.head-v3{position:relative;z-index:1;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(../images/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:#595757;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: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; font-size:16px;}
		.swiper-slide .text .textright h1{color:#000; margin-bottom:10px;}
		.swiper-slide .text .textright .divtitle{ margin-bottom:45px; font-size:16px;}
		.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;}
@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(../images/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 "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 12px/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 12px "microsoft yahei"}
.dlwida{width:45%;}
.dlwidb{width:10%;}
.dlwidc{width:45%;}

.dhwid{width:100%; margin:auto; padding:10;}
.swiper-container {
	        width: 100%;
	        height: 400px;
	        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: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(../images/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 "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 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%;}

.dhwid{width:100%; margin:auto; padding:10;}
.swiper-container {
	        width: 100%;
	        height: 700px;
	        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;}
	}