@charset "utf-8";

/* CSS Document */

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

}

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



}

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

}




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




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


body{overflow-x: hidden}	
	
.nav{ position: fixed;top:80px;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; margin-top: 0px; }
.nav ul{display:block; width:100%; }

.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left; background: url("../images/down01.png") no-repeat 97% 27px; background-size: 12px auto; width: 100%}
.nav li>a{ padding-left: 20px; display: inline-block; line-height: 60px; color: #333; font-size: 16px; text-align: left}
.nav li.cur>a{background: none; color: #ff9501}
.nav li:hover>a{ background:none}
.nav li.cur2{background: url("../images/down02.png") no-repeat 97% 27px; background-size: 12px auto;}
.nav li.cur2>a{color: #ff9501}


.top.cur2 .nav-btnbox .icon-bar{background-color:#000;}
.top.cur .navdown{top: 0}

.navdown{background: #fff; position:relative; left:0%; transform:none;top: 0px; display: none; padding: 0px; width: 100%;box-shadow:none;}
.navdown em{display: none}
.navdown a{line-height:50px;display: block; text-align: left; border-top: 1px solid #f0f0f0;padding-left:30px;}

	
.nav-btnbox {position:absolute;z-index:999999999999999999;right:4%;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:#fff;}
.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;}

.menu-open .top{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.menu-open .top .nav li{ padding: 0px; line-height:60px;}
	
.top.cur .nav li>a{line-height:60px;}
.menu-open .top .yuyan{color: #333}
.top.cur .nav{top: 70px;}	
.menu-open .top .yuyan a{color: #333}
.menu-open .top .nav li.cur2>a{color:#df891a;}

.menu-open .top .nav li a{display: block}
	
.menu-open .top .nav li:nth-child(3),.menu-open .top .nav li:nth-child(4),.menu-open .top .nav li:nth-child(5){background: url("../images/fotdown.png") no-repeat 98% 26px;background-size:12px auto; }
	
.menu-open .top .nav li:nth-child(3).cur2,.menu-open .top .nav li:nth-child(4).cur2,.menu-open .top .nav li:nth-child(5).cur2{background: url("../images/fotdown2.png") no-repeat 98% 26px;background-size:12px auto;}

	
.menu-open .top .nav li:nth-child(3)>a,.menu-open .top .nav li:nth-child(4)>a,.menu-open .top .nav li:nth-child(5)>a{display: inline-block}
	
	
	

@-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)}

}
	
.menu-open .top{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}
.menu-open .top .logo .hide{display: block}
.menu-open .top .logo .show{display: none}


.menu-open .top .nav-btnbox .icon-bar{background: #000}	
.top.cur .nav-btnbox .icon-bar{background: #000}
	
.top .mainbox{height: 80px;}


.yuyan{margin-right: 50px;}
	

}




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


}

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

	
}

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


}

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

{


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

{
	.foottop{display: block}
	.footnav{width: 100%}
	.footshare{width: 100%; display: none}
	.footshare ul{}
	
	.footnav ul{display: block; overflow: hidden;}
	.footnav li{width:33.33%; float: left; font-size: 14px; margin-bottom: 10px;}
	.footnav li:nth-child(1){display: none}
	.footshare {margin-top: 20px;}
	.footshare li{margin: 0px 10px;}
	
	.footbot{ display: block}
	.footbotleft{width: 100%}
	.footbotright{text-align: left; width: 100%; margin-top: 10px;}
	
	.syprotxt{max-width: 50%;}		
	.syprotxt h2{font-size: 20px;}
	.syprotxt p{font-size: 14px;}
	.huisebj{padding-top: 40px;}
	
	.pcshow{display: none}
	.wapshow{display: block}
	
	
	.nyproleft{ width: 100%}
	.nyprolefttit{display: none}
	.nyproleft ul{}
	.nyproleft li{width: 50%; float: left; background: #fff; margin: 0px; border-bottom: 1px solid #eee}
	.nyproleft li a{padding: 15px 0px; text-align: center; border-left: 1px solid #eee; font-size: 15px;}
	
	.nyproright{width:100%; margin-top: 20px;}
	.nyproright li {width: calc(50% - 10px); margin-left: 10px; margin-bottom: 20px;}
	.nyproright ul {margin-left: -10px;width: calc(100% + 10px);}
	.protxt{padding: 10px;}
	
	.protxt p{font-size: 16px;}
	.protxt span{font-size: 12px; line-height: 20px; height: 40px;}
	.protxt em{font-size: 14px;}
	.wangluo ul{display: block}
	.wangluo li{width: 100%; margin-bottom: 30px;}
		
}

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

{

	
	.mainbox{padding-left:15px; padding-right:15px;}
	
	.logo{width: 80px;}
	.yuyan{margin-right: 100px;}
	
	.top .mainbox{height: 50px;}
	.banner .swiper-pagination{bottom: 10px;}
	.nav{top: 50px;}
	.top.cur .mainbox{height: 50px;}
	.top.cur .nav{top: 50px;}
	.provideobox{padding-top: 0px;}
	.provideotit h2{font-size: 22px;}
	.syvideo{margin-top: 0px;}
	.youshiboxs h2{font-size: 22px;}
	
	.youshiboxs li{width: 50%; margin-bottom:30px;}
	.youshitxt p{font-size: 18px;}
	.youshiboxs ul{margin-top: 30px;}
	.youshiboxs{padding-bottom: 10px;}
	
	.synewsbox{display: block}
	.synews{width: 100%}
	.sytit h2{font-size: 20px;}
	.sytit:before{height: 16px; top: 7px}
	
	.synewslist li .fangdapic{width: 135px;}
	
	.synewstxt {width: calc(100% - 150px);}
	.synewstxt p{font-size: 15px; margin-bottom: 5px;}
	
	.synewstxt span{line-height: 1.6; display: none}
	.synewstxt p{-webkit-line-clamp:2;line-clamp: 2;}
	.synews{margin-bottom: 30px;}
	.synewslist li{margin-top: 20px;}
	.synewsbox{padding-top: 30px; padding-bottom: 20px;}
	.syprobox li {width: calc(100% - 40px); margin-bottom: 20px;}
	
	.nybantxt h2{font-size: 16px;}
		
	.wpn{display: none}
	.page a{font-size: 12px;}
	.page a{line-height: 30px; padding: 0px 12px; height: 30px;}
	.footer{margin-top: 30px;}
	.page{padding: 20px 0px;}
	
	.proshowtit h1{font-size: 22px;}
	.proshowbox{padding:30px 15px;}
	.nynews li{margin-bottom: 25px;}
	.nynews li a{}
	.nynews li .fangdapic{width:40%}
	.nynews li{padding: 0px;}
	
	.nynews li .synewstxt{width:55%}
	.newtime{width: 100%; display: none}
	.newsshowtit h1{font-size: 20px;}
	.updown li{font-size: 14px;}
	.newsshowtit{margin: 0}
	.wangluo li{margin-bottom:20px;}
	.xianbox h2{font-size: 24px;}
	.xianbox p{font-size: 16px;}
	
	.xianboxtxt{font-size: 12px;}
	.xianboxtxt p{padding: 2px 0px;}
	
	.contit{font-size: 24px;}
	.contactbox{padding:10px 0px 30px;}
	.lianxi li{width: 100%}
	.contxts span{font-size:20px;}
	.contxts p{font-size: 18px;}
	.contxts{padding: 20px 0px;}
	.conpic{padding-top: 25px;}
	.lianxi li:last-child .contxts{border: none}
	.conmiaoshu{font-size: 14px;}
	.confrom li{display: block}
	
	.confrom li span{width: 100%; font-size: 16px; line-height: 40px}
	.confrom li p{width: 100%}
	
	.confrom li input{height: 60px; text-indent: 10px;}
	.confrom li textarea{width: calc(100% - 20px); padding: 10px; font-size: 14px;}
	
.confrom li ::-webkit-input-placeholder {

  font-size:14px;
}

.confrom li ::-moz-placeholder { 

  font-size: 14px;
}

.confrom li :-ms-input-placeholder {

  font-size: 14px;
}
	
	.fasong{font-size: 20px; height: 60px;}
	
	body{padding-bottom: 60px;}
	.fudong{width: 100%; bottom: 0px;}
	.fudong ul{display:flex;flex-direction:row;justify-content:space-between;}
	.fudong li{width: 25%; border-bottom: none; border-right: 1px solid #eee; padding: 0px; padding-top: 10px;}
	.fudongico{width: 20px; height: 20px}
	.fudong li a>p{font-size: 12px; margin:5px 0;}
	
	.erweiams{width: 100px; text-align: center;padding:5px; background: #fff; position: absolute; top:auto; bottom: 70px;  transform: translate(-50%,0%);transition: all 0.3s;  border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); right: auto; left:65%;}
.erweiams:before{ width: 0;
    height: 0;
    border-left:8px solid transparent;
    border-right: 8px solid transparent;
    border-top:8px solid #fff; content: ""; position: absolute; left:50%; bottom:-16px; transform: translate(-50%,0%); top: auto}
	
	.fudong li:hover .erweiams.dianhua{display: none}
}

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



}





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


}

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

}