﻿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;

}
.jszcbox{
	display: flex;
	justify-content: center;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 45px;
    opacity: 0.4;
}
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;  font-size:0; display: block;}

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



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

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

.clearfix:after {clear: both;overflow: auto; }
.img-box{width: 100%; overflow: hidden;}




.fl{ float:left;}

.fr{ float:right;}

.section{ width:92%; max-width:1400px; margin:auto;  }
.izl-rmenu{
    margin-right: 0;
    width: 82px;
    position: fixed;
    right: 2px;
    top: 65%;
    z-index:999;
}
.izl-rmenu .consult{
    background-image: url(../image/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;

}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../image/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../image/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
    background-image: url(../image/float_top.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.izl-rmenu .cart .pic {
    display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;

    background:url(../image/wx.jpg);
    background-size: cover;
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../image/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;

}

/*header*/

.header{width: 100%;height: 90px; position: fixed; top:0;z-index: 999; background: #fff; box-shadow: 0 0 8px #ccc;}

.header .section{}

.header .logo{margin-top: 23px;}

.header .logo img{max-width: 100%;display:block;}

.header .h-fr{float: right;}

.header .menu{float: left;}

.header .menu ul li{float:left; margin: 0 18px;}

.header .menu ul li a{display:block;  text-align:center;font-size: 16px;line-height: 82px; border-bottom: 3px solid #fff; color: #1f1f1f;}

.header .menu ul li a:hover{border-bottom: 3px solid #c80f26;color:#f60e0e}

.header .menu ul li .on{border-bottom: 3px solid #c80f26;color:#f60e0e}


.header .menu li .drop{ background:#777; overflow:hidden; position:absolute; width:100%; left:0; top:70px; display:none;}

.header .menu li .drop ul{ width:1000px; margin:0 auto; padding:15px 0;}

.header .menu li .drop li{ width:33.3333%; float:left;}

.header .menu li .drop li a{ padding:0;}

.header .h-tel{float: left;line-height: 88px; color: #c51e35; font-size: 15px; margin-left: 30px;overflow: hidden;}

.header .h-lang{float: left; margin-top: 35px; border-left: 1px solid #000; padding-left: 20px; margin-left: 20px;overflow: hidden;}

.h-wx{ width: 31px; height: 25px; background: url("../image/wx-cion.jpg") no-repeat center; background-size:70% ;  position: relative; float: left; margin:33px 0 0 10px;}

.h-wx .h-wx-img {  visibility: hidden;  width: 120px;  background-color: #fff;  position: absolute;  z-index: 10;  top:24px; right: 0;  opacity: 0;  transition: opacity 1s;}

.h-wx .h-wx-img img{max-width: 100%;}

.h-wx:hover .h-wx-img {    visibility: visible;    opacity: 1;}

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

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



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

.i-title h2{ color: #3d3d3d; font-size: 35px;}

.i-title p{width: 68%; margin:0 auto; color:#7f7f7f; font-size: 14px; padding: 8px 0; line-height: 28px;}



.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-about{width: 100%; overflow: hidden; padding: 50px 0  10px 0;}

.about-box{width: 100%; overflow: hidden; margin-top: 50px;}

.about-box .about-fl{width:40%;position: relative;}

.about-box .about-fl p{ font-size: 17px; color: #616161; margin-top: 40px; line-height: 35px; text-indent: 2em; }

.about-box .about-fl a{display: block;width: 145px; line-height: 38px; border-radius: 25px; background: #c51e35; margin-top: 50px; text-align: center; color: #fff;}

.about-box .about-fl a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.about-box .about-fr{width:60%;float: right;}

.about-box .about-fr img{max-width:100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}





/*i-business*/

.i-business{width: 100%; padding:60px 0; overflow: hidden;}

.business-ul ul{width: 100%; overflow: hidden; margin-top: 30px;}
.business-ul ul li{width: 23%; margin: 10px 1%; float: left; text-align: center;}
.business-ul ul li a{display:block;width: 98%; margin:5px auto; text-align: center; overflow: hidden;color: #fff;font-size: 24px; position: relative;}
.business-ul ul li.green{background: #0072bc;}
.business-ul ul li.lv{background: #00a557;}
.business-ul .img-box{margin-top: 30px;}
.business-ul ul li img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.business-ul ul li p{font-size: 16px; line-height: 25px;}
.business-ul ul li h4{ width: 100%; padding: 5px 0; margin-top: 25px; font-size: 25px; font-weight: bold;}
.business-ul ul li a:hover span{visibility: hidden; opacity: 0; }
.business-ul ul li a:hover h4{   visibility: visible; opacity: 1;}
.business-ul ul li a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}




/*i-application*/

.i-application{width: 100%; padding:60px 0; overflow: hidden;}

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

.application-ul ul li{width: 23%; margin: 10px 1%; float: left;}

.application-ul ul li a{display:block;overflow: hidden;color: #fff;font-size: 24px; position: relative;}

.application-ul ul li img{width: 100%; }

.application-ul .application-title{display: block;  position: absolute; bottom: 10%;  left:15%; opacity: 1;transition: opacity 1s ;z-index: 9;}

.application-ul .application-title h3{font-size: 24px; color: #fff;line-height: 45px; }

.application-ul .application-title em{display: block; width: 81px; height: 3px;margin-top: 8px; background: #cc0010;}

.application-ul .application-memo{ width: 70%; padding: 40% 15% 0 15%; height:100%;font-size: 25px; position: absolute; top: 0; background:#c51e35 url("../image/application-memo.png") no-repeat; visibility: hidden; background-size: 100%;  opacity: 0;  transition: opacity 1s; z-index: 10;}

.application-ul .application-memo h3{font-size: 35px; color: #fff;}

.application-ul .application-memo em{display: block; width: 81px; height: 3px; margin-top: 8px; background: #e298a3;}

.application-ul .application-memo p{width: 80%;font-size: 15px; line-height: 28px; color: #fff; margin-top: 25px;}

.application-ul .application-memo span{display: block;width: 145px;font-size: 14px; line-height: 38px; border-radius: 10px; background: #fff; margin-top: 25px; text-align: center; color: #000;}



.application-ul a:hover .application-title{visibility: hidden; opacity: 0; }

.application-ul a:hover .application-memo{   visibility: visible; opacity: 1;}







/*i-partners*/

.i-partners{width: 100%; background: url("../image/i-partners.jpg") no-repeat; background-size:cover; padding:60px 0; overflow: hidden;}

.i-partners .partners-box{width: 100%; overflow: hidden; margin-top: 50px;}

.i-partners .partners-box ul{width: 100%;}

.i-partners .partners-box ul li{width: 16.666%; float: left; box-sizing: border-box;}

.i-partners .partners-box ul li a{display: block; width: 90%; margin:5px auto; background: #fff;border:1px solid #e5e5e5;}

.i-partners .partners-box ul li img{max-width: 100%; }





/*i-news*/

.i-gc{width: 100%; padding:60px 0 10px 0; overflow: hidden; background: #ffffff;}

.i-gc-list{width: 100%; padding-top: 20px; overflow: hidden; }

.i-gc-list ul{ width:100%;}

.i-gc-list ul li{ width:31%; margin: 0 1% 10px 1%; float: left; overflow: hidden; }

.i-gc-list ul li a{display: block;width: 100%;  background: #fff;}

.i-gc-list .gc-img{width: 100%;overflow: hidden;position: relative;border-radius: 35px;}

.i-gc-list .gc-img img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.i-gc-list .gc-img h3{width:50%; padding: 0 25%; font-size: 20px; overflow: hidden; color: #fff;  line-height:28px; position: absolute; bottom: 10px; text-align: center; }

.i-gc-list ul li em{display:block;width:20px;height: 3px; background:#181818;margin: 20px auto;}

.i-gc-list ul li h4{font-size: 19px; overflow: hidden; color: #181818; height: 28px; line-height:28px;text-align: center; }

.i-gc-list ul li p{font-size: 14px; color: #686868;line-height: 25px; height: 50px; overflow: hidden; margin: 10px 0; }

.i-gc-list ul li span{display: block;width: 145px; line-height: 38px; border-radius: 25px; background: #fff; border: 1px solid #181818; margin:15px auto; text-align: center; color: #686868;}

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

.i-gc-list ul li a:hover span{ display: block;width: 145px; line-height: 38px; border-radius: 25px; background: #c51e35;border: 1px solid #c51e35; margin:15px auto; text-align: center; color: #fff;}





/*i-solution*/

.i-ts{width: 100%; padding:60px 0 30px 0; overflow: hidden;}

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

.i-ts .i-ts-ul ul li{width: 48%; margin: 0 1%; float: left; text-align: center;}

.i-ts .i-ts-ul ul li a{display:block;overflow: hidden; position: relative;}

.i-ts .i-ts-ul .ts-img{ width:100%;height: 298px; position: relative;}

.i-ts .i-ts-ul ul li img{width: 100%; position: absolute; bottom: 0;}

.i-ts .i-ts-ul ul li span{display: block;width: 145px; line-height: 38px; font-size: 15px; border-radius: 25px; background: #c51e35; margin:15px auto; text-align: center; color: #fff;}

.i-ts .i-ts-ul ul li h4{ width: 100%; padding: 10px 0; color: #000;font-size: 25px;}

.i-ts .i-ts-memo{width: 89%; margin:60px auto 5px auto; color: #6d6d6d; font-size: 19px;text-align: center; line-height: 38px; }





/*banner*/

.banner{width: 100%;  overflow: hidden;margin-top:90px;}

.ab-ban{height: 380px;background: url("../image/ab-banner.jpg") no-repeat center;}

.cpzl-ban{height: 380px;background: url("../image/cpzl-ban.jpg") no-repeat center;}

.yyhy-ban{height: 380px;background: url("../image/yyhy-ban.jpg") no-repeat center;}

.cn-ban{height: 380px;background: url("../image/cn-ban.jpg") no-repeat center;}

.ser-ban{height: 380px;background: url("../image/ser-ban.jpg") no-repeat center;}

.news-ban{height: 380px;background: url("../image/news-ban.jpg") no-repeat center;}

.jszl-ban{height: 380px;background: url("../image/jszl-ban.jpg") no-repeat center;}

.smwx-ban{height: 380px;background: url("../image/smwx-ban.jpg") no-repeat center;}

.mfzd-ban{height: 380px;background: url("../image/mfzd-ban.jpg") no-repeat center;}

.yjty-ban{height: 380px;background: url("../image/yjty-ban.jpg") no-repeat center;}
.zpzdh-ban{height: 380px;background: url("../image/zpzdh-ban.jpg") no-repeat center;}

.gyjqr-ban{height: 380px;background: url("../image/gyjqr-ban.jpg") no-repeat center;}

.znzz-ban{height: 380px;background: url("../image/znzz-ban.jpg") no-repeat center;}

.znnj-ban{height: 380px;background: url("../image/znnj-ban.jpg") no-repeat center;}









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

.n-title img{margin:20px auto;}

.n-title p{width: 68%; margin:0 auto; color:#7f7f7f; font-size: 14px; padding: 8px 0; line-height: 28px;}





.main-class{width: 100%; overflow-x: scroll;white-space: nowrap; box-shadow: 0 0 5px #ccc;  }

.main-class::-webkit-scrollbar {display:none}

.main-class .section{font-size: 0;}

.main-class a{display: inline-block; padding: 28px 50px; font-size: 17px; color: #000;  }

.main-class a:hover{color: #fff; background:#c80f26;  }

.main-class .on{ color: #fff; background:#c80f26; }


.product-class{width: 100%; overflow:hidden; }
.product-class a{display: block; float: left; padding: 7px 10px; margin:5px 15px 5px 0; background:#ccc; font-size: 15px; color: #444;  }
.product-class a:hover{color: #fff; background:#c80f26;  }
/*znnj*/

.main-znnj {overflow: hidden; margin: 50px 0; background: #fff;}

.main-znnj .znnj-title{ font-size: 24px;overflow: hidden; color: #333333; line-height: 40px; }

.main-znnj .main-znnj-fl{width: 65%; float: left;}

.main-znnj dl{overflow: hidden; border: 1px solid #e5e5e5; margin:30px 0; padding: 20px 20px;}

.main-znnj dl a{ display: block; background: #fff;overflow: hidden;}

.main-znnj dl dt{width: 43%; float: left;overflow: hidden; }

.main-znnj dl dt img{max-width: 90%; margin: auto; display: block; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.main-znnj dl dd{width: 55%;  float: right; }

.main-znnj dl dd h2{ color: #333333; font-size: 18px; font-weight: bold; margin-top: 20px;}

.main-znnj dl dd p{color: #666; font-size: 14px; line-height: 25px; margin: 15px 0;}

.main-znnj dl dd span{ display:block; padding:10px 15px; border-radius:5px; background: #666666; color: #fff; font-size: 14px; float: left;}

.main-znnj dl a:hover img {transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.main-znnj dl a:hover span{background: #c80f26;}

.main-znnj .main-znnj-fr{width: 30%; float: right;}

.main-znnj .main-znnj-fr h4{ font-size: 24px; background: #c80f26; color: #fff; line-height: 40px; padding: 18px 30px;}

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

.main-znnj .main-znnj-fr ul li{width: 48%; margin: 10px 1%; float: left;text-align: center;}

.main-znnj .main-znnj-fr ul li img{display: block; margin:10px auto;}

.main-znnj .main-znnj-fr ul li p{font-size: 14px; color: #666; margin: 1px 0; }



.main-znnj-detail{overflow: hidden; margin: 50px 0; background: #fff;}

.main-znnj-detail dl{width: 100%; margin:50px 0; overflow: hidden; }

.main-znnj-detail dl dt{width: 39%; border: 1px solid #eee; padding: 30px 2%; float: left;overflow: hidden; }

.main-znnj-detail dl dt img{max-width: 90%; margin: auto; display: block; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.main-znnj-detail dl dd{width: 55%;  float: right; }

.main-znnj-detail dl dd h2{ color: #c80f26; font-size: 24px; font-weight: bold; margin-top: 20px;}

.main-znnj-detail dl dd p{color: #666; font-size: 16px; line-height: 28px; margin: 15px 0;}

.main-znnj-detail dl dd span{ display:block; padding:10px 15px; border-radius:5px; background: #666666; color: #fff; font-size: 14px; float: left;}



.set-content{  width: 100%; margin-top: 40px; font-size: 16px; line-height: 35px;}
.set-content img{max-width: 100%;}
.set-title {  width: 100%;  height: 42px;  display: flex;  z-index: 9999;}

.set-title ul{width: 100%;}

.set-title ul li{  float:left;  display: block;  text-align: center;  height: 100%;  line-height: 42px;  color: #fff;  position: static;  background:#c80f26;  box-sizing: border-box;  border-right: solid 1px #fff; cursor: pointer; font-size: 16px;  width: 16%;}

.set-title ul .on{  background: #f0f0f0; color: #444;}

.set-middle{   box-sizing: border-box;  overflow: hidden;  padding: 15px 17px 0 19px;}

.set-middle-item{ font-size: 16px; padding: 30px 20px; line-height: 30px; color: #666666;}

.set-middle-item img{ max-width: 100%; }

.set-middle-item h3{font-size: 16px; padding: 10px 0;}

.set-middle-item p{ text-indent: 2em;}

.set-middle-item ul{width: 100%; overflow: hidden; margin: 20px 0;}

.set-middle-item ul li{background: url("../image/hd.jpg") no-repeat 0 13px; padding-left: 15px;}





/*about*/

.main-about{width: 100%; margin: 50px 0; overflow: hidden;}

.main-about .ab-txt{width: 100%;  font-size: 15px; text-align: center;  margin: 50px auto;line-height: 32px; color: #7f7f7f;}

.main-about .ab-txt p{padding-bottom: 30px;}

.main-about .ab-img{width: 100%; }

.main-about img{max-width:100%;}

.main-about .about-num{width: 100%; padding:100px 0 40px 0; background:url("../image/about-num.jpg") no-repeat center;}

.product-num-box{  width: 100%; margin: auto; }

.product-num-content{  width: 100%;    margin: 0 auto;  text-align: center;  font-size: 0;}

.product-num-item{  text-align: center;  position: relative;  display: inline-block;  width:22%;  margin: 10px 1%;   font-size: 16px;  color: #000;  line-height: 62px;}

.product-num-item:last-child .product-num-nub{border: 0;}

.product-num-jus{  display: inline-block;  margin: 80px 0;  width: 162px;  height: 56px;  font-size: 22px;  color: #fff;  line-height: 48px;  letter-spacing: 2px;  border: 4px solid #fff;  cursor: pointer;  font-weight: 500;  -webkit-transition: all .3s linear;  -moz-transition: all .3s linear;  transition: all .3s linear;  text-decoration: none;}

.product-num-nub{  display: inline-block;  width: 100%;  font-size: 48px;  color: #c80f26;border-right: 1px solid #a3a3a3;  line-height: 62px; font-family: Arial; font-weight: bold;}

.product-num-add{  font-size: 16px;  color: #666666;   position: absolute; }

.year{ top: 10px; right: 30px;}

.xiang{top: 10px; right: 50px; }

.tai{top: 10px; right: 40px;}

.tao{top: 10px; right: 40px;}



.product-num-inf{  display: block;width: 100%;  margin-top: 24px;  font-size: 15px;  color: #000;  line-height:30px; }

.product-num-jus:hover{    background-color: #fff;    color: #3e88f1;}

.product-num-wan{    position:absolute;    right: 55px;  font-size: 16px;   top:-20px; color: #c80f26;}





.main-lc{width: 100%; margin: 50px 0; overflow: hidden;}


/*发展历程*/
.main-lc{width: 100%; margin: 50px 0; overflow: hidden; background: url("404.png") no-repeat center;}
.biz-timeline-box{  width:100%;  margin: 0 auto 45px auto;}
/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-eventbox{  -webkit-border-radius:  0 40px 40px 0;  -moz-border-radius:  0 40px 40px 0;  border-radius: 0 40px 40px 0;  float:right;}
/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-eventbox{  -webkit-border-radius:  40px 0 0 40px;  -moz-border-radius: 40px 0 0 40px;  border-radius: 40px 0 0 40px;  float:left;}
/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-event{  -webkit-border-radius:0 30px 30px 0;  -moz-border-radius:0 30px 30px 0;  border-radius:0 30px 30px 0;}
/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-event{  -webkit-border-radius:  30px 0 0 30px;  -moz-border-radius: 30px 0 0 30px;  border-radius: 30px 0 0 30px; text-align: right;}
.biz-timeline-box:nth-child(odd) .biz_timeline-time{  float:left;  width:47%;  text-align: right;}
.biz-timeline-box:nth-child(even) .biz_timeline-time{  float:right;  width:47%;  text-align: left;}
.biz-timeline-box:nth-child(even) .biz_timeline-node{  float:right;}
.biz-timeline-box:nth-child(odd) .biz_timeline-node{  float:left;}
.biz_timeline-time{  font-size:24px;  color:#c80f26;  font-weight: 600;  line-height:73px;}
.biz_timeline-eventbox{  width:47%; }
.biz_timeline-event{  color:#666;    font-size:16px; padding: 20px 0; line-height: 25px;}
.biz_timeline-node{  width:2%;  height:26px; background: url("../image/node.png") no-repeat center center; background-size: 100%; margin:20px 2%;}
.biz_longString{  position:absolute;  left:50%;  width:94px;  height:1783px;   background: url("../image/ls.jpg");  top:-57px;  z-index:10;  margin-left:-47px;}
.biz_timtline-box{  position: relative;  margin-top:100px;}
.biz_timeline{  z-index:20;  position:relative;}
.biz_title{  text-align: center;  margin:0 auto 35px;}
.biz_title h2{  font-size:28px;  color:#d81919;}
.biz_title p{  color:#eca7a7;  margin-top:15px;}





/*荣誉*/

.main-ry{overflow: hidden; margin: 50px 0; background: #fff;}

.aui-nav-content-box { width: 100%; position: relative; }

.aui-nav-list-box ul{width: 100%;}

.aui-nav-list-box ul li{width: 23%; background: url("../image/main-ry-ul-li.png") no-repeat center; height: 304px; margin: 10px 1%; float: left;text-align: center;}

.aui-nav-list-box ul li i{display: block; width: 102px; height: 102px; margin:40px auto 20px auto; border: 1px solid #dfdfdf; border-radius: 100%;}

.aui-nav-list-box ul li h4{ font-size: 18px; color: #333333; line-height: 40px; text-align: center;}

.aui-nav-list-box ul li p{font-size: 12px; color: #999; margin: 1px 0; }

.aui-nav-list-box ul li i.zs{background: url("../image/zs.png") no-repeat center;}

.aui-nav-list-box ul li i.zl{background: url("../image/zl.png") no-repeat center;}

.aui-nav-list-box ul li i.xm{background: url("../image/xm.png") no-repeat center;}

.aui-nav-list-box ul li i.rz{background: url("../image/rz.png") no-repeat center;}

.aui-nav-list-box ul li a:hover i.zs{background: #c80f26 url("../image/zs-h.png") no-repeat center;}

.aui-nav-list-box ul li a:hover i.zl{background: #c80f26 url("../image/zl-h.png") no-repeat center;}

.aui-nav-list-box ul li a:hover i.xm{background: #c80f26 url("../image/xm-h.png") no-repeat center;}

.aui-nav-list-box ul li a:hover i.rz{background: #c80f26 url("../image/rz-h.png") no-repeat center;}

.aui-nav-list-box ul li a:hover h4{color: #c80f26;}

.aui-nav-list-box ul li a:hover p{color: #c80f26;}

.aui-nav-list-box ul .aui-current i.zs{background: #c80f26 url("../image/zs-h.png") no-repeat center;}

.aui-nav-list-box ul .aui-current i.zl{background: #c80f26 url("../image/zl-h.png") no-repeat center;}

.aui-nav-list-box ul .aui-current i.xm{background: #c80f26 url("../image/xm-h.png") no-repeat center;}

.aui-nav-list-box ul .aui-current i.rz{background: #c80f26 url("../image/rz-h.png") no-repeat center;}

.aui-nav-list-box ul .aui-current h4{color: #c80f26; }

.aui-nav-list-box ul .aui-current p{color: #c80f26;}

.aui-nav-list-item { display: none;}

.aui-nav-list-item .ry-box-fl{width: 30%; float: left; margin-top: 50px; border-right: 1px solid #e5e5e5;}

.aui-nav-list-item .ry-box-fl img{max-width: 100%; margin: auto;}

.aui-nav-list-item .ry-box-fr{width: 68%; float: right; margin-top: 50px;}

.aui-nav-list-item .ry-box-fr ul{width: 100%; font-size: 0;}

.aui-nav-list-item .ry-box-fr ul li{width: 23%; margin: 10px 1%;display: inline-block; vertical-align: top; text-align: center;}

.aui-nav-list-item .ry-box-fr ul li img{max-width: 100%; border: 1px solid #eee;}

.aui-nav-list-item .ry-box-fr ul li h4{font-size: 18px;background: #eee; line-height: 28px; padding: 5px 0;}

/*联系我们*/

.main-contact{width:100%; overflow: hidden; margin:50px 0;}
.main-contact .con-fl{width:46%; float: left; padding: 10px 3%;}
.main-contact .con-fl img{max-width: 100%;}
.main-contact .con-fr{width: 44%; float: right;  padding: 10px 2%; }
.main-contact ul{width: 100%;overflow: hidden;}
.main-contact .contact-ul li{width: 100%;}
.main-contact ul li{ margin: 10px 0; float: left;}
.main-contact ul li h3{ font-size: 25px; color: #333333; line-height:40px;}
.main-contact ul li p{font-size: 16px; color: #303030; line-height: 30px; margin: 10px 0; padding-left: 30px; }
.main-contact ul li p.tel{background: url("../image/icon01.png") no-repeat ;}
.main-contact ul li p.fax{background: url("../image/icon02.png") no-repeat ;}
.main-contact ul li p.adr{background: url("../image/icon03.png") no-repeat ;}
.main-contact ul li p.mail{background: url("../image/icon04.png") no-repeat ;}
.main-contact ul li span{color: #c80f26;}


.main-contact-map{width:100%;  background: #f8f8f8; overflow: hidden; margin:50px 0;}
.main-contact-map .con-content{width: 100%; overflow: hidden; margin-top: 50px;  background: #f8f8f8; }
.main-contact-map .con-content h2{ font-size: 36px; color: #333; padding: 30px 0; text-align: center;}
.main-contact-map .con-fl{width:46%; float: left; padding: 10px 3%;}
.main-contact-map .con-fr{width: 44%; float: right;  padding: 10px 2%; }



/*加入我们*/

.main-join{width:100%;margin:50px 0;position: relative;}

.main-join .section{position: relative;}

.main-join-img{width: 100%;}

.main-join-img img{max-width: 100%;}

.main-join-ul{width: 100%;}

.main-join-ul{ width:100%; position: absolute; top: 405px;}

.main-join-ul ul{max-width: 1200px; margin: auto;}

.main-join-ul ul li{width: 31.333%; float: left; margin: 10px 1%;}

.main-join-ul ul li a{display: block;}

.main-join-ul ul li img{margin:10px auto;}

.main-join-ul ul li i{display: block; width: 100px; height: 100px; margin: auto; border-radius: 100%;}

.main-join-ul ul li h4{font-size: 18px;color: #333; line-height: 60px; text-align: center;}

.main-join-ul ul li i.wh{background: #efefef url("../image/icon08.png") no-repeat center;}

.main-join-ul ul li i.ss{background: #efefef url("../image/icon09.png") no-repeat center;}

.main-join-ul ul li i.zl{background: #efefef url("../image/icon10.png") no-repeat center;}

.main-join-ul ul li a:hover .wh{background: #c80f26 url("../image/icon08-h.png") no-repeat center;}

.main-join-ul ul li a:hover .ss{background: #c80f26 url("../image/icon09-h.png") no-repeat center;}

.main-join-ul ul li a:hover .zl{background: #c80f26 url("../image/icon10-h.png") no-repeat center;}

.main-join-ul ul li a:hover h4{ color: #c80f26;}



.main-join-wh{width: 100%; padding: 50px 0; margin-top: 100px; background: #f8f8f8;}

.main-join-wh .section{background: #fff;overflow: hidden; margin-top: 50px;}

.main-join-wh dl{width: 92%; overflow: hidden; margin: 50px 4%;}

.main-join-wh dl dt{width: 48%;}

.main-join-wh dl dt img{max-width: 100%;}

.main-join-wh dl dd{width: 48%; }

.main-join-wh dl dd h4{ font-size: 18px; color: #c80f26;line-height: 60px; }

.main-join-wh dl dd p{font-size: 14px; color: #666666;line-height: 30px;}

.main-join-wh-memo{width: 92%; overflow: hidden; margin: 50px 4%;}

.main-join-wh-memo h5{font-size: 16px; color: #c80f26; line-height: 60px;}

.main-join-wh-memo p{font-size: 14px; color: #666666; line-height: 30px;}





/*应用行业*/

.main-yyhy{overflow: hidden; padding: 50px 0; background: #f8f8f8;}

.main-yyhy .yyhy-title{  font-size: 36px; color: #333333; line-height: 40px; padding-left: 30px;  border-left: 5px solid #c80f26;}

.main-yyhy dl{ width: 48%; float: left; margin: 50px 2% 50px 0;}

.main-yyhy dl a{ display: block; background: #fff;overflow: hidden;}

.main-yyhy dl dt{width: 46%; float: left;overflow: hidden; }

.main-yyhy dl dt img{max-width: 100%; margin: auto; display: block; box-shadow: 0 0 10px #ccc;  transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.main-yyhy dl dd{width: 46%;  float: right; }

.main-yyhy dl dd h2{ color: #c80f26; font-size: 30px; margin-top: 20px;}

.main-yyhy dl dd em{ display: block; width: 20px; height: 2px; background: #c80f26; margin: 15px 0 22px 0;}

.main-yyhy dl dd p{color: #666; font-size: 14px;}

.main-yyhy dl a:hover p{color: #c80f26;}

.main-yyhy dl a:hover img {transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

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

.yyhy-detail-loca{width: 80%; margin: auto; background: #ececec; line-height: 62px; overflow: hidden;}

.yyhy-detail-loca span{display: block; font-size:16px;padding: 0 20px; float: left;}

.yyhy-detail-loca a{display: block; font-size:24px;background: #c80f26; padding: 0 20px; color: #fff; float: right;}

.yyhy-detail-content dl{width: 80%; margin:40px auto;  overflow: hidden;}

.yyhy-detail-content dl dt{width: 46%; float: left;overflow: hidden; }

.yyhy-detail-content dl dt img{max-width: 100%; margin: auto; display: block; box-shadow: 0 0 10px #ccc;  transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.yyhy-detail-content dl dd{width: 46%;  float: right;  font-size: 18px;}

.yyhy-detail-content dl dd span{ color: #333333; font-weight: bold;margin-top: 20px;}

.yyhy-detail-content dl dd p{color: #333; line-height: 28px; padding: 10px 0; border-bottom: 1px solid #ececec;}

.yyhy-detail-content .yy-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333; text-align: center;}

.yyhy-detail-content .yy-intro h4{ color: #c80f26; font-size: 30px; margin-top:40px;}

.yyhy-detail-content .yy-intro em{display:block;font-weight: bold; width: 120px; height: 20px; color: #111; margin: 5px auto; background:url("../image/yy-intro-span.jpg") no-repeat;font-size: 16px;}

.yyhy-detail-content .yy-intro img{max-width:100%; margin:10px auto;}

.yyhy-detail-content .yy-intro p{padding:15px 0; font-size: 16px;}





/*服务资源*/

.service-top{width: 50%; margin: auto;padding: 50px 0;}

.service-top h3{ font-size: 32px; color: #333333; line-height: 80px; text-align: center;}

.service-top p{font-size: 18px; color: #333; margin: 20px 0; line-height: 35px; }



.service-dl{width: 100%; margin: auto;padding: 50px 0; }

.service-dl .section{border: 1px solid #e5e5e5;}

.service-dl dl{ width: 100%; overflow: hidden;}

.service-dl dl dt{width: 50%; overflow: hidden; position: relative; }

.service-dl dl dt span{display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; background: #c80f26; top: 0; color: #fff; font-size: 36px; position: absolute; z-index: 9;}

.service-dl dl dt img{width: 100%; margin: auto; display: block; box-shadow: 0 0 10px #ccc;  transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.service-dl dl dd{width: 36%; padding: 0 7%; }

.service-dl dl dd h4{ color: #c80f26; font-size: 30px; margin-top:40px;}

.service-dl dl dd em{ display: block; width: 160px; height:1px; background: #c80f26; margin: 15px 0 40px 0;}

.service-dl dl dd p{color: #333333; font-size: 16px; line-height: 30px;overflow: hidden; }

.service-dl dl a:hover p{color: #c80f26;}

.service-dl dl a:hover img {transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.sy1 dt{float: left;}

.sy1 dt span{right: 0;}

.sy1 dd{float: right; }

.sy2 dt{float: right; }

.sy2 dd{float: left; text-align: right;}

.sy2 dd em{float: right;}



.service-bottom{width: 100%; margin: auto;padding: 50px 0 150px 0;}

.service-bottom ul{width: 100%;}

.service-bottom ul li{width: 31.333%; margin: 10px 1%; float: left;}

.service-bottom ul li img{max-width: 100%; margin: auto; display: block;}

.service-bottom ul li h2{ font-size: 20px; color: #333333; line-height: 38px; padding: 20px 0; }

.service-bottom ul li p{font-size: 15px; color: #666666; line-height: 28px;}



/*新闻中心*/

.main-news{width:100%; overflow: hidden; margin:60px 0;}

.main-news .news-query a{display: block;width: 100%;  padding: 50px 0; overflow: hidden; border-bottom: 1px solid #e5e5e5;  }

.main-news .news-query .news-box{width: 85%; float: left;}

.main-news .news-query .news-box dl{width: 100%;}

.main-news .news-query .news-box dl dt{width: 30%; float: left; overflow: hidden;}

.main-news .news-query .news-box dl dt img { width: 100%; margin: auto; display: block; box-shadow: 0 0 10px #ccc;  transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.main-news .news-query .news-box dl dd{width: 65%; float: right;}
.main-news .news-query .news-box dl dd em{display: none; font-size: 14px; color: #ccc; padding: 5px 0; font-style: normal;}
.main-news .news-query .news-box dl dd h2 { font-size: 20px;  color: #333333;  }

.main-news .news-query .news-box dl dd p{    color: #919191; font-size: 14px;  line-height: 24px;  margin-top: 15px;    }

.main-news .news-query .news-box dl dd span{display: block; height: 25px; line-height: 25px;  width: 73px; text-align: center; font-size: 12px;  color: #666666;  border: 1px solid #666666;    margin-top: 30px;}

.main-news .news-query .time{width: 10%; float: right; text-align: right;}

.main-news .news-query .time span{   display: block;width: 100%;  overflow: hidden;   float: left;  font-size: 36px;  color: #666;  }

.main-news .news-query .time i{width: 100%; font-size: 18px;  overflow: hidden;  display: block;  padding: 20px 0;  color: #666; font-style: normal;}

.main-news .news-query a:hover{background: #f4f4f4;}

.main-news .news-query a:hover .news-box dl dt img {transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.main-news .news-query a:hover .news-box dl dd h2{ color: #c80f26;}

.main-news .news-query a:hover .time span{color: #c80f26;}







.news-detail{width: 100%; background: #fff; margin: 50px 0; overflow: hidden;}

.news-detail .news-detail-fl{width:73%;}

.news-detail .news-detail-fl 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-detail-fl .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}

.news-detail .news-detail-fl .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}

.news-detail .news-detail-fl .news-intro p{padding: 5px 0;}

.news-detail .news-detail-fr{width:23%;padding-top: 35px; }

.news-detail .news-detail-fr h4{font-size: 22px;  color: #333;  line-height: 22px;  padding-bottom: 20px;  border-bottom: 1px solid #e6e6e6;  margin-bottom: 15px;}

.news-detail .news-detail-fr ul{width: 90%; margin: 10px auto;}

.news-detail .news-detail-fr ul li{width: 100%;}

.news-detail .news-detail-fr ul li a{  display: block;   color: #666; height: 30px; font-size: 14px;  line-height: 30px; background: url(../image/case23.png) no-repeat left 10px;  padding-left:15px;}

.news-detail .news-detail-fr ul li a:hover{ color: #c80f26;}

.news-more{ display: block;  width: 80%; padding: 0 10%; height: 45px; line-height: 45px;  font-size: 16px;  color: #fff;  background:#c80f26 url(../image/news04.png) no-repeat 150px 20px;  }

.news-more:hover{  width: 85%;  padding: 0 5% 0 10%;  background: #c80f26 url(../image/news04.png) no-repeat 180px 20px;   }









/*技术资料下载*/

.main-jszl{overflow: hidden; margin: 50px 0; background: #fff;}

.main-jszl .list{width: 100%; margin-top: 50px;}

.main-jszl .list ul{width: 100%;}

.main-jszl .list ul li{width: 31.33%; float: left;}

.main-jszl .list ul li img{display: block; margin: 15px auto;}

.main-jszl .list ul li h4{font-size: 24px; text-align: center; line-height: 30px; padding: 10px 0; color: #333;}

.main-jszl .list ul li a{display:block; background: url("../image/dian.jpg") no-repeat 0 15px; padding-left: 20px; color: #c80f26; font-size: 18px; line-height: 35px;}







/*进入自动化时代*/

.main-product-down{overflow: hidden; margin: 50px 0; background: #fff;}

.main-product-down .list{width: 100%; margin-top: 50px;}

.main-product-down .list ul{width: 100%;}

.main-product-down .list ul li{width: 23%; margin: 10px 1%; float: left;}

.main-product-down .list .cp-down-img{width: 100%; position: relative;}

.main-product-down .list ul li img{display: block;width: 100%;}

.main-product-down .list ul li h4{font-size: 20px; width: 100%; text-align: center; line-height: 30px; padding: 10px 0; color: #fff; position: absolute; bottom: 10px; z-index: 99; }

.main-product-down .list ul li a{display:block; }

.main-product-down .list ul li span{display: block;  width: 145px;  line-height: 38px; margin:20px auto;  border-radius: 25px;  background: #c51e35;   text-align: center;  color: #fff;}



.mfzd-box{overflow: hidden; margin: 50px 0; background: #fff;}

.mfzd-box-fl{width: 45%; float: left;font-size: 15px; }

.mfzd-box-fl h1{ font-size: 26px; padding: 20px 0; color: #333333;}

.mfzd-box-fl p{ color: #666666; line-height: 30px; padding: 20px 0;}

.mfzd-box-fl ul{width: 100%;}

.mfzd-box-fl ul li{ background: url("../image/dian.jpg")no-repeat 0 8px ;padding-left: 15px; margin: 20px 0; color: #666;}

.mfzd-box-fr{width: 45%; float: right;}







.yjty-box{overflow: hidden; margin: 50px 0; background: #fff;}




.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:#c80f26; color:#fff;}





.foot-box{width: 100%; background:#2d2d2d url("../image/foot-box.jpg") no-repeat center top; padding:80px 0 40px 0;overflow: hidden;}

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

.foot-box .foot-contact h3{font-size:32px; color: #c51e35; text-align: center;}

.foot-box .foot-contact .foot-contact-icon{width: 80%; margin:10px auto;}

.foot-box .foot-contact .foot-contact-icon li{width: 48%;float: left;  color: #fff; font-size: 13px;line-height: 25px; margin: 5px 1%; }

.foot-box .foot-contact .foot-contact-icon li img{margin:10px auto;}

.foot-box .foot-contact h4{font-size:17px; color: #fff; margin-bottom: 20px;}

.foot-box .foot-contact .foot-contact-ul li{width: 100%;color: #fff; font-size: 13px;line-height: 25px; margin: 5px 0; padding-left: 30px;}

.foot-box .foot-contact .foot-contact-ul li.adr{background: url("../image/icon05.png") no-repeat 0 5px; }

.foot-box .foot-contact .foot-contact-ul li.tel{background: url("../image/icon06.png") no-repeat 0 5px; }

.foot-box .foot-contact .foot-contact-ul li.mail{background: url("../image/icon07.png") no-repeat 0 5px; }

.foot-box .foot-wx{  padding-left: 50px;float: left; }

.foot-box .foot-wx img{width: 120px; margin-top: 60px;}

.foot-box .foot-menu{float: right; border-left: 1px solid #a9a9a9;}

.foot-box .foot-menu ul{ margin:0 20px;float: left;}

.foot-box .foot-menu ul h3{ font-size:18px;color: #Fff; margin-bottom: 15px;}

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

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

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

.footer{width: 100%;color: #595959; background:#181818;line-height: 25px; padding:10px 0;overflow: hidden; text-align: center;}

.footer a{color: #595959;}

.footer a:hover{color: #c51e35;}
.cd-top {
    display: inline-block;  height: 44px;  width: 40px;  position: fixed;  bottom: 20px;
    right: 0;   overflow: hidden;  text-indent: 100%;  white-space: nowrap;
    background:url(../image/top.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;
    -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;
}
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {  opacity: 1;  }
.no-touch .cd-top:hover {  background-color: #e86256;  opacity: 1;  }

@media (max-width:1450px){
    .header .menu ul li {
        float: left;
        margin: 0 10px;
    }
}


@media (max-width:1260px){
    .product-class{width: 100%; overflow-x: scroll;white-space: nowrap; }
    .product-class::-webkit-scrollbar {display:none}
    .product-class a{display: inline-block; float: none; padding: 7px 20px; margin-right:10px; background:#f1f1f1; font-size: 15px; color: #444;  }
    .product-class a:hover{color: #fff; background:#c80f26;  }

    .header{z-index: 9999; height: auto; background: #fff; top: 0; position: fixed; box-shadow: 0 0 10px #999;}

    .header .section{width: 100%;}

    .m_menu{ display:block;}

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

    .header .menu ul li{ width:100%; border-bottom:1px solid #eb314b; margin: 0;}

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

    .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: 15px 10px; margin: auto;}

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

    .header .h-fr{margin-right: 60px;}

    .header .h-tel{line-height: 60px;}

    .header .h-lang{margin-top:20px;}

    .h-wx{margin: 18px 0 0 10px;}

    .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{ color:#fff}

    .product-num-item{width: 48%;}
    .product-num-nub{border: 0;}
    .i-title h2{    font-size: 26px;}

    .i-title p{width: 80%;padding:5px 0;  line-height: 25px;}
    .banner{height: auto; padding-top:19.79%; background-size:100%; margin-top: 61px;}
    .ab-ban,.cpzl-ban,.yyhy-ban,.cn-ban,.ser-ban,.zs-ban,.news-ban,.jszl-ban,.smwx-ban,.mfzd-ban,.yjty-ban,.zpzdh-ban,.gyjqr-ban,.znzz-ban,.znnj-ban{background-size: cover;}

    .main-class a{ font-size: 16px;   padding: 15px 25px;}
    .main-class .section{width: 99%;}
    .main-znnj .main-znnj-fl{width: 100%;}
    .main-znnj .main-znnj-fr{width: 100%; margin-top: 50px;}
    .foot-box{    padding: 30px 0;}


    .i-about{    padding: 30px 0;}
    .i-business,.i-application,.i-ts{padding: 10px 0 30px 0;}
    .service-bottom{    padding: 30px 0;}
    .i-partners,.i-gc{padding: 30px 0;}
    .business-ul ul,.application-ul ul,.i-partners .partners-box{    margin-top: 20px;}

    .main-join-ul{margin-top: 30px;    position: static;  top: 0px;}
    .main-about,.main-lc{    margin: 25px 0;}
}

@media (max-width:1120px){

    .about-box{    margin-top: 20px;}

    .about-box .about-fl a{margin: 10px auto;}

    .about-box .about-fl{width: 100%;}

    .about-box .about-fl p{     font-size: 15px; line-height: 26px;  margin-top: 0;}

    .about-box .about-fr{width: 100%;  margin-top: 20px;}

    .i-ts .i-ts-memo{      margin: 15px auto 5px auto; font-size: 15px;line-height: 26px;}

}





@media (max-width:1024px){



}

@media (max-width:999px){

    .business-ul ul li{width: 48%; margin: 10px 1%;}
    .service-top{width: 100%;}
    .application-ul ul li{width: 48%;}
    .foot-box .foot-menu{display: none;}
    .i-ts .i-ts-ul .ts-img{height: 224px;}
    .main-contact .sh{width: 100%;}
    .main-product-down .list ul li{    width: 48%;  margin: 10px 1%;}
    .service-dl dl dt{width: 100%;}
    .service-dl dl dd{width:86%;}
}
@media (max-width:900px) {
    .ab-ban {

        background: url("../image/w-ab-banner.jpg") no-repeat center;
    }

    .cpzl-ban {

        background: url("../image/w-cpzl-ban.jpg") no-repeat center;
    }

    .yyhy-ban {

        background: url("../image/w-yyhy-ban.jpg") no-repeat center;
    }

    .ser-ban {

        background: url("../image/w-ser-ban.jpg") no-repeat center;
    }

    .news-ban {
        height: 380px;
        background: url("../image/w-news-ban.jpg") no-repeat center;
    }

    .jszl-ban {

        background: url("../image/w-jszl-ban.jpg") no-repeat center;
    }

    .smwx-ban {

        background: url("../image/w-smwx-ban.jpg") no-repeat center;
    }

    .mfzd-ban {

        background: url("../image/w-mfzd-ban.jpg") no-repeat center;
    }

    .yjty-ban {

        background: url("../image/w-yjty-ban.jpg") no-repeat center;
    }

    .zpzdh-ban {

        background: url("../image/w-zpzdh-ban.jpg") no-repeat center;
    }

    .gyjqr-ban {
        background: url("../image/w-gyjqr-ban.jpg") no-repeat center;
    }

    .znzz-ban {

        background: url("../image/w-znzz-ban.jpg") no-repeat center;
    }

    .znnj-ban {

        background: url("../image/w-znnj-ban.jpg") no-repeat center;
    }
    .banner{height: auto; padding-top:42.222%; background-size:100%; margin-top: 61px;}
    .ab-ban,.cpzl-ban,.yyhy-ban,.cn-ban,.ser-ban,.zs-ban,.news-ban,.jszl-ban,.smwx-ban,.mfzd-ban,.yjty-ban,.zpzdh-ban,.gyjqr-ban,.znzz-ban,.znnj-ban{background-size: cover;}

}

/*banner媒体查询*/

@media (max-width:768px){

    .main-znnj dl dt{width: 100%;}
    .main-znnj dl dd{width: 92%; padding: 10px 4%;}
    .main-znnj-detail dl dt{width: 100%;}
    .main-znnj-detail dl dd{width: 100%;}
    .main-znnj dl{    padding: 0;}
    .main-znnj dl dt img{width: 100%; max-width: none;}

    .yyhy-detail-loca{width: 100%;}
    .yyhy-detail-content dl{width: 100%;}
    .yyhy-detail-content dl dt{width: 100%;}
    .yyhy-detail-content dl dd{width: 100%}
    .yyhy-detail-content dl dt img{width: 100%; max-width: none;}
    .main-contact .con-fl{    width: 100%;  float: left;  padding: 10px 0;}
    .main-contact .con-fr{width: 100%;  float: left;  padding: 10px 0;}
    .main-news .news-query .news-box dl dd em{display: block;}
    .main-news .news-query .news-box{width: 100%;}
    .main-news .news-query .time{display: none;}
    .service-bottom ul li{width: 98%;}
    .main-join-wh dl dd{width: 100%;}
    .main-join-wh dl dt{width: 100%;}
    .aui-nav-list-item .ry-box-fr ul li{width: 48%;}
    .i-ts .i-ts-ul ul li h4{font-size: 18px;}
    .i-title h2{    font-size: 22px;}
}





@media (max-width:658px){


    .main-class a {
        font-size: 14px;
        padding: 10px 15px;
    }
    .main-znnj dl dd span{    padding: 4px 10px;}
    .main-znnj .main-znnj-fr h4{    font-size: 18px;  background: #c80f26;  color: #fff;  line-height: 30px;  padding: 8px 30px;}
    .i-partners .partners-box ul li{width: 33.3333%;}

    .i-gc-list ul li{width: 98%;}

    .i-ts .i-ts-ul ul li{width: 98%;}

    .i-ts .i-ts-ul .ts-img{height: auto;}

    .i-ts .i-ts-ul ul li img{position: static;}



    .footer{text-align: center;}

    .footer .fr{width: 100%;}

    .header .h-tel,.header .h-lang,.h-wx{display: none;}

    .set-title ul li{padding: 0 5px; width: auto;}
    .set-middle{    padding: 15px 0;  }
    .set-middle-item{     padding: 15px 0; }
    .set-content{    font-size: 14px;  line-height: 25px;}
    .main-yyhy dl{    width: 100%;  margin:15px 0;}
    .main-jszl .list ul li{width: 100%; margin: 10px 0;}
    .main-jszl .list ul li h4{font-size: 16px;}
    .main-jszl .list ul li a{ width:110px;margin: auto;}
    .main-contact .sh li{width: 98%;}
    .main-news .news-query .news-box dl dt{width: 100%;}
    .main-news .news-query .news-box dl dd{width: 100%;}

    .news-detail .news-detail-fl{width: 100%;}
    .news-detail .news-detail-fr{display: none;}
    .foot-box .foot-contact{width: 300px; margin: auto; float: none;}
    .foot-box .foot-wx{width: 100%; padding: 0;}
    .foot-box .foot-wx img{margin: 10px auto;}
    .main-product-down .list ul li{    width: 98%;  margin: 10px 1%;}
    .main-contact .contact-ul li{width: 100%;}
    .aui-nav-list-box ul li{width: 48%;}
    .aui-nav-list-item .ry-box-fr ul li{width:98%;}
    .n-title img{max-width: 300px;}
    .aui-nav-list-item .ry-box-fl{width: 100%;}
    .aui-nav-list-item .ry-box-fr{width: 100%;}

    .business-ul ul li p{font-size: 15px;}
    .business-ul ul li h4{ font-size: 20px; ;}
    .main-join-ul ul li i{width: 80px; height: 80px;}
    .main-contact-map .con-fl{width:100%; float: left; padding: 10px 0;}
    .main-contact-map .con-fr{width: 100%; float: right;  padding: 10px 0; }

    .main-join-ul ul li i.wh{background: #efefef url("../image/icon08.png") no-repeat center;background-size: 60%!important;}

    .main-join-ul ul li i.ss{background: #efefef url("../image/icon09.png") no-repeat center;background-size: 60%!important;}

    .main-join-ul ul li i.zl{background: #efefef url("../image/icon10.png") no-repeat center;background-size: 60%!important;}
}



@media (max-width:525px){



}



@media (max-width:428px){





}