@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{list-style:none;margin:0; padding:0;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
input,textarea {outline:none;border:0px;}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/
a{font-size:12px; color:#000000;blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
a:link { text-decoration: none;color: #535353;}
a:visited {text-decoration: none; color: #535353;}
a:hover { text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #535353;}
.clear{clear:both;}

body {margin:0px;font-size: 12px; font-family:"微软雅黑"; background:#f2f2f2;}
.pagetop{ width:100% ;margin:0 auto; height:40px; background:url(../images/top_bg.jpg) repeat-x center;}
.top{ width:1080px;height:40px; margin:0 auto;}
.top .wel{ float:left; line-height:40px;color:#666;}
.top .top_r{ float:right; line-height:40px;}
.top .top_r a{color:#666;padding-right:5px;}
.top_n{ width:1080px;height:130px; margin:0px auto; }
.top_n .left{float:left;width:800px;}
.top_n .left .logo {float:left; margin:32px 10px 0 0px; }
.top_n .left .trait{margin:14px 0 0 5px; float:left; height:104px;padding-left:15px; background:url(../images/xt.jpg) no-repeat left center;font-size:16px;color:#e51f1f; line-height:30px;  font-weight:bold;}
.top_n .left .trait span{font-size:16px;color:#e60012;font-weight:bold; margin-top:20px; display:block; }
.top_n .left .trait p{font-size:16px;color:#333;font-weight:bold; }
.top_n .right{ float:right;background:url(../images/tel.png) no-repeat left top;margin:35px auto  0 auto; height:58px;font-size:14px;color:#545454;padding-left:45px; display:block; font-weight:bold; }
.top_n .right span{font-size:30px;color:#e60012;padding-top:5px;font-weight:bold; }

.nav{width:100%;height:60px;margin:0px auto; background:#2857ac;}
.nav .menu{ width:1080px;height:60px;margin:0 auto; }
.nav .menu ul li{float:left;width:108px; height:60px; text-align:center; background:url(../images/nav_l.jpg) no-repeat right center;}
.nav .menu ul li a{font-size:14px;color:#fff; display:block; height:60px; line-height:60px;}
.nav .menu ul li a:hover{ background:#e60012;color:#fff;}
.nav .menu ul li.another{ background:#e60012;color:#fff;}

.banner{ width:100%; height:500px; margin:0 auto; overflow:hidden; position:relative;}
.flexslider{position:relative;height:500px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{ display:block;}
.flex-control-nav{position:absolute;bottom:30px;z-index:999;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.form_bg{ width:100%; height:50px;line-height:50px;  margin:0 auto;}
.form_bg .search{ width:1080px;height:50px; margin:0 auto; line-height:50px;background:url(../images/sou_bg.jpg) no-repeat center;}
.search_t{width:802px; height:44px; float:left; color:#333; line-height:50px;font-size:12px;padding-left:8px;}
.search_t a{padding:0 10px;color:#333; font-size:12px;}
.search2{float:left;width:204px;height:25px;line-height:25px;text-align:left;margin-top:12px; border:1px solid #d7d7d7;padding-left:6px;}
.search_s input{float:right;width:50px; height:27px; background:#2957ac; margin:12px 8px 0 0; color:#fff;}

.footer{width:100%;height:300px; margin:30px auto 0 auto; background:#2857ac; }
.menu_bg{width:1080px;height:300px; margin:0 auto;}
.footer .footer_menu{ width:300px;height:300px;margin:0 auto;background:url(../images/foot_xt.jpg) no-repeat right center; float:left; }
.menu_bg .footer_menu ul {margin-top:30px;}
.menu_bg .footer_menu ul li{float:left;line-height:50px; text-align:left;width:135px;}
.menu_bg .footer_menu ul li a{font-size:14px;color:#ffffff; display:block;}
.foot{width:780px;margin:0px auto; float:left;}
.right_new{float:left; margin:45px 0 0 20px; }
.footer .right_new p{ font-size:14px;margin:10px 0;text-align:left;color:#fff;}
.footer .right_new p a{color:#fff; font-size:14px;} 
.footer .right_new p img{padding-left:20px;}
.right_new h2{font-weight:normal;font-size:14px; padding:0px 10px 0 0px; margin:0px;color: #fff;}

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:120px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#e51f1f;color:#fff;font-size:18px; text-align:center;position:relative;}
#floatDivBoxs .floatDqq{padding:10px 14px;}
#floatDivBoxs .floatDqq li{height:48px;line-height:42px;border-bottom:1px solid #e3e3e3; }
#floatDivBoxs .floatDtxt{font-size:18px;color:#0463cc;padding:12px 14px;}
#floatDivBoxs .floatDtel {padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel  a{font-size:16px;color:#333;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:120px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}
h2.title{
	position: relative;
	font-weight: normal;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 30px;
}
h2.title:after{
	position: absolute;
	display: block;
	content: '';
	left: 0;
	right: 0;
	bottom: -5px;
	margin: 0 auto;
	width: 44px;
	border-top: 0px solid #21a6de;
}
h2.title .ch,h2.title .en{
	display: block;
	line-height: 30px;
}
h2.title .ch{
	font-size: 30px;
	color: #2c2c2c;
}
h2.title .en{
	font-size: 18px;
	color: #666;
	font-family: Arial;
}

.scope{
	background-color: #f1f1f1;
	padding-bottom: 25px;
}
.scope .scope-item{
	width: 25%;
	float: left;
	margin-bottom: 24px;
}
.scope .scope-box{
	margin-left: 12px;
	margin-right: 12px;

	padding-top: 30px;
	padding-bottom: 24px;
	background-color: #fff;
	text-align: center;
}
.scope .scope-box:hover{
	box-shadow: 1px 1px 8px #ccc;
}
.scope .scope-box .icon{
	padding-top: 30px;
	padding-bottom: 40px;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background: url(../images/scope-icon-bg.png) no-repeat center;
}
.scope .scope-box .icon  img{
	padding-top: 40px;
	
}
.scope .scope-box .tit{
	font-size: 24px;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-top: 20px;
	padding-bottom: 20px;
}
.scope .scope-box .tit:hover{
	color: #21a6de;
}
.scope .scope-box .des{
	line-height: 24px;
	color: #666;
}
.item{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	
	position: relative;
}
.item .container,.footer .container{height:100%;zoom: 1;margin: 0px auto; }
ul:before,ul:after,.item:before,.item:after,.item .container:after,.item .container:before{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}

.container{
	width: 1000px;
	height: 100%;
	margin: 0px auto;
	
}
@media screen and (max-width: 768px){
	.container{
		width:100%;
	}
}

#blur{
	transition: all 3s ease;
	-webkit-transition: all 3s ease;
	}
.blur{
	 filter: blur(5px);    
	 -webkit-filter: blur(5px);
}

.tuandui{
	height: 600px;
	background: url(../images/tuandui-bg.jpg) no-repeat center;
}
.tuandui .container{
	position: relative;
}
.tuandui h2 .ch{
	color: #fff;
}
.tuandui h2 .en{
	color: #b8b8b8;
}


.people-swiper{
	height: 384px;
}
.people-swiper .swiper-slide{
	padding-top: 90px;
}
.people-swiper .people-item{
	position: relative;
	height: 200px;
	background-color: #fff;
	padding-top: 90px;
}
.people-swiper .people-item:hover{
	box-shadow: 1px 1px 10px #fff;
}
.people-swiper .people-img{
	position: absolute;
	left: 0;
	right: 0;
	width: 180px;
	height: 180px;
	top: -90px;
	border-radius: 50%;
	border:3px solid #fff;
	overflow: hidden;
	margin: 0 auto;
}
.people-swiper .people-name{
	text-align: center;
	font-size: 18px;
	color: #333;
	line-height: 48px;
}
.people-swiper .people-des{
	font-size: 14px;
	color: #717171;
	line-height: 24px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}
.people-btn.swiper-button-prev{
	left: -30px;
	background-image: url(../images/banner-prev.png);
}
.people-btn.swiper-button-next{
	right: -30px;
	background-image: url(../images/banner-next.png);
}


.hz-con{



    position: relative;



}



.hz-con .lefts{ 



    background: url(../images/jt2.png) no-repeat 3px -0px;



    display: block;



    width: 16px;



    height: 26px;



    position: absolute;



    left: 0px;



    top:54px;



}



.hz-con .rights{ 



    background: url(../images/jt2.png) no-repeat -13px 0px;



    display: block;



    width: 16px;



    height: 26px;



    position: absolute;



    right: 0px;



    top: 54px;



}



.hz-con1 {

padding-left:40px;



}
.hz-con1 ul li{



    width: 210px;



    margin:0 10px;



    padding-top: 10px;
	padding-top:90px;



}
.process-item{
	text-align: center;
	float: left;

}
.process-num{
	width: 134px;
	height: 105px;
	font-size: 50px;
	line-height: 90px;
	color: #fff;
	font-family: "榛戜綋";
	background-image: url(../images/process.png);
}
.process-num:hover{
	opacity: .6;
}
.process-num-1{
	background-position: -140px 0 
}
.process-num-2{
	background-position: -284px 0 
}
.process-num-3{
	background-position: -426px 0 
}
.process-num-4{
	background-position: -566px 0 
}
.process-num-5{
	background-position: -706px 0 
}
.process-num-6{
	background-position: -978px 0 
}
.process-tit{
	margin-top: 16px;
}

.process .header-phone{
	width: 260px;
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: 50px;
	border-radius: 10px;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffd200;
}

.header-phone{
	margin-top: 24px;
	margin-bottom: 24px;
	text-align: right;
}
.header-phone .phone-icon{
	width: 51px;
	height: 45px;
	display: inline-block;
	margin-right: 10px;
	background-image: url(../images/header-phone-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.header-phone .phone-text{
	display: inline-block;
	text-align: left;
}
.header-phone .phone-text p{
	line-height: 1;
}
.header-phone .phone-title{
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
}
.header-phone .phone-num a{
	font-size: 24px;
	font-family: Arial;
	color: #de0f0f;
}