﻿@charset "utf-8";
/*头部样式*/
.header-fixed{
	background: none;
	height: 76px;
	z-index: 9999;
}
.logo{
    float: left;
	margin-top: 3px;
}
/*头部导航样式*/
.navBar{ float: right; color:#666; width:755px;   }
.nav{ width:755px; font-family:"Microsoft YaHei",SimSun,SimHei;height: 79px;  }
.nav h3{ font-size:100%; font-weight:normal; font-size:14px;  }
.nav .m{  position:relative; float:left; width:86px; margin:0 10px; display:inline; text-align:center;   }
.nav h3 a{  zoom:1;  height:76px; line-height:76px; padding:0;  display:block; color:#666;    padding-top: 3px;}
.nav h3 a:hover{text-decoration: none;}
.nav .on {padding:0;  border-top:3px solid #ed002f;   }
.nav .m:hover a{padding:0;  border-top:3px solid #ed002f; color:#ed002f;}
/*窗体滚动样式*/
.fixed-header-on header{
    height: 50px;
	padding: 10px 0px;
    background-color: rgba(0,0,0,0.5);
    border-bottom: none;
}
.fixed-header-on .logo{
    transform: scale(0.8);
    margin-top: 5px;
    margin-bottom: 0;
    transition: all 0.5s ease-in-out;
}

/* 首页banner */
/*文字样式*/
.banner_wrap{
	width: 800px;
	margin:0 auto;
	position: relative;
	top: 30%;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
.ico-tel{
	background-position: 0 0;
	width: 30px;
	height: 30px;
	margin-right: 0px;
	margin-top: 5px;
}
.banner-txt h1{
	font-size: 48px;	
	padding:0px 0px 15px 0px;	
	font-weight: normal;
}
.banner-txt h3{
	font-size: 24px;	
	padding:0px 0px 15px 0px;
	font-weight: normal;
}
.banner_line{
	height: 18px;
	line-height: 18px;
	width: 100px;
	margin:0 auto;
	border-bottom: #fff solid 3px;
}
.banner_tel{
	width: 225px;
	margin:15px auto;
	text-align: center;
	font-size: 24px;	
	padding:0px 0px 15px 0px;
}
.banner_more{
	border:#fff solid 1px;
	padding: 12px 50px;
	width: 105px;
	margin:88px auto 0px;
	color: #fff;
}
.banner_more a{
	color: #fff;
}
/*图片切换样式*/
.banner{ height:500px; }
.banner1{height:350px;}
.focusBox { position: relative; width:100%; height:500px; overflow: hidden;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic li::before{	position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.8;background: #000;content: "";-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
.focusBox .pic img { width:100%;  height:500px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;}
.focusBox .pic li a{display: inline-block;width:100%;height:500px;background-repeat: no-repeat;background-position: center;}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.slider-text{
	display: inline-block;
    position: absolute;
    top: 25%;
    height: 500px;
	left: 10%;
	z-index: 99999;
}
.slider-text h1 {
	font-size: 28px;
	line-height: 70px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 800;
	margin-bottom: 20px;
}
.slider-text p {
	font-size: 16px;
	color: #ccc;
	padding-right: 100px;
}
.slider-text .button{
	margin-top: 50px;
}
.slider-text .btn {
	margin-right: 15px;
    color: #252525;
    background: #fff;
    position: relative;
    z-index: 3;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 120px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    text-align: center;
}
.slider-text .primary,.slider-text a:hover{
	background: #ed002f;
}
.slider-text .primary,.slider-text a:hover{
	color: #fff;
}

/* service */
.service_tit{
	width: 320px;
	margin:0 auto;
	text-align: center;
	height: 86px;
	position: relative
}
.service_tit p{
	position: absolute;
	font-size: 120px;
	color: #f3f3f3;
	font-family:  "Microsoft YaHei",SimSun,SimHei;
	z-index: -1;
	text-align: center;
	font-weight: bold;
	width: 320px;
	top: -47px;
}
.service_tit h3{
	position: absolute;
	top: 0px;
	left: 50px;
	z-index: 1;
	font-size: 26px;
	color: #333;
	font-weight: normal;
	line-height: 86px;
}
.service_con dl{
	width: 540px;
	margin-right:40px;
	padding:20px;
	background: #fafafa;
}
.service_con dl dt{
	padding:10px;
	background: #fff;
	margin-right: 15px;
	float: left;
}
.service_con dl dt img{
	width: 140px;
	height: 140px;
}
.service_con dl dd{
	width: 360px;
	overflow: hidden;
	float: right;
}
.service_con dl dd h4{
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
.service_con dl dd p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	height: 112px;
	overflow: hidden;
	margin-top: 10px;
}
.service_con dl:nth-child(2n){
	margin-right:0px;
}
.service_con dl:hover{
	background: #1e2432;
	transition: all 0.5s ease-in-out;
}
.service_con dl:hover a h4{
	color: #fff;
}
.service_con dl:hover a p{
	color: #fff;
}
/* about */
.about{
	/*background: url(../images/ab-bg.jpg) repeat-y top;*/
	background-image: url(../images/ab-bg.jpg);
	background-repeat: no-repeat;
	/*padding:100px 0px;*/
	height:520px;
	width:100%;
	/*opacity: 0.7;*/
	position:relative;
}
.demo{width:100%;height:100%;background-color: rgba(255,255,255,0.5);position:absolute;top: 0px;left: 0px}
.about_img{
	width: 599px; 
	height: 400px
}
.about_con{
	width: 100%;
	height:290px;
}
.about_con .left-con{float: left;width:465px;height:290px;}
.about_con .right-con{float: right;line-height: 26px;width:635px;overflow: hidden;}
.about_con .right-con p{font-size: 14px;color:#666;vertical-align: middle;}
.about_con .right-con .more{float:right;width: 83px; height: 26px;border: 1px solid #ed002f;line-height: 26px;text-align: center;margin-top: 15px;}
.about_con .right-con .more a{color: #ed002f;font-size: 14px;vertical-align: middle;}
.about_tit{
	width: 250px;
	text-align: left;
	height: 61px;
	position: relative
}
.about_tit p{
	position: absolute;
	font-size: 120px;
	color: #f3f3f3;
	font-family: "Microsoft YaHei",SimSun,SimHei;
	z-index: 0;
	text-align: left;
	width: 250px;
	top: -50px;
	font-weight: bold;
}
.about_tit h3{
	position: absolute;
	top: 0px;
    left: 65px;
	z-index: 1;
	font-size: 26px;
	color: #333;
	font-weight: normal;
	line-height: 86px;
}
.about_content p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	text-align: left;
}
.about_content a{
	color: #076aef;
}
/* advantage */
.advantage_tit{
	width: 320px;
	margin:0 auto;
	text-align: center;
	height: 86px;
	position: relative
}
.advantage_tit p{
	position: absolute;
	font-size: 120px;
	color: #f3f3f3;
	font-family: "Microsoft YaHei",SimSun,SimHei;
	z-index: -1;
	text-align: center;
	width: 320px;
	top: -47px;
	font-weight: bold;
}
.advantage_tit h3{
	position: absolute;
	top: 0px;
	left: 165px;
	z-index: 1;
	font-size: 26px;
	color: #333;
	font-weight: normal;
	line-height: 86px;
}
.adv_wrap{
	background: url(../images/adv-bg.jpg) repeat-x top;
	padding-bottom: 100px;
	height: 558px;
}
.adv_con01{
	width: 400px;
}
.adv_con01_txt{
	width: 300px;
	height: 180px;
	padding:50px;
	text-align: left;
	background: #fafafa;
}
.adv_con01_txt h3{
	font-size: 26px;
	color: #333;
	line-height: 30px;
	font-weight: normal;
}
.adv_con01_txt span{
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	line-height: 30px;
}
.adv_con01_txt p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 50px;
	height: 70px;
	overflow: hidden;
}
.adv_con01_img{
	width: 400px;
	height: 280px;
	overflow: hidden;
}
.adv_con01_img img{width:400px;height:280px;position:relative; transition:all 2s;}
.adv_con01_img:hover img{-webkit-transform:scale(1.5,1.5);}
/* case */
.case_tit{
	width: 320px;
	margin:0 auto;
	text-align: center;
	height: 86px;
	position: relative
}
.case_tit p{
	position: absolute;
	font-size: 120px;
	color: #f3f3f3;
	font-family:  "Microsoft YaHei",SimSun,SimHei;
	z-index: -1;
	text-align: center;
	font-weight: bold;
	width: 320px;
	top: -47px;
}
.case_tit h3{
	position: absolute;
	top: 0px;
	left: 165px;
	z-index: 1;
	font-size: 26px;
	color: #333;
	font-weight: normal;
	line-height: 86px;
}
.case_wrap{
	width: 1300px;
	margin:0 auto;
}
.case-con li{position:relative;width:380px;height:402px;float:left;margin-right: 28px;margin-bottom: 60px;}
.case-con li img{
	width: 380px;
	height: 375px;
	object-fit: cover;
}
.case-con li:hover a img{
	opacity: 0.7;
	transition: all .5s ease;
}
.case-con li:hover  .case_txt h4{
	line-height:50px;
	vertical-align: middle;
	transition: all .5s ease;
}
.case-con li:hover  .case_txt span{
	display: none;
	transition: all .5s ease;
}
.case-con li:nth-child(3){margin-right: 0px;}
.case-con li:nth-child(6){margin-right: 0px;}
.case-con .case_txt{
	background: #fff;
	width: 337px;
	height: 55px;
	position: absolute;
	bottom:-7px;
	left: 21px;
	text-align: center;
	-moz-box-shadow:0px 5px 10px #ccc; 
	-webkit-box-shadow:0px 5px 10px #ccc; 
	box-shadow:0px 5px 10px #ccc;
}
.hover2{ transition: all 0.5s ease-in-out;  display: block !important;}
.case_txt h4{
	font-size: 14px;
	text-align: center;
	color:#515151;
	line-height: 22px;
    padding-top: 13px;
}
.case_txt .line2{
	width: 30px;
	height: 20px;
	border-bottom:#076aef solid 2px;
	margin:0px auto 10px;
}
.case_txt span{
	line-height: 22px;
	text-align: center;
	color: #bfbfbf;
	overflow: hidden;
}
.case_txt a:hover p{
	text-decoration: underline;
	color: #333;
}
/* news */
.news_con{width:100%;height:360px;}
.news_con li{width:360px;height:362px;background-color:#f8f8f8;cursor: pointer;float:left;margin-right: 40px;}
.news_con li .pointer{height: 360px;height:260px;}
.news_con li .point{width:100%;background-image: url(../images/newspic.jpg);background-size: cover;
    background-position: 50% 50%;background-repeat: no-repeat;height:260px;}
.news_con li:hover .add{
	color:#fff;
}
/* .news_con li .white{
 	color:#fff !important;
 }*/
.news_con li .point .news-a{
	height: 100%;
    display: block;
    background-color: #f8f8f8;
    padding-left: 30px;
    /*padding-top: 50px;*/
    padding-right: 30px;
    transform: rotate(0deg) scale(1) translate(0%,0%);
    transition: All 0.5s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0%,0%);
    -o-transform: rotate(0deg) scale(1) translate(0%,0%);
    -moz-transform: rotate(0deg) scale(1) translate(0%,0%);
    -webkit-transform: rotate(0deg) scale(1) translate(0%,0%);
    -ms-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
   
}
.news_con li:hover .point .news-a{
	background-color:rgba(0,0,0,0.4);
	transform: rotate(0deg) scale(1) translate(0%,0%);
	transition: All 0.5s ease;
	 -webkit-transform: rotate(0deg) scale(1) translate(0%,0%);    
    -webkit-transition: All 0.5s ease;
}


/*.news_con li .point .news-a .c-state1:hover{
	padding-top:30px;
}*/
.news_con li .point .news-a .time{
	color: #787878;
    display: inline-block;
    font-size: 24px;
    margin-right: 4px;
    padding-top:50px;
/*    transform: rotate(0deg) scale(1) translate(0px,0px);
    transition: All 0.5s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0px,0px);
    -o-transform: rotate(0deg) scale(1) translate(0px,0px);
    -moz-transform: rotate(0deg) scale(1) translate(0px,0px);
    -webkit-transform: rotate(0deg) scale(1) translate(0px,0px);
    -ms-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;*/
}
.news_con li:hover .del{
	transform: rotate(0deg) scale(1) translate(0px,0px);
    transition: All 0.5s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0px,0px);
    -o-transform: rotate(0deg) scale(1) translate(0px,0px);
    -moz-transform: rotate(0deg) scale(1) translate(0px,0px);
    -webkit-transform: rotate(0deg) scale(1) translate(0px,0px);
    -ms-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    color:#fff;
}
 .c-state1{
	color:#fff!important;
	 -webkit-transform: rotate(0deg) scale(1) translate(0px,0px);
 	-webkit-transition: All 0.6s ease;
}
.news_con li .point .news-a span{
	    color: #7e7f7e;
    display: inline-block;
    font-size: 14px;
/*    transform: rotate(0deg) scale(1) translate(0px,0px);
    transition: All 0.5s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0px,0px);
    -o-transform: rotate(0deg) scale(1) translate(0px,0px);
    -moz-transform: rotate(0deg) scale(1) translate(0px,0px);
    -webkit-transform: rotate(0deg) scale(1) translate(0px,0px);
    -ms-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;*/
}

.news_con li .point .news-a .iner-con{
	-webkit-line-clamp: 1;
    color: rgb(99, 99, 99);
    margin-top: 12px;
/*    -webkit-transform: rotate(0deg) scale(1) translate(0px, 0px);
    transform: rotate(0deg) scale(1) translate(0px, 0px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}
.news_con li .point .news-a .con-det{
	color: rgb(168, 168, 168);
    font-size: 12px;
/*    transform: rotate(0deg) scale(1) translate(0px,0px);
    transition: All 0.5s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0px,0px);
    -o-transform: rotate(0deg) scale(1) translate(0px,0px);
    -moz-transform: rotate(0deg) scale(1) translate(0px,0px);
    -webkit-transform: rotate(0deg) scale(1) translate(0px,0px);
    -ms-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;*/
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_con li .line{
	width: 322px;
    margin-left: auto;
    margin-right: auto;
    min-height: 2px;
    height: 2px;
    background-color: rgba(217,217,217,1);
    overflow: hidden;
    border-radius: 1px;

}
.news_con li .line .c-line{
	min-height: 2px;
    height: 2px;
    width: 0%;
 /*   background-color: rgb(173, 173, 173);
    transform: rotate(0deg) scale(1) translate(0%,0%);
    transition: All 1s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0%,0%);
    -o-transform: rotate(0deg) scale(1) translate(0%,0%);
    -moz-transform: rotate(0deg) scale(1) translate(0%,0%);
    -webkit-transform: rotate(0deg) scale(1) translate(0%,0%);
    -ms-transition: All 1s ease;
    -o-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -webkit-transition: All 1s ease;*/

}

.news_con li .n-detail{
	height: 100px;
    text-align: left;
    overflow: hidden;
}

.news_con li .n-detail .del{
	    font-size: 13px;
    color: rgb(125, 125, 125);
    display: inline-block;
    margin-top: 39px;
    margin-left: 30px;
}
.news_con li .n-detail .to{
	width: 44px;
    min-width: 25px;
    height: 44px;
    min-height: 25px;
    position: relative;
      right: -289px;
    top: -31px;
    display: none;
     transition: all 0.5s ease;
/*    background-image: url(../images/to.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 23px;
    border-width: 1px;
    border-color: rgb(196, 196, 196);
    border-style: solid;
    -webkit-transform: rotate(0deg) scale(1) translate(132%, 0%);
    transform: rotate(0deg) scale(1) translate(132%, 0%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;*/

}
.news_con li:hover .n-detail .to{
	 transition: all 0.5s ease;
	 display: block;

}
.news_con li .n-detail .to img{
	width:44px;
	height:44px;
}



.news_con_img{
	width: 522px;	
}
.news_con_imgwrap{ 
	overflow: hidden;
	width:522px;
	height:289px;
}
.news_con_img img{width:522px;height:289px;position:relative; transition:all 2s;}
.news_con_img:hover img{-webkit-transform:scale(1.5,1.5);}
.news_con_lefttxt{
	background: #1e2432; 
	width: 462px;
	height: 93px;
	padding:30px;
	color: #fff;
}
.news_con_lefttxt .lefttime{
	width: 57px;
	text-align: left;
}
.news_con_lefttxt .lefttime p{
	font-size: 30px;
}
.news_con_lefttxt .lefttime span{
	font-size: 14px;
}
.news_con_leftdetail{
	width: 380px;
}
.news_con_leftdetail a h5{
	font-size: 16px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	border-bottom: #fff solid 1px;
}	
.news_con_leftdetail a p{
	line-height: 24px;
	height: 70px;
	overflow: hidden;
	color: #d2d2d2;
	margin-top: 15px;
}
.news_con_leftdetail a:hover p{
	text-decoration: underline;
	color: #fff;
}
.news_con_list{
	width: 600px;
}
.news_con_list dl{
	height: 130px;
	overflow: hidden;
	margin-top: 20px;
}
.news_con_list dl dt{
	width: 480px;
	float: left;
}
.news_con_list dl dt a h5{
	font-size: 16px;
	color: #666;
	height: 40px;
	line-height: 40px;
	border-bottom: #d2d2d2 solid 1px;
}	
.news_con_list dl dt a p{
	line-height: 24px;
	height: 70px;
	overflow: hidden;
	color: #9d9b9b;
	margin-top: 15px;
}
.news_con_list dl dt a:hover h5,.news_con_list dl dt a:hover p{
	padding-left: 20px;
	transition: all 0.5s ease-in-out;
}
.news_con_list dl dd{
	width: 70px;
	text-align: center;
	float: right;
}
.news_con_list dl dd p{
	font-size: 30px;
	color: #666;
}
.news_con_list dl dd span{
	font-size: 14px;
	color: #9d9b9b;
}
.news_con_list ul{
	height: 285px;
	overflow: hidden;
}
.news_con_list ul li{
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	border-bottom: #d2d2d2 solid 1px;
}
.news_con_list ul li a{
	float: left;
	color: #666;
	font-size: 14px;
	width: 327px;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
}
.news_con_list ul li span{
	float: right;
	color: #9d9b9b;
}
/* contact */
.contact{
	width:100%;
	height:375px;
	background: url(../images/con-bg.jpg) ;
	background-size: cover;
    background-position: 50% 50%;
}
.contact_wrap{
	height:100%;
}
.contact_wrap .le{
	float: left;
}
.contact_wrap .con-list{
	width:450px;
	height:100%;
}
.contact_wrap .con-list dd{
	width:100%;
	height:27px;
	line-height: 26px;
	padding-bottom: 30px;
}
.contact_wrap .con-list dd p{
	display: inline-block;
	width:400px;
	font-size: 14px;
	color:#666;
}
.contact_wrap .con-list dd img{
	margin-right: 10px;
}
.contact_txt{
	margin-left: 100px;
	width: 400px;
	margin-top:30px;
	height:55px;
	text-align: center;
}
.contact-inner .weixin{
	text-align: center;
	width:127px;
	padding-left: 85px;
}
.contact_txt h3{
	font-size: 20px;
	color: #777;
}
.contact_txt span{
	font-size: 14px;
	color:#999;
}

.homefeedback{
	margin-right: 140px;
	width: 405px;
}
/*product*/
.product{}
.com-tit{width:100%;height:61px;}
.com-tit .left-tit{float:left;height:60px;border-bottom: 1px solid #ed002f;width:120px;text-align: right;}
.com-tit .left-tit h3{font-size:24px;color:#333;}
.com-tit .left-tit span{font-size:16px;color:#666;}
.com-tit .right-tab{float:right;height:100%;}
.com-tit .right-tab .tb-ul{padding-top:15px;}
.com-tit .right-tab li{min-width:74px;height:27px;float:left;line-height: 26px;text-align: center;margin-right: 1px;}
.com-tit .right-tab li:hover{background-color:#ed002f;}
.com-tit .right-tab li:hover a{color:#fff;}
.com-tit .right-tab li a:hover{text-decoration: none;}
.com-tit .right-tab li a{color:#828282;font-size:12px;vertical-align: middle;display: inline-block;width: 100%;height: 100%;}
.com-tit .right-tab .ac{background-color:#ed002f;}
.com-tit .right-tab .ac a{color:#fff;}
.com-tit .right-tab .more{width:83px;height:26px;border:1px solid #ed002f;line-height: 26px;text-align: center;margin-top:15px;}
.com-tit .right-tab .more a{color:#ed002f;font-size: 14px;vertical-align: middle;}
.com-tit .right-tab .more:hover{background-color:#ed002f;}
.com-tit .right-tab .more:hover a{color:#fff;}
.right-con .more:hover{background-color:#ed002f;}
.right-con .more:hover a{color:#fff;}
.pic-cont {width:100%;}
.pic-cont li{width:290px;height:242px;float:left;margin:0px 13px 50px 0px;}
.pic-cont li img{width: 290px;height: 200px;object-fit: cover;}
.pic-cont li:hover{
	-moz-box-shadow:2px 4px 12px #d4efdf; 
	-webkit-box-shadow:2px 4px 12px #d4efdf; 
	box-shadow:2px 4px 12px #d4efdf;
}
.pic-cont li:hover .img-span h5{
	color:#4cb671;
}
.pic-cont li:nth-child(4){margin-right:0px;}
.pic-cont li:nth-child(8){margin-right:0px;}
/*.pic-cont li a{display: inline-block;width:100;height:100%;}
.pic-cont li a:hover{text-decoration: none;}*/
.pic-cont li .img-span{height:42px;width:100%;line-height: 42px;text-align:center;}
.pic-cont li .img-span h5{vertical-align:middle;color:#333;font-size: 14px;}
/*messages*/
.messages{padding:0;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist {height:30px;margin-bottom:10px;}
.messlist label{float:left;width:100px; height:45px; font-size:14px; line-height:45px; 
	text-align:left;padding-right:10px; color: #fff;}
.messlist input{float:left;width:400px;height:35px; line-height:35px;padding-left:5px;border:none;
background: #fff;border-radius: 6px;}
.inputcontrol{
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:400px; height:25px; line-height:25px; padding:5px;
border:none;
background: #fff;border-radius: 6px;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:20px 0 0 0px;}
.messsub input{width:150px; height:45px; background:#ddd; font-size:14px; font-weight:bold; 
	cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#f60;color:#fff;}
#label0{display:none;color:#900;height:45px;line-height:45px;}
#label1{display:none;color:#900;height:45px;line-height:45px;}
#label2{display:none;color:#900;height:45px;line-height:45px;}
#label6{display:none;color:#900;height:45px;line-height:45px;}
#label7{display:none;color:#900;height:45px;line-height:45px;}
#label10{display:none;color:#900;height:45px;line-height:45px;}

/* footer */
.footer{
	background: #f8f8f8;
	padding:20px 0px;
	color: #333;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
}
.footer p{
	color: #333;

}
.footer p a{
	color: #333;
	font-size: 12px;
}


/******--------------------- 单页面 ---------------------******/
/*c产品详情*/
.page-tit{
	height:50px;
	line-height: 50px;
	text-align: center;
}
.p-inner{
	line-height: 25px;
	color:#333;
	font-size: 14px;
	overflow: hidden;
}
.pro-img{
	text-align: center;
	
}
.pro-img img{
	width:290px;
	height:200px;
	padding-bottom: 30px;
}
/*联系我们子页面*/
.contact_inner dl{
	height:305px;
	margin-bottom: 20px;
}
.contact_inner dt{
	font-size: 25px;
	color:#333;
	line-height: 60px;
}
.contact_inner dd{
	height:30px;
	line-height: 30px;
	color:#333;
	font-size: 14px;
}
/*子页面导航*/
.position{
	height:27px;
}
.position .leftul{
	float:left;
	height: 100%;
	width:230px;
}
.position .leftul li{
	float:left;
	height:27px;
	width:75px;
}
.position .leftul li .home{
	display: inline-block;
	width:15px;
	height:15px;
	background-image: url(../images/home.jpg);
}
.position .leftul li .fx{
	display: inline-block;
	width:4px;
	height:6px;
	background-image: url(../images/fx.jpg);
}
.position .leftul li a{
	font-size: 14px;
	color:#666;
}
.position .right-tab .tb-ul{
	padding-top: 0px;
}
.page-con{
	margin-top:40px;
}
.page-con p{
	font-size: 14px;
	color:#828282;
	line-height: 22px;
}
/*头部样式*/
.header-fixed1{
	position: fixed; 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	height: 50px;
	padding: 10px 0px;
	z-index: 9999;
	box-shadow: #333 0 4px 5px -3px;
}
/*头部导航样式*/
.navBar1{ float: right; color:#333; width:700px;   }
.navBar1 .nav{ width:700px; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.navBar1 .nav h3{ font-size:100%; font-weight:normal; font-size:14px;  }
.navBar1 .nav .m{  position:relative; float:left; width:86px; margin:0 10px; display:inline; text-align:center;   }
.navBar1 .nav h3 a{  zoom:1;  height:59px; line-height:51px; padding:0;  display:block; color:#333 }
.navBar1 .nav li:hover h3 a{color:#ed002f}
.navBar1 .nav .on {padding:0;  border-bottom:3px solid #333;   }


/*窗体滚动样式*/
.fixed-header-on1 header{
    height: 50px;
	padding: 10px 0px;
    background-color: rgba(255,255,255,0.7);
    border-bottom: none;
}
.fixed-header-on1 .logo{
    transform: scale(0.8);
    margin-top: 5px;
    margin-bottom: 0;
    transition: all 0.5s ease-in-out;
}
/*子页面大图样式*/
.banner-txt1{
	width: 800px;
	margin:0 auto;
	position: relative;
	top: 50%;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
.banner_wrapper1{ 
	height:450px;  
	background: url(../images/pagebanner.jpg) no-repeat top;
}
.pagebanner{
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 450px;
}
.banner-txt1 h3{
	font-size: 36px;	
	padding:0px 0px 15px 0px;
	font-weight: normal;
}
.pagewrap{
	background: #fff;
}
.pagewrap h2{
	font-size: 30px;
	color: #333;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
.page_contact_detail{
	width: 270px;
	margin:0px 40px;
	text-align: center;
}
.page_contact_detail p{
	color: #333;
	font-size: 16px;
	margin-top: 30px;
}
.page_contact_detail .address{
	font-size: 14px;
}
.map{
	margin-top: 100px;
}
.pagelist{
	border-bottom:#f0f2f5 solid 1px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	text-align: center;
}
.pagelist_detail ul {
    padding: 0;
    font-size: 0;
}
.pagelist_detail ul li{
	display: inline-block;
	margin:0px 5px;
}
.pagelist_detail ul li  a {
    display: inline-block;
    line-height: 50px;
    padding: 0 37px;
    font-size: 16px;
    color: #333;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pagelist_detail ul li.current a {
    background: #e4e4e4;
    color: #333;
}
.pagelist_detail ul li a:hover {
	background: #e4e4e4;
	color: #333;
}
.pagewrap_con_detail p{
	font-size: 14px;
	color: #333;
	line-height: 26px;
}

/******--------------------- 成功案例页面 ---------------------******/
.case_height{
	height: 100% !important;
}
.case_height li{
	margin-bottom: 30px !important;
}

/******--------------------- 新闻页面 ---------------------******/
.news_con_first a dt{
	width: 250px;
	height: 190px;
	overflow: hidden;
}
.news_con_first a dd{
	width: 895px;
}
.news_con_first a dd h4{
	font-size: 16px;
	color: #666;
	height: 50px; 
	line-height: 50px;
}
.news_con_first a dd p{
	font-size: 14px;
	color: #9d9b9b;
	line-height: 30px;
	margin-top: 20px;
	height: 60px;
	overflow: hidden;
}
.page_newslist ul li{
	border-bottom: #f0f2f5 solid 1px;
	height: 95px;
	padding:30px 10px 30px 30px;
	display: block;
}
.page_newslist_time{
	width: 91px;
	overflow: hidden;
}
.page_newslist_time h3{
	color: #666;
	font-size: 30px;
	line-height: 50px;
}
.page_newslist_time span{
	color: #9d9b9b;
	font-size: 14px;
}
.page_newslist_con{
	width: 1027px;
	overflow: hidden;
}
.page_newslist_con h4{
	font-size: 16px;
	color: #666;
	height: 30px; 
	line-height: 30px;
}
.page_newslist_con p{
	font-size: 14px;
	color: #9d9b9b;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}
.page_newslist ul li a:hover .page_newslist_time{
	margin-left: 30px;
	transition: all 0.5s ease-in-out;
}
.page_newslist ul li a:hover h4,.page_newslist ul li a:hover p{
	text-decoration: underline;
}


/*分页*/
.sh_page{    margin: 60px auto 25px;height:23px;line-height:23px; width: 700px; text-align: center;}
.sh_page a{padding:0px 7px;background: #fff;margin-left:3px;color:#5b5b5b;border:1px solid #ccc;font-size: 12px;}
.sh_page a.dangqian{background:#efefef !important; color: #5b5b5b !important;}

.fanye{color:#4c4c4c;line-height:20px;margin:10px 30px 20px 0px;}
.fanye a { color:#4c4c4c;}
.fanye a:hover{text-decoration:underline; color:#ba0009;}


/******--------------------- 产品详细信息 ---------------------******/
.widget-newsdetail-2 ._head{border-bottom: 1px dotted #cccccc;}
.widget-newsdetail-2 ._head ._title{color: #333; font-size: 20px; font-weight: normal; font-family: "Microsoft yahei";}
.widget-newsdetail-2 ._tools{color: #999999; padding: 10px 0;}
._tool{padding-left: 20px !important; background-image: url(../images/icc01.jpg); background-repeat: no-repeat; background-position: left center;}
.yan{padding-left: 20px !important; background-image: url(../images/icc02.jpg); background-repeat: no-repeat; background-position: left center;}
.widget-newsdetail-2 .ion{font-size: 16px; font-weight: normal;}
.widget-newsdetail-2 ._tools ._tool{display: inline-block; margin: 0 4px; vertical-align: middle;}
.widget-newsdetail-2 ._tools ._b2l .ion{color: #ef4d1e;}
.widget-newsdetail-2 .myart{padding: 20px 0;}
.widget-newsdetail-2 ._detailPage_bottom li{line-height: 30px; overflow: hidden; padding: 0 10px;}
.widget-newsdetail-2 ._detailPage_bottom ._mark{float: left; margin-right: 10px;}
.widget-newsdetail-2 ._detailPage_bottom ._title{float: left; font-size: 12px; width: 68%;}
.widget-newsdetail-2 ._detailPage_bottom ._title:hover{color: #ef4d1e;}
.widget-newsdetail-2 ._detailPage_bottom ._time{color: #572b22; float: right;}
.widget-newsdetail-2 ._detailtools{border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; margin-bottom: 20px; margin-top: 20px; padding: 12px 0;}
.widget-newsdetail-2 ._detailtools span{display: block; height: 22px; line-height: 22px; margin-left: 20px;}
.widget-newsdetail-2 ._detailtools .bdsharebuttonbox{float: left; margin-left: 10px;}
.widget-newsdetail-2 ._detailtools .bdsharebuttonbox .bds_more{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: none; height: 22px; line-height: 22px; padding: 0;}
.widget-newsdetail-2 ._detailtools ._dayin{float: right;}
.widget-newsdetail-2 ._detailtools ._fanhui{float: right;}
.widget-newsdetail-2 ._detailPage_bottom li{width: 728px; line-height: 30px; overflow: hidden; padding: 0 10px;}
._detailPage_bottom ul{border:none; width: 780px;}
.widget-newsdetail-2 ._detailPage_bottom ._mark{float: left; margin-right: 10px;}
.widget-newsdetail-2 ._detailPage_bottom ._title{float: left; font-size: 12px; width: 68%; color: #737373;}
.widget-newsdetail-2 ._detailPage_bottom ._title:hover{color: #ef4d1e;}
.widget-newsdetail-2 ._detailPage_bottom ._time{color: #572b22; float: right;}
._prev{padding-left: 20px !important; background-image: url(../images/icc06.jpg); background-repeat: no-repeat; background-position: left center;}
._next{padding-left: 20px !important; background-image: url(../images/icc07.jpg); background-repeat: no-repeat; background-position: left center;}



/*分页*/
.pagelink {clear:both;font-size:12px;text-align:center;height:38px; margin-top:30px; font-size:12px;}
.pagelink a,div.pagelink span{padding:6px 7px 6px;height:23px;color:#4c4c4c;border:1px solid #ddd; line-height:26px; text-decoration:none; margin:0 2px;}
.pagelink a:hover{color:#3f8402;text-decoration:none;padding:6px 7px 5px;border-bottom:2px solid #3f8402}
.pagelink .current{color:#3f8402;padding:6px 7px 5px;height:26px;border:1px solid #ddd;border-bottom:2px solid #3f8402;font-weight:bold}

.aside {
    width: 205px;
    font-family: "微软雅黑";
}
.lan2 { width:205px; height:52px; background-color:#d30404;}
.lan2 h2 {font-family:"微软雅黑"; color:#fff; line-height:52px; padding-left:13px;font-weight: normal;}
.lan2 font { font-size:14px; text-transform:uppercase; padding-left:8px;}
.aside_2 { background-color:#f3f3f3; margin-top:5px; padding-bottom:25px;}
.aside_2 ul li { height:30px; margin-bottom:3px;}
.aside_2 ul li a { line-height:30px; padding-left:25px; font-size:13px; color:#555555; display:block;}
.aside_2 ul li a:hover,.aside_2 ul li .current { color:#fff; background:url(../images/e.jpg) no-repeat; text-decoration:none;}
.ma_t {
    margin-top: 15px;
}
.proBox{margin-top: 50px;}
.mainbox {    width: 974px;}
.lan3 { height:52px; background-color:#ebebeb;font-family:"微软雅黑";}
.lan3 h2 { color:#d30404; font-size:18px; line-height:52px; padding-left:15px;font-weight: normal;}
.mainbox_2{line-height:24px; color:#555;}
/*产品展示*/
.mainbox_2a dl {float:left; margin-top: 45px;margin-right: 50px;}
.mainbox_2a dl:hover a{color: #d30404;}
.mainbox_2a dl:nth-child(3n){margin-right: 0;}
.mainbox_2a dl dt { width:290px; height:200px;}
.mainbox_2a dl dt img { width:290px; height:200px; border:1px solid #d8d8d8;object-fit: cover;}
.mainbox_2a dl dd { text-align:center;}
.mainbox_2a dl dd a { color:#333; line-height:24px; display:block;    margin-top: 15px;font-weight: bold; }
.ftable{font-size:14px; font-family:'微软雅黑'; border-collapse:collapse; margin-top:10px;}
.ftable td{height:32px; line-height:32px; border:1px solid #ddd; text-align:center;}
.input_m,.input_b,.input_s{border:1px solid #ddd;background:#fff;margin-right:5px;height:22px;line-height:22px;color:#555;}
.input_m{width: 265px;}
.input_b{    width: 746px;}
.input_s{width:65px;}
.up_but{cursor:pointer;font-size:12px;background:#991513;color:#fff;border:none; line-height:25px; padding:0 12px; text-align:center}
.red {
    color: #ff0000;
}
/*公司新闻*/
.mainbox_2a ul { margin:0px 0px 15px 20px;}
.mainbox_2a li { height:40px;    width: 97%;border-bottom:1px dashed #999;}
.mainbox_2a li a { color:#333; display:block; height:40px; line-height:40px; padding-left:3px;}
.mainbox_2a li a:hover { text-decoration:none; color:#e80000;}
.mainbox_2a li span { line-height:40px; color:#7c7c7c; font-family:"宋体";}
/*--详细--*/
.time2 { margin-top:10px;}
.show_pic{font-family:'微软雅黑'; padding-top:10px; margin:0px 40px;}
.pic_cp img{max-width:650px; border:1px solid #ccc; margin-top:10px; }
.nrr { padding:10px; line-height:24px; color:#333;}
/*detail*/
.detail{margin-top:10px;}
.detail h4 { text-align:center; color:#991513;font-size:20px; font-weight:normal; font-family:'微软雅黑'}
.xxbiaoti {text-align:center;height:35px;line-height:35px; font-size:12px;  }
.xxbiaoti span {margin-right:10px; color:#666;}
.xxbiaoti a {padding:0px 5px; color:#0b5eaa;}
.detail .m { padding:10px; line-height:22px; font-size:12px;}
.pres{color: #333;font-size: 12px;background:#e6e6e6;color:#0f0f0f;border-top:2px solid #fff;display:block;height:30px;line-height:30px;padding:0 10px;}
.pres a{color: #333;font-size: 12px;}
.pres a:hover{color:#d30404; text-decoration:underline}
.game163{ position: relative;overflow: hidden; width: 100%; }
.game163 .bigImg{ height: 258px; position: relative;}
.game163 .bigImg li a.float_l{width: 700px;text-align: center;height: 550px;background: #003f7f;}
.game163 .bigImg li img{ vertical-align:middle;width: 680px;height: 550px;object-fit:cover;}
.game163 .bigImg .bigDesc{background: #f5f5f5;height: 335px;padding-top: 15px;width: 256px;}
.game163 .bigImg .bigDesc p{color: #343434;font-size: 12px;line-height: 30px;padding-left: 15px;}
.game163 .smallScroll{ height: 88px;margin-top: 15px;}
.game163 .sPrev,.game163 .sNext{display: block; width: 15px; height: 88px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3027px; }
.game163 .sNext{ background-position: 0 -2678px;}

.game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width: 914px; overflow: hidden;}
.game163 .smallImg ul{ height:88px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left;width:132px; cursor:pointer;  display: inline;height: 89px;  }
.game163 .smallImg img{ border: 1px solid #dcdddd;width:112px;height: 82px;padding: 2px;}
.game163 .smallImg .on img{    border-color: #1e50a2;padding: 2px;}

.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}