﻿@charset "UTF-8";
html{background-color:#fff;color:#000;font-size:14px}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:"微软雅黑","sourcehansans",arial,tahoma,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu,li{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
a{color:#1b754f;text-decoration:none}
.transition{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}
.scale{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1)}
.d-container{margin:0 auto;width:1305px}

.header{
    width:100%;
    height:60px;
    line-height: 60px;
    background-color: #1b754f;
    position: fixed;
    left:0;
    right:0;
    top:0;
    z-index: 100;
}
.header>.d-container{
    /* overflow: hidden; */
    position: relative;
}
.header .logo1{
    /* float:left; */
    width:167px;
    position: absolute;
    left:0;
    top:0;
}
.header .logo2{
    opacity: 0;
    position: absolute;
    left:0;
    top:0;
    width:111px;
    height:42px;
}
.header .menu-list{
    float:right;
    width:1000px;
}
.header .menu-list li{
    float:left;
    width:118px;
    margin-left:95px;
}
.header .menu-list li:first-child{
    margin-left: 0;
}
.header .menu-list li>a{
    display: block;
    color:#fff;
    font-size:21px;
    text-align: center;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.header .menu-list li.active>a,.header .menu-list li:hover>a{
    color:#b6a05c;
}
.header .menu-list li>a::after,.header .menu-list li>a::after{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    content:'';
    display: block;
    height:3px;
    background-color: #b6a05c;
    position: absolute;
    bottom:-0;
    left:0;
    right:0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
}
.header .menu-list li.active>a::after,.header .menu-list li:hover>a::after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
}
.header.transparent{
    background-color: rgba(255,255,255,.88);
}
.header.transparent .logo1{
    opacity: 0;
}
.header.transparent .logo2{
    opacity: 1;
}
.header.transparent .menu-list li>a{
    color:#1b754f;
}
.header.transparent .menu-list li.active>a, .header.transparent .menu-list li:hover>a{
    color:#b6a05c;
}

.home-banner{
    margin-top: 60px;
}

.home-banner .swiper-slide{
    text-align: center;
}
.home-banner .swiper-slide img{
    width: 100%;
}
.home-banner .swiper-pagination{
    bottom: 55px !important;;
}
.home-banner .swiper-pagination-bullet{
    opacity: 1;
    width:10px;
    height:10px;
    border-radius: 5px;
    background-color: #fff;
    margin:0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
.home-banner .swiper-pagination-bullet-active{
    width:55px;
    margin:0 6px;
}

.home-section2{
    height:670px;
}
.home-section2>.home-section2-wrapper{
    display: flex;
    justify-content: space-between;
    padding-top:85px;
    background:url(../images/home/bg-quxian.png) no-repeat center 198px;
}
.home-section2>.home-section2-wrapper>.item>.thumb,.home-section2>.home-section2-wrapper>.item>.thumb>img{
    width:199px;
    height:245px;
}
.home-section2>.home-section2-wrapper>.item>.intro{
    margin-top: 23px;
    width:200px;
    font-size:26px;
    color:#707070;
    text-align: center;
    font-weight: lighter;
}
.home-section3{
    height:290px;
    width:100%;
    background:url(../images/home/bg-suyuan.jpg) no-repeat center top;
    background-size: cover;
}
.home-section3 .product-img{
    float:right;
    margin-top:-57px;
    margin-right:-107px;
}
.home-section3 .link{
    float:left;
    width: 392px;
    height:66px;
    margin-top:164px;
    margin-left: 184px;
}
.home-section3 .link:hover{
    margin-left: 200px;
}

.home-company-intro{
    height:1120px;
}
.home-company-intro>.d-container{
    padding-top:235px;
}
.modular-title{
    font-size:45px;
    color:#565656;
    text-align: center;
}
.modular-title-en{
    margin-top: 5px;
    font-size:12px;
    color:#8f8f8f;
    text-align: center;
    text-transform: uppercase;
}
.home-company-intro .aboutimgswiper{
    margin-top: 65px;
    width:100%;
    height:333px;
    position: relative;
}
.home-company-intro .aboutimgswiper .swiper-slide{
    width: 607px;
    height: 299px;
}
.home-company-intro .aboutimgswiper .button{
    position: absolute;
    width:17px;
    height:81px;
    top:110px;
    z-index: 10;
    cursor:pointer;
}
.home-company-intro .aboutimgswiper .button-prev{
    left:0;
}
.home-company-intro .aboutimgswiper .button-next{
    right:0;
}
.home-company-intro .aboutimgswiper .swiper-pagination{
    bottom:0;
}
.home-company-intro .aboutimgswiper .swiper-pagination-bullet{
    width:7px;
    height:7px;
    opacity: 1;
    background-color: #b8b8b8;
    margin:0 9px!important;
}
.home-company-intro .aboutimgswiper .swiper-pagination-bullet-active{
    background-color: #14976d;
}
.home-company-intro .intro{
    margin-top: 60px;
    margin-bottom: 60px;
    font-size:16px;
    color:#3e3e3e;
    line-height: 30px;
    text-indent: 2em;
}
.home-company-intro .morelinke{
    display: block;
    margin:0 auto;
    width:180px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    font-size:20px;
    color:#1b754f;
    border:1px solid #1b754f;
}
.home-company-intro .morelinke:hover{
    background-color: #1b754f;
    color:#fff;
}

.home-youshi-container{
    height: 632px;
    background:url(../images/home/bg-youshi.jpg) no-repeat center top;
    background-size: cover;
}
.home-youshi-container>.d-container{
    padding-top: 90px;
}
.home-youshi-container .wrapper{
    margin-top: 95px;
    overflow: hidden;
}
.home-youshi-container .wrapper>.peifang-list{
    float:left;
    width:670px;
}
.home-youshi-container .wrapper>.peifang-list>p{
    width: 600px;
    font-size:17px;
    color:#3e3e3e;
    line-height: 29px;
}
.home-youshi-container .wrapper>.peifang-list .paomawrapper{
    margin-top: 25px;
    width:795px;
    height:135px;
    overflow: hidden;
    position: relative;
    margin-left:-115px;
}
.home-youshi-container .wrapper>.peifang-list .paomawrapper>li{
    width:102px;
    height: 135px;
    position: absolute;
    background-color: rgba(214,214,214,.5);
	cursor:pointer;
}
.home-youshi-container .wrapper>.peifang-list .paomawrapper>li:hover{
	opacity:0.9;
}
.home-youshi-container .wrapper>.peifang-list .paomawrapper>li>img{
    width: 100%;
    height: 100%;
}
.home-youshi-container .wrapper>.right-text{
    float:right;
    width:480px;
    height:210px;
    padding-right:40px;
    overflow-y: auto;
}
.home-youshi-container .wrapper>.right-text>p{
    font-size:14px;
    color:#3e3e3e;
    line-height: 23px;
    text-indent: 2em;
    margin-bottom: 23px;
    text-align: justify;
}
.home-youshi-container .wrapper>.right-text::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
.home-youshi-container .wrapper>.right-text::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background   : #1b754f;
}
.home-youshi-container .wrapper>.right-text::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background   : #d1d1d1;
}

.home-product-container{
    height:989px;
    background:url(../images/home/bg-product.jpg) no-repeat center top;
    background-size: cover;
}
.home-product-container>.d-container{
    padding-top: 190px;
}
.home-product-container .product-wrapper{
    margin-top: 105px;
    height:488px;
}
.home-product-container .product-wrapper>.product{
    position: relative;
    float:left;
    height:488px;
    overflow: hidden;
}
.home-product-container .product-wrapper>.product>.img>h2{
    position: absolute;
    height:50px;
    width: 130px;
    line-height: 50px;
    bottom:-60px;
    opacity: 0;
    font-size:18px;
    color:#5a5a5a;
    text-align: center;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.home-product-container .product-wrapper>.product:hover>.img>h2{
    bottom:0;
    opacity: 1;
}
.home-product-container .product-wrapper>.product>.cover{
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
}
.home-product-container .product-wrapper>.product:hover>.cover{
    opacity: 0;
}
.home-product-container .product-wrapper>.product>.cover>h2{
    font-size:26px;
    font-weight: bold;
    margin-top: 0;
    opacity: 1;
}
.home-product-container .product-wrapper>.product:hover>.cover>h2{
    margin-top: 100px;
    opacity: 0;
}
.home-product-container .product-wrapper>.product>.cover>.line{
    width:195px;
    height:0;
    border-top:1px solid #fff;
    margin-top: 15px;
    margin-bottom: 12px;
}
.home-product-container .product-wrapper>.product>.cover>p{
    font-size:16px;
}
.home-product-container .product-wrapper>.product1{
    width:434px;
}
.home-product-container .product-wrapper>.product1>.img>h2{
    border-bottom:4px solid #55b321;
}
.home-product-container .product-wrapper>.product1>.cover{
    background: url(../images/home/img-product-yingyouer-cover.jpg) no-repeat 100% 100%;
}
.home-product-container .product-wrapper>.product2{
    width:437px;
}
.home-product-container .product-wrapper>.product2>.img>h2{
    border-bottom:4px solid #3dd4f8;
}
.home-product-container .product-wrapper>.product2>.cover{
    background: url(../images/home/img-product-tiaozhiru-cover.jpg) no-repeat 100% 100%;
}
.home-product-container .product-wrapper>.product2>.cover>.line{
    width: 295px;
}
.home-product-container .product-wrapper>.product3{
    width:434px;
}
.home-product-container .product-wrapper>.product3>.img>h2{
    border-bottom:4px solid #f8953d;
}
.home-product-container .product-wrapper>.product3>.cover{
    background: url(../images/home/img-product-other-cover.jpg) no-repeat 100% 100%;
}

.bottom{
    width: 100%;
    height: 506px;
    background-color: #f5f1e1;
}
.bottom>.d-container{
    padding-top: 100px;
}
.bottom .company-info{
    float:left;
    width:450px;
    position: relative;
    color:#c0ad81;
}
.bottom .company-info>h2{
    font-size:24px;
    margin-bottom: 80px;
    position: relative;
}
.bottom .company-info>h2::after{
    content:'';
    display: block;
    width:47px;
    height:2px;
    background: #c0ad81;
    position: absolute;
    left:0;
    top:65px;
}
.bottom .company-info>p{
    font-size:18px;
    padding-left: 40px;
    margin-bottom: 35px;
}
.bottom .company-info>p.address{
    background: url(../images/icon-address.png) no-repeat left center;
}
.bottom .company-info>p.tel{
    background: url(../images/icon-tel.png) no-repeat left center;
}
.bottom .company-info>p.phone{
    background: url(../images/icon-phone.png) no-repeat left center;
}
.bottom .company-info>p.email{
    background: url(../images/icon-email.png) no-repeat left center;
}
.bottom .company-info>.wecode{
    position: absolute;
    width: 130px;
    height: 130px;
    left:314px;
    top:195px;
}
.bottom .bottom-menu{
    float:right;
}
.bottom .bottom-menu .menu-list{
    float:left;
    margin-right: 65px;
}
.bottom .bottom-menu .menu-list:last-child{
    margin-right: 0;
}
.bottom .bottom-menu .menu-list>h2{
    margin-bottom: 75px;
    font-size:24px;
    color:#c0ad81;
    position: relative;
}
.bottom .bottom-menu .menu-list>h2::after{
    content:'';
    display: block;
    width:47px;
    height:2px;
    background: #c0ad81;
    position: absolute;
    left:0;
    top:65px;
}
.bottom .bottom-menu .menu-list>ul>li{
    margin-bottom: 37px;
}
.bottom .bottom-menu .menu-list>ul>li>a{
    font-size:18px;
    color:#c0ad81;
}
.bottom .bottom-menu .menu-list>ul>li>a:hover{
    color:#433717;
}

.footer{
    width:100%;
    height:40px;
    line-height: 40px;
    background-color: #d8cfb8;
    font-size:14px;
    color:#7e7662;
    text-align: center;
}
.footer>.d-container>div.item{
    display: inline-block;
    margin:0 8px;
}
.footer a{
    color:#7e7662;
}
.footer a:hover{
    color:#433717;
}

.page-banner{
    width:100%;
    height:auto;
}
.page-banner img{
    width:100%;
}
.page-submenu-container{
    height:40px;
    width:100%;
    line-height:40px;
    background-color:#1b754f;
}
.page-submenu-container>.submenu-list{
    line-height: 40px;
    text-align: center;
}
.page-submenu-container>.submenu-list>li{
    display: inline-block;
    padding:0 45px;
    position: relative;
}
.page-submenu-container>.submenu-list>li::after{
    content:'';
    display: block;
    width:0;
    height:18px;
    border-right:1px solid #fff;
    position: absolute;
    right:0;
    top:10px;
}
.page-submenu-container>.submenu-list>li:last-child:after{
    display: none;
}
.page-submenu-container>.submenu-list>li>a{
    color:#fff;
    font-size:16px;
}
.page-submenu-container>.submenu-list>li>a:hover{
    color:#b6a05c;
}

.page-modular-title{
    text-align: center;
    font-size:30px;
    color:#6b6b6b;
}
.company-intro-container>.d-container{
    padding-top: 130px;
    padding-bottom: 75px;
}
.company-intro-container .bd{
    margin:70px auto 0;
    width:915px;
}
.company-intro-container .bd>p{
    font-size:16px;
    color:#6b6b6b;
    line-height: 28px;
    margin-bottom: 16px;
}
.swiper-aboutimgs{
    height:268px;
    position: relative;
}
.swiper-aboutimgs .swiper-slide{
    float:left;
    height:268px;
    width:454px;
}
.swiper-aboutimgs .swiper-slide>img{
    width: auto;
    height: 100%;
}
.swiper-aboutimgs .btn{
    position: absolute;
    width: 12px;
    height: 21px;
    bottom:15px;
    z-index: 100;
    cursor:pointer;
}
.swiper-aboutimgs .btn-prev{
    left:50%;
    margin-left:-45px;
}
.swiper-aboutimgs .btn-next{
    right:50%;
    margin-right:-45px;
}
.company-idea>.d-container{
    padding-top: 120px;
    padding-bottom: 150px;
}
.company-idea .bd{
    margin-top: 60px;
    display: flex;
    justify-content: center;
}
.company-idea .bd>.item{
    margin:0 23px;
    width:343px;
    height:243px;
    border-radius: 10px;
    overflow: hidden;
    border:1px solid #1b754f;
}
.company-idea .bd>.item>h3{
    width: 100%;
    line-height: 47px;
    font-size:18px;
    color:#fff;
    text-align: center;
    background-color:#1b754f;
    margin-bottom: 55px;
}
.company-idea .bd>.item p{
    text-align: center;
    font-size:18px;
    line-height: 36px;
    color:#6b6b6b;
}
.company-idea .bd>.item1>h3{
    margin-bottom: 43px;
}
.company-idea .bd>.item1 p{
    text-align: justify;
    margin:0 auto;
    width:265px;
    font-size:15px;
    line-height:25px;
}
.organizational-container{
    background-color: #f6f6f6;
    height:890px;
}
.organizational-container>.d-container{
    padding-top: 70px;
}
.organizational-container .bd{
    text-align: center;
    margin-top: 65px;
}
.honor-container{
    height:570px;
    background:url(../images/about/bg-zizhi.jpg) no-repeat;
    background-size:cover;
    position: relative;
}
.honor-container>.d-container{
    padding-top: 95px;
}
.honor-container .hornerlist{
    margin-top: 75px;
    height:210px;
    overflow: hidden;
}

.honor-container .hornerlist .swiper-slide{
    float:left;
    height:210px;
    margin-right: 20px;
    background-color: #ffffff;
	text-align:center;
	width:auto!important;
}
.honor-container .hornerlist .swiper-slide img{
	max-height:100%;
}
.honor-container .btn{
    position: absolute;
    width: 12px;
    height: 21px;
    bottom:55px;
    z-index: 100;
    cursor:pointer;
}
.honor-container .btn-prev{
    left:50%;
    margin-left:-45px;
}
.honor-container .btn-next{
    right:50%;
    margin-right:-45px;
}
.banner-suyuan{
    position: relative;
}
.banner-suyuan .naidi{
    position: absolute;
    width:12%;
    /* height:280px; */
    top: 18%;
    left: 27.8%;
}
.search-type{
    height:690px;
    background-color: #fffde5;
}
.search-type>.d-container{
    padding-top: 80px;
}
.search-type-wrap{
    margin:90px 32px 0;
    /* overflow: hidden; */
}
.search-type-wrap>.left{
    float:left;
    width:469px;
}
.search-type-wrap>.left>img{
    width:469px;
    height:auto;
}
.search-type-wrap>.left>p{
    margin-top: 15px;
    font-size:14px;
    color:#8a8a8a;
}
.search-type-wrap>.right{
    float:right;
    width:720px;
}
.search-type-wrap>.right>.no1{
    padding-top: 24px;
    margin-bottom: 60px;
    width:718px;
    height:94px;
    border:1px solid #2a7e59;
    position: relative;
    border-radius: 3px;
}
.search-type-wrap>.right>.no1:last-child{
    margin-bottom: 0;
}
.search-type-wrap>.right>.no1>.hd{
    width:100px;
    height:30px;
    line-height:30px;
    text-align: center;
    font-size:16px;
    color:#fff;
    position: absolute;
    left:20px;
    top:-30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color:#1b754f;
}
.search-type-wrap>.right>.no1>.icon{
    float:left;
    width:134px;
    height:66px;
    line-height: 66px;
    border-right:1px solid #2a7e59;
    text-align: center;
}
.search-type-wrap>.right>.no1>.txt{
    float:left;
    margin-left: 30px;
    width:520px;
    text-align: left;
    font-size:24px;
    line-height: 35px;
    color:#1b754f;
}
.suyuan-container{
    height:1508px;
    width:100%;
    background:url(../images/suyuan/bg-chaxun.jpg) no-repeat;
    background-size: 100% 100%;
}
.suyuan-container>.d-container{
    padding-top: 58px;
}
.suyuan-container .search-box{
    margin:45px auto 57px;
    width:1068px;
    height:98px;
    border:1px solid #2a7e5b;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
}
.suyuan-container .search-box.error{
    animation: error .2s ease 0s 2;
    border-color: #f00;
}
.suyuan-container .search-box>.keywords{
    margin-left: 6px;
    padding-left: 40px;
    float:left;
    width:810px;
    line-height: 98px;
    font-size:30px;
    color:#787878;
    /* transition: all .5s ease-in-out; */
}
.suyuan-container .search-box>.btn{
    float:left;
    width:210px;
    height:93px;
    margin-top: 3px;
    margin-right: 1px;
    cursor: pointer;
    background:url(../images/suyuan/icon-search-btn.png) no-repeat;
}
@keyframes error {
    0%{
        left:0;
    }
    25%{
        left:-10px;
    }
    50%{
        left:0;
    }
    75%{
        left:10px;
    }
    100%{
        left: 0;
    }
}
.suyuan-container .result-box{
    width:100%;
    height:1121px;
    background:url(../images/suyuan/bg-product.png) no-repeat center top;
    overflow-x:hidden;
    overflow-y: auto;
}
.suyuan-container .result-box::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
.suyuan-container .result-box::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background   : #1b754f;
    cursor: pointer;
}
.suyuan-container .result-box::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background   : #d1d1d1;
}

.suyuan-container .result-box .result{
    display: none;
}
.suyuan-container .result-box .empty{
    width:267px;
    height: 256px;
    margin:405px auto 0;
    display: block;
}
.suyuan-container .result-box .topimg{
    padding-top: 55px;
    height:482px;
    text-align: center;
}
.suyuan-container .result-box .topimg>img{
    max-height: 100%;
}
.result-table{
    width:1220px;
    margin:0 auto 35px;
    border:1px solid #1b754f;
}
.result-table thead th{
    font-size:26px;
    color:#fff;
    text-align: center;
    background-color: #1b754f;
    line-height: 45px;
    font-weight: normal;
}
.result-table tbody .name{
    padding-left: 45px;
    padding-right: 25px;
    background-color: #fffdec;
    font-size:20px;
    font-weight: bold;
    color:#4c4c4c;
    line-height: 25px;
    height:40px;
}
.result-table tbody .value{
    padding:0 25px;
    font-size:20px;
    color:#4c4c4c;
    line-height: 25px;
    height:40px;
}
.result-table tbody .value a{
    cursor:pointer;
}
.result-table tbody .value a:hover{
    color:#b6a05c
}
.result-table tbody .pl45{
    padding-left: 45px;
}
.result-table tbody .pl25{
    padding-left: 25px;
}
.result-table tbody .pr25{
    padding-right: 25px;
}
.table-product-info tbody .value{
    background-color: #f7fcff;
}
.table-cpxq tbody .name,.table-qyxx tbody .name{
    padding-left:10px;
    padding-right:10px;
}
.table-cpxq tbody .name{
    text-align: center;
}
.layui-layer-page {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #fffdec;
}
/*layui-layer-wrap {
    background-color: transparent !important;
    
}*/
.layui-layer-wrap h2{
    font-size: 30px;
    text-align: center;
    border-bottom: 2px solid #fffdec;
    line-height: 90px;
}
.layui-layer-wrap p{
    font-size:22px;
    line-height:38px;
    margin-top:50px;
}
.layui-layer-content {
    margin: 0 auto;
    width: 90%;
}
.layui-layer-close{
    display:none;
}