@charset "utf-8";
/* CSS Document */
body{background-image: -webkit-radial-gradient(ellipse at center,#dbdee1,#828f9c);
	 background-image: -moz-radial-gradient(ellipse at center,#dbdee1,#828f9c);
	 background-image: radial-gradient(ellipse at center,#dbdee1,#828f9c); position:relative;
	}
.logo{width:100%; padding:20px 0 0 10%; box-sizing:border-box;}
.logo a{width:277px;height:35px; background:url(../images/SearchCloudComputing.png) no-repeat; display:block;}
.conWrap{ width:100%;}
.con{ width:900px; height:700px; margin:0 auto; background:url(../images/cloudstarbg.png) no-repeat; position:relative;}
.cover{width:706px; height:380px;background:url(../images/cloudstarcoverbg.png) no-repeat; position:absolute; left:90px; top:164px; z-index:100;}
.ullist li{ cursor:pointer; z-index:99;}
.ullist li.curlist img{transform:scale(1.36,1.36);-moz-transform:scale(1.36,1.36);-webkit-transform:scale(1.36,1.36);-o-transform:scale(1.36,1.36);-ms-transform:scale(1.36,1.36);}
/*.ullist li:hover img{transform:scale(1.18,1.18);-moz-transform:scale(1.18,1.18);-webkit-transform:scale(1.18,1.18);-o-transform:scale(1.18,1.18);-ms-transform:scale(1.18,1.18);}*/	
.li_1{position:absolute; left:488px;top:37px;}
/*.ullist li img{ transform:scale(0.84,0.84);-moz-transform:scale(0.84,0.84);-webkit-transform:scale(0.84,0.84);-o-transform:scale(0.84,0.84);-ms-transform:scale(0.84,0.84);}
.li_1.curlist img{transform:scale(1,1);}	
.ullist li:hover img{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}*/	
/*.li_2{ height:130px; width:106px; position:absolute; left:762px;top:149px;transform:rotate(56deg);-moz-transform:rotate(56deg);-webkit-transform:rotate(56deg);-o-transform:rotate(56deg);-ms-transform:rotate(56deg);}*/	
.li_2{ position:absolute; left:762px;top:149px;transform:rotate(56deg);-moz-transform:rotate(56deg);-webkit-transform:rotate(56deg);-o-transform:rotate(56deg);-ms-transform:rotate(56deg);}
.li_3{ position:absolute; left:789px;top:354px;transform:rotate(105deg);-moz-transform:rotate(105deg);-webkit-transform:rotate(105deg);-o-transform:rotate(105deg);-ms-transform:rotate(105deg);}
.li_4{ position:absolute; left:630px;top:521px;transform:rotate(150deg);-moz-transform:rotate(150deg);-webkit-transform:rotate(150deg);-o-transform:rotate(150deg);-ms-transform:rotate(150deg);}
.li_5{ position:absolute; left:412px;top:520px;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.li_6{ position:absolute; left:210px;top:523px;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.li_7{ position:absolute; left:-1px;top:400px;transform:rotate(235deg);-moz-transform:rotate(235deg);-webkit-transform:rotate(235deg);-o-transform:rotate(235deg);-ms-transform:rotate(235deg);}
.li_8{ position:absolute; left:5px;top:155px;transform:rotate(297deg);-moz-transform:rotate(297deg);-webkit-transform:rotate(297deg);-o-transform:rotate(297deg);-ms-transform:rotate(297deg);}


	
.ulcon{ position:absolute; left:245px; top:262px; width:410px; z-index:9999;}	
.ulcon li{ display:none;}	
.ulcon li.curcon{ display:block;}	
.ulcon li h3{ color:#646464; font-size:18px; font-weight:bold;}
.ulcon li h4{padding:8px 0 6px 0; line-height:20px;}
.ulcon li h4 a{ color:#646464; font-size:16px; font-weight:bold;}
.ulcon li p{ color:#646464; font-size:15px;}
.ulcon li p a{ color:#111; font-size:14px;}	
	
/**footer**/
#footer{ text-align:center; clear:both;color:#fff; padding:20px 0 10px; z-index:999; position:relative;}
.weball{ font-weight:bold; font-size:16px; padding-bottom:5px;}
#footer li{ display:inline;}
#footer li a{color:#fff;font-size:14px; text-decoration:none;}
#footer li a:hover{ text-decoration:underline;}
#footer .icp{font-size:12px; padding:4px 0 4px 0;}
.totop{ height:40px; width:40px; background:url(../images/to-top.png) no-repeat; position:fixed; right:40px; bottom:30px; cursor:pointer;}

.othersayWrap{ width:100%;height:264px; position:absolute; left:0px; bottom:0px;z-index:90;}
.othersay{ width:1300px; margin:0 auto; position:relative; height:264px;}
.othersay_left{ width:376px;height:264px; background:url(../images/leftbg.png) no-repeat; position:absolute; left:0; top:0px;}
.othersay_left .ocon{width:170px; overflow:hidden; text-align:center; position:absolute; right:11px; top:28px;}
.othersay_left .ocon h5{ margin-bottom:7px;}
.othersay_left .ocon h5 a{font-size:16px; color:#fff; font-weight:bold; text-decoration:none;text-align:center;}
.othersay_left .ocon h5 a:hover{text-decoration:underline;}
.othersay_left .ocon p{font-size:12px; color:#fff;text-align:center;}
.othersay_right{width:346px;height:264px; background:url(../images/rightbg.png) no-repeat; position:absolute; right:0; top:0px;}
.othersay_right .ocon{width:170px; overflow:hidden; text-align:center; position:absolute; left:11px; top:28px;}
.othersay_right .ocon h5{ margin-bottom:7px;}
.othersay_right .ocon h5 a{font-size:16px; color:#fff; font-weight:bold; text-decoration:none;text-align:center;}
.othersay_right .ocon h5 a:hover{text-decoration:underline;}
.othersay_right p{font-size:12px; color:#fff;text-align:center;}

@media screen and (max-width: 1300px) { 
.othersayWrap{ width:100%;height:264px; position:static;}
.othersay{ width:900px; margin:0 auto; position:relative; height:264px;}
#footer{ padding:0px 0 10px;}
}