@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
 src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
 src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),
 url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
 url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}
input[type="submit"], input[type="reset"], input[type="button"], button {  -webkit-appearance: none;  }


html{font-family: Tahoma,"arial","微软雅黑","宋体",FontAwesome;background-color:#fff;font-size:16px;}body{ background-color: #fff; font-size:16px;line-height:1.5;color:#252525;}body,li,ul,ul>li,ul>li>ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,dl>dt,dl>dd,figure,form,a,button{margin:0;border:0;padding:0;list-style:none;}img{vertical-align:bottom;}div{margin:0px auto;}em{font-style:normal;}.single-over{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display: block;}.clamp-voer{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.container{width:1000px; min-width:1000px;margin:0px auto;}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}

.currlocatinon{line-height:50px;border-bottom:3px solid #252525;}
.currlocatinon  .nav_x{float:right;margin-right:20px;}
.nav_x:before{ content: "\f015"; font-family:FontAwesome; }
.currlocatinon  .curr{color:#333;font-size:16px;font-weight:bold; text-transform: capitalize; padding:0px 20px;}
.pagerlist{text-align:center;clear:both;padding:3px;margin:5px;}.pagerlist a,.pagerlist span{margin:2px;padding:2px 5px;border:1px solid #ccc;}.pagerlist .current{background-color:#ccc;color:#fff;}.pagerlist .disabledfy{font-family:Tahoma,Verdana;cursor:pointer;background:no-repeat}
.currlocatinon  .curr{ line-height: 50px; font-size: 16px; color:#D20104;  display: inline-block; position: relative; }
.currlocatinon  .curr:after{ content: ""; width:100%;  height: 0px; border-bottom: 3px solid #D20104 ; position: absolute; left:0px; bottom: -3px; }
.marginTop{ margin-top: 40px;}.marginTopByTandC{ margin-bottom: 20px;}
body{ min-width: 1000px;}

a,a:visited,a:active{ text-decoration: none;color: #252525  }
a:hover{color:#D20104}
.nav_x a{ color:#D20104;}
.nav_x a:first-child{ color:#252525;}
.lsidebar{  position: relative; padding-top: 40px; }
.mainBox{ margin-top: 40px;  background-color: #fff;  }
.allmainbox{ justify-content: space-between;}
.lsideBox{ width:200px; float: left; background-color: #fff; }
.rmainBox{ width:780px; float: right;  background-color: #fff; }
.page{ padding: 18px; }
.showpage{line-height: 2;}
.toptxt-box{ background-color: #f0f0f0;}
.tophead-top{ line-height: 3;}
.toptop-txt{ width:55%; float: left;overflow: hidden; white-space: nowrap;}
.tophead-top .topbtnbar{max-width: 40%; float: right; overflow: hidden; white-space: nowrap;}
.toptop-btn,.toptop-column{ cursor: pointer; margin-left: 20px;position: relative;  display: inline-block; float: left; }
.toptop-btn:hover{color:#D20104 ; }
.tophead-top .topbtnbar span:after{ content: ""; position: absolute; width:1px; height: 33.3%; top:33.3%; left:-11px; background-color: #252525;  }
.tophead-top .topbtnbar span:first-child:after{ width:0px;}
.logoAndTel-logo-box{ float: left;}
.logoAndTel-logo-box .logo img{ height: 120px; width: auto;  }
.logoAndTel-comname-box{ float: left; }
.logoAndTel-tel-box{ float: right;}
.logoAndTel-comname-box{ }

.comnamehead-top{ margin-top: 22px; margin-left: 22px;    }
.comnametop-txt0{ font-size: 26px; display: block; font-weight: bold; }
.comnametop-txt0 em{color:#D20104}
.comnametop-txt1{ font-size: 20px;display: block; text-align: center; position: relative; height: 40px;  }
.comnametop-txt1:before{ content: ""; height: 3px; width:100%; background-color:#252525; position: absolute; left:0px; top: 50%; margin-top: 1px; z-index: 1;  }
.comnametop-txt1 span{ display:block; padding: 0px 10px; white-space: nowrap; background-color: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%)  ;z-index: 2;  }
.comnametop-txt1 span em{ color:#D20104}
.telhead-top{ margin-top: 10px; position:relative;}
.telhead-top:before{content:"\f095"; font-family: FontAwesome; position: absolute; width:44px; height: 44px;  top:50%; left:-54px;  margin-top: -22px; text-align: center; background-color:#D20104; color:#fff; border-radius: 54%; font-size: 30px;  }
.teltop-txt{ display: block;}
.teltop-txt1{color:#D20104; font-size: 22px;font-weight: bold; line-height: 1; }
.langchange { margin: 10px 0px;}
.langchange li{ float: left; margin-left: 10px;}
.langchange img{ vertical-align: middle;}

.index-nav{ background-color:#D20104; height:40px;  }
.subbox-nav{ width:850px; float: left;}
.navli1 { flex: auto; position: relative;}
a.nava1{ color:#fff; line-height: 40px; display: block; margin: 0px; text-align: center; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding: 0px 10px; overflow: hidden; }
.navli1.active{ background-color: #252525;}
.navli1:hover{ background-color: #252525;}
.navli1.dropdown{ position: relative;}
/* .navli1.dropdown .nava1:after{ content:""; position: absolute; width:0px; height: 0px; margin-left: 5px; top:50%; margin-top: -5px; line-height: 0;  border: 5px solid transparent; border-bottom: 0px; border-top: 7px solid #fff; }*/
.navul2{ position: absolute; top:200%;left:0px;padding-top: 5px; opacity: 0; visibility: hidden;z-index: 1000; min-width: 100%; max-width: 200%; transition: 200ms; white-space: nowrap; }
.navli2{ margin-bottom: 2px; background-color:#D20104; padding: 0px 10px; }
a.nava2{color: #fff; display: block; line-height: 2.5;}
.navli1:hover .navul2{ visibility: visible; opacity: 1; top:100%;}
.navli2.dropleft{position: relative; }
.navul3{ position: absolute; top:0%;left:120%;padding-left: 5px; opacity: 0; visibility: hidden;z-index: 1000; min-width: 50%; max-width: 200%; transition: 200ms; }
.navli2:hover>.nava2{color:#252525; }
.navli2.dropleft:hover .navul3{position: absolute; left:100%; visibility: visible; opacity: 1; }
.navli2.dropleft .nava2:after{ content:""; position: absolute; right:10px; top:50%; margin-top: -5px; width:0px; height: 0px; line-height: 1;  border: 5px solid transparent; border-right: 0px; border-left: 7px solid #fff; }
.navli3{ margin-bottom: 2px; background-color:#D20104; padding: 0px 10px; }
a.nava3{color: #fff; display: block; line-height: 2.5; white-space: nowrap;}
a.nava3:hover{color:#252525;}

.subbox-searchform{ width:150px; float: right; margin-top: 5px;}
.searchstrkeystitle{ float: left;}
.searchstrkeyslist{ float: left;}
.searchstrkeyslist .keyitem{ float: left; margin: 0px ; margin-left: 15px;}
.searchform {width:150px; height: 30px; position: relative; }
.searchword{width:150px; height: 30px; line-height: 30px; border: 1px solid #fff; outline: 0px; border-radius: 15px; padding:0px 40px 0 20px; }
.searchgo{ position: absolute; font-family: FontAwesome; top:3px; right: 10px; width:30px; height: 25px; background-color: #fff; color: #fff; line-height: 25px; text-align: center; }
.searchgo:before{ content: "\f002"; font-family: FontAwesome; color:#D20104 }
.index-hotproduct_t_title { border-bottom:1px solid #ececec; text-align: center;}
a.index-hotproduct_t_a{ font-size: 20px; font-weight: bold; display: inline; line-height: 40px;  color:#252525; position: relative; }
.index-hotproduct_t_a:after{content: ""; width:80%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:10%; bottom:-10px; }
.index-hotproduct_t_a em{ color:#D20104; }
.index-hotproduct_c_box{ overflow: hidden;}
.index-hotproduct_c_box .list{}
.index-hotproduct_c_box .item {float: left; width:25%; }
.index-hotproduct_c_box .item .content{ padding: 0px 8px; max-width: 100%; max-width: calc(100% - 16px)}
.index-hotproduct_c_box .item .pic{ padding: 3px ; border: 1px solid #e4e4e6; }
.index-hotproduct_c_box .item .title{ font-weight: bold; line-height: 2;}
.index-hotproduct_c_box .item .desc{-webkit-line-clamp:3 ; line-height: 25px; height: 75px; }
.index-hotproduct_c_box .item img {max-width: 100%; height: auto;}
.img-t-box{ text-align: center;}
.index-pro{ background-color: #ececec; padding: 30px; }
.index-pro img{ max-width:100%; height: auto;}
.index-pro_container{ justify-content: space-between;}
.index-pro_container .subbox-proclass{ width:240px; }
.index-pro_container .subbox-pro{ width:730px; }
a.proclassa1{ display: block; height: 100px; text-align: center; font-size: 36px; font-weight: bold; color:#fff; background-color:#D20104; line-height: 100px; position: relative;  }
a.proclassa1 span{ position: absolute; display: block; width:100%; height: 100%; z-index: 2;}
a.proclassa1:after{ content: ""; width:0px; height: 0px; position: absolute; z-index: 1; top:0px; left:0px; border: 240px solid transparent; border-left: 0px; border-bottom: 0px; border-top:100px solid #b30404; }
.sideul2proclass{ border: 2px solid #D20104; background-color: #fff;}
.sideli3proclass { background-color: #fff;}
.sideli2proclass a{ color:#fff; display: block;}
.proclassa2  { margin: 15px 5px; background-color:#D20104; line-height: 2.5; padding-left: 30px; position: relative; }
a.proclassa3 { margin: 0px 5px; background-color:#fff; color:#252525;  line-height: 2.5; padding-left: 30px; position: relative; border-bottom: 1px dashed #D20104; }


.proclassa2:before{ content: "\f13a"; font-family: FontAwesome; font-size: 20px; line-height: 1; color:#fff; position: absolute; top:50%; left:8px; margin-top: -10px;}
.proclassa3:before{ content: "\f105"; font-family: FontAwesome; font-size: 20px; line-height: 1;  position: absolute; top:50%; left:18px; margin-top: -10px;}
.proclasscontact { padding: 10px; background-color: #000000;  background-color: #00000088; color:#fff; background-repeat: repeat-y; background-position: center top; margin-top: 15px;    }
.proclasscontact  .title{font-size: 14px; font-weight: bold; text-align: center;}
.proclasscontact  .content{text-align: center;font-size: 20px;}
.subbox-pro .title-box{  height: 50px; line-height: 50px; background-color: #252525;}
.subbox-pro .title-box a{ margin-right: 20px; padding: 0px 20px; display: block; display: inline-block; background-color: #ff4200; color:#fff; }
.subbox-pro .list { }
.subbox-pro li {margin-bottom: 10px; width:100%;}
.subbox-pro .itemdiv{ margin: 0px 10px 0px 10px;}
.subbox-pro .item img { display: block;}
.subbox-pro .item a { display: block; line-height: 2.5; text-align: left;}
.subbox-pro .item .title{ font-size: 16px; font-weight: bold; line-height: 1.5; display: block; border-bottom: 1px dashed #ccc;  background-color: #fff;  padding: 10px 5px 0px;}
.subbox-pro .item .desc1{  border-bottom: 1px dashed #ccc;   background-color: #fff; padding:  5px; line-height: 30px; height: 70px;}
.subbox-pro .item .desc2{ border-bottom: 1px dashed #D20104; -webkit-line-clamp:1; line-height: 30px; height: 30px; background-color: #fff;  padding: 0px 5px;}
.subbox-pro .item .desc2 span ,.subbox-pro .item .desc1 span{ color:#D20104; }
.index-about_t_title { border-bottom:1px solid #ececec; text-align: center;}
a.index-about_t_a{ font-size: 20px; font-weight: bold; display: inline; line-height: 40px;  color:#252525; position: relative; }
.index-about_t_a:after{content: ""; width:80%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:10%; bottom:-10px; }
.index-about_t_a em{ color:#D20104; }
.index-about_c_box{ margin-top: 20px;}
.index-about_c_box .video{ width:40%; float: left; text-align: right;}
.index-about_c_box img{ max-width: 100%; }
.index-about_c_box  .content{ width:58%; float: right; line-height: 2;}
.index-about_c_box  .company{ color:#D20104; font-size: 16px; font-weight: bold; line-height: 3; }
.index-about_c_box  a.more{ padding: 5px 20px; background-color:#949494;  color: #fff;display: inline-block; margin-top: 2px;  }

.index-huanjing_t_title { border-bottom:1px solid #ececec; text-align: center;}
a.index-huanjing_t_a{ font-size: 20px; font-weight: bold; display: inline; line-height: 40px;  color:#252525; position: relative; }
.index-huanjing_t_a:after{content: ""; width:80%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:10%; bottom:-10px; }
.index-huanjing_t_a em{ color:#D20104; }
.index-huanjing_c_box{ overflow: hidden;}
.index-huanjing_c_box .list{ width:800%; white-space: nowrap;}
.index-huanjing_c_box .item { float: left; margin-right: 16px; }
.index-huanjing_c_box .pic { padding: 3px ; border: 1px solid #e4e4e6;}
.index-bgpic{ margin-top: 60px;}
.index-bgpic li{ background-repeat: no-repeat; background-position: center;}
.index-honor_t_title { border-bottom:1px solid #ececec; text-align: center;}
a.index-honor_t_a{ font-size: 20px; font-weight: bold; display: inline; line-height: 40px;  color:#252525; position: relative; }
.index-honor_t_a:after{content: ""; width:80%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:10%; bottom:-10px; }
.index-honor_t_a em{ color:#D20104; }
.index-honor_c_box{ overflow: hidden;}
.index-honor_c_box .list{ width:800%; white-space: nowrap;}
.index-honor_c_box .item { float: left; margin-right: 16px; }
.index-guest{ background-color: #ececec; padding: 30px;}
.index-guest_t_title { border-bottom:1px solid #fff; text-align: center;}
a.index-guest_t_a{ font-size: 20px; font-weight: bold; display: inline; line-height: 40px;  color:#252525; position: relative; }
.index-guest_t_a:after{content: ""; width:80%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:10%; bottom:-10px; }
.index-guest_t_a em{ color:#D20104; }
.index-guest_c_box{ overflow: hidden;}
.index-guest_c_box .list{ width:800%; white-space: nowrap;}
.index-guest_c_box .item { float: left; margin-right: 16px; }
.index-ys{ background-color: #ececec; padding: 30px;}
.index-ys_t_title{ font-size: 34px; font-weight: bold; text-align: center; line-height: 44px; position: relative; color: #252525}
.index-ys_t_title em{ color:#D20104;}
.index-ys_t_desc{ font-size: 20px; color:#272727; text-align: center; }
.index-ys_c_box{ margin-top: 20px;}
.index-ys_c_box .position{  background-repeat: no-repeat; padding-top: 20px; }
.index-ys_c_box  .position1{ clear: both; margin-left: 100px; background-position: right top;}
.positionlen0{ background-image: url("../images/ys1.png")}
.positionlen1{ background-image: url("../images/ys2.jpg")}
.positionlen2{ background-image: url("../images/ys3.png")}
.index-ys_c_box  .position_1{ clear: both; background-position: left top;}
.index-ys_c_box  .item{width:45%; position: relative; padding-bottom: 40px;}
.index-ys_c_box  .position1 .item{ float: left; clear: both;}
.index-ys_c_box  .position_1 .item{ float: right; clear: both;}
.index-ys_c_box span{display: block;}
.index-ys_c_box em{color:#D20104;}
.index-ys_c_box .span1 { font-size: 20px; font-weight: bold;}
.index-ys_c_box .span2 { font-size: 10px;color:#909090; }
.index-ys_c_box .span3 {margin-top: 10px; line-height: 1.5;}
.index-ys_c_box .index{ width:60px; height: 60px; display: block; background-color:#D20104; position: absolute; top:0px; left:-100px; transform: rotateZ(45deg)  }
.index-ys_c_box .index em{color:#fff; display: block; line-height: 60px;  text-align: center;  font-size: 35px; font-weight: bold; transform: rotateZ(-45deg)}
.index-ys_c_box .position .item:before{ content: ""; width:1px; height:  100%; height: calc(100% - 100px); border: dashed 1px #909090; position: absolute; top:80px; left:-71px; }
.index-ys_c_box .position .item:last-child:before{ height: 0px;}
.index-news_container{ justify-content: space-between;}
.subbox-news1{ width:48%; float: left; position: relative;}
.news1pic{ width:476px; height: 200px; margin-bottom: 30px;}
.news1pic img{ width:100%; height: 100%;}
.news1img-box .news1title{ font-size: 16px; font-weight: bold; line-height: 24px;}
.news1img-box  .news1desc{ line-height: 20px; height: 40px; overflow: hidden; }
.news1li-box{ margin-top: 12px;}
.subbox-news2{ width:48%; float: right;  position: relative;}
.subbox-news2 .img-box a{ display: block; margin-bottom: 30px;}
.subbox-news2 .img-box .news2pic{ width:150px; height: 90px; float: left; clear: left;}
.subbox-news2 .img-box .news2pic img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.subbox-news2 .img-box .news2title{ width: calc(100% - 160px); float: right; clear: right; font-weight: bold; font-size: 16px; margin-bottom: 10px; }
.subbox-news2 .img-box .news2desc{ width: calc(100% - 160px); float: right; clear: right; line-height: 20px; height:40px; overflow: hidden;  }
.index-news .time,.case-news .time{ display: none;}
.index-news .li-box .item ,.case-news .li-box .item { width:50%; float: left; padding-left:5%; position: relative; }
.index-news .li-box .item:before,.case-news .li-box .item:before{content: "\f055"; font-family: FontAwesome;  color:#D20104;  position: absolute; z-index: 2; top:50%; left:10px; margin-top: -10px; }
.index-news .li-box  .title,.case-news .li-box  .title{ display: block; line-height: 2;}
.index-news-c-t {  font-size: 20px; line-height: 2; font-weight: bold; border-bottom: 1px solid #909090;}
.index-news-c-t a{ position: relative; padding-left: 25px; line-height: 2; display: inline-block;}
.index-news-c-t a:before{ content: "\f009"; font-family: FontAwesome;color:#D20104;  position: absolute; z-index: 2; top:50%;left:15px; transform:rotateZ(-45deg) translateY(-60%)  }
.index-news-c-t a:after{ content: ""; width:100%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:0px; bottom: -2px; }
.index-news-c-t em{ color:#D20104;}
a.morenews1,a.morenews2{ position: absolute; top:0px;right: 0px; padding: 10px;color:#D20104}
.footer-quick_container{ width:1000px; min-width: 1000px;}
.footer-quick-title{ font-size: 20px; text-align: center; position: relative; height: 40px;}
.footer-quick-title .titlestyle{ height: 40px; position: relative;}
.footer-quick-title .titlestyle:before{ content: ""; width:150px; height: 0px; border-bottom: 2px solid #D20104; position: absolute; top:50%; margin-top: -1px; left:0px;z-index:2;}
.footer-quick-title .titlestyle:after{ content: ""; width:150px; height: 0px; border-bottom: 2px solid #D20104; position: absolute; top:50%; margin-top: -1px; right:0px;z-index:2;}
.footer-quick-title span{ display: block; line-height: 40px; padding: 0px 15px; position: absolute; top:0px; left:50%; transform:translateX(-50%); z-index: 2; background-color: #fff; font-weight: bold; }
.footer-quick-title:before{ content: ""; width:100%; height: 0px; border-bottom: 2px solid #ececec; position: absolute; top:50%; margin-top: -1px; left:0px; z-index: 1; }
.footer-quick-title em{color:#D20104;}
.footer-quick .classtitle{ float: left; width:80px; font-size: 14px; font-weight: bold;  margin: 5px 0px;color:#D20104; position: relative; }
.footer-quick .classtitle:before{ content: "\f138"; font-family: FontAwesome; margin-right: 5px; }
.footer-quick .classitem{ float: left; width:900px; width:calc( 100% - 100px)}
.footer-quick .item{ float: left; padding: 0px 10px; line-height: 1; margin: 10px 0px; border-right: 1px dashed #cccc;}
.footer-quick .list .item:last-child{ border-right: 0px; }
.footer-quick .list .item:last-child a{ color: #D20104}
.footer-quick-proclass ,.footer-quick-app{ margin: 10px 0px;}
.footer-link{margin-top: 20px;}
.footer-link_container{ width:1000px; min-width: 1000px;}
.footer-link-title{ font-size: 20px; text-align: center; position: relative; height: 40px;}
.footer-link-title span{ display: block; line-height: 40px; padding: 0px 15px; position: absolute; top:0px; left:50%; transform:translateX(-50%); z-index: 2; background-color: #fff;font-weight: bold; }
.footer-link-title:before{ content: ""; width:100%; height: 0px; border-bottom: 1px solid #ececec; position: absolute; top:50%; margin-top: -1px; left:0px; z-index: 1; }
.footer-link-title em{color:#D20104;}
.footer-link ul{ border: 1px solid #ececec; margin-top: -21px; padding-top: 30px;}
.footer-link li{ float: left; padding: 0px 10px; line-height: 1; margin: 10px 0px;}

.footer-nav{ margin-top: 20px; background-color:#252525;  }
.footer-nav .container{ width:800px; min-width: 800px;}
.footer-nav .footnavul1{ justify-content: space-between;}
.footer-nav li{ text-align: center; line-height: 1; padding: 15px 0px; position: relative; flex: auto;}
.footer-nav .footother:before{ content: ""; width:0px; height: calc( 100% - 30px); min-height: 12px; border-left: 3px solid #fff; position: absolute; left:-1px; top:15px;}
.footer-nav a{ color:#fff; display: block; padding: 0px 5px; height: 100%;}

.footer-box{ margin-top: 20px; margin-bottom: 10px;}
.footer-box .container{ width:1000px; min-width: 800px;}
.footer-logo-box { width: 180px; float: left;}
.footer-logo-box img{ max-width: 100%; height: auto;}
.footer-content-box { width: 610px; width:calc(100% - 180px - 150px - 30px - 30px ); margin-left: 30px; float: left;}
.footer-qrcode-box{ width:150px; float: right; text-align: center;}
.footer_company{ display: inline-block; width:auto;}
.footer_companyname{ font-size: 26px; display: block; font-weight: bold; }
.footer_companyname em{color:#D20104}
.footer_companydesc{ font-size: 20px;display: block; text-align: center; position: relative; height: 40px;  }
.footer_companydesc:before{ content: ""; height: 3px; width:100%; background-color:#252525; position: absolute; left:0px; top: 50%; margin-top: 1px; z-index: 1;  }
.footer_companydesc span{ display:block; padding: 0px 10px; white-space: nowrap; background-color: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%)  ;z-index: 2;  }
.footer_companydesc span em{ color:#D20104; }
.footer-qrcode-box img{ max-width: 100%; height: auto;}
.footer_content{ line-height: 2;font-size: 14px;}
.gotop { display: none; position: fixed; bottom:50px; left:50%;  background-color:#D20104;  text-align: center; word-wrap: break-word;z-index: 10; margin-left: 500px;padding: 4px; }
.gotop a{color: #fff; display: block;  width:26px; font-size: 14px;}
.sidenav .title,.sidecontact-box .title{ height: 80px; line-height: 80px; text-align: center; background-color:#D20104; border-bottom: 2px solid #D20104; font-size: 30px; font-weight: bold; color: #fff; position: relative;}
.sidenavul2{ border: 2px solid #D20104;   }
a.sidenava2 ,a.sidenava3{ display: block; line-height: 35px; margin: 10px 5px; background-color: #D20104; padding-left: 10px; color: #fff; width:auto; }
a.sidenava3{ text-indent: 20px; background-color: #ececec;color:#252525}
a.sidenava2:hover ,a.sidenava3:hover{ background-color: #252525;color: #fff;    }

.sidecontact-box .title{ margin-top: 20px;}
.sidecontact { border: 2px solid #D20104; padding: 10px 5px;}

.about-honor_t_title { border-bottom:1px solid #ececec; text-align: center;}
a.about-honor_t_a{ font-size: 20px; font-weight: bold; display: inline; padding: 0px 20px; line-height: 40px;  color:#D20104; position: relative; }
.about-honor_t_a:after{content: ""; width:100%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:0%; bottom:-10px; }
.about-honor_t_a em{ color:#D20104; }
.about-honor_c_box{ overflow: hidden;}
.about-honor_c_box .list{ width:800%; white-space: nowrap;}
.about-honor_c_box .item { float: left; margin-right: 16px; }
.about-imp-title-box{ border-bottom:1px solid #ececec; text-align: center; margin-bottom: 20px; }
.about-imp-title{ font-size: 20px; font-weight: bold; display: inline; padding: 0px 20px; line-height: 40px;  color:#D20104; position: relative; }
.about-imp-title:after{content: ""; width:100%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:0%; bottom:-10px; }
.about-imp-pic{ text-align: center;}
.about-imp-pic img{ max-width:100%; height: auto;}
.productpage .productlist .item{ width:33.33%; float: left;}
.productpage .searchlist.productlist .item{ width:25%; float: left;}
.productpage .productlist .item .divmain{ margin: 20px 5px 0px 5px; border: 1px solid #eee; text-align: center; padding: 5px;}
.productpage .productlist .item div img{ max-width:100%; height: auto; display: block; margin: 0px auto}
.productpage .productlist .item div span{ max-width:100%; display: block; margin: 0px auto}
.productpage .productlist .item div a{ width:100%; line-height: 3; display:block ;text-align: center;}
.productpage .productlist .item div:hover a{ color:  #D20104; font-weight: bold;}

.productshowpage .proshow-title-box{ clear: both; margin-top: 20px;}
.productshowpage .proshow-img-box{ width:50%; float: left;}
.productshowpage .pro-bigimg-img {max-width: 100%; padding: 3px; border: 1px solid #e4e4e6; }
.productshowpage .proshow-img-box .pro-imglist{ overflow: hidden; margin-top: 20px;}
.productshowpage .imglist-box{white-space: nowrap; }
.productshowpage .imglist-box li{ float: left; margin-right: 10px; border: 1px solid #fff; }
.productshowpage .imglist-box li.curr{border: 1px solid #eee;}
.productshowpage .proshow-title-intor{ width:48%; float: right;}
.productshowpage .proshow-title-intor .title{ font-size: 18px; font-weight: bold; color: #D20104; margin-bottom:20px;}
.productshowpage .productshowbody{ margin: 20px auto;}
.productshowpage .productshowbody .titlebar{ height: 40px; line-height: 40px; border-bottom: 1px solid  #eee; font-size: 20px; font-weight: bold; color: #D20104; }
.productshowpage .productshowbody .titlebar li{ padding-right:  40px; display: inline-block; float: left;  cursor: pointer; border-bottom: 1px solid #D20104; }

.productshowpage .productshowbody .contentpanel{ margin-top: 20px; }
.productshowpage .productshowbody .tab-panel{ margin-top: 10px; }
.productshowpage .productshowbody .contentpanel .hide{ display: none;}
.productshowpage .productshowbody .tab-panel table td{ border:  1px solid #dedede; padding-left: 10px;}
.hotpro-title-box{ height: 80px; line-height: 80px; border-bottom: 3px solid #ececec; text-align: left;  }
.hotpro-title{ font-size: 30px; font-weight: bold; display: block; padding:0px 20px; line-height: 80px; float: left;  color:#D20104; position: relative;  }
.hotpro-title:after{content: ""; width:100%; height: 0px; border-bottom: 3px solid #D20104; position: absolute; left:0%; bottom:0px; z-index: 3;  }
.hotpro  .list{ margin-top: 20px;}
.hotpro  .list li{ justify-content: space-between;}
.hotpro .pic{ width:400px;  padding: 3px; border: 1px solid #e4e4e6;}
.hotpro .pic img{ max-width: 100%; height: auto;}
.hotpro .content{ width:320px; margin-left: 20px; }
.hotpro .content .title{ display: block; height: 48px; line-height: 40px; border-bottom: 1px dashed #eee; font-size: 20px;}
.hotpro .content .desc1 { padding-top: 10px; height: 250px; line-height: 25px;  overflow: hidden;}
.imgpage .item{ width:33.1%; float: left; }
.imgpage .item div.divmain{ margin: 20px 10px 0px 10px; padding: 10px; border: 1px solid #eee; text-align: center;}
.imgpage .item div img{ max-width:100%; display: block; margin: 0px auto; height: auto;}
.imgpage .item div span{ max-width:100%; display: block; margin: 0px auto}
.imgpage .item div a{ width:100%; line-height: 3; display:block ;text-align: center;}
.imgpage .item div.divmain:hover{ border: 1px solid #D20104;}
.imgpage .item div:hover a{ color:  #D20104; font-weight: bold;}
.imgshowpage .img-box{ overflow: hidden; text-align: center;}
.imgshowpage .img-box img{ max-width: 100%;}
.imgshowpage .para
,.imgshowpage .title{ text-align: center; }
.imgshowpage .img-box .imglist{ overflow: hidden;}
.imgshowpage .img-box .imglist ul ,.showdiv ul { white-space: nowrap; }
.imgshowpage .img-box .imglist li,.showdiv li{ display: inline-table; margin: 10px ;border:1px solid #fff; }
.imgshowpage .img-box .imglist li.curr,.showdiv li.curr{ border:1px solid #eee; }
.imgshowpage .content-box{ margin-top: 10px;}
.imgshowpage .content-box img{max-width: 100%; }

.newspage .news{ width:90%; float: left;}
.newspage  .item{ line-height: 3; border-bottom: 1px dashed #D2010466;}
.newspage  .item a{ display: block;}
.newspage .time{ max-width:20%; float: right;}

.newspage2 .img{ max-width: 354px; padding: 1px; float: left; border: 1px solid #eee}
.newspage2 .news{ width: 530px; width: calc( 100% - 370px) ; float: right;}
.newspage2 .img img{ max-width: 100%; height: auto; }
.newspage2  .title{  font-size: 16px; line-height: 30px;}
.newspage2 .desc { -webkit-line-clamp:3; margin-top: 50px; line-height: 2; color:#666; }
.newspage2  .item{ margin-bottom: 20px;}
 .newspage2 .newsList  .box{ position: relative;}
.newspage2 .newsList  .time{ position: absolute; line-height: 30px; top:40px; left:370px;}
.newspage2 .anewsinfo { position: absolute; display: block; padding: 5px 20px; border-radius: 10px; bottom:20px; left:370px; background-color:#999 ; color: #fff; }

.newspage3 .caseclass .classtitle{  padding-top: 33px;  line-height: 44px;  border-bottom: 1px solid #dadada;  overflow: hidden; clear: both;}
.newspage3 .caseclass .classtitle a{ display: block; float: left; font-size: 24px; line-height: 42px; height: 44px; color: #D20104;  border-bottom: 2px solid #D20104; padding-right: 60px; }
.newspage3 .caseclass dl{ margin-top: 30px; position: relative;}
.newspage3 .caseclass dt{ max-width: 354px; padding: 1px; float: left; border: 1px solid #eee; }
.newspage3 .caseclass dt img{ max-width: 100%; height: auto; }
.newspage3 .caseclass dd{ width: 530px; width: calc( 100% - 370px) ; float: right;}
.newspage3 .casetitle{ font-size: 16px; line-height: 30px;}
.newspage3 .casetime{line-height: 30px;}
.newspage3 .casedesc{  -webkit-line-clamp:3; margin-top: 20px; line-height: 2;  color:#666;}
.newspage3 .anewsinfo{position: absolute; display: block; padding: 5px 20px; border-radius: 10px; bottom:20px; left:370px; background-color:#999 ; color: #fff;}
.newspage3 .caseclass .othernews{ height: 60px; line-height: 60px; border: 1px solid #dadada; border-left: 0px; border-right: 0px; margin-top: 20px; }
.newspage3 .caseclass .othernewsother{ position: relative; padding: 0px 20px 0px 8px; float: left;}
.newspage3 .caseclass .othernewsother:before{ content: "";  height: 20px; width:0px; border-left: 2px solid #D20104 ; position: absolute; top:50%; margin-top: -10px; left:0px;}
.newspage3 .caseclass .othernewsother:after{ content: "";  height: 0%; width:0px; border: 5px solid transparent; border-right: 0px; border-left: 7px solid #D20104;  position: absolute; top:50%; margin-top: -5px; right:5px;}
.newspage3 .caseclass .othernewsitem{ padding-left: 20px;}
.othernewslist{ display: inline-block; width:75%; overflow: hidden;}
.newspage3 .caseclass .othernewsitem.single-over{ max-width: 25%;float: left; width:auto;}
.newspage3 .caseclass  .othernewsmore{ line-height: 30px; float: right; margin-right: 20px; display: block; padding: 0px 20px; border-radius: 10px; margin-top: 15px; background-color: #999; color: #fff;}
.shownewscontent{ color:#666;}
.newspage3.page{ padding-bottom: 0}

.news_hot_curr{ background-color: #f6f6f6; padding: 15px 30px; margin-top: 20px;}
.news_hot_curr .title{ color:#D20104}
.news_hot_curr li{ height: 30px; line-height: 30px; border-bottom: 1px dashed #cacaca;}
.news_hot_curr li a{ float: left; width:600px;; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_hot_curr li span{ float: right;}
.shownewpage .hotpro-title-box { margin-top: 20px;}
.shownewpage .hotpro-title-box,.shownewpage .hotpro-title{ text-align: center; height: 40px; line-height: 40px; font-size: 20px;}
.shownewpage .hotpro-title{ left: 50%; transform:translateX(-50%); padding: 0px;   }
.casemedia { margin-top: 40px;}
.casemedia .ml{ width:240px; float: left;}
.casemedia .ml .title{ width:100%; height: 240px; text-align: center; background-color: #D20104; border-top: 10px solid #252525;  }
.casemedia .ml .title .titlestyle{ line-height: 1; font-size: 30px; font-weight: bold; color: #fff; padding: 15px 15px; display: inline-block;  margin-top: 110px;  transform:translateY(-50%); position: relative; }
.casemedia .ml .title .titlestyle:before{ content: ""; width:20px; height: 20px; border: 1px solid #fff; border-right: 0px ; border-bottom:  0px;position: absolute; left:0px; top:0px;}
.casemedia .ml .list{ height: 420px;}
.casemedia .ml .list ul{ padding-top: 10px;}
.casemedia .ml .list li{ height: 40px; line-height: 40px; position: relative; border-bottom: 1px dashed #D20104; width:95%; margin-left: 2%; }
.casemedia .ml .list li a{ display: block; width:87%; float: right; margin-right: 10px;}
.casemedia .ml .list li:before{content: "\f055"; font-family: FontAwesome;  color:#D20104;  position: absolute; z-index: 2; top:0%; }
.casemedia .ml .title .titlestyle:after{ content: ""; width:20px; height: 20px; border: 1px solid #fff; border-left: 0px ; border-top:  0px;position: absolute; right:0px; bottom:0px;}
.casemedia .ml .more{  height: 60px; line-height: 60px; text-align: center; background-color:#D20104; color:#fff; }

.casemedia .ml .more a{color:#fff;  display: block;}
.casemedia .mr{ width:720px; float: right;}
.casemedia .mr  .item{  height: 240px;   background-color: #eee;}
.casemedia .mr  .item:nth-child(2n+1){ flex-direction: row-reverse;}
.casemedia .mr .iteminfo{ display: block; float: left; padding:15px 20px; line-height: 1px; border: 1px solid #999; border-radius: 5px; margin-left: 40px; margin-top: 20px; }
.casemedia .mr  .pic{ width:50%;  height: 240px; }
.casemedia .mr  .pic img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.casemedia .mr  .content{ width:50%;  height: 240px;}
.casemedia .mr  .content .title{ margin: 0px 40px; font-size: 18px; line-height: 48px; margin-top: 20px;}
.casemedia .mr  .content .desc{ margin: 0px 40px; -webkit-line-clamp:3; line-height: 2;}
.casemedia .mr  .item1 .pic{ float: left;}
.casemedia .mr  .item1 .content{ float: right;}
.shownewpage .shownewstitle{ color:#D20104; line-height: 3;}
.shownewpage .time{ display: block;  line-height: 2;}
.shownewpage{ line-height: 2;}
.shownewstitle{ line-height: 3; }
.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}
.feedbackpage .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px;}
.feedbackpage .feedback_table .input{}
.feedbackpage .feedback_table .input .input-text{ width:90%;}
.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 80px; }
.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 20px;}
.feedbackpage .feedback_table .info{ padding-left:5px; color: #f00; }
.feedbackpage .feedback_table .input .input-text,.feedbackpage .feedback_table .input .textarea-text,.feedbackpage .feedback_table .code{ }
.feedbackpage .feedback_table td.submint{ padding-top: 20px;}
.feedbackpage .feedback_table .button { width:45%; line-height: 3; background-color:#D20104;  border: 1px solid #D20104;  color: #fff; cursor: pointer;}
.feedbackpage .feedback_table .reset{  background-color:#edecea;  border: 1px solid #edecea; color: #626669; }
.wayleft:before{ content:"\f137"; font-family: FontAwesome; opacity: 0.6; }
.wayleft:hover:before{opacity: 1;}
.wayright:before{ content:"\f138"; font-family: FontAwesome; opacity: 0.6}
.wayright:hover:before{opacity: 1;}
.waydown:before{ content:"\f13a"; font-family: FontAwesome; opacity: 0.6}
.waydown:hover:before{opacity: 1;}
.wayup:before{ content:"\f139"; font-family: FontAwesome; opacity: 0.6}
.wayup:hover:before{opacity: 1;}

.quickmax{width:1000px;}