@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px; 	list-style-type: none;
}
body{
font-family:"微软雅黑";
font-size:14px!important;
line-height:24px;
color:#616161;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#616161; text-decoration: none;}

a:hover{color:#3c7ccf;text-decoration:none!important;}



h1{
float:left;
margin-top:10px;
padding-bottom:20px;

}


.head{
width:1171px; height:33px; line-height:33px; 
margin:auto; text-align:left; color:#FFFFFF;
}

.top{ color:#fff; line-height:33px; border-left:#164c9e solid 1px;  float:right;}
.top a{ color:#fff;line-height:33px; padding-left:20px; padding-right:20px;background:#09387e; float:left}
.top a:hover{ color:#fff;line-height:33px; background:#0678d9; float:left; clear:both}




/*--------------------index.html start----------------------*/



#menu{width:660px;
float:right;
font-size:16px;
font-family:"微软雅黑";
}
#menu ul{overflow:hidden;padding-top:40px; }
#menu ul li{display:inline;float:left;}
#menu ul li a{float:left; text-align:center; margin-left:17px; margin-right:15px;line-height:45px;color:#000; border-bottom:#fff solid 2px;}
#menu ul li a:hover{   float:left;  text-align:center; color:#3c7ccf; text-decoration:none; border-bottom:#3c7ccf solid 2px;}

.mmm{ width:70px; line-height:30px; background:#3c7ccf; text-align:center; color:#FFFFFF;border-bottom:#3c7ccf solid 2px; float:right;border-radius:5px; font-size:13px; margin-top:8px}
.mmm a{border-bottom:#3c7ccf solid 0px; color:#FFFFFF;}


#flash{
width:100%;
height:483px;
float:left;

}


.banner{
			width: 100%;
			/*height: 560px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: 483px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
		
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 40%;
			margin-top: -25px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url("left_right.png")/*tpa=http://www.sfjxhg.com/Html/images/left_right.png*/ no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url("left_right.png")/*tpa=http://www.sfjxhg.com/Html/images/left_right.png*/ no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}



.about{ width:1171px; margin:auto; }

.ab1{width:746px;float:left; padding-top:55px; }
.ab1 h4{width:212px;  float:left; color:#000; font-size:27px; text-align:left; font-weight:900; line-height:35px; padding-bottom:60px; border-right:#eaeaea solid 1px;}
.ab1 h4 span{width:212px; font-size:17px;  float:left; color:#5f5f5f;font-weight:normal; text-transform:uppercase }


.ab2{ width:483px; float:right; line-height:27px;}



.m1{width:120px; line-height:30px; text-align:center; float:left; margin-top:25px; font-size:14px; font-weight:normal}
.m1 a{width:120px!important;line-height:30px; float:left; color:#fff!important;  background:#3c7ccf;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m1 a:hover{ color:#FFFFFF!important;width:120px!important; background:#deb85b;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}




.ab_3{ width:364px ; height:205px; float:right; overflow:hidden; margin-top:55px;border-radius:10px; }
.ab_3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab_3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.nr1{float:left;width:364px; height:0px; position: relative;clear: both; z-index:9999; }
.nr2{float:left;width:344px;height:50px;  background:#5e5c58; position: absolute;clear: both; margin-top:155px;  background-color: rgba(0,0,0,0.5); color:#FFFFFF; font-size:16px; line-height:50px; padding-left:20px;}


@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .nr2{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }

  }
  

.mm1{ width:50px; height:50px; background:#deb85b; float:right; line-height:50px; font-size:40px; text-align:center}




.pp1{width:100%; float:left;  background-color: #eeeeee; /* 浏览器不支持的时候显示 */
  background-image: linear-gradient(90deg, #f5f5f5  50%, #eeeeee  50%); margin-top:40px; padding-top:50px; padding-bottom:70px;}

.pp{width:1171px; margin:auto; }
.pp2{width:520px;float:left; }
.pp2 h4{width:520px;  float:left; color:#2f2e2e; font-size:27px; font-weight:900; line-height:40px; }
.pp2 h4 span{ float:left; color:#2b2b2b; font-size:20px; font-weight:normal; }
.pp2 h4 p{ float:left; color:#707070; font-size:15px; font-weight:normal; line-height:25px;}
.pp2 h4 em{ float:left; color:#c9c9c9; font-size:13px; font-weight:normal; font-style:normal ;line-height:17px; font-family:Arial, Helvetica, sans-serif}





.zd{width:246px; float:left; overflow:hidden;border-radius:7px; margin-right:10px; margin-top:15px;}
.zd a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.zd a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.zd1{width:533px; float:right;  }
.zd2{width:533px; float:left;  }







.new{width:1171px; margin:auto; clear:both; padding-bottom:50px; overflow:hidden; padding-top:40px; }
.n_left{float:left;width: 320px;height: auto;padding-left: 10px;color:#666666}


.imglist ul li{float:left;width: 96%;height: auto;margin-right:25px;padding-top:20px;padding-left: 38px;}
.imglist ul li img{width:auto; height:212px!important;}
.c1{
    background: url(t1.png) no-repeat;
    background-position: 3px 20px;
    display: inline-block;
}

.c2{
    background: url(t2.png) no-repeat;
    background-position: 3px 25px;
    display: inline-block;
}
.c3{
    background: url(t3.png) no-repeat;
    background-position: 3px 25px;
    display: inline-block;
    }

	
.n_right{width: 771px;float:right;}

.n_r_1{ float:left; width:271px; background:url("hh.jpg") no-repeat; width:229px; font-size:13px; color:#8f8f8f; height:74px; padding-left:40px; padding-top:20px; margin-bottom:15px;}
.n_r_1 a{ color:#8f8f8f; }
.n_r_1 p{ font-size:20px; color:#3c7ccf; padding-top:8px; }
.n_r_1 p a{ color:#3c7ccf; }
.n_r_1 img{ float:left; padding-right:20px;}




.contact1{width:100%; float:left;  background-color: #e5e5e5; /* 浏览器不支持的时候显示 */
  background-image: linear-gradient(90deg, #e5e5e5  72%, #3c7ccf  28%); margin-bottom:30px; padding-top:50px; padding-bottom:40px; }

.contact{margin:auto;width:1171px;}

.lx1{ float:left; width:873px; text-align:left;  }



.ewm{ float:right; width:270px;}
.ewm-1{ float:right; width:108px; text-align:center; color:#FFFFFF; padding-left:10px;}



.footer{ margin:auto;width:1171px;text-align:left; padding-bottom:40px; clear:both}

.zzb07tail{}
a.zzb07link{ text-decoration:none;}
a.zzb07link:hover {text-decoration:underline;}

