::-webkit-scrollbar{width: 8px; height: 8px; background-color: #555;}
::-webkit-scrollbar-thumb{background-color: #fff; border-radius: 0px;}
:hover::-webkit-scrollbar-thumb{background-color: #fff; border-radius: 0px;}
*{margin: 0; padding: 0; border: none; outline: none; list-style: none; -webkit-tap-highlight-color: transparent; font-family: "微软雅黑", "fontawesome";}
@font-face{
    font-family: "fontawesome";
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome-webfont.otf) format('opentype'), url(../fonts/fontawesome-webfont.svg) format('svg');
}
i,em{font-style: normal;}
body{font-size: 14px; color: #333; background-color: #f6f7f9;}
a{color: #333; text-decoration: none;}
a:hover{color: #039a4b;}
img{vertical-align: middle;}

aside{width: 200px; height: 100vh; float: left; position: relative; background-color: #fff; box-shadow: 0 90px 7px #ebebeb;}

.logo{width: 100%; height: 90px; line-height: 85px; text-align: center; background-color: #fff;}
.logo img{width: 170px; height:50px;}

.logo1{width: 100%; height: 90px; line-height: 35px; text-align: center; background-color: #fff;}
.logo1 img{}  

nav{padding-left: 20px;}
nav .nav-item{width: 200px; height: 50px;}
nav .nav-item > a{display: block; width: 200px; height: 50px; line-height: 50px; font-size: 16px; box-sizing: border-box; padding-left: 45px;}
nav .nav-item:hover a{background-color: #009843; color: #fff;}
nav .nav-item .nav-list{position: fixed; left: 200px; top: 0px; z-index: 9; width: 220px; height: 100vh; background-color: #009843; padding-left: 20px; display: none;}
nav .nav-item:hover .nav-list{display: block;}
nav .nav-item .nav-list .nav-sort{font-size: 18px; color: #fff; margin: 50px 0 20px; padding-left: 20px; font-weight: bold;}
nav .nav-item .nav-list li{list-style-type: disc; color: #fff; height: 40px; line-height: 40px;}
nav .nav-item .nav-list li:nth-child(2){height: 35px;}
nav .nav-item .nav-list li a{color: #fff; display: block; padding-left: 20px;}
nav .nav-item .nav-list li a:hover{background-color: rgba(0, 0, 0, 0.3);}

.lang{width: 100%; height: 70px; line-height: 70px; text-align: center; position: absolute; left: 0; bottom: 120px;}
.lang a{margin: 0 5px}

.info{background-color: #f3f3f3; width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 0;}
.info p{color: #009843; text-align: center; line-height: 20px;}
.info p b{font-size: 16px;}
.info p span{line-height: 40px; width: 45%; display: inline-block;}
.info p span a{color: #333;}

main{width: calc(100% - 200px); height: 100vh; float: right; overflow-x: hidden; overflow-y: auto;}

.focus{width: 100%; overflow: hidden; position: relative;}
.focus ul li{width: 100%; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; transition: z-index 1s, opacity 1s;}
.focus ul li.active{z-index: 1; opacity: 1;}
.focus ul li img{width: 100%;}
.focus .focus-dot{width: 100%; height: 5px; line-height: 5px; font-size: 0; text-align: center; position: absolute; left: 0; bottom: 20px; z-index: 3;}
.focus .focus-dot span{display: inline-block; width: 35px; height: 5px; background-color: #555; cursor: pointer; margin: 0 5px; transition: background-color 0.5s;}
.focus .focus-dot span.active{background-color: #009843;}

.whitebg{background: #fff;}
.graybg{background: #e9e9e9;}

.main{width: 985px; margin: 0 auto; overflow: hidden; padding: 10px;}

.title{width: 100%; height: 20px; display: flex; margin-top: 50px;}
.title span:first-child{display: inline-block; height: 20px; line-height: 20px; border-left: 5px solid #009843; font-size: 20px; padding-left: 10px;}
.title span:first-child em{font-style: normal; font-size: 14px; color: #cfcfcf; margin-left: 5px;}
.title span.white{color: #fff;}
.title span:last-child{flex: 1; text-align: right; font-size: 12px; border-bottom: 1px solid #cfcfcf; margin-left: 5px; height: 16px; line-height: 0px;}
.title span:last-child a{color: #cfcfcf;}

.probg{background: url(../img/probg.png) no-repeat bottom center #fff;}
.probox{overflow: hidden; margin-top: 40px; margin-bottom: 100px;}
.probox li{margin-right: 10px; margin-bottom: 10px; width: 321px; float: left; position:relative;}
.probox li:nth-child(3n){margin-right: 0px;}
.probox li img{width: 100%;}
.probox li:hover span {display:block;}
.probox li span {position:absolute; transition:all 0.4s; display:none; width:100%; top:0; left:0; height:100%; z-index:100; background:rgba(227,129,93,0.6);}
.probox li p {font-size:16px; text-align:center; padding-top:48%; font-size:26px; font-weight:bold; color:#fff;}

.map{width: 100%;}
.map img{width: 100%;}

.exh{overflow: hidden; margin: 40px auto 50px;}
.exh .exh-l{width: 340px; float: left;}
.exh .exh-l p{color: #808080; font-size: 12px; line-height: 22px;}
.exh .exh-r{width: 645px; float: right; overflow: hidden;}
.exh .exh-r li{float: left; border: 1px solid #ccc; margin-left: 10px; margin-bottom: 10px; width: 280px; padding: 35px 15px;}
.exh .exh-r li a img{display: block; float: left; margin-right: 15px;}
.exh .exh-r li a p{line-height: 20px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #a9a9a9;}
.exh .exh-r li a p.date{font-size: 18px; font-weight: bold; color: #707070;}
.exh .exh-r li a:hover p.date{color: #039a4b;}

.more{width: 195px; height: 48px; border: 1px solid #ccc; color: #808080; font-size: 16px; text-align: center; line-height: 48px; display: inline-block; transition: border-color 0.3s, color 0.3s;}
.more:hover{border-color: #009843; color: #039a4b;}

.newsbg{background: url(../img/probg.png) no-repeat top center #e9e9e9; padding-bottom: 80px;}

.newsbox{margin: 70px auto 40px; padding: 10px 0; height: 230px;}
.newsbox li{margin-right: 20px; width: 231px; float: left; overflow: hidden; background-color: #fff; padding-bottom: 20px;}
.newsbox li:hover{box-shadow: 0 0 10px #b4b4b4;}
.newsbox li:last-child{margin-right: 0;}
.newsbox li a img{width: 100%; height: 150px;}
.newsbox li a .newstitle{white-space: nowrap; text-overflow: ellipsis; width: 201px; height: 30px; line-height: 30px; overflow: hidden; margin: 10px auto 0; font-size: 16px; color: #808080;}
.newsbox li a .newsmore{font-size: 12px; height: 20px; line-height: 20px; color: #808080; width: 201px; margin: 0 auto;}
.newsbox li a .newsmore span{float: right; color: #039a4b;}
.news_more{text-align: center;}

header{width: 100%; height: 90px; background: url(../img/headerbg.jpg) no-repeat center center; background-size: auto 100%;}

.page_title{text-align: center; border-bottom: 1px solid #f0f0f0; color: #039a4b; font-size: 30px; height: 40px; line-height: 40px; padding: 50px 0;}
.page_con{line-height: 25px; margin: 20px 0 50px; color: #707070;}

.pos_info-list{overflow: hidden; margin: 20px 0;}
.pos_info-list li{float: left; width: 33.33%; text-align: center; line-height: 25px; color: #707070; margin-bottom: 80px;}
.pos_info-list li p img{margin: 0 10px;}

.notes-list{position: relative; margin-top: 50px;}
.notes-list .notes-solid{width: 2px; height: 100%; background-color: #009843; position: absolute; left: 37px; top: 0; z-index: 0;}
.notes-list li{overflow: hidden; padding-bottom: 50px;}
.notes-list li .year{width: 75px; height: 75px; line-height: 75px; text-align: center; color: #fff; font-size: 26px; border-radius: 100%; background-color: #009843; float: left; overflow: hidden; position: relative; z-index: 1;}
.notes-list li .info_txt{border: 1px solid #ccc; float: right; width: 650px; padding: 50px 100px; position: relative; line-height: 35px;}
.notes-list li .info_txt::before{content: ""; position: absolute; left: -1px; top: 25px; width: 1px; height: 30px; background-color: #f6f7f9;}

.pro-top{width: 100%; height: 145px; background-color: #fff;}
.pro-top .pro-sort{overflow: hidden; width: 985px; height: 145px; margin: 0 auto;}
.pro-top .pro-sort a{width: calc(100% / 9); height: 145px; text-align: center; line-height: 20px; display: block; float: left; overflow: hidden; color: #959595;}
.pro-top .pro-sort a:hover{color: #666;}
.pro-top .pro-sort a.active{background-color: #f6f7f9; color: #333;}
.pro-top .pro-sort a img{margin-top: 20px; margin-bottom: 20px;}

.pro-list{overflow: hidden; margin: 50px 0 0 -10px; padding: 10px; width: 985px;}
.pro-list li{float: left; margin-right: 55px; margin-bottom: 55px; width: calc(875px / 3); background-color: #fff; text-align: center; padding-bottom: 40px;}
.pro-list li:nth-child(3n){margin-right: 0;}
.pro-list li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.pro-list li a img{width: 100%; margin-bottom: 20px;}
.pro-list1{width: 740px; margin: 0; padding: 0;}
.pro-list1 li{margin-right: 10px; margin-bottom: 10px; width: calc(720px / 3); padding-bottom: 0;}
.pro-list1 li:hover{box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.pro-list1 li a{border: 1px solid #efeff1; display: block; padding-bottom: 40px; overflow: hidden;}
.pro-list1 li a:hover{border-color: #ccc;}

.page{text-align: right; height: 30px;}
.page ul{white-space: nowrap; font-size: 0; height: 30px; line-height: 30px;}
.page ul li{margin-left: 10px; font-size: 14px; display: inline-block; height: 30px; line-height: 30px; vertical-align: top; color: #999;}
.page ul li a{display: block; height: 100%; color: #999; padding: 0 12px; background-color: #f2f2f2;}
.page ul li a:hover, .page ul li.page-active a{color: #fff; background-color: #777;}

.pro-tj{margin-top: 50px; overflow: hidden;}
.pro-tj-l{width: 645px; height: 400px; float: left; border: 1px solid #efeff1;}
.pro-tj-r{float: right; width: 315px;}
.pro-tj-r .pro-tj-box{background-color: #fff; border: 1px solid #efeff1; overflow: hidden; margin-bottom: 20px;}
.pro-tj-r .pro-tj-box a{display: block; padding: 68px 30px; color: #707070;}
.pro-tj-r .pro-tj-box a img{float: right;}
.pro-tj-r .pro-tj-box a span{color: #333; font-size: 18px; margin-top: 10px; display: inline-block;}

.pro-info{float: left; width: 740px; margin-top: 10px;}
.pro-info-box{overflow: hidden;}
.pro-info-box .pro-img{width: 360px; height: 360px; line-height: 360px; text-align: center; overflow: hidden; border: 1px solid #efeff1; float: left;}
.pro-info-box .pro-img img{max-width: 100%; min-height: 100%;}
.pro-info-box .pro-txt{font-size: 26px; line-height: 25px; float: right; width: 360px; font-weight: bold;}
.pro-info-box .pro-txt a{display: block; margin-top: 20px; background-color: #009843; color: #fff; font-size: 14px; height: 35px; line-height: 35px; padding: 0 15px; font-weight: normal;}
.pro-con-t{border-bottom: 1px solid #efeff1; height: 50px; line-height: 50px; margin-top: 20px;}
.pro-con-t span{height: 49px; line-height: 49px; border-bottom: 1px solid #009843; display: inline-block; padding-right: 20px; color: #009843; font-size: 16px;}
.pro-con-c{line-height: 25px; color: #707070; margin-top: 10px;}
.pro-pn{margin-top: 20px; height: 30px; line-height: 30px; margin-bottom: 50px; margin-top: 50px;}
.pro-pn span{float: left; display: block; width: 50%; height: 30px; line-height: 30px;}
.pro-pn span:last-child{text-align: right;}
.pro-pn span a{margin: 0 10px;}

.pro-sortlist{width: 223px; border: 1px solid #efeff1; float: right; padding: 10px 20px; box-sizing: border-box; background-color: #fff; margin-top: 10px; margin-bottom: 50px;}
.pro-sortlist .pro-sortlist-t{border-bottom: 2px solid #efeff1; font-size: 26px; color: #555; padding-bottom: 10px;}
.pro-sortlist ul{margin-top: 20px;}
.pro-sortlist ul li{list-style-type: disc; margin-left: 20px; margin-bottom: 15px; height: 25px; line-height: 25px; color: #ccc;}

.down-top{background-color: #0b7439; height: 90px; width: 100%;}
.down-top .down-sort{width: 985px; height: 90px; overflow-y: hidden; overflow-x: auto; white-space: nowrap; font-size: 0; margin: 0 auto;}
.down-top .down-sort a{width: calc(100% / 8); height: 90px; line-height: 90px; text-align: center; color: #fff; font-size: 18px; display: inline-block;}
.down-top .down-sort a.active{background-color: #009843;}

.downlist{margin-top: 10px; margin-bottom: 50px;}
.downlist li{border: 1px solid #ccc; background-color: #fff; height: 43px; line-height: 43px; margin-bottom: 10px; padding: 0px 20px;}
.downlist li a{color: #039a4b}
.downlist li a img{width: 15px; margin-right: 10px;}

.down-list{width: 700px; margin: 0 auto;}
.down-list li{background-color: #fff; height: 70px; line-height: 70px; margin-bottom: 20px;}
.down-list li span{width: 40%; display: block; float: left; color: #707070; font-size: 18px;}
.down-list li span:first-child{padding-left: 20px; box-sizing: border-box;}
.down-list li span:last-child{float: right; width: 60%; text-align: center;}
.down-list li span:last-child a{margin: 0 3px;}

footer{background-color: #272424; color: #fff; padding: 40px 0 20px;}
footer .footer_info{border-bottom: 1px solid #fff; display: flex; height: 20px; line-height: 20px; padding-bottom: 15px; width: 985px; margin: 0 auto;}
footer .footer_info .footer_info-item{flex: 1; text-align: center; position: relative;}
footer .footer_info .footer_info-item span{display: inline-block; margin-right: 5px; height: 20px; line-height: 20px; vertical-align: text-bottom;}
footer .footer_info .footer_info-item:last-child{cursor: pointer;}
footer .footer_info .footer_info-item:last-child > img{width: 100px; position: absolute; left: 0; right: 0; bottom: 25px; margin: 0 auto; z-index: 5; display: none;}
footer .footer_info .footer_info-item:last-child:hover > img{display: block;}
footer .footer-copyright{line-height: 30px; text-align: center; color: #fff; margin-top: 15px;}
footer .footer-copyright a{color: #fff;}

.backtop{width: 50px; height: 50px; position: fixed; right: 20px; bottom: 20px; z-index: 9; cursor: pointer;}

.loginbg{width: 100%; height: 100%; position: relative;}
.loginbox{background-color: #fff; width: 400px; box-sizing: border-box; padding: 20px; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%);}
.loginbox .login-t{text-align: center; height: 40px; line-height: 40px; font-size: 28px;}
.loginbox .login-t-s{width: 120px; height: 2px; background-color: #ff0000; margin: 0 auto;}
.loginbox .form{margin-top: 20px;}
.loginbox .form > input{background-color: #efefef; height: 38px; line-height: 38px; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccc; margin-bottom: 15px; display: block; width: 100%;}
.loginbox .form .form-line{height: 40px; display: flex;}
.loginbox .form .form-line input{flex: 1; padding: 0 10px; border: 1px solid #ccc;}
.loginbox .form .form-line img{height: 38px; border: 1px solid #ccc;}
.loginbox .form .form-button{display: flex; height: 50px; margin-top: 20px;}
.loginbox .form .form-button input[type="button"]{flex: 1; margin-right: 10px; background-color: #039a4b; color: #fff; cursor: pointer;  font-size: 24px;}
.loginbox .form .form-button button[type="button"]{flex: 1; margin-right: 10px; background-color: #039a4b; color: #fff; cursor: pointer;  font-size: 24px;}
.loginbox .form .form-button a{flex: 1; background-color: #039a4b; color: #fff; cursor: pointer; height: 50px; line-height: 50px; text-align: center; font-size: 24px;}
.loginbox .login-link{height: 30px; line-height: 30px; margin-top: 20px;}
.loginbox .login-link a{color: #707070;}

.reg-t{text-align: center; margin-top: 50px;}
.reg-t span{border-bottom: 2px solid #ff0000; font-size: 28px; height: 50px; line-height: 50px;}
.reg-box{background-color: #fff; width: 800px; margin: 20px auto 50px; padding: 20px; box-sizing: border-box;}
.reg-box .reg-line{display: flex; margin-bottom: 10px;}
.reg-box .reg-line .reg-line-b{flex: 1;}
.reg-box .reg-line .reg-line-b:first-child{margin-right: 20px;}
.reg-box .reg-line .reg-line-b span{display: block; height: 30px; line-height: 30px; font-size: 16px;}
.reg-box .reg-line .reg-line-b span em{font-style: normal; color: #ff0000;}
.reg-box .reg-line .reg-line-b input, .reg-box .reg-line .reg-line-b select{background-color: #efefef; height: 38px; line-height: 38px; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccc; width: 100%;}
.reg-box .reg-line input[type="checkbox"]{vertical-align: text-bottom; margin-top: 4px; margin-right: 10px;}
.reg-box .reg-line a{text-decoration: underline; margin-left: 5px;}
.reg-box .reg-button{height: 40px; text-align: right;}
.reg-box .reg-button input[type="button"]{background-color: #039a4b; color: #fff; cursor: pointer;  font-size: 20px; height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer;}
.reg-box .reg-button button[type="button"]{background-color: #039a4b; color: #fff; cursor: pointer;  font-size: 20px; height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer;}

.con_title{text-align: center; font-size: 28px; font-weight: bold; line-height: 30px; margin-top: 50px;}
.con_info{text-align: center; color: #707070; line-height: 30px; margin-top: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.con_con{line-height: 26px; margin-top: 40px;}
.con_con img{max-width: 100%;}

.list-t{text-align: center; color: #039a4b; font-size: 30px; height: 50px; line-height: 50px; margin-top: 50px;}

.cz-list{overflow: hidden; margin-top: 50px;}
.cz-list li{width: calc(955px / 3); float: left; margin-right: 15px; margin-bottom: 15px;}
.cz-list li:nth-child(3n){margin-right: 0;}
.cz-list li a{display: block; background-color: #fff; border: 1px solid #efeff1; position: relative; padding: 20px;}
.cz-list li a::after{content: ""; width: 100%; height: 0; position: absolute; z-index: 0; background-color: #039a4b; left: 0; bottom: 0; transition: height 0.5s;}
.cz-list li a:hover::after{height: 100%;}
.cz-list li a .cz-img{width: 100%; position: relative; z-index: 1;}
.cz-list li a .cz-img span{background-color: #039a4b; color: #fff; height: 30px; line-height: 30px; padding: 0 15px; position: absolute; left: 0; top: 0; z-index: 1; transition: bgbackground-color 0.5s, color 0.5s;}
.cz-list li a:hover .cz-img span{background-color: #fff; color: #039a4b;}
.cz-list li a .cz-img img{width: 100%; height: 140px; transition: filter 0.5s;}
.cz-list li a:hover .cz-img img{filter: brightness(0.5);}
.cz-list li a .cz-title{height: 44px; line-height: 22px; overflow: hidden; font-size: 16px; margin-top: 11px; transition: color 0.5s; position: relative; z-index: 1;}
.cz-list li a:hover .cz-title{color: #fff;}
.cz-list li a .cz-info{height: 20px; line-height: 20px; font-size: 12px; color: #707070; margin-top: 10px; position: relative; z-index: 1; transition: color 0.5s;}
.cz-list li a:hover .cz-info{color: #fff;}

.news-list{overflow: hidden; margin-top: 50px;}
.news-list li{width: calc(940px / 4); float: left; margin-right: 15px; margin-bottom: 15px; background-color: #fff;}
.news-list li:nth-child(4n){margin-right: 0;}
.news-list li a{display: block; background-color: #fff; padding: 20px;}
.news-list li a .news-img{width: 100%;}
.news-list li a .news-img img{width: 100%; height: 180px;}
.news-list li a .news-title{height: 44px; line-height: 22px; overflow: hidden; font-size: 16px; margin-top: 11px; color: #707070;}
.news-list li a:hover .news-title{color: #009843;}
.news-list li a .news-info{height: 20px; line-height: 20px; font-size: 12px; color: #707070; margin-top: 10px;}

.contact{display: flex; margin-top: 40px; margin-bottom: 100px;}
.contact-l{flex: 1; line-height: 25px; color: #707070;}
.contact-r{width: 465px;}
.contact-r .contact-line{display: flex; margin-bottom: 15px;}
.contact-r .contact-line span{line-height: 35px; text-align: right; width: 100px; padding-right: 10px; color: #707070;}
.contact-r .contact-line span em{color: #ff0000;}
.contact-r .contact-line input{border: 1px solid #ccc; height: 33px; line-height: 33px; flex: 1; box-sizing: border-box; padding: 0 10px; background-color: #fff;}
.contact-r .contact-line textarea{border: 1px solid #ccc; resize: none; background-color: #fff; padding: 10px; flex: 1; height: 100px;}
.contact-r .contact-line img{height: 35px; margin-left: 10px;}
.contact-r .tj{width: calc(100% - 110px); background-color: #009843; color: #fff; font-size: 16px; cursor: pointer; height: 35px; line-height: 35px; margin-left: 110px;}