s/*-------------------- a102076392  begin  ---------------------*/


@font-face {
  font-family: '思源宋体';   /*字体名称*/
  src: url('404.png');       /*字体源文件*/
}
 
 
.wdiv100{width:100%; margin:0px auto; padding:0px;} 
.borderColor{ border:solid 0px #dddddd;} 
.whiterColor{ background-color:#fff;} 

.lt { float: left;}
.rt { float: right;}
 
 
 
.wdiv1000{width:1100px; margin:0px auto; padding:0px;} 
.wdiv{width:1200px; margin:0px auto; padding:0px; position:relative; } 
.hdiv{ height:100%;}
.wdiv1140{width:1035px; margin:0px auto; padding:0px;  background-image:url(404.png); background-repeat:no-repeat; background-size:100%; } 
.firstDiv{ position:relative; z-index:1000;margin:0px auto; padding:0px;} 
.twoDiv{ position:relative; z-index:1000; } 
.zhengwenDiv{min-height:620px; margin:0px auto;background-image:url(404.png); background-repeat:no-repeat; background-position:center top; width:1060px; padding-top:15px;}

.wdiv98{margin:8px auto; margin-left:8px; margin-right:8px; padding:0px;}
.wdiv-prodsgd{margin:0px auto; height:105px; border-top-left-radius:5px;border-top-right-radius:5px; background-color:#fff; width:1035px;}

.wdivhead-cs{padding-top:0px; width:100%; height:113px; overflow:hidden; border:0px; }
.top10{ margin-top:10px;}
.fleft{ float:left;}
.fright{ float:right;}


.time {
    transition: all ease-out .3s 0s;
    -webkit-transition: all ease-out .3s 0s;
    -moz-transition: all ease-out .3s 0s;
    -o-transition: all ease-out .3s 0s;
}

.topdiv{width:100%; z-index:100;  position:relative; }
.top { width:100%; float:left; }
.toplogo{  float:left; text-align:left; }
.toplogo img{ width:100%; height:100%;}
.hotline {   float:right; margin-top:40px; }
.hotline dl {width: 100%; width: 240px;}
.hotline dl dt { width: 108px; float: left; font-size: 16px; background: url(404.png); background-repeat:no-repeat; text-indent: 28px;}
.hotline dl dd { width: 132px;  font-size: 18px; font-family: arial; float: right;}

.column {   height:50px; margin:0px auto; }



.telephoneDiv{width:100%; height:34px; position:absolute; bottom:0px; background-image:url(404.png); background-repeat:no-repeat; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:34px; text-indent:60px;}

.topad{ height:25px; border-bottom:solid 1px #ddd;}
.topad .wdiv div:first-child{ float:left;color:#333}
.topad .wdiv div:first-child font{ color:red;}
.topad .wdiv div:last-child{ float:right;}
.topad .wdiv div:last-child a{ color:#333;}


.homescls{ background-image:url(404.png); background-repeat:no-repeat;  background-position:20px;}

.telnum-span{ font-size:20px; font-family:'思源宋体' ,'微软雅黑'; color:#F60; font-weight:bold;}

.topmeau{ float: right; bottom:0px; right:0px; list-style:none; border:none; margin:0px auto;  box-sizing: border-box;  }   
.topmeau li{ float:left; padding: 0px 26px; position: relative;  height:100%; color:#fff; padding-top: 32px;} 
.topmeau li h2{ line-height:14px; height:14px; text-align:center; } 
.topmeau li h2 a{ display:block; color:#333; font-size:16px; font-family:'思源宋体' ,'微软雅黑'; text-transform:uppercase; padding:0px; font-weight:normal;} 
.topmeau li.lihover h2 a { color: #e60011;  box-sizing: border-box; }
.topmeau li:hover h2 a {color: #e60011;}
.topmeau li:last-child h2 a{ background-image:none;}
.topmeau li dl{ display:none; z-index: 99; position: absolute; width: 100%; background: #19a6db; }
.topmeau li dl dd {z-index: 99;}
.topmeau li:hover dl { display: block;}
.topmeau li dl a{font-size: 14px; color: #fff; display: block; text-align: center; padding: 10px 0px;}
.topmeau li h2 a p {color: #c1c1c1; font-size: 12px; line-height: 12px;}

.what {
	width: 100%;
	padding: 64px 0px;
}

 .title {
	 width: 100%;
	 text-align: center;
 }
 
 .title p {
	 font: 14px/14px '思源宋体';
	 color: #e60011;
 }

.title h2 {
	font: 24px/24px '思源宋体';
	color: #333333;
	margin-top: 8px;
}

.what_img {
	width: 100%;
	padding-top: 40px;
}

.what_img ul {
	width: 100%;
}

.what_img ul li{
	width: 25%;
	float: left;
	text-align: center;
}

.what_img i {
	width: 90px;
	height: 100px;
	display: block;
	background: url(../image/what_ioc.png) no-repeat;
	margin: 0px auto;
	margin-bottom: 24px;
}

.what_img i.what_ionc1 {
	background-position: -90px 0px;
}

.what_img i.what_ionc2 {
	background-position: -180px 0px;
}

.what_img i.what_ionc3 {
	background-position: -270px 0px;
}

.what_img ul li:hover i.what_ionc{
	background-position: 0px -100px;
}

.what_img ul li:hover i.what_ionc1{
	background-position: -90px -100px;
}

.what_img ul li:hover i.what_ionc2{
	background-position: -180px -100px;
}

.what_img ul li:hover i.what_ionc3{
	background-position: -270px -100px;
}

.what_img ul li h2 {
	font: 16px/16px '思源宋体';
	color: #333;
}

.what_img ul li:hover h2 {
	color: #e60011;
}

.what_img ul li:hover p {
	color: #333333;
}

.what_img ul li p {
	font: 16px/24px '微软黑体';
	color: #c1c1c0;
	margin-top: 16px;
}

.video {
	width: 100%;
	padding: 64px 0px;
	background: #f6f6f6;
}

.about_video {
	padding-top: 44px;
}

.tit {
	width: 100%;
	height: 60px;
	background: url(../image/tit_ioc.png) no-repeat;
	position: relative;
}

.tit p {
	font: 12px/12px '思源宋体';
	color: #e60011;
	padding-left: 26px;
	text-transform: uppercase;
}

.tit p.tie_news{
	padding-left:84px;
}

.tit h2 {
	font: 24px/24px '思源宋体';
	padding-left: 56px;
	color: #333;
	margin-top: 6px;
}

.tit a {
	position: absolute;
	font: 14px/60px '思源宋体';
	color: #333;
	top: 0;
	right: 0;
}

.tit a:hover {
	color: #e60011;
}

.reason {
	width: 100%;
	padding: 64px 0px;
}

.tit2 {
	width: 100%;
}

.tit2 p {
	font: 12px/12px '思源宋体';
	color: #e60011;
	text-transform: uppercase;
}

.tit2 h2 {
	font: 24px/24px '思源宋体';
	color: #333;
	margin-top: 6px;
}

.center {
	text-align: center;
}

.reason_cot {
	width: 100%;
	margin-top: 40px;
}

.reason_img {
	width: 496px;
}

.reason_text {
	width: 612px;
	background: url(../image/reason_text_bk.jpg) no-repeat;
}

.reason_1 {
	width: 100%;
	padding-left: 158px;
	box-sizing: border-box;
	height: 220px;
}

.reason_1 p {
	font-size: 14px;
	color: #c3c3c3;
	text-transform: uppercase;
	line-height: 14px;
	margin-bottom: 24px;
}

.reason_1 span {
	font-size: 16px;
	line-height: 16px;
	background: #e60011;
	color: #fff;
	padding: 8px 40px;
}

.reason_2 {
	width: 100%;
	padding: 0px 178px 0px 56px;
	box-sizing: border-box;
}

.reason_2 li {
	width: 100%;
	height: 98px;
	overflow: hidden;
}

.reason_2 li h2 {
	font: 20px/20px '思源宋体';
	color: #333333;
	margin-bottom: 8px;
}

.reason_2 li p {
	color: #c1c1c0;
	font: 14px/20px '微软雅黑';
}

.about {
	width: 100%;
	background: url(../image/about_bk.jpg) no-repeat;
	padding: 86px 0px;
	box-sizing: border-box;
}

.about_vi {
	width: 650px;
	background: url(../image/about_vi_bk.png) no-repeat;
	height: 449px;
}

.about_text {
	width: 478px;
	padding-top: 48px;
	
}

.about_text p {
	color: #fff;
	font: 14px/28px '思源宋体';
}

.about_text_ionc {
	margin-top: 64px;
}

.about_text_ionc i {
	width: 56px;
	height: 56px;
	display: block;
	background: url(../image/about_ionc.png) no-repeat;
	margin: 0px auto;
}

.about_text_ionc i.about_ionc1 {
	background-position: -56px 0px;
}

.about_text_ionc i.about_ionc2 {
	background-position: -112px 0px;
}

.about_text_ionc i.about_ionc3 {
	background-position: -168px 0px;
}

.about_text_ionc  dd:hover i.about_ionc{
	background-position: 0px -56px;
}

.about_text_ionc  dd:hover i.about_ionc1{
	background-position: -56px -56px;
}

.about_text_ionc  dd:hover i.about_ionc2{
	background-position: -112px -56px;

}

.about_text_ionc  dd:hover i.about_ionc3{
	background-position: -168px -56px;
}

.about_text_ionc dd{
	width: 56px;
	display: block;
	float: left;
	margin-right: 48px;
}

.about_text_ionc dd span {
color: #fff;
font:14px/35px '思源宋体';
}

.new {
	width: 100%;
	padding: 64px 0px;
}


.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:320px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width: 1100px;
	height: 180px;
	margin:0 auto;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width:27px;
	height: 60px;
	color: White;
	position: relative;
	top:50px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 1030px;
	height:180px;
	float: left;
	position: relative;
	overflow: hidden;
	list-style: none;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 180px;
}
.jscarousal-contents > div > div
{
	float: left;
}
.jscarousal-contents img
{
	width: 180px;
	height: 180px;
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
	width: 180px;
	height: 180px;
	background: #0250a3;
	margin:0px 13px;
}

.thumbnail-active:hover .cp_wz  { color: #fff;}

.thumbnail-inactive
{
	color: #4d4746;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}


#footer {
	width: 100%;
	background: #010101;
}

.footerdiv {
	padding-top: 64px;
}

.foot_lx {
	width: 640px;
}

.foot_lx h2 {
	width: 100%;
	font: 24px/24px '思源宋体';
	color: #fff;
	margin-bottom: 42px;
}

.foot_lx dl {
	float: left;
}

.foot_lx dd {
	width: 50%;
	float: left;
	color: #fff;
	font: 20px/20px '思源宋体';
	margin-bottom: 56px;
	}

.message {
	width: 100%;
	width: 374px;
}

.message h2 {
	width: 100%;
	font: 24px/24px '思源宋体';
	color: #fff;
	margin-bottom: 42px;
}

.message  li {
	width: 100%;
	float: left;
	margin-bottom: 32px;
}

.message li input {
	width: 100%;
	height: 38px;
	background: #fff;
	border: 0px;
	text-indent: 20px;
	color: #c1c1c0;
	font-size: 14px;
}

.message li input#tel {
	background:#fff url(../image/dh_ionc.png) no-repeat 335px;
}

.message li input#name {
	background:#fff url(../image/lx_ionc.png) no-repeat 335px;
}

.message textarea {
	width: 100%;
	border: 0px;
	height: 114px;
	color: #c1c1c0;
	font-size: 14px;
	font-family: "微软雅黑";
	text-indent: 20px;
	padding-top: 12px;
	background:#fff url(../image/xx_ionc.png) no-repeat 335px;
	
}


.submit {
	width: 134px;
	height: 40px;
	background: #fff;
	border-radius:50px;
	border: 0px;
	margin-top: 32px;
	color: #e60011;
	font: 16px/40px '思源宋体';
}

.submit:hover {
	background: #e60011;
	color: #fff;
}

.aboutCompanyInfor {
	width: 100%;
	height: 50px;
	margin-top: 88px;
	color: #fff;
	line-height: 50px;
	background: #333;
	font-size: 14px;
}

.aboutCompanyInfor a {
	font-size: 14px;
	color: #fff;
}

.in_pro {
	width: 100%;
	margin-top: 40px;
}

#jsCarousel li{
	float: left;
	list-style: none;
	width: 380px;
}

#jsCarousel li.new_2 {
	margin: 0px 30px;
}

#jsCarousel li img {
	width: 380px;
	height: 200px;
}

#jsCarousel li  a {
	display: block;
}

#jsCarousel li h2 {
	width: 100%;
	font:16px/46px '思源宋体';
}

#jsCarousel li p {
	color: #c1c1c0;
	line-height: 24px;
	font-family: '微软雅黑';
	font-weight: normal;
}

.new_a {
	width: 124px;
	height: 32px;
	color: #fff;
	background: #e60011;
	text-align: center;
	line-height: 32px;
	margin-top: 24px;
	font-family: '微软雅黑';
}

#jsCarousel li:hover .new_a{
	color: #fff;
}

.within {
	width: 100%;
	min-height: 650px;
}

.wit_box {
	width: 100%;
	position: relative;

}

.list_menu {
	width: 330px;
	margin-top: -60px;
}


.menu {
	width: 100%;
}

.wit_tit {
	width: 100%;
	background: url(../image/left_bk.png) no-repeat;
	height: 167px;
	padding-top: 72px;
box-sizing: border-box;
padding-left: 56px;
}

.wit_tit h2 {
font-size: 20px;
color: #fff;
}

.wit_tit p {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.navtion {
	width: 100%;
}

.navtion ul {
	width: 100%;
	margin-top: 16px;
}

.navtion ul li {
	width: 100%;
	float: left;
	padding: 32px 0px;
	border-left: 3px solid #eee;
	
}

.navtion ul li a {
	font-size: 18px;
	padding-left: 24px;
}

.navtion ul li.left1 a {
	color: #e60011;
}

.navtion ul li.left1 a:after {
	content: '';
	width: 10px;
	height: 26px;
	display: block;
	background: #e60011;
	margin-top: -27px;
	margin-left: -3px;
}

.wit_content {
	width: 1000px;
	background: #fff;
	position: absolute;
	top: -10px;
	right: 0;
	padding: 48px;
	box-sizing: border-box;
	height: 100%;
}

.wit_title {
	width: 100%;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.ntion span{
	font-size: 14px;
	color: #666;
}

.ntion a{
	font-size: 14px;
	color: #666;
}

.wit_cont {
	width: 100%;
	margin-top: 48px;
	font-family: "微软雅黑";
	color: #333;
	font-size: 16px;
	line-height: 2;
	}


.new_title {
	font-size: 24px;
	color: #333;
	text-align: center;
	font-weight: normal;
	font-family: "微软雅黑";
}

.new_cnt {
	padding: 48px 0px;
}

.search2 {
	font-size: 14px;
	font-family: "微软雅黑";
}

.new_cont {
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 2;
	margin-top: 24px;
}

.preNext p{
	font-size: 16px;
	font-family: "微软雅黑";
}


.pros {
	width: 100%;
}

.pros ul {
	width: 100%;
}

.pros ul li {
	width: calc(100%/3);
	float: left;
	margin-bottom: 12px;
}

.pros ul li a {
	display: block;
}

.pros ul li p {
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #333;
}

.box {
	width: 96%;
	margin: 0px auto;
}

.box img {
	width: 100%;
}

.pass_a {
	padding: 8px 16px;
	background: #e60011;
	color: #fff;
	
}

.pass_a:hover {
	color: #fff;
}


.video_img {
	width: 100%;
	margin-top: 40px;
	}
	
	.video_img li {
		list-style: none;
	}

.video_max {
	width: 588px;
	height: 332px;
	position: relative;
}

.video_min {
	width: 612px;

}

.video_max li i {
	width: 0px;
	height: 0px;
	position: absolute;
	background:rgba(51,51,51,0.6) url(../image/bf.png) no-repeat 280px;
	display: none;
}

.video_max li:hover i{
	display: block;
	width: 100%;
	height: 100%;
}

.video_min li{
	width: 286px;
	height: 156px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	position: relative;
}

.video_min li img {
	width: 100%;
	height: 156px;
}

.video_min li i {
	width: 0px;
	height: 0px;
	position: absolute;
	background:rgba(51,51,51,0.6) url(../image/bf.png) no-repeat  110px;
	display: none;
}

.video_min li:hover i{
	display: block;
	width: 100%;
	height: 100%;
}