@charset "utf-8";
/* CSS Mobile Reset */
a, body, dd, del, dfn, dialog, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, img, ins, label, li, menu, nav, ol, p, pre, s, section, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, u, ul { border: 0; margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block;}[hidden], .hidden { display: none;}
a:focus { outline: thin dotted #000; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
a, a:hover,b { text-decoration: none;}a:hover, a:active { outline: 0;}a b { text-decoration: underline;}ul, ol, li { list-style: none;}
* { outline:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family:Arial;}img { border: none;}
html { -webkit-text-adjust: 100%; -ms-text-size-adjust: 100%; width:100%; height:100%; margin:0 auto; font-family:Arial;}
body{ padding:0; margin:0; width:100%; height:100%;}
a:link{ color:#fff;}
a:hover,a:active{ color:#fde02d;}
a:visited{ color:#fff;}
input[type="button"], input[type="submit"], input[type="reset"],button{-webkit-appearance: none;}
#BC{width:100%; height:100%; margin:0 auto; position:relative;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clertfix{ clear:both; width:100%; height:20px; display:block;}
.clertfix2{ clear:both; width:100%; height:10px; display:block;}
.clertfix3{ clear:both; width:100%; height:15px; display:block;}
@media screen and (max-width: 320px) { #BC{ width:320px;}}
@media screen and (min-width: 720px) { #BC{ width:640px;}}
/*---------------------统一设置end---------------------------------*/


/*---------------------首页---------------------------------*/
.head{ width:100%; height:60px; background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; z-index:100;}

.logo{ display:block; width:150px; margin:8px auto 4px;}
.logo img{ width:100%;}

a.en{ display:block; width:25px; height:25px; border-radius:50%; border:2px solid #d53a3c; position:fixed; top:13px; left:10px; font-size:12px; line-height:25px; text-align:center; 
color:#d53a3c;}
a.en:active{ background:#d53a3c; color:#FFF;}

#navigation{ width:20px; height:16px; position:fixed; right:13px; top:20px; background:url(../images/menu.png) no-repeat 0 0; background-size:100% auto; z-index:1100;}
#navigation.on{ background:url(../images/menuv.png) no-repeat 0 0; background-size:100% auto;}

#R{ width:180px; height:100%; position: fixed; right:-220px; top:0px;  background:rgba(190,32,17,0.92);  box-shadow:none; z-index:1002; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
#R.on{ top:0px; right:0px; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; z-index:1000;}
	
#mask{ width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.3); display:none; z-index:1000;}
nav{  padding:30% 5% 13% 10%; overflow-y:scroll;}
	nav>ul{}
	nav>ul>li{ background-size:12px auto; line-height:40px; font-size:14px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.3);}
	nav>ul>li:active{ color:#f00;}
	nav>ul>li>span{ display:block; width:100%; color:#fff;}
	nav>ul>li>ul{ font-size:16px; line-height:30px; text-align:center; height:0px; overflow:hidden;-webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
	nav>ul>li>ul.on{ padding:0px 0 10px;  height:60px; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
	nav>ul>li.on span{ color:#fdad00; border-bottom:1px solid #7eccb7;}
	nav>ul>li>ul.on li a{ color:#fff; font-size:14px;}
	nav>ul>li>ul.on li a:active{ color:#fdad00;}
	
nav>ul>li#nav1>ul.on{ height:150px;}	
nav>ul>li#nav4>ul.on{ height:90px;}
nav>ul>li#nav2>ul.on{ height:90px;}
nav>ul>li>span{ background:url(../images/icon2.png) no-repeat; background-size:20px auto;}	
nav>ul>li>span:active{ background:url(../images/icon2v.png) no-repeat; background-size:20px auto;}	
nav>ul>li>span.on{ background:url(../images/icon2v.png) no-repeat; background-size:20px auto;}	

nav>ul>li>span:active{ color:#fde02d;}
nav>ul>li>span.on{ color:#fde02d;  border-bottom:1px solid rgba(255,255,255,0.3);}
nav>ul>li#nav1>span{ background-position: 8% 10px;}
nav>ul>li#nav2>span{ background-position: 8% -48px;}
nav>ul>li#nav3>span{ background-position: 8% -103px;}
nav>ul>li#nav4>span{ background-position: 8% -158px;}
nav>ul>li#nav5>span{ background-position: 8% -212px;}
nav>ul>li#nav6>span{ background-position: 8% -268px;}

nav>ul>li#nav1>span:active{ background-position: 8% 10px;}
nav>ul>li#nav2>span:active{ background-position: 8% -48px;}
nav>ul>li#nav3>span:active{ background-position: 8% -103px;}
nav>ul>li#nav4>span:active{ background-position: 8% -158px;}
nav>ul>li#nav5>span:active{ background-position: 8% -212px;}
nav>ul>li#nav6>span:active{ background-position: 8% -268px;}

nav>ul>li#nav1>span.on{ background-position: 8% 10px;}
nav>ul>li#nav2>span.on{ background-position: 8% -48px;}
nav>ul>li#nav3>span.on{ background-position: 8% -103px;}
nav>ul>li#nav4>span.on{ background-position: 8% -158px;}
nav>ul>li#nav5>span.on{ background-position: 8% -212px;}
nav>ul>li#nav6>span.on{ background-position: 8% -268px;}


.banner{ width:100%; float:left; margin:60px 0 0;}

.series{ width:100%; float:left;}
.series ul{ width:99%; float:left; margin:10px 0 25px 1%;}
.series ul li{ width:33%; float:left; padding:0 0 5px; }
/*.series ul li:nth-child(1) p{letter-spacing:-0.5px; }
.series ul li a:hover p{ color:#e6242c;}
*/
.series ul li a{ display:block; width:100%; float:left; color:#393c38; font-size:12px;}
.series ul li a img{ width:100%;}
.series ul li a p{ width:100%; font-size:12px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.series ul li a:active p{ color:#e6242c;}

.title{ width:100%; height:46px; float:left; margin:10px 0 5px; font-size:17px; text-align:center; font-weight:300; background:url(../images/bline.jpg) no-repeat bottom center;}
.title span{ display:block; width:100%; height:44px; float:left; line-height:46px; border-bottom:1px solid #dfdfdf; }
.col1{ color:#e6242c;}
.col2{ color:#fff;}
.tb{ margin-bottom:15px;}


.ma_news{ width:100%; float:left;/* margin-bottom:5px;*/ background:#be2011;}
.ma_news ul{ width:100%; float:left; margin:6px 0 0; padding-bottom:22px;}
.ma_news ul li{ width:90%; float:left; padding:10px 3% 5px 7%;}
.ma_news ul li span{ display:block; float:left; margin-right:15px; width:50px; padding:5px 0 10px; line-height:48px; font-size:16px; font-family:Arial; text-align:center; color:#fdad00; background:url(../images/news_bg.png) no-repeat top center; background-size:100% auto;}

.ma_news ul li h3{ display:block; width:75%; float:left; color:#fff;}
.ma_news ul li h3 a{ display:block; width:100%; float:left; font-size:16px; font-weight:500;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ma_news ul li h3 a:actvie{ color:#fdad00;}
.ma_news ul li h4{ width:75%; padding:2px 0; font-weight:normal; font-size:14px; color:#ffa8a9; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ma_news ul li p{ width:75%; font-size:12px; color:#ffa8a9;}

.ma_conta{ width:100%; float:left; padding-bottom:76px;}
.ma_conta p{ display:block; width:100%; float:left; text-align:center;}
.ta1{ font-size:14px; padding:15px 0 0; color:#020202; line-height: 20px;}
.ta2 a{ display:block; width:100%; float:left; padding:10px 0; font-family:Arial; font-weight:bold; font-size:18px; color:#d53a3c;}
.ta2 a b{ font-size:16px; text-decoration:none;}

.ta3 a{ display:block; width:45%; height:30px; margin:0 auto; color:#fff; font-size:14px; line-height:30px; background:#f39413;}
.ta3 a:active{ background:#d53a3c;}


.footer{ width:100%; height:55px; position:fixed; bottom:0; left:0; background:#d53a3c; z-index:99;}
.footer ul{ width:100%; float:left;}
.footer ul li{ width:25%; float:left;}
.footer ul li a{ display:block; width:100%; float:left; font-size:14px; color:#FFF; font-weight:300; text-align:center;line-height:80px;background:url(../images/icon1.png) no-repeat;background-size:26px auto;}
.footer ul li a:active{background:url(../images/icon1.png) no-repeat #b82325;background-size:26px auto; color:#fff;}
.footer ul li a.on{background:url(../images/icon1.png) no-repeat #b82325;background-size:26px auto; color:#fff;}

.footer ul li:nth-child(1) a{ background-position:center 8px;}
.footer ul li:nth-child(2) a{ background-position:center -72px;}
.footer ul li:nth-child(3) a{ background-position:center -149px;}
.footer ul li:nth-child(4) a{ background-position:center -230px;}


.bn{ width:100%; float:left; margin:60px 0 0;}
.bn img{ display:block; width:100%;}

.NavList_a2{ width:100%; height:40px; float:left;/* border-bottom:5px solid #f2f2f2;*/background: #f6f5f2;}
.NavList_a2 ul{ width:98%; float:left; padding:0 1%;}
.NavList_a2 ul li{ float:left; margin:0 2% 0 1%; }
.NavList_a2 ul li a{display: inline-block; color:#474747;font-size: 14px; height:37px; line-height:40px;box-sizing: border-box;}
/*.NavList_a2 ul li a span{ display: inline-block; color:#474747; height:37px; line-height:40px;}*/

.NavList_a2 ul li a:active { color:#e6242c; border-bottom:3px solid #da251c;}
.NavList_a2 ul li a.on { color:#e6242c;  border-bottom:3px solid #da251c; }

#NavList_d1{ width:100%; height:40px; float:left;/* border-bottom:5px solid #f2f2f2;*/background: #f6f5f2;}
#NavList_d1 ul{ width:98%; float:left; padding:0 1%;}
#NavList_d1 ul li{ width:auto; float:left; margin:0 2% 0 1%; }
#NavList_d1 ul li a{display: inline-block; color:#474747; height:37px; line-height:40px;box-sizing: border-box;}
/*.NavList_a2 ul li a span{ display: inline-block; color:#474747; height:37px; line-height:40px;}*/

#NavList_d1 ul li a:active { color:#e6242c; border-bottom:3px solid #da251c;}
#NavList_d1 ul li a.on { color:#e6242c;  border-bottom:3px solid #da251c; }
/*
.NavList_a2 ul li a:active span{ color:#e6242c; border-bottom:3px solid #da251c;}
.NavList_a2 ul li.on a span{ color:#e6242c;  border-bottom:3px solid #da251c; }*/
.nav_box{background: #f6f5f2;padding: 0 16px;width: 100%;
    box-sizing: border-box;}
.nav_box .NavList_a2{float: none;}
.nav_box .NavList_a2 ul li{margin: unset;float: none;}
.nav_box #menu .swiper-slide a{width: auto !important;display: inline-block !important; float: none;}
#menu .swiper-slide a.on{color: #e6242c !important;border-bottom: 3px solid #da251c;}

.contant{ width:94%; float:left; padding:0 3% 76px; margin:5px 0 0;}
.cont_bt{ width:100%; float:left;}
.cont_bt p{ line-height:24px; font-size:14px; color:#000; text-indent:2em;}
.cont_bt img{ display:block; width:100%; height: auto; padding:15px 0 0;}


.plist{ width:100%; float:left; padding-bottom:86px;}
.plist ul{}
.plist ul li{ width:50%; float:left;}
.plist ul li:nth-child(odd) a{ background:url(../images/dian.jpg) repeat-y right top;}
.plist ul li a{ display:block; width:100%; float:left; border-bottom:1px solid #dadada;}
.plist ul li a img{ display:block; width:80%; /*float:left;*/ padding:0 1%;margin:0 auto;}
.plist ul li a p{ display:block; width:100%; float:left; color:#393c38; text-align:center; font-size:14px; padding:0 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.plist ul li a:active img{ opacity:0.9;}
.plist ul li a:active p{color:#e6242c;}

.prolist{ width:100%; float:left; margin:12px 0 0;}
.prolist h4{ width:100%; float:left; font-size:20px; color:#be2011; font-weight:300; text-align: center;}
.prolist p{ display:block; width:100%; float:left; font-size:13px; color:#474747; line-height:20px;}

.title2{ width:100%; float:left; margin:12px 0 10px; border-bottom:1px solid #be2011;}
.title2 span{ display:block; float:left; width:150px; height:30px; background:#be2011; border-radius:6px 6px 0 0; font-size:14px; color:#FFF; text-align:center; font-weight:300; line-height:30px;}

.proTab{ width:100%; float:left; margin:2px 0 8px; border-collapse: collapse;} 
.proTab th{ border: 1px solid #fff;}
.proTab td { border: 1px solid #fff; padding: 5px; vertical-align: middle; text-align:center; font-size:12px; }
.proTab td.fz{ font-size:14px; color:#be2011; background:#e4e0e0;}
.proTab td.cor1{ background:#f5f5f5;}
.proTab td.cor2{ background:#fff;}

.prolist ul{ width:100%; float:left; margin:5px 0 0;}
.prolist > ul > li{ width:48%;}
.prolist ul li a{ display:block; width:100%; float:left;}
.prolist ul li a img{ display:block; width:100%; float:left; border:1px solid #ccc;height: 31vw;max-height: 225px;}
.prolist ul li a p{ display:block; width:100%; float:left; padding:5px 0; text-align:center; font-size:14px;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;text-transform: capitalize;}
.prolist ul li a:active img{ opacity:0.9;}
.prolist ul li a:active p{ color:#e6242c;}
.prolist ul li:nth-child(odd){ float:left;}
.prolist ul li:nth-child(even){ float:right;}

.pro_display{ width:100%; float:left;}
.pro_display img{ display:block; width:80%; padding:0 10%;}
.pro_display h4{ display:block; width:100%; float:left; margin: 0 0 12px; padding:0 0 10px; text-align:center; text-transform:uppercase; font-size:14px; color:#be2011; border-bottom:1px solid #e1e1e1;}
.pro_display p{ display:block; width:95%; float:left; padding:2px 0 0 4%; background:url(../images/dian2.jpg.png) no-repeat left 7px; background-size:6px auto; font-size:13px;}
.back{ display:inline-block; width:40%; height:28px; float:left; margin:15px 30% 0; background:#e6242c; border-radius:5px; color:#fff; text-align: center; font-size:14px; line-height:28px;}
.pro_display h3 {font-size: 14px; font-weight: bold; float: left; margin: 10px 0;}
.pro_display ul {float: left; width: 100%;}
.pro_display ul li{font-size: 14px; line-height: 24px;}
.parameters p{background: 0; padding: 0; line-height: 20px;}

.video{ width:100%; float:left; padding:0 0 80px; }
.vdobx{ width:90%; float:left; padding:0 5% 15px; border-bottom:5px solid #f2f2f2;}
.vdobx iframe{ width:100%; height:240px;}
.video h3{ width:100%; float:left; color:#3f3f3f; padding:15px 0 10px; font-size:16px;}

/*新闻列表*/
.newslist{ width:100%; float:left; padding:5px 0 80px;}
.newslist ul{}
.newslist ul li{ width:100%; float:left;}
.newslist ul li a{ display:block; width:92%; float:left; padding:13px 4%; border-bottom:1px solid #d5d5d5;}
.newslist ul li a img{ display:block; width:30%; max-height:80px; float:left; margin-right:3%; border:1px solid #d4d4d4;}
.newslist ul li a h3{ display:block; width:66%; float:right; padding:2px 0 3px; color:#474747; font-size:14px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.newslist ul li a p{ display:block; width:66%; float:right; line-height:1.5em; font-size:12px; color:#7b7b7b; display:-webkit-box; overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newslist ul li a:active{ background:#CCC;}

.news_display{ width:90%; float:left; margin:20px 0; padding:0 5% 70px;}
.news_display h3{ text-align:center; font-weight:300; font-size:13px; font-weight: bold;}
.news_display h4{ width:100%; float:left; margin:0 0 10px; text-align:center; font-weight:300; font-size:14px; padding:8px 0; color:#bbb; border-bottom:1px dashed #bbb;}
.news_display p{ width:100%; float:left; padding:0 0 5px; font-size:12px; line-height:1.5em; text-indent:2em;}
.news_display  img{ display:block; width:100%; padding:5px 0;}

.con_box{ width:100%; float:left; margin:15px 0 0;}
.con_box img{ display:block; width:100%; float:left; height: auto;}


/*访客留言*/
#feedback{ width:100%; float:left; margin:15px 0 0;}
.Form1{ width:100%; float:left;}
.Form1 dd{border:1px solid #b2b2b2; padding:5px; margin-bottom:6px;color:#555; border-radius:5px; font-size:14px;}
.Form1 dd.txt{border:none; padding:10px; line-height: 20px; border:1px solid #eee; text-indent:2em; font-size:14px;}
.Form1 dd input[type="text"]{width:95%;font-size:14px; height:26px; line-height:26px; outline:none; color:#555; border:none; font-family:Arial}
.Form1 dd textarea{width:98%;font-size:14px; outline:none; resize:none; color:#666; border:none; font-family:Arial}

.Form1 dt{ width:100%; padding:0; margin:0;}
.Form1 dt input[type="submit"]{ width:100%; background:#d53a3c; color:#fff; text-align:center; height:40px; margin:2% 0 5%; line-height:40px; font-size:16px; letter-spacing:1px; border-radius:5px;border:none;  font-family:Arial -webkit-appearance: none;}
.Form1 dt input[type="submit"]:active{ color:#fde02d; opacity:0.98;}

.Form1 input.on{color:#333 !important;}

.Form1 dd span{ width:30%; float:left; font-size:14px; line-height:24px;}
.Form1 dd select{ width:68%; padding:2px 0; border:1px solid #ccc; color:#333;}

/*招聘中心*/
.job{ width:100%; float:left; padding:5px 0 35px;}
.job ul{}
.job ul li{ width:100%; float:left;}
.job ul li a{ display:block; width:95%; float:left; padding:10px 5% 10px 0; font-size:14px; color:#373737; line-height:24px; border-bottom:1px solid #ddd; background: url(../images/job.png) no-repeat right center; background-size:20px auto;}
.job ul li a span{ display:block; float:right; margin-right:6%; font-size:12px; line-height:24px; color:#999;}
.job ul li a:active{ color:#be2011;  background: url(../images/job2.png) no-repeat right center; background-size:20px auto;}

.job_display{ width:100%; float:left; padding:5px 0 10px;}
.job_display h2{ width:98%; padding:8px 1% 5px; font-weight:300; font-size:16px; line-height:24px; color:#e6242c; border-bottom:1px solid #ddd;}
.job_display h2 span{ display:block; float:right; font-size:12px; color:#999; line-height:24px;}

.job_display ul{ width:100%; float:left; margin:10px 0;}
.job_display ul li{ width:92%; float:left; padding:0 4%; font-size:14px; color:#333; line-height:1.6em;}
.job_display ul li.jbcol{ color:#e6242c;}
.job_display ul li span{ color:#666;}

.job_display h3{ width:96%; float:left; padding:5px 2%; margin-bottom:10px; color:#e6242c; border-bottom:1px solid #ddd; font-weight:300; font-size:14px;}
.job_display p{ display:block; width:92%; float:left; padding:2px 4%; color:#333; font-size:14px;}

.job_display h4{  width:86%; float:left; margin:15px 0 0; padding:2px 10% 2px 4%; color:#333; font-size:14px; font-weight:300;}
.job_display h4 span{ display:block; width:40%;}
.job_display h4 span a{ display:block; width:100%; height:30px; text-align:center; line-height:30px; border-radius:4px; background:#e6242c; color:#fff;}
.job_display h4 span a:active{/* background:rgba(0,156,115,0.8)*/ color: #fde02d;}


.contact{ width:100%; float:left;}
.contact h3{ width:100%; float:left; padding:10px 0; font-size:15px; color:#e6242c;}
.contact p{ display:block; width:100%; float:left; font-size:13px; line-height:24px;}
.pta{ margin-bottom:10px; padding-bottom:10px; border-bottom:5px solid #f2f2f2;}

/*导航定位*/
.gps{ width:100%; float:left;}
.gps a{ display:block; width:50%; height:30px; float:left; text-align:center; color:#fff; font-size:14px; line-height:30px; background:#f39413;}
.gps a:active{ background:#d53a3c;}
#map_c{ width:100%; height:220px; float:left; margin:5px 0 0; margin-bottom: 10px;}
#map_c2{ width:100%; height:220px; float:left; margin:5px 0 0; margin-bottom: 10px;}
#map_c3{ width:100%; height:220px; float:left; margin:5px 0 0; margin-bottom: 10px;}
#map_c4{ width:100%; height:220px; float:left; margin:5px 0 0; margin-bottom: 10px;}
#map_t{margin-bottom:10px; text-align:center;}
#map_l{position:fixed;left:0px;right:0px;top:0px;bottom:0px;z-index:1001;background-color:rgba(0,0,0,0.80); color:#fff; line-height:300px; text-align:center; font-size:20px;}
.con_r{float:right; font-size:12px; color:#aaa;}
.ico_location{display:inline; padding-left:16px; background-size:12px 12px; background-position:0px 50%; background-repeat:no-repeat; background-image:url(../images/ico_location.png); font-size:16px;}
.iCont{ color:#3e4246}


.culture{ width:100%; float:left;}
.culture p{ font-size:13px; color:#333; line-height:24px;}
.cu{ text-align:center;}
.culture img{ display:block; width:100%; padding:5px 0; height: auto; margin: 10px 0;}
.culture b {display: block; padding:5px 0; font-size:16px; font-weight:bold; color:#e6242c;}
.culture ul li {font-size: 13px; line-height: 24px; color:#333;}

.partner{ width:100%; float:left; margin:10px 0 0;}
.partner h3{ font-size:16px; padding:0 0 6px; color:#e6242c;}
.partner p{font-size:14px; line-height: 20px;}
.partner ul{ width:100%; float:left; margin:5px 0 0; padding:2px 0;}
.partner ul li{ width:95%; float:left; font-size:12px; padding-left: 5%; background:url(../../../images/dianv.png) no-repeat 5px 7px; line-height: 20px;}
 
.struct{ width:100%; float:left;}
.struct img{ display:block; width:100%;}


.noifo{ font-size:12px;}
 
.honor {font-size: 14px; text-indent: 2em; line-height: 24px; display: block; float: left; margin-bottom: 10px;}
.honor_list {text-align: center;}
.honor_list li {margin-top: 10px;}

.customers {border-collapse: collapse; width: 100%; text-align: center;}
.customers tr {width: 100%;}
.customers td, .customers th {font-size:12px; border-left:1px solid #fff; height: 30px; line-height: 30px;}
.customers th {color: #be2011;}
.customers td {color: #6b6b6b;}
.customers tr:nth-child(2n-1){background-color: #f5f5f5;}

.parameters li {width: 100% !important; color: #474747; font-size: 14px; line-height: 26px;}
.parameters li p {text-indent: 10px;}

.boon {width: 100%; float: left;}
.boon p img {width: 100%; height: auto; margin-top: 10px;}

.contact .wechat { clear: both; width: 140px; height: auto; text-align: center; font-size: 14px; margin: 0 auto; }
.contact .wechat img {display: block; width: 100%; height: auto;}