.head { background: url(../images/mgool01.jpg) no-repeat center; height: 30px; width: 100%; line-height: 30px; }
.head .fl .en { font-size: 15px; color: #fff; font-weight: bold; }
.head .fl, .head .fr a { color: #f1f1f1; height: 30px; line-height: 30px; }
.head .fr a{ color: #fff; display: inline-block; padding-left: 30px; background: url(../images/mgool02.png) no-repeat left center; margin-left: 20px; }
.head .fr .feedback_btn{ background: url(../images/mgool03.png) no-repeat left center; }
.head .fr .contact_btn{ background: url(../images/mgool04.png) no-repeat left center; }






.top { background: #fff; }
.top .fr { height: 115px; }
.top .page .fl { display: block; padding:20px 0; }
.top .page .fl a,.top .page .fl a img{ display: block; } 
.NavCeshi > li { float: left; width: 108px; top: 0px; transition: 0.2s all ease-in-out; padding-right: 0px; }
.top .page .fl p{font-size: 26px;line-height: 30px;color: #0099ff;font-weight: bold;margin-top: 15px; margin-left: 18px;}
.top .page .fl span{font-size: 16px;line-height: 40px;color: #666;margin-left: 18px;}

.NavCeshi > li:first-child{ background: none}
.NavCeshi > li > a { display: block; text-align: center; padding: 35px 0; font-size: 16px; line-height: 30px; color: #333; transition: 0.2s all ease-in-out; height: 60px; position: relative; z-index: 1113; }
.NavCeshi > li > a:after,.NavCeshi > li > a::after{ content: ''; width: 0%; height: 3px; background: #0099ff; display: block; position: absolute; left: 0; bottom: 0; transition:0.3s all ease-in-out; }
.NavCeshi > li.navcurrent > a:after,.NavCeshi > li.navcurrent > a::after,.NavCeshi > li:hover > a:after,.NavCeshi > li:hover > a::after{ width: 100%; }
.NavCeshi > li > a > .en{ display: block; font-size: 12px; font-weight: 100; color: #ccc; line-height:35px; overflow: hidden; text-indent: 0; transition:0.2s all ease-in-out; white-space: nowrap; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #0099ff; background: #f9f9f9; }
.NavCeshi > li.navcurrent > a > .en,.NavCeshi > li:hover > a > .en{ }
.erji_menu { display: none; width: 100%; position: absolute; left: 0; background: rgba(250,250,250,0.95); z-index: 11111; top:160px; }
.erji_menu > .page > .fl { display: block; padding: 90px 0; width: 200px; margin-left: 200px;}
.erji_menu > .page > .fl:before,.erji_menu > .page > .fl::before{ content: ''; display: block; width: 60px; height: 3px; background: #0099ff; margin-bottom: 20px; }
.erji_menu > .page > .fl > strong{ font-size: 22px; display: block; color: #0099ff; line-height: 30px; }
.erji_menu > .page > .fl > a{ display: block; width: 120px; border: 1px solid #0099ff; text-align: center; line-height: 30px; color: #0099ff; font-family: arial; border-radius: 50px; margin-top: 20px; text-transform: uppercase; }
.erji_menu > .page > .fr { width: 800px; height: 150px; padding: 60px 0; }
.erji_menu > .page > .fr > ul{ float: left; padding: 0 30px; }
.erji_menu.product_list_nav > .page > .fr > ul{ width: 150px; padding:0 10px; text-align: center; }
.erji_menu > .page > .fr > ul img{ width: 100%; display: block; height: auto; background: #0099ff; transition:0.3s all ease-in-out; }
.erji_menu > .page > .fr > ul a:hover img{ padding: 2px; width: 146px; }
.erji_menu > .page > .fr > ul > strong{ display: block; }
.erji_menu > .page > .fr > ul > strong a{ font-size: 15px; font-weight: 100; color: #0099ff; display: block; line-height: 40px; padding-bottom:5px;}
.erji_menu.product_list_nav > .page > .fr > ul > strong a{ color: #444; }
.erji_menu > .page > .fr > ul > li > a{ display: block; line-height: 24px; color: #666}
.erji_menu .divnews_tag li,.erji_menu .divdgweb2_tag li { float: none !important; width: 250px !important; }
.erji_menu .divnews_tag li span, .erji_menu .divdgweb2_tag li span { color: #666; }
.divdgweb2_tag li{line-height: 26px;}
.divnews_tag {width:100%; height:auto;}
.divnews_tag ul{margin:0px;padding:0px;list-style-type:none;}
.divnews_tag li{list-style:none;margin:0px;line-height:26px;float:left; width:200px;}
.divdgweb2_tag{width:100%; height:auto; margin:0px; padding:0px;}
.divdgweb2_tag ul{margin:0px;padding:0px;list-style-type:none;list-style:none;}
.divdgweb2_tag li{list-style:none;margin:0px;float:left;}
.divdgweb2_tag{width:100%; height:auto; margin:0px; padding:0px;}
.divdgweb2_tag ul{margin:0px;padding:0px;list-style-type:none;list-style:none;}
.divdgweb2_tag li{list-style:none;margin:0px;float:left;}


#Zz5 .erji_menu > .page > .fl {margin-left: 80px;}       
#Zz5 .erji_menu > .page > .fr  {width: 920px;}   
#Zz5 .erji_menu > .page > .fr > ul {    padding: 0 20px;}








.search { background: url(../images/mgool15.png) no-repeat center; height: 90px; width: 100%; margin-top: -20px; position: relative;z-index: 99; }
.search .fl { padding: 0 0 0px 32px; line-height: 70px; background: url(../images/mgool16.png) no-repeat left center; position: relative; top: 20px; width: 600px;}
.search .fl strong{ font-size: 15px; font-weight: bold; color: #333; }
.search .fl a{ font-size: 14px; font-weight: 100; color: #555; display: inline-block; }
.search .fl a:hover{ text-decoration: underline; color: #0099ff}
.search .fl i:last-child{display: none;}



.search-right { width: 500px; }
.search-tel {    background: url(../images/mgool17.png) no-repeat left center;
    padding: 20px 0 20px 60px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    display: block;
    height: 50px;
    float: left;}
.search-tel .en { font-size: 20px; font-weight: bold; color: #fff; display: block; text-align: justify; line-height: 26px; }
.search-right form { float: right; display: block; width: 260px; background: #fff; border-radius: 50px; line-height: 42px; height: 42px; margin: 24px 0; position: relative; }
.search-right form #search-i{ background: #333 url(../images/mgool18.png) no-repeat center; width: 38px; height: 38px; border-radius: 50%; position: absolute; right: 2px; top: 2px; overflow: hidden; display: block; transition:0.3s all ease-in-out; }
.search-right form #search-i input{ display: block; width: 100%; height: 100%; cursor: pointer; background: none; border: 0 none; }

.search-right form #search-bg input { line-height: 42px; background: none; border: 0 none; width: 210px; padding-left: 20px; color: #aaa; }






























.products_bg .title_bg {
        margin-bottom: 40px;
    }
 .products_bg {
        padding: 60px 0;
    }
 .products_bg .prod_tab {
        text-align: center;
    }
 .products_bg .prod_tab a {
        display: inline-block;
        margin: 0 15px;
        width: 138px;
        font-size: 16px;
        color: #333;
        line-height: 40px;
        background: #fff;
        border: 1px solid #ccc;
    }
 .products_bg .prod_tab a.on {
        color: #fff;
        border-color: #0099ff;
        background: #0099ff;
    }
    
 .products_bg .prod_content {
        margin-top: 40px;
    }
 .products_bg .prod_content ul.prod_content_d > li {
        padding: 30px;
        height: auto;
        background: #f5f5f5;
    }
 .products_bg .prod_content li .prod_l {
        width: 500px;
        height: 500px;
    }
 .products_bg .prod_content li .prod_l .prod_img {
        width: 500px;
        height: 500px;
    }
 .products_bg .prod_content li .prod_l .prod_img a {
        display: block;
        width: 500px;
        height: 500px;
    }
 .products_bg .prod_content li .prod_l .prod_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
 .products_bg .prod_content li .prod_r {
        width: 600px;
        overflow: hidden;
    }
 .products_bg .prod_content li .prod_r .prod_tile {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
 .products_bg .prod_content li .prod_r .prod_tile span {
        display: block;
        padding-top: 20px;
        font-size: 29px;
        font-weight: bold;
        color: #333;
    }
 .products_bg .prod_content li .prod_r .prod_w span {
        padding-top: 20px;
        display: block;
        font-size: 20px;
        color: #333;
    }
 .products_bg .prod_content li .prod_r .prod_w span:first-of-type {
        padding-top: 0;
    }
 .products_bg .prod_content li .prod_r .prod_w p {
        display: block;
        font-size: 16px;
        color: #666;
        line-height: 30px;
    }
 .products_bg .prod_content li .prod_r .prod_d {
        padding-top: 40px;
        position: relative;
    }
 .products_bg .prod_content li .prod_r .prod_d .prod_r_next {
        position: absolute;
        top: 80px;
        right: 0;
        width: 25px;
        height: 30px;
        background: url(../images/mgool19.png)center no-repeat;
        z-index: 9;
    }
 .products_bg .prod_content li .prod_r .prod_d .prod_r_prev {
        position: absolute;
        top: 80px;
        left: 0;
        width: 25px;
        height: 30px;
        background: url(../images/mgool20.png)center no-repeat;
        z-index: 9;
    }
 .products_bg .prod_content li .prod_r .prod_d li {
        position: relative;
        float: left;
        margin-right: 12.5px;
        width: 110px;
        height: 110px;
        overflow: hidden;
    }
 .products_bg .prod_content li .prod_r .prod_d li:last-of-type {
        margin-right: 0;
    }
 .products_bg .prod_content li .prod_r .prod_d li .prod_d_img {
        width: 108px;
        height: 108px;
        border: 1px solid #ccc;
    }
 .products_bg .prod_content li .prod_r .prod_d li .prod_d_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
 .products_bg .prod_content li .prod_r .prod_d li .prod_d_t {
        position: absolute;
        left: 1px;
        bottom: 1px;
        width: 108px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: rgba(0,0,0,0.5);
    }
 .products_bg .prod_content li .prod_r .prod_d li .prod_d_t span {
        display: block;
        font-size: 13px;
        color: #fff;
    }
 .products_bg .prod_content li .prod_r .prod_d li.on .prod_d_t {
        background: rgba(0,153,255,0.5);
    }










 .products_bg .title_bg {
        text-align: center;
    }
  .products_bg .title_bg p {
        display: block;
        padding-bottom: 5px;
        font-family: "Arial";
        font-size: 36px;
        color: #cfcfcf;
        line-height: 36px;
        text-transform: uppercase;
    }
  .products_bg .title_bg span {
        position: relative;
        font-size: 30px;
        color: #333;
        line-height: 32px;
    }
  .products_bg .title_bg span:after {
        position: absolute;
        top: 18px;
        right: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(https://site.di7.com/designer/100424/store/files/images/100424_title_10_r.png) center no-repeat;
    }
  .products_bg .title_bg span:before {
        position: absolute;
        top: 18px;
        left: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(../images/mgool21.png) center no-repeat;
    }





.proclass{ width:262px; background:#f0f1f3;}
.pro_t{ text-align:center; background:#0099ff; color:#fff; height:110px; border-bottom:1px solid #fff;}
.pro_t b{ display:block; font-size:33px; padding:23px 0 5px 0;}
.pro_t em{ display:block; font-size:13px; font-weight:lighter; text-transform:uppercase;}
.pcc table,.pcc tbody,.pcc tr,.pcc td{ display:block; width:100%;} 
.pcc tr,.pcc li{ border-bottom:1px solid #fff;}
.pcc td a,.pcc li a{ display:block; line-height:58px; position:relative; padding-left:20px; font-size:16px; color:#0099ff; font-weight:lighter; transition:all .3s ease;border-bottom:2px solid #fff;}
.pcc td a:hover,.pcc li a:hover{ background:#0099ff; color:#fff;}
.pcc td> a:after,.pcc li a:after{ content:''; display:block; position:absolute; width:18px; height:18px; border-radius:50%; background:url(../images/mgool51.png) no-repeat center; top:0; bottom:0; margin:auto 0; right:30px; transition:all .3s ease;}
.pcc td a:hover,.pcc li a:hover{background:#0099ff; color:#fff;}
.pcc td >a:hover:after,.pcc li a:hover:after{ background:url(../images/mgool52.png) no-repeat center;}

.pcc td dd a,.pcc li dd a{ display:block; line-height:42px; position:relative; padding-left:25px; font-size:14px; color:#484848; font-weight:lighter; transition:all .3s ease;border-bottom:1px solid #fff;background: #f9f9f9;}
.pconcat{    padding: 35px 20px;}
.pcaddr{ margin-top:20px; font-size:15px; color:#484848; font-weight:lighter; line-height:30px;}
.pcaddr p:nth-child(2){text-indent: 3em;}


.proshow{width: 1200px;}
.proshow td{ display:inline-block; position:relative; width:265px; padding:10px!important; background:#f0f1f3; transition:all .3s ease; margin-top:20px;}
.proshow td a,.proshow td span{ display:block;overflow: hidden;}
.proshow td br{ display:none;}
.proshow td span a{ line-height:65px;font-size:16px; background:#0099ff; color:#fff; font-weight:lighter; position:relative; text-align:left; transition:all .3s ease; padding:0 35px 0 25px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.proshow td span a:after{ content:'+'; display:block; position:absolute; font-size:30px; font-weight:lighter; color:#fff; line-height:65px; right:13px; top:0; transition:all .4s ease; transition:all .3s ease;}
.proshow td{ margin-left:15px;}
.proshow td:nth-child(1),{ margin-left:0px;}
.proshow tr+tr{ display:block; margin-top:34px;}
.proshowx td>a{ position:relative; overflow:hidden;}
.proshow td>a img{ transition:all .6s ease;width: 100%;
    height: auto;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td>a:after{ transition:all .2s ease; content:''; display:block; position:absolute; opacity:0; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%;}
.proshow td>a i{ position:absolute; display:block; font-size:15px; color:#fff; top:0; left:0; right:0; bottom:0; opacity:0; transition:all .4s ease; width:120px; text-align:center; line-height:45px;height:45px; margin:auto; z-index:99;}
.proshow td:hover>a:after{ opacity:1;}
.proshow td:hover>a i{ opacity:1;}
.proshow td>a i:after,.proshow td>a i:before{ content:''; display:block; height:1px; width:0; background:#fff; transition:all .8s ease; position:absolute;}
.proshow td>a i:after{ top:0; left:0; right:auto;}
.proshow td>a i:before{ bottom:0; right:0; left:auto;}
.proshow td:hover>a i:after,.proshow td:hover>a i:before{ width:100%;}
.proshow td:hover span a:after{ transform: rotate(360deg);}














 .case_bg {
        padding: 60px 0;
        background: #f5f5f5;
    }
 .case_bg .case_title .case_tile {
        max-width: 600px;
    }
 .case_bg .case_title .case_tile span {
        display: block;
        font-size: 38px;
        font-weight: bold;
        color: #333;
    }
 .case_bg .case_title .case_tile p {
        display: block;
        font-size: 18px;
        color: #333;
    }
 .case_bg .case_title .case_list {
        margin-top: 20px;
    }
 .case_bg .case_title .case_list dl {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 20px;
        padding-bottom: 21px;
    }
 .case_bg .case_title .case_list dl:last-of-type {
        margin-right: 0;
    }
 .case_bg .case_title .case_list dl:after {
        display: block;
        content: " ";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        transition: all 0.3s;
        background: #0099ff;
    }
 .case_bg .case_title .case_list dl dt {
        float: left;
        position: relative;
        width: 18px;
        height: 18px;
        overflow: hidden;
    }
 .case_bg .case_title .case_list dl dt img {
        position: relative;
        display: block;
        left: 0;
        transition: all 0.3s;
    }
 .case_bg .case_title .case_list dl dd {
        float: left;
        padding-left: 5px;
        height: 18px;
        line-height: 18px;
    }
 .case_bg .case_title .case_list dl dd span {
        display: block;
        font-size: 18px;
        color: #333;
        transition: all 0.3s;
    }
 .case_bg .case_title .case_list dl.on:after {
        width: 100%;
    }
 .case_bg .case_title .case_list dl.on dd span {
        color: #0099ff;
    }
 .case_bg .case_title .case_list dl.on dt img {
        left: -18px;
    }
    
 .case_bg .case_d {
        margin-top: 40px;
    }
 .case_bg .case_d li {
        width: 100%;
        height: 600px;
        background: #333;
    }
 .case_bg .case_d li a {
        display: block;
        width: 100%;
        height: 600px;
    }
 .case_bg .case_d li img {
        display: block;
        width: 100%;
        height: 100%;
    }


















.ys_bg {
        width: 100%;
        height: 780px;
        background: url(../images/mgool26.jpg) center no-repeat;
        overflow: hidden;
    }
.ys_bg .title_bg {
        margin-top: 90px;
        text-align: center;
    }
.ys_bg .title_bg p {
        display: block;
        padding-bottom: 5px;
        font-family: "Arial";
        font-size: 36px;
        color: #cfcfcf;
        line-height: 36px;
        text-transform: uppercase;
    }
.ys_bg .title_bg span {
        position: relative;
        font-size: 30px;
        color: #fff;
        line-height: 32px;
    }
.ys_bg .title_bg span:after {
        position: absolute;
        top: 18px;
        right: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(../images/mgool27.png) center no-repeat;
    }
.ys_bg .title_bg span:before {
        position: absolute;
        top: 18px;
        left: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(../images/mgool28.png) center no-repeat;
    }
    
.ys_bg .ys_d {
        margin-top: 76px;
    }
.ys_bg .ys_d dl {
        float: left;
        width: 300px;
    }
.ys_bg .ys_d dl dt {
        margin: 0 auto;
        width: 152px;
        height: 152px;
    }
.ys_bg .ys_d dl dd {
        text-align: center;
    }
.ys_bg .ys_d dl dd span {
        display: block;
        padding: 20px 0;
        font-size: 20px;
        color: #fff;
    }
.ys_bg .ys_d dl dd p {
        display: block;
        padding: 0 25px;
        font-size: 16px;
        color: #fff;
        font-weight: lighter;
        line-height: 28px;
    }
    
.ys_bg .ys_content {
        margin-top: 40px;
        text-align: center;
    }
.ys_bg .ys_content .ys_content_tile span {
        font-size: 22px;
        color: #fff;
    }
.ys_bg .ys_content_w span {
        display: inline-block;
        line-height: 36px;
        color: #0099ff;
    }
.ys_bg .ys_content_w span b {
        font-size: 26px;
        font-weight: normal;
    }
.ys_bg .ys_content_w span i {
        font-size: 32px;
    }
.ys_bg .ys_content_w a {
        display: inline-block;
        margin-left: 10px;
        width: 110px;
        height: 25px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        border-radius: 20px;
        background: #0099ff;
    }

























 .about_bg {
        padding: 90px 0 60px;
    }
 .about_bg .about_d {
        position: relative;
    }
 .about_bg .about_d:before {
        position: absolute;
        display: block;
        content: " ";
        top: 120px;
        width: 1010px;
        height: 360px;
        background: #0099ff;
        z-index: -1;
    }
 .about_bg .about_l {
        margin-left: 10px;
        padding: 40px 40px 0;
        width: 530px;
        height: 430px;
        background: #f9f9f9;
    }
 .about_bg .about_l .about_tile b {
        display: block;
        font-family: "Arial";
        font-size: 44px;
        color: #e4e4e4;
        text-transform: uppercase;
    }
 .about_bg .about_l .about_tile span {
        display: block;
        padding-top: 10px;
        font-size: 24px;
        font-weight: bold;
        color: #333;
    }
 .about_bg .about_l .about_w {
        padding-top: 21px;
        height: 140px;
        overflow: hidden;
    }
 .about_bg .about_l .about_w p {
        text-indent: 2em;
        font-size: 16px;
        color: #333;
        line-height: 28px;
    }
 .about_bg .about_l .about_btn {
        margin-top: 30px;
    }
 .about_bg .about_l .about_btn a {
        float: left;
        margin-right: 16px;
        display: block;
        width: 158px;
        height: 118px;
        text-align: center;
        border: 1px solid #e8e8e8;
    }
 .about_bg .about_l .about_btn a:hover {
        border-color: #0099ff;
    }
 .about_bg .about_l .about_btn a .about_ico {
        margin: 12px auto 0;
        width: 60px;
        height: 50px;
    }
 .about_bg .about_l .about_btn a .about_ico1 {
        background: url(../images/mgool33.png) center top no-repeat;
    }
 .about_bg .about_l .about_btn a .about_ico2 {
        background: url(../images/mgool34.png) center top no-repeat;
    }
 .about_bg .about_l .about_btn a .about_ico3 {
        background: url(../images/mgool35.png) center top no-repeat;
    }
 .about_bg .about_l .about_btn a:hover .about_ico1 {
        background: url(../images/mgool36.png) center bottom no-repeat;
    }
 .about_bg .about_l .about_btn a:hover .about_ico2 {
        background: url(../images/mgool37.png) center bottom no-repeat;
    }
 .about_bg .about_l .about_btn a:hover .about_ico3 {
        background: url(../images/mgool38.png) center bottom no-repeat;
    }
 .about_bg .about_l .about_btn a .about_t span {
        font-size: 16px;
        color: #333;
    }
 .about_bg .about_l .about_btn a .about_t_en span {
        font-family: "Arial";
        font-size: 12px;
        color: #333;
    }
 .about_bg .about_l .about_btn a:hover .about_t span {
        color: #0099ff;
    }
 .about_bg .about_l .about_btn a:hover .about_t_en span {
        color: #0099ff;
    }
 .about_bg .abour_r {
        width: 580px;
        height: 470px;
        overflow: hidden;
        background: #0099ff;
    }
 .about_bg .abour_r img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
    }
 .about_bg .abour_r:hover img {
        transform: scale(1.2);
    }
    
 .about_trait {
        margin-top: 60px;
    }
 .about_trait dl {
        position: relative;
        float: left;
        margin-right: 20px;
        width: 285px;
        height: 80px;
    }
 .about_trait dl:last-of-type {
        margin-right: 0;
    }
 .about_trait dl:before {
        position: absolute;
        right: 0;
        display: block;
        content: " ";
        width: 1px;
        height: 80px;
        background: #f2f2f2;
    }
 .about_trait dl:last-of-type:before {
        display: none;
    }
 .about_trait dl dt {
        float: left;
        padding-top: 16px;
    }
 .about_trait dl dd {
        float: left;
        margin-left: 20px;
        padding-top: 16px;
    }
 .about_trait dl dd span {
        display: block;
        font-size: 20px;
        color: #333;
    }
 .about_trait dl dd p {
        display: block;
        font-size: 16px;
        color: #333;
    }




















 .news_bg {
        padding: 60px 0;
    }
 .news_bg .news_title .news_tile {
        max-width: 600px;
    }
 .news_bg .news_title .news_tile span {
        display: block;
        font-size: 38px;
        font-weight: bold;
        color: #333;
    }
 .news_bg .news_title .news_tile p {
        display: block;
        font-size: 18px;
        color: #333;
    }
 .news_bg .news_title .news_tab dl {
        position: relative;
        display: block;
        float: left;
        margin-right: 20px;
        width: 100px;
        padding-bottom: 21px;
    }
 .news_bg .news_title .news_tab dl:last-of-type {
        margin-right: 0;
    }
 .news_bg .news_title .news_tab dl:after {
        display: block;
        content: " ";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        transition: all 0.3s;
        background: #0099ff;
    }
 .news_bg .news_title .news_tab dl dt {
        float: left;
        position: relative;
        width: 18px;
        height: 18px;
        overflow: hidden;
    }
 .news_bg .news_title .news_tab dl dt img {
        position: relative;
        display: block;
        left: 0;
        transition: all 0.3s;
    }
 .news_bg .news_title .news_tab dl dd {
        float: left;
        padding-left: 5px;
        height: 18px;
        line-height: 18px;
    }
 .news_bg .news_title .news_tab dl dd span {
        display: block;
        font-size: 18px;
        color: #333;
        transition: all 0.3s;
    }
 .news_bg .news_title .news_tab dl.on:after {
        width: 100%;
    }
 .news_bg .news_title .news_tab dl.on dd span {
        color: #0099ff;
    }
 .news_bg .news_title .news_tab dl.on dt img {
        left: -18px;
    }
    
 .news_bg .news_content {
        margin-top: 30px;
    }
 .news_bg .news_content li {
        float: left;
        position: relative;
        margin-right: 30px;
        width: 380px;
        cursor: pointer;
    }
 .news_bg .news_content li:last-of-type {
        margin-right: 0;
    }
 .news_bg .news_content li .news_img {
        width: 378px;
        height: 283px;
        background: #333;
        border: 1px solid #f5f5f5;
    }
 .news_bg .news_content li .news_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
 .news_bg .news_content li .news_time {
        position: absolute;
        top: 250px;
        left: 20px;
        width: 86px;
        height: 86px;
        text-align: center;
        background: #0099ff;
    }
 .news_bg .news_content li .news_time .news_time_ico {
        margin: 11px auto 13px;
        width: 32px;
        height: 29px;
        background: url(../images/mgool44.png) no-repeat center;
    }
 .news_bg .news_content li .news_time .news_time_t span {
        display: block;
        font-family: "Arial";
        font-size: 18px;
        color: #fff;
    }
 .news_bg .news_content li .news_txt {
        padding: 25px 20px 0;
        height: 200px;
        background: #f5f5f5;
    }
 .news_bg .news_content li .news_txt .news_txt_t {
        padding-left: 100px;
    }
 .news_bg .news_content li .news_txt .news_txt_t a {
        display: block;
        font-size: 16px;
        color: #333;
    }
 .news_bg .news_content li .news_txt .news_txt_w {
        padding-top: 30px;
    }
 .news_bg .news_content li .news_txt .news_txt_w p {
        font-size: 16px;
        color: #999;
        line-height: 30px;
    }
 .news_bg .news_content li .news_txt .news_txt_a {
        margin-top: 20px;
        width: 31px;
        height: 8px;
    }
 .news_bg .news_content li .news_txt .news_txt_a img {
        display: block;
        width: 100%;
        height: 100%;
    }











.links_bg {
        padding: 30px 0;
    }
.links_bg .fl {
        width: 110px;
    }
.links_bg .fr {
        width: 90%;
        line-height: 29px;
    }
.links_bg .fl span {
        display: block;
        width: 94px;
        height: 29px;
        text-align: center;
        line-height: 29px;
        font-size: 18px;
        color: #999;
        background: url(../images/mgool48.png) center no-repeat;
    }
.links_bg .fr a,.mod1437 .links_bg .fr span {
        font-size: 14px;
        color: #666;
    }
.links_bg .fr a:hover {
        color: #0099ff;
    }
.links_bg .fr span:last-of-type {
        display: none;
    }







.copyright_bg {
        padding: 40px 0;
        width: 100%;
        background: #333;
        border-bottom: 1px solid #444;
    }
.copyright_nav dl {
        float: left;
        width: 140px;
    }
.copyright_nav dl:last-of-type {
        width: 520px;
    }
.copyright_nav dl dt {
        position: relative;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }
.copyright_nav dl dt:after {
        position: absolute;
        display: block;
        content: " ";
        left: 0;
        bottom: 0;
        width: 20px;
        height: 1px;
        background: #fff;
    }
.copyright_nav dl dt span {
        font-size: 18px;
        color: #fff;
    }
.copyright_nav dl dd a {
        display: block;
        font-size: 16px;
        color: #999;
        line-height: 32px;
    }
.copyright_nav dl dd a:hover {
        color: #fff;
    }
.copyright_nav dl dd span {
        display: block;
        font-size: 16px;
        color: #999;
        line-height: 32px;
    }
.copyright_nav dl dd i {
        padding-right: 5px;
    }
    
.copyright_qr {
        width: 140px;
        height: 180px;
        background: #fff;
    }
.copyright_qr .copyright_qr_img {
        margin: 10px;
        width: 120px;
        height: 120px;
    }
.copyright_qr .copyright_qr_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
.copyright_qr .copyright_tile {
        text-align: center;
    }
.copyright_qr .copyright_tile span {
        font-size: 14px;
        color: #333;
    }
    
.footer_bg {
        width: 100%;
        height: 70px;
        text-align: center;
        font-size: 14px;
        color: #999;
        line-height: 70px;
        background: #333;
    }
.footer_bg a {
        font-size: 14px;
        color: #999;
    }
.footer_bg a:hover {
        color: #fff;
    }