/* 0. Base Style  */
/* initialization */
html {
    color: #333333;
    font-size: 1em;
    line-height: 1.4;
}


::-webkit-input-placeholder{
	color:#969696;
}
:-moz-placeholder{
caret-color:#969696;
}
::-moz-placeholder{
	color:#969696;
}
:-ms-input-placeholder{
	flood-color:#969696;
}
.liuyanbox ::-webkit-input-placeholder {
	color: #029fa8;
}
.liuyanbox :-moz-placeholder {
	caret-color: #029fa8;
}
.liuyanbox ::-moz-placeholder {
	color: #029fa8;
}
.liuyanbox :-ms-input-placeholder {
	flood-color: #029fa8;
}

/*修改滚动条*/
::-webkit-scrollbar {
	width: 6px;
	height:6px;
}
::-webkit-scrollbar-track {
	background: #fff;
}
::-webkit-scrollbar-thumb {
	background: #b88658;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #b88658;
}
::-webkit-scrollbar-thumb:vertical:hover {
	background: #1d517a;
}


*{margin: 0;padding: 0;}
html,body{overflow: unset;}
@font-face {
    font-family: 'zb';
    src: url('../fonts/zb.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

::-moz-selection {
    background: #fff;
    text-shadow: none;
}
a:focus, a:hover{text-decoration:unset}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#s-home{
	background-image: url(../images/banner1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
}
#s-when{
	background-image: url(../images/bg-slide1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
#s-yearsgo{
	background-image: url(../images/bg-slide2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
#s-ago{
	background-image: url(../images/bg-slide3-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	transition: 2s;
}
#s-ago.aon{background-image: url(../images/bg-slide3.jpg);}
#s-books{
	/* background-image: url(../images/bg-slide4.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.flex{
	display: flex;
	vertical-align: middle;
    justify-content: space-between;
    align-items: center;
}
body{
    font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
    background: #fff;
    margin: 0;
    padding: 0;
}
ul, li{
    list-style: none outside none;
    margin: 0;
}
iframe{
    border: none;   
}
.pos-rel{
    position: relative;
}
.pos-abs{
    position: absolute;
}
.pos-fix{
    position: fixed;
}
.full-width{
    width: 100%;
    max-width: 1440px;
}
.full-height{
    height: 100%;   
}
.full-size{
    top:0;
    left:0;
    right: 0;
    bottom: 0;
}
.topinfo{
	background-color: #f7f7f7;
	line-height: 40px;
	font-size: 13px;
	color: #222;
}
.topinfo b{
	color: #b88658;
	font-weight: bold;
}
.topinfo span{
	display: inline-block;
	color: #b88658;
	margin: 0 10px;
}
.topinfo .change-lang{
	display: inline-block;
}


.my-button{
    text-transform: uppercase; 
    font-size: 1rem;
    padding: 1em;
    /* padding-top: 0.8rem; */
    padding-bottom: 0.8rem;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
}

.center-vh{
/*
    height: 100%;
    width: 100%; 
*/
    /* width needed for Firefox */

    /* old flexbox - Webkit and Firefox. For backwards compatibility */
    display: -webkit-box; display: -moz-box;
    /* middle-aged flexbox. Needed for IE 10 */
    display: -ms-flexbox;
    /* new flexbox. Chrome (prefix), Opera, upcoming browsers without */
    display: -webkit-flex;
    display: flex;

    /* old flexbox: box-* */
    -webkit-box-align: center; -moz-box-align: center;
    /* middle flexbox: flex-* */
    -ms-flex-align: center;
    /* new flexbox: various property names */
    -webkit-align-items: center;
    align-items: center;


    -webkit-box-pack: center; -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;    
}
.pos-top{
    top:0;
}
.pos-left{
    left: 0;
}
.pos-right{
    right: 0;
}

.pos-bottom{bottom: 0;}
.relh100{position:relative; height: 100%;}
.disline{display: inline-block;}
ul, li{
    list-style: none outside none;
    margin: 0;
}
.full-width{
    width: 1440px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.fullscreen-width{
    width: 100%;
    max-width: 100%;
}
.table{
    display: table;
    height: inherit;
    margin: auto;
}
.table-cell{
    display: table-cell;
/*    height: inherit;*/
    vertical-align: middle;
}
.align-center{
    text-align: center;   
}
.align-left{    
    text-align: left;
}
.align-right{
    text-align: right;   
}
.align-justify{
    text-align: justify;   
}
.clearfix::after{
	content: "";
	clear: both;
}

/* menu-wrap */
.menu-wrap{
	background-color: #b88658;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	margin-left: -100%;
	overflow: auto;
	transition: .85s;
	z-index: 10;
}
.button-open{
	margin-left: 0;
	box-shadow: 4px 2px 15px 1px #B9ADAD;
}
/* menu-sidebar */
.count-6 .menu-sidebar .sliders{float: left;}
.count-6 .menu-sidebar>div:first-child{width: 93%;}
.count-6 .menu-sidebar>div:last-child{
	width: 7%; text-align: center;
	background-color: #fff;
}
.count-6 .menu-sidebar>div:last-child .mulu{
	padding: 17px;
	height: 100vh;
	overflow: hidden;
}
.mulu img{transition: 1s;}
.mulu:hover img{ transform: rotate(180deg);}
.count-6 .menu-sidebar h2{
	font-size: 17px;
	font-weight: bold;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sliders .logos{
    display: block;
    margin-top: 3%;
}
.count-6 .mnavsgo{
	margin: 5% auto;
	position: relative;
	overflow: hidden;
}
.count-6 .mnavsgo>li{
	text-align: center;
	display: block;
	justify-content: center;
	opacity: 0;
	transform: translateX(40px);
	transition: 0.5s;
	border-bottom: 1px solid rgb(255 255 255 / 10%);
	position: relative;
}
.count-6 .mnavsgo li a{
	color: #fff;
	line-height: 50px;
	font-size: 16px;
	width: 100%;
	display: block;
	transition: 0.5s;
}
.count-6 .mnavsgo li.on::after{
	content: ">";
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 24px;
    color: #fff;
    position: absolute;
    right: 5%;
	top: 8px;
	cursor: pointer;
    font-family: fangsong;
}

.count-6 .mnavsgo li.on>a{}
.count-6 .mnavsgo li ul li{display: flex;}
.count-6 .mnavsgo li .sub-menu{
	list-style: circle;
	list-style-type: disclosure-open;
	overflow: hidden;
    width: 100%;
	margin: 0;
	display: none;
}
.count-6 .mnavsgo li .sub-menu li{
	display: block;
	border-bottom: 1px solid #ededed;
}

.count-6 .mnavsgo li .sub-menu a{
	font-size: 15px;
	opacity: 0.8;
	/* font-family: monospace; */
    letter-spacing: 2px;
}
.count-6 .sliders .mleft{
	max-height: 100%;
	position: absolute;
	z-index: -1;
    top: 3%;
	left: -5%;
	opacity: 0;
	transition: 1s;
}
.button-open .sliders .mleft{
	transition-delay:1s;
	opacity: 1;
}

.mnavsgo li:first-child {
	transition-delay: .2s;
}
.mnavsgo li:nth-child(2) {
	transition-delay: .4s;
}
.mnavsgo li:nth-child(3) {
	transition-delay: 0.6s;
}
.mnavsgo li:nth-child(4) {
	transition-delay: 0.8s;
}
.mnavsgo li:nth-child(5) {
	transition-delay: 1s;
}
.mnavsgo li:nth-child(6) {
	transition-delay: 1.2s;
}
.mnavsgo li:nth-child(7) {
	transition-delay: 1.4s;
}
.mnavsgo li:nth-child(8) {
	transition-delay: 1.6s;
}
.mnavsgo li:nth-child(9) {
	transition-delay: 1.8s;
}
.button-open .mnavsgo li{
	opacity: 1;
	transform: translateX(0px);
}

/* banner */
.banner{
	width: 100%;
    margin: auto;
    display: flex;
    position: relative;
	z-index: 0;
	padding-bottom: 31.348%;
}
.banner .swiper-container{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.banner .swiper-pagination{bottom: 7%;}
.banner .swiper-slide{overflow: hidden;}
.banner .slide-content{padding-top: 25%;}
.banner .slide-content a{
	display: inline-block;
	margin: 3% auto 0;
	font-size: 31px;
	border-radius: 10px;
	width: 268px;
	padding: 1% 0;
	color: #d30011;
	transition: 0.3s;
	background-color: #fff;
	box-shadow: 0 5px 5px #4d5261;
}
.banner .slide-content a:hover{
	color: #ef821e;
	box-shadow: 0 5px 5px #ef821e;
}
.banner .slide-inner{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.banner .banbtn{
	width: 350px;
	background-color: #1a1a1a;
	position: absolute;
    bottom: 0;
    height: 85px;
    z-index: 10;
}
.banner .banbtn>div::after{color: #fff;transition: 0.3s;}
.banner .banbtn>div:hover::after{transform: scaleX(1.5);}
.banbtn .numbox{text-align: center;color: #fff;margin-top: 7%;}
.banbtn .numbox span{font-size: 18px;}
.banbtn .numbox .big{font-weight: bolder;font-size: 24px;}
.banner .swiper-pagination-bullet{
	display: inline-block;
	vertical-align: middle;
	width: 12px;height: 12px;
}
.banner .swiper-pagination-bullet-active{background-color: #029fa8;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{
	font-size: 18px;
	font-weight: bold;
}


.banner .swiper-button-next{
	top: 50%;
    right: 5%;
    width: 55px;
    height: 55px;
    background: unset;
    line-height: 55px;
    text-align: center;
	border-radius: 50%;
	transition: 0.3s;
}
.banner .swiper-button-prev{
	font-size: 20px;
	color: #007aff;
	top: 50%;
	left: 5%;
    width: 55px;
    height: 55px;
    background: unset;
    line-height: 55px;
    text-align: center;
	border-radius: 50%;
	transition: 0.3s;
}
.banner .swiper-button-prev:hover{
	color: #b88658;
}
.banner .swiper-button-next:hover{
	color: #b88658;
}






/* s-when */
@keyframes zhuan {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.btngo{text-align: right;margin-bottom: 35px;}
.btngo .more{
	position: relative;
	display: inline-block;
	width: 58px;
	height: 58px;
	line-height: 52px;
	text-align: center;
}
.btngo .more::after{
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../images/t1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	
	animation: zhuan 5s linear infinite;
}
.btngo .more img{
	position: relative;
	z-index: 1;
	transition: 0.3s;
}
.btngo .more:hover img{
	filter: brightness(2);
}
#s-when .content{
	color: #000;
	width: 1400px;
}
.page-when .lisir{
	padding-right: 16%;
	padding-bottom: 6%;
	background-image: url(../images/lins1.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}
.page-when .lisir .imgbox{
	width:100%;position:relative;margin:0 auto;overflow:hidden;
}
.page-when .lisir .imgbox img{height:99%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity: 0;transition:2s all;border-radius: 50%;}
.page-when .lisir .imgbox:after{
	content:'';transition:2s all;
	display:block;padding-top:89%;
	background:url(../images/pel.png) no-repeat center;
	background-size:100% 100%;position:relative;
}
.page-when .lisir:hover .imgbox:after {opacity:0;}
.page-when .lisir:hover img{opacity:1;border-radius: 50%;}
.page-when .lisir h3{color: #000;font-size: 20px;}
.page-when .cons{line-height: 35px;}
.page-when .liall{padding-left: 6%;}
.zugroup li{
	background-image: url(../images/zubg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	position: relative;
	width: 18%;
	padding: 4% 5%;
	font-size: 22px;
	float: left;
	margin-right: 2.5%;
	font-family: "宋体";
	font-weight: bold;
	writing-mode: vertical-rl;
	transition: 0.3s;
    display: flex;
    align-items: center;
}
.zugroup li:last-child{
	margin-right: 0;
}
.zugroup li::after{
	content: "";
	display: inline-block;
	width: 66px;
	height: 77px;
	background-image: url(../images/zubi.png);
	background-repeat: no-repeat;
	background-size: contain;
	transition: 0.3s;
	opacity: 0;
	position: absolute;
    z-index: 1;
    right: -10px;
    bottom: 0;
}

.zugroup li a{color: #7b5524;}
.zugroup li:hover{	box-shadow: 0px 0px 24px 1px rgba(150, 129, 117, 0.85);}
.zugroup li:hover::after{opacity: 1;bottom: -18px;}
.title{margin: 3% 0;position: relative;}

.title h3{
	font-size: 30px;
	color: #2b2b2b;
	font-weight: bold;
	margin: 0;
	line-height: 3;
	margin-bottom: -2px;
	border-bottom: 3px solid #029fa8;

	background: -webkit-linear-gradient(left, #b88658 30%, #e30000 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.title .info{
	color: #222222;
	font-size: 20px;
	line-height: 28px;
	width: 1023px;
	max-width: 100%;
	margin:1% auto;
}
.title p{
	color: #c2b195;
	opacity: 0.2;
	font-size: 50px;
	font-weight: bolder;
	text-transform: uppercase;
	line-height: 1px;
	position: absolute;
	top: 47%;
	white-space: nowrap;
}

.cc{
	padding: 2% 0 1%;
	background-image: url(../images/ccbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* doctor */
.doctorbox{
	color: #333333;
	padding: 4.2% 0 0;
	background-image: url(../images/doctorbg.jpg);
    background-repeat: no-repeat;
}
.docnav{
	padding: 2% 0;
	background-image: url(../images/doctorbg1.jpg);
	background-repeat: no-repeat;
}
.docnav a{
	color: #fff;display: inline-block;
	font-size: 16px;
	margin-right: 40px;
	position: relative;
	transition: 0.3s;
}
.docnav span{
	font-size: 38px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.3s;
}
.docnav a::after{
	position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: 0px;
    transition: all 0.5s;
    right: 0;
    transition: transform 0.5s;
    margin: auto;
    transform-origin: right center;
    transform: scaleX(0);
}
.docnav a:hover::after{
	transform-origin: left center;
    transform: scaleX(1) translateY(10px);
}
.docnav a:hover{transform: translateY(-10px);}
.docnav a:hover span{
	color: #dc443f;
	text-shadow: 2px 2px 3px #fff;
    font-weight: bold;
}
.leftinfo h3{
	font-size: 45px;
	font-weight: bolder;
	display: inline-block;
}
.leftinfo h3 span{
	font-size: 16px;
	display: inline-block;
	background-color: #dc443f;
	padding: 8px 10px;
	border-radius: 10px;
	vertical-align: middle;
	font-weight: 400;
}
.leftinfo p{
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 3%;
	width: 50%;
	padding-bottom: 1.8%;
	border-bottom: 1px solid rgba(255, 255, 251, 0.2);
}
.doctinfo{padding-bottom: 1.5%;}
.doctinfo .imgbox{position: absolute;border-radius: 7px;margin-top: 10px;}
.intefo p{margin-bottom: 0;}

.intefo{
	opacity: 0.8;
	margin:0 0;
	width: 82%;
	line-height: 32px;
	font-size: 16px;

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}
#expert{
	padding: 2% 0 4%;
	background-image: url(../images/exportbg.jpg);
	background-repeat: no-repeat;
}
#expert .title{margin-top: 0;}
#expert .swiper-slide a{color: #fff;position: relative;display: block;}
#expert .swiper-slide .imgbox img{
	width: 100%;
	height: 325px;
	object-fit: cover;
}
#expert .swiper-slide .cons{
	background-color: rgba(0, 0, 0, 0.8);
	padding:3% 8% 20% 8%;
	transition: 0.5s;
	width: 80%;
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
#expert .swiper-slide:hover .cons{opacity: 1;}
#expert .swiper-slide .cons h6{
	font-size: 20px;
	font-weight: bolder;
	line-height: 3;
	display: inline-block;
	border-bottom: 3px solid #029fa8;
}
#expert .swiper-slide .thisinfo{
	font-size: 15px;
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}


#expert .swiper-slide .flex{
	padding: 15px;
	background-color: #b88658;
	border-radius: 10px 10px 0 0;
	margin-top: -14%;
    position: relative;
}

#expert .swiper-slide .flex .icon{
	display: inline-block;
	font-size: 20px;
	text-indent: -0.31em;
	width: 44px;height: 44px;line-height: 44px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
}
#expert .swiper-slide .flex .name{
	width: 80%;
}
#expert .swiper-slide .flex .name h5{
	font-size: 20px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 5px 0;
}
#expert .swiper-slide .flex .name p{
	font-size: 16px;
	line-height: 35px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
}
#expert .contact-btn{
	text-align: center;
}
#expert .contact-btn > a {
	font-family: Montserrat;
    font-weight: 700;
    width: 240px;
    min-height: 44px;
    padding: 5px 25px;
    border-radius: 0px;
    border-width: 3px;
    border-color: rgb(52, 166, 247);
    border-style: solid;
    background: rgba(255, 255, 255, 0.01);
    color: rgb(52, 166, 247);
}
#expert .contact-btn > a:hover {
	background-color: #34a6f7;
	/*background-color: #fff;*/
	color:#fff;
	box-shadow: 0 0 5px #E6C2A9;
}

#medical-service{
	padding: 2% 0 4%;
	background-image: url(../images/exportbg.jpg);
	background-repeat: no-repeat;
}
#medical-service .imgbox {
	border-radius: 5px;
}
#medical-service .swiper-slide a h1 {
	color: #333333;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	min-height: 2em;
} 
#medical-service .title{margin-top: 0;}
#medical-service .swiper-slide a{
	color: #fff;
	position: relative;
	display: block;
}
#medical-service .swiper-slide a:hover h1{
	color: #b88658;
}
#medical-service .swiper-slide .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#medical-service .swiper-slide .cons{
	background-color: rgba(0, 0, 0, 0.8);
	padding:3% 8% 20% 8%;
	transition: 0.5s;
	width: 80%;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
#medical-service .swiper-slide:hover .cons{opacity: 1;}
#medical-service .swiper-slide .cons h6{
	font-size: 20px;
	font-weight: bolder;
	line-height: 3;
	display: inline-block;
	border-bottom: 3px solid #029fa8;
}
#medical-service .swiper-slide .thisinfo{
	font-size: 15px;
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}


#medical-service .swiper-slide .flex{
	padding: 15px;
	background-color: #029fa8;
	border-radius: 10px 10px 0 0;
	margin-top: -14%;
    position: relative;
}

#medical-service .swiper-slide .flex .icon{
	display: inline-block;
	font-size: 20px;
	text-indent: -0.31em;
	width: 44px;height: 44px;line-height: 44px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
}
#medical-service .swiper-slide .flex .name{
	width: 80%;
}
#medical-service .swiper-slide .flex .name h5{
	font-size: 20px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 5px 0;
}
#medical-service .swiper-slide .flex .name p{
	font-size: 16px;
	line-height: 35px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
}














/** 0. color Color */
.mask:before
{
    position: absolute;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    opacity: 0.8;
/*    z-index: 10;*/
}
.title.bg-red,
.bg-red,
.mask-red:before{    
    background: #e51c23;
}
.title.bg-yellow,
.bg-yellow,
.mask-yellow:before{    
    background: #ffeb3b;
}
.title.bg-blue,
.bg-blue,
.mask-blue:before{    
    background: #5677fc;
}
.title.bg-pink,
.bg-pink,
.mask-pink:before{    
    background: #e91e63;
}
.title.bg-green,
.bg-green,
.mask-green:before{    
    background: #259b24;
}
.title.bg-white,
.bg-white,
.mask-white:before{    
    background: #fff;
}
.title.bg-black,
.bg-black,
.mask-black:before{    
    background: #1f1f1f;
}
.title.bg-orange,
.bg-orange,
.mask-orange:before{    
    background: #ff9800;
/*    background: #ef6c00;*/
}
.title.bg-purple,
.bg-purple,
.mask-purple:before{    
    background: #9c27b0;
}
.title.bg-lime,
.bg-lime,
.mask-lime:before{    
    background: #cddc39;
}
.title.bg-bluegrey,
.bg-bluegrey,
.mask-bluegrey:before{    
    background: #607d8b;
}

.title.bg-bluegreylight,
.bg-bluegreylight,
.mask-bluegreylight:before{    
    background: #f7f7f7;
}
.title.bg-bluegreydark,
.bg-bluegreydark,
.mask-bluegreydark:before{    
    background: #37474f;
}
.title.bg-indigo,
.bg-indigo,
.mask-indigo:before{    
    background: #3f51b5;
}
.title.bg-black,
.bg-black,
.mask-black:before{    
    background: #000;
}
.title.bg-black1,
.bg-black1,
.mask-black1:before{    
    background: #333;
}
.title.bg-amber,
.bg-amber,
.mask-amber:before{    
    background: #ffc107;
}

.text-white{
    color: #fff;   
}
.text-black{
    color: #333333;   
}
.text-bold{
    font-weight: bold;   
}
.text-red{
    color: #e51c23;   
}
.text-blue{
    color: #455ede;   
}
.text-orange{
    color: #ff9800;   
}
.text-yellow{
    color: #ffd600;   
}
.text-amber{
    color: #ffc107;   
}
.text-pink{
    color: #e91e63;   
}
.text-lightblue{
    color: #03a9f4;   
}

.small-col-20{
    width: 20%;
}
.box-shadow {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),
     0 2px 2px rgba(0,0,0,0.2),
     0 0 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),
     0 2px 2px rgba(0,0,0,0.2),
     0 0 4px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),
     0 2px 2px rgba(0,0,0,0.2),
     0 0 4px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),
     0 2px 2px rgba(0,0,0,0.2),
     0 0 4px 1px rgba(0,0,0,0.1);
}





/* Viewport visibility animation  */
.hidden{
     opacity:0;
     -webkit-transition: 0.6s;
     -ms-transition: 0.6s;
     transition: 0.6s;
}
.visible{
     opacity:1;
    -ms-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.invisible{display: none !important;}
.s-visible-medium-up{opacity:0;}
strong,
.bold{font-weight: bold;}
.column, .columns{padding: 0;}
.crumbs{margin-top: 1%;padding-bottom: 2%;}
.crumbs a{color: #8b8b8b;transition: 0.3s;}
.crumbs a:hover{color: #de1e26;}
.crumbs a:last-child{color: #999;}
.crumbs span{display: inline-block;font-size: 18px;margin-right: 10px;}
.inbanner{position: relative;}
.inbanner>img{
	max-width: 100%;
	min-height: 180px;
	object-fit: cover;
}
.inbanner .crumbs{position: absolute;width: 100%;top: 20%;color: #8b8b8b;}
.inbanner h2{
	font-size:45px;
	/*color: #029fa8;*/
	font-weight: bold;
	line-height: 2;
	text-align: center;
	background: -webkit-linear-gradient(left, #b88658 30%, #e30000 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}
.innav{
	background-color: #fff;
	position: relative;
}
.innav a{
	font-size: 18px;
	display: inline-block;
	margin-right: 5%;
	line-height: 67px;
	color: #5b7677;
	border-bottom: 3px solid #fff;
	transition: all 0.3s;
	width: 72px;
	text-align: center;
	white-space: nowrap;

}
.innav a.on{border-bottom: 3px solid #029fa8;font-weight: bolder;color: #029fa8;}
.innav a:hover{border-bottom: 3px solid #029fa8;font-weight: bolder;color: #029fa8;}
#imgpage .title .desc{
	font-size: 16px;
	color: #4f4f4f;
	line-height: 35px;
}
.img_info .items{
	background-color: #fff;
	width: 90%;
	margin: 5% auto;
	padding: 9%;
	text-align: center;
}
.img_info .items h2{
	font-size: 22px;
	font-weight: 400;
	padding: 4% 2% 8% 2%;
	color: #2b2b2b;
	margin-bottom: 3%;
	border-bottom: 1px solid #2b2b2b;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.img_info .items p{
	color: #8c8c8c;
	line-height: 30px;
	font-size: 15px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 60px;
	margin: 0;
}
.img_info .items .imgbox img{
	height: 239px;
	width: 100%;
	object-fit: contain;
}

.img_info .itembox{
	background-color: #fff;
	width: 97%;
	margin: 2% auto;
	padding: 4%;
	/*min-height: 330px;*/
	border: 1px solid #fff;
}
.img_info .itembox:hover{
	border: 1px solid #b88658;
}

.img_info .itembox .imgbox img{max-height: 360px;}

.img_info h2{
	font-size: 30px;
	margin: 0;
	font-weight: bolder;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.img_info .namebox{margin-left: 10%;}
.itembox .namebox .flex{align-items: flex-end;margin-top: 12%;}
.itembox .namebox .mores{margin: unset;line-height: 42px;border-radius: 7px;width: 128px;}
.img_info .tags{
	color: #029fa8;
	font-size: 18px;
	border: 1px solid #029fa8;
	background-color: #e1f4f5;
	padding: 2%;
	margin: 6% 0;
}
.img_info .tags::before{
	content: "·";
	display: inline-block;
    margin-right: 4px;
    vertical-align: sub;
    zoom: 2;
    line-height: 15px;
}
.img_info .info{
	border-top: 1px solid #cdcdcd;
	padding-top: 5%;
	margin-top: 9%;
	font-size: 15px;
	line-height: 28px;
	color: #767676;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.people_info{padding: 3%;background-color: #fff;}
.ysjs{border-top: 1px solid #dedede;font-size: 16px;line-height: 31px;}
.ysjs p{margin-bottom: 15px;}
.ysjs h4{font-size: 26px;font-weight: bolder;color: #2b2b2b;line-height: 2;margin-top: -1%;}
.people_info .imgbox{width: 95%;margin: auto;}
.people_info .people .name{white-space: nowrap;}
.people_info .people .name span{
	color: #b88658;
    font-size: 18px;
    border: 1px solid #b88658;
    background-color: #e1f4f5;
    padding: 7px 18px 7px 10px;
    margin: 6% 0;
}
.people_info .people .name span::before{
	content: "·";
	display: inline-block;
    margin-right: 4px;
    vertical-align: sub;
    zoom: 2;
    line-height: 15px;
}

.people_info .people .name h2{display: inline-block;font-size: 30px;color: #2b2b2b;margin-right: 5%;}
.people_info .people .desc{
	height: 170px;
	line-height: 35px;
	margin-top: 1%;
	padding-top: 1.5%;
	border-top: 1px solid #ccc;
	display: flex;
}
.people_info .people .desc span{
	color: #636363;
	font-size: 16px;
}
.people_info .people .desc span:first-child{
	color: #dc443f;font-weight: bolder;
	display: inline-block;
	margin-right: 15px;
	min-width: 85px;
}
.people_info .peotel{
	font-size: 15px;
	line-height: 35px;
	color: #999;
	text-align: center;
}
.peotel .telname{
	font-size: 18px;
	color: #dc443f;
	margin-bottom: 5%;
	margin-top: -9%;
	text-align: right;
}
.peotel .telname img{zoom: 0.68;}
.peotel .telname span{
	font-size: 28px;
	font-weight: bolder;
	vertical-align: bottom;
}
.peotel .vcode{width: 15%;}
.peotel .btns{width: 100%;}
.peotel .btns a{
	width: 50%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 13px 0;
	float: left;
	background-color: #b88658;
	display: block;
	transition: 0.5s;
}

.peotel .btns a:last-child{background-color: #dc443f;}
.peotel .btns a:hover{
	box-shadow: 2px 2px 6px #000;
}

.header-top{display: block;}
.header-top .uscase{padding: 1.65% 0;background-color: #fff;}
.header-top .uscase img{max-width: 100%;}
.header-top .uscase .item:nth-child(1){max-width: 78%;}
.header-top .uscase .item:nth-child(2){max-width: 22%;}

.header-top .tels{
	font-size: 26px;
	color: #b88658;
    padding: 10px 18px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
	align-items: center;
	font-weight: 700;
}
.header-top .tels h2{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #848484;
}
.header-top .tels .icon{
	font-size: 35px;
}
.header-top .telname{
	padding-left: 2.5%;
}
.header-top .telname span{
	font-family: fantasy;
	font-weight: 400;
}
.uscase .logos{
	margin-right: 20px;
}



.header-top.material{
	background: rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.header-top .logo img{
	max-width: 148px;
	width: auto;
}
.header-top .logo{
	transition: 0.3s;
}
.header-top .logo:hover{
	background: rgba(255, 255, 255, 0.15);
}

.header-top.material .menu{
	border-right: 1px solid #f5f5f5;
}
.header-top.material .menu:last-child{
	border-right: none;
}
.header-top.material .menu a,
.header-top .menu a{
	height: 56px;
/*		display: inline-block;*/
	display: block;
	float: left;
	background: #fff;
	color: #5677fc;
	text-transform: capitalize;
	text-align: center;
	font-size:18px;
	font-family: 'Asap';
	font-weight: normal;
	padding: 14px 16px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.header-top .menu a{
	background: transparent;
	font-weight: normal;
/*		font-weight: bold;*/
	color: #fff;
	position: relative;
}
.header-top.material .menu a:first-child:after{
	display: none;
}
.header-top .menu a:first-child:after{
	position: absolute;
	left: 0;
	top: 25%;
	height: 50%;
	width: 1px;
	background: #fff;
	content: "";
}

.header-top.material .menu a:hover{
	background: #5677fc;
}
.header-top .menu a:hover{
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}
 
/* 2. Dot navigation at right */
#fp-nav.right{
    right: 28px;
    margin-right: 10px;
	position: absolute;
}
#fp-nav span, .fp-slidesNav span{
    border-color: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	width: 10px;
	height: 10px;
}
#fp-nav ul li, .fp-slidesNav ul li{
	height: 27px;
	width: 60px;
}
#fp-nav ul li a span{
	width: 7px;height: 7px;
	background: #8f795b;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
	height: 27px;
	width: 60px;
	border-radius: 0;
	left: 10px;
	top: 10px;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
	width: 15px;height: 15px;
}

#fp-nav li, .fp-slidesNav li {
    display: block;
    width: 10px;
    height: 10px;
    margin: 16px;
    position: relative;
}
#fp-nav li .active span, .fp-slidesNav .active span{
	background-image: url(../images/navon.png);
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#s-ago .content{
	color: #000;
	width: 1400px;
	padding: 0;
}
#s-ago .huiyi{
	margin-top: 2%;
	margin-left: 9%;
	transform: translateX(-20%);
	opacity: 0;
	transition: all 2s;
}

.page-ago .agoimg{opacity: 0;transition: all 2s;}
.yearsgo .swiper-container{transition: all 2s;}
#s-ago .huiyi .cons{margin-top: 5%;}
#s-ago.active  .huiyi{
	transform: translateX(0%);
	opacity: 1;
	transition-delay:1s;
}
.page-ago.active .agoimg{
	transition-delay:1s;
	opacity: 1;
}
.active .yearsgo .swiper-container{
	transition-delay:1s;
	filter: blur(0px);
}

.page-home .h-left{
	filter: blur(5px);
	transform: translateX(-20%);
	transition: all 2s;
}
.page-home .h-right{
	filter: blur(5px);
	transform: translateX(20%);
	transition: all 2s;
}

.active .h-left{
	transition-delay:0.5s;
	filter: blur(0px);
	transform: translateX(0%);
}
.active .h-right{
	transition-delay:0.5s;
	filter: blur(0px);
	transform: translateX(0%);
}

#s-ago .huiyi p{
	color: #000;
	font-size: 16px;
	text-indent: -2%;
	text-align: center;
}

#s-ago .huiyi p:last-child{text-indent: 30%;}

.agoimg img{filter: blur(1px);transition: 1s;}
.agoimg:hover img{filter: blur(0px);transform: scale(1.1);}
#s-books .myfamily{
	color: #fff;
	width: 470px;
	float: right;
	margin-right: 3%;
	background-image: url(../images/jias.jpg);
	background-repeat: no-repeat;
	padding: 1%;
}
#s-books .content{padding: 0;width: 1400px;}

.quick-link{
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.quick-link #qmenu .zb-nav-trigger{
	width: 36px;
	height: 36px;
	display: block;
	margin:10px auto;
	border-radius: 50%;
	border: 1px solid #fff;
    position: relative;
	z-index: 4;
	overflow: hidden;
}
.zb-nav-trigger>span {
    position: absolute;
    width: 55%;
    height: 2px;
    right: 23%;
    background-color: #fff;
    transition: all .5s;
}
.zb-nav-trigger .cmnBtnMenu_wrap_line1{top: 25%}
.zb-nav-trigger .cmnBtnMenu_wrap_line2{top: 45%}
.zb-nav-trigger .cmnBtnMenu_wrap_line3{top: 65%}
.zb-nav-trigger:hover span:nth-child(1){
	-webkit-transform: translateX(10px) rotate(45deg);
	-ms-transform: translateX(10px) rotate(45deg);
	-o-transform: translateX(10px) rotate(45deg);
	transform: translateX(10px) rotate(45deg);
}
.zb-nav-trigger:hover span:nth-child(3){
	-webkit-transform: translateX(10px) rotate(-45deg);
	-ms-transform: translateX(10px) rotate(-45deg);
	-o-transform: translateX(10px) rotate(-45deg);
	transform: translateX(10px) rotate(-45deg);
}
.quick-link #qmenu{height: 56px;}
.quick-link #qmenu>li.monnav{display: none;}
.quick-link #qmenu>li{
	list-style: none;
	float: left;
	width: 11.11%;
	text-align: center;
	position: relative;
	transition: 0.5s;
}

.quick-link #qmenu>li ol{
	background-color: #fff;
	padding: 0px 0;
    transform: rotateX(90deg) translateX(-50%);
    transform-origin: top;
    transition: all 0.3s;
    position: absolute;
    min-width: 100%;
    z-index: 11;
    left: 50%;
    top:60px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.quick-link #qmenu>li ol li{
}
.quick-link #qmenu>li ol li a{
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}
.quick-link #qmenu>li ol li a:hover{
	color: #b88658;
	/*font-weight: ;*/
}
.quick-link #qmenu>li:hover{
    border-bottom: 3px solid #b88658;
}
.quick-link #qmenu>li:hover>a{
    color: #b88658;
}
.quick-link #qmenu>li:hover ol{
    transform: rotateX(0deg) translateX(-50%);
}
.quick-link #qmenu a{
	color: #333333;
	line-height: 56px;
	display: block;
	font-size: 18px;
	font-weight: 600;
}
/* .quick-link #qmenu li:hover{
	background-color: #0e8a91;
} */


.quick-link.count-1{
	margin-top: -24px; /* 48*1/2*/
}
.quick-link.count-2{
	margin-top: -48px; /* 48*5/2*/
}
.quick-link.count-3{
	margin-top: -72px; /* 48*3/2*/
}
.quick-link.count-4{
	margin-top: -96px; /* 48*4/2*/
}
.quick-link.count-5{
	margin-top: -120px; /* 48*5/2*/
}
.quick-link.count-7{
	margin-top: -168px; /* 48*7/2*/
}


/* 3.2 Links */

#qmenu{display: block;transition: 0.5s;}
/* #qmenu.on{transform: translateX(-100%);} */
.quick-link #qmenu li{
	position: relative;
}
.quick-link #qmenu li.active {
	border-bottom: 3px solid #b88658;
}
.quick-link #qmenu li.active a{
	color: #b88658;
}
.quick-link a.marked{
	color: #fff;
	background: #958484;
}
/*.quick-link #qmenu li.active i.underline {
  bottom: -7px;
  background-color: #1e73be;
  background: #1e73be;
  background: -webkit-linear-gradient("");
  background: linear-gradient("");
  height: 2px;
}*/

/* 5. Page cover */
.page-cover{
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 0;
}
.page-cover .cover-bg.bg-color{
	background-image: none;
	z-index: -3;
}
.page-cover .cover-bg.cover-bg-mask{
	background: rgba(0, 0, 0, 0.12);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed; 
	z-index: 0;
	-webkit-transition: 5s;
	-ms-transition: 5s;
	transition: 5s;
}
.page-cover .vegas-timer {
	display: none;
}
.page-main{  
    position: relative;
    width: 100%;
    height: 100%;
}

.p-footer {
    bottom: 0;
    position: absolute;
    width: 100%;
    padding-top: 5rem;
}
.p-footer .icon{
	position: absolute;
	top: 24px;
	color: #fff;
	text-align: center;
	width: 24px;
	margin-left: -12px;
	font-size: 20px;
	transition: 0.3s;
}

.p-footer .text{
	font-size: 12px;
	font-family: "Asap";
	text-transform: uppercase;
}
.p-footer:hover .icon{
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.p-footer .arrow-d{
    position: relative;
    width: 1px;
    background: rgba(255, 255, 255, 0.15);
    height: 48px;
    width: 48px;
    left: 50%;
    bottom: 32px;
	margin: 0;
	display: block;
	border: 0px solid #fff;
	border-radius: 100%;
    margin-left: -24px;   
	transition: 0.3s;
	font-family: "Asap";
	color: #fff;
	font-size: 14px;
}
.p-footer .arrow-d:hover{
	background: #5677fc;
}
.p-footer .arrow-d.gone{
	-webkit-transform: scale(0);   
	transform: scale(0);   
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.p-footer .arrow-d .circle{
	top: 12px;
	bottom: 12px;
	left: 12px;
	right: 12px;
	position: absolute;
	content: "";
	background: #fff;
	border-radius: 100%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.p-footer .arrow-d .circle:after{
	top: 12px;
	bottom: 12px;
	left: 12px;
	right: 12px;
	position: absolute;
	content: "";
	background: #fff;
	border-radius: 100%;
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}
.p-footer .arrow-d .after,
.p-footer .arrow-d .before{
	top: 14px;
	position: absolute;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 1;
}
/* Hover animation */
.p-footer .arrow-d:hover .after,
.p-footer .arrow-d:hover .before{
	opacity: 0.15;
}
.p-footer .arrow-d:hover .circle{
	background: #5677fc;
	background: rgba(86, 119, 252, 0);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px; 
}
.p-footer .arrow-d:hover .circle:after{	
	border-radius: 0;
	left: 23px;
	right: 23px;
}
.p-footer .arrow-d .before{
	text-align: right;
	float: right;
	right: 72px;
}
.p-footer .arrow-d .after{
	text-align: left;
	float: left;
	left: 72px;
}
.p-footer .arrow-d:after,
.p-footer .arrow-d:before{
	position: absolute; content: ' ';
	width: 24px;
	height: 24px;
	left: 12px;
	margin-left: 0.5px;
/*
	-webkit-transform: rotateY(45deg);
	-ie-transform: rotateY(45deg);
*/
	border: 2px solid rgba(255, 255, 255, 0.15);
	border-left-color: transparent;
	border-top-color: transparent;  
	-ms-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.p-footer .arrow-d:after{   
	border-right-color: transparent;  
	top: 12px;
	left: 36px;
	-ms-transform: rotateZ(-45deg); 
	-webkit-transform: rotateZ(-45deg); 
	transform: rotateZ(-45deg); 
}
.p-footer .arrow-d:before{  
	border-bottom-color: transparent;
	top: 12px; 
	left: -12px;
	-ms-transform: rotateZ(-135deg);
	-moz-transform: rotateZ(-135deg);
	transform: rotateZ(-135deg);
}
.p-footer .arrow-d.no-change:after, 
.p-footer .arrow-d:hover:after{ 
	top: 14px; 
	left: 14px;
	bottom: 14px;
	right: 14px;
	width: auto;
	height: auto;
	border: 2px solid #fff;
	border-left-color: transparent;
	border-top-color: transparent;  
	border-right-color: transparent; 
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.p-footer .arrow-d.no-change:before,
.p-footer .arrow-d:hover:before{
	top: 14px;
	left: 14px;
	bottom: 14px;
	right: 14px;
	width: auto;
	height: auto;

	border: 2px solid #fff;
	border-left-color: transparent;
	border-top-color: transparent;  
	border-bottom-color: transparent;
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.p-footer:hover .arrow-d.no-change:after, 
.p-footer:hover .arrow-d.no-change:before{
	top: 4rem;
}
.p-footer .arrow-d a{
	color: inherit;
}


.page{    
    position: relative;
    width: 100%;
    height: 100%;
}
.page-cent{
    width: 100%;   
    position: relative;
    text-align: center;
}

.page-cent .content{
    width: 720px;
/*    width: auto;*/
    margin: 0 auto;
	padding-top: 72px;
	padding-bottom: 72px;
    padding-left: 6em;
    padding-right: 6em;
    display: inline-block; 
    -ms-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
	text-align: left;
    font-family: 'Asap';
	color: #fff;
}
.page-cent .p-title{
    display: block;
    margin-bottom: 0.5rem;
}
/* .page-yearsgo */
.page-yearsgo .content{
	color: #000;
	width: 100%;
	padding-left: 100px;
	padding-right: 0;
}
.page-yearsgo .content header{
	padding-top: 2%;
	padding-right: 6em;
}
.page-yearsgo .content header .gallery-top{padding-top: 5%;}
.page-yearsgo .content header .gallery-top .swiper-slide{opacity: 0!important;}
.page-yearsgo .content header .gallery-top .swiper-slide .dropup{transition: 1s; transform: translateY(-5%);opacity: 0.2;}
.page-yearsgo .content header .gallery-top .swiper-slide-active{opacity: 1!important;}
.page-yearsgo .content header .gallery-top .swiper-slide-active .dropup{transform: translateY(0%);opacity: 1;}
.page-yearsgo .content header::before{
	content: "";
	display: block;
	width: 89%;
	padding-bottom: 31%;
	background-image: url(../images/books.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: -1;
	top: -100%;	
	filter: blur(10px);
	opacity: 0;
	transition: 3s;
	transition-delay: 1s;
}
.page-yearsgo.active .content header::before{transition-delay: 1s;top: 0;filter: blur(0px);opacity: 1;z-index: 0;}
.page-yearsgo .btngo{text-align: center;}
.page-yearsgo .p-title .imgbox{
	margin-bottom: -10%;
    margin-top: -1%;
}
.page-yearsgo .cons{margin-bottom: 25px;}
.yearsgo{margin-top: -2%;}
.yearsgo 
.yearsgo ul{
	height: 150px;
	background-image: url(../images/ligo.png);
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
	width: 100%;
}
.yearsgo ul li{
	position: absolute;font-size: 16px;color: #7b5524;
	line-height: 4;text-align: center;
}
.yearsgo ul li p{color: #7b5524;}
.yearsgo ul li.on{color: #a80000;}
.yearsgo ul li:nth-child(1){left: 12.5vw;top: -32.4%;}
.yearsgo ul li:nth-child(2){
	left: 27.5vw;
	top: -24.4%;
}
.yearsgo ul li:nth-child(3){
	left: 43.5vw;
    top: -4.4%;
}
.yearsgo ul li:nth-child(4){
	left: 59.5vw;
    top: 1.6%;
}
.yearsgo ul li:nth-child(5){
	left: 80.5vw;
	top: -7.4%;
}

.yearsgo .swiper-container{
	height: 150px;
	background-image: url(../images/ligo.png);
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
	width: 100%;
	overflow: visible;
}

.yearsgo .swiper-container .swiper-slide{
	/* position: absolute; */
	
	font-size: 16px;color: #7b5524;
	line-height: 4;text-align: center;
}
.yearsgo .swiper-container .swiper-slide p{color: #7b5524;}
.yearsgo .swiper-container .swiper-slide-thumb-active p{color: #a80000;font-weight: bold;}
.yearsgo .swiper-container .swiper-slide:nth-child(1){
	margin-top: -2.3%;
}
.yearsgo .swiper-container .swiper-slide:nth-child(2){
	margin-top: -2.1%;
}
.yearsgo .swiper-container .swiper-slide:nth-child(3){
	margin-top: -0.2%;
}
.yearsgo .swiper-container .swiper-slide:nth-child(4){
	margin-top: 0.1%;
}
.yearsgo .swiper-container .swiper-slide:nth-child(5){
	margin-top: -1%;
}
.myslider{
	width: 100%;
	height: 100px;
	position: relative;
	z-index: 1;
}
.myslider .snext{
	position: absolute;
    right: 10%;
    top: -240%;
}
.myslider .sprev{
	position: absolute;
    left: 10%;
    top: -240%;
}
@keyframes downico {
	0% { -webkit-transform: translateX(-40%); transform: translateX(-40%); opacity: 0; }
	50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
	100% { -webkit-transform: translateX(40%); transform: translateX(40%); opacity: 0; }
}
@keyframes downicos {
	0% { -webkit-transform: translateX(40%); transform: translateX(40%); opacity: 0; }
	50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
	100% { -webkit-transform: translateX(-40%); transform: translateX(-40%); opacity: 0; }
}
.myslider .snext::before{
	content: "";
	display: inline-block;
	background-image: url(../images/rightline.png);
	width: 100px;
	padding-bottom: 10px;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: -18px;
    text-align: right;
    background-position: right;
	position: relative;
	animation: downico 1.5s ease-in-out 1s infinite;
}
.myslider .sprev::after{
	content: "";
	display: inline-block;
	background-image: url(../images/leftline.png);
	width: 100px;
	padding-bottom: 10px;
    background-repeat: no-repeat;
    background-size: auto;
	margin-left: -16px;
	animation: downicos 1.5s ease-in-out 1s infinite;
}
.myslider .swiper-button-disabled::before{animation:unset;}
.myslider .swiper-button-disabled::after{animation:unset;}

.imgbox{overflow: hidden;}
.imgbox img{
	max-width: 100%;
	transition: 0.3s;
	display: block;
	margin: auto;
}

.imgbox:hover img{transform: scale(1.1) rotate(0deg);}
.imglistbox{padding: 25px 0;}
.imglistbox a{
	display: block;
	width: 96%;
	margin: 2% auto;
	color: #222;
	transition: 0.5s;
}
.imglistbox h5{
	text-align: center;
	padding: 5% 4%;
	margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 17px;
	font-weight: 700;
}

.imglistbox .imgbox img{
	width: 100%;
	height: 280px;
	object-fit: cover;
}

/* navbans */
.navbans .contents img{height: 375px;object-fit: contain;}


@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}
@keyframes rotate1 {
    50% {
        border-radius: 38%;
        transform: translate(-30%, 8%) rotate(180deg);
    }100% {
        border-radius: 45%;
        transform: translate(-20%, 0%) rotate(360deg);
    }
}
@keyframes rotate2 {
    50% {
        transform: translate(30%, 8%) rotate(180deg);
    }100% {
        transform: translate(20%, 0%) rotate(360deg);
    }
}
.godown{
	position: absolute;
	bottom: 14px;
	left: 50%;
	z-index: 10;
    transform: translateX(-50%);
}
.navbans{
	background-image: url(../images/jpbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 7%;
	padding-bottom: 14%;
	overflow: hidden;
	position: relative;
}
.navbans .left{
	width: 18%;
	max-height: 450px;
	position: absolute;
    top: 20%;
    left: 3%;
}
.navbans .right{
	max-height: 450px;
	max-width: 21%;
	position: absolute;
    top: 20%;
    right: -3%;
}
.wrap{width: 1400px;margin: auto;}
.jiapu{background-color: #ededed;}
.jiapu .libox{
	padding-top: 4%;
	background-color: #ededed
}
.name h2{
	font-size: 40px;
	font-weight: bold;
	color: #502d19;
}
.name .cons{
	color: #191b1f;
	line-height: 35px;
}
.trees{
	margin: 20px auto;
	background-image: url(../images/trees.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 800px;
}
.trees .alls{
	display: flex;
	justify-content: space-between;
	width: 720px;
	margin: auto;
}
/* newspages */
.newspages{background-color: #ededed;}
.newspages .navbans{padding-bottom: 7.584%;}
.newspages .navbans .left{width: auto;max-width: 475px;top: 25%;left: -1%;}
.newspages .libox{padding: 50px 0;}
.mynewlist{overflow: hidden; margin: 15px auto;padding: 10px;}
.mynewlist li{
	padding: 20px 0;
	margin-bottom: 2%;
	color: #222;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
	position: relative;
	transition: 0.5s;
	border-bottom: 2px solid #ccc;
}
.mynewlist li::before{
	position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background: #029fa8;
    left: 0;
    bottom: -2px;
    transition: all 0.5s;
    right: 0;
    transition: transform 0.5s;
    margin: auto;
    transform-origin: right center;
    transform: scaleX(0);
}
.mynewlist li:hover::before{
	transform-origin: left center;
    transform: scaleX(1);
}

.mynewlist li .imgbox img{
	width: 100%;
	max-width: 240px;
	height: 170px;
	object-fit: cover;
}

.mynewlist li .flex>div:first-child{width: 22%;}
.mynewlist li .flex>div:last-child{width: 77%;}
.mynewlist li .list{padding-left: 5%;}
.mynewlist li h3{
	margin-top: -5px;
	color: #2b2b2b;
	font-size: 24px;
	line-height: 2;
	font-weight: 400;
	display: inline-block;
	margin: 0;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	max-width: 88%;
}
.mynewlist li .cons{
	color: #707070;
	margin-top: 1px;
	margin-bottom: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mynewlist li .time{color: #999;font-size: 14px;float: right;margin-top: 7px;}
.mynewlist li .btngo{text-align: left;margin-bottom: 0;margin-top: 2%;}
.mynewlist li:hover h3{color: #029fa8;}
.mynewlist .mores{line-height: 45px;border-radius: 10px;}
.mynewlist .mores:hover{
	/* color: #fff;
	background-color: #8a9292; */
	box-shadow: 0 0 5px #E6C2A9;
}

.newsinfo{margin-top: 3%;}
.newsinfo .imgmain p{font-weight: 400;}

.contbox{font-size: 16px;}
.contbox h5{font-size: 36px;line-height: 2.3;margin-bottom: 2%;}
.contbox h5::after{
	content: "";
	display: block;
	width: 86px;
	height: 2px;
	background-color: #222;
	margin: 0.5% auto;
}
#map{margin: 2.2% auto;text-align: right;}
#map img{max-width: 100%;}
.loction{width: 1118px;margin: auto;max-width: 100%;line-height: 30px;}
.loction a{display: block;margin-bottom: 5%;}
.codebox{
	margin-top: 1%;
	align-items: center;
    text-align: center;
    justify-content: flex-end;
}

/* 上下页 */
#prev_next{margin: 10px 0px;clear: both;overflow: hidden; }
#prev_next li{
	line-height: 44px;
	padding: 0 10px;
	margin: 10px 0;
	color: #b88658;
	font-weight: 700;
}
#prev_next li i{ margin-right: 5px; }
#prev_next li a{color: #858585;font-weight: 400;}
#prev_next li a:hover{ color: #e60000; }
#prev_next li div{
	display: inline-block; 

}
#prev_next li:first-child{float: left;width: 50%;}
#prev_next li:last-child{float: right;width: 50%;}
/* 分页 */
.de-page-mian{
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin: 10px 0 35px;
    clear: both;
}
.de-page-mian .page-inner{
    display: inline-block;
    overflow: hidden;
    padding: 5px;
}
.de-page-mian .page-inner a{
	display: block;
    width: auto !important;
    float: left;
    min-width: 26px;
    padding: 0 15px;
    margin: 0 10px;
    height: 36px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #333;
    margin-right: -1px;
    overflow: hidden;
}
.de-page-mian .page-inner a.disabled {
	background-color: #999;
}
.de-page-mian .page-inner a.disabled:hover {
	pointer:;
}
.de-page-mian .page-inner a.active,.de-page-mian .page-inner a:hover{
    color: #fff;
    /*border-color: #333;*/
	background: #b88658;
}
.de-page-mian .page-inner a.prev{margin-right: 10px;}
.de-page-mian .page-inner a.prev::before{
    content: "<<";
    display: inline-block;
}
.de-page-mian .page-inner a.prev:hover{border-color: #ddd;}
.de-page-mian .page-inner a.next{
    margin-left: 10px;
    margin-right: 15px;
}
.de-page-mian .page-inner a.next::before{
    content: ">>";
    display: inline-block;
}
.de-page-mian .page-inner a.next:hover{border-color: #ddd;}
.de-page-mian .page-inner a.page-btn {
    font-size: 16px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px;
}
.de-page-mian .page-inner span{
	display: block;
    font-size: 16px;
    color: #fff;
    float: left;
    line-height: 38px;
}
.de-page-mian .page-inner input{
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px;
}

/* infopage */
.infopage{
	background-image: url(../images/infobg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-color: #ededed;
	width: 100%;
}
.infopage .header-top{
	left: unset;right: 5%;

}
.goback{
	color: #b88658;
	font-size: 16px;
	padding: 9px 2%;
	display: inline-block;
	background-color: #fff;
	transition: 0.3s;
	margin-right: 20px;
	border:1px solid #b88658;
	border-radius: 10px;
	margin-top: 2.5%;
}
.goback span{display: inline-block;margin-left: 1em;}
.goback:hover{color: #fff;background-color: #b88658;}

.libox .namebox{
	padding: 3%;
	margin-top: 3%;
	background-color: #fff;
}
.libox .namebox .imgbox img{max-width: 100%;max-height: 358px;}
.lidefault h3{display: inline-block;font-size: 30px;}
.lidefault>span{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
	padding: 7px 21px;
	background-color: #604333;
	transform: translateY(-2px);
	margin-left: 3%;
}
.lidefault .infos{
	color: #808080;
	margin-top: 3%;
	margin-bottom: 3%;
	padding: 3% 0;
	font-size: 15px;line-height: 29px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.abotsinfo{
	line-height: 37px;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.abotsinfo form input{
	border-radius: 8px;
	border-color: #a80000;
	border-width: 2px;
}
.liloc{
	filter: blur(5px);
}
.pass .liloc{
	filter: blur(0);
}
/* renwupage */
.renwupage{background-color: #ededed;}

.renwupage .navbans .left{top: 31%;}
.thebirs{
	text-align: center;width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 20px;
}
.thebirs span{font-size: 15px;color: #de1e26;font-weight: bolder;}
.thebirs a{display: inline-block;color: #666;transition: 0.3s;font-size: 15px;}
.thebirs a:hover{color: #de1e26;}
.renwupage .libox{padding: 50px 0;}
.imgmain{margin: 20px auto;}
.imgmain .row{
	margin-left: -15px;
	margin-right: -15px;
	max-width: auto;
}
.imgmain h3{
	color: #2b2b2b;
	font-size: 24px;
	margin-top: 3%;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
}
.imgmain .time{
	padding-bottom: 1%;
	text-align: left;
	font-size: 15px;
	color: #b88658;
	font-weight: bolder;
	border-bottom: 1px solid #999;
}

.imgmain p{color: #909090;font-size: 16px;}
.imgmain .imgbox{margin: 30px auto 10px;}
.imgmain .imgbox img{width: 100%;height: 265px;object-fit: contain;}
.imgmain a:hover{box-shadow: 0 0 20px #c3c2c2;}
.imgmain a:hover .icon{
	transform: rotateY(180deg);
	background-image: url(../images/yu1.png);
}
.inalldefault{
	padding-bottom: 2%;
	margin-bottom: 2%;
	border-bottom: 1px solid #c3c2c2;
}
/* msgpages */
.msgpages{background-color: #ececec;}
.msgpages .libox{padding: 50px 0;}
.msgpages .navbans .left{top: 20%;}
#show_message_lists{margin-top: 3%;}
#show_message_lists>div{
	padding: 3% 3% 1px;margin-bottom: 2%;
	background-color: #f7f5f1;
}
#show_message_lists table{width: 100%;border: none;background-color: #d1d0d3;}
.msgcons table tr:nth-of-type(even){background-color: #f7f5f1;}
.msgcons table tr:first-child td:first-child{width: 30%;}
.msgcons table td{font-size: 16px;line-height: 28px;}
.msgcons table .anw{margin-bottom: 10px;margin-top: 10px;display: inline-block;}
.msgcons table b{color: #502d19;display: inline-block;margin-right: 20px;}
.sjmeaasge h3{color: #029fa8;font-size: 17px;font-weight: 700;}
.sjmeaasge{border-top: 1px solid #d1d0d3;padding-top: 2%;margin-top: 3%;}
.mes-form .row{margin-left: -15px;margin-right: -15px;}











#formData{
	margin: 40px auto;
	font-size: 16px;
}
#formData input{
	display: block;
    width: 100%;
    padding: 7px 20px;
	height: 45px;
	color: #757575;
    line-height: 42px;
    border: 1px solid #d5d5d5;
}
#formData textarea{
	background-color: #fff;
    display: inline-block;
    padding: 10px 20px;
	margin-bottom: 1.5%;
	border: 1px solid #d5d5d5;
    color: #757575;
    width: 100%;
}
#formData .firsinfo input{
	width: 95%;
	margin-bottom: 5%;
}
#formData .firsinfo>div:nth-child(2) input{
	margin: auto;
}
#formData .firsinfo>div:last-child input{
	float: right;
}
#formData .submit{
    font-size: 18px;
    color: #fff;
    padding: 7.5px 7%;
    display: inline-block;
    position: relative;
    background-color: #029fa8;
    z-index: 0;
    transition: 0.5s;
}
#formData .code input{
	width: 50%;
	display: inline-block;
}
#formData .submit::before{
	position: absolute;
    content: "";
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: -1;
    color: #fff;
    background-color:#d15443;
}
#formData .submit:hover::before{
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.msggo{text-align: right;}
.mes-form .verify{display: inline-block;vertical-align: middle;}
.mes-form .verify img{height: 45px;vertical-align: sub;}
.mes-form #formData .submit{margin-top: 0;}

/* comap */
.conpages{background-color: #ececec;}
.conpages .libox{padding: 50px 0;}
.conpages .navbans .left{top: 20%;width: 28%;left: 1%;}
.comap{
	width: 100%;padding-bottom: 54%;
	margin-bottom: 5%;
	background-image: url(../images/maps.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 3px solid #7f7252;
}
.licpage.mfp-zoom-out-cur{cursor: auto;}
.licpage.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: pointer;}
#fh5co-board .item{display: inline-block;margin: 10px;padding: 10px; border: 1px solid #d6d6d6;background-color: #fff;}
#fh5co-board .item h6{text-align: center;line-height: 2.5;font-size: 17px;color: #000;margin: 0;}
.licpage .animate-box{opacity: 0;}




/* tuandui */
.tuandui .itembox .imgbox img{
	width: 100%;
	height: 365px;
	object-fit: cover;
}




/* probox */
.probox .imglistbox h5{
	padding: 0;
	font-size: 24px;
	font-weight: 400;
	/* background: #F6F6F6; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}
.probox .imglistbox h5 b{
	display: inline-block;
	max-width: 80%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.probox .imgbox{
	margin-top: 8%;
	display: block;
	background-image: url(../images/jfbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/* padding: 9%; */
	text-align: center;
}
.probox .imgbox img{
	width: 100%;
	height: 280px;
	object-fit: contain;
}
.probox .box{
	background-color: #fff;
	padding: 8% 6.5%;
	width: 92.575%;
    margin: 5% auto;
}
.probox .imglistbox{padding: 0;}
.probox .imglistbox h5 span{font-size: 18px;}
.probox .imglistbox .mores{
	font-size: 15px;
	margin: unset;
	width: 125px;
	color: #fff;
	border-radius: 10px;
	line-height: 40px;
}
.probox .imglistbox .mores:hover{color: #029fa8;}
/* goodinfo */
.goodinfo{padding-top: 5%;}
.goodinfo .gallery-top{padding-bottom: 35px;margin-right: 13%;}
.goodinfo .gallery-top .swiper-slide{
    padding-bottom: 70%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #F8F8F8;
}
.goodinfo .gallery-thumbs .swiper-slide{
	cursor: e-resize;
	padding-bottom: 15%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border:5px solid #fff;
	transition: 0.3s;
}
.goodinfo .gallery-thumbs .swiper-slide-thumb-active{border: 5px solid #029fa8;}
.goodinfo .swiper-button-next,.goodinfo .swiper-button-prev{color: #029fa8;}
.goodinfo .others{margin: 0;padding: 18px;}
.goodinfo .others h4{
	text-align: unset;
	margin: 0;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	font-size: 22px;
}
.goodinfo .probox .imglistbox h5{
	font-size: 18px;
	text-align: center;
	padding: 3%;
}
.probox .others .imgbox{margin-top: 0;}

.infows h6{
	padding: 15px;
	font-size: 17px;
	font-weight: 700;
	background: #E8E8E8;
}
.infows .canshu .flex{
	line-height: 30px;
	margin-bottom: 15px;
	align-items: flex-start;
}
.infows .canshu .flex>div:first-child{
	font-size: 17px;
	text-align: center;
	font-weight: 700;
	width: 100px;
	background-color: #E6C2A9;
}
.infows .canshu .flex>div:last-child{width: 91%;}

.others h4{
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: 400;
	color: #2b2b2b;
	line-height: 28px;
	margin-top: -2px;
}
.others .titles p{
	margin-bottom: 30px;
	font-size: 14px;
	color: #979797;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.others ol .times{color: #029fa8;font-weight: bolder;}
.others ol .mores{width: 100px;line-height: 32PX;border-radius: 7px;margin: unset;}
.others ol li{padding-top: 8%;padding-bottom: 8%;border-bottom: 2px solid #ccecee;}
.others .imglistbox{padding: 0;}
.goodinfo .sjmeaasge h3{
	color: #222;
	margin-top: 0;
	padding: 2%;
	font-size: 22px;
    text-align: center;
}
.goodinfo .sjmeaasge .mes-form{
	padding: 20px;
	background-color: #EDEDED;
}
.goodinfo #formData{margin: 0;}

.slider{margin-left: 15px;background-color: #fff;margin-bottom: 15px;}
.others{margin-left: 15px;background-color: #fff;margin-bottom: 15px;}
.slider .title h3,.others .title h3{display: inline-block;padding: 0 8%;border: unset;}
.slider .title p,.others .title p{padding: 0 4%;}
.slider ul li a{
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 35px;
	padding: 2% 0;
	margin: 0 23px;
	border-bottom: 1px solid #fff;
	background-color: #029fa8;
	text-align: center;
	transition: 0.3s;
}
.slider ul{padding-bottom: 10%;}
.slider ul li:hover a{background-color: #0e8a91;}
.others ol{padding: 23px;}
.others ol .list::before{
	content: "";
	width: 7px;
	height: 7px;
	background-color: #029fa8;
	display: inline-block;
}
.others ol .titles{
	display: inline-block;width: 90%;
    margin-left: 5%;
    vertical-align: text-top;
}




#newspage .title{border-bottom: 1px solid #cde4e6;}
.search{padding: 23px;}
.search form{display: flex;}
.search input{
	width: 80%;
	border: 1px solid #029fa8;
	background-color: #e0f1f2;
	padding: 2% 3%;
}
.search button{
	width: 20%;
	border: none;
	outline: none;
	background-color: #029fa8;
	border-radius: 0;
}
.search button span{
	color: #fff;
	font-size: 23px;
}


.goodall h2{
	color: #333;
	line-height: 30px;
	font-size: 25px;
	font-weight: bold;
	position: relative;
}
.goodall .cons{
	font-family: "MicrosoftYaHei";
	font-size: 17px;
	color: #222222;
	letter-spacing: 0;
	text-align: justify;
	line-height: 28px;
}
.goodall ul{
	font-size: 16px;
	line-height: 35px;
	color: #616161;
	border: none;
}
.goodall ul li{font-size: 16px;}
.goodall .telall{font-size: 16px;}
.goodall .telall img{width: 30px;}


.goodall .telall a{
	display: inline-block;
   	line-height: 48px;
    border-radius: 20px;
    transition: 0.3s;
    color: #fff;
    margin-top: 10%;
    margin-bottom: 8%;
    font-size: 18px;
    width: 36%;
	margin-right: 5%;
	text-align: center;
	transition: 0.6s;
	background-color: #333;
}
.goodall .telall a:first-child{
	background-color: #029fa8;
}
.goodall .telall a:hover{
	transform:  translateY(-5px);
}








/* licpage */
.licpage{background-color: #ececec;}
.licpage .libox{padding: 50px 0;}
.licpage .navbans{padding-bottom: 7.584%;}
.licpage .navbans .left{top: 19%;}
.lcbtn a{
	display: inline-block;
	padding: 10px 110px 10px 24px;
	font-size: 24px;
	color: #000;
	margin:2% -30px 2% 50px;
	transition: 0.5s;
}
.lcbtn a.on{
	color: #fff;
	background-image: url(../images/licbtn.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.lcbtn a:hover{
	color: #fff;
	background-image: url(../images/licbtn.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
/*发展历程*/

.tea_case{margin: 0 auto;}
.dev_con{position: relative;}
.dev_con .tea_case{
	position: relative;
	z-index: 1;
	padding-bottom: 25%;
}
.showreel_box .btn_img_prev,  .showreel_box .btn_img_next {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	width: 90px;
	height: 100%;
	text-align: center;
	/*background-color: rgba(0, 0, 0, 0.4);*/
	color: #bebdc2;
	cursor: pointer;
}
.showreel_box .btn_img_prev:hover, .showreel_box .btn_img_next:hover{color: #50301b;}
.showreel_box .btn_img_prev i,.showreel_box .btn_img_next i{font-size: 18px;}
.showreel_box .btn_img_prev{left: 0;}
.showreel_box .btn_img_next{right: 0;}
.view_box{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	
}
.showreel_box .list_u_img_box{
	border-bottom: 3px solid #029fa8;
	font-size: 0;
	width: 9999px;
	position: absolute;
	left: 0;
	top: 0;
	transition: left .5s ease;
}
.showreel_box .list_u_img_box > a {
	position: relative;
	width: 125px;
	display: inline-block;
	vertical-align: middle;
	 font-size: 20px;
	 text-align: center;
	 color: #979ba0;
	 cursor: pointer;
	 transition: all .5s ease;
}
.showreel_box .list_u_img_box > a.on{
	  font-size: 24px;
	  color: #50301b;
	  position: relative;
	  cursor: auto;
}
.showreel_box .list_u_img_box >a:hover{color: #50301b;}
.showreel_box .list_u_img_box > a.on::after,.showreel_box .list_u_img_box >a:hover::after{width: 1em;}
.showreel_box .list_u_img_box > img:last-child {margin-right: 0; }
.disab{pointer-events:none;opacity: 0;}
.tab_time_bottom .showreel_box {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	 background-color: transparent;
	overflow: hidden;
	position: relative;
	height: 185px;
	line-height: 91px;
	padding: 0 160px;
	box-shadow: none;
	margin-bottom: 0;
}
.tab_time_bottom .showreel_box .list_u_img_box > a{
	width: 185px;
	font-size: 18px;
	color: #948464;
	transition: all .5s ease;
}
.tab_time_bottom .showreel_box .list_u_img_box > a.on,.tab_time_bottom .showreel_box .list_u_img_box > a:hover {
	font-size: 18px;
	font-weight: bolder;
	color: #50301b;
}
.tab_time_bottom .showreel_box .list_u_img_box > a::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 86%;
	margin-left: -1em;
	width: 32px;
	height: 32px;
	background-image: url(../images/dian.png);
	background-repeat: no-repeat;
	transition: all .5s ease;
}
/* .tab_time_bottom .showreel_box .list_u_img_box > a.on::after{
	background-image: url(../images/actbg.png);
} */
.tab_time_bottom .showreel_box .list_u_img_box span{
	display: inline-block;
	position: absolute;
	z-index: 999;
	top: 86%;
	width: 32px;
	/* width: 185px; */
	height: 32px;
	background-image: url(../images/actbg.png);
	background-repeat: no-repeat;
	transition: all 0.5s ease;
	transform: translateX(-50%);
	overflow: hidden;
}
.tab_time_bottom .showreel_box .list_u_img_box span::after{
	position: absolute;
    content: "";
	width: 185px;
	width: 0;
    height: 4px;
	background-image: linear-gradient(270deg, #029fa8 0%, rgba(255,255,255) 100%);
	/* background-image: linear-gradient(270deg, #E9DDD4 0%, rgba(233, 221, 212, 0) 100%); */
	right: 9px;
	top: 12px;
	box-shadow: 0 0 5px #7b5524;
    margin: auto;
    transform-origin: right center;
	/* transform: scaleX(1); */
	transition: all 0.5s;
	transition-delay: 5s;
}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(2);opacity:0.5;}}
.tab_time_bottom .showreel_box .list_u_img_box > a.on::after{
	background-color: rgba(230, 194, 169, .8);
	animation: scale2 1.5s infinite;
	border-radius: 50%;
	left: 51.5%;
}

#page-loader{
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 99;
	background-color: #fff;
}

.wave {
    min-width : 60px ;
    min-height : 60px ;
    width : 60px ;
    height : 60px ;
}

.wave > div {
    background-color : #029fa8 ;
    min-height : 60px;
    height : 100% ;
    width : 10%;
    margin-left: 10%;
    display : inline-block ;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    -moz-animation: stretchdelay 1.2s infinite ease-in-out;
    -o-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.wave .rect2 {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.wave .rect3 {
    -webkit-animation-delay: -1.0s;
    -moz-animation-delay: -1.0s;
    -o-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.wave .rect4 {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.wave .rect5 {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0% , 40% , 100% { -webkit-transform: scaleY( 0.4 ) }
    20% { -webkit-transform: scaleY( 1.0 ) }
}
@-moz-keyframes stretchdelay {
    0% , 40% , 100% { -moz-transform: scaleY( 0.4 ) }
    20% { -moz-transform: scaleY( 1.0 ) }
}
@-o-keyframes stretchdelay {
    0% , 40% , 100% { -o-transform: scaleY( 0.4 ) }
    20% { -o-transform: scaleY( 1.0 ) }
}
@keyframes stretchdelay {
    0% , 40% , 100% {
        transform: scaleY( 0.4 );
    }  20% {
           transform: scaleY( 1.0 );
       }
}


.tab_time_bottom .showreel_box .btn_img_prev,.tab_time_bottom .showreel_box .btn_img_next{
	width: 185px;
	text-align: center;
	display: flex;
    align-items: center;
	top: 0%;
	left: 0px;
}
.btn_style .opa{opacity: 0.5;transition: 0.5s;}
.btn_style .opa:hover{opacity: 1;}


.mores{
	color: #fff;
	width: 150px;
	line-height: 55px;
	font-size: 16px;
	display: inline-block;
	margin: 2% auto;
	background-color: #b88658;
	border: 1px solid #b88658;
	text-align: center;
	transition: 0.5s;
}
.mores:hover{
	color: #b88658;
	background-color: #fff;
	box-shadow: 0 0 5px #E6C2A9;
}
/* comp */
.comp{
	padding: 2% 0 4.2%;
	/*background-image: url(../images/combg.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	background-color: #f7f7f7;
}
.comp .combox{
	overflow: hidden;
	padding: 10px;
}
.comp .combox>p{font-size: 20px;margin: 5% 0;color: #8d7358;}
.comp .combox .comnav{padding: 5px 0;}
.comp .combox .comnav a{
	display: block;
	width: 24%;
	padding: 8px;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.5s;
}
.comp .combox .comnav a p{margin-top: -8px;}
.comp .combox .comnav a span{font-size: 50px;font-weight: 400;}
/*.comp .combox .comnav a:first-child{background-image: url(../images/y1.png);}*/
/*.comp .combox .comnav a:nth-child(2){background-image: url(../images/y2.png);}*/
/*.comp .combox .comnav a:nth-child(3){background-image: url(../images/y3.png);}*/
/*.comp .combox .comnav a:nth-child(4){background-image: url(../images/y4.png);}*/
.comp .combox .comnav a:hover{
	box-shadow: 2px 2px 15px #dac2a6;
	background-color: #fff;
	color: #b88658;
}
/*.comp .combox .comnav a:nth-child(2):hover{box-shadow: 2px 2px 15px #8bc5c7;}*/
/*.comp .combox .comnav a:nth-child(3):hover{box-shadow: 2px 2px 15px #87add2;}*/
/*.comp .combox .comnav a:nth-child(4):hover{box-shadow: 2px 2px 15px #b27474;}*/
.comp .info{
	font-size: 16px;
	line-height: 32px;
	color: #808080;
	
	margin-bottom: 5.5%;
	margin-top: 2%;

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}
#comvideo{
	text-align: right;
	padding: 32.6% 0 0 7%;
}
#comvideo img{
	width: 100%;
	height: 100%;
}


.pagemain #comvideo{
	padding: 0;
	margin-right: 3%;
	text-align: left;
}
.contact_us_page .section .section_info{
	background-color: #f6f6f6;
	border: 18px solid #fff;
	overflow: hidden;
}
.contact_us_page .section .section_info .icon{
	font-size: 100px;
    color: #029fa8;
    padding: 15%;
    display: inline-block;
}
.contact_us_page .section .section_info h5{
	color: #2b2b2b;
	font-size: 18px;
	line-height: 32px;
	font-weight: bolder;
}
.contact_us_page .section .section_info h5::after{
	content: "";
	display: block;
	width: 30px;
	margin: 1% 0;
	height: 2px;
	border-bottom: 3px solid #029fa8;
}
.contact_us_page .section .locinfo{
	border-left: 1px solid #999;
	padding: 6.5%;
	background-color: unset;
	color: #868686;
	font-size: 15px;
	line-height: 32px;
    margin-top: -2%;
}
.contact_us_page .mapinfo .locinfo{
	border-left: 1px solid #fff;
	padding: 0%;
	background-color: unset;
	color: #868686;
	font-size: 15px;
	line-height: 32px;
	border: 0;
    margin-top: -2%;
}

.contact_us_page .mapinfo{padding: 20px;background-color: #fff;}
.contact_us_page .mapinfo ul{overflow: hidden;color: #000;}
.contact_us_page .mapinfo ul li{
	width: 50%;
	float: left;
	line-height: 35px;
	font-size: 16px;
}
.contact_us_page .mapinfo ol{
	margin: 10px 10px 10px 0px;
}
.contact_us_page .mapinfo ol li{
	font-size: 18px;
	background-color: #f6f6f6;
	margin-bottom: 20px;
	padding: 2% 5%;
}
.contact_us_page .mapinfo ol span{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 21px;
	color: #fff;
	background-color: #029fa8;
	border-radius: 50%;
}
.contact_us_page .mapinfo .vxcode{
	margin: 10px 0;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	justify-content: flex-start;
}
.contact_us_page .mapinfo .vxcode img{border: 0;padding: 0;margin-right: 10px;}
.contact_us_page .sjmeaasge{border: none;padding-top: 0;margin-top: 0;}










.comp .advbox{
	border-top: 5px solid #eaeaea;
	margin-top: 3%;
	padding-top: 3%;
}
.comp .advbox .item{
	width: 93.43%;
	margin: auto;
	padding: 5% 5% 10%;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: contain;
    background-position: center;
}
.comp .advbox .item h3{
	font-size: 24px;
	color: #2b2b2b;
	font-weight: bolder;
	line-height: 2;
	margin: 0;
}
.comp .advbox .item p{
	font-size: 16px;
	color: #808080;
	line-height: 30px;
	height: 95px;
}
.comp .advbox .item span{
	font-size: 72px;
	color: #029fa8;
	display: inline-block;
	margin: 10px 0;
	position: relative;
	height: 120px;
	transition: all 0.5s;
}
.comp .advbox .item:hover span{
	transform: rotateY(360deg);
}
.comp .advbox .item span::after{
	content: "●";
	display: block;
	text-align: center;
	line-height: 1;
	color: #029fa8;
	font-weight: bold;
	font-size: 18px;
}
.comp .advbox>div:nth-child(1) .item{background-image: url(../images/z1.png);}
.comp .advbox>div:nth-child(2) .item{background-image: url(../images/z2.png);}
.comp .advbox>div:nth-child(2) .item span::before{font-size: 58px;}
.comp .advbox>div:nth-child(3) .item{background-image: url(../images/z3.png);}
.comp .advbox>div:nth-child(4) .item{background-image: url(../images/z4.png);}



.ztel{text-align: center;margin-top: 1%;}
.ztel h6{
	font-size: 24px;
	line-height: 32px;
	color: #029fa8;
	font-weight: bold;
}
.ztel span{
	display: inline-block;
	text-align: center;
	margin:1% 0.5%;
	font-size: 20px;line-height: 61px;
	width: 220px;
	color: #DFB12B;
	background-image: url(../images/telbg.png);
	background-repeat: no-repeat;
	transition: 0.5s;
}
.ztel span:hover{box-shadow: 0 0 10px #b87647;}
/* goodbox */
.goodbox{
	padding: 3% 0;
    background-image: url(../images/goodbg.jpg);
	background-repeat: repeat;
	position: relative;
    z-index: 1;
}
.goodbox .mynbox{position: relative;padding: 0 4%;}
.goodbox .swiper-container{margin: auto;}
.goodbox .swiper-slide h5{
	font-size: 16px;
	font-weight: 700;
	color: #222;
	margin-top: 14px;
	text-align: center;
}
.goodbox .pages .spnbtn {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}
.goodbox .pages .spnbtn span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	opacity: 0.5;
	transition: all 0.5s;
}
.goodbox .pages .spnbtn span:hover {opacity: 1;}
.goodbox .pages>div::after{display: none;}
.goodbox .pages .swiper-button-prev{left: 0;}
.goodbox .pages .swiper-button-next{right: 0;}
/* adv */
.adv{margin-top: 5%;}
.adv li{
	padding: 5% 1% 5% 8%;
	color: #222;
	margin-bottom: 14px;
	display: flex;
	background-image: linear-gradient(90deg, #E9DDD4 0%, #e9ddd400 100%);
	transition: 0.5s;
}
.adv li>img{transition: 0.5s;}
.adv .advimgs{margin-top: 20%;}
.adv .advbox{width: 95%;margin: 1% auto;}
.adv .right li{background-image: linear-gradient(270deg, #E9DDD4 0%, #e9ddd400 100%);}
.adv li:hover{color: #fff;background-color: #029fa8;background-image:unset;}
.adv li:hover img{filter: brightness(2);}
.adv li h6{font-size: 17px;line-height: 26px;font-weight: 700;}
.adv li .item{padding-right: 0%;}
.adv li p{margin-top: 2%;line-height: 28px;font-size: 16px;}
.timego{border-bottom: 1px solid #d8d8d8;}
.section_info .timebox{
	position: relative;
	text-align: center;
	/* margin-right: 10%; */
	border-right: 1px solid #dedede;
	font-size: 16px;
	line-height: 35px;
	padding: 12% 0 22%;
}
.section_info .timebox .icon{font-size: 29px;opacity: 0.5;}
.section_info .timebox>div{color: #029fa8;font-weight: bolder;}
.section_info .timebox>div:nth-of-type(1){font-size: 50px;margin: 5% auto;margin-top: 13%;}
.section_info .advbox .icon{
	font-size: 69px;
	color: #b88658;

}
.section_info .advbox .item{
	border: 2px solid #eeeeee;
	padding: 5% 5% 1%;
	width: 96%;
	margin: 3% auto;
	background-position-y: -33px;
	background-color: #fff;
}
.section_info .advbox .flex{
	justify-content: center;
}
.section_info .advbox .item p{
	font-size: 18px;
	height: 70px;
	color: #808080;
	margin: 0;

}
.section_info .advbox h3{font-size: 24px;font-weight: bolder;}
.section_info .advbox>div:nth-child(1) .item{background-image: url(../images/z1.png);}
.section_info .advbox>div:nth-child(2) .item{background-image: url(../images/z2.png);}
.section_info .advbox>div:nth-child(2) .item span::before{font-size: 52px;}
.section_info .advbox>div:nth-child(3) .item{background-image: url(../images/z3.png);}
.section_info .advbox>div:nth-child(4) .item{background-image: url(../images/z4.png);}

.othertel{
	background-image: url(../images/othertel.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 14%;
	text-align: center;
	color: #fff;
	font-size: 26px;
	
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.othertel strong{
	font-weight: 100;
}
.othertel img{
	margin:5% auto;
	display: block;
	text-align: center;
	filter: brightness(15);
}
#newspage .title{text-align: left;margin: 0;}




.timebox ul{position: relative; border-left: 2px solid #029fa8;padding-top: 50px;}
.timebox ul::before{
	content: "";
	display: inline-block;
	width: 30px;height: 52px;
	background-image: url(../images/san.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
    top: -4px;
    left: -16px;
}
.timebox ul li{
	margin-bottom: 30px;
	padding-left: 45px;
	position: relative;
}
.timebox ul li:last-child{margin-bottom: 0;}
.timebox ul li::before{
	content: "";
	display: inline-block;
	width: 18px;height: 18px;
	background-image: url(../images/dians.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: -10px;
	transition: 0.5s;
}
.timebox ul li:hover::before{
	background-image: url(../images/actbg.png);
}
.timebox ul li h3{font-size: 17px;font-weight: 700;color: #029fa8;margin-bottom: 15px;}
.timebox ul li .info{font-size: 16px;line-height: 31px;}
.timebox ul li .info p{margin-bottom: 15px;}



/* banmsg */
.banmsg{
	padding: 2.1% 0;
    /*background-image: url(../images/msgbg.jpg);*/
	background-repeat: repeat;
	position: relative;
	z-index: 1;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background-color: #b88658;
}
.banmsg b{
	font-size: 24px;
	font-weight: bold;
    vertical-align: bottom;
    display: inline-block;
}
.banmsg .msgbox{
	padding: 30px;
}
.banmsg span#banmsg-typed{
	white-space: pre-wrap;
	line-height: 30px;
	font-size: 26px;
	font-weight: 600;	
}

.banmsg .msgbtn{margin-top: 5%;display: block;}

.banmsg .mores{
/*	color: #fff;
	width: 150px;
	line-height: 55px;
	font-size: 16px;
	display: inline-block;
	margin: 2% auto;
	background-color: #029fa8;
	border: 1px solid #029fa8;
	text-align: center;
	transition: 0.5s;*/
	font-family: Montserrat;
	font-weight: 700;
	min-height: 38px;
	padding: 15px 25px;
	border-radius: 0px;
	border-width: 4px;
	border-color: rgba(255, 255, 255, 0.4);
	border-style: solid;
	background: rgba(255, 255, 255, 0.01);
	color: rgb(255, 255, 255);
}
.banmsg .mores:hover{
	color: #b88658;
	background-color: #fff;
	box-shadow: 0 0 5px #E6C2A9;
}

.liuyanbox{padding-left: 5%;padding-right: 5%;}
.liuyanbox h6{
	color: #029fa8;
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
}
.liuyanbox h6 span{display: inline-block;margin-left: 5%;}
.liuyanbox #formData{font-size: 14px;margin: 20px auto;}
.liuyanbox #formData input{
	background: unset;
	border: 1px solid #029fa8;
	width: 100%;color: #029fa8;
	height: 40px;
}
.liuyanbox #formData .code input{width: 137px;}
.liuyanbox #formData textarea{
	background: unset;
	border: 1px solid #029fa8;
	width: 100%;color: #029fa8;
	height: 60px;
}
.liuyanbox .form-trinput{display: inline-block;width: 49%;margin-bottom: 2%;}
.liuyanbox #verifyImg{height: 40px;}
.liuyanbox .code{display: flex;justify-content: space-between;}
.liuyanbox #formData .submit{padding: 7px 7%;}

/* pagemain */
.title{text-align: center;}
.title h2{font-size: 35px;font-weight: bolder;color: #2b2b2b;}
.pagemain{
	/*background: url(../images/pagebg.jpg);*/
	background-repeat: repeat;
	/*overflow: hidden;*/
	background-color: #f7f7f7;
}

.section{padding: 20px 0;}
.section .row{max-width: unset;}
.inner{
	width: 1700px;
	padding: 40px 0 0;
	background-color: #fff;
	max-width: 100%;
	margin: 2.5% auto;
}
.inner img{max-width: 100%;}

.huanjing .title{text-align: left;}
.hjbox .swiper-slide a{
	display: block;
	background-color: #f2f2f2;
	padding: 8% 7.5%;
	border: 2px solid #fff;
	transform: 0.5s;
	transform: 0.3s;
}
.hjbox .swiper-slide img{
	width: 100%;
	height: 255px;
	object-fit: cover;
}
.hjbox .swiper-slide a h4{
	color: #2b2b2b;
	margin-bottom: 6%;
	font-size: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hjbox .buttongo{
	position: relative;
	width: 105px;
	height: 41px;
	text-align: center;
	margin: 2% auto;
	background-image: url(../images/inbtn.png);
	background-repeat: no-repeat;
	display: flex;
}
.hjbox .buttongo>div{width: 50%;opacity: 0;}
.hjbox .buttongo>div:first-child{left: 0;}
.hjbox .buttongo>div:last-child{right: 0;}
.hjbox .swiper-slide:hover a{border: 2px solid #029fa8;}
.hjbox .swiper-slide:hover h4{color: #029fa8;}


.weh{
	padding: 1% 0 6%;
	background-image: url(../images/serbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.weh .title{text-align: left;}
.weh .whbox{
	margin-top: 2%;
	padding-left: 22px;
	padding-top: 10px;
	overflow: hidden;
	color: #fff;
	display: flex;
}
.weh .whbox .items{
	width: 34%;
	margin-left: -22px;
	font-size: 20px;
	line-height: 35px;
	padding:4%;
	border-right: 2px solid rgba(255, 255, 255, .3);
	transition: 0.5s;
	background-color: #4ebcc2;
	border-radius: 25px 0 0 25px;
}
.weh .whbox .items:first-child{background-color: #029fa8;}
.weh .whbox .items:last-child{background-color: #83d0d4;}
.weh .whbox .items .icon{font-size: 58px;display: inline-block;height: 60px;}
.weh .whbox .items h3{font-size: 35px;margin: 5% 0 6%;font-weight: bolder;}
.weh .whbox .items p{color: #ffffff;font-size: 18px;margin: 0;height: 170px;margin-top: 15%;}
.weh .whbox .items:hover{transform: translateY(-10px);}
/* fenbubox */
.fenbubox{
	padding-bottom: 5.3%;
}
.fenbubox img{
	width:100%;
}
/* js_info */
#js{
	background-image: url(../images/newsbg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:0 70%;
	background-attachment: fixed;
}

.js_info .p1{font-size: 16px;}
.js_info .title{text-align: left;}
.js_info .title p{
	line-height: 64px;
    text-align: left;
	position: unset;
	color: #e6e6e6;
	opacity: 1;
}
.js_info .title h3{
	display: inline-block;
	border: none;
	font-size: 55px;
	color: #029fa8;
	line-height: 2px;
	margin-bottom: 6%;
	text-align: left;
	margin-top: -5%;
	font-weight: 400;
}
.js_info ul{margin-top: 5%;}
.js_info ul li{
	font-size: 16px;
	float: left;
	width: 48%;
	margin-right: 1%;
	color: #fff;
	line-height: 30px;
	padding: 1.43% 2%;
	margin-bottom: 1%;
	background-color: #06969e;
}
.js_info .js{margin-top: 17%;}
.jsmp4{font-size: 16px;margin-top: 6%;}



/* .section_info .crumbs{border-bottom: 2px solid #e5dfdf;} */
.section_info .crumbs img{vertical-align: sub;display: inline-block;margin-right: 10px;}
.cominfobox{font-size: 16px;line-height: 30px;padding-top: 2.5%;}
.cominfobox img{
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.cominfobox p{margin-bottom: 10px;}
.good_info{padding-left: 0;}
.morego{color: #878787;}
.yabox{overflow: hidden;}
.yabox .imgbox{width: 98%;margin:-5px auto 10px;position: relative;}
.yabox .imgbox img{width: 100%;height: 310px;}
.yabox .imgbox img:last-child{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
}
.yabox .mores{width: auto;border-radius: 10px;line-height: 41px;padding: 0 3%;white-space: nowrap;}
.yabox .mores span{display: inline-block;margin-left: 25px;font-size: 22px;vertical-align: middle;}

#newspage .mynewlist{border-top: 2px solid #ccc;}
#newspage .section_info{background-color: #fff;padding: 15px;}
#newspage .right{text-align: right;}





/* news */
.news{
	padding: 2% 0 2%;
	position: relative;
    background-image: url(../images/newsbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.news .title{margin: 0;}
.news .btns a{
	font-size: 16px;
	width: 150px;
	line-height: 55px;
	border: 1px solid #029fa8;
	color: #029fa8;
	margin-left: 40px;
	text-align: center;
	display: inline-block;
	transition: 0.5s;
}
.news .newsone{
	border-bottom: 1px dashed  #d9d9d9;
	margin-bottom: 4%;
	padding-top: 2%;
	padding-bottom: 1.5%;
}

.news .newsone h5{
	color: #b88658;
	font-size: 20px;
	line-height: 1.7;
}
.news .defaults{
	color: #808080;
	line-height: 31px;
	margin: 2% 0;
	font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .times{
	color: #e30000;
	font-size: 14px;
	font-weight: bold;
}
.news .newsbox>div{border-bottom: 1px solid #dddddd;}
.news .btns a:hover{
	color: #fff;
	background-color: #029fa8;
	box-shadow: 0 0 15px #029fa8;
}
.news .titbox{margin-bottom: 2.5%;}
.news .nbox {
	background-color: #f7f7f7;
	padding: 10px;
}
.onenews h3{
	font-weight: 700;
	font-size: 20px;
	color: #222;
	letter-spacing: 0;
	line-height: 26px;
	transition: 0.3s;
}
.onenews a:hover h3{
	color: #b88658;
}
.onenews .info{
	font-size: 16px;
	color: #222222;
	letter-spacing: 0;
	line-height: 32px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
	-webkit-box-orient: vertical;
	margin-top: 4%;
	margin-bottom: 7%;
}
.onenews .time{
	font-size: 14px;
	color: #999999;
	letter-spacing: 0;
	text-align: justify;
	line-height: 28px;
}
.onenews img{
	width: 100%;
	max-height: 150px;
	object-fit: cover;
}



.indexgg{padding-left: 5%;}
.indexgg .hospital{
	background-image: url(../images/navimg1.jpg);
	background-repeat: no-repeat;
	padding: 2% 4%;
	margin-bottom: 10px;
	color: #fff;
	font-size: 16px;	
}
.indexgg .p2{background-image: url(../images/navimg2.jpg);}
.indexgg .p3{background-image: url(../images/navimg3.jpg);}
.indexgg h5{font-size: 24px;font-weight: bolder;}
.hospital .flex{justify-content: center;}
.hospital span{font-size: 66px;display: inline-block;width: 20%;text-align: center;}
.hospital .name{width: 80%;}

.ggbox{
	background-color: #e7e7e7;
	padding: 5%;
	margin: 10px 0;
}

.ggbox .icon{
	color: #fff;
	font-size: 30px;
	background-color: #dc443f;
	border-radius: 10px;
	display: inline-block;
	width: 40px;height: 40px;text-align: center;
	line-height: 40px;
}
.ggbox .swiper-container{width: 80%;height: 27px;}
.ggbox .swiper-container a{
	display: block;
	font-size: 18px;
	color: #8d7358;
	font-weight: bolder;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.news ul{margin-left: 5%;width: 95%;}
.news ul li{
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	transition: 0.5s;
}
.news ul li a::before{
	content: "";
	display: inline-block;
	width: 4px;height: 18px;
	background-color: #b88658;
	border-radius: 2px;
    margin-right: 25px;
    margin-left: 0px;
    vertical-align: middle;
}
.news ul li a{
	display: inline-block;
	max-width: 80%;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	color: #222222;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news ul li span{
	float: right;
	font-size: 14px;
	color: #e30000;
	font-weight: bolder;
}
.news li:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
	background: -webkit-linear-gradient(left, #b88658 30%, #e30000 100%);
    left: 0;
    bottom: 0px;
    transition: all 0.5s;
    right: 0;
    transition: transform 0.5s;
    margin: auto;
    transform-origin: right center;
	transform: scaleX(0);
}
.news li:hover:after{transform-origin: left center; transform: scaleX(1);}
.news li:hover,.newslistd li:hover{
	-webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* ask */
.ask{
	background-image: url(../images/newsbg1.jpg);
}
.ask .nbox{margin-bottom: 2.5%;}
.ask .onenews{border-top: 1px solid #dddddd;padding-top: 5%;}
.ask .onenews .imgbox{margin-right: 7%;}
.ask .onenews h3{font-size: 20px;margin: 0;color: #8d7358;font-weight: 400;}
.ask .onenews .info{
	margin-bottom: 1%;
	color: #808080;
	font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.r10{margin-right: 13px;}
.gobox{padding-left: 1%;display: block;}
.ask .onenews .time{color: #dc443f;font-weight: bolder;}
.fangbox{margin-left: 26px;}
#swiper-container2{margin-top: 11%;}
#swiper-container2 .swiper-slide{
	/* padding: 12% 10%; */
	background-image: url(../images/jfbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
#swiper-container2 .swiper-slide img{
	width: 100%;
	height: 335px;
	object-fit: contain;
}



/* links */
.page-footer{
	overflow: hidden;
	background: #0f172a
}
.links{color: #222;padding: 14px 0;font-size: 17px;background: #F3F3F3;}
.links a{color: #222;transition: 0.3s;}
.links a:hover{ color:#dc443f;}
.foots{
	font-size: 16px;
	color: #fff;
	padding: 2.65% 0;
	background-color: #0f172a;
}
.foots a{color: #5c5c5c;}
.foots .code{
	text-align: center;
	line-height: 25px;
	margin: 5px;
}
.foots .code img{
	display: inline-block;
	margin-bottom: 3%;
	padding: 5px;
	background-color: #fff;
}
.foots .flex{
	padding: 0 5%;
	align-items: flex-start;
}
.foots .flogo{display: block;text-align: center;}
.foots .info h2{
	color: #b88658;
	/*padding: 0 5%;*/
	font-size: 16px;
	font-weight: bolder;
	line-height: 2;
	margin: 0 0 3%;
}
.foots .info{
	padding: 0 15px 0 15px;
}
.foots .lianmeng{
	margin-top: 10px;
}
.foots .lianmeng .zhu {
	font-size: 18px;
}
.foots .lianmeng .fu {
	font-size: 14px;
}
footer .copy{
	text-align: center;
	line-height: 30px;
	padding: 10px 0;
	background-color: #f4f4f4;
}
.fnav{
	overflow: hidden;
	padding: 0 10%;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}
.fnav a{
	color: #fff;
	font-size: 16px;
	float: left;
	width: 50%;
	text-align: left;
	line-height: 42px;
	transition: 0.3s;
}
.fnav a:hover{color: #b88658;}
.vxcode{margin: 3% 0;}
.vxcode img{display: inline-block;border: 1px solid #dadada;padding: 10px;}
.copy a{color: #5c5c5c; transition: 0.3s;}
.copy a:hover{color: #dc443f;}

.tab_time_bottom .showreel_box .btn_img_next{right: 0;left: auto;}
.dev_tex_box{position: absolute;left: 0;top: 25%;width: 100%;}
.dev_tex_box > div{
	display: none;
	width: 85%;
	margin: auto;
	line-height: 45px;
	font-size: 14px;
	padding-bottom: .5rem;
	min-height: 260px;
	position: absolute;
	left: 9%;
}
.dev_tex_box .infos{padding: 5%;font-size: 18px;color: #222;line-height: 28px;}
.dev_tex_box .infos h6{
	font-size: 24px;
	line-height: 26px;
	color: #029fa8;
	font-weight: 700;
	margin-bottom: 6%;
}
.dev_tex_box .imgbox{
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 28px;
}




.time_title_case{
	margin-top: 3.5%;
	position: relative;
	padding-top: 13%;
	padding-bottom: 9%;
	overflow: hidden;


	display: none;
}
.at_time{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #e9eff2;
	font-size: 400px;
	line-height: 0.8;
	background: -ms-linear-gradient(180deg, rgba(103,77,63, 0), rgba(103,77,63, 0), rgba(103,77,63, 0));
	background: -moz-linear-gradient(180deg, #f1f2f3, rgba(103,77,63, 0.7), rgba(103,77,63, 0));
	background: -o-linear-gradient(180deg, #f1f2f3, rgba(103,77,63, 0.7), rgba(103,77,63, 0));
	background: -webkit-gradient(linear, right top, right bottom, color-stop(0,rgba(246, 249, 251, 1)),color-stop(0.10,rgba(103,77,63, 1)),color-stop(0.7,rgba(103,77,63, 0.7)), color-stop(1, rgba(103,77,63, 0)));
	background:  -webkit-linear-gradient(bottom, #f1f2f3, rgba(103,77,63, 0.6), rgba(103,77,63, 0.2));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.5;font-weight: bolder;

}
/* .at_time span{transition: 0.3s;} */
.time_sha{
	position: absolute;
	pointer-events: none;
	z-index: 2;
	width: 100%;
	height: 100%;
  }
  .time_line_case{
	margin: 0 auto;
	width: 83.33333%;
	margin-top: .5rem;
  }
  .time_line_box{
	width: 99999px;
	position: relative;
	top: 0;
	left: 0;
	transition: all .5s ease;
}
.time_line_box > div{
	float: left;
	position: relative;
	width: 330px;
	height: 6px;
	background: -ms-linear-gradient(right, rgba(80,48,27, 1) 0%, rgba(199,195,193, 1) 100%);
	background: -moz-linear-gradient(right, rgba(80,48,27, 1) 0%, rgba(199,195,193, 1) 100%);
	background: -o-linear-gradient(right, rgba(80,48,27, 1) 0%, rgba(199,195,193, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0,rgba(80,48,27, 1)), color-stop(1, rgba(199,195,193, 1)));
	background: -webkit-linear-gradient(right, rgba(80,48,27, 1) 0%, rgba(199,195,193, 1) 100%);
	font-size: 20px;
	line-height: 1;
}
.btn_time{
	position: absolute;
	right: -10px;
	top: -16px;
	width: 25px;
	height: 38px;
	background-image: url(../images/ym.png);
	z-index: 1;
	cursor: pointer;
}
.citypages .btn_time{
	width: 35px;
	height: 33px;
	background-image: url(../images/zs.png);
}
.btn_time > span{
	position: absolute;
	left: 50%;
	margin-left: -23px;
	top: -50px;
	z-index: 2;
	transition: all .5s ease;
}
.time_line_box > div:nth-child(odd) .btn_time > span{
	bottom: -50px;
	top:auto;
}
.btn_time::after{
	content: '';
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 36px;
	height: 36px;
	background-color: rgba(80,48,27,.35);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	animation:dot1 2s infinite ease;
	-webkit-animation:dot1 2s infinite ease; /* Safari 和 Chrome */}
@keyframes dot1 {
	0%{
	  width: 20px;
	  height: 20px;
	}
	50%{
	  width: 36px;
	  height: 36px;
	}
	100%{
	  width: 20px;
	  height: 20px;
	}
}
.btn_time:hover::after{
	display: block;
}
.time_line_box > div.bodes{
	pointer-events: none;
	background: -ms-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
	background: -moz-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
	background: -o-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0,rgba(145, 147, 149, 1)), color-stop(1, rgba(220, 224, 225, 1)));
	background: -webkit-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
  }
  .bodes .btn_time{filter: contrast(0.5);}
  .bodes .btn_time span{
	color: #979ba0;
  }
  /*波浪背景*/
  .wave_box{
	width: 100%;
	height: 350px;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
  }
  /* .wave {
	overflow: hidden;
	position: absolute;
	top: 129%;
	width: 140%;
	transform: translateY(-50%);
	color: #fff;
	margin-left: -20%;
	animation: 3s ease-in-out infinite alternate waveAnimateA;
  } */
  @keyframes waveAnimateA {
	0% {
	  transform: translate(-80px,-52%);
	}
  
	100% {
	  transform: translate(80px,-50%);
	}
  }
  .wave svg {
	fill: rgba(233,239,242,1);
	width: 102%;
	margin-left: -1%;
	height: auto;
  }
  .st0{fill:#E9EFF2;opacity:0.5}
  .st1{opacity:0.5;fill:#E9EFF2;}
  .st3{fill-rule:evenodd;clip-rule:evenodd;fill:#50301b;}
  
  .titie_box_bg{
		width: 130px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -65px 0 0 -65px;
		z-index: 1;
		transform: scale(0);
		transition: all .5s ease;
  }
  .titie_box_bg svg{
	width: 100%;
	position: relative;
	z-index: 1;
  }
  .titie_box_bg #title_bg_down{
	opacity: .3;
	transform: rotate(37deg) scale(1.02);
	position: absolute;
	left: 0;
	right: 0;
	z-index: 0;
  }
  
  .time_line_box .on .btn_time > span{
	font-size: 40px;
	color: #fff;
	top: 50% !important;
	transform: translate(-50%,-50%);
	bottom: auto !important;
	margin-left: 0;
  }
  .time_line_box .on .btn_time .titie_box_bg{
	transform: scale(1);
  }
  .time_line_box .on .btn_time .titie_box_bg > #title_bg_down{
	animation: alpha 2.25s linear infinite forwards;
  
  }
  @keyframes alpha {
	0% {
	  transform: rotate(0);
	}
	25% {
	}
	50% {
	  border-radius: 50%;
	}
	75% {
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  
  












.imgflex{
	display: flex;
	justify-content: center;
}
.imgflex li{
	width: 82px;height: 212px;
	padding: 55px 25px;
	background-position: center;
}
.imgflex li:first-child{
	background-image: url(../images/f1.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #a5622c;
}
.imgflex li:last-child{
	background-image: url(../images/f2.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #a5622c;
}
.imgflex span{
	color: #a5622c;
	font-size: 16px;
	display: block;
	line-height: 30px;
	border-bottom: 1px solid #a5622c;
}
.imgflex h5{
	color: #642c00;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
	writing-mode: horizontal-tb;
	transition: 0.3s;
}
.imgflex li:hover h5{color: #de1e26;}
.ab_on{
	-webkit-animation: feIn .5s ease;
	animation: feIn .5s ease;
  }
  @keyframes feIn {
	0%{
	  opacity: 0;
	  transform: scale(.5) translateX(-50%);
	}
	100%{
	  opacity: 1;
	  transform: scale(1) translateX(-50%);
	}
  }







/* Page general structure */
.page .p-title i{
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 0em;
	font-size: 0.8em;
}
.page-cent .text{	
    font-family: 'Asap';
	color: #fff;
	text-align: left;
}
.page p{    
    font-family: 'Asap';
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 0.75rem;
}
.page p.small{
	font-size: 14px;
}
.page p.center{
	text-align: center;
}
.page p.upper{
    text-transform: uppercase;
}
.page p.light{
    font-family: 'OpenSans-Light';
}
.page h4{
	text-transform: uppercase;
	font-weight: bold;
    color: #ffffff;
    font-size: 20px;
	margin-bottom: 0;
	margin-top: 0;
}

.page h2,
.page h3,
.page h4{
    font-family: 'Asap';
    color: #000;
}

/* 6.2 Page and slide animation */
.slide,
.page .content,
.page-home .logo-container ,
.page{
	-webkit-transition: 0.8s background , 0.6s transform, 0.6s opacity;
	transition: 0.8s background , 0.6s transform, 0.6s opacity;
	-webkit-transform: none;
	transform: none;
	background: transparent;
/*
	-webkit-perspective: 1000px;
	perspective: 1000px;
*/
	border: none;
}
.page .content{
	z-index: 1;
}
.page:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	content: '';
	z-index: 0;
	-webkit-visibility: hidden;
	visibility: hidden;
	-webkit-transition: 0.8s background , 0.6s transform, 0.8s visibility;
	transition: 0.8s background , 0.6s transform, 0.8s visibility;
	-webkit-transform: none;
	transform: none;
}
.page.transition:before{
	-webkit-visibility: visible;
	visibility: visible;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	background: rgba(255, 255, 255, 0.15);
}
.page-home.transition .logo-container{
	-webkit-transform: translateY(20px) scale(0.1);
	transform: translateY(20px) scale(0.1);
	opacity: 0;
}
.page.transition .content{
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
/*	background: rgba(255, 255, 255, 0.15);*/
}
.slide.transition{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	background: rgba(255, 255, 255, 0.15);
}
/* 6.3 Home page */
.page-home .content ,.page-home.page-cent .content {
	position: relative;
	width: 100%;
	height: 100vh;
}
.page-home .logo-container{
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
}
#fp-nav .pagnum{
	font-size: 30px;
	color: #7b5524;
	font-family: "fangsong";
}
#fp-nav .font{
	font-size: 18px;
	color: #7b5524;
}

.page-home .logo-container img.h-logo{
	position: relative;
	display: inline-block;
	height: 100px;
	width: auto;
}
.page-home .content .header{
	height: 76vh;
	overflow: hidden;
	width: 80%;
	margin: 2% auto;
	text-align: right;
	position: relative;
	z-index: 10;
}
.page-home .content .header>div{
	display: inline-block;
	position: relative;
	margin: 0 1%;
	height: 100%;
}
.page-home .content .header>div img{max-height: 100%;}
.page-home .content h2{
	text-transform: uppercase;
	font-size: 94px;
	text-align: left;
	line-height: 1em;
}

.page-home .content h3{
	text-align: left;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 1em;
	font-weight: bold;
	border-left: 4px solid currentColor;
	padding-left: 10px;
	margin-left: 10px;
	max-width: 180px;
}

.page-home .content .subhead{
	display: block;
	text-align: left;
	position: absolute;
	left: 20px;
	color: rgba(255,255,255,0.2);
	-webkit-transition: 0.3s;
	transition: 0.3s;
/*	width: 300px;*/
/*	border-top: 1px solid currentColor;*/
}

.page-home .content .subhead:hover{
	color: #fff;
}

.page-home .content .subhead a{
	color: inherit;
}
/* 6.4 Page clock countdown */
.page-when .content{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.page .content .clock{
	width: 430px;
	height: 430px;
	margin: 0 auto;
	border-radius: 100%;
	background: rgba(255,255,255,0.15);
	position: relative;
}


.page .content .clock .header{
	position: absolute;
	top: -72px;
    font-family: 'Asap';
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	width: 100%;
}
.page .clock .text{
    position: relative; 
    width: 100%;
    font-family: 'Asap';
	font-weight: normal;
    letter-spacing: 0;
    margin-top: 0.5em;
    display: block;
    text-transform: uppercase;
    color: #fff;
	text-align: center;
}
.page .clock .block:last-child .digit:after{
    display: none;
}

.page .form input{ 
    background: transparent;
/*    background: #f4f;*/
    border: none;
    color: #fff;
    padding: 0em 1em;
	padding-bottom: 0.3em;
    font-family: 'Asap';
    font-size: 20px;
    box-shadow: none;
    display: inline-block;
/*    min-width: 400px;*/
	position: absolute;
    width: auto;
	width: 100%;
	bottom: 0;
	left: 80px;
	right: 0;
	margin-bottom: 0;
}

.page .form.send_email_form .fields{
	margin-top: 72px;
	background: rgba(255, 255, 255, 0.10);
	padding-left: 16px;
	height: 46px;
	min-height: 36px;
}

.page .form.send_email_form .buttons,
.page .form.send_email_form .buttons button{
	height: 45px;
}
.page .form label{
	display: inline-block;
    font-family: 'Asap';
	font-weight: bold;
    font-size: 20px;
    color: #fff;
	text-transform: uppercase;
    display: inline-block;
	margin-bottom: 0.35em;
	padding-top: 0.40em;
}
.page .form .fields{
	margin-top: 24px;
	position: relative;
    border-bottom: 1px solid #5677fc;
}
.page .form .fields.no-border{
	border: none;
}
.page .form .fields>div{
	float: left;
}
.page .form .fields .buttons{ 
	position: absolute;
	bottom: 0;
	right: -.5px;
}
.page .form button{ 
    background: #5677fc;
    color: #fff;
    font-family: 'Asap';
	font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0.5rem 1rem; 
    margin-bottom: 0;
	position: relative;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	z-index: 2;
}
.page .form button:after{
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	content: "";
	background: #fff;
	opacity: 0;
	border-radius: 120px;
	-webkit-transition: 0.3s;
	transition: 0.3s;	
}
.page .form button:hover:after{
	opacity: 1;
	border-radius: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.page .form button:hover{
	background: transparent;
	color: #5677fc;
}
.page .form textarea{ 
    background: #fff;
    border: 1px solid currentColor;
    color: #626262;
    padding: 0.5em 1em;
    min-width: 200px;    
    font-size: 20px;
	font-family: "Asap";
    display: block;
    width: 100%;
    box-shadow: none;
    min-height: 108px;
	margin-top: 3px;
} 
.page .message-ok{
    margin-bottom: 0;
    position: absolute;
    font-size: 20px;
}

/* 6.6 About us */
.page-about .content{
    
    margin-top: -4rem;
    border: none;
/*
    padding-left: 1em;
    padding-right: 1em;
*/
    padding-top: 112px;
    padding-bottom: 112px;
}
.page-about .article{
       max-width: 480px;
    margin: auto;
}

/* 6.7 Contact, Message */
.page-books{  
/*    margin-top: -1rem;*/
}

.page-books .fp-controlArrow {
	display: none;
}
.page-books .p-title{
	position: relative;
}
.page-books .p-title .buttons{
	position: absolute;
	bottom: 8px;
	right: 0;
	background: rgba(255,255,255,0.15);
	display: inline-block;
}

.page-books .p-title .buttons li{
	position: relative;
	display: block;
	width: 48px;
	float: left;
}
.page-books .p-title .buttons a{
	text-align: center;
	width: 48px;
	height: 48px;
	display: inline-block;
	position: relative;
	margin: 0;
}
.page-books .p-title .buttons a i{
	margin: 0;
	font-size: 24px;
	padding-top: 0.5em;
}

.page-books .p-title .buttons a:after{
	position: absolute;
	content: "";
	background: rgba(255,255,255,0);
	border-radius: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.page-books .p-title .buttons a:hover:after{
	border-radius: 0;
	background: rgba(255,255,255,0.15);
}
.page-books .contact li{
	margin-top: 20px;
}
.page-books .contact img{
	height: 56px;
	width: auto;
}
.page-books a{
    color: #fff;
}
.page-books .right{
	text-align: right;
}
	.page-books .social-links .page-header .header-title{
        display: none;
    }
    .page-books .socialnet{
		margin-right: -10px;
	}
    .page-books .socialnet a{
        color: #fff;
		font-size: 24px;
        margin-bottom:  0.25rem;
        display: inline-block;
		width: 1.5em;
        border-radius: 1em;
        background: transparent; 
		position: relative;
		text-align: center;
    }
    .page-books .socialnet a:after{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: transparent;
        -ms-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
		border-radius: 100%;
	}
    .page-books .socialnet a:hover:after{
        border-radius: 0;
        background: rgba(255, 255, 255, 0.15); 
        color: #fff;       
    }
/* Form */

/* 7. Video background */
/* 7.1. static video background */
.video-container{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: -2;
}
.video-container video{
    height: 724px; 
    width: 1287px; 
    margin-top: -42px; 
    margin-left: 0px;   
}
.video-container iframe{    
    width: 100%;
    height: 100%;
}
.show-for-medium-up{
    display: none;   
}
.logo2{display: none;}

@media (max-width:1600px){
	.topinfo .flex>div:last-child{width: 55%;text-align: right;}
	.header-top .flex .item>span{font-size: 18px;margin-right: 1%;}
}

@media (max-width:1500px){
	.wrap{width: 1200px;}
	#expert .swiper-slide .imgbox img{height: 380px;}
	#expert .swiper-slide .cons{padding: 2% 7% 8% 8%;}
	.foots .vxcode{display: block;overflow: hidden;margin-top: -5%;}
	.foots .code{
		/*float: left;*/
		/*width: 50%;*/
	}
}
@media (max-width:1400px){
	.header-top .flex .item>span{font-size: 15px;}
	.header-top .tels{font-size: 22px;}
	.header-top .tels h2{font-size: 16px;}
}
@media (max-width:1200px){
	.wrap{width: 97%;}
	.header-top .uscase img{max-width: 56%;}
	.topinfo .flex>div:first-child{
		/*display: none;*/
		width: 50%;
	}
	.topinfo .flex>div:last-child{
		width: 50%;
	}
	.header-top .uscase .item:nth-child(1){max-width: 40%;white-space: nowrap;}
	.header-top .uscase .item:nth-child(2){white-space: nowrap;max-width: 8%;}
	.header-top .uscase .item:nth-child(3){white-space: nowrap;max-width: 10%;}
	.header-top .uscase .item:nth-child(4){white-space: nowrap;max-width: 10%;}
	.header-top .uscase .item:nth-child(2) .logo2{display: inline-block;height: 60px;}
	/*.header-top .uscase .item:nth-child(3){max-width: 25%;}*/
	.quick-link #qmenu a{font-size: 16px;}
	.foots .row{max-width: unset;}
	.flogo{display: block;text-align: center;}
	.fnav a{font-size: 15px;}
	.foots .flogo img{max-width: 100%;}
	.foots .lianmeng .zhu {
		font-size: 12px;
	}
	.foots .lianmeng .fu {
		font-size: 9px;
	}
	.foots h2 {
		font-size: 20px;
	}
	.foots p{
		font-size: 14px;
	}
}
@media (max-width:1050px){
	.quick-link #qmenu a{font-size: 15px;}
	.header-top .tels{font-size: 19px;}
	.header-top .tels h2{font-size: 14px;}
	.links{font-size: 16px;}
	.foots .flex{padding: 0 3%;}
	.foots{padding: 20px;}
	.fnav a{font-size: 10px;}
	.img_info h2{font-size: 26px;}
	.img_info .tags{font-size: 15px;}
	.tuandui .itembox .imgbox img{height: 322px;}
	.itembox .namebox .flex{margin-top: 5%;}
	.goodall .telall a{zoom: 0.85;}
	.mynewlist li h3{font-size: 20px;}
	.mynewlist li .cons{font-size: 14px;}
	.mynewlist .mores{zoom: 0.7;}
	.search{padding: 20px 5px;}
	.header-top .tels img{zoom: 0.7;}
	.mynewlist{padding: 10px 0;}
	.section_info .timebox>div:nth-of-type(1){font-size: 30px;}

	.slider h3{font-size: 25px;}
	.title p{font-size: 38px;}

}
@media (max-width:992px){
	.fnav{border-right: 0;}
	.fnav a{font-size: 16px;}
	.foots .vxcode{margin-top: 8%;}
	.foots .info h2{
		margin-top: 0;
		font-size: 16px;
		line-height: 20px;
	}

	.header-top .uscase img{max-width: 50%;}
	.quick-link #qmenu>li{display: none;}
	.quick-link #qmenu>li.monnav{display: block;}
	.slider	.title h3{font-size: 30px;}

	.slider h3{font-size: 15px;}
	.slider ul{font-size: 15px;}
	.links{font-size: 15px;}
	.weh .whbox .items h3{font-size: 26px;}
	.weh .whbox .items{width: 40%;}
	.title h2{zoom: 0.8;}
	.contact_us_page .section .section_info .icon{font-size: 66px;padding: 30% 0;}
	.contact_us_page .section .locinfo{padding: 4.5%;margin-top: 0;}
	.contact_us_page .section .section_info h5{font-size: 24px;}
	.contact_us_page .mapinfo .vxcode{zoom: 0.7;}
	.contact_us_page .mapinfo{padding: 14px;}
	.contact_us_page .mapinfo ol li{zoom: 0.75;}
	.contact_us_page .mapinfo ul li{width: 100%;float: none;}
	.contact_us_page .section .section_info h5{font-size: 20px;}
	.goodall h2{margin-top: 0;}
	.goodall .telall a{margin-top: 7%;width: 45%;margin-right: 2%;}
	.goodall .telall a img{zoom: 0.8;}
	.goodall .cons{font-size: 15px;}
	.others ol .titles{margin-left: 2.5%;}
	.others ol{zoom: 0.765;padding: 10px;}
	.pagemain .others ol li .flex{zoom: 0.8;}
}
@media (max-width:765px){
	
  
  
  .name .cons iframe{max-width:100%;}
  
  
	.title h3{font-size: 22px;}
	.title p{font-size: 26px;}
	.news .newsone h5{font-size: 16px;}
	.news .defaults{font-size: 14px;}
	.news ul{width: 100%;margin-left: 0;padding: 8% 0 0;}
	.news ul li a::before{margin-right: 10px;}
	.news ul li a{max-width: 67%;}
	.news ul li span{font-size: 13px;}
	.indexgg{padding-left: 0;}
	.ggbox{zoom: 0.8;}
	.indexgg .hospital{zoom: 0.8;background-size: cover;}
	.leftinfo h3{font-size: 30px;}
	.leftinfo h3 span{font-size: 14px;}
	.leftinfo p{width: 100%;font-size: 14px;}
	.doctinfo .imgbox{position: relative;}
	.comp .combox img{max-width: 92%;}
	.comp .combox>p{font-size: 16px;}
	.comp .info{font-size: 15px;line-height: 28px;}
	.comp .combox .comnav{zoom: 0.7;}
	#comvideo{padding: 2%;}
	#comvideo img{max-width: 100%;}
	.comp .advbox .item{zoom: 0.8;background-size: 100% 100%;}
	.ask .onenews h3{font-size: 15px;}
	.ask .onenews .info{font-size: 12px;}
	.onenews .time{font-size: 12px;}
	.fangbox{margin-left: 0;}
	#swiper-container2 .swiper-slide img{height: 215px;}
	.banmsg .msgbox{display: block;text-align: center;zoom: 0.8;}
	.banmsg span#banmsg-typed {
		font-size: 20px;
	}
	.banmsg{line-height: 30px;}
	.foots{padding: 10px;}
	/*.foots h2{display: none;}*/
	.foots .flex{padding: 0;}
	.foots p{margin-bottom: 0;font-size: 14px;}
	.foots .flogo{zoom: 0.8;margin-bottom: 25px;}
	#newspage .right{margin-top: -15%;zoom: 0.8;}
	.imgmain h3{font-size: 20px;}
	.imgmain .time{font-size: 13px;}
	#prev_next li:first-child{width: 100%;zoom: 0.9;}
	#prev_next li:last-child{width: 100%;zoom: 0.9;}
	.slider{margin: 1px;}
	.others ol{padding: 13px;}
	.others ol li{zoom: 0.9;}	
	.header-top .tels img{zoom: 0.68;}
	.count-6 .mnavsgo>li{border-bottom: 1px solid #fff;}
	.topinfo{display: none;}
	.header-top .uscase .item:nth-child(1)>img{display: none;}
	.header-top .uscase img{
		max-width: 84%;
	}
	.header-top .navbar-right{
		display: none;
	}
	.navbar {
		min-height: 80px;
	}
	.goback{zoom: 0.8;}

	.links{font-size: 14px;padding: 10px;}
	.section_info{padding-left: 0;}
	.section_info .timebox{zoom:0.85;}
	.timebox ul li{padding-left: 30px;}

	.header-top .uscase .item:nth-child(3){
		/*display: none;*/
	}
	.count-6 .menu-sidebar>div:last-child .mulu{padding: 10px 5px;}
	.fnav{display: none;}
	.inbanner .crumbs{top: 7%;zoom: 0.8;color: #fff; text-shadow: 1px 1px 2px #000;}
	.crumbs a{color: #333333;}
	.crumbs a:last-child{color: #000;}
	.innav a{font-size: 16px;line-height: 40px;}
	.title h2{zoom: 0.68;}
	.section_info .advbox h3{font-size: 17px;}
	.section_info .advbox .icon{zoom: 0.6;}
	.section_info .advbox .item p{font-size: 14px;height: 90px;}
	.hjbox .swiper-slide img{height: 190px;}
	.hjbox .swiper-slide a h4{font-size: 20px;}
	.hjbox .swiper-slide a{padding: 6% 3%;}
	.weh .whbox .items{zoom: 0.75;}
	.weh .whbox .items h3{font-size: 21px;}
	.js_info .title p{line-height: 25px;}
	.js_info .title h3{font-size: 36px;}
	.pagemain #comvideo{margin-right: 0;}
	.img_info .items{padding: 2%;}
	.img_info .items h2{font-size: 16px;}
	.img_info .items p{font-size: 14px;}
	.img_info .items .imgbox img{height: 180px;}
	.img_info .namebox{margin-left: 0;}
	.img_info h2{font-size: 21px;margin-top: 15px;}
	.img_info .tags{margin: 15px 0;}
	.mores{zoom: 0.8;}
	.people_info .people .name h2{font-size: 20px;}
	.people_info .people .name span{zoom: 0.7;}
	.people_info .people .desc span{font-size: 14px;line-height: 27px;}
	.people_info .peotel{display: block;}
	.peotel .vcode{width: 100%;}
	.peotel .btns{width: 100%;}
	.peotel .btns a{zoom: 0.8;}
	.ysjs h4{font-size: 21px;}
	.ysjs{font-size: 14px;line-height: 27px;}
	.contact_us_page .section .section_info .icon{padding: 1%;font-size: 60px;}
	.contact_us_page .section .locinfo{border: none;margin-top: -10%;}
	#ben5 .locinfo{padding: 0;margin-top: -7%;}
	.title h2{font-size: 30px;}
	.contact_us_page .mapinfo .vxcode{display: block;overflow: hidden;}
	.contact_us_page .mapinfo .vxcode>div{float: left;width: 50%;}
	.contact_us_page .section .section_info h5{font-size: 17px;margin: 0;margin-top: 6%;}
	#formData .firsinfo>div:last-child input{float: left;margin-bottom: 15px;}
	#formData .firsinfo input{width: 100%;}
	#formData .code input{width: 44%;}
	.msggo{text-align: center;}
	#formData .submit{padding: 8px 14%;margin: 5%;}
	.mes-form #formData .submit{margin-top: 20px;}
	.contact_us_page .mapinfo .vxcode{zoom: 1;}
	.sjmeaasge #formData{margin-top: 10px;}
	.section{padding: 10px 0;}
	#imgpage .title .desc{font-size: 14px;line-height: 28px;}
	.probox .imglistbox h5{font-size: 19px;}
	.probox .imglistbox .mores{zoom: 0.8;}
	.probox .imgbox img{height: 220px;}
	.goodinfo .gallery-top{margin-right: 0;}
	.goodall .telall a img{zoom: 0.65;}
	.goodall .telall a{zoom: 0.8;}
	.goodinfo .others{padding: 9px;}
	#formData .firsinfo input{margin-bottom: 2%;}
	#formData .firsinfo>div:nth-child(2) input{margin-bottom: 2%;}
	.yabox .imgbox img{height: auto;}
	.slider ul li a{font-size: 16px;}
	.others{margin-left: 0;}
	.pagemain .others ol li .flex{max-zoom: 1;}
	.othertel{padding: 10%;font-size: 22px;}
	.others ol{zoom: 1;}
	.docnav a{
		width: 48%;
		margin-right: 0;
		text-align: left;
		padding-left: 4%;
	}
	.docnav{padding: 4% 0;line-height: 1.8;}

	.quick-link{background: unset;}
	.quick-link #qmenu{height: 1px;}
	.quick-link #qmenu>li.monnav{
		float: right;
		/*margin-top: -11%;*/
		position: absolute;
		right:5px;
		top:35px;
	}
	.quick-link #qmenu .zb-nav-trigger{background-color: #b88658;margin: 0;}

	.intefo{width: auto; height: 158px;}
	.doctorbox{background-size: cover;}
	.doctinfo .imgbox a{
		display: block;
		width: 56%;
		margin: auto;
	}
	.doctorbox{background-position-x: 21%;position: relative;}
	.doctorbox>.wrap{position: relative;z-index: 10;}
	.doctorbox::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 0;
		backdrop-filter: brightness(2.2);
	}
	.mynbox{zoom: 0.79;}
	#comvideo iframe{height: 280px;}
	.docnav a{font-size: 15px;}
	.docnav span{font-size: 22px;}
}

@media (max-width:600px){
	.doctinfo .imgbox a{width: 80%;}
	.wrap{width: 94%;}
	.comp .combox img{max-width: 68%;}

	.foots .flex{display: block;}
	.foots .code{display: none;}
	.timebox ul::before{zoom:0.8;}
	.mynewlist li h3{font-size: 18px;}
	#jj>img{max-width: 148%;transform: translateX(-32%);}
	.slider .title h3{font-size: 22px;padding: 0 4%;}
	.pagemain .others ol li .flex{zoom: 1;}
	.innav a{font-size: 14px;width: 22%;margin-right: 2%;}
	.js_info .p1{
		padding: 2%;
		font-size: 15px;
		line-height: 30px;
		margin: 1% 0;
	}
}
@media (max-width:500px){
	.title p{font-size: 20px;}
	.header-top .uscase .item:nth-child(2){display: none;}
	.uscase .logos{margin: 0;}
	.banner{padding-bottom: 41.348%;}
	.weh .whbox .items h3{width: 50px;}
	.weh .whbox .items p{font-size: 18px;}
}

#medical-service .swiper-container {
/*	width: 100%;
	height: 100%;*/
}
#medical-service .swiper-container swiper-slide{
	height: 200px;
}



.news-list .onenews img{
    width: 100%;
    max-height: 250px;
    object-fit: cover;
}

.news-list .nbox {
	padding: 10px;
	background-color: #f7f7f7;
	margin-bottom: 20px;
}

.news-list .onenews .info{
	font-size: 16px;
	color: #222222;
	letter-spacing: 0;
	line-height: 32px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
	-webkit-box-orient: vertical;
	margin-top: 4%;
	margin-bottom: 3%;
}

.news-list .onenews .time{
	font-size: 14px;
	color: #999999;
	letter-spacing: 0;
	text-align: justify;
	line-height: 60px;
}
.news-list .get-more{
	padding: 20px;
	text-align: center;
}
.dt-btn, .widget .dt-form .dt-btn, .nsu-submit {
	font: normal bold 12px / 14px "Roboto", Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	padding: 8px 14px 7px 14px;
}
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style) {
  background-color: #1ebbf0;
  background-image: none;
  background: #1ebbf0;
  background: -webkit-linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);
  background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);
}
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover {
  background: none;
  background: #23aadd;
  background: -webkit-linear-gradient(135deg, #23aadd 30%, #37ce9d 100%);
  background: linear-gradient(135deg, #23aadd 30%, #37ce9d 100%);
}
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).accent-btn-bg-color {
  background: #1ebbf0;
}

#environment .swiper-slide h4 {
	color: #2b2b2b;
	margin-bottom: 6%;
	font-size: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#environment .swiper-slide a {
	background-color: #f7f7f7;
	border: 2px solid #fff;
	display: block;
	padding: 8% 7.5%;
	/*border: 2px solid #fff;*/
	transform: 0.5s;
	transform: 0.3s;
}
#environment .swiper-slide:hover a {
	border: 2px solid #b88658;
}

.jianbian {
	background: -webkit-linear-gradient(left, #b88658 30%, #e30000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hospital_info_page .info p {
	font-size: 1.2em;
}

.contact_us_page .form-content {
	/*border: 2px solid #333333;*/
	padding: 5%;
}
.ft20 {
	font-size: 20px;
}
.ft16 {
	font-size: 16px;
}