@charset "utf-8";
/*reset Css*/

* {
	margin: 0;
	padding: 0;
}

/** 娓呴櫎鍐呭杈硅窛 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */
dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */
pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */
form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */
th, td /* table elements 琛ㄦ牸鍏冪礌 */ {
    margin: 0;padding: 0;
}

body {
	background-color: #fff;/*鏁翠綋鑳屾櫙棰滆壊*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*绂佹澶嶅埗*/
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*鐐瑰嚮楂樹寒鏁堟灉*/
}

/*clearfix娓呴櫎娴姩*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 榛樿鍚堝苟琛ㄦ牸杈规 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>鏍囩 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input鏍囩鑱氱劍涓嶅嚭鐜伴粯璁よ竟妗 */

textarea { resize:none; } /* 绂佺敤浜嗘枃鏈殑鎷栨媺锛屽挨鍏跺湪璋锋瓕涓 */
select, button, input,img {vertical-align: middle;}/*鍘婚櫎鍥剧墖搴曢儴缂濋殭骞跺熀浜庝腑绾垮榻?/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}
/** 璁剧疆榛樿瀛椾綋 **/
/* 
    瀹嬩綋锛歕5B8B\4F53
    鏂板畫浣擄細\65B0\5B8B\4F53
    榛戜綋锛歕9ED1\4F53
    寰蒋闆呴粦锛歕5FAE\8F6F\96C5\9ED1
    妤蜂綋锛歕6977\4F53_GB2312
    鎬濇簮榛戜綋锛 Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "Microsoft YaHei",Arial,"Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;overflow-x: hidden;}

/*End reset*/

/*public Css*/

/* 閲嶇粯鍏冪礌杈规鐩 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 闃绘windows Phone 鐨勯粯璁よЕ鎽镐簨浠 */}

/*鍏煎iphone鍘婚櫎榛樿input琛ㄥ崟榛樿璁剧疆*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix娓呴櫎娴姩*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 姘村钩鍨傜洿灞呬腑 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

/*鍔ㄧ敾--瑙勫畾鍔ㄧ敾绉诲姩鍑哄幓鐨勬椂闂?/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 鎸囧畾鏂囧瓧绂佹澶嶅埗 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 鏂囧瓧闄愬埗琛屾暟 */
/* 闄愬埗涓€琛 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 銆愬父鐢ㄣ€戦檺鍒跺琛 淇敼琛屾暟-webkit-line-clamp: 2;銆愬吋瀹瑰繀椤婚檺楂樸€ */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/* 寮曞叆瀛椾綋 */
/* @font-face {
    font-family: 'OS-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: 'OS-L';
    src: url('../fonts/OPPOSans-L.ttf'),
    url('../fonts/OPPOSans-L.eot'),
    url('../fonts/OPPOSans-L.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OPPOSans-L.woff2') format('woff2'),
    url('../fonts/OPPOSans-L.woff') format('woff'),
    url('../fonts/OPPOSans-L.ttf') format('truetype'),
    url('../fonts/OPPOSans-L.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'OS-B';
    src: url('../fonts/OPPOSans-B.ttf'),
    url('../fonts/OPPOSans-B.eot'),
    url('../fonts/OPPOSans-B.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OPPOSans-B.woff2') format('woff2'),
    url('../fonts/OPPOSans-B.woff') format('woff'),
    url('../fonts/OPPOSans-B.ttf') format('truetype'),
    url('../fonts/OPPOSans-B.svg#svgFontName') format('svg');
} */
@font-face {
    font-family: 'GothamRounded Book';
    src: url('../fonts/GothamRounded Book.ttf'),
    url('../fonts/GothamRounded Book.eot'),
    url('../fonts/GothamRounded Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamRounded Book.woff2') format('woff2'),
    url('../fonts/GothamRounded Book.woff') format('woff'),
    url('../fonts/GothamRounded Book.ttf') format('truetype'),
    url('../fonts/GothamRounded Book.svg#svgFontName') format('svg');
}
.OS-B{
	font-family: 'OS-B';
}
.OS-L{
	font-family: 'OS-L';
}
.OS-R{
	font-family: 'OS-R';
}
.GRB{
	font-family: 'GothamRounded Book';
}
/*鍔ㄧ敾鏁堟灉 鎵€鏈夊睘鎬ц幏寰楄繃搴?/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.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;}
.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 90px;}
@media all and (max-width:1000px) {
	.pc{display: none;}
	.mb{display: block;}
}


*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-110{padding-bottom: 110%;}
.rect-115{padding-bottom: 115%;}
.rect-120{padding-bottom: 120%;}
.rect-125{padding-bottom: 125%;}
.rect-135{padding-bottom: 135%;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pd-80{padding: 0.8rem 0;}
.pd-100{padding: 1rem 0;}
.swiper-pagination-bullet-active{
	background-color: #c82126 !important;
}

/* flex甯冨眬 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*榛樿 涓昏酱涓烘按骞虫柟鍚戯紝璧风偣鍦ㄥ乏绔?/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*涓昏酱涓烘按骞虫柟鍚戯紝璧风偣鍦ㄥ彸绔?/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*涓昏酱涓哄瀭鐩存柟鍚戯紝璧风偣鍦ㄤ笂娌?/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*涓昏酱涓哄瀭鐩存柟鍚戯紝璧风偣鍦ㄤ笅娌?/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}

/* 浜ゅ弶杞寸殑璧风偣瀵归綈 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 浜ゅ弶杞寸殑涓偣瀵归綈 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 浜ゅ弶杞寸殑缁堢偣瀵归綈 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}

/* 椤圭洰鐨勭涓€琛屾枃瀛楃殑鍩虹嚎瀵归綈 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 浜ゅ弶杞存媺浼稿榻 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 宸﹀榻 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 灞呬腑 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 鍙冲榻 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}

/* 涓ょ瀵归綈锛岄」鐩箣闂寸殑闂撮殧閮界浉绛 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 姣忎釜椤圭洰涓や晶鐨勯棿闅旂浉绛夈€傛墍浠ワ紝椤圭洰涔嬮棿鐨勯棿闅旀瘮椤圭洰涓庤竟妗嗙殑闂撮殧澶т竴鍊 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}

/* 鎹㈣锛岀涓€琛屽湪涓婃柟 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 鎹㈣锛屽湪绗竴琛岀殑涓嬫柟 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}