@charset "utf-8";

body {
    color: #333;
    font-size: 12px;
    font-family: "微软雅黑","Microsoft Yahei";
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.typo p:last-child{margin: 0}


/*----------*/
.swiper0 .swiper-slide img { width: 100%;}
.swiper0{min-width: 1200px;margin:0 auto;}
.swiper0 .swiper-pagination-bullet{
    width: 55px;height: 8px;display: inline-block; background-color: #fff;opacity: 0.7 ;border-radius:0;border:1px solid rgba(0,0,0,0.1)}
.swiper0 .swiper-pagination-bullet-active{background-color:#fffe29; }

.swiper0 .swiper0-prev,
.swiper0 .swiper0-next{top:50%;margin-top:-40px;position: absolute;z-index: 1}

.swiper0 .swiper0-prev{left:-50px}
.swiper0 .swiper0-next{right:-50px}



/* index----------------------------*/
.top0_bg{width: 100%; line-height: 35px; background: #333333; color: #fff; font-size: 12px; display: none }
.top0_bg a{color:#fff;}
.top0{width: 1200px;margin: 0 auto;}
.top0 .w-rt{margin-right:0}
.top0 .w-rt span{margin: 0 10px}


.w-headerbg-x{width: 100%;
    background: #fff;
    box-shadow: 0 3px 5px #e9e9e9;
}
.w-header-x{ margin: 0 auto;  position: relative;z-index: 100;padding:0 50px; height: 92px;}
.w-header-x .logo{float:left;width: 482px; padding-top: 25px }
.w-header-x .logo img{max-width: 100%}

.w-header-x .telwap{float: right;padding:25px 0 0 50px}
.w-header-x .telwap dl{padding-left:28px; background: url(../images/ix11.png) left top no-repeat; color: #039844; font-weight: bold; }
.w-header-x .telwap dt{font-size: 16px}
.w-header-x .telwap dd{font-size: 18px;margin-top: 5px;}

.w-navbg-x{float:right; }
.w-nav-x{padding-top:20px;}
.w-nav-x .nav-li{float:left;position: relative; z-index: 100; padding:0 20px;}
.w-nav-x .nav-a{position: relative; z-index: 100; font-size: 16px;height:50px;line-height:50px;display: block; text-align: center; color: #444; font-weight: bold}
.w-nav-x .nav-a:before{
    content: '';
    position:absolute;
    top:45px;
    left:0;
    width:100%;
    height: 2px;
    background:#039844;
     display: none;
}

.w-nav-x .nav-li:hover .nav-a,
.w-nav-x .nav-li.hover .nav-a,
.w-nav-x .nav-li.cur .nav-a{color:#039844;  }

.w-nav-x .nav-li:hover .nav-a:before,
.w-nav-x .nav-li.cur .nav-a:before{ display: block}

.w-nav-x .nav-item{position:absolute;z-index:100;left:0px;top:50px;
    min-width:180px;  padding:20px 0 4px 20px; color:#333; display: none;    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.w-nav-x .nav-item a{ font-size:14.2px; width: 100%; display: block;margin-bottom:14px;}
.w-nav-x .nav-item a:hover{ text-decoration: underline}


.pro_nav_bg{ width: 100%;  background: #ECFBF8; text-align: center; font-size: 14.5px; display: none}
.pro_nav a{display: inline-block; height: 48px;line-height: 48px; width: 140px;margin-right: 10px; background: #C9ECDD}
.pro_nav a:nth-child(even){background: #A6DDC2}
.pro_nav a:last-child{margin: 0}
.pro_nav a:hover{ text-decoration: underline}

.index_aboutus_bg{padding:90px 0}
.index_aboutus{ width: 1340px;margin: 0 auto}
.index_aboutus .w-lt{ width: 560px;}
.index_aboutus .w-lt .txt2{ font-size: 15.4px;line-height: 2.4;margin-top: 20px; color: #555}
.index_aboutus .w-lt .aa{color:#039844;}

.index_aboutus .w-rt{ width: 730px;}
.index_aboutus .w-rt img{width: 100%}


.index_pro_bg{padding:70px 0; background: url(../images/bg.jpg) center center no-repeat; background-size: cover}
.index_pro{ width: 1340px;margin: 0 auto}

.ht38 .t{float:left;}
.ht38 .t1{ font-size: 36px; font-weight: bold}
.ht38 .t2{font-size: 16px;margin-top: 20px;}
.ht38 .mo{float:right;font-size: 20px;}

.index_pro_con{margin-top: 80px;}
.index_pro_lt{ width: 200px;float:left;}
.index_pro_lt li{margin-bottom:30px; font-size: 16px; width: 200px; }
.index_pro_lt li a{position: relative; z-index: 1;padding:0 3px;}
.index_pro_lt li a:before{
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 8px;
    bottom:-4px;
    left:0;

    border-radius: 4px;
    background: #039844;;
    display: none;
}
.index_pro_lt li:hover a:before{ display: block}


.index_pro_rt{float:right; width: 1100px;}
.index_pro_rt .item{box-shadow:0 0 16px rgba(0,0,0,0.06); display: block}
.index_pro_rt .img{overflow: hidden}
.index_pro_rt .img img{ width: 100%}
.index_pro_rt .txt{background: linear-gradient(to right, rgba(82,175,122,1) 0%,rgba(69,148,145,1) 100%);
    height: 52px;line-height: 52px;color:#fff;font-size:15px;text-align:center;}
.index_pro_rt .swiper-slide{width: 33.333%}
.index_pro_rt .swiper_btn{margin-top: 40px;}
.index_pro_rt .swiper_btn div{ display: inline-block;margin-right: 10px;cursor:pointer;}


.index_yy_bg{padding:70px 0;  }
.index_yy{ width: 1340px;margin: 0 auto}
.index_yy_con{margin-top: 60px;}
.index_yy_con ul{margin: -12px -12px 0 -12px}
.index_yy_con li{float:left; width: 33.333%;padding:12px; cursor: pointer}
.index_yy_con .item{ display: block; position: relative;z-index: 1;}
.index_yy_con .img{overflow: hidden}
.index_yy_con .img img{ width: 100%}
.index_yy_con .mask{ width: 100%; height: 100%;position:absolute; z-index: 1;left:0;top:0;color:#fff; background:rgba(3,152,68,0.66);
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.3s;

}
.index_yy_con .mask .con{padding:0 40px;}
.index_yy_con li:hover .mask{opacity: 1}
.index_yy_con .mask .t1{ font-size: 24px; text-align: center}
.index_yy_con .mask .t2{ font-size: 15px;margin-top: 15px;line-height: 1.4}


/**/
.index_ys_bg{padding:70px 0;  }
.index_ys{ width: 1340px;margin: 0 auto}
.index_ys_con{margin-top: 60px;}
.index_ys_con img{ }


.index_news_bg{padding:70px 0;  background: #FAFAFA }
.index_news{ width: 1340px;margin: 0 auto}
.index_news_con{margin-top: 60px;}

.index_news_con_left{width: 780px;float:left;}
.index_news_con_right{ width: 480px;float:right}

.index_news_con_left li .item{ }
.index_news_con_left li .img{height: 390px;overflow: hidden}
.index_news_con_left li .img img{width: 100%;}
.index_news_con_left li .txt{padding-top: 22px;}
.index_news_con_left li .date{ display: inline-block; color: #333; font-size: 14px;}
.index_news_con_left li .title{ font-size: 17px; height: 20px;line-height: 20px;width: 100%;margin-top: 20px;}
.index_news_con_left li .title a{ color: #000}
.index_news_con_left li .title a:hover{color:#039844;}
.index_news_con_left li .des{font-size: 15px; color: #888;height: 48px;line-height: 24px; overflow: hidden;margin-top: 13px;}
.index_news_con_left li .mo{ margin-top: 15px;}
.index_news_con_left li .mo a{ display: inline-block;width: 130px;height: 40px;line-height: 40px;text-align:center;color:#039844;border:1px solid #039844; font-size: 13px}

.index_news_con_right{}
.index_news_con_right ul{border-top:1px solid #ededed}
.index_news_con_right li{width: 100%; }
.index_news_con_right li .item{  padding:32px 0;border-bottom:1px solid #ededed}
.index_news_con_right li .date{ display: inline-block; color: #333; font-size: 14px;}
.index_news_con_right li .title a{ color: #000}
.index_news_con_right li .title a:hover{color:#039844;}
.index_news_con_right li .title{ font-size: 17px; height: 22px;line-height: 22px;width: 100%;margin-top: 22px;}

.index_news_con_right_mo{margin-top: 20px}
.index_news_con_right_mo a{ display: inline-block;width: 130px;height: 40px;line-height: 40px;text-align:center;color:#039844;border:1px solid #039844; font-size: 13px}



.index_footer_bg{color:#fff;background: linear-gradient(to right, rgba(82,175,122,1) 0%,rgba(69,148,145,1) 100%);}
.index_footer_bg a{color:#fff;}

.footer1,
.footer2,
.footer3{ width: 1340px;margin:0 auto}

.footer1{padding-top: 60px;}
.footer1_1{width: 330px;float:left}
.footer1_2{width: 680px;float:left}
.footer1_3{width: 138px;float:right;text-align: center}

.footer1_1 img{max-width: 100%}

.footer1_2_nav a{ font-size: 16px;margin-right: 32px;}
.footer1_2_nav a:last-child{margin: 0}

.footer1_2_sub{padding-top:20px}
.footer1_2_sub a{ display:block; height: 36px;line-height: 36px; font-size: 15px; text-align: center; font-weight: bold;margin-top: 10px;
    overflow: hidden; width: 145px;float:left;margin-right: 20px; background:#bcdecf;color:#444;}

.footer1_2_con{padding-top: 30px}
.footer1_2_con dl{margin-bottom: 15px; font-size: 14px;float:left; width: 280px;margin-right: 30px}

.footer1_3 .img img{ width: 100%}
.footer1_3 .title{ font-size: 14px;margin-top: 10px;}

.footer2_bg{  width: 100%;border-top:1px solid rgba(255,255,255,0.2);padding:16px 0; font-size: 14px;line-height: 2 ;margin-top: 40px;}
.footer2{ width: 1330px; margin: 0 auto;  }
.footer2 b{ font-weight: bold; font-size: 15px}
.footer2 a{ margin-left: 15px}

.footer3_bg{  width: 100%;border-top:1px solid rgba(255,255,255,0.2);padding:16px 0; font-size: 14px;line-height: 2 ; }
.footer3{ width: 1330px; margin: 0 auto;  }


.



/* index end----------------------------*/



/* 联系1 */
.w-contact{padding: 20px 0 20px 0;}
.cot{font-size: 33px; text-align: center; font-weight: bold;margin-bottom: 50px;color:#039844;}
.w-contact .w-cf{box-shadow: 1px 1px 12px #ccc}
.w-contact-con{padding:50px 20px 40px 30px;width:400px;float:left; background: #fafafa;color:#444; }
.w-contact-con .hh1{font-size:32px;position: relative;color:#555; }
.w-contact-con .hh1:after{content: '';position: absolute;left:0;top:50px;width:65px;height:2px;background:#039844;overflow: hidden}
.w-contact-con .hh1 span{font-size:16px; color:#666;font-weight: 100}
.w-contact-con .hh3{font-size:22px;margin:56px 0 12px 0;}
.w-contact-con .pp1{line-height:2.2;font-size:17px}

.w-contact-ditu{ width:900px;float:right;}

.w-contact-con,
.w-contact-ditu{height: 520px}


/* 留言2 */



.msg_pd2{width: 800px;margin: 0 auto;padding:0px 0 60px 0;}
.msg_pd2 label{font-size: 14px;margin:14px 0 6px 0; display: block;color:#555;}
.msg_pd2 .form-control{background: #f5f5f5;width: 100%;border:1px dashed #ccc;padding:10px 5px; border-radius: 3px; height: 42px;}
.msg_pd2 .tcon{text-align: center;margin-bottom: 30px;}
.msg_pd2 .tcon .t1{font-size: 24px;color:#000; font-weight: normal}
.msg_pd2 .tcon .t2{font-size: 15px;color:#707070;margin-top:17px;}

.msg_pd2 .btn{border:none;width: 150px;height: 44px;color:#fff;border-radius: 3px;background: #333;font-size: 13px;margin-top:14px;}





/**/
.pro_pro{padding:40px 15px 15px 15px;}
.pro_t{ text-align: center;margin-bottom: 20px}
.pro_t .t1{ font-size: 26px; font-weight: bold; color: #039844}
.pro_t .t2{ width: 100px;margin: 10px auto 0 auto}
.pro_t .t2 span{float:left; width: 50%; display: block;height: 4px;}
.pro_t .t2 .sp1{ background: #e4be00}
.pro_t .t2 .sp2{ background: #444}

.pro_line{width: 100%;height: 50px;margin-top:50px;border-top:1px dashed #ddd;}
.pro_typo{padding: 0 15px;}
.pro_list{padding:0 15px}

.pro_lingyu ul{padding-top: 10px;}
.pro_lingyu li{padding:10px 16px;float:left; width: 25%;}
.pro_lingyu li .item{ padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.08)}
.pro_lingyu li .img{overflow: hidden}
.pro_lingyu li .img img{ width: 100%;}
.pro_lingyu li .title{ text-align: center; display: none}


.swiper_pro_wrap2{ position: relative; z-index: 1;padding:0 50px;margin-top: 20px}
.swiper_pro2{padding:10px 10px}
.swiper_pro2 .item{ padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.08); display: block}
.swiper_pro2 .img{overflow: hidden}
.swiper_pro2 .img img{ width: 100%;}
.swiper_pro2 .title{ text-align: center; display: none}

.pro2-prev,
.pro2-next{position: absolute;top:50%;margin-top:-20px; cursor: pointer}
.pro2-prev{left:0;}
.pro2-next{right:0;}

.gonyi_wrap{padding:40px 15px 15px 15px;}
.gongyi_table{
    width: 100%;
    max-width: 100%;
}
.gongyi_table th,
.gongyi_table td{padding:12px 6px;border:1px solid #dedede; font-size: 14px;line-height: 1.4}

.gongyi_table .trhead td{ font-weight: bold; background: #039844;padding:15px 6px;  color: #fff}


.product_list .txt{padding-bottom: 10px}
.product_list .title{ width: 100%; height:30px;line-height: 30px;font-size: 16px;text-align: center;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product_list .title a{color: #039844;font-weight: bold;}
.product_list .subtitle{
    width: 100%; height: 30px;line-height: 30px;font-size: 15px;text-align: center; display: block;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 1680 1600 */
@media screen and (max-width:1680px){
    .w-header-x{ padding:0 50px;}
    .w-header-x{ padding:0 10px;}
    .w-header-x .telwap {padding: 25px 0 0 25px; }
    .w-nav-x .nav-li {padding: 0 12px;}
}

/* 1440 1366*/
@media screen and (max-width:1440px){
    .w-header-x .logo{float:left;width: 400px; padding-top:26px }
    .w-header-x .logo img{max-width: 100%}
    .w-header-x{ padding:0 10px;}
    .w-header-x .telwap {padding: 25px 0 0 25px; }
    .w-nav-x .nav-li {padding: 0 12px;}
}

@media screen and (max-width:1366px){
    .w-header-x .logo{float:left;width:380px; padding-top:26px }
    .w-header-x .logo img{max-width: 100%}
    .w-header-x .telwap {padding: 25px 0 0 25px; }

    .w-header-x{ padding:0 10px;}
    .w-nav-x .nav-li {padding: 0 12px;}

}



/* 1280 */
@media screen and (max-width:1280px){}

/* wap 1024 ipad 768 */
@media screen and (max-width:768px){


}