@charset "utf-8";

/* CSS Document */

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

.dbnav li.dbcontact{ width:540px;}





}



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



.header{  height:76px;  }

.logos img{ height:76px; }



.nav{ line-height:76px;  font-size:15px;}

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


.nav li .wapsub{top:76px; }
.nav li .wapsub2 a{  padding:0 8px; height:42px; line-height:42px; font-size:13px; }

.nav li .wapsub1{ padding:16px 8px;width: 650px; }
.nav li .wapsub1 .lisub{ padding:0 8px; }
.nav li .wapsub1 .lisub>a{ height:34px; line-height: 32px; font-size:13px;  }
.nav li .wapsub1 .lisub .zsub a{ margin-top:8px; height:34px; line-height: 32px;  font-size:13px; }




.tel a{ background-size:18px;}

.lang a{ line-height:76px; font-size:13px; }




.nav_sub{ top:76px; }

.nav_sub ul li>a{ border-radius:6px;  height: 42px; line-height: 40px; font-size:14px; }
.nav_sub ul li .zsub a{ border-radius:6px;  height: 42px; line-height: 40px; font-size:14px;  }






.banmain{margin-top:76px; }







.bantxt{ width:600px; height:430px;  margin-top:-215px; padding:60px 55px; }

.bantxt .btop{margin-top:12px;}

.bantxt .btop img{ height:90px;}

.bantxt .binfo{ margin-top:34px; font-size:14px; }

.bantxt .bmore{ font-size:20px; border-bottom:2px solid #61146c;line-height:72px; }

.bantxt .bmore span{ font-size:16px; }



.homeprod li .title{ line-height:78px; font-size:18px;}

.homeprod li .title span{ margin:0 17px 0 30px; }

.homeprod li .more{ height:136px; }

.homeprod li .more span{ margin-top:-16px; height:31px; line-height:30px; font-size:13px; width:108px;}

.homeprod li:hover .more span{margin-right:-130px;}





.rd{ padding:60px 0;}

.rd .img{ height:393px; border-radius:76px 0 76px 0; }

.rd .txt h2{ font-size:84px; margin-top:26px; }

.rd .txt h3{ font-size:40px; margin-top:4px; }

.rd .txt p{ font-size:18px; margin-top:17px;}

.rd .txt .more{ width:186px; height:50px; line-height:50px; border-radius:8px 0 8px 0; font-size:18px; margin-top:50px;}





.homenews{ padding:60px 0;}

.homenews .img .info{ width:255px; height:136px;  padding:20px 0 0 30px;}

.homenews .img:after{ height:136px; width:34px; right:-34px; }

.homenews .img .info h3{ font-size:18px;}

.homenews .img .info .more span{ width:110px; line-height:28px; height:29px; font-size:13px; top:8px; }

.homenews .img:hover .info .more span{ margin-right:-110px; }







.footer{ padding:42px 0 25px 0;}

.dbinfo{ padding-left:0;}

.dbinfo .dblogo{ padding-left:5px;}

.dbinfo .dblogo img{ height:32px; }

.dbinfo .dbico{ margin:35px 0; }

.dbinfo .dbico a{ margin-left:20px;}

.dbinfo .dbico img{ width:24px;}

.dbinfo p{ font-size:14px;}





.dbnav li{ margin-right:40px;}

.dbnav li>a{ font-size:18px;}

.dbnav li .sub{ margin-top:7px;}

.dbnav li .sub a{ font-size:14px; }

.dbnav li .sub p{ font-size:14px;}



.dbnav li.dbcontact{ width:480px;}



.nyban{ height:438px; }

.nbtxt{ margin-top:-42px; }

.nbtxt h3{ font-size:50px;}

.nbtxt p{ font-size:18px; }

.banbj .nylower{ margin-left:-18px; bottom:60px;}





.nynav{ margin-top:-52px;}

.nynav li{ line-height:42px;  margin-top:10px; font-size:18px; margin-right:4px;}

.nynav li a{padding:0 21px;}

.nynav li:hover,.nynav li.on{  font-size:20px; }

.nynav li:hover a,.nynav li.on a{padding-top:10px;}



.a_content{ padding:68px 34px 34px 34px; font-size:18px; }

.a_content h3{ font-size:30px; margin-bottom:18px;}

.a_img{  margin-bottom:34px;}







.honor{ padding:46px;}

.htit{ padding-bottom:32px; }

.htit h3{ font-size:30px;margin-top:18px;}

.htit a{ height:48px; width:187px; font-size:18px; border-radius:7px 0 7px 0; line-height:48px;}



.honorlist{margin-top:34px;}

.honorlist li span{  font-size:20px; margin:20px 0;}



.honorlist2{ margin-top:34px;}

.honorlist2 li span{ font-size:20px; margin:20px 0;}



.anchorfree{ padding:120px 0 90px 0;}

.anchorfree .txt{ padding:0 30px;}

.anchorfree .txt h3{ font-size:26px; }

.anchorfree .txt .info{ font-size:18px; margin-top:17px;}

.anchorfree .img{ border-radius:85px 0 85px 0; }







.newslist{ margin-top:60px;}

.newslist li{ margin-bottom:38px; }

.newslist li .img{  padding-left:120px; }

.newslist li .img .time{ left:8px; top:8px;}

.newslist li .img .time .ym{ font-size:18px; line-height:30px; }

.newslist li .img .time .d{font-size:30px; }

.newslist li .img .imgbj{height:326px;}



.newslist li .txt{ padding:34px 34px 0 34px; }

.newslist li .txt h3{ font-size:20px; margin:15px 0; }

.newslist li .txt .info{ font-size:18px; }

.newslist li .txt .more{ height:48px; width:187px; font-size:18px; border-radius:7px 0 7px 0; line-height:48px; margin-top:30px;}



.newsmore{ height:40px; border-radius:20px; line-height:38px; font-size:16px; margin:68px 0;} 





.contact_main{ height:450px;  }

.contact_main .contxt{ padding:35px 35px 0 35px;  }

.contact_main .contxt h3{ font-size:24px; margin:25px 0; }

.contact_main .conlist p{ font-size: 14px; line-height:25px;  }





.events_ban{ height:500px;  }





.events_ban-next,.events_ban-prev{ width:50px;height:68px; margin-top:-34px;}

.events_ban-next{ border-radius:6px 0 6px 0; }

.events_ban-prev{ border-radius:6px 0 6px 0;}




.course{ padding-top:34px; }
.course .ctit{ font-size:30px;}


.prodmain .prodleft .prodtit{ font-size:18px; }
.prodmain .prodleft .produl li{ font-size:16px; }

.prodlist li .title{ height:42px; line-height:42px; font-size:16px; padding:0 8px; }
.prodlist li .title:after{ width:26px; height:26px; right:8px; top: 8px; }




.message{ width:760px; }
.message li.info{ font-size:16px; line-height:42px;  }
.message li .title{ height:42px; line-height: 42px; font-size:16px; }
.message li .title span{ margin-left:10px; font-size:20px; }
.message li .input>label{ font-size:16px; margin-right:20px; line-height: 42px; }
.message li .input>input{ height: 42px; padding:0 12px; font-size:16px; line-height:40px;}
.message li .input>textarea{ height: 170px; padding:10px 12px; font-size:16px; }
.message li.btn input{ width:150px; height: 42px; margin:0 25px; font-size:16px; }

.showtxt video{ width:760px; height:420px;}


}



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

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


.nav li .wapsub2 a{ font-size:12px; }

.nav li .wapsub1{ width: 610px; }
.nav li .wapsub1 .lisub{ }
.nav li .wapsub1 .lisub>a{ font-size:12px; }
.nav li .wapsub1 .lisub .zsub a{ font-size:12px; }



.banbj .ban-pagination{ top:35%; }





.rd .img{ height:360px; border-radius:64px 0 64px 0; }



.rd .txt{ width:50%;}

.rd .txt h2{ font-size:70px; margin-top:22px; }

.rd .txt h3{ font-size:34px; margin-top:3px; }

.rd .txt p{ font-size:16px; margin-top:14px;}

.rd .txt .more{ width:158px; height:42px; line-height:42px; border-radius:7px 0 7px 0; font-size:16px; margin-top:42px;}



.dbinfo .dbico{ margin:30px 0; }

.dbinfo  p{ font-size:12px;}





.dbnav li{ margin-right:40px;}

.dbnav li>a{ font-size:16px;}

.dbnav li .sub{ margin-top:8px;}

.dbnav li .sub a{ font-size:12px; line-height:26px;}

.dbnav li .sub p{ font-size:12px; margin-bottom:6px;}



.dbnav li.dbcontact{ width:420px;}



.nyban{ height:372px;}





.newslist{ margin-top:50px;}

.newslist li{ margin-bottom:32px; }

.newslist li .img{  padding-left:100px; }

.newslist li .img .time{ left:7px; top:7px;}

.newslist li .img .time .ym{ font-size:16px; line-height:25px; }

.newslist li .img .time .d{font-size:24px; }

.newslist li .img .imgbj{height:277px;}



.newslist li .txt{ padding:28px 28px 0 28px; }

.newslist li .txt h3{ font-size:18px; margin:0 0 10px 0; }

.newslist li .txt .info{ font-size:16px; }

.newslist li .txt .more{ height:40px; width:160px; font-size:16px; border-radius:6px 0 6px 0; line-height:40px; margin-top:25px;}



.newsmore{ height:40px; border-radius:20px; line-height:38px; font-size:16px; margin:58px 0;} 





.honorlist{margin-top:28px;}

.honorlist li span{  font-size:18px; margin:18px 0;}



.honorlist2{ margin-top:28px;}

.honorlist2 li span{ font-size:18px; margin:18px 0;}







.showtop h1{ font-size:24px; }

.showtop p{ font-size:14px; margin-top:12px;}



.showtxt{ font-size:16px;}

.showtxt video{ width:640px; height:360px;}


.sxp{ font-size:14px; line-height:30px;}

.fanhui{ width:170px; height:40px; line-height:40px; font-size:14px; margin-top:10px;}





.contact_main{ height:400px; }

.contact_main .contxt{ padding:30px 30px 0 30px; width:40%;  }

.contact_main .contxt h3{ font-size:20px; margin:15px 0; }



.contact_main .map{ width:60%; }



.events_ban{ height:420px;  }





.events_ban-next,.events_ban-prev{ width:42px;height:58px; margin-top:-28px;}

.events_ban-next{ border-radius:5px 0 5px 0; }

.events_ban-prev{ border-radius:5px 0 5px 0;}




.course .ctit{ font-size:26px;}

.course_main{margin:15px 0 50px 0;}

.courselist li:after{ top:17px; }

.courselist li .txt{ padding-left:130px; }
.courselist li.li02 .txt{ padding-right:130px; }
.courselist li .txt h3{ font-size:24px;  }



.prodmain .prodleft .prodtit{ font-size:16px; }
.prodmain .prodleft .produl li{ font-size:14px; }

.prodlist li .title{ height:36px; line-height:36px; font-size:14px; padding:0 7px; }
.prodlist li .title:after{ width:22px; height:22px; right:7px; top: 7px; }


.message{ width:640px; }



}



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

.dbnav li.dbcontact{ width:350px;}	

}



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

.header{  height:64px;  }

.logos img{ height:64px; }



.nav{ line-height:64px; font-size:13px;}

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


.nav li .wapsub{ top:64px;}

.nav li .wapsub1{ width: 580px; }




.tel a{ background-size:16px;}

.lang a{ line-height:64px; font-size:12px; }




.nav_sub{ top:64px; }
.nav_sub ul li>a{ border-radius:5px;  height: 36px; line-height: 34px; font-size:12px; }
.nav_sub ul li .zsub a{ border-radius:5px;  height: 36px; line-height: 34px; font-size:12px; }







.banmain{margin-top:64px; }



.banbj .ban-pagination{ top:30%; }







.bantxt{ width:510px; height:360px;  margin-top:-180px; padding:50px 0 50px 46px; }

.bantxt .btop{margin-top:10px;}

.bantxt .btop img{ height:70px;}

.bantxt .binfo{ margin-top:28px; font-size:12px; }

.bantxt .bmore{ font-size:18px; border-bottom:1px solid #61146c;line-height:60px; }

.bantxt .bmore span{ font-size:14px; }





.homeprod li .title{ line-height:66px; font-size:16px;}

.homeprod li .title span{ margin:0 15px 0 25px; }

.homeprod li .more{ height:114px; }

.homeprod li .more span{ margin-top:-16px; height:31px; line-height:30px; font-size:12px; width:100px;}

.homeprod li:hover .more span{margin-right:-120px;}





.rd .txt h2{ font-size:60px; margin-top:18px; }

.rd .txt h3{ font-size:28px; margin-top:2px; }

.rd .txt p{ font-size:16px; margin-top:12px;}

.rd .txt .more{ width:134px; height:36px; line-height:36px; border-radius:6px 0 6px 0; font-size:14px; margin-top:35px;}



.dbnav li.dbcontact{ width:240px;}





.nyban{ height:316px; }

.nbtxt{ margin-top:-36px; }

.nbtxt h3{ font-size:42px;}

.nbtxt p{ font-size:16px; }

.banbj .nylower{ margin-left:-16px; bottom:50px;}





.nynav{ margin-top:-44px;}

.nynav li{ line-height:36px;  margin-top:8px; font-size:16px; margin-right:3px;}

.nynav li a{padding:0 18px;}

.nynav li:hover,.nynav li.on{  font-size:18px; }

.nynav li:hover a,.nynav li.on a{padding-top:8px;}



.a_content{ padding:58px 34px 29px 29px; font-size:14px; }

.a_content h3{ font-size:25px; margin-bottom:15px;}

.a_img{  margin-bottom:28px;}





.honor{ padding:38px;}

.htit{ padding-bottom:26px; }

.htit h3{ font-size:24px;margin-top:16px;}

.htit a{ height:40px; width:160px; font-size:16px; border-radius:6px 0 6px 0; line-height:40px;}







.anchorfree{ padding:100px 0 76px 0;}

.anchorfree .txt{ padding:0 25px;}

.anchorfree .txt h3{ font-size:22px; }

.anchorfree .txt .info{ font-size:16px; margin-top:15px;}

.anchorfree .img{ border-radius:70px 0 70px 0; }





.newslist{ margin-top:42px;}

.newslist li{ margin-bottom:28px; }

.newslist li .img{  padding-left:85px; }

.newslist li .img .imgbj{height:235px;}



.newslist li .txt{ padding:20px 20px 0 20px; }

.newslist li .txt h3{ font-size:18px; }

.newslist li .txt .info{ font-size:14px; }



.newsmore{ margin:50px 0;} 





.contact_main{ height:auto; }





.contact_main .contxt{ padding:20px; width:100%;  }

.contact_main .contxt h3{ font-size:20px; margin:0; text-align:left;  }



.contact_main .map{ width: 100%; height: 350px; }




.course{ padding-top:29px;}



}



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

.dbnav li.dbcontact{ width:160px;}





}



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

.header{ padding-left:0; padding-left:20px;}

.nav{ display:none;}

.nav-btn{ display:block; width:64px;}

.logos{ width:auto;}

.lang{ width:64px;}

.tel{ width:64px; border-right:1px solid #ebecf0;}



.nav{ width:100%; position:fixed; top:64px; left:0; border-top:1px solid #ffffff; z-index:1000; background: none; background:#3c5d62; line-height:0; display:none;}

.nav li{ width:100%; margin:0; text-align:left;}

.nav li>a{line-height:48px; padding:0 20px; font-size:16px;border-bottom:1px solid #ffffff; display:block;  }

.nav li:hover>a{border-bottom:1px solid #ffffff;}



.nav li .wapsub{ position: static; }
.nav li .wapsub2 a{ height:40px; line-height: 40px; padding:0 20px; font-size: 14px; }


.nav li .wapsub1{ width:100%; padding:0; }
.nav li .wapsub1 .lisub{ width:100%; padding:0; }
.nav li .wapsub1 .lisub>a{padding:0 20px; border-radius:0; height: 40px; line-height: 40px; border:none; text-align:left; font-size:14px; }
.nav li .wapsub1 .lisub .zsub a{ padding:0 0 0 20px; width: 50%; float:left; margin-top:0; border-radius:0; height:40px; line-height: 40px; text-align:left; font-size:14px; border:none;}




.nav_sub{ display: none !important; }



.rd{ padding:50px 0;}

.banner{ padding-right:64px;}

.banmain .banbj{ width:64px;}

.banbj .ban-pagination{ top:30%;  margin-top:-90px; }
.banbj .ban-pagination:after{ height:20px; top:55px; }
.banbj .ban-pagination:before{ height:20px; bottom:55px; }
.banbj .ban-pagination .swiper-pagination-bullet{ margin:30px 0; }






.homenews{ padding:50px 0;}

.homenews .img{ width:48%;}

.homenews .img:after{ display:none;}

.homenews .img .info{ width:100%; position:static; height:auto; overflow:hidden; padding:20px;}

.homenews .img .info .more{ height:29px; margin-top:5px;}

.homenews .img .info .more span{ top:0;}

.footer{ padding:20px 0;}

.dbinfo{ width:100%;}

.dbinfo .dblogo{ padding:0;}

.dbinfo .dblogo img{ margin:0 auto;}

.dbinfo .dbico{ text-align:center; margin:20px 0;}

.dbinfo .dbico a{ margin:0 10px;}

.dbinfo p{ text-align:center;}



.dbnav{ display:none;}





.anchorfree{ padding:50px 0;}

.anchorfree .txt{ padding:0; margin-bottom:30px; width:100%;}

.anchorfree .img{ border-radius:60px 0 60px 0; width:100%; }



.showtop h1{ font-size:20px; }

.showtop p{ font-size:12px; margin-top:10px;}



.sxp{ font-size:14px; line-height:30px;}

.fanhui{ width:140px; height:36px; line-height:36px; font-size:12px; margin-top:12px;}




.course .ctit{ font-size:22px;}

.course_main{margin:10px 0 40px 0;}

.courselist li:after{ top:17px; }
.courselist li .txt .info{ font-size:14px;}



.prodmain .prodleft{width: 100%; float: none;  }
.prodmain .prodleft .produl{ padding:10px; }

.prodmain .prodright{ width: 100%; float: none; margin-top:3%; }

}







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

.container{ padding:0 20px; width:100%;}



.banmain{ display:none;}

.wapban{ display:block;margin-top:64px; }





.homeprod li{ width:50%; border-bottom:1px solid #f0eeee;}

.homeprod li .more{ height:70px;}





.rd{ padding:20px 0;}

.rd .img{ width:100%; height:200px;}

.rd .txt{ width:100%;}

.rd .txt h2{ font-size:42px;}

.rd .txt h3{ font-size:20px;}

.rd .txt p{ font-size:14px; margin-top:5px;}

.rd .txt .more{ margin-top:20px;}



.homenews{ padding:20px 0;}

.homenews .img{ width:100%;}







.banmain2{ display:block;}

.banmain2 .banbj{ display:none;}

.nyban{ height:220px; width:100%; }



.nbtxt{ padding-left:20px; margin-top:-36px; }

.nbtxt h3{ font-size:32px;}

.nbtxt p{ font-size:16px; }

.banbj .nylower{ margin-left:-16px; bottom:50px;}





.nynav{ margin-top:20px;}

.nynav li{  margin-top:0; width:48%; text-align:center; margin:1%; }

.nynav li a{padding:0; }

.nynav li:hover,.nynav li.on{  font-size:16px; margin-top:1%; }

.nynav li:hover a,.nynav li.on a{padding-top:0;}



.a_content{ padding:20px 0;  }

.a_content h3{ font-size:22px; margin-bottom:10px; line-height:1.2;}

.a_img{  margin-bottom:20px;}





.honor{ padding:20px 0;}

.htit{ padding-bottom:10px; }

.htit h3{ font-size:20px;margin-top:10px;}

.htit a{ height:32px; width:120px; font-size:14px; border-radius:5px 0 5px 0; line-height:32px;}



.honorlist{margin-top:20px;}

.honorlist li span{  font-size:16px; margin:10px 0;}

.honorlist li{ width:50%; padding:1%; margin:0; }

.honorlist2{ margin-top:20px;}

.honorlist2 li span{ font-size:16px; margin:10px 0;}

.honorlist2 li{ width:50%; padding:1%; margin:0; }



.anchorfree{ padding:20px 0;}

.anchorfree .txt{ margin-bottom:20px; }

.anchorfree .txt h3{ font-size:20px; }

.anchorfree .txt .info{ font-size:14px; margin-top:10px;}

.anchorfree .img{ border-radius:40px 0 40px 0; }





.newslist{ margin-top:20px;}

.newslist li{ margin-bottom:20px; }

.newslist li .img{  padding-left:0; width:100%; }

.newslist li .img .time{ display:none;}

.newslist li .img .imgbj{height:200px;}



.newslist li .txt{ padding:10px 10px 0 10px; width:100%; }

.newslist li .txt h3{ font-size:18px; }

.newslist li .txt .info{ font-size:14px; }

.newslist li .txt .more{ height:32px; width:120px; font-size:14px; border-radius:5px 0 5px 0; line-height:32px; margin-top:15px;}



.newsmore{ margin:0 0 20px 0;} 





.showtop{ padding:10px 0; }

.showtop h1{ font-size:18px; }

.showtop p{ font-size:12px; margin-top:10px;}

.showtxt{ padding:20px 0;}

.showtxt video{ width:100%; height:300px;}


.showbottom{ padding:20px 0;}

.sxp{ font-size:14px; line-height:30px; width:100%; float:none;}

.fanhui{ width:120px; margin-top:10px; float:none;}

.events_ban{ height:260px; width:100%;  }

.events_ban-next,.events_ban-prev{ width:36px;height:50px; margin-top:-25px;}




.course{padding-top:20px;}
.courselist:after{ margin-left:0; left:29px;}

.courselist li{ margin-left:0; width:100%; margin:10px 0;}
.courselist li.li02{ margin-right:0; }
.courselist li .txt{ padding-right:0; text-align:left; padding-left:60px; min-height:auto; margin-bottom:20px;}
.courselist li .txt p{ margin-bottom:10px;}
.courselist li:after{ right:auto; left:23px;}
.courselist li .txt h3{  }
.courselist li .txt h3:after{ right:0; left:-15px; width:10px;}

.courselist li.li02:after{ right:auto; left:23px;}
.courselist li.li02 .txt{ padding-right:0; text-align:left; padding-left:60px;}
.courselist li .txt h3{ font-size:20px;  }
.courselist li.li02 .txt h3:after{ right:0; left:-15px; width:10px;}




.prodmain .prodright{ margin-top:0; }

.prodlist li{ width:48.5%; margin:3% 0 0 0;  }
.prodlist li:nth-child(2n){ margin-left:3%; }


.message{ width:100%; }
.message li.info{ line-height:1.5;  margin-bottom:10px; }
.message li .input>label{ display:inline-block; }
.message li.btn{ margin-top:20px; }
.message li.btn input{ width:30%; margin:0 5%;  }

}

@media screen and (max-width: 480px) {
	
	.showtxt video{ width:100%; height:240px;}

}