/* Write your styles */
/*top*/

@font-face {
    font-family: mon;
    src: url(../fonts/Montserrat-Regular.ttf);
    font-weight: 400;
    font-style: normal
}
.color_g{
    color: #00975e!important;
}
.am-dropdown-content:after, .am-dropdown-content:before{
    border-bottom-style: none;
    border-width: 0;
}
.home_top{
    padding: 1rem 0;
}
.home_top ._logo{
    float: left;
    width: 127px;
}
.home_top .home_nav{
    float: left;
    width: 928px;
    margin-left: 60px;
    padding: 56px 0;
}
.am-nav > li > a{
    color: #191919;
    font-family: Arial;
    padding: .4em 0em;
    margin: 0 0.6em;
    border-bottom: 3px solid transparent;
}
.am-nav > li.am-active > a,
.am-nav > li.am-active > a:focus,
.am-nav > li.am-active > a:hover
,.am-nav > li > a:focus, .am-nav > li > a:hover,
.am-nav > li.cur > a
{
    color: #00975e;
    background: none;
    border-bottom: 3px solid #00975e;
}
.home_nav .am-icon-caret-down:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px;
    border-color: #111 transparent transparent transparent;
}
.am-nav > li.am-active .am-icon-caret-down:before{
    border-color: #00975e transparent transparent transparent;
}
.am-dropdown-content{
    top: 80%;
}
.am-nav .icon-language{
    position: relative;
    padding-left: 1.6rem;
}
.am-nav .icon-language .icon{
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    background: url("../i/lan.png") no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url("../i/left.png") no-repeat;
    width: 64px;
    height: 64px;
    left: 10rem;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url("../i/right.png") no-repeat;
    width: 64px;
    height: 64px;
    right: 10rem;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    opacity: 1;
    border: 1px solid #fff;
}
.swiper-pagination-bullet-active{
    background: #00975e;
    border: 1px solid #00975e;
}
.welcome-content{
    width: 100%;
    padding-top: 78px;
    background: url("../i/home/wel_bg.png") center top no-repeat;
    font-family: Monaco, Menlo, Consolas, "Courier New", FontAwesome, monospace;
}
.welcome-content .am-article-title,
.home-products .am-article-title,
.latest-wrap .am-article-title,
.contact-us .am-article-title
{
    text-align: center;
    margin: 30px 0;
    color: #00975e;
    font-size: 2.4rem;
    font-family: mon;
    font-weight: bold;
}
.welcome-content .title-dec,
.home-products .title-dec,
.latest-wrap .title-dec,
.contact-us .title-dec
{
    text-align: center;
    font-size:15px;
    color: #898989;
    margin: 10px 0;
    font-family: mon;
}
.welcome-content .am-article-bd{
    text-align: center;
    color: #5a5a5a;
    font-size: 1.6rem;
    padding: 4.6rem 0 0 0;
    font-family: mon;
}
.superiority{
    width: 100%;
    height: 33rem;
    margin: 9rem -1rem 0 0;
    background: url("../i/home/wel_pic.png") center bottom no-repeat;
}
.superiority .flexibility{
    height: 22rem;
    width: 25rem;
    background: url("../i/home/border_bg1.png") no-repeat;
    margin-top: 4rem;
}
.superiority .super-item{
    overflow: hidden;
    float: left;
    margin-right: 0.6rem;
    font-family: mon;
}
.superiority .super-item .super-title{
    padding-left: 3rem;
    margin: 0;
    font-size: 1.2rem;
    color: #00975e;
    line-height: 25px;
    font-weight: bold;
}
.superiority .super-item .super-text{
    padding: 1.2rem  1rem 0 3rem;
    max-height: 16rem;
    overflow: hidden;
    color: #6f6f6f;
    font-size: 14px;
}
.superiority  .high{
    height: 22rem;
    width: 21rem;
    background: url("../i/home/border_bg2.png") no-repeat;
}
.superiority .long{
    height: 22rem;
    width: 22rem;
    background: url("../i/home/border_bg3.png") no-repeat;
}
.superiority .cost{
    height: 25rem;
    width: 21rem;
    background: url("../i/home/border_bg4.png") no-repeat;
    margin-top: 4rem;
}

/*products*/
.home-products{
    background-color: #f8f8f8;
    padding: 4rem 0 7.6rem 0;
}
#products{
    padding: 1rem;
}
.products-wrap{
    position: relative;
    width: 82%;
    margin: 6rem auto 0;
}
.product-item{
    padding: 3.2rem 3.2rem 10rem;
    background-color: #fff;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.product-item .product-pic{
    margin-bottom: 3.4rem;
}
.product-item .product-pic img{
    width: 100%;
}
.product-item .product-title{
    margin: 0 0 2rem 0;
    font-size: 1.6rem;
    color: #010101;
    font-family: mon;
    font-weight: normal;
}
.product-item:hover,.latest-list .latest-item:hover{
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.2);
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-5px,0);
    -moz-transform: translate3d(0,-5px,0);
    -ms-transform: translate3d(0,-5px,0);
    -o-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
}
.product-item .product-dec{
    max-height: 130px;
    overflow: hidden;
    color: #6a6a6a;
    font-size: 1.6rem;
    font-family: mon;
    font-weight: normal;
}
.product-item  .more-btn{
    width: 14rem;
    height: 2rem;
    position: absolute;
    bottom: 5rem;
    right: 3.2rem;
    background: url("../i/home/more.png") no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.product-item  .more-btn:hover{
    -webkit-transform: translate3d(30px,0,0);
    -moz-transform: translate3d(30px,0,0);
    -ms-transform: translate3d(30px,0,0);
    -o-transform: translate3d(30px,0,0);
    transform: translate3d(30px,0,0);
}

/*applied*/
.applied-wrap{
    background: url("../i/home/bg.png") center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.applied-wrap .applied-title{
    padding: 8rem 1rem 5rem;
    text-align: center;
    color: #fff;
    font-size: 2.2rem;
}
.applied-list .applied-item{
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 3rem;
    text-align: center;
    font-family: mon;
    font-weight: normal;
}
.applied-list .applied-item img{
    display: inline-block;
}
.applied_circle{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: relative;
}



.latest-wrap{
    font-family: mon;
}
.latest-list{
    padding: 4rem 1rem;
}
.latest-list .latest-item-con {
    padding: 3rem 4.2rem 5rem;
}
.latest-list .latest-item{
    border: 1px solid #d2d2d2;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.latest-list .latest-item .latest-pic{
    width: 100%;
    max-height: 22.8rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.latest-list .latest-item .latest-pic:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.latest-list .latest-item .latest-time{

}
.latest-list .latest-item .latest-title{
    margin: 1.2rem 0;
    font-size: 1.6rem;
    color: #00975e;
}
.latest-list .latest-item .latest-dec{
    font-size: 1.4rem;
    color: #575757;
    height: 9.4rem;
    overflow: hidden;
    margin-bottom: 1.8rem;
}
.latest-list .latest-item  .latest-btn{
    padding:0.8rem 3rem;
    background: #00975e;
    color: #fff;
    display: inline-block;
    border:1px solid #00975e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.latest-list .latest-item  .latest-btn:hover{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border:1px solid #00975e;
    background: none;
    color: #010101;
}
.video-box{
    padding:8rem 0 12rem;
    position: relative;
    background: url("../i/video-bg.png") center top no-repeat;
}

.video-box .video-title{
    text-align: center;
    color: #fff;
    word-spacing:1px;
    font-family: mon;
    font-weight: normal;
    font-size: 2rem;
}
.video-box .player-icon{
    width: 65px;
    height: 65px;
    background: url("../i/play-icon.png") no-repeat;
    position: absolute;
    bottom: 5.6rem;
    left: 50%;
    margin-left: -32px;
    cursor: pointer;
}


.am-menu-offcanvas1{
    display: none;
}

/*

    GEOSYNTHETICS start

*/


.geo-banner img{
    width: 100%;
    display: block;
}
.geo-box{
    font-family: Arial;
    padding: 0 1rem;
}
.geo-box .contact{
    padding-bottom: 8rem;
}
.geo-box .geo-title{
    padding: 3rem 0 3rem 20rem;
    position: relative;
    font-size: 2rem;
    color: #00975e;
    font-weight: bold;
}
.geo-box .geo-title .tit-text{
    position: absolute;
    left: 0;
    line-height: 2.4rem;
    top: 50%;
    margin-top: -1.2rem;
    background-color: #fff;
    padding-right: 1rem;
}
.geo-box .geo-title:before{
    width: 100%;
    content: '';
    border-bottom: 1px solid #ededed;
    position: absolute;
    top: 50%;
    right: 0;
}
.geo-box [class*=am-u-] + [class*=am-u-]:last-child{
    float: left;
}
.geo-list .geo-item{
    margin-bottom: 3rem;
}
.geo-list .geo-list-tit{
    font-size: 1.6rem;
    font-weight: bold;
    color: #333333;
    position: relative;
    width: 100%;
    padding: 3rem 0;
}
.geo-list .geo-list-tit:before{
    content: '';
    border-bottom: 1px solid #ececec;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.geo-list .geo-list-tit .name{
    position: relative;
    padding-right: 2rem;
    background: #fff;
}
.geo-list .geo-list-tit .tm-icon{
    width: 14px;
    height: 7px;
    background: url("../i/geo/tim.jpg") no-repeat;
    position: absolute;
    top: 2px;
    right: 1rem;

}
.geo-list .geo-pic{
    margin-bottom: 1rem;
}
.geo-list .geo-pic img{
    width: 100%;
}
.geo-list  .geo-dec{
    color: #a8a8a8;
    height: 4.2rem;
    overflow: hidden;
}


.geo-detail{
    margin-top: 5rem;
    color: #696969;
}
.geo-detail img{
    width: 100%;
}
.geo-detail .geo-dec-tit{
    position: relative;
    padding-left: 3rem;
}
.geo-detail .am-accordion-content{
    padding: .8rem 1rem 1.2rem 0;
}
.geo-detail .geo-dec-tit,.geo-detail .am-active .geo-dec-tit{
    color: #333;
}
.geo-detail .geo-dec-tit:before{
    width: 22px;
    height: 22px;
    content: '';
    position: absolute;
    left: 0;
    background: url("../i/geo/accordion-icon.jpg") 0 0 no-repeat;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.geo-detail .am-active .geo-dec-tit:before{
    background-position: 0 -32px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.geo-detail .am-article-title{
    font-weight: bold;
    color: #00975e;
}
.geo-detail .am-article-title .tm{
    font-size: 0.8rem;
    vertical-align: top;
    font-weight: bold;
}

.geo-detail .am-accordion-content dl dt{
    font-size: 2rem;
    padding: 0.6rem 0;
}

/*

    GEOSYNTHETICS end

*/



/*新闻*/


.news_content  .latest-list{
    padding: 3rem 0;
}
.news_content  .latest-list .latest-item{
    margin-bottom: 4rem;
}

/*应用*/
.application .geo-dec{
    height: auto;
}
.application .geo-pic{
    margin: 0 auto;
    width: 150px;
}
.application .geo-pic img{
    width: auto;
    max-width: 100%;
}

/*服务*/
.services-box{
    min-height: 66rem;
}
.services-box .service-left{
    background-color: #f9f9f9;
    height: 100%;
    min-height: 66rem;
}
.service-left .server-tit{
    color: #00975e;
    padding: 1.8rem 0 0rem 0rem;
    font-size: 2rem;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}
.services-box .service-left-list{
    padding-left: 0;
    font-family: "Microsoft YaHei";
    margin-left: 0;
    margin-right: 0;
}
.service-left-list li{
    list-style: none;
    padding: 0.8rem 0;
    font-size: 1.6rem;
}
.service-left-list li a{
    color: #222222;
}
.service-left-list li a:hover,.service-left-list li.cur a{
    color: #00975e;
}
.service-right-list .service-right-item img{
    width: 100%;
}
.service-right-list .service-right-item dt{
    font-size: 1.6rem;
    color: #525252;
    padding:0 0 1rem 0;
}


/*下载*/
.download-box{
    margin-top: 3.6rem;
}
.download-content{
    border-top: 1px solid #e5e5e5;
}
.download-box .service-left{
    padding-top: 1rem;
}
.download-box .service-left-list li{
    position: relative;
}
.download-box .service-left-list li.cur:before{
    content: '';
    border-left: 3px solid #00975e;
    height: 24px;
    position: absolute;
    left: -16px;
    top: 50%;
    margin-top: -12px;
}
.download-list .download-dec{
    color: #5f6060;
    padding-left: 50px;
    position: relative;
    font-family: Arial;
}
.download-list a:hover .download-dec{
    color: #00975e;
}
.download-list .download-list-item{
    margin: 2rem 0;
}
.download-list .download-dec .tit{
    font-size: 1.4rem;
    margin: 0;
}
.download-list .download-dec:before{
    content: '';
    width: 30px;
    height: 37px;
    background: url("../i/down-icon.png") no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}
/*联系我们*/
.contact-us{
    padding: 4rem 1rem;
}
.contact-us-content{
    padding: 6rem 0 0 0;
    font-family: mon;
}
.contact-us-content dd{
    color: #5a5a5a;
    font-size: 1.4rem;
}
.contact-us-content textarea{
    height: 11rem;
}
.contact-us-content .am-btn-block{
    background: #00975e;
    border: none;
    width: 60%;
    float: right;
}


/*帮助连接*/
#help-align{
    background: #111;
    width: 100%;
    color: #a9a9a9;
    font-family: mon;
    padding-top: 5rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
}
#help-align a{
    color: #a9a9a9;
}
#help-align a:hover{
    color: #00975e;
}
#help-align dt{
    color: #fff;
    font-size: 1.8rem;
}
hr{
    border-top:1px solid #373737 ;
}
#help-align .line dd{
    position: relative;
    padding-left: 2rem;
}
#help-align .line dd:before{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    background: #00975e;
}
/*底部*/
#footer{
    background: #222222;
    width: 100%;
    color: #fff;
    line-height: 6.6rem;
}
#my-button .am-icon-angle-up:before{
    content: '＾';
    font-size: 18px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    font-family: "Arial";
}
#footer a{
    color: #fff;
    display: inline-block;
}


@media only screen and (max-width: 1500px){
    .products-wrap{
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {

    .home_top .home_nav{
        margin: 0;
        width: 100%;
    }
    .home_top ._logo{
        float: none;
        margin: 0 auto;
    }

    .owl-nav{
        display: none !important;
    }
    .superiority{
        background: none;
    }
    .superiority .super-item{
        width: 48%;
        height: 22rem;
        margin: 0 0 10px 0;
    }
    .am-container > .am-g{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {


    .owl-nav{
        display: none !important;
    }
    .home_top .home_nav{
        margin: 0;
        width: 100%;
    }
    .home_top ._logo{
        float: left;
        margin-left: 10px;
    }
    .latest-list>div{
        margin-bottom: 10px;
    }
    .superiority{
        background: none;
    }
    .superiority .super-item{
        width: 48%;
        height: 22rem;
        margin: 0 0 10px 0;
    }

    .am-menu-offcanvas1{
        display: block;
        height: 40px;
        position: relative;
        width: 100%;
    }
    .home_nav{
        display: none;
    }
    .am-menu-offcanvas1 .am-menu-toggle{
        top: 0;
        right: 20px;
        background: url("../i/menu.png") no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

}
@media (max-width: 767px) {
    .owl-nav{
        display: none !important;
    }
    .home_top .home_nav{
        margin: 0;
        width: 100%;
    }
    .home_top ._logo{
        float: left;
        margin-left: 10px;
    }
    .latest-list>div{
        margin-bottom: 10px;
    }
    .superiority{
        background: none;
        height: auto;
    }
    .superiority .super-item{
        width: 88%;
        height: 22rem;
        margin: 0 auto 10px;
        float: none;

    }

    .am-menu-offcanvas1{
        display: block;
        height: 40px;
        position: relative;
        width: 100%;
    }
    .home_nav{
        display: none;
    }
    .am-menu-offcanvas1 .am-menu-toggle{
        top: 0;
        right: 20px;
        background: url("../i/menu.png") no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

}
@media (min-width: 480px) and (max-width: 767px) {
    .owl-nav{
        display: none !important;
    }
    .home_top .home_nav{
        margin: 0;
        width: 100%;
    }
    .home_top ._logo{
        float: left;
        margin-left: 10px;
    }
    .latest-list>div{
        margin-bottom: 10px;
    }
    .am-nav-pills > li{
        float: none;

    }

    .am-menu-offcanvas1{
        display: block;
    }
    .home_nav{
        display: none;
    }
    .am-menu-offcanvas1{
        display: block;
        height: 40px;
        position: relative;
        width: 100%;
    }
    .home_nav{
        display: none;
    }
    .am-menu-offcanvas1 .am-menu-toggle{
        top: 0;
        right: 20px;
        background: url("../i/menu.png") no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .services-box .service-left{
        min-height: auto;
    }
    .service-left-list{
        text-align: center;
    }
}
@media (max-width: 479px) {
    .owl-nav{
        display: none !important;
    }
    .home_top .home_nav{
        margin: 0;
        width: 100%;
    }
    .home_top ._logo{
        float: left;
        margin-left: 10px;
    }
    .latest-list>div{
        margin-bottom: 10px;
    }

    .am-menu-offcanvas1{
        display: block;
        height: 40px;
        position: relative;
        width: 100%;
    }
    .home_nav{
        display: none;
    }
    .am-menu-offcanvas1 .am-menu-toggle{
        width: 36px;
        height: 36px;
        top: 0;
        right: 20px;
        background: url("../i/menu.png") no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .home-products{
        padding-bottom: 4rem;
    }
    .latest-list{
        padding-bottom: 2rem;
    }
    .video-box{
        padding: 4rem 0;
    }
    #help-align{
        padding: 2rem 1rem 0;
    }
    #footer{
        line-height: 2.4rem;
        text-align: center;
    }
    .go_top{
        padding: 1rem 0;
    }
    .am-container > .am-g{
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .services-box .service-left{
        min-height: auto;
    }
    .service-left-list{
        text-align: center;
    }
    .geo-box{
        padding: 0;
    }
    .services-box{
        padding: 0 1rem;
    }
    .video-box{
        padding: 5rem 0 10rem 0;
    }
    .video-box .video-title{
        font-size: 1.2rem;
    }
    .video-box .player-icon{

        bottom: 4rem;
    }
    .welcome-content{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}