﻿/* CSS Document */
*{ padding:0px; margin:0px;}
body{font-family:"宋体", Arial;font-size:12px;color:#333333;}
ul,dl{list-style:none;list-style-type:none;}
.clr{clear:both;}
.flr{float:left;}
.frg{float:right;}
.hei8{height:8px; font-size:1px;}
H1,H2,H3,H4,H5,H6 {font-size:14px;font-weight:normal;}
a img{ border:none;}
img{boder:none;}
a:link,.a:visited{color:#333333;font-size:12px;text-decoration:none; list-style:none;}
a:hover{color:#cc3300;font-size:12px;text-decoration:none;}
a:active{color:#2b2b2b;font-size:12px;text-decoration:none;}
.red {line-height: 28px;color: #cc0000;font-weight: bold;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
.clearfix{display:block;}

/*top*/
.top{background-image: url(../images/topbg.png);width:100%;height:33px;}
#site-nav{ width:1000px; height:30px; line-height:30px; margin:0 auto; padding:0;}
#site-nav a:link,#site-nav a:visited{ color:#666666; text-decoration:none;}
#site-nav a:hover{ color:#f60;}
#site-nav a.Top_red:link,#site-nav a.Top_red:visited{ color:#ff0000;}
#site-nav a.Top_red:hover{ color:#666666;}
#site-nav {width:1000px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;height:33px;line-height:33px;background-image: url(../images/topbg.png);}
#site-nav .quick-login { float: left; line-height:35px; padding-left:5px;display: block; width:auto; position:relative;}
#site-nav .quick-login li{ font-weight:normal; font-size:12px; float:left; }
#site-nav .quick-menu {float:right;width:auto; _margin-bottom:-2px;display:block; position:relative;}
#site-nav .quick-menu li {padding-right: 10px;padding-left: 10px; float:left; padding-bottom: 0px; margin-left:-1px; line-height:35px;}
#site-nav .quick-menu li.menu-item {padding:0; position:relative;}
#site-nav .menu-hd {padding-right:46px;display:block;padding-left:10px;z-index:10002;padding-bottom: 0px;margin: 1px 1px 0px;cursor: pointer;padding-top:0px;height:26px; overflow:hidden; position: relative;}
#site-nav .menu-hd b {border-right: #eee 4px solid; border-top: #666 4px solid; font-size: 0px; right: 30px; border-left: #eee 4px solid; width: 0px; line-height: 0; position: absolute; top:12px; height: 0px; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in}
#site-nav .menu-bd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; display: none; z-index: 10001; right: 0px; background: #fff; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px solid; position: absolute; top: 26px;}
#site-nav iframe.menu-bd {border-top-width: 0px; border-left-width: 0px; z-index: -1; background: none transparent scroll repeat 0% 0%; filter: alpha(opacity=0); float: left; border-bottom-width: 0px; border-right-width: 0px}
#site-nav .menu-bd-panel {padding-right: 10px; padding-left: 10px; padding-bottom: 6px; padding-top: 10px}
#site-nav .menu {position: relative;}
#site-nav .menu:hover .menu-hd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; background: white; margin: 0px; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px}
#site-nav .hover .menu-hd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; background: white; margin: 0px; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px;}
#site-nav .menu:hover .menu-bd {display: block}
#site-nav .hover .menu-bd {display: block}
#site-nav .menu:hover .menu-hd b{border-left-color: #fff; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); border-bottom-color: #fff; border-top-color: #666; top:12px; border-right-color: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
#site-nav .hover .menu-hd b{border-left-color: #fff; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); border-bottom-color: #fff; border-top-color: #666; top:12px; border-right-color: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
#site-nav .services .menu-hd {width: 48px; padding-top:1px;}
#site-nav .services .menu-bd {width:auto; top:26px; height:auto;}
#site-nav .services .menu-bd-panel { padding:0px 10px;}
#site-nav .services .menu-bd-panel a{ display:block; line-height:24px;}

/*底部 foot*/
.footer {margin:0px auto;width:960px;background:#fff;height:auto;margin-top:8px;}
.bottom_1{text-align:center;width:auto;}
.bottom_2 {line-height:30px;background-color:#44a7ea;width:960px;height:30px;color:#ffffff;margin:0 auto;}
.bottom_3 {text-align:center;width:960px;}
.bominde{width:980px;line-height:24px;}
.bominde a, .bominde a:link, .bominde a:visited {color:#003399;}
.bominde a:hover {color:#cc3300;}
.bomhome {border:1px solid #e2e2e2;padding:2px 0px 2px 38px;}
.bomlist {width:200px;float:left;border-right:1px solid #f7f7f7;padding:14px 0px;}
.bomlist li {padding:0;margin:0;line-height:24px;text-align:left;font-size:12px;color:#656565;}
.bomlistone {float:left;border-right:1px solid #f7f7f7;padding:14px 0px;}
.bomlistone li {padding-left:40px;padding-right:20px;margin:0;line-height:24px;text-align:left;font-size:12px;color:#656565;}
.bomlistone li a, .bomlistone li a:link, .bomlistone li a:visited {color:#003399;}
.bomlistone li a:hover {color:#cc3300;}
.bomlisttwo {width:auto;float:left;padding:14px 0px;}
.bomlisttwo li {padding-left:34px;margin:0;line-height:24px;text-align:left;font-size:12px;color:#656565;}
.bomlisttwo .sphone {background:url(http://www.ccement.com/resource/images/bmlogo_03.jpg) no-repeat 0px 4px;width:15px;height:17px;float:left;}
.bomlisttwo .shotline {background:url(http://www.ccement.com/resource/images/bmlogo_06.jpg) no-repeat 0px 4px;width:15px;height:21px;float:left;}
.bomlisttwo .sQQ {background:url(http://www.ccement.com/resource/images/bmlogo_10.jpg) no-repeat 2px 4px;width:15px;height:17px;float:left;}
.bomlisttwo .shy {background:url(http://www.ccement.com/resource/images/bmhy_03.jpg) no-repeat 2px 4px;width:15px;height:21px;float:left;}
.white {color:#ffffff;font-size:14px;font-weight:bold;}
.white1:link {color:#ffffff;font-size:12px;}
.white1:active {color:#ffffff;font-size:12px;}
.white1:visited {color:#ffffff;font-size:12px;}
.white1:hover {color:#ffffff;font-size:12px;}

/*Main*/
.Main{background:url(../images/pagebg.jpg) no-repeat center top;width:100%;height:2730px;margin-top:0px;}
.Main .purchasing{width:1000px;height:66px;margin:0 auto;padding-top:2618px;}
.Main .buyonline{background:url(../images/allbgs.png) no-repeat 0px -202px;height:66px;width:220px;display:inline-block;margin-left:60px;}
.Main .remittance{background:url(../images/allbgs.png) no-repeat 0px -99px;height:66px;width:220px;display:inline-block;margin-left:107px;}
.Main .consultation{background:url(../images/allbgs.png) no-repeat 0px -10px;height:66px;width:220px;display:inline-block;margin-left:109px;}