@charset "utf-8";
/* CSS Document */
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #de000d;}
.page span.count { border: 0;background: 0;color: #777777;}

header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:rightdle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[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;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover:hover img{ opacity:.6;}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
.pointer{cursor:pointer !important;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean{/* zoom:1; */}
.clean:after,
.clean:before{content:'';display:table;}
.clean:after{clear:both;}
.more{height:32px; line-height:32px;border: 1px solid #014d94; color: #014d94; font-size:14px;padding:0px 17px;box-sizing: border-box;}
.more:hover{ border: 1px solid #f98a13; color: #fff; background:#f98a13;}
/*page*/
.page{color: #777777; text-align: center; clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #014d94;border: 1px solid #014d94;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
/*header*/
#header.show-nav{display: none;}
#header{ z-index: 99;box-shadow: 0 6px 6px rgba(0, 0, 0, .075); }
#header .logo{ margin-top:10px;}
#header .header-nav{height: 95px;background-color: #fff;position: relative;}
#header .header-nav > .container > div{display: inline-block;vertical-align: middle;}
#header .header-nav .nav-list{margin:0 3% 0 14%;}
#header .header-nav .item{margin: 0 18px; float:left;}
#header .header-nav .item:hover > a,
#header .header-nav .item.on > a{color: #f98a13;}
#header .header-nav .item > a{color: #666;font-size: 17px;line-height: 95px;height: 95px;display: inline-block;}
#header .child{display: none;position: absolute;right: 0;left: 0;top: 95px;background-color: rgba(243, 243, 243, 1);z-index: 999;}
#header .child > .container > .cw1165{padding: calc((30 / 1300) * 100%) 0 calc((10 / 1300) * 100%);box-sizing: border-box;}
#header .child .cw1165{margin: 0 0 0 85px;border-left: 1px solid #d5d5d5;}
#header .child-title{color: #f98a13;font-size: 24px;width: 220px;padding-left: 25px;border-left: 1px solid #f98a13;margin-left: -1px;}
#header .child-list{width: calc(100% - 245px)}
#header .child-list a{display: block;float: left;width: 190px;line-height: 40px;height: 40px;box-sizing: border-box; border-bottom: 1px solid #d5d5d5;font-size: 16px;color: #828282;background-image: url('../images/icon-right.png');background-repeat: no-repeat;background-position: center right;margin:0 50px 20px 0;}
#header .child-list a:hover{background-image: url('../images/icon-right-on.png');color: #f98a13;}
#header .tools { margin-top:30px; font-size:22px; color:#0158a9;}
#header .header-nav-mobile{display: none;}
@media screen and (max-width: 1440px){
#header .logo{ margin-top:10px;}
#header .header-nav{height: 85px;}
#header .header-nav .item > a{line-height: 85px;height: 85px;}
#header .child{top: 85px;}
#header .tools { margin-top:35px;}
}
@media screen and (max-width: 1300px){
#header .header-nav > .container{display: flex;align-items: center;justify-content: space-between;}
#header .header-nav .nav-list{margin:0;}
#header .header-nav .item{margin: 0;}
#header .header-nav .nav-list{flex: 1 0 auto;display: flex !important;align-items: center;justify-content: space-around;}
#header .child .cw1165{margin: 0 0 0 75px;}
#header .child > .container > .cw1165{padding: calc((25 / 1300) * 100%) 0 calc((10 / 1300) * 100%);}
#header .child-list a{margin: 0 35px 15px 0;}
#header .child-title{width: 200px;}
/*#header .child-list a{width: 170px;}*/
#header .tools { margin-top:5px;}
}
@media screen and (max-width: 1200px){
#header .child .cw1165{margin: 0 0 0 15px;}
}
@media screen and (max-width: 1100px){
#header .header-nav{display: none;}
#header .header-nav-mobile{background-color: #fff;display: block;}
#header .header-nav-mobile > .container{/*display: flex;*/align-items: center;height: 60px; line-height:60px;}
#header .m_logo{ margin-top:5px;}
#header .fa-navicon{font-size: 30px; color:#333; line-height:60px; z-index:999; float: right;}
#header .menu-mobile{display: none;background-color: #333;padding: 0 2.5%;}
#header .menu-mobile .fa-chevron-down{ color:#cdcdcd; line-height: 50px; float:right;}
#header .menu-mobile .mobile-child{display: none;padding-left: calc(10px + 1em); border-top:1px solid #696969; line-height:45px;}
#header .menu-mobile .li{line-height: 50px;color: #fff; border-bottom:1px solid #cdcdcd; padding-left:5px; -moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; outline: none;}
#header .menu-mobile .li.tools{display: none;}
#header .menu-mobile .not-sec{color: #333;}
#header .menu-mobile .fa-chevron-down{font-size: 18px;padding:0 10px;cursor: pointer;vertical-align: middle;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: inline-block;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; outline: none;}
#header .menu-mobile .fa-chevron-down.on{transform: rotate(0.5turn);}
#header .menu-mobile .li a{color: #cdcdcd;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#header .menu-mobile .mobile-child a{color: #919191;}
#header .menu-mobile .child{display: none;position: relative;z-index: 99;}
#header .menu-mobile .child a{display: block;height: 40px;overflow: hidden;padding-left: 5%;}

#header .header-nav-mobile .lang-list > a{height: auto;line-height: 1.5;}
#header .header-nav-mobile .tools *{color: #cdcdcd;}
#header .header-nav-mobile .tools{display: flex;align-items: center;padding-bottom: 10px}
#header .header-nav-mobile .search{width: 40px;text-align: center;z-index: 999;}
#header .header-nav-mobile .icon-search{font-size: 24px;}
#header .header-nav-mobile .form{left: 0;right: auto;top: calc(100% + 20px)}
#header .header-nav-mobile input{color: #333 !important;z-index: 99;position: relative;}
}
/* footer */
 footer{position:relative;}
.footer{background:#2a3a53; position:relative;}
.footer .f_top .left .f_txt a{ color:#cccccc;}
.footer a:hover{ color:#f98a13}
.footer .f_top{padding:50px 0; }
.footer .f_top .left{ margin-top:20px;}
.footer .f_top .left a{ color:#FAFAFA;}
.footer .f_top .left a:hover{ color:#f98a13;}
.footer .f_top .left.second dl dd{ float:left; width:33.33337%;}
.footer .f_top .left dl dt{font-size:18px;color:#cccccc; line-height:34px;padding-bottom:20px; position: relative;}
.footer .f_top .left dl dt a{ color:#ccc;}
.footer .f_top .left dl dd a{ color:#d3d4d5; line-height:34px;}
.footer .f_top .mid .f_txt{margin:20px 0 20px;}
.footer .f_top .mid .f_txt dl dt{ font-size:18px;line-height:34px;padding-bottom:15px;position: relative;}
.footer .f_top .mid .f_txt dl a{ color:#ccc;}
.footer .f_top .mid .f_txt dl dd{line-height:34px; color:#cccccc;}
.footer .f_top .mid .f_txt dl dd .tel{ font-size:24px; color:#f98a13; font-weight:bold; font-family:Arial;}
.footer .f_top .mid .f_txt dl dd .tel:hover{color:#f98a13;}
.footer .f_top .right .qr_wrap{margin:20px 0 20px; text-align: center;}
.footer .f_top .right .qr_wrap p{ text-align:center;color:#cccccc; line-height:28px;}
.footer .f_bott{padding:20px 0; line-height:22px; color:#cccccc; border-top: 1px solid #334561}
.footer .f_bott a{ color:#ccc;}
.footer .f_bott_l{ width:26%; float:left;}
.footer .f_bott_r{ width:74%; float:right;}
@media (min-width:768px){
.footer_nav{ display:none}
}
@media only screen and (max-width: 1200px){
.footer .f_bott_l{ width:28%; }
.footer .f_bott_r{ width:72%; }
}
@media only screen and (max-width: 1024px){
.footer .f_bott_l{ width:33%; }
.footer .f_bott_r{ width:67%; }
}
@media only screen and (max-width: 992px){
.footer .f_bott_l{ width:42%; }
.footer .f_bott_r{ width:58%; }
}
@media only screen and (max-width: 767px){
.footer { margin-bottom:50px;}
.footer .f_top{padding:20px 0; border-bottom:1px solid #42464d;}
.footer .f_top .mid .f_txt .dl1{margin-right:17px;}
.footer .f_top .mid{ margin-top:0px; text-align:center;}
.footer .f_top .mid .f_txt dl dt{ display:none;}
.footer .f_top .mid .f_txt dl dt:after{ content:" "; width:0px; left:0px; top:40px; height:2px; background: #65ac1e; position:absolute;}
.footer .f_top .mid .f_txt dl dd{text-align:center;}
.footer .f_bott{padding:10px 0; text-align:center; line-height:26px;}
.footer .f_bott .right{/*text-align:center; margin:0 auto; width:70%;*/}
.footer .f_bott .right .lf{ float:left; margin-right:10px; text-align:center; }
.footer .f_bott .right .rt{ float:left; margin-left: auto; margin-right:auto; text-align:center;}
.footer .f_bott_l{ width:100%; }
.footer .f_bott_r{ text-align:center; margin:0 auto; width:62%; float:none;}
.footer_nav{background-color: #333;}
.foot_nav{ width:33%; float:left;background-color: #333;text-align:center;color:#fff; border-width: 0px 0 0; border-color: #333;} 
.foot_nav a{color:#fff;display:block; font-size:14px;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:8px 0px 0px 0px; font-size:16px;}
}
@media only screen and (max-width: 475px){
.footer .f_bott_r{ width:72%;}
}
@media only screen and (max-width: 400px){
.footer .f_bott_r{ width:76%;}
}
@media only screen and (max-width: 375px){
.footer .f_bott_r{ width:80%;}
}

@media only screen and (max-width: 370px){
.footer .f_bott_r{ width:85%;}
}
@media only screen and (max-width: 340px){
.footer .f_bott_r{ width:87%;}
}
@media only screen and (max-width: 320px){
.footer .f_bott_r{ width:100%;}
}


