@charset "utf-8";
@import url("icon/iconfont.css");
/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 Arial,"Microsoft Yahei"; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#2499FB; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }

/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }

/*页面布局
----------------------------------------------*/
.section{ position:relative; margin:0 auto; width:1160px; min-width:925px; max-width:1160px; text-align:left; }
.wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; overflow:hidden; }
	.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrap-box{ width:1160px; }


/*页面头部
----------------------------------------------*/
/*顶部样式*/
.header .head-nav{ position:relative; height:70px; background:#fff; }
    .header .head-nav .logo{ position:absolute; top:20px; left:0; width:180px;}
    .header .head-nav .nav-box{ position:absolute; top:15px; left:21%; right:0; line-height:40px; height:40px; }
    .header .head-nav .nav-box li{ float:left; margin:auto 1.8%; }
	.header .head-nav .nav-box li.current a{ color:#2499FB;}
    .header .head-nav .nav-box li a{ color:#333; font-size:16px; line-height:40px; }
    .header .head-nav .nav-box li a:hover{ color:#2499FB; }
    #index .index a,#news .news a,#goods .goods a,#video .video a,#photo .photo a,#down .down a,
    .header .head-nav .nav-box li a:hover{ color:#2499FB; }
    .header .head-nav .search-box{ position:absolute; top:19px; right:0; width:22%; height:34px; overflow:hidden; _height:35px; }
    .header .head-nav .search-box .input-box{ position:absolute; top:0; left:0; right:65px; bottom:0; }
    .header .head-nav .search-box .input-box input{ display:block; margin:0; padding:5px 12px; width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #e5e5e5; color:#333; font-size:12px; transform:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
    .header .head-nav .search-box .input-box input::-moz-placeholder{ color:#b3b3b3; opacity:1; }
    .header .head-nav .search-box a{ display:block; padding:5px; width:90px; height:22px; line-height:22px; float:left; margin-right:10px; font-size:16px; text-align:center; cursor:pointer; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; *top:1px; }
    .header .head-nav .search-box a.login{ background:#fff; border:1px solid #2499FB; color:#2499FB; border-radius:5px;}
	.header .head-nav .search-box a.register{ background:#2499FB; border:1px solid #2499FB; color:#fff; border-radius:5px;}
	/*.header .head-nav .search-box a:hover{ background:#2499FB; border-color:#2499FB; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
    .header .head-nav .search-box a:hover i{ color:#fff !important; }*/
/*Banner样式*/
.slide-box{ position:relative; margin:0; width:100%; height:350px; text-align:center; overflow:hidden; }
    .slide-box .list-box{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; background:#fff; }
	 /* opacity:0; filter:alpha:opacity(0); */
    .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
    .slide-box .list-box li a{ display:block; width:100%; height:100%; }
    .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; }
    .slide-box .speed-btn{ display:inline-block; margin:auto 0; }
    .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; }
    .slide-box .speed-btn a.selected{ background-position:0 -176px; }
    .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5; filter:alpha:opacity(50); background:url(../images/slide_btns.png) no-repeat; display:none; overflow:hidden; }
    .slide-box .prev-btn{ left:31px; background-position:0 0; }
    .slide-box .next-btn{ right:31px; background-position:0 -82px; }
/*幻灯片样式*/
.focus-box{ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; _position:relative; }
	.focus-box .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
	.focus-box .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focus-box .slides li{ width:100%; height:100%; overflow:hidden; }
	.focus-box .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focus-box .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); _background:url(none) 0 0 repeat #000; }
	.focus-box .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focus-box .flex-control-nav{ position:absolute; right:5px; bottom:10px; display:block; z-index:4; }
	.focus-box .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focus-box .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #fafafa; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focus-box .flex-control-paging li a:hover { background:#333; }
	.focus-box .flex-control-paging li a.flex-active { background:#c81623; border-color:#c81623; cursor:default; }


/*页面底部
----------------------------------------------*/
/*底部样式*/
.footer{background:#272B2E;}
.footer-top{padding-top:35px; width:980px; margin:0 auto;border-bottom:1px solid #666666;}
.webmap{float:left;margin-right:68px}
.webmap dt{line-height:53px; text-align:left;}
.webmap dt a{color:#fff;font-size:16px;}
.webmap dd{line-height:24px; text-align:left;}
.webmap dd a{color:#666;font-size:14px}
.webmap dd a:hover{color:#fff}
.erweima{width:110px; height:110px;}
.ewm{margin-right:13px}
.nomr{margin-right:0!important;float:right}
.footer-m{padding:10px 0 50px 0}

/*problem*/
.problem{width: 960px; margin: 0 auto; padding-top: 50px;}
.problem .p_top{ height: 100px; border-bottom: 1px solid #ccc;}
.problem .p_top h1{width: 300px; float: left; line-height: 100px; font-size: 34px; font-weight: 500;}
.problem .p_top .p_t_r{float: right; background: url(../imgs/problem_bg.png) no-repeat left center; padding-left: 81px; margin: 10px 0;}
.problem .p_top .p_t_r p{ padding: 2px 0; color:#666;}
.problem .p_top .p_t_r p.tel{ font-size: 16px; color: #333; font-weight: bold; padding: 5px 0;}
.problem .p_list{ font-size: 14px; margin: 0 0 50px 0;}
.problem .p_list li{ border: 1px solid #DDD; margin: 15px 0 0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px;}
.problem .p_list li .p_say{background: #FAFAFA; padding: 10px; font-weight: bold;}
.problem .p_list li .p_answer{ border-top: 1px solid #DDD; padding: 10px 20px; line-height: 25px; text-indent: 2em;}
.problem .p_list li .p_answer p{text-indent: 2em;}
.problem .p_list li a{color:#51A5D3;}
/*API*/
.api_main{width: 100%; padding-bottom: 20px; background:#f7f6fc}
.api_main .api_show_main{width: 100%; height: 393px; background: #fff;}
.api_main .api_show_main .api_show_main_wrap{width: 835px; margin: 0 auto; position: relative;}
.api_main .api_show_main .api_show_main_wrap a{width: 161px; height: 51px; line-height: 51px; cursor: pointer; color: #ffffff; font-size: 18px; text-align: center; position: absolute; left: 50%; margin-left: -80px; bottom: 30px; background: url(../images/api_btn.png) no-repeat;}
.api_main .api_show_main .api_show_main_wrap a:hover{background: url(../images/api_btn_down.png) no-repeat;}
.api_main .api_content{width: 755px; padding: 60px 40px 0 40px; margin: 0 auto;}
.api_main .api_content .api_content_top{float: left;}
.api_main .api_content .api_content_top h1{font-size: 24px; text-align: center; color: #242424;}
.api_main .api_content .api_content_top p{font-size: 18px; color: #828282; line-height: 35px; margin: 25px 0;}
.api_main .api_intro{width: 755px; padding: 60px 40px; margin: 0 auto;}
.api_main .api_intro .api_intro_part{width: 187px; float: left; }
.api_main .api_intro .api_intro_part img{width: 105px; height: 105px; margin: 0 41px 20px 41px;}
.api_main .api_intro .api_intro_part span{width: 105px; height: 25px; line-height: 25px; display: inline-block; text-align: center; margin: 0 41px; font-size: 18px; color: #242424;}
.api_main .api_intro .api_intro_part p{width: 105px; margin: 0 41px; font-size: 14px; color: #828282; padding: 10px 0;}
.api_main .api_tele{width: 755px; margin: 0 auto;}
.api_main .api_tele p{ text-align: center; font-size: 18px; color: #242424;}

/*layout*/
.order_box{width: 400px; background:#f9f9f9; position: absolute; z-index: 100; top: 50px; left: 50%; margin-left: -200px;}
.order_box .order_box_title{height: 55px; line-height: 55px; background: #2d3037; text-align: center; color: #fff; font-size: 24px;}
.order_box .order_box_content{ margin: 15px; background:#ffffff; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.order_box .order_box_inner_title{ position: relative; border-bottom: 1px solid #cdcdcd;}
.order_box .order_box_itl,.order_box_itr{width:183px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: #2c3036; float: left;}
.order_box .order_box_itr{ float: right; border-left: 1px solid #cdcdcd; cursor: pointer;}
.order_box .order_box_itr i{width: 16px; height: 9px; display: inline-block; margin-left: 10px; background: url(../images/api_arrow_down_bg.png);}
.order_box .order_box_itr i.up{ background: url(../images/api_arrow_up_bg.png);}
.order_box .order_box_inner_title ul{width: 182px; position: absolute; right: 0; top: 50px; z-index: 150; display: none; background: #fff; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.order_box .order_box_inner_title ul li{width: 100%; height: 40px; overflow: hidden; line-height: 40px; cursor: pointer; color: #2c3036; font-size: 20px; border-bottom: 1px solid #cdcdcd; float: left; text-align: center;}
.order_box table{width: 100%; margin: 10px 0;}
.order_box table tr{ font-size: 18px; color: #2c3036;}
.order_box table td{ height: 50px; line-height: 50px;}
.order_box table td.td_first{width: 100px; text-align: right;}
.order_box table td input{width: 205px; height:25px; line-height: 25px; font-size: 18px; color:#2c3036;  padding: 5px; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.order_box table td .table_line{height: 1px; background:#cdcdcd; margin: 0 15px;}
.order_box table td input.volume_btn{width: 40px;}
.order_box table td input.freight_btn{width: 100px;}
.order_box table td input.help_btn{width: 100px; display: none;}
.order_box table td span.hlep_span{display: none;}
.order_box table td span{padding: 0 2px; font-size: 16px;}
.order_box table td .select_time,.help_money,.IsBidQuotation{ height: 50px; line-height: 50px; margin-left: 15px; padding: 0 0 0 47px; cursor: pointer; background: url(../images/api_circle_bg.png) no-repeat left center;}
.order_box table td .select_time img{margin-top: 6px; float: left;}
.order_box table td .select_time span{float: left;}
.order_box table td .help_money{width: 75px; overflow: hidden; float: left;}
.order_box table td .select_help_click{background:url(../images/api_circle_click_bg.png) no-repeat left center; }
.order_box table .select_tr{display: none;}
.order_box table .table_num{}
.order_box table .table_volume{}
.order_box table .table_weight{}
.order_box table .startPlace{}
.order_box table .startPlace td{position: relative;}
.order_box table .startPlace ul{width: 275px; position: absolute; left: 100px; top: -10px; display: none; background: #fff; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.order_box table .startPlace ul li{width: 100%; height: 40px; overflow: hidden; line-height: 40px; cursor: pointer; color: #2c3036; font-size: 20px; border-bottom: 1px solid #cdcdcd; float: left; text-align: center;}
.order_box table .endPlace td{position: relative;}
.order_box table .endPlace ul{width: 275px; position: absolute; left: 100px; top: -10px; display: none; background: #fff; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.order_box table .endPlace ul li{width: 100%; height: 40px; overflow: hidden; line-height: 40px; cursor: pointer; color: #2c3036; font-size: 20px; border-bottom: 1px solid #cdcdcd; float: left; text-align: center;}
.order_box table .startPlaceDiv,.endPlaceDiv,.carTypeDiv{width: 215px; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.order_box table input.endPlaceBtn{width: 185px; border: 0; float: left;}
.order_box table .endPlaceDiv i{width: 16px; height: 9px; display: inline-block; float: left; margin-top: 14px; background: url(../images/api_arrow_down_bg.png);}
.order_box table input.startPlaceBtn{width: 185px; border: 0; float: left;}
.order_box table .startPlaceDiv i{width: 16px; height: 9px; display: inline-block; float: left; margin-top: 14px; background: url(../images/api_arrow_down_bg.png);}
.order_box table input.carTypeDiv{width: 185px; border: 0; float: left;}
.order_box table .carTypeDiv i{width: 16px; height: 9px; display: inline-block; float: left; margin-top: 14px; background: url(../images/api_arrow_down_bg.png);}
.order_box table input.carTypeBtn{width: 185px; border: 0; float: left;}
.order_box table .carType td{position: relative;}
.order_box table .carType ul{width: 275px; position: absolute; left: 100px; top: -10px; display: none; background: #fff; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.order_box table .carType ul li{width: 100%; height: 40px; overflow: hidden; line-height: 40px; cursor: pointer; color: #2c3036; font-size: 20px; border-bottom: 1px solid #cdcdcd; float: left; text-align: center;}


.order_box .order_box_bottom{height: 52px;}
.order_box .order_box_bottom .order_box_bl,.order_box_br{width: 199px; height: 52px; line-height: 52px; text-align: center; background: #267ceb; float: left;}
.order_box .order_box_bottom .order_box_br{float: right;}
.order_box .order_box_bottom a{width: 199px; height: 51px; display: inline-block; color: #fff; font-size: 18px;}
/***遮罩层****/
#greybackground{background: #000; display: block; z-index: 90; width: 100%; position: absolute; top: 0; left: 0;  }

/* 商务合作 */
.cooperation_main{ width: 980px; margin: 20px auto; background: white; padding: 60px;}
.cooperation_title { font-size: 24px; color: #333333; font-weight: bold; margin-top: 10px;}
.cooperation_input{width: 100%; background: #FAFAFA; border: 1px solid #EDEDED; padding: 10px; margin: 14px 0;}
.cooperation_btn{width: 334px; height: 60px; cursor: pointer; line-height: 60px; text-align: center; background: #2499FB; border-radius: 5px; color: white; margin: 80px auto;}