body{min-width: 1200px;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{ width: 1200px; margin: 0 auto;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/

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

.img{display: block; width: 100%; transition: 0.5s ease;}

header{width: 100%;min-width: 1200px; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(255,255,255,.8); padding: 0 50px; box-sizing: border-box;}
header .logo{float: left;}
header .wow{float: right;}
header .wow li{position: relative; float: left; padding: 34px 0 38px 0;}
header .wow .m-nav{width: 96px; display: block; line-height: 40px; border: 1px solid transparent;text-align: center; font-size: 16px; margin: 0 2px;}
header .wow .m-nav:hover{border-color: #34716C;}
header .wow .m-nav.on{border-color: #34716C; color: #34716C;}
header .wow .m-down{position: absolute; left: 0; top: 114px;background: rgba(255,255,255,0.7); padding: 10px 0; display: none; width: 100%;}
header .wow .m-down a{display: block; width: 100%; color: #535353; font-size: 15px; line-height: 40px; text-align: center;}
header .wow .m-down a:hover{color: #336E64; background: rgba(255,255,255,.8);font-weight: bold;}
header .wow .m-down a:hover span{border-left-color: #336E64;}

.news{/* margin-top: -95px; */ position: relative; z-index: 9; overflow: hidden;}
.news .wrapper{background: #fff;}
.news .tit{display: flex; width: 500px; padding-top: 50px; margin: 0 auto;}
.news .tit label{height: 1px; flex: 1; background: #E9E9E9; margin-top: 25px;}
.news .tit p{font-size: 36px; color: #333; font-weight: bold; margin: 0 40px;}
.news .tit p span{color: #F4C136;}

.news .picScroll-left{position:relative;margin-top: 35px;}
.news .picScroll-left .bd{overflow: hidden;}
.news .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.news .picScroll-left .bd ul li{ width: 240px; float:left; _display:inline; padding: 60px 30px 40px 30px;}
.news .picScroll-left .bd time{width: 70px; color: #333; display: block;}
.news .picScroll-left .bd time span{font-size: 16px; display: block; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px;}
.news .picScroll-left .bd time label{font-size: 14px; display: block;}
.news .picScroll-left .bd h6{font-size: 18px; color: #5D5D5D; margin: 30px 0 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .picScroll-left .bd p{font-size: 14px; line-height: 25px; color: #666; height: 75px;}
.news .picScroll-left .bd .pic{display: block;width: 100%;height: 120px;overflow: hidden;position: relative;margin-top: 10px;}
.news .picScroll-left .bd .pic img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.news .picScroll-left .bd a{width: 40px; height: 40px; background: #EEE; display: block; margin-top: 30px;}
.news .picScroll-left .bd ul li:hover{background: #EEE;}
.news .picScroll-left .bd ul li:hover a{background: #3C716B;}
.news .picScroll-left .hd a{width: 44px; height: 44px;position: absolute; top: 50%; margin-top: -22px;}
.news .picScroll-left .hd .prev{left: -65px;}
.news .picScroll-left .hd .next{right: -65px;}
.news .ckgd{width: 150px; height: 40px; background: #535353; color: #fff; text-align: center; font-size: 18px; display: block; margin: 25px auto 60px; line-height: 40px;}
.news .ckgd:hover{background: #336E63;}

.gsjj{background: url(../images/jjbj.jpg) top center no-repeat; height: 530px;}
.gsjj .wrapper{display: flex;}
.gsjj .logo{margin: 115px 46px 0 46px; width: 208px; height: 208px;}
.gsjj .js{flex: 1; margin-left: 80px; color: #fff; font-size: 16px; line-height: 30px;}
.gsjj .js .m-js{margin-top: 100px;}
.more{width: 200px; height: 44px; font-size: 16px; text-align: center; line-height: 44px; border: 1px solid #fff; color: #fff; display: block; transition: 0.5s ease; margin: 20px auto 70px;}
.more:hover{background: #336E63; border-color: #336E63;}
.gsjj .js .more{float: right; margin: 20px 0 70px 0; width: 150px; height: 40px; line-height: 40px;}

.cpxl{padding: 90px 0 120px 0; overflow: hidden;}
.cpxl .tit img{display: block; margin: 0 auto}
.cpxl .tit img:last-child{margin-top: -60px;}
.cpxl .items{margin-top: 140px;}
.cpxl .item{width: 390px; float: left; position: relative;}
.cpxl .item:nth-child(2n){margin: 0 15px;}
.cpxl .item .name{width: 132px; height: 152px; position: absolute; left: 50%; margin-left: -66px; top: -85px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; background: url(../images/sy_06.png) top center no-repeat; z-index: 9;}
.cpxl .item .name span{width: 30px; height: 4px; background: #fff; display: block; margin: 55px auto 15px;}
.cpxl .item .pic{overflow: hidden; position: relative;}
.cpxl .item .txt{width: 100%; box-sizing: border-box;height: 150px; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 14px; line-height: 25px; text-align: center; padding: 80px 30px 0 30px; box-sizing: border-box; cursor: default;
    background: -moz-linear-gradient(top, rgba(1,1,1,0) 0%, rgba(1,1,1,.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,1,1,0)), color-stop(100%,rgba(1,1,1,.5)));
    background: -webkit-linear-gradient(top, rgba(1,1,1,0) 0%,rgba(1,1,1,.5) 100%);
    background: -o-linear-gradient(top, rgba(1,1,1,0) 0%,rgba(1,1,1,.5) 100%);
    background: -ms-linear-gradient(top, rgba(1,1,1,0) 0%,rgba(1,1,1,.5) 100%);
    background: linear-gradient(to bottom, rgba(1,1,1,0) 0%,rgba(1,1,1,.5) 100%);}
.cpxl .item .more{border-color: #2A5652; color: #2A5652;}
.cpxl .item .more:hover{background: #F4C136; color: #fff; border-color: #F4C136;}
.cpxl .item:hover .name{background: url(../images/sy_07.png) top center no-repeat;}
.cpxl .item: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);}
.cpxl .item:nth-child(1){animation-name:fadeInLeft;animation-delay: 0.2s;}
.cpxl .item:nth-child(2){animation-name:fadeInUp;animation-delay: 0.2s;}
.cpxl .item:nth-child(3){animation-name:fadeInRight;animation-delay: 0.2s;}

.jdal{background: url(../images/bj2.jpg) top center no-repeat; height: 810px; overflow: hidden;}
.jdal .tit{display: block; margin: 100px auto 60px;}
.jdal .picMarquee-left{overflow:hidden; margin-bottom: 60px;}
.jdal .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.jdal .picMarquee-left .bd ul li{ width: 380px; margin:0 10px; float:left; _display:inline; animation-name:fadeInUp;}
.jdal .item{display: block;}
.jdal .item span{display: block;}
.jdal .item .pic{overflow: hidden; width: 100%; display: block;}
.jdal .item .txt{line-height: 60px; background: #fff; font-size: 24px; color: #34716C; align-items:center; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.jdal .item:hover{opacity: 0.9;}
.jdal .item: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);}
.jdal li:nth-child(1){animation-delay: 0.2s;}
.jdal li:nth-child(2){animation-delay: 0.4s;}
.jdal li:nth-child(3){animation-delay: 0.6s;}
.jdal li:nth-child(4){animation-delay: 0.8s;}

footer{background: #333; padding: 60px 0 80px 0;}
footer .items{width: 1022px; margin: 0 auto;}
footer .item{float: left; margin-right: 50px; animation-name:fadeInUp;}
footer .item:nth-child(1){animation-delay: 0.2s;}
footer .item:nth-child(2){animation-delay: 0.4s;}
footer .item:nth-child(3){animation-delay: 0.6s;}
footer .item:nth-child(4){animation-delay: 0.8s;}
footer .item:nth-child(5){animation-delay: 1s;}
footer .item:nth-child(6){animation-delay: 1.2s;}
footer .item:nth-child(7){animation-delay: 1.4s;}
footer .item:nth-child(8){animation-delay: 1.6s;}
footer .item:last-child{margin-right: 0;}
footer .item .dh{border-bottom: 1px solid #555; padding-bottom: 5px; display: inline-block; font-size: 16px; color: #fff; cursor: default;}
footer .item .dh span{width: 0; height: 0; border: 10px solid transparent; border-left-color: #00873B; border-right: none; border-bottom: none; margin-left: 10px; display: inline-block;-webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
        transform: rotate(-90deg);}
footer .item .dh:hover{color: #F4C136;}
footer .item .dh.on{color: #F4C136;}
footer .item ul{margin-top: 30px;}
footer .item a{color: #fff; line-height: 30px; font-size: 14px; display: block;}
footer .item a:hover{color: #F4C136;}
.db{background: #1C534F; color: #fff; font-size: 14px; line-height: 120px;}
.db p{float: left;}
.db img{width: 66px; float: right; margin: 28px 30px 0 0;}

.content{border-top: 76px solid #E6E6E6; padding-bottom: 85px;}
.content .left{width: 212px; float: left; margin-top: -54px;}
.content .left .m-nav{background: #336E63; line-height: 54px; text-align: center; color: #fff; overflow: hidden;}
.content .left h6{font-size: 24px; cursor: default;}
.content .left .m-nav a{color: #fff; font-size: 18px; display: block;}
.content .left .m-nav a:last-child{margin-bottom: 10px;}
.content .left .m-nav a.on{background: #46A291;}
.content .left .m-nav a:hover{background: #46A291;}
.content .left .tit{line-height: 50px; background: #DEDEDE; padding: 0 10px; font-size: 20px; font-weight: bold; color: #333; margin-top: 15px;}
.content .left .tit a{float: right; font-size: 16px; color: #333;}
.content .left .tit a:hover{color: #46A291;}
.content .left .txt{font-size: 14px; color: #4E4E4E; line-height: 25px; background: #EEE; padding: 20px 15px;}

.content .right{width: 960px; float: right; margin-top: -76px;}
.content .right .m-top{line-height: 76px; margin-bottom: 50px;}
.content .right .m-top h6{font-size: 26px; color: #333; font-weight: bold; float: left;}
.content .right .m-top .crumb{float: right; font-size: 14px; color: #5F5F5F;}

.title{font-size: 30px; color: #393939; font-weight: bold; text-align: center; letter-spacing:5px; padding: 50px 0 40px 0;}
.title span{font-size: 16px; color: #D4D4D4; text-transform: uppercase; font-weight: normal; display: block; letter-spacing:0px; margin-top: 5px;}

.content .list{background: #F9F9F9; overflow: hidden;}
.content .m-list{padding: 0 40px;}
.content .tp-box{width: 48%; float: left; margin-bottom: 20px; transition: 0.5s ease;}
.content .tp-box:nth-child(2n){float: right;}
.content .tp-box a{display: block;}
.content .tp-box .pic{overflow: hidden; display: block;}
.content .tp-box .txt{font-size: 20px; font-weight: bold; line-height: 60px; color: #336E63;}
.content .tp-box .txt label{display: block; width: 10px; height: 10px; background: #FFBD48; margin: 25px 10px 0 0; float: left;}
.content .tp-box .txt span{float: right; font-size: 16px; font-weight: normal;}
.content .tp-box .info{font-size: 16px; color: #979797; line-height: 25px; height: 125px; border: 1px solid #ddd; padding: 18px;}
.content .tp-box .info span{color: #FFBD48;}
.content .tp-box:hover{-webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
        transform: translateY(-10px);}
.content .fm-list .tp-box:hover{-webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
        transform: translateY(0px);}
.content .tp-box: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);}

.content .md-box{background: #F6F6F6; display: flex; margin-bottom: 20px; }
.content .md-box .pic{width: 420px;}
.content .md-box .txt{flex: 1; padding: 40px 80px; box-sizing: border-box; background: #fff;}
.content .md-box .txt h6{font-size: 24px; font-weight: bold; line-height: 60px; color: #336E63;}
.content .md-box .txt h6 label{display: block; width: 10px; height: 10px; background: #FFBD48; margin: 25px 10px 0 0; float: left;}
.content .md-box .txt .line{width: 100px; height: 4px; background: #46A291; margin: 15px 0; transition: 0.5s ease; display: block;}
.content .md-box .txt p{font-size: 16px; color: #646464; line-height: 35px;}
.content .md-box .txt p span{font-size: 26px; color: #336E63; font-weight: bold;}
.content .md-box:hover{box-shadow: 2px 2px 10px #ddd;}
.content .md-box:hover .line{width: 100%;}

.content .xw-box{border-bottom: 1px solid #ccc; padding:40px 0;}
.content .xw-box:first-child{padding-top: 0;}
.content .xw-box span{display: block;}
.content .xw-box .pic{width: 200px;height: 120px; border-radius: 10px;overflow: hidden;margin: auto 30px auto 0; overflow: hidden;position: relative;}
.content .xw-box .pic img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); transition: 0.5s ease;}
.content .xw-box .time{width: 130px;margin: auto 0; color: #b7b7b7;}
.content .xw-box .time span{display: block;font-size: 36px;}
.content .xw-box .time time{font-size: 18px;}
.content .xw-box .txt{width: calc(100% - 360px);margin: auto 0;}
.content .xw-box .txt .tit{font-size: 18px; color: #336E63;font-weight: bold;margin-bottom: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.content .xw-box .txt .desc{font-size: 14px;color: #646464;line-height: 30px;}
.content .xw-box:hover .time{color: #336E63;}
/* .content .xw-box: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);} */

.lxwm .top{background: #F9F9F9; padding: 35px; box-sizing: border-box; display: flex; margin-bottom: 50px;}
.lxwm .top .img{width: 364px; height: 255px;}
.lxwm .top .txt{flex: 1; height: 255px; background: #fff; padding: 50px 70px; box-sizing: border-box;}
.lxwm .top .txt img{float: left; margin-right: 40px; width: 145px;}
.lxwm .top .txt div{float: left; color: #646464; font-size: 14px; line-height: 30px;}
.lxwm .top .txt div h6{font-size: 24px; color: #0A0A0A; margin: 5px 0 10px 0;}
.lxwm .way{width: 350px; float: left; font-size: 16px; color: #646464; margin: 30px 0 0 30px;}
.lxwm .way .item{align-items:center; display: -webkit-flex; line-height: 35px;}
.lxwm .way .item span{width: 9px; height: 9px; display: block; float: left; margin: 3px 15px 0 0; background: #336E63;}
.lxwm .way .item img{float: left; margin-right: 15px;}
.lxwm .map{width: 530px; height: 280px; border: 1px solid #D4D4D4; float: right;}

.gsjs .tit{border-bottom: 1px solid #DADADA; margin: 40px 0 30px 0;}
.gsjs .tit p{font-size: 26px; display: inline-block; border-bottom: 4px solid #46A291; line-height: 50px;}
.gsjs .js{}
.gsjs .js img{width: 255px; margin-right: 30px; transition: 0.5s ease; float: left;}
.gsjs .js img:hover{-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
.gsjs .js .txt{font-size: 16px; line-height: 30px; color: #363636; word-break: break-all;}
.gsjs .item{display: flex;}
.gsjs .item img{transition: 0.5s ease;}
.gsjs .item img:hover{-webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
        transform: translateY(-10px);}
.gsjs .m-item{flex: 1; text-align: center;color: #336E63;}
.gsjs .m-item:last-child{flex: 2;}
.gsjs .m-item span{font-size: 30px;}
.gsjs .m-item p{font-size: 18px; line-height: 30px; margin-top: 40px;}
.gsjs .m-item:last-child p{margin-top: 10px;}
.gsjs .zz{background: #EEE; padding: 30px; color: #336E63; font-size: 24px; margin-top: -30px;}

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

/* 右侧浮动 */
.gd{position: fixed;right: 0;bottom: 30%; width: 55px;height: 210px;z-index:99;}
.gd .gd_item{height: 55px;cursor: pointer;position: relative;width:55px;opacity: 1;background-color: #696969;transition:all ease 0.7s;}
.gd_lixhf{position: absolute;right:0;top:0;width:55px;height:55px;transition:all ease 1s;overflow: hidden;opacity: 1;background-color: #696969;}
.gd_bgimg img{float: left;margin-top: 35px;margin-left: 35px;}
.gd .gd_phone:hover .gd_lixhf{width:210px;transition:all ease 0.7s;opacity: 1;}
.gd_phone{width:55px;height:55px;position: relative;margin-top: 1px;}
.gd_bgimg{position: absolute;left:0;top:0;width:55px;height:55px;}
.gd_lixhf span{position: absolute;left:55px;display: block;height:55px;line-height:55px;font-size:20px;color: #fff; width:150px;text-align: center;}
.gd .gd_item img{float: left;margin: 35px 0 0 35px;}
.gd .gd_item:hover{transition:all ease 0.7s;opacity: 1;}
.gd_ewm{position: absolute;left:-100px;top:-0px;opacity: 0;transition:all 0.4s;width:55px;height:55px;}
.gd .gd_item .gd_ewm img{margin: 0;}
.gd .gd_item:hover .gd_ewm{opacity: 1;transition:all 0.4s;}
.gd .gd_item:hover .gd_ewm img{margin: 0;}
.gd #goTopBtn{width: 55px;height: 50px;line-height: 50px;font-size: 16px;color: #000;text-align: center;opacity: 1;background-color: #8f8f8f;margin-top: 1px;display: block;}
.gd i{font-size: 24px;color: #fff;float: left;display: block;width: 55px;height: 55px;text-align: center;line-height: 55px;}

/* 木窗系列 */
.mcxlnav{width: 100%;margin-bottom: 35px;}
.mcxlnav a{display: inline-block;width: 200px;height: 40px;border: 1px solid #336e63;font-size: 18px;color: #336e63;text-align: center;line-height: 40px;margin-right: 10px;/* border-radius: 3px; */transition: .5s;}
.mcxlnav a:hover{background:#336e63;color: #fff;font-weight: bold;}
.mcxlnav a.active{background:#336e63;color: #fff;font-weight: bold;}

.mcxlwrap{margin-bottom: 35px;}
.mcxlwrap .mcpic{width: 476px;float: left;height: 357px;overflow: hidden;}
.mcxlwrap .mcpic img{display: block;width: 100%;}
.mcxlwrap .mcCont{width: 472px;height: 357px;overflow: hidden;background: #336e63;box-sizing: border-box;padding: 45px;float: right;}
.mcxlwrap .mcCont .mctitle{font-size: 26px;color: #fff;line-height: 40px;margin-bottom: 10px;}
.mcxlwrap .mcCont .smalltext{font-size: 16px;color: #fff;line-height: 30px;}