@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px) {
.container{/* max-width: 1200px; */}
.logos{ height:60px; margin:34px 0;}
.logos img{ height:60px;}
.encn{ width:150px; height:32px; line-height:32px; font-size:14px; border-radius:15px; margin-top:-16px;  }
/*.search{ position:absolute; left:0; top:50%; margin-top:-16px;}
.search input{ width:200px; height:32px; padding:0 15px 0 30px; background:url(../images/search.png) no-repeat 10px center; background-size:auto 12px;  line-height:30px; font-size:14px; border-radius:16px;}*/
.nav{ height:47px; }
.navlist{/* width:851px; */}
.navlist li{height:46px;line-height:46px;width: 12%;font-size:16px;}
.swiper-pagination{ height:14px; bottom:50px!important;}
.swiper-pagination .swiper-pagination-bullet{ width:14px; height:14px;  margin:0 5px!important;}
.tit{ height:126px;  margin:76px 0 34px 0;}
.tit h3{ font-size:40px; line-height:50px; margin-top:76px;}
.prodnav a{ font-size:20px; line-height:30px; padding-left:42px; margin:0 12px;}
.homeprod{ margin-top:50px; position:relative;}
.homeprod .swiper-slide .txt{ height:68px; line-height:68px; font-size:16px; }
.homeprod .swiper-slide .txt:after{ right:16px;}
.homeprod .swiper-slide .txt a{ padding-left:16px; }
.button-prev,.button-next{margin-top:-54px; }
.more{ margin:55px 0;}
.hbmain{ padding-top:55px;}
.hbtxt h3{ font-size:26px;}
.hbtxt .hben{font-size:16px; }
.hbtxt .hbinfo{ font-size:14px; margin:35px 0;}
.hbtxt .hbmore{ width:170px; height:42px;}
.hbtxt .hbmore a{ line-height:42px; padding-left:42px;}
.hbtxt .hbmore a:after{width:42px; height:42px; }
.workshop{ padding:60px 0; margin-top:-72px; }
.wstit{ font-size:26px;}
.wslist{ margin-top:30px;}
.wslist .swiper-slide .txt{font-size:14px; line-height:50px;}
.ws-prev,.ws-next{ width:34px; height:76px; margin-top:-63px;}
.ws-prev{ left:-34px; background-size:12px auto; }
.ws-next{ right:-34px; background-size:12px auto;}
.techmain{ padding-top:15px;}
.techtxt .thtit01{ font-size:30px;}
.techtxt .thtit02{ font-size:12px;}
.techtxt .thinfo p{ font-size:14px; padding-left:36px; margin-top:30px;}
.thico{ margin:30px 0 60px 0;}
.thico li i{ width:44px;}
.thico li p{ font-size:16px; margin-top:25px;}
.hlnews{ padding-bottom:25px;}
.hlnews .swiper-container{ height:330px;}
.hlnews .swiper-slide{ padding:25px 0; }
.hlnews .swiper-slide .time{ padding:0 12px; }
.hlnews .swiper-slide .time .d{ font-family:Impact; font-size:42px;}
.hlnews .swiper-slide .time .ym{ font-size:12px; margin-top:5px;}
.hlnews .swiper-slide .txt h3{ font-size:22px; }
.hlnews .swiper-slide .txt p{ margin-top:3px;}
.hrnews li{ height:355px;}
.hrnews li .txt{ padding:15px; }
.hrnews li .txt h3{font-size:16px;}
.hrnews li .txt span{ font-size:12px; margin:8px 0 12px 0;}
.hrnews li .txt p{ font-size:14px; }
.indlist{padding:34px 0;}
.indlist li span{font-size:16px; line-height:100px;}
.indlist2{ padding:60px 0 34px 0;}
.partner{ margin:34px 0;}
.footer{ padding:38px 0;}
.dbnav{ line-height:26px;}
.dbnav span{margin:0 28px;}
.copy{ line-height:26px; margin-top:8px;}
.nyban{ height:300px;}
.banwz h3{font-size:60px; margin-top:90px;}
.aboutinfo{margin:85px 0 60px 0;}
.aboutinfo h3{  font-size:20px; }
.aboutinfo p{ font-size:14px; margin-top:16px;}
.course{ margin-bottom:60px;}
.atit{ font-size:26px;}
.a_workshop{  padding:80px 0 40px 0;}
.honor{ padding:60px 0;}
.honorlist{ padding-bottom:54px; margin-top:40px;}
.honorlist .swiper-slide .info{ padding:30px 0 0 24px; margin:8px; box-shadow: 0 0 8px #cccccc;}
.honorlist .swiper-slide .info p{ font-size:14px;}
.honorlist .swiper-scrollbar{ height:12px}
.a_partner{ padding:60px 0;}
.newslist li{ padding-bottom:38px; margin-top:38px; }
.newslist li .txt h3{ font-size:20px; margin-top:38px;}
.newslist li .txt p{  font-size:14px; margin:20px 0 32px 0;}
.newslist li .txt .nmore{ width:140px; height:42px; line-height:42px; font-size:14px;}
.newslist li .img .time{ width:90px; height:85px; }
.newslist li .img .time .d{ margin:8px 0 2px 0;  font-size:48px;}
.newslist li .img .time .ym{ font-size:14px;}
.paging{margin:50px 0;}
.prod{ padding-top:50px;}
.prodlist{ margin-top:50px; }
.prodlist li .txt{ height:68px; line-height:68px; font-size:16px; }
.prodlist i.txt:after{ right:16px;}
.prodlist li .txt a{ padding-left:16px; }
.prodtop{ margin-top:46px;}
.prodtxt h1{font-size:26px; margin:50px 0 15px 0;}
.prodinfo li{ padding:35px 0; }
.prodinfo li b{ font-size:16px; margin-bottom:8px;}
.prodinfo li p{ font-size:14px;}
.prodtit{ line-height:100px;}
.prodtit h3{ font-size:26px;}
.prodshow{  padding:42px; margin-bottom:25px;}
.prodshow table th{ padding:12px 42px; font-size:16px; }
.prodshow table td{ padding:12px 42px; font-size:16px;}
.contact{margin:65px 0;}
.contact li:after{height:50px; }
.contact li i{width:28px; height:28px; margin:11px auto;}
.contact li p{ font-size:14px; line-height:50px;} 
.cooperation{ margin-bottom:65px;}
.map{height:460px;}
.message{ padding:30px 60px 0 60px;}
.message .mtit{ font-size:20px; margin-bottom:30px;}
.message .mlist li .input{ height:40px;line-height:38px; font-size:14px; padding:0 12px; margin-bottom:12px; }
.message .mlist li textarea{ height:90px; line-height:1.5; font-size:14px; padding:8px 12px; margin-bottom:12px; }
.message .mlist li .submit{ height:40px; line-height:40px; font-size:14px;}
.shownews{margin:40px auto;  }
.showtop h1{ font-size:28px;}
.newsinfo{ padding:10px 20px;  }
.newstxt{  padding:0 20px; overflow:hidden; }
}
@media screen and (max-width: 1320px) {
.container{ width:90%; }
}
@media screen and (max-width: 1280px) {
.tit{ height:100px;  margin:50px 0 25px 0;}
.tit h3{ font-size:32px; line-height:40px; margin-top:60px;}
.prodnav a{ font-size:18px; line-height:26px; padding-left:38px; margin:0 10px;}
.homeprod{ margin-top:40px; position:relative;}
.homeprod .swiper-slide .txt{ height:56px; line-height:56px; font-size:14px; }
.homeprod .swiper-slide .txt:after{ right:12px;}
.homeprod .swiper-slide .txt a{ padding-left:12px; }
.button-prev,.button-next{margin-top:-48px; }
.more{ margin:40px 0;}
.button-prev{ left:-50px;}
.button-next{ right:-50px;}
.hbmain{ padding-top:40px;}
.homeabout:after{ height:25%; bottom:6%;}
.hbtxt .hbmore{ margin-bottom:20px;}
.workshop{ margin-top:0; padding:40px 0;}
.technology:after{height:25%; bottom:14%;}
.techtxt .thtit01{ font-size:24px;}
.thico{ margin:20px 0 40px 0;}
.thico li i{ width:36px;}
.thico li p{ font-size:14px; margin-top:20px;}
.hlnews .swiper-container{ height:300px;}
.hlnews .swiper-slide .time .d{ font-size:36px;}
.hlnews .swiper-slide .txt h3{ font-size:18px;}
.hrnews li{ height:325px;}
.more a{width:140px; height:36px; line-height:36px; border-radius:18px;}
.indlist{ padding:25px 0;}
.indlist li span{ line-height:70px;}
.indlist2{ padding:40px 0 25px 0;}
.nyban{ height:260px;}
.banwz h3{font-size:48px; margin-top:80px;}
.aboutinfo{margin:70px 0 50px 0;}
.aboutinfo h3{ }
.aboutinfo p{ margin-top:12px;}
.course{ margin-bottom:50px; width:837px;}
.course .txt{  font-size:12px; }
.course .xian{margin:20px auto; }
.course .xian:after{  width:12px; height:12px; margin-left:-6px; }
.c01 .year{ width:72px; height:72px; line-height:72px; font-size:20px; margin:38px auto 0 auto; }
.c02 .year{ width:120px; height:120px; line-height:120px; font-size:30px; margin:12px auto 0 auto;}
.c03 .year{ width:148px; height:148px; line-height:148px; font-size:42px; margin:0 auto;}
.c04 .year{width:120px; height:120px; line-height:120px; font-size:30px; margin:12px auto 0 auto;}
.c05 .year{width:72px; height:72px; line-height:72px; font-size:20px; margin:38px auto 0 auto;}
.course .c01 .xian{ height:88px;}
.course .c02 .xian{ height:66px;}
.course .c03 .xian{ height:49px;}
.course .c04 .xian{ height:66px;}
.course .c05 .xian{ height:88px;}
.atit{ font-size:24px;}
.a_workshop{  padding:60px 0 30px 0;}
.honor{ padding:50px 0;}
.honorlist{ padding-bottom:40px; margin-top:30px;}
.honorlist .swiper-scrollbar{ height:10px}
.a_partner{ padding:50px 0;}
.newslist li{ padding-bottom:30px; margin-top:30px; }
.newslist li .txt{ width:54%;}
.newslist li .txt h3{ font-size:18px; margin-top:30px;}
.newslist li .txt p{ margin:15px 0 25px 0;}
.newslist li .txt .nmore{ width:120px; height:38px; line-height:38px; font-size:12px;}
.newslist li .img .time{ width:84px; height:80px; }
.newslist li .img .time .d{ margin:8px 0 2px 0;  font-size:42px;}
.newslist li .img .time .ym{ font-size:14px;}
.paging{margin:40px 0;}
.paging a,.paging span{ padding:0 12px; height:36px; line-height:34px; margin:0 3px; }
.prod{ padding-top:40px;}
.prodlist{ margin-top:40px; }
.prodlist li .txt{ height:56px; line-height:56px; font-size:14px; }
.prodlist li .txt:after{ right:12px;}
.prodlist li .txt a{ padding-left:12px; }
.prodtop{ margin-top:35px;}
.prodtxt h1{font-size:22px; margin:35px 0 10px 0;}
.prodinfo li{ padding:25px 0; }
.prodtit{ line-height:80px;}
.prodtit h3{ font-size:22px;}
.prodshow{  padding:35px; margin-bottom:20px;}
.contact{margin:50px 0;}
.contact li:after{height:44px; }
.contact li i{width:24px; height:24px; margin:10px auto;}
.contact li p{  line-height:44px;} 
.cooperation{ margin-bottom:50px;}
.map{height:420px;}
.message{ padding:20px 30px 0 30px;}
.message .mtit{ font-size:18px; margin-bottom:20px;}
.shownews{ margin:30px auto;}
.showtop h1{ font-size: 24px; padding:15px 0;  }
}
@media screen and (max-width: 1060px) {
.contact li{ width:50%;}
.contact li:nth-child(2):after{ display:none;}
}
@media screen and (max-width: 1024px) {
.swiper-pagination{ bottom:30px!important;}
	
.container{ width:100%; padding:0 20px; }
.logos{ margin:20px 0;}
.search{ position:static; width:100%; margin:0 0 20px 0;}
.search input{ width:100%;}
.encn{ width:100%; position:static; margin:0; }
.navlist{ width:100%;}
.navlist li{ width:20%;}
.tit{ height:80px;  margin:40px 0 20px 0;}
.tit h3{ font-size:28px; line-height:34px; margin-top:46px;}
.button-prev{ left:0;}
.button-next{ right:0;}
.ws-prev{ left:20px; }
.ws-next{ right:20px; }
.ws-prev,.ws-next{ width:30px; height:60px; margin-top:-56px;}
.ws-prev{ left:20px; background-size:10px auto; }
.ws-next{ right:20px; background-size:10px auto;}
.hlnews .swiper-container{ height:260px;}
.hlnews .swiper-slide{ padding:20px 0;}
.hlnews .swiper-slide .time{ width:20%;}
.hlnews .swiper-slide .txt{ width:80%;}
.hlnews .swiper-slide .txt h3{ font-size:16px;}
.hrnews li{ height:285px;}
.hrnews li .txt p { font-size:12px;}
.wechat{ display:none;}
.newslist li{ padding-bottom:20px; margin-top:20px; }
.newslist li .txt h3{ font-size:18px; margin-top:20px;}
.newslist li .txt p{ margin:12px 0 20px 0;}
.newslist li .txt .nmore{ width:110px; height:34px; line-height:34px; }
.prodtop{ margin-top:30px;}
.prodtxt h1{font-size:22px; margin:30px 0 10px 0;}
.prodinfo li{ padding:15px 0; }
.prodshow{  padding:20px; }
.map{ width:60%;}
.message{ width:40%;}
}
@media screen and (max-width: 960px) {
.hbimg{ margin-top:5%;}
.techimg{ margin-top:8%;}
}
@media screen and (max-width: 880px) {
.hbimg{ margin-top:10%;}
.techimg{ margin-top:15%;}
.course{ background:none; width:100%;}
.course li.c01,.course li.c02,.course li.c03,.course li.c04,.course li.c05{ width:100%; margin:0; padding:10px 0;}
.c01 .year,.c02 .year,.c03 .year,.c04 .year,.c05 .year{ width:72px; height:72px; line-height:72px; font-size:20px; margin:0; float:left; }
.course .xian{ display:none;}
.course .txt{ float:left; text-align:left; font-size:14px; padding-left:20px; height:72px;display: flex; align-items: center;}
}
@media screen and (max-width: 768px) {
.logos{ margin:15px 0; height:40px;}
.logos img{ height:40px;}
.search{ margin-bottom:15px;}
.nav{ height:41px;}
.nav .container{ padding:0;}
.navlist li{ height:40px; line-height:40px;}
.swiper-pagination{ bottom:20px!important; height:10px;}
.swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px;border:1px solid #ffffff;}
.tit{ height:60px;  margin:20px 0 10px 0;}
.tit h3{ font-size:24px; line-height:30px; margin-top:30px;}
.prodnav a{ font-size:16px; line-height:24px; padding-left:32px; margin:0 8px;}
.homeprod{ margin-top:20px;}
.homeprod .swiper-slide{ width:49%;}
.more{ margin:20px 0;}
.more a{width:120px; height:32px; line-height:32px; border-radius:16px; font-size:12px;}
.homeabout:after{ display:none;}
.hbmain{ padding-top:20px;}
.hbtxt{ width:100%; margin-bottom:40px;}
.hbtxt h3{ font-size:20px;}
.hbtxt .hben{ font-size:14px;}
.hbtxt .hbinfo{ margin:20px 0;}
.hbtxt .hbmore{ margin-bottom:0; width:150px;}
.hbtxt .hbmore a {line-height: 36px; padding-left: 36px; font-size:12px;}
.hbtxt .hbmore a:after{ height:36px; width:36px;}
.hbimg{ width:100%; margin-bottom:20px;}
.hbimg a{ box-shadow:0 0 15px #999999;}
.workshop{ padding:20px 0;}
.wstit{ font-size:20px;}
.wslist{ margin-top:20px;}
.wslist .swiper-slide{ width:49%;}
.technology:after{ display:none;}
.techimg{ width:100%; margin:20px 0 40px 0;}
.techimg img{ box-shadow:0 0 15px #333333;}
.techtxt{ width:100%;}
.techtxt .thtit01{ font-size:20px;}
.thico{ margin:20px 0;}
.thico li i{ width:30px;}
.thico li p{ font-size:12px; margin-top:10px;}
.hlnews{ width:100%; margin-bottom:20px;}
.hrnews{ width:100%;}
.hrnews li{ width:49%;}
.hrnews li:first-child{ margin-left:0;}
.indlist li{ width:25.33%; margin:0 4%;}
.indlist li span{ font-size:14px; line-height:50px;}
.partner{ margin:20px 0;}
.partner .swiper-slide{ width:25%;}
.footer{ padding:20px 0;}
.nyban{ height:220px;}
.banwz h3{font-size:36px; margin-top:65px;}
.aboutinfo{margin:40px 0 20px 0;}
.aboutinfo h3{ font-size:18px; line-height:1.8; }
.aboutinfo p{ margin-top:12px; line-height:1.8;}
.course{ margin-bottom:20px;}
.atit{ font-size:20px;}
.a_workshop{  padding:20px  0;}
.honor{ padding:20px 0;}
.honorlist{ padding-bottom:30px; margin-top:10px;}
.honorlist .swiper-scrollbar{ height:8px}
.a_partner{ padding:20px 0;}
.newslist li{ padding-bottom:20px; margin-top:20px; }
.newslist li .txt { width:100%;}
.newslist li .img { width:100%;}
.prod{ padding-top:20px;}
.prodlist{ margin-top:20px;}
.prodlist li{ width:49%;}
.prodlist li:nth-child(2n){ margin-right:0;}
.prodtop{ margin-top:20px;}
.prodimg{ width:100%;}
.prodtxt{ width:100%;}
.prodtxt h1{ font-size:20px;}
.prodtit{ line-height:60px; margin-top:20px;}
.prodtit h3{ font-size:20px;}
.prodshow{  padding:10px; margin-bottom:10px; }
.prodshow table{ background:#fafafa;}
.prodshow table th{ padding:10px 10px; font-size:14px; }
.prodshow table td{ padding:10px 10px; font-size:14px;}
.contact{ margin:20px 0;}
.contact li{ width:100%;}
.contact li:after{ display:none;}
.cooperation{ margin-bottom:20px;}
.map{ width:100%; height:280px; }
.message{ width:100%; padding:20px;}
.shownews{margin:20px auto;  }
.showtop{ text-align:left; }
.showtop h1{ padding:10px 0; font-size:20px;}
.showtop p span{ margin:0 15px 0 0;  }
.newsinfo{ padding:15px; margin:20px 0; }
.shownews .newstxt{ padding:0; margin:0 auto; width:100%; }
.artpage2 span{ width:100%; padding:10px 0;}
.artpage2 span:first-child{ border-right:none;}
.tuitit{ line-height:50px;  }
.tuitit span{ font-size:20px;  }
.tuilist li{ width:100%;}
}
@media screen and (max-width: 480px) {
.nyban{ height:160px;}
.banwz h3{font-size:24px; margin-top:45px;}
}