html{color:#333;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,img{margin:0;padding:0;border:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
/* to preserve line-height and selector appearance */
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
select,input,img{vertical-align:middle}

/*because legend doesn't inherit in IE */
legend {color:#000;}
/****** common style end******/
body{ font:12px/1.5  Helvetica,STHeiti,"Microsoft YaHei",Verdana,Arial,Tahoma,sans-serif; }
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.zoom{zoom:1}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clear{clear:both;font-size:0;height:0;line-height:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.bc{margin-left:auto;margin-right:auto;}
.pr{position:relative;}
.pa{position:absolute;}
.none{display:none;}
.db{display:block;}
.dil{display:inline-block;}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.ov{overflow:auto;zoom:1;}
.oh{overflow:hidden;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.white{color:#fff;}
.gray{color:#ccc;}
.gray2{color:#999;}
.black{color:#000;}
.red{color:#f00;}
.red2{color:#c00;}
.red3{color:#830000;}
.orange{color:#ff8400;}
.orange2{color:#f60;}
.orange3{color:#d53e16;}
.yellow{color:#ff0;}
.green{color:#358e00;}
.blue{color:#09c;}
.blue2{color:#186db4;}
.blue3{color:#006699;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.f-yahei{font-family:'微软雅黑';}
.t2{text-indent:2em;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.cp{cursor:pointer;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w960{width:960px;}
.w{width:100%;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.bn{border:none;}
.highlight{font-weight:bold;margin-left:5px;margin-right:5px;color:red;}
a:link{ color:#f93f1d; text-decoration:none; }
a:visited{ color:#f93f1d; }
.user{display:none;}


/* 弹层样式 */
.popup_header{ height:30px; background-color: #eee; }
.popup_title{ line-height: 30px; font-size:16px; margin-left:10px;}
.popup_close{ float:right; line-height: 30px; margin-right: 10px; font-size: 16px; cursor:pointer; font-weight: bold; }
.popup_content{ margin:10px; font-size:14px; }
.popup_content .popup_log{ float:left; width: 335px; border-right: 1px solid #ccc; }
.popup_content .popup_reg{ float: right; width: 180px; font-size:12px;}
.popup_content .popup_log div{ margin:15px 0 0 20px; }
.popup_content .popup_log div label{ line-height: 30px; width:40px; text-align: right; float:left; }
.popup_content .popup_log div .popup_option{ margin-left:15px; height:30px; width:196px; border:1px solid #d9d9d9; border-radius:3px; padding:0 5px;}
.popup_content .popup_log div #popup_remember{ line-height: 30px; height: 30px; margin-left:15px; }
.popup_content .popup_log div #popup_remem_label{ line-height: 30px; font-size: 12px; margin-left:8px; width:72px; float:none;}
.popup_content .popup_log div #popup_logbtn{ line-height: 30px; height: 30px; margin-left: 15px; width: 80px; }
.popup_content .popup_reg div{ margin-top:15px;}

#popupReport .popup_content{ padding: 10px; }
#popupReport .popup_content .popup_reason{ padding-left: 20px;}
#popupReport .popup_content .popup_reason .popup_reason_item{ float:left; width:200px; margin-bottom:5px; }
#popupReport .popup_content .popup_reason .popup_reason_item label{ font-size: 13px; }
#popupReport .popup_content .popup_reason .popup_reason_item label input{ margin-right:8px;}
#popupReport .popup_content .report-btn{ font-size: 14px; padding:5px 10px;}
#popupReport .popup_content .popup_report_btn{ padding-left: 20px; margin-top:5px;}
#popupReport .popup_content .popup_reason_desc{ margin-top:5px; padding-left: 20px;}
#popupReport .popup_content .popup_reason_desc textarea{ padding:5px; width:360px; border:1px solid #ccc; font-size: 12px; resize:none;}

#popupProgress #percent{ position:absolute; height:100%; color:#36373b; }
#popupProgress #progress{ background-color:#007ef7; text-align:right; height:20px; width:0px; }

/*pc & mobile*/
@media screen and (max-width:800px){
	.pcdisplay{display:none;}
	.header-container{ background:url(../images/m_home_bg3.jpg) no-repeat; background-size:cover; background-position:center top; min-height:450px; }
	.header-container .nav-container{ margin:0 10px; }
	.header-container .nav-container .logo{ margin-top:10px; float:left; }
	.header-container .nav-container .logo img{ width:122px; }
	.header-container .nav-container .nav-wrap{ margin-top:10px; float:right; }
	.header-container .nav-container .nav-wrap ul{ float:right; font-size:14px; }
	.header-container .nav-container .nav-wrap ul li{ float:left; margin-left:10px; line-height:30px; }
	.header-container .nav-container .nav-wrap ul li a:link{ color:#fff; }
	.header-container .nav-container .nav-wrap ul li a:visited{ color:#fff; }
	.header-container .nav-container .nav-wrap ul li a:hover{ color:#f93f1d; }
	.header-container .nav-container .nav-wrap ul li a.white-link{ border:1px solid #fff; border-radius:50px; padding:5px 10px; }
	.header-container .nav-container .nav-wrap ul li a.white-link:hover{ border:1px solid #f93f1d; }
	.header-container .nav-container .nav-wrap ul li a.red-link{ border:1px solid #f93f1d; border-radius:50px; padding:5px 10px; color:#f93f1d; }
	.header-container .slogan-container{ margin-top:170px; }
	.header-container .slogan-container .slogan-wrap{ color:#fff; font-size:24px; text-align:center; margin:25px auto; text-shadow:3px 2px 2px #000;}
	.header-container .slogan-container .desc-wrap{ color:#fff; font-size:13px; text-align:center; margin:25px auto;text-shadow:2px 1px 1px #000;}
	.header-container .slogan-container .redlink-wrap{ margin:50px auto; text-align:center; }
	.header-container .slogan-container .redlink-wrap a:link{ color:#fff; background-color:#f93f1d; padding:10px 50px; font-size:16px; border-radius:50px; }
	.header-container .slogan-container .redlink-wrap a:visited{ color:#fff; }

	.intro-container{ padding:30px 0; border-bottom:1px solid #f0f0f0; }
	.intro-container .title-container{ font-size:20px; text-align:center; }
	.intro-container .subtitle-container{ font-size:12px; text-align:center; margin:10px auto 0; width:90%; color:#666; }
	.intro-container .item-container{ margin:30px auto 0px; width:90%; }
	.intro-container .item-container .item-wrap{ float:left; width:50%; text-align:center; margin-top:20px; height:80px; }
	.intro-container .item-container .item-wrap .item{ margin:0 auto; }
	.intro-container .item-container .item-wrap .item h3{ font-size:14px; }
	.intro-container .item-container .item-wrap .item p{ font-size:12px; color:#666; margin-top:10px; }
	.intro-container .item-container .item-wrap .item-1 em{ display:inline-block; width:30px; height:30px; background-color:#ffab0a; border-radius:50%; margin-bottom:5px; }
	.intro-container .item-container .item-wrap .item-2 em{ display:inline-block; width:30px; height:30px; background-color:#1cb669; position:relative; border-radius:50%; margin-bottom:5px; }
	.intro-container .item-container .item-wrap .item-2 em:after{ content: ""; display: inline-block; position: absolute; background-color: #fff; width: 14px; height: 14px; border-radius: 50%; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; }
	.intro-container .item-container .item-wrap .item-3 em{ display:inline-block; width:0px; height:0px; border-left: 15px solid transparent; border-right:15px solid transparent; border-top: 25px solid #419794; margin-bottom:5px; margin-top:5px; }
	.intro-container .item-container .item-wrap .item-4 em{ display:inline-block; width:0px; height:0px; border:15px solid #28d; margin-bottom:5px; }

	.feature-container{ padding:30px 0; border-bottom:1px solid #f0f0f0; }
	.feature-container .title-container{ font-size:20px; text-align:center; }
	.feature-container .subtitle-container{ font-size:12px; text-align:center; margin:10px auto 0; width:70%; color:#666; }
	.feature-container .feature-wrap{ width:90%; margin: 30px auto 0; }
	.feature-container .feature-wrap .feature-item{ float:left; width:50%; margin-bottom:50px; }
	.feature-container .feature-wrap .feature-item .feature-icon{ float:left; margin-right:10px; }
	.feature-container .feature-wrap .feature-item .feature-icon img{ width:45px; height:45px; }
	.feature-container .feature-wrap .feature-item .feature-content{ float:left; }
	.feature-container .feature-wrap .feature-item .feature-content .feature-title{ font-size:16px; }
	.feature-container .feature-wrap .feature-item .feature-content .feature-desc{ color:#666; margin-top:5px; }

	.industry-container{ padding:30px 0; border-bottom:1px solid #f0f0f0; background-color:#f8f8f8; }
	.industry-container .title-container{ font-size:20px; text-align:center; }
	.industry-container .subtitle-container{ font-size:12px; text-align:center; margin:10px auto 0; width:90%; color:#666; }
	.industry-container .industry-wrap{ width:90%; margin:30px auto 0; }
	.industry-container .industry-wrap .industry-item{ width:25%; float:left; margin-bottom:30px; }
	.industry-container .industry-wrap .industry-item .industry-content{ width:90%; margin:0 auto; position:relative; }
	.industry-container .industry-wrap .industry-item .industry-content img{ width:100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }
	.industry-container .industry-wrap .industry-item .industry-content .industry-title{ background-color:#000; opacity:0.5; color:#fff; position:absolute; bottom:0; left:0; width:100%; height:2em; line-height:2em; text-align:center; }

	.customer-container{ padding:30px 0; background-color:#f8f8f8; border-bottom:1px solid #f0f0f0; }
	.customer-container .title-container{ font-size:20px; text-align:center; }
	.customer-container .subtitle-container{ font-size:12px; text-align:center; margin:10px auto 0; width:70%; color:#666; }
	.customer-container .customer-wrap{ width:90%; margin:30px auto 0; }
	.customer-container .customer-wrap .customer-item { float:left; width:25%; }
	.customer-container .customer-wrap .customer-item .customer-content{ margin:auto 10px; }
	.customer-container .customer-wrap .customer-item .customer-content img{ width:100%; border-radius:5px; }
	.customer-container .customer-wrap .customer-item .customer-content .customer-name{ text-align:center; margin-top:5px; height:36px; }
	.customer-container .example-wrap{ width:80%; margin:50px auto 0; }
	.customer-container .example-wrap .qrcode{ text-align:center; }
	.customer-container .example-wrap .qrcode-desc{ margin-top:10px; font-size:16px; text-align:center; }

	.base-container{ background:url(../images/base_bg.jpg) no-repeat; height:130px; background-size:cover; }
	.base-container .text{ font-size:20px; color:#fff; font-weight:lighter; text-align:center; position:relative; top:30px;letter-spacing:12px;}
	.base-container .red-link{ text-align:center; }
	.base-container .red-link a:link{ color:#fff; position:relative; top:50px; background-color:#f93f1d; padding:8px 15px; border-radius:5px; }
	.base-container .red-link a:visited{ color:#fff; }

	.footer-container{ padding:40px 0; background-color:#f8f8f8; }
	.footer-container .footer-wrap{ width:90%; margin:0 auto; }
	.footer-container .footer-wrap .logo{ }
	.footer-container .footer-wrap .logo img{ height:2.5em; }
	.footer-container .footer-wrap .link-container{ margin-top:20px; }
	.footer-container .footer-wrap .link-container .link-wrap{ float:left; font-size:13px; }
	.footer-container .footer-wrap .link-container .link-wrap h3{ font-weight:bold; }
	.footer-container .footer-wrap .link-container .link-wrap ul{ margin-top:10px; word-wrap:break-word; }
	.footer-container .footer-wrap .link-container .link-wrap ul li{ margin-top:5px; }
	.footer-container .footer-wrap .link-container .link-wrap a:link{ color:inherit; }
	.footer-container .footer-wrap .link-container .link-wrap a:visited{ color:inherit; }
	.footer-container .footer-wrap .link-container .qrcode{ text-align:right; }
	.footer-container .footer-wrap .link-container .qrcode img{ width:8em; }

	.meta-container{ height:3em; line-height:3em; background-color:#373c4f; }
	.meta-container .meta-wrap{ margin:0 auto; width:90%; text-align:center; color:#fff; }
	.meta-container .meta-wrap a:link{ color:inherit; }
	.meta-container .meta-wrap a:visited{ color:inherit; }

	.fix-container{ background-color:#f93f1d; color:#fff; text-align:center; position:fixed; bottom:0; width:100%; padding:10px;}

	.marketing-box{padding-top:20px}
	.marketing-head h2{font-size:20px;}
	.marketing-head p{font-size:12px;line-height:1.6}
}



@media screen and (min-width:800px){
	.header-container{ min-height:725px; background:url(../images/home_bg3.jpg) no-repeat; background-size:cover; background-position:center top; }
	.header-container .top-container{ position: absolute; top:0; left:0; width:100%; z-index:100; }
	.header-container .top-container .nav-container{ margin:10px 20px; }
	.header-container .top-container .nav-container .logo{ float:left; }
	.header-container .top-container .nav-container .logo img{ width:200px; }
	.header-container .top-container .nav-container .nav-wrap{ float:right; }
	.header-container .top-container .nav-container .nav-wrap ul{ float:right; font-size:14px; }
	.header-container .top-container .nav-container .nav-wrap ul li{ float:left; margin:0 20px; line-height:30px; }
	.header-container .top-container .nav-container .nav-wrap ul li a:link{ color:#fff; }
	.header-container .top-container .nav-container .nav-wrap ul li a:visited{ color:#fff; }
	.header-container .top-container .nav-container .nav-wrap ul li a:hover{ color:#f93f1d; }
	.header-container .top-container .nav-container .nav-wrap ul li a.white-link{ border:1px solid #fff; border-radius:50px; padding:0.2rem 2rem; }
	.header-container .top-container .nav-container .nav-wrap ul li a.white-link:hover{ border:1px solid #f93f1d; }
	.header-container .top-container .nav-container .nav-wrap ul li a.red-link{ border:1px solid #f93f1d; border-radius:50px; padding:0.2rem 2rem; color:#f93f1d; }
	.header-container .top-container .slogan-container{ position:absolute; top:30vh; width:100%; }
	.header-container .top-container .slogan-container .slogan-wrap{ color:#fff; font-size:42px; text-align:center; margin:25px auto; letter-spacing:1rem;text-shadow:3px 2px 2px #000;}
	.header-container .top-container .slogan-container .desc-wrap{ color:#fff; font-size:18px; text-align:center; margin:25px auto; letter-spacing:0.3rem;text-shadow:2px 1px 1px #000;}
	.header-container .top-container .slogan-container .redlink-wrap{ margin:50px auto; text-align:center; }
	.header-container .top-container .slogan-container .redlink-wrap a:link{ color:#fff; background-color:#f93f1d; padding:10px 50px; font-size:16px; border-radius:50px; }
	.header-container .top-container .slogan-container .redlink-wrap a:visited{ color:#fff; }

	.intro-container{ padding:80px 0; border-bottom:1px solid #f0f0f0; }
	.intro-container .title-container{ font-size:30px; text-align:center; }
	.intro-container .subtitle-container{ font-size:14px; text-align:center; margin:30px auto 0; width:70%; color:#666; }
	.intro-container .item-container{ margin:50px auto 0px; width:80%; }
	.intro-container .item-container .item-wrap{ float:left; width:25%; text-align:center; }
	.intro-container .item-container .item-wrap .item{ width:80%; margin:0 auto; }
	.intro-container .item-container .item-wrap .item h3{ font-size:14px; }
	.intro-container .item-container .item-wrap .item p{ font-size:14px; color:#666; margin-top:10px; }
	.intro-container .item-container .item-wrap .item-1 em{ display:inline-block; width:30px; height:30px; background-color:#ffab0a; border-radius:50%; margin-bottom:5px; }
	.intro-container .item-container .item-wrap .item-2 em{ display:inline-block; width:30px; height:30px; background-color:#1cb669; position:relative; border-radius:50%; margin-bottom:5px; }
	.intro-container .item-container .item-wrap .item-2 em:after{ content: ""; display: inline-block; position: absolute; background-color: #fff; width: 14px; height: 14px; border-radius: 50%; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; }
	.intro-container .item-container .item-wrap .item-3 em{ display:inline-block; width:0px; height:0px; border-left: 15px solid transparent; border-right:15px solid transparent; border-top: 25px solid #419794; margin-bottom:5px; margin-top:5px; }
	.intro-container .item-container .item-wrap .item-4 em{ display:inline-block; width:0px; height:0px; border:15px solid #28d; margin-bottom:5px; }

	.feature-container{ padding:80px 0; border-bottom:1px solid #f0f0f0; }
	.feature-container .title-container{ font-size:30px; text-align:center; }
	.feature-container .subtitle-container{ font-size:14px; text-align:center; margin:30px auto 0; width:70%; color:#666; }
	.feature-container .feature-wrap{ width:80%; margin: 50px auto 0; }
	.feature-container .feature-wrap .feature-item{ float:left; width:190px; margin-right:60px; margin-bottom:50px; }
	.feature-container .feature-wrap .feature-item .feature-icon{ float:left; margin-right:10px; }
	.feature-container .feature-wrap .feature-item .feature-icon img{ width:50px; height:50px; }
	.feature-container .feature-wrap .feature-item .feature-content{ float:left; }
	.feature-container .feature-wrap .feature-item .feature-content .feature-title{ font-size:16px; }
	.feature-container .feature-wrap .feature-item .feature-content .feature-desc{ color:#666; margin-top:5px; }


	.industry-container{ padding:80px 0; border-bottom:1px solid #f0f0f0; background-color:#f8f8f8; }
	.industry-container .title-container{ font-size:30px; text-align:center; }
	.industry-container .subtitle-container{ font-size:14px; text-align:center; margin:30px auto 0; width:70%; color:#666; }
	.industry-container .industry-wrap{ width:80%; margin:50px auto 0; }
	.industry-container .industry-wrap .industry-item{ width:25%; float:left; margin-bottom:30px; }
	.industry-container .industry-wrap .industry-item .industry-content{ width:80%; margin:0 auto; position:relative; }
	.industry-container .industry-wrap .industry-item .industry-content img{ width:100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }
	.industry-container .industry-wrap .industry-item .industry-content .industry-title{ background-color:#000; opacity:0.5; color:#fff; position:absolute; bottom:0; left:0; width:100%; height:2em; line-height:2em;font-size:2em; text-align:center; }

	.customer-container{ padding:80px 0; background-color:#f8f8f8; border-bottom:1px solid #f0f0f0; }
	.customer-container .title-container{ font-size:30px; text-align:center; }
	.customer-container .subtitle-container{ font-size:14px; text-align:center; margin:30px auto 0; width:70%; color:#666; }
	.customer-container .customer-wrap{ width:80%; margin:50px auto 0; }
	.customer-container .customer-wrap .customer-item { float:left; width:10%; }
	.customer-container .customer-wrap .customer-item .customer-content{ margin:auto 20px; }
	.customer-container .customer-wrap .customer-item .customer-content img{ width:100%; border-radius:5px; }
	.customer-container .customer-wrap .customer-item .customer-content .customer-name{ text-align:center; margin-top:5px; }
	.customer-container .example-wrap{ width:80%; margin:50px auto 0; }
	.customer-container .example-wrap .qrcode{ text-align:center; }
	.customer-container .example-wrap .qrcode-desc{ margin-top:10px; font-size:16px; text-align:center; }

	.base-container{ background:url(../images/base_bg.jpg) no-repeat; height:300px; background-size:cover; }
	.base-container .text{ font-size:24px; color:#fff; font-weight:lighter; text-align:center; position:relative; top:100px;letter-spacing:32px;}
	.base-container .red-link{ text-align:center; }
	.base-container .red-link a:link{ color:#fff; position:relative; top:150px; background-color:#f93f1d; padding:10px 30px; border-radius:5px; }
	.base-container .red-link a:visited{ color:#fff; }

	.footer-container{ padding:40px 0; background-color:#f8f8f8; }
	.footer-container .footer-wrap{ width:80%; margin:0 auto; }
	.footer-container .footer-wrap .logo{ }
	.footer-container .footer-wrap .logo img{ height:2.5em; }
	.footer-container .footer-wrap .link-container{ margin-top:20px; }
	.footer-container .footer-wrap .link-container .link-wrap{ float:left; font-size:13px; }
	.footer-container .footer-wrap .link-container .link-wrap h3{ font-weight:bold; }
	.footer-container .footer-wrap .link-container .link-wrap ul{ margin-top:10px; }
	.footer-container .footer-wrap .link-container .link-wrap ul li{ margin-top:5px; }
	.footer-container .footer-wrap .link-container .link-wrap a:link{ color:inherit; }
	.footer-container .footer-wrap .link-container .link-wrap a:visited{ color:inherit; }
	.footer-container .footer-wrap .link-container .qrcode{ text-align:right; }
	.footer-container .footer-wrap .link-container .qrcode img{ width:8em; }

	.meta-container{ height:3em; line-height:3em; background-color:#373c4f; }
	.meta-container .meta-wrap{ margin:0 auto; width:80%; text-align:center; color:#fff; }
	.meta-container .meta-wrap a:link{ color:inherit; }
	.meta-container .meta-wrap a:visited{ color:inherit; }
	
	.marketing-box{padding-top:80px}
	.marketing-head h2{font-size:30px;}
	.marketing-head p{font-size:14px;line-height:2}
}


.marketing-box{padding-bottom:0;background:#f9f9f9;overflow:hidden;}
.marketing-head h2{position:relative;font-weight:normal;text-align:center;color:#353535;z-index:50}
.marketing-head p{position:relative;width:80%;max-width:800px;margin:10px auto 0;text-align:center;color:#888;z-index:20;}
.marketing-warp{position:relative;margin:0 auto}
.marketing-box .image{position:relative;height:560px;margin-top:-160px}
.marketing-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:url(../images/info-bg.png) center bottom no-repeat}
.marketing-warp .item-1{position:absolute;top:0px;left:0;width:100%;height:100%;z-index:10;background:url(../images/info-item1.png) center bottom no-repeat}
.marketing-warp .item-2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:url(../images/info-item2.png) center bottom no-repeat}
.marketing-box .image .phone{opacity:0;position:absolute;left:50%;bottom:-4px;z-index:30}
.marketing-box .image .phone.phone-1{margin-left:-210px;-webkit-transform:translateY(120px);-moz-transform:translateY(120px);transform:translateY(120px)}
.marketing-box .image .phone.phone-2{margin-left:-340px;z-index:20;-webkit-transform:translateY(80px);-moz-transform:translateY(80px);transform:translateY(80px)}
.marketing-box .image .phone.phone-3{margin-left:0px;z-index:20;-webkit-transform:translateY(90px);-moz-transform:translateY(90px);transform:translateY(90px)}
.marketing-box .image .phone.phone-4{margin-left:-20px;bottom:160px;z-index:10;-webkit-transform:translateY(60px);-moz-transform:translateY(60px);transform:translateY(60px)}
.marketing-box .image .phone.phone-5{margin-left:160px;-webkit-transform:translateY(160px);-moz-transform:translateY(160px);transform:translateY(160px)}
.marketing-box.show .image .phone{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-webkit-transition:all .9s;-moz-transition:all .9s;transition:all .9s}