@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
img{ border:0; }
a{ text-decoration:none; color:#333;   }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}

/*顶部*/
.header_top{width:100%; height: 37px; background: #666874; -webkit-transition:all 0.5s ease-in-ous; transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0}
.nav_right{width:auto; height: 37px; line-height:37px; float: left}
.nav_right p{width: 40px; height: 100%;  text-align: center; float: left; position: relative}
.nav_right p a{width:100%; height:100%; display:block;}
.nav_right p img{width:100px;  height: 100px; position: absolute; top:37px; left:0px; z-index: 888; display: none;}
.p1{background: url(../images/i_qq.png) no-repeat center;}
.p2{background: url(../images/i_wx.png) no-repeat center;}
.p3{background: url(../images/i_sj.png) no-repeat center;}
.p2:hover img{display: block}
.p3:hover img{display: block}
.nav_right .p1:hover{background: #8d8f9c url(../images/i_qq.png) no-repeat center}
.nav_right .p2:hover{background: #8d8f9c url(../images/i_wx.png) no-repeat center}
.nav_right .p3:hover{background: #8d8f9c url(../images/i_sj.png) no-repeat center}
.yingwen{font-size: 14px;color: #fff;float: left;line-height: 37px;margin-left: 10px;padding: 0px 10px;}
.yingwen:hover{background: #8d8f9c;}
.yingwen.active{background: #8d8f9c}
.header_right{width:auto; float: right; }
.header_right a{font-size:14px; color: #fff; float: left; margin:0px 20px; line-height: 37px;}
.header_right a.active{color:#d7171e}
.header_right a:hover{color:#d7171e}
.header_input{ width: 204px; height: 100%; background: #d7171e; float: right; line-height: 37px; color: #fff; margin-left: 20px; padding: 0px 10px; }
.header_input input[type="text"]{width:150px;  height: 37px; float: left; color:#fff;  border: 0; background: none;}
.header_input input[type="submit"]{width:30px;  height: 37px; background: url(../imgs/i_ss.png) no-repeat center; border: 0; float: right}
.header_input ::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.header_input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.header_input ::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.header_input :-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  

/* 业务导航栏 */
.xmheader_nav_left{width:410px; height:51px; float: left; margin-top:10px; }
.xmheader_nav_left img{height:100%; }
.xmheader_nav_right{width:65%; float: right; height: 100%; margin-top:-15px;}



/* 导航栏 */
.header_nav{width:100%; height:97px; background: #fff; position: absolute; top:37px; left: 0}

.header_nav_left{width:178px; height:42px; float: left; margin-top:27px; }
.header_nav_left img{height:100%;}
.header_nav_right{width:65%; float: right; height: 100%;}
#menu{ height:97px; width:100%;}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height: 100%;}
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height: 100%;  width:auto;  margin: 0px 15px}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; text-align:center; font-size:16px; z-index: 2; position: relative; color:#4d4d4d;height: 100%; }
#menu .nav .nLi h3 a{color:#4d4d4d; line-height:97px; font-size:16px; display: block; overflow: hidden}
#menu .nav .sub{ display:none; width:170px; left:50%; margin-left: -85px;  top:97px;  position:absolute; background:#ddd;  line-height:36px; z-index: 999}
#menu .nLi:hover h3 a{color: #d7171e;}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#d7171e; }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .nLi .sub a:hover{ color:#d7171e;}
#menu .nav .active h3 a{color: #d7171e; }
#menu .nav .active{background: url(../imgs/active.png) no-repeat bottom center}
#menu .nLi:hover{background: url(../imgs/active.png) no-repeat bottom center}
.f_top{ z-index: 999; background: #fff; transition: all 0.5s ease-in-out; box-shadow:0 1px 7px rgba(0,0,0,0.3)}
.in_header{position: fixed; top:0px; left:0; width: 100%; z-index: 999}
body{padding-top: 134px;}
.slide-down .global-header { -webkit-animation-name: slide-down-header; animation-name: slide-down-header;}
.slide-up .global-header{  -webkit-animation-name: slide-up-header;  animation-name: slide-up-header;}
.slide-down .header_nav{ -webkit-animation-name: expand-header; animation-name: expand-header;}
.slide-up .header_nav{ -webkit-animation-name: slide-down-header;  animation-name: slide-down-header;}
.slide-up .header_nav{ height:50px; top:0;  box-shadow:0 1px 7px rgba(0,0,0,0.3) }
.slide-up .header_top{top: -50px;}
.slide-up .header_nav_left{width:125px; height: auto; margin-top: 10px;}
.slide-up #menu .nav .nLi h3 a{line-height: 48px;}
.slide-up #menu{height:50px;}
.slide-up  #menu .nav .sub{top:50px;}


/* 首页:banner */
.banner{width:100%; height: auto}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(../images/prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(../images/next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}

.links{width: 100%;margin:0 auto;}
.links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #186631;}
.links .container{padding:0 5px;}
.links span{color: #666;font-weight: bold;display:inline-block;}
.links a{display:inline-block;font-size: 14px;color: #666;padding-right: 10px;}
.links a:hover{color: #ff0000;}

/*产品中心*/
.index_product{width:100%; height: auto; margin-top: 60px; overflow: hidden}
.index_pro_title{width:100%; height: auto; margin: 0px auto;}
.index_pro_title h3{width:100%; height: 72px; background: url(../imgs/pro_t.png) no-repeat center; text-align: center; font-size: 36px; line-height:55px; color: #000; font-weight: bold;}
.index_pro_title p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; text-align: center}
.index_product ul.pro_list{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.index_product ul.pro_list>li{width:49%; float: left; height: auto; position: relative; margin-bottom: 25px; overflow: hidden}
.index_product ul.pro_list>li:nth-child(2n){float: right;}
.index_product ul.pro_list>li img.po_pic{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product ul.pro_list>li .pro_title{width:100%; height: 78px; line-height: 78px; text-align: center; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; color: #fff; 
	font-size: 18px; font-weight: bold; position: absolute; bottom:0; left:0; background: rgba(0,0,0,0.7); }
.product_hover{width:100%; height: 100%; position: absolute; top:100%; left:0; background: rgba(215,23,30,0.7); padding:13% 10% 0; transition: .4s;}
.product_hover{width:100%; height: 100%; position: absolute; top:100%; left:0; background: rgba(215,23,30,0.7); padding:13% 10% 0; transition: .4s;}
.product_hover .pro_htop{width:100%; height: auto; text-align: center; display: block}
.product_hover .pro_htop .pro_sear{width:72px; height: 72px; border:1px solid #fff;margin: 0px auto; display: flex; align-items: center;
transform: rotate(0deg);
   transition: 0.4s ease-in-out;
}

.product_hover .pro_htop .pro_sear img{width:24px; height: 24px; align-items: center; margin: 0px auto;}
.pro_htop h3{font-size: 18px; color: #fff; font-weight: bold; text-align: center; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 10px 0}
ul.pro_list ul{width:100%; height: auto;}
ul.pro_list ul li{width:auto;  border-radius: 15px; padding:5px 12px 5px 5px; float: left; margin: 0px 1%}
ul.pro_list ul li i{width:22px; height: 22px; display: block; background: url(../images/jt.png) no-repeat center; float: left}
ul.pro_list ul li p{font-size: 14px; color: #fff; margin-left:8px; float: left}
ul.pro_list ul li:hover{background: #fff;}
ul.pro_list ul li:hover i{background: url(../images/h_jt.png) no-repeat center;}
ul.pro_list ul li:hover p{color:#d7171e}
.index_product ul.pro_list>li:hover .product_hover{top:0; transition: .6s;}
.index_product ul.pro_list>li:hover .pro_title{opacity: 0; }
.product_hover .pro_htop .pro_sear:hover{transform: rotate(45deg)}
.index_product ul.pro_list>li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}


/*行业应用*/
.index_hangye{width:100%; height: auto; overflow: hidden; background: #f3f3f3; padding: 81px 0 35px; margin-top:58px;}
.index_hangye_top{width:100%; height: auto; overflow: hidden;}
.index_hangye_title{width:100%; height: auto; float: center; text-align:center}
.index_hangye_top h3{font-size:36px; height: 72px; line-height: 68px; color: #000; font-weight: bold; background:url(../imgs/yy_bj.png) no-repeat center; text-align: center}
.index_hangye_top p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; text-align: center }
.yy_more{width:100px; height: 44px; background: #d7171e; float: right; border-radius: 25px; text-align: center; line-height: 44px; font-size: 14px; color: #fff; font-family: "Arial"; margin-top: 0px;}
.yy_more:hover{background: #fff; border: 1px solid #d7171e; color: #d7171e;}
.hy_mores{width:100px; height: 44px; background: #d7171e; margin:10px auto; border-radius: 25px; text-align: center; line-height: 44px; font-size: 14px; color: #fff; font-family: "Arial";  display:none;}
.hy_mores:hover{background: #fff; border: 1px solid #d7171e; color: #d7171e;}


.mr_frbox{height:auto; position: relative; width: 100%;overflow: hidden; margin-top: 10px;}
.mr_frUl{float:left; height:100%; width:100%;}
.mr_frUl ul li{float:left;height:auto;width:32%;  margin: 0px 8px; overflow:hidden; margin-bottom: 10px;}
.mr_frUl ul li img{display:block; width:100%; height:100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.m_list_xx{width:100%; height: 266px; position: relative; overflow: hidden}
.m_list_h{width:100%; height: 100%; position: absolute; top:0px; left:0; background:rgba(215,23,30,0.7); text-align: center; padding-top: 20%; opacity: 0}
.mr_frUl ul li p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}
.m_list{width:100%; height: auto; margin-bottom:15px;}
.m_list_h i{width:60px; height: 60px; background: url(../images/links.png) no-repeat; display: block; margin: 10px auto }
.m_list_h span{font-size: 14px; color: #fff; text-align: center}
.m_list_h:after{content:" ";  background: url(../images/p_bjs.png) no-repeat; background-size: 100%  100%; width: 92%; height: 91%; position: absolute; top:12px; left:12px;}
.m_list:hover .m_list_h{opacity: 1; transition: .6s}
.m_list:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.m_list_xx img{width: 100%; height:100%; display: block}
.m_list p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}

/* btn */
.mr_frbutton{width:auto; height:auto; overflow:hidden; margin:20px auto; display:table}
.og_prev, .og_next{width:45px; height:45px; line-height:45px; border-radius:50%;z-index:99;cursor:pointer; background:#e2e1e1; text-align:center;  float:left;}
.og_prev:hover,.og_next:hover{ background:#d7171e; color:#fff}
.og_next{margin-left:15px;}
.og_prev i, .og_next i{ color:#666; font-size:22px;}
.og_prev:hover i,.og_next:hover i{color:#fff}




/*关于我们*/
.index_about{width:100%; height: 660px; overflow: hidden;}
.index_about_t{width:100%; height: auto; overflow: hidden}
.index_about_t h3{font-size:36px; height: 72px; line-height: 68px; color: #fff; font-weight: bold; background:url(../imgs/about_t.png) no-repeat center; text-align: center}
.index_about_t p{font-size: 14px; color: #fff; height: 20px; line-height: 50px; text-align: center}
.index_about_t h6{font-size:14px; color:#fff; line-height:26px; width:1000px; height:auto; overflow:hidden; margin:10px auto;  text-align:left}
.index_about ul{width:100%; height:auto; overflow:hidden; margin-top:40px;}
.index_about ul li{ width:25%; height:auto; float:left;}
.index_about ul li .about_p{width:105px; height:121px; background:url(../imgs/b_bj.png) no-repeat center; text-align:center; margin:5px auto; padding-top:30px;}
.index_about ul li p{width:100%; height:40px; line-height:40px; font-size:20px; margin-top:10px; text-align:center; color:#fff}
.index_about ul li:hover .about_p{background:url(../imgs/b_hbj.png) no-repeat}
.index_about ul li:hover p{font-weight:bold;}

/*sj关于我们*/
.sj_gy_index_about{width:100%; height: 660px; overflow: hidden;}
.sj_gy_index_about_t{width:100%; height: auto; overflow: hidden}
.sj_gy_index_about_t h3{font-size:36px; height: 72px; line-height: 68px; color: #fff; font-weight: bold; background:url(../imgs/about_t.png) no-repeat center; text-align: center}
.sj_gy_index_about_t p{font-size: 14px; color: #fff; height: 20px; line-height: 50px; text-align: center}
.sj_gy_index_about_t h6{font-size:14px; color:#fff; line-height:26px; width:100%; height:auto; overflow:hidden; margin:10px auto;  text-align:left}
.sj_gy_index_about ul{width:100%; height:auto; overflow:hidden; margin-top:40px;}
.sj_gy_index_about ul li{ width:50%; height:auto; float:left;}
.sj_gy_index_about ul li .about_p{width:100%; height:121px; background:url(../imgs/b_bj.png) no-repeat center; text-align:center; margin:5px auto; padding-top:30px;}
.sj_gy_index_about ul li p{width:100%; height:40px; line-height:40px; font-size:20px; margin-top:10px; text-align:center; color:#fff}
.sj_gy_index_about ul li:hover .about_p{background:url(../imgs/b_hbj.png) no-repeat}
.sj_gy_index_about ul li:hover p{font-weight:bold;}

/*优势*/
.indedx_youshi{width:100%; height: auto; background: #efefef; padding: 90px  0}
.basc_title{width:100%;  height: auto; overflow: hidden}
.basc_title h3{font-size:36px; height: 72px; line-height: 68px; color: #ffffff; font-weight: bold; background:url(../imgs/basc_bjs.png) no-repeat center; text-align: center}
.basc_title p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; text-align: center}
.indedx_youshi_info{width:970px; height: auto; overflow: hidden; margin: 20px auto  0;}
.indedx_youshi_info .indedx_youshi_left{width:auto; float: left}
.indedx_youshi_center{width:240px; height: 240px; background: url(../images/basc_img.png) no-repeat; text-align: center; padding-top:73px; float: left; margin-top: 90px; 
	margin-left: -85px}
.indedx_youshi_center h3{font-size: 36px; color: #fff; font-weight: bold; }
.indedx_youshi_left img,.indedx_youshi_right img{width:90px; height:90px; float: left; 
    -webkit-transition: -webkit-transform 0.8s ease-out;
    -moz-transition: -moz-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;}
.youshi_right{margin-left: 15px; float: left}
.youshi_right h5{font-size: 18px; font-weight: bold; color: #333333; height:40px; line-height: 40px;}
.youshi_right p{font-size: 14px; color: #666666; line-height: 25px; width: 216px; padding-top: 5px;}
.youshi_1,.youshi_2,.youshi_3,.youshi_4,.youshi_5,.youshi_6{overflow: hidden;padding-bottom:10px;}
.youshi_1 .youshi_right{ background: url(../images/b1_bj.png) no-repeat left 41px; width: 263px;}
.youshi_2 .youshi_right{ background: url(../images/b2_bj.png) no-repeat  left 41px;}
.youshi_3 .youshi_right{ background: url(../images/b3_bj.png) no-repeat left -14px; width: 262px;}
.youshi_2,.youshi_5{ margin-top:69px; }
.youshi_3,.youshi_6{ margin-top:61px; }
.youshi_1:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_2:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_3:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_4:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_5:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_6:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}




.indedx_youshi_right,.youshi_left{float: left;}
.indedx_youshi_right img{float: right;}
.youshi_4 .youshi_left{ background: url(../images/b4_bj.png) no-repeat left 41px; width: 263px;}
.youshi_5 .youshi_left{ background: url(../images/b2_bj.png) no-repeat  left 41px;}
.youshi_6 .youshi_left{ background: url(../images/b6_bj.png) no-repeat left -14px; width: 262px;}
.youshi_left h5{font-size: 18px; font-weight: bold; color: #333333; height:40px; line-height: 40px; text-align: right}
.youshi_left p{font-size: 14px; color: #666666; line-height: 25px; width: 216px; padding-top: 5px; text-align: right; float: right}
.youshi_1,.youshi_3{margin-left: 84px;}
.youshi_4,.youshi_6{ margin-left: -86px;}
.youshi_5{margin-left: 44px;}
.youshi_4 img{margin-right: 68px;}
.youshi_6 img{margin-right: 68px;}
.youshi_5 img{margin-left:10px;}



/*新闻*/
.index_news{ width: 100%; height: auto; overflow: hidden; margin-top:50px;  }
.index_news_t{width:100%; height: auto; overflow: hidden}
.index_news_t h3{font-size:36px; height: 72px; line-height: 68px; color: #000000; font-weight: bold; background:url(../imgs/news_t.png) no-repeat center; text-align: center}
.index_news_t p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; text-align: center}
.index_news_nav{width:auto; display: table; margin: 10px auto;}
.index_news_nav a{width:92px; height:35px; line-height: 35px; float: left; font-size: 18px; color: #999999; background: url(../images/shuxian.png) no-repeat right center; 
	margin-right: 11px;}
.index_news_nav a:last-child{margin-right: 0; background: none;}
.index_news_nav a:hover{color:#d7171e}
.in_news_pic{width:95%; height: 220px; overflow: hidden;}
.in_news_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_news_xx{width:100%; height:5px; position: relative; z-index: 999; }
.in_news_time{width:62px; height: 73px; float: left; background: #d7171e; text-align: center; padding-top: 15px; margin-top: -20px;}
.in_news_time span{font-size: 24px; color: #fff; font-weight: bold; display: block }
.in_news_time p{font-size: 12px; color: #fff; text-align: center;}
.in_news_xx h4{font-size: 16px; color: #333333; font-weight: bold;  height:57px; line-height: 26px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; float: right; width: 79%}
.in_news_info{width:100%; height: auto; overflow: hidden; border-top: 1px solid #eeeeee; margin-top:15px; padding-top: 8px;}
.in_news_info p{font-size: 16px; color: #000000; line-height: 30px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;}
 .in_news_info a{color: #ffffff;
	text-decoration:none;
	line-height: 30px;
	font-size: 16px;
	color: #333333;}
	 .in_news_info a:hover{color: #ffffff;
	text-decoration:none;
	line-height: 30px;
	font-size: 16px;
	color: #ff0000;}

.in_news_bo{width:100%; height: 30px; line-height:30px; margin-top: 5px;}

.in_news_bo p{font-size: 13px; color: #777777; background: url(../images/i1.png) no-repeat left center; padding-left: 22px;margin-right:15px; float: left}
.in_news_bo span{font-size: 13px; color: #777777; background: url(../images/i2.png) no-repeat left center; padding-left: 25px;}
.slider_list a{width:100%; height: 100%; display: block; overflow: hidden;  padding: 0px 10px;}
.multiple-items{ margin-top: 0px;} 
.news_more{width:382px; height: 58px; border:1px solid #dedede;  border-right:0; border-left:0; text-align: center; line-height: 58px; font-size:18px; color: #50575d; display: block; margin:50px auto 0;}
.news_more:hover{background: #d7171e; color: #fff}
.index_news .slick-initialized .slick-slide:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news .slick-initialized .slick-slide:hover h4,.slick-initialized .slick-slide:hover .in_news_info p,.slick-initialized .slick-slide:hover .in_news_info span{color:#d7171e}
.index_news .slick-initialized .slick-slide:hover .in_news_bo p{background: url(../images/i1_h.png) no-repeat left center;}
.index_news .slick-initialized .slick-slide:hover .in_news_bo span{background: url(../images/i2_h.png) no-repeat left center;}



/*合作*/
.index_hezuo{width:100%; height: auto; overflow: hidden; background: #efefef; padding: 72px 0 75px}
.index_hezuo_title{width:100%; height: auto; overflow: hidden}
.index_hezuo_title h3{font-size:36px; height: 72px; line-height: 68px; color: #000000; font-weight: bold; background:url(../imgs/hezuo_t.png) no-repeat center; text-align: center }
.index_hezuo_title p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; }
.index_hezuo ul{width:100%; height: auto; overflow: hidden; margin-top:20px;}
.index_hezuo ul li{width:280px; float: left; height: 120px; margin-right:1px; margin-bottom:1px; position: relative; overflow: hidden}
.index_hezuo ul li:nth-child(8n){margin-right: 0px;}
.index_hezuo ul li img{width:100%;height: 100%; display: block;   
transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_hezuo ul li p{width:100%; height: 100%; background: rgba(215,23,30,0.8); text-align: center; line-height:120px; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; color:#fff; font-size: 14px; position: absolute; top:0; left:0; display: none;}
.index_hezuo ul li:hover p{display: block}
.index_hezuo ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}

/*底部*/
.footer{width: 100%; height:auto; background:#414a52;padding-top:74px; overflow: hidden}
.footer_top{width:100%; height: auto; overflow: hidden}
.footer_left{width:285px; float: left;}
.footer_left h3,.footer_center h3{font-size: 22px; color: #fff; font-weight: bold; background: url(../images/hx.png) no-repeat left bottom; height: 40px;}
.footer_left ul{width:100%; overflow: hidden; height: auto; margin-top: 10px;}
.footer_left ul li{width:auto; float: left; background: url(../images/f0.png) no-repeat left center; height: 35px; line-height: 35px; padding-left: 20px; margin-right: 30px;}
.footer_left ul li a{font-size: 14px; color: #fff;}
.footer_left ul li:hover a{color:#d7171e}
.footer_center{width:300px; height: auto; margin-left: 110px; float: left}
.footer_cxx{width:100%; height: auto; overflow: hidden; margin-top: 10px;}
.footer_cxx p{width:100%; height: 35px; line-height: 35px; font-size: 14px; color: #fff;}
.footer_pic{width:auto; height: auto; margin-left: 110px; float: left; margin-top:62px; }
.footer_wx{width:129px; height: auto; float: left; margin-right: 20px;}
.footer_wx img{width:100%; height: 100%; display: block}
.footer_wx p{width:100%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff;}
.footer_ban{width:100%; height: auto; line-height: 76px; border-top:1px solid #a0a5a9; margin-top: 62px;}
.footer_zhichi{width:auto; height:60px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px; line-height: 76px; font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 25px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 25px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.footer_zhichi i{ float: left;}
.footer_zhichi a{color:#fff;}
.f_brq{width:auto;height:100%; line-height: 76px;font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; font-size: 14px; color: #fff}
.f_brq a:hover{color:#d7171e !important;}
.index_kuaijie{width:100%; height: auto; background:#333333; padding: 15px; border-top: 1px solid #5f5f5f; overflow: hidden}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 12px; color: #fff; margin: 0px 10px;}
.index_kuaijie p{font-size: 12px; color: #fff; float: left; }
.index_kuaijie a:hover{color:#2688cf}




/*内页 banner*/
.ny_banner{width:100%; height:auto; overflow: hidden; background:url(../imgs/gsjsfy.jpg) no-repeat; background-size:100% 100%; padding:120px 0 }
.ny_banner .ny_banner_left{width:50%; float: left;}
.ny_banner .ny_banner_left h4{width:100%; height: 40px; line-height: 40px; font-size: 30px; color: #000; font-weight: bold; margin-bottom: 10px;}
.ny_banner .ny_banner_left p{font-size: 16px; color: #000; line-height: 26px;}
.ny_banner_right{float: right; font-size: 14px; color: #fff; margin-top:75px; line-height:26px;}
.ny_banner_right a{font-size: 14px; color: #fff; margin: 0px 10px 0 0;}
.ny_banner_right a:hover{color:#d7171e}


/*内页左边导航*/
.ny_all{width:100%; height: auto; overflow: hidden; margin-top: 36px; margin-bottom:80px;}
.ny_left{width:21.5%; height: auto; float: left}
.ny_left_title{width:100%; height: 90px; background: #d7171e; line-height: 90px; text-align: center; font-size: 30px;color: #fff; font-weight: bold;}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 16px; background: #f0f0f1}
.ny_left_nav .yiji li{width: 100%; height:auto;  padding-left:10px; margin-bottom:1px; background:url(../imgs/dian.png) no-repeat 8px 22px; }
.ny_left_nav ul li a{padding-left: 15px; font-size: 16px; color: #333333;display: block;  height:50px;line-height: 50px;position: relative;}
.ny_left_nav ul li .inactive{ background:url(../images/off.png) no-repeat 210px center;}
.ny_left_nav ul li .inactives{background:url(../images/on.png) no-repeat 210px center;} 
.ny_left_nav ul li ul{display: none;}
.ny_left_nav ul li ul li { width: 100%; height: 50px; line-height: 50px; background: none;}
.ny_left_nav ul li ul li ul{display: none;}
.ny_left_nav ul li ul li a{ padding-left:20px; font-size: 14px; color: #666666}
.ny_left_nav ul li ul li.active a{color:#d7171e; font-size: 14px; background: url(../images/r_jt.png) no-repeat 200px center}
.ny_left_nav ul li.active a{color:#d7171e}
.ny_left_nav ul li:hover a.inactive{color:#d7171e}
.ny_left_nav ul li ul li:hover a{color:#d7171e}
.ny_left_nav ul li .inactives{color:#d7171e}
.ny_left_nav ul li ul li:hover a{color:#d7171e}
.yiji li.active{background:#fff url(../imgs/dian.png) no-repeat 8px 22px;}
.ny_left_nav ul li ul li:hover{background: url(../images/r_jt.png) no-repeat 210px center}
.ny_left_nav .yiji li:hover{background:#fff url(../imgs/dian.png) no-repeat 8px 22px;}



/*产品侧边导航*/
.accordion { width: 100%; height:auto; overflow:hidden}
.accordion li.open .link {color: #d7171e;}
.accordion .link i{width:7px; height:7px; background:url(../imgs/dian.png) no-repeat center; float:left; margin-top:22px; margin-right:10px;}
.ny_left_nav ul li.open{background:#fff}
.accordion .link {
    cursor: pointer;
    display: block;
    height:50px; line-height:50px;
    font-size: 16px; color: #333333;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	background: url(../images/off.png) no-repeat 207px center;
}
.open .link{background: url(../images/on.png) no-repeat 207px center;}
.submenu{display: none;}
.submenu a {
    display: block;
    text-decoration: none;
    font-size: 14px; color: #666666; height:50px; line-height:50px;
    padding-left: 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.subshow{display:block!important;}
.accordion li{padding-left:10px;}
.accordion li:hover{background:#fff;}




/*内页右边内容*/
.ny_right{width:75%; height: auto; float: right; padding-top:10px;}
.ny_right_title{width:100%; height: 47px; border-bottom: 1px solid #dddddd}
.ny_right_title h3{font-size: 24px; height: 40px; line-height: 40px; color: #484848; font-weight: bold; background: url(../images/hs.png) no-repeat left center; padding-left: 20px;}
.ny_about_info{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #666666; line-height: 30px; margin-top:35px; }
.ny_about_info img{max-width: 100%;}



/*内页流程*/
.ny_licheng_info{width:100%; height: auto; overflow: hidden; margin-top: 45px; padding-left: 40px;}
.ny_licheng_info ul{width:100%; height: auto; overflow: hidden;  background: url(../images/xx_s.jpg) repeat-y 100px top; padding-top: 50px;}
.ny_licheng_info ul li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 40px;}
.ny_licheng_nian{width:100px; height: auto; float: left; margin-top: 11px;}
.ny_licheng_nian h3{font-size:28px; color: #777777; font-weight: bold; font-family: "Arial"}
.ny_licheng_list{ margin-left:95px; background: url(../images/yd.png) no-repeat left 12px; padding-left:30px; }
.ny_licheng_list h3{font-size: 14px; color: #666666;line-height: 35px;}

/*新闻*/
.ny_news_list{width:100%; height: auto; overflow:hidden; margin-top: 10px;}
.ny_news_list ul{width:100%; height: auto; overflow: hidden;  margin-bottom: 30px;}
.ny_news_list li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 25px 0;}
.news_time{width:10%; float: right; text-align: center; background: #f5f5f5; padding: 20px 0}
.news_time time{color: #d7171e; font-size: 12px; margin-top: 10px; display:block; overflow: hidden; width: 100%; height:20px; line-height:20px; font-family: "Arial"}
.news_time p{ font-size:40px; color: #d7171e;height: 35px; line-height: 35px; font-weight: bold;}

.ny_news_info{width:64%; float: left; margin-left: 3%}
.ny_news_info h3{ font-size:18px; color: #555555;  width:100%; height:35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_info p{width:100%; line-height:26px; color: #666; font-size: 14px; word-break:break-all;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ny_news_info span{width:98px; height:32px; border: 2px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #666666; display: block; margin-top: 10px;}

.ny_news_img{width:21%; height:auto; float:left; overflow: hidden}
.ny_news_img img{width:100%; height: auto;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover{border-bottom: 1px solid #d7171e;}
.ny_news_list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover span{background: #d7171e; color: #fff; border:2px solid #d7171e; }
.ny_news_list li:hover .news_time{background: #d7171e;}
.ny_news_list li:hover .news_time p{color:#fff}
.ny_news_list li:hover .news_time time{color:#fff;}
.ny_news_list li:hover h3{color:#d7171e;}


/*下载*/
.ny_xiazai{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_xiazai ul{width:100%; height: auto; overflow: hidden}
.ny_xiazai ul li{width:100%; height: 50px; line-height: 50px; margin-bottom: 20px; background: #eceff3; padding: 0px 30px;}
.ny_xiazai ul li p{width:80%; height: 100%;float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #666;}
.ny_xiazai ul li span{float: right; font-size: 14px; color: #666666; background: url(../images/xiazai.png) no-repeat left center; padding-left: 25px;}
.ny_xiazai ul li:hover p{color:#d7171e}
.ny_xiazai ul li:hover span{color:#d7171e}


/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_product ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_product ul li .products_pic img{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_product ul li:hover p{color:#d7171e}


/*合作客户*/
.ny_hzkh{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_hzkh ul{width:100%; height: auto; overflow: hidden}
.ny_hzkh ul li{width:23.5%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_hzkh ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_hzkh ul li .products_pic img{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_hzkh ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_hzkh li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}
.ny_hzkh ul li:nth-child(4n){margin-right: 0px;}
.ny_hzkh ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_hzkh ul li:hover p{color:#d7171e}


/*联系我们*/
.ny_conta_info{width:100%; height: auto; padding: 35px 35px; background: #f5f5f5; overflow: hidden; margin-top: 35px;}
.ny_conta_info .ny_ibt{font-size: 24px; color: #313131; height: auto; line-height: 40px;}
.ny_conta_dz{width:50%; height: auto; float: left}
.ny_conta_dz p{font-size: 16px; color: #313131; line-height: 30px;}
.ny_conta_dz p i{color: #000000; margin-right: 5px;}
.ny_cont_wx{width:340px; height: auto; float: right}
.ny_cont_wx dl{width:140px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; /*! padding: 10px; */ background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.map{width:100%; height: 400px; overflow: hidden; margin-top: 20px;}




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:550px;
    width:77px;
    z-index:999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);

    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../imgs/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}

.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#d7171e;
    height: 60px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}