@charset "utf-8";
/*样式初始化及公共样式部分lpm*/
body{color:#666; font-size:13px; margin:0 auto; min-width:1200px; background-color:#fff;font-family: "Microsoft YaHei", "黑体", "宋体", sans-serif;}
.box{width:1200px; height:auto; margin:0 auto;} 
.cp a:hover img{ border:1px solid #ff6c02; padding:2px; background:#fff;}
.cp img{border:1px solid #C1C1C1; padding:2px;  background:#fff;}
a{color:#666;text-decoration:none;}   
a:hover{text-decoration:none;}
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,i{margin:0px; padding:0px;}
ol, ul, li {list-style: none;}
i,em{font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
img {border: none;vertical-align: middle;}
table {border-collapse: collapse;}
html {overflow-y: scroll;}
.clear{clear: both; height:0px; overflow:hidden;}
.fl{float:left;} 
.fr{float:right;} 
.en{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}
.clearfix:before,.clearfix:after {content: " ";display: inline-block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
.boxsize{-webkit-box-sizing: border-box; box-sizing: border-box;}/*百分比布局*/
.main {overflow: hidden;margin: auto;width: 990px;}
.overH{overflow: hidden;}
#copy{ display:none;}/*隐藏后台自带版权DIVlpm*/
.top10{padding-top:10px;}
.top20{padding-top:20px;}
.top30{padding-top:30px;}
.top40{padding-top:40px;}
.top50{padding-top:50px;}
.top60{padding-top:60px;}
.top70{padding-top:70px;}
.top80{padding-top:80px;}
.top90{padding-top:90px;}

.animated{display: block!important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #23a7e5!important;}

/*header*/
.header_main {
  width: 100%;
  height: 80px;
  line-height: 80px;
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
   min-width: 1200px;
    background:rgba(255,255,255,0.8);
   
    -webkit-transition: all 0.4s ease;
   
    transition: all 0.4s ease;
}
.fp-viewing-0 .header_main{}
.header_main .header {
  position: relative;
}

.header_main .logo {
  width: 163px;
  height: 45px;
  position: absolute;
  top: 14px;
  left: 30px;
  display: block;
  z-index: 100;
}
.header_main .logo img {
  width: 100%;
  height: 100%;
  display: block;
}

.header_main .nav_main {
  width: 910px;
  margin: 0 auto;
  height: 80px;
  line-height: 80px;
}
.header_main .nav_main .list {margin: 0px!important;}
.header_main .nav_main .list >li {
  padding: 0 21px;
  text-align: center;
  font-size: 16px;
  position: relative;
  float: left;
}
.header_main .nav_main .list >li>a {
  height: 99px;
  display: block;
  height: 100%;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
  position: relative;
  color: #509cf1;
  font-size: 18px;
  font-weight: bold;
}


.header_main .nav_main .list >li>a:hover {
  color: #509cf1;
}
.header_main .nav_main .list >li i {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #509cf1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header_main .nav_main li:hover i,
.header_main .nav_main li.hover i {
  width: 100%;
  margin-left: -50%;
}

.header_main .tel {
  width: auto;
  height: 80px;
  position: absolute;
  top: 0px;
  right: 30px;
  display: block;
  z-index: 100;

 padding-left: 28px;
    font-size: 18px;
    line-height: 80px;
    color: #509cf1;
}




.nav_main li>ul{position:absolute;top: 80px;left: 0;z-index: 9999; opacity: 0;-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;width: 120px;}
.nav_main li:hover  > ul{ opacity: 1;}
.nav_main li>ul li{height: 0; overflow: hidden; background: none;-webkit-transition: height .4s ease .1s;transition: height .4s ease .1s;}
.nav_main li:hover > ul > li{height: 40px;line-height: 40px;overflow: visible;}
.nav_main li ul li a{height: 100%;display: block;text-align: left;font-size: 16px!important;color:#333; background:rgba(255,255,255,0.8);text-align: center;}
.nav_main li ul > li > a:hover{background:#23a7e5; color:#fff;} 
.nav_main li ul li  .xn{height: 100%;display: block;text-align: left;font-size: 16px!important;color:#333; background:rgba(255,255,255,0.8);text-align: center;cursor: pointer;position: relative;}
.nav_main li ul li .xn ul{display: block;width: 140px; position:absolute;right:-140px;top: 0px; opacity: 0;-webkit-transition: opacity .4s ease .1s;transition: opacity .4s ease .1s;}
.nav_main li ul li .xn:hover ul{ opacity: 1;}
.nav_main li ul li  .xn li{height: 0;line-height: 40px;overflow: hidden;-webkit-transition: height .4s ease .1s;transition: height .4s ease .1s;}
.nav_main li ul li  .xn:hover li{height: 40px;overflow: visible;}
.nav_main li ul li .xn li a{display: block;}
.nav_main li ul li .xn li a:hover{background:#23a7e5; color:#fff;} 


/*幻灯片*/
.banner_box,.banner_box .bd,.banner_box .bd li,.banner_box .bd ul,.banner_box .bd li p{height:100%!important;width:100% !important;}
.banner_box .banner-btn a.prev,.banner_box .banner-btn a.next{top:48%;background-image:url(../uploadfile/image/20181126/20181126092337_191755819.png);}
.banner_box .hd ul li.on{background:#23a7e5;}
.banner_box{position:relative;overflow:hidden;}
.banner_box .bd{ width:100% !important;}
.banner_box .bd li{width:100%!important;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner_box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;overflow: hidden;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-54px;background-repeat:no-repeat;background-position:0 0;} 
.banner-btn a.next{right:-54px;background-repeat:no-repeat;background-position:-49px 0;}
.banner_box:hover .banner-btn a.prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner_box:hover .banner-btn a.next{ right: 54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner_box .banner-btn a.prev:hover,.banner_box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
.banner_box .hd {position:absolute;bottom:20px;width: 100%;display: block;}
.banner_box .hd ul{ text-align: center}
.banner_box .hd ul li{ width:20px; height:6px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner_box .hd ul li.on{ width: 32px; }
.banner_box  div.bd  ul li.li01  a  img{display:block;position: absolute;top: 50%;left: 15%; margin-top:-158px;}
.banner_box  div.bd  ul li.li02  a  img{display:block;position: absolute;top: 50%;right: 15%; margin-top:-182px;}
.banner_box  div.bd  ul li.li03  a  img{display:block;position: absolute;top: 50%;left: 50%;margin-top:-128px;margin-left:-391px;}









/*定制*/
#section2{background: url(../uploadfile/image/20181126/20181126173035_1038335091.jpg) no-repeat center;background-size: cover;}
.customer {padding-top: 5%;}
.serK{height: 220px;}
.serC{width: 255px;overflow: hidden;float: right;margin-top: 65px;}
.serC p{color: #6d6d6d;font-size: 15px;line-height: 22px;padding: 20px 0px;}
.serM{
	width: 207px;
	height: 41px;
	line-height: 41px;
	background: url(../uploadfile/image/20181126/20181126144446_140564306.png) no-repeat center;
	color: #fff!important;
	font-size: 18px;
	display: block;
	text-align: center;
}
.serl{float: left;width: 650px;height: 364px;border: 10px solid #ccc;border-radius: 5px; overflow: hidden;}
.serl img{ }
.serU{overflow: hidden;padding-top: 65px;}
.serU li{float: left;overflow: hidden;/*padding-right: 54px;width: 207px;*/padding-right: 54px;}
.serU li.r{padding-right: 0;}
.serU li a{display: block;/*width: 207px;*/text-align: center;}
.serU li a img{/*width: 207px;height: 207px;margin-bottom: 23px;*/width: 100%;margin-bottom: 12%; }

.serU li a h3{color: #fff;font-size: 18px;font-weight: bold;padding-bottom: 14px;    opacity: 0;}
.serU li a p{color: #fff;font-size: 12px;line-height: 20px;width: 175px;text-align: left;margin: auto;text-align: center;    opacity: 0;}

#section2 iframe {margin-top:-46px;}







/*方案*/
#section3{background: url(../uploadfile/image/20181230/20181230174053_264740493.jpg) no-repeat center;background-size: cover;}
.solution{padding-top: 8%;}
.solutionK{height: 286px;}
.solutionE{width: 360px;overflow: hidden;float: left;padding-left:4%;
    margin-top: 30px;}
.solutionE p{color: #333;font-size: 15px;padding: 20px 0px;line-height: 22px;}
.solutionM{
	width: 207px;
	height: 41px;
	background: url(../uploadfile/image/20181126/20181126144446_140564306.png) no-repeat;
	text-align: center;
	line-height: 41px;
	color: #fff!important;
	font-size: 18px;
	display: block;
}
.solutionM:hover,.serM:hover,.newsA:hover{
	color: #fff;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}
.solutionR{width: 600px;overflow: hidden;float: right;}
.solutionR .overH >div{-webkit-transition: all ease 0.4s;transition: all ease 0.4s;}
.solutionR .overH >div:hover{border-radius: 5px;opacity: 0.8;}
.so1{background: url(../uploadfile/image/20181207/20181207155047_1504631821.jpg) no-repeat center;}
.so2{background: url(../uploadfile/image/20181207/20181207154631_2022589860.jpg) no-repeat center;}
.so3{width: 365px;background: url(../uploadfile/image/20181207/20181207154631_1068624400.jpg) no-repeat center;}
.so4{background: url(../uploadfile/image/20181207/20181207154631_476328603.jpg) no-repeat center;}
.so5{background: url(../uploadfile/image/20181207/20181207154631_2022820389.jpg) no-repeat center;}
.so6{background: url(../uploadfile/image/20181207/20181207154632_1907470171.jpg) no-repeat center;}
.so1,.so2,.so4,.so5,.so6{width: 36%;}
.solutionR .so1,.solutionR .so2,.solutionR .so3,.solutionR .so4,.solutionR .so5,.solutionR .so6{float: right;height: 191px;margin:0px 0px 3px 3px;}
.so1 h3,.so2 h3,.so3 h3,.so4 h3,.so5 h3,.so6 h3{color: #fff;font-size: 18px;font-weight: bold;text-align: center;padding-bottom: 5px;}
.so1 p,.so2 p,.so3 p,.so4 p,.so5 p,.so6 p{color: #fff;font-size: 12px;line-height: 20px;margin: auto;}
.so1 h3,.so2 h3{padding-top: 41%;}
.so4 h3,.so5 h3,.so6 h3{padding-top: 44%;}
.so3 h3{padding-top: 14%;text-indent: 4%;}


.so1 p{width: 83%;}
.so2 p{width: 80%;}
.so3 p{width: 64%;padding-left: 29%;}
.so4 p{width: 77%;}
.so5 p{width: 76%;}
.so6 p{width: 78%;}








/*简介
#section4{background: url(../uploadfile/image/20181126/20181126164141_198840782.jpg) no-repeat center;background-size: cover;}
.comC{width: 360px;overflow: hidden;float: right;}
.comC p{color: #6d6d6d;font-size: 12px;line-height: 22px;padding: 20px 0px;}
.comM{
	width: 207px;
	height: 41px;
	line-height: 41px;
	background: url(../uploadfile/image/20181126/20181126144446_140564306.png) no-repeat center;
	color: #fff!important;
	font-size: 18px;
	display: block;
	text-align: center;
}
*/



/*新闻*/
#section5{background: url(../uploadfile/image/20181230/20181230180242_901347129.jpg) no-repeat center;background-size: cover;}
.newsK{height: 220px;}
.newsC{overflow: hidden;width: 333px;padding-top: 10%; position:relative;float: right; z-index:10}
.newsC p{color: #666;font-size: 15px;line-height: 20px;padding: 10px 0px 20px 0px;}
.newsA{
	width: 207px;
	height: 41px;
	display: block;
	text-align: center;
	line-height: 41px;
	color: #fff!important;
	font-size: 18px;
	background: url(../uploadfile/image/20181126/20181126144446_140564306.png) no-repeat center;
}
.newsU{padding-top: 6%;}
.newsU li{width: 25%;}
.newsU li .inforK{width: 100%;}
.newsU li .inforK img{width: 100%;height: auto;}



.inforT{overflow: hidden;padding: 65px 0px 60px 0px;text-align: center;}
.inforT a{
	width: 142px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #4d4d4d;
	font-size: 16px;
	border-radius: 50px;
	margin: 0px 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.inforT a:hover{color: #fff;background: #f24345;}
.inforT a.hover{color: #fff;background: #f24345;}

.inforC{overflow: hidden;}
.news_div_item{float: left;width: 301px;overflow: hidden;margin: 0px 40px 35px 0px;position: relative;}
.news_div_item:nth-child(3){margin-right: 0;}
.news_div_item_pic a{display: block;position: absolute;top:0px;}
.news_div_item_pic img{width: 301px;height: 263px;}
.news_div_item_content{
	overflow: hidden;
	padding: 283px 15px 20px 15px;
	display: block;
	background: #fff;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.news_div_item_a{color: #5f5f5f;font-size: 14px;font-weight: bold;padding-bottom: 10px;}
.news_div_item_body{color: #797474;font-size: 12px;padding-bottom: 10px;line-height: 20px;}
.news_div_item:hover .news_div_item_a,
.news_div_item:hover .news_div_item_body,
.news_div_item:hover  .news_div_item_a:after{color: #fff;}
.news_div_item_a:after{content:"More>>";display:block;position: absolute;bottom:8px;left:20px;font-size:13px;color:#666;}

.news_div_item:hover .news_div_item_content {background: #23a7e5}
.news_div_item_date{position: absolute;top:0px;}


/*版权*/
 .footer{width: 100%;background:#F8F9FB;}
.foot{padding-top:56px;}
.foot .fl{width:880px; height:193px;float:left;}
.foot .fl .gy{width:200px;float:left;}
.foot .fl .gy span{display: block;  padding-bottom:20px; margin-bottom: 36px;position: relative;}
.foot .fl .gy span a{font-size: 16px; color:#333333;}
.foot .fl .gy span:after{content: "";display: block;width: 30px;height: 2px;background: #509cf1;position: absolute;left: 0px;bottom: 0px;-webkit-transition: all ease .4s;transition: all ease .4s;}
.foot .fl .gy ul li{ margin-bottom:16px; line-height: 16px;}
.foot .fl .gy ul li a{font-size: 14px; color:#666666;}
.foot .fl .gy ul li a:hover{color: #509cf1;}
.foot .fl .gy:hover span:after{width: 60px;}

.foot .dblogo{float:right;width:302px;}
		  .foot .dblogo h2{width:246px; height:56px; padding-left:27px; padding-right:29px;padding-bottom:9px;border-bottom:1px solid #dddddd; margin-bottom: 20px;}
		  .foot .dblogo h2 img{width:246px; height:56px;}
		  .foot .dblogo span{display: block; float:left;}
		  .foot .dblogo .e1{margin-right: 74px;}
		  .foot .dblogo span em{display: block;width:111px; height:111px;}
		  .foot .dblogo span em img{width:111px; height:111px;}
		  .foot .dblogo span b{display: block; font-weight: normal; font-size: 14px; color:#181818; text-align: center; margin-top: 16px; }

.link{ height: 58px; line-height: 58px; border-top:1px #ccc solid; border-bottom:1px #ccc solid;margin-top: 50px;}
.link_l{ width: 83px; padding-left: 33px; font:15px/58px "Microsoft YaHei"; background:url(../uploadfile/image/20181127/20181127200523_1336969321.png) no-repeat 6px center;float:left;color: #333;margin-right:20px;}
.link_r{ width: 880px;float:left;}
.linkTagcs li a{color:#666!important;font-size:14px;}
.linkTagcs li a:hover{color:#509cf1!important;}


/*copyright*/
.copyright {
  width: 100%;
  height: 35px;
  line-height: 38px;
  color: #adadad;
  background: #23a7e5;
margin-top:20px;
    overflow: hidden;
}
.copyright .txt {
  width: 948px;
  
  font-size: 13px;
  color: #fff;
 margin:0 auto;
}
.copyright .txt a {
  color: #fff;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
}
.copyright .txt a:hover {
  color: #fff;
}
.copyright .ewm {
display:none;
  width: 130px;
  float: right;
}
.copyright .ewm li {
  width: 30px;
  height: 35px;
  position: relative;
  margin-left: 13px;
  float: left;
  cursor: pointer;
}
.copyright .ewm li a {
  width: 100%;
  height: 23px;
  padding-top: 12px;
  display: block;
}
.copyright .ewm li i {
  width: 24px;
  height: 22px;
  display: block;
  margin: 0 auto;
  background: url(../uploadfile/image/20181127/20181127103010_634151822.png) no-repeat 0 -2px;
}
.copyright .ewm li .box {
  position: absolute;
  left: 50%;
  margin-left: -55px;
  bottom: 32px;
  width: 100px;
  height: 100px;
  padding: 5px;
  background: #fff;
  display: none;
}
.copyright .ewm li .box img {
  width: 100%;
  height: 100%;
  display: block;
}
.copyright .ewm li.a2 i {
  background-position: -24px -2px;
}
.copyright .ewm li.a3 i {
  background-position: -51px -2px;
}
.copyright .ewm li:hover a i {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.copyright .ewm li:hover .box {
  display: block;
}

.serC,.serl,.serU,.solutionR,.solutionE,.newsC,.inforC{display: none;}





 /*客服*/

    .kf {
        -webkit-transition: .5s;
        transition: .5s;
        -o-transition: .8s;
        -moz-transition: .8s;
        -webkit-transition: .8s;
        z-index: 999999;
        background-color: #fff;
        position: fixed;
        bottom: 200px;
        right: 10px;
        width: 62px;
        height: 314px;
        border-radius: 5px;
    }

    .kf span {
        z-index: 1000001;
        -webkit-transition: .5s;
        transition: .5s;
        cursor: pointer;
        position: relative;
        display: block;
        width: 62px;
        height: 62px;
        border-bottom: 1px solid #e3e3e3;
    }

    .kf span a {
        display: block;
        width: 62px;
        height: 62px;
    }

    .kf span.span1 {
        border-radius: 5px 5px 0 0;
        background: url(../uploadfile/image/20181127/20181127202238_1447278326.png) no-repeat center #fff;
    }

    .kf span.span1:hover {
        background: url(../uploadfile/image/20181127/20181127202238_2125487768.png) no-repeat center #509cf1;
    }

    .kf span.span2 {
        background: url(../uploadfile/image/20181127/20181127202238_1690250922.png) no-repeat center #fff;
    }

    .kf span.span2:hover {
        background: url(../uploadfile/image/20181127/20181127202238_438625329.png) no-repeat center #509cf1;
    }

    .kf span.span3 {
        background: url(../uploadfile/image/20181127/20181127202238_390424486.png) no-repeat center #fff;
    }

    .kf span.span3:hover {
        background: url(../uploadfile/image/20181127/20181127202238_1847615940.png) no-repeat center #509cf1;
    }

    .kf span.span4 {
        border-radius: 0 0 5px 5px;
        border: none;
        background: url(../uploadfile/image/20181127/20181127202238_123655209.png) no-repeat center #fff;
    }

    .kf span.span4:hover {
        background: url(../uploadfile/image/20181127/20181127202239_590633180.png) no-repeat center #509cf1;
    }

    .kf span .span_div {
        display: none;
        background-color: #fff;
        border-radius: 5px;
        position: absolute;
        right: 85px;
        padding: 4px;
        font-size: 12px;
        color: #509cf1;
        width: 114px;
        height: 140px;
    }

    .kf span .span_div input {
        text-indent: .5em;
        display: block;
        margin: 15px 0;
        line-height: 28px;
        color: #696969;
        font-size: 12px;
        width: 140px;
        border: 1px solid #d1d1d1;
        border-radius: 2px;
        height: 28px;
    }

    .kf span .span_div a {
        display: block;
        background: #509cf1;
        border-radius: 2px;
        color: #fff;
        line-height: 26px;
        font-size: 12px;
        text-align: center;
        width: 79px;
        height: 26px;
    }

    .kf span .span_div i {
        display: block;
        width: 9px;
        height: 11px;
        position: absolute;
        top: 27px;
        right: -9px;
        background: url(../uploadfile/image/20181127/20181127202239_2125315277.png) no-repeat center;
    }

    .kf span .span_div .img {
        float: left;
        padding: 4px;
        width: 106px;
    }

    .kf span .span_div p {
        text-align: center;
        line-height: 24px;
        color: #666;
    }

    .kf span .span_div,
    .kf,
    .shou {
        -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    }

    .shou {
        display: none;
        z-index: 1000000;
        cursor: pointer;
        width: 30px;
        height: 40px;
        bottom: 139px;
        border-radius: 5px 0 0 5px;
        right: 62px;
        background: url(../uploadfile/image/20181127/20181127202239_861259307.png) no-repeat center #fff;
        position: absolute;
    }