@charset "utf-8";
/* CSS Document */
.header_b{
	background: url(../images/bn.jpg) no-repeat center top;
}
.logo{
	float: left;
	margin: 10px auto 13px;
}
.logo img{
	display: block;
}
.nav_menu{
	float: right;
	margin-top: 42px;
}
.nav_menu li{
	float: left;
	width: 106px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 15px;
	margin-left: 5px;
}
.nav_menu li a{
	display: block;
}
.nav_menu li:first-child{
	margin-left: 0;
}
.nav_menu li.cur{
	background: url(../images/07.png) no-repeat center;
}
.nav_menu li:hover{
	background: url(../images/07.png) no-repeat center;
}
.nav_menu li.cur a{
	color: #00a3e9;
}
.nav_menu li:hover a{
	color: #00a3e9;
}

/*内容区域*/
.service_bg{
	background: url(../images/sr.jpg) no-repeat center fixed;
	height: 661px;
	background-size: cover;
}
.public_in{
	text-align: center;
	padding-top: 75px;
	padding-bottom: 80px;
}
.public_in .big{
	font-size: 28px;
	color: #00a5f5;
	font-family: "方正兰亭中黑_GBK"; 
	line-height: 28px;
	margin-bottom: 12px;
}
.public_in .sm{
	text-transform: uppercase;
	color: #888888;
	font-size: 32px;
	font-weight: lighter;
	line-height: 32px;
}
.service_items li{
	float: left;
	margin-right: 63px;
	width: 171px;

}
.service_items li .pic{
	width: 171px;
	height: 171px;
	overflow: hidden;
	border-radius: 50%;
	border: 6px solid #4cc0f6;
	margin-bottom: 17px;
}
.service_items li .pic img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.service_items li .meet{
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	font-family: "方正兰亭中黑_GBK"; 
}
.service_items li p{
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	line-height: 24px;
	padding-bottom: 18px;
}
.service_items li p em{
	position: absolute;
	background: #78c8f2;
	height: 2px;
	width: 25px;
	display: block;
	left: 50%;
	bottom: 0;
	margin-left: -12.5px;
}
.service_items{
	margin-bottom: 79px;
}
.ser_index_more{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #00a5f5 !important;
	border-radius: 17px;
	border: 1px solid #00a5f5;
	width: 106px;
	height: 38px;
	line-height: 38px;
}
.adv_bg{
	background: url(../images/adv2.jpg) no-repeat center;
	height: 615px;
}
.adv_bg .public_in .big{
	color: #fff;
}
.adv_bg .public_in .sm{
	color: #fff;
}
.adv_cir{
	width: 588px;
	margin: 0 auto;
}
.adv_cir li{
	float: left;
	width: 79px;
	height: 79px;
	color: #fff;
	margin-right: 68px;
	font-size: 16px;
	text-align: center;
	background: url(../images/circle.png) no-repeat;
	padding-top: 15px;
	line-height: 20px;
}
.adv_cir li:first-child+li+li+li{
	margin-right: 0;
}
.adv_cir li span{
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}
.adv_bg .public_in{
	padding: 68px 0 34px;
}
.case_bg{
	background: url(../images/case_bg.jpg) no-repeat center fixed;
	height: 783px;
	background-size: cover;
}
.case_bg .public_in{
	padding: 76px 0 42px;
}
.index_Case li{
	float: left;
	width: 256px;
	margin-right: 29px;
}
.index_Case li .item{
	margin-bottom: 40px;
	width: 256px;
	height: 188px;
	position: relative;
	overflow: hidden;
}

.index_Case li .item img{
	display: block;
	width: 100%;
}
.index_Case li .item .title{
	width: 100%;
	color: #fff;
	background: #30b3f3;
	line-height: 38px;
	height: 38px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;
	opacity: 1;
}
.index_Case li .item .more{
	position: absolute;
	width: 40px;
	height: 16px;
	bottom: 38px;
	left: 50%;
	margin-left: -20px;
	background: url(../images/jia.png) no-repeat center;
	-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;
	opacity: 1;
}
.index_Case li .item:hover .more{
	opacity: 0;
}
.index_Case li .item img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.index_Case li .item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_index_more{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #00a5f5 !important;
	border-radius: 17px;
	border: 1px solid #00a5f5;
	width: 106px;
	height: 38px;
	line-height: 38px;
}
.case_index_more:hover{
	color: #fff!important;
	background:#00a5f5;
}
.ser_index_more:hover{
	color: #fff!important;
	background:#00a5f5;
}
.pro_index_more:hover{
	color: #00a5f5 !important;
	border: 1px solid #00a5f5;
}
.index_Case li .item:hover .title{
	opacity:0;
}
.index_Case li .item .woryan{ width:100%; height:100%; display:block; position:absolute; z-index:99; left:0; top:-34px; background: url(../images/nal_yan.png) center top no-repeat; text-align: center;}
.index_Case li .item .woryan{	
	transition: -o-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -ms-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -webkit-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -moz-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
    transition: transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
	-ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);  opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.index_Case li .item .woryan i{ display:block;top:62%; position:relative; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); }
.index_Case li .item .woryan i em{ display:inline-block; width: 50px; height: 65px; background-image:url(../images/go.png); transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7); -moz-transform:scale(0.7,0.7); -o-transform:scale(0.7,0.7);}
.index_Case li .item .woryan i em{ -ms-animation: sprite-animate-go 1.7s steps(51)infinite; animation: sprite-animate-go 1.7s steps(51)infinite; -o-animation: sprite-animate-go 1.7s steps(51)infinite; -moz-animation: sprite-animate-go 1.7s steps(51)infinite; -webkit-animation: sprite-animate-go 1.7s steps(51)infinite; }

@-webkit-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-moz-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-o-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
.index_Case li .item:hover .woryan{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }
.index_Case li .item a:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 3;
	background: url(../images/nal_hua.png) repeat; top:-100%;
	/*background: #000;*/
	transition: opacity 0.35s;
    -webkit-transition: opacity 0.35s;
	 opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);
}
.index_Case li .item:hover a:before{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}


.index_Case{
	margin-bottom: 25px;
	height: 456px;
	overflow: hidden;
}
.outter2{
	width: 1110px;
	margin: 0 auto;
}
.index_Case_lunbo{
	width: 1110px;
	position: relative;
}
.index_Case_lunbo .prev{
	position: absolute;
	left: -75px;
	top: 170px;
	width: 40px;
	height: 60px;
	cursor: pointer;
	background: url(../images/pre.png) no-repeat center;
}
.index_Case_lunbo .next{
	position: absolute;
	right: -75px;
	top: 170px;
	width: 40px;
	height: 60px;
	cursor: pointer;
	background: url(../images/next.png) no-repeat center;
}
.pro_bg{
	background: url(../images/pro_b.jpg) no-repeat center fixed;
	height: 638px;
	background-size: cover;
}
.picScroll_left .bd li{
	float: left;
	width: 265px;
	height: 243px;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	margin-right: 16px;
}
.picScroll_left .bd li .pic{
	width: 265px;
	height: 188px;
	overflow: hidden;
	position: relative;
}
.picScroll_left .bd li .pic img{
	display: block;
	width: 100%;
}
.picScroll_left .bd li .title{
	background: #fff;
	height: 55px;
	text-align: center;
	color: #414141;
	line-height: 18px;
	padding-top: 10px;
}
.picScroll_left .bd li .pic img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.picScroll_left .bd li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro_bg .public_in{
	padding-top: 65px;
}
.pro_bg .public_in .big{
	color: #fff;
}
.pro_bg .public_in .sm{
	color: #fff;
}
.picScroll_left .bd li:hover .title{
	/*background: #00a5f5;*/
	color: #00a5f5;
}
.picScroll_left{
	position: relative;
}
.picScroll_left .prev{
	position: absolute;
	left: -93px;
	top: 86px;
	width: 53px;
	height: 57px;
	cursor: pointer;
	background: url(../images/pro5.png) no-repeat center;
}
.picScroll_left .next{
	position: absolute;
	right: -93px;
	top: 86px;
	width: 53px;
	height: 57px;
	cursor: pointer;
	background: url(../images/pro6.png) no-repeat center;
}
.picScroll_left{
	margin-bottom: 85px;
}
.pro_index_more{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #fff !important;
	border-radius: 17px;
	border: 1px solid #fff;
	width: 106px;
	height: 38px;
	line-height: 38px;
}
.news_bg{
	background: url(../images/nbg.jpg) no-repeat center fixed;
	height: 816px;
	background-size: cover;
}
.foot_bg{
	background: url(../images/bg_f.jpg) no-repeat center;
	height: 415px;
	padding-top: 55px;
}
.ft_bq{
	background: #313131;
	margin-top:70px;
}
.ft_bq p{
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 38px;
	height: 38px;
	opacity: .8;
}
.ft_logo img{
	display: block;
	margin: 0 auto;
}
.ft_nav li a{
	display: block;
	color: #bdbdbd;
}
.ft_nav li{
	float: left;
	margin-right: 90px;
	font-size: 15px;
	line-height: 16px;
}
.ft_nav li:first-child+li+li+li+li+li+li+li{
	margin-right: 0;
}
.ft_nav {
	margin: 50px auto 45px;
}
.ft_icons li{
	float: left;
	padding-left: 65px;
	line-height: 46px;
	color: #d9d9d9;
	font-size: 15px;
}
.ft_icons li:first-child{
	margin-left: 72px;
	width: 330px;
	background: url(../images/f1.png) no-repeat left center;
}
.ft_icons li:first-child+li{
	width: 340px;
	background: url(../images/f2.png) no-repeat left center;
}
.ft_icons li:first-child+li+li{
	line-height:26px;
	width: 360px;
	background: url(../images/f3.png) no-repeat left top;
}
.ft_icons{
	margin-bottom: 50px;
}
.link_a a{
	display: inline-block;
	color: #d9d9d9;
}
.link_a{
	color: #d9d9d9;
	text-align: center;
	line-height: 14px;
}
.news_bg .public_in{
	padding: 50px 0 80px;
}
.news-index{
	height: 510px;
	width: 1110px;
	position: relative;
}
.middle-line{
	width: 1px;
	height: 501px;
	background: #d2d2d2;
	/*background: #000;*/
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	top:9px;
}
/* create an arrow that points up */
div.arrow-up {
  width:0px; 
  height:0px; 
  border-left:5px solid transparent;  /* left arrow slant */
  border-right:5px solid transparent; /* right arrow slant */
  border-bottom:9px solid #17a3e8; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  margin: 0 auto;
}



/* create an arrow that points right */
.news_items li div.arrow-right {
	float: left;
  width:0px; 
  height:0px; 
  border-bottom:14px solid transparent;  /* left arrow slant */
  border-top:14px solid transparent; /* right arrow slant */
  border-left:17px solid #959595; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  margin-top: 72.5px;
}

.news_items li:first-child+li div.arrow-right {
  width:0px; 
  height:0px; 
  border-bottom:14px solid transparent;  /* left arrow slant */
  border-top:14px solid transparent; /* right arrow slant */
  border-right:17px solid #959595; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  margin-top: 72.5px;
  border-left:none;
}

.news_items{
	margin-top: 6px;
	position: relative;
	width: 1110px;
	height: 426px;
}
.news_items li{
	width: 577px;
	height: 173px;
	position: absolute;
}
.news_items li:first-child{
	left: 0;
	top:0;
}
.news_items li:first-child+li{
	right: 0;
	top:126px;
}
.news_items li:first-child+li+li{
	left: 0;
	bottom:0;
}
.news_items li .rectan{
	width: 494px;
	height: 173px;
	float: left;
	background: #959595;
	padding-left: 19px;
	padding-top: 20px;
	padding-bottom: 19px;
}
.news_items li .rectan .pic{
	float: left;
	width: 194px;
	height: 134px;
	overflow: hidden;
	border: 1px solid #bebebe;
	margin-right: 20px;
}
.news_items li .rectan .pic img{
	display: block;
	width: 100%;
}
.news_items li .rectan .info_r{
	float: left;
	width: 198px;
}
.news_items li .rectan .info_r .info{
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-align: justify;
	height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
}
.news_items li .rectan .info_r p{
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	text-align: justify;
	height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
}
.news_items li .rectan .info_r .date{
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
}
.news_items li .rectan .pic img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.news_items li:hover .rectan .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



.news_items li:first-child+li .rectan{
	float: right;
}
.news_items li:hover .rectan{
	background: #17a3e8;
}
.news_items li .num{
	width: 45px;
	height: 45px;
	float: right;
	margin-top: 64px;
	background: #c9c9c9;
	color: #fff;
	border-radius: 50%;
	font-size: 22px;
	text-align: center;
	line-height: 45px;
}
.news_items li:hover .num{
	background: #17a3e8;
}
.news_items li:first-child+li .num{
	float: left;
}
.news_items li:first-child+li div.arrow-right{
	float: right;
}
.news_items li:first-child+li:hover .arrow-right{
	border-right:17px solid #17a3e8;
}
.news_items li:hover .arrow-right{
	border-left:17px solid #17a3e8;
}

.adv_lunbo{
	width: 1110px;
	position: relative;
	margin-top: 50px;
}
.adv_lunbo .bd li{
	float: left;
	width: 100%;
	position: relative;
}
.adv_lunbo .bd li .con_l{
	float: left;
	width: 373px;
}
.adv_lunbo .bd li .con_r{
	float: right;
	width: 373px;
}
.adv_lunbo .bd li .pic{
	width: 364px;
	float: left;
}
.adv_lunbo .bd li .pic img{
	display: block;
	margin: 0 auto;
}
.adv_lunbo .bd li .con_l .da{
	color: #fff;
	font-size: 24px;
	text-align: right;
	line-height: 20px;
	position: relative;
	height: 20px;
	padding-left: 24px;
	margin-bottom: 10px;
}
.adv_lunbo .bd li .con_l .da em{
	position: absolute;
	right: 76px;
	top:7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
}
.adv_lunbo .bd li .con_l .nr{
	font-size: 16px;
	color: #00ccff;
	line-height: 20px;
	text-align: right;
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 22px;
}
.adv_lunbo .bd li .con_l .nr em{
	position: absolute;
	right: 0px;
	bottom:0px;
	width: 25px;
	height: 2px;
	background: #00ccff;
}
.adv_lunbo .bd li .con_l p{
	line-height: 20px;
	color: #fff;
	text-align: right;
	padding-left: 15px;
}

.adv_lunbo .bd li .con_r .da{
	color: #fff;
	font-size: 24px;
	text-align: left;
	line-height: 20px;
	position: relative;
	height: 20px;
	margin-bottom: 10px;
}
.adv_lunbo .bd li .con_r .da em{
	position: absolute;
	left: 76px;
	top:7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
}
.adv_lunbo .bd li .con_r .nr{
	font-size: 16px;
	color: #00ccff;
	line-height: 20px;
	text-align: left;
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 22px;
}
.adv_lunbo .bd li .con_r .nr em{
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 25px;
	height: 2px;
	background: #00ccff;
}
.adv_lunbo .bd li .con_r p{
	line-height: 20px;
	color: #fff;
	text-align: left;
	padding-right: 15px;
}
.adv_lunbo .next{
	background: url(../images/re.png) no-repeat;
	width: 89px;
	height: 31px;
	cursor: pointer;
	position: absolute;
	right: 283px;
	top:210px;
}
.adv_lunbo .prev{
	background: url(../images/le.png) no-repeat;
	width: 89px;
	height: 31px;
	cursor: pointer;
	position: absolute;
	left: 283px;
	top:210px;
}
.adv_lunbo .bd li .con_l .circle{
	width: 42px;
	float: right;
	margin-top: 15px;
}
.adv_lunbo .bd li .con_l .circle span{
	display: inline-block;
	margin-left: 11px;
}
.adv_lunbo .bd li .con_l .circle span img{
	display: block;
}
.adv_lunbo .bd li .con_l .circle span:first-child{
	margin-left: 0;
}

.adv_lunbo .bd li .con_r .circle{
	width: 42px;
	float: left;
	margin-top: 15px;
}
.adv_lunbo .bd li .con_r .circle span{
	display: inline-block;
	margin-left: 11px;
}
.adv_lunbo .bd li .con_r .circle span img{
	display: block;
}
.adv_lunbo .bd li .con_r .circle span:first-child{
	margin-left: 0;
}

/*产品中心*/
.page_nav .title{
	float: left;
	font-family: "方正兰亭中黑_GBK";    
	font-size: 20px;
	color: #333;
	text-transform: uppercase;
	line-height: 110px;
}
.page_nav .current{
	float: right;
	line-height: 110px;
}
.page_nav .current a:hover{
	color: #00a3e9;
}
.pro_nav li{
	float: left;
	width: 110px;
	height: 55px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #bfbfbf;
	cursor: pointer;
}
.pro_nav li img{
	display: block;
	width: 100%;
}
.pro_nav {
	margin-bottom: 35px;
}
.pro_nav li.cur_pro{
	border: 1px solid #35a0d9;
}
.pro_nav li:hover{
	border: 1px solid #35a0d9;
}
.product-list li{
	float: left;
	width: 251px;
	height: 217px;
	border: 1px solid #eee;
	position: relative;
	overflow: hidden;
	margin-right: 35px;
	margin-bottom: 50px;
}
.product-list li img{
	display: block;
	width: 100%;
}
.product-list li .title{
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 24px;
	padding-bottom: 15px;
	z-index: 88;
}
.product-list li:hover .title{
	color: #fff;
}
.product-list li .bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=0);
	background:rgba(53, 160, 217, 0);
	background:rgba(0, 0, 0, 0);
	opacity: 0;
	z-index: 8;
	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s ;-ms-transition:all .5s ;transition:all .5s ;
}
.product-list li:hover .bg{
	filter:alpha(opacity=80);
	background:rgba(53, 160, 217, 0.8);
	background:rgba(0, 0, 0, 0.8);
	opacity: .8;
}
.product-list{
	margin-bottom: 50px;
}

/*工程案例*/
.case_nav li a{
	display: block;
}
.case_nav li{
	float: left;
	width: 222px;
	border-right: 1px solid #fff;
	background: #f4f4f4;
	text-align: center;
	line-height: 50px;
	height: 50px;
	font-size: 15px;
}
.case_nav li:first-child+li+li+li+li{
	border-right:none;
}
.case_nav {
	margin-bottom: 41px;
}
.case_nav li.cur_case{
	background: #0069b1;
}
.case_nav li.cur_case a{
	color: #fff;
}
.case_nav li:hover{
	background: #0069b1;
}
.case_nav li:hover a{
	color: #fff;
}
.case-list li{
	float: left;
	margin-right: 45px;
	margin-bottom: 45px;
	width: 340px;
	height: 264px;
	position: relative;
	overflow: hidden;
}
.case-list li img{
	display: block;
	width: 100%;
}
.case-list li .bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	filter:alpha(opacity=80);
	background:rgba(0, 0, 0, 0.8);
	z-index: 8;
	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s ;-ms-transition:all .5s ;transition:all .5s ;
}
.case-list li .title{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	z-index: 18;
	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s ;-ms-transition:all .5s ;transition:all .5s ;
}
.case-list li:hover .bg{
	height: 100%;
	filter:alpha(opacity=85);
	background:rgba(0, 105, 177, 0.85);
}
.case-list li:hover .title{
	bottom: 40%;
	/*font-size: 16px;*/
}
.case-list{
	margin-bottom: 20px;
}
.case_page_more{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 46px;
	height: 46px;
	background: #f3f4f5;
	margin-bottom: 80px;
}
.core-list li{
	float: left;
	width: 200px;
	height: 100px;
	border: 1px solid #bfbfbf;
	margin-right: 27px;
	margin-bottom: 32px;
	overflow: hidden;
}
.core-list li img{
	display: block;
	width: 100%;
}
.core-list{
	margin-bottom: 100px;
}
.profile-list p{
	line-height: 28px;
	text-align: justify;
	margin-bottom: 30px;
}
.profile-list .title{
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 25px;
	font-size: 16px;
}
.profile-list {
	margin-bottom: 90px;
}
.honor_list li img{
	display: block;
}
.honor_list li {
	margin-bottom: 35px;
	float: left;
	margin-right: 22px;
	border: 1px solid #cccccc;
	box-shadow:
    0px 0 10px #cccccc, /*右边阴影*/  
    0 10px 10px #cccccc; /*底边阴影*/      
}
.adver-list li{
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.adver-list li .pic{
	float: left;
	width: 322px;
	height: 215px;
	overflow: hidden;
	position: relative;
}
.adver-list li .pic img{
	display: block;
	width: 100%;
}
.adver-list li .pic em{*display:none;position:absolute;left:-322px;top:0;width:322px;height:215px;background-image:linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);-moz-transition:0s;-o-transition:0s;-webkit-transition:0s;transition:0s;cursor:pointer;}
.adver-list li:hover .pic em{left:322px;transition:.7s;-moz-transition:.7s;-o-transition:.7s;-webkit-transition:.7s;}
.adver-list li .info{
	float: right;
	width: 770px;
}
.adver-list li .info .title{
	font-size: 18px;
	font-weight: bold;
	color: #0069b1;
	line-height: 24px;
	margin: 8px auto 15px;
}
.adver-list li .info p{
	line-height: 24px;
	text-align: justify;
}
.adver-list{
	margin-bottom: 90px;
}

/*经营项目*/
.project-list li{
	float: left;
	width: 100%;
	margin-bottom: 45px;
}
.project-list li .pic{
	float: left;
	width: 406px;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin-right: 35px;
}
.project-list li .pic img{
	display: block;
	width: 100%;
}
.project-list li .pic em{*display:none;position:absolute;left:-406px;top:0;width:406px;height:300px;background-image:linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);-moz-transition:0s;-o-transition:0s;-webkit-transition:0s;transition:0s;cursor:pointer;}
.project-list li:hover .pic em{left:406px;transition:.7s;-moz-transition:.7s;-o-transition:.7s;-webkit-transition:.7s;}
.project-list li .info{
	float: left;
	width: 630px;
}
.project-list li .info .title{
	font-size: 18px;
	font-weight: bold;
	color: #0069b1;
	line-height: 24px;
	margin: 25px auto 15px;
}
.project-list li .info p{
	line-height: 27px;
	text-align: justify;
	font-size: 16px;
	height: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
}
.project-list{
	margin-bottom: 40px;
}
.project-list .incon a{
	display: block;
	width: 97px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	float: left;
}
.project-list .incon a.more{
	color: #999;
	border: 1px solid #999;
}
.project-list .incon a.zixun{
	color: #fff;
	background: #0069b1;
	margin-left: 26px;
}
.project-list .incon{
	margin-top: 30px;
	width: 220px;
	float: right;
}
/*新闻资讯*/
.new_nav li{
	width: 50%;
}
.news-items li{
    float: left;
    width: 50%;
    background: #f0f3f6;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    border-right: 1px solid #fff;
}
.news-items li.news_c{
    background: #cc0000;
}
.news-items li.news_c a{
    color: #fff;
}
.news-items li:hover{
    background: #cc0000;
}
.news-items li:hover a{
    color: #fff;
}
.news-items{
    margin-bottom: 37px;
}
.news-items li a{
    display: block;
}
.news-list li{
    float: left;
    width: 337px;
    margin-right: 49px;
    margin-bottom: 40px;
}
.news-list li .pic{
    width: 337px;
    height: 150px;
    overflow: hidden;
}
.news-list li .pic img{
    display: block;
    width: 100%;
}
.news-list li img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.news-list li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news-list li .all{
	background: #f3f4f5;
	width: 100%;
	padding-left: 26px;
	padding-right: 20px;
}
.news-list li .all .date{
    font-size: 16px;
    line-height: 50px;
    float: left;
}
.news-list li .all .jiantou{
	background: url(../images/jiantou.png) no-repeat right center; 
	float: right;
	width: 19px;
	height: 50px;
}
.news-list li .info{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 20px 26px;
}
.news-list li .info .ty{
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
}
.news-list li .info p{
    line-height: 24px;
    text-align: justify;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
}
.news-list li:hover .info .ty{
    color: #0069b1;
}
.news-list2 li{
    float: left;
    width: 100%;
    margin-bottom: 48px;
}
.news-list2 li .pic{
    float: left;
    width: 229px;
    height: 151px;
    overflow: hidden;
}
.news-list2 li .pic img{
    display: block;
    width: 100%;
}
.news-list2 li img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.news-list2 li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news-list2 li .info{
    float: right;
    width: 850px;
}
.news-list2 li .info .info2{
    float: left;
    font-size: 18px;
    display: block;
    line-height: 24px;
}
.news-list2 li .info .date{
    float: right;
    font-size: 18px;
    line-height: 24px;
}
.news-list2 li .info .tit{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 8px;
}
.news-list2 li:hover .info .info2{
    color: #0069b1;
}
.news-list2 li .info p{
    line-height: 24px;
    text-align: justify;
}
.news-list2 li .info .more1{
    display: block;
    border: 1px solid #eee;
    border-radius: 17px;
    font-size: 12px;
    text-align: center;
    width: 68px;
    height: 26px;
    line-height: 26px;
    color: #999!important;
    margin-top: 25px;
    float: right;
}
.news-list2 li .info .more1:hover{
    background: #0069b1;
    color: #fff!important;
    border: 1px solid #0069b1;
}

/*联系我们*/
.add_us{
    font-family: "方正兰亭中黑_GBK";
    font-size: 20px;
    color: #000;
    line-height: 28px;
    margin-bottom: 30px;
}
.add_us font{
    text-transform: uppercase;
}
.add_list .title1{margin-top:10px;padding-bottom:15px;}
.add_all{margin-bottom:80px;}
.add_list{cursor:pointer;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.add_all .add_cur h4{color:#666;font-weight:normal;}
.add_all .add_list .more .pic1{display:none;}
.add_all .add_cur .more .pic1{display:block;}
.add_all .add_cur  .more .pic2{display:none;}
.add_all .more .pic2{display:block;margin-top:0px;}
.add_all .add_cur .more{margin-top:25.5px;}
.contact1 p{color:#999;letter-spacing:1px;line-height:32px;}
.last h4{line-height:53px;color:#666;font-size:16px;letter-spacing:1px;float:left;font-weight:normal;text-indent:20px;}
.contact1{margin-bottom:120px;}
.add_list .last{border-top:1px solid #ccc;}
.last .more{display:block;float:right;margin-right:21px;margin-top:21px;}
.add_list .title1 p{color:#999;letter-spacing:1px;line-height:28px;font-weight:normal;text-align:left;font-size:14px;}
.add_list .title1 .title01{font-weight:normal;line-height:28px;text-align:left;padding:5px 0 5px;font-size:14px;color:#666;font-weight: bold;}
.add_list .title1 .title02{font-weight:bold;line-height:32px;text-align:left;padding:15px 0 5px}
.add_list .title1{padding-bottom:30px;padding-left:20px;display:none;}
.add_list .title1 .xinzi{color:#999;font-size:14px;line-height:28px;letter-spacing:1px;padding:15px 0 5px;}
.add_cur .last {border-bottom:1px solid #ccc;}
.title_hr{font-size:22px;color:#036eb8;letter-spacing:1px;line-height:48px;margin-top:40px;}
.title_hr font{font-size:20px;text-transform:uppercase;}
.add_list .last{background:#efefef;}
.add_list .last.add_bjs h4{color:#0069b1;}


.contact-list li{
    float: left;
    border: 1px solid #dcdcdc;
    width: 242px;
    height: 171px;
    margin-right: 47px;
    padding-top: 40px;
}
.contact-list li img{
    display: block;
    margin: 0 auto 20px;
}
.contact-list li:first-child+li img{
    margin: 5px auto 25px;
}
.contact-list li p{
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    padding: 0 20px;
}
.contact-list li:first-child p{
	padding: 0 10px;
}
.contact-list{
    margin-bottom: 46px;
}
.vxin img{
    display: block;
    margin: 0 auto;
}
.vxin p{
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
}
.map{
    margin-top: 45px;
}
.culture-list li{
	float: left;
	width: 250px;
	margin-right: 37px;
}
.culture-list li .pic{
	position: relative;
	width: 250px;
	height: 330px;
	overflow: hidden;
}
.culture-list li .pic img{
	display: block;
	width: 100%;
}
.culture-list li .pic em{*display:none;position:absolute;left:-250px;top:0;width:250px;height:330px;background-image:linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);-moz-transition:0s;-o-transition:0s;-webkit-transition:0s;transition:0s;cursor:pointer;}
.culture-list li:hover .pic em{left:250px;transition:.7s;-moz-transition:.7s;-o-transition:.7s;-webkit-transition:.7s;}
.culture-list li .title{
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin: 15px auto 5px;
}
.culture-list li .title span{
	display: inline-block;
	text-transform: uppercase;
	font-weight: normal;
}
.culture-list li p{
	line-height: 30px;
	text-align: justify;
}
.culture-list{
	margin-bottom: 100px;
}

/*新闻详情*/
.news_infos .title{
    color: #333;
    font-size: 18px;
    line-height: 24px;
    padding-top: 60px;
    text-align: center;
    font-weight: bold;
}
.news_infos .admin{
    font-size: 12px;
    line-height: 24px;
    padding: 15px 0;
    text-align: center;
}
.news_infos p{
    line-height: 24px;
    text-indent: 30px;
    text-align: justify;
}
.news_page a{
    display: block;
    border: 1px solid #ccc;
    color: #333;
    width: 62px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    float: left;
    font-size: 12px;
}
.news_page span{
    display: inline-block;
    background: url("../images/ff.png") no-repeat center;
    border: 1px solid #ccc;
    width: 32px;
    height: 27px;
    margin: 0 10px;
    float: left;
}
.news_page{
    width: 176px;
    margin: 50px auto 80px;
}
.news_page a:hover{
    color: #0069b1;
    border: 1px solid #0069b1;
}
.news_infos img{
    display: block;
    margin: 15px auto;
}
.news_infos{
    overflow: hidden;
}

/*产品中心详情*/
.case_right{
	width: 1110px;
}
.pro_info_img .pic{
	float: left;;
	border: 1px solid #ccc;
	width: 249px;
	height: 215px;
	margin-right: 25px;
}
.pro_info_img .pic img{
	display: block;
	width: 100%;
}
.pro_info_img .con{
	width: 540px;
	float: left;
	height: 215px;
	position: relative;
}
.pro_info_img .con .title{
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	padding-top: 10px;
	margin-bottom: 15px;
}
.pro_info_img {
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1px;
}
.pro_info_img .con p{
	line-height: 24px;
	text-align: justify;
}
.pro_info_img .con .online{
	position: absolute;
	left: 0;
	bottom: 25px;
	display: block;
	background: #0069b1;
	color: #fff;
	text-align: center;
	width: 130px;
	line-height: 42px;
	height: 42px;
	font-size: 16px;
	border-radius: 8px;
}
.pro_info_f{
	padding-top: 25px;
	border-top: 1px solid #ccc;
}
.pro_info_f p{
	line-height: 24px;
	text-align: justify;
	margin-bottom: 10px;
}
.case_right{
	margin-bottom: 100px;
}

/*分页样式*/
.page_info{text-align:center;margin-top:0px;color:#333;padding: 0px 0;margin-bottom: 60px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:0px;margin-bottom: 60px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

.add_all .last.add_cur2 h4{color:#036eb8;font-weight:normal;}
.add_list{
	margin-bottom: 30px;
}