@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td  {margin:0;padding:0;}

body,button,input,select,textarea{font:12px/1.5 "Microsoft Yahei",tahoma,arial,\5b8b\4f53; color:#2e2e2e;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

address,cite,dfn,em,var{font-style:normal;}

code,kbd,pre,samp{font-family:courier new,courier,monospace;}

small{font-size:12px;}

ul,ol{list-style:none;}

a{text-decoration:none; outline:none; color:#1e1e1e;}

a:hover{ color:#1a6eae;text-decoration:none;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

legend{color:#000;}

fieldset{border:0;}

img{border:0;}

button,input,select,textarea{font-size:100%;}

table{border-collapse:collapse;border-spacing:0;}

.pr{position:relative;}
.pa{position:absolute;}
.clear{ clear:both}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*+height:1%;}


/*---banner---*/
body {padding: 0;margin: 0 auto;}

.head{ position:relative;width:1200px; height:90px; margin:0 auto;}
/*.head .logo{ position:absolute; left:10px; bottom:0; width:100%; background:url(images/banner.jpg) no-repeat;}*/
.nav {width: 800px;height: 60px;margin-right:-160px;margin: 0 auto;padding: 0;}
.nav li {list-style: none;width: 130px;height: 90px;float: left;text-align: center;line-height: 90px;position: relative;z-index: 99;font-size:20px;}
.nav li.active a{height:90px;display:block;color:#1a6eae;border-bottom:2px solid #1a6eae;box-sizing: border-box;}




/*---banner---*/


.banner { width: 100%; height: 500px; margin: 0; position: relative; overflow: hidden; z-index:10; }
.banner-img li { width: 100%; height: 500px; z-index:10;  }
.banner .num { overflow: hidden; height: 8px;height:40px; position: absolute; bottom: 0px; width: 100%; text-align: center; left: 15px; zoom: 1; z-index: 99 }
.banner .num li { width: 50px; height: 8px; background: #e0f1e2; margin-right: 36px;  cursor: pointer; display: inline-block; }
.banner .num li.on { background: #dfa667; }
/*.banner .prev, .banner .next { display: none; width: 92px; height: 244px; background: url(../images/btn.png) no-repeat; position: absolute; top: 129px; z-index:21; }*/
.banner .prev { left: 0; }
.banner .next { right: 0; background-position: right }

ul,li{
list-style: none;
}
/*css reset end*/

/*css public start*/
.floatfix {
*zoom: 1;
}
.floatfix:after {
content: "";
display: table;
clear: both;
}
/*css public end*/

/*slider start*/
.slider-contaner{
width:100%;
height:490px;
position:relative;
}
.slider-item + .slider-item{
opacity:0;
}
.slider-item{
width:100%;
height:490px;
position:absolute;
animation-timing-function: linear;
animation-name:fade;
animation-iteration-count: infinite;
background-size:100%;
}
.focus-container{
position:absolute;
z-index:7;
margin:0 auto;
left:0;
right:0;
}
.focus-container li{
width:10px;
height:10px;
border-radius:50%;
float:left;
margin-right:10px;
background:#ccc;
}
.focus-item{
width:100%;
height:100%;
border-radius:inherit;
animation-timing-function: linear;
animation-name:fade;
animation-iteration-count: infinite;
}
.focus-item2,.focus-item3,.focus-item4,.focus-item5{
opacity:0;
}
.focus-container ul{
margin-left:46%;
}
/*设置轮播焦点的位置*/
.focus-container{
bottom:2%;
}
/*设置当前图片焦点的颜色*/
.focus-item{
background:#fff;
}

/*设置动画，请根据实际需要修改秒数*/
.slider-item,.focus-item{
animation-duration: 12s;
}
.slider-item1,.focus-item1{
animation-delay: -1s;
}
.slider-item2,.focus-item2{
animation-delay: 3s;
}
.slider-item3,.focus-item3{
animation-delay: 7s;
}


@keyframes fade{
0%{
opacity:0;
z-index:2;
}
8%{
opacity:0;
z-index: 1;
}
33%{
opacity:1;
z-index:1;
}
41%{
opacity:0;
z-index:0;
}
66%{
opacity:0;
z-index:0;
}
74%{
opacity:0;
z-index:1;
}
100%{
opacity:0;
z-index:0;
}
}

/*设置背景，响应式请利用媒体查询根据断点修改路径*/
.slider-item1{
background:url(../images/banner-1.jpg) no-repeat center;
}
.slider-item2{
background:url(../images/banner-2.jpg) no-repeat center;
}
.slider-item3{
background:url(../images/banner-4.jpg) no-repeat center;
}

/*}*/
/*设置图片的高度，请根据具体需要修改百分比，响应式及时修改此值*/
.slider,.slider-item{
padding-bottom:40%;
}



/*=================services==============*/

.servicepart2{
	width: 100%;
	padding-bottom: 44px;
	padding-top:40px;
	background-color: #f7f7f7;
}
.servicepart2 .center{
	box-shadow: 0 -0.1px 20px #f3f3f3;
	width:1200px;
	background-color: #fff;
	margin:0 auto;
	border: 1px solid #e2e2e2;
	border-bottom:none ;
	height:670px;
	margin-bottom:0px
}

.servicepart2 .title{
	height: 88px;
	overflow: hidden;
	margin-left:20px;
	margin-top:20px;
	display: inline-block;
}
.servicepart2 .title h3{
	color:#2985b5;
	font-size: 28px;
	overflow: hidden;
	float: left;
	font-weight: normal;
	line-height: 88px;
	margin-left:20px;
	display: inline-block;
}
.servicepart2 .title p{
	font-size: 18px;
	color: #c2c2c2;
	margin-left: 0px;
	font-weight: normal;
	letter-spacing:10px;
	margin-bottom:-34px;
	margin-left:20px;
	margin-top:20px;
}
.servicepart2 .text{
	font-family: "gill sans ultra bold condensed";
	font-size: 12px;
	color: #666;
	line-height: 28px;
	padding-left: 20px;
	padding-top:20px;
	margin-left:20px;
}

.servicepart2 .center .ser_l{width:720px;float:left;}
.servicepart2 .center .ser_l .leftlist{width:740px;list-style:none;margin-left:50px;margin-top:100px;display:inline-block;}
.servicepart2 .center .ser_l  .leftlist li{float:left;height:160px;display:inline-block;position:relative;width:200px;margin-right:30px;text-align:center;}
.servicepart2 .center .ser_l  .leftlist p{position:relative;height:40px;line-height:20px;margin-top:14px;width:180px;float:left;font-size:14px;color:#666;padding-top:10px;padding-left:0px;}
.servicepart2 .center .ser_l  .leftlist em{display:block;font-size:18px;margin-bottom:8px;font-style:normal;color:#333;height:80px;line-height:80px;}
.servicepart2 .center .ser_r {width:360px;height:630px;position:relative;float:left;padding-left:100px;padding-top:20px;}



/*=================product=================*/
.product{
	width: 100%;
	background-color: #fff;
	padding-bottom: 44px;
	padding-top:40px;
}
.product .center{
	width:1200px;
	background-color: #fff;
	box-shadow: 0 -0.1px 20px #D5D5D5;
	margin:0 auto;

}
.product .center .pro_top{
	padding: 21px 14px 22px 31px;
	overflow: hidden;
}
.product .center .pro_top .pro_l{
	float: left;
	width: 460px;
	height: 360px;
	margin-right:35px;
}
.pro_l .pro_title{
	margin-left:20px;
	margin-top:20px;
	position:relative;
}
.pro_l .pro_title .more{position:absolute;right:-70px;top:25px;}


.pro_l .pro_title h3{
	color:#2985b5;
	font-size: 28px;
	overflow: hidden;
	font-weight: normal;
}
.pro_l  h4{
	color:#333;
	font-size: 20px;
	overflow: hidden;
	margin-left:20px;
	margin-top:10px;
	font-weight: normal;
}
.pro_l .pro_title p{
	font-size: 18px;
	color: #c2c2c2;
	margin-left: 0px;
	font-weight: normal;
	letter-spacing:10px;
	margin-bottom:-10px;
}
.pro_l .pro_title .probtn{
	width: 40px;
	height: 40px;
	background-color: #12a6f7;
	/*background-image: url(../../img/jia.png);*/
	background-repeat: no-repeat;
	background-position: center;
	float: right;
}
.pro_l .pro_text{
	margin-top: 30px;
	display: none;
}
.pro_l .pro_text h3{
	font-size: 22px;
	color: #444444;
	padding-left: 23px;
}
.pro_l .pro_text p{
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #666;
	line-height: 26px;
	padding-left: 23px;
	padding-top:20px;
}
.pro_l .pro_text ul{
	padding-left: 23px;
	margin-top: 5px;
}
.pro_l .pro_text ul li{
	line-height: 32px;
	font-size: 14px;
	color: #666666;
}
.product .center .pro_top .pro_r{
	float: left;
	width: 580px;
	height: 488px;
	margin-left: 80px;
	overflow: hidden;
	position: relative;
}
.product .center .pro_top .pro_r img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	right:16px;
	transition: all 0.6s;
}
.pro_btm{
	width: 1200px;
	padding-bottom:10px;
}
.pro_btm ul{
	overflow: hidden;
}
.pro_btm li:first-child
{ 
    /*margin-left:;*/
}
.pro_btm li{
	width: 290px;
	height: 266px;
	float: left;
	position: relative;
	cursor: pointer;
	border-right:1px solid #5ac1f9;
	box-sizing: border-box;
	margin-left:8px;

}
.pro_btm li img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.pro_btm li span{
	width: 100%;
	height: 100%;
	background-color: #12a6f7;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
}
.pro_btm li p{
	font-size: 20px;
	color: #fff;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 42px;
	z-index: 3;
	width: 100%;
	text-align: center;
}
.pro_btm li i{
	font-style: normal;
	width: 32px;
	height: 32px;
	border: 1px solid #fff;
	/*background: url(../../img/dayu.png) no-repeat center;*/
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 42px;
	z-index: 3;
}




/*=================team==============*/
.teamPart3{
	width: 100%;
	padding-bottom: 44px;
	padding-top:40px;
	background-color:#f7f7f7;
}
.teamPart3 .center{
	
	width:1200px;
	background-color: #fff;
	margin:0 auto;
	border: 1px solid #e2e2e2;
	border-bottom:none ;
}
.teamPart3 .title{
	height: 88px;
	overflow: hidden;
	margin-left:20px;
	margin-top:20px;
	display: inline-block;
}
	

.teamPart3 .title h3{
	color:#2985b5;
	font-weight: normal;
	font-size: 28px;
	overflow: hidden;
	float: left;
	margin-top:0px;
	line-height: 88px;
	margin-left:20px;
	display: inline-block;
	
}
.teamPart3 .title p{
	font-size:18px;
	color: #c2c2c2;
	margin-left: 0px;
	font-weight: normal;
	letter-spacing:10px;
	margin-bottom:-34px;
	margin-left:20px;
	margin-top:20px;
}
.teamPart3 .center .list{width:1200px;list-style:none;margin-left:40px;margin-top:10px;display:inline-block;margin-bottom:30px;}
.teamPart3 .center .list li{float:left;height:266px;display:inline-block;position:relative;width:374px;margin-right:0px;}
.teamPart3 .center .list li em{margin-left:40px;padding-top:40px;font-size:18px;display:inline-block;color:#333}
.teamPart3 .center .list li p{margin-left:40px;padding-top:20px;font-size:14px;display:inline-block;width:300px;color:#666}
.teamPart3 .center .list :hover{background-color:#f9f9f9;}
.teamPart3 .center .list li :hover{color:#1a6eae}



.footer .f_nav { height:50px; line-height:50px;font-size:16px; overflow:hidden;text-align:center;background-color:#1a6eae;width:100%;}
.footer a{ padding:0 27px; color:#fff;line-height:50px; display:inline-block;}