@charset "utf-8";

/* CSS Document */

*{ margin:0px; padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

img {border:0;margin:0; padding:0;}

ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{

	list-style:none;

	margin:0;

	padding:0;

	text-decoration: none;	

}

.clearfix{display:inline-table;}

* html .clearfix{height:1%;/*ie6*/overflow-x:hidden;}

*+html .clearfix{min-height:1px;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}

.clearfix { display:inline-block; }

.clear{clear:both;}

* html .clearfix { height:1%; }

.clearfix { display:block; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 

a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

body {margin: 0px; color:#3F3F3F; font-size: 12px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif;}

a:link { text-decoration: none;color: #131313;}

a:visited {text-decoration: none; color: #131313;}

a:hover { text-decoration: none;}

a:active {text-decoration: none; color: #131313;}

.xp_xdd{

	width: 100%;

	height: 30px;

    line-height: 30px;

}

.xp{

	width: 1200px;

	margin:0 auto;

}

.xp_l{

	float: left;

	color: #000;

}

.xp_l a{

	color: #000;

}

.xp_r{

	float: right;

	color: #fff;

}

.xp_r a{

	color: #fff;

}

.header_box{

	width: 100%;

	overflow: hidden;

}

.header{

	width: 1200px;

	margin:15px auto;

}

.logo{

	float: left;

	margin:10px 0;

}

.logo img{

	max-height: 70px;

}

.sub_logo{ width:300px; height:70px; background:url(../images/sub_logo.png) no-repeat; float:left;}

.nav{

	float: right;

	margin-top:15px;

	margin-right:30px;

}

.nav ul li{

	float: left;

}

.nav ul li a{

	color: #000;

	display: block;

	padding: 10px 20px;

	transition: all .8s;

	font-size:16px;

}

.nav ul li a:hover{

	background: #000;

	color: #fff;

}

.nav li.active a{

	background: #000;

	color: #fff;

}



.teltop{ font-size:16px; font-weight:bold; float:right; line-height:24px;}

.teltop img{ vertical-align:middle; line-height:80px; float:left; margin-right:5px;}

.telti{ float:left;}



.banner {

	width: 100%;

	height: 600px;

	position: relative;

	overflow: hidden;

	cursor: pointer;

}.



.imgbox {

	width: 100%;

	height: 600px;

	position: relative;

	background-color: #222222;

	overflow: hidden;

}

.img{

	width:1920px;

	height:600px;

	position: absolute;

	left:50%;

	margin-left:-960px;

	display: none;

}

.im {

	display: block;

}

.change {

	height: 100px;

	display: block;

	position: absolute;

	z-index: 20;

	opacity: 0.4;

	transition: 0.4s;

	top: 50%;

	margin-top: -50px

}

.change:hover {

	opacity: 1;

}

.pre {

	left: 1%;

}

.next {

	right: 1%;

}

.cirbox {

	width: 88px;

	position: absolute;

	bottom: 15px;

	z-index: 10;

	left: 50%;

	margin-left: -44px;

	cursor: pointer;

}

.cir {

	width: 12px;

	height: 12px;

	background-color: white;

	opacity: 0.4;

	float: left;

	border-radius: 6px;

	margin: 0 5px 0 5px;

	cursor: pointer;

}

.cir:hover {

	background-color:#3285FF;

	transition: 0.8s;

}

.cr {

	opacity: 1;

}

.cr:hover {

	background-color: white;

}

.about_box{

	margin-top: 30px;

	width: 100%;

	overflow: hidden;

}

.about{

	width: 1200px;

	margin:0 auto;

}

.tilte24{

	text-align: center;

	border-bottom: 1px solid #000;

	padding-bottom: 15px;

}

.tilte24 p{

	font-size: 30px;

	line-height: 1.75;

}

.tilte24 span{

	font-size: 20px;

	line-height: 1.75;

	display: block;

}

.tilte23{

	text-align: center;

	padding-bottom: 15px;

}

.tilte23 p{

	font-size: 30px;

	line-height: 1.75;

	color: #fff

}

.tilte23 span{

	font-size: 20px;

	line-height: 1.75;

	display: block;

	color: #fff

}

.about_xx{

	margin-top: 20px;

	overflow: hidden;

	padding: 0 100px;

}

.about_txt{

	float: left;

	width: 505px;

}

.about_txt b{ font-size:18px;}

.about_txt p{

	font-size: 14px;

	color: #656d78;

	line-height: 26px;

	text-indent: 2em;

	margin-top:10px;

}

.about_img{

	float: right;

}

.about_more{

	margin-top: 10px;

}

.about_more a{

	display: inline-block;

	padding: 8px 25px;

	border-radius: 24px;

	border: 1px solid #000;

	color: #000;

	transition: all 0.8s;

}

.about_more a:hover{

	background: #656d78;

	color: #fff;

}

.bf{

	background: url(../images/bf.jpg) center 0 no-repeat;

	height: 235px;

	text-align: center;

	margin-top: 30px;

	color: #fff;

}

.bf_xx{

	width: 930px;

	margin:0 auto;

	line-height: 1.75;

	padding-top: 33px;

}

.text1{

	font-size: 30px;

}

.text2{

	font-size: 36px;

}

.text3{

	font-size: 12px;

}

.pro_box{

	margin-top: 30px;

	overflow: hidden;

	width: 100%;

}

.pro{

	width: 1200px;

	margin:0 auto;

}

.pro_xx{

	margin-top: 20px;

}

.pro_xx li{

	float: left;

	margin-right: 20px;

}

.pro_tn{ text-align:center;}

.pro_tn a{

	height: 28px;

	line-height: 28px;

	font-size: 14px;

	text-align: center;

	margin-top: 5px;

}

.pro_tn p{

	font-size: 12px;

	color:#999;

}

#xixi{

	height: 280px;

	position: relative;

	overflow: hidden;

}

#xixi ul{

	position:absolute;

	left:0px;

}

#xixi ul li{

	float: left;

	margin-bottom: 10px;

}

.news_box{

	width: 100%;

	background: url(../images/news.jpg) center 0 no-repeat;

	margin-top: 30px;

	height: 585px;

}

.news{

	width: 1000px;

	margin: 0 auto;

	padding-top: 20px;

}

.news_xx{

	margin-top: 20px;

}

.news-list{

	margin-bottom: 20px;

	width: 100%;

	border-bottom: 1px dotted #ddd;

	padding-bottom: 21px;

	overflow: hidden;

}

.news_img{

	float: left;

}

.news_nt{

	float: right;

	width: 845px;

}

.news_img img{

	width: 116px;

	height: 88px;

}

.news_nt a{

	max-height: 24px;

	color: #fff;

	font-size: 16px;

}

.news_nt p{

	margin-top: 5px;

	line-height: 18px;

	font-size: 12px;

	color: #fff;

}

.news_nt span{

	font-size: 12px;

	color: #BBB;

	display: block;

}

.sm{

	width: 1200px;

	margin:0 auto;

	overflow: hidden;

	height: auto;

	margin-top: 30px;

	color:#ccc;

}

.sm a{

	padding: 0 5px;

	color:#ccc !important;

}

.footer{

	width: 100%;

    background: rgb(68, 68, 68);

    margin-top: 30px;

}

.bottom{

	width: 1200px;

    margin: 0 auto;

    height: 200px;

    padding-top: 30px;

}

.bottom_nav{

	float: left;

    width: 810px;

    height: 170px;

    line-height: 36px;

}

.bottom_nav ul li{

	float: left;

    margin-left: 33px;

}

.bottom_nav ul li:first-child{

	margin-left: 0px;

}

.bottom_nav ul li a{

	color: #fff;

    font-size: 15px;

}

.banquan{

	font-size: 14px;

    line-height: 35px;

    width: 683px;

    margin: 0 auto;

    text-align: center;

    height: 140px;

    color: #fff;

}

.copyright{

	color: #fff;

	line-height: 30px;

}

.copyright a{

	color: #fff;

}

.cityspread{

    color: #fff;

}

.cityspread a{

    color: #fff;

}

.ewm{

	float: right;

}

.ty_box{

	width: 100%;

	margin-top: 20px;

}

.ty{

	width: 1000px;

	margin:0 auto;

}

.ty_title{

	text-align: center;

	background: url(../images/yi.png) center 0 no-repeat;

	height: 94px;

	font-size: 30px;

	padding-top: 13px;

    background-size: 196px;

    border-bottom: 1px solid #000;

}

.ty_con{

	margin-top: 20px;

	font-size:14px;

	line-height:26px;

}

.n_pp img{

	transition: all 0.4s;

	cursor: pointer;

}

.n_pp img:hover{

	transform: scale(1.1);

}

.n_pp .pro_tn{

	text-align: center;

	margin-top: 4px;

}

.n_pp li{

	margin-bottom: 20px;

}

.pages{

	text-align: center;

	margin-bottom: 20px;

    margin-top: 20px;

}

.pages ul span{

	display: inline-block;

	min-width:33px;

	height:33px;

	margin:0 3px;

	line-height: 33px;

    vertical-align: top;

}

.pages ul span a{

	display: block;

	float:left;

	margin:0 5px;

    padding: 0 10px;

    border: 1px solid #e2e2e2;

    border-radius: 3px;

    height: 33px;

    line-height: 33px;

    min-width: 33px;

    transition: all 0.3s ease-in-out;

    cursor: pointer;

}

.pages ul span a:hover{

	background: #000;

	color: #fff;

	border: 1px solid #000;

    border-radius: 3px;

}

.pages ul span .page-num-current{

	background: #000;

	color: #fff;

	border: 1px solid #000;

    border-radius: 3px;

}

.pages_solid{

	color: #fff;

    background: #000;

    border-color: #000;

    display: inline-block;

    border: 1px solid #000;

    border-radius: 3px;

    height: 33px;

    line-height: 33px;

    min-width: 33px;

    padding: 0 10px;

}

.cp_title h1{

	font-size: 22px;

	display: inline-block;

	position: relative;

}

.cp_title{

	text-align: center;

}

.p_detail{

    padding: 15px 0;

}

.p_detail p{

	line-height: 30px;

}

.tag{

	border-top: 1px dashed #e0e1dc;

    color: #999;

}

.related_list h4{

	line-height: 30px;

    border-bottom: 1px solid #d7d7d7;

    color: #000;

    font-size: 16px;

}

.related_news li a{

	width: 75%;

    float: left;

    color: #000;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    transition: all 0.4s;

}

.related_news li a:hover{

	color: #000

}

.related_news li span{

	width: 25%;

    float: right;

    text-align: right;

}

.related_pro li{

	margin: 20px 0;

	width: 25%;

	float: left;

	text-align: center;

}

.related_img{

	overflow: hidden;

}

.related_img img{

	display: inline;

    cursor: pointer;

    transition: all 0.4s;

}

.related_img img:hover{

	transform: scale(1.1);

}

.related_pro li span{

	display: block;

    line-height: 30px;

}

.related_img img{

	width: 230px;

	height: 230px;

}

.cp_xq{

	line-height: 30px;

}

.news_nt1{

	float: right;

	width: 845px;

}

.news_img1 img{

	width: 116px;

	height: 88px;

}

.news_nt1 a{

	max-height: 24px;

	color: #000;

	font-size: 16px;

}

.news_nt1 p{

	margin-top: 5px;

	line-height: 18px;

	font-size: 12px;

	color: #000;

}

.news_nt1 span{

	font-size: 12px;

	color: #BBB;

	display: block;

}

.map img{

	max-width: none!important;

}

.map_con{

	margin-bottom: 10px;

	padding:5px 8px;

	height: 30px;

}

.map_con ul li{

	float: left;

	margin-left: 12px;

	line-height: 30px;

}

.ty_class{

	margin-top: 15px;

	margin-bottom: 15px;

	overflow: hidden;

}

.ty_class ul li{

	float: left;

    background: #000;

    text-align: center;

    margin-left: 10px;

    margin-bottom: 10px;

}

.ty_class ul li a{

	color: #fff;

    font-size: 12px;

    height: 40px;

    line-height: 40px;

    transition: all .3s;

    display: block;

    padding: 0px 40px;

}



.article_img{ width:100%; text-align:center; margin-top:10px;}

.from-date{ margin-top:20px;}



/* 优势 */

.youshi_box{

	margin-top: 30px;

	width: 100%;

	overflow: hidden;

}

.youshi{

	width: 1200px;

	margin:0 auto;

}

.youshi_xx{

	margin-top: 20px;

	overflow: hidden;

}

.youshi_xx ul li{ height:250px; margin:20px 0;}

.youshi_xx ul li img{ float:left; margin-right:20px;}

.youshi_xx ul li .ys_lir{ float:left; width:550px; padding:15px 10px;}

.youshi_xx ul li .ys_lir .ys_title{ font-size:30px; font-weight:bold; margin-bottom:20px;}

.youshi_xx ul li .ys_lir .ys_con{ font-size:14px; line-height:2;}



/* 实景 */

.live_box{

	margin-top: 30px;

	width: 100%;

	overflow: hidden;

}

.live{

	width: 1200px;

	margin:0 auto;

}

.live_xx{

	margin-top: 20px;

	overflow: hidden;

}

.live_xx li{

	float: left;

	margin-right: 20px;

}

.live_tn{ text-align:center;}

.live_tn a{

	height: 28px;

	line-height: 28px;

	font-size: 14px;

	text-align: center;

	margin-top: 5px;

}

.live_tn p{

	font-size: 12px;

	color:#999;

}

#live-xx{

	height: 280px;

	position: relative;

	overflow: hidden;

}

#live-xx ul{

	position:absolute;

	left:0px;

}

#live-xx ul li{

	float: left;

	margin-bottom: 10px;

}



/* 在线客服 */

.custom_service p img {display: inline; vertical-align:middle;}

.scrollsidebar{position:fixed; z-index:999; top:350px;right:0}

.side_content{width:154px; height:auto; overflow:hidden; float:left; }

.side_content .side_list {width:154px;overflow:hidden;}

.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}

.show_btn span { display:none;}

.close_btn{width:24px;height:24px;cursor:pointer;}

.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}

.side_title {height:46px;}

.side_bottom { height:8px;}

.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}

.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}

.close_btn span { display:none;}

.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}

.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}

.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}

.msgserver { text-align:center; margin-bottom:5px;}

.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}



/* blue skin as the default skin */

.side_title, .side_blue .side_title {background-position:-195px 0;}

.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}

.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}

.close_btn, .side_blue .close_btn {background-position:-44px 0;}

.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}

.show_btn , .side_blue .show_btn {background-position:-119px 0;}

.msgserver a, .side_blue .msgserver a {color:#06C;}



/* green skin  */

.side_green .side_title {background-position:-349px 0;}

.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}

.side_green .side_bottom {background-position:-349px -50px;}

.side_green .close_btn {background-position:-44px -23px;}

.side_green .close_btn:hover {background-position:-66px -23px;}

.side_green .show_btn {background-position:-147px 0;}

.side_green .msgserver a {color:#76a20c;}



#newBridge .icon-right-center{ margin:-200px 0 0 0 !important;}



/* banner */

.banner{position: relative; width:100%; height:600px;}

	.focusBox { margin:0 auto; position:relative; z-index:0; overflow:hidden;}

	.focusBox .pic{width:100% !important;}

	.focusBox .pic li{width:100% !important; height:600px;overflow:hidden; text-align:center;}

	.focusBox .pic img { display: block; }

	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }

	.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;

		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;

	}

	.focusBox .hd .on{ background-position:0 0; }



	.focusBox .prev,

	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }

	.focusBox .prev { left: 0; }

	.focusBox .next { background-position: 0 -90px; right: 0; }

	.focusBox .prev:hover,

	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }


/* 百度地图 */

#allmap {

	overflow: hidden;

	width: 100%;

	height: 600px;

	margin: 0;

	font-family: "微软雅黑";

}