@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
html{ font-size:20px !important; }
/*html {     
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/
body { background: #fff; font-family:Microsoft YaHei,PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";  font-weight:300;font-size: 12px;}

a{text-decoration:none;}
a:hover{ text-decoration:none; color:#2382dd; }
li,a,input,button{ outline:none; cursor:pointer;}
ul,li{ list-style:none;}
ul,dl{ margin-bottom:0;}
h2{margin:0px ; } 
.head_top_one{ background: #f5f5f5; border-bottom: 1px solid #e6e4e4;;}
.f_left{ float:left;}
.f_right{ float:right;}
.position_r{ position:relative;}
.orange{color:#fb7c09 !important;}
.font_overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.margin_right_none{ margin-right:0 !important;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clear{zoom:1}
.clearfix{ overflow:hidden;zoom:1;}
.w1124{ width: 1124px; margin: 0 auto;}

/*顶部登录，其他项目链接*/
.head_top_one_bg{ font-size: 12px; height: 31px;}
.head_top_one_login{ float: left; line-height: 31px;}
.head_top_one_login .manage{ margin-left: 10px;}
.head_top_ong_right{ float: right;}
.head_top_one_login dd{ display: inline-block; line-height: 16px;   padding-right: 10px; border-right: 1px solid #999;  }
.head_top_one_login dd.border-none a{ line-height: 16px;}
.border-none .iconfont{ margin-right: 3px;}
.head_top_ong_right dd{ float: left; margin:8px 0 8px 10px; padding-left: 10px; border-left: 1px solid #999; }
.head_top_one_login dd:last-child{ border-right: none; margin-left: 10px;}
.head_top_ong_right dd:first-child{ border-left: none;}
.head_top_ong_right dd a{ color: #686868;}
.head_top_ong_right .orange{ color: #fb7c09;}

/*弹出网站导航*/
.sitmaphiddle{ position: relative;}
.sitmaptopbg {
    width: 0;
    height: 0;
    top:24px;
    left: 90%;
    border-left: 10px solid transparent; /* 控制左边框透明 */
    border-right: 10px solid transparent; /* 控制右边框透明 */
    border-bottom: 15px solid rgb(0, 0, 0,0.2); /* 控制底部边框颜色 */
    position: relative; /* 为伪元素定位 */
    z-index: 99;
  }
.sitmaptopbg::after {
    content: " ";
    width: 0;
    height: 0;
    top:1px;
    left: 90%;
    margin-left: -10px;
    border-left: 10px solid transparent; /* 控制左边框透明 */
    border-right: 10px solid transparent; /* 控制右边框透明 */
    border-bottom: 15px solid rgb(255, 255, 255); /* 控制底部边框颜色 */
    position: absolute; 
    z-index: 99;
}
.sitmaphiddle .sitmapmian{
    position: absolute;
    width: 305px; 
    right: 0;
    margin-top: 24px; 
    z-index: 10;
    padding: 15px; 
    border: 1px solid rgba(0,0,0,.2); 
    border-radius: 6px; 
    box-shadow: 0 5px 10px rgba(0,0,0,.2); 
    background-color: #fff;
    color: rgb(110, 110, 110);
}
.sitmaphiddle .sitmapmian h5{ padding: 5px 0; font-size: 12px;}
.sitmapmian ul li{ display: inline-block; padding: 0 5px; width: 62px; text-align: center; line-height: 28px; }
.sitmapmian ul li a{color: rgb(99, 99, 99);}

/*header*/
.header{ margin:15px auto;}
.header .logo{ margin-top: 15px;}
.search { margin-left:36px;}
.search_m::before{ display: none;}
.search ul { margin-bottom:0; }
.search ul li{display:inline-block; font-size:14px; padding:5px 15px; }
.search ul li.active{ background:#2f98fc; color:#fff; }
.search_box{ border:2px solid #2f98fc; width:550px; }
.search_box input{ width:450px;float:left; padding:8px 10px; color:#999;min-height:25px; line-height:25px; background: #fff;}
.search_box button{ width:80px;float:right; display:block; background:#2f98fc; color:#fff; font-size:18px; height:41px; line-height:41px;}
.search .keywords{ margin-top: 8px;}
.search .keywords a{font-size:12px; color:#8D8C8C;margin-right:10px;}
.search .keywords a:hover{ color:#2382dd;}

.my_cart{color:#2f98fc; border:1px solid #a6d1fa; height:45px; line-height:40px; width:150px; text-align:center; font-size:14px; cursor:pointer;} 
.my_cart i{font-size:18px; margin-right:10px; }
.my_cart{ margin-top:31px;}
.logo{ margin-top:20px;}

/*导航*/
.nav{ border-bottom:2px solid #2f98fc; height:40px; line-height:40px;}
.nav_inner h2{ font-size:16px; background:#2382dd; text-align:center; padding: 0 30px; line-height:40px; color:#fff; margin-right:30px;font-weight:100;}
.nav_inner ul li{ display:inline-block;}
.nav_inner li a{ display:block; padding:0 15px; font-size:16px; color:#666; font-family:"Microsoft YaHei"; font-weight:300; }
.nav_inner li a:hover{ color:#2382dd;}
.nav_inner li.active a{color:#2382dd;}

.section{ margin-top: 15px; display: flex; justify-content: space-between;}
/*左侧内容*/
.section_left{ display:inline-block; width: 330px;}
.section_left_box{ margin-bottom: 15px;}
.section_left_box h4,.section_right_top_right h4{ background: #f2f2f2; border-bottom: 1px solid #5751FF; line-height: 35px; font-size: 14px; font-weight: normal; padding: 0 5px;}
.section_left_box h4 a{ float: right; font-size: 14px; color: #999;}

/*卡片结构*/
.section_left_box_kapian ul{ display: grid; justify-content: space-between; grid-template-columns: repeat( auto-fill,102px); margin-top: 5px;}
.section_left_box_kapian ul li{
    border: 1px solid #d8c8ff;
    width: 102px;
    height: auto;
    text-align: center;
    margin: 6px 0;
    font-size: 12px;
    font-weight: normal;
    display: grid;
}
.section_left_box_kapian ul li a{ display: inline-grid; color: #2f98fc;}
.section_left_box_kapian ul li a span{ display: block; background:#f2f2f2; line-height: 2;}
.section_left_box_kapian ul li a img{ width: 100px; min-height: 50px; align-items: center;}
.section_left_box_kapian .kapian_diqu{ display: grid; justify-content: space-between; grid-template-columns: repeat( auto-fill,16%); grid-gap: 5px; margin-top: 5px;}
.section_left_box_kapian .kapian_diqu li{ width: 50px; line-height: 2.2;margin: 2px 0; }
.section_left_box_kapian .kapian_diqu li a{ color: #000; }
.section_left_box_kapian .list_company{ display: grid; justify-content: space-between; grid-template-columns: repeat( auto-fill,30%); grid-gap: 5px; margin-top: 5px;}
.section_left_box_kapian .list_company li{ border: none; line-height: 20px; height: 20px; margin: 0; overflow: hidden; text-align: left;}
.section_left_box_kapian .list_company li a{ color: rgb(70, 70, 70);}

/*新闻列表*/
.section_left_box_list ul li{ display: flex; flex-wrap: wrap; justify-content:space-between;font-size: 14px; line-height: 20px; }
.section_left_box_list ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; width: 83%; white-space: nowrap; line-height: 2; color: rgb(71, 71, 71);}
.section_left_box_list ul li a:hover{ color: #2382dd;}
.section_left_box_list ul li span{ line-height: 2; color: #8D8C8C;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 25%; }
.section_left_box_list .list_baojia li a{ width: 72%;  }
.section_left_box_list ul.w100 li a{ width: 100%;}

/*右侧*/
.section_right{  width: 770px;}

/*右侧顶部*/
.section_right_top{ display: flex; flex-wrap: wrap; justify-content:space-between;}
.section_right_top_news{ width: 60%; margin-right: 15px; position: relative;}
.section_right_top_news .top_news{ font-size: 1.5em; background: #f7f7f7; padding: 8px 15px; text-align: center;}
.section_right_top_news .top_news a{ color: #2e9aff;}
.section_right_top_news .top_news a:hover{ color: #0084ff;}
.section_right_top_news .top_news_list{ margin-top: 10px; }
.section_right_top_news .top_news_list li{height: 25px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.section_right_top_news .top_news_list a{ font-size: 1.2em; color: #444444; line-height: 25px;}
.section_right_top_news .top_news_list a:hover{ color: #2382dd;}
.section_right_top_news .bottom_box{ margin-top: 10px; font-size: 1.2em; display: flex; border-top: 1px dashed #aaa; padding: 8px 0;}
.section_right_top_news .bottom_box a{ width: 85%; line-height: 1.7em; display: block; color: #686868;}
.section_right_top_news .bottom_box span{ position: absolute; right: 1%;}

.section_right_top_right{ max-width:37% ;}
.section_right_top_right ul { margin-top: 5px; clear: both; }
.section_right_top_right ul li{ background: #8b87fd; padding: 2px 5px; line-height: 1.5em; display: inline-block; margin:0  5px 5px 0;}
.section_right_top_right ul li a{ color: #fff;}

/*右侧推荐公司*/
.section_right_mid { width: 100%; display: inline-block; margin-top: 10px;}
.section_right_mid h4{background: #f2f2f2; border-bottom: 1px solid #5751FF; line-height: 35px; font-size: 14px; font-weight: normal; padding: 0 5px;}
.section_right_mid_company{ display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; font-size: 14px; }
.section_right_mid_company li{width: 23%; margin-bottom: 10px; border-radius: 6px; padding: 5px;}
.section_right_mid_company li:hover{ box-shadow: rgb(0, 0, 0,0.2) 0 0 16px 0,rgb(0, 0, 0,0.2) 0 0 8px 0; }
.section_right_mid_company li a .product_img{ height: 185px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.section_right_mid_company li a .product_img img{ width: 100%; }
.product_a p{ color: #000;}
.company_box{ margin-top: 5px;}
.product_a p{ height: 40px;line-height: 20px; overflow: hidden;}
.company_box .company_box_name{ color: #2382dd; height: 20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display: block;}
.company_box_huiyuan{ margin-top: 5px;}
.company_box_huiyuan img{ width: 80px; }
.company_box_huiyuan span{ display: block; float: right; }
.company_box_huiyuan span strong{ color: red; font-size: 1.1em; font-weight: bold;}
.section_right_mid .section_right_mid_more{ border: 1px solid rgb(219, 219, 219); background: #f7f7f7; width: 200px; height: 45px; line-height: 45px; text-align: center; margin: 0 auto; font-size: 1.4em; cursor: pointer; margin-top: 20px; color: #999;}

/*底部*/
.footer{ background:#404145; padding:40px 0 10px; margin-top: 50px;}
.footer_inner .footer_1{ width:281px; color:#b1b1b1; border-left:1px solid #626262; text-align:center;}
.footer_1:first-child{ border-left:0;}
.footer_inner .footer_1 a{ color:#b1b1b1;}
.footer_inner .footer_1 img{ width:120px; height:120px; margin-top: 10px;}
.footer_inner dl{ width:140px !important; margin:0px 40px 10px; }
.footer_inner dt{font-weight:100; text-align:center; overflow: hidden;zoom:1;}
.footer_inner dd{ float:left; width: 50%; margin:10px 0px 0px 0;}
.footer_inner dd:nth-of-type(even){ margin-right:0;}
.footer_inner .gzzlbk{font-size:18px; font-weight:600;}
.footer_inner i{ margin-right:5px;}
.dh,.qq,.wx{ margin:10px auto;}
.qq,.wx{border:1px solid #666; width:135px; padding:5px;}
.footer_inner .f_right p{  text-align:left;padding: 0px 0 0 60px;}
.footer_bottom{ border-top:1px solid #626262; margin-top:20px;  color:#b1b1b1; text-align:center; padding:20px 0 0; font-size:12px;}

.footer_inner .one{text-align:left;margin-bottom:5px;}
.footer_inner .two{ font-size:12px; margin-bottom: 10px; color:#888;}
.footer_bottom a{ color:#b1b1b1;}

@media screen screen and (min-width: 960px) and (max-width:1024px){
    
}
@media screen  and (max-width: 960px){
    body{ max-width: 960px;}
    .w1124{ width: 100%;}
    .head_top_one{display: none;}
    .header{ margin: 15px 1%;}
    .header .logo{ margin-top: 0;}
    .search{ display: none;}
    .my_cart{ display: none;}
    .logo img{ max-width: 180px;}
    .search_m::before{  display: block; font-size: 30px; line-height: 1.5em; position: absolute; right: 2%; padding: 0 15px; color: #2e9aff;}
    .nav{ margin: 0 1%;}
    .clearfix{ display: inline-block;}
    .nav_inner .nav_hd{ position: absolute; right: 1%; }
    .nav_inner .nav_hd::before{ display: block; width: 120px; text-align: right; font-family: "iconfont"; content: "\e637"; font-size: 40px; height: 35px; color: #2e9aff; }
    .nav_inner .nav_hd li{ display: none; border-bottom: 1px solid #c9e5ff;background: rgb(235, 236, 255);}
    .nav_inner .ul_active li{ display: block; z-index: 999; position: relative;}
    .mb_none{ display: none;}
    .section_left_box_kapian ul{ grid-template-columns: repeat(auto-fill,102px); justify-content: space-around;}
    .section{ display: block; width: 100%;}
    .section_left{ width: 98%; padding: 0 1%;}
    .section_right{ width: 98%; padding: 0 1%;}
    .section_right_top_news{ width: 100%; padding: 0; margin-right: 0;}
    .section_right_mid_company li{ min-width: 30%; border: 1px solid #f3f3f3;}
    .footer{ padding: 20px 0;}
    .footer_bottom{ border: none; margin-top: 0; padding: 0;}
    .section_right_top_news .top_news_list li{  line-height: 40px; height: 40px; background: rgb(248, 248, 248); margin-bottom: 2px;}
    .footer_copy span{ display: block;}
}
@media screen  and (max-width: 500px){
    .section_right_mid_company li{ min-width: 46%;}
    .section_left_box_kapian ul{grid-template-columns: repeat( auto-fill,102px);}
}



/*二维码弹出*/
#mask_pop {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.ewm_pop {
    width: 300px;
    background: #fff;
    padding: 10px 20px 20px;
    position: absolute;
    outline: 0px;
    margin-left: -150px;
    left: 50%;
    top: 200px;
    z-index: 1027;
}

    .ewm_pop h4 {
        font-size: 16px;
    }

    .ewm_pop .close {
        display: block;
        width: 40px;
        height: 40px;
        color: #000;
        position: absolute;
        right: 5px;
        top: 20px;
        text-align: center;
    }

.ewm_pic {
    width: 200px;
    margin: 20px auto;
    display: block;
}

.ewm_pop p {
    margin-bottom: 5px;
}

.name_box {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

    .name_box li {
        display: inline-block;
        margin-right: 6px;
    }

        .name_box li p {
            text-align: center;
            font-size: 14px;
        }

    .name_box img {
        display: block;
        width: 55px;
    }

.pop_text {
    color: #666;
}

    .pop_text .title {
        font-weight: 600;
        margin: 5px 0 3px;
        color: #666;
    }

.pop_my_cart {
    width: 590px !important;
}

.center_cart {
    margin-top: 60px;
    text-align: center;
    width: 100px;
    margin-left: 15px;
}

.pop_my_cart .center_cart i {
    font-size: 60px;
    display: block;
    color: #e3e3e3;
}

/*top*/
.popover {
    max-width: none;
}

.top {
    border-bottom: 1px solid #e6e4e4;
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #686868;
}

    .top .f_left a {
        color: #fb7c09;
        font-size: 12px;
    }

    .top dl {
        margin-bottom: 10px;
    }

    .top dd {
        display: inline-block;
        border-left: 1px solid #999;
        text-align: center;
        padding: 0px 10px;
    }

        .top dd a {
            color: #686868;
            font-size: 12px;
        }

            .top dd a:hover {
                color: #2382dd;
            }

        .top dd i {
            font-size: 10px;
            margin-right: 5px;
        }

    .top .popover {
        width: 305px !important;
    }

    .top .pop_area li {
        display: inline-block;
        padding: 5px;
        font-size: 12px;
        width: 50px;
        text-align: center;
    }

        .top .pop_area li:hover {
            background: #fb7c09;
            color: #fff;
        }

    .top .sitmapmian li {
        display: inline-block;
        padding-right: 5px;
        margin-bottom: 5px;
    }

.popover .active {
    background: #fb7c09;
    color: #fff;
}