/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("flag.css?v=106");
@import url("page.css?v=106");
/****************************smt 流程*******************************************/
.sub_next_ul li a:before{ background-image:url(../images/smt/1.png)}
.sub_next_ul li.on a:before{ background-image:url(../images/smt/1on.png)}
.sub_next_ul li.icon01 a:before{ width:32px; background-position:left center}
.sub_next_ul li.icon02 a:before{ width:37px; background-position:-39px center}
.sub_next_ul li.icon03 a:before{ width:33px; background-position:-78px center}
.sub_next_ul li.icon04 a:before{ width:33px; background-position:-115px center}
.sub_next_ul li.icon05 a:before{ width:36px; background-position:-153px center}
.sub_next_ul li.icon01 a{ padding-left:42px;}
.sub_next_ul li.icon02 a{ padding-left:47px;}
.sub_next_ul li.icon03 a{ padding-left:43px;}
.sub_next_ul li.icon04 a{ padding-left:43px;}
.sub_next_ul li.icon05 a{ padding-left:46px;}
.sub_next_ul li{ margin-right:85px}
/**/
.faqs_cat{ text-align:center; background:#f5f5f5; float:left; width:100%; margin-bottom:10px}
.faqs_cat li{display:inline-block;float:left; margin-right:10px;line-height:1.2;}
.faqs_cat li a{ display:block; font-size:16px;padding:8px 15px; padding-bottom:9px}
.faqs_cat li.on a{ background:#119466;color:#fff;}
.faqs_cat li a:hover{ color:#119466}
.faqs_cat li.on a:hover{color:#fff}
/**/
.faqs_item{background:#f5f5f5; line-height:1.2; font-size:18px; margin-top:15px}
.faqs_item.on .title{ background:#119466; color:#fff;}
.faqs_item .title{ position:relative; padding:10px 35px; padding-left:55px;cursor:pointer}
.faqs_item .title:before{ content:""; width:6px; height:6px; display:block; position:absolute; left:35px; top:17px; background:#252525;
-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
.faqs_item .desc{font-size:16px;padding:35px;background:#fff; display:none; line-height:1.4}
.faqs_item.on{ border:1px solid #119466}
.faqs_item.on .title:before{background:#fff}
.faqs_item.on .desc{ display:block}
.desc_more{margin-top:35px}
.desc_more a{color:#119466; font-size:18px; font-weight:bold}
.desc_more a:hover{text-decoration:underline}
/****/
.Validform_checktip { margin-left:0; padding:0px 6px; font-size:12px; color:#F00 }
.info { border: 1px solid #F00; padding: 2px 20px 2px 5px; border-radius: 2px; color: #F00; position: absolute; display: none; line-height: 20px; background-color: #fff; margin-top:10px; }
.dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; }
.dec .dec1 { color: #F00; }
.dec .dec2 { color: #fff; top: -10px; }
.Validform_right { display:none }
/***/
#feedback_desc{ background:#ededed url(../images/support/sbg.jpg) repeat-x}
#feedback_desc h2{ color:#fff}
#contact_form{ background:#fff; padding:50px}
#contact_form li{ width:48%; float:left; position:relative; background:#f6f6f6; margin-bottom:35px;}
#contact_form li:nth-child(2n){ float:right}
#contact_form li.textarea{ width:100%;}
#contact_form li input{ display:block; padding:15px 15px; width:100%; border:0; background:none; padding-left:105px}
#contact_form li.name input{ padding-left:95px}
#contact_form li.company input{ padding-left:125px}
#contact_form li.title input{ padding-left:90px}
#contact_form li label{ font-size:18px; position:absolute; left:25px; top:8px}
#contact_form li textarea{ background:#f6f6f6; padding:15px; width:100%; border:0; text-indent:125px; min-height:200px}
#contact_form li.send{ width:100%; background:none; text-align:center; margin-bottom:0}
#contact_form li.send button{ background:#119466; border:0; padding:15px 55px; color:#fff; font-size:18px; cursor:pointer}
/***/
#choose_us{}
.choose_desc{ color:#fff; background:#119466}
.choose_lt{ float:left; width:700px;}
.choose_lt img{ width:100%; display:block; height:auto; border:2px solid #fff}
.choose_rt{ float:right; width:760px; line-height:1.4; font-size:18px;}
.choose_rt b{ font-size:40px; display:block; text-transform:uppercase; margin-bottom:40px}
.choose_rt b:after{ width:50px; height:6px; background:#fff; content:""; display:block; margin-top:20px}
.choose_tab{ text-align:center; border-bottom:2px solid #ababab;}
.choose_tab ul{ max-width:1504px; margin:0 auto}
.choose_tab li{ display:inline-block; cursor:pointer; margin:0 90px; padding-bottom:25px; font-size:28px; color:#ababab; text-transform:uppercase; position:relative}
.choose_tab li:before{ width:86px; height:94px; background:url(../images/support/icon1.png) no-repeat left top; content:""; display:block; margin:0 auto;margin-bottom:15px;}
.choose_tab li.icon02:before{ background-position:-86px top}
.choose_tab li.icon03:before{ background-position:-172px top}
.choose_tab li.icon04:before{ background-position: right top}
.choose_tab li.on:before{ background-image:url(../images/support/icon1on.png); }
.choose_tab li.on{color:#119466}
.choose_tab li.on:after{background:#119466}
.choose_tab li:after{ display:block; margin:0 auto; position:absolute; margin-left:-7.5px; left:50%; bottom:-7px; width:15px; height:15px; background:#ababab; content:"";-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
.choose_tab_item{ margin-top:80px; font-size:24px; line-height:1.4; float:left; width:100%; display:none}
.choose_tab_item .thumb{ float:left; width:43%;}
.choose_tab_item .thumb img{ width:100%; display:block; height:auto}
.choose_tab_item .desc{ float:right; width:57%; padding-left:50px; padding-top:0px; line-height:1.2}
.choose_tab_item .desc p{ display:block; position:relative; padding-left:29px; margin:6px 0}
.choose_tab_item .desc p:before{ width:16px; height:2px; background:#119466; content:""; position:absolute; left:0; top:17px;}
.choose_tab_item.on{ display:block}
@media(max-width:1674px){
.components_lt{ width:70%}
.components_rt{ width:30%}
.choose_lt{ width:50%; padding-right:50px}
.choose_rt{ width:50%;}
.choose_desc{ padding:80px 0}
.choose_rt b{ margin-bottom:30px;}
#choose_us{ padding:80px 0}
.choose_tab li{ margin:0 4.7vw}
.choose_tab_item .desc{ padding-left:50px; padding-top:0px}
.choose_tab_item .desc p{ margin-top:0}
}
@media(max-width:1180px){
.faqs_cat{ background:none}	
#faqs_desc{ padding:60px 0}
.h2_title{ font-size:30px; margin-bottom:30px}
.faqs_item .title{ padding:10px 15px; padding-left:35px}
.faqs_item .title:before{ left:15px}
.faqs_item .desc{}
.wz_h2{ font-size:30px; line-height:1.2}
.components_lt{ width:100%}
.components_rt{ display:none}
.choose_desc{ padding:60px 0}
.choose_rt b{ margin-bottom:25px; font-size:30px}
#choose_us{ padding:60px 0}
#choose_adv{ padding-bottom:60px}
}
@media(max-width:1100px){
.choose_lt{ width:100%; padding-right:0px; margin-bottom:25px}
.choose_rt{ width:100%;}
.choose_tab li:before{ width:50px; height:55px; background-size:auto 100%}
.choose_tab li.icon02:before{ background-position:-49px top}
.choose_tab li.icon03:before{ background-position:-97px top}
.choose_tab li{ margin:0 2.5vw; font-size:20px}
.choose_tab_item .desc p{ font-size:14px}
.choose_tab_item .desc p:before{ top:10px}
.choose_tab_item{ margin-top:60px}
.choose_tab_item .desc{ padding-left:30px;}
#feedback_desc{ padding:60px 0}
#contact_form li label{ font-size:16px; left:15px; top:12px}
#contact_form li input{ padding-left:85px}
#contact_form li.name input{ padding-left:75px}
#contact_form li.company input{ padding-left:100px}
#contact_form li textarea{text-indent:110px}
#contact_form{ padding:35px}
}
@media(max-width:500px){
	.choose_tab li:after{ display:none}
	.choose_tab li:before{ margin-bottom:10px}
	.choose_tab{ float:left; width:100%}
	.choose_tab li{ width:50%; margin:0; float:left; font-size:16px}
	.choose_tab_item .thumb{ width:100%}
	.choose_tab_item .desc{ width:100%; padding-left:0; margin-top:15px}
}
@media(max-width:720px){
#contact_form li{ width:100%; margin-bottom:15px}
}
@media(max-width:500px){
#contact_form{ padding:15px}
#contact_form li label{ font-size:14px;}
#contact_form li input{ font-size:14px;}
#contact_form li textarea{ font-size:14px;}
#contact_form li.send button{ width:100%}
#feedback_desc .h2_title{ font-size:25px}
}
@media(max-width:400px){
#contact_form li label{ display:block; position:static; margin-bottom:0px; background:#fff; padding-bottom:6px}	
#contact_form li input,#contact_form li.name input,#contact_form li.company input,#contact_form li.title input{ padding-left:15px}
#contact_form li textarea{ text-indent:0; min-height:100px}
}