@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)
	
{
  
	body{font-size: 14px;}
 
	
}

@media screen and (max-width:1520px)
	
{
 .prokuangxts{    font-size: 12px;}
}


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

}

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

		
}




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

 	body{overflow-x: hidden;}

	.nav{ position: fixed;top:70px;right:0;z-index:99;float:inherit;width:100%;height:calc(100vh - 70px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#ffffff; margin-top: 0px;}
	.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;background: url("../images/selectxia.png") no-repeat right 34px; background-size:8px auto}
	.nav li>a{display:inline-block; line-height:70px;  font-size: 18px }


    .nav li:nth-child(1)>a{display:block}
	.nav li:nth-child(1){background: none}
	

    .navdown{position:relative; left:0%; transform:none; width:calc(100% - 40px)!important;top: 0px; display: none; padding:0px 20px; box-shadow: none; font-size: 18px;}
	.navdown span{padding: 0px;}
	.nav li>a:before{display: none}

	.top.cur .nav-btnbox .icon-bar{background-color:#00143c;}
	
	.menu-open{height: 100vh; overflow: hidden}
	
	.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; height:50px;}
	.nav-btnbox  a{width: 100%}
	
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#ffffff;-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:#00143c;}
	.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:#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)}

	}
	
	.topright{width: auto;}
	.topright_btn{margin-right: 30px;}
	

}




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

	.livebox{transform: none; opacity: 1; margin: 30px 0px}
	.livebox .swiper-slide{border: none}
	.livebox a{width: 100%}
	.livebox .mainbox{padding-bottom: 20px;}
	.livebox .swiper-pagination-bullet-active{background: #083878}

}



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

	.banner{height: auto}
	.banner .swiper-slide{height: auto}
	.wapshow{display: block}
	.pcshow{display: none}
	#banvideo{display: none}
	.sytit h2{font-size: 24px;}
	.syprobox {display: block}
	.syproleft{width: 100%; font-size: 14px;}
	.syproright{width: 100%; margin-top: 30px;}
	.syproleft ul{margin: 20px 0px;}
	.sysolutit .swiper-slide a{line-height: 60px; font-size: 16px;}
	.sysolutionwenzi{width: 100%}
	.sysolutiontxt{position: relative; color:#586073; transform: none!important; left: auto; top: auto; padding: 20px 0px;}
	.sysolutionbox .swiper-slide .sysolutionwenzi{transform: translateY(0px);}
	.sysolutionwenzi h3{font-size: 20px; }
	.sysolutionwenzi p{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical; min-height: 100px; margin-bottom: 20px;}
	.sysolutionwenzi .morebtn3{background: #083878;border: 1px solid #083878;}
	.sypartner li{width: calc(33.33% - 5px);}
	.syhuisebj{background-size:200% auto}
	.syaboutbox {display: block}
	.syaboutleft{width: 100%}
	.syaboutright{width: 100%; margin-top: 40px;}
	.synewsbox{display: block}
	.synewsleft{width: 100%}
	.synewsright{width: 100%; margin-top: 20px;}
	.synewsright li a{padding: 20px 0px;}
	.footnav{display: none}
	.footcon{width: 100%}
	.probantxt p{max-width: 100%}
	
	.probantxt{top: 20%; transform: none}
	.proyoushibox{display: block}
	.proyoushitxt{width: 100%}
	.proyoushipic{width: 100%; margin-top: 30px;}
	.proyoushiwz{min-height: 90px;}
	.wenzitxt p br{display: none}
	.prokuangpic ul{display: block}
	.prokuangpic li{width: 100%!important; margin-top: 20px;}
	.prokuangpic li:before{display: none}
	.hyyyright li .shangerduan{display: block}
	.hyyytxt{width: 100%}
	.hyyypic{width: 100%; margin-top: 20px}
	.hyyyleft li a{padding: 10px;}

	.solution_youshi .swiper-slide .shangerduan{display: block}
	.soluysleft{width: 100%; padding: 0px;}
	.soluysright{width: 100%; margin-top: 30px}
	.solution_youshi{padding-bottom:70px;}
	.solution_youshi .qiehuan{width: 100%; left: 0px; bottom: 20px}
	.solution_case .swiper-slide .shangerduan{display: block}
	.solution_casepic{width: 100%;}
	.solution_txt{width: 100%;margin-top: 20px;}
	.solutionbantxt h3{margin-bottom: 5px}
	.nybantxt{top: 20%; transform: none}
	.lanse .nybantxt{color: #ffffff}
	.whtxt p{margin-top: 30px;}
	.fazhanbox .gallery-top .swiper-slide{width: 100%}
	.fazhanbox_top:before{display: none}
	.nyhonor{display: block}
	.nyhonorleft{width: 100%}
	.nyhonorright{width: 100%}
	.nyhonorright li{padding: 10px 0px;}
	.dingzhilist li {width: calc(100% - 90px);}
	.formbox {display: block}
	.formleft{width: 100%}
	.formright{width: calc(100% - 60px); margin-top:30px}
	.formleftlogo{margin-top: 30px}
	.mainbox1400{width:90%}
    .mainbox1080{width:90%}
	.nynewsbox li {width: calc(50% - 40px);}
	.chuangxin li {width: calc(50% - 60px);}
	.historytxt{display: block}
	.historyleft{width: 100%}
	.historytxt .bigpic{width: 100%; margin-top: 30px}
	.resource_case li{width: calc(50% - 40px);}
	.downloadbox li {width: calc(100% - 70px);}
	.xynewstxt {width: calc(100% - 390px);}
	.yunlist li {width: calc(100% - 50px);}
	.probanner .swiper-slide{height:auto;}
	.formleftimgbox{margin-top:20px}
		
}

@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%}
	
    .contacttop li {width: calc(100% - 110px); margin-bottom: 20px;}
	.contactadd li{width: calc(100% - 110px);margin-bottom: 20px;}
	
}

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

{
 
	body{padding-top: 60px;font-size: 12px;}
	.nybody{padding-top: 60px;}
	.top>.mainbox{height: 60px;}
	.nav{top: 60px; height: calc(100vh - 60px);}
	.top{background: #ffffff;box-shadow:0px 10px 10px rgba(0,0,0,0.02);}
    .top .logo img.show{display: none}
    .top .logo img.hide{display: block}
    .top .nav li>a{color: #00143c}
    .top .nav-btnbox .icon-bar{background-color:#00143c;}
	.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%}
	
	

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	.bantxt h2{font-size: 24px;}
	.bantxt h3{font-size: 24px; margin-top: 8px; margin-bottom: 15px;}
	.bantxt p{font-size: 12px;}
	.morebtn{width: 96px; height: 32px; font-size: 12px;}
	.bantxt p{max-width: 310px;}
	.bantxt .morebtn{margin-top: 5%}
	
	.syaboutlefttxt p:before{top: 13px;}
	.syaboutnum ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.syaboutnum li{width: 50%; text-align: left; margin: 10px 0px}
	.syaboutnum li p em{font-size: 30px;}
	.syaboutnum{margin-bottom: 20px;}
	.syaboutlefttxt{padding: 10px 0px;}
	.synewstxt{padding: 20px;}
	.synewstxtleft {width: calc(100% - 80px);}

	.dibubox h2{font-size: 20px; line-height: 1.4;margin-bottom: 30px;}
	.dibubox{padding: 30px 0px;}
	.footerlogo{display: none}
	.footerbot {display: block}
	.footerbot p span{display: block}
	
	.probantxt h2{font-size: 24px;}
	.probantxt h3{font-size: 24px;}
	.probantxt p{font-size: 12px;}
	.probantxt{top: 10%}
	.proyoushibox{padding: 30px;}
	
	.proyoushi .swiper-container{background: #ffffff}
	.proyingyong{display: block}
	.hyyyleft{width: 100%}
	.hyyyleft ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.hyyyleft li{width: 33.33%}
	.proyingyong{padding: 30px;}
	.hyyyright ul{padding: 0px;}
	.hyyyleft li a:before{width:0%; height: 2px; transform: none; top: 0px;}
	.hyyyleft li.cur a:before{width: 100%; height: 2px;}
	.hyyyright{width: 100%;border-top: 1px solid #e4e6e8; border-left: none; margin-top: 20px; padding-top: 20px;}
	.hyyyleft li a:after{display: none}
	
	.nybantxt h3{font-size: 20px;}
	.solutionbantxt h4{font-size: 20px;}
	.solutionbantxt p{font-size: 12px;}
	.soluysleft h3{font-size: 18px;}
	.solution_txt h3{font-size: 18px;}
	.tztxts p{font-size: 18px;}
	.solution_txt h3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
	.newstxt{padding: 20px;}
	.yeartxt h3{font-size: 40px;}
	.nyaboutwenhua ul{display: block}
	.nyaboutwenhua li{width:100%; height:240px; overflow: hidden; margin: 20px 0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	.whtxt p{margin-top: 18px;}
	.whtxt img{height: 50px;}
	.wenzitxt{text-align: justify}
	.formright li{display: block}
	.huoqux{width: calc(100% - 2px);}
	.yyinput.w100{width: calc(100% - 22px); margin-top: 10px}
	
	.join_search_box li{padding: 0px 20px}
	.join_search_box_left{width: 100%}
	.join_search_box_left span em{padding: 0px 10px;}
	.join_search_box_left span i{padding-right: 10px;}
	.join_search_box_left p{font-size: 18px; width: 80%}
	.join_search_box_down{padding: 0px;}
	.nynewsbox li {width: calc(100% - 40px);}
	.newsshowtit h2{font-size: 24px;}
	.updowns ul{display: block}
	.updowns li{max-width: 100%; margin-top: 10px}
	
	.sytit h2{font-size: 22px;}
	.chuangxin li p{font-size: 18px;}
	.historylist li{padding-left: 0px;}
	.historylist li em{position: relative}
	.historytxt{margin-top: 20px}
	.historylist{padding: 10px 0px}
	.historyyoushi li{width: calc(100% - 112px); margin-bottom: 20px;}
	.historyform .sytit h2{font-size: 20px; line-height: 1.4}
	.historyform{padding: 30px;}
	.historyforms li{width: calc(100% - 20px);}
	.historyforms li:nth-child(4) p{display: none}
	.historyforms li{margin-bottom: 10px}
	.resource_case li{width: calc(100% - 40px); margin-bottom: 20px}
	.downleft{width: 140px}
	.downright {width: calc(100% - 160px);}
	.downleft{min-height: 210px;}
	.resource_news li a{display: block}
	.resource_news li .bigpic{width: 100%}
	.xynewstxt{width: 100%; margin: 20px 0px;}
	.resource_news li a{padding: 30px}
	.xynewstxt p{-webkit-line-clamp:4;line-clamp: 4;}
	.xytime{border: none;width: 100%}
	.yunbox{padding: 20px}
	.dingzhitxt h4{font-size: 18px;}
	.yunlist li{margin-bottom:30px}
	.navdown{font-size: 16px}
	.joinselect{display: block}
	.joinselect select{width: 100%; margin-bottom: 10px}
	.joinsearch{ 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) 
	
{


	
	
}