@charset "UTF-8";

@import url("css_e.css");

/* 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;
	font-size: 16px;
}
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;
}

#page #main {
    width: 100%;
    height: auto;
    background: url(/c/images/back_02.png) top center;
    background-size: 100% auto;
    /* background-position: 100% 0%; */
    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 18px; */
	padding-top: 65px;
}
.nav>ul>li img{
	/* margin-bottom: 18px; */
}
.nav>ul>li a{
	color: #1c1c1c;
	font-size: 16px;
}
.nav>ul>li a:hover{
	text-decoration: none;
}
.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;
}
#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; */
}
.title.cms171 {
    margin-top: 45px;
	width: auto;
}
.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 5px #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;
}
.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;
	
	
}
#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;TEXT-ALIGN: justify;
}
.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;
}
#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: left;
	
	
}
.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;

}

#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);
}
	
#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;
}
#search_right p{
	/* background-color: #ffffff; */
	/* padding: 0 10px; */
	margin-bottom: 0;
	font-size: 16px;
}
#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;
}

.ppt_btn_R:hover, .ppt_btn_R:focus, .ppt_btn_R:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.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;
}

.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: 18px;
    color: #0e8ea0;
	/* line-height: 60px; */
	padding-top: 15px;
	padding-bottom: 15px;
}
.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 a{
height:45px;
line-height:45px;
width:100%;
padding:0;
display:inline-block;
color: #ffffff;
font-size: 17px;

}
/* .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:nth-child(4) .sub-nav li:hover>ul{
	display: none !important;
}
.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;
}
.screen_color3 a::before{
	content: "";
	width: 4px;
	height: 26px;
	background-color: #fba595;
	position: absolute;
	left: 0;
	top: -4px;
}
.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: 22px;
	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;
}
.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: 25px;
	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: 1.8rem;
    padding-left: 8%;
    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: 400px;
    height: 80px;
    /*background: url(/c/images/mentindex18.png) no-repeat center top;*/
    margin-bottom: 36px;
    /*background-size: 100% 100%;*/
    background-color: #f5b52e;
    border-radius: 0 50px;
}
.enterprise_box>h4{
	line-height: 80px;
	color: #990081;
	padding-left: 22px;
	margin: 0 ;
}
.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;
}
.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;
}
.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;
}
.enterprise .left>ul>li a:hover{
	text-decoration: none;
}

.enterprise .right{
	float: right;
	position: relative;
}
.enterprise .right>h4{
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 22px;
	background-color: #990081;
    padding: 10px;
    margin-bottom: 0;
}
#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; 
    padding-top: 22px;*/
    height: 50px;
}
.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: 5%;
	text-decoration: underline;
}
.mobile-silde-down li>ul li{
	padding-left: 10%;
}
.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: 36px;
}
.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: 10px;
	}
	.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;
	}
	.page_right{
		float: right;
		position: relative;
		/* margin-top: 20px; */
	}
	.character > .left{
		float: left;
		width: 960px;
		padding: 0;
	}
	.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: 25px;
		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: 20px;
		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;
		/* font-family: "黑体"; */
	}
#search_right .character > .left > .content.cms171en p, #search_right .character2>.left>.content.cms171en p {text-indent: 0em;	}



	.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: 22px;
		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: "黑体"; */
	}
	#search_right .character2>.left>.content p.ap{
		/* font-family: "黑体"; */
	}
	.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: -76px; */
			width: 860px;
			margin-bottom: -49px;
			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: 20px;
		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: 20px;
		margin-bottom: 15px;
		padding: 0 20px;
		display: inline-block;
		position: initial;
	}
	.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;
		padding-bottom: 38px;
		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;
	}
	#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;
		display: table;
	}
	.convenient > .left > .content> ul li{
		float: left;
		width: 25%;
		padding-bottom: 24px;
		color: #000;
		font-size: 16px;
		
	}

ul.cms212 li{
    list-style-type: none;
}


	}
 ul.cms212 li{
		list-style-type:none;
	}

ul.cms212 .left{
	
	    float: left;
    width: 20px;
    margin-right: 10px;
    padding: 0 !important;
}
ul.cms212 .left img
{    width: 100%;}
 ul.cms212 .right{
	
	    float: left;    width: 150px;
  
}
    
#page-scroll1 li{    float: left;
    margin-right: 20px;}

	.convenientimg{
		position: relative;
		z-index: 10;
		/* margin-left: 40px; */
		/*top: -49px;*/
	}
	.convenientimg img{
		float: left;
	}

	.address{
		width: 920px;
		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: 75px;
	}
	.address>.left>.left_img{
		width: 300px;
		height: 205px;
		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: 22px !important;
		color: #ffffff;
	}
	.address>.left:after{
		content: "";
		border-left: 1px dashed #b5b5b5;
		width: 1px;
		position: absolute;
		right: 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;
	}
	.address_box>.title{
		width: 180px;
		height: 34px;
		text-align: center;
		line-height: 35px;
		background-color: #f5b52e;
		color: #ffffff;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.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;
	}
	.address_box .col-md-12{
		padding-top: 6px;
		padding-left: 10px;
    padding-right: 10px;
	}
.pu{   color: #990081 !important;}
	.address_ap .address_box>.col-md-12>.col-md-22{
		padding: 0;
		width: 18%;
	}
	.address_box>.col-md-12>.col-md-2{
		width: 40%;
		padding: 0;
	}
	.address_box>.col-md-12>.col-md-6{
		padding: 0;
	}
	.address_box>.col-md-12>.col-md-10{
		padding: 0;
		width: 60%;
	}
	.address>.right>.address_box{
		border-bottom: 1px dashed #b5b5b5;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	.enterprise .right img{
		width: 100%;
		position: relative;
	}
	.vedio>img{
		width: 100%;
	}
	.character{
		margin-top: 20px;
		background-color: #fff;
    	padding: 20px;
	}
	.character-ap{
		background-color: initial;
		padding: 0;
		position: relative;
		margin-top: 0;
	}
	.character-ap > .right{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99;
	}
	.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;
	}
	#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: #000000;
	}
	.backgroundwhtder .col-md-6 p{
		padding-top: 10px !important;
		padding-bottom: 0 !important;
		font-size: 18px;
		line-height: 24px;
		color: #000;
	}
	.backgroundwhtder .col-md-6 .O0{
		font-size: 16px;
		line-height: 24px;
		color: #000;
		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;
	}
	.Cmsnews>.newsPhoto{
		width: 33%;
		float: left;
		margin-right: 4%;
		border: 1px solid #e7e7e7;
		padding: 5px;
		height: 128px;
	}
	.newsPhoto img{
		width: 100%;
		height: 100%;
	}
	/*.newsContent{
		width: 58%;
		float: left;
		margin-top: 20px;
	}*/
	.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;
	}
	.FamiltImg{
		width: 23%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom:15px;
		/* height: 175px; */
    	/* overflow: hidden; */
	}
	.FamiltImg img{
		/*width: 100%;*/
	}
.FamiltImg211{
		width: 31%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;    
		margin-bottom: 15px;    
		display: table;
		height: 240px;
    	overflow: hidden;
	}
	.FamiltImg211 img{
		width: 100%;
	}
.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;}
.cms184W .bo, .cms184W1 .bo{font-weight: bold; color: #990081; }
.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{
		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%;
	}
	.menu ul li .menu-a{
		padding: 0 8px;
	}
	#page #main{
		background-size: contain;
		background-position: 100% 6%;
	}
	.nav>.logo{
		width: 350px;
	}
	.nav>.logo img{
		width: 100%;
	}
}	
@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 18px;
		padding-top: 38px;
	}
	.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%;
	}
	.menu ul li .menu-a{
		padding: 0 16px;
	}
	
}
@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;
    }
    #cat img{
		/* max-width: 100%;
		height: 240px; */
    }

    .desktopmenu {
       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;
    }
    .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.3rem;
		padding-left: 5px;
		
	}
	#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: 0;
	    width: 94%;
	    margin: 0 auto;
	    margin-bottom: 36px;
	}
	.enterprise_box>h4{
		font-size: 2rem;
	}
	.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: -123px;
		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: -70px;
		margin-left: 0;
		margin-bottom: 10px;
		float: right;
		margin-left: 47%;
		margin-right: 0;
	}
	.character2>.left>.left_cteon .title{
		margin-bottom: 0;
		width: auto;
		padding: 0 6px;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 16px;
	}
	.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;
	}
	#search_right .character2>.left>.content p{
		margin-bottom: 10px;
		padding: 0 10px;
	}
	.address_box>.col-md-12>.col-md-2{
		width: 24%; 
		float: left;
	}
	.address_box>.col-md-12>.col-md-10{
		width: 76%; 
		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: 270px;
	}
	#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;
	}
	.page_box{
		padding: 40px 28px;
	}
	.convenient > .left > .content> ul li{
		width: 100%;
		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: 1.3rem;
	}
	.character2>.left>.characterimg{
		width: 44%;
		float: left;
	}
	.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>.O0{
		width: 100%;
	}
	#search_right>.O0 table tr td img{
		width: 100% !important;
	}
	.enterprise .left>ul>li a span{
		font-size: 1.5rem;
	}
	.address_ap .address_box>.col-md-12>.col-md-22{
		width: 24%;
	}
	#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: 97%;
		margin-right: 0;
		height: auto;
	}
	.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{
		
	}
	.swiper-slide .boximg img{
		height: 270px;
	}
	.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: 100%;
	}
}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	.newsContent > .date{
		width: 100px;
	}
}