@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;}
/*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 (min-width: 1200px) { 
.container {max-width: 1230px !important;}
 }

#dituContent label {max-width: unset!important;text-align: center;}
/*头部*/
.topa{height: 40px;line-height: 40px;background:#383c45;color: #ebebec;}
.top{height: auto;overflow: hidden;}
.topa b{color: #2d75e5;font-size: 16px;}
.topb img{display: block;max-width: 100%;}
.topb span{display: block;font-size: 24px;line-height: 30px;margin-top: 7px;color: #222;}
.topb p{line-height: 25px;}
.topaa {align-items:center;text-align: right;}
.topaa a{transition:.4s;}
.topaa a:hover{color: #d10000;}
.topaa i{font-size: 30px;color: #2d75e5;}
.topaa img{max-width:70px;}
.nav{height: auto;line-height: 3.125rem; overflow: hidden;background: #2d75e5;}
.nava a{display: block;color: #fff;transition:.4s;text-align: center;}
.nava:hover a{background: #d2e8ff;color: #444;}
/*首页大图*/
.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;}
/*搜索*/
.topc{height: auto;overflow: hidden;}
.topca{height: auto;overflow: hidden; border-left: 2px solid #2d75e5;}
.topca a{float: left;padding: 0 2%;line-height: 20px; transition:.4s;border-right: 1px solid #d6d6d6;color: #666666;}
.topca a:hover{color: #2d75e5 !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 #2d75e5;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; background:url(../images/in01a.jpg) center repeat-y;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita h2{display: block;line-height: 45px;}
.intita h2 em{color: #2d75e5;}
.intita h6{line-height: 30px;color: #777;}
.intita i{display: block; background: url(../images/in01a.png) center no-repeat;height: 3px;}
.intypea{text-align: center;}
.intypea a{display: block;color: #666666;border: 1px solid #383c45;line-height:35px;height: 35px;overflow: hidden; transition:.4s; }
.intypea a i{color:  #2d75e5; }
.intypea a:hover{color: #fff;background: #2d75e5;border: 1px solid #2d75e5;}
.intypea a:hover i{color: #fff;}
.in01a{height: auto;overflow: hidden;}
.in01a .row{padding-left: 15px !important;padding-right: 15px !important;}
.in01a .col-lg-3{padding-left: 1% !important;padding-right: 1% !important;}
.in01a li {height: auto;overflow: hidden;transition:.4s;}
.in01a li a{display: block;background: #fff;transition:.4s;}
.in01a li img{display: block;max-width: 100%;transition: all 1s ease}
.in01a li:hover img{transform: scale(1.05, 1.05)}
.in01a li:hover a{background: #2d75e5;}
.in01a li:hover span{color: #fff;}
.in01a li:hover span i{color: #fff;}
.in01a li span{display: block;line-height: 50px;transition:.4s; }
.in01a li span i{float: right;color: #2d75e5;font-size: 18px; }
.in01aa{height: auto;overflow: hidden;}
.more a{display: block;width: 140px;line-height: 40px;background: #2d75e5;color: #fff;text-align: center;transition:.4s;}
.more a:hover{background: #3b4954;}


.in_02{height: auto;overflow: hidden; background:url(../images/in02a.jpg) center no-repeat;color: #fff;}
.in_02 h4{font-family: cursive;}
.in_02 i{display: block;height: 40px;width: 1px;background: #919191;}
.in_02 span{display: block;font-size: 22px;font-weight: bold;}
.in_02 h1{display: block;line-height: 60px; letter-spacing: 2px;}
.in_02 p{color: #848484;font-family: fangsong;}

.in_03{height: auto;overflow: hidden;background:url(../images/in03a.jpg) center bottom no-repeat; }
.in_03 img{display: block;max-width: 100%;}
.in03aa h4{display: block;color: #2d75e5;height: 60px;line-height: 60px;overflow: hidden;}
.in03aa h4 b{float: left;font-size: 36px; display: block;background: #2d75e5;color: #fff;width: 60px;height: 60px;text-align: center;line-height: 60px;}
.in03aa p{color: #777;}
.in03ab{margin-top: -6%;color: #fff;}
.in03ab h4{display: block;color: #fff;height: 60px;line-height: 60px;overflow: hidden; margin-top: 24%;}
.in03ab h4 b{float: left;font-size: 36px; display: block;background: #fff;color: #2d75e5;width: 60px;height: 60px;text-align: center;line-height: 60px;}
.in03ab p{color: #fff;}

.in_04 img{display: block;max-width: 100%;}
.in_04 h4{display: block;color: #2d75e5;height: 60px;line-height: 30px;}
.in_04 h4 b{float: left;font-size: 36px; display: block;background: #2d75e5;color: #fff;width: 60px;height: 60px;text-align: center;line-height: 60px;}
.in_04 p{color: #777;font-size: 14px;}


.in_05{height: auto;overflow: hidden;background:url(../images/in05a.jpg) center top no-repeat; }
.in05a{color: #fff;}
.in05a i{display: block;height: 5px;width: 80px;background: #2d75e5;}
.in05a p{color: #d6d7d8;}
.in05b{background: #f7f7f7;}
.in05b .swiper-slide img{display: block;max-width: 100%;}
.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_06 img{display: block;width: 100%;}
.in06a{border-bottom: 1px solid #ddd;}
.in06a span{position: relative; display: block;line-height: 40px;font-size: 16px;transition:.4s;}
.in06a span::before{position: absolute;content:"";width: 60px;height: 2px;background: #2d75e5;bottom: 0;}
.in06a span i{float: right;font-size: 14px;color: #777;}
.in06a p{line-height: 30px;color: #777;}
.in06a a{display: block;}
.in06a a:hover span{padding-left: 4%;color: #2d75e5;}
.intitb{height: auto;overflow: hidden;border-left: 3px solid #2d75e5;}
.intitb h5{margin-bottom: 0px;text-transform: uppercase;}
.intitb h5 small{color: #777;}
.intitb a{text-transform: uppercase;color: #777;transition:.4s;}
.intitb a:hover{color: #2d75e5;}
.in06b i{display: block;color: #777;}
.in06b span{display: block;line-height: 40px;font-size: 16px;transition:.4s;}
.in06b p{color: #777;}
.in06b a{display: block;}
.in06b a:hover span{padding-left: 4%;background: #2d75e5;color: #fff;}




.in06c i{display: block;color: #777;transition:.4s;}
.in06c span{display: block;line-height: 40px;font-size: 16px;}
.in06c p{color: #777;transition:.4s;}
.in06c a{display: block; background: #f7f7f7;transition:.4s;}
.in06c a:hover{background: #2d75e5;color: #fff;}
.in06c a:hover i{color: #fff;}
.in06c a:hover p{color: #fff;}

/*脚步*/
.footer{height: auto;overflow: hidden;background:#363a43; }
.foota{border-bottom: 1px dashed #545454;}
.foota span{position: relative; display: block;font-size: 16px;line-height:50px;color: #fff;}
.foota span a{display: block;color: #fff;}
.foota span::after{position: absolute;content:"";width: 40px;height: 2px;left:0; bottom: 0;background: #fff;}
.foota p {line-height: 30px;color: #7c7c7c;}
.foota p a{display: block;color: #7c7c7c;transition:.4s;}
.foota p a:hover{color: #fff;}
.footab {text-align: center;}
.footab p{display: block;text-align: center;line-height: 30px;}
.footb{line-height: 50px;color: #7c7c7c;}

.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#2d75e5;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 #027f88;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #027f88;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #3c3c3c;}
.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}

.footaa img{display: block;max-width: 100%;margin:0 auto;}
/*公共*/
.ban{height: auto;overflow: hidden;}
.ban img{display: block;max-width: 100%;}
.location{line-height: 50px; border-bottom: 1px solid #e8e8e8;}
.locationb{height: 50px;overflow: hidden;line-height: 50px;}
.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: #2d75e5;}
.locationb a:hover::before{background: #2d75e5;width: 55px;}
.locationa{text-align: right;color: #777;height: 50px;overflow: hidden;}
.locationa a{color: #777;}
.locationa a:hover {color: #2d75e5;}
.companya{height: auto;overflow: hidden;}
.companya img{max-width: 100%;}
.companya p{color:  #777;line-height: 30px;}
/*简介*/
.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: #2d75e5;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;transition: .4s }
.pfonta a{float: right;transition: .4s;padding: 0 4%;background: #eee;border-radius: 40px;font-size: 12px;}
.pfonta a:hover{background: #2d75e5;color: #fff;}
.pimg{position: relative;}
.pimg i{display: block; position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: .4s}
.public{padding-top:3rem;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: 8%;}
.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: 230px;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;height: 50px;overflow: hidden; border-bottom: 1px dashed #ddd;transition:.4s;}
.wenti li a{display: block;}
.wenti li em{color: #777;}
.wenti li:hover {background: #2d75e5;}
.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: #2d75e5;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: #2d75e5 !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;}
.side ul{height: auto;overflow: hidden;padding: 4%;background: #FFF;border-bottom: 5px solid #ececeb; margin-bottom: 4% !important;}
.side ul li{line-height: 40px;border-bottom: 1px dashed #dfdfdf;padding-left:4%;transition:.4s;}
.side ul li:last-child{border-bottom:none;}
.side ul li:hover{background:#2d75e5;}
.side ul li:hover a{color: #fff !important;}
.side ul li a{display: block;}
.side dl{height: auto;overflow: hidden;padding: 4%;background: #fff;border-bottom: 5px solid #ececeb; margin-bottom: 4% !important;}
.side dl dd{margin-bottom: 2%;text-align: center;}
.side dl dd img{display: block;width: 100%;border: 1px solid #f7f7f7;}
.side dl dd:hover span{background: #2d75e5;color: #fff;}
.side dl dd span{display: block;line-height: 45px;background: #fff;transition:.4s;}


.sidetit{position: relative; background:#2d75e5;text-align:center;padding: 10% 0;height: 80px;}
.sidetit strong{display: block;font-size: 36px;color: #266ad2;font-family: impact;}
.sidetit span{display: block;font-size: 30px;color: #f7f7f7;font-weight: bold; position: absolute;z-index: 88;top:30%;left: 30%;}
.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:  #2d75e5;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: #2d75e5;}
.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: #2d75e5;font-size: 54px;}
.prod li span{display: block;font-size: 18px;line-height: 55px;}
.prod li p{color: #777;}

.proca table { width: 100%!important;border-collapse: collapse;border: 1px solid #ddd;border-bottom:none;line-height: 40px;} 
.proca table p{ width: 100%!important; border-collapse: collapse;} 
.proca .firstRow{background: #f6f6f6;} 
.proca th,tr{width: 100%!important; border-collapse: collapse;border-bottom: 1px solid #ddd;}
.proca td{border-right: 1px solid #ddd;text-align: center;}
.proca td p {text-indent: 0em !important;text-align: center !important; }
.proca td p span{text-indent: 0em !important}


.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: #2d75e5;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:#2d75e5; 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;}



@media (max-width: 576px) { 
.topb{height: 55px;}
.intita h2{font-size: 22px;}
.intype .row{padding-left: 12px;padding-right: 12px;}
.intype .col-4{padding-left: 0.5%;padding-right: 0.5%;}
.in_02{background: url(../images/in02a.jpg) center right no-repeat;}
.in_02 h1{font-size: 22px;line-height: 40px;}
.in03a h4{font-size: 16px;}
.in_04 h4{font-size: 16px;}
.in_05{background: url(../images/in05a.jpg) left top no-repeat;}
.in_04{margin-bottom: 6%;}
.footer{padding-bottom: 6%;}
.locationa{text-align: left;}
.companycaa .row{padding-left: 15px;padding-right: 15px;}
.prolist .row{padding-left: 15px;padding-right: 15px;}
.prolist .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.proaa p{width: 100%;}
.common-inner .inner-right .de-message .mes-form .form-tr .code input{width: 36% !important;}
.common-inner .inner-right .de-message .mes-form .form-tr .submit{width: 36% !important;}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify{width: 20% !important;margin:0 2% !important;}
.pimga{height: 115px !important;}
.caselist .row{padding-left: 15px;padding-right: 15px;}
.caselist .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.contactaa .row{padding-left: 15px;padding-right: 15px;}
.contactaa .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.contactaa li:nth-of-type(2n+0){border-right: none;}
.locationb a{font-size: 12px;}




 }
@media (min-width: 576px) and (max-width: 768px) {  
.in_02{background: #393d46;}
.in_05{background: #393d46;}

}
@media (min-width: 768px) and (max-width: 992px) { 
	.in_02{background: #393d46;}
	.in_05{background: #393d46;}
	.in_05{margin-top: 4%;}
	.proaa p{width: 100% !important;}
	.locationa{text-align: left;}
 }
@media (max-width: 1200px) { 

.in03ab {margin-top: 2% !important ;}
 }