@charset "utf-8";

@font-face{ font-family: Frutiger; src:url(FRUTIGERCE55ROMAN.TTF);} */

/* @font-face {
  font-family: "思源黑体 Medium";font-weight: 500;src: url("yiyuanheitiMedium.woff") format("woff");
  font-display: swap;
} */
/* @font-face {
  font-family: "思源黑体 Bold";font-weight: 500;src: url("yiyuanheitiBold.woff") format("woff");
  font-display: swap;
} */
/* @font-face {
  font-family: "思源宋体 SemiBold";font-weight: 600;src: url("siyuanSemiBold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "思源宋体 Bold";font-weight: 600;src: url("siyuanBold.woff") format("woff");
  font-display: swap;
} */

@media screen and (max-width:1024px){
	html{font-size: 90px!important;}
}
@media screen and (max-width:900px){
	html{font-size: 85px!important;}
}
@media screen and (max-width:640px){
	body{font-size: .18rem}
}
@media screen and (max-width:480px){
	html{font-size: 80px!important;}
}
@media screen and (max-width:375px){
	html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
	html{font-size: 70px!important;}
}


/*==========================================公共 开始=============================================*/


/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.header_box .wp{ display: flex; justify-content: space-between;}
.header_box .left{ width: calc((100% - 4.73rem)/2);}
.header_box .center{width: 4.73rem;position: relative;z-index: 1;}
.header_box .center img{position: absolute;top: 0;left: 0;right: 0;width: 100%;transition: .5s;transform-origin: top;}
.header_box .right{ width: calc((100% - 4.73rem)/2);}
.header_box_li{position: relative;z-index: 1;height: 100%;}

.header_box.fixed .center img{transform: scale(.7);}

.header_box{position: relative;z-index: 100; height: 0; }
#header{z-index:999;width:100%;}
#header .w1400{margin-left: 7.5%;margin-right: 7.5%;max-width: inherit !important;/* width: 85%; */}
.head{position: fixed;}
 .header_box_li #header:before{content:"";position:absolute;height: 1.42rem;top:0;left: 0;right: 0;transition: 0.5s;opacity: 1;visibility: visible;z-index: -1;}

.header_box_li .head:before{background:url(headbg.png) no-repeat center !important;background-size: 100% 100% !important;height: 2.78rem !important;}
.fixed .header_box_li .head:before{background: url(headbg1.png) repeat-x center !important;background-size: 100% 100% !important;height: 1.28rem !important;}


 .header_box_li #header.xg:before{background: url(navbg.png) no-repeat center !important;height: 100% !important;background-size: 100% 100% !important;}
.header_top{position: relative;height: .45rem;padding: 0;text-align: right;z-index: 10000;overflow: hidden;width: 47%;margin-top: 0.1rem;}
.head .header_top{transition:0.5s;transform: translateY(0.1rem);}
.header_top:last-child{ display: flex;  justify-content: flex-end;  align-items: center; }
.head.xg .header_top{transform: translateY(0rem);}
.list_box0{display: flex;align-items: center;height: .55rem; transition:.5s}
.fixed .list_box0{ height:.45rem}
.header_box .right .list_box0{ justify-content: flex-end}
.list_box0 .li{font-size: .16rem;color: #fff;display: inline-block;transition:.6s;margin-right: .16rem;position: relative;padding-right: .16rem;border-right: 2px solid rgba(255,255,255,1);}
.list_box0 .li:last-child{margin-right: 0;padding-right:0;border-right: 1px solid rgba(255,255,255,0);}
.list_box0 .li>a{display: flex;align-items: center;}
.list_box0 .li a>img{margin: 0 0 0 .1rem;}
.list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: .56rem;opacity: 1;visibility: visible;transform-origin:top;display: none;}
.list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; }

.list_box0 .li dl{position: absolute;top: 150%;left: 50%;width: 1.2rem;background: rgba(17, 133,105,1);border-radius: .12rem;padding: .12rem;transform: scaleY(0);visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 10px rgba(0,0,0,.3);text-align: center;z-index: 100;margin-left: -.6rem;}
.list_box0 .li dl a{display: block;font-size: .14rem;color: rgba(255,255,255,.7);line-height: 2.5;transition: .5s;}
.list_box0 .li:hover dl{transform: scaleY(1);filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;transform: scaleY(1);}
.list_box0 .li dl a:hover{ color: #fff}

.list_box0 .li svg{width: .15rem;height: .15rem;fill:#fff;margin: 0 0 0 .1rem;}

.old_rukou{width: 1.50rem;height: .54rem;display: inline-block;text-align: center;line-height: .54rem; margin-left: .34rem}
.old_rukou a{ display:block; width:100%; font-size:.18rem; color:#fff; border-radius:0 0 0 .10rem; background:#0a3f79;}

#m_header .list_box0{ float:right}
#m_header .list_box0 .li{ line-height:60px;}
#m_header .list_box0 .li a .ewm_box{ top:60px}
#m_header .list_box0 .li a>img{height: 12px;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #118569 url(search-dialog-box.png) center 105% no-repeat;background-size:100% auto;transition: .6s;left: 0;right: 0;z-index: 1;opacity: .8;-webkit-backdrop-filter: blur(15px);/* backdrop-filter: blur(15px); */}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}

.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 8rem;
	margin: 0 auto;
	padding: 0 0 0 .24rem;
	background-color: #fff;
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
	border-radius: .06rem;
	overflow: hidden;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: .6rem;
	width: calc(100% - .64rem);
	background-color: transparent;
	font-size: .2rem;
	line-height: .08rem;
	color: #333;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: .6rem;
	width: .64rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background: #f0d2ae url("search-btn.svg") center no-repeat;
	background-size: .3rem;
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);

	background-repeat: no-repeat;
	background-position: center;
	background-image: url("close-btn.svg");
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image:;
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.f-cb h3{ font-size: .3rem; color: #fff; text-align: center; margin-bottom: .3rem}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(close-btn.svg);
    transition:.6s;
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*顶部搜索*/
.tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;}
.tc_search .header-search{height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .focus_js{font-size:.875rem;color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;

}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/
 
 /*手机端开始*/
 .m_header_box {transition: .6s;display: none;height: .7rem;position: relative;z-index: 100000;}
 .m_header_box header #logo img{height: .5rem;}
 .m_header_box header #logo{padding:0;width: 100%;}
 
 .m_header_box .list_box1{margin-right: 0;}
 .m_header_box .list_box1 .li a{border-radius: 0;width: 28px;height: 20px;font-size: 10px; font-size: .2rem; color: #fff;}
 
 /*导航按钮开始*/
 #nav_btn_box.on { background: none; }
 #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
 #nav_btn_box{position:relative;width: .85rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
 #nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;}
  #nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
 #nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;}
 #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
 #nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
 #nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
 #nav_btn .navbtn::after {top: -8px;}
 #nav_btn .navbtn::before {top: 8px;}
 #nav_btn .point.on .navbtn {background: transparent;}
 #nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
 #nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
 
 .m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
 .m_nav_list::-webkit-scrollbar { display:none}
 #m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 70px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #118569;background-size:cover;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);}
 #m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
 #m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}
 
 #m_nav .search_box input.submit{ background: #0656b7 url(submit.svg) center no-repeat; background-size: 1.75rem;}
 
 
 #m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}
 #m_nav .list_box0{ width: 100%; justify-content: center;}
 #m_nav .list_box0 .li{font-size: .18rem;border: none;margin: 0 4px;padding: 0 0;}
 
 .list_box_nav_mobile{width:100%;height: 100%;/* background: rgba(255,255,255,.1); */padding: 0 0 10px;overflow: hidden;overflow-y: scroll;margin: 0;flex: 1;}
 .list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
 .list_box_nav_mobile>li .con{ position:relative}
 .list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.15);line-height: .64rem;color: rgba(255,255,255,.8);padding: 0;font-size: .2rem;display: flex;position: relative;transition:.5s;}
 .list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: -.2rem;top: 0;}
 .list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
 
 .list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}
 
 /*三级导航 开始*/
 .list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
 .list_box_nav_mobile>li .list a{display:block;font-size:13px;color: rgba(255,255,255,.6);line-height: 2.5;}
 .nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
 
 /*顶部搜索*/
 .wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;height: 60px;display: block;}
 .wap_search form{height:40px;border-radius: 0;background: rgb(255 255 255);position:relative;width: 100%;margin: 10px auto;}
 .wap_search .input{font-size: 14px;color: #646464;height:40px;line-height:40px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 40px);}
 .wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 40px;height:40px;line-height:40px;border:0;background: url(submit.svg) center no-repeat #f0d2ae;background-size: .24rem;border-radius: 0;}
 .wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
 .wap_search input::-webkit-input-placeholder{ color:#999; }
 .wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
 .wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
 .wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
 .wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
 .wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
 .wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
 .wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


.list_box_01{font-size:0;white-space:nowrap;padding: .10rem;}
.list_box_01 li{display: block !important;margin: 0 15px !important;text-align:center;}
.list_box_01 li h3 img{ border:#ededed 1px solid; width:85px; height:85px;}
.list_box_01 li h5{font-size:.12rem;color:#666666;line-height:20px;margin: 0;}

.list_box0 .li:after{content:"";position:absolute;left: -.26rem;width:1px;height: 16px;top: 50%;margin-top: -8px;opacity: .8;}
.list_box0 .li.on:after{display:none;}
.list_box0 .li:first-child:after{ display:none}
.header_box .w1200{height: 1.28rem;position:relative;width: auto;max-width: 100%;padding: 0;display: flex;/* align-items: center; */justify-content: space-between;transition: .5s;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/
#header #logo .box_table{ width:auto}
#logo{height: 100%;position: relative;/* width: 3.1rem; */display: flex;align-items: center;transition: 0.5s;}
.head #logo{margin-top: -0.4rem;}
#logo img{max-width:100%;transition: .5s;}
#logo img.img2{ display:none}
#nav{width: 100%;position: relative;z-index: 1;}
#nav:before{content: "";position: absolute;top: 0;background: rgba(255,255,255,.4);height: 1px;}
.header_box .left #nav:before{right: 0;width: calc((100vw - 15.2rem)/2 + 100% - 4px);}
.header_box .right #nav:before{left: 0;width: calc((100vw - 15.2rem)/2 + 100% - 4px);}
#nav ul{display: flex;justify-content: space-between;position: relative;}
#nav ul li{z-index:0;height: 100%;position: static;}
#nav ul li a{display:block;padding: 0;position: relative;z-index: 100000;}
#nav ul li h3{font-size: .24rem;color:#fff;line-height: .7rem;position:relative;transition: .5s;display: inline-block;z-index: 10000;}
.fixed #nav ul li h3{ font-size:.22rem}
#nav ul li h3:after{content:"";position:absolute;top: 100%;transition:.6s;background: #118569;opacity:0;visibility:hidden;height: 2px;left: 0;right: 0;z-index: 10000;}
#nav ul li.on1 h3:after{ opacity:1; visibility:visible}
#nav ul li a i{ margin:-3px 0 0 .10rem; display:inline-block; width:10px; height:5px; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{}
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#f9faf5 url(nav_bg.jpg) center bottom no-repeat; background-size:100% auto;right: -.4rem;left: -1.2rem;z-index: 10000;transform: scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 10px rgba(0,0,0,.3);border-radius: .06rem; padding:.3rem}
.right #nav ul li .sub{ left: -.4rem; right: -1.2rem;}
#nav ul li .sub:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: -1px;/* background: #118569; */}
#nav ul li .sub .box{padding: 0;text-align:center;display: flex;}
#nav ul li .sub .box .img{ width: 1.36rem; height: 1.36rem; border-radius: .06rem}
#nav ul li .sub .box .img .img_hezi{ padding-bottom: 100%}
#nav ul li .sub .box .con{width: calc(100% - 1.36rem);padding: 0 0 0 .4rem;}
#nav ul li .sub .box .con .rr{display: flex;flex-wrap: wrap;margin: 0 -.05rem;}87
#nav ul li .sub .box .con .rr a{ min-width: 33.33%; padding: 0 .1rem; display: block; font-size: .2rem; color: #333333; line-height: 1.5}
#nav ul li .sub .box .con .rr a img{ margin: -3px .12rem 0 0}
#nav ul li .sub a{padding: 0 .05rem;transition:.6s;font-size: 0.17rem;color: #666666;white-space: nowrap;font-family: SourceHanSerifCN-Bold;line-height: 2;margin-bottom: .1rem;text-align: left;min-width: 33.33%;}
#nav ul li .sub a:hover{color: #118569;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: scaleY(1);}
#nav>ul>li.on h3,#nav ul li:hover h3{/* color: #f0d2ae; */}
#nav ul li .sub .box .img:hover .img_hezi{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}

#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -.22rem;top: 50%;margin-top: -6px;transition:.3s;background-size:100% auto; display:none}
#nav>ul>li.xiala h3:before{ display:block}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{opacity: 1;visibility: visible;}
#nav>ul>li.noSubMenu h3:before{ display:none}

.search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0;position: relative;}
.search_btn img{margin: 0;}
#header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: .24rem;transition:.6s;margin-left: .16rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -.24rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
#header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

/* .xg #nav ul li h3{color:#333;line-height: .52rem;} */
/* .xg .list_box0 .li{color: #6f6f6f;} */
/* .xg #logo img{ height:.64rem;} */
/* .header_box .xg  .w1200{height: 1.12rem;} */
/* .xg .search_btn svg{ fill:#6f6f6f} */
.xg #logo{margin:0;}

.search_btn{cursor: pointer;}
.search_btn svg{fill:#fff;width: 0.2rem;height: 0.2rem;}
.head-b{align-items:center;}
.head .head-b{transition:0.5s;transform: translateY(-0.15rem);}
.head.xg .head-b{transform:translateY(0rem);}



@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*导航按钮开始*/
/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: .7rem;position: fixed;z-index: 100000;width: 100%;top: 0;right: 0;left: 0;}
.m_header_box header{padding: 0 0 0 15px;height: .7rem;background: #118569;box-shadow: 0 3px 5px rgba(0,0,0,.05);z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_header_box header #logo img{height: 0.5rem;}
.m_header_box header #logo{padding:0;width: 250px;margin: 0;}


#mainVisual{width: 100%;position: relative;overflow: hidden;}
.slide-control{display: flex;justify-content: flex-start;align-items: center;}
.main-visual-con{z-index: 1;overflow: hidden;} 

.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height: 100vh;
	background-size:cover !important;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition:transform 7000ms  ease-in-out;
	transition:transform 7000ms ease-in-out;
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item .main-visual-pc-img::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(main-visual-pc-img.png) center bottom no-repeat; background-size: 100% auto;}


.main-visual-item .main-visual-txt-con{
	position:absolute;
	bottom: .3rem;
	left:0px;
	width:100%;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block;font-size: .26rem;color:#fff;line-height: 1.5;padding: 0 3rem 0 0;}

.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.06,1.06) rotate(0.002deg);
     transform: scale(1.06,1.06) rotate(0.002deg);
}
.main-scroll-icon{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:9;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;cursor: pointer;z-index: 10;}
.main-scroll-icon span{display:block;color: rgba(255,255,255,1);letter-spacing:0;font-weight:400;font-size: .14rem;margin-bottom: .14rem;}
.main-scroll-icon .line{background: url(main-scroll-icon_bg.png) center no-repeat;width: .24rem;height: .36rem;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;}
.main-scroll-icon .line .dian{animation: upDown 1.5s ease-in-out infinite;width: 2px;height: 9px;background: #fff;margin-left: 1px;}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
	50% {
		opacity: 1;
		transform: translate(-50%,2px);
	}
	100% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
}

.main-visual-con .miso-dots{ text-align: center; bottom: .4rem;}
.main-visual-con .miso-dots li{ width: .1rem; height: .1rem; background: #fff; border-radius: .05rem; transition: .5s;}
.main-visual-con .miso-dots li.miso-active{ width: .55rem; background: #f0d2ae;}

.pad{ padding: .94rem 0; overflow: hidden;}
.tit1{ align-items: center; justify-content: space-between; margin-bottom: .48rem;}
.tit1 .ll{display: flex;align-items: flex-end;}
.tit1 big{ font-size: .44rem; color: #118569; font-weight: bold;}
.tit1 big font{  font-weight: bold; background: linear-gradient(to right, #ece45b, #31ad93); -webkit-background-clip: text; color: transparent; color: #ece45b\0; background: none\0;}
.tit1 small{ font-size: .32rem; color: #118569; text-transform: uppercase; margin: 0 0 0 .2rem; font-family: Frutiger;}
.more1{display: flex;align-items: center;font-size: .22rem;color: #118569;position: relative;z-index: 2; transition: .5s;}
.more1 *{ transition: .5s;}
.more1 .before{content: "";position: absolute;background: url(more1_bg.png) center no-repeat;width: 1.11rem;height: .58rem;z-index: -1;right: -.17rem;top: -.25rem; background-size: cover;}
.more1 .ico{ position: relative; z-index: 1; width: .26rem; height: .26rem; background: #118569; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: -3px 0 0 .16rem;}
.more1 .ico svg{ width: .12rem; height: .12rem; fill: #fff;} 

.container01{background: #f9faf5 url(container01_bg.jpg) center no-repeat;position: relative;z-index: 1;padding-bottom: 2.5rem;}
.shape{position: absolute;bottom: -2px;left: 0;width: 100%;z-index: -1;}
.shape svg{width: 100%;transform-origin: bottom;transform: scaleY(.5) translateY(4px) rotateY(180deg);}
.container01 .content{border-radius: .15rem;box-shadow: 2.837px 0.977px .4rem 0px rgba(1, 57, 48, 0.18);overflow: hidden;background: #ffffff;align-items: center;}
.container01 .left{ width: calc(100% - 9.5rem); padding: 0 .5rem;}
.container01 .right{ width: 9.5rem; overflow: hidden}
.container01 .right .miso-arrow{background: rgba(0,0,0,.2);width: .6rem;height: .8rem;transition: .5s;}
.container01 .right .miso-arrow::before{font-size: .34rem;left: 44%;top: 50%;transform: translate(-50%, -50%);font-weight: bold;}
.container01 .right .miso-prev{border-radius: 0 .4rem .4rem 0; transition: .5s; transform: translateX(-101%) translateY(-50%)}
.container01 .right .miso-next{border-radius: .4rem 0 0 .4rem ; transition: .5s; transform: translateX(101%) translateY(-50%)}
.container01 .right:hover .miso-prev{ transform: translateX(0) translateY(-50%)}
.container01 .right:hover .miso-next{ transform: translateX(0) translateY(-50%)}
.container01 .right .miso-prev::before{ content: "<";}
.container01 .right .miso-next::before{content: ">";left: 56%;}
.container01 .right .miso-arrow:hover{ background: #118569}

.list1 li{ position: relative}
.list1 li *{ transition: .5s;}
.list1 li .a{ display: flex; height: 1.2rem; flex-direction: column; justify-content: center; position: relative; z-index: 1;}
.list1 li .a::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e9e9;}
.list1 li .a::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #118569;}
.list1 li h4{font-size: .22rem;color: #05322b;line-height: 1.25;width: 100%;}
.list1 li h6{display: flex;align-items: center;font-size: .16rem;color: rgba(5, 50, 43, 0.55);font-weight: bold;margin: .18rem 0 0;}
.list1 li h6 img{ width: .24rem; height: .24rem; margin: -3px .08rem 0 0;}
.container01 .list1 li .a::before{ display: none}

.list1 [data-aos=miso-line] .a::before{ width: 0;}
.list1 [data-aos=miso-line].aos-animate .a::before{ width: 100%;}

.list2 li .a{ display: block; position: relative; z-index: 1;}
.list2 li .img .img_hezi{ padding-bottom: 68.21%;}
.list2 li .top{ position: absolute; bottom: 0; left: 0; right: 0; background: rgba(17, 133, 105, 0.92) url(line1.png) center no-repeat; height: 1.25rem;}
.list2 li .top .con{ width: calc(100% - 1.25rem); display: flex; align-items: center; padding: 0 .5rem;}
.list2 li .top .con h4{font-size: .24rem;color: #fff;line-height: .38rem;max-height: .76rem\0;}
.list2 li .top .time{width: 1.25rem;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #96d05c url(line1.png) center no-repeat;}
.list2 li .top .time h3{ font-size: .46rem; color: #fff; font-weight: bold;}
.list2 li .top .time h6{ font-size: .22rem; color: #fff; font-weight: bold; margin: .06rem 0 0;}

.container02{ padding: 0 0 .5rem; background: #118569; position: relative; z-index: 1;}
.container02 .bg1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(container02_bg.png) left center no-repeat;z-index: -1;width: 1.43rem;height: 6.73rem;background-size: cover;}
.container02 .left{width: calc(100% - 7.6rem);padding: 0 .5rem 0 0;}
.container02 .right{width: 7.6rem;padding: 1.06rem 0 0 .5rem;}

.list_tabs1{display: flex;align-items: flex-end; margin-bottom: .48rem}
.list_tabs1 .li{margin-right: .48rem;position: relative;cursor: pointer;height: .44rem;display: flex;align-items: flex-end;}
.list_tabs1 *{ transition: .5s;}
.list_tabs1 .li:last-child{ margin-right: 0;}
.list_tabs1 .li:before{content:"";position: absolute;width: .07rem;height: .07rem;background: #fff;border-radius:50%;right: -.28rem;bottom: .18rem;}
.list_tabs1 .li:last-child:before{ display: none}
.list_tabs1 .a{font-size: .4rem;color: #6baba1;font-weight: bold;}
.list_tabs1 .li.active .a{ color: #fff; }

.list3 li{ display: flex; height: 1.6rem; position: relative; z-index: 1; align-items: center; margin-bottom: .2rem;}
.list3 li *{ transition: .5s;}
.list3 li:last-child{ margin-bottom: 0;}
.list3 li::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #fff 1px solid; border-radius: .15rem; border: rgba(255,255,255,.55) 1px dashed; z-index: -1; left: .2rem;}
.list3 li .a{display: flex;height: 1.23rem;align-items: center;position: relative;z-index: 1;width: 100%;padding: 0 .34rem; border-radius: .06rem; overflow: hidden;}
.list3 li .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(list3_bg1.png) center no-repeat; background-size: 100% 100%;}
.list3 li .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(list3_bg1_on.png) center no-repeat; background-size: 100% 100%; transform: translateX(-100%);}
.list3 li .a .time{width: .78rem;height: .78rem;background: #118569;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1.3;position: relative;z-index: 1;}
.list3 li .a .time:before{ content: ""; position: absolute; left: 50%; top: 50%; width: .6rem; height: 1px; background: #fff; transform: translate(-50%, -50%) rotate(-45deg)}
.list3 li .a .time h3{font-size: .22rem;color: #fff;padding: 0 .22rem 0 0;}
.list3 li .a .time h6{font-size: .22rem;color: #fff;padding: 0  0 0 .22rem;}
.list3 li .a .con{ width: calc(100% - .78rem); padding: 0 0 0 .24rem;}
.list3 li .a .con h4{ font-size: .22rem; color: #fff; line-height: .34rem; width: 4.7rem; max-width: 100%;}

.tit1s1 big{ color: #fff; position: relative; z-index: 1;}
.tit1s1 big::before{ content: ""; width: .25rem; height: .25rem; background: #74c17f; position: absolute; top: -.14rem; left: -.14rem; opacity: .2; border-radius: 50%; z-index: -1;}
.tit1s1 small{ color: #fff;}

.list4_box{width: 10.52rem;}
.list4{ }
.list4 li{ width: 50%; height: 5.95rem;}
.list4 li *{ transition: .5s;}
.list4 li .a{ display: block; position: relative; z-index: 1; overflow: hidden; border-radius: .15rem;}
.list4 li .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4);}
.list4 li .img .img_hezi{ padding-bottom: 117.58%; padding-bottom: 5.95rem;}
.list4 li .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; background: url(list4_top.png) center bottom no-repeat; background-size: 100% auto; padding: 0 .34rem .2rem; transform: translateY(101%); opacity: 0;}
.list4 li .top h4{ font-size: .22rem; color: #fff; line-height: .35rem; max-height: .7rem\0;}
.list4 li .top h6{display: flex;align-items: center;font-size: .16rem;color: #fff; margin: .18rem 0 .1rem;}
.list4 li .top h6 img{ width: .24rem; height: .24rem; margin: -3px .08rem 0 0;}
.more2{display: flex;align-items: center;font-size: .22rem;color: #118569;position: relative;z-index: 2;transition: .5s;justify-content: flex-end;}
.more2 *{ transition: .5s;}
.more2 .ico{ position: relative; z-index: 1; width: .26rem; height: .26rem; background: #118569; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: -3px 0 0 .16rem;}
.more2 .ico svg{ width: .12rem; height: .12rem; fill: #fff;} 

.list4 li.swiper-slide-next .img .img_hezi{ padding-bottom: 86.16%; padding-bottom: 4.36rem;}
.list4 li.swiper-slide-active .a{ }
.list4 li.swiper-slide-active .img::after{ opacity: 0;}
.list4 li.swiper-slide-active .top{ transform: translateY(0); opacity: 1;}

.miso_kz{position: absolute;left: calc(50% + 31px);bottom: .36rem;display: flex;align-items: center;width: 2.56rem;height: .61rem;justify-content: space-between;z-index: 1;}
.miso_kz .swiper-pagination{display: flex;align-items: baseline;font-size: .2rem;color: #fff;}
.miso_kz .swiper-pagination span.swiper-pagination-current{font-size: .4rem;color: #f0d2ae;margin: 0 .06rem 0 0;}
.miso_kz .rr{display: flex;align-items: center;position: relative;z-index: 100;}

.miso-arrow1{position: relative;z-index: 1;margin-left: .08rem;cursor: pointer;overflow: hidden;width: .61rem;height: .61rem;}
.miso-arrow1 *{ transition: .5s;}
.miso-arrow1::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(255,255,255,.3) 1px solid; border-radius: 50%; z-index: -1;}
.miso-arrow1::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: transparent 1px solid; border-radius: 50%; background: #f0d2ae; z-index: -1; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden;}
.miso-arrow1 .ico{position: relative;z-index: 1;overflow: hidden;width: 100%;height: 100%;}
.miso-arrow1 .ico .icog{ position: absolute; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.miso-arrow1 .ico svg{width: .24rem;height: .24rem;fill: #fff;}

.miso-arrow1.miso-arrow1_prev .ico .ico2{ transform: translateX(.22rem); opacity: 0;}
.miso-arrow1.miso-arrow1_next .ico .ico2{ transform: translateX(-.22rem); opacity: 0;}

.container03{position: relative;z-index: 1;padding-top: 2.4rem;}
.container03 .bg1{position: absolute;z-index: -1;top: 10%;left: 0;background: url(container03_bg1.png) center no-repeat;width: 12.66rem;height: 7.21rem;background-size: cover;}
.container03 .bg2{position: absolute;z-index: -1;bottom: .64rem;left: 6.5%;background: url(container03_bg2.png) center no-repeat;width: 4.59rem;height: 3.06rem;background-size: cover;}
.container03 .bg3{ width: 65.5%; position: absolute; top: 0; right: 0; z-index: -1;}
.container03 .bg3 img{ width: 100%;}
.container03 .shape{top: 0;bottom: auto;transform: rotateX(180deg);}
.container03 .shape svg{transform: scaleY(.5) translateY(6px);}
.container03 .left{ width: 50%; padding: 0 1rem 0 0;}
.container03 .right{ width: 50%;}

.list5 li *{ transition: .5s;}
.list5 li .a{display: flex;flex-wrap: wrap;padding: .3rem 0;border-bottom: rgba(49, 115, 105, 0.2) 1px solid;align-items: flex-start;}
.list5 li .a .time{width: 2.3rem;display: flex;font-size: .24rem;color: #05322b;font-weight: bold;align-items: center;}
.list5 li .a .time span{font-size: .32rem;color: #fff;width: .64rem;height: .64rem;display: flex;align-items: center;justify-content: center;background: #118569;border-radius: 50%;margin: 0 .1rem 0 0;position: relative;z-index: 1;}
.list5 li .a .time span:before{ content: ""; position: absolute; top: 0;  right: 0; bottom: 0; left: 0; background: #118569; border-radius: 50%; transform: scale(0); opacity: 0; z-index: -1}
.list5 li .a .con{width: calc(100% - 2.3rem);padding: .04rem 0 0;}
.list5 li .a .con h4{font-size: .22rem;color: #05322b;line-height: 1.25;font-weight: bold;margin-bottom: .2rem;}
.list5 li .a .con h6{ font-size: .15rem; color: #05322b; line-height: .3rem; padding: 0 0 0 .26rem; position: relative; z-index: 1;}
.list5 li .a .con h6:nth-child(2){background: url(list5_ico1.png) left .08rem no-repeat;background-size: auto .15rem;}
.list5 li .a .con h6:nth-child(3){background: url(list5_ico2.png) left .07rem no-repeat;background-size: auto .16rem;}
.list5 li .a .con h6:nth-child(4){background: url(list5_ico3.png) left .07rem no-repeat;background-size: auto .16rem;}
.list5 li:last-child .a{ border: none;}
.tit1w big, .tit1w small{ color: #fff;}
.container03 .right .content{display: flex;width: 9.8rem;}

.container03 .right .content .c_left{ width: 3.02rem;}
.container03 .right .content .c_right{ width: calc(100% - 3.02rem); padding: 0 0 0 .6rem;}
.list_hds2{ overflow: visible;}
.list6{ position: relative; z-index: 1;}
.list6::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 1.51rem 1.51rem 0 0; }
.list6 li .a{ display: block; min-height: 7.4rem;}
.list6 li .img_box{ position: relative; z-index: 1;}
.list6 li .img_box::before{content: "";position: absolute;background: url(list6_y.png) center no-repeat;width: 1.09rem;height: 1.09rem;left: -.28rem;top: 0;opacity: 0;transition: .5s;background-size: cover;}
.list6 li .img{ border-radius: 50%;}
.list6 li .img .img_hezi{ padding-bottom: 100%;}
.list6 li .con{ padding: .36rem;}
.list6 li .con h3{ font-size: .3rem; color: #05322b; font-weight: bold;}
.list6 li .con h4{font-size: .18rem;color: #556b53;line-height: .3rem;max-height: 1.5rem\0;margin: .2rem 0;text-align: justify;}
.list6 li .con h6{display: flex;align-items: center;font-size: .16rem;color: rgba(5, 50, 43, 0.55);font-weight: bold;margin: 0;}
.list6 li .con h6 img{ width: .24rem; height: .24rem; margin: -3px .08rem 0 0;}
.list6 li.swiper-slide-active .img_box::before{ /*-webkit-animation: borderAnimation2 4s linear infinite;animation: borderAnimation2 4s linear infinite;*/ -webkit-animation: beat1 1s 1;animation: beat1 1s 1; opacity: 1; }
@keyframes beat1 {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.3); transform: scale(0.9, 1.3); }

    50% { -webkit-transform: scale(1.3, 0.9); transform: scale(1.3, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.3); transform: scale(0.9, 1.3); }

    50% { -webkit-transform: scale(1.3, 0.9); transform: scale(1.3, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat1 {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    
    25% { -webkit-transform: scale(0.9, 1.3); transform: scale(0.9, 1.3); }
    
    50% { -webkit-transform: scale(1.3, 0.9); transform: scale(1.3, 0.9); }
    
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    
    25% { -webkit-transform: scale(0.9, 1.3); transform: scale(0.9, 1.3); }

    
    50% { -webkit-transform: scale(1.3, 0.9); transform: scale(1.3, 0.9); }
    
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.list7 li .img .img_hezi{ padding-bottom: 426.666666666%;}
.list7 li{ padding: 1.5rem 0 0; }
.list7 li .a{display: block;position: relative;z-index: 1;transition: .5s;margin-bottom: -1.5rem;}
.list7 li.swiper-slide-active + li .a{ transform: translateY(.5rem);}
.list7 li.swiper-slide-active + li + li .a{ transform: translateY(1rem);}
.list7 li.swiper-slide-active + li + li + li .a{ transform: translateY(1.5rem);}



.list7 li .con{position: absolute;top: 1.5rem;right: 0;bottom: 0;left: 0;z-index: 1;padding: .3rem .24rem 0;text-align: center; transition:.5s}
.list7 li .con h3{font-size: .24rem;color: #05322b;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.list7 li .con h4{font-size: .16rem;color: #556b53;line-height: .3rem;max-height: 1.5rem\0;margin: .2rem 0;text-align: justify;}

.miso-arrow2_box{display: flex;align-items: center;margin: -.7rem 0 0;}
.miso-arrow2_box .miso-arrow1::before{ border: #d2e0de 1px solid;}
.miso-arrow2_box .miso-arrow1 .ico svg{ fill: #5dac99}

.container04{ padding-bottom: 0; background: #f9faf5;}
.container04 .tit1{ justify-content: center}
.list8_box{ padding: .3rem; margin: -.3rem;}
.list8 li *{ transition: .5s;}
.list8 li .a{ display: flex; height: 3rem; background: #fff; border-radius: .15rem; padding: 0 .4rem; flex-direction: column; justify-content: center;}
.list8 li .a .ico{ height: .54rem;}
.list8 li .a .ico img{ max-height: .4rem;}
.list8 li .a h4{font-size: .22rem;color: #05322b;line-height: 1.15;}
.list8 li .a p{ font-size: .16rem; color: #556b53; line-height: .28rem; max-height: .84rem\0; margin: .12rem 0 .2rem;}
.list8 li .a h6{display: flex;align-items: center;font-size: .16rem;color: rgba(5, 50, 43, 0.55);font-weight: bold;}
.list8 li .a h6 img{ width: .24rem; height: .24rem; margin: -3px .08rem 0 0;}

.list8_box .miso_kz{position: relative;left: 0;bottom: auto;width: 100%;margin: .4rem 0 0;}
.list8_box .miso_kz .rr{width: 1.6rem;margin: 0;justify-content: flex-end;}
.list8_box .miso_kz .ll{ width: calc(100% - 1.6rem)}
.list8_box .miso_kz .ll .swiper-scrollbar{height: .05rem;background: none; z-index: 1}
.list8_box .miso_kz .ll .swiper-scrollbar:before{ content:""; position: absolute; top: 50%; height: 1px; background: #bed2cc; margin: -.05px 0 0; left: 0; right: 0; z-index: -1}
.list8_box .miso_kz .ll .swiper-scrollbar .swiper-scrollbar-drag{ background: #118569}

.container05{ padding: 2.2rem 0; background: #f9faf5; position: relative; z-index: 1;}
.container05 .bg1{position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;background: url(container05_bg.png) left top no-repeat;width: 9.54rem;max-width: 50%;background-size: 100% auto;}
.container05 .bg2{position: absolute;z-index: -1; width: 12.85rem; top: 1.36rem; right: .68rem;}
.container05 .bg2 img{ width: 100%}
.container05 .content .left{ width: 50%; position: relative;}

.list9{ width: 9.17rem; max-width: 96%;}
.list9 li .a{position: relative;z-index: 1;display: block;}
.list9 li .img img{width: 100%;-webkit-animation: borderAnimation 4s linear infinite;animation: borderAnimation 4s linear infinite;filter: drop-shadow(2.837px 0.977px .4rem rgba(1, 57, 48, 0.18));}
@-webkit-keyframes borderAnimation {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }

  33% {
    -webkit-transform:translateX(-3px) translateY(-8px);
    transform:translateX(-3px) translateY(-8px);
  }

  66% {
    -webkit-transform:translateX(-3px) translateY(0);
    transform: translateX(-3px) translateY(0);
  }

  100% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
  }
}
.list9 li .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.list9 li .top .ico{ position: relative; z-index: 1;}
.list9 li .top .ico::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(container05_ico1s.png) 58% center no-repeat;background-size: .37rem auto;}
.list9 li .top img{animation: rotate2 6s linear -2s infinite;width: 1.09rem;}
@keyframes rotate2 {
	50% {
	    transform: rotate(180deg);
	}
	100% {
		 transform: rotate(360deg);
	}
}

.list10{ width: 3.24rem; max-width: 100%; position: absolute; right: 1.15rem; bottom: .06rem; z-index: 1;}
.list10 li .a{position: relative;z-index: 1;display: block;}
.list10 li .img img{ width: 100%; -webkit-animation: borderAnimation1 4s linear infinite; animation: borderAnimation1 4s linear infinite;}
.list10 li .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.list10 li .top img{height: .62rem;transition: .5s;}
@-webkit-keyframes borderAnimation1 {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }

  33% {
    -webkit-transform:translateX(6px) translateY(-6px);
    transform:translateX(6px) translateY(-6px);
  }

  66% {
    -webkit-transform:translateX(6px) translateY(0);
    transform: translateX(6px) translateY(0);
  }

  100% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
  }
}
.list10 li .top h3{ font-size: .28rem; color: #fff; font-weight: bold; line-height: 1.5; margin: .15rem 0 0;}

.container05 .content .right{width: 50%;position: relative;padding: 1.4rem calc((100% - 15.2rem)/2) 0 .8rem;}
.container05 .content .right .tit1{ padding-left: .4rem;}

.list1s li .a{padding: .34rem .4rem;height: auto;position: relative;z-index: 1;background: #f9faf5;}
.list1s li .a::before{ top: 0; bottom: auto;}
.list1s li .a::after{ top: 0; bottom: auto;}
.list1s li .a h4{font-size: .22rem;color: #05322b;line-height: .34rem;max-height: .68rem\0;}
.list1s li .a .wimg{position: absolute;right: -.7rem;top: 66%;z-index:10;opacity: 0;width: 2.5rem;box-shadow: 3.864px -1.035px 29px 0px rgba(1, 57, 48, 0.51); border-radius: .1rem; overflow: hidden; transform: translateY(.3rem);}
.list1s li .a .wimg img{ width: 100%;}

.container06{background: url(container06_bg.jpg) center no-repeat;position: relative;z-index: 1;padding-bottom: 3rem;background-size: 100% 100%;}
.container06 .shape{ transform: rotateY(180deg)}

.list11{display: flex;margin: 0 -.12rem;}
.list11 li{margin: 0;padding: 0 .12rem;}
.list11 li .a{position: relative;cursor: pointer;}
.list11 li .a>img{ width: .71rem; height: .71rem}
.list11 li .a .ewm{top: 100%;position: absolute;box-shadow: 0 0 15px rgba(0,0,0,.1);left: 50%;transform: translateX(-50%) translateY(.3rem);transition: .5s;opacity: 0;visibility: hidden;width: 1.34rem;height: 1.34rem;background: #fff;box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);padding: 0;border-radius: .1rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: .05rem;top: 100%;z-index: 100;}
.list11 li .a .ewm img{width: 100%;border-radius: .05rem;}
.list11 li .a .ewm h6{ font-size: .12rem; color: #a69999}
.list11 li .a .ewm:before{content: "";position: absolute;left: 50%;top: -.08rem;margin-left: -.06rem;border-bottom: #fff .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

.list11 li .a:hover .ewm{transform: translateX(-50%) translateY(.2rem);opacity: 1;visibility: visible;}

.container06 .tit1{ justify-content: flex-start;}
.container06 .tit1 .rr{ padding: 0 0 0 .7rem}

.list12{display: flex;justify-content: space-between;margin: 0 -.36rem;align-items: flex-start;}
.list12 li{position: relative;z-index: 1;width: 3.62rem; transition: .5s; }
.list12 li *{ transition: .5s;}
.list12 li .a{display: block;width: 100%;height: 100%;}
.list12 li .a1{display: block;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;background: #96d05c;}
.list12 li .a .img{ opacity: 0; position: relative; z-index: 1;}
.list12 li .a .img .img_hezi{ transition:1.2s}
.list12 li .a .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(list12_top.png) center no-repeat; background-size: cover;}
.list12 li .a .img .img_hezi{ padding-bottom: 100%;}
.list12 li .a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 .5rem;z-index: 1;}
.list12 li .a .top .ico{display: flex;align-items: center;font-size: .18rem;color: #fff;}
.list12 li .a .top .ico img{width: .81rem;height: .62rem;margin: 0 .12rem 0 0;transform: translateY(.1rem); display:none;}
.list12 li .a h4{font-size: .22rem;color: #05322b;line-height: .34rem;max-height: .68rem\0;margin: .2rem 0; width: 100%;}
.list12 li .a h6{display: flex;align-items: center;font-size: .16rem;color: #05322b;font-weight: bold;justify-content: center;}
.list12 li .a h6 img{ width: .24rem; height: .24rem; margin: -3px .08rem 0 0;}
.list12 li .a h6 img.img2{ display: none}

.list12 li:nth-child(1){ margin-top: .86rem; }
.list12 li:nth-child(2){margin-top: 2.46rem;position: absolute;left: 34.75%;transform: translateX(-50%);}
.list12 li:nth-child(3){margin-top: 1.28rem;position: absolute;left: 49.75%;transform: translateX(-50%);}
.list12 li:nth-child(4){margin-top: 0;position: absolute;left: 66%;transform: translateX(-50%);}
.list12 li:nth-child(5){ margin-top: .56rem; }

.container07{ background: #f9faf5;}
.container07 .tit1{ justify-content: center;}

.list13{ margin: 0 -.48rem;}
.list13 .miso-list{ padding-bottom: .15rem}
.list13 li{ width: 50%; padding: 0 .64rem 0 .3rem; margin-bottom: .5rem;}
.list13 li *{ transition: .5s;}
.list13 li .a{ display: block; position: relative; z-index: 1;}
.list13 li .a::before{content: "";position: absolute;background: url(list13_bg.png) center no-repeat;width: .75rem;height: .75rem;right: -.34rem;top: 50%;margin: -.375rem 0 0;z-index: -1;-webkit-animation: play 5s linear infinite;-moz-animation: play 5s linear infinite;animation: play 5s linear infinite;opacity: 1;visibility: visible;background-size: cover;}
.list13 li .a .img{ border-radius: .15rem;}
.list13 li .a .img .img_hezi{ padding-bottom: 25.93%;}
.list13 li .a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 .5rem;}
.list13 li .a .top h4{font-size: .28rem;color: #fff;line-height: .34rem;max-height: .68rem\0;margin: .2rem 0; width: 100%;}
.list13 li .a .top h6 img{ height: .26rem}
.list13 .miso-dots{text-align: center;bottom: 0;}
.list13 .miso-dots li{width: .1rem;height: .1rem;background: #317369;border-radius: .05rem;transition: .5s;padding: 0;margin: 0 .04rem;}
.list13 .miso-dots li.miso-active{width: .35rem;background: #f0d2ae;}

.container08{ background: url(container08_bg.jpg) center bottom no-repeat; background-size: 100% auto; min-height: 11.3rem; position: relative; z-index: 1;}
.container08 .bg1{position: absolute;top: 0;right: 0;left: 0;z-index: -1;}
.container08 .bg1 img{ width: 100%;}
.container08 .tit1{ justify-content: center;}

.list14_box1{position: relative;z-index: 1;}
.list14_box1::before{content: "";position: absolute;background: url(list14_bg.png) center no-repeat;width: 19.2rem;height: 3.21rem;background-size: cover;left: 50%;transform: translateX(-50%);top: 1rem;}
.list14_box{position: relative;z-index: 1;/* overflow: visible; */padding-bottom: 1.5rem;}
.list14 li{text-align: center;}
.list14 li .a{ display: inline-block;}
.list14 li .img{position: relative;width: 1.8rem;height: 1.8rem;/* background: #118569; */border-radius: 50%;margin: 0 auto;z-index: 2;display: flex;align-items: flex-end;padding: 0 0 .15rem;justify-content: center;}
.list14 li .img:before{content:"";position: absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background: #118569;transition:.5s;z-index:-2;opacity: .15;transform:scale(.5);}
.list14 li .img:after{ content:""; position: absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; background: #118569; transition:.5s; z-index:-1}
.list14 li .img .ico{position: absolute;bottom: .4rem;left: 0;right: 0;text-align: center;z-index: 0;}
.list14 li .img .ico img{ margin:0 auto}
.list14 li .img h3{font-size: .6rem;color: #fff;text-shadow: 4.636px 1.873px 9px rgba(1, 57, 48, 0.5);font-weight: bold;position: relative;} 
.list14 li .con{padding: .15rem 0 0 .0;}
.list14 li .con h4{font-size: .2rem;color: #05322b;line-height: .3rem;text-align: center;white-space: nowrap;/* transform: translateX(.48rem); */}


footer{background: url(footer_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
footer .wp{ flex-wrap: wrap;}
footer .fl01{ padding: .64rem 0;}
footer .fl01 .left{ width: 5.7rem;}
footer .fl01 .left h3{ margin-bottom: .3rem;}
footer .fl01 .left h3 img{ width: 3.72rem; max-width: 100%}
footer .fl01 .left .box{ padding: 0 0 0 .34rem; position: relative; z-index: 1;}
footer .fl01 .left .box p{ font-size: .18rem; color: rgba(255,255,255,.8); line-height: .34rem}
footer .fl01 .left .box1{ margin-bottom: .16rem}
footer .fl01 .left .box1::before{content: "";position: absolute;z-index: -1;background: url(footer_ico1.png) center no-repeat;top: .06rem;left: 0;width: .2rem;height: .18rem;background-size: cover;}
footer .fl01 .left .box2::before{content: "";position: absolute;z-index: -1;background: url(footer_ico2.png) center no-repeat;top: .06rem;left: 0;width: .19rem;height: .21rem;background-size: cover;}
footer .fl01 .right{width: calc(100% - 5.7rem);padding: .3rem 0 0;}
.list16{ display: flex; justify-content: space-between;}
.list16 dl dt{font-size: .24rem;color: #fff;margin-bottom: .2rem;}
.list16 dl dd{ font-size: .17rem; color: rgba(255,255,255,.8); line-height: .42rem; transition: .5s;}
.list16 dl dd a{display: block;position: relative;z-index: 1;padding: 0 0 0 .08rem;}
.list16 dl dd a::before{ content: ""; position: absolute; left: 0; top: 50%; background: rgba(255,255,255,.8); width: 2px; height: 2px; border-radius: 50%;}

footer .fl02{border-top: rgba(49, 115, 105, 0.86) 1px solid;padding: .26rem 0 .9rem;}
footer .fl02 .wp{ justify-content: space-between;}
footer .fl02 .left p{font-size: .16rem;color: #fff;line-height: .31rem;}
footer .fl02 .center{position: absolute;right: 4.5rem;margin-top: -0.05rem;}
#_ideConac img{width: 0.41rem;height: 0.41rem;}

.list15{ display: flex; align-items: center;}
.list15 li{ margin-left: .28rem;}
.list15 li .a{position: relative;cursor: pointer;}
.list15 li .a>img{width: .31rem;height: .31rem;}
.list15 li .a .ewm{bottom: 100%;position: absolute;box-shadow: 0 0 15px rgba(0,0,0,.1);left: 50%;transform: translateX(-50%) translateY(-.5rem);transition: .5s;opacity: 0;visibility: hidden;width: 1.34rem;height: 1.34rem;background: #fff;box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);padding: 0;border-radius: .1rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: .05rem;bottom: 100%;z-index: 99999;}
.list15 li .a .ewm img{width: 100%;border-radius: .05rem;}
.list15 li .a .ewm h6{ font-size: .12rem; color: #a69999}
.list15 li .a .ewm:before{content: "";position: absolute;left: 50%;bottom: -.08rem;margin-left: -.06rem;border-top: #fff .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

.list15 li .a:hover .ewm{transform: translateX(-50%) translateY(-.3rem);opacity: 1;visibility: visible;}



.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999999999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;background: #d9d9d9;border-radius: .5rem;overflow: hidden;top:50%;z-index:9999;width: 2.2rem;left:50%;margin-left: -1.44rem;margin-top: -1.44rem;padding: .16rem;-webkit-border-radius: .08rem;-moz-border-radius: .08rem;-ms-border-radius: .08rem;-o-border-radius: .5rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{ padding-top: .16rem; font-size: .14rem; color: #6c6c6c;text-align:center;}

.n_banner{position: relative;overflow: hidden;}
.n_banner .img .img_hezi{padding-bottom: 31.25% !important;}
.n_banner .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 100% auto !important;}
.n_banner .top .wp{display: flex;height: 100%;flex-direction: column;justify-content: center;}

.title1{display: flex;justify-content: center;align-items: center;margin-bottom: .6rem;position: relative;z-index: 3;margin: 12% 0 0rem;}
.title1 .img{ position: absolute; left: 0; top: .2rem; width: auto}
.title1 *{ transition: .5s}
.title1 .ll{z-index: 1;display: flex;align-items: center;justify-content: center;}
.title1 .ll .bg{position: absolute;left: 50%;top: .1rem;font-size: .58rem;color: rgba(255,255,255,.2);white-space: nowrap;text-transform: uppercase;z-index: -1;transform: translateX(-50%);}
.title1 .ll .big{font-size: .48rem;color: #fff;font-weight: bold;text-shadow: 0px 8px 13px rgba(0, 0, 0, 0.47);}
.title1 .ll .big font{  font-weight: bold; background: linear-gradient(to right, #ece45b, #31ad93); -webkit-background-clip: text; color: transparent; color: #ece45b\0; background: none\0;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;float: left;width: 100%;background: #118569;background-size: cover;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl { font-size: 0px; overflow: hidden; background: rgb(255, 255, 255); padding: 10px 0px; }
#sub_nav_content dt { position: relative; background: rgb(255, 255, 255); z-index: 999; width: 100%; display: inline-block; margin-bottom: 0px; float: left; }
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #118569;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.mianbao{position: relative;padding: .14rem 0;}
.mianbao .wp{height: auto;display: flex;align-items: center;padding: .16rem 0;position: relative;z-index: 1;}
.mianbao .wp:before{content: "";position: absolute;left: 1rem;right: 0;height: 1px;z-index: -1;}
.mianbao .wp .box{padding: 0 .2rem 0 0;}
.mianbao *{font-size: .14rem;color: #fff;font-style: normal;}
.mianbao span{margin: 0 .06rem;}
.mianbao img{margin: -.03rem .06rem 0 0;height: .14rem;}

.n_container{ min-height: 400px;}

.online_q {position: fixed;right: 0;top: 50%;z-index: 9999;transition:.5s;-webkit-transition: .5s;padding: .7rem .22rem;background: url(online_q.png) center no-repeat;text-align: center;width: 1.62rem;height: 3.92rem;opacity:1;visibility:visible;transform: translateY(-50%) translateX(0);background-size: cover;}
.online_q.hide{transform: translateY(-50%) translateX(2rem);}
.online_q .btn2{cursor:pointer;position:relative;margin-bottom: 0;}
.online_q .btn2 a{  font-size:.16rem; color:#fff;}
.online_q .btn2 span{display: flex;text-align: center;justify-content: center;align-items: center;width: 100%;height: .48rem;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;border-bottom: rgba(255,255,255,.23) 1px dotted;}
.online_q .btn2 span img{margin: 0 .1rem 0 0;transition: .5s;height: .28rem;}
.online_q .btn2 h5{font-size: .16rem;color:#fff;margin: .08rem 0 0;}
.online_q .open.pic{ position:absolute; background:#ddd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover span img{ transform: rotateY(180deg)}
.online_q .btn2:hover .open.pic{ opacity:1; right:4.5rem;visibility:visible;}
.online_q .open.phone{ display:inline-block; height: .5remrem; line-height:.5rem; z-index:0; background:#eee; color:#ff602a; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:center;  width:150px;}
.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}
.btn-tel a{ display:block; width:.5rem; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}
.btn-tel:hover a{ width:205px;}
.online_q .btn-02.btn-tel:hover span{ background:url(piaofu_tel.png) center no-repeat #fff; border:2px solid #037ccf;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #ddd; position:absolute; right:-15px; top:50%; margin-top:-10px;}
#gotop.hide{height:0; overflow:hidden; display:block !important;}
.online_q .btn-top{padding:0;transition:.5s;overflow:hidden;margin-top: .35rem;}
.online_q .btn-top span{border: none !important;height: auto;flex-direction: column;}
.online_q .btn-top span img{margin: 0 0 0 0;height: .06rem;}

.rightBtn{position: fixed;right: 0;top: 50%;z-index: 9999;transition:.5s;-webkit-transition:.5s; background: url(rightbtn.png) center no-repeat;text-align: center;width: .88rem;height: 1.76rem;opacity:1;visibility:visible;transform: translateY(-50%) translateX(0);background-size: cover;}
.rightBtn:before{ content:""; position: absolute; top: 0; right: 0; bottom:0; left:0; border:#d5e9e4 1px dashed; border-radius: 50%; width: 1.76rem; -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}


/*==========================================首页 结束=============================================*/

@media(max-width: 1800px){
	#nav ul li .sub{ left:-15px}
	.right #nav ul li .sub{ right:-15px}
}

@media(max-width: 1600px){
	#nav ul li h3{ font-size: .2rem;}
	.list4_box{width: 9rem;}
}
@keyframes beat {
		from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

		25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

		50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

		75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

		from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

		25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

		50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

		75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
	}

	@-webkit-keyframes beat {
		from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

		25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

		50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

		75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

		from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

		25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

		50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

		75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@media(min-width: 1200px){	
	.list14 li .a:hover .img:before{ transform:scale(1)}
	.list14 li .a:hover .img:after{ transform:scale(.8)}

	.more1:hover{ color: #118569;}
	.more1:hover .ico{ background: #118569;}
	.more1:hover .before{ /*-webkit-animation: borderAnimation2 4s linear infinite;animation: borderAnimation2 4s linear infinite;*/ -webkit-animation: beat 0.5s 1;animation: beat 0.5s 1;}
	
	.list1 li .a:hover h4{ color: #118569;}
	.list1 li .a:hover::after{ width: 100%;}
	
	.list3 li:hover::before{ border: #f0d2ae 1px dashed;}
	.list3 li:hover .a::before{ transform: translateX(100%);}
	.list3 li:hover .a::after{ transform: translateX(0);}
	
	.more1:hover, .more2:hover{ text-decoration: underline;}
	.more1:hover .ico, .more2:hover .ico{ }
	
	.miso-arrow1:hover::before{ opacity: 0; visibility: hidden; transform: scale(.7); -webkit-transform: scale(.7);}
	.miso-arrow1:hover::after{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1);}
	.miso-arrow1.miso-arrow1_prev:hover .ico .ico1{ transform: translateX(-.22rem); opacity: 0;}
	.miso-arrow1.miso-arrow1_prev:hover .ico .ico2{ transform: translateX(0); opacity: 1;}
	.miso-arrow1.miso-arrow1_next:hover .ico .ico1{ transform: translateX(.22rem); opacity: 0;}
	.miso-arrow1.miso-arrow1_next:hover .ico .ico2{ transform: translateX(0);opacity: 1;}
	.list5 li .a:hover .time span{ background: transparent;}
    .list5 li .a:hover .time span:before{ transform: scale(1); opacity: 1}
    .list5 li .a:hover .con h4{ color: #118569;}
	
	.list8 li .a:hover{ box-shadow: 2.837px 0.977px .3rem 0px rgba(1, 57, 48, 0.18);}
	.list8 li .a:hover h4{ color: #118569;}
	
	.list1s li:hover{position: relative;z-index: 10;}
	.list1s li:hover .a{ background: #fff;}
	.list1s li:hover .a .wimg{ opacity: 1; transform: translateY(0);}
	
	.list12 li:hover .box{ transform: scale(1.1); }
	.list12 li:hover .a1{ box-shadow: 2.837px 0.977px .3rem 0px rgba(1, 57, 48, 0.38);}
	.list12 li:hover .a .img{ opacity: 1; }
	.list12 li:hover .a *{ color: #fff;}
	.list12 li:hover .a h6 img.img1{ display: none}
	.list12 li:hover .a h6 img.img2{ display: inline-block}
	.list13 li:hover .a::before{ opacity: 1; visibility: visible; right: -.34rem}
	
	.list16 dl dd:hover{ color: #fff;}

	.list10 li:hover .top img{ transform: rotateY(360deg)}
	
	.list7 li .a:hover .con{ transform: translateY(-.15rem)}
	.list12 li:hover{ z-index:10}
	.list12 li:hover .a .a1{ transform:scale(1.1)}
	.rightBtn_box:hover .rightBtn{opacity: 0 !important;}
}
@media(max-width: 1400px){
	footer .fl02 .center{right: 4rem;}
}
@media(max-width: 1200px){	
	.header_box{ display: none;}
	.m_header_box{ display: block;}
	
	#mainVisual{ margin: .7rem 0 0;}
	.main-visual-item .main-visual-pc-img{ height: 50vw; }
	.main-visual-con .miso-dots{ bottom: .2rem;}

	#m_n_nav{ display: block}
	.online_q{ display: none;}
	
	.miso_kz{left: calc(50% + 10px);}

	.rightBtn_box{ display: none}
	footer .fl02 .center{right: 3rem;}
}
@media(max-width: 992px){
	.container01 .left{width: 100%;order: 1;}
	.container01 .right{ width: 100%;}
	
	.container02 .left{width: 100%;padding: 0;}
	.container02 .right{width: 100%;padding: .6rem 0 0 0;}
	
	.container03 .left{width: 100%;order: 1;padding: 0;margin-top: 0;}
	.container03 .right{ width: 100%;}
	.container03 .bg3{width: 13.5rem;}
	.container03 .right .content{justify-content: flex-end;float: right;}
	.container03 .right .tit1{padding-left: 3rem;}
	
	.container05 .content .left{width: 9.17rem;max-width: 100%;}
	.container05 .content .right{width: 100%;padding: .5rem 0 0;}

	.container01 .content{ box-shadow: 2.837px .1rem 0.1rem 0px rgba(1, 57, 48, 0.18)}
	
	
	.container01 .list1 li:last-child .a::before{ display: none}
	.list_tabs1{ justify-content: center}
	
	
	
	.list4_box{ width: 150vw;}
	.list4 li .img .img_hezi{ padding-bottom: 117.58%; }
	.list4 li.swiper-slide-next .img .img_hezi{ padding-bottom: 86.16%; }
	
	.miso_kz{left: 0;position: relative;bottom: auto; margin: .3rem 0 0}
	.list4 li{height: auto;}
	
	.list4 li .top{ padding: 0 15px 10px;}
	
	.list12{margin: 0 -.2rem;overflow: hidden;overflow-x: scroll;display: block;font-size: 0;white-space: nowrap;padding: 0 5%;}
	.list12 li{display: inline-block;}
	.list12 li{width: 33.33%;position: relative !important;margin: 0 !important;left: auto !important;transform: translateX(0) !important;padding: 0 .2rem;margin-bottom: 15px !important;}
	
	.list14{/* overflow: hidden; *//* overflow-x: scroll; *//* display: block; *//* font-size: 0; *//* white-space: nowrap; *//* padding: .7rem 0 .2rem; */}
	.list14 li{display: inline-block;margin: 0 0 .3rem !important;width: 33.33%;}
	.list14 li .a{ width: 100%}
	.list14 li .img{ width: 1.6rem; height: 1.6rem;}
	.list14 li .img .ico img{max-width: 1rem;}
	.list14::before{ display: none;}

	.pad{ padding: .7rem 0;}
	.container08{ padding-bottom: 1rem}
	
	footer .fl01 .left{width: 100%;text-align: center;}
	footer .fl01 .right{width: 100%;display: none;}
	
	footer .fl02 .left{width: 100%;text-align: center;}
	footer .fl02 .right{width: 100%;text-align: center; padding: .25rem 0 0}
	footer .fl02 .center{position: relative !important;margin: 0 auto !important;right:0px !important}
	.list15{ justify-content: center}
	.list15 li{ margin:0 .15rem}
	.list15 li》img{ width: .31rem; height: .31rem}

    footer .fl01 .left .box1, footer .fl01 .left .box2{ padding: 0}
	footer .fl01 .left .box1::before, footer .fl01 .left .box2::before{ display: none}
	
	.container02 .tit1, .container03 .tit1, .container04 .tit1, .container05 .tit1{ justify-content: center;}
    .list13 li .a::before{ display: none}

    .n_banner .img .img_hezi{padding-bottom: 40% !important;}
	.title1 .ll .bg{ font-size: .3rem}
	.title1 .ll .big{ font-size: .3rem}

	.container01{ padding-bottom: 1.8rem}
	.container03{ padding-top: 1.8rem}
	.container05{ padding-bottom: 1.8rem}
}
@media(max-width: 768px){
	.tit1 big{ font-size: .3rem;}
	.tit1 small{ font-size: .2rem; margin: 0 0 0 .12rem;}
	.more1{ font-size: .16rem;}
	.more1 .before{ transform: scale(.8);}
	.more1 .ico{ margin: -3px 0 0 .1rem;}
	.tit1{ margin-bottom: .3rem;}
	
	.list2 li .top{ height: .9rem;}
	.list2 li .top .con{ padding: 0 15px;}
	.list2 li .top .con h4{font-size: .2rem;line-height: .3rem;max-height: .6rem\0;}

	.list2 li .top .time h3{ font-size: .34rem}
	.list2 li .top .time h6{ font-size: .18rem}
	
	.pad{padding: .5rem 0 .8rem;}
	
	.container01{ padding-bottom: .8rem;}
	.container02{ padding-bottom: .4rem;}
	
	.container01 .left{padding: 6px 15px;}
	.list1 li .a{height: .9rem;}
	.list1 li h4{ font-size: .2rem}
	
	.list2 li .top .time{ width: 1rem;}
	.list2 li .top .con{width: calc(100% - 1rem);order: 1;}
	
	.list1 li h6{ margin: .12rem 0 0;}
	.list_tabs1 .a{ font-size: .3rem;}
	.list_tabs1 .li:before{ bottom: .15rem;}
	
	.container02 .bg1{ transform: scale(.6); transform-origin: left;}
	.list3 li .a{ height: 1rem;}
	.list3 li{ height: 1.4rem;}
	
	.list3 li .a .con h4{font-size: .2rem;line-height: .3rem;max-height: .6rem\0;}
	.list3 li .a .time:before{ width: .4rem; opacity: .4;}
	
	.list4 li .top h4{font-size: .2rem;line-height: .3rem;max-height: .6rem\0;}
	.more2{ font-size: .16rem;}
	.miso_kz .swiper-pagination span.swiper-pagination-current{ font-size: .3rem;}
	.miso-arrow1{ width: .5rem; height: .5rem;}
	
	.container03 .right .content{justify-content: flex-end;float: none;width: 8rem;}
	
	.list6 li .a{min-height: 7rem;}
	.list6 li .con{ padding: .3rem 15px;}
	.list6 li .img_box::before{width: .7rem;height: .7rem;left: -.1rem;}
	.list6 li .con h3{ font-size: .24rem;}
	.list7 li .con{ top: 1.25rem;}
	.list7 li .con h3{ font-size: .22rem;}
	.list7 li{padding: 1.25rem 0 0;min-height: 7.5rem;}
	.list7 li .con h4{ font-size: 13px;}
	.container03 .right .tit1{padding-left: 0;justify-content: center;}
	.container03 .bg3{width: calc(100%);}

	.miso-arrow2_box{ margin: -.7rem 0 0 10px;}
	
	.list5 li .a .time{display: flex;flex-direction: column;width: 1.1rem;white-space: nowrap;padding-right: .15rem;font-size: .2rem;}
	.list5 li .a .time span{ margin: 0 0 .1rem;}
	.list5 li .a .con{width: calc(100% - 1.1rem);padding: .04rem 0 0;}
	
	.list5 li .a .con h4{font-size: .2rem;line-height: .3rem;max-height: .6rem\0;}
	.list5 li .a{ padding: .2rem 0;}
	
	.container03{ padding: .8rem 0 .5rem;}
	
	.container04{ padding-bottom: 0;}
	.list10{width: 2rem;right: 10%;}

	.list10 li .top img{ height: .46rem }
	.list10 li .top h3{ font-size: .24rem}

	.list9 li .top img{ width: .8rem}
	.list9 li .top .ico::before{background-size: .24rem auto;}

	.list1s li .a{height: auto;padding: .15rem .4rem;}
	.list1s li .a h4{font-size: .2rem;line-height: .3rem;max-height: .6rem\0;}
	
	
	.container06 .tit1{ text-align: center;}
	.list12 li .a .top .ico{ justify-content: center;}
	.list12 li .a .top .ico img{width: .5rem;height: auto;transform: translateX(-.15rem) translateY(.05rem);margin: 0 -.1rem 0 0;}
	.list12 li .a .top{ padding: 0 20px;}
	.list12 li .a h4{font-size: .2rem;line-height: .3rem;max-height: .6rem\0;margin: .1rem 0;white-space: normal;}
	.container06 .tit1 .ll{width: 100%;justify-content: center;margin-bottom: .2rem;}
	.container06 .tit1 .rr{width: 100%;padding: 0;}
	.list11 li .a>img{ width: .4rem; height: .4rem}
	.list11{ justify-content: center}
	.list12 li{width: 34%;padding: 0 7px;}
	
	.container06{padding: .3rem 0 .5rem;background-size: cover;}
	
	.list13{margin: 0;}
	.list13 li{padding: 0 7px;margin-bottom: 15px;}
	.list13 li .a .top h4{ font-size: .2rem; margin: 0 0 .12rem;}
	.list13 .miso-list{ padding-bottom: .3rem;}
	.list9{ max-width: 82%;}
	
	.list14 li .img h3{ font-size: .3rem;}
	.list14 li .con h4{font-size: .13rem;text-align: center;transform: translateX(0);}
	.container08{min-height: auto;}
	.container08{padding-bottom: 3rem;}

    .list14_box{ padding-bottom: .3rem}
    .list14{padding: .4rem 0 .2rem;}
	.list14 li .img .ico img{max-width: .8rem;}
	
	footer .fl01 .left h3 img{ width: 2.5rem;}
	footer .fl01{ padding: .3rem 0;}
	footer .fl02{ padding: .3rem 0 .4rem;}
	.list14 li .img{width: 1.2rem;height: 1.2rem;justify-content: center;padding: 0 0 .15rem;}
	.list8 li .a .ico img{ max-height: .3rem;}
	.list14 li:nth-child(5) .img .ico{ bottom: .4rem}

    .n_banner{ margin-top: .7rem}	
	.rightBtn{transform: translateY(-50%) translateX(0); width:.5rem; height:1rem}
	.rightBtn:before{ width: 1rem}

	.container03 .left{ margin-top: -.5rem}
}
@media(max-width: 560px){
	.list6 li .a{min-height: 6rem;}
	.container03 .right .content{ width: 6rem;}
	.container03 .right .content .c_left{ width: 2.5rem;}
	.container03 .right .content .c_right{width: calc(100% - 2.5rem);padding: 0 0 0 20px;}
	.list7 li{padding: 1.25rem 0 0;min-height: auto;}
	.list12 li{width: 50%;}
} 
@media(max-width: 456px){
	.container08{padding-bottom: 2rem;}
} 

/*aos="fade-up" aos-duration="1200"*/