@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1; font-family: "Droid Arabic Kufi",serif; width:100%; height:100%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
h6,h5,h4,h3,h2,h1{ margin:0; padding:0;}
img{ border:none;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1200px;}

/*------Header Section-------*/
#topbox{ background:#eeeeee; position:relative; padding:0 0 50px 0; direction:rtl;}
.topicon-box{ float:right; font-size:12px;line-height:19px;margin:0px 0px 0 15px; padding:18px 0px 18px 15px; border-left:#aaaaaa solid thin; color:#585858;}	
.topicon-box img{ float:right; margin:0 0px 0 10px;}
#language-cover{ float:left;}
#language-cover a{ font-size:12px; margin:11px 0px 6px 7px; background:#FFF; color:#282828; float:right; border:#4ac8ed solid thin; text-align:center; padding:8px 20px;}
#language-cover a:hover{ background:#4ac8ed; color:#FFF;}
#menu-logocover{ position:absolute; background:#083c83; left:0; bottom:-95px; -moz-box-shadow: 1px 4px 8px #011a3c;-webkit-box-shadow: 1px 4px 8px #011a3c;box-shadow: 1px 4px 8px #011a3c; width:100%; padding:5px; box-sizing:border-box; z-index:1000;}
#logo{ width:168px; height:88px; float:right;}
#logo img{ width:100%; height:100%;}
#mobile_menu, #mobile_drop{display:none;}
#menu_part{ float:right; margin:36px 43px 0 0; direction:rtl;}
.mtoggle{cursor:pointer; margin:22px 0px 0 9px; float:left;}
/*****LEVEL ONE*****/
ul.dropdown{ position: relative;z-index:1000;}
ul.dropdown li{float: right; zoom: 1;list-style:none;}
ul.dropdown li a{ display:block; color:#FFFFFF;text-transform:uppercase; padding:5px 15px; font-size:14px; font-weight:bold;}
ul.dropdown li a:hover{ color: #4ac8ed;}
ul.dropdown li:hover{position: relative; color:#4ac8ed; }
ul.dropdown li.hover a{ color: #4ac8ed;}

/*****LEVEL TWO*****/
ul.dropdown ul{ width: 187px; visibility: hidden; position: absolute; top: 100%; right: 0; }
ul.dropdown ul li{background:#042d65; color: #FFF; border-bottom: 1px solid #fff; float: none;list-style:none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; font-size:12px; color:#fff!important;padding:13px 10px;height:auto;text-shadow:none!important;background:none; text-transform:uppercase; font-weight:normal;} 
ul.dropdown ul li:hover{ background:#49c8eb;}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown li:hover > ul{ visibility: visible;}
#social-icontop{ float:right; margin:38px 0 0 0;}
#social-icontop a{ float:left; margin:0 15px 0 0;}
/*------Header Section End-----*/

/*banner section*/
.caption{ border-top:#FFF solid 7px; font-size:49px; color:#FFF; position:absolute; direction:rtl; text-align:right;  left:158px; top:208px; padding:19px 0; z-index:9999 !important; width:653px; font-size:56px; text-transform:uppercase;}
.red{ color:#f23524; display:inline-block;}
.caption span{ font-size:20px; color:#FFF; line-height:29px; display:block; text-transform:none; margin:10px 0 0 0;}
/*banner section end*/

/*content part*/
.titel{ font-size:26px; color:#00214f; background:url(../images/line.jpg) no-repeat right bottom; font-weight:bold; padding:0 0 10px 0; margin:0 0 18px 0; direction:rtl;}
#service-scroll{ width:800px !important; list-style:none; margin:31px 0 0 0; padding:0; float:right;}
#service-scroll li{ width:386px; float:left; height:217px; overflow:hidden; position:relative; margin:0 23px 0 0;  }
.service-img{ width:386px; height:227px;}
.service-img img, #ad-img img, .client-img img{ width:100%; height:100%;}
.service-content{ position:absolute; left:0; top:76%; background: url(../images/blueopacity.png) repeat; z-index:1000; height:100%; color:#FFF; padding:14px 25px; box-sizing:border-box; width:100%;  -webkit-transition: top 1s;
transition: top 1s;}
.prev{display:block;cursor:pointer;background:#083c83 url(../images/prv.png) no-repeat center; z-index:1000; width:35px;height:35px;position:absolute;bottom:0;left:0px; z-index:9999;}
.next{display:block; position:absolute;cursor:pointer; z-index:1000;width:35px;height:35px;background:#083c83 url(../images/nxt.png) no-repeat center;bottom:0;right:0;}  
#scroll-cover{ position:absolute; clear:both; right:-22px; bottom:138px; width:840px;}  
    
.service-titel{ display:table; height:33px;  width:100%; margin:0 0 5px 0; direction:rtl;}
.service-titel img{ float:right; margin:3px 0 0 0;}
.service-titel h2{ display:table-cell; vertical-align:middle; font-size:17px; text-align:right;color:#FFF; line-height:16px; width:298px;}
.service-list{ margin:0 0 0 52px; line-height:24px; direction:rtl;}
.service-list span{ color:#FFF; font-size:14px; display:block; text-align:right;}
.service-more{ margin:0px 0px 0 0px; display:block; text-align:right; color:#4ac8ed;font-size:13px; background:url(../images/more2.png) no-repeat left center; padding:10px 0; width:78px; float:right;}
.service-more:hover{ color:#FFF;}
#service-scroll li:hover .service-content{ top:0;}
#ad-cover{ float:left;}
#ad-box{ background:#e2e2e2; padding:22px;}
#ad-img{ width:323px; height:215px;}
#working-hour{ background:#083c83 url(../images/time.png) no-repeat right center; padding:18px 110px 18px 15px; direction:rtl; color:#FFF; font-size:19px; line-height:27px; }
#working-hour span{ display:block;  font-size:23px; text-transform:uppercase;}
#about-box{ background:url(../images/aboutbg.jpg) no-repeat center; background-size:cover; height:227px; padding:55px 0 30px 0; box-sizing:border-box; color:#FFF; font-size:29px; text-align:center;  text-transform:uppercase; line-height:35px; direction:rtl;}
#about-btn{ background:#282973 url(../images/more.png) no-repeat left center; width:136px; margin:24px auto; font-size:19px; padding:8px 21px; box-sizing:border-box; text-align:right; line-height:33px; display:block; color:#FFF;}
#about-btn:hover{ background-color:#00afe2;}
#client-scroll{ width:825px !important; list-style:none; margin:25px 0 0 0; padding:0; float:right; padding:0 0 14px 0;}
#client-scroll li{ width:196px; float:left; height:134px; margin:0 10px 0 2px; -moz-box-shadow: 0px 0px 6px #959595;
-webkit-box-shadow: 0px 0px 6px #959595;
box-shadow: 0px 0px 6px #959595;}
.client-img{ width:196px; height:134px;}

.tabContent ul, .career-box ul{ margin:11px 0 3px 0;list-style:disc;list-style-position:inside;}
.tabContent ul li, .career-box ul li{ margin-bottom:4px; position:relative;}
.career-box ul{ margin:11px 18px 3px 0;list-style:disc;}

#news-box{ float:right; position:relative; margin:25px 32px 0 0; width:343px;}
ul#news-list{ list-style:none;}
ul#news-list li a{ display:block; border-bottom:#d0d0d0 solid thin; background:url(../images/list.png) no-repeat right top; direction:rtl; text-align:right; padding:4px 40px 8px 10px;  margin:0 0 10px 0; font-size:17px; color:#000;}
ul#news-list li a:hover{ color:#249abb;}
#quote{ position:fixed; left:0; top:30%; background:url(../images/requestquote.png) no-repeat; width:64px; height:273px; z-index:9999;}
#news-more{ position:absolute; left:0; top:0; background: url(../images/more2.png) no-repeat left top; color:#22aed7; font-size:15px; padding:2px 0 0 20px;}
.career-box{ background:#3e4651 url(../images/career.png) no-repeat right 14px; color:#FFF; border-top-left-radius:9px; border-top-right-radius:9px; padding:26px 111px 14px 119px;min-height:102px; box-sizing:border-box; position:relative; margin:0 0 16px 0;}
.career-apply{ position:absolute; left:0; top:0; width:95px; height:100%; background:#1f2630 url(../images/stepmore.png) no-repeat center 66px; line-height:17px; display:block; border-top-right-radius:9px; color:#FFF; padding:28px 4px; font-size:15px; box-sizing:border-box; text-transform:uppercase; text-align:center;}
.career-apply:hover{ background-color:#232c38;}
.career-box h2{ font-size:20px; text-transform:uppercase; margin-bottom:2px;}
#link{ background:#083c83 url(../images/globe.png) no-repeat left center;color:#FFFFFF; display:inline-block;  font-size:15px; padding:8px 20px; width:161px; box-sizing:border-box; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin:10px 0 0 0;}
#link:hover{ color:#00afe2;}
/*content part end*/

/*innerpage content*/
#content-cover{ background:#eaeaea; padding:20px 0;}
#page-title{ background: url(../images/pagetitelbg.jpg) no-repeat center; background-size:cover; margin:0 0 0px 0;}
#page-title h1{ color:#FFFFFF; font-size:31px; float:right; font-weight:bold;text-transform:uppercase;margin:59px 0 11px 0;}
#left-box{ background:#FFF; padding:20px 19px; width:876px; float:right; direction:rtl; color:#626262; font-size:14px; line-height:23px; box-sizing:border-box;box-sizing:border-box; -moz-box-shadow: 3px 3px 12px #d0d0d0;-webkit-box-shadow: 3px 3px 12px #d0d0d0;box-shadow: 3px 3px 12px #d0d0d0;}
#fixed-box{ background:#FFF;padding:32px 19px 18px 19px; direction:rtl; width:100%;color:#626262; font-size:15px; line-height:22px; box-sizing:border-box;box-sizing:border-box; -moz-box-shadow: 3px 3px 12px #d0d0d0;-webkit-box-shadow: 3px 3px 12px #d0d0d0;box-shadow: 3px 3px 12px #d0d0d0; }
#about-img img, .news-img img, .news-img2 img, .service-img2 img, #client-img img{ width:100%; height:100%;}
#right-box{ width:295px; float:left; background:#FFF; padding:16px 10px 0 10px; box-sizing:border-box; -moz-box-shadow: 3px 3px 12px #d0d0d0;-webkit-box-shadow: 3px 3px 12px #d0d0d0;box-shadow: 3px 3px 12px #d0d0d0;}
ul#rightservice-list{ margin:5px 0 22px 0; padding:0; list-style:none; clear:both;}
ul#rightservice-list li a{ direction:rtl; text-align:right; background:#e5e5e5; padding:0px 19px 0 38px ; margin:0 0px 7px 0px;  box-sizing:border-box; position:relative; height:44px; width:100%;display:table; color:#000000; font-size:14px; position:relative; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; position:relative;}
ul#rightservice-list li a span{ display:table-cell; vertical-align:middle; line-height:15px; }
ul#rightservice-list li a:hover{ background:#00afe2; color:#FFF;}
.step-more{ background:#00afe2 url(../images/stepmore.png) no-repeat center; border-top-left-radius:8px;  border-bottom-left-radius:8px; position:absolute; left:0;top:0; width:34px; padding:22px 12px; box-sizing:border-box;}
#contact-box{ width:633px; float:right; height:217px; box-sizing:border-box; background:url(../images/cntdetailbg.jpg) no-repeat; padding:37px 16px; text-align:center;}
#contact-box h2{ color:#FFF; font-size:28px; margin:0 0 22px 0; font-weight:bold;}
.contact-detailmain{ float:right; font-size:14px;  color:#FFF; width:200px; line-height:17px;}
.icon-cover{ width:44px; height:44px; text-align:center; border:#FFF dashed thin; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; padding:12px; box-sizing:border-box; margin:0 auto 10px auto;}
#map{ float:left; width:528px; height:217px; position:relative;}
#view-allmap{ background:#062b58; position:absolute; left:153px; bottom:-43px; border-bottom-left-radius:12px; border-bottom-right-radius:12px;color:#FFF; text-align:center; padding:10px 25px; box-sizing:border-box; font-size:14px;}
#view-allmap:hover{ background:#25b6e1;}
#map iframe{ width:100%; height:100%;}
#truck{ float:right; margin:59px 0 0 0;}
#feedback{ color:#000; font-size:24px; text-transform:uppercase; font-weight:bold;}
.contact-frm{ margin:25px 0 27px 0; clear:both; display:inline-block; width:100%;}
.contact-frm input{ width:100%; border:#cacaca solid thin;  padding:6px 10px; font-family: "Droid Arabic Kufi",serif; box-sizing:border-box; outline:none; color:#545454; -moz-box-shadow: 0px 1px 12px #c3c3c3;-webkit-box-shadow: 0px 1px 12px #c3c3c3;box-shadow: 0px 1px 12px #c3c3c3; font-size:14px; margin:13px 0 0 0;}
.contact-frm textarea{ width:99%; border:#cacaca solid thin; font-family: "Droid Arabic Kufi",serif; padding:11px 10px; box-sizing:border-box; outline:none; color:#545454; -moz-box-shadow: 0px 1px 12px #c3c3c3;-webkit-box-shadow: 0px 1px 12px #c3c3c3;box-shadow: 0px 1px 12px #c3c3c3; height:83px; margin:13px 0 12px 0; overflow:hidden; resize:none; font-size:14px;}
.contactfrm-cover{ width:275px; float:right; margin:0 0 0 15px;}
.contactfrm-cover2{ width:301px; float:right; margin:0 0 0 15px;}
.contact-frm .captha{ width:150px; float:left; margin-top:0;}
.contact-frm #frmsubmit{ float:right; width:142px; margin-top:0; background:#083c83; color:#FFF;   border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:7px 0; cursor:pointer;}
.news-box{ margin:0 0 18px 0; background:#e8e8e8;}
.news-img{ float:right; width:239px; height:219px; position:relative;}
.news-detail{ float:left; width:599px;}
.news-detail h1, .news-detail2 h1{ background:#4d606d url(../images/list.png) no-repeat right 15px; padding:13px 40px; color:#FFF; font-size:15px;}
.news-content{ padding:15px 41px; font-size:14px;}
.news-content a{ display:block; width:85px; background:#62a4b7; color:#FFF; font-size:14px; padding:6px 12px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:center; margin:8px 0 0 0;}
.news-content a:hover{ background:#48879a;}
.date-box{ background:#c31213; text-align:center; padding:16px 22px 9px 22px; font-family:Arial, Helvetica, sans-serif; line-height:19px; position:absolute; left:0; top:0; color:#FFF;}
.date-box span{  font-size:31px; display:block; margin:0 0 4px 0;}
#pagination{width:auto;text-align:center;margin:0px auto;}
#pagination a{text-decoration:none;color:#666;background:#fff;padding:0px 8px;display:inline-table;border:solid 1px #ccc;margin:0 2px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#pagination span{background:#083c83;color:#fff;padding:1px 8px;margin:0 3px 0 0;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
#pagination a:hover{background:#00afe2;color:#fff;}
.news-img2{ float:right; width:277px; height:257px; position:relative;}
.news-detail2{ float:left; width:560px;}
ul.tabs {float:right;list-style:none;width:100%;border-radius:8px 0 -50px 0;margin:0;padding:0;}
ul.tabs li {float:right;height:38px;line-height:38px;overflow:hidden;position:relative;background:#969696;-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;margin:0 5px -1px 0;padding:0;}
ul.tabs li a {text-decoration:none;color:#FFF;display:block;font-size:15px;outline:none;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;padding:0 34px;}
ul.tabs li:hover {background:#00afe2;}
html ul.tabs li.active,html ul.tabs li.active a:hover {background:#00afe2;border-bottom:1px solid #fff;}
html ul.tabs li.active a:hover{ background:#3e8ca3;}
.tabContainer {border:1px solid #c5c5c5;overflow:hidden;clear:both;float:left;width:100%;background:#fff;-webkit-border-radius:8px;-webkit-border-top-left-radius:0;-moz-border-radius:8px;-moz-border-radius-topleft:0;border-radius:8px;border-top-left-radius:0;}
.tabContent {font-size:14px;padding:15px;}
.service-img2{ float:right; width:296px; height:193px; margin:0 0px 10px 15px;}

/*FRM Form Style
--------------------------------------------*/
fieldset{ width:auto;border:0;margin:15px 0 0 0;}
legend{ color:#6e6e6e;font-size:13px;font-weight:bold;}
.dropfield{	width:82px;font-size:12px;color:#6e6e6e;padding:5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:solid 1px #ccc;}
.dropfield1{ margin-left:0px;font-size:12px;	line-height:12px;font-weight:normal;color:#454545;width:260px;border:solid 1px #ccc;padding:5px;	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
fieldset label{ text-align:right;float: right;width: 157px;	margin-right: 1em;color:#6e6e6e;}
.lab1{text-align:left;float: left;width: 125px;margin-right: 1em;color:#000}
fieldset input {margin-left:0px;font-size:12px;line-height:12px;font-weight:normal;color:#454545;width:250px;border:solid 1px #ccc;padding:11px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
fieldset select {margin-left:0px;font-size:12px;line-height:15px;font-weight:normal;color:#454545;width:263px;border:solid 1px #ccc;padding:8px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
fieldset ul {} 
fieldset li {text-align:right;padding-bottom: 10px; color:#6e6e6e;font-size:13px;list-style:none} 
fieldset li span {padding-left: 10px;color:#F00;font-size:11px;} 
.txt{margin-left:0px;margin-right:15px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.label1{margin-left:0px;margin-right:35px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.spantxt { color:#000;font-size:12px;} 
.err { font-size:10px;font-weight:normal;font-family:Tahoma, Geneva, sans-serif;color:#F00;font-size:11px;} 
.sub_mit {width:100px;margin:0px 0px 0px 0;font-family: "Droid Arabic Kufi",serif;background:#2966b6;color:#fff;cursor:pointer;border:0!important;} 
.sub_mit:hover{background:#6e6e6e;}  
fieldset textarea{border:solid 1px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:248px;padding:5px;color:#6e6e6e; height:62px;}
fieldset submit{width:500px!important;}
.location-cover{ border-bottom:#cecece solid thin; padding:0 0 15px 0; margin:0 0 25px 0;}
.location-map{ width:538px; height:225px; float:right; margin:0 0 10px 0; position:relative;}
.location-map iframe{ width:100%; height:100%;}
.location-detail{ background:#ececec; padding:26px 24px; float:left; width:300px;  box-sizing:border-box;}
.location-detailbox{ border-bottom:#d4d4d4 solid thin; padding:0 0 10px 0; margin:0 0 12px 0;}
.location-detailbox strong{ float:right;}
.location-detailbox img{ float:right; margin:0 0 0 12px;}
.location-detailbox strong{ color:#000;}
.location-titel{ color:#FFFFFF;font-size:16px; text-transform:uppercase; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; background:#083c83; padding:8px 17px;}
#client-img{ width:196px; float:right; height:134px; border:#CCC solid thin; margin:0 0px 4px 15px;}
/*innerpage content end*/ 

/*footer section*/
footer{ background:#202020; clear:both; margin:15px 0 0 0;}
.botom-box{ float:right; padding:28px 0px 16px 67px; border-left:#3c3c3c solid thin; margin:0 0px 0 67px; direction:rtl;}
.botom-box h3{ font-size:18px; display:block; margin:0 0 19px 0; color:#FFF; text-transform:uppercase; }
ul.botom-link{ width:411px; float:left; padding:0; list-style:none; height:109px;}
ul.botom-link li a{ color:#c2c2c2; margin:0 0 18px 0; float:right; font-size:13px; width:135px;}
ul.botom-link li a:hover{ color:#49c5ea;}
.contact-detail{ width:230px; margin:0 0 10px 0; color:#FFF; font-size:13px; color:#c2c2c2; line-height:20px;}
.contact-detail img{ float:right; margin:0 0px 5px 14px;}
#copyright{ float:right; text-align:right; direction:rtl; color:#c2c2c2; font-size:13px; margin:58px 0 0 0; width:269px;}
.botom-social{ float:left !important; margin-top:20px !important;}
/*footer section end*/

@media (max-width:1200px){
.container{ width:992px;}
#menu_part, #social-icontop{ display:none;}
#mobile_menu{display:block;text-align:right;height:39px;padding:12px 0px 0 0px;}
#mobile_drop{display:block;position:relative;background:#1e5095;}
#mobile_drop_fix{display:block;padding:20px 0px 10px 0px;margin:0 auto 0 auto; direction:rtl;}
#mobile_drop_fix ul li{list-style:none;display:block}
#mobile_drop_fix ul li ul li{margin:0 35px 0 0;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;border-bottom:solid 1px #fff;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:8px 0; font-size:14px;}
#mobile_drop_fix a:hover{border-bottom:solid 1px #66ceed;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
color:#66ceed;}
.caption{ top:127px; font-size:46px; width:538px;}
#ad-img{ width:263px; height:175px;}
#service-scroll{ width:662px !important;}
#service-scroll li, .service-img{ width:325px; height:200px;}
.service-content{ top:73%;}
.service-titel h2{ width:231px;}
#about-box{ font-size:26px; margin:29px 0 0 0;}
#client-scroll{ width:619px !important;}
#news-box{ width:340px;}
.botom-box{ margin:0 0px 0 55px; padding:28px 38px 16px 0;}
ul.botom-link{ width:283px;}
.botom-social{ display:block !important;}
#right-box{ width:288px;}
#left-box{ width:686px;}
#contact-box{ width:557px;}
#map{ width:397px;}
.contact-detailmain{ width:175px;}
.contactfrm-cover{ width:223px;}
.news-detail{ width:409px;}
.news-detail2{ width:100%;}
.location-map{ width:390px;}
.location-detail{ width:258px;}
#scroll-cover{ width:700px; bottom:112px;}
#view-allmap{ left:0;}
#client-img{ float:none;}
}

@media (max-width:992px){
.container{ width:768px;}
.caption, #ad-cover, #truck{ display:none;}
#service-scroll{ width:100% !important; float:none;}
#service-scroll li, .service-img, .service-img2{ width:375px; height:220px;}
.service-content{ top:74%;}
.service-titel h2{ width:287px;}
#client-scroll{ width:415px !important;}
#news-box{ width:321px;}
ul.botom-link{ width:406px;}
.botom-box{ border:none; padding-right:0;}
ul.botom-link{ width:768px;height:auto; margin:0 0 -20px 0;}
ul.botom-link li a{ width:auto; margin:0 0px 6px 29px; float:right;}
.contact-detail{ width:387px;}
#left-box{ width:495px;}
#right-box{ width:256px;}
#map,.contact-frm,#contact-box, .news-detail, .location-map, .location-detail{ width:100%; background-size:cover;}
.contact-detailmain{ width:231px;}
.contactfrm-cover{ width:348px;}
.news-img{ width:277px; height:257px;}
.news-content{ padding:13px 21px;}
.career-box{ padding:26px 29px 14px 111px; background-image:none;}
.location-map{ height:250px;}
.location-detail{ margin-bottom:15px;}
#scroll-cover{ width:808px; bottom:100px;}
}

@media (max-width:768px){
.container, .contact-detail{ width:448px;}
.none{ display:none;}
#ad-cover{ display:block; margin:22px auto; float:none; clear:both;}
#service-scroll li, .service-img{ width:448px; height:262px;}
.service-content{ top:78%;}
.service-titel h2{ width:360px;}
#ad-img{ width:323px; height:215px; margin:0 auto;}
#about-box{ height:261px;}
#news-box, #left-box, .contactfrm-cover{ width:100%; margin-right:0;}
ul.botom-link{ width:448px;}
ul.botom-link li a{ width:158px;}
#copyright{ float:right; margin:12px 0 25px 0;}
.botom-social{ margin-top:16px !important;}
#right-box{ margin-top:15px; width:100%;}
#contact-box{ height:353px;}
.contact-detailmain{ width:100%; float:none; margin-bottom:11px;}
#scroll-cover{ width:490px; bottom:488px;}
.contact-frm #frmsubmit{ margin-top:15px;}
}

@media (max-width:448px){
.container, ul.botom-link, .contact-detail{ width:300px;}
#logo{ height:74px; width:142px;}
#menu-logocover{ bottom:-82px;}
.mtoggle{ margin:13px 0px 0 9px;}
.topicon-box, #scroll-cover{ display:none;}
#language-cover a{ margin-bottom:11px;}
#service-scroll li, .service-img{ width:300px; height:176px;}
.service-content{ top:70%;}
.service-titel h2{ width:214px;}
#ad-img{ width:254px; height:169px; margin:0 auto;}
#about-box{ height:329px; font-size:23px;}
#client-scroll, fieldset label{ width:100% !important;}
.client-img{ width:145px; height:99px;}
#client-scroll li{ margin:0 5px 0 2px; width:145px; height:99px;}
ul.botom-link li a{ margin-right:0; width:150px;}
#contact-box{ height:370px;}
.contact-frm #frmsubmit{ margin-top:10px;}
.news-img, .news-img2{ width:260px; height:238px;}
.career-box{ padding:18px 20px;}
.career-box h2{ margin-bottom:8px; font-size:18px;}
.career-apply{ position:static; width:100%; padding:12px 26px; margin:12px 0 0 0; border-radius:0;}
.service-img2{ width:232px; height:151px;}
ul.tabs li{ width:100%; float:none; border-radius:0;}
fieldset input{ width:240px;}
#view-allmap{ bottom:1px;}
}