@charset "utf-8";

/* CSS Document */



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



.nav{margin-left:20px;}

.nav li{ font-size:18px; }

.nav li a{ padding:0 28px; }



}



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

.haeder{ height:80px; }



.haeder .logos img{ height:80px;}

.nav{margin-left:18px;}

.nav li{ font-size:16px; line-height:80px; }

.nav li a{ padding:0 22px; }



.haeder .hrig{padding:0 15px;}

.haeder .en{ height:80px; line-height:80px; font-size:16px;}

.haeder .search-btn{height:80px; line-height:80px;}

.search{top:110px;}



.bantxt{ height:210px; margin-top:-105px;}

.bantxt h3{ font-size:46px; margin-bottom:25px;}

.bantxt p{ font-size:20px; margin-bottom:70px;}

.bantxt a{ display:block; width:240px; line-height:44px; height:50px;}

.shares li{ margin:0 25px;}



.newsban .swiper-button-prev,.newsban .swiper-button-next{ width:40px; height:80px; margin-top:-40px;}

.newsban .swiper-button-prev{ margin-left:-80px;}

.newsban .swiper-button-next{margin-right:-80px;}



.honorlist .swiper-button-prev{ left:-60px;}

.honorlist .swiper-button-next{ right:-60px;}

}



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



.haeder{ height:70px;}

.haeder .logos img{ height:70px;}

.nav{margin-left:15px;}

.nav li{ font-size:14px; line-height:70px; }

.nav li a{ padding:0 16px; }



.haeder .hrig{padding:0 10px;}

.haeder .en{ height:70px; line-height:70px; font-size:14px;}

.haeder .search-btn{height:70px; line-height:70px; width:50px;}

.search{top:90px;}

.search .container2{padding: 5px 0px 5px 15px;}



.bantxt{ height:188px; margin-top:-94px;}

.bantxt h3{ font-size:42px; margin-bottom:24px;}

.bantxt p{ font-size:18px; margin-bottom:60px;}

.bantxt a{ width:200px; height:42px; border:1px solid #ffffff; line-height:40px;}

.shares{ padding:20px; height:92px; margin-top:82px;}

.shares li{ margin:0 20px;}

.shares li .sh02{ font-size:18px; margin-top:20px;}

.shares li .sh03{ font-size:28px;}

.notice .notit h3{ font-size:20px;}



.tit{ margin:65px 0 32px 0;}

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



.newsban .newstxt h4{ font-size:20px;}

.newsban .newstxt p{ font-size:14px;}

.newsban .newstxt .more{width: 180px;height: 46px;line-height:46px; margin-top:55px;}



.hnlist li{ padding:30px;}

.hnlist li p{ font-size:16px;}





.alist li{ height:400px;}

.atxt{ padding:35px 35px 0 35px;}

.atxt h4{ font-size:20px;}

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



.prodmain .prodtxt h4{ font-size:26px;}

.hplist li span{ margin-top:15px;}

.prodmain .prodtxt .more{ width:180px; line-height:46px; height:46px; padding-left:30px; margin-top:40px;}



.invmain{  }

.inv01{  height:310px; padding:30px 40px 0 40px;}

.inv02{ height:140px; }

.inv02 a{padding:30px 20px 0 20px;}

.inv03{ height:140px; margin-top:30px; }

.inv03 a{padding:30px 20px 0 20px;}

.invtxt h4{ font-size:20px; margin-bottom:20px;}

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



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



.banwz{ top:54%;}

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



.navlist li{ line-height:60px; height:60px;}



.vision{ margin:75px auto;}

.vision h1{ font-size:32px; padding-bottom:45px;}



.vislist li .vistxt h3{ font-size:28px;}



.teamlist li h3{ font-size:20px;}

.teamlist li a{padding:25px;}


.sociology li .sotxt a{ margin-top:40px;}



.pstxt h1{ font-size:28px;}

.pstxt .tel{ width:230px; line-height:48px; font-size:20px;}

.pstxt .consultation{ width:160px; line-height:48px; font-size:18px;}



.otit01{ width:260px; height:50px; line-height:50px; font-size:22px;}



.olist{ width:990px;}

.xian02{ width:881px;}

.olist li{ width:110px;}



.otit02 { width:331px; margin-left:-106px;}

.olist02{ width:440px; margin-left:-161px;}



.olist03{ width:300px; margin-left:15px; }

.olist03 li{ width: 100%; }

.nwlist li{ padding:25px; }

.nwlist li .content h3{ font-size:20px; }

.nwlist li .content p{ margin-top:13px;  }



.newsbans .swiper-slide p{ line-height:60px; height:60px; font-size:16px;}

.newsmain .swiper-container-horizontal > .swiper-pagination-bullets,.newsmain .swiper-pagination-custom,.newsmain .swiper-pagination-fraction{bottom:19px;}



.newsbans img{ height:393px;}

.newslist li .ntxt h3{ font-size:22px; margin-bottom:20px;}



.imglist li span{ line-height:90px; font-size:18px;}



.af36{ font-size:34px;}

}



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

.container2{ width:100%;}



.bantxt{ padding:0 20px; }





.haeder{ height:60px;top:0;}

.haeder .logos img{ height:60px;}

.nav li{ font-size:14px; line-height:60px; }

.nav li a{ padding:0 11px; }



.haeder .hrig{padding:0 5px;}

.haeder .en{ height:60px; line-height:60px; }

.haeder .search-btn{height:60px; line-height:60px;}

.haeder .search-btn{ width:40px;}

.search{top:60px;}





.tit{ margin:50px 0 25px 0;}

.tit h3{ font-size:28px;}





.newsban .newstxt .more{width: 150px;height: 40px;line-height:40px; margin-top:40px; padding-left:30px; font-size:14px;}



.homenews{ padding-bottom:70px;}

.habout{ padding-bottom:70px;}

.hpord{ padding-bottom:70px;}



.prodtag{ margin:0 auto; width:720px;}

.prodtag li i{ width:40px; height:40px;}

.prodtag li span{ line-height:40px;}

.prodtag li{ width:180px;border-bottom:5px solid #ffffff;}

.prodtag li:hover, .prodtag li.on{ border-bottom:5px solid #0e68b0;}



.prodmain .prodtxt{ padding:4% 4% 0 4%;}

.prodmain .prodtxt h4{ font-size:22px;}

.prodmain .prodtxt p{ font-size:14px;} 

.prodmain .prodtxt .more { width:150px; height:40px; font-size:14px; line-height:40px; margin-top:30px; padding-left:20px; }



.links{ padding:15px 0;}



.vision{ margin:60px auto;}

.vision h1{ font-size:28px; padding-bottom:40px;}

.vislist li .vistxt h3{ font-size:26px; margin-bottom:20px;}

.vislist li .vistxt{ padding:4% 3% 0 3%;}



.teamlist li{ width:48%; margin:2% 1% 0 1%!important;}

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



.sociology li .sotxt a{ margin-top:20px; font-size:16px; line-height:1.8;}



.pshowtop{ padding:40px;}

.pstxt{ padding-left:5%;}

.pstxt h1{ font-size:24px; line-height:50px;}

.pstxt p{ font-size:14px; margin:0 0 20px 0;}

.pstxt .tel{ width:200px; line-height:42px; font-size:18px; padding-left:50px; background-position:15px;margin-right:10px;}

.pstxt .consultation{ width:120px; line-height:42px; font-size:16px; }

.pstxt .bshare-custom{ margin-top:30px;}



.pstit span{ font-size:18px; line-height:45px; padding-top:10px;}

.mb70{margin-bottom:50px;}



.prodlist li .prtit{ font-size:18px;}



.organization{ padding:20px;}

.olistwap{ width:100%;}

.olistwap>li{ width:100%; margin-top:20px;}

.olistwap>li>.oname{ width:100%; height:40px;writing-mode:horizontal-tb; line-height:40px;}
.olistwap>li>.oname2{ width:300px; margin:0 auto;}

.otit03 span{ margin: 0 auto; }
.olist03 .xian01{ margin: 0 auto; }
.olist03 li .oname{ height: 40px; line-height:40px; }

.xian01{ display:none;} 

.xian02{ display:none;} 

.xian03{ display:block;}



.otit02{ margin:0 auto;}

.olist02{ margin:-13px auto 0 auto;}



.otit03{ margin:0 auto;}

.olist03{ margin:-13px auto 0 auto;}



.organization2{ padding:40px;margin-bottom:40px;}





.newsbans .swiper-slide p{ line-height:50px; height:50px; font-size:14px;}

.newsmain .swiper-container-horizontal > .swiper-pagination-bullets,.newsmain .swiper-pagination-custom,.newsmain .swiper-pagination-fraction{bottom:14px;}



.newslist li .ntxt{ padding:3% 3% 0 3%;}

.newslist li .ntxt h3{ font-size:20px; margin-bottom:15px;}

.newslist li .ntxt .time{ margin-top:15px;}



.imglist li span{ line-height:70px; font-size:16px;}



.footer{ padding:30px 0 15px 0;}

.dbnav li span{ font-size:15px;}

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



.newsbans img{ height:342px;}

.nwlist li{ padding:20px; }

.nwlist li .time .d{ font-size: 38px;margin-bottom:6px; padding-bottom:5px;  }

.nwlist li .content h3{ font-size: 16px; }

.nwlist li .content p{ margin-top:10px; font-size:14px; line-height:24px; }

.noticelist li .notname{ width: 50%; }

}



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

.container{ width:100%; }





.nav{ display:none;}

.nav-toggle{ display: block;}

.haeder{ position:fixed;z-index:1000; }

.nav{ display:none; margin:0;}

.nav{ width:100%; position:fixed; top:60px; left:0; border-top:1px solid #ffffff; z-index:1000;}

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

.nav li>a{ color:#ffffff;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;color:#ffffff;}



.bantxt{ text-align:center; }

.bantxt p{ line-height:1.6;}

.bantxt a{ margin:0 auto; padding:0 20px 0 0; width:180px; }

.bannum{ position:absolute; bottom:20px; left:0; width:100%;}

.bannum .swiper-pagination{ position:static; text-align: center; }



.banmain{ height:auto;}

.banbottom{ position:static;}

.notice{ width:100%; height:auto;}

.shares{ width:100%; margin-top:0; height:auto;}



.tit{ margin:40px 0 20px 0;}

.tit h3{ font-size:26px;}



.homenews{ padding-bottom:50px;}

.habout{ padding-bottom:50px;}

.hpord{ padding-bottom:50px;}

.investor{ padding:50px 0;}



.newsban .newstxt h4{ font-size:18px; padding:20px 0;}

.newsban .newstxt span{ line-height:30px;}

.newsban .newstxt p{ }



.newsban .newstxt .more{ margin-top:30px;}



.hnlist li{ padding:20px;}

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



.alist li{ height:400px;}

.atxt{ padding:25px 25px 0 25px;}

.atxt p{ line-height:1.6; }

.atxt .more img{ height:10px;}



.prodmain .prodtxt h4{ font-size:20px;}

.hplist{ margin-top:20px;}

.prodmain .prodtxt .more{ margin-top:20px;}



.invtxt .more img{ height:10px;}



.nyban{ margin-top:60px;}

.navlist li{ height:50px; line-height:50px;}



.banwz{ padding-left:20px;}

.banwz{ top:50%; margin-top:-28px;}

.banwz h3{ font-size:26px; margin-bottom:15px;}



.sociology li .sotxt a{ margin-top:20px; font-size:14px; line-height:1.8;}

.sociology li .sotxt span{ margin-top:5px;}



.pshowtop{ padding:30px;}

.pstxt h1{ font-size:20px; line-height:40px;}

.prodcontent{ padding:30px; }

.mb70{margin-bottom:40px;}



.pageshow{ padding:30px;}



.organization2{ padding:30px; margin-bottom:30px;}



.clist{ margin:50px 0;}





.courselist .swiper-slide{ width:50%;}



.af36{ font-size:28px;}



.address{ padding:50px 0;}



.abbottom{ margin:50px 0;}





.newsbans img{ height:288px;}



.nwlist li{ padding:15px; }

.nwlist li .time .d{ font-size: 32px;margin-bottom:6px; padding-bottom:5px;  }

.nwlist li .content h3{ font-size: 16px; }

.nwlist li .content p{ margin-top:10px; font-size:12px; line-height:20px; }



}





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

.p20{ padding:0 20px;}

.nyban{ overflow:hidden;}

.nyban img{ width:150%; margin-left:-25%;}



.notice .notit h3{ font-size:18px;}

.nolist{ margin-top:10px;}



.tit{ margin:30px 0 15px 0;}

.tit h3{ font-size:22px;}

.tit p{ font-size:14px; line-height:22px;}



.homenews{ padding-bottom:20px;}

.habout{ padding-bottom:20px;}

.hpord{ padding-bottom:20px;}

.investor{ padding:20px 0;}



.newsban .newsimg{ width:100%;}

.newsban .newstxt{ width:100%; padding:10px 0 0 0;}

.newsban .newstxt h4{ padding:15px 0;}

.newsban .newstxt .more{ margin-top:15px;}



.hnlist{ margin-top:0;}

.hnlist li{ width:100%; margin:10px 0 0 0;}



.alist li{ height:auto; width:100%;}

.alist li.w32{ width:100%;}

.alist li.w26{ width:100%;}

.alist li.w42{ width:100%;}

.alist li.bj03{ height:200px;}

.alist li.bj05{ height:200px;}

.atxt{ padding-bottom:20px;}



.prodtag{ width:100%;}

.prodtag li{ width:25%;}

.prodtag li span{ font-size:14px; line-height:36px;}

.prodmain .prodimg{ width:100%;}

.prodmain .prodtxt{ width:100%; padding:20px;}

.prodmain .prodtxt h4{ font-size:18px;}



.titrig{ padding-right:0; text-align:center; width:100%;}

.invmain { width:100%; margin:0;}

.inv01{ width:100%; height:auto; padding:20px;}

.inv02{ width:100%; margin-top:10px; height:auto; }

.inv02 a{padding:20px;}

.inv03{ width:100%; margin-top:10px; height:auto; }

.inv03 a{padding:20px;}



.invtxt h4{ font-size:18px; margin-bottom:10px;}

.invtxt .more{ margin-top:20px;}



.links{ padding:10px 0;}

.footer{ display:none;}

.copy{ height:auto; line-height:24px; padding:15px 0;}



.navlist li{ line-height:45px; height:45px; width:25%; text-align:center; }

.navlist li a{padding:0; }



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

.vision h1{ font-size:20px; line-height:1.5; padding-bottom:20px;}

.vislist li .visimg { width:100%;}

.vislist li .vistxt{ width:100%; padding:20px;}

.vislist li .vistxt h3{ font-size:22px; margin-bottom:10px;}



.pagebj{ padding-top:0;}

.teamlist{ margin-bottom:20px;}

.teamlist li{ width:100%; margin:20px 0 0 0!important; height:auto; }
.teamlist li a{padding:20px;}
.teamlist li p{ height:auto;}



.sociology{ margin-top:20px;}

.sociology li{ width:100%; margin: 0 0 20px 0;}



.page{  padding:30px 0;}

.page a{ width:36px; height:36px; line-height:36px; }

.page span{ width:36px; height:36px; line-height:36px; }



.pshowtop{ padding:20px;}

.psimg{ width:100%;}

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



.prodcontent{ padding:20px; font-size:16px; }

.prodcontent p{ margin-bottom:20px;}

.mb70{margin-bottom:0;}



.pageshow{ padding:20px; margin-bottom:0;}

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



.rectop{ padding:50px 20px; margin-bottom:0;}

.rectag{ width:100%; margin-bottom:20px; overflow:hidden;}

.rectag span{ width:25%; margin-right:0; float:left; font-size:18px; text-align:center;}

.recinfo{ font-size:14px; line-height:2; min-height:84px;}



.prodlist li{ width:45.5%; margin:20px 0 0 3%!important;}

.prodlist li .prtit{ margin-top:10px; font-size:16px;}

.prodlist li span{ margin-top:20px;}



.organization2{ padding:20px; margin-bottom:0;}

.orglist li h3{ font-size:20px; margin:20px 0;}

.orglist li p{ margin-top:10px;}

.orglist li.org01{ width:100%;}

.orglist li.org02{ width:100%; margin:0;}

.orglist li.org03{ width:100%;}



.noticelist li .time{ width:100%; text-align: left; height:30px; padding:0; border:none;}

.noticelist li .time .y{ float:left; margin-right:5px;}

.noticelist li .time .md{ float:left; font-size:16px; line-height:30px; color:#6b6b6b;}

.noticelist li .notname{ margin:0; line-height:40px; width:100%; font-size:16px;}

.noticelist li a{ float:left; line-height:30px; margin:0 10px 0 0;}



.newsmain{ padding:0 0 0 0;}

.newsleft{ width:100%;}

.newsbans img{ height:auto;}

.newsright{ width:100%;}



.newslist{ padding-top:0;}

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

.newslist li .nimg{ width:100%;}

.newslist li .ntxt{ width:100%; padding:20px;}

.newslist li .ntxt h3{ font-size:18px; margin-bottom:10px;}

.newslist li .ntxt .time{ margin-top:10px;}





.imglist li{ width:45.5%; margin:20px 0 0 3%!important;}

.imglist li span{ line-height:50px; font-size:14px;}



.idea{ padding:50px 20px; margin:0;}

.idea h1{ font-size:28px; margin-bottom:30px;}

.idea p b{ font-size:16px;}

.idea p{ font-size:14px; margin-top:15px;}



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

.clist li{ width:100%; padding-top:35px; margin-bottom:20px; }

.clist li.c02{ border:none;}



.map{ margin-bottom:0;}

.my-map { height: 300px; }



.aboutinfo{ padding:20px;}

.aboutkuai{ height:auto;}

.aboutkuai .avideo{ width:100%; height:auto;}

.aboutkuai .aklist{ width:100%;}

.aklist li{ height:auto; width:100%;}

.aklist li.ak01{ height:150px;}

.aklist li.ak04{ height:150px;}

.aklist li .aktit{ padding:40px 20px; font-size:18px; text-align:center; display:block;}



.af36{ font-size:24px;}

.course{ padding:40px 0;}

.courselist .swiper-slide{ width:100%;}
.courselist p{ width:100%; }


.courselist h3{ font-size:24px;}

.courselist b{ font-size:20px;}



.address{ padding:20px;}

.addimg{ width:100%; margin-left:0;}

.addimg img{ width:80%; margin:0 auto; max-width:500px;}

.addtxt { width:100%;}

.addinfo strong{ margin-top:20px; font-size:18px;}



.abbottom{ margin:0;}

.abbottom li{ width:100%;}



.honorlist{ padding:20px 0 20px 0;}

.hotit{position:static; margin-bottom:20px;}

.honorlist .swiper-slide{ width:100%;}

.honorlist .swiper-slide span{ margin-top:10px;}





.shownews{ margin:0; }

.showtop{margin:0;}

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



.newsinfo{ padding:15px; margin:0 0 20px 0; }

.newstxt{ padding:0;}

.newstxt p{ margin:0 0 20px 0; }



.shownews{ padding:20px;}

.artpage2 span{ width:100%; padding:10px 0;}

.artpage2 span:first-child{ border-right:none;}

.tuitit{ line-height:60px; }

.tuitit span{font-size:20px;}

.tuilist li{ width:100%;}

.videomain{ width: 100%; }



}



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

.shares{ padding:20px 10px;}

.shares li{ margin:0 10px;}

.shares li .sh01{ font-size:12px;}

.shares li .sh02{ font-size:16px;}

.alist li.bj03{ height:150px;}

.alist li.bj05{ height:150px;}

}