@charset "utf-8";
/* CSS Document */
body {
	font-family: '微軟正黑體', "Open Sans", sans-serif;
	font-size: 16px;
	color: #333;
}
input, select, textarea {
	font-family: "微軟正黑體", "Open Sans", sans-serif;
	font-size: 1em;
}
.wrap {
	width: 96%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
.allwrap{
	max-width: 1600px;
}
img, a {
	border: 0;
}
ul, li {
	list-style: none;
}
* {
	margin: 0;
	padding: 0;
}
.flt {
	float: left;
}
.frt {
	float: right;
}
.clear {
	clear: both;
}
.clear:after, .clear:before {
	content: '';
	clear: both;
	display: table;
}
img {
	max-width: 100%;
}
.img {
	overflow: hidden;
	position: relative;
}
.img:hover img {
	transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
}
h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
	font-size: 18px;
	color: #000;
	line-height: 1.2em;
}
p {
	line-height: 32px;
	color: #666;
}
*, *:after, *:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.modal, .fp_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000
}
.fp_modal {
	display: table;
}
.modal {
	transition: all 0s;
	-o-transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	background: rgba(0,0,0,0.7);
}
.fp_modal .cell {
	display: table-cell;
	vertical-align: middle;
}
.modal_cont {
	max-width: 990px;
	margin: 0 auto;
	width: 90%;
	background: #fff;
	position: relative;
}
.modal_cont .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	background: url(../images/close.png) no-repeat center center #ccc;
	border-radius: 100%;
	cursor: pointer;
}
.modal_cont .box {
	padding: 45px;
}
/*----------header----------*/
.header {
	border-bottom: 1px solid rgba(255,255,255,.2);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: rgba(0,0,0,0.8);
}
.header.fixed .logo {
	padding: 15px 0;
}
.header.fixed .menu ul li a {
	line-height: 60px;
}
.header.fixed .menu ul li li a {
	line-height: 35px;
}
.header.fixed {
	background: rgba(0,0,0,0.8)
}
.head {
	line-height: 42px;
	border-bottom: 1px solid #eee
}
.logo {
	padding: 35px 0;
	line-height: 28px;
	font-size: 16px;
}
.logo span {
	display: inline-block;
	position: relative;
	color: #cca384;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #675e58;
	font-size: 24px;
	letter-spacing: 0.5px;
	/* background: url(../images/icon1.png) no-repeat 20px center; */
}
.logo img {
	vertical-align: middle; height:60px;
}
.menu ul li {
	position: relative;
	float: left;
	margin: 16px 30px;
	font-size: 18px;
}
.fixed .menu ul li {
	position: relative;
	float: left;
	margin: 10px 30px;
	font-size: 18px;
}
.menu ul li .drop {
	transition: all 0s;
	-o-transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 142px;
	left: 50%;
	margin-left: -71px;
	padding-top: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.menu ul li .drop ul {
	background: #fff;
	margin: 0 auto;
	padding: 10px 0;
}
.menu ul li .drop ul li a {
	line-height: 42px;
	color: #000
}
.menu ul li .drop ul li a:after {
	display: none;
}
.menu ul li .drop ul li {
	float: none;
	margin: 0 auto;
	text-align: center;
}
.menu ul li .drop ul li.on a, .menu ul li .drop ul a:hover {
	color: #cea76e
}
.menu ul li a {
	line-height: 80px;
	display: block;
	color: #fff;
	position: relative;
}
.menu ul li a:after {
	content: '';
	display: block;
	position: absolute;
	width: 0%;
	margin: 0 auto;
	left: 0;
	right: 0;
	height: 3px;
	bottom: -1px;
	background: #cca384
}
.menu ul li.on a:after, .menu ul li a:hover:after {
	width: 100%;
}
.menu ul li a:hover, .menu ul li.on a {
	color: #cea76e
}
.menu ul {
	margin: 0 -40px;
}
.banner .item {
	position: relative;
	font-family: Arial;
}
.banner .item .text {
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 24px;
}
.banner .text h2 {
	font-size: 2em;
	margin-bottom: 1em;
}
.banner .owl-item img{
	width: 100%;
}
.owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 4px;
	border-radius: 0;
	margin: 0 5px;
	opacity: .5;
	background: #cea76e;
}
.owl-theme .owl-dots {
	margin-bottom: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #cea76e;
	opacity: 1;
	width: 28px;
}
ul:after {
	content: '';
	display: block;
	clear: both;
}
.banner .img1 {
	overflow: hidden;
}
.team_list ul li {
	width: 25%;
	float: left;
}
.team_list {
	margin-bottom: 20px;
}
.team_list a {
	border-bottom: 1px solid #212121;
	overflow: hidden;
	display: block;
	margin: 20px;
	position: relative;
	padding-bottom: 98px;
}
.team_list .text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 0;
	text-align: center;
	border: 1px solid #212121;
	border-bottom: 0;
}
.team_list p {
	color: #999
}
.team_list h3 {
	font-size: 22px;
}
.team_list .text2 {
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	background: #fff;
	text-align: center;
	border: 1px solid #cea76e;
	border-top: 0;
	padding: 30px 0;
	border-bottom: 0;
}
.team_list .text2 label {
	display: block;
	margin: 10px auto;
	margin-bottom: 15px;
	width: 35px;
	height: 3px;
	background: #cea76e
}
.team_list .text2 h3 {
	color: #cea76e
}
.team_list .text2 p {
	width: 90%;
	margin: 0 auto;
	line-height: 26px;
	color: #666
}
.team_list ul {
	margin: 0 -20px;
}
.team_list a:hover {
	border-bottom-color: #cea76e
}
.team_list a:hover .text2 {
	bottom: 0
}
.team_list img {
	display: block;
}
.team_list .img {
	position: relative;
}
.team_list .img span {
	display: block;
	position: absolute;
	top: 30px;
	left: 20px;
	width: 14px;
	height: 89px;
	/*background: url(../images/logo2.png) no-repeat center center;*/
}
.center {
	text-align: center;
}
.news_list ul li {
	margin-top: 24px;
}
.news_list ul li:first-child {
	margin-top: 0
}
.news_list ul li .img {
	height: 210px;
	overflow: hidden;
	float: left;
	width: 280px;
}
.news_list ul li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news_list ul li:after {
	content: '';
	display: block;
}
.news_list ul li .text {
	overflow: hidden;
	border: 10px solid #f4f4f4;
	border-left: 0;
	height: 130px;
	padding: 30px;
}
.news_list ul li .text .time {
	color: #cea76e
}
.news_list ul li .text h3 {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 30px;
	margin-top: 5px;
}
.news_list ul li .text p {
	color: #666;
	height: 64px;
	overflow: hidden;
}
.news_list ul li a:hover .text h3, .news_list ul li a:hover .text p {
	color: #cea76e
}
/*----------mainer----------*/
.page {
	overflow: hidden;
	position: relative;
	padding: 82px 0;
}
.home_about{
	background-image: url(../images/bg_gray.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: -4px;
	padding: 82px 2px;
}
.aboutBox{
	background-image: url(../images/bg_gray2.webp);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
}
.page .bg_fff {
	position: absolute;
	left: 0;
	right: 0;
	height: 25%;
	background: #fff;
	bottom: 0
}
.page .bg_000 {
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	background: #000;
	bottom: 0;
	opacity: .4
}
.page.on {
	background: #f6f6f6
}
.page_tit {
	text-align: center;
	margin-bottom: 40px;
}
.page_tit h3 {
	font-size: 32px;
	font-weight: normal;
}
.page_tit label {
	display: block;
	margin: 15px auto;
	width: 44px;
	height: 3px;
	background: #007eff
}
.page_tit p {
	margin-top: 20px;
	font-size: 14px;
}
.about_img {
	float: right;
	margin-left: 85px;
}
.about_txt {
	/* overflow: hidden; */
	position: relative;
}
.home_about .about_txt:after {
    content: "";
    height: calc(100% - 25px);
    width: 2px;
    background-color: #cea76e;
    position: absolute;
    left: -2%;
    top: 0;
}
.home_about .about_txt:before {
    content: "";
    height: 2px;
    width: 30px;
    background-color: #cea76e;
    position: absolute;
    left: -2%;
    bottom: 25px;
	-webkit-transition: width 0.5s 1.8s ease-in-out;
    transition: width 0.5s 1.8s ease-in-out;
}
.home_about .about_txt .line{
	position: absolute;
	top: 0;
	left: -2%;
	width: 42%;
}
.home_about .about_txt .line:before {
    content: "";
    height: 30px;
    width: 2px;
    background-color: #cea76e;
    position: absolute;
    right: 0px;
    top: 0;
}
.home_about .about_txt .line:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #cea76e;
    position: absolute;
    left: 0;
    top: 0;
}
.about_txt h3 {
	font-size: 32px;
	margin-bottom: 20px;
	line-height: 45px;
	padding-top: 20px;
}
.about_txt .text p{
	margin-bottom: 20px;
}
.about_txt .text p strong{
	color: #5d3e0f;
	font-size: 1.3em;
	background-color: rgba(206, 167, 110, 0.3);
	padding: 3px;
	margin: 0 5px;
	position: relative;
	display: inline-block;
}
.about_txt .text p strong::before{
	content: "";
	position: absolute;
	display: block;
	background-color: #cea76e;
	width: 30px;
	height: 1px;
	top: 1px;
	left: 0;
}
.about_txt .text p strong::after{
	content: "";
	position: absolute;
	display: block;
	background-color: #cea76e;
	width: 15px;
	height: 1px;
	bottom: 1px;
	right: 0;
}
/*about*/
.index_about {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.in_about {
    margin-top: 60px;
    height: auto;
    overflow: hidden;
}
.in_about_l {
    width: 48%;
}
.in_about_l h2 {
    position: relative;
    padding-top: 30px;
    padding-left: 30px;
    margin-bottom: 60px;
    color: #000;
}
.in_about_l h2 strong {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #f3f3f3;
    font-family: 'Times New Roman', Times, serif;
    font-size: 73px;
    font-weight: normal;
    line-height: 60px;
}
.in_about_l h2 a {
    position: relative;
    font-size: 30px;
    font-weight: bold;
}
.in_about_l p {
    margin-top: 20px;
    text-align: justify;
    font-size: 14px;
    line-height: 1.8em;
}
.in_about_l span {
    margin-top: 50px;
    display: block;
}
.in_about_l span a {
    width: 140px;
    border: 1px solid #ebd05a;
    color: #ebd05a;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 40px;
    display: block;
}
.in_about_l span a:hover {
    background-color: #ebd05a;
    color: #fff;
}
.in_about_r {
    width: 48%;
}
.in_about_r img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.companyBox .gridBox{
    align-items: stretch;
    flex-wrap: wrap;
}
.companyBox .gridBox [class*=grid] {
    width: 50%;
    box-sizing: border-box;
    align-items: center;
}
.companyBox .gridBox img{
    max-width: 100%;
}
.companyBox .gridBox .grid1 {
    background-color: #21241E;
    background-image: url(../images/about_img.webp);
    background-position: bottom -25% center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 75px 50px;
}
.companyBox .gridBox .grid1 .Img {
    margin-top: 40px;
    max-width: 82%;
}
.companyBox .gridBox .grid1 .Img .Img_txt{
    background-color: rgba(255, 255, 255, 0.2);
    color: #ddd;
    font-size: 16px;
    padding: 5px 20px;
}
.companyBox .gridBox .grid1 .Txt {
    margin-top: 30px;
}
.companyBox .gridBox .boxTitle {
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 22px;
	letter-spacing: 2px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.companyBox .gridBox .boxTitle .qmark {
    position: relative;
    padding: 0 25px;
    display: inline-block;
}
.companyBox .gridBox .boxTitle .qmark:before {
    content: "「";
    position: absolute;
    top: -10px;
    left: -25px;
    font-size: 40px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}
.companyBox .gridBox .boxTitle .qmark:after {
    content: "」";
    position: absolute;
    bottom: -10px;
    right: -25px;
    font-size: 40px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}
.companyBox .gridBox .grid1 .text {
    font-size: 18px;
    font-weight: 400;
    color: #b3b3b3;
    line-height: 1.8;
}
.companyBox .gridBox .grid1 .text p{
	font-size: 18px;
    font-weight: 400;
    color: #b3b3b3;
    line-height: 1.8;
}
.companyBox .gridBox .imgBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}
.companyBox .gridBox .grid2 {
    background-color: #7B6B5F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.companyBox .gridBox .grid2 .Txt {
    padding: 50px 60px;
    position: relative;
}
.companyBox .gridBox .grid2 .Txt :before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 18px);
    height: calc(100% - 20px);
    pointer-events: none;
    border: 1px solid rgba(215, 209, 201, 0.5);
}
.companyBox .gridBox .grid2 .Txt :after {
    content: "";
    position: absolute;
    top: -55px;
    left: 36px;
    width: 1px;
    height: 110px;
    background-color: #ab9e8c;
}
.companyBox .gridBox .grid2 .text {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.8;
}

.companyBox .gridBox .grid2 .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.companyBox .gridBox .grid3 {
    background-color: #d3d3d3;
}
.companyBox .gridBox .grid4 {
    background-position: right bottom;
    background-size: auto 100%;
    position: relative;
    background-color: #a29480;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.companyBox .gridBox .boxTitle {
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#tab-demo > ul {
    display: flex;
	flex-wrap: wrap;
    margin: 0;
    list-style: none;
	width: 100%;
}
#tab-demo > ul > li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: #dedede;
    padding: 10px 20px;
    list-style: none;
    margin: 6px;
	width: calc((100% / 6) - 12px);
	text-align: center;
	opacity: 0.6;
	position: relative;
}
#tab-demo > ul > li:hover{
	opacity: 1;
}
#tab-demo > ul > li.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    position: relative;
	opacity: 1;
}
#tab-demo > ul > li.active::before {
    content: '';
    width: 80%;
    height: 3px;
    background-color: #7B6B5F;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
}
#tab-demo > ul > li.active::after {
    content: '';
    width: 80%;
    height: 3px;
    background-color: #7B6B5F;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
}
#tab-demo > ul > li:after, #tab-demo > ul > li:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
}
#tab-demo > ul > li:before {
    border-top: 1px solid #7B6B5F;
    border-left: 1px solid #7B6B5F;
    top: 12px;
    left: 12px;
}
#tab-demo > ul > li:after {
    border-right: 1px solid #7B6B5F;
    border-bottom: 1px solid #7B6B5F;
    bottom: 12px;
    right: 12px;
}
#tab-demo > ul > li.active:before, #tab-demo > ul > li:hover:before {
    -webkit-animation: brackets_top_left 0.6s ease-in-out forwards;
    animation: brackets_top_left 0.6s ease-in-out forwards;
}
#tab-demo > ul > li a {
    color: #333;
    text-decoration: none;
    font-size: 18px;
}
#tab-demo > ul > li a > img{
	width: 100%;
	max-width: 80px;
	margin: 10px 0;
}
#tab-demo > ul > li a div{
	display: block;
}
#tab-demo > .tab-inner {
    clear: both;
    color: #333;
    background-color: #fff;
    padding: 4% 2%;
}
.tab_list > h2 {
    position: relative;
    color: #4f453d;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding-left: 1em;
    line-height: 1.8 !important;
}
.tab_list > h2::before {
    content: "";
    display: inline-block;
    background: #7B6B5F;
    position: absolute;
    top: 0.63em;
    left: 0.2em;
    width: 0.5em;
    height: 0.5em;
    transform: rotate(45deg);
    opacity: .6;
}
.tab_list > p {
    margin-bottom: 10px;
	color: #333
}
.tab_list > div > span {
    font-size: 18px;
	line-height: 1.5;
    background-color: #7B6B5F;
    color: #fff;
    padding: 13px 20px;
    display: inline-block;
    margin: 10px 0;
}
.tab_list > div > ul {
    width: 100%;
	margin: 0 10px;
}
.tab_list > div > ul > li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
	color: #7B6B5F;
}
.tab_list > div > ul.list-point > li{
	list-style-type: none;
	margin: 13px 0;
}
.tab_list > div > ul.list-point > li p{
	padding-left: 34px;
}
.tab_list > div > ul.list-point > li p > span{
	font-size: 20px;
	margin-left: -34px;
	color: #333;
}
.tab_list > div > ul.list-point > li p img{
	vertical-align: middle;
	width: 24px;
	margin-right: 6px;
	position: relative;
    top: -3px;
}
.tab_list > div > ul > li p{
	color: #5b4d43;
	font-weight: bold;
}
.tab_box {
    width: 100%;
	margin: 50px 0;
}
.box_title h2 {
    position: relative;
    padding-top: 30px;
    margin-bottom: 60px;
    color: #000;
    text-align: center;
}
.box_title h2 strong {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    color: #f3f3f3;
    font-family: 'Times New Roman', Times, serif;
    font-size: 73px;
    font-weight: normal;
    line-height: 60px;
}
.box_title h2 span {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 2px solid #cea76e;
    padding-bottom: 20px;
    color: #434343;
}
@media screen and (max-width: 1199px) {
    .in_about_l {
        width: 42%;
        margin-top: 0;
    }
    .in_about_r {
        width: 55%;
    }
}
@media screen and (max-width: 768px) {
	.contactpage{
		min-height: auto!important;
	}
    .in_about_l {
        width: 100%;
        float: none;
        margin-top: 0;
    }
    .in_about_r {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .in_about_l h2 {
        padding-left: 0px;
        padding-top: 30px;
        text-align: center;
        color: #000;
    }
    .in_about_l h2 strong {
        width: 100%;
    }
    .in_about_l h2 a {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        border-bottom: 2px solid #ebd05a;
        padding-bottom: 20px;
        display: inline-block;
    }
	.companyBox .gridBox [class*=grid] {
    width: 100%;
}
.box_title h2 strong {
    font-size: 50px;
}
.companyBox .gridBox .grid1 {
    padding: 20px 25px 20px;
}
.companyBox .gridBox .grid1 .text p {
    font-size: 16px;
}
.companyBox .gridBox .grid2 .text {
    font-size: 16px;
}
.companyBox .gridBox .boxTitle{
	font-size: 18px;
}
.companyBox .gridBox .grid2 .Txt :after {
    left: 16px;
}
.companyBox .gridBox .grid2 .Txt {
    padding: 40px 25px;
}
#tab-demo > ul > li {
    padding: 10px 20px;
    width: calc((100% / 3) - 12px);
}
#tab-demo > ul > li a > img {
    max-width: 50px;
}
#tab-demo > ul > li a {
    font-size: 15px;
}
#tab-demo > ul > li:before {
    top: 7px;
    left: 7px;
}
#tab-demo > ul > li:after {
    bottom: 7px;
    right: 7px;
}
.tab_list > p {
   font-size: 15px;
}
}
@media screen and (max-width: 640px) {
    .in_about_l h2 strong {
        font-size: 60px;
    }
}
@media screen and (max-width: 468px) {
    #tab-demo > ul > li {
    width: calc((100% / 2) - 12px);
}
}
/*new-about*/
.btn a {
	display: inline-block;
	text-align: center;
	width: 122px;
	line-height: 38px;
	color: #fff;
	background: #cea76e
}
.btn a:hover {
	background: #bc8b43
}
.full {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 1001;
}
.full li a {
	display: block;
	width: 52px;
	height: 52px;
	margin-bottom: 1px;
	position: relative;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.full li a:hover span, .full li a:hover label {
	background-color: #cea76e !important;
}
.full li:last-child a {
	border-bottom: 0;
}
.full li a span {
	display: block;
	width: 52px;
	height: 52px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
	z-index: 2;
}
.full li a label {
	display: block;
	width: 100px;
	white-space: nowrap;
	padding: 0 20px;
	position: absolute;
	line-height: 52px;
	color: #fff;
	z-index: -1;
	background: #000;
	bottom: 0;
	left: 100%;
	box-sizing: inherit;
	max-width: 300%;
	;
}
.full li a:hover label {
	left: -120px;
}
.full li a .lbl_img {
	padding: 10px;
	height: auto;
	line-height: normal;
}
.full li a span.span1 {
	background-image: url(../images/full1.png);
}
.full li a span.span2 {
	background-image: url(../images/full2.png);
}
.full li a span.span3 {
	background-image: url(../images/full3.png);
}
.full li a span.span4 {
	background-image: url(../images/full4.png);
}
.service_list ul li {
	position: relative;
	z-index: 10;
	width: 33.333%;
	float: left;
}
.service_list ul li a {
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	display: block;
	margin: 25px;
	border-bottom: 3px solid #59534e;
	background: #fff;
	text-align: center;
	position: relative;
}
.service_list ul li a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	background: #fff;
	z-index: -1;
}
.service_list ul li a:hover {
	background: #212121;
	border-bottom-color: #212121
}
.service_list ul {
	margin: -25px;
}
.service_list .img {
	height: 167px;
}
.service_list .img.img1 {
	background: url(../images/icon2.png) no-repeat center center;
}
.service_list .img.img2 {
	background: url(../images/icon3.png) no-repeat center center;
}
.service_list .img.img3 {
	background: url(../images/icon4.png) no-repeat center center;
}
.service_list .img.img4 {
	background: url(../images/icon5.png) no-repeat center center;
}
.service_list .img.img5 {
	background: url(../images/icon6.png) no-repeat center center;
}
.service_list .img.img6 {
	background: url(../images/icon7.png) no-repeat center center;
}
.service_list a:hover p {
	color: #fff;
}
.service_list a:hover h3 {
	color: #cf9e5d
}
.service_list a:hover .img.img1 {
	background: url(../images/icon2-1.png) no-repeat center center;
}
.service_list a:hover .img.img2 {
	background: url(../images/icon3-1.png) no-repeat center center;
}
.service_list a:hover .img.img3 {
	background: url(../images/icon4-1.png) no-repeat center center;
}
.service_list a:hover .img.img4 {
	background: url(../images/icon5-1.png) no-repeat center center;
}
.service_list a:hover .img.img5 {
	background: url(../images/icon6-1.png) no-repeat center center;
}
.service_list a:hover .img.img6 {
	background: url(../images/icon7-1.png) no-repeat center center;
}
.service_list p {
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	max-width: 265px;
	margin: 20px auto;
	width: 95%;
}
.service_list .text {
	padding-bottom: 20px;
}
/*----------footer----------*/
.footer {
	background: #272727
}
.page3 {
	padding: 150px 0;
	clear: both;
	background: url(../images/page3.jpg) no-repeat center center;
	background-attachment: fixed;
}
.mainer {
    margin-top: 131px;
}
.banner_txt {
	color: #fff;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.banner_txt > a{
	width: calc((100% / 6) - 20px);
	border: 4px solid #fff;
	text-align: center;
	font-size: 28px;
	padding: 25px 15px;
	margin: 10px;
	box-sizing: border-box;
	color: #fff;
}
.banner_txt > a:hover{
	border: 4px solid #cea76e;
	color: #cea76e;
}
.banner_txt .span_tit .Img{
	width: 100%;
	text-align: center;
	display: block;
}
.banner_txt .span_tit .Img img{
	filter: brightness(0) invert(1);
	max-width: 65px;
	transition: filter 0.3s ease;
}
.banner_txt > a:hover .span_tit .Img img {
    animation: bounce 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
@keyframes bounce {
    0% { transform: translateY(0); }
    20% { transform: translateY(-4px); }
    40% { transform: translateY(4px); }
    60% { transform: translateY(-2px); }
    80% { transform: translateY(1px); }
    100% { transform: translateY(0); }
}
.banner_txt .span_tit .span_tit_en{
	font-size: 16px;
	line-height: 1.5;
	width: 100%;
	display: block;
	margin-top: 5px;
}
.banner_txt .span_tit label {
	display: block;
	height: 40px;
	background: url(../images/icon8.png) no-repeat center center;
}
.banner_txt .text {
	overflow: hidden;
}
.banner_txt .text h3 {
	font-size: 28px;
	color: #fff;
	margin-bottom: 20px;
}
.banner_txt .text p {
	font-size: 18px;
	color: #fff;
	max-width: 700px;
}
.pagesize {
	text-align: center;
	padding: 70px 0;
}
.pagesize a {
	display: inline-block;
	line-height: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center center;
	min-width: 16px;
	padding: 0 10px;
	margin: 5px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	color: #666;
}
.pagesize a:hover, .pagesize a.on {
	background-color: #cea76e;
	border-color: #cea76e;
	color: #fff;
}
.pagesize a.prev {
	background-image: url(../images/cur5.png);
}
.pagesize a.next {
	background-image: url(../images/cur6.png);
}
.pagesize a.prev:hover {
	background-image: url(../images/cur1.png);
}
.pagesize a.next:hover {
	background-image: url(../images/cur2.png);
}
.foot {
	padding: 60px 0;
}
.f_logo {
	float: left;
	padding-top: 40px;
	margin-right: 40px;
	text-align: center;
}
.f_logo h3 {
	margin-top: 20px;
	color: #fff;
}
.address {
	border-left: 1px solid #fff;
	float: left;
	color: #fff;
	padding: 10px 0;
	padding-left: 40px;
	display: inline-flex;
	flex-wrap: wrap;
}
.address .Txt{
	width: 50%;
}
.address .Txt h3{
	overflow: visible;
}
.address p, .address h3 {
	color: #fff;
	line-height: 24px;
}
.address h3 {
	font-size: 22px;
}
.address p {
	min-height: 24px;
}
.ewm {
	float: right;
	width: 125px;
	text-align: center;
	color: #fff;
}
.ewm span {
	display: block;
	margin-top: 15px;
}
.copyright {
	text-align: center;
	color: #fff;
	border-top: 1px solid #303030;
	line-height: 30px;
	padding: 17px 0;
}
.copyright a {
	color: #fff
}
.copyright a:hover {
	color: #999
}
.his_list {
	padding-top: 20px;
	position: relative;
}
.his_list .line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1px;
	background: #cea76e
}
.his_list ul li {
	text-align: right;
	margin: 20px 0;
	width: 50%;
	padding-right: 50%;
	clear: both;
	position: relative;
}
.his_list ul li i {
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #cea76e;
	border: 4px solid #fff;
}
.his_list ul li i:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -80px;
	width: 60px;
	height: 1px;
	background: #d3d3d3;
	top: 4px;
}
.his_list ul li:nth-child(2n) i:after {
	margin-left: 20px;
}
.his_list ul li:nth-child(2n) {
	padding-right: 0;
	padding-left: 50%;
	text-align: left;
}
.his_list ul li:nth-child(2n) .text {
	padding-left: 100px;
	padding-right: 0
}
.his_list ul li .text {
	padding: 0 100px;
	padding-left: 0;
	line-height: 28px;
	color: #000;
}
.his_list ul li .text h3 {
	font-size: 20px;
	color: #000;
	font-weight: normal;
	margin-bottom: 10px;
}
.ry_list {
	margin: 0 auto;
}
.ry_list li {
	width: 25%;
	float: left;
	margin: 14px 0%;
	text-align: center;
	line-height: 40px;
}
.ry_list li h3 {
	margin-top: 20px;
	font-size: 18px;
}
.ry_list li .img {
	border: 1px solid #efefef;
	margin: 0 14px;
}
.ry_list li:nth-child(4n+1) {
	clear: both;
}
.ry_list li .img img {
	display: block;
}
.zp_p_list {
	margin: 0 auto;
	line-height: 28px;
	color: #4c4c4c;
}
.zp_p_list a {
	color: #be9a78;
}
.bold {
	font-weight: bold;
}
.zp_p_list .list {
	color: #666;
}
.zp_p_list .list:last-child {
	border-bottom: 0;
}
.zp_p_list .list h3 {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin-bottom: 5px;
	line-height: 40px;
}
.zp_p_list .box {
	padding: 0 20px;
}
.zp_p_list .box .list {
	padding: 20px 0;
}
.zp_p_list .text h4 {
	font-size: 16px;
	color: #333;
	font-weight: normal;
	margin-bottom: 10px;
	padding-left: 15px;
	border-left: 4px solid #cea76e;
	height: 16px;
	margin: 10px 0;
	line-height: 16px;
}
.zp_p_list .title {
	border-bottom: 1px solid #e7e3e2;
	cursor: pointer;
	line-height: 78px;
	background: url(../images/icon12.png) no-repeat 98% center;
	padding: 0 20px;
}
.zp_p_list .title span {
	display: inline-block;
	margin-right: 75px;
	color: #666;
}
.zp_p_list .title span.span1 {
	font-size: 22px;
	color: #000;
}
.zp_p_list .box {
	display: none;
	transition: all 0s;
	-o-transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
}
.zp_p_list .on .title, .zp_p_list li:hover .title {
	background: url(../images/icon12-1.png) no-repeat 98% center;
}
.news_details .d_text {
	background: #f6f6f6;
	padding: 38px;
}
.news_details .d_text h2 {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.news_details .d_text .tit {
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.news_details .d_text .tit .img{
	width: 100%;
	text-align: center;
}
.news_details .d_text .tit .img:hover img{
	transform: none;
}
.news_details .d_text h3 {
	font-size: 16px;
	margin: 10px 0;
	font-weight: 600;
}
.news_details .d_text .text {
	overflow-wrap: break-word;
}
.news_details .d_text .text p {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 2;
}
.news_details {
	/* padding-left: 320px; */
	position: relative;
}
.news_details.product {
	padding-left: 300px;
}
.news_details .news_list, .pro_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
}
.pro_menu {
	width: 260px;
}
.news_details .news_list .text {
	height: auto;
	border: 0;
	padding: 15px 0;
}
.news_details .news_list .img {
	float: none;
}
.news_details .news_list li {
	margin: 0
}
.txt_cur {
	padding-top: 10px; margin-top:15px;
	color: #ccc;
	border-top: 1px solid #dfdfdf
}
.txt_cur a {
	color: #999;
	display: inline-block;
	padding: 0 20px;
}
.txt_cur a:hover {
	color: #cea76e
}
.txt_cur a:last-child {
	padding-right: 0
}
.pro_menu .tit {
	display: none;
}
.pro_menu ul li {
	line-height: 52px;
	border-bottom: 1px solid #fff;
}
.pro_menu ul li a {
	display: block;
	padding: 0 20px;
	background: url(../images/cur4.png) no-repeat 95% center #f6f6f6;
}
.pro_menu ul li.on a, .pro_menu ul li a:hover {
	background: url(../images/cur2.png) no-repeat 95% center #cea76e;
}
.pro_menu ul li.on a span, .pro_menu ul li a:hover span {
	color: #fff;
}
.pro_menu ul li.on a span:after, .pro_menu ul li a:hover span:after {
	background: #fff;
}
.pro_menu ul li span {
	display: block;
	padding-left: 26px;
	position: relative;
	color: #666;
}
.pro_menu ul li span:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #dedede;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}
/* 聯絡我們 */
.contact_map{width: 100%;}
.contact_form {
    width: 100%;
    background-color: #fff;
    padding: 5% 0px;
    box-sizing: border-box;
}
form#myform1 {
    background: #f2f2f2;
    padding: 50px;
}
.member_group {
    margin: 15px 0;
	font-size: 16px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.member_group label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
	font-size: 18px;
}
.member_group .member_input{
	margin-top: 5px;
	width: 100%;
}
.pageTitleStyle-1 {
    position: relative;
    margin-bottom: 15px;
	line-height: 1.8;
}
.pageTitleStyle-1:after, .pageTitleStyle-1:before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.pageTitleStyle-1:before {
    width: 50px;
    background-color: #454545;
    z-index: 1;
}
.pageTitleStyle-1:after {
    width: 100%;
    background-color: #e5e5e5;
}
.pageTitleStyle-1 h2, .pageTitleStyle-1 span {
    color: #454545;
    font-size: 35px;
    font-weight: bold;
}
.member_input input,
.member_input textarea {
    border: 1px solid #f3f3f3;
    padding: 5px 15px;
    width: 100%;
    box-sizing: border-box;
	height: 40px;
}
.checkcode_group {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.member_form_button {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 50px;
}
.member_form_button button {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
	font-size: 16px;
}
.member_form_button button:hover {
    background-color: #ccc;
    transition: 0.3s;
}
.member_form_button button:nth-child(1) {
    background-color: #222;
    color: #fff;
    margin-right: 10px;
}
.member_form_button button:nth-child(1):hover{
	background-color: #555;
}
.member_code {
    width: 140px;
    text-align: right;
}
.member_code img{
	cursor: pointer;
    height: 40px;
    width: 100px;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 5px;
}
.member_input i {
    font-weight: bold;
    color: #454545;
    margin-right: 5px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-refresh:before {
    content: "\f021";
}
.contact_list li {
	width: 25%;
	float: left;
	text-align: center;
}
.contact_list li .img {
	width: 116px;
	height: 116px;
	line-height: 116px;
	text-align: center;
	border-radius: 100%;
	background: rgba(255,255,255,0.05);
	border: 1px solid #cea76e;
	margin: 0 auto;
	margin-bottom: 20px;
}
.contact_list {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 50px;
	margin-top: -30px;
}
.contact_list li .img img {
	vertical-align: middle;
}
.contact_list li .text p, .contact_list li .text h3 {
	color: #ecb564
}
.contact_list li .text h3 {
	font-size: 22px;
	line-height: 40px;
}
.contact_list li .text p {
	max-width: 145px;
	margin: 0 auto;
}
.foot_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(206,167,110,.6); /*cea76e*/
}
.page_banner {
	text-align: center;
	line-height: 510px;
	/* padding-top: 100px; */
	background: url(../images/bg1.webp) no-repeat top center;
	background-attachment: fixed;
	background-size: auto 641px;
}
.page_banner .img1{
	padding: 0 20px;
}
.page_banner img {
	vertical-align: middle;
}
.page_banner.page_banner1 {
	background: none;
	line-height: 430px;
}
/*----------custom----------*/
@media only screen and (max-width: 1600px) {
.banner .item .text {
	font-size: 22px;
}
}
 @media only screen and (max-width: 1200px) {
	.page_banner {
    background-size: cover;
}
.banner .item .text {
	font-size: 20px;
}
.about_img {
	margin-left: 30px;
	width: 50%;
}
.about_txt .text {
	height: 400px;
}
.service_list ul li a {
	margin: 10px;
}
.service_list ul {
	margin: -10px;
}
.team_list a {
	margin: 10px;
}
.team_list ul {
	margin: -10px;
}
.banner_txt > a {
    width: calc((100% / 3) - 20px);
}
}
 @media only screen and (max-width: 1000px) {
.banner .item .text {
	font-size: 18px;
}
}
 @media only screen and (max-width: 1024px) {
.menu {
	position: fixed;
	top: 0;
	left: -110%;
	width: 100%;
	height: 100%;
	background: #fff;
}
.menu ul li {
	float: none;
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 0;
	width: calc(100% - 60px);
}
.fixed .menu ul li {
    float: none;
}
.menu ul li a {
	line-height: 45px;
	font-size: 18px;
}
.menu ul {
	padding-top: 60px;
}
.header .logo {
	position: relative;
	z-index: 1001;
	line-height: 40px;
}
.logo span {
    padding-left: 10px;
    margin-left: 10px;
    font-size: 16px;
    letter-spacing: 0px;
}
.menu_wrap {
	position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url(../images/menu.png) no-repeat center center #cea76e;
    background-size: 15px auto;
    right: 20px;
}
.h_menu .menu_wrap {
	background: url(../images/menu-1.png) no-repeat center center #cea76e;
	background-size: 25px auto;
}
.h_menu .menu {
	left: 0;
	overflow-y: auto;
}
.menu ul {
	margin: 0;
}
.menu ul li a {
	color: #333;
}
.menu ul li .drop {
	position: initial;
	top: auto;
	left: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-shadow: none;
}
.menu ul li .drop ul {
	padding: 0;
}
.menu ul li .drop ul a {
	padding-left: 30px;
	text-align: left;
	line-height: 45px;
}
.header.fixed .menu ul li li a {
	line-height: 45px;
}
.header {
	line-height: 60px;
}
.mainer {
    margin-top: 90px;
}
.wrap {
	padding: 0 2%;
}
.header .logo {
	padding: 15px 0;
}
.about_txt .text {
	height: auto;
	margin-bottom: 20px;
}
.page {
	padding: 40px 0;
}
.home_about{
	padding: 40px 2px;
}
.foot {
	padding: 40px 0;
}
.address .Txt {
    width: 100%;
}
.address p {
    font-size: 14px;
	min-height: auto;
}
.address h3 {
    font-size: 16px;
	margin-bottom: 10px;
}
.copyright {
    font-size: 13px;
    line-height: 18px;
    padding: 14px 0;
}
}
 @media only screen and (max-width: 900px) {
.about_img {
	width: 100%;
	margin: 0 auto 20px;
	float: none;
	text-align: center;
}
.full {
	display: none;
}
}
@media only screen and (max-width: 750px) {
	.copyright {
    font-size: 12px;
}
	.logo img{ height:40px !important}
.logo span {
	margin-left: 10px;
	padding-left: 10px;
	background: none;
}
.header .logo {
	padding: 10px 0;
}
.mainer {
    margin-top: 62px;
}
.owl-theme .owl-dots {
	margin-bottom: 15px;
}
.service_list ul li {
	width: 50%;
}
.service_list .img {
	height: 100px;
}
.banner_txt .text p {
	font-size: 14px;
	line-height: 25px;
}
.team_list ul li {
	width: 50%;
}
.team_list a {
	margin: 5px;
	padding-bottom: 0px;
	border-bottom: 1px solid #cea76e;
}
.team_list .text {
	padding: 11px 0;
	display: none;
}
.team_list .text2 {
	bottom: auto;
	padding: 15px 0;
	position: relative;
}
.team_list .text2>p {
	height: 125px;
	overflow: hidden;
}
.team_list .text2 h3 {
    color: #000;
}
.team_list a:hover .text2 h3 {
    color: #cea76e;
}
.team_list .text2 label {
    background: #000;
}
.team_list a:hover .text2 label {
    background: #cea76e;
}
.team_list ul {
	margin: 0
}
.news_list ul li .img {
	width: 110px;
	height: 82px;
}
.news_list ul li .text {
	padding: 10px;
	border: 0;
	height: auto;
}
.news_list ul li .text h3 {
	margin: 0 auto;
	margin-bottom: 5px;
}
.news_list ul li .text p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto;
}
.txt_cur a{
	padding: 0 0;
	font-size: 14px;
}
.txt_cur > p{
	font-size: 14px;
}
.foot {
	padding: 20px 0;
}
.f_logo {
	float: none;
	padding-top: 0;
	text-align: center;
	margin: 0 auto;
}
.f_logo img{
	width: 80px;
}
.address {
	padding-left: 0;
	border-left: 0;
	text-align: center;
	float: none;
	width: 100%;
	padding: 10px 0 0;
}
.ewm {
	float: none;
	text-align: center;
	clear: both;
	margin: 0 auto;
}
.news_list ul li .text .time {
	display: none;
}
.page_banner {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	padding-bottom: 50px;
	height: auto;
	line-height: normal;
}
.about_txt h3 {
	font-size: 26px;
}
.his_list ul li {
	width: auto !important;
	padding: 0 !important;
	text-align: left !important;
	padding-left: 20px !important;
}
.his_list .line {
	left: 5px;
	margin-left: 0
}
.his_list ul li i {
	left: 5px;
	top: 5px;
}
.his_list ul li i:after {
	display: none;
}
.zp_p_list .title span.span1 {
	font-size: 18px;
}
.zp_p_list .title {
	line-height: 50px;
}
.zp_p_list .box .list {
	padding: 10px 0;
}
.his_list ul li .text {
	padding: 0 !important
}
.ry_list li {
	width: 50%;
}
.ry_list li:nth-child(2n+1) {
	clear: both;
}
.news_details .news_list, .pro_menu {
	position: initial;
	top: auto;
	left: auto;
	width: 100%;
	margin-bottom: 10px;
}
.pro_menu.on ul {
	display: block;
}
.news_details, .news_details.product {
	padding-left: 0;
}
.pro_menu .tit {
	display: block;
	font-size: 18px;
	line-height: 50px;
	background: #f1f2f3 url(../images/cur6-1.png) no-repeat 95% center;
	;
	padding: 0 15px;
}
.pro_menu ul li {
	line-height: 40px;
}
.pro_menu ul {
	display: none;
}
.news_details .d_text {
	padding: 15px;
}
.news_details .news_list li {
	width: 30.333%;
	float: left;
	margin: 0 1.5%;
}
.news_details .news_list ul li .text h3 {
	font-size: 14px;
}
.news_details .news_list .img {
	width: 100%;
}
.news_details .d_text .tit > p{
	font-size: 14px;
	text-align: center;
}
.news_details .d_text .text p {
    font-size: 16px;
}
.page_banner.page_banner1 {
	line-height: initial;
}
.member_group label {
    font-size: 15px;
}
.member_group {
    margin: 15px 0;
    flex-wrap: wrap;
}
form#myform1 {
    padding: 50px 15px;
}
.member_code img {
    margin-left: 0px;
}
.pageTitleStyle-1 h2, .pageTitleStyle-1 span {
    font-size: 24px;
}
input.form-control{
	width: 100%;
}
.checkcode_group{
	flex-wrap: wrap;
}
.member_code {
    width: 100%;
    text-align: left;
	font-size: 13px;
	margin-top: 5px;
}
.contact_list li {
	width: 100%;
}
.contact_list li .img {
	width: 65px;
	height: 65px;
	line-height: 65px;
	float: left;
	transform: scale(.7);
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
}
.contact_list {
	width: 100%;
	margin: 0 auto;
}
.contact_list .text {
	overflow: hidden;
	text-align: left;
	padding-top: 5px;
}
.contact_list li .text p {
	text-align: left;
	max-width: initial;
}
.contact_list li .text h3 {
	font-size: 20px;
}
.pagesize a {
	padding: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin: 2px;
}
.pagesize {
	padding: 40px 0;
}
.page {
	padding: 20px 0;
}
.home_about{
	padding: 20px 5px;
}
.banner_txt .span_tit .Img img {
    max-width: 50px;
}
.banner_txt > a {
    font-size: 20px;
	width: calc((100% / 2) - 20px);
	padding: 25px 10px;
}
.banner_txt .span_tit .span_tit_en {
    font-size: 14px;
}
}
.about_txt div{line-height: 32px;
    color: #666;}

.news_details .d_text{ min-height:300px}
.news_details .d_text .text div{line-height: 32px; color: #666;}
.news_details .d_text .text{line-height: 32px; color: #666;}
	
.pagebar{clear:both;margin:20px 0;text-align:center;}
.pagebar a:hover{color:#333333;}
.pagebar span a{color:#333;}
.page-status{border-radius:2px 0 0 2px;}
.page-last{border-radius:0 2px 2px 0;}
.page-index,.page-last,.page-next,.page-num,.page-pre,.page-status{display:inline-block;margin:0 -1px 5px 0;padding:0 15px;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;vertical-align:middle;font-size:12px;line-height:28px;}
.page-status{display:none;}
.page-num-current{background-color:#333333;color:#fff !important;}
a.page-num-current:hover{color:#fff;}

#maximg img{ max-width:100% !important; height:auto !important}