*{
	margin: 0 ;
	padding: 0;
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
 @font-face {
    font-family: 'FuturaBT-Book';
    src: url('../font/FuturaBT-Book.eot');
    src: local('FuturaBT-Book Regular'),
    local('FuturaBT-Book'),
    url('../font/FuturaBT-Book.woff') format('woff'),
    url('../font/FuturaBT-Book.ttf') format('truetype'),
    url('../font/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
}
.header-nav{
	padding:30px 0 33px 0
}
.logo{
	float: left;
	width: 275px;
	display: block;

}
.logo img{
	max-width: 100%;
}
.header-nav-right{
	float: right;
	margin-top: 15px;
}
.nav-btn{
	float: right;
	height: 19px;
	width: 23px;
	position: relative;
	cursor: pointer;
	margin-left: 19px;
}
.lines{
	width: 92%;
	margin: 0 auto;
	height: 1px;
	background: #e5e5e5;
	display: none;
}
.nav-btn span{
	display: block;
    width:100%;
    height: 2px;
    background-color: #008cd6;
    position: absolute;
    left: 0;
}
.nav-btn span:first-child{
	top: 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
}
.nav-btn span.line2{
	top: 9px;
	width: 17px;
	right: 0;
	left: auto;
}
.nav-btn span.line3{
	bottom: 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
}
.header-nav-right .searech{
	width: 21px;
	height: 21px;
	background: url(../img1/img_2.png) no-repeat center;
	background-size: contain;
	float: right;
	cursor: pointer;
	transition:all 0.3s;
}
.menu li{
	width: calc( 100% / 8 );
	border-left: 1px solid #e5e5e5;
	padding: 9px 0 9px 8px;
	float: left;
}
.menu li:last-child{
	border-right: 1px solid #e5e5e5;
}
.menu li h2{
	font-size: 14px;
	color: #333;
	line-height: 18px;
	transition:all 0.3s;
}
.menu li p{
	font-size:13px;
	color: #666;
	line-height: 15px;
	font-family: "FuturaBT-Book";
	transition:all 0.3s;
	overflow: hidden;
	height: 15px;
}
.searech-hidden{
	padding: 10px 0;
	display: none;
}
.searech-hidden input{
	width: 100%;
	height: 45px;
	padding: 0 15px;
	background: none;
	display: block;
	border:1px solid #ddd;
	font-size: 14px;
	color: #333
}
.hidden-all li {
	display: block;
    position: relative;
    border-top: thin solid #f4f4f4;
    line-height: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border-left: 9px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    width: 50%;
    float: left;
}
.hidden-all li a{
	color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    margin: 0;
    padding: 13px 0 12px 0;
    text-indent: 5px;
    white-space: nowrap;
    position: absolute;
    display: block;
    width: 100%;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.39);
    outline: 0px;
    padding-left: 18px;
    margin-left: 5px;
    background: url(../img1/img_3.png) no-repeat left center;
}
.hidden-all ul{
	display: block;
    width: 100%;
    clear: both;
    line-height: 1;
    margin: 0 0 40px 0;
    padding: 0;
    border-bottom: thin solid #f4f4f4;
    overflow: hidden;
    margin: 30px 0 
}
.hidden-all{
	max-width: 768px;
	margin: 0 auto;
	display: none;
}
.header-poa{
	display: none;
}
.header-nav-right .searech.on{
	background: url(../img1/img_1.png) no-repeat center;
	transition:all 0.3s;
}
.nav-btn.hover span:first-child{
	top: 1px;
	left: 2px;
}
.nav-btn.hover span:last-child{
	bottom: 0px;
	left: 1px;
}
.header-nav.fixed{
	position: fixed;
	top: 0;
	z-index: 100;
	left: 0;
	width: 100%;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	background: #fff
}
footer li{
	float: left;
	width: 33.333%;
	padding: 5px 0 15px 27px;
	border-left: 1px solid #e5e5e5
}
footer li:last-child{
	border-right:1px solid #e5e5e5
}
footer{
	padding: 33px 0
}
footer li p{
	font-size: 12px;
	color: #666666;
	line-height: 22px;
}
footer li p a{
	color: #666
}
.shade b{
	float: left;
	font-size: 13px;
	color: #666;
	line-height: 32px;
}
.shade #shades{
	float: left;
}
#shades a{
	width: 28px;
	height: 32px;
	margin: 0;
	padding: 0
}
#shades .bds_sqq{
	background: url(../img1/img_5.png) no-repeat center ;
	background-size: inherit;
	transition:all 0.3s;
}
#shades .bds_weixin{
	width: 34px;
	background: url(../img1/img_6.png) no-repeat center ;
	background-size: inherit;
	transition:all 0.3s;
}
#shades .bds_tsina{
	width: 34px;
	background: url(../img1/img_7.png) no-repeat center ;
	background-size: inherit;
	transition:all 0.3s;
}
.shade,.link-bottom{
	width: 265px;
	position: relative;
	border-bottom: 1px solid #e5e5e5
}
.link-bottom span{
	display: block;
	font-size: 12px;
	color: #333333;
	line-height: 32px;
	background: url(../img1/img_11.png) no-repeat right center;
	background-size: inherit;
	cursor: pointer;
}
.link-poa{
	position: absolute;
	background: #fff;
	z-index: 2;
	width: 100%;
	bottom: 32px;
	left: 0;
	display: none;
	cursor: pointer;
}
.link-poa a{
	display: block;
	width: 100%;
	line-height: 32px;
	border-bottom: 1px solid #e5e5e5
}
.vpn{
	float: right;
	display: block;
	margin-right: 30px;
	border:1px solid #e5e5e5;
	width: 44px;
	height: 50px;
	padding-top: 30px;
	font-size: 12px;
	color: #333;
	line-height: 12px;
	text-align: center;
	margin-top: 18px;
	background: url(../img1/img_12.png) no-repeat center 8px;
}
#swiper1{
	margin-bottom: 10px;
	text-align: center;
}
header{
	padding-bottom: 25px;
}
#swiper1 img{
	max-width: 100%;
	width: 100%;
}
#swiper1 .swiper-button,
#swiper9 .swiper-button{
	position: absolute;
	display: inline-block;
	bottom:28px;
	max-width: 130px;
	width: 100%;
	margin-left: -65px;
	left: 50%

}
#swiper9 img{
	max-width: 100%
}
#swiper1 .swiper-pagination,
#swiper9 .swiper-pagination{
	position: relative;
	bottom: 0;
	font-size: ;
	color: #fff;
	font-size: 18px;
}
#swiper1 .swiper-pagination .swiper-pagination-total,
#swiper9 .swiper-pagination .swiper-pagination-total{
	font-size: 14px;
	color: #fff
}
#swiper1 .swiper-button .swiper-button-next,
#swiper9 .swiper-button .swiper-button-next{
	position: relative;
	float: right;
	opacity: 1;
	filter: alpha(opacity=100);
	right: 0;
	width: 32px;
	z-index: 11;
	background: url(../img1/img_14.png) no-repeat left center;
	height: 10px;
	transition:all 0.3s;
}
#swiper1 .swiper-button .swiper-button-prev,
#swiper9 .swiper-button .swiper-button-prev{
	position: relative;
	float: left;
	opacity: 1;
	filter: alpha(opacity=100);
	left: 0;
	z-index: 11;
	width: 32px;
	background: url(../img1/img_13.png) no-repeat right center;
	height: 10px;
	transition:all 0.3s;
}
#swiper9{
	display: none;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
.wel h2 b {
	max-width:22px;
	display: inline-block;
}
.wel h2 b img{
	max-width: 100%;
}
.wel h2{
	font-size: 16px;
	color: #007bc7;
	line-height: 46px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
.wel{
	width: 560px;
	padding-bottom: 45px;
	display: block;
}
.wel-link b{
	float: left;
	font-size: 12px;
	color: #999;
	font-family: "FuturaBT-Book";
	font-weight: 100;
	width: 55px;
	transition:all 0.3s;
}
.wel-link p{
	float: left;
	max-width: 505px;
	font-size: 12px;
	color: #444444;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	transition:all 0.3s;
}
.wel-link a{
	/*padding: 5px 0;*/
	display: block;
	transition:all 0.3s;
}
.wel-link a:hover b{
	color: #007bc7;
	transition:all 0.3s;
}
.wel-link a:hover p{
	color: #007bc7;
	transition:all 0.3s;
}
.wel-link{
	margin-bottom:25px;
}
.wel a.more{
	display: inline-block;
	padding-right:19px;
	background: url(../img/join05.png) no-repeat right center;
	font-size: 12px;
	color: #333;
	line-height: 14px;
}
.wel-fr .wel-link b{
	float: right;
}
.wel-fr .wel-link p{
	float: right;
}
.wel-fr h2 b{
	float: right;
	padding-left: 3px;
}

.menu li.on h2{
	color: #007bc7;
	transition:all 0.3s;
}
.menu li.on p{
	color: #007bc7;
	transition:all 0.3s;
}
.about-nav{
	border-top: 2px solid #efefef;
	font-size: 16px;
	color: #444;
	line-height: 67px;
	font-weight: bold;
	border-bottom: 1px solid #efefef
}
.about-nav>b{
	color: #007bc7
}
.join-intro-title{
	color: #007bc7
	
}
.about{
	padding: 36px 0 38px 0
}
.about-left{
	width: 33.33%;
	padding-right: 33px;
	float: left;
}
.about-left h2{
	font-size: 14px;
	color: #444444;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 11px;
}
.about-left p{
	font-size: 12px;
	color: #666666;
	line-height: 28px;
}
.about-left  h3 img{
	max-width: 100%;
}
.about-left  h3{
	max-width: 360px;
}
.about-right img{
	max-width: 360px;
	width: 100%;
}
.about-center{
	width: 33.33%;
	float: left;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:0 13px 
}
.about-c-top-left{
	margin-right: 15px;
	max-width: 41px;
	/*float: left;*/
	height: 56px;
	line-height: 56px;
	float: left;
}
.about-c-top-right{
	float: left;
	padding-left: 20px;
	border-left: 1px solid #e5e5e5;
}
.about-c-top{
	display: inline-block;
}
.about-c-top-right h2{
	font-size: 40px;
	color: #007bc7;
	line-height: ;
	font-family: "FuturaBT-Book";
	font-weight: bold;
	line-height: 40px
}
.about-c-top-right p{
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}
.about-center-img{
	vertical-align:bottom;
}
.about-center-img img{
	width: 100%;
	max-width: 100%;
	display: block;
}
.about-right{
	float: right;
	width: 33.33%;
	padding-left: 40px;
}
.about-right h2{
	font-size: 136.8px;
	font-family: "Arial";
	line-height: 103px;
	height: 60px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.about-right h3{
	font-size: 14px;
	color: #444;
	font-weight: bold;
	line-height: 26px;
}
.about-right p{
	font-size: 12px;
	color: #666;
	line-height: 28px
}
#swiper2{
	width: 400px;
	float: right;
}
#swiper2 .swiper-button-next,
#swiper2 .swiper-button-prev{
	opacity: 0;
	filter: alpha(opacity=0);
}
#swiper2 a{
	font-size: 14px;
	color: #666;
	display: block;
	text-align: center;
	font-weight: normal;
	border-bottom: 2px solid #fff;
	transition:all 0.3s;
}
#swiper2 .swiper-slide.on a{
	color: #007bc7;
	border-color: #007bc7;
	transition:all 0.3s;
}
.frame{
	text-align: center;
}
.frame img{
	/*max-width: 100%;*/
}
#swiper3 ul{
	width: 101%;
}
#swiper3 li{
	width:234px;
	height: 150px;
	position: relative;
	background: #f7f7f7;
	float: left;
	margin: 0 7px 7px 0;
	overflow: hidden;
	cursor: pointer;
}
#swiper3 .swiper-slide{
	overflow: hidden;
}
#swiper3{
	margin-top: 21px;
}
#swiper3 li img{
	max-width: 100%;
	width: 100%
}
#swiper3 .slide-img{
	width:234px;
	height: 150px;
	overflow: hidden;
}
#swiper3 .slide-poa{
	position: absolute;
	top: -100%;
	z-index: 2;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	background: rgba(0,123,199,.9);
	padding: 14px 34px 0 21px;
}
#swiper3 .slide-poa p{
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	-webkit-line-clamp: 2; 
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	overflow: hidden;
	font-family: 'SimHei';
}
#swiper3 .slide-poa  h2{
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	font-family: 'SimHei';
}
#swiper3 .swiper-button-prev{
	position: absolute;
	float: left;
	/*width: auto;*/
	/*height: auto;*/
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-left: 20px;
	background: url(../img1/img_26.png) no-repeat left center;
	background-size: contain;
	z-index: 15;
	margin: 0;
	top: 0;
	display: block;
	width: 14px;
	height: 24px;
}
#swiper3 .swiper-button-next{
	position: absolute;
	float: right;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-right: 20px;
	background: url(../img1/img_25.png) no-repeat right center;
	background-size: contain;
	z-index: 15;
	margin: 0;
	top: 0;
	display: block;
width: 14px;
	height: 24px;
}
#swiper3 .swiper-pagination{
	position: relative;

}
#swiper3 .swiper-pagination span{
	font-size: 18px;
	color: #007bc7;
	line-height: 18px;
}
#swiper3 .swiper-pagination span.swiper-pagination-total{
	font-size: 14px;
	color: #333;
}
#swiper3 .swiper-button{
	margin: 32px 0 0 0 
}
.aptitude-ajax{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100
}
.shades{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.85)
}
.shade-work{
	width: 800px;
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -400px;
	background: #fff;
	z-index: 102;
	text-align: center;
	height: 630px;
	   -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.shade-work .shade-text{
	 font-size: 13px;
    color: #000;
    line-height: 25px;
    padding-top: 10px;
}
.shade-work img{
	max-width: 100%;
	max-height: 100%;
}
.branch a{
	display: block;
	width: 100%;
	height: 100%;
}
.branch  li{
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 41px;
}
.branch h2{
	font-size: 16px;
	color: #444;
	line-height: 20px;
	overflow: hidden;
	height: 20px;
	margin-bottom: 16px;
}

.branch li h3{
	font-size: 12px;
	color: #666;
	line-height: 25px;
	-webkit-line-clamp: 2; 
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	overflow: hidden;
}
.branch-right{
	float: left;
	width: 640px;
	padding-top: 25px;
}
.branch-right b{
	display: inline-block;
	padding-right: 20px;
	background: url(../img/join03.png) no-repeat right center;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	margin-top: 20px;
	font-weight: normal;
	transition:all 0.3s;
}
.branch-left{
	float: right;
	max-width: 299px;
	overflow: hidden;
}
.branch-left img{
	max-width: 100%;
	transition:transform 0.8s;
}
.info-hd{
	margin-bottom: 30px;
	text-align: center;
	padding: 40px 0 20px 0
}
.info-hd h2{
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
.info-bd{
	position: relative;
	overflow: hidden;

}
.info-bd img{
	max-width: 100%;
}
.info-page{
	margin-top: 45px;
	padding-top: 15px;
	border-top: 1px solid #eee;
	margin-bottom: 20px;
}
.info-page a:hover{
	color:#005bab;
}
.info-page .back{
	float: right;
	display: inline-block;
	padding: 2px 22px;
	border: 2px solid #eee;
	color: #888;
	transition:all 0.3s;
}
.info-page .back:hover{
	border-color: #005bab;
	background: #005bab;
	color: #fff;
}
#swiper4 .swiper-button-next,
#swiper4 .swiper-button-prev{
	opacity: 0;
	filter: alpha(opacity=0);
}
.news-left{
	width: 101px;
	float: left;
}
#swiper4 .swiper-slide{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 23px;
}
#swiper4 .swiper-slide a{
	color: #666;
	display: block;
	transition:all 0.3s;
}
#swiper4 .swiper-slide.on a{
	color: #007bc7;
	border-right: 1px solid #007bc7;
	transition:all 0.3s;
}
.news-left b{
	width: 1px;
	height: 100%;
	background: #f0f0f0;
	position: absolute;
	top: 0;
	right: 0;
}
.news-right{
	float:right;
	width: 1014px;
}
.news-right-one{
	float: left;
	width: 200px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.news-right-one img{
	max-width: 100%;
	transition:transform 0.8s;
}
#swiper5 .swiper-slide{
	padding: 20px  0 20px 10px;
	border-bottom: 1px solid #f0f0f0
}
#swiper5 .swiper-slide i{
	display: block;
	width: 0%;
	left: 0;
	height: 100%;
	top: 0;
	background: rgba(0,123,199,.9);
	z-index: 1;
	position: absolute;
	transition:all 0.3s;
}
.news-right-two h2{
	font-size: 14px;
	color: #444444;
	line-height: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
		-webkit-line-clamp: 1; 
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	overflow: hidden;
	transition:all 0.3s;
}
.news-right-two p{
	font-size: 12px;
	color: #666666;
	line-height: 24px;
	-webkit-line-clamp: 2; 
	display: -webkit-box;
	height: 48px;
	-webkit-box-orient: vertical; 
	overflow: hidden;
	transition:all 0.3s;
}
.news-right-two{
	padding-left: 30px;
	float: left;
	width: 687px;
	padding-right: 43px;
	height: 100%;
	position: relative;
	z-index: 2;
}
.news-right-three{
	float: left;
	width: 116px;
	border-left: 1px solid #e5e5e5;
	padding-left: 35px;
	padding: 25px 0 0 35px;
	position: relative;
	z-index: 2;

}
.news-right-three h3{
	font-size: 18px;
	color: #666666;
	line-height: 30px;
	font-family: "Arial";
	transition:all 0.3s;
}
.news-right-three h4{
	font-family: "Arial";
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	transition:all 0.3s;
}
#swiper5 a{
	display: block;
}
#swiper5 .swiper-button-prev{
	position: absolute;
	float: left;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-left: 20px;
	background: url(../img1/img_26.png) no-repeat left center;
	z-index: 15;
	margin: 0;
	top: 0;
	display: block;
	width: 14px;
	height: 24px;
	    background-size: contain;
}
#swiper5 .swiper-button-next{
	position: absolute;
	float: right;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-right: 20px;
	background: url(../img1/img_25.png) no-repeat right center;
	z-index: 15;
	margin: 0;
	top: 0;
	display: block;
	width: 14px;
	height: 24px;
	    background-size: contain;
}
#swiper5 .swiper-pagination{
	position: relative;
}
#swiper5 .swiper-pagination span{
	font-size: 18px;
	color: #007bc7;
	line-height: 18px;
}
#swiper5 .swiper-pagination span.swiper-pagination-total{
	font-size: 14px;
	color: #333;
}
#swiper5 .swiper-button{
	margin: 32px 0 0 0 
}
#swiper5 .swiper-pagination,
#swiper3 .swiper-pagination{
	bottom: 0
}
.news-info-left{
	width: 752px;
	float: left;
}
.news{
	border-top: 2px solid #efefef;
	padding: 20px 0

}
.news-info-left h2{
	font-size: 16px;
	color: #444;
	line-height: 26px;
	font-weight: bold;

}
.news-info-left h3{
	font-size: 14px;
	color: #666;
	line-height: 20px;
}
.new-work img{
	max-width: 100%;
}
.new-work p{
	font-size: 12px;
	color: #666;
	line-height: 28px;
	padding: 10px 0
}
.new-work{
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5
}
.news-info-left .prev{
	float: left;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-left: 20px;
	background: url(../img1/img_26.png) no-repeat left center;
	z-index: 3;
	margin: 0;
	top: 0;
	margin-top: 15px;
}
.news-info-left .next{
	float: right;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-right: 20px;
	background: url(../img1/img_25.png) no-repeat right center;
	z-index: 3;
	margin: 0;
	top: 0;
	margin-top: 15px;
}
#swiper6 a{
	display: block;
	margin-bottom: 15px;
}
#swiper6 a b{
	float: right;
	width: 62px;
	font-size: 12px;
	color: #999999;
	line-height: 18px;
	font-weight: normal;
	display: block;
}
#swiper6 a p{
	float: right;
	width: 270px;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	text-align: right;
}
#swiper6 .swiper-wrapper{
	border-bottom: 1px solid #e5e5e5
}
#swiper6{
	width: 332px;
	float: right;
}
#swiper6 .btns{
	margin: 0;
	position: relative;
	top: 0;
	left: auto;
	right: auto;
	margin: 0;
}
#swiper6 .swiper-button-prev{
	float: left;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-left: 20px;
	background: url(../img1/img_26.png) no-repeat left center;
	z-index: 3;
	margin-top: 10px;
}
#swiper6 .swiper-button-next{
	float: right;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #333333;
	opacity: 1;
	filter: alpha(opacity=100);
	padding-right: 20px;
	background: url(../img1/img_25.png) no-repeat right center;
	z-index: 3;
	margin-top: 10px;
}
.conflict{
	    display: block;
    padding-left: 0;
    border-radius: 0px;
}
.frame p{
	max-width: 100%;
	top: 0;
	left: 0;
	overflow: auto;
}
#swiper8 {
    padding: 0.5rem 0;
    top: 0;
    opacity: 1;
    width: 92%;
    margin: 0 auto;
}
#swiper8 img{
	max-width: 100%;
	width: 100%;
}
#swiper8 .swiper-img{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 45px !important;
}
#swiper8 .swiper-pagination{
	position: relative;
	bottom: 0;
}
.bt-img1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    z-index: 100;
}
.magazine-back {
    width: 92%;
    margin: 0 auto;
    /*height: 500px;*/
    padding-top: 15%;
    overflow: hidden;
    position: relative;
}
.slidedown{
	background: #f9f9f9;
	padding-left:60px;

}
.slidepsd{
	display: none;
	position: absolute;
	top: 61px;
	left: 0;
	width: 100%;
	background: #f9f9f9;
}
#swiper19{
	width: 510px;
	position: relative;
	line-height: 62px;
	margin: 0;
	margin-top: 10px;

}
#swiper19 a{
	display: block;
	font-size: 14px;
	color: #666666;
	transition:all 0.3s;
}
#swiper19 .f-cb{
	float: left;
	max-width: 102px;
	width: 100%;
}
.menu{
	position: relative;
	z-index: 2;
}
.map-left,.map-right{
	display: block;
	width: 48.75%;
	border:2px solid #e0ecff;
}
.map-left img,.map-right img{
	max-width: 100%;
}
.leave{

	padding-bottom: 10px;
}
.shadesy{
	position: fixed;
	top: 0;
	z-index: 50;
	display: none;
}
.shade-woeds{
	width: 836px;
	height: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -418px;
	margin-top: -290px;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.shade-woeds img{
	max-width: 100%;
}
.map-left{
	cursor: pointer;
}