@charset "utf-8";
/* CSS Document */
body{ line-height: normal; }
#footer{ width: 100%}
.copyright_bar{margin: 0 auto;}
.box960{ width:960px; margin:0 auto;}
.titles{ font-size:32px; font-weight:normal;}
.titles_bor{ margin-bottom:20px; text-align:center;}
.titles_bor span{ margin:0 0 -18px 0; display:inline-block; padding:0 20px;}
.zhcart_ban{ padding:25px 0 45px 0; overflow:hidden;}
 ul.commom_list li{ width:310px; margin:15px 15px 0 0; float:left;}
ul.commom_list li.none_mrt{ margin-right:0;}
.bbg{ background-color: #fff;}

.mtime-box { min-width: 960px; height: 330px; position: relative; overflow: hidden; color:#fff;}
.mtime-box .bd{ width:100% !important; }
.mtime-box .bd li .m-width {width: 960px; margin:0 auto; overflow: hidden; position:relative;}
.mtime-box .bd li { width:100% !important; height: 330px; }
.mtime-box .bd li.li_1{background:#fb6262;}
.mtime-box .bd li.li_2{background:#2b78d5;}
.mtime-box .bd li.li_3{background:#2DCC70;}

.mtime-btn { width: 960px; position: absolute; top: 200px; left: 50%; margin-left: -511px; }
.mtime-btn a { display:none; width: 49px; height: 104px; position: absolute; top: 0; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.mtime-btn a.prev { left: -30px; background: url(../images/foot.png) no-repeat -1822px -9px; } 
.mtime-btn a.next { right: -30px; background: url(../images/foot.png) no-repeat right -9px; }

.mtime-box .hd {position: absolute; top: 100px; left: 50px; }
.mtime-box .hd ul li { width: 12px; height: 12px; border-radius :50%; text-indent: -9999px; margin-right: 10px; background: #fff; opacity:0.3; filter:alpha(opacity=30);  float: left; cursor: pointer; }
.mtime-box .hd ul li.on { background:#fff; opacity:1; filter:alpha(opacity=100);}

.banner_content{ position:absolute; left:20px; top:50px;}
.banner_content h1{ font-size:60px; font-weight:normal;}
.banner_content h2{ font-size:30px; font-weight:normal; padding:7px 0;}
.banner_content h3{ font-size:25px; font-weight:normal;}
.banner_content P{ font-size:13px;}


#whatzh_box{ background:#f4f4f4; overflow:hidden;}
#whatzh_box .what_zh{ position:relative;}
#whatzh_box .what_zh_content{ position:absolute; left:400px; top:50px;}
#whatzh_box .what_zh_content h2{ margin-bottom:30px;}
#whatzh_box .what_zh_content p{ font-size:14px; line-height:25px; color:#696969;}

.whyselfweb{ position:relative;}
.whyselfweb_content{ position:absolute; left:10px; top:0;}
.whyselfweb_content h2{ margin:40px 0 15px 0;}
.whyselfweb_content P{ font-size:17px; line-height:30px;}
.whyselfweb_content P a{ font-size:20px; color:#f76464;}

#whyzh_box{ background:#48b7b3; padding:35px 0; overflow:hidden; color:#fff;}
#whyzh_box p{text-align:center; margin:0 0 15px 0; font-size:14px;  line-height:24px; }
#whyzh_box ul{ position:relative;}
#whyzh_box ul li{ margin-top:7px;}
#whyzh_box ul li a{ display:block; color:#fff; position:relative; cursor:pointer;}
#whyzh_box ul li .whyzhcontent{ position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
#whyzh_box ul li .whyzhcontent h2{ font-weight:normal; margin-bottom:6px; font-size:28px;}
#whyzh_box ul li .whyzhcontent p{ font-size:14px; line-height:1;}
#show{ width:960px; height:520px; position:absolute; z-index:99; display:none; top:0; left:0;}
#show span{position:absolute;right:10px;top:15px;display:block;cursor:pointer;background:url(images/close_icon.png) no-repeat; width:20px; height:21px; text-indent:99999px;}

#zhcases_box{background:#f4f4f4;}
#zhcases_box h2{ border-bottom:1px solid #b0b0b0;}
#zhcases_box h2 span{ background:#f4f4f4;}
#zhcases_box ul li{ position:relative;height:310px;}
#zhcases_box ul li a{ position:absolute; left:0; top:0; width:310px; height:310px; background:#000; opacity:0; filter: alpha(opacity=0);}
#zhcases_box ul li a:hover{ background: url(images/hover_bg.png) #000 no-repeat; opacity:0.5; filter: alpha(opacity=50);}
#zhcases_box ul li.more_cases a:hover{ background:none;}
#zhcases_box ul li img{ height:310px; width:310px; }
.zh_video{ position:absolute; top:43px; right:88px; width:351px; height:220px;}

.whousezh h2{ color:#257eeb;}
.whousezh ul li{ width:230px; float:left; margin:15px 13px 0 0; _margin:15px 10px 0 0;}
.whousezh ul li.none{ margin-right:0;}
.whousezh ul li a{ display:block; width:228px; height:105px; border:1px solid #d7d7d7; zoom:1;}
.whousezh ul li a img{ max-width:228px; max-height:105px; 
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 		0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
}

.whousezh ul li a:hover img{ 
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0);
	filter:none; 
}




#zhprice{ background:#257eeb; color:#fff;}
#zhprice h2{ border-bottom:1px solid #fff; margin-bottom:35px;}
#zhprice h2 span{ background:#257eeb;}
#zhprice ul li{ width:480px; float:left; margin-right:0;} 
#zhprice ul li dl dt{ float:left; width:170px;}
#zhprice ul li dl dd{ float:right; width:295px;}
#zhprice ul li dl dd h3{ font-size:20px; padding-top:15px;}
#zhprice ul li dl dd h4{ font-size:13px; font-weight:normal; margin:15px 0 5px 0;}
#zhprice ul li dl dd p{ font-size:17px;}
#zhprice ul li dl dd p span{ color:#fff000; line-height:29px;}
.nottax{ font-size:20px; padding:20px 0; text-align:center; color:#fa3b3b; font-weight:bold;}


#online_consult{ background:#f4f4f4;}
#online_consult .zh_article{ float:left; width:390px;}
#online_consult .zh_article h2{ margin-bottom:15px;}
#online_consult .zh_article ul li a{ display:block; padding:7px 0;text-decoration:underline; font-size:14px;}
#online_consult .zh_article ul li a:hover{ color:#fd4343;}
#online_consult .qq_online{ width:570px; float:right;}
#online_consult .qq_online{ background:url(images/qqboxbg.jpg) no-repeat; height:225px;}
#online_consult .qq_online ul{ padding:30px 0 0 300px;}
#online_consult .qq_online ul li{}
#online_consult .qq_online ul li a{ float:left; width:115px; margin-top:15px; display:block;}
#online_consult .qq_online ul li a img{ vertical-align:text-top;}