@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
font-family:-apple-system,"PingFang SC","Microsoft Yahei""Arial",sans-serif; }
li{list-style: none;}
i{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
div{box-sizing: border-box;}

.web_nav,.mheader{display: none;}

.time03{transition: all 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
.time05{transition:all  0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out;}

/*nav*/
.nav{ height: 100%;position: absolute; right:155px; top: 0px;  z-index: 5;}
.nav ul{height: 100%;}
.nav ul li{position: relative; height: 90px;   float: left; padding-right: 60px;}
.nav ul li h3 { /*width:155px;*/ }
.nav ul li h3 a{font-size: 14px;width: 100%; text-align: center; line-height: 1.8em;  color: #fff; padding-top: 30px; display: block;}
.nav ul li:hover h3 a {color:#014f99!important; }
.nav ul li .underline{height: 1px; margin-top: 3px; background-color: #014f99; width: 0%; display: block;}
.nav ul li:hover h3 a .underline{width: 100%;}
.header.on .nav ul li h3 a{color: #333;}
.mheader,.swiper-mobile{display: none;}


/*main*/
button{border:0;outline:none;/*去除蓝色边框*/}
.section01 {}
.section02 {overflow:hidden;}
.section03 {background: url(../image/thirdbg.jpg) 100% 100%;}
.section04 { background: url(../image/fivebg.jpg)no-repeat center center;}
.section06 {}
.section07 {}
.section08 { background: url(../image/contactbg.jpg)no-repeat ; background-size: cover;}


.header{width: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; height: 90px; }
.header .logo{display: block; position: absolute; left: 0px; top: 0px; z-index:8;  width: 295px;background: #fff;}
.header .logo img{height: 100%; display: block;}
.header .logo:after {content: " "; position: absolute; bottom: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 100px 0 0 60px; 
border-color: transparent transparent transparent #fff;}
.header s{display: block; position: absolute; height: 100%; left: 0px; top: 0px; z-index:8; background-color: #fff; width: 265px; z-index: 1;  }
.header s:after {content: " "; position: absolute; bottom: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 100px 0 0 60px; 
border-color: transparent transparent transparent #fff;}

.xlyc{width: 100%; height: 160px; border-bottom: 2px solid #149c87; position: absolute; top: 90px; left: 0px; background-color: #333; display: none;}
.xlyc>img{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none;}
.xlyc .xl_left{  position: absolute;  left: 200px; height: 100%; display: block!important;}
.xlyc .xl_left h3{ line-height: 160px; font-size: 18px; color: #fff; font-weight: bold;}
.xlyc .xl_right{width: 735px; height: 100%; position: absolute; right: 0px; top: 0px; display: block!important;}
.xlyc .xl_right ul{width:100%; height: 100%; position: absolute; right: 0px; top: 0px;display: none;}
.xlyc .xl_right ul.on{display: block;}
.xlyc .xl_right li{float: left; padding-right: 50px; line-height: 160px; }
.xlyc .xl_right li a{color: #fff; font-size: 14px;  position: relative; line-height: 1.8em; display: block;padding-top: 65px; }
.xlyc .xl_right li a .underline{height: 1px; margin-top: 3px;  background-color: #008742; width: 0%; display: block; position: relative;}
.xlyc .xl_right li a:hover{color:#149c87; }
.xlyc .xl_right li a:hover .underline{width: 100%;}


/*second   about box*/
.main-box{width: 81%; margin:0 auto;/* background: #ddd;*/ height: 75%;/* margin-top:1%;*/ overflow: hidden;}

.indexabout_l{width: 45%;   float: left; margin-top:50%}
.indexabout_l .indexabout_lcon{width: 100%;  overflow: hidden; }
.indexabout_l .indexabout_lcon p{font-size: 14px; color: #777; line-height: 1.7em; height: 150px;}
.indexabout_l .indexabout_lcon dl{overflow: hidden; width: 220px; float: right; margin-top: 200px;}
.indexabout_l .indexabout_lcon dl dd{float: left; margin-left: 30px; float: left; line-height:14px; overflow: hidden; margin-top: 10px;}
.indexabout_l .indexabout_lcon dl dd a{font-size: 16px; color: #555; line-height: 1.7em; padding-left:10px;border-left:2px solid #014f99;line-height:14px; overflow: hidden; margin-top: 10px;  }
.indexabout_l .indexabout_lcon dl dd:hover a{color: #014f99; }

.indexabout_r {overflow: hidden; position: relative; float: right; width: 45%;height: 100%; margin-right:-50%;  }
.indexabout_r img{box-shadow: 0px 5px 5px rgba(0,0,0,0.17);}
.indexabout_r .indexabout_rs{position: absolute; top: 122px; right: 0px; display: block; width: 640px; z-index: 5; }
.indexabout_r .indexabout_rx{position: absolute; top: 122px; right: 128px;display: block; width: 423px; z-index: 4;}

.indexabout_r.on .indexabout_rs{  top: 122px; right: 128px;   z-index: 4;}
.indexabout_r.on .indexabout_rx{  top: 0px; right: 0px;    }

.indexabout_btn{ width: 180px; height: 46px; background:#555555; display: block; position: relative;}
.indexabout_btn i{ display: block; width: 100%; height: 100%; text-align: center; line-height: 46px; position: absolute; left: 0px; top: 0px; color: #fff; font-size: 18px;
text-transform: uppercase;}
.indexabout_btn s{display: block; background-color: #014f99;width: 0px; height: 100%; position: absolute; left: 0px; top: 0px; }
.indexabout_btn:hover s{width: 100%;}

.main_bt{}
.main_bt h3{font-size: 36px; color: #555; font-weight: bold; text-transform: uppercase; line-height: 1em;}
.main_bt p{color: #666; font-size: 26px; line-height: 2.1em;}
.main_bt span{display: block; width: 50px; height: 1px; margin-top: 12px; margin-bottom: 12px; background: #888; }


/*third*/
.section03{position: relative;}
.section03 .main-box{position: relative; z-index: 5; }
.main_bt01{color: #fff; margin-bottom:2%; margin-top: 3%;}
.main_bt01 h3{font-size: 36px;  font-weight: bold; text-transform: uppercase; line-height: 1em; text-align: center;}
.main_bt01 p{  font-size: 26px; line-height: 2.1em; text-align: center;}
.main_bt01 span{display: block; width: 50px; height: 1px;margin:12px auto; background: #fff; }
.third_box{width: 1200px ; margin: 0 auto; height: 500px;  /*background-color: #ddd;*/ position: relative; overflow: hidden;}
.third_cen{width:482px; height: 482px; position: absolute; top: 50%; margin-top: -241px; left: 50%; margin-left: -241px; background:url(../image/zlbz.png); background-size: cover; }
.third_c0{width:100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.third_c1{background:url(../image/zl01.png); background-size: cover;animation:nq 55s linear infinite;-webkit-animation:nq 55s linear infinite;}
.third_c2{background:url(../image/zl02.png); background-size: cover;animation:wq 55s linear infinite;-webkit-animation:wq 55s linear infinite;}
.third_c3{background:url(../image/zl03.png); background-size: cover;animation:nq 55s linear infinite;-webkit-animation:nq 55s linear infinite;}
.third_c4{background:url(../image/zl04.png); background-size: cover;animation:wq 55s linear infinite;-webkit-animation:wq 55s linear infinite;}
.third_box .btn01{display: block; width: 118px; height: 35px; background-color: rgba(1,79,153,0.4); color: #fff; text-align: center; line-height: 35px; 
text-transform: uppercase; cursor: pointer; z-index: 10; position: absolute; bottom:153px; left: 50%; margin-left: -59px;}
.third_box .btn01:hover{background-color: rgba(1,79,153,0.8);}

.third_lb div{height: 76px;  position: absolute; }
.third_l div{  border-left: 12px solid rgba(1,79,153,0); padding-left: 25px;  }
.third_r div{  border-right: 12px solid rgba(1,79,153,0); padding-right: 25px;  text-align: right;}
.third_l div:hover{border-left: 12px solid rgba(1,79,153,1); margin-left: 10px;}
.third_r div:hover{border-right: 12px solid rgba(1,79,153,1);margin-right: 10px;}
.third_lb div h3{display: block; overflow: hidden; line-height: 36px; height: 36px;}
.third_lb div h3 i{float: left; font-family: Arial; color: #014f99; font-size: 36px;}
.third_lb div h3 p{float: left; font-size: 24px; color: #fff;  }
.third_lb div>p{font-size: 18px; color: #ababab; text-transform: capitalize;line-height: 36px; margin-bottom: 6px;}
.third_lb div span{width: 210px; display: block; height: 1px; background-color: rgba(140,142,146,0.3); color: #fff;}
.third_r div h3 i{float: right; }
.third_r div h3 p{float: right;  }

.third_l{position: absolute; left:-500px; top: 0px;}
.third_r{position: absolute; right: -500px; top: 0px;}
.third_lb .third_one{position: absolute; left: 35px; top: 55px;} 
.third_lb .third_one a{background: url(../image/icon1.png) no-repeat 0px 10px; padding-left: 44px; display:block;}
.third_lb .third_two{position: absolute; left: 0px; top: 225px;}
.third_lb .third_two a{background: url(../image/icon2.png) no-repeat 0px 10px; padding-left: 46px; display:block;}
.third_lb .third_three{position: absolute; left: 35px; top: 390px;} 
.third_lb .third_three a{background: url(../image/icon3.png) no-repeat 0px 10px; padding-left: 44px; display:block;}
.third_lb .third_four{position: absolute; right: 35px; top: 55px;} 
.third_lb .third_four a{background: url(../image/icon4.png) no-repeat right; padding-right: 50px; display:block;}
.third_lb .third_five{position: absolute; right: 0px; top: 225px;} 
.third_lb .third_five a{background: url(../image/icon5.png) no-repeat right; padding-right: 54px; display:block;}
.third_lb .third_six{position: absolute; right: 35px; top: 390px;} 
.third_lb .third_six a{background: url(../image/icon6.png) no-repeat right; padding-right: 44px; display:block;}

@keyframes nq
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
}

@-moz-keyframes nq /* Firefox */
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

}

@-webkit-keyframes nq /* Safari 和 Chrome */
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

}

@-o-keyframes nq /* Opera */
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

}

@keyframes wq
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg);}

}

@-moz-keyframes wq /* Firefox */
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg);}
}

@-webkit-keyframes wq /* Safari 和 Chrome */
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg);}
}

@-o-keyframes wq /* Opera */
{
from {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
to {transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg);}
}



/*four*/
/*
.section04{background-color: #e9e7e7;}
.section04 .main-box{position: relative; height: 70%;}
.icpfb_l{width: 50%;   float: left; margin-top: 50%}
.icpfb_l .icpfb_lcon{width: 100%;  overflow: hidden;  margin-top: 5% ;}
.icpfb_l .icpfb_lcon>p{font-size: 14px; color: #777; line-height: 1.7em; height: 150px;width: 70%;}
.icpfb_l .icpfb_lcon dl{overflow: hidden; width:50%; position: absolute; bottom: -100px; left: 0px; }
.icpfb_l .icpfb_lcon dl dd{float: left; float: left; width: 30% ;line-height:75px; overflow: hidden; margin-top: 20px; display: block;}
.icpfb_l .icpfb_lcon dl dd:nth-child(1){width: 22%;}

.icpfb_l .icpfb_lcon dl dd i{font-size: 42px; color: #555; padding-right:5px;display: block;  overflow: hidden;  float: left; position: relative; }
.icpfb_l .icpfb_lcon dl dd i s{position: absolute; display: block; width: 22px; height: 22px;background: url(../image/jia.png)no-repeat center center; right: -3px; top: 0px; color: #555; font-size: 22px; line-height: 22px;}
.icpfb_l .icpfb_lcon dl dd p{font-size: 22px; color: #777; float: left; height: 110px; line-height: 110px;}

.icpfb_r{width: 50%; height: 100%; float: right;   position: relative;}
.icpfb_r .icpfb_rdt{width: 730px; height: 615px; position: absolute; right: 0px; top: 0px;   background-size: 100% 100%;}
.icpfb_r .icpfb_rwz{font-size: 16px; color: #666; position: absolute; bottom: 0px; text-align: center; width: 100%}
.icpfb_r .icpfb_rdt .zhiyin{position: absolute; right: 5%; bottom: 0px; top:20px; width: 32%;}
.icpfb_r .icpfb_rdt .zhiyin img{display: block; width: 100%; display: inline-block; vertical-align: middle;}
.icpfb_r .icpfb_rdt .chengdu{position: absolute; left: 42.5%;bottom: 18.4%;}*/

.third_box .video{float:left; width:560px; margin-top: 6%;}
.third_box .adv{float:right; width:600px; float:right; background: #ccc; height:320px;  margin-top: 3%;}




/*five product center*/
.section04{position: relative;}
.section04 .main-box{width:95%;  position: relative; background-color: none!important; }
.section04 .main-box .main_bt01{display: none;}
.section04 .main-box .sec05_list{width: 100%; position: absolute; top:20%; left: 0px;  }
.section04 .main-box .bd{width: 90%; margin:3% auto; height: 105%; padding-bottom: 20px;position:relative; position: absolute; overflow: hidden; left: 5%;}

.section04 .main-box .bd ul{height: calc(100% -10px)!important;padding-top: 10px!important;}
.section04 .main-box .bd ul li{float: left; width:25%; height: 100%; position: relative; margin-top: 500px; }
.section04 .main-box .bd ul li a{display: block; width:100%; margin:0 auto; height: 100%; position: relative; background: #fff;}
.section04 .main-box .bd ul li:hover a{margin-top: -10px;}
.section04 .main-box .bd ul li a .sec05_lpic{width: 100%; height: 0px; padding-top: 70%; position: relative;   overflow: hidden; background:url(../image/probg.png)}
.section04 .main-box .bd ul li a .sec05_lpic img{display: block; position: absolute; top: 0px; left: 0px; width: 100%;}
.section04 .main-box .bd ul li:hover a .sec05_lpic img{  }
.section04 .main-box .bd ul li a .sec05_lcon{width: 100%; background-color: #fff;  position: relative; }
.section04 .main-box .bd ul li a .sec05_lcon .sybox{width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 7;}
.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox{padding:8% 10% 0%; text-align: center; background-color: #fff;}
.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox h3{font-size: 20px; color: #555; font-weight: 600;  }
.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox span{display: block; width: 40px; height: 1px; background-color: #555; margin: 15px auto;}
.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox div p{font-size: 14px; color: #777; line-height: 2em; }

.section04 .main-box .bd ul li:hover a{/*margin-top: -10px;*/ box-shadow: 0px 1px 10px rgba(0,0,0,0.17);}
/*.section05 .main-box .bd ul li:hover a .sec05_lcon .sybox{height: 110%;}*/

.section04 .main-box .sec05_list .prev,.section05 .main-box .sec05_list .next{width:50px; height: 44px; display: block; position: absolute; margin-top: -22px;
 top: 57%;background-color: rgba(0,0,0,0.3);}
.section04 .main-box .sec05_list .prev{left: 0px;}
.section04 .main-box .sec05_list .next{right: 0px; }
.section04 .main-box .sec05_list>.cpan>img{display: block; width: 100%; position: relative; z-index: 5; cursor: pointer;}
.section04 .main-box .sec05_list>.cpan s{ display: block; width: 0px; height: 100%; background-color: #014f99; position: absolute;top: 0px;}
.section04 .main-box .sec05_list>.cpan.prev s{right: 0px;}
.section04 .main-box .sec05_list>.cpan.next s{left: 0px;}
.section04 .main-box .sec05_list>.cpan:hover s{width: 100%;}

.section04 .main-box .bd ul li a{}
.section04 .btn{ width: 180px; height: 46px; background:#555555; display: block; position: absolute; bottom: 8%; left: 50%; margin-left: -75px;}
.section04 .btn i{ display: block; width: 100%; height: 100%; text-align: center; line-height: 46px; position: absolute; left: 0px; top: 0px; color: #fff; font-size: 18px;
text-transform: uppercase;}
.section04 .btn s{display: block; background-color: #014f99;width: 0px; height: 100%; position: absolute; left: 0px; top: 0px; }
.section04 .btn:hover s{width: 100%;}


/*six*/
.ixw_t{width: 100%; overflow: hidden; margin-top: 3%;  }
.section06 .main-box{width: 87%; height: auto;}
.ixw_t .main_bt{width: 50%; float: left;}
.ixw_t dl{float: right;}
.ixw_t dl dd{float: left; display: block; width: 97px; height: 37px; ;line-height: 37px; text-align: center; font-size: 16px; color: #666; }
.ixw_t dl dd a{color: #666; display: block; width: 100%; height: 100%;}
.ixw_t dl dd a:hover{color: #fff; background-color: #014f99; }
.ixw_b{width: 100%; overflow: hidden; margin-top:3%;}
.ixw_b .ixw_l{width: 36%; float: left; background-color:#e9e7e8; margin-left: -36%;}
.ixw_b .ixw_l .ixw_lbox{padding:10%;}
.ixw_b .ixw_l .ixw_lbox span{font-size: 52px; color: #777; font-family: normal; margin-bottom:20px;}
.ixw_b .ixw_l .ixw_lbox h3{font-size: 18px; color: #555;line-height: 1.5em; font-weight: 600; height: 30px; overflow:hidden;}
.ixw_b .ixw_l .ixw_lbox p{font-size: 14px; color: #777; line-height: 1.7em;  margin-bottom: 2%;}
.ixw_b .ixw_l .ixw_lbox div{width: 100%; overflow: hidden;}
.ixw_b .ixw_l .ixw_lbox div img{display: block; width: 100%; }
.ixw_b .ixw_l .ixw_lbox:hover div img{transform: scale(1.07); -webkit-transform: scale(1.07); -ms-transform: scale(1.07);}
.ixw_b .ixw_l .ixw_lbox .btn{display: block; width: 128px; height: 38px; background-color:#555; position: relative; margin-top: 10%;}
.ixw_b .ixw_l .ixw_lbox .btn s{position: absolute; top: 0px; left: 0px; width: 0px;  height: 100%; background-color:#014f99; }
.ixw_b .ixw_l .ixw_lbox .btn:hover s{width: 100%}
.ixw_b .ixw_l .ixw_lbox .btn i{width: 100%; height: 100%; display: block; position: relative; z-index: 5; text-align: center; line-height: 38px; color: #fff; text-transform: uppercase; }

.ixw_b .ixw_r{width: 60%; float: right; margin-right: -60%;}
.ixw_b .ixw_r li{border-top: 1px solid #e5e5e5;width: 99%;}
.ixw_b .ixw_r li a:hover{box-shadow: 0px 1px 10px rgba(0,0,0,0.10)}
.ixw_b .ixw_r li a{padding:0 6%; display: block; height: 100%;}
.ixw_b .ixw_r li h3{font-size: 18px;padding-top:3%;  color: #555; overflow: hidden; margin-bottom: 10px;}
.ixw_b .ixw_r li h3 p{float: left;}
.ixw_b .ixw_r li h3 i{float: right; font-size: 20px; color: #777; font-family: Arial;}
.ixw_b .ixw_r li div{overflow: hidden; width: 100%;}
.ixw_b .ixw_r li div p{width: 80%; font-size: 14px; color: #777; line-height: 2em; float: left;}
.ixw_b .ixw_r li div span{display: block; width: 40px; height: 34px; border-left: 1px solid #e5e5e5; float: right; position: relative;}
.ixw_b .ixw_r li div span s{display: block; width: 0; height: 100%;position: absolute; left: 0px; right: 0px; background-color:#014f99; }
.ixw_b .ixw_r li div span:hover s{width: 100%;}
.ixw_b .ixw_r li div span i{display: block; width: 34px; height: 34px; background: url(../image/xwbtn.png)no-repeat; position: relative; z-index: 5;}


.section07{background-color: #fcfcfc;}
.section07 .main_bt01{color: #555; margin-bottom: 3%; display: none;}
.section07 .main-box{ height: 60%;}
.section07 .main-box .ihb{position: relative; height: 100%; margin-top: 50%;}
.section07 .main-box .ihb .prev,.section07 .sbox .ihb .next{width:44px; height: 82px; display: block; position: absolute; margin-top: -41px;
 top: 35%;background-color: rgba(0,0,0,0.3);}
.section07 .main-box .ihb .prev{left: 0px;}
.section07 .main-box .ihb .next{right: 0px; }
.section07 .main-box .ihb>.ihb_list>.ihb_lan>img{display: block; width: 100%; position: relative; z-index: 5; cursor: pointer;}
.section07 .main-box .ihb>.ihb_list>.ihb_lan s{ display: block; width: 0px; height: 100%; background-color: #014f99; position: absolute;top: 0px;}
.section07 .main-box .ihb>.ihb_list>.prev s{right: 0px;}
.section07 .main-box .ihb>.ihb_list>.next s{left: 0px;}
.section07 .main-box .ihb>.ihb_list>:hover s{width: 100%;}

.section07 .main-box .ihb .ihb_list{width: 78%; margin:0 auto;padding-left: 1%; padding-right: 1%; height: 65%; overflow: hidden;}
.section07 .main-box .ihb .ihb_list ul{ }
.section07 .main-box .ihb .ihb_list li{float: left; width: 25%;  margin-top: 0.1%;}
.section07 .main-box .ihb .ihb_list li img{display: block; max-width: 100%;}
.section07 .main-box .ihb .ihb_list li:hover{box-shadow: 0px 1px 10px rgba(0,0,0,0.17); border-radius: 2px;}
.section07 .main-box .ihb .ihb_list li:hover img{border-radius: 2px;}



.section08 .main_bt h3,.section08 .main_bt p{color: #014f99;  }
.section08 .main_bt{margin-bottom: 2%; }
.ilx_t{width: 100%; margin-top: 50%;  }
.ilx_t p{color: #666; width: 41%;}
.section08  .ilx_b{width: 81%; color: #666; position: absolute; bottom: -300px; overflow: hidden; }
.section08  .ilx_b .ilx_l{width: 40%; float: left;}
.section08  .ilx_b .ilx_l h3{font-size: 18px; line-height: 1.5em; margin-top: 20px;}
.section08  .ilx_b .ilx_l h4{font-size: 14px;margin-bottom: 10px; line-height: 1em;}
.section08  .ilx_b .ilx_l p{font-size: 16px;}
.section08  .ilx_d{position: absolute; height: 50px; width: 81%; bottom: 0px; line-height: 50px;color: #888; font-size: 14px; overflow: hidden;}
.section08  .ilx_d .ilx_dleft{float: left;}
.section08  .ilx_d .ilx_dright{float: right;}
.section08  .ilx_d .ilx_dright a{color: #666;}
.section08  .ilx_d .ilx_dright a:hover{color: #999;}

.section08  .ilx_b .ilx_r{width:355px; margin-top: 80px; float: right; overflow: hidden;}
.section08  .ilx_b .ilx_r .ilx_rdt{float: right; padding: 10px; background: #666}
.section08  .ilx_b .ilx_r .ilx_rdt h3{color: #dbdbdb; font-size: 22px; font-weight: bold;}
.section08  .ilx_b .ilx_r .ilx_rdt a{display: block; font-size: 14px; color: #fff; line-height: 2em;}
.section08  .ilx_b .ilx_r .ilx_rdt a:hover{color: #c1c1c1}
.section08  .ilx_b .ilx_r .ilx_rmiddle{float: left; overflow: hidden;}
.section08  .ilx_b .ilx_r .ilx_rmiddle li{width: 42px;margin-right: 5px; margin-left: 5px; float: left; height:160px; border-radius: 100%;   position: relative;cursor: pointer; }
.section08  .ilx_b .ilx_r .ilx_rmiddle li i{width: 42px; display: block; float: left; height: 42px; border-radius: 100%; background-color:rgba(0,0,0,0.3); position: absolute;
bottom: 0px;  }
.section08 .ilx_b .ilx_r .ilx_rmiddle li.wb i{background: url(../image/wba.png);  }
.section08 .ilx_b .ilx_r .ilx_rmiddle li.wb:hover i{ background: url(../image/wbl.png);  }
.section08 .ilx_b .ilx_r .ilx_rmiddle li.wx i{background: url(../image/wxa.png);   }
.section08 .ilx_b .ilx_r .ilx_rmiddle li.wx:hover i{background: url(../image/wxl.png); }
.section08  .ilx_b .ilx_r .ilx_rmiddle li div{width: 98px; height: 104px; position: absolute; top:0px; opacity: 0; }
.section08  .ilx_b .ilx_r .ilx_rmiddle li div img{display: block; max-width: 100%;}
.section08  .ilx_b .ilx_r .ilx_rmiddle li:hover div{top: 5px; opacity: 1;}


.foot-bar-fix {height:48px;clear:both; display:none;}
.foot-bar {width:100%;height:48px;overflow:hidden;background:#BF2A2F;border-top:#B2B2B2 1px solid;position:fixed;z-index:9;left:0;bottom:0; color:#fff; display:none;}
.foot-bar a{color:#fff;}
.foot-bar li {width:25%;height:48px;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top:32px;}
.foot-bar em {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:5px;height:5px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar .iicon-home {background:url('../image/home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .iicon-buy {background:url('../image/buy.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .iicon-my {background:url('../image/my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .iicon-yunying {background:url('../image/yunying.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .iicon-fujin {background:url('../image/fujin.png') no-repeat center 5px;background-size:24px 24px;}





.section03{overflow: hidden;}
.liuxing{width: 50%; height: 100%; position: absolute;   transform:rotate(-90deg); }
.star {display: block; width: 5px; height: 5px; border-radius: 50%; background: #FFF; top: 800px; left: 1200px; position: relative; transform-origin: 100% 0; 
	animation: star-ani 3.6s linear infinite; -webkit-animation:star-ani 3.6s linear infinite; box-shadow: 0 0 1px 4px rgba(255, 255, 255, .1); opacity: 0; z-index: 2; }
.star:after {content: ''; display: block; top: 0px; left: 4px; border: 0px solid #fff; border-width: 0px 90px 2px 90px; box-shadow: 0 0 0.5px 0 rgba(255, 255, 255, .1);
border-color: transparent transparent transparent rgba(255, 255, 255, .3); transform: rotate(-45deg) translate3d(1px, 3px, 0); transform-origin: 0% 100%; }
.cs01 {top: 100px; left: 600px; background: #fff; animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; } 
.cs02 {top: 300px; left: 600px; background: #fff; animation-delay: 4s; -webkit-animation-delay: 4s; -moz-animation-delay: 4s; }
.cs03 {top: 250px; left: 1100px; background: #fff; animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; } 
.cs04 {top: 600px; left:1000px; background: #fff; animation-delay: 4s; -webkit-animation-delay: 4s; -moz-animation-delay: 4s; }   
.pink {top: 100px; left: 800px; background: #fff; animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; } 
.pink:after {border-color: transparent transparent transparent #fff; animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; } 
.blue {top: 600px; left: 1200px; background: #fff; animation-delay: 7s; -webkit-animation-delay: 7s; -moz-animation-delay: 7s; } 
.blue:after {border-color: transparent transparent transparent #fff; -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }


@keyframes star-ani {
    0% {
        opacity: 0;
        transform: scale(0) translate3d(0, 0, 0);
    }
    20%{
        opacity: 0.8;
        transform: scale(0.2) translate3d(-100px, 100px, 0);
    }
    40% {
        opacity: 0.8;
        transform: scale(0.4) translate3d(-200px, 200px, 0);
    }
    60% {
        opacity: 0.8;
        transform: scale(0.6) translate3d(-300px, 300px, 0);
    }
    80% {
        opacity: 1;
        transform: scale(0.8) translate3d(-350px, 350px, 0);
    }
    100% {
        opacity: 1;
        transform: scale(1) translate3d(-400px, 380px, 0);
    }
}




@media (max-width:1600px) {
	.nav{right:10px;}
	.section01{background-size: 100% 100%;}
}
@media screen and (max-width: 1580px) {
	.main-box{width: 90%;  }
	.indexabout_r{margin-right: 2%;}
	.ixw_b{margin-top: 3%;}
	.indexabout_r .indexabout_rs{width: 100%;}
	.indexabout_r .indexabout_rx{width: 60%;}

	.indexabout_l{margin-top: 10%!important;}


	.third_l{top: -25px;}
	.main_bt01{margin-bottom: 10px;}
	.section03 .main-box{height:72%;}

	.third_cen{width: 400px; height: 400px; margin-left: -200px;}
	.third_lb div>p{font-size: 16px;}

	.indexabout_l .indexabout_lcon p{height: 120px; overflow: hidden; margin-bottom: 10px;}

	.third_lb .third_two,.third_lb .third_five{top: 200px;}
	.third_lb .third_three,.third_lb .third_six{top: 350px;}
	.third_r{top: -25px;}


	.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox h3{font-size: 16px;}
	.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox{padding-top: 5%;}
	.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox span{margin: 8px auto;}
	.section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox div p{font-size: 12px; line-height: 1.8em;}
	
	

	.section08 .ilx_b .ilx_l{width: 40%;}

}


@media screen and (max-width: 1450px) {
	.main-box{width: 90%;  }

	.indexabout_l{margin-top: 6%!important;;}

	.main_bt01{margin-bottom: 0px;}
	.third_box{transform:scale(0.8); -webkit-transform:scale(0.8);}

	.section02 .main-box{height: 80%;}



	.section08 .ilx_b{bottom:30px!important;}
	.section08 .ilx_b .ilx_r .ilx_rdt a,.section08 .ilx_b .ilx_l p{line-height: 1.6em;}

	.section08  .ilx_b{bottom: 50px;}
	.section08  .ilx_b .ilx_l p {font-size: 14px;}
	.section08 .s_bt{margin-bottom: 0.5%;}
	.section08  .ilx_b .ilx_l img{transform:scale(0.8); -webkit-transform:scale(0.8); margin-left: -15px;}
	.section08  .ilx_b .ilx_l h3{margin-top: 0px;}

	
   .indexabout_r .indexabout_rx{top: 60px;}
   .indexabout_r.on .indexabout_rs{top: 60px;}
   .section03 .main-box{height: 80%;}
   .icpfb_r .icpfb_rdt{width:580px; height:480px;}
   .ixw_b .ixw_r li div p{height: 54px;}
   .ixw_b{margin-top: 1%;}
   .third_box{height: 450px;}
   .third_cen{width: 360px; height: 360px; margin-top: -200px; margin-left: -180px;}
   .section04 .main-box .bd ul li a .sec05_lcon .sybox .sec05_lcbox div {height: 45px; overflow:hidden;}
   .third_box .btn01{bottom: 120px;}
	 
}

@media screen and (max-width: 1380px) {
	   .icpfb_r .icpfb_rdt{  height:430px;}

		.nav ul li{padding-right: 10px;}

}


.layui-col-sm3{width:49%; margin-right:2%;float:left; margin-bottom: 24px; padding:6px 24px; border:1px solid #ccc; position: relative;}
.layui-col-sm3:nth-child(2n){margin-right: 0px; }
.layui-col-sm3 .tit{line-height: 32px; float:left; max-width: 80%; overflow: hidden;}
.layui-col-sm3 a{display:inline-block; float:right; line-height: 32px;}
.layui-col-sm3 a img{width:32px; height: 32px;}
.layui-col-sm3 font {
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #00a496;
    -webkit-transition: 0.9s ease;
    -moz-transition: 0.9s ease;
    -ms-transition: 0.9s ease;
    -o-transition: 0.9s ease;
    transition: 0.9s ease;
}

.layui-col-sm3:hover font {
    width: 100%;
}

@media only screen and (max-width:1400px ) {
    .layui-col-sm3{width:23.5%; margin-right:2%;}
    .layui-col-sm3:nth-child(4n){margin-right: 0%;}
    .layui-col-sm3:nth-child(5n){margin-right: 2%;}
}

@media only screen and (max-width:1024px ) {
    .layui-col-sm3{width:32%; margin-right:2%;}
}

@media only screen and (max-width:737px ) {
    .layui-col-sm3{width:49%; margin-right:2%;}
    .layui-col-sm3:nth-child(2n){margin-right: 0%;}
    .layui-col-sm3:nth-child(5n){margin-right: 2%;}
}