﻿.header{

	display: block;

	width: 1002px;

	height: 113px;

	margin: 0 auto;

}



.header .phone{

	display: block;

	float: right;

	margin-top: 33px;

}



.header .phone .dh_l{

	display: block;

	float: left;

	margin-right: 12px;

}



.header .phone .r p{

	line-height: 1;

	display: block;

	font-size: 18px;

	color: #555;

}



.header .phone .r h3{

	display: block;

	line-height: 1;

	font-size: 21px;

	color: #ff0000;

	margin-top: 5px;

}



.header .logo-box{

	display: block;

	float: left;

	margin: 13px 50px 0 0;

	height: 82px;

}



.header .logo-box a{

	display: block;

}



.header .search-box{

	display: none;

	float: right;

	width: 268px;

	height: 34px;

	border: 1px solid #c9c9c9;

	margin-top: 39px;

}



.header .search-box #q{

	display: block;

	float: left;

	width: 213px;

	height: 22px;

	padding: 6px 10px;

	line-height: 22px;

	color: #666;

	outline: none;

	border:1px solid #c9c9c9;

	border-width: 0 1px 0 0;

}



.header .search-box a{

	display: block;

	float: left;

	text-align: center;

	width: 34px;

	height: 34px;

}



.header .search-box a input{

	cursor: pointer;

	display:block; border:none;

	margin: 8px 0 0 5px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.header .search-box a:hover i{

	opacity: 0.8;

	filter:alpha(opacity=80);

}



.nav{

	display: block;

	height: 62px;

	width: 100%;

	background-color: #282828;

}



.nav-box{

	display: block;

	width: 1002px;

	margin: 0 auto;height:62px;

}



.nav-box li{

	display: block;

	position: relative;

	float: left;

	line-height: 62px;

}



.nav-box li>a{

	display: block;

	padding: 0 41px;

	color: #fff;

	font-size: 16px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.nav-box li.active>a,.nav-box li:hover>a{

	background-color: #b71e23;

}



.nav-box li dl{

	display: none;

	width: 100%;

	position: absolute;

	background-color: #b71e23;

	background-color: rgba(183,30,35,0.8);

	z-index: 50;

}



.nav-box li dl dd{

	display: block;

	height: 50px;

	line-height: 50px;

	text-align: center;

	border-bottom: 1px solid #e2a5a7;

}



.nav-box li dl dd:last-child{

	border-bottom: none;

}



.nav-box li dl dd a{

	display: block;

	color: #fff;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.nav-box li dl dd a:hover{

	background-color: #282828;

}



.banner{

	display: block;

	position: relative;

	width: 100%;

	height: 601px;

	max-width: 1920px;

	margin: 0 auto;

	overflow: hidden;

}



.banner ul{

	display: block;

}



.banner ul li{

	display: block;

	position: absolute;

	top:0;

	left:0;

	width: 100%;

	height: 601px;

	z-index: -1;

	opacity: 0;

	filter:alpha(opacity=0);

	transition: 1s;

	-o-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-webkit-transition: 1s;

}



.banner ul li.on{

	opacity: 1;

	filter:alpha(opacity=100);

	z-index: 10;

}



.banner ul li a{

	display: block;

	width: 100%;

	height: 601px;

}



.banner ol{

	display: block;

	position: absolute;

	bottom: 20px;

	width: 100%;

	text-align: center;

	z-index: 50;

}



.banner ol li{

	display: inline-block;

	width: 13px;

	height: 13px;

	border: 2px solid #b71e23;

	border-radius: 50%;

	margin: 0 6px;

	cursor: pointer;

	transition: 1s;

	-o-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-webkit-transition: 1s;

}



.banner ol li.active{

	background-color: #b71e23;

}



.banner .btn{

	display: block;

	position: absolute;

	width: 30px;

	height: 50px;

	background-color: #000;

	background-color:rgba(0,0,0,0.4);

	top:50%;

	margin-top: -25px;

	z-index: 50;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.banner .btn:hover{

	background-color:rgba(0,0,0,0.6);

}



.banner .btn i{

	display: inline-block;

	margin: 12px 0 0 8px;

}



.banner .prev{

	left:0;

}



.banner .next{

	right:0;

}



.business{

	display: block;

	width: 1002px;

	height: 312;

	margin: 36px auto 0;

}



.business ul{

	display: block;

	margin-right: -20px;

}



.business li{

	display: block;

	float: left;

	width: 235px;

	height: 312px;

	margin-right: 20px;

	background-color: #ebebeb;



	text-align: center;

	transition: 0.8s;

	-o-transition:0.8s;

	-ms-transition: 0.8s;

	-moz-transition: 0.8s;

	-webkit-transition: 0.8s;

}



.business li a{

	display: block;

	padding: 0 21px;

}



.business li .tb{

	display: table-cell;

	width: 193px;

	height: 46px;

	text-align: center;

	padding-top: 68px;

	vertical-align: middle;

}



.business li i{

	display:inline-block;

}



.business li i.jz{

	margin-top: 67px;

}



.business li i.gc{

	margin-top: 68px;

}



.business li i.fw{

	margin-top: 69px;

}



.business li i.lc{

	margin-top: 70px;

}



.business li h3{

	display: block;

	line-height: 1;

	color: #535456;

	margin-top: 10px;

}



.business li .en{

	display: block;

	line-height: 1;

	color: #9b9b9c;

	margin-top: 4px;

	text-transform: uppercase;

}



.business li .line{

	display: block;

	margin: 22px auto 0;

	width: 68px;

	height: 1px;

	background-color: #a9a9a9;

}



.business li .intro{

	display: block;

	line-height: 20px;

	color: #9b9b9c;

	margin-top: 20px;

	font-size: 12px;

}



.business li .more{

	display: none;

	width: 88px;

	height: 18px;

	margin: 18px auto 0;

	border: 1px solid #fff;

	color: #fff;

	text-align: center;

	line-height: 18px;

	font-size: 16px;

}



.business li:hover{

	background-color: #b71e23;

}



.business li:hover .jz{

	background:url(../imgs/allbgs.png) no-repeat 0px -620px;

	height:46px;

	padding-left:45px;

}



.business li:hover .gc{

	background:url(../imgs/allbgs.png) no-repeat 0px -529px;

	height:45px;

	padding-left:34px;

}



.business li:hover .fw{

	background:url(../imgs/allbgs.png) no-repeat 0px -352px;

	height:44px;

	padding-left:42px;

}



.business li:hover .lc{

	background:url(../imgs/allbgs.png) no-repeat 0px -266px;

	height:43px;

	padding-left:44px;

}



.business li:hover .more{

	display: block;

}



.business li:hover h3,.business li:hover p{

	color: #fff;

}



.business li:hover .line{

	background-color: #fff;

}



.unified{

	display: block;

	width: 1002px;

	margin: 62px auto 0;

	clear: both;

}



.unified-header{

	display: block;

	clear: both;

	text-align: center;

}



.unified-header p{

	display: block;

	line-height: 1;

	font-size: 30px;

	color: #939393;

	text-transform: uppercase;

}



.unified-header h3{

	display: block;

	line-height: 1;

	font-size: 24px;

	color: #b71e23;

	margin-top: 12px;

}



.about-body{

	display: block;

	margin-top: 20px;

}



.about-body p{

	display: block;

	line-height: 28px;

	color: #6a6a6a;

	text-indent: 30px;

}



.about-body .show{

	display: block;

	width: 1002px;

	height: 170px;

	margin-top: 40px;

	overflow: hidden;

}



.about-body .show ul{

	display: block;

	width: 9999px;

}



.about-body .show ul li{

	display: block;

	float: left;

	width: 300px;

	height: 160px;

	margin:5px 16px;

}



.about-body .show ul li img{

	display: block;

	width: 288px;

	height: 150px;
	padding:4px;

	border: 1px solid #e8e8e8;

}



.case{

	display: block;

	width: 100%;

	padding:46px 0 56px 0;

	background-color: #eeeeee;

	overflow: hidden;

	margin-top: 62px;

}



.case .unified{

	margin-top: 0;

}



.case-body{

	display: block;

	margin-top: 37px;

}



.case-body ul{

	display: block;

	margin-right: -10px;

	overflow: hidden;

}



.case-body li{

	display: block;

	position: relative;

	float: left;

	width: 135px;

	height: 393px;

	overflow: hidden;

	margin-right: 10px;

	transition: 1s;

	-o-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-webkit-transition: 1s;

}



.case-body li.active{

	width: 420px;

}



.case-body li img{

	display: block;

	width: 420px;

	height: 393px;

}



.case-body li .text-bg{

	display: block;

	position: absolute;

	height: 58px;

	width: 135px;

	background-color: #fff;

	opacity: 0.65;

	filter: alpha(opacity=65);

	bottom:0;

	z-index: 10;

	transition: 1s;

	-o-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-webkit-transition: 1s;

}



.case-body li .text{

	display: block;

	position: absolute;

	height: 58px;

	width: 135px;

	bottom:0;

	text-align: center;

	line-height: 58px;

	z-index: 15;

	transition: 1s;

	-o-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-webkit-transition: 1s;

}



.case-body li .text h3{

	color: #333;

	font-size: 16px;

}



.case-body li .text p{

	display: none;

}



.case-body .active .text-bg{

	height: 393px;

	width: 420px;

	background-color: #000;

	opacity: 0.60;

	filter: alpha(opacity=60);

	bottom:0;

	z-index: 10;

}



.case-body .active .text{

	height: 393px;

	width: 358px;

	bottom:0;

	z-index: 15;

	padding: 0 31px;

	text-align: left;

}



.case-body .active .text h3{

	display: block;

	line-height: 1;

	margin-top: 83px;

	font-size: 36px;

	color: #fff;

}



.case-body .active .text p{

	display: block;

	margin-top: 24px;

	color: #eee;

	line-height: 28px;

}



.case-body .more{

	display: block;

	width: 93px;

	height: 37px;

	background-color: #b71e23;

	margin: 42px auto 0;

	text-align: center;

	line-height: 37px;

	color: #fff;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.case-body .more:hover{

	opacity: 0.80;

	filter: alpha(opacity=80);

}





.news-body{

	display: block;

	margin-top: 47px;

}



.text-news{

	display: block;

	float: left;

	width: 630px;

}



.text-news-header{

	display: block;

	height: 36px;

}



.text-news-header li{

	display: block;

	position: relative;

	float: left;

	width: 104px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	color: #b71e23;

	cursor: pointer;

	border-radius: 2px;

	margin-left: 3px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.text-news-header li.active{

	background-color: #b71e23;

	color: #fff;

}



.text-news-header li .arrow{

	display: block;

	position: absolute;

	width: 0;

	height: 0;

	border: 4px solid transparent;

	border-top: 4px solid #b71e23;

	bottom:-8px;

	left:50%;

	margin-left: -4px;

	opacity: 0;

	filter:alpha(opacity=0);

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.text-news-header li.active .arrow{

	opacity: 1;

	filter:alpha(opacity=100);

}



.text-news-body{

	display: none;

	margin-top: 18px;

}



.text-news-body.on{

	display: block;

}



.text-news-body li{

	display: block;

	height: 53px;

	line-height: 53px;

	border-bottom: 1px dashed #c4c4c4;



}



.text-news-body li i{

	display: inline-block;

	float: left;

	font-size: 13px;

	color: #e62129;

	margin-right: 13px;

	font-family: "Simsun";

	font-style: normal;

}



.text-news-body li .text{

	display: inline-block;

	float: left;

	color: #4b4b4b;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.text-news-body li .time{

	display: inline-block;

	float: right;

	margin-right: 46px;

	color: #4b4b4b;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.text-news-body a:hover span{

	color: #b71e23;

}



.pic-news{

	display: block;

	position: relative;

	float: right;

	width: 343px;

	height: 312px;

	overflow: hidden;

	margin-top: 68px;

}



.pic-news ul li{

	display: block;

	position: absolute;

	width: 342px;

	height: 312px;

	top:0;

	left:0;

	z-index: -1;

	opacity: 0;

	filter:alpha(opacity=0);

	transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

}



.pic-news ul li.on{

	z-index: 10;

	opacity: 1;

	filter:alpha(opacity=100);

}



.pic-news  ul li img{

	display: block;

	width: 342px;

	height: 312px;

}



.pic-news  ul li .text-bg{

	display: block;

	position: absolute;

	width: 342px;

	height: 50px;

	background-color: #000;

	opacity: 0.65;

	filter:alpha(opacity=65);

	z-index: 11;

	bottom:0;

}



.pic-news ul li p{

	display: block;

	position: absolute;

	width: 250px;

	height: 50px;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	line-height: 50px;

	padding: 0 10px;

	color: #eee;

	z-index: 12;

	bottom:0;

}



.pic-news ol{

	display: block;

	position: absolute;

	right:0;

	bottom:17px;

	z-index: 20;

	width: 70px;

	height: 15px;

}



.pic-news ol li{

	display: block;

	float: left;

	width: 16px;

	height: 16px;

	border-radius: 50%;

	color: #fff;

	background-color: #86837f;

	text-align: center;

	font-size: 12px;

	line-height: 16px;

	margin-right:6px;

	cursor: pointer;

	transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

}



.pic-news ol li.active{

	background-color: #b71e23;

}



.contact-body{

	display: block;

	margin-top: 45px;

}



.contact-way-box{

	display: block;

	clear: both;

}



.contact-body .contact-way{

	display: block;

	float: left;

	width: 430px;

}



.contact-body .contact-way .ewm{

	display: block;

	float: left;

	width: 138px;

	border: 1px solid #c4c4c4;

	margin-right: 26px;

}



.contact-body .contact-way .ewm p{

	display: block;

	line-height: 24px;

	color: #030303;

	text-align: center;

	margin: 3px 0 5px 0;

}



.contact-body .contact-way .other-way{

	display: block;

	overflow: hidden;

}



.contact-body .contact-way .other-way li{

	display: block;

	color: #666;

	margin-bottom: 10px;

	line-height: 24px;

}



.contact-body .contact-way .other-way li i{

	display: block;

	float: left;

	margin: 5px 10px 0 0;

}



.contact-body .contact-way .other-way li p{

	overflow: hidden;

}



.contact-body .map{

	display: block;

	width: 536px;

	height: 215px;

	border: 1px solid #ccc;

}



.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



.msg{

	display: block;

	float: right;

	width: 536px;

}



.msg li{

	display: block;

	margin-bottom: 16px;

}



.msg li label{

	display: block;

	height: 26px;

	color: #666;

}



.msg li input{

	display: block;

	width: 514px;

	height: 20px;

	padding: 6px 10px;

	line-height: 20px;

	color: #666;

	outline: none;

	border: 1px dashed #d4d2d2;

	background-color: #f9f8f8;

}



.msg li textarea{

	display: block;

	width: 514px;

	height: 98px;

	border: 1px dashed #d4d2d2;

	outline: none;

	padding: 10px;

	resize: none;

	background-color: #f9f8f8;

}



.msg .submit{

	display: block;

	width: 94px;

	height: 30px;

	border: none;

	text-align: center;

	line-height: 30px;

	color: #fff;

	background-color: #b71e23;

	cursor: pointer;

	margin-top: 20px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.msg .submit:hover{

	opacity: 0.8;

	filter:alpha(opacity=80);

}



.footer{

	display: block;

	width: 100%;

	height: 209px;

	background-color: #18160f;

	margin-top: 64px;

}



.footer-box{

	display: block;

	width: 1002px;

	height: 209px;

	margin: 0 auto;

}



.footer-box .footer-box-l{

	display: block;

	width: 186px;

	height: 154px;

	float: left; text-align:center;

	background-color: #fff;


}



.footer-box .footer-box-l span{

	display: block;

	margin: 10px 0 0 30px;

}



.footer-box .footer-box-r{

	display: block;

	float: right;

	width: 718px;

}



.footer-box .footer-box-r .footer-nav{

	display: block;

	height: 25px;

	line-height: 25px;

	margin-top: 29px;

}



.footer-box .footer-box-r .footer-nav ul{

	display: block;

	float: left;

}



.footer-box .footer-box-r .footer-nav ul li{

	display: block;

	float: left;

	font-size: 12px;

}



.footer-box .footer-box-r .footer-nav ul li.line{

	color: #c4c4c4;

	padding: 0 5px;

}



.footer-box .footer-box-r .footer-nav ul li a{

	color: #c4c4c4;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.footer-box .footer-box-r .footer-nav ul li a:hover{

	color: #fff;

}



.footer-box .footer-box-r .footer-nav select{

	display: block;

	float: right;

	margin-left: 14px;

	width: 91px;

	height: 25px;

	line-height: 25px;

	background-color: #18160f;

	color: #c4c4c4;

	border: 1px solid #888785;

	outline: none;

	padding-left: 5px;

	font-size: 12px;

}



.footer-box .footer-box-r .footer-nav select option{

	padding-left: 10px;

}



.footer-box .footer-box-r .info{

	display: block;

	line-height: 25px;

	color: #c4c4c4;

	margin-top: 20px;

	font-size: 12px;

}



.footer-box .footer-box-r .info a{ color:#dcdcdc;}





/*二级页*/



.banner-inside{

	display: block;

	width: 100%;

	height: 450px;

}



.banner-inside.case-banner{

	display: block;

	background: url(../imgs/banner_case.jpg) no-repeat center;

}



.position{

	display: block;

	height: 30px;

	width: 1002px;

	margin: 38px auto 20px auto;

	text-align: right;

	color: #6a6a6a;

	font-size: 12px;
	border-bottom:1px solid #eeeeee;

}



.position a{

	color: #6a6a6a;

}



.position a:hover{

	color: #b71e23;

}



.position span{

	padding: 0 3px;

	font-family: "Simsun";

}



.main{

	display: block;

	width: 1002px;

	margin: 0 auto;

}



.main-l{

	display: block;

	width: 181px;

	float: left;

}



.main-l .subnav{

	display: block;

	clear: both;

}



.main-l .subnav-header{

	display: block;

	height: 48px;

	padding-top: 22px;

	background: #b71e23 url(../imgs/subnav_bg.png) no-repeat left top;

	text-align: center;

	overflow: hidden;

}



.main-l .subnav-header h3{

	display: block;

	line-height: 1;

	font-size: 24px;

	color: #fff;

}



.main-l .subnav-header p{

	display: block;

	line-height: 1;

	font-size: 29px;

	color: #c4595b;

	margin-top: 5px;

	text-transform: uppercase;

}



.main-l .subnav-body{

	display: block;

	padding: 8 0px;

}



.main-l .subnav-body li{

	display: block;

	height: 51px;

	line-height: 51px;

	border-bottom: 1px dashed #b9b9b7;

	text-align: center;

	font-size: 18px;

}



.main-l .subnav-body li a{

	color: #333;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.main-l .subnav-body li.active a,.main-l .subnav-body li:hover a{

	color: #b71e23;

}



.lasted-news{

	display: block;

	margin-top: 60px;

}



.lasted-news h3{

	display: block;

	line-height: 1;

	color: #b71e23;

	text-align: center;

}



.lasted-news ul{

	display: block;

	padding-top: 10px;

}



.lasted-news ul li{

	display: block;

	height: 34px;

	line-height: 34px;

	border-bottom: 1px dashed #c4c4c4;

	font-size: 12px;

}



.lasted-news ul li span{

	font-family: "Simsun";

	padding-right: 10px;

}



.lasted-news ul li a{

	color: #4b4b4b;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.lasted-news ul li a:hover{

	color: #b71e23;

}



.main-r{

	display: block;

	width: 760px;

	float: right;

}



.content-header{

	display: block;

	border-left: 3px solid #b71e23;

	padding-left: 12px;

}



.content-header p{

	display: block;

	line-height: 1;

	color: #929290;

	text-transform: uppercase;

}



.content-header h3{

	display: block;

	line-height: 1;

	font-size: 18px;

	color: #b71e23;

	margin-top: 8px;

}



.content-body{

	display: block;

	margin-top: 30px;

}



.case-show{

	display: block;

	overflow: hidden;

	clear: both;

}



.case-show ul{

	display: block;

	margin: 0 -4px;

}



.case-show ul li{

	display: block;

	position: relative;

	float: left;

	width: 360px;

	height: 275px;

	margin: 0 8px 34px 8px;

	overflow: hidden; text-align:center;

}
.case-show ul li img{ margin:0 auto;width: auto; height:275px;}


.case-show ul li .text-bg{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: 0.6;

	filter:alpha(opacity=60);

	top:275px;

	z-index: 10;

	transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

}



.case-show ul li .text{

	display: block;

	position: absolute;

	width: 328px;

	height: 100%;

	top:275px;

	padding: 0 16px;

	z-index: 15; text-align:left;

	transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	color: #fff;

}



.case-show ul li .text h3{

	display: block;

	line-height: 1;

	font-size: 24px;

	margin-top: 50px;

}



.case-show ul li .text p{

	display: block;

	line-height: 26px;

	margin-top: 18px;

}



.case-show ul li:hover .text-bg,.case-show ul li:hover .text{

	top:0;

}



.banner-inside.about-banner{

	background: url(../imgs/banner_about.jpg) no-repeat center;

}



.about-us{

	display: block;

}



.about-us>img{

	display: block;

	min-width: 100%;

	height: auto;

}



.about-us .box{

	display: block;

	margin-top: 30px;

}



.about-us .box .pic{

	display: block;

	width: 203px;

	float: left;

	width: 203px;

	margin:6px 28px 0 0;

}



.about-us .box img{

	display: block;

	min-width: 100%;

	height: auto;

}



.about-us .box .text{

	display: block;

	overflow: hidden;

	color: #6a6a6a;

	line-height: 28px;

}



.banner-inside.news-banner{

	background: url(../imgs/banner_news.jpg) no-repeat center;

}



.news-center{

	display: block;

}



.news-center li{

	display: block;

	height: 125px;

	margin-bottom: 22px;

	overflow: hidden;

	clear: both;

}



.news-center li .pic{

	display: block;

	float: left;

	margin-right: 27px;

	height: 125px;

}



.news-center li .pic img{

	display: block;

	width: 154px;

	height: 124px;

}



.news-center li .text{

	display: block;

	overflow: hidden;

	height: 125px;

}



.news-center li .text .tit{

	display: block;

	clear: both;

	overflow: hidden;

	line-height: 1;

	height: 18px;

}



.news-center li .text .tit h3{

	display: block;

	float: left;

	font-size: 16px;

	width: 400px;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}



.news-center li .text .tit h3 a{

	color: #363636;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.news-center li .text .tit h3 a:hover{

	color: #b71e23;

}



.news-center li .text .tit span{

	display: block;

	float: right;

	color: #636363;

}



.news-center li .text p{

	display: block;

	line-height: 26px;

	color: #666;

	margin-top: 10px;

	height: 52px;

}



.news-center li .text .more{

	display: block;

	width: 94px;

	height: 29px;

	text-align: center;

	line-height: 29px;

	background-color: #aaaaaa;

	color: #fff;

	margin-top: 16px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.news-center li .text .more:hover{

	background-color: #b71e23;

}



.artical-header{

	display: block;

	border-bottom: 1px solid #d3d3d3;

}



.artical-header h3{

	display: block;

	line-height: 1;

	text-align: center;

	color: #363636;

	font-size: 18px;

}



.artical-header .info{

	display: block;

	margin-top: 16px;

	font-size: 13px;

	color: #666;

	text-align: center;

	padding-bottom: 20px;

}



.artical-header .info span{

	display: inline-block;

	padding: 0px 5px;

}



.artical-body{ font-size:14px;

	display: block;

	clear: both;

	line-height:1.8;

	color: #777;

	padding-top: 20px;

}



.artical-body p{

	display: block;

	margin-bottom: 1em;

}



.artical-body img{

	max-width: 100%;

	height: auto;

}



.artical-footer{

	display: block;

	overflow: hidden;

	margin: 24px 0;

	border-top: 1px solid #d3d3d3;

}



.choose-artical{

	display: block;

	float: left;

	width: 360px;

	font-size: 12px;

	margin-top: 20px;

}



.choose-artical a{

	display: block;

	line-height: 28px;

	color: #717171;

	transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

	-ms-transition: 0.3s;

}



.choose-artical a:hover{

	color: #b71e23;

}



.share{

	display: block;

	float: right;

	margin-top: 38px;

}





.float-bg{

	display: block;

	position: fixed;

	width: 54px;

	height: 240px;

	bottom:20px;

	right:0;

	border-radius: 4px 0 0 4px;

	background-color: #000;

	opacity: 0.5;

	filter:alpha(opacity=50);

	z-index: 100;

}



.float{

	display: block;

	position: fixed;

	width: 54px;

	height: 240px;

	bottom:20px;

	right:0;

	border-radius: 4px 0 0 4px;

	z-index: 110;

}



.float li{

	display: block;

	clear: both;

	width: 210px;

	height: 60px;

	border-radius: 4px 0 0 4px;

	transition: 0.5s;

}



.float li.go-top{

	width: 60px;

}



.float li a{

	display: block;

	height: 60px;

}



.float li .tb{

	display: block;

	float: left;

	text-align: center;

	width: 54px;

	height: 60px;

}



.float li .wz{

	display: block;

	float: right;

	width: 120px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	border-radius: 4px;

	color: #fff;

	line-height: 34px;

	font-size: 16px;

	margin: 13px 20px 13px 10px;

	background-color:#fff;

	color: #b71e23;

}



.float li a i{

	display: inline-block;

}



.float li .qq{

	margin-top: 15px;

}



.float li .wx{

	margin-top: 15px;

}



.float li .dh_m{

	margin-top: 16px;

}



.float li .arrow_b{

	margin-top: 24px;

}



.float li:hover{

	margin-left: -156px;

	background-color: #b71e23;

}



.float li:hover .tb{

	width: 60px;

}



.float li.go-top:hover{

	margin-left: -6px;

}





.pagenation{ overflow:hidden; text-align:center;line-height:24px; padding:30px 0 5px 0; }



.pagenation .a1{ font-size:14px;padding:6px 12px;color:#666666;border:1px solid #ccc;border-radius:5px;}



.pagenation a{ font-size:14px;padding:6px 12px;color:#666666;border:1px solid #cdcdcd; background-color:#ffffff;border-radius:5px; margin:0 5px;}



.pagenation span{ font-size:14px;padding:6px 12px;color:#ffffff;border:1px solid #b71e23; background-color:#b71e23;border-radius:5px;  margin:0 5px;}



.pagenation a:hover{color:#fff;background:#b71e23;border:1px solid #b71e23;}

.artical-title{line-height:36px; font-size:18px; text-align:center;padding:20px 0;}


