@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;}
* {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: 14px;line-height: 1.5;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;}
hr {border-width: 1px;border-style: inset;}
ul {list-style: none;}
p {margin: 0;margin-bottom: 0px !important;}
.left{float: left;}
.right{float: right;}
a, a:link, a:active, a:visited, a:hover {text-decoration: none !important;}
a{text-decoration: none !important;color: #444 !important;}
img, {display: block;}
i, em {font-style: normal;}
html{height: 100%;}
html, body {width: 100%;min-height: 100%;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;}
.warpper{width:1200px;margin:0 auto;}
.dH{overflow: hidden;}
.inp_pla{color:#999 !important;}
.rig-title-over{float: left;line-height: 60px;max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (min-width:640px)  and (max-width:1600px){
.intel{display: none !important;}
.top .right li{width: 80px !important}
.top .right li a{font-size: 14px !important}
.foota li{width: 90px !important}
.foota li:nth-of-type(2){width: 120px !important}
}
@media screen and (min-width:1200px){
.container{width: 1300px !important;margin:0 auto;}
}
@media screen and (max-width:640px){
.col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.in01a li span em{font-size: 30px !important;}
.in01a li{margin-bottom: 2%;}
.in01a li p{line-height: 30px !important;font-size: 14px !important}
.mobin02{height: auto;overflow: hidden;margin-top: 2%;}
.mobin02 .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.mobin02 .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.mobin02 li{height: auto;overflow: hidden;margin-bottom: 4%;}
.mobin02 li a{height: auto;overflow: hidden;display: block;border: 1px solid #eee;}
.mobin02 li img{display: block;width: 100%;}
.mobin02 li strong{display: block;line-height: 35px;height: 35px;overflow: hidden;text-align: center;background: #fff;border-top: 1px solid #eee;}
.mobin02 li p{line-height: 25px;color: #777;font-size: 13px;;background: #fff;padding:0 10px;}
.in01a .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.intit strong{left: 20% !important;font-size:26px !important; }
.in03aa span{font-size: 16px !important;}
.footb{margin-bottom: 16%;}
.comban{height: 200px !important;zoom:0.6;}
.ban{height: 200px !important;zoom:0.6;}
.proban{height: 200px !important;zoom:0.6;}
.caseban{height: 200px !important;zoom:0.6;}
.contactban{height: 200px !important;zoom:0.6;}
.newsban{height: 200px !important;zoom:0.6;}
.svban{height: 200px !important;zoom:0.6;}
.locationa li{width: 20% !important;}
.location{height: auto !important;}
.companyaa li span b{font-size: 22px !important}
.companyb li{margin-bottom: 2%;}
.companyb .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.companyb .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.comca img{width: 100%;}
.comtit span{font-size: 22px !important;}
.prolist{padding: 0px !important}
.fonta p{font-size: 12px !important}
.fonta i a{width: 80px !important;font-size: 12px !important;}
.onmeg{width: 100px !important;}
.imgc{height: 125px !important;}
.imgd{height: 125px !important;}
.caseimg{height: 125px !important;}
.pcase li{margin-bottom: 2%;}
.fontb i a{width: 72px !important}
.procd li{width: 100% !important;}
.procea li{height: auto !important;margin-bottom: 2%;}
.fontc{padding:2% 0 !important;}
.fontc p{font-size: 12px !important}
.fwzzabb li{padding: 4% !important}
.common-inner .inner-right .de-contact .contact-map #dituContent{height: 320px !important}
}
/* 无内容 */
#dituContent label {max-width: unset!important;text-align: center;}
.proc table { width: 100%!important;border-collapse: collapse;} 
.proc table p{ width: 100%!important; border-collapse: collapse;border-right: 1px solid #ddd} 
.proc th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #ddd;}
.proc td{border-right: 1px solid #ddd;}
.proc tr{border-right: 1px solid #ddd;text-align: center;line-height: 38px;}
.firstRow td{background: #eee;border-right: 1px solid #ddd;}

/*index_banner*/
.banner {clear: both; 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 .pagination {position: absolute;font-size:0;left: 0;height: 50px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.banner .pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;}
.banner .pagination .swiper-active-switch {background: #fff;opacity: 1;}
.swiper-pagination-bullet{width: 60px !important;height: 10px !important;border-radius: 3px !important;}
/*手机站大图样式*/
.slider-focus{position:relative;max-width:100%;overflow:hidden;margin:0rem auto;}
.slider-focus .hd{ position:absolute;width:100%;height:1rem;left:0;bottom:0.9rem;z-index:1;line-height:1.5rem;text-align:center;}
.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;margin:0 0.3rem;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}
.slider-focus  .hd ul{display: block;height: 0px;}
.slider-focus  .hd li.on{ background:#ffea00;  }
.slider-focus  .bd{ position:relative; z-index:0; }
.slider-focus  .bd li{ position:relative; text-align:center;  }
.slider-focus  .bd li img{ vertical-align:top;width:100%;}
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 
/*头部*/
.top{height: 100px;position: relative;z-index: 88;}
.top .left {width: 30%;padding: 20px 0;}
.top .left img{display: block; max-width: 100%;}
.top .right {width: 70%;}
.top .right  ul{float: left;margin-bottom: 0px !important;}
.intel{float: right;background: url(../images/intel.png)left center no-repeat;padding-left:60px;margin-top: 20px;}
.intel span{display: block;line-height: 25px;color: #777;}
.qq i{color: #c5051d;font-size: 22px;}
.weixin i{color: #3eb135;font-size: 22px;}
.intel p{display: block;font-size: 28px;color: #c5051d;}
.top .right li{float: left;width: 115px;border-right: 1px dashed #eee; line-height: 100px; text-align: center;transition:.4s;}
.top .right li a{display: block;font-size: 16px;}
.top .right li:hover{background:  #b01c1a;}
.top .right li:hover a{color: #fff !important;}
.menu ul {height: auto;overflow: hidden;}
.menu li.curr .submenu{display: block;} 
.menu li .submenu{position:absolute;z-index: 999;width:200px; display: none;line-height:45px;z-index: 88; }
.menu li .submenu p{ width:200px;border-bottom: 1px dashed #444;text-align: left; background:rgba(0,0,0,0.6);  }
.menu li .submenu p:last-child{;border-bottom:none;  }
.menu li .submenu p a {font-size: 13px;text-align: center;color: #fff  !important;transition:.4s;}
.menu li .submenu p a:hover{background: #b01c1a; }
.mobmenu{line-height: 45px;height: auto;overflow: hidden; border: 1px solid #eee;}
.mobmenu .container{padding-left: 0px !important;padding-right: 0px !important;}
.mobmenu li {text-align: center;transition:0.4s;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.mobmenu li:hover {background: #b01c1a;}
.mobmenu li:hover a{color: #fff !important;}
.mobmenu li a{display: block;}
.mobmenu .col-sm-3{padding-left: 0px !important;padding-right: 0px !important;}
.mobmenu .col-xs-3{padding-left: 0px !important;padding-right: 0px !important;} 

/*手机站大图样式*/
.mtop{height: auto;overflow: hidden;background:#eeeeee;text-align: center;line-height: 30px;font-size: 12px;color: #777;}
.mobtop{height: auto;overflow: hidden;padding: 3% 0;position: relative;}
.mobtop .left{width: 80%;padding-left: 2%;}
.mobtop .left p{margin-bottom: 0px !important;font-size: 12px;color: #777;}
.mobtop .left img{float: left; display: block;max-width: 70%;margin-right: 2%;}
.mobtop .left span{font-size: 16px; line-height: 25px;}
.flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobtop .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.aligncontent-center {text-align: center;}
.main-header {text-align: center;font-weight:300;font-size: 90%;}
.menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 10%;}
.menu-left {float: left;}
.sidebar{display: none;width: 100%;height: 100%;margin: 0;position: fixed;top: 0;z-index: 9999;}
.menu-button i{font-size: 30px;color:#b01c1a}
.sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.sidebar.open nav{
 /* margin-left: 0;
  -webkit-transition: all 3s ease-in 1s;
  -o-transition: all 3s ease-in 1s;
  transition: all 3s ease-in 1s;*/}
.sidebar nav{float: left;width: 140px;height: 100%;margin-left: -140px;color: white;background:rgba(0,0,0,0.6);}
.sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;}
.sidebar ul{padding:0 5px }
.sidebar li a{display: block;text-align: center;line-height: 40px;color: #fff !important;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.sidebar li a:hover{background: #444;}
.sidebar hr {margin: 1em auto;border: 0;padding: 0;width: 80%;height: 1px;}
/*index_cp*/
.in_01{height: auto;overflow: hidden;padding: 3% 0;}
.intit{height:auto;overflow: hidden;position: relative;text-align: center; }
.intit strong{display: block;margin-top:15px;color: #b01c1a;font-size: 36px;font-weight: bold;line-height: 45px;}
.intit span{ display: block;color: #999;line-height: 30px;text-transform:uppercase;}
.intit p{line-height: 30px;font-size: 15px;color: #777; }
.in01a{height: auto;overflow: hidden;margin-top: 2%;}
.in01a li{height: auto;overflow: hidden;background: #f6f6f6;text-align: center;padding: 14% 0;transition:.4s;}
.in01a li span{display: block;font-size: 16px;color: #c5051d;}
.in01a li span em{font-size: 45px;}
.in01a li strong{display: block;background: url(../images/imgcion.png) center no-repeat;width: 27px;height: 25px;margin:6% auto;}
.in01a li p{display: block;font-size: 16px;line-height:55px;color: #777;}
.in01a li i{font-size: 36px;}
.in01a li:hover {background: #c5051d;color: #fff;}
.in01a li:hover span{color: #fff;}
.in01a li:hover p{color: #fff;}
.in01a li:hover strong{background: url(../images/imgcionh.png) center no-repeat;}
/*产品*/
.in_02{height: auto;overflow: hidden;padding: 3% 0;background: #f6f6f6;}
.tabbox{width:1200px;background: #fff; height:auto;overflow: hidden;margin-top: 2%;padding: 4% 0;}
.tabbox .tab{float: left;width: 260px; overflow:hidden;}
.tabbox .tab a{display:block;line-height: 50px;height: 50px; transition:.4s;text-indent: 2em;}
.tabbox .tab a:hover{background:#c40018;color: #fff !important;border-radius: 0px 50px 50px 0;}
.tabbox .tab a.on{background:#c40018;color: #fff !important;border-radius: 0px 50px 50px 0;}
.tabbox .content{float: right;width: 900px; overflow:hidden;height:450px;position:relative;}
.tabbox .content ul{position:absolute;left:0;top:0;height:450px;}
.tabbox .content li{position: relative; width:900px;height:450px;float:left;}
.in02b{width: 600px;border: 1px solid #f1f1f1;height: 400px;}
.in02b img{width: 100%;}
.in02a{position: absolute;width: 365px; right:-40px;top:20%;color: #fff; background: #c40018;padding: 4%;}
.in02a strong{display: block;line-height: 40px;font-size: 16px;}
.in02a p{color: #f8e9ea;line-height: 30px;}
.more{height: auto;overflow: hidden;margin-top: 4%;}
.more a{display: block;float: left;margin-right: 2%; background: #ffffff;line-height: 40px;width: 140px;border-radius: 60px;text-align: center;transition:.4s;}
.more a:hover{background: #ccc;}
/*优势*/
.in_03{height: auto;overflow: hidden;padding: 3% 0;}
.in03a{height: auto;overflow: hidden;margin-top: 4%;}
.in03a li{float: left;position: relative; width: 33.3%;}
.in03a li img{display: block;width: 100%;}
.in03a li:hover .in03aa{bottom: 0px;background: rgba(0,0,0,0.8);opacity: 1;}
.in03aa{position: absolute;z-index: 888;bottom: -400px; background: rgba(0,0,0,0);padding: 15%;color: #d5d5d5;transition:.4s;opacity: 0;}
.in03aa span{display: block; font-size: 32px;margin-bottom: 16%;}
.in03aa span i{display: block; border-top: 2px solid #961105;}
.in03aa p{line-height: 30px;margin-bottom: 19% !important;}
.in03aa em{font-size: 22px;}
/*案例*/
.in_04{height: auto;overflow: hidden;background: #f6f6f6;padding: 3% 0;}
.rvc{max-width: 1140px;position: relative;margin: auto;margin-top: 4%;}
.rvc  i{position: relative; font-size: 22px;color: #b01c1a;cursor: pointer;transition:.4s;padding: 0 3px;}
.rvc  i:hover{color: #b01c1a;border-top: 1px solid #b01c1a;border-bottom: 1px solid #b01c1a;}
.rvc .rvc-wrapper{margin: auto;overflow: hidden;}
.rvc .rvc-wrapper ul{overflow: hidden;position: relative;}
.rvc .rvc-wrapper ul li{float: left;transition:.4s;border-bottom: 2px solid #f6f6f6;margin-top:10px ;}
.rvc .rvc-wrapper ul li:hover{background: #fff;box-shadow: 0px 0px 6px 4px #ccc;border-bottom: 2px solid #961105;}
.rvc .rvc-wrapper ul li:hover .in04a{border-bottom: none;}
.rvc .rvc-wrapper ul li img{display: block;max-width: 100%;}
.rvc .rvc-wrapper ul li a{display: block;width: 100%;height: auto;padding: 4% 4% 0 4%;}
.rvc .rvc-wrapper ul li a .img-wrapper{height: auto;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;}
.in04a{height: auto;overflow: hidden;margin:4% 4% 0 4%;padding-bottom: 4%; border-bottom: 1px solid #cbcbcb;}
.in04a span{display: block;line-height: 55px;font-size: 16px;color: #666666;}
.in04a p{color: #777;line-height: 25px;}
.rvc-prv,.rvc-next{position: absolute;height: 100%;top: 0; 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;
}
.rvc-prv{left: 0;}
.rvc-next{right: 0;}
/*footer*/
.footer {clear: both; height: auto;overflow: hidden;padding: 2% 0; background: #2a2a2a;}
.foota{height: auto;overflow: hidden;border-right: 1px solid #464646;}
.foota ul{height: auto;overflow: hidden;}
.foota li{float: left;width: 140px;}
.foota li a{display: block;color: #888 !important;transition:.4s;}
.foota li a:hover{color: #fff !important;}
.foota strong{display: block;line-height: 40px;color: #fff;font-size: 18px;}
.footaa {height: auto;margin-top: 2%;}
.footaa p{line-height: 30px;height: 30px;overflow: hidden;}
.footab{border-top: 1px solid #464646;line-height: 40px;margin-top: 4%;}
.footab span{color: #fff;}
.footab span b{font-size: 16px;color: #961105;}
.footb{height: auto;overflow: hidden;}
.footba{height: auto;overflow: hidden;}
.footel{float: left;width: 170px;}
.footela{width: 440px;}
.footba span{display: block;line-height: 25px;color: #fff;}
.footba p{line-height: 45px;font-size: 22px;color: #961105;font-weight: bold;}
.footbb{height: auto;overflow: hidden;margin:2% 0;color: #777;line-height: 30px;}
.footbc img{width: 100px;margin-right: 2%;}
.foot{line-height: 45px;overflow: hidden; background: #2f2f2f;color: #fff;}



.footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#5d5b5b;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; width: 33.3%;text-align: center;color: #fff;}
.footnav li:nth-of-type(1){background: #3c3c3c}
.footnav li:nth-of-type(3){background: #6d6d6d}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}
/*content*/
.ban{height: 350px;overflow: hidden;background: url(../images/comban.jpg) center no-repeat;padding-top: 4%;}
.ban strong{display: block;font-size: 26px;line-height: 55px;color: #b01c1a;transform: scale(1,2);-ms-transform: scale(1,2);-webkit-transform: scale(1,2);-moz-transform: scale(1,2);-o-transform: scale(1,2);}
.ban span{display: block;font-size: 22px;line-height: 35px;}
.ban em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 1%;}

.comban{height: 350px;overflow: hidden;background: url(../images/comban.jpg) center no-repeat;padding-top: 4%;}
.comban strong{display: block;font-size: 26px;line-height: 55px;color: #b01c1a;transform: scale(1,2);-ms-transform: scale(1,2);-webkit-transform: scale(1,2);-moz-transform: scale(1,2);-o-transform: scale(1,2);}
.comban span{display: block;font-size: 22px;line-height: 35px;}
.comban em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 1%;}
.proban{height: 350px;overflow: hidden;background: url(../images/proban.jpg) center no-repeat;padding-top: 4%;}
.proban strong{display: block;font-size: 26px;line-height: 55px;color: #b01c1a;transform: scale(1,2);-ms-transform: scale(1,2);-webkit-transform: scale(1,2);-moz-transform: scale(1,2);-o-transform: scale(1,2);}
.proban span{display: block;font-size: 22px;line-height: 35px;}
.proban em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 1%;}

.caseban{height: 350px;overflow: hidden;background: url(../images/caseban.jpg) center no-repeat;padding-top: 4%;}
.caseban strong{display: block;font-size: 26px;line-height: 55px;color: #b01c1a;transform: scale(1,2);-ms-transform: scale(1,2);-webkit-transform: scale(1,2);-moz-transform: scale(1,2);-o-transform: scale(1,2);}
.caseban span{display: block;font-size: 22px;line-height: 35px;}
.caseban em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 1%;}

.contactban{height: 350px;overflow: hidden;background: url(../images/contactban.jpg) center no-repeat;padding-top: 4%;}
.contactban strong{display: block;font-size: 26px;line-height: 55px;color: #b01c1a;transform: scale(1,2);-ms-transform: scale(1,2);-webkit-transform: scale(1,2);-moz-transform: scale(1,2);-o-transform: scale(1,2);}
.contactban span{display: block;font-size: 22px;line-height: 35px;}
.contactban em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 1%;}

.newsban{height: 350px;overflow: hidden;background: url(../images/newsban.jpg) center no-repeat;padding-top: 4%;}
.newsban strong{display: block;font-size: 26px;line-height: 55px;color: #b01c1a;transform: scale(1,2);-ms-transform: scale(1,2);-webkit-transform: scale(1,2);-moz-transform: scale(1,2);-o-transform: scale(1,2);}
.newsban span{display: block;font-size: 22px;line-height: 35px;}
.newsban em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 1%;}


.svban{height: 350px;overflow: hidden;background: url(../images/svban.jpg) center no-repeat;padding-top: 4%;}
.svban strong{display: block;font-size: 26px;line-height: 55px;color: #b01c1a;transform: scale(1,2);-ms-transform: scale(1,2);-webkit-transform: scale(1,2);-moz-transform: scale(1,2);-o-transform: scale(1,2);}
.svban span{display: block;font-size: 22px;line-height: 35px;}
.svban em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 1%;}

.location{border-bottom: 1px solid #eaeaea;height: 55px;}
.locationa li{float: left;width: 14%;background: #fff;line-height: 25px;margin-top: 2%;text-align: center;}
.locationa li a{display: block;transition:.4s;}
.locationa li:hover a{background: #b01c1a;color: #fff !important;}
.locationb{color: #777;line-height: 50px;}
.locationb a{color: #777 !important;}
.locationb a:hover{color: #d11209 !important;}
.locationb i{font-size: 18px;color: #d11209;}
/*content_company*/
.companya{height: auto;overflow: hidden;padding: 3% 0;}
.comtit{height: auto;overflow: hidden;text-align: center;margin-bottom: 2%;}
.comtit span{display: block;font-size: 30px;line-height: 40px;}
.comtit p{display: block;line-height: 35px;color: #777;}
.comtita{height: auto;overflow: hidden;text-align: center;margin-bottom: 2%;color: #fff;}
.comtita span{display: block;font-size: 30px;line-height: 40px;}
.comtita p{display: block;line-height: 35px;}

.companyaa {height: auto;overflow: hidden; margin: 2% 0;}
.companyaa li{border-right: 1px solid #ccc;text-align: center;}
.companyaa li:last-child{border-right:none;}
.companyaa li span{display: block;}
.companyaa li span b{font-size: 48px;color: #b01c1a;font-family: impact;}
.companyaa li p{line-height: 30px;color: #777;}

.companyac p{line-height: 30px;}
.companyb{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/companyb.jpg) center no-repeat fixed;}
.companyb ul li{height: auto;overflow: hidden;background: #f6f6f6; text-align: center;padding: 14% 4%;}
.companyb ul li i{font-size: 42px;font-weight: normal;color: #666;}
.companyb ul li em{display: block;width: 80px;height: 80px;line-height: 80px;border: 1px solid #666666;border-radius: 150px;margin:0 auto;}
.companyb ul li span{display: block;line-height: 55px;font-size: 22px;}
.companyb ul li p{line-height: 25px;}
.companyc{height: auto;overflow: hidden;padding: 3% 0;}
.companyc li{background: #f6f6f6;height: auto;overflow: hidden;}
.comca{position: relative;}
.comcb{position: absolute;z-index: 88;padding:14% 8%;}
.comcb strong{display: block;font-size: 30px;line-height: 40px;color: #b01c1a;}
.comcb span{display: block;font-size: 18px;line-height: 40px;}
.comcb em{display: block;width: 40px;border-top: 2px solid #b01c1a;margin-top: 4%;}
.comcc{margin:6%;}
.comcc p{line-height: 30px;text-align: center;margin-bottom: 4% !important;}
.comcc a{display: block;background: #b01c1a;width: 140px;text-align: center;color: #fff !important;line-height: 30px;margin:0 auto;transition:.4s;}
.comcc a:hover{background: #444;}
.imgsl{height: auto;overflow: hidden;}
/*产品*/
.productb{height: auto;overflow: hidden;padding-top: 2%;background: #f6f6f6;}
.productb .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.productb .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.productb .col-lg-9{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.productb .col-md-9{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist{height: auto;overflow: hidden;padding: 2%;background: #fff;}
.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 .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist ul{height: auto;overflow: hidden;}
.prolist li{position: relative;text-align: center;margin-bottom: 3%;}
.prolist li:hover .fonta i{display: block;}
.prolist li:hover .imga i{background: rgba(0,0,0,0.2)}
.prolist li img{display: block;width: 100%;}
.fonta {height: auto;overflow: hidden; padding:20px 0;transition:.4s;background: #f6f6f6;}
.fonta span{display: block;width: 100%;line-height: 40px;height: 40px;overflow: hidden; font-size: 16px;}
.fonta p{color: #777;line-height: 30px;}
.fonta p::before{content: '';width: 10px;height: 1px;border-bottom: 1px solid #00906c;display: inline-block;margin-right: 10px;margin-bottom: 4px;}
.fonta p::after{content: '';width: 10px;height: 1px;border-bottom: 1px solid #00906c;display: inline-block;margin-left: 10px;margin-bottom: 4px;}
.fonta i{display: block;font-style: normal;width: 235px;margin:10px auto;}
.fonta i a{display: block;float: left; width: 105px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5;margin:0 5px;transition:.4s;}
.fonta i a:hover{background: #c40018;color: #fff !important;border: 1px solid #c40018;}
.fonta i a:nth-of-type(1){border: 1px solid #c40018;}
.fonta i a:nth-of-type(1):hover{background: #c40018;border: 1px solid #c40018;color: #fff !important;}
.imga{position: relative; height: 180px;overflow: hidden;border: 1px solid #f6f6f6}
.imga i{position: absolute;z-index: 1;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}

.plocation{line-height: 45px;height: 48px;overflow: hidden;margin-bottom: 2%;}
.plocation ul{margin-bottom: 0px;}
.plocation li{float: left;position: relative; line-height: 45px;border-bottom: 3px solid #fff;transition:.4s;margin-right:2%;}
.plocation li::before{content: "";position: absolute;bottom:0px;width: 0%;height: 3px;background: #d11209;transition:.4s;}
.plocation li:hover::before{width: 100%;}
.plocation li a{display: block;}
.plocation span{float: right;line-height: 45px;}

.proa{height: auto;overflow: hidden;padding: 2% 0;}
.proa img{max-width: 100%;border: 1px solid #f6f6f6;}
.proaa{height: auto;overflow: hidden;}
.proaa strong{display: block;font-size:22px;line-height: 45px;font-weight: normal;}
.proaa em{display: block;margin: 4% 0;}
.proaa em i{font-size: 36px;}
.proaa em b{color: #d11209;font-size: 36px;}
.proaaa{background: #f7f7f7;padding: 2%;}
.proaaa span{color: #c40018;font-weight: bold;}
.proaaa p{line-height: 30px;color: #777;border-bottom: 1px dashed #ccc;margin-bottom: 2% !important;padding-bottom: 2%;}
.proaaa p:nth-of-type(2){border-bottom: none;margin-bottom: 0 !important;padding-bottom: 0 !important;}
.online{height: auto;overflow: hidden;margin-top: 2%;}
.online a{color: #fff !important;}
.onmeg{float: left;background: #c40018;width: 180px;line-height: 55px;color: #fff;text-align: center;margin-right: 4%;}
.order-btn{float: left;border:1px solid #c40018;width: 240px;line-height: 55px;text-align: center;color: #c40018;}
.order-btn b{font-size:22px; }
.prob{position: relative;overflow: hidden;height: 60px;width: 100%;z-index: 999;}
.prob ul{height: auto;overflow: hidden;margin-bottom: 0px;}
.prob li{height: 60px;line-height: 60px;background: #eeeeee;text-align: center;transition:.4s;}
.prob li:hover{background: #d11209;}
.prob li:hover a{color: #fff !important;}
.prob li a{display: block;}
.proc{height: auto;overflow: hidden;padding: 2%;background: #fff;}
.proca{height: auto;overflow: hidden;}
.proca p{line-height: 30px}
.ptit{height: auto;overflow: hidden;margin: 2% 0;line-height: 50px;background: #f6f6f6;}
.ptit span{float: left; display: block;width: 160px;text-align: center;color: #fff; font-size: 16px;background: #c40018;}
.ptit a{float: right;}

.pcase{height: auto;overflow: hidden;}
.pcase .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.pcase .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.pcase li:hover img{transform:scale(1.05,1.05)}
.pcase li{height: auto;overflow: hidden;}
.pcase li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.imgc {height: 215px;overflow: hidden;}
.fontb {height: auto;overflow: hidden; padding:4%;transition:.4s;background: #f6f6f6;}
.fontb span{display: block;width: 100%;line-height: 35px;color: #c40018;font-size: 15px;}
.fontb p{color: #777;line-height: 25px;margin:2% 0 !important;}
.fontb i{display: block;font-style: normal;}
.fontb i a{display: block;float: left; width: 105px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5;margin-right:5px;text-align: center; transition:.4s;}
.fontb i a:hover{background: #c40018;color: #fff !important;border: 1px solid #c40018;}
.fontb i a:nth-of-type(1){border: 1px solid #c40018;background: #c40018;color: #fff !important;}
.fontb i a:nth-of-type(1):hover{background: #fff;border: 1px solid #c40018;color: #444 !important;}


.procd{height: auto;overflow: hidden;margin-top:2%;}
.procd ul{height: auto;overflow: hidden;margin:2% 0;}
.procd li{float: left;width: 48%;margin-right: 4%;line-height: 40px;border-bottom: 1px dashed #e5e5e5;transition:.4s;}
.procd li:hover{background: #c40018;color: #fff;padding-left: 2%;}
.procd li:hover a{color: #fff !important;}
.procd li:hover span{color: #fff !important;}
.procd li span{float: right;color: #777;}
.procd li:nth-of-type(2n+0){margin-right: 0px;}


.procea ul{height: auto;overflow: hidden;}
.procea .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.procea .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.procea li{position: relative;text-align: center;height: 320px;}
.procea li:hover .fontc{height: 140px;bottom: 70px;}
.procea li:hover .fontc i{display: block;}
.procea li:hover .imga i{background: rgba(0,0,0,0.2)}
.procea li img{display: block;width: 100%;}
.fontc {position: relative;bottom: 0px; padding:20px 0;height:100px;overflow: hidden;transition:.4s;background: #f6f6f6;z-index: 8;}
.fontc span{display: block;width: 100%;line-height: 40px;font-size: 16px;}
.fontc p{color: #777;line-height: 30px;}
.fontc p::before{content: '';width: 10px;height: 1px;border-bottom: 1px solid #c40018;display: inline-block;margin-right: 10px;margin-bottom: 4px;}
.fontc p::after{content: '';width: 10px;height: 1px;border-bottom: 1px solid #c40018;display: inline-block;margin-left: 10px;margin-bottom: 4px;}
.fontc i{display: none;font-style: normal;width: 235px;margin:10px auto;}
.fontc i a{display: block;float: left; width: 105px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5;margin:0 5px;transition:.4s;}
.fontc i a:hover{background: #c40018;color: #fff !important;border: 1px solid #8fbe00;}
.fontc i a:nth-of-type(1){background: #c40018;color: #fff !important;border: 1px solid #c40018;}
.fontc i a:nth-of-type(1):hover{background: #fff;border: 1px solid #c40018;color: #444 !important;}
.imgd {height: 160px;overflow: hidden;}
.proe{height: auto;overflow: hidden;margin-top:2%;}
.prof{height: auto;overflow: hidden;margin:2% 0;}


.proimga{width: 100%;overflow: hidden;}
/*服务宗旨*/
.fwzza{height: auto;overflow: hidden;margin:2% 0;}
.fwzzaa {height: auto;overflow: hidden;background: url(../images/fwzzaa.jpg) center no-repeat;padding: 6% 8%;}
.fwzzaa strong{display: block;color: #c40018;font-size: 30px;line-height: 40px;}
.fwzzaa em{display: block;width: 60px;border-top: 2px solid #c40018;margin: 4% 0 30% 0;}
.fwzzaa p{line-height: 30px;}
.fwzzaa p i{color: #c40018;}
.fwzzaba{height: auto;overflow: hidden;background: url(../images/fwzzaba.png) center no-repeat;background-size: 100%; padding: 16% 0 10% 40%;color: #c40018}
.fwzzaba span{display: block;font-size: 30px;line-height: 45px;}
.fwzzaba p{font-size: 18px;line-height: 30px;}
.fwzzabb li{background: #f5f5f5;padding: 10%;float: left;width: 49%;margin-right: 2%;color: #c40018;text-align: center;}
.fwzzabb li img{display: block;margin:0 auto;}
.fwzzabb li span{display: block;font-size: 24px;line-height: 40px;}
.fwzzabb li p{font-size: 16px;line-height: 30px;}
.fwzzabb li:last-child{margin-right: 0px;}
.fwzzb{height: auto;overflow: hidden;background: #f4f4f4;padding: 2% 0;}
.fwzzba{height: auto;overflow: hidden;background: url(../images/fwzzba.jpg) center no-repeat;padding: 7% 8% 6.5% 8%;}
.fwzzba strong{display: block;color: #c40018;font-size: 30px;line-height: 40px;}
.fwzzba em{display: block;width: 60px;border-top: 2px solid #c40018;margin: 4% 0 30% 0;}
.fwzzba p{line-height: 30px;}
.fwzzbb span{display: block;font-size: 22px;line-height: 40px;}
.fwzzbb p{line-height: 30px;}
.fwzzc{height: auto;overflow: hidden;padding: 2% 0;}
.fwzztit{line-height: 40px;color: #777;}
.fwzztit span{color: #444;font-size: 22px;padding-left: 2%;}
.fwzzclist{height: auto;overflow: hidden;margin-top: 2%;}
.fwzzclist li{background: #f5f7fa;padding: 4% 4%;transition: all 0.4s;}
.fwzzclist li span{display: block;line-height: 45px;font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.fwzzclist li p{line-height: 25px;color: #777;margin:2% 0 !important;}
.fwzzclist li i{display: block;font-style: normal;line-height: 30px;color: #777;}
.fwzzclist li:hover {background:#444;color: #fff;}
.fwzzclist li:hover span{color: #fff;}
.fwzzclist li:hover p{color: #fff;}
.fwzzclist li:hover i{color: #fff;}



/*新闻*/
.fontban strong{display: block;font-size: 34px;line-height: 55px;}
.fontban span{display: block;font-size: 24px;line-height: 40px;}
.fontban i{display: block;border-top: 2px solid #fff;width: 40px;margin:5px auto;}
.newslist{height: auto;overflow: hidden;}
.newsa{height: auto;overflow: hidden;}
.newslist li{height: auto;overflow: hidden;margin: 1%;transition:.4s}
.newslist li a{height: auto;overflow: hidden; display: block;padding:1.5%; border: 1px solid #f2f2f2}
.newslist li img{width: 100%;transition: all 1s ease;}
.newslist li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.newslist li:hover img{transform: scale3D(1.1, 1.1, 1.1); }}
.newslist li:hover .newsfonta span{color: #be000e !important;}
.newslist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.newslist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.imga{height: auto;overflow: hidden;}

.newsfonta{height: auto;overflow: hidden;padding-left: 4% !important;color: #777;}
.newsfonta span{display: block;font-size: 22px;line-height: 40px;transition:.4s}
.newsfonta strong{display: block;font-weight: normal;line-height: 40px;font-size: 16px;}
.newsfonta p{line-height: 30px;}
.newsfonta i{display: block;border:1px solid #777;width: 140px;line-height: 35px;text-align: center;color: #777 !important;margin-top:3%;font-style: normal;}



.imgb{height: 220px;overflow: hidden;}

.newscontenta p{color: #777;}
.newsPage{height: auto;overflow: hidden;padding: 2% 0;border-top: 1px dashed #ededed;margin-top: 2%;}

.honorlist{height: auto;overflow: hidden;background: #fff;padding: 2%;}
.honorlist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-md-4{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;}
.honorlist li {text-align: center;margin-bottom: 2%;}
.honorlist li img{display: block;width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover span{background: #b01c1a;color: #fff;}
.honorlist  span{display: block;line-height: 50px;text-align: center;background: #e1e0e3;transition:.4s;}
.caseimg{height: 210px;overflow: hidden;}
/*新闻详情*/
.newsinfoa{height: auto;overflow: hidden;background: #f6f6f6}
.ninfotit{height: auto;overflow: hidden;padding: 2% 0;text-align: center;border-bottom:1px dashed #ededed;margin-bottom: 2%;}
.ninfotit span{display: block;font-size: 28px;line-height: 45px;}
.ninfotit p{line-height:30px;color: #777;margin-bottom: 0px;}
.newsinfoaa{height: auto;overflow: hidden;margin-top: 2%;}
.newsimg img{display: block;margin:0 auto;max-width: 100%;}
/*侧栏样式*/
.sidetit{background: #961105;font-size: 22px; line-height:55px;text-indent: 2em;color: #fff;}
.sidea{height: auto;overflow: hidden; margin-bottom: 3%;}
.sidea ul{height: auto;overflow: hidden;padding: 2%;background: #fff;}
.sidea li{position: relative;overflow: hidden;background: #f3f3f3; text-indent: 2em;line-height:50px;height:50px;transition:.4s;margin-top: 2%; }
.sidea li:hover{background: #b01c1a;}
.sidea li:hover a{color: #fff !important;}
.sidea li:hover i{color: #fff !important;}
.sidea li a{display: block; }
.sideb{height: auto;overflow: hidden;padding:8% 4%;background: #c40018;color: #fff;text-align: center;}
.sideb strong{display: block;font-size: 22px;line-height: 50px;}
.sideb p{line-height: 30px;}
.sideb a{display: block;width: 140px;border: 1px solid #fff;border-radius: 2px;line-height: 35px;margin:4% auto;color: #fff !important;transition:.4s;}
.sideb a:hover{background: #fff;color: #c40018 !important;}
.sidec{height: auto;overflow: hidden;}
.sidec span{display: block;font-size: 16px;line-height: 20px;border-left: 4px solid #c40018;margin:6% 0;padding-left: 4%;}
.sideca{background: #fff;padding: 4%;height: auto;overflow: hidden;}
.sideca img{display: block;width: 100%;border: 1px solid #f6f6f6;}
.sideca p{line-height: 45px;text-align: center;background: #f6f6f6;}
.sided{height: auto;overflow: hidden;}
.sided span{display: block;font-size: 16px;line-height: 20px;border-left: 4px solid #c40018;margin:6% 0;padding-left: 4%;}
.sideda{background: #fff;padding: 4%;height: auto;overflow: hidden;}

.newscontent {height: auto;overflow: hidden;line-height: 30px;padding: 2%;background: #fff;}





/*联系*/
.contacta{height: auto;overflow: hidden;margin-top: 2%;}
.contactab{height: 640px;overflow: hidden;margin-bottom: 2%;position: relative;}
.contactac{height: auto;overflow: hidden;padding: 2% 0}
.contactac li{height: auto;overflow: hidden;border: 1px solid #eee;box-shadow: 1px 1px 2px #ddd;padding: 4%;margin-bottom: 2%;}
.contactac li span{display: block;font-size: 18px;line-height: 40px;}
.contactac li p{line-height: 30px;color: #777;}
.contactac li p i{color: #999;font-size: 22px;}
.contactaa{position: absolute;z-index: 88;right:2%;top:2%;background: #c40018;padding: 4%;color: #fff;}
.contactba strong{display: block;font-size: 30px;line-height: 50px;border-bottom: 1px dashed #fae7e6;font-weight: normal;}
.contactba span{display: block;font-size: 24px;line-height: 50px;margin-top: 6%;}
.contactba p{line-height: 30px;}
.contactbb{border-top: 1px dashed #fae7e6;border-bottom:  1px dashed #fae7e6;margin: 6% 0;padding: 4% 0;}
.contactbb span{display: block;font-size: 24px;line-height:50px;}
.contactbb p{line-height: 30px;}
.contactbb i{float: left;font-size: 52px;margin-top: 2%;margin-right: 2%;}
.contactbc{height: auto;overflow: hidden;padding-top: 4%;}
.contactbc img{float: left;margin-right: 2%;}
.contactbc p{font-size: 16px;line-height: 30px;}
.ewm{float: left;width: 50%;}










































/* 更改layer样式 */
.layui-layer-btn{text-align: center !important;padding-bottom:28px !important;}
.layui-layer-btn .layui-layer-btn0{display: block;margin:0 auto !important;border-radius: 0 !important;width:88px !important;text-align: center !important;height: 34px !important;line-height: 34px !important;border-color: #237ed2 !important;background-color: #237ed2 !important;}
.layui-layer-btn .layui-layer-btn0:hover{background: #348eed !important;border-color: #348eed !important;}
/**/
