@font-face {
    font-family: '方正粗黑宋简体';
    src: url(../fonts/方正粗黑宋简体.ttf)
}

* {font-size: 12px;color: #999999;margin: 0;}
body {margin: 0;padding: 0;background-color: white;}
a {text-decoration: none;}
li {list-style: none;}
img {max-width: 100%;}

.scrollBox{ width:calc(100% - 40px); padding:10px 20px;position:relative;}
.scrollBox .ohbox{overflow:hidden; width:100%;left:60px;margin: auto;}
.scrollBox .piclist li{float:left; display:inline; width:194px;margin-right:18px;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBox .pageBtn span{ background:url(../img/icon_left1.png) no-repeat; width:12px;height:25px;position:absolute;top:85px;cursor: pointer; }
.scrollBox .pageBtn .prev{left:-5px;}
.scrollBox .pageBtn .next{right:-5px;transform: scaleX(-1);}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.scrollBox .pageBtn .list li{ background:url(../img/icon_left1.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background-position:-114px -57px }

.productssss .ohbox{overflow:hidden; width:100%;left:60px;margin: auto;}
.productssss .piclist li{float:left; display:inline; width:214px;margin-right:18px;}
.productssss .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.productssss .pageBtn span{ background:url(../img/icon_left1.png) no-repeat; width:12px;height:25px;position:absolute;top:110px;cursor: pointer; }
.productssss .pageBtn .prev{left:-5px;}
.productssss .pageBtn .next{right:-5px;transform: scaleX(-1);}
.productssss .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.productssss .pageBtn .list li{ background:url(../img/icon_left1.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.productssss .pageBtn .list li.on{background-position:-114px -57px }
.productssss .pageBtn span{ background:url(../img/icon_left2.png) no-repeat; top:-133px;background-size: 100%;width: 40px;height: 38px;}
.productssss .pageBtn .prev {left: -1px;}
.productssss .pageBtn .next {right: -1px;}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0
}
.pagination>li {
    display: inline

}
.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus, .pagination>.active>span {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd
}
.pagination>.thisclass,.pagination>.thisclass>a,.pagination>.thisclass>span,.pagination>.thisclass>a:hover,.pagination>.thisclass>span:hover,.pagination>.thisclass>a:focus,.pagination>.thisclass>span:focus {
    background-color:#1068AD;
    color:#FFFFFF;
}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}




#header {height: 116px;width: 100%;}
#header > div {width: 1200px;margin: auto;}
#header > div .logo {margin-top: 3px;}
#header > div .r {float: right;}
#header > div .r .info {width: 375px;height: 35px;line-height: 35px;background-color: #05a045;text-align: center;font-size: 14px;float: right;color: white;border-radius: 0 0 10px 10px;}
#header > div .r .tel{clear: both;padding-top: 22px;}
#header > div .r .tel * {float: left;}
#header > div .r .tel img {width: 28px;}
#header > div .r .tel span {font-size: 22px;margin-left: 9px;color: #6f6f6f;font-family: '方正粗黑宋简体';}

#nav {height: 36px;width: 100%;background-image: linear-gradient(#17954a, #17c05d);}
#nav > div {width: 1200px;margin: auto;}
/*.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
.navBar{ position:relative; z-index:1;  color:#fff; height:36px; line-height:36px;   }
.nav{ width:100%; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;padding: 0;  }
.nav .m{ float:left;  position:relative;border-left: 1px solid white;width: calc(12.5% - 1px); }
.nav .m:last-child {border-right: 1px solid white;}
.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px; height:36px; overflow:hidden;width: 100%;  }
.nav h3 a{ display:block; color:#fff;  padding:0 20px; vertical-align:top;font-size: 14px;width: calc(100% - 40px);text-align: center;  }
.nav .on,.nav .click{ border:0; }
.nav .on h3 a,.nav .click h3 a{ background:#6eb809; color:white; font-weight:bold;border-left: 1px solid #6eb809;  }
.nav .sub{ display:none; /*默认隐藏*/ width:100%; padding:0;position:absolute; left:0; top:36px; background:#6eb809;border-top:0;   }
.nav .sub li{ height:26px; line-height:26px; padding:4px 0;  float:left; width:100%;text-align: center;border-top: 1px solid #17b458;overflow: hidden;}
.nav .sub li a{ display:block; padding-left:6px;color:white;font-size: 14px;}
.nav .sub li a:hover{ color:#FA6D06;}

#banner {width: 1440px;margin: auto;overflow: hidden;}
#footer {height: 120px;width: 100%;background-color: #05a045;clear: both;text-align: center;}
#footer * {color: white;}
#footer p {line-height: 28px;}
#footer p:nth-child(1) {padding-top: 20px;}
#footer p:nth-child(1) a {margin: 0 12px;}

.f_r {float: right;}

#mainss {width: 1200px;margin: auto;margin-top: 30px;}
#mainss .line1 {height: 360px;width: 100%;}
#mainss .line1 .l1 {width: 445px;}
#mainss .line1 .l2 {width: calc(100% - 445px - 80px);margin-left: 80px;}
#mainss .index_main_title {padding: 8px 0;border-bottom: 1px dashed #e5e5e5;margin-bottom: 15px;}
#mainss .index_main_title span {font-size: 18px;color: #05a045;}
#mainss .line1 > div {float: left;}
#mainss .line1 img {width:100%;height: 190px;}
#mainss .line1 .company_introduce {line-height: 25px;color:#666666;margin-top: 5px; height: 80px;font-size:14px;-webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;}
#mainss .got_green {width:5px;height: 5px;background-color: #05a045;display: inline-block;position: relative;top:-2px;}
#mainss .got_green + p {display: inline-block;margin-left: 5px;color: #000000;font-size: 14px;}
#mainss .line1 .l2 .datass {padding: 8px 0;border-bottom: 1px dashed #e5e5e5;}
#mainss .line1 .l2 .datass:nth-child(2) {padding-top: 0;}
#mainss .line1 .l2 .content {width: 473px;float: left;}
#mainss .line1 .l2 .content p {line-height: 22px;margin-top: 8px;}
#mainss .line1 .l2 .content + img {margin-left: 40px;width: 162px;height: 90px;}
#mainss .line1 .l2 .list {margin-top: 10px;}
#mainss .line1 .l2 .list > div {width: 33.33%;float: left;height: 26px;line-height: 26px;}


#mainss .line2 {margin-top: 40px;height: 320px;}
#mainss .line2 .index_main_title span:nth-child(1) {margin-left: 8px;}
#mainss .line2 .index_main_title span:nth-child(1):before{
    content: ' ';
    border-left: 5px solid #05a045;
    display: inline-block;
    height: 15px;
    position: relative;
    left: -8px;;
}
#mainss .line2 .l2 .data > div {width: calc(33.33% - 18px);float: left;}
#mainss .line2 .l2 .data > div:nth-child(n+2) {margin-left: 27px;}
#mainss .line2 .l2 .data p {height: 25px;line-height: 25px;text-align: center;}


#mainss .line3{ width:100%;margin:0 auto; }
#mainss .line3 .hd{ overflow:hidden; background-color: #f4f5f8;}
#mainss .line3 .hd li{position:relative; height:37px; line-height:37px; text-align:center;float:left;border-top:0; cursor: pointer; padding: 0 15px;}
#mainss .line3 .hd li a {font-size: 14px; }
#mainss .line3 .hd ul {float: left;width: calc(100% - 200px);padding-left: 10px;}
#mainss .line3 .hd .title {width: 110px;height: 100%;background-color: #05a045;line-height: 40px;text-align: center;float: left;}
#mainss .line3 .hd .title a {color: #ffffff;font-size: 16px;}
#mainss .line3 .hd .title:before {content: ' ';border-left: 6px solid #6eb809;display: inline-block;height: 15px;position: relative;left: -8px;top: 2px;}
#mainss .line3 .hd li.on{  border-bottom:3px solid #05a045;}
#mainss .line3 .hd li.on a { color:#05a045; }
#mainss .line3 .bd{ height:296px;border: 1px solid #05a045;padding: 10px 8px 8px;  }
#mainss .line3 .lh { padding: 0; }
#mainss .line3 .lh li{ width:calc(20% - 20px); float:left; }
#mainss .line3 .lh li:nth-child(n+2) {margin-left: 25px;}
#mainss .line3 .lh li .p-img{ width:100%; height:290px; }
#mainss .line3 img {width: 100%;height: 100%;}
#mainss .line3 .more {background: url('../img/icon_more.png');height: 13px;width: 48px;float: right;margin:  13px 8px 0 0;}



#childss {width: 1200px;margin: auto;}
#childss * {color: #333333;}
#childss .left {width: 240px;float: left;}
#childss .left .nav0 {width: 233px;height: 56px;background-color: #05a045;color: white;font-size: 14px;font-weight: 900;line-height: 56px;position: relative;top: -56px;z-index: 1000;text-indent: 20px;}
#childss .left .nav1 { margin-top:-56px;}
#childss .left .nav1 div {width: 100%;background: url("../img/icon_title_bg2.jpg") 100% 100%;color: black;font-size: 14px;}
#childss .left .nav1 a > div > div:before {content: ' ';border-left: 9px solid #cccccc;display: inline-block;height: 2px;position: relative;left: -10px;top: -3px;}
#childss .left .nav1 a > div > div {width: 204px;background: none;margin-left: 26px;line-height: 22px;padding-top: 10px;padding-bottom: 14px;}
#childss .left .nav1 .selected,#childss .left .nav1 .hoverss {background: url("../img/icon_title_bg1.png") 100% 100%;background-color: #f3f3f3;color: white;background-size: cover;}
#childss .left .nav1 .selected div,#childss .left .nav1 .hoverss div {color: white;}
#childss .left .nav2 {margin-top: 38px;}
#childss .left .nav2 > div:first-child {width: 233px;
    height: 56px;
    background: none;
    background-color: #05a045;
    color: white;
    font-size: 14px;
    font-weight: 900;
    line-height: 56px;
    text-indent: 20px;
}

#childss .right {width: calc(100% - 240px - 55px);margin-left: 55px;float: left;}
#childss .right > .title {height: 66px;width: 100%;border-bottom: 1px solid #eeeeee;}
#childss .right .title .t1 {height: 61px;line-height: 61px;border-top: 5px solid #05a045;font-size: 16px;color: #333333;float: left;text-overflow: ellipsis;max-width:660px;white-space: nowrap;overflow: hidden;}
#childss .right .title .t2 {height: 61px;line-height: 61px;color: #333333;margin-top: 5px;float: right;max-width: 245px;text-overflow: ellipsis;overflow: hidden;}
#childss .right .content {margin-top: 20px;}
#childss .right .content ul {padding: 0;}
#childss .right .content ul * {font-size: 14px;}
#childss .right .content li {line-height: 48px;border-bottom: 1px dashed #d0d0d0;}
#childss .right .content li .title {margin-left: 8px;color: #666666;}
#childss .right .content li .time {float: right;color: #999999;}
#childss .right .content li .title:before{
    background: url("__IMG__/icon_arrow.png") no-repeat;
    height: 10px;
    width: 10px;
    position: relative;
    display: inline-block;
    content: ' ';top: 1px;
    left: -8px;
}

#childss .right .content2 li {width: calc(33% - 12px);float: left;border:none;line-height: 0;height: 352px;overflow: hidden;}
#childss .right .content2 li:nth-child(3n+2),#childss .right .content2 li:nth-child(3n+3) {margin-left: 18px;}
#childss .right .content2 li div {height: 280px;width: calc(100% - 20px);background-color: #f3f3f3;text-align: center;padding: 10px;display: flex;align-items: center;justify-content: center;}
#childss .right .content2 li div img {height: auto;width: auto;max-width: 100%;max-height: 100%;}
#childss .right .content2 li p {text-align: center;line-height: 18px;margin: 10px 0;}
#pagess {text-align: center;clear: both;}


#childss .right .content .top {margin-bottom: 20px;width: 100%;display: flex;justify-content: center;align-items: center;}
#childss .right .content .top > div{width: 80%;text-align: center;}
#childss .right .content .top > *{float: left;}
#childss .right .content .top img {max-width: 90%;}
#childss .right .content .top .page_pre,#childss .right .content .page_next {width: 10%;}
#childss .right .content .top .page_next {float: right;text-align: right;}
#childss .right .content .top .page_next img {transform: scaleX(-1);}
#childss .right .content .contentssss {clear: both;}
#childss .right .content .pagesssss {margin-top: 30px;clear: both;}
#childss .right .content .pagesssss a {font-size: 14px;}
#childss .right .content .pagesssss a:last-child {float: right;}