body{min-width: 1280px; text-align:justify; text-justify:distribute-all-lines;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{ width: 80%; margin: 0 auto; min-width: 1200px}
.wrappers{ width: 1200px; margin: 0 auto; min-width: 1200px}

/*弹性盒子*/
.flex{display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
.flex-column {-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.justify-start {-webkit-justify-content: flex-start; justify-content: flex-start;}
.justify-end {-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-center {-webkit-justify-content: center;justify-content: center;}
.justify-between {-webkit-justify-content: space-between;justify-content: space-between;}
.justify-around {-webkit-justify-content: space-around;justify-content: space-around;}
.flex-wrap {-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.align-start {-webkit-align-items: flex-start; align-items: flex-start;}
.align-end {-webkit-align-items: flex-end;align-items: flex-end;}
.align-center {-webkit-align-items: center;align-items: center;}
.flex-shrink{flex-shrink: 0;-webkit-flex-shrink: 0;}

.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-5{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:5; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.fl{float: left;}
.fr{float: right;}
.img{display: block; transition: 0.5s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}

.article{font-size: 16px; color: #636363; line-height: 30px;}
.article img{max-width: 100%;}
.article .m-tit{font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.article a{color: #636363;}

.m-clips{margin-top: 40px; padding-top: 20px; border-top: 1px dashed #636363;}

.nav{width: 100%; background: #3D7EB8; text-align: center;}
.nav li{display: inline-block; width: 124px; position: relative; line-height: 46px; border-bottom: 2px solid #3D7EB8;}
.nav li:hover{border-color: #67A24F;}
.nav li a{display: block; color: #fff;}
.nav ul{background: #fff; border-top: 2px solid #67A24F; padding: 10px; z-index: 9; width: 124px; box-sizing: border-box; position: absolute; top: 46px; left: 0;}
.nav ul li{width: 50%; float: left; line-height: 35px; padding: 0; border: none;}
.nav ul li a{display: inline-block; border-bottom:  1px solid #fff; font-size: 16px; color: #3D7EB8;}
.nav ul li:nth-child(odd) a{float: left;}
.nav ul li:nth-child(even) a{float: right;}
.nav ul li:nth-child(5){width: 62%;}
.nav ul li:nth-child(6){width: 38%;}
.nav ul li:hover a{border-color: #67A24F;}
.nav .wrapper{position: relative;}
.nav .lang{position: absolute; top: 0; right: 0;}
.nav .lang div{line-height: 48px; color: #fff; font-size: 16px; cursor: default;}
.nav .lang div img{float: left; margin: 15.5px 5px 0 0;}
.nav .lang div:after{content: ''; width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff; margin: 22px 0 0 5px; display: inline-block; float: right;}
.nav .lang ul {background: #3D85C6; display: none;}
.nav .lang ul a{display: block; width: 100% !important; float: none; color: #fff; font-size: 16px; line-height: 25px;}
.nav .lang ul a:hover{color: #67A24F;}

.xwzx .tit{display: block; margin: 80px auto 0;}
.xwzx .more{width: 130px; text-align: center; line-height: 35px; background: #67A24F; color: #fff; font-size: 18px; display: block; float: right; margin-bottom: 20px; border: 1px solid #67A24F;}
.xwzx .more:hover{background: #fff; color: #67A24F;}
.xwzx .left{width: 48%; float: left; display: block; position: relative; clear: both;}
.xwzx .left span{display: block;}
.xwzx .left .pic{height: 380px; overflow: hidden; position: relative;}
.xwzx .left .pic img{display: block; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.xwzx .left .txt{width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(1,1,1,.6); padding: 0 5%; font-size: 20px; color: #fff; box-sizing: border-box; line-height: 60px;}
.xwzx .left .txt img{float: right; margin-top: 25px; -webkit-filter: brightness(1000%);filter: brightness(1000%);}
.xwzx .left:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);}
.xwzx .left:hover .txt{color: #67A24F;}
.xwzx .left:hover .txt img{filter: none;}

.xwzx .right{width: 50%; float: right;}
.xwzx .right a{display: block; height: 120px; margin-bottom: 10px; background: #E4E4E4;}
.xwzx .right a:last-child{margin-bottom: 0;}
.xwzx .right a span{display: block;}
.xwzx .right a .pic{width: 30%; float: left; height: 100%; position: relative; overflow: hidden;}
.xwzx .right a .txt{width: 64%; float: right; margin-right: 3%; align-items:center; display: -webkit-flex; height: 100%;}
.xwzx .right a .txt label{display: block; width: 100%;}
.xwzx .right a .txt h6{font-size: 18px; margin-bottom: 15px;}
.xwzx .right a .txt p{font-size: 16px; color: #212121;}
.xwzx .right a .txt img{float: right;}
.xwzx .right a:hover{background: #67A24F; color: #fff;}
.xwzx .right a:hover p{color: #fff;}
.xwzx .right a:hover .txt img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}

.gsjj{margin: 80px 0 120px 0; position: relative;}
.gsjj .pic{width: 48%; position: absolute; top: 0; left: 0;}
.gsjj .pic img{width: 100%; display: block;}
.gsjj .right{width: 50%; float: right;}
.gsjj .right .jj{font-size: 18px; line-height: 40px; margin: 8% 0;}
.gsjj .right .jj span{font-weight: bold;}
.gsjj .right .more{width: 180px; text-align: center; line-height: 50px; background: #67A24F; color: #fff; font-size: 18px; display: block; margin-bottom: 20px; border: 1px solid #67A24F; border-radius: 25px;}
.gsjj .right .more:hover{background: #fff; color: #67A24F;}
.gsjj .right .item{margin-top: 10%;}
.gsjj .right .m-item{width: 15%; float: left; margin-right: 6.2%; cursor: default;}
.gsjj .right .m-item:last-child{margin-right: 0;}
.gsjj .right .m-item img{width: 100%; display: block; transition: 0.5s ease;}
.gsjj .right .m-item p{font-size: 18px; color: #3D7EB8; font-weight: bold; margin-top: 10%; text-align: center;}
.gsjj .right .m-item:hover img{-webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
        transform: translateY(-10px);}

@media screen and (max-width: 1600px) {
    .gsjj .right .jj{margin: 3% 0; font-size: 16px; line-height: 35px; margin: 8% 0;}
    .gsjj .right .more{width: 150px; text-align: center; line-height: 40px; font-size: 16px; display: block;}
    .gsjj .right .item{margin-top: 8%;}
}

@media screen and (max-width: 1400px) {
    .gsjj .right .jj{margin: 3% 0; font-size: 16px; line-height: 30px; margin: 6% 0;}
    .gsjj .right .more{width: 130px; text-align: center; line-height: 35px; font-size: 14px; display: block;}
    .gsjj .right .item{margin-top: 6%;}
}


.cpzx{position: relative;}
.cpzx .pic1{width: 100%; display: block;}
.cpzx .more{width: 296px; height: 78px; display: block; background: #6AA84F; color: #fff; text-align: center; line-height: 78px; font-size: 24px; position: absolute; top: -39px; left: 50%; margin-left: -148px; border: 2px solid #6AA84F;}
.cpzx .more:hover{background: rgba(106,168,79,.5);}
.picScroll-left{overflow:hidden; position:relative; margin-top: 50px;}
.picScroll-left .bd{width: 90%; margin: 0 auto;}
.picScroll-left .bd ul{overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 25%; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li a{display: block; width: 94%; margin: 0 auto;}
.picScroll-left .bd ul li .pic{display: block; position: relative;}
.picScroll-left .bd ul li .pic img{width: 100%; display: block;}
.picScroll-left .bd ul li .pic label{position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; border: 1px solid #3D85C6; display: none;}
.picScroll-left .bd ul li .txt{display: block; width: 100%;}
.picScroll-left .bd ul li .txt img{display: block; width: 100%;}
.picScroll-left .hd a{position: absolute; top: 35%; display: block; width: 15px; height: 31px;}
.picScroll-left .hd .next{left: 2%;}
.picScroll-left .hd .prev{right: 2%;}
.picScroll-left .bd ul li:hover .pic label{display: block;}
.picScroll-left .bd ul li:hover .txt{background: #3D85C6;}
.picScroll-left .bd ul li:hover .txt img{ -webkit-filter: brightness(1000%);filter: brightness(1000%);}

.yxwl{position: relative; margin-top: 80px;}
.yxwl .pic{display: block; width: 100%;}
.yxwl .tit{display: block; width: 20%; position: absolute; top: 12%; left: 50%; -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.yxwl .more{display: block; width: 130px; height: 34px; background: #3D85C6; border: 2px solid #3D85C6; color: #fff; text-align: center; line-height: 34px; position: absolute; bottom: 4%; left: 50%; -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.yxwl .more:hover{background: rgba(61,133,198,.5);}


.footer{background: url(../images/sy_14.jpg) top center no-repeat; overflow: hidden; margin-top: 8px; color: #fff; font-size: 14px;}
.footer .tit{display: block; margin: 80px auto 95px}
.footer .box{width: 630px; float: left; margin-top: 35px; line-height: 24px; display: flex;}
.footer .box:nth-child(3){width: 400px;}
.footer .box img{margin: 5px 10px 0 0; height: 18px;}
.footer .box .m-box{flex: 1;}

.footer .ewm{width: 160px; float: left; margin-bottom: 110px;}
.footer .ewm img{width: 128px; height: 128px; float: right;}
.footer .ewm p{float: right; width: 15px; margin-right: 10px; line-height: 16px;}
.footer .d-nav{background: #000; border-bottom: 1px solid #262626; text-align: center;}
.footer .d-nav a{display: inline-block; padding: 0 25px; font-size: 18px; color: #fff; line-height: 54px;}
.footer .bq{background: #000; line-height: 58px; color: #7C7C7C; font-size: 14px; text-align: center;}
.footer .bq a{color: #7C7C7C;}
.footer .bq a:hover{color: #fff;}

.cont{margin-bottom: 150px;}
.cont .tit{display: block; margin: 70px auto 50px;}

.crumb{font-size: 14px; color: #626262; line-height: 50px; float: right;}
.crumb img{float: left; margin: 18px 5px 0 0;}
.m-crumb{max-width: 100%;}
.crumb a{color: #626262;}

.about{font-size: 18px; line-height: 40px;}
.about .left{width: 57%; float: left; margin: 0 55px 10px 0; position: relative;}
.about .left .pic{width: 100%; display: block;}
.about .left .tb{position: absolute; top: 10%; right: -44%; width: 60%;}
.about .left p{line-height: 56px; background: #3D85C6; color: #fff; font-size: 24px; width: 86%; margin-left: 14%; padding: 0 3%; box-sizing: border-box;}
.about h6{font-size: 36px; color: #3D85C6; text-align: right; margin: 15%  0 3% 0;}

.m-yxwl{margin-bottom: 0;}


.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.xw-box{width: 100%;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #f2f2f2;box-sizing: border-box;}
.xw-box .pic{display: block;width: 290px;height: 160px;overflow: hidden;margin: auto 35px auto 0;}
.xw-box .pic img{display: block;width: 100%;min-height: 100%;transition: .5s;}
.xw-box .txt{width: 60%;margin: auto 0; padding-right: 35px;}
.xw-box h6{font-size: 20px;color: #1f1f1f;line-height: 35px;transition: .5;}
.xw-box .desc{text-align: justify;font-size: 16px;color: #999999;line-height: 25px;margin-top: 10px;}
.xw-box .time{width: 250px;border-left: 1px solid #f2f2f2;margin: auto 0;box-sizing: border-box;padding-left: 60px;font-size: 42px;color: #999999;line-height: 40px;transition: .5s;}
.xw-box .time small{font-size: 20px;color: #999999;line-height: 30px; display: block;}
.xw-box .more{display: block;margin: auto;font-family: 'simsun';font-size: 40px;color: #999999;font-weight: bold;transition: .5s;}
.xw-box em{display: block;width: 3px;height: 135px;border-radius: 3px;margin: auto 0;transition: .5s; margin-left: 140px;}
.xw-box:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.xw-box:hover .tit{color: #6AA84F;}
.xw-box:hover .time{color: #6AA84F;}
.xw-box:hover .more{color: #6AA84F;}
.xw-box:hover em{background: #6AA84F;}

.contact{margin-top: 70px;}

.map{box-shadow: 0 0 20px rgba(61,133,198,.3); height: 520px; margin-top: -150px; background: #fff; position: relative;}

.sort{border-bottom: 1px solid #CFCFCF; margin-bottom: 40px}
.sort h6{font-size: 30px; color: #3D85C6; font-weight: bold; line-height: 54px; float: left;}
.sort .btn{float: right;}
.sort .btn a{display: inline-block; font-size: 24px; color: #6AA84F; border-bottom: 4px solid transparent; margin-left: 30px; line-height: 54px}
.sort .btn a.on{font-weight: bold; border-color: #6AA84F;}

.cont .item{margin-top: 60px; }
.cont .m-item{width: 32.5%; float: left; overflow: hidden; margin: 0 1.2% 20px 0;}
.cont .m-item:nth-child(3n){margin-right: 0;}
.cont .m-item img{width: 100%; display: block; transition: 0.5s ease;}
.cont .m-item:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.cont img{max-width: 100%;}