.head-v3{position:relative;z-index:2;min-width:100%;}
.head-v3 .navigation-inner{margin:0 auto;width:100%;position:relative}
.navigation-up{height:98px; border-bottom:#e0e4e3 solid 2px;}
.navigation-up .navigation-v3{}
.navigation-up .navigation-v3 ul{}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#333; width:25%; text-align:center; line-height:92px;}
.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:#1db8cc solid 6px; color:#000;height:92px; line-height:92px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{border-bottom:#1db8cc solid 6px; color:#000; height:92px; line-height:92px;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#333;display:inline-block;height:60px;font-family:"microsoft yahei"}
.dlwida{width:500px;}
.dlwidb{width:400px;}
.dlwidc{width:500px;}

.navigation-down{position:absolute;top:98px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0; background: url(../image/productmenubg.jpg) repeat-x #FFF top; position:absolute;top:0px; box-shadow:0px 10px 50px #333;}
.navigation-down .nav-down-menu .navigation-down-inner{ width:1400px;position:relative; margin:auto;}
.navigation-down .nav-down-menu dl{float:left;margin:18px 0px 18px 0px;}
.navigation-down .menu-1 dl{margin:20px 0px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei"; padding:0; color:#fff; padding-bottom:10px;margin-bottom:50px; text-align:center; margin-right:170px;}
.navigation-down .menu-1 dd{float:left; width:230px; margin-left:20px; margin:0; padding:0; }
.navigation-down .menu-1 dd img{width:31px; margin:auto;}
.navigation-down .menu-1 dd a{color:#767676;font:normal 16px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#1cb8cf}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#767676;font:normal 16px "microsoft yahei"}


.container{margin-bottom:100px; width:1200px; margin:auto; overflow:hidden;}
.container .row{width:1500px;}
.box{text-align: center;overflow: hidden;position: relative;margin-top:20px; width:372px; height:282px; float:left; margin-right:20px;}
.box:before{content: "";width: 0;height: 100%;background: #038092;padding: 14px 18px;position: absolute;top: 0;left: 50%;opacity: 0;transition: all 50ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{width: 100%;left: 0;opacity: 0.5;}
.box img{width: 100%;height: auto;}
.box .box-content{width: 100%;color: #fff;position: absolute;top: 38%;left: 0;}
.box .title{font-size: 25px;font-weight: 600;line-height: 30px;font-weight:100;text-transform: uppercase;margin: 0;opacity: 0;transition: all 0.5s ease 0s;}
.box .title a:link{color:#FFF;}
.box .post{font-size: 15px;text-transform: capitalize;opacity: 0;transition: all 0.5s ease 0s;}
.box:hover .title,.box:hover .post{opacity: 1;transition-delay: 0.7s;}

.box .booa{
	width: 342px;
	height: 252px;
	margin: auto;
	position: absolute;
	z-index: 9;
	left: 15px;
	top: 15px;
}
.box .booa:before,.booa:after{content:"";display:block;width: 0;height:0;border:1px solid transparent;box-sizing: border-box;position: absolute;}
.box .booa:before{top:0;left:0;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.box .booa:after{right:0;bottom:0;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
.box .booa:hover:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#fff;border-right-color:#fff;}
.box .booa:hover:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#fff;border-left-color:#fff;}
	    .current{
	    	background-color: #22a7f0;
	    }
		.dldwid{width:1400px; margin:auto; padding:60px 0;}
	    .swiper-container {
	        width: 100%;
	        height: 520px;
	        margin: 20px auto;
	    }
	    .swiper-slide {
	        font-size: 18px;
	        color:#fff;
	        -webkit-box-sizing: border-box;
	        box-sizing: border-box;
	        padding: 5px 115px;
	    }
	    .parallax-bg {
	        position: absolute;
	        left: 0;
	        top: 0;
	        width: 130%;
	        height: 100%;
	        -webkit-background-size: cover;
	        background-size: cover;
	        background-position: center;
	    }
	
	    .swiper-slide {
	        font-size: 14px;
	        max-width: 1170px;
	        line-height: 1.3;
	    }
@media only screen and (min-width: 1280px) and (max-width: 1360px){
.productshow{width:100%; margin:auto 0; padding:0 0 10px 0;}

}
	
@media only screen and (min-width: 768px) and (max-width: 1280px){
.box{ margin-bottom: 30px; }
.navigation-up{height:58px; border-bottom:#e0e4e3 solid 2px;  z-index:-1;}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#333; width:25%; text-align:center; line-height:56px;}
.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:#1db8cc solid 2px; color:#000;height:56px; line-height:56px; z-index:1;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{border-bottom:#1db8cc solid 2px; color:#000; height:56px; line-height:56px;  z-index:1;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0;color:#333;display:inline-block;height:60px;font-family:"microsoft yahei"; font-size:16px; font-weight:100;}
.navigation-down{position:absolute;top:70px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0; background: url(../image/productmenubg.jpg) repeat-x top #FFF; position:absolute;top:0px;  box-shadow:0px 10px 30px #333;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:100%;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:0px; padding-bottom:20px;}
.navigation-down .menu-1 dl{margin:10px 0px 15px 0; padding-bottom:20px;}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#fff; padding-bottom:10px;margin-bottom:20px; text-align:left;  padding-top:10px; width:95%; margin-left:5%;}
.navigation-down .menu-1 dd{float:left; width:45%; margin-left:5%;}
.navigation-down .menu-1 dd a{color:#767676;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#1cb8cf}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#767676;font:normal 15px "microsoft yahei"}
.dlwida{width:45%;}
.dlwidb{width:10%;} 
.dlwidc{width:45%;}

.productshow{width:90%; margin:auto; padding:0 5% 10px 5%;}
.swiper-container {
	        width: 100%;
	        height: 100%;
	        margin: 10px auto;
	    }
		.swiper-wrapper{width:100%; margin:auto; }
	    .swiper-slide {
	        font-size: 18px;
	        color:#fff;
	        -webkit-box-sizing: border-box;
	        box-sizing: border-box;
	        padding: 0px;
	    }
	    .parallax-bg {
	        position: absolute;
	        left: 0;
	        top: 0;
	        width: 130%;
	        height: 100%;
	        -webkit-background-size: cover;
	        background-size: cover;
	        background-position: center;
	    }
	  
	    .swiper-slide{width:768px; margin:auto;}
		.swiper-slide img{width:100%;}
		.swiper-button-prev{ display:none;}
		.swiper-button-next{display:none;}
		
.container{margin-bottom:50px; width:100%; margin:auto; overflow:hidden;}
.container .row{width:100%;}
.box{text-align: center;overflow: hidden;position: relative;margin-top:20px; width:372px; height:282px; float:left; margin-right:20px;}
.box:before{content: "";width: 0;height: 100%;background: #038092;padding: 14px 18px;position: absolute;top: 0;left: 50%;opacity: 0;transition: all 50ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{width: 100%;left: 0;opacity: 0.5;}
.box img{width: 100%;height: auto;}
.box .box-content{width: 100%;color: #fff;position: absolute;top: 38%;left: 0;}
.box .title{font-size: 25px;font-weight: 600;line-height: 30px;font-weight:100;text-transform: uppercase;margin: 0;opacity: 0;transition: all 0.5s ease 0s;}
.box .title a:link{color:#FFF;}
.box .post{font-size: 15px;text-transform: capitalize;opacity: 0;transition: all 0.5s ease 0s;}
.box:hover .title,.box:hover .post{opacity: 1;transition-delay: 0.7s;}

.box .booa{
	width: 342px;
	height: 252px;
	margin: auto;
	position: absolute;
	z-index: 9;
	left: 15px;
	top: 15px;
}
.w1172{ max-width:90%; margin:0 5%;}
.box .booa:before,.booa:after{content:"";display:block;width: 0;height:0;border:1px solid transparent;box-sizing: border-box;position: absolute;}
.box .booa:before{top:0;left:0;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.box .booa:after{right:0;bottom:0;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
.box .booa:hover:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#fff;border-right-color:#fff;}
.box .booa:hover:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#fff;border-left-color:#fff;}
	}
	
@media only screen and (min-width: 480px)  and (max-width:768px){
	.box{ margin-bottom: 30px; }
.navigation-up{height:58px; border-bottom:#e0e4e3 solid 2px;  z-index:-1;}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#333; width:25%; text-align:center; line-height:56px;}
.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:#1db8cc solid 2px; color:#000;height:56px; line-height:56px; z-index:1;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{border-bottom:#1db8cc solid 2px; color:#000; height:56px; line-height:56px;  z-index:1;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0;color:#333;display:inline-block;height:60px;font-family:"microsoft yahei"; font-size:16px; font-weight:100;}
.navigation-down{position:absolute;top:70px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0; background: url(../image/productmenubg.jpg) repeat-x top #FFF; position:absolute;top:0px; box-shadow:0px 10px 20px #ccc;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:100%;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:0px;}
.navigation-down .menu-1 dl{margin:10px 0px 15px 0; padding-bottom:20px;}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#fff; padding-bottom:10px;margin-bottom:20px; text-align:left;  padding-top:10px; width:95%; margin-left:5%;}
.navigation-down .menu-1 dd{float:left; width:95%; margin-left:5%;}
.navigation-down .menu-1 dd a{color:#767676;font:normal 12px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#1cb8cf}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#767676;font:normal 12px "microsoft yahei"}
.dlwida{width:45%;}
.dlwidb{width:10%;} 
.dlwidc{width:45%;}
.productshow{width:90%; margin:auto; padding:0 5% 10px 5%;}
.swiper-container {
	        width: 100%;
	        height: 100%;
	        margin: 10px auto;
	    }
		.swiper-wrapper{width:100%; margin:auto; }
	    .swiper-slide {
	        font-size: 18px;
	        color:#fff;
	        -webkit-box-sizing: border-box;
	        box-sizing: border-box;
	        padding: 0px;
	    }
	    .parallax-bg {
	        position: absolute;
	        left: 0;
	        top: 0;
	        width: 130%;
	        height: 100%;
	        -webkit-background-size: cover;
	        background-size: cover;
	        background-position: center;
	    }
		.swiper-slide{width:480px; margin:auto;}
		.swiper-slide img{width:100%;}
		.swiper-button-prev{ display:none;}
		.swiper-button-next{display:none;}
		.swiper-pagination{ margin-bottom:-10px;}
	}
	
@media only screen and (max-width:480px){
.box{ margin-bottom: 30px; }
.navigation-up{height:58px; border-bottom:#e0e4e3 solid 2px;  z-index:-1;}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#333; width:25%; text-align:center; line-height:56px;}
.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:#1db8cc solid 2px; color:#000;height:56px; line-height:56px; z-index:1;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{border-bottom:#1db8cc solid 2px; color:#000; height:56px; line-height:56px;  z-index:1;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0;color:#333;display:inline-block;height:60px;font-family:"microsoft yahei"; font-size:16px; font-weight:100;}
.navigation-down{position:absolute;top:70px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0; background: url(../image/productmenubg.jpg) repeat-x top #FFF; position:absolute;top:0px; box-shadow:0px 10px 10px #ccc;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:100%;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:0px;}
.navigation-down .menu-1 dl{margin:10px 0px 15px 0; padding-bottom:20px;}
.navigation-down .menu-1 dt{font:normal 14px "microsoft yahei";color:#fff; padding-bottom:10px;margin-bottom:20px; text-align:left;  padding-top:10px; width:95%; margin-left:5%;}
.navigation-down .menu-1 dd{float:left; width:95%; margin-left:5%;}
.navigation-down .menu-1 dd a{color:#595757;font:normal 14px/20px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#1cb8cf}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#767676;font:normal 14px "microsoft yahei"}
.dlwida{width:45%;}
.dlwidb{width:10%;} 
.dlwidc{width:45%;}

.productshow{width:90%; margin:auto; padding:0 5% 10px 5%;}
.swiper-container {
	        width: 100%;
	        height: 100%;
	        margin: 10px auto;
	    }
		.swiper-wrapper{width:100%; margin:auto; }
	    .swiper-slide {
	        font-size: 18px;
	        color:#fff;
	        -webkit-box-sizing: border-box;
	        box-sizing: border-box;
	        padding: 0px;
	    }
	    .parallax-bg {
	        position: absolute;
	        left: 0;
	        top: 0;
	        width: 130%;
	        height: 100%;
	        -webkit-background-size: cover;
	        background-size: cover;
	        background-position: center;
	    }
		.swiper-slide{width:320px; margin:auto;}
		.swiper-slide img{width:100%;}
		.swiper-button-prev{ display:none;}
		.swiper-button-next{display:none;}
		.swiper-pagination{ right:10px; position:absolute;}
	}