@charset "utf-8";

*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	/*font-size: 14px;*/
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x: hidden;
	font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
select {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../images/select.gif) no-repeat scroll right 20px center transparent;
	padding-right: 14px;
	 font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
a, a:active {
	color: #333;
}
a:hover {
	color: #ea6011;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
    noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table, td, th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
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;
	/*text-align: justify;*/
	text-justify: inter-ideograph;
	font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dot1,.dot2, .dot3, .dot4, .dot10 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
	 word-wrap: break-word;
	-webkit-box-orient: vertical;
}
.dot1 {-webkit-line-clamp: 1;}
.dot2 {-webkit-line-clamp: 2;}
.dot3 {-webkit-line-clamp: 3;}
.dot4 {-webkit-line-clamp: 4;}
.dot4 {-webkit-line-clamp: 10;}
.ytable {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.ytable-cell {
	display: table-cell;
	vertical-align: middle;
	/*width: 100%;*/
}
/*设置隐藏*/
.fl {float: left;}
.fr {float: right;}
.auto-inner {width: 87.5%;max-width: 1520px;margin: 0 auto;}
.pr {position: relative;}
.nm {margin: 0;}
.nfw {font-weight: normal;}
.img-block {display: block;width: 100%;}

/*字体
中文都是用阿里巴巴普惠体
--标题是阿里巴巴普惠体的regular，副标题和正文是light
*/

/*.f-cn{ font-weight: 100;}*/
.f-cn-t{ font-family: 'PuHuiTi-R';}
.f-cn-t-m{ font-family: 'PuHuiTi-M';}
.f-cn-t-b{ font-family: 'PuHuiTi-B';}
.f-num{font-family: 'Oswald-Regular';}

.f-en{font-family: 'Gotham-Light';}
.f-en-b{font-family: 'Gotham-Blod';}

body.hidden{overflow: hidden;}
.fixed-layer{position: fixed; left: -100%; top: 0; opacity: 0;-webkit-opacity: 0; height: 100%; z-index: 90; width: 100%;background: rgba(0,0,0,0.6); transition: opacity 0.3s;}
body.hidden:not(.zhutui-body) .fixed-layer{ left: 0; opacity: 1;-webkit-opacity: 1;}

.bg_202020{background-color: #202020;}
.bg_fff{background-color: #fff;}
.padt4{padding-top: 4%;}

/*top*/
.top-fixed{height: 80px;background: #050505;}
.top{background-color:  rgba(5,5,5,0.7);position: fixed;left: 0;top: 0;width: 100%;z-index: 300;}
.top .auto-inner{}
.top .logo{display: table; height: 80px;}
.top .logo a{display: table-cell; vertical-align: middle;}
.top .logo img{max-height: 60px;}
@media(min-width:1025px){
.zhutui-body .top-fixed{height: auto;}
.top .logo{float: left;}
}
@media(max-width:1024px){
.top .logo{text-align: center;width: 50%; padding-left: 20%; margin: 0 auto;}
}

.top_nav{ color: #fff;}
.top_nav li span{display: block;}
.top_nav li span a,
.top_nav li span{position: relative;}
.top_nav li a{display: block;color: #fff;}
.top_nav li .sub{display: none;}
.top_nav li .sub dd{line-height: 24px; padding: 5px 0;}
.top_nav li .sub dd a{transition: 0.3s;}
.top_nav li .sub dd a:hover{color: #e25f26; /*padding-left: 10px;*/}
.top_nav li .sub dt .icon{max-width: 122px; width: 70%; margin: 0 auto 16px; border:1px solid rgba(255,255,255,0.05);border-radius: 10px; transition: 0.3s;}
.top_nav li .sub dt aside{color: rgba(255,255,255,0.5); font-size: 16px;}
.top_nav li .sub dt a:hover .icon{border-color: #e25f26;background: #e25f26;}
.top_nav li .sub dt a:hover aside{color: #e25f26;}
@media(min-width:1025px){
.top_nav{float: right;}
.top_nav li{float: left;padding-right: 80px;}
.top_nav li.has-sub{position: relative;}
.top_nav li span a{line-height: 80px;font-size: 16px;}
.top_nav li span a:after{content:"";display: block;width: 0%;height: 2px;background-color: #e25f26;position: absolute;left: 0;bottom: 0;transition:width 0.2s linear;  -webkit-transition:width 0.2s linear; }
.top_nav li span a:hover:after,
.top_nav li.hover span a:after,
.top_nav li.aon span a:after{width: 100%;}
.top_nav li .sub{position: absolute; top: 100%;background: rgba(20,20,20,0.98);left: 0; width: 100%; }
.top_nav li:not(#m5) .sub{ padding: 10px 20px; margin:0  -20px; width: auto;}
.top_nav li .sub .auto-inner{max-width: 1570px; padding: 60px 0;}
.top_nav li .sub .ad-pic{float: left; width: 33.121%;}
.top_nav li#m5 .sub dl{float: right; width: 63%;}
.top_nav li .sub dt{float: left;width: 20%; text-align: center; margin-bottom: 40px;}
}
@media(min-width:1025px) and (max-width:1280px){
.top_nav li{padding-right: 40px;}
}
@media(max-width:1024px){
.top_nav{position: fixed; left: 0; top: 80px;bottom: 0; width: 100%;background:#141414; padding: 50px 32px;display: none; overflow: auto;}
.top_nav li .sub dt .icon,
.top_nav li .sub .ad-pic{display: none;}
.top_nav li{padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.05);}
.top_nav li span a{font-size: 20px;}
.top_nav li .sub{padding: 30px 0 0 0;}
 .top_nav li .sub dd{font-size: 16px;}
.top_nav li .sub dt a{line-height: 40px;font-size: 18px;}
.top_nav li span i{position: absolute; width: 20px; height: 20px; right: 0; top: 50%; margin-top: -10px; z-index: 10;display: none;transition: 0.3s 0.3s;}
.top_nav li.has-sub span i{display: block;}
.top_nav li span i:before,
.top_nav li span i:after{position: absolute; content: '';background: #fff; transition: 0.3s 0.6s;}
.top_nav li span i:before{left: 0; width: 100%; top: 50%;height: 2px; margin-top: -1px;}
.top_nav li span i:after{left: 50%; width: 2px; margin-left: -1px; top: 0; height: 100%;}
.top_nav li span i.on{transform: rotate(-90deg); }
.top_nav li span i.on:before{opacity: 0;}
	
.open-menu{position: absolute; right: 2%; top: 50%; transform: translateY(-50%); width: 26px; height: 26px;}
.open-menu:after,
.open-menu:before{position: absolute;content: ''; height: 2px;background: #fff; top: 0; transition: 0.3s;}
.open-menu:before{left: 0; width: 100%; margin-top: 7px;}
.open-menu:after{right: 0; width: 60%; margin-top: 18px;}
.open-menu.on:before,
.open-menu.on:after{width: 100%;margin: 0; top: 50%; margin-top: -1px; transform: rotate(45deg);}
.open-menu.on:after{transform: rotate(-45deg);}
}

.top-search{position: absolute; left: 0; top: 100%;width: 100%;padding: 5% 0;background: rgba(20,20,20,0.98); display: none;}
.top-search .auto-inner{max-width: 1200px;}
.top-search .auto-inner > *{ padding: 0 30px;}
.top-search aside{position: relative;border-bottom: 1px solid #252525;}
.top-search .text{ height: 80px; line-height: 80px;color: #fff; width: 100%;font-size: 48px;border: 0;background: none;}
.top-search .btn{position: absolute;height: 100%;background: url(../images/top/btn-search.png) no-repeat center center; width: 35px;background-size: contain; right: 8px;top: 0;}
.top-search .keyword{padding-top: 16px;}
.top-search .keyword dd{float: left;margin-bottom: 4px;font-size: 16px;}
.top-search .keyword dd:not(:last-child){margin-right: 43px;}
.top-search .keyword dd a,
.top-search .keyword dd{color: #999;}
.top-search .keyword dd a:hover{color: #e25f26;}
@media(max-width:1024px){
.top-search .auto-inner > *{padding-left: 10px; padding-right: 10px;}
.top-search .text{font-size: 20px; height: 50px; line-height: 50px;}
.top-search .btn{width: 24px;}
.top-search .keyword dd:not(:last-child){margin-right: 25px;}
}

.open-search{ width: 14px; height: 14px;background: url(../img/btn-search.png)no-repeat center center;background-size: contain; position: relative;}
.open-search.on{background: none;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 100%; height: 1px;background: #fff; left: 0; top: 50%; transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);}
.goto-old{width: 100px;line-height: 28px; border: 1px solid #2e2e2e;border-radius: 30px; color: #fff; text-align: center;}
.goto-old:hover{background: #e25f26;border-color: #e25f26;color: #fff;}
@media(min-width:1025px){
.open-search{float: right;margin-top: 33px;}
.goto-old{float: right; margin-top: 25px;margin-left: 28px;}
}
@media(max-width:1024px){
.open-search{position: absolute; left: 2%; top: 50%; transform: translateY(-50%); width: 22px; height: 22px;}
.goto-old{position: absolute; left: 2%; margin-left:40px; top: 50%; transform: translateY(-50%); }
}
/*top END*/
/*bottom*/
.bottom{background-color: #050505;padding-top: 3%;padding-bottom: 2.6%;}
.bottom .outside dd{float: left; }
.bottom .outside dd a{position: relative; display: block;  height: 22px; z-index: 100;}
.bottom .outside dd figure{position: absolute; bottom: 100%; left: 50%; width: 150px; margin-left: -75px; padding: 5px;background: #fff; margin-bottom: 5px; display: none;}
.bottom .outside dd figure:after{position: absolute; content: ''; border: 5px solid transparent; border-top-color: #fff; left: 50%;margin-left: -5px; top: 100%;}
.bottom .outside dd .icon{height: 22px; width: 22px; overflow: hidden; position: relative;}
.bottom .outside dd .icon img{height: 22px;width: 22px; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s; position: absolute; top: 0; left: 0;}
.bottom .outside dd .icon .img{ opacity: 0.3;}
.bottom .outside dd .icon .on{transform: translateY(-22px);-webkit-transform: translateY(-22px);-ms-transform: translateY(-22px);transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s; opacity: 0;}
.bottom .outside dd a:hover .icon .img{transform: translateY(-22px);-webkit-transform: translateY(-22px);-ms-transform: translateY(-22px);opacity: 0;}
.bottom .outside dd a:hover .icon .on{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}

.bottom .bt_nav{padding-bottom:5%;}
.bottom .bt_nav li{position: relative; font-size:14px;}
.bottom .bt_nav  a{display: inline-block;position: relative;line-height: 30px;color:#999;}
.bottom .bt_nav  a:after{content:'';display: block;width: 0%;height: 2px;background-color: #e25f26;position: absolute;left: 0;bottom: 0px;transition:width 0.2s linear;-webkit-transition:width 0.2s linear;}
.bottom .bt_nav  a:hover:after{width: 100%;}
.bottom .bt_nav .name a{color:#fff;font-size:16px;}

.bottom .copyright,
.bottom .copyright a{color: rgba(255,255,255,0.2);}
.bottom .copyright a:hover{color: #e25f26;}
.bottom .outside dd{position:relative;}
.bottom .outside dd:not(:last-child):after{content:'';display: block;width: 1px;height: 8px;background-color: rgba(255,255,255,0.2);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}

@media(min-width:769px){
.bottom .bt_nav .item{float:left;}
.bottom .bt_nav .ul_prod{width:280px;}
.bottom .bt_nav .ul_prod ol{float: left;max-width:48%;}
.bottom .bt_nav .ul_prod ol:nth-child(2){float:right;}
.bottom .bt_nav .name span{display:none;}
.bottom .bt_nav .name{padding-bottom:22px;}
.bottom .bt_nav .item ul{display:block!important;}
}
@media(min-width:1025px){
.bottom .footer{padding-top:20px; border-top:1px solid rgba(255,255,255,0.1);}
.bottom .outside{float: right;}
.bottom .outside dd:not(:last-child){margin-right: 40px;}
.bottom .outside dd:not(:last-child):after{right:-20px;}
.bottom .copyright{float:left;}
.bottom .bt_nav .ul_prod{width:356px;}
}
@media(max-width:1024px){
.bottom .footer{text-align: center;}
.bottom .outside{border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1); padding: 15px 0;}
.bottom .outside dd{width: 12.5%;}
.bottom .outside dd a{margin: 0 auto; display: table;}
.bottom .copyright{padding-top: 15px;}
.bottom .outside dd figure{left: 0; margin-left: 0;}
.bottom .outside dd figure:after{left: 6px; margin-left: 0;}
.bottom .bt_nav .name{position:relative; padding:10px 0;}
}
@media(max-width:768px){
.bottom .bt_nav .name span{position:absolute;right:0; width:40px; text-align:center; z-index:10;line-height:30px;color:#fff; top:10px; transition:0.5s;}
.bottom .bt_nav .name span.on{transform:rotate(45deg);}
.bottom .bt_nav .item{margin:0!important;}
.bottom .bt_nav .item ul{display:none; padding-bottom:10px;}
.bottom .bt_nav .item:not(.item_nav) .name,
.bottom .bt_nav .item_nav{border-bottom:1px solid rgba(255,255,255,0.2);}
.bottom .bt_nav .item:last-child .name:last-child{border-bottom:0;}
}

a.gettop{position: fixed; right: 2%; bottom: 10%; background: rgba(0,0,0,0.2); width: 60px; z-index: 200; height: 60px;display: none;}
a.gettop:before{position: absolute; content: ''; width: 12px; height: 12px; border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(-45deg); left: 50%; top: 50%; margin: -3px 0 0 -6px;}
a.gettop:hover:before{border-color:#ea6011;}
@media(max-width:640px){
a.gettop{width: 40px; height: 40px;}
}
/*bottom*/
/*HOME*/
.index_bn{position: relative; z-index: 1;}
.index_bn .owl-carousel a{display: block;}
.index_bn .owl-dots{position: absolute;bottom: 5.5%;width: 100%;left: 0;text-align: center;}
.index_bn .owl-dots .owl-dot{display: inline-block;	width: 6px;height: 6px;margin: 0 10px;background-color: #fff;border-radius: 50%;}
.index_bn .owl-dots .owl-dot.active{background-color: #ea6011;box-shadow: 0 0 0 3px  #ea6011;}
.index_bn .detail{ height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 99;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.index_bn .detail .cont{position: relative;text-align: center;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.index_bn .detail .tit{ font-family: 'PuHuiTi-L'; font-weight: lighter; margin: 0;font-size: 60px;color: #e6e1e9;letter-spacing: 18px;line-height: 60px;}
.index_bn .detail .more{margin-top: 55px; display: inline-block;padding: 0 15px;background: url("../images/video.png") no-repeat right center; font-family: 'PuHuiTi-R';; font-weight: lighter; font-size: 16px;letter-spacing: 10px;color: #e6e1e9;}
.index_bn .detail::after{content: ""; display: block;width: 0%;position: absolute;height: 4px;background-color: #e25f26;left: 0;right: 0; bottom: 0; margin: auto; transition: width 0.5s linear;-webkit-transition:width 0.5s linear;}
.index_bn .owl-carousel li:hover .detail::after{width: 100%;}

.index_bn li video{position: absolute;top: 0;left: 0;width: 100%;}

.index_bn li .item1 .space{display: inline-block;width: 33%;}
.index_bn li .item1 .tit{font-size: 100px;letter-spacing: 60px;color: #e6e1e9;padding-left: 4%;font-weight: 100;}
.index_bn li .item1  .intro{width: 100%;position: absolute;text-align: center;bottom: 11%;font-family: 'PuHuiTi-L';font-size: 24px;font-weight: lighter;letter-spacing: 7px;color: #ffffff;}

.index_bn .detail .more:hover{color: #e25f26;background: url("../images/video2.png") no-repeat right center;}
.index_bn .detail .more,.index_bn .detail .tit,.index_bn li .item1  .intro{opacity: 0;}
.index_bn .detail .fadeUp { position: relative;animation: fadeUp  1.5s 1;-webkit-animation:fadeUp  1.5s 1;animation-fill-mode : forwards}
@keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@-moz-keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@-webkit-keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@-o-keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@media(min-width:1025px){
.index_bn .owl-carousel .owl-item img.mb{display: none;}
}
@media(max-width:1024px){
.index_bn .owl-carousel .owl-item img.pc{display: none!important;}
.index_bn li .detail .tit{letter-spacing: 0.3em; text-indent: 0.3em;}
.index_bn li .item1 .detail .tit{padding-left:0; letter-spacing: 1em; text-indent: 1em;}
.index_bn li .item1 .space{display: none;}
.index_bn li .item1 .intro{font-size: 16px;}
}


.website{margin-top: -1px;background: #171718;}
.website .data{position: relative; z-index: 1;}
.website .data li{overflow: hidden;}
.website .wrap{background: url("../images/site-en.jpg")no-repeat center center;background-size: cover;padding-bottom: 61.45%;position: relative;}
.website .data li:nth-child(2) .wrap{background: url("../images/site-cn.jpg")no-repeat center center;background-size: cover;}
.website .cont{position: absolute;width: 100%; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);text-align: center;color: #ffffff;}
.website .cont .icon{display: block;height: 100px;background-repeat: no-repeat;background-position: center center;}
.website li:nth-child(1) .cont .icon{background-image: url(../images/site-w.png);}
.website li:nth-child(2) .cont .icon{background-image: url(../images/site-c.png);}
.website .cont .en{font-weight: normal;margin: 0;line-height: 36px;margin-top: 60px;}
.website .cont .cn{ font-family: 'PuHuiTi-L';font-size: 24px;font-weight: lighter;margin: 0;margin-top: 15px;}
.website .hover{overflow: hidden; transition: opacity 0.2s linear;-webkit-transition:opacity 0.2s linear; opacity: 0; display: block; position: absolute;width: 50%;height: 100%; top: 0;left: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 10;}
.website .hover .left,
.website .hover .right{position: relative;}
.website .data li:nth-child(2) .hover{left: auto;right: 0;}
.website .hover::after{transition: width 0.5s linear;-webkit-transition:width 0.5s linear; display: block; width: 0%;height: 4px;background-color: #ea6011;position: absolute;left: 0; right: 0;bottom: 0; margin: auto;}
.website .hover a{display: inline-block; font-size: 24px;margin: 30px 0; position: relative;}
.website .hover a::after{content:""; transition: width 0.5s linear;-webkit-transition:width 0.5s linear; display: block; width: 0%;height: 2px;background-color: #ea6011;position: absolute;left: 0; bottom: 0; margin: auto;}
.website .hover a:hover::after{width: 100%;}
.website .hover a:hover{color: #e25f26;}
.website .hover .web{text-align: left;display: inline-block}
.website .hover video{position: absolute;top: 0;left: 0;width: 100%;}
.website .data li .hover:hover::after{width: 100%;}
.website .data li .hover:hover{opacity: 1;z-index: 100;}
.website .hover.show{width: 100%;}
@media(min-width:1025px){
.website .data li{width: 50%;float: left;}
.website .hover .left,
.website .hover .right{width: 50%;float: left;height: 100%;}
.website .data li:nth-child(2) .left{float: right;}
}
@media(max-width:1280px){
.website .cont .en{margin-top: 20px;}
.website .hover a{margin: 10px 0;}
}
@media(max-width:1024px){
.website .hover .left,
.website .hover .right{height: 50%;}
.website .hover video{height: 100%;object-fit: cover;left: -100%;width: 200%;}
}
@media(max-width:640px){
.website .cont .icon{height: 50px;background-size: contain;}
.website .cont .en{font-size: 20px;}
.website .cont .cn{font-size:18px; margin: 0 0 15px 0;}
}

.index_extend{position: relative;z-index: 80;}
.index_extend .data{display: none;}
.index_extend .data li>a{display: block;position: relative;background-color: #111;}
.index_extend .data  .txt{color: #fff;}
.index_extend .data .subtit{ font-family: 'PuHuiTi-R';font-size: 25px;line-height: 35px;letter-spacing: 1px;color: #fefefe;}
.index_extend .data .tit{ font-family: 'PuHuiTi-M';font-size: 55px;font-weight: normal;border-top: 2px solid #fff;padding-top: 30px;margin: 10px 0 0;}
.index_extend .data  .intro{ font-family: 'PuHuiTi-R';font-size: 24px;font-weight: lighter;letter-spacing: 1px;margin: 15px 0;}
.index_extend .data  .more{ font-family: 'PuHuiTi-L';display: inline-block;margin-top: 30px; font-size: 14px;font-weight: lighter;letter-spacing: 1px;padding-right: 15px;background: url("../images/more.png") no-repeat right center;}
.index_extend .btn_wrap{height: 85px;width: 75px;position: absolute;top: -50px;left: 0;right: 0;margin: auto;}
.index_extend .btn{cursor: pointer; display: inline-block;height: 35px;width: 75px;border:1px solid rgba(255,255,255,0.5);opacity: 0.8;border-radius: 100px;}
.index_extend .btn::after{content:"";display: block;height: 100%;width: 100%;background: url("../images/v_arrow.png") no-repeat center center;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.index_extend .btn.open::after{transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);}

.index_extend .data  .more:hover{color: #e25f26;background: url("../images/more2.png") no-repeat right center;}
.index_extend .data li::after{content:""; transition: width 0.5s linear;-webkit-transition:width 0.5s linear; display: block; width: 0%;height: 4px;background-color: #ea6011;position: absolute;left: 0; right: 0;bottom: 0; margin: auto;}
.index_extend .data li:hover:after{width: 100%;}
@media(max-width:1280px){
.index_extend .data .tit{font-size: 42px;}
.index_extend .data .intro{font-size: 18px; margin: 10px 0;}
}
@media(min-width:1025px){
.index_extend .data .pic{width: 50%;}
.index_extend .data  .txt{text-align: center;}
.index_extend .data .cont{text-align: left; display: inline-block; max-width: 500px;}
}
@media(max-width:1024px){
.index_extend .data .ytable,
.index_extend .data .ytable-cell{display: block;}
.index_extend .data  .txt{padding: 20px;}
}
@media(max-width:640px){
.index_extend .data .tit{font-size: 32px;}
	.index_extend .data .subtit{font-size: 20px;}
.index_extend .data .intro{font-size: 16px; margin: 10px 0;}
}

@media (max-width: 1440px) {
.index_bn li .item1 .space{width: 25%;}
}
@media (max-width: 640px) {
.index_bn .owl-carousel .owl-item .mb{display: inline-block;}
.index_bn .owl-carousel .owl-item .pc{display: none;}
}

/*HOME*/

.history{background-color: #202020;background-size: auto;background-position: center top;}
.history .slider li .inner{position: relative; height: 100%;}
@media(min-width:1281px){
.history .slider{margin-right: -10%;}
.history .slick-list{padding-right: 10%;}
.history .slider li .inner{width: 130%;}
}
.history .slider li .inner .main{height: 100%;}
.history .slider li .year{font-size: 36px;color: #ea6011;}
.history .slider li pre{line-height: 30px;font-size: 16px;color: #fff;}
.history .slider li pre b{font-size: 20px;font-family: 'PuHuiTi-R';}
.history .slider li .inner:before{position: absolute; content: ''; left: 38%; margin-left: -3px; background: #fff;width: 6px; height: 6px; transform: rotate(45deg); }
.history .slider li .line:before,
.history .slider li .line:after{position: absolute; content: ''; height: 1px; background: #fff;}
.history .slider li .line:before{width: 38%;right: 62%; margin-right: 40px;}
.history .slider li .line:after{width: 62%; left: 38%; margin-left: 40px;}

.history .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid rgba(255, 255, 255,0.2);background: none;padding: 0;cursor: pointer; z-index: 10;font-size: 0; width: 80px; height: 80px; border-radius: 50%;}
.history .slick-prev{left: -115px;}
.history .slick-next{right: -115px;}
.history .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(45deg); left: 40%; top: 40%;}
.history .slick-next:before{transform: rotate(-135deg);}
.history .slick-disabled{cursor: default;}
@media(min-width:1441px){
.history .slider li{height: 943px; }
.history .slider li:nth-child(2n-1) .main{ padding-top:207px;}
.history .slider li:nth-child(2n) .main{ padding-top:572px;}
}
@media(min-width:769px){
.history .slider li .year{border-right: 4px solid #ea6011;float:left;width: 38%;min-height: 160px;}
.history .slider li pre{float: right; width: 58%;}
.history .slider li .inner:before{top:50%; margin-top: -3px; }
.history .slider li .line:before,
.history .slider li .line:after{top: 50%;}
.history .slider li.slick-active:last-child .line:after{width: 30%;}
}
@media(max-width:1800px){
.history .slick-prev{left: 0;}
.history .slick-next{right:0;}
.history .slider{padding: 0 70px;}
.history .slick-arrow{width: 60px;height: 60px;}
}
@media(min-width:769px) and (max-width:1600px){
.history{background-position: center 47%;}
.history .slider li{height: 700px; }
.history .slider li:nth-child(2n-1) .main{ padding-top:110px;}
.history .slider li:nth-child(2n) .main{ padding-top:440px;}
.history .slider li .year{font-size: 2vw;}
}
@media(min-width:769px) and (max-width:1280px){
.history .auto-inner{width:100%;}
.history .slider li .year{font-size:1.5vw;}
.history .slick-list{padding-right:10%;}
.history .slider li .inner .main{width: 120%;}
}
@media(min-width:769px) and (max-width:1366px){
.history .slider li pre{font-size: 14px;line-height: 24px;}
}
@media(max-width:768px){
.history{padding: 10% 0;}
.history .slider li .inner{ padding-bottom: 16%;overflow: hidden;}
.history .slider li .inner:before{bottom:  3px; }
.history .slider li .line:before,
.history .slider li .line:after{bottom:6px; }
.history .slider li pre{overflow: auto;max-height: 182px;}
.history .slider li .year{border-left: 4px solid #ea6011; padding-left: 5%; margin-bottom: 15px;}
.history .slider li.slick-active .inner .main{opacity: 1;transform:none;}
.history .slider li .inner:before{left: 50%; bottom: 3px;}
	.history .slider li .line:before,
	.history .slider li .line:after{width: 50%;}
	.history .slider li .line:before{right: 50%;}
	.history .slider li .line:after{left: 50%;}
}
@media(max-width:640px){
.history .slick-arrow{width: 40px;height: 40px;}
.history .slider{padding: 0 45px;}
.history .slider li .year{font-size:28px;}
}

.dream{ padding: 8.251% 0;color: #fff; background-position: right center;}
/*.dream .auto-inner{max-width: 1520px;}*/
.dream .auto-inner> *{max-width: 800px;}
.dream .title{font-size: 60px;}
.dream .list dl{border-bottom: dashed 1px #333; padding: 39px 0 0 0;}
.dream .list dl > *{padding-bottom: 38px;}
.dream .list dd{line-height: 32px;font-size: 16px;position: relative; padding-left: 42px;display: none;}
.dream .list dd:before{position: absolute; content: '';width: 20px;height: 1px;background-color: #aaa; top: 15px; left: 0; }
.dream .list dt{line-height: 36px;font-size: 24px;color: #fff; text-transform: uppercase; cursor: pointer;}
.dream .list dt.on{color: #e25f26;}
@media(max-width:1024px){
.dream{background-position: right top;background-size: 100% auto;background-color: #171717;}
.dream .title{font-size: 36px;}
.dream .list dl{padding: 20px 0 0 0;}
.dream .list dl > *{padding-bottom: 19px;}
.dream .list dt{line-height: 30px;font-size: 20px;}
}
@media(max-width:640px){
.dream .title{font-size: 30px;}
.dream .list dd{line-height: 24px;font-size: 14px;}
.dream .list dd:before{top: 10px;}
}

.nav-menu{background: #fff;position:relative; z-index:50;}
.nav-menu .nav-inner{position:absolute; left:0; top:0; width:100%;}
.nav-menu.fixed{ z-index:99;}
.nav-menu.fixed .nav-inner{position:fixed; z-index:99;background-color: #fff;}

.nav-menu-center .nav ul{display:table; margin:0 auto;max-width:100%;}
.nav-menu-center{ text-align: center; }
.nav-menu-center .nav ul li:not(:last-child){margin-right:3.74vw;}

.nav-menu .nav li{float: left;}
.nav-menu .nav li:not(:last-child){margin-right: 4.5%;}
.nav-menu .nav li a{display: block;position: relative;}
.nav-menu .nav li a:after{position: absolute; content: ''; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 0; height: 2px;background: #e25f26; bottom: 0; transition: 0.3s;}
.nav-menu .nav li.aon a:after,
.nav-menu .nav li a:hover:after{width: 100%;}
@media(min-width:1025px){
.nav-menu{height: 80px;}
.nav-menu .nav li{ line-height: 80px; }
}
@media(max-width:1024px){
.nav-menu{height: 50px;}

.nav-menu .nav li{ line-height: 50px; }
.nav-menu-center .nav ul li,
.nav-menu-center .nav ul li:last-child{margin-right:3.74vw;}
}
@media(max-width:480px){
.nav-menu{height: 40px;}
.nav-menu .nav li{ line-height: 40px; }
}

#nav-menu .auto-inner{position: relative; z-index: 101;}
#nav-menu .nav{overflow: hidden;height: 80px;position: relative;}
@media(max-width:1024px){
#nav-menu,
#nav-menu .nav{height: 54px;}
}
@media(max-width:480px){
#nav-menu,
#nav-menu .nav{height: 44px;}
}
#nav-menu .nav.has-more{padding-right: 120px;}
#nav-menu .more{position: absolute; top: 50%; line-height: 34px; margin-top: -21px;right: 0;}
#nav-menu .more dt{ background: rgba(0,0,0,0.1); cursor: pointer;color: #aaa; cursor: pointer;border-radius: 35px; padding: 0 15px; margin: 4px 0;}
#nav-menu .more dt i{display: inline-block; vertical-align: middle;width: 6px; height: 6px; margin-top: -3px; margin-left: 10px; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg); transition: 0.3s;}
#nav-menu .more dt.on i{-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 0;}
#nav-menu .more dd{position: absolute; right: 0; width: 200px;background: #f5f5f7; top: 100%;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;padding:10px 15px;box-shadow: 0 3px 5px rgba(0,0,0,0.2);display: none;}
#nav-menu .more dd li a{display:block;}
#nav-menu .more dd li.aon a{color: #e25f26;}
#nav-menu .more dd li{line-height: 20px; padding: 10px 0;}
#nav-menu .more dd li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.1);}
@media(max-width:480px){
#nav-menu .nav.has-more{padding-right:100px;}
#nav-menu .more dt{font-size: 14px; }
}


.prod-filter{padding:2% 0;}
.prod-filter .auto-inner{border: 1px solid #dedede;}
.prod-filter .sel-box dl{position: relative; z-index: 5; }
.prod-filter .sel-box dt{position: relative;line-height: 60px;}
.prod-filter .sel-box dt span{position: absolute; left: 0; text-transform: uppercase;font-size: 16px;color: #666;padding-left: 20px; padding-right: 10px;}
.prod-filter .sel-box dt a{padding-right: 30px;background: url(../images/select.png) no-repeat right 20px center; cursor: pointer;}
.prod-filter .sel-box dd{position: absolute; top: 100%;border: 1px solid #dedede;  right:-1px;left: -1px;background: #f5f5f7; max-height: 242px; overflow: auto;display: none;}
.prod-filter .sel-box dd a{display: block; padding: 10px;line-height: 20px; transition: 0.3s;}
.prod-filter .sel-box dd a:hover{padding-left: 25px;}
.prod-filter .search-box{ position: relative;padding-right: 60px;border-left: 1px solid #dedede;padding-left: 50px;}
.prod-filter .search-box .text{height: 60px;line-height: 60px; border: 0; width: 100%;background: none;font-size: 16px;color: #666;padding-left: 10px;}
.prod-filter .search-box .text.focus{color:#333;}
.prod-filter .search-box .btn{position: absolute; right: 0; top: 0; height: 100%; width: 60px;background: url(../images/btn-search.png) no-repeat center center;background-size: auto 18px;}
.prod-filter .search-box span{position: absolute; left: 0;color:#666;text-transform: uppercase;font-size: 16px; width: 50px; text-align: right;line-height: 60px;}
.prod-filter .search-box ul{position: absolute; top: 100%; left: 0; width: 100%; padding: 15px; background-color: #fff;border: 1px solid #dedede; display: none; z-index: 8;}
.prod-filter .search-box ul li a{ display: block; padding:5px 10px;  transition: 0.3s;}
.prod-filter .search-box ul li a:hover{padding-left: 25px; }
@media(min-width:1025px){
.prod-filter .sel-box{padding-right: 24%;}
.prod-filter .sel-box dl{float: left; min-width: 25%; max-width: 32%; border-right: 1px solid #dedede;}
.prod-filter .search-box{position: absolute; right: 0; top: 0; width: 24%;}
}
@media(max-width:1024px){
.prod-filter .sel-box dl{border-bottom: 1px solid rgba(255,255,255,0.05);}
.prod-filter .sel-box dl{border-bottom-color:#dedede;}
}

.product-list  .li{float: left;text-align: center; margin-bottom: 6%;position: relative;/*background: #fff;*/}
@media(min-width:769px){
.product-list  .li{ width: 27.961%; }
.product-list  .li:not(:nth-child(3n)){margin-right: 8.0585%;}
.product-list  .li:nth-child(3n+1){clear: left;}
}
@media(max-width:768px){
.product-list  .li{ width: 48%; }
.product-list  .li:not(:nth-child(2n)){margin-right:4%;}
}

.pic-area{position: relative;}
.pic-area .pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.product-list .li > a > .pic-area{padding-bottom: 120%; transition: 0.3s;}
.product-list .li > a:hover .pic-area{background: rgba(0,0,0,0.04);}
.product-list .li > a  aside.f-cn-t{margin-top: 40px; margin-bottom: 10px;font-size: 24px;}
.product-list .li > a p{font-size: 16px;color: #999;}
.product-list .li > a:hover  aside.f-cn-t{color: #ea6011;}
/*,
.product-list .li > a:hover p*/
@media(max-width:480px){
.product-list .li > a aside.f-en-t{margin-top: 20px; font-size: 20px;}
}

.product-list .col-name{font-size: 48px;padding-bottom: 4%;color: #fff;}
@media(max-width:1024px){
.product-list .col-name{font-size: 36px;}
}
@media(max-width:640px){
.product-list .col-name{font-size: 30px;}
}
.product-list .item-box .li a{position: relative; z-index: 6;}
.product-list .item-box .li.click{overflow: inherit; z-index: 10;}
.product-list .li .hover-main{position: absolute;background: #1b1b1b;/*display: none;*/ width: 228.82%; left: 0; top: 0; transform: scale(0); transform-origin: left; opacity: 0; -webkit-opacity: 0;height: 100%; padding: 11% 8%; z-index: 2;transition: 0.3s;}
.product-list .li.click .hover-main{transform: scale(1);opacity: 1;-webkit-opacity: 1;  z-index: 10;}
.product-list .li .hover-main .close{position: absolute; width: 23px; height: 23px; right: 3%; top: 5%; cursor: pointer;}
.product-list .li .hover-main .close:before,
.product-list .li .hover-main .close:after{background: #fff; position: absolute;content: '';height: 2px; width: 100%; top: 50%;margin-top: -1px; left: 0; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.product-list .li .hover-main .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.product-list .li .hover-main .txt{width: 46.571%; text-align: left;}
.product-list .li .hover-main .ytable-cell:not(.txt){height: 100%;}
.product-list .li .hover-main .pic-area{height: 118%;}
.product-list .hover-main .tit{line-height: 36px; overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 6%; margin-bottom: 6%;}
.product-list .hover-main .tit span{max-width: 48%;}
.product-list .hover-main .tit span.f-en-t{font-size: 30px;color: #ea6011;float: left;}
.product-list .hover-main .tit .s-2{float: right;font-size: 16px;}
.product-list .hover-main .info{width: 90%;}
.product-list .hover-main .intro{padding-bottom: 12%;}
.product-list .hover-main .canshu dt{overflow: hidden;line-height: 30px;}
.product-list .hover-main .canshu dt span.s-1{float: left; max-width: 65%;}
.product-list .hover-main .canshu dt span.s-2{float: right; max-width: 30%;}
.product-list .hover-main .txt-scroll{line-height: 30px;}
@media(min-width:1201px){
.product-list .li:nth-child(3n) .hover-main{left: auto;right: 0;transform-origin: right;}
}
@media(max-width:1200px){
.product-list .item-box .li{ width: 48%;}
.product-list .item-box .li:not(:nth-child(3n)),
.product-list .item-box .li:nth-child(3n){margin-right:4%;}
.product-list .item-box .li:nth-child(2n){margin-right:0;}
.product-list .li .hover-main{ width: 208.349%;}
.product-list .item-box .li:nth-child(2n) .hover-main{left: auto;right: 0;transform-origin: right;}
}
@media(max-width:1024px){
.product-list .li .hover-main .txt{width: 60%;}
.product-list .hover-main .txt-scroll,
.product-list .hover-main .canshu dt{line-height: 20px;}
.product-list .li .hover-main .pic-area{height: 80%;}
}
@media(max-width:640px){
.product-list .li .hover-main .ytable-cell:not(.txt){display: none;}
.product-list .li .hover-main{padding: 20px;}
.product-list .hover-main .info{width: 100%;}
.product-list .li .hover-main .close{right: 5px; top: 5px;}
}
@media(max-width:480px){
.product-list .li .hover-main{height: 140%;}
.product-list .hover-main .tit span.f-en-t{font-size: 24px;}
}

.Pages{ font-size:18px; padding:36px 0; text-align:center; line-height:36px; padding-bottom: 7%;}
.Pages a.a_first,
.Pages a.a_end,
.Pages > span{ display:none;}
.Pages .p_page *,
.Pages .p_page{ display:inline-block;}
.Pages .p_page em{ font-style:normal;}
.Pages a{color:#aaa;margin:0 20px; transition: 0.3s;}
.Pages .num a{border-bottom:2px solid transparent;}
.Pages a:hover,
.Pages .num a.a_cur{color: #e25f26;}
.Pages .num a.a_cur{border-bottom-color: #e25f26; }
.Pages a.a_next:after,
.Pages a.a_prev:before{content: ''; display: inline-block; vertical-align: middle; width:12px; height: 12px; border-top: 2px solid #aaa;border-right: 2px solid #aaa; margin-top: -2px;}
.Pages a.a_next:hover:after,
.Pages a.a_prev:hover:before{border-color: #e25f26;}
.Pages a.a_prev:before{ transform: rotate(-135deg); margin-right: 11px;}
.Pages a.a_next:after{margin-left: 11px;transform: rotate(45deg);}
@media(max-width:640px){
.Pages .num{ display:none;}
.Pages{padding:20px 0;}
}


.two-cate{padding: 6% 0 5% 0; text-align: center;}
.two-cate a{display: inline-block; max-width: 48%; margin: 0 20px;line-height: 60px;font-size: 16px;background: rgba(255,255,255,0.05); padding: 0 10px; min-width: 220px;}
.two-cate a.on{background: #ea6011;color: #fff;}
@media(max-width:768px){
.two-cate a{line-height: 40px; margin: 0 2%; min-width: inherit;}
}
@media(max-width:640px){
.two-cate a{font-size: 14px;}
}

.view-more{text-align: center;padding: 0 0 5% 0;}
.view-more a{display: block; width: 160px;line-height: 40px; border-radius: 40px;background: rgba(255,255,255,0.05);margin: 0 auto;color: #aaa; transition: 0.3s;}
.view-more a:after{content: ''; display: inline-block; vertical-align: middle;width: 6px; height: 6px; margin-top: -3px; margin-left: 10px; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg); transition: 0.3s;}
.view-more a:hover{background: #ea6011;color: #fff;}
.view-more a:hover:after{border-color: #fff;}

.prod-technology .box-2{background: #181818;padding: 7% 0;}
.prod-technology .box-1{padding: 6.5% 0;}
.prod-technology .box-2 .pic{padding-top: 5%;}
@media(min-width:1025px){
.prod-technology .box-1 .pic{width: 43.421%;}
.prod-technology .box-1 .txt-info .singlePage{width: 90%;}
.prod-technology .box-2 .pic img.wap{display: none;}
}
@media(max-width:1024px){
.prod-technology .box-2 .pic img.pc{display: none;}
.prod-technology .box-1 .ytable,
.prod-technology .box-1 .ytable-cell{display: block;}
}

.prod-info{overflow: hidden;}
.profloor.floor-1 .pic-area{padding-bottom: 57.895%;  text-align: center;}
.profloor  .intro-main{padding: 8% 0 4% 0;}
.profloor  .intro-main .name{font-size: 48px;line-height: 1.4583em; padding-bottom: 3%;}
.profloor.floor-1 .intro-main .name{ border-bottom: 1px solid #a8adb3;}
.profloor  .intro-main .subtit{font-size: 24px; letter-spacing: 1px;}
.profloor  .intro-main .tit{font-size: 30px; padding: 35px 0 25px 0;}
.profloor  .intro-main .shuxing{ /* border-bottom: 1px solid #a8adb3; */ font-size:16px;}
.profloor  .intro-main .shuxing pre{line-height:36px;}
.profloor  .intro-main .shuxing dd{font-size: 16px; line-height: 20px;padding: 8px 0;}
.profloor  .intro-main .mai-dian dd{float: left; text-align: center;}
.profloor  .intro-main .mai-dian dd .icon{height: 52px;}
.profloor  .intro-main .mai-dian dd .icon img{max-width: 52px;}
.profloor  .intro-main .mai-dian dd aside{font-size: 16px;line-height: 24px; height: 48px;margin: 5px 0;}
@media(min-width:641px){
.prod-info  .intro-main .shuxing dl dd{float: left;}
.prod-info  .intro-main .shuxing dl.row-3 dd{width: 28%;}
.prod-info  .intro-main .shuxing dl.row-3 dd:nth-child(1){width: 40%;}
.prod-info  .intro-main .shuxing dl.row-3 dd:not(:last-child){margin-right: 2%;}
.prod-info  .intro-main .shuxing dl.row-3 dd:last-child{width: auto; max-width: 28%;float: right;}
.prod-info  .intro-main .shuxing dl.row-2 dd:nth-child(1){width: 40%;margin-right: 2%;}
.prod-info  .intro-main .shuxing dl.row-2 dd:nth-child(2){width: 58%;}
.profloor  .intro-main .mai-dian dd{width: 16.667%; }
.profloor  .intro-main .mai-dian dd:nth-child(6n+1){clear: left;}
}
@media(min-width:1025px){
.prod-info .floor-1{background: url(../images/prod-infobg.jpg) no-repeat center bottom;background-size: cover;}
.prod-info .floor-1 .pic-area{float: left; width: 47.369%; padding-top: 10%;}
.prod-info .floor-1 .intro-main{float: right; width:49%; max-width: 640px;}
.prod-info  .intro-main .mCustomScrollbar{max-height: 185px;}
.profloor  .intro-main .mai-dian{margin: 3.5% -15% 0 -5%;}
}
@media(max-width:1366px){
.prod-info .floor-1 .intro-main{margin-right: 3%;}
.profloor .intro-main .tit{padding: 0 0 10px 0;}
}
@media(max-width:1024px){
.prod-info  .intro-main .mCustomScrollba{touch-action: initial !important;}
}
@media(max-width:640px){
.profloor .intro-main .name{font-size: 32px;}
.profloor  .intro-main .subtit{font-size: 24px; }
.profloor  .intro-main .tit{font-size: 20px;}
}
@media(min-width:481px) and (max-width:640px){
.profloor  .intro-main .mai-dian dd{width: 25%; }
.profloor  .intro-main .mai-dian dd:nth-child(4n+1){clear: left;}
}
@media(max-width:480px){
.profloor  .intro-main .mai-dian dd{width: 33.333%; }
.profloor  .intro-main .mai-dian dd:nth-child(3n+1){clear: left;}
	.profloor .intro-main .mai-dian dd aside{font-size: 14px; line-height: 22px;height: 44px;}
.profloor  .intro-main .shuxing{ font-size:14px;}
.profloor  .intro-main .shuxing pre{ font-size:14px;}
.profloor  .intro-main .shuxing pre label{display:block;float:left;width:100%;}
}


.full-range{background: #181818; text-align: center;padding: 50px 0;}
.full-range a{display: inline-block;color: #fff; }
.full-range a:before{width: 100px;height: 100px; display: block; content: ''; margin: 0 auto;background:url(../images/all.png) no-repeat center center;background-size: contain;}
.full-range a:hover{color: #e25f26;}
.full-range a:hover:before{background-image: url(../images/all_hover.png);}
.full-range aside.t-1{font-size: 36px;margin-top: 20px;}
.full-range aside.t-2{font-weight: 100; letter-spacing: 3px;margin-top: 10px;font-size: 24px;}
@media(max-width:768px){
.full-range a:before{width: 70px;height:70px; }
.full-range aside.t-1{font-size: 28px;}
.full-range aside.t-2{font-size: 18px;}
}

.video-box{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; text-align: center;}
.video-box::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 0;}
.video-box .video-container{ display: inline-block; max-width: 80%; position: relative; z-index: 5; min-width: 40%;}
.video-box .video-container h3{margin: 0; background-color: #fff; color: #333; font-size: 18px; padding: 10px;  text-align: left;}
.video-box .video-container h3.notitle{background:none;height:40px;}
.video-box .video-container h3.notitle .close:before{color:#fff;}
.video-box .close{ position: absolute;top: 0; right: 0; cursor: pointer; z-index: 999; width: 40px; height: 40px; text-align: center; /*border-radius: 100%;  border: 2px solid #fff; */}
.video-box .close:before{ content: "×"; font-family: "宋体"; font-size: 32px; color: #000; line-height: 40px; }
.video-box video{position:relative; width: 100%; max-height: 100%; background: #000; object-fit: fill; z-index: 1;}

.zhutui-body .section{overflow: hidden;}
.zhutui-body .fp-section.fp-table,
.zhutui-body .fp-tableCell{display: block;}
@media(min-width:1201px){
.zhutui-body .top{position: absolute; left: 0; top: 0; width: 100%;}
}
@media(max-width:1200px){
.zhutui-body .fp-table,
.zhutui-body .fp-tableCell{height: auto!important;}
}


/* profloor冰箱卖点样式 singlePage */
.profloor{font-size: 18px; position: relative;}
.profloor .txt-area{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10;}
.profloor .intro-main .mCustomScrollbar{max-height: 185px;}
.profloor .intro-main .subtit{font-size: 30px;}
.profloor .intro-main{width: 90%;}
.profloor.floor-2{color: #fff;}
.profloor.floor-2 .intro-main{max-width: 455px; width: 62%;}
.profloor.floor-2 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-2 .intro-main .texing{border-top: 2px solid #fff; margin-top: 15%;}
.profloor.floor-2 .intro-main .tit{padding-bottom: 2%;}
.profloor.floor-1{border-bottom: 5px solid #e25f26;}

.floor-3_box{float: left; width: 50%; position: relative;}
.floor-3_box.nsize1{width: 100%;}
.floor-3_box.nsize1 img{width: 100%;}
.floor-3_box .word{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; padding: 8% 2% 2%;}
.floor-3_box .word-inner{max-width: 466px; margin: 0 auto;}
.floor-3_box .word .tit{margin: 0; padding-bottom: 2%; font-weight: normal;}

.profloor.floor-4{color: #184a95;}
.profloor.floor-4 .intro-main{max-width: 455px;}
.profloor.floor-4 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-4 .intro-main .texing{margin:8% 0 20%;  color: #5e769b; }
.profloor.floor-4 .intro-main .pic{ width: 60%;}
.profloor.floor-5 {padding: 5% 0;}
.profloor.floor-5 .ul_mk{margin: 0 -2%; text-align: center;}
.floor-5_box{float: left; width: 25%; position: relative; padding: 2%;}
.floor-5_box.nsize1,.floor-5_box.nsize2,.floor-5_box.nsize3{ display: inline-block;float: none;}
/* .floor-5_box.nsize2{width: 50%;}
.floor-5_box.nsize3{width: 33.333334%;} */
.floor-5_box .word{ color: #fff; text-align: center; padding: 5%; background: url(../images/jbg.jpg) no-repeat left top #ea6011;}
.floor-5_box .word .tit{margin: 0; padding-bottom: 2%; font-weight: normal;}
.profloor.floor-6{color: #fff;}
.profloor.floor-6 .intro-main{max-width: 480px;}
.profloor.floor-6 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-6 .intro-main .texing{margin:8% 0 0; }


.profloor.floor-7{color: #fff;}
.profloor.floor-7 .intro-main{max-width: 580px; margin-left: auto; color: #fff;}
.profloor.floor-7 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-7 .intro-main .texing{margin:8% 0 0; }
.profloor.floor-7 .intro-main ul{display: table;table-layout: fixed; width: 100%; padding-top: 3%;}
.profloor.floor-7 .intro-main li{display:table-cell; vertical-align: middle; width: 25%; text-align: center;padding: 4% 1.5%;}
.profloor.floor-7 .intro-main li span{display: block; padding: 10px 0;}
@media (max-width:1366px) {
	.profloor .intro-main .subtit{font-size: 28px;}
}
@media (max-width:1024px) {
	.profloor.floor-1 .txt-area{ position: relative;}
	.profloor .intro-main .subtit{font-size: 26px;}
	.profloor.floor-1 .pic-area{padding-bottom: 0;}
	.profloor.floor-1 .pic-area .pic{position: relative;}
	.prod-info .floor-1 .intro-main{margin-right: 0; width: 100%;}
	.floor-5_box .word figure{height: 75px;}
	.profloor.floor-7 .img-block{width: 150%; max-width: 150%; left: -30%;position: relative;}
}
@media (max-width:768px) {
	.profloor .intro-main .subtit{font-size: 24px;}
	.profloor .img-block{width: 150%; max-width: 150%; left: -10%; position: relative;}
	.floor-3_box1,.floor-3_box2{width: 100%;}
	
	.profloor.floor-4 .intro-main .texing{ margin: 4% 0 8%;}
	.floor-5_box{width: 50%;}	
	.profloor.floor-7 .img-block{width: 200%; max-width: 200%; left: -50%;}
	.profloor.floor-7 .intro-main li img{max-width: 70%; margin: 0 auto;}
	.profloor.floor-7 .intro-main{max-width: 100%; width: 100%; position: relative; padding: 2%;}
	.profloor.floor-7 .intro-main>*{position: relative; z-index: 2;}
	.profloor.floor-7 .intro-main::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.15);}
}
@media (max-width:448px) {
	.profloor.floor-5 .word .tit{font-size: 22px;}
	.profloor .intro-main .name,.fz_52{font-size: 24px;}
	.profloor .intro-main .subtit{font-size: 18px;}
	.profloor .intro-main .tit{font-size: 16px;}
	.profloor .intro-main .shuxing dd,.profloor .singlePage,.profloor{font-size: 14px;}
	.profloor.floor-6 .intro-main .texing,.profloor.floor-7 .intro-main .texing{margin-top: 4%;}
	.profloor.floor-4 .intro-main .texing{margin: 4% 0;}
	.profloor.floor-6 .intro-main{width: 68%;}
	
}
/* profloor冰箱卖点样式 singlePage end */


/* lgprofloor冷柜卖点样式 singlePage */
.lgprofloor{font-size: 18px; position: relative;}
.lgprofloor .txt-area{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10;}
.lgprofloor .intro-main .mCustomScrollbar{max-height: 185px;}
.lgprofloor .subtit{font-size: 30px;}
.lgprofloor .intro-main{width: 90%;}
.lgprofloor.floor-2{color: #617693;}
.lgprofloor.floor-2 .intro-main{max-width: 505px; width: 62%; color: #194a99;}
.lgprofloor.floor-2 .intro-main .texing{ margin-top: 6%;color: #617693;}

.lgprofloor.floor-11 .intro-main{max-width: 580px; color: #194a99;}
.lgprofloor.floor-11 .intro-main .name{padding-bottom: 0.5%;}
.lgprofloor.floor-11 .intro-main .texing{margin:8% 0 0;  color: #617693;}
.lgprofloor.floor-11 .intro-main ul{ width: 100%;}
.lgprofloor.floor-11 .intro-main li{display: block; float: left; max-width: 300px; width: 40%; text-align: center;padding: 4% 3% 0 0;}
.lgprofloor.floor-11 .intro-main li .tit{display: block;padding: 2%; color: #194a99; height: 55px;}

.lgprofloor.floor-3 .intro-main{max-width: 580px; color: #194a99;}
.lgprofloor.floor-3 .intro-main .name{padding-bottom: 0.5%;}
.lgprofloor.floor-3 .intro-main .texing{margin:8% 0 0;  color: #617693;}
.lgprofloor.floor-3 .intro-main ul{ width: 100%; padding-top: 3%;}
.lgprofloor.floor-3 .intro-main li{display: inline-block; max-width: 300px; width: 49%; text-align: center;padding: 4% 3% 4% 0;}
.lgprofloor.floor-3 .intro-main li span{display: block; padding: 10px 0;}
.lgprofloor.floor-3 .intro-main li p{margin: 0 auto; font-size: 18px; color: #194a99; max-width: 225px;}
.lgprofloor.floor-3 .boxr{text-align: center;}
.lgprofloor.floor-3 .boxr .subtit{margin-top: 5%;}
.lgprofloor.floor-3 .boxr .texing{margin-top: 0;}

.lgprofloor.floor-4 .auto-inner{color: #617693; position: relative;}
.lgprofloor.floor-4 .intro-main{max-width: 505px; width: 62%; color: #194a99; margin: 0 auto; text-align: center;}
.lgprofloor.floor-4 .intro-main .bpic{padding: 8% 0 0; width: 85%; margin: 0 auto;}
.lgprofloor.floor-4 .box{ border: 2px solid #a1d0ee; border-radius: 15px; padding: 2% 4%; max-width: 340px; position: absolute; top: 50%; transform: translateY(-25%); text-align: center; width: 25%;}
.lgprofloor.floor-4 .box_l{left: 0;}
.lgprofloor.floor-4 .box_r{right: 0;}
.lgprofloor.floor-4 .box .subtit{color: #194a99;}
.lgprofloor.floor-4 .box .texing{color: #617693;}
.lgprofloor.floor-4 .p{position: absolute; bottom: 8%; right: 0;}


.lgprofloor.floor-5 {padding: 5% 0;}
.lgprofloor.floor-5 .ul_mk{margin: 0 -2%; text-align: center;}
.lgprofloor.floor-5 li{float: left; width: 25%; position: relative; padding: 2%;}
.lgprofloor.floor-5 li .word{ color: #fff; text-align: center; padding: 5%; background: url(../images/jbg.jpg) no-repeat left top #ea6011;}
.lgprofloor.floor-5 li .word .tit{margin: 0; padding-bottom: 2%; font-weight: normal;}
.lgprofloor.floor-5 li .word figure{max-width: 170px; margin: 0 auto;}

.lgprofloor.floor-6 .intro-main{max-width: 580px; margin-left: auto; color: #194a99; text-align: right;}
.lgprofloor.floor-6 .intro-main .name{padding-bottom: 0.5%;}
.lgprofloor.floor-6 .intro-main .texing{margin:8% 0 0;  color: #617693;}
.lgprofloor.floor-6 .intro-main ul{ width: 100%; padding-top: 3%;}
.lgprofloor.floor-6 .intro-main li{display: inline-block; max-width: 240px; width: 49%; text-align: center;padding: 4% 0 4% 3%;}
.lgprofloor.floor-6 .intro-main li span{display: block; padding: 10px 0;}

.lgprofloor.floor-8 .intro-main{max-width: 505px; width: 62%; color: #535f62; margin: 0 auto; text-align: center;}
.lgprofloor.floor-8 .intro-main .bpic{padding: 8% 0 0; max-width: 658px; margin: 0 auto;}
.lgprofloor.floor-9 .intro-main{max-width: 505px; width: 62%; color: #194a99;}
.lgprofloor.floor-9 .intro-main .texing{ margin-top: 6%;color: #617693;}
.lgprofloor.floor-10 .intro-main,.lgprofloor.floor-7 .intro-main{max-width: 580px; margin-left: auto; color: #194a99; text-align: right;}
.lgprofloor.floor-10 .intro-main .name,.lgprofloor.floor-7 .intro-main .name{padding-bottom: 0.5%;}

.lgprofloor .ytable-cell{width: 100%;}
@media(min-width:1025px){
.prod-info .lgfloor-1{background: url(../images/gbg1.jpg) no-repeat center bottom;background-size: cover;}
.prod-info .lgfloor-1 .pic-area{width: 42.369%;}
}
@media (max-width:1366px) {
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 28px;}
	.lgprofloor,.lgprofloor.floor-3 .intro-main li p{font-size: 16px;}
}
@media (max-width:1024px) {
	.lgprofloor,.lgprofloor.floor-3 .intro-main li p{font-size: 14px;}
	.lgprofloor.floor-1 .txt-area{ position: relative;}
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 26px;}
	.lgprofloor.floor-1 .pic-area{padding-bottom: 0;}
	.lgprofloor.floor-1 .pic-area .pic{position: relative;}
	.prod-info .floor-1 .intro-main{margin-right: 0; width: 100%;}
	.lgprofloor.floor-5 li .word figure{height: 75px;}
	.lgprofloor.floor-6 .img-block{width: 150%; max-width: 150%; left: -30%;position: relative;}
	.lgprofloor.floor-4 .intro-main .bpic{width: 64%;}
	.lgprofloor.floor-4 .box{transform: translateY(-11%);}
	.lgprofloor.floor-8 .intro-main .bpic{width: 74%;}
}
@media (max-width:768px) {
	.lgprofloor .img-block{width: 200%;max-width: 200%; left: -50%; position: relative;}
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 24px;}
	.lgprofloor.floor-3 .img-block,.lgprofloor.floor-4 .img-block{position: absolute; z-index: 0; top: 0; height: 100%;}
	.lgprofloor.floor-3 .txt-area,.lgprofloor.floor-4 .txt-area{position: relative; z-index: 2; padding: 3% 0;}
	.lgprofloor.floor-3 .ytable-cell{display: block;}
	.lgprofloor.floor-3 .intro-main{max-width: none; width: 100%;}
	.lgprofloor.floor-3 .intro-main ul{padding-top: 0;}
	.lgprofloor.floor-3 .intro-main .texing{margin-top: 3%;}

	.lgprofloor.floor-4 .ytable-cell{display: block;}
	.lgprofloor.floor-4 .intro-main{width: 100%;}
	.lgprofloor.floor-4 .box,.lgprofloor.floor-4 .p{position: relative; width: 100%; transform: translateY(0); top: 0; margin: 3% auto 0; text-align: center;}
	.lgprofloor.floor-5 li{width: 50%;}	
	.lgprofloor.floor-6 .img-block{width: 200%; max-width: 200%; left: -50%;}
	.lgprofloor.floor-6 .intro-main{max-width: 100%; width: 100%; position: relative; padding: 2%;}
	.lgprofloor.floor-6 .intro-main>*{position: relative; z-index: 2;}
	.lgprofloor.floor-11 .img-block{width: 250%;max-width: 250%; left: -75%;}
	.lgprofloor.floor-4 .intro-main .bpic{ width: 60%;}
}
@media (max-width:448px) {
	.lgprofloor .intro-main .name,.fz_52{font-size: 24px;}
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 18px;}
	.lgprofloor .intro-main .tit{font-size: 16px;}
	.lgprofloor .intro-main .shuxing dd,.lgprofloor .singlePage,.lgprofloor{font-size: 14px;}
	
}
/* lgprofloor冰箱卖点样式 singlePage end */




.CF-menu{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c61a47+0,c81b23+6,28a0c4+15,0d5797+26,466a76+30,e09d1f+38,b1a628+46,81af31+54,cf4b1d+71,cd444d+78,26a099+90,51a042+100 */
background: -moz-linear-gradient(left,  rgba(198,26,71,1) 0%, rgba(200,27,35,1) 6%, rgba(40,160,196,1) 15%, rgba(13,87,151,1) 26%, rgba(70,106,118,1) 30%, rgba(224,157,31,1) 38%, rgba(177,166,40,1) 46%, rgba(129,175,49,1) 54%, rgba(207,75,29,1) 71%, rgba(205,68,77,1) 78%, rgba(38,160,153,1) 90%, rgba(81,160,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.CF-menu.fixed{position: fixed; left: 0; width: 100%; top: 0; z-index: 200; transition: 0.3s;}
.CF-menu.fixed.hide{opacity: 0;-webkit-opacity: 0; transform: translateY(-80px);-webkit-transform: translateY(-80px);-ms-transform: translateY(-80px);}
.CF-menu ul{display: table; width: 100%; height: 80px;}
.CF-menu li{display: table-cell; vertical-align: middle; cursor: pointer;position: relative; width: 25%; text-align: center;}
.CF-menu li i{position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%;}
.CF-menu li i:after{position: absolute; content: ''; right: 0; top: 50%; margin-top: -10px; height: 20px;background: rgba(255,255,255,0.1); width: 1px;}
.CF-menu li:before{position: absolute; left: 0; top: 0; width: 100%; bottom: 0;background: rgba(0,0,0,0.5); z-index: 1; content: '';transition: 0.3s;}
.CF-menu li aside{position: relative; z-index: 3;color: #fff;font-size: 18px; padding: 0 5px;}
.CF-menu li.active:before,
.CF-menu li:hover:before{-webkit-opacity: 0;opacity: 0;}
@media(max-width:640px){
.CF-menu li aside{font-size: 15px;}
.CF-menu ul{height: 60px;}
}
@media(max-width:480px){
.CF-menu li aside{font-size: 12px;}
}

.cf-list{padding-bottom: 6%; border-bottom: 1px solid rgba(255,255,255,0.05);margin-bottom: 6%;}
.cf-list .list-box{margin-top: 10%;}
.cf-list .list-box .pic-list li:not(:last-child){margin-bottom: 2px;}
.cf-list .list-box .pic-list li{position: relative;overflow: hidden;}
.cf-list .list-box .pic-list li a,
.cf-list .list-box .pic-list li .hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.cf-list .list-box .pic-list li .hover{z-index: 5; text-align: center;background: rgba(255,255,255,0.7); transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); opacity: 0; -webkit-opacity: 0; transition: 0.5s;-ms-transition: 0.5s;}
.cf-list .list-box .pic-list li:hover .hover{opacity: 1;-webkit-opacity: 1; transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}
.cf-list .list-box .pic-list li .hover aside{display: inline-block; text-align: left;max-width: 90%; min-height: 99px; padding-left: 136px;background: url(../images/play.png) no-repeat left top;background-size: 99px auto; font-size: 36px; line-height: 48px;color: #e25f26; max-height:144px;overflow: hidden;}
.cf-list .list-box .title{font-size: 36px;color: #fff;line-height: 1.333em;}
@media(max-width:640px){
.cf-list .list-box .pic-list li .hover aside{font-size: 20px; line-height: 30px;max-height: 90px;min-height: 60px;background-size:60px auto;padding-left: 90px;}
.cf-list .list-box .title{font-size: 24px;}
}
.cf-list .list-box .title:after{display: block;content: ''; height: 2px;width: 100%; margin:34px 0 72px 0;
background: -moz-linear-gradient(left,  rgba(198,26,71,1) 0%, rgba(200,27,35,1) 6%, rgba(40,160,196,1) 15%, rgba(13,87,151,1) 26%, rgba(70,106,118,1) 30%, rgba(224,157,31,1) 38%, rgba(177,166,40,1) 46%, rgba(129,175,49,1) 54%, rgba(207,75,29,1) 71%, rgba(205,68,77,1) 78%, rgba(38,160,153,1) 90%, rgba(81,160,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cf-list .list-box .singlePage{line-height: 30px;}
@media(min-width:1025px){
.cf-list .list-box .pic-list{width: 46.053%;}
.cf-list .list-box:nth-child(2n-1) .txt-main{padding-left: 10%;}
.cf-list .list-box:nth-child(2n) .txt-main{padding-right: 10%;}
}
@media(max-width:1024px){
.cf-list .list-box,
.cf-list .list-box > .ytable-cell{display: block}
.cf-list{max-width: 700px;margin-left: auto; margin-right: auto;}
.cf-list .list-box .txt-main{ padding: 40px 0 30px 0;}
}

.fast-links{padding-bottom: 8.4%;}
.fast-links .title{text-align: center;font-size: 36px;padding-bottom: 50px;color: #fff; text-transform: uppercase;}
.fast-links li{position: relative;}
.fast-links li a{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%; background: rgba(0,0,0,0.5);transition: 0.3s;}
.fast-links li a:hover{opacity: 0;-webkit-opacity: 0;}
@media(min-width:769px){
.fast-links li{float: left; width: 50%;}
}
@media(max-width:640px){
.fast-links .title{font-size: 24px; padding-bottom: 30px;}
}

.back-to-top{padding: 80px 0; text-align: center;}
.back-to-top i{cursor: pointer; display: inline-block; width: 200px; font-size: 16px;line-height: 55px; border-radius: 55px; border: 1px solid rgba(255,255,255,0.1);font-style: normal; transition: 0.3s;}
.back-to-top i:hover{background: #e25f26; color: #fff;}
@media(max-width:1024px){
.back-to-top{padding:40px 0; }
}

.singlePage{font-size: 16px;}

.info-same-dl dd{position: relative;padding-left: 14px;line-height: 20px;margin-bottom: 16px;}
.info-same-dl dd:before{position: absolute; content: ''; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background:#666;}
/*edit*/
.css-36-1 .txt{position: absolute; left: 0;width: 100%; color: #fff; top: 10%;font-size: 100px; text-align: center;}
.css-36-1 .txt aside{font-size: 0.4em;}
.css-36-1 .txt .f-en-t{font-size: 1.2em;}
@media(max-width:1200px){
.css-36-1 .txt{font-size: 80px;}
}
@media(max-width:768px){
.css-36-1 .txt{font-size: 50px;}
}
@media(max-width:640px){
.css-36-1 .txt{font-size: 30px;}
}

.css-36-2{padding: 3% 0 4% 0;}
.css-36-2 .auto-inner{max-width: 1205px;}
.css-36-2 dd{float: left;  text-align: center;color: #fff; margin: 5% 0;}
.css-36-2 dd span{font-size: 60px;color: #ea6011;display: inline-block;position: relative;}
.css-36-2 dd i{font-style: normal;}
.css-36-2 dd sub{display: inline-block;vertical-align: baseline; font-size: 18px;}
@media(min-width:769px){
.css-36-2 dd{width: 33.3333%;}
.css-36-2 dd:nth-child(3n+1){clear: left;}
}
@media(max-width:768px){
.css-36-2 dd{width: 50%;}
.css-36-2 dd:nth-child(2n+1){clear: left;}
}
@media(max-width:640px){
.css-36-2 dd span{font-size: 28px;}
.css-36-2 dd sub{bottom: 8px;font-size: 16px;}
}

/*.css-36-3 .txt{position: absolute; left: 0;width: 100%; color: #ea6011; top: 50%; transform: translateY(-50%);font-size: 100px; text-align: center;}
.css-36-3 .txt .auto-inner{max-width: 1212px;}
.css-36-3 .txt .f-cn-t-m{font-size: 0.36em; margin-bottom: 0.6538em; text-transform: uppercase;}
.css-36-3 .txt aside{line-height: 1.666em;font-size: 0.18em;color: #fff;}
@media(max-width:1024px){
.css-36-3{overflow: hidden;}
.css-36-3 > img{width: 180%; margin-left: -40%; max-width: inherit;}
}
@media(max-width:768px){
.css-36-3 .txt{font-size:60px;}
}
@media(max-width:480px){
.css-36-3 > img{width: 220%; margin-left: -60%; }
}*/

.css-36-3{overflow: hidden;}
.css-36-3 .txt{color: #ea6011; font-size: 100px; text-align: center;}
.css-36-3 .txt .auto-inner{max-width: 1212px;}
.css-36-3 .txt .f-cn-t-m{font-size: 0.36em; margin-bottom: 1.63888em; text-transform: uppercase;}
.css-36-3 .txt aside{line-height: 2em;font-size: 0.16em;color: #aaa;}
.css-36-3 > img{max-width: inherit;}
@media(min-width:641px){
.css-36-3 .txt{position: absolute; left: 0;width: 100%; top: 50%; transform: translateY(-50%);}
}
@media(min-width:641px) and (max-width:1024px){
.css-36-3 > img{width: 180%; margin-left: -40%; }
}
@media(max-width:768px){
.css-36-3 .txt{font-size:60px;}
}
@media(max-width:640px){
.css-36-3 > img{position:absolute;min-width:100%;min-height:100%;top: 50%;left: 50%; transform: translate(-50%,-50%); z-index:1;}
.css-36-3 .txt{position:relative; z-index:3; padding:6% 0;}
.css-36-3 .txt aside{font-size:14px;line-height:24px;}
}


.css-36-4{padding: 8.408% 0 7.357% 0;}
/*.css-36-4 .auto-inner{max-width: 1520px;}*/
.css-36-4 .pic .main{position: relative;}
.css-36-4 .pic .logo{position: absolute; right: -14.8232%; top: -8%; width: 29.642%; z-index: 10;}
.css-36-4 .txt{padding: 0 4%; font-size:100px;}
.css-36-4 .txt .f-cn-t-m{font-size: 0.36em;color: #ea6011; margin-bottom:8%;}
.css-36-4 .txt dl{color:#fff;font-size:0.18em;line-height:2.22em;}
.css-36-4 .txt dd{padding-left:20px;position:relative;}
.css-36-4 .txt dd:before{position:absolute;content:''; width:8px;height:8px;background:#ea6011;left:0; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg); top:0.9em;}
@media(min-width:769px) and (max-width:1200px){
.css-36-4 .txt{padding-left: 10%;}
.css-36-4 .txt .f-cn-t-m{font-size: 0.3em; margin-bottom: 1.333em;line-height: normal;}
}
@media(min-width:769px){
.css-36-4 .txt .main{float: right;width: 73.23%;}
.css-36-4 .pic{width: 36.385%;}
}
@media(max-width:768px){
.css-36-4 .txt{font-size:60px;}
.css-36-4 .ytable,
.css-36-4 .ytable-cell{display: block;}
.css-36-4 .pic{width:80%;margin: 0 auto;}
.css-36-4 .pic .main{padding-right:15%;padding-top:10%;}
.css-36-4 .pic .logo{right: 0; top: 0;}
.css-36-4 .txt{padding:40px 3% 3%;}
.css-36-4 .txt dl{font-size:14px;line-height:24px;}
}

/*banner edit*/
.css-41-3 .Ispic{padding-top: 3%;}
.css-41-3 .pic{width: 25.198%;}
.css-41-3 .pic > img{z-index: 10;position: relative;}
.css-41-3 .pic .small{position: absolute; z-index: 2; width: 85.64%; left: 79%; bottom: 7%;}
.css-41-3 .txt{font-size: 100px;position: absolute; right: 8%; top: 50%; transform: translateY(-50%); width: 25.789%;}
.css-41-3 .txt aside{font-size: 0.48em; margin-bottom: 8%;}
.css-41-3 .txt p{line-height: 2.25em; font-size: 0.16em;}
@media(min-width:1025px){
.css-41-3 .pic{margin-left: 14.014%}
}
@media(max-width:1024px){
.css-41-3 .pic{margin-left:4%}
.css-41-3 .txt{width: 40%;right: 4%; }
.css-41-3 .txt{font-size: 80px;}
}
@media(max-width:768px){
.css-41-3 .txt{font-size: 60px;}
}
@media(max-width:640px){
.css-41-3 .txt{font-size: 40px;}
}


.css-41-13 .txt{position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 10;color: #fff;font-size: 100px; padding: 0 5%;}
.css-41-13 .txt aside.f-en-t{font-size: 0.6em;}
.css-41-13 .txt p.p-1{font-size: 0.3em; margin-bottom: 2.8%; margin-top: 1.8%;}
.css-41-13 .txt p.p-2{line-height: 2.25em;font-size: 0.16em;}
@media(max-width:1024px){
.css-41-13 .txt{font-size: 80px;}
}
@media(max-width:768px){
.css-41-13 .pic{overflow: hidden;}
.css-41-13 .pic img{max-width: inherit; width: 180%; margin-left: -40%;}
.css-41-13 .txt{font-size: 70px;}
}
@media(max-width:640px){
.css-41-13 .txt{font-size: 40px;}
}

.css-13-1 aside.f-en-t{font-size: 48px;}
.css-13-1 p{line-height: 36px;font-size: 16px; text-transform: uppercase;}
.prod-technology .box-2 .css-13-1 p{max-width: 587px; margin-left:auto; margin-right: auto;}

@media(max-width:1366px){
.css-13-1 aside.f-en-t{font-size: 32px;}
}


.css-11-same aside.f-en-t{font-size:50px;margin-bottom:52px;line-height: 56px;}
.css-11-same p{line-height: 36px;}
@media(max-width:768px){
.css-11-same aside.f-en-t{font-size: 32px;line-height: normal; margin-bottom: 36px;}
.css-11-same p{line-height: 28px;}
}
@media(max-width:480px){
.css-11-same aside.f-en-t{font-size: 26px;}
.css-11-same p{line-height: 24px;}
}

.css-11-2 li{position: relative;}
@media(min-width:769px){
.css-11-2 li aside.f-en-t{font-size:44px;}
}
.css-11-2 li .txt{padding: 0 8.334%; }
.css-11-2 li .pic img{max-width: 80%;}
.css-11-2 li:nth-child(1){background: #202020;}
.css-11-2 li:nth-child(2){background: #181818;}
@media(min-width:768px){
.css-11-2 li .txt{position: absolute; left: 0; top: 10%; width: 100%; max-width: 681px; z-index: 10;}
.css-11-2 li .pic{text-align: right; padding-top: 42.5%;}
}
@media(min-width:1201px){
.css-11-2 li{float: left;width: 50%;}
}
@media(min-width:1201px) and (max-width:1500px){
.css-11-2 li .pic{padding-top:55%;}
}
@media(min-width:1201px) and (max-width:1280px){
.css-11-2 li .pic{padding-top:60%;}
}
@media(max-width:768px){
.css-11-2 li .pic{text-align: center;}
.css-11-2 li .txt{padding: 5%; }
}

.css-11-3{background-position: center bottom;background-size: cover;}
.css-11-3 .txt p{max-width: 644px;}
.css-11-3 .pic{vertical-align: bottom;text-align: center;}
@media(min-width:1025px){
.css-11-3 .txt{width: 50%;}
.css-11-3 .pic{ padding-top: 7%;}
}
@media(max-width:1024px){
.css-11-3 .ytable,
.css-11-3 .ytable-cell{display: block;}
.css-11-3 .txt p{ margin-left: auto; margin-right: auto;}
.css-11-3 .txt{padding: 40px 0;text-align: center;}
.css-11-3 .pic img{width: 80%;}
}


.css-11-4{padding-top: 6%;background-position: center bottom;background-size: cover;}
.css-11-4 .auto-inner{width: 50%; max-width: 521px;}
.css-11-4 li{position: absolute; width: 69.29%; height: 1px;background: rgba(255,255,255,0.3);}
.css-11-4 li .icon{border: 1px solid rgba(255,255,255,0.3);position: absolute; width: 82px; top: 50%; transform: translateY(-50%);}
.css-11-4 li .icon img{display: block;}
.css-11-4 li .icon.l{right: 100%;}
.css-11-4 li .icon.r{left: 100%;}
.css-11-4 li:nth-child(1){right: 77%; top: 16%; }
.css-11-4 li:nth-child(2){left: 70%; top: 11%;}
.css-11-4 li:nth-child(3){right: 60%; top: 34.5%;}
.css-11-4 li:nth-child(4){left: 63%;top: 27%;width: 85.413%;}
.css-11-4 li:nth-child(5){right: 80%;top: 56%;}
.css-11-4 li:nth-child(6){left: 95%; top: 47%;width: 44.338%;}
.css-11-4 li:nth-child(7){width: 79.847%; left: 80%; top:60%;}
.css-11-4 li:nth-child(8){ bottom: 25%;right: 52%;}
.css-11-4 li:nth-child(9){bottom: 25%; left: 56%; width: 72.169%;}
@media(max-width:1440px){
.css-11-4 .auto-inner{width: 40%;}
.css-11-4 li .icon{width: 70px;}
}
@media(max-width:1280px){
.css-11-4 li{width: 50%!important;}
}
@media(max-width:1024px){
.css-11-4 li .icon{width: 50px;}
}
@media(max-width:640px){
.css-11-4 li{width: 60%!important;}
.css-11-4 .auto-inner{width: 37%;}
.css-11-4 li .icon{width: 28px;}
.css-11-4 li:nth-child(6){top: 43%;}
}


.css-11-5 .box-2{background: #e25f26; text-align: center;color: #fff; padding: 3%;}
.css-11-5 .box-2 aside.f-en-t{font-size: 30px; margin-bottom: 18px;}
.css-11-5 .box-2 p{font-size: 26px; margin: 0;}
@media(min-width:769px){
.css-11-5 .box-1 .txt{position: absolute; left: 0;width: 100%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.css-11-5 .box-1 .txt .auto-inner > *{width: 50%;}
}
@media(max-width:1024px){
.css-11-5 .box-1{overflow: hidden;}
.css-11-5 .box-1 > img{width: 180%; margin-left: -40%;max-width: inherit;}
}
@media(max-width:768px){
.css-11-5 .box-2,
.css-11-5 .box-1 .txt{padding: 40px 0;}
.css-11-5 .box-2 aside.f-en-t{font-size: 22px;line-height: normal;}
.css-11-5 .box-2 p{font-size: 18px;}
}

.css-11-6{overflow: hidden;}
.css-11-6 .txt{position: absolute; left: 0; top: 0; height:83%; width: 100%; z-index: 10;}
.css-11-6 .txt .auto-inner{padding-left: 31%;}
.css-11-6 .txt .main{max-width: 780px;}
.css-11-6 .txt aside.f-en-t{ margin-bottom: 33px;}
.css-11-6 .txt dd{float: left; margin-left: 1%; margin-top: 4%;}
.css-11-6 .txt dd:not(:last-child){margin-right: 8%;}
@media(max-width:1280px){
.css-11-6 .txt aside.f-en-t{font-size: 32px;line-height: normal;}
.css-11-6 .txt p{margin: 0;line-height: 30px;}
.css-11-6 .txt dd{margin-top:2%;}
}
@media(max-width:1024px){
.css-11-6 > img{max-width: inherit; width: 150%; margin-left: -15%;}
}
@media(max-width:768px){
.css-11-6 .txt aside.f-en-t{font-size: 24px;}
.css-11-6 .txt p{line-height: 20px;font-size: 14px;}
.css-11-6 .txt dd img{width: 50px;}
}
@media(max-width:640px){
.css-11-6 .txt aside.f-en-t{font-size: 16px; margin: 0;}
.css-11-6 .txt p{line-height: 18px;font-size: 12px; margin: 10px 0;}
.css-11-6 .txt dd img{width: 40px;}
}


.css-11-7{padding-top: 5%;}
.css-11-7 .pic .main{position: relative;}
.css-11-7 .pic .p{position: absolute; bottom: 0;  max-height: 100%; width: 100%; text-align: center; z-index: 10;}
.css-11-7 .pic .p img{width: 49.179%;}
.css-11-7 .pic dd{position: absolute; width: 16.649%;animation:scaleA 2s infinite linear;}
.css-11-7 .pic dd:nth-child(1),
.css-11-7 .pic dd:nth-child(2){ top: 5%;}
.css-11-7 .pic dd:nth-child(1){left: 22%;}
.css-11-7 .pic dd:nth-child(2){right: 22%;}
.css-11-7 .pic dd:nth-child(3),
.css-11-7 .pic dd:nth-child(4){ top:35%;}
.css-11-7 .pic dd:nth-child(3){left: -2%;}
.css-11-7 .pic dd:nth-child(4){right: 0;}
.css-11-7 .pic dd:nth-child(5),
.css-11-7 .pic dd:nth-child(6){ bottom: 20%;}
.css-11-7 .pic dd:nth-child(5){left: 7%;}
.css-11-7 .pic dd:nth-child(6){right:3%;}
.css-11-7 .pic .main > img{animation:zhuan 5s infinite linear;-webkit-animation:zhuan 5s infinite linear;-ms-animation:zhuan 5s infinite linear;}
@keyframes zhuan{
	0%{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@-webkit-keyframes zhuan{
	0%{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@-ms-keyframes zhuan{
	0%{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@keyframes scaleA{
	0%{transform: scale(1);}
	50%{transform: scale(0.9);}
	100%{transform: scale(1);}
}
@media(min-width:1681px){
.css-11-7 .pic .main{width: 107.666%;}
}
@media(min-width:1025px){
.css-11-7 .pic{width: 55.79%;}
.css-11-7 .txt p{max-width: 582px;}
}
@media(max-width:1024px){
.css-11-7 .ytable,
.css-11-7 .ytable-cell{display: block;}
.css-11-7 .txt{text-align: center;}
}

.css-11-8{padding-top: 5%; background-position: center right;background-size: cover;}
.css-11-8 .pic{width: 48.24%; padding-left: 2%; vertical-align: bottom}
.css-11-8 .pic .zoom{position: absolute; width: 23.965%; right: -2%; top: 16%;}
.css-11-8 .txt aside.f-en-t{padding-left: 23%;line-height: 60px;margin-bottom: 0;}
@media(min-width:1025px){

}
@media(max-width:1440px){
.css-11-8 .txt aside.f-en-t{font-size: 40px;}
}
@media(max-width:1024px){
.css-11-8 .txt aside.f-en-t{font-size: 30px;line-height: 40px;}
}
@media(max-width:640px){
.css-11-8 .txt aside.f-en-t{font-size: 20px;line-height: 30px;padding-left: 10%;}
}
@media(max-width:480px){
.css-11-8 .txt aside.f-en-t{font-size: 16px;line-height: 24px;}
}

.css-11-9{padding: 8% 3% 7% 3%; text-align: center;}
.css-11-9 p{max-width: 1111px; margin: 0 auto 70px;}
.css-11-9 aside.f-en-t{margin-bottom: 33px;}
.css-11-9 dd{display: inline-block; vertical-align: top;margin: 0 1.3% 38px; max-width: 130px;}
.css-11-9 dd aside{margin-top: 10px;}

/*#fullPage .fs24{font-size: 24px;}
#fullPage .lh30{line-height: 30px;}*/
#fullPage {color: #aaa;}

.css-7-9 li{position: relative;}
.css-7-9 li .txt{position: absolute; z-index: 10; left: 10.417%; width: 78%; top: 15%; }
.css-7-9 li .txt aside.f-cn-t{font-size: 24px; margin-bottom: 4%;color: #fff;}
.css-7-9 li .txt aside.f-cn{line-height: 30px;}
@media(min-width:769px){
.css-7-9 li{float: left; width: 50%;}
.css-7-9 li .txt{max-width: 470px;}
}
@media(min-width:1201px){
.css-7-9{height: 102.455%;}
.css-7-9 ul,
.css-7-9 li{height: 100%;}
.css-7-9 li img{height: 100%; max-width: inherit;}
.css-7-9 li:nth-child(1) img{float: right;}
}
@media(max-width:768px){
.css-7-9 li .txt{left: 5%; width: 89%; top: 10%;}
}
@media(max-width:480px){
.css-7-9 li .txt{top: 6%;}
.css-7-9 li .txt aside.f-cn-t{font-size: 18px;}
.css-7-9 li .txt aside.f-cn{line-height: 20px;font-size: 12px;}
}


.css-7-8 .txt aside.f-cn-t{font-size: 60px;color: #fff;line-height: 80px;font-weight: 400; }
.css-7-8 .txt p{margin: 0;}
.css-7-8 .txt p.p1{font-size: 24px;color: #fff; margin: 64px 0 38px 0;}
.css-7-8 .txt p.p2{line-height: 30px; max-width: 480px;}
@media(min-width:769px){
.css-7-8 .txt{position: absolute; left: 12%; width: 39%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
}
@media(max-width:1440px){
.css-7-8 .txt aside.f-cn-t{font-size: 40px;line-height: normal;}
.css-7-8 .txt p.p1{font-size: 20px;}
}
@media(min-width:769px) and (max-width:1024px){
.css-7-8 .txt{left: 5%; width: 46%;}
}
@media(max-width:1024px){
.css-7-8 .txt aside.f-cn-t{font-size: 32px;}
.css-7-8 .txt p.p1{font-size: 18px;margin: 40px 0 20px 0;}
.css-7-8 > img{max-width: inherit; width: 140%; margin-left: -40%;}
}
@media(max-width:768px){
.css-7-8 .txt{ padding: 20px 30px;}
}
@media(max-width:480px){
.css-7-8 .txt aside.f-cn-t{font-size: 24px;}
.css-7-8 .txt p.p1{font-size: 16px;margin: 20px 0 10px 0;}
}

.css-7-7{background-position: center top;background-size: cover;}
.css-7-7 .pic .ytable{max-width: 1615px;}
.css-7-7 .pic .ytable-cell{position: relative;}
.css-7-7 .pic .ytable-cell > div{position: absolute;}
.css-7-7 .pic .area-1 > img{width: 96.44%;}
.css-7-7 .pic .area-1 .guang{width: 45.511%;left: 67.8%;top: 23.5%;}
.css-7-7 .pic .area-1 .zoom{width: 9.753%;left: 109%;top: 22%;}
.css-7-7 .pic .area-2{text-align: right;}
.css-7-7 .pic .area-2 > img{width:37.152%;}
.css-7-7 .pic .area-2 .bo{width:17.648% ;right:37.152%; top: 20%;}
.css-7-7 .pic .area-2 .zoom{right:39%; width: 33.127%; top: 22%;}

.css-7-7 .txt{padding-top: 5%; text-align: center;}
.css-7-7 .txt aside.f-cn-t{font-size: 60px;color: #fff;}
.css-7-7 .txt p.p1{font-size: 24px;color: #fff; margin: 36px 0 25px 0;}
.css-7-7 .txt p.p2{max-width: 581px; margin-left: auto; margin-right: auto;line-height: 30px;}
@media(min-width:1201px){
.css-7-7{height: 100%;}
.css-7-7 .pic{position: absolute; /*height: 55.283%; */left: 0; bottom: 0; width: 100%;}
}
@media(min-width:769px){
.css-7-7 .pic .area-1{width: 40%; }
}
@media(max-width:1024px){
.css-7-7 .txt aside.f-cn-t{font-size: 32px;}
.css-7-7 .txt p.p1{font-size:18px; margin: 25px 0 15px 0;}
}
@media(max-width:768px){
.css-7-7 .pic .ytable,
.css-7-7 .pic .ytable-cell{display: block;}
.css-7-7 .pic .area-1{margin-right: 20%;}
.css-7-7 .txt{padding: 40px 3%;}
.css-7-7 .pic{position: relative; padding-top: 45%;}
.css-7-7 .pic .area-2{position: absolute; left: -19%;top: 0;width: 110%;}
.css-7-7 .txt aside.f-cn-t{font-size: 24px;}
.css-7-7 .txt p.p1{font-size:16px; margin: 20px 0 5px 0;}
}

.css-7-6{background-position: left top;background-size: cover;}
.css-7-6 .auto-inner{max-width: 1760px;}
.css-7-6  li:not(.no){background: rgba(255,255,255,0.05);}
.css-7-6  li .pic img{display: block;width: 100%;}
.css-7-6  li .txt{ padding: 9%;}
.css-7-6  li .txt aside.f-cn-t{font-size: 24px;color: #fff;}
.css-7-6  li .txt aside.f-cn{line-height: 30px; margin-top: 23px;}
@media(min-width:769px){
.css-7-6  ul{display: table; table-layout: fixed;width: 100%;}
.css-7-6  li{display: table-cell; vertical-align: top;}
.css-7-6  li:not(.no){width: 30.114%;}
.css-7-6  li.no{width: 4.829%;}
}
@media(max-width:1200px){
.css-7-6{padding: 40px 0;}
.css-7-6  li .txt aside.f-cn-t{font-size: 20px;}
}
@media(max-width:768px){
.css-7-6  li{margin: 0 auto; max-width: 530px;}
.css-7-6  li.no{display: none;}
.css-7-6  li:not(:last-child){margin-bottom: 30px;}
}

.css-7-5{overflow: hidden;background: #090909;}
.css-7-5 .txt aside.f-cn-t,
.css-7-5 .txt .p-1{color: #fff;}
.css-7-5 .txt aside.f-cn-t{font-size: 60px;line-height: 80px;}
.css-7-5 .txt .p-1{font-size: 24px; margin: 64px 0 22px 0;}
.css-7-5 .txt .p-2{line-height: 30px;}
@media(min-width:641px){
.css-7-5 .txt{left: 12%; width: 40%; top: 50%;position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 10; max-width: 560px;}
}
@media(min-width:1210px){
.css-7-5{height: 100%; overflow: hidden;}
.css-7-5 img{float: right; height: 100%; max-width: inherit; width: auto;}
}
@media(min-width:641px) and (max-width:1366px){
.css-7-5 .txt{left:5%; width: 47%;}
}
@media(max-width:1366px){
.css-7-5 .txt aside.f-cn-t{font-size: 48px;line-height: normal;}
.css-7-5 .txt .p-1{font-size: 20px; margin: 40px 0 10px 0;}
.css-7-5 .txt .p-2{line-height: 24px;}
}
@media(max-width:768px){
.css-7-5 .txt aside.f-cn-t{font-size: 24px;}
.css-7-5 .txt .p-1{font-size: 16px; margin: 20px 0 5px 0;}
}
@media(max-width:640px){
.css-7-5 .txt{text-align:center;padding: 30px 20px;}
.css-7-5 img{width: 200%;margin-left: -100%;max-width: inherit;}
}

.css-7-4 .txt{position: absolute; z-index: 10; left: 51%;/*max-width: 700px; */width: 47%; top: 24%;}
.css-7-4 .txt aside.f-cn-t,
.css-7-4 .txt .p-1{color: #fff;}
.css-7-4 .txt aside.f-cn-t{font-size: 60px;line-height: 80px;}
.css-7-4 .txt .p-1{font-size: 24px; margin: 58px 0 22px 0;}
.css-7-4 .txt .p-2{line-height: 30px;}
@media(min-width:1201px){
.css-7-4{height: 100%;}
.css-7-4 > img{max-width:inherit;position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);-webkit- transform: translateX(-50%);-ms- transform: translateX(-50%); min-width: 100%; min-height: 100%;}
}
@media(max-width:1600px){
.css-7-4 .txt{left: 40%; width: 57%;}
}
@media(max-width:1200px){
.css-7-4{overflow: hidden;}
.css-7-4 > img{width: 150%; margin-left: -24%;max-width:inherit;}
.css-7-4 .txt{left: 35%; width: 62%;}
.css-7-4 .txt aside.f-cn-t{font-size: 48px;line-height: normal;}
.css-7-4 .txt .p-1{font-size: 20px; margin: 40px 0 10px 0;}
.css-7-4 .txt .p-2{line-height: 24px;}
}
@media(max-width:1024px){
.css-7-4 .txt{top: 20%;}
.css-7-4 .txt aside.f-cn-t{font-size: 32px;}
.css-7-4 .txt .p-1{font-size: 18px; margin: 20px 0 5px 0;}
}
@media(min-width:641px){
	.css-7-4 > img.wap{display: none;}
}
@media(max-width:640px){
.css-7-4 > img.pc{display: none;}
}
@media(max-width:640px){
.css-7-4 .txt{top: auto; left: auto; width: auto; padding:40px 20px;}
.css-7-4 > img.wap{width: 100%;margin: 0;}
}
@media(max-width:480px){
.css-7-4 .txt aside.f-cn-t{font-size: 22px;}
.css-7-4 .txt .p-1{font-size:16px; margin: 10px 0 5px 0;}
.css-7-4 .txt .p-2{line-height: 20px;font-size: 12px;}
}


.css-7-3 li{position: relative;overflow: hidden;}
.css-7-3 li:not(:first-child) .txt{top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); left: 9.167%; max-width: 397px;}
.css-7-3 li .txt{position: absolute; z-index: 10;}
.css-7-3 li .txt aside{font-size: 24px;color: #fff;}
.css-7-3 li .txt p{line-height: 30px;}
@media(min-width:1201px){
.css-7-3,
.css-7-3 ul,
.css-7-3 li:nth-child(1){ height: 100%;}
.css-7-3 li{height: 50%;float: left;width: 50%;}
.css-7-3 li .pic{position: absolute; min-width: 100%; bottom: 0; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);max-width: inherit;}
.css-7-3 li:nth-child(1) .txt{top: 8%; left: 24.48%; right: 24.48%;}
}
@media(min-width:1601px){
.css-7-3 li .pic{min-height: 100%;}
}
@media(min-width:1201px) and (max-width:1600px){
.css-7-3 li .pic{height: 100%;}
}
@media(max-width:1600px){
.css-7-3 li:nth-child(1) .txt{left: 15%; right:15%;}
}
@media(max-width:1200px){
.css-7-3 li .pic{width: 100%;}
.css-7-3 li:nth-child(1) .txt{top: 10%; text-align: center; left: 0; width: 100%; padding: 0 10%;}
}
@media(max-width:768px){
	.css-7-3 li:not(:first-child) .txt{left: 3%;max-width: inherit; width: 47%;}
}
@media(max-width:640px){
.css-7-3 li:nth-child(1){padding-top: 100px;background: #121212;}
.css-7-3 li:nth-child(1) .txt{top: 5%;}
.css-7-3 li .txt aside{font-size: 20px;}
.css-7-3 li .txt p{line-height: 24px;}
.css-7-3 li:not(:first-child) .txt p{max-height: 72px; overflow: auto;}
.css-7-3 li:not(:first-child) .pic{width: 140%;margin-left: -27%;max-width: inherit;}
.css-7-3 li:not(:first-child) .txt{width: 53%;}
}

.css-7-2{height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}

.css-7-2 .txt aside.f-cn-t,
.css-7-2 .txt .p-1{color: #fff;}
.css-7-2 .txt aside.f-cn-t{font-size: 60px;line-height: 80px;}
.css-7-2 .txt .p-1{font-size: 24px; margin: 64px 0 22px 0;}
.css-7-2 .txt .p-2{line-height: 30px;}
@media(min-width:1201px){
.css-7-2 .txt{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); left: 12%;}
}
@media(min-width:1201px) and (max-width:1366px){
.css-7-2 .txt{left: 5%;}
}
@media(max-width:1366px){
.css-7-2 .txt aside.f-cn-t{font-size: 48px;line-height: normal;}
.css-7-2 .txt .p-1{font-size: 20px; margin: 40px 0 10px 0;}
.css-7-2 .txt .p-2{line-height: 24px;}
}
@media(max-width:1200px){
.css-7-2 .txt{padding: 40px 3%; width: 50%;}
}
@media(max-width:768px){
.css-7-2{padding-bottom: 64%;background-size: 210% auto; background-position: left 83% bottom -25%;background-color: #010101;}
.css-7-2 .txt{width: auto; text-align: center;}
.css-7-2 .txt aside.f-cn-t{font-size: 24px;}
.css-7-2 .txt .p-1{font-size: 16px; margin: 20px 0 5px 0;}
}

.css-7-1{height: 100%;background-position: center top;background-size: cover;background-repeat: no-repeat;}
.css-7-1 .txt{ text-align: center;color: #fff;font-size: 100px;}
.css-7-1 .txt dl a{display:inline-block; margin: 0 15px; }
.css-7-1 .txt  aside{font-size: 0.8em;line-height: 0.875em;letter-spacing: 0.1em; }
.css-7-1 .txt p{margin: 5% 0 8% 0;	font-size: 0.24em;line-height:2em;letter-spacing: 0.41666em;}
@media(max-width:1600px){
.css-7-1 .txt{font-size: 80px;}
}
@media(max-width:1200px){
.css-7-1{padding-bottom: 50%;}
.css-7-1 .txt{font-size: 60px;}
}
@media(max-width:1024px){
.css-7-1 .txt{font-size: 40px;}
}
@media(min-width:641px){
.css-7-1 .pic,
.css-7-1 .txt{position: absolute;}
.css-7-1 .txt{right: 1.5%; width: 38%;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.css-7-1 .pic{width: 46.398%; left: 1%; bottom: 0;}
.css-7-1 .txt  aside{margin-top: 1em;}
}
@media(max-width:640px){
.css-7-1{padding-bottom: 0;background-size: 175% auto;background-color: #080808;background-position: left top;}
.css-7-1 .txt{font-size: 50px; padding: 40px 0;}
.css-7-1 .pic{margin-left: -17%; display: block;}
}

.css-105-ban{background: #1d1918; padding:12vw 0 0 0; text-align: center;}
.css-105-ban img{max-width: 1444px;width: 80%; margin: 0 auto; display: block;}
.css-105-ban aside{padding:7vw 0 11vw 0;font-size: 36px;letter-spacing: 4px;color: #fff;}
@media(min-width:1025px){
.css-105-ban aside{line-height: 28px;}
}
@media(max-width:640px){
.css-105-ban aside{font-size: 16px;letter-spacing: 0;}
}

.css-111{ text-align: center;color: #fff;font-size: 24px;background: #202020; width: 62%; margin: 0 auto;line-height:2em;}
.css-111 a{color: #e25f26; text-decoration: underline;}
@media(max-width:768px){
.css-111{ width: 90%;font-size: 18px;}
}

.css-42 { font-size: 100px;}
.css-42  .f-cn-t-m{font-size: 0.48em; margin-bottom: 0.384615em;}
.css-42  .f-cn-t{font-size: 0.3em; margin-bottom:1.2em;}
.css-42  dd{position: relative; line-height:40px;padding-left: 26px;font-size: 18px;}
.css-42  dd:before{position: absolute;content: '';left: 3px; top: 16px;margin-left: -3px;background: #ea6011;width: 6px;height: 6px;transform: rotate(45deg);}
@media(max-width:1440px){
.css-42{font-size: 80px;}
}
@media(max-width:640px){
.css-42 .f-cn-t{margin-bottom:2em;}
.css-42 {font-size: 60px;}
.css-42 dd{ line-height:40px;font-size: 16px;}
}

.zengzhang{padding: 8% 0;}
.zengzhang .fr{padding-bottom:40px;}
.zengzhang .data{position:relative; z-index:1;padding-bottom:55.264%;width:122.5%;}
.zengzhang .data ul,
.zengzhang .data dd{position:absolute;}
.zengzhang .data ul{left:0; top:0; width:100%;height:100%;}
.zengzhang .data ul li{float:left; border-left:1px solid rgba(255,255,255,0.3);position:relative;height:100%; width:22.5%;}
.zengzhang .data ul li:nth-child(1){width:10%;}
.zengzhang .data ul li label{position:absolute; top:100%; left:-20px;font-size:18px;padding-top:15px;}
.zengzhang .data dd{width:100%;height:33.3333%;left:0;top:0; z-index:10;}
.zengzhang .data dd:nth-child(2){top:33.33333%;}
.zengzhang .data dd:nth-child(3){top:66.66666%;}
.zengzhang .data dd .zhu{position:absolute;width:15%; transition:width 5s linear; height:50%; top:25%;background:#ff9e5c;}
.zengzhang .data dd:nth-child(2) .zhu{background:#ed7d31;}
.zengzhang .data dd:nth-child(3) .zhu{background:#e25f26;}
.zengzhang .data dd .zhu aside{position:absolute;right:20px; top:50%;font-size:20px;color:#fff;line-height:1.2em; margin-top:-0.6em;}
.zengzhang .data dd  label{position:absolute; right:100%; font-size:16px;padding-right:15px;text-align:right;width:80px;margin-top:-10px;line-height:20px;top:50%;}
.zengzhang .aos-animate dd:nth-child(1) .zhu{width:62%;}
.zengzhang .aos-animate dd:nth-child(2) .zhu{width:68.5%;}
.zengzhang .aos-animate dd:nth-child(3) .zhu{width:77.5%;}
@media (min-width:1025px) {
.zengzhang .fl,
.zengzhang .fr{width:50%;}
.zengzhang .fr{padding-left:80px;}
}
@media (max-width:1280px) {
.zengzhang .data ul li label{font-size:16px;}
}
@media (max-width:1024px) {
.zengzhang .fl,
.zengzhang .fr{float:none;}
.zengzhang .fr{margin-left:64px;padding-top:3vw;padding-left:0;}
}
@media (max-width:640px) {
.zengzhang .data dd .zhu{width:100px; }
.zengzhang .data dd .zhu aside{font-size:4vw; right:10px;}
.zengzhang .data ul li label{font-size:3vw;left: -3vw;}
}

/* 年轻进阶新选择 */
.main-body-sameban .css-7-1{padding-bottom: 50%; height: 0;}
.main-body-sameban .css-7-1 .txt{ color: #333;}
@media (max-width:640px) {
.main-body-sameban .css-7-1{padding-bottom:0; height: auto;}
}

.main-body-sameban .in-menu{position: relative; height: 84px;}
@media (max-width:768px) {
.main-body-sameban .in-menu{height: 54px;}
}
.main-body-sameban .in-menu ul{position: absolute; left: 0; top: 0; width: 100%;height: 100%;background: #fff;}
.main-body-sameban .in-menu.fixed ul{position: fixed; z-index: 100; height: auto;}


.css-47-same{color:#fff;}
.css-47-same .txt{text-align: center; position: relative; z-index: 2;}
.css-47-same .txt h2.f-cn-t-m{font-size: 60px; margin: 0; font-weight: normal; letter-spacing: 2px;}
.css-47-same .txt p.p1{font-size: 28px; margin: 0;letter-spacing: 2px; padding: 2%;}
.css-47-same .txt p.p2{font-size: 20px;margin: 0; line-height: 1.65; padding-top: 20%;}
.css-47-same .bg{overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
@media(min-width:1025px){
.css-47-same .bg{background-image: none !important;}
.css-47-same .txt{ position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}	
}
@media(max-width:1024px){
.css-47-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.css-47-same .bg img{display: none;}
.css-47-same .txt{padding: 5% 0;}
.css-47-same .txt h2.f-cn-t-m{font-size: 32px;}
.css-47-same .txt p.p1{font-size:20px;}
.css-47-same .txt p.p2{font-size: 16px; padding-top: 3%;}
}
@media(max-width:768px){
.css-47-same .txt h2.f-cn-t-m{font-size: 24px;}
.css-47-same .txt p.p1{font-size:18px;}
.css-47-same .txt p.p2{font-size: 14px;}
}
@media(max-width:640px){
.css-47-same .txt h2.f-cn-t-m{font-size: 22px;}
.css-47-same .txt p.p1{font-size:16px;}
}

.css-47-1 .pic{padding-top: 8%;}
@media (max-width:1024px) {
	.css-47-1 .pic{padding-top: 3%;}
	.css-47-1 .pic img{max-width: 284px; width: 50%;}
}

.css-47-2 .txt p.p2{padding-top: 2%;}
.css-47-2 .pic{padding-top: 15%;}
.css-47-2 .pic li{display: inline-block; width: 32%; max-width: 360px;}
.css-47-2 .pic li .inner{position: relative; padding-left: 100px;}
.css-47-2 .pic li .icon{ width: 100px; height: 100px; position: absolute; left: 0; top: 12px;}
.css-47-2 .pic li .word{font-size: 18px; text-align: left;}
.css-47-2 .pic li .word>span{display: block;}
.css-47-2 .pic li .word i{font-style: normal; font-size: 42px;}
@media(max-width:1024px){
.css-47-2 .pic{padding-top: 3%;}	
.css-47-2 .pic li .inner{ padding-left: 75px;}
.css-47-2 .pic li .icon{ width: 60px; height: 60px; top: 2px;}
.css-47-2 .pic li .word i{font-style: normal; font-size: 24px;}
.css-47-2 .pic li .word{font-size: 16px;}
}
@media(max-width:768px){
.css-47-2 .pic li .inner{ padding-left: 55px;}
.css-47-2 .pic li .icon{ top: 10px;}
.css-47-2 .pic li .icon{ width: 40px; height: 40px;}
.css-47-2 .pic li .word i{font-style: normal; font-size: 20px;}
.css-47-2 .pic li .word{font-size: 14px;}
}
@media(max-width:640px){
.css-47-2 .pic{ bottom: 2%;}
.css-47-2 .pic li{ width: 100%; max-width: 200px; display: block; margin: 10px auto;}
}


.css-47-6{color: #333;}
.css-47-6 .pic{padding-top: 12%;}
.css-47-6 .pic p{font-size: 16px;}
@media (max-width:1024px) {
	.css-47-6 .pic{padding-top: 5%;}
	.css-47-6 .pic img{max-width: 290px; width: 50%;}
	.css-47-6 .pic p{font-size: 14px;}
}

/* 欧式美学 */
.css-48-same{color:#fff;}
.css-48-same .txt{text-align: center; position: relative; z-index: 2;}
.css-48-same .txt h2.f-cn-t-m{font-size: 60px; margin: 0; font-weight: normal; letter-spacing: 2px; padding: 2% 0 0;}
.css-48-same .txt p.p1{font-size: 28px; margin: 0;letter-spacing: 2px; padding: 2% 0 0;}
.css-48-same .txt p.p2{font-size: 20px;margin: 0; line-height: 1.65; padding-top: 20%;}
.css-48-same .bg{overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
@media(min-width:1025px){
.css-48-same .bg{background-image: none !important;}
.css-48-same .txt{ position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}	
}
@media(max-width:1024px){
.css-48-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.css-48-same .bg img{display: none;}
.css-48-same .txt{padding: 5% 0;}
.css-48-same .txt h2.f-cn-t-m{font-size: 32px;}
.css-48-same .txt p.p1{font-size:20px;}
.css-48-same .txt p.p2{font-size: 16px; padding-top: 3%;}
.css-48-same .bg img{ width: 150%; position: relative; left: -25%; max-width: none; z-index: 1;}
}
@media(max-width:768px){
.css-48-same .txt h2.f-cn-t-m{font-size: 24px;}
.css-48-same .txt p.p1{font-size:18px;}
.css-48-same .txt p.p2{font-size: 14px;}
.css-48-same .bg img{ width: 200%; left: -50%;}
}
@media(max-width:640px){
.css-48-same .txt h2.f-cn-t-m{font-size: 22px;}
.css-48-same .txt p.p1{font-size:16px;}
}

.css-48-1 .pic{padding-top: 8%;}
.css-48-1 .pic li{display: inline-block; padding: 5% 3% 0;}
.css-48-1 .pic li span{display: block; border: 1px solid #fff; font-size: 18px; width: 80px; height: 80px; line-height: 80px; border-radius: 100%;}
@media (max-width:1024px) {
	.css-48-1 .pic{padding-top: 0%;}
	.css-48-1 .pic li span{font-size: 16px;width: 60px; height: 60px; line-height: 60px;}
}
@media (max-width:768px) {
	.css-48-1 .pic li span{font-size: 14px;width: 40px; height: 40px; line-height: 40px;}
}

/* FROM_GOLBAL_TO_LOCAL */
.css-49-same{color:#fff;}
.css-49-same .txt{text-align: center; position: relative; z-index: 2;}
.css-49-same .txt h2.f-cn-t-m{font-size: 60px; margin: 0; font-weight: normal; letter-spacing: 2px;}
.css-49-same .txt h2.en{font-size: 80px; margin: 0; font-weight: bold; letter-spacing: 2px;}
.css-49-same .txt p.p1{font-size: 28px; margin: 0;letter-spacing: 2px; padding: 2%;}
.css-49-same .txt p.p2{font-size: 20px;margin: 0; line-height: 1.65; padding-top: 20%;}
.css-49-same .bg{overflow: hidden;  background-repeat: no-repeat; background-position: center; background-size: cover;}
@media(min-width:1025px){
.css-49-same .bg{background-image: none !important;}
.css-49-same .txt{ position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}	
}
@media(max-width:1024px){
.css-49-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.css-49-same .bg img{display: none;}
.css-49-same .txt{padding: 5% 0;}
.css-49-same .txt h2.en{font-size: 42px;}
.css-49-same .txt h2.f-cn-t-m{font-size: 32px;}
.css-49-same .txt p.p1{font-size:20px;}
.css-49-same .txt p.p2{font-size: 16px; padding-top: 3%;}
}
@media(max-width:768px){
.css-49-same .txt h2.en{font-size: 34px;}
.css-49-same .txt h2.f-cn-t-m{font-size: 24px;}
.css-49-same .txt p.p1{font-size:18px;}
.css-49-same .txt p.p2{font-size: 14px;}
}
@media(max-width:640px){
.css-49-same .txt h2.en{font-size: 32px;}
.css-49-same .txt h2.f-cn-t-m{font-size: 22px;}
.css-49-same .txt p.p1{font-size:16px;}
}

.css-49-2,.css-49-4,.css-49-5{color:#333;}
.css-49-2 ul{padding-top: 8%;}
.css-49-2 li{float: left; width: 33.3334%; padding: 2%;}
.css-49-2 li .icon{display: block; margin: 0 auto; width: 50%; max-width: 100px;}
.css-49-2 li .word .h3{font-size: 28px; margin: 5% 0;font-weight: normal;}
.css-49-2 li .word .p{font-size: 18px; margin: 0;}
@media(max-width:1024px){
.css-49-2 li .word .h3{font-size:20px; margin:0 0 2% 0;}
.css-49-2 li .word .p{font-size: 16px;}
}
@media(max-width:768px){
.css-49-2 ul{padding-top: 3%;}
.css-49-2 li{ width: 100%;}
.css-49-2 li .inner{position: relative; padding-left: 55px; text-align: left;}
.css-49-2 li .icon{display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px;}
.css-49-2 li .word .h3{font-size:18px;}
.css-49-2 li .word .p{font-size: 14px;}
}
@media(max-width:640px){
.css-49-2 li .word .h3{font-size:16px;}	
}

.css-49-4 li{padding: 5% 0;}
.css-49-4 li .inner{position: relative; padding-left: 90px;}
.css-49-4 li .icon{display: block; position: absolute; top: 50%; margin-top: -38px; left: 0; width: 76px; height: 76px;}
.css-49-4 li .word .h3{font-size: 28px; margin: 0; font-weight: normal;}
.css-49-4 li .word .p{font-size: 18px; margin: 0;}
@media (min-width:769px) {
.css-49-4 .table{ display: table; table-layout: fixed; height: 100%; text-align: left;}
.css-49-4 .table-cell{display: table-cell; width: 50%; height: 100%; vertical-align: middle;}
}
@media(max-width:1024px){
.css-49-4 li .word {text-align: left;}
.css-49-4 li .word .h3{font-size:20px;}
.css-49-4 li .word .p{font-size: 16px;}
}
@media(max-width:768px){
.css-49-4 ul{ max-width: 310px; margin: 2% auto 0;}
.css-49-4 li{padding: 3% 0;}
.css-49-4 li .inner{padding-left: 55px;}
.css-49-4 li .word .h3{font-size:18px;}
.css-49-4 li .word .p{font-size: 14px;}
.css-49-4 li .icon{ width: 40px; height: 40px; top: 0; margin-top: 0;}
}
@media(max-width:640px){
.css-49-4 li .word .h3{font-size:16px;}	
}
.css-49-5 .txt{position: relative;top: 0; -webkite-transform: translateY(0);-ms-transform: translateY(0);  transform: translateY(0); padding: 5% 0;}

/* 冰箱产品除第一模块详情样式 */
.bxcss-10-same{color: #fff; line-height: 1.65;}
.bxcss-10-same .bg{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.bxcss-10-same .txt{text-align: left; position: relative; z-index: 2;}
.bxcss-10-same .txt .content{max-width: 720px;}
.bxcss-10-same .txt .auto-inner{padding-right: 43%;}
.bxcss-10-same.padr .txt .auto-inner{padding-left: 43%; padding-right: 0;}
.bxcss-10-same .txt .h2,
.bxcss-10-same .txt .h3,
.bxcss-10-same .txt .h4,
.bxcss-10-same .txt .p{margin: 0; font-weight: normal;}
.bxcss-10-same .txt .h2{font-size: 44px;}
.bxcss-10-same .txt .h3{font-size:30px;}
.bxcss-10-same .txt .h4{font-size:24px;}
.bxcss-10-same .txt .p1{font-size: 18px;}
.bxcss-10-same .txt .p2{font-size: 18px; padding-top: 3%; max-width: 462px;}
.bxcss-10-same .txt .line{display: block; width: 100%; height: 2px; background: #fff; margin: 8% 0;}
@media (min-width:768px) {
	.bxcss-10-same .txt{position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}
	.bxcss-10-same .bg{ background-image: none !important;}
}
@media (max-width:1366px) {
	.bxcss-10-same .txt .h2{font-size: 40px;}
	.bxcss-10-same .txt .h3{font-size:24px;}
	.bxcss-10-same .txt .h4{font-size:22px;}
	.bxcss-10-same .txt .p1,.bxcss-10-same .txt .p2{font-size: 16px;}
}
@media (max-width:1024px) {
	/* .bxcss-10-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	.bxcss-10-same .bg img{display: none;} 
	.bxcss-10-same .txt{padding: 10% 0;} */
	.bxcss-10-same .txt .h2{font-size: 32px;}
	.bxcss-10-same .txt .h3{font-size:20px;}
	.bxcss-10-same .txt .h4{font-size:18px;}
	.bxcss-10-same .txt .p1,.bxcss-10-same .txt .p2{font-size: 14px;}
	
}
@media (max-width:768px) {
	.bxcss-10-same .txt .h2{font-size: 24px;}
	.bxcss-10-same .txt .h3{font-size:18px;}
	.bxcss-10-same .txt .h4{font-size:16px;}
	/* .bxcss-10-same .bg{ background-position: left center;} */
}
@media (max-width:767px) {
	.bxcss-10-same{color: #333; }
	.bxcss-10-same .bg img{position: relative; width: 150%; right: 0; left: -40%; max-width: none; border-bottom: 2px solid #f15022;}
	.bxcss-10-same.padr .bg img{ left: 0; right: -40%;}
	.bxcss-10-same .txt {padding: 6% 0 3%;}
	.bxcss-10-same .txt .auto-inner{padding: 0 !important;}
	.bxcss-10-same .txt .line{background: #333;}
	.bxcss-10-same .txt .h2{font-size: 22px;}
}


.bxcss-10-1 .txt .content{max-width: 300px;}
@media (min-width:1025px) {
	.bxcss-10-1 .txt .content{max-width: 445px;}
}
@media (max-width:767px) {
	.bxcss-10-1{border-top: 2px solid #f15022; padding-top: 4%;}
}

.bxcss-10-3 .txt .ul{background: rgba(0,0,0,0.1); padding: 3%; margin: 8% 0 3%;}
.bxcss-10-3 .txt .ul li{position: relative; z-index: 2; width: 33.3334%; float: left; text-align: center;}
.bxcss-10-3 .txt .ul li .inner>span{display: block;}
.bxcss-10-3 .txt .ul li .icon{max-width: 56px; width: 40%; margin: 0 auto 3%;}
.bxcss-10-3 .txt .ul li .stit{font-size: 18px;}
.bxcss-10-3 .txt .gg{font-size: 26px; text-align: center; padding: 5px; color: #fff;
	background-image: -webkit-linear-gradient(top, #be4817 0%, #e65e20 100%);
	background-image: -o-linear-gradient(top, #be4817 0%, #e65e20 100%);
	background-image: linear-gradient(to bottom, #be4817 0%, #e65e20 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e65e20', endColorstr='#be4817', GradientType=0);}
@media (max-width:1366px) {
	.bxcss-10-3 .txt .ul li .stit{font-size: 16px;}
	.bxcss-10-3 .txt .gg{font-size: 22px;}
}
@media (max-width:1024px) {
	.bxcss-10-3 .txt .ul li .stit{font-size: 14px;}
	.bxcss-10-3 .txt .gg{font-size: 20px;}
}
@media (max-width:768px) {
	.bxcss-10-3 .txt .gg{font-size: 18px;}
}

.bxcss-10-4{display: none;}
.bxcss-10-4 .txt .ul{margin: 8% 0 3%;}
.bxcss-10-4 .txt li{opacity: .38; padding-right:4%; display: inline-block; text-align: center;}
.bxcss-10-4 .txt li+li{position: relative; padding-left: 4%;}
.bxcss-10-4 .txt li+li::before{content: ""; position: absolute; left: 0; top: 0; width: 1px; display: block; height: 100%; background: rgba(255,255,255,.1);}
.bxcss-10-4 .txt li .num{font-size: 40px; display: block;}
.bxcss-10-4 .txt li .stit{font-size: 18px; display: block;}
.bxcss-10-4 .txt li.on{opacity: 1;}
.bxcss-10-4 .txt li.on .stit{color: #f15022;}
@media (max-width:1366px) {
	.bxcss-10-4 .txt li .num{font-size: 32px;}
	.bxcss-10-4 .txt li .stit{font-size: 16px;}
}
@media (max-width:1024px) {
	.bxcss-10-4 .txt li .num{font-size: 24px;}
	.bxcss-10-4 .txt li .stit{font-size: 14px;}
}
@media (max-width:768px) {
	.bxcss-10-4 .txt li .num{font-size: 18px;}
}

.bxcss-10-5 .txt{color: #425b82;}
.bxcss-10-5 .txt .h2,.bxcss-10-5 .txt .h3{color: #184a95;}
.bxcss-10-5 .txt .pic{padding: 8% 0 3% 0;}
@media (max-width:767px) {
	.bxcss-10-5 .txt,.bxcss-10-5 .txt .h2,.bxcss-10-5 .txt .h3{color: #333;}
}

.bxcss-10-6{padding: 8% 0; text-align: center;}
.bxcss-10-6-same{display: inline-block; max-width: 24%; padding: 0 2%; text-align: center;line-height: 1.65;}
.bxcss-10-6-same .word{padding:8% 3%;color: #fff;
background-image: -webkit-linear-gradient(top, #f69147 0%, #ea6011 100%);
	background-image: -o-linear-gradient(top, #f69147 0%, #ea6011 100%);
	background-image: linear-gradient(to bottom, #f69147 0%, #ea6011 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6011', endColorstr='#f69147', GradientType=0);
}
.bxcss-10-6-same .h3{font-size: 32px; margin: 0; font-weight: normal;}
.bxcss-10-6-same .p{font-size: 18px; margin: 0;}
@media (max-width:1366px) {
	.bxcss-10-6-same .h3{font-size: 28px;}
	.bxcss-10-6-same .p{font-size: 16px;}
}
@media (max-width:1024px) {
	.bxcss-10-6-same .h3{font-size: 24px;}
	.bxcss-10-6-same .p{font-size: 14px;}
}
@media (max-width:768px) {
	.bxcss-10-6-same .h3{font-size: 18px;}
}
@media (max-width:767px) {
	.bxcss-10-6-same{max-width: 49%; padding: 1.5%;}
}


.bxcss-10-8_1,.bxcss-10-8_2{float: left; width: 50%; text-align: center;}
.bxcss-10-8_1 .txt,.bxcss-10-8_2 .txt{top: 10%; transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0); color: #333; text-align: center;}
.bxcss-10-8_1 .txt .auto-inner,.bxcss-10-8_2 .txt .auto-inner{padding: 0;}
.bxcss-10-8_1 .txt .content,.bxcss-10-8_2 .txt .content{ width: 100%; max-width: none;}
@media (max-width:767px) {
	.bxcss-10-8_1, .bxcss-10-8_2{width: 100%; float: none;}
	.bxcss-10-8_1 .bg img,.bxcss-10-8_2 .bg img{ max-width: 100%; left: 0; right: 0;}
}

.bxcss-10-9 {background: url(../images/sec9_bg.jpg) no-repeat center; background-size: cover; padding: 8% 0;}
.bxcss-10-9-table{ font-family: 'PuHuiTi-R'; border-top: 1px solid #35393e;border-left: 1px solid #35393e; font-size: 16px; background: #2b3035; box-shadow: 5px 5px 15px rgba(0,0,0,.5); max-width: 476px; margin-left: auto; color: #fff;}
.bxcss-10-9-table .table-head{font-size: 22px; color: #f15022; padding: 10px 30px;border-bottom: 1px solid #35393e;border-right: 1px solid #35393e;}
.bxcss-10-9-table .tr{display: table; table-layout: fixed; width: 100%;}
.bxcss-10-9-table .td{display: table-cell; vertical-align: middle; padding: 10px 30px; border-right: 1px solid #35393e; border-bottom: 1px solid #35393e;}
.bxcss-10-9-table dt.td{width: 35%;}
.bxcss-10-9-table dd.td{width: 65%;}
.bxcss-10-9 .pic{text-align: center;}
@media (max-width:1024px) {
	.bxcss-10-9-table{font-size: 14px;}
	.bxcss-10-9-table .table-head{font-size: 20px;}	
	.bxcss-10-9-table dt.td{width: 49%;}
}
@media (min-width:768px) {
	.bxcss-10-9 .pic{position: absolute; left: 0; top: 50%; width: 55%; max-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.bxcss-10-9 .txt{float: right; width: 45%; position: relative; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); padding: 0;}
}
@media (max-width:767px) {
	.bxcss-10-9 .txt{color: #fff;}
	.bxcss-10-9 .pic{padding-top: 8%;}
}


.bxcss-10-10 .txt .p2{max-width: 425px; padding: 4% 0;}
.bxcss-10-10 ul{overflow: hidden;max-width: 668px; margin-bottom: 6%;}
.bxcss-10-10 li{float: left; width:48%;max-width: 316px;border: 1px solid #252f3d;}
.bxcss-10-10 li:nth-child(2){float: right;}
.bxcss-10-10 li .pic img{display: block; width: 100%;}
.bxcss-10-10 li .in{background: #22282f; text-align: center; padding: 32px 0 20px 0;}
.bxcss-10-10 li .in .t_1{font-size: 26px;opacity: 0.57;}
.bxcss-10-10 li .in .t_1.color{color: #f64f20;opacity: 1;}
.bxcss-10-10 li .in .t_2{font-size: 20px;opacity: 0.32;}
@media(min-width:769px){
.bxcss-10-11 .txt .h2,
.bxcss-10-10 .txt .h2{font-size: 52px;}
.bxcss-10-10 p.tips{color: rgba(255,255,255,0.32); font-size: 20px;}
}
@media(min-width:769px) and (max-width:1280px){
.bxcss-10-10  .txt .h2{font-size: 3.5vw;}
.bxcss-10-10 .txt .h3{font-size: 2vw;}
.bxcss-10-10 li .in{padding: 2vw 0 1vw 0;}
.bxcss-10-10 li .in .t_1{font-size: 1.8vw;}
.bxcss-10-10 p.tips,
.bxcss-10-10 li .in .t_2{font-size: 1.2vw;}
}
@media(max-width:768px){
.bxcss-10-10 li{border-color: rgba(0,0,0,0.1);}
.bxcss-10-10 li .in{background: rgba(0,0,0,0.05); padding: 10px 0;}
.bxcss-10-10 li .in .t_1{font-size: 22px;}
.bxcss-10-10 li .in .t_2{font-size: 16px;}
}
@media(max-width:480px){
.bxcss-10-10 li .in .t_1{font-size: 20px;}
.bxcss-10-10 li .in .t_2{font-size: 12px;}
}


.bxcss-10-11 .txt .content{max-width: 593px;margin: 0 auto;}
.bxcss-10-11 .txt .p2 span{color: #cc4f1a;}
.bxcss-10-11 .pic{position: relative;}
.bxcss-10-11 .pic img{display: block; width: 100%;}
.bxcss-10-11 .pic .in{position: absolute; top: 50%; transform: translateY(-50%);right: 11%; max-width: 104px;}
.bxcss-10-11 .t_1{font-family: 'Gotham-Blod';color: #f15022; font-size: 53px;line-height: 53px;}
.bxcss-10-11 .t_2{font-size: 26px; margin-bottom: 12%;}
.bxcss-10-11 .t_3{font-size: 20px;color: rgba(255,255,255,0.48);}
.bxcss-10-11  p.tips{position: absolute;color: rgba(255,255,255,0.5); margin: 0;}
@media(min-width:769px){
.bxcss-10-11{background: #262b30;}
.bxcss-10-11 .bg img{width: 50%;}
.bxcss-10-11 .txt .content{ width: 75%; }
.bxcss-10-11 .txt .p2{padding: 8% 0 18% 0;}
.bxcss-10-11  p.tips{bottom: 5%; left: 36%;font-size: 20px;}
}
@media(min-width:769px) and (max-width:1280px){
.bxcss-10-11  .txt .h2{font-size: 3.5vw;}
.bxcss-10-11 .txt .h3{font-size: 2vw;}
.bxcss-10-11  .t_1{font-size: 3vw;}
.bxcss-10-11  .t_2{font-size: 1.8vw;}
.bxcss-10-11  .t_3,
.bxcss-10-11 .tips{font-size: 1.2vw;}
}
@media(max-width:768px){
.bxcss-10-11 .pic{margin-top: 4%;color: #fff;}
.bxcss-10-11.padr .bg img{right: 0; width: 100%;}
.bxcss-10-11  p.tips{ right: 3%; bottom: 3%;}
}
@media(max-width:640px){
.bxcss-10-11  .t_1{font-size: 8vw;}
.bxcss-10-11  .t_2{font-size: 4vw;}
.bxcss-10-11  .t_3{font-size: 3.2vw;}
.bxcss-10-11  .txt .in{max-width: 17vw;}
}

.result-search{padding-bottom: 5%;}
.result-search .in-menu{margin-bottom: 5%;}
.result-search .in-menu li a{cursor: pointer;}
.result-search .in-menu li a span{color: #ea6011;}
.result-search .ephotolist,
.result-search .evideolist{padding-top: 0;}


.css-41-9{position: relative;z-index: 1;}
.css-41-9 .txt{position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);font-size: 60px; text-transform: uppercase;color: #FFF;}
@media(max-width:1024px){
.css-41-9 .txt{font-size: 40px;}
}
@media(max-width:640px){
.css-41-9{overflow: hidden;}
.css-41-9 .txt{font-size: 30px;}
.css-41-9 img{max-width: inherit; width: 150%; margin-left: -25%;}
}
@media(max-width:480px){
.css-41-9 .txt{font-size: 24px;}
}

.page-ban{position:relative; z-index:2;}
.ban-link{position:absolute; left:0; top:0; width:100%;height:100%; background:#fff;opacity:0;-webkit-opacity:0; z-index:10;}
@media(min-width:1025px){
.page-ban img.wap{display:none;}
}
@media(max-width:1024px){
.page-ban img.pc{display:none;}
}

.product-com img{transition: 0.8s ease;}
.product-com .txt{transition: 0.5s ease-out;}
.product-com .item:hover img,
.product-com .istop:hover img{transform: scale(1.06);}
.product-com .item:hover .txt,
.product-com .istop:hover .txt{  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  /* IE 9 */
  -moz-transition: translateY(-20px);
  /* Firefox 4 */
  -webkit-transition: translateY(-20px);
  /* Safari and Chrome */
  -o-transition: translateY(-20px);
  /* Opera */}
.product-com .istop,
.product-com .item{overflow: hidden;}
.product-com .istop  .icon{margin-top:8%;}
.product-com .istop  .icon li{float:left;}
.product-com .istop  .icon li:not(:last-child){margin-right:20px;}
.product-com .istop  .icon li img{width:37px;height:37px;}
@media(min-width:1025px){
.product-com .list-item,
.product-com .istop{margin-bottom: 3.946%;}
.product-com .list-item:last-child{margin-bottom: 0;}
.product-com .txt{position: absolute; z-index: 20;   }
.product-com .istop .txt{height: 100%; width: 50%;top: 0;}
.product-com .color_1{color: #fff;}
.product-com .color_0{color: #222;}
.product-com .list-item .item{float: left; width: 48.027%;}
.product-com .list-item .item:nth-child(2){float: right;}
.product-com .item .txt{left: 0;top: 7%;width: 100%;}
.product-com .istop:not(.long) .txt{height:80%;}
.product-com .color_1 .item .title span.t-2{border-color: #fff;}
.product-com .color_0 .item .title span.t-2{border-color: #222;}
.product-com .istop .desc{max-width: 426px;letter-spacing: 47px; color: #fff;}
.product-com .color_0  .more{background-image: url("../images/more_222.png");}
.product-com .color_1  .more{background-image: url("../images/more_fff.png");color: #fff;}
.product-com .istop .txt.left{padding-left: 11.185%; left: 0;}
.product-com .istop .txt.right{padding-right: 11.185%; right: 0;}
.product-com .istop .title span.t-2{color: #fff;}
}
.product-com{padding-top: 4.2%; width: 96%; padding-bottom: 4.2%; }
.product-com .item > a,
.product-com .istop > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 50;}
.product-com .item{text-align: center;}
.product-com .item .title{font-size: 24px;}
.product-com .title span{display: inline-block; vertical-align: middle;}
.product-com .item .title span.t-1,.gd_zdcp_title h1{font-size: 42px;line-height: 0.953em;}
.product-com .item .title span.t-2{line-height: 1.5em; border-width: 2px;border-style:  solid;border-radius: 3px;padding: 0 10px; margin-left: 10px;}
.product-com .item .desc{font-size: 20px; padding: 2% 0 4% 0;}
.product-com .price{font-size: 16px; margin-right: 20px;display: inline-block;color: #e25f26;    
    padding: 0 10px;}
.product-com .price span.f-num{font-size: 24px;}
.product-com .more{display: inline-block; font-size: 18px;padding: 0 16px;background-repeat: no-repeat;background-position: right center; transition: 0.3s;}
/*.product-com .item:hover .more{background-image: url("../images/more_ea6011.png"); padding-right: 22px;color: #ea6011; padding-left: 10px;}*/
.product-com .istop .desc{font-size: 48px;line-height: 1.467em;}
.product-com .istop .title{ font-size: 18px;line-height: 27px; margin: 4% 0 8% 0;}
.product-com .istop .title span.t-1{color: #2b323c;background: #ddd; padding: 0 10px; letter-spacing: 5px; text-indent: 5px;}
.product-com .istop .title span.t-2{font-size: 20px; margin-left: 12px;}
@media(min-width:1025px) and (max-width:1366px){
.product-com .item .title{font-size: 18px;}
.product-com .item .title span.t-1,.gd_zdcp_title h1{font-size: 32px;}
 .product-com .item .desc{font-size: 16px;}
}
@media(min-width:1025px) and (max-width:1166px){
.product-com .istop .desc{font-size: 5vw;}
}
@media(max-width:1024px){
.product-com .istop  .icon ul{display:table;margin:0 auto;}
.product-com{max-width: 730px;}
.product-com .item,
.product-com .istop{margin-bottom: 5vw;}
.product-com .txt{text-align: center;padding-bottom: 3vw;}
.product-com .istop .pic{overflow: hidden;}
.product-com .istop .pic img{max-width: none; width: 208%;margin-left: -15%;}
.product-com .istop  .pic.left img{float: right;margin-right: -23%;}
.product-com .istop .title{margin: 2% 0 4% 0;}
.product-com .more{background-image: url("../images/more_222.png");}
}
@media(max-width:640px){
.product-com .istop .desc{font-size: 9vw;}
.product-com .item .title span.t-1,.gd_zdcp_title h1{font-size: 6vw;}
.product-com .item .title span.t-2{font-size: 4vw;}
}
@media(max-width:480px){
 .product-com .item .desc{font-size: 16px;}
.product-com .istop .title{font-size: 14px;}
.product-com .istop .title span.t-2{font-size: 16px;}
.product-com .item,
.product-com .istop{margin-bottom: 9vw;}
.product-com .txt{padding-bottom: 7vw;}
}

.all-prodCate{background: #111; text-align: center; padding: 2% 0;}
.all-prodCate dt{float: left;}
.all-prodCate dt .icon{max-width:82px; margin: 0 auto 16px; border:1px solid rgba(255,255,255,0.05);border-radius: 10px; transition: 0.3s;}
.all-prodCate dt aside{color: rgba(255,255,255,0.5); font-size: 16px; margin: 0 -5px;}
.all-prodCate dt a:hover .icon{border-color: #e25f26;background: #e25f26;}
.all-prodCate dt a:hover aside{color: #e25f26;}
@media(min-width:769px){
.all-prodCate dt{margin-top: 2%; margin-bottom: 2%;}
.all-prodCate .row-6 dt{width: 16.666%;}
.all-prodCate .row-6 dt:nth-child(6n+1){clear: left;}
.all-prodCate .row-5 dt{width: 20%;}
.all-prodCate .row-5 dt:nth-child(5n+1){clear: left;}
}
@media(max-width:1024px){
.all-prodCate dt{margin-top: 3vw; margin-bottom: 3vw;}
}
@media(max-width:768px){
.all-prodCate dt{width: 49%; }
.all-prodCate dt:not(:nth-child(2n)){margin-right: 2%;}
.all-prodCate dt:nth-child(2n+1){clear: left;}
}
@media(max-width:480px){
.all-prodCate dt aside{font-size: 12px;}
}

#menu{display: none;}
.right-menu{position: fixed; top: 50%; right: 17px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 100;display: none;}
.right-menu li{width: 14px;height: 14px;margin: 6px;position: relative;}
.right-menu li:before{position: absolute; content: ''; width: 4px; height: 4px; left: 50%; top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #333;transition: 0.3s;border-radius: 50%;}
.right-menu li.pid-active:before{width: 100%; height: 100%; background: #e25f26;}
.right-menu li a{position: absolute; right: 0;padding-right: 20px;color: #fff; width: 120px; text-align:right; line-height: 24px; top: 50%; margin-top: -12px;font-size: 0; opacity: 0;}
.right-menu li.pid-active a{font-size: 12px; opacity: 1;}

.fullpage-title{background: #e25f26;color: #fff; font-size: 36px; padding:1.719% 0; text-align: center;}
@media(max-width:1024px){
.fullpage-title{font-size: 4vw;}
}

.zhutui-body .singlePage{height: 100%;background: #000;}
.zhutui-style .ytable{width: 90%;}
 .zhutui-style .f-en{font-family: 'Gotham-Thin';}
@media(max-width:1200px){
 .zhutui-style{height: auto!important;}
}

.zhutui-tit-1{color: #fff;font-size: 45px; line-height: 1.511em;}
.zhutui-tit-2{color: #999;font-size: 40px;padding-top: 2.5%;}
.zhutui-tit-3{color: #fff;font-size: 17px;line-height: 1.875em;padding-top: 5%;}
.zhutui-tit-4{color: #fff;font-size: 20px; padding-bottom: 2%;line-height: 2em;}
.zhutui-tit-5{color: #fff;font-size:12px;text-align: center;padding-top: 10px;}
.zhutui-tit-6{color: #999;font-size: 36px;padding-top: 2.5%;}
.zhutui-tit-7{color: #fff;font-size: 17px;padding-top: 15px; line-height: 1.7647em;}
@media(min-width:1025px) and (max-width:1440px){
.zhutui-tit-1{font-size: 3vw;}
.zhutui-tit-2{font-size: 2.5vw;}
.zhutui-tit-3{font-size: 1.112vw;}
.zhutui-tit-4{font-size: 1.389vw;}
.zhutui-tit-6{font-size: 2.6vw;}
.zhutui-tit-7{font-size: 1.23vw;}
}
@media(max-width:1024px){
.zhutui-tit-1{font-size: 5vw;}
.zhutui-tit-2{font-size: 4.5vw;}
.zhutui-tit-3{font-size: 2vw;}
.zhutui-tit-4{font-size: 3vw;}
.zhutui-tit-6{font-size: 4.4vw; }
.zhutui-tit-7{font-size: 2.23vw;}
}
@media(max-width:480px){
.zhutui-tit-3{font-size: 3vw;}
.zhutui-tit-4{font-size: 3.4vw;}
.zhutui-tit-7{font-size: 3.23vw;}
}

/*.no-tl-fixed{table-layout: inherit;}*/
.max-w570{max-width: 570px;}
.max-w590{max-width: 590px;}
.max-w540{max-width: 540px;}
.max-w500{max-width: 500px;}
.max-w730{max-width: 730px;}
.pad-t-0{padding-top: 0;}
.pad-t-5{padding-top: 5%;}
 .tit-3-pad{padding: 0;}

.editor > div.pic-absolute{background: #000;}

.css-8-m-ul li{float: left;}
.css-8-m-ul.row-3 li{ width: 33.3333%;}
.css-8-m-ul li .inner{display: table; text-align: center;}
.css-8-m-ul li aside{font-size: 14px;padding-top: 15px;color: #fff;}

/*.pic-absolute{background: #000;}*/
@media(min-width:1025px){
 .pic-absolute{height: 100%;overflow: hidden;}
 .pic-absolute .ytable.pr{z-index: 10;}
.pic-absolute .pic img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); min-height: 100%;min-width: 100%;max-width: none;}
}
@media(max-width:1024px){
 .pic-absolute .pic{overflow: hidden;}
.pic-absolute .pic img{max-width: none;}
.pic-absolute .ytable,
.pic-absolute .ytable-cell{display: block;}
.pic-absolute .txt{ padding-top: 6vw;padding-bottom: 6vw;}
}

.css-8-m-1{z-index: 1; background: #040404;}
.css-8-m-1 .ytable{z-index: 3;padding-top: 3vw;}
.css-8-m-1 .zhutui-tit-3:not(.tit-3-pad){padding-bottom: 6vw;}
@media(min-width:1025px){
.css-8-m-1{height: 100%;}
.css-8-m-1 .txt{width: 60%;}
.css-8-m-1 .pic img{position: absolute; z-index: 0; right: 0;bottom: 0;height: 100%; max-width: none;}
}
@media(max-width:1024px){
.css-8-m-1 .pic{overflow: hidden;}
.css-8-m-1 .pic img{float: right;max-width: none; width:175%;}
.css-8-m-1 .ytable-cell,
.css-8-m-1 .ytable{display: block;}
}

.css-8-m-2{background: #000;}
.css-8-m-2 .auto-inner{z-index: 10;}
.css-8-m-2 .txt{padding-top: 8.51vw;}
@media(min-width:1201px){
.css-8-m-2{height: 100%;}
.css-8-m-2 .pic img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width: 100%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-2 .pic{margin-top: -13vw;}
.css-8-m-4{padding: 3vw 0;}
}
@media(max-width:1024px){
.css-8-m-2 .pic{overflow: hidden;margin-top: -22vw;}
 .css-8-m-2 .pic img{display: block; max-width: none; width: 130%; margin-left: -15%;}
.css-8-m-3,
.css-8-m-4{padding-top: 3vw;}
}

.css-8-m-5{height:100%; background: #000;}
.css-8-m-5 .duibi{position: relative;font-size: 24px;color: #fff;}
.css-8-m-5 .duibi li{float:left; width:50%;position: relative;}
.css-8-m-5 .duibi li aside{position: absolute; left: 0; bottom: 13%; width: 100%;  text-align: center; }
.css-8-m-5 .duibi dl{position: absolute; left: 0; width: 100%; top: 0;line-height: 3.416em; z-index: 10; }
.css-8-m-5 .duibi dl dt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.css-8-m-5 .duibi dl dd{float:left; width:50%;}
.css-8-m-5 .duibi dl dd span{background: rgba(0,0,0,0.3); width: 80%; max-width: 400px; text-align: center;}
.css-8-m-5 .duibi dl dd:nth-of-type(1) span{float: right;}
.css-8-m-5 .duibi dl dd:nth-of-type(2) span{float: left;}
.css-8-m-5 .zhutui-tit-3{padding-bottom: 5%;}
@media(min-width:1025px){
.css-8-m-5 .ytable{width: 96%;}
.css-8-m-5 .ytable-cell{ width: 50%;}
}
@media(min-width:1501px){
.css-8-m-5 .img .inner{margin: 0 -6.382%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-5 .duibi{font-size: 2vw; margin-top: 4vw;}
.css-8-m-5 .zhutui-tit-3{width: 80%;}
}
@media(max-width:1024px){
.css-8-m-5 .ytable-cell,
.css-8-m-5 .ytable{display: block;}
.css-8-m-5 .duibi{font-size: 2vw; margin-top: 7vw;}
.css-8-m-5 .duibi dl dd span{width: 50%;}
.css-8-m-5 .txt{padding-bottom: 6vw;}
.css-8-m-5 .txt-area{height: auto!important;}
}

/*卖点二*/
.css-8-m-6 .txt{text-align:center;}
.css-8-m-6 .icon{width: 100%;}
.css-8-m-6 .icon dl{overflow:hidden;}
.css-8-m-6 .icon dd{float:left;width:20%;text-align: center;}
.css-8-m-6 .icon dd aside{font-size: 14px; padding-top: 20px;}
.css-8-m-6 .icon dd img{height:52px;}
@media(min-width:1025px){
.css-8-m-6 .icon,
.css-8-m-6 .txt .zhutui-tit-3{display:inline-block; text-align:left;max-width:650px;}
}
@media(min-width:1025px) and (max-width:1200px){

}
@media(max-width:1200px){
.css-8-m-6 .icon{padding: 3vw 0;}

}
@media(max-width:1024px){
.css-8-m-6 .icon{padding: 3vw 0;}
.css-8-m-6 .max-w540{max-width: none;}
.css-8-m-6 .icon dd{width:25%;}
}
@media(max-width:640px){
.css-8-m-6 .icon dd img{height: 8vw;}
.css-8-m-6 .icon dd aside{font-size: 2.5vw; padding-top: 2vw;}
}

.css-8-m-7 .zhutui-tit-7{padding:8% 0 10% 0;}
.css-8-m-7 .zhutui-tit-5{text-align:left;}
/*
.css-8-m-7 .txt dl{display: table;width: 100%;table-layout: fixed;}
.css-8-m-7 .txt dl > *{display: table-cell; vertical-align: middle;}
.css-8-m-7 .txt dt{width: 300px;}
.css-8-m-7 .txt dd ul{padding-left: 5%;}*/
.css-8-m-7 .txt li:not(:last-child){padding-bottom: 10%;}
.css-8-m-7 .txt li .zhutui-tit-4{padding: 0;}
.css-8-m-7 .txt li .zhutui-tit-5{padding: 0;text-align: left;color: #999;}
@media(min-width:1025px){
.css-8-m-7 .txt{ width: 40%; max-width: 548px;}
.css-8-m-7 .zhutui-tit-5{padding-top:10vh}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-7{padding: 10vw 0;}
}
@media(max-width:1024px){
.css-8-m-7{background: #000; padding-top: 6vw;}
.css-8-m-7 .ytable,
.css-8-m-7 .ytable-cell{display: block;}
/*
.css-8-m-7 .txt dt{width: 40%;}*/
.css-8-m-7 .pic img{width: 160%;float: right;}
}


.css-8-m-8  .zhutui-tit-5{text-align: left; opacity: 0.73;}
.css-8-m-8 .txt ul{padding:3vw 0;}
.css-8-m-8 .txt li:not(:last-child){padding-bottom: 5%;}
.css-8-m-8 .txt li  .zhutui-tit-3{padding:0;}
@media(min-width:1025px){
.css-8-m-8 .txt{ width: 60%; max-width: none;}
}
@media(max-width:1024px){
.css-8-m-8 .txt{padding-bottom: 6vw;}
.css-8-m-8 .pic img{float: right;}
}

.css-8-m-9{height: 100%;background: #000;}
.css-8-m-9  .info  li{float: left; text-align: center;}
.css-8-m-9 .info  li{width:33.33333%}
.css-8-m-9  .info  li aside.tit{color: #fff; font-size: 30px;}
.css-8-m-9  .info  li aside.f-en{font-size: 30px;color: #898989; padding-top: 8%;}
.css-8-m-9 .img dl{display: table; width: 100%; table-layout: fixed;}
.css-8-m-9 .img dl > *{display: table-cell; vertical-align: middle;}
.css-8-m-9 .img dt{width: 188px; text-align: center;padding: 0 12px;color: #fff;}
.css-8-m-9 .img dt span{display: block;font-size: 33px;}
.css-8-m-9 .img dt p{font-size: 14px;line-height: 25px;}
.css-8-m-9 .img dt i{height: 4vw; width: 1px; background: #bababa; display: block; margin: 1.5vw auto;}
.css-8-m-9 .img .zhutui-tit-5{text-align:right;}
.css-8-m-9 .info-inner{width:100%;}
@media(min-width:1025px){
.css-8-m-9 .info-inner .info{float:right;width:70%;max-width:1218px;}
.css-8-m-9 .info{background:rgba(0,0,0,0.7);}
.css-8-m-9 .info ul{ padding:5.23vw 3vw; max-width:1028px;margin:0 auto;}
.css-8-m-9 .img{width: 56.579%;}
.css-8-m-9 .img .zhutui-tit-5{padding-top:3vh;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-8-m-9  .info  li aside.tit{font-size: 2vw;}
.css-8-m-9  .info  li aside.f-en{font-size: 1.5vw;}
}
@media(max-width:1200px){
.css-8-m-9 .txt-area{padding: 5vw 0;height: auto!important;}
}
@media(max-width:1024px){
.css-8-m-9 .ytable,
.css-8-m-9 .ytable-cell{display: block;}
.css-8-m-9 {padding:5vw 0;}
.css-8-m-9 .txt{text-align: center;padding-bottom: 5vw;}
.css-8-m-9   .info  li aside.tit{font-size: 3vw;}
.css-8-m-9  .info  li aside.f-en{font-size: 2.6vw;}
.css-8-m-9-2 .pic img{width:100%;}
.css-8-m-9 .info-inner{padding: 5vw 0;}
}
@media(max-width:640px){
.css-8-m-9 .pic-txt{overflow: hidden;}
.css-8-m-9 .pic-txt > img{width: 200%; max-width: none;}
.css-8-m-9 .img dt{width: 120px;padding: 0 6px;}
.css-8-m-9 .img dt span{font-size: 24px;}
.css-8-m-9 .img dt p{font-size: 12px;line-height: 20px;}
}

.css-8-m-10 .zhutui-tit-7{padding-top:5%;}
/*卖点三*/
.css-8-m-12{background:#151516;}
.css-8-new-10 .txt{text-align:center;}
.css-8-m-12 .tit-area{padding-bottom:2.5%; text-align:center;}
@media(min-width:1025px){
.css-8-m-12{height:100%;}
.css-8-new-10 .ytable{height:70%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-10{padding: 20vw 0;}
}
@media(max-width:1024px){
.css-8-m-10{height: auto!important;}
.css-8-m-10 .pic img{float: right; width: 160%;}
}
/*卖点四*/
.css-8-m-14{background: #000;}
.css-8-m-14 .txt{text-align:center;}
@media(min-width:1025px){
.css-8-m-14 .ytable{height:70%;}
}
@media(min-width:1025px) and (max-width:1200px){
 .css-8-m-14{padding: 20vw 0;}
}
@media(max-width:1024px){
.css-8-m-14 .pic img{float:right;width: 160%;margin-right: -20%;margin-top: -30%;}
.css-8-m-14 .txt{ width: 90%; margin:0 auto;}
}

.css-8-m-15{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.css-8-m-15 .ytable{width: 100%;}
.css-8-m-15 .zhutui-tit-7{padding-top: 8%;}
@media(min-width:1025px){
.css-8-m-15 .img{width: 49.45%;}
.css-8-m-15 .txt .inner{float: right; max-width: 740px; width: 90%;}
}
@media(min-width:1025px) and (max-width:1200px){
 .css-8-m-15{padding: 10vw 0 10vw 3vw;}
}
@media(max-width:1024px){
.css-8-m-15 .txt{ width: 90%; margin:0 auto;}
}

@media(min-width:1025px){
.css-8-m-17 .txt{position: absolute; left: 0; top:20%; width: 100%; z-index: 10;}
.css-8-m-17 .zhutui-tit-7{padding-top: 3%;}
.css-8-m-17 .zhutui-tit-2{padding-top: 1.5%;}
}
@media(max-width:1024px){
.css-8-m-17 .pic img{width: 120%;float: right;}
}

@media(min-width:1025px){
.css-8-m-18 .txt{position: absolute; left: 0; top:16%; width: 100%; z-index: 10; text-align: center;}
.css-8-m-22 .txt{top:10%;}
.css-8-m-22 .zhutui-tit-3,
.css-8-m-18 .zhutui-tit-7{padding-top: 3%;}
.css-8-m-18 .zhutui-tit-2{padding-top: 1%;}
}
@media(min-width:1025px) and (max-width:1366px){
.css-8-m-22 .txt{top:3vh;}
.css-8-m-22 .zhutui-tit-3{padding-top: 2%;}
.css-8-m-22 .zhutui-tit-1{line-height:1.2em;}
}
@media(min-width:1025px) and (max-width:1200px){
 .css-8-m-18{ height: 70vw;}
}
@media(max-width:1024px){
.css-8-m-18 .pic img{width: 100%;}
.css-8-m-22 .txt{position: relative; z-index: 10;}
.css-8-m-22 .zhutui-tit-1{max-width: 46vw;}
.css-8-m-22 .pic{margin-top: -17vw;}
}

.css-8-m-19{text-align: center;background: #151517;}
.css-8-m-19:not(.css-8-m-20) .pic-area,
.css-8-m-20 .pic-area ul{padding-bottom:3vw;}
.css-8-m-29 .pic-area{padding-bottom:0!important;}
.css-8-m-19 .pic-area .auto-inner{height:auto!important}
.css-8-m-19 .pic-area li{float: left;}
.css-8-m-19 .pic-area li:nth-child(1){width: 49.323%}
.css-8-m-19 .pic-area li:nth-child(2){width: 50.677%}
@media(min-width:1025px){
.css-8-m-19 .zhutui-tit-7{padding-top: 3%;}
.css-8-m-20 .zhutui-tit-2{padding:1vw 0;}
.css-8-m-20 .zhutui-tit-7{padding:0;}
}
@media(max-width:1024px){
.css-8-m-19 .auto-inner{height: auto!important;}
}

.css-8-new-16,
.css-8-m-20{text-align:left;}



/*卖点五*/
.css-8-m-23{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.css-8-m-23 .ul-list li{float: left;width: 50%; position: relative;}
.css-8-m-23 .ul-list li figure{position: absolute; left: 0; bottom: 0; width: 26.079%;}
.css-8-m-23 .ul-list li .info{ padding:0 15%;}
.css-8-m-23 .ul-list li .zhutui-tit-7{padding-top: 0;height: 7.0588em;}
.css-8-m-23 .ul-list li > img{max-width: none;margin-left:-5.4905%; width: 110.981%}
@media(min-width:1441px){
.css-8-m-23 .ul-list ul{margin: 0 -17.106%;}
}
@media(min-width:1025px){
.css-8-m-23 .txt .zhutui-tit-3{max-width:570px;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-23{padding: 5vw 0;}
.css-8-m-23 .ytable,
.css-8-m-23 .ytable-cell{display: block;}
.css-8-m-23 .txt{padding-bottom: 5vw;}
}
@media(max-width:1200px){
 .css-8-m-23 .txt{text-align: center; }
.css-8-m-23 .zhutui-tit-3{max-width: none;}
}
@media(max-width:1024px){
.css-8-m-23{padding-bottom: 6vw;}
.css-8-m-23 .ul-list li .zhutui-tit-7{height: 8.8235em;}
}

.css-8-m-24 .css-8-m-ul{ max-width: 597px;padding-top: 8%;}
@media(min-width:1025px) and (max-width:1500px){
.css-8-m-24 .pic img{left: auto;right:-9%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);}
 .css-8-m-24 .zhutui-tit-3{max-width: 80%;}
}
@media(min-width:1025px) and (max-width:1366px){
 .css-8-m-24 .zhutui-tit-3{max-width: 60%; }
}
@media(max-width:1024px){
.css-8-m-24 .max-w590{max-width: none;}
.css-8-m-24 .css-8-m-ul li img{width: 15vw; max-width: 97px;}
}

.css-8-m-25{background: #0c0c0c;}
.css-8-m-25 .txt{vertical-align:bottom;padding-bottom:1%;}
.css-8-m-25 .pic-area{position: relative;}
@media(min-width:1025px){
.css-8-m-25 .pic-area ol{position: absolute;left:0;width: 100%; z-index:10; top:0; }
.css-8-m-25 .pic-area ol .inner{max-width:816px;margin:0 auto;background: rgba(0,0,0,0.7);padding-bottom:3vw;}
}
.css-8-m-25 .pic-area ol .zhutui-tit-2{padding:0 0 2% 0;}
.css-8-m-25 .pic-area li{position: relative; z-index:1; width: 50%!important;}
.css-8-m-25 .pic-area li .inner{padding:1vw 0; }
.css-8-m-25 .pic-area li .inner > aside{padding: 0;}
@media(max-width:1024px){
.css-8-m-25 .txt{height:auto!important;}
.css-8-m-25 .pic-area ol{width:90%;margin:0 auto;}
.css-8-m-25 .pic-area ol br{display:none;}
.css-8-m-25 .pic-area .zhutui-tit-3{padding:0 0 3% 0;}
}

.css-8-m-26 .txt{top: 10%;}
@media(min-width:1025px) and (max-width:1366px){
.css-8-m-26 .txt{top: 3.5%;}
.css-8-m-26 .txt .zhutui-tit-3{padding-top:1%;}
}

.css-8-m-28 .zhutui-tit-3{line-height: 2.25em;}
@media(min-width:1025px){
.css-8-m-27 .zhutui-tit-3{max-width: 510px;}
.css-8-m-26 .zhutui-tit-3{padding-top:3%;}
 .css-8-m-28 .img{width: 61.316%;position: relative;}
.css-8-m-28 .img:before{position: absolute; content: '';right:0;width: 100%; height: 100%; background: #000; z-index: 100; transition: 1.2s;}
.css-8-m-28 .aos-animate .img:before{width: 0;}
.css-8-m-28 .zhutui-tit-3{max-width: 370px; text-align: justify; padding-bottom: 5vw;}
}
@media(max-width:1024px){
 .css-8-m-28 .img{padding-bottom: 6vw;}
}
/*卖点六*/
.css-8-m-29{background:#151516;text-align:left;}
.css-8-m-29 .zhutui-tit-2,
.css-8-m-29 .zhutui-tit-3{padding-top:0;}
/*.css-8-m-29 .ytable{height: 95%;}
.css-8-m-29 .txt{vertical-align: bottom;}
@media(min-width:1201px){
 .css-8-m-29 .pic img{height: 100%;max-width: inherit;}
}
@media(max-width:1200px){
 .css-8-m-29{padding: 0;}
.css-8-m-29 .txt{padding: 6vw 0;}
 .css-8-m-29 .pic img{position: relative; left: auto;right:auto;max-width: 100%; min-height: inherit; height:  auto; transform: translate(0,0);}
}*/

.css-8-m-30{background-position: center center;background-size: cover;background-repeat: no-repeat;}
.css-8-m-30 .pic-area{position: relative;padding-bottom:0!important;}
.css-8-m-30 .pic-area dl{position: absolute; height: 100%; z-index: 20; opacity: 0.6;}
.css-8-m-30 .pic-area dl.left{left: 0;}
.css-8-m-30 .pic-area dl.right{right: 0;}
.css-8-m-30 .pic-area dd{font-size: 24px;color: #fff;position: absolute;}
.css-8-m-30 .pic-area dl.left dd:nth-child(1){right: 5%; top: 5%;}
.css-8-m-30 .pic-area dl.left dd:nth-child(2){right:25%; top: 17%;}
.css-8-m-30 .pic-area dl.left dd:nth-child(3){right: 5%; top: 70%;}

.css-8-m-30 .pic-area dl.right dd:nth-child(1){left: 5%; top: 11%;}
.css-8-m-30 .pic-area dl.right dd:nth-child(2){left: 30%; top: 65%;}
.css-8-m-30 .pic-area dd:before,
.css-8-m-30 .pic-area dd:after{display: inline-block;font-size: 40px;font-family: 'PuHuiTi-L'; vertical-align: middle;}
.css-8-m-30 .pic-area dd:before{content: "“";}
.css-8-m-30 .pic-area dd:after{content: "”";}
@media(min-width:1025px){
.css-8-m-30 .zhutui-tit-2{padding-top:1%;}
.css-8-m-30 .zhutui-tit-3{padding-top:3%;}
 .css-8-m-30 .pic-area dl{width:27.265625%; }
.css-8-m-30 .pic-area .bingxiang{position: absolute; z-index: 10; left: 27.265625%; bottom: 0; width: 45.46875%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-8-m-30 .pic-area dd{font-size: 1.3vw;}
.css-8-m-30 .pic-area dd:before,
.css-8-m-30 .pic-area dd:after{font-size: 2vw;}
}
@media(max-width:1200px){
.css-8-m-30 .ytable{height: auto!important;}
}
@media(max-width:1024px){
 .css-8-m-30 .pic-area .yingpin{position: relative; overflow: hidden;}
 .css-8-m-30 .pic-area dl{width:100%; }
 .css-8-m-30 .pic-area .yingpin > img{width: 150%; margin-left: -25%;max-width: inherit;}
.css-8-m-30 .pic-area .bingxiang{max-width: 873px; width: 80%; margin: 0 auto;}
.css-8-m-30 .pic-area dl.left dd:nth-child(3){top: 80%;}
.css-8-m-30 .pic-area dl.left dd:nth-child(2){ top: 28%;}
}
@media(max-width:640px){
.css-8-m-30 .pic-area dd{font-size: 3vw;}
.css-8-m-30 .pic-area dd:before,
.css-8-m-30 .pic-area dd:after{font-size: 4vw;}
}

.css-8-m-31{background: #000000;}
@media(min-width:1025px){
 .css-8-m-31 .zhutui-tit-3{max-width: 600px;}
.css-8-m-31 .pic img{min-height: inherit;height: 100%; left: auto;right: 0; top: 0; min-width: inherit; transform: translate(0,0);}
}


/*卖点七*/

@media(min-width:1025px) and (max-width:1500px){
 .css-8-m-32 .pic img{height: 100%; min-height: inherit; }
}
.css-8-m-33 .icon{ text-align:center;}
.css-8-m-33 .icon{margin-top:15%;}
@media(min-width:1025px){
.css-8-m-33 .zhutui-tit-3{max-width: 535px; padding-top: 5%; text-align:justify;}
.css-8-m-33 .icon{max-width:50%;}
}
/*
.css-8-m-33 .zhutui-tit-3{padding-bottom: 8%;}
@media(min-width:1025px){
.css-8-m-33 .pic img{left: 0; top: 0; min-width: inherit;transform: translate(0,0);}
.css-8-m-33 .txt{padding-left: 8%;}
.css-8-m-33 .zhutui-tit-3{max-width: 447px; padding-top: 5%;}
}
@media(max-width:1024px){
.css-8-m-33 .pic img{width: 100%;}
}*/

@media(min-width:1025px){
.css-8-m-34 .zhutui-tit-3{max-width: 540px;}
}
.css-8-m-34 li{float:left; text-align:center;font-size:13px;}
.css-8-m-34 li .icon{display:table; width:100%;height:7vw; margin-bottom:1vw;}
.css-8-m-34 li .icon .inner{display:table-cell;vertical-align:middle;}
.css-8-m-34 li .icon img{max-height:6vw;}
.css-8-m-34 li aside{padding:0 4%;}
@media(min-width:1025px) and (max-width:1366px){
.css-8-m-34 li .icon{height:4vw;}
.css-8-m-34 li .icon img{max-height:3vw;}
}
@media(min-width:769px){
.css-8-m-34 li{width:20%;margin:1vw 0;}
.css-8-m-34 li:nth-child(5n+1){clear:left;}
}
@media(max-width:1024px){
.css-8-m-34 .pic{display:none;}
}
@media(max-width:768px){
.css-8-m-34 li{width:50%;margin:4vw 0;}
.css-8-m-34 li:nth-child(2n+1){clear:left;}
.css-8-m-34 li .icon{height:20vw;}
.css-8-m-34 li .icon img{max-height:12vw;}
}

/*---------------- 2020-9-15-------------------- */

.css-8-new-1 .ytable,
.css-8-new-1 .zhutui-tit-2{padding-top:0;}
.css-8-new-1 .zhutui-tit-3{padding-top:4%;max-width:886px; padding-bottom:4vw!important;}
@media(min-width:1025px){
.css-8-new-1 td.l{width:60%;}
}
@media(min-width:1025px) and (max-width:1560px){
.css-8-new-1 .zhutui-tit-3{padding-top:2%; padding-bottom:2vw!important;}
}
.css-8-new-1 .zhutui-tit-5{text-align:left;padding-top:2vw;}
.css-8-new-1 td.r{text-align:center;padding-bottom:3vw;}
.css-8-new-1 td.r img{width:90%;}
@media(max-width:1024px){
.css-8-new-1 td{display:block;}
.css-8-new-1 td.r{padding-top:3vw;}
}

.css-8-new-2{background:#141414;}
.css-8-new-2 .ytable{width:100%;}
.css-8-new-2 .duibi{position: relative;font-size: 34px;color: #fff;}
.css-8-new-2 .duibi li{float:left; width:50%;position: relative;}
.css-8-new-2 .duibi li aside{text-align: center; font-size:0.5882em;padding-top:4vw;}
.css-8-new-2 .duibi dl{position: absolute; left: 0; width: 100%; top: 0;line-height: 3.416em; z-index: 10; }
.css-8-new-2 .duibi dl dt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.css-8-new-2 .duibi dl dd{float:left; width:50%;}
.css-8-new-2 .duibi dl dd span{background: rgba(23,38,74,0.4); width: 80%; max-width: 400px;  padding: 1% 0;}
.css-8-new-2 .duibi dl dd:nth-of-type(1) span{float: right;padding-left:5%;}
.css-8-new-2 .duibi dl dd:nth-of-type(2) span{float: left;padding-right:5%;text-align: right;}
@media(min-width:1025px){
.css-8-new-2{height:100%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-new-2 .duibi{font-size: 2vw; margin-top: 4vw;}
}
@media(max-width:1024px){
.css-8-new-2 .ytable-cell,
.css-8-new-2 .ytable{display: block;}
.css-8-new-2 .duibi{font-size: 2vw; margin-top: 7vw;}
.css-8-new-2 .duibi dl dd span{width: 50%;}
.css-8-new-2{padding-bottom:6vw;}
}
.css-8-new-2 .zhutui-tit-2{padding-top:1%;}


.css-8-new-16 .pic-area li:nth-child(1){width:52.03125%;}
.css-8-new-16 .pic-area li:nth-child(2){width:47.96875%;}


/*品牌故事*/
.brandStory{overflow:hidden;}
.brandStory-ban .slick-dots{ position: absolute; bottom: 4%; left: 0; width: 100%; text-align: center; z-index: 3;}
.brandStory-ban .slick-dots li{display: inline-block; margin: 0 10px;}
.brandStory-ban .slick-dots li button{ border-radius: 100%; width: 12px; height: 12px;position: relative; display: block;padding:0;cursor:pointer;border:0;background:none;font-size:0;}
.brandStory-ban .slick-dots li button::before{content: ""; position: absolute; top: 50%; left: 50%; overflow: hidden; background: #fff; width: 6px; height: 6px; border-radius: 100%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.brandStory-ban .slick-dots li.slick-active button::before{ background: #ea6011;  width: 100%; height: 100%;}
@media(min-width:1025px){
.brandStory-ban{margin-top: -80px;}
.brandStory-ban li .wap{display:none;}
}
@media(max-width:1024px){
.brandStory-ban li .pc{display:none;}
}
@media(max-width:640px){
.brandStory-ban .slick-dots{bottom:1%;}
.brandStory-ban .slick-dots li{margin: 0 5px;}
.brandStory-ban .slick-dots li button{width: 10px; height: 10px;}
}

.same-47{z-index: 10;color: #fff; overflow: hidden;}
.same-47 .txt{position: absolute; left: 0; top:0; width: 100%; text-align: center; height: 100%; padding: 0 5%; z-index: 10;}
.same-47 .tips{position:absolute ; bottom: 5%;font-size: 13px; max-width: 90%;}
.same-47 .color{color: #e67039;}
.same-47 .p-txt-1{font-size: 17px; line-height: 2.353em;}

.same-47 .fz60{font-size: 60px;}
.same-47 .fz49{font-size: 48px;}
.same-47 .fz37{font-size: 37px;}
.same-47 .fz28{font-size: 28px;}
.same-47 .fz25{font-size: 25px;}
.same-47 .fz22{font-size: 22px;}
.same-47 .fz20{font-size: 20px;}
.same-47 .fz17{font-size: 17px;}
@media(max-width:1024px){
.same-47 .fz60{font-size: 6vw;}
.same-47 .fz49{font-size: 4.5vw;}
.same-47 .fz28{font-size: 2.5vw;}
.same-47 .fz25{font-size: 2.4vw;}
.same-47 .fz22{font-size: 2.3vw;}
}
@media(max-width:640px){
.same-47 .fz49{font-size: 5.6vw;}
.same-47 .fz37{font-size: 5vw;}
.same-47 .fz28{font-size: 4vw;}
.same-47 .fz25{font-size: 3.8vw;}
.same-47 .fz22{font-size: 3.4vw;}
.same-47 .fz20{font-size: 3.2vw;}
.same-47 .fz17{font-size: 3vw;}
}

.css-47-m-1 .tit-1{/*font-size: 60px;*/line-height: 1.25em;padding-bottom: 1em;}
.css-47-m-1 .tit-2{font-size: 28px;padding-bottom: 0.357em;}
.css-47-m-1 .tit-3{font-size: 17px;}
@media(max-width:640px){
.css-47-m-1 .tit-1{font-size: 7vw;}
.css-47-m-1 .tit-2{font-size: 4vw;}
.same-47 .p-txt-1,
.css-47-m-1 .tit-3{font-size: 3vw;}
.same-47 .tips{font-size: 12px;}
}

.css-47-m-2 .tit-1{font-size: 49px;}
.css-47-m-2 .tit-1 span{font-size: 2.102em;}
.css-47-m-2 .tit-2{font-size: 25px; padding: 2% 0;}
@media(max-width:1024px){
.css-47-m-2 > img{max-width: none; width: 160%; margin-left: -30%;}
.css-47-m-2 .tit-1{font-size: 5vw;}
.css-47-m-2 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-2 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
 .css-47-m-2 .tit-2{font-size: 3.5vw;}
}

.css-47-m-3 .tit-1{font-size: 26px; text-transform: uppercase;}
.css-47-m-3 .tit-2{font-size: 49px; padding: 0.775em 0;}
.css-47-m-3 .tit-2 span{font-size: 1.265em;}
.css-47-m-3 ul{max-width: 1410px; width: 90%; margin: 4.887% auto 0;}
.css-47-m-3 li{float: left; text-align: left; font-size: 13px;}
.css-47-m-3 .tips{right: 5%;}
.css-47-m-3 li .num{padding: 10px 0;}
.css-47-m-3 li .num span{font-size: 48px;}
.css-47-m-3 li aside{line-height: 1.846em;}
@media(min-width:1025px){
 .css-47-m-3 li .num{min-width: 120px;} 
 .css-47-m-3 li:last-child .num{min-width: 160px;} 
}
@media(min-width:1025px) and (max-width:1440px){
 .css-47-m-3 > img{max-width: inherit; width: 150%; margin-left: -25%;}
}
@media(max-width:1366px){
.css-47-m-3 li .num span{font-size: 3vw;}
}
@media(max-width:1024px){
.css-47-m-3 .tit-1{font-size: 3vw;}
.css-47-m-3 .tit-2{font-size: 5vw; }
.css-47-m-3 .txt{position: relative; height: auto; z-index: 10; padding-top: 7vw;padding-bottom: 10vw;}
 .css-47-m-3 > img{position: absolute; left: 50%; top: 50%; z-index: 0; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; width: auto; max-width: inherit;}
.css-47-m-3 li{margin: 0 0 4vw 0!important; width: 25%;}
}
@media(max-width:640px){
.css-47-m-3 li{width: 33.333%;}
.css-47-m-3 li .num span{font-size: 5vw;}
.css-47-m-3 .txt{padding-bottom: 15vw;}
.css-47-m-3 .tit-1{font-size: 3.5vw;}
    .css-47-m-3 .p-txt-1 br{display: none;}
}
@media(max-width:480px){
.css-47-m-3 .txt{padding-bottom: 20vw;}
.css-47-m-3 li aside{width: 80%;}
}

.css-47-m-4 .info .inner{ width: 90%;margin: 0 auto;}
.css-47-m-4 .info .p-txt-1{padding-bottom: 12.084%;}
.css-47-m-4 .info ul{border-top: 1px dashed #3e3e3e; padding-top: 6.042%;}
.css-47-m-4 .info li{text-align: center;float: left;}
.css-47-m-4 .info li aside{font-size: 12px;}
.css-47-m-4 .tit-1{font-size: 49px;}
.css-47-m-4 .tit-2{font-size: 25px;padding: 1.7em 0;}
@media(min-width:1025px){
.css-47-m-4 .img{width: 48.871%;}
.css-47-m-4 .info{padding-left: 4.835%;}
.css-47-m-4 .info .inner{max-width: 686px;}
 .css-47-m-4 .info ul{max-width: 662px;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-47-m-4 .img{width: 50%;}
.css-47-m-4 .img{position: relative;}
.css-47-m-4 .img img{position: absolute; top: 0; left: 0; height: 100%; width: auto; max-width: inherit;}
.css-47-m-4 .info{padding-top: 4vw; padding-bottom: 4vw;}
.css-47-m-4 .info li{margin: 0!important; width: 33.3333%;}
}
@media(min-width:1025px) and (max-width:1280px){
 .css-47-m-4 .info{padding-left: 0;}
}
@media(max-width:1024px){
.css-47-m-4 .ytable,
 .css-47-m-4 .ytable-cell{display: block;}
 .css-47-m-4 .info{padding: 5% 0;}
.css-47-m-4 .tit-1{font-size: 5vw;}
.css-47-m-4 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-4 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
.css-47-m-4 .info li{margin: 0 0 3vw 0!important; width: 33.3333%;}
.css-47-m-4 .tit-2{font-size: 3.5vw;}
}
@media(max-width:480px){
.css-47-m-4 .info li{width: 50%;}
}

.css-47-m-5{background: #171717;}
.css-47-m-5 .info{text-align: left;padding-left: 2.943%;}
.css-47-m-5 .tit-1{line-height: 1.25em; text-transform: uppercase;}
.css-47-m-5 .tit-2{font-size: 28px; padding: 5% 0;text-transform: uppercase;}
@media(min-width:1025px){
.css-47-m-5 .ytable-cell{width: 50%;}
.css-47-m-5 > img{width: 52.024%;}
}
@media(min-width:1025px) and (max-width:1500px){
.css-47-m-5 .tit-1{font-size: 3.2vw;}
}
@media(max-width:1024px){
.css-47-m-5 .ytable,
 .css-47-m-5 .ytable-cell{display: block;}
.css-47-m-5 .txt{position: relative; height: auto; padding: 5vw 0;}
.css-47-m-5 .tit-1{font-size: 5vw;}
.css-47-m-5 .tit-2{font-size: 3.2vw;padding: 3vw 0;}
}

.css-47-m-6{overflow: hidden;}
.css-47-m-6 .tips{left: 5%; opacity: 0.3;}
.css-47-m-6 .info .inner{ width: 90%; margin: 0 auto;}
.css-47-m-6 .info ul{border-top: 1px dashed #3e3e3e; padding-top: 5%;}
.css-47-m-6 .info li{text-align: center;float: left; width: 20%; text-align: center; margin-bottom: 3%;}
@media(min-width:1025px){
.css-47-m-6 > img{float: right; width: 55.019%;}
 .css-47-m-6 .info .inner{max-width: 550px;}
}
@media(max-width:640px){
.css-47-m-6 .info li{width: 25%;}
}   
@media(max-width:480px){
.css-47-m-6 .info li{width: 50%;}
}  

.css-47-m-7{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.css-47-m-7 .info .inner{ width: 90%;margin: 0 auto;}
.css-47-m-7 .tit-1{font-size: 49px; line-height: 1.469;}
.css-47-m-7 .tit-2{font-size: 25px;padding: 1.7em 0;}
@media(min-width:1025px){
.css-47-m-7 .img{width: 48.871%; padding-bottom: 4%; position: absolute; top: 0; left: 0; height: 100%;}
.css-47-m-7 .img img{position: absolute; top: 0; left: 0; max-height: 92%; max-width: 100%; width: auto; height: auto;}
.css-47-m-7 .info{padding-right: 2.835%;padding-left: 48.871%;}
.css-47-m-7 .info .inner{ padding: 10% 0 10% 10%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-47-m-7 .info{padding-top: 4vw; padding-bottom: 4vw;}
.css-47-m-7 .info .inner{padding: 0;}
}
@media(min-width:1025px) and (max-width:1280px){
 .css-47-m-7 .info{padding-right: 0;}
}
@media(max-width:1024px){
.css-47-m-7 .ytable,
.css-47-m-7 .ytable-cell{display: block;}
.css-47-m-7 .info{padding: 5% 0;}
.css-47-m-7 .tit-1{font-size: 5vw;}
.css-47-m-7 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-7 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
.css-47-m-7 .tit-2{font-size: 3.5vw;}
}

.css-47-m-8{background-repeat: repeat-x; background-position: top center; background-color: #171717;padding: 5% 0;}
.css-47-m-8 .tips{left: 5%;}
.css-47-m-8 .info .inner{ width: 90%;margin: 0 auto;}
.css-47-m-8 .info .p-txt-1{padding-bottom: 12.084%;}
.css-47-m-8 .info ul{border-top: 1px dashed #3e3e3e; padding-top: 6.042%;}
.css-47-m-8 .info li{text-align: center;float: left;margin:2% 0!important; width: 20%;}
.css-47-m-8 .info li aside{font-size: 12px;}
.css-47-m-8 .tit-1{font-size: 49px;max-width: 478px;}
.css-47-m-8 .tit-2{font-size: 25px;padding: 1.7em 0;}
@media(min-width:1025px){
.css-47-m-8 .img{width: 48.871%;padding: 3%;}
.css-47-m-8 .info{padding-left: 4.835%; width: 50%;}
.css-47-m-8 .info .inner{max-width: 625px;}
.css-47-m-8 .info ul{max-width: 662px;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-47-m-8 .img{width: 50%;}
.css-47-m-8 .img{position: relative;}
.css-47-m-8 .img img{ height: auto; width: 100%; }
.css-47-m-8 .info{padding-top: 4vw; padding-bottom: 4vw;}
}
@media(min-width:1025px) and (max-width:1280px){
 .css-47-m-8 .info{padding-left: 0;}
}
@media(max-width:1024px){
.css-47-m-8 .ytable,
.css-47-m-8 .ytable-cell{display: block;}
.css-47-m-8 .info{padding: 5% 0;}
.css-47-m-8 .tit-1{font-size: 5vw;}
.css-47-m-8 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-8 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
.css-47-m-8 .info li{margin: 0 0 3vw 0!important; width: 33.3333%;}
.css-47-m-8 .tit-2{font-size: 3.5vw;}
}
@media(max-width:480px){
.css-47-m-8 .info li{width: 50%;}
}
 
/*品牌故事2*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-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:0}
.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}

.grayscale1{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0.8);filter:grayscale(0.8);filter:gray}
.grayscale1.grayscale-fade{transition:filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.grayscale1.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}
}
.grayscale1.grayscale-fade:hover,
.grayscale1.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}
.grayscale1.grayscale-replaced{-webkit-filter:none;filter:none}
.grayscale1.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}
.flipInY .grayscale1.grayscale-replaced>svg {opacity:1;}
.grayscale1.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale1.grayscale-replaced.grayscale-off>svg{opacity:0}


.css-48-m-1{background: #000;}
.css-48-m-1 ul.renwuflip  li{float: left;width: 20%;padding: 2px 0 0 2px; opacity: 0.33;position: relative;}
.css-48-m-1 ul.renwuflip li img{display: block; transition: 0.5s;}
/*.css-48-m-1 ul.renwuflip li img:not(.grayscale){position: absolute; left: 2px; top: 2px; right:0;bottom:0; opacity: 0; transform: rotateY(180deg);}*/
.css-48-m-1 ul.renwuflip li:hover img.grayscale1{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg); }
/*.css-48-m-1 ul.renwuflip li:hover img:not(.grayscale){ transform: rotateY(0); opacity: 1;}*/

 @media(min-width:1025px){
 .css-48-m-1 .txt{padding: 0;}
 .css-48-m-1 .info{width: 46.873%;}
.css-48-m-1 .info .inner{max-width: 572px; margin: 0 auto;}
.css-48-m-1 > img{width: 53.127%;}
.css-48-m-1 .tit-2{font-size:25px; padding: 5% 0;}
}
@media(max-width:1024px){
.css-48-m-1 .ytable,
.css-48-m-1 .ytable-cell{display: block;}
    .css-48-m-1 .inner{padding: 5% 3%;}
}
    
.css-48-m-2 .tit-4{padding-bottom: 3.5%;}   
.css-48-m-2 .p-txt-1{padding: 1.5% 0;}
@media(max-width:480px){
 .css-48-m-2 > img{width: 200%; margin-left: -50%;}
}

.css-48-m-3{margin: 0;}
.css-48-m-3 .txt{position: relative; height: auto;padding: 4.52% 0;}
.css-48-m-3 .img ul{position: relative; padding: 4% 5% 4% 0; max-width: 847px; width: 90%;}
.css-48-m-3 .img ul ol{position: absolute; right: 0; top: 0; width: 14.168%; z-index: 10;}
.css-48-m-3 .img li{float: left; width: 50%;padding-right: 10px;}
@media(min-width:1025px){
.css-48-m-3 .info{width: 48.03%;}
}
@media(max-width:1024px){
 .css-48-m-3 .img ul{margin: 0 auto;}
}

.css-48-m-4{background: #0d0d0d; padding: 6.411% 0;}
.css-48-m-4 .main{max-width: 1533px; margin: 0 auto; width: 95%;}
.css-48-m-4 ol{text-align: center; }
.css-48-m-4 ol .f-en-b{padding-bottom: 5%;}
.css-48-m-4 li{float: left; padding: 0 7px; width: 33.33333%;}
.css-48-m-4 li aside{line-height: 4.058em; text-align: center;background: #202020;}
.css-48-m-4 li aside span{margin-right: 10px;}
@media(min-width:1025px){
.css-48-m-4 ol{position: absolute; left: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 100%;  z-index: 10;}
}
@media(max-width:1024px){
.css-48-m-4 li aside{line-height: 2.058em; padding: 1em 0;}
 .css-48-m-4 li aside span{display: block;}
.css-48-m-4 ol{padding-bottom: 5%;}
}
@media(max-width:640px){
.css-48-m-4 ol .fz60{font-size: 5vw;}
.css-48-m-4 li{padding: 0 3px;}
}

.css-48-m-5{background: #000; padding: 6.99% 0 10% 0; position: relative; overflow: hidden;}
.css-48-m-5 .txt{text-align: left; position: relative;}
.css-48-m-5 .txt .tit-2{padding: 2% 0;}
.css-48-m-5 .box-3{background: #141414; vertical-align: bottom;}
.css-48-m-5 .img{padding-top: 5.5%; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
/* .css-48-m-5 .img img{max-height: 100%; width: auto;} */
@media(min-width:1025px){
.css-48-m-5 .box-1 > *{ width: 90%; max-width: 640px;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-48-m-5 .box-1 .fz49{font-size: 2.3vw;}
.css-48-m-5 .box-1 .fz28{font-size: 1.5vw;}

}
@media(max-width:1024px){
.css-48-m-5 .ytable,
.css-48-m-5 .ytable-cell{display: block; text-align: center;}
}
@media(max-width:640px){
.css-48-m-5 .p-txt-1 br{display: none;}
}

.css-48-m-6 .info .fz49{text-transform: uppercase;}
.css-48-m-6 .info .fz28{padding: 5% 0;}
@media(min-width:1025px){
.css-48-m-6 .txt{text-align: left;}
.css-48-m-6 .info{width: 42.565%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-48-m-6 .info{width: 60%;}
}
@media(min-width:1281px){
 .css-48-m-6 .info .fz60{font-size: 3.15vw;}
}
@media(min-width:1025px) and (max-width:1280px){
.css-48-m-6 .info .fz60{font-size:4vw;}
.css-48-m-6 > img{width: 150%; margin-left: -25%;max-width: inherit;}
}
@media(max-width:1024px){
.css-48-m-6 > img{position: absolute; left: 0; top: 0; width: auto;height: 100%;max-width: inherit;}
.css-48-m-6 .txt{position: relative; height: auto; z-index: 10; padding: 8vw 5%;}
.css-48-m-6 .ytable,
.css-48-m-6 .ytable-cell{display: block;}
}
@media(max-width:640px){
.css-48-m-6 .p-txt-1 br{display: none;}
}

/*品牌故事3*/
.css-49-m-1 .tit-4{padding-bottom: 1%;}
@media(min-width:1025px){
/* .css-49-m-1{margin-top: 80px;} */
.css-49-m-7{margin-top: 0;}
}
.css-49-m-1 .fz28{padding: 2% 0;}
.css-49-m-1 .p-txt-1{padding: 0; max-width: 740px; margin: 0 auto;}
.css-49-m-7 .fz28{padding-bottom: 0;}
@media(max-width:1024px){
.css-49-m-1 > img{width: 150%; margin-left: -25%;max-width: inherit;}
}

.css-49-m-2{background: #080808;}
.css-49-m-2 .txt{/* height: 70%; */text-align: left;}
/*.css-49-m-2 .txt .yable{max-width: 1520px; width: 90%; margin: 0 auto;}*/
.css-49-m-2 .txt .fz28{padding: 3% 0 1% 0;}
@media(max-width:640px){
    .css-49-m-2 .txt{position: relative;height: auto;padding-bottom: 6vw;padding-top: 6vw;}
    .css-49-m-2 .ytable,
     .css-49-m-2 .ytable-cell{display: block;}
 .css-49-m-2 > img{float: right; width: 150%; max-width: none;}
}

.css-49-m-3{background: #171717; text-align: center;}
.css-49-m-3 .fz49{padding: 6.832% 0;}
.css-49-m-3 li{float: left; width: 33.33333%;}
.css-49-m-3 li .fz22:after{display: block; content: ''; margin: 20px auto 30px; width: 30px; height: 3px; background: #fff;}
@media(max-width:640px){
.css-49-m-3 li .fz22:after{ margin: 5px auto 10px;width: 20px; height: 2px; }
}

.css-49-m-4{background: #111; padding: 4.414% 0 4% 0;text-align: center;}
.css-49-m-4 .p-txt-1{margin: 0 auto; width: 90%}
.css-49-m-4 > .p-txt-1{ max-width: 710px; }
.css-49-m-4 > .fz28{padding: 2% 0 0.5% 0;}
.css-49-m-4 ul:before{display: block; content: ''; width: 100%; height: 2px; margin: 3.5% 0 4.5% 0;
background: -moz-linear-gradient(left,  rgba(230,112,57,0) 0%, rgba(230,112,57,0) 20%, rgba(230,112,57,0.5) 35%, rgba(230,112,57,1) 50%, rgba(230,112,57,0.5) 65%, rgba(230,112,57,0) 80%, rgba(230,112,57,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(230,112,57,0) 0%,rgba(230,112,57,0) 20%,rgba(230,112,57,0.5) 35%,rgba(230,112,57,1) 50%,rgba(230,112,57,0.5) 65%,rgba(230,112,57,0) 80%,rgba(230,112,57,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(230,112,57,0) 0%,rgba(230,112,57,0) 20%,rgba(230,112,57,0.5) 35%,rgba(230,112,57,1) 50%,rgba(230,112,57,0.5) 65%,rgba(230,112,57,0) 80%,rgba(230,112,57,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e67039', endColorstr='#00e67039',GradientType=1 ); /* IE6-9 */
}
.css-49-m-4 ul{max-width: 1742px;margin: 0 auto; width: 90%;}
.css-49-m-4 li{position: relative;}
.css-49-m-4 li:not(:last-child):after{ content: '';background: #753e24;}
@media(min-width:1025px){
.css-49-m-4 li{float: left; width: 33.3333%;}
.css-49-m-4 li:not(:last-child):after{position: absolute; width: 1px; height: 50%; right:0; top: 25%;}
.css-49-m-4 li .p-txt-1{ max-width: 350px;}
}
@media(max-width:1024px){
 .css-49-m-4 li:not(:last-child):after{ display: block; width: 50%; height: 1px; margin: 20px auto;}
}

.css-49-m-5 .txt{text-align: left;}
.css-49-m-5 .img img{position: absolute; right: 0; z-index: 3;top: 0; }
.css-49-m-5 .fz25{padding: 6% 0 4% 0;}
.css-49-m-5 .p-txt-1{padding-left: 40px; padding-bottom: 5%; max-width: 745px;position: relative;}
.css-49-m-5 .p-txt-1:after{position: absolute; left: 0; top: 1.1765em;width: 20px; height: 2px; background: #7e7e7e; content: '';}
.css-49-m-5 .fz20:before{display: block; content: ''; height: 2px;border-bottom: 1px dashed #535353; opacity: 0.4; margin-bottom: 8%;}
.css-49-m-5 .fz20{max-width: 605px;}
@media(min-width:1025px){
.css-49-m-5 .img img{height: 100%; width: auto; max-width: inherit; }
}
@media(min-width:1025px)and (max-width:1440px){
 .css-49-m-5 > img{max-width: inherit; width: 130%; margin-left: -15%;}
}
@media(max-width:1024px){
 .css-49-m-5 .txt{position: relative;background: #000; padding-top: 6vw;padding-bottom: 6vw;}
 .css-49-m-5 .ytable,
.css-49-m-5 .ytable-cell{display: block;}
 .css-49-m-5 > img{max-width: inherit; width: 150%; margin-left: -25%;}
.css-49-m-5 .img img{max-width: inherit; width: 150%;}
}

.css-49-m-6{background: #090909;}
.css-49-m-6 .inner{background: rgba(0,0,0,0.7);   margin: 0 auto; border-bottom: 5px solid #753c1f; text-align: left; }
.css-49-m-6 .fz49{text-transform: uppercase;}
.css-49-m-6 .fz28{padding:2% 0  5%;}
.css-49-m-6 dl{border-bottom: 1px dashed #402112; padding: 2% 0;max-width: 610px;}
.css-49-m-6 dl:not(:last-child){border-top: 1px dashed #402112;}
.css-49-m-6 dd{float: left; width: 50%; padding: 8px 2% 8px 0;}
.css-49-m-6 dd:nth-child(2n+1){clear: left;}
@media(min-width:1025px){
.css-49-m-6 > img{width: 70.836%;}
.css-49-m-6 .inner{max-width: 773px;width: 95%;padding:4%  5% 7%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-49-m-6 .fz60{font-size: 40px;}
.css-49-m-6 .fz28{font-size: 24px;}
}
@media(min-width:1025px) and (max-width:1366px){
.css-49-m-6 dd{font-size: 14px; padding: 4px 2% 4px 0;}
}
@media(max-width:1024px){
 .css-49-m-6 .txt{position: relative; padding-top: 6vw;padding-bottom: 6vw;} 
.css-49-m-6 .ytable,
.css-49-m-6 .ytable-cell{display: block;}
}

/* 社会责任 */
.social-tit {text-align: center;}
.social-tit .tit-1{color: #000; padding-bottom: 1%;}
.css-89-m-1{position: relative; background: #fff;}
.css-89-m-1 .box2{position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,.6); width: 42.39%;height: 80%; z-index: 5;}
.css-89-m-1 .img{ width: 47.6%; height: 90%; position: absolute; bottom: 0; left: 0; z-index:6;}
.css-89-m-1 .img img{position: absolute; bottom: 0; left: 0; max-width: 100%; max-height: 100%;}
.css-89-m-1 .box1{ width: 61.145%; margin: 0 0 0 auto; padding: 4% 0 8% 0;}
.css-89-m-1 .box1 .inner{background: #838282; padding: 10% 10% 10% 10%; color: #fff;}
.css-89-m-1 .box1 .tit-2{margin: 5% 0;}
.css-89-m-1 .box1 .p-txt-1{max-width: 800px;position: relative; padding-left: 25px; padding-bottom: 3%; border-bottom: 1px dashed #bfbebe;}
.css-89-m-1 .box1 .p-txt-1::before{content: ""; position: absolute; left: 0; top: 10px; width: 18px; height: 3px; background: #fff;}
@media (max-width:1024px) {
	.css-89-m-1{background: #838282;}
	.css-89-m-1 .box1{padding: 0; width: 100%;}
	.css-89-m-1 .box1 .inner{padding: 3% 5%;}
	.css-89-m-1 .box2{display: none;}
	.css-89-m-1 .img{position: relative; text-align: center; margin: 0 auto;}
	.css-89-m-1 .img img{position: relative;}
}

.css-89-m-2{position: relative; background: #e8e8e8; padding-bottom: 5%;}
.css-89-m-2 .auto{width: 90%; margin: 0 auto;}
.css-89-m-2 .box1{padding: 5%;}
.css-89-m-2 .box1 .tit-2{margin: 3% 0 3%;}
.css-89-m-2 .img{position: absolute; width: 36.83%; height: 100%; right: 0; top: 0; z-index: 1;}
.css-89-m-2 .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.css-89-m-2 .box1{ color: #333;}
.css-89-m-2 .box2{background: #838282; position: relative; z-index: 3;}
.css-89-m-2 .box2 .inner{position: relative; z-index: 3; padding: 5%;}
.css-89-m-2 .box2 li{float: left; width: 33.3334%;}
.css-89-m-2 .box2 .li-inner{max-width: 330px; margin: 1% auto;}
.css-89-m-2 .box2 li .h3{font-size: 22px; font-weight: normal; margin: 0 0 1%;}
.css-89-m-2 .box2 li .h3 span{font-size: 50px;}
.css-89-m-2 .box2 li p{font-size: 15px;}
@media (min-width:1025px) {
	.css-89-m-2 .box1{width: 64%;}
	.css-89-m-2 .box2 li:nth-child(3n){ color: #000;}
	.css-89-m-2 .box2 li p{height: 80px;}
	.css-89-m-2 .box2::before{content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 35.333%; background: rgba(232,232,232,.9);}
}
@media (max-width:1024px) {
	.css-89-m-2 .img{display: none;}
	.css-89-m-2 .box2 li{width: 50%; padding: 2%;}
	.css-89-m-2 .box2 li p{height: 80px;}
	.css-89-m-2 .box2 li .h3 span {  font-size: 5vw;}
}
@media (max-width:640px) {
	.css-89-m-2 .box2 li{width: 100%;}
	.css-89-m-2 .box2 li .h3{font-size: 3.5vw;}
	.css-89-m-2 .box2 li .h3 span{font-size: 5.5vw;}
	.css-89-m-2 .box2 li p{font-size: 3vw; height: auto;}
	
}

.css-89-m-3{padding: 3% 5%;}
.css-89-m-3 ul{margin: 0; padding: 3% 0 0;}
.css-89-m-3 li{/* float: left; width: 25%; padding: 2%;*/ text-align: center;}
.css-89-m-3 .li-inner{position: relative; padding: 2% 3%;}
.css-89-m-3 .li-inner .h3{padding-top: 15px; margin-top: 15px; position: relative; margin-bottom: 0;}
.css-89-m-3 .li-inner .h3::before{content: ""; position: absolute; left: 0; width: 100%; top: 0; height: 2px; background: #e67039;}
.css-89-m-3 .li-inner .Ispic{padding-bottom: 51.32%; display: block;}
.css-89-m-3 li:nth-child(even) .li-inner .h3::before{background: #838282;}
.css-89-m-3 .slick-dots{display: block; text-align: center; width: 100%; padding-top: 3%;}
.css-89-m-3 .slick-dots li{display: inline-block; margin: 0 5px; padding: 0;}
.css-89-m-3 .slick-dots li span{width: 8px; height: 8px; border-radius: 100%; background: #838282; display: block;}
.css-89-m-3 .slick-dots li.slick-active span{background: #e67039;}
@media (max-width:1024px) {
	/* .css-89-m-3 li{width: 50%;} */
}

.css-89-m-4{position: relative;}
.css-89-m-4 .tit-5{margin: 2% 0;}
.css-89-m-4 .p-txt-1{max-width: 760px; margin: 0 auto;}
.css-89-m-4 ul{margin: 0 -2%; padding: 2%;}
.css-89-m-4 li{float: left; width: 33.3334%; position: relative;padding-top: 2%;}
.css-89-m-4 li+li{}
.css-89-m-4 li+li::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 2px; background: #e67039;}
.css-89-m-4 .li-inner{max-width: 330px; margin: 1% auto;}
.css-89-m-4 li .h3{font-size: 22px; font-weight: normal; margin: 0 0 1%;}
.css-89-m-4 li .h3 span{font-size: 50px;}
.css-89-m-4 li p{font-size: 15px; line-height: 2; min-height: 135px;}
@media (max-width:1024px) {
	.css-89-m-4 li .h3 span {  font-size: 5vw;}
}
@media (max-width:640px) {
	.css-89-m-4 {padding: 2% 0;}
	.css-89-m-4 > img{width: 390%;}
	.css-89-m-4 .li-inner{max-width: none;}
	.css-89-m-4 li .h3{font-size: 3.5vw;}
	.css-89-m-4 li .h3 span{font-size: 5.5vw;}
	.css-89-m-4 li p{font-size: 3vw; height: auto; min-height: 1px;}
	.css-89-m-4 li{width: 100%;}
	.css-89-m-4 li+li::before{top: 0; height: 2px; width: 70%; left: 15%;}
}

.css-89-m-5{padding: 6% 5%;}
.css-89-m-5 .auto{ max-width: 1098px; margin: 0 auto;}
.css-89-m-5 ul{margin: 0 -2%;}
.css-89-m-5 li{float: left; width: 50%;padding: 2%;}
.css-89-m-5 .li-inner{position: relative;}
.css-89-m-5 .li-inner .Ispic{padding-bottom: 51.32%; display: block;}



/*---------------- 2020-8-18-------------------- */
.imgsrollx .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.imgsrollx .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.imgsrollx .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: #e25f26;}
.imgsrollx .mCSB_scrollTools.mCSB_scrollTools_horizontal{width: 80%; left: 10%;}
/* 品牌活动 */
.ba-banner .owl-carousel .owl-item .mb{display: none;}
.ba-banner .owl-dots{position: absolute; bottom: 3%; text-align: center; width: 100%;}
.ba-banner .owl-dots .owl-dot{display: inline-block; margin: 0 10px;}
.ba-banner .owl-dots .owl-dot span{display: block; width: 10px; height: 10px; border-radius: 100%; background-color: #bec0c5;}
.ba-banner .owl-dots .owl-dot.active span{background: #e25f26;}

.ba-sec{padding: 3% 0 0 0;}
.ba-sec1{padding: 0; }
@media(min-width:769px){
.ba-sec1{display:table;}
.ba-sec1 .box{display:table-cell; vertical-align:middle;}
}
.css-65-1{ background: #202020; width: 50%;}
.ba-sec1 .box {padding:2% 0;}
.css-65-1 .box-inner{}
.css-65-1 .con{max-width: 612px;}
.css-65-1 .con .h2{font-size: 56px; color: #fff; margin: 0;font-weight: normal;}
.css-65-1 .con .h3{font-size: 30px; color: #fff; margin: 0;font-weight: normal;}
.css-65-1 .con figure{font-size: 16px; color: #999; padding: 8% 0; line-height: 1.85;}
.css-65-1 .con .ul li{display: inline-block; max-width: 28%;}
.css-65-1 .con .ul li+li{margin-left: 2%;}
.css-65-1 .con .ul .li-inner{ position: relative; min-width: 120px; padding-bottom: 15%;text-align: center;}
.css-65-1 .con .ul .li-inner::after{content: ""; position: absolute; bottom: 0; left: 0; width: 120px; height: 120px; background: #2b2b2b; border-radius: 100%;}
.css-65-1 .con .ul .li-inner a{position: relative; z-index: 2;}
.css-65-1 .con .ul .li-inner img{width: 55%; max-width: 68px;}
.ba-sec1 .box2{width: 50%; background: #191919;}
.ba-sec1 .box2 .ytable{width:70%;margin:0 auto;max-width:640px;}
.ba-sec1 .box2 .ytable .Ispic{padding-bottom:71.875%;}
.ba-sec1 .box2 .other-bot{position: relative;}
.ba-sec1 .box2 .other-bot .h3{color: #fff; font-size: 24px; margin-bottom: 0; font-weight: normal;}
.ba-sec1 .box2 .owlother{position: absolute; right: 0; top: 7px; padding: 0 50px; font-size: 16px; color: #fff;}
.ba-sec1 .box2 .owlother .nav button{position: absolute; top: 0; background: none; border: none; font-size: 32px; color: #fff; margin-top: -11px;}
.ba-sec1 .box2 .owlother .nav button.owl-prev{left: 0; width: 30px;}
.ba-sec1 .box2 .owlother .nav button.owl-next{right: 0; width: 30px;}
.ba-sec1 .box2 .owlother .dots{display: inline-block;}
.ba-sec1 .box2 .owlother .dots .owl-dot{display: none;}
.ba-sec1 .box2 .owlother .dots .owl-dot.active{display: block;}
.ba-sec1 .box2 .owlother>i{display: inline-block; font-style: normal; padding: 0 15px;}
.ba-sec1 .box2 .owlother>span{ display: inline-block;}
@media(max-width:768px){
.ba-sec1 .box2{padding:5% 0;}
.ba-sec1 .box2 .ytable{height:auto;}
.ba-sec1 .box2 .owlother{top:0;}
}

.ba-sec2{background: #151515; padding-bottom:3%;}
.ba-tit .h2{font-weight: normal; margin: 0; font-size: 48px; color: #fff; padding-bottom: 5%;}
.ba-videobox{width: 87.5%;position: relative;margin: 0 auto; }
/*.ba-sec2 .bigvideo{width: 65%;}*/
.ba-sec2 .bigvideo li video{height: 500px;width: 100%;}
/*.ba-sec2 .smallvideo{position: absolute; right: 0; top: 0; width: 30%; height: 100%;}*/
.ba-sec2 .smallvideo{margin-top: 15px;}
.ba-sec2 .smallvideo li{position: relative;}
.ba-sec2 .smallvideo li::before{content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #212121; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.ba-sec2 .smallvideo li .inner{position: relative; z-index: 3; margin: 9px;}
.ba-sec2 .smallvideo li .pic{overflow: hidden;}
.ba-sec2 .smallvideo li .Ispic{ padding-bottom: 44.2%; display: block; }
.ba-sec2 .smallvideo li .word{ padding: 5%; position: relative; }
.ba-sec2 .smallvideo li .word .h3{margin: 0; font-weight: normal; color: #fff; font-size: 16px;}
.ba-sec2 .smallvideo li .word time{display: block; color: #606060; font-size: 14px; position: absolute; bottom: 10%; left: 10%;}
.ba-sec2 .smallvideo li.slick-current::before{border: 2px solid #e25f26;}
.ba-sec2 .smallvideo .slick-arrow{ background: #212121; color: #fff; border: none; font-size: 40px; font-weight: normal; font-family: "宋体" ; width: 50%; float: left; height: 80px; line-height: 80px; text-align: center; cursor: pointer;}
.ba-sec2 .smallvideo .slick-next{background: #e25f26;}
@media(max-width:1024px){
.ba-sec2 .smallvideo li .word{height:13vw;}
.ba-sec2 .smallvideo li .word .h3{font-size:3vw;}
}

.ba-sec3 .ba-tit .h2{ padding-bottom: 2%;}

.ba-sec4_list .imgsbox{ float: left; width:48%;}
.ba-sec4_list .imgsbox .inner{ position: relative;}
.ba-sec4_list .imgsbox .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.ba-sec4_list .imgsbox .pic{overflow: hidden;}
.ba-sec4_list .imgsbox .Ispic{display: block; padding-bottom:67%;}
.ba-sec4_list .imgsbox .word{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.8); padding: 3% 40% 3% 3%;}
.ba-sec4_list .imgsbox .word span{font-size: 18px; color: #fff;}
.ba-sec4_list .imgsbox .slick-dots{position: absolute; bottom: 5%; right: 5%; z-index: 6;}
.ba-sec4_list .imgsbox .slick-dots li{display: inline-block; margin: 0 5px;}
.ba-sec4_list .imgsbox .slick-dots li span{display: block; width: 8px; height: 8px; border-radius: 100%; background: #808080;}
.ba-sec4_list .imgsbox .slick-dots li.slick-active span{background: #e25f26;}
.ba-sec4_list .txtbox{float: right; width: 48%; }
.ba-sec4_list .txtbox li .inner{border-bottom: 1px solid #2b2b2b;}
.ba-sec4_list .txtbox li .h3{font-size: 18px; padding: 3% 0; margin: 0; font-weight: normal;}
.ba-sec4_list .txtbox li .h3 a{ color: #fff;}
.ba-sec4_list .txtbox li figure{color: #999; font-size: 16px; line-height: 1.85; display: none; padding-bottom: 5%;}
.ba-sec4_list .txtbox li figure p{margin: 0;}
.ba-sec4_list .txtbox li:nth-child(1) .h3,
.ba-sec4_list .txtbox li:nth-child(2) .h3,
.ba-sec4_list .txtbox li:nth-child(3) .h3{background: url(../images/huo.png) no-repeat left center; padding-left: 25px;}
.ba-sec4_list .txtbox li .h3 a:hover{color: #e25f26;}
.ba-sec4 .hisnewbtn{padding:3% 0 0 0;}
.ba-sec5 .imgsrollx .imgsrollx-inner{width: auto;}
.ba-sec5 .imgsrollx ul{float: left;}
.ba-sec5 .imgsrollx ul.two li .Ispic{height:100%;}
.ba-sec5 .imgsrollx ul.two li img{width:auto; height:100%;}
.ba-sec5 .imgsrollx li{padding: 5px;}
.ba-sec5 .imgsrollx .pic{overflow: hidden;}
.ba-sec5 .imgsrollx .Ispic{ display: block;}

@media (max-width:1366px) {
	.css-65-1 .con .h2{font-size: 48px;}
	.css-65-1 .con .h3{font-size: 28px;}
	.ba-sec1 .box2 .other-bot .h3{font-size: 20px;}
	.ba-tit .h2{font-size: 40px;}
}
@media (max-width:1240px) {
	.ba-sec1 .box .box-inner{padding: 8%;}
	.css-65-1  .con .h2{font-size: 36px;}
	.css-65-1  .con .h3{font-size: 22px;}
	.ba-tit .h2{font-size: 32px;}
	.css-65-1 .box-inner{width: 100%; padding: 5%;}
	.ba-videobox{margin: 0 auto;}
}
@media (max-width:1024px) {
	.ba-banner .owl-carousel .owl-item .pc{display: none;}
	.ba-banner .owl-carousel .owl-item .mb{display: block;}
	.css-65-1  .con .h2{font-size: 6vw;}
	.css-65-1  .con .h3{font-size: 4.5vw;}
	.css-65-1  .con figure{font-size: 14px;}
	.ba-sec1 .box2 .other-bot .h3{ text-align: center;font-size: 5vw;}
	.ba-sec1 .box2 .owlother{position: relative; text-align: center; margin-top: 15px;}
	.ba-tit .h2{font-size: 6vw;}
	.ba-sec4_list .txtbox li .h3{padding: 2% 0;}
	.ba-sec4_list .txtbox li figure{padding-bottom: 2%;}
	.ba-sec4_list .txtbox li .h3,
	.ba-sec4_list .imgsbox .word span{font-size: 16px;}
	.ba-sec4_list .txtbox li figure{font-size: 14px;}
	.ba-sec5{padding-bottom: 50px;}
}
@media (max-width:768px) {
	.css-65-1{width: 100%; float: none !important;}
	.ba-sec1 .box2{float: none; width: 100%;}
	.ba-sec2 .bigvideo{width: 100%;}
	.ba-sec2 .bigvideo li video{height: 60vw;}
	.ba-sec2 .smallvideo{position: relative; width: 100%; padding: 0 50px;}
	.ba-sec2 .smallvideo .slick-arrow{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px;}
	.ba-sec2 .smallvideo .slick-prev{left: 0;}
	.ba-sec2 .smallvideo .slick-next{right: 0;}
	.ba-sec2 .smallvideo li .pic{float: none; width: 100%;}
	.ba-sec2 .smallvideo li .word{float: none; width: 100%; height: auto;}

	.ba-sec2 .smallvideo li .word time{position: relative;}
	
	.ba-sec4_list .imgsbox,.ba-sec4_list .txtbox{ float: none; width:100%;}
	.ba-sec4_list .txtbox li .h3,
	.ba-sec4_list .imgsbox .word span{font-size: 4vw;}
}
@media (max-width:640px) {
	.css-65-1 .box-inner{width: 100%; padding: 8%;}
	.ba-sec1 .box2 .box-inner{padding: 8%;}
	.css-65-1  .con .ul .li-inner{ min-width: 68px;}
	.css-65-1  .con .ul .li-inner::after{display: none;}
	.css-65-1  .con .ul .li-inner img{width: 90%;}
	
}
/* 品牌活动 end */


.honor-tit{text-align: center; margin-bottom: 3%;}
.honor-tit h2{font-size: 60px; font-weight: normal; margin: 0; color: #fff;}
.honor-tit p{font-size: 24px; margin: 0; color: #666; text-transform: uppercase;}
.honorsec1 {background-color: #252525;}
.honorsec1 .auto-inner{position: relative;}
.honorsec1 .word{position: absolute; top: 8%; left: 0; width: 100%; text-align: center;}
.honorsec1 .num-ul{ padding: 0 0 5%;}
.honorsec1 .num-ul li{display: inline-block; margin: 0 5%;}
.honorsec1 .num-ul li .num{ color: #e25f26; display: block;font-size: 50px;}
.honorsec1 .num-ul li .num i{font-style:normal;font-family: "DIN"; font-size: 72px; }
.honorsec1 .num-ul li .tit{font-size: 18px; color: #fff; display: block;}
.honorsec2{padding: 5% 0;}
.honorsec2 ul{border-top: 1px solid #2b2b2b;border-left: 1px solid #2b2b2b;}
.honorsec2 li{float: left;  text-align: center; background: #202020; border-bottom: 1px solid #2b2b2b;border-right: 1px solid #2b2b2b; padding: 3%;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec2 li .pic-area{padding-bottom: 83%;}
.honorsec2 li .tit{color: #fff; font-size: 16px; margin-top: 10px;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec2 li:hover{background: #181818;}
.honorsec2 li:hover .tit{color: #e25f26;}
.honorsec3 {padding-bottom: 5%;}
.honorsec3 ul{margin: 0 -1%;}
.honorsec3 li{ float: left; padding: 1%;text-align: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec3 li .pic-area{padding-bottom: 122%; background: #282828;}
.honorsec3 li .pic-area img{max-width: 90%;}
.honorsec3 li .tit{color: #fff; font-size: 16px; margin-top: 10px;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec3 li:hover .pic-area{ background: #e25f26;}
.honorsec3 li:hover .tit{color: #e25f26;}
@media (min-width:769px) {
.honorsec2 li{width: 25%;}
.honorsec2 li:nth-child(4n+1){clear:left;}
	.honorsec2 li:nth-child(2),
	.honorsec2 li:nth-child(4),
	.honorsec2 li:nth-child(5),
	.honorsec2 li:nth-child(7){background: #242424;}
.honorsec3 li{width: 14.285%;}
.honorsec3 li:nth-child(7n+1){clear:left;}
}
@media (max-width:1366px) {
	.honor-tit h2{font-size: 50px;}
	.honorsec1 .num-ul li .num i{font-size: 62px;}
	.honor-tit p{font-size: 22px;}
}
@media (max-width:1024px) {
	.honor-tit h2{font-size: 32px;}
	.honor-tit p{font-size: 18px;}
	.honorsec1 .num-ul li .num i{font-size: 42px;}
	.honorsec1 .num-ul li .tit{font-size: 16px;}
}
@media (max-width:768px) {
	.honor-tit h2{font-size: 24px;}
	.honor-tit p,
	.honorsec2 li .tit,
	.honorsec3 li .tit{font-size: 14px;}
.honorsec1 .num-ul li .num{font-size: 24px;}
	.honorsec1 .num-ul li .num i{font-size: 30px;}
	.honorsec1 .num-ul li .tit{font-size: 14px;}
	.honorsec2 li{width: 50%;}
.honorsec2 li:nth-child(2n+1){clear:left;}
	.honorsec2 li:nth-child(2),
	.honorsec2 li:nth-child(3),
	.honorsec2 li:nth-child(6),
	.honorsec2 li:nth-child(7){background: #242424;}
	.honorsec3 li{width: 33.3334%;}
.honorsec3 li:nth-child(3n+1){clear:left;}
}
@media (max-width:640px) {
	.honor-tit h2{font-size: 22px;}
	.honorsec1 .bg{padding-top: 15%;}
}
/*企业荣誉 end*/

.newinfo .New_tit {
    margin-bottom: 3%;
    padding-top: 5%;
}
.newinfo .New_tit time{font-size:18px;}
@media (min-width: 1025px){
.newinfo {width: 80%;margin: 0 auto;}
}

/*品牌故事-品牌故事*/
.Story .txt{color:#fff;z-index:10;}
.Story .txt a{color:rgba(255,255,255,0.8);}
.Story .txt_right{text-align:right;}
.Story .txt_center{text-align:center;}
.Story .txt .inner{width:79.167%; margin:auto;}
.Story .txt pre{line-height:2em;font-size:24px; color:rgba(255,255,255,0.8);}
.Story .txt pre span a,
.Story .txt pre span{position:relative;}
.Story .txt pre span a{z-index:3;}
.Story .txt pre span:before{position:absolute;left:0;bottom:0; width:0;transition:0.5s 1s; height:8px;background:#e25f26; content:'';}
.Story .txt .aos-animate pre span:before{width:100%;}
.Story .txt .name{font-family: "HongLei";font-size:180px;opacity:0.05;-webkit-opacity:0.05;margin-bottom:0.4em;}
.Story .txt .name span{display:block;line-height:0.6em;}
.Story .txt_left .name span:nth-child(2){ margin-left:0.7em;}
.Story .txt_left .name.short span{line-height:0.4em;}
.Story .txt_left .name.short span:nth-child(2){ margin-left:0.4em;}
.Story .txt_right .name span:nth-child(1){ margin-right:0.7em;}
.Story .txt_left .name{margin-left:-3%;}
.Story .txt_right .name{margin-right:-3%;}
@media (min-width:1025px){
.Story .txt{position:absolute; left:0; top:0; width:100%; height:100%; }
}
@media (max-width:1024px){
.Story .txt{position:relative; padding:30vw 0;}
.Story .txt .name{opacity:0.2;-webkit-opacity:0.2;}
.Story .section > img{position:absolute; left:50%; top:50%; min-width:100%;height:100%; max-width:none;transform:translate(-50%,-50%);width:auto;}
}
@media (max-width:640px) {
.Story .txt .name{font-size:30vw;}
.Story .txt pre{font-size:4vw;}
}

.Story-ban{margin-top:-80px;}
.Story-ban > img{position:absolute; left:50%; top:50%; min-width:100%;height:100%; max-width:none;transform:translate(-50%,-50%);width:auto;}
.Story-ban .txt{ position:relative; z-index:10;color:#fff;}
.Story-ban .ytable{width:79.167%; margin:auto;}
.Story-ban .txt .title{font-size:72px; padding-bottom:1%;}
.Story-ban .txt .title span{color:#e25f26;}
.Story-ban .txt .subtitle{display:table; border:1px solid rgba(255,255,255,0.5);font-size:24px;line-height:2.5em; border-radius:100px;padding:0 1.333em;}
.Story-ban .txt .intro{line-height:2em;font-size:24px;margin:5% 0 9% 0;color:rgba(255,255,255,0.8);}
.Story-ban .txt dl{display:table;}
.Story-ban .txt dl > *{display:table-cell;vertical-align:middle;}
.Story-ban .txt dt{padding-right:24px;}
.Story-ban .txt dt img{max-width:116px;}
.Story-ban .txt dt{padding-right:24px;width:140px;}
.Story-ban .txt dd:after{display:block;width:100%;transition:0.5s 1s; height:8px;background:#e25f26; content:'';}
.Story-ban .txt dd pre{font-size:16px;line-height:1.5em;margin-bottom:1em;}
@media (min-width:1025px){
.Story-ban .txt{padding-top:80px;height:960px;}
}
@media (max-width:1024px){
.Story-ban .txt{padding:30vw 0;}
}
@media (max-width:640px) {
.Story-ban .txt .title{font-size:9vw;}
.Story-ban .txt .subtitle,
.Story-ban .txt .intro{font-size:3.5vw;}
.Story-ban .txt dd pre{font-size:3vw;}
.Story-ban .txt dd:after{height:4px;}
}

/*新品牌故事 客户提供设计*/
.css-87-same .tit-1{padding-bottom:2vw;line-height:1.5em;}
.css-87-same .tit-2{text-transform:uppercase;padding-bottom:2vw;}
.css-87-same .tit-3{line-height:2.353em;}
.css-87-same .txt-right{text-align:right;}
.css-87-same .txt-center{text-align:center;}
.css-87-same .txt{padding-left:0;padding-right:0;}
.css-87-same .txt .ytable{max-width:1348px;width:87.6%;margin:0 auto;}
.css-87-3 .txt .ytable,
.css-87-2 .txt .ytable{max-width:1492px;}
.css-87-2 .tit-1{padding-bottom:0.8vw;}
@media (max-width:640px) {
.css-87-6 > img,
.css-87-3 > img,
.css-87-2 > img{float:none;}
}

@media (min-width:1025px){
/*.css-87-3 .ytable{height:70%;}*/
}
@media (min-width:641px){
.css-87-3 .inner{display:inline-block; text-align:left;}
}

.css-87-6 .txt .ytable{max-width:1640px;}
.css-87-6 .txt .inner{  }
@media (min-width:641px)and (max-width:1024px){
.css-87-6 > img{width:132%;max-width:none;}
}
@media (min-width:641px){
.css-87-6 .txt .inner{float:right;width:85%;max-width:863px;background:rgba(0,0,0,0.7);padding:3.645vw 0 3.645vw 3.645vw;border-bottom:2px solid #e67039;}
}

.css-87-5 .txt{position:relative;background:#171717; }
.css-87-5 .txt .ytable{max-width:1388px;}
.css-87-5 .txt .info .inner{max-width:520px; border-bottom:1px dashed #2d2d2d; text-align:left;padding-bottom:3.223vw;}
.css-87-5 .txt .img img{margin:0 auto;width:83.988%;}
@media (min-width:641px){
.css-87-5 .txt{padding:3.645vw 0;}
.css-87-5 .txt .img{width:47.695%;}
}
@media (max-width:640px) {
.css-87-5 .ytable,
.css-87-5 .ytable-cell{display:block;}
.css-87-5 .txt{padding:6vw 0;}
.css-87-5 .txt .info{padding-bottom:6vw;}
}



#cphotolist2 .slider{margin:2% -15px;}
.cphotolist li .Ispic{padding-bottom: 63.043478%; display: block;position:relative;}
.cphotolist li .Ispic a{z-index:10;position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.cphotolist li div.dot2{font-size: 16px;color: #fff; padding: 5% 0 2%;}
@media(min-width:769px){
.cphotolist ul li.slick-slide > *{margin:0 15px;}
.cphotolist ul.slick-slide li{float:left;margin-top:2%;margin-bottom:2%;}
}
@media (min-width:1025px){
.cphotolist ul.slick-slide li{width: 22%;}
.cphotolist ul.slick-slide li:not(:nth-child(4n)){margin-right:4%;}
.cphotolist ul.slick-slide li:nth-child(4n+1){clear:left;}
}
@media(min-width:769px) and (max-width:1024px){
.cphotolist ul.slick-slide li{width:48%;}
.cphotolist ul.slick-slide li:not(:nth-child(2n)){margin-right:4%;}
.cphotolist ul.slick-slide li:nth-child(2n+1){clear:left;}
}
@media(max-width:768px){
.cphotolist li div.dot2{font-size:4vw;}
}

.cphotolist .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid rgba(255, 255, 255,0.2);background: none;padding: 0;cursor: pointer; z-index: 10;font-size: 0; width: 80px; height: 80px; border-radius: 50%;}
.cphotolist .slick-prev{left: -115px;}
.cphotolist .slick-next{right: -115px;}
.cphotolist .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(45deg); left: 40%; top: 40%;}
.cphotolist .slick-next:before{transform: rotate(-135deg);}
.cphotolist .slick-disabled{cursor: default;}
@media(max-width:1800px){
.cphotolist .slick-prev{left: 0;}
.cphotolist .slick-next{right:0;}
.cphotolist .slider{padding: 0 70px;}
.cphotolist .slick-arrow{width: 60px;height: 60px;}
}
@media(max-width:640px){
.cphotolist .slider{padding: 0 50px;}
#cphotolist2 .slider{ margin-left:0;margin-right:0;}
.cphotolist .slick-arrow{width: 40px;height: 40px;}
}


.histroy-first .txt{position: absolute; left: 0; top:0; width: 100%; text-align: center; height: 100%; padding: 0 5%; z-index: 10;color:#fff;}
.histroy-first .txt .tit-1{font-size:48px;}
.histroy-first .txt .tit-2{font-size:28px; padding-top:2%;}
.histroy-first .txt .tit-3{font-size:17px;}
@media(max-width:1024px){
.histroy-first .tit-1{font-size: 4.5vw;}
.histroy-first .tit-2{font-size: 2.5vw;}
.histroy-first > img{width: 150%; margin-left: -25%;max-width: inherit;}
}
@media(max-width:640px){
.histroy-first .tit-1{font-size: 5.6vw;}
.histroy-first .tit-2{font-size: 4vw;}
.histroy-first .tit-3{font-size: 3vw;}
}

/*产品详情模式版式*/
.position-way{position:relative; overflow:hidden; z-index:1;}
.position-way.black .tit-3,
.position-way.black .tit-1{color:#313131;}
.position-way.black .tit-2{color:#000;}
@media(min-width:1025px){
.position-way.white{color:#fff;}
}

.position-way .tit-1{font-size:60px;line-height:1.1em;}
.position-way .tit-2{font-size:36px;line-height:1.2em; margin-top:0.666em;}
.position-way .tit-3{font-size:18px; margin-top:1.333em;}
@media(min-width:1201px){
.position-way .img-area img{display:none;}
.position-way .img-area .bg{height:960px;background-position:center center;background-repeat:no-repeat;}
}@media(max-width:1200px){
.position-way  .img-area img{display:block; max-width:none;}
}

@media(max-width:1024px){
.position-way .tit-1{font-size:7vw;}
.position-way .tit-2{font-size:5vw;margin-top:2vw;}
.position-way .tit-3{font-size:3vw;margin-top:2vw;}	
}

/*上文底图*/
@media(min-width:1201px){
.uptxtbgpic .info-area{top:47px;}
.uptxtbgpic .info-area.top_True{ top:110px;}
}
.uptxtbgpic .info-area{text-align:center;position:absolute; left:0; width:100%; z-index:10;top:47px;}
@media(max-width:1200px){
.uptxtbgpic .img-area{overflow:hidden;}
.uptxtbgpic .img-area img{width:160%; margin-left:-30%;}
}
@media(max-width:1024px){
.uptxtbgpic .info-area{top:4vw;}
.uptxtbgpic .img-area img{width:170%; margin-left:-35%;}
.uptxtbgpic.white{color:#fff;}
}

/*上文下图*/
.uptxtdownpic{text-align:center;}
.uptxtdownpic .info-area{padding:47px 0;}
@media(max-width:1024px){
.uptxtdownpic .info-area{padding:4vw 0;}
}
@media(max-width:640x){
.uptxtdownpic .info-area{padding:9vw 0;}
}

/*左图右文*/
.righttxtleftpic{}
.righttxtleftpic .small-img{ padding-top:50px;}
@media(min-width:1201px){
.righttxtleftpic .img-area img{display:none;}
.righttxtleftpic .bg{height:960px;background-position:center center;background-repeat:no-repeat;}
.righttxtleftpic .info-area{position:absolute; left:0; width:100%; z-index:10;height:100%; top:0;}
.righttxtleftpic  .info-area.top_True{height:80%; top:20%;}
.righttxtleftpic .inner{display:table; width:87%;max-width:1200px;margin:0 auto; height:100%; text-align:right;}
.righttxtleftpic .inner-cell{display:table-cell; vertical-align:middle;padding-left:50%;}
}
@media(max-width:1200px){
.righttxtleftpic .info-area{padding:5vw 0; text-align:center;}
.righttxtleftpic .img-area img{width:160%;}
}
@media(max-width:1024px){
.righttxtleftpic .info-area{padding:4vw 0;}
.righttxtleftpic .small-img{ padding-top:4vw;}
.righttxtleftpic .small-img img{max-width:40%;}
}
@media(max-width:640px){
.righttxtleftpic .info-area{padding:9vw 0;}
}


/*左文右图*/
.lefttxtrightpic{}
.lefttxtrightpic .small-img{ padding-top:50px;}
@media(min-width:1201px){
.lefttxtrightpic .img-area img{display:none;}
.lefttxtrightpic .bg{height:960px;background-position:center center;background-repeat:no-repeat;}
.lefttxtrightpic .info-area{position:absolute; left:0; width:100%; z-index:10;height:100%; top:0;}
.lefttxtrightpic  .info-area.top_True{height:80%; top:20%;}
.lefttxtrightpic .inner{display:table; width:87%;max-width:1200px;margin:0 auto; height:100%; }
.lefttxtrightpic .inner-cell{display:table-cell; vertical-align:middle;padding-right:50%;}
}
@media(max-width:1200px){
.lefttxtrightpic .info-area{padding:5vw 0; text-align:center;}
.lefttxtrightpic .img-area img{width:172%;float:right;}
}
@media(max-width:1024px){
.lefttxtrightpic .info-area{padding:4vw 0;}
.lefttxtrightpic .small-img{ padding-top:4vw;}
.lefttxtrightpic .small-img img{max-width:40%;}
}
@media(max-width:640px){
.lefttxtrightpic .info-area{padding:9vw 0;}
}

/*小版块组合*/
.way-small-list{text-align:center;}
.way-small-list .small{display:inline-block;width:250px; width:13.021%;/*width:250px;margin:22px;*/margin:22px 1.156%; border-radius:10px; padding-bottom:150px;background:#313131;}
.way-small-list .small .bg{height:auto;}
.way-small-list .small .img-area img{display:block; width:100%;}
.way-small-list .small .info-area{position:absolute; bottom:20px;left:0; width:100%;}
.way-small-list .small .tit-1{display:none;}
.way-small-list .small .tit-2{margin-top:0;font-family: 'PuHuiTi-R';}
.way-small-list .small .tit-3{margin-top:5px;}
@media(min-width:1201px){
.way-small-list{padding:88px 0;}
}
@media(max-width:1024px){
.way-small-list{overflow:hidden; max-width:768px; margin:0 auto;padding:4vw 0;}
.way-small-list .small{float:left; width:44%; margin:3%; padding-bottom:21vw;}
.way-small-list .small.white{color:#fff;}
.way-small-list .small .info-area{bottom:2vw;}
}

/*文居中底图*/
.centertxtbgpic .info-area{ text-align:center;}
@media(min-width:1025px){
.centertxtbgpic .info-area{position:absolute; left:0; width:100%; z-index:10;height:100%; top:0;}
.centertxtbgpic .inner{display:table; width:87%;max-width:1200px;margin:0 auto; height:100%; }
.centertxtbgpic .inner-cell{display:table-cell; vertical-align:middle;}
}
@media(max-width:1024px){
.centertxtbgpic .info-area{padding:4vw 6.25%; }
.centertxtbgpic .img-area img{width:200%;margin-left:-50%;}
}
@media(max-width:640px){
.centertxtbgpic .info-area{padding:9vw  6.25%;}
}

/*左右两块*/
.leftright-row > div{float:left;}
.leftright-row:not(.nf) > div{width:49.375%;}
.leftright-row:not(.nf) > div:nth-child(2){float:right;}
.leftright-row.nf > div{width:50%;}
.leftright-row img{width:100%!important;display:block!important;}
.leftright-row .info-area{text-align:center;}
.leftright-row .img-area .bg{display:none;}
@media(min-width:1025px){
.leftright-row .info-area{position:absolute; left:0; width:100%; z-index:10;top:9%;}
.leftright-row  .leftright .info-area{top:14%;}
}
@media(min-width:1025px) and (max-width:1200px){
.leftright-row .tit-1{font-size:40px;}
}
@media(max-width:1024px){
.leftright-row .info-area{padding:4vw 2% 3vw; }
.leftright-row .tit-1{font-size:5vw;}
.leftright-row .tit-3{min-height:2.4em;line-height:1.2em;}
}
@media(max-width:640px){
.leftright-row .info-area{padding:5vw 2%;}
}

.Sitemap{ padding: 5% 0; color: #fff; min-height: 76vh;}
.Sitemap .title{ font-size: 30px; margin-bottom: 3%; margin-top: -10px; line-height: 46px;font-family: 'PuHuiTi-M';}
.Sitemap li{ padding: 1.5% 0; border-bottom: 1px dashed #2d2d2d;}
.Sitemap li .ytable-cell{ vertical-align: top;}
.Sitemap li .tit{ font-size: 18px; width: 20%; text-transform: uppercase;}
.Sitemap li .tit a{color:#fff;}
.Sitemap li .sub{ width: 78%; font-size: 0;}
.Sitemap li .sub a{ min-width: 20%; display: inline-block; font-size: 14px; line-height: 24px; color: #aaaaaa; margin: 3px 0; vertical-align: top; padding-right: 5px;}
.Sitemap li a:hover{color:#e25f26;}
@media(max-width:640px){
    .Sitemap .title{ font-size: 24px;}
    .Sitemap .title .tit b{ font-size: 30px;}
    .Sitemap li .tit{ font-size: 16px;}
    .Sitemap li .ytable-cell{ display: block; width: 100%; padding-bottom: 2%;}
    .Sitemap li .sub a{ padding-right: 10px; }
}