.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 14px;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:0 0 0 5%; padding:0; }

.navigation-down .menu-1 dd img{width:31px; margin:auto;}

.navigation-down .menu-1 dd a{color:#595757;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:1200px;}

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

	    }

		.dhwid{width:1400px; margin:auto; padding:60px 0;}

	    .swiper-container {

	        width: 100%;

	        height: 400px;

	        margin: 20px auto;

	    }

		.swiper-wrapper{width:1170px; margin:auto; }

	    .swiper-slide {

	        font-size: 18px;

	        color:#fff;

	        -webkit-box-sizing: border-box;

	        box-sizing: border-box;

	        padding: 40px 60px;

	    }

	    .parallax-bg {

	        position: absolute;

	        left: 0;

	        top: 0;

	        width: 130%;

	        height: 100%;

	        -webkit-background-size: cover;

	        background-size: cover;

	        background-position: center;

	    }

	    .swiper-slide .title {

	        font-size: 41px;

	        font-weight: 300;

	    }

		

	    .swiper-slide .subtitle {

	        font-size: 21px;

	    }

	    .swiper-slide .text {

	        font-size: 14px;

	        max-width: 1400px;

	        line-height: 1.3;

	    }

		.swiper-slide .text .textleft{float:left; width:340px; padding-left:60px;}

		.swiper-slide .text .textright{float:right; width:750px; padding-right:100px; line-height:25px;}

		.swiper-slide .text .textright h1{color:#000; margin-bottom:10px;}

		.swiper-slide .text .textright .divtitle{ margin-bottom:45px;}

		.swiper-slide .text .textright .divtitle span{margin-left:30px;}

		.swiper-slide .text .textright .divcolor{ margin-top:20px;}

		.swiper-slide .text .textright .divcolor span{color:#12707a;padding-left: 10px;}

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

.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/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 12px }

.dlwida{width:45%;}

.dlwidb{width:10%;}

.dlwidc{width:45%;}



.dhwid{width:100%; margin:auto; padding:10;}

.swiper-container {

	        width: 100%;

	        height: 600px;

	        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 10px;

	    }

	    .parallax-bg {

	        position: absolute;

	        left: 0;

	        top: 0;

	        width: 130%;

	        height: 100%;

	        -webkit-background-size: cover;

	        background-size: cover;

	        background-position: center;

	    }

	    .swiper-slide .title {

	        font-size: 41px;

	        font-weight: 300;

	    }

		

	    .swiper-slide .subtitle {

	        font-size: 21px;

	    }

	    .swiper-slide .text {

	        font-size: 14px;

	        width: 768px;

	        line-height: 1.3;

			margin:auto;

	    }

		.swiper-slide .text .textleft{float:left; width:40%; padding-left:0px; padding-bottom:30px; text-align:center;}

		.swiper-slide .text .textleft img{width:100%;}

		.swiper-slide .text .textright{float:right; width:50%; padding-right:0px; line-height:25px; margin-left:5%; margin-right:5%}

		.swiper-slide .text .textright h1{color:#000; margin-bottom:10px; font-size:20px;}

		.swiper-slide .text .textright .divtitle{ margin-bottom:15px;}

		.swiper-slide .text .textright .divtitle span{margin-left:30px;}

		.swiper-slide .text .textright .divcolor{ margin-top:20px;}

		.swiper-slide .text .textright .divcolor span{color:#12707a;}

		.swiper-button-prev{ display:none;}

		.swiper-button-next{display:none;}

		

.container{margin-bottom:50px; width:100%; margin:auto; overflow:hidden;}

.container .row{width:830px; margin:auto;}

.box{text-align: center;overflow: hidden;position: relative;margin-top:20px; width:372px; height:282px; float:left; margin-left:10px;}

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

	}

@media only screen 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:38px; 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:40px;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 #FFF top; 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 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:#767676;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 }





.dhwid{width:100%; margin:auto; padding:10;}

.swiper-container {

	        width: 100%;

	        height: 900px;

	        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 10px;

	    }

	    .parallax-bg {

	        position: absolute;

	        left: 0;

	        top: 0;

	        width: 130%;

	        height: 100%;

	        -webkit-background-size: cover;

	        background-size: cover;

	        background-position: center;

	    }

	    .swiper-slide .title {

	        font-size: 41px;

	        font-weight: 300;

	    }

		

	    .swiper-slide .subtitle {

	        font-size: 21px;

	    }

	    .swiper-slide .text {

	        font-size: 14px;

	        max-width: 480px;

	        line-height: 1.3;

	    }

		.swiper-slide .text .textleft{float:left; width:100%; padding-left:0px; padding-bottom:30px;}

		.swiper-slide .text .textleft img{width:100%; text-align:center;}

		.swiper-slide .text .textright{float:right; width:90%; padding-right:0px; line-height:25px; margin-left:5%; margin-right:5%}

		.swiper-slide .text .textright h1{color:#000; margin-bottom:10px; font-size:20px;}

		.swiper-slide .text .textright .divtitle{ margin-bottom:15px;}

		.swiper-slide .text .textright .divtitle span{margin-left:30px;}

		.swiper-slide .text .textright .divcolor{ margin-top:20px;}

		.swiper-slide .text .textright .divcolor span{color:#12707a;}

		.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:20px auto 0 auto; width:372px; height:282px; float:none;}

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

		

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

	}