@charset "utf-8";
@import url("global.css");
.banner{
	width:100%;
	background:url(../images/banner.jpg) no-repeat center top;
	height:750px;
}
.banner_con{
	width:1200px;
	margin:0 auto;
}
.banner_con .logo{
	padding:60px 0 0 25px;
}
.bza{
	width:100%;
	height:230px;
	background:#be2f2f
}
.bza_con{
	width:1100px;
	margin:0 auto;
	padding:40px 45px 0 55px;
}
.bza_con p{
	font-size:18px;
	line-height:30px;
	text-indent:2em;
	padding-top:7px;
}
.section01{
	width:100%;
	padding-top:70px;
}
.section01 h2{
	text-align:center
}
.leftLoop{ width:1200px; margin:0 auto; padding-top:40px; position:relative;} 
.leftLoop .hd{} 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:28px; height:48px; position:absolute; top:120px; overflow:hidden;   
     cursor:pointer; background:url(../images/icoLeft.gif) no-repeat; z-index:99} 
.leftLoop .hd .prev{ left:-80px;}
.leftLoop .hd .next{ right:-80px; background:url(../images/icoRight.gif) no-repeat;  } 
.leftLoop .bd{ padding:0} 
.leftLoop .bd ul{ overflow:hidden; zoom:1;} 
.leftLoop .bd ul li{ margin:0 50px 0 8px; float:left;display:_inline;} 
.leftLoop .bd ul li a{ display:block; width:314px; height:184px; padding:22px 20px 22px 24px; border:#f8d1d1 solid 1px; background:#fafafa; position:relative;-webkit-box-shadow: #ececec 0px 0px 8px;
-moz-box-shadow: #ececec 0px 0px 8px;
box-shadow: #ececec 0px 0px 8px;}
.leftLoop .bd ul li a .intro{ font-size:14px; line-height:24px; text-indent:2em}
.leftLoop .bd ul li a .name{ position:absolute; right:22px; bottom:22px;}
.leftLoop .bd ul li a .name em{ color:#be2f2f; padding-right:10px;}

.box01{
	width:1200px;
	margin:65px auto 0;
}
.box01_con{
	visibility:hidden;
	height:0;
	background:url(../images/box01_con_bg.gif) repeat-x left top;
	font-size:0;
	overflow:hidden;
	zoom:1
}
.box01_con_on{
	height:455px;
	visibility:visible
}
.box01_con .l{
	width:485px;
	_display:inline;
	margin:70px 0 0 55px;
}
.box01_con .l h4{
	font-size:30px;
	font-weight:normal;
	padding-bottom:20px;
}
.cityListWindow {
	POSITION: relative;
	HEIGHT: 240px;
}
.cityListWindow p {
	LINE-HEIGHT: 24px;
	font-size:16px;
	padding-right:15px;
}
.scrollbar {
	Z-INDEX: 0;
	POSITION: absolute;
	WIDTH: 2px;
	BACKGROUND: #eb8383;
	HEIGHT: 240px;
	TOP: 0px;
	right: 4px
}
.jscroll-h{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.box01_con .r{
	width:502px;
	height:370px;
	_display:inline;
	margin:40px 55px 0 0;
	/**background:url(../images/box01_con_r_bg.gif) no-repeat center bottom;**/
    overflow: hidden;
    padding-left:50px;
}
.box01 h3{
	height:85px;
	background:#be2f2f;
	margin-top:18px;
	padding-left:30px;
}
.box01 h3 ol li{
	float:left;
	height:85px;
	line-height:85px;
	font-size:24px;
	font-weight:normal;
	padding:0 35px;
	color:#fff;
	cursor:pointer;
}
.box01 h3 ol li.cur{
	color:#be2f2f;
	background:url(../images/box01_h3_li_bg.gif) no-repeat center bottom
}
.yssz_case{
	width:970px;
	margin:0 auto;
	padding:80px 115px;
}
.leftLoop02{ width:435px; position:relative;} 
.leftLoop02 .hd{} 
.leftLoop02 .hd .prev,.leftLoop02 .hd .next{ display:block;  width:21px; height:29px; position:absolute; top:308px; overflow:hidden;   
     cursor:pointer; z-index:99} 
.leftLoop02 .hd .prev{ left:0px; background:url(../images/icoLeft2.gif) no-repeat;}
.leftLoop02 .hd .prev:hover{ background-position:0 -29px;}
.leftLoop02 .hd .next{ right:0px; background:url(../images/icoRight2.gif) no-repeat;  } 
.leftLoop02 .hd .next:hover{ background-position:0 -29px;}
.leftLoop02 .bd{ padding:0 0 0 50px} 
.leftLoop02 .bd ul{ overflow:hidden; zoom:1;} 
.leftLoop02 .bd ul li{ margin:0; float:left;display:_inline; width:308px; height:618px; border:#9ed4ff solid 14px;-webkit-border-radius:35px; -moz-border-radius: 35px; border-radius: 35px; overflow:hidden} 


@media (max-width: 768px) {
.banner{
	background-size:cover;
	height:60vw
}
.banner_con{
	width:100%
}
.banner_con .logo{
	padding:10px 0 0 10px;
}
.banner_con .logo img{
	width:50%;
	height:auto
}
.bza{
	height:auto;
}
.bza_con{
	width:90%;
	padding:2% 5% 3% 5%;	
}
.bza_con p{
	float:none;
	font-size:15px;
	line-height:24px;
}
.w1200{
	width:100%
}
.section01{
	padding-top:2em
}
.section01 h2 img{
	width:90%;
}
.leftLoop{
	width:100%;
	padding-top:2em
}
.leftLoop .hd .prev{
	left:0;
}
.leftLoop .hd .next{
	right:0;
}
.box01{
	width:100%;
	margin-top:2em
}
.box01_con{
	background:#be2f2f;
	padding-bottom:1em
}
.box01_con_on{
	height:auto;
	padding:15px 0;
}
.box01_con .r{
	float:none;
	width:100%;
	height:auto;
	background:none;
	margin:1.5em 0 0;
}
.box01_con .r img{
	display:block;
	width:92%;
	margin:0 auto
}
.box01_con .l{
	width:92%;
	float:none;
	margin:1em auto 0
}
.box01_con .l h4{
	padding-bottom:10px;
}
.box01 h3{
	height:auto;
	padding:0;
}
.box01 h3 ol li{
	width:25%;
	padding:0;
	text-align:center;
	font-size:18px;
	height:55px;
	line-height:55px;
}
.yssz_case{
	width:100%;
	padding:2em 0;
}
.leftLoop02{
	float:none;
	width:95%;
	margin:0 auto 2em
}
.leftLoop02 .bd{
	padding-left:60px;
}
.leftLoop02 .bd ul li{
	width:70%;
	height:100vw
}
.leftLoop02 .hd .prev, .leftLoop02 .hd .next{
	top:50vw
}
.footer{
	padding:1em 0;
	height:auto;
}
.footer_bot{
	width:100%
}
.footer_bot a.dzjg_ico,.footer_bot a.jcjcjcjc{
	display:none;
}
.footer p{
	width:95%;
	margin:0 auto
}
}
