/* Home */

#banner{margin-top:30px}

#home-quote{background:url(../images/black.6.png); padding:20px 30px 10px;text-align:right}

#home-quote form{margin-top:20px; margin-bottom:10px;}

#home-quote form input,#home-quote form select{width:49%;float:left;margin-left:1%;}

#home-quote form textarea{width:99%}

#home-quote form input,#home-quote form select,#home-quote form textarea{margin-bottom:5px;background-color:#eee}

#home-quote a.submit{cursor:pointer;display:inline-block;margin:0 0 10px;display:inline-block;background:none;opacity:1;color:#fff; font-weight:bold; text-shadow:none;font-size:14px; padding:6px 35px;border:1px solid #fff;border-radius:0;}

#home-quote a.submit:hover{text-decoration:none;background:url(../images/white.2.png);}

#home-quote .import-link{float:left;text-align:left;margin:0 0 10px;color:#aaa;}

#home-quote .import-link a{color:#ddd;}

#home-quote .import-link a:hover{color:#fff;}

#home-quote .error{border:1px dotted #f00}



.sbanner{float:right}

.sbanner{position:relative;border-radius:8px;margin-bottom:15px;opacity:0.8}

.sbanner:hover{opacity:1}

.sbanner .orders{position:absolute;margin:5px;line-height:16px;color:#444;text-align:left;}

.sbanner .orders .order{height:70px;width:200px;margin-bottom:5px;text-align:right}

.sbanner .orders .order span{display:inline-block;margin-bottom:3px;color:#000;padding:1px 3px;border-radius:5px}

.sbanner .orders .order span.orders-dt{float:left;background:url(../images/black.3.png);color:#fff}



#weixin{}  

#weixin img{margin-left:auto;margin-right:auto;}



.box{ }



.box ul{margin-bottom:0;}



.box.homeAbout{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:2px solid #ccc;border-bottom:2px solid #ccc; background:#eee; padding:15px 15px;}



.box.homeWhy{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:2px solid #ccc;border-bottom:2px solid #ccc; background:#eee; padding:15px 15px 5px;}

.box.homeWhy img{margin-left:auto;margin-right:auto;}



.box.homeMust ul li a{display:block;padding:2px 3px 3px 8px;background-color:#ddd;margin-bottom:5px; border-left:3px solid #369; }

.box.homeMust ul li a:hover{text-decoration:none; background-color:#369;color:#fff;}



.box.homeDestination a{display:block;margin-bottom:12px;text-align:center}

.box.homeDestination a:hover{text-decoration:none;}



.box.homeOrigin a{display:block; padding:3px 0px;background:#ddd;margin-bottom:4px;text-align:center;}

.box.homeOrigin a:hover{background:#369;text-decoration:none;color:#fff;}



.box.homeCase{padding:0px;display:block;margin-bottom:-15px;}





/* Content */

.content {}

.content.home{}

.content.home.alt{}



.content.home h3{display:inline-block;font-size:14px; background:#666 url(../images/title-bg.png) 0 50% repeat-x; color:#fff; padding:5px 15px; border-radius:13px;margin:20px 0 10px; overflow:hidden;}

.content.home h3 a{color:#fff;}

.content.home h3 a:hover{color:#fff}



/* Content - Sider */

#sider {padding:5px 10px 30px 0px; }

#sider h4{display:inline-block; background:#666 url(../images/title-bg.png) 0 50% repeat-x; padding: 3px 15px; border-radius:12px; color:#fff;margin:15px 0 10px;}



#sider .banner{width:100%;text-align:center;overflow:hidden}

#sider .banner ul{}

#sider .banner li{margin-bottom:8px;}

#sider .banner li:hover{}



#sider .siderMenu {overflow:hidden}

#sider .siderMenu a {display:block; background:#5c85ad; border-top:2px solid #5c85ad; border-bottom:2px solid #369; text-align:center; color:#fff; border-radius:0; margin:0 2px 5px 0; padding:3px 0; }

#sider .siderMenu a:hover {background:#369;border-top:2px solid #369;text-decoration:none;}

#sider .siderMenu .gray a {background:#888;border-top:2px solid #888;border-bottom:2px solid #666;}

#sider .siderMenu .gray a:hover {background:#666;border-top:2px solid #666;}



#sider .siderMust {margin-bottom:10px}

#sider .siderMust ul li a{display:block;padding:2px 5px 3px 12px;margin-bottom:3px; background:#ddd;color:#555; border-left:3px solid #369; }

#sider .siderMust ul li a:hover{text-decoration:none; background-color:#369;color:#fff;font-weight:bold;}



#sider .siderDestination .col{margin-bottom:5px;text-align:center;}



#sider .siderSearch {margin-bottom:30px}



/* Content - Post/Page*/

.page, .post, .list{font-size:12px;line-height:1.8}

.list .case{font-size:12px;line-height:1.6}

.page h6, .post h6{display:inline-block; padding:3px 12px; margin:0 0 15px;background:#888 url(../images/title-bg.png) 0 50% repeat-x; color:#fff; }

.page p, .post p{margin-bottom:15px;}

.page,.list{overflow:hidden;}

.page a, .post a{color:#369;text-decoration:underline;}

.page a:hover, .post a:hover{color:#369;text-decoration:none;}



.page img,.post img{display:block;max-width:100%;height:auto;}



.page h6 a, .post h6 a{color:#fff;text-decoration:none;}

.page h6 a:hover, .post h6 a:hover{color:#fff;text-decoration:none;}

.page-title,.list-title{margin-bottom:20px}

.page-content{color:#555;margin-bottom:20px}



.withBorder td{border:1px solid #bbb;padding:0 10px}

.withBorder td p{margin-top:5px;margin-bottom:5px}



.estimate{position:relative;}

.estimate ul{display:block;font-size:12px;}

.estimate ul li{float:left;position:relative;width:96px;line-height:1.5;height:135px;border:1px solid #ddd;margin-right:-1px;margin-top:-1px;padding:5px 5px 0px;text-align:center;}



.estimate ul li img{width:70px;display:inline-block;}



.estimate ul li div{text-align:center;height:40px;margin:10px -4px 0 -4px;line-height:20px;background:#eee;} 

.estimate ul li div i{display:block;color:#aaa}

.estimate ul li:hover div{background:#ddd;}



.estimate a.info{display:block;position:absolute;width:16px;height:16px;background:url(../images/icon-info.png);cursor:pointer;}

.estimate a.qty{display:block;position:absolute;width:30px;height:30px;line-height:30px;font-size:14px;font-weight:bold;right:8px;top:8px;border:2px solid #fe8332;background:#fe9c5b;color:#fff;text-decoration:none;border-radius:17px;display:none;}



.estimate a.plus,.estimate a.minus{display:block;position:absolute;bottom:40px;width:30px;height:30px;background:#ccc;cursor:pointer;border-radius:15px;text-decoration:none;color:#fff;font-weight:bold;line-height:30px;text-align:center;}

.estimate a.plus:hover,.estimate a.minus:hover{background:#bbb;text-decoration:none;}

.estimate a.plus{right:10px;}

.estimate a.minus{left:10px;}



.estimate .summary{z-index:99999;width:280px;height:100px;padding:10px 15px;line-height:1.4;background:#eee;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:2px solid #ccc;border-bottom:2px solid #ccc;margin-bottom:15px}

.estimate .summary span{color:#f60;font-size:16px;font-weight:bold;}

.estimate .summary a{color:#fff;text-decoration:none;}

.estimate .summary.fixed{position:fixed;top:-35px;}



ul.archive {list-style:square}

ul.archive li {border-bottom:dotted 1px #aaa; margin-bottom:10px;}

ul.archive li .right{float:right}



.achiveDestnation a{display:block; padding:12px 12px 6px; margin-bottom:18px;background:#ddd; border-bottom:2px solid #bbb;height:62px;overflow:hidden }

.achiveDestnation a:hover{background:#369;border-bottom:2px solid #369;color:#fff;text-decoration:none;}

.achiveDestnation a img{width:39px;height:39px;margin-right:20px;float:left;}



.achiveOrigin a{display:block; text-align:center;padding:8px 12px 6px; margin-bottom:18px;background:#ddd; border-bottom:2px solid #bbb;}

.achiveOrigin a:hover{background:#369;border-bottom:2px solid #369;color:#fff;text-decoration:none;}



a.case {display:block;padding:8px;margin-bottom:15px;background:#ddd;border-bottom: 2px solid #bbb;}

a.case:hover{border-color:#369;background:#e6e6e6;color:#555; text-decoration:none;}

a.case img{margin-bottom:5px;}

a.case .meta{position:absolute;right:20px;top:16px; border-radius:10px;padding:1px 6px; background:url(../images/black.3.png); color:#fff;}



/*首页新闻、经验区�?/

ul.archive.article {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:2px solid #ccc;border-bottom:2px solid #ccc; background:#eee; padding:15px 20px 5px 15px;}

ul.archive.article li {height:20px;overflow:hidden;}

ul.archive.article li .date{float:right;}



.post{overflow:hidden;}

.post-title{margin-bottom:20px}

.post-meta{color:#999;margin-bottom:20px}

.post-content{color:#555;margin-bottom:20px}

.post ul li {list-style-type:disc; margin-left:20px; }



.post-tag{padding-top:20px;font-size:12px;}

.post-tag strong{background:#999;padding:2px 5px 3px; color:#fff; border-radius:3px;}

.post-tag a{background:#999;padding:2px 5px 3px; color:#fff; border-radius:3px;text-decoration:none;}

.post-tag a:hover{background:#369;color:#fff}



.post-random{margin-top:20px;padding-top:8px;padding-bottom:10px;font-size:12px;background:#eee;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:2px solid #ccc;border-bottom:2px solid #ccc;}

.post-random ul{margin-bottom:0;padding:0 10px;}

.post-random ul li{list-style-type:none;display:inline-block;overflow:hidden;height:24px;line-height:24px;margin:0 1%; width:48%;border-bottom:1px solid #ddd;}

.post-random a{color:#555;text-decoration:none;}

.post-random a:hover{text-decoration:underline;}



.post-about{}



#pagelist{color:#999}

#pagination {margin-top:5px; overflow:hidden; margin-bottom:20px}

#pagination .page-navigator {overflow:hidden;}

#pagination ol li{list-style:none; float:left; margin-left:0; margin-right:5px;}

#pagination li a{display:block;color:#fff; padding:3px 10px 2px; background:#999; }

#pagination li.current a{color:#fff; padding:3px 10px 2px; background:#5c85ad }

#pagination li a:hover{background:#369;text-decoration:none}







/* Service Panel */

#service{z-index:9999;width:120px;position:fixed;right:-120px;top:30px;}

#service #service-toggle{width:30px;height:100px;position:absolute;right:120px;top:80px;cursor:pointer;background:url(../images/globe-sprites.png);background-position:-80px -100px;}

#service #service-main{width:120px;text-align:center;color:#fff;}

#service span.service-title-qq{display:block;height:25px;background:url(../images/globe-sprites.png);margin:5px 0;background-position:-260px -80px;}

#service span.service-title-tel{display:block;height:65px;background:url(../images/globe-sprites.png);margin:0px 0 0;background-position:-260px -110px;}

#service span.service-title-wechat{display:block;height:25px;background:url(../images/globe-sprites.png);margin:5px 0 0;background-position:-260px -50px;}





#service #service-main-top{height:93px;background:url(../images/globe-sprites.png);background-position:-130px -100px;}

#service #service-main-middle{background:url(../images/black.6.png); padding:10px 0 0;}

#service #service-main-foot{height:17px;background:url(../images/globe-sprites.png);background-position:-260px -180px;}



.service-qq{font-family:Tahoma; display:block;margin:0 auto 5px; padding:0px 0px 4px;height:22px;width:77px;background:url(../images/globe-sprites.png) -80px -60px; padding-left:22px;text-align:left;line-height:22px;color:#333;}

.service-qq:hover{color:#222;cursor:pointer;text-decoration:underline;}



/* ----------------------------------------------------------------------------------------------------

Form

----------------------------------------------------------------------------------------------------*/



.page-content #quote span {color:red}

.page-content #quote label {display:inline-block;font-weight:bold;}

.page-content #quote input,.page-content #quote select,.page-content #quote textarea{width:100%;margin-bottom:5px;}

.page-content #quote .error{border:1px dotted #f00}

  

/* ----------------------------------------------------------------------------------------------------

 Grid

----------------------------------------------------------------------------------------------------*/

.container{margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;}

.row{margin-left:-10px;margin-right:-10px;}

.col{position:relative;min-height:1px;padding-right:10px;padding-left:10px;float:left}

.s-0{display: none}

.s-1{width: 8.33333333%;}

.s-2{width: 16.66666667%;}

.s-3{width: 25%;}

.s-4{width: 33.33333333%;}

.s-5{width: 41.66666667%;}

.s-6{width: 50%;}

.s-7{width: 58.33333333%;}

.s-8{width: 66.66666667%;}

.s-9{width: 75%;}

.s-10{width: 83.33333333%;}

.s-11{width: 91.66666667%;}

.s-12{width: 100%;}



@media screen and (min-width: 768px) {

	#header-wrapper{background:url(../images/banner_policy.png) 50% 0%;border-bottom:3px solid #ccc;}

	#header-wrapper.home{background:url(../images/banner1.jpg) 50% 0%;border-bottom:5px solid #ccc;}

	.container {width: 750px;}

	.page,.post,.list{padding-left:20px}

	.list ul{padding-left:20px}

	#homeOffice{width:100%;height:155px;display:block;margin-bottom:10px;}

	#homeOffice #office{width:100%;height:100%;overflow:hidden;margin-top:40px;}

	#homeOffice #office #office-img{position:relative;width:4660px;height:100%;background:url(../images/home-office.png) left center repeat-x;}

	

	.s-0{display: block}

	.m-0{display: none}

	.m-1{width: 8.33333333%;}

	.m-2{width: 16.66666667%;}

	.m-3{width: 25%;}

	.m-4{width: 33.33333333%;}

	.m-5{width: 41.66666667%;}

	.m-6{width: 50%;}

	.m-7{width: 58.33333333%;}

	.m-8{width: 66.66666667%;}

	.m-9{width: 75%;}

	.m-10{width: 83.33333333%;}

	.m-11{width: 91.66666667%;}

	.m-12{width: 100%;}

}

@media screen and (min-width: 992px) {

	.container {width:970px;}

	#banner{margin-top:50px}

	#header .menu ul{float:right}

	#breadcrumb{ margin:50px 0 10px;}

	.estimate .summary{width:303px;}

	.s-0{display: block}

	.m-0{display: block}

	.l-0{display: none}

	.l-1{width: 8.33333333%;}

	.l-2{width: 16.66666667%;}

	.l-3{width: 25%;}

	.l-4{width: 33.33333333%;}

	.l-5{width: 41.66666667%;}

	.l-6{width: 50%;}

	.l-7{width: 58.33333333%;}

	.l-8{width: 66.66666667%;}

	.l-9{width: 75%;}

	.l-10{width: 83.33333333%;}

	.l-11{width: 91.66666667%;}

	.l-12{width: 100%;}

}

@media screen and (min-width: 1200px) {

	.container {width: 1170px;}

	#home-quote{margin:0 50px;}

	a.btn{font-weight:bold;padding:4px 10px 3px;}

	.box.homeMust ul li a{padding:2px 5px 3px 12px;border-left:5px solid #369; }

	.estimate .summary{width:370px;}

	#service{right:0;}

	.s-0{display: block}

	.m-0{display: block}

	.l-0{display: block}

	.x-0{display: none}

	.x-1{width: 8.33333333%;}

	.x-2{width: 16.66666667%;}

	.x-3{width: 25%;}

	.x-4{width: 33.33333333%;}

	.x-5{width: 41.66666667%;}

	.x-6{width: 50%;}

	.x-7{width: 58.33333333%;}

	.x-8{width: 66.66666667%;}

	.x-9{width: 75%;}

	.x-10{width: 83.33333333%;}

	.x-11{width: 91.66666667%;}

	.x-12{width: 100%;}

}



/* `Clear Floated Elements

----------------------------------------------------------------------------------------------------*/

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

.clearfix:before,.clearfix:after,.container:before,.container:after {content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}

.clearfix:after,.container:after {clear: both;}

.clearfix,.container {zoom: 1;}