* {margin: 0;padding: 0;}
body, html {
    color: #161616;background-color: #fff;
    font: 16px/1.7 "Microsoft Yahei";
    overflow-x: hidden;
}
a, a:hover, a:focus {text-decoration: none;transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;}
a:hover {opacity: 0.8;}
button, textarea, input, button:focus, textarea:focus, input:focus {border: 0;outline: none;resize: none;}
ul {list-style: outside none none;margin: 0;padding: 0;}
p, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}
em, i {font-style: normal;}
button {outline: none;}

/*header*/
header {padding:0;background-color: rgba(255, 255, 255, 0.8);
    position: relative;width: 100%;z-index: 999;
    border-bottom: 5px solid rgba(69, 129, 105, 0.5);
}
header .logo img{width: 150px}
header .menu li a{
    display: block;
    font-size: 17px;
    height: 80px;
    line-height: 80px;
    position: relative;
    color: #000;
}
/*header .menu li a>em {*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*bottom: 0;*/
    /*width: 0;*/
    /*height: 4px;*/
    /*background: #6e9248;*/
    /*border-radius: 2px;*/
    /*transition: all 0.3s;*/
    /*-webkit-transition: all 0.3s;*/
    /*-moz-transition: all 0.3s;*/
    /*-o-transition: all 0.3s;*/
    /*-ms-transition: all 0.3s;*/
/*}*/
/*header .menu li.active a>em ,*/
/*header .menu li:hover a>em {*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
/*}*/

header .menu li.active a ,
header .menu li:hover a{
    color: #458169;
    opacity: 1;
}
header .menu .lang{}
header .menu .lang .dropdown{}
header .menu .lang .dropdown button{
    color: #458169!important;
    background-color: transparent!important;
    border: 0;font-size: 16px;
    outline: 0;
    box-shadow: none!important;
}
header .menu .lang .dropdown .dropdown-menu{min-width: auto}
header .menu .lang .dropdown .dropdown-menu a{
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}
footer{
    padding: 60px 0;
    background-image: url("../images/home_48.jpg");
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}
footer .left-contact{}
footer .left-contact ul li h5{
    font-size: 20px;
    margin-bottom: 15px;
}
footer .left-contact ul li p{
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
}footer .left-contact ul li p a{color: white;text-decoration: underline}
footer .left-contact ul li p img{
    position: absolute;
    left: 0;
    width: 18px;
    top: 5px;
}
footer .right-qr{
    text-align: right;
}
footer .bottom-copyright{
    text-align: center;
    margin-top: 30px;
}
footer .bottom-copyright p{
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    position: relative;
}
footer .bottom-copyright p:after,
footer .bottom-copyright p:before{
    content: " ";
    position: absolute;
    width: 33%;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    top: 14px;
}
footer .bottom-copyright p:before{
    left: 0;
}
footer .bottom-copyright p:after{
    right: 0;
}
footer .bottom-copyright p a{
    color: rgba(255, 255, 255, 0.6);
    text-decoration: underline;
}
/*header end*/

/*index*/
.index .banner .banner-img{
    position: relative;
    background-color: #dbd9dc;
}
.index .banner .banner-img p{
    font-weight: bold;
    font-size: 56px;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    color: white;
    letter-spacing: 6px;
}
.section1,
.section2,
.section3,
.section4,
.section5,
.banner{
    margin-bottom: 80px;
}
.section1 h3{
    color: #737373;
    font-size: 20px;
    margin: 20px 0 20px;
}
.section1 .box p{
    color: #737373;
    margin-bottom: 20px;
    position: relative;
    z-index: 9;
    width: 50pc;
    background-color: white;
    padding: 20px 0;
}
.section1 .box a{
    color: #458169;
    margin-bottom: 15px;
    display: inline-block;
}
.section1 .box a img{
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 3px;
}
.section2{
    background-color: #ecf2f0;
    padding:0 0 60px;
}


.index .top-bg-title{
    background-color: #458169;
    padding: 15px;
    margin-bottom: 20px;
}
.index .section4 .top-bg-title {
    margin-bottom: 30px;
}
.index .top-bg-title div span{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 500;
}
.index .top-bg-title div i{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
}
.index .top-bg-title div a{
    background-color: #ffffff;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 30px;
    color: #458169;
}


.section4 .title,
.section2 .title{
    margin-bottom: 40px;
    position: relative;
}
.section4 .title h3,
.section2 .title h3{
    color: #458169;
    font-size: 30px;
}
.section4 .title h3 span,
.section2 .title h3 span{
    font-weight: normal;
}
.section2 .title a{
    color: #737373;
    display: inline-block;
    padding: 8px 30px;
    border:1px solid #458169;
    border-radius: 30px;
    background-color: white;
}
.section2 .title p{
    color: #737373;
}
.section2 .index-slide-1 .item{}
.section2 .index-slide-1 .item .out-box{}
.section2 .index-slide-1 .item .out-box img{}
.section2 .index-slide-1 .item .out-box .box{
    padding: 20px;
    box-shadow: 1px 1px 10px rgba(69, 129, 105, 0.1);
    background-color: white;
}
.section2 .index-slide-1 .item .out-box .box h4{
    font-weight: bold;
    color: #737373;
    font-size: 26px;
}
.section2 .index-slide-1 .item .out-box .box p{
    color: #458169;;
    margin-bottom: 20px;
}
.section2 .index-slide-1 .item .out-box .box span{
    color: #737373;
}
.section2 .index-slide-1 .owl-nav {
    margin-top: 20px;
    text-align: right;
    margin-right: 165px;
}
.section2 .index-slide-1  .owl-nav [class*=owl-]:hover {
    background: #458169;
    color: #FFF;
    text-decoration: none;
}
.section2 .index-slide-1  .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 16px;
    margin:0 5px;
    padding: 2px 17px;
    background: #737373;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
}
.section4 .title a img {
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 3px;
}
.section4 .title a{
    color: #458169;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.section5{
    background-image: url("../images/home_45.jpg");
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
    padding:30px 10px;
}
.section5 h4{
    font-size: 26px;
    font-weight: bold;
    color: white;
    text-align: center;
}
.section5 .box-input input{
    display: inline-block;
    margin-right: 15px;
    height: 46px;
    line-height: 46px;
    background-color: white;
    box-shadow:1px 1px 10px rgba(69, 129, 105, 0.4);
    outline: 0;
    border-radius: 0;
    border: 0;
    max-width: 350px;
}
.section5 .box-input button{
    background-color: #458169;
    color: white;
    padding: 10px 25px;
    border-radius: 0;
    box-shadow:1px 1px 10px rgba(69, 129, 105, 0.4);
    border: 0;
}
.section5 .box-input button:hover{opacity: 0.8}
/*index end*/

/*about*/
.page-bread-list{}
.page-bread-list ul li{
    display: inline-block;
}
.page-bread-list ul li i{
    display: inline-block;
    padding: 0 4px;
}
.page-bread-list ul li i,
.page-bread-list ul li a{
    color: #585858;
}
.page-bread-list ul li span{
    color: #458169;
}
.about .article-p p b{color: #458169;}
.about .article-p .box-bg{
    background-image: url("../images/about1_06.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 15px;
}
.about .article-p .box-bg ul{display: inline-block}
.about .article-p .box-bg ul li{
    display: block;
    position: relative;
    color: white;
    font-size: 17px;
    padding-left: 10px;
}
.about .article-p .box-bg ul li:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: white;
    border-radius: 100%;
    left: 0;
    top:12px;
}
.about .article-p .box-bg2{
    background-image: url("../images/about1_08.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 15px;
}
.about .article-p .box-bg2 .inner-bg{
    background-color: rgba(255, 255, 255, 0.38);
    border-radius: 20px;
    padding: 15px 10px;
    color: black;
}
/*about end*/
/*partner*/
.partner .article-p{
    text-align: center;
}
.partner .article-p div{
    position: relative;
}
.partner .article-p .banner-text p{
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    letter-spacing: 4px;
           font-style: italic;
           font-weight: bold;
}
/*partner end*/

/*innovate*/
.innovate{}
.innovate .top-part{
    margin-bottom: 30px;
}
.innovate .top-part .bg-img{
    background-image: url("../images/innovate_03.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    padding:270px 15px 15px;
    background-color: #90ab42;
}
.innovate .top-part .bg-img p{
    color: #fff;
}
.innovate .top-part .bg-img p i{
    display: inline-block;
    position: relative;
    border-bottom: 8px solid #57894f;
    line-height: 11px;
}
.innovate .top-part .bg-img p i:before{
    /*content: "";*/
    /*position: absolute;*/
    /*display: inline-block;*/
    /*width: 100%;*/
    /*border-bottom: 6px solid #57894f;*/
}
.innovate .product-list{
    /*max-width: 991px;*/
    /*margin: auto;*/
}
.innovate .product-list h3{
    font-weight: bold;
    position: relative;
    border-bottom: 8px solid #8fab42;
    line-height: 15px;
    color: #585858;
    font-size: 22px;
    display: inline-block;
    margin-bottom: 20px;
}
.innovate .product-list .swiper-slide{
    padding: 5px 20px 5px  5px;
}
.innovate .product-list .swiper-slide .box-shaw{
    box-shadow: 1px 1px 10px #ccc;
    padding: 10px;
    border-radius: 20px;
    background-color: white
}
.innovate .product-list .swiper-slide h4{
    font-size: 20px;
    color: #585858;
    text-align: center;
    margin-bottom: 15px;
}
.innovate .product-list .swiper-slide ul{
    padding-bottom: 15px;
}
.innovate .product-list .swiper-slide ul li{
    display: inline-block;
    margin: 3px 3px 3px 0;
    background-color:#8fab42 ;
    color: white;
    padding: 7px 18px;
    border-radius: 30px;
}
.innovate .product-list .swiper-slide p{}
/*innovate end*/

/*application*/
.application .box{text-align: center}
.application .box img{text-align: center}
.application .box .bg-box{
    background-image: url("../images/application_05.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    text-align: left;
}
.application .box .bg-box p{
    color: white;
}
.application .box .bg-box  > p{font-size:20px;font-weight:bold;}
.application .box .bg-box p:first-child{
    margin-bottom: 6px;
}
 .top-tabs ul{
    overflow-x: auto;
    margin-bottom: 20px;
}
 .top-tabs ul li{
    margin-right: 10px;
}
 .top-tabs ul li a:hover,
 .top-tabs ul li.active a{
    background-color: #458169;
    box-shadow: 1px 1px 10px #458169;
    opacity: 1;
}
 .top-tabs ul li a{
    white-space: nowrap;
    /*background-color: #bababa;*/
           background-color: #8fab42;
    color: white;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 30px;
}
.download-file .tabs-content .box,
.product-center .tabs-content .box{
    border-radius: 20px;
    border: 1px solid #cccccc;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}
.product-center .tabs-content .box .item img {
    height: 230px;
    display: inline-block;
    object-fit: contain;
}
.product-center .owl-theme .owl-dots,
.product-center .owl-theme .owl-nav {
    text-align: right;
}
.product-center .owl-theme .owl-dots .owl-dot.active span,
.product-center .owl-theme .owl-dots .owl-dot:hover span {
    background: #458169;
    width: 20px;
}
.product-center .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 8px;
    background: rgba(69, 129, 105, 0.4);
}
.product-center .owl-theme .owl-controls{
    position: absolute;
    z-index: 9999;
    right: 0;
    bottom: 0;
    padding-right: 10px;
}
.product-center .tabs-content h3 {
    font-weight: bold;
    position: relative;
    border-bottom: 8px solid #8fab42;
    color: #585858;
    font-size: 22px;
    display: inline-block;
    margin-bottom: 15px;
}
.product-center .tab-content .type{
    position: relative;
    padding-left: 47px;
}
.product-center .tab-content p i{
    color: #838383;
}
.product-center .tab-content .type i{
    position: absolute;
    left: 0;
    color: #838383;
}
.product-center .tab-content .part h5{
    color: #8fab42;
}
.product-center .tab-content .part{
    margin-bottom: 10px;
}
/*application end*/
/*download file*/
.download-file .tabs-content .box{}
.download-file .tabs-content .box table{
    border: 0;
    text-align: left;
}
.download-file .tabs-content .box table tr:nth-child(even){
    background-color: #f0f5f3;
}
.download-file .tabs-content .box table tr td img{width: 25px;padding-right: 5px}
.download-file .tabs-content .box table tr td a{color:#8fab42 }
.download-file .tabs-content .box table tr td{border: 0}
.download-file .tabs-content .box table tr td:first-child{width: 150px}
/*download file end*/

/*contact*/
.contact .map .border-bg{
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #458169;
}
.contact .map ul{
    width: 100%;
    justify-content: space-between;
    border-bottom: 2px solid #458169;
}
.contact .map ul li{
    width: 50%;
    display: block;
    text-align: center;

}
.contact .map ul li a{
    display:block;
    width: 100%;
    color: #458169;
    background-color: white;
    padding: 10px;
    border: 0;
    opacity: 1;
}
.contact .map ul li a.active{
    background-color: #458169;
    color: white;
    font-weight: bold;
}
.contact .contact-form{

}
.contact .contact-form .title h4 {
    display: inline-block;
    position: relative;
    border-bottom: 8px solid #8fab42;
    line-height: 15px;
    font-weight: bold;
    font-size: 26px;
}
.visitor .form-group .form-control,
.contact form .form-control{
    background-color: #f0f5f3;
    color: #767777;
    border-radius: 12px;
    border:0;
    height: calc(2.25rem + 12px);
}
.visitor .submit a,
.contact .submit a{
    margin-top: 25px;
    display: block;
    width: 100%;
    background-color: #458169;
    color: white;
    letter-spacing: 3px;
    font-size: 20px;
    border-radius: 12px;
    padding: 12px;
}
/*contact end*/
/*visitor*/
.visitor .form-group .form-check{
    display: inline-block;
}
.visitor .form-group .form-control input{}
.visitor .form-group .form-check {
    position: relative;
}
.visitor .form-group .form-check input{
    position: absolute;
    width: 20px;
    height: 20px;
    visibility: hidden;
}
.visitor .form-group .form-check input:checked+label {
    display: inline-block;
    background-image: url(../images/visitor_03.png);
    background-repeat: no-repeat;
    background-position: 0;
}
.visitor .form-group .form-check .form-check-label {
    padding-left: 27px;
}
.visitor .form-group .form-check input+label {
    display: inline-block;
    background-image: url(../images/visitor_06.png);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    cursor: pointer;
}
.visitor .add{
    display: inline-block;
    padding: 6px 12px;
    background-color: #8fab42;
    color: white;
    margin-top: 12px;
    border-radius: 10px;
}
/*visitor end*/