*{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: 2.1vw; color: #333; background-color: #f6f7f9;}
a{color: #333; text-decoration: none;}
a:hover{color: #039a4b;}
img{vertical-align: middle;}

header{width: 100vw; height: 15vw; line-height: 15vw; text-align: center; position: relative; background-color: #fff;}
header img{height: 10vw;}

.nav-button{width: 15vw; height: 15vw; position: fixed; right: 0; top: 0; z-index: 10; display: flex; justify-content: center; align-items: center;}
.nav-button-c{position: relative; height: 20px; width: 20px;}
.nav-button-c::before, .nav-button-c::after, .nav-button-c em{width: 20px; height: 2px; background-color: #039a4b; content: ""; display: block; margin: 0 auto; border-radius: 1px; position: absolute; left: 0; right: 0; transition: transform 0.3s, top 0.3s;}
.nav-button-c::before{top: 4px;}
.nav-button-c em{top: 9px;}
.nav-button-c::after{top: 14px;}
.nav-button-c.active::before{transform: rotate(45deg); top: 9px;}
.nav-button-c.active em{opacity: 0;}
.nav-button-c.active::after{transform: rotate(-45deg); top: 9px;}

nav{height: 0vh; width: 100vw; box-sizing: border-box; padding: 0 10vw 0; background-color: #039a4b; position: fixed; left: 0; top: 15vw; z-index: 9; overflow: hidden; transition: height 0.5s, padding 0.5s;}
nav.active{height: 85vh; padding: 5vw 10vw 0;}
nav li{border-bottom: 1px solid rgba(255, 255, 255, 0.25); text-align: center; height: 12vw; line-height: 12vw;}
nav li a{color: #fff;}
nav .nav-link{height: 10vw; line-height: 10vw; text-align: center; margin-top: 5vw;}
nav .nav-link a{color: #fff; margin: 0 2.5vw;}
nav .nav-wx{height: 8vw; line-height: 8vw; text-align: center; margin-top: 5vw; position: relative;}
nav .nav-wx img{height: 100%;}
nav .nav-wx img:first-child{height: 50vw; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 9vw; z-index: 1; display: none;}
nav .nav-wx img.active{display: block;}

main{width: 100vw; height: calc(100vh - 15vw); overflow-x: hidden; overflow-y: auto;}

.focus{width: 100%; overflow: hidden; position: relative;}
.focus ul{white-space: nowrap; width: 100%; font-size: 0; transform: translateX(0); transition: transform 0.5s;}
.focus ul li{width: 100%; display: inline-block;}
.focus ul li img{width: 100%;}
.focus .focus-dot{width: 100%; height: 3vw; line-height: 3vw; position: absolute; left: 0; bottom: 5vw; text-align: center; z-index: 1;}
.focus .focus-dot span{display: inline-block; height: 3vw; width: 3vw; background-color: #555; border-radius: 100%; margin: 0 2.5vw}
.focus .focus-dot span.active{background-color: #039a4b;}

.title{width: 100vw; text-align: center; line-height: 6vw; font-size: 5vw; margin-top: 10vw;}
.title span{display: block; color: #707070; font-size: 3.8vw;}

.probox{width: 90vw; overflow: hidden; margin: 5vw auto 0;}
.probox li{width: calc(84vw / 3); float: left; margin-right: 3vw; margin-bottom: 3vw; background-color: #fff;}
.probox li:nth-child(3n){margin-right: 0;}
.probox li img{width: 100%; height: 40vw;}

.news{background-color: #fff; margin-top: 10vw; overflow: hidden;}
.newslist{margin: 5vw auto; width: 90vw;}
.newslist li{margin-bottom: 3vw;}
.news-title{height: 8vw; line-height: 8vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 4vw;}
.newslist li span{color: #707070; display: block; height: 6vw; line-height: 6vw;}
.newslist li span:last-child{color: #333;}

.sort{width: 100vw; height: 10vw;}
.sort-c{width: 100vw; height: 10vw; line-height: 10vw; line-height: 10vw; background-color: #039a4b; color: #fff; position: fixed; left: 0; top: 15vw; z-index: 5; box-sizing: border-box; padding: 0 5vw;}
.sort-c span{float: left; font-size: 4vw;}
.sort-c em{float: right; font-size: 5vw;}
.sortlist{position: absolute; left: 0; top: 25vw; background-color: #039a4b; width: 100vw; max-height: 0; z-index: 5; overflow: hidden; border-top: 1px solid transparent; transition: max-height 0.5s, border-top 0.5s;}
.sortlist.active{max-height: 100vh; border-top: 1px solid #fff;}
.sortlist li{padding: 0 5vw; height: 10vw; line-height: 10vw; border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.sortlist li a{color: #fff;}

.page_con{line-height: 7vw; margin: 10vw 0; padding: 0 5vw; color: #707070;}
.page_con img{max-width: 100%;}

.pos_info-list{width: 100vw; box-sizing: border-box; padding: 5vw; overflow: hidden;}
.pos_info-list li{width: 45vw; text-align: center; float: left; line-height: 6vw; margin-bottom: 10vw;}
.pos_info-list li img{height: 5vw; margin: 2vw 2vw 0;}

.notes-list{position: relative; margin-top: 10vw; padding: 0 5vw;}
.notes-list .notes-solid{width: 2px; height: 100%; background-color: #009843; position: absolute; left: 12.5vw; top: 0; z-index: 0;}
.notes-list li{overflow: hidden; padding-bottom: 10vw;}
.notes-list li .year{width: 15vw; height: 15vw; line-height: 15vw; text-align: center; color: #fff; font-size: 4vw; 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: 70vw; padding: 5vw; position: relative; line-height: 8vw; box-sizing: border-box;}
.notes-list li .info_txt::before{content: ""; position: absolute; left: -1px; top: 4vw; width: 1px; height: 5vw; background-color: #f6f7f9;}

.pro-list{overflow: hidden; margin: 5vw 0; padding: 5vw; width: 90vw;}
.pro-list li{float: left; margin-right: 5vw; margin-bottom: 5vw; width: calc(85vw / 2); background-color: #fff; text-align: center; padding-bottom: 5vw;}
.pro-list li:nth-child(2n){margin-right: 0;}
.pro-list li a img{width: 100%; margin-bottom: 5vw;}

.page{text-align: center; height: 8vw; margin-bottom: 10vw;}
.page ul{white-space: nowrap; font-size: 0; height: 8vw; line-height: 8vw;}
.page ul li{margin: 0 2vw; display: inline-block; height: 8vw; line-height: 8vw; vertical-align: top; color: #999;}
.page ul li a{display: block; height: 100%; color: #999; padding: 0 3vw; background-color: #f2f2f2; font-size: 3.8vw;}
.page ul li a:hover, .page ul li.page-active a{color: #fff; background-color: #777;}

.pro-info{width: 100vw; padding: 5vw; box-sizing: border-box;}
.pro-info-box{overflow: hidden;}
.pro-info-box .pro-img{width: 90vw; height: 90vw; line-height: 90vw; text-align: center; overflow: hidden; border: 1px solid #efeff1;}
.pro-info-box .pro-img img{max-width: 100%; min-height: 100%;}
.pro-info-box .pro-txt{font-size: 5vw; line-height: 8vw; width: 100%; font-weight: bold; margin-top: 5vw;}
.pro-info-box .pro-txt a{display: block; margin-top: 5vw; background-color: #009843; color: #fff; font-size: 4vw; height: 10vw; line-height: 10vw; padding: 0 5vw; font-weight: normal; text-align: center;}
.pro-con-t{border-bottom: 1px solid #efeff1; height: 13vw; line-height: 13vw; margin-top: 10vw;}
.pro-con-t span{height: 13vw; line-height: 13vw; border-bottom: 1px solid #009843; display: inline-block; padding-right: 5vw; color: #009843; font-size: 5vw;}
.pro-con-c{line-height: 8vw; color: #707070; margin-top: 5vw;}

.downlist{width: 100vw; padding: 5vw; box-sizing: border-box;}
.downlist li{border: 1px solid #ccc; background-color: #fff; height: 15vw; line-height: 15vw; margin-bottom: 5vw; padding: 0px 5vw;}
.downlist li a{color: #039a4b}
.downlist li a img{width: 5vw; margin-right: 2vw;}

.down-list{width: 100vw; padding: 5vw; box-sizing: border-box;}
.down-list li{background-color: #fff; height: auto; line-height: 8vw; margin-bottom: 5vw; padding: 5vw 0;}
.down-list li span{display: block; color: #707070; font-size: 5vw; text-align: center;}
.down-list li span:last-child{margin-top: 5vw;}
.down-list li span:last-child a{margin: 0 2vw;}
.down-list li span:last-child a img{width: 15vw;}

.cz-list{overflow: hidden; width: 100vw; padding: 5vw; box-sizing: border-box;}
.cz-list li{width: calc(85vw / 2); float: left; margin-right: 5vw; margin-bottom: 5vw;}
.cz-list li:nth-child(2n){margin-right: 0;}
.cz-list li a{display: block; background-color: #fff; border: 1px solid #efeff1; position: relative; padding: 2.5vw;}
.cz-list li a .cz-img img{width: 100%; height: 25vw;}
.cz-list li a .cz-title{height: 16vw; line-height: 8vw; overflow: hidden; font-size: 4vw; margin-top: 2vw;}
.cz-list li a .cz-info{height: 8vw; line-height: 8vw; font-size: 3.8vw; color: #707070;}

.con_title{text-align: center; font-size: 5vw; font-weight: bold; line-height: 8vw; margin-top: 10vw; padding: 0 5vw;}
.con_info{text-align: center; color: #707070; line-height: 10vw; margin-top: 5vw; border-bottom: 1px solid #ccc; padding: 0 5vw 5vw;}
.con_con{line-height: 7vw; padding: 5vw;}
.con_con img{max-width: 100%;}

.pro-pn{margin-top: 5vw; height: auto; line-height: 8vw; margin-bottom: 10vw;}
.pro-pn span{display: block; height: 8vw; line-height: 8vw; text-align: center;}
.pro-pn span a{margin: 0 2vw;}

.banner, .banner img{width: 100%;}

.news-list{overflow: hidden; width: 100vw; padding: 5vw; box-sizing: border-box;}
.news-list li{width: calc(85vw / 2); float: left; margin-right: 5vw; margin-bottom: 5vw;}
.news-list li:nth-child(2n){margin-right: 0;}
.news-list li a{display: block; background-color: #fff; padding: 2.5vw;}
.news-list li a .news-img{width: 100%;}
.news-list li a .news-img img{width: 100%; height: 25vw;}
.news-list li a .news-title{height: 8vw; line-height: 8vw; overflow: hidden; font-size: 4vw; margin-top: 2vw;}
.news-list li a .news-info{height: 8vw; line-height: 8vw; font-size: 3.8vw; color: #707070;}

.contact{width: 100vw; padding: 5vw; box-sizing: border-box;}
.contact-l{line-height: 8vw; color: #707070;}
.contact-r{width: 100%; margin-top: 10vw;}
.contact-r .contact-line{margin-bottom: 5vw;}
.contact-r .contact-line span{line-height: 8vw; text-align: left; width: 100%; color: #707070; display: block;}
.contact-r .contact-line span em{color: #ff0000;}
.contact-r .contact-line input{border: 1px solid #ccc; height: 8vw; line-height: 8vw; box-sizing: border-box; padding: 0 10px; background-color: #fff; width: 100%; box-sizing: border-box;}
.contact-r .contact-line textarea{border: 1px solid #ccc; resize: none; background-color: #fff; padding: 10px; height: 25vw; width: 100%; box-sizing: border-box;}
.contact-r .contact-line img{height: 10vw; margin-top: 2vw;}
.contact-r .tj{width: 100%; background-color: #009843; color: #fff; font-size: 4vw; cursor: pointer; height: 10vw; line-height: 10vw;}

footer{background-color: #272424; color: #fff; padding: 5vw 10vw; box-sizing: border-box; width: 100vw;}
footer .footer_info{border-bottom: 1px solid #fff; padding-bottom: 5vw;}
footer .footer_info .footer_info-item{text-align: center; position: relative; height: 8vw; line-height: 8vw;}
footer .footer_info .footer_info-item span{display: inline-block; margin-right: 2vw; height: 8vw; line-height: 8vw; vertical-align: text-bottom;}
footer .footer_info .footer_info-item span img{height: 3.5vw; vertical-align: 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: 8vw; text-align: center; color: #fff; margin-top: 5vw;}
footer .footer-copyright a{color: #fff;}

.loginbox{width: 100vw; box-sizing: border-box; padding: 5vw;}
.loginbox .login-t{text-align: center; height: 10vw; line-height: 10vw; font-size: 5vw;}
.loginbox .login-t-s{width: 20vw; height: 2px; background-color: #ff0000; margin: 0 auto;}
.loginbox .form{margin-top: 5vw;}
.loginbox .form > input{background-color: #efefef; height: 10vw; line-height: 10vw; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccc; margin-bottom: 5vw; display: block; width: 100%;}
.loginbox .form .form-line{height: 10vw; display: flex;}
.loginbox .form .form-line input{flex: 1; padding: 0 10px; border: 1px solid #ccc;}
.loginbox .form .form-line img{height: calc(10vw - 2px); border: 1px solid #ccc;}
.loginbox .form .form-button{display: flex; height: 10vw; margin-top: 5vw;}
.loginbox .form .form-button input[type="button"]{flex: 1; margin-right: 5vw; background-color: #039a4b; color: #fff; cursor: pointer;  font-size: 4vw;}
.loginbox .form .form-button a{flex: 1; background-color: #039a4b; color: #fff; cursor: pointer; height: 10vw; line-height: 10vw; text-align: center; font-size: 4vw;}
.loginbox .login-link{height: 15vw; line-height: 15vw; margin-top: 5vw;}
.loginbox .login-link a{color: #707070;}

.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: 10vw;}
.reg-t span{border-bottom: 2px solid #ff0000; font-size: 5vw; height: 10vw; line-height: 10vw;}
.reg-box{background-color: #fff; width: 100vw; margin: 5vw auto; padding: 5vw; box-sizing: border-box;}
.reg-box .reg-line .reg-line-b{margin-bottom: 5vw;}
.reg-box .reg-line .reg-line-b span{display: block; height: 10vw; line-height: 10vw; font-size: 4vw;}
.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: 13vw; line-height: 13vw; box-sizing: border-box; padding: 0 5vw; border: 1px solid #ccc; width: 100%;}
.reg-box .reg-line .reg-line-b img{margin-top: 5vw;}
.reg-box .reg-line input[type="checkbox"]{vertical-align: text-bottom; margin-top: 4px; margin-right: 2vw;}
.reg-box .reg-line a{text-decoration: underline; margin-left: 5px;}
.reg-box .reg-button{height: 13vw; text-align: right;}
.reg-box .reg-button input[type="button"]{background-color: #039a4b; color: #fff; cursor: pointer;  font-size: 4vw; height: 13vw; line-height: 13vw; cursor: pointer; width: 100%;}
.reg-box .reg-button button[type="button"]{background-color: #039a4b; color: #fff; cursor: pointer;  font-size: 4vw; height: 13vw; line-height: 13vw; cursor: pointer; width: 100%;}