/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font-family:"microsoft yahei",Arial,sans-serif;font-size:12px; width:100%; min-width:1200px;position: relative}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}

/*模块编码*/
.fl {float: left;}
.fr {float: right;}
.pr{ position:relative;}
.clear {clear: both; overflow:hidden;}
.hidden{ display:none;}
.clearfix:after {clear: both;content:" ";display: block;height: 0;}
.w1200{ width:1200px;}
.brd{ padding-right:20px;  border-right:1px dotted #7d7d7d;margin-right:20px;}
/*头部*/
#header{font-family:"microsoft yahei";  position: relative; z-index: 5;}
.top{height:32px; position: relative; z-index: 2; background-color: #dcdcdc}
.top div#containter{ width:1200px; line-height:32px; position:relative; color:#808080;}
.top-tel{ display:inline-block; margin-right:50px;}
.top-tel strong{ font-weight:400; color:#ff7200; font-size:14px;}
.attent-us{ display:inline-block;}
.attent-us a{ display:inline-block; width:25px; height:25px; text-indent:-9999em; vertical-align:middle; background-image:url(../images/icon.png); background-repeat:no-repeat; margin:0 7px;}
.attent-us a.weixin{ background-position:0 0;}
.attent-us a.weibo{ background-position:0 -34px;}
.attent-us a.qq{ background-position:0 -70px;}
.top div p{ display:inline-block; text-align:right; right:0; position:absolute;}
.top div p a{ padding:0 8px; color:#808080;}

.head{ width:1200px; height:110px; position:relative; z-index:3; clear:both;}

/*logo*/
.logo{ width:496px; height:110px; float:left;background:url(../images/logo.png) no-repeat 0 center; background-size:420px;}
.logo a{ display:block; width:100%; height:100%; text-indent:-9999px;}

.tel{ height:45px; width: 274px; padding:28px 0 0 65px; font-size:30px; margin-top:20px; font-weight: 700; color: #6a3906; background: url(../images/tel.png) no-repeat 10px center;}

.right-box{ margin-top: 20px; margin-right:8px; border-left: 1px dotted #a0a0a0}
.right-box dd{ display: inline-block; width: 82px; text-align: center; border-right: 1px dotted #a0a0a0}
.right-box dd i{ display: block; height: 46px; background: url(../images/icon1.png) no-repeat center 5px;}
.right-box dd.no2 i{ background-position: center -36px;}
.right-box dd.no3 i{ background-position: center -76px;}

/*导航*/
.nav{height:42px;position:relative; z-index:3; background:#6a3906;}

.serv-nav{ width: 182px; text-align: center; float: left;}
#menu {
	width: 182px; height: 42px; line-height: 42px;
}
#menu:before, #menu:after {
	content: "";
	display: table;
}
#menu:after {
	clear: both;
}
#menu {
	zoom: 1;
}
#menu li {
	float: left;
	position: relative;
}
#menu a {
	float: left;
	color: #fff;
	text-transform: uppercase;
	background: rgba(0,0,0,0.6);
	text-decoration: none;
}#menu a i{ margin-left:8px;}
#menu a.b-items{ display: block; width: 182px; line-height: 42px; font-size: 18px;background: rgba(0,0,0,1);}
#menu li:hover > a {
	color: #fafafa;
}
*html #menu li a:hover {
	color: #fafafa;
}
#menu ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top:42px;
	left: 0;
	z-index: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#menu ul ul {
	top: 0;
	left: 182px;
	margin: 0 0 0 20px;
	_margin: 0;
}
#menu ul li {
	float: none;
	display: block;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	_line-height: 0;
}
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a {
	padding:5px 0;
	line-height: 36px;
	height: 36px;
	width: 182px;
	_height: 10px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	font-size: 14px;
}
#menu ul a:hover {}
#menu ul li:first-child > a {}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;
}
#menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3;
	border-bottom-color: transparent;
}
#menu ul li:last-child > a {
	border-bottom: none;
}

.nav ul.nav-list{ width:960px; float: right;}
.nav li{text-align:center; font-family:"microsoft yahei"; position:relative;}
.nav li.nav-item{ width:120px;}
.nav li a{height:42px; line-height:42px;color:#fff; display: block;font-size:16px;}
.nav li.hover a{ color: #fff; background-color:#292929;}
.nav li dl{ display:none; width:120px; text-align:center; position:absolute;top:0; left:0; z-index:10; background:rgba(247,247,247,1);}
.nav li dd{ height:42px;}
.nav li.hover dd a{ color:#fff;height:42px; line-height:42px; font-size:14px; background-color:#292929}
.nav li.hover dl{ display:block; top:42px;}

/*幻灯片*/
.swiper-container {width:100%;}
.swiper-slide {text-align: center;font-size: 18px;
     /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{ width:100%}

.keyword{height:40px; line-height:40px; background-color: #eee; font-size: 13px;}
.keyword a{ margin-right: 12px;}

.main{width:100%;position:relative; z-index:2; clear:both;}

/*我们的优势*/
.adv-wap dl{ width:295px; display: inline-block; margin:40px 0; vertical-align: top;font-family: "Microsoft yahei"; text-align: center;}
.adv-wap dt{ margin-bottom:10px;}
.adv-wap dd{ line-height:1.8; font-size: 18px;}

/*服务项目*/
.product-box{ padding:35px 0; background-color:#ecf9ff;font-family: "Microsoft yahei";}
.product-box .tit{ height: 60px; background-color: #292929; line-height: 60px; margin-bottom:35px;}
.product-box .tit span{ height: 60px; font-size: 24px; color: #fff;background: url(../images/bg1.jpg) no-repeat right 0; padding: 0 50px 0 25px; background-color: #6a3906;}
.product-box .tit p{ font-size: 18px;}
.product-box .tit p a{ padding: 0 15px; color: #fff;}
.product-box .tit a.more{ font-size: 14px; color: #fff; padding-right: 15px;}

.pro-list li{ width: 398px; border: 1px solid #dedede; background-color: #fff;}
.pro-list li div.pro-box{ width: 336px; padding: 30px 30px 0; border: 1px solid #fff;}
.pro-list li a.img{ width: 336px; height: 222px; text-align:center;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden;}
.pro-list li a.img img{ max-height:222px; vertical-align:middle; height:expression(this.height>222?"222px":this.height);}
.pro-list li .pro-name{text-align: center;font-size: 16px;font-weight:400; color: #292d33; margin-top:16px;}
/*.pro-list li .pro-name strong{ font-size: 16px; color: #000}*/
.pro-list li .pro-info{ text-align: center; color: #e6454a; font-size: 14px; padding-bottom:15px;height: 19px;}
.pro-list li .p1{ margin-top: 2px; font-size:14px; height: 53px; color: #848c99; text-align: center;}
.pro-list li .p3{ width: 160px; margin: 0 auto 15px;}
.pro-list li .p3 a{ display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #e6454a; font-size: 16px;}
.pro-list li .p3 a:hover{ background-color: #c23a3f;}
/*.pro-list li .pro-cont{ height:46px; line-height:46px; padding: 15px 0; position: relative;}
.pro-price{ color: #6a3906; font-size:20px;}
.pro-list li .pro-cont p{ color: #999}
.pro-list li .pro-cont p i{ font-style: normal; color: #787878}
.pro-list li .pro-cont a.more{ background-color: #6a3906; border-radius: 5px; color: #fff; padding:0 12px; height: 32px; line-height: 32px; position: absolute; right: 0; top:22px; display: none;}*/
.pro-list li:hover{border-color:#6a3906;}
.pro-list li:hover div{border-color:#6a3906;}
.pro-list li:hover .pro-cont a.more{ display: block;}
.pro-list li:hover .pro-cont p{display: none;}

#main .tit-box{text-align: center;letter-spacing: 1px; margin-bottom:2rem; font-family: "Microsoft yahei";}
#main .tit-box h3{font-size: 32px;color:#6a3906; font-weight: 400; border-bottom:1px solid #E1E1E1;padding:10px 0;margin-bottom:10px;position:relative;}
#main .tit-box h3 strong{ color: #333;font-weight: 400;}
#main .tit-box h3:after{content: "";position:absolute;left: 50%;bottom:-3px;width: 6%;height:5px;margin-left:-3%;background: #333;}
#main .tit-box span{font-size:1rem;color:#6d6d6d;font-family:"Arial";text-transform: uppercase;}

/*案例*/
.cases-box{font-family: "Microsoft yahei";}

#main .items_box{
    max-height:468px;
}
/*服务项目*/

.cases-box{
    background:url(../images/bg2.jpg) repeat 0 0;
    padding:1rem 0 2rem;
}
.cases-box .change_box .pic,.cases-box .change_box .txt{
    padding:24px;
}
.cases-box .change_box .pic{ width: 726px; height: 420px; overflow: hidden;float: right;background:url(../images/line-bg.jpg) no-repeat 0 0 #6a3906;}
.cases-box .change_box .pic a{ width:726px; height:420px; text-align:center;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden;}
.cases-box .change_box .pic a img{border:4px solid #fff; max-height:412px; vertical-align:middle; height:expression(this.height>412?"412px":this.height);}
.cases-box .change_box .txt{}
.cases-box .change_box .txt h3{
    font-size: 30px; font-weight: 400;
    color:#fffefe;
    text-align: center;
    padding:2rem 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.cases-box .change_box .txt{
    font-size: 14px;
    line-height: 3rem;
   color:#fff;
    opacity:0.8;width:378px; float: left;
}
.cases-box .change_box .txt>div{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    margin:2rem 0;
    font-size: 1.4rem;
}
.cases-box .change_box .txt .more{
    display:block;
    font-size: 14px;
    color:#fff;
    border:1px solid #fff;
    padding:1px 0;
    width:25%;
	height: 38px; line-height: 38px;
    text-align: center;
    margin:0 auto;
}

.mr_frbox{ clear: both;
    position: relative;width:1200px;}
.mr_frBtnL{cursor:pointer;height:42px;width:42px;position:absolute;top: 50%;margin-top:-20px;left:-55px;background:url(../images/prev0.png) no-repeat center;background-size:contain}
.mr_frUl{width:calc(100%)!important;overflow:hidden;}
.mr_frBtnR{cursor:pointer;width:42px;height:42px;position:absolute;top:50%;right:-47px;margin-top:-20px;
background:url(../images/next0.png) no-repeat center;background-size:contain}
.mr_frUl ul li{display:inline;float:left;width:calc((100%));overflow:hidden;margin:0 auto; background-color: #292929}
.tempWrap{width: calc(100%)!important;}

.cases-box .items_list{
    margin-top: 2rem;
}
.cases-box .items_list li{
    padding:0 10px;
    border-bottom:1px dashed #1B5790;
}
.cases-box .items_list li img{
    margin:10px 0;
}
.cases-box .items_list .txt{
    text-align: center;
}
.cases-box .items_list li h3{
    font-size: 2.4rem;
}
.cases-box .items_list li .txt>div{
    line-height: 2.4rem;
    font-size: 1.4rem;
    margin:15px 0;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.cases-box .items_list li .txt>div a.more{
    color:#1B5790;
}
.cases-box .intro{
    padding:3rem 0;
}
.cases-box .intro .intro_info .txt{font-size:1.2rem;line-height:2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-indent:2em}
.cases-box .intro .intro_info h3 a{font-size:2.4rem;color:#1B5690;margin-bottom:1rem;
    font-weight: bolder;display:block;overflow:hidden;text-overflow:ellipsis}
.cases-box .intro .intro_info>a{color:#FF7603;margin:1rem 0;display:block;text-align:left}
.cases-box .intro_box{margin:3rem 0;overflow:hidden}

.about-box{ background-color: #ecf9ff; padding: 1rem 0 2rem;}
.about-box .cont-box{position: relative; overflow: hidden;font-family:"microsoft yahei";}
.about-box .cont-box img{ border: 1px solid #dedede;}

.about-box .info{ width: 612px}
.about-box .info h4{ font-size: 20px; font-weight: 400; margin-bottom:8px; color: #333}
.about-box .info p{ line-height: 1.8; font-size: 14px;}
.about-box .info a.more{ color: #f7a700}
.hor-show{ width: 612px; height: 125px; overflow: hidden; position: absolute; right: 0; bottom: 0}
.hor-show ul{ float: left; height: 125px; overflow: hidden}
.hor-show li{ margin-right: 10px;height: 127px; overflow: hidden;}
.hor-show li img{border: 1px solid #dedede;}

.news-box{ padding: 1rem 0 2rem;}
.news{ width:760px;}
.news-box .hd{ border-bottom: 1px solid #dedede; height: 42px; line-height: 42px; margin-bottom: 15px;}
.news-box .hd span{ border-bottom: 3px solid #6a3906; font-size: 16px; font-weight: 600; color: #6a3906; height: 41px; line-height: 41px;}
.news .ct dl .img{ margin-right: 15px;}
.news .ct dl dt{ font-size: 16px; margin-bottom: 6px;}
.news .ct dl dt a{ color: #333}
.news .ct dl dd{ line-height:22px; font-size: 12px;}

.newsList{ width: 100%;border-bottom:1px dotted rgba(201,201,201,0.8);}
.newsList .news-tit{ width:100%; height:35px; line-height:35px; font-size:12px; cursor: pointer; position: relative;z-index: 20; display: block; background:url(../images/ico8.png) no-repeat 5px center;}
.newsList .news-tit a{ padding-left:20px; color:#000; font-weight: 600;}
.newsList .news-tit a:hover{ color: #6a3906}
.newsList .news-tit span{ color: #cbcbcb;}
.newsList input{display: none;}
.newsList input:checked ~ .newsCont{       
	z-index:-1;
	-webkit-animation-name: slideLeft;
	-webkit-animation-duration: .7s;
	-webkit-animation-iteration-count: 1;
}
.newsCont{ clear: both; position: relative; overflow: hidden; margin-bottom: 8px;}


.knowledge{width: 400px;}
.knowledge .newsList{ border-bottom: none;}
.knowledge li{ width:100%; height:35px; line-height:35px; background:url(../images/ico8.png) no-repeat 5px center; font-size:12px;border-bottom:1px dotted rgba(201,201,201,0.8);}
.knowledge li a{ padding-left:20px; color:#656565;}
.knowledge li a:hover{ color: #6a3906}
.knowledge li span{ color: #cbcbcb;}


/*次页*/
.content{ width:1200px; overflow:visible; margin-top:15px;}
.page .nav{ margin-bottom:0;}
.page .nav .site-category{ display:none;}
.page .hover .site-category{ display:block;}
.page_ad{ clear:both;}

.w250{ width:250px;/* margin-top: -100px;*/ position: relative; z-index: 2;}
.w924{ width:924px;}
.lmenu{ background:url(../images/t-bg.png) no-repeat center 12px #6a3906;font-family:"microsoft yahei"; padding-bottom: 8px; margin-bottom: 10px;}
.lmenu .lhd{ height:60px;font-size:18px; padding-top:26px; color:#fff; text-align: center;}
.lmenu .lhd span{ display: block;font-size:12px; color:#fff; text-transform: uppercase;}
.lmenu ul{ background-color:#fff; margin:6px 6px 0;}
.lmenu li{ width:238px; height:40px; line-height:40px; border-bottom: 1px dotted rgba(90,90,90,0.6);}
.lmenu li a{ display:block;text-align:center;}
.lmenu li a:hover,.lmenu li a.on{}
.contact{font-family:"microsoft yahei";}
.contact .tit{ text-align: center; background-color: #6a3906; color: #fff; height: 52px; line-height: 52px; font-size: 16px;}
.contact .tit i{ display:inline-block; height: 32px; width:42px; background: url(../images/ico9.png) no-repeat center center; vertical-align: top; margin-top: 10px;}
.contact .cont{border:1px solid rgba(221,221,221,0.6); border-top: none; padding: 11px;}
.contact .cont p{ line-height: 24px;}

#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }

.path{ height:38px;line-height:38px; color:#000;font-family:"microsoft yahei"; border-bottom: 1px solid #dedede;margin-bottom:20px;}
.path div{font-size:16px; border-bottom: 3px solid #6a3906; color: #6a3906; font-weight:bold;}
.path p{ background:url(../images/pico.png) no-repeat 0 center; padding-left:20px; }
.path p a{}

.pic-list{ width:946px; padding-left:20px;}
.pic-list li{ margin-right:20px; width:282px; margin-bottom:15px; position:relative;}
.pic-list li a{ display: block;color: #656565; border: 1px solid #dcdcdc}
.pic-list li a img{ display: block;}
.pic-list li h4{ font-size:14px; width:100%; height:40px; line-height:40px; font-weight:400;font-family:"microsoft yahei"; background-color:rgba(220,220,220,1); text-align:center;}

.pic1-list{ width:944px;}
.pic1-list li{ width:294px; float: left;margin-right: 20px; margin-bottom: 20px;}
.pic1-list li a.img{ width:288px; height: 195px; border: 1px solid #dedede; padding: 3px; text-align:center;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden;}
.pic1-list li a.img img{ max-height:195px; vertical-align:middle; height:expression(this.height>195?"195px":this.height);}
.pic1-list li h4.pro-name{ font-weight: 400; font-size: 14px; color: #6c6c6c; height: 32px; line-height: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
.pic1-list li h4.pro-name strong{ color: #6a3906; font-size: 16px;}

.pic2-list{width: 924px;}
.pic2-list li{ width:293px; float: left; margin:0 8px 0 7px;}
.pic2-list .img{width:285px; height:170px; padding: 3px; border: 1px solid #dedede; text-align:center;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden;}
.pic2-list .img img{/* padding: 5px;*/ max-height:170px; vertical-align:middle; height:expression(this.height>170?"144px":this.height);}
.pic2-list h4.cname{ height: 36px; line-height: 36px; text-align: center; font-size: 14px; font-weight: 400;}
/*.pic2-list dl{width: 656px;}
.pic2-list dl dt{ font-size: 16px; margin-bottom: 6px;}
.pic2-list dl dt a{ color: #333}
.pic2-list dl dd{ line-height:22px; font-size: 12px;}*/

.news-list{ margin:0 18px;}
.news-list li{ width:892px; margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px dashed #dcdcdc;overflow:hidden; position:relative;}
.news-list li a{ font-size: 14px;}
.news-list li span{ color: #ccc;}

.item_a .pHd{line-height: 32px; overflow: hidden; margin-bottom:6px; border-bottom: 1px dotted #dedede;}
.item_a .pHd span{ background: url(../images/ico1.jpg) no-repeat 10px center; font-weight: 600; padding-left:30px; font-size: 15px;font-family:"microsoft yahei";}
.item_a .pHd a.more{}


.txt{ padding:0 20px 22px;font-size:14px;}
.txt p{ line-height:2; margin-bottom:10px; text-align:justify; text-justify:inter-ideograph;}
.txt h4.title{ text-align:center; font-size:20px; color:#333; margin:8px 0 16px;font-family:"microsoft yahei";}
.txt .info{ text-align:center; height:30px; line-height:30px; border-bottom:1px dotted #959595; margin-bottom:10px;}

.ser-head{ overflow: hidden; margin-bottom: 12px;}
.ser-img {width:336px;height: 222px; margin-right: 12px; text-align:center;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden; padding: 3px; border: 1px solid #dedede;}
.ser-img img{ max-height:222px; vertical-align:middle; height:expression(this.height>222?"222px":this.height);}

.ser-txt h4.title{ text-align: left;}
.ser-title{ width:520px;}
.ser-title p{}

.pro-det-hd{ margin-bottom:15px; border-bottom:1px solid #6a3906;}
.pro-det-hd span{ display:inline-block; background-color:#6a3906; padding:6px 22px; color:#fff; font-size:14px;font-family:"microsoft yahei";}

.pro-consult{ background-color:#f2f2f2; border:1px solid #e4e4e4; padding:10px 22px; width:476px; margin:0;font-family: "microsoft yahei"; position: relative;}
.pro-price{ font-size: 14px; font-weight:400; padding-bottom: 5px; margin-bottom: 10px; border-bottom:1px solid #dedede; }
.pro-price span{color:#ce000a; font-weight: 600; font-size: 16px;}
.pro-consult .call{ background:url(../images/ptel.png) no-repeat 0 8px; line-height:26px; padding-left:38px; color:#000;padding-bottom:5px;}
.pro-consult .call span{ font-size:16px;}
.pro-consult .call strong{ color:#ce000a; font-size:22px; line-height:32px;}
.pro-consult .online-qq{ display: block; position: absolute; right: 50px; bottom: 15px;}
/*.pro-consult .online-qq img{ vertical-align:middle;}
.pro-consult .online-qq strong{ font-size:16px; color:#000; font-weight:normal; padding-right:12px; line-height:27px;}
.pro-consult .online-qq  a{ display:inline-block; margin-right:10px;}*/


.pages{ text-align:center; height:30px; line-height:30px; margin:10px 0; color:#000;}
.pages a{ color:#000; border:1px solid #ccc; padding:3px 6px;}
.prevnext{ line-height:22px; font-size:12px; margin-top:10px;}
.prevnext a{ color:#eb0000; font-weight:bold;}


/*底部*/
#footer{font-family:"Verdana","microsoft yahei"; background-color: #292929; border-top: 4px solid #6a3906;}
.f-logo{ width:348px; margin:38px 0 28px; background: url(../images/flogo.png) no-repeat 0 0;}
.f-logo a{ display: block; width: 100%; height:40px; padding-top: 70px; color: #fff; font-size:18px;}
.w650{ width:680px; padding-left:20px; margin: 28px 0;}
.f-contact dl{ display: inline-block; color: #c6c6c6; vertical-align: top; line-height: 24px; margin-right:60px;}
.f-name{ font-size: 16px; margin-bottom: 8px;}
.weixin{ margin: 20px 0; line-height: 2; color: #c6c6c6;}

.copyright{ background-color: #0f0f0f;font-family:"Verdana","microsoft yahei";line-height:42px;text-align: center;color:#fff; font-size:14px;}
.copyright a{ color:#fff; }

/*在线客服*/
.rides-cs {  font-size: 12px; background:#6a3906; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/qq-bg.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


/*.bg-box{ position: absolute; z-index: 1}
.lbg1{ width: 358px; height:440px; background: url(../images/bg5.png) no-repeat 0 0; left: 0; top: 230px}
.rbg1{ width: 370px; height:836px; background: url(../images/bg6.png) no-repeat 0 0; right: 0; top: 280px}
.fbg{ width: 312px; height: 263px; position: absolute; right: 0; bottom: 0; background: url(../images/bg7.png) no-repeat right bottom;}*/
#topcontrol{ z-index: 5;}