/**Author: zlr&gmn&klg*Updated: 2017.1.20**/
* {
  margin: 0;
  padding: 0
}

* html, * html body {
  _background-image: url(about:blank);
  _background-attachment: fixed
}

body {
  color: #000;
  background: #fff;
  font: 12px '\65B0\5B8B\4F53', Arial, sans-serif;
  min-width: 1000px
}

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {
  margin: 0;
  padding: 0
}

input, select {
  font-size: 12px;
  vertical-align: middle
}

table {
  border-collapse: collapse
}

table td {
  padding-bottom: 2px
}

li {
  list-style-type: none
}

img {
  border: 0 none
}

a {
  outline: none
}

a:link, a:visited {
  color: #000;
  text-decoration: none
}

a:hover {
  text-decoration: none;
  color: #ee4411
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  *+height: 1%
}

.head .menuitem b, .top_flr .indbig i, .xdsite .tit i, .selectcon, .selectcon i, .sub_top_search .selectcon i, .sub_top_search .searchbtn {
  background: url(//css.ccement.com/img/ccement_new/allbgs.png) no-repeat
}
.head .frg a{ margin: 0 7px}
.head .pos{position: relative;}
.head .alert {
  display: none;
  position: absolute;
  right: 15px;
  top: 38px;
  -moz-box-shadow: 0px 1px 8px #dadada;
  -webkit-box-shadow: 0px 1px 8px #dadada;
  box-shadow: 0px 1px 8px #dadada;
  width: 470px;
  line-height: 20px;
  z-index: 100;
  background: #fff;
  border-radius: 5px;
  padding: 16px;
}
.hidden {
  display: none
}

.fll {
  float: left
}

.flr {
  float: right
}

.inner, .bottom, .nav, .topcon, .mainbox {
  width: 1000px;
  margin: 0px auto;
}

.mainbox {
  overflow: hidden;
}

.mainbox a, .mainbox a:visited {
  color: #002244
}

.mainbox a:hover {
  color: #ee4411
}
.martop1 {
  margin-top: 12px
}

.flleft {
  float: left
}

.flright {
  float: right;
}

.sub_top {
  width: 1000px;
  margin: 31px auto 0;
  height: 97px;
}

.pricenav_ul li a .allowicon, .pricenav_ul li a .allowicon, .pricetop .price a, .pricetop .price li span, .newsnav_info i, .newsnav_con .tit i {
  background: url(//css.ccement.com/img/ccement_new/priceall.png) no-repeat;
}
.sub_top_logo {
  float: left;
  width: 427px;
}

.sub_top_logo_more {
  margin-left: 17px;
}

.sub_top_search {
  width: 423px;
  float: right;
  margin-top: 8px;
}

.sub_top_search .searchtxt {
  width: 375px;
  height: 36px;
  border: #cccccc solid 1px;
  z-index: 99;
  _width: 370px;
}

.sub_top_search .selectcon {
  position: relative;
  float: left;
  background-position: 5px -230px;
  height: 26px;
  width: 83px;
  border-right: 1px solid #e6e6e6;
  margin: 5px 0;
  cursor: pointer;
}

.sub_top_search .selectcon i {
  display: block;
  float: right;
  width: 12px;
  height: 8px;
  background-position: 0px -208px;
  margin: 9px 5px 0 0;
  overflow: hidden;
}

.sub_top_search .selectcon.cur i {
  background-position: 0px -216px
}

.sub_top_search .selectlab {
  line-height: 27px;
  padding-left: 28px;
  float: left;
}

.sub_top_search .inputline {
  border: 0px;
  height: 34px;
  line-height: 34px;
  width: 280px;
}

.sub_top_search .searchbtn {
  background-color: #48a5f4;
  background-position: 20px -4px;
  height: 38px;
  width: 54px;
  border: 0px;
  margin-left: -10px;
}

.sub_top_search .searchlist {
  position: absolute;
  left: -1px;
  top: 30px;
  width: 82px;
  border: 1px solid #cccccc;
  border-top: 1px solid #fff;
  padding-bottom: 6px;
  text-align: center;
  background: #fff;
  display: none;
  z-index: 999;
}

.sub_top_search .searchlist a {
  display: block;
  line-height: 24px;
}

.sub_top_search .selectcon.cur .searchlist {
  display: block
}

.hotkeyword {
  width: 424px;
  line-height: 34px;
  height: 34px;
  overflow: hidden;
  color: #666666
}

.hotkeyword a {
  color: #666666;
  padding: 0px 3px
}

.hotkeyword a:visited {
  color: #666666;
}

.hotkeyword a:hover {
  color: #ff0000;
}

.pricenav {
  height: 39px;
  background: #265aa3;
  color: #fff;
}

.pricenav_ul {
  width: 1000px;
  margin: 0 auto;
}

.pricenav_ul li {
  float: left;
  font-size: 14px;
  line-height: 39px;
  border-left: 1px solid #004ea1;
}

.pricenav_ul li a .allowicon {
  width: 5px;
  height: 3px;
  background-position: -21px -113px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  _display: none;
}

.pricenav_ul li a {
  color: #ffffff;
  display: block;
  padding: 0px 29px 0 29px;
  border-left: 1px solid #2a65b3;
}

.pricenav_ul li a:visited {
  color: #ffffff;
}

.pricenav_ul li.last {
  border-right: 1px solid #2a65b3;
}

.pricenav_ul li.last a {
  border-right: 1px solid #004ea1;
}

.pricenav_ul li.areanav {
  position: relative;
  z-index: 1000;
}

.pricenav_ul a:hover, .pricenav_ul a.cur {
  background: #2a65b3;
  color: #ffffff;
}

.pricenav_ul li.hover .subarea {
  display: block;
}

.pricenav_ul li .subarea {
  display: none;
  position: absolute;
  top: 38px;
  left: 0px;
  background: #265aa3;
  width: 84px;
  z-index: 1000;
}

.pricenav_ul li.hover .subarea a {
  display: block;
  line-height: 36px;
  height: 36px;
  color: #ffffff;
  text-align: center;
}

.subnav {
  background: #f8f8f8;
  height: 39px;
  border-bottom: 1px solid #eeeeee
}
.subnav .wrapper{
  width: 1000px;
  margin: 0px auto;
}
.subnav ul {
  border-left: 1px solid #eeeeee;
  height: 39px;
}

.subnav ul li {
  border-right: 1px solid #eeeeee;
  float: left;
  height: 39px;
  line-height: 39px;
}

.subnav ul li a {
  color: #265aa3;
  font-size: 14px;
  padding: 0 11px;
}

.subnav ul li a:visited {
  color: #265aa3;
}

.subnav ul li a:hover, .subnav ul li a.cur {
  background-color: #eeeeee;
  display: block;
}

.newsnav {
  height: 45px;
  border-bottom: 1px solid #eeeeee
}
.newsnav a{ cursor: pointer !important;}
.newsnav a:hover {
  color: #ff0000
}

.newsnav_con {
  width: 1000px;
  margin: 0px auto;
  padding-top: 13px;
}

.newsnav_con .tit {
  color: #666666;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}

.newsnav_con .tit i {
  background-position: 0 -113px;
  width: 16px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.newsnav_info {
  margin-left: 10px;
  width: 816px;
  overflow: hidden;
  height: 21px;
  line-height: 21px;
  float: left;
  color: #666;
  overflow: hidden;
  _height: 16px;
  _line-height: 16px;
  _margin-top: 3px;position: relative;
}
.newsnav_info ul{position: absolute;width: 100%;}
.newsnav_info li{width: 100%;height: 32px;}
.newsnav_info a {
  color: #666;margin-right:10px;width: 210px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.newsnav_info i {
  width: 3px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 8px;
  background-position: 0 -137px;
  _overflow: hidden
}

a.reload {
  float: right;
  line-height: 21px;
  height: 21px;
  color: #002244;
  font-size: 12px;
  cursor: pointer
}

a.reload i {
  width: 20px;
  height: 20px;
  background: url(//css.ccement.com/img/ccement_new/upiconcur.gif) 0px -1px no-repeat;
  display: inline-block;
  vertical-align: middle
}

a.reload.hover i {
  background: url(//css.ccement.com/img/ccement_new/upicon.gif) 0px -1px
}

.pricetop {
  width: 1000px;
  margin: 0px auto;
}

.pricetop .list {
  padding: 10px 0;
  color: #333333;
}

.pricetop .list h4 {
  color: #666666;
  float: left;
  font-size: 14px;
}

.pricetop .price h4 {
  line-height: 32px;
}

.pricetop .list ul {
  float: left
}

.pricetop .list ul li {
  float: left
}

.pricetop .popProv li a{
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
	text-overflow:ellipsis
}

.pricetop .list a:hover {
  text-decoration: none;
}

.pricetop .price {
  padding: 15px 0;
}

.pricetop .price li {
  padding: 0px 5px;
  width: 146px;
  height: 26px;
  margin-right: 10px;
  _margin-right: 8px;
  position: relative;
}

.pricetop .price li i{position: absolute;background: url("//css.ccement.com/img/price_ccement_com/clear.png") no-repeat;width: 16px;height: 16px; cursor: pointer; right:32px;top: 6px;}
.pricetop .price li input {
  background: none;
  float: left;
  height: 30px;
  width: 146px;
  margin-right: 2px;
  line-height: 24px;
  border: 1px solid #cccccc;
}

.pricetop .price li span {
  cursor: pointer;
  float: left;
  width: 16px;
  height: 13px;
  margin-top: 4px;
}

.pricetop .price a {
  float: left;
  color: #ffffff;
  width: 72px;
  padding-left: 38px;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  background-color: #265aa3;
  background-position: 15px -14px;
}

#tradeChoice {
  position: relative;
  width: 152px;
  border: 1px solid #abadb3;
  border-top: none;
  background-color: #fff;
  display: none;
  z-index: 1000;
}
#tradeChoice li {
  width: 142px !important;
  color: #555;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
#tradeChoice li:hover {
  background-color: #EBF3FF;
}

.bottom {
  text-align: center;
  margin-bottom: 8px;
  background: #FFF
}

.about-us {
  line-height: 32px;
  background-color: #005bac;
  height: 32px;
  color: #fff;
  margin-bottom: 11px
}

.about-us a, .about-us a:link, .about-us a:visited {
  color: #FFF
}

.about-us a:hover {
  color: #cc3300
}

.bottom:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.bottom {
  *+height: 1%
}

.bottom a, .bottom a:visited {
  color: #666
}

.bottom a:hover {
  color: #ee4411
}

.xdsite {
  border: 1px solid #e3e3e3;
  line-height: 22px;
  color: #666;
  text-align: left;
  padding: 4px 0 3px 8px
}

.xdsite .tit {
  background: #9fd3ff;
  height: 22px;
  width: 55px;
  float: left;
  position: relative;
  color: #085a90;
  text-align: center;
  margin: 4px 8px 0 0px;
  line-height: 22px
}

.xdsite .tit i {
  background-position: 0px -76px;
  width: 3px;
  height: 5px;
  display: block;
  right: -3px;
  top: 7px;
  width: 3px;
  height: 6px;
  z-index: 9;
  position: absolute
}

.xdsite a {
  padding: 0px 4px 0px 1px;
  line-height: 30px;
  white-space: nowrap
}

.bottom_nav {
  background: #005bac;
  margin-top: 22px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff
}

.bottom_nav a, .bottom_nav a:visited, .bottom_nav a:hover {
  color: #fff
}

.bottom_nav span {
  padding: 0px 3px 0 8px
}

.bomhome {
  border: 1px solid #e2e2e2;
  padding: 25px 10px;
  margin-top: 10px;
  line-height: 28px
}

.bomhome a {
  color: #666
}

.bomlist {
  float: left
}

.bomlist li {
  padding: 0 23px 0 48px;
  margin: 0;
  text-align: left;
  font-size: 12px;
  color: #656565
}

.bomlistwo li {
  padding-left: 40px;
  margin: 0;
  text-align: left;
  font-size: 12px;
  color: #656565
}

.bominde {
  width: 720px;
  line-height: 24px;
  margin: 10px auto;
  background: #FFF;
  text-align: center
}

.bominde span {
  padding-right: 6px
}

.bominde a, .bominde a:link, .bominde a:visited {
  color: #003399
}
.sub_top_right{
  float: right;
  width: 500px;
  height: 50px;
  background-color: #ccc;
  margin-top: 15px;
}

.pricetop .subscribe{ margin-bottom: 10px;}
.pricetop .subscribe h4{ background: #FFFFFF;  color: #265aa3;
  float: left;
  font-size: 12px;line-height: 28px;}
.pricetop .subscribe ul{float: left;width: 920px;}
.pricetop .subscribe ul li{float: left;background: #FFFFFF;margin-bottom: 1px;}
.pricetop .subscribe ul li a{float: left;height: 28px;line-height: 28px;background: #ebf3ff;color: #265aa3;font-size: 12px;width: 70px;margin-right: 1px;
  text-align: center;overflow: hidden;}
.pricetop .subscribe ul li a:hover{background: #265aa3;color: #FFFFFF;}
.pricetop .clicker_ser ul li{width: 140px;}
.pricetop .clicker_ser ul li input{width: 120px;}