﻿/* CSS Document  dongyj*/
@charset "utf-8";
@font-face {
  font-family: "dinbold";
  src: url("../fonts/din-bold_0.woff2") format("woff2"),
       url("../fonts/din-bold_0.woff") format("woff"),
       url("../fonts/din-bold_0.ttf") format("truetype"),
       url("../fonts/din-bold_0.eot") format("embedded-opentype"),
       url("../fonts/din-bold_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 19px;color: #555;background-color: #fff;font-family: "Microsoft YaHei"; min-width:320px; max-width:640px;-webkit-text-size-adjust: none;-webkit-tap-highlight: rgba(0,0,0,0); position:relative;}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 19px;}
select, input, textarea {font-size: 19px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";-webkit-appearance: none;}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #c82f34;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family: "Microsoft YaHei";text-align:justify;text-justify:inter-ideograph;}
/*@media(max-width:480px){
body,
table td,
select, input, textarea{ font-size:14px;}
}
*/
.fz30{ font-size:31px;}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.img-opacity{opacity: 0; width: 0; height: 0;  position: absolute;}

:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/select.png) no-repeat scroll 98% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*.center{ width:1200px; margin:0 auto;}*/
.Contain{ margin:0 20px;}
.padding-2{ padding:0 20px;}

/*Top*/
.Top{ position:relative;z-index:110; background:#666666;}
.home-top .Top{ width:100%; position:absolute; left:0; top:0; }
.Top .logo{ text-align:center;}
.Top .logo a{display:block; width:220px;margin:0 auto;}
.Top .logo img{height:80px; width:100%;}
.Top .top-right,
.Top .top-left{ position:absolute;top:50%; margin-top:-11px; z-index:10;}
.Top .top-right{ right:20px; line-height:23px; color:#c92a32;font-family: "dinbold"; padding-left:25px; background:url(../images/icon_tel.png) no-repeat left center;}
.Top .top-left{width:30px; height:23px; left:20px; }
.Top .top-left::before,
.Top .top-left::after,
.Top .top-left span{ position:absolute; width:100%; height:3px; border-radius:3px; background:#fff; }
.Top .top-left::before,
.Top .top-left::after{ content:'';transition:transform 0.2s;}
.Top .top-left span{ top:50%; margin-top:-1.5px;}
.Top .top-left::before{ top:0;}
.Top .top-left::after{ bottom:0;}
.Top .top-menu{ position:fixed; height:100%; overflow:auto; width:100%;/* max-width:640px;*/ left:0; top:0;background:rgba(0,0,0,0.9); padding:88px 20px 0 20px; transform:translateY(-100%); opacity:0; transition:0.2s; z-index:-1;}
.Top .top-menu ul{ position:relative; width:50%;}
.Top .top-menu li a{ display:block; line-height:30px; }
.Top .top-menu li > a{ position:relative; border-bottom:1px solid #222; font-size:25px; color:#fff; line-height:81px; padding:0 42px 0 55px;}
.Top .top-menu li.on > a{ background-color:#222;}
.Top .top-menu li.on > a::after{ position:absolute; content:''; width:14px; height:14px; border-right:2.5px solid #fff; border-top:2.5px solid #fff; transform:rotate(45deg); right:32px; top:50%; margin-top:-7px;}
.Top .top-menu li dl{ position:absolute; left:100%; width:100%; top:0; display:none; transition:transform 0.3s; padding-left:105px; transform:translateY(100px);}
.Top .top-menu li dl.dl-show{  transform:translateY(0);}
.Top .top-menu li dl dt a{color:#aaa; font-size:23px; line-height:54px;}
.Top .search-box{ border-bottom:1px solid #222; position:relative; padding:20px 0 20px 60px;}
.Top .search-box .text{ height:40px; line-height:40px; border:none; background:none; color:#aaa; padding-right:10px; width:100%;}
.Top .search-box .btn{ position:absolute; left:0; top:20px; width:40px; height:40px; background:url(../images/btn_search.png) no-repeat center center;}

.Top-open .top-menu{ opacity:1; transform:translateY(0); z-index:100;}
.Top-open .top-left{ position:fixed; margin-top:0; top:28px; z-index:102;}
.Top-open .top-left span{ opacity:0;}
.Top-open .top-left::before,
.Top-open .top-left::after{ top:50%;}
.Top-open .top-left::before{ transform:rotate(45deg);}
.Top-open .top-left::after{transform:rotate(-45deg);}

/*@media(max-width:480px){
.Top .logo{ width:30%;}
.Top .top-menu li > a{ font-size:18px; padding-right:25px; padding-left:8%;}
.Top .top-menu li.on > a::after{ right:13px;}
.Top .top-menu li dl dt a,
.Top .search-box .text{font-size:16px;}
}*/
/*Top end*/
/*bottom*/
.home-top .bottom{margin-top:3px;}
.bottom{ background:#383838;  color:#999;}
.bottom-menu{ background:#444; padding:0 20px;}
.bottom-menu dl dt{ border-bottom:1px solid #4e4e4e; position:relative; font-size:21px; color:#999;line-height:70px;}
.bottom-menu dl dt::before,
.bottom-menu dl dt::after{ position:absolute; content:''; background:#999;top:50%; }
.bottom-menu dl dt::before{width:3px; height:20px; right:9px; margin-top:-10px;}
.bottom-menu dl dt::after{ width:20px; height:3px; right:0; margin-top:-1.5px;}
.bottom-menu dl dd{ display:none; padding:0 20px;background-color:#383838; border-bottom:1px solid #4e4e4e;line-height:50px;}
.bottom-menu dl dt.on:before{ display:none;}
.bottom a{ color:#999; transition:color 0.3s; }
.bottom a:hover{ color:#c82f34;}

.read-list{ position:relative; padding:38px 0 30px 110px; margin:0 20px; line-height:25px;}
.read-list ol{ color:#ccc; width:100px; position:absolute; left:0; top:38px;}
.read-list li{ float:left; margin-right:30px; max-width:200px;}
/*@media(max-width:480px){
.read-list li{margin-right:15px; }
}*/
.bottom .hotline{width:486px; margin:0 auto; text-align:center;border:1px solid #4e4e4e; line-height:58px;}
.bottom .hotline b{ color:#c82f34; font-size:25px;  font-family: "dinbold";}

.foot{ text-align:center; padding:27px 20px 33px 20px;}
.foot a{display:inline-block;}
.foot i{ width:2px; height:14px; display:inline-block; content:''; margin:0 10px; border-right:2px dotted #555;}
.foot .copyright{ line-height:28px; padding-top:10px;}

.fixed-online{ position:fixed; left:0; bottom:0; width:100%; z-index:105; overflow:hidden;}
.fixed-online li{ float:left; width:50%; background:#c92a32; list-style:none;}
.fixed-online li:nth-child(2){background:#838383;}
.fixed-online li a{ display:block;color:#fff; text-align:center; font-size:21px; height:90px; padding-top:9px;}
.fixed-online li a::before{ display:block; content:''; background:url(../images/bottom-fixed_icon1.png) no-repeat center top; height:42px; background-size:contain;}
.fixed-online li:nth-child(2) a::before{ background-image:url(../images/bottom-fixed_icon2.png);}
/*@media(max-width:480px){
.fixed-online li a::before{ height:24px;}
.fixed-online li a{ font-size:16px;}
.bottom-menu dl dt{ font-size:18px;}
.bottom-menu dl dt::before{height:16px; right:7px; margin-top:-8px;}
.bottom-menu dl dt::after{ width:16px;}
}*/
/*bottom end*/
/*banner*/
.product_info_banner{ position:relative; z-index:10;}
.product_current{ position:absolute; left:0; top:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.05); background:rgba(255,255,255,0.05);}
.product_current_fixed{ position:fixed; background:rgba(0, 0, 0, 0.9)}
.product_current dt{ font-size:25px; color:#aaa; padding:0 20px; line-height:70px; position:relative;}
.product_current dt::before,
.product_current dt::after{ position:absolute; content:'';top:50%;}
.product_current dt::before{width:50px; height:50px; background:#c92a32; /*border-radius:50%;*/ right:10px; margin-top:-25px;}
.product_current dt::after{ right:24px; border-right:3px solid #fff; border-bottom:3px solid #fff; transform:rotate(45deg); width:20px; height:20px;  margin-top:-15px; /*transition: transform 0.3s;*/}
.product_current dt.on::after{border-color:#fff !important;margin-top:-5px;transform:rotate(-135deg);}
.product_current dd{ display:none; position:absolute; left:0; top:100%; width:100%; background:#fff; }
.product_current dd a{ display:block; border-bottom:1px solid #e5e5e5; padding:0 0 0 70px; font-size:23px;line-height:70px;}
/*@media(max-width:480px){
.product_current dt{ font-size:20px;}
.product_current dt::after{ width:14px; height:14px;margin-top:-10px; }
}*/

/*banner end*/
.product-category{ position:relative; background:#f3f3f3; padding:32px 20px 43px 20px;}
.product-category li{ text-align:center;} 
.product-category li a p{ color:#555;}
.product-category li a p{ margin:15px 30px 0 30px;}
.product-category li a:focus p,
.product-category li a:active p,
.product-category li a:hover p{ color:#c92a32;}
.product-category .table{ display:table; height:60px; width:100%;}
.product-category .table-cell{ display:table-cell; vertical-align:bottom;}
.product-category li img{ max-height:60px; transition:0.2s;}
.product-category li a:hover img{ transform:rotateY(180deg);}

.category-one-text{ padding:62px 0 60px 0; overflow:hidden;}

.category-list{ margin:0 20px;}
.category-list li{ border-top:1px solid #f3f3f3; padding:42px 0 68px 0; text-align:center;}
.category-list li img{ max-width:600px; width:100%;}
.category-list li h4{ font-size:25px; font-weight:normal; margin:34px 0 18px 0;}

.all-more{color:#555; display:inline-block; position:relative; padding-right:16px;}
.all-more::after{ position:absolute; content:''; width:8px; height:8px; border-top:2px solid #555; border-right:2px solid #555; right:0; top:50%; margin-top:-4px; transform:rotate(45deg);}

.bx-controls-direction a,
.bx-controls-direction a::before{position:absolute; top:50%;}
.bx-controls-direction a{ width:50px; height:50px; margin-top:-25px; background:#c92a32; overflow:hidden; line-height:1000px;}
.bx-controls-direction a.disabled{ background:#f9f9f9; cursor:default;/* display:none;*/}
.bx-controls-direction a::before{ content:'';width:12px; height:20px;margin-top:-10px;background:url(../images/btn_product.png) no-repeat left -21px; left:50%; margin-left:-6px;}
.bx-controls-direction a.bx-next::before{ background-position:right -21px;}
.bx-controls-direction a.bx-prev.disabled::before{ background-position: left top;}
.bx-controls-direction a.bx-next.disabled::before{ background-position: right top;}
.bx-controls-direction a.bx-prev{ left:0;}
.bx-controls-direction a.bx-next{ right:0;}

.product-list{ background:#f7f7f7; position:relative; padding:0 30px;}
.product-list .bx-controls-direction a{ width:30px;}
.product-list li{ float:left; width:200px; text-align:center; padding:20px 0 0 0;}
.product-list li:hover,
.product-list li.on{ background:#fff;}
.product-list .table{ display:table; height:120px; width:100%;}
.product-list .table-cell{ display:table-cell; vertical-align:bottom;}
.product-list .pic img{ max-width:120px; max-height:120px;}
.product-list p.dot{ margin:0; padding:15px 0; line-height:19px;}
/*@media(max-width:480px){
.product-list .table{height:80px;}
.product-list .pic img{ max-height:60px;}
}*/

.product-name::before{ display:inline-block; content:''; width:3px; height:20px; background:#c81623; margin-right:10px; vertical-align:middle;}

.view-360{ position:relative;}
.view-360 .threesixty{width:300px; height:300px; margin:0 auto; }
.view-360 .btn{ cursor:pointer;position:absolute; top:50%; width:24px; height:24px; background:url(../images/btn_360.png) no-repeat left top #c81623; margin-top:-12px;}
.view-360 .prev{ right:20%; background-position:right top;}
.view-360 .next{ left:20%;}
.view-360 .btn:hover{ background-image:url(../images/btn_hover.png);}
.view-360 .tips{ text-align:center;color:#333; padding:20px 0;}
.view-360 .tips::before{ display:inline-block; content:''; background:url(../images/zhuan.png) no-repeat; width:12px; height:12px; margin-right:10px;}

.hideDiv{ min-height:300px;}
#canshu{ border-top:1px solid #e5e5e5;}
#canshu .title{ margin:34px 0;border-bottom:1px solid #e5e5e5; padding-bottom:34px; text-align:center; color:#333; font-size:31px; }
.ban_canshu .edit-info{ display:none;}
.ban_canshu .product_current dt{ color:#555;}
.ban_canshu .product_current dt::after{ border-right-color:#535353;border-bottom-color:#535353;}

.prod-download{ text-align:center; padding:25px 0;}
.prod-download p{ font-size:21px;}
.prod-download a{ display:block; margin:0 auto; width:210px; padding-right:45px; background:url(../images/coop-btn.png) no-repeat right center; line-height:50px;  color:#fff;}
.prod-download a:hover{background-image:url(../images/coop-btn_hover.png);}
/*
@media(max-width:480px){
.prod-download p{ font-size:16px;}
}
*/

.prod-Advantage-big{position:relative;}
.prod-Advantage-big .title{ text-align:center; font-size:33px; color:#333; padding:46px 0; position:relative; z-index:3;}
.prod-Advantage-big .title::after{ height:60px; width:3px; background:#c81623; position:absolute; left:50%; margin-left:-1.5px; bottom:-18px; content:'';}
.prod-Advantage-big .item{ position:relative; overflow:hidden; z-index:1;}
.prod-Advantage-big .item .pic img{ width:100%; display:block;}
.prod-Advantage-big .item .info{ position:absolute; left:0; right:0; padding:20px; bottom:0; z-index:10; line-height:26px; 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.prod-Advantage-big .bx-wrapper{ position:relative; z-index:1;}
.prod-Advantage-big .bx-pager{ text-align:center; padding:30px 0 28px 0;}
.prod-Advantage-big .bx-pager div{ display:inline-block;margin:0 10px;}
.prod-Advantage-big .bx-pager div a{ display:block; height:24px; width:24px; background:#eee;  border-radius:50%;overflow:hidden; line-height:100px;}
.prod-Advantage-big .bx-pager div a.active{ background:#c81623;}
/*@media(max-width:480px){
#canshu .title,
.prod-Advantage-big .title{ font-size:24px;}
}*/

.product-video{ margin:10px 0;position:relative;}
.product-video img{ display:block; width:100%;}
.product-video #video{ display:none;}
.product-video .txt{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#fff; text-align:center;}
.product-video .table{ display:table; width:100%; height:100%;}
.product-video .table-cell{ display:table-cell; vertical-align:middle;}
.product-video .txt pre{ text-align:center;line-height:30px; max-height:120px; margin-top:30px; overflow:hidden;}
.product-video .txt a{ color:#fff; font-size:25px; display:block;}
.product-video .txt a::before{ display:block; content:''; height:110px; margin-bottom:30px; background:url(../images/open_video.png) no-repeat center top; background-size:contain;}

.prod-Scenes .example-table .td1,
.prod-Scenes .example-table .td2{ width:50%;}
.prod-Scenes .example-table td div{ position:relative;}
.prod-Scenes .example-table td aside{position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); text-align:center; line-height:50px; color:#fff;width:100%;}
.prod-Scenes .example-table td.td1 div{ margin-right:1.5625%;}
.prod-Scenes .example-table td.td2 div,
.prod-Scenes .example-table td.td2-2 div{ margin-left:1.5625%;}
.prod-Scenes .example-table td.td2{ vertical-align:top;}
.prod-Scenes .example-table td.td2-2{ vertical-align:bottom;}
.prod-Scenes .example-table td.td3 div{margin:1.5625% 0;}
.prod-Scenes .example-table td img{ display:block; width:100%;}
.prod-Scenes .example-table td.td6,
.prod-Scenes .example-table td.td4{ width:32.1875%;}
.prod-Scenes .example-table td.td5{ width:35.625%;}
.prod-Scenes .example-table td.td5 div{ margin:0 auto; width:90.350877%;}
.prod-Scenes .example-table td.td4 div,
.prod-Scenes .example-table td.td5 div,
.prod-Scenes .example-table td.td6 div{margin-bottom:1.5625%;}

.product-apply{ text-align:center; padding:10px 0 20px;}
.product-apply a{ display:inline-block; padding:0  30px 0 25px; font-size:25px; color:#c81623; border:1px solid #c81623; line-height:57px;}
.product-apply a::after{ display:inline-block; content:''; margin-left:15px; border:10px solid transparent; border-left-color:#c81623;}


.Pop-up{ position:fixed; z-index:200; left:0; top:0; width:100%; padding:0 20px; height:100%; background:rgba(0,0,0,0.9); display:none;}
#Error .center,
#thanks .center{ display:table; margin:0 auto; width:100%; height:100%;}
#Error .center-cell,
#thanks .center-cell{ display:table-cell; vertical-align:middle;}
.Pop-up .close{ position:relative;height:44px; margin:20px 0;}
.Pop-up .close::before,
.Pop-up .close::after{ position:absolute; content:''; width:44px; top:50%; height:1px; background:#ddd; transform:rotate(45deg); right:0;}
.Pop-up .close::after{ transform:rotate(-45deg);}
/*@media(max-width:480px){
.Pop-up .close::before,
.Pop-up .close::after{ right:0;}
}*/
.Pop-up h3{ text-align:center; color:#fff; font-size:25px;font-weight:normal; padding:0 10px; margin:100px 0 60px 0;}
#Error h3{ margin:40px 0;}
.Pop-up h3 span{ font-size:19px; display:block; padding-top:10px;}
.Pop-up .table{width:452px;margin:0 auto;}
.Pop-up .table dl{ display:table; width:100%; padding-left:50px; background-repeat:no-repeat; background-position:0 center; margin-bottom:14px;}
.Pop-up .table dl.dl_icon1{ background-image:url(../images/pop-icon01.png);}
.Pop-up .table dl.dl_icon2{ background-image:url(../images/pop-icon02.png);}
.Pop-up .table dl.dl_icon3{ background-image:url(../images/pop-icon03.png);}
.Pop-up .table dl.dl_icon4{ background-image:url(../images/pop-icon04.png);}
.Pop-up .table dl.dl_icon5{ background-image:url(../images/pop-icon05.png);}
.Pop-up .table dl.dl_icon6{ background-image:url(../images/pop-icon08.png); background-position:left 8px}
.Pop-up .table dl.dl_icon7{ overflow:hidden; background-image:url(../images/pop-icon011.png);}
.Pop-up .table dl.dl_icon7 .text{ width:120px;}
.Pop-up .table dl.dl_icon7 label{ width:120px;}
.Pop-up .table dl.dl_icon7 .send{ border:none; height:35px; background:#c81623; color:#fff; font-size:15px;}
.Pop-up .table dl > *{ display:table-cell; vertical-align:middle;}
.Pop-up .table dt{ position:relative; line-height:56px;}
.Pop-up .table dt label{ position:absolute; left:0; top:0; width:100%; color:#999;}
.Pop-up .table dt .text{  width:100%; line-height:56px; height:56px; background:none; border:0; border-bottom:1px solid #333; color:#fff;}
.Pop-up .table dt select{ width:48%;line-height:56px;height:56px;border:0; border-bottom:1px solid #333; color:#999; float:left; display:block !important;}
.Pop-up .table dt .ml{ margin-left:4%;width:48%; float:left;}
.Pop-up .table dt .ml select{ width:100%;}
.Pop-up .table dd{ color:#c81623; text-align:right; width:20px;}
.Pop-up .table .btn{ cursor:pointer; border:none; width:360px; background:url(../images/coop-btn.png) no-repeat right top; height:50px; color:#fff;  margin-top:66px; padding:0 50px 0 0;}
.Pop-up .table .btn:hover{ background-image:url(../images/coop-btn_hover.png);}

#smsForm .table .btn{ float:left; width:48%; margin-right:2%;}
#smsForm .table .closeform{background-image:url(../images/coop-btn_hover.png);}

#thanks{ background:rgba(0,0,0,0.95);}
#thanks .center{ width:100%; max-width:640px; margin:0 auto;}
#thanks .thanks-con{ position:relative; width:556px; margin:0 auto; background:url(../images/thanks-txt.png) no-repeat center 25px; background-size:contain;}
#thanks .thanks-con-after{ background-image:url(../images/thanks-txt-2.png);}
#thanks .pic{ position:absolute; left:0; top:0; background:url(../images/thanks_pic.png) no-repeat center center;background-size:contain;width:208px; height:300px;}
#thanks .txt{ margin-left:222px; padding-top:135px; text-align:center; color:#fff;}
#thanks .txt h6{ margin:0;font-size:37px; position:relative; font-weight:normal; line-height:40px;}
#thanks .txt h6::before,
#thanks .txt h6::after{ position:absolute; content:''; background:url(../images/thanks-l.png) no-repeat; background-size:contain;  top:0; width:37px; height:30px;}
#thanks .txt h6::before{left:0;}
#thanks .txt h6::after{ right:0; background-image:url(../images/thanks-r.png);}
#thanks .txt p{ margin:0 0 20px 0; font-size:21px;}
#thanks .txt span{ display:block; margin:0 auto; width:90%; max-width:220px; height:40px; line-height:40px; padding-right:45px; background:url(../images/coop-btn.png) no-repeat right center;}
#thanks .thanks-con a{ position:absolute; right:14px; bottom:0; width:174px; height:39px; cursor:pointer;}
/*@media(max-width:480px){
#thanks .txt h6{ font-size:18px;}
#thanks .txt h6::before, #thanks .txt h6::after{ width:24px;}
}*/

#Error{ background:#000;}
#Error .Error-con{ margin:0 auto; width:300px; color:#fff; font-size:17px;}
#Error .Error-con p{ border-bottom:1px solid #999; margin:0 0 10px 0; padding-bottom:10px;}
#Error .Error-con p span{ border-radius:50%; width:16px; line-height:16px; text-align:center; background:#000; color:#ababab; margin:0 10px; display:inline-block; font-size:13px; font-family:宋体;    box-shadow: 1px 1px 1px #ccc;}

.column-menu{ margin-top:70px; border-top:1px solid #e5e5e5; background:rgba(255,255,255,0.9); position:relative; z-index:20;}
.column-menu li{ float:left; margin-right:42px;}
.column-menu li a{ display:block; line-height:59px; border-bottom:2px solid transparent;}
.column-menu li a:hover,
.column-menu li a.aon{ border-bottom-color:#c81623;}

.about-content .column-menu{ border-bottom:1px solid #e5e5e5;}

.Current{ font-size:25px; padding:0 20px; line-height:80px; border-bottom:1px solid #e5e5e5; position:relative;}
.get-back{ position:absolute; top:0; height:100%; width:40px;}
.Current .get-back{ right:20px;}
.get-back a{ position:absolute; width:100%; height:100%; left:0; top:0;}
.get-back a::before{ position:absolute; content:''; width:20px; height:20px; border-top:3px solid #999; border-left:3px solid #999; transform:rotate(-45deg); left:15px; top:50%; margin-top:-10px;}
/*@media(max-width:480px){
.get-back a::before{width:14px; height:14px;margin-top:-7px;}
}*/
/*map
.map-search{ padding:20px; padding-bottom:0;}
.map-search dt{text-align:center; float:right; width:100px;}
.map-search dt a{ display:block; line-height:50px; background:#c92a32; color:#FFF; transition:0.2s;}
.map-search dt a:hover{ background:#333;}
.map-search dd{ position:relative; border-bottom:1px solid #888d8e; z-index:5; margin-bottom:20px;}
.map-search dd > a{ display:block; line-height:49px; color:#333; position:relative;}
.map-search dd > a::after{ position:absolute; content:''; border:5px solid transparent; border-top-color:#333; right:20px; top:50%; margin-top:-2.5px;}
.map-search dd.input{ float:left; width:480px; margin-bottom:0;}
.map-search dd .text{ height:49px; line-height:49px; width:100%; background:none; border:none;}
.map-search dd .select-sub{ position:absolute; left:0; top:100%; width:100%;  background:rgba(0,0,0,0.9);display:none; padding:20px 10px;}
.map-search dd .scrollPane{overflow:auto; max-height:300px;width:100% !important;}
.map-search dd ul li{ line-height:50px; padding:0 20px; cursor:pointer; color:#fff;} 
.map-search dd ul li:hover{ background:#333; font-size:18px; font-weight:bold; }

.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{	position: absolute;top: 0;right: 10px;width: 6px;height: 100%;}
.jspCap{display: none;}
.jspTrack{background: rgba(255,255,255,0.2);border-radius:2px;position: relative;}
.jspDrag{    background: url(../images/scroller.png) no-repeat center center #c92a32; border-radius:2px;position: relative;top: 0;left: -2px;cursor: pointer; width:10px;}
.jspArrow{text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;height: 16px;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
* html .jspCorner{margin: 0 -3px 0 0;}*/

.map-search{ padding:3%;}
.map-search dd{ margin-bottom:4%; position:relative;}
.map-search dd::after{ position:absolute; content:''; right:20px; width:20px; height:20px; border-right:3px solid #999; border-bottom:3px solid #999; transform:rotate(45deg); top:50%; margin-top:-15px; z-index:0;}
.map-search dd:last-child{ margin-bottom:0;}
.map-search dd:last-child::after{ display:none;}
.map-search dd .text,
.map-search dd select{ background:none;width:100%; border:1px solid #eee; border-radius:60px; height:60px; line-height:60px;padding:0 60px 0 20px; color:#999;}
.map-search dd > a{ position:absolute; width:60px; height:60px; background:url(../images/btn_search.png) no-repeat center center; right:0; top:0;}
.map-search dd select{ position:relative; z-index:2;}

.map-search-result{ padding:38px 0;}
.map-search-result li{ float:left; width:285px; margin-bottom:22px; margin-right:30px;}
.map-search-result li:nth-child(2n){ margin-right:0;}
.map-search-result li .Ispic{height:188px; background-size:100% 100%;}
.map-search-result li p{ line-height:58px; padding:0 25px 0 10px; margin:0; position:relative;}
.map-search-result li a{ display:block; position:relative;}
.map-search-result li p::after{ position:absolute; content:''; right:12px; top:50%; width:10px; height:10px; border-top:2px solid #ccc; border-right:2px solid #ccc; transform:rotate(45deg); top:50%; margin-top:-5px;}

/*map end*/
/*case*/
.case-info .bigImage{ position:relative;margin-bottom:8px;}
.case-info .bigImage .gallery-top{ margin-bottom:8px;}
.case-info .bigImage .swiper-button-white{margin-top:-25px; background:#c81623; z-index:10; width:50px; height:50px; }
.case-info .bigImage .swiper-button-white::before{ position:absolute; content:''; left:50%; top:50%; width:11px; height:20px; background:url(../images/info_pn.gif) no-repeat right bottom;margin:-10px 0 0 -5px;}
.case-info .bigImage .swiper-button-prev{ left:0;}
.case-info .bigImage .swiper-button-prev::before{ background-position:left bottom;}
.case-info .bigImage .swiper-button-prev.swiper-button-disabled::before{background-position:left top;}
.case-info .bigImage .swiper-button-next{ right:0;}
.case-info .bigImage .swiper-button-next.swiper-button-disabled::before{background-position:right top;}
.case-info .bigImage .swiper-button-disabled{opacity:1;background:#f8f8f8;}

.case-info .intro{ padding:46px 46px 56px 46px; background:#f3f3f3;}
.case-info .intro dl > *{ border-bottom:1px solid #eee;}
.case-info .intro dt{ padding:0 0 27px 0; font-size:29px; color:#333;}
.case-info .intro dd{ line-height:20px; padding:14px 0;}
.case-info .intro .about{padding:25px 0;}
.case-info .intro .about b{ }
.case-info .intro .about pre{ text-indent:25px; line-height:30px; margin:10px 0;}
.case-info .apply a{ display:block; line-height:50px; padding-right:45px;  width:410px; margin:0 auto; background:url(../images/coop-btn.png) no-repeat right center; font-size:21px; text-align:center; color:#fff;}
/*@media(max-width:480px){
.case-info .intro dt{ font-size:20px;}
}*/

.Related-case{ background:#fafafa;  padding-bottom:90px; padding-top:60px;}
.Related-case h4{ margin:0; font-weight:normal; font-size:19px; text-align:center; border-top:1px solid #e5e5e5;}
.Related-case h4 span{ display:inline-block; background:#fafafa; padding:0 25px; line-height:20px; top:-11px; position:relative;}

.Related-case .list{ position:relative; margin-top:50px;}
.Related-case .list .bd{ overflow:hidden;}
.Related-case .list .btn{ position:absolute; z-index:10; top:50%; margin-top:-40px; width:40px; height:40px; background:#f5f5f5; cursor:pointer;}
.Related-case .list .btn:hover{background-color:#c81623;}
.Related-case .list .prev{ left:-60px;}
.Related-case .list .next{ right:-60px;}
.Related-case .list .btn::before{ position:absolute; content:''; left:50%; top:50%; width:11px; height:20px; background:url(../images/info_pn.gif) no-repeat right top;margin:-10px 0 0 -5px;}
.Related-case .list .prev::before{ background-position:left top;}
.Related-case .list .prev:hover::before{background-position:left bottom;}
.Related-case .list .next:hover::before{background-position:right bottom;}

.Related-case .list .news li{ float:left; width:20%;}
.Related-case .list .news li a{ display:block; width:220px; margin:auto;}
.Related-case .list .news li .pic,
.Related-case .list .news li .pic img{ width:220px; height:160px;}
.Related-case .list .news li .dot{ padding:10px 0;}

.case-banner{ height:370px; background-position:center top; background-repeat:no-repeat;}
.case-menu .column-menu{ margin-top:0; border-top:0; border-bottom:1px solid #e5e5e5;}
.case-search{ float:right; margin-top:-45px; margin-right:24px; position:relative; z-index:20; width:440px; padding-right:80px;}
.case-search .text{ width:100%; color:#999; line-height:31px; border:0; border-bottom:1px solid #e5e5e5;}
.case-search .btn{ line-height:32px; width:80px; text-align:center; color:#fff; background:#c81623; position:absolute; right:0; top:0;}
.case-one-category{ padding:50px 0 70px 0;}
.case-two-category .bx-wrapper,
.case-one-category .bx-wrapper{ position:relative; margin:0 auto; }
.case-one-category li{ display:table; height:88px; float:left; width:140px;}
.case-one-category li a{ display:table-cell; vertical-align:bottom; text-align:center;}
.case-one-category li aside img{ max-width:150px; max-height:48px; transition: ease-in-out 0.3s;}
.case-one-category li span{ display:inline-block; border-bottom:2px solid transparent; padding:15px 0 5px 0;}
.case-one-category li.on span{ border-bottom-color:#c81623; color:#c81623; font-weight:bold;}
.case-one-category li a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}
.case-one-category .bx-controls-direction a.bx-prev{ left:-50px;}
.case-one-category .bx-controls-direction a.bx-next{ right:-50px;}

.case-content{ background:#fafafa; padding-bottom:40px;}
.case-two-category{ background:#f7f7f7; border:1px solid #efefef; margin-bottom:40px;}
.case-two-category .bx-controls-direction a{ width:30px; height:30px; margin-top:-15px;}
.case-two-category .bx-controls-direction a.bx-prev{ left:-35px;}
.case-two-category .bx-controls-direction a.bx-next{ right:-35px;}
.case-two-category li{ line-height:58px; text-align:center;}
.case-two-category li.on a{ background:#fff; border:1px solid #efefef; border-bottom:0; margin-left:-1px;  padding:0 5px;border-top:2px solid #c92a32; color:#c92a32; font-weight:bold; }
.case-content .map-search-result li{ margin-bottom:28px;}


.list-read ul{padding-top:3%; overflow:hidden;}
.list-read ul li{ float:left; width:32%; margin-right:2%; text-align:center; }
.list-read ul li:nth-child(3n){ margin-right:0;}
.list-read ul li .Ispic{ padding-bottom:100%;}
.list-read ul li .dot{ padding:10px 0;}
/*case end*/
/*pages*/
.Pages{ text-align:center; padding:30px 0;}
.Pages *{ display:inline-block; vertical-align:middle; }
.Pages .p_page{ display:table; margin:0 auto;}
.Pages .p_page *{ float:left;}
.Pages .p_page a{ background-color:#fff; padding:0 18px; line-height:33px; border:1px solid #edecec;}
.Pages .p_page a.a_cur,
.Pages .p_page a:hover{ background-color:#c81623; color:#fff;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_page a.a_first,
.Pages .p_page a.a_end,
.Pages .p_jump{ display:none;}
.Pages .p_page em{ font-style:normal;}
.Pages .p_page a.a_prev,
.Pages .p_page a.a_next{ overflow:hidden; height:35px; line-height:1000px; width:40px; padding:0; background-position:center center; background-repeat:no-repeat; margin:0 10px;}
.Pages .p_page a.a_prev:hover{ background-image:url(../images/page_a_prev_hover.gif);}
.Pages .p_page a.a_next:hover{ background-image:url(../images/page_a_next_hover.gif);}
.Pages .p_page a.a_prev{ background-image:url(../images/page_a_prev.gif);}
.Pages .p_page a.a_next{ background-image:url(../images/page_a_next.gif);}
/*pages end*/

/*project*/
.project-menu{position:relative; z-index:2; padding:20px 0 40px 0;margin:0 30px;}
.project-menu li{ text-align:center;}
.project-menu li .table{ display:table; width:100%; height:70px;}
.project-menu li .table-cell{ display:table-cell; vertical-align:bottom;}
.project-menu li img{ max-height:50px;}
.project-menu li p{ margin:20px 0 0 0;}
.project-menu li a.on{ color:#c92a32;}
.project-menu .bx-controls-direction a{ width:30px;}
.project-menu .bx-controls-direction a.bx-prev{ left:-30px;}
.project-menu .bx-controls-direction a.bx-next{ right:-30px;}

.project-video{}
.project-video .bg{ background-position:center top; background-repeat:no-repeat; background-size:cover; min-height:460px; background-color:#333; overflow:hidden;}
.project-video .fancybox{ background:url(../images/open_video_63.png) no-repeat; width:63px; height:63px; display:block; margin:25px auto;}
.project-video .edit-info{ padding:0 3%;}

.project-title{ font-size:33px; padding:50px 0; text-align:center; color:#333;}
.project-title p{margin:0;color:#555; font-size:19px;}
/*@media(max-width:480px){
.project-title{ font-size:24px;}
.project-title p{font-size:14px;}
}*/

.project-design{ background:url(../images/project_design_bg.jpg) repeat-y center top; background-size:100% auto;}
.project-design::after{ background:url(../images/project_design_bg2.jpg) no-repeat center top; background-size:cover; display:block; content:''; padding-bottom:167px;}
.project-design ul li{ text-align:center;position:relative; padding-bottom:38px;}
.project-design ul li h3{ margin:20px 0;  font-size:19px;}
.project-design ul li pre{ line-height:28px; text-align:center;font-size:19px; width:483px; margin:0 auto;}
.project-design ul li .icon img{ width:50px; height:50px; transition:0.3s;} 
.project-design ul li:hover .icon img{ transform:rotateY(360deg);} 
/*@media(max-width:480px){
.project-design ul li pre{ font-size:14px;}
}*/

.solution-list{ padding:10px 0;}
.solution-list dl{}
.solution-list dd{ float:left; line-height:58px; text-align:center; font-size:21px; position:relative;}
.solution-list dd::after{ position:absolute; content:''; width:6px; height:100%; background:#fff; top:0; right:-3px; z-index:5;}
.solution-list dd a{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 5px;background:#f3f3f3; }
.solution-list dd:last-child::after{ display:none;}
.solution-list dd.on a{ background:#c81623; color:#fff;}

.project-classic li{ position:relative;}
.project-classic li img{ display:block; width:100%; height:640px;}
.project-classic li .txt{ position:absolute; left:0; bottom:0; right:0; padding:20px 63px; color:#fff; text-align:center;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.9) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
.project-classic li .txt b{ font-size:25px; font-weight:normal;}
.project-classic li .txt p{ line-height:28px; /*overflow:hidden; max-height:56px;*/ margin:10px 0 0 0;}

/*.solution-scroll{ position:relative; min-height:740px;}*/
.solution-scroll li .pic{ position:relative; }
.solution-scroll li .pic img{ height:800px;}
.solution-scroll li .con{ position:absolute; left:20px; top:20px; right:20px; padding:39px 50px; background:rgba(255,255,255,0.2);}
.solution-scroll .bx-viewport{ z-index:1;}
.bx-pager{ text-align:center; padding:30px 0 0 0;}
.bx-pager div{ display:inline-block;margin:0 10px;}
.bx-pager div a{ display:block; height:24px; width:24px; background:#eee;  border-radius:50%;overflow:hidden; line-height:100px;}
.bx-pager div a.active{ background:#c81623;}
/*@media(max-width:480px){
.bx-pager div{margin:0 3px;}
.bx-pager div a{ width:12px; height:12px;}
.project-classic li .txt b{ font-size:18px;}
}
*/
.project-Machine{ padding-bottom:78px;}
.project-Machine .project-title{ padding-bottom:34px;}
.project-Machine .bx-wrapper{ position:relative;}
.project-Machine .bx-controls-direction a{ background-color:rgba(255,255,255,0.5);}
.project-Machine .bx-controls-direction a:hover{ background:#c81623;}
.project-Machine .bx-controls-direction a::before{ opacity:0.8; background-position:left 0;}
.project-Machine .bx-controls-direction a.bx-next::before{ background-position:right 0;}
.project-Machine .bx-controls-direction a.bx-prev{ left:0;}
.project-Machine .bx-controls-direction a.bx-next{ right:0;}
.project-Machine-nojs li{ float:left; width:50%;}
.project-Machine li a{ display:block; margin:0 auto; width:280px;}
.project-Machine li img{display:block; width:100%; height:280px;}
.project-Machine li p{ text-align:center; /*font-size:16px;*/}
/*project end*/

#other-current{ position:relative; border-bottom-color:#e5e5e5; z-index:15;}
#other-current dt{ color:#333;}
#other-current dt::after{ border-right-color:#fff; border-bottom-color:#fff;}
#other-current dt.on{ background:#fff; border-bottom:1px solid #e5e5e5;}

.layer{ position:fixed; left:0; top:0; width:100%; z-index:10; background:rgba(0,0,0,0.7); height:100%;}

.current-name{ padding:43px 0 35px 0; text-align:center; font-size:33px; color:#333; border-bottom:1px solid #e5e5e5; position:relative;}
/*@media(max-width:480px){
.current-name{font-size:20px;}
}*/

.honor-list li{ float:left; width:50%; padding:50px 0; text-align:center; border-bottom:1px solid #f7f7f7;}
.honor-list li p{ height:48px;  line-height:24px; margin:15px 0 0 0; color:#555;  overflow:hidden;}
.honor-list li aside{height:208px;background-size:contain; margin:0 auto; width:80%;}

.honor-fancybox .fancybox-title-float-wrap{ bottom:-10px;}
.honor-fancybox .fancybox-inner{ margin:0 auto; width:90% !important;}
.honor-fancybox .fancybox-skin{ background:none;}
.honor-fancybox .fancybox-wrap{ left:0 !important; width:100% !important; }
.honor-fancybox .fancybox-title-float-wrap .child{ background:none; font-size:17px; font-weight:normal; }
.honor-fancybox .fancybox-title-float-wrap .child br{ display:none;}
.honor-fancybox .fancybox-overlay{background:rgba(0,0,0,0.95);}
.honor-fancybox .fancybox-nav span{ visibility:inherit; width:50px; height:50px; margin-top:-25px; border:0; }
.honor-fancybox .fancybox-next span{ right:0; background:url(../images/fancybox-next.png) no-repeat center center rgba(255,255,255,0.5); }
.honor-fancybox .fancybox-prev span{ left:0;background:url(../images/fancybox-prev.png) no-repeat center center rgba(255,255,255,0.5);}
.honor-fancybox .fancybox-nav span:hover{background-color:#c81623;}
.honor-fancybox .fancybox-next span:hover{background-image:url(../images/fancybox-next_hover.png); }
.honor-fancybox .fancybox-prev span:hover{background-image:url(../images/fancybox-prev_hover.png) ;}
.honor-fancybox .fancybox-close{ width:44px; height:44px; right:20px; top:-80px; background:none;}
.honor-fancybox .fancybox-close::after,
.honor-fancybox .fancybox-close::before{ position:absolute; content:''; width:100%; height:1px; background:#6f6f6f; left:0; top:50%; transform:rotate(45deg);}
.honor-fancybox .fancybox-close::before{transform:rotate(-45deg);}
.honor-fancybox .fancybox-title-float-wrap .child{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-right:0;}
.honor-fancybox .fancybox-title-float-wrap{ left:0; right:auto; width:100%; }
.honor-fancybox .fancybox-image{ display:block; margin:0 auto; height:auto; width:auto;}

.video-list{ margin-top:8%;}
.video-list li{ float:left; width:48.5%; margin:0 3% 6% 0; position:relative;transition:all 0.3s ease-out 0s;overflow:hidden;}
.video-list li::after,
.video-list li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.video-list li a{ z-index:3; background:url(../images/open_video2.png) no-repeat center center;}
.video-list li::after{ content:''; background:url(../images/textbg.png) repeat-x left bottom;}
.video-list li:nth-child(2n){ margin-right:0}
.video-list li p{ z-index:2; color:#fff; font-size:17px;  padding:0 20px; margin:0; width:100%; position:absolute; left:0; bottom:0; line-height:48px;}
.video-list li .Ispic{ padding-bottom:66.85%;transition:all 0.3s ease-out 0s;}
.video-list li:hover{box-shadow:0 5px 10px rgba(130,130,130,0.3);transform:translate(0,-5px);}
.video-list li:hover .Ispic{ opacity:0.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

#video-fancybox .fancybox-inner{ width:auto !important;}

.news-body .product_current{ background:rgba(255,255,255,0.6); }
.news-body #other-current{border-bottom-color:transparent;}
.news-top .bx-wrapper{ position:relative; z-index:1;}
.news-top li a{ display:block;}
.news-top .bx-pager{ position:absolute; left:0; bottom:3%; width:100%; text-align:center;}
/*.news-top .bx-pager div a{ background:rgba(255,255,255,0.5);}*/

.news-list{ margin-top:5%;}
.news-list li{ position:relative; padding-left:38%; margin-bottom:6.5%;}
.news-list li .Ispic{ position:absolute; left:0; top:0; height:100%; width:34%;}
.news-list li .txt{border-bottom:1px dotted #e1e1e1; padding-bottom:4%;}
.news-list li .txt h5{ font-size:21px; margin:0;}
.news-list li .txt p{ height:60px; overflow:hidden; line-height:30px; margin:3% 0;}
.news-list li .txt span{color:#999; font-family:Arial, Helvetica, sans-serif;}
/*@media(max-width:480px){
.news-list li .txt h5{ font-size:16px; }
}*/

.Related-case .news-list{ margin-top:30px;}

.news-current{ position:relative; z-index:15;}
.news-current #other-current dt{ text-align:center;}
.news-current .get-back{ left:3%; z-index:18;}
.news-current .get-back a::before{border-top-color: #535353;border-left-color: #535353;}

.news-info .title{ text-align:center; padding-top:5%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f2f2f2;}
.news-info .title h1{ margin:15px 0; color:#000; font-size:25px;}
.news-info .title p{ font-size:17px; color:#999; margin:0;}
.news-info .info_np{margin:30px 0 0 0;border-top:1px solid #f2f2f2; }
.news-info .info_np span{}
.news-info .info_np span a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color:#999;border-bottom:1px solid #f2f2f2;line-height:30px; padding:3% 0;}
.news-info .info_np span a:hover{ color:#c81623;}
/*@media (max-width:480px){
.news-info .title h1{ margin:10px 0; font-size:20px;}
.news-info .title p{ font-size:14px;}
}*/


.Related-news{ padding-top:8%; padding-bottom:3%;}
.Related-news h4{ font-weight:normal;border-top:1px solid #f2f2f2; font-size:25px; text-align:center; color:#555; margin:25px 0 0 0;}
.Related-news h4 span{ display:inline-block; padding:0 5px; background:#fafafa; position:relative; line-height:20px;top:-15px;}

.contact-content .from{ position:relative; background-repeat:no-repeat; background-position:center top; background-size:cover; padding-bottom:8%;}
.contact-content .from > *{ position:relative; z-index:2;}
.contact-content .from::before{ position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); content:'';}
.contact-content .from .title{ text-align:center; padding:10% 0 8% 0; color:#fff; font-size:37px;}
.contact-content .from .title span::before,
.contact-content .from .title span::after{ width:23px; height:18px; display:inline-block; content:''; vertical-align:text-top; background-image:url(../images/contact_title.png); background-repeat:no-repeat; background-size:44px auto;}
.contact-content .from .title span::before{ background-position:left top; margin-right:10px;}
.contact-content .from .title span::after{ background-position: right top; margin-left:10px;}
/*@media(max-width:480px){
.contact-content .from .title{ font-size:24px;}
.contact-content .from .title span::before, 
.contact-content .from .title span::after{width:18px; height:18px;background-size:34px auto; }
}*/

.contact-content .map{height:400px;}
.contact-content .edit-info{ }
.contact-content #allmap,
.contact-content #allmap *{ box-sizing:content-box;}
.contact-content #allmap img{ max-width:none;}

.same-margin-top{ margin-top:-62px; float:left; width:100%;}

.before-service li{position:relative;}
.before-service li img{ display:block; width:100%;}
.before-service li .txt{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(18,28,38,0.5);}
.before-service li .txt::before{ position:absolute; content:''; border:24px solid transparent; border-top-color:rgba(255,255,255,0.5); left:5%; top:0;}
.before-service li:first-child .txt::before{ display:none;}
.before-service li figure{ display:table; width:90%; margin:0 auto; height:100%;}
.before-service li figcaption{ display:table-cell; vertical-align:middle; color:#fff;font-family: "dinbold";}
.before-service li b{ font-size:41px; opacity:0.2; text-transform:uppercase;}
.before-service li b::after{ display:inline-block; content:''; width:31px; height:4px; background:#fff; margin-left:5px; vertical-align:middle;}
.before-service li h4{ font-size:37px; margin:20px 0 10px 0; font-weight:normal;}
.before-service li pre{ font-size:21px;}
/*@media(max-width:480px){
.before-service li h4{ font-size:24px;}
.before-service li pre{ font-size:15px;}
}*/

.h2,.h3,.h4,.h5{ padding:0; margin:0; font-weight:normal;}
.after-service{ padding-bottom:0;}
.after-service .table{ display:table; height:100%; width:100%;}
.after-service .table-cell{ display:table-cell; vertical-align: middle;}

.after-service .item1,
.after-service .item3,
.after-service .item5{ position:relative;}
.after-service .con{ position:absolute; width:100%; height:100%; text-align:center; color:#fff}
.after-service .title_cn{ font-size:43px;}
.after-service .title_en{ font-size:21px; opacity:0.3; text-transform:uppercase}

.after-service .item2{ text-align:center;}
.after-service .item2 .h3{ font-size:31px; color:#333333; padding:4% 0;}
.after-service .item2 ul{ overflow:hidden; padding-bottom:6%;}
.after-service .item2 ul li{ float:left; margin-right:1%; width:32.66666666%;transition:all 0.5s ease-out 0s;}
.after-service .item2 ul li:last-child{ margin-right:0;}
.after-service .item2 ul li .pic img{ width:100%; display:block;}
.after-service .item2 ul li .txt{ font-size:16px; padding-top:3%;}
.after-service .item2 .box2{ position:relative; margin-bottom:5%;}
.after-service .item2 .box2 .zindex{ position:relative; z-index:3;}
.after-service .item2 .box2 .zindex h3{ font-size:25px;}
.after-service .item2 .box2 .h4{ font-size:25px; color:#c92a32; padding-top:20px;}
.after-service .item2 .box2 .time{ font-weight:bold; color:#fff; font-size:37px; display:inline-block; line-height:60px; padding:0 5%; background:#c92a32 ;font-family: "dinbold";}
.after-service .item2 .box2 .time::before{ display:inline-block; content:''; width:30px; height:26px; background:url(../images/icon_time.png) no-repeat; vertical-align:middle; margin-right:10px; margin-top:-5px;}
.after-service .item2 .photo{ position:absolute; left:0; top:80px; right:0; bottom:32px; border:solid 1px #eeeeee; z-index:0;}

.after-service .item3 > img{ display:block; width:100%;}
.after-service .item3 .center{ display:table; margin:0 auto;}
.after-service .item3 .center dl{ display:table-cell; vertical-align:middle;  text-align:center;}
.after-service .item3 dl dt{ border-radius:50%;max-width:80px; margin:0 auto; padding:10%; background:#000;}
.after-service .item3 dl dd{ padding-top:20px;}
.after-service .item3 dl.icon::after,
.after-service .item3 dl.icon::before{ display:inline-block; content:''; width:4px; height:4px; background:#9b9fa1; opacity:0.5; border-radius:50%; margin:0 5px 40px; }
.after-service .item3_font{ margin-top:5%;}
.after-service .item3_font .h3,
.after-service .item3_font .h4{ color:#333333; text-align:center}
.after-service .item3_font .h3{ font-size:31px; padding:5px 0;}
.after-service .item3_font .h4{ font-size:19px; padding-bottom:3%;}


.after-service .item4{ padding-top:30px;}
.after-service .item4 .h3,
.after-service .item4 .h4{ color:#333333; text-align:center}
.after-service .item4 .h3{ font-size:31px; padding:5px 0;}
.after-service .item4 .h4{ font-size:19px; padding-bottom:30px;}
.after-service .item4 .h4 span{ color:#c92a32;}
.after-service .item4 ul{ display:table; width:100%; margin-bottom:4%;}
.after-service .item4 ul li{ display:table-cell; vertical-align:middle; border:1px solid #e5e5e5;}
.after-service .item4 ul li:nth-child(1){ width:45%;}
.after-service .item4 ul li dl{ padding:3% 7%;}
.after-service .item4 ul li.icon{ border-color:transparent; width:40px; background:url(../images/after-service-icon.jpg) no-repeat center center;}
.after-service .item4 ul li h5{ color:#c92a32; font-size:31px;}
.after-service .item4 ul li h5 b{font-family: "dinbold";}
.after-service .item4 ul li h5:after{ margin-top:10px; content:''; width:20px; height:2px; display:block; background-color:#c92a32}

.after-service .item5 dl{ text-align:center; padding-top:15px;}
.after-service .item5 dl a{ color:#fff; font-size:25px; border:solid 1px #ddd; display:inline-block; padding:0px 26px; line-height:58px; text-align:center}
/*@media(max-width:480px){
.after-service .title_cn{ font-size:30px;}
.after-service .item4 .h4,
.after-service .item2 .box2 .zindex h3,
.after-service .item5 dl a,
.after-service .title_en{ font-size:16px;}
.after-service .item2 .box2 .h4{ font-size:18px;}
.after-service .item4 ul li h5,
.after-service .item4 .h3,
.after-service .item3_font .h3,
.after-service .item2 .h3{ font-size:24px;}
.after-service .item2 .box2 .time{ font-size:28px;}
.after-service .item3 dl dt{ width:50px;}
.after-service .item3 dl.icon::after, .after-service .item3 dl.icon::before{ margin-left:0; margin-right:0;}
.after-service .item2 ul li .txt{ font-size:14px;}
}*/

.booking-content .from-bg{ background-repeat:no-repeat; background-position:center top;}
.download-content .from-bg{ background-image:url(../images/download_bg.jpg);}
.booking-content .bg1{background-size:cover; background-image:url(../images/booking_bg1.jpg);}
.booking-content.bg2 .from-bg,
.booking-content.bg4 .from-bg,
.booking-content.bg3 .from-bg{ background:url(../images/booking_bg2.jpg) no-repeat center top #303439; background-size:100% auto;}
.booking-content.bg3 .from-bg{ background-image:url(../images/booking_bg3.jpg); background-color:#23272c;}
.booking-content.bg4 .from-bg{ background-image:url(../images/download_bg.jpg); background-color:#393c40; padding-bottom:5%;}

.booking-content{ position:relative; padding-bottom:100%;}
.booking-content.bg2,
.booking-content.bg4,
.booking-content.bg3{padding-bottom:0;}
.booking-content .bg1{ position:absolute; left:0; top:0; width:100%; height:100%;}
.booking-content .from-bg-table{ display:table; margin:0 auto; width:90%; max-width:75%; height:100%;}
.booking-content .from-bg-cell{ display:table-cell; vertical-align:middle;}

.first-select .them{ text-align:center; font-weight:normal; color:#fff;margin:0;}
.first-select .litter{ text-align:center; color:#b5b5b5;padding-top:3%; padding-bottom:15%;}
.first-select dl{ position:relative; z-index:10;}
.first-select dt{ padding-left:50px; background:url(../images/booking_select_type.png) no-repeat left bottom;}
.first-select dt span{ display:block; border-bottom:1px solid #999; line-height:50px;  color:#999; background:url(../images/booking_select_type_a.png) no-repeat 98% center; cursor:pointer;}
.first-select dd{ position:absolute; left:0; top:100%; width:100%; display:none; padding-left:50px; padding-top:10px;}
.first-select dd a{ display:block;background:rgba(255, 255, 255, 0.7); line-height:45px;height:45px; padding:0 20px; transition:0.2s;}
.first-select dd a:hover{ font-size:21px; color:#000; font-weight:bold;}

.second-select{ width:94%; max-width:77%; margin:0 auto; padding-top:20%; padding-bottom:8%;}
.second-select .first-select .litter{ padding-bottom:0;}
.second-select .first-select dl{ margin:12% 0;}
.second-select .from-about{ width:auto;}

.second-select .name{ font-size:31px; color:#fff;}
.download-content .select dl{position:relative; max-width:410px; margin-top:4%;}
.download-content .select dt{ line-height:60px; color:#999; cursor:pointer; background:url(../images/select.png) no-repeat right center; border-bottom:1px solid #999;}
.download-content .select dd{ display:none; position:absolute; left:0; width:100%; top:100%; padding:10px 0; z-index:10;}
.download-content .select dd span{ display:block; padding:0 20px; background-color:rgba(255,255,255,0.5); line-height:40px; height:40px;cursor:pointer; transition:0.2s; color:#333;}
.download-content .select dd span:hover{font-size:21px; color:#000; font-weight:bold;}
.download-content .submit-btn{ padding:9% 0;}
.download-content .submit-btn a{ display:inline-block; text-align:center; width:245px; line-height:50px; color:#fff; background:url(../images/coop-btn.png) no-repeat right center; padding-right:45px;}

.download-result h5{ font-size:19px; color:#fff; padding:0 0 20px 0; margin:0; font-weight:normal;}
.download-result li{ line-height:35px;padding-left:33px; background:url(../images/pdf.png) no-repeat left center;}
.download-result li a{ color:#999;}
.download-result li a:hover{ color:#c81623;}

.pass-download{ padding-top:5%;}
.pass-download a{ display:inline-block; color:#fff; padding:0 27px; background:rgba(201,42,50,0.5); line-height:50px; font-size:21px;}

.Have-files{ padding-top:30px; overflow:hidden; text-align:center;}
/*.Have-files >*{ float:left;}*/
.Have-files .text{ border-radius:4px; border:1px solid #000; background:#fff; width:100%; line-height:50px; height:50px; padding:0 10px;}
.Have-files .btn{ height:50px; width:150px; margin-top:30px; border:1px solid #000;background:#c81623; color:#fff; border-radius:4px; font-size:17px; cursor:pointer;}

/*@media(max-width:480px){
.second-select .name{ font-size:24px;}
.download-content .submit-btn a{ font-size:16px;line-height:45px;}
}*/

.Social-one{ background:url(../images/social-bg.jpg) no-repeat center top; background-size:cover; }
.Social-one .left-con{ padding:0 3%;}
.Social-one .small-pic li img{ display:block; width:100%;}
.Social-one .small-pic .bx-pager{ padding-bottom:4%;}
.Social-content .edit-title{ clear:both;}

.Social-news .title{ padding:67px 0 45px 0; text-align:center; font-size:33px; color:#333; position:relative;}
.Social-news .title p{ margin:0; padding-top:10px; font-size:19px;color:#555;}
.Social-news .title::after{ position:absolute; width:1px; height:30px; content:''; background:#c81623; bottom:10px; left:50%; margin-left:-0.5px;}
.Social-news li{ margin-bottom:30px; padding:0 20px;}
.Social-news li a{ display:block;}
.Social-news li .pic img{ display:block; width:100%; }
.Social-news li p{margin:5px 0 0 0; padding:18px 0;}
.Social-news li pre{ color:#999; line-height:24px; height:48px; overflow:hidden; font-size:17px;}
.Social-news li aside{ font-family:"Courier New", Courier, monospace;  color:#999;border-bottom:1px solid #e5e5e5; padding:15px 0 10px 0;}
.Social-news li aside span{ font-size:37px;}
.Social-news li a:hover aside{ color:#c81623; border-bottom-color:#c81623;}
.Social-news li a:hover p{ color:#c81623;}
.Social-news{ padding-bottom:82px;}
#Social-news-list{ margin-top:40px; padding-bottom:0;}
.Social-news .more{ text-align:center;}
.Social-news .more a{    display: inline-block;
    background: url(../images/coop-btn.png) no-repeat right center;
    width: 202px;
    text-align: center;
    color: #fff;
    padding-right: 45px;
    line-height: 50px;
    font-size: 21px;}
/*@media(max-width:480px){
.Social-news .title{ font-size:24px;}
.Social-news .title p{ font-size:14px;}
.Social-news li p{ font-size:16px;}
}*/

/*编辑器内容 样式*/
.table_149{ margin:0 20px 22px 20px; width:600px !important;}
.table_149 td{ padding-bottom:30px;}
.table_149 tr:last-child td{ padding-bottom:0;}
.table_149 td.td1{ width:90px; padding-left:20px;}
.table_149 td.td1 div{ width:70px; border-radius:8px; background:#c81623;}
.table_149 td.td1 div img{ display:block; width:100%;}
.table_149 td.td2 div{color:#ddd; padding-left:25px; line-height:26px;}

#info_itemid_1{ height:700px; background-position:center top; background-repeat:no-repeat;}
#info_itemid_1 .center{ position:relative; width:840px;}
#info_itemid_1 .pic{ padding-top:97px; text-align:center;}
#info_itemid_1 .float_icon li{ list-style:none; position:absolute;}
#info_itemid_1 .float_icon li .icon{ border-radius:4px; background:#f7f7f7;}
#info_itemid_1 .float_icon li .icon img{ display:block; width:70px; height:69px;}
#info_itemid_1 .float_icon li .icon img.hover{ display:none;}
#info_itemid_1 .float_icon li .txt{ position:absolute; display:none; top:0; font-size:17px; color:#ddd; line-height:26px;white-space:nowrap;}
#info_itemid_1 .float_icon li .txt_right{ left:80px;}
#info_itemid_1 .float_icon li .txt_left{ right:80px;}
#info_itemid_1 .float_icon li:hover .icon{ background:#c81623;}
#info_itemid_1 .float_icon li:hover .icon img{ display:none;}
#info_itemid_1 .float_icon li:hover .txt,
#info_itemid_1 .float_icon li:hover .icon img.hover{display:block;}

.prod-parameter .example-table td{ border:1px solid #efefef; line-height:24px; padding:8px 15px; text-align:center;}
.prod-parameter .example-table td.bgcolor{ background:#fdfdfd;}
.prod-parameter .example-table td.intro{ width:444px; text-align:left; color:#b6b6b6; font-size:13px; padding-right:0;}

.prod-parameter-more{ padding:20px 0;}
.prod-parameter-more .parameter-table th{ color:#fff; background-color:#555555;padding:10px 0; font-weight:normal;}
.prod-parameter-more .parameter-table td{ text-align:center; padding:10px 0; border:solid 1px #efefef;}
.prod-parameter-more .parameter-table td.td_name{ padding-left:20px; text-align:left; background-color:#fbfbfb;}
.prod-parameter-more .parameter-table td.td_red{ background-color:#c81624; color:#fff;}

.con_hide{ display:none;}

.sample-css-53{}
.sample-css-53 .title,
.sample-css-53 .name{ font-size:25px;}
.sample-css-53 .name{ color:#333; padding-bottom:65px;}
.sample-css-53 .number{ display:inline-block;}
.sample-css-53 .number span{ display:block; overflow:hidden; font-size:73px; color:#c81623; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:54px; height:42px;}
.sample-css-53 .number::after{ display:block; content:''; height:3px; background:#c81623; margin-top:3px;} 
.sample-css-53 .title{ color:#c81623; padding-bottom:30px;}
.sample-css-53 li{ line-height:28px; padding-left:16px; position:relative; }
.sample-css-53 li::before{ position:absolute; content:'·'; left:0; top:0; font-size:33px; color:#555;}
/*@media(max-width:480px){
.sample-css-53 .number span{ font-size:50px; height:36px;}
.sample-css-53 .title{ font-size:18px;}
.sample-css-53 .name{ font-size:16px; padding-bottom:5%;}
.sample-css-53 li{ line-height:20px;}
}*/

#contact_info_21{ padding:15% 0; background-size:auto 100% !important;}
#contact_info_21 section{ padding:0 8%;}
#contact_info_21 h1{ margin:0; color:#333; font-size:37px; font-weight:normal; padding-bottom:47px;}
#contact_info_21 li{ font-size:19px; color:#999; margin-bottom:17px;}
#contact_info_21 li img{ vertical-align:text-bottom;}
#contact_info_21 li span a{ font-size:25px;}
#contact_info_21 li span{ color:#555;}
#contact_info_21 li b{font-family: "dinbold"; color:#c81623; font-size:41px;}
/*@media(max-width:480px){
#contact_info_21 h1{ font-size:24px;}
#contact_info_21 li{ font-size:15px;}
#contact_info_21 li b{font-size:30px;}
}*/

.content-18 h1{ margin:0; font-size:21px; font-weight:normal; color:#333;}
.content-18 h1::after{ display:block; content:''; background:#c81623; width:30px; height:4px; margin:16px 0;}
.content-18 p.p1{ line-height:24px;}
.content-18 p.p2{ line-height:30px;}
.content-18 p.p3{ font-size:17px; line-height:30px;}
#content-18-2 .ul_num{ margin-top:50px;}
.content-18 .ul_num{ display:table; width:100%; margin-top:20px;}
.content-18 .ul_num li{ display:table-cell; border-bottom:1px solid #e5e5e5; font-size:19px; color:#c81623; line-height:50px;}
.content-18 .ul_num li span{ font-weight:bold; font-size:31px; font-family:Arial, Helvetica, sans-serif;}
/*@media(max-width:480px){
.content-18 .ul_num li{font-size:14px;}
}*/

.ul-youshi-83 li{ float:left; width:25%; text-align:center; font-size:17px; padding-top:20px;}
.ul-youshi-83 li .pic{ padding-bottom:8px;}
.ul-youshi-83 li .pic img{ border:1px solid #e4e4e4; border-radius:10px; transition:0.3s;}
.ul-youshi-83 li .pic img.off{ display:none;}
.ul-youshi-83 li span{ min-height:42px; display:block;}
.ul-youshi-83 li:nth-child(4n+1){ clear:both;}
.ul-youshi-83 li:hover .pic img{ display:none; background-color:#c81623;}
.ul-youshi-83 li:hover .pic img.off{ display:inline-block;}
/*编辑器内容 样式 end*/

/*index*/
.index-floor{ background-color:#fff;}
/*.floor-5{ background-color:transparent;}*/
.index-floor,
.index-banner{ position:relative; z-index:1;}
.index-banner{ overflow:hidden;}
.index-banner .bx-viewport{ z-index:1;}
.index-banner li a{ height:100%; position:absolute; left:0; top:0; width:100%;}
.index-banner .bx-pager,
.index-banner .bx-controls-direction a{ z-index:10;} 
.index-banner .bx-pager{ position:absolute; left:0; width:100%; bottom:2%; text-align:center; padding:0;}
.index-banner .bx-pager div{ display:inline-block; padding:0 5px;}
.index-banner .bx-pager div a{ display:block; width:20px; height:20px; line-height:1000px; overflow:hidden; border:2px solid transparent;border-radius:50%; position:relative; background:none;}
.index-banner .bx-pager div a::after{ position:absolute; content:''; width:10px; height:10px; border-radius:50%; border:1px solid #fff; left:50%; top:50%; transform:translate(-50%,-50%);}
.index-banner .bx-pager div a.active{ border-color:#c71b27;}
.index-banner .bx-pager div a.active::after{ background:#fff;}

.index-floor .title{ padding:44px 0 26px 0; text-align:center; font-size:33px; color:#333;}
.index-floor .title span{ display:block; font-size:19px; color:#555; padding-top:5px;}
/*@media(max-width:480px){
.index-floor .title{font-size:24px;}
.index-floor .title span{font-size:14px;}
}*/

.floor-1 li{ position:relative; z-index:1; margin-bottom:4px;}
.floor-1 li:last-child{ margin-bottom:0;}
.floor-1 li img{ display:block; width:100%;}
.floor-1 li .txt{ position:absolute; left:0; width:100%; top:0; height:100%; z-index:5; padding-top:25px; text-align:center; color:#fff;}
.floor-1 li .txt *{ margin:0; }
.floor-1 li .txt h3{font-size:25px; font-weight:normal;}
.floor-1 li .txt p{ padding:6px 0 11px 0;}
.floor-1 li .txt a{color:#fff; display:inline-block; position:relative; padding-right:16px;}
.floor-1 li .txt a::after{ position:absolute; content:''; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; right:0; top:50%; margin-top:-4px; transform:rotate(45deg);}
/*@media(max-width:480px){
.floor-1 li .txt h3{font-size:16px;}
.floor-1 li .txt{ font-size:12px;}
}*/

.floor-3 dd{}
.floor-3 dd a{  position:relative;display:block; color:#fff;}
.floor-3 dd .big{ display:block; width:100%;}
.floor-3 dd .icon{ position:absolute; left:0; top:0; height:100%;  width:50%; text-align:center;}
.floor-3 dd .icon::before{ position:absolute; content:''; left:10px; top:10px; bottom:10px; right:10px; border:1px solid rgba(255,255,255,0.2);}
.floor-3 dd:nth-child(2n) .icon{ left:auto; right:0;}
.floor-3 dd:nth-child(1) .icon{ background:rgba(201,42,50,0.9);}
.floor-3 dd:nth-child(2) .icon{ background:rgba(199,134,71,0.9);}
.floor-3 dd:nth-child(3) .icon{ background:rgba(212,109,58,0.9);}
.floor-3 dd:nth-child(4) .icon{ background:rgba(205,165,58,0.9);}
.floor-3 dd .pic{display:table; width:100%; height:100%;}
.floor-3 dd .pic-cell{ display:table-cell; vertical-align:middle;}
.floor-3 dd .pic img{ max-height:65px;}
.floor-3 dd p{ font-size:25px; margin:5px 0 10px 0;}
.floor-3 dd span{ display:inline-block; position:relative; padding-right:16px;}
.floor-3 dd span::after{ position:absolute; content:''; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; right:0; top:50%; margin-top:-4px; transform:rotate(45deg);}
/*@media(max-width:480px){
.floor-3 dd .pic img{ max-height:40px;}
.floor-3 dd p{ font-size:18px; margin:3px 0;}
}
@media(max-width:375px){
.floor-3 dd .icon::before{ left:5px; top:5px; bottom:5px; right:5px;}
}*/

.floor-4{ padding:0 2%;}
.floor-4 .hd li{ float:left; width:196px; margin-right:6px; text-align:center; font-size:21px;}
.floor-4 .hd li:last-child{ margin-right:0;}
.floor-4 .hd li a{ display:block; line-height:60px; background:#f3f3f3;}
.floor-4 .hd li.on a{ background:#c81623; color:#fff;}
.floor-4 .bd{margin:40px 0 0 0;}
.floor-4 .list li{ position:relative; padding-left:230px; margin-bottom:40px;}
.floor-4 .list li:last-child{ margin-bottom:0;}
.floor-4 .list li .Ispic{ position:absolute; left:0; top:0; height:150px; width:200px;}
.floor-4 .list li .txt{border-bottom:1px dotted #e1e1e1; height:150px; }
.floor-4 .list li .txt h5{ font-size:21px; margin:0;}
.floor-4 .list li .txt p{ height:60px; overflow:hidden; line-height:30px; margin:10px 0;}
.floor-4 .list li .txt span{color:#999; font-family:Arial, Helvetica, sans-serif;}
.floor-4 .list .more{ display:block; margin:50px auto; background:url(../images/coop-btn.png) no-repeat right center; width:202px; text-align:center; color:#fff; padding-right:45px; line-height:50px; font-size:21px;}
.floor-4 .list .more:hover{ background-image:url(../images/coop-btn_hover.png);}
/*@media(max-width:480px){
.floor-4 .hd li,
.floor-4 .list li .txt h5{ font-size:16px;}
.floor-4 .list li .txt p{ height:40px; line-height:20px;}
.floor-4 .list .more{ line-height:40px; font-size:16px;}
}*/

.floor-6{ padding-bottom:73px; background:#eee;}
.floor-6 .title{ padding-top:64px; padding-bottom:36px;}
.floor-6 .title span i{ font-style:normal; color:#c81623;}
.floor-6 .all-table{ width:412px; margin:0 auto;}

.all-table li{ position:relative; margin-bottom:40px; background:#fff; padding-left:60px; padding-right:20px; border-radius:60px;background-position:20px center; background-repeat:no-repeat;}
.all-table li.li_area{border-radius:0;background:none;padding-left:0; padding-right:0;margin-bottom:0;}
.all-table li.li_area select{background:#fff; padding-left:60px; padding-right:20px; border-radius:60px;margin-bottom:40px;}
.all-table li *{ line-height:60px; height:60px; width:100%; background:none;}
.all-table li label{ position:absolute; left:0; top:0; padding-left:60px; color:#999; }
.all-table li.li_area::before{ position:absolute; content:''; width:60px; height:60px; background:url(../images/li_area.png) no-repeat 20px center;}
.all-table li.li_name{ background-image:url(../images/li_name.png);}
.all-table li.li_tel{ background-image:url(../images/li_tel.png);}
.all-table li select,
.all-table li .text{ border:0;}
.all-table li select{ color:#999;}
/*.all-table ol{ padding-top:8px;}*/
.all-table ol .btn{ border:none; background:#c81623; width:100%; height:60px; color:#fff;  font-size:25px; line-height:60px; border-radius:30px;}
/*@media(max-width:480px){
.all-table ol .btn{ font-size:18px; line-height:50px; height:50px; }
}*/
/*index end*/

.TextList002514 .list{}
.TextList002514 .job-title{ display:table; width:100%; background:#888888; color:#fff; padding:5% 2%;}
.TextList002514 .list .job-title{ background:none; color:#555;border-bottom:solid 1px #cfcfcf;}
.TextList002514 .job-title li{ display:table-cell; vertical-align:middle;width:30%; padding:0 2%;}
.TextList002514 .job-title li:nth-child(1){ width:40%;}
.TextList002514 .list .job-title li:last-child{ position:relative;}
.TextList002514 .list .job-title li:last-child::after{ content:'';transform: rotate(45deg); position:absolute; right:0; top:50%; margin-top:-7px;border-top:solid 2px #9a9a9a; border-right:solid 2px #9a9a9a; width:10px; height:10px;transition:all 0.3s ease;}
.TextList002514 .list .job-title.select  li:last-child::after{transform: rotate(135deg);}
.TextList002514 .job-main{ display:none; padding:3%; border-bottom:1px dotted #cfcfcf; background-color:#f9f9f9}
.TextList002514 .job-main .dl{ margin-bottom:3%;}
.TextList002514 .job-main .dl dt{ line-height:30px;}
.TextList002514 .job-email{ padding:30px 0;}
.TextList002514 .job-email span{ color:#c81623;}
.TextList002514 .open-pop{ color:#fff; background-color:#ca1524; padding:0px 48px; line-height:37px; display:inline-block;}

.other-info{ min-height:400px;padding:3% 0;}
#apply .queueList{ margin:0; width:250px;}
#apply .statusBar{ padding:0 100px 0 0;}
#apply .statusBar .info{ line-height:20px; padding:10px 0;}
#apply .statusBar .btns{ right:0;}
#apply .statusBar .btns .webuploader-container{ display:none;}
#apply .placeholder{ padding-top:30px; min-height:120px;}
#apply .placeholder .webuploader-pick{ margin-bottom:0;}
#apply .placeholder p{ margin:0;}
#apply .queueList.filled{ padding:0;}
#apply .table .btn{ margin-top:5%;}


.list-links{ min-height:300px;}
.list-links li{ line-height:50px;}
.list-links li::before{ display:inline-block; content:''; vertical-align:middle; margin:0 10px; width:4px; height:4px; background:#555;}
.list-links li:nth-child(2n){ background-color:#f5f5f5;}

.project_tips{ font-size:19px; width:900px; padding:100px 0; margin:0 auto;}
.project_tips p{ color:#c00;}
.project_tips  ul{ overflow:hidden;}
.project_tips li{ float:left; width:31.33333%; margin:1%; text-align:center;}
.project_tips li a{ display:block; line-height:60px; background-color:#f9f9f9; overflow:hidden;height:60px;}

.page404{ text-align:center; background:url(../images/404.jpg) no-repeat center top;background-size:cover; padding:35% 8% 44% 8%;}
.page404 .txt{ background:url(../images/404txt.png) no-repeat center top; background-size:contain; padding:31% 7% 0 7%; color:#000;}
.page404 .txt h3{ margin:0; font-weight:normal; font-size:31px;}
.page404 .txt p{ font-size:21px; margin:0; padding-top:10px;}
.page404 .link{ padding-top:5%;}
.page404 .link a{ display:inline-block; border:1px solid #e4e4e4; background:#fff; line-height:43px; margin:0 5%; padding:0 5%; color:#000; font-size:17px; transition:ease-in-out 0.2s;}
.page404 .link a:hover{ background:#d90000; color:#fff;}

#coop-floor-9{ overflow-x:hidden;}
.coop-floor .bg{ background-position:center top; background-repeat:no-repeat; background-size:cover;}
.coop-floor .center{ position:relative;}
.coop-floor .edit-info{ color:#333; padding:0 20px; }
#coop-floor-5{ padding-bottom:50px;}
#coop-floor-5 li{ position:relative;}
#coop-floor-5 li img{ display:block; width:100%;}
#coop-floor-5 .edit-info{ position:absolute; left:0; top:0; width:100%; height:100%;overflow:hidden;}

#coop-floor-9 .bg{ background-position: center top; background-size:cover;padding-bottom:13%;}
#coop-floor-9 .data-big{background:url(../images/xianshi.png) no-repeat center center; background-size:contain; position:relative;width: 94%;padding-bottom: 53%; margin:0 auto;}
#coop-floor-9 .data-big img{ position:absolute; left: 12%;top: 8%;width: 73%;height: 81%;}
#coop-floor-9 .data-big .fancybox{ position:absolute; background:url(../images/fangdajng.png) no-repeat center center rgba(255,255,255,0.2); width:50px; height:50px; right: 16%;bottom: 12%;}
#coop-floor-9 .data-big .fancybox:hover{ background-color:#c81624;}

#coop-floor-10{ background:url(../images/social-bg.jpg) no-repeat center top; background-size:cover;}
#coop-floor-10 .small-pic{ padding-bottom:5%;}
#coop-floor-10 .small-pic li img{ display:block; width:100%; }
#coop-floor-10 .title-10{ font-size:33px; padding:7% 3% 2% 3%; color:#333; text-align:center;}
#coop-floor-10 .tab{ padding-bottom:3%;}
#coop-floor-10 .tab dl{ display:table; overflow:hidden; margin:0 auto;}
#coop-floor-10 .tab dd{ float:left; margin:0 17px;color:#ececec;   cursor:pointer;}
#coop-floor-10 .tab dd span{border-bottom:2px solid transparent; font-size:73px;font-family: "dinbold";  font-weight:bold;font-family: "dinbold";}
#coop-floor-10 .tab dd:hover,
#coop-floor-10 .tab dd.on{color:#efd8d9; }
#coop-floor-10 .tab dd span{ display:inline-block; height:75px;}
#coop-floor-10 .tab dd:hover span,
#coop-floor-10 .tab dd.on span{border-bottom-color:#c81623;}
#coop-floor-10 .edit-info{ color:#555; line-height:24px;}
/*@media(max-width:480px){
#coop-floor-10 .title-10{ font-size:24px;}
#coop-floor-10 .tab dd{ margin:0 10px;}
#coop-floor-10 .tab dd span{ font-size:50px; height:54px;}
}*/

#coop-floor-11{ background:url(../images/onlinebg.jpg) no-repeat center top; padding:40px 0 50px 0; height:950px;}
#coop-floor-11 .title{ background:url(../images/online_bg_title.png) no-repeat center center; height:171px;   background-size: contain;}
#coop-floor-11 .time{ text-align:center; font-size:25px;color:#fff;  padding:40px 0 50px 0;}
#coop-floor-11 .time b{font-family: "dinbold";}
#coop-floor-11 .from{ max-width:500px; }

#coop-floor-11.coop-online-apply{ background-image:url(../images/coop_bg1.jpg); height:auto;}
#coop-floor-11.coop-online-apply .title{ background:none; padding:2% 3% 0; text-align:center; font-size:33px; padding-bottom:0; color:#333; height:auto;}
#coop-floor-11.coop-online-apply .title span{ display:block; font-size:25px; padding-top:1%;}
#coop-floor-11.coop-online-apply .time{ text-align:center; color:#c81623; font-size:27px; padding:20px 0;}
#coop-floor-11.coop-online-apply .time b{ display:block;}
#coop-floor-11.coop-online-apply .from-about .text{ color:#000;}
#coop-floor-11.coop-online-apply .from-about dd{ padding-left:45px;}
#coop-floor-11.coop-online-apply .from-about dd label{left:45px;}
#coop-floor-11.coop-online-apply .from-about dd.d_1{ background-image:url(../images/icon_coop_1.png);}
#coop-floor-11.coop-online-apply .from-about dd.d_2{ background-image:url(../images/icon_coop_2.png);}
#coop-floor-11.coop-online-apply .from-about dd.d_3{ background-image:url(../images/icon_coop_3.png);}
#coop-floor-11.coop-online-apply .from-about dd.d_4{ background-image:url(../images/icon_coop_4.png);}
#coop-floor-11.coop-online-apply .from-about dd.d_5{ background-image:url(../images/icon_coop_5.png);}
#coop-floor-11.coop-online-apply .from-about dd.d_6{ background-image:url(../images/icon_coop_6.png);}
#coop-floor-11.coop-online-apply .from-about dd.d_7{ background-image:url(../images/icon_coop_7.png);}
/*@media(max-width:480px){
#coop-floor-11.coop-online-apply .title{ font-size:24px;}
#coop-floor-11.coop-online-apply .title span{ font-size:18px;}
#coop-floor-11.coop-online-apply .time{ font-size:20px;}
#coop-floor-11 .time{ font-size:18px;}
}*/

.from-about{margin:0 auto; width:90%;}
.from-about dl.row-2 dd{ float:left; width:48.5%; margin-right:3%;}
.from-about dl.row-2 dd:last-child{ margin-right:0;}
.from-about dd{ position:relative; padding-left:50px; background-position:left center; background-repeat:no-repeat; margin-bottom:25px; padding-right:10px;}
.from-about dd .form_err{ position:absolute; right:0; color:#f00; top:0; font-size:13px; line-height:40px;}
.from-about dd.d_1{ background-image:url(../images/pop-icon01.png);}
.from-about dd.d_2{ background-image:url(../images/pop-icon02.png);}
.from-about dd.d_3{ background-image:url(../images/pop-icon012.png);}
.from-about dd.d_4{ background-image:url(../images/pop-icon03.png);}
.from-about dd.d_5{ background-image:url(../images/pop-icon03_1.png);}
.from-about dd.d_6{ background-image:url(../images/pop-icon03_2.png);}
.from-about dd.d_7{ width:98.5%; background-image:url(../images/pop-icon04.png);}
.from-about dd.d_8{ background-image:url(../images/pop-icon07.png);}
.from-about dd.d_9{ background-image:url(../images/pop-icon09.png);}
.from-about dd.d_10{ background-image:url(../images/pop-icon010.png);}
.from-about dd.d_11{ background-image:url(../images/pop-icon011.png);}
.from-about dd.d_12{ background-image:url(../images/pop-icon013.png);}
.from-about dd.d_13{ background-image:url(../images/pop-icon08.png);}

.from-about dd label{ position:absolute; left:50px; color:#999;line-height:40px;}
.from-about dd select,
.from-about dd .text{ height:40px;width:100%; border:none; border-bottom:1px solid #999; }
.from-about dd select{display:block !important; color:#999;}
.from-about dd select option:first-child{ display:none;}
.from-about dd .text{ color:#fff; line-height:40px;background:none;}
.from-about dt{ text-align:center; padding:3% 0;}
.from-about dt .btn{ border:none; height:50px; line-height:50px; color:#fff; background:url(../images/coop-btn.png) no-repeat right center; padding:0 40px 0 0; cursor:pointer; width:245px;}
/*.from-about dt .btn:hover{ background-image:url(../images/coop-btn_hover.png);}
@media(max-width:480px){
.from-about dt .btn{height:42px; line-height:42px;}
}*/

/*编辑器样式*/
.btn_90{ width:245px; line-height:50px; display:block; margin:0 auto; color:#fff; font-size:19px; background:url(../images/coop-btn.png) no-repeat right center; padding-left:50px; text-align:left; margin-top:20px;}
.btn_90:hover{ color:#fff;background-image:url(../images/coop-btn_hover.png)}

.ul_info_92{ padding-bottom:3%;}
.ul_info_92 li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;overflow:hidden; position:relative;}
.ul_info_92 li:nth-child(2n){ margin-right:0;}
.ul_info_92 li img{ display:block; width:100%;}
.ul_info_92 li .hover{ text-align:center; position:absolute; left:0; width:100%; background:rgba(0,0,0,0.5); color:#fff; line-height:40px; bottom:0; z-index:11; font-size:15px;}

.ul_info_93{ position:relative;z-index:10; margin-top:-200px;}
.ul_info_93 td{ width:300px; height:200px;text-align:center;vertical-align:top;}
.ul_info_93 td.bgcolor{ background:#eee;}
.ul_info_93 td.b-txt b{ font-size:49px;}
.ul_info_93 td b{ display:block; color:#e9d9d9; line-height:100px; font-size:73px;}
.ul_info_93 td div{ padding:0 14px;}
.ul_info_93 td span{ color:#c92a32; font-size:19px; font-weight:bold;}
.ul_info_93 tr:nth-child(2) td b{ padding-top:26px;}
.ul_info_93 tr:nth-child(3) td b{ padding-top:12px;}
/*@media(max-width:480px){
.ul_info_93{ margin-top:-145px;}
.ul_info_93 td{ height:135px;}
.ul_info_93 tr:first-child td{ height:145px;}
.ul_info_93 td b{font-size:50px; line-height:60px;}
.ul_info_93 td.b-txt b{ font-size:32px;}
.ul_info_93 td strong,
.ul_info_93 td span{  font-size:16px !important;}
.ul_info_93 td div{ padding:0 2%; font-size:12px;}
}*/

.ul_info_96{ padding-bottom:40px;}
.ul_info_96 li{ position:relative; margin-bottom:10px; padding-left:130px; padding-right:45px;}
.ul_info_96 li aside{ position:absolute; left:0; width:174px; height:150px; top:50%; margin-top:-75px; background:url(../images/li_hover.png) no-repeat center center; text-align:center; padding-top:35px;}
.ul_info_96 li aside img{ text-align:center; width:70px; height:70px;}
.ul_info_96 li .table{ position:relative; z-index:2; overflow:hidden; padding-left:43px;}
.ul_info_96 li .table::after{ position:absolute; content:''; width:43px; height:100%; background:url(../images/li_hover_1.png) no-repeat left top; background-size:100% 100%; left:0; top:0;}
.ul_info_96 li .table-cell{background:#e9e9e9; position:relative; z-index:3; padding:20px; min-height:150px;}
.ul_info_96 li:nth-child(2n){ padding-left:45px; padding-right:130px;}
.ul_info_96 li:nth-child(2n) aside{ left:auto; right:0;}
.ul_info_96 li:nth-child(2n) .table{ padding-left:0; padding-right:43px;}
.ul_info_96 li:nth-child(2n) .table::after{ left:auto; right:0;background-image:url(../images/li_hover_2.png);}
.ul_info_96 li:nth-child(2n) .table-cell{ text-align:right;}
.ul_info_96 li:nth-child(2n-1) .table{ max-width:320px;}
.ul_info_96 li p{ margin:0; line-height:24px;}
.ul_info_96 li p.tit{ font-size:21px; color:#c81623;font-weight:bold; padding-bottom:5px;}
/*@media(max-width:480px){
.ul_info_96 li{padding-right:0;}
.ul_info_96 li:nth-child(2n){ padding-left:0;}
.ul_info_96 li p.tit{ font-size:16px;}
}*/

.ul_info_98{ padding:8% 0;}
.ul_info_98 li{ float:left; width:33.333333%;font-size:19px;  text-align:center;color:#555; padding-bottom:10px;}
.ul_info_98 li aside{color:#c81623;font-size:37px;font-weight:bold;  font-family: "dinbold";}
.ul_info_98 li aside span{ font-size:49px; }
/*@media(max-width:480px){
.ul_info_98 li aside{font-size:24px; }
.ul_info_98 li aside span{ font-size:40px; }
.ul_info_98 li{ font-size:15px; }
	}*/

.table_149_1 td{ border:1px solid #f1f1f1;white-space:normal;word-break:break-all}
.table_149_1 td{ padding:10px; text-align:center; font-size:17px;}
.table_149_1 td:nth-child(1){ text-align:right; background:#fbfbfb;}
.table_149_1 td:nth-child(2){ text-align:left; }
.table_149_1 td:nth-child(3){ background:url(../images/td_ying.jpg) repeat-y left top;}
.table_149_1 .tr_top td{ border:0; text-align:center;background:#555; color:#fff; font-size:25px; padding:3% 0;}

.table_149_2 td{ border:1px solid #f1f1f1;white-space:normal;word-break:break-all}
.table_149_2 td{ padding:10px; text-align:center; font-size:17px;}
.table_149_2 td:nth-child(1){ text-align:left; background:#fbfbfb;}
.table_149_2 td:nth-child(2){ background:url(../images/td_ying.jpg) repeat-y left top;}
.table_149_2 tr:nth-child(3) td:nth-child(1),
.table_149_2 tr:nth-child(4) td:nth-child(1),
.table_149_2 tr:nth-child(5) td:nth-child(1){ background:url(../images/td_ying.jpg) repeat-y left top;}
.table_149_2 tr:nth-child(3) td:nth-child(2),
.table_149_2 tr:nth-child(4) td:nth-child(2),
.table_149_2 tr:nth-child(5) td:nth-child(2){ background:none;}
.table_149_2 tr:nth-child(2) td:nth-child(2){ text-align:left;}
.table_149_2 .tr_top td{ border:0; text-align:center;background:#555; color:#fff; font-size:25px; padding:3% 0;}

/*编辑器样式 end*/

.no-animated{ opacity:0;}
.animated{ opacity:1;}

.product-animated .img,
.product-animated .p1,
.product-animated .p2{opacity:0;  transition-delay: 0s;}
.product-animated .p1{transform:translate3d(0,20px,0);transition-duration: 1s;}
.product-animated .p2{transform:translate3d(0,40px,0);transition-duration: 1.2s;}
.product-animated .img{transform:translate3d(0,60px,0);transition-duration: 1.4s;}
.product-animated.hoverClass .img,
.product-animated.hoverClass .p1,
.product-animated.hoverClass .p2{opacity:1;transform:translate3d(0,0,0)}


.Intro-content .floor-5 .bg{background-repeat:no-repeat; background-position:center center; position:relative; min-height:460px;background-size:cover;}
.Intro-content .floor-5 .edit-info{ position:absolute; left:0; top:0; width:100%; height:100%;padding:0 20px;}
#Intro-content-1 .bg{ background-size:100% auto;}
#Intro-content-3 .bg{background-size:cover;  background-position:center top; background-repeat:no-repeat; padding:0 20px; min-height:1100px; overflow:hidden;}
#Intro-content-3 .title{ text-align:center; font-size:33px; color:#fff; padding:48px 0;}
#Intro-content-3 .list-con{padding-top:30px;}
#Intro-content-3 .list-tab dd{ float:left; line-height:70px; text-align:center; font-size:17px; color:#fff; border:1px solid #52576e; background:#52576e; margin-right:0.5%; width:33%; font-weight:bold;}
#Intro-content-3 .list-tab dd:last-child{ margin-right:0;}
#Intro-content-3 .list-tab dd.on{ background:none;}
/*@media(max-width:480px){
#Intro-content-3 .title{font-size:20px;}
#Intro-content-3 .list-tab dd{ font-size:14px;}
#Intro-content-3 .bg{min-height:830px;}
.Intro-content .floor-5 .bg{min-height:300px;}
}*/

#Intro-content-4{ }
#Intro-content-4 .list-img{ }
#Intro-content-4 .list-img dl{ overflow:hidden;}
#Intro-content-4 .list-img dd{float:left; margin-right:1%; width:49.5%;margin-bottom:1%; position:relative;}
#Intro-content-4 .list-img dd:nth-child(1){ float:none; width:auto; margin-right:0;}
#Intro-content-4 .list-img dd:nth-child(3){ margin-right:0;}
#Intro-content-4 .list-img dd a{ position:absolute; z-index:10; background:url(../images/open_video_63.png) no-repeat center center; width:100%; height:100%;}
#Intro-content-4 .list-img dd::before{ position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.38); transition:0.3s;}
#Intro-content-4 .list-img dd:hover::before{ opacity:0;}
#Intro-content-4 .list-img dd img{display:block; width:100%;}


#Intro-content-5{ color:#333; background:url(../images/social-bg.jpg) repeat-y center top;}
#Intro-content-5 .title{ text-align:center; font-size:33px; padding:5% 0;}
#Intro-content-5 .list .box-img{position:relative;}
#Intro-content-5 .list .box-img aside{ position:absolute; right:0; top:0; width:100px; text-align:center; line-height:100px; font-size:61px; color:#c81623;font-family: 'dinbold'; z-index:10;background:rgba(255,255,255,0.9);}
#Intro-content-5 .list:nth-of-type(2n-1) .box-img aside{ right:auto; left:0;}
#Intro-content-5 .box-txt .edit-info{padding:6% 3%;}

.history-Content{ background:url(../images/historybg.jpg) no-repeat center top #000001; background-size:contain; overflow:hidden; padding:50px 0;}
.history-Content .list-con{ position:relative; padding:50px 20px 50px 172px; color:#fff;}
.history-Content .list-con:nth-child(2n){ padding-left:20px; padding-right:172px; text-align:right;}
.history-Content .list-con .year{ position:absolute; text-align:center; width:120px;height:120px; line-height:120px; top:50%; transform:translateY(-50%); color:#fff; text-align:center; font-size:33px; margin:0; background:#b62830; border-radius:50%; font-weight:normal;font-family: 'dinbold';z-index:3;}
.history-Content .list-con:nth-child(2n-1) .year{left:3%; }
.history-Content .list-con:nth-child(2n) .year{right:3%; }
.history-Content .list-con .edit-info{ font-size:17px; position:relative; z-index:3;}
.history-Content .list-con canvas{ position:absolute; opacity:0.2; top:50%; left:0; /*width:100%;border:1px solid #d3d3d3;*/}
.history-Content .list-con:nth-child(2n) .line{ transform:rotate(-45deg);}
.history-more{ background:#000001; text-align:center; padding-bottom:10%;}
.history-more a{ display:inline-block; background:url(../images/more.png) no-repeat center top; padding-top:55px; color:#fff;}
/*@media(max-width:480px){
.history-Content .list-con .year{ font-size:24px;}
.history-Content .list-con .edit-info{ font-size:14px;}
}

@media(max-width:480px){
#Intro-content-5 .title,
.fz36{ font-size:26px !important;}
.fz32{ font-size:22px !important;}
.fz30{ font-size:21px !important;}
.fz24{ font-size:20px !important;}
.fz20{ font-size:17px !important;}
.fz18{ font-size:15px !important;}
.fz16{ font-size:14px !important;}
}*/