.five_website{font-family: "Microsoft YaHei";}
.five_website_w1{background:#e4f1f3;height: 300px;margin: 30px;overflow: hidden;}
.five_website_w1 .left{width:55%;float:left;text-align: center;padding-top: 100px;}
.five_website_w1 .left h2{font-size: 32px;font-weight: normal;}
.five_website_w1 .left p{margin: 30px 0;font-size: 21px;color: #666;}
.five_website_w1 .right{width:45%;float:left;}
.five_website_w1 .right img{padding-top:15px;}

.five_website_w2{padding:0 30px;}
.five_website_w2 h2{text-align: center;margin: 50px 0;font-size: 30px;font-weight: normal;}
.five_website_w2 ul li{box-sizing:border-box;height:140px;margin:0 17px 17px 0;background:#fff;border:1px solid #cccccc;display:inline-block;clear:both;overflow:hidden;width:-moz-calc((100% - 42px) / 3);width:-webkit-calc((100% - 42px) / 3);width:calc((100% - 42px) / 3);}
.five_website_w2 ul li:nth-of-type(3n){margin-right:0;}
.five_website_w2 ul li div{float:left;}
.five_website_w2 ul li .bgimg{width: 96px;height: 100%;}
.five_website_w2 ul li:nth-of-type(1) .bgimg{background:url(../images/new/five_website_l1.png) no-repeat center;background-size:auto;}
.five_website_w2 ul li:nth-of-type(2) .bgimg{background:url(../images/new/five_website_l2.png) no-repeat center;background-size:auto;}
.five_website_w2 ul li:nth-of-type(3) .bgimg{background:url(../images/new/five_website_l3.png) no-repeat center;background-size:auto;}
.five_website_w2 ul li:nth-of-type(4) .bgimg{background:url(../images/new/five_website_l4.png) no-repeat center;background-size:auto;}
.five_website_w2 ul li:nth-of-type(5) .bgimg{background:url(../images/new/five_website_l5.png) no-repeat center;background-size:auto;}
.five_website_w2 ul li:nth-of-type(6) .bgimg{background:url(../images/new/five_website_l6.png) no-repeat center;background-size:auto;}
.five_website_w2 .web_text{box-sizing:border-box;width:96px;width:-moz-calc(100% - 96px);width:-webkit-calc(100% - 96px);width:calc(100% - 96px);padding: 28px 30px 0 0;}
.five_website_w2 h3{color: #333333;font-size: 18px;font-family: Microsoft Yahei;font-weight: normal;text-align: left;margin-bottom: 11px;}
.five_website_w2 p{color: #666666;font-size: 14px;font-family: Microsoft Yahei;line-height: 25px;text-align: left;}

.five_website_w3{text-align:center;padding-bottom:50px;}
.five_website_w3 h2{margin-top: 50px;margin-bottom:20px;font-size: 30px;font-weight: normal;}
.five_website_w3 p{font-size:16px;color: #707070;}
.five_website_w3 div{padding: 0px 15%;text-align: left;font-size: 14px;margin: 30px 0;color: #707070;}

.five_website_w4{background:#e4f1f3;height:570px;padding: 0 10%;}
.five_website_w4 h2{font-size: 30px;font-weight: normal;text-align:center;padding:50px 0;}
.five_website_w4 .left{width:30%;float:left;}
.five_website_w4 .right{width:70%;float:left;}
.five_website_w4 .right div{background: #fff;padding: 10px 10px;font-size: 16px;margin-bottom: 10px;}
.five_website_w4 .right .rimg{background:url(../images/new/five_website_11.png) no-repeat center;background-size:auto; height: 200px;width: 100%;display: block;margin-top: -15px;margin-bottom: 15px;}

.five_website_w5 h2{font-size: 30px;font-weight: normal;text-align:center;padding:50px 0;}
.five_website_w5 .content{height:220px;padding: 20px 5%;}
.five_website_w5 .left{width:45%;float:left;text-align:center;}
.five_website_w5 .right{width:50%;float:left;}
.five_website_w5 .right .w1{background:url(../images/new/five_website_w1.png) no-repeat center;width: 37px;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right .w2{background:url(../images/new/five_website_w2.png) no-repeat center;width: 10%;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right .w3{background:url(../images/new/five_website_w3.png) no-repeat center;width: 10%;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right .w4{background:url(../images/new/five_website_w4.png) no-repeat center;width: 10%;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right .w5{background:url(../images/new/five_website_w5.png) no-repeat center;width: 10%;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right .w6{background:url(../images/new/five_website_w6.png) no-repeat center;width: 10%;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right .w7{background:url(../images/new/five_website_w7.png) no-repeat center;width: 10%;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right .w8{background:url(../images/new/five_website_w8.png) no-repeat center;width: 10%;height: 81px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.five_website_w5 .right h3{ margin-top: 20px;font-size: 24px;font-weight: normal;margin-bottom: 10px;}
.five_website_w5 .right p{font-size: 14px;color: #666;}

@media screen and (min-width:768px) and (max-width:1023px){
	.five_website_w1 .right img{width:96%;padding-top: 30px;}
	.five_website_w4{padding: 0 2%;}
	.five_website_w4 .right .rimg{background-size: 100% 100%;height: 160px;}
	.five_website_w5 .content{padding: 20px 2%;}
	.five_website_w5 .right .w2,.five_website_w5 .right .w3,.five_website_w5 .right .w4,.five_website_w5 .right .w5,.five_website_w5 .right .w6,.five_website_w5 .right .w7,.five_website_w5 .right .w8{width:15%;}
	.five_website_w5 .right h3{font-size:22px;}
	.five_website_w2 ul li .bgimg{width: 80px;}
	.five_website_w2 .web_text{padding: 15px 10px 0 0;width: calc(100% - 80px);}
	.five_website_w3 div{padding: 0 5%;}
	#modelList ul li{width: 50% !important;}

}

@media screen and (min-width:414px) and (max-width:767px){
	.five_website_w1{margin: 10px;}
	.five_website_w1 .left h2{font-size:18px;}
	.five_website_w1 .left p{font-size:14px;}
	.five_website_w1 .left{width: 100%;padding-top: 30px;}
	.five_website_w1 .right{width: 100%;float: none;text-align: center;}
	.five_website_w1 .right img{padding-top: 0px;width: 60%;}
	.five_website_w2{padding: 0 10px;}
	.five_website_w2 h2,.five_website_w3 h2,.five_website_w4 h2,.five_website_w5 h2{font-size:18px;}
	.five_website_w2 ul li{width: calc((100% - 0px) / 1);}
	.five_website_w3 div{padding: 0px 5%;}
	.five_website_w3 img{width: 92%;}
	.five_website_w4{height:auto;padding: 0 3% 20px 3%;}
	.five_website_w4 .left{width: 100%;float: none;text-align: center;}
	.five_website_w4 .left img{width:20%;margin-bottom: 20px;}
	.five_website_w4 .right{float:none;width:100%;}
	.five_website_w4 .right div{font-size: 14px;}
	.five_website_w4 .right .rimg{height: 110px;background-size: 100% 100%;}
	.five_website_w5 .content{height:auto;}
	.five_website_w5 .left{width: 100%;float: none;text-align: center;}
	.five_website_w5 .left img{width: 60%;}
	.five_website_w5 .right{width: 100%;float: none;}
	.five_website_w5 .right h3{font-size: 16px;}
	.five_website_w5 .right .w1,.five_website_w5 .right .w2,.five_website_w5 .right .w3,.five_website_w5 .right .w4,.five_website_w5 .right .w5,.five_website_w5 .right .w6,.five_website_w5 .right .w7,.five_website_w5 .right .w8{background-size: 80%;}
	.five_website_w5 .right .w2,.five_website_w5 .right .w3,.five_website_w5 .right .w4,.five_website_w5 .right .w5,.five_website_w5 .right .w6,.five_website_w5 .right .w7,.five_website_w5 .right .w8{width: 14%;}
	
}
@media screen and (max-width:413px){
	.five_website_w1{margin: 10px;}
	.five_website_w1 .left h2{font-size:18px;}
	.five_website_w1 .left p{font-size:14px;}
	.five_website_w1 .left{width: 100%;padding-top: 30px;}
	.five_website_w1 .right{width: 100%;float: none;text-align: center;}
	.five_website_w1 .right img{padding-top: 0px;width: 60%;}
	.five_website_w2{padding: 0 10px;}
	.five_website_w2 h2,.five_website_w3 h2,.five_website_w4 h2,.five_website_w5 h2{font-size:18px;}
	.five_website_w2 ul li{width: calc((100% - 0px) / 1);}
	.five_website_w3 div{padding: 0px 5%;}
	.five_website_w3 img{width: 92%;}
	.five_website_w4{height:auto;padding: 0 3% 20px 3%;}
	.five_website_w4 .left{width: 100%;float: none;text-align: center;}
	.five_website_w4 .left img{width:20%;margin-bottom: 20px;}
	.five_website_w4 .right{float:none;width:100%;}
	.five_website_w4 .right div{font-size: 14px;}
	.five_website_w4 .right .rimg{height: 110px;background-size: 100% 100%;}
	.five_website_w5 .content{height:auto;}
	.five_website_w5 .left{width: 100%;float: none;text-align: center;}
	.five_website_w5 .left img{width: 60%;}
	.five_website_w5 .right{width: 100%;float: none;}
	.five_website_w5 .right h3{font-size: 16px;}
	.five_website_w5 .right .w1,.five_website_w5 .right .w2,.five_website_w5 .right .w3,.five_website_w5 .right .w4,.five_website_w5 .right .w5,.five_website_w5 .right .w6,.five_website_w5 .right .w7,.five_website_w5 .right .w8{background-size: 80%;}
	.five_website_w5 .right .w2,.five_website_w5 .right .w3,.five_website_w5 .right .w4,.five_website_w5 .right .w5,.five_website_w5 .right .w6,.five_website_w5 .right .w7,.five_website_w5 .right .w8{width: 14%;}
	
}