html {
	height: 100%;
}
body {
	font-family: '微软雅黑', Microsoft Yahei, PingFang SC Light Regular, STHeitiSC-Light, Lantinghei SC, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	min-height: 100%;
}
ul, menu, dir {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-padding-start: 0px;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
#gtx-trans {
	display: none;
}
.ovfHiden {
	overflow: hidden;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*background: #fff;*/
	z-index: 6669;
}
.header .header-content {
	width: 100%;
	/*border-bottom: 1px solid #ddd;*/ border-bottom:1px solid #3ab54a;
	/*background: #fff;*/ background:#3ab54a;
	z-index: 6669;
}
.header .header-content>div {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	text-align: center;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	height: 34px;
	padding: 26px 0;
}
.header .header-content>div .head-nav {
	display: none;
}
.header .header-content>div .logo {
	margin: 0 auto;
	display: block;
	background-image: url(../image/logo.png);
	background-repeat: no-repeat;
	width: 233px;
	height: 42px;
}
.header .header-content>div .logo120 {
	display: none;
}
.header .header-content>div .language {
	position: absolute;
	top: 36px;
	right: 80px;
	background: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.header .header-content>div .language span {
	font-size: 14px; color:#fff;
}
.header .header-content>div .language i {
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	/*border-top-color: #000000;*/border-top-color: #fff;
	margin-bottom: -3px;
	margin-left: 6px;
}
.header .header-content>div .language .language-item {
	display: none;
	position: absolute;
	top: 0;
	left: -40px;
	width: 40px;
	font-size: 14px;
	text-decoration: none;
	/*color: #000000;*/color: #fff;
	margin-top: 2px;
}
.header .header-content>div .language .language-item:hover {
	text-decoration: underline;
}
.header .header-content>div .search {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
	top: 26px;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 10px;
}
.header .header-content>div .search img {
	width: 20px;
	height: 20px;
}
.header .nav-m {
	display: none;
}
.header .nav {
	/*border-top: 3px solid #c01015;*/ border-top:1px solid #3ab54a;
	/*border-bottom: 1px solid #ddd;*/ border-bottom:1px solid #3ab54a;
	height: 59px;
	z-index: 999;
	width: 100%;
	/*background: #fff;*/ background:#3ab54a;
	overflow: hidden;
}
.header .nav div {
	max-width: 1200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 5%;
}
.header .nav div a {
	display: block;
	float: left \9;
	text-align: center \9;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	/*color: #333333;*/
	color: #fff;
	line-height: 59px;
	text-decoration: none;
	cursor: pointer;
	width: 14.2% \9;
}
.header .nav div :hover {
	/*color: #c01015;*/color: #d6b481;
}
.header .nav div a.active {
	/*color: #c01015;*/color: #d6b481;
}
.header .nav-box {
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.95);
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
	z-index: 9999;
}
.header .nav-box .nav-item {
	padding-bottom: 38px;
	display: none;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.header .nav-box .nav-item a {
	text-decoration: none;
	color: #333333;
	width: 33.3%;
	float: left;
}
.header .nav-box .nav-item h3 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 38px;
}
.header .nav-box .nav-item p {
	font-size: 14px;
	color: #999999;
	height: 2em;
}
.header .nav-box .nav-item a:hover {
	color: #333333;
}
.header .nav-box .nav-item a:hover p {
	color: #666666;
}
.header .nav-box .nav-product a {
	margin-top: 30px;
	margin-bottom: 7px;
	width: 10%;
	text-align: center;
}
.header .nav-box .nav-product a img {
	display: block;
	width: 100%;
	max-width: 100px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.header .search-box {
	display: none;
	position: absolute;
	top: 150px;
	left: 0;
	border-bottom: 1px solid #ddd;
	width: 100%;
	height: 58px;
	background: #fff;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
	z-index: 99999;
}
.header .search-box .search-content {
	max-width: 1200px;
	margin: 0 auto;
}
.header .search-box .search-content .search-img {
	width: 58px;
	height: 58px;
	display: inline-block;
	background: url(../image/search2.png) no-repeat;
	background-position: 50%;
	background-size: 25px 25px;
}
.header .search-box .search-content input {
	border: none;
	outline: none;
	width: 80%;
	height: 18px;
	line-height: 18px;
	margin: 20px 0;
	font-size: 14px;
	vertical-align: top;
}
.header .search-mask {
	display: none;
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	height: 100vh;
	min-height: 1500px;
	background: #000;
	opacity: 0.2;
	filter: Alpha(opacity=50);
	z-index: 9999;
}
.header.no-top {
	height: 59px;
}
.header.no-top .header-content>div {
	padding: 12px 0;
}
.header.no-top .header-content>div .logo {
	background-image: url(../image/logos.png);
	width: 205px;
	height: 36px\9;
}
.header.no-top .header-content>div .language {
	top: 19px;
}
.header.no-top .header-content>div .search {
	top: 9px;
}
.header.no-top .search-box {
	top: 59px;
}
.header.no-top .search-on {
	top: 57px;
}
.header.no-top .nav {
	display: none;
	top: 59px;
}
.main {
	clear: both;
	margin-top: 58px;
}
.main .container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.main .container1 {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.main .container .en {
	font-size: 38px;
	font-weight: lighter;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}
.main .container .cn {
	font-size: 32px;
	font-weight: lighter;
	margin-top: 0;
	margin-bottom: 30px;
}
.main-s {
	background: #fff;
}
.main-s .container {
	max-width: 1060px;
}
.footer {
	/*background: rgb(107, 107, 107);*/ background:#3ab54a; color:#fff;
	/*position: absolute;
    bottom: 0;
    left: 0;*/
	width: 100%;
}
.footer .footer-content {
	padding: 50px 0;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.footer .footer-content .address {
	color: #ffffff;
	/* color: rgb(166, 146, 112); */
	text-decoration: none;
}
.footer .footer-content .address img {
	vertical-align: text-bottom;
}
.footer .footer-content .address span {
	font-size: 14px;
}
.footer .footer-content .store-links {
	padding: 20px 0;
}
.footer .footer-content .store-links li {
	display: inline-block;
	/* width: 133px; */
	margin-right: 40px;
	float: left;
}
.footer .footer-content .store-links li a {
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	/* color: rgb(166, 146, 112); */
	white-space: nowrap;
	line-height: 25px;
}
.footer .footer-content .store-links li a:hover {
	color: #ddd;
}
.footer .footer-content .copy {
	margin-top: 19px;
}
.footer .footer-content .copy img {
	float: left;
	padding-right: 17px;
}
.footer .footer-content .copy p {
	/* color: rgb(166, 146, 112); */
	color: #fff;
	font-size: 12px;
}
.footer .footer-content .copy p a {
	text-decoration: none;
	/* color: rgb(166, 146, 112); */
	color: #fff;
	margin-left: 10px;
}
.footer .footer-content .copy .shwj {
	height: 24px;
	padding-bottom: 10px;
}
.footer .footer-content .ewm {
	position: absolute;
	top: 45px;
	right: 0;
}
.footer .footer-content .ewm .ewm-box {
	width: 117px;
	float: left;
	margin-left: 17px;
}
.footer .footer-content .ewm .ewm-box .ewmimg {
	margin-bottom: 10px;
	width: 100%;
}
.footer .footer-content .ewm .ewm-box .icon {
	vertical-align: middle;
	margin-left: 10px;
	width: 36px;
}
.footer .footer-content .ewm .ewm-box span {
	color: #ffffff;
	font-size: 12px;
	margin-left: 5px;
}
.footer .footer-content .ewm .ewm-box a {
	text-decoration: none;
}
.footer .backtop {
	display: none;
	position: fixed;
	bottom: 5%;
	right: 5%;
	cursor: pointer;
	width: 56px;
	z-index: 1111111111;
}
.footer .backtop div {
	border: 1px solid #dddddd; border-radius:100%;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.footer .backtop div img {
	display: block;
	padding: 23px 19px;
}
.footer .backtop p {
	font-size: 12px;
	color: #333;
	text-align: center;
	text-shadow: 1px 1px 1px #ffffff;
}
.footer .backtop:hover div {
	background: #f8f8f8;
}
.home .swiper-container {
	background: #fbfbfb url(../image/logo.png) center no-repeat;
}
.home .swiper-container .swiper-wrapper {
	height: 100%;
}
.home .swiper-container .swiper-slide {
	width: 100%;
	height: 100%;
}
.home .swiper-container .swiper-slide div {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
}
.home .swiper-container .swiper-button-prev, .home .swiper-container .swiper-button-next {
	/* background-color: rgb(89, 87, 87); */
	background-color: rgba(180, 180, 180, 0.7);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
	width: 50px;
	height: 160px;
	position: absolute;
	top: 50%;
	margin-top: -38px;
	cursor: pointer;
}
.home .swiper-container .swiper-button-prev {
	background-image: url(../image/left613.png);
	left: 0;
}
.home .swiper-container .swiper-button-next {
	background-image: url(../image/right613.png);
	right: 0;
}
.home .swiper-container .swiper-button-prev:hover {
	background-color: rgba(0, 0, 0, 0.7);
	background-image: url(../image/left.png);
}
.home .swiper-container .swiper-button-next:hover {
	background-color: rgba(0, 0, 0, 0.7);
	background-image: url(../image/right.png);
}
.home .brands {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}
.home .brands .brands-box {
	margin-bottom: 85px;
}
.home .brands .brands-box a {
	position: relative;
	display: inline-block;
	width: 24%;
	margin: 0.5%;
	float: left;
	min-height: 89px;
}
.home .brands .brands-box a .brand-img {
	width: 100%;
	float: left;
}
.home .brands .brands-box a .mask {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 92, 167, 0.8);
	background: #005ca7 \9;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	filter: Alpha(opacity=80);
	text-align: center;
}
.home .brands .brands-box a .mask img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin: 0 auto;
	display: inline;
	height: 100%;
}
.home .brands .brands-box a .mask0 {
	background: rgba(252, 0, 108, 0.8);
	background: #fc006c \9;
}
.home .brands .brands-box a .mask1 {
	background: rgba(253, 167, 150, 0.8);
	background: #fda796 \9;
}
.home .brands .brands-box a .mask3 {
	background: rgba(201, 0, 17, 0.8);
	background: #c90011 \9;
}
.home .brands .brands-box a .mask4 {
	background: rgba(53, 129, 45, 0.8);
	background: #35812d \9;
}
.home .brands .brands-box a .mask5 {
	background: rgba(4, 31, 140, 0.8);
	background: #041f8c \9;
}
.home .brands .brands-box a .mask6 {
	background: rgba(120, 216, 193, 0.8);
	background: #78d8c1 \9;
}
.home .brands .brands-box a .mask7 {
	background: rgba(88, 230, 237, 0.8);
	background: #58e6ed \9;
}
.home .brands .brands-box a .mask8 {
	background: rgba(190, 58, 52, 0.8);
	background: #6d4e2a \9;
}
.home .brands .brands-box a .mask9 {
	background: rgba(0, 0, 0, 0.8);
	background: #000000 \9;
}
.home .brands .brands-box a :hover .mask {
	filter: Alpha(opacity=0);
	opacity: 0;
}
.home .brands .brands-box .rightplus1600 {
	margin: 0.5%;
}
.home .brands .brands-box .leftplus1600 {
	margin: 0.5%;
}
.home .brands .brands-box .leftplus1200 {
	margin-left: 12.5%;
}
.product .back-img {
	position: fixed;
	top: 58px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.product .back-img div {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 100%;
	/*-ms-behavior: url(../images/backgroundsize.min.htc);*/
}
.product .left-nav {
	display: none;
	position: fixed;
	top: 50%;
	left: 50px;
	margin-top: -278px;
	border: 1px solid #dddddd;
	background: #ffffff;
	z-index: 999;
	color: #333;
	width: 190px;
}
.product .left-nav ul {
	list-style: none;
	text-align: center;
	font-size: 14px;
	margin: 0 24px;
	padding: 19px 0;
}
.product .left-nav .nav-main li {
	line-height: 39px;
	cursor: pointer;
}
.product .left-nav .nav-main li:hover {
	color: #d6b481;
}
.product .left-nav .nav-main .active {
	color: #d6b481;
}
.product .left-nav .official {
	font-size: 12px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.product .left-nav .official li {
	line-height: 32px;
}
.product .left-nav .official li a {
	text-decoration: none;
	color: #333;
}
.product .left-nav .official li a .tmall-icon {
	display: inline-block;
	width: 22px;
	height: 10px;
	background: url(../image/tmall.png) no-repeat;
	margin-right: 10px;
}
.product .left-nav .official li a .weibo-icon {
	display: inline-block;
	width: 19px;
	height: 15px;
	background: url(../image/weibo2.png) no-repeat;
	margin-bottom: -2px;
	margin-right: 10px;
}
.product .left-nav .official li a:hover {
	color: #d6b481;
}
.product .left-nav .official li a:hover .tmall-icon {
	background: url(../image/tmall2.png) no-repeat;
}
.product .left-nav .official li a:hover .weibo-icon {
	background: url(../image/weibo3.png) no-repeat;
}
.product .left-nav .weibo-box li {
	line-height: 26px;
}
.product .btn-container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.product .btn-container .swiper-button-prev1, .product .btn-container .swiper-button-next1, .product .btn-container .swiper-button-prev2, .product .btn-container .swiper-button-next2, .product .btn-container .swiper-button-prev3, .product .btn-container .swiper-button-next3 {
	position: absolute;
	top: 190px;
	/*left: -35px;*/left:-24px;
	width: 30px;
	height: 76px;
	background-image: url(../image/btn-l3.png);
	cursor: pointer;
	z-index: 999;
}
.product .btn-container .swiper-button-next1, .product .btn-container .swiper-button-next2, .product .btn-container .swiper-button-next3 {
	left: auto;
	/*right: -35px;*/right: 26px;
	background-image: url(../image/btn-r3.png);
}
.product .btn-container .swiper-button-prev1:hover, .product .btn-container .swiper-button-prev2:hover, .product .btn-container .swiper-button-prev3:hover {
	background-image: url(../image/btn-l4.png);
}
.product .btn-container .swiper-button-next1:hover, .product .btn-container .swiper-button-next2:hover, .product .btn-container .swiper-button-next3:hover {
	background-image: url(../image/btn-r4.png);
}
.product .btn-container .swiper-button-prev1, .product .btn-container .swiper-button-next1 {
	top: 200px;
}
.product .btn-container .swiper-button-prev2, .product .btn-container .swiper-button-next2 {
	top: 110px;
}
.product .brand-profile {
	background: #ffffff;
	width: 100%;
	padding: 141px 0;
}
.product .brand-profile .content {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 1px;
}
.product .brand-profile .content p {
	letter-spacing: 1px;
	line-height: 1.8em;
}
.product .brand-profile .logo {
	margin: 0 auto;
	display: block;
}
.product .brand-profile .profile {
	width: 90%;
	max-width: 750px;
	font-size: 14px !important;
	color: #333;
	margin: 20px auto 55px;
	line-height: 26px;
	letter-spacing: 1px;
}
.product .brand-profile .profile-box {
	width: 100%;
	max-width: 1200px;
	margin: 40px auto;
	text-align: center;
	font-size: 0;
}
.product .brand-profile .profile-box .profile-item {
	display: inline-block;
	width: 31.3%;
	vertical-align: top;
	padding: 0 2%;
}
.product .brand-profile .profile-box .profile-item h2 {
	width: 100%;
	font-weight: lighter;
	font-size: 28px;
	margin: 0;
}
.product .brand-profile .profile-box .profile-item .en {
	text-transform: uppercase;
	margin-top: 20px;
}
.product .brand-profile .profile-box .profile-item p {
	font-size: 14px;
	margin: 25px 20px;
	line-height: 1.5em;
	margin-bottom: 0;
}
.product .brand-profile .profile-box .border {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #ccc;
}
.product .brand-profile .profile-box .more-item {
	border: none;
	width: 49%;
	margin: 20px 0;
}
.product .brand-profile .profile-box .more-item:nth-of-type(2n) {
	border-left: 1px solid #ccc;
}
.product .brand-profile .button {
	display: block;
	margin: 0 auto;
	width: 154px;
	height: 39px;
	border: 1px solid #000;
	text-align: center;
	line-height: 39px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin-top: 40px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.product .brand-profile .button:hover {
	background: #eee;
}
.product .brand-news {
	background: #fff;
	width: 100%;
	padding: 80px 0;
	/* margin-top: 200px; */
	padding-top: 100px; position:relative;
}
.product .brand-news .container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.product .brand-news .container .swiper-container1 {
	width: 100%; 
	overflow: hidden;
}
.product .brand-news .container .explore {
	position: absolute;
	top: 62px;
	right: 0;
	text-decoration: none;
	color: #d6b481;
	font-size: 16px;
}
.product .brand-news .container .explore img {
	margin: 0 5px -1px 12px;
}
.product .brand-news .container .news-box {
	margin: 0 auto;
	height: auto !important;
}
.product .brand-news .container .news-box .news-item {
	display: inline-block;
	width: 30%;
	height: auto !important;
}
.product .brand-news .container .news-box .news-item a {
	display: block;
	width: 90%;
	text-decoration: none;
}
.product .brand-news .container .news-box .news-item a div {
	overflow: hidden;
}
.product .brand-news .container .news-box .news-item a div img {
	width: 100%;
	float: left;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.product .brand-news .container .news-box .news-item a div img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.product .brand-news .container .news-box .news-item a p {
	font-size: 18px;
	margin: 20px 0;
	color: #333333;
	line-height: 1.5em;
}
.product .brand-news .container .news-box .news-item a span {
	font-size: 16px;
	color: #999999;
}
.product .brand-history {
	background: #fff;
	width: 100%;
	padding: 80px 0;
	/* margin-top: 200px; */
	padding-top: 100px;
}
.product .brand-history .container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.product .brand-history .container .swiper-container2 {
	width: 100%;
	overflow: hidden;
}
.product .brand-history .container .explore {
	position: absolute;
	top: 62px;
	right: 0;
	text-decoration: none;
	color: #d6b481;
	font-size: 16px;
}
.product .brand-history .container .explore img {
	margin: 0 5px -1px 12px;
}
.product .brand-history .container .history-box {
	margin: 0 auto;
	height: auto !important;
}
.product .brand-history .container .history-box .history-item {
	display: inline-block;
	width: 30%;
	height: auto !important;
}
.product .brand-history .container .history-box .history-item h2 {
	line-height: 90px;
	margin: 0;
	height: 90px;
	font-size: 42px;
	font-weight: lighter;
}
.product .brand-history .container .history-box .history-item .line-box .circle {
	display: inline-block;
	width: 34px;
	height: 34px;
	background: #dddddd;
	border-radius: 50%;
	vertical-align: middle;
}
.product .brand-history .container .history-box .history-item .line-box .line {
	display: inline-block;
	width: 80%;
	height: 2px;
	background: #dddddd;
	vertical-align: middle;
	margin-left: 3%;
}
.product .brand-history .container .history-box .history-item p {
	font-size: 14px;
	margin: 0;
	line-height: 24px;
	padding: 30px 22% 0 0;
}
.product .brand-history .container .history-box .history-item img {
	margin-top: 40px;
	width: 60%;
}
.product .brand-history .container .history-box .swiper-slide-active+.swiper-slide .line-box .circle {
	background: #d6b481;
}
.product .product-profile {
	/*background: #fff;*/ background:#e8f7f2;
	width: 100%;
	/*padding: 80px 0;*/
	/* margin-top: 200px; */
	padding-top: 100px;
}
.product-profile .container1{ background:#fff; padding:5%;}
.product .product-profile .container .product-box {
	border: 1px solid #ddd; background:#fff;
	/*min-height: 630px;*/
}
.product .product-profile .container .product-box .level-box {
	display: none;
}
.product .product-profile .container .product-box .level-one span {
	width: 25%;
	display: inline-block;
	float: left;
	text-align: center;
	background: #f5f5f5;
	line-height: 55px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #999;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product .product-profile .container .product-box .level-one .active {
	background: #eaeaea;
	color: #000;
}
.product .product-profile .container .product-box .level-one span:hover {
	background: #eaeaea;
	color: #000;
}
.product .product-profile .container .product-box .level-swiper {
	position: relative;
	overflow: hidden;
	height: 55px;
}
.product .product-profile .container .product-box .level-swiper span {
	width: 70%;
	display: inline-block;
	text-align: center;
	background: #f5f5f5;
	line-height: 55px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #999;
	padding: 0 15%;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product .product-profile .container .product-box .level-swiper .adClas {
	line-height: 20px;
	padding: 8px 15%;
}
.product .product-profile .container .product-box .level-swiper .active span {
	background: #eaeaea;
	color: #000;
}
.product .product-profile .container .product-box .level-swiper span:hover {
	background: #eaeaea;
	color: #000;
}
.product .product-profile .container .product-box .level-swiper .swiper-button-prev4, .product .product-profile .container .product-box .level-swiper .swiper-button-next4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 55px;
	background-image: url(../image/btn-l1.png);
	cursor: pointer;
}
.product .product-profile .container .product-box .level-swiper .swiper-button-next4 {
	left: auto;
	right: 0;
	background-image: url(../image/btn-r1.png);
}
.product .product-profile .container .product-box .level-swiper .swiper-button-prev4:hover {
	background-image: url(../image/btn-l2.png);
}
.product .product-profile .container .product-box .level-swiper .swiper-button-next4:hover {
	background-image: url(../image/btn-r2.png);
}
.product .product-profile .container .product-box .level-two {
	margin: 20px 0 0 30px;
}
.product .product-profile .container .product-box .level-two span {
	color: #666;
	margin-right: 20px;
	cursor: pointer;
	line-height: 35px;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.product .product-profile .container .product-box .level-two .active {
	color: #d6b481;
}
.product .product-profile .container .product-box .level-two span:hover {
	color: #d6b481;
}
.product .product-profile .container .product-box .level-three {
	padding-bottom: 50px;
}
.product .product-profile .container .product-box .level-three>div .load-bg {
	width: 40%;
	display: inline-block;
	margin-top: 2%;
	margin-left: 2%;
	background: #fbfbfb url(../image/logos.png) center no-repeat;
	font-size: 0;
	position: relative;
}
.product .product-profile .container .product-box .level-three>div .load-bg img {
	width: 100%;
}
.product .product-profile .container .product-box .level-three>div .load-bg .new-pro {
	width: 20%;
	position: absolute;
	top: 5%;
	left: 5%;
}
.product .product-profile .container .product-box .level-three>div .padding {
	padding-bottom: 40%;
}
.product .product-profile .container .product-box .level-three>div .right {
	float: right;
	width: 50%;
	margin-right: 4%;
}
.product .product-profile .container .product-box .level-three>div .right h2 {
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding: 23px 0;
	font-size: 24px;
	color: #333;
	margin-top: 60px;
}
.product .product-profile .container .product-box .level-three>div .right h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-bottom: 50px;
	line-height: 28px;
}
.product .product-profile .container .product-box .level-three>div .right li {
	line-height: 22px;
	color: #666;
	list-style: none;
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
}
.product .product-profile .container .product-box .level-three>div .right li span {
	font-size: 44px;
	position: absolute;
	top: 9px;
	left: -3px;
	line-height: 0;
}
.product .product-profile .container .product-box .level-three>div .right ul {
	padding: 0;
}
.product .product-profile .container .product-box .level-three .noimg .load-bg {
	display: none;
}
.product .product-profile .container .product-box .level-three .noimg .right {
	width: auto;
	margin: 0 4%;
}
.product .promotion-video {
	/*background: #fff;*/ background:#e8f7f2;
	width: 100%;
	padding: 80px 0;
	/* margin-top: 200px; */
	padding-top: 100px; position:relative;
}
.product .promotion-video .container{ background:#fff; padding:100px;}
.product .promotion-video .container .swiper-container {
	width: 104%;
}
.product .promotion-video .container .video-box {
	height: auto !important;
}
.product .promotion-video .container .video-box .swiper-slide {
	width: 80%;
	height: auto !important;
}
.product .promotion-video .container .video-box a {
	cursor: pointer;
	position: relative;
	width: 92%;
	float: left;
}
.product .promotion-video .container .video-box a img {
	width: 100%;
	float: left;
}
.product .promotion-video .container .video-box a div {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	filter: Alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	background: #000000 \9;
}
.product .promotion-video .container .video-box a div .play {
	position: absolute;
	top: 40.5%;
	left: 43.5%;
	width: 13%;
	filter: Alpha(opacity=0);
}
.product .promotion-video .container .video-box a:hover div {
	opacity: 1;
	filter: Alpha(opacity=20);
}
.product .promotion-video .container .video-box a:hover div .play {
	filter: Alpha(opacity=100);
}
.product .promotion-video .container .video-box .left {
	float: left;
}
.product .promotion-video .container .video-box .right {
	float: right;
}
.product .video-moda {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.5);
}
.product .video-moda>div {
	z-index: 99999;
	width: 100%;
	min-height: 50%;
	max-width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0 auto;
}
.product .video-moda>div .close {
	width: 100%;
	max-width: 1200px;
}
.product .video-moda>div .close img {
	float: right;
	cursor: pointer;
	margin-top: -30px;
}
.product .video-moda .video-js .vjs-big-play-button {
	display: none;
}
.product .interactive {
	background: #fff;
	width: 100%;
	padding: 80px 0;
	margin-top: 200px;
}
.product .interactive .iframe {
	width: 100%;
}
.product .interactive .iframe iframe {
	min-width: 588px;
	width: 100%;
	height: 830px;
}
.product-news .content {
	margin-left: -2%;
	font-size: 0;
}
.product-news .content .nodata {
	font-size: 16px;
	text-align: center;
}
.product-news .content .item {
	width: 31.2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 2%;
	display: inline-block;
}
.product-news .content .item img {
	border: 1px solid #dddddd;
	width: 100%;
}
.product-news .content .item div {
	height: 9em;
	font-size: 16px;
	overflow: hidden;
}
.product-news .content .item div p {
	color: #333333;
	max-height: 3em;
	line-height: 24px;
	overflow: hidden;
}
.product-news .content .item div span {
	display: block;
	font-size: 14px;
	color: #999999;
	margin-bottom: 40px;
}
.product-news .content .more {
	display: none;
	width: 264px;
	height: 44px;
	border: solid 1px #000000;
	cursor: pointer;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	margin: 30px auto;
}
.product-news .content .more:hover {
	background: #000000;
	color: #ffffff;
}
.video-boxios {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	z-index: 999999;
}
.video-boxios video {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.about-item, .investor-item, .product-news, .news, .news-detail, .csr-report, .csr-activity, .csr-video, .job, .contact, .page404, .search-result {
	padding-top: 105px;
	padding-bottom: 90px;
}
.about-item p, .about-item span, .investor-item p, .investor-item span, .product-news p, .product-news span, .news p, .news span, .news-detail p, .news-detail span, .csr-report p, .csr-report span, .csr-activity p, .csr-activity span, .csr-video p, .csr-video span, .job p, .job span, .contact p, .contact span, .page404 p, .page404 span, .search-result p, .search-result span {
	font-family: '微软雅黑', Microsoft Yahei, PingFang SC Light Regular, STHeitiSC-Light, Lantinghei SC, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans !important;
}
.about-item .banner-img, .investor-item .banner-img, .product-news .banner-img, .news .banner-img, .news-detail .banner-img, .csr-report .banner-img, .csr-activity .banner-img, .csr-video .banner-img, .job .banner-img, .contact .banner-img, .page404 .banner-img, .search-result .banner-img {
	display: block;
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}
.about-item .crumb, .investor-item .crumb, .product-news .crumb, .news .crumb, .news-detail .crumb, .csr-report .crumb, .csr-activity .crumb, .csr-video .crumb, .job .crumb, .contact .crumb, .page404 .crumb, .search-result .crumb {
	font-size: 14px;
	margin-bottom: 30px;
	padding-top: 14px;
	margin-top: 0;
}
.about-item .crumb *, .investor-item .crumb *, .product-news .crumb *, .news .crumb *, .news-detail .crumb *, .csr-report .crumb *, .csr-activity .crumb *, .csr-video .crumb *, .job .crumb *, .contact .crumb *, .page404 .crumb *, .search-result .crumb * {
	margin-right: 10px;
}
.about-item .crumb a, .investor-item .crumb a, .product-news .crumb a, .news .crumb a, .news-detail .crumb a, .csr-report .crumb a, .csr-activity .crumb a, .csr-video .crumb a, .job .crumb a, .contact .crumb a, .page404 .crumb a, .search-result .crumb a {
	color: #000000;
	text-decoration: none;
}
.about-item .crumb span, .investor-item .crumb span, .product-news .crumb span, .news .crumb span, .news-detail .crumb span, .csr-report .crumb span, .csr-activity .crumb span, .csr-video .crumb span, .job .crumb span, .contact .crumb span, .page404 .crumb span, .search-result .crumb span {
	color: #666666;
}
.about-company .logo {
	margin: 50px 0;
}
.about-company .content {
	border-top: 1px solid #dddddd;
}
.about-company .content h1 {
	font-size: 28px;
	font-weight: normal;
}
.about-company .content p {
	font-size: 14px;
	line-height: 27px;
}
.about-chairman h1 {
	margin: 50px 0 30px 0;
	font-size: 28px;
	font-weight: normal;
}
.about-chairman .content {
	border-top: 1px solid #dddddd;
	padding-top: 26px;
}
.about-chairman .content h2 {
	font-size: 28px;
	font-weight: normal;
	margin-top: 40px;
}
.about-chairman .content p {
	font-size: 14px;
	line-height: 27px;
}
.about-chairman .content .font-box {
	width: 58% !important;
	float: left;
	margin: 36px 0;
}
.about-chairman .content .font-box .show-m {
	display: none;
}
.about-chairman .content .img-right {
	width: 34% !important;
	float: right;
	margin: 36px 0;
}
.about-chairman .content .autograph {
	margin-top: 56px;
}
.about-chairman .content .autograph img {
	float: right;
}
.about-chairman .content .autograph p {
	float: right;
	margin-top: 40px;
	margin-right: 20px;
}
.about-cultural .banner-img {
	max-width: 920px;
}
.about-cultural .show-m {
	display: none;
}
.about-history .select-box {
	display: none;
}
.about-history .left {
	float: left;
	width: 19%;
}
.about-history .left a {
	display: block;
	line-height: 58px;
	border-bottom: 1px solid #dddddd;
	color: #666666;
	text-decoration: none;
	padding: 0 20px;
	font-size: 14px;
	cursor: pointer;
}
.about-history .left a img {
	width: 16px;
}
.about-history .left a:hover {
	color: #d6b481;
}
.about-history .left .active {
	color: #d6b481;
}
.about-history .right {
	float: right;
	width: 76%;
}
.about-history .right h2 {
	font-size: 28px;
	font-weight: normal;
	margin: 13px 0;
}
.about-history .right .history-item {
	padding-top: 30px;
	border-top: 1px solid #dddddd;
}
.about-history .right .history-item img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.about-history .right .history-item p {
	margin-bottom: 30px;
	font-size: 14px;
	position: relative;
	letter-spacing: 1px;
	line-height: 24px;
	padding-left: 25px;
}
.about-history .right .history-item p span {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 40px;
	line-height: 0;
}
.about-award .select-box {
	display: none;
}
.about-award .left {
	float: left;
	width: 19%;
}
.about-award .left a {
	display: block;
	line-height: 58px;
	border-bottom: 1px solid #dddddd;
	color: #666666;
	text-decoration: none;
	padding: 0 20px;
	font-size: 14px;
	cursor: pointer;
}
.about-award .left a img {
	width: 16px;
}
.about-award .left a:hover {
	color: #d6b481;
}
.about-award .left .active {
	color: #d6b481;
}
.about-award .right {
	float: right;
	width: 76%;
}
.about-award .right h2 {
	font-size: 28px;
	font-weight: normal;
	margin: 13px 0;
}
.about-award .right .img-box {
	padding-top: 30px;
	border-top: 1px solid #dddddd;
}
.about-award .right .img-box div {
	float: left;
	width: 46%;
	margin-right: 4%;
}
.about-award .right .img-box div img {
	width: 100%;
}
.about-award .right .img-box div p {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 1.5em;
}
.about-award .right .content-box {
	border-top: 1px solid #dddddd;
	margin-top: 16px;
	padding-top: 16px;
}
.about-award .right .content-box p {
	font-size: 14px;
	position: relative;
	letter-spacing: 1px;
	line-height: 24px;
	padding-left: 25px;
}
.about-award .right .content-box p span {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 40px;
	line-height: 0;
}
.news .news-item {
	border-bottom: 1px solid #dddddd;
}
.news .news-item .font-box {
	width: 67%;
	float: left;
	padding: 3% 0;
}
.news .news-item .font-box span {
	font-size: 14px;
	color: #999999;
}
.news .news-item .font-box h2 {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	letter-spacing: 1px;
}
.news .news-item .font-box p {
	line-height: 24px;
	font-size: 14px;
	color: #999999;
}
.news .news-item img {
	float: right;
	margin: 3% 0;
	width: 22%;
}
.news .news-item a:hover h2 {
	color: #000000;
	text-decoration: underline;
}
.news .loading {
	text-align: center;
	height: 500px;
	line-height: 500px;
}
.news #page {
	margin: 40px 0;
	font-size: 14px;
	color: #000000;
	text-align: center;
}
.news #page * {
	margin-right: 4%;
	cursor: pointer;
	padding: 4px 10px;
	border: 1px solid #ffffff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.news #page #firstPage {
	display: none;
}
.news #page #lastPage {
	display: none;
}
.news #page .totalPages {
	display: none;
}
.news #page .totalSize {
	display: none;
}
.news #page .current {
	border: 1px solid #dddddd;
}
.news #page span {
	cursor: default;
}
.news .more {
	display: none;
}
.news-detail {
	font-size: 14px;
}
.news-detail .content {
	line-height: 2em;
}
.news-detail h1 {
	text-align: center;
	font-size: 28px;
	margin-top: 60px;
}
.news-detail .time {
	font-size: 14px;
	text-align: center;
	display: block;
	margin-bottom: 40px;
}
.news-detail img {
	margin: 0 auto !important;
	display: block;
	max-width: 100%;
	height: auto !important;
}
.investor-notice .container {
	min-height: 500px;
}
.investor-notice .select-box, .investor-notice .select-box2 {
	float: left;
	width: 19%;
	display: block;
	border: 1px solid #dddddd;
	padding: 11px 0;
	cursor: pointer;
}
.investor-notice .select-box span, .investor-notice .select-box2 span {
	margin: 0 20px;
	font-size: 20px;
}
.investor-notice .select-box i, .investor-notice .select-box2 i {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../image/sjx.png) no-repeat;
	background-position: -10px -10px;
	margin-top: 8px;
	float: right;
	margin-right: 20px;
}
.investor-notice .select-box2 {
	display: none;
}
.investor-notice .show-m {
	display: none;
}
.investor-notice .left {
	width: 19%;
}
.investor-notice .left1 {
	display: none;
	position: absolute;
	width: 19%;
	top: 107px;
	left: 0;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-top: none;
}
.investor-notice .left1 a {
	display: block;
	border-bottom: 1px solid #dddddd;
	color: #666666;
	text-decoration: none;
	padding: 11px 20px;
	font-size: 20px;
	cursor: pointer;
}
.investor-notice .left1 a img {
	width: 16px;
}
.investor-notice .left1 a:hover {
	color: #d6b481;
}
.investor-notice .left1 .active {
	color: #d6b481;
}
.investor-notice .left2 {
	float: left;
	width: 100%;
}
.investor-notice .left2 a {
	display: block;
	line-height: 58px;
	border-bottom: 1px solid #dddddd;
	color: #666666;
	text-decoration: none;
	padding: 0 20px;
	font-size: 14px;
	cursor: pointer;
}
.investor-notice .left2 a img {
	display: none;
	width: 7px;
	float: right;
	margin-top: 22px;
}
.investor-notice .left2 a:hover {
	color: #d6b481;
}
.investor-notice .left2 a:hover img {
	display: block;
}
.investor-notice .left2 .active {
	color: #d6b481;
}
.investor-notice .left2 .active img {
	display: block;
}
.investor-notice .right {
	float: right;
	width: 76%;
	border-top: 1px solid #dddddd;
	margin-top: -47px;
}
.investor-notice .right a {
	display: block;
	color: #666666;
	text-decoration: none;
	line-height: 59px;
	border-bottom: 1px dashed #b5b5b5;
	font-size: 14px;
}
.investor-notice .right a .img-r {
	width: 7px;
	margin: 0 20px;
}
.investor-notice .right a p {
	display: inline-block;
	margin: 0;
	width: 68%;
	line-height: 1.5em;
	vertical-align: middle;
	letter-spacing: 1px;
	margin-top: -6px;
}
.investor-notice .right a div {
	float: right;
}
.investor-notice .right a div span {
	display: none;
}
.investor-notice .right a div img {
	vertical-align: middle;
	margin: 0 20px;
	width: 23px;
}
.investor-notice .right a:hover {
	color: #000000;
	background: #f5f5f5;
}
.investor-notice .right a:hover div span {
	display: inline-block;
}
.investor-notice .btn-box {
	width: 76%;
	float: right;
	text-align: center;
	margin: 30px 0 20px 0;
}
.investor-notice .btn-box .totalPages, .investor-notice .btn-box .totalSize, .investor-notice .btn-box #firstPage, .investor-notice .btn-box #lastPage {
	display: none;
}
.investor-notice .btn-box #prePage {
	margin-right: 30px;
}
.investor-notice .btn-box #page * {
	margin-right: 4%;
	cursor: pointer;
	padding: 4px 10px;
	border: 1px solid #ffffff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.investor-notice .btn-box #page .current {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dddddd;
}
.investor-govern .sort {
	border-bottom: 1px solid #dddddd;
}
.investor-govern .sort a {
	display: inline-block;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 30px;
	margin-bottom: 0;
	margin-top: 20px;
	margin-right: 50px;
	color: #999999;
	cursor: pointer;
}
.investor-govern .sort .active {
	color: #000000;
}
.investor-govern .sort a:hover {
	color: #000000;
}
.investor-govern .sort-item {
	display: none;
}
.investor-govern .govern-box {
	font-size: 0;
	padding-bottom: 50px;
}
.investor-govern .govern-box .main-item {
	padding: 50px 0;
	border-bottom: 1px solid #dddddd;
}
.investor-govern .govern-box .main-item img {
	width: 38%;
}
.investor-govern .govern-box .main-item .item-font {
	width: 55%;
	float: right;
}
.investor-govern .govern-box .main-item .item-font h3 {
	font-size: 28px;
	font-weight: normal;
}
.investor-govern .govern-box .main-item .item-font h4 {
	font-size: 14px;
}
.investor-govern .govern-box .main-item .item-font p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.investor-govern .govern-box .item-box {
	margin-left: -5%;
}
.investor-govern .govern-box .item-box .govern-item {
	margin-top: 50px;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5%;
	display: inline-block;
	vertical-align: top;
}
.investor-govern .govern-box .item-box .govern-item img {
	width: 100%;
}
.investor-govern .govern-box .item-box .govern-item h3 {
	font-size: 28px;
	font-weight: normal;
}
.investor-govern .govern-box .item-box .govern-item h4 {
	font-size: 14px;
}
.investor-govern .govern-box .item-box .govern-item p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.investor-report .container {
	min-height: 500px;
}
.investor-report .select-box {
	display: none;
}
.investor-report .left {
	float: left;
	width: 19%;
	border-top: 1px solid #dddddd;
}
.investor-report .left a {
	display: block;
	line-height: 58px;
	border-bottom: 1px solid #dddddd;
	color: #666666;
	text-decoration: none;
	padding: 0 20px;
	font-size: 14px;
	cursor: pointer;
}
.investor-report .left a img {
	display: none;
	width: 7px;
	float: right;
	margin-top: 22px;
}
.investor-report .left a:hover {
	color: #d6b481;
}
.investor-report .left a:hover img {
	display: block;
}
.investor-report .left .active {
	color: #d6b481;
}
.investor-report .left .active img {
	display: block;
}
.investor-report .right {
	float: right;
	width: 76%;
	border-top: 1px solid #dddddd;
}
.investor-report .right a {
	display: block;
	color: #666666;
	text-decoration: none;
	line-height: 59px;
	border-bottom: 1px dashed #b5b5b5;
	font-size: 14px;
}
.investor-report .right a .img-r {
	width: 7px;
	margin: 0 20px;
}
.investor-report .right a p {
	display: inline-block;
	margin: 0;
	width: 68%;
	line-height: 1.5em;
	vertical-align: middle;
	letter-spacing: 1px;
	margin-top: -6px;
}
.investor-report .right a div {
	float: right;
}
.investor-report .right a div span {
	display: none;
}
.investor-report .right a div img {
	vertical-align: middle;
	margin: 0 20px;
	width: 23px;
}
.investor-report .right a:hover {
	color: #000000;
	background: #f5f5f5;
}
.investor-report .right a:hover div span {
	display: inline-block;
}
.investor-rule .articles a {
	display: block;
	color: #666666;
	text-decoration: none;
	line-height: 59px;
	font-size: 14px;
}
.investor-rule .articles a .img-r {
	width: 7px;
	margin: 0 20px;
}
.investor-rule .articles a p {
	display: inline-block;
	margin: 0;
	width: 68%;
	line-height: 1.5em;
}
.investor-rule .articles a div {
	float: right;
	font-size: 0;
	height: 59px;
}
.investor-rule .articles a div span {
	display: none;
	font-size: 14px;
}
.investor-rule .articles a div img {
	vertical-align: top;
	margin: 0 20px;
	margin-top: 15px;
	width: 23px;
}
.investor-rule .articles a:hover {
	color: #000000;
	background: #f5f5f5;
}
.investor-rule .articles a:hover div span {
	display: inline-block;
}
.investor-stock h2 {
	text-align: center;
	font-size: 28px;
	font-weight: normal;
}
.investor-stock table {
	width: 100%;
}
.investor-stock table td {
	line-height: 38px;
	text-align: center;
}
.csr-report .csr-item {
	width: 30%;
	float: left;
	margin-bottom: 5%;
}
.csr-report .csr-item a {
	text-decoration: none;
}
.csr-report .csr-item a .csrpdf {
	width: 100%;
	border: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.csr-report .csr-item a p {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
.csr-report .csr-item a span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto;
	color: #000000;
	width: 100%;
	text-align: center;
}
.csr-report .csr-item a span img {
	vertical-align: middle;
	margin-top: -4px;
	margin-left: 5px;
	width: 23px;
}
.csr-report .csr-item a:hover span {
	text-decoration: underline;
}
/* .csr-report .csr-item:nth-of-type(2n) {
    margin: 0 5%;
} */

.csr-report .margin {
	margin: 0 5%;
}
.csr-activity .top h2 {
	font-size: 28px;
	font-weight: normal;
	margin: 50px 0 30px 0;
}
.csr-activity .top p {
	font-size: 14px;
}
.csr-activity .bottom {
	padding-top: 20px;
	position: relative;
}
.csr-activity .bottom .show-box {
	position: relative;
	min-height: 350px;
}
.csr-activity .bottom .show-box .show-item {
	display: none;
}
.csr-activity .bottom .show-box .show-item img {
	width: 100%;
}
.csr-activity .bottom .show-box .show-item .heightImg {
	opacity: 0;
}
.csr-activity .bottom .show-box .show-item .fadeImg {
	position: absolute;
	top: 0;
	left: 0;
}
.csr-activity .bottom .show-box .show-item p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 60px;
	margin: 0;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	background: #000000;
	background: rgba(0, 0, 0, 0.7);
}
.csr-activity .bottom .swiper-container5 {
	width: 89%;
	overflow: hidden;
	margin-left: 5.5%;
	margin-top: 10px;
	min-height: 48px;
	max-height: 127px;
}
.csr-activity .bottom .swiper-container5 .swiper-slide {
	border: 3px solid #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 127px;
}
.csr-activity .bottom .swiper-container5 img {
	width: 100%;
	cursor: pointer;
}
.csr-activity .bottom .swiper-button-prev5, .csr-activity .bottom .swiper-button-next5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4%;
	cursor: pointer;
}
.csr-activity .bottom .swiper-button-prev5 {
	background: #eeeeee url(../image/left5.png) center no-repeat;
	background-size: 11px;
}
.csr-activity .bottom .swiper-button-next5 {
	left: auto;
	right: 0;
	background: #eeeeee url(../image/right5.png) center no-repeat;
	background-size: 11px;
}
.csr-activity .bottom .swiper-button-prev5:hover {
	background: #999999 url(../image/left.png) center no-repeat;
	background-size: 11px;
}
.csr-activity .bottom .swiper-button-next5:hover {
	background: #999999 url(../image/right.png) center no-repeat;
	background-size: 11px;
}
.csr-video .content {
	font-size: 0;
	margin-left: -2%;
}
.csr-video .content a {
	cursor: pointer;
	position: relative;
	width: 31.2%;
	display: inline-block;
	margin-left: 2%;
	margin-bottom: 8%;
}
.csr-video .content a img {
	width: 100%;
}
.csr-video .content a div {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	filter: Alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	background: #000000 \9;
}
.csr-video .content a div .play {
	position: absolute;
	top: 40.5%;
	left: 43.5%;
	width: 13%;
	filter: Alpha(opacity=0);
}
.csr-video .content a p {
	position: absolute;
	top: 105%;
	left: 0;
	font-size: 16px;
	margin: 0;
}
.csr-video .content a:hover div {
	opacity: 1;
	filter: Alpha(opacity=20);
}
.csr-video .content a:hover div .play {
	filter: Alpha(opacity=100);
}
.csr-video .content .left {
	float: left;
}
.csr-video .content .right {
	float: right;
}
.csr-video .content .more {
	display: none;
	width: 264px;
	height: 44px;
	border: solid 1px #000000;
	cursor: pointer;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	margin: 30px auto;
}
.csr-video .content .more:hover {
	background: #000000;
	color: #ffffff;
}
.csr-video .video-moda {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.5);
}
.csr-video .video-moda>div {
	z-index: 99999;
	width: 100%;
	min-height: 50%;
	max-width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0 auto;
}
.csr-video .video-moda>div .close {
	width: 100%;
	max-width: 1200px;
}
.csr-video .video-moda>div .close img {
	float: right;
	cursor: pointer;
	margin-top: -30px;
}
.csr-video .video-moda .video-js .vjs-big-play-button {
	display: none;
}
.job .banner-img {
	margin-bottom: 10px;
}
.job .select-box {
	display: none;
}
.job .btn-box {
	text-align: right;
	font-size: 14px;
	margin: 20px 0;
}
.job .btn-box a {
	text-decoration: none;
	color: #333333;
}
.job .btn-box .regist {
	margin: 0 30px;
}
.job .btn-box .login {
	margin-left: 30px;
}
.job .btn-box span {
	color: #999999;
}
.job .regist-box {
	overflow: hidden;
	height: 505px;
}
.job .regist-box iframe {
	margin-top: -50px;
}
.job .login-box {
	overflow: hidden;
	height: 400px;
	margin-bottom: 100px;
}
.job .login-box iframe {
	margin: 0 auto;
	display: block;
	margin-top: -50px;
}
.job .login {
	float: right;
	border-left: 1px solid #000;
	padding-left: 10px;
}
.job .regist {
	float: right;
}
.job .top {
	display: none;
}
.job .left {
	float: left;
	width: 19%;
}
.job .left>a {
	display: block;
	line-height: 58px;
	border-top: 1px solid #dddddd;
	color: #666666;
	text-decoration: none;
	padding: 0 20px;
	font-size: 16px;
	cursor: pointer;
}
.job .left>a img {
	display: none;
	float: right;
	margin-top: 22px;
	width: 7px;
}
.job .left a:nth-of-type(1) {
	border: none;
}
.job .left .campus-box {
	display: none;
}
.job .left .campus-box a {
	display: block;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
	padding-left: 40px;
	padding-right: 20px;
	margin-bottom: 15px;
	cursor: pointer;
}
.job .left .campus-box a img {
	display: none;
	float: right;
	margin-top: 2px;
}
.job .left .campus-box .active {
	color: #bc2131;
}
.job .left .campus-box .active img {
	display: block;
}
.job .left a:hover {
	color: #bc2131;
}
.job .left a:hover img {
	display: inline-block;
}
.job .left .active {
	color: #bc2131;
}
.job .left .active img {
	display: inline-block;
}
.job .right {
	float: right;
	width: 76%;
	position: relative;
}
.job .right>p {
	text-align: center;
	position: absolute;
	top: 50px;
	width: 100%;
}
.job .right .iframe-box {
	width: 729px;
	margin: 0 auto;
	overflow: hidden;
}
.job .border {
	border: 1px solid #dddddd;
	margin-top: 50px;
	min-height: 500px;
	width: 70%;
	padding: 3%;
}
.job .border img {
	width: 100% !important;
	height: auto !important;
}
.job .border div {
	line-height: 28px;
}
.contact .logo {
	margin-bottom: 42px;
	max-width: 516px;
}
.contact .contact-box .contact-item {
	width: 50%;
	height: 235px;
	float: left;
	margin: 55px 0;
}
.contact .contact-box .contact-item h2 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 40px;
}
.contact .contact-box .contact-item p, .contact .contact-box .contact-item span {
	font-size: 14px !important;
	margin: 0;
	line-height: 28px;
}
.contact .contact-box .contact-item a {
	text-decoration: none;
	color: #333333;
}
.contact .contact-box .contact-item a:hover {
	text-decoration: underline;
}
.contact .contact-box .line {
	clear: both;
	border-bottom: 1px solid #dddddd;
}
.contact .contact-box .item-right {
	border-left: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 50px;
}
.page404 img {
	display: block;
	margin: 130px auto;
	margin-bottom: 40px;
}
.page404 p {
	text-align: center;
	color: #999999;
	font-size: 16px;
}
.page404 a {
	display: block;
	margin: 0 auto;
	width: 134px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border: 1px solid #000000;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 100px;
}
.page404 a:hover {
	color: #ffffff;
	background: #000000;
}
.search-result .container {
	max-width: 800px;
}
.search-result .container h2 {
	font-size: 32px;
	font-weight: normal;
}
.search-result .container .input-box {
	width: 270px;
	height: 42px;
	border: 1px solid #000000;
	overflow: hidden;
}
.search-result .container .input-box input {
	border: none;
	outline: none;
	width: 200px;
	padding: 12px 10px;
}
.search-result .container .input-box .search-go {
	width: 36px;
	height: 100%;
	float: right;
	background: #000000 url(../image/search3.png) center no-repeat;
	background-size: 25px;
	cursor: pointer;
}
.search-result .container .content {
	min-height: 300px;
	margin-top: 46px;
	border-top: 1px solid #dddddd;
}
.search-result .container .content .news-item {
	border-bottom: 1px solid #dddddd;
}
.search-result .container .content .news-item .font-box {
	width: 70%;
	float: left;
	padding: 3% 0;
}
.search-result .container .content .news-item .font-box span {
	font-size: 14px;
	color: #999999;
}
.search-result .container .content .news-item .font-box h2 {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	letter-spacing: 1px;
}
.search-result .container .content .news-item .font-box p {
	line-height: 24px;
	font-size: 14px;
	color: #999999;
}
.search-result .container .content .news-item img {
	float: right;
	margin: 3% 0;
	width: 22%;
	max-width: 172px;
}
.search-result .container .content .news-item a:hover h2 {
	color: #000000;
	text-decoration: underline;
}
.search-result .container .more {
	width: 264px;
	height: 44px;
	border: solid 1px #000000;
	cursor: pointer;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	margin: 30px auto;
}
.search-result .container .more:hover {
	background: #000000;
	color: #ffffff;
}
 @media screen and (max-width: 1700px) {
.product .left-nav {
	display: none !important;
}
}
 @media screen and (max-width: 1400px) {
.header .header-content>div {
	padding: 17px 0;
}
.header .header-content>div .language {
	top: 26px;
}
.header .header-content>div .search {
	top: 16px;
}
.header .header-content>div .logo {
	width: 180px;
	height: 48px;
	margin-top: 2px;
	background-size: 100%;
}
.header .nav-box {
	top: 132px;
}
.header .nav-box .nav-item {
	max-width: 1100px;
}
.header .nav div {
	padding: 0 7%;
}
}
 @media screen and (max-width: 1250px) {
.header .nav div a {
	width: 14.2% \9;
	margin: 0 \9;
}
}
 @media screen and (max-width: 1300px) {
.header .nav-box {
	width: 86%;
	padding: 0 7%;
}
.header .nav-box .nav-item {
	margin: 0;
}
.header .nav-box .nav-item .title {
	padding-left: 4%;
}
.header .nav-box .nav-item .content {
	padding-left: 4%;
}
.main .container {
	width: 90%;
	overflow: hidden;
}
.product .btn-container {
	width: 90%;
}
.product .btn-container .swiper-button-prev1,  .product .btn-container .swiper-button-next1 {
	top: 200px;
	top: 19vw;
}
.product .btn-container .swiper-button-prev2,  .product .btn-container .swiper-button-next2 {
	top: 190px;
}
.product .btn-container .swiper-button-prev3,  .product .btn-container .swiper-button-next3 {
	top: 187px;
}
.product .brand-profile .content {
	padding: 0 5%;
}
.footer .footer-content {
	padding: 26px 5%;
}
.footer .footer-content .ewm {
	right: 5%;
}
}
 @media screen and (max-width: 1200px) {
.product .product-profile .container .product-box .level-swiper span {
	font-size: 14px;
}
}
 @media screen and (max-width: 768px) {
.header .header-content>div {
	padding: 12px 0;
}
.header .header-content>div .head-nav {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 20px;
}
.header .header-content>div .head-nav .line {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	width: 20px;
	height: 3px;
	/*background-color: #545655;*/background-color: #fff;
	border-radius: 2px;
}
.header .header-content>div .open .line1 {
	width: 14px;
}
.header .header-content>div .open .line2 {
	margin-top: 4px;
}
.header .header-content>div .open .line3 {
	width: 14px;
	margin-top: 4px;
}
.header .header-content>div .close .line1 {
	width: 27px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
}
.header .header-content>div .close .line2 {
	margin-top: 4px;
	opacity: 0;
}
.header .header-content>div .close .line3 {
	width: 27px;
	margin-top: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
}
.header .header-content>div .language {
	display: none;
}
.header .header-content>div .search {
	right: 0;
	top: 0;
	padding: 20px;
}
.header .header-content>div .logo {
	background-image: url(../image/logo.png);
	background-size: 100% 100%;
	width: 149px;
	height: 26px;
	margin-top: 5px;
}
.header .nav-m {
	display: none;
	position: absolute;
	top: 59px;
	left: 0;
	width: 100%;
	height: calc(100vh - 59px);
	background: rgba(255, 255, 255, 0.96);
	z-index: 9999;
	overflow: scroll;
}
.header .nav-m ul {
	padding: 0 43px;
}
.header .nav-m ul li {
	list-style: none;
}
.header .nav-m ul li p {
	font-size: 19px;
	color: #000000;
	cursor: pointer;
	line-height: 54px;
	margin: 0;
}
.header .nav-m ul li>a {
	display: block;
	font-size: 19px;
	color: #000000;
	text-decoration: none;
	line-height: 54px;
}
.header .nav-m ul li>div {
	display: none;
	margin-left: 30px;
}
.header .nav-m ul li>div a {
	display: block;
	color: #000000;
	text-decoration: none;
	line-height: 32px;
}
.header .nav-m .social {
	width: 100%;
	border-top: 1px solid #dddddd;
}
.header .nav-m .social * {
	display: inline-block;
	padding: 30px 0;
	margin-left: 40px;
	font-size: 16px;
	color: #000000;
}
.header .nav-m .social a {
	color: #999999;
	text-decoration: none;
}
.header .nav {
	display: none;
}
.header .nav-box {
	display: none;
}
.header .search-box {
	top: 59px;
}
.header .search-mask {
	top: 59px;
}
.header.no-top .header-content>div .logo {
	background-image: url(../image/logo.png);
	background-size: 100% 100%;
	width: 149px;
	height: 26px;
	margin-top: 5px;
}
.header.no-top .header-content>div .search {
	top: 0;
}
.main .swiper-slide .bg-m {
	display: block;
}
.main .swiper-slide .bg-pad {
	display: none;
}
.main .swiper-slide .bg-pc {
	display: none;
}
.main .container .en {
	font-size: 28px;
	margin-bottom: 7px;
}
.main .container .cn {
	font-size: 24px;
	margin-bottom: 27px;
}
.footer .footer-content {
	padding: 33px 5%;
}
.footer .footer-content .ewm {
	display: none;
}
.footer .footer-content .store-links {
	width: 100%;
	height: auto;
}
.footer .footer-content .store-links li {
	width: 50%;
	/* width: 32%; */
	line-height: 36px;
	margin: 0;
}
.footer .footer-content .copy p span {
	display: none;
}
.footer .footer-content .copy p:nth-of-type(2) {
	padding-left: 102px;
}
.footer .backtop {
	width: 48px;
}
.footer .backtop div img {
	padding: 18px 15px;
}
.home .swiper-container .swiper-button-prev,  .home .swiper-container .swiper-button-next {
	display: none;
}
.home .swiper-container .pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.home .swiper-container .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #555;
	margin: 0 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}
.home .swiper-container .swiper-active-switch {
	background: #fff;
}
.home .brands {
	padding: 40px 0;
}
.home .brands h2 {
	margin-left: 1.5%;
}
.home .brands .brands-box {
	margin: 0;
}
.home .brands .brands-box .leftplus1200 {
	margin-left: 1.5%;
}
.home .brands .brands-box .rightplus1600 {
	margin: 1.5%;
}
.home .brands .brands-box .leftplus1600 {
	margin: 1.5%;
}
.home .brands .brands-box a {
	margin: 1.5%;
	width: 47%;
	padding-bottom: 47%;
	height: 0;
	overflow: hidden;
	min-height: 0;
}
.home .brands .brands-box a .brand-img {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: auto;
	left: -42% \9;
}
.home .brands .brands-box a .mask {
	width: auto;
	height: auto;
}
.home .brands .brands-box a .mask img {
	width: 100%;
	height: auto;
}
.product .btn-container {
	display: none;
}
.product .brand-news,  .product .brand-history,  .product .product-profile,  .product .promotion-video,  .product .interactive {
	padding: 50px 0;
	/* margin-top: 145px; */
	padding-top: 40px;
}
.product .brand-profile {
	padding: 50px 0;
}
.product .brand-profile .logo {
	width: 50%;
}
.product .brand-profile .content {
	padding: 0 5%;
}
.product .brand-profile .profile-box {
	height: auto;
	margin: 0 auto;
}
.product .brand-profile .profile-box .profile-item {
	width: 100%;
	float: none;
	padding: 40px 0 20px 0;
}
.product .brand-profile .profile-box .profile-item h2 {
	font-size: 24px;
}
.product .brand-profile .profile-box .border {
	border: none;
	border-top: 1px solid #dddddd;
}
.product .brand-profile .profile-box .more-item {
	margin: 0;
}
.product .brand-profile .button {
	display: none;
}
.product .brand-news .container {
	width: 95%;
	margin-left: 5%;
}
.product .brand-news .container .swiper-container1 {
	width: 270%;
}
.product .brand-news .container .news-box .news-item a p {
	font-size: 14px;
}
.product .brand-news .container .explore {
	top: 45px;
	right: 5%;
	font-size: 14px;
}
.product .brand-news .container .explore img {
	margin: 0px 5px -3px 12px;
}
.product .brand-history .container {
	width: 95%;
	margin-left: 5%;
}
.product .brand-history .container .swiper-container2 {
	width: 100%;
}
.product .brand-history .container .explore {
	top: 48px;
	right: 10px;
}
.product .brand-history .container .history-box .history-item h2 {
	font-size: 20px;
}
.product .brand-history .container .history-box .history-item .line-box {
	position: relative;
	margin-bottom: 25px;
}
.product .brand-history .container .history-box .history-item .line-box .circle {
	width: 22px;
	height: 22px;
}
.product .brand-history .container .history-box .history-item .line-box .line {
	width: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	margin: 0;
	z-index: -1;
}
.product .brand-history .container .history-box .history-item img {
	width: 90%;
}
.product .product-profile .container .product-box {
	min-height: 500px;
	border: none;
}
.product .product-profile .container .product-box .level-box {
	display: block;
	width: 47%;
	border: 1px solid #ddd;
	padding: 11px 0;
	cursor: pointer;
}
.product .product-profile .container .product-box .level-box span {
	margin: 0 7%;
	font-size: 12px;
	display: inline-block;
	overflow: hidden;
	height: 1em;
	max-width: 9em;
}
.product .product-profile .container .product-box .level-box img {
	width: 13px;
	float: right;
	margin-right: 7%;
	position: absolute;
	top: 17px;
	right: 0;
}
.product .product-profile .container .product-box .level-box1 {
	float: left;
	position: relative;
}
.product .product-profile .container .product-box .level-box2 {
	float: right;
	position: relative;
}
.product .product-profile .container .product-box .level-one {
	display: none;
	width: 47%;
	border: 1px solid #ddd;
	border-top: none;
	position: absolute;
	top: 134px;
	left: 0;
	z-index: 1;
}
.product .product-profile .container .product-box .level-one span {
	font-size: 12px;
	padding: 9px 7% !important;
	line-height: 20px;
	text-align: left;
	width: 86% !important;
	background: #f9f9f9;
}
.product .product-profile .container .product-box .level-swiper {
	display: none;
}
.product .product-profile .container .product-box .level-two {
	display: none;
	width: 47%;
	margin: 0;
	border: 1px solid #ddd;
	border-top: none;
	position: absolute;
	top: 134px;
	right: 0;
	z-index: 1;
	white-space: nowrap;
}
.product .product-profile .container .product-box .level-two span {
	font-size: 12px;
	padding: 0 7%;
	line-height: 38px;
	display: block;
	width: 86% !important;
	background: #f9f9f9;
}
.product .product-profile .container .product-box .level-two .active {
	background: #eaeaea;
	color: #000;
}
.product .product-profile .container .product-box .level-three {
	border: 1px solid #ddd;
	margin-top: 15px;
	padding-bottom: 25px;
}
.product .product-profile .container .product-box .level-three>div .load-bg {
	display: block;
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
}
.product .product-profile .container .product-box .level-three>div .padding {
	padding-bottom: 65%;
}
.product .product-profile .container .product-box .level-three>div .right {
	width: 80%;
	float: none;
	margin: 0 auto;
}
.product .product-profile .container .product-box .level-three>div .right h2 {
	font-size: 18px;
	margin-top: 20px;
	padding: 0 0 20px 0;
}
.product .product-profile .container .product-box .level-three>div .right h3 {
	font-size: 14px;
	margin-bottom: 0;
}
.product .product-profile .container .product-box .level-three>div .right li {
	font-size: 12px;
	line-height: 20px;
	padding-left: 15px;
}
.product .product-profile .container .product-box .level-three>div .right li span {
	font-size: 35px;
	top: 9px;
	left: -5px;
}
.product .promotion-video .container {
	/*width: 95%;
	margin-left: 5%;*/ width:90%; padding:5%;
}
.product .promotion-video .container .swiper-container {
	width: 180%;
}
.product-news .content {
	margin-left: -3%;
}
.product-news .content .item {
	width: 46.7%;
	margin-left: 3%;
}
.product-news .content .item p {
	font-size: 14px;
	margin: 8px 0;
}
.product-news .content .item span {
	font-size: 12px;
	margin-bottom: 40px;
}
.product-news .content .item div {
	height: 7em;
}
.about-item,  .investor-item,  .product-news,  .news,  .news-detail,  .csr-report,  .csr-activity,  .csr-video,  .contact,  .page404,  .search-result {
	padding-top: 0;
	padding-bottom: 40px;
}
.about-item .crumb,  .investor-item .crumb,  .product-news .crumb,  .news .crumb,  .news-detail .crumb,  .csr-report .crumb,  .csr-activity .crumb,  .csr-video .crumb,  .contact .crumb,  .page404 .crumb,  .search-result .crumb {
	font-size: 14px;
	padding-top: 16px;
	margin-bottom: 16px;
}
.about-company .logo {
	width: 40%;
	max-width: 204px;
	margin: 35px 0 70px 0;
}
.about-company .content h1 {
	font-size: 20px;
	margin: 35px 0 25px 0;
}
.about-company .content p {
	font-size: 14px;
}
.about-chairman h1 {
	font-size: 20px !important;
	margin: 35px 0 15px 0;
	font-weight: normal;
}
.about-chairman .content {
	padding-top: 11px;
}
.about-chairman .content p {
	font-size: 14px;
}
.about-chairman .content .font-box {
	float: none;
	width: 100% !important;
	margin: 30px 0;
}
.about-chairman .content .font-box h2 {
	font-weight: normal;
	font-size: 20px !important;
}
.about-chairman .content .font-box .show-m {
	display: block;
	width: 68% !important;
	margin: 30px auto;
}
.about-chairman .content .img-right {
	display: none;
}
.about-chairman .content .autograph {
	padding-bottom: 90px;
}
.about-chairman .content .autograph img {
	width: 40% !important;
	max-width: 228px;
}
.about-chairman .content .autograph p {
	margin-top: 10px;
}
.about-cultural .banner-img {
	display: none;
	max-width: 610px;
}
.about-cultural .show-m {
	display: block;
	margin: 30px auto;
}
.about-history {
	position: relative;
}
.about-history .select-box {
	margin-top: 25px;
	display: block;
	border: 1px solid #dddddd;
	padding: 11px 0;
	cursor: pointer;
}
.about-history .select-box span {
	margin: 0 20px;
}
.about-history .select-box img {
	width: 13px;
	margin-top: 6px;
	float: right;
	margin-right: 20px;
}
.about-history .left {
	display: none;
	position: absolute;
	top: 99px;
	left: 0;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-top: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	z-index: 9;
	height: 252px;
	overflow: scroll;
}
.about-history .left a {
	font-size: 12px;
	line-height: 42px;
	border: none;
}
.about-history .left .btn {
	display: none;
}
.about-history .right {
	float: none;
	width: 100%;
	margin: 0;
}
.about-history .right h2 {
	display: none;
}
.about-history .right .history-item {
	padding-top: 25px;
}
.about-history .right .history-item p {
	margin-bottom: 25px;
	letter-spacing: 1px;
	line-height: 1.5em;
	position: relative;
	padding-left: 15px;
}
.about-history .right .history-item p span {
	top: 10px;
	font-size: 35px;
}
.about-history .right .history-item:first-of-type {
	border: none;
}
.about-award {
	position: relative;
}
.about-award .select-box {
	margin-top: 25px;
	display: block;
	border: 1px solid #dddddd;
	padding: 11px 0;
	cursor: pointer;
}
.about-award .select-box span {
	margin: 0 20px;
}
.about-award .select-box img {
	width: 13px;
	margin-top: 6px;
	float: right;
	margin-right: 20px;
}
.about-award .left {
	display: none;
	position: absolute;
	top: 99px;
	left: 0;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-top: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
.about-award .left a {
	line-height: 42px;
	border: none;
}
.about-award .left .btn {
	display: none;
}
.about-award .right {
	float: none;
	width: 100%;
	margin: 0;
}
.about-award .right h2 {
	display: none;
}
.about-award .right .img-box {
	border: none;
}
.about-award .right .img-box div {
	float: none;
	margin-bottom: 25px;
	width: 100%;
}
.about-award .right .img-box div img {
	width: 100%;
}
.about-award .right .content-box {
	margin-top: 25px;
	padding-top: 25px;
}
.about-award .right .content-box p {
	line-height: 20px;
}
.about-award .right .content-box p span {
	top: 10px;
	font-size: 35px;
}
.news .news-item .font-box {
	float: right;
	width: 55%;
	padding: 20px 0;
}
.news .news-item .font-box span {
	font-size: 12px;
}
.news .news-item .font-box h2 {
	font-size: 14px;
}
.news .news-item .font-box p {
	display: none;
}
.news .news-item img {
	width: 42%;
	float: left;
	margin: 20px 0;
}
.news #page {
	display: none;
	font-size: 14px;
	text-align: center;
}
.news #page * {
	padding: 1px 6px;
	margin-right: 10px;
}
.news #page a {
	display: none;
}
.news #page #prePage {
	display: inline;
}
.news #page #nextPage {
	display: inline;
}
.news #page span {
	display: none;
}
.news .more {
	display: block;
	background: #ffffff;
	color: #000000;
	width: 100%;
	height: 40px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #000000;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	margin: 30px auto;
}
.news-detail .content {
	padding-bottom: 35px;
}
.news-detail h1 {
	font-size: 22px;
	font-weight: normal;
	margin-top: 30px;
}
.news-detail img {
	width: 100%;
	height: auto;
}
.investor-notice .select-box,  .investor-notice .select-box2 {
	width: 48%;
	padding: 11px 0;
}
.investor-notice .select-box span,  .investor-notice .select-box2 span {
	font-size: 16px;
	margin: 0 7%;
}
.investor-notice .select-box i,  .investor-notice .select-box2 i {
	margin-top: 5px;
}
.investor-notice .select-box2 {
	display: block;
	float: right;
}
.investor-notice .select-box2 span img {
	display: none;
}
.investor-notice .show-m {
	display: block;
}
.investor-notice .left1,  .investor-notice .left2 {
	display: none;
	position: absolute;
	right: 0;
	width: 48%;
	border: 1px solid #dddddd;
	border-top: none;
}
.investor-notice .left1 a,  .investor-notice .left2 a {
	font-size: 14px;
	padding: 0 7%;
	line-height: 38px;
	text-align: left;
	background: #f9f9f9;
	border: none;
}
.investor-notice .left1 a img,  .investor-notice .left2 a img {
	margin-top: 12px;
	display: none;
}
.investor-notice .left1 {
	top: auto;
}
.investor-notice .left2 .active img {
	display: none;
}
.investor-notice .right {
	width: 100%;
	float: none;
	margin-top: 25px;
}
.investor-notice .right a .img-r {
	display: none;
}
.investor-notice .right a p {
	width: 90%;
	line-height: 24px;
	vertical-align: middle;
}
.investor-notice .right a div img {
	margin: 0;
}
.investor-notice .right a:hover div span {
	display: none;
}
.investor-notice .btn-box {
	width: 100%;
}
.investor-govern .sort a {
	font-size: 16px;
	padding-bottom: 12px;
	margin-top: 0;
	margin-right: 12px;
}
.investor-govern h2 {
	font-size: 20px;
	margin-top: 35px;
	padding-bottom: 15px;
}
.investor-govern .govern-box {
	padding-bottom: 25px;
}
.investor-govern .govern-box .main-item {
	padding: 20px 0;
	border: none;
}
.investor-govern .govern-box .main-item img {
	width: 100%;
}
.investor-govern .govern-box .main-item .item-font {
	float: none;
	width: 100%;
}
.investor-govern .govern-box .main-item .item-font h3,  .investor-govern .govern-box .main-item .item-font h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 13px 0;
}
.investor-govern .govern-box .main-item .item-font p {
	color: #000000;
	display: none;
}
.investor-govern .govern-box .main-item .item-font .btn {
	font-size: 14px;
	cursor: pointer;
	color: #666666;
	display: inline-block;
}
.investor-govern .govern-box .main-item .item-font .up .p-hide {
	display: inline-block;
}
.investor-govern .govern-box .main-item .item-font .up .p-show {
	display: none;
}
.investor-govern .govern-box .main-item .item-font .down .p-hide {
	display: none;
}
.investor-govern .govern-box .main-item .item-font .down .p-show {
	display: inline-block;
}
.investor-govern .govern-box .item-box {
	margin: 0;
}
.investor-govern .govern-box .item-box .govern-item {
	margin-top: 20px;
	width: 100%;
	padding: 0;
	display: block;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}
.investor-govern .govern-box .item-box .govern-item h3,  .investor-govern .govern-box .item-box .govern-item h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 13px 0;
}
.investor-govern .govern-box .item-box .govern-item p {
	color: #000000;
	display: none;
}
.investor-govern .govern-box .item-box .govern-item .btn {
	font-size: 14px;
	cursor: pointer;
	color: #666666;
	display: inline-block;
}
.investor-govern .govern-box .item-box .govern-item .up .p-hide {
	display: inline-block;
}
.investor-govern .govern-box .item-box .govern-item .up .p-show {
	display: none;
}
.investor-govern .govern-box .item-box .govern-item .down .p-hide {
	display: none;
}
.investor-govern .govern-box .item-box .govern-item .down .p-show {
	display: inline-block;
}
.investor-govern .articles a {
	border-bottom: 1px dashed #dddddd;
}
.investor-govern .articles a p {
	width: 90%;
}
.investor-govern .articles a .img-r {
	display: none;
}
.investor-govern .articles a div img {
	margin: 0;
	margin-top: 15px;
}
.investor-govern .articles a:hover div span {
	display: none;
}
.investor-report {
	position: relative;
}
.investor-report .select-box {
	display: block;
	border: 1px solid #dddddd;
	padding: 11px 0;
	cursor: pointer;
}
.investor-report .select-box span {
	margin: 0 20px;
	font-size: 12px;
}
.investor-report .select-box img {
	width: 13px;
	margin-top: 6px;
	float: right;
	margin-right: 20px;
}
.investor-report .left {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-top: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.investor-report .left a {
	font-size: 12px;
	line-height: 42px;
	border: none;
}
.investor-report .left a:hover {
	color: #d6b481;
}
.investor-report .left a:hover img {
	display: none;
}
.investor-report .left .active {
	color: #d6b481;
}
.investor-report .left .active img {
	display: none;
}
.investor-report .right {
	width: 100%;
	float: none;
	margin-top: 25px;
}
.investor-report .right a .img-r {
	display: none;
}
.investor-report .right a p {
	width: 90%;
	line-height: 22px;
	vertical-align: middle;
}
.investor-report .right a div img {
	margin: 0;
}
.investor-report .right a:hover div span {
	display: none;
}
.investor-rule .img-r {
	display: none;
}
.investor-rule .articles a div img {
	margin-left: 0;
	margin-right: 0;
}
.investor-stock h2 {
	font-size: 20px;
}
.csr-report .csr-item {
	width: 50%;
	float: none;
	margin: 0 auto;
	margin-bottom: 10%;
	margin-top: 10%;
}
.csr-report .csr-item p {
	font-size: 12px;
}
.csr-report .csr-item a {
	font-size: 12px;
	width: 80px;
}
.csr-report .csr-item a img {
	vertical-align: middle;
	margin-top: -4px;
	margin-left: 5px;
}
.csr-report .csr-item a:hover {
	text-decoration: underline;
}
.csr-report .csr-item:nth-of-type(2n) {
	margin: 0 auto;
	margin-bottom: 10%;
}
.csr-report .margin {
	margin: 0 auto;
	margin-bottom: 10%;
}
.csr-activity .top {
	padding-bottom: 10%;
	border-bottom: 1px solid #dddddd;
}
.csr-activity .top h2 {
	font-size: 20px;
	margin: 10% 0 7% 0;
}
.csr-activity .top p {
	font-size: 12px;
	margin: 0;
	line-height: 20px;
}
.csr-activity .bottom {
	padding-top: 10%;
}
.csr-activity .bottom .show-box {
	min-height: 158px;
	height: 47.5vw;
}
.csr-activity .bottom .swiper-container5 {
	width: 89%;
	margin-left: 5.5%;
}
.csr-activity .bottom .show-box .show-item p {
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	padding: 2%;
	width: 96%;
}
.csr-activity .bottom .swiper-button-prev5,  .csr-activity .bottom .swiper-button-next5,  .csr-activity .bottom .swiper-button-prev5:hover,  .csr-activity .bottom .swiper-button-next5:hover {
	background-size: 7px;
}
.csr-video .content {
	margin-left: -3%;
}
.csr-video .content a {
	width: 46.7%;
	margin-left: 3%;
	font-size: 14px;
	margin-bottom: 4em;
}
.csr-video .content a p {
	font-size: 14px;
}
.job {
	padding-top: 0;
	padding-bottom: 40px;
}
.job .banner-img {
	margin-bottom: 0;
}
.job .crumb {
	display: none;
}
.job .select-box {
	border: 1px solid #dddddd;
	padding: 11px 0;
	margin-bottom: 10px;
	margin-top: 20px;
	cursor: pointer;
}
.job .select-box span {
	margin: 0 3%;
	font-size: 16px;
}
.job .select-box img {
	width: 13px;
	margin-top: 6px;
	float: right;
	margin-right: 20px;
}
.job .top {
	float: none;
	width: auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10px 0;
}
.job .top .workplace {
	border: none;
}
.job .top a {
	display: inline;
	border: none;
	color: #000000;
	padding: 0;
	font-size: 14px;
	line-height: 27px;
	text-decoration: none;
}
.job .top a:hover {
	color: #000000;
}
.job .top a:hover img {
	display: none;
}
.job .top .active {
	color: #000000;
	border-bottom: 2px solid #bc2132;
}
.job .top .active img {
	display: none;
}
.job .left {
	width: 100%;
	margin: 0;
	position: relative;
}
.job .left>a {
	display: none;
}
.job .left .campus-box {
	border: 1px solid #dddddd;
	width: 100%;
	position: absolute;
	top: 51px;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999;
}
.job .left .campus-box a {
	display: block;
	font-size: 14px;
	padding: 0 3%;
	line-height: 38px;
	text-align: left;
	background: #f9f9f9;
	margin: 0;
}
.job .left .campus-box a img {
	margin-top: 13px;
}
.job .right {
	width: auto;
	float: none;
}
.job .border {
	margin-top: 20px;
}
.job-regist .crumb,  .job-login .crumb {
	display: block;
}
.job-regist .crumb .login,  .job-regist .crumb .regist,  .job-login .crumb .login,  .job-login .crumb .regist {
	display: none;
}
.contact .logo {
	width: 100%;
	margin-bottom: 5%;
}
.contact .contact-box {
	border: none;
}
.contact .contact-box .item-right {
	border-left: none;
	padding: 0;
}
.contact .contact-box .contact-item {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	border-top: 1px solid #dddddd;
	padding: 5% 0;
}
.contact .contact-box .contact-item h2 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 4%;
}
.contact .contact-box .contact-item p {
	font-size: 14px !important;
	line-height: 22px;
}
.contact .contact-box .contact-item p span {
	font-size: 14px !important;
}
.contact .contact-box .line {
	display: none;
}
.page404 img {
	max-width: 382px;
	width: 80%;
}
.page404 p {
	font-size: 14px;
}
.page404 a {
	width: 120px;
	height: 35px;
	line-height: 35px;
}
.search-result .container h2 {
	font-size: 28px;
}
.search-result .container .content .news-item .font-box {
	float: right;
	width: 55%;
	padding: 20px 0;
}
.search-result .container .content .news-item .font-box span {
	font-size: 14px;
}
.search-result .container .content .news-item .font-box h2 {
	font-size: 16px;
}
.search-result .container .content .news-item .font-box p {
	display: none;
}
.search-result .container .content .news-item img {
	width: 42%;
	max-width: 177px;
	float: left;
	margin: 20px 0;
}
.search-result .container .more {
	width: 100%;
	height: 40px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.search-result .container .more:hover {
	background: #ffffff;
	color: #000000;
}
}
 @media screen and (max-width: 350px) {
.footer .footer-content .store-links li {
	width: 50%;
}
}
 @media screen and (min-width: 768px) and (max-width: 1025px) {
.header .nav-box .nav-item .title {
	padding-left: 3%;
}
.header .nav-box .nav-item .content {
	padding-left: 3%;
}
.product .back-img .bg-m {
	display: none;
}
.product .back-img .bg-pad {
	display: block;
}
.product .back-img .bg-pc {
	display: none;
}
.job .left .campus-box a,  .job .left .employer-box a,  .job .left .workplace-box a {
	padding-left: 20px;
}
.job .left>a {
	padding-left: 10px;
}
}
 @media screen and (min-width: 1025px) {
.product .back-img .bg-m {
	display: none;
}
.product .back-img .bg-pad {
	display: none;
}
.product .back-img .bg-pc {
	display: block;
}
}
.product .interactive iframe {
	-webkit-transform-origin: top left;
	transform-origin: top left;
}
 @media screen and (max-width: 1110px) {
.job .regist-box iframe {
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}
}
 @media screen and (max-width: 1080px) {
.job .right iframe {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	margin-top: 0;
}
.job .regist-box iframe {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
}
 @media screen and (max-width: 1020px) {
.job .right iframe {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
}
 @media screen and (max-width: 960px) {
.job .right iframe {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
}
 @media screen and (max-width: 910px) {
.job .right iframe {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}
}
 @media screen and (max-width: 850px) {
.job .right iframe {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
}
 @media screen and (max-width: 800px) {
.job .right iframe {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.65);
	transform: scale(0.65);
	margin-top: -30px;
}
}
 @media screen and (max-width: 768px) {
.job .right iframe {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}
}
 @media screen and (max-width: 750px) {
.job .right iframe {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}
}
 @media screen and (max-width: 700px) {
.job .right iframe {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.55);
	transform: scale(0.55);
}
.product .interactive iframe {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}
}
 @media screen and (max-width: 650px) {
.job .right iframe {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}
.job .login-box iframe {
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}
.product .interactive iframe {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
}
 @media screen and (max-width: 620px) {
.job .right iframe {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
.job .login-box iframe {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.product .interactive iframe {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
}
 @media screen and (max-width: 570px) {
.job .right iframe {
	-webkit-transform: scale(0.65);
	transform: scale(0.65);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.45);
	transform: scale(0.45);
	margin-top: -20px;
}
.job .login-box iframe {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
.product .interactive iframe {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
}
 @media screen and (max-width: 530px) {
.job .right iframe {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
}
.job .login-box iframe {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}
.product .interactive iframe {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}
}
 @media screen and (max-width: 500px) {
.job .right iframe {
	-webkit-transform: scale(0.55);
	transform: scale(0.55);
}
.job .login-box iframe {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.product .interactive iframe {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
}
 @media screen and (max-width: 450px) {
.job .right iframe {
	-webkit-transform: scale(0.51);
	transform: scale(0.51);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.35);
	transform: scale(0.35);
	margin-top: -10px;
}
.job .login-box iframe {
	-webkit-transform: scale(0.65);
	transform: scale(0.65);
}
.product .interactive iframe {
	-webkit-transform: scale(0.65);
	transform: scale(0.65);
}
}
 @media screen and (max-width: 410px) {
.job .right iframe {
	-webkit-transform: scale(0.45);
	transform: scale(0.45);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}
.job .login-box iframe {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}
.product .interactive iframe {
	-webkit-transform: scale(0.55);
	transform: scale(0.55);
}
}
 @media screen and (max-width: 370px) {
.job .right iframe {
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
}
.job .regist-box iframe {
	-webkit-transform: scale(0.25);
	transform: scale(0.25);
}
.job .login-box iframe {
	-webkit-transform: scale(0.55);
	transform: scale(0.55);
}
.product .interactive iframe {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
}
 @media screen and (max-width: 340px) {
.job .right iframe {
	-webkit-transform: scale(0.35);
	transform: scale(0.35);
}
.job .login-box iframe {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
}



.f_lt{ float:left;}
.f_lt .f_logo{ }
.f_lt .f_logo img{ max-width:100%;}
.f_lt .f_list{ margin-top:50px;}
.f_lt .f_list .fx{ float:left;}
.f_lt .f_list .fx a{ margin-right:10px; position:relative; cursor:pointer;}
.f_lt .f_list .fx a>img{ width:49px; height:49px; vertical-align:middle;}
.f_lt .f_list .fx a .ewm{ height:150px; position:absolute; display:none; z-index:9999; top:-165px; right:-46px; display:none;}
.f_lt .f_list .fx a .ewm img{ width:150px; height:150px;}
.wxbg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;}
.f_lt .f_list .dh{ float:left; margin-left:40px;}
.f_lt .f_list .dh table{ border-spacing:0;}
.f_lt .f_list .dh table td{ padding:0 5px; font-size:14px; line-height:1.6em;}
.f_lt .f_list .dh img{}
.f_lt .f_list .dh a{ color:#fff; text-decoration:none;}
.f_rt{ float:right;}
.f_rt dl{ float:left; margin-left:50px; -webkit-margin-before: 0em; -webkit-margin-after: 0em;}
.f_rt dl dt{ font-size:20px; line-height:2em; margin:.5em 0;}
.f_rt dl dd{ font-size:14px; line-height:1.5em; margin:.5em 0;}
.f_rt dl dd a{ color:#fff; text-decoration:none;}
.f_rt dl dd a:hover{ color:#d6b481;}

.f_btm{ text-align:center; margin-top:60px;}
.f_btm ul li{ list-style:none; font-size:14px; line-height:1.5em; margin:.5em 0;}
.f_btm ul li a{ color:#fff; text-decoration:none;}
.f_btm ul li a:hover{ color:#d6b481;}





/*slideTxtBox_01*/
.slideTxtBox_01{ padding-bottom:30px;}
.slideTxtBox_01 .hd{ background:#f5f5f5; height:60px;}
.slideTxtBox_01 .hd ul{ }
.slideTxtBox_01 .hd ul li{cursor:pointer; float:left; text-align:center; width:20%; list-style:none; height:60px; line-height:60px;}
.slideTxtBox_01 .hd ul li.on{ background:#ddd;} 
.slideTxtBox_01 .bd{ margin:0 1%;}
.slideTxtBox_01 .bd ul li{ float:left; width:31.33%; margin:2% 1% 0 1%; text-align:center; list-style:none;}
.slideTxtBox_01 .bd ul li .img{ height:250px; width:100%; position:relative;}
.slideTxtBox_01 .bd ul li .img img{ max-width:100%; max-height:250px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.slideTxtBox_01 .bd ul li .txt{}
.slideTxtBox_01 .bd ul li .txt h2{ font-size:20px; line-height:2em; height:2em; overflow:hidden;}
.slideTxtBox_01 .bd ul li .txt h3{ font-weight:normal; font-size:12px; line-height:1.5em; color:#999; margin-top:20px;}
.slideTxtBox_01 .bd ul li .txt h3 img{ }
.slideTxtBox_01 .bd ul li .txt h4{ font-weight:normal; font-size:16px; line-height:1.5em; color:#666;}
.btn1{ margin-top:20px; text-align:center;}
.btn1 a{ display:inline-block; width:120px; height:30px; line-height:30px; background:#525961; color:#fff; font-size:16px; text-decoration:none;}
.btn1 a:hover{}
h1,h2,h3,h4,h5,h6{ -webkit-margin-before: 0em; -webkit-margin-after: 0em;}
@media(max-width:768px){
.slideTxtBox_01 .hd{ overflow-X:scroll;}
.slideTxtBox_01 .hd ul{ width:1920px;}
.slideTxtBox_01 .hd ul li{ width:auto; padding:0 20px;}
.slideTxtBox_01 .bd ul li{ float:left; width:98%; margin:2% 1% 0 1%;}
}



.newsbg{ }
.newsbg ul li{ padding:20px 0; border-bottom:1px solid #ccc; list-style:none;}
.newsbg ul li table{ border-spacing:0;}
.newsbg ul li table td{}
.newsbg ul li .txt{ width:75%; padding-right:2%;}
.newsbg ul li .txt h2{ font-weight:normal; font-size:14px; line-height:1.5em; color:#999;}
.newsbg ul li .txt h3{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden;}
.newsbg ul li .txt h3 a{ color:#333; text-decoration:none;}
.newsbg ul li .txt h3 a:hover{ text-decoration:underline;}
.newsbg ul li .txt h4{ font-weight:normal; font-size:14px; line-height:1.5em; max-height:6em; overflow:hidden; color:#999;}
.newsbg ul li .img{ width:23%;}
.newsbg ul li .img img{ width:100%;}
@media(max-width:768px){
.newsbg ul li .txt{ width:58%; padding-right:2%;}
.newsbg ul li .txt h2{ line-height:2em;}
.newsbg ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden;}
.newsbg ul li .txt h4{ display:none;}
.newsbg ul li .img{ width:40%;}
}





.picList1bg{ padding-bottom:50px;}
.picList1{ max-width:1600px; margin:0 auto;}
.picList1 ul{ margin:0 1%;}
.picList1 ul li{ float:left; width:23%; margin:2% 1% 0 1%; list-style:none;}
.picList1 ul li .top{ border:1px solid #eee;}
.picList1 ul li .top .img{}
.picList1 ul li .top .img img{ width:100%;}
.picList1 ul li .top .txt{ padding:10px;}
.picList1 ul li .top .txt h2{ font-weight:normal; font-size:12px; line-height:2em; color:#999;}
.picList1 ul li .top .txt h3{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden;}
.picList1 ul li .top .txt h3 a{ text-decoration:none; color:#333;}
.picList1 ul li .top .txt h3 a:hover{}
.picList1 ul li .top .txt h4{ font-weight:normal; font-size:16px; line-height:1.5em; height:3em; overflow:hidden; color:#999;}
.picList1 ul li .top .txt h5{ font-weight:normal; font-size:12px;}
.picList1 ul li .top .txt h5 a{ display:inline-block; padding:5px 10px; background:#000; color:#fff; text-decoration:none;}
.picList1 ul li .top .txt h5 a:hover{}
.picList1 ul li .btm{ border:1px solid #eee; border-top:none; padding:5px 10px;}
.picList1 ul li .btm h2{ font-weight:normal; font-size:12px; line-height:2em; color:#999;}
.picList1 ul li .btm h2 img{ margin-right:5px; vertical-align:middle;}
@media(max-width:1024px){
.picList1 ul li{ float:left; width:48%; margin:2% 1% 0 1%; list-style:none;}
}
@media(max-width:768px){
.picList1 ul li{ float:left; width:98%; margin:2% 1% 0 1%; list-style:none;}
}