@charset "UTF-8";
@import url(font-awesome.css);
/* CSS Document||QWC 2019年6月 */
html {overflow: -moz-scrollbars-vertical;overflow-x:hidden;overflow-y: auto;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;font-family:'Microsoft YaHei','BarlowSemiCondensed','PingFangSC',Arial,Helvetica,sans-serif;}
body{background:#fff;font-size:14px; color:#333; -webkit-text-size-adjust:none; outline:0; font-family: PingFangSC, Arial, Helvetica, sans-serif;}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size: inherit;}
li{list-style-type:none;}
textarea{resize:none;}
input,select,button{outline:none;border:0;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}
a{color:#333; text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
a, a:link, a:visited, a:hover, a:active, a:focus{text-decoration: none; outline: 0; border: 0;}
p{ word-wrap: break-word; word-break: normal;}
img{border:none; vertical-align:bottom;}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}

input::-webkit-input-placeholder{color:#a19d9b; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#a19d9b;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#a19d9b;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#a19d9b;}/* WebKit browsers */
input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-input-placeholder{color:#7d7d7d;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#a19d9b;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#a19d9b;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#a19d9b;}/* WebKit browsers */
textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-scrollbar {width: 1px; }

/*间距定义等*/
.fl {float: left;display: inline;}/* 左浮动 */
.fr {float: right;display: inline;}/* 右浮动 */
.p10{padding: 10px!important}
.p15{padding: 15px!important}
.mt0{ margin-top: 0!important; }
.mt5{ margin-top: 5px!important; }
.mt7{ margin-top: 7px!important; }
.mt10{ margin-top: 10px!important; }
.mt15{ margin-top: 15px!important; }
.mt20{ margin-top: 20px!important; }
.mt25{ margin-top: 25px!important; }
.mt30{ margin-top: 30px!important; }
.mt35{ margin-top: 35px!important; }
.mt40{ margin-top: 40px!important; }
.mt45{ margin-top: 45px!important; }
.mt50{ margin-top: 50px!important; }
.mt55{ margin-top: 55px!important; }
.mt60{ margin-top: 60px!important; }
.mt65{ margin-top: 65px!important; }
.mt70{ margin-top: 70px!important; }
.mt80{ margin-top: 80px!important; }
.ml0{ margin-left: 0!important; }
.ml10{ margin-left: 10px!important; }
.ml15{ margin-left: 15px!important; }
.mb0{ margin-bottom: 0!important; }
.mb5{margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px!important; }
.mb15{ margin-bottom: 15px!important; }
.mr0{ margin-right: 0!important; }
.mr10{ margin-right: 10px!important; }
.mr15{ margin-right: 15px!important; }
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f48{font-size:48px;}
.l-25{line-height:25px;}
.l-30{line-height:30px;}
.bai{color:#fff;}
.hei{color:#2D2D2D;}
.color{color:#6e78b4;}
.c-666{color:#666;}
.c-999{color:#999;}
.c-bc9{color:#bc9961;}
.bold{font-weight:bold;}
.clearfix{zoom:1;}
.clearfix:after{content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.relative{ position: relative; }
.norelative{ position:inherit!important; }
.abs{position: absolute;}
.overflow{ overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}/*单行文本的溢出显示省略号*/
.overflow-d{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}/*多行文本的溢出显示省略号*/
.overflow-d{ position: relative; line-height: 20px; max-height: 40px;overflow: hidden;}
.center {text-align: center;}
.ohide{overflow: hidden;}
.box-size{ box-sizing: border-box; -webkit-box-sizing: border-box;}/* 内盒子代码 */
.dis_b{display:block;}
.dis_n{display:none;}
.por{position:relative;}
.poa{position:absolute;}
.pof{position:fixed;}
.bdb{box-sizing:border-box;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.zimus{font-size:56px;font-family:Didot;font-weight:bold;}

.section {position:relative;overflow:hidden;}

.index-content{width:1920px;margin:0 auto;overflow:hidden;max-width:1920px;height:100%;}
.inbox{width:1200px;margin:0 auto;overflow:hidden;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1600{ max-width:1600px; min-width:1200px; margin:0 auto; position:relative;}
.m1440{ max-width:1440px; min-width:1200px; margin:0 auto; position:relative;}
.m1400{max-width:1400px;min-width:1200px;margin:0 auto;position:relative;}
.m1200{max-width:1200px;min-width:1024px;margin:0 auto;position:relative;}

/*基础框架*/
.w01{ margin-left: 1.5%; width: 6.9533%;}
.w02{ margin-left: 1.5%; width: 15.416%;}
.w03{ margin-left: 1.5%; width: 23.875%;}
.w04{ margin-left: 1.5%; width: 32.333%;}
.w05{ margin-left: 1.5%; width: 40.766%;}
.w06{ margin-left: 1.5%; width: 49.250%;}
.w07{ margin-left: 1.5%; width: 57.673%;}
.w08{ margin-left: 1.5%; width: 66.126%;}
.w09{ margin-left: 1.5%; width: 74.579%;}
.w10{ margin-left: 1.5%; width: 83.033%;}
.w11{ margin-left: 1.5%; width: 91.486%;}
.w12{ margin-left: 0; width: 100%; }
.w50{ width: 50%; padding: 15px;}
.w01,.w02,.w03,.w04,.w05,.w06,.w07,.w08,.w09,.w10,.w11,.w12{ float: left; position: relative;}
.w01:first-child,.w02:first-child,.w03:first-child,.w04:first-child,.w05:first-child,.w06:first-child,.w07:first-child,.w08:first-child,.w09:first-child,.w10:first-child,.w11:first-child,.w12:first-child{margin-left: 0;}
/*图片逐渐放大效果*/
.delay{ -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden;}
.delay:hover{ transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08);}
.w-big{max-width: 86.2%;margin: 0 auto;position: relative;}
.w-mid{max-width: 64.2%;margin: 0 auto;position: relative;}
.w-sml{max-width: 1080px;margin: 0 auto;position: relative;}
.mt-big{margin-top: 65px;}
.mt-sml{margin-top: 30px;}
.t-big{font-size: 24px;}
.t-mid{font-size: 18px;}
.t-sml{font-size: 14px;}
.box-pb30{padding-bottom:30px;}
.box-pb{padding-bottom:60px;}
.ovf{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ovfMore{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.transition-t5{transition: all .5s;}
.font-white{color: white;}
.disNo{display: none;}
.mask{position: relative;}
.mask::after{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);transition: all .5s;}
.trans-3{-webkit-transition: all .3s; transition: all .3s;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/



@keyframes moveL{
	0%{ transform:translateX(0); -webkit-transform:translateX(0);}
	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50%{ transform:translateX(0); -webkit-transform:translateX(0); }
	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
	100%{ transform:translateX(0); -webkit-transform:translateX(0);}
	}
@-webkit-keyframes moveL{
	0%{ transform:translateX(0); -webkit-transform:translateX(0);}
	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50%{ transform:translateX(0); -webkit-transform:translateX(0); }
	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
	100%{ transform:translateX(0); -webkit-transform:translateX(0);}
	}
@keyframes move{
    0%{top: 8px;}
    50%{top: 15px;}
    100%{top: 8px;}
}

@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes circlerotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes icondown{0%{transform:translateY(-20%)}
50%{transform:translateY(0)}
75%{transform:translateY(15%)}
100%{transform:translateY(0)}
}
@keyframes scale{0%{transform:translate(-50%,-50%) scale(.5)}
100%{transform:translate(-50%,-50%) scale(1)}
}
@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes scale3d{0%{transform:scale3d(1,1,1);transition:all 5s cubic-bezier(.04,.79,1,1)}
100%{transform:scale3d(1.2,1.2,1);transition:all 5s cubic-bezier(.04,.79,1,1)}
}
@keyframes dash{0%{stroke-dashoffset:132px}
100%{stroke-dashoffset:0}
}

.pic{position:relative;overflow: hidden;}

.pic:before{

	content: '';

	display: block;

	padding-top: 66.6666%;

}

.pic img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
.table{ display: table; width: 100%; height: 100%;}/* 设置表格方式垂直居中 */
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}/* 设置表格方式垂直居中 */
.default{ background: #e5e5e5 url(../images/default.png) no-repeat center center;}/* 设置默认图 */
.wrap {width:100%;margin:0 auto;clear:both;max-width:1680px;min-width:1200px;}/* 规定页面内容区域宽度 */


.minH{min-height:350px;height:auto !important;height:350px;}

/* 改变浏览器滚动条*/
::-webkit-scrollbar {width:8px;background:#f0f0f0;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#6e78b4;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}


.clear {clear: both; height: 0px; overflow:hidden;}/* 清除浮动 */
.h2 {clear: both;height: 2px;overflow:hidden;}/* 自定义页面间距 */
.h5 {clear: both;height: 5px;overflow:hidden;}/* 自定义页面间距 */
.h10 {clear: both;height: 10px;overflow:hidden;}/* 自定义页面间距 */
.h15 {clear: both;height: 15px;overflow:hidden;}/* 自定义页面间距 */
.h20 {clear: both;height: 20px;overflow:hidden;}/* 自定义页面间距 */
.h25 {clear: both;height: 25px;overflow:hidden;}/* 自定义页面间距 */
.h30 {clear: both;height: 30px;overflow:hidden;}/* 自定义页面间距 */
.h35 {clear: both;height: 35px;overflow:hidden;}/* 自定义页面间距 */
.h40 {clear: both;height: 40px;overflow:hidden;}/* 自定义页面间距 */
.h45 {clear: both;height: 45px;overflow:hidden;}/* 自定义页面间距 */
.h50 {clear: both;height: 50px;overflow:hidden;}/* 自定义页面间距 */
.h55 {clear: both;height: 55px;overflow:hidden;}/* 自定义页面间距 */
.h60 {clear: both;height: 60px;overflow:hidden;}/* 自定义页面间距 */
.h65 {clear: both;height: 65px;overflow:hidden;}/* 自定义页面间距 */
.h70 {clear: both;height: 70px;overflow:hidden;}/* 自定义页面间距 */
.h75 {clear: both;height: 75px;overflow:hidden;}/* 自定义页面间距 */
.h80 {clear: both;height: 80px;overflow:hidden;}/* 自定义页面间距 */
.h85 {clear: both;height: 85px;overflow:hidden;}/* 自定义页面间距 */
.h90 {clear: both;height: 90px;overflow:hidden;}/* 自定义页面间距 */
.h95 {clear: both;height: 95px;overflow:hidden;}/* 自定义页面间距 */
.h100 {clear: both;height: 100px;overflow:hidden;}/* 自定义页面间距 */
.h120 {clear: both;height: 120px;overflow:hidden;}/* 自定义页面间距 */
.l35{line-height:35px;}

/* 页面animate特效 */
@keyframes mm1{from {top:187px}to {top:160px;}}
@-moz-keyframes mm1{from {top:187px}to {top:160px;}}
@-webkit-keyframes mm1{from {top:187px}to {top:160px;}}
@keyframes mm2{from {top:112px}to {top:139px;}}
@-moz-keyframes mm2{from {top:112px}to {top:139px;}}
@-webkit-keyframes mm2{from {top:112px}to {top:139px;}}

.delay-1 {-webkit-animation-delay: 2.5s;animation-delay: 2.5s}
.delay-2 {-webkit-animation-delay: 1.5s;animation-delay: 1.5s}
.delay-3 {-webkit-animation-delay: 1.5s;animation-delay: 1.5s}
.delay-4 {-webkit-animation-delay: 2.5s;animation-delay: 2.5s}
.delay-5 {-webkit-animation-delay: 3.5s;animation-delay: 3.5s}
.delay-6 {-webkit-animation-delay: 4.5s;animation-delay: 4.5s}
.active .flipInY{-webkit-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInY;animation-name: flipInY}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}

@-webkit-keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0}40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in}60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1}80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}100% {-webkit-transform: perspective(400px);transform: perspective(400px);opacity: 1}}
@keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0}40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in}60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1}80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}100% {-webkit-transform: perspective(400px);transform: perspective(400px);opacity: 1}}
@-webkit-keyframes slideInLeft {0% {-webkit-transform: translateX(-435px);transform: translateX(-435px);visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes slideInLeft {0% {-webkit-transform: translateX(-435px);transform: translateX(-435px);	visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
.active .slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft}
@-webkit-keyframes slideInRight {0% {-webkit-transform: translateX(606px);transform: translateX(606px);visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes slideInRight {0% {-webkit-transform: translateX(606px);transform: translateX(606px);visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
.active .slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight}
@-webkit-keyframes rollIn {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100% {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes rollIn {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100% {opacity: 1;-webkit-transform: none;transform: none}}
.active .rollIn {-webkit-animation-name: rollIn;animation-name: rollIn}

/*公共部分结束*/