@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, input {margin: 0; padding: 0}
body {font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" !important;
  font-size: 14px;
  line-height: 1.8em;
  text-rendering: auto;
  color: #666;
  background-color: #fbfaf8; }
a {
  color: #666666;
  text-decoration: none;
  cursor: pointer; }
a:hover {
  color: #00a2ca;
  text-decoration:none; }
li{ list-style:none;}
.p24{ padding:24px;padding-top:12px}
em{ float:right; font-style:normal}
img{ border:0}
.clear{ clear:both; font-size:1px; height:1px;}
.fl{ float:left}
.fr{ float:right}
input{ font-size:inherit}
/*content*/
.per100_head{height:74px;width:100%;background:#0095c3; overflow:hidden;min-width:1300px;}
.w1200{width:1200px; margin:0 auto;}
.head em{ margin-top:25px }
.head em a{padding-left:10px;color:#c0f2ff}
.per100_ad00,.per100_ad01,.per100_ad02,.per100_ad03,.per100_ad04{width:100%; overflow:hidden;min-width:1200px;height: 580px;}
.per100_ad00{ position:relative}
.per100_ad01{height: 580px; background:#3f3fa3 url(../img/banner1.png) center center no-repeat;}
.per100_ad02{height: 580px; background:#013862 url(../img/banner2.png) center center no-repeat;}
.per100_ad03{height: 580px; background:#2b0c5a url(../img/banner3.png) center center no-repeat;}
.per100_ad04{height: 580px; background:#013862 url(../img/banner4.png) center center no-repeat;}
.share,clound,.online,.file{height:311px; width:1200px; margin:0 auto; position:relative}
.title{font-size:40px;color:#dec7ff; position:absolute; left:0; top:90px; cursor: default; line-height:45px}
.color01{color:#dec7ff}
.color02{color:#25cee9}
.color03{color:#af7aff}
.color04{color:#4efff5}
.btn{ position:absolute; left:0; bottom:80px}
.qr_code{width:100px; height:140px; border:1px solid #dcdcdc; line-height:15px;font-size:12px; background:#fff; position:absolute; right:8%; top:90px;z-index:10;}
.qr_code span{display:inline-block;width:99%;  text-align:right; overflow:hidden}
.product{ margin-top:25px; overflow:hidden}
.product h2{ margin-bottom:12px; font-weight:400;color:#000; font-size:24px}
.product h2 em{font-size:12px;}
.product_box{width:1026px; overflow:hidden; position:relative; background:#fff;float:left;margin-left: 40px;}

.product_last_list,.product_hot_list{width:1198px;height: 258px;}
.product_last_list .product_single,.product_hot_list .product_single{ float:left;width:168px;height:202px;padding:10px;padding-top:4px; border-right:1px dashed #ececec; text-align:center; border:1px solid #fff;margin-right: 80px;}
.product_last_list .product_single:hover,.product_hot_list .product_single:hover{cursor:pointer}
.sort{color:#0095c2; text-align:left}
.name{width:100%;padding:0; text-align:center;font-size:12px;color:white;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.projectname{width:100%;padding:0; text-align:center;font-size:18px;font-weight:500;color:#555454;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: 'SimHei';}
.pic{width:100%; text-align:center;}
.pic:hover p{color:#00a2ca;}
.intro{height:38px;color:#909090;font-size:14px;line-height:18px;text-align:left;overflow: hidden;text-overflow: ellipsis;}
.projectintro{height:72px;width:160px;margin-left:10px;margin-top:3px;padding:9px 4px; background-color:white; color:#44A1CA;font-size:10px;text-align:left;overflow: hidden;text-overflow: ellipsis;}
.projectintro ul li{ text-align: left;font-family: 'SimHei'; height: 16px;}
.btn_cal{margin-top:6px; margin-bottom:6px; display: inline-block; width:140px; height:36px; line-height:36px;text-align:center; background:#0095c2;color:#fff; -webkit-border-radius: 5px; border-radius: 5px;}
.btn_cal:hover{background:#049cca;color:#d5f1fa; text-decoration:none}
.btn_left,.btn_right{width:31px; height:31px; display:inline-block; position:absolute;z-index:999;}
.btn_left{ left:0; top:100px}
.btn_right{right:0; top:100px}
.news_box{ margin-top:0px; overflow:hidden}
.news_box  em{font-size:14px;padding-right:15px;}
.hot,.news{width:565px; height:228px;border:1px solid #ececec; background:#fff}
.news_title{padding-left:20px;font-size:16px;border-bottom:1px solid #ececec;height:50px; line-height:50px;color:#000}
.news_list{padding:15px; line-height:35px;}
.news_list em{color:#999}
.green02{color:#0095c2}
.foot{padding:5px 0; text-align:center; background:#fff;border-top:1px solid #ececec;margin-top:26px;color:#999}
UL {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.num {
 POSITION: absolute; WIDTH: auto;bottom: 30px; left:47%; z-index:999;
}
.num LI {
 TEXT-ALIGN: center; LINE-HEIGHT: 15px; LIST-STYLE-TYPE: none; MARGIN: 1px;padding:0 5px; WIDTH: 15px; FONT-FAMILY: Arial; FLOAT: left; HEIGHT: 15px; COLOR: #86a2b8; FONT-SIZE: 12px; CURSOR: pointer; background:url(../img/normal.png) no-repeat;
}
.num LI.on {
 LINE-HEIGHT: 15px; WIDTH: 15px; HEIGHT: 15px; COLOR: #ffffff; background:url(../img/on.png) no-repeat;
}
/*login*/
.box02{ margin:0 auto;width:1198px; height:auot;border:1px solid #ececec; position:relative}
h3{ margin:26px auto 4px;width:1200px;color:#222}
.login_box{height:270px; background:#fff url(../img/icon_login.gif) no-repeat; background-position:290px 42px; }
.reg_box{height:360px; background:#fff url(../img/icon_reg.gif) no-repeat; background-position:290px 42px; }
.form_area{ position:absolute;top:50px; left:440px; font-size:15px;}
.form_area li{ margin-bottom:8px}
.form_area li span{ display:inline-block;width:90px; text-align:right;}
.form_area .input03{width:288px;height:36px; line-height:36px;color:#999; font-weight:400; padding-left:2px; font-family:inherit;border:1px solid #0095c3}
.form_area i{padding-right:2px;font-style:normal;color:#F00}
.form_area  .w152{width:152px}
.form_area .user{padding-left:25px;width:268px;background:url(../img/user.gif) no-repeat; background-position:4px 7px}
.form_area .pwd{padding-left:25px;width:268px; background:url(../img/pwd.gif) no-repeat; background-position:4px 7px}
.link_reg { margin-left:55px;color:#0095c2; text-decoration:underline}
.link_reg:hover{ text-decoration:none}
.link_code{ margin-left:15px;}
.w170{width:170px}
.registerdis{background:#049cca;color:#d5f1fa; text-decoration:none}
.pfix{ position:fixed;bottom:0; width:100%;}
.red02{display:inline-block; color:#F00; font-size:12px;height:20px;}

.top{height:100px; background:#069cca url(../img/top_bg.jpg) repeat-x;width:100%;overflow:hidden; position:relative}
.menu_box{ margin-left:0px; background:#00a2ca repeat;top:0; left:0;width:100%; height:35px; position:relative}
.search_box{position:absolute; top:20px; right:20px; z-index:500}
.search_box span{ display:inline-block;width:16px; height:16px; position:absolute; top:5px;left:162px;vertical-align:middle;}
.search_box img{  width:16px; height:16px;top:5px; vertical-align:middle;}
.search02{vertical-align:middle;padding-left:5px; background:none;border:0;width:182px;height:32px;-webkit-border-radius:4px; border-radius:4px; background:#0078a4;color:#72d6f1}
.link_top{ margin-left:30px; font-size:12px; font-style:normal; font-weight:400;color:#cce5f1}
.link_top a{padding:0 4px;color:#cce5f1}
.link_top a:hover{color:#cce5f1; text-decoration:underline}

.menu{ position:absolute; left:26px; bottom:0;border-bottom:0px solid #fff}
.menu li{ float:left; margin-right:3px;padding:0 25px 0 15px;height:28px; line-height:32px; min-width:60px; color:#17323b; text-align:center;background:#D2D2D2;webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; position:relative}
.menu li:hover{cursor:pointer;color:#181713;background:#F9F9F9;}
.menu li span{ display:inline-block;width:13px;height:13px; position:absolute;top:9px; right:6px;background:url(../img/del.png) no-repeat;}
.menu li span:hover{ background:url(../img/del_on.png) no-repeat; cursor:pointer}
.menu li.on{ background:#F9F9F9;color:#181713; font-weight:700;}
.menu li a{color:#17323b; text-decoration:none}
.menu li a:hover{color:#04526c; text-decoration:none}

.left{width:200px; background:#e8f5f9;border-right:1px solid #bedee8; height:90%;overflow:hidden}
.left_nav{ margin-top:26px; }
.left_nav li{padding-left:24px;height:36px; line-height:36px; border-bottom:1px solid #d4ecf4;color:#333}
.left_nav li em{ margin-right:8px;}
.left_nav li:hover{ background:#fff; font-weight:700; cursor:pointer}
.left_nav li a{color:#333; text-decoration:none}
.left_nav li a:hover{color:#333; text-decoration:none}

.article{ margin-top:30px; }
.article h2{ margin-top:20px; text-align:center;}
.article blockquote{ font-size:12px; text-align:center; margin-top:4px;color:#999}
.article p{ padding:8px 12px; text-indent:2em; line-height:20px}