* { box-sizing: border-box;}
*:before,
*:after { box-sizing: border-box;}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a {color: #c8281c;text-decoration: none;}
a:hover,a:focus {color: #c8281c;text-decoration: underline;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle;}
li{list-style:none;}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;}
.img-rounded {border-radius: 6px;}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.img-circle {border-radius: 50%;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row {margin-right: -15px;margin-left: -15px;display: flex;align-items: center;justify-content: space-around;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-right: 0px;padding-left: 0px;margin: 0 6px;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-offset-12 {margin-left: 100%;}
.col-xs-offset-10 {margin-left: 83.33333333%;}
.col-sm-10 {width: 83.33333333%;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
.col-md-3 {width: 25%;}
.center-block {display: block;margin-right: auto;margin-left: auto;}
.pull-left {float: left !important;}
.product-title{display: flex;align-items: center;justify-content:space-between;width:100%;}
.product-title h3{font-size: 30px;font-weight: bold;line-height: 45px;color: #333;margin: 0;}
.product-title .nav-tabs {border-bottom: none;}
.product-title .nav-tabs > li {float: left;margin-bottom: 0;}
.product-title .nav-tabs > li > a {margin-right: 2px;border: none;border-radius: 0;background-color: #6b6b6b;color: #fff;padding: 12px 20px;font-size: 16px;}
.product-title .nav-tabs > li > a:hover {border-color: transparent;background-color: #c8281c;color: #fff;}
.product-title .nav-tabs > li.active > a,
.product-title .nav-tabs > li.active > a:hover,
.product-title .nav-tabs > li.active > a:focus {color: #fff;cursor: default;background-color: #c8281c;border: none;border-color: transparent;}
.product-item{margin-top: 20px;}
.product-item span{height: 45px;line-height: 45px;color: #fff;background-color: #c8281c;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-item:hover span{color: #fff;background-color: #828282;}
.product-item img{width: 100%;/* height: 230px; */}

/*toubu*/
#top_bj{ width: 100%; height: auto; transition:0.5s; background: #fff; position: relative;}
#top_index{ height: auto; margin: 0 auto;}
#logo{ padding-top: 1%; padding-bottom: 1%; text-align: center;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s; position: relative; z-index: 1; }
#top_tel{transition:0.5s;/* padding: 2% 0 0; */}
#top_tel .top_tel_con{color: #c40000;font-family: Impact;font-size: 22px;display: flex;align-items: center;}
#top_tel .top_tel_con i{float: left;font-size: 28px;width: 24px;background: url(../picture/dianhua.png);height: 24px;margin-right: 10px;}
#top_tel .top_search{ border-left: 1px solid #c7c7c7; margin-left: 20px; padding-left: 10px;}
#top_tel .top_search i{ font-size: 30px; color: #c40000;}

#nav{height: auto;transition:0.3s;margin: 0;width: 50%;text-align: center;}
#nav>li{display: inline-block;width: 15%;height: 50px;line-height: 50px;font-size: 18px;font-weight: normal;color: #282828;text-align: center;position: relative;transition:0.3s;}
#nav>li>a{ display: inline-block; position: relative; z-index: 1; color: #282828;}
#nav>li:hover a{ color: #c40000;}
#nav>li>a:after { content: '';  width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-color: #c40000; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; left: 0; }
#nav>li:hover a::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; right: 0; }
#nav>.cur a{color: #c40000;}
#nav>.cur a::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; right: 0; }

#nav>li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0%;
  top: 65px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  box-shadow:0 0 3px 1px #f2f2f2;
}
.x-sub-menu  li a { display: block ; text-align: center;line-height: 2;font-size: 14px; color: #333 !important;line-height: 1.5;padding: .5em;text-decoration:none !important;}
.x-sub-menu > li:hover {background: #e9eaeb;}
.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}

#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom: 3%;}
#banner .swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 1px; transition:0.3s; opacity: 0.3;}
#banner .swiper-pagination-bullet-active{ width: 60px; background: #c40000; opacity: 1;}
#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-next i,#banner .swiper-button-prev{ color: #fff; font-size: 50px;}
#banner .swiper-button-next,#banner .swiper-button-prev{width: 50px;height: 80px;}
#banner .swiper-button-next{ right: 5%; opacity:0.5;}
#banner .swiper-button-prev{ left:5%;opacity:0.5;}
#banner .swiper-button-next:hover{opacity:1 !important;}
#banner .swiper-button-prev:hover{opacity:1!important;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width: 1280px;margin:0 auto;}
.mt20{margin-top:80px;}
/*header*/
.top_pos{position:absolute;left:0;top:0;width:100%;height:120px;background:url(../images/top_bg.png) no-repeat center top;z-index:9;}
.top_r{width:730px;}
.top_tel{line-height:55px;background:url(../images/tel.png) no-repeat left center;padding-left:40px;}
.top_tel span{font-size:24px;color:#eb1700;}
.nav_list{height:40px;line-height:40px;}
.nav_list li{width:90px;float:left;}
.nav_list li a{display:block;color:#fff;}

/* banner */
.banner{ width:100%; height:790px; overflow:hidden; position:relative;}
.b-img{ height:790px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:790px; float:left;}
.b-list{ height:50px;position:relative; margin:760px auto 0;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:7px; float:left; margin:0 5px; _margin:0 3px;background:#fff;}
.b-list .spcss{width:30px;background:#eb1700;}

.h-top { background: #c8281c;}
.h-top p{margin:0;}
.wel,
.xunpan,
.xunpan a {font: 500 12px/33px "Microsoft YaHei"; color: #fff;}
.xunpan a:hover{ color:#a8a8a8;}
.h-header {background: #fff;padding: 10px 0;}


.h-search{padding: 19px 0 18px; border-bottom: 1px solid #e2e2e2;}
.h-top .wrap{width: 1280px;margin: 0 auto;}
.h-search .wrap{  width: 1280px; margin: 0 auto;}
.h-search .h-hot{  color: #c8281c; font-weight: 700; line-height: 40px;}
.h-search .h-hot a{ color:#666; font-weight: 400; padding-right: 19px;}
.h-search .h-hot a:hover{color:#c8281c; }
.x-header-right { float: right; text-align: right; }
.x-header-right #formsearch,
.x-header-right .x-login { display: inline-block; vertical-align: middle;}
.x-header-right #formsearch {
  width: 282px;
  line-height: 40px;
  border-radius: 25px;
  overflow: hidden;
  border:1px solid #ddd;
  position: relative;
}

.x-header-right #formsearch #keyword {
  float: left;
  background: none;
  outline: none;
  border: none;
  width: calc(100% - 61px);
  color: rgba(0, 0, 0, 0.8);

  line-height: 40px;
  padding-left: 16px;
}
.x-header-right input::-webkit-input-placeholder {
  color: #c1c1c1
}
.x-header-right input::-moz-placeholder {
  color: #c1c1c1
}
.x-header-right input::-ms-input-placeholder {
  color: #c1c1c1
}
.x-header-right input::placeholder {
  color: #c1c1c1
}
.x-header-right #formsearch #s_btn {
  float: left;
  outline: none;
  border: none;
  width: 58px;
  line-height: 34px;
  border-radius: 20px;
  color:#fff;
  font-size: 14px;
  margin-top:3px;
  background:#c8281c;

}
/*index*/
.index_box{padding: 20px 0 0;}
.about_bg{padding-top:80px;height:680px;box-sizing:border-box;background:url(../images/about_bg.jpg) no-repeat center top;}
.about_tit dt{font-size:30px;color: #333;line-height:40px;}
.about_tit dd{font-size:16px;color:#999;line-height:30px;text-transform:uppercase;}
.about_tit_text{font-size: 16px;line-height:30px;margin-bottom:50px;}
.about_pic{width:540px;height:150px;}
.about_pic img{border-radius:5px;}
.about_pic_text{position:absolute;left:0;bottom:0;width:100%;height:80px;padding:10px;box-sizing:border-box;background:#c8281c url(../images/line.jpg) no-repeat center center;}
.about_pic_text li{width:50%;padding:0 10px;line-height:30px;box-sizing:border-box;float:left;}
.about_pic_text .about_pic_a{font-size:12px;color:#fff;text-transform:uppercase;}
.about_pic_a span{font-size:24px;color:#ffffff;}
.about_pic_text .about_pic_b{background:url(../images/about_tel.png) no-repeat 20px center;padding-left:80px;font-size:18px;color:#1e9ed0;}
.about_pic_b b{font-size:20px;color:#fff;}
.about_con{width:600px;}
.about_text{line-height:40px;height:200px;overflow:hidden;margin:20px 0;}
.about_list li{width: 98px;height: 98px;line-height:40px;float:left;border:#ddd solid 1px;border-radius:5px;margin-right: 50px;transition:all .5s linear;}
.about_list li:hover{border:#c8281c solid 1px;}
.about_list li>a{display:block;padding: 15px 0;}
.about_more{width:150px;height:40px;line-height:40px;border:#ddd solid 1px;border-radius:20px;color:#999;margin-top: 40px;}
.about_more:hover{border:#eb1700 solid 1px;color:#eb1700;}


.case_list li{width: 400px;/* height:320px; */overflow:hidden;margin:0 10px;float:left;position:relative;}
.case_list li img{transition:all .8s linear;}
.case_list li:hover img{transform:scale(1.1);}

.case_list_name{position:absolute;left:20px;bottom:20px;width: 360px;/* height: 50px; */background:#fff;color:#7288a9;font-size: 16px;white-space: nowrap;overflow: hidden;font-weight:bold;text-overflow: ellipsis;padding: 10px;text-align:left;}
.case_list_name b{color: #c8281c;font-size: 14px;}
.case_more{display:block;margin:50px auto;width:150px;height:40px;line-height:40px;border: #8a8a8a solid 1px;border-radius:20px;color: #888;}
.case_more:hover{border:#eb1700 solid 1px;color:#eb1700;}

.cooper_bg{padding:60px 0;box-sizing:border-box;min-height: 610px;background:url(../images/cooper_bg.jpg) no-repeat center top;}
.cooper_tit{line-height:40px;color:#fff;text-transform:uppercase;}
.cooper_tit dt{font-size:30px;}
.cooper_tit dd{font-size:14px;}
.cooper_text{margin:30px 0;position:relative;}
.cooper_text span{display:inline-block;width:200px;height:40px;line-height:40px;background:#e00324;border-radius:5px;color:#fff;font-size:18px;}
.cooper_text:before,.cooper_text:after{content:"";position:absolute;top:20px;width:330px;height:1px;background:#fff;}
.cooper_text:before{left:100px;}
.cooper_text:after{right:100px;}
.cooper_list{margin:50px 0;}
.cooper_list li{width:220px;height:200px;float:left;margin:0 10px;padding:30px 0; box-sizing:border-box;background:#ededed;position:relative;transition:all .5s linear;}
.cooper_list li:after{content:"";position:absolute;left:50%;bottom:20px;margin-left:-20px;width:40px;height:2px;background:#666;}
.cooper_list li:hover:after{background:#eb1700;}
.cooper_list li:hover{background:#fff;}
.link_box{margin:0 10px;background:#fff;box-shadow:0 0 15px #ddd;}
.link_tit{width:300px;height:160px;line-height:30px;background:#c6021a;color:#fff;text-transform:uppercase;}
.link_tit img{padding:10px 0;}
.link_list li{width:292px;margin:20px 0;float:left;border-right:#ddd solid 1px;}
.link_list li:last-of-type{border-right:none;}

.news_con{width:580px;border-bottom:#ddd solid 1px;padding-bottom:18px;}
.news_pic{margin-bottom:20px;}
.news_con h3{font-size:18px;font-weight:normal;line-height:50px;color:#000;}
.news_con_text{line-height:30px;height:60px;overflow:hidden;}
.news_con_text a{color:#666;}
.news_list{width:570px;}
.news_list li{padding:24px 0;border-bottom:#ddd solid 1px;transition:all .5s linear;}
.news_list li:hover{border-bottom:#eb1700 solid 1px;}
.news_list_date{width:120px;padding-right:20px;line-height:40px;color:#999;position:relative;}
.news_list_date span{line-height:60px;font-size:36px;}
.news_list_date:after{content:"";position:absolute;right:0;top:40px;width:2px;height:30px;background:#ddd;}
.news_list_con{width:400px;line-height:30px;color:#999;}
.news_list_con h3{line-height:40px;color:#333;}
.news_list li:hover .news_list_con h3{color:#eb1700;}

.pro_bg{height:1040px;padding:60px 0;box-sizing:border-box;background:url(../images/pro_bg.jpg) no-repeat center top;}
.pro_list{margin:60px 0;}
.pro_list li{width:280px;float:left;margin:0 10px 20px;background:#fff;font-size:16px;box-shadow:0 0 15px #ddd;}
.pro_list_pic{width:280px;height:240px;overflow:hidden;}
.pro_list_pic img{transition:all .8s linear;}
.pro_list li:hover .pro_list_pic img{transform:scale(1.1);}
.pro_list_name{border-top:#ddd solid 1px;line-height:50px;}
.pro_list li:hover .pro_list_name{border-top:#eb1700 solid 1px;transition:all .5s linear;color:#eb1700;}
.pro_more{display:block;margin:50px auto;width:150px;height:40px;line-height:40px;border:#eb1700 solid 1px;border-radius:20px;color:#eb1700;}

/*main*/
.type_list{border-bottom:#ddd solid 1px;}
.type_list li{display:inline-block;padding:30px 0;margin:0 10px;background:url(../images/dot.png) no-repeat center 100px;transition:all .5s linear;overflow:hidden;}
.type_list li a{display:block;padding:0 20px;line-height:40px;border-radius:5px;}
.type_list li:hover a{background:#eb1700;color:#fff;}
.type_list li:hover{background:url(../images/dot.png) no-repeat center bottom;}

.main_page{margin:30px 0;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#eb1700;color:#fff;border:#eb1700 solid 1px;}

.main_case{padding-top:20px;}
.main_case li{width:280px;height:320px;overflow:hidden;margin:0 10px 20px;float:left;position:relative;}
.main_case li img{transition:all .8s linear;}
.main_case li:hover img{transform:scale(1.1);}
.main_case_pos{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6) url(../images/icon04.png) no-repeat center 120px;line-height:60px;color:#fff;padding-top:160px;box-sizing:border-box;transition:all .5s linear;transform:scale(0);overflow:hidden;}
.main_case_pos:after{content:"";position:absolute;left:5%;top:5%;width:90%;height:90%;border:#eb1700 solid 1px;box-sizing:border-box;}
.main_case li:hover .main_case_pos{transform:scale(1);}
.main_con{padding:30px 0;line-height:40px;}
.main_about_tit{line-height:40px;color:#666;text-transform:uppercase;margin:20px 0;}
.main_about_tit span{font-size:30px;padding-right:10px;color:#000;}
.main_about_text{padding:20px 0;line-height:40px;font-size:16px;}
.main_honor{padding:30px 0;}
.main_honor img{display:inline-block;margin:0 6px;}

.main_contact{padding:0 100px;}
.main_contact_text{width:400px;line-height:40px;padding:30px 0;}

.main_news li{padding:24px 0;border-bottom:#ddd solid 1px;transition:all .5s linear;}
.main_news li:hover{border-bottom:#eb1700 solid 1px;}
.main_news_date{width:120px;padding-right:20px;line-height:40px;color:#999;margin:30px 80px 30px 0;position:relative;}
.main_news_date span{line-height:60px;font-size:36px;}
.main_news_date:after{content:"";position:absolute;right:0;top:40px;width:2px;height:30px;background:#ddd;}
.main_news_con{width:600px;line-height:30px;color:#999;margin-top:30px;}
.main_news_con h3{line-height:40px;color:#333;}
.main_news li:hover .main_news_con h3{color:#eb1700;}

.gbook_box{ width:1200px;}
.gbook_inp{width:100%;height:40px;line-height:40px;box-sizing:border-box;background:#eee;border:#ddd solid 1px;padding:0 10px;}
.gbook_textarea{height:120px;}
.gbook_submit{width:100%;height:40px;line-height:40px;background:#c8281c;color:#fff;font-size:16px;border:none;}
.gbook_pos{position:absolute;right:0;top:0;width:100%;line-height:22px;color:#999;padding:45px 20px;box-sizing:border-box;}

.mar50{margin-bottom:50px;}
.red{color:#eb1700;}


/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news{ padding: 90px 0 70px; background: #f6f8fb;}
.home-news .content{ margin-top: 45px;}
.home-news .left{ float: left; width: 44%; background: #FFFFFF; padding: 35px;}
.home-news .left .box{ display: none;}
.home-news .left .box.active{ display: block;}
.home-news .left .img{ overflow: hidden;}
.home-news .left .img img{ width: 100%;}
.home-news .left .text{ margin-top: 25px; line-height: 36px; height: 36px; position: relative; padding-right: 80px;font-size: 16px; color: #262b27;}
.home-news .left .text:after{ position: absolute; right:0; top:50%; margin-top: -10px; content: ""; width: 21px; height: 21px; background: url(../images/ico_more_blue.png);}
.home-news .left .text span{ font-size: 14px; display:inline-block; margin-right: 20px; color: #333333;}
.home-news .left .box:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news .left .box:hover .text{ color: #c8281c;}
.home-news .right{ float: right; width:51%;}
.home-news .right .tab a,
.home-news .right .tab span{display: block;float: left;width: 32%;margin-right:2%;height: 40px;line-height: 38px;border: 1px solid #e7e6e6;background: #FFFFFF;color: #c8281c;text-align: center;cursor: pointer;}
.home-news .right .tab a{ margin-right: 0;}
.home-news .right .tab span.active,
.home-news .right .tab span:hover,
.home-news .right .tab a:hover{background: #c8281c;border: 1px solid #c8281c;color: #FFFFFF;}
.home-news .right .js-tab-con{ display: none;}
.home-news .right .js-tab-con.active{ display: block;}
.home-news .right ul{ margin-top: 44px; border-top: 1px dashed #dadada;}
.home-news .right li{ margin-top: -1px; position: relative;}
.home-news .right li h1{display: block;height: 56px;line-height: 56px;border-bottom: 1px dashed #dadada;color: #262b27;padding-right: 60px;font-size: 15px;position: relative;}
.home-news .right li h1:after{ content: ""; position: absolute; top:50%; right:15px; width: 7px; margin-top: -4px; height: 12px; background: url(../images/home_news_more.png);}
.home-news .right li span{ padding-left: 50px; margin-right: 20px; position: relative; display: inline-block;}
.home-news .right li span:before{content: "";position: absolute;top:50%;left:15px;width: 10px;height: 3px;margin-top: -2px;background: #c8281c;}
.home-news .right li:hover{ z-index: 1;}
.home-news .right li:hover h1{ -webkit-box-shadow:0 10px 25px rgba(0,0,0,.1); box-shadow:0 10px 25px rgba(0,0,0,.1); background:#FFFFFF; border-bottom: none;}

/* ========== */
/* = NY-BANNER = */
/* ========== */
.ny-banenr{ width: 100%; height: 360px; text-align: center; padding-top: 120px; color:#FFFFFF;letter-spacing: 3px;}
.ny-banenr span{ padding-bottom: 15px; position: relative; display: block; font-size: 38px;}
.ny-banenr span:after{ content: ""; position: absolute; bottom: 0; left:50%; width:30px; height:4px; margin-left: -15px; background: #FFFFFF; }
.ny-banenr p{ margin-top: 12px; font-size: 18px; }


.bread{ line-height: 72px; border-bottom: 1px solid #eeeeee;}
.bread span{ display: inline-block; padding-left: 25px; background: url(../images/ico_home.png) no-repeat left;}
.bread a,.bread i{ margin: 0 3px; font-style: normal;}
.bread a:hover{ color: #000;}

.page{ text-align: center;}
.page a,.page span{margin:2px;display: inline-block;/* width: 38px; */height: 38px;line-height: 36px;padding: 0 10px;border: 1px solid #e5e5e5;color: #111111;text-align: center;}
.page a:hover,
.page a.active,
.page span.current{ background: #c8281c; border: 1px solid #c8281c;}
.page em{ display: inline-block; margin:0 10px;}
.page li:hover a{ color: #fff !important;}
.page li:hover span a{ color: #fff;}
.page li{display:inline-block}
.page li.active a{background: #c8281c;color:#fff}

.flip { margin-top: 25px;}
.flip a{ max-width:47%; display: inline-block; position: relative; line-height: 38px;}
.flip a span{ position: absolute; top:0; display:inline-block; width: 75px; height: 38px; line-height:36px; border: 1px solid #e5e5e5; text-align: center;}
.flip .prev{ float: left; padding-left:90px;}
.flip .prev span{ left:0;}
.flip .next{ float: right; padding-right:90px;}
.flip .next span{ right:0;}
.flip a:hover{ color: #c8281c;}
.flip a:hover span{ background:#c8281c; border: 1px solid #c8281c; color: #FFFFFF;}


@media (max-width:999px) {
  .ny-banenr{ letter-spacing: 0.04rem; height: 5rem; padding-top: 1.2rem;}
  .ny-banenr span{ padding-bottom: 0.4rem; font-size: 0.52rem;}
  .ny-banenr p{ margin-top: 0.4rem; font-size: 0.32rem; }


  .page a,.page span{ width:28px; height: 28px; line-height: 26px; font-size: 12px;}


  .flip a{ font-size: 12px;}
  .flip a span{ width: 60px;}
  .flip .prev{ padding-left: 65px;}
  .flip .next{  padding-right: 65px;}
}




/* ========== */
/* = PRODUCT = */
/* ========== */
.product{ padding: 60px 0 85px;}
.product-sub{ float: left;  width: 21%; background: #f6f8fb;}
.product-sub .tit{ padding: 30px 20px 20px; font-size:24px; font-weight: bold; color: #333333;}
.product-sub .tit span{ margin-left: 10px; font-style: normal; font-weight:normal; font-size: 14px; color: #aaaaaa;}
.product-sub ul{ border-top: 1px solid #e7e8e9; }
.product-sub li>a{display: block;height: 54px;font-size: 15px;line-height: 54px;border-bottom: 1px solid #e7e8e9;padding: 0 55px 0 20px;position: relative;color: #333333;}
.product-sub li>a:after{ content: ""; position: absolute; top:50%; right:10px; margin-top: -10px; width: 20px; height: 20px; background-image:url(../images/product_tab_ico1.png);}
.product-sub li div{ display: none; padding: 20px 0 30px;}
.product-sub li div a{display: block;line-height: 44px;height:44px;font-size: 15px;padding: 0 32px;border-bottom: 1px solid #e7e8e9;color: #555555;}
.product-sub li div a:hover,
.product-sub li div a.active{color: #c8281c;}
.product-sub li.active>a,
.product-sub li:hover>a{ background: #c8281c; color: #FFFFFF; font-size: 16px;}
.product-sub li.active>a:after,
.product-sub li:hover>a:after{ background-image:url(../images/product_tab_ico2.png);}
.product-sub li.active div{ display: block;}

.product .right{ float: right; width:74%;}
.product-tit{ padding-bottom: 15px; border-bottom: 1px solid #c8281c; font-size: 22px; color: #333333; font-weight: bold; position: relative;}
.product-tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:30px; height: 2px; background: #c8281c;}

.product-list{ margin: 35px 0 60px;}
.product-list li{ margin-top: 35px; float: left; width: 31.33333333%; margin-right:3%;}
.product-list li:nth-child(3n){ margin-right: 0;}
.product-list li:nth-child(3n+1){  clear: both;}
.product-list li a{ display: block; -o-box-shadow:0 0 25px rgba(0,0,0,.05); -ms-box-shadow:0 0 25px rgba(0,0,0,.05); -moz-box-shadow:0 0 25px rgba(0,0,0,.05); -webkit-box-shadow:0 0 25px rgba(0,0,0,.05); box-shadow:0 0 25px rgba(0,0,0,.05);}
.product-list li .img{ overflow: hidden;}
.product-list li .img img{ width: 100%;}
.product-list li .text{ text-align: center; border-top: 1px solid #e5e5e5; color: #333333; padding: 0 10px;}
.product-list li .text span{display: inline-block;max-width: 100%;font-size: 16px;line-height: 60px;/* padding-right: 25px; */}
.product-list li a:hover{ transform: translateY(-15px); -webkit-transform: translateY(-15px) ; -o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12);}
.product-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.product-list li a:hover .text{ background: #c8281c; color:#FFFFFF;}
.product .page{text-align: center;}
.product .page li{display:inline-block;padding: 0 4px;}
.product-list li:hover .overf{color:#fff}
.product .page li.active a{background: #c8281c;color:#fff}

/* ========== */
/* = PRODUCT-DETAIL = */
/* ========== */
.product-img{ float: left; width: 46%;}
.product-img .slick-for{ border: 1px dotted #dcdcdc;}
.product-img .slick-nav{ margin-top: 18px; width: 100%; padding:0 40px;}
.product-img .slick-nav .slick-prev,
.product-img .slick-nav .slick-next{ top:0; margin: 0; background-color: #f3f3f3; width: 35px; height: 100%;}
.product-img .slick-nav .slick-prev{ left:0px;}
.product-img .slick-nav .slick-next{ right:0px;}
.product-img .slick-nav .slick-slide{ padding: 0 5px; cursor: pointer;}
.product-img .slick-nav .slick-slide span{ display: block; position: relative; border: 1px dotted #dcdcdc;}
.product-img .slick-nav img{ width: 100%;}
.product-img .slick-nav .slick-current span{border: 1px solid #3864bc;}

.product-info{ float: right; width:54%; padding-left:7%; padding-top: 10px;}
.product-info .title{ font-size: 22px; line-height: 30px; color: #000000; font-weight: bold;}
.product-info .info{ margin-top: 25px; line-height: 24px; color: #000000;}
.product-info .info span{ color: #999999;}
.product-info .button{ margin-top: 60px;}
.product-info .button a{float: left;padding: 0 5px;width:37%;height:48px;font-size: 16px;line-height: 48px;background: #cc0000;color: #FFFFFF;text-align: center;}
.product-info .button .tel{ float: left; margin-left: 5%; width: 58%;}
.product-info .button .tel span{ display: block; line-height: 26px; background: url(../images/ico_pro_tel.png) no-repeat left; padding-left: 25px; color: #999999;}
.product-info .button .tel p{ margin-top: 5px;}
.product-info .share{ margin-top: 35px; padding-top: 25px; border-top: 1px dotted #dcdcdc;}
.product-info .share span{display: inline-block;vertical-align: middle;color: #717171;}
.product-info .share div{ display: inline-block; vertical-align: middle;}

.product-tab{  margin-top: 60px;}
.product-tab span{display: inline-block;width: 150px;max-width:40%;font-size: 15px;margin-right:10px;background: #f6f8fb;text-align: center;line-height: 46px;height: 46px;cursor: pointer;color: #333333;position: relative;}
.product-tab span:after{display: none;position: absolute;bottom: -15px;left:50%;margin-left: -7px;content:"";width: 0px;height: 0px;/* border-style: solid dashed dashed dashed; *//* border-color: #c8281c; */border-width: 10px;}
.product-tab span.active{ background: #c8281c; color: #FFFFFF;}
.product-tab-box .js-tab-con{ display: none; line-height: 36px; color: #333333;}
.product-tab-box .js-tab-con.con1{border: 1px solid #eeeeee; padding:40px 45px 70px; }
.product-tab-box .js-tab-con.active{ display: block;}
.tablea{border: 1px solid #eeeeee;width: 100%;}
.tablea tbody{width: 100%;}
.tablea td{border: 1px solid #eeeeee;text-align: center;}
.ke-zeroborder{ width: 100%; text-align: center;  border: 1px solid #eeeeee;}
.ke-zeroborder td{ border: 1px solid #eeeeee; }

@media (max-width:999px) {
  .ke-zeroborder{ font-size: 12px;  word-break:break-all; }
  .tablea{ font-size: 12px; word-break:break-all;}
}




.ny-tit{  padding-bottom: 18px; font-size: 18px; font-weight: bold; letter-spacing: 1px; border-bottom:1px solid #eeeeee; color: #333333; position: relative;}
.ny-tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:40px; height:4px; background: #c8281c;}

.xg-product{ margin-top:40px;}
.xg-product .product-list{ margin-top: 0px;}

.xg-news{ margin-top: 55px;}
.xg-news ul{ margin-top: 20px;}
.xg-news li a{ display: block; height: 56px; line-height: 56px; color: #262b27; padding-right: 60px; position: relative;}
.xg-news li a:after{ content: ""; position: absolute; top:50%; right:15px; width: 7px; margin-top: -4px; height: 12px; background: url(../images/home_news_more.png);}
.xg-news li span{ padding-left: 50px; margin-right: 20px; position: relative; display: inline-block;}
.xg-news li span:before{ content: ""; position: absolute; top:50%; left:15px; width: 10px; height: 3px; margin-top: -2px; background: #c8281c;}
.xg-news li:hover{ z-index: 1;}
.xg-news li:hover a{ -webkit-box-shadow:0 3px 25px rgba(0,0,0,.1); box-shadow:0 3px 25px rgba(0,0,0,.1); background:#FFFFFF; border-bottom: none;}


@media (max-width:999px) {
  /* ========== */
  /* = PRODUCT = */
  /* ========== */
  .product-sub{ float: none; width: 100%;}
  .product-sub .tit{ font-size: 0.54rem; font-weight:bold;}
  .product-sub li{ float: left; width:50%;}
  .product-sub li:nth-child(2n-1){border-right: 1px solid #e7e8e9;}
  .product-sub li>a{ padding:0 5px; text-align: center; font-size: 0.34rem;}
  .product-sub li>a:after{ display: none;}
  .product-sub li.active>a{ font-size:0.36rem;}
  .product-sub li.active div{ display: none;}

  .product .right{ float:none; width: 100%; margin-top: 55px; margin-left: 0;}
  .product-tit{ font-size: 0.54rem; font-weight:bold;}
  .product-list{ margin-top:20px;}
  .product-list li{ width: 100%; margin-right: 0; padding: 0 5%;}
  .product .page{ text-align: center;}

  /* ========== */
  /* = PRODUCT-DETAIL = */
  /* ========== */
  .product-img{ float: none; width: 100%;}
  .product-info{ float: none; width:100%; padding-left:0; padding-top: 30px;}
  .product-tab-box .js-tab-con.con1{ padding: 20px;}


  .xg-news li a{ font-size: 13px; padding-right: 45px;}
  .xg-news li span{ padding-left: 20px; margin-right:10px;}
  .xg-news li span:before{ left:0;}


}



/* ========== */
/* = INDUSTRY = */
/* ========== */
.industry-list li{ margin-bottom: 35px; float: left; width:48%; margin-right:4%;}
.industry-list li:nth-child(2n){ margin-right:0;}
.industry-list li:nth-child(5),
.industry-list li:nth-child(6){ margin-bottom: 0;}
.industry-list li a{ display: block; padding:38px 35px 40px; -o-box-shadow:0 0 20px rgba(7,49,107,.1); -ms-box-shadow:0 0 20px rgba(7,49,107,.1); -moz-box-shadow:0 0 20px rgba(7,49,107,.1); -webkit-box-shadow:0 0 20px rgba(7,49,107,.1); box-shadow:0 0 20px rgba(7,49,107,.1); position: relative;}
.industry-list li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height:4px; background: #c8281c; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.industry-list li .img{ float: left; width:122px;}
.industry-list li .img img{ width: 100%;}
.industry-list li .text{  margin-left: 155px;}
.industry-list li .text .tit{ display: block; padding-bottom: 15px; position: relative; font-size: 12px; color: #999999; text-transform: uppercase;}
.industry-list li .text .tit span{ font-size: 18px; color: #333333; margin-right: 10px;}
.industry-list li .text .tit:after{ content: ""; position:absolute; bottom: 0; left:0; width: 30px; height: 3px; background: #c8281c;}
.industry-list li .text .des{ margin-top: 12px; color: #999999; line-height: 24px; height: 48px; overflow: hidden;}
.industry-list li a:hover:before{ width: 100%;}
.industry-list li a:hover .tit{ color: #c8281c;}
.industry-list li a:hover .tit span{ color: #c8281c;}


/* ========== */
/* = INDUSTRY-DETAIL = */
/* ========== */
.industry-box{ margin-top:32px;}
.industry-box .img{ float: left; width: 240px;}
.industry-box .img img{ width: 100%;}
.industry-box .text{ margin-left: 240px; padding:45px 15px; text-align: center;}
.industry-box .text .tit{ font-size: 24px; font-weight: bold; color:#c8281c;}
.industry-box .text .en{margin-top: 5px; display: block; font-size: 12px; color: #d3d3d3; text-transform: uppercase; position: relative; padding-bottom:40px; letter-spacing: 1px;}
.industry-box .text .en:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 30px; margin-left: -15px; height:3px; background: #ececec;}

.industry-info{ margin-top: 20px; border-bottom: 4px solid #c8281c;}
.industry-info .box{ padding: 50px 65px; border-bottom: 1px solid #ebebeb; line-height: 24px;}
.industry-info .tit{ margin-bottom: 30px; position: relative; font-size: 24px; line-height: 36px; color: #333333; font-weight: bold; padding-left: 20px;}
.industry-info .tit:before{ content: ""; position: absolute; left: 0; top:50%; width:4px; height: 24px; background: #3864bc; margin-top: -12px;}
.industry-info .font16{ font-size: 16px; color: #333333; line-height: 32px;}

.industry-xg-product .product-list{ margin-bottom: 0;}
.industry-xg-product .product-list li{ width: 23.87%;margin-right:1.5%;}
.industry-xg-product .product-list li:nth-child(3n){ margin-right:1.5%;}
.industry-xg-product .product-list li:nth-child(4n){ margin-right:0;}


@media (max-width:999px) {
  /* ========== */
  /* = INDUSTRY = */
  /* ========== */
  .industry-list li a{ padding:0.46666666rem;}
  .industry-list li .img{ float: none; width: 100%;}
  .industry-list li .text{ margin-left: 0; margin-top: 20px;}
  .industry-list li .text .tit span{ display: block; margin-bottom: 5px;}


  /* ========== */
  /* = INDUSTRY-DETAIL = */
  /* ========== */
  .industry-box .img{ float: none; width: 100%;}
  .industry-box .text{margin-left: 0; padding:0.7rem 0.26666666rem;}
  .industry-box .text .tit{ font-size: 0.53333333rem;}

  .industry-info .box{ padding:0.8rem 0.6rem;}
  .industry-info .tit{ margin-bottom:0.4rem; font-size: 0.4rem;}
  .industry-info .tit:before{ height: 0.4rem; margin-top:-0.2rem;}

  .industry-xg-product .product-list li{ width: 100%;margin-right:0%;}
  .industry-xg-product .product-list li:nth-child(3n){ margin-right:0%;}
}




/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 40px 0 65px;}
.news-tab{ text-align: center; }
.news-tab a{ display: inline-block; margin: 0 2px; width: 235px; height: 55px; line-height: 55px; color: #333333; text-align: center; background: #eeeeee;}
.news-tab a:hover{ color: #c8281c;}
.news-tab a.active{ background: #c8281c; color: #FFFFFF;}
.news-list{ margin: 25px 0 50px;}
.news-list li{ margin-top:35px; position: relative;}
.news-list li a{ display: block; padding:60px 0; position: relative; -o-box-shadow:0 0 20px rgba(7,49,107,.1); -ms-box-shadow:0 0 20px rgba(7,49,107,.1); -moz-box-shadow:0 0 20px rgba(7,49,107,.1); -webkit-box-shadow:0 0 20px rgba(7,49,107,.1); box-shadow:0 0 20px rgba(7,49,107,.1); padding-right: 185px;}
.news-list li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height:4px; background: #c8281c; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.news-list li .date{ float: left; width: 215px; padding-left: 36px; font-weight: lighter; position: relative;}
.news-list li .date:after{ content: ""; position: absolute; right:0; top:25px; width: 34px; height: 1px; background: #bfbfbf;}
.news-list li .date span{ display:block; font-size: 36px; line-height:50px; color: #999999;}
.news-list li .date p{ font-size: 18px; color: #cccccc;}
.news-list li .text{margin-left: 255px;max-width: 915px;}
.news-list li .text span{ display: block; font-size: 16px; color: #333333; line-height: 36px;}
.news-list li .text p{ margin-top: 15px; color:#999999; line-height: 24px; height: 48px; overflow: hidden;}
.news-list li .more{ position: absolute; top:50%; margin-top: -44px; right:0; width: 126px; height:88px; border-left: 1px solid #ebebeb; text-align: center;}
.news-list li .more span{ margin-top:29px; display: inline-block; width: 30px; height: 30px; background: url(../images/ico_news_more.png);}
.news-list li a:hover .more span{ background: url(../images/ico_news_moreh.png);}
.news-list li a:hover:before{ width: 100%;}
.news-list li a:hover{ background: #FFFFFF; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08);}


/* ========== */
/* = NEWS_DETAIL = */
/* ========== */
.news-detail{ padding:75px 0 90px;}
.news-detail .title{ color: #333333; font-size:26px; letter-spacing: 2px; line-height: 34px; text-align: center;}
.news-detail .title-en{ margin-top:10px; letter-spacing:1px; text-align: center; color: #bbbbbb; font-size: 12px; text-transform: uppercase;}
.article-come{ line-height: 24px; margin-top: 35px; text-align: center; color: #999999;}
.article-come span{ margin:0 70px; padding-left: 28px; display: inline-block; vertical-align: middle; position: relative;}
.article-come span:after{ content:""; position: absolute; top:7px; right:-70px; width: 2px; height: 12px; background:#dfdfdf;}
.article-come .bdsharebuttonbox{ display:inline-block; vertical-align: middle;}
.article-come span.span-sourse{ background: none;}
.article-come span.span-autor{ background:url(../images/ico_write.png) left no-repeat;}
.article-come span.span-date{ background:url(../images/ico_time.png) left no-repeat;}
.article-come span.span-share{ padding-left:38px; background:url(../images/ico_share.png) left no-repeat;}
.article-come span.span-share:after{ display: none;}
.news-article{margin-top: 20px;padding: 45px 0 50px;border-top: 1px dotted #e5e5e5;line-height: 30px;text-align: center;color: #777777;}
.news-detail .return{ padding-bottom: 25px; text-align: right; border-bottom:1px dotted #e5e5e5; }
.news-detail .return a{ display:inline-block; width: 75px; height: 38px; line-height:38px; background:#c8281c; color: #FFFFFF; text-align: center;}
.news-detail .xg-news li{ float: left; width: 48%; margin-right:4%;}
.news-detail .xg-news li:nth-child(2n){ margin-right: 0;}
.news-article p span img{margin:0 auto !important;}

@media (max-width:999px) {
  /* ========== */
  /* = NEWS = */
  /* ========== */
  .news-tab a{ float: left; width: 32%; margin: 0; margin-right:2%; height: 40px; line-height: 40px;}
  .news-tab a:nth-child(3n){ margin-right: 0;}
  .news-list li a{ padding: 0.6rem;}
  .news-list li .date{ width:2rem; padding-left:0;}
  .news-list li .date:after{display: none;}
  .news-list li .date span{ font-size: 0.5rem; line-height:1.2rem;}
  .news-list li .date p{ font-size: 0.32rem;}
  .news-list li .text{ margin-left:2rem; max-width:100%;}
  .news-list li .text span{ font-size: 14px;}
  .news-list li .text p{ margin-top:0.06666666rem; font-size: 12px;}
  .news-list li .more{ display: none;}


  /* ========== */
  /* = NEWS_DETAIL.HTML = */
  /* ========== */
  .news-detail{ padding:45px 0; }
  .news-detail .title{ font-size: 18px; font-weight: bold; line-height: 30px;}
  .article-come{ margin-top: 20px;}
  .article-come span{ margin: 0 20px;}
  .article-come span:after{ display: none;}
  .news-article{ padding:40px 0;}
  .news-detail .xg-news li{ width: 100%; margin-right:0;}
}



/* ========== */
/* = CASE = */
/* ========== */
.case{ padding:45px 0 65px;}
.case-fl-tit{ text-align: center;}
.case-fl-tit span{ font-size:30px; color: #333333;}
.case-fl-tit p{  margin-top:5px; font-size: 12px; color: #999999; text-transform: uppercase;}
.case-tab{ margin-top: 35px; text-align: center;}
.case-tab a{ margin:0 2px; display: inline-block; width: 138px; height: 40px; line-height: 38px; font-size: 16px; color: #333333; border: 1px solid #e5e5e5;}
.case-tab a:hover{ color: #c8281c;}
.case-tab a.active{ background: #c8281c; border: 1px solid #c8281c; color: #FFFFFF;}
.case-list{ margin-top: 25px;}
.case-list li{ margin-top: 20px; float: left; width: 20%; padding: 0 13px;}
.case-list .item{ padding: 10px 10px 0px; border:1px solid #eeeeee; text-align: center;}
.case-list .item img{ width: 100%;}
.case-list .item p{height: 54px; line-height: 54px;}
.case-list .item:hover{ border: 1px solid #c8281c; background: #c8281c; color: #FFFFFF;}

.case-table{ margin-top: 50px; width: 100%; border: 1px solid #e4e4e5;}
.case-table td{ width: 25%; padding:15px 5px; line-height: 24px; text-align: center;border: 1px solid #e4e4e5;}
.case-table tr:nth-child(2n){ background: #f7f8fc;}

@media (max-width:999px) {
  .case-fl-tit span{ font-size: 0.52rem; font-weight: bold;}
  .case-tab a{ float: left; width: 32%; margin: 0; margin-top: 10px; margin-right:2%; font-size: 0.37333333rem;}
  .case-tab a:nth-child(3n){ margin-right: 0;}
  .case-list li{width: 50%; padding: 0 5px;}
  .case-table td{ font-size: 12px; line-height: 20px;}
}




/* ========== */
/* = SERVICE = */
/* ========== */
.service{ padding: 45px 0 90px;}
.service-tab{ text-align: center;}
.service-tab a{ margin: 0 3px; display: inline-block; width: 235px; max-width:40%; height: 54px; line-height: 52px; border: 1px solid #c8281c; color: #c8281c;}
.service-tab a.active{ background: #c8281c; color: #fff;}
.service-tit{ margin-top: 50px; text-align: center; position: relative; padding-bottom: 25px; font-size: 30px; color: #000000;}
.service-tit:after{ content: ""; position: absolute; bottom: 0; margin-left: -15px; left:50%; width: 30px; height:4px; background: #c8281c;}
.service-des{ margin-top: 25px; padding: 0 20px; text-align: center; line-height: 30px;}
.service-des span{ color: #d12124;}

.service-ico{ max-width: 1100px; margin: 0 auto;}
.service-ico li{ margin-top: 52px; float: left; padding: 0 5px; width: 25%; text-align: center;}
.service-ico li div{ position: relative; display: inline-block;}
.service-ico li span{ position: absolute; top:50%; left:0; width: 100%; margin-top: -20px; line-height: 40px; font-size:30px; color:#FFFFFF;}

.service-ul{ margin-top: 85px; background: #f4f4f4;}
.service-ul li .img{ float: left; width: 50%;}
.service-ul li .text{ float: right; width: 50%; padding:40px 50px;}
.service-ul li:nth-child(2n) .img{ float: right; }
.service-ul li:nth-child(2n) .text{ float:left; }
.service-ul li .text .tit{ padding-bottom: 35px; position:relative; font-size: 30px; color: #333333;}
.service-ul li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height:4px; background: #c8281c;}
.service-ul li .text .des{ margin-top: 30px;}
.service-ul li .text .des p{ margin-bottom: 15px; line-height: 24px; background:url(../images/ico_right.png) no-repeat left 2px; padding-left: 35px;}
.service-ul li .text .des p span{ font-size: 16px; color: #333333;}


/* ========== */
/* = QUESTION= */
/* ========== */
.question-ul{ margin-bottom: 55px;}
.question-ul li{ margin-top: 35px;}
.question-ul .item{ padding: 35px 210px 50px 35px; position: relative; cursor: pointer;}
.question-ul .item .letter{ position: absolute; top:3px; left:0; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align:center; background: #c8281c; color: #FFFFFF; font-size: 12px;}
.question-ul .item .ques{ font-size: 16px; color: #000000; line-height: 28px; position: relative; padding-left: 30px;}
.question-ul .item .ques .letter{ top:5px;}
.question-ul .item .ans{ margin-top: 20px; padding-left: 30px; position: relative; line-height: 24px; color: #999999; height: 48px; overflow: hidden;}
.question-ul .item .bt{ position: absolute; top:50%; margin-top: -40px; right:0; width: 120px; height: 80px; border-left: 1px solid #ebebeb;}
.question-ul .item .bt span{ position:absolute; top:50%; left:50%; margin-left: -15px; margin-top: -15px; display: block; width: 30px; height:30px; background-image: url(../images/ico_ques.png);}
.question-ul li.active{ border-bottom:4px solid #c8281c;}
.question-ul li.active .ques{ color: #3864bc; }
.question-ul li.active .ans{ height: auto;}
.question-ul li.active .item .bt span{background-image: url(../images/ico_ques_h.png);}

@media (max-width:999px) {
  /* ========== */
  /* = SERVICE = */
  /* ========== */
  .service-tit{ font-size: 0.5rem; font-weight: bold;}
  .service-ico li span{ font-size: 0.4rem;}
  .service-ul { margin-top:1rem;}
  .service-ul li .img{ width: 100%;}
  .service-ul li .text{ width: 100%; padding: 0.7rem 0.4rem;}
  .service-ul li .text .tit{ font-size:0.5rem; font-weight: bold;}


  /* ========== */
  /* = QUESTION= */
  /* ========== */
  .question-ul .item{ padding:20px;}
  .question-ul .item .bt{ display: none;}
}


/* ========== */
/* = ABOUT = */
/* ========== */
.about{ padding:40px 0 95px;}
.about-tab{ text-align: center;}
.about-tab a{ float: left; width: 19.7%; height: 54px; line-height: 54px; margin-right:0.37%; background: #eeeeee; font-size: 16px; color: #333333;}
.about-tab a:nth-child(5n){ margin-right: 0;}
.about-tab a.active{ background: #c8281c; color: #FFFFFF;}
.about-ul li{ margin-top: 60px;}
.about-ul li .left{ float: left; width: 41.5%;}
.about-ul li .left img{ width: 100%;}
.about-ul li .right{ float: right; width: 53%;}
.about-ul li:nth-child(2n) .left{ float: right; width: 53%;}
.about-ul li:nth-child(2n) .right{ float:left;width: 41.5%;}
.about-ul li .tit{ padding: 25px 0; font-size: 30px; color: #000000; position: relative;}
.about-ul li .tit:after{ content:""; position: absolute; bottom: 0; left:0; width:30px; height: 4px; background: #c8281c;}
.about-ul li .des{ margin-top: 20px; line-height: 30px;}
.about-ul li .box{ margin: 80px -30px 0;}
.about-ul li .box .item{ float: left; width: 33.333333%; padding: 0 30px; text-align: center; position: relative;}
.about-ul li .box .item:before{ content: ""; position: absolute; top:50%; left:0; width: 1px; height: 36px; margin-top: -18px; background: #ededed;}
.about-ul li .box .item:first-child:before{ display: none;}
.about-ul li .box .item img{ float: left;}
.about-ul li .box .item div{ margin-left: 80px;line-height:30px; padding-top:5px; text-align: left; }
.about-ul li .box .item div span{ color: #999999; display: block;}
.about-ul li .box .item div p{ font-size:24px;}
.about-ul li .box .item div i{ font-size: 12px; font-style: normal;}
.about-ul li .tip{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #EEEEEE;}
.about-ul li .tip span{ margin-top: 25px; padding-left: 30px; float: left; display: block; width: 50%; line-height: 30px; background: url(../images/ico_right.png) no-repeat left 3px; font-size: 12px; color: #333333;}
.about-ul li .img{ margin-top: 40px;}


/* ========== */
/* = VIDEO = */
/* ========== */
.video-list{/* margin: 40px 0 60px; */}
.video-list li{ margin-top: 28px; float: left; width:32.333333%; margin-right:1.5%; cursor: pointer;}
.video-list li:nth-child(3n){ margin-right: 0;}
.video-list li .img{ overflow: hidden; position: relative;}
.video-list li .img:before{content: "";position: absolute;top:50%;left:50%;/* background-image: url(../images/ico_play.png); */background-size: cover;margin-left: -32px;margin-top: -32px;width: 64px;height: 64px;z-index: 1;}
.video-list li .img:after{content: "";position: absolute;top:0;left:0;width: 100%;height: 100%;/* background: rgba(0,0,0,.4); */z-index: 0;}
.video-list li img{ width: 100%;}
.video-list li p{ padding: 20px 10px; text-align: center; font-size: 16px; color: #333333;}
.video-list li:hover{-o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12);}
.video-list li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.7); text-align: center; z-index:9999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ max-width:780px; width: 90%; background: #000; display: inline-block; vertical-align: middle; position: relative;}
.video-pop .close{ cursor: pointer; position: absolute;top:-50px; right:0; width: 40px; height: 40px; background-image: url(../images/pop_close.png); background-size: cover;}
.video-pop video,
.video-pop iframe{ width: 100%;}
.video-pop iframe{ height: 500px; }


/* ========== */
/* = CULTURE = */
/* ========== */
.culture-tit{ margin-top: 60px; text-align: center; font-size: 30px; color: #333333;}
.culture-ico{ margin: 0 -8px;}
.culture-ico li{ margin-top: 40px; text-align: center; float: left; width: 25%; padding: 0 8px;}
.culture-ico li div{ border:1px solid #e8e8e8; padding:35px 5px;}
.culture-ico li div p{ margin-top: 20px; color: #333333;}
.culture-bg{ margin-top: 40px; background-image: url(../images/culture_bg.jpg); text-align: center; color:#FFFFFF; padding:5.5% 20px;}
.culture-bg span{ display: block; font-size: 24px;}
.culture-bg p{ margin-top:10px; font-size: 12px; text-transform: uppercase;}
.culture-content{ margin-top: 30px; line-height: 30px;}
.culture-content .tit{ font-size: 20px; line-height:40px; color: #c8281c; font-weight: bold;}
.culture-content .tit2{ margin-top: 20px; font-size: 16px;  color: #333333; font-weight: bold;}
.culture-content .tit3{ color:#333333;font-weight: bold;}
.culture-content .box .text{float: left;width: 100%;}
.culture-content .box .img{float: right;width: 100%;}

/* ========== */
/* = HONOR = */
/* ========== */
.honor-list{ margin:30px -13px 60px;}
.honor-list li{ float:left; margin-top: 20px; width: 25%; padding: 0 13px;}
.honor-list li div{ border: 2px solid #eeeeee;}


/* ========== */
/* = HONOR = */
/* ========== */
.mien-tit{ margin-top: 65px; padding-bottom: 20px; font-size: 30px; color: #000000; text-align: center; position: relative;}
.mien-tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width: 30px; height: 3px; margin-left: -15px; background: #c8281c;}
.mien-des{ margin-top: 20px; text-align: center; line-height: 24px;}
.mien-des span{ color: #c8281c;}
.mien-text{ margin-top: 120px; line-height: 30px;}
.mien-ul li{ margin-top:135px; position: relative;}
.mien-ul li:first-child{ margin-top: 65px;}
.mien-ul li:before{ position: absolute; content: ""; position: absolute; top:70px; right:0; height: 100%; width:92%; -o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12); border-bottom: 3px solid #3864bc;}
.mien-ul li .slick{ float: left; width: 52.75%;}
.mien-ul li .slick-prev,
.mien-ul li .slick-next{ top:auto; margin: 0; bottom: 20px; width: 40px; height: 40px; background-color: #FFFFFF;}
.mien-ul li .slick-prev{ left:auto; right:65px;  background-image: url(../images/mien_prev.png);}
.mien-ul li .slick-next{ right:15px; background-image: url(../images/mien_next.png);}
.mien-ul li .text{ float: right; width: 47.25%; padding: 120px 40px 20px;}
.mien-ul li .tit{ padding: 25px 0; font-size: 30px; color: #000000; position: relative;}
.mien-ul li .tit:after{ content:""; position: absolute; bottom: 0; left:0; width:30px; height: 4px; background: #c8281c;}
.mien-ul li .des{ margin-top: 20px; line-height: 30px;}
.mien-ul li:nth-child(2n) .slick{ float: right;}
.mien-ul li:nth-child(2n) .text{ float: left;}
.mien-ul li:nth-child(2n):before{ right:auto; left:0;}



@media (max-width:999px) {
  /* ========== */
  /* = ABOUT = */
  /* ========== */
  .about{ padding:60px 0;}
  .about-tab a{ font-size: 12px; height:40px; line-height: 40px;}
  .about-ul li .left{ width: 100%;}
  .about-ul li .right{ width: 100%;}
  .about-ul li:nth-child(2n) .left{width: 100%;}
  .about-ul li:nth-child(2n) .right{width: 100%;}
  .about-ul li .tit{ font-size: 0.53333333rem;}
  .about-ul li .box{ margin:30px 0 0;}
  .about-ul li .box .item{padding:0; }
  .about-ul li .box .item img{ float: none; width: 40px;}
  .about-ul li .box .item div{ margin-left: 0;text-align: center;}
  .about-ul li .box .item div p{ font-size: 0.55rem;}
  .about-ul li .tip span{ width: 100%;}


  /* ========== */
  /* = VIDEO = */
  /* ========== */
  .video-list{ margin: 20px 0 40px;}
  .video-list li{ width:49%; margin-right:2%;}
  .video-list li:nth-child(3n){ margin-right: 2%;}
  .video-list li:nth-child(2n){ margin-right: 0;}
  .video-list li .img:before{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px;}
  .video-pop iframe{ height: 5rem; }


  /* ========== */
  /* = CULTURE = */
  /* ========== */
  .culture-tit{ font-size: 0.52rem; font-weight: bold;}
  .culture-ico{ margin: 0 -8px;}
  .culture-ico li{ width: 50%;}
  .culture-ico li div p{ font-size: 0.26666666rem;}
  .culture-bg span{ font-size:0.42rem;}
  .culture-bg p{ font-size: 0.32rem;}
  .culture-content .tit{ font-size: 16px;}
  .culture-content .tit2{ font-size: 14px;}
  .culture-content .box .text{width: 100%;}
  .culture-content .box .img{ width: 100%;}


  /* ========== */
  /* = HONOR = */
  /* ========== */
  .honor-list{ margin:30px -5px 60px;}
  .honor-list li{ width: 50%; padding: 0 5px;}


  /* ========== */
  /* = HONOR = */
  /* ========== */
  .mien-tit{ font-size: 0.53333333rem;}
  .mien-text{ margin-top: 40px;}
  .mien-ul li{ margin-top:50px;}
  .mien-ul li:before{ top:0; width: 100%;}
  .mien-ul li .slick{ width: 100%;}
  .mien-ul li .text{ width: 100%; padding: 30px;}
  .mien-ul li .tit{font-size: 0.53333333rem; }
}


/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding:70px 0;}
.contact-ul{ margin-top: 55px; border-bottom: 1px solid #e5e5e5;  border-left: 1px solid #e5e5e5;  }
.contact-ul li{ float: left; width: 33.33333333%; border: 1px solid #e5e5e5; border-left: none; border-bottom: none; padding: 55px 20px 35px 50px; min-height: 175px; color: #333333; line-height: 24px;}
.contact-ul li .ico{ float:left; position: relative;   width: 50px;}
.contact-ul li .ico .hover{ position: absolute; top:0; left:0; transform: rotateY(-180deg); -webkit-transform: rotateY(180deg); opacity:0;}
.contact-ul li div{ margin-left: 62px;}
.contact-ul li div p{  min-height: 48px;}
.contact-ul li:hover {background: #c8281c; color: #FFFFFF;}
.contact-ul li:hover .ico .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0;}
.contact-ul li:hover .ico .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1;}

.contact-box{margin-top: 60px;height: 340px;background: #c7c7c7;}
.contact-box ul{ float: left; width:59%;}
.contact-box li { margin-bottom:30px; border:1px solid #e5e5e5; line-height: 26px; padding:18px 30px;}
.contact-box li span{ font-size: 16px; color: #c8281c;}
.contact-box li:hover{ border:1px solid #FFFFFF; -o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12);}
.contact-box .map-box{ float: right; width:38%; height:558px; border: 1px solid #e5e5e5; position: relative;}
.contact-box .map-box img{ max-width:1000%; width: auto;}
.contact-box .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;}
.contact-box .map-box .anchorBL{ display: none; }

.message{ padding: 45px 0 60px; background: #f4f4f4;}
.message .row span{margin-top:30px;float: right;width: 31%;margin-left: 1%;}
.message .row span:nth-child(3n){ margin-right: 0;}
.message .row input{ width: 100%; line-height:24px; border: 1px solid #e5e5e5; height: 44px; padding: 8px 15px; color: #333333; border-radius:5px;}
.message .text textarea{ margin-top: 20px; width: 100%; border: 1px solid #e5e5e5; height:144px; padding: 12px 15px; color: #333333; }
.message .button{ text-align: center;}
.message .button input{margin-top: 45px; height: 56px; line-height: 56px; width: 32%; text-align: center; background: #c8281c; color: #FFFFFF; border-radius: 5px;}