/* CSS Document */

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

}
@media screen and (max-width:1400px)
{
.mainbox{padding-left: 50px; padding-right: 50px;}
}

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


.pd2{ padding-top:5%; padding-bottom:5%}
.pd3{ padding-top:6%; padding-bottom:6%}
.pd4{ padding-top:8%; padding-bottom:8%}
.pd5{ padding-top:10%; padding-bottom:10%}
.mt2{ margin-top:0%}
.mt3{ margin-top:6%}
.mt4{ margin-top:7%}
.mt5{ margin-top:8%}
.pb4{padding-bottom: 8%}	

.mainbox{padding-left:20px; padding-right:20px;}
.top .mainbox{ height:50px}
.banner{height: 50vh}
.banner .swiper-slide{height: 50vh}
.sharexs{ display:none}
	

	
	
	
	
.nav{ position: fixed;top:50px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 50px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fff }
.nav ul{display:block; width:100%; }

.nav li{border-bottom: 1px solid #f0f0f0;  background:none; height:auto; line-height:40px; padding: 10px 0px; display:block; width:100%;}
.nav li>a{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; border:none;padding:0px 10px;width:calc(100% - 20px);}


.nav li:hover{ background:none}

.nav li.cur>a{color:#1b4c9d;}
.nav li:before{ content:""; height:50px; background:none; width:100%; position:absolute; left:0px; top:0px; bottom:auto; z-index:9; transform: translate(0,0)}



.nav li:nth-child(3) .navdown{width:calc(100% - 20px)}
	
.navdown{background: #fff; position:relative; left:0%; transform:none; width:calc(100% - 20px);box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px; padding:0px 10px; top: 0px; display: none;}
	
	
	
.navdown a{line-height:34px; text-align:left}

.top.cur .nav-btnbox .icon-bar{background: #003591}
.top:hover .nav-btnbox .icon-bar{background: #003591}
	
	
	
.nav-btnbox {position:absolute;z-index:999999999999999999;right:8px;top:50%; transform:translate(0,-50%); width:20px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; }
.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}

.nav-btnbox .icon-bar+.icon-bar {margin-top:6px}	
.menu-open .nav-btnbox .icon-bar{ background-color:#1b4c9d;}
.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);}	
.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);}



.menu-open .nav{visibility:visible;opacity:1;}
.menu-open .icon-bar{ background:#FFF}
.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;
}

.menu-open .nav li:nth-child(1){animation-delay:0s;}
.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
.menu-open .nav li:nth-child(10){animation-delay:0.9s;}




@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

100% {opacity:1;-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

100% {opacity:1;-moz-transform:translateY(0)}

}

@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

100% {opacity:1;-o-transform:translateY(0)}

}

@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

100% {opacity:1;transform:translateY(0)}

}






}












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



{

body{ overflow-x:hidden;}	
.logo{ width:20%}
.bantxt p{font-size: 16px;padding: 0px 0px}
.bantxt h2{font-size: 26px; padding: 10px 0px}	

.shuzibox ul{display: block; overflow: hidden}

.shuzibox li{width: 50%; float: left; padding: 10px 0px}
.shuzitxt p em{font-size: 20px}
.shuzibox li .shang{width: 100%}	
.shuziico{max-width: 30px}	
.syaboutbj{background-attachment: scroll}	
.syaboutbj .erduan{display: block}	
.syableft{width: 100%}

.syablefttit p{font-size:20px;}	

.syablefttit h2{font-size: 16px;}

.syabtxt{font-size: 14px;}
.biaoyusx p{font-size: 18px;}
.biaoyusx b{font-size: 20px;}
.syabright{width: 100%; margin-top: 20px;}

.sytit p{font-size:20px;}
.sytit span{font-size: 16px;}
	
.block{display: block}

.syproleft{margin-left: 0px; width:calc(100% - 40px); padding: 20px;}
.syproright{width: 100%}
.syprolist{display: block;}
.syprolist li{width: 100%}
.prolisttxt{width: 100%;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}

.prolisttxt p{margin-top: 0px; padding-left: 20px; font-size: 16px;}
.syproleft li{top: 0px;transform: translate(0,0%);}
.syproleft li{position: relative}

.syproleft li h3{font-size: 24px;}
.syproleft li p{font-size: 14px;}

.syprolist li{height: 20%; border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, .3);}

.syproimg li{ width: 200%; margin-left: -50%}

.dot{right: 20px; position: absolute}
.syproleft li a{display: none}
.sypartnertit h3{font-size: 20px}
.sypartnertit{ padding-right: 20px; padding-left: 20px;}
.sypartnertit p{font-size: 12px;}

.sypartnerbox .swiper-button-prev,.sypartnerbox .swiper-button-next{display: none}

.sypartnerbox .swiper-pagination { z-index: 999; left:0px; bottom:-30px; width: 100% }
.sypartnerbox .swiper-pagination-bullet { background: #003591; opacity:1; width: 6px; height: 6px;  position: relative; margin:0px 5px; }
.sypartnerbox .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #003591; position: absolute; left: -4px; top: -4px; border-radius: 100% }

.sypartnerbox{ margin-bottom:20px}

.footerbj .shang{display: block}
.footernav{ width:100%}
.footernav>ul{ display:block}
.footernav li{ width:100%}
.footernav li>p{ background:url(../image/xiala2.png) no-repeat right center; background-size:6px auto; font-size:14px;border-bottom: 1px solid rgba(255,255,255,0.1); padding:10px 0px}
.footernav li.cur>p{background:url(../image/xialahh.png) no-repeat right center; background-size:6px auto;}

.footnavdown{ display:none; padding:5px;}

.footercontact{margin-top:20px;}
.nybanner{ width: 200%; margin-left: -50%}
.nynav li a{font-size: 13px;}

.miaobaonav{left: 25%; width: 50%}	
.nynav li{line-height: 40px;}	
	
.nynav .mainbox{padding-left: 0px; padding-right: 0px;}	
.nynav li:first-child{border-left: none}	
.nynav li:last-child{border-right: none}	
.nytit h2{font-size: 20px;}	
.nytit p{font-size: 12px;}	

.abshuzi li {width: 50%;float: left; padding: 10px 0px;}
.abshuzi ul{overflow: hidden}	
.abshuzi li .shang{width: 100%}
	
.youshitit h2{font-size: 18px;}	
.youshitit p{font-size: 12px;}	
	
.youshilist li{display: block; padding:30px  0px}	
.youshipic{margin: 0 auto}

.youshipic{width: 40%}
.youshipic img{max-width: 100%}
.youshitxt{width: 100%}
.youshitxt p{font-size: 18px; margin: 20px 0px}
.youshitxt span{font-size: 14px;}
.sypartnertit h3{font-size: 16px;}
.kehulist li {width: calc(33.33% - 1px);}
	
.wenhualeft{width: 100%}
.wenhuatxt p{font-size: 18px;}
.wenhuatxt span{font-size: 14px}

.wenhuapic{max-width: 24px;}

.wenhuaright{width: 100%; margin-top: 20px;}
.nypronav{overflow-x: scroll}
.nypronav .mainbox{width:auto }
.nypronav ul{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; width:178%}
.nypronav li{width: auto; text-align: center; }
.nypronav li a{padding: 0px 20px;}
.proserright{width: 100%}
.proserleft{width: 100%; position: relative; top: 0px;transform: translate(0,0); margin-top: 20px;}
.proserleft h3{font-size: 18px;}
.proserleft p{font-size: 16px;}
.proserleft span{font-size: 13px;}
.proserleft a { width: 110px; height: 32px;line-height: 32px;font-size: 13px;}

.yewuzixun{width: 100%}


.yewuzixun ul{ padding: 0px 20px 10px}

.yewuzixun li input[type="text"]{height: 36px;}
.yewuzixun li{margin: 10px 0px;}
.yewuzixun li input[type="button"]{height: 40px; font-size: 16px;}

.yewuzixun>h2{font-size: 18px;}

.zixuntel{padding: 10px 20px}
.footernav li p a{font-size: 14px;}
.nynewsbox li{width: calc(100% - 40px); margin: 20px 0px;margin-left: 40px;}
.newstxts p{height: auto; margin-bottom: 10px;}

.nynewsshowtit{ width: 50%; margin: 0 auto;margin-top: 50px; padding: 4% 0px}
.newsmainbox{padding-left: 20px; padding-right: 20px;}
.nynewsshowtit h1{font-size: 20px;}
.newsshowtxt{font-size: 14px;}
.newsmainbox ul{display: block}

.contacttit>h2{font-size: 18px;}

.contacttit ul{display: block}

.contacttit li{width: 100%; margin:40px 0px}

.contacttit li span{font-size:20px;}
.contacttit li p{font-size: 12px;}

.contacttit li img{max-width: 28px;}
.my-map{height: 400px;}
.conmainbox{padding-left: 20px; padding-right: 20px;}
.nytittwo h2{font-size: 20px;}
.conbiaodan{display: block}
.conbiaodan ul{width: 100%}
.conbiaodan li:first-child{margin-bottom: 10px;}

.conbiaodan li:first-child input[type="text"]:first-child{margin-right: 10px;}
.conbiaodan li input[type="text"]{height: 40px;}
.conbiaodan textarea{width: calc(100% - 22px); margin-top: 10px; height: 80px}
.tijiao{height: 40px; margin-top: 20px;}
.guanzhuwo{width: 80%; margin: 0 auto}
.guanzhuwo ul{ overflow: hidden;width:calc(100% + 30px);margin-left: 46px; display: block}
.guanzhuwo li{width:calc(50% - 30px); float: left; margin-left: 30px; margin-bottom: 20px;}
.guanzhuwo li p{font-size: 12px;}
.renzai ul{display: block}
.renzai li{width: 100%; margin: 20px 0px}
.renzaitxt p{font-size: 16px;}
.joinlist li p{font-size: 16px;}
.joinlist li{padding: 10px 20px; margin-bottom: 20px}
.joinlist li a{background-size: 15px auto}

.joinlist li a:hover{color: #fff;background: url("../image/yjia02.png") no-repeat right center; background-size: 15px auto}
.joinlist li:hover{background-size:15% 100%}

.zhiweiboxs{ padding: 20px}
.zhiweitit h3{font-size: 16px;}

.zhiweimiaoshu h2{font-size: 14px;}
.zhiweimiaoshu h2{margin-top: 16px;}
.gengduo{font-size: 14px; width: 120px; height: 40px; line-height: 40px;}

.peixuan ul{display: block}


.peixuan li.cur{width:calc(100% - 40px)}

.peixuan li{padding: 20px;width: calc(100% - 40px); margin: 10px 0px; margin-left: 0px;}

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

.peiico img{max-width: 30px;}

.peixuan li.cur .peixuntxt{width: calc(100% - 50px)}
.peixuan li:nth-child(1){background-size: 50px auto;}
.peixuan li:nth-child(2){background-size: 50px auto;}
.peixuan li:nth-child(3){background-size: 50px auto;}

.wozaibox .swiper-slide .shang{display: block}

.wozaipic{width: 100%; margin-top: 0px;}
.wozaiwenzi{width:calc(100% - 40px); margin-left: 0px; padding:10px 20px}
.wozaostxt{padding-top: 10px;}
.wozaostxt h3{font-size: 16px;}
.wozaostxt p{font-size: 13px; padding-top: 10px;}

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

.qiehuanbtn{display: none}
.wozaiwenzi{margin-bottom: 30px}
.wozaibox .swiper-pagination { z-index: 999; left:0px; bottom:0px; width: 100% }
.wozaibox .swiper-pagination-bullet { background: #003591; opacity:1; width: 6px; height: 6px;  position: relative; margin:0px 5px; }
.wozaibox .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #003591; position: absolute; left: -4px; top: -4px; border-radius: 100% }

.tuanjianneirong{max-width: 100%}
.tuanjianboxs{padding-left: 20px;}
.tuanjianneirong h2{font-size: 16px;}
.tuanjianqiehuan .swiper-slide{ width: 40%}
.tuanjianqiehuan{padding-bottom: 30px;}
.tuanjianqiehuan .swiper-button-prev,.tuanjianqiehuan .swiper-button-next{display: none}

.tuanjianqiehuan .swiper-pagination { z-index: 999; left:0px; bottom:0px; width: 100% }
.tuanjianqiehuan .swiper-pagination-bullet { background: #003591; opacity:1; width: 6px; height: 6px;  position: relative; margin:0px 5px; }
.tuanjianqiehuan .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #003591; position: absolute; left: -4px; top: -4px; border-radius: 100% }
	
	
.zaixianzxbtn{width:45px; height:45px;position: fixed;box-shadow: rgb(0 0 0 / 15%) 0px 0.1em 0.6em 0px, rgb(0 0 0 / 9%) 0px 0.2em 3.2em 0px;background: rgb(31, 140, 235);border-radius:100%;
font-size: 10px;right: 0px; bottom:50%; z-index: 99999; line-height: 1.2;}

.zaixianzxbtn a{color: #fff; width: 100%; height: 45px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; }

.banner:hover .swiper-button-next{opacity:0}
.banner:hover .swiper-button-prev{opacity:0}
	
.syprolist li:before{ display: none}	
.footnavdown span{padding:6px 0px}	
body.cur{height: 100vh; overflow: hidden}	

.zhiweimiaoshu{overflow-y: scroll}	
.zhiweimiaoshu::-moz-scrollbar { width:3px; height: 5px; background-color: #ddd; }
.zhiweimiaoshu::-moz-scrollbar-track { border-radius: 0px; background: #f4f4f4; }
.zhiweimiaoshu::-moz-scrollbar-thumb { border-radius: 0px; background-color: #ddd; }
.zhiweimiaoshu::-ms-scrollbar { width: 3px; height: 5px; background-color: #ddd; }
.zhiweimiaoshu::-ms-scrollbar-track { border-radius: 0px; background: #f4f4f4; }
.zhiweimiaoshu::-ms-scrollbar-thumb { border-radius: 0px; background-color: #ddd; }
.zhiweimiaoshu::-webkit-scrollbar { width:3px; height: 5px; background-color: #f4f4f4; }
.zhiweimiaoshu::-webkit-scrollbar-track { border-radius: 0px; background: #f4f4f4; }
.zhiweimiaoshu::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #ddd; }




	
	
	
}