@charset "utf-8";
/* 初始化/reset */
*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr,acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline; font-size: 16px;}
body {position:relative;background:#fff;line-height:1.7;box-sizing:border-box;color:#5a5a5a;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;font-size:14px;}
a{color:#444444;text-decoration:none;}
a:hover{color:#d5070b; text-decoration:none;}
a:focus {  outline:none;   -moz-outline:none;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
h1,h2,h4,h5,h6 {font-weight:700;line-height:normal; font-size: 16px;}
strong{}
ol,ul,li{list-style:none;}
pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap: break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{height:auto;display:block;border:0;}
i{margin-right:5px;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea{border:1px solid #dfdfdf;background:#fff;outline:none;width:100%;color:#464646;padding:8px;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
textarea{resize:none;overflow-y:hidden;display:block;}
table {float:none;border-collapse:collapse;max-width:100%;width:100%;margin:1em 0;}
table td {border:1px solid #ddd; padding:5px 2px;vertical-align:middle;}
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.fr{float:right;position:relative;}
.hidden{display:none;}
.row{ margin:0;}
.am{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
select {border:none; appearance:none;-moz-appearance:none; -webkit-appearance:none;background: url("../images/xl.png") no-repeat scroll right 15px center #fff;padding-right: 30px;}
select::-ms-expand{display:none;}
sup {top:-0.5em;}
sub {bottom:-0.5em;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
button {border:1px solid transparent;}
:root .gradient{filter:none;}
.warp,.public{ max-width:1510px;margin:0 auto; min-width: 990px; padding: 0 30px; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #999999; font-size: 16px;
} 
input:-moz-placeholder,textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #999999; font-size: 16px;
} 
input::-moz-placeholder,textarea::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #999999; font-size: 16px;
} 
input:-ms-input-placeholder,textarea:-ms-textarea-placeholder { 
/* Internet Explorer 10+ */ 
color: #999999; font-size: 16px;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 16px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 16px;
} 


/* 文本多出部分用省略号表示, 用于1行或多行 */
.ellipsis-1 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ellipsis-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ellipsis-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{font-size: 17px;}
.f20{font-size: 18px;}
.f22{ font-size: 22px; }
.f24{font-size: 22px;}
.f26{ font-size: 26px; }
.f28{ font-size: 28px; }
.f30{ font-size: 30px; }
.f32{ font-size: 32px; }
.f36{ font-size: 36px; }
.f38{ font-size: 38px; }
.f40{ font-size: 40px; }
.f48{ font-size: 48px; }
.f50{ font-size: 50px; }
.f54{ font-size: 54px; }
.f66{ font-size: 66px; }
.f90{ font-size: 90px; }

@media all and (max-width: 1366px) {
  .f16{ font-size: 15px; }
  .f18{ font-size: 17px; }
  .f20{font-size: 17px;}
  .f24{font-size: 21px;}
  .f26{ font-size: 24px; }
  .f28{ font-size: 26px; }
  .f27{ font-size: 27px; }
  .f32{ font-size: 28px; }
  .f50{ font-size: 46px; }
  .f54{ font-size: 50px; }
}

@media all and (max-width: 1024px) {
  .f14{ font-size: 13px; }
  .f16{ font-size: 15px; }
  .f18{ font-size: 16px; }
  .f20{font-size: 16px;}
  .f22{ font-size: 18px; }
  .f24{ font-size: 20px; }
  .f26{ font-size: 22px; }
  .f28{ font-size: 24px; }
  .f30{ font-size: 24px; }
  .f32{ font-size: 26px; }
  .f40{ font-size: 30px; }
  .f48{ font-size: 38px; }
  .f50{ font-size: 40px; }
  .f54{ font-size: 44px; }
  .f66{ font-size: 50px; }


}
@media all and (max-width: 769px) {
  .f18{ font-size: 15px; }
  .f20{ font-size: 15px; }
  .f22{ font-size: 16px; }
  .f24{ font-size: 17px; }
  .f26{ font-size: 18px; }
  .f28{ font-size: 20px; }
  .f32{ font-size: 22px; }
  .f30{ font-size: 22px; }
  .f36{ font-size: 26px; }
  .f40{ font-size: 26px; }
  .f48{ font-size: 30px; }
  .f50{ font-size: 32px; }
  .f54{ font-size: 26px; }
  .f66{ font-size: 46px; }
}

/*公共banner样式*/

.bg-cover{ background-size: cover; background-position: center; background-repeat: no-repeat; }
.ab-center{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.white {color: #fff;}
.com-banner{ width: 100%; height: 641px; position: relative; text-align: center; margin-top: 76px; }
.com-banner-text .title{ font-weight:200;}
.com-banner-text .desc{ font-size: 32px;}
.bread-crumbs-box{ background: rgba(0,0,0, .2); width: 100%; position: absolute; left: 0;top: 0; height: 45px; color: #fff; text-align: left; line-height: 45px }

.com-banner-tabs{ position: absolute; left: 50%; display: table; word-spacing:-1em; height: 81px; transform: translateX(-50%); width: 100%; bottom: 0; border-top: 1px solid rgba(255,255,255, .6 ); text-align: center; }
.com-banner-tabs .com-banner-tab{ display: inline-block; width: 12.5%; height: 100%; line-height: 80px; border-left: 1px solid #a69b89; border-right: 1px solid #a69b89; }
.com-banner-tabs .com-banner-tab { color: #fff; transition: background .5s; cursor: pointer}
.com-banner-tabs .com-banner-tab .iconfont { font-size: 25px; vertical-align: bottom; margin-right: 12px }
.com-banner-text{ width: 100% }
.com-banner-tabs .com-banner-tab:hover, .com-banner-tabs .com-banner-tab.active{ background: #c0a986; color: #fff }
@media all and (max-width: 1366px) {
  .com-banner{ height: 450px }
}
@media all and (max-width: 1024px) {
  .com-banner-tabs{ display: flex; height: 60px; }
  .com-banner-tabs .com-banner-tab{ flex: 1; line-height: 60px }
  .com-banner{ height: 400px }
}

@media all and (max-width: 490px) {
  .com-banner{ height: 350px }
}



/* 栅格系统
   ==========================================================================
*/
.container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

.row { margin-left: -20px; margin-right: -20px; }
.row-nomag{ margin: 0!important; }
.row:before, .row:after { content: ""; display: table; clear: both; }
.container:before, .container:after { content: ""; display: table; clear: both; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
min-height: 1px;padding-left: 20px;padding-right: 20px;position: relative;
}


/* pc 端 显示使用 */
.container { max-width: 1260px; padding:0 30px; }

.hide-lg { display: none!important; }
.show-lg-block { display: block!important; }
.show-lg-inline { display: inline!important; }
.show-lg-inline-block { display: inline-block!important; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-5x, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
.col-lg-1 { width: 8.33333333%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-3 { width: 25%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-5x { width: 20%; }
.col-lg-6 { width: 50%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-9 { width: 75%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-12 { width: 100%; }

.col-lg-offset-1 { margin-left: 8.33333333%; }
.col-lg-offset-2 { margin-left: 16.66666667%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-4 { margin-left: 33.33333333%; }
.col-lg-offset-5 { margin-left: 41.66666667%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-7 { margin-left: 58.33333333%; }
.col-lg-offset-8 { margin-left: 66.66666667%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-10 { margin-left: 83.33333333%; }
.col-lg-offset-11 { margin-left: 91.66666667%; }
.col-lg-offset-12 { margin-left: 100%; }


.m-fl{float: left;}
.m-fr{float: right;}

@media screen and (max-width: 1368px) {
  .container { max-width: 1200px;}
  .m-fl{float: left;}
  .m-fr{float: right;}
}
/*  最大宽度992 显示使用  */
@media screen and (max-width: 992px) {
  
  .container { max-width: 960px; }

  .hide-md { display: none!important; }
  .show-md-block { display: block!important; }
  .show-md-inline { display: inline!important; }
  .show-md-inline-block { display: inline-block!important; }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-5x, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}

  .col-md-1 { width: 8.33333333%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-5x { width: 20%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-12 { width: 100%; }

  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-12 { margin-left: 100%; }
  .m-fl{float: left;}
  .m-fr{float: right;}
}

/*  最大宽度768 显示使用  */
@media screen and (max-width: 768px) {
  .container { max-width: 748px; }

  .hide-sm { display: none!important; }
  .show-sm-block { display: block!important; }
  .show-sm-inline { display: inline!important; }
  .show-sm-inline-block { display: inline-block!important; }

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-5x, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}

  .col-sm-1 { width: 8.33333333%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-5x { width:20%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-12 { width: 100%; }

  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-12 { margin-left: 100%; }
}


/*  最大宽度480 显示使用  */
@media screen and (max-width: 530px) {
  .container { padding: 0 15px; }
  .hide-xs { display: none!important; }
  .row { margin-left: -15px!important; margin-right: -15px!important; }
  .show-xs-block { display: block!important; }
  .show-xs-inline { display: inline!important; }
  .show-xs-inline-block { display: inline-block!important; }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
  .col-xs-5x, .col-sm-5x, .col-md-5x, .col-lg-5x,
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;padding-right: 18px;padding-left: 18px;}

  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-5x, .col-xs-6,
  .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}

  .col-xs-1 { width: 8.33333333%; }
  .col-xs-2 { width: 16.66666667%; }
  .col-xs-3 { width: 25%; }
  .col-xs-4 { width: 33.33333333%; }
  .col-xs-5 { width: 41.66666667%; }
  .col-xs-5 { width: 20%; }
  .col-xs-6 { width: 50%; }
  .col-xs-7 { width: 58.33333333%; }
  .col-xs-8 { width: 66.66666667%; }
  .col-xs-9 { width: 75%; }
  .col-xs-10 { width: 83.33333333%; }
  .col-xs-11 { width: 91.66666667%; }
  .col-xs-12 { width: 100%; }

  .col-xs-offset-1 { margin-left: 8.33333333%; }
  .col-xs-offset-2 { margin-left: 16.66666667%; }
  .col-xs-offset-3 { margin-left: 25%; }
  .col-xs-offset-4 { margin-left: 33.33333333%; }
  .col-xs-offset-5 { margin-left: 41.66666667%; }
  .col-xs-offset-6 { margin-left: 50%; }
  .col-xs-offset-7 { margin-left: 58.33333333%;}
  .col-xs-offset-8 { margin-left: 66.66666667%;}
  .col-xs-offset-9 { margin-left: 75%; }
  .col-xs-offset-10 { margin-left: 83.33333333%;}
  .col-xs-offset-11 { margin-left: 91.66666667%;}
  .col-xs-offset-12 { margin-left: 100%;}

  .m-fl{float: right;}
  .m-fr{float: left;}

}

/* ie8提示 */
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../img/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../img/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../img/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../img/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}