/*å¤´éƒ¨æ ·å¼*/
#header,.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 23px;background: #f2f2f2;position: relative;line-height: 23px;color: #494a4f;font-size: 12px;}
.tophead a{color: #494a4f;font-size: 12px;}


.sechead{height: 64px;position: relative;width: 1920px;margin-left: -960px;left:50%;background: url(../images/header.png)no-repeat right top;}
.logo{float:left;line-height: 58px;}
.yu{margin-left: 22px;height: 44px;margin-top: 9px;border-left: 1px solid #3c3332;padding-left: 22px;color: #008b72;font-size:14px;line-height: 22px;}
.sechead .k2{margin-top: 24px;background: url(../images/tt.png) left 0 no-repeat;text-align: left;padding-left: 130px;font-size: 29px;color: #008b72;line-height: 30px;padding-top: 5px;}

/* å¯¼èˆª */
.menu{background: #008b72}
.demo-menu {width:1200px;margin:0 auto;}
.demo-menu>li {float:left;width:100px;position:relative;text-align:center;margin:0 25px;}
.demo-menu>li>a {display:block;font-size:22px;color:#fff;line-height: 41px;}
.demo-menu>li.active>a,.demo-menu>li>a:hover {border-bottom: 2px solid #e67c00;}
.demo-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}

/*é¦–é¡µbanner*/
.topbanner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:46%;bottom:30px;z-index:100;}
.banner .num li{width:26px;height:26px;display:inline-block;margin:0 6px;border:1px solid #008b72;line-height:18px;
    overflow:hidden;border-radius:50px;color: #008b72;}
.banner .num li.num_hover{background:#008b72;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{color: #008b72;font-size: 18px;display: block;text-align: center;line-height: 25px;width: 25px;height: 25px;}

/*æ»šåŠ¨*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* æœç´¢ */
.sou{height: 79px;line-height: 79px;background: #f7f6f2}
.hotSearch{color: #010101;font-size: 15px;}
.hotSearch a{color: #0d1002;font-size: 16px;display: inline-block;margin-right: 6px;}
#formsearch{margin-top: 21px;background: url(../images/ss.png)no-repeat;width: 284px;height: 35px;line-height: 35px;}
#formsearch input{height:35px;background:none;border:none;line-height:35px;outline: none;float: left;}
#formsearch input#keyword{text-indent:13px;color:#afb2b2;font-size: 14px;width: 237px;}
#formsearch input#s_btn{width:46px;text-align:center;color:#fff;border:none;cursor:pointer;}

/* å†…é¡µ */
.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.product_list{}
.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}
.product_list li a.img{display: block;width: 281px;height: 181px;overflow: hidden;}
.product_list li img{width:281px;height: 181px;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #008b72}
.product_list li:hover img{transform:scale(1.1);}

/*  */
.a1{width: 1920px;margin-left: -960px;left:50%;position: relative;}
.biaoti{text-align: center;position: relative;}
.biaoti h3{line-height: 35px;color: #4f4f4f;font-size: 36px;}
.biaoti h3 span{color: #008b72;}
.biaoti h2{line-height: 35px;color: #4f4f4f;font-size: 18px;}
.biaoti p{line-height: 16px;color: #4f4f4f;font-size: 14px;}

/*  */
.pro{margin-top: 44px;}
.pro .biaoti{height: 102px;border-bottom: 2px dashed #d1d1d1}
a.pro-more{position: absolute;right: 0;top:65px;color: #008b72;font-size: 24px;}
.pro-cont{margin-top: 33px;}
.pro-le{width: 213px;border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1}
.pro-le li{height: 71px;line-height: 71px;text-align: center;border:2px solid #d1d1d1;border-top: 1px solid #d1d1d1}
.pro-le li a{color: #4f4f4f;font-size: 24px;}
.pro-le li:hover{border-color: #008b72;background: #008b72;}
.pro-le li:hover a{color: #fff;}
.pro-ri{width: 973px;}
.product_list1{}
.product_list1 li{float: left;width: 317px;height: 204px;position: relative;margin-right: 9px;margin-bottom: 22px;}
.product_list1 li:nth-child(3n){margin-right: 0}
.product_list1 li img{width: 317px;height: 204px;}
.product_list1 li h3{position: absolute;bottom: 0;left:0;width: 100%;height: 49px;line-height: 49px;text-align: center;color: #fff;font-size: 21px;background: rgba(0,139,114,0.6);}
.product_list1 li:hover h3{background: rgba(255,255,255,.41);color: #000;}

/*  */
.ab{margin-top: 23px;}
.ab-cont{margin-top: 32px;background: #008b72;}
.abimg{width: 960px;height: 441px;}
.ab-ri{width: 574px;margin-left: 27px;margin-top: 50px;}
.ab-ri h3{color: #fff;font-size: 36px;line-height: 41px;}
.ab-ri .cont{margin-top: 27px;color: #fff;font-size: 12px;line-height: 24px;text-align: justify;width: 546px;height: 172px;overflow: hidden;}
a.ab-more{color: #fff;display: block;width: 152px;height: 46px;line-height: 46px;text-indent: 10px;font-size: 24px;background: url(../images/more.png)no-repeat;}
.ab-cont ul{margin-top: 25px;text-align: center;}
.ab-cont ul li{text-align: center;margin:0 8px;color: #fff;font-size: 18px;display: inline-block;}
.ab-cont ul li span{font-size: 12px;display: block;}

/*  */
.honor{margin-top: 74px;}
.honor .biaoti h3{background: url(../images/tit.png)no-repeat center;}
.honor .biaoti a{position: absolute;top:0;right: 0;display: block;line-height: 33px;color: #008b72;font-size: 24px;}
.honor-cont{margin-top: 29px;}
.honor-cont .bd{}
.honor-cont .bd li{float: left;width: 283px;margin-right:18px;}
.honor-cont .bd li img{width: 283px;height: 199px;}
.honor-cont .bd li span{display: block;text-align: center;color: #000;font-size: 17px;padding-top: 12px;}

/*  */
.heng{margin-top: 55px;}
.heng .shi{position: absolute;z-index: 99;right: 360px;top:36px;width: 533px;height: 312px;overflow: hidden;}

/* ç†ç”± */
.liyou{margin-top: 45px;}
.liyou-cont{margin-top: 32px;position: relative;height: 430px;}
.lyimg{position: absolute;top:13px;left:394px;}
.lya{position: absolute;width: 460px;height: 150px;padding-top: 35px;}
.lya h3{color: #333333;font-size: 30px;}
.lya p{color: #333;font-size: 14px;line-height: 28px;margin-top: 6px;}
.ly1{background: url(../images/ly1.png)no-repeat;padding-left: 115px;}
.ly2{background: url(../images/ly2.png)no-repeat;top:235px;padding-left: 115px;}
.ly3{background: url(../images/ly3.png)no-repeat;right: 0;padding-right: 118px;text-align: right;}
.ly4{background: url(../images/ly4.png)no-repeat;right: 0;top:235px;padding-right: 118px;text-align: right;}

/*  */
.anli{}
.anli .biaoti{width:1200px;margin:0 auto;height: 102px;border-bottom: 2px dashed #d1d1d1}
.anli-cont{margin-top: 33px;background: url(../images/anli.png)no-repeat;height: 554px;padding-top: 40px;}
.anli-cont ul{width: 1200px;margin:0 auto;padding-left: 48px;position: relative;}
.anli-cont ul li{position: absolute;width: 407px;height: 472px;overflow: hidden;top:0;left:20px;}
.anli-cont ul li img{width: 100%;height: 100%;transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.anli-cont ul li:nth-child(2){width: 457px;height: 236px;left:470px;}
.anli-cont ul li:nth-child(3){width: 225px;height: 226px;left:470px;top:246px;}
.anli-cont ul li:nth-child(4){width: 225px;height: 226px;left:703px;top:246px;}
.anli-cont ul li:nth-child(5){width: 219px;height: 472px;left:945px;}
.anli-cont ul li .cont{position: absolute;bottom: 0;left:0;width: 100%;height: 76px;background: rgba(0,139,114,0.39);text-indent: 23px;}
.anli-cont ul li .cont span{font-size: 23px;color: #fff;display: block;padding-top: 10px;}
.anli-cont ul li .cont p{color: #fff;font-size: 18px;opacity: 0.44;margin-top: 5px;}
.anli-cont ul li:nth-child(3) .cont span,.anli-cont ul li:nth-child(4) .cont span,.anli-cont ul li:nth-child(5) .cont span{font-size: 12px;}
.anli-cont ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

/*  */
.hezuo{height: 882px;background: url(../images/bj1.png)no-repeat;padding-top: 50px;}
.heng2{height: 226px;margin-bottom: 44px;}
.hezuo .biaoti{width:1200px;margin:0 auto;height: 106px;border-bottom: 2px dashed #d1d1d1}
.hezuo-cont{margin-top: 33px;position: relative;}
.hezuo-cont .hd a{position: absolute;top:163px;display: block;width: 22px;height: 48px;cursor: pointer;background: url(../images/left.png)no-repeat;cursor: pointer;}
.hezuo-cont .hd a.prev{left:-54px;}
.hezuo-cont .hd a.next{right:-54px;transform: scale(-1);}
.hezuo-cont .hd a:hover{background: url(../images/right.png)no-repeat;}
.hezuo-cont .hd a.prev:hover{transform: scale(-1);}
.hezuo-cont .hd a.next:hover{transform: scale(1);}
.hezuo-cont .bd{width: 1200px;overflow: hidden;}
.hezuo-cont .bd li{float: left;width: 280px;height: 422px;background: #efefef;text-align: center;margin-right: 26px}
.hezuo-cont .bd li img{}
.hezuo-cont .bd li span{display: block;padding-top: 29px;color: #333;font-size: 16px;}
.hezuo-cont .bd li p{color: #666;font-size: 12px;margin-top: 6px}


/*  */
.xin{margin-top: 42px;}
.xin .biaoti{height: 99px;background: url(../images/xx.png)no-repeat center bottom;}
.xin-cont{margin-top: 33px;}
.tabz{text-align: center;}
.tabz li{display: inline-block;width: 102px;height: 40px;line-height: 40px;text-align: center;border:1px solid #333;cursor: pointer;color: #333;font-size: 18px;margin: 0 13px;}
.tabz li.cur{background: #008b72;border-color: #008b72;color: #fff;}
.tabz_content{margin-top: 25px;}
.ttz{display: none;}
.nei7left{
    width:582px;
    margin-left: 12px;
}
.nei7left a{
    display: block;
}
.nei7left img{
    width:582px;
    height:282px;
}
.nei7left h3{
    position: relative;
    height: 45px;
    line-height: 45px;
    font-weight:normal;
    font-size:16px;
}
.nei7left h3 a{
    color: #333;
}
.nei7left h3 span{
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
}
.nei7left p{
    color: #333;
    font-size:14px;
    margin-top: 5px;
    line-height: 22px;
}
.nei7right{
    width:580px;
    margin-right: 8px;
}
.nei7right li{
    border:1px solid #e8e8e8;
    height: 80px;
    margin-bottom: 16px;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.nei7right li .data{
    width:80px;
    text-align: center;
    color: #333;
    font-size:14px;
    background:#e8e8e8;
    height: 78px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.nei7right li .data b{
    display: block;
    font-size:34px;
}
.nei7right li .intro{
    width:480px;
    margin-left: 5px;
    color: #333;
    font-size:14px;
    float: left;
    padding-top: 3px;
    text-align:justify;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.nei7right li .intro a{
    color: #333;
    font-size:16px;
    display: block;
    margin-bottom: 4px;
}
.nei7right li:hover{
    border-color:#008b72;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.nei7right li:hover .data{
    background:#008b72;
    width: 110px;
    color: #fff;
}
.nei7right li:hover .intro{
    width: 450px;
}
/*å‹æƒ…é“¾æŽ¥*/
.f_link{width:1200px;margin:0 auto;margin-top: 50px;}
.link{
    text-align: center;
}
.f_link a{
    color: #5e5e5e;
    padding:6px 0;
    padding-right: 10px;
}

/*é¡µé¢åº•éƒ¨*/
.foot{
    background:#242424;
    margin-top: 25px;
    height: 364px;
    border-bottom: 1px solid #3b3b3b;
}
.footer{
    width: 1200px;
    margin: 0 auto;
}
.footleft{
    width:703px;
    margin-left: 9px;
    position: relative;
}
.footright{
    width:436px;
    height:380px;
    background:url(../images/footbac.png) no-repeat top center;
    margin-top: -17px;
    padding-left:43px;
    padding-right: 47px;
    box-sizing: border-box;
}
.footlogo{
    padding-top: 40px;
}
.nav_foot{
    color: #575757;
    font-size:14px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    margin-top: 10px;
    border-bottom:1px solid #363636;
}
.nav_foot a{
    color: #fff;
}

.lianxi{
    color: #fff;
    margin-top: 10px;
}
.lianxi span{
    vertical-align: middle;
}
.lianxi strong{
    font-weight:normal;
    font-size:14px;
}
.lian{
    color: #cbcbcb;
    font-size:14px;
    line-height: 24px;
    margin-top: 10px;
}
.er{
    position: absolute;
    right: 0;
    bottom: 0;
}

.footit{
    color: #fff;
    font-size:19px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    margin-top: 0px;
}
.messa{
    border-bottom:1px solid #242424;
    height: 41px;
    line-height: 41px;
    background:#e9e9e9;
    position: relative;
}
.messa .img{
    width:40px;
    text-align: center;
    line-height: 41px;
}
.messa .intro{
    position: relative;
    width: 306px;
    float: left;
}
.messa .intro .m_label{
    color: #787878;
    font-size:14px;
    position: absolute;
    left: 0;
    line-height: 41px;
}
.messa .intro input{
    border:none;
    background:none;
    height: 41px;
    vertical-align: baseline;
    line-height: 41px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
}
.messa .intro #content{
    height: 55px;
    border:none;
    background:none;
    box-sizing: border-box;
    width: 100%;
    padding:10px;
    padding-left: 0;
    font-size:14px;
}
.messa.messb{
    height: 66px;
    line-height: 24px;
}
.messc input{
    width:100px;
    width: 140px;
    height: 33px;
    border:none;
    background:#e9e9e9;
    text-align: center;
}
.messc a{
    color: #fff;
}
.message1 .msgbtn{
    margin-top: 10px;
    width: 127px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background:#242424;
    color: #fff;
    font-size:16px;
    font-weight:bold;
    border:0;
}
.foot2{
    background:#242424;
    padding:15px 0;
    color: #8e8e8e;
    line-height: 24px;
}
.foot2 a{
    color: #8e8e8e;
}


/* ä¿®æ”¹æ·»åŠ   å†æ¬¡è¦†ç›–æ ·å¼ é¿å…æ‰¾å›ž */

.sechead .k2{
    font-size: 24px;
    background-size: contain;    padding-left: 110px;
}

.demo-menu>li>a{
    font-size: 18px;
}
.biaoti h3{
    font-size: 30px;
}
.pro-le li a{
    font-size: 18px;
}

.product_list1 li h3{
    font-size: 18px;
}


















