@charset "utf-8";
/* CSS Document */

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

.logo img{ height:50px;}
.header{ height:70px; line-height:70px;}
.nav li{ margin:0 16px;}
.nav li>a{ line-height:64px;padding:3px 0; }

.search-btn{margin:10px 15px 0 20px; width:50px; height:50px;}
.search{top:70px;height: 40px;padding: 5px 0px 5px 15px;}

.bantxt{ height:216px; margin-top:-108px;  }
.bantxt h3{font-size:54px;margin-bottom:26px;}
.bantxt p{ font-size:26px;margin-bottom:60px;}
.bantxt a{ font-size:16px;width: 210px;height: 44px;line-height: 40px;}

.himg li a i{ font-size:64px;}
.himg li a p{ font-size:26px;}


.copy{line-height:70px; height:70px;}
.btn{ width:48px; height:50px; left:90%; margin-left:-25px; bottom:70px; }

.mainleft .tit{ height:70px; line-height:70px; font-size:20px;}
.mainnav li{ height:50px; line-height:50px;}
.rtop{ line-height:69px; height:70px;}
.rtop h3{ font-size:24px;}

.newslist li .ntxt{ padding:15px 20px;}
.newslist li .ntxt h3{ font-size:18px; line-height:27px; height:54px;}

.video{ padding:0 20px 20px 0;}
.culture{padding:0 20px 20px 0;}
.idea{padding:0 20px 20px 0;}

.info{font-size: 16px;padding:25px 15px;}

.course{ padding:50px 0; margin-bottom:60px;}
.course ul{ padding:0 60px;}
.course ul::after{left: 66px;}
.course li{ padding:20px 0 20px 25px;}
.course li .time{ width:15%;}
.course li p{ width:85%;}
.course li::after{ width:13px; height:13px; top:21px;}

.cutxt strong{ font-size:20px;}
.cutxt{ font-size:16px;}

.ideatxt{ font-size:18px;}

.prodlist{ margin-bottom:40px;}
.prodlist li .ptxt{ padding:40px 50px 0 50px;}
.prodlist li .ptxt h3{ font-size:20px;}
.prodlist li .ptxt p{ font-size:14px; padding:15px 0 20px 0;}


.recruit{  margin-top:20px;}
.recruit li{ padding:0 30px; margin-bottom:20px;}
.recruit li .retop{ height:78px; line-height:78px; }
.recruit li .retop .retit h3{ font-size:24px; }
.recruit li .retop .retit span{ padding-left:15px; margin-left:15px;}
.recruit li .cols{ width:20px; height:78px;}
.recruit li .remain{  padding-bottom:30px;}

.rename{  font-size:16px; margin-bottom:8px; }
.retxt{  font-size:14px; margin-bottom:20px; padding-bottom:20px;}

.rebottom{ overflow:hidden; padding-top:8px;}
.rebottom .reinfo{ font-size:14px;}
.rebottom a{ width:180px; height:46px; line-height:46px; font-size:16px;}

.footmain{ padding:50px 0 35px 0;}
.dbnav li span{ padding-bottom:20px;}

.fcopy{ height:60px; line-height:60px;}
}

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

.logo img{ height:40px;}
.header{ height:60px; line-height:60px;}

.nav li{ font-size:16px;margin:0 15px;}
.nav li>a{ line-height:56px;padding:2px 0; }
.nav li:hover>a{ border-bottom:2px solid #ffbc01;}

.sub{  line-height:40px; height:40px; }
.sub a{ margin-right:30px; }

.search-btn{margin:5px 10px 0 15px; width:50px; height:50px;}
.search{top:60px;height: 40px;padding: 5px 0px 5px 15px;}

.en{ font-size:16px;}

.bantxt{ height:186px; margin-top:-93px;  }
.bantxt h3{font-size:48px;margin-bottom:20px;}
.bantxt p{ font-size:22px;margin-bottom:50px;}
.bantxt a{ font-size:14px;width: 185px;height: 40px;line-height: 38px;border:1px solid #ffffff;}

.himg li a i{ font-size:58px;}
.himg li a p{ font-size:22px;}

.copy{line-height:60px; height:60px;}
.btn{ width:42px; height:44px; left:92%; margin-left:-21px; bottom:60px; }

.mainleft .tit{ height:60px; line-height:60px; font-size:18px;}
.mainnav li{ height:45px; line-height:45px; font-size:14px;}

.rtop{ line-height:59px; height:60px;}
.rtop h3{ font-size:20px;}

.newslist li .ntxt{ padding:10px 15px;}
.newslist li .ntxt h3{ font-size:16px; line-height:24px; height:48px;}

.showmain{ font-size:14px;}
.showmain p{ margin-top:1em;}

.video{ padding:0 15px 15px 0; margin-top:25px;}
.culture{padding:0 15px 15px 0;margin-top:25px;}
.idea{padding:0 15px 15px 0;margin-top:25px;}

.contact{ padding:20px 0 40px 0;}
.contxt h3{ font-size:26px; margin-bottom:20px;}
.contxt p{ font-size:16px;} 
.contxt img{ margin-top:20px;}

.message li .input{ height:40px; font-size:14px; line-height:38px;}
.message li textarea{ font-size:14px; height:100px;}
.message li label{ font-size:14px; line-height:40px;}
.message li img{ height:30px; margin:5px;}
.message li .submit{ width:120px; height:40px; line-height:40px; font-size:16px;}
.my-map { height: 360px;margin-bottom:40px; }


.course{ margin-bottom:40px;}
.course li .time b{ font-size:20px;}
.course li .time span{ font-size:14px;}
.course li p{ font-size:14px; }

.ideatxt{ font-size:16px;}

.prodlist{ margin-bottom:20px;}
.prodlist li .ptxt{ padding:30px 40px 0 40px;}
.prodlist li .ptxt h3{ font-size:18px;}
.prodlist li .ptxt p{ font-size:14px; padding:10px 0 15px 0;}

.recruit li{ padding:0 20px; margin-bottom:15px;}
.recruit li .retop{ height:70px; line-height:70px; }
.recruit li .retop .retit h3{ font-size:20px; }
.recruit li .retop .retit span{ padding-left:10px; margin-left:10px;}
.recruit li .cols{ width:20px; height:70px;}
.recruit li .remain{  padding-bottom:20px;}

.rename{ margin-bottom:5px; }
.retxt{ margin-bottom:15px; padding-bottom:15px;}

.rebottom{ padding-top:5px;}
.rebottom a{ width:150px; height:40px; line-height:40px; font-size:14px; margin-top:8px;}

.footmain{ padding:40px 0 30px 0;}
.fcopy{ height:50px; line-height:50px;}
}

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

.nav li{ margin:0 10px; font-size:14px;}
.sub a{ margin-right:20px;  }

.container{ width:96%; }
.container2{ width:96%; }


.prodlist li .pimg{ width:50%;}
.prodlist li .ptxt{ width:50%;padding:30px 30px 0 30px;}
.prodlist li .ptxt p{ line-height:1.6; }
}

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

.nav li{ margin:0 5px; }
.sub a{ margin-right:10px; }
.search-btn{margin:5px 5px 0 10px; }

.bantxt{ height:169px; margin-top:-84px; }
.bantxt h3{font-size:38px;margin-bottom:18px;}
.bantxt p{ font-size:20px;margin-bottom:45px;}
.bantxt a{ font-size:14px;width: 170px;height: 36px;line-height: 34px;}

.himg li a i{ font-size:48px;}
.himg li a p{ font-size:18px;}

.copy{line-height:50px; height:50px;}
.btn{ width:36px; height:38px; left:auto; right:20px; margin-left:-18px; bottom:20px; }

.mainleft .tit{ height:50px; line-height:50px; font-size:16px;}
.mainnav li{ height:40px; line-height:40px; font-size:14px;}

.rtop{ line-height:49px; height:50px;}
.rtop h3{ font-size:18px;}

.newslist li .ntxt{ padding:10px 15px;}
.newslist li .ntxt h3{ font-size:14px; line-height:21px; height:42px;}



.page{  padding:40px 0;}
.page a{ width:36px; height:36px; line-height:36px; }
.page span{ width:36px; height:36px; line-height:36px; }
}


@media screen and (max-width: 768px) {
.head2{ position:fixed; }
.head2 .nav-toggle span{ background:#333333;}
.head2 .nav li{ color:#ffffff;}

.search2{ top:60px;}

.ban{ overflow:hidden; width:100%; margin-top:60px;}
.ban img{ width:180%; margin-left:-40%;}

.container{ width:96%;}
.nav{ display:none;}
.nav{ width:100%; position:fixed; top:60px; left:0; border-top:1px solid #ffffff;}
.nav li{ width:100%; margin:0; text-align:left;}
.nav li>a{background-color: rgba(0,0,0,0.7);line-height:40px; padding:0 20px; font-size:16px;border-bottom:1px solid #ffffff; }
.nav li:hover>a{border-bottom:1px solid #ffffff;}
.sub{background-color: rgba(0,0,0,0.5); height:auto;  line-height:auto; overflow:hidden;  position:static; width:100%; padding-left:0!important;border-bottom:1px solid #ffffff;}
.sub a{ width:100%; display: block; margin:0; text-align:left; line-height:36px; padding:0 30px;}

.nav-toggle{display: block;}

.bantxt{ padding:0; text-align:center; height:145px; margin-top:-72px;}
.bantxt h3{font-size:32px;margin-bottom:15px;}
.bantxt p{ font-size:18px;margin-bottom:40px;}
.bantxt a{ font-size:14px;width: 120px;height: 32px;line-height: 30px; margin:0 auto; text-align:left; }

.himg{ width:100%;}
.himg li{ width:80%; float:none; margin:10px auto; height:30%; overflow:hidden; background-color: rgba(0,0,0,0.4);}
.himg li img{ float:left; width:40%;}
.himg li a{  width:60%; height:100%; right:0; top:0; left:auto;}
.himg li a i{ font-size:42px;font-family:Impact;font-style: normal; }
.himg li a p{ font-size:18px; font-weight:normal; margin-top:15px;}


.btn{ bottom:60px; left:50%; margin-left:-18px; }

.copy{ line-height:20px; padding:5px 0;}

.main{ margin-top:0;}
.mainleft{ display:none;}
.mainright { width:100%;}

.newslist li{ width:46%; margin:4% 2% 0 2%!important;}

.video{ width:100%; padding:0 15px 15px 0; margin:20px 0 10px 0;}
.culture{ width:100%; padding:0 15px 15px 0; margin:20px 0 10px 0;}
.idea{ width:100%; padding:0 15px 15px 0; margin:20px 0 10px 0;}

.showmain{ margin-bottom:20px;}
.syaby{ margin-bottom:40px;}
.syaby li{ width:50%; margin:10px 0; }

.contact{ padding:20px 0 10px 0;}
.contxt{ width:100%;}
.contxt h3{ margin-bottom:10px; font-size:20px;}
.contxt img{ height:40px;}

.message{ width:100%; margin-top:20px;}
.message li .w49{ width:100%; margin-top:10px;}
.message li .submit{ width:100%; margin-top:10px;}

.my-map { height: 300px; margin-bottom:20px;}


.info{ padding:20px 0; font-size:14px;}

.course{ padding:30px 0; margin-bottom:20px;}
.course ul{ padding:0 30px;}
.course ul::after{left: 36px;}
.course li{ padding:15px 0 15px 25px;}
.course li .time{ width:20%;}
.course li p{ width:80%;}
.course li::after{ top:16px;}

.cutxt strong{ font-size:18px;}
.cutxt{ font-size:14px;}

.prodlist{ margin-bottom:0;}
.prodlist li .pimg{ width:100%;}
.prodlist li .ptxt{ width:100%;padding:20px;}
.prodlist li .ptxt p{ line-height:1.8; }

.reinfo { width:100%; float:none;}
.rebottom a{ display:block; float:none; margin:10px auto 0 auto;}

.footmain{ display:none;}
.fcopy{ line-height:1.5; padding:10px; height:auto;}

.showtop h1{ font-size:20px;}
.showtop .showcs{ margin:5px 0; }
.artpage2 span{width: 100%}
.artpage2 span:first-child{border-right:none;}
}