.index-title{ width:100%; text-align:center; height:auto;}
.index-title .tit {font-size: 36px;color: #333; font-weight:bold;text-align: center;margin-bottom: 10px;text-transform:uppercase;  }
.index-title p{font-size: 14px;color: #999;text-align: center;text-transform:uppercase; margin-top:5px;  }


.sy-title{ text-align:center; padding-top:40px;}
.title_txt {font-weight: 600;letter-spacing: 0px;font-size: 36px; text-transform:uppercase;}
.title_hr {height: 1px;background: #fff;border: none;border-top: 1px solid #0061B0;border-bottom: 1px solid #0061B0;margin: 10px auto;width: 60px;}
@media screen and (max-width: 480px) {
.sy-title{ padding-top:30px;}
.title_txt{ font-size:24px;}
}

/*==============服务范围=====================*/
.sy-fwfw{ background:#fff; padding-bottom:50px;}
.products{ width:1200px; margin:0 auto; padding-top:10px; }
.pro_cp{ width:200px; float:left; background:#fff; height:400px;box-shadow:0 0 10px #ddd;}
.pro_cp img{  transition:all 1.5s; width:200px; height:200px; }
.pro_cp:hover img{ transform:scale(1.1);}
.pro_cp:hover { background:#eee;transition:all 0.5s; }

.pic{ overflow:hidden; width:200px; height:200px; background:#fff;}
.pro_wz{ height:200px; }
.pro_wz h2 { padding-left:10px;font-size: 16px; font-weight:bold;line-height: 40px; color:#333; padding-top:10px;}
.pro_wz p{ font-size:13px; color:#666; line-height:20px; padding:0 10px;}


.s_more{  font-size: 13px; color: #0061B0; margin-left:10PX; margin-top:15px;display: block; height: 26px; line-height: 26px; border:1px solid #0061B0;  width: 80px;  border-radius: 3px; text-align: center;}
.s_more:hover{ border-radius: 3px; background: #0061B0; color: #fff; border:1px solid #0061B0;}

/*缓动*/.s_more,.s_more2:hover{ -moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } 



/*==============首页产品推荐=====================*/
#hd{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin:0 auto;
	margin-top:20px;
	}
#hd a.topa{
	display:inline-block;
	color:#666;
	font-size:14px;
	background:#f4f4f4;
	padding:10px 15px;
	position:absolute;
	margin-left:calc(8.3% - 54.92px);
	}
#hd a.topa:hover{
	color:#fff;
	background:#0061B0;
	}
#hd ul{ text-align:center;

	
	}
#hd ul li{
	width:200px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	margin-left:0.5%;
	margin-right:0.5%;margin-bottom:10px;

	}

#hd ul li a{
	display:inline-block;
	color:#666;
	font-size:16px;
	background:#f4f4f4;
	padding:10px 0px;
	width:100%;
	}
#hd ul li a:hover{
	color:#fff;
	background:#0061B0;
	}
#hd ul li.six a{
	color:#fff;
	background:#0061B0;
	}
	
	
	


#bottom{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin-top:30px;
	}
#bottom .product{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	}	
#bottom .product ul{position:relative; }
#bottom .product li{float:left;width:280px; margin:0px 26px 20px 0px; position:relative;text-align:center;overflow:hidden;}
#bottom .product li:nth-of-type(4){ margin-right:0;}
#bottom .product li a{ display:block;}
#bottom .product li:nth-of-type(4){ margin-right:0;}

#bottom .product li .pic_box{  width:278px;  overflow:hidden;border:1px solid #ddd;}
#bottom .product li .pic_box img{ width:100%; display: block;}
#bottom .product li .text_box{ position:absolute;overflow: hidden;  width: 100%; height: 90%; left: 0; top: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E515AF90', endColorstr='#E515AF90');background:rgba(0,97,176,0.6); opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}

#bottom .product li .text_box .box{ position: absolute; right: 10%; top: 60%; width: 80%; display:block; text-align: center; }
#bottom .product li .text_box p{text-align: center; display:block; font-size:18px; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom:15px;}
#bottom .product li .text_box span{font-size:4rem; color:#fff;  display: block; text-align: center; margin-bottom: 1.5rem;}
#bottom .product li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }
#bottom .product li a:hover .text_box .box{  margin-top: -50px; }

#bottom .product li *{ transition: all 0.8s ease-in-out;}

/*缩放*/

.img_size li:hover img,.img_size a:hover img { 

-moz-transform:scale(1.2); 

-o-moz-transform:scale(1.2); 

-o-moz-transform:scale(1.2); 

-webkit-moz-transform:scale(1.2); 

transform:scale(1.2);}

.img_size li img,.img_size a img{ -moz-transition: all 2s ease !important;

-webkit-transition: all 2s ease-in-out !important;

-o-transition: all 2s ease-in-out !important;

-ms-transition: all 2s ease-in-out !important;

transition: all 2s ease-in-out !important; } 

#bottom .product li .con{ float:left; width:100%; box-sizing:border-box;  margin-bottom:0px;}
#bottom .product li .con p{font-size:16px;color:#3e3e3e;padding-top:10px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bottom .product li .con p:hover{ color:#248272; }


	


/*------我们的优势------*/
.advantages{ background:url(../images/advantage_bg.jpg) center top no-repeat; padding:20px 0 60px 0;}
.advantages ul{ margin-top:30px; }
.advantages li{ display:inline-block; margin-right:130px; text-align:center; float:left; width:200px;  }
.advantages li a{ display:block; cursor:default;}
.advantages li .icon_box{ height:130px; margin-bottom:25px;}
.advantages li:hover .icon_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}
.advantages li h1{font-size: 24px;color: #fff; display:block; text-align:center; text-transform:uppercase; padding-bottom:10px;}
.advantages li p{font-size: 14px; line-height:18px; color: #fff; display:block; text-align:center;}
.advantages li:nth-child(1) .icon_box{ background:url(../images/tub1.png) center no-repeat;}
.advantages li:nth-child(1):hover .icon_box{background:url(../images/tub01.png) center no-repeat;}
.advantages li:nth-child(2) .icon_box{ background:url(../images/tub2.png) center no-repeat;}
.advantages li:nth-child(2):hover .icon_box{background:url(../images/tub02.png) center no-repeat;}
.advantages li:nth-child(3) .icon_box{ background:url(../images/tub3.png) center no-repeat;}
.advantages li:nth-child(3):hover .icon_box{background:url(../images/tub03.png) center no-repeat;}
.advantages li:nth-child(4) .icon_box{ background:url(../images/tub4.png) center no-repeat;}
.advantages li:nth-child(4):hover .icon_box{background:url(../images/tub04.png) center no-repeat;}
.advantages li:nth-child(4){ margin:0; float:right;}

/*缓动*/
.advantages *{ -moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; } 


/*------关于我们------*/
.about{ background:#f6f6f6; padding:0px 0 50px 0;}

.about .pic,
.about .text {
  width: 50%;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.about img {
  width: 100%;
  display: block;
}
.about .pic {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
  overflow: hidden;
}
.about .pic img {
  display: none;
}
.about .text {
  float: left;
  background: #0061B0;
  padding: 40px 40px;
  line-height: 24px;
  color: #fff;
}
.about .text .tit {
  font-size: 18px;
  font-weight: bold;
}
.about .text .txt {
  font-size: 14px;
  margin: 20px 80px 0 0;
}





.brand{ padding-bottom:40PX;}
/*合作客户*/
.customer ul{}
.customer li{  float:left; margin-right:11px; margin-bottom:13px; width:160px; text-align:center; border: 1px solid #ddd;}
.customer li:nth-child(7n){ margin-right:0;}
.customer li img{  width:160px; height:90px;}

.customer ul li .imgs{overflow:hidden; }
.customer ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.customer ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


.customer *{ -moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; cursor:pointer;} 
.s_more2 {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
}
.s_more2 {
    text-align: center;
}
.s_more2 a{ display:inline-block;background:url(../images/jt1.png) no-repeat center center #0061B0; line-height:40px; width:40px; height:40px; box-shadow: 0 0 0 1px #0061B0; cursor: pointer; border-radius: 50%;  text-align: center; position: relative; z-index: 1;}
.s_more2 a:hover{background:url(../images/jt1.png) no-repeat center center #000;box-shadow: 0 0 0 1px #000; transition: all .5s ease-in-out !important;}


.fwlc{ background:#f6f6f6; padding-bottom:50px;}
.n_step{ width:1200px; margin:0 auto; margin-top:30px;}
.n_step ul{  overflow:hidden;}
.n_step ul li *{ transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s;}
.n_step ul li{ width:170px; float:left; margin-right:36px;}
.n_step ul li:nth-of-type(6){ margin-right:0;}
.n_step ul li .ico{ width:146px; height:146px; background: url(../images/n_step_ico_bg.png) left top no-repeat; display:table-cell; vertical-align:middle; position:relative;}
.n_step ul li:hover .ico{ background: url(../images/n_step_ico_bg_on.png) left top no-repeat;}
.n_step ul li .ico span{ display:block; text-align:center; margin:0 auto;}
.n_step ul li:nth-child(1) .ico span{ width: 45px; height: 45px; background: url(../images/css_sprites.png) -238px -10px;}
.n_step ul li:nth-child(2) .ico span{ width: 47px; height: 45px; background:url(../images/css_sprites.png) -626px -10px;}
.n_step ul li:nth-child(3) .ico span{ width: 45px; height: 45px; background:url(../images/css_sprites.png) -366px -10px;}
.n_step ul li:nth-child(4) .ico span{ width: 45px; height: 45px; background:url(../images/css_sprites.png) -496px -10px;}
.n_step ul li:nth-child(5) .ico span{ width: 45px; height: 45px; background:url(../images/css_sprites.png) -124px -10px;}
.n_step ul li:nth-child(6) .ico span{ width: 45px; height: 45px; background:url(../images/css_sprites.png) -6px -10px;}
.n_step ul li:nth-child(1):hover .ico span{ background: url(../images/css_sprites.png) -302px -10px;}
.n_step ul li:nth-child(2):hover .ico span{ background: url(../images/css_sprites.png) -693px -10px;}
.n_step ul li:nth-child(3):hover .ico span{ background: url(../images/css_sprites.png) -431px -10px;}
.n_step ul li:nth-child(4):hover .ico span{ background: url(../images/css_sprites.png) -561px -10px;}
.n_step ul li:nth-child(5):hover .ico span{ background: url(../images/css_sprites.png) -181px -10px;}
.n_step ul li:nth-child(6):hover .ico span{ background: url(../images/css_sprites.png) -63px -10px;}
.n_step ul li .ico em{ position:absolute; right:-20px; top:65px; font-family:"Myriad Pro",arial; text-transform:uppercase; color:#999; font-size:14px;}
.n_step ul li:hover em{ color:#0078D7;}
.n_step ul li .txt{ text-align:center; width:146px;}
.n_step ul li h5{ text-align:center; font-size:18px; color:#333; margin-top:15px; margin-bottom:4px;}
.n_step ul li p{ font-size:14px; color:#919191; line-height:22px;}
.n_jm_process .btn{ display:block; width:180px; height:50px; line-height:48px; margin:0 auto; border:1px solid #5a5a5c; border-radius:30px; text-align:center; font-size:16px; color:#fff; font-weight:bold; margin-top:75px; position:relative; z-index:0; overflow:hidden; transition:.3s; -webkit-transition:.3s;}
.n_jm_process .btn:before{	display: block;	position: absolute;	left: 0px;	top: 0px;	height: 0px;	width: 100%;	z-index: -1;	content: '';	color: #000 !important;	background: #90fae8;	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_jm_process .btn:hover:before {	bottom: 0%;	top: auto;	height: 100%;}
.n_jm_process .btn:hover{ color:#222; border:1px solid #90fae8;}
.n_tt{margin-bottom:45px;}
.n_hd_nav{ text-align:center;  margin-bottom:88px;}





/******************banner样式***********************/
.fullSlide {
	width:100%;
	position:relative;
	height:820px;
	background:#000;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	overflow:hidden;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:820px;
	overflow:hidden;
	text-align:center;
	list-style-type: none;
}
.fullSlide .bd li a {
	display:block;
	height:820px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	filter:alpha(opacity=90);
	opacity:0.9;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#0061B0;
}

.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	z-index:1;
	width:60px;
	height:80px;
	background:url(../images/slider-arrow.png) -120px -130px #333 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0%;
	background-position:-0px -130px;
}
/*******banner*************/
/*banner*/

.banner {
	width: 100%;
	height: 820px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
}
.banner .DB_bgSet {
	position: relative;
}
.banner .DB_bgSet li {
	position: absolute;
	width: 100%;
	height: 820px;
	display: none;
}
.banner .DB_imgSet {
	position: absolute;
	max-width: 1920px;
	margin: 0 auto;
}
.banner .DB_imgSet .DB_1_3 {
	position: absolute;
	left:0px;
	top: 0px;
}
.banner .DB_imgSet .DB_2_1 {
	position: absolute;
	left:0;
	top:0;
}
.banner .DB_imgSet .DB_2_3 {
	position: absolute;
	left:0;
	top: 0;
}
.banner .DB_imgSet .DB_3_2 {
	position: absolute;
	left:0;
	top: 0px;
}

.banner .DB_imgSet .DB_4_1{
	position:absolute;
	left:0;
	top:0;
}
.banner .DB_menuWrap {
	position: absolute;
	width: 100%;
	left: 0;
}
.banner .DB_menuWrap .DB_menuSet {
	position: absolute;
	width: 100%;
	top:780px;
	text-align: center;
	font-size: 0;
}
.banner .DB_menuWrap .DB_menuSet li {
	cursor: pointer;
	margin: 0 5px;
	display: inline
}
.banner .DB_prev {
	position: absolute;
	left: 0px;
	top: 257px;
	cursor: pointer;
	display: none
}
.banner .DB_next {
	position: absolute;
	right: 0px;
	top: 257px;
	cursor: pointer;
	display: none
}