/* CSS Document */
/**{ margin:0; padding:0; list-style:none;}
img{border:0; display: block; vertical-align: baseline;}*/
p, a, th, td{ color:#666; font-family:'Microsoft YaHei'; font-size:14px; line-height:24px; text-decoration:none;}
h1{color:#fff; font-family:'Microsoft YaHei'; font-size:23px; font-weight:bold;}
h2{ color:#333; font-family:'Microsoft YaHei'; font-size:28px; font-weight:bold; line-height:30px; margin-bottom:6px;}
h3{color:#333; font-family:'Microsoft YaHei'; font-size:22px; font-weight:normal; line-height:29px;}
h4{color:#333; font-family:'Microsoft YaHei'; font-size:16px; font-weight:normal; line-height:24px; margin:0;}
.left{ float:left;}
ul, ol{padding-left:0;}
.search_box img{margin-top:7px;}
body{ background-color:#f3f3f3;}
.w1440 {width: 100%; max-width: 1440px; _width:100%; margin: 0 auto;}
.w1110{ width:1110px; margin:0 auto;}
#vu{ max-width:1440px; margin:0 auto; background-color:#fff;}
#banner{background:url(http://www.shibangchina.com/case/vu/images/banner.jpg) center center no-repeat; height:500px; padding-top:208px;}
#banner img{ display:none;}
.bwords{ background-color:#003399; width:629px; padding:37px 34px 38px 36px;}
.bwords .p1{ color:#ff9900; font-size:18px; margin-bottom:6px;}
.bwords .p2{ color:#fff; margin-top:13px;}
#sidebar{ display:none; width:91px; position:fixed; top:125px; right:10px; z-index:100;}
#sidebar ul{ background:url(http://www.shibangchina.com/case/vu/images/sidebar.png) top right no-repeat;}
#sidebar li a{ color:#666; font-family:'Microsoft YaHei'; font-size:16px; line-height:36px;}
#sidebar li.current{background:url(http://www.shibangchina.com/case/vu/images/icon.png) center right no-repeat;}
#sidebar .current a, #sidebar li a:hover{ color:#ff9900;}
#sidebar p{background:url(http://www.shibangchina.com/case/vu/images/top.png) center right no-repeat;}
#sidebar p a{ color:#333; font-size:16px; font-weight:bold; line-height:36px;}
.title{ text-align:center; padding-top:60px; padding-bottom:40px;}
.line{ background-color:#ff9900; width:89px; height:3px; margin-top:20px; margin-bottom:25px;}
.part1{ overflow:hidden; margin-top:25px; margin-bottom:66px;}
.pl1{background-color:#f3f3f3; float:left; width:732px; padding:41px 50px 55px 52px;}
.pl1 span, .part5 p span, .rright span{ color:#333; font-weight:bold;}
.ptop{ margin-top:24px;}
.part2, .part3, .part4, .part5, .part6, .part7{ overflow:hidden; margin-bottom:66px;}
.pl2{background-color:#f3f3f3; width:355px; padding:41px 50px 43px 52px;}
.w1110 table{ background-color:#fff; width:730px; border-collapse: collapse; border-spacing: 0; margin-left:22px; float:left;}
.w1110 table th{ background-color:#f2f2f2; border: 1px solid #797979; color:#333; width:80px; height:48px; text-align:center;}
.w1110 table td{border: 1px solid #797979; width:80px; height:49px; text-align:center;}
.w1110 table .double{ width:161px;}
.pl3{background-color:#f3f3f3; width:355px; height:416px; padding:44px 48px 55px 49px; float:left; margin-right:22px;}
#equipment{float:left;}
#enav{ overflow:hidden; margin-bottom:40px;}
#enav li{color:#333; cursor:pointer; font-family:'Microsoft YaHei'; font-size:18px; float:left; width:122px; height:60px; line-height:60px; text-align:center;}
#enav .active, .application ol li.active{ background-color:#274899; color:#fff;}
#equipment ul li{ display:none;}
#equipment ul .active{ display:block;}
.eright{ margin-left:29px; float:left; width:298px;}
.eright h4{ font-size:18px; margin-top:3px; margin-bottom:26px;}
#arrow{ display:none;}
.part4 ul{ overflow:hidden; float:left;}
.part4 ul li{ float:left; margin-right:22px;}
.part4 li h4{ color:#666; margin-top:32px;}
.pr4{background-color:#f3f3f3; width:355px; padding:41px 50px 55px 52px; float:right;}
.part5 ul{ display:none;}
.pl5{background-color:#f3f3f3; width:735px; padding:41px 50px 44px 52px; float:left; margin-right:20px; margin-bottom:26px;}
.adimg{ float:right;}
.advantages{background-color:#f3f3f3; padding:41px 50px 53px 52px; clear:both;}
.part6 h4{ color:#ff9900; font-size:18px;}
.pl6{background-color:#f3f3f3; width:355px; padding:41px 50px 98px 52px; float:left; margin-right:22px;}
.pl6 h4{ margin-bottom:15px;}
.pr6{background-color:#f3f3f3; width:733px; padding:41px 50px 35px 52px; float:left; margin-bottom:20px;}
.pr6 .p{ color:#333; margin-bottom:12px;}
.part6 table{margin-left:0;}
.part6 ul{ clear:both; overflow:hidden; padding-top:23px;}
.part6 li{ float:left; margin-right:22px;}
.part6 li.zero{ margin-right:0;}
.part6 li p{ margin-top:12px; margin-bottom:6px; text-align:center;}
.pl7{background-color:#f3f3f3; width:735px; padding:41px 50px 49px 52px; float:left; margin-right:20px;}
.pl7 p{ margin-bottom:25px;}
.part7 p span{ font-size:18px;}
.pr7{ background-color:#274899; width:355px; padding:41px 50px 23px 52px; float:left;}
.pr7 p{ color:#fff; margin-bottom:24px;}
.part8{ overflow:hidden;}
.part8 .ptitle{ width:89px; margin:0 auto;}
.sites{width:100%; height:318px; position: relative; overflow:hidden;}
.sites ul{ width:204%; position:absolute; left:0;}
.sites ul li{ width:15.68%; float:left; margin-right:0.986%;}
.sites ol{ width:100%; position:absolute; top:33%; left:0; z-index:1;}
.sites ol li{ cursor:pointer; width:55px; height:90px; opacity:0.8; filter: alpha(opacity:80);}
.sites ol .aleft{ background:url(http://www.shibangchina.com/case/vu/images/al.jpg) no-repeat; float:left;}
.sites ol .aright{background:url(http://www.shibangchina.com/case/vu/images/ar.jpg) no-repeat; float:right;}
.sites ol .aleft:hover{background:url(http://www.shibangchina.com/case/vu/images/al1.jpg) no-repeat;}
.sites ol .aright:hover{background:url(http://www.shibangchina.com/case/vu/images/ar1.jpg) no-repeat;}
#vu9{ overflow:hidden; padding-bottom:102px;}
.rleft{background-color:#f3f3f3; width:732px; padding:41px 50px 63px 52px; float:left; margin-right:23px;}
.rright{background-color:#f3f3f3; width:355px; padding:41px 50px 56px 52px; float:left;}
.al{ margin-right:24px; float:left;}
.al li{ display:none;}
.al li.active, .use li.active{ display:block;}
.application{ overflow:hidden;}
.application ol{ overflow:hidden; margin-bottom:27px;}
.application ol li{color:#333; cursor:pointer; font-family:'Microsoft YaHei'; font-size:18px; width:146px; height:60px; line-height:60px; float:left; text-align:center;}
.use li{ width:349px; display:none;}

@media screen and (max-width:1110px){
	.w1110 img{ width:100%; height:auto;}
	.w1110{ width:94.8%; padding:0 2.6%;}
	.languagein{ right:0;}
	.logo {background: url(http://static.shibangchina.com/images/index/logo-small.jpg); width: 108px; height: 58px; text-indent: -1000px;   margin-top: 20px;}
	#kefu{ display:none;}
	.nav{ width:80%;}
	.nav li{ width:14.28%;}
	.nav a{ width:100%;}
	#banner{background:none; height:auto; padding-top:0; position:relative;}
	#banner img{ display:block; width:100%; height:auto;}
	#banner .w1110{position:absolute; bottom:12%; left:0;}
	.bwords .p2 span, .advantages, .part6 ul .li1, #vu7, #vu9{ display:none;}
	.bwords{width:379px; padding:19px 25px;}
	#banner h1{ font-size:20px;}
	#project{ position:relative;}
	.p3{ width:67.3%;}
	.part1 .left{ width:27.2%; position:absolute; top:80px; right:0;}
	.pl1{ width:auto; padding-left:4.53%; padding-right:4.53%; float:none;}
	.part1, .part2, .part3, .part4, .part5, .part6, .part7{ margin-bottom:50px;}
	.part2 .left{ float:none;}
	.pl2{ width:39.7%; padding-left:4.53%; padding-right:4.53%; float:left;} 
	.part2 .left img{ float:right; width:48.76%;}
	.w1110 table{ margin-top:20px; margin-left:0; width:100%;}
	.w1110 table th, .w1110 table td{ width:10.95%;}
	.w1110 table .double{ width:22%;}
	.pl3{ width:auto; height:auto; padding-left:4.53%; padding-right:4.53%; float:none; margin:0;}
	#equipment{ float:none; width:100%;}
	#enav{ margin:30px 0;}
	#enav li{ width:16.66%; font-size:16px; height:21px; line-height:21px;}
	#enav .active{ background:none; color:#ff9900;}
	#equipment ul .left{ width:45.6%; height:auto;}
	.eright{width:45.6%; margin-left:4.4%;}
	.eright h4{ font-size:16px; margin-bottom:20px;}
	.part4 ul li{ width:48.49%; margin-right:3%;}
	.part4 .li2{margin-right:0;}
	.pr4{ width:auto; padding-left:4.53%; padding-right:4.53%; float:none; margin-bottom:23px;}
	.part4 ul{ width:100%;}
	.pl5{width:auto; margin-right:0; padding-left:4.53%; padding-right:4.53%; float:none;}
	.adimg{ width:48%;}
	.part5 ul{ display:block; background-color: #f3f3f3; width:46.56%; padding:41px 0 48px 4.53%; float:left;}
	.part5 ul li{ overflow:hidden;}
	.part5 ul p{ float:left;}
	.part5 ol{ margin-left:10.45%; width:74%; float:left;}
	.part5 ol li{ float:left; color:#666; font-family:'Microsoft YaHei'; font-size:14px; line-height:24px; margin-right:20px;}
	.pl6{width:auto; padding:41px 4.53% 0 4.53%; float:none; margin-right:0;}
	.pr6{width:auto; padding:22px 4.53% 45px 4.53%; float:none;}
	.part6 li{ width:48.6%; margin-right:2.74%;}
	.foot_top, .link{ display:none;}
	.banquan{ padding-top:29px; padding-bottom:29px;   margin-bottom:0;}
	.foot_bottomin .ftb_last{ padding-right:0;}
}
@media screen and (max-width:920px){
  .sites ol{ top:20%;}	
}
@media screen and (max-width:700px){
  .sites ol{ top:14%;}	
}
@media screen and (max-width:640px){
	.w1110{ width:90%; padding:0 5%;}
	.head_topin p span, p.head_topin_right, .lan_click, .language, .nav{display: none;}
	.nav-sm {display: block; margin-top: 35px; width:28px; height:19px; float:right;}
	.nav-sm-li {border: 1px solid #e5e5e5; border-radius: 3px; line-height: 43px; background: #f3f3f3; width:100%; text-align: center;
 margin-top:98px; position: absolute; right: 0; z-index: 100; display: none;}
    .nav-sm-li li{  border-bottom: 1px solid #e5e5e5;}
	
	#banner .w1110{ position:static; padding:0; width:100%;}
	.bwords{ width:auto; padding:25px 64px 19px 53px;}
	#banner h1{ font-size:18px;}
	.bwords .p2, #enav, .eright p, .adimg, .part6 li.zero, .part6 li p{ display:none;}
	.part1, .part2, .part3, .part4, .part6, .part7{ margin-bottom:32px;}
	.p3{ width:100%;}
	.part1 .left{position:static; display:none;}
	.pl1, .pl3, .pl5{ background-color:#fff; padding:0; width:100%;}
	h3{ font-size:18px;}
	.line{width:65px; margin:16px 0;}
	.part2{ background-color:#f3f3f3; padding-top:29px; padding-bottom:33px;}
	.pl2{padding:0; width:100%; float:none;}
	.part2 .left img{width:100%; float:none; margin-top:11px;}
	#equipment{position: relative; overflow: hidden; height:494px;}
	#equipment ul{ width:600%; margin-top:23px; position:absolute; left:0;}
	#equipment ul li{ width:16.66%; display:block; float:left;}
	#equipment ul .left{ width:100%;}
	.eright{ margin-left:0; width:100%;}
	.eright h4{ color:#333; font-size:14px; font-weight:bold; margin-top:15px; text-align:center;}
	#arrow{ display:block; width:100%; position:absolute; top:33%; left:0; z-index:1;}
	#arrow li{ cursor:pointer; width:55px; height:90px; opacity:0.8; filter: alpha(opacity:80);}
	#arrow .aleft{ background:url(http://www.shibangchina.com/case/vu/images/al.jpg) no-repeat; float:left;}
	#arrow .aright{background:url(http://www.shibangchina.com/case/vu/images/ar.jpg) no-repeat; float:right;}
	#arrow .aleft:hover{background:url(http://www.shibangchina.com/case/vu/images/al1.jpg) no-repeat;}
	#arrow .aright:hover{background:url(http://www.shibangchina.com/case/vu/images/ar1.jpg) no-repeat;}
	
	.part4, .part6{background-color:#f3f3f3; padding-top:29px;}
	.pr4{padding:0; width:100%; margin-bottom:39px;}
	.part4 ul{ float:none;}
	.part4 ul li:first-child{ display:none;}
	.part4 .li2{width:100%; float:none;}
	.part4 li h4{ margin-top:22px; margin-bottom:27px; text-align:center;}
	.part5{ margin-bottom:22px;}
	.part5 ul{ background-color:#fff; padding:0; width:100%; float:none;}
	.part5 ul li{ width:50%; float:left; margin-bottom:24px;}
	.ptop{ margin-top:0;}
	.part5 ul p{float:none;}
	.part5 ol{float:none; width:100%; margin-left:0;}
	.part5 ol li{width:100%; float:none; margin-bottom:0;}
	.pl6{ padding:0;}
	.pr6{ padding:0; margin-top:18px; margin-bottom:0;}
	.part6 h4{ font-size:14px; margin-bottom:0;}
	.part6 li{ width:100%; margin-right:0; margin-bottom:41px; float:none;}
	.part8 .ptitle{width:100%; margin:0;}
	.sites{ height:510px;}
	.sites ul{ width:600%;}
	.sites ul li{ margin-right:0; width:16.66%;}
	.sites ol{ top:33%;}	
	.banquan p{ float:none;}
	.banquan .f-right a:first-child{ padding-left:0;}
}
@media screen and (max-width:530px){
	#equipment{ height: 420px;}
	.sites{ height:430px;}
}
@media screen and (max-width:414px){
	.w1110 table{ display:none;}
	.bwords{ padding-left:14%; padding-right:17%;}
	#equipment{ height: 350px;}
	.sites ol{ top:25%;}	
}
@media screen and (max-width:375px){
	#equipment{ height: 320px;}
	.sites{ height:300px;}
}
@media screen and (max-width:320px){#equipment{ height: 270px;}}