
@media screen and ( min-width: 1302px ) {
	/*标题*/
	.product{width: 100%;height: 186px;position: absolute; } 	
	.product .title{background: url(img/title-bg.png) no-repeat; width: 426px;background-position: center bottom; height: 66px;margin:60px auto;text-align: center;}
	.product .title h4{font-size: 26px; font-weight: bold;line-height: 40px;}
	.product .title h4 em{color: #1954af;}
	.product .title span{text-transform:uppercase}
		
	.product1{width: 100%; min-width: 1300px; position: relative;}
	.product1 .title{position: absolute;top:27%;left: 19%;color: #fff;width: 550px;line-height: 1.8;}
	.product1 .title h4{font-size: 24px;line-height: 70px;}
	.product1 .title h5{font-size: 18px;text-indent: 35px;line-height: 25px;}
	.product2{width: 100%; min-width: 1300px; position: relative;}	

	.product2 .product-right-1{position: absolute;bottom: 58px;right: 33%;}	
	.product2 .product-right-2{position: absolute;bottom: 100px;right: 6%;}	
	.product2 .product-right-3{position: absolute;top: 25%;right: 12%;}
	 .product-rightstl{position: relative;}
	
	.product3{width: 100%; min-width: 1300px; height: 854px; background: url(img/product-bg3.jpg) no-repeat;background-position: center;position: relative;}	
	.product3 .features{width: 100%;height: 481px;position: absolute;top: 186px;}
	.product3 .features ul{width: 1300px; height: 481px; margin: 0 auto;}
	.product3 .features ul li{width: 33%; height: 33%;float: left;}
	.product3 .features ul li div{position: relative; background: url(img/product-bg3-title-bg.png) no-repeat; border-width: 12px ;border-style: solid;  border-radius: 50%;width: 162px;height: 162px;padding: 28px 10px; text-align: justify; text-align: center;}
	.product3 .features ul li div::before{content: '';transform:rotate(30deg);-ms-transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg);border-bottom-width: 6px ;border-bottom-style: solid; width: 190px;height: 190px;border-radius: 50%;position: absolute;top: -28px;left: -26px;}

	.product3 .features ul li div h4{font-size: 18px;line-height: 24px; font-weight: bold;}
	.product3 .features ul li div p{font-size: 16px;}
	.product3 .features ul li div:hover{transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); transition: all .6s linear;-ms-transition: all .6s linear;-moz-transition: all .6s linear;-webkit-transition: all .6s linear;-o-transition: all .6s linear;}
	.product3 .features ul li:first-child{width: 50%;}
	.product3 .features ul li:first-child div{border-color: #3eb1cc;margin-left: 48%; margin-top: 6%;}
	.product3 .features ul li:first-child div::before{border-bottom-color: #3eb1cc;}
	
	.product3 .features ul li:nth-child(2){width: 50%;}
	.product3 .features ul li:nth-child(2) div{border-color: #bf6f2c;margin-left: 28.5%; margin-top: 1.5%;}
	.product3 .features ul li:nth-child(2) div::before{border-bottom-color: #bf6f2c;}
		
	.product3 .features ul li:nth-child(3) div{border-color: #dd4b50; margin-left: 11.5%; margin-top: -1.5%;}
	.product3 .features ul li:nth-child(3) div::before{border-bottom-color: #dd4b50;}
	
	.product3 .features ul li:nth-child(4) div{border-color: #7ca84e;margin-left: 34%; margin-top: -3%;}
	.product3 .features ul li:nth-child(4) div::before{border-bottom-color: #7ca84e;}
	
	.product3 .features ul li:nth-child(5) div{border-color: #6e4996;margin-left: 56%; margin-top: -2%;}
	.product3 .features ul li:nth-child(5) div::before{border-bottom-color: #6e4996;}
		
	.product3 .features ul li:nth-child(6){width: 50%;}
	.product3 .features ul li:nth-child(6) div{border-color: #eabc3e;margin-left: 49%; margin-top: -9%;}
	.product3 .features ul li:nth-child(6) div::before{border-bottom-color: #eabc3e;}
		
	.product3 .features ul li:nth-child(7){width: 50%;}
	.product3 .features ul li:nth-child(7) div{border-color: #23ac98;margin-left: 29.5%; margin-top: -9%;}
	.product3 .features ul li:nth-child(7) div::before{border-bottom-color: #23ac98;}
		
	.product3 .center {top:667px;}
	
	.product-list{width: 100%; height: 778px; }	
	.product-list .image{width: 50%; height: 778px; }
	.product-list .info{width: 50%; height: 778px; background: url(img/product-bg4.jpg) no-repeat;background-position: center;}
	.product-list .info .title{width: 440px; height: 166px; margin-top: 126px; margin-left: 95px; font-size: 36px; line-height: 166px; color: #134592; text-align: center; background: url(img/product-bg4-right-title.png) no-repeat left;}
	.product-list .info .centent{margin-left: 95px;width: 80%;height: 144px;padding: 30px 0; font-size: 18px;line-height: 36px;}
	.product-list .info .list{margin-left: 95px;width: 80%;height: 345px;padding: 30px 0; font-size: 18px;line-height: 36px;}
	.product-list .info .list ul li{border: 1px solid #95b3dc; border-radius: 30px;padding: 3px 27px; background: #eef6fb;float: left;margin: 0 10px 10px 0;}
     .product-list .info .list ul li:hover{background-color: #95b3dc; color: #ffffff; transition: all 0.5s; }
	.product4 .image{background: url(img/product-bg4-left.jpg) no-repeat;background-position: center;}
	.product5 .image{background: url(img/product-bg4-right.jpg) no-repeat;background-position: center;}
}

@media screen and ( max-width: 1366px ) {
	.product2 .product{height: 126px; } 
	.product2 .product .title{margin:33px auto;}
	.product2 .product-right img{width: 70%;}
	.product2 .product-right-1{position: absolute;bottom: 58px;right: 22%;}
	.product2 .product-right-2{position: absolute;bottom: 100px;right: 0;}	
	.product2 .product-right-3{position: absolute;top: 25%;right: 3%;}
} 
@media screen and ( max-width: 1300px ) {
	.product{width: 100%;height: 0.75rem;position: absolute; } 	
	.product .title{background: url(img/title-bg.png) no-repeat; width: 57%;background-position: center bottom;margin:0px auto !important;text-align: center;}
	.product .title h4{font-size: 0.28rem; font-weight: bold; line-height: 0.2rem; padding-top: 0.1rem;}
	.product .title h4 em{color: #1954af;}
	.product .title span{font-size: 0.18rem;text-transform:uppercase}
	
	.product1{width: 100%;  position: relative;}
	.product1 .title{position: absolute;left: 17%;color: #fff;width: 84%;line-height: 1.4;font-size: 0.2rem; }
	.product1 .title h4{font-size: 0.3rem;line-height: 0.5rem;padding-top: 0.2rem;}
	.product1 .title h5{    line-height: 0.3rem;}

	.product2{width: 100%;  position: relative;}	
	.product2 .product-right-1{position: absolute;bottom: 0.28rem;right: 28%;}
	.product2 .product-right-1 img{width: 2rem;}
	.product2 .product-right-2{position: absolute;bottom: 0.6rem;right: 3%;}	
	.product2 .product-right-2 img{width: 1.8rem;}
	.product2 .product-right-3{position: absolute;top: 25%;right: 6%;}
	.product2 .product-right-3 img{width: 2.8rem;}
	
	.product3{width: 100%; height: 8.5rem; background: url(img/product-bg3-wap.jpg) no-repeat ;background-position: center;background-size: cover;position: relative;}
	.product3 .product{padding-top: 0.1rem;}
	.product3 .features{width: 100%;position: absolute;top: 1.1rem;}
	.product3 .features ul li{width: 30%; float: left; margin: 1% 0 0 2.5%;}
	.product3 .features ul li div{width: 2rem; height: 2rem; text-align: justify; text-align: center;border-radius: 50%;padding: 0.1rem; margin: 0 auto;}
	.product3 .features ul li div h4{font-size: 0.22rem; font-weight: bold; line-height: 0.7rem; white-space: nowrap; }
	.product3 .features ul li div p{font-size: 0.2rem;line-height: 0.3rem;}
	.product3 .features ul li:first-child{margin-top: 13%;}
	.product3 .features ul li:first-child div{border: 0.2rem solid #dd4b50;}
	
	.product3 .features ul li:nth-child(2) div{border: 0.2rem solid #3eb1cc;}
	
	.product3 .features ul li:nth-child(3){margin-top: 13%;}
	.product3 .features ul li:nth-child(3) div{border: 0.2rem solid #eabc3e;}
	.product3 .features ul li:nth-child(4) div{border: 0.2rem solid #7ca94e;}
	.product3 .features ul li:nth-child(5){margin-top: -11%;}
	.product3 .features ul li:nth-child(5) div{border: 0.2rem solid #c2712d;}
	.product3 .features ul li:nth-child(6) div{border: 0.2rem solid #23ab97;}
	
	.product3 .features ul li:nth-child(7){width: 95%;margin-top: -11%;}
	.product3 .features ul li:nth-child(7) div{border: 0.2rem solid #6f4a97;}
	
	.product3 .center {top: 7.4rem;}
	
	.product-list{width: 100%; height: 7.6rem; }
	.product-list .image{display: none; }
	.product-list .info{width: 100%; height: 7.6rem; background: url(img/product-bg4.jpg) no-repeat;background-position: center;background-size: cover;}
	.product-list .info .title{width: 5rem; height: 1.46rem; margin-top: 0.8rem; margin-left: 0.8rem; font-size: 0.36rem; line-height: 1.46rem; color: #134592; text-align: center; background: url(img/product-bg4-right-title.png) no-repeat left; background-size: 100% 100%;}
	.product-list .info .centent{margin-left: 0.8rem;width: 80%;height: 1.8rem;padding: 0.3rem 0;}
	.product-list .info .list{margin-left:  0.8rem;width: 80%;padding: 0.3rem 0; }
	.product-list .info .list ul li{border: 1px solid #95b3dc; border-radius: 0.3rem;padding: 0.05rem 0.25rem; background: #eef6fb;float: left;margin: 0 0.1rem 0.1rem 0;}

} 