@charset "utf-8";



.b1{padding:110px 0;}

.b1 .z{float:left;width:664px;}

.b1 .z h2{font-weight:normal;font-size:36px;color:#000;}

.b1 .z p{font-size:18px;color:#666;margin-top:6px;}

.b1 .z .line{width:48px;height:4px;background:#e60014;margin:18px 0 30px;}

.b1 .z .i{font-size:15px;color:#666;line-height:28px;}



.b1 .z ul{padding-top:26px;}

.b1 .z li{float:left;margin-right:56px;}

.b1 .z li:last-child{margin-right:0;}

.b1 .z li h3{font-size:36px;color:#e60014;font-weight:normal;}

.b1 .z li span{display:block;font-size:15px;color:#666;}

.b1 .z .more{margin-top:35px;}

.b1 .z .more a{display:block;width:158px;height:38px;line-height:38px;text-align:center;border:1px solid #e60014;font-size:16px;color:#e60014;}

.b1 .z .more a:hover{background:#e60014;color:#fff;}



.b1 .y{float:right;overflow:hidden;}

.b1 .y a:hover img{transform:scale(1.04);}



@media all and (min-width:1200px) and (max-width:1440px){

	.b1{padding:70px 0;}

	.b1 .z{width:48%;}

	.b1 .z h2{font-size:30px;}

	.b1 .z p{font-size:14px;}

	.b1 .z .line{margin:14px 0 20px;}

	.b1 .z .i{font-size:14px;line-height:25px;}

	.b1 .z li h3{font-size:30px;}

	.b1 .z li span{font-size:14px;}

	.b1 .z .more{margin-top:25px;}

	.b1 .z .more a{font-size:14px;}

	.b1 .y{width:50%;}

	.b1 .y img{width:100%;height:auto;}

}



@media all and (max-width:1200px){

	.b1{padding:20px 0;}

	.b1 .z{float:none;width:100%;}

	.b1 .z h2{font-size:20px;}

	.b1 .z p{font-size:14px;margin-top:6px;}

	.b1 .z .line{margin:8px 0 20px;}

	.b1 .z .i{font-size:14px;line-height:24px;}

	

	.b1 .z ul{padding-top:15px;}

	.b1 .z li{float:left;margin-right:3%;}

	.b1 .z li:last-child{margin-right:0;}



	.b1 .z li h3{font-size:18px;}

	.b1 .z li span{font-size:10px;}



	.b1 .z .more{margin-top:20px;}

	.b1 .z .more a{width:100%;font-size:14px;box-sizing:border-box;}



	.b1 .y{float:none;margin-top:20px;}

	.b1 .y video{width:100% !important;height:auto !important;}

}



.swiper-container-2{position:relative;overflow:hidden;}

.swiper-container-2 .swiper-slide img{width:100%;display:block;}

.swiper-container-2 .swiper-slide:hover img{transform:scale(1.02);}

.swiper-container-2 .swiper-button-next,.swiper-container-2 .swiper-button-prev{width:48px;height:48px;outline:none;margin-top:-24px !important;transition:all 0.5s;}

.swiper-container-2 .swiper-button-prev{background:url(../images/prev2.png);left:0% !important;background-size:contain;opacity:0.7;}

.swiper-container-2 .swiper-button-prev:hover{opacity:1;}

.swiper-container-2 .swiper-button-next{background:url(../images/next2.png);right:0% !important;background-size:contain;opacity:0.7;}

.swiper-container-2 .swiper-button-next:hover{opacity:1;}



@media all and (max-width:1200px){

	.swiper-container-2{width:96%;margin:0 auto;}

	.swiper-container-2 .swiper-button-next,.swiper-container-2 .swiper-button-prev{width:26px;height:26px;margin-top:-13px !important;}

}





.b2{background:url(../images/bg.png) left bottom repeat-x;margin-top:75px;}

.b2 .hd{text-align:center;}

.b2 .hd h2{font-size:36px;font-weight:normal;color:#333;}

.b2 .hd p{font-size:18px;color:#666;margin-top:2px;}

.b2 .hd .line{width:48px;height:4px;background:#e60014;margin:18px auto 50px;}



.b2 .box{width:1440px;height:742px;margin:0 auto;}

.b2 .box .bds{position:relative;}

.b2 .box .bds .prev,.b2 .box .bds .next{display:block;width:48px;height:48px;outline:none;margin-top:-24px !important;transition:all 0.5s;cursor:pointer;}

.b2 .box .bds .prev{background:url(../images/prev3.png);left:0% !important;position:absolute;top:50%;left:0;}

.b2 .box .bds .prev:hover{background:url(../images/prev33.png);}

.b2 .box .bds .next{background:url(../images/next3.png);right:0% !important;position:absolute;top:50%;right:0}

.b2 .box .bds .next:hover{background:url(../images/next33.png);}

.b2 .box .bds .tempWrap{width:1200px !important;margin:0 auto;}



/*.swiper-container-3{position:relative;overflow:hidden;}

.swiper-container-3 .swiper-slide img{width:1200px;display:block;margin:0 auto;}

.swiper-container-3 .swiper-slide:hover img{transform:scale(1.02);}

.swiper-container-3 .swiper-button-next,.swiper-container-3 .swiper-button-prev{width:48px;height:48px;outline:none;margin-top:-24px !important;transition:all 0.5s;}

.swiper-container-3 .swiper-button-prev{background:url(prev3.png);left:0% !important;}

.swiper-container-3 .swiper-button-prev:hover{background:url(prev33.png);}

.swiper-container-3 .swiper-button-next{background:url(next3.png);right:0% !important;}

.swiper-container-3 .swiper-button-next:hover{background:url(next33.png);}

*/



@media all and (min-width:1200px) and (max-width:1440px){

	.b2{margin-top:60px;}

	.b2 .box{width:1200px;height:742px;margin:0 auto;}

	/*.swiper-container-3 .swiper-button-prev{background:url(prev2.png);}*/

}



.b2 .box .hds{text-align:center;width:1200px;margin:31px auto 0;background:url(../images/line.png) left top 60px repeat-x;}

.b2 .box .hds li{display:inline-block;color:#fff;margin:0 53px;cursor:pointer;}

.b2 .box .hds li img{opacity:0.48;}

.b2 .box .hds li p{font-size:17px;opacity:0.48;}

.b2 .box .hds li i{display:block;width:15px;height:15px;background:#443b3c;border-radius:15px;margin:17px auto 20px;}

.b2 .box .hds li em{display:block;width:15px;height:15px;background:url(../images/c.png);opacity:0.48;}

.b2 .box .hds li.on p{opacity:1;}

.b2 .box .hds li.on img{opacity:1}

.b2 .box .hds li.on em{opacity:1;}





@media all and (max-width:1200px){

	.b2{margin-top:20px;background:none;}

	.b2 .hd h2{font-size:20px;color:#000;}

	.b2 .hd p{font-size:14px;}

	.b2 .hd .line{margin:8px auto 20px;}



	.b2 .box{width:96%;height:auto;}

	.swiper-container-3{padding-bottom:28px !important;}

	.swiper-container-3 .swiper-button-next,.swiper-container-3 .swiper-button-prev{display:none;}

	.swiper-container-3 .swiper-slide img{width:100% !important;height:auto !important;}

	.swiper-container-3 .swiper-pagination-bullet { width:8px; height:8px; background:#ccc; opacity:1; }

	.swiper-container-3 .swiper-pagination-bullet-active { background:#e60014; border-radius:8px; }

	.swiper-container-3>.swiper-pagination-bullets{ bottom:0 !important; }



	.swiper-container-3 .swiper-slide a{display:block;}

	.swiper-container-3 .swiper-slide a p{width:100%;position:absolute;bottom:0;left:0;padding:10px 0;text-align:center;color:#fff;background:rgba(0,0,0,0.5);font-size:14px;}

	.swiper-container-3 .swiper-slide a p img{width:auto !important;height:20px !important;margin-right:6px;}



	.b2 .box .hds{display:none;}

}











@media all and (min-width:1480px){

	.b3{position:relative;width:1920px;left:50%;margin-left:-960px;overflow:hidden;}

	.b3:hover img{transform:scale(1.03);}

}



@media all and (max-width:1440px){

	.b3 img{width:100%;}	

	.b3:hover img{transform:scale(1.03);}

}



@media all and (max-width:1200px){

	.b3{width:96%;margin:20px auto 0;}

}





@-webkit-keyframes btnRotate-ys {

0% {

    -webkit-transform: rotateY(0deg);

   }

100% {

    -webkit-transform: rotateY(180deg);

    }

}



.b4{padding:75px 0;background:#fafafa;}

.b4 .hd{text-align:center;}

.b4 .hd h2{font-size:36px;font-weight:normal;color:#333;}

.b4 .hd p{font-size:18px;color:#666;margin-top:2px;}

.b4 .hd .line{width:48px;height:4px;background:#e60014;margin:18px auto 50px;}



.b4 ul{width:1200px;margin:0 auto;}

.b4 ul li{width:180px;float:left;text-align:center;margin-right:160px;}

.b4 ul li:nth-child(4){float:right;margin-right:0;}

.b4 ul li .ico{width:180px;height:180px;position:relative;}

.b4 ul li .ico img:nth-child(1){position:absolute;top:0;left:0;z-index:2;}

.b4 ul li .ico img:nth-child(2){display:none;}

.b4 ul li p{font-size:20px;color:#000;margin-top:38px;}

.b4 ul li:hover p{font-weight:bold;}

.b4 ul li:hover .ico{

	box-shadow:0 0 10px #888;

	border-radius:180px;

	-webkit-animation: btnRotate-ys 0.4s linear 1;

	animation: btnRotate-ys 0.4s linear 1;

}

.b4 ul li:hover .ico img:nth-child(1){display:none;}

.b4 ul li:hover .ico img:nth-child(2){display:block;}



/*.b4 ul li:nth-child(1) .ico{background:url(c1.png) no-repeat;background-size:contain;}

.b4 ul li:nth-child(1):hover .ico{background:url(c11.png) no-repeat;background-size:contain}

.b4 ul li:nth-child(2) .ico{background:url(c2.png) no-repeat;background-size:contain}

.b4 ul li:nth-child(2):hover .ico{background:url(c22.png) no-repeat;background-size:contain}

.b4 ul li:nth-child(3) .ico{background:url(c3.png) no-repeat;background-size:contain}

.b4 ul li:nth-child(3):hover .ico{background:url(c33.png) no-repeat;background-size:contain}

.b4 ul li:nth-child(4) .ico{background:url(c4.png) no-repeat;background-size:contain}

.b4 ul li:nth-child(4):hover .ico{background:url(c44.png) no-repeat;background-size:contain}

*/

@media all and (min-width:1200px) and (max-width:1440px){

	.b4{padding:60px 0 70px;}

}





@media all and (max-width:1200px){

	.b4{padding:20px 0;}

	.b4 .hd h2{font-size:20px;color:#000;}

	.b4 .hd p{font-size:14px;}

	.b4 .hd .line{margin:8px auto 20px;}



	.b4 ul{width:96%;}

	.b4 ul li{width:25%;margin-right:0;}

	.b4 ul li .ico{width:60px;height:60px;margin:0 auto !important;}

	.b4 ul li .ico img{width:100%;}

	.b4 ul li .ico img:nth-child(2){display:none;}

	.b4 ul li:hover .ico img:nth-child(2){display:none;}

	.b4 ul li p{font-size:14px;margin-top:10px;}

}



@media screen and ( max-width:1004px ){
	.b2 .box .bds img{width: 100%;}
	.wal{width:100%;}	

	.productBox{ padding: 20px 0 45px;}

	.product .tab2{ padding-bottom: 30px;  padding-left:10px; padding-right:10px;}

	/*.product .tab2 li{ width: 33.33%; margin-bottom: 15px; }

	.product .tab2 li .limg img{ width: 90px; }

	.product .tab2 li .name{ font-size: 14px; padding-top: 5px; }*/

    .product .tab2 ul{ margin-right:-10px;}

	.product .tab2 li{ width:50%; margin-bottom:10px;}

	.product .tab2 li .box{ margin-right:10px; height:88px; padding-left:68px;}

	.product .tab2 li .limg img{ width:68px;}

	.product .tab2 li .name1{ font-size:16px; line-height:88px;padding-top: 0;}



	.product .list{ padding: 0 10px; }

	.product .list ul{ margin-right: 0px; }

	.product .list li{ float: none; width: 100%; margin-bottom: 15px; }

	.product .list li .box{ margin-right: 0px; height:150px; }

	.product .list li a{ width: auto; padding-right: 120px;}

	.product .list li .imgDiv{ right: 20px; }

	.product .list li .imgDiv img{ height:  150px;}

	.product .list li .name{ padding: 15px 0 0 15px; font-size: 18px;}

	.product .list li .msg{ padding: 5px 0 0 15px; height: 26px; line-height: 26px; font-size: 16px; }

	.product .list li .content{ font-size: 13px; line-height: 20px; padding: 10px 0 0 15px; height: 40px; width: auto; }

    .product .list li .price{ font-size:14px;  padding-left:15px; color:#777;padding-top:0px;}

    .product .list li .price b{ color:#f00; font-size:18px;}
	.b2 .box .bds .tempWrap {
		width: 100% !important;
		margin: 0 auto;
	}
}

.b4.formBox{padding-top: 0;}
.b4 .formlist {width: 780px;margin: 30px auto;}
.b4 .formlist ul {width: 100%;}
.b4 .formlist li {height: 42px; width: 368px;border: 1px solid #898989;line-height: 42px;float: left; margin: 0 20px 20px 0;text-align: left;}
.b4  .formlist li label {display: inline-block; width: 120px;}
.b4  .formlist li label, .form .formlist li .text, .form .formlist li.last textarea {color: #434343; font-size: 16px;}
.b4  .formlist li span {width: 40px;height: 27px;display: inline-block;position: relative;top: 7px;}
.b4 .formlist li span.span3 {background: url(../images/input3.png) no-repeat center;}
.b4  .formlist li span.span4 {background: url(../images/input4.png) no-repeat center;}
.b4 .formlist li span.span5 {background: url(../images/input5.png) no-repeat center;}
.b4  .formlist li .text {width: 230px; line-height: 41px;padding: 0; margin: 0;}
.b4 .formlist li.last {float: none; width: 760px; margin-right: 0;height: 150px;line-height: auto;}
.b4  .formlist li.last textarea { width: 730px; height: 100px;padding: 0 15px;resize: none;}
.formlist .submit {display: block; width: 168px;line-height: 47px;background: #DC231F; color: #fff; font-size: 20px; margin: 35px auto 0 auto;cursor: pointer;}

@media screen and ( max-width:800px){
    .b4 .formlist {width: 100%}
    .b4 .formlist ul{text-align: center;}
    .b4 .formlist li{float: none;display: inline-block;margin: 0 0 20px 0;}
    .b4 .formlist li.last {width: 370px; }
    .b4 .formlist li.last textarea{width: 100%;padding: 0;}
    .b4 .formlist li .text {width:auto;}
}
@media screen and ( max-width:450px){
    .b4 .formlist {width: 100%}
    .b4 .formlist li{width: 80%; }
    .b4 .formlist li.last {width:80%;}
    .formlist .submit{ margin: 0 auto 0 auto;}
}