/* 
* @Author: anchen
* @Date:   2015-06-08 10:21:04
* @Last Modified by:   anchen
* @Last Modified time: 2015-07-03 14:23:15
*/
/*布局公共CSS类*/
.xbox
{
    /* Webkit: collapse white-space between units 去掉IE10以下布局都不可以用*/
    letter-spacing: -0.31em;
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    /* IE10 uses display: flexbox */
    display: -ms-flexbox;-ms-flex-flow: row wrap;
}
.xbox-1,.xbox-1-2,.xbox-1-3,.xbox-2-3,.xbox-1-4,.xbox-3-4,.xbox-1-5,.xbox-2-5,.xbox-3-5,.xbox-4-5,.xbox-1-6,.xbox-5-6,
.xbox-11-24,.xbox-13-24,.xbox-7-12,.xbox-5-12,.xbox-1-8,.xbox-3-8,.xbox-5-8,.xbox-7-8,.xbox-1-24,.xbox-1-12,.xbox-7-24
{display: inline-block;*display: inline;zoom: 1;letter-spacing: normal;word-spacing: normal;
    vertical-align: top;/*设置元素的垂直对齐文本的顶部 */
    text-rendering: auto;}
.xbox-1{width: 100%;}
.xbox-1-2{width: 50%;*width: 49.9690%;}
.xbox-1-3{width: 33.3333%;*width: 33.3023%;}
.xbox-2-3{width: 66.6667%;*width: 66.6357%;}
.xbox-1-4{width: 25%;*width: 24.9690%;}
.xbox-3-4{width: 75%;*width: 74.9690%;}
.xbox-1-5{width: 20%;*width: 19.9690%;}
.xbox-2-5{width: 40%;*width: 39.9690%;}
.xbox-3-5{width: 60%;*width: 59.9690%;}
.xbox-4-5{ width: 80%;*width: 79.9690%;}
.xbox-1-6{width: 16.6667%;*width: 16.6357%;}
.xbox-5-6{ width: 83.3333%;*width: 83.3023%;}
.xbox-11-24 {width: 45.8333%;*width: 45.8023%;}
.xbox-13-24 {width: 54.1667%;*width: 54.1357%;}
.xbox-5-12{width: 41.6667%;*width: 41.6357%;}
.xbox-7-12{width: 58.3333%;*width: 58.3023%;}
.xbox-1-8{width: 12.5000%;*width: 12.4690%;}
.xbox-3-8{width: 37.5000%;*width: 37.4690%;}
.xbox-7-8{width: 87.5000%;*width: 87.4690%;}
.xbox-5-8{width: 62.5000%;*width: 62.4690%;}
.xbox-1-24 {width: 4.1667%;*width: 4.1357%;}
.xbox-1-12{width: 8.3333%;*width: 8.3023%;}
.xbox-7-24{ width: 29.1667%;*width: 29.1357%;}
*{
    padding:0px;
    margin:0px;
    font-family: "Microsoft YaHei";
    font-size:12px;
}


    .service-prbox{
        background-color: #fff;
    }
        .service-prbox .xbox{
            width:1200px;
            margin:0 auto;
            position: relative;
        }
            .service-prbox img{}
            .service-prbox .b2b img{
               
                position: relative;
                z-index:7;
            }
            .service-prbox .b2b{width: 208px; margin-left: 23px;}
            .service-prbox .b2b img:hover,
            .service-prbox .b2c1 img:hover,
            .service-prbox .b2c2 img:hover{cursor: pointer;}
            .service-prbox .b2c1 img{
                position: relative;
                z-index:9;
                
            }
            .service-prbox .b2c1{width: 208px; margin-left:60px;}
            .service-prbox .b2c2 img{
                margin-left: 93px;
                position: relative;
                z-index:10;
            }

            .service-prbox .b2b-text,.service-prbox .b2c1-text{
                position: absolute;
                color:#606062;
            }
            .service-prbox .b2b-text{
                top:98px;
                left:216px;
                padding-left: 30px;
            }
            .service-prbox .b2b-text li{
                list-style-type: none; 
                line-height: 24px;
            }
            .service-prbox .b2c1-text{width:605px;padding-top:85px;height:130px;top:40px; padding-left:42px;left:283px;}
            .service-prbox .b2c1-text ul{height:48px; width: 310px;}
            .service-prbox .b2c1-text li{
                float: left;
                list-style-type: square;
                line-height: 24px;
                margin-left: 20px;
            }
            .service-prbox .b2c2-text{width: 300px;height:111px; font-size:22px;color:#3e3e3e;position: absolute; top:70px; left:629px; line-height: 161px; text-align: center;}


            .service-prbox .details{
                width:130px;
                height:36px;
                line-height: 36px;
                text-align: center;
                background-color: #ff943c;
                border-radius: 2px;
                margin-top: 16px;
                clear: both;
            }
            .service-prbox .details a:link,
            .service-prbox .details a:hover,
            .service-prbox .details a:visited{
                font-size: 18px;
                color:#fff;
                text-decoration: none;
            }

.newsbox{width:1270px; margin:50px auto;}
    .newsbox h2{
        font-size: 18px;
        color:#232322;
        font-weight: 400;
    }
    .newsbox .more{
        display: block;
        position: absolute;
        top:7px;
        left:98px;
    }
    .newsbox .more a:link,
    .newsbox .more a:visited,
    .newsbox .more a:hover{
        color:#919499;
        font-family: "宋体";
        text-decoration: none;
    }
    .newsbox .notice{
        margin-left: -32px;
    }
        .newsbox h3{
            font-size: 16px;
            color:#615f62;
            font-weight: 400;
            margin-top: 21px;
            margin-bottom: 12px;
        }
        .newsbox li{
            line-height: 24px;
            margin-bottom: 4px;
            list-style-type: none;

        }
            .newsbox li a:link,
            .newsbox li a:visited{
                text-decoration: none;
                font-size: 14px;
                color:#615f62;
            }
            .newsbox li a:hover{
                text-decoration: underline;
                font-size: 14px;
                color:#615f62;
            }
            .newsbox li .date{
                margin-left: 44px;
                color:#615f62;
            }
    .newsbox .tdc{float:left;width:135px;}
    .newsbox .tdc img{display: block;margin-top: 40px; margin-left:38px;}
    .newsbox .tdc p{
        margin:5px 0 0 0;
        color:#005ecb;
        margin-left:38px;
    }
.newsbox ul.sns{margin-top: 43px;}
.newsbox ul.sns li{height: 37px; line-height: 37px; text-indent: 42px; font-family:'Arial';font-size: 14px; margin-bottom: 10px;}
.newsbox ul.sns li.item1{ background:url(../img/index-facebook.png) no-repeat;}
.newsbox ul.sns li.item2{ background:url(../img/index-twitter.png) no-repeat;}
.newsbox ul.sns li.item3{ background:url(../img/index-ameba.png) no-repeat;}
.newsbox ul.sns li a:link,.newsbox ul.sns li a:visited,.newsbox ul.sns li a:hover{font-size: 14px; color:#5b5b5b; font-family:'Arial'}
.newsbox ul.sns li a:hover{text-decoration: underline;}
.newsbox ul.sns li span{font-family:'Arial';font-size: 14px;}











.DB_tab25 ul,li{list-style:none;margin:0;padding:0}
.DB_tab25 img{border:none}
.DB_tab25 .DB_banner2{}

.DB_tab25 .DB_banner1 img{width: 100%}
.DB_tab25 .DB_banner3 img{width: 100%}
.DB_tab25 .DB_banner4 img{width: 100%}
.banner-img{width: 100%}
.DB_tab25 {width:100%;}


.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;display:none;}

.DB_tab25 .DB_imgSet{position:relative;width:100%; display: none; margin: 0 auto;height:412px;}

.DB_tab25 .DB_imgSet .DB_1_1{width: 1920px;height: 412px;  position: absolute; top: 0; left:-249px; z-index: 10;}

.DB_tab25 .DB_imgSet .DB_2_1{width: 459px;height: 134px;position: absolute;  top: 125px; left:170px; z-index: 10;}
.DB_tab25 .DB_imgSet .DB_2_2{width: 408px; height: 229px;  position: absolute; top: 95px; left: 753px;z-index: 9; }
.DB_tab25 .DB_imgSet .DB_2_3{width: 856px; height: 412px; position:absolute; top:0; left:422px; z-index: 8;}

.DB_tab25 .DB_imgSet .DB_3_1{width: 472px;height: 232px;position: absolute;  top: 104px; left:295px; z-index: 10;}


@media only screen and (min-width: 1200px) {
    .DB_tab25 .DB_menuWrap{position:absolute;width:100%;}
    .DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:-90px;text-align:center;font-size:0;z-index: 1111;}
    .DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 13px;display:inline;z-index: 1111;}
    .bannerbox{
        width:100%;text-align: center;height: 412px;
        /*background-color: #96aad6;*/
    }
}
@media only screen and (min-width: 1700px) {
    .DB_tab25 .DB_menuWrap{position:absolute;width:100%;}
    .DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:30px;text-align:center;font-size:0;z-index: 1111;}
    .DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 13px;display:inline;z-index: 1111;}
    .bannerbox{
        width:100%;text-align: center;height: 530px;
        /*background-color: #96aad6;*/
    }
}



.DB_tab25 .DB_prev{position:absolute;right:100px;top:120px;cursor:pointer;display:none;z-index: 1111;}
.DB_tab25 .DB_next{position:absolute;left:100px;top:120px;cursor:pointer;display:none;z-index: 1111; }

.title{font-size: 36px;font-weight: bold;margin:60px auto 40px;width: 500px;text-align: center}
.firm_img{width: 90%;margin:auto;}
.firm_img img{width: 100%;}

.foot{}
.foot-text{width: 100%;background: linear-gradient(to right,RGB(86,91,119),RGB(60,108,150));padding-bottom: 100px}
.foot-from1{color:#fff;width: 1200px;margin:auto;padding: 50px 0 30px 0;text-align: center}
.foot-from1 span{display: inline-block;font-size: 18px !important;}
.foot-from1 span:nth-child(2){margin:0 20px}
.foot-radio label{font-size: 18px;margin: 0 20px}

.foot-from2{width: 960px;margin:auto;background: #fff;padding-bottom: 1px}

.foot-table{margin:auto; width: 800px; padding: 25px 0}
.foot-table td{height:58px; border-bottom:1px solid #e7e7ef;}
.table-td1{background-color:RGB(247,247,247); font-weight: bold;width: 190px;}
.table-td2{background-color:RGB(247,247,247); font-weight: bold;width: 190px;}

.table-td1 span:first-child{border: 1px solid RGB(234,51,64);font-size: 12px;color:RGB(234,51,64);padding: 1px;margin-left: 25%}
.table-td1 span:nth-child(2){display: inline-block;margin-left: 5px;font-size: 14px;}
.table-td2 span:first-child{border: 1px solid RGB(234,51,64);font-size: 12px;color:RGB(234,51,64);padding: 1px;margin-left: 25%}
.table-td2 span:nth-child(2){display: inline-block;margin-left: 5px;font-size: 14px;}

.foot-area{height: 100px;width: 98%;margin: 0 0 0 2%;background: RGB(247,247,247);border: 1px solid RGB(221,221,221)}
.foot-input{height: 40px;width: 98%;margin: 0 0 0 2%;background: RGB(247,247,247);border: 1px solid RGB(221,221,221)}

.table-td3{margin: auto;width: 330px;}
.table-td3 input{width: 330px;height: 50px;line-height: 50px;margin:0 auto 20px;background: RGB(49,49,49);color: #fff;text-align: center;cursor: pointer;border: 0;font-size: 18px}


.help-block{color:RGB(234,51,64);padding-left: 2%}

.text-hiddle{width:350px;height: 500px;margin:-5px auto;}
.text-hiddle .text-title{display:block;color:#fff;text-align: center;font-size: 30px;font-weight: bold;padding: 35px 0 0 0}
.text-hiddle .text-line{background:#fff;width: 50px;height: 2px;margin:10px auto}
.text-hiddle .text-content{color: #fff;font-size: 15px;cursor: pointer;font-weight: bold}
.text-content a{color: inherit;font-size: 14px;width: 100%;display: block}
.text-content a:hover{color:#000;background: #fff}

.text-move{width: 350px;background:url('../img/background-left.png');position: relative}
.text-move2{width: 350px;background:url('../img/background-content.png');position: relative}
.text-move3{width: 350px;background:url('../img/background-right.png');position: relative}
.newsOne .banner-img{margin:140px 0 0 0;width: 109px}
.enter{display: none}

.row .help-block{text-align: center}

#index_jp-verifycode{width: 150px;height: 40px;background: RGB(247,247,247);border: 1px solid RGB(221,221,221);padding-left: 10px}
.foot-from1  .help-block{float: left;margin-left: 4%}

.ibox{width:100%; height:210px; position:relative; overflow:hidden}
.ibox .showbox{position:absolute;left:0;width:2000px; height:170px; background:#fff}
.ibox .showbox ul li{float:left;margin:7px}
.ibox .showbox ul li img{width:240px;}
.ibox span{position:absolute;padding:2px 5px; background:#fff; cursor:pointer;}
.ibox span.pre{left:10px; bottom:0}
.ibox span.next{right:10px; bottom:0}
.ibox span.num{right:45%; bottom:0; background:#ddd;line-height:18px;}
.ibox span.num li{display:inline;margin:0 5px; padding:1px 5px; line-height:18px}
.ibox span.num .numcur{background:#a40000; color:#fff}




.wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.wrapRow{
    display: -webkit-box;
    /*完成后解开*/
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.flex-shrink-0{
    flex-shrink: 0;
}


.new_bottom{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    justify-content: space-between;
}

.new_bottom_left{
    width: calc((100% - 42px) / 2);align-items: center;justify-content: flex-start;
    padding: 50px 0;
    background-position: right bottom;background-repeat: no-repeat;background-size: auto 100%;
    background-image: url(./../img/new_import_bg.png);overflow: hidden;cursor: pointer;background-color: #F1F5F9;
}
.nbl_title{
    width: 300px;height: 103px;padding-left: 45px;
    background-position: 48px 59px;background-repeat: no-repeat;background-size: 35px 33px;
    background-image: url(./../img/new_import_iocn.png);
}
.nbl_title>span{
    line-height: 48px;font-size: 28px;font-weight: bold;color: #333333;
    width: 100%;box-sizing: border-box;display: block;
}
.nbl_info{
    /* width: calc(100% - 300px); */
    width: 0;
    overflow: hidden;box-sizing: border-box;position: relative;height: 180px;background: transparent;flex-flow: column wrap;
}
.nbl_info::after{
    content: "";display: block;width: 1px;position: absolute;top: 9px;left: 0;bottom: 9px;background-color: transparent;
}
.nbl_info .nbl_item{
    width: 100%;box-sizing: border-box;padding: 7px 0 7px 32px;
}
.nbl_info .nbl_item>a{
    display: block;width: max-content;max-width: 100%;
}
.nbl_info .nbl_item>a>div{
    width: max-content;max-width: 100%;line-height: 22px;font-size: 14px;color: #FFFFFF;
    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}

.new_bottom_right{
    width: calc((100% - 42px) / 2);align-items: center;justify-content: flex-start;
    padding: 50px 0;
    background-position: right bottom;background-repeat: no-repeat;background-size: auto 100%;
    background-image: url(./../img/new_output_bg.png);overflow: hidden;cursor: pointer;background-color: #F1F5F9;
}
.nbr_title{
    width: 300px;height: 103px;padding-left: 45px;
    background-position: 48px 59px;background-repeat: no-repeat;background-size: 35px 33px;
    background-image: url(./../img/new_output_icon.png);
}
.nbr_title>span{
    line-height: 48px;font-size: 28px;font-weight: bold;color: #333333;
    width: 100%;box-sizing: border-box;display: block;
}

.nbr_info{
    /* width: calc(100% - 300px); */
    width: 0;
    overflow: hidden;box-sizing: border-box;position: relative;height: 180px;background: transparent;flex-flow: column wrap;
}
.nbr_info::after{
    content: "";display: block;width: 1px;position: absolute;top: 9px;right: 0;bottom: 9px;background-color: transparent;
}
.nbr_info .nbr_item1{
    width: 260px;box-sizing: border-box;padding: 7px 0 7px 45px;
}
.nbr_info .nbr_item2{
    width: 340px;box-sizing: border-box;padding: 7px 0;
}
.nbr_info .nbr_item3{
    width: 300px;box-sizing: border-box;padding: 7px 32px 7px 0;
}

.nbr_info .nbr_item1>a,
.nbr_info .nbr_item2>a,
.nbr_info .nbr_item3>a{
    display: block;width: max-content;max-width: 100%;
}
.nbr_info .nbr_item1>a>div,
.nbr_info .nbr_item2>a>div,
.nbr_info .nbr_item3>a>div{
    height: 22px;line-height: 22px;font-size: 14px;color: #FFFFFF;width: max-content;max-width: 100%;
    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}

/* 进口 */
.new_bottom_import .new_bottom_left{width: 100%;background-image: url(./../img/new_import_bg_hover.png);background-color: #555E79;}
.new_bottom_import .new_bottom_right{width: 0;}
.new_bottom_import .nbl_info{width: calc(100% - 300px);}
.new_bottom_import .nbl_info::after{background-color: #FFFFFF;}
.new_bottom_import .nbl_title{background-image: url(./../img/new_import_iocn_hover.png);}
.new_bottom_import .nbl_title>span{color: #FFFFFF;}

/* 出口 */
.new_bottom_output .new_bottom_left{width: 0;}
.new_bottom_output .new_bottom_right{width: 100%;background-image: url(./../img/new_output_bg_hover.png);background-color: #555E79;}
.new_bottom_output .nbr_info{width: calc(100% - 300px);}
.new_bottom_output .nbr_info::after{background-color: #FFFFFF;}
.new_bottom_output .nbr_title{background-image: url(./../img/new_output_icon_hover.png);}
.new_bottom_output .nbr_title>span{color: #FFFFFF;}

.new_bottom .new_bottom_left,
.new_bottom .new_bottom_right,
.new_bottom .nbl_title,
.new_bottom .nbl_title>span,
.new_bottom .nbr_title,
.new_bottom .nbr_title>span{
    transition-property: width color,background-image,background-size;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .5s;
}

.new_bottom a:visited,.new_bottom a:link,.new_bottom a:hover,.new_bottom a:active,
.new_bottom a:visited *,.new_bottom a:link *,.new_bottom a:hover *,.new_bottom a:active *{
    text-decoration: none!important;color: #FFFFFF!important;
}