@charset "utf-8";
/* ====================公共样式========================= */

.w13{
	width: 1300px;
	max-width: 92%;
	margin: 0 auto;
}
.w14{
	width: 1400px;
	max-width: 92%;
	margin: 0 auto;
}
.w15{
	width: 1560px;
	max-width: 92%;
	margin: 0 auto;
}

.pc{
	display: block;
}
.mb{
	display: none;
}


.com_btn{
	    background-image: linear-gradient(to right, #05675c , #098b7f);
}

.com_bg{
	background-image: linear-gradient(to right, #05675c , #098b7f);
}

/* 公共标题 start */
.com_tit{
	color: black;
	text-align: center;
}
.com_tit h3{
	font-size: 16px;
	font-family: "PINGFANG HEAVY";
	letter-spacing: 1px;
}
.com_tit p{
	position: relative;
	display: inline-block;
	font-size: 15px;
	margin-top: 0.15rem;
	font-family: "PINGFANG MEDIUM";
}
.com_tit p::before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #05675c , #098b7f);
    margin-top: 0.1rem;
}
/* 公共标题 end */


/* com-more start */
.com_more{
	margin-top: 0.08rem;
	text-align: center;
}
.com_more a{
	font-size: 16px;
	color: black;
	/* font-family: "Staccato"; */
	/* font-family: "PINGFANG MEDIUM"; */
	font-family: "PINGFANG REGULAR";
	/* font-family: "PINGFANG LIGHT"; */
}
.com_more a{
	position: relative;
}
.com_more a::before{
	position: absolute;
	content: "";
	left: 50%;
	top: 100%;
	margin-left: -5px;
	background: url(../images/more.png) no-repeat center;
	width: 10px;
	height: 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.com_more#up a::before{
	 -moz-transform:scaleY(-1); 
	 -webkit-transform:scaleY(-1); 
	 -o-transform:scaleY(-1); 
	 transform:scaleY(-1); 
	 /*IE*/ 
	 filter:FlipV; 
}
/* com-more end */

/* search_show start*/
.search-box {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0%;
	z-index: 99;
	background: rgba(0, 0, 0, .7);
	display: none;
}

.search-box #close {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 18%;
	top: 15%;
	cursor: pointer;
}

.search-box form {
	position: absolute;
	width: 8rem;
	left: calc( (100% - 8rem) / 2);
	top: 45%;
	margin-top: -0.3rem;
	font-size: 0;
}

.search-box form input {
	width: 75%;
	height: 0.6rem;
	line-height: 0.6rem;
	margin: 0 auto;
	border: none;
	padding-left: 0.1rem;
	font-size: 14px;
	outline: none;
	display: inline-block;
}

.search-box form button {
	width: 24%;
	margin-left: 1%;
	height: 0.6rem;
	background-color: #000000;
	color: #ffffff;
	border: 2px solid #cccccc;
	font-size: 18px;
	display: inline-block;
}
/* search_show end*/
/* 头部 */

/* 引入字体 */

/* 苹方特粗 */
@font-face {
    font-family: 'PINGFANG HEAVY';
    src: url('../fonts/PINGFANG HEAVY.TTF'),
    url('../fonts/PINGFANG HEAVY.eot'),
    url('../fonts/PINGFANG HEAVY.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PINGFANG HEAVY.woff2') format('woff2'),
    url('../fonts/PINGFANG HEAVY.woff') format('woff'),
    url('../fonts/PINGFANG HEAVY.ttf') format('truetype'),
    url('../fonts/PINGFANG HEAVY.svg#svgFontName') format('svg');
}
/* 苹方中等 */
@font-face {
    font-family: 'PINGFANG MEDIUM';
    src: url('../fonts/PINGFANG MEDIUM.TTF'),
    url('../fonts/PINGFANG MEDIUM.eot'),
    url('../fonts/PINGFANG MEDIUM.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PINGFANG MEDIUM.woff2') format('woff2'),
    url('../fonts/PPINGFANG MEDIUM.woff') format('woff'),
    url('../fonts/PINGFANG MEDIUM.ttf') format('truetype'),
    url('../fonts/PINGFANG MEDIUM.svg#svgFontName') format('svg');
}

/* 苹方细体 */
@font-face {
    font-family: 'PINGFANG LIGHT';
    src: url('../fonts/PINGFANG LIGHT.TTF'),
    url('../fonts/PINGFANG LIGHT.eot'),
    url('../fonts/PINGFANG LIGHT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PINGFANG LIGHT.woff2') format('woff2'),
    url('../fonts/PPINGFANG LIGHT.woff') format('woff'),
    url('../fonts/PINGFANG LIGHT.ttf') format('truetype'),
    url('../fonts/PINGFANG LIGHT.svg#svgFontName') format('svg');
}

/* 苹方常规 */
@font-face {
    font-family: 'PINGFANG REGULAR';
    src: url('../fonts/PINGFANG REGULAR.TTF'),
    url('../fonts/PINGFANG REGULAR.eot'),
    url('../fonts/PINGFANG REGULAR.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PINGFANG REGULAR.woff2') format('woff2'),
    url('../fonts/PPINGFANG REGULAR.woff') format('woff'),
    url('../fonts/PINGFANG REGULAR.ttf') format('truetype'),
    url('../fonts/PINGFANG REGULAR.svg#svgFontName') format('svg');
}

/* Haettenschweiler 字体*/
@font-face {
    font-family: 'Haettenschweiler';
    src: url('../fonts/Haettenschweiler.TTF'),
    url('../fonts/Haettenschweiler.eot'),
    url('../fonts/Haettenschweiler.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Haettenschweiler.woff2') format('woff2'),
    url('../fonts/Haettenschweiler.woff') format('woff'),
    url('../fonts/Haettenschweiler.ttf') format('truetype'),
    url('../fonts/Haettenschweiler.svg#svgFontName') format('svg');
}
/* OPPOSans-J H 字体 */
@font-face {
    font-family: 'JH';
    src: url('../fonts/OPPOSans-J H.TTF'),
    url('../fonts/OPPOSans-J H.eot'),
    url('../fonts/OPPOSans-J H.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OPPOSans-J H.woff2') format('woff2'),
    url('../fonts/OPPOSans-J H.woff') format('woff'),
    url('../fonts/OPPOSans-J H.ttf') format('truetype'),
    url('../fonts/OPPOSans-J H.svg#svgFontName') format('svg');
}
/* OPPOSans-S M 字体 */
@font-face {
    font-family: 'SM';
    src: url('../fonts/OPPOSans-S M.TTF'),
    url('../fonts/OPPOSans-S M.eot'),
    url('../fonts/OPPOSans-S M.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OPPOSans-S M.woff2') format('woff2'),
    url('../fonts/OPPOSans-S M.woff') format('woff'),
    url('../fonts/OPPOSans-S M.ttf') format('truetype'),
    url('../fonts/OPPOSans-S M.svg#svgFontName') format('svg');
}
/* 苹方特粗 */
.PF_HEAVY{
	font-family: "PINGFANG HEAVY";
}
/* 苹方中等 */
.PF_MEDIUM{
	font-family: "PINGFANG MEDIUM";
}
/* 苹方细体 */
.PF_LIGHT{
	font-family: "PINGFANG LIGHT";
}
/* 苹方常规 */
.PF_REGULAR{
	font-family: "PINGFANG REGULAR";
}
.JH{
	font-family: "JH";
}
.SM{
	font-family: "SM";
}
.com-img img{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.fl{float: left;}
.fr{float: right;}
.show{display:block;}
.hide{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}/*字母转换为大写*/
.ofh{overflow:hidden;}
.pst-rel{position:relative;}
.pst-abs{position:absolute;}


.col-2{width:50%;float:left;}
.col-3{width:33.333333%;float:left;}
.col-4{width:25%;float:left;}
.col-5{width:20%;float:left;}
.col-6{widows: 16.6666%;float:left;}




/* 底部 */




/* 中间+共用部分 */





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:960px){
	.pc{
		display: none;
	}
	.mb{
		display: block;
	}
}
@media all and (max-width:780px) {
    /* 移动终端以上 360 适配 */
	
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}