/* css document  dongyj*/
@charset "utf-8";
@font-face {
  font-family: "dinbold";
  src:  format("woff2"),
        format("woff"),
        format("truetype"),
        format("embedded-opentype"),
        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: 14px;color: #555;background-color: #fff;font-family: "microsoft yahei"; min-width:1200px;-webkit-text-size-adjust: none;-webkit-tap-highlight: rgba(0,0,0,0); }
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: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "microsoft yahei";}
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;}

select {
  /*chrome和firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background:  no-repeat scroll 95% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 26px  !important;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
	
.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}

.center{ width:1200px; margin:0 auto;}
.contain{ padding-top:70px;}

.bwwrapper {
    position:relative;
    display:block;
}

/*top*/
.top{ position:absolute; left:0; top:0; z-index:100; width:100%; background:rgba(255,255,255,0.9);}
.top .center > div{ float:left;}
.top .center .top-right{ float:right;}
.top .top-left{ margin-left:-58px; width:210px; padding-top: 20px;}
.top .top-left .logo img{ width:100%; height:40px;}
.top .top-right{ margin-right:-58px; padding-top:0px;}
.top .top-right dl > *{ float:left;}
.top .top-right dd{ background: no-repeat left center; padding-left:27px;}
.top .top-right dd img{ height:22px;}
.top .top-right dt::after{ display:inline-block; content:''; vertical-align:middle; width:1px; background:#d1d1d1; height:12px; margin:0 16px;}
.top .top-right dt{ position:relative;}
.top .top-right dt .open-search{ background: no-repeat center center; width:30px; height:22px; float:left;}
.top .search-box{position:absolute; right:15px; top:47px; width:300px; display:none; background:rgba(0,0,0,0.8);}
.top .search-box::before{ position:absolute; content:''; border:10px solid transparent; border-bottom-color:rgba(0,0,0,0.8); right:20px; top:-20px;}
.top .search-box .text{ width:100%; height:46px; line-height:46px; padding:0 46px 0 10px; border:none; background:none; color:#fff;}
.top .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:46px; background: no-repeat center center;}
.top .top-mid{ margin-left:70px;}
.top-menu li{ float:left; padding:0 24px;}
.top-menu li > a{ display:block; line-height:68px; border-bottom:2px solid transparent; font-size:16px;}
.top-menu li > a:hover,
.top-menu li.aon > a{ border-bottom-color:#c82f34;}
.top-sub{ position:absolute; left:0; top:100%; width:100%; background:#fff; display:none;}
.top-sub dl{ display:table; margin:0 auto; padding:30px 0 10px 0; overflow:hidden;}
.top-sub dl dt{ float:left;padding:0 32px;text-align:center; }
.top-sub dl dt figure{display:table; height:48px; width:100%;}
.top-sub dl dt figcaption{ display:table-cell; vertical-align:bottom; }
.top-sub dl dt a{ color:#555; transition:0.3s;}
.top-sub dl dt a:hover{ color:#c82f34;}
.top-sub dl dt span.dot{ padding:10px 0;}
.top-sub dl dt img{ max-height:48px; max-width:150px; transition: ease-in-out 0.3s;}
.top-sub dl dt a:hover img{transform-style: preserve-3d;  transform:rotatey(180deg);}
/*top end*/
/*bottom*/
.bottom{ clear:both; background:#444;}
.bottom-menu{ padding:50px 0 46px 0;}
.bottom-menu > *{ float:left;}
.bottom-menu ol{ width:209px;}
.bottom-menu ol .logo img{ width:121px;}
.bottom-menu ol figure{ margin-left:19px; margin-top:15px; width:96px;}
.bottom-menu ol figure::before{ width:4px; height:30px; display:block; content:''; margin:0 auto; background:#c81623;}
.bottom-menu ol figure img{ display:block; width:96px; border:4px solid #fff;}
.bottom-menu ol figcaption{ color:#828180;padding:4px 0; font-size:12px;text-align:center; background:#fff;}
.bottom-menu dl{ background: no-repeat left 10px; min-height:240px; padding-right:28px; max-width:244px;  padding-left:18px;}
.bottom-menu dl.dl-row-2,
.bottom-menu dl.dl_end{ padding-right:0;}
.bottom-menu dl dt{color:#fff; font-size:16px; padding-bottom:32px;}
/*.bottom-menu dl dt a{ }*/
.bottom-menu dl dt a::after{ background: no-repeat; width:9px; height:13px; display:inline-block; vertical-align:middle; content:''; margin-left:10px;}
.bottom-menu dl dd{ line-height:19px; padding:8px 0;}
.bottom-menu dl.dl-row-2 dd{ float:left; width:50%;}
.bottom a{ color:#7c7c7c; transition:color 0.3s;}
.bottom a:hover{ color:#c82f34;}

.read-list{ position:relative; border-top:1px solid #4e4e4e; padding:22px 0 22px 116px; line-height:25px;}
.read-list ol{ color:#fff; font-size:16px; width:116px; position:absolute; left:0; top:22px;}
.read-list li{ float:left; margin-right:43px; max-width:200px; font-size:16px;}
.read-list li.end{ margin-right:0;}

.foot{ background:#383838; padding:22px;}
.foot-left{ float:left; line-height:28px;}
.foot-left i{ display:inline-block; width:2px; border-right:1px dotted #7c7c7c; height:10px; margin:0 14px; vertical-align:middle;}
.foot-right{ float:right; padding-top:12px;}
.foot-right > *{ float:left;}
.foot-right ul{ position:relative; width:250px; margin-right:9px;line-height:33px;}
.foot-right ul ol{ border-radius:3px; border:1px solid #494949;  cursor:pointer; padding-left:12px; background: no-repeat 95% center;}
.foot-right ul li{ position:absolute; bottom:100%; left:0; width:100%; background:#fff; border-radius:3px; display:none;}
.foot-right ul li a{ padding:0 12px;  border-bottom:1px solid #383838;}
.foot-right .bdsharebuttonbox a{ margin:0 0 0 18px; padding:0; width:33px; height:33px; border-radius:50%; background: no-repeat 0 0 #484848;}
.foot-right .bdsharebuttonbox a.bds_tqq{ background-position:-55px 0;}
.foot-right .bdsharebuttonbox a.bds_sqq{ background-position:-105px 0;}
.bd_weixin_popup,
.bd_weixin_popup *{ box-sizing:content-box;}
/*bottom end*/
/*banner*/
.aside-total{ padding-top:70px; background-position: center top; background-repeat:no-repeat;overflow:hidden;}

.product_banner{ position:relative; z-index:1; background:#fff; min-height:61px;}
.product_banner .bx-viewport{ z-index:1;}
.product_banner li.li_bg{ background-position:center top;height:500px; background-repeat:no-repeat;}
.product_banner .edit-info{ overflow:hidden;height:500px;}
.product_banner .bx-pager{ position:absolute; left:0; width:100%; bottom:5%; text-align:center; z-index:12;}
.product_banner .bx-pager div{ display:inline-block; padding:0 6px;}
.product_banner .bx-pager div a{ display:block; width:12px; height:12px; overflow:hidden; line-height:1000px; background:#f5f5f5; border-radius:50%;}
.product_banner .bx-pager div a.active{ background:#c81623;}
.product_banner  .bx-controls-direction a{ width:156px; height:439px;  top:auto; margin-top:0; bottom:0; z-index:10; background:none;}
/*.product_banner .bx-controls-direction a.bx-prev{ background: repeat-y left top;}
.product_banner .bx-controls-direction a.bx-next{ background: repeat-y left top;}*/
.product_banner .bx-controls-direction a::before{ width:19px; height:36px; margin-top:-18px; margin-left:-9px; background: no-repeat left top;}
.product_banner .bx-controls-direction a.bx-next::before{ background-position: right top;}
.product_banner .bx-controls-auto{ display:none;}

.product_info_banner .aside-total{ height:900px;}
.product_info_banner{ position:relative; z-index:2;}
.product_info_banner #prodductlist{ position:absolute; left:0; bottom:0; width:100%; height:51px; opacity:0;}
.product_info_banner .product_current{ position:absolute; left:0; top:70px; width:100%; border-bottom:1px solid rgba(255,255,255,0.05); background:rgba(255,255,255,0.05);}
.product_info_banner .product_current.pro_fixed{ position:fixed; top:0; background:rgba(90, 90, 90, 0.54)}
.product_current dt{ float:left; font-size:16px; font-weight:bold; color:#fff; margin-left:-58px; line-height:49px;}
.product_current dd{ float:right; margin-right:-58px; line-height:48px;}
.product_current dd a{ float:left; margin-left:40px; color:#ddd; border-bottom:2px solid transparent;}
.product_current dd a.on{ color:#fff; border-bottom-color:#929292;}

.product_info_banner_canshu{height:120px;}
.product_info_banner_canshu .aside-total{ display:none;}
.product_info_banner_canshu .product_current{ background:#f7f7f7; border-top:1px solid #e5e5e5;}
.product_info_banner_canshu .product_current dt{ color:#545454;}
.product_info_banner_canshu #prodductlist{ display:none;}
.product_info_banner_canshu .product_current dd a{color:#575757;}
.product_info_banner_canshu .product_current dd a.on{ border-bottom-color:#555; color:#575757;}
.product_info_banner_canshu .product_current.pro_fixed dt{ color:#fff;}
.product_info_banner_canshu .product_current.pro_fixed dd a{color:#ddd;}
.product_info_banner_canshu .product_current.pro_fixed dd a.on{color:#fff;border-bottom-color:#929292;}

.productcategoryname{ padding-top:50px; margin-bottom:30px; position:relative;}
.productcategoryname::after{ position:absolute; left:0; bottom:-15px; content:''; width:100%; height:1px; background:#eee;}
/*banner end*/
.product-category{ position:relative; padding:35px 0;}
.product-category li{ text-align:center; padding-top:15px;} 
.product-category li a p{ color:#555;}
.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:136px; width:100%;}
.product-category .table-cell{ display:table-cell; vertical-align:bottom;}
.product-category li img{ max-height:136px; transition:0.2s;}
.product-category li a:hover img{ transform:scale(1.05);}

.project-category-bg{ height:900px;  padding-top:70px;overflow:hidden; background-position:center top; background-repeat:no-repeat;}
.project-category-bg ul{ position:relative;}
.project-category-bg li{ position:absolute; width:92px;  text-align:center; cursor:pointer;}
.project-category-bg li a{ display:block;height:118px; background: no-repeat center top; padding-top:6px; transition:0.2s;}
.project-category-bg li a:hover{ background-image:; color:#fff; transform:translatey(-10px);}
.project-category-bg li div{ margin:0 auto; width:54px;}
.project-category-bg li div img{ height:54px; display:block;}
.project-category-bg li div img.hover, 
.project-category-bg li a:hover div img{ display:none;}
.project-category-bg li a:hover div img.hover{ display:block;}
.project-category-bg li b{ display:block; padding:0 15px;}

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

.prodduct-list{ background:#f7f7f7; margin-bottom:50px;}
.prodduct-list li{ float:left; width:200px; text-align:center; padding:20px 0 0 0;}
.prodduct-list li:hover,
.prodduct-list li.on{ background:#fff;}
.prodduct-list .table{ display:table; height:110px; width:100%;}
.prodduct-list .table-cell{ display:table-cell; vertical-align:bottom;}
.prodduct-list .pic img{ max-width:200px; max-height:110px;}
.prodduct-list p.dot{ margin:0; padding:15px 0; line-height:19px;}

.product-name{ font-size:18px;}
.product-name::before{ display:inline-block; content:''; width:3px; height:20px; background:#c81623; margin-right:10px; vertical-align:middle;}
.view-360{ width:300px; height:300px; margin:0 auto; position:relative;}
.product-360{ width:600px;margin:0 auto; padding-bottom:25px; text-align:center;}
/*.product-360 .angle-view{ position:relative;}*/

/*.view-360 .overlay{position: absolute;display: inline-block;width: 300px;*/ /* same width as iframe below *//*height: 300px; *//* same height as iframe below *//*pointer-events: none;}*/
/*.product-360 .bx-viewport{ z-index:1;}
.product-360 .angle-view li{ text-align:center;}
.product-360 .angle-view li img{ width:300px; height:300px;}
.product-360 .angle-view .bx-controls-direction a::before{ display:none;}
.product-360 .angle-view .bx-controls-direction a{ margin-top:-12px; width:24px; height:24px; background: no-repeat left -25px #c81623;}
.product-360 .angle-view .bx-controls-direction a.disabled{ cursor:default; background-color:#f9f9f9; border:1px solid #e5e5e5;}
.product-360 .angle-view .bx-controls-direction a.bx-prev{ left:0;}
.product-360 .angle-view .bx-controls-direction a.bx-prev.disabled{ background-position:left -1px;}
.product-360 .angle-view .bx-controls-direction a.bx-next{ right:0; background-position:right top;}
.product-360 .angle-view .bx-controls-direction a.bx-next.disabled{ background-position:right -26px;}*/
.product-360 .tips{ font-size:18px; color:#333; padding-top:20px;}
.product-360 .tips::before{ display:inline-block; content:''; background: no-repeat; width:12px; height:12px; margin-right:10px;}
.view-360 .ui a{ cursor:pointer; font-size:0; line-height:0; position:absolute; top:50%; display:block; width:24px; height:24px; background-image:; background-repeat:no-repeat; background-color:#fafafa; border:solid 1px #e5e5e5;}
.view-360 .ui a:hover{ background-color:#c81624; border-color:#c81624;}
.view-360 .ui a.next{ left:-30px; background-position:left top;}
.view-360 .ui a.prev{ right:-30px; background-position:right bottom}
.view-360 .ui a.next:hover{ background-position:left bottom;}
.view-360 .ui a.prev:hover{ background-position:right top;}

.prod-download{ padding:13px 0 58px 0; overflow:hidden;}
.prod-download a{ float:right; padding:0 37px 0 16px; background: no-repeat right top; line-height:30px;  color:#fff;}
.prod-download a:hover{color:#fff; background-image:;}

.prod-advantage-big{ margin:50px 0; position:relative;}
.prod-advantage-big .item{ position:relative; overflow:hidden;}
.prod-advantage-big .item .pic img{ width:100%; height:600px;}
.prod-advantage-big .item .info{ position:absolute; left:60px; right:60px; top:60px; bottom:60px; z-index:10; line-height:26px;}
.prod-advantage-big .bx-wrapper{ position:relative; z-index:1;}
.prod-advantage-big .bx-pager{ display:table; margin:0 auto;}
.prod-advantage-big .bx-pager div{ float:left;margin:0 10px; width:100px;}
.prod-advantage-big .bx-pager div a{ display:block; height:4px; background:#ddd; overflow:hidden; line-height:100px;}
.prod-advantage-big .bx-pager div a.active{ background:#555;}
.prod-advantage-big .bx-controls-direction a{ background: no-repeat left bottom #f9f9f9;}
.prod-advantage-big .bx-controls-direction a:hover{ background-color:#c81623; background-position:left top;}
.prod-advantage-big .bx-controls-direction a::before{ display:none;}
.prod-advantage-big .bx-controls-direction a.bx-prev{ left:-100px;}
.prod-advantage-big .bx-controls-direction a.bx-next{ right:-100px; background-position: right top;}
.prod-advantage-big .bx-controls-direction a.bx-next:hover{background-position: right bottom;}
.prod-advantage-big .title{ font-size:24px; color:#333; text-align:center; padding:30px 0;}

.product-video div{ position:relative; height:600px; background-position:center top; background-repeat:no-repeat; overflow:hidden;}
.product-video #video{ display:none;}
.product-video div a{ position:absolute; left:0; top:0; width:100%; height:100%; padding-top:330px; background: no-repeat center 270px; text-align:center; font-weight:bold; color:#fff; font-size:16px;}

.prod-scenes{ padding:55px 0 9px 0;}
.prod-scenes .example-table td{ padding-bottom:6px; vertical-align:top;}
.prod-scenes .example-table td.pic-2{ padding-bottom:0;}
.prod-scenes .example-table td.pic-2 .pic{ margin-bottom:6px;}
.prod-scenes .example-table .pic{ position:relative; margin-right:6px; overflow:hidden;}
.prod-scenes .example-table td.pad_end .pic{margin-right:0;}
.prod-scenes .example-table td.w2,
.prod-scenes .example-table td.w1{ width: 25.3125%;}
.prod-scenes .example-table .pic img{ width:100%; display:block;}
.prod-scenes .example-table .pic .txt{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); text-align:center; line-height:40px; color:#fff; font-size:16px; width:100%;}

.product-apply{ background: no-repeat center top; height:180px; text-align:center; padding-top:50px; margin-top:4px;}
.product-apply a{ display:inline-block; padding:0 34px 0 44px; font-size:30px; color:#c81623; border:1px solid #c81623; line-height:78px;}
.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%; height:100%; background:rgba(0,0,0,0.95); display:none;}
.pop-up .center{ position:fixed; left:50%; top:50%; height:454px; margin-top:-277px; margin-left:-600px;}
.pop-up .center .close{ position:absolute; right:0; top:0; width:25px; height:25px; background: no-repeat center center; overflow:hidden; line-height:1000px; cursor:pointer;}
.pop-up h3{ text-align:center; color:#fff; font-size:24px;font-weight:normal; padding-top:65px;}
.pop-up h3 span{ font-size:18px; display:block; padding-top:10px;}
.pop-up .table{ width:418px; margin:0 auto;}
.pop-up .table dl{ display:table; width:100%; padding-left:40px; background-repeat:no-repeat; background-position:left center; margin-bottom:14px;}
.pop-up .table dl.dl_icon1{ background-image:;}
.pop-up .table dl.dl_icon2{ background-image:;}
.pop-up .table dl.dl_icon3{ background-image:;}
.pop-up .table dl.dl_icon4{ background-image:;}
.pop-up .table dl.dl_icon5{ background-image:;}
.pop-up .table dl.dl_icon6{ background-image:; background-position:left 8px}
.pop-up .table dl.dl_icon6 .wu-example{ padding-left:15px;}
.pop-up .table dl > *{ display:table-cell; vertical-align:middle;}
.pop-up .table dt{ position:relative; line-height:35px;}
.pop-up .table dt label{ position:absolute; left:0; top:0; width:100%; color:#999;}
.pop-up .table dt .text{  width:100%; line-height:35px; height:35px; background:none; border:0; border-bottom:1px solid #999; color:#fff;}
.pop-up .table dt select{ width:48%;background:none;  line-height:35px;height:35px;border:0; border-bottom:1px solid #999; 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:100%; background: no-repeat right top; height:41px; color:#fff; font-size:18px; margin-top:34px;}
.pop-up .table .btn:hover{ background-image:;}

#thanks .thanks-con{ background: no-repeat; width:677px; height:314px; margin:0 auto; position:relative;}
#thanks .thanks-con a{ position:absolute; right:14px; bottom:0; width:174px; height:39px; cursor:pointer;}

#error .error-con{ margin:0 auto; width:300px; color:#fff; font-size:16px;}
#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:12px; 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;}

/*map*/
.map{ background: no-repeat center top; height:970px; padding-top:61px; margin-top:-61px;}
.map > .center{ position:relative;}
.map .global{ text-align:center; color:#fff; background: no-repeat center top; width:130px; padding-top:130px; position:absolute; right:-13px; bottom:0; line-height:30px; transition:0.3s;}
.map .global a{ position:absolute; left:0; top:0; width:100%; height:100%; background:transparent;}
.map .global:hover{ font-size:16px; color:#c81623; background-image:;}
.map .all-map{ background: no-repeat; width:860px; height:703px; margin:19px auto 0; position:relative;}
.map .all-map dl{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.map .all-map dl.map-hover{ z-index:1;}
.map .all-map dl > *{ position:absolute;}
.map .all-map dd a{ display:block; background: no-repeat center top; padding-top:20px;}
.map .all-map dd.on a{ color:#fff; background:none;}
.map .all-map dd.dd_3253,
.map .all-map dd.dt_3253{ display:none;}
.map .all-map dd.dd_1{right: 26%;top: 35%;}
.map .all-map dd.dd_2{right: 14.5%;bottom: 38%;}
.map .all-map dd.dd_3{right: 23.5%;top: 38%;}
.map .all-map dd.dd_4{bottom: 32%;left: 57%;}
.map .all-map dd.dd_5{right: 16%;bottom: 32%;}
.map .all-map dd.dd_6{bottom: 18%;left: 68%;}
.map .all-map dd.dd_7{right: 17%;top: 53%;}
.map .all-map dd.dd_8{right: 26%;top: 41%;}
.map .all-map dd.dd_9{top: 43%;right: 31.5%;}
.map .all-map dd.dd_10{left: 48%;bottom: 35%;}
.map .all-map dd.dd_11{right: 28%;top: 50%;}
.map .all-map dd.dd_12{right: 14%;top: 29%;}
.map .all-map dd.dd_13{right: 10%;top: 23%;}
.map .all-map dd.dd_14{right: 9%;top: 14%;}
.map .all-map dd.dd_15{right: 22%;top: 45%;}
.map .all-map dd.dd_16{top: 57%;right: 21%;}
.map .all-map dd.dd_17{bottom: 24%;right: 19%;}
.map .all-map dd.dd_18{right: 30%;bottom: 36%;}
.map .all-map dd.dd_19{right: 31%;bottom: 27%;}
.map .all-map dd.dd_20{bottom: 3%;right: 34%;}
.map .all-map dd.dd_21{bottom: 28%;right: 24%;}
.map .all-map dd.dd_22{bottom: 23%;right: 40%;}
.map .all-map dd.dd_23{bottom: 17%;left: 45%;}
.map .all-map dd.dd_24{right: 38%;top: 51%;}
.map .all-map dd.dd_25{right: 47%;top: 44%;}
.map .all-map dd.dd_26{bottom: 16%;right: 37%;}
.map .all-map dd.dd_27{top: 45%;left: 53%;}
.map .all-map dd.dd_28{left: 36%;top: 47%;}
.map .all-map dd.dd_29{left: 19%;top: 32%;}
.map .all-map dd.dd_30{left: 19%;top: 54%;}
.map .all-map dd.dd_31{left: 57%;top: 34%;}
.map .all-map dd.dd_32{bottom: 14%;right: 24%;}
.map .all-map dd.dd_33{bottom: 12%;right: 28%;}
.map .all-map dd.dd_34{right: 13%;bottom: 18%;}

.map .all-map dt{ background-position:0 0; background-repeat:no-repeat; display:none;}
.map .all-map dt.dt_1{ width:27px; height:29px;left: 71%;top: 35%;}
.map .all-map dt.dt_2{ width:18px; height:16px;right: 15%;bottom: 39.2%;}
.map .all-map dt.dt_3{ width:20px; height:30px;right: 24.2%;top: 37.2%;}
.map .all-map dt.dt_4{ width:71px; height:72px;bottom: 30%;left: 55%;}
.map .all-map dt.dt_5{ width:61px; height:70px;right: 14.2%;bottom: 29.5%;}
.map .all-map dt.dt_6{ width:126px; height:100px;bottom: 9.2%;left: 63.5%;}
.map .all-map dt.dt_7{ width:94px; height:72px;right: 15.1%;top: 50.5%;}
.map .all-map dt.dt_8{ width:88px; height:125px;right: 21.5%;top: 31%;}
.map .all-map dt.dt_9{ width:55px; height:117px;top: 37%;right: 30.5%;}
.map .all-map dt.dt_10{ width:174px; height:153px;left: 40%;bottom: 24%;}
.map .all-map dt.dt_11{ width:92px; height:91px;right: 25.7%;top: 47.7%;}
.map .all-map dt.dt_12{ width:94px; height:89px;right: 13%;top: 27.3%;}
.map .all-map dt.dt_13{ width:133px; height:91px;right: 5.7%;top: 19.5%;}
.map .all-map dt.dt_14{ width:178px; height:167px;right: 3.7%;top: 1.7%;}
.map .all-map dt.dt_15{ width:108px; height:68px;right: 15.9%;top: 42.5%;}
.map .all-map dt.dt_16{ width:76px; height:94px;top: 52%;right: 19.7%;}
.map .all-map dt.dt_17{ width:72px; height:86px;bottom: 19.5%;right: 16.8%;}
.map .all-map dt.dt_18{ width:122px; height:76px;right: 25.6%;bottom: 32.7%;}
.map .all-map dt.dt_19{ width:86px; height:100px;right: 28.7%;bottom: 21.2%;}
.map .all-map dt.dt_20{ width:40px; height:35px;bottom: 3.8%;right: 34%;}
.map .all-map dt.dt_21{ width:76px; height:102px;bottom: 21.2%;right: 21.1%;}
.map .all-map dt.dt_22{ width:96px; height:83px;bottom: 20.5%;right: 37.5%;}
.map .all-map dt.dt_23{ width:141px; height:147px;bottom: 11.5%;left: 39.5%;}
.map .all-map dt.dt_24{ width:81px; height:143px;right: 35.6%;top: 40%;}
.map .all-map dt.dt_25{ width:226px; height:191px;right: 40%;top: 31.5%;}
.map .all-map dt.dt_26{ width:124px; height:95px;bottom: 12%;right: 32.8%;}
.map .all-map dt.dt_27{ width:46px; height:76px;top: 41%;left: 52.3%;}
.map .all-map dt.dt_28{ width:201px; height:145px;left: 27%;top: 40%;}
.map .all-map dt.dt_29{ width:322px; height:244px;left: 2.5%;top: 12.5%;}
.map .all-map dt.dt_30{ width:312px; height:189px;left: 6.5%;top: 46%;}
.map .all-map dt.dt_31{ width:353px; height:301px;left: 41.7%;top: 2.7%; background-image: !important;}
.map .all-map dt.dt_32,
.map .all-map dt.dt_33,
.map .all-map dt.dt_3253{ background:none !important;}
.map .all-map dt.dt_34{ width:27px; height:64px;right: 13.5%;bottom: 16%;}

.map-search{ padding:47px 0 58px 0;}
.map-search dl > *{ float:left;}
.map-search dt{width:108px;  text-align:center;}
.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; width:344px; margin-right:20px; border-bottom:1px solid #888d8e; z-index:10;}
.map-search dd > a{ display:block; line-height:49px; color:#333; padding:0 30px 0 22px; 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 .text{ height:49px; line-height:49px; padding:0 10px; 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:30px; padding:0 20px; cursor:pointer; color:#fff;} 
.map-search dd ul li:hover{ background:#333; font-size:18px; font-weight:bold; /*color:#c92a32;*/}

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

.hasdata{ height:auto;}
.hasdata .map-search{ background:#fff; padding-top:16px;}
.hasdata .all-map{ margin-bottom:54px;}

.map-search-result li{ float:left; width:278px; margin-bottom:10px; margin-right:29px;}
.map-list-end li:nth-child(4n){ margin-right:0;}
.map-search-result li img{ display:block; width:100%; height:183px;}
.map-search-result li p{ line-height:55px; padding:0 25px 0 10px; margin:0; font-size:16px; background: no-repeat 95% center;}
.map-search-result li a{ display:block; position:relative;}
.map-search-result li .hover{ position:absolute; left:0; top:0; width:100%; height: 100%; background:rgba(201,42,50,0.9); color:#fff; opacity:0; transition:0.3s;}
.map-search-result li a:hover  .hover{ opacity:1;}
.map-search-result li .hover dl{ display:table; height:100%; width:100%;}
.map-search-result li .hover dt{ display:table-cell; vertical-align:middle; text-align:center;}
.map-search-result li .hover dt > *{ padding:0 10px;}
.map-search-result li .hover dt aside{ font-size:18px;}
.map-search-result li .hover dt aside::after{ display:block; content:''; height:2px; background:#fff; width:23px; margin:15px auto;}

/*map end*/
/*case*/
.case-info{ border-top:1px solid #e5e5e5;}
.case-info > .center{ position:relative; z-index:2;margin-bottom:70px;}
.get-back{ padding:20px 0 10px 0; overflow:hidden;}
.get-back a{ float:right; color:#fff; background:#c81623; padding:0 20px; line-height:40px;}
.get-back a::before{ display:inline-block; vertical-align:middle; content:'<'; font-family:'宋体'; font-size:14px; font-weight:bold; margin-right:10px;}
.case-info .prev_next{ position:absolute; right:-60px; width:50px; top:198px;}
.case-info .prev_next a{ display:block; height:50px; margin:10px 0; position:relative; background:#f5f5f5; text-align:center;}
.case-info .prev_next a span{ color:#999; position:absolute; left:55px; line-height:50px; top:0; white-space:nowrap; display:none;}
.case-info .prev_next a::before{ width:11px; height:20px; background: no-repeat 0 0; position:absolute; content:''; left:50%; top:50%; margin:-10px 0 0 -5px;}
.case-info .prev_next .li_2 a::before{ background-position: right top;}
.case-info .prev_next a:hover{ background:#c81623;}
.case-info .prev_next a:hover span{ display:block;}
.case-info .prev_next .li_1 a:hover::before{ background-position:left bottom;}
.case-info .prev_next .li_2 a:hover::before{ background-position:right bottom;}

.case-info .bigimage{ position:relative; float:left; width:640px;}
.case-info .bigimage .big{ margin-bottom:10px;}
.case-info .bigimage .big li img{ display:block; width:100%; height:426px;}
.case-info .bigimage .small .bd{ overflow:hidden;}
.case-info .bigimage .small .bd li{ float:left; width:131px;}
.case-info .bigimage .small .bd li img{ width:120px; height:80px; display:block;}
.case-info .bigimage .small .bd li.on img{ border:1px solid #fff;}
.case-info .bigimage .btn{ position:absolute; top:50%; margin-top:-65px; background-color:#c81623; z-index:10; width:50px; height:50px; cursor:pointer;}
.case-info .bigimage .btn::before{ position:absolute; content:''; left:50%; top:50%; width:11px; height:20px; background: no-repeat right bottom;margin:-10px 0 0 -5px;}
.case-info .bigimage .prev::before{ background-position:left bottom;}
.case-info .bigimage .prevstop::before{background-position:left top;}
.case-info .bigimage .nextstop::before{background-position:right top;}
.case-info .bigimage .prevstop,
.case-info .bigimage .nextstop{background-color:#f8f8f8; cursor:default;}
.case-info .bigimage .prev{ left:0;}
.case-info .bigimage .next{ right:0;}
.case-info .intro{ width:550px; float:right; padding:0 45px; min-height:516px; background:#fafafa;}
.case-info .intro dl > *{ border-bottom:1px solid #eee;}
.case-info .intro dt{ padding:25px 0; font-size:24px; color:#333;}
.case-info .intro dd{ line-height:20px; padding:10px 0;}
.case-info .intro .about{padding-top:20px;}
.case-info .intro .about b{ }
.case-info .intro .about pre{ text-indent:25px; line-height:28px; margin:10px 0;}
.case-info .apply a{ display:inline-block; color:#fff; padding:0 26px; line-height:36px; background:#c81623;}
.case-info .apply a::after{ display:inline-block; vertical-align:middle; content:'>'; font-family:'宋体'; font-size:14px; font-weight:bold; margin-left:10px;}

.related-case{ background:#fafafa;  padding-bottom:90px; padding-top:60px;}
.related-case h4{ margin:0; font-weight:normal; font-size:18px; 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: 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 { padding:20px 0}
.list-read ul{ overflow:hidden;}
.list-read ul li{ float:left; width:120px; text-align:center; padding:10px}
.list-read ul li .pic{ height:100px;}
.list-read ul li .pic img{ width:100px; height:100px;}
.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_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:;}
.pages .p_page a.a_next:hover{ background-image:;}
.pages .p_page a.a_prev{ background-image:;}
.pages .p_page a.a_next{ background-image:;}
/*pages end*/
/*project*/
.project-menu{ margin-top:70px; background:rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.05); position:relative; z-index:2;}
.project-menu dl{ line-height:50px;}
.project-menu dt{ float:left; color:#fff; font-size:16px; font-weight:bold; margin-left:-58px;}
.project-menu dd{ float:right; margin-right:-58px;}
.project-menu dd a{ position:relative; float:left; margin-left:45px; color:#fff;}
.project-menu dd a::after{ position:absolute; left:50%; transform:translatex(-50%); width:0; height:2px;background-color:rgba(255,255,255,0.5); transition:0.3s; content:''; bottom:0;}
.project-menu dd a:hover::after,
.project-menu dd a.on::after{ width:100%;}

.project-video{ position:relative; z-index:1; margin-top:-50px; background-color:#bfbfbf; }
.project-video .bg{ background-position:center top; background-repeat:no-repeat;padding-top:50px; height:900px;}
.project-video .fancybox{ background: no-repeat; width:45px; height:45px; display:block; margin:0 auto;}
.project-video .edit-info{ padding-bottom:10px; max-height:700px; overflow:hidden;}

.project-title{ font-size:24px; padding:70px 0; text-align:center; color:#333;}
.project-title p{ font-size:16px; margin:0;}

.project-design{ background: no-repeat center top; height:740px;padding-top:30px; margin:5px 0 40px 0;}
.project-design ul{ display:table; margin:0 auto;}
.project-design ul li{ float:left; width:340px; text-align:center; padding:0 60px; position:relative;}
.project-design ul li::after{ position:absolute; content:''; width:1px; height:140px; background:#ccc; right:0; top:35px;}
.project-design ul li:last-child::after{ display:none;}
.project-design ul li h3{ margin:23px 0;  font-size:15px;}
.project-design ul li pre{ line-height:24px; text-align:center;font-size:13px;}
.project-design ul li .icon img{ width:50px; height:50px; transition:0.3s;} 
.project-design ul li:hover .icon img{ transform:rotatey(360deg);} 

.solution-list{ padding:10px 0;}
.solution-list dl{ border:1px solid #ccc;}
.solution-list dd{ float:left; line-height:58px; text-align:center; font-size:16px;}
.solution-list dd a{ display:block; padding:0 5px; border-right:1px solid #ccc;}
.solution-list dd:last-child a{ border-right:0;}
.solution-list dd.on a{ background:#c81623; color:#fff;}

/*.solution-scroll{ position:relative; min-height:740px;}*/
.solution-scroll li .pic{ position:relative; height:740px; background-position: center top; background-repeat:no-repeat; overflow:hidden;}
.solution-scroll li .con{ position:relative; height:740px;overflow:hidden;}
.solution-scroll .bx-viewport{ z-index:1;}
.solution-scroll .bx-controls-direction{ position:relative; width:1340px; margin:0 auto; z-index:20;}
.solution-scroll .bx-controls-direction a{ margin-top:0; top:-370px; background-color:rgba(76,76,76,0.3);}
.solution-scroll .bx-controls-direction a:hover{ background-color:#c81623;}



.project-machine{ padding-bottom:55px;}
.project-machine .project-title{ padding-bottom:35px;}
.project-machine .bx-wrapper{ position:relative;}
.project-machine .bx-controls-direction a.bx-prev{ left:-70px;}
.project-machine .bx-controls-direction a.bx-next{ right:-70px;}
.project-machine li{ float:left; width:380px; margin-right:30px;}
.project-machine li.end{ margin-right:0;}
.project-machine li img{ height:260px; display:block; width:100%;}
.project-machine li p{ text-align:center; font-size:16px;}
/*project end*/

.about-category{ padding:48px 0 36px 0;}
.about-category ul{ display:table; margin:0 auto;}
.about-category ul li{ float:left; min-width:140px;  text-align:center; margin:0 10px 2px 10px;}
.about-category ul li a{ display:block;padding:0 10px; line-height:32px; border:1px solid #e5e5e5; background:#fff;}
.about-category ul li a:hover,
.about-category ul li.aon a{ background:#c81623; color:#fff; border-color:#c81623;}

.honor-list ul{ margin-bottom:35px; padding:0 50px; display:table; position:relative;}
.honor-list ul.no-data li{ height:105px; text-align:left;}
.honor-list ul::before,
.honor-list ul::after{ position:absolute; content:''; width:50px; height:75px; bottom:0;background: no-repeat left top;}
.honor-list ul::before{ left:0; }
.honor-list ul::after{ right:0;background-image:;}
.honor-list li{ float:left; width:275px; text-align:center; background: repeat-x left bottom;}
.honor-list li p{ height:75px; margin:0; line-height:25px; padding-top:25px;  overflow:hidden;}
.honor-list li a:hover p{ color:#c81623;}
.honor-list li dl{ display:table; width:100%; height:185px;} 
.honor-list li dl dt{ display:table-cell; vertical-align:bottom;}
.honor-list li img{ max-width:186px; max-height:185px;}
.honor-list li aside{ display:inline-block; position:relative;}
.honor-list li aside::after{ background: no-repeat right top; position:absolute; right:-24px; top:0; height:100%; content:''; width:24px;}

.honor-fancybox .fancybox-title-float-wrap{ bottom:-10px;}
.honor-fancybox .fancybox-title-float-wrap .child{ background:none; font-size:16px; font-weight:normal; }
.honor-fancybox .fancybox-title-float-wrap .child br{ display:none;}
.honor-fancybox .fancybox-overlay{ /*background-image:;*/ background:rgba(0,0,0,0.95);}
.honor-fancybox .fancybox-nav span{ visibility:inherit; width:50px; height:50px; margin-top:-25px; border:1px solid #333;}
.honor-fancybox .fancybox-next span{ right:-100%; background: no-repeat center center; }
.honor-fancybox .fancybox-prev span{ left:-100%;background: no-repeat center center;}
.honor-fancybox .fancybox-nav span:hover{background-color:#c81623;}
.honor-fancybox .fancybox-next span:hover{background-image:; }
.honor-fancybox .fancybox-prev span:hover{background-image: ;}
.honor-fancybox .fancybox-close{ width:26px; height:26px; background: no-repeat; right:-30px; top:-30px;}

.video-list li{ float:left; width:380px; margin:0 30px 30px 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: no-repeat center center;}
.video-list li::after{ content:''; background: repeat-x left bottom;}
.video-list-end li:nth-child(3n){ margin-right:0}
.video-list li p{ z-index:2; color:#fff; font-size:16px;  padding:0 20px; margin:0; width:100%; position:absolute; left:0; bottom:0; line-height:48px;}
.video-list li img{ height:253px; display:block; width:100%;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 img{ opacity:0.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.about-content{padding-bottom:70px;}

.left_video{ float:left; width:750px; position:relative; overflow:hidden;}
.left_video .file{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; display:none; background:#000;}
.left_video .pic img{display:block; width:100%; height:500px;position:relative;}
.left_video .pic::after,
.left_video .pic a{position:absolute; left:0; top:0; width:100%; height:100%;}
.left_video .pic::after{  content:''; background: repeat-x left bottom;}
.left_video .pic a{ background: no-repeat center center; z-index:2; cursor:pointer;}

.right_video_con{ float:right; width:450px; background:#f9f9f9; min-height:500px;}
.right_video_con .tit{ margin:0; font-size:18px; text-align:center; border-bottom:1px solid #e9e9e9; padding:42px 30px;}
.right_video_con .edit-info{ padding:30px; line-height:28px;}

.news-content .about-category{ padding:30px 0; clear:both;}
.news-content .about-category ul{ display:block;}
.news-content .about-category li{ margin:0 20px 0 0;}

.body_f9f9f9{ background:#f9f9f9;}
.news-top{ position:relative; z-index:1; float:left; width:100%;  margin-top:-61px; background:#fff; min-height:61px;}
.news-top .bx-viewport{ z-index:1;}
.news-top li{ background-position:center top;height:500px; background-repeat:no-repeat;}
.news-top li a{ display:block; height:500px;}
.news-top .bx-pager{ position:absolute; left:0; width:100%; bottom:5%; text-align:center; z-index:12;}
.news-top .bx-pager div{ display:inline-block; padding:0 6px;}
.news-top .bx-pager div a{ display:block; width:12px; height:12px; overflow:hidden; line-height:1000px; background:#f5f5f5; border-radius:50%;}
.news-top .bx-pager div a.active{ background:#c81623;}
.news-top .bx-controls-direction a{ background:none; width:156px; height:439px;  top:auto; margin-top:0; bottom:0; z-index:10;}
/*.news-top .bx-controls-direction a.bx-prev{ background: repeat-y left top;}
.news-top .bx-controls-direction a.bx-next{ background: repeat-y left top;}*/
.news-top .bx-controls-direction a::before{ width:19px; height:36px; margin-top:-18px; margin-left:-9px; background: no-repeat left top;}
.news-top .bx-controls-direction a.bx-next::before{ background-position: right top;}

.news-list li{ overflow:hidden; margin-bottom:40px;}
.news-list li .pic{ float:left; width:240px;}
.news-list li .pic img{ display:block; width:100%; height:160px;}
.news-list li .txt{ float:right; width:916px; height:160px; border-bottom:1px dotted #c6c6c6; padding-right:142px; position:relative;}
.news-list li .txt time{ position:absolute; right:0; top:17px; text-align:right;}
.news-list li .txt time span{ display:block; padding-bottom:34px;}
.news-list li .txt time b{ font-size:24px;}
.news-list li .txt time a{ color:#c81623;}
.news-list li .txt p{ line-height:24px; margin:0; height:72px; overflow:hidden;}
.news-list li .txt h5{ font-size:18px; font-weight:normal; margin:20px 0;}
.related-case .news-list{ margin-top:30px;/* position:relative; overflow:hidden;*/}
/*.related-case .news-list::before,
.related-case .news-list::after{ position:absolute; content:''; width:1px; height:100%; top:0; background:#eee;}
.related-case .news-list::before{ left:32.5%;}
.related-case .news-list::after{right:32.5%;}*/
.news-list ol{ float:left; width:30%; margin-right:5%; line-height:30px; font-size:12px;}
.news-list ol:nth-child(3n){margin-right:0;}
.news-list ol span{ float:right; margin-left:10px;}
.news-list ol a{ background: no-repeat left center; padding-left:15px;}

.news-info .title{ text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f5f5f5;}
.news-info .title h1{ margin:15px 0; color:#000; font-size:24px;}
.news-info .title p{ font-size:12px; color:#999; margin:0;}
.news-info .info_np{ text-align:right; padding-top:30px;}
.news-info .info_np span a{ margin:10px 0; display:inline-block; color:#999;}
.news-info .info_np span a:hover{ color:#c81623;}

.center-left{ float:left; width:900px;}
.center-right{ float:right; width:250px;}

.related-news{ background:#fafafa; padding:10px;}
.related-news h4{border-top:1px solid #ccc; font-size:18px; text-align:center; color:#000; margin:25px 0 0 0;}
.related-news h4 span{ display:inline-block; padding:0 5px; background:#fafafa; position:relative; line-height:20px;top:-15px;}
.related-news li{ border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.related-news li .pic{ overflow:hidden;}
.related-news li a{ display:block;}
.related-news li img{ display:block; width:100%; height:153px;}
.related-news li .dot{ padding:5px 0 0 0;}
.related-news li time{ color:#999; font-size:12px; display:block; padding-bottom:5px;}
.related-news li pre{ line-height:20px; overflow:hidden; height:40px; color:#666;}

.contact-content{ margin-top:-61px;}
.contact-content .from{ height:700px; position:relative; background-repeat:no-repeat; background-position:center top;}
.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:168px 0 66px 0; color:#fff; font-size:36px;}
.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:; background-repeat:no-repeat;}
.contact-content .from .title span::before{ background-position:left top; margin-right:20px;}
.contact-content .from .title span::after{ background-position: right top; margin-left:20px;}

.contact-content .from-table{ width:678px; margin:0 auto;}
.contact-content .from-table .form_err{ position:absolute; right:-15px; color:#f00; line-height:40px;}
.contact-content .from-table dl{ margin-bottom:33px;}
.contact-content .from-table dd{ position:relative; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.contact-content .from-table dd.dd_1{ background-image:;}
.contact-content .from-table dd.dd_2{ background-image:; float:right !important;}
.contact-content .from-table dd.dd_3{ background-image:;}
.contact-content .from-table dd.dd_4{ background-image:; margin:0 60px;}
.contact-content .from-table dd.dd_5{ background-image:;}
.contact-content .from-table dd.dd_6{ background-image:;}
.from-table-same label{ position:absolute; left:30px; line-height:40px; top:0; color:#fff; opacity:0.5; width:100%;}
.contact-content .from-table dl.row-2 dd{ float:left; width:310px;}
.contact-content .from-table dl.row-3 dd{ float:left; width:186px;}
.contact-content .from-table dl.row-3 dd select{ display:block !important;}
.contact-content .from-table dl dt{ text-align:center;}
.from-table-same .text{ width:100%; line-height:40px; height:40px; color:#fff; border:none; border-bottom:1px solid #555; background:none;}
.from-table-same select{border:none; border-bottom:1px solid #555;  line-height:40px; height:40px; width:100%;color:#666; display:block !important;}
.from-table-same .btn{ background: no-repeat right center; height:40px; border:none;  font-size:18px; color:#fff; width:170px; padding:0 20px 0 0; cursor:pointer;}
.from-table-same .btn:hover{background-image:}
.contact-content .map,
.contact-content .edit-info{ float:left; width:50%; }
.contact-content .map{height:600px;}
.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{position:relative;}
.before-service .bd ul{width:100% !important;}
.before-service .bd li{ height:780px; background-repeat:no-repeat; background-position:center top; width:100% !important;}
.before-service .center{ position:absolute; left:50%; margin-left:-600px; height:100%; top:0;}
.before-service .hd{ display:table; height:100%; float:right; width:240px; padding-top:61px;}
.before-service .hd ul{ display:table-cell; vertical-align:middle;}
.before-service .hd li{ margin-bottom:2px; padding:5px; background:rgba(0,0,0,0.1); position:relative; color:#fff; }
.before-service .hd li::before,
.before-service .hd li::after{ position:absolute; content:'';}
.before-service .hd li::before{ border:9px solid transparent; border-top-color:#a8a4a0; left:17px; top:0;}
.before-service .hd li.on::before{ display:none;}
.before-service .hd li::after{ width:65px; height:45px; background-repeat:no-repeat; background-position:center center; right:10px; bottom:10px; opacity:0.1;}
.before-service .hd li.on::after{opacity:0.8;}
.before-service .hd li.li_num1::after{ background-image:;}
.before-service .hd li.li_num2::after{ background-image:;}
.before-service .hd li.li_num3::after{ background-image:;}
.before-service .hd li.li_num4::after{ background-image:;}
.before-service .hd li img{ position:absolute; left:5px; top:5px; right:5px; bottom:5px; opacity:0; transition: ease-in-out 0.3s; width:230px; height:140px;}
.before-service .hd li.on img{ opacity:1;}
.before-service .hd li .txt{height:140px; overflow:hidden; padding:0 10px 0 17px;}
.before-service .hd li .txt h4{ font-size:18px; font-weight:normal; margin:0; padding:25px 0 10px;}
.before-service .hd li .txt pre{ line-height:18px;}

.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 .photo_bg{ height:600px; background-repeat:no-repeat; background-position: center center}
.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:60px; line-height:160%;}
.after-service .title_en{ font-size:30px; opacity:0.3; text-transform:uppercase}

.after-service .item2{ text-align:center; padding-top:20px; padding-bottom:80px;}
.after-service .item2 .center{ position:relative;}
.after-service .item2 .h3{ font-size:24px; color:#333333; padding:30px 0;}
.after-service .item2 ul{ overflow:hidden;}
.after-service .item2 ul li{ float:left;width:340px; height:408px; position:relative;transition:all 0.5s ease-out 0s;}
.after-service .item2 ul li.n2{ margin:0 90px;}
.after-service .item2 ul li .pic img{ width:340px; height:225px;}
.after-service .item2 ul li .txt{ position:absolute; width:80%; left:10%; top:165px; padding:5% 10%; font-size:16px; background-color:#fff;}
.after-service .item2 ul li:hover{transform:translate(0,-10px);box-shadow:0 5px 10px rgba(130,130,130,0.3);}
.after-service .item2 .box2{ position:absolute; width:100%;}
.after-service .item2 .box2 .pic{ width:100%; position:absolute; top:-88px;}
.after-service .item2 .box2 .h4{ font-size:24px; color:#c92a32; padding-top:80px;}
.after-service .item2 .box2 .time{ font-weight:bold; color:#fff; font-size:36px; display:inline-block; line-height:60px; padding-left:90px; padding-right:47px; background:#c92a32  no-repeat 47px center}
.after-service .item2 .photo{ border:solid 1px #eeeeee;}

.after-service .item3 dl{ display:inline-block; width:150px; text-align:center;}
.after-service .item3 dl dt{ width:150px; padding:29.5px 0; margin:auto; border-radius:100px; transition: ease-in-out 0.3s; background: no-repeat center center}
.after-service .item3 dl dt img{ transition: ease-in-out 0.3s;}
.after-service .item3 dl:hover dt{}
.after-service .item3 dl:hover dt img{transform-style: preserve-3d;  transform:rotatey(180deg);}
.after-service .item3 dl dd{ font-size:20px; padding-top:20px; line-height:40px;}
.after-service .item3 dl.icon{ width:162px; height:250px; opacity:0.5; background: no-repeat center 75px}
.after-service .item3_font{ margin-top:60px;}
.after-service .item3_font .h3,
.after-service .item3_font .h4{ color:#333333; text-align:center}
.after-service .item3_font .h3{ font-size:24px; padding:5px 0;}
.after-service .item3_font .h4{ font-size:18px;}
.after-service .item3_font span.line{ display:block; width:3px; height:90px; margin:auto; background-color:#cb333b; margin-bottom:-16px; position:relative; z-index:5}

.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:24px; padding:5px 0;}
.after-service .item4 .h4{ font-size:18px; padding-bottom:30px;}
.after-service .item4 .h4 span{ color:#c92a32;}
.after-service .item4 ul{ overflow:hidden;}
.after-service .item4 ul li{ float:left; width:320px; height:229px; font-size:18px;}
.after-service .item4 ul li dl{ padding:20px 30px; height:160px; border:solid 1px #e5e5e5;}
.after-service .item4 ul li.icon{ width:120px; background: no-repeat center 65px}
.after-service .item4 ul li h5{ color:#c92a32; font-size:30px;}
.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:24px; border:solid 1px #ddd; display:inline-block; padding:0px 26px; line-height:58px; text-align:center}


.download-content .from-bg,
.booking-content .from-bg{ height:780px; background-repeat:no-repeat; background-position:center top;}
.download-content .from-bg{ background-image:;}
.booking-content .bg1{ background-image:;}
.booking-content .bg2{ background-image:;}
.booking-content .bg3{ background-image:;}
.first-select{ padding-top:240px;}
.first-select h3{ text-align:center; font-weight:normal; color:#fff; font-size:24px; margin:0; padding-bottom:76px;}
.first-select h3 span{ display:block; color:#b5b5b5; font-size:16px; padding-top:15px;}
.first-select dl{ width:637px; margin:0 auto;font-size:16px;}
.first-select dt{ padding-left:56px; background: no-repeat left bottom;}
.first-select dt span{ display:block; border-bottom:1px solid #999; line-height:50px;  color:#999; background: no-repeat 98% center; cursor:pointer;}
.first-select dd{ display:none; padding-left:56px; padding-top:10px;}
.second-select dd a,
.first-select dd a{ display:block;background:rgba(255, 255, 255, 0.7); line-height:45px;height:45px; padding:0 20px; transition:0.2s;}
.second-select dd a:hover,
.first-select dd a:hover{ font-size:20px; color:#000; font-weight:bold;}
/*.second-select dd a{color:#fff; background:rgba(0, 0, 0, 0.8);}
.second-select dd a:hover{color:#fff; }*/

.second-select{ padding-left:72px; padding-top:160px; width:667px;}
.second-select_after{ padding-top:132px;}
.second-select .title{color:#fff; font-size:24px;}
.second-select .title span{ display:block; color:#b5b5b5; font-size:16px; padding-top:5px;}
.second-select dl{  margin:36px 0;padding-left:50px; background: no-repeat left bottom; position:relative;}
.second-select dl.dl_after{ background-image:;}
.second-select dl dt{ cursor:pointer; border-bottom:1px solid #787878; line-height:45px; font-size:16px; color:#919191; background: no-repeat 96% center;}
.second-select dl dd{ position:absolute; width:545px; left:50px; top:100%; z-index:10; display:none; font-size:16px;}
.second-select .input-list li{ position:relative; padding-left:30px; padding-right:17px; margin-bottom:10px; background-repeat:no-repeat; background-position:left bottom;}
.second-select .input-list li.li_name{ background-image:;}
.second-select .input-list li.li_tel{ background-image:;}
.second-select .input-list li.li_ask{ background-image:;}
.second-select .input-list li.li_area{ background-image:;}
.second-select .input-list li.li_city{ background-image:;}
.second-select .input-list li.li_strict{ background-image:;}
.second-select .input-list li.li_company{ background-image:;}
.second-select .input-list li.li_txt{ background-image:;}
.second-select .input-list li.li_p{ background-image:;}
.second-select .input-list li.li_time{ background-image:;}
.second-select .input-list li.li_code{ background-image:;}
.second-select .input-list li .form_err{ position:absolute; right:0; top:0;color:#c81623; line-height:40px;}
.second-select .input-list ul.row-2 li{ float:left; width:263px;}
.second-select .input-list ul.row-2 li:nth-child(2n){ float:right;}
.second-select select{ color:#9fa3a4;border-bottom-color:#787878;}
.second-select select option:first-child{ display:none;}
.second-select .text{border-bottom-color:#787878;}
.second-select .btn-box{ padding-top:30px;}
.second-select .btn-box .btn{ width:150px; font-size:16px; height:36px; line-height:36px; padding-right:37px;} 

.download-content .center{ padding-top:210px; padding-left:72px;font-size:16px;}
.download-content .name{ font-size:36px; color:#fff;}
.download-content .select{ width:750px; margin:36px 0;}
.download-content .select dl{ float:left; width:358px; position:relative;}
.download-content .select dl.category_two{ float:right;}
.download-content .select dt{ line-height:60px; color:#999; cursor:pointer; background: no-repeat 95% center; border-bottom:1px solid #999;}
.download-content .select dd{ display:none; position:absolute; left:0; width:100%; top:100%; padding:10px 0;}
.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:20px; color:#000; font-weight:bold;}
.download-content .submit-btn a{ display:inline-block; text-align:center; width:153px; line-height:36px; color:#fff; background: no-repeat right center; padding-right:40px;}

.download-result h5{ font-size:18px; color:#fff; padding:40px 0 20px 0; margin:0; font-weight:normal;}
.download-result li{ line-height:35px;padding-left:33px; background: no-repeat left center;}
.download-result li a{ color:#999;}
.download-result li a:hover{ color:#c81623;}

.pass-download{ padding-top:45px;}
.pass-download a{ display:inline-block; color:#fff; padding:0 27px; background:#c81623; line-height:36px;}

.have-files{ padding-top:30px; overflow:hidden;}
.have-files >*{ float:left;}
.have-files .text{ border-radius:4px 0 0 4px; border:1px solid #000; background:#fff; width:400px; line-height:50px; height:50px; padding:0 10px; border-right:0;}
.have-files .btn{ height:50px; width:150px; border:1px solid #000;border-left:0; background:#c81623; color:#fff; border-radius:0 4px 4px 0; font-size:16px; cursor:pointer;}

.social-content .banner{ height:700px; background-position:center top; background-repeat:no-repeat;}
.social-one{ background: no-repeat center top; height:600px; overflow:hidden;}
.social-one .box{ float:left; width:50%;}
.social-one .left-con{ float:right; width:600px; padding:65px 65px 0 0; height:403px; overflow:hidden;}
.social-one .small-pic{ position:relative; clear:both; width:960px; float:right; margin-right:5px;}
.social-one .small-pic .bx-controls-direction a{ top:auto; margin:0; bottom:0;background:#f9f9f9; z-index:10;}
.social-one .small-pic .bx-controls-direction a:hover{ background:#c81623;}
.social-one .small-pic .bx-controls-direction a::before{ background: no-repeat left top;}
.social-one .small-pic .bx-controls-direction a.bx-prev{ left:auto; right:-55px;}
.social-one .small-pic .bx-controls-direction a.bx-next{ right:-105px;}
.social-one .small-pic .bx-controls-direction a.bx-next::before{ background-position: right top;}
.social-one .small-pic .bx-controls-direction a.bx-next:hover::before{ background-position: right bottom;}
.social-one .small-pic .bx-controls-direction a.bx-prev:hover::before{ background-position: left bottom;}
.social-one .small-pic li{ float:left; width:320px; text-align:right;}
.social-one .small-pic li img{ width:315px; height:197px;}
.social-one .right-img{  overflow:hidden;}
.social-one .right-img ul{ float:right; position:relative; width:960px;height:600px;}
.social-one-1 .right-img ul{ float:left;}
.social-one .right-img li{width:100%; height:100%; position:absolute; left:0 ;top:0;}
.social-one .right-img li img{ display:block; height:100%;}
.social-one-2 .small-pic{ float:left; margin-left:5px; margin-right:0;}
.social-one-2 .small-pic li{ text-align:left;}
.social-one-2 .small-pic .bx-controls-direction a.bx-prev{ left:-105px;}
.social-one-2 .small-pic .bx-controls-direction a.bx-next{ left:-55px;}
.social-one-2 .left-con{ float:left; padding:65px 0 0 65px;}
.social-content .edit-title{ clear:both;}

.social-news .title{ padding:60px 0 30px 0; text-align:center; font-size:36px; color:#333;}
.social-news .title p{ margin:0; padding-top:10px; font-size:16px; color:#555;}
.social-news .bx-wrapper{ position:relative;}
.social-news li{ float:left; width:370px; margin-right:30px;}
.social-news li a{ display:block;}
.social-news li .pic img{ display:block; width:100%; height:240px;}
.social-news li p{ font-size:18px; margin:0; padding:18px 0;}
.social-news li pre{ color:#999; line-height:24px; min-height:48px;}
.social-news li aside{font-size:18px; font-family:"courier new", courier, monospace;  color:#999;border-bottom:1px solid #e5e5e5; padding:15px 0;}
.social-news li aside span{ font-size:36px;}
.social-news li a:hover aside{ color:#c81623; border-bottom-color:#c81623;}
.social-news li a:hover p{ color:#c81623;}
.social-news{ padding-bottom:117px;}
.social-news .bx-controls-direction a{ margin-top:-125px;}

/*编辑器内容 样式*/
#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:16px; 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:12px; 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{ position:absolute; right:0; top:0; height:100%;background-color:rgba(255,255,255,0.5); width:450px; padding:40px;}
.sample-css-53 .title,
.sample-css-53 .name{ font-size:24px;}
.sample-css-53 .name{ color:#333; padding-bottom:60px;}
.sample-css-53 .number{ display:inline-block;}
.sample-css-53 .number span{ display:block; overflow:hidden; font-size:72px; 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:24px; padding-left:16px; position:relative; }
.sample-css-53 li::before{ position:absolute; content:'·'; left:0; top:0; font-size:32px; color:#555;}

#contact_info_21{display:table; height:600px; width:100%;}
#contact_info_21 section{ padding:0 8%;}
#contact_info_21 .con{ display:table-cell; vertical-align:middle;}
#contact_info_21 h1{ margin:0; color:#333; font-size:36px; font-weight:normal; padding-bottom:47px;}
#contact_info_21 li{ font-size:18px; color:#999; margin-bottom:17px;}
#contact_info_21 li img{ vertical-align:text-bottom;}
#contact_info_21 li span a{ font-size:24px;}
#contact_info_21 li span{ color:#555;}

.content-18 h1{ margin:0; font-size:20px; 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:16px; 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:18px; color:#c81623; line-height:50px;}
.content-18 .ul_num li span{ font-weight:bold; font-size:30px; font-family:arial, helvetica, sans-serif;}

.ul-youshi-83 li{ float:left; width:25%; text-align:center; font-size:16px; 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,
.group-intro,
.index-banner{ position:relative; z-index:1;}
.index-banner{ overflow:hidden;}
.index-banner .bx-viewport{ z-index:1;}
.index-banner .bx-viewport,
.index-banner li,
.index-banner li a{ height:900px;}
.index-banner li a{ display:block;}
.index-banner li{ background-position:center top; background-repeat:no-repeat;} 
.index-banner .bx-pager,
.index-banner .bx-controls-direction a{ z-index:10;} 
.index-banner .bx-pager{ position:absolute; left:0; width:100%; bottom:40px; text-align:center;}
.index-banner .bx-pager div{ display:inline-block; padding:0 5px;}
.index-banner .bx-pager div a{ display:block; width:22px; height:22px; line-height:1000px; overflow:hidden; background: no-repeat right top;}
.index-banner .bx-pager div a.active{ background-position:left top;}
.index-banner .bx-controls-direction a{ transition:0.3s;}
/*.index-banner .bx-controls-direction a.bx-prev{ left:-157px;}
.index-banner .bx-controls-direction a.bx-next{ right:-157px;}*/
.index-banner .bx-controls-direction a.bx-prev{ left:0;}
.index-banner .bx-controls-direction a.bx-next{ right:0;}
.index-banner .bx-controls-direction a{ top:0; margin:0; width:130px; height:100%; /*background: repeat-y right top;*/ background:none; text-indent:-999em}
.index-banner .bx-controls-direction a.bx-next{ /*background-image:; background-position:left top; */}
.index-banner .bx-controls-direction a::before{ width:42px; height:73px; background: no-repeat left top; margin-left:0; left:42px; margin-top:-36px;}
.index-banner .bx-controls-direction a.bx-next::before{left: auto; right:42px; background-position: right top;}

.index-floor .title{ padding:80px 0 50px 0; text-align:center; font-size:30px; color:#333;}
.index-floor .title span{ display:block; font-size:16px; color:#555; padding-top:5px;}
.index-floor .bx-controls-direction a{ background-color:#f9f9f9;}
.index-floor .bx-controls-direction a:hover{ background-color:#c81623;}
.index-floor .bx-controls-direction a::before{ width:13px; background: no-repeat left top;}
.index-floor .bx-controls-direction a.bx-next::before{ background-position: right top;}
.index-floor .bx-controls-direction a.bx-prev:hover::before{ background-position: left bottom;}
.index-floor .bx-controls-direction a.bx-next:hover::before{ background-position: right bottom;}

.index-floor .title,
.index-floor .center{ position:relative;}
.index-floor .ani-things{ position:absolute; background:#c81623; transition:height ease-in-out 0.5s;}
.index-floor .title .ani-things{height:0; left:90px; top:0; width:4px;}
.index-floor .title .ani-things.show{ height:203px;}

.index-more{ background: no-repeat right center; width:128px; height:30px; line-height:30px; display:block; color:#fff; font-size:16px; padding-left:20px;}
.index-more:hover{color:#fff; background-image:;}

.floor-1{ overflow-x:hidden;}
.floor-1  .ani-things{ height:0; position:absolute; width:3px; right:-110px;}
.floor-1  .ani-things::before{ position:absolute; content:''; background: no-repeat center top; width:60px; height:100%; left:50%; margin-left:-30px;}
.floor-1  .ani-things.show{height:378px;}
.floor-1 .center{ width:1280px;}
.floor-1 .icon-group{ position:relative; width:1280px; margin-bottom:48px; min-height:134px;}
.floor-1 .icon-group dd{ float:left; width:12.5%; text-align:center; padding-bottom:15px; position:relative;}
.floor-1 .icon-group dd:hover .on,
.floor-1 .icon-group dd.on .on,
.floor-1 .icon-group dd .off{ display:none;}
.floor-1 .icon-group dd:hover .off,
.floor-1 .icon-group dd.on .off{ display:inline-block;}
.floor-1 .icon-group dd::after{ position:absolute; content:''; bottom:0; left:50%; width:9px; height:14px; margin-left:-4px; background: no-repeat right top;}
.floor-1 .icon-group dd:hover::after,
.floor-1 .icon-group dd.on::after{ background-position:left top;}
.floor-1 .icon-group dd p{ padding:10px 0; margin:0;}
.floor-1 .icon-group .pic{ display:table; height:67px; width:100%; transition:0.3s;}
.floor-1 .icon-group dd:hover .pic,
.floor-1 .icon-group dd.on .pic{ height:80px;}
.floor-1 .icon-group .pic-cell{ display:table-cell; vertical-align:bottom; transition:0.3s;}
.floor-1 .icon-group dd:hover .pic-cell,
.floor-1 .icon-group a.on .pic-cell{vertical-align:middle;}
.floor-1 .icon-group .pic img{ max-width:150px; max-height:67px;}
.floor-1 .icon-group dd:hover .pic img,
.floor-1 .icon-group dd.on .pic img{ max-height:75px; }
.floor-1 .btn{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; cursor:pointer;  z-index:10; background:  no-repeat left bottom  #c81624;}
.floor-1 .icon-group .btn{ background-position:-6px -7px; margin-top:-18px;width:36px; height:36px;}
.floor-1 .btn.prev{left:-50px;}
.floor-1 .btn.next{ right:-50px;background-position: right top; }
.floor-1 .icon-group .btn.prev{left:-36px;}
.floor-1 .icon-group .btn.next{ right:-36px;background-position: -56px -57px; }
.floor-1 .btn.prevstop,
.floor-1 .btn.nextstop{ background-color:#f9f9f9; cursor:default;}
.floor-1 .btn.prevstop{ background-position: left top;}
.floor-1 .btn.nextstop{background-position:right bottom;}
.floor-1 .icon-group .btn.prevstop{ background-position: -6px -56px;}
.floor-1 .icon-group .btn.nextstop{background-position: -56px -7px;}

.group-intro{ height:600px; background:#f9f9f9; }
.group-intro .intro{overflow:hidden;}
.group-intro .intro .box{ /*overflow:hidden;*/float:left; width:50%;}
.group-intro .left-img{ width:960px; float:right; position:relative;}
.group-intro .left-img dd,
.group-intro .left-img .tempwrap{ width:960px;}
.group-intro .left-img .btn{ top:auto; margin:0; bottom:0; right:0; background-color:#f9f9f9; background-position:left bottom;}
.group-intro .left-img .btn:hover{ background-color:#c81624;}
.group-intro .left-img .img-prev:hover{ background-position: left top;}
.group-intro .left-img .img-next{ margin-right:-50px;background-position: right top;}
.group-intro .left-img .img-next:hover{ background-position: right bottom;}
.group-intro .left-img img{ display:block; max-width:none; width:100%; max-height:600px;}
.group-intro .main{ width:600px; padding:50px 0 0 60px;}
.group-intro .main .name,
.group-intro .main .pre{ padding:0 13px;margin:0; line-height:26px;}
.group-intro .main .name{ font-size:18px; color:#333; font-weight:normal; padding-bottom:10px;}
.group-intro .main .pre{ font-size:16px;}
.group-intro .main .open-con{ background: no-repeat center center; width:24px; height:24px; display:inline-block; vertical-align:middle; cursor:pointer;}
.group-intro .main .open-con:hover{ background-image:;}
.group-intro .main .youshi{ height:300px; overflow:hidden; position:relative; margin-top:10px;}
.group-intro .main .hover{ position:absolute; left:0; top:0; width:100%; border:1px solid #f0f0f0; background:rgba(255,255,255,0.95); border-radius:10px; padding:20px 12px; line-height:26px; display:none; max-height:300px; overflow:auto;}
.group-intro .bx-viewport{ z-index:1;}
.group-intro .bx-controls-direction a{ z-index:10; left:50%; margin-left:-100px; top:auto; margin-top:0; bottom:0;}
.group-intro .bx-controls-direction a.bx-next{ margin-left:-50px;}

.floor-2 .center{ padding-bottom:140px;}
.floor-2 .center > .ani-things{  height:0;top:595px; right:62px; width:3px;}
.floor-2 .center > .ani-things.show{ height:140px;}
.floor-2 .title .ani-things.show{height:196px;}
.floor-2 .left-number{ float:left; height:400px; overflow:hidden; background:#f9f9f9; width:660px; padding:18px 45px 45px 45px;}
/*编辑器*/
.floor-2 .left-number .ul_num{ padding-left:20px; background: no-repeat left center; float:left; margin-left:27px; font-size:16px;}
.floor-2 .left-number .ul_num li{ padding:23px 0;}
.floor-2 .left-number .ul_num li span{ font-family: 'dinbold';font-size:60px; color:#c81623; font-weight:bold;}
.floor-2 .left-number .ul_num li i{ font-size:30px;color:#c81623; font-style:normal; }
/*编辑器 end*/
.floor-2 .right-image{ float:right; width:540px; position:relative;}
.floor-2 .right-image li img{ display:block; width:100%; height:400px;} 
.floor-2 .bx-controls-direction a{ top:auto; margin:0; left:0; bottom:0;}
.floor-2 .bx-controls-direction a.bx-next{ right:auto; left:50px;}

.floor-3{ background:#f9f9f9; position:relative;height:600px; overflow:hidden;}
.floor-3 .box{ float:left; width:50%;}
.floor-3 .box-right{ padding-left:60px;}
.floor-3 .category,
.floor-3 .title{ float:right; width:660px; margin-right:-60px;}
.floor-3 .title{ text-align:left; padding-bottom:40px;}
.floor-3 .category{ position:relative;}
.floor-3 .category dl{ overflow:hidden;}
.floor-3 .category dl dd{ float:left; width:150px;position:relative; height:100px; margin-right:8px; margin-bottom:9px;}
.floor-3 .category dd a{ display:block;  text-align:center;}
.floor-3 .category dd .hover{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #333; padding:1px; z-index:1;}
.floor-3 .category dd .hover img{ width:100%; height:100%;}
.floor-3 .category dd .pic{ display:table; height:60px; width:100%;}
.floor-3 .category dd .pic-cell{ display:table-cell; vertical-align:bottom; }
.floor-3 .category dd .pic img{ max-width:150px; max-height:60px;}
.floor-3 .category dd p{ margin:0; padding-top:10px;}
.floor-3 .category dd a:hover .hover,
.floor-3 .category dd.on a .hover{ display:block;}
.floor-3 .category dd a:hover p,
.floor-3 .category dd.on a p{ position:absolute; left:0; bottom:0; width:100%; line-height:28px; padding:0; background:#333; color:#fff; z-index:2;}
.floor-3 .category .bx-controls-direction{ position:absolute; left:-30px; top:0; height:100%; width:1px; background:#e5e5e5;}
.floor-3 .category .bx-controls-direction::before{ position:absolute; content:''; width:1px; top:40%; background:#f9f9f9; height:20%;}
.floor-3 .category .bx-controls-direction a{ left:-13px; width:24px; height:24px; background:#c81623; border:1px solid #c81623; margin:0; }
.floor-3 .category .bx-controls-direction a::before{ width:11px; height:6px; margin-top:-3px; margin-left:-5px; background-image:;}
.floor-3 .category .bx-controls-direction a.disabled{background:#f9f9f9;border-color:#e5e5e5;cursor:default; }
.floor-3 .category .bx-controls-direction a.bx-prev::before{ background-position:left top;}
.floor-3 .category .bx-controls-direction a.bx-next::before{ background-position:right bottom;}
.floor-3 .category .bx-controls-direction a.bx-prev.disabled::before{ background-position:left top;}
.floor-3 .category .bx-controls-direction a.bx-next.disabled::before{ background-position:right bottom;}
.floor-3 .category .bx-controls-direction a.bx-prev{top:75px;}
.floor-3 .category .bx-controls-direction a.bx-next{top:109px;}

.floor-3 .box-left{ position:relative; z-index:10;}


.floor-3 #iframe{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px; height:600px;}

.floor-4 .center{ padding-bottom:120px;}
.floor-4 .center > .ani-things{ right:64px; top:663px; height:0; width:3px;}
.floor-4 .center > .ani-things.show{height:183px;}
.index-news-top{ position:relative; float:left; width:560px;}
.index-news-top .pic img{ display:block; width:100%; height:400px;}
.index-news-top .txt{ margin:-30px 30px 0 30px; background:#f9f9f9; padding:20px 40px 0 112px; position:relative; z-index:2; min-height:160px;}
.index-news-top .txt time{ position:absolute; left:22px; top:20px; color:#c81623;font-size:16px; text-align:center;}
.index-news-top .txt time span{ display:block; border-bottom:1px solid #c81623; font-size:48px; margin-bottom:10px;}
.index-news-top .txt h4{ font-size:18px; font-weight:normal; margin:0; padding-bottom:10px;}
.index-news-top .txt pre{ line-height:24px; overflow:hidden; height:72px;}
.index-news-top .hd{ position:absolute; z-index:10; right:70px; bottom:25px;}
.index-news-top .hd li{ float:left; width:8px; height:8px; line-height:1000px; overflow:hidden; cursor:pointer; background:#ddd; border-radius:50%; margin-left:11px;}
.index-news-top .hd li.on{ background:#c81623;}
.news-default{ float:right; width:600px;}
.news-default .hd{ overflow:hidden;}
.news-default .hd ul{ width:110%;}
.news-default .hd li{ float:left; width:196px; margin-right:6px; text-align:center; font-size:16px;}
.news-default .hd li a{ display:block; line-height:40px; background:#f3f3f3;}
.news-default .hd li.on a{ background:#c81623; color:#fff;}
.news-default .list{ padding-top:39px;}
.news-default .list ul{border-top:1px dotted #e1e1e1; margin-bottom:33px;}
.news-default .list li{ line-height:42px; border-bottom:1px dotted #e1e1e1; padding:0 27px 0 12px;}
.news-default .list li span{ float:right; color:#999;}
.news-default .list li a::before{ display:inline-block; vertical-align:middle; margin-right:10px; width:3px; height:3px; content:''; background:#666;}

.floor-5 .bg{ position:relative; background-position:center top; background-repeat:no-repeat;background-attachment: fixed;}
/*.floor-5:hover .bg::before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}*/
.floor-5 .edit-info{ position:relative; z-index:3; height:650px; overflow:hidden;}

.floor-6{ padding-bottom:138px;}
.floor-6 .title .ani-things{left:68px; width:3px;}
.floor-6 .center{ z-index:3;}
.floor-6 .center > .ani-things{left:68px; height:0; top:502px;width:4px;}
.floor-6 .center > .ani-things.show{ height:377px;}
.floor-6 .center > .ani-things::before{position:absolute; content:''; left:50%; width:40px; height:0; background: no-repeat 0 0; margin-left:-20px;  top:339px; opacity:0; transition:height ease-in-out 0.3s 0.3s;}
.floor-6 .center > .ani-things.show::before{height:40px; opacity:1;}
.floor-6 .title{ padding-bottom:57px; position:relative;}
.floor-6 .title .ani-things{ top:0;}
.floor-6 .title .ani-things.show{ height:100%; }
.floor-6 .main{ background-color:#f9f9f9; background-repeat:no-repeat; background-position: right top; height:500px; overflow:hidden; position:relative; z-index:10;}
.floor-6 .index-from{ margin-left:69px; padding-top:32px; width:450px;}
.floor-6 .index-from .tips{ width:380px; margin:0 auto;text-align:center; padding-bottom:35px;}
.floor-6 .index-from .tips h2{ font-weight:normal; font-size:30px; margin:0;}
.floor-6 .index-from .tips h2::before,
.floor-6 .index-from .tips h2::after{ display:inline-block; content:''; width:23px; height:18px; vertical-align:middle; background: no-repeat;}
.floor-6 .index-from .tips h2::before{ margin-right:10px;}
.floor-6 .index-from .tips h2::after{ margin-left:10px; background-image:;}
.floor-6 .index-from .tips h2 span{ font-size:24px; margin-right:10px;}
.floor-6 .index-from .tips aside{ border:1px solid #e9e9e9; border-top:0; padding:19px 14px 22px 104px; min-height:99px; background: no-repeat 18px 19px; display:inline-block;color:#c81623;}
.floor-6 .index-from .tips aside img{ margin:10px 0; width:228px; height:31px;}
.floor-6 .index-from .tips figure{ font-size:24px; border-top:2px solid #c81623; margin-top:16px; height:15px;}
.floor-6 .index-from .tips figure span{ background:#f9f9f9; padding:0 10px; position:relative;top:-15px;}
.floor-6 .index-from .row-2{ width:110%;}
.floor-6 .index-from .row-2 li{ float:left; width:215px; margin-right:19px;}
.floor-6 .index-from li{ position:relative; padding-left:30px; background-repeat:no-repeat; background-position:left 6px; margin-bottom:10px;}
.floor-6 .index-from .li_name{ background-image:;}
.floor-6 .index-from .li_tel{ background-image:;}
.floor-6 .index-from .li_area{ background-image:;}
.floor-6 .index-from .li_txt{ background-image:;}
.floor-6 .index-from li label{ position:absolute; left:30px; padding-left:10px; line-height:37px; color:#999;}
.floor-6 .index-from li .text{ width:100%; border:1px solid #f0f0f0; padding:0 10px; background:#fff; line-height:35px; height:37px;}
.floor-6 .index-from li .form_err{ position:absolute; line-height:20px; margin-top:-10px; right:-10px; top:50%; color:#c81623;}
.floor-6 .index-from li textarea.text{ height:90px; line-height:30px;}
.floor-6 .index-from li select{color:#999;width:100%;  display:block !important;padding:0 0 0 10px;border:1px solid #f0f0f0; background-color:#fff; height:37px;}
.floor-6 .index-from ol{ padding-top:8px;}
.floor-6 .index-from ol .btn{ border:none; background: no-repeat; width:128px; height:30px; color:#fff; cursor:pointer; padding:0 20px 0 0; font-size:16px; line-height:30px;}
.floor-6 .index-from ol .btn:hover{color:#fff; background-image:;}
/*index end*/

.textlist002514 .list{}
.textlist002514 .job-title{ line-height:30px; padding:6px 30px 6px 35px; font-size:14px; cursor:pointer; position:relative; background-color:#888888; color:#fff; overflow:hidden; border-bottom:solid 1px #cfcfcf;}
.textlist002514 .job-title i{transform: rotate(45deg); position:absolute; right:60px; 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 .job-title.select{}
.textlist002514 .job-title.select i{transform: rotate(135deg);}
.textlist002514 .job-title span{ display:block; float:left; width:200px;}
.textlist002514 .job-title span.s1{ width:260px;}
.textlist002514 .job-title span.s2{}
.textlist002514 .job-title span.s3{ width:240px;}
.textlist002514 .job-title span.s4{}
.textlist002514 .job-title span.s5{}
.textlist002514 .list .job-title{ background-color:#fff; color:#555; line-height:38px;}
.textlist002514 .job-main{ display:none; padding:22px 35px; border-bottom:1px dotted #cfcfcf; background-color:#f9f9f9}
.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;}
.job-hide,.job-hide .center{ display:block; width:0px; height:0px; overflow:hidden;}

.other-info{ min-height:400px;}

.textlist002514{ padding-top:50px;}
.list-links{ padding:70px 100px;}
.list-links li{ font-size:16px; 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:18px; 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: no-repeat center top; height:860px; margin-top:70px;}
.page404 .txt{ color:#000; font-size:45px; padding:443px 0 115px 0;}
.page404 .txt p{ font-size:18px; margin:0; padding-top:10px;}
.page404 .link a{ display:inline-block; border:1px solid #e4e4e4; background:#fff; width:120px; line-height:43px; margin:0 28px; color:#000; font-size:16px; transition:ease-in-out 0.2s;}
.page404 .link a:hover{ background:#d90000; color:#fff;}

.coop-content{ margin-top:-61px;}
#coop-floor-9{ overflow-x:hidden;}
.coop-floor .bg{ min-height:700px; background-position:center top; background-repeat:no-repeat;}
#coop-floor-3 .bg{ min-height:698px;}
.coop-floor .center{ position:relative;}
.coop-floor .edit-info{ color:#333; font-size:16px;}
#coop-floor-5 .bd ul{ z-index:1;}
#coop-floor-5 .bd ul,
#coop-floor-5 .bd li{ width:100%  !important;}
#coop-floor-5 .bd li{ height:700px; background-position:center top; background-repeat:no-repeat;}
#coop-floor-5 .hd{ z-index:10;}
#coop-floor-5 .hd ul{ position:absolute; right:0; bottom:30px; width:200px;}
#coop-floor-5 .hd ul li{ margin-bottom:1px; background:rgba(0,0,0,0.5); color:#fff; position:relative;}
#coop-floor-5 .hd ul li img{ display:none; position:absolute; left:4px; top:4px; right:4px; bottom:4px; z-index:10; height:72px; width:192px;}
#coop-floor-5 .hd ul li.on img{ display:block;}
#coop-floor-5 .hd ul li .txt{ display:table; height:80px; width:100%;}
#coop-floor-5 .hd ul li .txt-cell{ display:table-cell; vertical-align:middle; padding:0 16px;}
#coop-floor-5 .edit-info{ height:700px; overflow:hidden;}
#coop-floor-9 .edit-info{ position:absolute; top:170px; left:0; width:400px;}
#coop-floor-9 .data-big{ float:right; background: no-repeat; width:991px; height:551px; margin-top:83px; margin-right:-120px; position:relative; padding:40px 0 0 123px;}
#coop-floor-9 .data-big img{ width:718px; height:449px;}
#coop-floor-9 .data-big .fancybox{ position:absolute; background: no-repeat center center rgba(255,255,255,0.2); width:50px; height:50px; right:150px; bottom:41px;}
#coop-floor-9 .data-big .fancybox:hover{ background-color:#c81624;}

#coop-floor-10{ overflow:hidden; height:700px; background: no-repeat center top;}
#coop-floor-10 .small-pic{ margin-left:5px; width:960px;}
#coop-floor-10 .small-pic li img{ display:block; width:315px; height:197px;}
#coop-floor-10 .small-pic .bx-wrapper{ position:relative; margin:0 !important;}
#coop-floor-10 .small-pic .bx-controls-direction{ position:absolute; left:-105px; width:100px;  bottom:0; z-index:10; height:50px;}
#coop-floor-10 .small-pic .bx-controls-direction a{ margin:0; top:0; background-repeat:no-repeat; background-image:;}
#coop-floor-10 .small-pic .bx-controls-direction a::before{ display:none;}
#coop-floor-10 .small-pic .bx-controls-direction a.bx-prev{ background-position:left bottom; background-color:#f9f9f9;}
#coop-floor-10 .small-pic .bx-controls-direction a.bx-next{ background-position:right bottom;}
#coop-floor-10 .box{ float:left; width:50%;}
#coop-floor-10 .big_img{ float:right; width:960px; height:700px; overflow:hidden;}
#coop-floor-10 .big_img li{ display:none;} 
#coop-floor-10 .big_img li img{ display:block ; height:700px; width:100%;} 
#coop-floor-10 .main{ position:relative; padding:74px 0  0 89px; max-width:600px; height:503px; overflow:hidden;}
#coop-floor-10 .main .title-10{ font-size:36px; color:#333;}
#coop-floor-10 .main .title-10 div{ letter-spacing:5px;}
#coop-floor-10 .main .title-10 span{ display:inline-block; height:45px; border-bottom:3px solid #c81623;}
#coop-floor-10 .tab dl{ overflow:hidden; margin:16px 0;}
#coop-floor-10 .tab dd{ float:left; margin-right:35px;color:#ececec;   cursor:pointer; }
#coop-floor-10 .tab dd span{border-bottom:2px solid transparent; font-size:72px;font-family:helvetica, sans-serif; font-weight:bold;}
#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;font-family: "dinbold";}
#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;}

#coop-floor-11{ background: no-repeat center top; height:780px;}
#coop-floor-11 .title{ text-align:center; padding-top:150px; font-size:30px; color:#333;}
#coop-floor-11 .title div{ font-size:36px; padding-bottom:15px;}
#coop-floor-11 .title div span{ height:45px; display:inline-block; border-bottom:3px solid #c81623;}
#coop-floor-11 .time{ text-align:center; font-size:24px; color:#c81623; padding:50px 0 90px 0;}
#coop-floor-11 .time img{ height:34px;}
#coop-floor-11 .from{ width:688px; margin:0 auto;}
#coop-floor-11 .from dd{ position:relative; float:left; padding-left:30px; background-position:left center; background-repeat:no-repeat; width:184px; margin-bottom:32px;}
#coop-floor-11 .from dd .form_err{ position:absolute; right:-15px; color:#f00; top:0; font-size:12px; line-height:40px;}
#coop-floor-11 .from dd.d_1{ background-image:;}
#coop-floor-11 .from dd.d_2{ background-image:;}
#coop-floor-11 .from dd.d_3{ background-image:;}
#coop-floor-11 .from dd.d_4{ background-image:;}
#coop-floor-11 .from dd.d_5{ background-image:;}
#coop-floor-11 .from dd.d_6{ background-image:;}
#coop-floor-11 .from dd.d_7{ background-image:;}
#coop-floor-11 .from dd.d_2,
#coop-floor-11 .from dd.d_5{ margin:0 62px;}
#coop-floor-11 .from dd label{ position:absolute; left:30px; color:#999;line-height:40px;}
#coop-floor-11 .from dd select,
#coop-floor-11 .from dd .text{ height:40px;width:100%; border:none; border-bottom:1px solid #999; }
#coop-floor-11 .from dd select{display:block !important; color:#999;}
#coop-floor-11 .from dd .text{ background:none; line-height:40px;}
#coop-floor-11 .from dt{ text-align:center;}
#coop-floor-11 .from dt .btn{ border:none; height:40px; line-height:40px; font-size:18px; color:#fff; background: no-repeat right center; padding:0 40px 0 0; cursor:pointer; width:170px;}
#coop-floor-11 .from dt .btn:hover{ background-image:;}
.online_apply #coop-floor-11{ background-image:;}
.online_apply #coop-floor-11 .title{ padding:0; height:337px;}
.online_apply #coop-floor-11 .time{ padding:0 0 46px 0; color:#fff;}
.online_apply #coop-floor-11 .time img{ height:23px;}
/*.online_apply #coop-floor-11 .from dd .form_err{ position:absolute; right:-10px; color:#f00; top:0; font-size:12px; line-height:40px;}*/
.online_apply #coop-floor-11 .from dd select,
.online_apply #coop-floor-11 .from dd .text{ border-bottom-color:#555;}
.online_apply #coop-floor-11 .from dd .text{ color:#fff;}
.online_apply #coop-floor-11 .from dd.d_1{ background-image:;}
.online_apply #coop-floor-11 .from dd.d_2{ background-image:;}
.online_apply #coop-floor-11 .from dd.d_3{ background-image:;}
.online_apply #coop-floor-11 .from dd.d_4{ background-image:;}
.online_apply #coop-floor-11 .from dd.d_5{ background-image:;}
.online_apply #coop-floor-11 .from dd.d_6{ background-image:;}
.online_apply #coop-floor-11 .from dd.d_7{ width:98.5%; background-image:;}

/*编辑器样式*/
.btn_90{ width:245px; line-height:50px; display:block; margin:0 auto; color:#fff; font-size:18px; background: no-repeat; padding-left:50px; text-align:left; margin-top:20px;}
.btn_90:hover{ color:#fff;background-image:}
.info-column-13{ position:absolute; background: no-repeat center top;  right:0; top:0; height:0; overflow:hidden; transition:height 0.3s ease-in-out; }
.info-column-13 span{ display:block; line-height:37px;font-size:18px; padding-top:37px;}
.coop-floor-show .info-column-13{ height:177px;}
#coop-floor-3 .info-column-13,
#coop-floor-7 .info-column-13,
#coop-floor-9 .info-column-13,
#coop-floor-5 .info-column-13{color:#fff; right:auto; left:0;}
#coop-floor-2.coop-floor-show .info-column-13{ height:221px;}
#coop-floor-3.coop-floor-show .info-column-13{ height:150px; }
#coop-floor-4.coop-floor-show .info-column-13{ height:158px;}
#coop-floor-7.coop-floor-show .info-column-13{ height:138px; }
#coop-floor-10.coop-floor-show .info-column-13{ height:163px; }
#coop-floor-5 .info-column-13{z-index:20; top:-700px;}
#coop-floor-6 .info-column-13{ right:25px;}
#coop-floor-6.coop-floor-show .info-column-13{ height:208px; right:25px;}

.ul_info_92{ float:right; width:900px; margin-top:-223px;}
.ul_info_92 li{ float:left; width:300px; height:200px; overflow:hidden; position:relative;}
.ul_info_92 li img{ display:block; width:100%; height:200px;}
.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:14px;}

.ul_info_93{ position:relative; width:600px; z-index:10;}
.ul_info_93 li.first{ position:absolute; left:-200px;}
.ul_info_93 li{ width:200px; height:200px; float:left; text-align:center; font-size:16px;}
.ul_info_93 li.bgcolor{ background:#eee;}
.ul_info_93 li.b-txt b{ font-size:48px;}
.ul_info_93 li b{ display:block; color:#e9d9d9; line-height:100px; font-size:72px;}
.ul_info_93 li div{ padding:0 20px;}
.ul_info_93 li span{ color:#c92a32; font-size:18px; font-weight:bold;}

.ul_info_96 li{ float:left; width:294px; height:255px; background: no-repeat right top; margin-left:-68px; text-align:center; padding:0 50px;}
.ul_info_96 li.li_1{ margin-left:0;}
.ul_info_96 li.li_2,
.ul_info_96 li.li_4{ margin-top:128px;}
.ul_info_96 li p{ font-size:14px; margin:0; line-height:24px;}
.ul_info_96 li p.tit{ font-size:16px; color:#c81623; padding-bottom:12px; font-weight:bold;}
.ul_info_96 li aside{ padding-top:35px;}
.ul_info_96 li aside .off{ display:none;}
.ul_info_96 li:hover{ background-position:left top;}
.ul_info_96 li:hover aside img{ display:none;}
.ul_info_96 li:hover aside img.off{ display:inline-block;}
.ul_info_96 li:hover,
.ul_info_96 li:hover p.tit{ color:#fff;}

.ul_info_98{ margin-top:24px;}
.ul_info_98 li{ font-size:14px;color:#555; padding-bottom:10px;}
.ul_info_98 li aside{color:#c81623;font-size:36px;font-weight:bold;}
.ul_info_98 li aside span{ font-size:48px; }

/*编辑器样式 end*/

.no-animated{ opacity:0;}
.animated{ opacity:1;}

.smsform .con{ margin:0 auto; width:340px; color:#fff; font-size:16px;}
.smsform .con p{ border-bottom:1px solid #999; margin:0 0 10px 0; padding-bottom:10px;}
.smsform .con .text { border: none; line-height: 40px; height: 40px; width: 44%; background: none; color: #666;}
.smsform .con .send{ color:#fff; background-color:#c81623; cursor:pointer; border:none; padding:0 px 5px;}
.smsform .con .btn { border:none; display:inline-block; text-align:center; width:153px; line-height:36px; color:#fff;  padding-right:40px;}
.smsform .con .sendsms{  background: no-repeat right center;}
.smsform .con .closeform{ background: no-repeat right center;}
/*.prod-other .animated{animation-duration:0.5s;}*/
.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 .edit-info{ height:780px;}
.intro-content .floor-5 .bg{background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }
#intro-content-1 .bg{ min-height:697px;}
#intro-content-3 .bg{ background-position:center top; background-repeat:no-repeat;}
#intro-content-3 .center{ height:700px;}
#intro-content-3 .list-con{ height:627px; overflow:hidden; padding-top:106px;}
#intro-content-3 .list-tab dd{ float:left; cursor:pointer; line-height:38px; padding:0 25px; min-width:160px; text-align:center; font-weight:bold; font-size:16px; color:#fff; border:1px solid #494d61; background:#494d61; margin-right:2px;}
#intro-content-3 .list-tab dd.on{ background:none;}

#intro-content-4{ height:645px; position:relative; overflow:hidden;}
#intro-content-4 .list-img{ position:absolute; width:1920px; left:50%; margin-left:-960px; top:0;}
#intro-content-4 .list-img dl{ float:left; margin-right:5px;}
#intro-content-4 .list-img dd{ margin-top:5px; position:relative;}
#intro-content-4 .list-img dd a{ position:absolute; z-index:10; background: 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{ height:320px; display:block; width:100%;}
#intro-content-4 .list-img dl.dl_1 dd img,
#intro-content-4 .list-img dl.dl_4 dd img{ height:645px;}
#intro-content-4 .list-img dl.dl_1{ width:354px;}
#intro-content-4 .list-img dl.dl_2{ width:509px;}
#intro-content-4 .list-img dl.dl_3{ width:511px;}
#intro-content-4 .list-img dl.dl_4{ width:527px; margin-right:0;}
#intro-content-4 .list-img .videosamewidth{ max-width:800px; display:block;}

#intro-content-5{ color:#333; background: repeat-y center top; padding-bottom:110px;}
#intro-content-5 .title{ text-align:center; font-size:36px; padding:70px 0 61px 0; letter-spacing:6px;}
#intro-content-5 .list{ overflow:hidden;}
#intro-content-5 .list .box{ float:left; width:50%;}
#intro-content-5 .list .box-img{ height:500px; 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:60px; color:#c81623;font-family: 'dinbold'; z-index:10;background:rgba(255,255,255,0.9);}
#intro-content-5 .list_odd .box-img aside{ right:auto; left:0;}
#intro-content-5 .list .img-group{ float:right; width:960px;}
#intro-content-5 .list_odd .img-group{ float:none;}
#intro-content-5 .list .bx-wrapper{ position:relative; z-index:1; height:500px;}
#intro-content-5 .list .bx-viewport{ z-index:1;}
#intro-content-5 .list .bx-pager{ position:absolute; left:0; width:100%; z-index:10; bottom:20px; text-align:center;}
#intro-content-5 .list .bx-pager > div{ width:12px; height:12px; display:inline-block; margin:0 4px;}
#intro-content-5 .list .bx-pager > div a{ display:block;height:12px; display:block; line-height:1000px; overflow:hidden; border-radius:50%; background:rgba(255,255,255,0.5);}
#intro-content-5 .list .bx-pager > div a.active{ background:#c81623;}
#intro-content-5 .box-txt .edit-info{ padding:67px 98px 0 98px; position:relative; min-height:500px; width:600px;}
#intro-content-5 .list_odd .box-txt .edit-info{ float:right;}
#intro-content-5 .box-txt .edit-info::before{ position:absolute; left:0; top:80px; width:80px; height:1px; background:#999; content:'';}
#intro-content-5 .list_odd .box-txt .edit-info::before{ left:auto; right:0;}

.history-content{ height:840px; position:relative; overflow:hidden;}
.history-content .bg{ z-index:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.history-content .history-con{ padding-top:190px; padding-left:483px; color:#fff;}
.history-content .history-con .tit{font-family: 'dinbold'; font-size:100px; padding-left:56px; margin:0;}
.history-content .history-con .edit-info{ height:374px; overflow:hidden;}
.history-content .slick-slider{position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent; z-index:10;}
.history-content .slick-list{position: relative;overflow: hidden;z-index:10;}
.history-content .slick-slider .slick-track,
.history-content .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.history-content .slick-track{position: relative;top: 0;left: 0;}
.history-content .slick-slide{display: none;float: left;min-height: 1px;}
.history-content .slick-initialized .slick-slide{display: block;}
.history-content .slick-loading .slick-track{visibility: hidden;}
.history-content .slick-loading .slick-slide{visibility: hidden;}
.history-content .slick-loading .slick-list{background:  center center no-repeat;}
.history-content .slick-arrow.slick-hidden{ display:none;}
.history-content .slider-nav{ position:absolute;  bottom:66px; text-align:center; width:100%;left:0; overflow:hidden; height:77px;}
.history-content .slider-nav .slick-list{width:1200px;margin:0 auto;}
.history-content .slider-nav li{ cursor:pointer; position:relative; /*background: repeat-x 6px 54px;*/ float:left; width:191px;}
.history-content .slider-nav::after{ position:absolute; content:''; width:100%; left:0; height:1px; background:#373737; bottom:20px;}
.history-content .slider-nav::before{ position:absolute; content:''; width:100%; left:0; height:5px; background: repeat-x 6px center; bottom:18px;}
.history-content .slider-nav li.slick-current{ color:#c81623;}
.history-content .slider-nav li h5{ margin:0;font-size:16px; color:#555;font-family: 'dinbold'; padding-bottom:58px; position:relative; z-index:2;}
.history-content .slider-nav li h5::before,
.history-content .slider-nav li h5::after{ position:absolute;  left:50%; background:#373737;bottom:0;}
.history-content .slider-nav li h5::before{ content:'';width:10px; height:10px; margin-left:-5px; bottom:16px; }
.history-content .slider-nav li h5::after{ width:1px; height:40px;margin-left:-1px;}
.history-content .slider-nav li.slick-current h5::after{content:''; background:#c81623;}
.history-content .slider-nav li.slick-current h5::before{ background:#c81623;}
.history-content .slider-nav li.slick-current h5{ color:#c81623;}
.history-content .slick-arrow{ position:absolute; width:40px; height:40px; background:#505050; bottom:2px; border:none; font-size:0; z-index:15; padding:0; cursor:pointer;}
/*.history-content .slick-arrow.slick-disabled{ display:none !important;}*/
.history-content .slick-arrow::before{ position:absolute; content:''; width:20px; height:20px; left:50%; top:50%; transform:rotate(-45deg); margin-top:-10px; margin-left:-14px;}
.history-content .slick-prev{ left:50%; margin-left:-600px;}
.history-content .slick-next{ right:50%; margin-right:-600px;}
.history-content .slick-prev::before{border-left:3px solid #999; border-top:3px solid #999;  margin-left:-6px;}
.history-content .slick-next::before{border-right:3px solid #999; border-bottom:3px solid #999;}
.history-content .slick-arrow:hover{ background:#c81623;}
.history-content .slick-arrow:hover::before{ border-color:#fff !important;}


.project-classic{ overflow:hidden;}
#ninja-slider{ width:1920px; height:745px; position:relative; left:50%; margin-left:-960px;}
#ninja-slider .slick-slider{position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent; z-index:10;}
#ninja-slider .slick-list{position: relative;overflow: hidden;z-index:10;}
#ninja-slider .slick-slider .slick-track,
#ninja-slider .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#ninja-slider .slick-track{position: relative;top: 0;left: 0;}
#ninja-slider .slick-slide{display: none;float: left;min-height: 1px;}
#ninja-slider .slick-initialized .slick-slide{display: block;}

#ninja-slider .slick-arrow.slick-hidden{ display:none;}
#ninja-slider .slider-for{width:900px; height:600px; margin:0 auto 5px;}
#ninja-slider .slider-for li{ position:relative;}
#ninja-slider .slider-for li img{width:900px; height:600px; display:block;}
#ninja-slider .slider-for li b{ position:absolute; left:0;width:100%;bottom:0;bbackground: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 98%, rgba(0,0,0,0.9) 100%); /* ff3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 98%,rgba(0,0,0,0.9) 100%); /* chrome10-25,safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 98%,rgba(0,0,0,0.9) 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00000000', endcolorstr='#a6000000',gradienttype=0 ); /* ie6-9 */
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 14px;}


#ninja-slider .slider-for .slick-arrow{   position: absolute;
    width:50px;
    height:50px;
    top: 50%; left:50%; margin-left:-520px;
    margin-top:-25px;
    background-color:rgba(255,255,255,0.3);
    z-index:10;
    font-size:0; border:none;
    cursor:pointer;}
#ninja-slider .slider-for .slick-next{ margin-left:470px;}
#ninja-slider .slider-for .slick-arrow::before{position: absolute;
    top: 15px; left:50%;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-left: 2px solid white;
    border-top: 2px solid white;transform:rotate(135deg); margin-left:-15px;
}
#ninja-slider .slider-for .slick-prev::before{  transform:rotate(-45deg);margin-left:-5px;}

#ninja-slider .slider-nav{ }
#ninja-slider .slider-nav li{ float:left; width:220px; text-align:center;}

#ninja-slider .slider-nav li img{width:210px;height:140px; }
/*#ninja-slider .slider-nav li.slick-center canvas{ opacity:0;}*/

#ninja-slider .ninja-arrow{position:absolute; height:600px; width:900px; overflow:hidden;}
#ninja-slider .ninja-arrow::after{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:10;}
#ninja-slider .ninja-arrow img{ display:block; width:900px; height:600px;}
#ninja-slider .ninja-left{ right:50%; margin-right:455px; text-align:right;}
#ninja-slider .ninja-right{  left:50%; margin-left:455px;}

/*! gray v1.6.0 (https://github.com/karlhorky/gray) | mit */
.grayscale
{
  filter:;
  -webkit-filter:grayscale(1);
  filter:grayscale(1);
 filter:gray
 }
.grayscale.grayscale-fade{transition:filter .5s}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}
    }
    .grayscale.grayscale-fade:hover,
    .grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}
    .grayscale.grayscale-replaced{-webkit-filter:none;filter:none}
    .grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}
    .grayscale.grayscale-replaced.grayscale-fade:hover>svg,
    .grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
    
    #ninja-slider .slider-nav li.slick-center .grayscale{filter: ; 
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: ;}
    #ninja-slider .slider-nav li.slick-center .grayscale-replaced.grayscale > svg{ display:none;}






.index-banner {background:#fff;}