@charset "utf-8";

/* CSS Document */

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


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

	.synewstit{margin-bottom:50px;}
	.qiehuan .swiper-button-next,.qiehuan .swiper-button-prev{width:60px; height: 60px;}
	.synewsleft .swiper-pagination-current{font-size:70px;}
	.synewsleft .swiper-pagination{font-size: 50px;}
}


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

@media screen and (max-width:1280px)
{
	.nycaseright li {width: calc(50% - 60px);}
	
	
}
@media screen and (max-width:1100px)
{
body{overflow-x: hidden}

.banner{display: none}
.wapbanner{display: block}
.navbtn{display: none}
.top{padding: 0px;}
.top .mainbox{height: 50px;}	
.logo{width:90px}
.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:#000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; }
.nav ul{display:block; width:100%; }
.nav li{padding:15px 0px; display:block; width:100%; text-align: center}
.nav li>a{color: #fff}


.nav-btnbox {position:absolute;z-index:999999999999999999;right:20px;top:50%; transform:translate(0,-50%); width:30px;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;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;}
.nav-btnbox .icon-bar:first-child{width: 20px; margin-left: 10px;} 
	
.nav li>a:before{display: none}	
	

.nav-btnbox .icon-bar+.icon-bar {margin-top:6px}	
	
.menu-open .top{ position: fixed; background: #000}

.menu-open .top .nav li>a{color:#fff; display: inline-block; width: auto; font-size:38px;}
.menu-open .top .nav li:hover>a{color: #f08300}

	

.menu-open .nav-btnbox{right: 10px;}	
.menu-open .nav-btnbox .icon-bar{ background-color:#fe4101; width:20px;}
.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); margin-left: 0px;}	
.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -1px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -1px, 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)}

}

	.shuzi i{font-size: 70px;}
	.shuzi{height:70px;}
	.shuzi em{font-size: 40px;}
	.shuzi i{letter-spacing: -2px;}
	.wenzi{font-size: 24px; height: 24px; margin-top: 15px;}
	.wenzi p{line-height: 24px;}
	.syabout_tittop{height: 60px;}
	.syabout_tit h1{font-size:22px;}
	.syabout_tit h2{font-size:24px;}
	.syabout_titbot{height: 100px;}
	.syabshuzi{margin-top: 20px;}
	.syserhezi{height: auto;}
	.syserleft{width: 100%; position:relative;position:relative; top:auto; float: none}
	.syserright{width: 100%; float: none; display: block; position: relative}
	.syserright .swiper-wrapper{display:flex}
	.syserright .swiper-pagination{bottom:0px; text-align: center;width: 100%; z-index: 8}
    .syserright .swiper-pagination-bullet{ width:30px;height:2px; border-radius: 0px; background: #999; opacity: 1; margin:0px 5px;}

    .syserright .swiper-pagination-bullet-active{background: #fe4101;}
	
	.sycasetop .sycasetxt p{font-size: 24px;}
	.sycasebot .sycasetxt p{font-size: 24px;}
	
	.sycasetop .swiper-slide:nth-child(1) a{padding-right:40px; }
    .sycasetop .swiper-slide:nth-child(2) a{padding-left:40px;}
	
	.sycasebot .swiper-slide a{padding: 40px 20px 0;}
	
/*	.qiehuan .swiper-button-next,.qiehuan .swiper-button-prev{width:60px; height: 60px;}
	.synewsleft .swiper-pagination-current{font-size:70px;}
	.synewsleft .swiper-pagination{font-size: 50px;}*/
	
	.synewsright .swiper-slide{width:320px;}
	
	.kehulist{padding-bottom:20px}
	
	.newsshowleft{float: none; width: 100%; margin-top: 0px; padding-top: 30px; display: block}
	
	.newsshowright{width: 100%; position: relative}
	.newsshowleftbox{padding: 0px;}
	.updown li:last-child a{ background-size: 40px auto; padding-right: 60px;}
	.updown li:first-child a{ background-size: 40px auto; padding-left: 60px;}
}




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


@media screen and (max-width:1000px)
{
	
	.syabout{ background: url("../images/abbjs.jpg") no-repeat center center; background-size: cover; padding:50px 0;}

	.syabout>img{display: none}
	.syabout .data-circle{position: relative; display: none}
	.syabout_txt{position: relative; left: auto; top: auto; transform: none; margin: 0 auto}
	
	.syaboutbox{display: none}
	
	.syabout_tit{width: 100%}
	
	.sycasetop{padding-bottom:20px;}
	.sycasebot{padding-bottom:20px;}
	
	.synews:before{width:80%}
	
	
	.synewsbox{display: block}
	.synewsleft{width: 100%;}
	.synewsright{width: 100%; margin-top: 50px;}
	.synewstit{margin-bottom:50px;}
	.qiehuan{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; width:70%; margin-top: 10px; position: absolute; left: 0px; bottom: 40px; z-index:9999; display: none}
	
	.synewsleft .swiper-pagination{width: 70%; left: 50px; bottom: 0px; position: absolute; text-align: left; padding-bottom: 10px;}
	
	.qiehuan .swiper-button-next,.qiehuan .swiper-button-prev{margin: 0px;}
	.synews{padding: 50px 0px;}
	.synewsbox{position: relative; padding-bottom:100px;}
	
	
	.footnav{display: none}
	.footleft{width: 100%}
	
	.footliuyan li{width:100%; margin-bottom:20px;}
	.footliuyan li:nth-child(3){width:100%}
	.footliuyan li:nth-child(4){width:100%}
	.footliuyan ul{display: block;}
	
	.casexs{overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;  }
	.casexs ul{ width: 120%}
}





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



{

	.aboutbantxt h1{font-size: 40px}
	
	.nyserbox{display: block}
	
	.nyserleft{width: 100%; margin-top: 5%}
	
	.nyserright{display: none}
	.serwap{display: block; width:80%; margin: 0 auto; }
	.serwap img{}
	
	.serhezi .mainbox{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; height: 100vh}
	.nyserbox{height: auto}
	
	.nycontlist li p{min-height: 74px;}
}



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

{
	body{font-size: 14px;}
	.mainbox{padding-left:20px; padding-right:20px;}
	.syabout_titbot{height: 120px;}
	
	.shuzi i{font-size:46px;}
	.shuzi{height:46px;}
	.wenzi{font-size: 16px; height: 16px; margin-top: 15px;}
	.wenzi p{line-height:16px;}
	.shuzi em{font-size: 20px; margin-left: 5px;}
	.syabshuzi li{width: auto}
	.shuzi i{letter-spacing: -2px;}
	.sysertit h1{font-size: 24px;}
	.sysertit h1:before{width: 50%}
	.syserlefttxt h2{font-size: 20px;}
	.syserlefttxt{padding: 0px;font-size: 16px;}
	.syservice{padding: 40px 0px;}
	.syserright .swiper-pagination{bottom:-10px;}
	
	.syserlefttxt p{min-height: 90px;}
	.syserlefttxt ul{min-height:120px;}
	.sycasetit{padding:40px 20px 40px 0px;}
	
	.sycasetit h1{font-size: 24px;}
	.sycasetit h1:before{width: 50%}
	.sycasetop .swiper-slide:nth-child(1) a{border: none; padding-right: 0px; padding-top:20px;}
	.sycasetop .sycasetxt p{font-size: 18px;}
	.sycasetxt{padding: 20px 0px;}
	.sycasetop .swiper-slide:nth-child(2) a {padding-left: 0px; padding-top:20px;}
	.sycasebot .sycasetxt p{font-size: 18px;}
	.sycasebot .swiper-slide a{border: none; padding: 0px; padding-top:20px;}
	
	.synewstit h1{font-size: 24px;}
	.synewstit h1:before{width: 50%}
	.synewsleft .swiper-pagination-current{font-size:50px;}
	.synewsleft .swiper-pagination{font-size: 30px;}
	
	.synewsrighttxt{font-size: 16px; width: calc(100% - 40px);padding:10px 20px;}
	
	.synewsright .swiper-slide{width:240px;}
	
	.footliuyan h1{font-size:20px }
	.footerbj{padding-top: 60px;}
	.footliuyan input::-webkit-input-placeholder {font-size: 14px;}
    .footliuyan input::-moz-input-placeholder{font-size: 14px;}
    .footliuyan input::-ms-input-placeholder{font-size: 14px;}
	.footlogo{width: 130px;}
	
	.aboutbantxt h1{font-size:20px}
	.aboutbantxt p{font-size: 14px; margin-top: 5px;}

	.abtits h1{font-size: 24px;}
	.abtits h1:before{width: 50%}
	
	.nyaboutleft{width: 100%; float: none}
	.nyaboutright{width: 100%; float: none}
	.nyabouttop{padding: 40px 0px;}
	.nyaboutxts{font-size: 18px;}
	.nyabculture{padding: 40px 0px;background-size:150% auto;}
	.wenhuaboxs{display: block}
	.wenhualeft{width:94%; margin-right: 0px; margin-top: 40px;}
	.wenhuaright{width: 100%; margin-top: 30px;}
	.kehubox{padding: 40px 0px;}
	
	.kehufuc h2{font-size: 20px;-webkit-line-clamp: 3;line-clamp: 3; margin-bottom: 20px;}
	.kehufuc p{display: none;}
	.kehufuc a{padding: 15px; text-align: center}
	
	.serhezi .mainbox{height: auto}
	.serwap{width:100%; margin-top:10px;}
	.nyservicebox .serhezi{height: auto; padding:40px 0px;}
	.nyserleft h2{font-size: 22px;}
	.nyserleft h1{font-size: 20px;}
	.nyserleft{font-size: 16px;}
	
	.nyserleft{margin-top: 40px;}
	
	
	.nybanfd h2{font-size: 30px;}
	
	.casemiaoshu .mainbox.shang{display: block}
	.nycasetit{width: 100%}
	.casemiaoshu:before{width:70%; height: 100%}
	
    .nycasetit h2{font-size: 24px;}
	.nycasetit h1{font-size: 24px;}
	.nycasetit h2:before{width: 50%}
	.nycaseright{width: 100%; margin-top: 30px;}
	.nycaseright li h3{font-size: 20px;}
	.nycaseright li h3:before{width: 8px; height: 8px; margin-top: -4px; left: -18px;}
	
	.nycaseright li {width: calc(100% - 70px);padding: 0px 20px 0px 50px; margin-top: 20px;}
	.nycaseright li p{min-height:auto}
	
	.casemiaoshu{padding-top: 40px; margin-bottom: 40px;}
	
	.casexs ul{width: 200%}
	
	.casexs li{ margin-right: 45px;}
	.nycasebox li {width: calc(100% - 50px); margin-bottom: 20px;}
	
	.nycasebox li p{font-size: 18px; top: 10px;background-size:10px auto;}
	
	.nycasebox li span{font-size: 14px; bottom: 10px;}
	

	.caseshowdapic img{max-height:350px}
	.cseshowbopxs{display: block}
	.casesleft{width: 100%}
	.casesright{width: 100%; margin-top: 50px;}
	.casesleft ul{ text-align: center}
	.casesrightlogo{margin: 0 auto}
	.casesrighttxt{font-size: 16px;}
	
	.caseshowerge{display: block}
	.cseshowbopxs{padding-top: 40px; padding-bottom: 40px;}
	.yangxsi{padding: 40px 0px;}
	.yangxsi .mainbox.shang{display: block}
	.yanseleft{width: 100%; border-bottom: 1px solid #e6e6e6; border-right: none; padding: 30px 0px; }
	.yanseright{width: 100%; padding: 30px 0px;}
	.yangxsi h2{font-size: 22px;}
	.casesleft li p{font-size: 22px;}
	
	.caslf{width: 100%; margin: 20px 0px;}
	.caseshowerge{ margin: 20px 0px;}
	.nynewsboxtop{display: block}
	.nynewsboxtop li{width: 100%}
	
	.nynewsboxtop li:first-child{border: none; padding-right: 0px;}
	
	.nynewsboxbot .newsweniz p{display: none}
	.newsweniz h2{padding: 0px; margin-bottom:5px;-webkit-line-clamp:2;line-clamp: 2; font-size: 16px;}
	.nynewsboxbot li{padding: 20px 0px;}
	.newstxt h2{font-size: 16px;}
	.biatfan a{width: 30px;}
	.newsshowtit {margin-top: 20px;}
	.newsshowtit h1{font-size: 24px;}
	.updown{display: block; margin: 20px 0px}
	
	.updown li a{font-size: 16px;}
	
	.updown li{width: 100%}
	.newsshowright{padding-top: 0px;}
	.newsshowright dl dd{font-size: 14px;}
	
	.nycontactbox{padding-top: 40px; padding-bottom: 40px;}
	
	.nycontlist li {width: calc(100% - 100px); float: none; padding: 25px 0px;}
	.nycontlist li p{min-height: auto}
	
	.liuyanboxbj{padding: 50px 0px;}
	
	.liuyanbox li{width:100%}
	.liuyanbox ul{display: block}
	.tijiao{width: 100%}
	
	.tanboder{padding: 20px;}
	.tanboder h2{font-size:25px; line-height: 1.2}
	.erwixs{width: 34%}
	.erwixs p{font-size: 12px; line-height: 1.2; margin-top: 0px;}
	.xuayscv{width: 62%}
	.xuayscv p{font-size: 20px;}
	.close{right: 20px; top:20px}
	
	.tanbiaodan li{display: block}
	.tanbiaodan li span{width: 100%; text-align: left; font-size: 16px; display: block; margin-bottom: 5px;}
	.tanright{width: 100%}
	.tanright input[type="text"]{height: 36px;}
	.tanright textarea{height:80px;}
	.huoqubtn{width: 100%}
	.tanbiaodan li{margin-top: 10px;}
	

}


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


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