@charset "utf-8";

/* CSS Document */
@media screen and (min-width:2200px)
	
{

}

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

}

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

	
	
}




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


	.mainbox{width: 86%}
 
	
}

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



 
}


@media screen and (max-width:1366px)
	
	
{
		body{font-size: 14px;}

}

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

		
}




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

 	body{overflow-x: hidden; padding-top: 70px;}
	.top{background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.02);}
    
	.nav{ position: fixed;top:70px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 70px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fdfdfd;max-width: 100%}
	
	.nav ul{display:block; width: 90%; margin: 0 auto;padding-top: 20px; }

	.nav li{border-bottom: 1px solid rgba(0,0,0,0.1); height:auto;display:block; margin: 0px; text-align: left; position: relative}
	.nav li>a{display:inline-block; line-height:70px;  font-size: 18px; position: static }

    .nav li:nth-child(1)>a,.nav li:nth-child(3)>a,.nav li:nth-child(6)>a{display:block}
	.nav li.cur2>a:before{transform: rotate(-180deg); top:20px; }
	
	
    .navdown{position:relative; left:0%; transform:none; width:100%;top: 0px; display: none;box-shadow: none; font-size: 16px; background: none; border-radius:0; padding-top: 0px;}

	
	.menu-open{height: 100vh; overflow: hidden}
	
	.topright{width: auto;}
	.tel{margin-right:50px;}
	.topright_right{margin-right: 50px;}
	.nav-btnbox {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:flex; cursor: pointer;}
	.nav-btnbox  a{width: 100%}
	
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#333333;-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 a{ width: 20px}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:4.5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#333333;}
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 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, -8px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);}

	.menu-open .nav{visibility:visible;opacity:1;}
	.menu-open .icon-bar{ background:#333333}
	.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)}

	}
	.newsshowbj{padding-top: 0px;}

	
}




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



}



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

	.bantxt h2{font-size: 40px;}
	.sybusiness li{width: calc(100% - 40px);}
	.syabouttxt p br{display: none}
	
	.syabouthezi li{width: calc(100% - 40px);}
	.sypartner_logo_right li{width: calc(25% - 10px);}
	.synewsbox>.shang{display: block}
	.synewsbox_left{width: 100%}
	.synewsbox_right{width: 100%}
	.synewsbox_right li{margin-top: 20px;}
	.foot_zixun h3{font-size: 24px;}
	.footer_top{display: block}
	.foot_cont{width: 100%}
	.foot_from{width: 100%; margin-top: 30px;}
	.foot_nav{width: 100%; margin: 40px 0px; display: none}
	.nybantxt h2{font-size: 30px;}
	.nybantxt2 h2{font-size: 30px;}
	.xinmeitibox li{width: calc(50% - 90px);}
	.gongguanbox li{width: calc(100% - 90px);}
	.pingpaikou li{width: calc(50% - 70px);}
	.yuqingbox{display: block}
	.yuqingtxt{width: 100%}
	.yuqingpic{width: 100%; margin-top: 40px;}
	.business_ziben li .mainbox{display: block}
	.zibenpic{width: 100%}
	.zibentxt{width: 100%; margin-top: 30px;}
	.business_ziben li{padding: 10% 0px;}
	.caselist li{width: calc(50% - 30px)}
	.nyabnumber li{width: calc(50% - 90px)}
	.nyhuangjing .swiper-slide{width: 40%!important}
	.nynewsbox li {width: calc(50% - 30px);}
		
	.nynewstop a{display: block}
	.nynewstop .bigpic{width: 100%}

	.nynewstxt{width: calc(100% - 40px); padding:20px;}

	
	.nynewsshowleft{width: calc(100% - 60px)}
	.nynewsshowright{width: calc(100% - 60px); margin-top: 30px}
	.contact_top>.shangerduan{display: block}
	.contact_top li{width: calc(100% - 100px);}
	.contact_top li:first-child{margin-bottom: 30px;}
	.contactlist li {width: calc(100% - 170px);}
		
	.biaodan{display: block}
	.biaoright{width: 100%}
	.aigeolist li {width: calc(100% - 90px);}
	.aigeoyuanli li {width: calc(50% - 90px);}
	.aigeozengz li{width: calc(50% - 90px);}
		
		
	.fourlist.xinmeitibox li{width: calc(50% - 90px);}
	
	.pinpaibox_one {display: block}
	.pinpaibox_two {display: block}
	.pinpaibox_three {display: block}
	.pinpaibox_four {display: block}
	.pinpaitxt{width: calc(100% - 40px);}
	.pinpaipic{width: calc(100% - 40px); padding: 20px;}
	.pinpaipic img{margin: 0 auto}
	.pinpaibox_two .pinpaipic{padding: 20px;}
	.ailist li{width: calc(50% - 50px);}
	.lisyx li{width: 30%; margin-bottom: 20px;}
	.quanweione{display: block}
	.quanweitwo{display: block}
	.weijilist li{width: calc(50% - 50px);}
}

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

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

	.mt1{ margin-top:2%}
	.mt2{ margin-top:3%}
	.mt3{ margin-top:5%}
	.mt4{ margin-top:6%}
	.mt5{ margin-top:7%}
	.mt6{ margin-top:8%}
	.mt8{ margin-top:10%}
	
	

	.pb3{ padding-bottom:4%}
	.pb4{ padding-bottom:5%}
	.pb5{ padding-bottom:6%}
	.pb6{ padding-bottom:7%}
	.pb7{ padding-bottom:8%}
	
	.pt5{padding-top: 10%}
	
	
		
}

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

{
	body{padding-top: 60px;}
	.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%}
	.mt5{ margin-top:12%}
	.mt6{ margin-top:15%}
	.mt8{ margin-top:20%}
	
	
	.pt4{padding-top: 10%}
	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	.logo{width: 80px;}
	.tel{margin-right:0px; }
	.topbtns{display: none}
	.topright_right{margin-right: 20px;}
	.top>.mainbox{height: 60px;}
	.nav{top: 60px; height: calc(100vh - 60px);}
	
	
	.bantxt h2{font-size:20px; line-height: 1.2; margin-bottom: 5px;}
	.bantxt p{font-size: 12px; letter-spacing: 0}
	.bantxt .morebtn{margin-top: 20px;}
	.banner .swiper-pagination{bottom: -20px;}
    .banner .swiper-pagination-bullet{width: 6px; height: 6px;}
	.banner .swiper-pagination-bullet-active{width: 20px;}
	.business_bot span{width: calc(100% - 40px);}
	.footer_top h4{font-size: 18px;}
	.fudong{bottom: 0px; width: 100%;top: auto; transform: none; right: 0px;}
	.fudong ul{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; }
	.topup {display: none}
	.fudong li{width: 33.33%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.fudong li p{margin-left:5px!important;white-space: nowrap;}
	.fudong li a>p{ font-size: 14px;}
	.fudong li p br{display: none;}

	.fudong li a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.fudong li img{margin: 0px; margin-right: 20px}
	.fudong li:first-child p{width: auto; margin: 0px;}
	.fudong_down{top: auto;bottom: 68px;}
	.fudong_down:before{border-right:10px solid transparent;border-left:10px solid transparent;border-top: 10px solid #ffffff; position: absolute; left: 50%; bottom:-20px;top:auto; transform: translate(-50%,0)}
.fudong li .fudong_down{display: none!important}
	.fudong li a{padding: 16px 0px;}
	.footerbj{padding-bottom: 60px;}
	.fudong li:hover .fudong_down{right:10px}
	.sytit h2{font-size: 24px; line-height: 1.4}
	.syabouttxt p{font-size: 14px;}
	.syabculturetxt p{font-size: 20px;}
	
	.zhengyanbox .swiper-slide{width: 90%}
	.zhengyanbox .swiper-container{padding-bottom: 30px;}
	.zhengyanbox .swiper-pagination{bottom:0px;}
    .zhengyanbox .swiper-pagination-bullet{width: 6px; height: 6px;}
	.zhengyanbox .swiper-pagination-bullet-active{width: 20px;}
	.sypartner_logo>.mainbox{display: block}
	.sypartner_logo_left{width: 100%}
	.sypartner_logo_right{width: 100%; margin-top: 20px;}
	.sypartner_logo_left li p em{font-size: 30px;}
	.sypartner_logo_left li{padding: 10px 0px}
	.sytit.xia{display: block; margin-top: 20px;}
	.sytitleft{text-align: center}
	.synewsnav{width: 100%; max-width: inherit; margin-top: 20px;}
	.synewsbox_txt h4{font-size: 18px;}
	.synewsbox .oneline{display: block}
	.foot_zixun{padding: 50px 20px;}
	.footer_bot .mainbox{display: block}
	.foot_from li{width: calc(100% - 40px);}
	.nybantxt h2{font-size: 20px;}
	.nybantxt2 h2{font-size: 20px;}
	.nybanner{overflow: hidden}
	.nybanner img{width: 150%; margin-left: -35%; max-width: inherit}
	.nybantxt p{max-width:60%}

	.xinmeitibox li{width: calc(100% - 90px);}
	.pingpaikou li{width: calc(100% - 70px);}
	.ggtxt p{font-size: 20px;}
	.pingpaikou li p{font-size: 20px;}
	.xinmeitibox li p{font-size: 20px;}
	.seolist_top li{width: calc(50% - 20px);}
	.seolist_bot li{width: calc(33.33% - 20px);}
	.business_case{padding-bottom: 30px;}
	.business_case .swiper-pagination{bottom: 0px;}
	.business_case .swiper-pagination-bullet{width: 6px; height: 6px;}
	.business_case .swiper-pagination-bullet-active{width: 20px;}
	.zibentxt h3{font-size: 20px;}
	.casetit dl{display: block}
	.caselist li{width: calc(100% - 30px)}
	.casetit dd{width: 100%; margin-top: 20px;}
	.nyabnumber li { width: calc(100% - 90px);}
	.nyabnumber li span em{font-size: 30px;}
	
	.nyhuangjing .swiper-slide{width: 80%!important}
	.nyculture li { width: calc(100% - 90px);}
	.nyhonor {padding-bottom: 30px;}
	.nyhonor .swiper-pagination{bottom: 0px;}
	.nyhonor .swiper-pagination-bullet{width: 6px; height: 6px;}
	.nyhonor .swiper-pagination-bullet-active{width: 20px;}
	.fazhanyear h3{font-size: 24px;}
	.fazhanyear p{font-size: 14px;}
	.fazhantop{padding: 30px 20px;}
	
	.fazhanhezi .swiper-button-prev,.fazhanhezi .swiper-button-next{width:34px; height: 34px; }
	.fazhanhezi .swiper-button-prev{left:-3%;}
	.fazhanhezi .swiper-button-next{right:-3%;}
    .nynewsbox li {width: calc(100% - 30px);}
	
	.nynewstxt h4{font-size: 20px; display: block;}
	.nynewsshow_tit h1{font-size: 20px; line-height: 1.4}
	.newsshowdown p{max-width: calc(100% - 15px)}
	.newsshowdown p:first-child{margin-bottom: 20px}
	.newsshowdown{display: block}
	.contact_top li{width: calc(100% - 100px); display: block; }
	.contxts{width: 100%; margin-top: 30px;}
	.contxts p{font-size: 20px;}
	.conico{width: 60px;}
	.aigeoyuanli li {width: calc(100% - 90px);}
	.aigeozengz li{width: calc(100% - 90px);}
	.ailogobox li{width: calc(33.33% - 20px); margin-top: 20px;}
.xinmeitibox ul {
    width: calc(100% + 20px);
    margin-left: -20px;
}
.xinmeitibox li span br{display: none;}
	.fourlist.xinmeitibox li{width: calc(50% - 40px); padding:30px 10px; margin-left:20px}
	.weijilist li{width: calc(100% - 50px);}
	    .ailist li {
        width: calc(100% - 50px);
			
    }
	    .lisyx li {
        width: 50%;

    }
	.lisyx li img{width: 90%}
	
	
	.pinpaipic li{width: 50%;display: block}
	.ppright{width: 100%}
	.pinpaipic li img{display: block; margin: 0px; margin-bottom: 10px;}
	
	.nybantxt2 h4{display: none}
	.nyaboutnewbox{display: block}
	.nyaboutleft{width: 100%}
	.nyaboutlefttxt h2{font-size: 30px; line-height: 1.4}
	.nyabnumbernew{width: 100%;}
	.nyabnumbernew li{width: 33.33%}
	.nyabnumbernew li p em{font-size: 30px;}
	.nyabnumbernew li p i{font-size: 18px;}
	.nyaboutright{width: 100%}
	
}


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

{

	
}

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

	
}

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


	

}

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

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

	
}

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


	
	
}