

/*å¤´éƒ¨æ ·å¼*/
#header{width:1200px;margin:0 auto;height:122px;overflow:hidden;}
.top{width:1200px;margin:0 auto;}
.logo{float:left;margin-top:15px;}
.logso{float:left;margin-top:25px;margin-left:100px;}

.huan{float:right;margin-top:25px;color:0000;}

.topLink{float: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(http://yongrui.asp.wzkex.com/template/pc/zh/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;}
.k1{line-height:32px;float:left;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"å¾®è½¯é›…é»‘";}

#menu{background:#4ab79f;height:48px;width:1920px;position:relative;left:50%;margin-left:-960px;}

/*çƒ­é—¨æœç´¢*/
.search{float:right;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}


/*ä¸»ä½“æ ·å¼*/
.c1{width:1200px;margin:0 auto;margin-top:10px;}
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(http://yongrui.asp.wzkex.com/template/pc/zh/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

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

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(http://yongrui.asp.wzkex.com/template/pc/zh/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;}

/*é¦–é¡µå…³äºŽæˆ‘ä»¬*/
.about{
    margin-top: 55px;
}
.tt{
    background: url(../image/tt.png) no-repeat top center;
    padding-top: 48px;
    color: #555555;
    font-size: 20px;
    text-align: center;
}
.tt span{
    color: #4ab79f;
    font-size: 20px;
    font-family: "Arial";
    text-transform: uppercase;
    padding-left: 10px;
}
.about-right{
    width: 865px;
}
.about-nei{
    background:#f0f0f0;
    padding:0 0px 26px 33px;
    box-sizing:border-box;
    padding-bottom: 14px;
    line-height: 26px;
    height: 205px;
}
a.more{
    display: block;
    width: 101px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #4ab79f;
    border-radius: 3px;
    color: #ffffff;
    font-family: "Arial";
    float: right;
    margin-top: 12px;
}
.about-nei-box{
    width: 465px;
    margin-top:30px;
    font-size:16px;
    color:#222222;
}
.about-box-1{
    margin-top: 5px;
}
.zi{
    width: 285px;
    height: 160px;
    float: left;
    box-sizing:border-box;
    padding:25px 30px;
    background: #f0f0f0
}
.zi h2{
    background: url(../image/tt.jpg) no-repeat bottom center;
    color: #000;
    font-size: 16px;

    line-height: 0px;
    height: 54px;
    margin-bottom: 18px;
}
.zi h2 span{
    display: block;
    color: #555555;
    font-size: 12px;
    padding-left: 42px;
    font-weight: normal;
    line-height: 20px;
    position: relative;
    top: -16px;
    text-transform: uppercase;
}

.about .content{

}


/*é¦–é¡µæœåŠ¡é¡¹ç›®*/
.fu{
    margin-top: 50px;
}
.fu .top{
    position: relative;
}
.fu .content{
    background: url(../image/fu.jpg) no-repeat top center;
    margin-top: 32px;
    height:207px;overflow:hidden;
}
.banner_list{
 
    text-align: center;
    width:1200px;
    margin:0 auto;
       padding-top: 35px;
}

.banner_list li{
    float: left;
width:185px;
margin:0 7px;
}


.banner_list li a img{width:61px;height:61px;display:block;margin:0 auto;text-align:center}

.banner_list li h3{
    width: 100%;

    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-top: 18px;
    color:#ffffff;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.banner_list li h3 a{    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-top: 18px;
    color:#ffffff;}



a.mores{    display: block;
    width: 129px;
    height: 35px;
    margin:0 auto;
    line-height: 35px;
    text-align: center;
    background: #4ab79f;
    border-radius: 3px;
    font-size:16px;
    color: #ffffff;
    font-family: "Arial";
    margin-top: 20px;} 

/*é¦–é¡µæˆ‘ä»¬çš„ä¼˜åŠ¿*/
.you{
width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../image/bgs.png) no-repeat center top;height:622px;overflow:hidden;margin-top:20px;
}


.you .content{
    margin-top: 42px;
}
.banner_list1 li{
    width: 240px;
    height: 350px;
    background: #ebebeb;
    position: relative;
    float: left;
}
.banner_list1 li a img{width:240px;height:162px;}
.banner_list1 li h3{
    position: absolute;
    width: 190px;
    left: 30px;
    top: 80px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}
.banner_list1 li p{
    padding: 26px 16px 0 18px;
    color: #333;
    line-height: 22px;
}
.banner_list1 li:nth-child(2n){
    background: #f5f5f5;
    margin-top: 19px;
}

/*å·¥ç¨‹æ¡ˆä¾‹*/
.case{
    height: 510px;
    background: url(../image/case.jpg) no-repeat top center;
    padding-top: 46px;
}


.case .content{
    margin-top: 30px;
}
a.more1{
    display: block;
    width: 278px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border:1px solid #4ab79f;
    border-radius: 18px;
    color: #4ab79f;
    font-size: 14px;
    margin:50px auto 0;
}
a.more1:hover{
    color: #555555;
}

/*é¦–é¡µåˆä½œæµç¨‹*/
.he{
    margin-top: 54px;
}
.he .content{
    margin-top: 40px;
}
.banner_list2{
}
.banner_list2 li{
    width: 133px;
    height: 133px;
    border:1px solid #e8e8e8;
    float: left;
    margin-right: 14px;
}
.banner_list2 li:last-child{
    margin-right: 0
}
.banner_list2 li img{
    padding-top: 30px;
    display: block;
    text-align: center;
    margin:0 auto;
}
.banner_list2 li h3{
    text-align: center;
    color: #757575;
    font-size: 14px;
    font-weight: normal;
    padding-top: 30px;
}



/*é¦–é¡µæ–°é—»*/
.news{
    margin-top: 46px;
}
.news .content{
    margin-top: 30px;
}

.slideBox{ width:580px; height:310px; overflow:hidden; position:relative; float: left; }
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .slideBox .hd ul li.on{ background:#f00; color:#fff; }
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle;position: relative; }
        .slideBox .bd img{ width:580px; height:310px; display:block;  }

        .slideBox .bd li .rsb{
            height: 100px;
            background-color: rgba(0,0,0,.5);
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        .new-img{
            float: left;
            width: 120px!important;
            height: 100px!important;
        }
        .nei-xin{
            width: 304px;
            float: right;
            padding-right: 115px;
            padding-top: 10px;
        }
        .nei-xin a{
            color:#fff;
            background: url(http://yongrui.asp.wzkex.com/template/pc/zh/images/d.png) no-repeat left center;
            padding-left: 23px;
            font-size: 14px;
        }
        .nei-xin p{
            color: #fff;
            line-height: 26px;
        }
        a.morer{
            color: #eb4040!important;
            font-size: 12px!important;
            background: none;
            padding: 0
        }
        /* ä¸‹é¢æ˜¯å‰/åŽæŒ‰é’®ä»£ç ï¼Œå¦‚æžœä¸éœ€è¦åˆ é™¤å³å¯ */
        .slideBox .prev,
        .slideBox .next{ position:absolute; right:30px; bottom:16px; display:block; width:30px; height:30px; background:url(http://yongrui.asp.wzkex.com/template/pc/zh/images/left.jpg)  no-repeat; filter:alpha(opacity=50); }
        .slideBox .next{ left:auto; right:0%; background:url(http://yongrui.asp.wzkex.com/template/pc/zh/images/right.jpg); }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.news-right{
    width: 580px;
}

.qsb{
    margin-top: 40px;
}
.hang{
    width: 370px;

}
.tt1{
    font-size: 16px;
    color: #505050;
    padding-bottom: 12px;
}



/*é¦–é¡µå·¦ä¾§è”ç³»æˆ‘ä»¬*/
.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(http://yongrui.asp.wzkex.com/template/pc/zh/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{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(http://yongrui.asp.wzkex.com/template/pc/zh/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;}




/*å‹æƒ…é“¾æŽ¥*/
.link{
    margin-top: 72px;
    border-top:8px solid #4ab79f;
    background: #333333;
    min-height: 103px;
}
.f_link{width:1200px;margin:0 auto;padding-top: 34px;color: #fff;}
.f_link a{
    color: #fff;
}


/*é¡µé¢åº•éƒ¨*/
#foot{
    background: url(../image/foot.jpg) no-repeat top center;
    height: 339px;
}
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;color:#303030;;}
#footer a{color:#303030;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:left;line-height:24px;color:#ffffff;padding-top: 55px;height: 230px;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 a{color:#fff;line-height:28px;font-size: 12px;}
.nav_foot .sec a:hover{text-decoration:none;}
.copyright{text-align:center;line-height:44px;padding-top: 5px;}
.foot-right{
    width: 258px;
}
.er{
    padding-top: 22px;
    text-align: left;
    font-size: 12px;
}
.er img{padding-right:21px;;}
.qq{padding-top: 20px;text-align: left;font-size: 14px;}
.qq img{padding-right:21px;;}

.rexian{padding-top: 10px;;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(../image/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;position:relative;left:50%;margin-left:-960px;}

.n_banner img{width:1920px;position:relative;left:50%;margin-left:-960px;height:auto;}
.left{width:220px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:40px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:40px;}
.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;}
.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_list1{padding-top: 30px;}
.case_list1 li{;;_display:inline;margin:0 auto;text-align: center;}
.case_list1 li a img{border:1px solid #e8e8e8;}
.case_list1 li a img{width:198px;height:135px;}
.case_list1 li h4{text-align:center;line-height: 40px;}
.case_list1 li h4 a{font-weight:normal;font-size: 14px;}
.case_list1 li a.img{display:block;}
.case_list1 li a.img:hover{border-color:#00609d;}




.baga{
    background: url(../image/01.png) no-repeat top center;
    height: 130px;
    box-sizing:border-box;
    padding: 40px 0;
    text-align: center;
}
.baga:hover{
    background: url(../image/01_hover.png) no-repeat top center;
}

.t1{width:170px;float:left;}

.t1_2{font:500 18px/60px "å¾®è½¯é›…é»‘";color:#303030;text-align:center;width:170px;margin:0 auto}

.t2{width:170px;float:left;}

.t2_2{font:500 18px/60px "å¾®è½¯é›…é»‘";color:#303030;text-align:center;width:170px;margin:0 auto}

.t3{width:170px;float:left;}

.t3_2{font:500 18px/60px "å¾®è½¯é›…é»‘";color:#303030;text-align:center;width:170px;margin:0 auto}

.t4{width:170px;float:left;}

.t4_2{font:500 18px/60px "å¾®è½¯é›…é»‘";color:#303030;text-align:center;width:170px;margin:0 auto}

.t5{width:170px;float:left;}

.t5_2{font:500 18px/60px "å¾®è½¯é›…é»‘";color:#303030;text-align:center;width:170px;margin:0 auto}

.t6{width:170px;float:left;}
.t7{width:170px;float:left;}



.cps{width:1200px;margin:0 auto;margin-top:30px;}


.product_listx{}
.product_listx li{float:left;margin-right:15px;margin-bottom:20px;_display:inline;}
.product_listx li a.img{}
.product_listx li a.img img{width:285px;height:285px;}
.product_listx li h3{text-align:center;color:#303030;font-size:16px;background:#e7e7e7;line-height:43px;height:43px;width: 285px;overflow: hidden;}
.product_listx li h3 a{font-weight:normal;color:#303030;font-size:16px;}
.product_listx li a.img{display:block;}
.product_listx li a.img:hover{border-color:#0623bb;}
.roll_product{float:left;}

.product_listx li:nth-child(4n){float:right;}



.chan{text-align:center;padding-top:10px;position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:47%;}
.l_btn{left:0px;}
.r_btn{right:0px;}

.twt{}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 270px;height:348px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;width:270px;height:348px;position:relative;}
.twt li h3{position:absolute;left:0;bottom:0px;color:#ffffff;font-size:16px;text-align:center;font-weight:normal;background:url(../image/ch.png) no-repeat center top;height:30px;line-height:30px;width: 270px;}

#m_demo{overflow:hidden;width:94%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


.rsd{text-align:center;display:block;margin-top:15px;}
