body{margin:0 ;padding:0;  font-size:14px; color:#555; font-weight:100;  width:100%; font-family: Arial, Helvetica, sans-serif; background:url(../images/bgbg.jpg) top center repeat-y #fff; }
html{overflow-y:scroll;}
body{
    font-family: product sans, open sans, sans-serif;
    color: #595959;
    /* font-size: 16px; */
    font-weight: 400;
    letter-spacing: normal;
    /* line-height: 24px; */
}

html,body,div,ul,li,p,span,a,input,strong,textarea,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,pre,form,fieldset,blockquote{margin:0; padding:0;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
input,select{outline:none;font-size:12px;}
input::-ms-clear,input::-ms-reveal{display:none;}
input[type="submit"],input[type="button"]{star:expression(this.onFocus=this.blur());}
label, input, button, select, textarea {font-size: 14px;font-weight: normal;line-height: 20px;}
h2{ font-size:24px; display:block; font-weight:bold; line-height:40px;}
h3{ font-size:18px; display:block;line-height:40px;}
a,a:link,a:visited{text-decoration:none; outline:none; star:expression(this.onFocus=this.blur());}
a:hover{text-decoration:underline;}
em,i{font-style:normal;}
img{border:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.ltadd a{ text-decoration:none; color:#50baeb;transition: all .5s ease;}
.ltadd a:link{ text-decoration:none; color:#50baeb;transition: all .5s ease;}
.ltadd a:hover{ text-decoration:none; color:#ff6600;transition: all .5s ease;}
.ltadd a:active{ text-decoration:none; color:#50baeb;transition: all .5s ease;}

.clear-in{clear:both;width:100%; }
p{line-height:20px;text-indent: 0em;}
.clear{clear:both; border-bottom:#ddd 1px solid; }
.bold{font-weight:bold;}
.none{display:none;}
.f_l{float:left;}
.f_r{float:right;}
.t_l{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.ov{ overflow:hidden;}
.fontweight{ font-weight:bold;}
.colororange{ color:#ff9600;}
.font14{ font-size:14px;}
.colororange{ color:#ff9600;}
.ttt a{ color:#666;}
.ttt a:link{ color:#666;}
.ttt a:hover{color:#FF6600;}
.ttt a:active{ color:#666;}
.bluetext a{ color:#3359ae;}
.bluetext a:link{ color:#3359ae;}
.bluetext a:hover{color:#3359ae; text-decoration:underline; }
.bluetext a:active{ color:#3359ae;}

header{ z-index: 1001;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100px;background: #fff;overflow: visible;-webkit-box-shadow:#999 0 1px 8px;-moz-box-shadow:#999 0 1px 8px;box-shadow:#aaa 0 1px 8px;}
nav{width:730px;height:100px;padding:0; padding:0 0 0 270px; margin:0 auto; position:relative;}
.nav-logo{ width:180px; height:55px; background:url(../images/logo.png) no-repeat; position:absolute; left:0;top:15px; }
nav ul {margin:0;padding:0;width:100%;list-style:none;}
nav ul li{background: #FFF; display:block;float:left; width:auto; margin-top:30px; padding:0;padding:0 1.5%; text-align:center;position:relative;-webkit-border-radius: .6em ;/*{global-radii-buttons;*/border-radius: .6em;transition: all .8s ease; }
nav ul li a{display:block; color:#555;  padding:12px 0;text-align:center;font-size:14px;text-decoration:none;float:left;transition: all .5s ease; }
nav ul li a:hover { color:#fff; padding:12px 0; text-align:center; text-decoration:none;transition: all .8s ease;}
nav ul li:hover{cursor:pointer; padding:0 1.5%; background: #50baeb;	color:#fff;	transition: all 1s ease; -webkit-border-radius: .6em ;/*{global-radii-buttons;*/border-radius: .6em ;transition: all 1s ease;}
nav ul .active, nav ul .active:hover{ padding:0;-webkit-border-radius: .6em ;/*{global-radii-buttons;*/border-radius: .6em;transition: all 1s ease;}
nav ul .active a, nav ul .active a:hover{ display:block; background: #50baeb;color:#fff; padding:12px 10px; text-align:center; text-decoration:none;-webkit-border-radius: .6em ;/*{global-radii-buttons;*/border-radius: .6em;transition: all 1s ease;}
#otherservice 
{ width:100%; height:50px; padding-top:30px; 
display:none; 
font-size:12px; 
position: fixed;_position: absolute; z-index:1002; 
left:0px; 
top:70px; 
background: #fff;overflow: visible;-moz-border-radius: 5px;
-moz-box-shadow: 0px 3px 5px #ccc;
-webkit-box-shadow: 0px 3px 5px #ccc;
box-shadow: 0px 3px 5px #ccc;
/*padding:0 0 0 30%;*/
} 
#otherservice a{padding: 0 8px; line-height:30px; }
#otherservice .otherservice-bg{display:block;  width:990px; height:50px; padding:0 10px 0 0px; margin: 0 auto; overflow:hidden;/* background:url(../images/2dd.png) 0px 0px repeat-x;*/ text-align:right;}

/*banner start*/
.banner-title{ font-size:60px; color:#fff; font-weight:800; left:200px; top:150px;}
.banner-list{ font-size:30px; color:#fff;left:200px; top:220px;}
.slide-banner{ margin-top:100px; height:320px;overflow:hidden;position:relative;}
.banner-bg{position:absolute;left:0;top:0;height:320px;z-index:1;width:100%;background-color:#f4f4f4;background-position:50% 0;}
.banner-nav-bg{height:40px;background:#000;position:relative;z-index:199;bottom:40px;filter:alpha(opacity=75);opacity:0.5;}
.banner-nav{position:absolute;left:50%;bottom:10px;z-index:999;}
.banner-nav li{background:url(icons.png) no-repeat;}
.banner-nav li{float:left;width:16px;height:16px;background-position:3px 0px;margin-right:8px;cursor:pointer;}
.banner-nav li.active{background-position:-20px 0px;}
.banner-content{width:1180px;margin:0 auto;position:relative;height:320px;z-index:100;}
.banner-img{position:absolute;z-index:2;left:-150%;}
.banner-bar-bg{width:100%;height:3px;margin:0 auto;bottom:42px;position:relative;z-index:999;}
.banner-bar{height:3px;width:0;background:#ff9000;position:absolute;left:0;z-index:999;}
.banner-sea-title{top:130px; font-size:60px; color:#fff; }
.banner-sea-list{top:200px; font-size:24px; color:#fff;  }

/*------ Other-service start------*/
.fr{float:right;}
.fgH20{float:left;width:19px;height:280px;}
#servicesBox{width:1000px;height:280px;margin:0 auto;clear:both;padding:4% 0 6% 0px;line-height:18px;color:#999999;font-size:12px;}
#servicesBox h3{font-weight:normal;font-size:16px;height:30px;line-height:20px;color:#000000;}
#servicesBox .serBox{cursor:pointer;display:inline;width:320px;height:280px;float:left;overflow:hidden;background-color:#f7f7f7;position:relative;padding:0}
#servicesBox .serBoxOn{display:none;width:320px;height:280px;background:#e9e9e9;position:absolute;left:0px;top:0px;z-index:19;}
#servicesBox .serBox .pic1{width:78px;height:78px;text-align:center;position:absolute;top:50px;right:115px;z-index:99;}
#servicesBox .serBox .pic2{width:260px;height:138px;text-align:center;position:absolute;top:22px;left:-260px;z-index:99;}
#servicesBox .serBox .txt1{width:240px;height:100px;color:#999999;position:absolute;top:165px;left:40px;z-index:99;}
#servicesBox .serBox .txt2{width:240px;height:100px;color:#999999;position:absolute;top:165px;right:-240px;z-index:99;}
#servicesBox .serBox span.tit{font-size:22px;display:block;height:50px;line-height:40px;text-align:center; color:#555;}
#servicesBox .serBox .txt1 .tit{color:#555; font-weight:bold; }
#servicesBox .serBox .txt2 .tit {color:#ff9000 ;font-weight:bold;}

.servicesPop{background:#F1F1F1;width:100%;clear:both;height:320px;padding-top:33px;position:absolute;top:2px;left:0px;z-index:999;display:none}
.servicesPop #serFocus{width:960px;height:273px;margin:0 auto;clear:both;background-color:#ffffff;}
#serFocus .white{color:#fff}
#serFocus div.box{height:273px;display:none;color:#999999;}
#serFocus div.box .serTit{height:50px;line-height:20px}
.flash_bar{text-align:center;clear:both;height:32px;width:1000px;padding-top:10px;margin:0 auto;}
.flash_bar span.dq{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0 -38px;}
.flash_bar span.no{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0px 0px;}
a.close{cursor:pointer;display:inline-block;width:28px;height:28px;background:url(../images/bt_bg.gif) no-repeat 0px -608px;position:absolute;top:0px;z-index:99;right:0px;}
a.close:hover{background:url(../images/bt_bg.gif) no-repeat -38px -608px;}
.clients_box{width:996px;height:243px;overflow:hidden;border-top:#efeff0 1px solid;border-left:#efeff0 1px solid;background-color:#ffffff;clear:both;overflow:hidden;margin:0px auto 0px auto;margin-bottom:60px;}
.clients_box li{float:left;padding:0px;border-bottom:#efeff0 1px solid;border-right:#efeff0 1px solid;width:165px;height:80px;/**/ overflow:hidden;}
.clients_box img{width:165px;height:80px;margin:0px;padding:0px;}
a.yidongBt{display:inline-block;margin-top:5px;width:125px;height:32px;line-height:32px;text-align:center;font-size:14px;background:url(../images/bt_bg.gif) no-repeat 0px -326px;}
a.yidongBt:hover {background:url(../images/bt_bg.gif) no-repeat 0px -368px;}
.yidongL{width:300px;height:273px;text-align:right;float:left;padding-right:40px;overflow:hidden;}
.servicesCon{float:left;padding-top:40px;}
.servicesTxt{float:left;width:510px;padding-top:55px;line-height:22px;}
.servicesTxt p{padding:8px 0px;}
span.Apple,span.Android,span.Win8{display:inline-block;padding:0px 90px 0px 40px;height:35px;line-height:35px;color:#222222;font-size:16px;font-family:Arial;background-image:url(../images/bt_bg.gif);background-repeat:no-repeat;}
span.Apple{background-position:0px -410px;}
span.Android{background-position:0px -455px;}
span.Win8{background-position:0px -500px;}
.servicesCon ul{padding:5px 0px;}
.servicesCon li{clear:both;background:url(../images/bt_bg.gif) no-repeat 0px -552px;line-height:26xp;padding-left:12px;color:#999999;}

/*------ about-us start------*/
.index-aboutus-bd{ width:100%; background:none; margin:0 auto; padding:6% 0;display:inline-block; }
.index-aboutus{ width:1000px; margin:0 auto;}
.index-aboutus .index-aboutus-lt{ float:left; width:40%;}
.index-aboutus .index-aboutus-lt a{ display:block; width:270px; height:80px; background:url(../images/iconpic.png) no-repeat; float:right; margin:20px 0; padding:65px 0 0 15px;}
.index-aboutus .index-aboutus-lt img{ margin-left:30%;}
.index-aboutus .index-aboutus-rt{ float:left; width:60%;}
.index-aboutus .index-aboutus-rt .index-aboutus-title{ /* color:#ff6600; */font-size:16px; font-weight:bold;}
.index-aboutus-btn{-webkit-border-radius: .4em;border-radius: .4em; padding:10px 30px ; margin:20px 0; background:#50baeb; border:none; font-size:16px; color:#fff;cursor:pointer;}
.index-aboutus-btn:hover{ background:#ff9000; text-decoration:none;transition: all 1s ease; }
/*------ Our-Partners start------*/
.index-partners-bd{ width:100%; background:none; margin:0 auto; padding:5% 0;display:inline-block;  }
.index-partners{ width:1000px;padding:0 20px; margin:0 auto; }
.index-partners  .index-partners-title{ padding:30px 0; text-align:center;font-size:24px; font-weight:bold;}
.index-partners li{ margin:0 0px 20px 0; padding:0 10px; float:left;}
.index-partners li img{ border:#ddd 1px solid; padding:0 20px; background:#fff; }

/*------ comment start------*/
.index-comment-bd{ width:100%;/* background:#50baeb; */margin:0 auto; padding:6% 0;display:inline-block;  }
.index-comment{ width:1000px; margin:0 auto; height:180px;}
.index-comment .index-comment-lt{ float:left; width:40%;}
.index-comment .index-comment-lt img{ margin-left:10%;}
.index-comment .index-comment-rt{ float:left; width:50%; height:180px; overflow:hidden;}
.index-comment .index-comment-rt .index-comment-title{ /* color:#ff6600; */font-size:16px; font-weight:bold;}
.index-comment .index-comment-dd{}
/*js*/
.news{clear:both;background:url(../images/news_bg.gif);width:1000px;height:180px; position:relative;}
.news ul{overflow:hidden;height:180px; width:1000px;}
.news ul li{}
.news ul li.active{display:block}
.news span{border-right:#fff 1px solid;padding-right:0.75em;margin:0px 0.75em 0px 0px;padding-top:0px}
.news ul a{text-decoration:none}
.news ul a:hover{text-decoration:underline}
.news ol{ display:block;float:left; width:10%; height:10px; overflow:hidden;   position:absolute; right:0; z-index:1000;}
.news ol li{display:inline;margin:0px 0px 0px 3px;width:10px;}
.news ol li a{background:url(../images/switcher.gif) 0px -10px}
.news ol li a:hover{background:url(../images/switcher.gif) 0px 10px}
.news ol li a.active{background:url(../images/switcher.gif) 0px 0px}
.news ol li a.active:hover{background:url(../images/switcher.gif) 0px 0px}

.footer-iframe{width: 100%;background-color: #ebebeb;height: 275px;}
.header-iframe{width: 100%;background-color: #ebebeb;height: 100px;}

/*------ footer start------*/
/*.index-footer-bd{font-size:11px;color:#fff; width:100%; padding: 0;border-top:#d8d8d8 2px solid;margin:0 auto; display:inline-block; background:#003a68;  }
.index-footer{  font-size:12px; width:1000px; margin:0 auto; padding:60px 0 100px 0; position:relative;}
.index-footer-lt{ width:35%; float:left;}
.index-footer-rt{ width:65%; float:left;}
.index-footer-rt li{ display:block; width:33%; float:left; line-height:26px; opacity: .8;}
.footer-services-title{ font-size:20px; padding:10px 0 10px 0;}
.index-footer-lt li{ opacity: .8; display:block; }
.index-footer-lt .footer-logo{ width:150px; height:50px; background:url(../images/logo.png) 0 -60px no-repeat; margin:0 0 10px 0;}
.index-footer-lt .footer-contact{text-indent:2em;  width:auto; padding:5px 0;}
.index-footer-lt .footer-tel{ background:url(../images/icon.png) 0 -100px no-repeat; }
.index-footer-lt .footer-email{ background:url(../images/icon.png) 0 -123px no-repeat; }
.copy{ opacity: .8; width:100%; border-top:#002542 1px solid; padding:30px 0; margin:0 auto; text-align:center; background:#003157; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2); }*/
/*------ footer start------*/
.index-footer-bd{font-size:11px;color:#333; width:100%; padding: 0; background:#ebebeb; margin:0 auto; display:inline-block;   }
.index-footer{  font-size:12px; width:1000px; margin:0 auto; padding:40px 0 40px 0; position:relative;}
.index-footer-lt{ width:30%; float:left;}
.index-footer-rt{ width:30%; float:left;}
.index-footer-rt li{ display:block; width:50%; float:left; line-height:26px; opacity: .8;}
.footer-services-title{ font-size:20px; padding:10px 0 10px 0;}
.index-footer-lt li{ opacity: .8; display:block; }
.index-footer-logo{width:40%; float:right; }
.index-footer-logo .footer-logo{ float:right; margin:20px 0 0 0 ; width:180px; height:60px; background:url(../images/logo.png) 0 0px no-repeat; }

.index-footer-lt .footer-contact{text-indent:3em;  width:auto; padding:5px 0;}
.index-footer-lt .footer-tel{ background:url(../images/icon.png) 0 3px no-repeat; }
.index-footer-lt .footer-email{ background:url(../images/icon.png) 0 -32px no-repeat; }
.index-footer-lt .footer-qq{ background:url(../images/icon.png) 0 -32px no-repeat; }
.index-footer-lt . footer-icon{ display:block;}
.copy{  width:100%; border-top:#002542 1px solid; padding:30px 0; margin:0 auto; text-align:center; background:#015093; color:#fff; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2); }



/*------ right start------*/
#rocket-to-top div {left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:149px;}
#rocket-to-top .level-2 {background:url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;display:none;height:250px;opacity:0;z-index:1;}
#rocket-to-top .level-3 {background:none repeat scroll 0 0 transparent;cursor:pointer;display:block;height:150px;z-index:2;}
#rocket-to-top {background:url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;cursor:default;display:block;height:250px;margin:-125px 0 0;overflow:hidden;padding:0;position:fixed;right:0;top:80%;width:149px;z-index:11;}

/*------ sea freight start------*/
.sea-banner{ width:100%; height:auto; display:inline-block; margin-top:100px; }
.sea-banner-bg{width:100%; height:200px;  background:url(../images/sea-freight-banner2200x200.jpg) no-repeat;background-position: center top;}
.sea-banner-bout{ display:block; width:100%; height:350px;  position:absolute;top:100px; background:url(../images/sea-freight-banner-bout.png) no-repeat;background-position: 70% top; }

/*------ sea-Services start------*/
.sea-conter{ width:1000px; margin:20px auto 60px auto;}
.sea-conter-lt, .sea-conter-rt{ width:740px; margin:0 40px 0 0; float:left; display:inline-block; position:relative;}
.sea-conter-lt-add{color:#50baeb; font-size:11px; position:absolute; z-index:1000;}
.sea-conter-lt-title{padding:50px 0 10px 0; }
.sea-conter-lt-introduce{padding:20px 0 40px 0; text-indent:2em;background:url(../images/2dd.png) repeat-x; font-size:16px; line-height:24px; display:inline-block; }
.sea-conter-lt-introduce img{ display:block; float:left; margin-right:20px;  }






.sea-conter-lt-Services{  }
.sea-conter-lt-Services-title{ display:block;line-height:30px; height:30px; font-size:18px; font-weight:800; margin:10px 0 20px 0;background:url(../images/2dd.png) 0 29px repeat-x;  }
.sea-conter-lt-Services li{ line-height:26px; text-indent:2em;  background:url(../images/circle.png) 0 10px no-repeat; font-size:16px; }

.sea-conter-rt{ margin:0;width:220px; float:left; color:#888; }
.sea-conter-rt-Services{ width:218px; border:#ddd 1px solid;margin:0 0 20px 0}

.sea-conter-rt-Services p{ padding:20px 0 10px 10px; line-height:20px; font-size:12px;}
.sea-conter-rt-Services p .rt-Services-title{ color:#ff6600; font-size:16px; font-weight:800; line-height:32px;}

.conter-rt-Services-img{width:218px; height:91px; 	overflow:hidden;	position: relative;}
.conter-rt-Services-img img{ height: 91px;
    width:218px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.conter-rt-Services-img:hover img {
	transform: scale(1.2, 1.2);

	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.conter-rt-Services-img .show {
    background: rgba(0, 0, 0, 0.4);
    height:91px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:218px;
    z-index: 200;
}
.conter-rt-Services-img .show .imgArea {
    left: 45%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.conter-rt-Services-img .show .imgArea a{
	font-weight:bold;
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.conter-rt-Services-img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.conter-rt-Services-img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.conter-rt-Services-img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}






.sea-conter-rt-Services .sea-conter-rt-contact-list{ border-top:#ddd 1px solid; font-size:12px;line-height:36px; height:36px; margin:0; padding:0; text-indent:4em;}
.sea-conter-rt-Services .contact-list-tel{ background:url(../images/icon.png) 15px 8px no-repeat;}
.sea-conter-rt-Services .contact-list-email{ background:url(../images/icon.png) 15px -25px no-repeat;}
.sea-conter-rt-Services .contact-list-mobile{ background:url(../images/icon.png) 15px -60px no-repeat;}
.sea-conter-rt-Services .bdnone{ border:none; }

/*------ road freight start------*/
.road-banner{ width:100%; height:auto; display:inline-block; margin-top:100px; }
.road-banner-bg{width:100%; height:200px;  background:url(../images/road-freight-banner2200x200.jpg) no-repeat;background-position: center top;}
.road-banner-bout{ display:block; width:100%; height:350px;  position:absolute;top:100px; background:url(../images/road-freight-banner-car.png) no-repeat;background-position: 70% top; }


/*------ air freight start------*/
.air-banner{ width:100%; height:auto; display:inline-block; margin-top:100px; }
.air-banner-bg{width:100%; height:200px;  background:url(../images/air-freight-banner2200x200.jpg) no-repeat;background-position: center top;}

/*------ about us start------*/
.aboutus-banner{ width:100%; height:auto; display:inline-block; margin-top:100px; }
.aboutus-banner-bg{width:100%; height:200px;  background:url(../images/aboutus-banner2200x200.jpg) no-repeat;background-position: center top;}

/*------ Get A Quote start------*/
.quote-banner-bg{width:100%; height:200px;  background:url(../images/quote.jpg) no-repeat;background-position: center top;}
.quote{padding:0 20px; background:url(../images/2dd.png) repeat-x;}
.quote legend { 
color: #50baeb;
font-size: 18px;
line-height: 60px;
height: 50px;
width: 100%;
margin-top: 10px;
padding: 0;
font-family: Arial;
margin-bottom: 15px;
 border-bottom:#ddd 1px solid;} 
.quote_r {
width: 390px;
float: left;
position: relative;
}
.quote .ul1 label, .ul2 dt {
color: #666;
font-weight: bold;
text-align: left;
vertical-align: top;
width: 160px;
float: left;}
.quote li {
float: left;
margin-bottom: 10px;
width: 100%;
}
.quote b {
color: #ff0000;
margin-left: 2px;
margin-right: 4px;
float: left;
height: 30px;
line-height: 30px;
}
.input1, .input2 {
line-height: 22px;
height: 22px !important;
float: left;
margin: 0;
padding: 3px;
border: solid 1px #d6d6d6;
overflow: hidden;
border-radius: 3px 3px 3px 3px;
}
.w1 label {
width: 190px;
}
.ul2 label {
display: inline-block;
height: 25px;
}
.w2 label {
width: 95px;
}
.ul2 label {
display: inline-block;
height: 25px;
}
.ul1 label i {
font-weight: normal;
}
.ul1 select {
font-size: 14px;
font-weight: normal;
background-color: #fff;
vertical-align: middle;
height: 30px;
float: left;
padding: 3px !important;
border: 1px solid #d6d6d6;
width: 80px;
border-radius: 3px;
}
.input1 {
width: 210px;
}
.input2{ width:300px;}
.ul1 .wt300{ width:308px;}
fieldset{ background:none; border:none;}

/*------ Get A Quote start------*/
.contact-banner-bg{width:100%; height:200px;  background:url(../images/contact.jpg) no-repeat;background-position: center top;}
















