@media screen and (max-width:1280px){
.wrap{width:960px;}
.head .logo{ width:145px; margin-top:30px;}
.head .nav li, .head .nav li a{ padding:0 5px;}
.head .nav{ margin-left:75px;}
.head .h_r{ padding-left:20px; margin-left:10px;}
.head .h_r a { margin-right:10px;}
.head .h_r a:last-child{ margin-right:0;}
.m_tit{ padding-top:50px;}
.m_tit em{ font-size:28px;}
.m_tit p{ font-size:16px;}
.i_about dt{ width:440px; height:332px; line-height:332px;}
.i_about dd{ width:502px; height:332px; padding:20px 20px 0;}
.i_about dt img{ max-height:332px;}
.i_about dd .ctn p{ margin-bottom:5px;}
.i_about dd ul{ padding-top:8px;}
.i_about dd ul li{ margin-right:8px; width:86px; height:70px;}
.main_2 ul li{ width:310px; margin-right:15px;}
.main_2 ul li .tu{ height:195px; line-height:195px;}
.main_2 ul li .tu img{ max-height:195px;}
.main_2 ul li .title{ height:40px; line-height:40px;}
.main_2 ul li p{ line-height:155%; padding:0 10px;}
.main_3 dl dt{ width:488px;}
.main_3 dl dt .tu{ height:232px; line-height:232px;}
.main_3 dl dt .tu img{ max-height:232px;}
.main_3 dl dd{ width:455px;}
.main_3 dl dd li{ margin-bottom:11px;}
.main_3 .time{ top:15px;}
.main_3 dl dt .ctn, .main_3 dl dd li{ padding-top:15px;}
.main_3 dl dt .ctn, .main_3 dl dd li{ height:105px;}
.main_3 .time em{ font-size:32px;}
.frd li{ width:182px; height:88px; line-height:88px;}
.frd li img{ max-height:88px;}
.pro li{ width:306px;}
.pro li .tu{ height:198px; line-height:198px;}
.pro li .tu img{ max-height:198px;}
.scd_nav a{ margin:0 7px 20px;}
.contact dl dt{ width:419px; height:342px;}
.contact dl dd h1{ font-size:20px;}
.contact dl dd p{ font-size:14px;}
.news dl{ padding-left:334px;}
.abt_a dl dt{ width:438px; height:auto;}
.abt_a dl dd{ width:505px; padding-top:0;}
.abt_a dl dd h1{ font-size:20px; padding-bottom:10px;}
.abt_a dl dd .line{ margin-bottom:10px;}
.abt_a dl dd ul{ margin-top:10px;}
.abt_a dl dd ul li{ width:110px; margin-right:15px;}
.abt_b{ padding:25px;}
.abt_b dl dt{ width:506px; height:auto; line-height:normal;}
.abt_b dl dd{ width:380px; padding-top:0;}
.abt_c ul li{ width:300px; margin-right:30px;}
.abt_d .line{ margin-top:22px;}
.abt_e ul li{ width:306px; margin-right:20px;}
.abt_e ul li .tu{ height:215px; line-height:215px;}
.pro_d dl dd{ width:515px;}
#owl-demo .item{ background-size:100% auto; background-position:top center;}
#owl-demo{ overflow:hidden;}
#owl-demo img{ width:100%; height:auto; visibility:visible; margin-left:0 !important;}
.s_banner{ width:100%; overflow:hidden;}
.s_banner img{ width:100%; height:auto;margin-left:0 !important;}
.nav li .sub-box{ top:68px;}
.head_bg_fix .nav li .sub-box{ top:73px;}
}
@media screen and (max-width:1060px){
.wrap,.i_about dd ul{width:740px;}
.head .h_r{ padding-left:0; border:0; margin-top:20px; font-size:14px;}
.head .nav{ float:right; margin-left:0; text-align:right; margin-left:0; margin-top:0;}
.head .nav li a{ height:30px; line-height:25px; font-size:15px; padding:0;}
.head .nav li{ padding:0 0 0 18px;}
.head .h_r a{ font-size:15px;}
.head .h_r a img{ width:18px; height:18px;}
.m_tit em{ font-size:24px;}
.m_tit p{ font-size:14px;}
.i_about dt{ width:345px; height:260px; line-height:260px;}
.i_about dt img{ max-height:260px;}
.i_about dd{ width:385px; height:260px; padding:10px 10px 0;}
.i_about dd .ctn p{ font-size:14px; margin-bottom:10px;}
.i_about{ position:relative; padding-bottom:75px;}
.i_about dd ul{ position:absolute; left:0; top:270px;}
.i_about dd ul li{ width:136px; height:75px; margin-right:15px; background:#fff;}
.main_2 ul li{ width:240px; margin-right:10px;}
.main_2 ul li .tu{ height:151px; line-height:151px;}
.main_2 ul li .tu img{ max-height:151px;}
.main_2 ul li .title{ height:30px; line-height:30px; font-size:16px;}
.main_2 ul li .ctn{ padding-top:5px;}
.main_2 ul li p{ height:65px; overflow:hidden;}
.main_2 ul li .ctn{ height:110px;}
.main_3 dl dt{ width:350px;}
.main_3 dl dt .tu{ height:167px; line-height:167px;}
.main_3 dl dt .tu img{ max-height:167px;}
.main_3 dl dt .ctn, .main_3 dl dd li{ padding:10px 10px 0 85px;}
.main_3 .time{ width:75px; top:10px;}
.main_3 .time p{ font-size:12px;}
.main_3 .tit{ height:25px; font-size:15px;}
.main_3 .des{ line-height:155%;}
.main_3 .time em{ font-size:26px;}
.main_3 dl dt .ctn, .main_3 dl dd li{ height:90px;}
.main_3 dl dd{ width:375px;}
.main_3 dl dd li{ margin-bottom:9px; height:80px;}
.main_3 .des{ height:45px;}
.frd li{ width:140px; height:68px; line-height:68px; margin-right:10px;}
.frd li img{ max-height:68px;}
.foot .f_nav li{ padding:0 25px; height:180px;}
.pro li{ width:236px; margin-right:15px; margin-bottom:15px;}
.pro li .tu img{ max-height:153px;}
.pro li .tu{ height:153px; line-height:153px;}
.pro li p{ height:50px; line-height:50px;}
.scd_nav a{ margin:0 4px 20px; padding:0 20px;}
.position{ height:auto; line-height:35px; padding-top:10px;}
.position span{ height:35px; line-height:35px;}
.position .pst_r{ width:100%; float:none; text-align:left; height:40px; line-height:40px;}
.position .pst_r a{ height:40px; line-height:40px;}
.download li .tit,.download li .des{ width:100%; height:30px; line-height:30px; padding-right:110px;}
.download li{ height:auto;}
.download li .des{ padding-left:30px;}
.download li a{ height:30px; line-height:30px;}
.contact dl dt{ width:100%; float:none; height:550px;}
.contact dl dd{ width:100%; padding:30px 0 0; float:none;}
.news dl dd .tit{ height:50px; line-height:50px;}
.news dl dd .des{ height:73px; margin-bottom:20px;}
.abt_a dl dt{ width:338px; padding-top:60px;}
.abt_a dl dd{ width:390px;}
.abt_a dl dd ul{ width:740px; position:absolute; left:0; bottom:0;}
.abt_a dl{ padding-bottom:180px; position:relative;}
.abt_a dl dd ul li{ width:25%; margin-right:0;}
.abt_b{ padding:12px;}
.abt_b dl dt{ width:366px;}
.abt_b dl dd{ width:335px;}
.abt_b dl dd div{ margin-bottom:8px;}
.abt_b dl dd em{ font-size:16px; margin-bottom:0;}
.abt_c ul li{ width:236px; margin-right:15px;}
.abt_c ul li .tu{ height:303px; line-height:303px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ margin-top:-71px !important; left:0 !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ margin-top:-71px !important; right:0 !important;}
.abt_d .swiper-container{ width:640px;}
.abt_d .line{ margin-top:18px;}
.abt_d .swiper-slide .des{ width:100%;}
.abt_e ul li{ width:236px; margin-right:15px;}
.abt_e ul li .tu{ height:166px; line-height:166px;}
.abt_e ul li .tu img{ max-height:166px;}
.abt_e ul li .tit{ font-size:16px; padding:15px 0 10px;}
.pro_d dl dd{ width:315px;}
.nav li .sub-box{ top:49px;}
.head_bg_fix .nav li .sub-box{ top:53px;}
}
@media screen and (max-width:840px) {
.wrap{width:480px; }
.wap_nav{ display:block;}
.head .nav{ display:none;}
.head .logo{ width:115px; height:32px; margin:25px 0;}
.head{ height:85px; position:relative;}
.head .h_r{ margin-top:25px; padding-right:50px;}
.wap_nav{ width:25px; height:25px; position:absolute; right:0; top:30px;}
.wap_nav .nav_ico{ width:25px; height:25px; cursor:pointer; padding-top:8px;}
.wap_nav .nav_ico span{ display:block; width:25px; height:2px; background:#2F4A8D; position:relative;}
.wap_nav .nav_ico span:before,.wap_nav .nav_ico span:after{ display:block; content:''; width:25px; height:2px; position:absolute; left:0px;background:#2F4A8D;}
.wap_nav .nav_ico span:before{ top:-7px;}
.wap_nav .nav_ico span:after{ bottom:-7px;}
.wap_nav_m .close{ width:40px; height:40px; position:absolute; right:10px; top:10px;}
.wap_nav_m .close span{ display:block; width:25px; height:2px; background:#fff; position:relative; transform:rotate(45deg); margin-top:10px; cursor:pointer;}
.wap_nav_m .close span:before{ display:block; content:''; width:25px; height:2px; background:#fff; position:absolute; left:0; top:0; transform:rotate(-90deg);}
.wap_nav_m ul{ width:100%; text-align:right; padding-top:50px;}
.wap_nav_m ul li{ width:100%; height:45px; line-height:45px; padding-right:20px;}
.wap_nav_m ul li a{ color:#fff;}
.i_about dd ul{ position:static;}
.i_about dt{ width:100%; float:none; height:auto;}
.i_about dd{ width:100%; height:auto; padding:0; background:none; margin-top:20px;}
.i_about dt img{ max-height:363px;}
.i_about dd ul{ width:100%;}
.i_about dd ul li{ width:89px; margin-right:8px;}
.i_about dd ul li p{ font-size:13px;}
.i_about{ padding-bottom:0;}
.main_2 ul li{ width:100%; margin-right:0; margin-bottom:15px;}
.main_2 ul li .tu{ height:auto; line-height:normal;}
.main_2 ul li .tu img{ max-height:302px; width:100%; height:auto;}
.main_3 dl dt{ width:100%; float:none; margin-bottom:15px;}
.main_3 dl dt .tu{ height:229px;}
.main_3 dl dt .tu img{ width:100%; height:auto;max-height:229px;}
.main_3 dl dd{ width:100%; float:none;}
.main_3 dl dd li{ height:90px;}
.frd li{ width:150px; margin-bottom:10px;}
.frd{ padding-bottom:65px;}
.foot .code{ width:100px;}
.foot .code img{ width:100%; height:auto;}
.foot .f_nav{ width:380px;}
.foot .f_nav li{ padding:0 12px; height:160px;}
.foot .code p{ padding-top:10px;}
.copyright,.foot .f_nav li p,.foot .code p{ font-size:12px;}
.copyright .wrap em{ display:none;}
.foot .f_nav li em a{ font-size:14px;}
.pro li{ float:none; width:100%;}
.pro li .tu img{ max-height:310px;}
.pro li .tu{ height:310px; line-height:310px;}
.pro li p{ height:55px; line-height:55px;}
.download li .des{ padding-right:0;}
.contact ul{ padding:30px 20px;}
.contact dl dt{ height:343px;}
.contact ul li{ padding:0 10px;}
.news dl{ width:100%; padding:0; height:auto;}
.news dl dt{ position:static; width:100%; height:auto;}
.news dl dt img{ width:100%; height:auto; vertical-align:top; max-height:357px;}
.news dl dd{ padding:12px;}
.news dl dd .tit{ height:40px; line-height:40px;}
.news dl dd .des{ margin:10px 0;}
.position .pst_r a{ margin-right:30px;}
.abt_a dl{ padding-bottom:0;}
.abt_a dl dt{ padding-top:0; width:100%; margin-bottom:20px;}
.abt_a dl dd{ width:100%;}
.abt_a dl dd ul{ width:100%; position:static;}
.abt_a dl dd ul li .tu{ width:98px; height:98px;}
.abt_b dl dt{ width:100%; margin-bottom:15px;}
.abt_b dl dd{ width:100%;}
.abt_c ul li,.abt_e ul li{ width:235px; margin-right:10px !important; margin-bottom:10px;}
.abt_c ul li:nth-child(2n),.abt_e ul li:nth-child(2n){ margin-right:0 !important;}
.abt_c ul li .tu img{ max-height:303px;}
.abt_c ul li p{ height:35px; line-height:35px; font-size:14px;}
.abt_d .swiper-container{ width:400px;}
.pro_d dl dt,.pro_d dl dt img{ width:100%; line-height:normal; height:auto; vertical-align:top;}
.pro_d dl dd{ width:100%; margin-top:20px;}
.listConts .info{ height:auto; line-height:175%; padding:8px 0; font-size:12px;}
.listConts .title{ font-size:20px; line-height:175%;}
.nav li .sub-box{ display:none;}
}
@media screen and (max-width:540px) {
#feedback{ display:none;}
.wrap{width:320px;}
.s_banner img{ width:130%; margin-left:-15%;}
.head .logo{ width:175px; height:28px; margin-top:20px;}
.head .h_r a:first-child{ display:none;}
.m_tit em{ font-size:18px;}
.m_tit{ padding-top:30px; padding-bottom:20px;}
.i_about dt{ line-height:242px;}
.i_about dt img{ max-height:242px;}
.i_about dd{ margin-top:10px;}
.i_about dd ul li{ width:101px; margin-bottom:8px;}
.i_about dd ul li:nth-child(3n){ margin-right:0;}
.main_1,.main_2{ padding-bottom:40px;}
.main_2 ul li .tu img{ max-height:202px;}
.main_3 dl dt .tu img{ max-height:153px;}
.main_3 dl dt .tu{ height:153px; line-height:153px;}
.main_3 .time{ width:65px;}
.main_3 dl dt .ctn, .main_3 dl dd li{ padding-left:75px;}
.n_more{ padding-top:30px; font-size:13px;}
.n_more a{ font-size:13px;}
.main_3{ padding-bottom:50px;}
.n_more a{ width:160px;}
.n_more a:hover{ width:185px;}
.frd li{ width:155px;}
.frd li:nth-child(2n){ margin-right:0;}
.frd{ padding-bottom:50px;}
.foot .code{ display:none;}
.foot .f_nav{ width:100%;}
.foot .f_nav li{ padding:0 7px;}
.foot .f_nav li:fist-child{ padding-left:0;}
.foot .f_nav li:last-child{ padding-right:0;}
.scd{ padding:60px 0 40px;}
.pro li .tu{ height:206px; line-height:206px;}
.pro li .tu img{ max-height:206px;}
.pro li p{ font-size:14px;}
.p_t0{ padding-top:0;}
.scd_nav a{ margin:0 2px 10px; padding:0 15px;}
.download li .tit{ padding-right:0;}
.download li a{ position:static; margin-left:18px; margin-top:5px;}
.download li{ height:auto; padding:10px;}
.download li .tit{ background-size:12px; padding-left:17px;}
.download li .des,.download li .tit{ float:none;}
.download li .des span{ font-size:12px; padding:0 5px 0 2px; height:15px; line-height:15px;}
.download li .des span:last-child{ padding-left:0;}
.download li .des{ height:auto; padding-bottom:5px; padding-left:18px;}
.contact dl{ padding:20px 15px;}
.contact dl dt{ height:237px;}
.contact dl dd h1{ font-size:18px;}
.contact dl dd p img{ width:23px; height:23px; margin-right:3px;}
.contact dl dd p,.news dl dd .time span{ font-size:12px;}
.contact ul{ padding:20px 15px;}
.contact ul li{ width:100%; padding:0;}
.contact ul li p{ font-size:13px;}
.news dl dd .tit{ font-size:15px;}
.news dl dd .time .more{ width:95px; font-size:12px; height:30px; line-height:30px; margin-top:2px;}
.position .pst_r a{ margin-right:5px; font-size:14px;}
.abt_a{ padding-top:30px;}
.abt_a dl dd h1{ font-size:16px;}
.abt_a dl dd ul li{ width:50%; margin-bottom:15px;}
.abt_c ul li, .abt_e ul li{ width:100%; margin-right:0 !important;}
.abt_d .swiper-container{ width:250px;}
.abt_d .line{ margin-top:-5px;}
:root{--swiper-navigation-size:30px !important;}
.abt_d .main{ padding:5px 0 60px}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ margin-top:-64px !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ margin-top:-64px !important;}
.abt_d .swiper-slide .day{ font-size:30px; height:50px; line-height:50px;}
.pro_d dl dd h1{ font-size:16px;}
.pro_d dl dd .des{ margin-bottom:20px;}
.pro_d dl dd a{ height:32px; line-height:32px; font-size:14px;}
.pro_d .tabBox .tabNav{ padding:0;}
.preNext .actBox li{ margin-left:0;}
.preNext .actBox{ position:static;}
}