@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 (max-width: 576px) { 
.nav .col-3{padding-left: 0px !important;padding-right: 0px !important;}
.in_01 .col-3{padding-left: 0px !important;padding-right: 0px !important;}
.in02a strong{font-size: 22px !important;line-height: 20px !important}
.in02a span{font-size: 22px !important;line-height: 25px !important;}
.intita strong{font-size: 22px !important;line-height: 25px !important;}
.intitd strong{font-size: 30px !important;}
.tabbox{width: 100% !important;}
.tabbox .contenta{width: 100% !important;}
.intitc strong{font-size: 22px !important;line-height: 25px !important;}
.intitc span{font-size: 22px !important;}
.footer{padding-bottom: 10%;}
.ban{zoom:0.8;}
.prod li{margin-bottom: 4%;}
.prod li span{line-height: 25px !important;}
.xgtime strong{font-size: 22px !important;}


 }
@media (min-width: 768px) {  }
@media (min-width: 992px) {  }
@media (min-width: 1200px) {  }
#dituContent label {max-width: unset!important;text-align: center;}
/*头部*/
.topa{height: 2.5rem;line-height: 2.5rem;background:#f9f9f9;color: #777;}
.topa b{color: #00acb8;font-size: 16px;}
.top{padding: 1.4375rem 0;}
.top img{display: block;max-width: 100%;}
.topaa ul{float: left;margin-top: 6%;}
.topaa i{font-size: 1.375rem;color: #00acb8;}
.topaa img{float: right; display: block;max-width:70px;}
.nav{height: auto;line-height: 3.125rem; overflow: hidden;background: #00acb8;}
.nava a{display: block;color: #fff;transition:.4s;text-align: center;}
.nava:hover a{background: #81f7ff;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: 50px;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;}





.in_01{margin-top: -2%;position: relative;z-index: 2;}
.in01a{height: auto;overflow: hidden;background: #fff;padding: 1.875rem 0;}
.in01a .in01b{height: auto;overflow: hidden;border-left: 1px solid #e9e9e9;text-align: center;}
.in01a i{color: #00acb8;font-size: 1.5rem;}
.in01a b{color: #00acb8;font-size: 1.5rem;}

.in_02{height: auto;overflow: hidden;padding: 2.5rem 0;}
.in_02 img{display: block;margin-bottom: 1.25rem ;max-width: 100%;}
.in02a strong{display: block;font-size:3.75rem;color: #ededed;line-height:3.785rem; }
.in02a i{display: block;border-top:0.25rem solid #00acb8;width: 40px;float: right;margin:1rem 0;}
.in02a span{display: block;font-size:1.875rem;line-height: 3.785rem;  }
.in02a p{clear: both;color: #777; }
.in02a a{display: block;width: 8.125rem;height: 2.5rem;line-height: 2.5rem; text-align: center;border: 0.0625rem solid #00acb8;color: #00acb8;transition:.4s;}
.in02a a:hover{background:#00acb8;color: #fff;}

.in_03{height: auto;overflow: hidden;padding: 2.5rem 0;background: url(../images/in03bg.jpg) center top no-repeat;}
.intita{height: auto;overflow: hidden;margin-bottom:2.5rem }
.intita strong{display: block;font-size:3.75rem;color: #89f5ff;line-height:3.785rem; }
.intita span{display: block;font-size:1.875rem;line-height: 3.785rem;color: #fff;  }
.in03a{font-size: 1.125rem;color: #fff;}
.in03b{height: auto;overflow: hidden;margin-top:2.5rem }
.in03b li {position: relative;margin-bottom: 8%;border: 1px solid #e6e6e6;}
.in03b li img{display: block;max-width: 100%;transition: all 1s ease}
.in03b li:hover span{line-height: 65px;background: rgba(0,0,0,0.8)}
.in03b li:hover img{transform: scale(1.05, 1.05)}
.in03b li span{display: block;position: absolute;z-index: 3;background: rgba(0,0,0,0.3);width: 100%;bottom: 0;line-height: 50px;padding: 0 2%;color: #fff;transition:.4s; }
.in03b li span i{float: right; }
.in03ba{height: auto;overflow: hidden;}



.intypea{text-align: center;padding-right:0px ;padding-left: 0px ;}
.intypea a{display: block;color: #fff;border-left: 1px solid #cdcdcd;line-height:1.25rem;transition:.4s; }
.intypea a:hover{color: #ccc;}

.in_04{height: auto;overflow: hidden;padding: 2.5rem 0;background: url(../images/in04bg.jpg) center top no-repeat;}
.intitd{height: auto;overflow: hidden;margin-bottom:2.5rem;background: url(../images/intitd.png) left top no-repeat; padding-left: 2.5rem;}
.intitd strong{display: block;font-size:3.75rem;color: #b5b1b1;line-height:3.785rem; }
.intitd span{display: block;font-size:1.875rem;line-height: 3.785rem;color: #fff;  }
.tabbox{width:1200px;height:auto;overflow: hidden;margin-top: 2%;}
.tabbox .tab{float: left;width: 270px; overflow:hidden;background: #0096a0;margin-left: -270px;position: relative;z-index: 8; }
.tabbox .tab a{display:block;overflow: hidden; border-bottom: 1px dashed #ccc;padding: 7.3% 0 ; transition:.4s;text-indent: 2em;color: #fff ;}
.tabbox .tab a:last-child{border-bottom: none;}
.tabbox .tab a span{display:block;font-size: 18px;}
.tabbox .tab a p{margin-bottom: 0px;text-transform: uppercase;}
.tabbox .tab a:hover{background:#ffb400;}
.tabbox .tab a.on{background:#ffb400;}
.tabbox .contenta{float: left;width: 820px;padding: 20px; background: #00acb8;margin-top: 80px; overflow:hidden;height:530px;position:relative;z-index: 1;}
.tabbox .contenta ul{position:absolute;left:0;top:0;height:530px;}
.tabbox .contenta li{position: relative; width:930px;height:530px;float:left;}
.in04aa{width: 490px;color: #fff;margin:40px;}
.in04aa strong{position: relative; display: block;font-size: 48px;font-family: impact;font-style: italic;line-height: 60px;}
.in04aa strong::before{position: absolute;content: "";width: 100px;height: 5px;background: #fff;left:-40px;bottom: -5px;}
.in04aa span{display: block;font-size: 22px;line-height:50px;margin-top: 6%;}
.in04aa p{color: #fff;margin-bottom: 6%;}
.in04b{float: right;width:380px; }




.in_05{height: auto;overflow: hidden;padding: 2.5rem 0;}
.intitb{height: auto;overflow: hidden;text-align: center;}
.intitb span{display: block;font-size: 2.25rem;line-height: 3.125rem}
.intitb p{font-size: 1rem;color: #777;line-height: 2.5rem}
.in_05 .swiper-container {width: 100%;height: 100%;}
.in_05 .swiper-slide {position: relative; text-align: center;font-size: 18px;background: #fff;height: auto;overflow: hidden;
/* Center slide text vertically */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;
    }
.in05a{margin-top: 2%;}
.in05a .swiper-slide i{position: absolute;z-index: 3;top:0;left:0; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: all 1s ease}
.in05a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.in05a .swiper-slide:hover i{background: rgba(0,0,0,0.4)}
.in05a .swiper-slide:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.in05a .swiper-pagination{color: #fff;font-family: cursive;font-size: 18px;}
.in05a .swiper-pagination-current{font-size: 22px;}
.in05a i{display: block;font-size: 24px;color: #fff;}
.in05a .swiper-button-next::after, .in05a .swiper-button-prev::after{display: none;}
.in05a .swiper-button-next, .in05a .swiper-button-prev{width: 30px !important;cursor: pointer;background: #00acb8;transition:.4s;}
.in05a .swiper-button-next:hover, .in05a .swiper-button-prev:hover{background: rgba(0,172,184,0.6);}
.more{height: auto;overflow: hidden;margin-top:2.5rem;}
.more a{display: block;margin:0 auto;width: 7.5rem;height: 2.8125rem;line-height: 2.8125rem;border: 1px solid #00acb8; background: #00acb8;transition:.4s;text-align: center;color: #fff;}
.more a:hover{background: #fff;color: #00acb8}
.min05a{margin-top: 2%;}
.min05a .swiper-slide i{position: absolute;z-index: 3;top:0;left:0; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: all 1s ease}
.min05a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.min05a .swiper-slide:hover i{background: rgba(0,0,0,0.4)}
.min05a .swiper-slide:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.min05a .swiper-pagination{color: #fff;font-family: cursive;font-size: 18px;}
.min05a .swiper-pagination-current{font-size: 22px;}
.min05a i{display: block;font-size: 24px;color: #fff;}
.min05a .swiper-button-next::after, .min05a .swiper-button-prev::after{display: none;}
.min05a .swiper-button-next, .min05a .swiper-button-prev{width: 30px !important;cursor: pointer;background: #00acb8;transition:.4s;}
.min05a .swiper-button-next:hover, .min05a .swiper-button-prev:hover{background: rgba(0,172,184,0.6);}


.in_06{height: auto;overflow: hidden;background: #f6f6f6;padding: 2.5rem 0;}
.intitc{height: auto;overflow: hidden;margin-bottom:2.5rem }
.intitc strong{display: block;font-size:3.75rem;color: #e8e8e8;line-height:3.785rem; }
.intitc span{display: block;font-size:1.875rem;line-height: 3.785rem;  }
.in06a li{float: left;background: #00acb8;padding: 3%;color: #fff;border-left: 2px solid #fff;transition:.4s;}
.in06a li i{float: left;margin-right: 4%;font-size: 30px;margin-top: 2%;color: #fff;transition:.4s;}
.in06a li:hover {background: #fff;}
.in06a li:hover i{color: #444;}
.in06a li:hover p{color: #444;}
.in06a li:hover em{color: #444;}
.in06a li p{float: left; color: #fff;line-height: 20px;margin-bottom: 0px;transition:.4s;}
.in06a li p em{display: block; font-size: 0.75rem;text-transform: uppercase;color: #fff;transition:.4s;}
.in06ba {margin-bottom: 2%;}
.in06ba em{display: block; height: auto;overflow: hidden;}
.in06ba img{display: block;max-width: 100%;transition: all 1s ease}
.in06ba{position: relative;height: auto;overflow: hidden; background: #fff;transition:.4s;}
.in06ba:hover{background: #00acb8;}
.in06ba:hover img{transform: scale(1.05, 1.05)}
.in06ba:hover span{color: #fff;}
.in06ba:hover p{color: #fff;}
.in06ba:hover i{background: #fff;color: #444;}
.in06ba i{display: block;width: 110px;height: 35px;text-align: center; line-height: 35px;transition:.4s;background: #00acb8;right:10px; border-radius: 60px;color: #fff;position: absolute;z-index: 6;bottom: 100px;}
.infonta{height: auto;overflow: hidden;margin:2%;}
.infonta span{display: block;font-size: 1rem;line-height: 2.8125rem;}
.infonta p{color: #777;}
.in06bb li a{display: block;background: #fff;transition:.4s;}
.in06bb li em{display: block;height: auto;overflow: hidden;}
.in06bb li img{display: block;max-width: 100%;transition: all 1s ease}
.in06bb li:hover a{background: #00acb8}
.in06bb li:hover img{transform: scale(1.05, 1.05)}
.in06bb li:hover span{color: #fff}
.in06bb li:hover p{color: #fff}
.in06bb .col-6{padding-left: 0.5%;padding-right: 0.5%;}



/*脚步*/
.footer{height: auto;overflow: hidden;background: url(../images/footbg.jpg) center top no-repeat; }
.foota{height: auto;overflow: hidden;background: #323232; }
.footaa{padding:2.5rem 0;border-bottom: 0.0625rem solid #4e4e4e;text-align: center; }
.footab{padding:2.5rem 0;height: auto;overflow: hidden;color: #7d7d7d;}
.footab span{display: block;color: #fff;font-size: 1rem;}
.footab input{width: 100%;background: none;border: 0.0652rem solid #4e4e4e;padding-left: 0.25rem;line-height:2.5rem;color: #fff; }
.footab .code input{float: left;width: 30%; }
.footab .verify{float: left;width: 30%;margin:0 4%; }
.footab .verify img{max-width: 100%;height: 2.5rem; }
.footab .submit{float: left;width: 30%; background: #00acb8;line-height:2.5rem;text-align: center;  }
.footab .inner-right{height: auto;overflow: hidden;margin-bottom: 10%;}
.footac{height: auto;overflow: hidden;color: #fff;}
.footac i{font-size:1.5rem; }
.footac strong{display: block;line-height: 1.875rem;font-family: impact;font-size: 1.5rem;}
.footac p{margin-bottom: 0rem; }
.footb{height: auto;overflow: hidden;padding-top: 4%;}
.footba li{height: auto;overflow: hidden;border-right: 0.0652rem solid #838383;text-align: center;}
.footba li{line-height: 3.125rem;}
.footba li a{display: block;color: #fff;transition:.4s;font-size: 1rem; }
.footba li a:hover{color: #ccc}
.footbb{height: auto;overflow: hidden;padding: 6%;color: #fff;}
.footbot{background: #282828;line-height: 3.125rem;color: #aaaaaa;text-align: center;}
.fix{position: fixed;right: 4%;bottom:10%;z-index: 88;}
.fix li{width: 40px;height: 120px;background: rgba(14,110,184,0.6);text-align: center;margin-bottom: 5px;padding: 3px;}
.fix li a{display: block;background: #00acb8; writing-mode:tb-rl;color: #fff !important;line-height: 40px;height: auto;padding: 30px 0 27px 0;transition:.4s;}
.fix li:hover a{background: #444;}

.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#00acb8;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 #055d63;}
.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}

/*简介*/

.comban{height: 420px;overflow: hidden;background: url(../images/comban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.comban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.comban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.comban p{line-height: 30px;text-shadow:0px 2px 5px #404040}

.proban{height: 420px;overflow: hidden;background: url(../images/proban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.proban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.proban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.proban p{line-height: 30px;text-shadow:0px 2px 5px #404040}

.newsban{height: 420px;overflow: hidden;background: url(../images/newsban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.newsban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.newsban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.newsban p{line-height: 30px;text-shadow:0px 2px 5px #404040}

.jobban{height: 420px;overflow: hidden;background: url(../images/jobban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.jobban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.jobban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.jobban p{line-height: 30px;text-shadow:0px 2px 5px #404040}

.hbgsban{height: 420px;overflow: hidden;background: url(../images/hbgsban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.hbgsban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.hbgsban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.hbgsban p{line-height: 30px;text-shadow:0px 2px 5px #404040}

.mesban{height: 420px;overflow: hidden;background: url(../images/mesban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.mesban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.mesban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.mesban p{line-height: 30px;text-shadow:0px 2px 5px #404040}

.contban{height: 420px;overflow: hidden;background: url(../images/contban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.contban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.contban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.contban p{line-height: 30px;text-shadow:0px 2px 5px #404040}


.ban{height: 420px;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;padding-top: 120px;color: #fff;}
.ban i{display: block;width: 50px;border-top: 2px solid #fff;margin:1% 0;box-shadow:0px 2px 5px #404040}
.ban span{display: block;font-size: 32px;line-height: 50px;text-shadow:0px 2px 5px #404040;}
.ban p{line-height: 30px;text-shadow:0px 2px 5px #404040}
.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: #00acb8;}
.locationb a:hover::before{background: #00acb8;width: 55px;}
.locationa{text-align: right;}
.locationa a:hover {color: #00acb8;}
.companya{height: auto;overflow: hidden;padding: 2.5rem 0;}
.companya img{max-width: 100%;}
.companyaa span{display: block;font-size: 22px;line-height: 40px;}
.companyaa i{display: block;height: 3px;width: 70px;background: #00acb8;margin:2% 0;}
.companyaa p{color:  #777;}
.companyb {background: url(../images/comc.jpg) center bottom repeat-y;padding: 2% 0;}
.companyba img{display: block;max-width: 100%;}
.companyb p{color: #fff;text-indent: 2em;}
.companyc{height: auto;overflow: hidden;padding: 2.5rem 0;}
.comtita{height: auto;overflow: hidden;text-align: center;}
.comtita span{display: block;font-size: 36px;line-height: 50px;}
.comtita i{display: block;background: url(../images/linea.jpg) center no-repeat;height: 8px;margin:1% auto;}
.comtita p{font-size: 16px;}
.companyca{height: auto;overflow: hidden;margin-top: 2%;}
.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%;}
.companycaa img{display: block;max-width: 100%;transition: all 1s ease}
.companycaa em{display: block;height: auto;overflow: hidden;}
.companycaa .col-6{padding-left: 0.5%;padding-right: 0.5%;margin-bottom: 1%;}

.companyd{height: auto;overflow: hidden;padding: 2.5rem 0;background: url(../images/companyd.jpg) center top no-repeat;}
.comtitb{height: auto;overflow: hidden;text-align: center;color: #fff;}
.comtitb span{display: block;font-size: 36px;line-height: 50px;}
.comtitb i{display: block;background: url(../images/linea.jpg) center no-repeat;height: 8px;margin:1% auto;}
.comtitb p{font-size: 16px;}
.companyd ul{height: auto;overflow: hidden;margin-top: 2%;}
.companyd li em{display: block;height: auto;overflow: hidden;}
.companyd li img{display: block;max-width: 100%;transition: all 1s ease}
.companyd li:hover span{background: #00acb8;color: #fff;}
.companyd li:hover  img{transform: scale(1.05, 1.05)}
.companyd li span{display: block;line-height: 50px;text-align: center;background: #fff;transition:.4s;}





































































.content{line-height: 30px;}

.public{background: #f7f7f7;height: auto;overflow: hidden;padding: 2% 0;}
.zmenu{height: auto;overflow: hidden; line-height: 45px;background: #fff;}
.zmenu li{text-align: center;transition:.4s;}
.zmenu li a{display: block;}
.zmenu li:hover{background: #00acb8;}
.zmenu li:hover a{color: #fff !important;}

.gsjja{background: #fff;padding: 2%;line-height: 30px;margin-top: 2%;}
.gsjjtit{height: auto;overflow: hidden;margin: 2% 0;}
.gsjjtit span{float: left; display: block;font-size: 16px;line-height: 40px;}
.gsjjtit span strong{display: block;font-size: 1.375rem;line-height: 40px;color: #00acb8;}
.gsjjtit img{float: right;}

.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;}
/*招聘*/
.jobs{height: auto;overflow: hidden;margin:2% auto;background: #f6f6f6;}
.joba{height: auto;overflow: hidden;padding: 4% 0;}
.joba img{display: block;max-width: 100%;}
#jobs_title{padding:0;background: #464650;color: #fff;font-size: 14px;height: 54px;line-height: 54px; text-align: center;}
.inner_contact_02 .td1{width: 24.33%;float: left; text-align: center;}
.inner_contact_02 .td2{width: 21.33%;float: left; text-align: center;}
.inner_contact_02 .td3{width: 21.91%;float: left; text-align: center;}
.inner_contact_02 .td4{width: 17.41%;float: left; text-align: center;}
.inner_contact_02 .td5{width: 15%;float: left; text-align: center;}
.inner_contact_02 .td5 a{color: #fa331c;font-size: 14px;}
#jobs_ul{padding:0 0 73px;}
#jobs_ul li{width: 100%;}
#jobs_ul li .jobs_title{font-size: 14px; line-height: 50px;height: auto;overflow: hidden; color: #777;border-bottom: solid 1px #efefef;}
#jobs_ul li .jobs_box{height: auto;overflow: hidden; padding:2%;background: #f5f5f5;position: relative;display: none;}
#jobs_ul li .jobs_box .info1 {height: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
#jobs_ul li .jobs_box .info1 p {float: left;font-size: 14px;color: #333333;line-height: 40px;min-width: 24%;}
#jobs_ul li .jobs_box .info2 {height: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: 14px 0 22px;}
#jobs_ul li .jobs_box .info2 h3 {font-size: 18px;color: #333333;line-height: 3;font-weight: normal;}
#jobs_ul li .jobs_box .info2 p {font-size: 14px;color: #777777;line-height: 2.5;margin-bottom: 0px;}
#jobs_ul li .jobs_box .info2 .fl {width: 50%;float: left;}
#jobs_ul li .jobs_box .info2 .fr {width: 43.5%;float: right;}
#jobs_ul li .jobs_box .info2 .fl .info-box {border-right: 1px solid #e5e5e5;padding-right: 7%;}
#jobs_ul li .jobs_box .info3 {margin-top: 31px;}
#jobs_ul li .jobs_box .info3 .apply_btn {width: 151px;height: 41px;line-height: 41px;background: #f91747;font-size: 16px;color: #ffffff;float: left;text-align: center;}
#jobs_ul li .jobs_box .info3 .apply_btn:hover {opacity: 0.6;}
#jobs_ul li .jobs_box .info3 .all {float: right;font-size: 14px;color: #777777;height: 41px;line-height: 41px;padding-left: 30px;background: url(../images/all_ico.png) no-repeat 0 center;}
#jobs_ul li .jobs_box i {position: absolute;left: 18px;top: -12px;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent #f5f5f5;}

/*荣誉*/
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist li{height: auto;overflow: hidden;margin-bottom: 2%;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;height: 261px;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: 30%; 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;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%;}
/*新闻详情*/
.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{max-width: 100%;}
.newimga  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: #00acb8;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: #00acb8 !important;}
/*产品*/
.productba table { width: 100%;border-collapse: collapse;} 
.productba table tr{height: auto;overflow: hidden;} 
.productba table th:nth-of-type(1){width: 10%;text-align: center;background: #00acb8;line-height: 50px;color: #fff;}
.productba table th:nth-of-type(2){width: 35%;text-align: center;background: #00acb8;line-height: 50px;color: #fff;}
.productba table th:nth-of-type(3){width: 40%;text-align: center;background: #00acb8;line-height: 50px;color: #fff;}
.productba table th:nth-of-type(4){width: 15%;text-align: center;background: #00acb8;line-height: 50px;color: #fff;}
.productba table td{height: auto;overflow: hidden;padding: 0 2%; background: #fff;border-left: 1px solid #ddd;line-height: 40px;border-bottom: 1px solid #ddd;transition:.4s;}
.productba table td:hover{background: #ddd;color: #fff}




.productb{height: auto;overflow: hidden;background: #ebebeb;padding: 2% 0;}
.productb li{height: auto;overflow: hidden;margin-bottom: 2%;}
.productb li span{display: block;font-size: 22px;line-height: 30px;margin-bottom: 2%;border-left: 4px solid #00acb8;padding-left: 2%;}
.productb li p{float: left;width: 25%;line-height: 40px;height: 40px;overflow: hidden; border: 1px solid #ccc;text-align: center;margin-bottom: 0px;background: #fff;}
.productb li p a{display: block;transition:.4s;}
.productb li p:hover{background: #00acb8;}
.productb li p:hover a{color: #fff;}


.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;}
.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;}
.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;}
/*产品详情*/
.proinfo{height: auto;overflow: hidden;margin:2% 0;}
.proa{height: auto;overflow: hidden;margin-bottom: 4%;background: #fff;}
.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;}
.proab{height: auto;overflow: hidden;margin-left:2%;padding-top: 4%;}
.proab strong{display: block;font-size: 1.375rem;line-height: 40px;}
.proab b{font-weight: normal;color: #777;}
.proab em{display: block; line-height: 30px;color: #666;}
.online li{text-align: center;margin:4% 0;}
.online li i{color: #00acb8;font-size: 42px;}
.online li span{display: block;font-size: 12px;}



.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:#00acb8;}
.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: #00acb8;color: #fff;}
.side dl dd span{display: block;line-height: 45px;background: #fff;transition:.4s;}


.sidetit{position: relative; background:#00acb8;text-align:center;padding: 10% 0;height: 80px;}
.sidetit strong{display: block;font-size: 36px;color: #06909a;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:  #00acb8;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: #00acb8;}
.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: #00acb8;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: #00acb8;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;padding: 2% 0;}
.contactaa{height: auto;overflow: hidden;padding: 2% 0;}
.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: 16px;}

.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%;}