@charset "utf-8";
@media screen and (min-width:1024px){
header .header_f1 .loginbox.loginbox2:hover .hov{ display: block; }
}
@media screen and (max-width:1680px){
.sy_h2{ font-size: 32px; }
.sy_f5 .container .cel_2{ font-size: 28px; }
.sy_f5 .container .cel_1{font-size: 23px}

}
@media screen and (max-width:1367px){
.nav li>a{ padding: 0 13px; font-size: 14px; }
.container{width:96%;}
.sy_h2{ font-size: 30px; }
.sy_f5 .container .cel_2{ font-size: 26px; }
.sy_f5 .container .cel_1{ font-size: 22px }
.sy_f11 h4{ font-size: 24px; }
.about_con h3{ font-size: 24px }
.con_left .box .top{ line-height: 60px; }

}

@media screen and (max-width:1280px){
.nav li{ background: none }
.nav-logo {    display: block;}
.phone{display:none;}

	header .header_f1 .fr .tel{ display: none; }
	header .header_f1 .fr{ margin-right: 60px; }
	header .header_f1{padding: 10px 0; border-bottom: solid 1px #018abb; position: static}
	.paddT{padding-top: 88px;}
	.navbar .sidr{height:100%;background:#018abb;position:fixed;right:-200px;top:0px;width:200px;overflow:hidden; padding-top:88px;}
	.nav-logo span{ transition: 0.4s; }
	.nav-logo.cur span:nth-child(1){ transform: rotate(45deg); margin-top: 7px; }
	.nav-logo.cur span:nth-child(2){ display: none; }
	.nav-logo.cur span:nth-child(3){ transform: rotate(-45deg); margin-top: -8px; }
	.nav-logo.cur span{ background: #fff; }
	.nav{width:100%;margin:0;padding-bottom:20px; text-align: center; overflow-y: auto; }
	.nav::-webkit-scrollbar{width:4px;height:4px;background-color:#018abb}
	.nav::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:4px;background-color:#018abb}
	.nav::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#02739b}
	.nav ul{padding:15px 0}
	.nav li{display:block; width: 100%; margin-left: 0;}
	.nav li>a{display:block;border-bottom:1px #289ac3 solid; height:40px;line-height:40px;font-size:15px;}
	.navbar.cur .nav li>a{line-height:50px;}
	.nav li .dl{ position: relative; }
	.nav li:nth-child(10) i,.nav li:nth-child(11) i{ display:block; }

	.sy_f3 .box .p1, .sy_f4 .box .p1{ font-size: 22px; }
.sy_f5 .container .cel_2{ font-size: 24px; }
.sy_f5 .container .cel_1{ font-size: 20px }
.sy_f9 .ul li h3{ font-size: 18px; }
.sy_f9 .ul li{ width: 24%; margin-right: 1.2%; }
.about_con h3{ font-size: 22px }
.pagebanner h2{font-size:38px; }
.pagebanner h5{  font-size: 23px;  }
.pagebanner{height: 300px;}
.contactmap{ height: 380px }

}

@media screen and (max-width:1024px){
	
	.sy_h2{ font-size: 28px; padding: 1.5em 0 1em; }
	.sy_f11 h4{ font-size: 22px; }
	.sy_f4{ padding: 10% 0 13%; }
	.sy_f3{ padding: 30px 0 40px; }
	.sy_f5{ height: auto; padding: 10% 0; }
	.sy_f6 .btn_box{ width: 100%; }
	.sy_f6 .btn_box a{ margin: 0 6px 12px ; }
	.sy_f6{ padding: 0 0 10%; }
	.sy_f7,.sy_f9{ padding-bottom: 7%; }
	.sy_f8{ height: auto; padding-bottom: 7%; }
	.sy_f10{ padding: 4% 0 5%; }
	.sy_f11{ padding: 5% 0 6%; }
	.sy_f12{ height: auto; }
	.sy_f12>.container{ padding: 3% 0 100px;  }
	.sy_f2 .sy_swiper2{ margin-bottom: 4%; }
.sy_f5 .container .cel_2{ font-size: 22px; }
.sy_f5 .container .cel_1{ font-size: 18px; }
.sy_f5 .container .table_cell{ line-height: 32px; }
.about_con h3{ font-size: 20px }

.pagebanner h2{font-size:34px; }
.pagebanner h5{  font-size: 20px;  }

.pagebanner{height: 280px;}
.con_right{ margin-bottom: 30px; }
.con_left{ width: 100%; }
.con_left .box{ overflow: hidden; background: none }
.con_left .box .top{ background:none; border-bottom: solid 1px #c1c1c1; text-align: left; line-height: 40px; margin: 20px 0 0 }
.con_left .box .top span{ color:#fff; font-size:16px; background: #018abb; display: inline-block;  padding: 0 15px; }
.con_left .box1 .botm a:nth-child(2n){margin-right: 10px;}
.con_left .box1 .botm a{ font-size: 14px; width: auto; padding: 0 20px;}
.con_left .botm .line{ position: relative; padding-left: 80px; }
.con_left .botm .line label{ position: absolute; left: 0; top: 0 }
.con_left .botm .input1, .con_left .botm .select1{ width: 100%; }
.con_left form{ width: 400px; }
.con_left .botm{ padding: 18px 0; }

.contactmap{ height: 360px }
.pro_main li{ width:33.33%;}
.newsD_con h3{ font-size: 20px; }
.signup_conP h3{ font-size: 20px; }
}


@media screen and (max-width:960px) {
.logo img{ height:auto;max-width:250px }
.logo img.logo2{ display: none; }
.paddT,.navbar .sidr{ padding-top: 68px; }
.sy_swiper1 img{ width: 130%; max-width: 150%; margin-left: -14%; position: relative; }

header .header_f1 .fr .loginbox{ margin: 0 ; border: 0; width: auto;}
header .header_f1 .loginbox.loginbox2{ width: 70px; }
header .header_f1 .fr{ padding-top: 4px; }
.sy_f3 .box, .sy_f4 .box{ font-size: 14px; line-height: 2; }
.sy_f4 .box{ padding-left: 0; }
.sy_h2{ font-size: 26px; }
.sy_f3 .box .p1, .sy_f4 .box .p1{ font-size: 20px; }

.sy_f5 .container .cel_2{ font-size: 20px; }
.sy_f5 .container .cel_1{ font-size: 17px; }
.sy_f11 h4{ font-size: 20px; }
.sy_f11 .w56 form .line{margin-bottom: 10px;}
.about_con h3{ font-size: 18px }
.pagebanner h2{font-size:30px; padding-top: 90px; }
.pagebanner h5{  font-size:18px;  }
.pagebanner{height: 260px;}
.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; }

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

.sy_h2{ font-size: 24px; }
.sy_f3 .box .p1, .sy_f4 .box .p1{ font-size:18px; }
.sy_f5 .container .cel_2{ font-size: 18px; }
.sy_f5 .container .cel_1{ font-size: 16px; }
.sy_f5 .container .table_cell{ line-height: 1.8; padding: 0 10px; }
.sy_f9 .ul li h3{ font-size: 16px; }
.sy_f7 .sy_swiper3{ margin: 0 30px; }
.sy_f10 .ksdgbota h4{ font-size: 16px; }
.sy_f11 h4{ font-size: 18px; padding-bottom: 6px; }
.sy_f11 .w56,.sy_f11 .w44{ width: 100%; }
.sy_f11 .w44{ padding: 30px 0 0; }
.sy_f11 .w56 form{ padding-right: 0;  border: none; }
.sy_f11 .w56 form .input1, .sy_f11 .w56 form .select1{ line-height: 34px; height: 34px; }
.sy_f11 .w56 form .line{ line-height: 34px; }
.pagination2.swiper-pagination{ display: block; }
.signup_conP h3{ font-size: 18px; }

}



@media screen and (max-width:750px){
	
.loading{background-size:40% auto; }	

.sy_h2{ font-size: 22px; }
.btn1{ transform: scale(0.85); }
.sy_f6 .btn_box a{ font-size: 12px; line-height: 26px; border-right: 26px; margin: 0 4px 8px; padding: 0 15px; }
.sy_f9 .ul li h3{ font-size: 14px; line-height: 22px; height: 44px; padding: 0; margin: 10px; }
.pagebanner h2{font-size:26px;  }
.pagebanner h5{  font-size:16px;  }
.pagebanner{height: 240px;}

.contactmap{ height: 340px }
.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; }
}




@media (max-width: 640px){
	body{ font-size:12px;}
	.sy_swiper1 img{ width: 150%; margin-left: -25%; }
	
.sy_h2{ font-size: 20px; }
.sy_f3 .box .p1, .sy_f4 .box .p1{ font-size:16px; }

.sy_f5 .container .cel_2{ font-size: 16px; }
.sy_f5 .container .cel_1{ font-size: 15px; }
.sy_f10 .ksdgbota{ width: 100%; margin-bottom: 10px; }
.sy_f9 .ul li .btn1{ width: 100px; }
.sy_f10 .ksdgbota h4{padding-bottom: 10px;}
.sy_f11 .w56 form .textarea1{ width: 80%; height: 80px; }
.sy_f11 .w56 form .btn1{margin-left: 70px;}
.sy_f11 .w56 form .line label{ width: 70px; padding-left: 0; }
.sy_f11 .w56 form .line span.tips{ width: 100%; line-height: 20px; padding-left: 70px; }
footer{ padding: 12px 0; text-align: center; }
footer .fl,footer .fr{ float: none; }
.pagebanner{ height: 220px; }
.pagebanner h2{padding-top: 80px;}

.contactmap{ height: 300px }
.pro_main li{ width: 50%; }
.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 }
}


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

header .header_f1 .fr{ margin-right: 50px; }
.sy_h2{ font-size: 18px; }
.sy_f5 .container .cel_2{ font-size: 15px; }
.sy_f5 .container .cel_1{ font-size: 14px; }
.sy_f9 .ul li{ width: 48.5%; margin-right: 1.5%; margin-bottom: 1.5%; }
.sy_f8 .btn1{ width: 240px; height: 50px; line-height: 50px;background-position: left -99px; }
.sy_f2 .sy_swiper2 .block p{ line-height: 40px; font-size: 14px; }
.sy_f9 .ul li h3{ height: 20px;}
.con_left form{ width: 100%; }

.pagebanner h2{padding-top: 70px;}
.pagebanner{ height: 200px; }
.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){
.paddT,.navbar .sidr{ padding-top: 60px; }
header .header_f1{ padding: 5px 0; }

.sy_f11 .w56 form .input1, .sy_f11 .w56 form .select1{ width:150px; }
.sy_f11 .w56 form .textarea1{ width: 70%; }

.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; }

}

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

}