/*头部*/

.head{line-height: 40px;color: rgba(255,255,255,.5);font-size: 14px;background: #1c7a58;}

.head ul li{float: right;color: #fff;}

.head ul li span{font-weight: bolder;font-size: 16px;}

.top{padding:20px 0;position: fixed;top:0;z-index: 1000000;left:0;right: 0;background: rgba(0,0,0,.7);transition: all .4s;}

.top .container{display: flex;}

.top_logo{flex:0 0 30%; height: 60px;transition: all .4s;}

.top_logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all .4s;}

.top_nav{flex:0 0 70%;text-align: right; padding-top: 15px;}

.top_nav a{display: inline-block;padding:0 12px;margin-left: 20px; border-radius: 5px;border:solid 1px transparent; text-align: center;line-height: 33px;transition: all .4s;color: #fff;font-size: 16px;}

.top_nav a:hover,.top_nav a.active{border-color: #fff;}

.top_fix{padding:25px 0;top:0;}



/*手机导航*/

.ovh{overflow: hidden;}

.menu{position: absolute;right: 15px; width: 30px;height: 30px;z-index: 1000;top:50%;transform:translateY(-50%);}

.top_fix .menu{top:13px;}

.menu .menu_button{width: 100%;height: 30px;cursor: pointer}

.menu .menu_button .line{float: right;width: 30px;height: 3px;background: #fff;margin-top:6px;transition:.3s;transition-timing-function:ease;}

.menu .menu_button .line:nth-child(2){transition-delay:0.05s;}

.menu .menu_button .line:nth-child(3){transition-delay:0.1s;margin-bottom: 0;}

.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;}

.m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}

.m-sub-menu .top-box {line-height: 70px;background-color: #d1a16d;font-size: 16px;color: #fff;text-indent: 25px;position: relative;}

.m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; }

.m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;}

.m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}

.m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}

.m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}

.m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;}

.m-sub-menu .list-wrap li .col-box {display: block;width: 94%;padding: 0 8%;}

.m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;}

.m-sub-menu .list-wrap .point {display: inline-block;width: 8px;height: 12px;background: url(../images/arrow_right.png) no-repeat center;margin-top: 26px;}

.m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;}

.m-sub-menu .sec-sub-list .return-fir {display: block;/*width: 84%;*/padding: 0 7.8% 0 8.2%;line-height: 60px;background-color: #333;}

.m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;background: url(../images/arrow_left.png) no-repeat left center;}

.m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;}

.m-sub-menu .sec-sub-list .boxs.show {left: -100%;}

.m-sub-menu .sec-sub-list ul{width: 100%;height: 400px;overflow-y:auto}

.m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;}

.m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;}



/*产品下拉菜单*/

.nav li .navson{display: none;position: absolute;left: 0;top:55px;z-index: 100000;width: 100%;}

.nav li .navson>a{display: block;color: #fff!important;width: 150%!important;background: #78c340;padding:0 20px; line-height: 40px!important;font-size: 14px;position: relative;}

.nav li .navson>a:hover{background: #178fe6!important;}



/*轮播*/

.banner .swiper-container {width: 100%;}

.banner .swiper-container .swiper-slide {text-align: center;}

.banner .swiper-container .swiper-slide a{display:block;width:100%;height: 100%;}

.banner .swiper-container .swiper-slide a img{display:block;width:100%;}

.banner .swiper-button-prev{display: block; width: 70px;height: 70px;margin-top: -35px;top:50%;left:20px;position: absolute;background: url(../images/banner_arrow.png) no-repeat left top;outline: none;z-index: 5;}

.banner .swiper-button-next{display: block;width: 70px;height: 70px;margin-top: -35px;top:50%;right:20px;position: absolute;background: url(../images/banner_arrow.png) no-repeat left bottom;outline: none;z-index: 5;}





/*网站标题样式*/

.in_tit{position: relative;text-align: center;line-height: 30px;font-size: 16px;color: #cccccc;text-transform: uppercase;padding-bottom: 10px;}

.in_tit:after{width: 70px;height: 2px;background: #1c7a58;content: '';position: absolute;left: 50%;bottom:0;transform:translateX(-50%);}

.in_tit b{color: #333333;font-size: 36px;font-weight: normal;}



/*产品导航*/

.inner-nav{border-bottom:solid 1px rgba(209,161,109,.3);}

.inner-nav ul{display: flex;text-align: center; flex-wrap: wrap;justify-content:center;}

.inner-nav ul li{flex: 1 0 14%;padding:0 0px;margin-bottom: 10px;}

.inner-nav ul li a{color: #fff;font-size: 16px;line-height: 25px; display: block;transition: all .4s;position: relative;}

.inner-nav ul li a:after{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid none;position: absolute;content: "";bottom: -40px;left: 50%;transform:translateX(-50%);transition:all .5s;}

.inner-nav ul li a:hover,.inner-nav ul li a.on{color: #d1a16d;}

.inner-nav ul li a:hover:after,.inner-nav ul li a.on:after{border-bottom: 15px solid #d1a16d;}





/*首页样式*/

.in_01{background: url(../images/in_01_bg.jpg) center;}

.in_01 .tit{color: #fff;font-size: 50px;line-height: 45px;}

.in_01 .tit:after{width:10%;height: 3px;background: #fff;content: '';position: absolute;left:200px;top:50%;transform:translateY(-50%);}

.in_01 .tit:before{width:10%;height: 3px;background: #fff;content: '';position: absolute;right:200px;top:50%;transform:translateY(-50%);}

.in_01 .tit b{font-weight: normal;color:#d1a16d;margin-right: 10px;}

.in_01 .product{overflow: hidden;}

.in_01 .box{display: none;margin-top: 45px;}

.in_01 .box:first-of-type{display: block;}

.in_01 .box ul{display: flex;justify-content:space-around;flex-wrap:wrap;}

.in_01 .box li{flex:0 0 19.5%;width: 19.5%;}

.in_01 .box li .img{overflow: hidden;position: relative;width: 100%;}

.in_01 .box li .img img{width: 100%;}

.in_01 .box li .txt{width: 100%; left:0;bottom:0;right: 0;z-index: 1;transition:all .5s;}

.in_01 .box li .txt a{display: block; background: rgba(0,0,0,.75);height: 45px;line-height: 45px;color: #fff;font-size: 16px;transition:all .5s;}

.in_01 .box li .overlay{left:0;top:0;right: 0;bottom:0;background: rgba(28,122,88,.75);display: flex;align-items: center;justify-content:center;opacity: 0;transition:all .5s;}

.in_01 .box li .overlay .view img{max-width: 100%;}

.in_01 .box li .overlay .title{font-size: 18px;color: #fff;line-height: 30px;margin:15px auto;}

.in_01 .box li .overlay .gd{display: inline-block;line-height: 34px;padding:0 25px; border:solid 1px #fff; font-size: 15px;color: #fff;border-radius: 5px;border:solid 1px #fff;}

.in_01 .box li:hover .overlay{opacity: 1;}

.in_01 .box li:hover .txt{opacity: 0;}

.in_01 .box li .overlay .gd:hover{background: #d1a16d;border-color: #d1a16d;}

.in_01 .list{margin-bottom: 30px;}

.in_01 .list li{padding:0 5px;margin-bottom: 10px;text-align: center;}

.in_01 .list li .img{overflow: hidden;position: relative;width: 100%;}

.in_01 .list li .img img{width: 100%;}

.in_01 .list li .txt a{display: block;background: #f0f0f0;height: 35px;line-height: 35px;color: #333333;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-indent: 15px;}

.in_01 .more{text-align: center;margin-top: 30px;}

.in_01 .more a{display: inline-block;padding:0 50px;color: #fff;line-height: 45px;transition: all .4s; font-size: 16px;border-radius: 5px;border:solid 1px #fff;}

.in_01 .more a:hover{background: #1c7a58;border-color: #1c7a58;}

.in_02 .dz{padding-top:50px;}

.in_02 .formbox{position: relative;top:-80px;background: #fff;-moz-box-shadow:0px 0px 5px #A3A3A3; -webkit-box-shadow:0px 0px 5px #A3A3A3; box-shadow:0px 0px 5px #A3A3A3;padding:20px;z-index: 9;}

.in_02 .formtit p{line-height: 30px;color: #999999;font-size: 18px;}

.in_02 .formtit p span{color: #333333;font-size: 24px;}

.in_02 .formsub{line-height: 35px;color: #333;font-size: 14px;margin:15px 0;}

.in_02 .formsub span{color: #fff;font-size: 14px;background-color: #1c7a58;display: inline-block;padding:0 15px;margin:0 5px;}

.in_02 .forminfo{line-height: 26px;color: #999999;font-size: 14px;margin-top:15px;}

.in_02 .item{margin-bottom: 15px;}

.in_02 .item .I_InputText{width: 100%; height:40px;line-height:40px;border:solid 1px #dfdfdf;background: #fff;color: #999999; padding:0px 10px;outline: none;transition:all .5s;}

.in_02 .item .I_InputText:hover{ border:1px solid #1c7a58; }

.in_02 .item .I_captcha{width:120px;height:40px;line-height:40px;border:solid 1px #dfdfdf;background: #fff;padding:0px 10px;color: #999999;outline: none;margin-right: 5px;transition:all .5s;}

.in_02 .item .I_captcha:hover{ border:1px solid #1c7a58; }

.in_02 .item .code img{height: 40px;}

.in_02 .item .I_But{display: block;width: 100%; height:50px;line-height:50px;padding:0;border-radius: 0; background:#1c7a58;border:solid 1px #1c7a58; text-align:center;color:#FFF;cursor:pointer;margin:0 auto;transition: all 0.3s;outline: none;font-size: 15px;}

.in_02 .item .I_But:hover{background:none;color: #1c7a58;}

.in_02 .conbox{display: flex;justify-content:center;}

.in_02 .conbox .item{flex:1}

.in_02 .img{width: 97px;height: 97px;background: url(../images/in_02_k.png) center no-repeat;line-height: 97px;margin:0 auto;display:block;}

.in_02 .img img{max-width: 100%;vertical-align: middle;}

.in_02 .txt{line-height: 30px;color: #333333;font-size: 16px;margin-top: 10px;}

.in_02 .dz{padding-top:50px;}

.in_02 .formbox{position: relative;top:-80px;background: #fff;-moz-box-shadow:0px 0px 5px #A3A3A3; -webkit-box-shadow:0px 0px 5px #A3A3A3; box-shadow:0px 0px 5px #A3A3A3;padding:20px;z-index: 9;}

.in_02 .formtit p{line-height: 30px;color: #999999;font-size: 18px;}

.in_02 .formtit p span{color: #333333;font-size: 24px;}

.in_02 .formsub{line-height: 35px;color: #333;font-size: 14px;margin:15px 0;}

.in_03 {background: url(../images/in_03_bg.jpg);}

.in_03 .news{background:#fff;padding-top:15px;padding-bottom: 15px;}

.in_03_l .swiper-slide {display: block;position: relative;}

.in_03_l .swiper-slide img { width: 100%;}

.in_03_l .swiper-slide .name { width:100%;position: absolute;left:0;bottom:0;line-height: 50px;background: rgba(0,0,0,.6);padding:0 20px;}

.in_03_l .swiper-slide .name h4 {line-height: 50px;color: #fff;font-size: 14px;text-overflow: ellipsis;white-space: pre;overflow: hidden;}

.in_03_l .swiper-button-prev,.in_03_l .swiper-button-next{display: block; width: 50px;height: 80px;background: rgba(209,161,109,.8);line-height: 80px;text-align: center;}

.in_03_l .swiper-button-prev i,.in_03_l .swiper-button-next i{color: #fff;font-size: 30px;}

.in_03_l .swiper-button-prev{left:0;}

.in_03_l .swiper-button-next{right: 0;}

.in_03_l .swiper-pagination-bullets{bottom:50px;}

.in_03_l .swiper-pagination-bullet{width: 15px;height: 7px;border-radius: 30px;opacity: 1;background: #fff}

.in_03_l .swiper-pagination-bullet-active{width: 25px;background: #ffbc6b;}

.in_03_hot{padding-top:15px;padding-bottom: 15px;border-bottom:dashed 1px #e6e6e6;}

.in_03_hot a{display: flex;}

.in_03_hot a .img{flex:0 0 30%;overflow: hidden;}

.in_03_hot a .img img{width: 100%;}

.in_03_hot a .con{flex:0 0 70%;}

.in_03_hot a .con>div{padding-left: 20px;}

.in_03_hot a .con>div h4{line-height: 30px;color: #333;font-size: 16px;}

.in_03_hot a .con>div span{color: #999999;font-size: 12px;margin:5px 0;}

.in_03_hot a .con>div .detail{line-height: 26px;color: #999999;font-size: 14px;}

.in_03_hot a:hover .con>div h4{color: #d1a16d;}

.in_03_list{margin-top: 15px;}

.in_03_list .tit{color: #333333;font-size: 18px;line-height: 30px;margin-bottom: 15px;}

.in_03_list .tit a{position: absolute;right: 0;top:0;color: #999999;font-size: 12px;}

.in_03_list .tit a:hover{color: #d1a16d;}

.in_03_list li a{display: flex;}

.in_03_list li:not(:last-child) a{border-bottom:solid 1px #eaeaea;}

.in_03_list li a h4{flex: 0 0 75%;color: #666666;font-size: 14px;line-height: 45px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

.in_03_list li a span{flex: 0 0 25%;line-height: 45px;text-align: right;}

.in_03_list li a span i{ font-style: normal; display: inline-block;color: #999999;font-size: 14px;}

.in_03_list li a:hover h4{color: #d1a16d;}

.in_04{background: url(../images/in_04_bg.jpg) top center;}

.in_04 .info{color: #333333;font-size: 16px;line-height: 30px;text-align: center;}

.in_04 img{max-width: 100%;}

.in_04 .more{text-align: center;}

.in_04 .more a{display: inline-block;padding:0 50px;color: #fff;line-height: 45px;transition: all .4s; font-size: 16px;border-radius: 5px;background:#1c7a58;border:solid 1px #1c7a58;}

.in_04 .more a:hover{background: none;color: #d1a16d;}

.in_02{background: url(../images/in_02_bg.jpg) center;}

.in_02 .tit{color: #333333;font-size: 36px;}

.in_02 .tit span{background: #d1a16d;width: 9px;height: 9px;border-radius: 100%;display: inline-block;margin:0 10px;vertical-align: middle;}

.in_02 .img{width: 97px;height: 97px;background: url(../images/in_02_k.png) center no-repeat;line-height: 97px;margin:0 auto;display:block;}

.in_02 .img img{max-width: 100%;vertical-align: middle;}

.in_02 .txt{line-height: 30px;color: #333333;font-size: 18px;margin-top: 10px;}



/*底部样式*/

.footer {background: #2a2a2a;}

.footer-01 .foot_t{line-height: 30px;text-transform: uppercase;color: #999999;font-size: 14px;}

.footer-01 .foot_t span{color: #fff;font-size: 20px;}

.footer-01 .foot_ewm ul{display: flex;flex-wrap:wrap;}

.footer-01 .foot_ewm li{flex:0 0 40%;padding:0 20px; text-align: center;color: #666666;font-size: 13px;line-height: 30px;}

.footer-01 .foot_ewm li img{max-width: 100%;border:solid 1px #f0f0f0;padding:2px;}

.footer-01 .foot_lxwm{color: #666666;font-size: 14px;line-height: 30px;}

.footer-01 .foot_lxwm a{color: inherit;font-size: inherit;}

.footer-01 .foot_lxwm a:hover{color: #666666;}

.footer-01 .foot_lxwm span{margin-bottom:20px;display:block;}

.footer-01 .foot_lxwm p  {font-size: 18px; color: #b59d79;}

.footer-01 .foot_nav a{color: #7a7a7a;padding:0 12px ; line-height: 40px;}

.footer-01 .foot_link a{color: #7a7a7a;padding:0 20px ; line-height: 40px; }

.mob {padding: 6px 6px 10px;}

.footer-02{margin-top: 30px;}

.footer-02 .item{margin-bottom: 15px;}

.footer-02 .item .I_InputText{width: 100%; height:40px;line-height:40px;border:solid 1px #f8f8f8;background: #f8f8f8; padding:0px 10px;border-radius: 2px;outline: none;transition:all .5s;}

.footer-02 .item .I_InputText:hover{ border:1px solid #d1a16d; }

.footer-02 .item .I_captcha{width:120px;height:40px;line-height:40px;border:solid 1px #f8f8f8;background: #f8f8f8;padding:0px 10px;border-radius: 2px;outline: none;margin-right: 5px;transition:all .5s;}

.footer-02 .item .I_captcha:hover{ border:1px solid #d1a16d; }

.footer-02 .item .I_textarea{width: 100%; height:90px;line-height:30px;border:solid 1px #f8f8f8;background: #f8f8f8;padding:0px 10px;padding-top: 5px; border-radius: 2px;outline: none;transition:all .5s;}

.footer-02 .item .I_textarea:hover{ border:1px solid #d1a16d; }

.footer-02 .item .code img{height: 40px;}

.footer-02 .item_30{margin-top: 30px;}

.footer-02 .item .I_But{display: inline-block;padding:0 100px; height:50px;line-height:50px;background:#d1a16d;border:solid 1px #d1a16d; border-radius:30px;text-align:center;color:#FFF;cursor:pointer;margin:0 auto;transition: all 0.3s;outline: none;font-size: 15px;}

.footer-02 .item .I_But:hover{background:none;}

.foot{text-align: center;background: #1c7a58;line-height: 40px;color: rgba(255,255,255,.6);font-size: 13px;}

.foot a{color: rgba(255,255,255,.6);font-size: 13px;}

.foot p {float: left;}

.foot span{float: right;}

.bg{}

.bg p {float: right;}

.bg span {padding: 0 12px; color: white;}