﻿
body {
    position: relative;
}

.ivu-modal-content {margin-bottom: 50px;}

.p-p0 {
padding:0 !important
}
/*head*/
header{max-height:216px;background:#fff url(../images/top_bg.jpg) repeat-x}
.sec_t{height:35px;line-height:35px;color:#616161;font-size:13px;background-color:#ebebeb}
.sec_t span{float:left}
.sec_t p{float:right;color:#ccc;margin:0;padding:0}
.sec_t p a{color:#616161}
.sec_t p a:hover{color:#307862}
.head_t{position:relative;margin:0 auto;height:120px}
.logo{background:url(../img/member/logo.jpg) no-repeat 0 center;background-size:360px 80px;float:left;margin-top:20px}
.head_t span{width:360px;display:block;height:80px}
.tel{background:url(../img/member/tel.jpg) no-repeat 0 center;background-size:184px 55px;float:right;width:225px!important;height:60px!important;margin-top:28px}
.head_c{background:#0054a5;width:100%}
.QRcode{float:right;margin-top:28px}
.QRcode .fl{float:left}
.QRcode img{width:60px;height:60px}
.QRcode em{line-height:29px;padding-left:13px}


/* nav */
/*nav*/
.navbar { background-color:#0054a5;min-height:50px;border-color:#0054a5}
.navbar .navbar-nav > li > a{margin:0 10px; color:#fff;font-size:16px;height:60px;line-height:30px}
.navbar .navbar-nav>li:hover{ background:#fff;-webkit-transition: all .5s;transition: all .5s;-moz-box-shadow:0px 0px 15px #fff;box-shadow: 0px 0px 10px #ccc; }
    .navbar .navbar-nav .dropdown-menu {
        padding: 0;
        background: hsla(100,100%,100%,0.7);
        border-radius: 4px;
        border:none;
    }
    .navbar .navbar-nav > .open {
        background: #fff;
        -webkit-transition: all .5s;
        transition: all .5s;
        -moz-box-shadow: 0px 0px 15px #fff;
        box-shadow: 0px 0px 10px #ccc;
    }
        .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:focus {
            background: #fff;
        }
        .navbar .navbar-nav > li:hover > a {
            color: #307862;
            -webkit-transition: all .5s;
            transition: all .5s;
        }
    .navbar .navbar-nav > li ul {
        -webkit-transition: all .3s;
        transition: all .3s;
        min-width:160px;
        display:block;
        opacity: 0;
        text-align:center;
        visibility: hidden;
    }
    .navbar .navbar-nav > li:hover ul {
        opacity: 1;
        visibility: visible;
    }
    .navbar .dropdown-menu > li > a {
        background: hsla(100,100%,100%,0.7);
        height: 50px;
        line-height: 40px;
        border-bottom: 1px solid #e5e5e5;
        color: #666;
        font-size: 14px;
    }
    .navbar .dropdown-menu > li > a:hover
{
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-box-shadow: 0px 0px 15px #fff;
    box-shadow: 0px 3px 10px #ccc;
}
   
        .navbar .caret {
        display: none;
    }

   
    /* head end */
    /*banner*/
    .wrapper {
        width: 100%;
        /*min-height: 300px;*/
        text-align: center
    }


.xiehui-info{/*border:1px solid #eee;*/border-radius:2px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.05);box-shadow:0 1px 6px #eee}
.ads_seller{border-top:none;background:#fff}
.ads_seller_content{/*min-height:300px*/}
.carousel{overflow:hidden;/*min-height:300px*/}
.carousel-indicators{bottom:0}
.carousel-caption{height:40px;right:0;left:0;bottom:0;padding-bottom:0;padding-top:0;opacity:.6;background:#646464}
.carousel-caption h3{padding:0 8px 10px 8px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.carousel-indicators{position:absolute;bottom:20px;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none;margin-bottom:0}
.carousel-indicators li{display:inline-block;width:20px;height:5px;margin:0 3px;background-color:#efefef;border:none;cursor:pointer}
.carousel-indicators .active{width:20px;height:5px;margin:0 3px;background-color:#0180cf}
.carousel-inner>.item>a>img{width:100%;height:100%}

/*banner end*/



.keywords{background:#f3f3f3;height:98px}
.keywords .form{display:block;margin-top:0}
.qyname{font-size:22px;padding:0 0;float:left}
.keywords .keyw span{line-height:94px;font-weight: bold;}
    .keywords .keyw .qyname:after {
        display: block;
        line-height: 0;
        content: "";
        width: 3em;
        border-bottom: 5px solid #00913f;
    }
.keywords .search{width:330px;background:#c9c9c9;height:33px;margin:32px 0;border-radius:10px;padding:0 15px 0}
.keywords .search .sea_txt{border:0;height:22px;background:#c9c9c9;width:258px;margin-top:5px;float:left;color:#333}
.keywords .search .sea_btn{background:url(../img/member/bg_di.png) no-repeat 0 -63px;width:30px;height:33px;border:0;float:right;cursor:pointer}





/*--中间部分开始content--*/
.namic_up .namic{font-size:22px;background:url(../images/llow.png) no-repeat left 9px;padding-left:22px;float:left;position:relative}
.namic_up .more01{display:none}
.namic_up .more{float:right;margin-right:10px;font-family:Arial;color:#7f7f7f;padding-top:12px}

.news { background-color: #f2f2f2;border-radius:3px;}
.news a{color:#444 }
.news .namic_down{padding-top:15px}
.news .namic_down .namic_down1{ }
.news .namic_down1 .news_01{background:#f3f3f3;width:100%;float:left;height:218px; margin-top: -10px;}
.news .namic_down1 .news_01 .tit{font-size:18px;line-height:40px}
.news .namic_down1 .news_01 .tit .moer_01{padding-top:15px}
.news .namic_down1 .news_01 li{line-height:39px;padding:0px;position:relative !important}
    .news .namic_down1 .news_01 li a {
        float: left;
        width: 100%;
       
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 7rem;
       
    }
.news .namic_down1 .news_01 li span{position:absolute !important;right:6px}
.news .namic_down1 .news_02{background:#f3f3f3;width:303px;padding:10px 20px;float:left;height:120px}
.news .namic_down1 .news_02 .tit{font-size:18px;line-height:40px}
.news .namic_down1 .news_02 .tit .moer_01{padding-top:15px}
.news .namic_down1 .news_02 li{line-height:35px;padding:0 10px}
.news .namic_down1 .news_z .img_01{height:140px;float:left}
.news .namic_down2 h2 a{font-size:18px;font-weight:700;overflow: hidden ;display: -webkit-box ;-webkit-line-clamp: 2 ;-webkit-box-orient: vertical ;word-break: break-all ;}
.news .namic_down2 p{line-height:20px;min-height:41px;width:99.285%;font-size:12px;overflow: hidden ;display: -webkit-box ;-webkit-line-clamp: 2 ;-webkit-box-orient: vertical ;word-break: break-all ;}
.news .namic_down2 .namic_list{margin-top:10px;padding:3px 0 0 0;list-style:none}
.news .namic_down2 .namic_list li{width:100%;overflow:hidden;line-height: 35px;}
.news .namic_down2 .namic_list li a{float:left;display:inline-block;color:#333;background:url(../img/member/blue.jpg) no-repeat left center;padding-left:9px;width:100%;position:relative}
.news .namic_down2 .namic_list li a p{width:100%;line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:7rem}
.news .namic_down2 .namic_list li span{position:absolute;right:6px}
.news .namic_down2 .down_top{padding-bottom:12px;border-bottom:1px solid #f0f0f0;position:relative;width:100%}
.news .namic_down2 .down_top h2{font-size:15px;height: 36px;}


.carousel_box{min-height:265px}
.carousel_box .namic_up{background-color: #f2f2f2;border-radius:3px;}

.carousel_box .ads_seller{height:254px;border-top:none;background:#ccc;border-radius: 3px; border-top-left-radius: 0px;border-top-right-radius: 0px;}
.carousel_box .ads_seller .carousel-inner  {height:100%;}
.carousel_box .ads_seller .carousel-inner >.item  {height:100%; width:100%;}
.carousel_box .ads_seller .carousel-inner .item img{height:100%; width:100%;}
.carousel_box .ads_seller .ads_seller_content{ height: 100%;}
.carousel_box .ads_seller .carousel{border-radius:2px;overflow:hidden;height: 100%;}
.carousel_box .ads_seller .carousel-caption{width:100%;height:32px;right:0;left:0;bottom:0;padding-bottom:0;padding-top:0;opacity:.9;background:#646464;display:none}
.carousel_box .ads_seller .carousel:hover  .carousel-caption {display:inline-block}
.carousel_box .ads_seller .carousel-control .glyphicon {font-size:22px;opacity:0}
.carousel_box .ads_seller .carousel:hover .glyphicon{opacity:0.4}
.carousel_box .ads_seller .carousel-control:hover .glyphicon{opacity:1}
.carousel_box .ads_seller .carousel-caption h3{padding:0 8px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.carousel_box .ads_seller .carousel-indicators{position:absolute;text-align:center;font:0/0 arial;padding:0 0 10px;margin-top:10px; bottom:-2px;}
.carousel_box .ads_seller .carousel-indicators li{display:inline-block;width:18px;height:4px;margin:0 3px;border-radius:2px;background-color:#e6e6e6;border:none;cursor:pointer;border-radius:2px}
.carousel_box .ads_seller .carousel-indicators .active{display:inline-block;background-color:#008ee1;}




.namic{font-size:22px;background:url(../images/llow.png) no-repeat left 9px;padding-left:22px;float:left;position:relative}







/*--中间部分结束content--*/



/*--start-box_one--*/
.box_one{padding-top:5em}
.box_one .box-top h3{color:#595959;font-size:2.4em;margin:0;font-weight:400}
.box_one .box-top{width:100%;text-align:center}
.box_one .box-top p{color:#666;font-size:16px;font-weight:400;margin-top:8px}
.box_one .box-left img{width:100%;border-radius: 3px; border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.box_one .box-bottom{margin-top:3em}
.box_one .box-main{background:#f1f1f1;padding:1.5em 17px;position:relative;border-radius: 3px; border-top-left-radius: 0px;border-top-right-radius: 0px;}
.box_one .box-main h4{font-size:1.35em;color:#595959;font-weight:700;margin:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box_one .box-main ul{padding:10px 0;border-bottom:1px solid rgba(103,103,103,.16)}
.box_one .box-main ul li:nth-child(3){margin-right:0}
.box_one .box-main ul li{list-style:none;display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.box_one .box-main ul li span{color:#676767;font-size:14px;font-weight:300}
.box_one .box-main p{color:#777;font-size:15px;font-weight:400;line-height:1.6em;text-align:left;margin-top:1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box_one .box-btn a{padding:2px 11px;color:#000;font-size:14px;font-weight:400;border-radius:3px;background:url(../images/heart.png) no-repeat 0 0 #ebb30a}
.box_one .box-btn{bottom:20px;position:absolute;right:16px;}
.box_one .box-btn a:hover{color:#fff;background:url(../images/heart.png) no-repeat 0 0 #ebb30a;text-decoration:none;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all}
.box_one .planning{background:url(../images/news-5.png) no-repeat;width:1168px;height:136px;display:block;margin-top:8%;text-align:center}
.box_one .planning p{color:#fff;font-size:2em;font-weight:600;width:80%;margin:0 auto 0;line-height:1.5em;padding-top:22px}

/*--end-box_one--*/


/* gongsishuju */

.box_data{padding-top:30px}
.box_data .title{width:30%;text-align:center;padding-top:10px;border-bottom:1px solid #a2a2a2;min-height:78px;margin:0 auto;margin-bottom:20px}
.box_data .title p{color:#999;font-size:18px;font:40px/40px bold "Times New Romen";text-transform:uppercase;font-weight:700;margin-bottom:4px}
.box_data .title b{color:#444;font-size:24px;line-height:30px;font-weight:700;margin-bottom:12px;display:inline-block}



/*tab qiehuan*/

.box_data .box_data.pws_tabs_container.pws_tabs_rtl{text-align:right;direction:rtl}
.box_data .nav-tabs{list-style:none;margin:0 auto;width:56%;padding-left:10px;text-align:center;border:none;margin-bottom:2px}
.box_data .nav-tabs .active a{color:#307862!important}
.box_data .nav-tabs .active span{color:#333!important}
.box_data .nav-tabs>li>a{display:block;padding:5px 0;text-decoration:none;color:#666;text-align:center;margin:0;border:none!important;border-radius:0}
.box_data .nav-tabs a:hover{background:#fff!important}
.box_data .pws_tabs_container ul.nav-tabs li{display:inline-block;font-size:16px}
.box_data .pws_tabs_container ul.nav-tabs li a span{color:#ccc;font-family:Times New Romen;text-transform:uppercase;font-size:14px;margin-top:3px;display:inline-block}
.box_data .pws_tabs_container.pws_tabs_rtl ul.nav-tabs li a{margin-right:0;margin-left:3px}
.box_data .pws_tabs_container ul.nav-tabs li a.pws_tab_active{color:#307862}
.box_data .pws_tabs_container ul.nav-tabs li a.pws_tab_active span{color:#666}

.box_data .tab-content {
        margin-left: -15px;
        margin-right: -15px
    }
/* 水平列表  */
.box_data .job-list__box {margin: 0 auto}
.box_data .job-list__box li{height:auto;padding:15px 15px 0 15px}
.box_data .job-list__box .list-box{height:auto;border:1px solid #f2f2f2;padding:17px 20px 16px;background:#fff;box-shadow:0 0 5px rgba(110,110,110,.1);border-radius:3px}
.box_data .list-box{margin-top:12px;padding:0}
.box_data .cd-name{font-size:15px;color:#61687c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
.box_data .wages{font-size:14px;color:#ff4c4c}
.box_data .pull-right{float:right!important}
.box_data .word-info{height:30px;line-height:30px;color:#61687c}
.box_data .word-info span{padding:0 4px}
.box_data .job-list__box .but{display:inline-block;padding:4px 10px;margin-right:10px;font-size:12px;color:#999;border:1px solid #f0f0f0;border-radius:2px;margin-bottom:5px}

/* 水平列表 end  */
/*qiehuan*/






.g_mt{margin-top:75px}
.g_mt::after,.g_mt::before{content:'';display:block;clear:both}
.g_mb{margin-bottom:75px}
.g_mb::after,.g_mb::before{content:'';display:block;clear:both}



/*材料设备*/
.supply .p2{display:inline-block}
.supply .t_ct {
    transition: all .5s ease;
}



/* 业务领域 */
.business .left {
    margin-left: -100px
}
.business .left .list li{margin-bottom:70px;padding-left:100px;width:33.33%;float:left}
.business .left .list li:nth-child(3n+1){clear:both}
.business .left .list .l2 .box{padding-top:15px;display:inline-block}
.business .left .list li .box .ico{margin-bottom:10px;height:60px;line-height:60px}
.business .left .list li .box .ico .ico1{display:none}
.business .left .list li .box .ico .ico1 img{vertical-align:middle}
.business .left .list li .box .ico .ico2 img{vertical-align:middle}
.business .left .list li .box .mode .ck{margin-bottom:15px;font-size:12px;color:grey}
.business .left .list li .box .mode .ck .fa{margin-left:15px;font-size:16px}
.business .left .list li .box:hover .mode .ck{color:#ff5e14;transition:ease .3s;font-weight:700}
.business .left .list li .box .mode .p1{margin-bottom:15px;font-size:24px;color:#1a1a1a}
.business .left .list li .box .mode .p2{font-size:14px;color:#666;line-height:24px}
.business .left .one{display:none}


/* 关于我们 */
.about .buc .p1{margin-bottom:38px;font-size:14px;color:#666;line-height:24px;min-height:7em;overflow:hidden;/*text-indent:2em*/padding:0 15px}
.about .buc .btn .box{padding:15px 40px;font-size:14px;color:#fff;background:#ff5e14;display:inline-block;border-radius: 3px}



/*Title 通用标题*/
.wb_title {margin-bottom:50px;display:block}
.wb_title .p1{font-size:30px;color:#e6e6e6;margin-bottom:4px;}
.wb_title .p2{margin-bottom:16px;font-size:22px;color:#333}
.wb_title .t_ct{border:solid #ff5e14 3px;width:50px}




/* footer */
.footerbox{width:100%;overflow:hidden;background:#1a629c;color:#fff;padding-bottom:40px}
.footerbox .L{padding-top:48px;overflow:hidden}
.footerbox .L .tit{border:1px solid transparent;overflow:hidden;height:34px;line-height:34px;border-bottom:#aedbff solid 1px;margin-left:15px}
.footerbox .L .tit p{color:#fff;font-size:12px}
.footerbox .L ul{border:1px solid transparent;overflow:hidden;padding-top:8px}
.footerbox .L ul li{float:left;margin:8px 0}
.footerbox .L ul li a{font-size:12px;color:#aedbff;padding:0 15px;line-height:12px;border-right:1px solid #aedbff}
.footerbox .L ul li a:hover{color:#fff}
.footerbox .C{background:url(../img/member/fbg.png) center top no-repeat;height:232px;overflow:hidden;}

.footerbox .C div{display:block;width:142px;margin:10px auto 0;text-align:center}
.footerbox .C div img{margin-bottom:8px}
    .footerbox .C div span {
        line-height: 36px;
        display: block;
        padding-top: 5px;
        border-top: 1px solid #1a629c;
        color: #3983bf;
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        font-family: "Comic Sans MS",Microsoft YaHei, "微软雅黑";
    }


.footerbox .R{border:1px solid transparent;overflow:hidden}
.footerbox .R .tit{color:#fff;font-size:18px;padding-top:50px}
.footerbox .R .tit span{font-family:Impact;font-size:30px}
.footerbox .R .sub{line-height:24px;padding-top:10px}
.bootombox{background:#252525;width:100%;overflow:hidden;padding:12px 0}
.bootombox .main{text-align:center;color:#676767;line-height:24px;border:1px solid transparent}


    /* 媒介查询 */





.gsly {overflow:hidden}
.roundabout  .roundabout-holder{list-style:none;width:82%;height:300px;margin:0 auto;}
.roundabout  .roundabout-moveable-item{font-size:12px!important;width:480px;cursor:pointer;padding:5px;border:1px solid #eeeeee;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9}
.roundabout  .roundabout-moveable-item img{height:100%;width:100%;background-color:#fff;margin:0}
.roundabout  .roundabout-in-focus{cursor:auto}
    .roundabout .roundabout-in-focus:hover {
        box-shadow: 0 8px 30px #ddd;
        background: #f9f9f9
    }
.roundabout  .roundabout-holder span{display:none}
.roundabout  .roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:6px 15px;background:#f9f9f9;color:#0f244d;z-index:99;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #eee;border-top:1px solid #eee}
.roundabout  .roundabout a:active,.roundabout a:focus,.roundabout a:visited{outline:0;text-decoration:none}
.roundabout  .roundabout li{margin:0}
.roundabout  #move_port{position:fixed;width:15%;min-height:150px;left:0;top:0;cursor:pointer;z-index:10000}







@media (max-width: 1100px) {
    .Dynamic_news {
        height: auto;
        float: left;
    }
}


@media (max-width: 970px) {
    .sec_t, .head_t {
        display: none;
    }

    .footerbox .R {
       text-align:center
    }
        .footerbox .R .tit {
            padding-top: 20px;
        }

  
}

/*--content手机显示部分--*/
/*@media screen and (max-width: 768px) {
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: #fff;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 4px;
    }
        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            background: #ccc;
        }

    .navbar-collapse {
        position: absolute;
        z-index: 999999;
        width: 100%;
        background: rgb(255, 255, 255);
    }
    .navbar-nav li, .dropdown-menu li {
        width: 100%;
    }
}*/


@media (max-width: 768px) {
    .keywords, .qyname {
        display: none;
    }

    .keywords {
        height: 68px;
    }
        .keywords .search {
            margin: 18px 0;
        }

        #bs-example-navbar-collapse-1 {
            margin-left: 0px !important;
            border-color: #0054a5
        }

    .navbar-collapse {
        position: absolute;
        z-index: 999999;
        width: 100%;
        background: rgb(255, 255, 255);
    }

    .navbar-nav {
        background: #0054a5 !important;
        margin: 0;
        text-align: center
    }

        .navbar-nav .dropdown-menu {
            opacity: 1 !important;
            width: 100%;
            display: contents !important;
            visibility: visible !important;
        }

            .navbar-nav .dropdown-menu a {
                color: #fff !important;
                background: hsla(0, 0%, 100%, 0.15) !important;
                border-bottom: none !important;
            }

        .navbar-nav li:hover .dropdown-menu > li > a {
            color: #666 !important;
        }

    .navbar .navbar-header .coname {
        display: inline-block !important;
        color: #FFF;
        line-height: 48px;
        font-size: 18px;
        margin-left: 20px;
    }


    .news {
        margin-top: -45px;
        padding: 1em 0 0 0;
    }

        .news .namic_down {
            padding-top: 5px
        }

        .news .namic_down1 {
            padding-right: 0
        }

        .news .namic_down2 {
            margin-top: 20px;
        }

    .carousel_box {
        padding: 0;
    }

    /*.roundabout .roundabout-holder {
        height: 250px;
    }*/
    /*.roundabout .roundabout-moveable-item {
        width: 300px;
       
    }*/
        .gsly, .about {
        padding: 0 6px;
    }
}




