@charset "utf-8";

/* CSS Document */

.daohang { text-align: center; padding: 40px 0 40px; }

.title_index { display: inline-block; height: 42px; color: #333333; font-size: 24px; line-height: 42px; }

.title_index {position:relative; display: inline-block; height: 42px; color: #333333; font-size: 24px; line-height: 42px; }

.title_index:before {position:absolute;top:-44%;left:-60%; display: inline-block; content: ""; width: 100px; height: 40px; overflow: hidden; border-bottom: 1px solid #ccc; line-height: 42px; margin-right: 30px; vertical-align: middle; }

.title_index:after {position: absolute;top:50%;right:-60%; display: inline-block; content: ""; width: 100px; height: 40px; overflow: hidden;  border-top: 1px solid #ccc; line-height: 42px; margin-left: 30px; vertical-align: middle; }

.title_index h2 { display: inline-block; height: 42px; color: #333; font-size: 24px; line-height: 42px; font-weight:normal; }

.title_index i { font-weight: normal; font-style: normal; color:#666; font-size:14px; text-transform:uppercase; }

.title_index i.gotham-thin { font-weight: bold; }

/*banner*/

.banner { position:relative; height:450px; }

/*banner*/

.fullSlide { width:100%; position:relative; height:450px; background:#fff; }

.fullSlide .bd { margin:0 auto; position:relative; z-index:0; }

.fullSlide .bd ul { width:100% !important; background-position:center; }

.fullSlide .bd li { width:100% !important; height:450px; overflow:hidden; text-align:center; background-position:center }

.fullSlide .bd li a { display:block; height:450px; }

.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }

.fullSlide .hd ul { text-align:center; }

.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline;

zoom:1; width:60px; height:8px; margin:2px; overflow:hidden; background:#666; filter:alpha(opacity=50); opacity:0.5; line-height:999px; }

.fullSlide .hd ul li.on { background:#f60; filter:alpha(opacity=100); opacity:1; }

/*FBA服务项目*/

.main1 { background-color:#fff; }

.homeimg { }

.homeimg li { float:left; height:300px; width:240px; margin-right:15px; padding:10px; background-color:#f5f5f5; }

.homeimg li img { height:132px; width:240px; }

.homeimg li h2 { font-size:16px; line-height:14px; font-weight:normal; color:#000; height:14px; text-align:center; padding-top:24px; padding-bottom:15px; display:block; }

.homeimg li p { color:#919191; width:200px; margin:0 auto; font-size:12px; line-height:25px; }

.homeimg li a { display:block; text-align:center; color:#565656; font-size:14px; }

.homeimg li p a:hover { text-decoration:underline; color:#09f; }

/*  FBA优势*/

/*serv*/

.serv { margin-bottom: 30px; }

#tag { height: 454px; width: 100%; margin: 20px 0; }

.tagnav { height: 40px; width: 100%; }

.tagnav li { position: relative; display: block; height: 100%; width: 16%; float: left; background-color: #ddd; font-size: 15px; line-height: 40px; text-align: center; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; }

.tagnav li i { display: none; height: 9px; width: 16px; position: absolute; bottom: -9px; left: 112px; }

.tagnav li:hover { background-color: #0193de; color: #fff; }

.tagnav li:hover i { display: block; }

.tagnav li.active { background-color: #0193de; color: #fff; }

.tagnav li.active i { display: block; }

/*tagcontent*/

.main2{ background:url(../images/fab_bg1.jpg) no-repeat center bottom #fff;padding-bottom:200px;}

.block-s { display: block; }

#tagcontent1, #tagcontent2, #tagcontent3, #tagcontent4, #tagcontent5 { width: 100%; height: 384px; margin-top: 20px; }

.tagfl { width: 400px; height: 400px; float: left; }

.tagfr { float: right; position: relative; width: 664px; height: 100%; overflow: hidden; text-align: left; }

.tagfr h4, .tagfr h5 { text-align: left; }

.tagfr h4 { font-size: 16px; color: #666; line-height: 36px; }

.tagfr h4 span { font-size: 12px; color: #999; }

.tagfr ul.list { list-style-position: inside; height: 84px; overflow: hidden; }

.tagfr ul.list li {  color: #666; line-height: 28px; }

.tagfr h5 { font-size: 14px; color: #333; line-height: 40px; }

.tagfr p.servintro { color: #666; text-indent: 8px; line-height: 28px; height: 168px; overflow: hidden; }

a.btn { position: absolute; bottom: 0; right: 174px; display: block; height: 32px; width: 216px; line-height: 32px; text-align: center; background: #0193de; color: #fff; margin-top: 20px; }

a.btn:hover { background: #eb9928; }

.title { margin-top: 30px; margin-bottom: 40px; }

.title h3 { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 18px; margin-top: 30px; margin-bottom: 5px; overflow: hidden; vertical-align: top; }

.title h3 a { font-size: 24px; margin: 0 20px; line-height: 30px; vertical-align: top; font-weight:bold; }

.title h3 i { display: inline-block; height: 100%; width: 203px; background-repeat: no-repeat; background-position: center center; }

i.title-left { background-image: url(../images/title-left.png); }

i.title-right { background-image: url(../images/title-right.png); }

.title h6 { font-size: 12px; color: #999; text-transform:uppercase; }

/*main3*/

.main3 { background: #f2f2f2; }

/*main4*/

.main4 { background-color: #0193de; color: #fff; }

.main4 h2, .main4 i { color:#fff }

.ct { padding:20px 0 40px; }

.ys div { margin:0 -30px; }

.ys ul { float:left; width:25%; }

.ys dl { margin:0 30px; }

.ys dt { height:75px; margin-bottom:10px; text-align:center; }

.ys h4 { font-size:18px; color:#fff; margin-bottom:10px; text-align:center; }

.ys p { font-size:14px; color:#FFF; line-height:25px; }

/*main*/

.about { background: url(../images/bg3.jpg) center top no-repeat; height: 400px; display: block; overflow: hidden; }

.video { position:absolute; top:68px; left:40px; z-index:666; width:490px; height:278px; display:block; overflow:hidden; }

.vcon { position:absolute; top:150px; left:554px; z-index:666; width:540px; height:196px; display:block; overflow:hidden; }

.vcont { padding:0 34px 0 10px; line-height:30px; color:#fff; width:105px; font-size:20px; display:block; height:30px; }

.vconp { padding:3px 20px 0 10px; line-height:28px; color:#fff; }

.left, .fleft, .sleft, .tleft { float: left; }

.news_con { background:#fff; padding:25px 0 20px 30px; -moz-box-shadow:0px 0px 3px #d5d5d5; -webkit-box-shadow:0px 0px 3px #d5d5d5; box-shadow:0px 0px 3px #d5d5d5; }

.news h3 { font-size:13px; font-weight:bold; color:#555; }

.news .fleft, .news .sleft { border-right:1px dashed #CDCDCD; padding-right:25px; width:315px; }

.news .m4_ul { padding-top:18px; }

.news .m4_ul .Ltop { width:100%; margin-bottom:5px; }

.news .m4_ul .Ltop .pic { width:92px; float:left; }

.news .m4_ul .Ltop .pic img { width:111px; height:69px; }

.news .m4_ul .Ltop dl { width:190px; float:right; padding-top:5px; }

.news .m4_ul .Ltop dt { width:190px; height:20px; line-height:20px; overflow:hidden; }

.news .m4_ul .Ltop dt a { font-weight:bold; }

.news .m4_ul .Ltop dd { width:190px; margin-top:3px; height:36px; line-height:18px; color:#888; overflow:hidden; font-size:12px; }

.news .m4_ul .Li { width:320px; height:30px; line-height:30px; }

.news .m4_ul .Li a { float:left; width:305px; background: url(../images/45m.png) no-repeat left 10px; height:30px; line-height:30px; overflow:hidden; padding:0 0 0 15px; font-size:12px; }

.news .m4_ul .Li span { float:right; color:#aaa; display:none }

.news .sleft { padding-left:25px; }

.news .tleft { width:316px; padding-left:25px; }



.yos em{color:#0193de; font-style:normal; font-weight:bold;}

.yos{ display:block; overflow:hidden;background:url(../images/yos.jpg) no-repeat center top #fff;margin-top:-43px; }

.yos h2{ padding-top:38px; height:102px; overflow:hidden;color:#222; font-size:36px; font-weight:bold; font-family:"Microsoft YaHei"; }

.yos h2 b{ font-size:32px; color:#fff;}

.yos  .i{ display:block;height:26px; text-transform:uppercase; color:#ccc;  font-size:20px;  font-weight:normal; font-style:normal; position:absolute;left:500px;top:40px;}

.yos h2 font{ display:inline-block; padding:0 20px; font-size:26px;color:#fff; font-weight:normal;margin-left:115px;margin-top:6px;}

.yos h2  strong{ display:inline-block;color:#0193de; margin-left:520px;margin-top:-20px;}

.yos h2  strong span{color:#ebc100;}

.yosImg01{ right:0; position:absolute; top:20px;}

.yosImg02{ left:0; position:absolute; top:360px;}

.yosImg03{ right:0; position:absolute; top:630px;}

.yosImg04{ left:0; position:absolute; top:960px; z-index:55}

.yosImg05{ right:42px; position:absolute; top:1222px; z-index:55}

.yosBox{ display:block; padding-top:28px; height:1464px;}

.yosBox dt{ color:#0193de; font-weight:bold; font-family:"Microsoft YaHei"; font-size:30px; height:75px;}

.yosBox dt i{ float:left; font-size:72px; padding-right:15px; font-style:normal; line-height:1em; font-family:arial}

.yosBox dt b{ text-transform:uppercase; color:#eeb776; font-size:18px; display:block;}

.yosBox dd{ padding-left:60px;}

.yosBox dd li{ line-height:23px; color:#231915; font-size:14px; font-family:"Microsoft YaHei"; padding-bottom:15px; padding-left:25px;}

.yosBox dd li small{ color:#ff0000; font-size:14px; font-family:"Microsoft YaHei"; font-weight:bold}

.yosBox .yos01{ width:500px;height:350px; overflow:hidden;}

.yosBox .yos02{ width:500px;height:180px; overflow:hidden; float:right; padding-top:25px;}

.yosBox .yos03{ width:500px;height:300px; overflow:hidden; padding-top:65px;}

.yosBox .yos04{ width:500px;height:180px; overflow:hidden; float:right;  padding-top:60px;}

.yosBox .yos05{ width:500px;height:240px; overflow:hidden; padding-top:30px;}

.yosBox p{ display:block; line-height:16px; font-size:12px; color:#fff; font-family:"Microsoft YaHei"; width:127px; text-align:center; left:293px; top:1212px; height:30px; position:absolute; z-index:99}

.middle-log .main{ padding-left:200px;}
.middle-log .main table{ width:75%;}

@media screen and (max-width: 800px)  
{
    .middle-log .main{ padding-left:0px;}
.middle-log .main table{ width:100%;}
}