*{margin:0;padding:0;text-decoration: none;}

ul{list-style: none;}

body{

	min-width: 1200px;

}

.top ul li img{width: 100%;}



.header{

	display: block;

	position: fixed;

	width: 100%;

	height: 80px;

	top:0;

	left:0;

	z-index: 99999;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

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

	opacity:0.8

}

.header.black{

	background-color: #333;

	background-color: rgba(0,0,0,0.8);

	border-bottom: none;

}



.container{

	display: block;

	width: 85%;

	min-width: 1200px;

	margin: 0 auto;

}



.header .logo{

	display: block;

	float: left;

	width: 183px;

	height: 44px;

}



.header .logo a{

	display: block;

	width: 183px;

	height: 44px;

	color: #FFF;

}



.header .hot-line{

	position: relative;

	display: block;

	float: right;

	height: 80px;

	margin-left: 10px;

}



.header .hot-line .tell-icon-s{

	display: block;

	float: left;

	width: 29px;

	height: 29px;

	margin-top: 26px;

	cursor: pointer;

	margin-right:10px;

}



.header .hot-line span{

	display: block;

	float: left;

	

	height: 80px;

	line-height: 80px;

	color: #fff;

	font-size: 16px;

}

.header .nav{

	display: block;

	float: right;

}

.header #nav{

	display: block;

	float: right;

	width: 71%;

	height: 80px;

}



.header .nav #nav_box #nav_0,#nav_box #nav_1,#nav_box #nav_2,#nav_box #nav_3,#nav_box #nav_4,#nav_box #nav_14,#nav_box #nav_17{

	display: block;

	float: left;

	width: 87px;

	line-height: 80px;

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;

}

.header .nav #nav_box #nav_0{

	margin-left: 10%;

}

#nav_box #nav_15{

	display: block;

	float: left;

	width: 100px;

	line-height: 80px;

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;

}

#nav_box #nav_16{

	display: block;

	float: left;

	width: 120px;

	line-height: 80px;

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;

}

.header .nav  #nav_9{

	display: block;

	float: left;

	width: 104px;

	line-height: 80px;

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;

}

.header .nav #nav_box #nav_3 ul{

	display:block;

	float: left;

	width: 468px;

	line-height: 80px;

	position: absolute;

	top: 0;

	right: 0;

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;

	-webkit-transition:height 0.1s linear 0s;



}

.header .nav #nav_box #nav_3 ul li{

	display:none;

	float: left;

	width: 104px;

	line-height: 80px;

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;

	-webkit-transition:height 0.1s linear 0s;



}

.header .nav #nav_box #nav_3 #nav_8{

	margin-left:20px;



}

.header .nav #nav_box #nav_3 ul li a{

	display:block;

	float: left;

	width: 104px;

	line-height: 80px;

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;

	-webkit-transition:height 0.1s linear 0s;



}

.header .nav ul li ul #nav_5,#nav_6,#nav_7,#nav_8{

	height: 33px;

/*	text-align: center;*/

	-webkit-transition: height 0.1s linear 0s;

	-o-transition: height 0.1s linear 0s;

	transition: height 0.1s linear 0s;



}

/*.header #nav li ul{

	position: absolute;

	top: 80px;

	right: 410px;

	display: none;

/*	float: left;*/

	width: 133px;

	height: 140px;

	background: #a8a8a8;

}*/



.header .nav li.w72{

	width: 72px;

}



.header .nav li.w120{

	width: 120px;

}



.header .nav li a{

	display: block;

	color: #fff;

	float: left;

	font-size: 16px;

	-webkit-transition:height 0.5s linear 0s;

}

.header .nav li ul{

	display:none;

	color: #fff;

	font-size: 16px;

	-webkit-transition:height 0.5s linear 0s;

}







.header .nav #nav_0 .fl,#nav_1 .fl,#nav_2 .fl,#nav_3 .fl,#nav_4 .fl,#nav_14 .fl,#nav_15 .fl,#nav_16 .fl,#nav_17 .fl{

	display: block;

	height: 80px;

	float: left;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}

.header .nav li a .fd{

	display: block;

	float: left;

	height: 80px;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}

.header .nav li ul li span{

	display: block;

	float: left;

	height: 80px;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}

/*.header .nav #nav_box #nav_3:hover ul{

	display: none;

	width: 133px;

	line-height: 30px;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

	-webkit-transition: all 1s ease 0s;

	-o-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	-o-box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

    -webkit-transform: translate3d(0, 0, 0);



}*/



#nav_box #nav_0>a span:hover{

		border-top: 4px solid red;

}

#nav_box #nav_1>a span:hover{

		border-top: 4px solid red;

}

#nav_box #nav_2>a span:hover{

		border-top: 4px solid red;

}

#nav_box #nav_3>a:hover{

		border-top: 4px solid red;

}

#nav_box #nav_4>a span:hover{

		border-top: 4px solid red;

}

#nav_box #nav_14>a span:hover{

		border-top: 4px solid red;

}

#nav_box #nav_15>a span:hover{

		border-top: 4px solid red;

}

#nav_box #nav_16>a span:hover{

		border-top: 4px solid red;

}

#nav_box #nav_17>a span:hover{

		border-top: 4px solid red;

}



/*.header .nav .fd:hover{

		border-top: 1px solid #CCC;

}

.header .nav #nav_5:hover{

		border: 1px solid #CCC;

}

.header .nav #nav_6:hover{

		border: 1px solid #CCC;

}

.header .nav #nav_7:hover{

		border: 1px solid #CCC;

}

.header .nav #nav_8:hover{

		border: 1px solid #CCC;

}*/





.header .nav li a .line{

	display: block;

	float: left;

	width: 0;

	height: 1px;

	background-color: #fff;

	margin-top: 39px;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.header .nav li.active a .line{

	width: 15px;

	height: 2px;

	margin:38px 5px 0 0;

}



.banner{

	display: block;

	overflow: hidden;

	position: relative;

	width: 100%;

	margin: 0 auto;

	height: 50%;

	background-color: #000;

}



.banner ul li{

	display: block;

	position: absolute;

	width: 100%;

	height: 50%;

	top:0;

	left:-9999px;

	z-index: 0;

}



.banner ul li.on{

	left:0;

}



.banner ul li a{

	display: block;

	width: 100%;

	height: 50%;

	background: center center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

}



.banner ul li a{

	display: block;

	width: 100%;

	height: 50%;

}



.banner .btn{

	display: none;

	position: absolute;

	z-index: 5;

	width: 36px;

	height: 64px;

	top:50%;

	margin-top: -32px;

	text-align: center;

	line-height: 67px;

	color: #fff;

	font-family: "Simsun";

	font-size: 30px;

	background-color: #000 !important;

	background-color: rgba(0,0,0,0.4) !important;

	transition: 0.3s;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

}



.banner:hover .btn{

	display: block;

}



.banner .btn.prev{

	left:0;

}



.banner .btn.next{

	right:0;

}



.banner .btn:hover{

	background-color: rgba(0,0,0,0.6) !important;

}





.banner ol{

	display: block;

	position: absolute;

	width: 110px;

	bottom:38px;

	text-align: center;

	z-index: 5;

	font-size: 0;

	left:50%;

	margin-left: 420px;

	vertical-align: middle;

}



.banner ol li{

	display: inline-block;

	*display: inline;

	*zoom:1;

	padding: 3px;

	border: 1px solid #fff;

	border-radius: 50%;

	margin: 0px 10px;

	cursor: pointer;

	vertical-align: middle;

	/*transition: 0.5s linear;

	-webkit-transition: 0.5s linear;

	-o-transition: 0.5s linear;

	-ms-transition: 0.5s linear;

	-moz-transition: 0.5s linear;*/

}



.banner ol li span{

	display: block;

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background-color: #fff;

	/*transition: 0.3s;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;*/

}



.banner ol li.active{

	padding: 2px;

}



.banner ol li.active span{

	width: 12px;

	height: 12px;

}



.banner .action{

	display: block;

	position: absolute;

	width: 100%;

	height: 30px;

	left: 0;

	bottom:31px;

	z-index: 3;

}



.banner .action .scroll-btn{

	position: absolute;

	display: block;

	width: 22px;

	height: 30px;

	top:0;

	left:50%;

	margin-left: -11px;

	background: url(../images/scroll-btn2.png) no-repeat center;

	z-index: 4;

	animation: myFade 2s linear infinite;

}



.banner .action .line-l{

	position: absolute;

	display: block;

	width: 100%;

	height: 1px;

	background-color: #a7a8a7;

	top:50%;

	margin-top: -1px;

	right:50%;

	margin-right: 31px;

}



.banner .action .line-r{

	position: absolute;

	display: block;

	width: 100%;

	height: 1px;

	background-color: #a7a8a7;

	top:50%;

	margin-top: -1px;

	left:50%;

	margin-left: 31px;

}

/*.gonggao{width: 100%;height: 200px;margin:0 auto;}

.gonggao .gonggao_n{width: 25%;float: left;height: 200px;padding-left:10px;padding-right: 10px;background: #CCC;}

.gonggao .gonggao_n h4{text-align: center;font-weight: 800;color: #000;}

.gonggao .gonggao_n img{width: 70%;height: 88%;margin-left:40px;margin-top: 10px;}

.gonggao .wenzi{width: 100%;height: 75px;padding-top:15px;margin:0 auto;color:#000;text-align: center;font-size: 14px;}

.gonggao .border{border-left: 5px solid #FFF;}

.gonggao_n:hover{

    opacity: 1;

}*/



.item4{width:329px;height:200px;overflow:hidden;position:relative;float:left;cursor:pointer;}

.item{margin-left:10px;}

.item4 .caption{width:329px;height:200px;color:#fff;font-weight:bold;position:absolute;left:0;display:none;background:url(../images/demo02.png) no-repeat;}

.item4 h3{margin:10px 0 5px;height:25px;text-indent:-10000px;background-repeat:no-repeat;background-position:0 -8px;}

.item4 p{padding:0 12px;margin-top:54px;text-indent:2em;font-size:16px;line-height:20px;color:#fff;font-weight:normal;}

.item4 img{border:0;position:absolute;}

.item4-txt{line-height:50px;font-size:18px;position:absolute;left:0;top:0;width:100%;height:50px;text-align:center;color:#FFF;overflow:hidden;background:url(../images/demo03.png);}



.fuwu{width: 100%;height:420px;margin: 0 auto;padding-top: 50px;background: #EEE;}

.fuwu .fuwu_centent{width: 87%;margin: 0 auto;}

.fuwu .fuwu_centent h1{text-align: center;font-size: 28px;font-weight: 800;}

.fuwu_centent hr{height: 1px;width: 60px;text-align: center;position: relative;background: #D2527F;border: 0;text-align: center;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;}

.fuwu_centent p{text-align: center;}

.fuwu_centent .row{width: 100%;height: 219px;}

.fuwu_centent .row .row_n{width: 273px;height: 219px;float: left;margin-left: 10px;margin-right:10px;}

.fuwu_centent .row .row_n .img{width: 100px;height: 100px;border: 2px solid #FFF;margin:0 auto;border-radius: 50%;transition: all 0.5s;background: url(../images/diannao.png)no-repeat;}





.fuwu_centent .row .row_n h2{text-align: center;margin-top: 16px;}



.fuwu_centent .row .row_n .img:hover{border: 2px solid #D2527F;background: #D2527F;color: #ffffff;background: url(../images/diannao1.png) no-repeat;background-position: 25px 25px;}

.fuwu_centent .row .row_n .img:hover{}



#services-section {

    padding: 80px 0;

    background-color: #eee;

}



.text-center {

    text-align: center;

}

.text-center .container .row .service:hover div{

    background: #FFF;

}



@media (min-width: 100%)

	.container {

	    width: 100%;

	}

@media (min-width: 992px)

	.container {

	    width: 970px;

	}

@media (min-width: 768px)

	.container {

	    width: 750px;

	}

.container {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.section-title.center {

    padding: 30px 0;

}

.section-title h2, .section-title.center h2 {

    font-weight: 400;

    margin-bottom: 30px;

}

b, strong {

    font-weight: bold;

}

.section-title.center hr {

    height: 1px;

    width: 60px;

    text-align: center;

    position: relative;

    background: #D2527F;

    border: 0;

    margin:0 auto;

    margin-bottom: 20px;

}

.clearfix {

    display: block;

}

.space {

    margin-top: 40px;

}

#services-section i.fa {

    font-size: 40px;

    border: 2px solid #fff;

    width: 100px;

    height: 100px;

    padding: 27px 25px;

    margin-bottom: 10px;

    border-radius: 50%;

    transition: all 0.5s;

}

.row {

    margin-right: -15px;

    margin-left: -15px;

}

@media (min-width: 992px)



.col-md-3 {

    width: 25%;

}

#services-section .service p:hover{

    color: #d81e06;

}



#s-section i.fa {

    font-size: 40px;

    border: 2px solid #fff;

    width: 100px;

    height: 100px;

    padding: 27px 25px;

    margin-bottom: 10px;

    border-radius: 50%;

    transition: all 0.5s;

    color: #D2527F;

}

#works-section {

    padding: 60px 0;

}

.section-title.center {

    padding: 30px 0;

}

.section-title h2, .section-title.center h2 {

    font-weight: 400;

    margin-bottom: 30px;

}

.section-title.center hr {

    height: 1px;

    width: 60px;

    text-align: center;

    position: relative;

    background: #D2527F;

    border: 0;

}

ul.cat li {

    display: inline-block;

}

ol.type li {

    display: inline-block;

    margin-left: 20px;

}

ol.type li a.active {

    color: #D2527F;

    font-weight: bold;

}

ol.type li a {

    color: #222222;

}

.portfolio-item {

    margin-bottom: 30px;

}

.portfolio-item .hover-bg {

    height: 260px;

    overflow: hidden;

    position: relative;

}

.hover-bg .hover-text {

    position: absolute;

    text-align: center;

    margin: 0 auto;

    color: #ffffff;

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

    padding: 25% 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: all 0.5s;

}



.hover-bg .hover-text>h4 {

    opacity: 0;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    transition: all 0.3s;

}

small{

    font-size: 18px;

}

.clearfix {

    display: block;

    font-size: 14px;

}

/*#works-section i.fa {

	width: 150px;

	height: 150px;

	border: 1px solid red;

/*	padding-top: 10px;

	padding-bottom: 26px;*/

/*	border-radius: 50%;



*/*/

}

#works-section i img {

/*	width: 40px;

	height: 40px;*/

/*	margin-top: 20px;

	padding-bottom: 10px;

*/

}

.hover-bg .hover-text>h4 {

    opacity: 0;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    transition: all 0.3s;

}

.hover-bg:hover .hover-text {

    opacity: 1;

}









.clearfix {

    display: block;

}

.categories {

    padding-bottom: 30px;

    text-align: center;

}



@-webkit-keyframes myFade{



	0%{

		opacity: 1;

		top:0;

	}



	25%{

		top:-10px;

		opacity: 0.3;

	}



	50%{

		top:0px;

		opacity: 1;

	}



	75%{

		top:10px;

		opacity: 0.3;

	}



	100%{

		opacity: 1;

		top:0px;

	}





}



@-moz-keyframes myFade{



	0%{

		opacity: 1;

		top:0;

	}



	25%{

		top:-10px;

		opacity: 0.3;

	}



	50%{

		top:0px;

		opacity: 1;

	}



	75%{

		top:10px;

		opacity: 0.3;

	}



	100%{

		opacity: 1;

		top:0px;

	}





}



@-o-keyframes myFade{



	0%{

		opacity: 1;

		top:0;

	}



	25%{

		top:-10px;

		opacity: 0.3;

	}



	50%{

		top:0px;

		opacity: 1;

	}



	75%{

		top:10px;

		opacity: 0.3;

	}



	100%{

		opacity: 1;

		top:0px;

	}

}





@keyframes myFade{



	0%{

		opacity: 1;

		top:0;

	}



	25%{

		top:-10px;

		opacity: 0.3;

	}



	50%{

		top:0px;

		opacity: 1;

	}



	75%{

		top:10px;

		opacity: 0.3;

	}



	100%{

		opacity: 1;

		top:0px;

	}



}

.case{width: 100%px;margin:0 auto;}



.section{

	display: block;

	height: 790px;

	margin-top: 50px;

	position: relative;;

}



.section-header{

	position: relative;

	display: block;

	padding-top: 17px;

	height: 28px;

	margin-bottom: 40px;

	left:-200px;

	opacity: 0;

	filter:alpha(opacity=0);

	-webkit-transition: 0.5s linear;

	-o-transition: 0.5s linear;

	transition: 0.5s linear;

}



.section .section-header.show{

	left:0;

	opacity: 1;

	filter:alpha(opacity=100);

}



.bussiness{

	overflow: hidden;

	position: relative;

}



/*.bussiness-header{

	background:url(../images/tit-en.png) no-repeat 0px -179px;

}



.case-header{

	background:url(../images/tit-en.png) no-repeat 0px -82px;

}



.news-header{

	background:url(../images/tit-en.png) no-repeat 0px 0px;

}*/



.section-header h3{

	display: block;

	font-size: 28px;

	color: #333;

	font-weight: bold;

	line-height: 1;

	text-align:center;

}



.bussiness-body{

	display: block;

	overflow: hidden;

}



.bussiness-body .item{

	position: relative;

	display: block;

	float: left;

	width: 16.666%;

	opacity: 0;

	filter:alpha(opacity=0);

	overflow: hidden;

}



.bussiness-body .item1{

	left:200px;

	-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;

	-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;

	transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;

}



.bussiness-body .item2{

	left:300px;

	-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;

	-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;

	transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;;

}



.bussiness-body .item3{

	left:400px;

	-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;

	-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;

	transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;

}



.bussiness-body .item4{

	left:500px;

	-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;

	-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;

	transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;

}



.bussiness-body .item5{

	left:600px;

	-webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;

	-o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;

	transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;

}



.bussiness-body .item.on{

	width: 32.33%;

}



.bussiness .bussiness-body.show .item{

	left:0;

	opacity: 1;

	filter:alpha(opacity=100);

}



.bussiness-body .item .service{

	display: block;

	height: 358px;

	border: 1px solid #e8e8e8;

	border-width: 1px 0px 1px 1px;

	text-align: center;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}



.bussiness-body .item.on .service{

	width: 50%;

}



.bussiness-body .item5 .service{

	border-width: 1px 1px 1px 1px;

}



.bussiness-body .item.on .service{

	background-color: #0166ce;

	border-color: #0166ce;

}



.bussiness-body .item .service .content{

	display: block;

	height: 240px;

	padding-top: 46px;

	line-height: 1;

}



.bussiness-body .item .service .content h4{

	display: block;

	font-size: 18px;

	font-weight: bold;

}



.bussiness-body .item .service .content h4 a{

	color: #333;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}



.bussiness-body .item.on .service .content h4 a{

	color: #fff;

}



.bussiness-body .item .service .content p{

	display: block;

	margin-top: 11px;

	color: #4b4b4b;

	white-space: nowrap;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}



.bussiness-body .item.on .service .content p{

	color: #fff;

}



.bussiness-body .item .service .content .icon{

	display: inline-block;

	margin-top: 56px;

}



.bussiness-icon1{

	background:url(../images/icon.png) no-repeat 0px -822px;height:72px;padding-left:88px;

}



.bussiness-body .item.on .service .content .bussiness-icon1{

	background:url(../images/icon.png) no-repeat 0px -894px;

}



.bussiness-icon2{

	background:url(../images/icon.png) no-repeat 0px -750px;height:72px;padding-left:42px;

}



.bussiness-body .item.on .service .content .bussiness-icon2{

	background:url(../images/icon.png) no-repeat 0px -678px;

}



.bussiness-icon3{

	background:url(../images/icon.png) no-repeat 0px -1254px;height:72px;padding-left:54px;

}



.bussiness-body .item.on .service .content .bussiness-icon3{

	background:url(../images/icon.png) no-repeat 0px -1326px;

}



.bussiness-icon4{

	background:url(../images/icon.png) no-repeat 0px -966px;height:72px;padding-left:75px;

}



.bussiness-body .item.on .service .content .bussiness-icon4{

	background:url(../images/icon.png) no-repeat 0px -1182px;

}



.bussiness-icon5{

	background:url(../images/icon.png) no-repeat 0px -1038px;height:72px;padding-left:74px;

}



.bussiness-body .item.on .service .content .bussiness-icon5{

	background:url(../images/icon.png) no-repeat 0px -1110px;

}



.bussiness-body .item .service .info{

	display: block;

	padding: 16px 20px 0 20px;

	border-top: 1px dashed #cdcdcd;

	font-size: 12px;

	line-height: 20px;

	color: #6c6c6c;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}



.bussiness-body .item.on .service .info{

	color: #fff;

	border-top: 1px dashed #4e94dd;

}



.bussiness-body .item .price{

	position: absolute;

	display: block;

	width: 100%;

	height: 360px;

	left:100%;

	top:0;

}



.bussiness-body .item.on .price{

	width: 50%;

	left:50%;

}



.bussiness-body .item .price ul{

	display: block;

	position: relative;

	z-index: 5;

}



.bussiness-body .item .price ul li{

	display: block;

	height: 71px;

	line-height: 71px;

	*height: 69px;

	*line-height: 69px;

	border-bottom: 1px solid #565758;

	white-space: nowrap;

}



.bussiness-body .item .price ul li a{

	display: block;

	padding: 0 20px 0 10px;

	color: #999;

	background: url(../images/enter-icon.png) no-repeat right 10px center;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.bussiness-body .item .price ul li a:hover{

	color: #fff;

	background: url(../images/enter-icon-on.png) no-repeat right 10px center;

}



.bussiness-body .item .price ul li a .num{

	padding-left: 10px;

}



.bussiness-body .item .price .mask{

	position: absolute;

	width: 100%;

	height: 100%;

	top:0;

	left:0;

	background-color: #000;

	opacity: 0.8;

	filter:alpha(opacity=80);

	z-index: 2;

}



.case-body{

	display: block;

	width: 87%;

	margin:0 auto;

	overflow: hidden;

}



.case-body ul{

	display: block;

	margin: 0 -8px;

}



.case-body li{

	display: block;

	width: 25%;

	*width: 24.739999%;

	float: left;

	margin-bottom: 16px;

	-webkit-transform: scale(0.4);

	-o-transform: scale(0.4);

	transform: scale(0.4);

	opacity: 0;

	filter: alpha(opacity=0);

}



.case-body .item1{

	-webkit-transition: 0.3s 0.5s linear;

	-o-transition: 0.3s 0.5s linear;

	transition: 0.3s 0.5s linear;

}



.case-body .item2{

	-webkit-transition: 0.45s 0.5s linear;

	-o-transition: 0.45s 0.5s linear;

	transition: 0.45s 0.5s linear;

}



.case-body .item3{

	-webkit-transition: 0.6s 0.5s linear;

	-o-transition: 0.6s 0.5s linear;

	transition: 0.6s 0.5s linear;

}



.case-body .item4{

	-webkit-transition: 0.75s 0.5s linear;

	-o-transition: 0.75s 0.5s linear;

	transition: 0.75s 0.5s linear;

}



.case-body .item5{

	-webkit-transition: 0.9s 0.5s linear;

	-o-transition: 0.9s 0.5s linear;

	transition: 0.9s 0.5s linear;

}



.case-body .item6{

	-webkit-transition: 1.05s 0.5s linear;

	-o-transition: 1.05s 0.5s linear;

	transition: 1.05s 0.5s linear;

}



.case-body .item7{

	-webkit-transition: 1.3s 0.5s linear;

	-o-transition: 1.3s 0.5s linear;

	transition: 1.3s 0.5s linear;

}



.case-body .item8{

	-webkit-transition: 1.45s 0.5s linear;

	-o-transition: 1.45s 0.5s linear;

	transition: 1.45s 0.5s linear;

}



.case .case-body.show li{

	-webkit-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	opacity: 1;

	filter: alpha(opacity=100);

	display: block;

	width: 32%;

}



.case-body li .content{

	display: block;

	padding: 0 4px;

}



.case-body li .content .pic{

	display: block;

	overflow: hidden;

	position: relative;

}



.case-body li .content .pic img{

	display: block;

	width: 100%;

	height: 328;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

	transform-origin:50% 50%;

}



.case-body li .content:hover .pic img{

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}



.case-body li .content .pic .icon{

	position: absolute;

	display: block;

	width: 51px;

	height: 60px;

	top:50%;

	margin-top: -25px;

	left:50%;

	margin-left: -30px;

	opacity: 0;

	filter:alpha(opacity=0);

	-webkit-transform: scale(2);

	-ms-transform: scale(2);

	-o-transform: scale(2);

	transform: scale(2);

	-webkit-transition: 0.5s linear;

	-o-transition: 0.5s linear;

	transition: 0.5s linear;

}



.case-body li .content:hover .pic .icon{

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	opacity: 1;

	filter:alpha(opacity= 100);

}



.case-body ul .content a .hover {

    position: absolute;

    left: 0;

    top: -100%;

    width: 100%;

    height: 100%;

    text-align: center;

    background: url(../images/alpha_red_80.png) repeat;

    color: #fff;

     display: none; 

    -o-transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    transition: .3s;

}

h1, h2, h3, h3, h4, h5, h6 {

    font-weight: normal;

}

.case-body ul .content a:hover .hover {

     display: block; 

    top: 0;

}





.strength{

	display: block;

	width: 100%;

	height: 132px;

	padding: 46px 0;

	overflow: hidden;

	background:#ccc;

}



.strength .item{

	position: relative;

	display: block;

	float: left;

	width: 33.333%;

	*width: 33.32%;

	height: 132px;

	text-align: center;

	top:200px;

	opacity: 0;

	filter:alpha(opacity=100);

}



.strength .item1{

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

}



.strength .item2{

	-webkit-transition: 0.3s 0.5s ease;

	-o-transition: 0.3s 0.5s ease;

	transition: 0.3s 0.5s ease;

}



.strength .item3{

	-webkit-transition: 0.6s 0.5s ease;

	-o-transition: 0.6s 0.5s ease;

	transition: 0.6s 0.5s ease;

}



.strength.show .item{

	top:0;

	opacity: 1;

	filter:alpha(opacity=100);

}



.strength .item .item-box{

	display: block;

	border-right: 1px solid #ccc;

}



.strength .item3 .item-box{

	border-right: none;

}



.strength .item .num{

	position: relative;

	display: block;

	text-align: center;

	line-height: 1;

	font-size: 0;

	font-family: "Microsoft Yahei";

}



.strength .item .num .num-item{

	display: inline-block;

	*display: inline;

	*zoom:1;

	width: 50px;

	height: 86px;

	margin: 0 2px;

	color: #000;

	font-size: 86px;

	overflow: hidden;

}



.strength .item .num .num-item .box{

	display: block;

}



.strength .item .num .num-item span{

	display: block;

	width: 50px;

	height: 86px;

	text-align: center;

}



.strength .item .num .line{

	display: none;

	position: absolute;

	width: 100%;

	height: 3px;

	top:50%;

	left:0;

	margin-top: -1px;

	background: #ccc;

}



.strength .item p{

	display: block;

	text-align: center;

	font-size: 16px;

	color: #000;

	margin-top: 20px;

}



.news{

	display: block;

	overflow: hidden;

}



.news-header h3{

	display: block;

	float: left;

}



.news-header .news-type{

	display: block;

	float: right;

	margin-top: 16px;

}



.news-header .news-type li{

	display: block;

	float: left;

	width: 78px;

	height: 24px;

	border: 1px solid #fff;

	border-radius: 15px;

	text-align: center;

	line-height: 24px;

	margin-left: 24px;

	color: #333;

	cursor: pointer;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.news-header .news-type li.active{

	border: 1px solid #0166ce;

	color: #0166ce;

}



.news-body{

	display: none;

	overflow: hidden;

	position: relative;

}



.news-body.on{

	display: block;

}



.news-body .news-l{

	position: relative;

	display: block;

	float: left;

	width: 45%;

	top:200px;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: 0.3s 0.5s linear;

	-o-transition: 0.3s 0.5s linear;

	transition: 0.3s 0.5s linear;

}



.news-body.show .news-l{

	top:0;

	opacity: 1;

	filter:alpha(opacity=100);

}



.news-body .news-l li{

	display: block;

	margin-bottom: 20px;

	overflow: hidden;

	clear: both;

}



.news-body .news-l li:last-child{

	margin-bottom: 0;

}



.news-body .news-l li .date{

	display: block;

	float: left;

	width: 98px;

	height: 98px;

	border: 1px solid #d6d6d6;

	margin-right: 16px;

	line-height: 1;

	text-align: center;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.news-body .news-l li:hover .date{

	border: 1px solid #0166ce;

	background-color: #0166ce;

}



.news-body .news-l li .date .day{

	display: block;

	font-size: 25px;

	color: #666;

	margin-top: 13px;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.news-body .news-l li:hover .date .day{

	color: #fff;

}



.news-body .news-l li .date .line{

	display: block;

	width: 21px;

	height: 1px;

	margin: 8px auto 10px;

	background-color: #757575;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.news-body .news-l li:hover .date .line{

	background-color: #eee;

}



.news-body .news-l li .date .month{

	display: block;

	font-size: 16px;

	color: #5f5f5f;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.news-body .news-l li:hover .date .month{

	color: #fff;

}





.news-body .news-l li .content{

	display: block;

	overflow: hidden;

}



.news-body .news-l li .content h4{

	display: block;

	margin-top: 8px;

}



.news-body .news-l li .content h4 a{

	font-size: 16px;

	color: #333;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.news-body .news-l li:hover .content h4 a{

	color: #0166ce;

}



.news-body .news-l li .content p{

	display: block;

	line-height: 26px;

	color: #5f5f5f;

	margin-top: 8px;

}



.news-body .news-l li .content p a{

	color: #5f5f5f;

}



.news-body .news-r{

	display: block;

	float: right;

	width: 53%;

}



.news-body .news-r li{

	position: relative;

	display: block;

	float: left;

	width: 47%;

	margin-left: 3%;

}



.news-body .news-r li:nth-child(2){

	margin-right: 0;

}



.news-body .news-r .item1{

	top:200px;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: 0.5s 0.5s linear;

	-o-transition: 0.5s 0.5s linear;

	transition: 0.5s 0.5s linear;

}



.news-body .news-r .item2{

	top:200px;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: 0.7s 0.5s linear;

	-o-transition: 0.7s 0.5s linear;

	transition: 0.7s 0.5s linear;

}



.news-body.show .news-r li{

	top:0;

	opacity: 1;

	filter:alpha(opacity=100);

}



.news-body .news-r li .pic{

	display: block;

	overflow: hidden;

	border: 1px solid #eee;

}



.news-body .news-r li .pic img{

	display: block;

	width: 100%;

	height: auto;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}



.news-body .news-r li:hover .pic img{

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}



.news-body .news-r li h4{

	display: block;

	margin-top: 22px;

	height: 64px;

}



.news-body .news-r li h4 a{

	color: #333;

	font-size: 16px;

	line-height: 32px;

	font-weight: bold;

	-webkit-transition: 0.5s linear;

	-o-transition: 0.5s linear;

	transition: 0.5s linear;

}



.news-body .news-r li:hover h4 a{

	color: #0166ce;

}



.news-body .news-r li p{

	display: block;

	line-height: 24px;

	color: #5f5f5f;

	margin-top: 14px;

	height: 96px;

}



.news-body .news-r li .info{

	display: block;

	margin-top: 18px;

}



.news-body .news-r li .info span{

	display: block;

	float: left;

	color: #9a9a9a;

}



.news-body .news-r li .info a{

	display: block;

	float: right;

	color: #5f5f5f;

	-webkit-transition: 0.5s linear;

	-o-transition: 0.5s linear;

	transition: 0.5s linear;

}



.news-body .news-r li .info a:hover{

	color: #0166ce;

}



.contact{

	position: relative;

	display: block;

	width: 100%;

	margin-top: 50px;

	overflow: hidden;

	height: 262px;

	padding-top: 328px;

}



.contact .map{

	display: block;

	position: absolute;

	width: 100%;

	height: 590px;

	margin: 0 auto;

	left:0;

	top:0;

	z-index: 2;

	opacity: 0;

	-webkit-transition: 0.8s linear;

	-o-transition: 0.8s linear;

	transition: 0.8s linear;

}



.contact.show .map{

	opacity: 1;

}



.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



.contact .contact-way{

	display: block;

	position: relative;

	z-index: 10;

	height: 262px;

	overflow: hidden;

}



.contact .contact-way ul{

	display: block;

	margin: 0 -2%;

	*margin: 0;

}



.contact .contact-way ul li{

	position: relative;

	display: block;

	float: left;

	width: 21%;

	height: 138px;

	margin: 0 2%;

	text-align: center;

	background-color: #080808;

	background-color: rgba(0,0,0,0.6);

	opacity: 0;

	filter:alpha(opacity=0);

	top: 200px;

}



.contact .contact-way ul .item1{

	-webkit-transition: top 0.3s 0.5s linear,background 0.3s linear;

	-o-transition: top 0.3s 0.5s linear,background 0.3s linear;

	transition: top 0.3s 0.5s linear,background 0.3s linear;

}



.contact .contact-way ul .item2{

	-webkit-transition: top 0.5s 0.5s linear,background 0.3s linear;

	-o-transition: top 0.5s 0.5s linear,background 0.3s linear;

	transition: top 0.5s 0.5s linear,background 0.3s linear;

}



.contact .contact-way ul .item3{

	-webkit-transition: top 0.7s 0.5s linear,background 0.3s linear;

	-o-transition: top 0.7s 0.5s linear,background 0.3s linear;

	transition: top 0.7s 0.5s linear,background 0.3s linear;

}



.contact .contact-way ul .item4{

	-webkit-transition: top 0.9s 0.5s linear,background 0.3s linear;

	-o-transition: top 0.9s 0.5s linear,background 0.3s linear;

	transition: top 0.9s 0.5s linear,background 0.3s linear;

}



.contact.show .contact-way ul li{

	top:0;

	opacity: 1;

	filter:alpha(opacity=100);

}



.contact .contact-way ul li:hover{

	background-color: #0166ce;

	background-color: rgba(1,102,206,0.6);

}



.contact .contact-way ul li .item-box{

	display: block;

	padding: 0 24px;

}



.contact .contact-way ul li .icon{

	display: inline-block;

	margin-top: 20px;

}



.contact .contact-way ul li p{

	display: block;

	color: #fff;

	line-height: 22px;

	margin-top: 6px;

}



.footer{

	display: block;

	width: 100%;

	background-color: #1e1e1e;

	padding-top: 30px;



}





.footer .friend-link{

	display: block;

}



.footer .friend-link h3{

	display: block;

	font-size: 24px;

	color: #0166ce;

	line-height: 1;

}



.footer .friend-link ul{

	display: block;

	margin-top: 10px;

	overflow: hidden;

}



.footer .friend-link ul li{

	display: block;

	float: left;

	color: #5e5e5e;

	height: 30px;

	line-height: 30px;

}



.footer .friend-link ul li a{

	color: #7d7d7d;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.footer .friend-link ul li a:hover{

	color: #fff;

}



.footer .friend-link ul li span{

	padding: 0 11px;

}



.footer .interactive{

	display: block;

	margin-top: 24px;

}



.footer .interactive h4{

	display: block;

	font-size: 16px;

	color: #d3d3d3;

}



.footer .interactive-body{

	display: block;

	margin-top: 16px;

	padding-bottom: 12px;

}



.footer .interactive-body-l{

	display: block;

	float: left;

}



.footer .interactive-body-l li{

	position: relative;

	display: block;

	float: left;

	width: 30px;

	height: 30px;

	border: 1px solid #474747;

	margin-right: 8px;

	border-radius: 50%;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.footer .interactive-body-l li:hover{

	border: 1px solid #fff;

}



.footer .interactive-body-l li a{

	display: block;

	width: 30px;

	height: 30px;

}



.footer .interactive-body-l li .qq-icon{

	background:url(../images/icon.png) no-repeat 0px -118px;

}



.footer .interactive-body-l li:hover .qq-icon{

	background:url(../images/icon.png) no-repeat 0px -88px;

}



.footer .interactive-body-l li .xlwb-icon{

	background:url(../images/icon.png) no-repeat 0px -148px;

}



.footer .interactive-body-l li:hover .xlwb-icon{

	background:url(../images/icon.png) no-repeat 0px -178px;

}



.footer .interactive-body-l li .txwb-icon{

	background:url(../images/icon.png) no-repeat 0px -28px;

}



.footer .interactive-body-l li:hover .txwb-icon{

	background:url(../images/icon.png) no-repeat 0px -58px;

}



.footer .interactive-body-l li .wx-icon{

	background:url(../images/icon.png) no-repeat 0px -208px;

}



.footer .interactive-body-l li:hover .wx-icon{

	background:url(../images/icon.png) no-repeat 0px -238px;

}



.footer .interactive-body-l li .ewm{

	display: none;

	position: absolute;

	width: 120px;

	height: 120px;

	border: 1px solid #eee;

	bottom:45px;

	right:-45px;

	z-index: 10;

}



.footer .interactive-body-l li .ewm .arrow{

	display: block;

	position: absolute;

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-top: 8px solid #eee;

	bottom:-16px;

	left:50%;

	margin-left: -8px;

}



.footer .interactive-body-r{

	position: relative;

	display: block;

	float: right;

	padding-top: 15px;

}



.footer .interactive-body-r button{

	display: block;

	float: left;

	width: 120px;

	height: 38px;

	margin-left: 11px;

	line-height: 38px;

	color: #fff;

	border-radius: 5px;

	text-align: center;

	border: none;

	outline: none;

	cursor: pointer;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.footer .interactive-body-r button:hover{

	opacity: 0.8;

}



.footer .interactive-body-r .wx-btn{

	background-color: #04c38e;

}



.footer .interactive-body-r .go-top{

	background-color: #0856ab;

}



.footer .interactive-body-r button i{

	display: inline-block;

	vertical-align: top;

	margin-right: 7px;

}



.footer .interactive-body-r .ewm{

	display: none;

	position: absolute;

	bottom:48px;

	left:11px;

	z-index: 10;

}



.footer .web-info{

	display: block;

	width: 100%;

	padding: 23px 0 20px 0;

	background-color: #0a0a0a;

	text-align: center;

	color: #fff;

}



.footer .web-info .prove{

	display: block;

	margin-top: 22px;

}



.footer  .web-info .prove li{

	display: inline-block;

	*display: inline;

	*zoom:1;

	margin: 0 15px;

}



.footer  .web-info .prove li img{

	display: block;

	width: 118px;

	height: 41px;

}





/*右侧浮动层*/



.online-service{

	display: none;

	position: fixed;

	width: 42px;

	bottom:150px;

	right:30px;

	z-index: 99;

}



.online-service li{

	position: relative;

	display: block;

	width: 72px;

	height: 42px;

	margin-top: 10px;

	color: #FFF;

}



.online-service li .way{

	position: relative;

	display: block;

	width: 72px;

	color: #FFF;

	height: 42px;

	text-align: center;

	border-radius: 10%;

	background-color: #000;

	background-color: rgba(0,0,0,1);

	background-image: url(../images/contact-icon.png)no-repeat -10px center;

	z-index: 10;

	font-size: 0;

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

	cursor: pointer;

}



.online-service li .way:hover{

	background-color: #0166ce;

}



.online-service li .way .icon{

	display: inline-block;

	margin: 10px 0px 0px 3px; 

}

.online-service li .way .icon.arrow-top{

	margin-top: 15px;

}









/*------------------------------------------ 案例展示 ------------------------------------------*/



.banner-inside{

	display: block;

	padding: 170px 0 99px;

	text-align: center;

	line-height: 1;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	background-size: cover;

}



.banner-inside h4{

	position: relative;

	display: block;

	font-size: 48px;

	color: #fff;

	opacity: 0;

	top:100px;

	-webkit-transition: 0.6s ease-in-out;

	-o-transition: 0.6s ease-in-out;

	transition: 0.6s ease-in-out;

}



.banner-inside.show h4{

	opacity: 1;

	top:0;

}



.banner-inside p{

	position: relative;

	display: block;

	margin-top: 25px;

	font-size: 38px;

	color: #cacbcc;

	opacity: 0;

	top:100px;

	-webkit-transition: 0.3s 0.6s ease-in-out;

	-o-transition: 0.3s 0.6s ease-in-out;

	transition: 0.3s 0.6s ease-in-out;

}



.banner-inside.show p{

	opacity: 1;

	top:0;

}



.main{

	margin-bottom: 50px;

}



.case-center{

	display: block;

	margin-top: 60px;

}



.case-center .case-type{

	display: block;

	text-align: center;

	font-size: 0;

	position: relative;

}



.case-center .case-type .line{

	position: absolute;

	width: 100%;

	height: 1px;

	top:32px;

	background-color: #d2d2d2;

	z-index: -1;

}



.case-center .case-type ul li{

	display: inline-block;

	*display: inline;

	*zoom:1;

	padding: 0 30px;

	background-color: #fff;

}



.case-center .case-type ul li i{

	display: inline-block;

	width: 64px;

	height: 64px;

	border-radius: 50%;

	-webkit-transition: background 0.3s linear;

	-o-transition: background 0.3s linear;

	transition: background 0.3s linear;

}



.case-center .case-type ul li:hover i{

	background-color: #ddd;

}







.case-center .case-type ul li p{

	display: block;

	font-size: 16px;

	color: #333;

	line-height: 1;

	margin-top: 14px;

}



.case-center .case-type ul li.active p{

	color: #0166ce;

}



.case-center .case-body{

	display: block;

	margin-top: 60px;

}



.case-center .case-body li{

	opacity: 1;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.loading-more{

	display: block;

	margin-top: 35px;

}



.loading-more a{

	display: block;

	width: 350px;

	height: 60px;

	text-align: center;

	line-height: 60px;

	color: #333;

	font-size: 20px;

	background-color: #f1f1f1;

	margin: 0 auto;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.loading-more a:hover{

	color: #fff;

	background-color: #1e1e1e;

}





.contact-box{

	display: block;

	width: 100%;

	padding: 46px 0 68px 0;

	text-align: center;

	background-color: #f4f4f4;

}



.contact-box p{

	display: block;

	font-size: 18px;

	color: #686868;

	line-height: 32px;

}



.contact-box .way{

	display: block;

	margin-top: 18px;

	text-align: center;

}



.contact-box .way a{

	display: inline-block;

	width: 153px;

	height: 47px;

	text-align: center;

	line-height: 47px;

	color: #fff;

	font-size: 22px;

	background-color: #0166ce;

	border-radius: 10px;

	margin-right: 30px;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}



.contact-box .way a:hover{

	background-color: #0055ad;

}



.contact-box .way span{

	display: inline-block;

	font-size: 28px;

	color: #404040;

	line-height: 47px;

}



.web-info {

    display: block;

    width: 100%;

    padding: 23px 0 0px 0;

    background-color: #1e1e1e;

    text-align: center;

    color: #fff;



}

	.sidebar {

    position: fixed;

    right: -5px;

    top: 50%;

    margin-top: -80px;

    width: 55px;

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

    padding: 12px 0 0 0;

    border-radius: 8px 0 0 8px;

    z-index: 999999;

}

.container_1 {

    max-width: 100%;

    margin: 0 auto;



}

.page-tit {

    text-align: center;

    font-size: 2em;

    font-weight: 400;

}



@media (max-width: 1439px) and (min-width: 1200px)

.news .left .content {

    width: 365px;

    height: 365px;

    margin-top: 25px;

}

.content {

    position: relative;

    width: 440px;

    height: 440px;

    margin-top: 30px;

    float: right;

}

.content .quan .titleCh {

    font-family: "Microsoft YaHei", tahoma;

    font-weight: 100;

    margin-top: 84px;

}

@media (max-width: 1439px) and (min-width: 1200px)

.news .left .content .quan .titleEn {

    margin-top: 70px;

}

.content .quan .titleEn {

    letter-spacing: 0.12em;

    margin-top: 84px;

    font-family: 'dincondensedcregular';

    font-weight: 100;

    font-stretch: condensed;

}

@media (max-width: 1439px) and (min-width: 1200px)

#quan1 {

    top: 0px;

    left: 75px;

}



@media (max-width: 1439px) and (min-width: 1200px)

#quan2 {

    top: 132px;

    left: 0px;

}







@media (max-width: 1439px) and (min-width: 1200px)

#quan3 {

    top: 133px;

    left: 150px;

}

#quan3 {

    top: 160px;

    left: 180px;

}

@media (max-width: 1439px) and (min-width: 1200px)

.news .left .content .quan {

    width: 183px;

    height: 183px;

    font-size: 20px;

}

.content .quan {

    position: absolute;

    width: 220px;

    height: 220px;

    background: url(../images/quan.png) no-repeat;

    background-size: 100% 100%;

    text-align: center;

    font-size: 24px;

    color: #fff;

}



@media (max-width: 1439px) and (min-width: 1200px)

#quan4 {

    top: 75px;

    left: 75px;

    background: none;

}

#quan4 {

    top: 90px;

    left: 90px;

    background: none;

}

#quan2 {

    top: 160px;

    left: 0px;

}

#quan1 {

    top: 0px;

    left: 90px;

}





.new-list li span {



    margin-right: 1rem;

    color: #666;

    text-align: center;

	border:2px solid #d81e06;

    float: left;

    width: 6.5rem;

    height: 8rem;

}

.new-list .news_gd{ width: 400px; padding-top: 23px;}

.new-list li a {

    padding-bottom: .3rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 1.8rem;

    font-weight: 400;

    color: #333;

    display: block;

}

.new-list li {

    color: #666;

    padding: 1.5rem 0;

    

    height: 118px;

    overflow: hidden;

    text-overflow:ellipsis;

}

.new-list li span strong {

	margin-left: 15px;

	margin-right:15px;

    font-size: 2.2em;

	line-height: 4.9rem;

}

p {

    display: block;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

}

.fenlei li a {display: block;padding: 10px;line-height: 38px;min-width: 140px;color: #333;font-size: 28px;font-weight: bold;}

.fadeInUp .news_gd li a:hover{color: #d81e06;}

/*.fadeInUp .news_gd li:hover span{background: #1f6adb; color: #FFF;}*/

.actionn {

    display: block;

    position: absolute;

    width: 100%;

    height: 40px;

    left: 0;

    bottom: 31px;

    z-index: 3;

    overflow:hidden;

}

.actionn .scroll-bttn {

    position: absolute;

    display: block;

    width: 22px;

    height: 30px;

    top: 0;

    left: 50%;

    margin-left: -11px;

    background: url(../images/scroll-btn2.png) no-repeat center;

    z-index: 4;

    animation: myFade 2s linear infinite;

}

.actionn .line-l {

    position: absolute;

    display: block;

    width: 100%;

    height: 1px;

    background-color: #a7a8a7;

    top: 50%;

    margin-top: -1px;

    right: 50%;

    margin-right: 31px;

}

.actionn .line-r {

    position: absolute;

    display: block;

    width: 100%;

    height: 1px;

    background-color: #a7a8a7;

    top: 50%;

    margin-top: -1px;

    left: 50%;

    margin-left: 31px;

}

.sssddd{

	bottom:-6%;

}

.pages{width: 100%;height: 30px;}

.pages ul{margin-left: 31.5%;}

.pages li .a1{cursor:auto;}

.pages li a{margin-left:5px;float: left;width: 7%;height:30px;border:1px solid #CCC;text-align: center;line-height:30px;background: #FFF;font-size: 14px;font-weight: 800;color: #000;cursor:pointer;}

.pages li span{margin-left:5px;float: left;width: 7%;height:30px;border:1px solid #CCC;text-align: center;line-height:30px;background: #FFF;font-size: 14px;font-weight: 800;color: #000;cursor:pointer;}

.pages li a:hover{background: #6f7876;color: #FFF;border: none;}

.pages li span:hover{background: #2A8BC3;color: #FFF;border: none;}

p{margin:0px 0px 0px 0px ;}



.lianxiwomen .lianxiwomen_right img{float: left;}

.lianxiwomen .lianxiwomen_right .pppppp{float: right;margin-left:230px;margin-bottom:50px;}

#dituContent{border: 1px solid #CCC;}

/*网站建设样式*/

.shouji_tp {

    width: 81%;

    margin: 38px auto 0px;

    padding-bottom: 28px;

}

.shouji_tp ul li {

    width: 200px;

    float: left;

    margin-right: 20px;

    margin-bottom: 29px;

    -webkit-transition: all 0.3s ease 0s;

}

.shouji_tp ul li:hover{

	-webkit-transform: translate(0px,-3px);

}

.shouji_tp ul li a {

    display: block;

    width: 200px;

    text-align: center;

    text-decoration: none;

    color: #d81e06;

}

.shouji_tp ul li .pinpai_a1 div {

    height: 117px;

    overflow: hidden;

}

.shouji_tp ul li .pinpai_a2 div {

    height: 117px;

    overflow: hidden;

}

.shouji_tp ul li .pinpai_a3 div {

    height: 117px;

    overflow: hidden;

}

.shouji_tp ul li .pinpai_a4 div {

    height: 117px;

    overflow: hidden;

}

.shouji_tp ul li .pinpai_a5 div {

    height: 117px;

    overflow: hidden;

}

.shouji_tp ul li .pinpai_a6 div {

    height: 117px;

    overflow: hidden;

}

.shouji_tp ul li .pinpai_a7 div {

    height: 117px;

    overflow: hidden;

}

.shouji_tp ul li .pinpai_a8 div {

    height: 117px;

    overflow: hidden;

}



.shouji_tp ul li a h5 {

    color: #1d5382;

    font-size: 16px;

    font-weight: normal;

    height: 45px;

    line-height: 52px;

}

.shouji_tp ul li a:hover h5{

    color: #d81e06;

}

.shouji_tp ul li a p {

    color: #888888;

    font-size: 13px;

    line-height: 24px;

    word-break: break-all;

    word-wrap: break-word;

}

/*微信公众号样式*/

.weixin_tp #ctl00_ContentPlaceHolder1_leftMenu1_Menu img{

	width: 100%; 

	border:none;

}

p{

	margin:0px 0px 0px;

}





.ser_box{overflow: hidden;padding-top: 20px;}

.wp{margin:0 auto;width: 1180px;}

.wxgn {font-family: 微软雅黑,sans-serif;font-size: 14px;margin: 0px auto;width: 1180px;text-align: center;}

.wxgn ul li {

    border: 1px solid transparent;

    width: 175px;

    height: 200px;

    float: left;

    margin: 10px 8px;

}

.wxgn ul li:hover {

    border: 1px solid #d81e06;

    background: #e9eae9;

}

.wxgn ul li img {

	width: 86px;

	height: 86px;

    margin: 10px 45px;

}

.gnmc {

    text-align: center;

    font-size: 18px;

    line-height: 20px;

    padding: 5px 0px;

}

.wxgn ul li a {

    text-align: center;

}

.gnmc p {

    font-size: 14px;

    color: #939292;

    padding-top: 10px;

}

.introbox ul li {

    width: 393px;

    float: left;

    background: url(../images/des_dotted.png) no-repeat right center;

}

.introbox ul li h5 {

    font-size: 22px;

    font-weight: normal;

    color: #666;

    text-align: center;

}

.intro_img {

    text-align: center;

    padding: 20px 15px;

}

.introbox ul li p {

    padding: 10px 45px;

    line-height: 22px;

}





/*搜索引擎样式*/

@media screen and (min-width: 769px)

.section {

    min-width: 1200px;

}

.section {

    display: block;

    height: 300px;

    margin-top: 50px;

    position: relative;

}

.section-speciality {

    position: relative;

    z-index: 15;

    margin-top: -55px;

    padding: 0 0 50px;

}

@media screen and (min-width: 769px)

.section .section-inner {

    min-width: 1180px;

}

.section .section-inner {

    min-width: 320px;

    max-width: 1180px;

    margin: 0 auto;

    padding-left: 10px;

    padding-right: 10px;

}

.section-banner .section-content, .section-speciality .section-content {

    margin-top: 0;

}

.section-content {

    overflow: hidden;

    position: relative;

    margin-top: 40px;

}

.vertical-list.column-4 .vertical-item {

    width: 25%;

}

.vertical-list .vertical-item {

    font-size: 16px;

    display: inline-block;

    vertical-align: top;

    text-align: center;

}

.section-speciality .vertical-list .vertical-item-head {

    width: 118px;

    height: 118px;

    border: 4px solid #f4f4f4\9;

    border: 4px solid rgba(0,0,0,.04);

    background: #fff;

/*    padding: 31px;*/

    border-radius: 100%;

    margin: 0 auto;

}



.vertical-list .vertical-item-body {

    padding: 0 10%;

}

.section-speciality .vertical-list img {

    width: 48px;

    height: 48px;

    margin-top:30px;

}

.vertical-list .vertical-item-body h4 {

    color: #333;

    font-size: 18px;

    font-weight: 400;

    margin: 24px 0 12px;

}

.vertical-list .vertical-item-body .text {

    line-height: 24px;

    font-size: 14px;

    color: #666;

    text-align: left;

}

/*搜索引擎样式*/

.guanyuwomen_nr .element-row{width: 100%;clear: both;float: left;margin:0 auto;margin-top:20px;}

.guanyuwomen_nr .element-row .col-5{float: right;}

.guanyuwomen_nr .element-row .col-5 img{float: right;}

.row .col-5 {

    width: 41.66%;

}

.row .col-7 {

    width: 59%;

}

#main-content img {

    max-width: 100%;

    width: auto;

    height: auto;

    border: 0;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic;

}

/*底部友情样式*/

.containers{

	background: #0a0a0a;

	padding-top: 40px;

	padding-bottom: -20px;

}

.container {

    display: block;

    width: 85%;

    min-width: 1200px;

    margin: 0 auto;

}

.friend-link h3 {

    display: block;

    font-size: 18px;

    color: #d81e06;

    line-height: 1;

}

.friend-link ul {

    display: block;

    margin-top: 10px;

    overflow: hidden;

}

.friend-link ul li {

    display: block;

    float: left;

    color: #5e5e5e;

    height: 30px;

    line-height: 30px;

}

.friend-link ul li a {

    color: #7d7d7d;

    -webkit-transition: 0.3s linear;

    -o-transition: 0.3s linear;

    transition: 0.3s linear;

}

.friend-link ul li a:hover {

    color: #fff;

    

}

.friend-link ul li span {

    padding: 0 11px;

}