@media(min-width:1601px) {
    html {
        font-size: 16px
    }
}
@media(min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 14px
    }
}
@media(min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px
    }
}
@media(min-width:481px) and (max-width:639px) {
    html {
        font-size: 13px
    }
}
@media(min-width:329px) and (max-width:480px) {
    html {
        font-size: 13px
    }
}
@media(max-width:1650px) {
.m,.slides,#header > .m{ max-width:1400px}
.menubtn span,.menubtn span::after, .menubtn span::before{ background:#333}
.menubtn.active span::after, .menubtn.active span::before{ background:#333}
.sy6-1 .right dl dd strong img{ width:93px}
.sy4-1 h1 img{ height:327px}
.gy2-1 dl dd span{ margin-bottom:15px}
.gy2-1 dl dd{ padding-top:16px}
.al1-1 h3 img{ height:243px}
.xw1 .left p img{ height:419px}
.n_news02 ul li .img img{ height:265px}
.n_news02 ul{ gap: 3rem;}
.ri1-1 ul li img{ margin-right:5px}
.ri1-1 ul li{ font-size:24px}
.ri1-1 ul li.curr1{ font-size:28px}
.footer1 dl{ height:353px}
#demo3.flexslider .slides li img{ height:338px}
	}
@media(max-width:1500px) {
.m,.slides,#header > .m{ max-width:1200px}
#banner .txt p{ font-size: 20px; line-height: 35px;}
#banner .txt h3{ font-size: 40px; line-height: 60px;} 
.btn_liaojie{ font-size:20px; width:160px; line-height:50px}
#foot .box1 {
	gap: 3.5rem
}
#nav ul li > a,.dl1 p a,.sy5-2-1 .left h3 a,.sy4-1 h2,.more a{ font-size:16px}
.top_menu_box,.sy8-2 ul li span strong{ font-size:18px}
.dl1 p a{ width:80px; line-height:37px}
.s_tt h2,.sy2 h2{ font-size:40px}
.sy3-1 dl{ height: 172px}
.sy3-1 dl dd,.sy5-1 ul li{ font-size:22px} 
.s_tt h2 span,.sy3-1 dl dd span,.sy5-2-1 .left p,.sy6-1 .right dl dd span,.sy8-1 .right p,.sy4-1 p{ font-size:16px; line-height:26px}
.sy5-1 ul .curr1{ font-size:24px}
.sy5-1 ul li img{ margin-right:5px}
.sy5-1 ul li .a1{ width:40px}
.sy5-1 ul li .a2{ width:45px}
.sy5-2-1 .left h2,.sy6-1 .right dl dd strong{ font-size:25px}
.sy5-2-1 .left h3 a{ width:110px; line-height:40px}
.sy6-1 .right dl dd strong img{ width:80px}
.sy8-1 .right h2{ font-size:30px}
.sy8-1 .right h3,.sy4-1 h3 a,.sy2 h3{ font-size:20px}
.sy8-2 ul li span{ font-size:14px}
.sy8-2 ul li{ width:200px}
.sy8-2 ul li img,.sy8-2{ height:90px}
.sy8-2 ul li span{ width:179px; height:90px}
.sy4-1 h1 img{ height:280px}
.sy4-1 p{ height:52px}
.more a{ width:120px; line-height:45px}
.sy2 p a{width: 190px; line-height: 60px; font-size:24px}
.footer1 dl dd{ font-size:16px; line-height:30px}
.footer1 dl dd strong{ font-size:20px}
.footer1 dl{ height:318px}
.footer2 p, .footer2 p a,.bann1 p,.ny-bt1 h2, .ny-bt1 h2 a,.gl-z p{ font-size:16px}
.bann1 h1{ font-size:40px}
.gl-z h2{ font-size:30px; margin-bottom:8%}
.gl-z p{ line-height:35px;}
.gl-z{ padding-top:0;}
.gl2-3 .gl-z p{ font-size: 18px; line-height: 35px;}
.gl-z h3 a{ width: 125px; line-height: 45px; font-size:16px}
.gl2-4 .gl-z{ width: 23%;}
.bann1 p{ line-height:30px}
.gy1 p{ font-size:18px; line-height:30px}
.gy2-1 dl dd{ font-size:22px}
.gy2-1 dl dd span{ margin-bottom:12px}
.al1-1 h3 img{ height:208px}
.al1-1 h4 span,.fy a{ font-size:16px}
.al1-1 p a{ font-size:18px; line-height:30px; height:60px}
.fy a{ padding: 8px 13px; margin: 0 5px;}
.xw1 .left p img{ height:359px}
.n_news02 ul li .img img{ height:226px}
#dr_kecheng2.select2,.n_filter .searchbox{ height:45px !important}
#dr_kecheng2.select2,.n_filter form .input, .n_news01 .txt span,.n_news02 ul li .txt .mybtn02,.fy1 a{font-size: 16px;}
.n_news01 .txt h2{ font-size:24px}
.n_news01 .txt p{ font-size:14px; line-height:24px}
#demo5 .flex-control-nav{ bottom:40px}
#demo5 .flex-control-nav li,#demo5 .flex-control-nav a{ width:12px; height:12px}
.n_news02 ul li .txt span{ font-size:14px}
.n_news02 ul li .txt h2{ font-size: 20px; line-height: 29px; height: 58px;}
.fy1 a{ padding: 10px 14px;}
.xq1 h1{ font-size:30px}
.xq1 h2,.xq1 h3 a,.xq1-1 h4 a{ font-size:16px} 
.xq1-1 h4 a{ padding:8px 25px}
.ri1-1 ul li{ font-size:20px}
.ri1-1 ul li.curr1{ font-size:25px}
.ri1-1 ul li img{ width:60px} 
.s_tt1 h2 strong{ font-size:26px}
.dropMenu li a{ font-size:18px}
#demo3.flexslider .slides li img{ height:290px}
.ri1-2-2 .right{ line-height:30px;}
.ri1-2-2 .right h2{ font-size:20px}
.ri1-2-2 .right p,.ri1-2-3 h2{ font-size:16px;line-height:30px;}
}
@media(max-width:1280px) {
    #logo {
        margin-right: 2.5rem
    }
}
@media(max-width:1200px) {
    #nav {
        margin-right: 1.5rem
    }
    #header {
        display: none
    }
    #m_header {
        display: block
    }
    #nav_btn_box {
        display: block
    }
    .n_nav {
        display: none
    }
    #m_n_nav {
        display: block
    }
    .web {
        display: none
    }
    .wap {
        display: block
    }
    span.wap {
        display: inline
    }
    .online_q {
        display: none
    }
    body {
        padding-top: 4.5rem !important
    }
    .m {
        padding: 0 6rem
    }
}
@media(max-width:1100px) {
.m {
	padding: 0 5rem
}
#banner .img ,
.hmFocus_item {
	height: 40vh
}
#banner .txt{ max-width:300px;}
#banner .txt h3{ font-size:26px; line-height: 40px;}
#banner .txt p{ font-size:16px; line-height:24px;}
#banner .txt h3 span{ font-size:12px}
.btn_liaojie,.btn_border{ font-size:14px;width: 110px; height: 35px;}
.btn_liaojie img,.sim_function .txt .btn_border img{ width:10px}
#banner .slick-arrow{ width:50px !important; height:50px !important}
#foot .box1,.foot_ewm,.foot_lianxi .tt,.foot_search form{ display:none}
.foot_search{ width:100%}
.sy4-1 h1 img{ height:159px}
.sy4-1 h3 a{ font-size:16px}
.ny-bt h1, .ny-bt h1 a{ font-size:14px}
.sy4-1 h1 a span{ font-size:14px; width:90px; line-height:35px}
.s_tt h2, .sy2 h2{ font-size:24px;}
.s_tt h2 span, .sy3-1 dl dd span, .sy5-2-1 .left p, .sy6-1 .right dl dd span, .sy8-1 .right p, .sy4-1 p{ font-size:14px; line-height:22px}
.sy3-1 dl dd,.sy5-2-1 .left h2, .sy6-1 .right dl dd strong{ font-size:18px}
.sy5-1 ul li{ font-size:16px}
.sy3-1 dl{ height:198px}
.sy5-1 ul li .a1{ width:30px}
.sy5-1 ul .curr1{ font-size:18px}
.sy5-1 ul li .a2{ width:30px}
.sy5-2-1 .left p{ background-size:18px; padding-left:30px}
.sy5-2-1 .left h3 a{ margin-right:10px; width: 95px;line-height: 35px;}
#nav ul li > a, .dl1 p a, .sy5-2-1 .left h3 a, .sy4-1 h2, .more a{ font-size:14px}
.sy5-2-1 .left{ width:40%}
.sy6-1 .right dl dd strong img{ width:50px; margin-right:0}
.sy8-1 .right h2{ font-size:24px}
.sy8-1 .right h3, .sy4-1 h3 a, .sy2 h3,.top_menu_box, .sy8-2 ul li span strong{ font-size:16px}
.sy8-1 .right{ background-size:50px}
#demo3.flexslider .slides li img{ height:164px}
#demo3.flexslider .slides li h3 img{ height:60px}
#demo3 .flex-control-nav{ bottom:10px}
.sy8-2 ul li span{ font-size:12px}
.sy8-2 ul li{ width:136px}
.sy8-2 ul li img, .sy8-2{ height:66px}
.sy8-2 ul li span{ width:116px; height:66px}
.sy8-2 ul li span strong{ font-size:14px}
.sy4-1 h1 img{ height:156px}
.sy4-1 p{ height:44px}
.more a{ width:100px; line-height:35px}
.sy2 p a{ width: 145px;line-height: 50px;font-size: 18px;}
.hotsearch{ text-align:center; line-height:22px;}
.hotsearch,.hotsearch a{ font-size:14px}
.footer1 dl dd{ font-size:14px; line-height:22px}
.footer1 dl dd strong{ font-size:16px}
.footer1 dl{ height:225px}
.footer2 p, .footer2 p a{ font-size:14px}
.footer1 dl dd br{ display:none}
.footer1 dl dt img{ width:70px}
.footer2 p a{ float:none; display:block; margin-top:1%}
.footer2 p{ text-align:center; line-height:20px}
.footer2{ padding:2.5% 0}
.sy5-2-2 .left{ width:97%}
.bann1 h1{ font-size:24px}
.bann1 p, .ny-bt1 h2, .ny-bt1 h2 a, .gl-z p{ font-size:14px}
.gl-z h2{ font-size:20px}
.gl-z p{ line-height:20px}
.gl-z{ padding-top:0}
.gl2-3 .gl-z p{ font-size: 16px; line-height:28px;}
.gl-z h3 a{ width: 100px; line-height: 35px; font-size:14px;border-radius: 0 10px 0 10px;}
.gl2-4 .gl-z{ width:28%; padding-top:0}
.gl-z h3{ margin-top:10%}
.bann1 p{ line-height:24px}
.gy1 p{ font-size:15px; line-height:24px}
#demo4 .flex-control-nav{ bottom:50px}
.gy2-1 dl dd{ font-size:16px}
.gy2-1 dl dd span{ margin-bottom:7px}
.gy2-1 dl dd{ padding-top:6px}
.gy2-1 dl{ padding: 2.3% 1.5%;}
.gy2-1 dl.no{ padding:1.5% 3%}
.al1-1 h3 img{ height:115px}
.al1-1 h4 span, .fy a{ font-size:14px}
.al1-1 p a{ font-size: 16px; line-height: 25px; height: 50px;}
.al1-1 h5 img{ height:30px}
.fy a{ padding: 7px 11px; margin: 0 3px;}
#dr_kecheng2.select2, .n_filter form .input,.n_news01 .txt span,.n_news02 ul li .txt .mybtn02,.ar_title .info span{ font-size:14px}
#dr_kecheng2.select2, .n_filter .searchbox{ height:40px !important}
.n_filter form .f1{ background-size:20px}
#dr_kecheng2.select2{ width:15%}
.n_filter .searchbox{ width:30%} 
.n_news01 .txt h2{ font-size:20px}
.xw1 .left p img{ height:204px}
.xw1 .right{ padding-top:3%; padding-right:3%}
#demo5 .flex-control-nav{ bottom:15px}
#demo5 .flex-control-nav li{ margin: 0 5px;}
.n_news02 ul{ gap: 2rem;}
.n_news02 ul li .img img{ height:127px}
.n_news02 ul li .txt h2{ font-size: 16px; line-height: 22px; height: 44px;}
.fy1 a{padding: 7px 11px;margin: 0 4px; font-size:14px}
.xq1 h1{ font-size:24px}
.xq1 h3 a{ display:block; float:none; text-align:left !important; width:100%; line-height:20px; margin-top:1%}
.xq1-1 h4{ position:relative; left:0; margin-left:0; margin-top:3%; text-align:center; bottom:0}
.xq1 h2,.xq1 h3 a,.xq1-1 h4 a{ font-size:14px}
.xq1-1 h4 a{ padding:8px 17px}
.ri1-1 ul li{ font-size:16px}
.ri1-1 ul li.curr1{ font-size:18px}
.ri1-1 ul li img{ width:35px} 
.s_tt1 h2 strong{ font-size:18px}
.sy8-1 .right h3{ margin-top:4%}
.sy8-1 .right{ padding-top:0}
.ri1-2-2 .right{ line-height:24px;}
.ri1-2-2 .right h2{ font-size:16px}
.ri1-2-2 .right p,.ri1-2-3 h2{ font-size:14px;line-height:24px;}
}
@media(max-width:1024px) {
#nav{ display:none}
}
@media(max-width:768px){
.m {
padding: 0 20px
}
#banner .txt{ max-width:229px;}
#banner .txt p{ font-size: 14px; line-height: 19px;}
#banner .txt h3{ font-size:18px;line-height: 28px;}
#banner .txt h3 span{ font-size:10px}
.s_tt h2, .sy2 h2{ font-size:18px}
.sy4-1{ width:98%}
.sy4-1 h1 img{ height:245px}
.sy4-1{ display:none}
.sy4-1:first-child{ display:block}
.sy4-1 h4{ margin-top:7%}
.sy4-1 p{ margin-top:4%}
.btn_liaojie, .btn_border{ width:100px}
.sy3-1 dl{ width:98.5%; height:inherit; padding:3%}
.sy3-1 dl dd, .sy5-2-1 .left h2, .sy6-1 .right dl dd strong,.sy5-1 ul .curr1{ font-size:16px}
.sy5-1 ul li{ width:33.333%; font-size:14px; height:25px}
.sy5-1 ul li .a2{ width:25px}
.sy5-2-1 .left,.sy5-2-1 .right{ width:100%}
.sy5-2-1 .right,.sy5-2-1 .left h3,.sy6-1 .right,.sy8-1 .right{ margin-top:5%}
.sy5-2-1 .left h2{ margin-bottom:5%}
.sy6-1 .left,.sy6-1 .right{ width:100%}
.sy6-1 .right dl{ margin-top:5%}
.sy8-1 .left,.sy8-1 .right{ width:100%}
.sy8-1 .right h2{ font-size:20px}
.sy8-1 .right{ background-size:40px}
#demo3 .flex-control-nav{ bottom:0; left:0;text-align: center;}
#demo3{ padding-bottom:8%}
.flex-control-nav li a{ width:10px; height:10px}
.sy8-2 ul li span{ font-size:12px}
.sy8-2 ul li span strong{ font-size:14px}
.sy8-2{ margin-top:12px}
.sy8-2 ul li{ padding:0 7px}
.sy2 p a{width: 109px;line-height: 40px;font-size: 16px;}
.sy2 h3{ font-size:15px}
.footer1{ margin-top:-3%}
.footer1 dl{ width:97%; height:inherit; margin-top:3%}
.footer1 dl dt img{ width:50px}
.footer1 dl dd{ margin-top:4%}
.footer1 dl dd strong{ margin-bottom:1%}
.footer2{ padding:4% 0}
.bann1 h1{ font-size:18px}
.bann1 p{ display:none}
.bann1{ top:37%}
.ny-bt1 h2 img{ width:12px; margin-right:5px}
.ny-bt1{ margin-top:4%}
.gl-z,.gl-y,.gl2-2 .gl-z,.gl2-2 .gl-y,.gl2-3 .gl-z,.gl2-3 .gl-y,.gl2-4 .gl-z,.gl2-4 .gl-y{ width:100%}
.gl-y{ margin-top:5%}
.gl-z h2{ font-size:16px; margin-bottom:4%}
.gl2-2 .gl-z{ padding-top:0}
.gl2-3 .gl-z p{ font-size: 14px; line-height:22px;}
.gl-z h3{ margin-top:4%}
.gl-z h3 a{ width: 90px; line-height: 30px;}
.gy1 p{ font-size:14px; line-height:22px}
#demo4.flexslider .slides li img{ border-radius:10px}
#demo4 .flex-control-nav{ bottom:20px}
#demo4 .flex-control-nav li{ margin:0 2px}
.gy2-1 dl{ width:97%; margin-top:4%}
.gy2-1{ margin-top:0%}
.gy2-1 dl{ border-radius: 15px;}
.gy2-1 dl dt{ width:18%}
.gy2-1 dl dd{ width:78%; padding-top: 9px;}
.gy2-1 dl.no dt{ width:25%}
.gy2-1 dl.no dd{ width:70%}
.gy2-1 dl.no{ padding:2% 16%}
.gy2-1 dl dd{ font-size:15px} 
.al1{ padding:5px}
.al1-1{ width:98%}
.al1-1 h3 img{ height:auto}
.al1-1 p a{ font-size: 15px; line-height: 24px; height: 48px;}
.fy a{ font-size:13px}
#dr_kecheng2.select2{ width:30%}
.n_filter .searchbox{ width:55%}
#dr_kecheng2.select2, .n_filter .searchbox{ height: 35px !important;}
.n_news01 .txt h2{ font-size:16px}
.n_news01 .txt p{ margin-top:3%}
.n_news02 ul{ grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.n_news02 ul li .img img{ height:120px}
.xw1 .left, .xw1 .right{ width:100%}
.n_filter{ margin-top:4%}
.xw1 .right{ padding:5% 5% 12%}
#demo5 .flex-control-nav{ padding-left:4%}
.xq1 h1{ font-size:18px}
.xq1-1 h4 a{ padding:5px 13px}
.xq1-1 h4 a img{ width:16px; margin-right:5px}
.xq1 h2{ margin:5% 0; padding-bottom:5%} 
.xq1-1{ margin-top:5%}
.ri1-1 ul li{ font-size:14px}
.ri1-1 ul li.curr1{ font-size:15px}
.ri1-1 ul li img{ width:32px} 
.ri1-1 ul li{ width:50%; padding:2% 0}
.ri1{ margin-top:4%}
.ri1-2-1 .left,.ri1-2-1 .right{ width:100%}
.ri1-2-1 .right{ margin-top:5%}
.s_tt1 h2 strong{ font-size:13px}
#demo3.flexslider .slides li img{ height:188px}
.sy88 ul li a{ border-radius:10px}
.sy88 ul li{ width:23%}
.sy88 ul li:nth-child(25){ display:none}
.xq1 p{ line-height:26px}
.ri1-2-4 .left p img{ width:60%; display:block; margin:auto}
.ri1-2-2 .left p img{ width:50%}
}