

/**************************关键词**************************/
.ksbg{
	width:100%;height:80px; background:#f7f7f7;}
.keysea{width:100%;max-width:1200px;overflow:hidden;margin:0 auto;}
.keyword{float:left;width:68%;height:80px;}
.keyword p{
	font-size:14px;
	color:#666;
	line-height:80px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	}
.keyword p a{
	padding:0px 10px;
	color:#666;
	}
.keyword p a:hover{
	color:#016fc5;
	text-decoration:underline;
	}
.search{
	float:right;
	width:340px;
	height:40px;
	background:#fff;
	border-radius:30px;
	margin-top:20px;
	}
.search p{ color:#999;}	
.search p input[type="text"]{
	width:265px;
	height:40px;
	color:#b0b0b1;
	border:none;
	text-indent:1em;
	outline:none;
	background:none;
	}
.search p input[type="submit"]{
	float:right;
	outline:none;
	border:none;
	cursor:pointer;
	width:36px;
	height:36px;
	border-radius:30px;
	margin-top: 2px;
    margin-right: 4px;
	background:url(../images/search.png) center center no-repeat #016fc5;
}


.sy_title{ padding-top:60px; }
.sy_title .tit{ font-size:36px; font-weight:bold; color:#333;text-align:center;}
.sy_title p{ font-size:24px; color:#016fc5; font-weight:bold;text-align:center; margin-left:-20px; margin-top:5px;}


/*=================八大专项服务=================*/
.zxfw ul{ width:1204px; margin-top:40px;}
.zxfw ul li{ width:300px; float:left; border-right:1px solid #ebecee; border-bottom:1px solid #ebecee; height:200px; text-align:center; box-sizing:border-box; padding:30px 20px;}
.zxfw ul li img{transition:all ease-in-out 500ms;  -webkit-transition:all ease-in-out 500ms;}
.zxfw ul li p{ text-align:center; font-size:16px; font-weight:550; color:#303131; margin-top:15px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}
.zxfw ul li:hover img{ margin-top:-5px;  transform:rotateY(180deg) scale(0.8);}
.zxfw ul li:hover p{ margin-top:5px; color:#016fc5; font-size:15px; font-weight:bold;}
.zxfw ul li:nth-of-type(4){ border-right: none;}
.zxfw ul li:nth-of-type(5){ border-bottom: none;}
.zxfw ul li:nth-of-type(6){ border-bottom: none;}
.zxfw ul li:nth-of-type(7){ border-bottom: none;}
.zxfw ul li:nth-of-type(8){ border-bottom: none;border-right: none;}



/*title*/
.index-title { overflow:hidden; width:100%; margin-bottom:40px;}
.index-title p{ text-align:center; font-weight:bold; font-size:36px; color:#333}
.index-title em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; font-style:normal; margin-bottom:10px; text-transform:uppercase}
.index-title i{ display:block; margin:0 auto; width:50px; height:2px; background-color:#016fc5;}



/*首页作品展示*/
.index_products{ background:#f7f7f7; margin-top:60px; padding-top:60px; padding-bottom:60px;}
.yewu .hd{ width:270px; float:left;}
.yewu .hd ul li{ height:107px; background:#999; margin-bottom:8px; cursor:pointer; box-sizing:border-box; padding:0 40px; position:relative;}
.yewu .hd ul li p{ font-size:16px; color:#fff; text-align:center; font-size:16px; padding-top:30px; padding-bottom:6px;}
.yewu .hd ul li span{ font-size:12px; color:#fff; display:block; text-align:center; text-transform:uppercase;}
.yewu .hd ul li .txt2{opacity:0;-moz-opacity:0;-khtml-opacity: 0;filter:alpha(opacity=0);right:76px;}
.yewu .hd ul li .txt2 p{ text-align:right;}
.yewu .hd ul li .txt2 span{ text-align:right;}
.yewu .hd ul li b{width:61px; height:6px;position:absolute; top:55px; left:45px; display:block; overflow:hidden;}
.yewu .hd ul li i{ width:61px; height:6px; display:block; background:url(../images/jiantou.png) center no-repeat; transform:translateX(-61px);}
.yewu .hd ul li.on{ background:#016fc5;}
.yewu .hd ul li.on .txt1{ opacity:0;-moz-opacity:0;-khtml-opacity: 0;filter:alpha(opacity=0);}
.yewu .hd ul li.on .txt2{  opacity:1;-moz-opacity:1;-khtml-opacity: 1;filter:alpha(opacity=100); position:absolute; top:0; right:46px;}
.yewu .hd ul li.on i{ transform:translateX(0);}
.yewu .bd{ width:930px; float:right;}
.yewu .bd ul li{ width:456px; height:298px; float:left; margin-left:9px; margin-bottom:8px; position:relative; }
.yewu .bd ul li img{ width:100%; height:100%; }

.img img,.tst_5,.fangyuan .bd li,.yewu .hd ul li,.yewu .hd ul li p,.yewu .hd ul li span,.yewu .hd ul li i,.yewu .bd ul li .txt,.yewu .bd ul li .txt h5,.yewu .hd ul li .txt2
{ transition:all ease 500ms; -moz-transition:all ease 500ms; -ms-transition:all ease 500ms; -o-transition:all ease 500ms; -webkit-transition:all ease 500ms; }

.pro_text{ display: inline-block; position: relative; overflow: hidden;}
<!--.pro_text:nth-child(1),.index_liny .index_liny_body .liny_body_xun:nth-child(2),.index_liny .index_liny_body .liny_body_xun:nth-child(3){ margin-bottom: 38px;}-->
.pro_text:nth-child(3n){ margin-right: 0px;}
.pro_text .pro_text_img{ position: relative; overflow: hidden;}
.pro_text .pro_text_img .pro_text_title{ position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 46px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.5);transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; font-weight:bold; font-size:18px;}
.pro_text:hover .tra{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;
	
}
.pro_text .pro_text_more{ position: absolute; top: 0; color: #fff; background: rgba(0,0,0,0.5); height: 100%; padding: 50px 50px; left: -372px; width: 372px; opacity: 0;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
.pro_text .pro_text_more dd{ font-size: 18px; font-weight:bold;}
.pro_text .pro_text_more p{ font-size: 14px; line-height: 26px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; margin: 20px 0px;}
.pro_text .pro_text_more dt{ font-size: 13px; line-height: 35px; padding: 0px 20px; border: 1px solid #fff; width: 60px;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
pro_text .pro_text_more dt:hover{ background: #fff; color: #333;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
.pro_text .pro_text_more dt .fa-angle-right{ padding-left: 10px;}
.pro_text:hover .pro_text_more{ left: 0; opacity: 1;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
.pro_text:hover .pro_text_title{ opacity: 0;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}




/*=================关于我们=================*/
.about{ padding: 60px 0;}
.about_wz{ width:680px; float:left;}
.about_wz p{ font-size:15px; color:#666; line-height:24px; padding-bottom:20px;}
.link_box{ margin-top:30px;}
.link_box li{ display:block; margin-right:10px; float:left; height:120px; width:160px; background:#fff; }
.link_box p{ color:#fff; font-size:15px; display:block; text-align:center; padding-top:76px;}
.link_box li a{ display:block; background-position:center 28px; background-repeat:no-repeat;transition: all 0.6s ease-in-out;} 
.link_box li.li1 a{ background:url(../images/icon1.png) no-repeat center 20px #6cb8df; border-radius:10px;}
.link_box li.li2 a{ background:url(../images/icon2.png) no-repeat center 20px #016fc5;border-radius:10px; }
.link_box li.li3 a{ background:url(../images/icon3.png) no-repeat center 20px #6cb8df; border-radius:10px;}
.link_box li.li4 a{ background:url(../images/icon4.png) no-repeat center 20px #016fc5;margin-right:0;border-radius:10px;}
.link_box li a:hover{ margin-top:-8px;box-shadow:0 0 10px #ccc;  }

.s_more{ background: #fff; width:120px; height:36px; line-height:36px; font-size:14px; display:block; text-align:center; border: 1px solid #999;transition: all 0.3s ease-in-out;}
.s_more:hover{ width:120px; height:36px; color: #fff;   border: 1px solid #016fc5; background: #016fc5;}
.s_more{
    -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;
}

.about_video{ float:right; width:490px; min-height:370px; background:#016fc5; margin-top:5px;}
.video_tit{ font-size:20px; color:#fff; font-weight:bold; padding:15px 15px 10px 15px;}
.video{ margin:15px;}


/*=================新闻=================*/
.news{ background:#f7f7f7;padding-top:60px; padding-bottom:60px;}
.news2 {
	float: left;
	width: 380px;
	border: 1px solid #ebebeb;
	padding-bottom: 15px;
	background:#fff; 
	margin-right:27px;
}
.news2:nth-child(3){ margin-right:0; float:right;}
.news2 p {
	font-size: 22px;
	color: #333333;
	font-weight:bold;
	padding-top: 15px;
	padding-left: 12px;
}

.news3 {
	padding-top: 10px;
}

.news-wz {
	float: left;
	background-image: url(../images/xsj.jpg);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 12px;
	font-size: 14px;
	margin-left:12px;
}
.news-wz a{ display:block; color:#666;width:240px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.news-wz a:hover{ color:#016fc5; text-decoration:underline; transition: all 0.3s ease-in-out;}
.news-date {
	float: right;
	color:#CCCCCC;
	margin-right:12px;
	font-size: 14px;
}




/******************banner样式***********************/
.fullSlide {
	width:100%;
	position:relative;
	height:600px;
	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:600px;
	overflow:hidden;
	text-align:center;
	list-style-type: none;
}
.fullSlide .bd li a {
	display:block;
	height:600px;
}
.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:#016fc5;
}

.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;
}
