body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }

html{ margin: 0; padding: 0; font-size:12px;}

html,body{

    -webkit-text-size-adjust: none;

    -moz-text-size-adjust: none;

    -ms-text-size-adjust: none;

    -o-text-size-adjust: none;

    text-size-adjust: none;

}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

input,textarea,select,button,area {

    appearance:button;

    -moz-appearance:button;

    -webkit-appearance:button;

    outline:none;

    font-family:'Microsoft YaHei';

}

ul,li,dl,dd,dt{list-style: none;}

a{  text-decoration:none;  color:#2b292f;

    -webkit-transition: all ease-in .2s;

    -ms-transition: all ease-in .2s;

    -moz-transition: all ease-in .2s;

    -o-transition: all ease-in .2s;

    transition: all ease-in .2s;

}

img{border: 0;  display: block; font-size:0;}

body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; background: #fff; }



.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}

.clearfix:before,.clearfix:after {content: "";display: table;}

.clearfix:after {clear: both;}

.fl{ float:left;}

.fr{ float:right;}

.section{ width:92%; max-width:1600px; margin:auto;  }

.n-section{ width:92%; max-width:1200px; margin:auto;  }



/*header*/

.header{width: 100%;position: fixed; background: url("../headbj.png"); height: 84px; top:0; z-index: 999999;color: #fff; }

.header .logo{ float: left; margin: 10px 20px;}

.header .logo a{display: block; }

.header a{color: #fff;}

.header .menu{float: right; }

.header .menu ul{float:left;}

.header .menu ul li{float:left; padding: 0 35px;font-size: 16px; line-height: 84px;  position: relative; }

.header .menu ul li a{display: block;line-height: 80px; }

.header .menu ul li a:hover{ border-bottom: 4px solid #073866;}

.header .menu ul li a.on{border-bottom: 4px solid #073866;}

.header .menu li a.on,.header .menu li a:hover{  border-bottom: 4px solid #073866;}

.header .menu li .drop{ overflow:hidden; width: 150px; position:absolute;top:80px; left:0; border-top: 4px solid #073866; display:none; background:url("../drop.png");}

.header .menu li .drop ul{ margin:0 auto; height: auto; padding:0; float: none; border: 0;}

.header .menu li .drop li{padding:0;font-size: 15px; font-weight: normal; line-height: 45px; width: 100%; text-align: center;  float: none; }

.header .menu li .drop li a{ padding:0; line-height: 45px; color: #fff;}

.header .menu li .drop li a:hover{ background:url("../drop-h.png"); border-bottom:none;}



.h-tel{float: left;font-size: 17px; height: 25px; margin: 30px 0 0 20px;  background: url("../h-tel.png") no-repeat 0 4px; padding-left: 28px;}

.h-lang{float: left;font-size: 17px; height: 25px;  background: url("../h-web.png") no-repeat 0 1px; padding-left: 28px; margin: 30px 40px 0 20px;}

.b-search{width: 84px; height: 84px; background:#0ba29a url("../search.png") no-repeat center;  float: left; position: relative; }

.b-search .search{width:218px; height:26px; border-radius: 20px; overflow:hidden;border:1px solid #bbbbbb; position: absolute;  z-index: 10;  top:84px;  right: 0;  opacity: 0;  transition: opacity 1s;}

.b-search .search input.username{  width:193px; max-width:100%; float:left; border:none;   height:26px; line-height:26px;  font-size:12px; color:#c4c4c4; background: #fff; text-indent:0.5em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}

.b-search .search input.da_button{ width:25px; max-width:100%;float:left; border:none;   height:26px; line-height:25px;   font-size:12px; color:#CCC; background:#fff url(../b-search.png) no-repeat;  -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none; }

.b-search:hover .search {    visibility: visible;    opacity: 1;}

.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:70px; display:none;}

.fixednav{ color: #444; position: fixed;  background:#fff; box-shadow: 0 0 10px #999; top: 0;}

.fixednav a{color: #444;}

.fixednav .h-tel{ background: url("../h-tel-h.png") no-repeat 0 4px;}

.fixednav .h-lang{background: url("../h-web-h.png") no-repeat 0 1px;}









.i-title{width: 100%; text-align: center;}

.i-title h2{ color: #000; font-size: 36px;}

.i-title .c-f{color: #fff;}



.n-title{width: 100%; text-align: center;}

.n-title h2{ color: #1f1f1f; font-size: 36px; }

.n-title .c-f{color: #fff;}



.i-more{width: 100%; padding: 40px 0;}

.i-more a{display: block; background: #00599f; line-height: 40px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 190px;border-radius: 8px; height: 40px; }

.i-more a:hover{box-shadow: 0 0 10px #333;}





/*i-solution*/

.i-product-service{width: 100%; padding:90px 0; overflow: hidden; }

.i-product-service ul{width: 100%; overflow: hidden; margin-top: 30px;}

.i-product-service ul li{width: 25%; float: left; text-align: center;}

.i-product-service ul li a{display:block; width: 98%; margin: 0 1%;  color: #333333;}

.i-product-service ul li img{display: block; margin:18px auto; }

.i-product-service ul li p{ font-size: 25px;}

.product-service-border{width: 149px; height: 149px; border: 3px solid #fff; margin:40px auto;border-radius: 100%;transition:border 0.5s;  -webkit-transition:border 0.5s;}

.i-product-service ul li a:hover p{color:#0ba29a;}

.i-product-service ul li a:hover .product-service-border{border: 3px solid #0ba29a;}

/*i-solution*/

.i-solution{width: 100%;background: url("../solution.jpg") no-repeat center; height:605px; padding:80px 0 60px 0; position: relative; overflow: hidden; }

.i-solution ul{width: 100%; overflow: hidden; margin-top: 60px;}

.i-solution ul li{width: 33.333%; float: left; text-align: center;}

.i-solution ul li a{display:block; width: 98%; margin: 0 1%;  color: #333333;}

.i-solution ul li img{display: block; margin:10px auto;}

.i-solution ul li p{ font-size: 25px;}

.i-solution ul li a:hover span{color:#0ba29a;}

.i-solution-box{position: relative;}

.feature .left-content{  width: 601px; margin: auto;}

.left-content .map-wrap{  width: 500px;  margin: auto; height: 500px; position: relative;}

.left-content .map-wrap .map-drop{  width: 227px; height: 227px;  position: absolute;  left: 50%; top: 50%; margin-top: -64px; margin-left: -113px;}

.left-content .map-wrap .map-drop.dropAnimate{  animation: mapdrop .4s forwards;  -webkit-animation: mapdrop .4s forwards}

.circle-img{  width: 500px;  height: 500px;  background: url("../i-solution-img.png") center  no-repeat;  position: absolute;  background-size: 35% 35%;  top: 45px;  opacity: 0;}

.i-solution-box-dl {width: 100%;}

.i-solution-box-dl dl{ position: absolute; }

.i-solution-box-dl dl a{display: block;}

.i-solution-box-dl dl dt{  width: 120px; height: 96px;}

.i-solution-box-dl dl dd{  color: #fff; padding-top:20px;}

.i-solution-box-dl dl dd h4{font-size: 16px;}

.i-solution-box-dl dl dd P{font-size: 14px; text-transform: uppercase; line-height: 30px;}

.solution-box-dl-wx{top:120px; left: 30px;}

.solution-box-dl-zn{top:270px; left: 30px;}

.solution-box-dl-xp{top:420px; left: 30px;}

.solution-box-dl-qc{top:120px; right: 30px;}

.solution-box-dl-qc dd{text-align: right;}

.solution-box-dl-sxt{top:270px; right: 30px;}

.solution-box-dl-sxt dd{text-align: right;}

.solution-box-dl-jk{top:420px; right: 30px;}

.solution-box-dl-jk dd{text-align: right;}

.dl-wx-span{background: url("../dl-wx-span.png") no-repeat center; }

.dl-zn-span{background: url("../dl-zn-span.png") no-repeat center;}

.dl-xp-span{background: url("../dl-xp-span.png") no-repeat center;}

.dl-qc-span{background: url("../dl-qc-span.png") no-repeat center;}

.dl-sxt-span{background: url("../dl-sxt-span.png") no-repeat center;}

.dl-jk-span{background: url("../dl-jk-span.png") no-repeat center;}

.i-solution-box-dl dl a:hover .dl-wx-span{background: url("../dl-wx-span-h.png") no-repeat center; }

.i-solution-box-dl dl a:hover .dl-zn-span{background: url("../dl-zn-span-h.png") no-repeat center;}

.i-solution-box-dl dl a:hover .dl-xp-span{background: url("../dl-xp-span-h.png") no-repeat center;}

.i-solution-box-dl dl a:hover .dl-qc-span{background: url("../dl-qc-span-h.png") no-repeat center;}

.i-solution-box-dl dl a:hover .dl-sxt-span{background: url("../dl-sxt-span-h.png") no-repeat center;}

.i-solution-box-dl dl a:hover .dl-jk-span{background: url("../dl-jk-span-h.png") no-repeat center;}





@-webkit-keyframes ani-circle-a{

    0%{-webkit-transform:scale(.8);

        transform:scale(.8);

        opacity:0;filter:alpha(opacity=0)}10%{opacity:.7;filter:alpha(opacity=70)

                                          }

    100%{-webkit-transform:scale(5.5);transform:scale(5.5);opacity:0;filter:alpha(opacity=0)

    }

}

@keyframes ani-circle-a{

    0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0;filter:alpha(opacity=0)}10%{opacity:1;filter:alpha(opacity=100)}

    100%{-webkit-transform:scale(5.5);transform:scale(5.5);opacity:0;filter:alpha(opacity=0)}

}

.circle-img-a{

    -webkit-animation: ani-circle-a 4.5s ease-out forwards infinite;

    animation: ani-circle-a 4.5s ease-out forwards infinite;

}

.circle-img-b{

    webkit-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;

    animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;

}

.circle-img-c{

    webkit-animation: ani-circle-a 4.5s ease-out 3s forwards infinite;

    animation: ani-circle-a 4.5s ease-out 3s forwards infinite;

}





.s-more{width: 100%; position: absolute; bottom: 60px; left: 0;}

.s-more a{display: block; background: #2c57ca; line-height: 40px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 140px;border-radius: 20px; height: 40px; }

.s-more a:hover{box-shadow: 0 0 10px #333;}





.i-about{width: 100%; overflow: hidden; padding: 50px 0  30px 0;background: url("../i-about.jpg") no-repeat center;}

.i-about .about-box{width: 60%; overflow: hidden; margin: 50px auto 10px auto; font-size: 15px; line-height: 35px; text-align:left; color: #636363;}
.i-about .about-box p{ text-indent:2em;}
.i-about .about-num{width: 100%; padding:20px 0; }

.i-about .about-num ul{width: 100%; overflow: hidden; margin-top: 30px;}

.i-about .about-num ul li{width: 23%; margin: 10px 1%; float: left; text-align: center;}

.i-about .about-num ul li img{display: block; margin:30px auto;}

.i-about .about-num ul li p{ font-size: 18px;}

.i-about .about-num ul li span{color:#01509f; font-size: 40px;}

.i-about .more{width: 100%; padding: 40px 0;}

.i-about .more a{display: block; line-height: 54px; border: 1px solid #00599f; color: #0050a1; font-size: 16px; text-align: center; margin: auto; width: 190px;border-radius: 8px; }

.i-about .more a:hover{ background: #00599f;color: #fff; }



/*banner*/

.banner{width: 100%;    padding-top: 23.9%;   overflow: hidden;}

.banner img{display: block; border: 0;}

.ab-ban{background: url("../ab-ban.jpg") no-repeat center; background-size: 100%;}

.cp-ban{background: url("../cp-ban.jpg") no-repeat center; background-size: 100%;}

.cn-ban{background: url("../cn-ban.jpg") no-repeat center; background-size: 100%;}

.zp-ban{background: url("../zp-ban.jpg") no-repeat center; background-size: 100%;}

.news-ban{background: url("../news-ban.jpg") no-repeat center; background-size: 100%;}



.main-class{width: 100%;  line-height: 72px; height: 72px; overflow-x: scroll;white-space: nowrap; text-align: center; }
.main-class::-webkit-scrollbar {display:none}
.main-class .section{font-size: 0;line-height: 72px; height: 72px; }
.main-class a{display: inline-block;  width: 24%; font-size: 18px; color: #000;  }
.main-class a:hover{color: #fff; background: url("../main-class.jpg") no-repeat left center;  }
.main-class .on{ color: #fff; background: url("../main-class.jpg") no-repeat left center;  }

.nes-class{width: 100%;   text-align: center; padding: 20px 0; }
.nes-class a{display: inline-block; border-radius: 8px; margin: 0 5px;  width: 150px;line-height: 45px; height: 45px;  font-size: 20px; color: #000;  }
.nes-class a:hover{background: #073866; color: #fff;}

.main-about{width: 100%; overflow: hidden; padding: 50px 0  30px 0;background: url("../i-about.jpg") no-repeat center;}

.main-about .about-box{width: 60%; overflow: hidden; margin: 50px auto 10px auto; font-size: 15px; line-height: 35px; text-align: left;}
.main-about .about-box p{ text-indent:2em;}

.main-about .about-num{width: 100%; padding:20px 0; }

.main-about .about-num ul{width: 100%; overflow: hidden; margin-top: 30px;}

.main-about .about-num ul li{width: 23%; margin: 10px 1%; float: left; text-align: center;}

.main-about .about-num ul li img{display: block; margin:30px auto;}

.main-about .about-num ul li p{ font-size: 18px;color: #636363;}

.main-about .about-num ul li span{color:#01509f; font-size: 40px;}

.main-about .more{width: 100%; padding: 40px 0;}

.main-about .more a{display: block; line-height: 54px; border: 1px solid #00599f; color: #0050a1; font-size: 16px; text-align: center; margin: auto; width: 190px;border-radius: 8px; }

.main-about .more a:hover{ background: #00599f;color: #fff; }



/*about*/



.main-wh{width: 100%; padding:100px 0; background:url("../main-wh.jpg"); overflow: hidden;}

.main-wh .main-wh-fl{width: 35%; float:left; overflow: hidden;}

.main-wh .main-wh-fl h1{font-size: 36px; color: #000;}

.main-wh .main-wh-fl h4{display:block; width:100%; color: #282828; font-size: 18px;font-weight: bold; margin-top:40px; }

.main-wh .main-wh-fl p{  color: #636363; font-size: 18px; line-height: 30px; }

.main-wh .main-wh-fl em{display: block;width: 30px; height: 4px; background: #282828; margin-top: 50px; }

.main-wh .main-wh-fr{width: 53%;  float:right; overflow: hidden; }

.main-wh .main-wh-fr ul{width: 100%; overflow: hidden;}

.main-wh .main-wh-fr ul li{width: 50%; float: left; text-align: center;}

.main-wh .main-wh-fr ul li img{display: block; max-width: 100%; margin:10px auto;}



.zs-box{width: 100%; padding: 80px 0 30px 0; background: #fff; overflow: hidden;}

.scroll_horizontal{position:relative;width:1200px;line-height:20px; margin:50px auto;}

.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;margin:0 auto;}

.scroll_horizontal .zs-ul {overflow:hidden;width:9999px;}

.scroll_horizontal .zs-ul li{float:left;width:300px;text-align:center;}

.scroll_horizontal .zs-ul li a{display: block;width: 90%; margin: auto; border: 4px solid #dedede;overflow:hidden;}

.scroll_horizontal .zs-ul li img{width: 100%; margin: auto;transform: translateZ(0px);transition: transform 0.3s ease 0s; }

.scroll_horizontal .zs-ul li a:hover{border: 4px solid #01509f;}

.scroll_horizontal .zs-ul li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.scroll_horizontal .plus,.scroll_horizontal .minus{position:absolute;width:53px;height:53px; line-height:53px;cursor:pointer; color: #c1c1c1; font-size: 40px;}

.scroll_horizontal .zs-plus{left:-53px; top:50%; margin-top: -26px;}

.scroll_horizontal .zs-minus{right:-53px;top:50%; margin-top: -26px;}

.scroll_horizontal .plus:hover,.scroll_horizontal .minus:hover{ color: #01509f; }

.scroll_horizontal .lc-plus{left:-53px; bottom:44px; }

.scroll_horizontal .lc-minus{right:-53px;bottom:44px;}





.n-lc{width: 100%; background: url("../n-lc.jpg") no-repeat center; padding:80px 0; overflow: hidden; background-attachment: fixed; background-size: cover;}

.scroll_horizontal .lc-ul {overflow:hidden;width:9999px;}

.scroll_horizontal .lc-ul li{float:left;width:240px;text-align:center;}

.scroll_horizontal .lc-ul li a{display: block;width: 90%; margin: auto;overflow:hidden; text-align: center;}

.scroll_horizontal .lc-ul li img{width: 100%; margin: auto; }

.scroll_horizontal .lc-ul .lc-txt{width: 100%;}

.scroll_horizontal .lc-ul .lc-txt p{color: #434343;background: #ffffff; font-size: 16px; padding: 25px 0;}

.scroll_horizontal .lc-ul h2{color: #fff; font-size: 24px; height: 50px; line-height: 50px; padding-top: 50px;}

.scroll_horizontal .lc-ul li a:hover p{background: #0ba29a ;color: #fff;}

.lc-time {width: 100%; height:16px; background: url("../lc-time.png") no-repeat center; position:absolute; bottom: 59px; }



/*新闻中心*/

.main-news{width:100%; overflow: hidden; padding:60px 0; background: #f8f8f8;}
.main-news dl{width: 80%; margin:0 auto 50px auto;}
.main-news dl a{display: block;width: 100%;  padding: 20px 0; overflow: hidden; border-bottom: 1px dotted #c8c8c8;  }
.main-news dl dt{width: 23%; float: right; overflow: hidden;}
.main-news dl dt img { width: 100%; display: block;  transform: translateZ(0px);transition: transform 0.3s ease 0s; border-radius: 5px;}
.main-news dl dd{width: 73%; float: left;}
.main-news dl dd h2 { font-size: 20px;  color: #373636; line-height: 28px; }
.main-news dl dd p{ color: #838383; font-size: 15px;  line-height: 30px;   }
.main-news dl dd span{display: block; height: 25px; line-height: 25px;  font-size: 14px;  color: #8a8a8a; background: url("../case31.png") no-repeat 0 5px; padding-left: 25px;  margin-top: 15px;}
.main-news dl a:hover img {transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s;}


.news-detail{width: 100%; background: #f8f8f8; padding: 50px 0; overflow: hidden;}
.news-detail .section{width: 60%; }
.news-detail  h2{ width: 100%; text-align: center; font-size: 30px; color: #000; line-height: 54px; padding: 19px 0;    }
.news-detail .news-time{width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #e6e6e6; color: #666666; text-align: center;}
.news-detail .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.news-detail .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.news-detail .news-intro p{padding: 5px 0;}
.news-detail .news-intro img{max-width: 100%;}


    /*产品中心*/

.main-product {overflow: hidden;}

.main-product dl{width: 100%;}

.main-product dt{width: 50%; overflow: hidden;}

.main-product dt img{}

.main-product dd{width: 37%; padding:0 3% 0 10%;}

.main-product dd h2{font-size: 28px; color: #282828; margin: 100px 0  60px 0;}

.main-product dd p{font-size: 16px; color: #575757; padding-left: 35px; line-height: 25px; margin: 30px 0; }

.main-product dd p.p01{background: url("../p01.jpg") no-repeat;}

.main-product dd p.p02{background: url("../p02.jpg") no-repeat;}

.main-product dd p.p03{background: url("../p03.jpg") no-repeat;}

.main-product dd p.p04{background: url("../p04.jpg") no-repeat;}

.main-product dd p.p05{background: url("../p05.jpg") no-repeat;}

.main-product dd p.p06{background: url("../p06.jpg") no-repeat;}

.main-product dd p.p07{background: url("../p07.jpg") no-repeat;}

.main-product dd p.p08{background: url("../p08.jpg") no-repeat;}



.main-product dd span{font-size: 16px; color: #575757; font-weight: bold;}

.cpjj dl dt{float:right ;}

.cpjj dl dd{float: left;}

.ft dl dt{float:left ;}

.ft dl dd{float: right;}



.ifab{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}

.ifab img{max-width:100%; margin: 30px auto;}



.main-zp{width: 100%; background: #fff; padding: 80px 0; overflow: hidden;}

.main-zp .zp-box{width: 100%; max-width:1200px; overflow: hidden;background: url("../zp-bj.jpg") no-repeat center; margin: 50px auto; padding: 80px 0;}

.main-zp .zp-box .zp-fl{width: 34%; margin:0 3%; float: left;}

.main-zp .zp-box .zp-fl dl{width: 100%; overflow: hidden;margin: 40px 0;}

.main-zp .zp-box .zp-fl dl dt{ float: left;}

.main-zp .zp-box .zp-fl dl dt span{display: block; width: 60px; height: 30px; padding: 15px 0; background: #fff; border-radius: 100%;}

.main-zp .zp-box .zp-fl dl dt img{max-width: 100%; margin:0 auto;}

.main-zp .zp-box .zp-fl dl dd{float: left; margin-left: 20px; }

.main-zp .zp-box .zp-fl dl dd h1{font-size: 30px; color: #fff;}

.main-zp .zp-box .zp-fl dl dd span{font-size: 15px; color: #fff;}

.main-zp .zp-box .zp-fl .zp-memo{width: 100%;color: #fff; line-height: 30px; margin-top: 30px; overflow: hidden;}

.main-zp .zp-box .zp-fl .zp-memo h4{font-size: 18px;  line-height: 45px;font-weight: bold;}

.main-zp .zp-box .zp-fr{width: 60%; float: left;}

.main-zp .zp-box .zp-fr h2{font-size: 20px; font-weight: bold; line-height: 55px; color: #333333;}

.main-zp .zp-box .zp-fr .zp-body{font-size: 15px; color: #636363;background: #fff;  line-height: 30px;  padding: 80px 35px 80px 35px; }
.main-zp .zp-box .zp-fr .zp-body a{display: block; width: 25%; background: #00a29a; border-radius: 5px; color: #fff; margin-top: 30px; line-height: 35px; text-align: center;}


.main-zp-memo{width: 100%; text-align: center; line-height: 35px; font-size: 15px; color: #636363; margin-top: 50px; }





.cp-detail-content{width: 100%; background: #f5f5f5; padding: 50px 0; overflow: hidden;}

.cp-detail-content .cp-de-fl{width:78%;}

.cp-detail-content .cp-de-fl img{max-width: 100%;}

.cp-detail-content .cp-de-fl h2{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0;    }

.cp-detail-content .cp-de-fl .cp-img{width: 100%; text-align: center;}

.cp-detail-content .cp-de-fl .cp-img img{margin: auto;}

.cp-detail-content .cp-de-fl .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}

.cp-detail-content .cp-de-fl .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}

.cp-detail-content .cp-de-fl .cp-intro img{max-width:100%; margin:10px auto;}

.cp-detail-content .cp-de-fl .cp-intro p{padding: 5px 0;}

.cp-detail-content .cp-de-fr{width:20%;}

.cp-detail-content .cp-de-fr .other-cp{ width: 100%; box-sizing: border-box;  padding: 13px 9% 55px;  background: #fff;  box-shadow: 0 0 10px rgba(0, 0, 0, .07);}

.cp-detail-content .cp-de-fr .other-cp h4{font-size: 16px;  color: #333;  line-height: 48px;}

.cp-detail-content .cp-de-fr .other-cp ul{width: 100%;}

.cp-detail-content .cp-de-fr .other-cp ul li{width: 100%;}

.cp-detail-content .cp-de-fr .other-cp ul li a{  display: block;  width: 100%;  font-size: 16px;  color: #666;  line-height: 26px;  padding: 2px 0 7px 8%;  background: url(../case23.png) no-repeat left 10px;  transition: background .3s, color .3s;}

.cp-detail-content .cp-de-fr .other-cp ul li a:hover{ color: #0073ad;}

.up-down{width: 100%; background: #fff; padding: 10px 0; margin-top: 50px; overflow: hidden;color: #999; box-shadow: 0 0 10px #ccc;}

.up-down ul{width: 98%; margin: auto;}

.up-down ul li a{color: #999; font-size: 14px;}

.up-down ul li a:hover{color: #0073ad;}







.main-sb{width: 100%; background:#eeeeee url("../main-sb.jpg") no-repeat 0 4px; padding: 80px 0; overflow: hidden;}

.sb-title{width: 100%; height: 44px;  background: url("../sb-title.png") no-repeat 0 4px; line-height: 44px; }

.sb-title span{display:block; font-size: 28px; color: #0ba29a; float: left; margin-left: 75px; font-weight: bold;}

.sb-title p{display:block; font-size: 18px; color: #fff;float: right; margin-right: 20px;}

.sb-soc{width: 100%; overflow: hidden;}

.sb-soc ul{width: 100%;}

.sb-soc ul li{ width: 25%;float: left; margin: 30px 0;}

.sb-soc ul li img{max-width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.sb-soc ul li a{display: block;width: 94%; margin: auto; overflow: hidden; position: relative;}

.sb-soc ul li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.sb-soc .sb-h2{position: absolute;background:url("../drop-h.png"); color: #fff; z-index: 10; top: 0;opacity: 0; width: 100%; height: 100%;}

.sb-soc .sb-h2 h2{position: absolute; line-height: 44px; margin-top: -22px; top: 50%; width: 100%; text-align: center; }

.sb-soc a:hover .sb-h2{visibility: visible;    opacity: 1;}







.rf-soc{width: 100%; overflow: hidden; margin-top: 30px;}

.rf-soc .rf-soc-t{width: 100%;}

.rf-soc .rf-soc-t li{ width: 50%;float: left; margin: 30px 0;}

.rf-soc .rf-soc-t li img{max-width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.rf-soc .rf-soc-t li a{display: block;width: 94%; margin: auto; overflow: hidden; position: relative;}

.rf-soc .rf-soc-t li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.rf-soc .sb-h2{position: absolute;background:url("../drop-h.png"); color: #fff; z-index: 10; top: 0;opacity: 0; width: 100%; height: 100%;}

.rf-soc .sb-h2 h2{position: absolute; line-height: 44px; margin-top: -22px; top: 50%; width: 100%; text-align: center; }

.rf-soc a:hover .sb-h2{visibility: visible;    opacity: 1;}



.rf-soc .rf-soc-b{width: 100%;overflow: hidden;}

.rf-soc .rf-soc-b{width: 100%;}

.rf-soc .rf-soc-b li{ width: 100%;float: left; margin: 30px 0;}

.rf-soc .rf-soc-b li img{max-width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.rf-soc .rf-soc-b li a{display: block;width: 100%; margin: auto; overflow: hidden; position: relative;}

.rf-soc .rf-soc-b li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.rf-soc .sb-h2{position: absolute;background:url("../drop-h.png"); color: #fff; z-index: 10; top: 0;opacity: 0; width: 100%; height: 100%;}

.rf-soc .sb-h2 h2{position: absolute; line-height: 44px; margin-top: -22px; top: 50%; width: 100%; text-align: center; }

.rf-soc a:hover .sb-h2{visibility: visible;    opacity: 1;}





/*联系我们*/

.main-contact{width:100%; overflow: hidden; padding:50px 0; background: #f0f3f8;}

.main-contact .main-contact-box{width: 92%; max-width: 1200px; overflow: hidden;background: #fff; margin: 50px auto;}

.main-contact .con-fl{width:25%; float: left; padding: 10px 3%;}

.main-contact h2{font-size: 36px; padding: 8px 0; color: #073866; font-weight: bold; }

.main-contact .con-fl p{font-size: 16px; line-height: 30px;color: #333333; padding-left: 38px; margin: 10px 0;}

.main-contact .con-fl p.tel{ background: url("../c-tel.jpg") no-repeat 0 4px;}

.main-contact .con-fl p.adr{background: url("../c-adr.jpg") no-repeat 0 4px;}
.main-contact .con-fl p.email{background: url("../e-mail.png") no-repeat 0 4px;}

.main-contact .con-fl img{margin-top: 10px;}

.main-contact .con-fr{width: 63%; float: left;  padding: 30px 3%; }

.main-contact .con-fr img{max-width: 99%; }

.main-contact .fgs-ul{width: 92%; max-width: 1200px; overflow: hidden; margin:auto; }

.main-contact .fgs-ul ul li{float:left;background: #fff;width:32%;overflow:hidden; text-align: center; padding:40px 0; min-height: 248px;}

.main-contact .fgs-ul ul li i{display: block;background: url("../c-adr.jpg") no-repeat ; width: 22px; height: 20px; margin:20px auto;}

.main-contact .fgs-ul ul li p{font-size: 16px; line-height: 25px; width: 70%; margin: auto;}

.main-contact .fgs-ul ul li span{ display: block; margin:50px auto 0 auto; font-size: 30px; color: #bec6cf;}

.main-contact .fgs-ul ul li a{display: block;background:#073866 ; color: #fff; width: 120px; height:45px; line-height: 45px; margin:30px auto 0 auto;}

.main-contact .fgs-ul ul li.fg{margin: 0 2%;}



.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;padding: 0 10px;margin-right: 8px; min-width: 30px;  height: 30px;  line-height: 30px;   display: inline-block;   text-align: center;}
.qt-pagination .pages{ background:#073866; color:#fff;}





.foot-box{width: 100%; background:#666666; padding:50px 0;overflow: hidden;}

.foot-box .f-logo{float: left;}

.foot-box .f-logo img{margin-top: 20px;}

.foot-box .foot-menu{float: left; margin-left: 100px;}

.foot-box .foot-menu ul{  margin-right:70px;float: left;}

.foot-box .foot-menu ul h3{ font-size:16px;color: #fff; line-height: 50px; font-weight: bold;}

.foot-box .foot-menu ul li{width: 100%; line-height: 28px; font-size: 13px;}

.foot-box .foot-menu ul li a{ color: #f1f1f1;}

.foot-box .foot-menu ul li a:hover{color: #0ba29a;}

.foot-box .f-contact{float: left; }

.foot-box .f-contact span{display: block;font-size: 38px; color: #fff; height: 53px;  background: url("../f-tel.png") no-repeat; padding-left:60px; margin-bottom: 15px; }

.foot-box .f-contact h4{ font-size:16px;color: #fff; line-height: 40px; font-weight: bold;}

.foot-box .f-contact p{width: 100%;color: #f1f1f1; font-size: 14px;line-height: 25px;}

.foot-box .f-contact img{ margin-top: 15px; }

.foot-box .f-wx{float: right; }





.footer{width: 100%;color: #fff; background:#444; line-height: 24px; padding:10px 0;overflow: hidden;}

.footer a{color: #fff;}



.search-box{width: 100%; padding:60px 0; overflow: hidden; background:#fff;}
.search-box ul{width: 100%;}
.search-box ul li{ width: 100%; font-size: 16px; line-height: 40px; border-bottom: 1px solid #ccc; background: url("../jian.jpg") no-repeat 3px 15px; padding-left: 20px;}
.search-box ul li a:hover{color:#0ba29a;}
.search-box .cp-sm{width: 100%; border-bottom: 2px solid #0ba29a; margin-top: 50px;}
.search-box .cp-sm span{display: block; width: 150px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; color: #fff; background: #0ba29a;}





@media (max-width:1520px){

    .header .menu ul li{padding: 0 15px;}



}


@media (max-width:1400px){
    .scroll_horizontal{width: 900px;}
    .scroll_horizontal .box{width: 900px;}
    .scroll_horizontal .zs-ul li{ width: 225px;}
    .scroll_horizontal .lc-ul li{width: 180px;}
}
@media (max-width:1300px){
    .foot-box .f-contact{margin-left: 40px;}
    .foot-box .foot-menu{display: none;}
}

@media (max-width:1200px){

    .header{z-index: 9999;    height: 70px; background: #fff;}

    .header .section{width: 100%;}

    .header .logo{ margin: 10px 10px;}

    .header .logo img{ height: 50px;}

    .m_menu{ display:block;}

    .header .menu { position:absolute; left:0; top:70px; background:#073866; width:100%; display:none;z-index: 999;}

    .header .menu ul{width: 100%; height: auto;}

    .header .menu ul li{ width:100%; border-bottom:1px solid #154e83; padding: 0; text-align: center;}

    .header .menu ul li a{ padding:0; line-height: 40px; color: #fff;}

    .header .menu li .drop{ position:static;width:100%;border-top:0;}

    .header .menu li .drop ul{ width:100%; padding:0;}

    .header .menu li .drop .hide{ display:none;}

    .header .menu li .drop li{ width:100%; text-align:center;  box-sizing:border-box; border:none;}

    .header .menu ul li a{padding:0 15px;}

    .header .menu ul li a:hover{ border-bottom: 0;}

    .header .menu ul li a.on{border-bottom: 0;}

    .header .menu li a.on,.header .menu li a:hover{  border-bottom:0;}

    .h-lang{  display: none;  margin: 10px auto ; float: none;}

    .h-tel,.b-search{display: none;}

    .main-product dd{    width: 45%;  padding: 0 3% 0 2%;}
    .main-class .section{width: 100%;line-height: 50px;  height: 50px;}
    .main-class a{  font-size: 15px;}
    .main-about .about-box{width: 100%;}
    .main-about .about-num ul li{width: 98%;}
    .main-contact h2{    font-size: 28px;}
    .banner{padding-top:23.9%; height:auto;margin-top: 70px;}
    .ab-ban{background-size: 100%;}
    .cp-ban{background-size: 100%;}
    .sl-ban{background-size: 100%;}
    .cn-ban{background-size: 100%;}
    .hz-ban{background-size: 100%;}
    .zp-ban{background-size: 100%;}
    .main-class{ line-height: 50px;  height: 50px;}


}

@media (max-width:1120px){
    .i-title h2{font-size: 28px;}
    .scroll_horizontal{width: 600px;}
    .scroll_horizontal .box{width: 600px;}
    .scroll_horizontal .zs-ul li{ width: 200px;}
    .scroll_horizontal .lc-ul li{width: 200px;}
}





@media (max-width:1024px){

    .left-content{display: none;}

}

@media (max-width:999px){
    .main-news{width:100%; overflow: hidden; padding:60px 0; background: #f8f8f8;}
    .main-news dl{width: 100%;}
    .main-news dl a{display: block;width: 100%;  padding: 20px 0; overflow: hidden; border-bottom: 1px dotted #c8c8c8;  }
    .news-detail .section{width: 92%; }
    .main-news dl dd{ width: 48%;}
    .main-news dl dt{ width: 48%;}
    .main-news dl dd p{display: none;}
    .i-product-service{padding: 40px 0;}
    .i-product-service ul li p{font-size: 18px}
    .foot-box .f-logo{width: 100%;}
    .foot-box .f-contact{width: 100%; max-width:450px;  margin: 25px auto; float: none; text-align: center; overflow: hidden;}
    .foot-box .f-contact span{display: none;}
    .foot-box .f-wx{width: 100%;}
    .foot-box .f-wx img{max-width: 100%; margin: auto;}
    .foot-box .f-logo img{max-width: 60%; margin: auto;}
    .main-product dt{width: 100%;}
    .main-product dt img{max-width: 100%;}
    .main-product dd{    width: 95%;  padding: 0 3% 0 2%;}
    .main-product dd h2{margin: 40px 0;}
}



/*banner媒体查询*/

@media (max-width:768px){

    .i-product-service ul li{width: 50%;}
    .product-service-border{    width: 100px;  height: 100px;}
    .i-product-service ul li img{ width: 64px;  height: 64px;}
    .i-product-service ul{    margin-top: 10px;}
    .solution-box-dl-wx{top:120px; left: 0;}
    .solution-box-dl-zn{top:270px; left: 0;}
    .solution-box-dl-xp{top:420px; left: 0;}
    .solution-box-dl-qc{top:120px; right: 0;}
    .solution-box-dl-sxt{top:270px; right: 0;}
    .solution-box-dl-jk{top:420px; right: 0;}
    .i-about .about-box{width: 100%;}
    .i-about .about-num ul li{width: 98%;}
    .main-wh .main-wh-fl{width: 100%;}
    .main-wh .main-wh-fr{width: 100%;}

    .main-contact .con-fl{width: 94%;}
    .main-contact .con-fr{width: 94%;}
    .main-contact .fgs-ul ul li{width: 100%;}
    .main-contact .fgs-ul ul li.fg{margin: 15px 0;}
}





@media (max-width:658px){
    .i-solution{height: auto; background-size: cover}
    .i-solution-box-dl dl{width: 48%; margin: 10px 1%; position: static; overflow: hidden; float: left; }
    .i-solution-box-dl dl dd P{ height: 60px;}
    .fr{float: left;}
    .i-solution-box{margin: 30px 0; overflow: hidden;}
    .i-solution-box-dl dl dt{width: 100%;}
    .i-solution-box-dl dl dd{ width:100%; text-align:  center; }
    .s-more{position: static; overflow: hidden;}

    .banner{padding-top:23.9%; height:auto;margin-top: 70px;}
    .ab-ban{background-size: 100%;}
    .cp-ban{background-size: 100%;}
    .sl-ban{background-size: 100%;}
    .cn-ban{background-size: 100%;}
    .hz-ban{background-size: 100%;}
    .zs-ban{background-size: 100%;}
    .main-class a{width: auto; padding: 0 30px;}
    .main-about,.main-contact,.main-zp{    padding:30px 0;}
    .news-ban{ background: url("../map-news-banner.jpg");background-size: 100% 100%;}
    .main-product dd{    width: 90%;  padding:0 5%;}
    .footer{text-align: center;}
    .footer .fr{width: 100%;}
    .sb-title p{display: none;}
    .sb-soc ul li{width: 50%;}
    .main-zp .zp-box{background-size: cover;margin: 30px auto;  padding: 10px 0 40px 0;  }
    .main-zp .zp-box .zp-fl{width: 94%;}
    .main-zp .zp-box .zp-fr{width: 94%; margin: 0 3%;}
    .main-news{    padding: 30px 0;}
    .news-detail{padding: 30px 0;}
    .news-detail h2{font-size: 20px;    line-height: 28px;}
    .nes-class{ padding: 5px 0;}
    .nes-class a{     width: 120px;font-size: 15px;line-height: 40px;  height: 40px;}
    .main-news dl dd h2 { font-size: 18px;  line-height: 25px; }
    .scroll_horizontal{width: 300px;}
    .scroll_horizontal .box{width: 300px;}
    .scroll_horizontal .zs-ul li{ width: 300px;}
    .scroll_horizontal .lc-ul li{width: 300px;}
    .main-zp .zp-box .zp-fr .zp-body a{ width: 100%; }

}



@media (max-width:525px){



}



@media (max-width:428px){





}