@charset "utf-8";
@media screen and (min-width:1024px){
header .header_F1 .loginbox2:hover .hov{ display: block; }
}
@media screen and (max-width:1680px){
.sy_h2{ font-size: 42px;}


}
@media screen and (max-width:1367px){
.sy_h2{ font-size: 40px;}



.about_con h3{ font-size: 20px }
.con_left .box .top{ line-height: 60px; }

}

@media screen and (max-width:1280px){
.container{width:96%;}

.pagebanner h2{font-size:38px; }
.pagebanner h5{  font-size: 23px;  }
.pagebanner{height: 400px;}
.contactmap{ height: 380px }
header .header_F2 .nav li{ margin-left: 18px; }
header .header_F2 .logo img{ height: 40px;  }
header .header_F2 .nav{ float: right; line-height: 40px; }
.sy_h2{ font-size: 36px;}
.sy_F4 .advbox{ margin: 0; }
.sy_F6 .box .half h4{ font-size: 20px; }
}

@media screen and (max-width:1024px){
header .header_F1 .hy,header .header_F1 .email{ display: none; }	
header .header_F1{ padding: 0px 0; }
.nav-logo{ display: block; }
header .header_F2 .nav{height:100%;background:#2d3e50;position:fixed;right:-200px;top:0px;width:200px;padding-top:88px;}
header .header_F2 .nav li{ width: 100%; text-align: center;  margin-left: 0; border-bottom: solid 1px #51657a;  }
header .header_F2 .nav li a{ color: #fff; }
header .header_F2 .nav li i{ display: block; }
header .header_F2 .nav li .dl{ position: relative; left: 0; width: 100%; }
header .header_F2 .nav ul{overflow:auto; }

header .header_F2{ padding: 15px 0; background: rgba(255,255,255,0.9); }
header .header_F2 .logo img{ height: 34px; }
.paddT{ padding-top: 30px; }
.sy_h2{ font-size: 32px;}
.sy_F12{ padding-bottom: 6%; }
.sy_F7 .leftmap .selcet{ display: block; }
.sy_map{ display: none; }
.sy_F7 .rightbox{ width: 100%; padding: 0; }
.sy_F7 .leftmap{ width: 100%; background: none; float: none; }
.sy_F7 .rightbox { font-size: 0; text-align: left; margin-top: 16px; height: auto; max-height: 320px; }
.sy_F7 .rightbox li{ width: 31.33%; margin: 0 2% 3% 0; display: inline-block; vertical-align: top; font-size: 14px; text-align: center;}
.sy_F7 .rightbox li:nth-child(3n){ margin-right: 0; }
.about_con h3{ font-size: 20px }
.sy_F7 h2{ display: block; }
.pagebanner h2{font-size:34px; }
.pagebanner h5{  font-size: 20px;  }

.pagebanner{height: 360px;}
.con_right{ /*margin-bottom: 30px;*/ }
.con_left{ width: 100%; margin-bottom: 2%; }
.con_left .box1 h2{ display: none; }
.con_left .box1 dl dd{ width: 24%; max-width: 180px; margin:0 1% 1% 0; float: left; }
.con_left .box1 dl dd a:hover, .con_left .box1 dl dd a.on{ background-image: none; }
.con_left .box1 dl dd a{ line-height: 40px; font-size: 14px; border-bottom: none; padding-left: 0; text-align: center; }
.con_left .box2{ display: none; }

.contactmap{ height: 360px }
.pro_main li{ width:33.33%;}
.newsD_con h3{ font-size: 20px; }
.signup_conP h3{ font-size: 20px; }
.sy_F4 .advbox .li{ margin-top: 5%; }
.sy_h2en{ font-size: 18px; }
.sy_F10 .box h3{ font-size: 16px; }
}


@media screen and (max-width:960px) {
header .header_F1 a{ margin-left: 15px; }
.totop{ right: 2%; bottom: 2%;  }
.logo img{ height: 48px; }
.logo img.logo2{ display: none; }
.navbar .sidr{ padding-top: 68px; }
.sy_swiper1 img{ width: 130%; max-width: 150%; margin-left: -14%; position: relative; }
.sy_h2{ font-size: 30px;}
.gallery-thumbs{ display: none; }
.sy_block{ padding: 7% 0; }
.gallery-top{ margin-left: 0; width: 100% }
.sy_F2 .swiper-button-next,.sy_F2 .swiper-button-prev{ display: block; transform: scale(0.8); }
.sy_F3{ padding: 8% 0 7% }
.sy_F3 img{ width: 90%; max-width: 740px; }
.sy_F6 .box .half h4{ font-size:18px; }
.sy_F8 .serv_con{ width: 100%; }
.sy_F12 .Lnews{ width: 100%; padding: 0 2% 3% }
.sy_F12 .cont_{ width: 100%; margin-top: 20px; }
.sy_F12 .cont_ .topbt{ line-height: 46px; }
.sy_F9 .txt h4{ font-size: 16px; }
.sy_F9 .txt{ padding-top: 0 }
.sy_F11{ padding: 4% 0 5% }
.sy_F12 .Lnews .bt a{ font-size: 14px; }
.sy_F12 .cont_ .oursinfo{ min-height: auto; padding:10px 2% 15px; }
.sy_F7 .rightbox h4{ font-size: 14px; }
.con_right{ padding: 0 3% 30px; }
.about_con h3{ font-size: 18px }
.pagebanner h2{font-size:30px; padding-top: 90px; }
.pagebanner h5{  font-size:18px;  }
.pagebanner{height: 320px;}
.contactmap{ height: 340px }
.newsD_con h3{ font-size: 18px; }
.signup_conP .form .div_line{margin-bottom: 15px; padding: 0 60px 0 80px;}
.signup_conP .form .div_line label{ font-size: 14px; width: 80px;  }
.signup_conP .form .div_line span{ font-size: 12px; }
.login_main .topic{ font-size: 22px; }
.login_main{ border: none }
.mycenter_con .box .topbt{ font-size: 18px; }
footer .footer_F1 .nav2{ display: none; }
footer .footer_F1 .form{ width: 80%; }
footer .footer_F1 .ewm img{ max-width: 100%; }
footer .footer_F2{ padding: 15px 0; }
.kb_video1{ width: 100%; height: 0; padding-top: 70%; }
.forget_main .topic{ font-size: 16px; }
.join_con strong{ font-size: 16px; }
}
@media screen and (max-width:820px){



.pagination2.swiper-pagination{ display: block; }
.signup_conP h3{ font-size: 18px; }
.sy_h2{ font-size:28px;}
.sy_F2 .abouttxt{ width: 100%; margin-bottom: 3%; }
.sy_F2 .abouttxt .wz{ margin: 20px 0; padding-top: 20px; }
.sy_F2 .aboutpic{ height: 0; position: relative; padding-top: 40%; width: 100%; }
.gallery-top{ position: absolute; left: 0; top: 0; }
.sy_F2 .abouttxt .wz{ max-height:13.6em;  }
.sy_F4 .pagination4{ display: block; }
.sy_F4 .advbox .li{ width: 86%; margin: 5% auto 0;  }
.sy_F12 .oursinfo h2{ font-size: 16px; }
.sy_F7 .rightbox li{ font-size: 12px; }
footer .footer_F1 .submit{ width: 100px; height: 28px; }
.contact_con{ font-size: 14px; }
.news_c li a{ padding: 2%; margin-top: 2%; }
}



@media screen and (max-width:750px){
header .header_F2 .nav li{ font-size: 14px; }	
.loading{background-size:40% auto; }	
.sy_h2{ font-size:26px;}
.sy_F5 .box .half{ width:90%; margin-top: 5%; }
.sy_F5 .box{ padding-top: 0 }
.sy_F5 .box .half h4{ font-size: 16px; }

.pagebanner h2{font-size:26px;  }
.pagebanner h5{  font-size:16px;  }
.pagebanner{height: 280px;}

.contactmap{ height: 340px; margin-top: 4%; }
.pro_main.news_main li .xq{ height: 40px; }
.pro_main li h3{ height: 46px; line-height: 46px; }
.pro_main.news_main li .xq{ display: none; }
.pro_main .ul{margin-top: 30px;}
header .header_f1 .loginbox.loginbox2 span{ background-size: 26px auto; }
.login_main .topic{ font-size: 20px; }
.con_left .botm .line{ padding-left:70px;  }
.con_left .botm .line label{ width: 70px; padding-right: 0; text-align: center; }
.sy_F6 .box .half h4,.sy_h2en{ font-size:16px; }
.sy_F8 img.tel{ width: 60%; }
.sy_F8 .serv_con li .box1 h4{ font-size: 14px }
.sy_F9 .img{ display: none; }
.sy_F9 .txt{ width: 100%; }
.sy_F9 .sy_h2, .sy_F9 .sy_h2en{ text-align: center; }
.sy_F9{ background-position:  left center; }
.sy_F10 .pagination5{ display:  block; }
.sy_F10 .box h3,.sy_F12 .oursinfo h2 span{ font-size: 14px; }
.sy_F12 .Lnews .boxr .p{ height: 44px; }
.sy_F7 h2{ font-size: 16px; }

.newsD_con .date{ margin-bottom: 4%; }
.pro_main li{ margin-bottom: 3%; }
}




@media (max-width: 640px){
body{ font-size:12px;}
.sy_swiper1 img{ width: 150%; margin-left: -25%; }
.sy_h2{ font-size:24px;}	
.paddT{padding-top: 80px;}
header .header_F2{ background:#fff; }
header .header_F1 .tel{ display: none; }
header .header_F2 .logo img{ height: 30px; }
header .header_F2 .logo img:first-child{ margin-right: 10px; }
header .header_F2{ padding: 10px 0; }
header .header_F2 .nav{ padding-top: 80px;}
.sy_F11 .ksdgbota{ width: 100%; margin-bottom: 10px; }
.sy_F11 .ksdgbota h4{ font-size: 16px; padding-bottom: 0.7em; }
.sy_F4 .advbox .li{ width:100%; }
.sy_F6 .box .half{ width:48%; margin: 0 1%;  }
.sy_F6 .box{ padding-top: 4%; }
.sy_F8 .serv_con li{ height: 100px; }
.sy_F8 .serv_con li .box1 img{ height: 40px; }
.sy_F12 .Lnews .bt,.sy_F12 .cont_ .topbt{ font-size: 14px; line-height: 40px;}
.sy_F12 .Lnews .bt a,.sy_F12 .oursinfo h2 span{ font-size: 12px; }
.sy_F12 .oursinfo h2{ font-size: 14px; }
footer .footer_F1 .ewm{ width: 100%; }
footer .footer_F1 .ewm img{ width: 80px; }
footer .footer_F1 .form{ width: 100%; margin-top: 15px; }
.sy_F7 .rightbox li{ width:49%; margin-right: 2% }
.sy_F7 .rightbox li:nth-child(2n){ margin-right: 0; }
.sy_F7 .rightbox li:nth-child(3n){ margin-right: 2%; }
.Main_c .paddT{ display: none; }
.forget_main .topic{ font-size: 14px; line-height: 40px; height: 40px; }
.pagebanner{ height: 200px; }
.pagebanner h2{padding-top: 80px;}
.join_con strong{ font-size: 14px; }
.contactmap{ height: 300px }
.pro_main li{ width: 50%; }
.video_list li{ width: 48.67%; }
.con_left .box1 .botm a{ line-height: 34px; padding: 0 15px; }
.con_left form .btnsbmit,.con_left .box .top span{ font-size: 14px; }
.signup_conP .form{ width: 100%; }
.login_main{ width: 100%; margin:0; padding: 20px 4%; }
.login_main .topic{ margin-bottom: 6%; }
.login_main .line{ margin-bottom: 15px; }
.forget_main .head ul li .xh{ width: 40px; }
.forget_main .head{ margin: 8% 0; padding-top: 20px; }
.mycenter_con .box .topbt{ font-size: 16px; }
.mycenter_con .box form{ width: 100%; }
.mycenter_con .box .cona{ padding: 20px 3%; }

.xlts ul li{ width: 33.33%; }
.xlts .bt span{ font-size: 18px; padding-bottom: 5px; }
.brand{ line-height: 40px; padding-top: 0 }
.join_con .hzfs img{  display: none; }
.join_con .hzfs .txt{ width: 100%; }

}


@media screen and (max-width:480px){
.sy_h2{ font-size:22px;}
.sy_h2en{ font-size: 14px; }
.sy_F5 .box .half h4{ font-size: 14px; }
.sy_F10 .box h3{ font-size: 12px; line-height: 1.5; }
.sy_F12 .Lnews .ul li{ width: 100%; }
.sy_F12 .Lnews .boxr .btn_A{ width: 100px; margin-top: 5px; line-height: 28px; height: 28px; font-size: 12px; }
.sy_F12 .Lnews .boxr h4{ line-height: 20px; padding-bottom: 6px; }
.sy_F12 .Lnews .boxr{ padding-left: 10px; }
.sy_F12 .Lnews .boxr .p{ line-height: 20px; height: 40px; }
.sy_F12 .Lnews .ul li:nth-child(3){ border-top:dashed 1px #a9a9a9; }
.news_c li a h3{ font-size: 14px; }
.con_left form{ width: 100%; }

.pagebanner h2{padding-top: 70px;}
.pagebanner{ height:160px; }
.page_fy .half{ width: 100%; }
.page_fy .fr{ text-align: left; }

.newsD_con h3{ font-size: 16px; }
.signup_conP h3{ font-size: 16px; }
.login_main .topic{ font-size: 18px; }
.xlts ul li{ width: 50%; }

.xlts .bt span{ font-size: 16px;  }
}
@media screen and (max-width:420px){
.navbar .sidr{ padding-top: 60px; }
.sy_F4 .advbox .li .kap .box img{ width: 30%; }
.sy_F4 .advbox .li{ width: 80%; }
.sy_F4 .advbox .li .hov{ font-size: 14px; }
.sy_F6 .box .half h4{ font-size: 14px; padding-top: 0.5em; }
.sy_h2en{ font-size: 12px; }
.sy_F8 .serv_con li{ width:50%; height: 80px; }
.sy_F8 .serv_con li .box1 img{ height: 34px; margin-top: 13px; }
.sy_F3 img{ width: 100%; margin-left: 0 }
.sy_F2 .swiper-button-next{transform: scale(0.6); right: 0px;}
.sy_F2 .swiper-button-prev{ transform: scale(0.6);left: 0px; }
.sy_F12 .cont_ .mapbox{ height: 150px; }

.contactmap{ height: 270px }

.signup_conP .form .div_line{margin-bottom: 15px; padding: 0 60px 0 0px; line-height: 32px;}
.signup_conP .form .div_line.div_line2{padding: 0 60px 0 0px;}
.signup_conP .form .div_line label{ text-align: left; position: relative; line-height: 30px; display: block; width: 100%; }
.signup_conP .form .div_line span{ top: 30px; }
.signup_conP .form .div_line.ly{ padding-right: 0; }
.signup_conP .form .input1, .signup_conP .form .select1{ height: 32px; line-height: 32px; }
.forget_1,.forget_2,.forget_4{ width: 94%; margin: 0 auto; }
.forget_4,.forget_main .head ul{ font-size: 14px; }
.sy_h2P{ font-size: 20px; }

}

@media (max-width: 320px){
.con_left .box1 .botm a{ padding: 0 7px; font-size: 13px; }
.sy_h2{ font-size:18px;}
.sy_F4 .advbox .li .hov{ font-size: 13px; }

}