@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "ÐÂËÎÌå";}
.clear:after{content:"\20";display:block;height:0;clear:both; }
.clear{zoom:1;}
ul,ol{list-style:none;padding:0; margin:0}
a{text-decoration:none;color:#858484;}
a:hover{color:#6896C1;outline:none;text-decoration:none;}
.clear:after{content:"\20";display:block;height:0;clear:both;}
.clear{zoom:1;}
img,fieldset{border:none;}
::-webkit-scrollbar-track-piece{background-color:#f5f5f5;border-left:1px solid #d2d2d2}
::-webkit-scrollbar{width:13px;height:13px}
::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px}
::-webkit-scrollbar-thumb:hover{border:1px solid #636363;background-color:#929292}
/* -- Headings -- */

/**Í·²¿css**/
#hd{ width:100%; height:50px; position:relative; z-index:1000}
#headMenu{ width:100%;background-color:#222222;margin:0 auto;}  
#headMenuCenter{ width:1000px;margin:0 auto; height:50px}  
#headMenu .lineCenter{ float:left;height:50px;width:2px;background:url(../images/nav-split.gif);}  
#headMenuCenter > ul { list-style-type:none; display:block; width:100%; height:50px; line-height:50px; display:block}  
.headMenuItem{ list-style:none;float:left;  max-width:150px;}  
.headMenuItem > a{ float:left;color:#fff;padding:0px 35px;font: 15px "΢ÈíÑźÚ", Arial, Helvetica, sans-serif;text-decoration:none; height:50px; line-height:50px}  
.headMenuItem > a:hover{ background-color:#171717;} 
.headMenuCurrent{ background-color:#171717;}  
.menuItem{ background-color:#171717;position:absolute;width:130px;margin-top:100px;z-index:999;display:none;}  
.menuItem>ul{text-align:center;}  
.menuItem>ul:after{content:"\20";display:block;height:0;clear:both;}
.menuItem>ul>li{ list-style:none;padding:10px 0 10px 0; } 
.menuItem>ul>li>a{ float:left;  margin-top:-10px;   width:100%;   color:#fff;   padding:18px 0 18px 0;   font: 15px "΢ÈíÑźÚ", Arial, Helvetica, sans-serif;   text-decoration:none;}  
.menuItem>ul>li>a:hover{ background-color:#242628;}  
/**Ê×Ò³Öмä**/
#bd{ position:relative; z-index:500; min-height:200px}
#bd a{ text-decoration:none}
.top1xbg{width: 100%;height: 30px;overflow: hidden;background: #F7F7F7;}
.syToolList{ width:100%; background:url(../images/index/ce_bg.jpg) center top no-repeat; height:700px}
.syToolList .c_top {width: 253px;height: 289px;background: url(../images/index/ic_tlogo.png) no-repeat top left;margin: 0 auto;position: relative;z-index: 99;}
.syToolList .menu {position: relative;top:162px;left: 20px;margin: 0 auto;width: 870px;height: 156px;}
.syToolList .menu li {position: relative;display: inline;float: left;margin-right: 30px;width: 115px;height: 115px;cursor: pointer;}
.syToolList .menu li .icon {position: relative;z-index: 2;}
.syToolList .menu li .font {position: relative;top: -7px;display: block;width: 108px;text-align: center;color: #fff;font-size: 16px;font-family: "Microsoft YaHei","SimSun";}
.syToolList .menu li .mask {opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);display: block;position: absolute;z-index: 1;width: 108px;height: 108px;left: -2px;top: -3px;background: url(../images/index/hovermask.png) no-repeat;-moz-transform: scale(.8);-webkit-transform: scale(.8);-o-transform: scale(.8);transform: scale(.8);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;}
.syToolList .menu li:hover .mask {opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;}
/**yewei**/
#footer{background:#333438;color: #888886; position:relative; z-index:100}
#footer,
#footer a
#footer a:hover{ text-decoration:none;color: #888886;}
#footer .fcontent{width: 980px;margin: 0 auto;padding: 8px 0;font-size: 12px;line-height: 28px;color: #888886 ;text-align: center;overflow: hidden;clear: both;}
#footer .fcontent span{ padding:0 3px}



/* container */
#container{width:1246px; position:relative; left:50%; margin-left:-623px; margin-bottom:15px;border: 1px solid #e2e2e2; }
#container .bg2{width:1246px; height:100000px; background:#fff; position:absolute; left:0; top:0; z-index:1;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;  }
#container ul{width:1230px;list-style:none;float:left; padding:8px; position:relative; z-index:1000; background:#fff}
#container ul li{float:left;width: 384px; height:237px;
  background-color: #ffffff;
   border: 1px solid #e2e2e2;
  padding: 4px;padding-bottom: 10px;
    margin:8px;

}
#container ul li .pic{width: 384px;
  height: 152px;
  display: block;
  overflow: hidden;
  background: #f9f9f9;}
  #container ul li .pic a{width: 384px;
  height: 152px;
  display: block;}
#container ul li img{width:384px;}
#container ul li .title {
  line-height: 48px;  font-weight: bold;
  font-size: 16px;
  font-family:΢ÈíÑźÚ;
  margin-left: 8px;
  padding-right: 5px;
  color: #666;
}
.water_user{color:#666;padding:10px;}
.water_option{background:#f9f9f9;padding:8px 0px 8px 15px;}
.water_option:after{content:"";display:block;clear:both;visibility:hidden;}
.water_option .time{ float:left; color:#999}
.water_option .option_item,.water_option .split{float:right;}
.water_option .option_item{color:#666;text-decoration:none;margin-right:10px;}
.water_option .option_item:hover{ text-decoration:none;   cursor: pointer; color:#000}
.water_option .split{display:inline-block;margin:5px 10px 0 0;height:12px;width:1px;background-color:#D8D8D8;}

.loadMeinvMOre{height:40px;line-height:40px;color:#fff;text-align:center;background:#5C4C73;display:block;clear:both;text-decoration:none; width:1248px;position:relative; z-index:1000; margin-left:-1px}
.loadMeinvMOre:hover{ background:#4D3A69;color:#fff;}


.hd{ width:100%; height:60px;}


.bd{ margin-top:15px}

.ft{ width:100%; height:60px; text-align: center; color:#666}



.investment_f{ width:1200px; margin:20px auto}
.investment_f .investment_title{height:44px;  width:960px; overflow:hidden}
.investment_title div{ width:131px; height:44px; background:url(../images/invest_detail_22.png); float:left; margin-right:6px; display:inline; font-size:14px; font-weight:bold; text-align:center; line-height:46px; color:#555; cursor:pointer; margin-left:1px;}
.investment_title a,.investment_title a:link,.investment_title a:visited,.investment_title a:hover{ color:#555;width:131px; height:44px;display:inline-block}
.investment_title div.on a,.investment_title div.on a:link,.investment_title div.on a:visited,.investment_title div.on a:hover{ color:#f70}
.investment_title div.on{background:url(../images/invest_detail_18.png); color:#f70}
.investment_con{ clear:both; background:#fff; border:1px solid #EDEDED;padding:20px;}
.investment_con_list{display:none;}



.templates{  background: #454851 url(//img.alicdn.com/tps/i2/T1I05vXdN6XXXXXXXX-400-400.jpg) 0 0 repeat; padding-top:20px}
.templates .item {
  float: left;
  margin-bottom: 20px;
  width: 176px; margin-left:20px
}
.templates .item dl {
  width: 176px;
  margin: 0 auto;
  margin-bottom: 20px;
  background: #E6E6E8;
  -moz-box-shadow: 2px 2px 8px #333;
  -webkit-box-shadow: 2px 2px 8px #333;
}
.item .item-preview a {
  display: block;
  height: 250px;
  width: 160px;
  border: 7px solid #fff;
  margin-bottom: 5px;
  background: url("//img.alicdn.com/tps/i2/T16WJqXaXeXXXXXXXX-32-32.gif") no-repeat scroll 50% 50%;
}
.item .item-preview a img {
  width: 100%;
  height: 100%;
  display: block;
}
.item dd {
  color: #888;
  overflow: hidden;
  text-align: left;
  margin: 0 8px;
  width: 158px;
}
.item .item-info {
  height: 24px;
  line-height: 24px;
  width: 158px;
  overflow: hidden;
}

.item .item-info-exp {
  height: 21px;
  line-height: 21px;
  color: #999;
}
.item .item-detail {
  height: 36px;
  overflow: hidden; line-height:18px; padding-bottom:5px
}

.win10{ padding:10px; width:881px; height:529px}
.win10 .d{}
.win10 .xt{ width:256px; height:144px;  margin:8px; float:left;color: #fff;  line-height:160px; text-align:center;font-family: ΢ÈíÑźÚ; font-size: 24px;}
.win10 .xt a{ display:block; width:100%; height:100%} 
.win10 .xt a span{display:block; padding-top:150px;color: #fff; font-size: 24px;line-height:144px; }
  
.win10 .x1{ background: #00a8ec url(../images/icon_home.png) 50% 40% no-repeat;width:571px; height:336px;}
.win10 .x2{ background:rgb(67, 181, 31) url(../images/icon_apps.png) 50% 40% no-repeat;width:277px; height:160px;}
.win10 .x2 a span{display:block; padding-top:105px;color: #fff; font-size: 18px;line-height:30px; }
.win10 .x3{background:rgb(245, 141, 0) url(../images/icon_gallery.png) 50% 40% no-repeat;width:277px; height:160px;}
.win10 .x3 a span{display:block; padding-top:105px;color: #fff; font-size: 18px;line-height:30px; }
.win10 .x4{width:277px; height:160px;    background: rgb(211, 44, 44);}
.win10 .x4 a span{display:block; padding-top:0px;color: #fff; line-height:160px; }
.win10 .x5{width:277px; height:160px;   background: rgb(67, 181, 31);}
.win10 .x5 a span{display:block; padding-top:0px;color: #fff;line-height:160px; }
.win10 .x6{background: rgb(60, 91, 155) url(../images/icon_settings.png) 50% 40% no-repeat;width:277px; height:160px; }
.win10 .x6 a span{display:block; padding-top:105px;color: #fff; font-size: 18px;line-height:30px; }


.conxf_list {height:500px;display: block; width:1200px; margin:20px auto}
.conxf_list .templat{ background:#23252a; padding:20px}
.conxf_list .iteml{ width:620px; float:left; height:360px; margin:10px;background: #00a8ec;padding:20px;}
.conxf_list .bt{font-family: ΢ÈíÑźÚ;padding:10px 0;  text-align:center;
  font-size:30px;
  color: #fff; line-height:40px}
.conxf_list .li{font-family: ΢ÈíÑźÚ;text-indent:2em;
  font-size:22px;
  color: #fff; line-height:36px}
.conxf_list .itemr{ width:460px; float:left; height:400px;margin:10px ; text-align:center}
.conxf_list .itemr .xz{ width:440px; float:left; height:170px; padding:10px;background: #00a8ec}
.conxf_list .itemr .x1{ height:100px; width:440px; }
.conxf_list .itemr .x1 img{height:80px; margin:10px 180px;}
.conxf_list .itemr .lx{ height:70px}
.conxf_list .itemr .lx .f1{font-family: ΢ÈíÑźÚ; font-size:24px; color: #fff; line-height:30px; height:30px; display:block}
.conxf_list .itemr .lx .f2{font-family: ΢ÈíÑźÚ; font-size:16px; color: #fff; line-height:30px; height:30px}
.conxf_list .itemr .tt{ width:440px; float:left; height:170px; padding:10px;background: #00a8ec; margin-top:20px}
.conxf_list .itemr .tt .li{ line-height:170px}
.conxf_list .itemr .tt .li a{ font-family: ΢ÈíÑźÚ;text-indent:2em; display:block; 
  font-size:22px;
  color: #fff;line-height:170px}


.headerxf .login{ height:50px;}
.headerxf .login #nologin .logindiv{ height:30px; padding-top:10px;line-height: 30px;float:left;}
.headerxf .login .logintitle{ position:static; float:left;color: #666;font-size: 12px;}
.headerxf .login .logininput{ position:static; float:left; width:105px;height:20px; line-height:20px; border: 1px #ccc solid; background: #fff; color:#ccc; margin:4px}
.headerxf .login dl{position:static; float:left;  width:188px;}
.headerxf .login .loginbutton{position:static; float:left;}
.headerxf .login .regbutton{position:static; float:left;}
.headerxf .login .getpassword{position:static; float:left;}
.headerxf .login .labelCheckbox{ line-height: 30px;}
.headerxf .login .labelCheckbox { _margin: 13px 0 -13px; background-position: -211px -419px; _background-position: -211px -433px;}
.headerxf .login .not { background-position: -211px -496px; _background-position: -211px -509px;}
.headerxf .login .labelCheckbox input { margin-right: 8px; width: 15px;}
.headerxf #getpassword a{line-height: 30px;  margin-left: 10px;}
.headerxf .login .regbutton,
.headerxf .login .loginbutton {
  /* position: absolute; */
  /* left: 20px; */
  width: 80px;margin-left:5px;
  height: 30px;
  line-height: 30px;letter-spacing: 0px; 
  border: none;
  border-radius:0;
  font-size: 16px;}
.headerxf .login .reglabel {
  position: static;float:left;
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #666;
  padding-right:0px;clear: none;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}
.headerxf #logged .welcome{ color:#666}


#position{ height:20px; line-height:20px; width:1000px; margin:0 auto}
#position li{ float:left}