/*头部样式*/
.copyright {
    text-align: center;
    line-height: 24px;
}

.w1240 {
    width: 1240px;
    margin: 0 auto;
}

.head1 {
    height: 37px;
    border-bottom: 1px solid #e7e7e7;
    background: #f4f4f4;
}

.wel {
    font-size: 12px;
    color: #666;
    line-height: 36px;
}

.k1 {
    font-size: 12px;
    color: #666;
    line-height: 36px;
}

.k1 a {
    color: #666;
}

.head2 {
    height: 134px;
}

.logo {
    float: left;
    line-height: 134px;
}

.logowz {
    color: #333;
    padding-left: 20px;
    padding-top: 30px;
}

.htel {
    padding-right: 65px;
    background: url(../images/tel1.png) no-repeat right center;
    text-align: right;
    margin-top: 40px;
}

.ewm1 {
    line-height: 134px;
    padding-right: 15px;
}


.topLink{width:780px;float:right;text-align:right;position: relative;z-index: 9999;margin-top: 28px;}
.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;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu {
    background: #48b634;
}

/*热门搜索*/
/*.search{text-align:left;width: 450px;}
#formsearch{width:450px;background: url(../images/s.png) no-repeat;height: 35px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
*/

/*主体样式*/
.con{width: 1200px;margin:0 auto;}
#container{width:1200px;margin:0 auto;margin-top:30px;}
.menu_cate{width:254px;float:left;border:4px solid #0262b8;border-bottom:11px solid #0262b8}
.cate_title{height:70px;background:#0262b8;color:#fff;font-size:26px;text-align:center;padding-top:30px}
.cate_title span{display:block;color:#8dacd6;font-size:12px;font-weight:400;}
.sort1{background:#fff;padding: 14px 11px 5px;}
.sort1 li{margin-bottom: 23px;}
.sort1 li a{background:url(../images/sdot.png) #0262b8 no-repeat 10px center;display:block;padding-left: 19px;color:#fff;font:400 16px/57px "微软雅黑";text-align:center;}
.sort1 li a:hover{color:#fa7821;}
.trust{background:#0262b8;text-align:center;padding-top:32px;color:#fff;padding-bottom:23px;}
.trust h3{font-size:22px;line-height:26px;margin-bottom:25px;}
.trust h3 span{display:block;font:400 12px "微软雅黑";text-transform:uppercase;}
.trust img{margin-bottom:10px;}

.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;}

/*工程案例*/


.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{width:927px;float:right;}
.recommend_product .title{line-height:44px;padding-left:18px;font-weight:400;font-family:"微软雅黑";
background:url(../images/ptitle.jpg) no-repeat left center;font-size:16px;color:#000;position:relative;}
.recommend_product .title a{color:#848584;font:400 12px/44px "微软雅黑";right:20px;position:absolute;top:0;}
.recommend_product .title a:hover{color:#0262b8;}
.recommend_product .content{padding-top:25px;}
.roll_product li{padding-bottom:0px;}

.product_list1 li{float:left;margin-left:26px;margin-right:26px;_display:inline;border:1px solid #eaeaea;margin-bottom:42px;}
.product_list1 li:hover{border-color:#0262b8}
.product_list1 li a.img{}
.product_list1 li a.img img{width:252px;height:218px;}
.product_list1 li h3{text-align:center;background:#96a1a6;line-height:32px;}
.product_list1 li:hover h3{background:#0262b8}
.product_list1 li h3 a{color:#fff;font:400 14px/32px "微软雅黑";display:block;}
.product_list1 li a.img{display:block;}
.tta{
    color:#fff;
    font-size: 60px;

    padding-bottom: 20px;
    text-align: center;
}
.c2{background:url(../images/c2.png) no-repeat center;left:50%;margin-left:-960px;position:relative;height:264px;width:1920px;}
.c2a{width:1200px;margin:0 auto;}
.c2b{width:245px;padding-top:95px;padding-left:137px;font-size:44px;color:#ffffff;}
.c2c{width:584px;padding-top:55px;padding-right:77px;font-size:12px;color:#353535;line-height:24px;}




/*友情链接*/
.link{background: #00609d;}
.f_link{width:1000px;margin:0 auto;margin-top:1px;line-height:30px;line-height:50px;text-indent:20px;font-size: 14px;color: #fff}
.f_link a{color: #fff}

/*页面底部*/
#foot{
    background: url(../images/foot.jpg) no-repeat top center;
    height: 339px;
    overflow: hidden;
}
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;color:#ffffff;;}
#footer a{color:#ffffff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:left;line-height:24px;color:#ffffff;padding-top: 55px;height: 234px;overflow: hidden;}
.nav_foot li{line-height:55px;text-align:center;width:230px;float:left;position:relative;z-index:999;}
.nav_foot li a{display:block;line-height:55px;color:#fff;font-size: 16px;}
.nav_foot li a:hover{color:#fff;text-decoration:none;}
.nav_foot .sec{color:#fff;z-index:9999;text-align: left;text-indent: 86px;}
.nav_foot .sec p{position: relative;
    right: 41px;}
.nav_foot .sec a{color:#fff;line-height:29px;font-size: 12px;}
.nav_foot .sec a:hover{text-decoration:none;}
.copyright{text-align:center;line-height:44px;padding-top:10px;}
.foot-right{
    width: 258px;
}
.er{
    padding-top: 22px;
    text-align: left;
    font-size: 12px;
}
.er img{padding-right:21px;;}
.qq{padding-top: 30px;text-align: left;font-size: 14px;}
.qq img{padding-right:21px;;}

.rexian{padding-top: 40px;;text-align: left;}
.rexian img{padding-right:21px;;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:20px;padding-left:15px;font-weight:normal;font-family:"微软雅黑";
background:url(../images/tt1.jpg) no-repeat 0% 100%;font-size:16px;color:#2c2c2c;height: 41px;}
.left .box h3 span{display: block;line-height: 20px;color: #949494;font-size: 12px;text-transform:uppercase;}
.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;margin-left: -960px;left:50%;position: relative;height: 615px;}
.n_banner img{width:100%;height: 615px;}
.left{width:220px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:919px;float:left;padding-bottom:10px;padding-left: 30px;border-left: 1px solid #d8d8d8;margin-left: 30px;/*min-height: 1200px;*/}
.sitemp{line-height:50px;height:50px;overflow:hidden;padding-right:10px;border-bottom:1px solid #d8d8d8;}

.sitemp .site{width:380px;float:left;text-align:left;line-height:50px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}




.case{
    background: url(../images/case.jpg) no-repeat top center;
    height: 820px;
}
.tt{
    color:#fff;
    font-size: 30px;
    background: url(../images/tt.png) no-repeat bottom center;
    padding-bottom: 20px;
    text-align: center;
}
.case .content{
    margin-top: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
}
.huolong{
    margin:40px  0px;
}
.huolong li{
    height: 416px;
    width: 240px;
    float: left;
    position: relative;
}
.huolong li .img-huo{
    position: absolute;
    top: 0px;
    width: 240px;
    height: 208px;
}
.huolong li .img-huo img{
    width:100%;
    height:100%;
}
.huolong li:nth-child(even) .img-huo{
    position: absolute;
    top: 208px;
    width: 240px;
    height: 208px;
}
.huolong li .nei-huo{
    position: absolute;
    top: 208px;
    width: 240px;
    height: 208px;
    background: #fff;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:3s;
    transition-duration:3s;
}
.huolong li:nth-child(even) .nei-huo{
    position: absolute;
    top: 0px;
    width: 240px;
    height: 208px;
}

.nei-huo a{
    padding-top:30px;
    text-align: center;
    color: #0063ca;
    font-size: 20px;
    display: block;
    width: 100%;
}
.nei-huo p{
    color: #424242;
    font-size: 12px;
    width: 187px;
    margin:0 auto;
    padding-top: 11px;
    line-height: 22px;
}
a.more{
    display: block;
    width: 97px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #0063ca;
    border: 1px solid #0063ca;
    border-radius: 8px;
    margin:0 auto;
    margin-top: 15px;
    padding-top: 0;
    font-size: 12px;
}
.c1{width:1200px;margin:0 auto;margin-top:60px;}



.join{
    margin-top: 76px;
}
.join h2{
    color: #303030;
    font-size: 30px;
    text-align: center;
}
.join h2 span{
    color: #d41b1b
}
.join h2 p{
    padding-top: 22px;
    color: #343434;
    font-size: 12px;
    line-height: 28px;
    font-weight:normal;
}
.join .content{
    height: 681px;
    background: url(../images/you.jpg) no-repeat top center;
    margin-top: 75px;
    position: relative;
}
.jian{
    position: relative;
    color: #272727;
    font-size: 16px;
    width: 100%;
    height: 100%
}
.jian1{
    position: absolute;
    top: 44px;
    left: 200px;
}
.jian2{
    position: absolute;
    top: 168px;
    left: 90px;
}
.jian3{
    position: absolute;
    top: 300px;
    left: 62px;
}
.jian4{
    position: absolute;
    top: 458px;
    left: 86px;
}
.jian5{
    position: absolute;
    top: 590px;
    left: 190px;
}
.jian6{
    position: absolute;
    top: 44px;
    right: 190px;
    text-align: right
}

.jian7{
    position: absolute;
    top: 168px;
    right: 86px;
    text-align: right
}

.jian8{
    position: absolute;
    top: 300px;
    right: 62px;
    text-align: right
}

.jian9{
    position: absolute;
    top: 458px;
    right: 86px;
    text-align: right
}
.jian10{
    position: absolute;
    top: 590px;
    right: 190px;
    text-align: right
}
.jian-tu{
    position: absolute;
    top: 77px;
    left: 372px;
}



.news{
    background: url(../images/new.jpg) no-repeat top center;
    margin-top: 20px;
}
.news .content1{
    padding-top: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
}
.new-left{
    margin-left: 20px;
    width: 760px;
}
.news .content{
    margin-top: 100px;
}
.new-right{
    width: 342px;
    height: 490px;
    box-sizing: border-box;
    padding: 0 20px;
    background: url(../images/n.jpg) no-repeat top center;
}
.new-right h2{
    color: #5d5c5c;
    font-size: 16px;
    background: url(../images/tt.jpg) no-repeat bottom center;
    padding-top: 10px;
    line-height: 50px;
}
.new-right  .contentt{
    padding-top: 20px;
}



.zhao{
    height: 845px;
    background: url(../images/zhao.jpg) no-repeat top center;
    margin-top: 120px;
}
.tt1{background: url(../images/tt.png) no-repeat 50% 60%;}
.tt p{
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    margin:0 auto;
    text-indent: -410px;
    margin-top: 50px;
}
.tt p b{
    background: url(../images/1.png) no-repeat right center;
    height: 50px;
    width: 50px;
    font-size: 28px;
    display: block;
    line-height: 50px;
    text-align: center;
    float: left;
    padding-left: 460px;
    text-indent: 0;
    font-size:
}

.zhao .content1{
    color: #fff;
    font-size: 12px;
    padding-top: 18px;
    line-height: 26px;
    text-align:  center
}
.zhao .content{
    margin-top: 126px;
}
.banner_list{
   display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.banner_list li{
    width: 200px;
    height: 289px;
    background: #fff;
    text-align: center;
        margin-left: 50px;
    margin-right: 50px;
}
.banner_list li img{
    display: block;
    margin:0 auto;
    text-align: center;
    padding-top: 15px;
}
.banner_list li:nth-child(2n){
    background: #e6e6e6;
    margin-top: 0px;
}
.banner_list li h3{
    padding-top:15px;
    line-height: 42px;
    font-weight: normal;
    text-align: center;
}
.banner_list li h3 a{
    color: #0063ca;
    font-size: 18px;
}

.banner_list li p{
    width: 152px;
    margin:0 auto;
    color: #444444;
    font-size: 14px;
    text-align: left
}
.banner_list li p b{
    font-weight: normal;
    color: #e42727;
}
.zhao .contentt{
    padding-top: 80px;
    color: #ffffff;
    font-size: 48px;
    font-weight: bold;
    padding-left: 140px;
    font-style: italic;
}

.zhao .contentt p{
    float: left;
    display: block;
}



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

}
.nei-gui{
    width: 648px;
    padding-left:0px;
    position: relative;
height:191px;
    margin-top: 120px;

}

.nei-gui1{
    width: 648px;
    padding-left:0px;
    position: relative;
    padding-top: 65px;
}
.img-gui{width:542px;}
.s1{
    padding-top:18px;
}
.s1 strong{
    color: #353535;
    font-size:18px;
    display: block;
}
.s1 a{
    display: block;
    font-size: 14px;
    color: #353535;
    display: block;
    background: url(../images/a.png) no-repeat left center;
    padding-left:24px;
    margin-top: 8px;
}
.s2{
    padding-top:50px;
}
.s2 strong{
    color: #353535;
    font-size:18px;
    display: block;
    margin-bottom: 18px;
    display: block;
}
.s2 a{
    display: block;
    font-size: 14px;
    color: #353535;
    display: block;
    background: url(../images/a.png) no-repeat left center;
    padding-left:24px;
    margin-top: 8px;
}
.s3{
    padding-top:36px;
}
.s3 strong{
    color: #353535;
    font-size:18px;
    display: block;
    margin-bottom: 18px;
    display: block;
}
.s3 a{
    display: block;
    font-size: 14px;
    color: #353535;
    display: block;
    background: url(../images/a.png) no-repeat left center;
    padding-left:24px;
    margin-top: 8px;
}

.s4{
    padding-top:36px;
}
.s4 strong{
    color: #353535;
    font-size:18px;
    display: block;
    margin-bottom: 18px;
    display: block;
}
.s4 a{
    display: block;
    font-size: 14px;
    color: #353535;
    display: block;
    background: url(../images/a.png) no-repeat left center;
    padding-left:24px;
    margin-top: 8px;
}
.s5{
    padding-top:40px;
}
.s5 strong{
    color: #353535;
    font-size:18px;
    display: block;
    margin-bottom: 18px;
    display: block;
}
.s5 a{
    display: block;
    font-size: 14px;
    color: #353535;
    display: block;
    background: url(../images/a.png) no-repeat left center;
    padding-left:24px;
    margin-top: 8px;
}
.s6{
    padding-top: 30px;
    font-weight: bold
}
.s6 strong{
    color: #353535;
    font-size:18px;
    display: block;
    margin-bottom: 10px;
    display: block;
}

.zhong{
     height:85px;
    background:url(../images/c4.png) no-repeat center;
    line-height: 90px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}


.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

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



.index-tlt {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.index-tlt h2 {
    font-size: 38px;
    font-weight: bold;
    color: #333;
}

.index-tlt h2 span {
    color: #31b015;
       
}

.index-tlt h3 {
    font-size: 18px;
    color: #999;
    line-height: 40px;
    background: url(../images/line01.png) no-repeat center;
}

.index-c1 {
    padding-bottom: 50px;
}

.c1-left {
    width: 250px;
}

.c1-left .c1-left-tlt {
    width: 250px;
    height: 78px;
    background: #48b634;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    background: url(../images/c1-1.png) no-repeat 199px center #48b634;
    line-height: 78px;
    text-indent: 24px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.pro-sort {
    background: #f7f7f7;
    padding: 15px 11px;
        height: 464px;
}

.pro-sort ul li {
    margin: 5px 0;
}

.pro-sort ul li a {
    display: block;
    font-size: 16px;
    line-height: 38px;
    background: url(../images/c1-2.png) no-repeat 194px center;
    text-indent: 35px;
    font-size: 16px;
    color: #666;
}

.pro-sort ul li:hover a {
    background: url(../images/c1-3.png) no-repeat 194px center #48b634;
    color: #fff;
}

.c1-left .c1-left-tel {
    height: 110px;
    padding: 250px;
    padding: 15px 0;
    text-align: center;
    background: #48b634;
}

.c1-left .c1-left-tel h3 {
    font-size: 18px;
    color: #fff;
    line-height: 42px;
}

.c1-left .c1-left-tel h4 {
    font-size: 26px;
    font-weight: bold;
    font-family: Arial;
    color: #fff;
    line-height: 30px;
    padding-left: 30px;
    background: url(../images/c1-4.png) no-repeat left center;
    display: inline-block;
}

.c1-right {
    width: 960px;
}

.c1-right .tabli {
    height: 78px;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 32px;
}

.c1-right .tabli ul li {
    width: 188px;
    text-align: center;
    line-height: 78px;
    background: #e8e8e8;
    font-size: 18px;
    color: #333;
    float: left;
}

.c1-right .tabli ul li.cur {
    background: #48b634;
    color: #fff;
}

.c1-right .tabli .c1-right-tel {
    font-size: 16px;
    color: #666;
    line-height: 78px;
    padding-left: 40px;
    background: url(../images/tel2.png) no-repeat left center;
    position: absolute;
    top: 0;
    right: 20px;
}

.c1-right .tabli .c1-right-tel span {
    font-weight: bold;
    color: #48b634;
    font-size: 26px;
    font-family: Arial;
}

.c1-right .tab {
    display: none;
}

.c1-right .tab ul li {
    width: 306px;
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
}

.c1-right .tab ul li:nth-child(3n) {
    margin-right: 0;
}

.c1-right .tab ul li a {
    display: block;
}

.c1-right .tab ul li img {
    width: 306px;
    height: 242px;
}

.c1-right .tab ul li h3 {
    background: #f5f5f5;
    font-size: 16px;
    color: #444;
    line-height: 46px;
    text-align: center;
}

.c1-right .tab ul li:hover h3 {
    background: #48b634;
    color: #fff;
}


.ysbg {
    background: url(../images/ysbg.jpg)center no-repeat;
    height: 571px;
    padding-top: 54px;
}

.ysbg-r {
    width: 590px;
    padding-left: 50px;
}

.ysbg-r .title h3 {
    text-align: center;
    color: #48b634;
    font: 700 36px/36px "Microsoft YaHei";
}

.ysbg-r .title p {
    padding: 19px 0 33px;
    text-align: center;
    color: #666;
    font: 500 18px/18px "Microsoft YaHei";
}

.ys-item {
    float: left;
    width: 285px;
    height: 190px;
    margin-right: 20px;
    background: #ffffff;
    margin-bottom: 26px;
    text-align: center;
}

.ys-item img {
    display: block;
    margin: 0 auto;
}

.ys-item:nth-child(odd) {
    margin-right: 0;
}

.ys-item a {
    display: inline-block;
    width: 237px;
    height: 170px;
    padding: 14px 24px 0;
}

.ys-item h3 {
    padding: 2px 0 15px;
    color: #333;
    font: 400 20px/20px "Microsoft YaHei";
}

.ys-item p {
    color: #666;
    font: 400 12px/20px "Microsoft YaHei";
}

.ys-item:hover {
    box-shadow: 0px 5px 20px #ececec;
}

.ys-item:hover .img img {
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(64deg) brightness(102%) contrast(93%);
}

.ys-item:hover h3 {
    color: #48b634;
    font: 700 20px/20px "Microsoft YaHei";
}


.index-c2 {
    padding-bottom: 60px;
}

.picScroll-left {
    position: relative;
}

.picScroll-left .bd {
    overflow: hidden;
}

.picScroll-left .bd ul li {
    width: 288px;
    height: 368px;
    float: left;
    margin-right: 29px;
}

.picScroll-left .bd ul li a {
    display: block;
}

.picScroll-left .bd ul li img {
    width: 288px;
    height: 368px;
}

.picScroll-left a.next {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/right01.png) no-repeat center;
    position: absolute;
    top: 153px;
    right: -108px;
    cursor: pointer;
}

.picScroll-left a.next:hover {
    background: url(../images/right01_h.png) no-repeat center;
}

.picScroll-left a.prev {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/left01.png) no-repeat center;
    position: absolute;
    top: 153px;
    left: -108px;
    cursor: pointer;
}

.picScroll-left a.prev:hover {
    background: url(../images/left01_h.png) no-repeat center;
}


.index-c3 {
    width: 1920px;
    height: 1966px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(../images/c3bg.jpg) no-repeat center;
}

.index-c3 .index-tlt {
    padding-top: 50px;
    padding-bottom: 40px;
}

.index-c3 ul li {
    margin-bottom: 30px;
}

.index-c3 ul li .img {
    width: 620px;
    height: 404px;
    float: left;
}

.index-c3 ul li .img img {
    width: 620px;
    height: 404px;
}

.index-c3 ul li .wz {
    width: 540px;
    float: right;
    margin-top: 10px;
}

.index-c3 ul li:nth-child(2n) .img {
    float: right;
}

.index-c3 ul li:nth-child(2n) .wz {
    float: left;
}

.index-c3 ul li .wz .wz-tlt {
    padding-left: 90px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.index-c3 ul li .wz .wz-tlt h3 {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
}

.index-c3 ul li .wz .wz-tlt h4 {
    font-size: 17px;
    color: #666;
    line-height: 30px;
}

.index-c3 ul li .wz .wz-tlt dt {
    width: 74px;
    height: 85px;
    background: url(../images/c3-1.png) no-repeat center;
    text-align: center;
    line-height: 85px;
    color: #fff;
    font-size: 48px;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 10px;
}

.index-c3 ul li .wz .wz-con {
    font-size: 16px;
    color: #383838;
    line-height: 35px;
}


.index-c3 ul li .wz .wz-tu {
    width: 540px;
    height: 138px;
    margin-top: 30px;
    font-size: 16px;
    color: #383838;
    line-height: 35px;
}

.index-c3 ul li .wz .wz-tu img {
    width: 540px;
    height: 138px;
}

.index-c3 ul li:nth-child(4) .wz-tel {
    font-size: 16px;
    font-weight: bold;
    color: #31b015;
    margin-top: 30px;
}

.index-c3 ul li:nth-child(4) .wz-tel span {
    font-size: 24px;
}

.index-c3 ul li:nth-child(4) a.ljzx {
    display: block;
    width: 220px;
    height: 40px;
    background: #31b015;
    box-shadow: 0 0 20px #31b015;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    margin-top: 20px;
}


.h-about {
    background: url(../images/about_bg.jpg) repeat-x bottom center;
    padding-bottom: 60px;
}

.h-about-box {
    background: #fff;
    margin-top: 10px;
}

.h-about-left {
    width: 588px;
    height: 402px;
    overflow: hidden;
}

.h-about-left img {
    max-width: 100%;
    transition: all .6s;
}

.h-about-left:hover img {
    transform: scale(1.1);
}

.h-about-right {
    width: 620px;
    height: 357px;
    padding: 45px 15px 0 0;
}

.h-about-right .title h3 {
    color: #040203;
    font: 700 44px/44px "Arial";
    padding-bottom: 7px;
}

.h-about-right .title p {
    color: #333;
    font: 500 24px/24px "Microsoft YaHei";
}

.about-con {
    color: #666;
    font: 400 14px/28px "Microsoft YaHei";
    padding: 25px 0 24px 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.more-a {
    display: block;
    width: 206px;
    height: 50px;
    color: #fff;
    background: #31b015;
    text-align: center;
    border-radius: 5px;
    transition: all .6s;
    font: 400 14px/50px "Microsoft YaHei";
    margin-top: 20px;
    color: #fff;
}
.more-a:visited,.more-a:link{
    color: #fff;
}
.more-a:hover {
    color: #fff;
    padding-left: 15px;
}

.ab-tu {
    margin-top: 52px;
}

.ab-tu .tabli2 {
    width: 200px;
}

.ab-tu .ab-tu-img {
    width: 1020px;
    float: right;
}

.ab-tu .tabli2 ul li {
    width: 200px;
    height: 70px;
    background: #d3d3d3;
    text-align: center;
    font-size: 22px;
    color: #333;
    padding-top: 20px;
    cursor: pointer;
}

.ab-tu .tabli2 ul li span {
    display: block;
    font-size: 12px;
    font-family: Arial;
    color: #999;
    text-transform: uppercase;
}

.ab-tu .tabli2 ul li.cur {
    background: url(../images/ab1.png) no-repeat center;
    color: #fff;
}

.ab-tu .tabli2 ul li.cur span {
    color: rgba(255, 255, 255, 0.5);
}

.ab-tu .ab-tu-img .tab2 {
    display: none;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd {
    overflow: hidden;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li {
    width: 242px;
    height: 180px;
    float: left;
    margin-right: 18px;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li img {
    width: 242px;
    height: 180px;
}



.news-z {
    padding: 10px 0 50px;
}

.news-l {
    width: 603px;
}

.news-r {
    width: 595px;
}

.news-top-t {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.news-top-t h4 {
    float: left;
    color: #333;
    font: 500 22px/22px "Microsoft YaHei";
}

.news-top-t h4 b {
    display: inline-block;
    margin: 0 0 0px 14px;
    color: #999;
    font: 400 14px/14px "Arial";
}

.more-n {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/quan.png);
    margin-bottom: 18px;
}

.h-news-a .img {
    width: 284px;
    height: 170px;
    overflow: hidden;
}

.h-news-a .img img {
    transition: all .6s;
    width: 284px;
    height: 170px;
}

.h-news-a:hover img {
    transform: scale(1.1);
}

.news-a-con {
    width: 289px;
}

.news-a-con h3 {
    color: #333;
    font: 700 16px/16px "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 12px 0;
}

.news-a-con p {
    color: #999;
    font: 400 14px/24px "Microsoft YaHei";
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-a-con span {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 10px;
    background: url(../images/newsjt.png);
}

.h-news-b {
    border: 1px solid #eee;
    padding: 22px 20px 0 23px;
    margin-top: 28px;
}

.h-news-b a {
    display: block;
    margin-bottom: 19px;
}

.h-news-b a h3 {
    width: 466px;
    padding-left: 22px;
    float: left;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    transition: all .6s;
    font: 400 14px/14px "Microsoft YaHei";
}

.h-news-b a h3::before {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    height: 7px;
    width: 7px;
    transition: all .6s;
    border: 1px solid #31b015;
}

.h-news-b a .date {
    float: left;
    color: #999;
    font: 300 12px/14px "Microsoft YaHei";
}

.h-news-b a:hover h3 {
    color: #31b015;
    font: 700 14px/14px "Microsoft YaHei";
}

.h-news-b a:hover h3::before {
    background: #31b015;
}

#ydemo {
    height: 390px;
    overflow: hidden;
}

.h-news-c a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px dashed #dcdcdc;
}

.h-news-c a:first-child {
    padding-top: 0;
}

.h-news-c a:last-child {
    border-bottom: none;
}

.h-news-c .pic {
    width: 160px;
    height: 96px;
    overflow: hidden;
}

.h-news-c a img {
    transition: all .6s;
    width: 100%;
}

.h-news-c .news-c-con {
    width: 406px;
}

.news-c-con h3 {
    color: #333;
    font: 700 16px/16px "Microsoft YaHei";
    padding: 15px 0 16px;
}

.news-c-con .newscon {
    color: #999;
    font: 400 14px/22px "Microsoft YaHei";
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.h-news-c a:hover img {
    transform: scale(1.1);
    width: 100%;
}

.h-news-c a:hover h3 {
    color: #31b015;
}


.x-layout {
  background: #252526;
  border-top:6px solid #31b015;
  padding: 42px 0 32px;;
}

.x-layout-logo {
  width: 210px;
}
.x-layout-logo img{
    width: 100%;
}
.x-layout-logo .flogo{
  text-indent: 0px;
  margin: 20px auto 30px;
}

.x-layout-menu{
  width: 270px;
  padding-right:40px;
  border-right: 1px solid #323233;
  margin-left: 40px;
}
.x-layout .title{
  position: relative;
   color: #fff;
   padding-left:20px;
   font: 500 20px/20px "Microsoft YaHei";
   padding-bottom:27px;
}
.x-layout .title::before{
  position: absolute;
  content: '';
  top:3px;
  left:0px;
  width: 6px;
  height: 16px;
  background: #31b015;
}

.x-layout-menu .fnav{
  font-size: 14px;
  color: #bdbdbd;
  line-height: 30px;
}
.x-layout-ewm img{
    width: 100%;
}
.x-layout-menu .fnav a{
  color: #bdbdbd;
}
.x-layout-menu .fnav a:hover{
  color: #31b015;
}
.x-layout-menu dl {
  float: left;
  width: 100%;
  text-align: left;
}
.x-layout-menu dl dd{
  width: 50%;
    display: block;
    height: 32px;
    float:left;
}
.x-layout-menu dl dd a {
  display: block;
  float:left;
width: 100%;
position: relative;
 color: #bdbdbd;
 padding-left:16px;
   font: 400 14px/32px "Microsoft YaHei";
}
.x-layout-menu dl dd a::before{
    position: absolute;
  content:'';
  top:17px;
  left:0;
  width: 3px;
  height: 3px;
  background: #bdbdbd;
}
.x-layout-menu dl dd a:hover{
  color:#31b015;
}
.x-layout-contact{
  width: 360px;
  padding-left:40px;

}
.x-layout-contact p{
  color:#bdbdbd;
  position: relative;
  padding-left: 16px;
     font: 400 13px/30px "Microsoft YaHei";
}
.x-layout-contact p::before{
  position: absolute;
  content:'';
  top:11px;
  left:0;
  width: 3px;
  height: 3px;
  background: #bdbdbd;
}
.x-layout-ewm {
  margin-top:19px;
  width: 110px;
  
  text-align: center;
}
.x-layout-ewm img{
    width: 100%;
}
.x-layout-ewm p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #bdbdbd;
  margin: 16px 0 0 0;
}
.x-layout-ewm2 {
   margin-top:19px;
  width: 110px;
  text-align: center;
  margin-right:30px;
}
.x-layout-ewm2 img{
    width: 100%;
}

.x-layout-ewm2 p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #bdbdbd;
  margin: 16px 0 0 0;
}


.yqlj{
    width: 154px;
    position: relative;
}
.yqlj h2, .yqlj .conn{width: 154px;position: relative;}
.yqlj h2{padding-left: 11px;font-weight: normal;background: url(../images/link.png)no-repeat center ;cursor: pointer;width: 154px;height: 34px;font-size: 12px;line-height: 34px;
color: #949494;}
.yqlj .conn{background: #202020;position: absolute;bottom: 34px;left: 0;width: 154px;overflow: hidden;z-index:9999;display: none;}
.yqlj .conn a{display: block;text-align: center;font: normal 12px/46px "微软雅黑";border-top: 1px solid #373737;color: #949494;}


/*页面底部*/
.x-footer {
  background: #fff;
  color: #666;
  padding:29px 0;
  font: 400 13px/20px "Microsoft YaHei";
}

.x-footer a {
  color: #666;
  font: 400 13px/20px "Microsoft YaHei";
}

.x-footer a:hover {
  color:#31b015;
}

.x-copyright {
  /* margin: 5px 0; */
  text-align: center;
}
.x-seo{
  text-align: center;
}