@charset "utf-8";

@media screen and (min-width:960px){

	html::-webkit-scrollbar{width:6px;height:6px;background-color:#fefefe}

	html::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:6px;background-color:#fefefe}

	html::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#bbb}

}

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

		.sy_swiper1 .swiper-slide h4{ font-size: 22px; }

		.sy_swiper1 .swiper-slide .t_l{ max-height:69px;}



}

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

	.container{width:94%;margin:0 auto}

	.sy_swiper1 .swiper-slide h4{ font-size: 20px; }

	.sy_swiper1 .swiper-slide .hr{ display: none; }

	.sy_swiper1 .swiper-slide .t_l{ margin-top: 15px; }

	.sy_swiper1 .swiper-slide span{ height: 36px; background-position: center -125px;  }

	.hisy_swiper{ margin: 0 30px; }

.tab_con .btn_box{ left: 0; }

.sy_f6 .qiehuan .xtu{ width: 100% !important ;}

.sy_f6 .qiehuan li img{ height: 520px; margin-top: 80px; }

.nav li>a{ padding: 0 10px; }

.sy_f3 .items .p1 span{ width: 50px; }

}

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

	.nav-logo {    display: block;}

	.navbar .sidr{height:100%;background:#42a5ce;position:fixed;right:-200px;top:70px;width:200px;overflow:hidden;}

.nav{float:none;overflow-y:auto;width:100%;max-height:80%;margin:0;padding-bottom:20px}

.nav::-webkit-scrollbar{width:6px;height:6px;background-color:#F5F5F5}

.nav::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:6px;background-color:#F5F5F5}

.nav::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#bfc6d0}

.nav ul{padding:15px 0}

.nav li{display:block;text-align:center; float: none;}

.nav li>a{display:block;border-bottom:1px #7bc5e4 solid;height:40px;line-height:40px;padding-left:5px;color:#fff;padding:0 25px;font-size:15px}

.nav a{display:block;border-bottom:1px #7bc5e4 solid;height:40px;line-height:40px;padding-left:5px;color:#fff;padding:0 25px;font-size:15px}

.nav a:active{background:#fff;color:#242424}

.nav li:hover dl{display:none}

.nav li.on>a{  color: #fff }

.nav li:nth-child(2) i,.nav li:nth-child(3) i,.nav li:nth-child(4) i{display:block}

.nav li dl{position:relative;top:0;background:0 0}

.nav li dl dd a:hover{background:0 0;color:#fff}

.nav li dl dd a{border-bottom:solid 1px #58aacc}

.navbar{height:70px;}

.paddT{ padding-top: 70px; }

.logo img{ margin-top: 10px; }



.sy_f1 .div1 .w100p{ padding-right: 50%; padding-left: 0; }

.sy_f1 .div1 .box1{ position: relative; width: 100%; }

.sy_f1 .div1 .box2{ width: 50%; left: auto; right: 0; }

.sy_f1 .div1 .box3{ display: none; }

.sy_f1 .div2 .w100p{ padding-left: 0; padding-right:50% }

.sy_f1 .w100p .box5{ width: 50%; }

.sy_f1 .w100p .box4{ width:50%; background: rgba(255,255,255,0.8); }

.sy_swiper1 .swiper-slide h4{ font-size: 18px }

.h2_bt{ font-size: 24px; }

h3.h2_bt{ font-size: 22px; }



.sy_f7 .li a .date{ display: none; padding-right: 340px; }

.sy_f7 .li a{ padding-left: 0; }

.sy_f7 .li{ padding: 5% 0; }

.sy_f8 .cond .leftbox{ width: 45%; }

.sy_f8 .cond .formbox{ width: 55%; }

.sy_f8 .cond .leftbox .div1{ padding:0 0 20px 20px; }

.sy_f8 .cond .leftbox .div1 i{ transform: scale(0.6); margin-left: -10px; top:0px; }

.sy_f8 .cond{ padding-top:6%; }

.sy_f8 .bt{ font-size: 24px; }

.sy_f3 .items .p2{ font-size:14px; }

.sy_f3 .items .p1 span{ font-size: 40px; }

.sy_f3 .count_m .items{ width: 130px; }

.sy_f3 .items .p1{ font-size: 20px; }

.sy_f1 .box2 em{ display: none; }

.list_left{display:none}

.r_main{ width: 100%; }

.insideNav{display:block; margin-bottom: 3%;}

.pagebanner .box1{ font-size: 22px;}



}

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

.sy_f1{ padding: 6% 0; }

.sy_block{ padding-top: 7%; background-attachment:inherit; background-size:cover; }

h4.ptxt{ width: 94%; }

.sy_f2,.sy_f4,.sy_f5,.sy_f7,.sy_f6{ padding-bottom:6%; }

.sy_f3{ padding: 7% 0; background-attachment:inherit; background-size:cover; }

.h2_bt{ font-size: 22px; }

h3.h2_bt{ font-size: 18px; }

h4.ptxt{ font-size: 14px; }

h4.ptxt{ padding-bottom: 4%; }

.his_warp{ margin: 0 3%; }

.hisy_swiper{height:180px; }

.hisy_swiper .xq{ display: none; }

.hisy_swiper .even.swiper-slide{ padding-top:90px; }

.hisy_swiper .odd.swiper-slide{ padding-bottom:90px; }

.hisy_swiper .even .txt{ position: absolute; top: 90px; padding-top: 20px; }

.hisy_swiper .odd .txt{ position: absolute; bottom: 90px; padding-bottom: 20px; }

.hisy_swiper em{ display: none; }

.hisy_swiper .year{ padding-bottom: 0; }

.btn_0a{ width: 200px; height: 40px; background-size: 80px auto; background-position: center -47px; }

.sy_f4 .events{ display: block; }

.sy_f4 .active .year{ font-weight: bold; }

.sy_f6{ background: url(../images/sy_27.jpg); background-size: cover; }

.tab_con .btn_box .btn_:hover{ background-color: #333; }

.sy_f6 .tab_con{ margin: 0 3%; }

.sy_f6 .tab_con .bt span{ color: #fff; }

.sy_f6 .tab_con .bt{position: relative; top: 0; }

.sy_f6 .qiehuan li img{ height: 310px; margin-top: 40px; }

.sy_f6 .qiehuan .datu ul li, .sy_f6 .qiehuan .datu{ height: 350px; }

.sy_f6 .qiehuan{ border-top: solid 1px #ff8e9d; margin-top: 10px;   }

.tab_con .btn_box{ left: auto; right: 0; top: -45px; width: 85px; }

.tab_con .btn_.prev{ margin-right: 0; background-position:-6px -6px  }

.tab_con .btn_.next{ margin-left: 5px;background-position:-58px -6px  }

.tab_con .btn_box .btn_{ width: 40px; height: 40px; }

.sy_f7 .btn7{ width: 40px; height: 40px; top: -30px; }

.sy_f7 .btn_prev7{ background-position:-6px -6px  }

.sy_f7 .btn_next7{background-position:-58px -6px ; left: 62px; }

.sy_f7 .li a h3{ font-size: 16px; }

.sy_f8{ padding:30px 0 8%; }

.sy_f8 .bt{ font-size: 20px; }

.sy_f8 .bt span{ font-size: 16px; }

.sy_f8 .cond .formbox .input,.sy_f8 .cond .formbox .btn1{ height: 50px; line-height: 50px; }

.sy_f8 .cond .formbox .btn1{ width: 200px }

.sy_partner{ padding: 4% 0 }

footer{font-size: 14px; padding: 15px 0; }

.video_alert .con1040{ width:80%;left:10%; top: 0%; margin-left:0px; padding:10px; }

.sy_f6 .swiper-pagination{ display: block; }

.sy_f6 .ul_evaluate h4{ font-size: 14px; }

.Main_page{ padding: 4% 0; }

.page_div a{ line-height: 30px; padding:0 10px;}

.r_main{ padding:10px 2% 4%; }

.product_c li h4{ font-size: 14px; }

.brands{ line-height: 40px; }

.contactmap{ height: 450px; }

.insideNav .swiper-slide{ max-width: 25%; }

.newsD h2{ font-size:20px}

}

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

	body{font-size:14px}

.sy_swiper1 .swiper-slide h4{ font-size: 16px }	

.sy_f7 .li a{ padding-right: 180px; }

.sy_f7 .li a .pic img{ max-width: 200%; position: relative; left: -50%; }

.sy_f7 .li a .pic{ width: 160px; height: 160px; }

.sy_f7 .li{ padding:10px 0;  }

.sy_f3 .items .p1 span{ font-size: 34px; }

.pagebanner{ height: 240px; }

.pagebanner .box1{margin-top: 40px; font-size: 20px;}

.product_c li{ width: 48%; }

.contactmap{ height: 420px; }

}

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

.sy_f1 .w100p .box5{ padding: 10px 15px 40px 15px; }

.btn_0a{ width: 140px; }

.sy_f8 .cond .leftbox{ width: 100%; }

.sy_f8 .cond .formbox{ width: 100%; }

.sy_f8 .cond .leftbox .div1{ padding-bottom: 20px; font-size: 14px; line-height: 1.7; }

.sy_f8 .cond .formbox .input,.sy_f8 .cond .formbox .textarea,.sy_f8 .cond .formbox .btn1{ font-size: 14px; }

.sy_f8 .cond .formbox .textarea{ height: 100px; }

.sy_f8 .cond .formbox .input, .sy_f8 .cond .formbox .btn1{ height: 42px; line-height: 42px; }

.sy_f8 .bt{ font-size: 18px; }

.sy_f1 .w100p .box5{ display: none; }

.sy_f1 .w100p .box4{ background: #fff; }

.sy_f1 .div2 .w100p{ padding-right: 0; padding-left: 50%; }

.sy_f1 .div1 .box1 i{ transform: scale(0.9); }

.sy_f3 .items .p3{ display: none; }

.sy_f3 .count_m .items{ width: 90px; }

.sy_f3 .items .p1 span{ width: 30px; }

.sy_f3 .items .p1{ font-size: 16px; }



.sy_partner li{ width: 25%; }

.contactmap{ height: 340px; }



footer .ewm{ display: none; }

.work_f1 h3{ font-size: 16px; }

.qiehuan{ width: 100%; }

.proD .frtxt{ width: 100%; padding: 30px 0 0 0 ; }



}

	





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



.h2_bt{ font-size: 20px; }

h3.h2_bt{ font-size: 16px; }



h2.h2_bt{ padding-bottom: 10px; }

h2.h2_bt:after{ height: 2px;  }	

.sy_f1 .table .p1{ padding-bottom: 10px; font-size: 16px; margin-bottom: 10px;}

.sy_f1 .table .p1:after{ height: 2px;  }



.newsD h2{ font-size:18px}

.sy_f8 .bt{ font-size: 18px; padding-left: 0; }

.sy_f8 .bt:before{ display: none; }

.sy_f8 .cond .formbox .btn1{ width: 160px }

.sy_partner li{ padding: 0 5px 5px 0; }

.sy_partner{ margin-right: -5px; }

.sy_partner li{ padding: 0 5px 5px 0; }

.sy_partner{ margin-right: -5px; }

.sy_f1 .div1 .box1 i{ transform: scale(0.7); }

.sy_f3 .items .p1 span{ font-size: 26px; }

.sy_f3 .count_m{ display: block; }

.sy_f3 .count_m .items{ width: 33.33%; float: left; padding: 0 10px; }

.sy_f3 .count_m .items:nth-child(4),.sy_f3 .count_m .items:nth-child(5){ margin-top: 30px; }

.sy_f3 .items .p2{font-size: 12px;}

footer ul{ display: none; }

footer p{ margin-bottom: 0 }

.insideNav{ height: 50px; line-height: 50px; }



.pagebanner{ height: 200px; }

.pagebanner .box1{margin-top: 40px; font-size:16px; padding: 4% 5%;}

.contactmap{ height: 300px; }



}

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

	body{ font-size: 12px; }

	.logo img{ height: 34px; margin-top: 13px; }

	.navbar{ height: 60px; }

.nav-logo{ top: 17px; }

.paddT{  padding-top: 60px; }

.sy_f1 .table .tbecell{ padding:0 5%; }



.h2_bt{ font-size: 18px; }

h3.h2_bt{ font-size: 14px; }

.sy_banner1 img{ position: relative; max-width: 150%; margin-left: -25%; }

.sy_f7 .li a .pic{ height: 100px; width: 100px; }

.sy_f7 .li a{ padding-right: 115px; height: 100px; }

.sy_f7 .li a h3{ padding-top: 0; font-size: 14px; }

.sy_f7 .li a .txt{ margin-top: 0; height: 63px; }

.navbar .sidr{ top: 60px; }



.sy_partner li{ width: 33.33%; }

.sy_f1 .table .p1{ padding-bottom: 6px; margin-bottom: 6px;}

.sy_swiper1 .swiper-slide .t_l{ max-height:80px  }

.pagex .hafl{ width: 100%; }

.contactmap{ height: 270px; }

.news_c li a .xq{height:40px;}

}



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



.sy_f1 .div1 .box1 i{ transform: scale(0.5); }

.sy_f6 .qiehuan .datu ul li, .sy_f6 .qiehuan .datu{ height: 460px; }



footer{font-size: 12px; }

.sy_f3 .items .p1 span{font-size: 22px;}

.pagebanner{ height: 160px; }

.pagebanner .box1{margin-top: 20px; font-size:14px;}



.contactmap{ height: 220px; }

}



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

	



}