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}.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}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

/* 项目主体部分设置 */
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: 2%;}
    .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;
}