/**
 * 浜у搧椤甸潰鏍峰紡
 */
 .margin-left10{margin-left: 10px;}
.margin-left12{margin-left: 12px;}
.margin-left15{margin-left: 15px;}
.margin-left24{margin-left: 24px;}
.margin-top15{margin-top: 15px;}
.margin-top35{margin-top: 35px;}
.margin-top30{margin-top: 30px;}
.portal-content-width{width: 997px;}
.portal-intro-content{width: 997px;margin: 0 auto;}
.portal-intro-text-content{width: 415px;float: left;margin-left: 25px;}
.portal-intro-img {width: 543px; height: 168px;float: left;}
.portal-intro-text{display: inline-block;}
.portal-intro-text li{font-size:14px;  color:#555555; line-height:28px; list-style-type: disc;text-align: left;}
.portal-architectur-content{width: 997px;margin:0 auto; margin-top: 40px;}
.portal-architectur-span0{width: 427px;height: 132px;background-color: #F2EFDA;float: left;text-align: left; line-height: 132px;border-radius: 2px;}
.portal-architectur-span1{width: 550px;height: 132px;background-color: #EEF1CD;float: left;margin-left: 20px; line-height: 132px;border-radius: 2px;}
.portal-architectur-span2{width: 175px;height: 324px;background-color: #D7ECE9;float: left;margin-top: 20px; line-height: 324px;border-radius: 2px;}
.portal-architectur-span3{width: 802px;height: 324px;float: left;margin-left: 20px;margin-top: 20px;}
.portal-architectur-span4{width: 997px;height: 103px;background-color: #BCE3E7;float: left;margin-top: 20px;border-radius: 2px;}
.portal-architectur-content lable{margin-left: 20px;color: #555555;font-size: 13px;float: left;}
.portal-architectur-span0 .span0-div{width: 255px; float: left;margin-left: 50px;margin-top:18px}
.portal-architectur-span0 .span0-div span{width: 120px;height: 40px;background-color: #999367;line-height: 40px;display:block; float: left;font-size: 13px;color: #FFFFFF;text-align: center;}
.portal-architectur-span1 .span1-div{width: 390px; float: left;margin-left: 60px;margin-top:18px}
.portal-architectur-span1 .span1-div span{width: 120px;height: 40px;background-color: #7D8154;line-height: 40px;display:block; float: left;font-size: 13px;color: #FFFFFF;text-align: center;}
.portal-architectur-span2 .text-webkit{white-space:normal;line-height:20px;margin-top: 124px;width: 20px;}
.portal-architectur-span2 .span2-div{margin-left:60px;  margin-top: 58px; line-height: 0px;width: 40px; float: left;}
.portal-architectur-span2 .span2-div img{width: 40px;height: 40px; }
.portal-architectur-span3 .span3-div0{width: 803px;height: 76px;background-color: #DDEBC6;line-height: 76px;text-align: center;border-radius: 2px;}
.portal-architectur-span3 .span3-div1{width: 803px;height: 132px;background-color: #D7ECE9; margin-top: 20px;border-radius: 2px;}
.portal-architectur-span3 .span3-div2{width: 803px;height: 76px;background-color: #B8E2DC;margin-top: 20px;line-height: 76px;text-align: center;border-radius: 2px;}
.portal-architectur-span3 .span3-div0 .span3-div0-div{margin-top: 18px;margin-left: 30px;float: left;}
.portal-architectur-span3 .span3-div0 span{width: 155px;height:40px;text-align: center; background-color: #9ABA6D;float: left; line-height: 40px;font-size: 13px;color: #FFFFFF;} 
.portal-architectur-span3 .span3-div1 .span3-div1-div{margin-top: 18px;margin-left: 30px;float: left; width: 665px;}
.portal-architectur-span3 .span3-div1 span{width: 155px;height:40px;text-align: center; background-color: #69ABA9;float: left; line-height: 40px;font-size: 13px;color: #FFFFFF;} 
.portal-architectur-span3 .span3-div2 .span3-div2-div{margin-top: 18px;margin-left: 30px;float: left;}
.portal-architectur-span3 .span3-div2 span{width: 123px;height:40px;text-align: center; background-color: #62A49B;float: left;line-height: 40px; font-size: 13px;color: #FFFFFF;} 
.portal-architectur-span4 .span4-div {margin-top:26px;margin-left: 173px;}
.portal-architectur-span4 .span4-div div{width: 125px;float: left;}
.portal-architectur-span4 .span4-div div img{width: 40px;height: 40px; margin: 0 auto;}
.portal-architectur-span4 .span4-div div label{margin-top: 5px;text-align: center;display: block;color: #555555;font-size: 13px;}
.portal-characteristics-content{width: 931px;margin:0 auto; margin-top: 54px;}
.portal-characteristics-text-content{width:400px;float: left;}
.portal-characteristics-content li{font-size:14px;  color:#555555; line-height:38px; list-style-type: disc;text-align: left;}
.portal-characteristics-content span{color: #555555;font-size: 13px;float: left;}
.portal-characteristics-content .portal-characteristics-div{float: left;margin-left: 60px;width: 471px;}
.portal-characteristics-content .span-top{width: 471px;height: 47px;background-color: #D7ECE9; display: block;line-height: 47px;text-align: center;border-radius: 2px;}
.portal-characteristics-content .span-center{width: 50px;height: 174px;background-color: #CEE6D1;margin-top: 10px;border-radius: 2px;}
.portal-characteristics-content .span-center .span-center-text{width: 10px; margin: a auto; line-height: 18px;display: inline-block;margin-top: 15px;}
.portal-characteristics-content .span-bootom{width: 471px;height: 47px;background-color: #F2EFDA;display: block;line-height: 47px;text-align: center;margin-top: 10px;border-radius: 2px;}
.portal-example-content{width: 997px;margin:0 auto; margin-top: 21px;}
.portal-example-content div{background-size: cover;}