@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;line-height: 1.5;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;}
hr {border-width: 1px;border-style: inset;}
ul {list-style: none;}
p {margin: 0;margin-bottom: 0px !important;}
.left{float: left;}
.right{float: right;}
a, a:link, a:active, a:visited, a:hover {text-decoration: none !important;}
a{text-decoration: none !important;color: #444 !important;}
img, {display: block;}
i, em {font-style: normal;}
ul{margin-bottom: 0px !important;}
/*input placeholder 鏍峰紡 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
/*淇敼婊氬姩鏉?/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
/* 鏃犲唴瀹 */
@media screen and (min-width: 1200px){
	.container{width: 1300px !important;}
}

@media screen and (min-width:640px)  and (max-width:1300px){
.menu li{width:10% !important;}
.top .left span {line-height:25px !important;}
.top .left p{font-size: 14px !important;}
.top{height: 116px !important;}
.item{height: 520px !important}
.ploc{width: 940px !important;}
.location{width: 940px !important;}
}

@media screen and (max-width:640px){
    .prolist li img{ height:110px !important;}
    .zl li{ width:50% !important;}
    .in02b strong{ font-size:26px !important; }
/*.in01a li a{height: 150px !important;}*/
.infonta{ height:auto !important;}
.intita strong{left: 30% !important;font-size: 40px !important;}
.intita span{font-size: 16px !important;}
.intita p{font-size: 15px !important;line-height:25px !important;}
.intype {padding-left:10%;}
.intype li{margin-bottom: 2%;}
.intitb strong{font-size: 22px !important;line-height: 30px !important;}
.intitb span{font-size: 16px !important;}
.intitb p{font-size: 14px !important;margin:0 auto;line-height: 25px;}
.ystit strong{font-size: 16px !important;}
.in_02{height: auto !important;padding-bottom: 4%;}
.in02a .swiper-button-next{width: 40px !important;left:16% !important;}
.in02a .swiper-button-prev{width: 40px !important;}
.in02b p{float: left;line-height: 45px !important;}
.intitc strong{left: 30% !important;font-size: 40px !important;}
.intitc span{font-size: 14px !important;}
.intitc p{font-size: 15px !important;}
.in03b .col-sm-12{padding-left:0px !important;padding-right:0px !important;}
.in03b .col-xs-12{padding-left:0px !important;padding-right:0px !important;}
.intitd b{font-size: 22px !important;}
.intitd{font-size: 18px !important;}
.in03c li{margin-bottom: 2%;}
.infontb span{font-size: 15px !important;}
.in_04 li{margin-bottom: 2%;}
.foota li:nth-of-type(5){width: 100% !important;}
.foota li span{border-bottom: 1px dashed #ccc;}
.footmenu  b{display: inline-grid !important;}
.location{width: 100% !important;height: auto !important;}
.locationa {text-align: left !important;}
.comtit span {font-size: 18px !important;line-height: 30px !important;}
.companyaa strong{font-size: 16px !important;}
.companya .col-sm-12{padding-left:0px !important;padding-right:0px !important;}
.companya .col-xs-12{padding-left:0px !important;padding-right:0px !important;}
.companyaa img{margin-top: 2%;}
.companyb li{margin-bottom: 2%;}
.companyc li{margin-bottom: 2%;}
.companydab{margin-bottom: 2%;}
.companyb li span{font-size: 16px !important;line-height: 25px !important;}
.companyb li p{line-height: 25px !important;}
.pimga{height: auto !important;}
.companye li{margin-bottom: 2%;}
.contactab{width: 100% !important;height: 320px !important;}
.contactaa{width: 100% !important;}
.common-inner .inner-right .de-contact .contact-map #dituContent {height: 320px !important;}
.newsban .container{padding-left: 0px !important;}
.anliban .container{padding-left: 0px !important;}
.lxban .container{padding-left: 0px !important;}
.aboutban .container{padding-left: 0px !important;}
.xwban .container{padding-left: 0px !important;}
.ploc li{width: 25% !important;}
.ploc{width: 100% !important;}
.item{height: 660px !important;}
.p_b{margin-top: 2%;}
.pro-tit span{width: 25% !important}
.sectype a{width: 25% !important;}
.proa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.proa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.proaaa .left{width: 100% !important;}
.in04a span{font-size: 15px !important;}
.xgnews{width: 100% !important;}
.honorlist li img{height: 130px !important;}
.in02a{padding: 2% 0 !important;}
.in02a strong{font-size: 20px !important;}
.in02a span{font-size: 13px !important;width: 100% !important;}
.ban{background: url(../images/mobban.jpg) center no-repeat !important;background-size: 100% !important;height: 185px !important;}
.intita span b{{font-size: 22px !important;}}
.in03aa{width: 100% !important;margin-bottom: 2%;}
.in03ab{width: 100% !important}
.infontd span{font-size: 16px !important;line-height:30px !important;}
.ystitb span{font-size: 22px !important;}
.ysfonta span{font-size: 16px !important;line-height:25px !important;}
.ysfonta p{font-size: 14px !important;line-height:25px !important;}
.in04a{width: 100% !important}
.in04b{width: 100% !important;padding-bottom: 4%;}
.in05a{width: 100% !important}
.in_05{background: #0152a4 !important;height: auto !important;}
.in05b{width: 100% !important}
.in05ba strong{font-size: 22px !important;}
.in05ba{padding: 4% 0 !important;height: auto;overflow: hidden;}
.in06a .swiper-slide{height: 240px !important}
.in05a span{font-size: 16px !important;float: left;}
.in05a strong{font-size: 22px !important;}
.in_07 .col-sm-12{padding-left:0px !important;padding-right:0px !important;}
.in_07 .col-xs-12{padding-left:0px !important;padding-right:0px !important;}
.in07aa .left{width: 100% !important}
.in07aa .right{width: 100% !important}
.footer .mid{border-left: none !important;border-right: none !important;padding-left:0px !important;padding-right:0px !important;border-bottom: 1px solid #0563c3;padding-bottom: 4%;margin-bottom: 4%; }
.footer .right{border: none !important;padding-left:0px !important;padding-right:0px !important;}
.infontd{width: 70% !important}
.infontd p{line-height:20px !important;font-size: 13px;}
.ystita span{font-size: 22px !important;line-height:40px !important;}
.companycaa{margin-bottom: 2%;}
.pfontp span{font-size: 14px !important;}







}
#dituContent label {max-width: unset!important;text-align: center;}
.no-goods,.no-network{padding-top:100px;overflow: hidden;text-align: center;}
.no-goods img{display: block;margin:0 auto 30px;width:220px;max-height: 105px;}
.no-network img{display: block;margin:0 auto 30px;width:222px;height: 160px;}
.no-goods p,.no-network p{font-size:14px;color:#666666;line-height: 20px;}
/*澶撮儴*/
.topt{height: 30px;line-height: 30px;border-bottom: 1px solid #eeeeee;color: #777;font-size: 12px;}
.top{height: 90px;width: 100%;position: relative;z-index: 888;}
.top .left{width: 16%;padding:25px 0 10px 0;}
.top .right {width:84%;margin-top: 35px;}
.menu{float: right; margin:6px auto 0 auto;width:72%;text-align:center;}
.menu li{float:left;position: relative; width:109px;text-align:center;/*margin:0 1%;*/padding-bottom: 24px; transition:.4s;line-height: 25px;font-size: 15px;}
.menu li::after{content: "";position: absolute;bottom: 0;left: 0;width: 0%; height: 2px;background:#0152a4;z-index: 8;transition:.4s;}
.menu li:hover::after{width: 100%;}
.menu li:hover a{color: #777 !important;}
.menu a{display:block;transition:.3s;}
.topa{float: right;background: url(../images/tel.jpg)left no-repeat;padding-left: 25px;width: 20%;color: #0152a4;font-size: 26px;font-weight: bold;margin-left: 2%;}
/*鎵嬫満绔欏ぇ鍥炬牱寮?/
.mtop{height: auto;overflow: hidden;background:#eeeeee;text-align: center;line-height: 30px;font-size: 12px;color: #777;}
.mobtop{height: 80px;padding: 3% 0;position: relative;z-index: 888;width: 100%;}
.mobtop .left{width: 60%;padding-left: 2%;}
.mobtop .left img{ display: block;max-width: 100%;}
.flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobtop .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-size:85%;letter-spacing:.05em;padding:1em;}
.aligncontent-center {text-align: center;}
.main-header {text-align: center;font-weight:300;font-size: 90%;}
.menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 10%;}
.menu-left {float: left;}
.sidebar{display: none;width: 100%;height: 100%;margin: 0;position: fixed;top: 0;z-index: 9999;}
.menu-button i{font-size: 30px;color: #03539c}
.sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.sidebar.open nav{}
.sidebar nav{float: left;width: 140px;height: 1000px;margin-left: -140px;color: white;background:rgba(0,0,0,0.8);z-index: 887;}
.sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;line-height: 25px;}
.sidebar h6 p{font-size: 14px;font-weight: normal;color: #ddd;}
.sidebar ul{padding:0 5px; }
.sidebar li a{display: block;text-align: center;line-height: 40px;color: #fff !important;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.sidebar li a:hover{background: #444;}
.sidebar hr {margin: 1em auto;border: 0;padding: 0;width: 80%;height: 1px;}
.banner {position: relative;height: auto !important;}
.banner .swiper-wrapper{height: auto !important;}
.banner #bannerSwiper {height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .pagination {position: absolute;font-size:0;left: 0;height: 50px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.banner .pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;}
.banner .pagination .swiper-active-switch {background: #fff;opacity: 1;}

/*鎵嬫満绔欏ぇ鍥炬牱寮?/
.slider-focus{position:relative;max-width:100%;overflow:hidden;margin:0rem auto;}
.slider-focus .hd{ position:absolute;width:100%;height:1rem;left:0;bottom:0.9rem;z-index:1;line-height:1.5rem;text-align:center;}
.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;margin:0 0.3rem;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}
.slider-focus  .hd ul{display: block;height: 0px;}
.slider-focus  .hd li.on{ background:#ffea00;  }
.slider-focus  .bd{ position:relative; z-index:0; }
.slider-focus  .bd li{ position:relative; text-align:center;  }
.slider-focus  .bd li img{ vertical-align:top;width:100%;}
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 
/*index-product*/
.in_01{height: auto;overflow: hidden;padding: 3% 0;}
.in_01 .col-lg-9{padding-left: 0px !important;padding-right: 0px !important;}
.in_01 .col-md-9{padding-left: 0px !important;padding-right: 0px !important;}
.in_01 .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in_01 .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a li{margin-bottom: 2%;text-align: center;}
.in01a li a:hover .infonta{background: rgba(1,82,164,0.8);color: #fff;height: 100px;bottom:60px;padding: 4% 0;line-height: 60px;}
.in01a li a:hover .inimga em{background: rgba(0,0,0,0.3);}
.in01a li a{display: block;position: relative;bottom:0px;/*height: 268px;*/border: 1px solid #f1f1f1;overflow: hidden;background: #f6f6f6;transition:.4s;}
.in01a li img{display: block;width: 100%;}
.infonta{position: relative;z-index: 88;bottom: 0px; height: 100px;transition:.4s;line-height: 60px;}
.infonta span{display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inimga{position: relative;}
.inimga em{position: absolute;z-index: 88; background: rgba(0,0,0,0);width: 100%;height: 100%;left: 0;transition:.4s;}
/*index-youshi*/
.in_02{height: 220px;overflow: hidden;background: url(../images/in02bg.jpg)left no-repeat fixed;color: #fff;}
.in02a {height: auto;overflow: hidden;padding: 3% 0;}
.in02a strong{display: block;font-size: 42px;line-height: 70px;}
.in02a span{display: block;font-size: 24px;line-height: 40px;border: 1px solid #82a8cf;letter-spacing: 4px;width: 580px;text-align: center;}
.in02b {background: #03468a;padding: 4%;}
.in02b{text-align: center;}
.in02b p{line-height: 30px;}
.in02b strong{display: block;font-size:30px;font-weight: normal; }
.in02b a{display: block;width: 120px;line-height: 35px;background: #9dc261; color: #fff !important;text-align: center;margin:4% auto;transition:.4s;border-radius: 2px;}
.in02b a:hover{background: #fff;color: #444 !important;}
.in_03{height: auto;overflow: hidden;padding: 3% 0;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita span{display: block;font-size: 36px;line-height: 55px;}
.intita span b{font-size: 50px;color: #0152a4;}
.intita p{font-size: 24px;color: #777;line-height:50px;}
.in03a{height: auto;overflow: hidden;margin:2% 0;}
.in03a {height: auto;overflow: hidden;margin:2% 0;}
.in03aa{position: relative;float: left;width: 71%;}
.in03aa img{display: block;width: 100%;}
.in03ab{height: auto;overflow: hidden;background: #0152a4;float: right;width: 27%}
.in03ab img{display: block;width: 100%;}
.ystita{height: auto;overflow: hidden;margin: 12%;color: #fff;}
.ystita strong{display: block; height: 70px;width: 70px;line-height: 70px;text-align: center; overflow: hidden;background: #9dc261;color: #fff;font-size: 52px;}
.ystita span{display: block;font-size: 40px;line-height: 55px;margin-top: 2%;}
.ystita p{font-weight: bold; line-height: 30px;}
.infontd{position: absolute;z-index: 88;right:0;bottom: 0;background: rgba(255,255,255,0.8);padding: 4%;height: auto;overflow: hidden; width:50%;}
.infontd span{display: block;font-size: 26px;line-height: 70px;}
.infontd p{line-height: 30px;color: #777;}
.in03b{height: auto;overflow: hidden;}
.in03b img{display: block;max-width: 100%;}
.in03b .col-lg-6{padding-left: 0px !important;padding-right: 0px !important;}
.in03b .col-md-6{padding-left: 0px !important;padding-right: 0px !important;}
.ystitb{height: auto;overflow: hidden;margin:4% 0;}
.ystitb strong{float: left;margin-right: 2%; display: block; height: 70px;width: 70px;line-height: 70px;text-align: center; overflow: hidden;background: #9dc261;color: #fff;font-size: 52px;}
.ystitb span{display: block;font-size: 40px;line-height: 55px;}
.ystitb p{font-weight: bold; line-height: 25px;color: #666;}
.ysfonta{height: auto;overflow: hidden;margin:4% 0}
.ysfonta span{display: block;font-size: 26px;line-height: 45px;margin-bottom: 4%;}
.ysfonta p{line-height:40px;font-size: 16px;color: #777;}
.ysfonta p i{color: #088484;}
.in03c{height: auto;overflow: hidden;}
.in03ca{margin-top: 4%;}
.in03c .col-lg-6{padding-left: 0px !important;padding-right: 0px !important;}
.in03c .col-md-6{padding-left: 0px !important;padding-right: 0px !important;}
/*index_company*/
.in_04{height: auto;overflow: hidden;background: #f3f3f3;padding-top: 3%;}
.in04a{float: left;width: 36%; height: auto;overflow: hidden;}
.in04b{float: right;width: 60%; height: auto;overflow: hidden;}
.in04ba{/*margin-top: 4%;*/}
.in04ba span{display: block;font-size: 36px;line-height: 55px;}
.in04ba p{font-size: 18px;line-height: 30px;color: #999;}
.incontent{padding: 4% 0;line-height: 30px;color: #777;}
.incontent p{ text-indent:2em;}
.in04b a{display: block;border: 1px solid #cccccc;width: 140px;line-height: 45px;text-align: center;color: #666;transition:.4s;}
.in04b a:hover{border: 1px solid #0152a4;color: #fff !important;background: #0152a4;}
.in_05{height: 220px;overflow: hidden;background: url(../images/in05bg.jpg)left no-repeat fixed;color: #fff;}
.in05a{background: #03468a;padding: 4%;float: left;width: 36%;}
.in05a span{display: block;font-size: 30px;line-height: 55px;}
.in05a strong{display: block;font-size: 42px;line-height: 50px;}
.in05a strong b{font-size: 50px;}
.in05a strong i{font-size: 14px;}
.in05b{float: right;width: 60%; height: auto;overflow: hidden;}
.in05ba{padding-top: 6%;}
.in05ba span{float: left;width: 25%; padding-top: 4%;}
.in05ba p{line-height: 35px;}
.in05ba strong{font-size: 36px;}
/*index_case*/
.zl li{ width:25%; float: left}
    .zl li p{ text-align:center;}
.in_06{height: auto;overflow: hidden;padding: 3% 0;}
.intitb{height: auto;overflow: hidden;text-align: center;position: relative;}
.intitb strong{ display: block;font-size: 36px;line-height:50px;color: #0152a4;}
.intitb span {display: block;line-height: 30px;color: #777;}
.intitb p{font-size: 16px;color: #777;}
.in06a{height: auto;overflow: hidden;margin:2% 0;}
.in06a .swiper-container{height: 480px;}
.in06a .swiper-slide{height:360px;overflow: hidden;background: #f0efef;transition:all 0.6s ease 0s;}
.in06a .swiper-slide:hover{background: #0152a4;}
.in06a .swiper-slide:hover p{color: #fff;}
.in06a .swiper-slide:hover span{color: #fff;}
.in06a .swiper-slide:hover img{transform:scale(1.05);}
.in06a .swiper-slide:hover em{background: rgba(0,0,0,0.4);}
.in06a .swiper-slide img{display: block;width: 100%;transition:.4s;}
.in06a .swiper-button-prev{width: 35px;height: 35px;line-height: 35px;color: #fff;background: #0152a4;top:97%;left: 45%;transition:.4s;}
.in06a .swiper-button-prev:hover{background: #444;}
.in06a .swiper-button-next{width: 35px;height: 35px;line-height: 35px;color: #fff;background: #0152a4;top:97%;right:45%;transition:.4s;}
.in06a .swiper-button-next:hover{background: #444;}
.in06a .mid-button{position: absolute;z-index: 10;display:block;left: 48.5%; text-align: center;width: 35px;height: 35px;line-height: 35px;color: #fff;background: #9dc261;top:92.1%;}
.in06a .swiper-button-prev i{color: #fff;font-size: 22px;}
.in06a .swiper-button-next i{color: #fff;font-size: 22px;}
.in06a .swiper-button-prev::after{display: none;}
.in06a .swiper-button-next::after{display: none;}

.mobin06a{height: auto;overflow: hidden;margin:2% 0;}
.mobin06a .swiper-container{height: 330px;}
.mobin06a .swiper-slide{height:320px;overflow: hidden;background: #f0efef;transition:all 0.6s ease 0s;}
.mobin06a .swiper-slide:hover{background: #0152a4;}
.mobin06a .swiper-slide:hover p{color: #fff;}
.mobin06a .swiper-slide:hover span{color: #fff;}
.mobin06a .swiper-slide:hover img{transform:scale(1.05);}
.mobin06a .swiper-slide:hover em{background: rgba(0,0,0,0.4);}
.mobin06a .swiper-slide img{display: block;width: 100%;transition:.4s;}


.infontb{height: auto;overflow: hidden;margin:4%;}
.infontb span{display: block;font-size: 16px;line-height: 30px;}
.infontc{height: auto;overflow: hidden;margin:6% 4%;}
.infontc span{display: block;line-height: 30px;}
.infontc p{line-height: 25px;color: #777;font-size: 12px;}
.inimgb{height: auto;overflow: hidden;position: relative;}
.inimgb em{display: block; position: absolute;z-index: 88;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
/*index_news*/
.in_07{height: auto;overflow: hidden;padding: 3% 0;background: #f3f3f3;}
.in07a{background: #fff;padding: 4%;height: auto;overflow: hidden;border: 1px solid #e1e1e1;}
.intitc{height: auto;overflow: hidden;border-bottom: 1px solid #dcdcdc;line-height: 45px;color: #777;}
.intitc span{float: left; display: block;background: url(../images/inlinec.jpg) bottom left no-repeat;width: 190px;}
.intitc span b{font-size: 24px;color: #444;font-weight: normal;}
.intitc a{float: right;}
.in07aa{height: auto;overflow: hidden;margin-top: 4%;}
.in07aa .left{width: 50%;position: relative;}
.in07aa .left img{display: block;max-width: 100%;}
.in07aa .left:hover span{background: rgba(1,82,164,0.8)}
.in07aa .left span{display: block;position: absolute;z-index: 88;bottom: 0;width: 100%; line-height: 45px;background: rgba(0,0,0,0.6);color: #fff;padding-left: 4%;}
.in07aa .right{width: 48%;}
.in07aa .right li{height: auto;overflow: hidden;border-bottom: 1px solid #e3e3e3;padding: 2% 0;transition:.4s;}
.in07aa .right li:hover{background: #f6f6f6;}
.in07aa .right li:hover span{color: #0152a4;margin-left: 4%;}
.in07aa .right li img{float: left;width: 30%;margin-right: 2%;}
.infonte{float: right;width: 68%;}
.infonte span{display: block;font-size: 15px;line-height: 30px;transition:.4s; overflow: hidden;   text-overflow: ellipsis; white-space: nowrap;}
.infonte p{line-height: 25px;color: #777;}
.in07b {background: #fff;padding: 4.5%;height: auto;overflow: hidden;border: 1px solid #e1e1e1;}
.in07b ul{height: auto;overflow: hidden;margin-top: 4%;}
.in07b ul li{height: auto;overflow: hidden;border-bottom: 1px solid #e4e7ea;padding-bottom: 4%;margin-bottom: 4%;}
.in07b ul li:hover span{color: #444;}
.in07b ul li span{display: block;font-size: 15px;line-height: 30px;color: #0152a4;transition:.4s;}
.in07b ul li span i{display: block;width: 25px;line-height: 25px;background: #0152a4;font-style: normal;color: #fff;text-align: center;float: left;margin-right: 2%;}
.in07b ul li p{line-height: 26px;color: #777;font-size: 13px;}
.in07b ul li p i{display: block;width: 25px;line-height: 25px;background: #9dc261;font-style: normal;color: #fff;text-align: center;float: left;margin-right: 2%;}




/*鑴氭鏍峰紡*/
.footer{clear: both; height:auto;overflow: hidden;border-top: 5px solid #9dc261;background: #0152a4; padding-top:2%;color: #80a9d2;}
.footer .left{border-right: 1px solid #0563c3;}
.footer .left ul{height: auto;overflow: hidden;}
.footer .left li{float: left;width: 120px;line-height: 30px;}
.footer .left li a{display: block;color: #80a9d2 !important;transition:.4s;}
.footer .left li:hover a{color: #fff !important;}
.footer .mid{ border-left:1px solid #004387;border-right: 1px solid #0563c3;padding-left: 6% ;padding-right: 6% ;}
.footer .mid p{line-height: 30px;}
.footer .right{line-height: 35px;border-left: 1px solid #004387;padding-left: 6% !important;}
.footbot{background:#184f90;line-height: 40px;color: #5e84b2;}
.boottit{height: auto;overflow: hidden;margin-bottom: 4%;}
.boottit span{display: block;line-height: 45px;font-size: 16px;color: #fff;}
.boottit i{display: block;width: 20px;border-top: 2px solid #9dc261;}
.foota{height: auto;overflow: hidden;line-height: 30px;}
.foota span{display: block;font-size: 16px;margin-top: 8%;}
.foota img{float: left;margin-right: 2%;}
.footb{color: #fff;margin-top: 6%;height: auto;overflow: hidden;}
.footb strong{display: block; font-size: 38px;font-weight: normal;}
.footb i{float: left; font-size: 54px;line-height: 60px;}
.footba{float: right;}
.footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#555;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; width: 33.3%;text-align: center;color: #fff;}
.footnav li:nth-of-type(1){background: #444}
.footnav li:nth-of-type(3){background: #666}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}
.footc{height: auto;overflow: hidden;border-bottom: 1px solid #004387;padding-bottom: 4%;}
.footd{line-height: 45px;height: auto;overflow: hidden;border-top: 1px solid #0563c3;}
.footd a{color:  #80a9d2 !important;transition:.4s;}
.footd a:hover{color:  #fff !important;}
.footd span{color:  #fff !important;}
.footd span b{color:  #9dc261 !important;font-size: 16px;}
/*绠€浠?/
.ban{ height: auto;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;text-align: center;height: 350px;}
.location{ height: 45px; line-height: 45px;}
.company{height: auto;overflow: hidden;}
.companya{height: auto;overflow: hidden;padding: 2% 0;}
.comtit{height: auto;overflow: hidden;margin:2% 0 ;text-align: center;}
.comtit i{display: block;width: 50px;border-top: 2px solid #0152a4;margin:0 auto 1% auto;}
.comtit span{display: block;font-size: 24px;line-height: 35px;}
.comtit p{font-size: 24px;line-height: 30px;color: #777}
.content{line-height: 30px;}
.companyaa{height: auto;overflow: hidden;margin:2% 0;}
.companyaa img{display: block;max-width: 100%;}
.companyab {padding: 2% 0;}
.companyab p{line-height: 25px;color: #777;height: auto;overflow: hidden;}

.companyb{background: url(../images/companyab.jpg)  center top no-repeat #024f9d;padding: 3% 0}
.comtita{height: auto;overflow: hidden;margin:2% 0 ;text-align: center;color: #fff}
.comtita i{display: block;width: 50px;border-top: 2px solid #fff;margin:0 auto 1% auto;}
.comtita span{display: block;font-size: 24px;line-height: 35px;}
.comtita p{font-size: 24px;line-height: 30px;color: #fff}
.companyb li{padding:16% 3% !important;text-align: center;transition:.4s;color: #fff;}
.companyb li:hover{background:#9dc261;color: #fff;}
.companyb li:hover em{border: 1px solid #fff;}
.companyb li:hover span{color: #fff;}
.companyb li:hover p{color: #fff;}
.companyb li:hover i{color: #fff;}
.companyb .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companyb .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companyb li em{display: block;font-style: normal;width: 100px;padding-top: 20px; height: 100px;line-height: 60px;border: 1px solid #fff;border-radius: 120px; text-align: center;margin:0 auto;}
.companyb li em i{font-size: 48px;color: #fff;}
.companyb li span{display: block;line-height:45px;font-size: 20px;color: #fff;margin-top: 10%;transition:.4s;}
.companyb li p{line-height: 30px;color: #fff;transition:.4s;}
.companyc{height: auto;overflow: hidden;padding: 2% 0}
.companyc li{margin-bottom: 1%;}
.companyc li a{display: block;border: 1px solid #efefef;height: auto;overflow: hidden;transition:.4s;}
.companyc li img{width: 100%;transition:all 0.6s ease 0s;}
.companyc li:hover a{box-shadow: 2px 2px 10px #ccc;}
.companyc li:hover img{transform:scale(1.05,1.05);}
.companyc .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companyc .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companyc .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companyc .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companycaa{height: auto;overflow: hidden;}
.companycaa img{width: 100%;transition:all 0.6s ease 0s;}
.companycaa a:hover img{transform:scale(1.05,1.05);}
.comimga{height: auto;overflow: hidden;}
.de-page-mian{height: auto;overflow: hidden;padding: 2% 0;}
/*鑽ｈ獕*/
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist li{height: auto;overflow: hidden;margin-bottom: 1%;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;height: 215px;margin:0 auto;  max-width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.honorfonta{position: absolute;z-index: 88;bottom: -215px;width: 100%;color: #fff; height: 100%;padding-top: 20%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.honorfonta span{display: block; line-height: 30px;font-size: 15px;}
.honorfonta i{font-size: 42px;}
.honorlist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
/*鏂伴椈*/
.newslist{height: auto;overflow: hidden;padding: 2% 0;}
.newslist li{position: relative; height: auto;overflow: hidden;margin-bottom: 1%;}
.newslist li a{display: block;height: auto;overflow: hidden;position: relative;border: 1px solid #e7e7e7;transition:.4s;}
.newslist li span{display: block;line-height: 45px;font-size: 16px;}
.newslist li img{max-width: 100%;transition: all 1s ease;}
.newslist li b{position: absolute;z-index: 0; height: 100%;width: 0;background: #f2f2f2;transition:.6s;}
.newslist li:hover a{border: 1px solid #f2f2f2;}
.newslist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist li:hover b{width: 100%;}
.newslist .col-lg-3{padding-left: 0px !important;padding-right: 0.5% !important;}
.newslist .col-md-3{padding-left: 0px !important;padding-right: 0.5% !important;}
.newslist .col-sm-6{padding-left: 0px !important;padding-right: 0.5% !important;}
.newslist .col-xs-6{padding-left: 0px !important;padding-right: 0.5% !important;}
.imga{height: auto;overflow: hidden;}
.newsa{height: auto;overflow: hidden;}
.newsa span{display: block;font-size: 16px;line-height: 30px;margin:3% 0;}
.newsa p{line-height: 30px;color: #777;}
.newsa i{display: block;line-height: 30px;margin-top: 2%;}
/*鏂伴椈璇︽儏*/
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa .bt{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;}
.meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width: 1px 0;font-size: 12px;color: #808080;text-align: center;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:2% auto;max-width: 70%;}
.newsaa  p{line-height: 30px;}
.newsinfob{padding: 2% 0;height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 22px;line-height: 60px; text-align:center;background: #0152a4; color:#fff;}
.newsinfob li{height: auto;overflow: hidden;/*margin-bottom: 20px;*/background: #f1f1f1;padding: 15px;transition:.4s; border-bottom:1px solid #ccc;}
.newsinfob li:hover{background: #0152a4;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;}
#prev_next li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #be000e !important;}
/*浜у搧*/
.type{height: auto;overflow: hidden;border-bottom: 1px solid #fff;padding: 2% 0;margin-bottom: 2%;}
.type li{line-height: 50px;background: #fff;text-align: center;transition:.4s;}
.type li a{display: block;transition:.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.type li:hover{background: #0152a4;}
.type li:hover a{color: #fff !important;}
.producta{height: auto;overflow: hidden;background: #ebebeb;padding: 2% 0;}
.producta ul{height: auto;overflow: hidden;margin-bottom: 0px;}
.producta li{float: left;width: 160px;line-height: 35px; text-align: center;}
.producta li a{display: block;}
.producta li i{display: block; font-size: 30px;}
.producta li p{line-height: 30px;}
.productb{height: auto;overflow: hidden;background: #efefef;}
.product-list{height: auto;overflow: hidden;margin:2% 0;}
.pro-tit{line-height: 60px;height: 60px;overflow: hidden;background: #ebebeb;padding-right: 2%;}
.pro-tit span{display:block;float: left;color: #fff; background: #d52026;width: 140px;text-align: center;}
.pro-tit .right{transition:.4s;}
.pro-tit .right:hover a{color: #d52026 !important;}
.sectype a{float: left;transition:.4s;padding: 0 2%;}
.sectype a:hover{background: #d52026;color: #fff !important;}


.item{height: 540px;overflow: hidden;}
.item .img{height: auto;overflow: hidden;border: 1px solid #ccc;}
.product-lista{height: auto;overflow: hidden;margin: 2% 0 10% 0;}
.product-lista .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.product-lista .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.product-lista img{display: block;max-width: 100%;transition: all 1s ease;}
.p_a{position: relative;height: auto;overflow: hidden;}
.p_a:hover .txt{height: 100px;background: rgba(0,0,0,0.8)}
.p_a:hover img{transform:scale(1.05,1.05)}
.p_a .txt {display: block;position: absolute;z-index: 88;bottom: 0;width: 98%;text-align: center;height: 50px;overflow: hidden; line-height: 50px;background: rgba(0,0,0,0.6);color: #fff;transition:.4s;}
.p_a .txt p{color: #9c9c9c;}
.p_b{height: auto;overflow: hidden;}
.p_b li{margin-bottom: 2%;position: relative;}
.p_b li img{display: block;max-width: 100%;transition: all 1s ease;}
.p_b li:hover .txt{height: 80px;background: rgba(0,0,0,0.8)}
.p_b li:hover img{transform:scale(1.05,1.05)}
.p_b .txt{display: block;position: absolute;z-index: 88;bottom: 0;height: 40px;overflow: hidden; width: 98%;text-align: center;transition:.4s; line-height: 40px;background: rgba(0,0,0,0.6);color: #fff;}
.p_b .txt p{color: #9c9c9c;}

.prolist{height: auto;overflow: hidden;margin:2% 0;}
.prolist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist li{height: auto;overflow: hidden;background: #fff;margin-bottom: 4%;}
.prolist li:hover img{transform:scale(1.05,1.05);}
.prolist li:hover b{background: rgba(0,0,0,0.5);}
.prolist li img{display: block;width: 100%;transition:all 0.6s ease 0s; height:300px;}
.prolist li b{position: absolute;z-index: 88;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.pfontp{height: auto;overflow: hidden;margin:4%;}
.pfontp span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.pfontp p{line-height: 30px;color: #777;border-bottom: 1px solid #ccc;font-size: 13px;padding-bottom: 2%;}
.pfontp strong{display: block;line-height: 30px;font-weight: normal;margin-top: 2%;color: #777;}
.pfontp strong i{float: right;}
.pimga{width: 100%;/*height: 279px;*/overflow: hidden;position: relative;}
/*浜у搧璇︽儏*/
.plocation{line-height: 40px;margin-top:4%;padding-left: 1%;}
.proa{height: auto;overflow: hidden;margin-bottom: 4%;}
.proa .col-lg-6{padding-right: 0px !important;}
.proa .col-md-6{padding-right: 0px !important;}
.proa img{max-width: 100%;}
.proaa{height: auto;overflow: hidden;border: 1px solid #dfdfdf;}
.proab{height: auto;overflow: hidden;margin:4%;}
.proab span{display: block;font-size: 30px;line-height: 65px;}
.proab b{font-weight: normal;color: #777;}
.proab p{line-height: 30px;color: #666;}
.proaaa{height: auto;overflow: hidden;border-top: 1px solid #dfdfdf;margin-top: 2%;padding: 4% 0;}
.proaaa .left{width: 50%;}
.proaaa .left i{float: left;font-size: 42px;color: #0152a4;margin-right: 2%;}
.proaaa .left span{font-size: 14px;line-height: 20px;}
.proaaa .left p{font-size: 24px;line-height: 30px;color: #0152a4}
.online{height: auto;overflow: hidden;margin:2% 0 6% 0;}
.online a{color: #fff !important;}
.onmeg{float: left;background: #282828;width: 165px;line-height: 50px;border-radius: 5px;color: #fff;text-align: center;margin-right: 4%;transition:.4s;}
.onmeg:hover{background: #0152a4;}
.order-btn{float: left;background: #0152a4;width: 165px;line-height: 50px;border-radius: 5px;color: #fff;text-align: center;transition:.4s;}
.order-btn:hover{background: #282828;}

.prob{position: relative;overflow: hidden;}
.prob .col-lg-3{padding-right: 0.5% !important;}
.prob .col-md-3{padding-right: 0.5% !important;}
.prob .col-lg-9{padding-left: 0.5% !important;padding-right: 0px !important;}
.prob .col-md-9{padding-left: 0.5% !important;padding-right: 0px !important;}
.side{height: auto;overflow: hidden;}
.side ul{height: auto;overflow: hidden;border: 2px solid #0152a4;padding: 4%;background: #f6f6f6;margin-bottom: 0px !important;}
.side ul li{line-height: 50px;background:url(../images/sidea.png) 3%  center no-repeat;border-bottom: 1px dashed #c9c9c9;padding-left:13%;transition:.4s;}
.side ul li:hover{background:url(../images/sideb.png) 3%  center no-repeat #0152a4;}
.side ul li:hover a{color: #fff !important;}
.side ul li a{display: block;}
.sidetit{position: relative; background:url(../images/sidebg.jpg)  center no-repeat;text-align:center;padding: 2% 0;}
.sidetit strong{display: block;font-size: 58px;color: #366bae;}
.sidetit span{display: block;font-size: 30px;color: #fff;position: absolute;z-index: 88;top:30%;left: 30%;}
.sidea{height: auto;overflow: hidden;padding:4%;text-align: center;background: #0152a4;color: #fff}
.sidea p{line-height: 30px;}
.sidea strong{display: block;font-size:24px; }
.sidea a{display: block;width: 120px;line-height: 35px;border: 1px solid #fff;color: #fff !important;text-align: center;margin:4% auto;transition:.4s;}
.sidea a:hover{background: #fff;color: #444 !important;}
.proba{height: 60px;overflow: hidden;background: #eeeeee;line-height: 60px;position: relative;z-index: 88;}
.proba li{float: left;width: 25%;}
.proba li a{display: block;text-align: center;height: 40px;border-bottom: 2px solid #eeeeee;transition:.4s;font-size: 15px;}
.proba li a span{display: block;border-right: 1px solid #cecece;line-height: 20px;margin-top:20px;}
.proba li:hover a {border-bottom: 2px solid #0152a4;}
.proba li:last-child span{border-right:none;}
.probb{height: auto;overflow: hidden;border: 1px solid #eeeeee;padding: 2%;margin-top: 2%;}
.probb .content p{color: #777;}
.ptit{height: auto;overflow: hidden;margin-bottom: 2%;border-bottom: 1px solid #eee;}
.ptit span{display: block;font-size: 16px;line-height: 50px;border-bottom: 2px solid #0152a4;width: 70px;}
.proc{height: auto;overflow: hidden;margin-bottom: 2%;}
.prod{height: auto;overflow: hidden;margin-bottom: 2%;}
.xinxi_solution_bg { background-size: 100% 400px; max-width: 1920px; margin: 0 auto; background-color: #F7F7F7; }
.xinxi_solution_main ul { overflow: hidden; height: 320px; }
.xinxi_solution_main .main_mobile { max-width: 856px; min-width: 856px; }
.xinxi_solution_main ul li { background:#0152a4; height: 320px; float: left; width: 70px; position: relative; overflow: hidden; transition: all 0.5s; }
.xinxi_solution_main ul li .left_top { position: absolute; left: 0; width: 70px; padding: 0 15px; text-align: center; }
.xinxi_solution_main ul li .left_top img { width: 30px; }
.xinxi_solution_main ul li em { font-size: 30px;color: #fff;}
.xinxi_solution_main ul li b {display: block;border-radius: 60px; width: 40px;height: 40px;line-height: 40px;text-align: center;background: #0152a4;font-weight: normal;}
.xinxi_solution_main ul li i { font-size: 22px;}
.xinxi_solution_main .left_top { font-size: 20px;}
.xinxi_solution_main ul li .left { float: left; width: 70px; background: #f3f3f3; height: 320px;border-right: 1px solid #ebeaea; }
.xinxi_solution_main ul li .right { float: left; width: 576px; position: relative; height: 320px; }
.xinxi_solution_main .right {padding: 8%;color: #fff; }
.xinxi_solution_main .right strong{display: block;font-size:22px;line-height: 40px;}
.xinxi_solution_main .right span{display: block;font-size: 18px;line-height: 35px;border-bottom: 1px solid #ccc;padding-bottom: 2%;margin-bottom: 4%;}
.xinxi_solution_main .right p{line-height: 25px;color: #cacaca;}
.xinxi_solution_main ul li.on { width: 646px; }
.xinxi_solution_main ul li.two { background: url(../images/pic2.png) no-repeat; }
.xinxi_solution_main ul li.thr { background: url(../images/pic3.png) no-repeat; }
.xinxi_solution_main ul li.four { background: url(../images/pic4.png) no-repeat; }
.xinxi_solution_main ul li.five { background: url(../images/pic5.png) no-repeat; }
.xinxi_solution_main ul li.six { background: url(../images/pic6.png) no-repeat; }

.mobproda{height: auto;overflow: hidden;}
.mobproda li{height: auto;overflow: hidden;padding: 2%; background: #f3f3f3}
.mobproda li .left_top{line-height: 40px;background: #0152a4;color: #fff;text-align: center;}
.mobproda li .right{font-size: 15px;line-height: 40px;text-align: center;}
.mobproda li .right p{color: #777;line-height: 25px;font-size: 13px;text-align: left;}


.proe{height: auto;overflow: hidden;margin-bottom: 2%;}
.proe li{height: auto;overflow: hidden;padding: 2% 4%;background: #f3f3f3;margin-bottom: 1%;transition:.4s;}
.proe li:hover{background: #0152a4;color: #fff;}
.proe li:hover strong{color: #fff;}
.proe li:hover span{color: #fff;}
.proe li:hover i{color: #fff;}
.proe li:hover p{color: #fff;}
.xgtime{float: left;width: 10%;}
.xgtime strong{display: block;font-size:48px;color: #555;line-height:60px;transition:.4s;}
.xgtime span{display: block;line-height: 25px;transition:.4s;}
.xgnews{float: left;width: 90%;}
.xgnews span{display: block;font-size: 15px;line-height: 35px;transition:.4s;}
.xgnews i{display: block;font-style: normal; color: #777;line-height: 30px;transition:.4s;}
.xgnews p{color: #777;line-height: 25px;transition:.4s;}

.prof{height: auto;overflow: hidden;margin-bottom: 2%;}
.prof ul{height: auto;overflow: hidden;margin-top: 2%;}
.prof ul li{height: auto;overflow: hidden;text-align: center;margin-bottom: 2%;}
.prof ul li a{display: block;border: 1px solid #eee;}
.prof ul li i{font-weight: normal;font-size: 20px;}
.prof ul li:hover span{background: #0152a4;color: #fff;}
.prof ul li:hover img{transform:scale(1.05,1.05)}
.prof img{display: block; width: 100%;transition:all 0.6s ease 0s;}
.prof span{display: block;line-height: 45px;transition:.4s;border-top: 1px solid #eee;}
.profimg{height: auto;overflow: hidden;}




.casecontent{height: auto;overflow: hidden;margin:2% 0;}

/*鑱旂郴*/
.contacta{height: auto;overflow: hidden; margin: 4% 0;}
.contactaa{float: right;width: 36%; height: auto;overflow: hidden;padding:  3%;background: #eee;}
.cona {height: auto;overflow: hidden;padding: 2%;margin-top:2%;}
.cona strong{display: block;line-height: 45px;font-size: 16px}
.cona p{line-height:30px;color:#666;}
.cona span{display: block; padding-top: 2%;margin-top: 2%; border-top: 1px dashed #ccc;}
.contactab{float: left;width: 64%; height: 720px;overflow: hidden;}
.contactb{height: auto;overflow: hidden;padding: 2% 0;}
.tips span{display: block;font-size: 16px;line-height: 40px;}