@charset "utf-8";

.bgcolor_f1{background: #f1f5ff;}
.bgcolor_da{background: #dae1f0;}

.WSbanner{width: 100%;position: absolute;top: -40px;height: 100%;z-index: 99999;}
.WSbanner font{display: block;float: left;padding-top: 20%;width: 60%;}
.WSbanner font h1{font-size: 40px;/*font-weight: 300;*/color: #FFFFFF;line-height: 56px;padding-bottom: 20px;}
.WSbanner font h2{font-size: 35px;font-weight: 300;color: #FFFFFF;line-height: 56px;padding-bottom: 20px;padding-top: 3%;}
.WSbanner img{display: block;position: absolute;width: 39%;right: 10%;bottom: 0%;z-index: -1;}

.WSbannerF{width: 100%;position: absolute;top: -40px;height: 100%;z-index: 99999;}
.WSbannerF font{display: block;/* float: left; */margin-top: 20%;width: 100%;text-align: center;border: 1px solid rgb(255,255,255,0.3);background: rgb(255,255,255,0.1);}
.WSbannerF font h1{font-size: 40px;/* font-weight: 300; */color: #FFFFFF;line-height: 71px;/* padding-bottom: 20px; */}
.WSbannerF img{display: block;position: absolute;width: 39%;right: 10%;bottom: 0%;z-index: -1;}
.WSbannerF font strong{width: 50px;margin:0 auto;height: 2px;background: #fff;display: block;}
.WSbannerF font b{display: block;margin:0 auto;font-size: 22px;/* font-weight: 300; */color: #FFFFFF;line-height: 56px;/* padding-bottom: 20px; */text-transform: uppercase;font-weight: normal;}


.Wsystem{display: block;max-height: 419px;overflow: hidden;}
.Wsystem_l{display: block;width: 15%;padding:80px 5% 80px 15%;float: left;}
.Wsystem_l h1{font-size: 28px;color:#222222;line-height: 36px;padding-bottom:20px;}
.Wsystem_l p{font-size:14px;color:#222;line-height: 28px;min-height: 200px;text-align: justify;}
.Wsystem_r{display:block;padding:80px 15% 80px 3%;float: left;width: 47%;}
.Wsystem_r img{display:block;width: 100%;}


.Wsystem01{display: block;max-height: 580px;overflow: hidden;}
.Wsystem01_l{display: block;width: 17%;padding: 80px 3% 80px 15%;float: left;max-height: 580px;}
.Wsystem01_l h1{font-size: 26px;color:#222222;line-height: 40px;padding-bottom:20px;}
.Wsystem01_l p{font-size:14px;color:#222;line-height: 28px;min-height: 280px;text-align: justify;}
.Wsystem01_r{display:block;padding:80px 15% 80px 3%;float: left;width: 47%;}
.Wsystem01_r img{display:block;width: 100%;}
.Wsystem01_r{display:block;padding:80px 15% 80px 3%;float: left;width: 47%;min-height: 370px;overflow: hidden;}
.Wsystem01_r img{display:block;width: 100%;}


.Wsystem02{display: block;max-height: 460px;overflow: hidden;}
.Wsystem02_l{display: block;width: 28%;padding: 80px 3% 80px 15%;float: left;max-height: 575px;overflow: hidden;}
.Wsystem02_l h1{font-size: 26px;color:#222222;line-height: 40px;padding-bottom:20px;}
.Wsystem02_l p{font-size:14px;color:#222;line-height: 28px;min-height: 280px;text-align: justify;}
.Wsystem02_r{display:block;padding:80px 15% 80px 3%;float: left;width: 47%;}
.Wsystem02_r img{display:block;width: 100%;}
.Wsystem02_r{display:block;padding:80px 15% 80px 3%;float: left;width: 36%;min-height: 370px;overflow: hidden;}
.Wsystem02_r img{display:block;width: 100%;}



.WStitle03{position:relative;padding: 60px 0 20px 0;}
.WStitle03 h1 {font-size: 35px;line-height: 54px;text-align: center;}
.WStitle03 P{font-size:14px;color:#222;line-height: 28px;text-align: center;}


.WStitle04{position:relative;padding: 60px 0 20px 0;text-align: center;}
.WStitle04 h1 {font-size: 35px;line-height: 54px;text-align: center;padding-bottom: 10px;}
.WStitle04 P{font-size:16px;color:#222;line-height: 28px;text-indent: 2em;text-align: left;padding: 5px 0;}
.WStitle04 img{width: 100%;margin: 0 auto;text-align: center;margin: 40px 0px;border: 1px solid #ececec;}

.product_ul{padding-top: 10px;margin: 0 auto;width: 100%;padding-bottom: 20px;padding-top: 50px;}
.product_ul li{float:left;border-radius: 3px;width: 25%;}
.product_ul_w110 li{}
.product_ul .on{color: #fff;    background: #0671f6;}
.product_ul li a{color:#000;display:block;text-align:center;font: 16px/42px "microsoft YaHei";background: #fff;height: 42px;overflow: hidden;}
.product_ul li a:hover{background: #0671f6; color:#fff;}


.product_ul01{padding-top: 10px;margin: 0 auto;width: 100%;padding-bottom: 20px;padding-top: 50px;}
.product_ul01 li{float:left;border-radius: 3px;width: 25%;}
.product_ul01 .on{color: #fff;    background: #0671f6;}
.product_ul01 li a{color:#000;display:block;text-align:center;font: 16px/42px "microsoft YaHei";background: #fff;height: 42px;overflow: hidden;}
.product_ul01 li a:hover{background: #0671f6; color:#fff;}

.WPaaSbg{float: left;width: 46%;padding: 40px 2%;}
.WPtitle{/* float:left; */border-radius: 3px;width:100%;}
.WPtitle h1{color: #fff;display:block;text-align:center;font: 16px/60px "microsoft YaHei";background: #1464ff;overflow: hidden;}
.WPtitle h1 a:hover{background: #0671f6; color:#fff;}





.WPaaS{}
.WPaaS p{font-size:14px;color:#222;line-height: 28px;padding: 20px 0;display: block;}
.WPaaS img{ width: 100%; margin:0 auto;}




.WPbanner{width: 100%;position: absolute;top: -40px;height: 100%;z-index: 99999;}
.WPbanner font{display: block;float: left;padding-top: 15%;width: 60%;}
.WPbanner font b{display: block;background: #ff512a;height: 3PX;width: 80PX;}
.WPbanner font h1{font-size: 40px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;line-height: 56px;padding-bottom: 20px;}
.WPbanner font P{font-size: 14px;color: #ffffff;line-height: 23px;}


.detailsDiv {
	border-bottom: 1px solid #e1e9fd;
}

.details li {
    float: left;
    font-family: "SimSun";
    color: #7c7c7c;
}

.details li span {
    font: 14px/1.5 \5FAE\8F6F\96C5\9ED1,Tahoma, Geneva, sans-serif;
    color: #7c7c7c;
}

.pt10 {
    padding-top: 10px;
}

.details {
    border-top: 1px solid #eeeeee;
    padding: 10px;
    width: 1200px;
}

.details li a:hover {
    color: #428bd1;
}

.details li a {
    color: #7c7c7c;
    height: 30px;
    line-height: 30px;
    padding-right: 5px;
    padding-left: 5px;
    font: 14px/1.5 \5FAE\8F6F\96C5\9ED1,Tahoma, Geneva, sans-serif;
}



@media (max-width:1600px) {

.Wsystem_l{display: block;width: 20%;padding:80px 5% 80px 5%;}
.Wsystem_r{display:block;padding: 80px 0% 80px 3%;float: left;width: 67%;}
.Wsystem01_l{display: block;width: 20%;padding:80px 5% 80px 5%;}
.Wsystem01_r{display:block;padding: 80px 0% 80px 3%;float: left;width: 67%;}

}


@media (max-width:1366px) {
.WSbanner font {padding-left:5%}
}


@media (max-width:1300px) {
.Wsystem02{max-height: 430px;}
.Wsystem02_l{width: 28%;padding: 50px 3% 50px 15%;max-height: 457px;}
.Wsystem02_r{width: 36%;padding: 60px 15% 0px 3%;}
.WSbanner font {padding-left:4%}


}



@media (max-width:1080px) {
.Wsystem_l h1{font-size:26px;padding-bottom: 0px;}
.Wsystem_l{width:90%;padding:60px 5% 0 5%;float:none;}
.Wsystem_r{padding: 0px 5% 60px 5%;float: none;width: 90%;background: #dae1f0;}
.Wsystem{max-height: auto;max-height: none;}
.Wsystem_l p{min-height:auto;line-height: 22px;font-size: 13px;}	
.bgcolor_fff{background: #f1f5ff;}
.WSbanner font{padding-top: 23%;width:100%;text-align: center;padding-left: 0%;}
.WSbanner img{width:50%;right: 26%;bottom: -8%;display: none;}

.Wsystem01_l h1{font-size:26px;padding-bottom: 0px;}
.Wsystem01_l{width:90%;padding:60px 5% 0 5%;float:none;}
.Wsystem01_r{padding: 0px 5% 60px 5%;float: none;width: 90%;background: #f1f5ff;min-height: auto;}
.Wsystem01{max-height: auto;max-height: none;}
.Wsystem01_l p{min-height:auto;}	
.WSbanner01 font{padding-top: 15%;width:100%;text-align: center;}
.WSbanner01 img{width:50%;right: 26%;bottom: -8%;}
.WSbanner font h2{font-size:26px;line-height: 36px;padding-top: 12%;}
.WPaaSbg{float: none;width:96%;padding:30px 3%;}


.Wsystem02{display: block;max-height: none;overflow: hidden;}
.Wsystem02_l{width:90%;padding: 60px 5%;float: none;background: #dae1f0;}
.Wsystem02_l h1{font-size: 26px;color:#222222;line-height: 40px;padding-bottom:20px;}
.Wsystem02_l p{min-height: auto; text-align: justify;}
.Wsystem02_r{}
.Wsystem02_r img{display:block;width: 100%;}
.Wsystem02_r{float: none;min-height: auto;width: 90%;padding: 60px 5%;}
	
}


@media (max-width:900px) {
.WSbanner font{padding-top:30%;}	

	
}


@media (max-width:768px) {
.Wsystem_l{width:90%;padding:40px 5% 0 5%;float:none;}
.Wsystem_r{padding:20px 5% 40px 5%;float: none;width: 90%;background: #dae1f0;}
.bgcolor_fff{background: #f1f5ff;}
.WSbanner font{padding-top:16%;}
.WSbanner font h1{font-size:26px;line-height: 36px;padding-top: 12%;}
.Wsystem_l h1{font-size: 16px;}	
.WSbanner img{width:70%;right: 16%;bottom: -8%;}

.Wsystem01_l{width:90%;padding:40px 5% 0 5%;float:none;}
.Wsystem01_r{padding:20px 5% 40px 5%;float: none;width: 90%;}
.Wsystem01_l h1{font-size:23px;}	
.WSbanner01 img{width:70%;right: 16%;bottom: -8%;}
	

	
}

@media (max-width:600px) {
.WSbanner font{padding-top:30%;}		
}



@media (max-width:500px) {
.WSbanner font{padding-top:30%;}		
}


@media (max-width:500px) {
.WSbanner font{padding-top: 37%;}
	
}