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

.tophead{width: 100%;height: 38px;background: #f4f4f4;position: relative; background: url(../img/fbg.png)repeat-x;}
.headtitle{font-size: 14px;color: #333;line-height: 38px;}
.k1{font-size: 14px;line-height: 38px;color: #333;}
.k1 a{color: #333;}

.sechead{height: 125px;position: relative;}
.logo{float:left;line-height: 125px;}
.sechead .k2{margin-top: 30px;background: url(../img/ttel.png) left center no-repeat;text-align: left;padding-left: 61px;font-size: 20px;color: #3e3e3e;line-height: 29px;}
.sechead .k2 p{font-size:14px; color: #333;}
.sechead .k2 p strong{font-size:27px;color: #202020;margin-top: -5px;display: block;}

.sechead  dd{float: left; width: 580px; padding-left: 13px;}
.sechead  dd h2{font-size:26px;color: #00ab3f;font-weight: 600;margin-top: 38px;margin-bottom: 6px;}
.sechead  dd h3{font-size:18px; color: #333333;}

/* å¯¼èˆª */
.menu{
    width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
    height: 54px;
    /*background: #008dd5;*/
    background: #00ab3f;
}
.x-menu {width: 1200px;margin:0 auto;}
.x-menu>li {float:left;width: 120px;position:relative;text-align:center;height: 54px;line-height: 54px;margin: 0;}
.x-menu>li>a {position: relative;display: inline-block;font-size: 16px;color: #fff;/* height: 62px; */width: 100%;}
.x-menu>li.active>a,.x-menu>li>a:hover {/* background:#292e39; *//* color:#fff; */}
.x-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}
.x-menu>li>a:after{content: "";display: inline-block;width: 1px;height: 15px;background:url(../img/nv1.png)no-repeat top center;position: absolute;z-index: 999;right: 0;top: 10px;}
.x-menu>li:last-child>a:after{display: none;}

.x-menu>li:hover a,.x-menu>li.active a{background-color: #00ab3f;/* position: absolute; */left:0;z-index: 9999;height: 54px;bottom: 0;width: 100%;line-height: 52px;/* border-bottom: 1px solid #fff; */} 
.x-menu>li:hover>a:first-child, .x-menu>li.active>a:first-child{position: absolute;}



/*æ»šåŠ¨*/
#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;}

/* æœç´¢ */
#formsearch{margin-top: 12px;width: 100%;position: relative;height: 32px;}
#formsearch input{height:30px;background:none;border:none;line-height:30px;outline: none;float: left;}
#formsearch input#keyword{text-indent:10px;color:#979797;font-size: 14px;width: 100%;height: 32px;border: 1px solid #ddd;}
#formsearch input#s_btn{width: 47px;height: 32px;line-height: 30px;text-align:center;color:#fff;border:none;cursor:pointer;background: url(../img/ss.png) no-repeat;}

/* å†…é¡µ */
.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: 281px;overflow: hidden;}
.product_list li img{width:281px;height: 281px;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: #292e39}
.product_list li:hover img{transform:scale(1.1);}


/*è½®æ’­å›¾owl*/
.x-banner .owl-carousel .owl-dots button.owl-dot{opacity: 1; width: 30px; height:9px;  background-color: #fff; border-radius: 9px;}
.x-banner .owl-carousel .owl-dots button.owl-dot.active{background-color: #00ab3f;}



/* çƒ­é—¨å…³é”®è¯ */
.hot_s{height: 62px;position: relative;/* box-shadow: 10px 10px 10px rgba(0,0,0,0.2); */}
.hos{width: 100%;height: 62px;line-height: 56px;position: absolute;z-index: 99;top: 0;left: 0;border-bottom: 1px solid #e2e2e2;/* box-shadow: 0px 1px 10px rgba(0,0,0,0.2); */height: 56px;}

.hotSearch{font-size: 12px;color: #202020;line-height: 56px;float: left;background: url(../img/hot_png.png) no-repeat left center;padding-left: 38px;}
.hotSearch a{color: #202020;font-size: 12px;margin-right: 9px;}


.search{width: 356px;height: 32px;position: relative;}
.search #keyword{width: 100%;color: #898989;font-family: 'å®‹ä½“';font-size: 12px;/* height: 38px; *//* border-radius: 38px; */border:1px solid #adc1ca;background-color: transparent;padding-left: 18px;}
.search #s_btn{position: absolute;z-index: 999;width: 33px;border: 0;height: 33px;background: url(../img/ss.png)no-repeat top center;right: 0;top: 0;}


/* å¤§æ˜Žç”Ÿç‰©ä¸€ç«™å¼å®šåˆ¶æœåŠ¡æµç¨‹ */

.dzl{width: 100%;padding-top: 52px;}
.title{text-align:center; margin:0 auto;}
.title h2{font-size:36px; color: #202020; font-weight: 600;}
.title i{display:block;  width: 100%; height: 22px;background: url(../img/tbg.png)no-repeat top center; margin-top: 12px;}

.title h3{font-size:18px; color: #202020; margin-top:9px;}

.dzl .dzb{width: 100%; margin-top: 30px;}

.dzl .dzb ul{width: 100%;display: flex;margin:0 auto;}
.dzl .dzb ul li{float: left; flex: 1; position: relative;text-align:center;} 
.dzl .dzb ul li .img{width: 108px;height: 125px;margin:0 auto; line-height: 125px; text-align: center; background: url(../img/bg1.png)no-repeat top center;}
.dzl .dzb ul li .img img{width: 53px;height: 54px;}
.dzl .dzb ul li i{display: block;position: absolute;z-index: 9999;width:34px;height: 30px;background:url(../img/ss1.png)no-repeat top center;right: -4%;top: 49px;}
.dzl .dzb ul li h3{font-size:18px; color: #202020; margin-top:14px;}

.dzl .dzb ul li:last-child i{display: none;}



/* äº§å“ä¸­å¿ƒ */
.c2bg {background: #f2f2f2;margin-top: 54px;}
.c2bg .c2 {padding-top: 50px;padding-bottom: 36px; }
.c2bg .c2 .c2-1 {width: 240px;background: #ffffff;/* height: 927px; */padding-bottom: 0px;}
.c2bg .c2 .c2-1 h2 {    padding: 30px 20px; }
.c2bg .c2 .c2-1 .list1 {    padding: 0 20px; }
.c2bg .c2 .c2-1 .list1 li {margin-bottom: 20px; }
.c2bg .c2 .c2-1 .list1 li a { font-size: 14px; line-height: 50px; color: #333333;display: block;border: 1px solid #e2e2e2;text-align: center;}
.c2bg .c2 .c2-1 .list1 li:hover a { border-color: #00ab3f;background: #00ab3f;color: #fff; }
.c2bg .c2 .c2-1 a.ck {margin-top: 25px;display: block;color: #fff;font-size: 18px;line-height: 52px;background: #00ab3f;text-align: center; }
.product_di{width:100%;text-align: center;padding-top:35px;display:none;}
.product_di h2{font-size: 26px;padding:10px 0px!important;color:#333}
.c2bg .c2 .c2-2 {width: 942px; }
.c2bg .c2 .c2-2 .bt {line-height: 56px;background: url(../img/c2-2.png) no-repeat center 0;margin-bottom: 10px;padding-right: 18px; }
.c2bg .c2 .c2-2 .bt .list2 li {width: 165px;float: left;color: #333333;text-align: center;font-size: 18px;font-weight: 600;}
.c2bg .c2 .c2-2 .bt .list2 li.on {    background: url(../img/q1.png) no-repeat center 0;    color: #fff; }
.c2bg .c2 .c2-2 .bt a.ck {display: block;color: #333333;font-size: 14px; }
.c2bg .c2 .c2-2 .content .list3 li {float: left;margin-right: 10px;}
.c2bg .c2 .c2-2 .content .list3 li:nth-child(3n) {margin-right: 0; }
.c2bg .c2 .c2-2 .content .list3 li a.img {display: block;BORDER: 1px solid #d4d4d4;overflow: hidden;}
.c2bg .c2 .c2-2 .content .list3 li a.img img {    width: 303px;    height: 251px; }
.c2bg .c2 .c2-2 .content .list3 li h3 {font-weight: 500;text-align: center;line-height: 47px; }
.c2bg .c2 .c2-2 .content .list3 li h3 a {    color: #333333;    font-size: 16px; }

/* çŽ°åœ¨æ‚¨æœ‰äº†å…¨æ–°çš„é€‰æ‹© */

.c3 { margin-top: 50px; }
.c3 h2 {text-align: center;color: #00ab3f;font-size: 36px;line-height: 1;font-weight: 600;}
.c3 h2 p {margin-top: 14px;font-weight: 500;font-size: 24px;color: #333333; }
.c3 .list1 {background: url(../img/c2.png) no-repeat center 0;margin-top: 30px;position: relative;height: 309px; }
.c3 .list1 li {position: absolute; }
.c3 .list1 li .tu {margin-left: 18px;display: block;margin-top: 8px; }
.c3 .list1 li .zi { margin-left: 76px; }
.c3 .list1 li .zi h3 {font-size: 24px;color: #333333;font-weight: 600;}
.c3 .list1 li .zi dd {font-size: 14px;color: #333333;line-height: 26px; }
.c3 .list1 li:nth-child(1) {left: 0;top: 33px; }
.c3 .list1 li:nth-child(2) { right: 0;  top: 33px; }
.c3 .list1 li:nth-child(3) { left: 0;  top: 198px; }
.c3 .list1 li:nth-child(4) {right: 0;top: 198px; }
.c3 .list1 li:nth-child(2n) .tu {float: right;margin-left: 0;margin-right: 19px; }
.c3 .list1 li:nth-child(2n) .zi {margin-left: 0;margin-right: 72px;}


/* å¤§æ˜Žç”Ÿç‰©æœ‰æœºè‚¥ä¸“ä¸šçš„å®žåŠ›åŽ‚å®¶ */


.c4 {margin-top: 72px;margin-bottom: 22px; }

.c4 .content1 {background: url(../img/su1.png) no-repeat center 0;margin-top: 53px;}
.c4 .content1 .list1 {width: 100%;}
.c4 .content1 .list1 li {margin-bottom: 10px;float: left;width: 539px;position: relative;height: 530px;margin-bottom: 52px;}
.c4 .content1 .list1 li:nth-child(2n){float: right;}
.c4 .content1 .list1 li .img{width: 100%; height: 344px; overflow: hidden;}
.c4 .content1 .list1 li .img img {width: 100%; }
.c4 .content1 .list1 li .zi {padding-left: 7px;margin-top: 10px; }
.c4 .content1 .list1 li .zi h3 {font-size: 30px;color: #202020;line-height: 2;font-weight: 600;background: url(../img/heng1.png) no-repeat 0 bottom;margin-top: 16px;}
.c4 .content1 .list1 li .zi h3 p {font-weight: 500;font-size: 18px;line-height: 44px; }
.c4 .content1 .list1 li .zi dd {font-size: 14px;color: #202020;line-height: 28px;margin-top: 12px;}
.c4 .content1 .list2 {width: 539px; }
.c4 .content1 .list2 li {margin-bottom: 10px; }
.c4 .content1 .list2 li img {width: 539px; }
.c4 .content1 .list2 li .zi {padding-left: 7px;margin-bottom: 20px; }
.c4 .content1 .list2 li .zi h3 {font-size: 30px;color: #202020;line-height: 2;background: url(../img/heng1.png) no-repeat 0 bottom; }
.c4 .content1 .list2 li .zi h3 p {font-weight: 500;font-size: 18px;line-height: 44px; }
.c4 .content1 .list2 li .zi dd {font-size: 16px;color: #202020;line-height: 30px;margin-top: 12px; }
  
.c4 .content1 .list1 li:nth-child(2n) .img{position: absolute; z-index: 9999; top: 180px;}
.c4 .content1 .list1 li .zi h2{font-size:18px; color: #202020; margin-topï¼š8px;}
.c4 .content1 .list1 li .zi i{display: block; height: 2px; width: 110px;background-color: #00ab3f; margin-top:12px;}
.c4 .content1 .list1 li:nth-child(2n) h3{margin-top: -25px;}


/* case â€¢ æ¡ˆä¾‹å±•ç¤º */
.case{width: 100%;background-color: #f2f2f2;padding-top:34px;margin-top:12px;padding-bottom: 54px;}

.case .chd{width: 100%; }
.case .chd h2{display:inline-block; font-size:30px; color: #00ab3f; font-weight: 600;}

.case .chd  a{display:inline-block; font-size:18px; color: #333; float: right;}
.case .chd  a span{font-size:30px;color: #00ab3f;font-weight: 600;display: inline-block;vertical-align: -7%;}

.case .cbb  {width: 1112px; margin:0 auto; margin-top: 22px; position:relative;}
.case .cbb ul{width: 100%;margin:0 auto;}
.case .cbb ul li{float:left; width: 352px; height: 436px;margin-right:26px;border:1px solid #c8c8c8; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.case .cbb ul li .img{width: 100%; height: 218px; overflow:hidden;}
.case .cbb ul li .img img{width: 100%; height: 100%;}
.case .cbb ul li dd{width: 100%;text-align: center;padding: 25px 26px 0;background-color: #fff;height: 218px;}
.case .cbb ul li dd h3{font-size:18px; color: #333;}
.case .cbb ul li dd h2{font-size:12px; color: #777777; line-height: 22px; margin-top:28px;}
.case .cbb ul li dd a{display:block;width: 36px;height: 36px;border-radius: 50%;background-color: #e2e2e2;text-align: center;line-height: 33px;font-size: 31px;color: #00ab3f;margin:0 auto;margin-top: 35px;}
.case .cbb ul li:hover dd{background-color: #00ab3f;}
.case .cbb ul li:hover dd h3,.case .cbb ul li:hover dd h2{color:#fff;}
.case .cbb ul li:hover dd a{background-color: #fff;}


.tempWrap{width: 100% !important;}
.case .cbb .hd{position: absolute;z-index: 99999;top: 44%;width: 100%;}
.case .cbb .hd a{display:block;width: 43px;height: 43px;}
.case .cbb .hd .prev{position: absolute; background: url(../img/pr1.png) no-repeat top center; left:-80px;}
.case .cbb .hd .next{position: absolute; background: url(../img/pr2.png) no-repeat top center; right:-80px;}

/* td */
.td1{width: 100%; height: 226px; background-color: #00ab3f; padding-top:40px;}
.td1 ul{width: 100%;}
.td1 ul li{float: left;width:25%;padding-left: 36px;height:86px;border-right:1px solid rgba(255,255,255,0.4);padding-top: 14px;}
.td1 ul li:last-child{border-right: none;}
.td1 ul li .img{display: inline-block;width: 30px;height:26px;overflow: hidden;vertical-align: -26%;}
.td1 ul li .img img{width:100%; }
.td1 ul li h3{display: inline-block; font-size:18px; color: #fff; font-weight: 600;}
.td1 ul li h4{font-size:14px;color: #fff;margin-top: 14px;text-align:left;}


.about{width: 1313px;height: 502px;background-color: #fff;margin:0 auto;padding:52px 57px 0;margin-top: -60px;}

.about .img{float: left; width: 572px;height: 413px;overflow: hidden;}
.about .img img{width: 100%;}
.about dd{float:right; width: 603px;padding-right: 12px; padding-top: 24px;}
.about dd h2{font-size:24px; color: #333; font-weight: 600;}
.about dd h3{font-size:14px;color: #333;text-transform: uppercase;margin-top: 10px;font-weight: 600;}
.about dd h4{font-size: 12px;line-height: 27px;color: #333;margin-top: 27px;}
.about dd a{display:block;width: 108px;height: 34px;background-color: #00ab3f;border-radius:10px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;margin-top: 9px;}

/* è£èª‰è¯ä¹¦ */
.hon{width:100%; }
.hon .hd{width: 100%;}
.hon .hd ul{width: 100%; text-align: center;}
.hon .hd ul li{display:inline-block; width: 170px;height: 50px;line-height: 50px; text-align:center; border-radius: 50px; font-size:24px; color: #fff;font-weight: 600; background-color: #00ab3f; margin:7px;}
.hon .hd ul li.on,.hon .hd ul li:hover{background-color: #333;}
.hon .bd{width: 100%;margin-top: 25px;position: relative;}
.hon .bd ul{width: 100%;}
.hon .bd ul li{float:left; width: 282px; margin-right: 26px; text-align:center;}
.hon .bd ul li .img{width: 100%; height: 211px; border:2px solid #e2e2e2; overflow:hidden;}
.hon .bd ul li .img img{width: 100%;}
.hon .bd ul li  h3{font-size: 14px; color: #333; margin-top: 14px;}

.slideGroup .sPrev, .slideGroup .sNext{display:block;width: 43px;height: 43px;top: 35%;position: absolute;z-index: 9999;}
.slideGroup .sPrev{position: absolute;background: url(../img/pr1.png) no-repeat top center;left: -22px;}
.slideGroup .sNext{position: absolute;background: url(../img/pr2.png) no-repeat top center;right: -22px;}


/* å…¬å¸æ–°é—» */
.news{width: 100%;margin-top: 30px;padding-bottom: 34px;}
.news .nw-t{width: 576px;height: 562px;float: left;border:1px solid #d7d7d7;padding:9px 26px 0;}
.news .nw-t:nth-child(2){float:right;}
.news .nw-t h2{width: 100%; font-size:22px; color: #333; font-weight: 600; height: 52px; line-height: 52px; border-bottom: 1px solid #e2e2e2; margin-bottom: 14px;}
.news .nw-t h2 a{display:inline-block; float:right;font-size: 14px; color: #333;;}

.news .nw-t .list1{width: 100%;height: 294px;border-radius:8px 8px 0 0;overflow:hidden;}
.news .nw-t .list1 li{width:100%; height:100%; position: relative;}
.news .nw-t .list1 .img{width: 100%; height: 100%; display: block;}
.news .nw-t .list1 .img img{width: 100%;}
.news .nw-t .list1 h3{position:absolute; width:100%; z-index: 99999; height:40px; line-height: 40px; text-align: left; padding-left:22px; color: #fff; background-color: rgba(0,0,0,0.69); font-size:14px;bottom:0; left:0;}
.news .nw-t .lis1{width:100%; margin-top: 14px;}
.news .nw-t .lis1 li{width:100%;height: 56px; border-bottom: 1px solid #e2e2e2; line-height:56px; }

.news .nw-t .lis1 li a{font-size:14px; color: #333; display:inline-block;}
.news .nw-t .lis1 li span{display:inline-block; font-size:14px; color: #333; float:right;}
.news .nw-t .lis1 li a:before{content: ""; display: inline-block; width: 7px;height: 7px;border-radius: 50%; background-color: #333; vertical-align:middle; margin-right: 3px;}
.news .nw-t .lis1 li:last-child{border-bottom: none;}

.news .nw-t .list2{width: 100%;/* height: 140px; */}
.news .nw-t .list2 li{width: 100%;height: 140px;position: relative;overflow: hidden;}
.news .nw-t .list2 li:first-child{margin-bottom: 16px;}
.news .nw-t .list2 .img{float: left; width: 187px;height: 140px;overflow: hidden; border-radius: 12px; }
.news .nw-t .list2 .img img{width: 100%; height: 100%;}
.news .nw-t .list2 dd{float:right; width: 313px;}
.news .nw-t .list2 dd h3{font-size:14px;color: #333;font-weight: 600;margin-top: 10px;}
.news .nw-t .list2 dd h4{font-size:12px; color: #777777; line-height: 24px; margin-top: 12px;}
.news .nw-t .list2 dd a{display: inline-block;width:122px;height: 35px;margin-top: 20px;line-height: 35px;border-radius: 35px;border:1px solid #00ab3f;color: #00ab3f;font-size: 14px;text-align:center;}



.x-link{width:100%;}
.fbb{background-color: #f2f2f2;line-height: 40px;font-size:18px;color: #333;border-left:3px solid #00ab3f;padding-left: 12px;font-weight: 600;}
.fbb a{display:inline-block; font-size:16px; color: #333; margin-right: 5px; padding-left: 13px;}


.foot {background: #333333;padding-top: 32px;padding-bottom: 32px;}
.navx {text-align: center;margin-bottom: 54px;font-size: 14px;}
.navx a {color: #fff;font-size: 14px;}
#footer {position: relative;width: 1200px;margin: 0 auto;}
.logox {margin-top: 24px;}
.copyright {margin-left: 63px;color: #fff;font-size: 14px;line-height: 30px;width: 538px;}
.copyright a {color: #fff;}
.er {line-height: 30px;color: #fff;text-align: center;}


.x-menu > li:hover .x-sub-menu>li>a{border-bottom:1px solid #fff;}







