@charset "utf-8";

/* CSS Document */

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

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


	

}




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

	body{font-size: 14px;}
}

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

	
}




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


		
		
		
}




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


	body{overflow-x: hidden}
	
	.nav{display: none}
	.wapnavbj{background: rgba(0,0,0,0.6); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999; opacity: 0; visibility: hidden;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}
	
	.wapnav{position: fixed; width:80%; top: 0px; right:-100%; height: 100%; background: #fff; z-index: 999999;overflow-y: scroll;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}
	.waptits h2{text-align: center; font-size: 18px; height: 80px; line-height: 80px;}

	.fanhui{width: 20px; display: block}
	.fanhui img{width: 10px;}
	.waptits h2{width: calc(100% - 40px); margin: 0 auto}
	.waptits h2 img{width: 30px; margin-right: 10px;}
	.wapnav ul{padding: 20px;}
	.wapnav li>a{font-size: 18px; font-weight: bold; background: url("../images/youx.png") no-repeat right center; background-size: 8px auto; display: block; padding: 10px 0px;}
	.wapnavdown dd p{background: url("../images/youx.png") no-repeat right center; background-size: 8px auto; font-weight: bold;font-size: 16px;}
	.wapnavdown dd p>a{display: block}
	.wapnavdown dd{padding-top: 20px;}
	.nobj dd p{background: none}
	.wapnavdown dd p.nojian{background: none}
	.wapnavdown dd p img{width:30px; margin-right: 10px;}
	.wapnavdowntwobox{overflow-y: scroll; height: calc(100vh - 50px)}
	.wapnavdowntwobox span em{font-weight: bold; font-size: 16px; display: block; margin-bottom: 5px;}
	.wapnavdowntwobox span{margin: 20px 0px; display: block}
	.wapnavdowntwobox span i{display: block;padding:3px 0px;}
	.wapnavdowntwobox span i a{color: #666666}
	.wapnavdowntwobox span i a:hover{color: #004ea2}
	.wapnavdowntwobox span>a{display: block; padding: 10px 0px;}
	.wapnavdown{display: none; position:absolute; left: 0px; top: 0px; height: 100vh; width: calc(100% - 40px);background: #fff; padding: 0px 20px;}
	.wapnavdowntwo{display: none; position:absolute; left: 0px; top: 0px; height: 100vh; width: calc(100% - 40px);background: #fff; padding: 0px 20px;}
	.menu-open{height: 100vh;overflow: hidden}
	.menu-open .wapnavbj{opacity: 1; visibility: visible}
	.menu-open .wapnav{right: 0px;}
	
	
	

	.nav-btnbox {position:fixed;z-index:999999999999999999;right:5%;top:32px; width:22px;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:#000;-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.baise .icon-bar {background: #fff}
	.nav-btnbox.baise.cur .icon-bar {background: #000}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:6px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#000;}
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 9px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 9px, 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, -7px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);}


	
	.top{position: fixed}
	.sosouhz{width:40px; border: none}
	
	.topright{width:40px; margin-right: 10%}
	
	.sosoutext{display: none}
	.sosoubtn{background: url(../images/fada02.png) no-repeat center center;background-size: 50% auto;}
	
	.gonggong{padding-bottom: 30px;}
	
	.sytit h2{font-size: 30px;}
	
	.sosouhz form{display: none}
	.sosoubtn.wapshow{display: block}
	
	.syaboutbj{padding: 5% 0px;}
}




@media screen and (max-width:1024px)
	
{
	
	.footernav{display: none}
	.footercont{width: 100%}
	.footertop{display: block}
	
	.nybanner{overflow: hidden}
	.nybanner>img{width: 200%; margin-left: -50%; max-width: none}
}

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

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

@media screen and (max-width:920px)
	
{
	.wapshow{display: block}
	.pcshow{display: none}
	.syaboutbj{display: block}
	.syaboutbox{display: block; width: 90%; margin: 0 auto}
	.syaboutleft{width: 100%}
	.syaboutnum{width: 100%}
	.syaboutright{width: 100%; margin-top: 30px;}
	.syabouttxt{padding-right: 0}
	
	.nyaboutbox .mainbox.erduan{display: block}
	.nyaboutleft{width: 100%}
	
	.nyaboutright{margin-top: 30px; width: 100%}
	.nyabser .nyserpic{width: 100%}
	.nyabser .nysertxt{width: 90%; padding: 5%}
	.nyserpic img{width: 100%}
	.nyserpic{width: 100%}
	.nysertxt.fl{width: 90%; padding: 5%}
	
	.nynewsbox li{width: calc(50% - 40px);}
	.nysertxt{width: 90%; padding: 5%}
	
	.nysupportbox{display: block}
	.nysupportleft{width: 100%; height: 200px; overflow: hidden}
	.nysupportleft img{width: 100%}
	.nysupportright{width: 90%; padding: 5%; margin-top: 30px;}
	.ny_solution li{width: calc(50% - 20px);}
	
	
	
}

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

{
	.pronavdown1{overflow: hidden}
	.pronavdown1 dt a:after{right: 5%;}
	.pronavdown1 dt{overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.pronavdown1 dt p{display: inline-block;border: none!important; border-right: none; width: 50%; float: left}
	.pronavdown1 dt p a{line-height: normal; padding: 12px 15px;}
	.pronavdown1 dl{display: block}
	.pronavdown1 dt p.cur{border: none!important; border-right: none!important}
	
	.pronavdown1 dt{width: 100%; padding: 10px 0px;}
	.pronavdown1 dd{width: 100%; background: #f8f8f8; margin-bottom: 3%}
	
	.pronavhezi1{padding: 20px; }
	.pronavlist1 {column-count: 1;}
	.pronavlist1 span{width: 100%}
}

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

{
	
	.pd3{ padding-top:6%; padding-bottom:6%}
	.pd4{ padding-top:8%; padding-bottom:8%}
	.pd5{ padding-top:10%; padding-bottom:10%}
	.pd6{ padding-top:10%; padding-bottom:10%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%!important}
	.mt5{ margin-top:10%}

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	body{padding-top: 60px;}
	.top .mainbox{height: 60px;}
	
	.logo{width: 40px;}
	.nav-btnbox{top: 22px;}
	
	.bantxt h2{font-size: 20px;}
	.bantxt p{font-size: 12px;}
	.morebtn{height: 34px;line-height: 34px; padding: 0px 15px;}
	.banner .swiper-pagination{bottom: 10px;}
	.sytit h2{font-size: 26px;}

	.syaboutnum li{width: calc(100% - 22px); padding: 10px;}
	.syaboutnum li p em{font-size: 20px; margin-right: 0px;}
	.syyingyong li {width: calc(100% - 20px)!important;}
	
	.footcontma{width: 32%}
	.footconttxt p{font-size: 12px;}
	.footconttxt h3{font-size: 18px;}
	
	.footerbot p.juzhong{display: block}
	
	.nynav{display: none}
	.nynavselect{display: block}
	
	.abtit{font-size: 26px;}
	.nyaboutnum li p em{font-size: 24px;}
	.nyabser .nysertxt h3{font-size: 26px;}
	
	.nypartner li{width: calc(50% - 32px);}
	
	.nybantxt{display: none}
	
	.mapboxs{display: block}
	.dituContent{width: 100%; height: 300px}
	
	.mapboxtxt{width:calc(100% - 40px); padding:20px}
	.biaodanbox li {width: calc(100% - 30px)!important;}
	
	.jointop{padding: 20px;}
	.jointop{display: block}
	.jointop span{width: 100%; display: block}
	.jointop p{width: 100%}
	.joinbox li .jointop{background-position: 92% center}
	.joinbox li.cur .jointop{background-position: 92% center}
	.joindown{padding: 20px;}
	.jointxts{display: block}
	.jointxts h2{width: 100%}
	.jointxtright{width: 100%; margin-top: 10px;}
	.nynewsbox li{width: calc(100% - 40px);}
	.nynewsshowtit h1{font-size: 24px;}
	.updown ul{display: block}
	.updown li{max-width:100%;}
	.updown li:first-child{margin-bottom: 10px;}
	
	.shaixuan{display: block}
	.shaixuan select{margin: 0px; width: 100%; margin: 10px 0px;}
	.shuru{width: calc(100% - 90px); margin-right: 0px;}
	.shaixuan p{font-size: 18px; text-align: center}
	.shaixuan select{background-position: 95% center}
	.nysuptel p{font-size: 18px;}
	.nysuptel span{font-size: 30px;}
	.nysupportright>h2 span{font-size: 20px;}
	.nysupportright>p{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
	
	.nysupportright>p>a{margin: 0px; width: 31%; height: 40px; line-height: 40px; font-size: 12px;}
	
	.nysupportright li{width: calc(100% - 10px);}
	
	.nysupportright li:nth-child(6){text-align: center}
	.ny_solution li{width: calc(100% - 20px);}
	
	.protxts h1{font-size: 20px;}
	.protxts{padding-left: 15px;}
	.prosousu{display: block}
	.prosouright{width: 100%; max-width: none; margin-top: 20px;}
	.fengleft{background: none; float: none; clear: both; width: 100%}
	.fengleft h2{padding: 0px; margin: 0px; text-align: center; margin-bottom: 20px;}
	.fengleft ul{display: none}
	
	.fengzhuang .nynavselect{margin: 0px;}
	
	.fengright{width: 100%; margin-top: 30px;}
	.fztablebox{overflow-x: scroll}
	.fztable{width: 300%}
}


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

{
	

	
}

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

	
}

@media screen and (max-height:450px)
	
{


}