@charset "gb2312";
/* CSS Document */


*{margin:0;padding:0;border:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a img{border:0;}
a {text-decoration:none;color:#2a2a2a;}
a:hover {text-decoration:none;color:#0152ad;}
li{list-style:none}
body { font-size:14px;font-family: "微软雅黑",Microsoft YaHei;color:#333; min-width: 1200px; }
.main{width:1200px;margin:0 auto;}

.fl{ float:left}
.fr{ float:right}
.pa {position: absolute;}
.pr{ position: relative}
/* ======  clearfix  ====== */
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }
/*头部 logo+导航*/


.top{ width: 100%;height: 42px; font-size:14px;box-shadow: 2px 8px 16px #e7e7e7;}

.top p{ float:left;line-height:42px; display:inline-block; color:#999999}

.mRInfo {paddi ng-right: 10px;float:right;}
.mrline { padding:0 5px; display:inline-block;line-height:35px; float:left}
.mRInfo a {padding: 0 8px;line-height:35px; float:left;color:#999999}
.mRInfo a:hover { text-decoration:underline;}




.head{ width:100%; background:#f1f1f1 }

.h_con{ padding:30px 0;overflow:hidden;}

.h_logo h2{ font-size:32px; color:#000;}
.h_logo p{ font-size:12px; color:#000; text-transform:uppercase;}

.h_text{float:left;display:block;padding:4px 0 4px 43px;color:#333;font-size:20px; line-height:26px; background:url(../images/t_ge.png) no-repeat 15px 5px; font-weight:bold}
.h_text b{ font-size:14px; display:block; line-height:30px; font-weight:normal; color:#000}
.h_pho{line-height:20px;padding:6px 0 6px 55px;background:url(../images/t_pho.png) no-repeat 0 center;white-space:nowrap;color:#0152ad; font-size:14px; text-align:right }
.h_pho b{ display:block;margin-top:6px ; color:#000; font-size:28px;}




.menu {
	height: 50px;
	width: 100%;
}

.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
			float: left;
	overflow: hidden;
	position: relative;
	line-height: 50px;
	text-align: center;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 130px;
			height: 50px;
			font-family: "微软雅黑";
			font-size: 16px;
			text-decoration: none;
			cursor: pointer;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 130px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -50px;
}

#menu2 {
				background:#0f67c7;	
}
		
#menu2 ul li a {
			color: #fff;
}

#menu2 ul li a span.over {
	color: #fff;
	background-color: #e2040f;
}

/*banner START*/
.fullSlide{width:100%;position:relative;height:600px; overflow:hidden; background:#fff url(../images/loading.gif) no-repeat center center;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;width:1920px; /*图片宽度*/position:absolute;left:50%;margin-left:-960px; }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:auto;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:0px 3px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius:50%}
.fullSlide .hd ul .on{background:#0152ad;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:8%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:8%;background-position:-6px -137px;}





/*客服 START*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#910506;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#910506;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#910506;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/*主内容*/
.sycp{width:100%;height:auto;padding:40px 0; backg round:#fff url(../images/s01.jpg) center top  no-repeat}


.sybt{ width:100%; height:auto; text-align:center; margin-bottom:40px}
.sybt h4{ font-size: 24px; color:#0152ad; line-height:1.8em; background:url(../images/btbjx.jpg) center repeat-x; }
.sybt h4 i{ font-style:normal; background:#fff}
.sybt h4 b{ font-style:normal; background:#e7ffdc}







.roll{ display:inline-block; width:850px}
.gallery li { width:32%; height:auto;float: left; margin-right:2%; margin-bottom:35px;}
.gallery li:nth-child(3n){margin-right:0;}
.gallery li .pro-pic {
	position: relative;
	width:100%;
	height:auto;
	overflow:hidden;
	background: #fff;
	border: thin solid #CCCCCC;
}
.gallery li .pro-pic img, .pro-pic a{width: 100%; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.gallery li .pro-pic:hover {z-index: 1;}
.gallery li .pro-pic:hover img {transform: scale(1.3, 1.3);transition: .8s transform; }

.gallery li .pro-tit{ text-align:center; width: 100%; height:auto;line-height:40px;}
.gallery li .pro-tit  a{  font-size:14px; width:100%;  display:inline-block; }
.gallery li .pro-tit  a:hover{ }




.sydh{ width:100%; text-align:center;  margin-bottom:50px;  background:url(../images/sydhbj.png) no-repeat center 60px;}
.sydh h3{  font-size:28px; color:#333; line-height:56px; margin-bottom:20px;}

.sydh p{ font-size:15px; text-align:center; color:#707070}

.syabout{ width:100%; height:auto; padding:40px 0;}



.gsjj{width:340px;height:300px; }



.title{height:auto;line-height:40px; border-bottom:#e2e2e2 solid 1px}
.title .tit-ch{color:#0152ad;display:inline-block;font-size: 16px;font-weight: normal; }
.title .tit-en{color:#666666; margin-left:20px;display:inline-block; text-transform:uppercase}
.title .more{display:inline-block;float:right;}
.title .more a{ padding-right:20px; background:url(../images/more.png) no-repeat right center;}



.ckxq{ margin-top:10px}
.ckxq a{color:#0152ad;}
.ckxq a:hover{text-decoration:underline;}


.gswh{ width:100%; height:auto; }

.gswh .a_con{ width:1100px; margin:0 auto}
.gswh .a_con .gswh_img{ text-align:center; margin-bottom:40px;}
.gswh .a_con p{line-height:2em;text-align: justify; text-indent:2em; color:#666; font-size:15px}

.gswh .a_con a{color:#e84139; display:inline-block; padding:0 40px 0 60px ; border:#d9d9d9 solid 1px; line-height:40px; margin-top:20px; background:url('../images/a_con_s.png') no-repeat 30px center;}






.w960 {}

.youshi { width:100%; margin:auto; height:auto; overflow:hidden}
.you_til { text-align:center; margin-top:50px;}
.youshi1 { background:url(../images/ys01.png) no-repeat center; width:100%; padding:30px 0; height:320px; margin-top:30px; overflow:hidden}
.youshi1 .youshiwz{ padding-left:520px;}
.youshi2 { background:url(../images/ys02.png) no-repeat center; width:100%; padding:30px 0; height:320px; overflow:hidden}
.youshi2 .youshiwz{ padding-right:520px;}
.youshi3 { background:url(../images/ys03.png) no-repeat center; width:100%; padding:40px 0; height:320px; overflow:hidden}
.youshi3 .youshiwz{ padding-left:520px;}
.youshi4 { background:url(../images/ys04.png) no-repeat center; width:100%; padding:40px 0; height:320px; overflow:hidden}
.youshi4 .youshiwz{ padding-right:520px;}

.youshi .youshiwz{ width: 980px; margin: 0 auto}




.youshi .youshiwz h2{ line-height:72px; height:72px; padding-left:120px; font-size:24px;}
.youshi1 .youshiwz h2{ background:url(../images/ysh1.png) no-repeat left center;}
.youshi2 .youshiwz h2{ background:url(../images/ysh2.png) no-repeat left center;}
.youshi3 .youshiwz h2{ background:url(../images/ysh3.png) no-repeat left center;}
.youshi4 .youshiwz h2{ background:url(../images/ysh4.png) no-repeat left center;}



.youshiwz li{ padding-left:20px;background:url(../images/ysli.png) no-repeat left 10px; line-height:2em; margin-top:20px;  }


		
		

/* 本例子css */
.sycf{ width:100%;background:url(../images/dfproduct_01.jpg) no-repeat center; padding:40px 0}
.cfwz{ text-align:center;height: 50px; line-height: 50px; border-bottom: 1px #8b8686 solid; font-size: 20px;color: #b2b0b0; margin-bottom:40px}
.scroll_horizontal{width:980px;height:auto; margin:0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;height:auto;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:333px;text-align:center; padding-right:19px; }
.scroll_horizontal .list li .cpimg{overflow:hidden;width:100%;}


.scroll_horizontal .list li .cpimg img{ width: 100%;display: block; margin: 0 auto; bo rder: 10px solid #343851; }
.scroll_horizontal .list li .cpimg h3{ font-size:20px;font-weight:100;height:60px;line-height:60px;text-align:center;overflow:hidden;color:#6C6E85; width:100%; border-bottom: 1px solid #6C6E85; margin-bottom:10px}

.scroll_horizontal .list li .cplink{ display: block;background:#3c4155 url(../images/jiantou.png) no-repeat center;width: 31px;height: 31px; margin: 0 auto;border-radius: 50%;}
.scroll_horizontal .list li .cplink:hover{background:#0152ad url(../images/jiantou2.png) no-repeat center;}


.scroll_horizontal .plus{left:-100px;}
.scroll_horizontal .minus{right:-100px;}
.scroll_horizontal .plus,.scroll_horizontal .minus{position:absolute;top:80px;cursor:pointer; padding:20px 5px;  }
.scroll_horizontal .plus:hover,.scroll_horizontal .minus:hover{ }






/*des*/
.syal{height:auto; overflow:hidden; background: url(../images/syalbj.jpg) repeat;padding:40px 0}


#demo {overflow: hidden;float:left;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

#demo .democp {width: 280px; height:auto;background: #fff;float: left; margin:0 10px;}
#demo .democp a{ display:block}
#demo .democp img {background: none repeat scroll 0 0 #FFFFFF;width: 280px;height: 210px; display: block;}
#demo .democp img:hover{opacity:0.9;}


#demo .democp span{ display:block; font-size:18px; line-height:40px;height:40px; overflow:hidden; background:#0152ad;color:#fff; text-align:center }





/*新闻中心*/
.xwzx{width:100%; height: auto; padding:50px 0; background:#f8f8f8}

.leftnew{ float:left;  }
.leftnew p{line-height:2em; text-indent:2em; font-size:14px;}
.new-left{ width:}
.new-right{ width:750px; }






.new-right ul li{ line-height:60px; border-bottom:#f0f0f0 solid 1px; }

.new-right li .n-tit{}
.new-right li .n-tit a{ color:#323232 }
.new-right li .n-tit a:hover{color:#0f67c7}
.new-right li span{ color: #969696; font-size: 12px; text-align: left; white-space: nowrap; float:right}







.flink{ padding:40px 0;  }

.yqlink_title {
    font-size: 24px;
    color: #0f67c7;margin-bottom: 20px;
    font-weight: bold;
     background: url(../images/yqlink_01.jpg) no-repeat left center; 
    padding-left: 12px}

.flink .yqlink_link a{ color: #333; margin-right: 20px; font-size: 14px;}
.flink .yqlink_link a:hover{     color: #0f67c7;}


/*版权*/
.footer{height:auto;width:100%;padding:40px 0;background:#151e27; color:#a4a3a1; border-top:#0f67c8 solid 4px; margin-top:40px}
.footer .footers { border-bottom:#444b52 solid 1px; padding-bottom:30px }


.footer .footers .footr p{ line-height:28px; text-align:right}
.footer .footers .footr p a{ color:#a4a3a1; padding-left:20px;}
.footer .footers .footr p a:hover{ color:#fff;}

.footer .footerx{ padding-top:30px;}

.footer .footerx p a{ color:#a4a3a1;}