﻿*{margin: 0;padding: 0;
    outline:0 none !important;
    box-sizing: border-box;}
a{text-decoration: none;}
li{list-style: none;}
div{font-size: 0;line-height: 1;}
.clear{clear: both;display: block;}
html{font-family: 微软雅黑;min-width: 1280px;}
body{min-width: 1280px;}
@font-face{
    font-family: 'fz';
    src : url('../BARLOW-REGULAR.TTF');
}
@font-face{
    font-family: 'fz1';
    src : url('../BARLOW-BOLD_0.TTF');
}
.wid{width: 1280px;margin: 0 auto;}
.clear{display: block;clear: both;}
.nav{height: 100px;line-height: 100px;border-bottom: 1px solid rgba(255,255,255,0.1);z-index: 999;width: 100%;}
.nav>div{overflow: hidden;width: 1200px;}
.nav>div>a{float: left;margin-top: 18px;}
.nav>div>ul{float: right;}
.nav>div>ul>li{border-bottom: 4px solid transparent;transition:0.5s;height: 100px;float: left;line-height: 100px;margin-right: 38px;}
.nav>div>ul>li>a{color: #333;font-size: 18px;}
.nav>div>ul>.avt{border-color: #038840;}
.nav>div>ul>.avt>a{color: #038840;}
.banner img{transition:2s;}

.contain{background: url(../images/11_02.jpg) no-repeat center;height: 922px;padding-top: 80px;}
.title>span{font-size: 20px;color: #65b58a;font-family: fz1;text-transform: uppercase;}
.title>b{color: #828282;font-size: 36px;display: block;margin-top: 18px;}
.title>a{float: right;width: 124px;height: 42px;line-height: 42px;border:1px solid#adadad;border-radius: 3px;text-align: center;font-size: 14px;color: #adadad;margin-top: -55px;}
.title>a>img{vertical-align: middle;margin-left: 10px;}
.contain>p{margin: 40px auto;}
.contain>p>span{width: 124px;height: 42px;line-height: 42px;border:1px solid #adadad;color: #333;display: inline-block;vertical-align: middle;border-radius: 3px;font-size: 16px;margin-right: 30px;text-align: center;cursor: pointer;}
.contain>p>.avt{color: #fff;border:none;background-image: linear-gradient(to right, #039c39 , #027348);}
.contain>ul{display: none;}
.contain>ul:nth-child(3){display: block;}
.contain>ul .slick-slide li{padding: 10px 10px 0;height: 260px;margin-bottom: 20px;transition:0.5s;}
.contain>ul li img{width: 100%;height:200px;}
.contain>ul li p{font-size: 16px;color: #333;text-align: center;margin-top: 16px;transition:0.5s;}
.contain>ul .slick-slide li:hover{background-image: linear-gradient(to right, #039c39 , #027348);}
.contain>ul li:hover p{color: #fff;}
.img{background: url(../images/1_16.jpg) no-repeat center;height: 604px;}
.contain1{overflow: hidden;margin: 80px auto 100px;}
.contain1>li{float: left;width: 296px;margin-right: 32px;height: 200px;border-radius: 10px;text-align: center;padding-top: 42px;color: #fff;background: #038840;}
.contain1>li:nth-child(4){margin-right: 0;}
.contain1>li span{font-size: 24px;}
.contain1>li p{padding: 0 40px;font-size: 14px;line-height: 24px;margin-top: 23px;}
.contain2{overflow: hidden;}
.contain2>li{float: left;width: 192px;margin-right: 78px;text-align: center;}
.contain2>li:nth-child(5){margin-right: 0;}
.contain2>li img{margin-bottom: 42px;}
.contain2>li span{font-size: 24px;color: #038840;display: block;}
.contain2>li p{font-size: 14px;line-height: 24px;color: #999;margin-top: 30px;}
.contain2>p{width: 560px;height: 56px;line-height: 56px;text-align: center;border-radius: 28px;background-image: linear-gradient(to right, #039c39 , #027348);margin: 62px auto 0;}
.contain2>p img{vertical-align: middle;}
.contain2>p span{vertical-align: middle;font-size: 18px;margin-left: 16px;color: #fff;}
.contain3{background: url(../images/1_22.jpg) no-repeat center;height: 500px;padding-top: 80px;margin: 94px 0 80px;}
.contain3>ul{margin: 74px auto 0;overflow: hidden;}
.contain3>ul>li{width: 102px;margin-right: 66px;float: left;text-align: center;position: relative;cursor: pointer;}
.contain3>ul>li>img:nth-child(2){display: none;}
.contain3>ul>li>p{margin: 30px auto 14px;color: #fff;font-size: 20px;}
.contain3>ul>li>span{font-size: 14px;line-height: 22px;color: #fff;}
.contain3>ul>li>font{position: absolute;top: 0;left: 0px;width: 30px;height: 30px;border-radius: 50%;line-height: 30px;border:1px solid #fff;font-size: 14px;background: #fff;color: #038840;}
.contain3>ul>li:last-child{margin-right: 0;}
.contain3>ul>li:hover>img:nth-child(2){display: inline-block;}
.contain3>ul>li:hover>img:nth-child(1){display: none;}
.contain3>ul>li:hover>font{color: #fff;background: #038840;}
.sabout{overflow: hidden;}
.sabout>img{float: left;}
.sabout>div{float: right;width: 580px;margin-top: 20px;}
.sabout>div>p{font-size: 16px;line-height: 32px;margin: 50px 0 70px;color: #666;}
.sabout>div>a{width: 124px;height: 42px;line-height: 42px;border-radius: 3px;text-align: center;font-size: 14px;color: #fff;background-image: linear-gradient(to right, #039c39 , #027348);display: block;}
.sabout>div>a>img{vertical-align: middle;margin-left: 10px;}
.contain4{height: 220px;background: url(../images/1_28.jpg) no-repeat center;margin: 80px auto 0;}
.sal{background: url(../images/11_04.jpg) no-repeat center;height: 660px;padding-top: 70px;margin-bottom: 80px;}
.sal>ul{width: 1304px;margin: 40px auto 0;}
.sal>ul .slick-slide{margin: 0 12px 20px;height: 367px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.sal>ul .slick-slide>a>img{width: 100%;height: 200px;}
.sal>ul .slick-slide div{padding: 27px 20px 0;}
.sal>ul .slick-slide div>span{font-size: 14px;font-family: Arial;color: #038741;}
.sal>ul .slick-slide div>p{font-size: 16px;color: #333;height: 56px;margin: 10px 0 26px;line-height: 28px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.sal>ul .slick-slide div>font{font-size: 14px;color: #666;}
.sal>ul .slick-slide div>font>img{vertical-align: middle;margin-left: 14px;}
.snew{margin: 38px auto 78px;overflow: hidden;}
.snew>div{float: left;width: auto;}
.snew>div>div{width: 420px;margin-right: 10px;float: left;}
.snew>div>div img{width: 100%;height: 282px;}
.snew>div>div p{font-size: 18px;line-height: 32px;height: 64px;margin: 23px 0;padding: 0 20px;color: #333;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.snew>div>div span{font-size: 14px;font-family: Arial;color: #999;margin-left: 20px;}
.snew>div>div:hover p{font-weight: bold;color: #038741;}
.snew>ul{float: right;width: 380px;}
.snew>ul>li{border-top: 1px dashed #ccc;padding: 10px 0 15px;}
.snew>ul>li p{font-size: 16px;line-height: 26px;height: 52px;overflow : hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;margin-bottom: 9px;color: #4d4d4d;}
.snew>ul>li:last-child{border-bottom: 1px dashed #ccc;}
.snew>ul>li span{font-size: 14px;font-family: Arial;color: #999;}
.floor{padding: 40px 0 30px;background: #027348;}
.floor1{overflow: hidden;}
.floor1>div{float: left;width: 960px;}
.floor1>div>a{font-size: 16px;color: #fff;vertical-align: middle;}
.floor1>div>b{display: inline-block;vertical-align: middle;margin: 0 40px;background: #67ab91;width: 1px;height: 12px;}
.floor1>div>p{padding: 38px 0 14px;border-top: 1px solid #358f6d;border-bottom: 1px solid #358f6d;overflow: hidden;margin-top: 30px;}
.floor1>div>p>span{float: left;margin-bottom: 28px;width: 398px;line-height: 18px;}
.floor1>div>p>span>img{vertical-align: middle;}
.floor1>div>p>span>font{vertical-align: middle;margin-left: 14px;font-size: 14px;color: #fff;}
.floor1>p{float: right;width: 140px;text-align: center;}
.floor1>p>img{margin-bottom: 16px;}
.floor1>p>span{font-size: 14px;color: #fff;}
.floor2{margin-top: 20px;font-size: 14px;color: #fff;}
.floor2>p{float: right;}
.floor2 a{color: #fff;}
.contains{width: 1280px;margin: 40px auto 90px;}
.contains>.left{width: 280px;float: left;}
.contains>.left>p{background: #038840;height: 140px;padding-left: 40px;padding-top: 38px;color: #fff;font-size: 30px;}
.contains>.left>p>b{display: block;margin-top: 18px;width: 20px;height: 2px;background: #fff;}
.contains>.left>div{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.contains>.left>div>div{min-height: 70px;border-bottom: 1px solid #f2f2f2;}
.contains>.left>div>div>a{margin-left: 40px;line-height: 70px;display: block;}
.contains>.left>div>div span{display: none;width: 10px;margin-right: 10px;height: 3px;vertical-align: middle;background: #038840;}
.contains>.left>div>div b{font-size: 18px;color: #666666;vertical-align: middle;font-weight: 500;}
.contains>.left>div>div>div{display: none;background: #fafafa;padding:24px  47px;}
.contains>.left>div>.avt>div{display: block;}
.contains>.left>div>.avt>img{transform: rotate(90deg);}
.contains>.left>div>div>div>a{padding-left: 14px;color: #999;font-size: 16px;margin-bottom: 24px;display: block;width: auto;}
.contains>.left>div>div>div>a:last-child{margin-bottom: 0;}
.contains>.left>div>div>div>.avt1{color: #2960ad;font-weight: bold;}
.contains>.left>div>.avt b{color: #038840;font-weight: bold;}
.contains>.left>div>.avt span{display: inline-block;}
.contains>.right{width:950px;float: right;}
.contains>.right>p{margin-top: 4px;padding-bottom: 16px;border-bottom: 2px solid #038840;margin-bottom: 30px;}
.contains>.right>p>span{vertical-align: bottom;font-size: 18px;color: #999;margin-left: 20px;}
.contains>.right>p>b{font-size: 30px;vertical-align: bottom;color: #038840;}
.contains>.right>p>span{float: right;margin-top: 13px;}
.contains>.right>p>span>img{vertical-align: middle;}
.contains>.right>p>span>font{vertical-align: middle;font-size: 14px;color: #999;margin-left: 10px;}
.about img{max-width: 100%;}
.about p{font-size: 16px;line-height: 32px;color: #666;}
.contact>img{width: 100%;margin-bottom: 40px;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 6px;}
.contact>b{font-size: 20px;color: #333;}
.contact>p{margin: 22px 0 16px;line-height: 28px;color: #333;font-size: 14px;}
.contact>form{margin-top: 30px;margin-bottom: 56px;}
.contact>form>input{width: 275px;margin-right: 21px;margin-bottom: 21px;border:1px solid #ccc;border-radius: 4px;padding-left: 18px;height: 40px;line-height: 40px;font-size: 14px;color: #666;}
.contact>form>textarea{width: 866px;height: 160px;border:1px solid #ccc;border-radius: 4px;font-size: 14px;color: #666;line-height: 28px;padding: 8px 18px;font-family: 微软雅黑;margin-bottom: 21px;resize:none;}
.contact>form>a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;background: #038840;}
.contains>.left>ul{background: url(../images/2_08.jpg);height: 480px;padding: 40px 30px 0 30px;margin-top: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.contains>.left>ul>b{font-size: 16px;color: #333;display: block;margin-bottom: 22px;}
.contains>.left>ul>p{font-size: 14px;line-height: 26px;color: #666666;}
.yw{margin-top: -10px;}
.yw>li{padding: 10px 10px 0;height: 260px;margin-bottom: 10px;transition:0.5s;width: 310px;float: left;margin-right: 10px;}
.yw>li img{width: 100%;height:193px;}
.yw>li p{font-size: 16px;color: #333;text-align: center;margin-top: 16px;transition:0.5s;}
.yw>li:hover{background-image: linear-gradient(to right, #039c39 , #027348);}
.yw>li:hover p{color: #fff;}    
.yw>li:nth-child(3n){margin-right: 0;}
.new{margin-top: -30px;}
.new>div{padding: 30px;overflow: hidden;transition:0.5s;}
.new>div img{float: left;width: 268px;height: 180px;}
.new>div div{float: right;margin-top:8px;width: 552px;}
.new>div div b{font-size: 18px;color: #333;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;transition:0.5s;}
.new>div div span{font-size: 14px;color: #999;line-height: 28px;height: 56px;overflow : hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;margin: 22px 0 44px;}
.new>div div p{font-size: 14px;color: #999;padding-left: 26px;background: url(../images/5_08.png) no-repeat left center;height: 16px;line-height: 16px;}
.new>div div p font{float: right;font-size: 14px;color: #038840;}
.new>div:hover{background: #f4f9f6;}
.new>div:hover b{color: #038840;}
.newxq>b{font-size: 24px;color: #038840;display: block;text-align: center;line-height: 1.5;margin-bottom: 28px;}
.newxq>p{border-bottom: 1px dashed #ccc;text-align: center;padding-bottom: 20px;margin-bottom: 24px;}
.newxq>p>img{vertical-align: middle;margin-right: 10px;}
.newxq>p>span{font-size: 14px;color: #666;margin-right: 40px;vertical-align: middle;}
.newxq>p>a{vertical-align: middle;cursor: pointer;}
.newxq>p>a>img{vertical-align: middle;margin-right: 10px;}
.newxq>p>a>span{font-size: 14px;color: #666;vertical-align: middle;}
.newxq>div{margin-bottom: 30px;}
.newxq>div>p{font-size: 16px;line-height: 28px;margin-bottom: 24px;}
.newxq>div>p:last-child{margin-bottom: 0;}
.newxq>ul{padding-top: 30px;border-top: 1px solid #ccc;}
.newxq>ul>li{margin-bottom: 22px;}
.newxq>ul>li>a{font-size: 16px;color: #666;}
.al{overflow: hidden;}
.al>li{float: left;width: 302px;margin-right: 22px;margin-bottom: 30px;text-align: center;}
.al>li:nth-child(4n){margin-right: 0;}
.al>li img{width: 100%;height: 200px;}
.al>li p{padding: 0 12px;font-size: 16px;margin-top: 20px;color: #333;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
/*****分页控件*****/
.pagebox {
    text-align: center;
}

.pagination {
    margin: 0;
}

.pagination {
    display: block;
    /*padding-left:345px;*/
    margin: 30px 0 0;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}

    .pagination > li {
        display: inline-block;
    }

.pagination-gap > li:first-child > a, .pagination-gap > li:last-child > a {
    border-radius: 3px;
}

.pagination-gap > li > a {
    margin: 0 3px;
    border-radius: 3px;
    font-size: 12px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 4px 12px;
    margin-left: -1px;
    line-height: 1.6;
    color: #76838f;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #e4eaec
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #89bceb;
    background-color: #f3f7f9;
    border-color: #e4eaec
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #62a8ea;
    border-color: #62a8ea
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #ccd5db;
    pointer-events: none;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #e4eaec
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 6px 18px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}