/* CSS Document */
/**{ margin:0; padding:0; list-style:none;}
img{border:0; display: block; vertical-align:baseline;}*/
ul, ol{padding-left: 0;}
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:32px; font-weight:bold; line-height:40px;}
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;}
h4{color:#333; font-family:'Microsoft YaHei'; font-size:16px; font-weight:normal;}
.left{ float:left;}
.search_box img{margin-top:7px;}
body{ background-color:#f3f3f3;}
.w1440 {width:100%; _width:100%; max-width:1440px; min-width:320px; 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/basalt/images/banner.jpg) center center no-repeat; height:500px; padding-top:208px;}
#banner img{ display:none;}
.bwords{ background-color:#003399; width:629px; padding:35px 34px 46px 36px;}
.bwords .p1{ color:#ff9900; font-size:14px; margin-top:10px; margin-bottom:5px;}
.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/basalt/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/basalt/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/basalt/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:56px; margin-bottom:66px;}
.part1 .ptitle h3{text-align:center;}
.part1 .ptitle .line{margin:20px auto 0 auto;}
.part1 ul{padding-top:52px; overflow:hidden;}
.part1 ul li{background-color:#f3f3f3; width:32%; margin-right:2%; float:left;}
.part1 li.mr0{margin-right:0;}
.part1 li img{width:99px; margin: 0 auto; padding-top:50px; display: block;}
.part1 li p{padding:34px 57px 35px 52px; min-height:357px;}
.part2, .part3, .part4, .part7{ overflow:hidden; margin-bottom:66px;}
.pl2{background-color:#f3f3f3; width:355px; height:440px; padding:41px 50px 43px 52px; float:left;}
.pl2 p span{display: inline-block;}
.part2 ul li:first-child{margin-bottom:20px;}
.part2 ul.middle{margin-left:35px; margin-right:34px;}
.pl3{background-color:#f3f3f3; width:355px; padding:40px 48px 22px 49px; float:left; margin-right:35px;}
.part3 table{ background-color:#fff; width:720px; border-collapse:collapse; border-spacing: 0; float:left;}
.part3 table th{ background-color:#f2f2f2; border: 1px solid #aeaeae; color:#333; width:178px; height:61px; text-align:center;}
.part3 table td{border: 1px solid #aeaeae; width:178px; height:60px; text-align:center;}
.part4 ul{ overflow:hidden; float:left;}
.part4 ul li{ float:left;}
.part4 li.li1{background-color:#f3f3f3; width:354px; margin-right:41px;}
.part4 li h4{background-color:#fff; color:#666; margin: 0; padding-top:32px; text-align:center;}
.pr4{background-color:#f3f3f3; width:355px; padding:41px 51px 55px 53px; float:right;}
.part5{margin-bottom:88px; overflow:hidden;}
.pl5{background-color:#f3f3f3; width:735px; padding:41px 50px 41px 52px; float:left; margin-right:19px;}
.pl5 h4, .part6 h4{font-weight:bold; line-height:28px; margin:0;}
.pl5 ol li{margin-top:28px;}
.pl5 li p{line-height:28px;}
.part5 ul li+li{margin-top:41px;}
.part6{background-color:#f3f3f3; padding:64px 48px 90px 52px; margin-bottom:77px;}
.part6 p{line-height:28px; margin-top:28px;}
.pl7{background-color:#f3f3f3; width:355px; padding:42px 50px 28px 52px; float:left;}
.pl7 h3{line-height:29px;}
.pl7 .ptitle .line{margin-bottom:63px;}
.part7 .videoBox{width:733px; height:401px; float:right; cursor:pointer; position:relative;}
.videoBox .videoimg{width:100%; height:auto;}
#h_vn{width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.part8{ overflow:hidden;}
.part8 .ptitle{ width:89px; margin:0 auto;}
.sites{width:100%; height:318px; position: relative; overflow:hidden;}
.sites ul{ width:371.63%; position:absolute; left:0;}
.sites ul li{ width:8.6%; float:left; margin-right:0.53%;}
.sites li.mr0{margin-right:0;}
.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/basalt/images/al.jpg) no-repeat; float:left;}
.sites ol .aright{background:url(http://www.shibangchina.com/case/basalt/images/ar.jpg) no-repeat; float:right;}
.sites ol .aleft:hover{background:url(http://www.shibangchina.com/case/basalt/images/al1.jpg) no-repeat;}
.sites ol .aright:hover{background:url(http://www.shibangchina.com/case/basalt/images/ar1.jpg) no-repeat;}
#vu9{ overflow:hidden; padding-bottom:58px;}
.part9{background-color:#f3f3f3; padding:70px 48px 53px 52px; /*width:1010px;*/ margin:0 auto;}
.part9 p{line-height:28px;}
.part9 p.pt9{margin-bottom:28px;}

@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(//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{ display:none;}
	.bwords{width:379px; padding:19px 25px;}
	#banner h1{ font-size:20px;}
	.part1, .part2, .part3, .part4, .part5, .part6, .part7{ margin-bottom:50px;}
	.pl2{width:22.82%; height:316px; padding-left:4.68%; padding-right:4.5%;}
	.part2 ul{width:32%;}
	.part2 ul.middle{margin-left:2%; margin-right:2%;}
	.part3 table{ margin-top:20px; margin-left:0; width:100%;}
	.part3 table th, .part3 table td{ width:25%;}
	.pl3{ width:auto; height:auto; padding-left:4.53%; padding-right:4.53%; float:none; margin:0;}
	.part4 ul{ width:100%;}
	.part4 ul li{ width:48.49%;}
	.part4 li.li1{background:none; width:48.49%; margin-right:3%;}
	.pr4{ width:auto; padding-left:4.53%; padding-right:4.53%; float:none; margin-bottom:23px;}
	.pl5{width:57%; padding-left:4.53%; padding-right:4.53%; margin-right:1.94%;}
	.part5 ul{width:32%;}
	.pl5 ol li{margin-top:5px;}
	.part6, .part9{padding:40px 4.5%;}
	.pl7{width:auto; height:auto; padding:20px 4% 19px 4.5%; float:none; margin-bottom:20px;}
	.pl7 .ptitle .line{margin-bottom:20px;}
	.part7 .videoBox{width:100%; height:auto;}
	.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:952px){
  .sites{height:253px;}
  .sites ol{ top:28%;}
  #vu9 .title{padding-top:30px;}
}
@media screen and (max-width:796px){
  .sites{height:211px;}
  .sites ol{ top:25%;}
}
@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{ display:none;}
	.part1, .part2, .part3, .part4, .part5, .part6, .part7{margin-bottom:40px;}
	.part1 ul li{width:100%; margin:0 0 20px 0;}
	.part1 li img{padding-top:35px;}
	.part1 li p{ height:auto; min-height:144px;}
	h3{ font-size:18px;}
	.line{width:65px; margin:16px 0;}
	.pl2{width:auto; height:auto; float:none; margin-bottom:20px;}
	.part2 ul, .part4 ul li{width:48%;}
	.part2 ul.middle, .part4 li.li1{margin-left:0; margin-right:4%; width:48%;}
	.pr4{padding-bottom:40px;}
	.part4 ul{ float:none;}
	.part4 li h4{ margin-bottom:27px;}
	.pl5{width:auto; float:none; margin-right:0;}
	.part5 ul{width:100%; float:none;}
	.part5 ul li+li{margin-top:20px;}
	.part5 ul li{width:48%; float:left; margin-top:20px;}
	.part5 ul li:first-child{width:48%; margin-right:4%;}
	.part8 .ptitle{width:100%; margin:0;}
	.sites{ height:502px;}
	.sites ul{ width:1100%;}
	.sites ul li{ margin-right:0; width:9.09%;}
	.sites ol{ top:33%;}
	.banquan p{ float:none;}
	.banquan .f-right a:first-child{ padding-left:0;}
}
@media screen and (max-width:530px){
	.sites{ height:414px;}
}
@media screen and (max-width:414px){
	#vu7, #vu9{ display:none;}
	.bwords{ padding-left:14%; padding-right:17%;}
	.part2 ul, .part4 ul li, .part4 li.li1, .part7 .videoBox{width:100%; margin-right:0;}
	.part2 ul.middle{width:100%; margin-right:0; margin-bottom:20px;}
	.part4 ul li, .part4 li.li1, .part5 ul li, .part5 ul li:first-child{width:100%; float:none;}
	.part6 p{margin-top:5px;}
	.part8{padding-bottom:50px;}
	.sites{ height:334px;}
	.sites ol{top:30%;}
}
@media screen and (max-width:375px){
	.sites{ height:289px;}
}