@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1600px) {
#gtco-hero .flexslider .slider-text > .slider-text-inner{ padding-top:8%}
.gtco-container,.news_con,.partner_main,.down_list dl,.recrument_main,.pro_content,.pro_dl,.partner_main_1{ max-width:inherit; padding:0 5%}

.partner_main{ padding:0 3% 0 5%;}
.down_list dl,.recrument_main{ padding:4% 5%}
.gtco-nav-toggle{right:3.9%}
.foot_r input{ width:100%}
.foot_main{padding: 2.5% 5%;}
.ab_l{ padding:5% 5%}
.ab_l_con p{max-width: 800px;/* margin:35px 0 35px*/}
.slideGroup .parBd ul li{ width:27.1%}

.about_r_con{font-size: 14px;line-height: 27px;padding: 10.6% 7%;}
.ab_con_1{ height:580px; overflow:hidden; height:inherit}

.where_main,.about_b_con,.honor,.honor_img,.honor_img li img,.news_list dl{ width:90%;}
.where_r{width:46%}
.where_r img,.about_b_con p img,.honor_l img,.news_con .td_3 img,.app_img img{ width:100%; }
.honor_r_con ul li{ padding:15.3px 0}
.honor_img li{ width:19.8%;  margin: 0 0.1% 1.5%;}
.slideBox .bd dd{ min-height:429px; min-height:inherit}

.talent_dd{ padding:0 11%}
.talent_dl dd{ height:379px; font-size:19px; height:inherit; padding:7% 0 0}

.news_list dd p{ margin-bottom:4%}
.news_list dd h2{ margin:0 0 2% 0}

.accordion { position:relative}
.accordion a{ position:absolute; right:50px; top:20px}
.contact_l,.contact_r{ height:676px; height:inherit}
.con_l_con{ padding:8% 14% 0}
.contact_r p{ left:22%}
.foot_r{width:40%}


/*.pro_dl dl{padding: 0px 0 35px;}*/
.pro_dl dl{ min-height:310px}
/*.pro_dl dt img{ height:190px}*/
.pro_ment, .application_main{ max-width:inherit; width:90%}
.pro_center,.pro_c_b{ width:95%; margin:45px auto}
.pro_r{width: -webkit-calc(100% - 648px);width: -moz-calc(100% - 648px);width: calc(100% - 648px)}
.pro_top .input_1{ padding:9.5px 1%}
.app_top ul{ width:86%}
.pro_dl_1 dl{ padding:60px 0}


.re_sub{background: url("re_button.png") no-repeat 65%;}
.re_subs{background: url("re_buttons.png") no-repeat 65%;}
.pro_top select{ width:23%}

/*.pro_c_b_main img{ width:100%}*/
.contact{ height:683px; overflow:hidden; height:inherit}
.pro_dl_1 dl{ padding:0; min-height:inherit}

}

@media (min-width: 320px) and (max-width: 1600px){
	
}
@media screen and (max-width: 1440px) {
.contact{ height:615px; overflow:hidden}	
.about_r_con span {
    font-size: 22px;
}
.ab_con_1 {
    height: 528px;
    overflow: hidden; height:inherit
}
.about_r_con{ line-height:26px}
}

@media screen and (max-width: 1400px) {
.ab_l_con p{max-width: 800px;/* margin:70px 0 35px*/}
.slideGroup .parBd ul li{ margin:0 33px}
.slideGroup .slideBox{padding: 0px 0 0px 2%;}
.foot_main{padding: 2.5% 6%;}

.about_r_con span{ font-size:20px}
.about_r_con{font-size: 15px;line-height: 26px;padding: 7.3% 6%;}
.where_l dt img{ width:100%}
.honor_r_con { padding: 1.8% 7% 4.3%;}
.honor_r_con ul li{ padding:11px 0}

.slideBox .bd dd{ min-height:379px}
.news_list dt{ width:30%}

.partner_main li span{ padding:70px 0; min-height:190px; max-height:190px}
.talent_dl dd{ height:335px; font-size:17px}

.recrument_main .tab_1 td{ padding:20px 60px}
.accordion{ padding:23px 60px}
.accordion a{right:35px;}

.contact_l,.contact_r{ height:597px}
.contact_r p{ left:17%}
/*.foot_r {width: 33%;}*/


.combo-select{min-width: 330px;}
/*.pro_dl dt img{ height:160px}*/
.pro_dl dl { /*padding: 60px 0 35px;*/ min-height:277px}
.pro_dl dd{ padding: 0px 45px 0;}

.app_top ul{ width:84%}
.pro_dl_1 dl{ min-height:inherit; padding:60px 0; padding:0}

.contact{ height:597px; overflow:hidden}
.talent_dl{ height:345px; overflow:hidden}

.foot_l{ width:60%}
.foot_r {width: 35%;}
/*.foot_r img{ width:45%}*/

}

@media screen and (max-width: 1366px) {
.ab_l_con p{ line-height:27px;/*margin: 60px 0 35px;*/}
.ab_con_1{ height:480px; overflow:hidden; height:inherit}


.slideBox .bd{ height:354px; overflow:hidden}
.slideGroup .parBd ul li p{ font-size:13px; line-height:23px}

#gtco-hero .flexslider .slider-text > .slider-text-inner{ padding-top:4%}
.ban{height: 540px;background-size: auto 540px !important;}
.ab_h2{ font-size:36px}
.ab_l_con h2 span{ padding-bottom:10px}
.about_r_con{line-height: 24px;padding: 8.6% 5%;}

.about_r_con {
    line-height: 23px;
    padding: 7.1% 5%;
}


.honor_l p{}

.honor_r_con li span { font-size: 15px;line-height: 24.99px;}
.talent_dl dd{ height:323px; font-size:16px}
.talent_dl dd{ height:313px; font-size:15px; height:inherit; }

.recrument_main .tab_1 td{ padding:18px 60px; font-size:16px}
.recrument_main .tab_1 td{ padding:18px 55px; font-size:15px}
.accordion {
    padding: 23px 55px;
}
.contact{ height:563px; overflow:hidden}
.contact_l,.contact_r{ height:576px}
.contact_l,.contact_r{ height:556px}
.contact_r p{ left:16%; top:23%}

.combo-select{min-width: 300px;}
.pro_r{ width:500px}
.pro_r{ width:465px}

.slideBox .bd dd{ min-height:365px}
.slideBox .bd dd{ min-height:354px}

#gtco-offcanvas a{ line-height:55px; font-size:24px}
#gtco-offcanvas{ width:330px;-moz-transform: translateX(330px);
-webkit-transform: translateX(330px);
-ms-transform: translateX(330px);
-o-transform: translateX(330px);
transform: translateX(330px);}

.talent_dl{ height:321px; overflow:hidden;height:inherit;}
.foot_l{ width:60%}
.foot_r {width: 35%;}


.pro_l{ width:60%}
.pro_r{
    width: -webkit-calc(100% - 60%);
    width: -moz-calc(100% - 60%);
    width: calc(100% - 60%);
}
.ban2 ul li img{     width: 99.8%;}
.disworks{ font-size:22px}
.disworks2{ font-size:13px}

.pro_c_b_main table td img{ max-width:100%}
}

@media screen and (max-width: 1360px) {
.about{ height:480px; overflow:hidden; height:inherit}
.slideGroup .parBd ul li {
    margin: 0 30px;
}	
}



@media screen and (max-width: 1280px) {

}


@media (min-width: 320px) and (max-width: 1300px){
.ab_l_con p{ line-height:24px; font-size:13px}
.ab_con_1{ height:470px;}
.slideGroup .parBd ul li{ margin:0 30px}
#gtco-hero .flexslider .slider-text > .slider-text-inner{ padding-top:35%}

.about_r_con{font-size: 14px;line-height: 24px;padding: 7.06% 6%;}
.slideBox .bd{ height:346px; }
.where_main{ font-size:21px}
.where_l dd p,.about_b_con p{ font-size:16px}
.honor_t p{ line-height:26px}
.honor_l p{padding: 45px 25px; left:23%; top:23%}
.honor_r_con ul{ height:332px; overflow:hidden}
.news_list dd h2{ margin:0 0 10px 0}
.talent_dd{ padding:0 8%}
.talent_dl dd{ height:307px;}

.talent_main ul{ max-width:inherit; padding:6% 3% 6% 5%}
.recrument_main .tab_1 td{ padding:18px 50px; font-size:16px}
.accordion{ padding:23px 50px}

.contact_l,.contact_r{ height:546px}
.contact_r p{top:24%}


.combo-select{min-width: 270px;}
.pro_r_con{ padding:8% 5%}
.app_top ul{ width:82%}

.contact{ height:546px; overflow:hidden}
.talent_dl{ height:306px; overflow:hidden}
.foot_r {width: 36%;}


/*首页*/
#gtco-hero .flexslider .slider-text > .slider-text-inner h2{ font-size:30px}
#gtco-hero .flexslider .slider-text > .slider-text-inner{ padding-top:5%}	
.gtco-container{ padding:0 1.8%}
.gtco-nav-toggle {right: 0%;}
.ab_l{ background:none}	
.ab_l_con h2{ margin:0}
.ab_l_con p{/* margin:8% 0 7% */}
/*.ab_l_con p{ height:140px; overflow:hidden}*/
.products dd h3{ padding-top:40%}
.slideGroup .parBd ul li{ margin:0 25px}
.slideGroup .sPrev, .slideGroup .sNext{ top:23%}

.ab_con_1{ height:375px;height:inherit}
/*公司简介*/
.ban{height: 500px;background-size: auto 500px !important;}
.about_r_con p{ height:236px; overflow:hidden; height:inherit}
.partner_main li img{ height:30px}
.partner_main li span {padding: 40px 0;min-height: 120px;max-height: 120px;}
/*新闻中心*/
.slideBox .bd .news_dd{padding: 10% 8%;}
.slideBox .bd dd{ min-height:inherit}
.slideBox .bd dt img{ height:317px}
.news_list dd p{ line-height:23px; font-size:13px}
.news_list dt{ width:38%}
.news_list dd{ margin-left:1%; width:60%}
.news_list dd h2{ margin:0 0 3px 0}
.news_list dd h3 a{ padding:1.5% 4%}
.slideBox .hd{ bottom:16%}
/*帮助与支持*/
.down_img img{ width:70%}
.talent_dl dd{ height:245px; font-size:16px; line-height:26px}
.talent_main li{ min-height:838px}
.talent_dl dd i{ font-size:26px}
.recrument_main .tab_1 td{padding: 18px 30px;}
.accordion{ padding:23px 30px}
.accordion-desc{ padding:25px 30px}
/*联系我们*/
.contact_l, .contact_r {height: 437px;}
.con_l_con td{ padding-bottom:20px}
.contact_r p img{ width:80%}
.con_l_con textarea{ height:80px}

.pro_top{ padding:35px 25px}
.combo-select{ min-width:210px}
.products dd p a {padding: 0 5px;}

.app_top{ padding:20px}
.app_top h2{ padding:12px 0px; text-align:center; width:13%}
.app_top ul{ width:86%}
.pro_dl{ padding:0 3% 0 5%}
.pro_dl dl{ width:31%;margin-right:2.1%}
.pro_dl_2{ padding: 0;}
.pro_dl .pro_dl_r{ float:left; margin-right:2.1%}
.pro_l{ width:55%;}
.pro_r{ width:45%;}

.bans{width:478px;}
.ban2 ul li,.ban2{ width:478px;height:330px}
.ban2 ul li{ height:400px}
.ban2 ul li img{ width:478px}
.min_pic{ margin-left:15px}
.pro_c_b_main{ padding:3%}

.re_sub{background: url("re_button.png") no-repeat 30%;}
.re_subs{background: url("re_buttons.png") no-repeat 30%;}

.contact{ height:437px; overflow:hidden}


.talent_dl{ height:245px; overflow:hidden}
.foot_r{ display:none}


	
	
}


@media screen and (max-width: 1024px) {
.about_l, .about_r{ width:100%; float:none}
.disworks{ font-size:18px}
.disworks2 {width: 0px;}

.nav li .submenu{ background: none;width: 0;}
.pro_l,.pro_r{ width:100%; border:none}
.pro_r{border-top:1px solid #dedede}
}

@media screen and (max-width: 768px) {
#gtco-hero .flexslider .slider-text > .slider-text-inner h2{ font-size:30px}
.slider-text-inner p{ font-size:22px; line-height:27px}
#gtco-hero .flexslider .slider-text > .slider-text-inner{ padding-top:35%}

.ab_con_1{ height:inherit}

.ab_l,.ab_r,.products dl{ width:50%}
.ab_l{width: 100%;}
.ab_r{width: 100%}
.ab_l_con p{/* height:190px;*//*margin: 14% 0 10%;*/}
.ab_r{ background:url("ab_img_1.jpg") no-repeat center center; height:400px;background-size: cover;}		
.about_r_con p,.honor_r_con ul{ height:inherit}

.slideGroup .parBd ul li p{ height:43px; overflow:hidden}
.slideGroup .parBd ul li{ width:29%; margin:0 10px}
.slideGroup .sPrev{ left:-10px}
.slideGroup .parBd ul li a h3{ font-size:15px; line-height:24px}
.slideGroup .sPrev, .slideGroup .sNext{ background-size:12px 22px; top:20%}

.foot_main{ padding:5% 6%}
.foot_r{ width:50%; float:left; margin-top:4%}
.bottom{height: 400px;background-size: auto 400px !important;}
/*公司简介*/
.about_main{ padding:10% 0}
.about_l,.about_r,.where_l,.where_r,.honor_l, .honor_r,.talent_dl dt, .talent_dl dd,.contact_l,.contact_r,.contact_r p img,.slideBox .bd dt,.slideBox .bd dd{width:100%}
.where_l{ border:none; border-bottom:1px solid #e8e8e8; padding-bottom:5%}
.where_r{ padding-top:5%}
.honor_l p{padding: 75px 50px;left: 33.5%;top: 26%;}
.honor_img li{ width:24.8%}
.partner_main li span{min-height: 110px;max-height: 110px;}
.ab_nav li a {font-size: 15px;padding: 20px 0;}
/*新闻中心*/
.slideBox .bd dt img {height:inherit}

.news_list dt,.news_list dd{ padding:0; margin:0}
.news_list dd{ float:right; width:58%}
.news_list dd p{ height:44px; overflow:hidden}

.talent_main li{ width:100%; margin:0 0 3% 0; min-height:inherit}
.talent_main li p{ padding:0 6%}
.talent_con{ padding:10% 0 0}

.down_list dl p{ font-size:14px; line-height:25px; max-width:80%}
.slideBox .bd,.contact,.talent_dl{ height:inherit}
.slideBox .hd {
    bottom: 6%;
}

.none{ display:none}

.con_l_con{ padding:6% 10%}
.contact_r p{ left:18%}

.combo-select{ min-width:290px; margin-bottom:15px}
.pro_top .input_1{ width:45%;float:left;margin-bottom:3%}
#search{float:left;}
.pro_top a{float:left;}
.pro_top select{float:left;}
.pro_dl dl { min-height: 232px;margin-top: 35px;}
/*.pro_dl dt img{ height:123px}*/
.pro_dl dd{padding: 0px 25px 0; font-size:13px }
.bans{width:100%;}
.ban2 ul li,.ban2{ width:100%;height:410px}
.ban2 ul li{ height:650px}
.ban2 ul li img{ width:100%}
.min_pic{ margin-left:75px}

.app_dl dd{ padding:15px 2%}
.pro_dl_1 dl {min-height: inherit;padding: 40px 0;}

.pro_top select{ width:45%; margin-right:3%; margin-bottom:3%}	
.pro_c_b_main img{ width:100%}
}


@media screen and (max-width: 640px) {
#gtco-logo{ background-size:140px 21px; height:21px; width:140px}
#gtco-logo a {height:21px; width:140px;display: block;}
.gtco-container {padding: 0% 4%;}
.fix_top #gtco-logo{background-size:140px 21px; height:21px; width:140px;background-image: url("logo_1.png"/*tpa=http://www.ssunflex.com/images/logo_1.png*/);transition: 0.2s; display:block}
.fix_top{ padding:20px 0}
.gtco-nav-toggle{ padding:20px 0 0}
#gtco-hero .flexslider .flex-direction-nav a{ display:none}
#gtco-offcanvas{ width:190px;-moz-transform: translateX(190px);
-webkit-transform: translateX(190px);
-ms-transform: translateX(190px);
-o-transform: translateX(190px);
transform: translateX(190px);}
#gtco-offcanvas a{ font-size:20px; line-height:50px}
.slider-text-inner p{ display:none}
.app_img td a{ font-size:12px}
#gtco-hero .flexslider .slider-text > .slider-text-inner h2{ font-size:22px; line-height:36px}
#gtco-hero .btn.btn-primary { padding: 10px 20px !important; font-size:13px}

.ab_l,.ab_r,.products dl,.news_list dt, .news_list dd{ width:100%}
.ab_l{ padding:9% 5% 13%}
.ab_l_con h2{ font-size:23px}
.ab_l_con h2 span{ padding-bottom:15px}
.ab_r{height: 250px;background-size:cover}

.news_main{ padding:12% 3%}
.slideGroup .parHd ul{ width:98%;margin: 0 auto 30px;}
.slideGroup .parHd ul li{ width:23%; text-align:center; padding:7px 0}
.slideGroup .parBd ul li{ width:86%; margin:0 22px}
.slideGroup .sPrev{ left:3px}
.slideGroup .sPrev, .slideGroup .sNext{ top:25%}

.bottom {height: 250px; background-size: auto 250px !important;}
.bottom h2{ font-size:20px}
.bottom p{ font-size:13px; line-height:22px; padding:0 5%}

.foot_main{ padding:10% 6%}
.foot_l span,.ph_none,.where_l span{ /*display:none*/}
.foot_r{ width:80%}
.foot_r input{ padding:4%}
.foot_l p{ margin:3% 0}
.foot_l p b{ display:block}

.where_main, .about_b_con, .honor, .honor_img, .honor_img li img, .news_list dl{ width:94%}

.ban{height: 400px;background-size: auto 400px !important;}

.ban_text p{ font-size:13px; padding:0 4%; line-height:22px}

.ab_nav ul  li{ width:50%;border-bottom:1px solid #636569}
.ab_nav ul li .border_none{border-right: 1px solid #636569; }
.ab_nav ul li a{ padding:15px 0; font-size:14px}

.ban .ban_text{display:block; padding-top:35%}
.ab_ban .ban_text{ display:block; padding-top:30%}

.ab_h2{ font-size:26px; margin-bottom:13%}
.ab_h2 span{ padding-bottom:10px}
.about_r_con span,.where_main{ font-size:16px; line-height:24px}
.about_r_con{ padding:8% 2%}
.where_l dd p,.honor_t p,.honor_img li a,.slideBox .bd .news_dd,.news_con .td_3 span,.talent_main li,.talent_dd,.accordion-desc span{ font-size:14px; line-height:25px}
.where_main{ margin:0 auto 7%}

.about_b_con h2,.slideBox .bd .news_dd h3 a,.news_list dd h2 a,.news_con .td_1,.down_list dl h2{ font-size:18px; line-height:30px}
.where_l dd p, .about_b_con p{ font-size:13px; line-height:25px}
.about_b_con,.news_con .td_3{ padding:8% 0}

.honor_t h2,.talent_dl dd i{ font-size:26px}
.honor{ padding:12% 0}
.honor_l p {padding: 25px 20px;left: 17%;top: 26%;}

.honor_img li{ width:49.8%}
.partner_main li{ width:48%; font-size:14px;margin: 0 2% 4% 0;}
.partner_main li span{ margin-bottom:10px}

.partner_main_1 li{width:48%;margin: 0 2% 4% 0;}



.slideBox .bd .news_dd{ padding:8% 6% 14%}
.news_list dt,.down_list{ margin-bottom:5%}
.news_list dd p{ height:inherit; margin-bottom:8%}
.news_list{ padding:25px 0; margin-bottom:6%}
.news_list dd h3 a{ padding:2.5% 4.5%}

.news_con{ margin:12% 0}
.news_con .td_1{ padding-bottom:5%}
.news_con .td_3,.down_list dl p,.accordion-desc{ font-size:13px; line-height:24px}
.news_more_fot_l{ width:100%}
.news_more_fot_r{ float:left; margin-top:5%}

.down_list dl a{ background-size:30px 30px}
.down_list dl p{ max-width:89%}
.down_list dl h2{ margin:0 0 3%}
.down_list dl{ padding:8% 4%}

.recrument_main .tab_1 td{ padding:4% 10%; font-size:14px}
.accordion{padding:5% 10%; font-size:14px}

.accordion a{ padding:3% 8%; font-size:13px; top:18%; right:11%}
.accordion-desc b{ display:block; padding:0}
.contact_l, .contact_r{ height:auto}
.contact_r p img{ width:95%}
.contact_r p{ left:7%; top:18%}
.con_l_con {padding: 13% 6% 9%}


.pro_top .combo-select{ margin-right:0; width:inherit; min-width:inherit; width:100%; padding:1px 0; font-size:13px}
.pro_top .input_1 { width: 99%; padding: 10px 3%;font-size:13px}
.pro_top a{ margin:0}
.pro_top .pro_a{ width:50%; margin:15px 0 0; padding:12px 0; text-align:center; float:left; clear:both}

.pro_dl dl{ width:47.5%;padding: 0px 0 20px; min-height:inherit; margin-top:30px}
.pro_dl dd {padding: 0px 15px 0; font-size:13px; line-height:21px}
.pro_dl dt img{ /*width:80%; height:inherit*/}

.app_img{ margin:30px 0}

.app_top h2,.app_top ul{ width:100%}
.app_top ul{ padding:4% 0 2%}
.app_top ul li a{ font-size:13px; margin:0 13px; line-height:23px}
.app_dl dd{ font-size:15px; padding:8px 15px}

.app_dl{ margin:7% 0 0}

.app_select{ padding:10px 0; margin:6% auto 0}
.app_select_bak input{padding:12px}
.app_select_bak .input_app_1{ width:80%; }


.bans{width:350px;}
.ban2 ul li,.ban2{ width:350px;height:220px}
.ban2 ul li{ height:350px}
.ban2 ul li img{ width:350px}
.min_pic{ margin-left:20px}
.num{ width:243px}
.prev_btn1 img,.next_btn1 img{ width:10px}

.pro_r_con {padding: 8% 6%; font-size:13px; line-height:24px}
.pro_r_con span{ font-size:15px; line-height:30px}
.pro_center{ margin: 15px auto;}


.pro_c_b{ display:none; display:block}

.re_sub{background: url("re_button.png") no-repeat 11%; background-size:15px 9px}
.re_subs{background: url("re_buttons.png") no-repeat 11%;background-size:15px 9px}

.pro_top select{ width:99%; margin-right:0%; margin-bottom:3%;padding: 2px 45px 2px 3%;}

.slideBox .bd .news_dd h3 a,.news_list dd h2 a{ font-size:16px; line-height:27px}

.products dl.none{ display:block}

.ab_h2 p img{ width:50%}
.ab_h2 p{ position:relative; top:-10px}
.foot_l{ width:100%}
.foot_r{ display:block}
/*.foot_r img{ padding:0 5% 0 0; width:45%}*/
.foot_r span{ margin:0 3% 0 0}
#search{margin-left:0;}
}

@media screen and (max-width: 375px) {
.ban2 ul li img {width: 317px;}
}

@media screen and (max-width: 360px) {
#gtco-hero .flexslider .slider-text,#gtco-hero .flexslider .slider-text > .slider-text-inner,#gtco-hero .flexslider .slides li,#gtco-hero{min-height:520px; padding:0; margin:0}
.slideGroup .parBd ul li{ width:85%;}

.honor_l p {left: 12%;top: 22%;}
.pro_top .input_1 {padding: 11px 3%;}

.pro_dl dl{min-height:186px;}

.pro_dl_1 dl {min-height: inherit;padding: 20px 0; margin-top:5%}


.bans{width:300px;}
.ban2 ul li,.ban2{ width:300px;height:190px}
.ban2 ul li{ height:320px}
.ban2 ul li img{ width:300px}
.min_pic{ margin-left:10px}
.num{ width:243px}
.prev_btn1 img,.next_btn1 img{ width:8px}
.prev_btn1{ margin-right:10px}



}

@media screen and (max-width: 320px) {
.ban2 ul li img {
    width: 270px;
}	
}