@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 #1897e6;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:700px; }
.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;}
.infoo{ 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{ }
.contact_main .contxt{ padding: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:600px;}
.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{}
.contact_main .contxt{ padding: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:50px; }
.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 #1897e6;line-height:60px; }
.bantxt .bmore span{ font-size:14px; }
.homeprod li .title{ line-height:66px; font-size:16px;}
.homeprod li .title span{ margin:0 5px 0 5px; }
.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:500px; }
.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;}
.infoo{ 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; }
.nav{ display:none;}
.nav-btn{ display:block; width:64px;}
.logos{ width: auto; margin-top:0px;}
.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:#1897e6; 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) {
.page {margin-top: 30px;}
.page a{width:30px;line-height:30px;font-size: 12px;}
.container{ padding:0 10px; 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%;}
.rd .txt{ width:100%;}
.rd .txt h2{ font-size:20px;}
.rd .txt h3{ font-size:16px;}
.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:300px; 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:14px; 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;}
.infoo{ 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%;  }
.new-header{ height:40px; line-height:40px; margin-top:20px; margin-bottom:20px;}
.new-header .left {font-size:28px;color: #222222;float: left; font-weight:bold;}
.new-header .right {font-size:16px;float: right;display: table-cell;vertical-align: bottom;height: 1.05rem;}
.new-header .right a {color: #333;padding-right:30px;background-image: url(../images/smleft.png);
background-position: right center;background-size: 16% 70%;background-repeat: no-repeat;overflow: hidden;webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
}
@media screen and (max-width: 480px) {.showtxt video{ width:100%; height:240px;}}