@charset "utf-8";/*--------------------------
东风柳州汽车网站2016版 关于柳汽栏目
作者：chihong
QQ:2586334408
---------------------------*/{}

.column_title{ height:2em;border-bottom:1px solid #E0E1E2; text-align:center; margin-bottom:4em;}
.column_title h1{ display:inline-block;*display:inline; color:#000; position:relative; top:0.25em; background:#F7F8FA; font-size:2em; height:1.5em;letter-spacing:0.5em; padding-left:0.5em; line-height:1.5em;}
/*----公司概况------------*/
.column_company{font-size:14px;}
.column_company .company1,.column_company .company2,.column_company .company5{margin:0 -17.37%;}
.column_company .company3{ padding:36.75% 0 2.5%; background:url(../images/2016page/company03.jpg) no-repeat 0 0; background-size:100%;-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;}
.column_company .company3 p{ margin:0 0 1em;text-align: justify;}
.column_company .company4{ padding:25% 0 2.5%; background:url(../images/2016page/company04.jpg) no-repeat 0 0; background-size:100%;}
.column_company .company5{ display:none;}
.column_company .company5 p{ background:url(../images/2016page/company05.jpg) no-repeat 0 0;padding:29.375% 0 0; width:100%;  height:0; margin:0; overflow:hidden; background-size:100%;text-align: justify;}

/*----企业文化------------*/
.column_brand{margin:-10% -17.37%;}
.column_brand p{ width:100%; height:0; overflow:hidden; background-position: center top; background-repeat:no-repeat; background-size:100%;}
.column_brand p.company1{ background-image:url(../images/2016page/company01.jpg); padding:39.45% 0 0;}
.column_brand p.company2{ background-image:url(../images/2016page/company02.jpg); padding:61.17% 0 0;}
.column_brand p.brand_content_1{ background-image:url(../images/2016page/brand_content_1.jpg); padding:44.75% 0 0;}
.column_brand p.brand_content_2020{ background-image:url(/html/images/2022/brand-2022_2.png); padding:240% 0 0;}
.column_brand p.brand_content_2{ background-image:url(../images/2016page/brand_content_2.jpg); padding:55.625% 0 0;}
.column_brand p.brand_content_5{ background-image:url(../images/2016page/brand_content_5.jpg); padding:46.875% 0 0;}

/*----发展历程------------*/
.column_history{ margin:-10% 0;}
.column_history .title{ position:relative; margin:0 5em;}
.column_history .title .prev{position:absolute; left:-5em;top:0;opacity:0.7;padding:5em 0 0 5em;width:0;height:0;overflow:hidden;margin:0;background:url(../images/2016page/history_prev.jpg) no-repeat center top;background-size:100%;}
.column_history .title .next{position:absolute;right:-5em;top:0;opacity:0.7;padding:5em 0 0 5em;width:0;height:0;overflow:hidden;margin:0;background:url(../images/2016page/history_next.jpg) no-repeat center top;background-size:100%;}
.column_history .title .prev.noshow,.column_history .title .next.noshow{ opacity:0.4;}
.column_history .title ul{list-style-type:none; width:100%;overflow:hidden; white-space:nowrap; position:relative;}
.column_history .title li{display:inline-block;*display:inline;cursor:pointer; line-height:5em;color:#A3A4A5;}
.column_history .title li span{display:inline-block;*display:inline; font-weight:bold; line-height:1.5em; border-right:1px solid #E0E1E2; padding:1.25em 1.6em; font-size:1.25em;}
.column_history .title li.current{ background:#D6DADB; color:#000;}
.column_history .history_content{ margin:0 -165px;position:relative; height:0; overflow:hidden;}
.column_history .sliding_on{ height:auto;}
.column_history .history_content h2{ position:absolute; visibility:hidden;}
.column_history .history_content .history_txt{ position:absolute; visibility:hidden; top:0;}
.column_history .history_content img{ width:100%;}
.column_history .history_content .forwap{ display:none;}

.column_memorabilia{margin:-10% -17.37%; position:relative;}
.column_memorabilia .memorabilia_content{ position:relative; height:0; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:100%;}
.column_memorabilia .memorabilia_2023{ padding:77% 0 0; background-image:url(/html/images/2023/memorabilia_2023.png);}
.column_memorabilia .memorabilia_2022_1{ padding:58% 0 0; background-image:url(/html/images/2022/memorabilia_2022_2.png);}
.column_memorabilia .memorabilia_2022{ padding:115% 0 0; background-image:url(/html/images/2022/memorabilia_2022_1.png);}
.column_memorabilia .memorabilia_2019{ padding:25% 0 0; background-image:url(/html/images/2020/memorabilia_2019_1.png);}
.column_memorabilia .memorabilia_2017{ padding:78% 0 0; background-image:url(../images/2017page/memorabilia_2017_1.png);}
.column_memorabilia .memorabilia_2015{ padding:120% 0 0; background-image:url(../images/2016page/memorabilia_2015_1.png);}
.column_memorabilia .memorabilia_2009{ padding:100% 0 0; background-image:url(../images/2016page/memorabilia_2009.png);}
.column_memorabilia .memorabilia_2003{ padding:100% 0 0; background-image:url(../images/2016page/memorabilia_2004_1.jpg);}
.column_memorabilia .memorabilia_1987{ padding:153.5% 0 0; background-image:url(../images/2016page/memorabilia_1987.jpg);}

.his-img-box{position: relative;}
.his-img-box img{width:100%;}

/*----科研实力------------*/
.column_design p{ clear:both;margin:1em 0;text-align: justify;}
.column_design .half{ float:left; width:49%; text-align:center;margin:1em 0; clear:both;}
.column_design .half_r{ float:right; width:49%; text-align:center;margin:1em 0;}

/*----制造工艺------------*/
.column_technology{margin:-10% -17.37%;}
.column_technology div.technology_content_1{width:100%; height:0; overflow:hidden; background-position: center top; background-repeat:no-repeat; background-size:100%;background-image:url(../images/2016page/technology_1_1.jpg); padding:53.125% 0 0;}
.column_technology div.technology_content_2{width:100%; height:0; overflow:hidden; background-position: center top; background-repeat:no-repeat; background-size:100%;background-image:url(../images/2016page/technology_2_1.jpg); padding:58.4375% 0 0;}
.column_technology div.technology_content_3{width:100%; height:0; overflow:hidden; background-position: center top; background-repeat:no-repeat; background-size:100%;background-image:url(../images/2016page/technology_3_1.jpg); padding:60% 0 0;}
.column_technology div.technology_content_4{width:100%; height:0; overflow:hidden; background-position: center top; background-repeat:no-repeat; background-size:100%;background-image:url(../images/2016page/technology_4_1.jpg); padding:64.0625% 0 0;}

/*----社会责任------------*/
.column_responsibility{ background:#DFE4EA; padding: 3em 70px;}
.column_responsibility .column_title { border-bottom:1px solid #C8CDD3;}
.column_responsibility .column_title h1{background:#DFE4EA;}
.column_responsibility a,.column_responsibility a:link,.column_responsibility a:visited,.column_responsibility a:active{color:#000;}
.column_responsibility a:hover{color:#CF0232;}
.column_responsibility .list_content{overflow:hidden; margin-right:-10px;}
.column_responsibility article{position:relative;float:left;width:50%;overflow:hidden;line-height:1.75em; font-size:14px;}
.column_responsibility article a{position:relative;display:block;margin-right:10px;padding:58% 0 1.75em;height:3.5em;}
.column_responsibility article .img_container{position:absolute;padding:56.25% 0 0;left:0;top:0;right:0;overflow:hidden;height:0;width:100%;}
.column_responsibility article .icon_video{position:absolute;padding:56.25% 0 0;width:100%;height:0;left:0;top:0;overflow:hidden;display:block;background-color:rgba(0,0,0,.5);background-image: url(../images/2016page/icon_video.png);background-position: center center;background-repeat: no-repeat ;background-size:20%;opacity:0.7;*filter:alpha(opacity=70);z-index:5;}
.column_responsibility article img{width:100%;position:absolute;left:0;top:0;}
.column_responsibility article  p{ height:3.5em; text-align:center; overflow:hidden;}
.column_responsibility .list_bottom {border-bottom:1px solid #C8CDD3;}
.responsibilityimg .addition_content{ margin-bottom:0;}

.page_socialresponsibility .wrapper_container{ background:#FAFBFD;}
.column_socialresponsibility article{ padding:6.25% 9.375%;color:#101010;}
.column_socialresponsibility article h3{ font-size:1.5em; line-height:2em; border-bottom:1px solid #C9C9C9; }
.column_socialresponsibility article p{ margin-top:0.5em;}
.column_socialresponsibility .photo_content{ margin:5% -5px 0;position:relative; overflow:hidden;}
.column_socialresponsibility ul{ white-space:nowrap; list-style-type:none; zoom:1; font-size:0; text-align:center; position:relative;}
.column_socialresponsibility li{ zoom:1; display:inline-block;*display:inline; margin-right:-0.5em; width:50%;vertical-align:top;}
.column_socialresponsibility .img_container{ display:block; margin:0 5px; font-size:12px; width:auto; white-space:normal;font-weight:bold; padding: 0 0 56.25%; height:2.5em; line-height:1.75em;}
.column_socialresponsibility img{ width:100%; margin-bottom:0.75em;}
.column_socialresponsibility article:nth-child(2n+1){ background:#DFE4EA;}
.column_socialresponsibility article.bg_1{ background:#DFE4EA;}
.column_socialresponsibility .y01 li{ width:100%;}
.column_socialresponsibility .photo_content .scroll_bar,.column_socialresponsibility .photo_content .scroll_btn,.column_socialresponsibility .photo_content .scroll_num{ display:none;}
.column_socialresponsibility .scroll_prev{position:absolute; left:-5em;top:-2em; margin-top:13.68%;opacity:0.5;padding:4em 0 0 4em;width:0;height:0;overflow:hidden;background:url(../images/2016page/prev.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/prev.png',sizingmethod=scale);}
.column_socialresponsibility .scroll_next{position:absolute;right:-5em;top:-2em; margin-top:13.68%;opacity:0.5;padding:4em 0 0 4em;width:0;height:0;overflow:hidden;background:url(../images/2016page/next.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/next.png',sizingmethod=scale);}
.column_socialresponsibility .noshow{ display:none;}


/*----资质荣誉------------*/
.column_honor .title{ position:relative;margin:0 25px -12.5%;}
.column_honor .title .prev{ position:absolute; left:-25px; top:0em; margin-top:9.25%; opacity:0.7; padding:5.33% 0 0 5.33%; width:0; height:0; overflow:hidden; background:url(../images/2016page/prev.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/prev.png',sizingmethod=scale);}
.column_honor .title .next{ position:absolute; right:-25px; top:0em; margin-top:9.25%;opacity:0.7; padding:5.33% 0 0 5.33%; width:0; height:0; overflow:hidden; background:url(../images/2016page/next.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/prnextev.png',sizingmethod=scale);}
.column_honor .title .prev.noshow,.column_honor .title .next.noshow{ opacity:0.4;}
.column_honor .title .line{ width:66%; margin:0 auto; position:absolute; top:0; left:17%; height:2px; overflow:hidden; background:#F22B28; margin-top:11.11%;}
.column_honor ul{list-style-type:none; width:100%;overflow:hidden; white-space:nowrap; position:relative;zoom:1;}
.column_honor .title li{width:33.33%;height:0;padding:40% 0 0;position:relative;overflow:hidden;background:url(../images/tm.gif); cursor:pointer; display:inline-block;*display:block;*float:left;*clear:right;}
.column_honor .title li span{ position:absolute; padding:240% 0 0; width:100%; height:0; overflow:hidden; left:0; bottom:0; background-position: 0 0; background-repeat:no-repeat; background-size:100%; }
.column_honor .title li.current span{ bottom:auto; top:0;}
.column_honor .title .y2010{ background-image:url(../images/2016page/honor_btn2010.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2010.png',sizingmethod=scale);}
.column_honor .title .y2011{ background-image:url(../images/2016page/honor_btn2011.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2011.png',sizingmethod=scale);}
.column_honor .title .y2012{ background-image:url(../images/2016page/honor_btn2012.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2012.png',sizingmethod=scale);}
.column_honor .title .y2013{ background-image:url(../images/2016page/honor_btn2013.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2013.png',sizingmethod=scale);}
.column_honor .title .y2014{ background-image:url(../images/2016page/honor_btn2014.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2014.png',sizingmethod=scale);}
.column_honor .title .y2015{ background-image:url(../images/2016page/honor_btn2015.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2015.png',sizingmethod=scale);}
.column_honor .title .y2016{ background-image:url(../images/2016page/honor_btn2016.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2016.png',sizingmethod=scale);}
.column_honor .title .y2017{ background-image:url(../images/2016page/honor_btn2017.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2017.png',sizingmethod=scale);}
.column_honor .title .y2018{ background-image:url(../images/2016page/honor_btn2018.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2018.png',sizingmethod=scale);}
.column_honor .title .y2019{ background-image:url(../images/2016page/honor_btn2019.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2019.png',sizingmethod=scale);}
.column_honor .title .y2020{ background-image:url(../images/2016page/honor_btn2020.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2020.png',sizingmethod=scale);}
.column_honor .title .y2021{ background-image:url(../images/2016page/honor_btn2021.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2021.png',sizingmethod=scale);}
.column_honor .title .y2022{ background-image:url(../images/2016page/honor_btn2022.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2022.png',sizingmethod=scale);}
.column_honor .title .y2023{ background-image:url(../images/2016page/honor_btn2023.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2023.png',sizingmethod=scale);}
.column_honor .title .y2024{ background-image:url(../images/2016page/honor_btn2024.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2024.png',sizingmethod=scale);}
.column_honor .title .y2025{ background-image:url(../images/2016page/honor_btn2025.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2025.png',sizingmethod=scale);}
.column_honor .title .y2026{ background-image:url(../images/2016page/honor_btn2026.png);_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2016page/honor_btn2026.png',sizingmethod=scale);}
.column_honor .honor_content{ margin:0 -165px; padding:0 129px 0 165px; position:relative; height:0; overflow:hidden;zoom:1;}
.column_honor .sliding_on{ height:auto;}
.column_honor a:link,.column_honor a:visited,.column_honor a:active{color:#222;}
.column_honor a:hover{color:#CF0232;}
.column_honor .honor_content h2{display:block;margin:0 -129px -40% -165px;height:0;overflow:hidden;background:#F22B28; padding:40% 0 0;position:relative;z-index:2;_margin:0 -129px -41.5% -165px;}
.column_honor .honor_content .honor_bg{ display:none;}
.column_honor .honor_content .honor_bg.c_1{display:block;margin:0 -129px 0 -165px; height:0; overflow:hidden; background:#DFE4EA; padding:40% 0 0; clear:both;position:relative;_margin:0 -129px -1em -165px;}
.column_honor .honor_content article{float:left; width:50%; position:relative; padding:32px 0 0; font-size:14px;z-index:3; margin-top:-37.5%;} 
.column_honor .honor_content article a{position:relative; border:10px solid #FFF; margin-right:36px; display:block;min-height:9.5em; padding:70% 0 3.75em; _height:9.5em;}
.column_honor .honor_content .img_container{ padding:75% 0 0; width:100%; height:0; overflow:hidden; position:absolute; left:0; top:0; display:block;}
.column_honor .honor_content .img_container img{width:100%;position:absolute; left:0; top:0;}
.column_honor .honor_content p{padding:0.5em 1em 0.5em 6em;text-indent:-5em;*text-indent:0em;}
.column_honor .honor_content p .type{*width:5em;*zoom:1;*margin:0 0 0 -5em;}
.column_honor .honor_content time{ background:url(../images/2016page/time.gif) no-repeat left center; background-size:1em; padding-left:1.5em; position:absolute; left:1em; bottom:2em;}
.honorimg .addition_content .type{ display:none;}

/*----招商加盟------------*/
.column_join { margin:-10% -165px; padding:0 165px;position:relative;}
.column_join .message{border:35px solid #DFE4EA; margin:0 -165px 2em;padding:0 130px 1em; background:#F1F5F8;color:#000; display:block;zoom:1;}
.column_join .message h3{ line-height:3em; padding:1em 0 0; margin:0 -130px 0.5em; font-size:2em; background:#FFF; text-align:center;}
.column_join .message dl{clear:left;min-height:5.5em;_height:5.5em;padding-bottom:1em; width:98%;position:relative; left:1%; font-size:14px;}
.column_join .message dl.half{ float:left; clear:none;width:48%; margin-right:2%;}
.column_join .message dd{ position:relative; width:100%;zoom:1;}
.column_join .message div.input{ border:1px solid #999; padding:0 1em; height:3em;}
.column_join .message div.input input{ border:0; margin:0; height:3em;  margin:0 -1em; line-height:3em; padding:0 1em; outline:0; vertical-align:top; width:100%; background:none;}
.column_join .message .like_select {border:1px solid #999; width:auto; display:block; background:url(../images/2016page/like_select3.png) no-repeat right center; background-size:3em;min-width:0em;}
.column_join .message .like_select span.input{border-right:1px solid #999;_width:405px;}
.column_join .message .textarea{ border:1px solid #999; padding:0 1em;}
.column_join .message .textarea textarea{ width:100%; padding:0.5em 1em; margin:0 -1em; line-height:1.75em; height:7em; background:none; border:0; outline:0;}
.column_join .message .btn_submit{height:3.8em; line-height:3.8em; width:26em; display:block; margin:0 auto; text-align:center; color:#FFF; font-size:1.25em; background:#F22B28; border:0; border-bottom:0.2em solid #991C1A; font-weight:bold;}
.column_join .contact {margin:0 -165px 14em; padding:2em 165px; background:#DFE4EA; font-size:14px;}
.column_join .contact_fx,.column_join .contact_cl{position:relative;display:inline-block;*display:inline;width:40%;padding:1em 4%;margin-right:2%;left:1%;background:#F1F5F8; color:#000;}
.column_join .contact_cl{ margin-right:0;}
.column_join .contact h3{ font-weight:lighter;}
.column_join .contact strong{ font-size:2em; line-height:1.75em; display:inline-block;}
.column_join .contact .btn_sqbxz{ display:block; position:absolute; left:50%; width:16em; margin-left:-8em;bottom:-14em; padding:10em 0 0; text-align:center; background:url(../images/2016page/btn_sqbxz.jpg) no-repeat 4.25em 1.5em; background-size:7.5em;}

/*----联系我们------------*/
.column_contactus{margin:-10% -17.37%; padding:0 17.37%; border-top:390px solid #DFE4EA; position:relative; font-size:14px;}
.column_contactus .contactus_container{ background:#EEF3F6; margin-bottom:2em;}
.column_contactus .contactus_brand { position:relative; width:48%; float:left;margin-top:-36%;}
.column_contactus .contactus_brand h3{ position:absolute; visibility:hidden; left:0; top:0;}
.column_contactus .contactus_brand a{ display:block; width:100%; padding:75% 0 0; height:0; overflow:hidden;}
.column_contactus .contactus_fx a{ background:url(../images/2016page/contactus_fx.jpg) no-repeat 0 0; background-size:100%;}
.column_contactus .contactus_cl{ float:right;}
.column_contactus .contactus_cl a{ background:url(../images/2016page/contactus_cl.jpg) no-repeat 0 0; background-size:100%;}
.column_contactus .contactus_brand .ewm{ position:relative; left:10%; float:left; width:38%; margin-right:4%; padding:2em 0; text-align:center;}
.column_contactus .contactus_brand .ewm img{ width:100%; margin-bottom:0.5em;}
.column_contactus .contactus_hr h3{ text-align:center; font-size:2em; color:#000;}
.column_contactus .contactus_hr .contactus_content{ border:1px solid #E2E3E4; padding:1em 5%; margin-bottom:2em; line-height:2em;color:#000;}

@media all and (min-width:0px){
	.column_socialresponsibility .scroll_prev{ left:-7%;top:0;margin-top:10.68%;padding:6% 0 0 6%;}
	.column_socialresponsibility .scroll_next{right:-7%;top:0;margin-top:10.68%;padding:6% 0 0 6%;}
}
@media all and (min-width:0px) and (max-width:1000px){
	.column_contactus{ border-top-width:calc(36vw + 40px);}
}
@media all and (min-width:0px) and (max-width:767px){
	.column_company{ font-size:12px;}
	.column_company .company1,.column_company .company2,.column_company .company5{margin:0 -5.56%}
	.column_company .company3{ padding:70% 0 2.5%; background-image:url(../images/2016page/company03_wap.jpg);-moz-column-count:1;-webkit-column-count:1;column-count:1;}
	.column_company .company4{ padding:30% 0 2.5%; background-image:url(../images/2016page/company04_wap.jpg);}
	.column_company .company5 p{background-image:url(../images/2016page/company05_wap.jpg);padding:62.5% 0 0;}
	
	.column_brand{margin:-10% -5.56%;}
	.column_brand p.company1{background-image:url(../images/2016page/company01_wap.jpg);padding:60% 0 0;}
	.column_brand p.company2{background-image:url(../images/2016page/company02_wap.jpg);padding:135% 0 0;}
	.column_brand p.brand_content_1{ background-image:url(../images/2016page/brand_content_1_wap.jpg); padding:85% 0 0;}
	.column_brand p.brand_content_2020{ background-image:url(/html/images/2022/brand-mobile-2022_2.png); padding:400% 0 0;}
	.column_brand p.brand_content_2{ background-image:url(../images/2016page/brand_content_2_wap.jpg); padding:160% 0 0;}
	.column_brand p.brand_content_5{ background-image:url(../images/2016page/brand_content_5_wap.jpg); padding:60% 0 0;}
	
	.column_history{ margin:-10% -5.56%;}
	.column_history .title{margin:0 3em;}
	.column_history .title .prev{left:-3em; padding:3em 0 0 3em;}
	.column_history .title .next{right:-3em;padding:3em 0 0 3em;}
	.column_history .title li{line-height:3em;}
	.column_history .title li span{padding:0 1em; font-size:1em; }
	.column_history .history_content{ margin:0;}
	.column_history .history_content .forpc{ display:none;}
	.column_history .history_content .forwap{ display:block;}
	
	.column_memorabilia{margin:-10% -5.56%;}
	.column_memorabilia .memorabilia_2023{ padding:252% 0 0; background-image:url(/html/images/2023/memorabilia_wap2023.png);}
	.column_memorabilia .memorabilia_2022_1{ padding:175% 0 0; background-image:url(/html/images/2022/memorabilia_wap2022_2.png);}
	.column_memorabilia .memorabilia_2022{ padding:335% 0 0; background-image:url(/html/images/2022/memorabilia_wap2022_1.png);}
	.column_memorabilia .memorabilia_2019{ padding:320% 0 0; background-image:url(/html/images/2020/memorabilia_wap2019_1.jpg);}
	.column_memorabilia .memorabilia_2017{ padding:0;}
	.column_memorabilia .memorabilia_2015{ padding:387.5% 0 0; background-image:url(../images/2017page/memorabilia_wap2015_1.jpg);}
	.column_memorabilia .memorabilia_2009{ padding:270% 0 0; background-image:url(../images/2016page/memorabilia_wap2009.jpg);}
	.column_memorabilia .memorabilia_2003{ padding:225% 0 0; background-image:url(../images/2016page/memorabilia_wap2004_1.jpg);}
	.column_memorabilia .memorabilia_1987{ padding:465.625% 0 0; background-image:url(../images/2016page/memorabilia_wap1987.jpg);}
	
	.column_technology{margin:-10% -5.56%;}
	.column_technology div.technology_content_1{ background-image:url(../images/2016page/technology_1_1_wap.jpg); padding:94.85% 0 0;}
	.column_technology div.technology_content_2{ background-image:url(../images/2016page/technology_2_1_wap.jpg); padding:114.25% 0 0;}
	.column_technology div.technology_content_3{ background-image:url(../images/2016page/technology_3_1_wap.jpg); padding:110.81% 0 0;}
	.column_technology div.technology_content_4{ background-image:url(../images/2016page/technology_4_1_wap.jpg); padding:103.15% 0 0;}

	.column_responsibility{ background:none; padding:0;}
	.column_responsibility .column_title h1{background:#FFF;}
	.column_responsibility article{ font-size:12px;}
	
	.column_socialresponsibility { padding:0 7%;}
	.column_socialresponsibility article{ padding:5% 2.5%;}
	.column_socialresponsibility .photo_content{ margin:5% 0 0;}
	.column_socialresponsibility li{ width:100%;}
	.column_socialresponsibility .img_container{margin:0;}
	.column_socialresponsibility .img_container:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0;}
	.column_socialresponsibility .scroll_prev{ left:-16%;top:0;margin-top:22.125%;padding:12% 0 0 12%;}
	.column_socialresponsibility .scroll_next{right:-16%;top:0;margin-top:22.125%;padding:12% 0 0 12%;}
	
	.column_honor .honor_content .honor_bg,.column_honor .honor_content .honor_bg.c_1{ display:block;margin:0 -129px 0 -165px; background:#DFE4EA; padding:80% 0 0; clear:both;}
	.column_honor .honor_content .honor_bg:nth-child(2){ background:#F22B28;}
	.column_honor .honor_content article{ width:100%; margin-top:-75%}
	.column_honor .honor_content article a{ min-height:0;}
	
	.column_join .message{ border:0; margin:0 0 2em; padding:0; background:none; }
	.column_join .message h3{ line-height:3em; padding:0; margin:0; font-size:2em;}
	.column_join .message dl.half{ float:none; width:98%; clear:left;margin-right:0%;}
	
	.column_contactus{margin:0; padding:0; border-top:0;}
	.column_contactus .contactus_container{ background:#EEF3F6; margin-bottom:2em;}
	.column_contactus .contactus_brand { width:100%; float:none; margin:0;}
	.column_join .message dl{ font-size:12px;}
	.column_join .message .btn_submit { width:80%;}
	.column_join .contact {margin:0 -5.7%; padding:2em 5.7%; font-size:12px;}
	.column_join .contact .contact_fx,.column_join .contact .contact_cl{ display:block;margin:0 0 1em; width:auto;}
	.column_join .contact .contact_cl{margin:0;}
	.column_join .contact .btn_sqbxz{ display:none;}
	
	.column_contactus{ font-size:12px;}
	.his-pc{display:none;}
	
}
@media(min-width:767px){
	.his-mobile{display:none}
}
@media all and (min-width:0px) and (max-width:319px){
	.column_responsibility article{width:100%;}
	
	.column_design .half,.column_design .half_r{ float:none; width:100%;}
	
	.column_honor .honor_content p{ padding:0.5em 1em 0.5em 1em; text-indent:0em;}
	.column_honor .honor_content .type{ display:block; font-weight:bold;}
}