﻿
html{-webkit-text-size-adjust:none;/*解决谷歌小于12px字体*/}
/*layout*/
@font-face{ 
    font-family: 'museo500';
    src: url('../fonts/MuseoSans_500-webfont.eot');
    src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
    url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
    url('../fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{ font-size:12px; font-family: "museo500", "Arial"; background-color:#f2f4f5;color:#6F6F6F; position:relative; overflow-x:hidden; padding-top:73px;}
.cbody{width:1000px; margin:0 auto; position:relative;}

#laug ul li a:hover,
.severice h2 a:hover,
.client h2 a:hover,
.friend h2 a:hover,.zxdt h2 a:hover,
.zxdt01 h2 a:hover,
#footer .fnav a:hover,
.header .phone a:hover,
.caselist dd a.more:hover{color:#B6002F!important;}

#hwrap{ position:fixed; left:0; top:0; z-index:99; background-color:#014d67; border-bottom:1px solid #856841; width:100%;_position:absolute; _left:expression(eval(document.documentElement.scrollLeft)); _top:expression(eval(document.documentElement.scrollTop)); z-index:999}
.hbody{ width:990px;height:73px; margin:0 auto; position:relative;}
.hbody h1{ position:absolute; top:0px; left:0px;}
#nav{ position:absolute; left:200px; font-size:14px;}
#nav ul li{ float:left; position:relative; z-index:2;}
#nav ul li a{ display:inline-block; width:110px; text-align:center; color:#fff; line-height:73px;}
/*#nav ul li a:hover,#nav ul li a.on{ text-decoration:none; background:#B6002F;}*/
#nav li.back {
    background: url(img/hover_main.gif) no-repeat left top;
    width: 9px; height: 73px;position: absolute; z-index:1;
}
#nav li.back .left {
    background: url(img/hover_main.gif) no-repeat top left;
    height: 73px;
}

#laug{ position:fixed; top:86px; left:-168px; padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; z-index:99;
_position:absolute; _left:expression(eval(document.documentElement.scrollLeft-168)); _top:expression(eval(document.documentElement.scrollTop+86));}
#laug ul{ background:url(img/laugBg.gif) repeat-x #FFF; height:33px;border:1px solid #FFF; position:relative; top:-1px;  width:285px;}
#laug ul li{ float:left; line-height:33px; padding-left:16px;}
#laug ul li a{ color:#4A4A4A;}
#laug ul li a.on{ text-decoration:line-through;}
#laug ul li span{ cursor:pointer; color:#4A4A4A;}

#wrapper{ width:982px; margin:15px auto 0 auto;}
.header{ height:41px; position:relative; width:980px; margin:0 auto; padding-top:20px;}
.header h1{ float:left; padding-right:15px;}
.header h2{ float:left;  padding-left:15px; font-size:12px; font-weight:normal; color:#7A7A7A; line-height:17px; height:43px;}
.header h2 span{ display:inline-block; padding-top:5px;}
.header .phone{ position:absolute; top:20px; right:0; color:#7A7A7A;}
.header .phone a{color:#7A7A7A;}
.header .search{ background:url(img/searchBg.png) no-repeat; width:190px; height:20px; position:absolute; right:0; bottom:-5px;}
.header .search .txt{ width:120px; height:16px; line-height:16px; padding:2px; background:none; border:none;}
.header .search .btn{ width:64px; height:20px; position:absolute; top:0; right:0; background:none; border:none; cursor:pointer;}

.sch-box{margin:26px 16px 0 0;text-align:right;}
.sch-txt{width:640px;height:50px;border:1px solid #eaeaea;padding-left:8px;font-size:20px;color:#999;}
.sch-btn{width:70px;height:50px;cursor:pointer;border:1px solid #eaeaea;font-size:20px;color:#999;}



/*幻灯片*/
/*#slide{ width:980px; padding-top:10px; position:relative; clear:both;}
#slide h2.dot{ position:absolute; top:0; left:0; z-index:9; height:7px; overflow:hidden;}
#slide h2.dot a{ background:#8C8C8C; width:123px; height:7px;  cursor:pointer;display:block; float:left; margin-right:1px;}
#slide h2.dot a.cred{ background:url(img/focusBtnBg.gif) left top no-repeat;}
#ishowframe{ width:980px; height:355px; overflow:hidden; position:relative;}
#ishowframe ul li{ float:left;}*/

/*.focus_picB{width: 980px;height: 355px;position: relative; overflow:hidden; padding-top:10px;}
.at_imgSwitch_c {width:auto;height:100%;overflow:hidden;position:absolute;top:10px;left:0px;z-index:1}
.at_imgSwitch_c li {width:auto;height:100%;overflow:hidden;float:left;margin:0;padding:0}
.at_imgSwitch_p{ position:absolute; top:-8px; left:0; z-index:1000; width:980px;}
.at_imgSwitch_p li{ background:#8C8C8C; width:123px; height:7px;  cursor:pointer;display:block; overflow:hidden;float:right;}
.at_imgSwitch_p li.at_current,.at_imgSwitch_p li:hover{background:url(img/focusBtnBg.gif) left top no-repeat;}*/

/*#slides{position:absolute;left:0;z-index:100; margin-top:25px;}
#example {width: 980px;height: 363px;position: relative;}
.slides_container {width: 980px;overflow: hidden;position: relative;display: none; height:355px; background:#F0F0F0;}
.slides_container div.slide {width:980px;height:355px;display:block;}
.pagination { position:absolute; top:-8px; left:0; z-index:1000;}
.pagination li {float:left; display:block;}
.pagination li a { background:#8C8C8C; width:123px; height:7px;  cursor:pointer;display:block; float:left; margin-right:1px; text-indent:-100em; overflow:hidden;}
.pagination li.current a,.pagination li a:hover{background:url(img/focusBtnBg.gif) left top no-repeat;}*/

.bannerbox {width:220px;height:120px;overflow: hidden;margin: 10px auto 0 auto; }
#fu { width:220px;height:120px; clear: both; overflow: hidden; position: relative; float: left; }
#fu ul { width:220px;height:120px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#fu ul li { float: left; width:220px;height:120px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#fu .preNext {width:20px;height:120px; position: absolute; top: 0px; cursor: pointer; }
#fu .pre {left:0;background:url(../images/sprite.png) no-repeat left center; }
#fu .next {right:0; background:url(../images/sprite1.png) no-repeat right center; }


#focus {width:980px; height:365px; overflow:hidden; position:relative;}
#focus ul {height:355px; position:absolute; bottom:0;}
#focus ul li {float:left; width:980px; height:355px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg { display:none;}
#focus .btn {position:absolute; top:0; left:0; z-index:10;}
#focus .btn span { background:#608f9f; width:123px; height:7px;  cursor:pointer;display:block; float:left; margin-right:1px; text-indent:-100em; overflow:hidden;}
#focus .btn span.on,#focus .btn span:hover {background:url(img/focusBtnBg.gif) left top no-repeat;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer; display:none;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

.wbg{ background:#FFF!important;}
.box{ border:1px solid #FFF; background:url(img/boxHovBg.gif) repeat-x left top #FFF; position:relative; top:-1px; height:196px;}
.about{ width:354px;padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; float:left;}
.about h2{  border-bottom: 1px dotted #cacaca;
	height: 46px;
	line-height: 46px;
	margin: 3px 15px 0;
	position: relative;}
.about h2 span{
    display:inline-block;
	height:46px;
	position:absolute;
	bottom:-1;
	left:0;
	color:#323232;
	font-size:15px;
	padding:0 2px;}
	
.about h2 a {
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
	font-weight:normal;
	color:#AFAFAF;
}	
.about p{ color:#929292; line-height:21px; padding:12px 15px 0 15px; text-indent:2em;}


.zxdt{width:340px;padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; float:left; margin-left:10px;}
.zxdt h2,.zxdt01 h2{ height:46px; line-height:46px; position:relative; border-bottom:1px dotted #CACACA; margin:0 15px; margin-top:3px;}
.zxdt h2 span,.zxdt01 h2 span{ display:inline-block; border-bottom:1px solid #CACACA; height:46px; position:absolute; bottom:-1; left:0; color:#323232; font-size:15px; padding:0 2px;}
.zxdt h2 a,.zxdt01 h2 a{ position:absolute; top:0; right:0; font-size:11px; font-weight:normal; color:#AFAFAF;}
.zxdt ul{ padding:12px 15px 0 18px;}
.zxdt ul li{ height:24px; line-height:24px; overflow:hidden; color:#919191;}
.zxdt ul li a{ color:#919191;}

.zxdt01{float:left; width:263px;padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; float:right;}
.zxdt01 p{ text-align:center; padding-top:14px;}


.box01{ border:1px solid #FFF; background:url(img/boxHovBg.gif) repeat-x left top #FFF; position:relative; top:-1px;}
.severice,.client,.friend{padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; margin-top:10px;}
.severice .box01{ height:196px;}
.severice .item{ float:left; width:300px;}
.severice h2,.client h2,.friend h2{ height:46px; line-height:46px; width:940px; margin:0 auto; position:relative; font-size:15px;color:#323232; padding-top:6px;}
.severice h2 a,.client h2 a,.friend h2 a{position:absolute; top:0; right:0; font-size:11px; font-weight:normal; color:#AFAFAF;}
.severice .item{ padding:10px 0 0 20px;}
.severice .item dt img{ float:left;}
.severice .item dd{ width:190px; float:right;}
.severice .item dd h3{ line-height:18px; font-size:14px;}
.severice .item dd h3 a{ color:#222;}
.severice .item dd h3 span{ display:block; color:#B6002F; font-weight:normal; font-size:12px; }
.severice .item dd p{ line-height:18px; margin-top:5px;}

.client p{ color:#929292; line-height:22px; padding:0 15px 20px 12px;word-wrap:break-word;}
.client p a{color:#929292; margin:0 8px;}
.friend p{ color:#929292; line-height:22px; padding:0 20px 20px 20px;word-wrap:break-word;}
.friend p a{color:#929292; margin-right:10px;}

.footer{background-color:#fbb217;color:#edde8b;overflow:hidden;padding:4em 0;text-align:center;font-weight:bold}.footer-content{width:80%;margin:0 auto;color:#fff}.footer-content h1{font-size:12px;margin:0 0 15px 0; color:#edde8b; font-weight:normal;line-height:25px;}.footer-content h1 a{text-transform:capitalize;font-size:12px;color:#513a09;}.footer-content .footer-l{border-top:solid 1px #edde8b;border-bottom:solid 1px #edde8b;padding:1.5em 0;overflow:hidden}.footer-content .footer-l li{text-align:center;display:inline-block;margin:0 .5em;font-size:2em;text-transform:uppercase}.footer-content .footer-l li a{color:#ac5118}.footer-content .footer-opyright{color:#513a09;margin-bottom:2em; font-size:11px; font-weight:normal}.footer-content .footer-by{font-size:15px;color:#ac5118;margin:0}.footer .bdsharebuttonbox{padding:2.2em 0}.footer .bdsharebuttonbox a{float:none!important;display:inline-block;*zoom:1;*display:inline;margin:0 10px}

#sideBox{ position:absolute; top:100px; right:0;}
.tjxq{padding:0 0 2px 0;padding:0; width:114px; position:absolute; top:0; right:0;}
.tjxq .tbox{border:1px solid #FFF;background:url(img/boxHovBg.gif) repeat-x left top #FFF; position:relative; padding-bottom:15px; cursor:pointer;}
.tjxq h2{ font-size:15px; color:#323232; padding:15px 0 0 5px;}
.tjxq span{ color:#949494; line-height:16px;display:block;}

.sform{padding:0 0 2px 0; background:url(img/yyBg.png) right bottom no-repeat; position:absolute; top:0; right:-275px; width:275px;}
.sbox{border:1px solid #FFF; background:url(img/boxHovBg.gif) repeat-x left top #FFF; position:relative; padding-bottom:10px;}
.sform .scloce{ position:absolute; top:-40px; right:8px;}
.sform h2{ font-size:15px; color:#323232; padding:20px 0 15px 20px;}
.sform h2 span{ display:block; font-size:12px; font-weight:normal; color:#888;}
.sform p{ padding:0 0 15px 20px; line-height:19px; color:#888;}
.sform ul{ padding-bottom:20px;}
.sform ul li{ padding-bottom:7px;}
.sform ul li label{ width:57px; text-align:right; display:inline-block; color:#999;}
.sform ul li .stxt{ border:1px solid #DFDFDF; width:190px; height:16px; line-height:16px; padding:2px;}
.sform ul li textarea{ border:1px solid #DFDFDF; width:190px; height:70px; line-height:16px; padding:2px; vertical-align:top; overflow:auto;}

#goTop{ background:url(img/goTop.png) no-repeat; width:58px; height:58px; overflow:hidden; position:fixed; _position:absolute; left:50%; bottom:99px; margin-left:500px; cursor:pointer; display:none;}

.conpage{padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; margin-top:20px;}
.conpage .pagebox{ border:1px solid #FFF; background:url(img/njbBg.gif) repeat-x left top #FFF; position:relative; top:-1px; min-height:500px; _height:500px;}
.pd{ padding:0 50px 50px 50px;}



.conpage .pagebox .ptit{ padding:40px 0 0 0;}
.ptit22{ padding:40px 0 0 0; font-size:40px;}
.conpage .pagecon{ color:#888888; line-height:22px; padding-top:20px;}
.pagecon h5{ font-size:18px;}

.panner{}
.panner dl{ float:left; width:130px; padding-right:15px;}
.panner dl dt{ color:#393939; font-size:14px; line-height:35px;}
.panner dl dd{ height:22px; line-height:22px; overflow:hidden;}

.sidenews{}
.sidenews li a{ color:#888888;}
.sidenews li a:hover{color:#B6002F!important;}

.servelist{ color:#888; padding:30px 0 25px 0;}
.servelist dt{ float:left;}
.servelist dd{ width:705px; float:left; padding-left:20px;}
.servelist dd p{ padding:6px 0;}
.servelist dd .pl{ line-height:17px;}

.casetit{padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; margin-top:20px;}
.casetit .casebox{ border:1px solid #FFF; background:url(img/njbBg.gif) repeat-x left top #FFF; position:relative; top:-1px; height:109px;}
.casetit .casebox h2{ float:left; padding:32px 0 0 25px;}
.casetit .casebox p{ float:left; padding-left:40px; padding-top:35px; line-height:19px; color:#888;}

.casetit2{padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; }
.casetit2 .casebox{ border:1px solid #FFF; background:url(img/njbBg.gif) repeat-x left top #FFF; position:relative; top:-1px; padding:20px;}
.casetit2 .casebox h2{ float:left; padding:32px 0 0 25px; width:100%;}
.casetit2 .casebox p{ float:left; padding-left:40px; padding-top:35px; line-height:19px; color:#888;}

/* pic-slide */
.pic-slide{width:706px;text-align:center;}
#thumb-pic{padding:10px 0;width:706px;text-align:center;}
#thumb-pic span{display:inline-block;padding:10px;border-radius:4px;border:1px solid #dedede;background:#F2F2F2;}
#thumb-pic a{display:inline-block;padding:2px 4px;}
#thumb-pic img{padding:4px;border:1px solid #eaeaea;background:#FFF;}
.pic-on{border:1px solid #ffa306 !important;background:#FFF;}

/* page */
.pagination{padding:5px 0;text-align:right;}
.pagination .record{float:left;margin-right:20px;height:30px;line-height:40px;text-align:center;color:#999;}
.pagination .number{float:left;margin:0 5px 0 0;width:30px;height:30px;line-height:30px;text-align:center;background:#F1EFF0;color:#999;}
.pagination .number:hover{background:#E0E0E0 !important;color:#999 !important;}
.pagination .current{background:#00aa91 !important;color:#FFFFFF !important;}
.pagination .pre,.pagination .next{float:left;width:30px;height:30px;background:url('../images/pre-next.png') no-repeat;}
.pagination .pre{margin-right:6px;}
.pagination .next{background-position:0 -60px;}
.pagination .pre:hover{background-position:0 -30px;}
.pagination .next:hover{background-position:0 -90px;}


.caselist{ width:980px; overflow:hidden; margin-top:14px;}
.caselist .ovh{ width:750px; overflow:hidden;float:right}
.caselist dl{ float:left; background:url(img/showBoxBg02.png) no-repeat; width:239px; height:304px; margin:0 9px 14px 0;}
.caselist dl:hover{ background:url(img/showBoxBg01.png) no-repeat;}
.caselist dl dt{ padding:10px 0 0 10px;}
.caselist dl dt img{ display:block;}
.caselist dd{ padding:0 10px;}
.caselist dd h2{ font-size:14px; font-weight:normal; color:#595959; line-height:24px; padding:14px 0 5px 0;}
.caselist dd p{ color:#888888; line-height:19px; padding-bottom:8px;}
.caselist dd a.more{ color:#888888; background:url(img/addIco.gif) left center no-repeat; padding-left:15px;}


.cplist{ width:210px; float:left; }



.caselist3{ width:980px; overflow:hidden; margin-top:14px;}
.caselist3 .ovh{ width:750px; overflow:hidden; float:right}
.caselist3 dl{ float:left; background:url(img/showBoxBg02.png) no-repeat; width:239px; height:304px; margin:0 9px 14px 0;}
.caselist3 dl:hover{ background:url(img/showBoxBg01.png) no-repeat;}
.caselist3 dl dt{ padding:10px 0 0 10px;}
.caselist3 dl dt img{ display:block;}
.caselist3 dd{ padding:0 10px;}
.caselist3 dd h2{ font-size:14px; font-weight:normal; color:#595959; line-height:24px; padding:14px 0 5px 0;}
.caselist3 dd p{ color:#888888; line-height:19px; padding-bottom:8px;}
.caselist3 dd a.more{ color:#888888; background:url(img/addIco.gif) left center no-repeat; padding-left:15px;}


.caselist2{ width:982px; overflow:hidden; margin-left:17px;}
.caselist2 .ovh{ width:992px; overflow:hidden;}
.caselist2 dl{ float:left; width:230px; height:304px; margin:0 5px 14px 0; border-right:1px dashed #e6e6e6;}
.caselist2 dl:hover{ }
.caselist2 dl dt{ padding:0 0 0 4px;}
.caselist2 dl dt img{ display:block;}
.caselist2 dd{ padding:0 10px;}
.caselist2 dd h4{ font-size:14px; font-weight:normal; color:#608f9f; line-height:24px; padding:14px 0 5px 0;}
.caselist2 dd p{ color:#bcbcbc; line-height:19px; padding-bottom:8px;}
.caselist2 dd a.more{ color:#888888; background:url(img/addIco.gif) left center no-repeat; padding-left:15px;}

.severice2,.client,.friend{padding:0 2px 1px 0; background:url(img/yyBg.png) right bottom no-repeat; margin-top:10px;}
.severice2 .box01{ height:360px;}
.severice2 .item{ float:left; width:300px;}
.severice2 h2,.client h2,.friend h2{ height:46px; line-height:46px; width:940px; margin:0 auto; position:relative; font-size:15px;color:#323232; padding-top:6px;}
.severice2 h2 a,.client h2 a,.friend h2 a{position:absolute; top:0; right:0; font-size:11px; font-weight:normal; color:#AFAFAF;}
.severice2 .item{ padding:10px 0 0 20px;}
.severice2 .item dt img{ float:left;}
.severice2 .item dd{ width:190px; float:right;}
.severice2 .item dd h3{ line-height:18px; font-size:14px;}
.severice2 .item dd h3 a{ color:#222; }
.severice2 .item dd h3 span{ display:block; color:#B6002F; font-weight:normal; font-size:12px; }
.severice2 .item dd p{ line-height:18px; margin-top:5px;}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position:fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}	
#lightbox-image-details-caption {font-size:12px; line-height:17px;}
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;	
}

.deico{background:url(img/de.gif) left no-repeat; background-position:25px 32px ;}



.contact {
    background-color: #232525;
    width: 100%;
    padding: 12em 0 0 0
}
.contact h1.contact-tit {
    text-align: center;
    font-weight: normal;
    font-size: 6.5em;
    color: #ccc;
    line-height: .85
}
.contact h1.contact-tit font {
    font-weight: bold;
    color: #c22c45
}
.contact-message {
    background-color: #fff;
    overflow: hidden;
    padding: 0.5%
}
.contact-message .contact-left {
    float: left;
    width: 100%
}
.contact-message .contact-left h1 {
    margin: 0;
    font-size: 3.5em;
    color: #343434
}
.contact-message .contact-left p {
    color: #5a5a5a;
    margin: 0;
    font-weight: bold
}
.contact-message .contact-left ul {

    padding: 1em 0 0 0;
    color: #585858;
    line-height: 1.5;
    margin: .8em 0 1em 0;
    border-top: solid 1px #c6c6c6
}
.contact-message .contact-left .contact-map span {
    color: #c22c45;
    border-bottom: solid 1px #f1d7da;
    font-weight: bold;
    padding-bottom: 1px;
    margin-right: 8px
}
.contact-message .contact-left .contact-map a {
    color: #585858;

    border-bottom: solid 1px #585858
}
.contact-information {
    margin: 4.5em 0 4em 0;
    float: left;
    width: 100%;
    padding: 0 5%
}
.contact-information dl {
    margin: 0;
    padding: 0 3em 0 6em
}
.contact-information .contact-address, .contact-information .contact-tel {
    border-right: solid 1px #454545
}
.contact-information .contact-address {
    background: url(img/contact-add.jpg) no-repeat 10px 3px
}
.contact-information .contact-tel {
    background: url(img/contact-tel.jpg) no-repeat 15px 3px
}
.contact-information .contact-email {
    background: url(img/contact-email.jpg) no-repeat 11px 4px
}
.contact-information dl dt {
    color: #fff;
    font-size: 1.6em;
    margin-bottom: 1em
}
.contact-information dl dd {
    color: #ccc;
    font-size: 1.25em
}
.contact-message .contact-right {
    float: right;
    width: 559px
}
.contact-message .contact-right .contact-input {
    width: 267px;
    font-size: 1.2em;
    color: #535353;
    line-height: 2.8;
    height: 42px;
    margin: 0 .5em .8em .6em;
    text-indent: 1em;
    float: left;
    background: url(img/contact-input.gif) no-repeat;
    border: 0;

}
.contact-message .contact-right .contact-textarea {
    margin-left: 8px;
    width: 550px;
    text-indent: 1em;

    font-size: 1.2em;
    color: #535353;
    line-height: 2.8;
    background: url(img/contact-textarea.jpg) no-repeat;
    border: 0;
    height: 88px
}
.contact-message .contact-right .contact-submit {
    max-width: 100%;
    float: right;
    margin-top: .6em
}


.container {
    max-width: 980px
}
.col-sm-6 {
    padding: 11em 5em 0 5em
}
.pull-left{margin-right:10px}
.pull-left{float:left!important}

.col-md-4{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-md-4{width:33.33333333333333%}
