@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
li{ list-style:none;}
body{ font-family:microsoft yahei; font-size:14px; color:#555; background:#eaeaea url(../images/bg.jpg) no-repeat center 0;}
a{ text-decoration:none; color:#555;}
a:hover{ color:#22b8af;}
.wrap{ width:1200px; margin:auto}
.fl{ float:left}
.fr{ float:right}
.top{ background:url(../images/topbg.png) repeat-x; height:135px;}
.top .logo{ margin:15px 0 0 0}
.top .search{ margin:25px 0 0 0}
.top .search input,.top .search button{ outline:none; border:0;border-radius:5px;}
.top .search input{ height:30px; border:1px solid #ddd;padding:0 5px; box-sizing:border-box}
.top .search .sub{ height:30px; padding:0 10px; color:#fff; margin:0 0 0 5px; cursor:pointer; border:0 }
.top .search .sub.sub1{ background:#3385ff}
.top .search .sub.sub2{ background:#16be55}
.top .search .sub.sub3{ background:#fd6853}
.top .search .sub.sub4{ background:#fead00}
.top .search .sub:hover{ opacity:0.8}
.logocon ul { margin-left:-10px;}
.logocon ul li{ background:#fff; padding:10px; box-sizing:border-box; width:290px;border:1px solid #fff; float:left; margin:15px 0 0 10px;border-radius:5px; box-shadow:3px 0px 5px #ddd;}
.logocon ul li:hover{background:#f9f9f9;border:1px solid #22b8af; box-sizing:border-box}
.logocon ul li .imgcon{ overflow:hidden}
.logocon ul li img{ width:268px;transition:all 1s}
.logocon ul li img:hover{ transform:scale(1.1) }
.logocon ul li h1{ font-weight:normal; font-size:16px; line-height:32px;}
.logocon ul li p{ font-size:12px; color:#999;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.ico-con{  padding:0px 0;}
.ico-con ul { margin-left:-10px;}
.ico-con ul li{ text-align:center; font-size:14px; float:left; padding:10px 0; width:191px;font-size:16px; border:1px solid #fff; box-sizing:border-box; background:#fff; margin: 0 0 0 10px;border-radius:5px; box-shadow:3px 0px 10px #ddd;}
.ico-con ul li:hover{ border:1px solid #22b8af; background:#f9f9f9}
.ico-con ul li p{ margin:10px 0 0 0}
.ico-con ul li img{transition:all .5s; width:22px;}
.ico-con ul li img:hover{ transform:scale(1.1)}
.ico-app{  padding:0px 0;}
.ico-app ul { margin-left:-10px;}
.ico-app ul li{ text-align:center; font-size:14px; float:left; padding:10px 0; width:290px;font-size:16px; border:1px solid #fff; box-sizing:border-box; background:#fff; margin: 0 0 0 10px;border-radius:5px; box-shadow:3px 0px 10px #ddd;}
.ico-app ul li:hover{ border:1px solid #22b8af; background:#f9f9f9}
.ico-app ul li p{ margin:10px 0 0 0}
.ico-app ul li img{transition:all .5s; width:33px;}
.ico-app ul li img:hover{ transform:scale(1.1)}
.title { overflow:hidden; margin:0px auto 0; padding:15px 0;}
.title img{ float:left}
.title span{color:#22b8af; font-size:18px; float:left; margin:0 0 0 10px;}
.bottom{ color:#fff; background:#464646; padding:20px 0; text-align:center; margin:40px auto 0;}
.line{ height:1px; background:#ddd;display:inline-block; width:100%; margin:10px auto }