*{

	margin: 0;

	padding: 0;

	box-sizing:border-box;

	-moz-box-sizing:border-box; 

	-webkit-box-sizing:border-box;

}

a{

	text-decoration: none;

}

li{

	list-style: none;

}

.fz60 {
	font-size:55px;
}

.yanse {
	color:#f1517a;
	 
}

img{

	vertical-align: middle;

}

body{

	font-size: 14px;

	color: #666;

	font-family:"Source Han Sans CN Normal","Noto Sans S Chines","PingFang SC","Microsoft JhengHei","Microsoft YaHei","微軟正黑體", "Helvetica Neue", Helvetica, "Heiti SC",Arial, sans-serif;

	

}


 
 


body::-webkit-scrollbar{

	width: 6px;

}

body::-webkit-scrollbar-thumb {

    background: #f1517a;

}



/*公用*/




.padding-left-0 {
	padding-left: 0
}

.padding-left-5 {
	padding-left: 5
}

.padding-left-10 {
	padding-left: 10px
}

.padding-left-20 {
	padding-left: 20px
}

.padding-left-30 {
	padding-left: 30px
}

.padding-left-40 {
	padding-left: 40px
}

.padding-left-50 {
	padding-left: 50px
}

.padding-left-60 {
	padding-left: 60px
}

.padding-left-70 {
	padding-left: 70px
}

.padding-left-80 {
	padding-left: 80px
}

.padding-left-90 {
	padding-left: 90px
}

.padding-left-110 {
	padding-left: 110px
}

.padding-left-120 {
	padding-left: 120px
}

.padding-left-130 {
	padding-left: 130px
}

.padding-left-140 {
	padding-left: 140px
}

.padding-left-150 {
	padding-left: 150px
}

.padding-left-160 {
	padding-left: 160px
}

.padding-right-0 {
	padding-right: 0
}

.padding-right-5 {
	padding-right: 5px
}

.padding-right-10 {
	padding-right: 10px
}

.padding-right-20 {
	padding-right: 20px
}

.padding-right-30 {
	padding-right: 30px
}

.padding-right-40 {
	padding-right: 40px
}

.padding-right-50 {
	padding-right: 50px
}

.padding-right-60 {
	padding-right: 60px
}

.padding-right-70 {
	padding-right: 70px
}

.padding-right-80 {
	padding-right: 80px
}

.padding-right-90 {
	padding-right: 90px
}

.padding-right-100 {
	padding-right: 100px
}

.gray-bg {
	background-color: #f8f8f8
}

.padding-top-0 {
	padding-top: 0
}

.padding-top-5 {
	padding-top: 5px
}

.padding-top-10 {
	padding-top: 10px
}

.padding-top-20 {
	padding-top: 20px
}

.padding-top-30 {
	padding-top: 30px
}

.padding-top-40 {
	padding-top: 40px
}

.padding-top-50 {
	padding-top: 50px
}

.padding-top-60 {
	padding-top: 60px
}

.padding-top-70 {
	padding-top: 70px
}

.padding-top-80 {
	padding-top: 80px
}

.padding-top-90 {
	padding-top: 90px
}

.padding-top-95 {
	padding-top: 95px
}

.padding-top-100 {
	padding-top: 100px
}

.padding-top-105 {
	padding-top: 105px
}

.padding-top-110 {
	padding-top: 110px
}

.padding-top-115 {
	padding-top: 115px
}

.padding-top-120 {
	padding-top: 120px
}

.padding-top-130 {
	padding-top: 130px
}

.padding-top-140 {
	padding-top: 140px
}

.padding-top-150 {
	padding-top: 150px
}

.padding-top-160 {
	padding-top: 160px
}

.padding-bottom-0 {
	padding-bottom: 0
}

.padding-bottom-5 {
	padding-bottom: 5px
}

.padding-bottom-10 {
	padding-bottom: 10px
}

.padding-bottom-20 {
	padding-bottom: 20px
}

.padding-bottom-30 {
	padding-bottom: 30px
}

.padding-bottom-40 {
	padding-bottom: 40px
}

.padding-bottom-50 {
	padding-bottom: 50px
}

.padding-bottom-60 {
	padding-bottom: 60px
}

.padding-bottom-65 {
	padding-bottom: 65px
}

.padding-bottom-70 {
	padding-bottom: 70px
}

.padding-bottom-80 {
	padding-bottom: 80px
}

.padding-bottom-85 {
	padding-bottom: 85px
}

.padding-bottom-90 {
	padding-bottom: 90px
}

.padding-bottom-95 {
	padding-bottom: 95px
}

.padding-bottom-100 {
	padding-bottom: 100px
}

.padding-bottom-110 {
	padding-bottom: 110px
}

.padding-bottom-105 {
	padding-bottom: 105px
}

.padding-bottom-115 {
	padding-bottom: 115px
}

.padding-bottom-120 {
	padding-bottom: 120px
}

.padding-bottom-130 {
	padding-bottom: 130px
}

.padding-bottom-135 {
	padding-bottom: 135px
}

.padding-bottom-150 {
	padding-bottom: 150px
}

.padding-tb-120 {
	padding-top: 120px;
	padding-bottom: 120px
}

.padding-tb-110 {
	padding-top: 110px;
	padding-bottom: 110px
}

.padding-tb-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.padding-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.padding-tb-30 {
	padding-top: 30px;
	padding-bottom: 30px
}

.padding-tb-40 {
	padding-top: 40px;
	padding-bottom: 40px
}

.padding-tb-50 {
	padding-top: 50px;
	padding-bottom: 50px
}

.padding-tb-60 {
	padding-top: 60px;
	padding-bottom: 60px
}

.padding-tb-70 {
	padding-top: 70px;
	padding-bottom: 70px
}

.padding-tb-80 {
	padding-top: 80px;
	padding-bottom: 80px
}

.padding-tb-90 {
	padding-top: 90px;
	padding-bottom: 90px
}

.padding-tb-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.padding-tb-110 {
	padding-top: 110px;
	padding-bottom: 110px
}

.padding-tb-120 {
	padding-top: 120px;
	padding-bottom: 120px
}

.padding-tb-130 {
	padding-top: 130px;
	padding-bottom: 130px
}

.padding-tb-130 {
	padding-top: 130px;
	padding-bottom: 130px
}

.padding-tb-140 {
	padding-top: 140px;
	padding-bottom: 140px
}

.padding-tb-150 {
	padding-top: 150px;
	padding-bottom: 150px
}

.padding-0 {
	padding: 0
}

.padding-5 {
	padding: 5px
}

.padding-10 {
	padding: 10px
}

.padding-20 {
	padding: 20px
}

.padding-30 {
	padding: 30px
}

.padding-40 {
	padding: 40px
}

.padding-50 {
	padding: 50px
}

.padding-60 {
	padding: 60px
}

.padding-70 {
	padding: 70px
}

.padding-80 {
	padding: 80px
}

.padding-90 {
	padding: 90px
}

.padding-100 {
	padding: 100px
}

.margin-0 {
	margin: 0
}

.margin-5 {
	margin: 5px
}

.margin-10 {
	margin: 10px
}

.margin-20 {
	margin: 20px
}

.margin-30 {
	margin: 30px
}

.margin-40 {
	margin: 40px
}

.margin-50 {
	margin: 50px
}

.margin-60 {
	margin: 60px
}

.margin-70 {
	margin: 70px
}

.margin-80 {
	margin: 80px
}

.margin-90 {
	margin: 90px
}

.margin-100 {
	margin: 100px
}

.margin-130 {
	margin: 130px
}

.margin-top-0 {
	margin-top: 0
}

.margin-top-5 {
	margin-top: 5px
}

.margin-top-10 {
	margin-top: 10px
}

.margin-right-10 {
	margin-right: 10px
}

.margin-right-20 {
	margin-right: 20px
}

.margin-right-30 {
	margin-right: 30px
}

.margin-right-40 {
	margin-right: 40px
}

.margin-right-50 {
	margin-right: 50px
}

.margin-right-60 {
	margin-right: 60px
}

.margin-right-70 {
	margin-right: 70px
}

.margin-right-80 {
	margin-right: 80px
}

.margin-right-90 {
	margin-right: 90px
}

.margin-right-100 {
	margin-right: 100px
}

.margin-left-0 {
	margin-left: 0
}

.margin-left-5 {
	margin-left: 5px
}

.margin-left-10 {
	margin-left: 10px
}

.margin-left-20 {
	margin-left: 20px
}

.margin-left-30 {
	margin-left: 30px
}

.margin-left-40 {
	margin-left: 40px
}

.margin-left-50 {
	margin-left: 50px
}

.margin-left-60 {
	margin-left: 60px
}

.margin-left-70 {
	margin-left: 70px
}

.margin-left-80 {
	margin-left: 80px
}

.margin-left-90 {
	margin-left: 90px
}

.margin-left-100 {
	margin-left: 100px
}

.margin-top-0 {
	margin-top: 0
}

.margin-top-5 {
	margin-top: 5px
}

.margin-top-10 {
	margin-top: 10px
}

.margin-top-20 {
	margin-top: 20px
}

.margin-top-30 {
	margin-top: 30px
}

.margin-top-40 {
	margin-top: 40px
}

.margin-top-50 {
	margin-top: 50px
}

.margin-top-55 {
	margin-top: 55px
}

.margin-top-60 {
	margin-top: 60px
}

.margin-top-70 {
	margin-top: 70px
}

.margin-top-80 {
	margin-top: 80px
}

.margin-top-90 {
	margin-top: 90px
}

.margin-top-100 {
	margin-top: 100px
}

.margin-bottom-0 {
	margin-bottom: 0!important
}

.margin-bottom-10 {
	margin-bottom: 10px
}

.margin-bottom-15 {
	margin-bottom: 15px
}

.margin-bottom-20 {
	margin-bottom: 20px
}

.margin-bottom-25 {
	margin-bottom: 25px
}

.margin-bottom-30 {
	margin-bottom: 30px
}

.margin-bottom-40 {
	margin-bottom: 40px
}

.margin-bottom-50 {
	margin-bottom: 50px
}

.margin-bottom-55 {
	margin-bottom: 55px
}

.margin-bottom-60 {
	margin-bottom: 60px
}

.margin-bottom-70 {
	margin-bottom: 70px
}

.margin-bottom-80 {
	margin-bottom: 80px
}

.margin-bottom-90 {
	margin-bottom: 90px
}

.margin-top-100 {
	margin-bottom: 100px
}

.margin-top-120 {
	margin-top: 120px
}

.margin-tb-0 {
	margin-top: 0;
	margin-bottom: 0
}

.margin-tb-5 {
	margin-top: 5px;
	margin-bottom: 5px
}

.margin-tb-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.margin-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.margin-tb-30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.margin-tb-40 {
	margin-top: 40px;
	margin-bottom: 40px
}

.margin-tb-50 {
	margin-top: 50px;
	margin-bottom: 50px
}

.margin-tb-60 {
	margin-top: 60px;
	margin-bottom: 60px
}

.margin-tb-70 {
	margin-top: 70px;
	margin-bottom: 70px
}

.margin-tb-80 {
	margin-top: 80px;
	margin-bottom: 80px
}

.margin-tb-90 {
	margin-top: 90px;
	margin-bottom: 90px
}

.margin-tb-100 {
	margin-top: 100px;
	margin-bottom: 100px
}

.min-height-600 {
	min-height: 600px
}

.alignleft {
	float: left;
	clear: both;
	margin-right: 20px
}

.alignright {
	float: right;
	clear: both;
	margin-left: 20px
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em
}

.alignfull {
	margin: 1.5em 0;
	max-width: 100%
}

.alignwide {
	max-width: 1100px
}

.align {
	text-align: center
}

.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}










.w1600{

	width: 100%;

	max-width: 1700px;

	margin: 0 auto;

	padding: 0 50px;

}


.w1400{

	width: 100%;

	max-width: 1400px;

	padding: 0 50px;

	margin: 0 auto;

}




.w1200{

	width: 100%;

	max-width: 1300px;

	padding: 0 50px;

	margin: 0 auto;

}

.sf-img{

	overflow: hidden;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.sf-img img{

	max-width: 100%;

	max-height: 100%;

}

.sf-img:hover{

	transform: scale(1.08);

	transition: all .5s; 

-webkit-transition: all .5s;

}

.ad{

	width: 100%;

	position: relative;

    height: 800px;

    overflow: hidden;

}

.bgimg {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: no-repeat center/cover;

}

.banner-a{

	width: 400px;

	position: absolute;

	left: 75px;

	bottom: 50px;

	height: 100px;

	padding-left: 60px;

	border-left: 1px solid #fff;

}

.banner-a1{

	font-size: 50px;

	color: #fff;

	line-height: 1;

}

.banner-a2{

	font-size: 24px;

	color: #fff;

	line-height: 1;

	margin-top: 10px;

	text-transform: uppercase;

	font-family: 'Palanquin', sans-serif;

}

.banner-b{

	

	float: right;

	position: absolute;

	bottom: 50px;

}

.banner-b1{

	position: absolute;

	right: 0px;

	bottom: 0px;

	width: 200px;

	font-size: 24px;

	padding-left: 30px;

	height: 26px;

	line-height: 26px;

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

	color: #fff;

	cursor: pointer;

}



/*头部*/

header{

	height: 100px;

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;	

    z-index: 99;

}



.header-a{

	width: 100%;

	height: 100px;

	padding: 0 50px;

	position: relative;

	z-index: 102;

}

.header-a0{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 340px;

	background: url(../images/header_bj.png);

	z-index: 3;

}

.header-a1{

	display: block;

	height: 100px;

	line-height: 100px;

	float: left;

	position: relative;

	z-index: 104;

}

.header-a2{

	width: 100%;

	height: 100px;

	overflow: hidden;

	position: absolute;

	left: 0;

	z-index: 103;

	text-align: center;

}

.header-a2 li{

	display: inline-block;

	width: 155px;

	height: 100px;

	line-height: 100px;

	font-size: 20px;

	color: #fff;

	text-align: center;

}

.header-a2 li a{

	font-size: 20px;  

	color: #fff;

}

.header-a3{

	width: 25px;

	height: 25px;

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

	float: right;

	margin-top: 37.5px;

	cursor: pointer;

	position: relative;

	z-index: 104;

}



.header-b{

	width: 100%;

	height: 100px;

	padding: 0 50px;

	background: #fff;

	position: absolute;

	border-bottom: 1px solid rgb(247, 245, 241);

	left: 0;

	top: 0;

	opacity: 0;

	z-index: 104;

	transition: all .3s; 

-webkit-transition: all .3s;

}



.header-b.on{

	opacity: 1;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.header-b1{

	display: block;

	height: 100px;

	line-height: 100px;

	float: left;

	position: relative;

	z-index: 104;

}

.header-b2{

	width: 100%;

	height: 100px;

	overflow: hidden;

	border-bottom: 1px solid rgb(247, 245, 241);

	position: absolute;

	left: 0;

	z-index: 103;

	text-align: center;

}

.header-b2 li{

	display: inline-block;

	width: 155px;

	height: 100px;

	line-height: 100px;

	font-size: 20px;

	color: #333;

	text-align: center;

}

.header-b2 li a{

	font-size: 20px;

	color: #333;

}

.header-b2 li .hb-a1{

	display: inline-block;

	height: 100%;

	pointer-events: inherit;

	position: relative;

}

.header-b2 li .hb-a1:after{

	content: "";

	width: 0;

	height: 3px;

	background: #f1707f;

	position: absolute;

	left: 0;

	bottom: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.header-b2 li:hover .hb-a1:after {

	width: 100%;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.header-b2 li:hover .hb-a1 {

	color: #f1707f;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.header-b2 li .hb-a1.on:after{

	width: 100%;

	left: 0;

}

.header-b2 li .hb-a1.on{

	color: #f1707f;

}

.header-b2 .hb-div{

	position: fixed;

	top: 100px;

	left: 0;

	width: 100%;

	min-height: 310px;

	background: rgba(255,255,255,.9);

	padding-top: 45px;

	padding-bottom: 50px;

	display: none;

}

.header-b2 .hb-cont{

	width: 100%;

	max-width: 720px;

	margin: 0 auto;

	overflow: hidden;

}

.header-b2 .hb-d1{

	width: 195px;

	float: left;

	border-left: 1px solid rgba(0,0,0,.2);

}

.header-b2 .hb-d1 a{

	display: block;

	font-size: 14px;

	color: #222;

	line-height: 35px;

	margin-bottom: 5px;

	text-align: left;

	padding-left: 20px;

	position: relative;

}

.header-b2 .hb-d1 a:after{

	content: "";

	width: 2px;

	height: 0;

	background: #f1707f;

	position: absolute;

	left: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

	top: 0;

}

.header-b2 .hb-d1 a:hover{

	color: #f1707f;

}

.header-b2 .hb-d1 a:hover:after{

	height: 100%;

	top: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.header-b2 .hb-d2{

	width: 317px;

	height: 216px;

	float: left;

}



.header-b3{

	width: 25px;

	height: 25px;

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

	float: right;

	margin-top: 37.5px;

	cursor: pointer;

	position: relative;

	z-index: 104;

}

.header-c{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.9);

	z-index: 199;

	display: none;

}

.header-c1{

	width: 80%;

	height: 60px;

	position: absolute;

	left: 10%;

	top: 50%;

	margin-top: -30px;

	overflow: hidden;

}

.header-c1 .int1{

	width: 100%;

	height: 60px;

	float: left;

	padding: 0 20px;

	padding-right: 70px;

	font-size: 24px;

	line-height: 60px;

	color: #fff;

	background: initial;

	border: none;

	border-bottom: 1px solid #fff;

}

.header-c1 .int2{

	width: 60px;

	height: 60px;

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

	border: none;

	position: absolute;

	top: 0;

	right: 0;

}

.header-c2{

	position: absolute;

	top: 50px;

	right: 10%;

	opacity:1;

	transition: all .5s; 

	-webkit-transition: all .5s;

}

.header-c2:hover{

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);		

	-webkit-transform: rotate(180deg);			

	-moz-transform: rotate(180deg);	

	opacity:0.8;

	transition: all .5s; 

	-webkit-transition: all .5s;

}



.header-a2-a{

	

}

.header-a2-a span{

	display: none;

}

.header-a2 li div{

	display: none;

}

.header-a4{

	width: 45px;

	height: 45px;

	overflow: hidden;

	float: right;

	position: fixed;

	top: 25px;

	right: 30px;

	z-index: 5;

	display: none;

}

.header-a4 .ha1,.ha2,.ha3{

	width: 45px;

	height: 6px;

	border-radius: 3px;

	background: #fff;

	margin-top: 8px;

}

.header-a4 .ha2{

	width: 45px;

	height: 6px;

	border-radius: 3px;

	background: #fff;

	margin-top: 8px;

}

.header-a4 .ha3{

	width: 45px;

	height: 6px;

	border-radius: 3px;

	background: #fff;

	margin-top: 8px;

}

.header-a4 .ha1{

	width: 35px;

}



.header-b4{

	width: 45px;

	height: 45px;

	overflow: hidden;

	float: right;

	position: fixed;

	top: 25px;

	right: 30px;

	display: none;

}

.header-b4 div{

	transition: all .5s; 

}

.header-b4 .ha1{

	width: 45px;

	height: 6px;

	border-radius: 3px;

	background: #333;

	margin-top: 6px;

}

.header-b4 .ha2{

	width: 45px;

	height: 6px;

	border-radius: 3px;

	background: #333;

	margin-top: 9px;

}

.header-b4 .ha3{

	width: 45px;

	height: 6px;

	border-radius: 3px;

	background: #333;

	margin-top: 9px;

}

.header-b4 .ha1{

	width: 35px;

	background: #333;

}



.header-b4.cli .ha1{

	width: 100% !important;

	 -webkit-transform: rotate(44deg);

    -ms-transform: rotate(44deg);

    transform: rotate(44deg);

   transform-origin:0%;

   -ms-transform-origin:0%;

   -webkit-transform-origin:0%;

   -moz-transform-origin:0%;

   transition: all .5s; 

}

.header-b4.cli .ha2{

	opacity: 0;

	transition: all .5s; 

}

.header-b4.cli .ha3{

	 -webkit-transform: rotate(-44deg);

    -ms-transform: rotate(-44deg);

    transform: rotate(-44deg);

   transform-origin:0%;

   -ms-transform-origin:0%;

   -webkit-transform-origin:0%;

   -moz-transform-origin:0%;

   transition: all .5s; 

}

@media (max-width: 1200px) {

	.header-a1 li{

		width: 110px;

	}

	.header-a2 li a{

		font-size: 16px;

	}

	.header-a2 li{

		width: 110px;

	}

	.header-a2 li .hb-a1{

		font-size: 16px;

	}

	.header-b2 li{

		width: 110px;

	}

	.header-b2 li .hb-a1{

		font-size: 16px;

	}

}

@media (max-width: 1023px) {

	.header-a{

		padding: 0 30px;

	}

	.header-b{

		padding: 0 30px;

	}

	.header-a2{

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: #fff;

		z-index: 19;

		padding-top: 100px;

		display: none;

	}

	.header-a3{

		display: none;

	}

	.header-a4{

		display: block;

	}

	.header-b2{

		display: none;

	}

	.header-b3{

		display: none;

	}

	.header-b4{

		display: block;

	}

	.header-b{

		

	}

	.header-a2 li{

		width: 100%;

		height: initial;

		line-height: 60px;

	}

	.header-a2 li a{

		display: block;

		color: #333;

		height: 60px;

		line-height:60px;

		text-align: left;

		padding: 0 30px;

		border-bottom: 1px solid rgba(0,0,0,.1);

	}

	.header-a2-a span{

		display: block;

		float: right;

	}

	.header-a2 li div{

		display: none;

	}

	.header-a2 li div a{

		padding: 0 60px;

	}

	.w1600{

		padding: 0 30px;

	}

	.w1200{

		padding: 0 30px;

	}

}

@media (max-width: 767px) {

	header{

		height: 1rem;

	}

	.header-a{

		height: 1rem;

		padding: 0 .3rem;

	}

	.header-a0{

		top: -4.5rem;

	}

	.header-a1{

		height: 1rem;

		line-height: 1rem;

	}

	.header-a1 img{

		max-height: .6rem;

	}

	.header-b{

		height: 1rem;

		padding: 0 .3rem;

	}

	.header-b1{

		height: 1rem;

		line-height: 1rem;

	}

	.header-b1 img{

		max-height: .6rem;

	}

	

	.header-a4{

		width: .45rem;

		top: .4rem;

		right: 0rem;

		height: initial;

		position: relative;

		z-index: 5;

	}

	.header-a4 .ha1{

		width: .35rem;

		height: .06rem;

		margin-top: .0rem;

		border-radius: .03rem;

	}

	.header-a4 .ha2{

		width: .45rem;

		height: .06rem;

		margin-top: .08rem;

		border-radius: .03rem;

	}

	.header-a4 .ha3{

		width: .45rem;

		height: .06rem;

		margin-top: .08rem;

		border-radius: .03rem;

	}

	.header-b4{

		width: .45rem;

		top: .4rem;

		right: .3rem;

		height: initial;

	}

	.header-b4 .ha1{

		width: .35rem;

		height: .06rem;

		margin-top: .0rem;

		border-radius: .03rem;

	}

	.header-b4 .ha2{

		width: .45rem;

		height: .06rem;

		margin-top: .08rem;

		border-radius: .03rem;

	}

	.header-b4 .ha3{

		width: .45rem;

		height: .06rem;

		margin-top: .08rem;

		border-radius: .03rem;

	}

	.header-b4.cli .ha3{

		margin-top: .11rem;

	}

	.header-a2{

		padding-top: 1rem;

		overflow: auto;

	}

	.header-a2 li .header-a2-a{

		height: 1.2rem;

		line-height: 1.2rem;

		font-size: .38rem;

		padding: 0 .5rem;

		font-weight: bold;
		color:#333;

	}

	.header-a2 li div a{

		height: 1rem;

		line-height: 1rem;

		font-size: .3rem;

		padding: 0 .8rem;

	}

	.w1600{

		padding: 0 .45rem;

	}

	.w1200{

		padding: 0 .45rem;

	}
	
		.w1400{

		padding: 0 .45rem;

	}

	

	.ad{

		height: 5rem;

		background-size: cover

	}

	.banner-a{

		height: 1.2rem;

		width: initial;

		left: 0.45rem;

		bottom: .4rem;

	}

	.banner-a1{

		font-size: .46rem;

		line-height: .6rem;

	}

	.banner-a2{

		font-size: .28rem;

		line-height: .4rem;

		margin-top: 0;

	}

	.banner-b{

		

		bottom: .4rem;

	}

	.banner-b1{

		width: 2.5rem;

		font-size: .26rem;

		line-height: .28rem;

		padding-left: .4rem;

		height: .28rem;

		background-size: .28rem;

	}

	

}









/*底部*/

footer{

	width: 100%;

	background: #4f4b4c;

}

.footer-a{

	padding-top: 95px;

	padding-bottom: 30px;

	min-height: 410px;

	overflow: hidden;

}

.footer-a ul{

	width: calc(100% - 180px);

	width: -webkit-calc(100% - 180px);

	max-width: 1230px;

	float: left;

	overflow: hidden;

}

.footer-a ul li{

	width: 16.666%;

	float: left;

}

.footer-a ul li div{

	padding: 5px 0;

	line-height: 22px;

}

.footer-a ul li a{

	font-size: 16px;

	line-height: 22px;

	color: rgba(191,183,181,.5);

	transition: all .3s; 

	-webkit-transition: all .3s;

}

.footer-a ul li a:hover{

	color: rgba(191,183,181,.8);

	transition: all .3s; 

	-webkit-transition: all .3s;

}

.footer-a ul li .to{

	margin-bottom: 10px;

}

.footer-a ul li .to a{

	font-size: 24px;

	color: rgba(255,255,255,.78);

	transition: all .3s; 

	-webkit-transition: all .3s;

}

.footer-a ul li .to a:hover{

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

	transition: all .3s; 

	-webkit-transition: all .3s;

}

.footer-a2{

	width: 145px;

	float: right;

	margin-right: 20px;

	font-size: 12px;

	color: rgba(255,255,255,.5);

	line-height: 26px;

	text-align: center;

}

.footer-b{

	width: 100%;

	height: 91px;

	padding-bottom: 30px;

}

.footer-b0{

	width: 100%;

	height: 1px;

	background: rgba(255,255,255,.1);

}

.footer-b1{

	font-size: 12px;

	line-height: 40px;

	float: left;

	color: rgba(255,255,255,.2);

	margin-top: 20px;

}

.footer-b1 span{

	margin-left: 25px;

}

.footer-b1 a{

	color: rgba(255,255,255,.2);

}

.footer-b1 a:hover{

	color: rgba(255,255,255,.5);

}

.footer-b2{

	width: 220px;

	height: 40px;

	border: 1px solid rgba(255,255,255,.2); 

	font-size: 12px;

	line-height: 38px;

	color: rgba(255,255,255,.3);

	padding: 0 15px;

	float: right;

	margin-top: 20px;

	position: relative;

	background: url(../images/ico65.png)no-repeat 200px center;

	cursor: pointer;

}

.footer-lj{

	position: absolute;

    left: 0;

    bottom: 40px;

    background: #fff;

    width: 100%;

    padding: 20px 10px 15px 10px;

	display: none;

}

.footer-lj a{

	display: block;

	height: 25px;

	line-height: 25px;

	margin-bottom: 5px;

	color: #666;

	font-size: 14px;

}

.footer-lj a:hover{

	color: #f1517a;

}

@media (max-width:1023px) {

	.footer-a2{

		margin-right: 0;

	}

	.footer-a ul li .to a{

		font-size: 16px;

	}

	.footer-a ul {

	    width: calc(100% - 100px);

	    width: -webkit-calc(100% - 100px);

    }

    .footer-a{

    	padding-top: 40px;

    	min-height: initial;

    }

    .footer-a2{

    	width: 100px;

    }

    .footer-a2 img{

    	max-width: 100%;

    }

    .footer-a ul li a{

    	font-size: 12px;

    }

}

@media (max-width:767px) {

	.footer-a{

		padding: 0 .45rem;

		padding-top: .3rem;

	}

	.footer-a ul{

		width: 100%;

	}

	.footer-a ul li{

		width: 100%;

	

		font-size: .3rem;

		line-height: 1rem;

		overflow: hidden;

		border-bottom: 1px solid rgba(255,255,255,.1);

	}

	.footer-a ul li .to{

		margin: 0;

	}

	.footer-a ul li .sfd1{

		display: none;

	}

	.footer-a ul li .sfd1 div{

		border-top: 1px solid rgba(255,255,255,.1);

		padding: 0 .3rem;

	}

	.footer-a ul li .sfd1 div a{

		display: block;

		width: 100%;

		height: 100%;

		font-size: .26rem;

		line-height: .8rem;

	}

	.footer-a ul li div{

		margin: 0;

		padding: 0;

		line-height: 1rem;

	}

	.footer-a ul li a{

		color: #fff;

	}

	.footer-a2{

		width: 100%;

		margin-top: .6rem;

		margin-bottom: .6rem;

		text-align: left;

		font-size: .26rem;

		line-height: 1.5rem;

	}

	.footer-a2 img{

		width: 1.5rem;

		height: 1.5rem;

		float: left;

		margin-right: .2rem;

	}

	.footer-b1{

		font-size: .24rem;

		line-height: .4rem;

		text-align: center;

	}

	.footer-b{

		padding-bottom: .2rem;

		height: initial;

		overflow: hidden;

	}

	.footer-b2{

		display: none;

	}

	.footer-b1 span{

		margin-left: .1rem;

	}

}







/*首页*/

.iban{

	width: 100%;

	height: 920px;

	line-height: 920px;

	background:no-repeat center #000;

	text-align: center;



}

.iban img{

   line-height: 920px;

   

}

.iban video{

	display: inline-block;

	width: 100%;

	line-height: 960px;

	/*height: 100%;*/

	background: #000;

}

.iban-swiper .swiper-button-prev.swiper-button-disabled{

	opacity: 0;

}

.iban-swiper .swiper-button-next.swiper-button-disabled{

	opacity: 0;

}

.iban-rt{

	right: 20px !important;

	opacity: 0;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iban-lt{

	left: 20px !important;

	opacity: 0;

	transition: all .5s; 

-webkit-transition: all .5s;

}



.iban-swiper.on .iban-rt{

	right: 50px !important;

	opacity: .7;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iban-swiper.on .iban-lt{

	left: 50px !important;

	opacity: .7;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iban-swiper.on .iban-lt:hover{

	opacity: 1;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iban-swiper.on .iban-rt:hover{

	opacity: 1;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iban-span{

	bottom: 20px !important;

}

.iban-span span{

	width: 18px;

	height: 18px;

	line-height: 17px;

	border: 1px solid #f1517a;

	margin: 0 8px !important;

	background: no-repeat center;

	background-color: initial;

	opacity: 1;

	position: relative;

}

.iban-span .swiper-pagination-bullet-active{

	background:#f1707f;
	

}

.iban-span .swiper-pagination-bullet-active:before{

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iban-span span img{

	max-width: 100%;

	max-width: 100%;

	position: relative;

	z-index: 3;

}

.iban-span span:before{

	width: 0;

	height: 0;

	content: "";

	position: absolute;

	top:50%;

	left: 50%;

	border-radius: 100%;

	background: #f1707f;

	transition: all .3s; 

-webkit-transition: all .3s;

z-index: 2;

}

.iban-span span:hover:before{

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iban-span span:hover{

	border-color: #f1707f;

}

.videocli .ve{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background: url(../images/ico33.png) no-repeat center rgba(0,0,0,.1);

}



.iservice-bj{

	background: #fdf6f4;

	height: 890px;

}

.iservice{

	padding-top: 100px;

}

.iservice-a{

	height: 115px;

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

}

.iservice-a1{

	width: 410px;

	float: left;

	padding-left: 55px;

	position: relative;

}

.iservice-a1:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #f1517a;

	position: absolute;

	left: 0;

	top: 35px;

}

.iservice-a1 .ise-h1{

	font-size: 46px;

	height: 60px;

	line-height: 60px;

	color: #f1517a;

}

.iservice-a1 .ise-p1{

	font-size: 16px;

	line-height: 25px;

	color: #333;

}

.iservice-a2{

	width: calc(100% - 420px);

	width: -webkit-calc(100% - 420px);

	float: right;

	position: relative;

	z-index: 3;

	margin-top: -30px;

}

.iservice-a2 img{

	max-width: 100%;

	position: absolute;

	right: 0;

	top: 0;

}

.iservice-b{

	width: 100%;

	height: 733px;

	background: no-repeat center;

	position: relative;

}

.iservice-b1{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.iservice-b1 div{

	width: 100%;

	height: 100%;

	background: no-repeat center;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iservice-b1 div.on{

	opacity: 1;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iservice-ul{

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

	z-index: 3;

}

.iservice-ul li{

	width: 7.5%;

	height: 100%;

	float: left;

	border-left: 1px solid rgba(255,255,255,.1);

	cursor: pointer;

	transition: all 1s; 

-webkit-transition: all 1s;

position: relative;

}

.iservice-ul li:before{

	content: "";

	width: 100%;

	height: 0;

	background: rgba(0,0,0,.1);

	position: absolute;

	top: 0;

	left: 0;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iservice-ul li:hover:before{

	height: 100%;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iservice-ul li.on:before{

	display: none;

}

.iservice-ul-d1{

	font-size: 18px;

	line-height: 22px;

	color: #fff;

	width: 20px;

	margin: 0 auto;

	height: 100%;

	padding-top: 70px;

	position: relative;

	text-align: center;

}

.iservice-ul-d1 .sp1{

	font-size: 24px;

	color: rgba(255,255,255,.6);

	position: absolute;

	bottom: 70px;

	left: 0;

}

.iservice-ul-d2{

	width: 100%;

	padding: 0 20px;

	max-width: 530px;

	padding-top: 140px;

	margin: 0 auto;

	opacity: 0;

	

	transition: all .5s; 

-webkit-transition: all .5s;

}

.iservice-ul-d2 .ise-d1{

	max-width: 100%;

	max-height: 50px;

}

.iservice-ul-d2 .ise-d2{

	font-size: 32px;

	color: #fff;

	line-height: 35px;

	margin-top: 15px;

}

.iservice-ul-d2 .ise-d3{

	width: 55px;

	height: 3px;

	background: rgba(255,255,255,.6);

	margin-top: 25px;

}

.iservice-ul-d2 .ise-d4{

	font-size: 14px;

	color: #fff;

	line-height: 25px;

	height: 50px;

	margin-top: 35px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.iservice-ul-d2 .ise-d5{

	display: inline-block;

	font-size: 16px;

	color: #fff;

	line-height: 25px;

	margin-top: 45px;

	font-family: 'Palanquin', sans-serif;

	position: relative;

	left: 0px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iservice-ul-d2 .ise-d5 span{

	display: inline-block;

	width: 0px;

	height: 2px;

	background: #fff;

	position: relative;

	top: -5px;

	margin-right: 5px;

	transition: all .3s; 

-webkit-transition: all .3s;

	

}

.iservice-ul-d2 .ise-d5:hover{

	color: #fff;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iservice-ul-d2 .ise-d5:hover span{

	width: 40px;

	transition: all .3s; 

-webkit-transition: all .3s;

}



.iservice-ul li.on{

	width: 55%;

	transition: all 1s; 

-webkit-transition: all 1s;

}

.iservice-ul li.on .iservice-ul-d1{

	display: none;

}

.iservice-ul li.on .iservice-ul-d2{

	opacity: 1;

	transition-delay: .3s;

-moz-transition-delay: .3s; /* Firefox 4 */

-webkit-transition-delay: .3s; /* Safari 和 Chrome */

-o-transition-delay: .3s; /* Opera */

	

}

.iservice-c{

	margin-top: .5rem;

	display: none;

}

.iservice-c1{

	height: 1.25rem;

	position: relative;

}

.iservice-swiper .swiper-slide{

	height: 1.25rem;

	line-height: 1.25rem;

	border-top: 1px solid rgba(0,0,0,.1);

}

.iservice-swiper .swiper-slide-active{

	border-bottom: 2px solid #c6ac8b;

}

.iservice-swiper .swiper-slide img{

	max-height: .5rem;

	max-width: 100%;

}

.iservice-lt{

	width: .2rem !important;

	height: .35rem !important;

	background-size: cover !important;

	top:.5rem !important;

	margin-top: 0 !important;

	left: -.3rem !important;

	opacity: .8;

}

.iservice-rt{

	width: .22rem !important;

	height: .35rem !important;

	background-size: cover !important;

	top:.5rem !important;

	margin-top: 0 !important;

	right: -.3rem !important;

	opacity: .8;

}

.iservice-c2{

	position: relative;

	height: 6.35rem;

}

.iservice-c2-a{

	width: 7.5rem;

	padding: 0 .45rem;

	padding-top: 2.2rem;

	background: no-repeat left top;

	background-size: 100%;

	position: absolute;

	left: -.45rem;

	top: 0;

	display: none;

}

.iservice-c2-a.on{

	display: block;

}

.iservice-c2-a1{

	font-size: .32rem;

	color: #fff;

	line-height: .8rem;	

	position: relative;

	font-weight: bold;

}

.iservice-c2-a1:after{

	content: "";

	width: .6rem;

	height: 2px;

	background: #dbd8d5;

	position: absolute;

	bottom: 0;

	left: 0;

}

.iservice-c2-a2{

	font-size: .24rem;

	line-height: .5rem;

	height: 1.5rem;

	color: #535a60;

	margin-top: .7rem;

}

.iservice-c2-a3{

	color: #c6ac8b;

	font-size: .24rem;

	line-height: .4rem;

	margin-top: .35rem;

}

.iservice-c2-a3:hover{

	color: #c6ac8b;

}





.inews{

	padding-top: 145px;

}

.inews-a{

	height: 155px;

	width: 100%;

	max-width: 1170px;

	margin: 0 auto;

	position: relative;

}

.inews-a1{

	width: 410px;

	float: left;

	padding-left: 55px;

	position: relative;

}

.inews-a1:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #f1517a;

	position: absolute;

	left: 0;

	top: 35px;

}

.inews-a1 .ise-h1{

	font-size: 46px;

	height: 60px;

	line-height: 60px;

	color: #f1517a;

}

.inews-a1 .ise-p1{

	font-size: 16px;

	line-height: 25px;

	color: #333;

}

.inews-a1 .ise-p1 .sp1{

	display: block; width:100%;

	font-family: 'Palanquin', sans-serif;

}

.inews-a2{

	width: calc(100% - 420px);

	width: -webkit-calc(100% - 420px);

	float: right;

	position: relative;

}

.inews-a2 img{

	max-width: 100%;

	position: absolute;

	right: 0;

	top: -35px;

}

.inews-a3{

	width: 140px;

	height: 200px;

	position: absolute;

	top:-120px;

	right: 10px;

	animation: imgfd 3s linear infinite alternate;

	-moz-animation: imgfd 3s linear infinite alternate;	

	-webkit-animation: imgfd 3s linear infinite alternate;

	-o-animation: imgfd 3s linear infinite alternate;

}

.inews-a3 img{

	position: relative;

}



@keyframes imgfd

{

from {top:-120px;}

to {top: -160px;}

}



@-moz-keyframes imgfd 

{

from {top:-120px;}

to {top: -160px;}

}



@-webkit-keyframes imgfd 

{

from {top:-120px;}

to {top: -160px;}

}



@-o-keyframes imgfd 

{

from {top:-120px;}

to {top: -160px;}

}

.inews-b{

	height: 865px;

}

.inews-b1{

	width: calc(100% - 560px);

	width: -webkit-calc(100% - 560px);

	height: 548px;

	position: relative;

	float: left;

	overflow: hidden;

	background: #cabdad;

}

.inews-b1-a{

	width: 3500px;

	height: 548px;

	position: absolute;

	top:0;

	left: 0;

}

.inews-b1-a div{

	width: 1040px;

	height: 548px;

	float: left;

	background: no-repeat center

}

/*.inews-b1 div.on{

	opacity: 1;

	transition: all .3s; 

	-webkit-transition: all .3s;

}*/

.inews-b2{

	width: 550px;

	height: 548px;

	background: #f9b29d;

	float: right;

}

.inews-b2-ul{

	width: 385px;

	margin: 0 auto;

	margin-top: 40px;

}

.inews-b2-ul li{

	height: 160px;

	padding-top: 40px;

	cursor: pointer;

	border-bottom: 1px solid rgba(255,255,255,.2);

	transition: all .3s; 

-webkit-transition: all .3s;



}

.inews-b2-ul li a{

	display: block;

	width: 100%;

	height: 100%;

}

.inews-b2-ul li .ine-d1{

	width: 75px;

	height: 80px;

	border: 1px solid rgba(255,255,255,.2);

	color: rgba(255,255,255,.3);

	float: left;

	font-size: 43px;

	line-height: 55px;

	position: relative;

	text-align: center;

	transition: all .3s; 

-webkit-transition: all .3s;



}

.inews-b2-ul li .ine-d1 span{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 25px;

	line-height: 25px;

	width: 100%;

	background: rgba(255,255,255,.2);

	font-size: 12px;

	color: #fdfdfd;

	transition: all .3s; 

-webkit-transition: all .3s;



}

.inews-b2-ul li .ine-d2{

	font-size: 20px;

	color: rgba(255,255,255,.3);

	line-height: 30px;

	height: 60px;

	width: 265px;

	float: right;

	margin-right: 5px;

	margin-top: 5px;

	/*font-family: "微软雅黑","Microsoft YaHei";*/

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

transition: all .3s; 

-webkit-transition: all .3s;



}

.inews-b2-ul li.on{

	border-bottom: 1px solid rgba(255,255,255,.8);

	transition: all .3s; 

-webkit-transition: all .3s;



}

.inews-b2-ul li.on .ine-d1{

	border: 1px solid rgba(255,255,255,.8);

	font-family: 'Palanquin', sans-serif;

	transition: all .3s; 

-webkit-transition: all .3s;



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

}

.inews-b2-ul li.on .ine-d1 span{

	background: rgba(255,255,255,.8);	

	transition: all .3s; 

-webkit-transition: all .3s;

color: #fe8a68;



}

.inews-b2-ul li.on .ine-d2{

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

	transition: all .3s; 

-webkit-transition: all .3s;



}



.inews-b3{

	width: calc(100% - 130px);

	width: -webkit-calc(100% - 130px);

	float: left;

	margin-top: 55px;

}

.inews-b3-cont{

	width: 100%;

	max-width: 1170px;

	margin: 0 auto;

}

.inews-b3-a{

	width: calc(100% - 100px);

	width: -webkit-calc(100% - 100px);

	float: left;

	height: 1px;

	background: #f1517a;

	margin: 7px 0;

}

.inews-b3-c{

	width: 100%;

	max-width: 1015px;

	font-size: 14px;

	height: 60px;

	line-height: 30px;

	/*font-family: "微软雅黑","Microsoft YaHei";*/

	float: left;

	margin-top: 25px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

display: none;

}

.inews-b3-c.on{

	display: block;

}

.inews-b3-d{

	width: 100%;

	height: 20px;

	float: left;

	margin-top: 15px;

}

.inews-b3-d a{

	display: block;

	float: left;

	font-size: 14px;

	line-height: 20px;

	color: #333;

	font-family: 'Palanquin', sans-serif;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.inews-b3-d a span{

	display: block;

	width: 0px;

	float: left;

	height: 1px;

	background: #f1517a;

	margin-top: 10px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.inews-b3-d a:hover{

	color: #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.inews-b3-d a:hover span{

     width: 40px;

     margin-right: 20px;

     transition: all .3s; 

-webkit-transition: all .3s;

}

.inews-b3-b{

	width: 66px;

	float: right;

}

.inews-b3-b div{

	width: 15px;

	height: 15px;

	border-radius: 100%;

	float: left;

	margin: 0 3.5px;

	position: relative;

	transition: all .3s; 

-webkit-transition: all .3s;

	border: none;

}

.inews-b3-b div span{

	display: block;

	width: 6px;

	height: 6px;

	border-radius: 100%;

	background: #f1517a;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -2.5px;

	margin-top: -3px;

}

.inews-b3-b div.on{

	border: 1px solid #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.inews-b4{

	width: 130px;

	text-align: center;

	float: right;

	margin-top: 50px;

}

.inews-b4 a{

	display: inline-block;

	color: #f1517a;

	line-height: 25px;

	font-size: 14px;

}

.inews-b4 a:before{

	display: inline-block;

	content: "";

	width: 0px;

	height: 1px;

	background: #f1517a;

	position: relative;

	top:-5px;

	margin-right: 5px;

	transition: all .3s; 

-webkit-transition: all .3s;

}



.inews-b4 a:hover:before{

	width: 20px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-bj{

	width: 100%;
 
	background-image: url(../images/pattern-3.png);

}

.iactivity{

	padding-top: 100px;

	position: relative;

}

.iactivity-a{

	

	height: 60px;

}

.iactivity-a1{

	width: 50%;

	float: inherit;

	padding-right: 10px;

	font-size: 46px;

	line-height: 60px;

	color: #f1517a;

	text-align: right;

	float: left;

}

.iactivity-a1 span{

	display: inline-block;

	width: 30px;

	height: 1px;

	background: #f1517a;

	position: relative;

	left: -20px;

	top: -15px;

}

.iactivity-a2{

	width: 50%;

	font-size: 16px;

	line-height: 22px;

	color: #333;

	float: left;

	padding-left: 10px;

	padding-top: 10px;

}

.iactivity-a2 span{

	display: block;

	font-family: 'Palanquin', sans-serif;

}

.iactivity-b{

	width: 150px;

	height: 150px;

	position: absolute;

	top: -60px;

	right: 100px;

	animation: imgfda 3s linear infinite alternate;

	-moz-animation: imgfda 3s linear infinite alternate;	

	-webkit-animation: imgfda 3s linear infinite alternate;

	-o-animation: imgfda 3s linear infinite alternate;

}

.iactivity-b img{

	position: relative;

}

@keyframes imgfda

{

from {top:-60px;}

to {top: -120px;}

}



@-moz-keyframes imgfda

{

from {top:-60px;}

to {top: -120px;}

}



@-webkit-keyframes imgfda 

{

from {top:-60px;}

to {top: -120px;}

}



@-o-keyframes imgfda 

{

from {top:-60px;}

to {top: -120px;}

}

.iactivity-c{

	width: 102%;

	overflow: hidden;

	margin-top: 60px;

	display: -webkit-box; 

	display: -moz-box; 

	display: -webkit-flex;

	display: -moz-flex; 

	display: -ms-flexbox; 

	display: flex;

	-webkit-flex-flow: row wrap;

    -webkit-box-lines: multiple;

    -moz-flex-flow: row wrap;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;
 

}

.iactivity-c .swiper-slide{

	width: 23%;

	margin-right: 2%;

	float: left;

	border-top: 1px solid rgba(0,0,0,.1);

}

.iactivity-c .swiper-slide a{

	display: block;

	width: 100%;

	height: 100%;

}

.iactivity-c .swiper-slide .d1{

	font-size: 14px;

	color: #333;

	line-height: 50px;

}

.iactivity-c .swiper-slide .d2{

	overflow: hidden;

}

.iactivity-c .swiper-slide .d2 img{

	max-width: 100%;

	transition: all .3s;

}

.iactivity-c .swiper-slide .d2:hover img{

	transform: scale(1.05);

	transition: all .3s;

}

.iactivity-c .swiper-slide .d3{

	font-size: 20px;

	line-height: 25px;

	margin-top: 25px;

	height: 25px;

	color: #f1517a;font-weight:700;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.iactivity-c .swiper-slide .d4{

	font-size: 14px;

	color: #666;

	line-height: 25px;

	margin-top: 5px;

	height: 50px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.iactivity-c .swiper-slide .d5{

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 25px;

	margin-top: 25px;

	font-family: 'Palanquin', sans-serif;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-c .swiper-slide .d5 span{

	display: none;

	width: 0px;

	height: 2px;

	background: #f1517a;

	position: relative;

	top: -5px;

	margin-right: 5px;

	transition: all .3s; 

-webkit-transition: all .3s;

	

}

.iactivity-c .swiper-slide:hover .d5{

	color: #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-c .swiper-slide:hover .d5 span{

	width: 40px;

	transition: all .3s; 

-webkit-transition: all .3s;

}



.iactivity-c li{

	width: 23%;

	margin-right: 2%;

	float: left;

	border-top: 1px solid rgba(0,0,0,.1);

}

.iactivity-c li a{

	display: block;

	width: 100%;

	height: 100%;

}

.iactivity-c li .d1{

	font-size: 14px;

	color: #333;

	line-height: 50px;

	font-family: 'Palanquin', sans-serif;

}

.iactivity-c li .d2{

	overflow: hidden;

	position: relative;

}

.iactivity-c li .d2 img{

	max-width: 100%;

	transition: all .3s;

}

.iactivity-c li .d2:hover img{

	transform: scale(1.05);

	transition: all .3s;

}

.iactivity-c li .d2 .vd-sp{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: url(../images/ico33.png) no-repeat center rgba(0,0,0,.15);

}

.iactivity-c li .d3{

	font-size: 20px;

	line-height: 25px;

	margin-top: 25px;

	height: 25px;

	color: #333;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.iactivity-c li .d4{

	font-size: 14px;

	color: #666;

	line-height: 25px;

	margin-top: 5px;

	height: 50px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.iactivity-c li .d5{

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 25px;

	margin-top: 25px;

	font-family: 'Palanquin', sans-serif;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-c li .d5 span{

	display: inline-block;

	width: 0px;

	height: 2px;

	background: #f1517a;

	position: relative;

	top: -5px;

	margin-right: 5px;

	transition: all .3s; 

-webkit-transition: all .3s;

	

}

.iactivity-c li:hover .d5{

	color: #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-c li:hover .d5 span{

	width: 40px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-d{

	display: block;

	width: 160px;

	height: 50px;

	font-size: 16px;

	text-align: center;

	line-height: 50px;

	color: rgba(0,0,0,.55);

	border: 1px solid rgba(0,0,0,.55);

	border-radius: 25px;

	margin: 0 auto;

	margin-top: 80px;

	background-size: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

position: relative;

overflow: hidden;

   

}

.iactivity-d span{

	position: relative;

	z-index: 2;

}

.iactivity-d:hover{

	color: rgba(0,0,0,.55);

}

@media (min-width: 768px) {

	.iactivity-d:before{

		content: "";

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		bottom: 0;

		right: 0;

		background: #f1517a;

		z-index: 1;

		-webkit-transform: scaleX(0);

		  transform: scaleX(0);

		  -webkit-transform-origin: right center; 

		  transform-origin: right center;

		  transition: -webkit-transform .2s ease-in;

		  -webkit-transition: -webkit-transform .2s ease-in;

		  transition: transform .2s ease-in;

		  transition: transform .2s ease-in, -webkit-transform .2s ease-in;

		  transition: transform .2s ease-in,-webkit-transform .2s ease-in;

	}

	.iactivity-d:hover{

		border-color: #f1517a;

		color: #fff;

		transition: all .5s; 

	-webkit-transition: all .5s;

	}

	.iactivity-d:hover:before{

		-webkit-transform: scaleX(1);

		  transform: scaleX(1);

		  -webkit-transform-origin: left center;

		  transform-origin: left center;

	}

}





.iactivity-e{

	height: 25px;

	margin-top: 85px;

}

.iactivity-e div{

	width: 27.5%;

	float: left;

	text-align: center;

	height: 25px;

	border-right: 1px solid rgba(0,0,0,.1);

}

.iactivity-e div a{

	font-size: 20px;

	line-height: 45px;

	color: #333;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-e div a:hover{

	color: #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.iactivity-e div a img{

	width: 40px;

	margin-right: 20px;

}

.iactivity-e div:first-child{

	width: 22.5%;

	text-align: left;

	padding-left: 2%;

}

.iactivity-e div:last-child{

	width: 22.5%;

	text-align: right;

	padding-right: 2%;

	border-right: none;

}

.inews-c{

	display: none;

}



@media (max-width: 1023px) {

	.iban img{

		max-width: 80%;

	}

	.iban-lt{

		left: 20px !important;

	}

	.iban-rt {

	    right: 20px !important;

	}

	.iservice-a{

		position: relative;

	}

	.iservice-a2{

		width: 80%;

		position: absolute;

		right: 0;

		top: -30px;

	}

	.inews-b{

		display: none;

	}

	.inews-c{

		display: block;

		width: calc(100% + 60px);

		width: -webkit-calc(100% + 60px);

		left: -30px;

		padding: 0 45px;

	}

	.inews-c .swiper-slide{

		position: relative;

		padding-bottom: 100px;

	}

	.inews-c1{

		max-width: 100%;

	}

	.inews-c2{

		width: 80px;

		height: 80px;

		font-size: 44px;

		font-weight: bold;

		line-height: 55px;

		color: #fff;

		text-align: center;

		border: 1px solid #fff;

		position: absolute;

		top: 20px;

		right: 30px;

	}

	.inews-c2 span{

		display: block;

		height: 25px;

		background: #fff;

		font-size: 14px;

		line-height: 25px;

		color: #333;

		text-align: center;

	}

	.inews-c3{

		font-size: 18px;

		color: #333;

		line-height: 50px;

		height: 50px;

		margin-top: 5px;

		overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

	}

	.inews-c4{

		font-size: 16px;

		font-family: 'Palanquin', sans-serif;

		color: #c8b297;

	}

	.iactivity-c{

		width: calc(100% + 60px);

		width: -webkit-calc(100% + 60px);

		left: -30px;

		padding: 0 30px;

	}

	.iactivity-e div{

		width: 25% !important;

	}

	.iactivity-e{

		height: 60px;

		margin-top: 60px;

	}

	.iactivity-e div a{

		font-size: 16px;

	}

	.iactivity-e div a img{

		margin-right: 5px;

	}

	.iactivity-d{

		margin-top: 50px;

	}

}

@media (max-width: 767px) {

	.iban-swiper{

		height: 4.2rem;



		background: #fdf6f4;

	}

	.iban-rt,.iban-lt{

		display: none;

	}

	.iban{

		height: 4.15rem;

		line-height: 4.15rem;

		background-size: 100% 100%;

	}

	.iban-span{

		bottom: .3rem !important;

	}

	.iban-span span{

		width: .32rem;

		height: .32rem;

		line-height: .75rem;

		margin: 0 .1rem !important;

		background-size: .4rem;

	}

	.iban-span span img{

		width: .4rem;

	}

	.iservice-bj{

		height: initial;

	}

	.iservice{

		padding-top: 1rem;

		overflow: hidden;

	}

	.iservice-a{

		

		height: 1.5rem;

	}

	.iservice-a1{

		padding-left: .55rem;

		width: 5.8rem;

	}

	.iservice-a1 .ise-h1{

		font-size: .46rem;

		line-height: .6rem;

		height: .6rem;

	}

	.iservice-a1:after{

		width: .35rem;

		top: .3rem;

	}

	.iservice-a1 .ise-p1{

		font-size: .26rem;

		line-height: .5rem;

	}

	.iservice-a2{

		width: 5.8rem;

		right: 0rem;

		top: -.3rem;

	}

	.iservice-b{

		display: none;

	}

	.iservice-c{

		display: block;

	}

	.inews{

		padding-top: .95rem;

	}

	.inews-a2{

		width: 3.6rem;

		right: -.4rem;

		top: .4rem;

	}

	.inews-a3{

		width: 1.3rem;

		height: initial;

		right: -.3rem;

		top: -1.1rem;

	}

	@keyframes imgfd

{

from {top:-1.6rem;}

to {top: -2rem;}

}



@-moz-keyframes imgfd 

{

from {top:-1.6rem;}

to {top: -2rem;}

}



@-webkit-keyframes imgfd 

{

from {top:-1.6rem;}

to {top: -2rem;}

}



@-o-keyframes imgfd 

{

from {top:-1.6rem;}

to {top: -2rem;}

}

	.inews-a3 img{

		max-width: 100%;

	}

	.inews-a{

		height: 1.8rem;

	}

	.inews-a1{

		width: 3rem;

		padding-left: .55rem;
		padding-bottom:0.8rem;

	}

	.inews-a1:after{

		width: .35rem;

		top: .3rem;

	}

	.inews-a1 .ise-h1{

		font-size: .46rem;

		height: .6rem;

		line-height: .6rem;

	}

	.inews-a1 .ise-p1{

		font-size: .26rem;

        line-height: .4rem;

	}

	.inews-c{

		width: 7.5rem;

		padding: 0 .7rem;

		left: -.45rem;

	}

	.inews-c .swiper-slide{

		width: 100% !important;

		padding-bottom: 1rem;

	}

	.inews-c3{

		font-size: .32rem;

		line-height: .6rem;

		height: .6rem;

		margin-top: .1rem;

	}

	.inews-c4{

		font-size: .26rem;

		line-height: .4rem;

		margin-top: 0;

	}

	.inews-c2{

		width: .8rem;

		height: .8rem;

		top: .2rem;

		right: .5rem;

	}

	.inews-c2{

		font-size: .4rem;

		line-height: .55rem;

	}

	.inews-c2 span{

		font-size: .18rem;

		line-height: .25rem;

		height: .25rem;

	}

	.iactivity{

		padding-top: 1rem;
		 
		

	}

	.iactivity-b{

		width: 1.5rem;

		height: initial;

		right: .2rem;

	}

	.iactivity-b img{

		max-width: 100%;

	}

	.iactivity-a1{

		font-size: .46rem;

		height: .6rem;

		line-height: .6rem;

		padding-right: .1rem;

	}

	.iactivity-a1 span{

		width: .3rem;

		left: -.2rem;

		top: -.15rem;

	}

	.iactivity-a2{

		font-size: .26rem;

		line-height: .4rem;

		padding-top: 0;

		padding-left: .1rem;

	}

	@keyframes imgfda

	{

	from {top:-.6rem;}

	to {top: -1rem;}

	}

	

	@-moz-keyframes imgfda

	{

	from {top:-.6rem;}

	to {top: -1rem;}

	}

	

	@-webkit-keyframes imgfda 

	{

	from {top:-.6rem;}

	to {top: -1rem;}

	}

	

	@-o-keyframes imgfda 

	{

	from {top:-.6rem;}

	to {top: -1rem;}

	}

	.iactivity-c{

		width: 7.5rem;

		margin-top: .4rem;

		padding-bottom: .35rem;

	}

	.iactivity-c .swiper-slide .d3{

		font-size: .32rem;

		line-height: .45rem;

		margin-top: .15rem;

	}

	.iactivity-c .swiper-slide .d4{

		font-size: .24rem;

		line-height: .45rem;

		height: .9rem;

		margin-top: .1rem;

	}

	.iactivity-c .swiper-slide .d5{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

		color: #c8b297;

	}

	.iactivity-c .swiper-slide .d5 span{

		display: none;

	}

	.iactivity-d{

		width: 2.7rem;

		height: .8rem;

		line-height: .8rem;

		font-size: .24rem;

		border-color: rgba(0,0,0,.1);

		margin-top: .6rem;

		

	}

	.iactivity-c:after{

		content: "";

		width: 6.6rem;

		height: 1px;

		background: rgba(0,0,0,.1);

		position: absolute;

		bottom: 0;

		left: .45erem;

	}

	.iactivity-e{

		margin-top: 1rem;

		width: 7.5rem;

		margin-left: -.45rem;

	 

		padding:0 .45rem;

	}

	.iactivity-e div{

		width: 3rem !important;

		height: 2.2rem;

		text-align: center;

		margin-left: .6rem;

		margin-top: .5rem;

		border-right: none;

		padding-top: .2rem;

		border-bottom: 1px solid rgba(0,0,0,.1);

	}

	.iactivity-e div a{

		display: block;

		width: 100%;

		height: 100%;

		text-align: center;

		font-size: .28rem;

		line-height: .4rem;

	}

	.iactivity-e div img{

		width: 1.2rem;

		margin: 0;

	}

	.iactivity-e div span{

		display: block;

		line-height: .6rem;

	}

	.iactivity-e div:nth-child(2n + 1){

		margin-left: 0;

	}

	.iactivity-e div:nth-child(3){

		border-bottom: none;

	}

	.iactivity-e div:nth-child(4){

		border-bottom: none;

	}

	.footer-a ul li .to{

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

		background-size: .25rem;

	}

}







/*新闻*/

.news-a{

	height: 685px;

	padding-top: 85px;

	background: #fdf6f4;

}

.news-a1{

	height: 40px;

	text-align: center;

}

.news-a1 a{

	display: inline-block;

	font-size: 22px;

	line-height: 40px;

	margin: 0 15px;

	color: #333;

	transition: all .3s; 

-webkit-transition: all .3s;

position: relative;

}

.news-a1 a:after{

	content: "";

	width: 0;

	height: 2px;

	background: #f1517a;

	position: absolute;

	bottom: 0;

	left: 0;

}

.news-a1 a.on{

	color: #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;



}

.news-a1 a.on:after{

	width: 100%;

	left: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.news-a1 a:hover{

	color: #333;

}

@media (min-width: 768px) {

	.news-a1 a:hover{

		color: #f1517a;

		transition: all .3s; 

	-webkit-transition: all .3s;

	}

	.news-a1 a:hover:after{

		left: 0;

		width: 100%;

		transition: all .3s; 

	-webkit-transition: all .3s;

	}

}



.news-a2{

	margin-top: 55px;

}

.news-b{

	padding-top: 80px;

	padding-bottom: 75px;

}

.news-b1{

	height: 55px;

	position: relative;

}

.news-b1-a{

	float: left;

	height: 55px;

}

.news-b1-a1{

	width: 130px;

	height: 55px;

	background: #f8f8f8;

	color: #666;

	font-size: 16px;

	text-align: center;

	line-height: 55px;

	cursor: pointer;

}

.news-b1-a1 img{

	margin-left: 10px;

	width: 18px;

}

.header-news{

	position: absolute;

	height: 55px;

	width: calc(100% - 220px);

	width: -webkit-calc(100% - 220px);

	top: 0;

	left: 0;

	background: #f8f8f8;

	padding: 10px 15px;

	transition: all .5s; 

	-webkit-transition: all .5s;

    display: none;

    max-width: 400px;

}



.header-news .header-news-c1{

	width: calc(100% - 45px);

	width: -webkit-calc(100% - 45px);

	background: #fff;

	height: 35px;

	margin-top: 0;

	

	position: relative;

	top: 0;

	left: 0;

}

.header-news .header-news-c1 .int1{

	font-size: 16px;

	line-height: 35px;

	padding: 0 15px;

	padding-right: 45px;

	width: 100%;

	height: 100%;

	color: #666;

	border: none;

}

.header-news .header-news-c1 .int2{

	width: 35px;

	height: 35px;

	position: absolute;

	top: 0;

	right: 0;

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

	border: none;

}

.header-news .header-news-c2{

	width: 35px;

	height: 35px;

	position: absolute;

	top: 10px;

	right: 15px;

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

	

}

@media (max-width: 768px) {

	.header-news{

		width: 4rem;

		height: .8rem;

		line-height: .8rem;

		padding: .1rem;

	}

	.header-news .header-news-c1{

		width: calc(100% - .6rem);

	    width: -webkit-calc(100% - .6rem);

	    height: .6rem;

		line-height: .6rem;

		top: -.02rem

	}

	.header-news .header-news-c1 .int1{

		font-size: .24rem;

		padding: 0 .2rem;

		padding-right: .7rem;

	}

	.header-news .header-news-c1 .int2{

		width: .6rem;

		height: .6rem;

		background-size: .3rem;

	}

	.header-news .header-news-c2{

		width: .4rem;

		height: .4rem;

		top: .2rem;

		right: .2rem;

	}

}

.news-b1-b{

	width: 205px;

	float: right;

	height:55px;

	padding: 0 12px;

	border: 1px solid rgba(0,0,0,.1);

}

.news-b2 li{

	margin-bottom: 50px;

}

.news-b2{

	border-bottom: 1px solid rgba(0,0,0,.1);

	margin-top: 30px;

}

.news-b3{

	margin-top: 65px;

	cursor: pointer;

}



@media (max-width: 1023px) {

	.news-a1{

		margin-bottom: 30px;

	}

	.news-a{

		height: initial;

	}

	.news-b .iactivity-c{

		width: 102%;

		padding: 0;

	}

}

@media (max-width: 767px) {

	.news-b .iactivity-c li{

		width: 100%;

		margin: 0;

		margin-bottom: .2rem;

	}

	.news-b .iactivity-c:after{

		display: none;

	}

	.news-b2 li{

		margin-bottom: .3rem;

	}

	.iactivity-c li .d1{

		font-size: .24rem;

		height: .6rem;

		line-height: .6rem;

	}

	.iactivity-c li .d3{

		font-size: .28rem;

		line-height: .4rem;

		height: .4rem;

		margin-top: .2rem;

	}

	.iactivity-c li .d4{

		font-size: .24rem;

		line-height: .4rem;

		height: .8rem;

	}

	.iactivity-c li .d5{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

		color: #c8b297;

	}

	.news-b{

		padding-top: .5rem;

        padding-bottom: .8rem;

	}

	.news-b1{

		height: .6rem;

	}

	.news-b1-a1{

		width: 2rem;

		font-size: .24rem;

		height: .8rem;

		line-height: .8rem;

	}

	.news-b1-a1 img{

		width: .26rem;

		margin-left: .1rem

	}

	.news-b1-b{

		width: 2.5rem;

		height: .8rem;

		line-height: .8rem;

		font-size: .24rem;

	}

	.news-b2{

		margin-top: .3rem;

	}

	.news-b3{

		width: 2.7rem;

    height: .8rem;

    line-height: .8rem;

    font-size: .24rem;

    border-color: rgba(0,0,0,.1);

    margin-top: .6rem;

	}

	

	.news-a{

		padding-top: .5rem;

	}

	.news-a1{

		margin-bottom: .3rem;

	}

	.news-a1 a{

		font-size: .24rem;

		margin: 0 .2rem;

		line-height: .6rem;

		height: .6rem;

	}

	.news-a .inews-c .swiper-slide{

		padding-bottom: .2rem;

	}

	    

}





/*海鼎印象*/

.impress-a{

	background: #fdfbf8;

	padding-top: 95px;

	position: relative;

}

.impress-a .w1600{

	position: relative;

}

.impress-a1-a{

	font-size: 46px;

	color: #f1517a;

	line-height: 1;

	position: relative;

	padding-left: 65px;

}

.impress-a1-a:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #f1517a;

	position: absolute;

	top: 30px;

	left: 18px;

}

.impress-a1-b{

	font-size: 16px;

	color: #666;

	line-height: 25px;

	margin-top: 10px;

	padding-left: 65px;

}

.impress-a2{

	position: absolute;

	top: -30px;

	right: 20px;

	

	z-index: 4;

}

.impress-a2 img{

	position: relative;

}

.impress-a3{

	margin-top: -10px;

	height: 625px;

	position: relative;

	top: 90px;

	background: no-repeat center;

}

.impress-aswiper{

	height: 500px;

	padding-top: 220px;

	width: 380px;

	float: left;

	margin-left: 10%;

	margin-top: 60px;

	border-left: 1px solid rgba(255,255,255,.1);

	cursor: s-resize;

}

.impress-aswiper .swiper-slide{

	font-size: 14px;

	line-height: 28px;

	color: #fff;

	opacity: .6;

	padding-left: 30px;

}

.impress-aswiper .swiper-slide-active:after{

	content: "";

	width: 2px;

	height: 100%;

	background: #fff;

	position: absolute;

	left: 0;

	top: 0;

}

.impress-aswiper .swiper-slide-active{

	opacity: 1;

	font-size:22px;

	font-weight: bold;

}

.impress-aswiper .swiper-slide-prev{

	opacity: .9;

	font-size: 16px;

}

.impress-aswiper .swiper-slide-next{

	opacity: .9;

	font-size: 16px;

}

.impress-aswiper .swiper-slide{}

.impress-b{

	padding-top: 150px;

	overflow: hidden;

}

.impress-b1{

	width: 250px;

	height: 145px;

	float: left;

	margin-left: 110px;

	border-bottom: 2px solid #dadada;

}

.impress-b1:first-child{

	margin-left: 0;

}

.impress-b1-a{

	font-size: 14px;

	line-height: 30px;

	height: 90px;

	line-height: 90px;

	color: #000;

	position: relative;

}

.impress-b1:nth-child(1){

	background: url(../images/ico18.png) no-repeat 100px 40px;

}

.impress-b1:nth-child(2){

	background: url(../images/ico19.png) no-repeat 70px 30px;

}

.impress-b1:nth-child(3){

	background: url(../images/ico20.png) no-repeat 60px 30px;

}

.impress-b1-a span{

	color: #f1517a;

	font-size: 75px;

	font-family: 'Palanquin', sans-serif;

	font-weight: bold;

	margin-right: 5px;

}

.impress-b1-a p{

	position: absolute;

	left: 75px;

	line-height: 1;

	top: 15px;

	font-size: 20px;

	color: #f1517a;

}

.impress-b1-a .pp1{

	left: 125px

}

.impress-c{

	padding-top: 45px;

}

.impress-c1{

	width: 100%;

	max-width: 1400px;

	font-size: 16px;

	color: #666;

	line-height: 30px;

}

.impress-d{

	margin-top: 70px;

	margin-bottom: 90px;

}

.impress-d0{

	border-top: 1px solid #dadada;

}

.impress-d1{

	margin-top: 70px;

	font-size: 26px;

	color: #333;

	line-height: 30px;

	padding-left: 65px;

	position: relative;

}

.impress-d1:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #333;

	position: absolute;

	top: 14px;

	left: 18px;

}

.impress-d2{

	position: relative;

	margin-top: 55px;

}

.impress-dlt{

	width: 36px;

	height: 36px;

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

	top: 100%;

	margin-top: -83px;

	left: -18px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-dlt:hover{

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

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-drt{

	width: 36px;

	height: 36px;

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

	top: 100%;

	margin-top: -83px;

	right: -18px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-drt:hover{

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

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-d2-a{

	width: 400px;

	float: left;

	position: relative;

	padding-bottom: 65px;

}

.impress-d2-a .imp-d1{

	width: 15px;

	margin-left: 13.75%;

	height: 240px;

	position: relative;

	float: left;

}

.impress-d2-a .imp-d1 span{

	width: 12px;

	height: 12px;

	border: 1px solid #868483;

	border-radius: 100%;

	background: #fff;

	position: absolute;

	top: 0;

	left: 1.5px;

}

.impress-d2-a .imp-d1:after{

	content: "";

	width: 1px;

	height: 228px;

	background: #868483;

	position: absolute;

	left: 7px;

	bottom: 0;

}

.impress-d2-a .imp-d2{

	width: calc(86.25% - 15px);

	width: -webkit-calc(86.25% - 15px);

	padding: 0 15px;

	font-size: 14px;

	height: 40px;

	line-height: 20px;

	color: #666;

	float: left;

	margin-top: 22px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.impress-d2-a .imp-d3{

	width: calc(86.25% - 15px);

	width: -webkit-calc(86.25% - 15px);

	padding: 0 15px;

	float: left;

	margin-top: 10px;

	

}

.impress-d2-a .imp-d3 img{

	max-width: 100%;

}

.impress-d2-a .imp-d4{

	position: absolute;

	width: 100%;

	height: 65px;

	line-height: 65px;

	left: 0;

	bottom: 0;

	font-size: 40px;

	color: #333;

	padding-left: 16%;

	font-weight: bold;

	font-family: 'Palanquin', sans-serif;

	border-top: 1px solid #868483;

}

.impress-e{

	width: 100%;

	background: #fdfbf8;

	padding-top: 90px;

}

.impress-e1{

	font-size: 46px;

	color: #f1517a;

	text-align: center;

	line-height: 1;

}

.impress-e1 span{

	display: inline-block;

	width:30px;

	height: 1px;

	margin-right: 20px;

	background: #f1517a;

	position: relative;

	top: -16px;

}

.impress-e2{

	margin-top: 45px;

	text-align: center;

	border-bottom: 1px solid rgba(0,0,0,.1);

	padding-bottom: 40px;

}

.impress-e2 div{

	display: inline-block;

	margin: 0 20px;

	font-size: 22px;

	color: #333;

	line-height: 50px;

	position: relative;

	transition: all .3s; 

-webkit-transition: all .3s;

cursor: pointer;

}

.impress-e2 div:after{

	content: "";

	width: 0;

	height: 2px;

	position: absolute;

	left: 0;

	bottom: 2px;

	background: #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-e2 div.on{

	color: #f1517a;

}

.impress-e2 div.on:after{

	width: 100%;

}

.impress-e2 div:hover{

	color: #333;

}

@media (min-width: 768px) {

	.impress-e2 div:hover{

		color: #f1517a;

		transition: all .3s; 

	-webkit-transition: all .3s;

	}

	.impress-e2 div:hover:after{

		width: 100%;

		left: 0;

		transition: all .3s; 

	-webkit-transition: all .3s;

	}

}

@media (max-width: 767px) {

	.impress-e2 div.on:after{

		display: none;

	}

	.impress-e2 div.on{

		border-bottom: 2px solid #f1517a;

	}

}



.impress-list{

	background: url(../images/ico27.png) no-repeat 60% center;

	display: none;

	min-height: 710px;

}

.impress-list.on{

	display: block;

}

.impress-e3{

	padding-top: 30px;

	padding-bottom: 110px;

	overflow: hidden;

	

}

.impress-e3-a{

	width: calc(100% - 470px);

	width: -webkit-calc(100% - 470px);

	max-width: 690px;

	float: left;

	position: relative;

}

.impress-e3-a1{

	margin-top: 55px;

}

.impress-e3-a1 .imp-h1{

	font-size: 24px;

	color: #333;

	line-height: 30px;

}

.impress-e3-a1 .imp-txt1{

	font-size: 16px;

	line-height: 30px;

	color: #666;

	margin-top: 5px;

}

.impress-e3-a1 .imp-txt2{

	width: 100%;

	max-width: 640px;

	font-size: 16px;

	line-height: 30px;

	color: #666;

	margin-top: 95px;

	text-align: right;

}

.impress-e3-a1 .imp-txt2 span{

	display: inline-block;

	width: 160px;

	height: 1.5px;

	background: #666;

	margin-right: 10px;

	position: relative;

	top: -6px;

}

.impress-e .w1200{

	position: relative;

}

.impress-e3-a2{

	width: 152px;

	height: 127px;

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

	position: absolute;

	top: 210px;

	left: 0px;

}

.impress-e3-b{

	width: 442px;

	float: right;

}

.impress-e3-b img{

	max-width: 100%;

}

.impress-e4{

	padding-top: 75px;

	padding-bottom: 130px;

	overflow: hidden;

}

.impress-e4-a{

	width:293px;

	overflow: hidden;

	float: left;

}

.impress-e4-b{

	width: calc(100% - 320px);

	width: -webkit-calc(100% - 320px);

	float: right;

	max-width: 850px;

}

.impress-e4-b1{

	width: 50%;

	float: left;

	font-size: 16px;

	color: #666;

	line-height: 35px;

}

.impress-e4-b1:first-child{

	width: 45%;

	padding-right: 5%;

	margin-right: 5%;

	border-right: 1px solid rgba(0,0,0,.1);

}

.impress-e5{

	padding-top: 60px;

	padding-bottom: 60px;

	overflow: hidden;

}

.impress-e5-a{

	float: left;

}

.impress-e5-b{

	width: calc(100% - 290px);

	width: -webkit-calc(100% -290px);

	float: right;

	max-width: 870px;

	font-size: 16px;

	line-height: 35px;

	color: #666;

}

.impress-e6{

	padding-top: 35px;

	padding-bottom: 70px;

	font-size: 16px;

	line-height: 35px;

	overflow: hidden;

}

.impress-e6 img{

	max-width: 100%;

	margin-top: 10px;

}

.impress-f{

	width: 100%;

	padding-top: 105px;

	padding-bottom: 155px;

	position: relative;

}

.impress-f2{

	margin-top: 60px;

	overflow: hidden;

	position: relative;

	z-index: 6;

}

.impress-f2 a{

	display: block;

	width: 40%;

	margin: 0 5%;

	height: 45px;

	float: left;

	padding: 0 50px 0 25px;

	font-size: 16px;

	color: #666;

	line-height: 45px;

	position: relative;

	cursor: pointer;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.impress-f2 a:after{

	content: "";

	width: 5px;

	height: 5px;

	background: #aaaaaa;

	position: absolute;

	left: 12px;

	top: 20px;

	border-radius: 100%;

	transition: all .5s; 

-webkit-transition: all .5s;

z-index: 4;

}

.impress-f2 a:hover{

	

	color: #fff;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.impress-f2 a:hover:after{

	background: #fff;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.impress-f2 a:before{

	content: "";

	width: 0;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #f1517a;

	transition: all .5s; 

-webkit-transition: all .5s;

z-index: 2;

}

.impress-f2 a .sp0{

	display: block;

	position: relative;

	z-index: 3;

	color: #666;

}

.impress-f2 a:hover .sp0{

	color: #fff;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.impress-f2 a:hover:before{

	width: 100%;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.impress-f2 a .sp1{

	position: absolute;

	width: 45px;

	height: 45px;

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

	top: 0;

	right: 0;

	opacity: 0;

	transition: all .5s; 

-webkit-transition: all .5s;

z-index: 4;

}



.impress-f2 a:hover .sp1{

	opacity: 1;

	transition: all .5s; 

-webkit-transition: all .5s;

}

.impress-f3{

	width: 170px;

	height: 50px;

	border-radius: 25px;

	font-size: 16px;

	line-height: 50px;

	border: 1px solid #666;

	color: #666;

	text-align: center;

	margin: 0 auto;

	margin-top: 65px;

	cursor: pointer;

	position: relative;

	z-index: 7;

	transition: all .3s; 

-webkit-transition: all .3s;

overflow: hidden;

}

.impress-f3 span{

	position: relative;

	z-index: 2;

}

.impress-f3:before{

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	background: #f1517a;

	z-index: 1;

	-webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: right center; 

  transform-origin: right center;

  transition: -webkit-transform .2s ease-in;

  -webkit-transition: -webkit-transform .2s ease-in;

  transition: transform .2s ease-in;

  transition: transform .2s ease-in, -webkit-transform .2s ease-in;

  transition: transform .2s ease-in,-webkit-transform .2s ease-in;

}

.impress-f3:hover{

	color: #666;

}

@media (min-width: 768px) {

	.impress-f3:hover{

		border-color: #f1517a;

		color: #fff;

		transition: all .5s; 

	-webkit-transition: all .5s;

	}

	.impress-f3:hover:before{

		-webkit-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: left center; 

  transform-origin: left center;;

	}

}



.impress-f4{

	width: 100%;

	margin: 0 auto;

	position: absolute;

	bottom: 0;

	text-align: center;

}

.impress-f4 img{

	

	max-width: 100%;

}

.impress-g{

	width: 100%;

	background: #fdf6f4;

	padding-top: 95px;

	padding-bottom: 110px;

}

.impress-g2{

	margin-top: 40px;

	height: 50px;

	line-height: 50px;

	font-size: 22px;

	color: #333;

}

.impress-g2-a{

	padding-left: 65px;

}

.impress-g2-a div{

	display: inline-block;

	float: left;

	margin-right: 35px;

	position: relative;

	cursor: pointer;

}

.impress-g2-a div:after{

	content: "";

	width: 0;

	height: 3px;

	background: #f1517a;

	position: absolute;

	left:0;

	bottom: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-g2-a div:hover{

	color: #f1517a;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-g2-a div:hover:after{

	left: 0;

	width: 100%;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.impress-g2-a div.on{

	color: #f1517a;

}

.impress-g2-a div.on:after{

	left: 0;

	width: 100%;

}

.impress-g3{

	padding-left: 65px;

	height: 460px;

	margin-top: 25px;

	position: relative;
	
	display: none;

}



.impress-g3.on{

	display: block;

}


.impress-g3-a{

	

	border-bottom: 1px solid rgba(0,0,0,.1);

	padding-bottom: 5px;

	float: left;

}

.impress-g3-a .imp-g1 img{

	max-width: 100%;

}

.impress-g3-a .imp-g2{

	font-size: 22px;

	height: 65px;

	line-height: 65px;

	color: #333;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.impress-g3-a .imp-g3{

	font-size: 16px;

	color: #666;

	height: 168px;

	line-height: 28px;

	overflow: auto;

}

.impress-g3-b{

	width: 200px;

	height: 40px;

	position: absolute;

	right: 0;

	top: -60px;

}

.impress-glt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	left: 0;

}

.impress-glt:hover{

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

}

.impress-grt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	right: 0;

}

.impress-grt:hover{

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

}

.impress-h{

	padding-top: 100px;

	padding-bottom: 120px;

	position: relative;

}

.impress-h2{

	overflow: hidden;

}

.impress-h2 .list1{

	width: 585px;

	float: left;

	margin-top: 65px;

	overflow: hidden;

}

.impress-h2-a{

	

	position: relative;

}

.impress-h2-a img{

	max-width: 100%;

}

.impress-h2-a a{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/ico33.png) no-repeat center rgba(0,0,0,.2);

	cursor: pointer;

}

.impress-h2-b{

	height: 60px;

	color: #333;

	font-size: 16px;

	line-height: 60px;

	text-align: center;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.impress-h3{

	width: 200px;

	height: 40px;

	position: absolute;

	right:50px;

	top: 190px;

	z-index: 5;

}

.impress-hlt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	left: 0;

}

.impress-hlt:hover{

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

}

.impress-hrt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	right: 0;

}

.impress-hrt:hover{

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

}

.impress-i{

	width: 100%;

	background: #fdf6f4;

	padding-top: 110px;

	padding-bottom: 140px;

}

.impress-i1{

	margin-top: 50px;

}

.impress-i1-list{

	

	padding: 16px;

	background: #fff;

}

.impress-i1-list .imp-i1 img{

	max-width: 100%;

}

.impress-i1-list .imp-i2{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	margin-top: 5px;

	height: 30px;

	text-align: center;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.impress-i1-list .imp-i3{

	font-size: 12px;

	color: #666;

	text-align: center;

	line-height: 1;

}

.impress-i3{

	width: 200px;

	height: 40px;

	position: relative;

	margin: 0 auto;

	margin-top: 55px;

}

.impress-ilt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	left: 0;

}

.impress-ilt:hover{

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

}

.impress-irt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	right: 0;

}

.impress-irt:hover{

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

}

.impress-i3 .iip{

	width: 80px;

	height: 40px;

	font-size: 16px;

	color: #666;

	text-align: center;

	line-height: 40px;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -40px;

}

.impress-i3 .iip1{

	color: #333;

}

.impress-i1-list a{

	display: block;

	width: 100%;

	height: 100%;

}

@media (max-width: 1299px) {

	.impress-f2 a{

		width: 45%;

		margin-right: 0;

	}

	.impress-aswiper{

		margin-left: 5%;

	}

}

@media (max-width: 1100px) {

	.impress-b1{

		margin-left: 50px;

	}

}

@media (max-width: 1023px) {

	.impress-a2{

		max-width: 80%;

	}

	.impress-a2 img{

		max-width: 100%;

	}

	.impress-b1{

		width: 200px;

		margin-left: 20px;

	}

	.impress-b1:first-child{

		width: 250px;

	}

	.impress-e3-a{

		width: calc(100% - 280px);

        width: -webkit-calc(100% - 280px);

	}

	.impress-e3-a1{

		margin-top: 0;

	}

	.impress-e3-b{

		width: 260px;

	}

	.impress-e3-a1 .imp-txt2{

		margin-top: 40px

	}

	.impress-f2{

		margin-top: 30px;

	}

	.impress-f2 a{

		width: 95%;

		margin-left: 45px;

	}

	.impress-g2-a{

		padding-left: 0;

	}

	.impress-g3{

		padding-left: 0;

	}

	.impress-g3-b{

		

	}

	.impress-g{

		padding-bottom: 60px;

	}

	.impress-h3{

		top: 120px;

	}

	.impress-h2 .list1{

		margin-top: 30px;

	}

	.impress-h{

		padding-bottom: 60px;

	}

	.impress-i{

		padding-bottom: 80px;

	}

	.impress-f3{

		float: left;

		margin-left: 85px;

		margin-top: 30px;

	}

	.iactivity-c li .d2 .vd-sp{

		background-size: 40px;

	}

}

@media (max-width: 767px) {

	.impress-a{

		padding-top: .6rem;

		padding-bottom: .4rem;

	}

	.impress-a1-a{

		font-size: .46rem;

		line-height: .6rem;

		padding-left: .6rem;

	}

	.impress-a1-a:after{

		width: .4rem;

		left: 0;

		top: .3rem;

	}

	.impress-a1-b{

		font-size: .24rem;

		line-height: .4rem;

		padding-left: .6rem;

	}

	.impress-a2{

		width: 60%;

		top: .5rem;

		right: .2rem;

	}

	.impress-a3{

		top: 0;

		margin-top: .3rem;

	}

	.impress-b{

		padding-top: .6rem;

	}

	.impress-b1{

		width: 100% !important;

		height: initial;

		padding-bottom: .3rem;

		margin-left: 0 !important;

		margin-bottom: .3rem;

		background-position: right center !important;

		background-size: .8rem !important;

	}

	.impress-b1-a{

		width: 2.95rem;

		height: .9rem;

		line-height: .9rem;

		text-align: left;

		float: left;

	}

	.impress-b1-a span{

		font-size: .8rem;

	}

	.impress-b1-b{

		width: 3.5rem;

		font-size: .24rem;

		line-height: .4rem;

		text-align: left;

		float: left;

		margin-top: .4rem

	}

	.impress-b1:nth-child(1){

		background-position: 1.1rem center !important;

	}

	.impress-b1:nth-child(2){

		background-position: .75rem center !important;

	}

	.impress-b1:nth-child(3){

		background-position: .65rem center !important;

	}

	.impress-b1-a p{

		font-size: .26rem;

		top: .1rem;

		left: 1rem;

	}

	.impress-b1-a .pp1{

		left: 1.5rem;

	}

	.impress-c{

		padding-top: .4rem;

	}

	.impress-c1{

		font-size: .24rem;

		line-height: .5rem;

	}

	.impress-d{

		margin-top: .5rem;

		margin-bottom: .5rem

	}

	.impress-d1{

		margin-top: .4rem;

		font-size: .36rem;

		height: .5rem;

		line-height: .5rem;

		padding-left: .6rem;

	}

	.impress-d1:after{

		width: .4rem;

		top: .25rem;

		left: 0;

	}

	.impress-d2{

		margin-top: .4rem;

	}

	.impress-d2-a .imp-d1{

		margin-left: 10%;

	}

	.impress-e{

		padding-top: .6rem;

	}

	.impress-e1{

		font-size: .46rem;

		line-height: .6rem;

	}

	.impress-e1 span{

		width: .3rem;

		margin-right: .3rem;

		top: -.15rem;

	}

	.impress-e2{

		margin-top: .3rem;

		padding-bottom: .3rem;

	}

	.impress-e2 div{

		font-size: .26rem;

		height: .6rem;

		line-height: .6rem;

		margin: 0 .1rem

	}

	.impress-e2 div:hover{

		color: #f1517a;

		

	}

	.impress-e2 div:hover:after{

		display: none;

		

	}

	.impress-e3{

		padding-top: .3rem;

		padding-bottom: .8rem;

	}

	.impress-e3-b{

		width: 100%;

		text-align: center;

	

	}

	.impress-e3-b img{

		max-width: 60%;

		

	}

	.impress-e3-a2{

		display: none;

	}	

	.impress-e3-a{

		width: 100%;

	    margin-top: .4rem;

	}

	.impress-e3-a1 .imp-h1{

		font-size: .28rem;

		line-height: .4rem;

	}

	.impress-e3-a1 .imp-txt1{

		font-size: .24rem;

		line-height: .5rem;

	}

	.impress-e3-a1 .imp-txt2{

		margin-top: .3rem;

	}

	.impress-e3-a1 .imp-txt2 span{

		height: 1px;

		color: #f2f2f2;

		width: 100px;

	}

	.impress-list{

		min-height: initial;

	}

	.impress-e4{

		padding-top: .3rem;

		padding-bottom: .6rem;

	}

	.impress-e4-a{

		width: 4rem;

	margin-left: 1.3rem;

	}

	.impress-e4-b{

		width: 100%;

		margin-top: .4rem;

		clear: both;

	}

	.impress-e4-b1{

		font-size: .24rem;

		line-height: .5rem;

		width: 100%;

		margin: 0;

		padding: 0;

		

	}

	.impress-e4-b1:first-child{

		width: 100%;

		border-right: none;

	}

	.impress-e5{

		padding-top: .4rem;

		padding-bottom: .6rem;

	}

	.impress-e5-a{

		width: 4rem;

	margin-left: 1.3rem;

	}

	.impress-e5-b{

		width: 100%;

		font-size: .24rem;

		line-height: .5rem;

		margin-top: .4rem;

	}

	.impress-e6{

		padding: .6rem 0;

		font-size: .24rem;

		line-height: .5rem;

	}

	.impress-f{

		padding-top: .6rem;

		padding-bottom: 2rem;

	}

	.impress-f2{

		margin-top: .4rem

	}

	.impress-f2 a{

		width: 100%;

		margin: 0;

		font-size: .24rem;

		height: .6rem;

		line-height: .6rem;

		padding-left: .3rem;

		padding-right: .7rem;

	}

	.impress-f2 a:after{

		width: .1rem;

		height: .1rem;

		top: .23rem;

		left: .1rem;

	}

	.impress-f2 a .sp0{

		width: 100%;

	}

	.impress-f2 a .sp1{

		width: .6rem;

		height: .6rem;

		background-size: .4rem;

	}

	.impress-f3{

		width: 3rem;

		height: .8rem;

		line-height: .8rem;

		font-size: .24rem;

		margin-top: .3rem;

		margin-left: 2.2rem;

	}

	.impress-g{

		padding-top: .6rem;

		padding-bottom: .8rem;

	}

	.impress-g2{

		margin-top: .3rem;

		height: .6rem;

	}

	.impress-g2-a div{

		font-size: .24rem;

		line-height: .6rem;

		margin-right: .3rem;

	}

	.impress-g3{

		margin-top: .3rem;

		height: initial;

	}

	.impress-g3-a .imp-g2{

		font-size: .28rem;

		line-height: .8rem;

		height: .8rem;

	}

	.impress-g3-a .imp-g3{

		font-size: .24rem;

		line-height: .5rem;

		height: 2.5rem;

	}

	.impress-g3-b{

		position: relative;

		left: 0;

		top: .2rem;

		margin: 0 auto;

	}

	.impress-h{

     padding-top: .6rem;

     padding-bottom: .6rem;

	}

	.impress-h2-b{

		height: .8rem;

		font-size: .24rem;

		line-height: .8rem;

	}

	.impress-h3{

		position: relative;

		left: 0;

		top: 0;

		margin: 0 auto;

		margin-top: .3rem;

	}

	.impress-i{

		padding-top: .6rem;

		padding-bottom: .8rem;

	}

	.impress-i1{

		margin-top: .3rem;

	}

	.impress-i1-list .imp-i1{text-align: center;}

	.impress-i1-list .imp-i2{

		font-size: .28rem;

		line-height: .6rem;

		height: .6rem;

	}

	.impress-i1-list .imp-i3{

		font-size: .24rem;

	}

	.impress-i2{

		width: 7.5rem;

		margin-left: -.46rem;

		padding: 0 .8rem;

	}

	.impress-i3{

		margin-top: .3rem;

	}

	

	.impress-a3{

		width: 7.5rem;

		height: 6.5rem;

		margin-left: -.45rem;

		background-size: 11rem 4.5rem;

    background-position: -3.5rem top;

	}

	.impress-aswiper{

		width: 6.5rem;

		height: 1.9rem;

		padding-top: .7rem;

		margin-top: 4.6rem;

		margin-left: .5rem;

		border-left: 1px solid rgba(0,0,0,.1);

	}

	.impress-aswiper .swiper-slide{

		font-size: .22rem;

		height: .315rem;

		line-height: .6rem;

		color: #333;

		overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

	}

	.impress-aswiper .swiper-slide-prev{

		font-size: .22rem;

	}

	.impress-aswiper .swiper-slide-next{

		font-size: .22rem;

	}

	.impress-aswiper .swiper-slide-active{

		font-size: .3rem;

		font-weight: bold;

	}

	.iactivity-c li .d2 .vd-sp{

		background-size: .8rem;

	}

	.impress-aswiper .swiper-slide-active:after{

		background: #333;

		height: 60%;

		top: 20%;

	}

	

	

}









/*海鼎味道*/

.taste-a{

	width: 100%;

	background: #fdfbf8;

	padding-top: 105px;

	padding-bottom: 120px;

}

.taste-a2{

	margin-top: 90px;

	overflow: hidden;

}

.taste-a2-a{

	width: 320px;

	float: left;

	border-top: 2px solid rgba(0,0,0,.1);

	padding-top: 25px;

}

.taste-a2-a1{

	font-size: 26px;

	color: #f1517a;

	line-height: 35px;

}

.taste-a2-a2{

	font-size: 18px;

	line-height: 35px;

	color: #f1517a;

}

.taste-a2-a3{

	margin-top: 15px;

}

.taste-a2-b{

	width: calc(100% - 260px);

	width: -webkit-calc(100% - 260px);

	max-width: 920px;

	float: right;

	overflow: hidden;

}

.taste-a2-b li{

	width: 30%;

	margin-left: 5%;

	border-top: 1px solid rgba(0,0,0,.1);

	padding-top: 20px;

	min-height: 140px;

	float: left;

}

.taste-a2-b li .tas-a1{

	font-size: 22px;

	color: #000006;

	line-height: 35px;

	height: 35px;

}


.taste-a2-b li .tas-a1 i{

	font-size: 22px;
	
	color: #000006;

	 

}







.taste-a2-b li .tas-a2{

	font-size: 18px;

	color: #000006;

	line-height: 35px;

	height: 35px;

}

.taste-a2-b li .tas-a3{

	font-size: 16px;

	color: #666;

	line-height: 24px;

	margin-top: 5px;

}

.taste-a2-b li:nth-child(3n+1){

	margin-left: 0;

}

.taste-a3{

	margin-top: 70px;

	overflow: hidden;

}

.taste-a3-a{

	width: 320px;

	float: left;

	border-top: 2px solid rgba(0,0,0,.1);

	padding-top: 25px;

}

.taste-a3-a1{

	font-size: 26px;

	color: #f1517a;

	line-height: 35px;

}

.taste-a3-a2{

	font-size: 18px;

	line-height: 35px;

	color: #f1517a;

}

.taste-a3-a3{

	    margin-top: 15px;

}

.taste-a3-b{

	width: calc(100% - 260px);

	width: -webkit-calc(100% - 260px);

	max-width: 920px;

	float: right;

	border-top: 1px solid rgba(0,0,0,.1);

	overflow: hidden;

	padding-top: 30px;

}

 

.taste-a3-b1{

	font-size: 22px;

	color: #f1517a;

	line-height: 35px;
	margin-bottom:10px;

}

.taste-b{

	padding-top: 100px;

}

.taste-b2{

	height: 125px;

	margin-top: 50px;

	position: relative;

}

.taste-b2-a{

	width: 100%;

	max-width: 510px;

	background: #fff;

	margin: 0 auto;

	height: 125px;

	position: relative;

	z-index: 4;

}

.taste-b2-a div{

	width: 125px;

	height: 125px;

	margin: 0 22.5px;

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 100%;

	background: #fff;

	float: left;

	text-align: center;

	line-height: 125px;

	font-size: 20px;

	color: #333;

	cursor: pointer;

	position: relative;

	overflow: hidden;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.taste-b2-a div span{

	position: relative;

	z-index: 3;

}

.taste-b2-a div:before{

	content: "";

	width: 0;

	height: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	background: #f1517a;

	border-radius: 100%;

	transition: all .3s; 

-webkit-transition: all .3s;

z-index: 2;

}

.taste-b2-a div.on{

	background: #f1517a;

	color: #fff;

}

.taste-b2-a div:hover{

	color: #fff;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.taste-b2-a div:hover:before{

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.taste-b2-b{

	width: 100%;

	height: 1px;

	background: rgba(0,0,0,.1);

	position: absolute;

	left: 0;

	top: 62px;

	z-index: 3;

}

.taste-b3{

	margin-top: 30px;

	position: relative;

	z-index: 4;

}

.taste-b3-a{

	font-size: 16px;

	color: #333;

	line-height: 1;

	padding-left: 40px;

	position: relative;

}

.taste-b3-a:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #333;

	position: absolute;

	left: 0;

	top: 9px;

}

.taste-b3-b{

	min-height: 190px;

	padding-top: 35px;

	padding-bottom: 45px;



}

.taste-b3-b li{

	width: 16.66%;

	float: left;

}

.taste-b3-b1{

	width: 70px;

	height: 100px;

	margin: 0 auto;

	position: relative;

	text-align: center;

	cursor: pointer;

}

.taste-b3-b1 .tas-b1{

	font-size: 16px;

	line-height: 40px;

}

.taste-b3-b1 .tas-b2{

	width: 230px;

	height: 250px;

	padding: 30px;

	border-radius: 5px;

	background: #8ec63e;

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 6;

	margin-left: -115px;

	margin-top: -125px;

	transform: scale(0);

	font-size: 14px;

	line-height: 20px;

	color: #fff;

	text-align: left;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.taste-b3-b li:nth-child(1) .tas-b2{

	background: #ffc247;

}

.taste-b3-b li:nth-child(2) .tas-b2{

	background: #06d589;

}

.taste-b3-b li:nth-child(3) .tas-b2{

	background: #ef7a6a;

}

.taste-b3-b li:nth-child(4) .tas-b2{

	background: #ef7969;

}

.taste-b3-b li:nth-child(5) .tas-b2{

	background: #8ec63e;

}

.taste-b3-b li:nth-child(6) .tas-b2{

	background: #a850ec;

}

.taste-b3-b1:hover .tas-b2{

	transform: scale(1);

	transition: all .3s; 

-webkit-transition: all .3s;

}

.taste-b3-b1 .tas-b2-h1{

	font-size: 24px;

	line-height: 30px;



}

.taste-b3-b li:first-child .tas-b2{

	left: 0;

	margin-left: -40px;

}

.taste-b3-b li:last-child .tas-b2{

	left: 0;

	margin-left: -130px;

}

.taste-b4{

}

.taste-b4-a{

	font-size: 16px;

	color: #333;

	line-height: 1;

	padding-left: 40px;

	position: relative;

	z-index: 3;

}

.taste-b4-a:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #333;

	position: absolute;

	left: 0;

	top: 9px;

}

.taste-b4-b{

	font-size: 16px;

	line-height: 30px;

	margin-top: 10px;

	color: #666;

	padding-left: 40px;

}

.taste-b4-c{

	width: 103.4%;

	overflow: hidden;

}

.taste-b4-c li{

	width: 46.6%;

	height: 210px;

	float: left;

	margin-top: 35px;

	margin-right: 3.4%;

	background: #f9f3ed;

	padding: 25px 35px;

	position: relative;

}

.taste-b4-c1{

	font-size: 18px;

	color: #333;

	line-height: 35px;

}

.taste-b4-c2{

	font-size: 14px;

	color: #666;

	line-height: 25px;

	max-height: 125px;

	overflow: auto;

}

.taste-b4-c3{

	font-size: 54px;

	color: rgba(255,255,255,.8);

	line-height: 1;

	position: absolute;

	bottom: -6px;

	font-weight: bold;

	right: 10px;

	font-family: 'Palanquin', sans-serif;

}

.taste-last{

	display: none;

}

.taste-last.on{

	display: block;

}

.taste-cz{

	

	padding-top: 70px;

	padding-bottom: 70px;

}

.taste-cz li{

	width: 100%;

	height: 220px;

	margin-bottom: 20px;

	background: #f9f3ed;

	overflow: hidden;

	position: relative;

}

.taste-cz-a{

	width: 345px;

	height: 220px;

	float: left;

}

.taste-cz-a img{

	max-width: 100%;

	max-height: 100%

}

.taste-cz-b{

	width: calc(100% - 385px);

	width: -webkit-calc(100% - 385px);

	max-width: 740px;

	float: left;

	margin-left: 4%;

}

.taste-cz-b1{

	font-size: 18px;

	line-height: 25px;

	color: #333;

	margin-top: 25px;

    margin-bottom: 5px;

}

.taste-cz-b2{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	height: 150px;

	overflow: auto;

	position: relative;

	z-index: 3;

}

.taste-cz-c{

	font-size: 55px;

	line-height: 1;

	color: #fff;

	font-weight: bold;

	position: absolute;

	bottom: -5px;

	right: 20px;

	z-index: 2;

font-family: 'Palanquin', sans-serif;

}

.taste-mx{

	overflow: hidden;

	padding-top: 70px;

	padding-bottom: 70px;

}

.taste-mx-a{

	width: calc(100% -180px);

	width: -webkit-calc(100% - 180px);

	float: left;

	max-width: 800px;

}

.taste-mx-a1{

	font-size: 18px;

	color: #333;

	line-height: 30px;

}

.taste-mx-a2{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	margin-top: 5px;

}

.taste-mx-b{

	width: 150px;

	float: right;

}

.taste-mx-b img{

	max-width: 100%;

}



.taste-c{

	margin-top: 70px;

	position: relative;

    padding-top: 30px;

}

.taste-c1{

	font-size: 24px;

	line-height: 1;

	color: #333;

}

.taste-c2{

	width: 100%;

	height: 219px;

	text-align: center;

	position: absolute;

	top: 0;

	left: 0;

}

.taste-c2 img{

	max-width: 100%;

	position: relative;

}

.taste-c3{

	overflow: hidden;

	margin-top: 35px;

 
}

.taste-c4{

	width: 200px;

	height: 40px;

	position: relative;

	margin: 0 auto;

	margin-top: 50px;

	margin-bottom: 100px;

}

.taste-clt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	left: 0;

}

.taste-clt:hover{

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

}

.taste-crt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	right: 0;

}

.taste-crt:hover{

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

}

.taste-c3-a{

	width: 535px;

}

.taste-c3-a1 img{

	max-width: 100%;

}

.taste-c3-a2{

	font-size: 16px;

	text-align: center;

	line-height: 60px;

	height: 60px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.taste-d{

	width: 100%;

	background: #fceff2;

	padding-top:105px;

	padding-bottom: 130px;

}

.taste-d .iservice-a{

	height: 145px;

}

.taste-d .iservice-a2{

	margin-top: -70px

}

.taste-d2{

	overflow: hidden;

	

}

.taste-d2-a{

	width: 55%;

	height: 550px;

	float: left;

	background: no-repeat center;

}

.taste-d2-a .taste-d2-swiper{

	width: 100%;

	height: 100%;

}

.taste-d2-a .swiper-slide{

	width: 100%;

	height: 100%;

	background: no-repeat center;

	background-size: cover;

}

.taste-d2-span{

	bottom: 5px !important;

}

.taste-d2-span span{

	width: 6px;

	height: 6px;

	background: #e2e2e2;

	margin: 0 2px !important;

	opacity: 1 !important;

}

.taste-d2-span .swiper-pagination-bullet-active{

	width: 12px;

	border-radius: 3px;

}

.taste-d2-a img{

	max-width: 100%;

}

.taste-d2-b{

	width: 45%;

	height: 550px;

	background: #fff;

	padding: 40px 45px;

	float: left;

}

.taste-d2-b1{

    font-size: 26px;

    line-height: 30px;

    color: #333;

}

.taste-d2-b2{

	font-size: 16px;

	color: #666;

	line-height: 26px;	

	margin-top: 10px;

	height: 420px;

	overflow: auto;

}

.taste-d3{

	width: 240px;

	height: 40px;

	position: relative;

	margin: 0 auto;

	margin-top: 50px;

}

.iip{

	width: 60px;

	margin: 0 auto;font-size: 16px;

	line-height: 40px;

	text-align: center;

	font-family: 'Palanquin', sans-serif;

}

.taste-dlt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	left: 0;

}

.taste-dlt:hover{

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

}

.taste-drt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	right: 0;

}

.taste-drt:hover{

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

}

.taste-G{

	background: #fff;

}

.taste-G .imp-g3{

	height: 56px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

margin-bottom: 10px

}

.taste-G .impress-g3{

	height: 360px;

}



@media (max-width: 1023px) {

	.taste-a2-b li{

		width: 100%;

		margin-left: 0;

	}

	

}

@media (max-width:767px) {

	.taste-d2-a{

		width: 100%;

	}

	.taste-d2-b{

		width: 100%;

	}

	.taste-a{

		padding-top: .6rem;

		padding-bottom: .8rem;

		

	}

	.taste-a2{

		margin-top: .4rem;

	}

	.taste-a2-a{

		width: 100%;

		position: relative;

	}

	.taste-a2-a{

		padding-top: .2rem;

	}

	.taste-a2-a1{

		font-size: .4rem;

		line-height: .45rem;

	}

	.taste-a2-a2{

		font-size: .26rem;

		line-height: .4rem;

		float: left;

	}

	.taste-a2-a3{

	 

	  right: .2rem;

	  margin-top: 0;

	}

	.taste-a2-a3 img{

		width: .8rem;

	}

	.taste-a2-b{

		width: 100%;

		margin-top: .3rem;

	}

	.taste-a2-b li{

		padding-top: .2rem;

		min-height: inherit;

		padding-bottom: .2rem;

	}

	.taste-a2-b li .tas-a1{

		font-size: .28rem;

		line-height: .5rem;

		height: .5rem;

	}

	.taste-a2-b li .tas-a2{

		font-size: .26rem;

		line-height: .4rem;

		height: .4rem;

	}

	.taste-a2-b li .tas-a3{

		font-size: .24rem;

		line-height: .5rem;

	}

	.taste-a3{

		margin-top: .6rem;

	}

	.taste-a3-a{

		width: 100%;

		padding-top: .2rem;

		min-height: 1.2rem;

		position: relative;

	}

	.taste-a3-a1{

		font-size: .4rem;

       line-height: .45rem;

	}

	

	.taste-a3-a3{

 
 
	  right: .2rem;

	  margin-top: 0;

	}

	.taste-a3-a3 i{

		width: .8rem;

	}

	.taste-a3-b{

		width: 100%;

		margin-top: .3rem;

		padding-top: .3rem;

	}

	.taste-a3-b1{

		font-size: .26rem;

		line-height: .5rem;

	}

	.taste-a3-b2{

		font-size: .24rem;

		line-height: .5rem;

		margin-top: .2rem;

	}

	.taste-b{

		padding-top: .6rem;

	}

	.taste-b2{

		height: 1.5rem;

		margin-top: .4rem;

	}

	.taste-b2-a div{

		width: 1.5rem;

		height: 1.5rem;

		font-size: .24rem;

		line-height: 1.5rem;

		margin: 0 .2rem;

	}

	.taste-b2-a{

		height: 1.5rem;

		padding-left: .6rem;

	}

	.taste-b2-b{

		top: .75rem;

		background:#666;

	}

	.taste-b3-b li{

		width: 33.3333%;

	}

	

	.taste-b3-b{

		padding: .3rem 0;

		height: 5rem;

	}

	.taste-b3-b1 .tas-b2{

		width: 3rem;

		height: 4rem;

		margin-left: -1.5rem;

		margin-top: -2rem;

		padding: .2rem;

		font-size: .24rem;

		line-height: .4rem;

	}

	.taste-b3-b1 .tas-b2-h1{

		font-size: .26rem;

		line-height: .4rem;

	}

	.taste-b3-b li:first-child .tas-b2{

		margin-left: 0;

	}

	.taste-b3-b li:nth-child(5) .tas-b2{

		left: 0;

		margin-left: 0;

	}

	.taste-b3-b li:last-child .tas-b2{

		margin-left: -1rem;

	}
	
	
	
	
	
	
	
	
	
	
	

	.taste-b4-b{

		padding-left: 0;

		font-size: .24rem;

		line-height: .5rem;

	}

	.taste-b4-c{

		margin-top: .3rem;

	}

	.taste-b4-c li{

		width: 100%;

		margin: 0;

		margin-bottom: .3rem;

		padding: .2rem;

		height: 4rem;

	}

	.taste-b4-c1{

		font-size: .3rem;

		line-height: .5rem;

	}

	.taste-b4-c2{

		font-size: .24rem;

		line-height: .5rem;

		height: 3.5rem;

		margin-top: .2rem;

	}

	.taste-c1{

		font-size: .36rem;

	}

	.taste-c3{

		padding: 0 .45rem;

	}

	.taste-c4{

		margin-top: .3rem;

		margin-bottom: .4rem;

	}

	.taste-d{

		padding-top: .6rem;

		padding-bottom: .8rem;

	}

	.taste-d .iservice-a{

		height: 1.5rem;

	}

	.taste-d .iservice-a2{

		margin-top: -.3rem;

	}

	.taste-d2-a{

		height: 5rem;

	}

	.taste-d2-b{

		padding: .2rem;

		height: 5rem;

	}

	.taste-d2-b1{

		font-size: .28rem;

		line-height: .45rem;

	}

	.taste-d2-b2{

		font-size: .24rem;

		line-height: .5rem;

		height: 4rem;

		margin-top: .1rem;

	}

	.taste-d3{

		margin-top: .3rem;

	}

	.taste-cz{

		padding-top: .5rem;

		padding-bottom: .5rem;

	}

	.taste-cz li{

		height: initial;

		margin-bottom: .3rem;

	}

	.taste-cz-a{

		width: 100%;

		height: initial;

	}

	.taste-cz-b{

		width: 100%;

		margin: 0;

		padding: 0 .3rem;

	}

	.taste-cz-b1{

		font-size: .28rem;

		line-height: .4rem;

		margin-top: .2rem;

		

	}

	.taste-cz-b2{

		font-size: .24rem;

		line-height: .4rem;

		height: initial;

		overflow: initial;

		padding-bottom: .4rem;

	}

	.taste-c{

		margin-top: .4rem;

		padding-top: .3rem;

	}

	.taste-mx-b{

		position: absolute;

		top: .5rem;

		right: 0;

		width: 2rem;

	}

	.taste-mx{

		padding-top: .4rem;

		position: relative;

		padding-bottom: .5rem;

	}

	.taste-mx-a{

		width: 100%;

	}

	.taste-mx-a1{

		font-size: .3rem;

		line-height: .5rem;

	}

	.taste-mx-a2{

		font-size: .24rem;

		line-height: .4rem;

	}

	.taste-G .imp-g3{

		height: 1rem;

	}

}







/*海鼎服务*/

.services{

	height: 960px;

	background: no-repeat center;

	position: relative;

	

}

.services-a{

	width: 630px;

	height: 960px;

	position: absolute;

	top: 0;

	left: 0;

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

	z-index: 3;

}

.services-a1{

	width: 260px;

	height: 960px;

	border-right: 1px solid rgba(255,255,255,.2);

	padding-top: 220px;

	position: relative;

}

.services-a1 li{

	padding-left: 55px;

	height: 70px;

	line-height: 60px;

	cursor: pointer;

	position: relative;

}

.services-a1 li a{
color:#FFFFFF;
font-size:22px;
}

.services-a2{

	width: 5px;

	height: 960px;

	position: absolute;

	top: 0;

	left: 255px;

	padding-top: 220px;

}

.services-a2 .services-a2-a{

	height: 70px;

	padding-top: 10px;

	position: relative;

	top: 0;

}

.services-a2-a div{

	height: 50px;

	width: 4px;

	background: #fff;

}



/*.services-a1 li:after{

	content: "";

	width: 5px;

	height: 0;

	background: #fff;

	position: absolute;

	top: 50%;

	right: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.services-a1 li:hover:after{

	height: 50px;

	top: 10px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.services-a1 li.on:after{

	height: 50px;

	top: 10px;

	transition: all .3s; 

-webkit-transition: all .3s;

}*/

.services-b{

	width: 540px;

	height: 600px;

	background: rgba(241,241,241,.99);

	position: absolute;

	top: 240px;

	right: 55px;

	z-index: 5;

	padding: 30px 40px;

}

.services-b1{

	height: 70px;

	border-bottom: 1px solid rgba(0,0,0,.2);

}

.services-b1-a{

	float: left;

}

.services-b1-b{

	font-size: 20px;

	color: #333;

	line-height: 40px;

	float: right;

}

.services-b2{

	font-size: 15px;

	line-height: 30px;

	color: #333;

	margin-top: 20px;

}

.services-b3{

	overflow: hidden;

	margin-top: 10px;

}

.services-b3 div{

	width: 110px;
	margin-bottom:5px;

	height: 35px;

	line-height: 35px;

	background: #e7e7e7;

	text-align: center;

	font-size: 14px;

	color: #333;

	float: left;

	margin-right: 5px;

	cursor: pointer;

	transition: all .3s; 

-webkit-transition: all .3s;border-radius:17px

}

.services-b3 div:last-child{

	margin-right: 0;

}

.services-b3 div.on{

	background: #f1517a;
	color:#FFFFFF;

}

.services-b3 div:hover{

	background: #f1517a;
	
	color:#FFFFFF;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.services-b4{

	height: 360px;

	color: #666;

	line-height: 25px;

	font-size: 14px;

	overflow: auto;

	margin-top: 15px;

	display: none;

}

.services-b4.on{

	display: block;

}

.services-b5{

	overflow: hidden;

	margin-top: 15px;

}

.services-b5-a{

	display: block;

	width: 120px;

	height: 35px;

	background: #fff;

	font-size: 14px;

	color: #333;

	line-height: 35px;

	text-align: center;

	float: left;

	margin-right: 15px;

	cursor: pointer;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.services-b5-a:hover{

	background: #dbd6ca;

	color: #333;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.services-b5-a img{

	margin-right: 5px;

}

.services-b5-a1{

	width: 160px;

	height: 160px;

	background: #fff;

	position: absolute;

	left: 50%;

	top: 50%;

	padding: 7.5px;

	margin-top: -80px;

	margin-left: -80px;

	transform: scale(0);

	transition: all .3s; 

-webkit-transition: all .3s;

}



.services-b5-a1 img{

	max-width: 100%;

}

div.services-b5-a:hover .services-b5-a1{

	transform: scale(1);

	transition: all .3s; 

-webkit-transition: all .3s;

}

.services-dswiper{

	display: none;

}

.services-b8{

	font-size: 18px;

	height: 30px;

	line-height: 30px;

	overflow: hidden;

	color: #333;

	margin-top: 15px

}

.services-b9{

	font-size: 16px;

	line-height: 30px;

	color: #666;

	height: 365px;

	overflow: auto;

	margin-top: 5px;

}

.services-f{

	width: calc(100% - 270px);

	width: -webkit-calc(100% - 270px);

	position: absolute;

	bottom: 0;

	left: 270px;

	height: 194px;

	

}

.services-f img{

	max-width: 100%;

	max-height: 194px;

}



@media (max-width: 1023px) {

	.services-a{

		display: none;

	}

	.services-dswiper{

		display: block;

		padding: 0 30px;

		padding-top: 150px;

		

	}

	.services-dswiper .swiper-slide{

		height: 80px;

		line-height: 80px;

		position: relative;

		text-align: center;

	}


	.services-dswiper .swiper-slide a{
	color:#FFFFFF;

	 
	}








	.services-dswiper .swiper-slide:after{

		content: "";

		width: 0;

		height: 2px;

		background: #fff;

		position: absolute;

		left: 50%;

		bottom: 0;

		transition: all .3s; 

-webkit-transition: all .3s;

	}

	.services-dswiper .swiper-slide:hover:after{

		width: 100%;

		left: 0;

		transition: all .3s; 

-webkit-transition: all .3s;

	}

	.services-dswiper .swiper-slide.on:after{

		width: 100%;

		left: 0;

		transition: all .3s; 

-webkit-transition: all .3s;

	}

	.services-b{

		position: relative;

		left: 0;

		top: 0;

		margin: 0 auto;

		margin-top: 40px;

	}

}

.services-h{

	width: 6.5rem;

	height: 1.25rem;

	margin-left: .5rem;

	margin-top: 4.8rem;

	float: left;

	border-bottom: 1px solid rgba(255,255,255,.1);

	display: none;

}

.services-h1{

	font-size: .34rem;

	line-height: .5rem;

	font-family: 'Palanquin', sans-serif;

	color: #fff;

}

.services-h2{

	font-size: .42rem;

	line-height: 1;

	color: #fff;

}

.services-z{

	display: none;

}

@media (max-width: 767px) {

	.services-dswiper{

		padding: 0 .5rem;

		padding-top: 0;

		z-index: 5;

	}

	.services-z{

		display: block;

		width: 100%;

		height: 3rem;

		position: absolute;

		top: 4.3rem;

		left: 0;

		background: url(../images/sf-02.png) no-repeat center;

		z-index: 3;

	}

	.services-h{

		display: block;

		position: relative;

		z-index: 5;

	}

	.services-dswiper .swiper-slide{

		height: 1.2rem;

		line-height: .8rem;

		padding: .2rem 0;

	}

	.services-dswiper .swiper-slide img{

		max-width: 100%;

		max-width: 100%

	}

	.services-dswiper .iservice-lt{

		left: .1rem !important;

		opacity: .2;

	}

	.services-dswiper .iservice-rt{

		right: .1rem !important;

		opacity: .2;

	}

	.services-b{

		width: 6.9rem;

		padding:.4rem .2rem;

		height: initial;

		margin-top: .4rem

	}

	.services-b1{

		height: 1.2rem;

		padding: .2rem 0;

	}

	.services-b1-a{

		height: .6rem;

	}

	.services-b1-a img{

		max-width: 100%;

		max-height: 100%;

	}

	.services-b1-b{

		line-height: 1rem;

		font-size: .26rem;

	}

	.services-b2{

		font-size: .24rem;

		line-height: .45rem;

	}

	.services-b3 div{

		width: 46%;

		margin: .1rem 2%;

	}

	.services-b4{

		font-size: .24rem;

		line-height: .45rem;

		height: 4rem;

	}

	.services{

		height: initial;

		overflow: hidden;

		padding-bottom:.6rem ;

		background-size: 165% 7.25rem;

		background-position: 65% top;

		background-color: rgba(241,241,241,.99);

		

	}

	.services-b{

		background: #fff;

	}

	.services-b8{

		font-size: .26rem;

		height: .6rem;

		line-height: .6rem;

		margin-top: .2rem;

	}

	.services-b9{

		font-size: .24rem;

		height: .4rem;

		line-height: .4rem;

		height: 7rem;

		margin-top: .2rem;

	}

}







/*海鼎招贤*/

.recruit-a{

	width: 100%;

	background: #fdfbf8;

	padding-top: 105px;

	padding-bottom: 105px;

	overflow: hidden;

}

.recruit-a1{

	width: 102.5%;

	height: 270px;

	margin-top: 40px;

}

.recruit-a1-a{

	width: 31.666666%;

	height: 270px;

	float: left;

	margin-left: 2.5%;

	border: 0px solid #e4dcd1;border-radius:10px;

	padding: 20px;

	text-align: center;
	 
	

}



.recruit-a1-a:nth-child(1){

	background:#f1707f;

}


.recruit-a1-a:nth-child(2){

	background:#fabda6;

}

.recruit-a1-a:nth-child(3){

	background:#f9bfc6;

}


.recruit-a1-a:first-child{

	margin-left: 0;

}

.recruit-a1-a1{

	height: 70px;

	line-height: 70px;

	text-align: center;

	margin-top: 20px;

}

.recruit-a1-a1 img{

	max-height: 100%;

}

.recruit-a1-a2{

	font-size: 22px;

	color: #fff;

	line-height: 35px;

	margin-top: 20px; font-weight:700;

}

.recruit-a1-a3{

	font-size: 16px;

	line-height: 25px;

	color: #fff;

	margin-top: 5px;

}

.recruit-a2{

	margin-top: 70px;

	height: 475px;

	background: #fff;

	position: relative;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	box-shadow: 0 0 15px rgba(0,0,0,.2);

}

.recruit-a2-a{

	width: calc(100% - 505px);

	width: -webkit-calc(100% - 505px);

	height: 475px;

	background: no-repeat center;

	float: left;

}

.recruit-a2-b{

	width: 500px;

	padding: 40px;

	float: left;

	position: relative;

	z-index: 3;

}

.recruit-a2-b1{

	font-size: 24px;

	line-height: 35px;

	color: #000006;

}

.recruit-a2-b2{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	margin-top: 10px

}

.recruit-a2-c{

	width: 306px;

	height: 333px;

	position: absolute;

	top: -25px;

	right: -50px;

}



.recruit-be{

background: #fdfbf8; 
padding-bottom:20px;
}




.recruit-b{

	padding-top: 50px;

	position: relative;

}

.recruit-b1{

	height: 100px;

	

	border-bottom: 1px solid rgba(0,0,0,.1);

	position: relative;

}

.recruit-b1-a{

	width: 170px;

	font-size: 22px;

	line-height: 1;

	color: #000;

	padding-left: 40px;
 
	float: left;

	position: absolute;
 

}

.recruit-b1-a:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #000;

	position: absolute;

	left: 0;

	top: 10px;

}

.recruit-b1-b{

	width: calc(100% - 200px);

	width: -webkit-calc(100% - 200px);

	max-width: 720px;

	float: right;

	font-size: 16px;

	line-height: 25px;

	color: #666;

	margin-top: 5px

}

.recruit-b1-c{

	width: 260px;

	height: 215px;

	position: absolute;

	top: -25px;

	right: -50px;

}

.recruit-b2{

	

	height: 50px;

	margin: 20px 0;

	padding-left: 0px;

	

}

.recruit-b2 .recruit-b2-a{

	font-size: 18px;

	line-height: 50px;

	color: #000006;

	float: left;

	margin-left: 30px;

	position: relative;

	cursor: pointer;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.recruit-b2 .recruit-b2-a:first-child{

	margin-left: 0;

}

.recruit-b2 .recruit-b2-a:after{

	content: "";

	width: 0;

	height: 2px;

	background: #f1707f;

	position: absolute;

	left: 0;

	bottom: 0;

	transition: all .3s; 

-webkit-transition: all .3s;

}

@media (min-width: 768px) {

	.recruit-b2 .recruit-b2-a:hover{

		color: #f1707f;

		transition: all .3s; 

	-webkit-transition: all .3s;

	}

	.recruit-b2 .recruit-b2-a:hover:after{

		left: 0;

		width: 100%;

		transition: all .3s; 

	-webkit-transition: all .3s;

    }

    .recruit-b2 .recruit-b2-a.on{

		color: #f1707f;

	}

	.recruit-b2 .recruit-b2-a.on:after{

		left: 0;

		width: 100%;

	}

}

@media (max-width: 767px) {

	.recruit-b2 .recruit-b2-a:after{

		display: none;

	}

	.recruit-b2 .recruit-b2-a.on{

		border-bottom: 3px solid #f1707f;

	}

}



.recruit-B{

	margin-top: 0;

	padding-top: 90px;

}

.recruit-B .taste-c4{

	margin-bottom: 50px;

}

.recruit-e{

	margin-top: 20px;

	margin-bottom: 90px;

   position: relative;
   
   display:none;

}



.recruit-e .on{
display:block;

}









.recruit-e1{

 
}

.recruit-e1 img{

	max-width: 100%;

}

.recruit-e2{

	width: 200px;

	height: 40px;

	margin: 0 auto;

	margin-top: 50px;

	position: relative;

}

.recruit-elt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	left: 0;

}

.recruit-elt:hover{

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

}

.recruit-ert{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	right: 0;

}

.recruit-ert:hover{

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

}

.recruit-f{

	width: 100%;

	background: #fdfbf8;

	padding-top: 135px;

	padding-bottom: 120px;

}

.recruit-f1{

	height: 80px;

	position: relative;

}

.recruit-f1-a{

	width: 300px;

	font-size: 22px;

	line-height: 1;

	color: #000;

	padding-left: 40px;

	float: left;

	position: absolute;

}

.recruit-f1-a:after{

	content: "";

	width: 30px;

	height: 1px;

	background: #000;

	position: absolute;

	left: 0;

	top: 10px;

}

.recruit-f1-b{

	width: calc(100% - 320px);

	width: -webkit-calc(100% - 320px);

	max-width:778px;

	height: 182px;

	position: absolute;

	right: 15px;

	top: -100px;

}

.recruit-f1-b img{

	max-width: 100%;

	position: relative;

}

.recruit-f2{

	width: 385px;

	background: #fff;

	padding-bottom: 25px;

	box-shadow: 0 0 15px rgba(0,0,0,.1);

}

.recruit-f2-a img{

	width: 100%;

}

.recruit-f2-b{

	font-size: 18px;

	color: #333;

	line-height: 30px;

	padding:0 25px;

	margin-top: 25px;

}

.recruit-f2-c{

	font-size: 16px;

	height: 325px;

	color: #666;

	line-height: 30px;

	padding:0 25px;

	margin-top: 5px;

	overflow: auto;

}

.recruit-f3{

	width: 200px;

	height: 40px;

	margin: 0 auto;

	margin-top: 50px;

	position: relative;

}

.recruit-flt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	left: 0;

}

.recruit-flt:hover{

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

}

.recruit-frt{

	width: 78px;

	line-height: 78px;

	height: 40px;

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

	margin: 0;

	top: 0;

	right: 0;

}

.recruit-frt:hover{

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

}

.recruit-g{

	padding-top: 90px;

	padding-bottom: 115px;
	

}

.recruit-g1{

	height: 165px;

	position: relative;

}

.recruit-g1-a{

	width: 240px;

	font-size: 45px;

	line-height: 1;

	color: #f1517a;

	padding-left: 50px;

	float: left;

	position: absolute;

}

.recruit-g1-a:after{

	content: "";

	width: 40px;

	height: 1px;

	background: #f1517a;

	position: absolute;

	left: 0;

	top: 24px;

}

.recruit-g1-b{

	width: calc(100% - 280px);

	width: -webkit-calc(100% - 280px);

	max-width:500px;

	float: right;

	font-size: 16px;

	color: #333;

	line-height: 25px;

}

.recruit-g1-c{

	width: 261px;

	height: 217px;

	position: absolute;

	left: 50%;

	bottom: -20px;

	margin-left: -180px;

}

.recruit-g1-c img{

	position: relative;

}

.recruit-g2{

	height: 140px;

	background: #fabda6;

	position: relative;

}

.recruit-g2-a{

	width: calc(100% - 260px);

	width: -webkit-calc(100% - 260px);

	height: 75px;

	float: left;

	margin-top: 33px;

	margin-left: 38px;

	background: #fff;

	position: relative;

}

.recruit-g2-a .int1{

	display: block;

	width: 100%;

	height: 75px;

	padding: 0 25px;

	line-height: 75px;

	padding-right: 80px;

	color: #333;

	font-size: 16px;

	border: 0;

}

.recruit-g2-a .int2{

	width: 70px;

	height: 75px;

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

	position: absolute;

	top: 0;

	right: 0;

	border: none;

}

.recruit-g2-b{

	float: left;

	margin-left: 50px;

	margin-top: 5px;

}

.recruit-g3{}

.recruit-g3 li{

	width: 100%;

	padding: 40px 0;

	border-bottom: 1px solid rgba(0,0,0,.1);

	overflow: hidden;

}

.recruit-g3-a{

	width: calc(100% - 300px);

	width: -moz-calc(100% - 300px);

	float: left;

}

.recruit-g3-a1{

	font-size: 16px;

	color: #333;

	line-height: 30px;

}

.recruit-g3-a2{

	font-size: 14px;

	line-height: 30px;

	

	color: #666;

	margin-top: 10px;

	overflow: hidden;

}

.recruit-g3-a2 div{

	width: 33.33%;

	float: left;

}

.recruit-g3-b{

	width: 290px;

	float: right;

}

.recruit-g3-b1{

	display: block;

	width: 125px;

	height: 45px;

	background: #fabda6;

	border-radius: 22.5px;

	font-size: 16px;

	color: #fff;

	line-height: 45px;

	text-align: center;

	float: right;

	margin-left: 40px;

	margin-top: 25px;

	margin-bottom: 10px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.recruit-g3-b1:hover{

color: #fff;

	opacity: .9;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.recruit-g3-b2{

	display: block;

	width: 125px;

	height: 45px;

	background: #f1707f;

	border-radius: 22.5px;

	font-size: 16px;

	color: #fff;

	line-height: 45px;

	text-align: center;

	float: left;

	margin-left: 40px;

	margin-top: 25px;

	margin-bottom: 10px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.recruit-g3-b2:hover{

	color: #fff;

	opacity: .9;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.recruit-g3-c{

	clear: both;

	width: 100%;

	padding: 30px;

	background: #eee;

	font-size: 16px;

	line-height: 30px;

	color: #666;

	display: none;

}

.recruit-g4{

	width: 200px;

	height: 50px;

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 25px;

	margin: 0 auto;

	text-align: center;

	line-height: 50px;

	font-size: 16px;

	color: #333;

	margin-top: 70px;

	cursor: pointer;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.recruit-g4:hover{

	background: #fabda6;

	color: #fff;

	transition: all .3s; 

-webkit-transition: all .3s;

}

@media (max-width: 1023px) {

	.recruit-a1-a2{

		font-size: 20px;

		

	}

	.recruit-a2{

		height: initial;

		overflow: hidden;

	}

	.recruit-a2-a{

		width: 100%;

		clear: both;

	}

	.recruit-a2-b{

		width: 100%;

		clear: both;

	}

	.recruit-a2-c{

		top: initial;

		bottom: 20px;

		right: 20px;

	}

	.recruit-b1-c{

		right: 0;

	}

	.recruit-g3-a{

		width: 100%;

	}

}

@media (max-width: 767px) {

	.recruit-a{

		padding-top: .6rem;

		padding-bottom: .6rem;

	}

	.recruit-a1{

		width: 100%;

		height: initial;

		overflow: hidden;

	}

	.recruit-a1-a{

		width: 100%;

		height: 3rem;

		margin-left: 0 !important;

		margin-bottom: .2rem;

		padding: .2rem;

	}

	.recruit-a1-a1{

		height: .8rem;

		line-height: .8rem;

		margin-top: .2rem

	}

	.recruit-a1-a2{

		font-size: .26rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.recruit-a1-a3{

		font-size: .24rem;

		line-height: .5rem;

		margin-top: .1rem;

	}

	.recruit-a2{

		width: 100%;

	}

	.recruit-a2{

		margin-top: .4rem;

	}

	.recruit-a2-a{

		height: 3rem;

		background-size: cover

	}

	.recruit-a2-b{

		padding: 0.3rem;

	}

	.recruit-a2-b1{

		font-size: .46rem;

		line-height: .6rem;

	}

	.recruit-a2-b2{

		font-size: .24rem;

		line-height: .5rem;

	}

	.recruit-b{

		padding-top: .3rem;

	}

	.recruit-b1{

		overflow: hidden;

		height: initial;

		padding-bottom: .3rem;

	}

	.recruit-b1-a{

		position: relative;

		font-size: .46rem;

		line-height: .6rem;

		padding-left: .6rem;

	}

	.recruit-b1-a:after{

		width: .4rem;

		top: .3rem;

	}

	.recruit-b1-b{

		width: 100%;

		font-size: .24rem;

		line-height: .5rem;

	}

	.recruit-b1-c{

		display: none;

	}

	.recruit-b2{

		padding-left: 0;

	}

	.recruit-b2 .recruit-b2-a{

		font-size: .26rem;

		margin-left: .2rem;

		margin-bottom: .2rem;

		height: .8rem;

		line-height: .8rem;

	}

	.recruit-e1{

		padding-left: .3rem;

		padding-right: .4rem;

	}

	.recruit-e2{

		margin-top: .4rem;

	}

	.recruit-e{

		margin-bottom: .5rem;

	}

	.recruit-f{

		padding: .6rem 0;

	}

	.recruit-f1{

		height: 1.5rem;

		overflow: hidden;

	}

	.recruit-f1-a{

		font-size: .36rem;

		height: .6rem;

		line-height: .6rem;

	}

	.recruit-f1-a:after{

		width: .4rem;

		left: 0;

		top: .15rem;

	}

	.recruit-f1-b{

		width: 6rem;

		top: 0;

		right: 0;

	}

	.recruit-f2-b{

		font-size: .26rem;

		margin-top: .2rem;

		padding: 0 .2rem;

	}

	.recruit-f2-c{

		font-size: .24rem;

		line-height: .5rem;

		padding: 0 .2rem;

		height: 3rem;

	}

	.recruit-f2{

		padding-bottom: .3rem;

	}

	.recruit-f3{

		margin-top: .3rem;

	}

	.recruit-g1-c{

		display: none;

	}

	.recruit-g{

		padding: .6rem .45rem;

	}

	.recruit-g1{

		height: initial;

		overflow: hidden;

	}

	.recruit-g1-a{

		font-size: .45rem;

		line-height: .6rem;

		height: .6rem;

		padding-left: .6rem;

		position: relative;

	}

	.recruit-g1-a:after{

		width: .4rem;

		top: .3rem

	}

	.recruit-g1-b{

		width: 100%;

		font-size: .24rem;

		line-height: .5rem;

		position: relative;

		margin-top: .2rem;

	}

	.recruit-g2-b{

		float: right;

		margin-left: 0;

	}

	.recruit-g2-b img{

		width: .6rem;

	}

	.recruit-g2{

		height: 1.2rem;

		padding: .2rem;

		margin-top: .4rem

	}

	.recruit-g2-a{

		width: 5rem;

		height: .8rem;

		margin-left: 0;

		margin-top: 0;

	}

	.recruit-g2-a .int1{

		padding: 0 .2rem;

		height: .8rem;

		line-height: .8rem;

		padding-right: .8rem;

		font-size: .24rem;

		line-height: .8rem;

	}

	.recruit-g2-a .int2{

		width: .8rem;

		height: .8rem;

		background-size: .5rem;

		

	}

	.recruit-g3 li{

		padding: .3rem 0;

	}

	.recruit-g3-a1{

		font-size: .26rem;

		line-height: .4rem;

	}

	.recruit-g3-a2{

		font-size: .24rem;

		line-height: .5rem;

	}

	.recruit-g3-a2 div{

		width: 100%;

	}

	.recruit-g3-b{

		width: 6rem;

		float: left;

	}

	.recruit-g3-b1{

		width: 2.5rem;

		height: .8rem;

		font-size: .26rem;

		line-height: .8rem;

		margin-top: .3rem;
		float:left;
		margin-left:0px;

	}

	.recruit-g3-b2{

		width: 2.5rem;

		height: .8rem;

		font-size: .26rem;

		line-height: .8rem;

		margin-top: .3rem;

		margin-left: .3rem;

	}

	.recruit-g3-c{

		padding: .2rem;

		font-size: .24rem;

		line-height: .5rem;

	}

	.recruit-g4{

		width: 3rem;

		height: .8rem;

		font-size: .26rem;

		line-height: .8rem;

		margin-top: .3rem;

	}

	

	.recruit-B{

		padding-top: .8rem;

	}

	.recruit-B .taste-c4{

		margin-bottom: .3rem;

		margin-top: 0;

	}

	

	

}









/*联系我们*/

.contact-a{

	width: 100%;

	background: #fdfbf8;

	padding-top: 105px;

	padding-bottom: 90px;

}

.contact-a1{

	margin-top: 35px;

	padding-top: 15px;

	width: 102.5%;

	margin-left: -1.25%;

	overflow: hidden;

}

.contact-a1 li{

	width: 30.83%;

	height: 200px;

	margin:0 1.25%;

	padding: 0 35px;

	padding-top: 40px;

	margin-bottom: 30px;

	float: left;

	background: #fff;

	position: relative;

	box-shadow: 0 0 15px rgba(0,0,0,.2);

}

.contact-a1 li .aa1{

	display: block;

	width: 100%;

	height: 100%;

}

.contact-a1 li .aa1 a:hover{

	color: #f1517a;

}

.contact-a1-a{

	display: block;

	font-size: 28px;

	color: #f1517a;

	line-height: 30px;

	font-family: 'Palanquin', sans-serif;

}

.contact-a1-b{

	font-size: 16px;

	color: #666;

	line-height: 25px;

	margin-top: 5px;

}

.contact-a1-c{

	padding-left: 20px;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	color: #666;

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

	margin-top: 15px;

}

.contact-a1-d{

	position: absolute;

	bottom: 25px;

	right: 20px;

}

.contact-b{

	padding-top: 100px;

	padding-bottom: 160px;

}

.contact-b1{

	font-size: 26px;

	color: #000006;

	line-height: 1;

	padding-left: 50px;

	position: relative;

}

.contact-b1:after{

	content: "";

	width: 40px;

	height: 1px;

	background:#000006;

	position: absolute;

	left: 0;

	top: 13px;

}

.contact-b2{

	height: 60px;

	padding-left: 50px;

	margin-top: 40px;

}

.contact-b2 select{

	width: 25%;

	height: 60px;

	border-color: #333;

	font-size: 16px;

	color: #333;

	float: left;

	margin-right: 2%;

	padding: 0 20px;

	border:1px solid #333

}

.contact-b2-a{

	width: 45%;

	height: 60px;

	float: left;

	position: relative;

}

.contact-b2-a .int1{

	width: 100%;

	height: 60px;

	padding: 0 20px;

	padding-right: 70px;

	border:1px solid #333;

}

.contact-b2-a .int2{

	width: 60px;

	height: 60px;

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

	position: absolute;

	top: 0;

	right: 0;

	border: none;

}

.contact-b3{

	border-top: 1px solid rgba(0,0,0,.2);

	margin-top: 40px;

	overflow: hidden;

}

.contact-b3-a{

	font-size: 18px;

	height: 60px;

	line-height: 60px;

}

.contact-b3-b{

	width: 103.5%;

	overflow: hidden;

}

.contact-b3-b li{

	width: 46.5%;

	height: 195px;

	margin-right: 3.5%;

	float: left;

	margin-bottom: 40px;

	border: 1px solid #f1517a;

}

.contact-b3-b1{

	width: 50%;

	float: left;

	height: 193px;

	background: no-repeat center;

	background-size: cover;

}



.contact-b3-b2{

	width: 50%;

	padding: 3%;

	float: left;

	padding-top: 5%;

	

}

.contact-b3-b2 .abb-h{

	height: 90px;

}

.contact-b3-b2 .abb-d1{

	font-size: 16px;

	color: #000;

	font-weight: bold;

}

.contact-b3-b2 .abb-d2{

	font-size: 14px;

	line-height: 25px;

	color: #666;

}

.contact-b3-b2 .abb-d3{

	font-size: 14px;

	line-height: 25px;

	color: #666;

}

.contact-b3-b3{

	display: block;

	padding-left: 20px;

    height: 20px;

    line-height: 20px;

    font-size: 14px;

    color: #666;

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

    margin-top: 5px;

    transition: all .3s;

    -webkit-transition: all .3s;

}

.contact-b3-b3:hover{

	color: #f1517a;

	transition: all .3s;

    -webkit-transition: all .3s;

}

.recruit-g4 {

    width: 200px;

    height: 50px;

    border: 1px solid rgba(0,0,0,.1);

    border-radius: 25px;

    margin: 0 auto;

    text-align: center;

    line-height: 50px;

    font-size: 16px;

    color: #333;

    margin-top: 70px;

    cursor: pointer;

    transition: all .3s;

    -webkit-transition: all .3s;

    overflow: hidden;

}

.recruit-g4 span{

	position: relative;

	z-index: 2;

}

.recruit-g4:before{

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	background: #f1517a;

	z-index: 1;

	-webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: right center; 

  transform-origin: right center;

  transition: -webkit-transform .2s ease-in;

  -webkit-transition: -webkit-transform .2s ease-in;

  transition: transform .2s ease-in;

  transition: transform .2s ease-in, -webkit-transform .2s ease-in;

  transition: transform .2s ease-in,-webkit-transform .2s ease-in;

}

@media (min-width: 768px) {

	.recruit-g4:hover{

		border-color: #f1517a;

		color: #fff;

		transition: all .5s; 

	-webkit-transition: all .5s;

	}

	.recruit-g4:hover:before{

		-webkit-transform: scaleX(1);

	  transform: scaleX(1);

	  -webkit-transform-origin: left center; 

	  transform-origin: left center;

	}

}



.contact-b3-c{

	margin-top: 50px;

}

@media (max-width: 1023px) {

	.contact-a1 li{

		width: 47.5%;

		margin: 0 1.25%;

		margin-bottom: 20px;

	}

	.contact-b2-a{

		width: 100%;

		margin-top: 10px

	}

	.contact-b2 select{

		width: 48%;

	}

	.contact-b2{

		height: initial;

		overflow: hidden;

	}

	.contact-b3-b li{

		width: 100%;

		margin: 0;

		margin-bottom: 20px

	}

	.contact-b3-b1{

		width: 292px;

	}

	.contact-b3-b2{

		padding-top: 35px;

	}

	.contact-b3-b{

		width: 100%;

	}

	.contact-a{

		padding-top: .6rem;

		padding-bottom: .6rem;

	}

	.contact-a1{

		margin-top: .3rem;

	}

	.contact-a1 li{

		padding: .2rem;

		height: 2.6rem;

	}

	.contact-a1-a{

		font-size: .3rem;

		

	}

	.contact-a1-b{

		font-size: .26rem;

		line-height: .4rem;

	}

	.contact-a1-d{

		width: .8rem;

		height: .8rem;

		bottom: .3rem;

		right: .3rem;

	}

	.contact-a1-d img{

		max-width: 100%;

	}

	.contact-b{

		padding-top: .6rem;

		padding-bottom: .6rem;

	}

	.contact-b1{

		font-size: .36rem;

		line-height: .36rem;

		padding-left: .6rem;

	}

	.contact-b1:after{

		width: .4rem;

		left: 0;

		top: .2rem;

	}

	.contact-b2{

		padding-left: 0;

		margin-top: .3rem;

	}

	.contact-b2 select{

		height: .8rem;

		line-height: .8rem;

		padding: 0 .2rem;

		font-size: .26rem;

	}

	.contact-b2-a{

		height: .9rem;

		

	}

	.contact-b2-a .int1{

		height: .8rem;

		line-height: .8rem;

		font-size: .26rem;

		padding: 0 .2rem;

		padding-right: .8rem;

	}

	.contact-b2-a .int2{

		width: .8rem;

		height: .8rem;

		background-size: .4rem;

	}

	.contact-b3{

		margin-top: .4rem;

	}

	.contact-b3-a{

		font-size: .3rem;

		height: .87rem;

		line-height: .8rem;

	}

	.contact-b3-b li{

		height: 3rem;

	}

	.contact-b3-b1{

		width: 3rem;

		height: 3rem;

	}

	.contact-b3-b2{

		width: 3.5rem;

		padding: .2rem;

	}

	.contact-b3-b2 .abb-d1{

		font-size: .26rem;

		height: .4rem;

		line-height: .4rem;

	}

	.contact-b3-b2 .abb-h{

		height: 1.6rem;

		font-size: .24rem;

		line-height: .4rem;

	}

	.contact-b3-b2 .abb-d2{

		font-size: .24rem;

		line-height: .4rem;

	}

	.contact-b3-b2 .abb-d3{

		font-size: .24rem;

		line-height: .4rem;

	}

	.contact-b3-b3{

		font-size: .24rem;

		line-height: .4rem;

	}

	.recruit-g4{

		width: 3rem;

		height: .8rem;

		font-size: .26rem;

		line-height: .8rem;

		margin-top: .4rem

	}

}







/*侧边栏效果*/

.icl{

	width: 15px;

	height: 200px;

	position: relative;

	position: fixed;

	left: 20px;

	top: 50%;

	z-index: 129;

	display: none;

}

.icl-txt{

	position: absolute;

	width: 15px;

	font-size: 14px;

	color: #9d7d6c;

	left: 0;

	bottom: 210px;

	line-height: 18px;

	text-align: center;

}

.icl-yd{}

.icl-div{

	width: 100%;

	height: 40px;

	text-align: center;

}

.icl-d1{

	width: 8px;

	height: 8px;

	border-radius: 100%;

	background: #9d7d6c;

	margin: 0 auto;

	cursor: pointer;

}

.icl-d2{

	width: 1px;

	height: 0px;

	background: #9d7d6c;

	margin: 0 auto;

	margin-top: -6px;

}

.icl-div:last-child .icl-d2{

	display: none;

}

@media (max-width: 1023px) {

	

	.icl{

		left:10px;

	}

}

@media (max-width: 767px) {

	.icl{

		display: none !important;

	}

}



.sf-tk{

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(0,0,0,.6);

	z-index: 199;

	display: none;

	text-align: center;

}

.tk-v{

	width: 80%;

	height: 80%;

	position: absolute;

	left: 10%;

	top: 10%;

}

.tk-v video{

	max-width: 100%;

	max-height: 100%;

}

.tk-v iframe{

	width: 100%;

	height: 100%;

}

.sf-tk .gbx{

	width: 50px;

	height: 50px;

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

	position: absolute;

	top: 10%;

	left: 91%;

	opacity:1;

	transition: all .5s; 

	-webkit-transition: all .5s;

}

.sf-tk .gbx:hover{

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);		

	-webkit-transform: rotate(180deg);			

	-moz-transform: rotate(180deg);	

	opacity:0.8;

	transition: all .5s; 

	-webkit-transition: all .5s;

}

@media (max-width: 767px) {

	.sf-tk .gbx{

		width: .5rem;

		height: .5rem;

		left: 90%;

		top: 1.1rem;

		background-size: cover;

	}

	.tk-v{

		width: 96%;

		left: 2%;

		top: 1.8rem;

	}

}









.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

	background-color:#d6d6d6;

	width: 8px;

}

.mCSB_scrollTools .mCSB_draggerRail{

	background-color: #000;

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

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

}

#mCSB_dragger_bar:hover{

	background-color:#d6d6d6;

}

.mCSB_inside>.mCSB_container{

	margin-right: 15px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{

	background-color:#d6d6d6;

}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

	background-color:#d6d6d6;

}



.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{

	background-color:#d6d6d6;

}







.newsinfo{

	padding-top: 100px;

	padding-bottom: 100px;

	overflow: hidden

}

.newsinfo-a{

	font-size: 40px;

	color: #000;

	line-height: 60px;

	margin-bottom: 50px;

}

.newsinfo-b{

	width: 200px;

	float: left;

	border-right: 1px solid rgba(0,0,0,.1);

	overflow: hidden;

	padding-bottom: 50px;

}

.newsinfo-bc{

	overflow: hidden;

	position: relative;

}



@media (min-width: 768px) {

	.newsinfo-bc-top{

		position: fixed;

		top: 125px;

		z-index: 11;

	}

	.newsinfo-bc-bottom{

		position: absolute;

		top: initial;

		bottom: 0px;

	}	

}



.newsinfo-b1{

	font-size: 16px;

	color: #666;

	text-align: center;

}

.newsinfo-b2{

	font-size: 30px;

	color: #333;

	text-align: center;

}

.newsinfo-b2s{

	font-size: 16px;

	color: #666;

	text-align: center;

}

.newsinfo-b3{

	font-size: 16px;

	color: #666;

	text-align: center;

	margin-top: 20px;

	

}

.newsinfo-b4{

	font-size: 16px;

	color: #666;

	text-align: center;

	margin-top: 50px;

	line-height: 30px;

	

}

.newsinfo-c{

	width: calc(100% - 200px);

	float: right ;

	padding: 0 40px;

	font-size: 16px;

	line-height: 30px;

	border-left: 1px solid rgba(0,0,0,.1);

	transition: all .3s; 

-webkit-transition: all .3s;

}

.newsinfo-c img{

	max-width: 100%;

}

.newsinfo-c1{

	max-width: 700px;

	margin: 0 auto;

}

.newsinfo-c2{

	display: block;

	color: #333;

	width: 150px;

	height: 50px;

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 25px;

	text-align: center;

	line-height: 50px;

	margin: 0 auto;

	margin-top: 40px;

	transition: all .3s; 

-webkit-transition: all .3s;

overflow: hidden;

position: relative;

}

.newsinfo-c2 span{

	position: relative;

	z-index: 2;

}

@media (min-width: 768px) {

	.newsinfo-c2:before{

		content: "";

			width: 100%;

			height: 100%;

			border-radius: 25px;

			position: absolute;

			left: 0;

			top: 0;

			bottom: 0;

			right: 0;

			background: #f1517a;

			z-index: 1;

			-webkit-transform: scaleX(0);

			  transform: scaleX(0);

			  -webkit-transform-origin: right center; 

			  transform-origin: right center;

			  transition: -webkit-transform .2s ease-in;

			  -webkit-transition: -webkit-transform .2s ease-in;

			  transition: transform .2s ease-in;

			  transition: transform .2s ease-in, -webkit-transform .2s ease-in;

			  transition: transform .2s ease-in,-webkit-transform .2s ease-in;

	}

	.newsinfo-c2:hover{

		border-color: #f1517a;

		color: #fff;

		transition: all .5s; 

	-webkit-transition: all .5s;

	}

}





@media (min-width: 768px) {

	.newsinfo-c2:hover:before{

		-webkit-transform: scaleX(1);

		  transform: scaleX(1);

		  -webkit-transform-origin: left center;

		  transform-origin: left center;

	}

}



.sr-bdimgshare-black{

	display: none !important;

}



.bdshare-button-style0-32 a{

	margin: 0 80px !important;

	margin-top: 20px !important;

}

.newsinfo-c video{

	max-width: 100%

}

.newsinfo-c iframe{

	width: 100%;

	min-height:420px ;

}

.newsinfo-aa{

	display: none;

}

@media (max-width: 1023px) {

	.newsinfo-b{

		width: 100%;

		border-right: none;

		border-top: 1px solid rgba(0,0,0,.1);

		padding-top: 20px;

		font-size: 16px;

		line-height: 40px;

	}

	

	.newsinfo-c{

		width: 100%;

		border: none;

		padding: 20px 0;

	}

	.newsinfo-b1{

		float: left;

		font-size: 16px;

	}

	.newsinfo-b2{

		font-size: 16px;

		float: left;

		margin-left: 10px;

		color: #666;

	}

	.newsinfo-b2s{

		float: left;

		margin-left: 10px;

	}

	.newsinfo-b3{

		float: left;margin-top: 0;

		margin-left: 20px;

	}

	.newsinfo-b4{

		float: left;

		margin-left: 20px;

		margin-top: 0;

		line-height: 40px;

		margin-right: 20px;

	}

	.bdshare-button-style0-32 a{

		margin: 0 5px !important;

	}

	.newsinfo-a{

		margin-bottom: 20px;

	}

}

@media (max-width: 767px) {

	.newsinfo{

		padding: .6rem .3rem;

	}

	.newsinfo-a{

		font-size: .46rem;

		line-height: .6rem;

		margin-bottom: .1rem;

	}

	.newsinfo-c{

		font-size: .24rem;

		line-height: .4rem;

		padding: .2rem 0;

	}

	.newsinfo-c2{

		font-size: .26rem;

		width: 2rem;

		height: .8rem;

		line-height: .8rem;

		margin-top: .3rem;

		float: right;

	}

	.newsinfo-b{

		padding-bottom: .4rem;

	}

	.newsinfo-aa{

		display: block;

		font-size: .24rem;

		height: .6rem;

		line-height: .6rem;

		border-bottom: 1px solid rgba(0,0,0,.1);

	}

	.newsinfo-aa div{

		font-size: .24rem;

		height: .6rem;

		line-height: .6rem;

		margin-right: .2rem;

		margin-left: 0;

	}

	.newsinfo-ba{

		width: 100%;

		overflow: hidden;

		display: none;

	}

	.newsinfo-bb{

		width: 100%;

		overflow: hidden

	}

	.newsinfo-b4{

		margin-left: 0;

	}

}









.m-top{

	width: 40px;

	height: 40px;

	border-radius: 100%;

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

	background-size: cover;

	position: fixed;

	right: 40px;

	bottom: 40px;

	z-index: 169;

	transition: all .3s; 

-webkit-transition: all .3s;

display: none;

}

.m-top:hover{

	bottom: 45px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.m-top.on{

	display: block;

	transition: all .3s; 

-webkit-transition: all .3s;

}

@media (max-width: 767px) {

	.m-top.on{

		position: fixed;

		right: .15rem;

		bottom: 1.6rem;

		width: .7rem;

		height: .7rem;

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

		background-size: cover;

		bottom: 1.8rem;

		transition: all .3s; 

-webkit-transition: all .3s;

	}

	

}









.ea-t{

	cursor: pointer;

}

.e-tk{

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.5);

	left: 0;

	top: 0;

	z-index: 299;

	display: none;

}

.e-cont{

	width: 650px;

	height: 410px;

	background: #ebe4dc;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -205px;

	margin-left: -325px;

}

.e-tk .e-d1{

	font-size: 26px;

	line-height: 120px;

	text-align: center;

	color: #663b0d;

}

.e-tk .e-d1 span{

	font-size: 23px;

	font-family: 'Palanquin', sans-serif;

}

.e-tk .e-int1{

	font-size: 16px;

	width: 455px;

	height: 65px;

	line-height: 65px;

	padding: 0 20px;

	padding-left: 55px;

	background: url(../images/ico98.png) no-repeat 22px center;

	background-color: #fff;

	border: 1px solid rgba(0,0,0,.1);

	margin-left: 100px;

}

.e-tk #captcha{

	font-size: 16px;

	width: 300px;

	height: 65px;

	line-height: 65px;

	padding: 0 20px;

	padding-left: 55px;

	margin-left: 100px;

	background-color: #fff;

	border: 1px solid rgba(0,0,0,.1);

	margin-top: 25px;

}

.e-tk img{

	height: 35px;

	margin-left: 10px;

}

.e-tk .e-int2{

	font-size: 16px;

	width: 455px;

	color: #fcf9f7;

	height: 65px;

	line-height: 65px;

	

	background-color: #3e3b3b;

	border: none;

	margin-left: 100px;

	margin-top: 25px;

}

.e-tk .e-d2{

	width: 30px;

	height: 30px;

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

	position: absolute;

	top: 20px;

	right: 20px;

	cursor: pointer;

}



@media (max-width: 767px) {

	.e-tk 	.e-cont{

		width: 6.6rem;

		height: 6rem;

		margin-left: -3.3rem;

		margin-top: -3rem;

	}

	.e-tk .e-d1{

		font-size: .28rem;

		line-height: 1.5rem;

	}

	.e-tk .e-d1 span{

		font-size: .26rem;

	}

	.e-tk .e-int1{

		width: 6rem;

		height: 1rem;

		line-height: 1rem;

		margin-left: .3rem;

		font-size: .26rem;

	}

	.e-tk #captcha{

		width: 3rem;

		height: 1rem;

		line-height: 1rem;

		font-size: .26rem;

		margin-top: .3rem;

		margin-left: .3rem;

		padding: .2rem;

	}

	.e-tk img{

		height:.6rem;

		margin-left: .1rem;

	}

	.e-tk .e-int2{

		width: 6rem;

		height: 1rem;

		line-height: 1rem;

		margin-left: .3rem;

		margin-top: .3rem;

		font-size: .26rem;

	}

	.e-tk .e-d2{

		top: .2rem;

		right: .2rem;

	}

}





.sf-tk3 .tk-v{

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}

.sf-tk3 .gbx3{

	top: 15px;

	left: initial;

	right: 15px;

}

/*
 
海鼎体验
 
*/

.logout-solution-wrap{width:100%;background:#fff}
.logout-solution{max-width:1600px;margin:0 auto;position:relative}
.logout-solution .title{width:100%;line-height:56px;font-size:40px;color:#333;text-align:center;padding-top: 124px;}
.logout-solution .title a{float:right;text-decoration:none;font-size:14px;color:#108ee9;letter-spacing:0;text-align:right;position:absolute;right:0}
.logout-solution .title a:hover{text-decoration:underline}
.lsbs{height:533px;margin-top:40px}
.lsbs-container>div:first-child,.lsbs-container>div:first-child a{border-radius:4px 0 0 4px}
.lsbs-container>div:last-child,.lsbs-container>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:533px;height:533px;float:left}
.lsb-background:nth-child(1){background: url(../images/1.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../images/2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../images/3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;padding:0 60px;background:rgba(0,0,0,.4);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(241,81,122,.9)}
.lsb:hover .lsb-icon{margin-top:-54px}
.lsb:hover .lsb-name{margin-top:163px}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px}
.lsb:hover .lsb-href{margin-top:32px}
.lsb-icon{width:54px;height:54px;margin:auto;margin-top:203px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:203px}
.lsb-href{width:144px;height:40px;padding:9px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;transition:all .5s;margin:auto;margin-top:32px;color:#fff}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}
.lsb-href:hover .icon-jinru{color:#108ee9}



@media (max-width: 767px) {
	
	
.logout-solution-wrap{width:100%;background:#fff}
.logout-solution{max-width:100%;margin:0 auto;position:relative}
.logout-solution .title{width:100%;line-height:56px;font-size:40px;color:#333;text-align:center;padding-top: 124px;}
.logout-solution .title a{float:right;text-decoration:none;font-size:14px;color:#108ee9;letter-spacing:0;text-align:right;position:absolute;right:0}
.logout-solution .title a:hover{text-decoration:underline}
.lsbs{margin-top:40px; height:7rem;}
.lsbs-container>div:first-child,.lsbs-container>div:first-child a{border-radius:4px 0 0 4px}
.lsbs-container>div:last-child,.lsbs-container>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:100%; height:7rem;float:left; margin-bottom:0.3rem;}
.lsb-background:nth-child(1){background: url(../images/1.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../images/2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../images/3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;padding:0 60px;background:rgba(0,0,0,.4);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(241,81,122,.9)}
.lsb:hover .lsb-icon{margin-top:-54px}
.lsb:hover .lsb-name{margin-top:1rem;}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px}
.lsb:hover .lsb-href{margin-top:32px}
.lsb-icon{width:54px;height:54px;margin:auto;margin-top:2.5rem;;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:2rem;}
.lsb-href{width:144px;height:40px;padding:9px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;transition:all .5s;margin:auto;margin-top:32px;color:#fff}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}
.lsb-href:hover .icon-jinru{color:#108ee9}	
	
	
	
	
}	
	
	
	
/*  海鼎体验  */
	
	
	


.bt-main .bt-main-item {
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden
}

.bt-main img {
	display: block;
	border: 0;
	width: 100%;
	height: auto
}

.bt-main-item-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0
}

.bt-gallery-box.style-3 .texts {
	bottom: 0;
	left: 0;
	padding: 40px 27px 80px;
	transform: translateY(50px);
	background-image: linear-gradient(to top,#000,transparent);
	height: auto;
	top: unset;
	opacity: 1
}

.bt-gallery-box.style-3 .categorie {
	margin-bottom: 3px;
	display: block;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2;
	text-decoration: none;
}

.bt-gallery-box.style-3 .title {
	font-size: 32px;
	 
	color: #fff;
	margin-bottom: 0
}

.bt-gallery-box.style-3 .gallery-btn {
	position: absolute;
	bottom: 40px;
	left: 27px;
	opacity: 0;
	font-size: 16px;
	font-weight: 500;
	transform: translateX(-55px);
	color: #fff
}

.bt-gallery-box.style-3 .gallery-btn i {
	margin-left: 10px;
	font-size: 11px
}

.bt-gallery-box.style-3:hover .texts {
	transform: translateY(0);
	transition: all ease .3s;
	background-color: transparent
}

.bt-gallery-box.style-3:hover .gallery-btn {
	opacity: 1;
	transition: all ease .1s;
	transition-delay: .3s;
	transform: translateX(0)
}

.bt-gallery-box.style-3 .gallery-btn:hover:after {
	color: #f55b15
}

.bt-gallery-box {
	position: relative;
	overflow: hidden
}

.bt-gallery-box img {
	width: 100%
}

.bt-gallery-box .texts {
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	padding: 40px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translateY(-50px);
	transition: .3s
}

.bt-gallery-box .title {
	font-size: 24px;
	color: #fff
}

.bt-gallery-box a:hover .title {
	color: #f55b15;
	transition: .3s
}

.bt-gallery-box .sep {
	height: 2px;
	width: 60px;
	border-radius: 2px;
	background-color: #f55b15;
	margin-bottom: 15px
}

.bt-gallery-box .view-gallery-btn {
	font-size: 20px;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #222;
	background-color: #fff;
	opacity: 0
}

.bt-gallery-box .view-gallery-btn:after {
	content: "+";
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px
}

.bt-gallery-box:hover .texts {
	transition: all ease .3s;
	background-color: rgba(0,0,0,.8);
	opacity: 1;
	transform: translateY(0)
}

.bt-gallery-box:hover .view-gallery-btn {
	opacity: .8
}

.bt-gallery-box .view-gallery-btn:hover {
	background-color: #f55b15;
	color: #fff
}

.team-social li>a {
	background: #036;
	text-align: center;
	border-radius: 3px
}

.team-social li>a {
	color: #fff;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	width: 25px
}

.project-item {
	position: relative;
	float: left;
	overflow: hidden;
	max-height: 370px;
	width: 100%;
	text-align: center;
	margin: 0
}

.project-item img {
	position: relative;
	display: block;
	width: 100%
}

.project-item figcaption {
	padding: 2em;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.project-item figcaption::after,.project-item figcaption::before {
	pointer-events: none
}

.project-item figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.project-item h2 {
	font-size: 18px;
	line-height: 26px
}

.project-item h2:hover a {
	text-decoration: underline;
	color: #fff
}

.project-item figcaption {
	top: auto;
	bottom: 0;
	padding: 1.5em 1.5em 1.8em;
	height: 4.8em;
	background: #f7f7f7;
	color: #3c4a50;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0)
}

.project-item h2 {
	float: left
}

.project-item p {
	float: right;
	color: var(--main-color);
	display: inline-block
}

.project-item:hover p.icon-links a:focus,.project-item:hover p.icon-links a:hover {
	color: #252d31
}

.project-item p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
	-webkit-backface-visibility: hidden
}

.project-item h2,.project-item p.cat {
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0)
}

.project-item p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.project-item h2 {
	display: inline-block
}

.project-item h2:hover a {
	color: var(--main-color)
}

.project-item:hover p.description {
	opacity: 1
}

.project-item:hover figcaption,.project-item:hover h2,.project-item:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.project-item:hover h2 {
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms
}

.project-item:hover p.cats {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}





#btn, .btn2, .success_login, .login_btn{width:290px; height:50px; text-align:center;  border:0 none; border-radius:4px; color:#fff; cursor:pointer; background:#a77a50;letter-spacing:6px;}
#btn{width:320px;}
#btn:hover, .btn2:hover, .success_login:hover,.login_btn:hover{background:#88603b;}

/*login*/

.form{width:1220px; margin:0 auto;position:relative;}
#login_form{width:350px; position:absolute; top:210px; left:0px;}

#login_form h2{ width:260px; margin-left:45px; color:#fff; text-align:center; font-size:28px; height:50px; line-height:50px; margin-bottom:24px; background:#a67253; filter:alpha(opacity=90);opacity:0.9;}

#login_form h3{ width:290px; margin-left:0px; color:#dfe0e0; text-align:center; font-size:24px; height:70px; line-height:70px; margin-bottom:16px;}
#login_form h5{ width:290px; margin-left:0px; color:#221e1f; font-size:16px; margin-bottom:16px; height:80px; line-height:80px;}
.username, .pw{width:290px; padding:10px 5px 10px 45px; border:1px solid #fff; height:50px; line-height:20px; margin-bottom:10px; border-radius:4px; color:#666;}
.div_user, .div_pw{position:relative;}
.div_user span, .div_pw span{position:absolute; left:15px; top:4px; width:18px; height:18px; z-index:1;}


.div_box{margin-top:5px; height:20px; line-height:20px; position:relative;font-size:12px; color:#FFFFFF;}
.div_box a, .login_reg{position:absolute; right:-55px; top:0; color:#fff; font-size:12px;}
.login_reg{font-weight:bold;}
.div_box a:hover, .login_reg:hover{text-decoration:underline;}
.div_box input{position:absolute; top:4px; left:0;}

.login_btn{display:block; width:290px;box-shadow:0 2px 1px #a77a50; margin-top:20px; font-size:22px;}
#login_form h4{height:40px; line-height:40px; position:relative;}

.form .button{position:absolute; left:135px; top:179px; width:190px; height:40px;text-align:center; line-height:40px; font-size:16px; color:#009fe3; font-weight:bold;}
.loginad{
		width:580px;
		height:595px;
		position: absolute;
	}
	.loginad .loginadtitle{
		width:100%;
		text-align:center;
		line-height:60px;
		font-size:32px;
		font-family:"幼圆",Microsoft Yahei;
		margin-top:70px;
		color:#FFF;
	}
	.loginad .loginaddes{
		line-height:30px;
		color:#FFF;
		font-family:Microsoft Yahei;
		font-size:16px;
		text-align:center
	}
	.loginad .loginadimg{
		width:100%; 
		height:320px;
		margin-top:40px;
		
	}
	.loginad .loginadbtn{ width:100%; height:40px; margin-top:30px; }
	.loginad .loginadbtn a{ display:block; width:190px; height:40px; margin:0 auto; text-align:center; line-height:40px; font-size:16px; color:#009fe3; font-weight:bold; background:url(images/btn.png) center center no-repeat;
		-moz-border-radius:6px;
		-khtml-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}	
	
	
.haidingput
{
BORDER: #7d5b40 1px solid;WIDTH: 220px; height:30px; line-height:30px;border-radius: 3px;
}	
	



.login_bg{width:100%; min-width:1200px; height:100%; background:url(/fw1.jpg) center center no-repeat; background-size: cover; /* 重点二 */}

.login_bg .w1400{padding-top:350px;  }
.login_bg2{width:100%; min-width:1220px; height:100%; background:url(/fw.jpg) center center no-repeat; background-size: cover; /* 重点二 */}
 
#login_form { left:915px}

.login_bg3{width:100%; min-width:1200px; height:100%; background:url(/fw3.jpg) center center no-repeat; background-size: cover; /* 重点二 */}

.login_bg3 .w1400{padding-top:250px; padding-left:600px;  }


@media (max-width: 768px) {

.login_bg{width:100%; height:7rem;min-width:100%;background:url(/fw1.jpg) center center no-repeat; background-size: cover; /* 重点二 */}

.login_bg .w1400{width:100%;padding-top:100px;   }

.login_bg .w1400 .pic{ width:7rem; }



.login_bg2{width:100%;height:12.5rem;min-width:100%; background:url(/fw.jpg) center center no-repeat; background-size: cover; /* 重点二 */}

.login_bg2 .form{width:100%;padding-top:50px;   }

#login_form { left:0px}

.login_bg2 .w1400 .pic{ width:7rem; }

.login_bg2 .login_form{ margin-left:45px;}

#login_form { top: 100px;}


.login_bg3{width:100%;height:7rem;min-width:100%;  background:url(/fw3.jpg) center center no-repeat; background-size: cover; /* 重点二 */}


.login_bg3 .w1400{width:100%;padding-top:100px; padding-left:30px;  }

.login_bg3 .w1400 .pic{ width:7rem; }

.login_bg3 .login_form{left:5px; /* 重点二 */}



}