@CHARSET "UTF-8";

/*头部样式*/

.wd1200 {
    width: 1200px;
    margin: 0 auto;
}

.wd1300 {
    width: 1300px;
    margin: 0 auto;
}

#header {
    height: 37px;
    position: relative;
    line-height: 37px;
    background: #ebebeb;
    color: #1a1a1a;
}

#header a {
    color: #1a1a1a;
}

.top {}

.wel {
    float: left;
}

.k11 {
    float: right;
}

.top_cc {
    position: relative;
    height: 130px;
}

.logo {
    margin-top: 25px;
    float: left;
}

.logotxt {
    width: 515px;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    background: #ff761a;
    margin-top: 60px;
    float: left;
    margin-left: 20px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.top_cc .k2 {
    float: right;
    background: url(../images/top_phone.png) no-repeat left center;
    padding-left: 70px;
    color: #0a0a0a;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-top: 35px;
    line-height: 28px;
}

.topLink {
    width: 400px;
    float: right;
    text-align: right;
    position: relative;
    z-index: 9999;
}

.translate {
    width: 100px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 9999;
}

.tran-in {
    left: 120px;
}

.translate li {
    border: 1px dashed #cccccc;
    line-height: 26px;
    text-align: left;
    background: #fff;
}

.translate li a {
    display: block;
    padding-left: 10px;
    background: url(../images/dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
    text-decoration: none;
    color: #275cea;
    cursor: pointer;
}

.translate-en {
    display: none;
    padding: 6px;
    padding-top: 0px;
}

.translate li .translate-en a {
    padding-left: 0px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
    font-weight: bold;
}

.topLink .f_count {
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}

#menu {
    position: relative;
    background: #23b341;
    height: 67px;
}

@font-face {
    font-family: 'constan';
    src: url('../fonts/constan.ttf') format('truetype');
}


/*热门搜索*/

.search {
    text-align: left;
    height: 24px;
    background-color: #f8f8f8;
    padding: 5px 10px 5px 10px;
}

#formsearch {
    width: 300px;
    float: left;
}

.hotSearch {
    width: 400px;
    float: left;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}


/*c1_index*/

.c1_index {
    position: relative;
    height: 412px;
    background: url(../images/c1_bg.jpg) no-repeat center center;
}

.ttt1 {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 80px;
    background: url(../images/ttt1_bg.png) no-repeat center bottom;
}

.ttt1 h3 {
    color: #1b1b1b;
    font-size: 35px;
}

.ttt1 h3 span {
    color: #3eb954;
}

.c11_contt {
    position: relative;
    margin-top: 40px;
}

.c11_list li {
    float: left;
    margin: 0 10px;
}

.c11_list li a.img {
    display: block;
    border: 1px solid #d0d0d0;
}

.c11_list li a.img img {
    width: 197px;
    height: 95px;
}


/*c2_index*/

.c2_index {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    height: 674px;
    padding-top: 60px;
    background: url(../images/c22_bg.png) no-repeat center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.c22_left {
    width: 243px;
    float: left;
    background: #fff;
    border: 1px solid #23b341;
}

.c22_left h1 {
    text-align: center;
    color: #fff;
    font-size: 26px;
    height: 84px;
    line-height: 84px;
    background: #23b341 url(../images/product_bg.png) no-repeat center 25px;
}

.sort1 {
    position: relative;
}

.sort1 li {
    line-height: 68px;
    border-top: 1px dashed #cbcbcb;
    padding-left: 40px;
}

.sort1 li:last-child {
    border-bottom: 1px dashed #cbcbcb;
}

.sort1 li a {
    display: block;
    font-size: 18px;
    color: #050505;
    font-weight: normal;
    padding-left: 50px;
    background: url(../images/orgen.png) no-repeat left center;
}

.pro_phone {
    padding: 30px 10px;
    background: #23b341;
}

.pro_phone h3 {
    background: url(../images/pro_phone.png) no-repeat left center;
    color: #fff;
    padding-left: 75px;
    font-size: 20px;
    line-height: 1.2;
}

.c22_right {
    width: 995px;
    float: right;
}

.c22_list {
    position: relative;
}

.c22_list li {
    float: left;
    margin-bottom: 35px;
    margin-right: 40px;
    border: 1px solid #c0c0c0;
}

.c22_list li:nth-child(3n) {
    margin-right: 0px;
}

.c22_list li a.img {
    display: block;
}

.c22_list li a.img img {
    width: 300px;
    height: 212px;
}

.c22_list li h3 a {
    display: block;
    background: #23b341;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.c22_list li:hover h3 a {
    background: #ff761a;
}

.hengtu {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: relative;
}

.hengtu img {
    width: 100%;
}


/*ys_index*/

.ys_index {
    position: relative;
    background: url(../images/ys_bg.jpg) no-repeat center center;
    height: 996px;
    padding-top: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ttt2 {
    text-align: center;
    background: url(../images/ys_tt_bg.png) no-repeat center 20px;
}

.ttt2 h3 {
    color: #ff761a;
    font-size: 40px;
}

.ttt2 h3 em {
    font-style: inherit;
    font-weight: normal;
    color: #0c0c0c;
}

.ttt2 h4 {
    font-size: 24px;
    color: #1b1b1b;
    font-weight: bold;
}

.ys_contt {
    position: relative;
    margin-top: 35px;
}

.ys_top {
    position: relative;
}

.ys_aa {
    float: left;
    width: 675px;
}

.ys_aa li {
    margin-bottom: 40px;
}

.ys_aa li:nth-child(2) {
    margin-bottom: 0px;
}

.ys_aa li h3 {
    float: left;
    width: 104px;
    height: 102px;
    text-align: center;
    font-size: 35px;
    color: #ff761a;
    line-height: 1.2;
    background: url(../images/hua.png) no-repeat center center;
    padding-top: 40px;
}

.ys_aa li span {
    margin-top: 15px;
    width: 525px;
    float: right;
    position: relative;
    z-index: 999;
}

.ys_aa li span p {
    padding-left: 30px;
    font-size: 17px;
    color: #080808;
    margin-bottom: 25px;
    background: url(../images/yuan.png) no-repeat left 5px;
}

.ys_img {
    float: right;
    margin-top: 30px;
}

.ys_img img {
    width: 554px;
    height: 323px;
}

.ys_middle {
    position: relative;
    margin-top: 40px;
}

.ys_middle .ys2_img {
    float: left;
}

.ys_middle .ys2_img img {
    width: 497px;
    height: 374px;
}

.ys_middle .ys_aa {
    float: right;
}

.ys_aa .pp1::before {
    position: absolute;
    left: 7px;
    top: 5px;
    width: 1px;
    height: 80px;
    border-left: 1px dashed #ccc;
    content: "";
    z-index: -1;
}

.ys_aa .pp2::before {
    position: absolute;
    left: 7px;
    top: 5px;
    width: 1px;
    height: 80px;
    border-left: 1px dashed #ccc;
    content: "";
    z-index: -1;
}

.ys_aa .pp3::before {
    position: absolute;
    left: 7px;
    top: 5px;
    width: 1px;
    height: 50px;
    border-left: 1px dashed #ccc;
    content: "";
    z-index: -1;
}

.ys_aa .pp4::before {
    position: absolute;
    left: 7px;
    top: 5px;
    width: 1px;
    height: 80px;
    border-left: 1px dashed #ccc;
    content: "";
    z-index: -1;
}


/*c3_index*/

.c3_index {
    position: relative;
    height: 548px;
    background: url(../images/c33_bg.jpg) no-repeat center center;
}

.c3_index h1 {
    padding-top: 55px;
    text-align: center;
    color: #1b1b1b;
    font-size: 40px;
    padding-bottom: 80px;
    background: url(../images/ttt1_bg.png) no-repeat center bottom;
}

.c33_contt {
    position: relative;
    margin-top: 40px;
}

.c33_list li {
    float: left;
    margin: 0 15px;
}

.c33_list li a.img {
    display: block;
}

.c33_list li a.img span {
    display: block;
    border: 1px solid #c0c0c0;
}

.c33_list li a.img span img {
    width: 300px;
    height: 212px;
}

.c33_list li a.img h3 {
    text-align: center;
    font-size: 16px;
    color: #181818;
    font-weight: normal;
    line-height: 40px;
}

.c4_index {
    position: relative;
    background: url(../images/c2_bg.jpg) no-repeat center center;
    height: 1052px;
    padding-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.abb_index {
    position: relative;
}

.abb_index .abb_img {
    float: left;
}

.abb_index .abb_img img {
    width: 608px;
    height: 390px;
}

.abb_index .abb_right {
    float: right;
    width: 645px;
}

.abb_right h3 {
    height: 40px;
    font-size: 24px;
    color: #121212;
    position: relative;
}

.abb_right h3 a {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 75px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #ffba00;
    font-weight: normal;
    text-transform: uppercase;
}

.abb_right .abb_txt {
    margin-top: 15px;
    font-size: 14px;
    color: #4e4e4e;
    line-height: 30px;
}

.about_list {
    margin-top: 30px;
    position: relative;
}

.about_list li {
    float: left;
    margin: 0 10px;
}

.news_index {
    position: relative;
    margin-top: 100px;
}

.news_aa {
    float: left;
    width: 840px;
    border: 1px solid #ccc;
}

.newssort {
    height: 59px;
    background: #ebebeb;
    position: relative;
}

.newssort li {
    float: left;
    line-height: 59px;
    width: 180px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #23b341;
    font-weight: bold;
    cursor: pointer;
}

.newssort li:hover,
.newssort li.on {
    background: #ffba00;
}

.newssort a {
    position: absolute;
    right: 45px;
    top: 20px;
    font-size: 14px;
    color: #131313;
}

.news_article {
    position: relative;
    padding: 20px 15px;
}

.news_article .news_left {
    float: left;
    width: 339px;
}

.news_article .news_left li a {
    display: block;
}

.news_article .news_left li a img {
    width: 339px;
    height: 228px;
}

.news_article .news_left li h3 {
    font-size: 14px;
    color: #010101;
    font-weight: bold;
    margin-top: 10px;
    line-height: 30px;
}

.news_article .news_left li span {
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}

.news_article .news_list11 {
    width: 430px;
    float: right;
    margin-right: 15px;
    margin-top: -15px;
}

.news_list11 li {
    line-height: 47px;
    border-bottom: 1px dashed #cccccc;
    padding-left: 20px;
    background: url(../images/jiao.png) no-repeat left center;
}

.news_list11 li:last-child {
    border-bottom: none;
}

.news_list11 li a {
    display: block;
    font-size: 14px;
    color: #595959;
}

.news_cc {
    width: 418px;
    height: 464px;
    float: right;
    border: 1px solid #cecece;
    overflow: hidden;
}

.news_cc .xin-tit {
    height: 58px;
    position: relative;
    background: #ebebeb;
}

.news_cc .xin-tit span {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    background: url(../images/xin_bg.png) no-repeat left center;
    width: 134px;
    height: 58px;
    text-indent: 45px;
    line-height: 40px;
}

.news_cc .xin-tit a {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 14px;
    color: #131313;
}

.news_cc .pic {
    width: 390px;
    margin: 0 auto;
    margin-top: 15px;
}

.news_list2 {}

.news_list2 li {
    // height: 94px;
    padding: 10px 0;
    border-bottom: 1px dashed #d7d7d7;
}

.news_list2 li a {
    display: block;
    background: url(../images/wen.png)no-repeat left;
    padding-left: 28px;
    color: #010101;
    font-size: 14px;
}

.news_list2 li span {
    display: block;
    margin-top: 5px;
    background: url(../images/da.png)no-repeat left 5px;
    padding-left: 28px;
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}


/*foot_wap*/

.foot_nav {
    position: relative;
    height: 54px;
    background: #23b341;
    line-height: 54px;
}

.foot_nav p {
    display: flex;
    justify-content: center;
}

.foot_nav a {
    color: #fff;
    font-size: 16px;
    width: 11.1111%;
    display: block;
    text-align: center;
}

.foot_nav a+a {
    background: url(../images/navshu.png) no-repeat left center;
}

.foot_wap {
    position: relative;
    padding: 40px 0;
    background: #ebebeb;
   
}

.foot_logo {
    width: 280px;
    float: left;
    text-align: center;
    padding-right: 10px;
    border-right: 1px solid #c9c9c9;
}

.foot_bb {
    width: 475px;
    padding-left: 30px;
    line-height: 28px;
    color: #000;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.foot_bb a {
    color: #000;
    font-size: 14px;
}

.foot_cc {
    float: left;
    width: 300px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    color: #000;
    line-height: 28px;
    font-size: 14px;
}

.foot_cc a {
    color: #000;
    font-size: 14px;
}

.foot_cc p:nth-child(2) {
    margin-top: 25px;
}

.foot_ewm {
    float: right;
    width: 220px;
    text-align: center;
    color: #000;
    line-height: 35px;
    font-size: 14px;
}


/*主体样式*/

#container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.menu_cate {
    width: 244px;
    float: left;
}

.cate_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.about {
    width: 460px;
    float: left;
    margin-left: 12px;
    padding-bottom: 5px;
}

.about_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.about .content {
    padding: 5px;
    padding-bottom: 12px;
    text-indent: 20px;
}

.navigation {
    float: right;
    width: 100px;
}

.index-title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.index-table td {
    border: solid #add9c0;
    border-width: 0px 1px 1px 0px;
    padding: 10px 5px;
}

.index-table {
    border: solid #add9c0;
    border-width: 1px 0px 0px 1px;
    margin-top: 10px;
}


/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}


/*首页新闻*/

.news_company {
    width: 280px;
    float: right;
}

.news1_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.news_company .content {
    padding: 5px;
}


/*首页左侧联系我们*/

.contact {
    width: 218px;
    float: left;
    padding-bottom: 5px;
    margin-top: 10px;
}

.contact_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.contact .content {
    padding: 5px;
    padding-left: 8px;
}


/*工程案例*/

.case {
    width: 460px;
    float: left;
    margin-left: 12px;
    padding-bottom: 5px;
    margin-top: 10px;
}

.case_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.case .content {
    padding: 5px;
    padding-bottom: 12px;
    text-indent: 20px;
}

.news2_company {
    margin-top: 10px;
}


/*产品推荐*/

.recommend_product {
    margin-top: 10px;
    width: 692px;
    float: left;
}

.recommend_product .title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.recommend_product .content {
    padding-top: 15px;
    padding-bottom: 14px;
}

.roll_product li {
    padding-bottom: 0px;
}


/*友情链接*/

.zhuyin{
   background-color: #ececec;
   line-height: 30px;
   font-size: 14px;
  color: #000;
}

.zhuyin a{
  font-size: 14px;
  color: #000; 
}

.link_wap {
    background-color: #ececec;
}

.f_link {
    line-height: 35px;
    font-size: 14px;
    color: #000;
}

.f_link a {
    font-size: 14px;
    color: #000;
}


/*页面底部*/

#footer {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 8px;
    border-top: 2px solid #eee;
    margin-top: 15px;
}

#footer a {
    color: #666;
}

#footer a:hover {
    color: #e87518;
    text-decoration: none;
}

.nav_foot {
    text-align: center;
    line-height: 24px;
    color: #666;
}

.copyright {
    text-align: center;
    line-height: 24px;
}


/*------------内页-------------------*/

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.left .box .content {
    padding: 5px 0px;
}

.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
}

.n_banner {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.n_banner img {
    width: 100%;
}

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: url(../images/sortn.jpg) no-repeat 0% 100%;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.left .box .content {
    padding: 5px 0px;
}

.right {
    width: 939px;
    float: right;
    padding-bottom: 10px;
}

.sitemp {
    border-bottom: 1px solid #eee;
}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}

.right .content {
    padding-top: 15px;
    overflow: hidden;
    line-height: 24px;
}

.sort_album {
    margin-top: 15px;
}