/*******************通用样式********************/



* {

	margin: 0px;

	padding: 0px;

	outline-style: none !important;

	box-sizing: border-box;

}



@font-face {

	font-family: 'FontAwesome';

	src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');

	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');

	font-weight: normal;

	font-style: normal;

}



html {

	font-size: 100px;

}



body {

	color: #454545;

	background-color: #FFF;

	box-sizing: border-box;

}



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

	html {

		font-size: 85px;

	}

}



@media(max-width:540px) {

	html {

		font-size: 100px;

	}

}



/*Android常用宽度*/



@media(max-width:480px) {

	html {

		font-size: 90px;

	}

}







a {

	text-decoration: none;

	color: #2f2f2f;

}



img {

	border: none;

}



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

blockquote,

p {

	padding: 0;

	margin: 0;

	outline: none;

}



i,

em,

b {

	font-style: normal;

	font-weight: normal;

}



ul,

ol,

li {

	list-style-type: none;

}



.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



.flex {

	display: flex;

	display: -webkit-flex;

	display: -webkit-box;

	/*老版本语法：Safari,iOS,Android browser,old Webkit browser*/

	display: -moz-box;

	/*老版本语法：Firefox(buggy)*/

	display: -ms-flexbox;

	/*混合版本语法：IE 10*/

	justify-content: flex-start;

}



a:hover,

a:link,

a:visited,

a {

	color: inherit;

	text-decoration: none;

	transition: all 0.3s linear 0s;

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

	-moz-transition: all 0.3s linear 0s;

	-ms-transition: all 0.3s linear 0s;

	-o-transition: all 0.3s linear 0s;

}



.main {

	width: 100%;

	padding-left: 15%;

	padding-right: 5%;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	z-index: 9;

}



.lnavbar {

	z-index: 999;

	position: fixed;

	top: 0;

	left: 0%;

	width: 84px;

	background: #fff;

	height: 100%;

}



.logo img {

	width: 84px;

	height: auto;

	display: block;

	margin-top: 1.2rem

}



#navBar {

	width: 100%;

	margin-top: 20px;

	color: #fff;

	font-size: 16px;

	font-family: Arial;

}



#navBar li {

	cursor: pointer;

	text-align: center;

	line-height: 50px;

	position: relative;

}



.nav-icon {

	text-align: center;

	margin-top: 36px

}



.nav-item {

	float: left;

	width: 100%;

	text-align: center;

	padding-bottom: 22px;

	background: url('../img/border.png') no-repeat center bottom;

	margin-bottom: 12px;

}



.nav-item .nav-button {

	display: block;

	position: relative;

}



.nav-button .icon {

	position: relative;

	width: 84px;

	height: 50px;

	z-index: 1;

	padding: 10px 0;

	display: block;

	-webkit-transition: .2s 0s all ease-in-out;

	-moz-transition: .2s 0s all ease-in-out;

	-ms-transition: .2s 0s all ease-in-out;

	-o-transition: .2s 0s all ease-in-out;

	transition: .2s 0s all ease-in-out;

}



.page-label {

	webkit-transition: .4s 0s all ease-in-out;

	-moz-transition: .4s 0s all ease-in-out;

	-ms-transition: .4s 0s all ease-in-out;

	-o-transition: .4s 0s all ease-in-out;

	transition: .4s 0s all ease-in-out;

	-webkit-transition: .4s all all ease-in-out;

	-moz-transition: .4s all all ease-in-out;

	-ms-transition: .4s all all ease-in-out;

	-o-transition: .4s all all ease-in-out;

	transition: .4s all all ease-in-out;

	-webkit-transition: .4s all all cubic-bezier(.1, .1, .25, .9);

	-moz-transition: .4s all all cubic-bezier(.1, .1, .25, .9);

	-ms-transition: .4s all all cubic-bezier(.1, .1, .25, .9);

	-o-transition: .4s all all cubic-bezier(.1, .1, .25, .9);

	transition: .4s all all cubic-bezier(.1, .1, .25, .9);

	position: absolute;

	top: 0;

	left: -100px;

	opacity: 0;

	visibility: hidden;

	background-color: #7494ae;

	height: 100%;

	padding: 0 15px 0 70px;

	color: #fff;

	text-transform: uppercase;

}



.nav-item.active .page-label {

	opacity: 1;

	visibility: visible;

	left: 0;

}



.span1 {

	display: block;

	height: 100%;

	overflow: hidden;

}



.nav-item.active .page-label .center {

	left: 0;

}



.nav-item .page-label .center {

	display: block;

	min-width: 84px;

	vertical-align: middle;

	position: relative;

	left: 100%;

	-webkit-transition: .4s 0s all ease-in-out;

	-moz-transition: .4s 0s all ease-in-out;

	-ms-transition: .4s 0s all ease-in-out;

	-o-transition: .4s 0s all ease-in-out;

	transition: .4s 0s all ease-in-out;

	-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1);

	-moz-transition: all .4s cubic-bezier(.215, .61, .355, 1);

	-o-transition: all .4s cubic-bezier(.215, .61, .355, 1);

	transition: all .4s cubic-bezier(.215, .61, .355, 1);

	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);

	-moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);

	-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);

	transition-timing-function: cubic-bezier(.215, .61, .355, 1);

}



/* #navBar .nav-item:nth-child(2) .page-label .center {

	min-width: 84px;

}

 */

.center {

	text-align: center;

}



.nav-item:hover .page-label {

	opacity: 1;

	visibility: visible;

	left: 0

}



.nav-item:hover .page-label .center {

	left: 0

}



.nav-button .icon1 {

	background: url('../img/icon/1.png') no-repeat center center;

}



.nav-item:hover .icon1 {

	background: url('../img/icon/01.png') no-repeat center center;

}



.nav-item.active .icon1 {

	background: url('../img/icon/01.png') no-repeat center center;

}



.nav-button .icon2 {

	background: url('../img/icon/2.png') no-repeat center center;

}



.nav-item:hover .icon2 {

	background: url('../img/icon/02.png') no-repeat center center;

}



.nav-item.active .icon2 {

	background: url('../img/icon/02.png') no-repeat center center;

}



.nav-button .icon3 {

	background: url('../img/icon/3.png') no-repeat center center;

}



.nav-item:hover .icon3 {

	background: url('../img/icon/03.png') no-repeat center center;

}



.nav-item.active .icon3 {

	background: url('../img/icon/03.png') no-repeat center center;

}



.nav-button .icon4 {

	background: url('../img/icon/4.png') no-repeat center center;

}



.nav-item:hover .icon4 {

	background: url('../img/icon/04.png') no-repeat center center;

}



.nav-item.active .icon4 {

	background: url('../img/icon/04.png') no-repeat center center;

}



.nav-button .icon5 {

	background: url('../img/icon/5.png') no-repeat center center;

}



.nav-item:hover .icon5 {

	background: url('../img/icon/05.png') no-repeat center center;

}



.nav-item.active .icon5 {

	background: url('../img/icon/05.png') no-repeat center center;

}



.nav-button .icon6 {

	background: url('../img/icon/6.png') no-repeat center center;

}



.nav-item:hover .icon6 {

	background: url('../img/icon/06.png') no-repeat center center;

}



.nav-item.active .icon6 {

	background: url('../img/icon/06.png') no-repeat center center;

}



.nav-button .icon7 {

	background: url('../img/icon/7.png') no-repeat center center;

}



.nav-item:hover .icon7 {

	background: url('../img/icon/07.png') no-repeat center center;

}



.nav-item.active .icon7 {

	background: url('../img/icon/07.png') no-repeat center center;

}





/* banner */

.banner {

	height: 100%;

	position: relative;

}



#swiper01 {

	position: relative;

	overflow: hidden;

	height: 100%;

	--swiper-pagination-color: #7494ae;

}

#swiper001 {

	position: relative;

	overflow: hidden;

	height: 100%;

	--swiper-pagination-color: #7494ae;

}

.swiper-slide {

	background-size: cover;

	background-position: center center;

}



#swiper01 .swiper-pagination {

	font-size: 24px;

	color: #fff;

}





/* section2 */

.section2 {

	background-size: cover;

}



.section2 .sec2-main {}



.section2 .sec2-l {

	width: 58%;

}



.sec2-l .sec1-tit {

	margin-bottom: .3rem;

}



.sec2-l .sec1-tit h2 {

	font-size: .3rem;

	font-weight: bold;

	margin-bottom: .05rem;

}



.sec2-l .sec1-tit span {

	display: block;

	color: #a8a8a8;

	font-size: .17rem;

	font-weight: lighter;

}



.sec-txt {

	line-height: 2;

	font-size: .18rem;

	text-indent: 2em;

	word-break: break-all;

	display: -webkit-box;

	-webkit-line-clamp: 7;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.sec2-l .more {

	margin-top: 1rem;

}



.sec2-l .more a {

	    display: inline-block;
    color: #2b2b2b;
    border: #2b2b2b 1px solid;
    padding: .15rem .8rem .15rem .3rem;
    font-size: .18rem;
    position: relative;

}



.sec2-l .more a::before {

	position: absolute;
top: 50%;
right: .15rem;
transform: translateY(-50%);
z-index: 9;
content: '';
background: url(../img/icon01.png) repeat-x center center;
width: .5rem;
height: .3rem;

}



.section2 .sec2-r {

	width: 36%;

}



.section2 .sec2-r img {

	width: 100%;

	height: auto;

	border-radius: 50%;

	box-shadow: 0 0 20px #d7d7d7

}

.section2 .sec2-r .bofang{
	width: .6rem;
	height: .6rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	
}
.section2 .sec2-r .bofangimg{
	animation: muted-zoom 2s infinite;
	box-shadow:none;
}
@keyframes muted-zoom {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.25);

   }
   100% {
       transform: scale(1);
   }
}

/* section3 */

.section3 {

	background-size: cover

}



.sec3-t,

.sec3-b,

.sec3t-item {

	width: 100%;

}



.sec3t-item {

	display: none;

}



.sec3t-item .sec3-l {

	width: 50%;

}



.sec3t-item .sec3-l img {

	width: 64%;

	height: auto;

	margin: 0 auto;

	display: block;

	box-shadow: -10px 10px 0px #fff;

}



.sec3t-item .sec3-l img.gray {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}



.section-respfooter {

	display: none;

}



.sec3t-item .sec3-r {

	width: 50%;

}



.sec3-b {

	margin-top: .5rem;

}



.sec3-b ul {

	background: #fff;

	padding: .2rem;

}



.sec3-b ul li {

	width: 25%;

	float: left;

	text-align: center;

	cursor: pointer;

	height: 2rem;

	background: url(../img/bor3.jpg) no-repeat right center;

}



.sec3-b ul li:last-child {

	background: none;

}



.sec3-b ul li .sec3li-t {

	padding: .3rem 0;

}



.sec3-b ul li .sec3li-t h2 {

	display: block;

	color: #545454;

	font-size: .7rem;

	margin-bottom: .2rem;

}



.sec3-b ul li .sec3li-t h3 span {

	display: block;

	color: #505050;

	font-size: .22rem;

}



.sec3-b ul li .sec3li-t h3 em {

	display: block;

	color: #7a7a7a;

	font-size: .15rem;

	margin-top: .05rem;

}



.sec3-b ul li:hover {

	background: #42597e;

}



/* .sec3-b ul li.active .sec3li-t{

	display: none;

}

.sec3-b ul li.active .sec3li-b{

	display: block;

} */

.sec3-r .sec3-tit {

	margin-bottom: .3rem;

}



.sec3-r .sec3-tit h2 {

	font-size: .3rem;

	font-weight: bold;

	margin-bottom: .05rem;

	color: #fff;

	position: relative;

	padding-left: .6rem;

}



.sec3-r .sec3-tit h2::before {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	z-index: 9;

	content: '';

	background-color: #fff;

	width: .5rem;

	height: .02rem;

}



.sec3-r .sec3-tit span {

	display: block;

	color: #fff;

	font-size: .45rem;

	font-style: italic;

	text-transform: uppercase;

}



.sec3-txt {

	line-height: 1.5;

	font-size: .18rem;

	color: #fff;

	word-break: break-all;

	display: -webkit-box;

	-webkit-line-clamp: 8;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.sec3-r .more {

	margin-top: 0.7rem;

}



/*.sec3-r .more a {

	display: inline-block;

	color: #fff;

	border: #fff 1px solid;

	padding: .15rem .5rem;

	font-size: .18rem;

	position: relative;

}*/

.sec3-r .more a{
	 display: inline-block;
    color: #fff;
    border: #fff 1px solid;
    padding: .15rem .8rem .15rem .3rem;
    font-size: .18rem;
    position: relative;
}


/*.sec3-r .more a::before {

	position: absolute;

	top: 50%;

	right: -10%;

	transform: translateY(-50%);

	z-index: 9;

	content: '';

	background: url(../img/bor2.png) repeat-x center center;

	width: 20%;

	height: .3rem;

}*/

.sec3-r .more a::before {
    position: absolute;
    top: 50%;
    right: .15rem;
    transform: translateY(-50%);
    z-index: 9;
    content: '';
    background: url(../img/icon01-act.png) repeat-x center center;
    width: .5rem;
    height: .3rem;
}

.sec3-b ul li .sec3li-b {

	display: none;

	background: #42597e;

	padding: .3rem 0;

}



.sec3-b ul li .sec3li-b h2 {

	display: block;

	color: #fff;

	font-size: .2rem;

	position: relative;

	margin-bottom: .5rem;

}



.sec3-b ul li .sec3li-b h2::before {

	position: absolute;

	left: 50%;

	bottom: -20%;

	transform: translateX(-50%);

	z-index: 9;

	content: '';

	width: 15%;

	height: .01rem;

	background-color: #fff;

}



.sec3-b ul li .sec3li-b h2 em {

	font-size: .56rem;

	margin-right: .1rem;

}



.sec3-b ul li .sec3li-b h3 {

	color: #fff;

	font-size: .24rem;

}





.section4 {

	background-size: cover

}



.sec4-r {

	width: 60%;

}



.sec4-r img {

	width: 90%;

	height: auto;

}



.sec4-l {

	width: 32%;

	padding-top: .8rem;

}



.sec4-l .sec4-tit {

	margin-bottom: .3rem;

}



.sec4-l .sec4-tit h2 {

	font-size: .3rem;

	font-weight: bold;

	margin-bottom: .05rem;

	color: #3b3b3b;

	position: relative;

	padding-left: .6rem;

}



.sec4-l .sec4-tit h2::before {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	z-index: 9;

	content: '';

	background-color: #3b3b3b;

	width: .5rem;

	height: .02rem;

}



.sec4-l .sec4-tit span {

	display: block;

	color: #dddddd;

	font-size: .45rem;

	font-style: italic;

	text-transform: uppercase;

}



.sec4-txt {

	line-height: 1.5;

	font-size: .18rem;

	color: #343434;

	word-break: break-all;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.sec4-l .more {

	margin-top: 0.7rem;

}



.sec4-l .more a {

	display: inline-block;

	color: #2b2b2b;

	border: #2b2b2b 1px solid;

	padding: .15rem .8rem .15rem .3rem;

	font-size: .18rem;

	position: relative;

}



.sec4-l .more a::before {

	position: absolute;

	top: 50%;

	right: .15rem;

	transform: translateY(-50%);

	z-index: 9;

	content: '';

	background: url(../img/icon01.png) repeat-x center center;

	width: .5rem;

	height: .3rem;

}



.more a:hover {

	background: #7494ae;

	color: #fff;

	border: #7494ae 1px solid;

}



.more a:hover::before {

	background: url(../img/icon01-act.png) repeat-x center center;

}



.secmain {

	width: calc(100% - 84px);

	position: relative;

	height: 100%;

	left: 84px;

}



.sec5-t {

	width: 100%;

	height: 100%;

}



.sec5-t ul {

	width: 100%;

	height: 100%;

}



.sec5-t ul li {

	display: block;

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	width: 33.333%;

	z-index: 99;

	cursor: default;

	overflow: hidden;

}



.sec5-t ul li:nth-child(1) {

	left: 0px;

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

}



.sec5-t ul li:nth-child(2) {

	right: 33.333%;

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

}



.sec5-t ul li:nth-child(3) {

	right: 0;

}



.sec5-t ul li .sec5li-t {

	height: 100%;

	text-align: center;

	position: relative;

	top: 0;

	left: 0;

	z-index: 9;

	transition: all 0.3s linear 0s;

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

	-moz-transition: all 0.3s linear 0s;

	-ms-transition: all 0.3s linear 0s;

	-o-transition: all 0.3s linear 0s;

}



.sec5-t ul li .sec5li-t h3 {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 9;

}



.sec5-t ul li .sec5li-t h3 span {

	display: block;

	color: #fff;

	font-size: .3rem;

}



.sec5-t ul li .sec5li-t h3 em {

	display: block;

	color: #fff;

	font-size: .2rem;

	text-transform: uppercase;

	margin-top: .1rem;

	opacity: .8;

}



.sec5-t ul li .sec5li-b {

	background: #fff;

	height: 100%;

	padding: .4rem .8rem;

	text-align: center;

	transition: all 0.3s linear 0s;

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

	-moz-transition: all 0.3s linear 0s;

	-ms-transition: all 0.3s linear 0s;

	-o-transition: all 0.3s linear 0s;

	position: absolute;

	bottom: -100%;

	left: 0;

	z-index: 9;

	box-sizing: border-box;

}



.sec5-t ul li .sec5li-b .h1 {

	color: #ababab;

	font-size: 1rem;

}



.sec5-t ul li .sec5li-b .h2 {

	position: relative;

	height: 1.4rem;

}



.sec5-t ul li .sec5li-b .h2::before {

	content: '';

	background: #e5e5e5;

	height: 1.4rem;

	width: 0.02rem;

	position: absolute;

	left: 50%;

	top: 0;

	transform: translateX(-50%);

}



.sec5-t ul li .sec5li-b .h3 {

	color: #000000;

	font-size: .28rem;

}



.sec5-t ul li .sec5li-b .h4 {

	color: #000000;

	font-size: .16rem;

	line-height: 1.8;

	text-align: left;

	margin: .4rem 0;

}



.sec5-t ul li .sec5li-b .h5 {

	width: 100%;

}



.sec5-t ul li .sec5li-b .h5 img {

	width: 100%;

}







.in_prolspic {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	z-index: 9;

	transition: 2s;

}



.md {

	width: 100%;

	padding-left: 5%;

	padding-right: 5%;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	z-index: 9;

}



#swiper02 {}



#swiper02 .swiper-wrapper {

	align-items: center;

	position: relative;

}



.line {

	background: #d1d1d1;

	height: 1px;

	width: 100%;

	position: absolute;

	top: 81%;

	left: 0;

}



#swiper02 .swiper-slide {

	text-align: center;



}



#swiper02 .swiper-slide img {

	width: 1.30rem;

	height: .81rem;

	display: block;

	margin: 0 auto .2rem auto;

}



#swiper02 .swiper-slide .spn {

	background: #f9f9f9;

	color: #939393;

	font-size: .2rem;

	text-align: center;

	display: inline-block;

}



#swiper02 .swiper-slide-active {

	background: #fff;

	padding: .1rem;

	box-shadow: 3px 5px 10px #dedede;

	border-bottom: #42597e 3px solid;

}



#swiper02 .swiper-slide-active img,

#swiper02 .swiper-slide-duplicate-active img {

	width: 100%;

	height: auto;

}



.zi {

	text-align: left;

	display: none;

}



.zi b {

	display: block;

	color: #202020;

	font-size: .18rem;

	margin-bottom: .1rem;

	line-height: 1.5;

	height: 3em;

	word-break: break-all;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;



}



.zi p {

	display: block;

	color: #939393;

	font-size: .15rem;

	line-height: 1.5;

	height: 3em;

	word-break: break-all;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



#swiper02 .swiper-slide-active .spn {

	display: none;

}



#swiper02 .swiper-slide-active .zi {

	display: block;

}



.m-tit {

	margin-bottom: 1.5rem;

}



.m-tit .sec4-tit h2 {

	font-size: .3rem;

	font-weight: bold;

	margin-bottom: .05rem;

	color: #42597e;

	position: relative;

	padding-left: .6rem;

}



.m-tit .sec4-tit h2::before {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	z-index: 9;

	content: '';

	background-color: #dfdfdf;

	width: .5rem;

	height: .02rem;

}



.m-tit .sec4-tit span {

	display: block;

	color: #dddddd;

	font-size: .45rem;

	font-style: italic;

	text-transform: uppercase;

}



.m-tit .more a {

	display: inline-block;

	color: #2b2b2b;

	border: #2b2b2b 1px solid;

	padding: .15rem .8rem .15rem .3rem;

	font-size: .18rem;

	position: relative;

}



.m-tit .more a::before {

	position: absolute;

	top: 50%;

	right: .15rem;

	transform: translateY(-50%);

	z-index: 9;

	content: '';

	background: url(../img/icon01.png) repeat-x center center;

	width: .5rem;

	height: .3rem;

}



.m-tit .more a:hover {

	background: #7494ae;

	color: #fff;

	border: #7494ae 1px solid;

}



.m-tit .more a:hover::before {

	background: url(../img/icon01-act.png) repeat-x center center;

}



.footerss {

	background: #1b1b1b;



}



.fomain {

	width: 100%;

	padding-left: 15%;

	padding-right: 15%;

	padding-top: .5rem;

	padding-bottom: .5rem;

}



.foot-l {

	margin-right: 1rem;

}



.foot-l .fol-tit {

	margin-bottom: .1rem;

}



.fol-txt {

	line-height: 1.8;

	color: #8f8f8f;

	font-size: .16rem;

}



.foot-l .fol-tit h2 {

	font-size: .3rem;

	font-weight: bold;

	margin-bottom: .05rem;

	color: #fff;

	position: relative;

	padding-left: .6rem;

}



.foot-l .fol-tit h2::before {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	z-index: 9;

	content: '';

	background-color: #fff;

	width: .5rem;

	height: .02rem;

}



.foot-l .fol-tit span {

	display: block;

	color: #c8c8c8;

	font-size: .45rem;

	font-style: italic;

	text-transform: uppercase;

	opacity: .2;

}



.foot-c {

	padding: 1.2rem 1rem;

}



.foot-c .er {

	margin-right: .2rem;

}



.foot-c .er img {

	display: block;

	width: .96rem;

	height: .96rem;

}



.foot-c .er em {

	display: block;

	color: #8f8f8f;

	font-size: .16rem;

	text-align: center;

	margin-top: .15rem;

}



.foot-r {

	padding-top: .6rem;

}



.foot-r .foitem {

	margin-bottom: .2rem;

}



.foot-r .foitem label {

	font-size: .16rem;

	color: #8f8f8f;

	display: block;

	font-weight: normal;

}



.foot-r .foitem input {

	width: 100%;

	border: none;

	border-bottom: #8f8f8f 1px solid;

	background: none;

}



.foot-r .foitem textarea {

	width: 100%;

	border: none;

	border-bottom: #8f8f8f 1px solid;

	background: none;

	resize: none;

}



.foot-r .btnd {

	width: 100%;

}



.foot-r .btnd input {

	width: 100%;

	border: #8f8f8f 1px solid;

	background: none;

	display: block;

	padding: .1rem 0;

	font-size: .16rem;

	color: #8f8f8f;

}



/* about */

.h-main {

	width: 92%;

	margin: 0 auto;

	display: table;

}



.header {

	height: 1.1rem;

	background: #fff;

	box-shadow: 0px 10px 0px #d6e3ee;

	margin-bottom:10px;

}



.hea-fl {

	display: table-cell;

	width: 1%;

	vertical-align: middle;

	height: 0;

}



.hea-fc {

	width: 100%;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}



.hea-fc ul {

	padding-left: 30%;

}



.hea-fc ul li {

	float: left;

	width: 1.1rem;

	text-align: center;

	position: relative

}



.hea-fc ul li.active::before,

.hea-fc ul li:hover::before {

	content: '';

	position: absolute;

	top: 0;

	left: 50%;

	z-index: 9;

	background: url(../img/icon02.png) no-repeat top center;

	width: .03rem;

	height: .4rem;

	transform: translateX(-50%);

}



.hea-fc ul li:hover::after,

.hea-fc ul li.active::after {

	content: '';

	position: absolute;

	bottom: .2rem;

	left: 50%;

	z-index: 9;

	background: url(../img/icon03.png) no-repeat top center;

	width: .13rem;

	height: .16rem;

	transform: translateX(-50%);

	background-size: .13rem .16rem

}



.hea-fc ul li a {

	font-weight: bold;

	font-size: .15rem;

	color: #666;

	display: block;

	line-height: 1.1rem;

	position: relative

}



.hea-fr {

	width: 1%;

	display: table-cell;

	vertical-align: middle;

	text-align: right;

	position: relative;

}



.hea-fr form {

	width: 3.1rem;

	height: .42rem;

	position: relative;

}



.hea-fr form input {

	background: #eef3f6;

	font-size: .15rem;

	padding: 0.05rem 0.43rem 0.05rem 0.1rem;

	border: 0;

	border-radius: 30px;

	width: 100%;

	display: block;

	height: .42rem;

}



.hea-fr form button {

	position: absolute;

	right: 0;

	top: 0;

	width: .42rem;

	height: .42rem;

	border-radius: 50%;

	background: #4e6589;

	color: #fff;

}



.sub-banner {

	padding-bottom: 30.2084%;

	height: 0;

	background-position: center center;

	background-repeat: no-repeat;

	position: relative;

	background-size: cover;

}



.sub-tyt {

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

	width: 100%;

	padding-bottom: 30.2084%;

	height: 0;

}



.sub-tyt .po {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	text-align: center;

	width: 40%;

}



.sub-tyt .po h2 {

	display: block;

	color: #fff;

	font-size: .6rem;

	margin-bottom: .2rem;

	font-weight: bold;

	position: relative;

}



.sub-tyt .po h2::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 9;

	background: #fff;

	width: 1rem;

	height: 1px;

	transform: translate(-250%, -50%);

}



.sub-tyt .po h2::after {

	content: '';

	position: absolute;

	top: 50%;

	right: 50%;

	z-index: 9;

	background: #fff;

	width: 1rem;

	height: 1px;

	transform: translate(250%, -50%);

}



.sub-tyt .po span {

	display: block;

	color: #fff;

	font-size: .18rem;

	line-height: 2;

}





.ab-01 {

	padding-top: .6rem;

	/*padding-bottom: 114%;

	height: 0;*/

	background-position: center center;

	background-repeat: no-repeat;

	position: relative;

	background-size: cover;

}



.ab-tit {

	margin-bottom: .4rem;

}



.ab1-t {

	position: relative;

	margin-bottom: .6rem;
	
	min-height: 4.8rem;

}



.ab-tit h2 {

	font-size: .3rem;

	color: #2b2b2b;

	font-weight: bold;

	margin-bottom: 0.05rem;

}



.ab-tit span {

	font-size: .16rem;

	color: #a8a8a8;

	text-transform: uppercase;

}



.ab1t-l {

	float: left;

	width: 50%;

}



.ab1-txt {

	line-height: 1.8;

	color: #3b3b3b;

	font-size: .16rem;

}



.ab1t-r {

	position: absolute;

	right: 0;

	top: 50%;

	z-index: 9;

	width: 42.6041%;

	transform: translateY(-50%);

}



.ab1t-r img {

	width: 100%;

	height: auto;

}



.ab1-item {

	position: relative;

	margin-bottom: .7rem;

}



.ab1-item .abi-l {

	width: 44%;

}



.ab1-item .abi-l img {

	width: 100%;

	height: auto;

}



.ab1-item .abi-r {

	position: absolute;

	right: 0;

	top: 50%;

	z-index: 9;

	width: 50%;

	transform: translateY(-50%);

}



.abi-tit {

	font-size: .2rem;

	color: #fff;

	background: #4b5e8a;

	display: inline-block;

	padding: .05rem .15rem;

	margin-bottom: .4rem;

}



.abi-txt {

	color: #737373;

	line-height: 2.4;

	font-size: .16rem;

}



.ab-02 {

	/*padding-bottom: 35.9375%;

	height: 0;*/

	background-position: center center;

	background-repeat: no-repeat;

	position: relative;

	background-size: cover;

}



.ab-02 .container {

	padding-top: 1rem;
	padding-bottom: .8rem

}



.ab-02 .ab-tit h2,

.ab-02 .ab-tit span {

	color: #fff;

}



.ab2-item {

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

	padding: .5rem;

	width: 48%;

	float: left;

}

.ab2-item:last-child{

	float: right;

}

.ab2-item img {

	width: .6rem;

	height: .6rem;

	margin: 0 auto;

	display: block;

}



.ab2-item .h2 {

	display: block;

	color: #fff;

	font-weight: normal;

	font-size: .2rem;

	text-decoration: underline;

	text-align: center;

	margin: .2rem 0;

}



.ab2-item .ab2-txt {

	line-height: 2;

	color: #e1e1e1;

	font-size: .14rem;

	text-indent: 2em;

}



.abb-item {

	position: relative;

	background: #fafafa;

}



.ab-hon {

	padding-right: 10%;

	text-align: right;

}



.ab-hon h2 {

	color: #3e3e45;

	font-weight: bold;

	font-size: .3rem;

	display: block;

}



.ab-hon h3 {

	display: block;

	color: #a8a8a8;

	font-weight: bold;

	text-transform: uppercase;

	font-family: "times new roman";

	font-size: .16rem;

}



.ab-hon span {

	color: #424145;

	line-height: .3rem;

	margin: .25rem 0;

	display: block;

	font-size: .16rem;

}



.ab-hon em {

	font-size: .2rem;

	color: #fff;

	background: #4b5e8a;

	display: inline-block;

	padding: .05rem .15rem;

	margin: .1rem 0;

}



.abb-item .abi-l {

	width: 50%;

	float: right;

}



.abb-item .abi-l img {

	width: 100%;

	height: auto;

}



.abb-item .abi-r {

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 9;

	width: 50%;

	transform: translateY(-50%);

}



.abb-item.two .abi-l {

	width: 50%;

	float: left;

}



.abb-item.two .abi-r {

	right: 0;

	left: auto;

}



.abb-item.two .ab-hon {

	padding-left: 10%;

	text-align: left;

}



.ab-04 {

	padding: .6rem 0;

}



.ab4-bot ul {

	margin-top: .8rem;

}



.ab4-bot ul li {

	width: 28%;

	margin: 0 2.5%;

	float: left;

	border: #e5e5e5 1px solid;

	text-align: center;

	padding-bottom: .3rem;

}



.ab4-bot ul li>span {

	display: flex;

	align-items: center;

	justify-content: center;

	width: .72rem;

	height: .72rem;

	line-height: .72rem;

	background-color: rgba(75, 94, 138, .1);

	border-radius: 50%;

	margin: -.36rem auto 0 auto;

	text-align: center;

	line-height: .72rem;

	position: relative;

}



.ab4-bot ul li>span>em {

	width: .48rem;

	height: .48rem;

	line-height: .48rem;

	color: #fff;

	font-size: .24rem;

	background: rgba(75, 94, 138, 1);

	border-radius: 50%;

}



.ab4-bot ul li img {

	margin-top: .4rem;

}



.ab4-bot ul li p {

	margin-top: .2rem;

	color: #2d2d2d;

	font-size: .16rem;

}



.z-sy7-o1 {

	width: 0;

	height: 0;

	border: 0;

	border-radius: 50%;

	background: rgba(75, 94, 138, .7);

	animation: circle2 2s infinite;

	position: absolute;

	opacity: 0;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



@keyframes circle2 {

	0% {

		width: 0;

		height: 0;

		opacity: 1;

		border: 4px solid rgba(225, 54, 72, .1);

		box-shadow: 0 0 30px rgba(225, 54, 72, .2);

	}



	50% {

		width: 100%;

		height: 100%;

		opacity: 0;

		border: 4px solid rgba(225, 54, 72, .03);

	}



	100% {

		width: 0;

		height: 0;

		opacity: 1;

		border: 4px solid rgba(225, 54, 72, .1);

		box-shadow: 0 0 30px rgba(225, 54, 72, .2);

	}

}



.ab-05 {

	/*padding-bottom: 35.416667%;

	height: 0;*/

	background-position: center center;

	background-repeat: no-repeat;

	position: relative;

	background-size: cover;

}



.ab-05 .container {

	padding-top: .8rem;

	padding-bottom: .8rem

}



.ab-05 .ab-tit h2,

.ab-05 .ab-tit span {

	color: #fff;

}



.ab5-item .ab5i-tit h2 {

	color: #fff;

	font-size: .22rem;

	display: block;

}



.ab5-item .ab5i-tit h3 {

	color: #fff;

	font-size: .12rem;

	display: block;

	position: relative;

	text-transform: uppercase;

	margin: .1rem 0 .3rem 0;

}



.ab5-item .ab5i-tit h3::after {

	content: '';

	width: .3rem;

	height: 0.01rem;

	background: #fff;

	position: absolute;

	bottom: -.15rem;

	left: 50%;

	transform: translateX(-50%);

}



.ab5-item {

	width: 24%;

	margin: 0 .5%;

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

	text-align: center;

	padding: .4rem .2rem .3rem .2rem;

}



.ab5-txt {

	color: #d5d5d5;

	line-height: 2;

	text-align: left;

	font-size: .15rem;

}



.ab5-item:nth-child(2n) {

	background: rgba(75, 94, 138, 0.85);

}



/* sub_footer */

.sub_footer {

	border-top: #a7d9e3 3px solid;

	padding: .25rem 0;

	background: #fff;

}



.sub_footer .all {

	width: 90%;

	margin: 0 auto;

}



.foo-fl {

	display: table-cell;

	width: 1%;

	vertical-align: middle;

	height: 0;

}



.foo-fc {

	width: 100%;

	display: table-cell;

	vertical-align: middle;

}



.foo-fc ul li {

	width: 30%;

	float: left;

	margin: .05rem 1.5%;

	font-size: .15rem;

}



.foo-fr {

	width: 1%;

	display: table-cell;

	vertical-align: middle;

	text-align: right;

	position: relative;

}



.foo-fr img {

	width: .8rem;

	height: .8rem;

}



.news-item {

	width: 33.3333%;

	float: left;

	border-right: #dddddd 1px solid;

	border-bottom: #dddddd 1px solid;

	padding: .5rem;

}



.news-item:nth-child(3n) {

	border-right: none;

}



.news-item .n1 {

	width: 100%;

	padding-bottom: 62.5384%;

	height: 0;

	position: relative;

	overflow: hidden;

}



.news-item .n1 img {

	width: 100%;

	height: auto;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

}



.news-item .n2 {

	color: #333333;

	font-size: .24rem;

	display: block;

	line-height: 1.5;

	margin-top: .15rem;

	margin-bottom: .1rem;

}



.news-item .n3 {

	line-height: 1.8;

	color: #999999;

	font-size: .16rem;

	height: 9em;

	overflow: hidden;

}



.news-item .n4 {

	color: #333333;

	font-size: .16rem;

	display: block;

	margin-top: .15rem;

	text-transform: uppercase;

	position: relative;

	padding-left: .6rem;

}



.news-item .n4::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 9;

	background: #333333;

	width: .5rem;

	height: 1px;

	transform: translateY(-50%);

}



.news-bot {

	background-position: center center;

	height: 0;

	padding-bottom: 19.791667%;

	background-repeat: no-repeat;

	width: 100%;

	background-size: cover;

}



.ne1 {

	color: #18326d;

	font-size: .3rem;

	font-family: arial;

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 1rem;

}



.ne2 {

	color: #4b5e8a;

	font-size: .24rem;

	margin: .2rem 0;

}



.ne3 img {

	width: .48rem;

	height: .48rem;

	display: inline-block;

	margin-bottom: .2rem;

}



.ne4 a {

	display: inline-block;

	background: #4b5e8a url(../img/icon09.png) no-repeat 80% center;

	padding-right: .2rem;

	border: #4b5e8a 1px solid;

	color: #fff;

	font-size: .14rem;

	width: 1.5rem;

	height: .4rem;

	text-align: center;

	line-height: .4rem;

	border-radius: 300px;

	font-weight: bold;

}



.con-top {

	padding-bottom: 40.625%;

	height: 0;

	background-position: center center;

	background-repeat: no-repeat;

	position: relative;

}



.con-top .sub-tyt {

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

	width: 100%;

	padding-bottom: 40.625%;

	height: 0;

}



.con-top .sub-tyt .po {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -130%);

	text-align: center;

	width: 40%;

}



.con-top .sub-tyt .po h2 {

	display: block;

	color: #fff;

	font-size: .6rem;

	margin-bottom: .2rem;

	font-weight: bold;

	position: relative;

}



.con-top .sub-tyt .po h2::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 9;

	background: #fff;

	width: 1rem;

	height: 1px;

	transform: translate(-250%, -50%);

}



.con-top .sub-tyt .po h2::after {

	content: '';

	position: absolute;

	top: 50%;

	right: 50%;

	z-index: 9;

	background: #fff;

	width: 1rem;

	height: 1px;

	transform: translate(250%, -50%);

}



.con-top .sub-tyt .po span {

	display: block;

	color: #fff;

	font-size: .18rem;

	line-height: 2;

}



.conb-t {

	margin-top: -3.3rem;

	position: relative;

	overflow: hidden;

	background: #fff;

}



.conb-c {

	background: #fff;



}



.conb-c .c1 {

	padding-left: .3rem;

}



.conb-c .c2 {

	padding-left: .3rem;

}



.conbt-item {

	overflow: hidden;

	width: 50%;

	background: #eff5f8;

	height: 3.3rem;

	padding-left: 2rem;

	padding-top: .8rem;

	float: left;

}



.conbt-item img {

	width: .6rem;

	height: .6rem;

	display: block;

}



.conbt-item h2 {

	display: block;

	color: #333333;

	font-weight: bold;

	font-size: .48rem;

	margin-top: .36rem;

	margin-bottom: .1rem;

}



.conbt-item h3 {

	display: block;

	color: #333333;

	font-size: .16rem;

}



.conbt-item b {

	color: #e9f0f3;

	font-size: 3.25rem;

	position: absolute;

	top: -80%;

	left: 0;

	z-index: 99;

	font-weight: bold;

}



.conbt-item:nth-child(1) {

	border-right: #eeeeee 1px solid;

}



.conbt-item:nth-child(2) {

	background: #fff;

}



.conbt-item:nth-child(2) b {

	position: absolute;

	bottom: -64%;

	right: 0;

	left: auto;

	top: auto;

	font-size: 2.48rem;

	color: #f6f9fa;

}



.hb-main {

	width: 92%;

	margin: 0 auto;

}



.c1 ul li {

	padding-left: 1rem;

	background-position: left center;

	background-repeat: no-repeat;

	float: left;

	padding-top: .6rem;

	padding-bottom: .6rem;

	width: 33.33333%;

}



.c1 ul li h2 {

	color: #333333;

	font-size: .18rem;

	margin: 0.07rem 0;

	font-weight: bold;

}



.c2 {

	overflow: hidden;

	border-top: #eeeeee 1px solid;

	border-bottom: #eeeeee 1px solid;

	padding: .25rem 0;

}



.c2 .cc2 {

	width: 10%;

	font-size: .24rem;

	color: #333333;

	font-weight: bold;

}



#swiper03 {

	width: 90%;

}



#swiper03 .swiper-slide {

	color: #666666;

	font-size: .16rem;

}



#swiper03 .swiper-slide em {

	color: #333;

	display: inline-block;

	font-weight: bold;

	line-height: .34rem;

}



.conb-b {

	padding-top: 1rem;

	position: relative;

	padding-bottom: .6rem;

	background: #fff;

	padding-left: .3rem;

	overflow: hidden;

}



.ccol {

	padding-left: .8rem;

	width: 50%;

}



.cco-tit {

	position: relative;

	margin-bottom: .6rem;

}



.cco-tit::before {

	position: absolute;

	left: -.8rem;

	top: -.8rem;

	content: " “ ";

	color: #a7d9e3;

	font-size: 1.63rem;

}



.cco-tit span {

	color: #333333;

	font-size: .3rem;

	font-weight: bold;

	display: block;

	text-transform: uppercase;

	margin-bottom: .1rem;

}



.cco-tit em {

	color: #a7d9e3;

	font-size: .3rem;

	font-weight: bold;

	margin-left: .15rem;

}



.mess input {

	width: 100%;

	display: block;

	padding: .15rem 0;

	border: none;

	border-bottom: #eee 1px solid;

	margin: .2rem 0;

	background: none;

	font-size: .17rem;

}



.mess button {

	background: #4e6589;

	color: #fff;

	font-weight: bold;

	font-size: .17rem;

	display: inline-block;

	border-radius: 30px;

	width: 2rem;

	height: .5rem;

	text-align: center;

	line-height: .5rem;

	border: none;

	margin-top: .3rem;

}



.ccor {

	width: 50%;

}



.waiter {

	position: absolute;

	left: 0;

	bottom: 0;

}



.con-bot {

	padding-bottom: .9rem;

	position: relative;

}



.ccor {

	border-radius: 50%;

	width: 8rem;

	height: 8rem;

	background: #f6f6f6;

	position: absolute;

	right: -1rem;

	overflow: hidden;

	bottom: -2rem;

}



.blue {

	position: absolute;

	right: -1rem;

	bottom: -2rem;

	width: 8rem;

	height: 8rem;

	background: #a7d9e3;

	border-radius: 50%;

	transform: translate(-.9rem, -1.1rem);

	-webkit-transform: translate(-.9rem, -1.1rem);

	z-index: -1;

}



.contact {

	overflow: hidden;

}



/* pro-bot */

.pro-bot {

	border-top: #4e6589 5px solid;

}



.pro-btit {

	text-align: center;

	display: inline-block;

	position: relative;

	color: #4e6589;

	font-weight: bold;

	font-size: .42rem;

	width: 100%;

	padding: .5rem 0;

}



.pro-btit::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 9;

	background: #fff;

	width: 1rem;

	height: 2px;

	transform: translate(-250%, -50%);

	background-color: #50678a;

	background: -moz-linear-gradient(-90deg, #50678a, #fff);

	background: -o-linear-gradient(-90deg, #50678a, #fff);

	background: -webkit-linear-gradient(-90deg, #50678a, #fff);

	background: linear-gradient(-90deg, #50678a, #fff);

}



.pro-btit::after {

	content: '';

	position: absolute;

	top: 50%;

	right: 50%;

	z-index: 9;

	background: #fff;

	width: 1rem;

	height: 2px;

	transform: translate(250%, -50%);

	background-color: #50678a;

	/* background: -moz-linear-gradient(90deg, #50678a, #fff);

	background: -o-linear-gradient(90deg, #50678a, #fff);

	background: -webkit-linear-gradient(90deg, #50678a, #fff); */

	background: linear-gradient(90deg, #50678a, #fff);

}



.pro-pic {

	width: 100%;

	display: none;

}



.pro-pic img {

	width: 100%;

}



.p-t {

	position: relative;

	background: #f3f8fc;

	padding: 1rem 5%;

}



.ptl {

	width: 50%;

}

.ptl img{

	width: 100%;

}

.ptr {

	position: absolute;

	right: 10%;

	top: 50%;

	z-index: 9;

	width: 38%;

	transform: translateY(-50%);

	padding-bottom: 1rem;

}



.ptr .h2 {

	color: #333333;

	font-size: .48rem;

	margin-bottom: .3rem;

	position: relative;

	background: url(../img/dot.png) no-repeat right top;

	display: inline-block;

	padding-right: .3rem;

}



.ptr .h2::after {

	content: '';

	background: #a7d9e3;

	height: 14px;

	width: 2rem;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: -1;

}



.ptr .hp {

	color: #666666;

	font-size: .2rem;

	line-height: 1.8;

}



.ptr .down {

	animation: downup 2s infinite;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 9;

	width: .5rem;

	height: .5rem;

	background: #4e6589;

	border-radius: 50%;

	text-align: center;



	margin-top: .3rem;

}



.ptr .down a {

	width: .5rem;

	height: .5rem;

	background: #4e6589;

	border-radius: 50%;

	text-align: center;

	display: block;

	position: relative

}



.ptr .down i {

	color: #fff;

	font-size: .24rem;

	line-height: .5rem;

}



/* .p-c ul li img{

	width: 2.76rem;

	height: 1.84rem;

	display: inline-block;

}

.p-c ul li{

	width: 2.76rem;

	height: 1.84rem;

	display: inline-block;

	margin: 0 .3rem;

} */



/* .z-sy7-o1 {

	width: 0;

	height: 0;

	border: 0;

	border-radius: 50%;

	background: rgba(75, 94, 138, .7);

	

} */



@keyframes downup {

	0% {

		bottom: 0rem;

	}



	50% {

		bottom: .3rem;

	}



	100% {

		bottom: 0rem;

	}

}



.gallery-top {

	height: 80%;

	width: 100%;

}



.gallery-thumbs {

	height: 20%;

	box-sizing: border-box;

	padding: .1rem;

	background: url(../img/pcbg.jpg) no-repeat center center;

	position: relative;

	text-align: center;

}



.gallery-thumbs .swiper-wrapper {

	align-items: center;

	justify-content: center;

}



.gallery-thumbs .swiper-slide {

	height: 100%;

	opacity: 0.4;

	cursor: pointer;
}



.gallery-thumbs .swiper-slide img {

	width: 100%;

	height: auto;

}



.gallery-thumbs .swiper-slide-thumb-active {

	opacity: 1;

	border: #a5d6e0 2px solid;

}



.nav {

	width: 15%;

	color:#0046b9;

	position: fixed;

	bottom: 8%;

	right: 3%;

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

	border-radius: 50%;

	text-align: center;

	padding: 4.8% 0;

	font-size: 100%;

	cursor: pointer;

	box-shadow: 0 0 5px #d7d7d7;

	

	z-index: 9999;

}



.nav img {

	width: 100%;

	height: auto;

	box-shadow: 0 0 5px #d7d7d7;

	border-radius: 50%;

}



.nav_1 {

	width: 60%;

	position: absolute;

	right: 1%;

	top: -78%;

	display: none

}



.nav_2 {

	width: 60%;

	position: absolute;

	right: 83%;

	top: -61%;

	display: none

}



.nav_3 {

	width: 60%;

	position: absolute;

	right: 118%;

	top: 11%;

	display: none

}



.nav_4 {

	width: 60%;

	position: absolute;

	right: 95%;

	top: 91%;

	display: none

}



.nav_5 {

	width: 60%;

	position: absolute;

	right: 13%;

	top: 118%;

	display: none

}


.modal-st {

	width: 90%;

	margin: 0 auto;



	border-radius: 6px;

}



.modal-st .modal-header {



	border: none;



}



.modal-st .modal-header i {

	position: absolute;

	right: .1rem;

	top: .1rem;

	z-index: 9;

}

.scoded video{

	width: 100%;

}
.sta-click{
	cursor: pointer;
	display: block;
	position: relative;
}



#youku-playerBox{

	width: 100% !important;

	height: 100% !important;

}



.vid-tit {

	position: relative;

}



.vid-tit p {

	font-size: .18rem;

}



.vid-tit .close {

	position: absolute;

	right: 15px;

	top: 15px;

	font-size: .26rem;

}