﻿@media screen and (max-width:1366px) {
 .products dd h3 img{height:100px;}
.about_data li h1{font-size:80px;}
.menu_title h1{font-size:42px;}
.menu_title h2{font-size:26px;padding: 30px 0 5px;}
.news_main .menu_title{margin-top:0;}
.txt_main h1{font-size:36px;}
.txt_main h2{font-size:20px;}
.ban_txt h1{font-size:42px;}
.ban_txt p{font-size: 18px;color: #fff; margin-top: 20px;}
.ban_nav li a{line-height:60px; font-size:16px;}
.page_title h1{font-size:42px;}
.page_title p{font-size:26px;}
}




@media screen and (max-width:1280px) {
.content,.growth_main{margin: 0 50px;width: auto;}
.home_about .fl_r{width: 100%;float: none}
.home_about{height: auto;}
.home_about .fl_l{float: none;width: 100%;}
.menu_title{text-align: center; background: url(../image/bor1.jpg) no-repeat center bottom;padding-bottom: 20px;margin-bottom: 30px;}
.menu_title h2{padding: 15px 0;}
.about_bg{height: 100%;}
.home_about .content{padding: 60px 0;}
.news_main .menu_title{float: none;width: 100%;margin-right: 0;}
.news_main ul{margin-left: 0;}
.foot_logo{display: none;}
.txt_main{padding: 30px 30px 0;}
.news_main{padding: 0px 30px 50px;}
.products{height: 620px;}
.growth_slide{width: auto;margin: 0 60px;}
.vision_txt p{height: 120px;}

.categeory_select{width: 21%;margin: 20px 2%;}

.product_info{width: 100%;float: none;margin-top: 30px;}
.document_ban{float: none;margin: 0 auto;}
.pro_form input{width: 49%;margin-right: 2%;}
.brand_list li{width: 18%;margin: 5px 1%;}
.independent li p{font-size: 14px;height: 90px;}
.partner_l{width: 48%;margin-right: 2%;}
.partner_r{width: 50%;}
.news_img{width: 35%;margin-right: 2%;}
.news_txt{width: 63%;}
.news_img img{width: 100%;height: auto;}
.news_recommemd{display: none;}
.detail{width: 100%;float: none;margin-right: 0;}
.join_name,.join_department,.join_add,.join_time,.join_apply{width: 20%;text-align: center;}
.recruitment{width: auto;margin: 0 0 25px;}
.re_title,.operate li h4{padding: 0;}
.operate li .list-item{padding: 15px;}
.operate li h4{font-size: 14px;}
.re_title,.operate li h4 b,.operate li h4{height: 38px;line-height: 38px;}
}

@media screen and (max-width:1024px){
.foot_main{ display:none}
.ph_header{ display:block;}
.products{height: 475px;}
#topnav .main{width: 60%!important}

.vision_txt p{font-size: 14px;}
.vision_txt{padding: 20px;}

.categeory_select{width: 23%;margin: 10px 1%;}
.brand_list li{width: 23%;}

.join_add,.join_time{display: none;}
.join_name,.join_department,.join_apply{width: 33.33%;}
.contact ul{margin: 30px 0px;}
.contact li{width: 100%;float: none;margin: 0 0 20px;min-height: auto;}
.contact_ditu #dituContent{height: 300px;}
.home_about{background-size:auto;}
.foot_copy{text-align:center;padding: 15px 0;}
.foot_share{display:none;}
}
@media screen and (max-width:820px){
.slide_banner{display: none;}
.ph_banner{display: block;margin-top:0; height:50vh;}
}

@media screen and (max-width:780px){
.content,.growth_main{margin: 0 35px;width: auto;}
.gtco-container{margin:0 30px;}
.product_img{width: 50%;}
.product_txt{width: 50%;}
.product_slide .swiper-button-next{right: 50%;}
.product_slide .swiper-button-prev{left: 50%;}
.independent li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.independent li p{height: auto;min-height:auto;}
.ban_nav li a{font-size: 14px;}
.concept_l,.concept_r,.partner_l{width: 100%;float: none;margin: 20px 0;}
.foot_share{display: none}
.gtco-nav{padding:20px 0;}
.fix_top{padding:15px 0;}
.fix_top #gtco-logo,#gtco-logo a,#gtco-logo{height: 40px;background-size: 100%;width: 135px;}

}

@media screen and (max-width:640px){
.content,.growth_main{margin: 0 20px;width: auto;}
#qtranslate-chooser{width:30px!important;}
.menu_btn{width:50px!important;margin:0 0 0 0!important}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.ph_banner .swiper-pagination{bottom:10px;}
#topnav .main{width: 80%!important}
.menu_title h1,.about_data li h1,.txt_main h1{font-size: 26px;}
.menu_title h2,.page_title h1,.info_title h1,.info_industry h1,.pro_characteristic h1,.pro_contact h1{font-size: 20px;}
.vision_txt h1,.independent li h1,.partner_r h1,.second_title,.detail_title h1{font-size: 18px;}
#topnav ul a{font-size:18px!important; line-height:55px!important;}
.products dd h3,.page_title p,.product li h1,.info_title h2,.page_title h2,.second_title span,.news_txt h1 a,.ban_txt h1{font-size: 16px;}
.menu_title p,.about_data li span,.about_profile,.category_top li a,.categeory_select,.operate li .list-item span,.operate li .list-item h2{font-size: 14px;}
.product li p,.info_title h3,.info_describe,.concept h1,.concept p,.concept h2,.concept li,.partner_r p,.partner_info,.operate li .list-item p{font-size: 14px;}
.ban_nav li a,.industry_ul li,.characteristic_img li p,.page_next span, .page_prev span,.page_back span,.news_txt p,.home_about .fl_r p{font-size: 14px;}
.home_about .fl_r p{line-height:24px;}
.ban_txt p{margin-top: 10px;font-size: 14px;padding: 0 20px;}
.pro_characteristic h1,.pro_contact h1,.concept h1{margin-bottom: 20px;}
.menu_title h2,.concept h2,.news_txt p{padding: 10px 0;}
.info_button a{margin: 0 3%;width: 43%;}
.about_data li h1,.detail_title h1{line-height: 30px;}
.about_data li{width: 145px;}
.about_data li p{line-height:22px!important;}
.products{height: 350px;}
.news_main li{width: 100%;margin-right: 0;}
.news_main li a.more{margin: 10px 0 20px;}
.news_main li a,.concept h3,.concept hr,.news_txt time{margin: 10px 0;}
.product_img{width: 100%;height: 360px;}
.product_txt{width: 100%;height: auto;}
.news_main li p{height: auto;}
.txt_main h1{padding-bottom: 10px;margin-bottom: 10px;}
.txt_main{padding: 30px;}
.txt_main{right: 0;margin-right: 0}
.product_slide .swiper-button-prev{left: auto;right: 0;margin-left: 0;margin-right: 40px;}
.product_slide .swiper-button-next{right: 0;margin-right: 0}
.product_slide .swiper-button-next, .product_slide .swiper-button-prev{top: auto;bottom: 30px;width:40px; height:40px;}
.foot_copy a{display: none;}
.foot_copy{padding:15px 0;}
.foot_copy span{line-height: normal;}
.ban{height: 270px;margin-top: 70px;background-image: none;}
.ban.m_about{margin-top: 60px;}
.growth{padding-bottom: 50px;}
.ph_img{display: block;}
.product li h1{font-size:20px;}
.more_title h1 a{line-height: 30px;font-size: 14px;width: 110px;}
.more_title a.getmore{line-height: 30px;height: 30px; width: 72px;}
.more_title{padding: 30px 0 20px;}
.pro_img>a>img{height:auto;}
.pro_img{min-height:auto;}
.partner_detail{margin:60px 0;}
.partner_info img{height:auto!important;}
.detail img{height: auto!important;}
.page_title,.product_detail,.pro_contact,.pro_characteristic{padding: 30px 0;}
.vision li,.product li{width: calc(100% - 30px);margin: 0 15px 20px;}
.vision{height: auto;padding-bottom: 30px;}
.certificate_slide{padding-bottom: 60px;}
.certificate_slide .swiper_next, .certificate_slide .swiper_prev{bottom: 20px;width: 38px;height: 38px;line-height: 38px;}
.ban_nav li a{height: 38px;line-height: 38px;}
.category_top li{padding: 15px 2.15%;}
.category_top li{width: 29%;min-height: 20px;}
.categeory_select{width: 46%;margin: 10px 2%;height: 38px;line-height: 38px;}
.product_category{margin: 30px 0;}
.info_label{position: absolute;right: 20px;}
.info_label img{height:50px;}
.document_ban,.min_pic{width: 300px;height: 370px;}
.ban2,.ban2 ul li{width: 300px;height: 300px;}
.num{width: 200px;height: 40px;}
.num ul li{width: 40px;height: 40px;}
.prev_btn1,.next_btn1{margin-top: 10px;}
.pro_form input{width: 100%;margin-right: 0;height: 38px;line-height: 38px;margin-bottom: 10px;font-size: 14px;}
.pro_form textarea{font-size: 14px;line-height: 38px;}
.apply_submit, .message_form input.reset,.partner_r a{height: 38px;line-height: 38px;font-size: 14px;text-indent: 0;}
.txt_main h1{font-size:18px;}
.txt_main h2{font-size:18px;}
.txt_main p{font-size: 16px;margin: 30px 0 30px;line-height: 24px;height: 140px;}
.characteristic_img li{margin-right: 30px;}
.characteristic_img li.none{margin-right: 30px;}
.info_button a,a.view{line-height: 38px;height: 38px;font-size: 14px;}
.info_button{margin-top: 20px;}
.independent_img img{-webkit-filter: grayscale(0); filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0); -o-filter: grayscale(0); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}
.gtco-container{margin: 0 10px;}
.brand_list li{width: 48%;}

.partner_l{width: 100%;float: none;margin: 20px 0;}
.partner_r{width: 100%;float: none;}
.partner_detail .partner_l img{padding: 60px 0;}
.partner_l{height: auto;}
.concept{padding-bottom: 30px;}
.independent li{padding: 15px;}
.independent_img{margin: 15px 0;padding: 30px 0;}

.page_next, .page_prev, .page_back,.partner_info .page_next, .partner_info .page_prev, .partner_info .page_back{width:100%;margin:10px 0;}
.detail_page,.detail_title,.message_form h1,.contact_information h1{margin:20px 0;}
.page_next, .page_prev, .page_back{height:60px;}
.page_next span, .page_prev span,.page_back span{padding-top:15px;padding-bottom:15px;}
.searchbar .search_btn{font-size:16px;}

.news_img{width: 100%;margin-right: 0;float: none;margin:20px 0;}
.news_txt{width: 100%;float: none;}
.message_form input{width: 100%;float: none;margin-bottom: 10px;}
.contact li h1{font-size: 16px;}
.contact li p{font-size: 14px;}
.ph_banner{display: block;margin-top:70px;}
.products dl{width: 100%;float: none;margin-bottom: 10px;}
.products dl dd .item-link{padding-bottom: 50px;}
.products{height: auto;background-size: cover;}
.products dd b{margin-bottom: 60px;}
.news_shares .news_sharesL,.news_shares .news_sharesR{float:none;}
.news_shares .news_sharesR{margin-top: 20px;}
#gtco-logo{display: none!important;}
.ph_logo{display: block;background-image: url(../image/logo_1_m.png);}
.products dd h3{padding-top: 50px;}
.products dd h3 span{font-size: 24px;padding-top: 15px;}
.products dd p{font-size: 14px;margin-top: 0;}
.products dl dd .item-link{margin-top: 0;}
.banner_txt{bottom: 30px;}
.banner_txt a.video{width:102px; line-height: 26px;}
.banner_txt a{font-size: 12px;}
.ban_txt{margin-top:0px;}

}

@media screen and (max-width:590px){
.list h2{font-size: 14px;margin: 10px 0;}
.list li{width: 46%;margin: 0 2%;line-height: 24px;}
.list h3{font-size: 12px;}
.list li a{font-size: 12px;}
}

@media screen and (max-width:320px){
.document_ban,.min_pic{width: 280px;height: 350px;}
.ban2,.ban2 ul li{width: 280px;height: 280px;}
.more_title h1 a {line-height: 30px;font-size: 12px;width: 90px;}

}


