*{ box-sizing: border-box; -webkit-box-sizing: border-box;-mos-box-sizing: border-box;}
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; }
.clearfix{ *zoom:1;}
.clearfix:before, .clearfix:after {  content:"";  display:table;}
.clearfix:after{    clear:both;    overflow:hidden;}

.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1400px; margin:auto;  }

/*header*/
.header{width: 100%; background: #fff;}
.header .section{position: relative; overflow: hidden; padding: 35px 0; }
.header .logo{width: 66%;  float: left;}
.header .logo img{max-width: 100%;display:block;}
.header .tel{  padding-left: 58px;float: right;background: url(../tel.jpg) no-repeat left center;}
.header .tel span{ color: #000; font-size: 16px;}
.header .tel p{ color: #931319; font-size: 29px;}

.menu{width: 100%;   overflow: hidden; background: #213382;}
.menu ul{ width:92%; max-width:1400px; margin:auto;  }
.menu ul li{width:14.25%; float:left;line-height: 60px;position: relative;  }
.menu ul li a{display:block; text-align:center;font-size: 18px;line-height: 60px;color: #fff;}
.menu ul li:after{content: ''; display: block; width: 1px; height: 20px; background: #7c87b5; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.menu ul li:last-child:after{display: none;}
.menu li .drop{ background:#777; overflow:hidden; position:absolute; width:100%; left:0; top:70px; display:none;}
.menu li .drop ul{ width:1000px; margin:0 auto; padding:15px 0;}
.menu li .drop li{ width:33.3333%; float:left;}
.menu li .drop li a{ padding:0;}
.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:68px; display:none;}
.m_menu_k{ background: url(../icon_nav_k.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:68px; }

.h60{width: 100%; height: 60px; display: none;}

.i-title{width: 100%; text-align: center; margin-bottom: 70px;}
.i-title .title-h2{width: 60%; height: 80px; margin:0 auto;position: relative;}
.i-title h2{ color: #333333; font-size: 40px; width: 220px; height: 60px; line-height: 60px; margin-top: -30px; margin-left: -110px;  background: #fff;  position: absolute;top: 50%; left: 50%; z-index: 4; font-weight: bold;}
.i-title em{background: #213382; height: 4px; display: block;width: 245px; line-height: 60px; margin-top: -2px; margin-left: -122px;    position: absolute; top: 50%;  left: 50%; z-index: 3;}
.i-title span{ display: block; width: 100%; background: #dcdcdc; height: 1px; text-align: center; position: absolute; top: 50%;  z-index: 2; }
.i-title p{color:#585757; font-size: 18px;}
.c-f{color: #fff!important; background:#263781!important;}
.b-f{background: #a0ace2!important;}




.i-more{width: 100%; padding: 40px 0; overflow: hidden; }
.i-more a{display: block; background: #98161e; line-height: 45px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 190px;border-radius: 5px; height: 45px; }
.i-more a:hover{box-shadow: 0 0 10px #333;}


.key-words{width: 100%; padding: 20px 0;  overflow: hidden;  border-bottom: 1px solid #d5d5d5;}
.key-words .key-words-a{ float:left; width:66%; height:48px; line-height: 48px; overflow:hidden; }
.key-words .key-words-a span{ display: block; float:left;  font-size: 16px; color: #99181f;}
.key-words .key-words-a a{display: block;  margin: 0 10px; float:left; font-size: 14px; color: #787878;}
.key-words .key-words-search{ float:right; width:30%; height:48px; overflow:hidden; }
.key-words .key-words-search input.username{  width:80%; max-width:100%; float:left; border-style:none; border:1px solid #eeeeee;  font-family:'microsoft yahei';   height:48px; line-height:48px;  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; }
.key-words .key-words-search input.da_button{ width:20%; float:left; border:1px solid #d0d6e2; border-left:0; font-family:'microsoft yahei';    height:48px; line-height:48px;   font-size:12px; color:#CCC; background:#063aa7 url(../icon_serch.png) no-repeat center ;   background-size: contain;  -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none; }

.search-news {width: 100%; margin-top: 10px;}
.search-news ul{width: 100%;}
.search-news ul li{width: 100%!important; display:block; text-align: left; border-bottom: 1px dashed #e3e3e3;  height:45px; line-height: 45px;overflow: hidden; margin: 0!important;}
.search-news ul li a{width: 100%;display: block;  height:45px; line-height: 45px; overflow: hidden;  text-align: left;  color: #444444; font-size: 16px;  }
.search-news .news-list-title{ width: 78%; float: left;}
.search-news .news-list-time{  width: 20%;float: right; text-align: right; color: #939292;}
.search-news ul li i{display: block; width: 15px; margin-right:10px;  background: url("../ld.png") no-repeat left center;  height:45px;float: left; }
.search-news ul li a:hover{ color: #015cb9;}


/*i-product*/
.main-box{width: 100%; padding:50px 0; overflow: hidden; background-color:#ffffff;}
.mian-fl{width:20%; max-width: 270px; float: left;}
.mian-fl .class-img{width: 100%;}
.mian-fl .class-img img{width: 100%;}
.mian-fl .i-pro-class{width: 100%;background: #ffffff; border: 5px solid #e0e0e0; box-sizing: border-box; margin-top: 20px; }
.mian-fl .i-pro-class a{ display: block; margin:15px auto; height: 45px; line-height: 45px; padding-left: 35px; box-sizing: border-box; border-radius: 8px; width: 85%; color: #414141; font-size: 15px;background:#ebebeb url("../icon08.png") no-repeat 10px 15px;}
.mian-fl .i-pro-class a.on{background:#98161e url("../icon09.png") no-repeat 10px 15px; color: #fff;}
.mian-fl .i-pro-class a:hover{background:#98161e url("../icon09.png") no-repeat 10px 15px; color: #fff; }
.mian-fl .co-contact{width: 80%; padding:10px 3%;border: 2px solid #dcdcdc; margin: 15px auto; color: #253680;}
.mian-fl .co-contact p{font-size: 16px;}
.mian-fr{width: 79%; float: right; }
.mian-fr ul{width: 100%; font-size: 0; overflow: hidden;}
.mian-fr ul li{width: 33.333%;display: inline-block; margin-bottom:12px;  vertical-align: top; text-align: center;}
.mian-fr ul li a{display:block; width: 94%; margin: auto; overflow: hidden; color: #2b2b2b; position: relative;}
.mian-fr ul li img{width:100%;  display: block;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.mian-fr .i-p li h4{ width:100%; font-size: 16px; height: 47px; overflow: hidden; line-height: 47px; background:rgba(27,27,27,0.7); position: absolute; z-index: 10; bottom: 0; color: #fff; }
.mian-fr ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}



.i-tp{width: 100%; background: url("../i-tp.jpg") no-repeat top center; padding:50px 0; overflow: hidden; }
.i-tp .i-title{    margin-bottom: 30px;}
.i-tp .i-tp-box{width:100%; overflow: hidden;  }
.i-tp .i-tp-box img{display:block; width: 100%; margin-bottom: 30px;border: 10px solid #fff; box-sizing: border-box;}
.i-tp .i-tp-box p{ padding-bottom: 5px; text-align: center; font-size: 14px; color: #000; line-height: 30px;}
.i-tp .i-tp-box span{ color: #00599f;}


.set-content{  height: 100%;  width: 100%; }
.set-title {  width: 100%;   z-index: 9999;}
.set-title ul li{  float:left; padding:60px 0; display: block;  text-align: center;   line-height: 42px;  color: #fff;  position: relative;  cursor: pointer;  width: 25%;  background: url("../set-title-border.png") no-repeat center right; }
.set-title ul li:last-child{background:none;}
.set-title ul li img{margin: auto;}
.set-title ul li p{    font-size:33px;font-weight: bold; }
.set-title ul .on{  }
.set-title ul .on::after{content: "";    position: absolute;    top: 100%;    left: 50%;    margin-left: -15px;    border-width: 15px;    border-style: solid;    border-color: #213382 transparent transparent transparent;}

.set-middle{  background: #f8f8f8; width: 100%;    overflow: hidden; }
.set-middle-item { width: 100%; padding: 50px 40px; overflow: hidden; }
.set-middle-item  .set-middle-item-fl{width: 48%;  float: left;}
.set-middle-item  .set-middle-item-fl span{font-size: 70px; font-weight: bold; color: #dedede;}
.set-middle-item  .set-middle-item-fl h3{font-size: 35px;font-weight: bold; color: #202020;}
.set-middle-item  .set-middle-item-fl h4{font-size: 24px; color: #898989;}
.set-middle-item  .set-middle-item-fl em{display: block; width: 55px; height: 3px; background: #213382; margin: 10px 0  40px 0; }
.set-middle-item  .set-middle-item-fl p{font-size: 16px; line-height: 25px; color: #404040; margin: 20px 0; padding: 0 30px; background: url("../jt.png") no-repeat 0 3px;  }


.set-middle-item  .set-middle-item-fr{width: 47%; float: right; overflow: hidden; display: flex; justify-content: center; align-content: center; padding-top: 90px; }
.set-middle-item  .set-middle-item-fr img{ margin: auto;}


.i-process{width: 100%; overflow: hidden; padding: 50px 0 5px 0;}
.i-process-img{margin-top: 60px;}
.i-process-img img{max-width: 100%;}
.i-process-img ul{width: 100%; background: #f8f8f8; overflow: hidden; border-radius: 15px; }
.i-process-img ul li{width:14.25%; float: left; padding: 20px 0; text-align: center; -webkit-transition: all ease-in .2s;position: relative;  -ms-transition: all ease-in .2s;  -moz-transition: all ease-in .2s;  -o-transition: all ease-in .2s;  transition: all ease-in .2s; cursor: pointer; }
.i-process-img ul li i{display: block; width: 86px; height: 86px; margin: 15px auto;}
.i-process-img ul li{background: #f8f8f8 url("../icon13-h-nv.png") no-repeat right center;}
.i-process-img ul li p{font-size: 18px; line-height: 30px; color: #383838; margin: 10px 0; }
.i-process-img ul li i.icon11{background: url("../icon11.png") no-repeat; background-size: 100%;}
.i-process-img ul li i.icon12{background: url("../icon12.png") no-repeat; background-size: 100%;}
.i-process-img ul li i.icon13{background: url("../icon13.png") no-repeat; background-size: 100%;}
.i-process-img ul li i.icon14{background: url("../icon14.png") no-repeat; background-size: 100%;}
.i-process-img ul li i.icon15{background: url("../icon15.png") no-repeat; background-size: 100%;}
.i-process-img ul li i.icon16{background: url("../icon16.png") no-repeat; background-size: 100%;}
.i-process-img ul li i.icon17{background: url("../icon17.png") no-repeat; background-size: 100%;}
.i-process-img ul li:hover p{color: #2b3c87;}

.i-process-img .no1{background: #2b3c87;}
.i-process-img .no1 p{color: #fff;}
.i-process-img .no1 i.icon11{background: url("../icon11-h.png") no-repeat; background-size: 100%;}

.i-process-img .la1{background: #f8f8f8;}
.i-process-img img{display: none;}
.i-process .i-more a{background:#98161e url("../zx.png") no-repeat 121px 9px; text-align: left; text-indent: 3em;}


/*i-about*/
.i-about{width: 100%; overflow: hidden; padding: 50px 0 20px 0; }
.about-box{width: 100%; overflow: hidden;}
.about-box .about-fl{width:49%;position: relative; overflow: hidden;display: flex; justify-content: center; align-content: center; }

.about-box .about-fr{width:49%;float: right;}
.about-box .about-fr .about-txt{width: 100%; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:8; height: 288px;  overflow: hidden;  line-height: 32px;}
.about-box .about-fr p{font-size: 16px; line-height: 32px; color: #525252; text-indent: 2em;}
.about-box .about-fr h3{font-size: 35px;color: #222;}
.about-box .about-fr h4{font-size: 18px; color: #b4b4b4;}
.about-box .about-fr em{display: block; width: 40px; height: 2px; background: #98161e; margin: 10px 0 20px 0; }
.about-box .about-fr a{display: block; border-radius: 8px; text-align: center;line-height: 45px;   width: 150px; height: 45px; background: #98161e; font-size: 16px;color: #fff; margin-top:40px; }
.scroll_horizontal{position:relative;width:1400px;padding:40px 0;line-height:20px;margin:0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1400px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:300px;text-align:center;}
.scroll_horizontal .list li img{width: 90%; margin: auto; border: 1px solid #eee;}
.scroll_horizontal .list li h4{font-size: 16px; color: #525252; padding: 10px 0;}
.scroll_horizontal .plus{position:absolute;top:50%;width:36px;height:36px; margin-top:-18px;background:url("../p-l.png") no-repeat; background-size:100%;cursor:pointer;}
.scroll_horizontal .minus{position:absolute;top:50%;width:36px;height:36px; margin-top:-18px;background:url("../n-r.png") no-repeat;background-size:100%; cursor:pointer;}
.scroll_horizontal .plus{left:-50px;}
.scroll_horizontal .minus{right:-50px;}
.scroll_horizontal .plus:hover{background:url("../p-l-h.png") no-repeat; background-size:100%;}
.scroll_horizontal .minus:hover{background:url("../n-r-h.png") no-repeat; background-size:100%;}



.i-adv{width: 100%; height: 270px;  background: url("../i-adv.jpg") no-repeat center; overflow: hidden;}
.i-adv a{display: block;width: 100%; height: 270px}
.i-adv img{display: none;}


    /*i-solution*/
.i-solution{width: 100%; padding:60px 0; overflow: hidden; background:#456cc1 url("../i-solution.jpg") no-repeat top center;}
.i-solution-ul ul{width: 100%; overflow: hidden; margin-top: 60px;}
.i-solution-ul ul li{width: 33.333%; float: left; text-align: center;}
.i-solution-ul ul li a{color: #fff;}
.i-solution-ul ul li img{display: block; margin:10px auto;}
.i-solution-ul ul li span{ font-size: 25px;}
.i-solution-ul ul li a:hover span{color:#5fe037;}



/*i-news*/
.i-news{width: 100%; padding:60px 0 100px 0; overflow: hidden; background: #fff;}
.aui-nav-content-box { width: 100%; position: relative; margin-top: 50px; }
.aui-nav-list-box { width:720px; margin: auto; overflow: hidden; zoom: 1; border-bottom: none; z-index: 110; display: block; }
.aui-nav-list-box ul li { float: left; color: #000; height: 50px; cursor: pointer; line-height: 50px; width: 210px; margin: 0 15px; text-align: center; font-size: 19px; }
.aui-nav-list-box ul li a {background: #d2d2d2;display: block;width: 100%; color: #333333; border-radius: 10px;}
.aui-nav-list-box ul .aui-current a { background: #293a85; color: #fff;}
.aui-nav-list-box ul li a:hover{background: #293a85; color: #fff;}

.aui-nav-list-item { display: none;}
.news-list{margin: 60px 0;}
.news-list .i-new-pic{width: 50%; float: left;}
.news-list .i-new-pic dl{width: 50%;float: left;}
.news-list .i-new-pic dl a{display: block; width: 96%; margin: auto; }
.news-list .i-new-pic dl dt{width: 100%;}
.news-list .i-new-pic dl dt img{max-width: 100%;}
.news-list .i-new-pic dl dd{  width: 100%; padding: 5px 10px;  box-sizing: border-box; -webkit-box-sizing: border-box;-mos-box-sizing: border-box;}
.news-list .i-new-pic dl dd h4{font-size: 19px; line-height: 35px; padding:10px 0; color: #333333;}
.news-list .i-new-pic dl dd p{font-size: 14px; height: 75px; line-height: 25px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  color: #6d6d6d;}
.news-list .i-new-pic dl dd span{display: block;width:100%;  font-size: 14px;  margin: 5px 0; padding:5px 0;background: url("../case31.png") no-repeat right center; color: #6d6d6d }

.news-list .i-new-list{width: 47%; float: left; margin-left: 3%; font-size: 0;}
.news-list .i-new-list dl{width:100%;display: inline-block; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; padding: 15px 10px;
    box-sizing: border-box; -webkit-box-sizing: border-box;-mos-box-sizing: border-box; vertical-align: top; overflow: hidden; }
.news-list .i-new-list dl dt{width: 25%;float: left; border-right: 1px solid #eee; text-align: center;font-size: 12px; line-height: 25px; padding: 18px 5px;}
.news-list .i-new-list dl dt span{ font-size: 45px;color: #333333;  }
.news-list .i-new-list dl dt p{ font-size: 15px; color: #333333;}
.news-list .i-new-list dl dd{width: 73%;float: left;padding-left: 2%;}
.news-list .i-new-list dl dd a{display: block;font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;color: #333333;}
.news-list .i-new-list dl dd p{font-size: 14px; height: 50px; line-height: 25px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; margin: 5px 0;color: #777777;}
.news-list .i-new-list dl:last-child{ border-bottom: 1px solid #eee;}



/*banner*/
.banner{width: 100%; height: 364px;  overflow: hidden;}
.banner img{display: block; border: 0;}
.ab-ban{background: url("../ab-ban.jpg") no-repeat center;}
.cp-ban{background: url("../cp-ban.jpg") no-repeat center;}
.equipment-ban{background: url("../equipment-ban.jpg") no-repeat center;}
.cn-ban{background: url("../cn-ban.jpg") no-repeat center;}
.client-ban{background: url("../client-ban.jpg") no-repeat center;}
.news-ban{background: url("../news-ban.jpg") no-repeat center;}

.main-nav { width:100%;  overflow:hidden; border-bottom: 1px solid #eee;  }
.main-nav .left-now {  float: left; height: 60px;  line-height: 60px;}
.main-nav .left-now span{display: block; color: #333333; height: 60px;  line-height: 60px; font-weight: bold; font-size: 26px; float: left; border-bottom: 4px solid #465a90;}
.main-nav .right-now {  float: right; height: 60px; color: #666666;   line-height: 60px;}
.main-nav .right-now a {  float: left;  font-size: 14px;  color: #666666;  transition: color .3s;}
.main-nav .right-now a.hm{background: url("../ico4.png") no-repeat left center; padding-left: 16px;}
.main-nav .right-now i {  width: 4px;  height: 60px;  display: block;  float: left;  background: url(../case26.png) no-repeat center;  margin: 0 12px;}


.page-box{width: 100%; margin:40px 0 80px 0; font-size: 15px; line-height: 30px; color: #666666;}
.page-box img{max-width: 100%;}
.wh-dl{width: 86%; overflow: hidden; margin: 40px auto;}
.wh-dl dt{width: 48%; float: left;}
.wh-dl dt img{max-width: 100%;}
.wh-dl dd{width: 48%; float: right;}
.wh-dl dd h4{ font-size: 22px; padding: 20px 0; color: #223383;}
.wh-dl dd p{ font-size: 15px; color: #666666;}
.wh-dl dd span{ font-size: 15px; color: #223383;}

.mian-fr .about-box{width: 100%;margin: 40px 0 60px 0; font-size: 15px; line-height: 30px; color: #666666;}
.mian-fr .about-box h3{ color: #223383; font-size: 32px; padding: 10px 0 30px 0;}
.mian-fr .about-box img{max-width: 100%; margin-top: 40px;}



.main-news {width: 100%;  margin:40px 0 60px 0;}
.main-news dl{width:100%;display:block;  }
.main-news dl a{display: block; width:100%;overflow: hidden;margin:10px 0;border-bottom: 1px solid #eee; padding:15px 10px;  box-sizing: border-box; -webkit-box-sizing: border-box;-mos-box-sizing: border-box; height:100%; color: #333333;}
.main-news dl dt{width: 18%;float: left; border-right: 1px solid #eeeeee;  text-align: center;font-size: 12px; line-height: 25px; padding: 18px 5px;}
.main-news dl dt span{ font-size: 48px;  }
.main-news dl dt p{ font-size: 16px; }
.main-news dl dd{width: 78%;float: left; margin-left: 2%;}
.main-news dl dd h3{display: block;font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.main-news dl dd p{font-size: 14px; height: 50px; line-height: 25px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; margin: 5px 0;color: #777777;}
.main-news dl a:hover{background: #293b85;color: #fff;}
.main-news dl a:hover p{color: #fff;}

.news-detail{width: 100%; background: #fff;  margin:40px 0 60px 0; overflow: hidden;}
.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%; margin: auto;}
.product-list{width: 100%;  margin:40px 0 60px 0; }
.product-list ul{width: 100%; font-size: 0; overflow: hidden;}
.product-list ul li{width: 33.333%;display: inline-block; margin-bottom:30px;  vertical-align: top; text-align: center;}
.product-list ul li a{display:block; width: 94%; margin: auto; overflow: hidden; border: 1px solid #eee; color: #2b2b2b; position: relative;}
.product-list ul li img{width:100%;  display: block;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.product-list ul li h4{ width:100%; font-size: 16px; height: 47px; overflow: hidden; line-height: 47px; color: #515151; }
.product-list ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}
.product-list ul li a:hover h4{color: #931319;}
.product-list .client{width:20%!important;}


.cp-detail-content{width: 100%; margin:40px 0 60px 0;  padding: 50px 0; overflow: hidden;}
.cp-detail-content  img{max-width: 100%;}
.cp-detail-content  h2{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0;    }
.cp-detail-content  .cp-img{width: 100%; text-align: center;}
.cp-detail-content  .cp-img img{margin: auto;}
.cp-detail-content  .cp-intro{width: 100%; line-height: 28px;  font-size: 14px; color: #333;}
.cp-detail-content  .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.cp-detail-content  .cp-intro img{max-width:100%; margin:10px auto;}
.cp-detail-content  .cp-intro p{padding: 5px 0;}




.contact-box{width: 100%; margin: 40px 0; overflow: hidden; font-size: 15px; line-height: 30px; color: #666666;}
.contact-box h2{ width: 100%;  font-size: 24px; color: #333333; line-height: 34px; padding: 10px 0;   }
.contact-box p{width: 50%; float: left; margin: 10px 0; padding: 10px 0 10px 45px;  line-height:40px; font-size: 18px; color: #505050; border-bottom: 1px solid #dcdcdc; position: relative; overflow: hidden; }
.contact-box p:before{content: ''; display: block; width: 38px; height: 38px; position: absolute; top: 10px; left: 0; }
.contact-box p.icon11:before{background: url("../icon11.jpg") no-repeat left center;background-size: 100%;}
.contact-box p.icon12:before{background: url("../icon12.jpg") no-repeat left center;background-size: 100%;}
.contact-box p.icon13:before{background: url("../icon13.jpg") no-repeat left center;background-size: 100%;}
.contact-box p.icon14:before{background: url("../icon14.jpg") no-repeat left center;background-size: 100%;}
.contact-box p.icon15:before{background: url("../icon15.jpg") no-repeat left center;background-size: 100%;}


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


.foot-adr-box{width: 100%; position: relative;}
.foot-adr-box .section{position: relative;}
.foot-adr{width: 100%; background: #293a85;     overflow: hidden; padding: 25px 5%; position: absolute;  margin-top:-60px; border-radius: 10px; z-index: 10; }
.foot-adr dl{ float: left;}
.foot-adr dl dd{float: left; width:70%; color: #fff; margin-left:10%;}
.foot-adr dl dd h3{ font-size: 20px;}
.foot-adr dl dd p{font-size: 16px;}
.foot-adr dl dt{ float: right; width: 10%;margin-right:10%; }
.foot-adr dl:nth-child(1){width:37%;  background: url("../foot-adr-box-nav.png") no-repeat right center; }
.foot-adr dl:nth-child(2){width:32%; background: url("../foot-adr-box-nav.png") no-repeat right center;  }
.foot-adr dl:nth-child(3){width: 31%; }



.foot-box{width: 100%; background:#313131; padding:80px 0 20px 0; overflow: hidden; position: relative;}
.foot-box .section{position: relative;}
.foot-box .foot-fl{width: 65%; float: left;margin: 20px 0  40px 0;}
.foot-box .foot-fl ul{  float: left;position: relative;}
.foot-box .foot-fl ul h3{ font-size:19px; line-height: 50px; color: #Fff; padding-left: 30px; border-bottom: 1px solid #505050; margin-bottom: 15px;}
.foot-box .foot-fl ul em{display: block;width: 100px;height: 3px; left: 30px; background: #acbaf7; position: absolute; top:49px; }
.foot-box .foot-fl .about-ul{width: 28%;}
.foot-box .foot-fl .about-ul li{width: 100%;}
.foot-box .foot-fl .product-ul{width: 44%;}
.foot-box .foot-fl .product-ul li{width: 50%; float: left;}
.foot-box .foot-fl .news-ul{width: 28%;}
.foot-box .foot-fl .news-ul li{width: 100%;}
.foot-box .foot-fl ul li{line-height: 30px; padding-left: 30px;  box-sizing: border-box; font-size: 14px;}
.foot-box .foot-fl ul li a{ color: #bbbbbb;}
.foot-box .foot-fl ul li a:hover{color: #365ed0;}
.foot-box .foot-fr{ width: 28%; float: right;margin:20px 0  40px 0;}
.foot-box .foot-fr img{max-width: 100%;}



.footer{width: 100%;color: #bcbcbc; background:#000000;line-height: 20px;  padding: 10px 0; overflow: hidden;}
.footer a{color: #bcbcbc;}



@media (max-width:1400px){
    .scroll_horizontal{width:1200px;}
    .scroll_horizontal .box{width:1200px;}
    .scroll_horizontal .list li{width:300px;}

}



@media (max-width:1260px){
    .i-adv{background: none; height: auto;}
    .i-adv a{height: auto;}
    .i-adv img{display: block; width: 100%; }
    .main-box{    padding: 30px 0;}
    .i-title .title-h2{    height: 64px;}
    .i-title h2{ width: 160px;     margin-left: -80px; font-size: 30px;}
    .i-title em{    width: 180px;    margin-left: -90px;}
    .i-title p{    font-size: 16px;}
    .header{ height: auto; background: #fff;position: fixed; z-index: 999999; top: 0;}
    .header .section{width: 100%; padding:14px 0; }
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:68px; background:#213382; width:100%; display:none;z-index: 999;}
    .menu ul{width: 100%;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #2741b3;}
    .menu ul li:after{display: none;}
    .header .menu ul li a{ padding:0; line-height: 40px; color: #fff;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop{ position:static;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%; text-align:left;  box-sizing:border-box; border:none;}
    .header .logo{ padding: 0 10px;}
    .header .logo img{ height: 40px;}
    .header .tel{display: none;}
    .i-title{    margin-bottom: 30px;}
    .mian-fl{width: 100%;max-width: 100%; }
    .mian-fl .class-img{display: none;}
    .mian-fl .i-pro-class{border: 0; overflow-x: scroll; margin: 20px 0; overflow-y: hidden;white-space: nowrap; }
    .mian-fl .i-pro-class::-webkit-scrollbar {display:none}
    .mian-fl .i-pro-class a{  display: inline-block; width: auto; padding: 0 25px 0 35px; margin: 0 10px 0 0;   }
    .mian-fl .co-contact{display: none;}

    .mian-fr{width: 100%;}
    .mian-fr .i-p li h4{    font-size: 15px;}
    .set-title ul li img{width: 60px;}
    .set-title ul li p{    font-size: 25px;}
    .set-middle-item .set-middle-item-fl span{    font-size: 35px;}
    .set-middle-item .set-middle-item-fl h3{    font-size: 25px;}
    .set-middle-item .set-middle-item-fl h4{    font-size: 18px;}
    .set-middle-item .set-middle-item-fl p{  padding: 0 0 0 22px;  font-size: 14px;line-height: 25px; background-size:16px 15px;}
    .set-middle-item .set-middle-item-fr{padding-top:40px;}
    .i-process-img img{display: block;}
    .i-process-img ul{display: none;}
    .i-process-img ul li i{width: 56px;  height: 56px;}
    .i-process-img ul li p{    font-size: 16px;}

    .about-box .about-fr p{font-size: 15px; line-height: 32px; }
    .about-box .about-fr h3{font-size: 32px;}
    .about-box .about-fr h4{font-size: 16px; }
    .about-box .about-fr em{ width: 30px;  margin: 10px 0; }
    .about-box .about-fr a{line-height: 40px;   width: 130px; height: 40px; font-size: 15px; margin-top:30px; }
    .scroll_horizontal{width:900px;}
    .scroll_horizontal .box{width:900px;}
    .scroll_horizontal .list li{width:225px;}

    .aui-nav-list-box ul li{ height: 40px;  line-height: 40px;  font-size: 16px;}

    .i-process-img ul li i{    width: 45px;  height: 45px;}
    .i-process-img ul li p{    font-size: 14px;}
    .main-nav .left-now{height: 50px;  line-height: 50px;  }
    .mian-fr .about-box h3{    font-size: 25px;}
    .main-nav .left-now span{ height: 50px;  line-height: 50px;  font-size: 20px;}
    .banner{padding-top:26%;height: auto; margin-top: 70px;}
    .ab-ban{background: url("../m-ab-ban.jpg") no-repeat center;background-size: cover;}
    .cp-ban{background: url("../m-cp-ban.jpg") no-repeat center;background-size: cover;}
    .equipment-ban{background: url("../m-equipment-ban.jpg") no-repeat center;background-size: cover;}
    .cn-ban{background: url("../m-cn-ban.jpg") no-repeat center;background-size: cover;}
    .client-ban{background: url("../m-client-ban.jpg") no-repeat center;background-size: cover;}
    .news-ban{background: url("../m-news-ban.jpg") no-repeat center;background-size: cover;}

    .set-title ul li{    padding: 20px 0 40px 0;}
    .contact-box p { margin: 5px 0;    height: auto;  line-height: 25px;  padding: 10px 0 10px 30px; font-size: 16px;  width: 100%;  }
    .contact-box p:before{    width: 25px;  height: 25px;}
    .cp-detail-content,.mian-fr .about-box,.page-box,.main-news,.product-list{ padding: 0;       margin: 30px 0 0 0;}

}
@media (max-width:999px){
    .scroll_horizontal{width:600px;}
    .scroll_horizontal .box{width:600px;}
    .scroll_horizontal .list li{width:200px;}
    .news-list .i-new-pic{width: 100%;}
    .news-list .i-new-list{width: 100%; margin: 0;}
    .news-list .i-new-list dl dt{width: 15%;}
    .news-list .i-new-list dl dd{width: 85%;}
    .i-process-img ul li{width: 25%;}

    .foot-adr-box{display: none;}
    .header .logo img{display: none;}
    .header .logo a{display: block; height: 40px; width: 178px; background: url("../m-logo.jpg") no-repeat; background-size: 100%;}
    .mian-fr .about-box{    font-size: 14px;}
}
/*banner媒体查询*/
@media (max-width:768px){
    .main-nav .right-now{display: none;}
    .set-middle-item{    padding: 20px 20px;}
    .set-middle-item .set-middle-item-fl{width: 100%;}
    .set-middle-item .set-middle-item-fr{width: 100%; padding: 0;}
    .set-title ul li img{width: 55px;}
    .set-title ul li p{    font-size: 18px;}
    .set-middle-item .set-middle-item-fr img{width: 100%;}
    .about-box .about-fl{width: 100%;}
    .about-box .about-fl img{max-width: 100%;}
    .about-box .about-fr{width: 100%; margin-top: 40px;}
    .about-box .about-fr .about-txt{ height: auto;}
    .about-box .about-fr p{font-size: 14px; line-height: 32px; }
    .about-box .about-fr h3{font-size: 28px;}
    .about-box .about-fr h4{font-size: 14px; }
    .about-box .about-fr em{ width: 30px;  margin: 10px 0; }
    .about-box .about-fr a{line-height: 40px;   width: 130px; height: 40px; font-size: 14px; margin-top:20px; }
    .wh-dl dt{width: 100%;}
    .wh-dl dd{width: 100%;}
    .aui-nav-list-box{    width: 100%;}
    .aui-nav-list-box ul li{ width: 31.333%; margin: 0 1%;}
    .foot-box .foot-fl{width: 100%;}
    .foot-box .foot-fr{width: 100%;}
    .foot-box{    padding:20px 0;}
    .foot-box .foot-fl .about-ul{width: 100%;}
    .foot-box .foot-fl .product-ul{width: 100%;}
    .foot-box .foot-fl .news-ul{width: 100%;}
    .foot-box .foot-fl .about-ul li{width: auto; float: left; }
    .foot-box .foot-fl .product-ul li{width: auto; float: left; }
    .foot-box .foot-fl .about-ul li{width: auto; float: left; }
    .foot-box .foot-fl .news-ul li{width: auto; float: left; }
    .foot-box .foot-fl ul h3{      font-size: 16px;  padding-left: 0px;}
    .foot-box .foot-fl ul em{    left: 1px;}
    .foot-box .foot-fl ul li{    padding-left: 0; padding-right: 30px;}
    .footer{text-align: center}
    .footer .fr{display: block; width: 100%;}
    .news-list .i-new-pic dl dd h4{    font-size: 16px;  line-height: 25px;  padding: 5px 0;}
    .news-list .i-new-pic dl dd p{    font-size: 12px;  height: 60px;  line-height: 20px;}
    .foot-box .foot-fl ul li a{font-size: 13px;}
    .set-title ul li{    padding: 10px 0 30px 0;}
    .contact-box p{  font-size: 16px;  width: 100%;}
}


@media (max-width:658px){
    .set-middle-item .set-middle-item-fl span{    font-size: 30px;}
    .set-middle-item .set-middle-item-fl h3{    font-size: 25px;}
    .set-middle-item .set-middle-item-fl h4{    font-size: 16px;}
    .news-list .i-new-list dl dt{display: none}
    .news-list .i-new-list dl dd{width: 100%;}
    .scroll_horizontal{width:300px;}
    .scroll_horizontal .box{width:300px;}
    .scroll_horizontal .list li{width:300px;}
    .i-title .title-h2{    height: 64px;}
    .i-title h2{ width: 120px;     margin-left: -60px; font-size: 25px;}
    .i-title em{    width: 140px;    margin-left: -70px;}
    .i-title p{    font-size: 14px; padding: 0 20px; }
    .main-news dl dt{display: none;}
    .main-news dl dd{width: 100%; margin: 0;}
    .key-words{padding:10px 0; border: 0;}
    .key-words .key-words-a{display: none;}
    .key-words .key-words-search{width: 100%;}
    .mian-fr ul li{width: 50%;}
    .mian-fr .i-p li:last-child{display: none;}
    .foot-box .foot-fl ul li{    padding-left: 0; padding-right: 10px;}
    .foot-box .foot-fr img{max-width: 80%; margin: auto;}
    .set-title ul li img {  width: 40px;  }
    .set-title ul li p {  font-size: 15px;line-height: 22px;  }
    .mian-fl .i-pro-class a {  display: inline-block;  width: auto;  padding: 0 10px 0 25px;font-size: 13px;height: 40px;
        line-height: 40px;  margin: 0 5px 0 0;  }
}

@media (max-width:525px){
    .news-list .i-new-pic dl{width: 100%;}
    .product-list .client {
        width: 50%!important;
    }
}

@media (max-width:428px){

}