.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 ;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:}



.dlwida{width:500px;}



.dlwidb{width:400px;}



.dlwidc{width:500px;}







.navigation-down{position:absolute;top:110px;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 ; padding:0; color:#fff; padding-bottom:10px;margin-bottom:50px; text-align:center; margin-right:170px;}



.navigation-down .menu-1 dd{float:left; width:95%; 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 }



.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 }











.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;



			



	    }



		



		.tablea{width:45%; color:#FFF; height:50px; line-height:50px; text-align:center;}



		.tableb{width:10%; color:#FFF; height:50px; line-height:50px; text-align:center;}



		.tablec{width:45%; color:#FFF; height:50px; line-height:50px; text-align:center;}



@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 ;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:; 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 ;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 14px/30px }



.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 }



.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:38px; border-bottom:#e0e4e3 solid 2px;  z-index:-1;}



.navigation-up .navigation-v3 li{float:left;color:#333; width:25%; text-align:center; line-height:18px;}



.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:#1db8cc solid 2px; color:#000;height:36px; line-height:18px; z-index:1;}



.navigation-up .navigation-v3 .nav-up-selected-inpage{border-bottom:#1db8cc solid 2px; color:#000; height:36px; line-height:18px;  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:; font-size:12px; 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 ;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 }



.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 }



.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:38px; border-bottom:#e0e4e3 solid 2px;  z-index:-1;}



.navigation-up .navigation-v3 li{float:left;color:#333; width:25%; text-align:center; line-height:18px;}



.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:#1db8cc solid 2px; color:#000;height:36px; line-height:18px; z-index:1;}



.navigation-up .navigation-v3 .nav-up-selected-inpage{border-bottom:#1db8cc solid 2px; color:#000; height:36px; line-height:18px;  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-size:12px; 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 ;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}



.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;}







.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;}



		



		.tablea{width:45%; color:#FFF; height:50px; line-height:16px; text-align:center; font-size:12px;}



		.tableb{width:10%; color:#FFF; height:50px; line-height:16px; text-align:center; font-size:12px;}



		.tablec{width:45%; color:#FFF; height:50px; line-height:16px; text-align:center; font-size:12px;}



	}