@charset "utf-8";

/* public*/
.w1200{width:1200px;margin:0 auto;}
.tx-l{text-align:left;}
.tx-c{text-align:center;}
.tx-r{text-align:right;}
.ufl{float:left;}
.ufr{float:right;}
.row.marlg0{margin-right:0;margin-left:0;}
.row .padlg0{padding-right:0;padding-left:0;}
.text img{max-width:100%;}
.col-zs{color:#327cbe;}
.font-18{font-size:18px;}
.font-46{font-size:46px;}
.dtable{display:table;width: 100%;height:100%;}
.dtable .dtcell{display:table-cell;vertical-align:middle;}
.block{display:block;}

/* body{padding-top: 88px;} */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], input[type="date"], select, textarea {
    -moz-border-radius: 2px;
         border-radius: 2px;
    border: solid 1px #ccc;
    padding: 0.6em;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
            box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover, a:focus {color: #8ec31f;text-decoration:none;}
.header {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    z-index: 9;
}
#sidenav .head {
    position: absolute;
    left: 50px;
    top: 50px;
    right: 50px;
    z-index: 1;
}
.header .logo{
    float: left;
    width: 291px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../Images/logo.png);
    background-position: center top;
}
#sidenav .head .logo {
    float: left;
    width: 291px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../Images/logo.png);
}
.header .menu {
    float: right;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../Images/index_header_menu.png);
    background-position: center top;
    cursor: pointer;
    position: relative;
}
.header .menu.in{background-position: center bottom;}

.header .menu p {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: lighter;
}
.header .menu.in p{color: #333;}
.header .menu .un{
    position: absolute;
    top:0;
    right: 100%;
    padding-right: 20px;
    white-space: nowrap;
    line-height: 40px;
    color:#fff;
    padding-left: 38px;
    background-color: #059646;
    background-image: url(../Images/ico_per1.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 6px center;
    margin-right: 10px;
}
.header .menu .un a{color: #fff;}
/* .header .menu.in .un{color: #333;background-image: url(../Images/ico_per2.png);} */
#sidenav .head .close {
    float: right;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../Images/sidenav_close.png);
    cursor: pointer;
    position: relative;
    opacity: 1;
}
#sidenav .head .close p {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #777;
    font-weight: lighter;
}
#sidenav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background-image: url(../Images/side_bg.jpg);
    background-size: 100% 100%;
    opacity: 0;
}
#sidenav.active {
    z-index: 10;
    opacity: 1;
}
#sidenav ul {
    font-size: 0;
    height: 100%;
}
#sidenav ul li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    text-align: center;
    height: 100%;
    border-right: 1px solid #ebebeb;
    padding-top: 12%;
    transition-property: opacity,top,background;
    transition-duration: 0.5s,0.5s,0.5s;
    -webkit-transition-property: opacity,top,background;
    -webkit-transition-duration: 0.5s,0.5s,0.5s;
    position: relative;
    opacity: 0;
    top: -40px;
    background: #fff;
}
#sidenav.active ul li {
    top: 0;
    opacity: 1;
}
#sidenav.active ul li:nth-child(1) {
    transition-delay: 0.4s,0.4s,0s;
    -webkit-transition-delay: 0.4s,0.4s,0s;
}
#sidenav.active ul li:nth-child(2) {
    transition-delay: 0.6s,0.6s,0s;
    -webkit-transition-delay: 0.6s,0.6s,0s;
}
#sidenav.active ul li:nth-child(3) {
    transition-delay: 0.8s,0.8s,0s;
    -webkit-transition-delay: 0.8s,0.8s,0s;
}
#sidenav.active ul li:nth-child(4) {
    transition-delay: 1s,1s,0s;
    -webkit-transition-delay: 1s,1s,0s;
}
#sidenav.active ul li:nth-child(5) {
    transition-delay: 1.2s,1.2s,0s;
    -webkit-transition-delay: 1.2s,1.2s,0s;
}
#sidenav ul li .line {
    width: 1px;
    height: 50px;
    background-color: #333333;
    opacity: 0;
    display: block;
    margin: 0 auto 90px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li h3 {
    font-size: 82px;
    color: #f2f2f2;
    font-weight: lighter;
    font-family: "Elephant";
    margin-bottom: 60px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li:hover h3 {
    margin-bottom: 48px;
    color: #fff;
}
#sidenav ul li h4 {
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    font-family: 'Neutraface Bold';
    text-transform: uppercase;
    margin-bottom: 30px;
    display: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li:hover h4 {
    display: block;
    color: #fff;
}
#sidenav ul li a.big {
    font-size: 24px;
    color: #333;
    display: block;
    margin-bottom: 46px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    font-family: "SourceHanSansCNRegular";
}
#sidenav ul li:hover a{
    color: #fff;
}
/* #sidenav ul li a.big:hover{color: #059646;} */
#sidenav ul li .small a {
    font-size: 14px;
    color: #666;
    font-weight: lighter;
    margin-bottom: 18px;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#sidenav ul li:hover .small a{color:#fff;}
#sidenav ul li a.big.active, #sidenav ul li a.big:hover, #sidenav ul li .small a.active, #sidenav ul li .small a:hover {
    color: #059646;
}
#sidenav ul li:hover {
    background: transparent;
}
#sidenav ul li:hover .line {
    margin: 0 auto 65px;
    opacity: 1;
    background-color: #fff;
}
#fp-nav{z-index: 9;}
#fp-nav ul li{margin-bottom: 30px;}
#fp-nav ul li a{
    position: absolute;
    width: 100px;
    height: 30px;
    left: -32px;
}
#fp-nav ul li .fp-tooltip{
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: 25px;
    opacity: 1;
    font-size: 18px;
    color: #333;
    -webkit-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}
#fp-nav.in ul li .fp-tooltip{color: #fff;}
#fp-nav ul li a span{opacity: 0;}
#fp-nav ul li a:after{
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 0;
    height: 1px;
    background: #059646;
    content: '';
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
}
#fp-nav ul li a.active:after{width: 100%;}
#homeBan {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    z-index: 1;
}
#homeBan.fadin{opacity: 1;}
.home-ban-txt{position: relative;z-index: 2;}
.home-ban-txt h4{
    text-align: center;
   color: #fff;
   opacity: 0.65;
   text-transform: uppercase;
   font-size: 16px;
}
.home-ban-txt h2{
    text-align: center;
    color: #fff;
    font-size: 38px;
    margin: 15px 0 50px;
}
.home-ban-txt ul{border:1px solid rgba(255,255,255,0.15);}
.home-ban-txt ul li{
    float: left;
    width: 33.333%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.home-ban-txt ul li:hover{background-color: rgba(5,150,70,0.5);}
.home-ban-txt ul li a{
    display: block;
    height: 250px;
    padding: 25px;
    position: relative;
}
.home-ban-txt ul li+li a{border-left:1px solid rgba(255,255,255,0.15);}
.home-ban-txt ul li .ico{
    position: absolute;
    top:0;
    bottom: 40px;
    left: 0;
    width: 100%;
}
.home-ban-txt ul li .ico img{
    max-height: 80px;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    margin:auto;
}
.home-ban-txt ul li .mes{
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: 100%;
    z-index: 3;
    color: #fff;
}
.home-ban-txt ul li .mes .t{
    font-size: 24px;
}
.home-ban-txt ul li .mes p{font-size: 14px;font-family: arial;opacity: 0.5;text-transform: uppercase;}
.mouse {
    width: 25px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-image: url(../Images/index_mouse.png);
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    bottom: 50px;
    z-index: 2;
    animation: updown 1s infinite;
    -webkit-animation: updown 1s infinite;
}
@keyframes updown{
    0% {
        bottom: 70px;
        opacity: 1;
    }
    100% {
        bottom: 50px;
        opacity: 0;
    }
}
@-webkit-keyframes updown{
    0% {
        bottom: 70px;
        opacity: 1;
    }
    100% {
        bottom: 50px;
        opacity: 0;
    }
}
.bg-canvas{position: absolute;bottom: 0;width: 100%;height: 80%;}
.bg-canvas .waves{width: 100%;height: 100%;}
.title-s1 {text-align: center;margin: 0 0 50px;}
.title-s1 h1{margin-bottom: 15px;}
.title-s1 h1.fonts18{font-size: 18px;color: #000;}
.title-s1.marb{margin-bottom: 10px;}
.title-s1.marb h1{margin-bottom: 0}
.dtabel{display: table;width: 100%;height: 100%;}
.dtabel .dtcell{display: table-cell;vertical-align: middle;}
.home-products{margin-bottom: 50px;}
.home-products li{float: left;width: 33.3333%;}
.home-products li .box{display: block;position: relative;}
.home-products li .box .dtabel{
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.home-products li .box:hover .dtabel{
    opacity: 1;
    background-color: rgba(101,196,47,0.6);
}
.home-products li .box h3{margin-bottom: 10px;}

.home-pro-swp .swiper-container {padding: 30px;}
.home-pro-swp .boxs{position: relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.home-pro-swp .boxs:before{
    display: none;
    position: absolute;
    top:-15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    z-index: -1;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease;
    content: '';
}
.home-pro-swp .boxs:hover{background-color: #fff;}
.home-pro-swp .boxs:hover:before{
    display: block;
    box-shadow: 0 0 15px 2px #ccc;
}
.home-pro-swp .boxs:after{
    position: absolute;
    top:0;
    right: -20px;
    height: 100%;
    border-right: 1px solid #ccc;
    content: '';
}
.home-pro-swp .boxs .p{
    font-size: 16px;
    margin:20px 0;
    text-align: center;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
}
.mode-swp-page{position: relative;bottom:0;margin: 40px 0;}
.mode-swp-page .swiper-pagination-bullet{
    width: 30px;
    height: 4px;
    background: #ccc;
    border-radius: 0;
    opacity: 1;
}
.mode-swp-page .swiper-pagination-bullet-active{background: #00d8ff;}
.mode-swp-btn{
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 100%;
    position: relative;
    transition: opacity .1s linear;
    cursor: pointer;
    margin-left: 10px;
}
.mode-swp-btn:before {
    display: block;
    height: 2px;
    background: #fff;
    margin-top: -1px;
}
.mode-swp-btn:after, .mode-swp-btn:before {
    content: "";
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}
.mode-swp-btn:after {
    height: 0;
    border-style: solid;
    margin-top: -5px;
    transition: margin .2s ease-in-out;
}

.mode-prev:before{
    margin-left: 0;
    transition: width .2s ease-in-out;
}
.mode-prev:after {
    border-width: 5px 7px 5px 0;
    border-color: transparent #fff transparent transparent;
    margin-left: -5px;
}
.mode-swp-btn:hover:before {
    width: 6px;
}
.mode-prev:hover:after {
    margin-left: -7px;
}
.mode-next:before {
    transition: width .2s ease-in-out,margin .2s ease-in-out;
}
.mode-next:after {
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #fff;
    margin-left: -2px;
}
.mode-next:hover:before {
    margin-left: -6px;
}
.mode-next:hover:after {
    margin-left: 0;
}

.home-news{padding-top: 50px;}
.home-news .title-s1{
    text-align: left;
    position: relative;
}
.home-news .title-s1 .p{margin-bottom: 0;}
.home-news .title-s1 .more-s1{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.home-news-swp .img-position{
    margin: 0;
    top:auto;
    width: 100%;
}
.home-news-swp .date{margin-top: 20px;font-size: 16px;color: #888;}
.home-news-swp .date .d{display: inline-block;padding: 3px 0;border-bottom: 1px solid #ddd;}
.home-pro-swp.home-news-swp .boxs .p{margin-top: 10px;text-align: left;}
.home-news-swp .pbtn .mode-swp-btn{
    position: absolute;
    top:55%;
    z-index: 3;
}
.home-news-swp .pbtn .mode-prev{left: 0;}
.home-news-swp .pbtn .mode-next{right: 0;margin-right: 10px;}
.mode-swp-btn2{
    background-color: #fff;
    border: 1px solid #eee;
}
.mode-swp-btn2:hover{background: #eee;}
.mode-swp-btn2:before{background: #000;}
.mode-swp-btn2.mode-prev:after{border-color: transparent #000 transparent transparent;}
.mode-swp-btn2.mode-next:after{border-color: transparent transparent transparent #000;}
.img-size1 {
    display: block;
    padding-top: 134.2105263157895%;
    padding-top: 120%;
    position: relative;
}
.img-position {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.home-news-swp .img-position {
    margin: 0;
    top: auto;
    width: 100%;
}
.home-news-swp{max-width: 1800px;margin:0 auto;}
.title-s2{text-align: center;margin-bottom: 30px;margin-top: 50px;}
.title-s2 h4{font-size: 32px;}
.title-s2 h1{text-transform: uppercase;margin: 10px 0 20px;}
.title-s2 .p{font-size: 16px;color: #555;}
.more-s1{margin-top: 30px;text-align: center;}
.more-s1 a{
    display: inline-block;
    width: 260px;
    height: 46px;
    line-height: 42px;
    font-size: 18px;
    font-family: "SourceHanSansCNRegular";
    color:#059646;
    border:2px solid #059646;
    border-radius: 46px;
    position: relative;
    overflow: hidden;
}
.more-s1 a:after{
    position: absolute;
    top:-2px;
    height: 105%;
    width: 120%;
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    background: #059646;
    left: -130%;
    content: '';
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.more-s1 a:hover,.more-s1 a.on{color:#fff;}
.more-s1 a:hover:after,.more-s1 a.on:after{left: -5px;}
.more-s1 a span{display: block;position: relative;z-index: 2;}
.icp{text-align: center;padding: 30px 0;background-color: #059646;color: #fff;}

.inner-wrap{background-color: #fff;padding-top: 80px;}
.inner-wrap .inner-main{background-color: #fff;padding: 0 50px 30px;}
.inner-pro-list1 .box{position: relative;}
.inner-pro-list1 .box .img img{width: 100%;}
.inner-pro-list1 .box .shaw{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.inner-pro-list1 .box:hover .shaw{background: rgba(5,150,70,0.8);}
.inner-pro-list1 .box .shaw .ico{
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.inner-pro-list1 .box:hover .shaw .ico{height: 60px;}
.inner-pro-list1 .box .shaw .title{
    margin-top: 50px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.inner-pro-list1 .box:hover .shaw .title{margin-top: 30px;}
.inner-pro-list1 .box .shaw .title h3{margin-bottom: 10px;}
.inner-pro-list1 .box .shaw .title h5{font-family: arial;text-transform: uppercase;opacity: 0.8;}
.inner-pro-list1 .box .shaw .tx{
    max-width: 80%;
    margin: 0 auto;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.inner-pro-list1 .box:hover .shaw .tx{height: 125px;margin-top: 40px;}
.inner-pro-list1 .box .shaw .tx .p{
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
}
.inner-pro-list1 .box .shaw .tx .ir{
    width: 35px;
    height: 11px;
    margin: 24px auto 0;
    background: url(../Images/ico_31.png) center no-repeat;
}
.inner-wrap .inner-pro-im{padding-top: 50px;background-color: #e5e5e5;}
.inner-pro-list2 .box{background-color: #fff;}
.inner-pro-list2 .box .txt{padding: 25px;text-align: center;}
.inner-pro-list2 .box .txt h3{margin-top: 10px;}
.inner-pro-list2 .box .txt ul{margin-top: 20px;height: 135px;overflow: hidden;}
.inner-pro-list2 .box .txt ul li{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
}
.inner-pro-list2 .box .txt .more-s1 a{width: 200px;}
.pagenag{margin-top: 10px;font-size: 14px;line-height: 30px;color: #666;}
.pagenag span{color: #059646;}
.pagenag a{font-family: "SourceHanSansCNRegular"}
.bg-white{background-color: white;}
.technical-tops{background-color: #e8ebf0;padding: 45px 0;}
.news-tops-swp {
    position: relative;
    max-width: 650px;
}
.page-in {
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: 5;
}
.page-in .page-prev,.page-in .page-next {
    width: 65px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 10px;
    background-color: #339022;
    color: #fff;
    font-size: 24px;
    text-align: center;
    outline: none;
    transition: all 0.3s;
}
.page-in .page-prev:hover,.page-in .page-next:hover{background-color: #000;}

.technical-tops .txt h4{font-size: 22px;margin: 30px 0;}
.technical-tops .txt .p{font-size: 16px;line-height: 1.8;}
.technical-list{margin-top: 50px;}
.technical-list .txt .date{margin-top: 15px;font-size: 16px;}
.technical-list .txt .h4{font-family: "SourceHanSansCNRegular";font-size:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 25px;line-height: 25px;margin-top: 15px;}
.technical-list .txt .p{
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    overflow:hidden;
    margin-bottom: 30px;
    color: #555;
}
.bg-gay{background-color: #f0f0f0!important;}
.detail-con{padding: 50px;}
.detail-title{text-align: center;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.detail-title h4{font-size: 22px;margin-bottom: 10px;}
.detail-title .p{font-size: 16px;color: #666;}
.tech-detmid{padding: 30px 0;margin-top: 40px;border-top: 1px solid #ddd;}
.tech-detmid .pm{font-size: 16px;margin-bottom: 10px;}
.tech-detmid .pm .num{color: #777;}
.tech-detmid .ipage{font-size: 16px;color: #777;line-height: 30px;}
.tech-detmid .m{background-color: #089745;padding: 0 30px;border-radius: 52px;height: 52px;}
.tech-detmid .m a{
    display: inline-block;
    padding-left: 42px;
    line-height: 52px;
    font-size: 22px;
    color: #fff;
    background:url(../Images/ico_32.png) no-repeat left center / 28px;
    vertical-align: top;
}
.tech-comment{font-size: 16px;}
.tech-comment .tech-comment-tit{
    background-color: #777;
    color: #fff;
    padding: 0 10px;
    line-height: 40px;
    margin-bottom: 25px;
}
.tech-comment .tech-comment-tit .ln{font-size: 18px;}
.tech-comment .tech-comment-tit .cd a{text-decoration: underline;}
.tech-comment-list{padding: 0 15px;}
.tech-comment-list ul li .top{margin-bottom: 10px;}
.tech-comment-list ul li .top .tname{font-family: "SourceHanSansCNRegular";}
.tech-comment-list ul li .top .date{color:#777;}
.tech-comment-list ul li.li{border-bottom: 1px solid #ddd;padding-bottom: 25px;margin-bottom: 25px;}
.tech-comment-list ul li .com{position: relative;padding-right: 40px;}
.tech-comment-list ul li .com .rt{
    position: absolute;
    top:0;
    right: 0;
    cursor: pointer;
}
.tech-comment-list ul li .reply ul{
    background-color: #ececec;
    padding: 10px;
    min-height: 70px;
    margin-top: 8px;
}
.tech-comment-list ul li .reply ul li{
    line-height: 28px;
    margin-bottom: 10px;
}
.tech-comment-list .com-form{padding: 20px 0;display: none;}
.tech-comment-list .com-form .gput textarea{
    background-color: #fff;
    border:1px solid #ddd;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}
.tech-comment-list .com-form .sub{text-align: right;margin-top: 15px;}
.tech-comment-list .com-form .sub input{
    width: 80px;
    height: 34px;
    border-width: 0;
    background-color: #059646;
    border-radius: 34px;
    color: #fff;
}
.tech-reply-comment .tn{font-size: 18px;font-family: "SourceHanSansCNRegular";margin-bottom: 10px;}
.tech-reply-comment .gput textarea{
    background-color: #fff;
    border:1px solid #ddd;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    height: 150px;
}
.tech-reply-comment .sub{text-align: right;margin-top: 15px;}
.tech-reply-comment .sub input{
    width: 100px;
    height: 40px;
    border-width: 0;
    background-color: #059646;
    color: #fff;
}
.tech-right{
    border-top: 10px solid #059646;
    background-color: #fff;
    padding-bottom: 10px;
}
.tech-right .tn{padding: 22px;}
.tech-right .tn span{
    display: block;
    font-size: 22px;
    color: #fff;
    background-color: #059646;
    padding: 0 10px;
}
.hot-list li{
    padding:0 22px 22px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}
.hot-list li .tx h4{
    font-size: 18px;
    font-family: "SourceHanSansCNRegular";
    margin-top: 15px;
    margin-bottom: 5px;
    line-height: 1.4;
}
.hot-list li .tx .p{
    font-size: 16px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}
.tech-right ul.gg li{
    padding: 0 22px;
    margin-bottom: 15px;
}
.tech-right ul.gg li .img{display: block;}
.technical-pub-form{padding: 60px 0;}
.technical-pub-form form{max-width: 920px;margin:0 auto;font-size: 16px;}
.technical-pub-form .ln{margin-right: 5px;line-height: 40px;}
.technical-pub-form .put input{
    height: 40px;
    border:1px solid #ddd;
    outline: none;
    box-shadow: none;
    background-color: #fff;
}
.technical-pub-form ul.gul li{
    float: left;
    width: 88px;
    height: 88px;
    border:1px solid #ddd;
    margin-right: 10px;
}
.technical-pub-form ul.gul li.img{border-width: 0;}
.technical-pub-form ul.gul li.img img{width: 100%;height: 100%;}
.technical-pub-form .gitem{margin-bottom: 15px;}
.technical-pub-form ul.gul li.upimg .cbox{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.technical-pub-form ul.gul li.upimg .cbox input{width: 100%;height: 100%;}
.technical-pub-form ul.gul li.upimg .cbox label{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-size: 36px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
}
.technical-pub-form .sub{margin-top: 30px;padding-left: 200px;}
.technical-pub-form .sub input{
    width: 230px;
    height: 40px;
    border-width: 0;
    background-color: #059646;
    color: #fff;
}
.about-main{
    min-height: calc(100vh - 211px);
    background-color: #fff;
    padding: 80px 0;
}
.about-main .box{padding: 0 80px;font-size: 18px;line-height: 30px;}
.about-main .box .title{font-size: 38px;margin-bottom: 30px;}
.about-main .box .title span{
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 3px solid #059646;
}
.about-main .box .ch4{
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.about-main .box .ul li{padding-left: 30px;background:url(../Images/ico_33.png) no-repeat left center / 27px;margin-bottom: 5px;}
.focus .txt{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.focus .txt h4{
    text-transform: uppercase;
    color: #f7f7f7;
    opacity: 0;
}
.focus .txt h1{
    font-size: 38px;
    color: #fff;
    opacity: 0;
    margin-top: 20px;
}
.inner-wrap-contact{position: relative;background-color: #eaeaeb;padding-bottom: 100px;}
.inner-wrap-contact .inner-main{position: relative;z-index: 2;}
.inner-wrap-contact .bg{
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
    background:url(../Images/contact_bg.jpg) center no-repeat;
    background-size: cover;
}
.inner-wrap-contact .title{
    font-size: 38px;
    margin-bottom: 30px;
}
.inner-wrap-contact .lf{color: #fff;}
.contact-list li{padding-left: 54px;margin-bottom: 30px;}
.contact-list li.li1{
    background:url(../Images/ico_add.png) left center no-repeat;
}
.contact-list li.li2{
    background:url(../Images/ico_tel.png) left center no-repeat;
}
.contact-list li.li3{
    background:url(../Images/ico_email.png) left center no-repeat;
}
.contact-list li .t{
    font-size: 22px;
    margin-bottom: 5px;
}
.contact-list li .p{font-size: 16px;}
.inner-wrap-contact .chart {width: 100px;text-align: center;font-size: 18px;line-height: 2;}
.inner-wrap-contact .chart img{max-width: 100%;}

.conInp input, .conInp textarea {
    display: block;
    width: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #999;
    background-color: transparent;
    background: transparent;
    padding: 3em 1em 0.5em .1em;
    outline: none;
    color: rgba(0,0,0,0.9);
    margin: 0;
    -webkit-appearance: none;
    box-shadow: none;
    font-size: 16px;
}
.conInp input.yzm {
    display: inline-block;
    width: 100px;
    margin-right: 1em;
}
.conInp img {
    margin: 3.5em 0 0;
    height: 30px;
    vertical-align: bottom;
}
.contact-form{padding: 0 0 0 10%;}
.contact-form .title{text-align: center;}
.contact-form .title span{
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: 3px solid #059646;
}
.conInp input[type="submit"]{
    width: 200px;
    height: 52px;
    border-radius: 52px;
    font-size: 18px;
    color: #fff;
    background-color: #059646;
    border-width: 0;
    padding: 0;
    margin-top: 60px;
}
.login-wrap{background-color: #fff!important;}
.login-wrap .inner-main{
    background: url(../Images/login_bg.jpg) center no-repeat;
    background-size: cover;
    min-height: calc(100vh - 161px);
}
.login-wrap .line{box-shadow: 0 0 5px 1px #888;}
.login-main{
    float: right;
    width: 450px;
    padding: 70px;
    background-color: #fff;
    margin-top: 80px;
    margin-bottom: 30px;
}
.login-main .title {margin-bottom: 50px;}
.login-main .title .h4{
    text-transform: uppercase;
    color: #059646;
}
.login-main .form-box .pub-log-group{border:1px solid #ddd;border-radius: 5px;margin-bottom: 15px;}
.login-main .form-box .pub-log-group input{
    width: 100%;
    height: 50px;
    border-width: 0;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0 10px;
}
.login-main .form-box .pub-log-group.ico-name{padding-left: 30px;background: url(../Images/ico_35.png) 10px center no-repeat;}
.login-main .form-box .pub-log-group.ico-password{padding-left: 30px;background: url(../Images/ico_36.png) 10px center no-repeat;}
.login-main .form-box .remeber{margin-top: 15px;}
.login-main .form-box .remeber label{font-weight: normal;}
.login-main .form-box .remeber label input{margin-top: 0;margin-right: 5px;}
.login-main .form-box .remeber .r{float: right;color: #059646;}
.login-main .form-box .pub-log-sub{margin-top:40px;}
.login-main .form-box .pub-log-sub input{
    width: 100%;
    height: 50px;
    border-width: 0;
    outline: none;
    box-shadow: none;
    background-color: #059646;
    padding: 0 10px;
    font-size: 18px;
    color: #fff;
}
.login-main .form-box .pm{font-size: 12px;margin-top: 40px;color: #888;}
.login-main .form-box .pm .rx{float: right;color: #555;}
.login-main .form-box .pm .rx a{color: #059646;}
.register-main{padding-top: 40px;padding-bottom: 40px;}
.member-con{position: relative;min-height: 500px;padding-left: 240px;}
.member-con .member-side{
    position: absolute;
    top:0;
    left: 0;
    width: 220px;
    height: 100%;
    background-color: #059646;
}
.member-side ul{padding-left: 20px;padding-top: 20px;}
.member-side ul li{padding-left: 10px;margin-bottom: 10px;}
.member-side ul li a{
    display: block;
    padding-left: 35px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
}
.member-side ul li a.memi1{background:url(../Images/member_ico1.png) left center no-repeat;}
.member-side ul li a.memi2{background:url(../Images/member_ico2.png) left center no-repeat;}
.member-side ul li a.memi3{background:url(../Images/member_ico3.png) left center no-repeat;}
.member-side ul li a.memi4{background:url(../Images/member_ico4.png) left center no-repeat;}
.member-side ul li.on{background-color: #fff;}
.member-side ul li.on a{color: #059646;}
.member-side ul li.on a.memi1{background:url(../Images/member_icoa1.png) left center no-repeat;}
.member-side ul li.on a.memi2{background:url(../Images/member_icoa2.png) left center no-repeat;}
.member-side ul li.on a.memi3{background:url(../Images/member_icoa3.png) left center no-repeat;}
.member-side ul li.on a.memi4{background:url(../Images/member_icoa4.png) left center no-repeat;}
.member-index-top {background-color: #fff;position: relative;margin-bottom: 15px;}
.member-index-top .img{float: left;width: 140px;height: 140px;position: relative;}
.member-index-top .img img{width: 100%;height: 100%;}
.member-index-top .img input{position: relative;z-index: -1;}
.member-index-top .img label{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    font-weight: normal;
    z-index: 2;
    cursor: pointer;
}
.member-index-top .img label span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.34);
    color: rgba(255,255,255,0.5);
}
.member-index-top .mes{
    float: left;
    margin-left: 25px;
}
.member-index-top .mes .ti{margin-bottom: 15px;padding-top: 40px;}
.member-index-top .mes .ti .name{font-size: 18px;}
.member-index-top .mes .ti a{color: #059646;margin-left: 15px;}
.member-index-top .m{
    display: inline-block;
    position: absolute;
    top:45px;
    right: 22px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background-color: #059646;
    color: #fff;
    font-size: 18px;
}
.member-index-top .m span{
    display: inline-block;
    padding-left: 25px;
    background:url(../Images/member_ico4.png) left center no-repeat;
}
.member-pub-cbox{background-color: #fff;border:1px solid #ccc;border-top-width: 0;margin-bottom: 15px;padding: 15px 25px;}
.member-pub-title{line-height: 40px;padding-left: 15px;color: #fff;background-color: #059646;font-size: 18px;font-family: "SourceHanSansCNRegular";}
.member-pub-txt li{padding: 20px 0 20px 25px;position: relative;background:url(../Images/member_ico5.png) left 25px no-repeat;}
.member-pub-txt li .t{font-size: 18px;line-height: 30px;padding-right: 40px;position: relative;cursor: pointer;}
.member-pub-txt li .ico{
    position: absolute;
    top:0;
    right: 0;
    width: 30px;
    height: 30px;
}
.member-pub-txt li .ico:after{
    position: absolute;
    top:13px;
    left: 7px;
    width: 15px;
    height:2px;
    background-color: #555;
    content: '';
}
.member-pub-txt li .ico:before{
    position: absolute;
    left:14px;
    top: 7px;
    height: 15px;
    width:2px;
    background-color: #555;
    content: '';
}
.member-pub-txt li.on .ico:before{display: none;}
.member-pub-txt li .cmes{
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    display: none;
    transition: none;
}
.member-pub-txt li .cmes a{color: #059646;font-family: "SourceHanSansCNRegular";}
.member-pub-txt li+li{border-top:1px solid #ddd;}
.member-pub-comment li{margin-top: 20px;margin-bottom: 20px;}
.member-pub-comment li .t{font-size: 22px;position: relative;line-height: 30px;margin-bottom: 15px;padding-right: 60px;}
.member-pub-comment li .t .m{
    position: absolute;
    top:0;
    right: 0;
    line-height: 30px;
    font-size: 18px;
    color: #089745
}
.member-pub-comment li .mes{
    background-color: #ececec;
    font-size: 16px;
    color: #777;
    line-height: 30px;
    padding: 10px 15px;
}
.member-wrap{background-color: #fff!important;}
.member-pub-title span.ico{display: inline-block;padding-left: 30px;vertical-align: top;}
.member-pub-title span.ico-m1{background:url(../Images/member_ico1.png) left center no-repeat;}
.member-pub-title span.ico-m2{background:url(../Images/member_ico2.png) left center no-repeat;}
.member-pub-title span.ico-m3{background:url(../Images/member_ico3.png) left center no-repeat;}
.member-pub-title span.ico-m4{background:url(../Images/member_ico4.png) left center no-repeat;}
.member-txt-con{background-color: #fff;padding: 30px;}
.member-txt-con .member-nav{
    background-color: #c1c1c1;
    font-size: 18px;
    padding: 10px 10px 0;
    color: #fff;
    font-family: "SourceHanSansCNRegular";
}
.member-txt-con .member-nav span{
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    width: 170px;
    text-align: center;
    cursor: pointer;
}
.member-txt-con .member-nav span.on{
    background: #fff;
    color: #089745;
}
.member-txt-con .page{
    padding: 45px 0 30px;
    border-top: 1px solid #ddd;
}
.user-personal .form {
    max-width: 540px;
    margin: 50px auto 30px;
}
.user-personal .form .form-table table {
    width: 100%;
    table-layout: fixed;
    font-size: 15px;
}
.user-personal .form .form-table table tr td {
    vertical-align: top;
    line-height: 36px;
    padding: 7px 0;
}
.user-personal .form .form-table table tr td.l {
    width: 90px;
    text-align: right;
    padding-right: 5px;
}
.form-table .tximg {
    width: 92px;
    height: 92px;
    border: 3px solid #e6e6e6;
    position: relative;
}
.form-table .tximg img {
    width: 100%;
    height: 100%;
}
.form-table .eixt-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    line-height: 23px;
    overflow: hidden;
    font-size: 12px;
}
.form-table .eixt-img input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 23px;
    z-index: 3;
    opacity: 0;
    filter: alpha(opacity=0);
}
.form-table .user-input {
    max-width: 370px;
    position: relative;
}
.form-table .user-input input, .user-select select {
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    outline: none;
}
.form-table .user-input input[readonly] {
    outline: none;
    background: #f3f3f3;
    color: #888;
}
.user-sub {
    text-align: center;
    margin-top: 50px;
}
.user-sub input {
    width: 220px;
    height: 40px;
    border-width: 0;
    outline: none;
    background: #089745;
    color: #fff;
    font-size: 16px;
}
.member-comment-con .page{margin: 30px 0;}
.member-password-con{background-color: #fff;padding: 1px;min-height: calc(100vh - 335px)}
.member-password-con.user-personal .form .form-table table tr td.l{width: 180px;}
.member-password-con .ctable{background-color: #eaeaea;padding: 30px 0;margin-top: 50px;}
.member-password-con .form-table .user-input input{background-color: #fff;}

.text table.pubctable{width: 100%;}
.text table.pubctable tr td{height: 42px;font-size: 16px;text-align: center;border:1px solid #000;}
.text table.pubctable tr:first-child td{background: #059646;color: #fff;}
.technical-list .imgcs{
    display: block;
    position: relative;
    padding-top: 66.625%;
    overflow: hidden;
}
.news-tops-swp .swiper-slide img{width: 100%;}