.FocusImg {

	width: 100%;

	height: 531px;

	position: relative;

	z-index: 99;

	/* border-top: 1px solid #3e9311;*/

}

.agent {

    background: #fafafa;

    overflow: hidden;

    padding-bottom: 180px;

}

.FocusImg .pic {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 98;

	overflow: hidden;

	/* background:#000;*/

}



.FocusImg .pic li {

	width: 100%;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	position: absolute;

	z-index: 100;

}



.FocusImg .num {

	width: 100%;

	height: 20px;

	bottom: 20px;

	position: absolute;

	z-index: 101;

	left: 0;

	font-size: 0px;

	text-align: center;

}



.FocusImg .num a {

	width: 10px;

	height: 10px;

	display: inline-block;

	margin: 0 10px;

	background: #fff;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	-ms-border-radius: 100%;

	border-radius: 100%;

	box-shadow: 1px 1px 20px #eee;

}



.FocusImg .num a.current {

	background: #007eff;

	width: 10px;

	height: 10px;

	border-radius: 100%;

}



.pagination {

	text-align: center;

	font-size: 0

}



.pagination a {

	height: 34px;

	border: 1px solid #dddddd;

	display: inline-block;

	text-align: center;

	line-height: 34px;

	margin: 0 11px;

	font-size: 18px;

	color: #999999;

	padding: 0 12px;

	transition: all 0.5s

}



.pagination a.active {

	border-color: #0780ff;

	background: #0780ff;

	color: #fff

}



.pagination a:hover {

	border-color: #0780ff;

	background: #0780ff;

	color: #fff

}



.page_return {

	width: 60px;

	height: 60px;

	border-radius: 100%;

	border: 1px solid #007eff;

	opacity: 1;

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

	position: fixed;

	right: 20px;

	bottom: 50px;

	display: none;

	z-index: 1000

}



.welcome .banner ol {

	position: absolute;

	left: 0;

	bottom: 38px;

	text-align: center;

	font-size: 0;

	width: 100%

}



.welcome .banner ol li {

	width: 10px;

	height: 10px;

	text-align: center;

	display: inline-block;

	background-color: #fff;

	margin: 0 17px;

	border-radius: 100%;

	cursor: pointer

}



.welcome .banner ol li.active {

	background-color: #796e54

}



.welcome .banner .control {

	position: absolute;

	width: 32px;

	left: 50%;

	margin-left: -16px;

	top: 460px;

	z-index: 10

}



.welcome .banner .control span {

	width: 1px;

	height: 134px;

	display: block;

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

	margin: 0 auto

}



.welcome .banner .control em {

	width: 32px;

	height: 32px;

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

	display: block;

	margin: 11px auto 0

}



.welcome .box1 {

	margin-top: 46px

}



.welcome .box1 .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box1 .tit h5 {

	text-align: center;

	font-size: 22px;

	color: #333333;

	line-height: 52px;

	font-weight: normal

}



.welcome .box1 .tit h5 span {

	font-size: 14px;

	color: #b6b6b6

}



.welcome .box1 .tit em {

	width: 60px;

	height: 3px;

	background: #007eff;

	display: block;

	margin: 0 auto

}



.welcome .box1 .con1 {

	overflow: hidden;

	padding: 70px 16px 70px;

	position: relative;

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box1 .con1 ul {

	position: relative

}



.welcome .box1 .con1 ul li {

	float: left;

	margin-right: 16px

}



.welcome .box1 .con1 ul li a {

	display: block;

	width: 228px;

	height: 300px;

	background-color: #fff;

	overflow: hidden;

	padding-bottom: 27px;

	transition: all 0.5s;

}



.welcome .box1 .con1 ul li a .img {

	width: 69px;

	height: 64px;

	margin: 60px auto 0

}



.welcome .box1 .con1 ul li a .img img {

	width: 100%;

	display: block

}



.welcome .box1 .con1 ul li a .names{

	padding: 0 16px;

	line-height: 60px;

	font-size: 16px;

	color: #333333;

	text-align: center

}



.welcome .box1 .con1 ul li a .txt {

	padding: 0 24px;

    font-size: 14px;

    color: #777777;

    line-height: 26px;

    text-align: center;



}



.welcome .box1 .con1 ul li a .more {

	margin-top: 35px;

	float: right;

	width: 28px;

	margin-right: 21px;

	height: 28px;

	border: 1px solid #d2d2d2;

	border-radius: 100%;

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

}



.welcome .box1 .con1 ul li a:hover {

	-webkit-box-shadow: 1px 1px 20px #ddd;

	-moz-box-shadow: 1px 1px 20px #ddd;

	-ms-box-shadow: 1px 1px 20px #ddd;

	box-shadow: 1px 1px 20px #ddd;

	background-color: #fff;

	transition: all 0.5s;

	-webkit-transform: translateY(-6px);

	-moz-transform: translateY(-6px);

	-ms-transform: translateY(-6px);

	-0-transform: translateY(-6px);

	transform: translateY(-6px);

}



.welcome .box1 .con1 ul li a:hover .txt {

	color: #666;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	transition: all 0.5s;

}



.welcome .box1 .con1 ul li a:hover .names {

	color: #666;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	transition: all 0.5s;

}



.welcome .box1 .con1 ul li a:hover .more {

	border-color: #fff;

	background: #007eff url(../image/index_box1_jt_h.png) no-repeat center center

}



.welcome .box1 .con1 ul:after {

	display: block;

	clear: both;

	content: ''

}



.welcome .box1 .con1 .control span {

	width: 36px;

	height: 26px;

	position: absolute;

	top: 212px;

	cursor: pointer;

	transition: all 0.5s;
	display:none;

}



.welcome .box1 .con1 .control .prev {

	left: 0;

	background: #2355ea url(../image/index_box1_prev.png) no-repeat center center

}



.welcome .box1 .con1 .control .prev:hover {

	background-position-x: 3px

}



.welcome .box1 .con1 .control .next {

	right: 0;

	background: #2355ea url(../image/index_box1_next.png) no-repeat center center

}



.welcome .box1 .con1 .control .next:hover {

	background-position-x: 20px

}



.welcome .box1 .con2 {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	overflow: hidden

}



.welcome .box1 .con2 .con_l {

	float: left;

	width: 50%

}



.welcome .box1 .con2 .con_l img {

	width: 100%;

	display: block

}



.welcome .box1 .con2 .con_r {

	float: right;

	width: 50%;

	position: relative;

	margin-left: -1px;

}



.welcome .box1 .con2 .con_r img {

	width: 100%;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1

}



.welcome .box1 .con2 .con_r .r_box {

	width: 520px;

	margin-left: 78px;

	margin-top: 75px;
	margin-bottom:25px;

	transition: all 0.5s

}

.addNewAddr img{width:100%}



@media (max-width: 1700px) {

	.welcome .box1 .con2 .con_r .r_box {

		margin-top: 40px

	}

}



@media (max-width: 1560px) {

	.welcome .box1 .con2 .con_r .r_box {

		margin-top: 30px

	}

}



@media (max-width: 1460px) {

	.welcome .box1 .con2 .con_r .r_box {

		margin-top: 14px

	}

}



.welcome .box1 .con2 .con_r .r_box .r_box_con {

	overflow: hidden

}



.welcome .box1 .con2 .con_r .r_box .r_box_con ul {

	overflow: hidden;

	position: relative

}



.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li {

	width: 520px;

	float: left

}



.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li h5 {

	font-size: 22px;

	color: #fff;

	line-height: 38px

}



.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li h5 span {

	font-size: 14px;

	color: #fff

}



.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li .txt {

	font-size: 14px;

	color: #fff;

	line-height: 24px;

	margin-top: 27px

}



@media (max-width: 1560px) {

	.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li .txt {

		margin-top: 16px

	}

}



@media (max-width: 1460px) {

	.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li .txt {

		margin-top: 8px

	}

}



.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li ol {

	margin-top: 22px;

	transition: all 0.5s

}



@media (max-width: 1300px) {

	.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li ol {

		margin-top: 10px

	}

}



.welcome .box1 .con2 .con_r .r_box .r_box_con ul>li ol>li {

	padding-left: 32px;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	background: url(../image/index_box1_icon5.png) no-repeat left center

}



.welcome .box1 .con2 .con_r .r_box .r_box_con .control {

	margin-top: 36px;

	overflow: hidden;

	transition: all 0.5s

}



@media (max-width: 1560px) {

	.welcome .box1 .con2 .con_r .r_box .r_box_con .control {

		margin-top: 26px

	}

}



@media (max-width: 1460px) {

	.welcome .box1 .con2 .con_r .r_box .r_box_con .control {

		margin-top: 16px

	}

}



@media (max-width: 1260px) {

	.welcome .box1 .con2 .con_r .r_box .r_box_con .control {

		margin-top: 8px

	}

}



.welcome .box1 .con2 .con_r .r_box .r_box_con .control span {

	width: 23px;

	height: 23px;

	display: block;

	float: left;

	transition: all 0.5s;

	cursor: pointer

}



.welcome .box1 .con2 .con_r .r_box .r_box_con .control .prev {

	background: url(../image/index_box1_con2_prev.png) no-repeat

}



.welcome .box1 .con2 .con_r .r_box .r_box_con .control .prev:hover {

	opacity: 0.3

}



.welcome .box1 .con2 .con_r .r_box .r_box_con .control .next {

	margin-left: 18px;

	background: url(../image/index_box1_con2_next.png) no-repeat

}



.welcome .box1 .con2 .con_r .r_box .r_box_con .control .next:hover {

	opacity: 0.3

}



.welcome .box1 .con2 .con_r:after {

	display: block;

	clear: both;

	content: ''

}



.welcome .box1 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box1 .con1.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box1 .con2.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box2 {

	padding-top: 46px;

	background: url(../image/index_box2_bg.jpg) no-repeat center center

}



.welcome .box2 .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box2 .tit h5 {

	text-align: center;

	font-size: 22px;

	color: #333333;

	line-height: 52px;

	font-weight: normal

}



.welcome .box2 .tit h5 span {

	font-size: 14px;

	color: #b6b6b6

}



.welcome .box2 .tit em {

	width: 60px;

	height: 3px;

	background:#007eff;

	display: block;

	margin: 0 auto

}



.welcome .box2 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box2 .box_con {

	margin-top: -1px;

	border-top: 1px solid #f0f0f0;

	padding-bottom: 82px;

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box2 .box_con .w1200 .tits {

	margin-top: 60px;

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

}



.welcome .box2 .box_con .w1200 .tits h5 {

	font-size: 22px;

	color: #666666;

	line-height: 52px;

	text-align: center

}



.welcome .box2 .box_con .w1200 .con {

	margin-top: 58px;

	position: relative

}



.welcome .box2 .box_con .w1200 .con img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.welcome .box2 .box_con .w1200 .con .txt1 {

	width: 240px;

	position: absolute;

	left: 0;

	top: 218px;

	font-size: 14px;

	color: #888888;

	line-height: 24px;

	text-align: right;

}



.welcome .box2 .box_con .w1200 .con .txt2 {

	width: 252px;

	position: absolute;

	right: 0;

	top: 142px;

	font-size: 14px;

	color: #888888;

	line-height: 24px

}



.welcome .box2 .box_con.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box3 {

	height: 673px;

	padding-top: 46px;

	position: relative;

	background: url(../image/index_box3_bg.jpg) no-repeat center center

}



.welcome .box3 .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box3 .tit h5 {

	text-align: center;

	font-size: 22px;

	color: #333333;

	line-height: 52px;

	font-weight: normal

}



.welcome .box3 .tit h5 span {

	font-size: 14px;

	color: #b6b6b6

}



.welcome .box3 .tit em {

	width: 60px;

	height: 3px;

	background: #007eff;

	display: block;

	margin: 0 auto

}



.welcome .box3 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box3 .box_con {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	overflow: hidden;

	padding-top: 45px;

	margin-top: -1px;

	border-top: 1px solid #f0f0f0;

	position: relative

}



.welcome .box3 .box_con ul {

	position: relative;

	margin-top: 45px

}



.welcome .box3 .box_con ul li {

	transition: all 0.5s;

	float: left;

	width: 18.165%;

	position: relative

}



.welcome .box3 .box_con ul li img {

	width: 100%;

	display: block

}



.welcome .box3 .box_con ul li:after {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	content: '';

	background: rgba(111, 182, 255, 0.85);

}



.welcome .box3 .box_con ul li.active {

	width: 27.34%;

	top: 0;

	margin-top: -1.8%;

	position: relative;

	box-shadow: 0 0 14px 0 #dadbda;

	z-index: 10;
	margin-left:-2px;
	

}



.welcome .box3 .box_con ul li.active:after {

	opacity: 0

}



.welcome .box3 .box_con ul:after {

	clear: both;

	display: block;

	content: ''

}



.welcome .box3 .box_con .control {

	opacity: 0

}



.welcome .box3 .box_con .control span {

	width: 12px;

	height: 19px;

	position: absolute;

	top: 200px;

	z-index: 10;

	cursor: pointer;

	transition: all 0.5s

}



@media (max-width: 1600px) {

	.welcome .box3 .box_con .control span {

		top: 190px

	}

}



@media (max-width: 1400px) {

	.welcome .box3 .box_con .control span {

		top: 175px

	}

}



@media (max-width: 1200px) {

	.welcome .box3 .box_con .control span {

		top: 150px

	}

}



.welcome .box3 .box_con .control .prev {

	left: 20%;

	background: url(../image/about_box5_prev_h.png) no-repeat

}



.welcome .box3 .box_con .control .next {

	right: 20%;

	background: url(../image/about_box5_next_h.png) no-repeat

}



.welcome .box3 .box_con:hover .control {

	opacity: 1

}



.welcome .box3 .box_con.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box3 .w1200 {

	position: absolute;

	left: 50%;

	margin-left: -600px;

	top: 526px;

	padding-bottom: 41px;

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box3 .w1200 .txt {

	font-size: 14px;

	color: #999999;

	line-height: 22px;

	text-align: center

}



.welcome .box3 .w1200 a {

	width: 113px;

	height: 34px;

	border: 1px solid #cfcecd;

	display: block;

	margin: 35px auto 0;

	font-size: 14px;

	color: #b6b6b6;

	text-transform: uppercase;

	text-align: center;

	line-height: 34px;

	transition: all 0.5s

}



.welcome .box3 .w1200 a:hover {

	color: #007eff;

	border-color: #007eff;

}



.welcome .box3 .w1200.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box4 {

	padding-top: 46px;

	background: #fff;

	padding-bottom: 93px

}



.welcome .box4 .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box4 .tit h5 {

	text-align: center;

	font-size: 22px;

	color: #333333;

	line-height: 52px;

	font-weight: normal

}



.welcome .box4 .tit h5 span {

	font-size: 14px;

	color: #b6b6b6

}



.welcome .box4 .tit em {

	width: 60px;

	height: 3px;

	background: #007eff;

	display: block;

	margin: 0 auto

}



.welcome .box4 .con {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	margin-top: -1px;

	padding-top: 54px;

	border-top: 1px solid #f0f0f0

}



.welcome .box4 .con .w1200 ul {

	overflow: hidden;

	margin-right: -16px;

	width: 1216px;

}



.welcome .box4 .con .w1200 ul li {

	width: 288px;

	margin-right: 16px;

	float: left

}



.welcome .box4 .con .w1200 ul li a {

	padding: 44px 30px;

	display: block;

	transition: all 0.5s

}



.welcome .box4 .con .w1200 ul li a h6 {

	font-size: 16px;

	color: #666666;

	line-height: 24px;

	transition: all 0.5s;

	font-weight: normal

}



.welcome .box4 .con .w1200 ul li a .time {

	line-height: 50px;

	font-size: 14px;

	color: #999999;

	margin-top: 1px;

	transition: all 0.5s

}



.welcome .box4 .con .w1200 ul li a .txt {

	font-size: 14px;

	color: #999;

	line-height: 24px;

	height: 72px;

	overflow: hidden;

	transition: all 0.5s

}



.welcome .box4 .con .w1200 ul li a .img {

	height: 122px;

	margin-top: 24px;

	overflow: hidden

}



.welcome .box4 .con .w1200 ul li a .img img {

	width: 100%;

	display: block

}



.welcome .box4 .con .w1200 ul li a:hover {

	background: #007eff

}



.welcome .box4 .con .w1200 ul li a:hover h6 {

	color: #fff

}



.welcome .box4 .con .w1200 ul li a:hover .time {

	color: #fff

}



.welcome .box4 .con .w1200 ul li a:hover .txt {

	color: #fff

}



.welcome .box4 .con .w1200 ul li:last-child {

	margin-right: 0

}



.welcome .box4 .tit.ani {

	transform: translateY(0);

	opacity: 1;

	margin-bottom: 20px;

}



.welcome .box4 .con.ani {

	transform: translateY(0);

	opacity: 1

}



.welcome .box5 {

	padding-bottom: 52px

}



.welcome .box5 .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.welcome .box5 .tit h5 {

	text-align: center;

	font-size: 22px;

	color: #333333;

	line-height: 52px;

	font-weight: normal

}



.welcome .box5 .tit h5 span {

	font-size: 14px;

	color: #b6b6b6

}



.welcome .box5 .tit em {

	width: 60px;

	height: 3px;

	background: #007eff;

	display: block;

	margin: 0 auto

}



.welcome .box5 .con {

	margin-top: -1px;

	border-top: 1px solid #f0f0f0

}



.welcome .box5 .con .w1200 {

	margin-top: 62px;

	overflow: hidden

}



.welcome .box5 .con .w1200 ul {

	margin-top: 62px;

	overflow: hidden

}



.welcome .box5 .con .w1200 ul li {

	width: 164px;

	height: 80px;

	margin-right: 26px;

	float: left;

	cursor: pointer

}



.welcome .box5 .con .w1200 ul li img {

	width: 100%;

	display: block;

	-webkit-filter: grayscale(1);

	transition: all 0.5s

}



.welcome .box5 .con .w1200 ul li:hover img {

	-webkit-filter: grayscale(0)

}

 #list{
    margin:auto;
    margin-bottom:30px;
 }       
 #list table tr{
    height:60px;
 } 
 #list table tr td{
    padding:0 10px;
 }  
.picutre_many img{
    width:164px; 
    height:40px;
    -webkit-filter: grayscale(1);
    transition: all 0.5s
}
.picutre_many img:hover{
    width:164px; 
    height:40px;
    -webkit-filter: grayscale(0)
}

.welcome .box5.ani .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.video_mark {

	width: 100%;

	height: 100%;

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

	position: fixed;

	left: 0;

	top: 0

}



.video_mark .w1200 {

	position: absolute;

	top: 20%;

	left: 50%;

	margin-left: -600px

}



.video_mark .w1200 .mark_l {

	float: left;

	width: 1082px;

	background: #fff

}



.video_mark .w1200 .mark_l .l_con {

	padding: 19px 52px

}



.video_mark .w1200 .mark_l .l_con embed {

	width: 100%;

	height: 100%

}



.video_mark .w1200 .mark_l .l_con video {

	width: 100%

}



.video_mark .w1200 .close {

	width: 65px;

	height: 60px;

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

	cursor: pointer;

	float: left

}



.about {

	overflow: hidden

}



.about .banner {

	height: 430px

}



.about .box1 {

	padding-bottom: 68px

}



.about .box1 .w1200 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	float: left;

	background: #0780ff;

	width: 328px;

	height: 427px;

	margin-top: -135px

}



.about .box1 .w1200 .box_l .l_con {

	padding: 49px 35px 23px

}



.about .box1 .w1200 .box_l .l_con h5 {

	width: 216px;

	height: 34px

}



.about .box1 .w1200 .box_l .l_con h5 img {

	width: 100%;

	display: block

}



.about .box1 .w1200 .box_l .l_con h6 {

	font-size: 22px;

	color: #fff;

	line-height: 50px;

	margin-top: 6px

}



.about .box1 .w1200 .box_l .l_con .txt {

	color: #f4f7ff;

	font-size: 14px;

	line-height: 20px

}



.about .box1 .w1200 .box_l .l_con .img {

	margin-top: 27px

}



.about .box1 .w1200 .box_l .l_con .img img {

	width: 100%;

	display: block

}



.about .box1 .w1200 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 810px;

	float: right;

	margin-top: 93px

}



.about .box1 .w1200 .box_r .tit {

	line-height: 32px;

	overflow: hidden

}



.about .box1 .w1200 .box_r .tit h5 {

	font-size: 35px;

	color: #0c82fe;

	float: left

}



.about .box1 .w1200 .box_r .tit em {

	width: 2px;

	height: 28px;

	background: #a0a0a0;

	display: block;

	float: left;

	margin: 2px 16px 0

}



.about .box1 .w1200 .box_r .tit h6 {

	float: left;

	font-size: 20px;

	color: #444444

}



.about .box1 .w1200 .box_r .txt {

	margin-top: 51px;

	font-size: 14px;

	color: #888888;

	line-height: 28px

}



.about .box1 .w1200:after {

	clear: both;

	content: '';

	display: block

}



.about .box1.ani .w1200 .box_l {

	opacity: 1;

	transform: translateX(0)

}



.about .box1.ani .w1200 .box_r {

	opacity: 1;

	transform: translateX(0)

}



.about .box2 {

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

	height: 263px

}



.about .box2 .w1200 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	float: left;

	width: 915px

}



.about .box2 .w1200 .box_l img {

	max-width: 100%;

	display: block;

	margin: 100px auto 0;

	cursor: pointer

}



.about .box2 .w1200 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	float: left;

	width: 240px;

	margin: 35px 0 0 28px

}



.about .box2 .w1200 .box_r h5 {

	font-size: 60px;

	color: #fff;

	line-height: 70px

}



.about .box2 .w1200 .box_r .txt {

	font-size: 14px;

	color: #fff;

	line-height: 24px

}



.about .box2.ani .w1200 .box_l {

	opacity: 1;

	transform: translateX(0)

}



.about .box2.ani .w1200 .box_r {

	opacity: 1;

	transform: translateX(0)

}



.about .box3 {

	overflow: hidden

}



.about .box3 .w1200 {

	overflow: hidden

}



.about .box3 .w1200 .tit {

	text-align: center;

	margin-top: 52px;

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.about .box3 .w1200 .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.about .box3 .w1200 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block

}



.about .box3 .w1200 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.about .box3 .w1200 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.about .box3 .w1200 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.about .box3 .w1200 .con {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	margin-top: 49px;

	height: 444px;

	overflow: hidden

}



.about .box3 .w1200 .con .con_box {

	margin: 48px 0 0 56px;

	width: 600px;

	height: 320px;

	padding-top: 34px;

	background: url(../image/about_box2_img2.jpg) no-repeat center center

}



.about .box3 .w1200 .con .con_box .con_box_txt {

	padding: 0px 36px 0;

	font-size: 12px;

	color: #fff;

	line-height: 40px;

	margin-top: 10px

}



.about .box3 .w1200 .con .con_box .con_box_txt strong {

	font-size: 16px;

	font-weight: normal

}



.about .box3 .w1200 .con.ani {

	transform: translateY(0);

	opacity: 1

}



.about .box4 {

	overflow: hidden

}



.about .box4 .tit {

	text-align: center;

	margin-top: 52px;

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.about .box4 .tit h5 {

	font-size: 35px;

	color: #007cff

}



.about .box4 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block

}



.about .box4 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.about .box4 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.about .box4 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.about .box4 .con {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	margin-top: 47px

}



.about .box4 .con .con_t {

	overflow: hidden

}



.about .box4 .con .con_t .con_t_l {

	float: left;

	width: 354px;

	margin-left: 4px

}



.about .box4 .con .con_t .con_t_l .l_tit img {

	max-width: 100%;

	display: block

}



.about .box4 .con .con_t .con_t_l .l_con {

	margin-top: 11px;

	font-size: 14px;

	color: #999999;

	line-height: 22px

}



.about .box4 .con .con_t .con_t_r {

	float: right;

	width: 354px;

	margin-right: 4px

}



.about .box4 .con .con_t .con_t_r .l_tit {

	height: 72px

}



.about .box4 .con .con_t .con_t_r .l_tit img {

	float: right;

	max-width: 100%;

	display: block

}



.about .box4 .con .con_t .con_t_r .l_con {

	margin-top: 11px;

	font-size: 14px;

	color: #999999;

	line-height: 22px;

	text-align: right

}



.about .box4 .con .con_b {

	height: 50px;

	background:#e5e5e5;

	margin-top: 154px;

	position: relative

}



.about .box4 .con .con_b .w1200 {

	position: absolute;

	left: 50%;

	margin-left: -600px;

	bottom: 0

}



.about .box4 .con .con_b .w1200 img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.about .box4 .con.ani {

	transform: translateY(0);

	opacity: 1

}



.about .box5 {

	overflow: hidden;

	padding-bottom: 90px

}



.about .box5 .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.about .box5 .tit h5 {

	font-size: 35px;

	color: #007cff

}



.about .box5 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block

}



.about .box5 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.about .box5 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.about .box5 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.about .box5 .con {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	overflow: hidden;

	position: relative

}



.about .box5 .con .con_box {

	width: 1098px;

	overflow: hidden;

	margin: 52px auto 0

}



.about .box5 .con .con_box ul {

	position: relative

}



.about .box5 .con .con_box ul li {

	width: 349px;

	height: 230px;

	float: left;

	margin-right: 25px

}



.about .box5 .con .con_box ul li a {

	height: 100%;

	display: block;

	position: relative

}



.about .box5 .con .con_box ul li a img {

	width: 100%;

	display: block

}



.about .box5 .con .con_box ul li a .mark {

	width: 100%;

	height: 100%;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	transition: all 0.5s;

	background:#007cff

}



.about .box5 .con .con_box ul li a .mark em {

	width: 53px;

	height: 53px;

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

	display: block;

	margin: 79px auto 0

}



.about .box5 .con .con_box ul li a .mark h6 {

	font-size: 16px;

	color: #fff;

	line-height: 76px;

	text-align: center

}



.about .box5 .con .con_box ul li a:hover .mark {

	opacity: 1

}



.about .box5 .con .control span {

	position: absolute;

	top: 150px;

	width: 12px;

	height: 19px;

	transition: all 0.5s;

	cursor: pointer

}



.about .box5 .con .control .prev {

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

	left: 0

}



.about .box5 .con .control .prev:hover {

	background: url(../image/about_box5_prev_h.png) no-repeat

}



.about .box5 .con .control .next {

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

	right: 0

}



.about .box5 .con .control .next:hover {

	background: url(../image/about_box5_next_h.png) no-repeat

}



.about .box5 .con.ani {

	transform: translateY(0);

	opacity: 1

}



.about .box6 {

	overflow: hidden;

	/* background: url(../image/about_box6_bg.jpg) no-repeat center center */

	    background-color: #f7f7f7;

		padding-bottom:40px

}



.about .box6 .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

	

}



.about .box6 .tit h5 {

	font-size: 35px;

	color: #007cff

}



.about .box6 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block

}



.about .box6 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.about .box6 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.about .box6 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.about .box6 .con {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	margin-top: 38px

}



.about .box6 .con .con_tit {

	margin: 0 auto

}



.about .box6 .con .con_tit .img {

	width: 171px;

	height: 171px;

	border-radius: 100%;

	overflow: hidden;

	margin: 0 auto

}



.about .box6 .con .con_tit .img img {

	width: 100%;

	display: block

}



.about .box6 .con .con_tit h6 {

	font-size: 18px;

	color: #333333;

	line-height: 58px;

	margin-top: 8px;

	text-align: center;

	font-weight: normal

}



.about .box6 .con .txt {

	font-size: 14px;

	color: #888888;

	line-height: 28px;

	text-align: center

}



.about .box6 .con .txt .txt_con {

	padding: 0 100px

}



.about .box6 .con.ani {

	transform: translateY(0);

	opacity: 1

}



.out_top .banner {

	height: 430px

}



.out_top .out_tab {

	height: 66px;

	border-bottom: 1px solid #ebebeb

}



.out_top .out_tab .w1200 { text-align:center;

	font-size: 0

}



.out_top .out_tab .w1200 a {

	font-size: 16px;

	color: #666666;

	display: inline-block;

	padding: 0 8px;

	margin-right: 60px;

	line-height: 66px;

	height: 66px;

	box-sizing: border-box

}



.out_top .out_tab .w1200 a.active {

	border-bottom: 2px solid #007cff

}



.branch .box {

	background: #fafafa;

	overflow: hidden;

	padding-bottom: 185px;

}



.branch .box .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.branch .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.branch .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.branch .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.branch .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.branch .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.branch .box .con {

	margin-top: 88px;

	overflow: hidden

}



.branch .box .con .con_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	width: 761px;

	float: left

}



.branch .box .con .con_l img {

	width: 100%;

	display: block

}



.branch .box .con .con_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 394px;

	margin-right: 7px;

	float: right

}



.branch .box .con .con_r .r_tit .img {

	width: 197px;

	height: 96px

}



.branch .box .con .con_r .r_tit .img img {

	width: 100%;

	display: block

}



.branch .box .con .con_r .r_tit p {

	width: 165px;

	height: 28px;

	font-size: 18px;

	color: #fff;

	line-height: 28px;

	text-indent: 12px;

	margin-left: 78px;

	background: #9db4dc

}



.branch .box .con .con_r .r_tit .p2 {

	margin-top: 1px;

	width: 218px

}



.branch .box .con .con_r .r_con {

	margin-top: 79px;

	background:#007eff;

	padding: 11px 33px 60px

}



.branch .box .con .con_r .r_con h5 {

	font-size: 26px;

	color: #fff;

	line-height: 74px;

	border-bottom: 1px solid #e1dcff

}



.branch .box .con .con_r .r_con .txt {

	margin-top: 16px;

	font-size: 14px;

	color: #fff;

	line-height: 24px

}



.branch .box .con.ani .con_l {

	transform: translateX(0);

	opacity: 1

}



.branch .box .con.ani .con_r {

	transform: translateX(0);

	opacity: 1

}



.subsidiary .box {

	background: #fafafa;

	overflow: hidden;

	padding-bottom: 185px

}



.subsidiary .box .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.subsidiary .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.subsidiary .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.subsidiary .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.subsidiary .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.subsidiary .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.subsidiary .box .con {

	margin-top: 78px;

	position: relative

}



.subsidiary .box .con .con_box .con_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	overflow: hidden

}



.subsidiary .box .con .con_box .con_l .l_tit {

	margin-top: 34px;

	width: 648px;

	padding-top: 14px;

	background: url(../image/sub_tit.jpg) no-repeat left top;

	font-size: 24px;

	color: #0780ff;

	line-height: 36px

}



.subsidiary .box .con .con_box .con_l .l_con {

	width: 548px;

	margin-top: 43px;

	font-size: 14px;

	color: #999999;

	line-height: 30px

}



.subsidiary .box .con .con_box .con_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 464px;

	height: 384px;

	overflow: hidden;

	position: absolute;

	left: 624px;

	top: 0

}



.subsidiary .box .con .con_box .con_r img {

	width: 100%;

	display: block

}



.subsidiary .box .con .con_box:after {

	display: block;

	clear: both;

	content: ''

}



.subsidiary .box .con .control {

	width: 20px;

	position: absolute;

	right: 0;

	top: 70px

}



.subsidiary .box .con .control ul li {

	font-size: 20px;

	font-weight: bold;

	color: #cccccc;

	line-height: 28px;

	margin-bottom: 42px;

	cursor: pointer;

	height: 28px;

	box-sizing: border-box

}



.subsidiary .box .con .control ul li.active {

	border-bottom: 1px solid #007cff;

	color: #007cff

}



.subsidiary .box .con .control ul li:hover {

	border-bottom: 1px solid #007cff;

	color: #007cff

}



.subsidiary .box .con.ani .con_box .con_l {

	transform: translateX(0);

	opacity: 1

}



.subsidiary .box .con.ani .con_box .con_r {

	transform: translateX(0);

	opacity: 1

}



.outlets03 .box {

	background: #DDDDDD;

	overflow: hidden

}



.outlets03 .box .tit {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.outlets03 .box .tit h5 {

	font-size: 35px;

	color: #007cff

}



.outlets03 .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.outlets03 .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.outlets03 .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.outlets03 .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.outlets03 .box .con {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	margin-top: 56px

}



.outlets03 .box .con img {

	width: 100%;

	display: block

}



.outlets03 .box .con.ani {

	transform: translateY(0);

	opacity: 1

}



.outlets03 .box .box2 {

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

	height: 400px;

	overflow: hidden;

	background-size: cover

}



.outlets03 .box .box2 .w1200 {

	overflow: hidden

}



.outlets03 .box .box2 .w1200 h6 {

	margin-top: 22px;

	font-size: 22px;

	color: #f7f7f7;

	font-weight: normal;

	line-height: 78px;

	border-bottom: 1px solid #e0c792

}



.outlets03 .box .box2 .w1200 .box_con {

	margin: 40px auto 0;

	overflow: hidden

}



.outlets03 .box .box2 .w1200 .box_con .box_l {

	width: 550px;

	float: left;

	line-height: 30px;

	font-size: 16px;

	color: #f1e7d4

}



.outlets03 .box .box2 .w1200 .box_con .box_r {

	width: 550px;

	float: left;

	margin-left: 70px;

	line-height: 30px;

	font-size: 16px;

	color: #f1e7d4

}



.layout .box {

	background: #fafafa;

	overflow: hidden;

	padding-bottom: 116px

}



.layout .box .tit {

	transition: all 0.5s;

	transform: translateY(100px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.layout .box .tit h5 {

	font-size: 35px;

	color: #007cff

}



.layout .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.layout .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.layout .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.layout .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.layout .box .con {

	margin-top: 46px

}



.layout .box .con .box1 {

	overflow: hidden

}



.layout .box .con .box1 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

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

	width: 600px;

	height: 347px;

	float: left

}



.layout .box .con .box1 .box_l .txt {

	width: 440px;

	margin: 149px 0 0 54px;

	font-size: 14px;

	color: #666666;

	line-height: 26px

}



.layout .box .con .box1 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 600px;

	height: 347px;

	float: left

}



.layout .box .con .box1 .box_r img {

	width: 100%;

	display: block

}



.layout .box .con .box1.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.layout .box .con .box1.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.layout .box .con .box2 {

	overflow: hidden

}



.layout .box .con .box2 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	width: 600px;

	height: 347px;

	float: left

}



.layout .box .con .box2 .box_l img {

	width: 100%;

	display: block

}



.layout .box .con .box2 .box_r {

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

	width: 600px;

	height: 347px;

	float: left;

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0

}



.layout .box .con .box2 .box_r .txt {

	width: 440px;

	margin: 149px 0 0 54px;

	font-size: 14px;

	color: #666666;

	line-height: 26px

}



.layout .box .con .box2.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.layout .box .con .box2.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.layout .box .con .box3 {

	overflow: hidden

}



.layout .box .con .box3 .box_l {

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

	width: 600px;

	height: 347px;

	float: left;

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0

}



.layout .box .con .box3 .box_l .txt {

	width: 440px;

	margin: 149px 0 0 54px;

	font-size: 14px;

	color: #666666;

	line-height: 26px

}



.layout .box .con .box3 .box_r {

	width: 600px;

	height: 347px;

	float: left;

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0

}



.layout .box .con .box3 .box_r img {

	width: 100%;

	display: block

}



.layout .box .con .box3.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.layout .box .con .box3.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.business_top .banner {

	height: 430px

}



.business_top .out_tab {

	height: 66px;
	text-align: center;
	border-bottom: 1px solid #ebebeb

}



.business_top .out_tab .w1200 {

	font-size: 0

}



.business_top .out_tab .w1200 a {

	font-size: 16px;

	color: #666666;

	display: inline-block;

	padding: 0 8px;

	margin-right: 40px;

	line-height: 66px;

	height: 66px;

	box-sizing: border-box

}



.business_top .out_tab .w1200 a.active {

	border-bottom: 2px solid #007cff

}



.resources .box {

	background: #fafafa;

	overflow: hidden;

	padding-bottom: 98px

}



.resources .box .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.resources .box .tit h5 {

	font-size: 35px;

	color: #007cff

}



.resources .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.resources .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.resources .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.resources .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.resources .box .con {

	margin-top: 84px

}



.resources .box .con .box1 {

	overflow: hidden;

	position: relative

}



.resources .box .con .box1 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	width: 652px;

	height: 394px;

	overflow: hidden;

	float: left

}



.resources .box .con .box1 .box_l img {

	width: 100%;

	display: block

}



.resources .box .con .box1 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	position: absolute;

	right: -25px;

	width: 650px;

	height: 380px;

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

	top: 23px

}



.resources .box .con .box1 .box_r .r_con {

	padding: 53px 28px 0 44px

}



.resources .box .con .box1 .box_r .r_con .r_tit img {

	max-width: 100%;

	display: block

}



.resources .box .con .box1 .box_r .r_con em {

	width: 75px;

	height: 2px;

	background: #55a6fc;

	display: block;

	margin-top: 15px

}



.resources .box .con .box1 .box_r .r_con .txt {

	font-size: 14px;

	color: #999999;

	margin-top: 22px;

	line-height: 28px

}



.resources .box .con .box1 .box_r .r_con .more {

	margin-top: 42px;

	width: 123px;

	height: 27px;

	border-radius: 8px;

	background:#007cff;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 27px;

	display: block

}



.resources .box .con .box1.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.resources .box .con .box1.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.resources .box .con .box2 {

	margin-top: 54px;

	overflow: hidden;

	position: relative

}



.resources .box .con .box2 .box_l {

	position: absolute;

	left: -25px;

	width: 650px;

	height: 380px;

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

	top: 23px;

	transition: all 0.5s;

	transform: translateX(-200px);

	z-index: 2;

	opacity: 0

}



.resources .box .con .box2 .box_l .l_con {

	padding: 53px 28px 0 66px

}



.resources .box .con .box2 .box_l .l_con .l_tit img {

	max-width: 100%;

	display: block

}



.resources .box .con .box2 .box_l .l_con em {

	width: 75px;

	height: 2px;

	background:#55a6fc;

	display: block;

	margin-top: 15px

}



.resources .box .con .box2 .box_l .l_con .txt {

	font-size: 14px;

	color: #999999;

	margin-top: 22px;

	line-height: 28px

}


.cn_title{
	font-size: 22px;
    color: #007cff;
    line-height: 24px;
}

.resources .box .con .box2 .box_l .l_con .more {

	margin-top: 42px;

	width: 123px;

	height: 27px;

	border-radius: 8px;

	background:#007cff;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 27px;

	display: block

}



.resources .box .con .box2 .box_r {

	width: 652px;

	height: 394px;

	overflow: hidden;

	float: right;

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0

}



.resources .box .con .box2 .box_r img {

	width: 100%;

	display: block

}



.resources .box .con .box2.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.resources .box .con .box2.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.resources .box .con .box3 {

	margin-top: 54px;

	overflow: hidden;

	position: relative

}



.resources .box .con .box3 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	width: 652px;

	height: 394px;

	overflow: hidden;

	float: left

}



.resources .box .con .box3 .box_l img {

	width: 100%;

	display: block

}



.resources .box .con .box3 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	position: absolute;

	right: -25px;

	width: 650px;

	height: 380px;

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

	top: 23px

}



.resources .box .con .box3 .box_r .r_con {

	padding: 53px 28px 0 44px

}



.resources .box .con .box3 .box_r .r_con .r_tit img {

	max-width: 100%;

	display: block

}



.resources .box .con .box3 .box_r .r_con em {

	width: 75px;

	height: 2px;

	background:#55a6fc;

	display: block;

	margin-top: 15px

}



.resources .box .con .box3 .box_r .r_con .txt {

	font-size: 14px;

	color: #999999;

	margin-top: 22px;

	line-height: 28px

}



.resources .box .con .box3 .box_r .r_con .more {

	margin-top: 42px;

	width: 123px;

	height: 27px;

	border-radius: 8px;

	background: #007cff;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 27px;

	display: block

}



.resources .box .con .box3.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.resources .box .con .box3.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.resour_mark {

	width: 100%;

	height: 100%;

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

	position: fixed;

	left: 0;

	top: 0;

	z-index: 102

}



.resour_mark .w1200 {

	position: absolute;

	top: 20%;

	left: 50%;

	margin-left: -600px

}



.resour_mark .w1200 .mark_l {

	float: left;

	width: 1082px;

	background: #fff

}



.resour_mark .w1200 .mark_l .l_con {

	padding: 19px 52px 114px 75px

}



.resour_mark .w1200 .mark_l .l_con h5 {

	font-size: 24px;

	color: #007cff;

	line-height: 88px;

	text-align: center;

	font-weight: normal;

	border-bottom: 1px solid #e2e2e2

}



.resour_mark .w1200 .mark_l .l_con .txt {

	margin-top: 32px;

	font-size: 14px;

	color: #666666;

	line-height: 30px

}



.resour_mark .w1200 .close {

	width: 65px;

	height: 60px;

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

	cursor: pointer;

	float: left

}



.recru .box .box1 {

	overflow: hidden;

	background: url(../image/recru_box1_bg.jpg) no-repeat center center

}



.recru .box .box1 .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.recru .box .box1 .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.recru .box .box1 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.recru .box .box1 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.recru .box .box1 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.recru .box .box1 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.recru .box .box1 .w1200 {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	padding-bottom: 72px;

	overflow: hidden;

	margin: 71px auto 0

}



.recru .box .box1 .w1200 .box_l {

	float: left;

	width: 527px;

	height: 328px;

	margin: 0 0 0 38px

}



.recru .box .box1 .w1200 .box_l img {

	width: 100%;

	display: block

}



.recru .box .box1 .w1200 .box_r {

	float: left;

	width: 570px;

	margin: 57px 0 0 46px

}



.recru .box .box1 .w1200 .box_r h5 {

	font-size: 20px;

	color: #333333;

	line-height: 28px;

	font-weight: normal

}



.recru .box .box1 .w1200 .box_r .txt {

	font-size: 14px;

	color: #666666;

	line-height: 24px;

	margin-top: 31px

}



.recru .box .box1 .w1200.ani {

	transform: translateY(0);

	opacity: 1

}



.recru .box .box2 {

	overflow: hidden;

	background: url(../image/recru_box2_bg.jpg) no-repeat center center

}



.recru .box .box2 .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 30px

}



.recru .box .box2 .tit h5 {

	font-size: 35px;

	color: #fff

}



.recru .box .box2 .tit h6 {

	font-size: 18px;

	color: #fff;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.recru .box .box2 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #e6cea3;

	content: '';

	left: -120px;

	top: 21px

}



.recru .box .box2 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #e6cea3;

	content: '';

	right: -120px;

	top: 21px

}



.recru .box .box2 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.recru .box .box2 .tit_txt {

	font-size: 14px;

	color: #f8f2e8;

	line-height: 22px;

	margin-top: 22px;

	text-align: center;

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0

}



.recru .box .box2 .tit_txt.ani {

	transform: translateY(0);

	opacity: 1

}



.recru .box .box2 .w1200 {

	padding-bottom: 52px;

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0

}



.recru .box .box2 .w1200 ul {

	overflow: hidden

}



.recru .box .box2 .w1200 ul li {

	width: 220px;

	height: 235px;

	float: left;

	background: #fff;

	position: relative;

	margin-right: 22px

}



.recru .box .box2 .w1200 ul li .img {

	width: 220px;

	height: 133px;

	overflow: hidden

}



.recru .box .box2 .w1200 ul li .img img {

	width: 100%;

	display: block

}



.recru .box .box2 .w1200 ul li h6 {

	font-size: 16px;

	color: #333333;

	line-height: 34px;

	margin-top: 12px;

	font-weight: normal;

	text-align: center

}



.recru .box .box2 .w1200 ul li .txt {

	padding: 0 20px;

	font-size: 14px;

	color: #666666;

	line-height: 30px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}



.recru .box .box2 .w1200 ul li .mark {

	width: 100%;

	height: 100%;

	background: #353434;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	transition: all 0.5s

}



.recru .box .box2 .w1200 ul li .mark h6 {

	font-size: 18px;

	color: #fff;

	line-height: 36px;

	margin-top: 30px

}



.recru .box .box2 .w1200 ul li .mark .mark_txt {

	padding: 0 20px;

	font-size: 14px;

	color: #bfbfbf;

	line-height: 20px;

	margin-top: 9px

}



.recru .box .box2 .w1200 ul li .mark em {

	width: 1px;

	height: 40px;

	background: #a9a9a9;

	display: block;

	margin: 30px auto 0

}



.recru .box .box2 .w1200 ul li:hover .mark {

	opacity: 1

}



.recru .box .box2 .w1200 ul li:last-child {

	margin-right: 0

}



.recru .box .box2 .w1200.ani {

	transform: translateY(0);

	opacity: 1

}



.recru .box .box3 {

	overflow: hidden;

	padding-bottom: 78px;

	background: url(../image/recru_box3_bg.jpg) no-repeat center center

}



.recru .box .box3 .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 64px

}



.recru .box .box3 .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.recru .box .box3 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 38px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.recru .box .box3 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.recru .box .box3 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.recru .box .box3 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.recru .box .box3 .tab {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin-top: 26px;

	text-align: center;

	font-size: 0

}



.recru .box .box3 .tab a {

	width: 195px;

	height: 43px;

	background: #f6eddb;

	text-align: center;

	display: inline-block;

	line-height: 43px;

	font-size: 16px;

	color: #cccccc;

	margin: 0 17px;

	position: relative;

	transition: all 0.5s

}



.recru .box .box3 .tab a:after {

	width: 15px;

	height: 8px;

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

	content: '';

	position: absolute;

	left: 50%;

	margin-left: -7px;

	bottom: 0;

	opacity: 0;

	transition: all 0.5s;

	transform: translateY(5px)

}



.recru .box .box3 .tab a.active {

	background: #dbb86f;

	color: #fff

}



.recru .box .box3 .tab a.active:after {

	opacity: 1;

	transform: translateY(20px)

}



.recru .box .box3 .tab a:hover {

	background: #dbb86f;

	color: #fff

}



.recru .box .box3 .tab a:hover:after {

	opacity: 1;

	transform: translateY(20px)

}



.recru .box .box3 .tab.ani {

	transform: translateY(0);

	opacity: 1

}



.recru .box .box3 .w1200 {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin: 94px auto 0;

	overflow: hidden

}



.recru .box .box3 .w1200 .box_con .box_l {

	float: left;

	width: 576px;

	margin-left: 24px

}



.recru .box .box3 .w1200 .box_con .box_l h5 {

	font-size: 20px;

	color: #333333;

	line-height: 84px;

	font-weight: normal

}



.recru .box .box3 .w1200 .box_con .box_l .txt {

	font-size: 14px;

	color: #666666;

	line-height: 28px;

	margin-top: 5px

}



.recru .box .box3 .w1200 .box_con .box_r {

	width: 527px;

	height: 328px;

	float: left;

	margin-left: 58px

}



.recru .box .box3 .w1200.ani {

	transform: translateY(0);

	opacity: 1

}



.welfare .box {

	background: #f5f5f5;

	overflow: hidden;

	padding-bottom: 102px

}



.welfare .box .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 64px

}



.welfare .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.welfare .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 38px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.welfare .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.welfare .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.welfare .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.welfare .box .con {

	margin-top: 59px

}



.welfare .box .con .box1 {

	overflow: hidden

}



.welfare .box .con .box1 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	width: 600px;

	height: 376px;

	background: #fff;

	float: left

}



.welfare .box .con .box1 .box_l .l_con {

	padding: 26px 0 0 52px

}



.welfare .box .con .box1 .box_l .l_con h5 {

	font-size: 18px;

	color: #007cff;

	line-height: 58px

}



.welfare .box .con .box1 .box_l .l_con .txt {

	font-size: 14px;

	color: #666666;

	line-height: 28px

}



.welfare .box .con .box1 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	float: right;

	width: 600px;

	height: 376px;

	overflow: hidden

}



.welfare .box .con .box1 .box_r img {

	width: 100%;

	display: block

}



.welfare .box .con .box1.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.welfare .box .con .box1.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.welfare .box .con .box2 {

	overflow: hidden

}



.welfare .box .con .box2 .box_l {

	width: 600px;

	height: 421px;

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	float: left

}



.welfare .box .con .box2 .box_l img {

	width: 100%;

	display: block

}



.welfare .box .con .box2 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	float: right;

	width: 600px;

	height: 421px;

	overflow: hidden;

	background: #fff

}



.welfare .box .con .box2 .box_r .r_con {

	padding: 46px 82px 0 84px

}



.welfare .box .con .box2 .box_r .r_con h5 {

	font-size: 18px;

	color: #007cff;

	line-height: 58px

}



.welfare .box .con .box2 .box_r .r_con .txt {

	font-size: 14px;

	color: #666666;

	line-height: 28px

}



.welfare .box .con .box2.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.welfare .box .con .box2.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.develop .box {

	background: #fafafa;

	overflow: hidden;

	padding-bottom: 116px

}



.develop .box .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 64px

}



.develop .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.develop .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 38px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.develop .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.develop .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.develop .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.develop .box .con {

	margin-top: 46px

}



.develop .box .con .box1 {

	overflow: hidden

}



.develop .box .con .box1 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

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

	width: 600px;

	height: 347px;

	float: left

}



.develop .box .con .box1 .box_l .txt {

	width: 440px;

	margin: 149px 0 0 54px;

	font-size: 14px;

	color: #666666;

	line-height: 26px

}



.develop .box .con .box1 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 600px;

	height: 347px;

	float: left

}



.develop .box .con .box1 .box_r img {

	width: 100%;

	display: block

}



.develop .box .con .box1.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.develop .box .con .box1.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.develop .box .con .box2 {

	overflow: hidden

}



.develop .box .con .box2 .box_l {

	width: 600px;

	height: 347px;

	float: left;

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0

}



.develop .box .con .box2 .box_l img {

	width: 100%;

	display: block

}



.develop .box .con .box2 .box_r {

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

	width: 600px;

	height: 347px;

	float: left;

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0

}



.develop .box .con .box2 .box_r .txt {

	width: 440px;

	margin: 149px 0 0 54px;

	font-size: 14px;

	color: #666666;

	line-height: 26px

}



.develop .box .con .box2.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.develop .box .con .box2.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.develop .box .con .box3 {

	overflow: hidden

}



.develop .box .con .box3 .box_l {

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

	width: 600px;

	height: 347px;

	float: left;

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0

}



.develop .box .con .box3 .box_l .txt {

	width: 440px;

	margin: 149px 0 0 54px;

	font-size: 14px;

	color: #666666;

	line-height: 26px

}



.develop .box .con .box3 .box_r {

	width: 600px;

	height: 347px;

	float: left;

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0

}



.develop .box .con .box3 .box_r img {

	width: 100%;

	display: block

}



.develop .box .con .box3.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.develop .box .con .box3.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.business .box {

	background: #fafafa;

	overflow: hidden;

	padding-bottom: 164px

}



.business .box .tit {

	text-align: center;

	margin-top: 52px

}



.business .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.business .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.business .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.business .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.business .box .con {

	margin-top: 79px;

	position: relative

}



.business .box .con .box1 {

	overflow: hidden

}



.business .box .con .box1 .box_l {

	width: 49.0625%;

	float: left;

	position: relative;

	height: 230px;

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

	transition: all 0.5s;

	transform: translateX(-50%);

	opacity: 0

}



.business .box .con .box1 .box_l dl {

	margin-top: 25px;

	width: 600px;

	position: absolute;

	right: 0;

	top: 0

}



.business .box .con .box1 .box_l dl dd {

	line-height: 34px

}



.business .box .con .box1 .box_l dl dd em {

	width: 10px;

	height: 10px;

	display: inline-block;

	background: #d0bf9f

}



.business .box .con .box1 .box_l dl dd span {

	font-size: 16px;

	color: #999999;

	margin-left: 16px

}



.business .box .con .box1 .box_r {

	width: 49.0625%;

	float: right;

	position: relative;

	height: 230px;

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

	transition: all 0.5s 1.5s;

	transform: translateX(50%);

	opacity: 0

}



.business .box .con .box1 .box_r dl {

	margin-top: 25px;

	width: 600px;

	position: absolute;

	left: 0;

	top: 0

}



.business .box .con .box1 .box_r dl dd {

	line-height: 34px;

	text-align: right

}



.business .box .con .box1 .box_r dl dd span {

	font-size: 16px;

	color: #999999

}



.business .box .con .box1 .box_r dl dd em {

	width: 10px;

	height: 10px;

	display: inline-block;

	background: #d9cbb6;

	margin-left: 16px

}



.business .box .con .box1.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.business .box .con .box1.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.business .box .con .box2 {

	overflow: hidden;

	margin-top: 38px

}



.business .box .con .box2 .box_l {

	width: 49.0625%;

	float: left;

	position: relative;

	height: 230px;

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

	transition: all 0.5s 0.5s;

	transform: translateX(-50%);

	opacity: 0

}



.business .box .con .box2 .box_l dl {

	margin-top: 105px;

	width: 600px;

	position: absolute;

	right: 0;

	top: 0

}



.business .box .con .box2 .box_l dl dd {

	line-height: 34px

}



.business .box .con .box2 .box_l dl dd em {

	width: 10px;

	height: 10px;

	display: inline-block;

	background: #c5ac7d

}



.business .box .con .box2 .box_l dl dd span {

	font-size: 16px;

	color: #999999;

	margin-left: 16px

}



.business .box .con .box2 .box_r {

	width: 49.0625%;

	float: right;

	position: relative;

	height: 230px;

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

	transition: all 0.5s 1s;

	transform: translateX(50%);

	opacity: 0

}



.business .box .con .box2 .box_r dl {

	margin-top: 105px;

	width: 600px;

	position: absolute;

	left: 0;

	top: 0

}



.business .box .con .box2 .box_r dl dd {

	line-height: 34px;

	text-align: right

}



.business .box .con .box2 .box_r dl dd span {

	font-size: 16px;

	color: #999999

}



.business .box .con .box2 .box_r dl dd em {

	width: 10px;

	height: 10px;

	display: inline-block;

	background: #a79f85;

	margin-left: 16px

}



.business .box .con .box2.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.business .box .con .box2.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.business .box .con .box3 {

	width: 174px;

	position: absolute;

	left: 50%;

	margin-left: -87px;

	top: 173px;

	transition: 0.5s 2s;

	opacity: 0

}



.business .box .con .box3 .img {

	width: 174px

}



.business .box .con .box3 .img img {

	width: 100%;

	display: block

}



.business .box .con .box3 h5 {

	font-size: 24px;

	color: #333333;

	line-height: 66px;

	text-align: center;

	font-weight: normal

}



.business .box .con .box3.ani {

	opacity: 1

}



.ser_top .banner {

	height: 505px

}



.ser_top .banner .w1200 {

	position: relative

}



.ser_top .banner .w1200 a {

	position: absolute;

	top: 367px;

	width: 135px;

	height: 40px;

	text-align: center;

	font-size: 0;

	background: #fff;

	border-radius: 4px;

	transition: all 0.5s

}



.ser_top .banner .w1200 a em {

	width: 15px;

	height: 15px;

	text-align: center;

	display: inline-block;

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

	margin: 0 5px;

	vertical-align: -2px

}



.ser_top .banner .w1200 a span {

	font-size: 14px;

	color: #d0b36c;

	text-align: center;

	line-height: 40px;

	display: inline-block;

	margin: 0 5px

}



.ser_top .banner .w1200 .android {

	left: 0

}



.ser_top .banner .w1200 .ios {

	left: 174px

}



.ser_top .banner .w1200 a:hover {

	background: #f2f2f2

}



.ser_top .out_tab {

	height: 66px;

	border-bottom: 1px solid #ebebeb

}



.ser_top .out_tab .w1200 {

	font-size: 0

}



.ser_top .out_tab .w1200 a {

	font-size: 16px;

	color: #666666;

	display: inline-block;

	padding: 0 8px;

	margin-right: 60px;

	line-height: 66px;

	height: 66px;

	box-sizing: border-box

}



.ser_top .out_tab .w1200 a.active {

	border-bottom: 2px solid #007cff

}



.mark_er {

	display: none

}



.mark_er .item {

	position: fixed;

	left: 50%;

	top: 50%;

	margin: -120px 0 0 -120px;

	width: 240px;

	height: 240px;

	background: #fff;

	display: none;

	z-index: 1000

}



.mark_er .item .img {

	padding: 20px

}



.mark_er .item .img img {

	width: 100%;

	display: block

}



.mark_er .item .close {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 4px;

	top: 4px;

	cursor: pointer

}



.mark_er .item .close img {

	width: 100%;

	display: block

}



.ser01 .box .box1 {

	height: 494px;

	background: url(../image/ser01_box1_bg.jpg) no-repeat center 72px;

	overflow: hidden

}



.ser01 .box .box1 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	width: 518px;

	height: 337px;

	float: left;

	margin-top: 157px;

	margin-left: 6px

}



.ser01 .box .box1 .box_l img {

	width: 100%;

	display: block

}



.ser01 .box .box1 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 530px;

	float: right;

	margin-right: 54px;

	margin-top: 182px

}



.ser01 .box .box1 .box_r .r_tit {

	overflow: hidden

}



.ser01 .box .box1 .box_r .r_tit em {

	width: 57px;

	height: 57px;

	display: block;

	float: left;

	border-radius: 4px;

	background: #bfad70 url(../image/ser01_box1_r.jpg) no-repeat center center

}



.ser01 .box .box1 .box_r .r_tit h5 {

	float: left;

	font-size: 30px;

	color: #666666;

	font-weight: normal;

	margin-left: 9px;

	line-height: 57px

}



.ser01 .box .box1 .box_r .r_con {

	margin-top: 57px;

	line-height: 50px;

	font-size: 14px;

	color: #666

}



.ser01 .box .box1 .box_r .r_con dl dt {

	font-size: 16px;

	color: #666666;

	line-height: 50px;

	font-weight: normal

}



.ser01 .box .box1 .box_r .r_con dl dd {

	margin-top: 6px;

	display: block;

	float: left;

	padding: 0 18px;

	line-height: 32px;

	background: #eaeaea;

	margin-right: 5px

}



.ser01 .box .box1.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.ser01 .box .box1.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.ser01 .box .box2 {

	background: #f7f7f7;

	padding-bottom: 66px

}



.ser01 .box .box2 .w1200 {

	overflow: hidden

}



.ser01 .box .box2 .w1200 .box_l {

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0;

	width: 520px;

	float: left;

	margin-left: 20px;

	margin-top: 117px

}



.ser01 .box .box2 .w1200 .box_l .l_tit {

	width: 431px;

	height: 58px

}



.ser01 .box .box2 .w1200 .box_l .l_tit img {

	width: 100%;

	display: block

}



.ser01 .box .box2 .w1200 .box_l .l_con {

	margin-top: 19px;

	width: 430px;

	margin-bottom: 22px;

	overflow: hidden

}



.ser01 .box .box2 .w1200 .box_l .l_con dl dt {

	font-size: 16px;

	color: #555555;

	line-height: 60px

}



.ser01 .box .box2 .w1200 .box_l .l_con dl dd {

	float: left;

	margin-right: 5px;

	width: 122px;

	height: 32px;

	background: #e3e3e3;

	text-align: center;

	line-height: 32px;

	color: #666;

	font-size: 14px;

	margin-bottom: 7px

}



.ser01 .box .box2 .w1200 .box_l .l_con dl .dd1,

.ser01 .box .box2 .w1200 .box_l .l_con dl .dd2,

.ser01 .box .box2 .w1200 .box_l .l_con dl .dd3,

.ser01 .box .box2 .w1200 .box_l .l_con dl .dd4 {

	width: 87px;

	margin-right: 9px

}



.ser01 .box .box2 .w1200 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 587px;

	height: 520px;

	float: right;

	margin-top: 89px

}



.ser01 .box .box2 .w1200 .box_r img {

	width: 100%;

	display: block

}



.ser01 .box .box2.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.ser01 .box .box2.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.ser01 .box .box3 {

	height: 358px;

	background: url(../image/ser01_box3_bg.jpg) no-repeat center center

}



.ser01 .box .box3 .w1200 {

	overflow: hidden

}



.ser01 .box .box3 .w1200 .img {

	width: 365px;

	height: 60px;

	margin: 34px auto 0;

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0

}



.ser01 .box .box3 .w1200 .img img {

	width: 100%;

	display: block

}



.ser01 .box .box3 .w1200 .img.ani {

	transform: translateY(0);

	opacity: 1

}



.ser01 .box .box3 .w1200 .txt {

	transition: all 0.5s;

	transform: translateY(200px);

	opacity: 0;

	font-size: 14px;

	color: #fff;

	line-height: 28px;

	margin-top: 30px;

	text-align: center

}



.ser01 .box .box3 .w1200 .txt.ani {

	transform: translateY(0);

	opacity: 1

}



.ser01 .box .box4 {

	padding-bottom: 93px;

	overflow: hidden

}



.ser01 .box .box4 .tit {

	width: 541px;

	height: 58px;

	margin: 72px auto 0

}



.ser01 .box .box4 .box_con {

	margin-top: 78px;

	height: 699px;

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

	position: relative

}



.ser01 .box .box4 .box_con .box_con_t {

	position: absolute;

	width: 460px;

	right: 810px;

	top: 69px;

	transition: all 0.5s;

	transform: translateX(-400px);

	opacity: 0

}



.ser01 .box .box4 .box_con .box_con_t .t_box {

	width: 354px;

	float: left

}



.ser01 .box .box4 .box_con .box_con_t .t_box h6 {

	font-size: 18px;

	color: #555555;

	line-height: 40px;

	font-weight: normal;

	text-align: right

}



.ser01 .box .box4 .box_con .box_con_t .t_box .txt {

	font-size: 14px;

	color: #999999;

	line-height: 20px;

	text-align: right

}



.ser01 .box .box4 .box_con .box_con_t .icon {

	float: left;

	width: 88px;

	height: 88px;

	margin-left: 14px;

	border-radius: 100%;

	transition: all 0.5s;

	border: 1px solid #fff;

	box-sizing: border-box;

	cursor: pointer

}



.ser01 .box .box4 .box_con .box_con_t .icon .icon_box {

	width: 65px;

	height: 65px;

	margin: 12px auto 0;

	position: relative;

	border-radius: 100%;

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

	transition: all 0.5s;

	box-shadow: 0 0 20px 2px rgba(190, 173, 112, 0.2)

}



.ser01 .box .box4 .box_con .box_con_t .icon .icon_box img {

	max-width: 100%;

	display: block;

	position: absolute;

	left: 20px;

	top: 0;

	margin: 20px auto 0;

	transition: all 0.5s

}



.ser01 .box .box4 .box_con .box_con_t .icon .icon_box .img1 {

	opacity: 1

}



.ser01 .box .box4 .box_con .box_con_t .icon .icon_box .img2 {

	opacity: 0

}



.ser01 .box .box4 .box_con .box_con_t .icon:hover {

	border: 1px solid #bfbfbf

}



.ser01 .box .box4 .box_con .box_con_t .icon:hover .icon_box {

	background: url(../image/ser01_box4_icon_h.png) no-repeat

}



.ser01 .box .box4 .box_con .box_con_t .icon:hover .icon_box .img1 {

	opacity: 0

}



.ser01 .box .box4 .box_con .box_con_t .icon:hover .icon_box .img2 {

	opacity: 1

}



.ser01 .box .box4 .box_con .t2 {

	left: 802px;

	transition: all 0.5s;

	transform: translateX(400px);

	opacity: 0

}



.ser01 .box .box4 .box_con .t2 .t_box h6 {

	text-align: left

}



.ser01 .box .box4 .box_con .t2 .t_box .txt {

	text-align: left

}



.ser01 .box .box4 .box_con .t3 {

	transition: all 0.5s 0.5s;

	transform: translateX(-400px);

	opacity: 0;

	top: 320px;

	right: 900px

}



.ser01 .box .box4 .box_con .t4 {

	top: 320px;

	left: 890px;

	transition: all 0.5s 0.5s;

	transform: translateX(400px);

	opacity: 0

}



.ser01 .box .box4 .box_con .t4 .t_box h6 {

	text-align: left

}



.ser01 .box .box4 .box_con .t4 .t_box .txt {

	text-align: left

}



.ser01 .box .box4 .box_con .t5 {

	top: 544px;

	right: 802px;

	transition: all 0.5s 1s;

	transform: translateX(-400px);

	opacity: 0

}



.ser01 .box .box4 .box_con .t6 {

	top: 544px;

	left: 796px;

	transition: all 0.5s 1s;

	transform: translateX(400px);

	opacity: 0

}



.ser01 .box .box4 .box_con .t6 .t_box h6 {

	text-align: left

}



.ser01 .box .box4 .box_con .t6 .t_box .txt {

	text-align: left

}



.ser01 .box .box4.ani .box_con .t1,

.ser01 .box .box4.ani .box_con .t2,

.ser01 .box .box4.ani .box_con .t3,

.ser01 .box .box4.ani .box_con .t4,

.ser01 .box .box4.ani .box_con .t5,

.ser01 .box .box4.ani .box_con .t6 {

	transform: translateX(0);

	opacity: 1

}



.ser01 .box .box5 {

	background: #f7f7f7;

	height: 582px

}



.ser01 .box .box5 .w1200 .box_l {

	float: left;

	width: 410px;

	height: 519px;

	margin: 63px 0 0 -16px;

	transition: all 0.5s;

	transform: translateX(-200px);

	opacity: 0

}



.ser01 .box .box5 .w1200 .box_l img {

	width: 100%;

	display: block

}



.ser01 .box .box5 .w1200 .box_r {

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0;

	width: 585px;

	float: right;

	margin-right: 53px;

	margin-top: 109px

}



.ser01 .box .box5 .w1200 .box_r .t_tit {

	width: 495px;

	height: 55px

}



.ser01 .box .box5 .w1200 .box_r .t_tit img {

	width: 100%;

	display: block

}



.ser01 .box .box5 .w1200 .box_r .txt {

	font-size: 16px;

	color: #666666;

	line-height: 26px;

	margin-top: 40px

}



.ser01 .box .box5 .w1200 .box_r .tab {

	margin-top: 20px;

	overflow: hidden

}



.ser01 .box .box5 .w1200 .box_r .tab>div {

	width: 166px;

	float: left;

	margin-right: 51px

}



.ser01 .box .box5 .w1200 .box_r .tab>div .img {

	width: 166px;

	height: 222px;

	overflow: hidden

}



.ser01 .box .box5 .w1200 .box_r .tab>div .img img {

	width: 100%;

	display: block

}



.ser01 .box .box5 .w1200 .box_r .tab>div h6 {

	font-size: 14px;

	color: #999999;

	text-align: center;

	line-height: 48px;

	font-weight: normal

}



.ser01 .box .box5 .w1200 {

	display: block;

	clear: both;

	content: ''

}



.ser01 .box .box5.ani .box_l {

	transform: translateX(0);

	opacity: 1

}



.ser01 .box .box5.ani .box_r {

	transform: translateX(0);

	opacity: 1

}



.ser02 .box .box1 .w1200 {

	padding-bottom: 21px;

	display: block;

	background: url(../image/ser02_bg.png) no-repeat right bottom

}



.ser02 .box .box1 .w1200 .box_l {

	width: 590px;

	height: 528px;

	float: left;

	margin-top: 104px

}



.ser02 .box .box1 .w1200 .box_l img {

	width: 100%;

	display: block

}



.ser02 .box .box1 .w1200 .box_r {

	float: right;

	width: 516px;

	margin-top: 220px

}



.ser02 .box .box1 .w1200 .box_r h4 {

	font-size: 32px;

	color: #444444;

	line-height: 88px;

	font-weight: normal

}



.ser02 .box .box1 .w1200 .box_r .txt {

	font-size: 18px;

	color: #999999;

	line-height: 30px

}



.ser02 .box .box1 .w1200:after {

	clear: both;

	display: block;

	content: ''

}



.ser02 .box .box2 {

	background: #f3f3f3;

	margin-top: -3px

}



.ser02 .box .box2 .w1200 {

	display: block

}



.ser02 .box .box2 .w1200 .box_l {

	width: 516px;

	margin-top: 162px;

	margin-left: 24px;

	float: left

}



.ser02 .box .box2 .w1200 .box_l h4 {

	font-size: 32px;

	color: #444444;

	line-height: 88px;

	font-weight: normal

}



.ser02 .box .box2 .w1200 .box_l .txt {

	font-size: 18px;

	color: #999999;

	line-height: 30px

}



.ser02 .box .box2 .w1200 .box_r {

	width: 482px;

	height: 440px;

	float: right;

	margin-top: 59px

}



.ser02 .box .box2 .w1200 .box_r img {

	width: 100%;

	display: block

}



.ser02 .box .box2 .w1200:after {

	clear: both;

	display: block;

	content: ''

}



.ser02 .box .box3 {

	overflow: hidden

}



.ser02 .box .box3 .w1200 {

	display: block;

	background: url(../image/ser02_bg.png) no-repeat right bottom

}



.ser02 .box .box3 .w1200 .box_l {

	width: 400px;

	height: 495px;

	float: left;

	margin-top: 55px

}



.ser02 .box .box3 .w1200 .box_l img {

	width: 100%;

	display: block

}



.ser02 .box .box3 .w1200 .box_r {

	float: right;

	width: 516px;

	margin-top: 177px;

	margin-right: 56px

}



.ser02 .box .box3 .w1200 .box_r h4 {

	font-size: 32px;

	color: #444444;

	line-height: 88px;

	font-weight: normal

}



.ser02 .box .box3 .w1200 .box_r .txt {

	font-size: 18px;

	color: #999999;

	line-height: 30px

}



.ser02 .box .box3 .w1200:after {

	clear: both;

	display: block;

	content: ''

}



.ser02 .box .box4 {

	background: #f3f3f3;

	margin-top: -3px;

	position: relative

}



.ser02 .box .box4 .w1200 {

	display: block

}



.ser02 .box .box4 .w1200 .box_l {

	width: 516px;

	margin-top: 162px;

	margin-left: 24px;

	float: left

}



.ser02 .box .box4 .w1200 .box_l h4 {

	font-size: 32px;

	color: #444444;

	line-height: 88px;

	font-weight: normal

}



.ser02 .box .box4 .w1200 .box_l .txt {

	font-size: 18px;

	color: #999999;

	line-height: 30px

}



.ser02 .box .box4 .w1200 .box_r {

	width: 482px;

	height: 440px;

	float: right;

	margin-top: 59px

}



.ser02 .box .box4 .w1200 .box_r img {

	width: 100%;

	display: block

}



.ser02 .box .box4 .w1200:after {

	clear: both;

	display: block;

	content: ''

}



.ser02 .box .box5 {

	overflow: hidden;

	padding-bottom: 62px

}



.ser02 .box .box5 .w1200 {

	margin-top: 70px

}



.ser02 .box .box5 .w1200 h4 {

	font-size: 32px;

	color: #444444;

	line-height: 88px;

	font-weight: normal;

	text-align: center

}



.ser02 .box .box5 .w1200 .box_b img {

	max-width: 100%;

	display: block;

	margin: 32px auto 0

}



.news .banner {

	height: 430px

}



.news .out_tab {

	height: 66px;

	border-bottom: 1px solid #ebebeb

}



.news .out_tab .w1200 {

	font-size: 0

}



.news .out_tab .w1200 a {

	font-size: 16px;

	color: #666666;

	display: inline-block;

	padding: 0 8px;

	margin-right: 60px;

	line-height: 66px;

	height: 66px;

	box-sizing: border-box

}



.news .out_tab .w1200 a.active {

	border-bottom: 2px solid #007cff

}



.news .box .w1200 .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.news .box .w1200 .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.news .box .w1200 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.news .box .w1200 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.news .box .w1200 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.news .box .w1200 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.news .box .w1200 .tab {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	font-size: 0;

	text-align: center;

	margin-top: 36px

}



.news .box .w1200 .tab a {

	display: inline-block;

	text-align: center;

	width: 144px;

	height: 35px;

	border-radius: 2px;

	text-align: center;

	line-height: 35px;

	color: #444444;

	font-size: 16px;

	border: 1px solid #dcdcdc;

	margin: 0 21px;

	transition: all 0.5s

}



.news .box .w1200 .tab a.active {

	border: 1px solid #dab669;

	background: #dab669;

	color: #fff

}



.news .box .w1200 .tab a:hover {

	border: 1px solid #dab669;

	background: #dab669;

	color: #fff

}



.news .box .w1200 .tab.ani {

	transform: translateY(0);

	opacity: 1

}



.news .box .w1200 .box_con {

	padding-bottom: 94px;

	margin-top: 64px;

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0

}



.news .box .w1200 .box_con ul {

	overflow: hidden

}



.news .box .w1200 .box_con ul li {

	float: left;

	/*margin-right: 38px;

	margin-bottom: 30px*/

}



/*.news .box .w1200 .box_con ul li a {

	background: #f5f4f0;

	display: block;

	width: 580px;

	height: 244px;

	overflow: hidden

}*/



.news .box .w1200 .box_con ul li a .img {

	width: 284px;

	height: 244px;

	overflow: hidden;

	float: left

}



.news .box .w1200 .box_con ul li a .img img {

	width: 100%;

	display: block;

	transition: all 0.5s

}



.news .box .w1200 .box_con ul li a .l_r {

	width: 237px;

	height: 180px;

	margin: 40px 0 0 30px;

	float: left;

	padding-bottom: 10px;

	border-bottom: 1px solid #dddcd9

}



.news .box .w1200 .box_con ul li a .l_r h5 {

	font-size: 16px;

	color: #444444;

	font-weight: normal;

	line-height: 28px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}



.news .box .w1200 .box_con ul li a .l_r .time {

	font-size: 12px;

	color: #999999;

	line-height: 20px

}



.news .box .w1200 .box_con ul li a .l_r .txt {

	margin-top: 8px;

	font-size: 14px;

	color: #999999;

	line-height: 24px;

	overflow: hidden;

	height: 72px

}



.news .box .w1200 .box_con ul li a .l_r .more {

	font-size: 12px;

	color: #444444;

	line-height: 20px;

	margin-top: 19px

}



.news .box .w1200 .box_con ul li a:hover .img img {

	transform: scale(1.1)

}



.news .box .w1200 .box_con ul li:nth-child(2n) {

	margin-right: 0;
   float: right;
}



.news .box .w1200 .box_con .page {

	margin-top: 128px

}



.news .box .w1200 .box_con .page img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.news .box .w1200 .box_con.ani {

	transform: translateY(0);

	opacity: 1

}



.per_top .banner {

	height: 430px

}



.per_top .out_tab {

	height: 66px;

	border-bottom: 1px solid #ebebeb

}



.per_top .out_tab .w1200 {

	font-size: 0

}



.per_top .out_tab .w1200 a {

	font-size: 16px;

	color: #666666;

	display: inline-block;

	padding: 0 8px;

	margin-right: 60px;

	line-height: 66px;

	height: 66px;

	box-sizing: border-box

}



.per_top .out_tab .w1200 a.active {

	border-bottom: 2px solid #007cff

}



.per01 .box {

	padding-bottom: 86px

}



.per01 .box .w1200 .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.per01 .box .w1200 .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.per01 .box .w1200 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.per01 .box .w1200 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.per01 .box .w1200 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.per01 .box .w1200 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.per01 .box .w1200 .con {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin-top: 63px

}



.per01 .box .w1200 .con ul li {

	float: left;

	margin-bottom: 56px;

	box-shadow: 0 0 6px 0 #eaeaea

}



.per01 .box .w1200 .con ul li a {

	width: 578px;

	height: 472px;

	display: block;

	background: #fff;

	position: relative;

	transition: all 0.5s

}



.per01 .box .w1200 .con ul li a .img {

	width: 578px;

	height: 324px;

	overflow: hidden

}



.per01 .box .w1200 .con ul li a .img img {

	width: 100%;

	display: block

}



.per01 .box .w1200 .con ul li a .time {

	width: 95px;

	height: 95px;

	border-radius: 100%;

	background: #0780ff;

	position: absolute;

	top: 278px;

	left: 50%;

	margin-left: -47px;

	transition: all 0.5s

}



.per01 .box .w1200 .con ul li a .time h5 {

	font-size: 35px;

	color: #fff;

	line-height: 38px;

	margin-top: 15px;

	text-align: center;

	transition: all 0.5s

}



.per01 .box .w1200 .con ul li a .time span {

	display: block;

	line-height: 24px;

	font-size: 14px;

	color: #fff;

	text-align: center;

	transition: all 0.5s

}



.per01 .box .w1200 .con ul li a h6 {

	line-height: 34px;

	margin-top: 81px;

	text-align: center;

	font-size: 22px;

	font-weight: normal

}



.per01 .box .w1200 .con ul li a:hover {

	background: #0780ff

}



.per01 .box .w1200 .con ul li a:hover .time {

	background: #fff

}



.per01 .box .w1200 .con ul li a:hover .time h5 {

	color: #0780ff

}



.per01 .box .w1200 .con ul li a:hover .time span {

	color: #0780ff

}



.per01 .box .w1200 .con ul li a:hover h6 {

	color: #fff

}



.per01 .box .w1200 .con ul li:nth-child(2n) {

	float: right

}



.per01 .box .w1200 .con ul:after {

	clear: both;

	display: block;

	content: ''

}



.per01 .box .w1200 .con .page {

	margin-top: 54px

}



.per01 .box .w1200 .con .page img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.per01 .box .w1200 .con.ani {

	transform: translateY(0);

	opacity: 1

}



.per02 .box {

	padding-bottom: 76px

}



.per02 .box .w1200 .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.per02 .box .w1200 .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.per02 .box .w1200 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.per02 .box .w1200 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.per02 .box .w1200 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.per02 .box .w1200 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.per02 .box .w1200 .con {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin-top: 62px

}



.per02 .box .w1200 .con ul li {

	float: left;

	height: 366px;

	position: relative;

	transition: all 0.5s;

	margin-bottom: 22px

}



.per02 .box .w1200 .con ul li a {

	width: 252px;

	height: 287px;

	padding: 0 28px 0 20px;

	display: block;

	overflow: hidden;

	transition: all 0.5s;

	background: #f1f1f1;

	margin-top: 36px

}



.per02 .box .w1200 .con ul li a em {

	margin-top: 55px;

	width: 40px;

	height: 2px;

	background: #707070;

	display: block;

	transition: all 0.5s

}



.per02 .box .w1200 .con ul li a h5 {

	font-size: 18px;

	color: #333333;

	font-weight: normal;

	line-height: 40px;

	transition: all 0.5s

}



.per02 .box .w1200 .con ul li a .txt {

	font-size: 14px;

	color: #888888;

	line-height: 26px;

	margin-top: 12px;

	overflow: hidden;

	height: 78px;

	transition: all 0.5s

}



.per02 .box .w1200 .con ul li a .more {

	width: 98px;

	height: 30px;

	border: 1px solid #c9c9c9;

	border-radius: 2px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	color: #999999;

	margin-top: 29px;

	display: block;

	transition: all 0.5s

}



.per02 .box .w1200 .con ul li a .mark {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0

}



.per02 .box .w1200 .con ul li a .mark span {

	position: absolute

}



.per02 .box .w1200 .con ul li a .mark .s1 {

	width: 28px;

	height: 24px;

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

	left: 15px;

	top: 15px

}



.per02 .box .w1200 .con ul li a .mark .s2 {

	width: 28px;

	height: 24px;

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

	right: 15px;

	top: 15px

}



.per02 .box .w1200 .con ul li a .mark .s3 {

	width: 28px;

	height: 28px;

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

	left: 15px;

	bottom: 15px

}



.per02 .box .w1200 .con ul li a .mark .s4 {

	width: 28px;

	height: 28px;

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

	right: 15px;

	bottom: 15px

}



.per02 .box .w1200 .con ul li:hover {

	padding: 0;

	background: #0780ff

}



.per02 .box .w1200 .con ul li:hover a {

	margin-top: 36px;

	background: #0780ff

}



.per02 .box .w1200 .con ul li:hover a em {

	background: #ebe4d4

}



.per02 .box .w1200 .con ul li:hover a h5 {

	color: #fff

}



.per02 .box .w1200 .con ul li:hover a .txt {

	color: #f8f2e6

}



.per02 .box .w1200 .con ul li:hover a .more {

	border-color: #0780ff;

	color: #fff

}



.per02 .box .w1200 .con ul li:hover a .mark {

	opacity: 1

}



.per02 .box .w1200 .con ul:after {

	clear: both;

	display: block;

	content: ''

}



.per02 .box .w1200 .con .page {

	margin-top: 14px

}



.per02 .box .w1200 .con .page img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.per02 .box .w1200 .con.ani {

	transform: translateY(0);

	opacity: 1

}



.per02_mark {

	width: 100%;

	height: 100%;

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

	position: fixed;

	left: 0;

	top: 0;

	z-index: 102

}



.per02_mark .w1200 {

	position: absolute;

	top: 15%;

	left: 50%;

	margin-left: -600px

}



.per02_mark .w1200 .mark_con {

	background: #fff;

	padding: 53px 89px 94px 81px;

	position: relative

}



.per02_mark .w1200 .mark_con h5 {

	font-size: 28px;

	color: #333333;

	line-height: 92px;

	text-align: left;

	font-weight: normal;

	border-bottom: 1px solid #e2e2e2

}



.per02_mark .w1200 .mark_con .txt {

	padding-top: 30px;

	height: 300px

}



.per02_mark .w1200 .mark_con .txt dl {

	margin-bottom: 11px

}



.per02_mark .w1200 .mark_con .txt dl dt {

	font-size: 16px;

	color: #333333;

	line-height: 42px

}



.per02_mark .w1200 .mark_con .txt dl dd {

	font-size: 14px;

	color: #999999;

	line-height: 24px

}



.per02_mark .w1200 .mark_con>a {

	width: 180px;

	height: 48px;

	background: #ddb75f;

	border-radius: 3px;

	text-align: center;

	line-height: 48px;

	color: #fff;

	display: block;

	margin-top: 82px;

	font-size: 16px

}



.per02_mark .w1200 .mark_con .close {

	position: absolute;

	right: 30px;

	top: 23px;

	width: 29px;

	height: 29px;

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

	cursor: pointer

}



.per03 .box {

	height: 797px;

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

	overflow: hidden

}



.per03 .box .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.per03 .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.per03 .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.per03 .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.per03 .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.per03 .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.per03 .box .con {

	overflow: hidden;

	position: relative;

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0

}



.per03 .box .con .con_l {

	width: 479px;

	height: 494px;

	overflow: hidden;

	float: left;

	margin-top: 42px;

	position: relative;

	z-index: 2

}



.per03 .box .con .con_l img {

	width: 100%;

	display: block

}



.per03 .box .con .con_c {

	width: 346px;

	height: 452px;

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

	position: absolute;

	top: 72px;

	left: 410px;

	z-index: 1

}



.per03 .box .con .con_r {

	float: right;

	width: 670px;

	margin-top: 119px;

	line-height: 30px;

	font-size: 14px;

	color: #666666

}



.per03 .box .con.ani {

	transform: translateY(0);

	opacity: 1

}



.per04 .box {

	background: #f5f5f5;

	overflow: hidden

}



.per04 .box .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.per04 .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.per04 .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.per04 .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.per04 .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.per04 .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.per04 .box .con {

	padding-bottom: 90px

}



.per04 .box .con .item {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin-top: 31px;

	overflow: hidden;

	background: #2e7bcb

}



.per04 .box .con .item .item_l {

	width: 796px;

	float: left;

	background: #2e7bcb

}



.per04 .box .con .item .item_l .txt {

	padding: 48px 44px 0 34px;

	font-size: 14px;

	color: #fbf8f4;

	line-height: 26px

}



.per04 .box .con .item .item_r {

	width: 404px;

	height: 263px;

	overflow: hidden;

	float: right

}



.per04 .box .con .item .item_r img {

	width: 100%;

	display: block

}



.per04 .box .con .item.ani {

	transform: translateY(0);

	opacity: 1

}



.per04 .box .con .con_box {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin-top: 58px

}



.per04 .box .con .con_box ul {

	overflow: hidden

}



.per04 .box .con .con_box ul li {

	width: 390px;

	float: left;

	margin-right: 15px;

	margin-bottom: 16px

}



.per04 .box .con .con_box ul li a {

	height: 349px;

	display: block;

	background: #fff;

	position: relative

}



.per04 .box .con .con_box ul li a .img {

	width: 390px;

	height: 195px;

	overflow: hidden;

	transition: all 0.5s

}



.per04 .box .con .con_box ul li a .img img {

	width: 100%;

	display: block

}



.per04 .box .con .con_box ul li a h6 {

	padding: 0 20px;

	font-size: 16px;

	color: #444444;

	line-height: 48px;

	margin-top: 12px;

	transition: all 0.5s

}



.per04 .box .con .con_box ul li a .txt {

	padding: 0 20px;

	font-size: 14px;

	color: #999999;

	line-height: 24px;

	overflow: hidden;

	height: 48px;

	transition: all 0.5s

}



.per04 .box .con .con_box ul li a em {

	width: 2px;

	height: 76px;

	background: #fff;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -1px;

	bottom: 38px;

	transition: all 0.5s;

	opacity: 0;

	transform: translateY(200px)

}



.per04 .box .con .con_box ul li a:hover {

	background: #007cff

}



.per04 .box .con .con_box ul li a:hover .img {

	opacity: 0

}



.per04 .box .con .con_box ul li a:hover h6 {

	text-align: center;

	color: #fff;

	margin-top: -100px

}



.per04 .box .con .con_box ul li a:hover .txt {

	color: #fff;

	padding: 0 44px 0 55px;

	height: auto

}



.per04 .box .con .con_box ul li a:hover em {

	opacity: 1;

	transform: translateY(0)

}



.per04 .box .con .con_box ul li:nth-child(3n) {

	margin-right: 0

}



.per04 .box .con .con_box.ani {

	transform: translateY(0);

	opacity: 1

}



.policy .banner {

	height: 430px

}



.policy .box {

	padding-bottom: 96px

}



.policy .box .w1200 .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.policy .box .w1200 .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.policy .box .w1200 .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.policy .box .w1200 .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.policy .box .w1200 .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.policy .box .w1200 .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.policy .box .w1200 .box_con {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin-top: 42px

}



.policy .box .w1200 .box_con ul li {

	margin-bottom: 35px

}



.policy .box .w1200 .box_con ul li a {

	padding: 49px 50px 49px 42px;

	overflow: hidden;

	background: #f6f6f6;

	display: block;

	transition: all 0.5s

}



.policy .box .w1200 .box_con ul li a .img {

	width: 297px;

	height: 104px;

	overflow: hidden;

	float: left

}



.policy .box .w1200 .box_con ul li a .img img {

	width: 100%;

	display: block

}



.policy .box .w1200 .box_con ul li a .l_l {

	float: left;

	width: 88px;

	margin-left: 55px;

	margin-top: 20px

}



.policy .box .w1200 .box_con ul li a .l_l h5 {

	font-size: 34px;

	color: #666666;

	line-height: 38px;

	font-weight: normal;

	transition: all 0.5s

}



.policy .box .w1200 .box_con ul li a .l_l span {

	display: block;

	line-height: 26px;

	font-size: 18px;

	color: #666666;

	transition: all 0.5s

}



.policy .box .w1200 .box_con ul li a .l_c {

	width: 430px;

	float: left;

	margin-left: 70px

}



.policy .box .w1200 .box_con ul li a .l_c h6 {

	font-size: 18px;

	color: #444444;

	line-height: 46px;

	font-weight: normal;

	transition: all 0.5s

}



.policy .box .w1200 .box_con ul li a .l_c .txt {

	font-size: 14px;

	color: #999999;

	line-height: 26px;

	height: 52px;

	overflow: hidden;

	transition: all 0.5s

}



.policy .box .w1200 .box_con ul li a .l_r {

	width: 52px;

	height: 40px;

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

	float: right;

	margin-top: 36px;

	transition: all 0.5s;

	transform: translateX(200px);

	opacity: 0

}



.policy .box .w1200 .box_con ul li a:hover {

	background: #0780ff

}



.policy .box .w1200 .box_con ul li a:hover .l_l h5 {

	color: #fff

}



.policy .box .w1200 .box_con ul li a:hover .l_l span {

	color: #fff

}



.policy .box .w1200 .box_con ul li a:hover .l_c h6 {

	color: #fff

}



.policy .box .w1200 .box_con ul li a:hover .l_c .txt {

	color: #fff

}



.policy .box .w1200 .box_con ul li a:hover .l_r {

	transform: translateX(0);

	opacity: 1

}



.policy .box .w1200 .box_con .page {

	margin-top: 60px

}



.policy .box .w1200 .box_con .page img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.policy .box .w1200 .box_con.ani {

	transform: translateY(0);

	opacity: 1

}



.contact .banner {

	height: 430px

}



.contact .box {

	padding-bottom: 96px

}



.contact .box .tit {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	text-align: center;

	margin-top: 52px

}



.contact .box .tit h5 {

	font-size: 35px;

	color: #007cff;

	line-height: 48px

}



.contact .box .tit h6 {

	font-size: 18px;

	color: #666666;

	line-height: 40px;

	position: relative;

	display: inline-block;

	font-weight: normal

}



.contact .box .tit h6:before {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	left: -120px;

	top: 21px

}



.contact .box .tit h6:after {

	position: absolute;

	width: 108px;

	height: 1px;

	background: #c1c0c1;

	content: '';

	right: -120px;

	top: 21px

}



.contact .box .tit.ani {

	transform: translateY(0);

	opacity: 1

}



.contact .box .tit_txt {

	line-height: 26px;

	margin-top: 32px;

	text-align: center;

	font-size: 14px;

	color: #999999;

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0

}



.contact .box .tit_txt.ani {

	transform: translateY(0);

	opacity: 1

}



.contact .box .box_con {

	transition: all 0.5s;

	transform: translateY(150px);

	opacity: 0;

	margin-top: 53px;

	position: relative;

	height: 592px

}



.contact .box .box_con .map {

	position: absolute;

	left: 50%;

	margin-left: -48%;

	width: 96%;

	top: 0;

	height: 592px

}



.contact .box .box_con .map .anchorBL {

	display: none

}



.contact .box .box_con .w1200 {

	position: relative

}



.contact .box .box_con .w1200 .message {

	position: absolute;

	top: 73px;

	left: 0;

	width: 600px;

	height: 446px;

	background: #fff

}



.contact .box .box_con .w1200 .message .mess_con {

	padding: 10px 21px 0 23px

}



.contact .box .box_con .w1200 .message .mess_con .con_tit {

	line-height: 56px;

	border-bottom: 1px solid #d2d2d2

}



.contact .box .box_con .w1200 .message .mess_con form {

	margin-top: 23px

}



.contact .box .box_con .w1200 .message .mess_con form .top {

	overflow: hidden

}



.contact .box .box_con .w1200 .message .mess_con form .top .t1 {

	overflow: hidden;

	float: left;

	margin-bottom: 13px

}



.contact .box .box_con .w1200 .message .mess_con form .top .t1 .item {

	width: 168px;

	height: 38px;

	border: 1px solid #c6c6c6;

	overflow: hidden;

	position: relative;

	padding: 0 48px 0 52px

}



.contact .box .box_con .w1200 .message .mess_con form .top .t1 .item span {

	color: #999999

}



.contact .box .box_con .w1200 .message .mess_con form .top .t1 .item .s1 {

	font-size: 14px;

	line-height: 38px;

	position: absolute;

	left: 9px;

	top: 0

}



.contact .box .box_con .w1200 .message .mess_con form .top .t1 .item input {

	width: 100%;

	height: 38px;

	background: #fff;

	margin: 0;

	padding: 0;

	border: 0 none;

	color: #666;

	font-size: 14px;

	line-height: 38px

}



.contact .box .box_con .w1200 .message .mess_con form .top .t1 .item .s2 {

	font-size: 12px;

	line-height: 38px;

	position: absolute;

	right: 14px;

	top: 0

}



.contact .box .box_con .w1200 .message .mess_con form .top .t2 {

	float: right

}



.contact .box .box_con .w1200 .message .mess_con form .t3 {

	width: 100%;

	height: 146px;

	border: 1px solid #c6c6c6

}



.contact .box .box_con .w1200 .message .mess_con form .t3 textarea {

	width: 100%;

	height: 146px;

	font-size: 14px;

	color: #666;

	line-height: 28px;

	resize: none;

	padding: 0;

	margin: 0;

	box-sizing: border-box;

	border: 0 none

}



.contact .box .box_con .w1200 .message .mess_con form button {

	margin: 21px auto 0;

	width: 149px;

	height: 40px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 40px;

	background: #007cff;

	padding: 0;

	border: 0 none;

	display: block

}



.contact .box .box_con.ani {

	transform: translateY(0);

	opacity: 1

}



.news_info .banner {

	height: 430px

}



.news_info .out_tab {

	height: 66px;

	border-bottom: 1px solid #ebebeb

}



.news_info .out_tab .w1200 {

	font-size: 0

}



.news_info .out_tab .w1200 a {

	font-size: 16px;

	color: #666666;

	display: inline-block;

	padding: 0 8px;

	margin-right: 60px;

	line-height: 66px;

	height: 66px;

	box-sizing: border-box

}



.news_info .out_tab .w1200 a.active {

	border-bottom: 2px solid #007cff

}



.news_info .box {

	margin-top: 50px;

	padding-bottom: 80px

}



.news_info .box .w1200 {

	background: #f5f5f5;

	overflow: hidden

}



.news_info .box .w1200 .con {

	margin-top: 25px;

	padding: 0 20px

}



.news_info .box .w1200 .con h5 {

	font-size: 26px;

	color: #555555;

	line-height: 50px;

	text-align: center;

	font-weight: normal

}



.news_info .box .w1200 .con .tab {

	border-bottom: 1px solid #bfbfbf;

	text-align: center

}



.news_info .box .w1200 .con .tab>div {

	display: inline-block;

	text-align: center;

	overflow: hidden;

	margin: 0 18px;

	font-size: 14px;

	color: #999999

}



.news_info .box .w1200 .con .tab>div span {

	text-align: center;

	font-size: 14px;

	line-height: 40px;

	display: inline-block;

	color: #999999

}



.news_info .box .w1200 .con .tab>div .share_img {

	text-align: center;

	font-size: 0;

	display: inline-block;

	vertical-align: middle

}



.news_info .box .w1200 .con .tab>div .share_img a {

	float: initial;

	display: inline-block;

	text-align: center;

	margin: 0 2px;

	padding: 0;

	width: 22px;

	height: 22px;

	border-radius: 100%;

	background-color: #cccccc

}



.news_info .box .w1200 .con .tab>div .share_img a:hover {

	background-color: #dab669 !important

}



.news_info .box .w1200 .con .box_con {

	padding: 0 86px 84px;

	margin-top: 40px;

	line-height: 34px;

	font-size: 14px;

	color: #777777

}



.news_info .box .w1200 .con .box_con img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.news_info .box .box_bot {

	background: #e9e9e9;

	margin-top: 18px;

	overflow: hidden

}



.news_info .box .box_bot .bot_l {

	overflow: hidden;

	padding: 0 20px

}



.news_info .box .box_bot .bot_l a {

	color: #999999;

	font-size: 14px;

	display: block;

	line-height: 45px;

	transition: all 0.5s

}



.news_info .box .box_bot .bot_l a.prev {

	float: left

}



.news_info .box .box_bot .bot_l a.next {

	float: right

}



.news_info .box .box_bot .bot_l a:hover {

	color: #007cff

}



.news_info .box .return {

	overflow: hidden;

	margin-top: 8px;

	background: #fff

}



.news_info .box .return a {

	width: 116px;

	height: 39px;

	background: #fff;

	border-radius: 4px;

	font-size: 14px;

	color: #333;

	text-align: center;

	line-height: 39px;

	display: block;

	border: 1px solid #999;

	transition: all 0.5s;

	float: right

}



.news_info .box .return a:hover {

	background: #007cff;

	color: #fff

}





/*# sourceMappingURL=style.css.map */

/*企业介绍*/



.company-module {

    margin: 0 auto;

    width: 1200px;

    padding: 20px 0;

    height: 420px;

}



.company-box {

    padding: 0 110px;

    position: relative;

}



.company-introduction {

    padding: 30px;

    background-color: #FFFFFF;

    box-shadow: 0px 3px 10px #eae7e7;

    width: 400px;

    height: 230px;

    float: left;

    position: absolute;

    z-index: 10;

    left: 150px;

    top: 34px;

	margin-top:20px;

}



.company-introduction span {

    display: block;

    width: 30px;

    height: 4px;

    border-radius: 2px;

    background-color: #B9B7B7;

    float: right;

}



.company-introduction p {

    font-size: 14px;

    text-align: left;

    word-break: break-word;

    display: -webkit-box;

    line-height: 28px;

    overflow: hidden;

    white-space: normal!important;

    text-overflow: ellipsis;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

height:200px;
}



.company-introduction a {

    font-size: 12px;

    color: #979797;

    display: block;

    height: 17px;

    float: right;

    padding-right: 14px;

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

}



.company-f {

    width: 521px;

    height: 355px;

    border-radius: 10px;

    overflow: hidden;

    float: right;

    position: relative;

    border: 1px solid #f3f3f3;

	margin-top:20px;

}





/*底部*/



.w1200.bd li {

    width: 200px;

    float: left;

    /* margin-top: 20px; */

    padding: 10px;

}

.w1200.bd li img {

    width: 100%;

    height: auto;

	display: block;

    text-align: center;

}

/*新闻详情页*/



.details-module {

    background-color: #f4f4f2;

    width: 100%;

    padding: 60px 0;

}



.details-box {

    margin: 0 auto;

    width: 1200px;

    background-color: #ffffff;

}



.news-details {

    padding: 35px 80px;

}



.bread {

    border-bottom: 1px solid #e6e6e6;

    height: 30px;

    margin-bottom: 50px;

}



.bread ul li {

    float: left;

    font-size: 14px;

    color: #b9b7b7;

    margin-right: 10px;

}



.bread ul .b-index {

    background: url(../image/nidx-icon.png) no-repeat center left;

    padding-left: 18px;

}



.bread ul .b-center {

    background: url(../image/n-righticon.png) no-repeat center left;

    padding-left: 12px;

}



.news-text h6 {

    font-size: 22px;

    text-align: center;

}

.list.release {

    width: 360px;

    margin: 0 auto;

	padding: 10px;

}



.release a {

    font-size: 14px;

    color: #979797;

    margin-top: 30px;

}

.list a {

    /* font-size: 16px; */

    display: inline-block;

    text-align: center;

    margin: 0 20px 0 20px;

    padding-bottom: 5px;

    border-bottom: 1px solid transparent;

}



.news-figure img {

    margin: 0 auto;

    margin: 40px 0 30px 0;

	max-width:100%;

	height:auto;

}



.word {

    font-size: 16px;

    color: #686868;

    word-break: break-word;

    line-height: 32px;

    margin-bottom: 40px;

}



.chapter {

    padding: 36px 0;

    border-top: 1px solid #e6e6e6;

}



.chapter ul li {

    float: left;

    font-size: 14px;

    color: #686868;

    width: 346px;

    text-align: center;

    margin-top: 10px;

}



.chapter ul li .up {

    /*background: url(../image/n-lefticon.png) no-repeat left;*/

    padding-left: 20px;

}



.chapter ul li .under {

    /*background: url(../image/n-righticon.png) no-repeat right;*/

    padding-right: 20px;

}



.chapter ul li .in {

    /*background: url(../image/n-listicon.png) no-repeat left;*/

    padding-left: 30px;

}



.segmentation {

    border-left: 1px solid #b9b7b7;

    border-right: 1px solid #b9b7b7;

}



.message{ width:1000px; margin:40px  0px; }

.box-txt{ margin-top:38px;}

.box .txt-1{width:490px; height:28px; background-color:#eee; border-radius:4px; margin-bottom:14px; float:left; border:0px; color:#999;  padding-left:10px;}

.box .txt-2{width:470px; height:28px; background-color:#eee; border-radius:4px; margin-left:20px; margin-bottom:14px; float:left; border:0px; padding-left:10px; color:#999;}

.message-txt{ font-size:18px; color:#333; font-weight:bold; border-left:3px solid #007cff ; line-height:1; padding-left:30px; }

.box-txt .txt-3{ width:990px; background-color:#eee; margin-bottom:14px; height:100px; border-radius:4px; border:0px;  padding-left:10px;}

.btn{ width:110px; height:35; background-color:#273c7f; text-align:center;}

.bj-2{ background-color:#111; border-top:4px solid #273c7f;}

.navigation{height:60px; border-bottom:1px solid #383838;}

.navigation p{margin-right:10px; float:left; line-height:60px; color:#aaaaaa;}

.navigation p a{color:#aaaaaa; font-size:14px;}

.vertical{margin-right:10px; color:#666; float:left; line-height:60px;}

.copyright{height:60px;}

.copyright .copyright-img{width:50px; height:13px; margin-top:23px; float:left; }

.copyright-txt{ color:#717171; font-size:12px; line-height:60px; float:left; margin-left:10px;}

.return{float:right; width:45px; height:45px; cursor:pointer}

.btn{height:28px;line-height:26px;padding:0 10px;border:#d51819 0px solid;background:#007cff;text-align:center;color:#FFF;font-size:14px;cursor:pointer;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

.btn:hover{ color:#fff; background:#ed3a3b; border-color:#ed3a3b;}



/*雇安保*/

 .product {

  text-align: center;

  height: 355px;

  padding: 0 5%;

}

 .product .me{

  width: 24%;

  display: inline-block;

  vertical-align: text-top;

  text-align: center;

  margin: 40px 0;

}

.product div label {

  width: 100px;

  height: 100px;

 

  border-radius: 50%;

  display: inline-block;

  vertical-align: top;

background: #007cff;

 border: 2px solid #FFF;}

.product div label i {

  font-size: 60px;

}



 .product div label:hover i {

  color: #fff;

}

 .product div span {

  display: inline-block;

  width: 200px;

  text-align: center;

  color: #333;

  font-size: 14px;

}

.product div p {

  font-size: 18px;

  color: #000;

  font-weight: bold;

  margin: 20px 0;

}

.bj{  box-shadow: 0px 0px 1px #999;}

.icon1{ background:url(../image/icon1234.png);  margin-top:22px; margin-left:22px; width:60px; height:60px;  background-position:60px 0;       }



.icon2{ background:url(../image/icon1234.png);  margin-top:22px; margin-left:22px; width:60px; height:60px;  background-position:-62px 60px;    }



.icon3{ background:url(../image/icon1234.png);  margin-top:18px; margin-left:20px; width:60px; height:60px;   background-position:-180px 120px;    }



.icon4{ background:url(../image/icon1234.png);  margin-top:22px; margin-left:22px; width:60px; height:60px;    background-position:-180px 180px;   }





 .content .pay {

  height: 650px;

  background: #fff;

  position: relative;

}

 .content .pay > p {

  font-size: 36px;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

  text-align: center;

}

.content .pay .shit {

	color:#FFF;

  width: 15%;

  min-width: 200px;

  background: #007cff;

  height: 480px;

  padding: 75px 0;

  max-height: 650px;

  text-align: center;

  position: absolute;

  right: 8%;

  top: 0;

  vertical-align: top;

}

 .content .pay .shit div {

  width: 100%;

  margin-top: 45px;

}

 .content .pay .shit div p {



  font-size: 24px;

}

 .content .pay .shit div span {

  font-size: 18px;

}

 .content .pay .shit div:first-child {

  margin-top: 0;

}

 .content .pay > div {

  max-width: 1300px;

  margin: 0 auto;

  padding-top: 40px;

}

 .content .pay > div img {

  width: 610px;

  margin-top:100px;

}

 .content .pay > div .describe {

  display: inline-block;

  width: 15%;

  height: 400px;

  vertical-align: top;

  padding: 20px 0;

  }

 .content .pay > div .describe div {

/*   height: 110px; */

  width: 100%;

  margin-top: 10px;

}

 .content .pay > div .describe div:first-child {

  margin-top: 0;

}

 .content .pay > div .describe div span {

  font-size: 14px;

  color: #8a8a8a;

}

.content .pay > div .describe div p {

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 10px;

}

.content .personal {

  height: 400px; margin-bottom:10px;}

 .content .personal > p {

  font-size: 36px;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

  text-align: center;

}

 .content .personal > div {

  max-width: 1240px;

  margin: 0 auto;

  padding: 0px 100px;

  padding-top: 40px;

}

 .content .personal > div img {

  width:60%;

}

 .content .personal > div .person {

  display: inline-block;

  width: 250px;

 /*  height: 200px; */

  vertical-align: top;

  padding-top: 40px;

}

 .content .personal > div .person p {

  font-size: 20px;

  font-weight: bold;

}

 .content .personal > div .person ul {

  margin-top: 20px;

}

.content .personal > div .person ul li {

  font-size: 14px;

  color: #8a8a8a;

  margin: 5px 0;

}

 .content .salary {

  height: 550px;

  background: #fff;

}

 .content .salary > p {

  font-size: 36px;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

  text-align: center;

}

 .content .salary > div {

  max-width: 1240px;

  margin: 0 auto;

  padding: 0px 100px;



}

 .content .salary > div img {

      width: 60%; margin-top:67px; 

  }

.content .salary > div .secret {

	display: inline-block;
    width: 30%;
    vertical-align: top;
    padding-top: 100px;
    margin-left: 40px;

}

.content .salary > div .secret p {

  font-size: 20px;

  font-weight: bold;

}

.content .salary > div .secret ul {

  margin-top: 20px;

}

 .content .salary > div .secret ul li {

  font-size: 14px;

  color: #8a8a8a;

  margin: 5px 0;

}

.content{ margin-top:1px;}

.apply {

  height: 330px;

  background: #f0f3f8;

  text-align: center;

  padding: 40px 0;

}

.apply div {

  width: 670px;

  margin: 25px auto;

}

.apply div > p {

  font-size: 36px;

}

.apply div .explain {

  margin: 40px 0;

}

.apply div .explain p {

  font-size: 18px;

  margin: 5px 0;

}

.apply div .explain p:last-child {

  color: #8a8a8a;

  font-size: 16px;

}

.apply div div a span {

  width: 200px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  vertical-align: top;

  border-radius: 5px;

  font-size: 16px;

  background: #df4a43;

  color: #fff;

  margin: 0 auto;

  cursor: pointer;

}

 .bank {

  height: 550px;

}

 .bank > p {

  font-size: 36px;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

  text-align: center;

}

 .bank > div {

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 40px;

}

 .bank > div div {

  display: inline-block;

  width: 171px;

  height: 100px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -o-transition: all 0.6s;

  overflow: hidden;

  vertical-align: top;

}

 .bank > div div > div:hover {

  transform: scale(1.1);

}

 .bank > div div:first-child > div {

  background: url(../image/148980687438818ti4e.jpg) no-repeat center;

  background-size: 100%;

}

.bank > div div:nth-child(2) div {

  background: url(../image/zsyh.52810cc8f4c0f31e9a523a845201ad93.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(3) div {

  background: url(../image/14898068782637w1ads.jpg) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(4) div {

  background: url(../image/14898068962071bhjo9.jpg) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(5) div {

  background: url(../image/xyd.72409f64be450abb5e5a26f0d4ce6a82.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(6) div {

  background: url(../image/jsyh.505df17b4c362cec4cd94aafb472db72.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(7) div {

  background: url(../image/14898070836643k2euk.jpg) no-repeat center;

  background-size: 100%;

}



 .bank > div div:nth-child(8)> div {

  background: url(../image/xyd.72409f64be450abb5e5a26f0d4ce6a82.png) no-repeat center;

  background-size: 100%;

}

.bank > div div:nth-child(9) div {

  background: url(../image/zsyh.52810cc8f4c0f31e9a523a845201ad93.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(10) div {

  background: url(../image/14898068782637w1ads.jpg) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(11) div {

  background: url(../image/14898068962071bhjo9.jpg) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(12) div {

  background: url(../image/xyd.72409f64be450abb5e5a26f0d4ce6a82.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(13) div {

  background: url(../image/jsyh.505df17b4c362cec4cd94aafb472db72.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(14) div {

  background: url(../image/14898070836643k2euk.jpg) no-repeat center;

  background-size: 100%;

}



 .bank > div div:nth-child(15)> div {

  background: url(../image/148980687438818ti4e.jpg) no-repeat center;

  background-size: 100%;

}

.bank > div div:nth-child(16) div {

  background: url(../image/zsyh.52810cc8f4c0f31e9a523a845201ad93.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(17) div {

  background: url(../image/14898068782637w1ads.jpg) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(18) div {

  background: url(../image/14898068962071bhjo9.jpg) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(19) div {

  background: url(../image/xyd.72409f64be450abb5e5a26f0d4ce6a82.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(20) div {

  background: url(../image/jsyh.505df17b4c362cec4cd94aafb472db72.png) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(21) div {

  background: url(../image/14898070836643k2euk.jpg) no-repeat center;

  background-size: 100%;

}

 .bank > div div:nth-child(18) div {

  background: url(../image/14898068962071bhjo9.jpg) no-repeat center;

  background-size: 100%;

}

 

.personal{height: 330px;

    background: #fff;

    text-align: center;

    padding: 40px 0;

}


/*首页视频弹窗 */
#layer-add-addr{
	width: 800px;
	margin-left: -400px;
}

.JobLst{margin-left:-25px;margin-top:50px;}
.JobLst li{
	float:left;
	background: #fff;
	width:376px;
	height:234px;
	-webkit-transition: 0.2s ease-in-out; 
	-moz-transition: 0.2s ease-in-out; 
	-o-transition: 0.2s ease-in-out; 
	transition: 0.2s ease-in-out;
	margin-left:25px;
	margin-bottom:25px;
}
.JobLst li .JobLstItem{
	margin:15px;
}
.JobLst li .JobLstItem .bt{
	width:100%;
	border-bottom:1px solid #efefef;
	font-size:18px;
	color:#333;
	font-weight:600;
	height:50px;
	line-height:50px;

}
.JobLst li .JobLstItem .dsp{
	font-size:14px;
	line-height:22px;
	margin:10px 0;
}
.JobLst li .JobLstItem .dsp p b{
	color:#333;
}
.JobLst li .JobLstItem .dsp p{
	padding-top:10px;
}
.ZhiZ{
	color:#666;
	height:115px;
	overflow:hidden
}
.MoreJob{
	width:126px;
	height:35px;
	text-align: center;
	line-height:35px;
	border:1px solid #119190;
	font-size:14px;
	color:#119190;
	margin:auto;
	margin-top:15px;

}
.JobLst li:hover .MoreJob{
	background: #119190;
	color:#fff;
	-moz-box-shadow:0px 1px 10px rgba(17,145,144,0.45);
	-webkit-box-shadow:0px 10px 5px rgba(17,145,144,0.45);
	-o-box-shadow:0px 1px 10px rgba(17,145,144,0.45);
	box-shadow:0px 1px 10px rgba(17,145,144,0.45);
	-webkit-transform:translateY(-10px); 
	-moz-transform:translateY(-10px); 
	-ms-transform:translateY(-10px); 
	transform:translateY(-10px);
}
.JobLst li:hover{
	-moz-box-shadow:0px 1px 10px rgba(7,128,255,0.45);
	-webkit-box-shadow:0px 10px 5px rgba(7,128,255,0.45);
	-o-box-shadow:0px 1px 10px rgba(7,128,255,0.45);
	box-shadow:0px 1px 10px rgba(7,128,255,0.45);
	-webkit-transform:translateY(-10px); 
	-moz-transform:translateY(-10px); 
	-ms-transform:translateY(-10px); 
	transform:translateY(-10px);
}

.recu{ padding:20px 0 0px 20px;}
.recu ul{ cursor:pointer;}
.pos dd {margin-bottom:2px;}
.pos dd li{ line-height:44px; color:#333; height:44px;padding-left:18px; font-size:16px;  position:relative; background:#898989 url(../image/round.png) 20px center no-repeat; color:#fff;}
.Requirement{ background:#ececec;} 
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#333; line-height:30px;  display:none; font-size:14px; color:#666; padding:0 0 30px 30px; }
.pos li .jia{ position:absolute; top:0px; right:0px; background:url(../image/add.png) left center no-repeat; width:44px; height:44px;}
.recu dd .act li{ color:#fff; background:#717171;} 
.recu dd .act li .jia{position:absolute; top:0px; right:0px; background:url(../image/add1.png) left center no-repeat; width:44px; height:44px;}
.Requirement .apply{ background:url(../image/bnt.jpg) left top no-repeat; width:72px; height:27px; display:block; color:#fff; line-height:27px; text-align:center; margin:43px 0;}


#baiduShare {
	float: left;
	width: 420px;

}
#baiduShare span {
	float: left;
	height: 40px;
	line-height: 40px
}
#baiduShare a {
	width: 40px;
	height: 40px;
	margin: 0 0 0 11px;
	padding: 0;
	margin: 6px 6px 6px 0;
	background-image: url(../image/deatil_icon.png);
	background-repeat: no-repeat;
	cursor: pointer
}
#baiduShare.bdsharebuttonbox {
	float: left;
	width: 370px;

}
#baiduShare.bdsharebuttonbox p {
	float: left;
	line-height: 40px
}
#baiduShare.bdsharebuttonbox a {
	width: 40px;
	height: 40px;
	margin: 0 0 0 11px;
	padding: 0
}
#baiduShare.bdsharebuttonbox a.bds_weixin {
	background-position: 0 -47px
}
#baiduShare.bdsharebuttonbox a.bds_weixin:hover {
	background-position: 0 0
}
#baiduShare.bdsharebuttonbox a.bds_tsina {
	background-position: -52px -47px
}
#baiduShare.bdsharebuttonbox a.bds_tsina:hover {
	background-position: -52px 0
}
#baiduShare.bdsharebuttonbox a.bds_qzone {
	background-position: -104px -47px
}
#baiduShare.bdsharebuttonbox a.bds_qzone:hover {
	background-position: -104px 0
}
#baiduShare.bdsharebuttonbox a.bds_tieba {
	background-position: -156px -47px
}
#baiduShare.bdsharebuttonbox a.bds_tieba:hover {
	background-position: -156px 0
}
#baiduShare.bdsharebuttonbox a.bds_mshare {
	background-position: -208px -47px
}
#baiduShare.bdsharebuttonbox a.bds_mshare:hover {
	background-position: -208px 0
}
#baiduShare.bdsharebuttonbox a.bds_more {
	background-position: -260px -47px
}
#baiduShare.bdsharebuttonbox a.bds_more:hover {
	background-position: -260px 0
}