﻿@charset "UTF-8";
/* CSS Document */

/************************ Body ************************/
*{
	box-sizing: initial!important;
    -webkit-box-sizing: initial!important;
    -moz-box-sizing: initial!important;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-image: url(/images/forweb/bg.jpg);*/
    /*background-repeat-x: no-repeat;*/
    /*background-size: 100% auto;*/
    /*background-position: center top;*/
	font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif" !important;
	overflow-x: hidden;
	font-size: 16px !important;
}
ul,li,dl,dd,dt{ margin:0px; padding:0px; list-style-type: none;}

a{text-decoration: none;}
.fix {
    *zoom: 1;
}
.fix:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.yearList{ width:100%; display: table; margin-bottom: 20px; text-align: center}
.yearList .date{ float: left; padding: 7px 15px 7px 15px; color: #fff;    background-color: #990081; margin-right: 10px;}
.yearList .date a,.yearList .date a:link, .yearList .date a:hover,.yearList .date a:visited{ text-decoration: underline; color: #fff}
#page #main {
	width: 100%;
    height: auto;
    background: url(/c/images/back_02.png) top center;
    background-size: 100% auto;
    /* background-position: 100% 100%; */
    padding-bottom: 10px;
    /* padding-top: 1px; */
    position: relative;
}
#page #main::before{
	content: "";
	width: 100%;
	height: 140px;
	background-color: #fbfcf6;
	position: absolute;
	top: 0;
}
#main {
	width: 100%;
	height: auto;
	background-color: #fbfcf6;
	position: relative;
}
.main_conten{
	width:1200px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
#top {
	width: 100%;
	height: 120px;
	background-color: #ffffff;
	font-family: "微软雅黑";
}
.header_top{
	width: 1400px;
	margin: 0 auto;
	position: relative;
}
.header_top .header_top_right{
	
}
.header_top_but{
	width: 320px;
	float: right;
}
.header_top_right .icon{
	text-align: right;
	float: left;
	margin-top: 8px;
}
.header_top_right .reservation{
	float: left;
	margin-top: 6px;
	margin-left: 16px;
}
.icon ul li{
	float: left;
	margin-right: 10px;
}
.nav>.logo{
	float: left;
	margin-top: 5px;
}
.nav>ul{
	float: right;
	/* width: 700px; */
	/* margin-top: 44px; */
	margin-bottom: 0;
	position: relative;
}
.nav>ul>li{
	float: left;
    position: relative;
    /* line-height: 40px; */
	/* width: auto; */
	/* padding: 0 24px; */
	padding-top: 70px;
}
.nav>ul>li img{
	/* margin-bottom: 18px; */
}
.nav>ul>li a{
	color: #1c1c1c;
	font-size: 16px;
}
.nav>ul>li a:hover{
	text-decoration: none;
	background-color: #1d8c9d;
}
.language{
	width: 130px;
	height: 30px;
	background-color: #0e8ea0;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.language>a{
	line-height: 30px;
	font-size: 15px;
	color: #fff;
}
.language>a:hover{
	color: #ffffff;
}
.greenTitle {
    font-size: 18px;
    color: #0e8ea0;
    font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif" !important;}
.aboutContent{ font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif" !important; font-size: 16px; margin-top: 5px;margin-bottom: 20px;}
.aboutline {
    border-top: 1px dashed #a2a0a0;
 
    margin-top: 20px;
    margin-bottom: 10px;
}
.aboutContent .left {
    float: left;
	width: 20px;
	margin-right: 10px;    padding: 0 !important;
}
.about{margin-top: 20px;
    background-color: #fff;
    padding: 30px;}
.aboutContent .left img{ width: 100%;
	
}
.aboutContent ul{
	display: table;}
.aboutContent ul li{ float:left; width: 100%; margin-bottom: 20px;}
.aboutContent .right {
    float: left;    width: 500px;
}
.aboutLeft{ width:49%; float: left}
.aboutright{ width:49%; float: left}
#cat {
	margin-top: 0px;
	margin-bottom: 0px;
	transition: all 1s;
	
}
#m-banner-box{
	display: none;
}
.swiper-container {
	width: 100%;
	height: 100%;
	/* border-bottom-left-radius: 20px; */
	/* border-bottom-right-radius: 20px; */
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* background: #fff; */
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: all 0.3s;
}
.swiper-slide .businessimg img{
	transition: all 0.3s;
	border-radius: 5px;
}
.swiper-slide:hover .businessimg a{
	text-decoration: none;
}
.swiper-slide:hover .businessimg img{
	transform: scale(1.1);
	transition: all 0.3s;
}
.swiper-slide .boximg img{
	transition: all 0.3s;
	width: 100%;
    height: 340px;
}
.swiper-slide:hover .boximg img{
	transform: translateY(-10px);
	transition: all 0.3s;
	box-shadow: 0 0 10px #ccc;
}
.swiper-slide:hover .boximg a{
	text-decoration: none;
}
.swiper-slide .boximg h4{
	height: 40px;
	color: #694615;
}
.swiper-container-news_scrollbar_mobile .swiper-slide .boximg h4{
	height: 40px;
	color: #694615;
	font-size: 1.4rem;
}

.swiper-pagination-bullet{
	width: 35px;
	height: 15px;
	background-color: #0e8ea0;
	border-radius: initial;
	display: none;
}
.swiper-pagination-bullet-active{
	background-color: #025b67;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 90px;
    left: 10%;
}
#m-banner-box .swiper-container {
	width: 100%;
	height: 100%;
}
#m-banner-box .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#cat_top {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}

#cat_top_L{
	width: 705px;
	height: 348px;
	float: left;
}

#cat_top_L_ppt{
	width: 690px;
    height: 316px;
    margin: 6px 0 0 15px;
    text-align: center;
}

#cat_top_L_ppt_in{
	width: 690px;
    height: 316px;
    background-image: url(/images/forweb/ppt_border.png);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 20px;
    position: absolute;
}

#cat_top_L_ppt img{
    width: 652px;
    height: 292px;
    padding-top: 21px;
    margin-left: -1px;
}

#cat_top_R{
	width: 295px;
	height: 348px;
	float: left;
}

#cat_middle_left{
	float:left;
	width:310px;
	height: 570px;
	margin-left: 10px;
	background-image: url(/images/forweb/hkgl.jpg);
	background-size: 310px 570px;

}
#cat_middle_left_top{
	float:left;
	width:280px;
	margin-left:5px;
}

#cat_middle_left_top li{
	list-style-type:none;
	
}
.calendar{
	height:242px;

	
	
}
.facebook{
	height:376px;
	width:242px;
	
	
}
.left.cms207 {
    width: 100% !important;
}
#cat_middle{
	width: 100%;
	/* margin-top: 90px; */
}
.cat-main>.left{
	float: left;
	width: 460px;
	margin-top: 24px;
}
.cat-main>.left>h4{
	color: #a12488;
	margin-top: 20px;
	margin-left: 7px;
	font-weight: bold;
}
.cat-main>.left>p{
	margin-left: 7px;
	line-height: 25px;
	color: #525252;
	font-size: 15px;
	font-weight: bold;
}
.cat-main>.right{
	width: 703px;
	float: right;
	overflow: hidden;
	position: relative;
}
.cat-main>.mord{
	float: right;
	width: 120px;
	height: 35px;
	background-color: #990081;
	border-radius: 3px;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 60px
}
.cat-main>.mord a{
	line-height: 35px;
	color: #ffffff;
}
.cat-main ul li .img{
	position: absolute;
    top: 7px;
    right: 26px;
    width: 244px;
    height: 158px;
    overflow: hidden;
	border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
}
.cat-main ul li .img span{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background-color: #5256ad;
	border-bottom-right-radius: 28px;
	border-bottom-left-radius: 28px;
	color: #fff;
	font-size: 24px;
	transition: all 0.3s;
}
.cat-main ul li a:hover .img span{
	bottom: -45px;
}
.report .title{
	padding-top: 90px;
	margin-bottom: 30px;
}
.report_content {
	width: 100%;
	height: auto;
	background-color: #5256ad;
	border-radius: 25px;
	position: relative;
	box-shadow: 0 8px 24px #b4b7a5;
}
.report_content .report_content_img{
	position: absolute;
	top: -60px;
    right: -291px;
}
.report_content>.content{
	padding-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 40px;
}
.report_content>.content ul li{
	/* float: left; */
}
.report_content>.content ul li.ap{
	margin-left: 37px;
	margin-right: 37px;
}
.report_content>.content ul li .img{
	width: 280px;
	height: 350px;
	background-color: #ffffff;
	border-radius: 18px;
}
.report_content>.content ul li h2{
	color: #ffffff;
	margin-bottom: 0;
}
.report_content>.content ul li p{
	color: #ffffff;
	font-size: 18px;
}
.traffic .title{
	margin-top: 90px;
	margin-bottom: 30px;
}
.traffic_content{
	width: 100%;
	height: 300px;
	background: url(/c/images/back01_03.png) no-repeat center;
	background-size: cover;
	box-shadow: 0 8px 24px #8cb0c1;
	border-radius: 30px;
}
.traffic{
	padding-bottom: 20px;
}
.traffic_content .map{
	float: left;
	margin-top: 14px;
	margin-left: 74px;
}
.traffic_content .map .mobile{
	display: none;
}
.traffic_content .route{
	float: left;
	margin-left: 132px;
	margin-top: 78px;
}
.route .route_content ul li{
	width: 100%;
	padding-bottom: 10px;
	clear: both;
}
.route .route_content ul li .icon{
	float: left;
	margin-right: 5px;
}
.route .route_content ul li p{
	color: #ffffff;
	float: left;
	font-size: 18px;
}
.route .route_content ul li a{
	color: #ffffff;
}
.index_banner{
	
}
.cat_box{
	/* width: 180px; */
		/* height: 210px; */
		padding: 90px 40px;
		background-color: #990081;
		/* background:url(/c/images/mentindex04.png) no-repeat left; */
		position: relative;
		border-top-right-radius: 48px;
		border-bottom-left-radius: 48px;
		display: inline-block;
}
.cat_box::before{
	content: "";
	width: 66px;
	height: 70px;
	background-color: #b10095;
	position: absolute;
	bottom: 0;
	right: 0;
}
.cat_box::after{
	content: "";
	width: 83px;
	height: 36px;
	background-color: #a9008f;
	position: absolute;
	bottom: 0;
	right: 27px;
}
.mainback{
	width: 100%;
	height: 466px;
	background-color: #faf1d6;
	position: absolute;
	top: 125px;
}
.cat_box>h4{
	/* line-height: 210px; */
    color: #fff;
	font-size: 25px;
	margin: 0;
}

.cat_middle_mid_in{
	width: 330px;
	margin: 0 auto;
	border: #f5d32d solid 1px;
	
	border-radius: 5px;
	overflow: auto;
}

#cat_middle_right{
	/* float:left; */
	/* width:330px; */
	width: 100%;
	overflow: hidden;
	/* height: 432px; */
}

#news {
	/* margin-top:10px; */
	/* *margin-top:3px!important; */
	/*height:10px;*/
	/* *height:24px!important; */
	/* display: inline-block; */
	 /* margin-left: 40px; */
	 width: 93%;
	 /* float: left; */
	 padding: 10px 0;
	 margin: 0 auto;
}
#news_left {
	float:left;
	width:119px;
}
#news_right {
	float:left;
}
#news_smallPhoto {
	float:left;
	width: 89px;
	height: 73px;
	margin-right: 25px;
	display: none;
}
#news_smallPhoto img{
	width: 100%;
}
#news_right ul{
	/* width:100% !important; */
}
.news{
	width: 100%;
	height: 100%;
	background: url(/c/images/mentindex02.png) no-repeat left center;
	background-size: cover;
	padding-bottom: 60px;
}
.news_title{
	color:#f5b52e;
	/* font:Verdana, Geneva, sans-serif; */
	font-size:20px;
	
	margin-bottom:5px;
	/* font-weight:bold; */
	list-style-type:none;
}
.news_title a, .news_content a{
	color: #694615;
	display: block;
}
.news_title a:hover, .news_content a:hover{
	color: #f5b52e;
	text-decoration: none;
}
.news_content{
	/* max-height: 58px; */
    /* overflow-y: scroll; */
	font-size: 18px;
	*height:36px !important;
	list-style-type:none;
	color:#694615;
}
.news_more {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:1.6rem;
	text-decoration:none;
	padding-top: 10px;

}
.news_more a:hover {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
.news_more a {
	list-style-type:none;
	color:#0e8ea0;
	font:Verdana, Geneva, sans-serif;
	font-size:1.6rem;
	text-decoration:none;
}
.news_more a:visited {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:1.6rem;
	text-decoration:none;
}

#news_line{
	/* margin-top:70px; */
	*margin-top:45px !important;
	margin-bottom:9px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dashed #767676;
}
#news_line img{
	width: 100% !important;
	height: 1px;
}
#news_photo{
	margin-bottom:5px;
}
#news_photo_content{
	margin-bottom:5px;
	height:83px;
}
#cat_bottom{
	/*position: absolute;
	margin-left:5px;*/
	*margin-left:0px!important;
	


	
	

}
#sub_bottom{
	width:1000px;
	height:15px;
	/*margin-top:10px;*/
	float: right;


	
	

}

#footer{
	background-color: #fbfcf6;
	width: 100%;
	height: 60px;
}


#news_btn{
	
	*margin-top:-3px !important;
	/*width:330px;*/
	padding-right: 5px;
	float: right;
	
	
}
#news_btn1{
	
	*margin-top:-3px !important;
	margin-right:8px;
	float: right;
	
	
}
.news_num{
	
	
	float: right;
	
	
}
#top_top{
    height: 21px;
    background-color: #fff;
    border-bottom: solid 4px #fbbf13;
    margin-bottom: 7px;
}

dl{clear:both;float:right; margin-left:50px;}
dt{float:left;  }
dd{margin-top:5px;float:left; margin-left:5px;}

#top_top ul{
	list-style-type:none;
	float:right;
}
#top_top li{
	list-style-type:none;
	
	display: inline;
}
.textbox {
	padding-top:10px;
	
	
}

#top_bottom{
	width:1000px;	
	height:140px;

}
#top_bottom_left{
	width:320px;	
    height: 140px;	
	float: left;
	
	
}
#top_bottom_right{
	width:680px;
	height: 140px;
	float: right;
	
	
}
#top_bottom_right_top{
	float: right;
	height:95px;
	width:309px;
	*width:305px!important;
	margin-right: 15px;
	
	
}

#top_bottom_right_top a{
	float: right;
	color: #fbbf13;
    background: #fff;
    padding: 5px;
    border: #fbbf13 2px solid;
    text-decoration: none;
    width: 70px;
    height: 15px;
    text-align: center;
}

#top_bottom_right_top ul{
	
	margin-top:62px

}

#top_bottom_right_top li{
	list-style-type:none;
	display: inline;
	margin-right: -4px;
}

#top_bottom_right_bottom{
	float: right;
	height:40px;
	width:845px;
	font-family: cwTeXYen;	
}
#top_bottom_right_bottom ul{
	float: right;
	margin-right:5px;
	height: 45px;
	margin-top: -50px;

}
.CmsTitleColor{color:#990081; font-size:18px !important; font-weight: bold;}
#top_bottom_right_bottom li {
    display: inline-block;
    font-size: 19px;
    text-align: center;
    font-weight: bold;
    background-position: top center;
    width: 115px;
    height: 95px;
    box-sizing: border-box!important;
    padding-top: 65px;
    background-repeat: no-repeat;
    background-image: url(/images/forweb/menu_btn1.png);
    vertical-align: middle;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#top_bottom_right_bottom li:nth-child(2){
	background-image: url(/images/forweb/menu_btn2.png);
}

#top_bottom_right_bottom li:nth-child(3){
	background-image: url(/images/forweb/menu_btn3.png);
}

#top_bottom_right_bottom li:nth-child(4){
	background-image: url(/images/forweb/menu_btn4.png);
}

#top_bottom_right_bottom li:nth-child(5){
	background-image: url(/images/forweb/menu_btn6.png);
}

#top_bottom_right_bottom li:hover, #top_bottom_right_bottom li:focus, #top_bottom_right_bottom li:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.mobilePhoto{display: none;
	}
.desktopPhoto{display: block;}
#top_bottom_right_bottom li a, #top_bottom_right_bottom li .selected{
	color:#414042;
	text-decoration:none;
	
	
}
#top_bottom_right_bottom li a:hover{
	text-decoration:none;
	
	
}

#search_right{
	width: 100%;
	margin: 0 auto;
	/* background-color: #ffffff; */
	/* margin-top: 10px; */
	position: relative;
}
#search_right .center{
	font-size: 2rem;
	text-align: center;
}
.left_cteon .name p{font-size: 22px !important;}
#search_right p{
	/* background-color: #ffffff; */
	/* padding: 0 10px; */
	font-size: 16px;
}
#search_right .content{
	/* padding: 0 10px; */
}
#search_right .title>table>tbody>tr>td img{
	width: 100%;
} 
#search_right>.O0{
	width: 1100px;
    margin: 0 auto;
    padding-top: 44px;
}

/*============================NEW_CSS============================*/
/*
*{font-size:19px; font-family: 'cwTeXYen', serif;}*/
@font-face {
/*圓體*/

  font-family: 'cwTeXYen';
  font-style: normal;
  font-weight: 500;
/*  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');*/
  src: url(/fonts/cwTeXYen-zhonly.eot);
  src: url(/fonts/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),
       url(/fonts/cwTeXYen-zhonly.ttf) format('truetype');
}

.ppt_btn_L{
	width: 240px;
    height: 38px;
    padding-top: 2px;
    background-image: url(/images/forweb/ppt_btn.png);
    background-size: 240px 38px;
    background-repeat: no-repeat;
	float: left;

	vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
}

.ppt_btn_L:hover, .ppt_btn_L:focus, .ppt_btn_L:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.ppt_btn_R{
	width: 240px;
    height: 38px;
    padding-top: 2px;
    background-image: url(/images/forweb/ppt_btn.png);
    background-size: 240px 38px;
    background-repeat: no-repeat;
	float: right;

	vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
}
.cms214L{ float:left; width:40%}
.cms214L img{ width:100%}
.cms214R1 img.p1 {
	width:35%;
	margin-top: 30px;
	margin-bottom: 20px;
	
}
.cms214R{ float:left; width:55%}

.cms214R img.p2 {
    margin-top: 20px;
}
.cms214R1{line-height: 22px; margin-bottom: 20px;}
.cms214R2{line-height: 30px; margin-bottom: 20px;    font-weight: bold;
    color: #0e8ea0;}
.cms214R3{line-height: 30px; margin-bottom: 20px;     text-align: justify
   }
.cms214R3 ul{padding: 0; margin: 0;margin-left: 25px;}
.cms214R3 ul li{ list-style-type: none; float: left ; text-align: justify}
.ppt_btn_R:hover, .ppt_btn_R:focus, .ppt_btn_R:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.cms187 {
    border-left: 2px #218376 solid; border-bottom: 2px #218376 solid; border-right: 2px #218376 solid; width:100%;     display: table;background: #fff;
}
.cms187 .title{ background-color: #218376; width:100%;     display: table;}
.cms187 .title1{ color: #fff; border-right: 2px #218376 solid; float: left; width: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%; }
.cms187 .title2{ color: #fff; border-right: 2px #218376 solid;float: left;width: 30%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%; }
.cms187 .title3{color: #fff;float: left;width: 56%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%;}
.cms187 .content{  width:100%;     display: table;}
.cms187 .content .content1{ color: #333; border-right: 2px #fff solid; float: left; width: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%; }
.cms187 .content .content2{ color: #333; border-right: 2px #fff solid;float: left;width: 30%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%; }
.cms187 .content .content3{color: #333;float: left;width: 56%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%;}

.cms187 .content:nth-child(odd){ background: #f2f2f2}
.cms187 .content:nth-child(odd) .content1{ color: #333; border-right: 2px #f2f2f2 solid; float: left; width: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%; }
.cms187 .content:nth-child(odd) .content2{ color: #333; border-right: 2px #f2f2f2 solid;float: left;width: 30%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%; }
.cat_top_R_in{
    width: 260px;
    height: 338px;
    padding-top: 10px;
    margin: 0 auto;
    font-family: cwTeXYen,Arial;
    color: #fff;
    font-size: 21px;
}

.cat_top_R_in p{
	margin: 7px 0 0 3px;
    color: #fff;
    font-weight: bold;
}

.ppt_btn_in_L{
	width: 145px;
    float: left;
    padding-left: 20px;   
}

.ppt_btn_in_R{
	width: 35px;
	float: left;
}

.news_title_new{
	width: 330px;
	height: 38px;
	background-image:url(/images/forweb/titlebg.png);
	background-color: #f5d32d;
	background-repeat: no-repeat;
	border-radius: 4px 4px 0px 0px;
	padding: 0 35px;
    box-sizing: border-box!important;
}

.news_title_new img{
    float: left;
    margin: 3px 5px 0 5px;
}
.title1 {
    /* text-align: center; */
    margin-bottom: 20px;
    margin-top: 20px;
}
.news_title_new p{
	float: left;
    color: #fff;
    font-size: 27px;
    margin: 6px 0 0 0;
    font-family: cwTeXYen,Arial;
}

.bottom_img{
	background-image: url(/images/forweb/bottom_img.png);
	width: 1000px;
	height: 130px;
	margin-top: 20px;
    display: inline-block;
}

.new_footer{
	width: 1200px;
	/*height: 348px;*/
	/*background-color: #fff;*/
	margin: 0 auto;
}

.new_footer_big8{
	width: 185px;
	height: 105px;
	background: url(/c/images/index_55.png) no-repeat;
	float: left;
	margin-left: 40px;
}

.new_footer_menu{
	width: 984px;
	height: 185px;
    margin: 0 auto;
}

.new_footer_menu img{
	margin-top: 15px;
}

.new_footer_box{
	width: 115px;
	height: 160px;
	float: left;
	background-image: url(/images/forweb/bottombox.png);
	margin: 0 4px 0 4px ;
	text-align: center;

	vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
}

.new_footer_box:hover, .new_footer_box:focus, .new_footer_box:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.new_footer_box_img{
	width: 115px;
	height: 110px;
}

.new_footer_box_text{
    width: 115px;
    height: 34px;
    font-family: cwTeXYen,Arial;
    color: #fff;
    font-size: 21px;
    padding-top: 16px;
}

.new_footer_box_text p{
	margin: 0;
}

.new_footer_line{
	width: 980px;
	height: 3px;
	margin: 0 auto;
	background-color:#b58d71; 
}

.new_footer_contact{
    width: 986px;
    height: 25px;
    margin: 15px auto;
}

.new_footer_contact a{
    color: #111;
}

.new_footer_contact_box{
    height: 25px;
    float: left;
    background-color: #fff;
    margin: 0px 2px 0px 2px;
    border-radius: 5px;   
}

.new_footer_contact_box_icon{
	width: 25px;
	height: 25px;
	float: left;
}

.new_footer_contact_box_icon img{
	width: 25px;
	height: 25px;
}

.new_footer_contact_box_text{
	height: 25px;
	float: left;
}

.new_footer_contact_box_text p {
	margin: 3px 5px 0px 5px;
    font-size: 18px;
}

.new_footer_bottom{
	/*background-color: #4e4636;*/
	/*width: 1000px;*/
	/*height: 40px;*/
}

.new_footer_bottom>p{
    font-size: 14px;
    color: #414141;
	float: left;
	line-height: 60px;
	margin-bottom: 0;
}
.new_footer_bottom>a{
	float: right;
}

.subban{width:100%; height:200px; background:url(/images/forweb/subban.jpg); display:table; text-align:center;    border-radius: 5px;}
.subban .ti{display:table-cell; /*vertical-align:middle; */font-size:50px; font-style:italic; color:#fff;font-family: cwTeXYen;}
.subban .ti p{ background: rgba(148, 199, 102, 0.8);     border-top: solid rgba(182, 219, 149, 0.65) 5px; padding: 5px; margin: 0;}
.subban2{width:100%; height:200px; background:url(/images/forweb/subban2.jpg); display:table; text-align:center;}
.subban2 .ti{display:table-cell; /*vertical-align:middle;*/ font-size:50px; font-style:italic; color:#fff;font-family: cwTeXYen;}
.subban2 .ti p{ background: rgba(148, 199, 102, 0.8);     border-top: solid rgba(182, 219, 149, 0.65) 5px; padding: 5px; margin: 0;    border-radius: 5px;}

.darkClass
{
    background-color: white;
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top: 0px;
    left: 0px;
}
.mobile_8fun{
	display: none;
}

.mobilemenu{
	position: fixed;
	width: 70%;
	height: 100%;
	/*box-shadow: 0px 0px 15px #888888;*/
	background-color: #fff;
    top: 0;
    left: -70%;
    transition: left 1s;
    z-index: 9999;
}

.mobilemenu_btn,.mobile_intro,.mobilemenu_homebtn{
	display: none;
}

.mobiletop{
    	display: none;
    }

.form-control {
    box-sizing: border-box!important;
}

.submenutop{
    	width: auto;
	    padding: 10px;
	    border: 1px solid #fccb02;
	    margin: 5px;
	        list-style-type: none;
    }
.submenutop a {
    color: #fccb02;
    font-size: 30px;
    cursor: pointer;
}
/* mobile */
.mobile{
    width: 100%;
    /*float: left;*/
    /*margin-top: 100px;*/
    height: 65px;
    /*position: absolute;*/
	/* border-bottom: 2px solid #d3d3d3; */
	display: none;
}
.mobile_logo{
    padding-top: 10px;
}
.mobile_logo img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;

}
.mobile-inner{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #ffffff;
	position: relative;
	padding-top: 38px;
}
.mobile-inner img{
    /*width: 100%;*/
    /*margin-bottom: 30px;*/
}
.mobile-inner p{
    color: #676767;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin:0px;
}
.mobile_icon{
    position: absolute;
    top: 0;
    right: 11px;
}
.mobile_icon a{
    padding-left: 9px;
}
.mobile-inner-header{
    /*background-color: rgba(0,0,0,0.7);*/
    width: 100%;
    /*height: 50px;*/
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*border-bottom: 2px solid #d3d3d3;*/
}
.mobile-inner-header .topbar_left{
	float: left;
	/* width: 40%; */
}
.mobile-inner-header .topbar_right{
	float: right;
	margin-right: 25px;
	/* width: 60%; */
	margin-top: 32px;
}
.mobile-inner-header .topbar_right ul{
	/* margin-left: 34px; */
}
.mobile-inner-header .topbar_right .topbar_right_ul1 li{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.mobile-inner-header .topbar_left .logo{
	margin-left: 25px;
	margin-top: 6px;
}
.mobile-inner-header-icon{
    color: #ffffff;
    height: 50px;
    font-size:25px;
    text-align: center;
    float:right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
        z-index: 50000;
        margin-top: 10px;
        margin-right: 6px;
}
.mobile-inner-header-icon:hover{
    /*background-color: rgba(255,255,255,0.2);*/
    cursor: pointer;
}
.mobile-inner-header-icon span{
    position: absolute;
    left: calc((100% - 25px) / 3);
    top: calc((100% - 14px) / 3);
    width: 35px;
    height: 4px;
	background-color: #5256ad;
	border-radius: 4px;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(8px) rotate(0deg);
    }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
    }
.mobile-inner-header-icon span:nth-child(3){
    transform: translateY(16px) rotate(0deg);
}



    
.mobile-inner-header-icon-click span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
    background-color: #ffffff;
    }       
.mobile-inner-header-icon-click span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
    background-color: #ffffff;
    }
.mobile-inner-header-icon-click span:nth-child(3){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond2;
    display: none;
}


@keyframes clickfirst {
  0% {
      transform: translateY(0) rotate(0deg);
      
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}   



@keyframes clicksecond {
  0% {
      transform: translateY(0) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}   

.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }
.mobile-inner-header-icon-out span:nth-child(3){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond2;
}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
@keyframes outsecond2 {
    0% {
        transform: translateY(0) rotate(45deg);

    }

    100% {
        transform: translateY(12px) rotate(0);

    }
}

.mobile-inner-nav{
    background-color: rgba(101,105,182,0.9);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0px;
    padding-top: 48px;
    padding-bottom: 50px;
    display: none;
    z-index: 5000;
}
.mobile-inner-nav ul li.nav-li{
    /*display: inline-block;*/
    width: 90%;
    /* margin-left: 10%; */
    /*border: solid 1px #b1b1b1;*/
	/* height: 80px; */
	/* line-height: 80px; */
    position: relative;
    text-align: left;
    margin: 0 auto;
    /* margin-top: 18px; */
	/* margin-bottom: 9px; */
	background-color: rgba(57,60,106,0.7);
}
.mobile-inner-nav ul li .nav-a{
    line-height: 60px;
    text-decoration: none;
    display: block;
    color: #ffffff;
        border-bottom: dotted 1px #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight:300;
    /*font-style:italic;*/
	font-size: 17px;
	padding-left: 72px;
}
.mobile-inner-nav ul li:last-child .nav-a{
	border-bottom: none;
}
.mobile-inner-nav ul li:last-child .second_ul{
	border-bottom: none;
}
.mobile-inner-nav ul li .nav-icon{
	width: 68px;
    height: 60px;
	/* background-color: #6e7093; */
	background-color: rgba(110,112,147,0.5);
    position: absolute;
    right: 0;
    top: 0;
}
.mobile-inner-nav ul li i{
    width: 20px;
    height: 11px;
    background: url(/c/images/iconright_03.png) no-repeat right;
    float: right;
	margin-top: 24px;
    margin-right: 24px;
    /* position: absolute;
    right: 0;
    top: 0; */
}
.mobile-inner-nav ul li .inactive{
    
}
.mobile-inner-nav ul li i.aciput{
    transform: rotate(90deg);
}
/*.mobile-inner-nav ul li i.aciputnone{
    transform: none;
}*/
.mobile-inner-nav ul li .nav-a span{
    font-size: 1.6rem;
}
.mobile-inner-nav ul li .nav-a:hover{
    color: #ffffff;
    /*border-bottom: solid 1px rgba(255,255,255,1);*/
}

.mobile-inner-nav ul li .nav-a{
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: returnToNormal;
        animation-name: returnToNormal;
	}
.mobile-inner-nav>.icon>.topbar_right_ul1 li{
	float: left;
} 
.mobile-inner-nav>.icon{
	width: 80%;
    margin: 0 auto;
}
.mobile-inner-nav>.icon>.topbar_right_ul1>.reservation{
	width: 44%;
    height: 40px;
    border: 1px solid #ffffff;
    border-radius: 25px;
    text-align: center;
    margin-right: 0;
}
.mobile-inner-nav>.icon>.topbar_right_ul1>.reservation a{
	line-height: 40px;
    color: #ffffff;
    font-size: 1.8rem;
    position: relative;
    margin-left: -10%;
}
.mobile-inner-nav>.icon>.topbar_right_ul1>.reservation a:after{
	content: "";
	width: 20px;
	height: 25px;
	background: url(/c/images/iconbtn.png) no-repeat center right;
	position: absolute;
	right: -24px;
    top: -4px;
}
.mobile-inner-nav .title{
	width: 80%;
	margin: 0 auto;
}
.mobile-inner-nav .title h2{
	color: #ffffff;
	font-size: 3rem;
	text-align: center;
	margin-bottom: 30px;
}
.menu {font-family:Verdana, Geneva, sans-serif; margin:0 auto; text-align:center; height:90px;position: relative;}
/* .menu ul {padding:0; margin:0;list-style-type: none;} */

.menu ul li .menu-a{
	display:block; 
	text-align:center; 
	text-decoration:none; 
	/* transition: 0.5s all; */
	padding: 0 20px;
}
.menu ul li ul {
	display: none;
}
.menu ul li .menu-a span {
	display: block;
	font-size: 20px;
    color: #0e8ea0;
	line-height: 50px;
	/* font-family: "黑体"; */
	font-weight: bold;
	font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif" !important;
}
.menu ul li:hover .menu-a{
	background-color: #1d8c9d;
	color: #ffffff;
}
.menu ul li:hover .menu-a span{
    text-decoration: none;
    background: #fff;
    /* display: block; */
    background-color: #1d8c9d;
	color: #ffffff;
	
	/* line-height: 46px; */
}
.menu li .sub-nav{
    position: absolute;
    top: 120px;
	left: 50%;
	transform: translateX(-50%);
    z-index: 1000;
    background: #1d8c9d;
    /* width: 100%; */
	border: 1px solid #1d8c9d;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* padding: 0 10px; */
	white-space: nowrap;
	padding-bottom: 10px;
}

.menu li .sub-nav li{
text-align:center;
clear:left;
/* width:100%; */
height:45px;
line-height:45px;
position:relative;
padding: 0 10px;
	

}
.menu li .sub-nav li li {
    text-align: left;
}
.menu li .sub-nav li a{
height:45px;
line-height:45px;
width:100%;
padding:0;
display:inline-block;
color: #ffffff;
font-size: 17px;
	font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif" !important;

}
/* .menu li .sub-nav li a:first-of-type{
	line-height: initial;
} */
.menu li .sub-nav li a:hover{
color: #ffffff;
background-color: #07b1cc;
text-decoration: none;
}
.menu li .sub-nav li > ul li a:hover{
	background-color: #d0d0d0;
	color: #ffffff;
}
.menu li .sub-nav li>ul{
	display: none;
}
.menu li:nth-child(4) .sub-nav li>ul{
	display: none !important;
}
.menu li .sub-nav li:hover>ul{
	display: block;
    position: absolute;
    left: 100%;
    top: -1px;
    
    background-color: #7b7b7b;
    /* margin-left: 11%; */
}
.menu li .sub-nav li:hover>ul li{
	padding: 0 10px;
}


.second_ul{
	position: relative;
	  text-transform: uppercase;
	  display: none;
	  color: #fff;
	  background: transparent;
	  border-bottom: dotted 1px #ffffff;
  }
.second_ul li{
	display: block;
    padding: 10px 0;
    /* font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif; */
    text-transform: none;
    text-align: left;
    /* margin: 0 10%; */
    /* padding-left: 30px; */
    width: 45%;
    float: left;
    position: relative;
    padding-left: 5%;
}
  .second_ul li:last-child{
	border-bottom: none;
  }
  .second_ul a{
	color: #fff;
	  /*font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;*/
	  font-size: 1.5rem;
	  /*font-style: italic;*/
	  font-weight: 300;
	  position: relative;
	  padding-left: 14px;
  }
  .screen_color1 a::before{
	  content: "";
	  width: 4px;
	  height: 26px;
	  background-color: #c377a2;
	  position: absolute;
	  left: 0;
	  top: -4px;
  }
  .screen_color2 a::before{
	content: "";
	width: 4px;
	height: 26px;
	background-color: #6dbfd6;
	position: absolute;
	left: 0;
	top: -4px;
}




.histoy2024 {
   background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    float: left;
    margin-left: 3%;
    margin-top: 40px;
}

.histoy2024 .photo img{border-radius: 20px;}
.histoy2024 .title{ font:20px; margin-bottom: 10px;
}
.histoy2024 .text{ 
    width: 66%;
    float: left;

}
.histoy2024 .photo {
    width: 30%;
    float: right;
    text-align: right;
}



.histoy2023 {
    background-color: #ecae33;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	float:right;
	margin-right: 3%;
    margin-top: 150px;
}

.histoy2023 .photo img{border-radius: 20px;}
.histoy2023 .title{ font:20px; margin-bottom: 10px;
}
.histoy2023 .text{ 
    width: 66%;
    float: left;

}
.histoy2023 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2022 {
    background-color: #990081;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	float: left;
	margin-left: 3%;
    margin-top: 150px;
}


.histoy2022 .photo img{border-radius: 20px;}
.histoy2022 .title{ font:20px; margin-bottom: 10px;
}
.histoy2022 .text{ 
    width: 66%;
    float: left;

}
.histoy2022 .photo {
    width: 30%;
    float: right;
    text-align: right;
}







.histoy2021 {
    background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	float: right;
	margin-right: 3%;
    margin-top: 150px;
}

.histoy2021 .photo img{border-radius: 20px;}
.histoy2021 .title{ font:20px; margin-bottom: 10px;
}
.histoy2021 .text{ 
    width: 66%;
    float: left;

}
.histoy2021 .photo {
    width: 30%;
    float: right;
    text-align: right;
}











.histoy2020 {
    background-color: #ecae33;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	float: left;
    margin-left: 3%;
    margin-top: 100px;
}

.histoy2020 .photo img{border-radius: 20px;}
.histoy2020 .title{ font:20px; margin-bottom: 10px;
}
.histoy2020 .text{ 
    width: 66%;
    float: left;

}
.histoy2020 .photo {
    width: 30%;
    float: right;
    text-align: right;
}


.histoy2019 {
    background-color: #990081;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	float: right;
    margin-right: 3%;
    margin-top: 100px;
}

.histoy2019 .photo img{border-radius: 20px;}
.histoy2019 .title{ font:20px; margin-bottom: 10px;
}
.histoy2019 .text{ 
    width: 66%;
    float: left;

}
.histoy2019 .photo {
    width: 30%;
    float: right;
    text-align: right;
}


.histoy2018 {
    background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	float: left;
    margin-left: 3%;
    margin-top: 100px;
}

.histoy2018 .photo img{border-radius: 20px;}
.histoy2018 .title{ font:20px; margin-bottom: 10px;
}
.histoy2018 .text{ 
    width: 66%;
    float: left;

}
.histoy2018 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2017 {
    background-color: #ecae33;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	float: right;
    margin-top: 210px;
    margin-right: 3%;

}

.histoy2017 .photo img{border-radius: 20px;}
.histoy2017 .title{ font:20px; margin-bottom: 10px;
}
.histoy2017 .text{ 
    width: 66%;
    float: left;

}
.histoy2017 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2016 {
    background-color: #990081;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
	display: table;
	 margin-top: 100px;
    margin-left: 3%;
    float: left;
}

.histoy2016 .photo img{border-radius: 20px;}
.histoy2016 .title{ font:20px; margin-bottom: 10px;
}
.histoy2016 .text{ 
    width: 66%;
    float: left;

}
.histoy2016 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2015{
    background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    float: right;
    margin-top: 100px;
    margin-right: 3%;
	    margin-bottom: 30px;
}

.histoy2015 .photo img{border-radius: 20px;}
.histoy2015 .title{ font:20px; margin-bottom: 10px;
}
.histoy2015 .text{ 
    width: 66%;
    float: left;

}
.histoy2015 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2014 {
          background-color: #ECAE32;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    margin-top: 80px;
    margin-left: 3%;
    float: left;
}

.histoy2014 .photo img{border-radius: 20px;}
.histoy2014 .title{ font:20px; margin-bottom: 10px;
}
.histoy2014 .text{ 
    width: 66%;
    float: left;

}
.histoy2014 .photo {
    width: 30%;
    float: right;
    text-align: right;
}
.histoy2013{
 	background-color: #990081;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    float: right;
    margin-top: 100px;
    margin-right: 3%;
}

.histoy2013 .photo img{border-radius: 20px;}
.histoy2013 .title{ font:20px; margin-bottom: 10px;
}
.histoy2013 .text{ 
    width: 66%;
    float: left;

}
.histoy2013 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2012 {
       background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    margin-top: 150px;
    margin-right: 3%;
    float: right;
}

.histoy2012 .photo img{border-radius: 20px;}
.histoy2012 .title{ font:20px; margin-bottom: 10px;
}
.histoy2012 .text{ 
    width: 66%;
    float: left;

}
.histoy2012 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2011{
    background-color: #ECAE32;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    float: left;
    margin-top: 100px;
    margin-left: 3%;
}

.histoy2011 .photo img{border-radius: 20px;}
.histoy2011 .title{ font:20px; margin-bottom: 10px;
}
.histoy2011 .text{ 
    width: 66%;
    float: left;

}
.histoy2011 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2010 {
       background-color: #990081;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
        margin-top: 100px;
    margin-right: 3%;
    float: right;
}

.histoy2010 .photo img{border-radius: 20px;}
.histoy2010 .title{ font:20px; margin-bottom: 10px;
}
.histoy2010 .text{ 
    width: 66%;
    float: left;

}
.histoy2010 .photo {
    width: 30%;
    float: right;
    text-align: right;
}
.histoy2009{
    background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
        float: left;
    margin-top: 100px;
    margin-left: 3%;}

.histoy2009 .photo img{border-radius: 20px;}
.histoy2009 .title{ font:20px; margin-bottom: 10px;
}
.histoy2009 .text{ 
    width: 66%;
    float: left;

}
.histoy2009 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2008 {
       background-color: #ECAE32;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
        margin-top: 100px;
    margin-right: 3%;
    float: right;
}

.histoy2008 .photo img{border-radius: 20px;}
.histoy2008 .title{ font:20px; margin-bottom: 10px;
}
.histoy2008 .text{ 
    width: 66%;
    float: left;

}
.histoy2008 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2007{
     background-color: #990081;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
        float: left;
    margin-top: 100px;
    margin-left: 3%;}

.histoy2007 .photo img{border-radius: 20px;}
.histoy2007 .title{ font:20px; margin-bottom: 10px;
}
.histoy2007 .text{ 
    width: 66%;
    float: left;

}
.histoy2007 .photo {
    width: 30%;
    float: right;
    text-align: right;
}

.histoy2006 {
         background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
        width: 40%;
    color: #fff;
    display: table;
    margin-top: 100px;
    margin-right: 3%;
    float: right;
}

.histoy2006 .photo img{border-radius: 20px;}
.histoy2006 .title{ font:20px; margin-bottom: 10px;
}
.histoy2006 .text{ 
    width: 66%;
    float: left;

}
.histoy2006 .photo {
    width: 30%;
    float: right;
    text-align: right;
}
.screen_color3 a::before{
	content: "";
	width: 4px;
	height: 26px;
	background-color: #fba595;
	position: absolute;
	left: 0;
	top: -4px;
}
.histoy2005{
       background-color: #ECAE32;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    float: left;
    margin-top: 100px;
    margin-left: 3%;}

.histoy2005 .photo img{border-radius: 20px;}
.histoy2005 .title{ font:20px; margin-bottom: 10px;
}
.histoy2005 .text{ 
    width: 66%;
    float: left;

}
.histoy2005 .photo {
    width: 30%;
    float: right;
    text-align: right;
}
.histoy2004{
         background-color: #0e8ea0;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
        float: right;
    margin-top: 100px;
    margin-right: 3%;}

.histoy2004 .photo img{border-radius: 20px;}
.histoy2004 .title{ font:20px; margin-bottom: 10px;
}
.histoy2004 .text{ 
    width: 66%;
    float: left;

}
.histoy2004 .photo {
    width: 30%;
    float: right;
    text-align: right;
}
.histoy2003 {
       background-color: #990081;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    margin-top: 100px;
    margin-left: 3%;
    float: left;
}

.histoy2003 .photo img{border-radius: 20px;}
.histoy2003 .title{ font:20px; margin-bottom: 10px;
}
.histoy2003 .text{ 
    width: 66%;
    float: left;

}
.histoy2003 .photo {
    width: 30%;
    float: right;
    text-align: right;
}
.histoy2002 {
    background-color: #ECAE32;
    border-radius: 20px;
    padding: 20px;
    width: 40%;
    color: #fff;
    display: table;
    float: right;
    margin-top: 100px;
    margin-right: 3%;
}

.histoy2002 .photo img{border-radius: 20px;}
.histoy2002 .title{ font:20px; margin-bottom: 10px;
}
.histoy2002 .text{ 
    width: 66%;
    float: left;

}
.histoy2002 .photo {
    width: 30%;
    float: right;
    text-align: right;
}
.cms183P{ text-align: center}
.cms183P img{ margin-left: 50px; margin-right: 50px}
.cms183 {
    padding: 20px;display: table; margin-bottom: 20px;
}
.pu{   color: #990081 !important;}
.cms183 ul { width: 92%;
    margin: 0 auto; margin-top: 10px; }
.cms183 ul li{ float: left;     list-style-type: none; margin-bottom: 10px;
    /* float: left; */
    width: 100%;}
.cms184 {
    padding: 20px;display: table; margin-bottom: 20px;
}
.cms184W {
    width: 76%;
    float: left;
    line-height: 25px;
    margin-left: 1%;
}
.cms184P {
    width: 20%;
    float: right;
    margin-right: 1%;
}
.cms184P img{ width:100%}
.screen_color4 a::before{
	content: "";
	width: 4px;
	height: 26px;
	background-color: #e8748b;
	position: absolute;
	left: 0;
	top: -4px;
}
.cms184W1 {
    width: 76%;
    float: right;
    line-height: 25px;
    margin-right: 1%;
}
.cms184P1 {
    width: 20%;
    float: left;
    margin-left: 1%;
}
.cms184P1 img{ width:100%}
.screen_color4 a::before{
	content: "";
	width: 4px;
	height: 26px;
	background-color: #e8748b;
	position: absolute;
	left: 0;
	top: -4px;
}
.second_ul li a:hover{
    color: #ffffff;
}
.line{
	width: 100%;
	height: 45px;
	background: url(/c/images/line_02.png) left;
	background-color: #fbfcf6;
}
.swiper-container-scrollbar {
	width: 100%;
        height: auto;
        margin-left: auto;
		margin-right: auto;
		margin-top: 23px;
}
.swiper-container-scrollbar .swiper-slide {
	text-align: left;
    font-size: 18px;
    /* background: #fff; */
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
	align-items: center ;
	width: 220px;
	/* float: left;
    
	margin: 0 7px;
	margin-bottom: 20px; */
}
.swiper-container-multirow>.swiper-wrapper{
	margin-left: -244px;
}
.swiper-scrollbar{
	background: rgba(118, 0, 100, 1);
}
.swiper-scrollbar-drag{
	background: rgba(177,0,149,1);
    height: 5px;
    top: -2px;
}
.swiper-container-horizontal>.swiper-scrollbar{
	height: 2px;
	display: block !important;
	opacity: 1 !important;
}
.businessimg h4{
	color: #990081;
	padding-left: 10px;
}

.news_box{
	width: 332px;
	height: 94px;
	background:url(/c/images/mentindex12.png) no-repeat left;
	
}
.news_box>h4{
	line-height: 94px;
	font-size: 25px;
	padding-left: 35px;
	margin: 0;
	color: #ffffff;
}
.news_scrollbar{
	width: 1200px;
	height: 400px;
	overflow: hidden;
	margin-top: 18px;
    margin-bottom: 80px;
}
.news_scrollbar_mobile{
	display: none;
}
.swiper-container-news_scrollbar {
	width: 100%;
	height: 100%;
}
.swiper-container-news_scrollbar .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* background: #fff; */
	width: 241px !important;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 12px;
	float: left;
}
.boximg{
	text-align: center;
}
.boximg>h4{
	color: #694615;
	font-size: 15px;
	height: 50px;
    line-height: 24px;
}
.news_scrollbar .box{
	width: 272px;
	height: 180px;
	background: url(/c/images/mentindex16.png) no-repeat center center;
	margin-top: 55px;
	margin-left: 142px;
}
.news_scrollbar .box>h4{
	line-height: 180px;
	text-align: left;
	color: #ffffff;
	font-size: 25px;
	padding-left: 66px;
	margin: 0;
	
}

.swiper-container-news_scrollbar_mobile {
	width: 100%;
	height: 100%;
}
.swiper-container-news_scrollbar_mobile .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* background: #fff; */
	/* width: 241px !important; */
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* margin-top: 12px; */
}
.boximg{
	text-align: center;
}
.boximg>h4{
	color: #694615;
	font-size: 15px;
	height: 50px;
    line-height: 24px;
}
.news_scrollbar_mobile .box{
	width: 100%;
	height: 180px;
	background: url(/c/images/mentindex16.png) no-repeat center center;
	margin-top: 30px;
	margin-right: -60px;
	background-size: contain;
}
.news_scrollbar_mobile .box>h4{
	line-height: 180px;
    text-align: left;
    color: #ffffff;
    font-size: 25px;
    padding-left: 15%;
    margin: 0;
	
}

.LatestNews_w{
	width: 1100px;
	margin: 0 auto;
}
.LatestNews .left{
	float: left;
	width: 578px;
}
.LatestNews .right{
	float: right;
	width: 450px;
}
.LatestNews .left .title h4{
	float: left;
	margin-bottom: 0;
	color: #694615;
}
.LatestNews .left .title .mord{
	float: right;
	width: 120px;
	height: 35px;
	background-color: #f5b52e;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	text-align: center;
}
.LatestNews .left>.cent{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	margin-top: 12px;
	box-shadow: 0 5px 16px #f6f7f2;
	/* padding: 20px 25px; */
}
.mord>a{
	line-height: 35px;
	color: #ffffff;
	font-size: 14px;
}
.enterprise{
	width: 100%;
	height: 565px;
	background-color: #faf1d6;
	padding-top: 30px;
}
.enterprise_box{
	width: 300px;
	height: 80px;
	/*background: url(/c/images/mentindex18.png) no-repeat center top;*/
	margin-bottom: 36px;
	background-color: #f5b52e;
    border-radius: 0 50px;
}
.enterprise_box>h4{
	line-height: 80px;
	color: #990081;
	padding-left: 35px;
	margin: 0 ;
	font-size: 24px;
	/* font-weight: bold; */
}
.enterprise .left{
	float: left;
	width: 771px;
}
.enterprise_w{
	width: 1200px;
	margin: 0 auto;
}
.enterprise .left>ul>li{
	width: 240px;
	height: 165px;
	
	background-color: #f5b52e;

	text-align: center;
	float: left;
	margin-right: 17px;
	margin-bottom: 32px;
	position: relative;
}
.enterprise .left>ul>li a span{
	/* line-height: 165px; */
		color: #990081;
	font-size: 18px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width: 100%;
	transition: all 0.3s;
}
.enterprise .left>ul>li:hover{
	background-color: rgba(245, 181, 46,0.7);
	color: #694615;
	transition: all 0.3s;
}
.enterprise .left>ul>li:hover a span{
	display: block;
	font-size: 2.4rem;
	transition: all 0.3s;
}
.enterprise .left>ul>li a .hover{
	opacity: 0;
	/* position: relative; */
	color: #ffffff;
	/* transition: all 0.3s; */
}
.enterprise .left>ul>li:hover a .hover{
	opacity: 1;
    height: 100%;
    width: 100%;
    display: block;
    background-color: rgba(255,255,255,0.2);
    
    color: #fff;
	font-size: 18px;
	/* transition: all 0.3s; */
}
.enterprise .left>ul>li a .hover p{
	position: absolute;
    left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s;
	color: #ffffff;
	width: 100%;
}
.enterprise .left>ul>li:hover a .hover p{
	position: absolute;
    left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s;
	font-size: 20px;
	color: #ffffff;
	width: 100%;
}
.enterprise .left>ul>li a:hover{
	text-decoration: none;
}
.enterprise .right{
	float: right;
	position: relative;
}
#footer_nav{
    width: 100%;
    height: auto;
    background-color: #fbfcf6;
    padding-top: 35px;
    position: relative;
    padding-bottom: 20px;
}
.featured_width{
	width: 1200px;
	margin: 0 auto;
}
.footernav>.featured_width>.bottomnav>.nav_one{
	width: 100%;
	
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(1){
	width: 10%;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(1) a{
	padding-left: 25px;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(2){
	width: 20%;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(3){
	width: 16%;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(4){
	width: 20%;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(4) .nav_two li ul{
	display: none;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(5){
	width: 16%;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(6){
	width: 10%;
}
.footernav>.featured_width>.bottomnav>.nav_one>li:nth-child(7){
	width: 8%;
}
.footernav>.featured_width>.bottomnav>.nav_one>li{
    float: left;
      
	text-align: center;
	
}
.footernav>.featured_width>.bottomnav>.nav_one>li>a{
	border-bottom: 1px solid #f5b52e;
	padding-bottom: 14px;
    display: block;
    padding-bottom: 10px;
    text-align: left;
    /* padding-left: 108px; */
}
.footernav>.featured_width>.bottomnav>.nav_one>li>a:hover{
    text-decoration: none;
}
.footernav>.featured_width>.bottomnav ul li a{
    color: #990081;
    font-size: 16px;
}
.footernav>.featured_width>.bottomnav>.nav_one li .nav_two li{
    width: 96%;
    margin: 0;
    padding-bottom: 0;
}
.footernav>.featured_width>.bottomnav>.nav_one li .nav_two li a{
    /* line-height: 32px; */
    display: block;
    text-align: left;
    padding: 10px 0;
	/* padding-left: 110px; */
	color: #626261;
	text-decoration: underline;
}
#mainscrollbar {
	/* padding-top:20px; */

     /* background-color: #ffffff; */
	width: 703px;
	/* margin: 30px auto ; */
	height: 470px;
	margin-top: 23px;
}

#center {
	width: 802px;
	margin: 0px auto ;
}

#header {
	width: 802px;
	margin: 0px auto ;
	padding-top: 20px;
	padding-bottom: 30px;
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	width: 100%;
	margin: 0px auto ;
	/* margin-bottom:20px; */
}

#social_links {
	right:0px;
	margin-top:-10px;
	height: 30px;
	float:right;
}

#social_links .social_button{
	height:30px;
	width:30px;
	
	position: relative;
	margin:0 3px;
	float:left;
}

#social_links .social_button span.hover{
	height:30px;
	width:30px;
	position: absolute;
}


div.example{
	padding-bottom:30px;
	padding-top:30px;
	
	border-bottom:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
}

div.example .imageEx{
	margin-bottom:5px;
	
	border:solid;
	border-color:#cccccc;
	border-width:1px;
}

div.active{
	opacity:0.5;
	
}

div.notActive{
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	opacity:1;
	
}

div.notActive:hover{
	opacity:0.9;
}
#scrollbar1{
	height: 438px !important;
}
.vertical{
	display: none;
}
div.scrollbar_dragger.horizontal{
	top: 432px !important;
	width: 703px !important;
}
.scrollbar{
	height: 433px !important;
	width: 703px !important;
}
div.scrollbar_dragger .dragger{
	background-color: #b10095 !important;
}
/* mobile */
.top-header-box { 
    width:100%;   
    display: flex;
    display: -webkit-flex;

}
/*手机侧栏*/
.mobile-body-block{position:absolute;top:0;left:0;width:100%;background-color: transparent;display: none;z-index: 29;}
.mobile-silde-menu{
	display: block;position:fixed;top:-100%;width:100%;z-index:9999;overflow-y:scroll;
-webkit-transition: -webkit-transform .6s ease;
-moz-transition: -moz-transform .6s ease;
-o-transition: -o-transform .6s ease;
-ms-transition: -ms-transform .6s ease;
transition: transform .6s ease;
background-color: rgba(40, 29, 24, 0.8);}
.mobile-silde-menu_bg {padding-bottom: 20px;}
.mobile-member-handle{color:#fff;font-size:1.1rem;text-align: center;}
 .mobile-member-handle #close {
	position: relative;
width: 100%;
margin: 0;
background-position: center;
background-image: url(../../../Images/Close.jpg);
margin-top: -11px;

float: left;

height: 50px;
display: block;
	cursor: pointer;
	background-repeat: no-repeat;
 }
.mobile-member-handle a{color:#fff;font-size:1.1rem;}
.mobile-member-handle .menulogin {
margin: 0 auto;
text-align: center;
display: inline-block;
background: #8dc11f;
position: relative;
/* margin: 10px auto; */
height: 3rem;
text-align: center;
line-height: 3rem;
padding-left: 30px;
padding-right: 30px;
cursor: pointer;}
.mobile-member-handle .menulogin:before {
content: "";
width: 0;
height: 0;
position: absolute;
/* top: -25px; */
left: 0;
border-left: 12px solid #000;
/* border-right: 50px solid transparent; */
border-bottom: 20px solid #8dc11f;
}
.mobile-member-handle .menulogin:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0px;
right: 0;
/* border-left: 50px solid #1e1e1e; */
border-right:12px solid #000;
border-top: 15px solid #8dc11f;
}
#headertop{    
    width: 100%;
    background-color: #fff;
}
.header-box {
    margin: 0 auto;
    width:100%;
    height:4rem;
     /*text-align: center;*/
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
}

.logo {
    /* height: 7rem; */
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
}

.logo a {
    display: block;
}
.header-right{
	position: absolute;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
	right: 1.5rem;
	margin-top: 20px;
}
.mobile-nav-menu-btn span{
	display: block;
    position: absolute;
    width: 35px;
    height: 5px;
    background: #1d8c9d;
    /* left: 6px; */
    transition: all .3s linear;
    -ms-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    /* border-radius: 10px; */
}
.mobile-nav-menu-btn span:nth-child(1){
	top: 8px;
}
.mobile-nav-menu-btn span:nth-child(2) {
    top: 17px;
}
.mobile-nav-menu-btn span:nth-child(3) {
    top: 26px;
}
.mobile-silde-menu_logo{
	position: absolute;
    bottom: -42px;
    width: 62px;
    height: 42px;
    background-color: #fff;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.mobile-silde-menu_logo img{
	padding-top: 6px;
}
.icon>.mobilelanguage{
	width: 130px;
    height: 30px;
    background-color: #0e8ea0;
    text-align: center;
    color: #fff;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 0 auto;
}
.icon>.mobilelanguage a{
	font-size: 15px;
	color: #ffffff;
	line-height: 30px;
}
.mobile-slide-menu-main{
	margin-top: 24px;
}
.mobile-silde-menu-one{
	width: 90%;
    margin: 0 auto;
    padding-bottom: 16px;
}
.mobile-silde-menu-one > a.subMenu_a{    
	display: block;
	color: #363636;
	font-size: 1.6rem;
	padding: 1rem 2rem;
	border: 1px solid #737373;
	text-align:center;
	position: relative;
}
.mobile-silde-menu-one > a.active{
	color: #0e8ea0;
    text-decoration: none;
}
.silde-btn {
    width: 4rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(99, 93, 91, 0.86);
    background-image: url(/c/images/down_arrow.png);
    background-size: 1.3rem;
    background-repeat: no-repeat;
    background-position: center;
}
.mobile-silde-down {
    display: none;
    padding: 1rem;
    /* border-bottom: 1px dashed #dd9aaf; */
}
.mobile-silde-down li {
    width: 100%;
    /* float: left; */
    padding: 0.6rem 0;
    text-align: left;
    
}
.mobile-silde-down li a {
    color: #636363;
	font-size: 1.4rem;
	/* border-bottom: 1px solid #636363; */
	padding-left: 20%;
	text-decoration: underline;
}
.mobile-silde-down li>ul li a{
	padding-left: 25%;
}
.scrollbar_mobile{
	display: none;
}

.footer_nav-inner-nav{
	background-color: #fbfcf6;
	width: 100%;
	/* position: fixed; */
	top: 0;
	left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
	z-index: 5000;
}
.footer_nav-inner-nav ul li.nav-li{
	/*display: inline-block;*/
	width: 90%;
	/* margin-left: 10%; */
	/*border: solid 1px #b1b1b1;*/
	/* height: 80px; */
	/* line-height: 80px; */
	position: relative;
	text-align: left;
	margin: 0 auto;
	/* margin-top: 18px; */
	margin-bottom: 16px;
	/* background-color: rgba(57,60,106,0.7); */
}
.footer_nav-inner-nav ul li .nav-a{
	line-height: 33px;
	text-decoration: none;
	display: block;
	color: #990081;
	border-bottom: solid 1px #f5b52e;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
	/*font-style:italic;*/
	font-size: 16px;
	padding-left: 72px;
}
.footer_nav-inner-nav ul li:last-child .nav-a{
	/* border-bottom: none; */
}
.footer_nav-inner-nav ul li:last-child .second_ul{
	border-bottom: none;
}
.footer_nav-inner-nav ul li .nav-icon{
	/* width: 68px; */
	/* height: 60px; */
	/* background-color: #6e7093; */
	/* background-color: rgba(110,112,147,0.5); */
	position: absolute;
	right: 0;
	top: 0;
}
.footer_nav-inner-nav ul li i{
	width: 20px;
	height: 11px;
	background: url(/c/images/iconright_04.png) no-repeat right;
	float: right;
	margin-top: 12px;
	margin-right: 24px;
	/* position: absolute;
	right: 0;
	top: 0; */
}
.footer_nav-inner-nav ul li .inactive{
	
}
.footer_nav-inner-nav ul li i.aciput{
	transform: rotate(90deg);
}
/*.mobile-inner-nav ul li i.aciputnone{
	transform: none;
}*/
.footer_nav-inner-nav ul li .nav-a span{
	font-size: 1.6rem;
}
.footer_nav-inner-nav ul li .nav-a:hover{
	color: #990081;
	/*border-bottom: solid 1px rgba(255,255,255,1);*/
}

.footer_nav-inner-nav ul li .nav-a{
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
	.footer_nav-inner-nav .second_ul{
		position: relative;
		  text-transform: uppercase;
		  display: none;
		  color: #002099;
		  background: transparent;
		  /* border-bottom: dotted 1px #ffffff; */
		  width: 96%;
		  margin: 0 auto;
		  background-color: #ffffff;
		  padding: 20px 0;
	  }
	  .footer_nav-inner-nav .second_ul li{
		display: block;
		padding: 5px 0;
		/* font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif; */
		text-transform: none;
		text-align: left;
		/* margin: 0 10%; */
		/* padding-left: 30px; */
		width: 100%;
		position: relative;
		padding-left: 20px;
	}
	.footer_nav-inner-nav .second_ul li:last-child{
		/* border-bottom: none; */
	  }
	  .footer_nav-inner-nav .second_ul a{
		color: #636363;
		  /*font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;*/
		  font-size: 1.5rem;
		  /*font-style: italic;*/
		  /* font-weight: 300; */
		  position: relative;
		  padding-left: 0;
		  text-decoration: none;
		  border-bottom: 2px solid #a3a8d0;
	  }

	
	.main_w{
		width: 1200px;
		margin: 0 auto;
		/*padding: 0 50px;*/
		padding-top: 44px;
		position: relative;
	}
	.main_w .left{
		background-color: #ffffff;
		padding: 10px;
	}
	.page_box{
		/* width: 180px; */
		/* height: 210px; */
		padding: 40px 40px;
		background-color: #990081;
		/* background:url(/c/images/mentindex04.png) no-repeat left; */
		position: relative;
		border-top-right-radius: 48px;
		border-bottom-left-radius: 48px;
		display: inline-block;
		margin-top: 20px;
	}
	.page_box::before{
		content: "";
		width: 66px;
		height: 58px;
		background-color: #b10095;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.page_box::after{
		content: "";
		width: 83px;
		height: 36px;
		background-color: #a9008f;
		position: absolute;
		bottom: 0;
		right: 27px;
	}
	
	.page_box>h4{
		/* line-height: 210px; */
		font-size: 34px;
		/* padding-left: 35px; */
		margin: 0;
		color: #ffffff;
		text-align: center;
		/* position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%; */
		position: relative;
		z-index: 10;
		font-family: 黑体;
		font-weight: bold;
	}
	.page_right{
		float: right;
		position: relative;
		/* margin-top: 20px; */
	}
	.character > .left{
		float: left;
		width: 860px;
		padding: 0;
	}
	.character > .left>p{
		font-size: 16px;
		line-height: 24px;
	}
	.character > .left>p>span{
		font-size: 16px;
	}
	.left_cteon{
		width: 100%;
		padding-top: 200px;
	}
	.left_cteon>.title{
		/*width: 250px;*/
		height: 50px;
		background-color: #990081;
		color: #ffffff;
		text-align: center;
		line-height: 50px;
		float: left;
		font-size: 30px;
    	font-weight: bold;
    	padding: 0 20px;
	}
	.left_cteon>.name{
		float: right;
		margin-right: 100px;
		text-align: right;
	}
	.left_cteon>.name p{
		color: #000000;
		line-height: 32px;
		font-size: 24px;
		margin: 0;
		padding: 0 !important;
		font-weight: bold;
	}
	.left_cteon>.name p:first-child{
		color: #990081;
	}
	.character > .left > .content{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		box-shadow: 0 5px 15px #f3f3ef;
		padding: 38px 0;
		z-index: 10;
		position: relative;
		margin-top: 10px;
	}
	#search_right .character > .left > .content p{
		line-height: 26px;
		color: #151515;
		margin-bottom: 24px;
		/* text-indent: 2em; */
		font-size: 16px;
		padding: 0 20px;
		word-break: break-word;
		text-align: justify;
		/*font-weight: bold;*/
	}
	.character > .right{
		float: right;
	}
	.character > .right >.characterimg{
		/* margin-top: -40px; */
		/* margin-right: 40px; */
		width: 330px;
	}
	.character > .right >.characterimg img{
		border: 1px solid #4a3b1c;
		width: 100%;
	}
	.character2>.left>.characterimg{
		float: left;
		width: 330px;
	} 
	.character2>.left>.characterimg img{
		border: 1px solid #4a3b1c;
		width: 100%;
	}
	.character2>.left>.left_cteon .name{
		float: left;
		margin-left: 18px;
		text-align: left;
	}
	.character2>.left>.left_cteon{
		padding-top: 270px;
	}
	.character2>.left>.left_cteon .title{
		/* width: 250px; */
	    height: 50px;
	    background-color: #990081;
	    color: #ffffff;
	    text-align: center;
	    line-height: 50px;
	    float: right;
	    font-size: 30px;
	    font-family: 黑体;
	    padding: 0 20px;
	}
	.character2>.left>.content{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		box-shadow: 0 5px 15px #f3f3ef;
		/* padding: 38px; */
		z-index: 10;
		position: relative;
		margin-top: 24px;
		padding-top: 38px;
		padding-bottom: 38px;
	}
	#search_right .character2>.left>.content p{
		line-height: 26px;
		color: #151515;
		margin-bottom: 0;
		/* text-indent: 2em; */
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
		/* font-family: "黑体"; */
		/*font-weight: bold;*/text-align: justify;
		padding-bottom: 10px;
	}
	#search_right .character2>.left>.content p.ap{
		/* font-family: "黑体"; */
		font-weight: bold;
	}
	.ap1 img {
    width: 23%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
	.character2>.left>.content p.ap{
		margin-bottom: 0;
	}
	.character2>.left>.content p span{
		color: #990081;
	}
	.character2{
		margin-top: 70px;
		padding-bottom: 65px;
		position: relative;
	}
	.convenient100 .row{
		margin: 0;
	}
	.convenient100 > .left{
		/* float: right; */
			width: 100%;
			background-color: initial;
			padding: 0;
	}
	.convenient100 > .left .left_cteon{
		padding-top: 0;
	}
	.convenient > .left{
		float: right;
		/* margin-top: -54px; */
		width: 860px;
		margin-bottom: -50px;
		background-color: initial;
		padding: 0;
	}
	.convenient>.left>.left_cteon{
		width: 100%;
		padding-top: 0;
	}
	.convenient100>.left>.left_cteon>.title{
		width: auto;
		height: 45px;
		background-color: #990081;
		color: #ffffff;
		text-align: center;
		line-height: 45px;
		float: right;
		font-size: 24px;
		margin-bottom: 15px;
		padding: 0 20px;
		display: inline-block;
		position: initial;
		
	}
	.convenient>.left>.left_cteon>.title{
		width: auto;
		height: 45px;
		background-color: #990081;
		color: #ffffff;
		text-align: center;
		line-height: 45px;
		float: right;
		font-size: 24px;
		margin-bottom: 15px;
		padding: 0 20px;
		display: inline-block;
		position: initial;
		font-weight: bold;
	}
	.convenient>.left>.left_cteon>.name{
		float: right;
		margin-right: 17px;
		text-align: right;
	}
	.convenient>.left>.left_cteon>.name p{
		color: #000000;
		line-height: 32px;
		font-size: 20px;
	}
	.convenient_logo{
		width: 330px;
		float: left;
		margin-top: 160px;
	}
	.convenient_logo img{
		width: 100%;
	}
	.convenient > .left > .content{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		box-shadow: 0 5px 15px #f3f3ef;
		/*padding: 38px;*/
		z-index: 10;
		position: relative;
		padding-top: 38px !important;
		padding-bottom: 38px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif";
	}
	#search_right .convenient > .left > .content p{
		line-height: 24px;
		color: #151515;
		margin-bottom: 24px;
		font-size: 16px;
		padding-left: 38px;
		padding-right: 38px;
	}
	#search_right .convenient>.left>.content p.ap{
		margin-bottom: 0;
		padding: 0 10px;
		font-size: 18px;
		color: #990081;
		font-weight: bold;
	}
	#search_right .convenient > .left > .content p{
		padding: 0 10px;
	}
	#search_right .convenient>.left>.content p span{
		color: #990081;
	}
	.convenient > .left > .content> ul{
		padding-right: 38px;
		padding-left: 38px;
	}
.convenient.fix.Li204 p {
    text-align: justify;
}
	.convenient > .left > .content> ul li{
		float: left;
		width: 25%;
		padding-bottom: 24px;
		color: #000;
		font-size: 16px;
		
	}
.convenient > .left > .content> ul.cms212 li{
		list-style-type:none;
	}

.convenient > .left > .content> ul.cms212 .left{
	
	    float: left;
    width: 20px;
    margin-right: 10px;
    padding: 0 !important;
}
.convenient > .left > .content> ul.cms212 .left img
{    width: 100%;}
.convenient > .left > .content> ul.cms212 .right{
	
	    float: left;    width: 150px;
  
}
#page-scroll1 li{    float: left;
    margin-right: 20px;}
.convenient204  {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0 5px 15px #f3f3ef;
    /* padding: 38px; */
    z-index: 10;
    position: relative;
    padding-top: 38px !important;
    padding-bottom: 38px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif";
}

.convenient > .left > .content> ul li.Li204 {
    width: 33.3%;
	text-align: center;
	
}

.convenient > .left > .content> ul li.Li204 .bo {
	font-weight: bold;
    
}


 .Left204{margin-bottom: 10px; }
li.Li204{width:33.3%}
	.convenientimg{
		position: relative;
		z-index: 10;
		/* margin-left: 40px; */
		/*top: -49px;*/
	}
	.convenientimg img{
		float: left;
	}
	.address{
		width: 915px;
		height: auto;
		background-color: #ffffff;
		box-shadow: 0 5px 15px #f3f3ef;
		/* margin-top: -41px; */
		/* padding-bottom: 20px; */
	}
	.address>.left{
		float: left;
		width: 50%;
		position: relative;
		padding: 0;
	}
	.address>.left img{
		padding-top: 0px;
	}
	.address>.left>.left_img{
		width: 300px;
		height: 150px;
		background-color: #f5b52e;
		text-align: center;
		margin-top: 30px;
		margin-left: 80px;
		border-top-left-radius: 64px;
		border-bottom-right-radius: 64px;
		padding-top: 50px;
		margin-bottom: 30px;
	}
	.address>.left>.left_img p{
		font-size: 28px !important;
		color: #ffffff;
	}

.address>.left>.left_img1{
		width: 350px;
		height: 150px;
		background-color: #f5b52e;
		text-align: center;
		margin-top: 30px;
		margin-left: 50px;
		border-top-left-radius: 64px;
		border-bottom-right-radius: 64px;
		padding-top: 50px;
		margin-bottom: 30px;
	}
.address>.left>.left_img2{
		width: 350px;
		height: 150px;
		background-color: #f5b52e;
		text-align: center;
		margin-top: 30px;
		margin-left: 50px;
		border-top-left-radius: 64px;
		border-bottom-right-radius: 64px;
		padding-top: 50px;
		margin-bottom: 30px;
	}
	.address>.left>.left_img1 p{
		font-size: 28px !important;
		color: #ffffff;
	}
.address>.left>.left_img2 p{
		font-size: 28px !important;
		color: #ffffff;
	}



	.address>.right:after{
		content: "";
		border-left: 1px dashed #b5b5b5;
		width: 1px;
		position: absolute;
		left: 0;
		top: 0;
		height: 98%;
		/* margin-bottom: 34px; */
	}
	.address>.right{
		float: left;
		width: 50%;
		margin-top: 30px;
		position: relative;
	}
	.address>.left>.address_box{
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
		/* padding-left: 25px; */
		font-size: 16px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #b5b5b5;
		font-family: "黑体";
		font-weight: bold;
	}
	.address_box>.title{
		width: 85px;
		height: 34px;
		text-align: center;
		line-height: 35px;
		background-color: #f5b52e;
		color: #ffffff;
		font-size: 16px;
		margin-bottom: 10px;
		font-weight: initial;
	}
	.address_box span{
		color: #b45038;
		line-height: 30px;
		font-size: 16px;
	}
	#search_right .address_box p{
		color: #151515;
		line-height: 26px;
    	font-size: 16px;
		margin: 0;
		padding-bottom: 0;
		padding: 0;
		font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif";
		font-weight: initial;
	}
	.address_box>.col-md-12>.col-md-2{
		padding: 0;
		width: 12%;
	}
	.address_box>.col-md-12:last-of-type>.col-md-2{
		width: 20%;
	}
	.address_box>.col-md-12>.col-md-6{
		padding: 0;
	}
	.address_box>.col-md-12>.col-md-10{
		padding: 0;
		width: 74%
	}
	.address>.right>.address_box{
		border-bottom: 1px dashed #b5b5b5;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
	}
	.address_box .col-md-12{
		padding-top: 6px;
		padding-left: 10px;
    padding-right: 10px;
	}
	.enterprise .right img{
		width: 100%;
		position: relative;
	}
	.enterprise .right>h4{
		color: #ffffff;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 22px;
		background-color: #990081;
	    padding: 10px;
	    margin-bottom: 0;
	}
	.vedio>img{
		width: 100%;
	}
	.character{
		margin-top: 20px;
		background-color: #fff;
    	padding: 20px;
	}
	.character>table>tbody>tr>td p{
		font-size: 18px;
		font-family: "黑体";
	}
	.character-ap{
		background-color: initial;
		padding: 0;
		position: relative;
		margin-top: 0;
	}
	.character-ap > .right{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99;
	}
.search_left a { color:#0e8ea0;
}
	.character-ap .left{
		background-color: initial;
	}
	.search_left{
		float: left;
		/* padding-top: 10px; */
		width: 100%;
		margin-bottom: 10px;
		z-index: 10;
    	position: relative;
	}
	#search_right table{
		background-color: #ffffff;
		padding: 10px;
	}
	#search_right>.left{
		background-color: #ffffff;
		padding: 10px;
	} 
	.convenient_left{
		width: 100%;
		margin: 0;
		float: initial;
		background-color: #ffffff;
		padding: 10px 0;
		margin-top: 20px;    display: table;
	}
.cms191m{ width:100%; text-align: center; margin-bottom: 20px;}
.cms191m img{ width:50%}

.cms191s{ width:100%; }
.cms191s img{ width:23%; margin-left: 1%; margin-right: 1%; float: left;margin-bottom: 20px;height: 368px;}
	.convenient_left p{
		padding: 0 10px;
		font-size: 16px;
		/*font-weight: bold;*/
	}
	.convenient_left>.content>p{
		font-size: 16px;
	}
	#divcontent{
		background-color: #ffffff;
	}
	.character2 .left{
		background-color: initial;
		padding: 0;
	}
	#search_right center{
		margin-top: 20px;
	}
	#search_right center table{
		background-color: initial;
	}
	.backgroundwhtder{
		background-color: #ffffff;
		padding: 10px;
		margin-bottom: 20px;
	}

	.backgroundwhtder .col-md-6{
		padding-left: 0;
		padding-right: 0;
	}
	.backgroundwhtder .col-md-12{
		padding: 0;
		margin-top: 20px;
	}
	.backgroundwhtder .col-md-12 p{
		padding-top: 10px !important;
		padding-bottom: 0 !important;
	}
	.backgroundwhtder .col-md-12 p span{
		font-size: 18px;
		line-height: 24px;
		color: #000;
		/* font-family: "黑体"; */
		font-weight: bold;
	}
	.backgroundwhtder .col-md-6 p{
		padding-top: 10px !important;
		padding-bottom: 0 !important;
		font-size: 18px;
		line-height: 24px;
		color: #000;
		/* font-family: "黑体"; */
		font-weight: bold;
	}
	.backgroundwhtder .col-md-6 .O0{
		font-size: 16px;
		line-height: 24px;
		color: #000;
		/* font-family: "黑体"; */
		font-weight: bold;
		padding-top: 10px;
	}
	.backgroundwhtder .col-md-6 .pageline{
		padding: 10px;
		border: 1px solid #922f8c;
		width: 60%;
		margin-left: 100px;
	}
	#page-scroll{ 
		width: 100%; 
		height: 185px; 
		position: relative; 
		/* margin: 100px auto; */
		margin-top: 10px;
		overflow: hidden;
	}
	#page-scroll ul { width: 800px; height: 185px; position: relative; }
	#page-scroll ul li { height: 185px; float: left; list-style: none; padding-right:20px;}
	#page-scroll ul li img { width: 249px; height: 185px; display: inline-block;}
	.Cmsnews{
		width: 50%;
		float: left;
		display: inline-block;
		margin-bottom: 15px;
		margin-top: 10px;
		    display: inline-table;
    margin-top: 10px;
    margin-bottom: 20px;
		min-height: 140px;
	}
	.Cmsnews>.newsPhoto{
		width: 33%;
		float: left;
		margin-right: 4%;
		border: 1px solid #e7e7e7;
		padding: 5px;
		height: 128px;
	}

	.newsPhoto img{
		width: 100%;
		height: 100%;
	}
.FamilyPhoto1 img{ width: 250px;}
	.newsContent{
		width: 58%;
		float: left;
		margin-top: 20px;
	}
.Familytext1{ margin-top: 20px; margin-bottom: 10px;}
	.newsContent>.date{
		background-color: #0e8ea0;
		display:inline-block;
		padding: 3px 8px 3px 8px;
		color: #ffffff;
		margin-bottom: 10px;
		    width: 90px;
    text-align: center;
	}
	.Family{
		display: table;
		padding: 10px;
	}
	.FamilyPhoto{
		width: 18%;
		float: left;
		margin-right: 3%;
	}
	.FamilyPhoto img{
		width: 100%;
	}
	.Familytext{
		width: 100%;
		float: left;
		margin-top: 20px; text-align: justify
	}
	.FamiltImg{
		width: 23%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
    margin-bottom: 15px;
        /*height: 175px;*/
    overflow: hidden;
	}
	.FamiltImg img{
		width: 100%;
	    /*height: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;*/
	}
.FamiltImg211{
		width: 31%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;    
		margin-bottom: 15px;    
		display: table;
		height: 240px;
    	overflow: hidden;
	}
	.FamiltImg211 a{
		height: 240px;
    	overflow: hidden;
	}
	.FamiltImg211 img{
		width: 100%;
	}

	.left_cat_page{
		width: 300px;
		float: right;
	}
.cms192{font-weight: bold; color: #0e8ea0 }
.cms198{ text-align: center;    background: #fff;
    padding-bottom: 30px;}
.cms184W .bo, .cms184W1 .bo{font-weight: bold; color: #990081; }
.cat_page_img2{ width:100%; display: table}


.cat_page_img2 p{ margin:0;}
.cms208P{ text-align: center; margin-top: 30px
}
	.cat_page_img p{
		float: left;
		width: 20%;
	}
	.cat_page_img p img{
		width: 100% !important;
	}
	.cat_page_img2 img{
		float: left;
	}
	.convenient_left strong:first-child span{
		font-weight: bold;
		padding: 0 10px;
	}
	.annual .col-md-6{
		    width: 25%;margin-bottom: 20px; margin-top: 10px;
    height: 420px;
    text-align: center;
    padding: 0;
	}
	.annual .col-md-6 p{
		font-size: 16px;
		font-weight: bold;
	}
	.green{
		color: #148da5;
	}
	.purple{
		color:#9f1088;
	}
.annual .p{height:350px;}
	
.annual .w {
    background-color: #ececec;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
}
.chrg-grid{
	margin-left: 10px;
}
.main_w .page_tab{
	position: absolute;
	top: 8em;
	right: 0;
	z-index: 100;
}
.main_w .page_tab a{
	width: 120px;
	height: 35px;
	line-height: 35px;
	background-color: #0e8ea0;
	float: left;
	text-align: center;
	color: #ffffff;
	margin-right: 1px;
}
.main_w .page_tab a.ap{
	background-color: #07b1cc;
}
#search_right .page_tab {
	position: absolute;
	top: 7em;
	right: 0;
	z-index: 100;
}

#search_right .page_tab a {
	width: 120px;
	height: 35px;
	line-height: 35px;
	background-color: #0e8ea0;
	float: left;
	text-align: center;
	color: #ffffff;
	margin-right: 1px;
}

#search_right .page_tab a.ap {
	background-color: #07b1cc;
}

@media screen and (min-width:1024px) and (max-width:1400px){
	.header_top, .featured_width, .new_footer, .main_conten, .news_scrollbar, .enterprise_w{
		width: 100%;
	}
}
	
@media only screen and (max-width: 1200px){
	.header_top, .featured_width, .new_footer, .main_conten, .news_scrollbar, .enterprise_w{
		width: 100%;
	}
	#cat_top{
		width: 100%;
	}
	#page #main{
		background-size: contain;
		background-position: 100% 8%;
	}
}
@media only screen and (max-width: 1024px){
	#cat_top{
		width: 100%;
	}
	body .report_content .report_content_img{
		display: none;
	}
	.header_top{
		width: 100%;
	}
	.nav>ul>li{
		padding: 0 0;
		padding-top: 30px;
	}
	.menu ul li .menu-a{
		padding: 0 16px;
	}
	.menu li .sub-nav{
		top: 90px;
	}
	.main_conten{
		width: 1000px;
	}
	.cat-main>.left{
		width: 40%;
	}
	.cat-main>.right{
		width: 58%;
	}
	.swiper-container-multirow>.swiper-wrapper{
		margin-left: -200px;
	}
	.swiper-container-scrollbar{
		margin-top: 10px;
	}
	.news_scrollbar, .LatestNews_w, .enterprise_w, .featured_width, .new_footer{
		width: 100%;
	}
	.LatestNews .left{
		width: 58%;
	}
	.LatestNews .right{
		width: 40%;
	}
	.enterprise .left>ul>li{
		width: 30.33%;
		height: 138px;
	}
	.enterprise .left{
		width: 65%;
	}
	.enterprise .right{
		width: 35%;
	}
	
}
@media only screen and (max-width: 640px) {	
	.cms191m img {    width: 80%;
}
	.cms191s img{ width:48%; margin-left: 1%; margin-right: 1%; float: left;margin-bottom: 20px;}

	
	.mobilemenu_btn{
		display: block;
		transition: left 1s;
		border-top: 3px solid #f5d32d;
		padding-left: 0%;
		transition: padding 1s;
	}
	.mobilemenu_homebtn{
		display: block;
		position: fixed;
		width: 50px;
		height: 50px;
	    left: 5%;
	    top: 3%;
	    transition: left 1s;
	    z-index: 999;
	    background-image: url(/images/forweb/mobile_homebtn.png);
	}
	.mobilemenu_on{
    	left: 0;
    	box-shadow: 0px 0px 15px #888888;
    }
    .menubtn_on{
    	left: 75%;
    	background-image: url(/images/forweb/mobile_homebtn_back.png);
    }
    .inmenubtn_on{
    	padding-left: 75%;
        box-sizing: border-box!important;
    }
    .cat_on{
    	filter: blur(2px) grayscale(20%);
    }
    .overflow_on{
    	overflow: hidden;
    }
    .page-scroll>ul>li> img{
		width: 100%;
    }
    #page-scroll1 li{
    	float: none;
    	margin-right: 0;
    	margin-bottom: 10px;
    }
    .convenient > .left > .content> ul.cms212 .right{
    	width: 80%;
    }
	.FamilyPhoto1 img {
    width: 32%;
	}
    .desktopmenu {
       display: none;
    }    
.desktopPhoto{display: none;
	}
    /* .new_footer,#wrapper,#cat_top_L,#cat_top_R,#cat_middle_left{
    	display: none;
    } */

    .mobiletop,.mobile_intro,#cat_middle{
    	display: block;
	}  
    #cat_top{
    	width: 100%;
    }
    .mobile_intro{
    	width: 100%;
    	height: 100vh;
    	background-size: 100%;
    	background-image: url(/images/forweb/mobileintrobg.jpg);
    }
    .mobile_intro_logo{
    	text-align: center;
    }
    .mobile_intro_logo img{
    	margin-top: 45px;
    	width: 100%;
    }
    .mobile_intro_welcometext{
    	position: absolute;
	    bottom: 10px;
	    width: 100%;
	    text-align: center;
	    color: #94d60a;
    }
    .mobile_intro_welcometext_in{
	    width: 70%;
	    margin: 0 auto;
	    background-color: #fff;
	    font-size: 28px;
	    font-weight: bolder;
	    padding: 1%;
    }
    .mobile_intro_welcometext_in p{
    	margin:0; 
    }

    #search_right{
    	padding: 0 3%;
        box-sizing: border-box!important;
    }
    #btn{
    	min-width: inherit!important;
    }
	
	.histoy2002 , .histoy2003 , .histoy2004 , .histoy2005 , .histoy2006 , .histoy2007 , .histoy2008 , .histoy2009 , .histoy2010 , .histoy2011 , .histoy2012 , .histoy2013 , .histoy2014 , .histoy2015, .histoy2016, .histoy2017, .histoy2018, .histoy2019, .histoy2020, .histoy2021, .histoy2022, .histoy2023, .histoy2024{  
		border-radius: 20px;      padding: 8%;    width: 85%;    margin: 0 auto;    margin-top: 30px; display: inline-block;
	}
	.histoy2002 .text , .histoy2003 .text, .histoy2004 .text, .histoy2005 .text, .histoy2006 .text, .histoy2007 .text, .histoy2008 .text, .histoy2009 .text, .histoy2010 .text, .histoy2011 .text, .histoy2012 .text, .histoy2013 .text, .histoy2014 .text, .histoy2015 .text, .histoy2016 .text, .histoy2017 .text, .histoy2018 .text, .histoy2019 .text, .histoy2020 .text, .histoy2022 .text, .histoy2023 .text, .histoy2024 .text{width: 50%;}
	.histoy2002 .photo, .histoy2003 .photo , .histoy2004 .photo, .histoy2005 .photo, .histoy2006 .photo, .histoy2007 .photo, .histoy2008 .photo, .histoy2009 .photo, .histoy2010 .photo, .histoy2011 .photo, .histoy2012 .photo, .histoy2013 .photo, .histoy2014 .photo, .histoy2015 .photo , .histoy2016 .photo, .histoy2017 .photo, .histoy2018 .photo, .histoy2019 .photo, .histoy2020 .photo, .histoy2021 .photo, .histoy2022 .photo, .histoy2024 .photo, .histoy2024 .photo {width: 45%;}
    .form-control{
    	box-sizing: border-box!important;
    }
    .mobiletop{
    	height: 120px;
    	text-align: center;
    }
    .mobiletop img{
    	max-height: 120px;
    }
    .mobilemenu_top{
    	height:130px;
    	text-align: center;
    	background-color: #95d600; 
    }
    .mobilemenu_top img{
    	max-width: 100%;
    	max-height:130px;
    }    
    .mobilemenu ul li{
    	font-size: 23px;
    	padding-left: 22%;
    	height: 45px;
    	box-sizing: border-box!important;
    	border-bottom: 1.5px #ccc solid;
    	background-repeat: no-repeat;
    	background-size: auto 100%;
    }

    .mobilemenu ul li:nth-child(1){
    	background-image: url(/images/forweb/mobile_icon-1.png);
    }
    .mobilemenu ul li:nth-child(2){
    	background-image: url(/images/forweb/mobile_icon-2.png);
    }
    .mobilemenu ul li:nth-child(3){
    	background-image: url(/images/forweb/mobile_icon-3.png);
    }
    .mobilemenu ul li:nth-child(4){
    	background-image: url(/images/forweb/mobile_icon-4.png);
    }
    .mobilemenu ul li:nth-child(5){
    	background-image: url(/images/forweb/mobile_icon-5.png);
    }
    .mobilemenu ul li a{
    	color: #96c83c;
    	vertical-align: sub;
    }
    .flexdropdownmenu{
    	display: none;
    }
    .cat_middle_mid_in{
    	margin: 0;
    	border: none;
    	background-color: #fff;
    }
    .news_title_new{
        padding: 0 30px;    	
    }        
    #news{
    	margin-left:0;
    	width: 100%;
    	padding: 0 2%;
        box-sizing: border-box!important;
			/* border-bottom: 1px #999 solid; */
			margin-bottom: 20px;
    }
    #news_right ul{
    	width: 100% !important;
    }    

    .mobile_footer_bottom{
	    width: 100%;
	    height: 100px;
	    bottom: 0;
	    position: absolute;
	    color: #111;
	    display: inline-block;
	}

	.mobile_footer_bottom p{
	    font-size: 15px;
	    color: #111;
	    padding: 0 5px;
	    margin: 0;
	}

	.mobile_footer_bottom a{
	    color: #111;
	}
	.shareicon{
		    padding: 5px;
		    max-height: 32px;
		    text-align: center;
	}

	.shareicon img{
		    padding: 0 5px;
	}
	#cat_middle_right{
		text-align: center;
	}
	#cat_middle_right #news_smallPhoto{
		width: 100%;
		height: auto;
	}
	.mobile_8fun{
		display: inline-block;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		background-image: url(/images/forweb/bg.jpg);
	}

	.mobile_8fun .new_footer_box{
	    width: 150px;
	    height: 195px;
	    display: inline-block;
	    background-size: 100% auto;
	    float: none;
	    box-sizing: border-box;
	    margin: 4px;
	    border-radius: 15px;
	    box-shadow: 0px 0px 8px #90949c;
	}
	.mobile_8fun .new_footer_box_img{
	    text-align: center;
        display: inline-block;
	}
	.mobile_8fun .new_footer_box_text{
		width: 100%;
	    padding-top: 45px;
        font-size: 24px;
	    font-weight: bold;
	}

	.subban .ti{font-size:28px;}
	.subban2 .ti{font-size:28px;}
	#mobile{
		display: block;
	}
	#main .main_conten{
		width: 100%;
	}
	#cat_middle_mid .cat-main ul li{
		width: 100%;
		margin-bottom: 56px;
	}
	.main_conten .report .title{
		margin-top: 0;
	}
	#cat_middle_mid .cat-main ul li .img{
		right: 50%;
		width: 245px;
		height: 158px;
		transform: translateX(58%);
	}
	.report  .report_content{
		width: 100%;
		height: auto;
		
	}
	.report .report_content>.content ul li.ap{
		margin: 0;
	}
	.report .report_content>.content{
		margin-left: 25px;
		margin-right: 25px;
		margin-top: 0;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.report .report_content>.content ul li .img{
		width: 100%;
	}
	.main_conten .traffic .title{
		margin-top: 50px;
	}
	.traffic .traffic_content{
		height: 628px;
    	background: url(/c/images/footerback_02.png) no-repeat center;
		background-size: cover;
	}
	.main_conten .traffic_content .map{
		float: none;
		padding: 0 25px;
		padding-top: 25px;
		margin: 0;
	}
	.main_conten .traffic_content .map .desktop{
		display: none;
	}
	.main_conten .traffic_content .map .mobile{
		display: block;
		border: none;
	}
	.main_conten .traffic_content .route{
		
		margin: 0 25px;
		margin-top: 50px;
	}
	.main_conten .route .route_content ul li p{
		font-size: 1.6rem;
	}
	.main_conten .report_content .report_content_img{
		display: none;
	}
	#footer{
		width: 100%;
		height: 50px;
		background-color: #fbfcf6;
	}
	#footer .new_footer{
		width: 90%;
	}
	#footer .new_footer_big8{
		display: none;
	}
	#footer .new_footer_bottom p{
		line-height: initial;
		text-align: center;
		padding: 0;
		padding-top: 10px;
		margin: 0;
		/* margin-top: 10px; */
	}
	#cat .swiper-container{
		border-radius: 0;
	}
	#cat .index_banner{
		border-radius: 0;
	}
	#main .index_banner{
		display: block;
	}
	#main #m-banner-box{
		display: none;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	#cat_middle .cat_box{
		margin-left: 10px;
	}
	#cat_middle .cat-main>.left{
		width: 80%;
		float: initial;
		margin: 0 auto;
	}
	#main .mainback{
		height: 1000px;
	}
	.swiper-container-scrollbar{
		display: none;
	}
	.scrollbar_mobile{
		display: block;
	}
	.scrollbar_mobile>.swiper-slide-mobile{
		width: 40%;
		float: left;
		padding: 0 5%;
		margin-bottom: 10px;
	}
	#cat_middle_mid{
		margin-top: 36px;
	}
	#cat_middle_mid .cat-main>.right{
		width: 100%;
		float: initial;
	}
	#cat_middle_mid .businessimg h4{
		font-size: 1.4rem;
		
	}
	#cat_middle_mid .cat-main>.mord{
		float: initial;
		margin: 0 auto;
	}
	.index_banner .news{
		background: url(/c/images/mobileindex_04.png) no-repeat top center;
		background-size: contain;
		background-color: #fbfcf6;
	}
	.news .main_conten{
		width: 100%;
	}
	.LatestNews .left{
		width: 100%;
		float: none;
	}
	.LatestNews .right{
		width: 100%;
		float: none;
	}
	.LatestNews .right .vedio img{
		width: 100%;
	}
	.LatestNews .LatestNews_w{
		width: 90%;
	}
	.LatestNews .left .title h4{
		color: #f5b52e;
		padding-left: 10px;
	}
	.news .news_box{
		margin-left: 10px;
	}
	.news_scrollbar{
		width: 100%;
	}
	.LatestNews .left>.cent{
		padding-top: 10px;
	}
	.enterprise{
		height: auto;
		padding-bottom: 45px;
	}
	.enterprise_w{
		width: 100%;
	}
	.enterprise .left, .enterprise .right{
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.enterprise .left>ul>li{
		width: 44%;
		margin: 0 3%;
		margin-bottom: 16px;
	}
	.enterprise .right img{
		width: 100%;
	}
	.enterprise_box{
		margin-left: 10px;
	}
	.featured_width{
		display: none;
	}
	.footer_nav-inner-nav{
		display: block;
	}
	.news_scrollbar{
		display: none;
	}
	.news_scrollbar_mobile{
		display: block;
		width: 100%;
		overflow-x: hidden;
		margin-top: 20px;
    	margin-bottom: 40px;
	}
	.swiper-container-news_scrollbar_mobile .swiper-slide{
		/* width: 100% !important; */
		width: auto;
	}
	.character > .left{
		width: 100%;
	}
	.main_w{
		width: 100%;
	}
	
	.character > .left > .content{
		padding: initial;
		padding-top: 10px;
    	padding-bottom: 10px;
	}
	.main_w .character > .right{
		float: initial;
		position: absolute;
		text-align: center;
		top: 20px;
		right: 0;
		width: 44%;
	}
	.left_cteon{
		padding-top: 200px;
	}
	.left_cteon>.name{
		margin-top: -80px;
		margin-right: 47%;
	}
	.character > .right >.characterimg{
		margin-top: initial;
		margin-right: 0;
		width: 100%;
    	float: right;
	}
	#search_right .character {
		position: relative;
		padding: 0;
	}
	#search_right .character>table{
		width: 100% !important;
	}
	#search_right .character>p{
		padding: 0;
	}
	.left_cteon>.title{
		/* margin-bottom: 20px; */
		width: auto;
		padding: 0 10px;
		position: absolute;
		top: 20px;
		font-size: 20px;
	}
	
	.character2>.left>.left_cteon .name{
		margin-top: -65px;
    margin-left: 0;
    margin-bottom: 10px;
    float: right;
    margin-left: 52%;
    margin-right: 0;
	}
	.character2>.left>.left_cteon .title{
		margin-bottom: 0;
		width: auto;
		padding: 0 10px;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 20px;
	}
	.convenient>.left>.left_cteon{
		padding-top: 0;
	}
	.convenient > .left{
		width: 100%;
		margin-top: 14px;
		padding: 0;
	}
	.convenientimg{
		margin-left: 0;
	}
	.convenientimg img{
		width: 100%;
		float: none;
	}
	.address{
		width: 100%;
		height: 100%;
		margin-top: -75px;
		padding-top: 20px;
	}
	.address>.left, .address>.right{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.address>.right:after{
		display: none;
	}
	.address>.left>.address_box{
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
		padding-left: 0;
	}
	.mobilePhoto{display: block;
	}
	#search_right .character2>.left>.content p{
		margin-bottom: 10px;
		padding: 0 10px;
	}
	.address_box>.col-md-12>.col-md-2{
		width: 46px !important; 
		float: left;
	}
	.address_box>.col-md-12:last-of-type>.col-md-2{
		width: 82px !important;
	}
	.address_box>.col-md-12>.col-md-10{
		width: 70%; 
		float: left;
	}
	.address_box>.col-md-12>.col-md-6{
		width: 50%;
		float: left;
	}
	.address_box>.col-md-12{
		width: 100%;
		float: left;
	}
	#search_right .address_box p{
		padding: 0;
	}
	.enterprise .left>ul>li a{
		font-size: 1.5rem;
	}
	.swiper-slide:hover .boximg img{
		transform: initial;
	}
	.news_content a{
		font-size: 1.6rem;
	}
	.address>.left>.left_img{
		margin: 0 auto;
		margin-top: 75px;
	}
	.page_right{
		margin-top: 6px;
		float: initial;
	}
	.page_right>img{
		width: 100%;
	}
	#page #main::before{
		height: 280px;
	}
	#search_right .character > .left > .content p{
		padding: 0 10px;
	}
	.convenient_left>div>p>img{
		width: 100% !important;
		height: auto !important;
	}
	.character > .left>p>span{
		font-size: 16px !important;
	}
	
	.aboutLeft{ width:100%; float: left}
.aboutright{ width:100%; float: left}
	.aboutright	 img {width: 100%}
	
	.aboutContent .right {
    float: left;
    width: 90%;
}
	
		.aboutContent .left {
    float: left;
    width: 6%;
}
	
	
	.page_box{
		padding: 40px 28px;
	}
	.convenient > .left > .content> ul li.Li204 {
    width: 100%;
    text-align: center;
		margin-bottom: 20px;
}
	.convenient > .left > .content> ul li{
		width: 50%;
		padding-bottom: 14px;
	}
	.convenient > .left > .content> ul{
		padding-left: 20px;
		padding-right: 20px;
	}
	.character > .right >.characterimg img{
		width: 100%;
	}
	#search_right .left_cteon>.name p{
		line-height: 24px;
		font-size: 14px;
	}
	.character2>.left>.characterimg{
		width: 48%;
		float: left;
	}
	.left_cteon .name p{font-size: 16px !important;}
	.character2>.left>.characterimg img{
		width: 100%;
	}
	.character2>.left>.left_cteon{
		padding-top: 0;
	}
	.character2>.left>.content{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.character-ap{
		margin-top: 6px;
	}
	#search_right .character > .left > .content p{
		margin-bottom: 10px;
	}
	.character2 {
		padding-bottom: 0;
	}
	#search_right .main_w p img{
		width: 100% !important;
		height: auto !important;
	}
	#search_right>.main_w .left>p>img{
		width: 20px !important;
	}
	.ap1 img {
    width: 100%;
		margin-top: 20px;
    
}
	#search_right>.O0{
		width: 100%;
	}
	.enterprise .left>ul>li a span{
		font-size: 1.5rem;
	}
	#page #main{
		background: url(/c/images/mobile-back_02.png) top center;
		background-size: 100% auto;
		background-position: 100% 92%;
	}
	.backgroundwhtder .col-md-6 .pageline{
		width: 94%;
    	margin-left: 0;
	}
	.Cmsnews{
		width: 100%;
		margin-bottom: 20px;
	}
	.Cmsnews>.newsPhoto{
		    width: 94%;
		    margin-right: 0;
		    height: auto;
		    float: none;
		    margin: 0 auto;
	}
	.newsContent {
    width: 96%;
        padding: 0 2%;
   
}
	.FamilyPhoto{
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	.Familytext{
		width: 100%;
	}
	.FamiltImg{
		 width: 95%; 
	    margin: 0 auto;
	    margin-bottom: 20px;
	    float: none;
	    height: auto;
	}
	.convenient_logo{
		/* width: 100%; */
		float: none;
		margin: 0 auto;
		margin-top: 20px;
	}
	
	.address>.left>.left_img{
		height: 130px;
		width: 320px;
		padding-top: 75px;
	}

	.page_box>h4{
		font-size: 24px;
	}
	.annual .col-md-6{
		width: 44%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
    padding: 0;
		height: auto;
		margin-bottom: 20px;
    float: left;    /* height: 420px; */
	}
	.annual .col-md-6 img{ width: 100%}
	.scroll{
		width: 100%;
		overflow-x: scroll;
	}
	.scroll p a{
		word-break: break-all;
	}
	.cat_page_img p{
		width: 100%;
	}
	.left_cat_page{
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.annual .p {
    height: 240px;
}
	.cms184W {
    width: 100%;
    float: left;
    line-height: 25px;
    margin-right:auto;margin-bottom: 20px;
		
		
		
}
	.cms184  {     width: 85%;
    margin: 0 auto;
    border-bottom: 1px dashed #a09f9f;
    padding: 0;
    margin-bottom: 30px;
    margin-top: 20px;padding-bottom: 20px;}
.cms184P {
    width: 100%;
   
    margin-right:auto; 
	margin-bottom: 10px;
}
		.cms184W1 {
    width: 100%;
    float: left;
    line-height: 25px;
    margin-right:auto;margin-bottom: 20px

}
.cms184P1 {
    width: 100%;
   
    margin-right:auto; 
	margin-bottom: 10px;
}


.cms184:last-child{ border-bottom: 0px; padding-bottom: 0px;}
.cms183P img {
	margin-bottom: 20px;
   
}
.address>.left>.left_img1 {
    margin: 0 auto;
    margin-top: 174px;
}
.address>.left>.left_img2 {
    margin: 0 auto;
    margin-top: 150px;
    height: 200px;
		
}

.cms214L{ float:left; width:100%}


.cms214R{ float:left; width:100%}

.cms214R img.p2 {
	width:60%;
	float: left;
    margin-top: 20px;
}
.cms214R1{line-height: 22px; margin-bottom: 20px;}
.cms214R2{line-height: 30px; width: 90%;
    margin: 0 auto;margin-bottom: 20px;}
.cms214R2 ul{padding: 0; margin: 0;margin-left: 25px;}
.cms214R2 ul li{ list-style-type: disc; float: left}
	
	
	.cms214R1 img.p1 {
	width:35%;
	margin-top: 10px;
	margin-bottom: 10px;
		margin-left: 25px;
	
}
.page_box::after{
	width: 40px;
}
.cms187 .title{
	width: 900px;
}
.second_ul li a:hover{
	color: #636363;
}	
.footer_nav-inner-nav ul li .nav-a{
	padding-left: 30px;
}
.FamiltImg211{
	width: 98%;
	height: auto;
}
.swiper-slide .boximg img{
	height: auto;
}
.chrg-grid {
	width: 96%;
	margin: 0 auto;
	margin-left: 4%;
}
.character .chrg-item:nth-child(2n){
	right: 0;
}
#search_right .page_tab{
	top: 14.5em;
	width: 100%;
}
#search_right .page_tab a{
	width: 50%;
	margin-right: 0;
	display: block;
}
#page-scroll1 ul li{
	margin-right: 0;
	margin-bottom: 1rem;
}
#page-scroll1 ul li img{
	width: 100%;
}	
}
@media only screen and (max-width : 414px) {
	.cms191s img {
		height: 248px;
	}
}

@media only screen and (max-width : 375px) {
	.swiper-slide .boximg img {
		height: 220px;
	}

	.cms191s img {
		height: 225px;
	}
}


@media only screen and (max-width : 320px) {
	/* .mobilemenu_top {
	    height: 110px;
	}
	.mobilemenu ul li{
		font-size: 20px;
		height: 35px;
	} */
	.news .news_box{
		width: 290px;
	}
	
	
	
	
}


@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	.newsContent > .date{
		width: 100px;
	}
}