@charset "utf-8";
/* CSS Document */
* {
padding:0px;
margin:0px;box-sizing:border-box;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
img {
	border: none;
	max-width: 100%;
}
body {
	font-size: 15px;
	 /*-- font-family:Nunito-Regular; --*/
	 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	color: #333;
	font-weight: normal;
	padding-top: 135px;
	margin: 0px;
	text-decoration: none;
	line-height: 26px;
}
a {
	text-decoration: none;
	/*--  font-family:Nunito-Regular; --*/
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	color: #333;
	font-weight: normal;
}
a:hover {
	color: #32b9d9;
}
.clear {
	clear: both;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	line-height: 28px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

@font-face{
    font-family:Nunito-Regular;/*字体名称*/
    src: url(../images/Nunito-Regular.ttf);  /*字体路径*/
}

.hz {
	width: 80%;
	margin: 0 auto;
}
.hza {
	width: 80%;
	margin:80px auto;
}
.hza:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.logo {
	margin:12px 0;
}
.logo img {
	height:65px;
}

.top-xt{background:#333;overflow:hidden;margin-bottom:10px;}
.top-xt-pic{float:right;}
.top-xt-pic li{padding-top:8px; overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.top-xt-pic li:hover{transform:translateY(-6px); -webkit-trafont-size: 0; line-height: 0;}



.shop{ position:relative; z-index:1; float:left;width:100%;background:#333; margin-bottom:10px;transition: all 0.5s}
.active .shop{margin-bottom:0px;}
.shop .hz{height:35px; overflow:hidden;transition: all 0.5s; }
.active .shop .hz{height:0px; }
.shop:after{content:""; display:block; position:absolute; top:calc(100% + 10px); left:0; width:100%; height:1px; background:#f4f4f4; opacity:1; transition: all 0.5s;}
.active .shop:after{ opacity:0; transition: all 0.5s}
.shop ul{ }
.shop ul li{ display:inline-block; margin:0px; margin-left:5px;}

.top-pc {
	position: fixed;
	z-index: 99999;
	top: 0px;
	left: 0;
	min-width: 1300px;
	width: 100%; background:#fff;
	transition: all 0.5s;
}
.top-pc.active {
	background: #fff;
}
.top-pc.active .set {
	color: #333;
}
.top-pc.active a {
	color: #333;
}
.top-hz {
	width: 80%;
	margin: 0 auto;
}

.nav {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
}
.mainbav ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.mainbav li {
	position: relative;
	padding: 0 30px;
}
.mainbav li.memu:after {
	content: "";
	width: 0;
	height:2px;
	background: #32b9d9;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s;
}
.mainbav li.memu:hover:after {
	width: 100%;
}
.mainbav li.active:after {
	width: 100%;
}

.mainbav li a {
	font-size:18px;

}
.mainbav .memu {
	float: left;
	line-height:90px;
	height: 90px;
}
.mainbav .memu:hover, .mainbav .memu.active {
	display: block;
}
.mainbav .memu:hover a, .mainbav .memu.active a {
	color: #32b9d9;
}
.mainbav ul li ul {
	display: none;
	position: absolute;
	width: 250px;
	left: 0;
	top: 90px;
	z-index: 999999;
	background: #fff;
}
.mainbav ul li ul li {
	float: none;
	border-right: none;
	padding: 0;
	line-height: 48px;
	position: relative;
	text-align: left;

}
.mainbav ul li ul li a {
	display: block;
	color: #333 !important;
	font-size: 15px;
	font-weight: normal;
	padding: 0 25px;
}
.mainbav ul li ul li a:hover {
	text-decoration: underline;
	background-color: #32b9d9;
	color: #fff!important;
}
.mainbav ul li ul li ul {
	position: absolute;
	left: 100%;
	top: 0;
}
.index-top-gwc{margin-top:32px;}
.sousuo {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
	line-height: 90px;
	position: relative;
	z-index: 1;
	transition: all 0.5s;
}
.sousuo .sousuo_an {
	width: 60px;
	height: 90px;
	display: table-cell;
	vertical-align: middle;
	background: url(../images/index_07.png) center no-repeat;
	cursor: pointer;
	transition: all 0.5s;
}
.sousuo .ssk_bj {
	width: 100%;
	display: none;
	position: fixed;
	left: 0;
	top: 150px;
	z-index: 10;
}
.sousuo .ssk {
	max-width:1500px;
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 2px 14px rgba(0,0,0,0.1);
	background: #fff;
}
.sousuo .ssk .input_txt {
	width: 82%;
	height: 58px;
	float: left;
	line-height: 58px;
	padding: 0 3%;
	border: none;
	border-radius: 0;
}
.sousuo .ssk .input_btn {
	width:18%;
	height: 58px;
	float: right;
	FONT-SIZE: 18px;
	color: #fff;
	line-height: 58px;
	border: 0 none;
	border-radius: 0;
	background: #333;
	cursor: pointer;
}
.p-show {
	display: block !important;
}
.top_sj {
	display: none;
}


/*banner*/
.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:27px; height:50px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; }
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:11px; height:11px; display:block; background:#fff; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#333;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}



.index-title {
text-align:center;
	font-size:30px;
	line-height:30px;
	color: #000;text-transform:uppercase;
}

.index-about{text-align:center;width:60%;margin:50px auto;font-size:18px !important;color:#666;line-height:30px;}

.index-video-pc{margin:0 auto;text-align:center;}
.index-video-sj{display:none;margin:0 auto;text-align:center;}
.fancybox-content{width:100% !important;height:100% !important;}
.box{
	position: relative;
	width: 100%;
	overflow: hidden;margin-top:80px;
}	
.img-box{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
}	
.img-box>div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform:scale(1); 
	transition:all .6s;  
}	
.box:hover .img-box>div{
	transform:scale(1.1); 
}	
.text-box{
	float: right;
	width: 50%;background:#f5f5f5;overflow:hidden;
}
.text-box img{width:100%; }
.text-box h3{color:#e1818c;font-size:40px;line-height:42px;font-weight:normal;}
.text-box-nr{margin:40px 0;font-size:18px;line-height:32px;}

.text-box-more{background:#32b9d9;width:160px;line-height:42px;padding:0 30px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.text-box-more a{color:#fff;}
.text-box-more:hover{background:#333;transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.text-box-more-wb {float:left;font-size:18px;}
.text-box-more-jt{margin-left:13px;float:left;margin-top:8px;}
@media(max-width:768px) {
.box{margin-top:60px;}	
.img-box{
	position: relative;
	width: 100%;
	height: 0%;
	padding-bottom: 60%;
}	
/*768PX以下图片高度为宽度60%（也就是img-box的padding值）*/
.img-box>div{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
}
.text-box{
	float:none;
	width: 100%;
}
.text-box h3{font-size:36px;line-height:36px;}
}
@media(max-width:580px) {
.box{margin-top:45px;}	

.text-box h3{font-size:33px;line-height:33px;}
.text-box-nr{font-size:18px;}
.text-box-more-wb {font-size:18px;}
}
@media(max-width:480px) {
.text-box h3{font-size:28px;}
}

.index-product-hz{margin:80px 0;}
.khjz_bj{width:100%;  }
.khjz_dkj{position:relative;}
.khjz{max-width:1660px; margin:0 auto; }

.khjz_bj{ margin-left:-8px; margin-right:-8px;}
.khjz .item{ width:100%; padding:0 8px; position:relative;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.khjz .item .cpzs_img{overflow:hidden;display:block;}
.khjz .item .cpzs_img img{ transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.khjz .item .cpzs_img img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.khjz .item .cpzs_wb{width:100%; height:100%; text-align:center;  }
.khjz .item .cpzs_wb .cpzs_wb_t{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:16px; padding:15px 0 10px 0;  }
.khjz .item .cpzs_wb .cpzs_wb_jg{color:#999;}
.cpzs_wb_t-nr{border:1px solid #eeeeee;width:190px;line-height:40px;margin:10px auto 0 auto;}
.cpzs_wb_t-nr:hover a{background:#32b9d9;color:#fff;display:block;}

.khjz .item:hover .cpzs_wb .cpzs_wb_b{ opacity:1;}

.owl-carousel .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-carousel .owl-controls{width:100%;  z-index:11;}
.owl-carousel .owl-controls .owl-buttons div{position:absolute; display:inline-block ;zoom: 1;*display:inline; width:40px; height:70px; text-indent:-9999px; transition:.35s;  top:45%; margin-top:-35px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev {background:url(../images/jtl02.png) center no-repeat; overflow:hidden; left:8px;}
.owl-carousel .owl-controls .owl-buttons .owl-next {background:url(../images/jtr02.png) center no-repeat; overflow:hidden; right:8px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {background:url(../images/jtl03.png) center no-repeat; overflow:hidden; }
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {background:url(../images/jtr03.png) center no-repeat; overflow:hidden;}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-carousel .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-carousel .owl-controls .owl-page span{display: block;width:10px; height:10px; margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1; background: #e46d22;}
.owl-carousel .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-carousel .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.khjz .owl-pagination{width:100%; height:14px; text-align:center; margin-top:60px; display:none;}



.index-more{text-align:center;background:#32b9d9;margin:0 auto;padding:0 29px;width:190px;line-height:48px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);background:#333;}
.index-more-wb {float:left;font-size:16px;text-transform: uppercase;}
.index-more a{color:#fff;}
.index-more-jt{margin-left:13px;margin-top:10px;float:left;}


/*----底部----*/
.bot {
	background:#050101;
	overflow: hidden;
	color:#fff;padding:50px 0 30px 0;font-size:16px;
}

.foot-left{font-size:16px; width: 27%; float: left;}
.foot-hz{margin-top:40px;}

.foot-hz-menu {float:left; margin:0 15%; }
.foot-hz-menu a {font-size:16px; color: #fff;line-height:42px; }
.foot-hz-menu a:hover { color: #fff; }

.foot-right{float:left;}
.foot-right-title{font-size:22px;color:#fff;}
.foot-right-nr{margin:30px 0;}
.foot-right-nr a{font-size:18px; color: #fff;}
.foot-right-nr a:hover{color: #fff;text-decoration:underline;}
  .et_pb_button{  
    background: #fff;text-transform:uppercase;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;
    font-size: 16px;padding:13px 35px;border:none;cursor: pointer;}
.et_pb_button:hover{background: #32b9d9;color:#fff;transform:translateY(-6px); -webkit-transform:translateY(-6px);}



.foot-sok{width:100%;line-height:38px;padding:0 20px;background:#050101;border:#292929 1px solid;color:#fff;}

.foot-bq-hz{margin-top:60px;}
.foot-bq{float:left;}
.foot-xt-pic{float:right;margin-right:2.5%;}
.foot-xt-pic li{float:left;margin:0 5px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.foot-xt-pic li:hover{transform:translateY(-6px); -webkit-trafont-size: 0; line-height: 0;}

.foot-left-ggy{margin-top:50px;}



.img-banner {
	background: center center;
	width: 100%;
	overflow: hidden;
}
.img-banner div {
	line-height: 0px;
}
.img-banner div img {
	opacity: 0;
}
.ny-banner-sj {
	display: none;
}
.ny-banner img {
	width: 100%;
}

.about-menu-hz{margin-top:30px;font-size:18px; }

.about-RD-hz{margin-top:80px;border-bottom:1px solid #ebebeb;padding-bottom:40px;overflow:hidden;}
.about-RD-hz:last-of-type {border-bottom:none; padding-bottom:0px;}   

.about-title {text-align:center;
	font-size:40px;
	margin-bottom:50px;
	line-height:40px;text-transform:uppercase;}

.about-nr-top{margin:100px 0;overflow:hidden;}
.about-nr-top-left{float:left;font-size:36px;line-height:45px;margin-top:10px;}
.about-nr-top-right{float:right;width:60%;color:#666;font-size:18px;line-height:35px;}

.about-RD-nr{width:80%;margin:0 auto;text-align:center;color:#666;}
.about-p-p{margin-top:50px;}



.about-p-p ul{text-align:center;}
.about-p-p li{width:41%;margin:0 1% 2.5% 1%;display:inline-block; overflow:hidden;}
.about-p-p li img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.about-p-p li img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}

.about-nr {float:left;border-bottom:1px solid #ebebeb;overflow:hidden;padding:30px 0 80px 0;}
.box2{
	position: relative;
	width: 100%;
	overflow: hidden;
}	
.img-box2{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
}	
.img-box2>div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform:scale(1); 
	transition:all .6s;  
}	
.box2:hover .img-box2>div{
	transform:scale(1.1); 
}	
.text-box2{
	float: right;
	width: 50%;padding-left:4%;
}
.text-box2 h2{font-weight:normal;color:#000;font-size:30px;}
.text-box2 strong{color:#000;}
@media(max-width:960px) {

.img-box2{
	position: relative;
	width: 100%;
	height: 0%;
	padding-bottom: 60%;
}	
/*768PX以下图片高度为宽度60%（也就是img-box的padding值）*/
.img-box2>div{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
}
.text-box2{
	float:none;
	width: 100%;margin-top:50px;padding:0px;
}
.about-nr{padding:10px 0 60px 0;}
}


.about-service-hz{margin:100px 0 30px 0;overflow:hidden;}
.about-service{width:23%;float:left;margin:0 5%;}
.about-service-pic{text-align:center;}
.about-service-pic img { transition:all 0.5s;}
.about-service-pic img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.about-service-k{padding-top:15%;text-align:center;}
.about-service-k-title{font-size:30px;color:#000;}
.about-service-k-content{color:#666;margin-top:30px;}



.about-ryzz-hz{margin-top:50px;}
.about-ryzz-hz ul{text-align:center;}
.about-ryzz-hz li{width:18%;margin:0 6% 6% 6%;display:inline-block;border:1px solid #666;}


.news-hz-a{width:31.3%;margin-right:3%;text-align:center;float:left;}

.news-hz-rq{margin:15px 0;font-size:15px;color:#888;text-align:center;}
.news-hz-title{margin-bottom:50px;height:50px; }
.news-hz-title a{font-size:16px;}
.news-hz-pic{display:block; overflow:hidden;}
.news-hz-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.news-hz-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}



.ny-news-hz{width:60%;margin:0 auto;}
.ny-news-title{text-align:center;font-size:30px;line-height:35px;text-transform:uppercase;}
.ny-news-content{margin:80px 0;font-size:16px;color:#666;}
.ny-news-content h2 {color:#333;font-size:22px;}
.ny-news-content strong{color:#333;}
.ny-news-content a{color:#0073b1;}
.ny-news-content a:hover{text-decoration:underline;}



.news-more{text-align:center;background:#32b9d9;margin:30px auto 0 auto;padding:0 30px;width:285px;line-height:52px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);background:#333;}
.news-more-wb {float:left;font-size:16px;text-transform: uppercase;}
.news-more a{color:#fff;}
.news-more-jt{margin-left:13px;margin-top:13px;float:left;}





.xy {
	width: 100%;
	margin: 20PX auto 0 auto;
	text-align: center;
	overflow: hidden;
}
.xy li {
	margin: 0 10px;
	display: inline-block;
	font-size: 0px;
}
.xy li a {
	font-size: 15px;
}
.xy li a:hover, .xy li a.sbjg {
	color: #32b9d9;
	font-weight: bold;
}


input, textarea,select{
	outline: none;
}

.soka{width: 47%;margin-right:5%;color:#666;border-bottom: 1px solid #666;border-top:none;border-left:none;border-right:none;padding:23px 0;margin-bottom:10px;font-size:16px;}
.sokb{font-family:Nunito-Regular;font-size:16px;width:99%;border-bottom: 1px solid #666;padding:20px 0;border-top:none;border-left:none;border-right:none;}
.soka:nth-child(2n){margin-right:0px;}
.tj {
	width: 190px;
    border: 1px solid #32b9d9;
    line-height:48px;
    text-align: center;
    color: #fff;
    background-color: #32b9d9;
    cursor: pointer;
    font-size: 18px;
  margin-top:30px;
}
.tj:hover{ background-color: #333;border: 1px solid #333;}



:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
}



.contact-botttom-hz{margin:60px 0 30px 0;}
.contact-botttom-tb{text-align:center;}
.contact-botttom-tb li{display:inline-block;margin:0 12px; overflow:hidden;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.contact-botttom-tb li a{display:block;}
.contact-botttom-tb li:hover{transform:translateY(-6px); -webkit-trafont-size: 0; line-height: 0;}

.contact-botttom-box{background:#83e6fd;padding:1%;overflow:hidden;width:75%;margin:0 auto;}
.contact-botttom-top li{width:31.3%; line-height:0; float:left;margin:1%; position:relative;}
.contact-botttom-top li:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.contact-botttom-top li:hover:before{opacity:1;}
.contact-botttom-top li:after{content:""; width:40px; height:40px; background:url(../images/o.png) center no-repeat; transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; opacity:0; z-index:1; transition:all 0.5s;}
.contact-botttom-top li:hover:after{opacity:1;}

.contact-botttom-center{width:98%;margin:15px auto;position:relative;}
.contact-botttom-center:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.contact-botttom-center:hover:before{opacity:1;}
.contact-botttom-center:after{content:""; width:40px; height:40px; background:url(../images/o.png) center no-repeat; transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; opacity:0; z-index:1; transition:all 0.5s;}
.contact-botttom-center:hover:after{opacity:1;}

.contact-botttom-bottom li{width:48%;line-height:0;float:left;margin:1%;position:relative;}
.contact-botttom-bottom li:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.contact-botttom-bottom li:hover:before{opacity:1;}
.contact-botttom-bottom li:after{content:""; width:40px; height:40px; background:url(../images/o.png) center no-repeat; transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; opacity:0; z-index:1; transition:all 0.5s;}
.contact-botttom-bottom li:hover:after{opacity:1;}


.contact-more{text-align:center;background:#32b9d9;margin:20px auto;padding:0 29px;width:300px;line-height:52px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.contact-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);background:#333;}
.contact-more-wb {float:left;font-size:16px;text-transform: uppercase;}
.contact-more a{color:#fff;}
.contact-more-jt{margin-left:13px;margin-top:10px;float:left;}



.product-top-hz{width:90%;margin:0 auto;}
.product-top-pic{display:block; overflow:hidden;}
.product-top-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.product-top-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.product-title-hz{position:relative;width:49%;float:left;margin-right:2%; }
.product-top-title{width:80%; color:#fff;text-align:center;position:absolute; top:50%; left:50%; z-index:1;transform: translate(-50%,-50%);/*根据自身位移X轴Y轴*/}
.product-top-title h3{text-transform:uppercase;font-size:40px;margin-bottom:25px;}
.product-top-title p{font-weight:bold;margin-top:25px;font-size:20px;background:rgba(0,0,0,0.2);color:#fff;padding:13px 0;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.product-top-title p:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0.2);transform:translateY(-6px); -webkit-trafont-size: 0; }


.product-center-hz{margin:40px 0;}
.product-center-title{margin-bottom:40px;background:#32b9d9;text-align:center;font-size:30px;padding:18px 0;color:#fff;font-weight:bold;}


.ny-product-bj{background: #e9ecf1;padding:80px 0;overflow:hidden;}


.box3{
	position: relative;
	width: 72%;
	overflow: hidden;margin:0 auto;
}	
.img-box3{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
}	
.img-box3>div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform:scale(1); 
	transition:all .6s;  
}	
.box3:hover .img-box3>div{
	transform:scale(1.1); 
}	
.text-box3{
	float: left;font-size:18px;line-height:30px;
	width: 50%;background:#fbf6f3;overflow:hidden;padding:10% 5%;}


.jjj{ position:relative;}
.jjj .item{margin:0 15px; text-align:center; position:relative;}


.owl-carousel .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.jjj .owl-controls .owl-buttons{ display:none;}
.jjj .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.jjj .owl-controls .owl-page{height:14px; display:inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.jjj .owl-controls .owl-page span{display:block; width:12px; height:12px; margin:0 8px; border:2px #999999 solid; border-radius:100%; background:#999999; transition:all 0.5s;}
.jjj .owl-controls .owl-page.active span{width:14px; height:14px; margin:0 8px; border-color:#333; background:none;}
.jjj .owl-controls .owl-page span.owl-numbers{height:auto; width:auto; color:#FFF;padding:2px 10px;font-size: 14px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.jjj .loading{min-height: 150px;}
.jjj .owl-pagination{width:100%; height:14px; text-align:center; margin-top:60px;}

@media(max-width:1200px) {
.box3{width: 90%;}
.text-box3{font-size:18px;line-height:27px;}
	
}
@media(max-width:768px) {
.box3{width: 88%;}
.img-box3{
	position: relative;
	width: 100%;
	height: 0%;
	padding-bottom: 60%;
}	
/*768PX以下图片高度为宽度60%（也就是img-box的padding值）*/
.img-box3>div{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
}
.text-box3{
	float:none;
	width: 100%;}
}
@media(max-width:580px) {
	.text-box3{
	font-size:16px;line-height:26px;}
	}

.ny-menu{float:left;color:#666;margin-bottom:30px;}
.ny-menu a{color:#333;}
.ny-menu a:hover{text-decoration:underline;}




.product-top { width:100% }
.product-top .l { width: 48%; float: left; }
.pro-right { width:48%; float: right; }


.clm-wb{margin:30px 0;}
.clm h2{font-size:32px;}
.clm-wb p{margin:30px 0;color: #748093;font-size:24px;}
.pro-right-an1{overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;font-size:18px;border:1px solid #333;width:46%;float:left;margin-right:2%;text-align:center;padding:10px 0;border-radius:5px;}
.pro-right-an1:hover{transform:translateY(-6px); -webkit-trafont-size: 0;color: #333; }

.pro-right-an2{overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;font-size:18px;color:#fff;background:#333;width:46%;float:left;text-align:center;padding:10px 0;border-radius:5px;}
.pro-right-an2 a{color:#fff;}
.pro-right-an2:hover{transform:translateY(-6px); -webkit-trafont-size: 0; }
.pro-right-wb{margin:30px 0;}
.pro-right-wb p{float:left;width:100%;margin-bottom:5px;}
.ax{float:left;width:3%;margin-bottom:10px;}
.nr{float:right;width:96%;color:#666;margin-bottom:10px;}


.product-tb{border-top:1px solid #e8e8e8;padding-top:20px;overflow:hidden;margin-top:20px;}
.product-tb li{display:inline-block;margin:0 6px; overflow:hidden;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.product-tb li img{width:30px;}
.product-tb li a{display:block;}
.product-tb li:hover{transform:translateY(-6px); -webkit-trafont-size: 0; line-height: 0;}


.tabs{margin-top:50px;}

.tabs .horizontal{
    margin: 0px;overflow:hidden;
    padding: 0px;border-bottom:1px solid #e8e8e8;
}

.tabs .horizontal li{
    float: left;
    list-style: none;
    height: 50px;
    line-height: 50px;
 	margin-right:4%;
    text-align: center;
    cursor: pointer;
    font-size:18px; text-transform:uppercase;
}


.tabs .horizontal li.selectActive{
  border-bottom:2px solid #32b9d9;
  color:#32b9d9;
}
.tab-hz{margin-top:30px;font-size:16px;}
.tab-4-hz{margin-bottom:60px;}
.tab-4-title{margin-bottom:20px;font-size:18px;font-weight:bold;}
.tab-4-nr{color:#666;}
.product-xq-sj {display:none; }	

.tjcp-hz{margin-top:50px;border-top:1px solid #e8e8e8;padding-top:60px;}
.tjcp-title{font-size:36px;margin-bottom:60px;}


/*购物车数字加减*/
.spinner {
	height: 45px;
	width: 122px;
	overflow: hidden;border:1px solid #CCC;border-radius:5px;

}
.spinner button, .spinner .value {
	text-align: center;
	display: block;
	float: left;
	height: 100%;
	line-height: 25px;
	margin: 0
}
.spinner button {
	border: none;
	width: 40px;
	color: #e5312a;
	font: 22px Arial bold;
	padding: 0;
	outline: none;
	}

.spinner .decrease {
	background-position: 0 -50px;
	cursor: pointer;
	text-indent: -10000px;
	}


.spinner .decrease{background: url(../images/jh2.png) center no-repeat;text-indent: -10000px;}
.spinner .increase {
	background-position: 0 0;
	cursor: pointer;
	text-indent: -10000px;
	background: url(../images/jh.png) center no-repeat;
}
.spinner .value {
	width: 40px;
	height: 45px;
	border: none;
	padding: 0px;font-size: 16px;color: #535962;
}


/*在线客服*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e7e7e7;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e7e7e7;color:#333;font-size:14px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#32b9d9;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#32b9d9;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}