@charset "utf-8";

/* HEADER */
/* Header-1007 */
#header-1007{ width: 100%; height: auto; background: #ffffff; box-shadow: 0 2px 2px 0px rgba(0,0,0,0.2); position: absolute; z-index: 10;}
#header-1007 .topline{ width: 100%; height: 4px; background: #163d8a; z-index: 10;}
#header-1007 .headcon .col{ width: 50%;}
#header-1007 .headcon .logo{ width: auto; height: 90px; padding: 15px 0;}
#header-1007 .headcon .logo img{ width: auto; height: 60px;}
#header-1007 .headcon .tel{ width: auto; height: 90px; padding: 15px 0; text-align: right;}
#header-1007 .headcon .tel a{ width: auto; line-height: 60px; color: #0b1531; font-size: 24px; font-weight: 500;}
#header-1007 .headcon .tel i{ color: #163d8a; margin-right: 10px;}
#header-1007 .nav{ width: 100%; height: 50px; background: #163d8a; z-index: 10;}
#header-1007 .nav .col{ width: 100%;}
#header-1007 .nav ul{ border-left: 1px solid #1f52b8; border-right: 1px solid #0f295e;}
#header-1007 .nav ul li{ position: relative; float: left; width: 12.5%; border-left: 1px solid #0f295e; border-right: 1px solid #1f52b8;}
#header-1007 .nav ul li a { display: block; width: 100%; height: 50px; line-height: 50px; background: #163d8a; color: #ffffff; text-align: center; font-size: 16px;}
#header-1007 .nav ul li a:hover { color:#ffffff; background: #ffa601;}
#header-1007 .nav ul li ul { display: none; position: absolute; top: 50px; left: 0; width: 200px; height: auto; background: #ffffff; z-index: 11; box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); padding: 20px 0; border: 0;}
#header-1007 .nav ul li ul li{ width: 100%; height: 40px; position: relative; border: 0;}
#header-1007 .nav ul li ul li a{ display: block; width: 100%; height: 40px; line-height: 40px; background: #ffffff; color: #0b1531; text-align: left; padding-left: 42px;}
#header-1007 .nav ul li ul li a:hover { color:#ffffff; background: #ffa601;}
#header-1007 .nav ul li ul li a i{ float: right;}
#header-1007 .nav ul li ul li ul { display: none; position: absolute; top: 0px; left: 200px; width: 200px; height: auto; z-index: 11; border: 0;}
@media screen and (max-width: 1240px) {
    #header-1007{ display: none;}
}

/* BANNER */
/* Section-Banner-1003 */
#banner-1003{ width: 100%; height: auto; background: #f5f5f5; position: relative;}
#banner-1003 #banner1003{ width: 100%; height: auto;}
#banner-1003 #banner1003 .swiper-slide img{ width: 100%;}
#banner-1003 #banner1003 .swiper-pagination-bullets{ bottom: 60px;}
#banner-1003 #banner1003 .swiper-pagination-bullet{ width: 12px; height: 12px; background: #ffffff;}
#banner-1003 #banner1003 .swiper-pagination-bullet-active{ width: 30px; height: 12px; border-radius: 6px; background: #ffffff;}
#banner-1003 .wavewrapper{ width: 100%; height:60px; position: absolute; bottom: 0px; z-index: 5; overflow: hidden;}
#banner-1003 .wavewrapper .wave{ width: 100%; height: 60px; position: absolute;}
#banner-1003 .wavewrapper .wave1{ top: 0; background: url('../image/default/computer/banner/1003/wave.png'); background-position: 0 0; opacity: 0.4; animation:  moveleft 7s linear infinite;}
#banner-1003 .wavewrapper .wave2{ top: 10px; background: url('../image/default/computer/banner/1003/wave.png'); background-position: 0 0; opacity: 0.6; animation:  moveright 10s linear infinite;}
#banner-1003 .wavewrapper .wave3{ top: 20px; background: url('../image/default/computer/banner/1003/wave.png'); background-position: 0 0; opacity: 1; animation:  moveleft 15s linear infinite;}
@keyframes moveleft{
    0% { background-position-x: 0;}
    100% { background-position-x: 1920px;}
}
@keyframes moveright{
    0% { background-position-x: 0;}
    100% { background-position-x: -1920px;}
}
@media screen and (max-width: 1240px){
    #banner-1003{ display: none;}
}

/* Section-Banner-1004 */
#banner-1004{ width: 100%; height: auto; background: #f5f5f5; position: relative;}
#banner-1004 #banner1004{ width: 100%; height: auto;}
#banner-1004 #banner1004 .swiper-slide img{ width: 100%;}
#banner-1004 #banner1004 .swiper-pagination-bullets{ bottom: 30px;}
#banner-1004 #banner1004 .swiper-pagination-bullet{ width: 12px; height: 12px; background: #ffffff;}
#banner-1004 #banner1004 .swiper-pagination-bullet-active{ width: 30px; height: 12px; border-radius: 6px; background: #ffffff;}
@media screen and (max-width: 1240px){
    #banner-1004{ display: none;}
}

/* BOTOP */
/* Botop-1002 */
#botop-1002{ width: 100%; height: auto; padding: 40px 0; background: #163d8a;}
#botop-1002 .col:nth-child(1){ width: calc(100% - 200px);}
#botop-1002 .col:nth-child(2){ width: 200px;}
#botop-1002 .des{ float: left; width: auto; height: 40px; line-height: 40px; color: #ffffff; font-size: 24px; font-weight: 300;}
#botop-1002 .go{ float: right;}
#botop-1002 .go a{ display: block; width: 150px; height: 40px; border: 2px solid #ffffff; text-align: center; line-height: 36px; color: #ffffff; border-radius: 20px;}
#botop-1002 .go a:hover{ background: #ffffff; color: #163d8a;}
@media screen and (max-width: 1240px) {
    #botop-1002{ display: none;}
}

/* Footer */
/* Footer-1001 */
#footer-1001{ width: 100%; height: auto; background: #222222;}

#footer-1001 .links{ padding: 30px 0; border-bottom: 1px solid #444444; line-height: 25px;}
#footer-1001 .links span{ color: #cccccc;}
#footer-1001 .links a{ display: inline-block; color: #aaaaaa; font-size: 14px; margin-right: 10px;}
#footer-1001 .links a:hover{ color: #ffffff;}

#footer-1001 .bottom{ padding: 30px 0;}
#footer-1001 .bottom .col{ width: 20%;}
#footer-1001 .bottom .col:nth-last-child(2){ float: right; width: 120px;}
#footer-1001 .bottom dl{ width: 100%; height: auto;}
#footer-1001 .bottom dl dt{ margin-bottom: 20px;}
#footer-1001 .bottom dl dt a{ color: #cccccc;}
#footer-1001 .bottom dl dt a:hover{ color: #ffffff;}
#footer-1001 .bottom dl dd{ margin-top: 10px;}
#footer-1001 .bottom dl dd a{ color: #aaaaaa; font-size: 14px;}
#footer-1001 .bottom dl dd a:hover{ color: #ffffff;}
#footer-1001 .bottom .col:nth-last-child(3) dl dd i{ display: inline-block; width: 25px; color: #aaaaaa; vertical-align: top; padding-top: 2px;}
#footer-1001 .bottom .col:nth-last-child(3) dl dd a{ display: inline-block; width: calc(100% - 25px); color: #aaaaaa; word-break: break-all;}
#footer-1001 .bottom .col:nth-last-child(2) dl dd img{ width: 100%; opacity: 0.8; filter: alpha(opacity = 80);}

#footer-1001 .copyright{ padding: 20px 0; border-top: 1px solid #444444; color: #aaaaaa; font-size: 12px;}
#footer-1001 .copyright .col{ width: 50%;}
#footer-1001 .copyright .col:nth-child(2){ text-align: right;}
#footer-1001 .copyright p{ line-height: 2em;}
#footer-1001 .copyright p br{ display: none;}
#footer-1001 .copyright a{ color: #aaaaaa; font-size: 12px;}
#footer-1001 .copyright a:hover{ color: #ffffff;}
@media screen and (max-width: 1240px) {
    #footer-1001{ padding-bottom: 40px;}

    #footer-1001 .links{ padding: 20px 0;}
    #footer-1001 .links a{ font-size: 12px;}

    #footer-1001 .bottom{ padding: 20px 0;}
    #footer-1001 .bottom .col:nth-last-child(2){ width: 100px;}
	#footer-1001 .bottom dl dt a{ font-size: 14px;}
    #footer-1001 .bottom dl dd a{ font-size: 12px;}

    #footer-1001 .copyright .col{ width: 100%; text-align: center;}
    #footer-1001 .copyright .col:nth-child(2){ text-align: center;}
    #footer-1001 .copyright a{ font-size: 12px;}
}
@media screen and (max-width: 800px) {
    #footer-1001 .bottom .col:nth-last-child(n+4){ display: none;}
    #footer-1001 .bottom .col:nth-last-child(3){ width: calc(100% - 120px);}
    #footer-1001 .copyright p br{ display: block;}
}