@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:pingfang;
	src:url(../font/PingFang%20Bold.ttf);
	font-family:pingfang1;
	src:url(../font/PingFang%20Light.ttf);
	font-family:pingfang2;
	src:url(../font/PingFang%20Medium.ttf);
	font-family:pingfang3;
	src:url(../font/PingFang%20Regular.ttf);
	
	
	
	}

*{margin:0;
	padding:0;
	}
li{list-style:none;}
a{text-decoration:none;}
img{border:none;}
input{border:none}
body{
	background-color:#f2f3f4;
	background-size:cover;
	font-family:"微软雅黑";
	}
.clear {
	clear: both;
}
/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea { margin:0; padding:0; }
html, body{ height:100%;}
body { font-family:"微软雅黑"; font-size:16px; color:#555;background:#f6f6f6;}
li { list-style:none; }
a,img,input { border:0 none; }
a { outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
/*textarea { resize:none; font-size:12px;} 去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/
i,em{ font-style:normal;}

/*================定义通用样式================*/
.w{ width:1200px;margin:0 auto;}
.ww{ width:1200px;}
.fl { float:left; }
.fr { float:right; }
.hide { display:none;}
.clear { clear:both; }
.clearfix { zoom:1;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.icon { background:url(../images/icon_bg.png) no-repeat;}
a img.opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } 
a:hover img.opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt25{ margin-top:25px;}
.mt35{ margin-top:35px;}

.ml30{ margin-left:30px;}
.ml5{ margin-left:5px;}
.ml49{margin-left:49px;}

/*================首页样式================*/
.top {position:relative;width:100%;height:76px;background:#f2f3f5 repeat-x;z-index:10;}
.top .t_cen{position:relative;height:52px;z-index:10;}
.top .t_c_logo{position:absolute;z-index:100;top:25px;width:157px;height:174px;left: -136px;}
.top .t_c_logo img{width:237px;height:33px;}
.top .t_c_lr{position:absolute;width:84px;height:127px;z-index:10;}
.top .t_c_cen{position:absolute;left:24px;top:-60px;width:1000px;height:127px;background:#f2f3f5 repeat-x;z-index:10;}
.top .t_c_cen .t_c_top{position:relative;z-index:20;width:407px;height:56px;padding-left:599px;}
.top .t_c_cen .t_c_top img{float:left;margin-left:20px;}
.top .t_c_cen .t_c_top .top_sc{width:42px;height:40px;cursor:pointer;margin-top:15px;}
.top .t_c_cen .t_c_top .top_tel{width:249px;height:57px;margin-top:7px;}
.top .t_c_cen .t_c_bottom{position:relative;z-index:20;width:1006px;height:66px;margin-left:0px;background:url(../images/menu_line_bg.jpg) 162px 11px no-repeat;z-index:25;}
.top .t_c_cen .t_c_bottom .thisMenu{position:absolute;left:162px;top:4px;width:118px;height:78px;background:url('../images/menu_this.png') no-repeat;z-index:30;}
.top .t_c_cen .t_c_bottom ul{position:absolute;left:164px;top:14px;width:900px;z-index:35}
.top .t_c_cen .t_c_bottom ul li{position:relative;float:left;width:70px;padding:16px 17px 0;text-align:center;z-index:35}
.top .t_c_cen .t_c_bottom ul li a{display:block;width:80px;height:45px;}
.top .t_c_cen .t_c_bottom ul li a em{display:block;font-size:16px;color:#4f5050;font-family:pingfang3;}
.top .t_c_cen .t_c_bottom ul li a i{display:block;font-size:8px;color:#FFF;text-align:right;padding-right:2px;font-family:"微软雅黑";}
/*===============子菜单定位=================*/
.top .t_c_cen .t_c_bottom ul li .Nodes{position:absolute;overflow:hidden;width:105px;height:0px;left:4px;top:50px;padding-top:5px;z-index:100;}
.top .t_c_cen .t_c_bottom ul li .Nodes img{float:left;width:105px;height:14px;}
.top .t_c_cen .t_c_bottom ul li .Nodes ul{position:static;float:left;width:105px;left:0px;top:0px;z-index:100;background-color:#1882d6;}
.top .t_c_cen .t_c_bottom ul li .Nodes ul li{width:80px;height:30px;float:none;padding:0;margin:0;border-bottom:}
.top .t_c_cen .t_c_bottom ul li .Nodes ul li a{display:block;width:105px;height:36px;color:#FFF;line-height:30px;font-family:"微软雅黑";}
.top .t_c_cen .t_c_bottom ul li .Nodes ul li a:hover{color:#FFF;background:#1a8fec;}
.top .t_c_cen .t_c_bottom ul li a em:hover{color:#FFF;}
<!---->
.banner{ width:100%; height:656px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px; position:absolute; left:0; top:0;}
.b-img a{ display:block; height:656px; float:left;}
.b-list{ height:50px; margin-top:600px;margin-left:48%; position:relative; margin:position absolute;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:2px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{background-color:#fff;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:270px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:270px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
#main{width: 1200px;
      margin: 0 auto;
      height: 690px;}
.main_title{
	height:200px;
	background:url(../images/xiantiao_03.jpg) no-repeat bottom center;
	
	}
.main_title h1{
	font-size:50px;
	line-height:74px;
	padding-top:46px;
	font-family:Arial;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:4px;
	
	
	}
h1 span{
	color:#1883d6;	
	
	}
.main_title P{
	font-size:30px;
	line-height:64px;	
	font-family:"微软雅黑";
	text-align:center;
	color:#131313;
	}
#main ul{
	height:458px;
	margin-top:52px;
	
	
	}
.inner{
	float:left;
	margin-right:40px;
	width:269px;
	height:450px;
	background:url(../images/inner3.png) no-repeat left bottom;
	transition:all .5s ease-in-out;	
	
	}
.inner:hover{
	background:url(../images/inner3.png) no-repeat left top 275px;
	}
.inner1{
	float:left;
	width:269px;
	height:450px;
	background:url(../images/inner3.png) no-repeat left bottom;	
	transition:all .5s ease-in-out;
	}
.inner1:hover{
	background:url(../images/inner3.png) no-repeat left top 275px;
	
	}
.inner a{
	display:block;
	
	
	}
.inner a:hover{
	color:#1b94f4;
	transition: all .5s;
	
	}
.inner1 a{
	display:block;
	
	
	}
.inner1 a:hover{
	color:#1b94f4;
	transition: all .5s;
	
	}
.biao1{
	color:#000;
	font-size:20px;
	font-family:"微软雅黑";
	font-weight:bold;
	padding-top:5px;
	line-height:42px;
	text-align:center;
	letter-spacing:1px;	
	
	}
.biao2{
	color:#171717;
	font-size:16px;
	font-family:"微软雅黑";
	line-height:24px;
	text-align:center;	
	
	}
#main1{width: 1200px;
      margin: 0 auto;
      height: 850px;}
.into{
	width:1200px;
	height:638px;	
	}
.into1{
	margin-top:52px;
	width:372px;
	height:494px;
	background-color:#2f75ae;
	float:left;
	margin-right:40px;
	padding-top:100px;
	}
.into2{
	margin-top:52px;
	width:372px;
	height:594px;
	float:left;
	margin-right:40px;
	text-align:center;
	background-color:#a1d1f7;
	}
.into3{
	margin-top:52px;
	width:372px;
	height:594px;
	float:left;
	text-align:center;
	background-color:#a1d1f7;
	}
.into3:hover{
	background-color:#51aef7;
	transition: all .5s;
	
	}
.chanpin{
	height:90px;
	transition:all .5s ease-in-out;	
	opacity:0.8;
}
.into2:hover{
	background-color:#51aef7;
	transition: all .5s;
	
	}
.chanpin img{
	transition:all .5s ease-in-out;	
	opacity:0.8;
	}
.chanpin:hover img{
	transform:scale(1.05);
	opacity:1;
	
	
	
	
	}
h3{	
	
	color:#fff;
	font-size:28px;
	font-family:"微软雅黑";
	line-height:50px;
	text-align:center;	
	
	}
.into p{
	padding-top:20px;
	color:#f5f5f5;
	font-size:16px;
	font-family:"微软雅黑";
	line-height:38px;
	text-align:center;
	
	}
h4{
	padding-top:30px;
	color:#C9C9C9;
	font-size:18px;
	font-family:"微软雅黑";
	text-align:center;
	transition:all .5s ease-in-out;
	
	}
h4:hover{
	color:#4bc851;	
	transition: all .5s;
	}
#main2{width: 1200px;
      margin: 0 auto;
      height: 696px;}
.icons{
	margin-top:54px;
	height:276px;
	
	}
.icons ul{
		
	
	}
.icons ul li{
	height:276px;
	width:276px;
	background: -webkit-linear-gradient(#0b3d66, #062137); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#0b3d66, #062137); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#0b3d66, #062137); /* Firefox 3.6 - 15 */
    background: linear-gradient(#0b3d66, #062137);
	position:relative;
	float:left;
	margin-right:32px;
	}
.icons ul li:hover{
	background-color:#66F;	
	
	}

.icons ul li a{
	width:124px;
	height:131px;
	position:absolute; left:82px; top:71px;
	background:url(../images/icons3_033.png) no-repeat left top;
	transition:all .5s ease-in-out;	
	opacity:0.8;
	
	
	
	}
.icons ul li a:hover{
	background:url(../images/icons3_033.png) no-repeat left top -21px;
	transform:scale(1.05);
	opacity:1;
}
.icons2{
	height:276px;
	width:276px;
	background: -webkit-linear-gradient(#0b3d66, #062137); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#0b3d66, #062137); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#0b3d66, #062137); /* Firefox 3.6 - 15 */
    background: linear-gradient(#0b3d66, #062137);
	position:relative;
	float:left;
	}
.icons2:hover{
	background-color:#66F;	
	
	}

.icons2 a{
	width:106px;
	height:130px;
	position:absolute; left:86px; top:74px;
	background:url(../images/icon2_033.png) no-repeat left top;
	transition:all .5s ease-in-out;	
	opacity:0.8;
	
	
	
	}
.icons2 a:hover{
	background:url(../images/icon2_033.png) no-repeat left top -21px;
	transform:scale(1.05);
	opacity:1;
}
.icons4{
	height:276px;
	width:276px;
	background: -webkit-linear-gradient(#0b3d66, #062137); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#0b3d66, #062137); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#0b3d66, #062137); /* Firefox 3.6 - 15 */
    background: linear-gradient(#0b3d66, #062137);
	position:relative;
	float:left;
	margin-right:32px;
	}
.icons4:hover{
	background-color:#66F;	
	
	}

.icons4 a{
	width:124px;
	height:131px;
	position:absolute; left:83px; top:71px;
	background:url(../images/icons1_033.png) no-repeat left top;
	transition:all .5s ease-in-out;	
	opacity:0.8;
	
	
	
	}
.icons4 a:hover{
	background:url(../images/icons1_033.png) no-repeat left top -21px;
	transform:scale(1.05);
	opacity:1;
}
.icons5{
	height:276px;
	width:276px;
	background: -webkit-linear-gradient(#0b3d66, #062137); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#0b3d66, #062137); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#0b3d66, #062137); /* Firefox 3.6 - 15 */
    background: linear-gradient(#0b3d66, #062137);
	position:relative;
	float:left;
	margin-right:32px;
	}

.icons5 a{
	width:124px;
	height:131px;
	position:absolute; left:84px; top:71px;
	background:url(../images/icons4_033.png) no-repeat left top;
	transition:all .5s ease-in-out;	
	opacity:0.8;
	
	
	
	}
.icons5 a:hover{
	background:url(../images/icons4_033.png) no-repeat left top -21px;
	transform:scale(1.05);
	opacity:1;
}



#footer{
	width:100%;
	height:450px;
	margin: 0 auto;
	background-image:url(../images/footer.png);
	}
#footer h5{
	font-size:46px;
	line-height:176px;
	font-family:Arial;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:4px;	
	color:#1882d6;
	}
.seath{
	width:1200px;
	margin: 0 auto;
	position:relative;
		}
.seath1{
	width:112px;
	float: left;	
	
	}
.seath1 h6{
	line-height:45px;
	color: #fff;
	font-size:18px;
	font-family:"微软雅黑";	
	}
.seath1 li{
	line-height:28px;
	font-size:16px;
	font-family:"微软雅黑";
	
	}
.seath1 li a{
	color:#6c6c6d;	
	transition:all .5s ease-in-out;
	}
.seath2{
	width:112px;
	float: left;
	margin-left:13px;	
	
	}
.seath2 h6{
	line-height:45px;
	color: #fff;
	font-size:18px;
	font-family:"微软雅黑";	
	}
.seath2 li{
	line-height:28px;
	font-size:16px;
	font-family:"微软雅黑";
	
	}
.seath2 li a{
	color:#6c6c6d;	
	transition:all .5s ease-in-out;
	}
.seath3{
	width:170px;
	float:left;	
	
	}
.seath3 h6{
	line-height:45px;
	color: #fff;
	font-size:18px;
	font-family:"微软雅黑";	
	}
.seath3 li{
	line-height:28px;
	font-size:16px;
	font-family:"微软雅黑";
	
	
	}
.seath3 li a{
	color:#6c6c6d;
	transition:all .5s ease-in-out;
	
	}
.seath3 li a:hover{
	color:#fff;
	
	
	
	}
.seath2 li a:hover{
	color:#fff;
	
	
	
	}
.seath li a:hover{
	color:#fff;
	transition: all .5s;
	
	
	}
.seath4{
	width:470px;
	float: right;	
	
	}
.seath4 h6{
	line-height:45px;
	color: #fff;
	font-size:18px;
	font-family:"微软雅黑";	
	}
.seath4 li{
	line-height:28px;
	font-size:16px;
	font-family:"微软雅黑";
	color:#d5d5d5;
		
	}
#footer1{
	height:62px;
	background:url(../images/footer3.png);	
	
	}
.banquan{
	width:1200px;
	margin: 0 auto;		
	
	
	}
.banquan1{
	line-height:62px;
	color:#6c6c6d;
	font-size:16px;
	font-family:"微软雅黑";
	padding-left:13px;
	float:left;
	
	}
.banquan2{
	line-height:62px;
	color:#6c6c6d;
	font-size:16px;
	font-family:"微软雅黑";
	padding-left:99px;
	float:right;
	padding-right:236px;
	
	}
.tt{
	width:96px;
	height:48px;
	position:absolute; left:552px; top:-222px;	
	background:url(../images/top_03.png) no-repeat;
	}
.tt1 {
	margin-top:20px;
	color:#6c6c6d;
	font-size:16px;
	font-family:Arial;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	transition:all .5s ease-in-out;
	}
.tt1:hover{
	color:#fff;
	
	}
#fubiao{
	position:fixed;
	right:50px;
	bottom:50px;
	transition:all .5s ease-in-out;
	}
	
.language1{
	position: absolute;
	left: 1118px;
	top: 7px;
	width: 100px;
	height: 40px;
	
	}
.language2{
	position: absolute;
	left: 1218px;
	top: 7px;
	width: 100px;
	height: 40px;
	
	}
.textlanguage1{
	font-size: 15px;
	color: #4f5050;
	font-family: "微软雅黑";
	padding-top:20px;
	
	}
.textlanguage2{
	font-size: 15px;
	color: #4f5050;
	font-family: "微软雅黑";
	}

.picture1{
	position: absolute;
	left: 1175px;
	top: 22px;;	
	
	
	}
	
.picture2{
	position: absolute;
	left: 1275px;
	top: 22px;	
	
	
	}