@charset "utf-8";
.product {height:670px;background:#f2f2f2;}
.product .g-doc {position:relative;}
.product .white {height:118px;background:#FFF;}
.product .pbar {width:300px;height:630px;border:2px #0e62c1 solid;position:absolute;left:0;top:-90px;background:#FFF;}
.product .pbar .tit {height:73px;padding-top:28px;background:#0e62c1;text-align:center;color:#FFF;font-size:24px;font-weight:bold;}
.product .pbar .tit em {display:block;font-size:20px;font-weight:normal;margin-top:8px;}
.product .pbar .con li {height:60px;line-height:60px;border-bottom:2px #f2f2f2 solid;font-size:16px;padding-left:70px;background:url(../images/arror_1.png) 40px center no-repeat;}
.product .plist {width:885px;position:absolute;right:0;top:-90px;}
.product .plist .tit {font-size:16px;color:#333;height:73px;padding-top:22px;}
.product .plist .tit em {display:block;font-size:12px;color:#888;margin-top:10px;}
.product .plist .con li {float:left;width:289px;height:256px;background:#FFF;text-align:center;margin-left:9px;margin-top:10px;overflow:hidden;font-size:15px;}
.product .plist .con li img {width:289px;height:217px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s;}
.product .plist .con li span {display:block;width:289px;height:217px;overflow:hidden;}
.product .plist .con li p {height:39px;line-height:39px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s;}
.product .plist .con li:nth-child(3n+1){margin-left:0;}
.product .plist .con li:hover img {transform: scale(1.1);}
.product .plist .con li:hover p {background:#0e5fba;color:#FFF;}

.youshi {height:1154px;background:url(../images/ys_bg.jpg);}
.youshi .tit {height:184px;background:url(../images/ys_1.jpg) center no-repeat;}
.youshi .con {height:970px;text-align:center;}

.field {height:415px;}
.field .tit{text-align:center;padding-top:40px;}
.field .tit h1{font-size:32px;color:#000;}
.field .tit em {display:block;margin-top:15px;font-size:16px;}
.field .con {margin-top:30px;}
.field .inner {height:245px;position: relative; overflow: hidden;width:1200px;margin:auto;}
.field .inner ul { position: absolute; left: 0; top: 0; }
.field .inner li {float:left;text-align:center;width:290px;height:245px;margin-right:10px;}
.field .inner li img {width:290px;height:200px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s;}
.field .inner li span {display:block;width:290px;height:200px;overflow:hidden;}
.field .inner li p {height:45px;line-height:45px;background:#eaeaea;font-size:15px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s;}
.field .inner li:hover img {transform: scale(1.1);}
.field .inner li:hover p {background:#0e5fba;color:#FFF;}

.case {height:580px;background:url(../images/case_bg.jpg) center repeat-x;}
.case .g-doc {position:relative;}
.case .tit{text-align:center;padding-top:30px;}
.case .tit h1{font-size:32px;color:#000;}
.case .tit em {display:block;margin-top:15px;font-size:16px;}
.case .l_btn{position:absolute;width:50px;left:-30px;top:235px;z-index:100;}
.case .r_btn{position:absolute;width:50px;right:-30px;top:235px;z-index:100;}
.case  .scroll_wrap {width:1200; height: 400px; overflow: hidden; position: relative;}
.case .con {margin-top:40px;}
.case .con .scroll { position: absolute; left: 0; top: 0; }
.case .con .scroll li { float: left; width: 380px; height: 400px;margin-right:30px;overflow:hidden;margin-top:10px; }
.case .con ul li img { width: 323px; height: 222px; }
.case .con ul li span {display:block;width:380px;height:260px;text-align:center;background:#FFF;}
.case .con ul li p {font-size:20px;color:#FFF;font-weight:bold;margin-top:25px;padding:0 5px;}
.case .con ul li em {display:block;color:#fff;line-height:170%;margin-top:15px;padding:0 5px;}

.news {height:540px;}
.news .tit{text-align:center;padding-top:60px;}
.news .tit h1{font-size:32px;color:#000;}
.news .tit em {display:block;margin-top:15px;font-size:16px;}
.news .l {float:left; width:590px;margin-top:30px;}
.news .l li {float:left;width:287px;height:330px;background:#f2f2f2;overflow:hidden;}
.news .l li:last-child {float:right;}
.news .l img {width:287px;height:197px;}
.news .l h3 {padding:0 10px;font-size:18px;font-weight:normal;color:#000;height:40px;line-height:40px;margin-top:10px;}
.news .l i {display:block;color:#666;padding:0 10px;}
.news .l  p {padding:0 10px;color:#666;margin-top:10px;line-height:160%;}
.news .r {float:right;width:587px;margin-top:30px;}
.news .r li {height:100px;background:#f2f2f2;margin-top:14px;overflow:hidden;}
.news .r li:first-child {margin-top:0;}
.news .r li span {float:left;font-size:32px;display:block;width:140px;height:100px;line-height:100px;text-align:center;color:#999;}
.news .r li h3 {font-size:18px;font-weight:normal;color:#000;margin-top:20px;}
.news .r li p {color:#666;margin-top:10px;}


.left {float:left;width:250px;background:#FFF;margin-top:20px;}
.left .bar_tit{position:relative;height:80px;background:#0e62c1;text-align:center;font-size:22px;color:#FFF;}
.left .bar_tit em {position:absolute;top:5px;left:5px;border:1px #FFF solid;width:95%;height:68px;line-height:68px;}
.l_tit {margin-top:15px;height:38px;line-height:38px;background:url(../images/l_tit_bg.jpg) center repeat-x;font-size:16px;color:#fff;}
.l_tit span {display:block;float:left;width:110px;height:38px;background:url(../images/l_tit.png) right center;text-align:center;}
.l_tit em {font-size:12px;float:right;margin-right:10px;}
.l_tit em a {color:#666;}
.left .bar_con ul {margin-top:10px;}
.left .bar_con li {
	height:48px;
	line-height:48px;
	border-bottom:1px #ccc solid;
	background:url(../images/bar_bg.png);
}
.left .bar_con li:hover, .left .bar_con .sel{background:url(../images/bar_bg_sel.jpg);}
.left .bar_con li:hover a, .left .bar_con .sel a {color:#FFF;}
.left .bar_con li a{display:block;height:48px;padding-left:60px;background:url(../images/icon_arrow.jpg) 40px center no-repeat;color:#222; text-decoration:none;}
.left li:last-child {border:none;}
.left .l_list ul {padding-top:20px;}
.left .l_list li{height:35px;line-height:35px;padding-left:20px;background:url(../images/icon_5.jpg) 5px center no-repeat;overflow:hidden;}
.left .contact .con {line-height:200%;padding:10px;}



.right {
	float:right;
	width:920px;
	padding-bottom:20px;
	margin-top:10px;
}
.r_tit {
	float:right;
	padding:20px 0 20px 0;
	height:10px;
	border-bottom:2px #dedede solid;
	width:920px;
}
.r_tit p{float:left;font-size:20px;
	color:#333;}
.r_tit span {float:right;}

.right .list{}
.right .list ul {margin-top:15px;}
.right .list li {
	height:40px;
	line-height:40px;
	width:920px;
	margin:auto;
	font-size:15px;
	border-bottom: 1px #cccccc dashed;
}
.right .list li p {
	float:left;
	padding-left:20px;
	background:url(../images/icon_arrow.jpg)2px center no-repeat;
}
.right .list li span {
	float:right;
}

.n_banner {
	width:100%;
	height:350px;
	overflow:hidden;
	background-position:center; 
}

.page {
	padding: 10px 0;
	height: 24px;
	line-height: 24px;
	text-align: left;
	padding-left: 50px;
}
.article {font-size:14px;width:920px; }
.article .tt {
	margin-top:30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.article .adv {
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.article .con {
	width:900px;
	padding: 10px 10px 0 10px;
	line-height: 200%;
	font-size:16px;
}

.newslist {float:left;width:920px;}
.newslist li {height:180px;border-bottom:1px #dcdcdc solid;margin-top:20px;}
.newslist li span {float:left;display:block;width:222px;height:138px;}
.newslist li span img {width:222px;height:138px;}
.newslist li .text {float:right;width:660px;}
.newslist li h1 {display:inline-block;font-size:18px;font-weight:normal;}
.newslist li h1 a {color:#010101;}
.newslist li em {display:block;font-size:14px;color:#8f8f8f;margin-top:10px;}
.newslist li p {line-height:160%;font-size:14px;color:#6c6c6c;margin-top:10px;}
.newslist li .tag {margin-top:15px;}
.newslist li .tag a {display:inline-block;padding:3px 10px;font-size:12px;border:1px #dedede solid;border-radius:10px;color:#ababab;margin-left:10px;}



.m-pro-list { width:920px; overflow:hidden; margin-left:0px; }
.m-pro-list ul li { float: left; display:block;  width: 285px; margin: 15px 5px 6px 5px; height: 252px;text-align:center;padding:3px; border:1px #eee solid;}
.m-pro-list ul li:hover {box-shadow: 0 0 10px #ccc; }
.m-pro-list ul li a {position:relative;display:inline-block;width:285px;height:252px;overflow:hidden;}
.m-pro-list ul li img { width: 285px;height: 217px;vertical-align:middle;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .2s;}
.m-pro-list ul li img:hover {transform: scale(1.1);}
.m-pro-list ul li p  {display:inline-block;position:absolute;left:0;bottom:0;width:285px;height:35px;line-height:35px;font-size: 14px; color: #000;  text-align: center;background:#fff;filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; }
.m-pro-list ul li:hover p {background:#0e62c1;color:#FFF;}


.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 250px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #585aac url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #585aac url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #585aac url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #585aac url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}