@media ( min-width:414px ) and ( max-width:767px ) {



html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }

body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */ }

.container { margin-right:auto; margin-left:auto; width:90%; }

.container:before, .container:after { content:" "; display:table; }

.container:after { clear: both; }

.container:before, .container:after { content:" "; display:table; }

.container:after { clear:both; }

	



.first{background:url("../images/firstsj.jpg") center no-repeat;}

.first span{ left:0;}

.first div{ top:42%;text-align:center; left:37%}

.second{background:url("../images/thirdsj.jpg") center no-repeat;}

.second img{top: 40%;right:28%;}

.third{background:url("../images/secondsj.jpg") center no-repeat;}

.third img{top:35%;left: 33%;}

.fourth{background:url("../images/fourth.jpg") center no-repeat;}

.fourth span{ left:0;}

.fourth div{ top:30%;right:24%;}









.jobtop{ float: left; width: 100%; }

.jobtop p{ font-size:14px; line-height: 2em;}



.jobcenter{display: none;}



.jobcentersj{float: left; width: 100%; margin-top:5em; height: 510px; overflow-y:auto;display: block;}



.jobzwsj{ width: 100%; float: left; margin-top:1em;}

.jobzwsj dt{ float: left; width: 100%; border-top: solid 1px #ccc; line-height: 2.6em; }

.jobzwsj dt span{float: left; width:30%; font-weight: bold;}

.jobzwsj dt em{float: left; width: 50%;}



.jobzwsj dd{ float: left; width: 100%; border-top: solid 1px #ccc; line-height: 1.8em; padding:1em 0; }

.jobzwsj dd span{float: left; width:100%; font-weight: bold;}

.jobzwsj dd em{float: left; width: 100%;}



.footbg span{font-size:18px;}

.footbg p{font-size:12px;}







.relative{display: none;}

.kjiaru{ display: none;}



.contactsj{ display: block;float: left; width: 100%; margin-top:1em; height:520px; overflow-y:auto;}





.cosj1{float: left; width: 100%;  padding: 1em 0}

.cosj1 span{line-height: 3em; width: 100%; float: left; border-bottom: solid 2px #ccc; margin: 0.5em 0; font-size: 20px;}

.mapsj{ float: left; width: 100%}

.mapsj img{ left; width:100%; height: 100%; margin: 0 auto;}



.jrwmsj{ float: left; width: 100%; margin:1em 0;}





#back{display: none; overflow: hidden;}

.newstop{display: none; overflow: hidden;}



.kleftmuen{display: none; overflow: hidden;}





.return1{display: none; overflow: hidden;}



.kingcontent{width:100%; height:100%; min-height:1000px; top:0; left: 0;background: #eff2f4; z-index:9999; position:relative;}





 .newmuen{float: left; width: 100%; background: #fff; position: fixed; z-index: 22; height:50px;}

 

 .newlogo{float: left; width:50%; padding-top:0.5em;}

.newlogo img{float: left; width:180px;}

 .newmuesj{ float: right; width: 40%; text-align: right;padding-top:1em; margin-right: 10px}





.width1360{ width:100%; float:left; height: 540px; overflow-y:auto;  margin:4em 0 0 0;}

.area_33 { float:left; width:100%; padding-right:15px; padding-left:10px; padding-top:1rem; padding-top:10px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.newsIndex{padding-bottom:2em;width:100%;}

.inner_height{ float:left;height:auto; border-bottom:1px solid #ebebeb;margin-top:-2em;padding-top:2rem;margin-bottom:2rem;}

.post_title{ float:left; padding:0 0.3em 0 0.3em; line-height:2.7em; margin:0em; height:2.7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.post_text{ float:left; width:100%; margin:0; overflow:hidden; line-height: 1.4em; height:auto;}

.post_date{ margin:2rem 0 0 0;}

.post_date dl{width:100%;margin:0;}

.image_box img{width:100%; height:auto;}







.loaded{ float:left; width:100%; text-align:center;  margin:0; font-size:1.2em;}

.loaded i{ float:left; width:100%; line-height:1.6em; font-size:2em}



.lefter{display: none; overflow: hidden;}





.ui-select-wrap{display: inline-block;border: 1px solid #aaa;position: relative;height: 26px;padding-right: 15px;border-radius: 3px;background-color: #f2f2f2;cursor: pointer;font: 100 16px/30px;-webkit-user-select: none;user-select: none;z-index: 8;vertical-align: top;}

.ui-select-wrap.focus{z-index: 9;}

select.ui-select{height:26px;vertical-align: top;padding: 0 8px 0 4px;border: 1px solid #aaa;border-radius: 3px;background-color: #f2f2f2;font: 100 16px/30px;}

.ui-select-wrap>select{display: none;height: 32px;vertical-align: top;padding: 0 8px;border: 1px solid #aaa;}

.ui-select-input{display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 15px;padding-left: 8px;white-space: nowrap;overflow: hidden; line-height:1.8em;}



.ui-select-arrow{display: block;position: absolute;right: 3px;top: 40%;height: 0;width: 0;border: 5px solid transparent;border-width: 6px 5px 0 5px;border-top-color: #999;}

.ui-select-list{display: none;list-style: none;margin: 0;padding: 0;position: absolute;z-index: 10;left: -1px;top: 30px;background-color: #fff;border: 1px solid #AAA;width: 100%;overflow: auto;max-height: 200px;border-radius: 0 3px 3px 3px;}

.ui-select-wrap.up .ui-select-list{top: auto;bottom: 30px;}

.ui-select-wrap.focus .ui-select-list{display: block;}

.ui-select-list>li{display: block;line-height: 28px;padding: 0 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ui-select-list>li:hover{background-color: #ddd;}

.ui-select-list>li.selected{background-color: #b2b2b2;color: #fff;}

.ui-select-list>li.disabled{background-color: #f2f2f2;color: #999;cursor: not-allowed;}

.ui-select-list>li.disabled.selected{background-color: #59ADFF;color: #f2f2f2;cursor: not-allowed;}

.ui-select-wrap.disabled{color: #999;border-color: #ccc;cursor: not-allowed;}

.ui-select-wrap.disabled .ui-select-arrow{border-top-color: #ccc;}



.footer1{ float: left; width: 100%; z-index:999; position: fixed; bottom:0; display: block;overflow: hidden;}





.nd-titbox { width:40%; float:right; margin-top:1.5em} 

.kdtilte{ float:none; width:100%; line-height:2em;}

.nd-titbox { margin-top:0.5em; float:none; width:100%; text-align:center;} 

.nd-choose li{display:inline-block;float:none;}





.favor_n_tab{width:400px;}

.kingprdbg{ background:url(../images/kingproductbg.jpg) center top; width:100%; height:220px; }



.kinganniu a { padding:0.5em 1em; background:#fff; color:#000;  border:solid 1px #e60012; border-radius:5px; height:2.6em; line-height:2.6em; margin:0 0.3em;}





	/*导航--------------------huangliping新增*/

	.kingcbg,.kingcbg1,.kingcbg2,.kingcbg3,.kingcbg4,.kingcbg5{ margin-top:40px;}







	/*首页第二屏--------------------huangliping新增*/

	.section h3{top:15%;}

	.section .swiper-button-next,.section .swiper-button-prev{z-index:999;width:30px;height:30px;}

	.section .swiper-button-next{right:8px;}

	.section .swiper-button-prev{left:8px;}

	.lg_item{display:none;}

	.mini_item{display:block;width:100%;height:220px;top:40%;}

	.section2 .swiper-wrapper{width:300%;height:100%;margin:0 auto;}

	.section2 .swiper-wrapper .swiper-slide{width:100%;height:200px;float:left;text-align:center;}

	.section2 .swiper-wrapper .swiper-slide img{display:block;margin:0 auto;}

	.section2 .swiper-wrapper .swiper-slide span{display:block;margin:10px 0 ;font-size:18px;font-weight:700;}

	.section2 .swiper-wrapper .swiper-slide p{font-size:14px;line-height:22px;}



	/*首页第三屏--------------------huangliping新增*/

	.section3 .kingsan{margin:0;padding-top:0;padding-bottom:0;vpadding-top:0;padding-bottom:0;}

	.section3 .p1{width:100%;bottom:6%;text-align:center;margin-left:0;left:0;}

	.section3 .p1 a{width:60%;height:30px;line-height:30px;font-size:14px;}

	.section3 .section7_btn{bottom:6%;}

	.section3 .swiper-slide{margin:0;}

	

	/*首页第四屏--------------------huangliping新增*/

	.section4 .mini_item{display:block;width:100%;height:65%;top:30%;}

	.section4 .area_33{width:33.33%;padding:0;height:100%;}

	.section4 .item-preview{width:100%;height:100%;}

	.section4 .item-preview-thumb{height:100%;width:74%;max-width:550px;margin:auto;}

	.section4 .item-preview a{height:80%;}

	.section4 .item-preview h4{margin-top:10px;font-size:1.6rem;}





	/*产品--------banner*/

	.favor-bar_nav{margin-top:70px;}

	.product_banner{margin-top:70px;}

	

	/*案例详情-------------ad_detail6.html*/

	.kingcbg6 .kingtilte1{margin-top:5.5em;}



}



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

	/*新闻*/

	.post_date{ margin:1.5rem 0 0 0;}

}

@media ( min-width:600px ) and ( max-width:767px ){

	.s2_item a{display:block;width:300px;margin:0 auto;}

	/*首页第六屏*/

	.section6 .s6left{width:14rem;height:14rem;margin-top:6.5rem;margin-right:3rem;}

	.section6 .s6right{width:58%;margin-top:6.5rem;font-size:18px;line-height:32px;}

	.section6 .s6right>img{width:13rem;margin-top:2rem;}

	.section6 .s6_middle{width:85%;margin:20px auto;}

	.section6 .s6_middle ul.s6_ul1,.section6 .s6_middle ul.s6_ul2,.section6 .s6_middle div.ewm{width:100%;margin-right:0;}

	.s6_middle div.ewm{margin-top:40px;}

	.section6 .s6_middle ul li{line-height:40px;}

	.section6 .s6_middle ul li i{ line-height:40px;}

	/*关于-----团队风采*/

	.kingleft li a{font-size:14px;}

	.kingrihgt dd span{font-size:22px;}

	.kingaboutbg1,.kingaboutbg{padding-top:120px;}

	.kingrihgt.team dt>div{width:48%;float:left;}

	.kingrihgt.team .effect-8{min-height:183px;margin-top:10px;max-width:270px;}

	.kingrihgt.team dt>div.effect-8 h3{font-size:16px;margin-bottom:5px;}

	.kingrihgt.team .effect-8 .more-info p input{margin-top:10px;}

	.kingrihgt.team .effect-8 .member-image{bottom:none;top:44px;height:auto;}

	/*新闻*/

	.newsIndex{padding-bottom:2em;width:100%;}

	.newsIndex .inner_height{float:left;width:47%;margin:0 1.5% 20px;}

	.inner_height{ float:left;height:auto; border-bottom:1px solid #ebebeb;margin-top:-2em;padding-top:2rem;margin-bottom:2em;}





	/*产品--------K云企业商务平台*/



}



@media ( min-width:650px ) and ( max-width:767px ){



	/*产品--------K云企业商务平台*/

	.favor-list.swiper-container{width:90%;}

	.pro_index .swiper-slide p{text-align:left;text-align:justify;text-justify:inter-ideograph;margin:0 auto 1rem;width:95%;}

	.pro_index .swiper-slide p span{display:inline;}

	.pro_index .col_md_1{ height:366px;}

	.pro_index .swiper-slide .width70{width:96%;}

	.pro_index .pricingTable{border:none;}

	.pro_index .pricingTable dl{width:100%;padding:0;}

	.pro_index .pricingTable dl dd h3{font-size:20px;padding:0 0.5rem;}

	.pro_index .pricingTable dl dd span{font-size:14px;padding:0 0.5rem;}

	.pro_index .pricingTable dl dt img{width:50%;}

	.pro_index .pricingTabledldt img{ width:50%; max-width:111px;}

	.pro_index .xysnr,.pro_index .xysnr1{padding:0 10px 15px;box-sizing:border:box;-webkit-box-sizing:border-box;border:none;}

	.pro_index .xysnr dl dd{margin:0;width:100%;margin-top:5%;}

	.pro_index .xysnr dl dd span,.pro_index .xysnr1 dl dd span{font-size:20px;line-height:1.8em;}

	.pro_index .col_md_1{position:relative;transition:top 1s;background:#fff;}

	.pro_index .col_md_2{position:relative;transition:top 1s;height:auto;margin-bottom:2em;margin-bottom:1em;background:#fff;padding:0;}

	.pro_index .col_md_2 .xysnr dl,.pro_index .col_md_2 .xysnr1 dl{height:auto;}

	.pro_index .col_md_2 .xysnr dl dt,.pro_index .col_md_2 .xysnr1 dl dt{width:100%;}

	.pro_index .xysnr1 dl dd{width:100%;margin-top:5%;}

	.pro_index .col_md_2 .xysnr dl dt img,.pro_index .col_md_2 .xysnr1 dl dt img{width:100%;max-width:574px;}



	/*产品--------互联网+行业解决方案*/

	.pro_internet_text{width:100%;margin:105px auto 20px;}

	.pro_internet_text p{width:90%;margin:0 auto;}

	.pro_internet .width70{width:100%;padding-top:0;}

	.col_md_4{height: auto;background:#fff;width:100%;padding:0;border-bottom:1px solid #ebebeb;margin: 2rem 0;padding-bottom: 2rem;}

	.col_md_4 .xysnr dl{height:auto;}

	.col_md_4 dl dd{width:100%;margin:0;float:none;}

	.col_md_4 .xysnr{ width:100%;}

	.col_md_4 .xysnr dl dd i{text-align:left;}

	.col_md_4 .xysnr dl dd span{font-size:20px;line-height:1.8em;text-align:center;}

	.pro_process{width:100%;height: auto;padding-top:0;background:#fff;border-bottom:1px solid #ebebeb;transition:transform 0.5s;-ms-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:transform 0.5s;-o-transition:transform 0.5s;}

	.pro_process:hover{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}

	.pro_p_step{width:100%;margin-top:0;}

	.pro_p_step div{width:47%;height:160px;margin-right:2.2%;}

	.pro_p_tit{font-size:22px;}





}



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

	/*首页第一屏--------------------huangliping新增*/

	#container1 .swiper-button-next{width:30px;height:30px;background:url(../images/swiperBtnLeft01.png) no-repeat center;background-size:30px 30px;right:15px;margin-top:-25px;}

	#container1 .swiper-button-prev{width:30px;height:30px;background:url(../images/swiperBtnRight01.png) no-repeat center;background-size:30px 30px;left:10px;margin-top:-25px;}

	#container1 .pcSwiper .red_k {display:none;}

	#container1 .pcSwiper .mask img{display:none;}

	#container1 .pcSwiper .mb_red_k{display:block;}

	#container1 .pcSwiper .mb_red_k{position:absolute;width:100%;height:auto;top:33%;left:0;z-index:8;}

	#container1 .pcSwiper .mb_red_k img{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;}

	#container1 .pcSwiper .swiper-slide{margin:0;padding:0;}

	#container1 .pcSwiper .small_img{width:100%;height:auto;left:0;top:33%;margin:0;}

	#container1 .pcSwiper .small_img img.mb_hd_logo{width:100%;max-width:750px;margin:0 auto;}

	#container1 .pcSwiper .second_tit{width:100%;height:302px;top:auto;text-align:left;left:0;bottom:0;}

	#container1 .pcSwiper .third_tit{width:751px;height:281px;top:50%;right:0;left:50%;margin:-140px 0 0 -375px;}

	#container1 .pcSwiper .third_tit img.mb_fourthTitle{width:100%;max-width:750px;margin:auto;}

	#container1 .pcSwiper .fourth_left{position:absolute;width:100%;height:auto;bottom:0;left:10%;z-index:9;margin:0;top:auto;right:auto;}

	#container1 .pcSwiper .fourth_left img.mb_thirdTitle{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;}

	#container1 .pcSwiper .fourth_right{position:absolute;width:100%;height:auto;top:16%;left:0;z-index:10;max-width:100%;bottom:auto;margin-left:0;}

	/*#container1 .pcSwiper .fourth_right img.mb_fourthbg{display:block;width:100%;max-width:750px;margin:0 auto;}*/

	.fourth_1{width:140%;left:-20%;}



	#container1 .five_top{position:absolute;width:50%;top:25%;left:25%;margin-left:0;}

	#container1 .five_bottom{position:absolute;width:80%;top:62%;left:10%;margin-left:0;}



}











/*第三屏banner  2018.05.24*/

@media ( min-width:751px ) and ( max-width:767px ){

	#container1 .pcSwiper .fourth_right{top:15%;}

	.fourth_1{width:150%;left:-25%;}

}







@media ( min-width:751px ) and ( min-height:861px ) and ( max-height:950px ){

	#container1 .pcSwiper .fourth_right{top:17%;}

	.fourth_1{width:110%;left:-5%;}

}



@media ( min-width:1701px ) and ( max-width:1920px ) and ( min-height:861px ) and ( max-height:950px ){

	.fourth_1{width:90%;left:4%;}

}



@media ( min-width:1501px ) and ( max-width:1700px ) and ( min-height:861px ) and ( max-height:950px ){

	#container1 .pcSwiper .fourth_right{top:16%;}

	.fourth_1{width:106%;left:-3%;}

}



@media ( min-width:1400px ) and ( max-width:1500px ) and ( min-height:861px ) and ( max-height:950px ){

	

}



@media ( min-width:1200px ) and ( max-width:1399px ) and ( min-height:861px ) and ( max-height:950px ){

	#container1 .pcSwiper .fourth_right{top:15%;}

	.fourth_1{width:130%;left:-15%;}

}





@media ( min-width:768px ) and ( max-width:1199px ){

	.banner_4 .banner_text{width:34%;left:8%;}

}



























@media ( min-width:751px ) and ( min-height:761px ) and ( max-height:860px ){

	#container1 .pcSwiper .fourth_right{top:18%;}

	.fourth_1{width:110%;left:-5%;}

}





@media ( min-width:1701px ) and ( max-width:1920px ) and ( min-height:761px ) and ( max-height:860px ){

	#container1 .pcSwiper .fourth_right{top:17%;}

	#container1 .fourth_right img{width:95%;}

	.fourth_1{width:80%;left:9%;}

}

@media ( min-width:1501px ) and ( max-width:1700px ) and ( min-height:761px ) and ( max-height:860px ){

	#container1 .fourth_right img{width:95%;}

	.fourth_1{width:84%;left:7%;}

}

@media ( min-width:1400px ) and ( max-width:1500px ) and ( min-height:761px ) and ( max-height:860px ){

	#container1 .pcSwiper .fourth_right{top:15%;}

	.fourth_1{width:100%;left:-1%;}

}



@media ( min-width:1200px ) and ( max-width:1399px ) and ( min-height:761px ) and ( max-height:860px ){

	#container1 .pcSwiper .fourth_right{top:16%;}

}

































@media ( min-width:751px ) and ( min-height:651px ) and ( max-height:760px ){

	#container1 .pcSwiper .fourth_right{top:17%;}

	.fourth_1{width:90%;left:4%;}

}



@media ( min-width:1701px ) and ( max-width:1920px ) and ( min-height:651px ) and ( max-height:760px ){

	.fourth_1{width:80%;left:-5%;}

	#container1 .pcSwiper .fourth_right{top:45%;left:60%;margin-left:0;}

}



@media ( min-width:1501px ) and ( max-width:1700px ) and ( min-height:651px ) and ( max-height:760px ){

	#container1 .fourth_right img{width:95%;}

	.fourth_1{width:80%;left:9%;}

}

@media ( min-width:1400px ) and ( max-width:1500px ) and ( min-height:651px ) and ( max-height:760px ){

	#container1 .fourth_right img{width:90%;}

	.fourth_1{width:84%;left:7%;}

}



@media ( min-width:1200px ) and ( max-width:1399px ) and ( min-height:651px ) and ( max-height:760px ){

	#container1 .fourth_right img{width:95%;}

}

























@media ( min-width:751px ) and ( min-height:450px ) and ( max-height:650px ){

	#container1 .pcSwiper .fourth_right{top:17%;}

	#container1 .fourth_right img{width:80%;}

	.fourth_1{width:76%;left:11%;}

}



@media ( min-width:1701px ) and ( max-width:1920px ) and ( min-height:450px ) and ( max-height:650px ){

	.fourth_1{left:-1%;}

	#container1 .pcSwiper .fourth_right{top:42%;left:60%;margin-left:0;}

}



@media ( min-width:1501px ) and ( max-width:1700px ) and ( min-height:450px ) and ( max-height:650px ){

	#container1 .fourth_right img{width:74%;}

	.fourth_1{width:68%;left:15%;}

}



@media ( min-width:1400px ) and ( max-width:1500px ) and ( min-height:450px ) and ( max-height:650px ){

	#container1 .pcSwiper .fourth_right{top:18%;}

	#container1 .fourth_right img{width:78%;}

	.fourth_1{width:76%;left:11%;}

}



@media ( min-width:1200px ) and ( max-width:1399px ) and ( min-height:450px ) and ( max-height:650px ){

	#container1 .fourth_right img{width:70%;}

	.fourth_1{width:78%;left:11%;}

}