/* reset */
html { height: 100% }
html{overflow-x: hidden;}
body { min-height: 100% ; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53"; }
body { line-height: 1.5 }
a { text-decoration: none }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.fl{float: left;}
.fr{float: right;}
a{color: #353a52;transition: all .5s;}
.number{font-family: arial}
*{box-sizing: border-box;}
.edit_con_original,.lh_17{ line-height:1.7em; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img,.lh_17 img{ max-width:100%; height:auto; pointer-events:none;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
/*字体样式*/
.ellip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;max-height: 5.1em;overflow: hidden;}
.lh_11{line-height: 1.1em;}
/*内容区盒子*/
.wraper{max-width: 1261px;width: 90%;margin: auto;overflow: hidden;}
.bannerwrap{max-width: 1096px;margin: auto;width: 85%;}
section{padding-top: 91px;margin-bottom: 3.6%;}
/*section{padding-top: 39px;margin-bottom: 3.6%;}*/
.banner{transition: all .5s}
.banner img{width: 100%;}
/*图片放大*/
.tran_scale{overflow:hidden;}
.tran_scale img{width: 100%;transition: all .7s;}
.tran_scale:hover img{transform: scale(1.1);}
.imgbox img{width: 100%}
/*更多*/
a.dotmore{display: block;width: 20px;height: 30px;background: url(../images/index_icon07.png);background-size: cover;}
/*share*/
.share span{color: #2b2b2b;font-weight: bold;}
.share a{display: inline-block;margin: 0 2px;position: relative;}
.share a:hover{transform: translate(-2px,-2px);box-shadow: 3px 3px 3px #ccc;}
/*close*/
a.close{display: inline-block;padding: 8px 37px;background: #9f9f9f;color: #fff;position: absolute;}
a.close:hover{background:#7f7f7f;transition: all .2s;}
a.close:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: rgba(255,255,255,0.3);transition: all .3s;}
a.close:hover:before{width:100%;}
/*重置bxslider*/
.bx-wrapper .bx-viewport{background: none!important;border: none!important;box-shadow: none!important;}
.bx-wrapper .bx-pager{padding-top: 0!important;}
/*重置swiper*/
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{width: 48px;height: 48px;margin-top: 0;background-size: cover;margin-top: -24px;}
.swiper-container .swiper-button-next{background-image: url(../images/index_icon06.png);}
.swiper-container .swiper-button-prev{background-image: url(../images/index_icon05.png);}
/*site*/
.site{padding: 25px 0 30px;color: #909090}
.site a{color: #909090}
.site span{color: #333;}
/*header*/
.header{position: fixed;width: 100%;z-index: 99999;}
.header .wraper{overflow: visible;}
.header .topheader{height: 39px;padding: 9px 0;background: #353a52;}
.header .topheader .leng{float: left;color: #b2b2b3;line-height: 22px;height: 22px;}
.header .topheader .leng a{color: #fff;}
.header .topheader .leng a:last-child{color: #b2b2b3;}
.header .topheader .rightbox{float: right;border: 1px solid #747788;}
.header .topheader .rightbox>a{float: left;background: #fff;color: #1b2a38;padding: 0 8px 0 19px;line-height: 20px;background-image: url(../images/index_icon02.png);background-repeat: no-repeat;background-position: 10px center;}
.header .topheader .rightbox .searchbox{width: 160px;float: left;height: 20px;border: 1px solid #676b7d;position: relative;}
/*.header .topheader .rightbox .searchbox.on{box-shadow: 0 0 10px #fff;}*/
.header .topheader input{border: none;box-shadow: none;width: 100%;padding-right: 30px;color: #fff;line-height: 18px;background: transparent;padding-left: 10px;display: block;}
.header .topheader .searchbut{display: block;position: absolute;right: 3px;top: 3px;width: 13px;height: 12px;background: url(../images/index_icon01.png) center no-repeat;background-size:contain;border: none;}
.header .head{padding: 14px 0 0;background: rgba(32,35,50,0.84);}
.header .head .logobox{float: left;width: 180px;
padding-top: 8px;}
.header .head .logobox img{width: 100%;}
/*.header .head .nav{float: right;width: 828px;margin: 0 -22px;}*/
.header .head .nav{float: right;margin: 0 -22px;}
.header .head .nav li.list_1{float: left;/*margin: 0 22px;*/position: relative;overflow: hidden;}
.header .head .nav li.list_1>a{padding: 18px 54px 38px;color: #b2b2b3;display: block;position: relative;transition: all .5s}
.header.scroll .head .nav li.list_1>a{padding: 10px 32px 21px;}
.header .head .nav span.border{width: 0;background: #fff;transition: opacity 350ms ease-out,width 350ms ease-out;height: 4px;display: block;transform: translateX(-50%);position: absolute;left: 50%;opacity: 0;bottom: 0}
.header .head .nav li.list_1:hover{overflow: visible;}
.header .head .nav li.list_1:hover a,.header .head .nav li.list_1.on a{color: #fff;}
.header .head .nav li.list_1:hover span.border,.header .head .nav li.list_1.on span.border{width: 100%;opacity: 1}
.header .head .nav li.list_1 ul.navbox{position: absolute;width: 100%;transition: all 0s;overflow: hidden;box-sizing: content-box;opacity: 0;}
.header .head .nav li.list_1:hover ul.navbox{opacity: 1;height: auto;}
.header .head .nav li.list_2:first-child{margin-top: 20px}
.header .head .nav li.list_2:last-child{margin-bottom: 20px}
.header .head .nav li.list_2 a{display: block;color: #fff;line-height:1.1em;padding: 10px 0;color: #fff;text-align: center;position: relative;z-index: 99;}
/*PC导航背景..........start*/
.nav_pc_bg{position: absolute;height: 0;left: 0;right: 0;transform: translateY(100%);bottom: 0;}
.nav_pc_bg li{background: rgba(32,35,50,0.84);transition:cubic-bezier(0.41, 0.01, 0, 0.93) 0.5s;width: 100%;}
.header .head .nav li.list_1:hover .nav_pc_bg li{transform:scaleY(1) translateY(0);transform-origin:center left;position: relative;}
.nav_pc_bg li:nth-of-type(1){height: 50%;transform:scaleY(0) translateY(-100px);transition-delay:0;}
.nav_pc_bg li:nth-of-type(2){height: 25%;transform:scaleY(0) translateY(-50px);transition-delay:0.1s;}
.nav_pc_bg li:nth-of-type(3){height: 12.5%;transform:scaleY(0) translateY(-25px);transition-delay:0.2s;}
.nav_pc_bg li:nth-of-type(4){height: 6.25%;transform:scaleY(0) translateY(-12px);transition-delay:0.3s;}
.nav_pc_bg li:nth-of-type(5){height: 3%;transform:scaleY(0) translateY(-6px);transition-delay:0.4s;}
/*PC导航背景..........end*/
.phone_nav{display: block;}
/*手机导航按钮开始*/
.nav_phone_btn{float: right;display: block;position: absolute;right: 30px;cursor: pointer;height: 35px;z-index: 9999;top: 70px;transition: all .5s;}
.nav_phone_btn.on{top: 20px}
.scroll .nav_phone_btn{top: 35px;}
/*手机按钮结束*/
/*手机导航内容*/
.nav_phone{display:block;position: fixed;top:0px;bottom: 0px;right:-300px;height: 100%;width:240px;left:auto;overflow: hidden;-ms-transition: right 0ms ease-out;transition: right 0ms ease-out;color:#fff;}
body.body_nav_phone .nav_phone{right:0;}
/*ul.nav_phone_con{width:300px;position: absolute;top:30%;left:7%;overflow: hidden;
opacity: 0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}*/
ul.nav_phone_con{width:300px;position: absolute;top:10%;left:7%;overflow: hidden;
opacity: 0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.nav_phone.on ul.nav_phone_con{opacity: 1;
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;
padding:0 10%;
}
ul.nav_phone_con li.list_1{line-height: 37px;position: relative;
}
ul.nav_phone_con li.list_1>a{opacity: 1;box-sizing: border-box;
display: inline-block;position: relative;
-ms-transition: all 250ms ease-out;
transition: all 250ms ease-out;
color:#c0c0c0;width: 50%;
}
ul.nav_phone_con li.list_1.on>a{font-size: 18px;color: #fff;}
ul.nav_phone_con li.list_1 ul{position: relative;display: none;}
ul.nav_phone_con li.list_1 li{border-bottom: 1px solid #c0c0c0;margin-right: 72px;}
ul.nav_phone_con li.list_2 a{padding-left: 25px;color: #c0c0c0;padding-bottom: 6px;display: inline-block;}
.nav_phone .phonetop{position: absolute;top: 10%;left: 7%;padding: 0;color: #c0c0c0;opacity: 0;transition:0.3s;}
.nav_phone .phonetop .searchbox input{background: transparent;border: none;box-shadow: none;color: #fff;padding-left: 1em;width: 82%;height: 100%;}
.nav_phone .phonetop .searchbox button{display: block;position: absolute;right: 3px;background: url(../images/index_icon01.png);width: 15px;height: 14px;top: 50%;transform: translateY(-50%);border: none;}
.nav_phone .phonetop .searchbox{background: rgba(255,255,255,0.3);position: relative;height: 30px;}
.nav_phone .phonetop .leng{margin-bottom: 5px;}
.nav_phone .phonetop a{color: #c0c0c0;display: inline-block;margin: 0 5px;}
.nav_phone.on .phonetop{opacity: 1;
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;
padding:0 10%;
}
/*背景*/
.nav_phone_bg{position: absolute;top:0px;bottom: 0px;width: 100%;}
.nav_phone_bg li{float: right;background: rgba(32,35,50,0.84);
transition:cubic-bezier(0.41, 0.01, 0, 0.93) 0.5s;
height: 100%;
}
.nav_phone.on .nav_phone_bg li{
transform:scaleX(1) translateX(0);
transform-origin:center left;position: relative;
}
.nav_phone_bg li:nth-of-type(1){width: 50%;transform:scaleX(0) translateX(-100px);transition-delay:0;}
.nav_phone_bg li:nth-of-type(2){width: 25%;transform:scaleX(0) translateX(-50px);transition-delay:0.1s;}
.nav_phone_bg li:nth-of-type(3){width: 12.5%;transform:scaleX(0) translateX(-25px);transition-delay:0.2s;}
.nav_phone_bg li:nth-of-type(4){width: 6.25%;transform:scaleX(0) translateX(-12px);transition-delay:0.3s;}
.nav_phone_bg li:nth-of-type(5){width: 3%;transform:scaleX(0) translateX(-6px);transition-delay:0.4s;}
.nav_phone_btn span{display: block;}
.mod-gnavBtn-ico {
width: 30px;
height: 3px;
margin: 0 auto;
border-radius: 2px;
background: #212121;
margin-bottom: 6px;
transition: 0.3s;
transform-origin: 50%;
background: #fff;
}
.nav_phone_btn.on .mod-gnavBtn-ico.item01 {
transform: rotate(45deg) translateY(9px) translateX(6px);
-webkit-animation: mod-gnavBtn01 0.4s;
-moz-animation: mod-gnavBtn01 0.4s;
-ms-animation: mod-gnavBtn01 0.4s;
-o-animation: mod-gnavBtn01 0.4s;
animation: mod-gnavBtn01 0.4s;
}
.nav_phone_btn.on .mod-gnavBtn-ico.item02 {
transform: scaleX(0);
}
.nav_phone_btn.on .mod-gnavBtn-ico.item03 {
transform: rotate(-45deg) translateY(-7px) translateX(4px);
-webkit-animation: mod-gnavBtn03 0.4s;
-moz-animation: mod-gnavBtn03 0.4s;
-ms-animation: mod-gnavBtn03 0.4s;
-o-animation: mod-gnavBtn03 0.4s;
animation: mod-gnavBtn03 0.4s;
}
@keyframes mod-gnavBtn01 {
0% {
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
51% {
-moz-transform: rotate(45deg) translateY(8px) translateX(50px);
-ms-transform: rotate(45deg) translateY(8px) translateX(50px);
-webkit-transform: rotate(45deg) translateY(8px) translateX(50px);
transform: rotate(45deg) translateY(8px) translateX(50px);
}
100% {
-moz-transform: rotate(45deg) translateY(8px) translateX(6px);
-ms-transform: rotate(45deg) translateY(8px) translateX(6px);
-webkit-transform: rotate(45deg) translateY(8px) translateX(6px);
transform: rotate(45deg) translateY(8px) translateX(6px);
}
}
@keyframes mod-gnavBtn03 {
0% {
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
51% {
-moz-transform: rotate(-45deg) translateY(-7px) translateX(-50px);
-ms-transform: rotate(-45deg) translateY(-7px) translateX(-50px);
-webkit-transform: rotate(-45deg) translateY(-7px) translateX(-50px);
transform: rotate(-45deg) translateY(-7px) translateX(-50px);
}
100% {
-moz-transform: rotate(-45deg) translateY(-7px) translateX(4px);
-ms-transform: rotate(-45deg) translateY(-7px) translateX(4px);
-webkit-transform: rotate(-45deg) translateY(-7px) translateX(4px);
transform: rotate(-45deg) translateY(-7px) translateX(4px);
}
}
/*footer*/
.footer{background: #2d2d2d;padding:2.21% 0 4.68%;}
.footer .leftbox{float: left;color: #fff;width: 430px;}
.footer .leftbox .linkbox{margin-bottom: 20px;}
.footer .leftbox .linkbox a{color: #fff;line-height: 1.05em;padding: 0 11px;border-left: 1px solid #fff;}
.footer .leftbox .linkbox a:first-child{padding-left: 0;border: none;}
.footer .leftbox p{margin-bottom: 6px;color: #fff;}
.footer .leftbox p a{color: #fff;}
.footer .rightbox{float: right;width: 225px;}
.footer .rightbox ul{width: 444px;margin: 0 -8px;float: left;}
.footer .rightbox li{float: left;width: 25%;}
.footer .rightbox .listbox{margin: 0 8px;}
.footer .rightbox .imgbox{margin-bottom: 10px;}
.footer .rightbox ul .imgbox{padding:5px;background: #fff;}
.footer .rightbox p{color: #829090;line-height: 1.05em;text-align: center;}
.footer .rightbox .logobox{width: 129px;float: right;display: none;}
.footer .returntop{position: fixed;width: 50px;height: 50px;background: url(../style/top.png);background-size: 70%;background-position: center center;cursor: pointer;display: block;bottom:100px;right: 10px;background-repeat: no-repeat;background-color: rgba(32,35,50,0.66);opacity: 0;transition: all .5s;z-index: 10000;}
.scroll .footer .returntop{opacity: 1}
/*page*/
.page {vertical-align:middle;text-align:center;color:#2d2d2d; height:38px; line-height:36px;font-size: 0;}
.page span{margin:0 10px;font-size: 12px;}
.page span em{ font-family:Arial;margin:0 10px;font-size: 12px;}
.page a{display:inline-block;text-align:center; width:34px;font-family:Arial;height: 34px;line-height: 34px;font-size: 12px;}
.page a.go{line-height: 22px;height: 22px;background: #0d8967;width: 43px;text-align: center;color: #fff;margin-left: 10px;}
.page b{margin: 0 6px;font-size: 12px;}
.page a.num,.page a.prev,.page a.next{ border:1px solid #d8d8d8;}
.page i{font-size: 12px;}
.page a.on,.page a.num:hover,.page a.prev:hover,.page a.next:hover{ background:#0d8967;color:#fff!important;border:1px solid transparent;}
.page a.first,.page a.last {width:34px;font-family:"Microsoft Yahei","微软雅黑";}
.page a.first:hover,.page a.last:hover{ background:none;}
.page .txtnum{width:40px;background:#fff; border:1px solid #CECECE;font-size: 12px;}
.page .txtnum input{width:36px;height:18px; line-height:18px; text-align:left;padding-left: 4px; font-family:Arial; background:none; border:none;color: #2d2d2d;font-size: 12px;}
@media only screen and (max-width: 1280px){
/*.footer .rightbox{width: calc(100% - 450px)}*/
/*.footer .rightbox ul{width: calc(100% - 149px)}*/
.footer .rightbox .logobox{margin-left: 20px;}
}
@media only screen and (max-width: 1024px){
.header .head .nav{width: calc(100% - 90px)}
.header .head .nav li{width: 20%;margin: 0}
.header .head .logobox{width: 60px;}
.header .head .nav a{padding: 11px 12px 26px;}
.header .head .nav{display: none;}
.header .head{padding: 6px 0;}
.phone_nav{display: block;}
.header .topheader{display: none!important;}
.nav_phone_btn{top: 20px;}
.nav_phone_btn.on{top: 20px}
.scroll .nav_phone_btn{top: 20px;}
section{padding-top: 0;}
}
@media only screen and (max-width: 1023px){
.footer .leftbox{float: none;margin-bottom: 20px;}
.footer .rightbox{float: none;width: 100%;max-width: 500px;}
a.close{position: static;}
.site{display: none;}
.banner{margin-bottom: 10px;}
}
@media only screen and (max-width: 767px){
.footer .rightbox ul{width: 100%;float: none;margin-bottom: 15px;}
.footer .rightbox .logobox{float: none;margin-left: 0;}
.footer .leftbox{width: 100%;}
.header .topheader .rightbox .searchbox{width: 140px;}
.header .head .logobox{}
.page a,.page span,.page i,.page b{display: none;}
.page a.prev, .page a.next{display: block;display: inline-block;margin: 0 20px;}
.scroll .nav_phone_btn{top: 13px;}
.nav_phone_btn{top: 13px;}
a.close{display:none;}
}
#infscr-loading {
background: rgba(0,0,0,0.4);
position: fixed;
width: 100px;
height: 50px;
line-height: 50px;
font-size: 16px;
overflow: hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: center;
color: #fff;
left: 50%;
top: 50%;
z-index: 1000;
margin: -15px 0 0 -50px;
}
.finMessage{width: 100px;color: #fff;line-height: 50px;text-align: center;
height: 50px; position: fixed;left: 50%;
top: 50%;z-index: 1001;
margin: -15px 0 0 -50px;}