﻿

/* CSS Document */



/*热门关键词*/

.Popular {

    background: rgba(255,255,255,0.9);

    z-index: 999;

    position: relative;

    width: 100%;

    height: 60px;

    line-height: 60px;

	border-bottom: 1px solid #eee;

    top: -5px;

}

.Popular .search {

    position: relative;

}

.Popular .search .input {

    height: 30px;

    width: 308px;

    line-height: 30px;

    padding-left: 10px;

	border: none;

    background: #eee;

	margin-top: -3px;

}

.Popular .words a {

    padding: 0 10px;

    font-size: 14px;

    color: #999;

    font-weight: normal;

}

.Popular .words a:hover {

    color: #000;

}

.Popular .words p{

    color: #888;

    font-size: 14px;

    float: left;

}

.Popular .words p span{

    color: #333333;

    font-weight: bold;

}

.Popular .search .btn {

    background: url("../image/ico.png")no-repeat -25px -25px;

    height: 26px;

    width: 26px;

    border: none;

    position: absolute;

    right: 12px;

    top: 17px;

    cursor: pointer;

}







/* 轮播图css */

.slideBox {

    position: relative;

    width: 100%;

    display: inline-block;

    text-align: center;

    z-index: 555;

    height: 600px;

}

.slideBox .hd {

    display: inline-block;

    position: relative;

    bottom: -560px;

    z-index: 1;

}

.slideBox .hd ul {

    overflow: hidden;

    zoom: 1;

    float: left;

}

.slideBox .hd ul li {

    float: left;

    margin: 0 3px;

    width: 45px;

    height: 5px;

    border-radius: 10px;

    text-align: center;

    background:rgba(255,255,255,0.50);

    cursor: pointer;

}

.slideBox .hd ul li.on {

    background: #e62f2c;

}

.slideBox .bd {

    position: relative;

    z-index: 0;

    top: -23px;

}

.slideBox .bd li {

    zoom: 1;

    vertical-align: middle;

    display: block;

    height: 600px;

}

.slideBox .prev, .slideBox .next {

    position: absolute;

    left: 6%;

	top: 50%;

    margin-top: -33px;

    display: block;

    width: 65px;

    height: 65px;

    filter: alpha(opacity=50);

    opacity: 0.5;

    z-index: 789;

}

.slideBox .prev{

	background: url("../image/dl_23.png") no-repeat;

}

.slideBox .next {

    left: auto;

    right: 6%;

    background: url("../image/dl_25.png") no-repeat;

}

.slideBox .prev:hover, .slideBox .next:hover {

    filter: alpha(opacity=100);

    opacity: 0.9;

}

.slideBox .prev:hover{

	background: url("../image/dl_24.png") no-repeat;

}



.slideBox .next:hover{

	background: url("../image/dl_26.png") no-repeat;

}

.slideBox .prevStop {

    display: none;

}

.slideBox .nextStop {

    display: none;

}

/* 轮播图css结束 */

/*标题*/

.ttitle{

    text-align: center;

}

.ttitle h3{

    font-size: 35px;

    color: #333;

    font-weight: bold;

    line-height: 1;

}

.ttitle h3 em{

    color: #e62f2c;

	font-weight: bold;

}

.ttitle i{

    width: 100%;

    height: 1px;

    text-align: center;

    background:url("../image/dl_12.png")no-repeat center center;

    margin: 20px auto;

	display: block;

}



.ttitle p{

    font-size: 16px;

    color: #666;

}





















/*关于我们开始*/



.about{  padding: 80px 0 0;}



.index-about {

   

	background-color: #fff;

}

.about-main {

	background: #fff;

	height: 600px;

}

.about-main-art {

	float: left;

}

.index-about-main {

	margin-top: 40px;

}

.index-about-main .about-main-art {

	float: left;

	width: 740px;

}

.index-about-main .about-main-art dt {

	width: 740px;

	height: 230px;

	overflow: hidden;

}

.index-about-main:hover .about-pic1 img {

	-ms-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.index-about-main .about-main-art dd {

	margin-top: 30px;

	margin-left: 5px;

	padding-right: 2em;

}

.index-about-main .about-main-art dd a{

	display: block;

	color: #999;

}

.index-about-main .about-main-art dd p {

	font-size: 14px;

	line-height: 28px;

	color: #999;

}

.index-about-main .about-main-button {

	display: block;

	width: 150px;

	height: 40px;

	border: 1px solid #999;

	border-radius: 25px;

	font-size: 14px;

	text-align: center;

	line-height: 40px;

	margin-top: 44px;

	overflow: hidden;

	box-sizing: border-box;

}

.about-main-button span {

	display: block;

	position: relative;

	top: 0;

}

.about-main-button:hover {

	border: 0 none;

	background: #e7a300;

}

.about-main-button:hover span {

	top: -100%;

	color: #fff;

}

.about-main-r {

	float: left;

	width: 460px;

	height: 460px;

	color: #fff;

}

.about-main-rpic1 {

	float: left;

	width: 230px;

	height: 230px;

}

.about-main-rpic2 {

	float: left;

	width: 230px;

	height: 230px;

	background: url(../image/about-zhi.jpg) no-repeat;

}

.about-main-rpic2 h4 {

	font-size: 24px;

    padding: 75px 0 0 90px;

}

.about-main-rpic2 h5 {

	font-size: 16px;

	padding: 20px 0 0 36px;

	text-transform: uppercase;

}

.about-main-rpic2 a {

	display: block;

	width: 157px;

	height: 32px;

	margin: 50px 0 0 36px;

	font-size: 12px;

	text-align: center;

	line-height: 32px;

	color: #fff;

	border: 1px solid #ffe5e7;

	border-radius: 50px;

	overflow: hidden;

	behavior: url(404.png);

}

.about-main-rpic2 a span {

	display: block;

	position: relative;

	top: 0;

}

.about-main-rpic2 a:hover span {

	top: -100%;

}

.about-main-rpic3 {

	float: left;

	width: 230px;

	height: 284px;

	background: url(../image/about-ying.jpg) no-repeat;

}

.about-main-rpic3 h4 {

	font-size: 24px;

    padding: 85px 0 0 86px;

}

.about-main-rpic3 h5 {

	font-size: 16px;

	padding: 20px 0 0 36px;

	text-transform: uppercase;

}

.about-main-rpic3 a {

	display: block;

	width: 157px;

	height: 32px;

	color: #fff;

	margin: 50px 0 0 36px;

	font-size: 12px;

	text-align: center;

	line-height: 32px;

	border: 1px solid #ffe5e7;

	border-radius: 50px;

	-webkit-border-radius: 50px;

	overflow: hidden;

}

.about-main-rpic3 a span {

	display: block;

	position: relative;

	top: 0;

}

.about-main-rpic3 a:hover span {

	top: -100%;

}



.about-main-rpic4 {

	float: left;

	width: 230px;

	height: 230px;

}

.about-main-rpic4 img{ width:100%;}

































































/*服务项目*/

.fuwu{

	padding: 100px;

	background:url(../image/fuwubg.jpg) no-repeat;

	background-size:auto 100%;

}









.fuwu .ttitle h3{

	color: #fff;

}

.fuwu .ttitle i{

	background: url(../image/dl_13.png)no-repeat center center;

}

.fuwu .ttitle p{

	color: rgba(255,255,255,0.60);

}







.fuwu .allin{

	margin-top: 50px;

	position: relative;

}

.fuwu-container {

	width: 100%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

}

.fuwu .swiper-slide {

	text-align: center;

	font-size: 18px;

	background: #fff;

	overflow: hidden;



	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

.fuwu-button-prev{

	width: 65px;

	height: 65px;

	background: url("../image/dl_23.png")no-repeat;

	position: absolute;

	top: 42%;

	left: -85px;

	cursor: pointer;

}

.fuwu-button-next{

	width: 65px;

	height: 65px;

	background: url("../image/dl_25.png")no-repeat;

	position: absolute;

	top: 42%;

	right: -85px;

	cursor: pointer;

}



.fuwu .swiper-slide a{

	display:contents;

	position: relative;

}

.fuwu .swiper-slide img{ width:100%;}

.fuwu .swiper-slide span{

    background: rgba(0,0,0,0.80);

    display: block;

    color: #fff;

    padding: 15px 0;

    position: absolute;

    bottom: 0px;

    width: 100%;

}

.fuwu-button-prev:hover{

	background: url("../image/dl_24.png")no-repeat;

}

.fuwu-button-next:hover{

	background: url("../image/dl_26.png")no-repeat;

}

.fuwu .swiper-slide:hover img{

	-webkit-transform: scale(1.08, 1.08);

	-ms-transform: scale(1.08, 1.08);

	transform: scale(1.08, 1.08);

	-webkit-transition: -webkit-transform 0.6s ease 0;

	transition: transform 0.6s ease 0;

}

.fuwu .swiper-slide:hover span{

	background: rgba(216, 26, 26, 0.80);

}



/*流程*/

.liucheng{

	padding: 80px 0;	

	background:#205eab;

}

.liucheng #lyhr{

	width: 100%;

	height: 1px;

	display: block;

	background: rgba(255,255,255,0.30);

	position: relative;

	border: none;

	top: 240px;

}

.liucheng .ttitle h3{

	color: #fff;

}

.liucheng .ttitle i{

	background: url(../image/dl_13.png)no-repeat center center;

}

.liucheng .ttitle p{

	color: rgba(255,255,255,0.60);

}

.liucheng .allin{

	padding-top: 60px;

}



.liucheng li{

	position:relative;

	float: left;

	width: 180px;

	background: url("../image/dl_29.png") no-repeat;

    margin-right: 66px;

	text-align: center;

}

.liucheng li:last-of-type{

	margin-right: 0;

}

.liucheng li i{

    margin: auto;

    display: block;

    width: 50px;

    height: 50px;

	margin-top: 35px;

}

.liucheng li i img{

	

	opacity: .8

}





.liucheng li h4{

	font-size: 18px;

	color:#205eab;

	margin-top: 32px;

}



.liucheng li p{

	padding: 10px 0;

	font-size: 14px;

	color: rgba(255,255,255,0.70);

	margin-top: 20px;

	line-height: 25px;

}

/*风采*/

.fengcai{

	padding: 80px 0 0;

}

.fengcai .allin{

	position: relative;

	margin-top: 50px;

}

.fengcai-container {

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.fengcai-container .swiper-slide {

	text-align: center;

	font-size: 18px;

	background: #fff;

	



	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

.fengcai-container .swiper-slide a{

	border: 1px solid #e5e5e5;

    color: #333;

}

.fengcai-container .swiper-slide a i{

	display: block;

	overflow: hidden;

}

.fengcai-container .swiper-slide a i img{

}

.fengcai-container .swiper-slide span{

	font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    height: 50px;

    line-height: 50px;

}

.fengcai .swiper-slide:hover img{

	-webkit-transform: scale(1.08, 1.08);

	-ms-transform: scale(1.08, 1.08);

	transform: scale(1.08, 1.08);

	-webkit-transition: -webkit-transform 0.6s ease 0;

	transition: transform 0.6s ease 0;

}

.fengcai .swiper-slide:hover a{

	border: 1px solid #e62f2c;

	background: #e62f2c;

	color: #fff;

}





/*案例*/

.anli{

	padding: 100px;	

}

.anli .allin{

	margin-top: 50px;

	position: relative;

}

.anli-container {

	width: 100%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

}

.anli .swiper-slide {

	text-align: center;

	font-size: 18px;

	background: #fff;

	overflow: hidden;



	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

.center{

	text-align: center;

	position: relative;

}

.anli-button-prev,.anli-button-more,.anli-button-next{

    width: 65px;

    height: 50px;

    display:inline-block;

	margin-top: 50px;

	cursor: pointer;

}



.anli-button-prev{

	background: url("../image/ico_left.png")#666 no-repeat;

}

.anli-button-next{

	background: url("../image/ico_right.png")#666 no-repeat;

}

.anli-button-more{

	background: #666;

    width: auto;

	margin: 0 10px;

	overflow: hidden;

}

.anli-button-more a{

	display: block;

    line-height: 50px;

    font-size: 16px;

    padding: 0 50px;

	color: #fff;

}

.anli .swiper-slide a{

	border: 1px solid #e5e5e5;

}

.anli .swiper-slide img{ width:100%;}

.anli .swiper-slide a i{

	overflow: hidden;

	display: block;

}

.anli .swiper-slide span{

    display: block;

	font-size: 14px;

    color: #333;

    padding: 15px 0;

	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; 

}

.anli-button-prev:hover,.anli-button-more:hover,.anli-button-next:hover{

	background-color:#d81a1a;

}



.anli .swiper-slide:hover img{

	-webkit-transform: scale(1.08, 1.08);

	-ms-transform: scale(1.08, 1.08);

	transform: scale(1.08, 1.08);

	-webkit-transition: -webkit-transform 0.6s ease 0;

	transition: transform 0.6s ease 0;

}

.anli .swiper-slide:hover a{

	border-color: #d81a1a;

}

.anli .swiper-slide:hover a span{

	color: #d81a1a;

}

.anli #anlihr{

	position: absolute;

    top: 67px;

    border: none;

    border-bottom: 1px solid #e5e5e5;

    display: block;

    width: 100%;

    z-index: -1;

}



/*新闻*/

.xinwen{

	padding: 100px;	

	background: #eee;

}

.xinwen .fl{

	width: 600px;

	height: 950px;

	background: #fff;

}

.xinwen .fl .xwt{

	background: url("../image/dl_33.png")#666 no-repeat 20px;

	padding-left: 70px;

}

.xinwen .fl .xwt a{

	height:70px;

	line-height: 70px;

	font-size: 24px;

	color: #fff;

	font-weight: bold;

	display: block;

}

.xinwen .fl .xwt span{

	float: right;

	font-weight: normal;

	font-size: 16px;

	margin-right: 20px;

	color: rgba(255,255,255,0.70);

}



.Scroll-top{overflow:hidden; position:relative;}

.Scroll-top .bd{ padding:10px 30px;}

.Scroll-top .bd ul{ overflow:hidden; zoom:1; }

.Scroll-top .bd ul li{ 

	zoom:1;

	padding-bottom: 30px;

	border-bottom: 1px dashed #eee;

	margin-top: 30px;

}

.Scroll-top .bd ul li .pic{ 

	text-align:center;

	float: left;

}

.Scroll-top .bd ul li .pic i{ 

	width: 26px;

	height: 21px;

	display: block;

	background: url("../image/dl_44.png") no-repeat center center;

}

.Scroll-top .bd ul li .pic i:first-of-type{ 

	background: url("../image/dl_41.png") no-repeat center center;

	margin-bottom: 20px;

}

.Scroll-top .bd ul li .txt{

	margin-left: 40px;

}

.Scroll-top .bd ul li .txt span{

    font-size: 16px;

    color: #000;

    margin-bottom: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}

.Scroll-top .bd ul li .txt p{

	font-size: 14px;

	color: #777;

	line-height: 23px;

}

.Scroll-top .bd ul li:hover .txt span{

	color: #d71818;

}



.xinwen .fr{

	width: 570px;

	height: 950px;

	background: #fff;

}

.slidetxt{  }

.slidetxt .hd{ 

	height: 65px;

    line-height: 65px;

    background: #fff;

    position: relative;

    border-bottom: 5px solid #666;

}

.slidetxt .hd ul{

}

.slidetxt .hd ul li{

	 float:left; 

	 cursor:pointer;

}

.slidetxt .hd ul li a{

	font-size: 20px;

	color: #333;

	padding:0 25px; 

	display: block;

}

.slidetxt .hd ul li.on{ 

	font-weight: bold;

	border-bottom: 5px solid #d71818;

}

.slidetxt .hd ul #newm span{

	position: absolute;

	right: 20px;

	font-weight: normal;

    font-size: 16px;

    color: #666;

}



.slidetxt .bd ul{ 

	padding:20px 30px;  

	zoom:1;  

}

.slidetxt .bd ul dl{

	overflow: hidden;

    padding-bottom: 15px;

    border-bottom: 1px solid #eee;

}

.slidetxt .bd ul dt{

	width: 200px;

	height: 150px;

	float: left;

	border: 1px solid #f1f1f1;

	overflow: hidden;

}

.slidetxt .bd ul dd{

	float: right;

	width: 285px;

	margin-left: 20px;

}

.slidetxt .bd ul dd span{

	font-size: 16px;

	color: #333;

	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;

}

.slidetxt .bd ul dd p{

	font-size: 14px;

	color: #777;

	line-height: 21px;

	margin: 15px 0 20px;

}

.slidetxt .bd ul dd em{

	color: #e62f2c;

	font-size: 14px;

}

.slidetxt .bd ul dl:hover img{

	-webkit-transform: scale(1.08, 1.08);

	-ms-transform: scale(1.08, 1.08);

	transform: scale(1.08, 1.08);

	-webkit-transition: -webkit-transform 0.6s ease 0;

	transition: transform 0.6s ease 0;

}



.slidetxt .bd li{ 

	height:50px; 

	line-height:50px;

	border-bottom: 1px solid #eee;

}

.slidetxt .bd li i{

    width: 5px;

    height: 5px;

    background: #205eab;

    display: block;

    border-radius: 10px;

    margin-right: 15px;

    margin-left: 10px;

    float: left;

    margin-top: 24px;

}

.slidetxt .bd li a{

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display:block;

	color: #777;

}

.slidetxt .bd li:hover a{

	color: #e62f2c;

}







































