body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, form, input { margin: 0; padding: 0 }
em, i, s { font-style: normal; text-transform: uppercase; }
li { list-style: none }
a, s, a:hover { text-decoration: none }
img { border: 0; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0 }
/*body,button,input,select,textarea{font:12px/1.5 '',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}
a,a:focus{outline:none}.noBg{background:none!important}
.noBd{border:0!important}
.noMg { margin: 0!important; }*/
.clearfix:after { content: '\20'; display: block; height: 0; clear: both }
.clearfix { *zoom:1
}
.clear { display: block; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden }
/* 项目主体部分设置 */
body { background: #fff; color: #333; }
a { color: #333; text-decoration: none; transition: all 0.5s ease 0s; }
a:hover { color: #2e6e37; }
.wrapper { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
.wrap { width: 1200px; margin: 0 auto; }
.fl { float: left !important; }
.fr { float: right !important; }
.g-in { width: 1200px; margin: 0 auto; }
.big-in { width: 1300px; margin: 0 auto; }
.header { height: 91px; background: #fff; width: 100%; position: relative; z-index: 3; }
.logo { margin-top: 18px; }
.nav>ul>li { float: left; height: 91px; }
.nav>ul>li>a { line-height: 91px; display: inline-block; padding: 0 25px; font-size: 16px; }
.bannerSwiper { width: 100%; position: relative; }
.bannerSwiper .swiper-slide img { width: 100%; position: relative; z-index: 7777; }
#bannerSwiper .arrow-left { background: url(../image/arrow_prov.png) no-repeat left top; position: absolute; left: 100px; top: 55%; margin-top: -35px; width: 35px; height: 80px; z-index: 1; }
#bannerSwiper .arrow-right { background: url(../image/arrow_next.png) no-repeat left top; position: absolute; right: 100px; top: 55%; margin-top: -35px; width: 35px; height: 80px; z-index: 1; }
#bannerSwiper .swiper-pagination-bullet { display: inline-block; width: 11px; height: 11px; opacity: 1; border-radius: 10px; background: white; margin: 0 3px; cursor: pointer; transition: width 0.3s ease-in-out; }
#bannerSwiper .swiper-pagination-bullet-active { background: #fff; width: 38px; }
.m-nav { width: 200px; height: 100%; right: -200px; top: 0; background: #fff; position: fixed; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 24; }
/* 菜单显示 */
.u-menu { position: absolute; right: 6px; top: 10px; display: block; width: 50px; height: 42px; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu div { position: absolute; left: 13px; top: 20px; width: 25px; height: 25px; transform: translateZ(0px) rotate(0deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position: absolute; left: 0; top: 0; display: block; width: 25px; height: 2px; background: #000; }
.innersj_menu div i { background: #fff; }
.u-menu .u-menu-top i { transform: translate3d(0px, -8px, 0px); -webkit-transform: translate3d(0px, -8px, 0px); }
.u-menu .u-menu-middle i { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
.u-menu .u-menu-bottom i { transform: translate3d(0px, 8px, 0px); -webkit-transform: translate3d(0px, 8px, 0px); }
body.z-open .m-nav { transform: translate3d(-200px, 0, 0); -webkit-transform: translate3d(-200px, 0, 0); }
body.z-open .g-wp { transform: translate3d(-200px, 0, 0); -webkit-transform: translate3d(-200px, 0, 0); }
body.z-open .u-menu { transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); }
body.z-open .u-menu div { transform: translateZ(0px) rotate(45deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; -webkit-transform: translateZ(0px) rotate(45deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; }
body.z-open .u-menu div i { transition: transform 0.2s ease 0s; transform: translate3d(0px, 11px, 0px); -webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 11px, 0px); }
body.z-open .u-menu .u-menu-bottom { transform: translateZ(0px) rotate(-45deg); -webkit-transform: translateZ(0px) rotate(-45deg); }
body.z-open .u-menu .u-menu-middle { display: none; }
.u-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 14; }
.m-nav { width: 200px; height: 100%; right: -200px; top: 0; background: #fff; position: fixed; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 999; }
.m-nav h2 { margin: 0 0 10px; padding: 10px 0; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 16px; line-height: 30px; text-align: center; }
.m-nav li { position: relative; padding: 12px 12px 12px 22px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 24px; }
.m-nav li a { display: block; }
.m-nav li a:hover, .m-nav .current a { color: #32a237; }
.m-nav .current:after { position: absolute; top: 50%; left: 0; width: 5px; height: 14px; margin-top: -7px; border-left: 2px solid #32a237; content: "" }
.hide { display: none !important; }
.pbsj_header { display: none; }
.innersj_banner { background: #31753c; }
.container { width: 100%; margin: 0 auto; }
.comT { position: relative; text-align: center; padding-top: 57px; }
.comT .comtt { font-size: 35px; font-weight: bold; color: #31753c; }
.comT .comtc { font-size: 14px; color: #333; line-height: 40px; }
.history { padding-top: 35px; }
.sjft2 { display: none; }
.footer .ft1 { padding-top: 35px; padding-bottom: 50px; ; background: #333; }
.footer .ft1 .ft1l { width: 80%; }
.footer .ft1 .ft1r { width: 9%; }
.footer .ft1 .ft1l dl { float: left; margin-right: 60px; }
.footer .ft1 .ft1l dl dt { color: #fff; font-size: 16px; padding-bottom: 20px; }
.footer .ft1 .ft1l dl dd a { color: #666; font-size: 14px; line-height: 30px; }
.codes .codepic { padding: 7px; background: #fff; border-radius: 4px; }
.codes .codepic img { width: 100%; }
.codes>p { color: #666; text-align: center; padding-top: 10px; }
.footer .ft2 { width: 100%; height: 52px; line-height: 52px; background: #333; font-size: 14px; color: #666; border-top: 1px solid #666; }
.footer .ft2 a { font-size: 14px; color: #666; }
/* 下拉样式 */
.subnav { display: none; }
.second-list { display: none; position: absolute; width: 1622px; left: 50%; top: 94px; margin-left: -960px; background: #fff; z-index: 3; height: 310px; }
.second-list .second-in { width: 1300px; margin: 0 auto; }
.sp1 { width: 49%; border-right: 1px solid #ccc; height: 310px; }
.sp1box { max-width: 530px; margin: 30px 0 0 80px; }
.sp1box .sp1name { font-size: 24px; color: #333; padding-bottom: 20px; }
.sp1box .sp1con { font-size: 14px; color: #333; line-height: 30px; padding-bottom: 83px; }
.sp1box .sp1more { width: 135px; height: 35px; border: 1px solid #2e6e37; text-align: center; line-height: 35px; }
.sp1box .sp1more>a { display: block; width: 100%; height: 100%; }
.sp1box .sp1more>a:hover { background: #2e6e37; color: #fff; }
.sp2 { width: 20%; border-right: 1px solid #ccc; height: 310px; position: relative; }
.sp2 ul { margin: 26px 22px 0 45px; }
.sp2 ul li { line-height: 41px; border-bottom: 1px solid #e9ebed; }
.sp2 ul li a { font-size: 14px; color: #333; }
.sp2 ul li:hover a { color: #2e6e37; }
.sp2pic { display: block !important; }
.sp2 .bd { position: absolute; right: -412px; top: 25px; }
.sp3 img { margin-top: 26px; margin-left: 46px; }
.shadow:after { position: absolute; z-index: 99; width: 1920px; height: 20px; left: 0; top: -12px; background: url(../image/headerbg.png) repeat-x center; content: ''; }
.second-list .g-in ul li { float: left; width: 190px; padding-top: 70px; text-align: center; }
.scname { font-size: 16px; color: #333; padding-top: 10px; }
.sclink { font-size: 14px; color: #999; margin-top: 48px; }
 @media (max-width:1200px) {
.second-list { display: none !important; }
.nav>ul>li { position: relative; }
.subnav { display: none; position: absolute; top: 94px; background: #fff; background: #fff; width: 100%; text-align: center; line-height: 30px; }
.subnav dl dt:hover { background: #2e6e37; }
.subnav dl dt:hover a { color: #fff; }
}
 @media only screen and (min-width : 960px) and (max-width : 1000px) {
.big-in { width: 900px; margin: 0 auto; }
.nav>ul>li>a { line-height: 91px; display: inline-block; padding: 0 5px; font-size: 16px; }
}
 @media only screen and (min-width : 1000px) and (max-width : 1200px) {
.big-in { width: 960px; margin: 0 auto; }
.nav>ul>li>a { line-height: 91px; display: inline-block; padding: 0 5px; font-size: 16px; }
}
@media only screen and (min-width : 1200px) and (max-width : 1300px) {
.big-in { width: 1000px; margin: 0 auto; }
.nav>ul>li>a { line-height: 91px; display: inline-block; padding: 0 10px; font-size: 16px; }
}
 @media (max-width : 1000px) {
#bannerSwiper .arrow-left { left: 5%; }
#bannerSwiper .arrow-right { right: 5%; }
}
 @media (max-width : 800px) {
.ft1 { display: none; }
}
 @media only screen and (min-width : 800px) and (max-width : 960px) {
.ft1 .big-in { margin: 0 2.5%; }
.footer .ft1 .ft1l { width: 100%; }
.footer .ft1 .ft1l dl { margin-right: 4%; }
}
@media only screen and (min-width : 960px) and (max-width : 1300px) {
.footer .ft1 .ft1l { width: 90%; }
.footer .ft1 .ft1l dl { margin-right: 4%; }
}
 @media (max-width:960px) {
.sjlogo a img { width: 80%; padding-top: 4%; }
.ft1r { display: none; }
.big-in { width: 100%; margin: 0 auto; overflow: hidden; }
.header { display: none; }
.pbsj_header { display: block; height: 60px; position: relative; padding: 0 2%; }
.footer .ft2 { display: none; }
.footer .sjft2 { display: block; padding: 2%; text-align: center; background: #333; color: #666; }
.footer .sjft2 a { color: #666; }
}
 @media (max-width : 470px) {
.sjlogo { padding-top: 4%; }
.sjlogo a img { width: 80%; }
}
 @media (max-width :640px) {
.sjlogo a img { width: 80%; padding-top: 3.5%; }
.comT .comtt { font-size: 20px; padding: 3% 0; }
.comT .comtc { font-size: 12px; color: #333; padding: 1% 3%; line-height: 25px; }
}
@media (max-width :640px) {
.comT { padding: 2% 0; }
#bannerSwiper .arrow-left { width: 26px; background-size: contain; height: 70px; }
#bannerSwiper .arrow-right { width: 26px; background-size: contain; height: 70px; }
}
 @media (max-width: 440px) {
.sjlogo a img { width: 80%; padding-top: 0; }