/*å¤´éƒ¨æ ·å¼*/
html{overflow-x:hidden;}
#header{
    width:1920px;
   margin-left: -960px;
   left: 50%;
    position: relative;
}
.top{
    width: 1186px;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto
}
.header_nav{
        float: left;
    height: 74px;
    width: 823px;
    margin-left: 55px;
}

.header_nav_ul li{
    line-height: 74px;
    height: 74px;
    text-align: center;
    float: left;
    z-index: 999;
    margin-left: 18px;
}
.header_nav_ul li .header_a{
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    height: 74px;
    color: #222;
    font-size: 16px;
    transition: all 0.5s;
}
.header_nav_ul .cur .header_a{
    background-color: #206596;
    color: #fff !important;
}
.header_nav_ul li:hover .header_a{
    background-color: #206596;
    color: #fff;
}

.sub-menu {
    width: 1920px;
    height: 237px;
    border-bottom: 5px solid #d4a941;
    position: absolute;
    top:100%;
    left: 0;
    z-index: 9999;
    background: #fff;
    display: none;
    box-shadow: 0px 0px 3px #888888;
    margin-left: -960px;
   left: 50%;
}
.sub-menu .container {
    width: 1186px;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin: 0 auto
}
.sub-menu .container .sub-logo {
    float: left;
    display: block;
    width: 235px;
}
.sub-menu-box {
   float: left;
    width: 920px;
    padding-left: 31px;
}
.sub-menu-box dl {
    width: 174px;
    float: left;
    margin-right: 10px;
}
/*.sub-menu-box dl.sub_dl:nth-of-type(1){*/
/*    width: 122px;*/
/*}*/
.sub-menu-box dl.sub_dl{
    width: 190px ;
}
.sub-menu-box dl dt{
    font-size: 13px;
    color: #000;
    background: url(../images/xiala_jian.png) no-repeat left;
        text-align: left;
    padding-left: 10px;
}
.sub-menu-box dl dd{
    margin: 0;
    padding: 0;
    width: 120px;
    height: 26px;
    line-height: 26px;
    text-align: left;
    text-indent: 15px;
    background: url(../images/xiala_dian.png) no-repeat left;
}
.sub-menu-box dl dd a{
    font-size: 12px;
    color: #444;
}
.sub-menu-box dl dd a:hover{
    color: #d4a941;
}

.xiala_menu .menu_content img{
    float: left;
}
.xiala_menu .menu_content .header_about {
    float: left;
    margin-left: 62px;
}
.xiala_menu .menu_content .header_about h3{
    font-size: 14px;
    color: #222222;
    background: url(../images/xiala_jian.png) no-repeat left ;
    text-indent: 20px;
}
.xiala_menu .menu_content .header_about ul {
    padding-top: 18px;
}
.xiala_menu .menu_content .header_about ul div{
    margin-bottom: 19px;
    background: url(../images/xiala_dian.png) no-repeat left;
    text-indent: 20px;
    margin: 0;
    padding: 0;
}
.xiala_menu .menu_content .header_about ul div > a{
    font-size: 12px;
    color: #444;
}
.logo{float:left;padding-top:3px;}

.topLink{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;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"å¾®è½¯é›…é»‘";}

#menu{margin-top:5px;}

/*çƒ­é—¨æœç´¢*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:320px;float:left;}
.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;}


/*ä¸»ä½“æ ·å¼*/
#container{width:1165px;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(../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;}

/*å“ç‰Œåˆ—è¡¨*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*å‰å°å¤šé¡µç­¾*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*å‹æƒ…é“¾æŽ¥*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*é¡µé¢åº•éƒ¨*/
#footer{
    width:100%;
    height: 340px;
    background-color: #314753;
}
.footer_content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 46px;
    padding-bottom: 57px;
}
.footer_left {
    float: left;
    width: 303px;
}
.footer_phone {
    width: 303px;
}
.footer_phone img{
    float: left;
}
.footer_phone .phone_content{
    float: left;
    margin-left: 11px;

}
.footer_phone .phone_content p{
    font-size: 15px;
    color: #8b97a1;
    padding-top: 6px;
}
.footer_phone .phone_content h3{
    font-size: 25px;
    color: #fff;
}
.footer_area {
    padding-top: 40px;
    width: 303px;
}
.footer_area img{
    float: left;
}
.footer_area .phone_content{
    float: left;
    margin-left: 11px;

}
.footer_area .phone_content p{
    width: 221px;
    font-size: 15px;
    color: #fff;
    padding-top: 6px;
}
.footer_center {
    width: 270px;
    float: left;
    margin-left: 138px;
}
.footer_center h3{
    font-size: 18px;
    color: #fff;
    background: url(../images/footer_center_xian.png) no-repeat bottom;
    height: 34px;
}
.footer_center ul {
    padding-top: 19px;
    margin-left: -20px;
}
.footer_center ul li{
    float: left;
    background: url(../images/footer_dian.png) no-repeat left 0px top 9px;
    width: 84px;
    margin: 0 25px;
    padding-bottom: 18px;
    text-indent: 20px;
}
.footer_center ul li a{
    font-size: 14px;
    color: #fff;
}
.footer_right {
    width: 329px;
    float: left;
    margin-left: 177px;
}
.footer_right div {
   float: left;

}
.footer_right div h3{
    font-size: 13px;
    color: #acc2d4;
    padding-top: 14px;
    text-align: center;
}
.footer_bottom {
    height: 100px;
    width: 100%;
    background-color: #24333b;
}
.footer_bottom p{
    text-align: center;
    font-size: 12px;
    color: #9db0be;
    padding-top: 18px;

}
.footer_bottom div{
    padding-top: 12px;
    text-align: center;
    font-size: 12px;
    color: #9db0be;
}
.footer_bottom div a{
    font-size: 12px;
    color: #9db0be;
}

/*------------å†…é¡µ-------------------*/
.left .box{margin-bottom:30px;background-color:#fff;}
.left .sort_menu .di_div{
    width: 241px;
    height: 83px;
    background: #206596;
    
   
}
.left .sort_menu .di_div h3{
    font-size: 22px;
    color: #fff;
    margin-left: 15px;
    padding-top: 14px;
}
.left .sort_menu .di_div p{
    padding-top: -2px;
    color: #fff;
    font-size: 14px;
}
.left .box .content{padding:5px 0px;}
.left .box .content1{
    width: 201px;
    height: 188px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    position: relative;
    padding-bottom: 17px;
}
.left .box .content1 .news_list1 {
      position: relative;
      margin: 0 ;
      padding: 0;
      z-index: 5;
}
.left .box .content1 .news_list1 li{
    text-align: center;
    position: absolute;
    display: none;
}
.left .box .content1 .num {
    position: absolute;
    padding-top: 10px;
    text-align: center;
    width: 100%;
    z-index: 500;
    top: 176px;
}
.left .box .content1 .num li{
    width:8px;
    height:8px;
    display:inline-block;
    margin: 0 9px;
    line-height:18px;
    text-indent:-100px;
    overflow:hidden;
    border-radius:10px;
    border: 1px solid #8fb2ca;
}
.left .box .content1 .num li .num_hover{
    border: 1px solid #2a6c9b;
}
.left .box .content1 .num li .num_hover a{
    border: 1px solid #2a6c9b;
}
.left .n_news h3{
    width: 241px;
    height: 48px;
    background-color: #206596;
    color: #fff;
    line-height: 48px;
    font-size: 22px;
    text-indent: 16px;
    text-align: left;
}
.left .box .content .news_list li {
   background: url(../images/n_l_dian.png) no-repeat left 10px top 10px;
   text-indent: 13px;
}
.left .box .content .news_list li a{
    font-size: 12px;
    color: #000;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{widows: 100%;;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto}
.left{width:242px;float:left;}
.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:880px;float:right;background-color:#fff;padding: 10px;}
.sitemp{line-height:37px;height:37px;overflow:hidden;padding-right:10px;background:url(../images/nei_xian.png) no-repeat 0% 100%;}
.sitemp h2{
    width:315px;
    float:left;
    line-height:31px;
    text-align:left;
    font-size:18px;
    color:#222;
    font-weight: bold;
}
.sitemp .site{width:500px;float:right;text-align:right;line-height:30px;color: #222;padding-right:10px;}
.sitemp .site img{
    margin-right: 5px;
    margin-top: -3px;
}
.sitemp .site a{
    color: #222;
}
.right .content{width: 859px;
    padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}
.album_div {
    width: 100%;
    font-size: 16px;
    color: #222;
    margin-top: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.album_div a{
    display: block;
    width: 49px;
    height: 19px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 19px;
    float: right;
   
    background-color: #e8be57;
}
.div_hou{
    text-align: center;
    background-color: #314753;
    color: #9db0be;
}
.div_hou a {
    color: #9db0be;
}
.div_hou a span{
    color: #9db0be;
}