@import url("common.css");
.banner{ position:relative; padding-bottom:10px;}
.banner .txt{ position:absolute; width:100%; height:100%;  color:#fff;}
.banner .table{  width:100%; height:100%; display:table;}
.banner .table-cell{ display:table-cell; vertical-align:middle;}
.banner b{ display:block; font-size:40px;line-height:60px; padding-bottom:2%; font-weight:normal; background:url(../images/column_icon_w80.png) no-repeat left bottom}
.banner span{ display:block; font-size:18px; text-transform:uppercase; padding-top:2%}
.banner .wap{display:none;}
.banner .txt#no{ display:none;}





@media(max-width:1200px){
.banner b{ font-size:26px; line-height:40px;}
}
@media(max-width:750px){
.banner .wap{display:block;}
.banner .pc{display:none;}
.banner b{ font-size:22px; line-height:24px; padding-bottom:4%; background-size:50px;}
.banner span{ font-size:14px;}

}

.location{ padding-left:32px; float:right;line-height:50px; background:url(../images/location_icon.jpg) no-repeat left}
.location,
.location a{ color:#999999}
.location span{ color:#666666}
.location em{ font-style:normal; font-family:SimSun; padding:0px 10px;}

.menu{ border-bottom:solid 1px #dedede; margin-bottom:4.9%;}
.menu ul li{ line-height:50px; padding-bottom:20px; padding-right:3%; display:inline-block; }
.menu ul li a{position:relative; display:inline-block; color:#666666}
.menu ul li.active a:before{ content:''; position:absolute; width:100%; height:2px; bottom:-21px; background-color:#d9092b}
.menu ul li.active a{color:#d9092b}

.sub_menu { text-align:center; font-size:18px; padding-bottom:4%}
.sub_menu ul li { line-height:37px; display:inline-block;}
.sub_menu ul li a{position:relative;display:inline-block;}
.sub_menu ul li b{ font-weight:normal; padding:0px 30px;}
.line_icon li.active a{color:#d9092b;}
.line_icon li.active span:before,
.line_icon li.active span:after{ content:''; position:absolute; border-color:#d9092b; border-width:1px;}
.line_icon li.active span:before{ top:0;}
.line_icon li.active span:after{ bottom:0}
.line_icon li.active span.l:before,
.line_icon li.active span.r:after{ width:8px; height:6px;}
.line_icon li.active span.r:before,
.line_icon li.active span.l:after{width:9px; height:7px;}
.line_icon li.active span.l:before{ left:0; border-top-style:solid; border-left-style:solid;}
.line_icon li.active span.l:after{ left:0; border-bottom-style:solid; border-left-style:solid;}
.line_icon li.active span.r:before{ right:0; border-top-style:solid; border-right-style:solid;}
.line_icon li.active span.r:after{ right:0;border-bottom-style:solid; border-right-style:solid;}

.line_icon li.on a{color:#d9092b;}
.line_icon li.on span:before,
.line_icon li.on span:after{ content:''; position:absolute; border-color:#d9092b; border-width:1px;}
.line_icon li.on span:before{ top:0;}
.line_icon li.on span:after{ bottom:0}
.line_icon li.on span.l:before,
.line_icon li.on span.r:after{ width:8px; height:6px;}
.line_icon li.on span.r:before,
.line_icon li.on span.l:after{width:9px; height:7px;}
.line_icon li.on span.l:before{ left:0; border-top-style:solid; border-left-style:solid;}
.line_icon li.on span.l:after{ left:0; border-bottom-style:solid; border-left-style:solid;}
.line_icon li.on span.r:before{ right:0; border-top-style:solid; border-right-style:solid;}
.line_icon li.on span.r:after{ right:0;border-bottom-style:solid; border-right-style:solid; }
@media(max-width:1100px){
.location{ float:none;}
.sub_menu{ font-size:16px;}
.sub_menu ul li b{ padding:0px 15px;}
}
@media(max-width:750px){
.location{ display:none;}
.menu{ display:none;}
.pro_menu{ display:block;}
.menu ul li{line-height: 24px;padding-bottom: 10px; padding-right:20px;}
.menu ul li.active a:before{ bottom: -5px;}
.sub_menu ul{ overflow:hidden;}
.sub_menu ul li{ display:block; float:left; width:25%;}
.sub_menu ul li b{ padding:0px; display:block;}
.sub_menu ul li a{ display:block}

}

#main_about .column_title{ background-image:url(../images/column_icon2.png)}

.floor_about .photo{ padding-bottom:3%}
.floor_about .article{ line-height:36px; padding:2% 0;background:url(../images/floor_about_txtbg.jpg) no-repeat center center}
.floor_about .pic_list{ padding:3% 0; color:#999999; border-bottom:solid 1px #dedede}
.floor_about .pic_list ul li{ text-align:center; float:left; width:15%; margin-right:6.25%}
.floor_about .pic_list ul li:last-child{ margin-right:0}
.floor_about .pic_list ul li .txt{ padding:12px 0}

.floor_culture { padding:5% 0}
.floor_culture .pic_list ul li{ position:relative; text-align:center; float:left; width:32.4392%; margin-left:1.3412%; margin-bottom:1.3412%}
.floor_culture .pic_list ul li:nth-child(3n+1){ margin-left:0; clear:both}
.floor_culture .pic_list ul li .txt{ position:absolute; width:100%; height:80%; top:20%; padding:0 5%}
.floor_culture .pic_list ul li .txt h4{ line-height:60px; padding-bottom:4%; font-size:24px; color:#333333}
.floor_culture .pic_list ul li .txt h4:after{ content:''; display:block; background-color:#d9092b; width:26px;  height:2px; display:block; margin:auto;}
.floor_culture .pic_list ul li .txt p{white-space: pre-wrap;}
.floor_culture .slick_wrap{position: relative; background-position: center center;background-repeat: no-repeat;height: 440px;padding-top: 55px;overflow: hidden;}
.floor_culture .slick_wrap .data{max-width: 1200px;position: relative;margin: auto;z-index: 1;}
.floor_culture .slick_wrap li:hover{background: url("../images/qywh-ib.png") no-repeat center top;background-size: contain;}
.floor_culture .slick_wrap li{height: 336px;position: relative;padding: 0 2.91%;text-align: center;}
.floor_culture .slick_wrap li::after{content:"";display: block;background-clip: content-box; width: 34px;height: 34px;border-radius: 50%;position: absolute;top:73px;left: 0;right: 0;margin: auto;background-color: #fff;border: 7px solid rgba(255,255,255,0.26);}
.floor_culture .slick_wrap .tit{	font-size: 20px;font-weight: normal;color: #ffffff;padding-top: 130px;margin: 0;}
.floor_culture .slick_wrap .intro{display: none;	font-size: 16px;line-height: 24px;color: #fff;margin-top: 10px;margin-bottom: 0;}
.floor_culture .slick_wrap li:hover .intro{display: block;}
.floor_culture .slick_wrap li:hover::after{background-color: #d9092b;border: 7px solid rgba(217,9,43,0.32);}
.floor_culture .slick_wrap::after{content:"";display: block;position: absolute;height: 1px;opacity: 0.38;background-color: #fff;width: 100%;left: 0;top: 150px;}
.floor_culture .slick_wrap li:hover .tit{position: relative;padding-top: 160px;}
.floor_culture .slick_wrap li:hover .tit::after{content:"";display: block;	width: 33px;height: 2px;background-color: #d9092b;position: absolute;left: 0;right: 0; top:145px;margin: auto;}



.floor_history .info_list{ position:relative; padding:0 6.4% 5% 6.4%}
.floor_history .info_list .list{ background-color:#f9f9f9;}
.floor_history .info_list .list .pic{ float:left; width:28.572%;}
.floor_history .info_list .list .txt{ float:right; width:71.418%; padding:5%; line-height:30px;}
.floor_history .info_list .list .txt .h4{ line-height:50px; font-weight:bold; font-size:40px; padding-bottom:20px; color:#d9092b}
.floor_history .info_list .slick-arrow{ width:20px; height:40px; margin-top:-20px;}
.floor_history .info_list .slick-prev{ left:2%; background-image:url(../images/slick_prev3.png)}
.floor_history .info_list .slick-next{ right:2%; background-image:url(../images/slick_next3.png)}
.floor_history .info_list .slick-arrow:before{ display:none;}

.floor_history .year_list{ padding:0 7%; font-size:18px; text-align:center; position:relative}
.floor_history .year_list .list a{ cursor:pointer; padding:7px; color:#bcbcbc; position:relative; display:inline-block; line-height:50px;}
.floor_history .year_list .list a:before{ content:''; display:block; margin:auto; width:10px; height:10px; background-color:#dedede; border:solid 3px #fff; box-shadow:0 0 0 1px #dedede; border-radius:100px;}
.floor_history .year_list .list.slick-active a{ color:#666}
.floor_history .year_list .list.slick-current a{ font-size:26px; color:#d9092b; font-weight:bold;}
.floor_history .year_list .list.slick-current a:before{ background-color:#d9092b;box-shadow:0 0 0 1px #d9092b;}
.floor_history .year_list:before{ left:0; top:15px; content:''; position:absolute; width:100%; height:1px; background-color:#dedede}
.floor_history .year_list .slick-arrow{ top:14px; margin-top:0; width:30px; height:30px; background:#d9092b no-repeat center center; border-radius:100px;}
.floor_history .year_list .slick-arrow:before{ display:none;}
.floor_history .year_list .slick-prev{ left:2%; background-image:url(../images/slick_prev2_hover.png)}
.floor_history .year_list .slick-next{ right:2%; background-image:url(../images/slick_next2_hover.png)}
.floor_history .year_list .slick-prev.slick-disabled{ background-image:url(../images/slick_prev2.png)}
.floor_history .year_list .slick-next.slick-disabled{ background-image:url(../images/slick_next2.png)}
.floor_history .year_list .slick-disabled{ cursor:default; background-color:#e8e8e8}

.floor_honor{ padding:5% 0}
.floor_honor .title { text-align:center; font-size:18px; padding-bottom:3%;}
.floor_honor .title ul li { line-height:37px; display:inline-block; padding:0px 10px;}
.floor_honor .title ul li a{ cursor:pointer; position:relative;display:inline-block;}
.floor_honor .title ul li b{ font-weight:normal; padding:0px 50px;}
.floor_honor .pic_list{ background-color:#f9f9f9}
.floor_honor .pic_list .list{ position:relative; padding-left:50%}
.floor_honor .pic_list .pic{ left:0; width:50%; height:100%; position:absolute; background:url(../images/floor_honor_picbg.jpg) no-repeat center bottom;}
.floor_honor .pic_list .pic span{ display:block; text-align:center; position:absolute; width:100%; bottom:0; padding-bottom:100px;}
.floor_honor .pic_list .pic span img{ border:solid 10px #372f3e; width:230px;}
.floor_honor .pic_list .info{padding:3%; line-height:40px; min-height:510px;}
.floor_honor .pic_list .info .txt{ max-width:560px; margin:auto;}
.floor_honor .pic_list .info .txt .cont{max-height: 400px;overflow: auto;}
.floor_honor .pic_list .info .txt .cont *{ background:none!important}
.floor_honor .title{display: none;}
.floor_honor .txt .title{display: block;}
.floor_honor .txt .title ul li b{padding: 0 20px;}


.floor_welfare .column_title{ text-align:left; background-position:left bottom}
.floor_welfare .column_title:after{ display:inline-block}
.floor_welfare .article{ float:left; width:43%;}
.floor_welfare .article .txt{ padding:5% 0}
.floor_welfare .more a{ display:inline-block; text-align:center; color:#fff; line-height:50px; width:100%; max-width:200px; background-color:#d9092b}
.floor_welfare .more a:hover{ background-color:#231815}
.floor_welfare .pic_list{ float:right; width:50%;}
.floor_welfare .pic_list .pic{ padding:0px 30px;}
.floor_welfare .slick-arrow{ width:24px; height:24px; margin-top:-12px; background:no-repeat center center;}
.floor_welfare .slick-prev{ left:0; background-image:url(../images/slick_prev.png)}
.floor_welfare .slick-next{ right:0; background-image:url(../images/slick_next.png)}
.floor_welfare .slick-prev:before,
.floor_welfare .slick-next:before{ display:none;}
@media(max-width:1000px){
.floor_culture .pic_list ul li .txt{ font-size:14px;}
.floor_culture .pic_list ul li .txt h4{ font-size:18px; line-height:30px;}
}
@media(max-width:750px){
.floor_about .photo{ padding-top:5%}
.floor_about .pic_list ul li{ width:49%; margin-right:2%;}
.floor_about .pic_list ul li:nth-child(even){ margin-right:0}
.floor_about .pic_list ul li:last-child{ width:100%}
.floor_about .pic_list ul li img{ width:100%}

.floor_culture .pic_list ul li { float:none; width:100%; padding:5px 0; margin:0!important; clear:none!important}
.floor_culture .slick_wrap .tit{font-size: 16px;}
.floor_culture .slick_wrap .intro{font-size: 14px;}
.floor_history .info_list{ padding:5% 2%;}
.floor_history .info_list .list .pic,
.floor_history .info_list .list .txt{ float:none; width:100%;}
.floor_history .info_list .list .txt{ padding:3%;}
.floor_history .info_list .list .txt .h4{ font-size:30px;}
.floor_history .info_list .slick-arrow{ opacity:0}

.floor_honor .title ul li{ width:22%;}
.floor_honor .title ul li a{ display:block;}
.floor_honor .title ul li b{ padding:0}
.floor_honor .pic_list .list{ padding-left:0}
.floor_honor .title{display: block;}
.floor_honor .txt .title{display: none}
.floor_honor .pic_list .pic{ position:relative; width:100%;}
.floor_honor .pic_list .pic span{ position:relative;}
.floor_honor .pic_list .info{ min-height:inherit}
.floor_honor .pic_list .info .txt .cont{max-height: none;}
.floor_welfare .article,
.floor_welfare .pic_list{ float:none; width:100%}
.floor_welfare .article{ padding-bottom:4%;}
.floor_welfare .more { text-align:center}

}


.single{ line-height:32px;}

.edit_brandidea .fl,
.edit_brandidea .fr{ width:49.391%;}
.edit_brandidea .item{ position:relative;}
.edit_brandidea .info{}
.edit_brandidea .info .h4{ color:#333333; font-size:24px; line-height:60px; font-weight:bold;}
.edit_brandidea .info .h4:after{ content:''; display:block; width:26px; height:2px; background-color:#d9092b}
.edit_brandidea .info .txt{ padding:20px 0; line-height:30px;}

.edit_serviceidea .info{ width:44%; line-height:36px; font-size:18px; float:right;}
.edit_serviceidea .info .h3{ padding:3% 0; font-size:30px; color:#333333}
.edit_serviceidea .photo{ float:left; width:49%; text-align:right}
.edit_serviceidea .info .top {padding-bottom: 6%;}
.edit_serviceidea .info .bottom {padding-top: 6%;border-top: 1px solid #dedede;}
.edit_serviceidea .info .bottom .text {float: left;width: 48%;}
.edit_serviceidea .info .bottom .img {float: right;width: 49%;padding-top: 4%;}
.edit_serviceidea .info .bottom .text p::before {content: "";display: inline-block;vertical-align: top;width: 8px;height: 2px;background-color: #d9092b;margin: 6% 1% 0 0;}
.edit_service_assurance .fl,
.edit_service_assurance .fr{ width:49%; background-color:#f9f9f9; padding:4%;}
.edit_service_assurance .fr{ padding-bottom:1.5%}
.edit_service_assurance .h3{ color:#333333; font-size:24px; padding:10px 0}
.edit_service_assurance .h3 b{ font-size:50px; color:#d9092b}
.edit_service_assurance .info{ padding:2% 0;}
.edit_service_assurance .info table td{ border:solid 1px #dedede; padding:10px 0; background-color:#fff}
.edit_service_assurance .info table td.td_name{ color:#fff; background-color:#c42d46; width:140px; text-align:center; border-bottom-color:#e296a3}
.edit_service_assurance .info table td.td_txt{ padding:0 10%;}
.edit_service_assurance .info table td.td_txt span{ padding:0 15px; display:inline-block;}
.edit_service_assurance .info .ul_txt li{ line-height:26px; position:relative; padding:0 0 20px 65px;}
.edit_service_assurance .info .ul_txt li em{ left:0; top:8px; position:absolute; color:#fff; padding:0px 5px 0 9px; background-color:#c42d46; font-size:14px;}
.edit_service_assurance .info .ul_txt li em:before{ content:''; position:absolute; bottom:0; right:-25px; border:solid 13px transparent; border-left-color:#c42d46}

.edit_fwcx_tips .box{ border:solid 1px #dedede; padding:5%; margin-bottom:3%;}
.edit_fwcx_tips .box .info{ float:left; width:56%;}
.edit_fwcx_tips .box .info .h3{ padding:3% 0; font-size:30px; color:#d9092b}
.edit_fwcx_tips .box .photo{ float:right; width:41.744%;}

.edit_fwcx_item .box{ position:relative; display:table; width:100%;  margin-bottom:3%; padding:5% 0; background-color:#f9f9f9;}
.edit_fwcx_item .box:last-child{ margin-bottom:0}
.edit_fwcx_item .box .num,
.edit_fwcx_item .box .info{ display:table-cell;vertical-align:middle;}
.edit_fwcx_item .box .num{ line-height:50px; width:22%;  text-align:center; font-size:18px; border-right:solid 1px #dedede}
.edit_fwcx_item .box .num em{ display:block; font-style:normal; font-size:70px;}
.edit_fwcx_item .box .info{ padding:0 5%}
.edit_fwcx_item .box .info .txt{ font-size:14px; padding-top:3%}
.edit_fwcx_item .box .info b{ font-size:22px; color:#d9092b}
.edit_fwcx_item .load_cx { max-width:588px; position:relative; padding-right:130px}
.edit_fwcx_item .load_cx .text{ border:solid 1px #dedede; padding:0 10px; height:46px; background-color:#fff; width:100%;}
.edit_fwcx_item .load_cx a{ position:absolute; right:0; bottom:0; cursor:pointer; background-color:#d9092b; color:#fff; display:inline-block; text-align:center; width:120px; line-height:46px;}

.edit_install_1 { padding:0 2%}
.edit_install_1 .article{ padding-top:1%; padding-bottom:3%}
.edit_install_1 .ul_txt li{ float:left; width:33.333%; text-align:center;}
.edit_install_1 .ul_txt li .icon{ position:relative; display:inline-block; border:solid 1px #dedede; border-radius:100px; padding:8.502%; margin-bottom:15px;}
.edit_install_1 .ul_txt li .icon:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; border:solid 1px #c1272d; border-radius:100px; clip: rect(0, 50px, 50px, 0px); transition: all 0.3s ease;}
.edit_install_1 .ul_txt li .icon img{transition:all 1s ease;}
.edit_install_1 .ul_txt li h4{ height:96px; max-width:310px; margin:auto;}
.edit_install_1 .ul_txt li:hover .icon img{transform:rotate(360deg);}
.edit_install_1 .ul_txt li:hover .icon:before{clip: rect(0, 200px, 200px, 0px);}
.edit_install_2{ padding:2%; background-color:#f9f9f9}
.edit_install_2 .list{ padding:0px 5%; position:relative}
.edit_install_2 .list ul{ position:relative}
.edit_install_2 .list ul:before{ content:''; position:absolute; left:1.5%; top:50%; margin-top:-10px; width:97%; height:20px; background-color:#edebeb}
.edit_install_2 .list ul li{position:relative; z-index:100; padding:1.5%; width:25%; text-align:center}
.edit_install_2 .list ul li a{  font-size:18px; display:block; padding:13% 0; color:#fff;}
.edit_install_2 .list ul li:nth-child(odd) a{ background-color:#9e8779}
.edit_install_2 .list ul li:nth-child(even) a{ background-color:#7f7373}

.edit_install_2 .list:nth-child(odd) ul li{ float:left; background:url(../images/jt_r.png) no-repeat right center}
.edit_install_2 .list:nth-child(even) ul li{ float:right; background:url(../images/jt_l.png) no-repeat right center}
.edit_install_2 .list:nth-child(odd) ul li:last-child,
.edit_install_2 .list:nth-child(even) ul li:first-child{ background:none!important}

.edit_install_2 .list:nth-child(odd):after,
.edit_install_2 .list:nth-child(even):before{ content:''; position:absolute; width:10%; height:140%; top:30%;}
.edit_install_2 .list:nth-child(odd):after{ right:0; background:url(../images/jt_r_x.jpg) no-repeat right; background-size:contain;}
.edit_install_2 .list:nth-child(even):before{ left:0; background:url(../images/jt_l_x.jpg) no-repeat left;background-size:contain;}
.edit_install_2 .list:last-child:after{ background:none;}

.edit_install_3{padding:2% 2% 0 2%;}
.edit_install_3 video{ width:100%}
@media(max-width:1000px){
.edit_install_2 .list ul li a{ font-size:15px;}

.edit_serviceidea .info .bottom .text,
.edit_serviceidea .info .bottom .img {
	float: none;
	width: 100%;
}
.edit_serviceidea .info .bottom {
	padding: 6% 0;
}

}
@media(max-width:750px){

.edit_brandidea .fl,
.edit_brandidea .fr{ width:100%; float:none}
.edit_brandidea .fr .item{padding-top:2.48%;}
.edit_brandidea .info .h4{ font-size:18px; line-height:40px;}
.edit_brandidea .info .txt{ padding:10px 0; line-height:22px;}

.edit_serviceidea .photo,
.edit_serviceidea .info{ width:100%; float:none}
.edit_serviceidea .info .h3{ font-size:20px; display:none}
.edit_serviceidea .info{ font-size:14px;}
.edit_service_assurance .fl,
.edit_service_assurance .fr{ width:100%; float:none; margin-bottom:3%; padding:2%}
.edit_service_assurance .h3{ font-size:20px;}
.edit_service_assurance .h3 b{ font-size:30px;}
.edit_service_assurance .info table td.td_name{ width:70px}
.edit_service_assurance .info table td.td_txt{ padding:0 2%}
.edit_service_assurance .info table td.td_txt span{ padding:0px 8px;}


.edit_fwcx_tips .box{ padding:3%}
.edit_fwcx_tips .box .info,
.edit_fwcx_tips .box .photo{ width:100%; float:none}
.edit_fwcx_tips .txt{ padding-bottom:3%}
.edit_fwcx_tips .box .info .h3{ font-size:16px;}

.edit_fwcx_item .box .num{ line-height:40px; font-size:16px; width:20%}
.edit_fwcx_item .box .num em{ font-size:30px}
.edit_fwcx_item .box .info b{ font-size:18px;}
.edit_fwcx_item .load_cx { padding-right:90px;}
.edit_fwcx_item .load_cx .text{ height:36px;}
.edit_fwcx_item .load_cx a{ line-height:36px; width:82px;}

.edit_install_2 .list{ padding:0}
.edit_install_2 .list ul li{ text-align:left; width:50%; float:none; background:none!important}
.edit_install_2 .list ul li a{ padding:4%}
.edit_install_2 .list ul li:nth-child(odd){ clear:both;}
.edit_install_2 .list:nth-child(odd):after,
.edit_install_2 .list:nth-child(even):before{ display:none}
}
@media(max-width:640px){
.edit_install_1 .ul_txt li{ width:50%; padding:4% 2%}
.edit_install_1 .ul_txt li:nth-child(2n+1){ clear:both}
.edit_install_1 .ul_txt li h4{ height:auto}
.edit_install_1 .ul_txt li .icon{ padding:2%}


}

.info-article{ padding-bottom:3%; border-bottom:solid 1px #dedede;}
.info-article .title{ text-align:center; padding:3%; background:#f9f9f9}
.info-article .title h3{ padding-bottom:2%; font-size:28px; line-height:30px;  color:#333333}
.info-article .title .other{ color:#999999; }
.info-article .title .other time{ display:inline-block; padding:0px 30px;background:url(../images/info_icon_time.png) no-repeat left center}
.info-article .title .other span{display:inline-block;  padding-left:30px; background:url(../images/info_icon_hits.png) no-repeat left center}
.info-article .article{ padding-top:3%; line-height:30px;}
.info-article .video{ text-align:center; padding-top:3%}
.info-article .video video{ max-width:100%; height:auto!important}
.info-other{ line-height:40px; padding:3% 120px 0 0 ; position:relative;}
.info-other span{ display:block;}
.info-other span.back{ position:absolute; right:0;}
@media(max-width:750px){
.info-article .title h3{ font-size:18px;}
.info-other{ line-height:30px; padding-right:80px;}
}

.info-product { padding-bottom:3%}
.info-product .photo{ float:left; width:57%}

.info-product .photo .large{ float:left; width:74.884%; cursor: pointer;}
.info-product .photo .large .slick-dots{ display:block!important;}
.info-product .photo .slick-prev,
.info-product .photo .slick-next{ top:50%; height:100%; z-index:100; display:block!important;  }
.info-product .photo .slick-prev{ left:20px;}
.info-product .photo .slick-next{ right:20px;}

.info-product .photo .small{ float:right; width:24.1%; cursor: pointer;}
.info-product .photo .small .slick-prev,
.info-product .photo .small .slick-next{ display:none!important}
.info-product .photo .small ul li{ padding:0 0 24px 16px; position:relative;}
.info-product .photo .small ul li span{ display:block; border:solid 2px #fff}
.info-product .photo .small ul li:hover span{ border-color:#d9092b;}
.info-product .photo .small ul li:hover span:before{ content:''; left:0; z-index:100; position:absolute; top:50%; margin-top:-2px; border:solid 8px transparent; border-right-color:#d9092b}

.info-product .info{ float:right; width:40%; border-bottom:solid 1px #dedede; position:relative}
.info-product .info h3{ font-size:32px; padding:0% 0; color:#000000; line-height:normal;}
.info-product .info .txt{ padding:3% 0 3% 0; border-top:solid 1px #dedede;}
.info-product .info .txt li{ padding:12px 0}
.info-product .info .buy_pic{ position:absolute; right:0; bottom:-1px; padding:5px; width:110px; border:solid 1px #dedede; border-radius:4px 4px 0 0;}
.info-product .info .buy_pic span{ display:block; }
.info-product .info .buy_pic img{width:100%;}
.info-product .info .buy_pic b{ display:block; text-align:center; padding-top:10px;font-weight:normal;}
.info-product .info .contact{color:#fff; background-color:#d9092b;padding:1.54% 6.2%; font-size:18px; }


.info-product-details{ background-color:#f9f9f9; padding-top:5%}
.info-product-details .tab{ background-color:#efefef}
.info-product-details .tab a{ display:inline-block; padding:1.54% 6.2%; font-size:18px; cursor:pointer;}
.info-product-details .tab .show{ color:#fff; background-color:#d9092b}
.info-product-details .article{ padding-top:5%;}
.info-product-details .article .photo{ padding-bottom:2%;}
.info-product-details .table table td{ padding:1.5% 2%; text-align:center; border:solid 1px #dedede}
.info-product-details .table table tr td:nth-child(odd){ background-color:#efefef}

.info-product-details .show360 { padding-top:3%}
.info-product-details .show360 iframe{ width:100%; height:750px;}
@media(max-width:750px){
.info-product .photo{ float:none; width:100%}
.info-product .photo .large{ float:none; width:100%; position:relative}
.info-product .photo .small{ display:none;}
.info-product .info{ float:none; width:100%;}
.info-product .info h3{ font-size:20px; padding:5% 0}
.info-product .info .txt li{ padding:5px 0}
.info-product-details .table table tr td{ float:left; display:block;}
.info-product-details .table table tr td:nth-child(odd){ width:30%}
.info-product-details .table table tr td:nth-child(even){ width:70%}

.info-product .photo .large .slick-dots{ display:block!important}
.info-product .photo .slick-prev,
.info-product .photo .slick-next{ display:block!important; top:50%}
.info-product .photo .slick-prev:before,
.info-product .photo .slick-next:before{ font-size:30px;}
.info-product .photo .slick-prev{ left:2%}
.info-product .photo .slick-next{ right:4%;}
.info-product-details .show360 iframe{ height:300px;}
}

.Pages{ text-align:center; padding-top:4.9%}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page .a_first,
.Pages .p_page .a_end{ display:none}
.Pages .p_page em{ font-style:normal;}
.Pages .p_page a{ display:inline-block; padding:1% 1.5%; border:solid 1px #dddddd}
.Pages .p_page a.a_cur{ color:#fff; background-color:#d9092b; border-color:#d9092b;}

.news_list ul li { margin-bottom:2.4%}
.news_list ul li:last-child{ margin-bottom:0}
.news_list ul li a{ display:block; position:relative; background-color:#f9f9f9;}
.news_list ul li a:before{ content:''; position:absolute; right:15%; top:20%; width:1px; height:60%; background-color:#dedede}
.news_list ul li .pic{ position:absolute; width:24.086%; height:100%; overflow:hidden;}
.news_list ul li .pic span{ display:block; width:100%; height:100%; position:absolute; background:no-repeat center center;background-size: contain;}
.news_list ul li .pic img{ display:none;}
.news_list ul li .info{ padding:2.4395% 18% 2.4395% 26%; position:relative;}
.news_list ul li .info h4{ font-size:24px; padding:2.178% 0}
.news_list ul li .info p{ line-height:30px; height:60px; margin:26px 0; color:#666666;}
.news_list ul li .info dl{ position:relative; padding-left:55px; color:#000}
.news_list ul li .info dl:before{ content:''; left:0; top:50%; position:absolute; width:40px; height:1px; background-color:#b7b7b7;}
.news_list ul li .info dl:after{ content:''; left:0; top:50%; position:absolute; width:10px; height:1px; background-color:#231815;transition:all 0.3s ease;}
.news_list ul li .info time{ line-height:50px; position:absolute; width:15%; right:0; top:50%; margin-top:-60px; display:block; text-align:center}
.news_list ul li .info time b{  line-height:70px; display:block; font-size:54px; font-weight:normal;}
.news_list ul li .info time b:after{ content:''; width:30px; height:2px; display:block; margin:auto; background-color:#d9092b;}
.news_list ul li a:hover{box-shadow:0 0 5px #eee}
.news_list ul li a:hover .info dl:after{ width:40px;}
@media(max-width:960px){
.news_list ul li .info h4{ font-size:18px;}
.news_list ul li .info p{ margin:10px 0;}
.news_list ul li .info time b{ font-size:30px;}
}
@media(max-width:640px){
.news_list ul li .pic{ position:relative; width:100%;}
.news_list ul li .pic span{ position:relative; background:none!important}
.news_list ul li .pic img{ display:block; width:100%;}
.news_list ul li .info{ padding-left:2.4395%}
.news_list ul li .info p{ margin:0; height:auto; line-height:22px; padding-bottom:2%}
.news_list ul li .info time{ width:17%}
.news_list ul li a:before{ right:17%}
.news_list ul li a:before{ top:0; height:100%;}
}

.video_list ul li{ float:left; width:31.22%; margin-right:3.17%; margin-bottom:3%}
.video_list ul li a{ display:block; position:relative;}
.video_list ul li .pic{ position:relative; overflow:hidden;}
.video_list ul li .pic span{ display:block;padding-bottom:56.25%;width:100%;background:no-repeat center center;background-size:cover;}
.video_list ul li .pic i{position:absolute; width:100%; height:100%;transition: all 0.3s ease; background:rgba(0%,0%,0%,0.3);position: absolute;top:0;left: 0;}
.video_list ul li .pic i:before{ content:''; position:absolute; width:24px; height:24px; padding:5%; left:50%; top:50%; margin-left:-7%; margin-top:-10%; border:solid 3px #fff; border-radius:100px; background:url(../images/icon_video.png) no-repeat center center; }
.video_list ul li img{ display:none;}
.video_list ul li h4{ line-height:50px; text-align:center; font-size:16px;}
.video_list ul li h4::before,
.video_list ul li h4::after{position:absolute;bottom:0;display:block;content:"";}
.video_list ul li h4::before{ left:0;width:0%; height:2px; background:#e0a87e;transition:all 0.5s ease;}
.video_list ul li h4::after{ right:0; width:100%; height:1px; background:#dedede;transition:all 0.3s ease;}
.video_list ul li a:hover .pic i{opacity: 1;}
.video_list ul li a:hover h4::before{width:100%;}
.video_list ul li a:hover h4::after{width:0;}
.video_list ul li:nth-child(3n+3){ margin-right:0}
@media(max-width:750px){
.video_list ul li{ width:49%; margin-right:2%!important;}
.video_list ul li:nth-child(2n+2){ margin-right:0!important}
}

.product_list ul li{ float:left; width:24.086%; margin-right:1.218%; margin-bottom:3%}
.product_list ul li a{ display:block; position:relative;}
.product_list ul li .pic{ position:relative;}
.product_list ul li .pic span{ display:block; padding-bottom:113.3%; width:100%;  background:no-repeat center center;background-size:cover;}
.product_list ul li .pic span.show{position:absolute; width:100%; height:100%;opacity: 0;transition: all 0.3s ease; background: #000;position: absolute;top:0;left: 0;padding-bottom:0; background-size:contain;}
.product_list ul li img{ display:none;}
.product_list ul li h4{ line-height:50px; text-align:center; font-size:16px;}
.product_list ul li h4::before,
.product_list ul li h4::after{position:absolute;bottom:0;display:block;content:"";}
.product_list ul li h4::before{ left:0;width:0%; height:2px; background:#e0a87e;transition:all 0.5s ease;}
.product_list ul li h4::after{ right:0; width:100%; height:1px; background:#dedede;transition:all 0.3s ease;}
.product_list ul li a:hover .pic span.show{opacity: 1;}
.product_list ul li a:hover h4::before{width:100%;}
.product_list ul li a:hover h4::after{width:0;}
.product_list ul li:nth-child(4n+4){ margin-right:0}

.product_list ul li dl{  line-height:50px; color:#000}

.product_list ul li time{padding:0px 0 20px 0; display:block; text-align:left; color:#999999; font-size:14px;}


.product_list ul li a:hover{box-shadow:0 0 5px #fff}
.product_list ul li a:hover .info dl:after{ width:40px;}



@media(max-width:750px){
.product_list ul li{ width:49%; margin-right:2%;}
.product_list ul li:nth-child(2n+2){ margin-right:0}
.product_list ul li h4{ font-size:14px;}
.product_filter dl dt{ font-size:15px;}
}
@media(max-width:480px){
    .product_list ul li{ width:100%; margin-right:0;}
}

.product_filter{ padding-bottom:3.6%}
.product_filter dl{ line-height:40px; position:relative;border-bottom:solid 1px #ebebeb;background-color:#f9f9f9;}
.product_filter dl dt{ padding:15px 0; left:0; top:0; position:absolute; width:150px; height:100%; text-align:center; background-color:#f3f3f3;}
.product_filter dl dt b{ font-weight:normal;}
.product_filter dl dd{ padding:20px 15px 20px 180px;}
.product_filter dl dd span{ display:inline-block; padding:0 20px;}
.product_filter dl dd span a{ white-space:nowrap; cursor:pointer; display:inline-block}
.product_filter dl dd span.on a{ color:#d9092b}
.product_filter dl:last-child{ border-bottom:none}
@media(min-width:750px){
.product_filter dl dd{ display:block!important}
}
@media(max-width:750px){
.product_filter dl{ width:24%; line-height:30px; margin:0 0.5%; float:left; background:none; border-bottom:none;}
.product_filter dl dt{ position:relative; width:100%; height:auto; padding:0; border-radius:6px;}
.product_filter dl dt i{ display:block; position:absolute; width:100%; height:100%;}
.product_filter dl dd{ z-index:100; font-size:14px; display:none; position:absolute; padding:2%; min-width:100%;background:#f9f9f9; border-radius:0 0 6px 6px;box-shadow:0 0 5px #eee}
.product_filter dl dd span{ display:block;}
}

.network_title{ padding-bottom:3%; font-size:22px; color:#333333}
.network_list{ position:relative; background-color:#f9f9f9}
.network_list .info{ width:25.342%; padding:5% 2%;}
.network_list .info .search{ height:386px;}
.network_list .info select{ font-size:16px; padding:0 10px; width:100%; border:solid 1px #dedede; line-height:48px;height:48px; background-color: transparent; margin-bottom:4%;-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/select_icon.png) no-repeat 95% center}
.network_list .info .btn{ padding:2% 0}
.network_list .info .btn a{ color:#fff; background-color:#d9092b; display:block; line-height:48px; text-align:center; font-size:18px;}
.network_list .info .list{ min-height:200px;}
.network_list .info ul li{ padding:4% 0}
.network_list .info ul li h4{ font-size:18px; color:#333333; padding-bottom:2%;}
.network_list .info ul li p{ padding:8px 0; color:#999999}
.network_list .map{ position:absolute; right:0; top:0; width:75%; height:100%;}
.network_list .map img{ max-width:none}
@media(max-width:960px){
.network_title{ font-size:16px;}
.network_list .info{ float:none; width:100%; padding:2%;}
.network_list .info .search{ padding-bottom:5%; height:auto}
.network_list .info .list{ min-height:inherit}
.network_list .map{ position:relative; width:100%; height:400px;}
}

.message_form{ line-height:48px; padding:3%; background-color:#f9f9f9; max-width:1400px; margin:auto}
.message_form form{ max-width:1140px; margin:auto}
.message_form .item{ display:inline-block; width:43.86%;}
.message_form .item:nth-child(odd){ float:left;}
.message_form .item:nth-child(even){ float:right;}
.message_form .item.long{ float:none!important; width:100%}
.message_form select{  border:solid 1px #dedede; width:100%; line-height:48px;padding:0px 10px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(../images/select_icon.png) no-repeat 95% center}
.message_form .area select{ float:left; width:32%; display:block!important; }
.message_form .area select:nth-child(3){ margin:0 2%}
.message_form .buy .fl,
.message_form .buy .fr{ width:48%; position:relative; padding-left:105px;}
.message_form .buy .font{ position:absolute; width:102px; text-align:right; left:0}
.message_form .buy .fr input{ left:10px;}
.message_form input[type='radio']{ position:absolute; left:0; top:16px; vertical-align: middle;-webkit-appearance: none; width:16px; height:16px; background-color:#fff; border:solid 3px #fff; border-radius:100px; box-shadow: 0 0 0 1px #dedede;}
.message_form input[type="radio"]:checked{ box-shadow: 0 0 0 1px #d9092b; background-color:#d9092b;}
.message_form .name{ padding-top:10px; position:relative}
.message_form .name span{ position:absolute; right:0; color:#d9092b}
.message_form .text{ width:100%; border:solid 1px #dedede; background-color:#fff; padding:0 10px; line-height:48px; height:48px;}
.message_form textarea.text{ height:150px;}
.message_form .showkey{ width:120px; border:solid 1px #dedede; background-color:#fff; padding:0 10px; line-height:48px; height:48px;}
.message_form .showkeyimg{ width:120px; border:solid 1px #fff; margin:0 10px; line-height:48px; height:48px;}
.message_form .tips{white-space: pre-wrap; font-size:14px; color:#bbbbbb; line-height:24px;}
.message_form .queueList{ margin:0; border:none;}
.message_form .placeholder{ padding-top:0; min-height:inherit; text-align:left}
.message_form .placeholder .webuploader-pick{ border:solid 1px #dedede; padding-top:100px; padding-bottom:10px; font-size:16px; background:url(../images/webuploader.png) no-repeat center 30px; color:#bbbbbb;box-shadow:none;border-radius:0px;}
.message_form .placeholder .webuploader-pick-hover{ background-color:#d9092b}
.message_form .placeholder .txt{ display:none;}
.message_form .btn_box { padding:3% 0}
.message_form .btn_box .btn{ cursor:pointer; border:none; color:#fff; font-size:18px; background-color:#d9092b; width:100%; max-width:200px; height:50px;}
@media(max-width:960px){
.message_form .item{ display:block; width:100%; float:none!important}
}
@media(max-width:640px){
.message_form .buy .fl,
.message_form .buy .fr{ width:100%; float:none; padding-bottom:12px;}
.message_form .buy .fr input{ left:0}
.message_form input[type='radio']{ top:10px;}
.message_form{ line-height:36px;}
.message_form select{ line-height:36px;}
.message_form .text{ line-height:36px; height:36px;}
.message_form .showkey{ line-height:36px; height:36px;}
.message_form .showkeyimg{ line-height:36px; height:36px;}
.message_form select{ font-size:14px;}
.message_form .name{ padding-top:2px;}
.message_form .btn_box .btn{ height:38px; font-size:16px;}
}

.knowledge_item .name{ padding-bottom:5%;text-align:center; font-size:30px; color:#000; line-height:40px;}
.knowledge_item .item{ background:url(../images/dot.png) repeat-x left top}
.knowledge_item .item .list{ padding:1% 0; background:url(../images/dot.png) repeat-x left bottom; }
.knowledge_item .item .list .title{ cursor:pointer; position:relative; padding:0.6% 0 0.6% 80px;}
.knowledge_item .item .list .title i{ left:0; font-size:26px; display:block; font-style:normal; position:absolute; width:60px; text-align:right; color:#d9092b}
.knowledge_item .item .list .info{ display:none; padding:0 0 3% 80px; line-height:40px;}
.knowledge_item .tips{ padding-top:3%}
.knowledge_item .tips .name{ font-size:26px;}
.knowledge_item .tips .box{ border:solid 1px #e60012; border-radius:10px; position:relative; float:left; width:27.2%;}
.knowledge_item .tips .box ul{ padding:8% 10%;}
.knowledge_item .tips .box .h3{ line-height:30px; position:absolute; left:0; font-size:24px; color:#333333; width:100%; text-align:center; top:-15px;}
.knowledge_item .tips .box .h3 span{ padding:0 20px; background-color:#fff;}
.knowledge_item .tips .box:nth-child(2){ margin:0 9.2%;}
.knowledge_item .tips .box ul li{ padding:4% 0;}
@media(max-width:750px){
.knowledge_item .tips .box{ float:none; width:100%; height:auto!important}
.knowledge_item .tips .box:nth-child(2){ margin:5% 0;}
.knowledge_item .tips .box ul{ padding:4%;}
.knowledge_item .tips .box ul li{ padding:2% 0;}
.knowledge_item .name{ font-size:20px;}
.knowledge_item .tips .name{ font-size:18px;}
.knowledge_item .tips .box .h3{ font-size:16px;}
}

.questions_search { padding-top:1.8%; padding-bottom:3%}
.questions_search .column{ float:left; font-size:30px; color:#555555;}
.questions_search .search{ float:right; width:100%; max-width:500px; padding-right:100px; position:relative;}
.questions_search .search .text{ width:100%; height:50px; background-color:#f9f9f9; padding:0px 10px; border:none; color:#999999}
.questions_search .search a{ cursor:pointer; display:block; width:100px; line-height:50px; position:absolute; right:0; top:0; color:#fff; background:#d9092b url(../images/select_icon2.png) no-repeat 21px; text-indent:46px;}
.questions_search .search a:hover{ background-color:#231815}

.questions_list .list{ padding:0px 0px 0px 80px;}
.questions_list .title,
.questions_list .info{ background-color:#f9f9f9; padding:18px 5%; position:relative;}
.questions_list .info{ margin-top:10px; margin-bottom:50px; line-height:30px;}
.questions_list .title:before,
.questions_list .info:before{ display:block; position:absolute; left:-80px; top:0; width:60px; line-height:60px; text-align:center; color:#fff; font-size:26px;}
.questions_list .title:before{content:'Q'; background-color:#d9092b}
.questions_list .info:before{content:'A'; background-color:#43b561}
.questions_list .txt{ height:90px; overflow:hidden;}
.questions_list .copy_txt{ display:none;}
.questions_list .more{ text-align:center; padding:2% 0;}
.questions_list .more a{ position:relative; display:inline-block; cursor:pointer; padding-right:23px;}
.questions_list .more a:after{ content:''; position:absolute; right:0; width:20px; height:30px;transition:all 1s ease; background:url(../images/icon_faq.png) no-repeat center center}
.questions_list .more a.on:after{transform:rotate(180deg);}
@media(max-width:750px){
.questions_search .column{ display:none;}
.questions_search .search{ float:none; max-width:100%}
.questions_list .list{ padding-left:50px;}
.questions_list .title:before,
.questions_list .info:before{ left:-50px; width:40px; line-height:40px; font-size:20px;}
.questions_list .title,
.questions_list .info{padding:8px 2%;}
.questions_list .info{ margin-bottom:3%}
.edit_serviceidea .info .bottom .text p::before {margin-top: 18px;}
}

.site_map ul li{ padding:1% 0; background:url(../images/dot.png) repeat-x left bottom}
.site_map ul li span{ padding-right:12px;}
.site_map ul li span a{ white-space:nowrap; display:inline-block;}

.search_list ul li{padding:1% 0; background:url(../images/dot.png) repeat-x left bottom}
.search_list ul li time{ float:right; color:#999}

.link_list{ overflow:hidden;}
.link_list ul{ top:-1px; left:-1px; position:relative;}
.link_list ul li{ float:left; width:20%;}
.link_list ul li a{ display:block; position:relative; padding:4.27% 4.27%; text-align:center; overflow:hidden}
.link_list ul li a h4{ color:#666; font-size:14px; text-align:center; bottom:-80px; position:absolute; width:100%;transition: all 0.3s ease; display:none}
.link_list ul li a:hover h4{ bottom:0;}
.link_list ul li .box{ padding:15% 10%; position:relative}
.link_list ul li .box:before{ content:''; display:block; position:absolute; left:0; width:1px; height:100%; bottom:0; background-color:#dedede}
.link_list ul li .pic{ overflow:hidden;}

@media(min-width:960px){
.link_list ul li:nth-child(5n+1):before{ content:''; display:block; position:absolute; width:100%; height:1px; left:0;background-color:#dedede}
.link_list ul li:nth-child(5n+1):before{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dedede+25,dedede+50,dedede+75,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 25%, rgba(222,222,222,1) 50%, rgba(222,222,222,1) 75%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(222,222,222,1) 25%,rgba(222,222,222,1) 50%,rgba(222,222,222,1) 75%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(222,222,222,1) 25%,rgba(222,222,222,1) 50%,rgba(222,222,222,1) 75%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.link_list ul li:nth-child(1) .box:before,
.link_list ul li:nth-child(2) .box:before,
.link_list ul li:nth-child(3) .box:before,
.link_list ul li:nth-child(4) .box:before,
.link_list ul li:nth-child(5) .box:before{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dedede+50 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(222,222,222,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(222,222,222,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */}
.link_list ul li:nth-child(11) .box:before,
.link_list ul li:nth-child(12) .box:before,
.link_list ul li:nth-child(13) .box:before,
.link_list ul li:nth-child(14) .box:before,
.link_list ul li:nth-child(15) .box:before{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dedede+50,ffffff+100 */
background: rgb(222,222,222); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,222,222,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(222,222,222,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
}
@media(max-width:960px){
.link_list ul li{ width:33.333%}
.link_list ul li:nth-child(3n+1):before{ content:''; display:block; position:absolute; width:100%; height:1px; left:0;background-color:#dedede}
}




.about-us-box{}

.Recruitment-list > dl.type{background: #d9092b; color: #fff;font-size: 18px;line-height: 60px;}
.Recruitment-list dl.type{padding-left: 18.333%;}
.Recruitment-list dl.type dt span:nth-child(1){width: 27%;}
.Recruitment-list dl.type dt span:nth-child(4){width: 33%;padding-left: 13%;position: relative;}
.Recruitment-list dl.type dt span:nth-child(3){width: 20%;text-align: center;}
.Recruitment-list .list dl.type{background: #f1f1f1;}
.Recruitment-list .type dt{display: table;width: 100%; table-layout: fixed;}
.Recruitment-list .list dl.type dt{min-height: 60px;}
.Recruitment-list .type dt span{display: table-cell; vertical-align: middle;}
.Recruitment-list .list dl.type dt span{line-height: 24px;}
.Recruitment-list .type i.icon{width: 20px;height: 20px;background: url(../images/slick_next2.png);position: absolute;top: 20px;right: 50px;cursor: pointer;}
.Recruitment-list .type.on i.icon{background-image: url(../images/slick_next4.png);}

.Recruitment-list .list{padding-bottom: 10px;font-size: 16px;}
.Recruitment-list .list .box{padding: 0 18.333% 50px;background: #f9f9f9;display: none;}
.Recruitment-list .list .tit{line-height: 70px;margin:0; padding-top: 26px; font-size: 22px;color: #333333;font-weight: 100;}
.Recruitment-list .list .info{color: #666666;line-height: 32px;}
.Recruitment-list .contact{position: relative;padding-right: 150px;min-height: 100px;max-width: 950px;}
.Recruitment-list .contact .code{position: absolute; right: 0; bottom: 0; width: 100px;height: 100px;}
.Recruitment-list .contact li{line-height: 32px;}
.Recruitment-list .apply{padding-top: 50px;margin-top: 42px; border-top: 1px solid #dedede;}
.Recruitment-list .apply a{width: 210px;display: block; height: 50px;line-height: 50px;background: #d9092b;color: #FFFFFF;text-align: center;}
@media(min-width:1025px){
.Recruitment-list .contact li{float: left;width: 50%;}
.Recruitment-list .contact li:nth-child(2n+1){clear: left;}
}
@media(max-width:1440px){
.Recruitment-list dl.type{padding-left: 5%;}
.Recruitment-list .list .box{padding: 0 5% 50px;}
}
@media(max-width:1024px){
.Recruitment-list dl.type dt span:nth-child(4){padding-left: 0;}
}
@media(max-width:640px){
.Recruitment-list dl.type dt span:nth-child(4){font-size: 0; width: 80px;}
.Recruitment-list .type i.icon{right:auto; left: 50%; top: 50%; margin: -10px 0 0 -10px;}
}
@media(max-width:480px){
.Recruitment-list .list{font-size: 14px;}
.Recruitment-list > dl.type{font-size: 16px; line-height: 50px;}
.Recruitment-list dl.type dt span:nth-child(1){width: 30%;}
}

.apply-fixed{position: fixed; top: 0; width: 100%; background: rgba(0,0,0,0.5);z-index: 200;height: 100%; left: -100%; opacity: 0; transition:opacity  0.3s;}
.apply-fixed.show{ left: 0; opacity: 1;}
.apply-fixed .ytable{display: table; height: 100%; width: 100%;}
.apply-fixed .ytable-cell{ display: table-cell; vertical-align: middle;}
.apply-fixed .inner{background: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.5);padding: 30px; width: 95%; max-width: 500px; margin: 0 auto;border-radius: 5px;position: relative;}
.apply-fixed .inner .close{position: absolute; content: ''; width: 20px; height: 20px; right: 5px; top: 5px; z-index: 10; cursor: pointer;}
.apply-fixed .inner .close:before,
.apply-fixed .inner .close:after{position: absolute; content: ''; width: 100%; height: 2px; background: #d9092b; left: 0; top: 50%;margin-top: -1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.apply-fixed .inner .close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.apply-fixed .inner ol{text-align: center;padding-left: 0;}
.apply-fixed .inner ol .btn{width: 70%;max-width:  210px;height: 50px;background: #d9092b;font-size: 16px;color: #fff;border: 0;cursor: pointer;}
.apply-fixed .inner li{margin-bottom: 10px;position: relative; line-height: 36px;}
.apply-fixed .inner li .text{height: 36px; line-height: 36px; border: 1px solid #eee;padding: 0 10px;width: 100%;}
.apply-fixed .inner li label{position: absolute; left: 10px; top: 0;color: #999;}
.apply-fixed .inner li b{color: #d9092b;}
.apply-fixed .queueList{margin: 0;border-width: 1px;}
.apply-fixed .placeholder{padding-top: 20px;font-size: 14px;line-height: normal;}
.apply-fixed .placeholder .webuploader-pick{background: #333;}
.apply-fixed .queueList.filled{padding: 0;}


.about-us-list{padding-top: 80px;}
.about-us-list ul.ul li{padding: 78px 40px 40px;border: 1px solid #dedede; width: 30%;margin-right: 5%;position: relative;float: left;}
.about-us-list ul.ul li:nth-child(3n){margin-right: 0;}
.about-us-list ul.ul li h2{width: 180px;height: 80px; margin: 0; position: absolute; text-align: center; font-weight: 100; line-height: 80px; font-size: 28px;color: #d9092b; background: #FFFFFF; top:0px;left: 50%;-webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.about-us-list ul.ul li h2::after{width: 30px;height: 4px;position: absolute;content: "";background: #d9092b; bottom: 0;left: 50%;-webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.about-us-list ul.ul li figure{padding-bottom: 51%;background: no-repeat center ;background-size: cover;}
.about-us-list ul.ul li .info{line-height: 30px;color: #666666;font-size: 16px;margin-top: 24px;height: 60px;overflow: hidden;}


@media(max-width:768px){
.about-us-list ul.ul li{width: 100%;margin-bottom: 40px;padding: 50px 20px 20px;}
}
	

.contact-us {}
.contact-us .contact-det{padding:0 190px 50px;overflow: hidden; }
.contact-us .contact-det h1{line-height: 50px;font-size: 30px;text-align: center;color: #d9092b;font-weight: 100;margin:0 0 70px;}
.contact-us .contact-det ul li{width:50%;float: left;line-height: 30px;margin-top:20px ;}
.contact-us .contact-det ul li i{width: 30px;height: 30px;display: block;background: no-repeat center; float: left;margin-right: 14px;}
.contact-us .contact-det ul li span{display: inline-block;line-height: 30px;}


.contact-us .map-box{padding: 20px;border: 1px solid #f2f2f2; }
.contact-us .map-box .map{height:560px;}



@media(max-width:768px){
	.contact-us .contact-det h1{margin: 20px 0 ;}
	.contact-us .contact-det ul li{padding: 0 20px ;}
	.contact-us .contact-det{padding: 0 0 40px;}
	.contact-us .contact-det ul li{width: 100%;}
	.contact-us .map-box{padding: 10px;}
	.contact-us .map-box .map{height: 300px;}
}


.Partner{padding-top: 90px;}
.Partner ul li{width: 20%;float: left;border-top: 1px solid #dedede;border-right: 1px solid #dedede;position: relative;}
.Partner ul li figure{padding-bottom: 50%;background: no-repeat center;}
.Partner ul li:nth-last-child(-n+5){
	border-right:1px transparent solid;
	border-image: -webkit-linear-gradient(#dedede, #ffffff) 20 20;
	border-image: -moz-linear-gradient(#dedede, #ffffff) 20 20;
	border-image: -o-linear-gradient(#dedede, #ffffff) 20 20;
	border-image: linear-gradient(#dedede, #ffffff) 20 20;
} 
.Partner ul li:nth-child(5n-4)::after{
	position: absolute;content: "";width: 100%;height: 1px;top: -1px;left: 0;
	background: linear-gradient(to right,#ffffff , #dedede); 
	}
.Partner ul li:nth-child(-n+5){ 
	border-right:1px transparent solid;
	border-image: -webkit-linear-gradient(#ffffff, #dedede) 20 20;
	border-image: -moz-linear-gradient(#ffffff, #dedede) 20 20;
	border-image: -o-linear-gradient(#ffffff, #dedede) 20 20;
	border-image: linear-gradient(#ffffff, #dedede) 20 20;
	border-top: none;  }

.Partner ul li:nth-child(5n)::after{
	position: absolute;content: "";width: 100%;height: 1px;top: -1px;left: 0;
	background: linear-gradient(to right,#dedede , #ffffff); }
.Partner ul li:nth-child(5n){border-right: none;  }	
.Partner ul li:nth-child(-n+5)::after{display: none; }	




.Engineering-case{padding-top: 90px;border-bottom: 1px solid #dedede;}

.Engineering-case .case-list .slick-arrow{ width:20px; height:40px; margin-top:-20px;}
.Engineering-case .case-list .slick-prev{ left:90px; background-image:url(../images/slick_prev3.png);top: initial;bottom: 10%;z-index: 999;}
.Engineering-case .case-list .slick-next{ right:90px; background-image:url(../images/slick_next3.png);top: initial;bottom: 10%;z-index: 999;}
.Engineering-case .case-list .slick-arrow:before{ display:none;}

.Engineering-case .case-list .txt{padding: 45px 0 60px;}
.Engineering-case .case-list .txt h1{font-size: 26px;color: #333333;line-height: 60px;margin: 0;position: relative;}
.Engineering-case .case-list .txt h1::after{position: absolute;content: "";width: 24px;content: "";height: 3px;background: #d9092b; top: 29px; left: 4.6em;}
.Engineering-case .case-list .txt p{line-height: 30px;font-size: 16px;color: #666666;margin: 0;}






@media(max-width:1024px){
	.Engineering-case,
	.Partner{padding-top: 20px;}
	.Partner ul li{width: 32%; margin:0.665%;border: 1px solid #dedede !important;}
	.Partner ul li::after{display: none; }	
	.Partner ul li figure{padding-bottom: 50%;background: no-repeat center; background-size: 80% auto;}
	.Engineering-case .case-list .slick-prev{ bottom: 0;}
	.Engineering-case .case-list .slick-next{bottom: 0;}
	.Engineering-case .case-list .txt{padding:10px 0 80px;}
	.Engineering-case .case-list .txt h1{font-size: 20px;}
	.Engineering-case .case-list .txt p{font-size: 14px;}
	
}

.Store-image{padding-top: 90px;}
.Store-image .slick-dots{ bottom:6%;}
.Store-image .slick-dots li{ width:30px; height:14px;margin: 0;}
.Store-image .slick-dots li button{ width:14px; height:14px; border-radius:100px;background: #FFFFFF;}
.Store-image .slick-dots li.slick-active button{ background-color:#d9092b;}
.Store-image .slick-dots li button:before{ display:none}

.Store-image .slick-arrow{ width:24px; height:40px; margin-top:-20px;}
.Store-image .slick-prev{ left:30px; background:url(../images/slick_prev5.png) no-repeat center ;top: 48%;z-index: 999;}
.Store-image .slick-next{ right:30px; background:url(../images/slick_next5.png) no-repeat center;top: 48%;z-index: 999;}
.Store-image .slick-arrow:before{ display:none;}


.Affiliate-Support{padding-top: 70px;}
.Affiliate-Support .Affiliate-list{}
.Affiliate-Support .Affiliate-list ul li{width:25%;float: left;padding: 40px 0 50px;border-top: 1px solid #dedede;border-right: 1px solid #dedede;position: relative;}
.Affiliate-Support .Affiliate-list ul li figure{height: 80px;background: no-repeat center;
	-ms-transform: perspective(500px);
    -moz-transform: perspective(500px); /*重要*/
    transform-style: preserve-3d; /*重要*/
	transition: 0.6s;
	transform-style: preserve-3d; /*重要*/
}
.Affiliate-Support .Affiliate-list ul li h2{color: #d9092b;line-height: 30px;font-size: 18px;text-align: center;text-align: center;font-weight: 100;margin: 0;}
.Affiliate-Support .Affiliate-list ul li p{font-size: 14px;color: #666666;line-height: 22px;padding: 0 55px;margin:20px 0 0 ;min-height: 88px;}


.Affiliate-Support .Affiliate-list ul  li:nth-last-child(-n+4){
	border-right:1px transparent solid;
	border-image: -webkit-linear-gradient(#dedede, #ffffff) 20 20;
	border-image: -moz-linear-gradient(#dedede, #ffffff) 20 20;
	border-image: -o-linear-gradient(#dedede, #ffffff) 20 20;
	border-image: linear-gradient(#dedede, #ffffff) 20 20;
} 
.Affiliate-Support .Affiliate-list ul  li:nth-child(4n-4)::after{
	position: absolute;content: "";width: 100%;height: 1px;top: -1px;left: 0;
	background: linear-gradient(to right,#ffffff , #dedede); 
	}
.Affiliate-Support .Affiliate-list ul  li:nth-child(-n+4){ 
	border-right:1px transparent solid;
	border-image: -webkit-linear-gradient(#ffffff, #dedede) 20 20;
	border-image: -moz-linear-gradient(#ffffff, #dedede) 20 20;
	border-image: -o-linear-gradient(#ffffff, #dedede) 20 20;
	border-image: linear-gradient(#ffffff, #dedede) 20 20;
	border-top: none;  }

.Affiliate-Support .Affiliate-list ul  li:nth-child(4n)::after{
	position: absolute;content: "";width: 100%;height: 1px;top: -1px;left: 0;
	background: linear-gradient(to right,#dedede , #ffffff); }
.Affiliate-Support .Affiliate-list ul  li:nth-child(4n){border-right: none;  }	
.Affiliate-Support .Affiliate-list ul  li:nth-child(-n+4)::after{display: none; }	
.Affiliate-Support .Affiliate-list ul li:hover figure{transform: rotateY(360deg);}


.Joining-requirements{padding: 90px 0 120px;}

.Joining-requirements .Joining-list {}
.Joining-requirements .Joining-list ul li{position: relative;padding: 34px 0; border: 1px solid #f9f9f9; background: #f9f9f9;border-radius:10px ;margin-right:4%; width: 48%; float: left;margin-bottom: 30px;}
.Joining-requirements .Joining-list ul li:nth-child(2n){margin-right: 0;}
.Joining-requirements .Joining-list ul li figure{position: absolute;width: 140px;height: 30px;background: no-repeat center; top: 35px; left: 0; border-right: 1px solid #dedede;}
.Joining-requirements .Joining-list ul li span{padding-left: 166px;line-height: 30px;}

.Joining-requirements .Joining-list ul li::after{position: absolute;content: "";width: 0%;height: 2px;background: red;bottom: -1px;left: 0; transition: all 0.8s; }
.Joining-requirements .Joining-list ul li::before{position: absolute;content: "";width: 0%;height: 2px;background: red;top: -1px;right: 0; transition: all 1.6s; }
.Joining-requirements .Joining-list ul li:hover{border-right: 2px solid red;border-left: 2px solid red;border-radius:0px ;}
.Joining-requirements .Joining-list ul li:hover::after{width: 100%;}
.Joining-requirements .Joining-list ul li:hover::before{width: 100%;}


.Joining-process{background: #f9f9f9;padding: 90px 0;}

.Joining-process .process-list{}
.Joining-process .process-list ul li{width: 180px;float: left;position: relative;}
.Joining-process .process-list ul li:last-child{margin-right: 0;}
.Joining-process .process-list ul li::after{position: absolute; content: ""; width: 12px;height: 23px; top: 85px;right: -6px;background: url(../images/slick_next.png);}
.Joining-process .process-list ul li:last-child::after{display: none;}
.Joining-process .process-list ul li figure{display: block;width: 180px;height: 180px;background: no-repeat center;padding: 60px;margin: 0 auto;
	-ms-transform: perspective(500px);
	-moz-transform: perspective(500px); /*重要*/
	transform-style: preserve-3d; /*重要*/
	transition: 0.6s;
	transform-style: preserve-3d; /*重要*/}

.Joining-process .process-list ul li i{display: block;width: 60px;height: 60px; background: no-repeat center;transition: all 0.3s; position: absolute;top: 60px;left: 50%;margin-left: -30px; 
	-ms-transform: perspective(500px);
	-moz-transform: perspective(500px); /*重要*/
	transform-style: preserve-3d; /*重要*/
	transition: 0.6s;
	transform-style: preserve-3d; /*重要*/

}
.Joining-process .process-list ul li p{line-height: 100px;font-size: 18px;color: #666666;margin: 0;text-align: center;}

/* 翻滚 */
.Joining-process .process-list ul li:hover figure{transform: rotateY(180deg);}
.Joining-process .process-list ul li:hover i{transform: rotateY(360deg);}

/* 旋转 */
/* .Joining-process .process-list ul li:hover i{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	
	-moz-transform:rotate(360deg); 	
	-webkit-transform:rotate(360deg); 
	-o-transform:rotate(360deg); 	
}*/



.join-online{padding-top: 90px;}
.join-online .box{position: relative;}
.join-online .florm{height: 520px;width: 800px;background: #f9f9f9;position: absolute;right: 0;top: 40px;padding: 70px 130px 0;}
.join-online .florm input{line-height: 62px;height: 64px;display: block;width: 100%;border: 1px solid #dedede;font-size: 16px;color: #666666;padding: 0 22px;margin-bottom: 16px;}
.join-online .florm .yzm {position: relative;}
.join-online .florm .yzm img{width: 120px;height: 42px;position:  absolute; top: 11px;right: 10px;border: 1px solid #dedede;}
.join-online .florm .btn.btn_submit{line-height: 58px;height: 60px;display: block;width:230px ;border: 1px solid #d9092b;background: #d9092b;font-size: 18px;color: #FFFFFF;text-align: center;margin-top: 20px;}
.join-online .florm .btn.btn_submit:hover{background: #FFFFFF;color: #d9092b;}

.join-online .text2{height: 92px;width: 300px;position: absolute;left:42px;bottom: 36px;border-left: 6px solid #d9092b;}
.join-online .text2 h2{line-height: 18px;padding-left: 44px;background: url(../images/phone-icon.png)no-repeat left 18px center ; margin: 0; font-size: 18px;font-weight: 100;color: #FFFFFF;}
.join-online .text2 p{padding-left: 18px;font-size: 30px;line-height: 32px;margin: 10px 0;color: #FFFFFF;font-family: "DIN";}

.Nearby-stores{padding-top: 90px;}
.Nearby-box .left{width: 36%;float: left;padding-right: 60px; padding-top: 50px;}
.Nearby-box .map-right{width: 64%;float: right;}
.Nearby-box .map-right .map{width: 100%;height: 560px;}


.Nearby-box .left .b-link{  width:280px;position: relative;}
.Nearby-box .left .b-link dl{ position:relative; border-radius:8px; line-height:50px; padding:0 6%; border: 1px solid #dedede;}
.Nearby-box .left .b-link dl:after{ content:''; position:absolute; right:5%; top:50%; border:solid 6px transparent; border-top-color:#6d6865}
.Nearby-box .left .b-link .other{ z-index:10; display:none; top:52px; position:absolute; width:100%; border: 1px solid #dedede; border-radius:6px 6px 0 0 ;}
.Nearby-box .left .b-link .other a{ display:block; padding:12px 6%;}

.Nearby-box .left select{width: 100%;line-height: 64px;height: 64px;border: 1px solid #dedede;padding: 0 22px;font-size: 16px;color: #666666;
	outline: none;
	/*去掉默认的下拉三角*/
	appearance:none;  
	-moz-appearance:none;  
	-webkit-appearance:none;
	/*添加下拉三角图标*/
	background: url(../images/select-icon.png) no-repeat right 20px center transparent;margin-bottom: 26px;}

.Nearby-box .left .box-con{}
.Nearby-box .left .box-con h2{font-size: 20px;line-height: 90px;color: #333333;font-weight: 100; position: relative;}
.Nearby-box .left .box-con h2::after{position: absolute;content: "";width: 40px;height: 3px;background: #d9092b;left: 0;bottom: 0;}
.Nearby-box .left .box-con p{line-height: 36px;font-size: 16px;color: #666666;}


.Joining-process .process-list .slick-dots{ bottom:-10%; margin: 0 auto;}
.Joining-process .process-list .slick-dots li{ width:30px; height:14px;margin: 0;float: initial;}
.Joining-process .process-list .slick-dots li button{ width:14px; height:14px; border-radius:100px; border: 2px solid #d9092b; background: #FFFFFF;}
.Joining-process .process-list .slick-dots li.slick-active button{ background-color:#d9092b;}
.Joining-process .process-list .slick-dots li button:before{ display:none}
.Joining-process .process-list .slick-arrow{ width:20px; height:40px; margin-top:-20px;}
.Joining-process .process-list .slick-prev{ left:90px; background-image:url(../images/slick_prev3.png);top: initial;bottom: -62px;z-index: 999;}
.Joining-process .process-list .slick-next{ right:90px; background-image:url(../images/slick_next3.png);top: initial;bottom: -62px;z-index: 999;}
.Joining-process .process-list .slick-dots li::after{ display:none !important;}
.Joining-process .process-list .slick-prev:before, 
.Joining-process .process-list .slick-next:before{display: none;}



@media(max-width:1024px){
	.Affiliate-Support,
	.Store-image{padding-top: 20px;}
	.Joining-requirements{padding-top: 20px;padding-bottom: 0%;}
	.Joining-requirements .Joining-list ul li{width: 100%;margin-bottom: 2%;overflow-x: auto;}
	.Affiliate-Support .Affiliate-list ul li{width: 100%;border: 1px solid #dedede !important;padding: 10px;margin-bottom: 2%;}
	.Affiliate-Support .Affiliate-list ul li p{padding: 0 0px;}
	.Joining-requirements .Joining-list ul li figure{position: inherit;border-right: none; margin: 0 auto;top: initial;left: inherit;}
	.Joining-requirements .Joining-list ul li span{padding: 10px 20px;white-space: initial;}
	.join-online .text2{bottom: 0;top: 30px;}
	.join-online .florm{position: initial;top: initial;width: 100%;padding: 2%;height: auto;}
	.join-online .florm a{margin: 0 auto;}
	.Nearby-box .left{width: 100%; padding: 2%;}
	.Nearby-box .map-right{width: 100%;}
	
}








.lis select{
	height: 55px;
    line-height: 55px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ddd;
    display: block!important;
    color: #757575;
    -webkit-appearance: none;
    background: url(../images/select.gif) no-repeat scroll 95% center transparent;
    padding-right: 14px;
    width: 32%;
    float: left;
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 0 10px;
	margin-right: 2%;
	margin-bottom: 16px;
}
.lis select:nth-child(3n){margin-right: 0;}


.word-life{overflow: hidden; padding-top: 5%;}
.word-life .swiper-container{width: 133.999%; margin-left: -16.9995%;}
.word-life .inner .Ispic{padding-bottom:56.471% ; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.word-life .swiper-slide .Ispic{transform: scale(0.78) translateX(0)  translateY(9%);-webkit-transform: scale(0.78) translateX(0)  translateY(9%);-ms-transform: scale(0.78) translateX(0)  translateY(9%);opacity: 0.5;-webkit-opacity: 0.5;}
.word-life .swiper-slide-prev .Ispic{transform: scale(0.78) translateX(9%) translateY(9%);-webkit-transform: scale(0.78) translateX(9%) translateY(9%);-ms-transform: scale(0.78) translateX(9%) translateY(9%);}
.word-life .swiper-slide-next .Ispic{transform: scale(0.78) translateX(-9%) translateY(9%);-webkit-transform: scale(0.78) translateX(-9%) translateY(9%);-ms-transform: scale(0.78) translateX(-9%) translateY(9%);}
.word-life .swiper-slide .inner .txt{opacity: 0;-webkit-opacity: 0; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;}
.word-life .swiper-slide-active .Ispic{transform: scale(1) translateX(0) translateY(0);-webkit-transform: scale(1) translateX(0) translateY(0);-ms-transform: scale(1) translateX(0) translateY(0);opacity: 1;-webkit-opacity: 1;}
.word-life .swiper-slide-active .inner .txt{opacity: 1;-webkit-opacity: 1;}
.word-life .inner .txt{padding: 30px 0;}
.word-life .txt .t-1{color: #141516; font-size: 18px;padding-bottom: 15px;}
.word-life .txt .t-2{font-weight: 100;color: #999;font-size: 16px;}

.word-life .controls{width: 90%; max-width: 850px; margin: 40px auto 0;position: relative;padding-left: 300px; min-height: 61px;padding-top: 30px;}


.word-life .controls .btn{width: 61px; height: 61px; border: 1px solid #dbdbdb; left: 0; top: 0;position: absolute; cursor: pointer;background: url(../images/prev.png) no-repeat center center;}
.word-life .controls .btn:hover{background-color: #d9092b; background-image: url(../images/prev-hover.png);}
.word-life .controls .btn.next{left: 60px;background-image: url(../images/next.png);}
.word-life .controls .btn.next:hover{background-image: url(../images/next-hover.png);}

.word-life .controls .pager{line-height: 61px;position: absolute; left: 152px; text-align: center;color: #d8d8d8;top:0;font-size: 0;font-family: Arial;overflow: hidden;}
.word-life .controls .pager span{color: #999;font-size: 30px;float: left;}
.word-life .controls .pager span.swiper-pagination-current{color: #d9092b;padding-right: 34px;background: url(../images/xiegang.png) no-repeat right center;margin-right: 10px;}


.word-life .swiper-scrollbar{height: 1px;background: #f1f1f1;}
.word-life .swiper-scrollbar-drag{border: 1px solid #e5e5e5;height: 11px;background: url(../images/scrollbar.gif) no-repeat center center #fff;box-shadow: 0 0 3px rgba(0,0,0,0.13);border-radius: 0;top: -6px; cursor: all-scroll;}

@media(max-width:1024px){
.word-life .swiper-container{width: 200%; margin-left: -50%;}	
.word-life .controls{padding-left: 185px; min-height: 40px;padding-top: 20px;}
.word-life .controls .btn{width: 40px; height: 40px; }
.word-life .controls .btn.next{left: 39px;}
.word-life .controls .pager{line-height: 40px;left: 96px;}
.word-life .controls .pager span{font-size: 20px;}
.word-life .controls .pager span.swiper-pagination-current{padding-right: 25px; margin-right: 5px;}
}
@media(max-width:480px){
.word-life .swiper-container{width: 260%; margin-left: -80%;}
}

.floor_about .ytable{ display: table; width: 100%; table-layout: fixed; color: #fff; background: #b90825;}
.floor_about .ytable_cell{ display: table-cell; vertical-align: middle;}
.floor_about .pic{width: 50.1%;}
.floor_about .txt{width: 49.9%; padding: 2% 4.5%; text-align: justify; font-size: 16px; line-height: 32px;}
@media(max-width:1024px){
    .floor_about .ytable_cell{ display: block; width: 100%;}
}




