@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 0.875rem;line-height:1.875rem;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;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
.clear{clear: both;}
/*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 (max-width: 576px) { 
.topaa a{max-width: 36% !important;}
.topaa span{margin-top: 0px !important;font-size: 14px !important;}
.menu .submenu{display: none !important;}
.intita h2{font-size: 22px !important;}
.intita i{margin:.25rem auto !important;}
.intita h6{font-size: 14px !important;}
.morea a{font-size: 12px !important;}
.in01ab .row{padding-left: 0px !important;padding-right: 0px !important;}
.in01ab .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in02ab p{font-size: 22px !important;}
.in02ab span{font-size: 14px !important;line-height: 25px !important}
.intitb h2{font-size: 22px !important;}
.intitb i{margin:.25rem auto !important;}
.intitb h6{font-size: 14px !important;}
.in_04 .swiper-container{padding-bottom: 16% !important;}
.in_04 .swiper-pagination-bullet{width: 20px !important}
.intita p{width: 96% !important;}
.infontaa strong{font-size: 22px !important;line-height: 35px !important}
.in05a span{font-size: 22px !important;line-height: 35px !important}
.in05a em{font-size: 12px !important;}
.intitc h2{font-size: 22px !important;}
.intitc h6{font-size: 14px !important;}
.infontb{width: 100% !important;}
.infontb p{line-height: 25px !important;}
.footer{padding-bottom: 14% !important;}
.ban img{max-width: 200% !important;}
.bana strong{font-size: 22px !important;}
.locationa{text-align: left !important;}
.prolist .row{padding-left: 10px !important;padding-right: 10px !important;}
.prolist .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.pfonta span{padding-left:0px !important }
.proaa p{width: 100% !important;}
.common-inner .inner-right .de-message .mes-form .form-tr .code input{width: 80px  !important }
.common-inner .inner-right .de-message .mes-form .form-tr .submit{width: 80px  !important }
.caselist .row{padding-left: 10px !important;padding-right: 10px !important;}
.caselist .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companycaa .row{padding-left: 15px !important;padding-right: 15px !important;}
.honorlist .row{padding-left: 10px !important;padding-right: 10px !important;}
.honorlist .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.inimgc{width: 100% !important;}

 }
@media (min-width: 768px) {  }
@media (max-width: 1024px) { 
.menu li .submenu{width: 700px !important;} 
.menu li .submenu dl dd p{width: 33% !important;}
}
@media (min-width: 1200px) { 
.container {max-width: 1230px;}
 }
#dituContent label {max-width: unset!important;text-align: center;}
/*头部*/
.topline{height: 40px;line-height: 40px;background:#ededed;color: #666;}
.topline i{color: #1655bc;}
.topline a{transition:.4s;}
.topline a:hover{color: #ff8a00;}
.topaa img{display: block;max-width: 100%;}
.topaa a{float: left;}
.topaa span{display: block;font-size: 24px;line-height: 30px;color: #222;margin-top: 1rem;}
.topaa span b{color: #1655bc;}
.topaa p{line-height: 25px;color: #777;}
.topab{float: right; height: auto;overflow: hidden;background: url(../images/tel.png) left no-repeat;padding-left: 40px;width: 220px;}
.topab p{font-size: 32px;font-family: impact;color: #1655bc;}
.menunav{line-height: 50px;background: #1655bc;position: relative;z-index: 3;}
.menu{text-align:center; position: relative;z-index: 8;}
.menu li {position: relative; width:100%;text-align:center; position: relative;}
.menu li em{display: block;transition:.4s;}
.menu li em a{display: block;transition:.4s;color: #fff;line-height: 50px;height: 50px;}
.menu li:hover em{background: #ff8a00;}
.menu li.curr .submenu{display: block;background: rgba(0,0,0,0.8);text-align: left;} 
.menu li .submenu{position:absolute;z-index: 88;top:50px; width:960px; display: none;}
.menu li .submenu dl{float: left;width: 48%;margin-right: 4%;}
.menu li .submenu dl:nth-of-type(2){margin-right: 0px;}
.menu li .submenu dl a{display: block;color: #fff;transition:.4s;}
.menu li .submenu dl a:hover{color: #ddd;}
.menu li .submenu dl strong{display: block;font-size: 15px;border-bottom: 1px solid #ddd;}
.menu li .submenu dl dd p{font-size: 13px;float: left;line-height: 30px;width: 25%;}



/*首页大图*/
.banner {position: relative;height: auto !important;z-index: 1}
.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 .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.banner .swiper-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 .swiper-pagination .swiper-active-switch {background: #fff;opacity: 1;}
/*搜索*/
.topb{height: auto;overflow: hidden;border-bottom: 1px solid #eaeaea;}
.topba{height: auto;overflow: hidden;}
.topba span{float: left;color: #1655bc;}
.topba a{float: left;padding: 0 2%;line-height: 20px; transition:.4s;border-right: 1px solid #d6d6d6;color: #666666;}
.topba a:hover{color: #1655bc !important;}
.search{position: relative; height: auto;overflow: hidden;}
.search #search_name{ width: 100%; height: 40px; line-height: 40px;float: left;border:solid 1px #cccccb;border-radius:60px; outline: none;font-size: 12px;text-indent:10px;}
.search #button{position: absolute;right:20px;top:5px; width: 30px; height: 30px; line-height: 40px; background:url(../images/fdj.png) center no-repeat #1655bc;border-radius: 60px;cursor: pointer;color: #fff;text-align: center; border:none;outline: none; transition: 0.3s;}
.search #button:hover{ background:url(../images/fdj.png) center no-repeat #333;}
/*首页产品*/
.in_01{height: auto;overflow: hidden;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita h2{display: block;line-height: 45px;}
.intita h2 b{color: #1655bc;}
.intita h6{line-height: 30px;color: #777;}
.intita i{display: block;width: 60px;height: 2px;background: #1655bc;margin:1rem auto;}
.in01aa{background: #f5f5f5;}
.in01aa img{border: 1px solid #e6e6e6;width: 50%;float: left;}
.in01ab .col-4{padding-left: 1% !important;padding-right: 1% !important;}
.in01ac {position: relative;}
.in01ad {position: absolute;z-index: 3;top:0;left:0;width: 100%;height: 100%;text-align: center;}
.in01ad i{display: block;position: relative;top:-60px; font-size: 48px;color: #fff;opacity: 0;transition:.4s;}
.tipa{position: relative; top: 80%;transition:.4s;opacity: 0;}
.in01ad a{display: block;float: left;margin:0 10px; width: 100px;line-height: 35px;text-align: center;border: 1px solid #fff;color: #fff;transition:.4s;}
.in01ad a:hover{background: #ff8a00;color: #fff;}
.in01ad a:nth-of-type(2){background: #ff8a00;color: #fff;border: 1px solid #ff8a00;}
.in01ad a:nth-of-type(2):hover{background: #444;}
.in01ad::before{position: absolute;content: "";width: 100%;height: 0px;background: rgba(0,0,0,0.6);z-index: -1;left:0;top:0;transition:.4s;}
.inimga {height: auto;overflow: hidden;border: 1px solid #e6e6e6;}
.inimga img{display: block;max-width: 100%;}
.in01ab span{display: block;line-height: 40px;text-align: center;}
.in01b{width: 50%;float: right;}
.in01b strong{display: block;font-size: 18px;line-height: 40px;}
.in01b i{display: block;width: 50px;border-top: 2px solid #ff8a00;}
.in01b p{color: #777;}
.in01ab .row{padding-left: 7px !important;padding-right: 7px !important;}
.morea a{display: block; border: 1px solid #1655bc;text-align: center;width: 46%;line-height: 40px;transition:.4s;}
.morea a:hover{background: #ff8a00;border: 1px solid #ff8a00;color: #fff;}
.morea a:nth-of-type(2){background: #1655bc;color: #fff;}
.morea a:nth-of-type(2):hover{background: #ff8a00;color: #fff;}
.in01ac:hover .in01ad::before{height: 100%;}
.in01ac:hover .tipa{top: 40%;opacity: 1;}
.in01ac:hover i{top: 50px;opacity: 1;}
/*横幅*/
.in_02{height: auto;overflow: hidden;background: url(../images/in02a.jpg) center top no-repeat;color: #fff;} 
.in_02 img{display: block; margin-top: 4%;max-width: 100%;}
.in02a strong{display: block;font-size: 24px;line-height: 50px;}
.in02a p{line-height: 35px;letter-spacing: 1px;}
.in02a p i{font-size: 18px}
.in02ab{text-align: center;margin-top: 2%;}
.in02ab span{display: block;font-size:18px;line-height: 40px;}
.in02ab p{font-size: 30px;font-weight: bold;line-height: 40px;}
.in02ab a{display: block;width: 100%;line-height: 40px;background: #ff8a00;text-align: center;margin: 4% auto;color: #fff !important;border-radius: 4px;transition:.4s;}
.in02ab a:hover{background: #1655bc;}

#youshi{ margin: 5% 0 0; position: relative;}
#youshi .pic{ text-align: center;}
#youshi .pic img{ max-width: 100%;}
#youshi .font1{ left: 0; top: 0; width: 40%;}
#youshi .font2{ left: 0; top: 40%; width: 33%;}
#youshi .font2 .content{ width: 80% !important;}
#youshi .font3{ left: 0; bottom: 0; width: 40%;}
#youshi .font4{ right: 0; top: 0; width: 40%;}
#youshi .font5{ right: 0; top: 40%; width: 33%;}
#youshi .font5 .content{ width: 80% !important;}
#youshi .font6{ right: 0; bottom: 0; width: 40%;}
#youshi .font{ position: absolute;}
#youshi .font .fontnr{ width: 66%;}
#youshi .font .tit{ position: relative; padding-bottom: 10px;}
#youshi .font .tit strong{position: relative;display: block;line-height: 45px; color: #333333; font-size: 18px;}
#youshi .font .tit strong:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 1px; background: #144cb8; width: 10%;}
#youshi .font .content{ color: #666666;width: 65%;}
#youshi .font .num{ width: 34%; position: relative; z-index: 1;}
#youshi .font .num img{ max-width: 100%;}
#youshi .font4 .tit,#youshi .font4 .content,#youshi .font5 .tit,#youshi .font5 .content,#youshi .font6 .tit,#youshi .font6 .content{ text-align: right;}
#youshi .font4 .content,#youshi .font5 .content,#youshi .font6 .content{ float: right;}
#youshi .font4 .tit:before,#youshi .font5 .tit:before,#youshi .font6 .tit:before{ left: auto; right: 0;}
#youshi .font4 .tit:after,#youshi .font5 .tit:after,#youshi .font6 .tit:after{ left: auto; right: 0;}
#youshi .font1 .fontnr,#youshi .font2 .fontnr,#youshi .font3 .fontnr,#youshi .font4 .num,#youshi .font5 .num,#youshi .font6 .num{ float: left;}
#youshi .font1 .num,#youshi .font2 .num,#youshi .font3 .num,#youshi .font4 .fontnr,#youshi .font5 .fontnr,#youshi .font6 .fontnr{ float: right;}

#youshi .font1 {top:20px !important;}
.font4 .num{text-align: right;top:20px !important;}
.font5 .num{text-align: right;}
.font6 .num{text-align: right;}
.font4 .tit strong:before{left:90%  !important;}
.font5 .tit strong:before{left:90%  !important;}
.font6 .tit strong:before{left:90%  !important;}

@media (min-width: 1200px) and (max-width: 1400px){
    #youshi .font2{ width: 26%;}
    #youshi .font5{ width: 30%;}
}
@media (min-width: 768px) and (max-width: 1200px){
    #youshi .font{ position: relative; width: 90%; clear: both; margin: 0 0 3% 5%;}
    #youshi .font .num{ width: 20%;}
    #youshi .font .num img{ max-width: 100%;}
    #youshi .font .fontnr{ width: 80%;}
    #youshi .font .content{ width: 100%; font-size: 14px; line-height: 25px;}
}
@media screen and (max-width:765px){
    #youshi .font1 {top:0px !important;}
    #youshi .font{ position: relative; width: 100%; clear: both;height: auto;overflow: hidden; margin-bottom:5%;}
    #youshi .pic img{ max-width: 45%;}
    #youshi .font .num{ width: 20%;}
    #youshi .font .num img{ max-width: 100%;}
    #youshi .font .fontnr{ width: 80%;}
    #youshi .font .content.#youshi .font2 .content,#youshi .font5 .content{ width: 100%;}
    #youshi .font .tit:before{ width: 100%;}
    #youshi .font .tit{ line-height: 20px;}
    #youshi .font .tit p{ font-size: 18px;}
    #youshi .font .tit span{ font-size: 14px;}
    #youshi .font .content{ width: 100%; font-size: 14px; line-height: 25px;}
}

.in_04{height: auto;overflow: hidden;background: url(../images/in04a.jpg) center top no-repeat #2258b2;color: #fff;}
.intitb{height: auto;overflow: hidden;text-align: center;color: #fff;}
.intitb h2{display: block;line-height: 45px;}
.intitb h6{line-height: 30px;}
.intitb i{display: block;width: 60px;height: 2px;background: #fff;margin:1rem auto;}
.in_04 .swiper-container {width: 100%;height: 100%;margin-top: 4%;padding-bottom: 5%;}
.in_04 .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.in_04 .swiper-slide {padding-bottom: 2%;}
.in_04 .swiper-slide:hover .inimgb i{background: rgba(0,0,0,0.2);}
.in_04 .swiper-slide:hover b{color: #0e6eb8}
.in_04 .swiper-slide:hover strong{color: #0e6eb8}
.in_04 .swiper-pagination-bullet{width: 70px;height: 5px !important;border-radius: 0px !important;background: #fff; }
.inimgb{position: relative; height: auto;overflow: hidden;}
.inimgb img{width: 100%;}
.inimgb i{position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;}
.fontc{ height: auto;overflow: hidden;padding:4%;background: #fff;}
.fontc span{display: block; line-height: 50px;height: 50px;overflow: hidden; font-size: 16px;border-bottom: 1px solid #dcdcdc;}
.fontc b{line-height: 40px;height: 40px;overflow: hidden;color: #777;transition:.4s}  
.fontc b i{float: right;}

.intita p{position: relative; background: #1655bc;color: #fff;width: 45%;margin:0 auto;}
.intita p::before{position: absolute;content: "";left:100%;width: 30%;background: #1655bc;height: 1px;top:48%;}
.intita p::after{position: absolute;content: "";right:100%;width: 30%;background: #1655bc;height: 1px;top:48%;}

.in06a {height: auto;overflow: hidden;}
.in06a li{position:relative;height: auto;overflow: hidden;padding: 4% 0; }
.in06aa p{line-height:25px;color: #666;margin-bottom: 1rem;}
.in06aa p i{font-size: 18px;}
.in06ab img{display: block; width: 100%;}
.infonta{height: auto;overflow: hidden;}
.infonta i{float: left;display: block; width: 10%;height: 70px;background: #0f61cd; text-align: center; margin-right: 15px;font-family: impact; font-size:40px;color: #fff;}
.infonta em{display: block;width: 30px;border-top: 2px solid #fff;margin:0 auto;}
.infontaa strong{display: block; font-size: 28px;line-height: 50px;}
.infontaa strong b{color: #1655bc;}
.infontaa span{display: block;color: #777;line-height: 30px;height: 30px;overflow: hidden;text-transform: uppercase;}

.in_05{height: auto;overflow: hidden;background: url(../images/in06a.jpg) center top no-repeat;}
.in05a{height: auto;overflow: hidden;background: #fff;box-shadow: 0px 3px 3px #f2f2f2;}
.in05a img{width: 100%;}
.in05a span{display: block;font-size: 24px;line-height: 40px;}
.in05a em{display: block;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #777;}
.in05a i{display: block;width: 50px;height: 3px;background: #1655bc;}
.in05a p{color: #777;line-height: 30px;}
.in05a a{display: block;width: 120px;line-height: 40px;background: #1655bc;text-align: center;color: #fff;transition:.4s;}
.in05a a:hover{background: #ff8a00;}


.in05b .swiper-container{padding: .5rem;}
.in05b .swiper-slide{padding: 1% 0;}
.in05b .swiper-slide span{display: block;text-align: center;line-height: 45px;transition:.4s;background: #fafafa}
.in05b .swiper-slide img{display: block;max-width: 100%;margin:0 auto;}
.in05b .swiper-slide:hover span{background: #1655bc;color: #fff;}
.in05b .swiper-button-prev{background: rgba(0,0,0,0.4);transition:.4s;}
.in05b .swiper-button-prev:hover{background: rgba(45,117,229,0.8);}
.in05b .swiper-button-prev i{color: #fff;}
.in05b .swiper-button-next i{color: #fff;}
.in05b .swiper-button-next{background: rgba(0,0,0,0.4);transition:.4s;}
.in05b .swiper-button-next:hover{background: rgba(45,117,229,0.8);}
.in05b .swiper-button-next:after, .in05b .swiper-button-prev:after{display: none;}

.in_07{height: auto;overflow: hidden;background: #1655bc;}
.intitc{height: auto;overflow: hidden;text-align: center;color: #fff;}
.intitc h2{display: block;line-height: 45px;}
.intitc h6{line-height: 30px;}
.topaa input{float: left;height: 35px;width: 27%; line-height: 35px;background: #fff;padding-left:2%;margin-right: 2%;}
.codea input{float: left; height: 35px;line-height: 35px;background: #fff;padding-left:2%;margin-right: 2%;}
.in_07 .verify{float: left;width: 11%;}
.in_07 .verify img{display: block;max-width: 100%;height: 35px;}
.in_07 .submit{float: left;display: block;width: 11%; background: #ff8a00;color: #fff !important;text-align: center;line-height: 35px;transition:.4s;}
.in_07 .submit:hover{background: #444;}
.in_07 .common-inner{margin-top: 1.5%;}
/*index_09*/
.in_09{height: auto;overflow: hidden;}
.in09a{background: #f7f7f7;height: auto;overflow: hidden;}
.intitd {height: auto;overflow: hidden;line-height: 60px;border-bottom: 1px solid #cdcdcd;}
.intitd span{float: left;color: #1655bc;font-size: 16px;text-transform: uppercase;}
.intitd span b{font-size: 22px;}
.intitd a{float: right;}
.intitd a i{font-size: 30px;color: #ff8a00;transition:.4s;}
.intitd a:hover i{color: #1655bc !important}
.in09aa{height: auto;overflow: hidden;}
.in09aa:hover b{background: #f9a931;}
.inimgc {float: left; width: 30%;}
.inimgc img{display: block;width: 100%;}
.infontb {float: right; width: 68%;}
.infontb span{display: block;font-size: 18px;line-height: 40px;color: #0f61cd;}
.infontb p{color: #777;line-height: 35px;margin:2% 0 !important;}
.infontb b{display: block; width: 120px;background: #0f61cd;line-height: 35px;text-align: center;color: #fff;font-weight: normal;transition:.4s;}
.in09ab li{line-height: 50px;height: 50px;overflow: hidden; border-bottom: 1px dashed #b0b0b0;transition:.4s;}
.in09ab li a{display: block;}
.in09ab li span{float: right;color: #777;}
.in09ab li:hover{background: #0f61cd;}
.in09ab li:hover a{color: #fff !important;}
.in09ab li:hover span{color: #fff !important;}
.in09b{background: #f7f7f7;height: auto;overflow: hidden;}
.in09b ul{height: auto;overflow: hidden;margin-bottom: 0px !important;}
.in09b li{height: auto;overflow: hidden;border-bottom: 1px dashed #b0b0b0;padding-bottom: 2%;margin-top: 2%;}
.in09b li i{background: #1655bc;padding:3px 5px;color: #fff;border-radius: 2px;}
.in09b li:hover span{color: #0f61cd}
.in09b li span{display: block;line-height: 40px;transition:.4s;}
.in09b li p{color: #777;line-height: 30px;font-size: 15px;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center top no-repeat;color: #7c7c7c;}
.foota{border-right: 1px solid #505050;}
.foota li{float: left;width: 30%; line-height: 30px; }
.foota li p{line-height: 30px; }
.foota li a{display: block;color: #7c7c7c;transition: .4s }
.foota li p:hover a{color: #fff; }
.foottit{line-height: 40px;font-size: 16px;color: #fff;margin-bottom: 1rem;}
.foottit i{display: block;width: 30px;height: 2px;background: #fff;}
.footb li{line-height: 30px; }
.footb li a{display: block;color: #7c7c7c;transition: .4s }
.footb li:hover a{color: #fff; }
.footba p{font-size: 28px;color: #fff;font-family: impact;}
.footbot{line-height: 70px;border-top: 1px dashed #545454;text-align: center;}
.footbot a{color:  #7c7c7c;transition: .4s}
.footbot a:hover{color:  #fff;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#1655bc;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 15%;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #242a81;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #242a81;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #222;}
.footnav li:nth-of-type(4){background: #444;width: 35%;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}

.online_kefu{ position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:60px; height:60px; text-align: center;border-bottom: 1px solid #555;border-top: 1px solid #333; position: relative;background-color:#484848; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:60px;}
.online_kefu ul li .con i{font-size: 30px ;color: #fff ;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #2f82ff;height:60px; line-height:60px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #1c57b5;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #1c57b5; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}
/*公共*/
.ban{height: auto;overflow: hidden;position: relative;}
.bana{position: absolute;z-index: 3;color: #fff;width: 100%;top:20%;line-height: 50px;}
.bana strong{display: block;font-size: 28px;}
.bana i{display: block;width: 30px;border-top: 2px solid #fff;margin:1% 0;}
.ban img{display: block;max-width: 100%;}
.location{line-height: 50px;border-bottom: 1px solid #e8e8e8;}
.locationb a{display: block; position: relative; transition:.4s;}
.locationb a::before{position: absolute;content: "";width: 0px;height: 2px;background: #fff;left:0px;bottom:0;transition:.4s;}
.locationb a:hover{color: #1655bc;}
.locationb a:hover::before{background: #1655bc;width: 55px;}
.locationa{text-align: right;color: #777;}
.locationa a{color: #777;}
.locationa a:hover {color: #1655bc;}
.companya{height: auto;overflow: hidden;}
.companya img{max-width: 100%;}
.companya p{color:  #777;line-height: 30px;}

.fwzc{height: auto;overflow: hidden;}
.fwzc strong{display: block;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;}
.fwzca{text-align: center;}
/*简介*/
.companyb {background: url(../images/coma.jpg) center top no-repeat;}
.companyb li a{display: block;background: #fff;position: relative;}
.companyb li em{position: absolute;z-index: 3;width: 91%;height: 77%;background: rgba(0,0,0,0);transition:.4s;}
.companyb li img{display: block;max-width: 100%;}
.companyb li:hover span{background: #1655bc;color: #fff;}
.companyb li:hover em{background: rgba(0,0,0,0.6)}
.companyb li span{display: block;line-height: 40px;background: #eee;padding-left: 2%;transition:.4s;}
.comtita{height: auto;overflow: hidden;text-align: center;color: #fff;}
.comtita h2{display: block;line-height: 45px;}
.comtita h6{line-height: 30px;color: #fff;}
.comtita i{display: block; background: url(../images/in01a.png) center no-repeat;height: 3px;}
.companyca{height: auto;overflow: hidden;}
.companyca a{display: block;position: relative;}
.companyca a:hover span{line-height: 65px;background: rgba(0,0,0,0.8)}
.companyca a:hover img{transform: scale(1.05, 1.05)}
.companyca span{display: block;line-height: 45px;background: rgba(0,0,0,0.3);padding: 0 2%;bottom: 0;position: absolute;width: 100%;color: #fff;transition:.4s;}
.companycaa {margin-bottom: 2%;}
.companyca img{display: block;max-width: 100%;transition: all 1s ease}
.companyca em{display: block;height: auto;overflow: hidden;}
.companycaa .col-6{padding-left: 0.5%;padding-right: 0.5%;margin-bottom: 1%;}
.companycab{background: #ddd;}
/*产品*/
.prolist{height: auto;overflow: hidden;background: #f6f6f6;}
.prolist li{margin-bottom: 2%;}
.prolist li:hover .pimg i{background: rgba(0,0,0,0.4);}
.prolist li:hover span{color: #0b59bb}
.prolist li>div{border: 1px solid #eee;}
.prolist img{display: block;max-width: 100%;}
.pfonta{height: auto;overflow: hidden;}
.pfonta span{display: block;line-height: 30px;padding-left:.5rem!important;transition: .4s }
.pfonta a{float: right;transition: .4s;padding: 0 4%;background: #eee;border-radius: 40px;font-size: 12px;}
.pfonta a:hover{background: #1655bc;color: #fff;}
.pimg{position: relative;}
.pimg i{display: block; position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: .4s}
.public{background: #f6f6f6; }
.dang{line-height: 40px;font-size: 22px;}
/*案例*/
.caselist{height: auto;overflow: hidden;background: #f6f6f6;}
.caselist li a{display: block; height: auto;overflow: hidden;background: #fff;margin-bottom: 4%;}
.caselist li:hover img{transform:scale(1.05,1.05);}
.caselist li:hover b{background: rgba(0,0,0,0.5);}
.caselist li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.caselist 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;}
.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: auto;overflow: hidden;position: relative;}

.content{line-height: 30px;}
.content{line-height: 30px;}
.content img{display: block;max-width: 100%;margin:0 auto;}
.content p{color: #777;}
.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: 3%;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;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;}
/*新闻*/
.newslist{height: auto;overflow: hidden;}
.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;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;background: #fff;}
.newsa{height: auto;overflow: hidden;padding: 2%;}
.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%;}

.wentilist{height: auto;overflow: hidden;background: #f6f6f6;}
.wenti li{line-height: 50px;border-bottom: 1px dashed #ddd;transition:.4s;}
.wenti li a{display: block;}
.wenti li em{color: #777;}
.wenti li:hover {background: #1655bc;}
.wenti li:hover a{color: #fff;}
.wenti li:hover i{color: #fff;}
.wenti li:hover em{color: #fff;}
.wenti li i{float: right;color: #777;}

/*新闻详情*/
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{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: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{padding: 2% 0;height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;padding: 15px;transition:.4s;}
.newsinfob li:hover{background: #1655bc;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: #1655bc !important;}
/*产品*/
.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;}

/*产品详情*/
.proa{height: auto;overflow: hidden;background: #fff;}
.proa img{max-width: 100%;}
.proaa{height: auto;overflow: hidden;}
.proaa span{display: block;font-size: 24px;line-height: 40px;}
.proaa p{line-height: 35px;color: #777;border: 1px solid #ebebeb;border-radius: 60px;width: 80%;text-align: center;margin:2% 0;}
.proab{height: auto;overflow: hidden;margin:2% 0;border-bottom: 1px dashed #ebebeb;padding-bottom: 2%;margin-bottom: 2%;}
.proab p{line-height: 30px;}
.proab p i{color: #0b59bb;font-weight: bold;}
.order-btn{background: #ebeef1;height: 50px;line-height:50px;border-radius: 50px;}
.order-btn a{display: block;color: #fff;width: 50%;text-align: center;float: left; background: url(../images/pinfob.png) center no-repeat #ff9900;border-radius: 50px;transition: .4s}
.order-btn a:hover{background: url(../images/pinfob.png) center no-repeat #1e3e83;}
.order-btn b{font-size: 22px;color: #e10000;}


.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;background: #1655bc;}
.sidetit{color: #fff;}
.sidetit span{display: block;font-size: 20px;text-transform: uppercase;}
.sidetit p{display: block;font-size: 24px;}
.side li{height: auto;overflow: hidden;}
.side li strong{display: block;line-height: 40px;height: 40px;overflow: hidden; background: #fff;color: #ff8a00;text-align: center;font-size: 18px;}
.side li strong a{color: #ff8a00;}
.side li strong i{font-size: 26px;font-weight: normal;}
.side li a{display: block;}
.side li p{float: left;width: 47%;margin-right: 6%;line-height: 35px; text-align: center;}
.side li p:hover a{background: #ff8a00;}
.side li p:nth-of-type(2n+0){margin-right: 0px;}
.side li p a{border: 1px solid #76a6f3;color: #fff;transition:.4s;}
.sideb p{line-height: 30px;color: #fff;}



.sidea{height: auto;overflow: hidden;padding:6%;background: #fff;border-bottom: 5px solid #ececeb;}
.sidea p{line-height: 30px;margin-bottom: 0px;}
.sidea span{display: block;line-height: 35px;}

.proba{height: 60px;overflow: hidden;background: #f7f7f7;line-height: 60px;position: relative;z-index: 88;}
.proba li{float: left;width: 25%;}
.proba li a{display: block;text-align: center;transition:.4s;font-size: 15px;}
.proba li:hover a {background:  #1655bc;color: #fff !important;}
.probb{height: auto;overflow: hidden;background: #fff;padding: 2%;}
.probb .content p{color: #777;}
.ptit{height: auto;overflow: hidden;margin-bottom: 4%;border-bottom: 1px solid #eee;text-align: center;padding-bottom: 4%;}
.ptit span{display: block;font-size: 1.375rem;line-height: 40px;color: #1655bc;}
.ptit p{color: #777;}
.proc{height: auto;overflow: hidden;margin: 4% 0;}
.prod{height: auto;overflow: hidden;margin-bottom: 4%;}
.prod li{text-align: center;}
.prod li i{color: #1655bc;font-size: 54px;}
.prod li span{display: block;font-size: 18px;line-height: 55px;}
.prod li p{color: #777;}


.proe{height: auto;overflow: hidden;margin-bottom: 4%;}
.proe li{height: auto;overflow: hidden;padding: 4% 4%;background: #f3f3f3;margin-bottom: 1%;transition:.4s;}
.proe li:hover{background: #1655bc;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: 4% 0;}
.prof ul{height: auto;overflow: hidden;margin-top: 4%;}
.prof ul li{height: auto;overflow: hidden;text-align: center;}
.prof ul li em{display: block; width: 80px;height: 80px;padding-top: 10px; border-radius: 40px;background: #f6f6f6;margin:0 auto;}
.prof ul li i{font-weight: normal;font-size: 40px;color: #727272;}
.prof ul li span{display: block;line-height: 45px;}
.profimg{height: auto;overflow: hidden;}

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

/*联系*/
.contacta{height: auto;overflow: hidden;}
.contactaa{height: auto;overflow: hidden;}
.contactaa li{height: auto;overflow: hidden;padding: 2% 0;border-right: 1px solid #ededed;text-align: center;}
.contactaa li i{display: block;font-size: 38px;color: #888;}
.contactaa li span{display: block;line-height:40px; }
.contactaa li p{line-height:30px;font-size: 16px;color:#777;}
.contactaa li:nth-of-type(4) p{font-size: 13px;}

.contactb{height: auto;overflow: hidden;padding-top: 2%;}
.contactb .common-inner{margin-top: 2%;}
.proh{height: auto;overflow: hidden;margin-top:2%;background: #f8f8f8;padding: 2% 0;}
.forma{height: auto;overflow: hidden;}
.forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.forma input:last-child{margin-right: 0px;}
.form-tr{margin-top: 2%;}


.online_kefu{ position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:60px; height:60px; text-align: center;border-bottom: 1px solid #6291da;border-top: 1px solid #175ece; position: relative; background-color:#1655bc; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:60px;}
.online_kefu ul li .con i{font-size: 30px ;color: #fff ;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #2f82ff;height:60px; line-height:60px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}

.online_kefu li:hover{background-color: #1c57b5;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #1c57b5; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}