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

.w14{
	width: 1400px;
	margin: 0 auto;
	max-width: 92%;
}
.w13{
	width: 1300px;
	margin: 0 auto;
	max-width: 92%;
}
.w16{
	width: 1600px;
	margin: 0 auto;
	max-width: 92%;
}
.pc{
	display: block;
}
.mb{
	display: none;
}
.pad{
	display: none;
}
.pad_hide{
	display: block;
}
/* index_tite start */
.index_tit{
	color: black;
	text-align: center;
}
.index_tit h3{
	font-size: 28px;
	font-family: "JH";
}
.index_tit p{
	font-size: 20px;
	margin-top: 0.18rem;
	font-family: "JL";
}
/* index_tit end */

/* com_tit start */
.com_tit{
	color: black;
	text-align: center;
}
.com_tit h3{
	font-size: 20px;
	font-family: "JH";
	text-transform: uppercase;
}
.com_tit p{
	font-size: 16px;
	font-family: "JL";
	margin-top: 0.12rem;
}
/* com_tit 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*/

/* totop start */
#totop {
    width: 50px;
    height: 54px;
    cursor: pointer;
    position: fixed;
    right: 0.3rem;
    bottom: 8%;
    background: #fff url(../images/totop.png) no-repeat center 50%;
    border: 1px solid #e2e2e2;
    opacity: 0.85;
    z-index: 100;
    display: none;
	mix-blend-mode: exclusion;
}
/* totop end */

/* com-more start */
.com-more{
	margin-top: 0.08rem;
	text-align: center;
}
.com-more a{
	font-size: 18px;
	color: black;
	font-family: "Staccato";
}
/* com-more end */


/* search_list end */
.search_list{
	padding: 1rem 0;
}
.search_list ul{}
.search_list ul li{
	
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 20px;
}
.search_list ul li a{
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}
/* search_list end */

/* 头部 */

/* 引入字体 */
@font-face {
    font-family: '066-CAI';
    src: url('../fonts/066-CAI978.ttf'),
    url('../fonts/066-CAI978.eot'),
    url('../fonts/066-CAI978.eot?#iefix') format('embedded-opentype'),
    url('../fonts/066-CAI978.woff2') format('woff2'),
    url('../fonts/066-CAI978.woff') format('woff'),
    url('../fonts/066-CAI978.ttf') format('truetype'),
    url('../fonts/066-CAI978.svg#svgFontName') format('svg');
}

@font-face {
    font-family: '884-CAI';
    src: url('../fonts/884-CAI978.ttf'),
    url('../fonts/884-CAI978.eot'),
    url('../fonts/884-CAI978.eot?#iefix') format('embedded-opentype'),
    url('../fonts/884-CAI978.woff2') format('woff2'),
    url('../fonts/884-CAI978.woff') format('woff'),
    url('../fonts/884-CAI978.ttf') format('truetype'),
    url('../fonts/884-CAI978.svg#svgFontName') format('svg');
}

@font-face {
    font-family: '735-CAI';
    src: url('../fonts/735-CAI978.ttf'),
    url('../fonts/735-CAI978.eot'),
    url('../fonts/735-CAI978.eot?#iefix') format('embedded-opentype'),
    url('../fonts/735-CAI978.woff2') format('woff2'),
    url('../fonts/735-CAI978.woff') format('woff'),
    url('../fonts/735-CAI978.ttf') format('truetype'),
    url('../fonts/735-CAI978.svg#svgFontName') format('svg');
}


@font-face {
    font-family: 'Elegant';
    src: url('../fonts/Elegant.ttf'),
    url('../fonts/Elegant.eot'),
    url('../fonts/Elegant.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Elegant.woff2') format('woff2'),
    url('../fonts/Elegant.woff') format('woff'),
    url('../fonts/Elegant.ttf') format('truetype'),
    url('../fonts/Elegant.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'EDI';
    src: url('../fonts/Eras Demi ITC.ttf'),
    url('../fonts/Eras Demi ITC.eot'),
    url('../fonts/Eras Demi ITC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Eras Demi ITC.woff2') format('woff2'),
    url('../fonts/Eras Demi ITC.woff') format('woff'),
    url('../fonts/Eras Demi ITC.ttf') format('truetype'),
    url('../fonts/Eras Demi ITC.svg#svgFontName') format('svg');
}

@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');
}

/* @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');*/
/*}*/

/*@font-face {*/
/*    font-family: 'JL';*/
/*    src: url('../fonts/OPPOSans-J L.ttf'),*/
/*    url('../fonts/OPPOSans-J L.eot'),*/
/*    url('../fonts/OPPOSans-J L.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/OPPOSans-J L.woff2') format('woff2'),*/
/*    url('../fonts/OPPOSans-J L.woff') format('woff'),*/
/*    url('../fonts/OPPOSans-J L.ttf') format('truetype'),*/
/*    url('../fonts/OPPOSans-J L.svg#svgFontName') format('svg');*/
/*}*/

/*@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');*/
/*}*/

/*@font-face {*/
/*    font-family: 'SB';*/
/*    src: url('../fonts/OPPOSans-S-B.ttf'),*/
/*    url('../fonts/OPPOSans-S-B.eot'),*/
/*    url('../fonts/OPPOSans-S-B.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/OPPOSans-S-B.woff2') format('woff2'),*/
/*    url('../fonts/OPPOSans-S-B.woff') format('woff'),*/
/*    url('../fonts/OPPOSans-S-B.ttf') format('truetype'),*/
/*    url('../fonts/OPPOSans-S-B.svg#svgFontName') format('svg');*/
/*}*/
@font-face {
    font-family: 'SR';
    src: url('../fonts/OPPOSans-S R.ttf'),
    url('../fonts/OPPOSans-S R.eot'),
    url('../fonts/OPPOSans-S R.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OPPOSans-S R.woff2') format('woff2'),
    url('../fonts/OPPOSans-S R.woff') format('woff'),
    url('../fonts/OPPOSans-S R.ttf') format('truetype'),
    url('../fonts/OPPOSans-S R.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'R';
    src: url('../fonts/OPPOSans R.ttf'),
    url('../fonts/OPPOSans R.eot'),
    url('../fonts/OPPOSans R.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OPPOSans R.woff2') format('woff2'),
    url('../fonts/OPPOSans R.woff') format('woff'),
    url('../fonts/OPPOSans R.ttf') format('truetype'),
    url('../fonts/OPPOSans R.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'CN-L';
    src: url('../fonts/CN-ExtraLight.ttf'),
    url('../fonts/CN-ExtraLight.eot'),
    url('../fonts/CN-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CN-ExtraLight.woff2') format('woff2'),
    url('../fonts/CN-ExtraLight.woff') format('woff'),
    url('../fonts/CN-ExtraLight.ttf') format('truetype'),
    url('../fonts/CN-ExtraLight.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'CN-R';
    src: url('../fonts/CN-Regular.ttf'),
    url('../fonts/CN-Regular.eot'),
    url('../fonts/CN-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CN-Regular.woff2') format('woff2'),
    url('../fonts/CN-Regular.woff') format('woff'),
    url('../fonts/CN-Regular.ttf') format('truetype'),
    url('../fonts/CN-Regular.svg#svgFontName') format('svg');
} 

@font-face {
    font-family: 'Staccato';
    src: url('../fonts/Staccato.ttf'),
    url('../fonts/Staccato.eot'),
    url('../fonts/Staccato.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Staccato.woff2') format('woff2'),
    url('../fonts/Staccato.woff') format('woff'),
    url('../fonts/Staccato.ttf') format('truetype'),
    url('../fonts/Staccato.svg#svgFontName') format('svg');
}
.com-img{
	overflow: hidden;
}
.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 适配 */
	.pad{
		display: block;
	}
	.pad_hide{
		display: none;
	}
	
}
@media all and (max-width:768px){
	.pc{
		display: none;
	}
	.mb{
		display: block;
	}
	#totop{
		width: 35px;
		height: 37px;
		border-radius: 4px;
	}
	
	.index_tit h3{
		font-size: 0.32rem;
	}
	.index_tit p{
		font-size: 0.22rem;
	}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}