﻿@charset "utf-8";
/* CSS Document */
* {
padding:0px;
margin:0px;
}
img {
border:none; max-width:100%;

}
body { font-size: 16px; font-family:Arial, Helvetica, sans-serif;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;
}
a {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-weight:normal;font-size:16px; 
}
a:hover {
color:#d20d26;
}
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:1200px;margin:0 auto;}
.hz:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.hza{width:1200px;margin:45px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

.top_bj{width:100%;background:#333;border-bottom:5px solid #ff0055;}



.logo{ padding:25px 0;float:left;width:20%;}
.gq{margin-top:39px;margin-right:5px;}


.nav{float:left;width:75%;margin-left:5%;}
.mainbav ul:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.mainbav li {position:relative;padding:0 2.5%;}
.mainbav li:nth-child(8n){padding-right:0px;}
.mainbav li a{ font-size: 16px;color:#fff;}
.mainbav .memu {float: left;line-height:95px;height:95px; }

.mainbav .memu:hover, .mainbav .memu.active { display: block;border-top:2px solid #ff0055;
}
.mainbav .memu:hover a, .mainbav .memu.active a {color:#ff0055; }
.mainbav ul li ul{
display:none;
position:absolute;width:200px;
left:0;
top:80px;
z-index:999999;
background:rgba(0,0,0,0.5);
}
.mainbav ul li ul li{ float:none; border-right:none;  padding:0;line-height:40px; border-bottom:1px solid #a2a2a2; position:relative;text-align:left;}
.mainbav ul li ul li a{ display:block; color:#FFF !important; font-size:15px;padding:0 20px;}
.mainbav ul li ul li a:hover{
text-decoration: underline;
background-color: #ff0055;color:#fff!important;
}
.mainbav ul li ul li ul{ position:absolute; left:100%; top:0;}
.top{transition:all .8s; }
.page-scroll{background:rgba(255,255,255,0.7);}
/*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:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.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:12px; height:12px; 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:#d20d26;}
.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;}


.top_sj { display:none; }

.index-product-bj{background:#f5f5f5;overflow:hidden;padding:40px 0;}
.index-product-title{text-align:center;font-size:30px;}
.index-product-nr{margin:30px 0;overflow:hidden;}

.index-p-list>div {
	width: 31%;
	margin-right:3%;float: left;margin-bottom:3%;border:1px solid #f2f2f2;}

.index-p-list>div a {
	position: relative;
	display: block;
	overflow: hidden;
	transition: all ease .4s;
}

.index-p-list>div a.a1:after{ content:""; position: absolute;  z-index:1;top: 0px;left: 0%;width: 100%;height: 100%;background-color:rgba(255,0,85,0.8);transform:translate(0%,110%);transition:all .4s;}
.index-p-list>div a.a1:hover:after{ content:"";transform:translate(0%,0%);transition:all .4s;}

.index-cp-mz{text-align:center;background:#e5e5e5;height:50px;line-height:50px;}
.index-cp-mz a{color:#333;font-size:18px;}
.index-cp-mz a:hover{background:#dedede;color:#ff0055;}
.index-p-list>div a img {
	width: 100%;
	transform: scale(1);
	transition: all ease 0.5s;
}
.index-p-list>div a:hover img {
	transform: scale(1.1);
}
.index-p-list>div a p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 3;
	padding: 0px 20px;
	margin: 0px;
	font-size: 24px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	opacity: 0;
	transform:translate(0%,-50%);
	transition: all ease 0.5s;
}
.index-p-list>div a:hover p {
	opacity: 1;
	transition-delay: 0.4s;

}
.index-p-list>div a p:before,.index-p-list>div a p:after{ content:""; position: absolute;  z-index:-1;left: 50%;width: 0%;height:1px;background-color:rgba(255,255,255,0.6);transition:all .4s;}
.index-p-list>div a p:before{content:""; top:0px;}
.index-p-list>div a p:after{content:"";bottom:0px;}
.index-p-list>div a:hover p:before,.index-p-list>div a:hover p:after{ content:"";z-index:-1;margin-left: -30px; width: 60px;transition-delay: 0.8s;}


.box{
	position: relative;
	width: 100%;
	overflow: hidden;
}	
.img-box{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width:50%;
	height: 100%;
	overflow: hidden;
}

.img-box 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; }
	
	
.img-box 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; }
.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;background:#f5f5f5;overflow:hidden;padding:5% 5% 4% 3%;width:42%;}

.index-about-title{FONT-SIZE:30PX;background:url(../images/index_16.jpg)no-repeat bottom left;padding-bottom:20px; }
.index-about-content{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;margin:8% 0;line-height:35px;font-size:16px;width:65%; }

.index-about-more a{overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;background:#e1004b;width:170px;text-align:center;color:#fff;line-height:44px;border-radius:20px;}
.index-about-more a:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}

.index-fc-sj{display:none;}
.index-fc{display:block;}


.index-ggt-bj{background:#e1004b;overflow:hidden;padding:35px 0;}
.index-ggt-logo{float:left;}
.index-ggt-wb{float:left;margin-left:3%;font-size:24px;color:#fff;margin-top:10px;}

.index-news-bj{width:1200px;margin:45px auto 20px auto;overflow:hidden;}
.index-news-hz{margin-top:60px;}
.index-news-left-hz{width:50%;float:left;}
.index-news-left-pic{display:block; overflow:hidden; }
.index-news-left-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; }

.index-news-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.index-news-left-tilte{margin-top:40px;}
.index-news-left-bt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-news-left-bt a{font-size:24px;}
.index-news-left-nr{ color: #666; font-size: 15px; margin-top: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 100%; }



.index-news-right{float:right;width:46%;}
.index-news-right-a{border-bottom:1px solid #ececec;margin-bottom:40px;}
.index-news-right-title{margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-news-right-title a{font-size:24px;}
.index-news-right-rq{color:#999;}
.index-news-right-content{margin:15px 0 40px 0;color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }

.index-hzhb-hz{margin:10px 0 40px 0;overflow:hidden;}
.index-hzhb-hz li{width:14.5%;margin-right:2%;float:left;margin-top:15px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;border:1px solid #dbdbdb;}
.index-hzhb-hz li:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);border:1px solid #eb3d00}


.foot-bj{background:#333;padding-top:40px;overflow:hidden;color: #999;font-size:15px;}
.foot-logo{float:left;width:15%;}
.foot-lxfs{ float: left;width:40%; }
.foot-hz-nav { float: left; margin-right:16%; }

.foot-hz-cd { font-size: 18px; color: #fff; }
.foot-hz-menu { margin-top: 20px;   }
.foot-hz-menu li{line-height:24px;}
.foot-hz-menu a { color: #999;line-height:27px; font-size:15px;}
.foot-hz-menu a:hover { color: #f60052; }




.foot-contact{width:28%;float:left;border-left:1px solid #414141;padding-left:5%;}
.foot-hz-lxwm{margin-top: 15px; }
.foot-hz-lxwm a {color: #999;}
.foot-hz-lxwm a:hover { color: #f60052; }

.foot-right{float:right;}
.foot-right-fwrx{font-size:18px;color:#fff;}
.foot-right-hm{font-size:24px;color:#f60052;}
.foot-left-tb{margin-top:30px;}
.foot-right-fwrx2{font-size:18px;color:#fff;margin-top:20px;}

.index-copy{ border-top: 1px solid #414141;padding:10px 0;margin-top:50px;}
.index-copy a{color: #999;}
.index-copy a:hover{color: #f60052;}

.foot-bq-pc{margin:5px 0 10px 0;overflow:hidden;}
.foot-bq-pc li { color: #999; float: left; margin: 0 5px; }
.foot-bq-pc li a { color: #999; }
.foot-bq-pc li a:hover { color: #f60052; }

/*内页样式开始*/
.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%;}



.jjfa-content{margin-bottom:30px;}

.about-hz{padding-top:50px;}

.about-hz1{padding-top:20px;}
.about-menu-top-title1{font-size:36px;margin-bottom:20px;float:left;line-height:36px;}

.about-menu-hz{ border-bottom:1px solid #dfdfdf; padding-bottom:20px; overflow: hidden; }
.about-menu-top-title{font-size:36px;margin-bottom:30px;float:left;line-height:36px;}
.about-menu-cd li{ float: left;  line-height: 38px; }
.about-menu-cd li a{padding:0 30px;font-size:20px;border-radius:25px;}
.about-menu-cd li a:hover, a.on{ background: #ff0055; display: block; color: #fff; }
.about-menu-top-wz{color:#666;float:right;font-size:16px;}
.about-menu-top-wz a{color:#666;font-size:16px;}
.about-menu-top-wz a:hover{color:#d20d26;}
.js{color:#333;}


.cjwt-hz{ border-bottom: 1px dashed #eaeaea; padding: 30px 0; overflow: hidden; cursor: pointer; }
.cjwt-pic{width:20px;float:left;padding-top:5px;margin-right:10px;}
.cjwt-title{margin: 0 0 5px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cjwt-nr-title a{font-size:24px;}
.cjwt-nr-title a:hover{color:#e1004b;}
.cjwt-nr-ms{margin-top:10px;color:#666;}
.cjwt-hd{margin-top:10px;}
.cjwt-hz-tb{padding-top:3px;}
.cjwt-nr{ width: 80%; }
.cjwt-hz-bottom{padding:20px 0 10px 0;overflow:hidden; display:none;}
.cjwt-hz-bottom.active{ display:block;}
.cjwt-hz-bottom-pic{margin-top:8px;}
.cjwt-hz-bottom-wz{font-size:15px;}

.cjwt-hz-bottom-zw{height: 20px; line-height: 20px; margin-top:35px; padding-left: 10px; border-left: 4px solid rgb(255, 96, 0); font-size: 18px;font-weight:bold;}
.cjwt-hz-bottom-fl li{border:1px dashed #F60;float:left;margin:0 0.5%;width:80px;text-align:center;color:#F60;}
.cjwt-hz-bottom-nt{margin-top:20px;}


.about-team li{border:1px solid #e7e7e7;float:left;width:21.8%;padding:0.3%;margin-right:3%;margin-bottom:4%;display:block; overflow:hidden; overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;text-align:center;}
.about-team li:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.ny-ryzz-title{background:#f5f5f5;line-height:50px;margin-top:10px;}


.about-team1 li{float:left;width:32%;margin-right:2%;margin-bottom:4%;display:block; overflow:hidden; overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;text-align:center;}
.about-team1 li:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.ny-ryzz-title2{background:#f5f5f5;line-height:50px;}

.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{  }
.xy li a:hover,.xy li a.sbjg {color:#e1004b;font-weight:bold;}

.about-content{margin-bottom:30px;}

.product-title{font-size:24px;margin-bottom:30px;margin-top:20px;}


.ny_product_left{margin-bottom:15px;}
.ny-product-pic{width:22.2%;margin:0 1%;margin-bottom: 45px;float:left;border:1px solid #f2f2f2;padding:3px 0.3% 15px 0.3%; position:relative; text-align:center;}

.ny-product-pic:before { content:' '; position:absolute; left:0px; top:0px; width:0px; height:1px; background:#d20d26; transition:all 0.5s;}
.ny-product-pic:hover::before { width:100%;}
.ny-product-pic:after { content:' '; position:absolute; right:0px; bottom:0px; width:0px; height:1px; background:#d20d26; transition:all 0.5s;}
.ny-product-pic:hover::after { width:100%;}
.ny-product-pic i:before { content:' '; position:absolute; left:0px; top:0px; width:1px; height:0px; background:#d20d26; transition:all 0.5s;}
.ny-product-pic:hover i:before { height:100%;}
.ny-product-pic i:after { content:' '; position:absolute; right:0px; bottom:0px; width:1px; height:0px; background:#d20d26; transition:all 0.5s;}
.ny-product-pic:hover i:after { height:100%;}
.ny-product-tu{overflow:hidden;}

.ny-product-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; }
.ny-product-pic img{width:100%;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;display:block; overflow:hidden;}
.ny-product-wz{  font-size:18px;text-align: center; line-height:40px; }



.product-top { width:100% }
.product-top .l { width: 50%; float: left; 
}
.pro-right { width: 45%; float: right; 
}
.product-ny-title { width: 100%;border-bottom: 1px dashed #CCCCCC; font-size:24px; padding-bottom:10px;
}

.product-ny-fwrx { width:100%; line-height: 28px; font-size: 18px; float: left; margin-top: 20px; 
}
.product-ny-hm{ font-size: 24px; color: #e1004b; 
}
.pro-js { width: 100%; margin-top: 30px; }

#demo{width:100%; overflow:hidden; margin:20px auto;}

.product-xq-sj {display:none; }	
.ny-product-xbt{color:#999;}
.ny-product-hz{border-bottom:1px solid #f2f2f2;overflow:hidden;padding-bottom:20px;}

.ny-product-dy{ width:350px;margin-top:15px; background:#666;border-radius:5px; display:block;line-height:45px;text-align:center;color:#e60012;font-size:16px; }
.ny-product-dy a{color:#fff;}
.ny-product-ms-hz{ border-top: 1px solid  #e9e9e9; }
.ny-product-ms{ width: 180px; line-height: 45px; text-align: center; color: #fff; background: #e1004b; font-size: 20px; margin-top: 40px; }
.ny-product-content{margin:25px 0;}
.ny-product-jj{display:none;}
.tj-product{border-top:1px solid #e4e4e4; padding-top: 40px;margin:40px auto 0 auto;width:100%; }
.tj-product-title{ font-size: 36px; text-align: center; }
.tj-product-cp{ margin: 50px 0 15px 0; }
.tj-product-hz{width:300px;margin-right:25px;float:left;border:1px solid #e4e4e4;margin-bottom:10px;}
.tj-product-hz:hover{ text-decoration:underline;border:1px solid #e1004b;}
.tj-product-pic{display:block; overflow:hidden; margin-bottom:10px;}
.tj-product-pic img{width:100%;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.tj-product-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; }
.zzmc{text-align:center;font-size:20px;MARGIN-BOTTOM: 20PX;}


.product-ny-zx{background:#e1004b;width:160px;line-height:40px;text-align:center;margin-top:30px;}
.product-ny-zx a{color:#fff;font-size:18px;}





.news-nr-hz{background:#efefef;overflow:hidden;padding:20px;margin-bottom:40px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-nr-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);box-shadow:#e0e0e0 0px 1px 1px  1px;}
.news-nr-tu img{width:287px;height:208px;}
.news-xw{width:800px;margin-left:30px;color:#666;}
.news-xw-title{ margin: 20px 0; }
.news-xw-title a{color:#333;font-size:20px;}
.news-xw-title a:hover{color:#086ed5;}
.news-nr{font-size:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-more{ margin-top: 40px; border: 1px solid #d3d3d3; width: 120px; border-radius: 25px; text-align: center; line-height: 30px; }
.news-more a{color:#666;}
.news-more a:hover{color:#086ed5;}




.news-hz{border-bottom:1px solid #eaeaea;padding-bottom:30px;margin-bottom:50px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.news-rq{text-align:center;width:163px;margin:0 auto;font-size:20px;color:#999;}
.rqsz{font-size:70px;line-height:70px;}

.news-centent{width:100%;float:left;color:#666; margin-bototm:15px;}
.news-centent-title{ margin-bottom: 10px;  }
.news-centent-title a{font-size:22px;}
.news-nr{margin-top:10px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px;}
.news-ll{width:70px;height:52px;float:right;text-align:center;border:1px solid #d6d7d6;border-radius:5px;padding-top:18px;margin-right:30px;}

.news-ti { border-bottom: 1px  dashed  #D0D0D0; font-size: 28px; line-height: 35px; text-align: center; padding-bottom: 15px; margin-bottom:30px;
}

.time {
	font-size: 14px;
	color: #666;font-weight:normal;
}


.map{ padding: 5px; border: 1px solid #e6e6e6;overflow:hidden; }
.contact-hz{ margin-bottom: 30px; overflow: hidden; }

.contact-nr{float:left;width:35%;}
.contact-nr h3{font-size:24px;font-weight:normal;line-height:35px;}
.contact-nr-lxfs{margin-top:20px;}
.contact-nr-lxfs a:hover{color:#e1004b;}
.contact-feedback{float:right;width:60%;}
.contact-feedback-title{font-size:30px;margin-bottom:20px;}

.soka{ width: 40%; border: 1px solid #D8D8D8; line-height: 40px; margin-bottom: 20px; padding-left: 1%;  font-size: 15px;font-family:"Microsoft YaHei", verdant, tahoma;  }

.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 1%;; font-size: 15px; font-family:"Microsoft YaHei", verdant, tahoma;  height:300px;width:96%;}

.tj{ width: 160px; border: 1px solid #d21b31; line-height:42px; text-align: center; color: #fff; background-color: #e1004b; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size: 16px;border-radius:25px; }