@charset "utf-8";

.b-1 {

	height: 760px;

	background: url(/style/images/b-1.jpg);

}

.b-1 h2 {

	font-size: 27px;

    text-align: center;

    color: #333;

    padding: 50px 0 45px;

}






.b-4 {

	width: 100%;

	

	    margin: 60px auto;
	 height: 800px;


	    background: url(/style/images/033.jpg) center top repeat;

}

.b-4 ul {

}

.b-4 li {

	width: 300px;

	height: 80px;

	float: left;

	display: inline;

}

.b-4 li img {

	float: left;

}

.b-4 li .t {

	float: left;

	margin: 12px 0 0 12px;

}

.b-4 li .t h3 {

	font-family: Arial;

	font-size: 24px;

	font-weight: normal;

}

.b-4 li .t p {

	font-size: 18px;

	line-height: 18px;

	color: #aaa;

}

.b-5 {

	padding: 40px 0 50px;

	background: #f7f8fa;

}

.b-5 h2 {

	font-size: 27px;

	text-align: center;

	color: #092676;

	padding: 0 0 40px;

}

.b-5 .hd {

	text-align: center;

}

.b-5 .hd li {

	display: inline-block;

	font-size: 16px;

	margin: 0 15px;

	border-bottom: 2px solid #f7f8fa;

	padding-bottom: 4px;

	cursor: pointer;

}

.b-5 .hd li.on, .b-5 .hd li:hover {

	border-bottom: 2px solid #17347e;

}

.b-5 .bd {

	width: 1200px;

	position: relative;

	margin: 40px auto 0;

}

.b-5 .bd .slist {

	width: 100%;

	overflow: hidden;

}

.b-5 .bd ul {

}

.b-5 .bd li {

	width: 280px;

	float: left;

	display: inline;

	margin-right: 26px;

}

/*.b-5 .bd li:nth-child(4n){float:right;margin-right:0;}*/

.b-5 .bd li .t {

	background: #fff;

}

.b-5 .bd li .t a {

	display: block;

	padding: 8px 0 20px 0;

}

.b-5 .bd li .t a:hover {

	background: #1f5093;

	color: #fff;

}

.b-5 .bd li .t a:hover em {

	color: #fff;

}

.b-5 .bd li .t h3 {

	width: 206px;

	height: 30px;

	line-height: 30px;

	background: url(/style/images/rr.png);

	margin: 0 auto;

	font-size: 15px;

	padding-left: 30px;

}

.b-5 .bd li .t .sp {

	padding: 8px 0;

}

.b-5 .bd li .t p {

	font-size: 14px;

	padding: 0 22px;

	line-height: 25px;

}

.b-5 .bd li .t p em {

	color: #d72025;

	font-family: Arial;

}

.b-5 .bd li .t span {

	display: block;

	width: 79px;

	height: 36px;

	line-height: 36px;

	background: url(/style/images/m.png);

	color: #fff;

	margin: 0 0 0 22px;

	font-size: 14px;

	padding-left: 40px;

}

.b-5 .btn {

	width: 64px;

	height: 18px;

	background: url(/style/images/btn2.png);

	position: absolute;

	top: -25px;

	right: 0;

}

.b-5 .btn .prev {

	width: 32px;

	height: 18px;

	float: left;

	cursor: pointer;

}

.b-5 .btn .next {

	width: 32px;

	height: 18px;

	float: right;

	cursor: pointer;

}

.b-6 {

	width: 1200px;

	padding: 0px 0 0px;

	margin: 0 auto;

}

.b-6 h2 {

	font-size: 32px;

	text-align: center;

	color: #333;

	padding: 0 0 40px;

}

.b-6 .p {

	float: left;

}

.b-6 ul {

	width: 864px;

	height: 415px;

	float: right;

	padding-top: 52px;

	box-shadow: 0 0 15px #ddd;

}

.b-6 li {

	margin: 0 50px;

	padding-bottom: 20px;

	border-bottom: 1px dashed #ddd;

	margin-bottom: 20px;

}

.b-6 li .d {

	width: 60px;

	height: 60px;

	background: #00a8b1;

	color: #fff;

	float: left;

	text-align: center;

	font-size: 25px;

}

.b-6 li .d em {

	display: block;

	font-size: 12px;

}

.b-6 li .t {

	width: 684px;

	height: 60px;

	float: right;

}

.b-6 li .t h3 {

	font-size: 14px;

}

.b-6 li .t .i {

	padding-top: 3px;

	color: #777;

}

.b-7 {

	width: 1200px;

	padding: 0 0 60px;

	margin: 0 auto;

}

.b-7-z {

	width: 368px;

	float: left;

}

.b-7-m {

	width: 368px;

	margin: 0 48px;

	float: left;

}

.b-7-y {

	width: 368px;

	float: right;

}

.b-7 dl {

}

.b-7 dt {

	height: 41px;

	line-height: 41px;

	border-bottom: 1px dashed #ddd;

	padding: 5px 0;

}

.b-7 dt h3 {

	float: left;

	font-size: 20px;

	font-weight: normal;

	background: url(/style/images/line2.png) left center no-repeat;

	padding-left: 14px;

	color: #000;

}

.b-7 dt a {

	float: right;

	font-family: Arial;

}

.b-7 dd {

	height: 38px;

	line-height: 38px;

	font-size: 13px;

	border-bottom: 1px dashed #ddd;

}

.b-7 dd a {

	float: left;
    background: url(/style/images/ico9.png) left center no-repeat;
    padding-left: 10px;
    
    white-space: nowrap;
    width: 278px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;

}
.b-7 dd a:hover {

	color: #00aeb6;

}

.b-7 dd span {

	float: right;

	font-family: Arial;

	color: #888;

}

.b-8 {

	background: url(/style/images/point.png);

}

.b-8 .wrap {

	position: relative;

	height: 140px;

}

.b-8 .wrap .p {

	width: 236px;

	height: 204px;

	background: url(/style/images/girl.png);

	position: absolute;

	bottom: 0;

	left: 0;

}

.b-8 .wrap .hotline {

	font-size: 16px;

	color: #fff;

	float: left;

	margin: 56px 0 0 230px;

}

.b-8 .wrap .hotline em {

	display: block;

	font-family: Arial;

	font-size: 32px;

	line-height: 28px;

}

.b-8 .wrap form {

	float: right;

	width: 657px;

	height: 92px;

	float: right;

	margin-top: 24px;

	position: relative;

	font-size: 13px;

}

.b-8 .wrap .name {

	width: 260px;

	height: 44px;

	background: #f2f2f2;

	position: absolute;

	top: 0;

	left: 0;

	padding-left: 8px;

}

.b-8 .wrap .phone {

	width: 260px;

	height: 44px;

	background: #f2f2f2;

	position: absolute;

	top: 0;

	left: 272px;

	padding-left: 8px;

}

.b-8 .wrap select {

	width: 540px;

	height: 44px;

	background: #f2f2f2;

	position: absolute;

	bottom: 0;

	left: 0;

	color: #777;

}

.b-8 .wrap .text {

	width: 532px;

	height: 44px;

	background: #f2f2f2;

	position: absolute;

	bottom: 0;

	left: 0;

	color: #777;

	padding-left: 8px;

}

.b-8 .wrap .submit {

	width: 106px;

	height: 92px;

	background: #f00;

	position: absolute;

	top: 0;

	right: 0;

	color: #fff;

	text-align: center;

	cursor: pointer;

	background: linear-gradient(#00aeb6, rgba(0,174,182,0.7));

	border-radius: 4px;

	font-size: 16px;

}

.youshi{

	padding: 40px 0;height: 75px;

}

.youshi li{

	float: left;

	width: 22%;

	margin-right: 4%;



}

.youshi li:nth-child(4){

	margin-right: 0px;

}

.youshi li img{

	float: left;

	display: block;

	margin-right: 10px;

}

.youshi li h3{

	/*float: left;*/

	color: #333;

	font-size: 16px;

	margin-top: 15px;

	margin-bottom: 3px;

}

.youshi li p{

	/*float: left;*/

	color: #8c8c8c;

	font-size: 16px;

}

.w1200{width: 1200px;

    margin: 0 auto;}

.b-2 {

	background: url(/style/images/main3_bg.jpg) no-repeat center;

	

	    height: 420px;

}

.b-2 h2 {
font-size: 32px;
    text-align: center;
    color: #333;
    padding: 40px 0 0px;

}	

.b-2 ul li{

	position: relative;

    float: left;

    width: 25%;

    min-height: 85px;

    margin-right: 1%;

    padding-left: 90px;

}

.b-2 ul li:nth-child(-n+3){

	margin-bottom: 25px;

}

.b-2 ul li:nth-child(3n){

	margin-right: 0px;

}

.b-2 ul li .pic{

	position: absolute;

	left: 15px;

	top: 0px;

}

.b-2 ul li h3{

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	line-height: 32px;

}

.b-2 ul li p{

	font-size: 15px;

	line-height: 22px;

	color: #b6b6b6;

}

.b-3 h2 {

	font-size: 32px;

    text-align: center;

    color: #333;

   padding: 60px 0 40px;

}



.b-3{

	

	height:680px;

}

.b-3 ul li{

	float: left;

	width: 33.33%;

}

.b-3 ul li .pic{

	position: relative;

}

.b-3 ul li .pic:after{

	content: "";

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

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

}

.b-3 ul li .pic img{

	display: block;

	width: 100%;

	height: 260px;

}

.b-3 ul li .text{

	height: 215px;

	background-color: #f0f0f0;

	padding: 45px 30px 0 30px;

	transition: all 0.3s;

}

.b-3 ul li .text h3{

	font-size: 20px;

	color: #00a8b1;

	margin-bottom: 5px;

	transition: all 0.3s;

}

.b-3 ul li .text p{

	font-size: 15px;

	color: #272727;

	margin-bottom: 24px;

	transition: all 0.3s;

}

.b-3 ul li .text a{

	display: block;

	width: 120px;

	font-size: 14px;

	line-height: 32px;

	color: #272727;

	border: 1px solid #272727;

	text-align: center;

	transition: all 0.3s;

}

.b-3 ul li.on .text{

	background-color: #00a8b1;

}

.b-3 ul li.on .text h3{

	color: #fff;

}

.b-3 ul li.on .text p{

	color: #fff;

}

.b-3 ul li.on .text a{

	color: #fff;

	border: 1px solid #fff;

}

.join_in {
padding: 40px 0;
    
    text-align: center;
   
}

.join_in_title {

	font-size: 36px;

	color: #333;

}

.join_in_title span {

	color: #00a8b1;

}

.join_in_text {

	color: #666;
    font-size: 18px;
    margin: 15px 0 31px 0;

}

.join_in_button {

	padding: 8px 60px;

}

.all_button {

   display: inline-block;
    background: #00aeb6;
    border: solid 1px #00aeb6;
    color: #fff;
    padding: 6px 20px;
    border-radius: 3px;
    overflow: hidden;
    font-size: 16px;
    margin-top: 565px;

}

.all_button:hover {

    background: #fff;

    background: transparent;

    color: #00aeb6;

}
/*合作客户*/
.hz{width: 1200px;
    margin: 0 auto;
    padding: 5px 0 20px;}
.hz .yin_t{background:url(/style/images/hz_tbg.gif) no-repeat center 0;height: 130px;}
.hz ul li{width: 240px;height: 135px;float: left;line-height: 0;border-bottom: #ddd 1px solid;position: relative;background: #fff;}
.hz ul li a{ width: 150px;
    height: 100px;
    padding: 19px 44px;float: left;}
.hz ul li a:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;right: 0;z-index: 20;}
.hz ul li img{width: 150px;height: 100px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz ul li:nth-child(5n):before{background: none;}
.hz ul li a:hover:after{content: "";width: 240px;height: 135px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);z-index: 21;}

.cont{
    position: relative;
    width: 100%;
    height: 236px;
    background: url(/style/images/55c8488.png) no-repeat;
    background-size: 100% 100%;
}
.cont .item1{
    top: 0px;
    left: 81px;
}
.cont .item{
    position: absolute;
}
.cont .item2{
    top: 137px;
    left: 315px;
}
.cont .item{
    position: absolute;
}
.cont .item3{
    top: 0px;
    left: 525px;
}
.cont .item{
    position: absolute;
}
.cont .item4{
    top: 137px;
    left: 775px;
}
.cont .item{
    position: absolute;
}
.cont .item5{
    top: 0px;
    left: 970px;
}
.cont .item{
    position: absolute;
}
.cont .item ._tit{
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.cont .item ._tit .time{
    color: #00aeb6;
    margin-right: 8px;
}
.cont .item ._des{
    width: 218px;
    font-size: 13px;
    letter-spacing: .4px;
    line-height: 22px;
    color: #666;
}
.cont .item .ui-btn{
   width: 100px;
    height: 32px;
    line-height: 27px;
    font-size: 12px;
    color: #fff;
    background: #00aeb6;
    border: 1px solid #00aeb6;
    text-align: center;
    border-radius: 4px;
    margin-top: 12px;
    cursor: pointer;
}
.__subtit{
    font-size: 18px;
    font-weight: 400;
    color: #6c6b6b;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.gszcn-tit{
    text-align: center;
}
.gszcn-tit .title{
   font-size: 32px;
    text-align: center;
    color: #333;
    padding: 0 0 15px;
    font-weight: bold;
}
.gszcn-tit .title span{
    position: relative;
}
.gszcn-tit .title span:after{
    
}
.gszcn-tit .title span:before{
   
}
.gszcn-tit .sub-tit{
    font-size: 14px;
    color: #999;
    line-height: 1em;
    padding-top: 10px;
}
.gszcn-rmfw-con{
    padding: 20px 0 68px;
}
.gszcn-rmfw-con li{
    float: left;
    width: 234px;
    height: 84px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 5px 10px 0;
}
.gszcn-rmfw-con li .pic{
    padding: 23px 0 0 16px;
    width: 46px;
    float: left;
}
.gszcn-rmfw-con li.last{
    margin-right: 0;
}
.gszcn-rmfw-con li .pic span{
    height: 38px;
    display: block;
    background: url("/style/images/gszc-icon.png") no-repeat center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin: 0;
}
.gszcn-rmfw-con li:hover .pic span{    transform: rotateY(360deg);}
.gszcn-rmfw-con li .pic .pic1{background-position: 0 -260px;width: 35px;}
.gszcn-rmfw-con li .pic .pic2{background-position: -37px -260px;width: 33px;}
.gszcn-rmfw-con li .pic .pic3{background-position: -72px -260px;width: 33px;}
.gszcn-rmfw-con li .pic .pic4{background-position: -106px -260px;width: 33px;}
.gszcn-rmfw-con li .pic .pic5{background-position: -141px -260px;width: 35px;}
.gszcn-rmfw-con li .pic .pic6{background-position: -177px -260px;width: 30px;}
.gszcn-rmfw-con li .pic .pic7{background-position: -208px -260px;width: 33px;}
.gszcn-rmfw-con li .pic .pic8{background-position: 0 -336px;width: 33px;}
.gszcn-rmfw-con li .pic .pic9{background-position: -35px -336px;width: 37px;}
.gszcn-rmfw-con li .pic .pic10{background-position: -75px -336px;width: 50px;}
.gszcn-rmfw-con li .con{
    float: left;
    width: 172px;
}
.gszcn-rmfw-con li .con .title{
    color: #333;
    font-size: 16px;
    line-height: 1em;
    padding-top: 18px;
}
.gszcn-rmfw-con li .con p{
    color: #999;
    font-size: 11px;
    padding-top: 6px;
}