@charset "utf-8";
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content: ''; content: none;}

@font-face {
    font-family: 'ZhenyanGB';
    src: url('../../libs/font/ZhenyanGB_Regular.eot');
    src: url('../../libs/font/ZhenyanGB_Regular.eot?#iefix') format('embedded-opentype'),
        url('../../libs/font/ZhenyanGB_Regular.woff2') format('woff2'),
        url('../../libs/font/ZhenyanGB_Regular.woff') format('woff'),
        url('../../libs/font/ZhenyanGB_Regular.ttf') format('truetype'),
        url('../../libs/font/ZhenyanGB_Regular.svg#ZhenyanGB-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*layout*/
body{font-size: .4375rem; color: #333; background-color: #faf8fc;}
body .mobile{display: none;}
a:hover{color: #333;}
.container{margin-right: .5rem; margin-left: .5rem;}
.entirebox{padding: .5rem 0; background-color: #fff; box-shadow: 0 0 .175rem rgba(0 0 0 / 10%);}
.entirebox .margin{margin-right: .375rem; margin-left: .5rem;}
.radius{border-radius: .375rem; overflow: hidden;}

/*图片占位*/
.place{position: relative; z-index: 3; display: block; padding-top: 56.25%; overflow: hidden;}
.place .pic{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.place .pic img{display: block; width: 100%; height: auto; min-height: 100%;}

.mt{margin-top: .5rem;}
.mb{margin-bottom: .5rem;}
.margins{margin-top: .5rem; margin-bottom: .5rem;}

/*common*/
.transition,
.transition a{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.imgScale a{overflow: hidden;}
.imgScale a img{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-duration: 4s;
	transition-duration: 4s;
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.imgScale a:hover img{
	-moz-transform:scale3d(1.1, 1.1, 1);
	-ms-transform:scale3d(1.1, 1.1, 1);
	-o-transform:scale3d(1.1, 1.1, 1);
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1);
}

.common-thead{margin-bottom: .4875rem; text-align: center;}
.common-thead .cn{display: inline-block; position: relative; margin-right: .5rem; font-size: .5625rem;}
.common-thead .cn:last-child{margin-right: 0;}
.common-thead .cn>a{display: inline-block; position: relative; color: #666; vertical-align: middle;}
.common-thead .cn>a font{position: relative; z-index: 2;}
.common-thead .cn>b{display: inline-block; vertical-align: middle; width: .6rem; height: .6rem; font-size: .4rem; line-height: .63rem; color: #1db7d2; text-align: center; background-color: #eaf9fb; border-radius: 100rem; overflow: hidden;}
.common-thead .cn.on>a{font-weight: bold; color: #333;}
.common-thead .cn.on> a i{position: absolute; bottom: -.075rem; left: 0; right: 0; max-width: 3em; margin: 0 auto; height: 0.1375rem; border-radius: 10rem; 
background-image: -webkit-linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));
background-image: -o-linear-linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));
background-image: -moz-linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));
background-image: linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));}
.common-thead.line .cn:before{position: absolute; top: 50%; left: -2.5rem; content: ""; width: 2rem; height: .125rem; margin-top: -.0625rem; background-color: #dadada;}
.common-thead.line .cn:after{position: absolute; top: 50%; right: -2.5rem; content: ""; width: 2rem; height: .125rem; margin-top: -.0625rem; background-color: #dadada;}
.common-thead .cn:last-child{margin-right: 0;}
.common-thead .cn.unfold{cursor: pointer;}
.common-thead .cn.unfold .droplist{display: block;}

.info-list{position: relative; overflow: hidden;}
.info-list li{float: left; position: relative; width: 100%; padding-top: .3rem; padding-bottom: .3rem; overflow: hidden;}
.info-list li h4{position: relative; z-index: 2; padding-left: .5rem; font-weight: normal; font-size: .5rem; overflow: hidden;}
.info-list li h4 a{float: left; line-height: 1.6em; max-width: 100%; white-space: normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.info-list li h4 a:before{position: absolute; top: -.125rem; left: 2px; content: ""; margin-top: .8em; width: .25rem; height: .25rem; background-color: #999; background-repeat: no-repeat; border-radius: 50%;}

/*owl*/
.owl-carousel.pagination .owl-dots{position: absolute; right: 0; left: 0; bottom: 8%; z-index: 10; text-align: center;}
.owl-carousel.pagination .owl-dots button.owl-dot{display: inline-block; width: 6%; height: .125rem; margin-right: .75%; margin-left: .75%; background-color: #fff; transition: all .3s;}
.owl-carousel.pagination .owl-dots button.owl-dot.active{background-color: #3d9ff8;}
.owl-carousel.unpage .owl-dots{display: none;}
.owl-common .owl-nav > div{position: absolute; top: 50%; margin-top: -.5rem; width: 1rem; height: 1rem; text-align: center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 50%;}
.owl-common .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; margin: -0.5em auto 0; text-align: center; font-weight: normal; font-size: .6rem; line-height: 1em; color: #fff;}
.owl-common .owl-nav > div:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; border-radius: 50%; background-color: rgb(29, 183, 210);}
.owl-common .owl-nav > div:hover:after{opacity: .65;}
.owl-common .owl-nav > div.owl-prev{left: -.5rem;}
.owl-common .owl-nav > div.owl-next{right: -.5rem;}
.owl-common .owl-nav > div.disabled i{opacity: .35;}
.owl-common .owl-nav > div.disabled:after{opacity: 0.4;}

/* 单行省略号 */
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
/* 多行省略号 */
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

.nomore{ font-size: .375rem; text-align: center; color: #c5c5c5;}

/*pagediv*/
.pagediv{font-size: .375rem; line-height: .6rem; color: #555; text-align:center; clear:both;}
.pagediv li{display: inline-block;}
.pagediv .arrow a{color: #555;}
.pagediv li>a,
.pagediv li>span{display: inline-block; padding: 0 .5em; margin: .2em; zoom:1; border: #dfdfdf 1px solid; }
.pagediv  #page_input{width: .8rem; height: .6rem; margin: .2em; text-align: center; border: #dfdfdf 1px solid; background: #fff;}
.pagediv li>span{background: #f5f5f5; color: #999;}
.pagediv li.total_count>span,
.pagediv li>a{
	color: #555;
	transition: all .2s;
	-webkit-transition: all .2s;
	background: #fff;
}
.pagediv li>a:hover,
.pagediv li>a.current{background: #1e7fd1; border-color: #1e7fd1; color: #fff; text-decoration:none;}
.pagediv li>a.current{font-weight: bold;}
.pagediv li.page_index{display: none;}

/*header*/
.header-mobile-bar{position: relative; background-color: #58a0fa;}
.header-fixed-bar{position: fixed; top: 0; right: 0; left: 0; z-index: 9999;}
.header-mobile-logo{position: relative;}
.header-mobile-logo p{text-align: center; padding: .5rem 2rem;}
.header-mobile-logo p img{height: .875rem;}
.header-mobile-mark{position: fixed; top:0; bottom:0; left:0; right:0; z-index: 999; display: none; background-color:rgba(0,0,0,.25);}
.header-mobile-title{position: fixed; top: 0; right: 0; left: 0; z-index: 99996; display: block; height: 48px; line-height: 48px; text-align: center;background-color: #b98f4d;}
.header-mobile-title p{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.header-mobile-title a{display: inline-block; font-weight: bold; font-size: 1.125em; color: #fff;}
.header-mobile-title a img{height: 50px;}
.header-mobile-menu{position: fixed; top: 0; bottom: 0; left: -70%; z-index: 9998; display: block; width: 70%; height: 100%; background: #428eed; transition: all .3s; -webkit-transition:all .3s; box-shadow:0 0 5px rgba(0,0,0,0.4);}
.header-mobile-menu .mainnav-back{position: absolute; right: 0; left: 0; bottom: 0; width: 80%; margin: 0 auto; padding: .5rem 0; height: .5rem;}
.header-mobile-menu .mainnav-back img{display: block; width: auto; height: 100%;}
.header-mobile-menu .mainnav-back:before{ position: absolute; top: 0; right: 0; left: 0; content: ""; height: .0475rem; background-color: rgba(255,255,255,.23);}
.header-mobile-menu .mainnav-over{position: absolute; top: 1.875rem; right: 0; bottom: 1.5rem; left: 0; overflow: hidden;}
.header-mobile-menu .mainnav-scroll{position: relative; margin-right: -20px; height: 100%; margin-left: 0; overflow-x:hidden; overflow-y:auto;}
.header-mobile-menu .mainnav-m{margin-right: 20px;}
.header-mobile-menu .mainnav-m .navli{text-align: left; width: 80%; margin: 0 auto;}
.header-mobile-menu .mainnav-m .navli:after{content: normal !important;}

.header-mobile-menu .mainnav-m .navli .btn{position: relative; display: block; font-size: .5rem; cursor: pointer; border-bottom: .0475rem solid rgba(255,255,255,.23);}
.header-mobile-menu .mainnav-m .navli .btn .link{display: inline-block; position: relative; z-index: 2; padding: .75rem 0; margin-left: .25rem; font-weight: bold; font-size: 1em; color: #fff; }
.header-mobile-menu .mainnav-m .navli .btn .link i{display: inline-block; vertical-align: middle; margin-right: .25rem; width: .6rem; height: .6rem;}
.header-mobile-menu .mainnav-m .navli .btn .link i img{display: block; width: 100%; height: 100%;}
.header-mobile-menu .mainnav-m .navli .btn .link font{display: inline-block; vertical-align: middle;}
.header-mobile-menu .mainnav-m .navli .btn:after{position: absolute; top: -.0625rem; bottom: -.0625rem; left: 0; width: .125rem; background-color: #0e71cb;}
.header-mobile-menu .mainnav-m .navli .dropGroup{display: none;}
.header-mobile-menu .mainnav-m .navli .dropGroup dt a{display: block; color: #fff; font-size: .375rem; margin-top: .25rem; padding-top: .3125rem; padding-right: 1em; padding-bottom: .3125rem; padding-left: 1.875rem; background-color: #58a0fa;}
.header-mobile-menu .mainnav-m .navli .dropGroup dt a:hover{}
.header-mobile-menu .mainnav-m .navli .dropGroup dt a.checked{}
.header-mobile-menu .mainnav-m .navli .btn b.layui-icon{position: absolute; width: .8rem; height: .8rem; right: 0; top: 50%; margin-top: -.5em; font-size: .6rem; text-align: center; line-height: 1; color: #fff;}
.header-mobile-menu .mainnav-m .navli .btn b:before{content: "\e624";}
.header-mobile-menu .mainnav-m .navli .btn.on{/*background-color: #0e71cb;*/}
.header-mobile-menu .mainnav-m .navli .btn.unfold{/*background-color: #0e71cb;*/}
.header-mobile-menu .mainnav-m .navli .btn.unfold b:before{content: "\e67e";}

.header-toggle-btn{position: absolute; top: .5rem; left: .75rem; z-index: 99999; display: block; color: #fff; cursor:pointer;}
.header-toggle-btn div{position: relative; display: block; width: .75rem; height: .875rem; margin: 0 auto; cursor:pointer;}
.header-toggle-btn span{position: absolute; display: block; left: 0; width: 100%; height: 10%; background: #fff; transition all .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 1rem;}
.header-toggle-btn span:nth-child(1){top: 15%;}
.header-toggle-btn span:nth-child(2){top: 48%;}
.header-toggle-btn span:nth-child(3){top: 80%;}
.header-opend .header-toggle-btn span:nth-child(1){
        top:50%;
        -webkit-transform:translateY(-50%) rotate(-45deg);
        -ms-transform:translateY(-50%) rotate(-45deg);
        transform:translateY(-50%) rotate(-45deg);
}
.header-opend .header-toggle-btn span:nth-child(2) {
        -webkit-transform:translateY(-50%) scaleX(0);
        -ms-transform:translateY(-50%) scaleX(0);
        transform:translateY(-50%) scaleX(0);
}
.header-opend .header-toggle-btn span:nth-child(3) {
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -ms-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
}


/*footer*/
.mfooter{text-align: center;}
.mfooter-contact{padding-top: .25rem; padding-bottom: .25rem; font-size: .375rem; line-height: 2em;}
.mfooter-contact img{width: .5rem; height: .5rem;}


/** 动画 **/
.set-anim{-webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-duration: 0.3s; animation-fill-mode: both;}
.set-anim-upbit{-webkit-animation-name: set-upbit; animation-name: set-upbit;}
/* 微微往上滑入 */
@-webkit-keyframes set-upbit{
  from {-webkit-transform: translate3d(0, 15px, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes set-upbit{
  from {transform: translate3d(0, 15px, 0);  opacity: 0.3;}
  to {transform: translate3d(0, 0, 0);  opacity: 1;}
}