/* CSS Document */
* { margin: 0px; padding: 0px; }
img { border: 0; }
li { list-style: none; }
a { font-size: 12px; color: #009cff; text-decoration: none; }
body { background:url(../images/body_bg.jpg) repeat; font-size: 12px; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; color:#000;}

.containt{width:980px; overflow:hidden; margin:0 auto;}

.head{height:83px; background:url(../images/head_bg.png) repeat-x; overflow:hidden; z-index:1; position:fixed; left:0; top:0; width:100%;;}
.head .logo{float:left; width:300px; height:75px; background:url(../images/head_logo.jpg) no-repeat;}
.head .head_right{margin:21px 20px 0 300px; height:34px; line-height:30px; font-size:14px; font-weight:bold;}
.head .head_right ul li{float:left;}
.head .head_right ul li a{color:#000; font-size:14px; }
.head .head_right ul li a span{padding-right:15px; margin-left:15px; height:34px; display:inline-block;}
.head .head_right ul li:hover a,.head .head_right ul .active a{color:#fff; cursor:pointer; background:url(../images/menu_li.png) left 0px no-repeat;display:inline-block;}
.head .head_right ul li:hover a span,.head .head_right ul .active a span{ background:url(../images/menu_li.png) right -34px no-repeat; padding-right:15px; margin-left:15px; height:34px; display:inline-block;}
.head .head_right .back{float:right; color:#000; font-size:14px; }
/*.head .head_right a span{display:inline-block; float:right; margin:14px 0 0 4px; width:9px; height:5px; background:url(../images/icons.png) 0 0 no-repeat;}*/

.banner{height:350px; background:#3db7e6 url(../images/banner.jpg) center no-repeat; position:relative; margin-top:75px;}
	   
.main{overflow:hidden;}  
.main h1{font-size:30px; font-weight:normal; padding-bottom:10px; background:url(../images/title_line.png) bottom repeat-x;}
.main h3{font-size:18px; color:#000;font-family: Microsoft YaHei;}
.main h4{font-size:16px; font-weight:normal; line-height:30px;}
.main h5{font-size:18px; color:#000; line-height:25px; border-bottom:1px dotted #999;}
.main h6{font-size:14px; color:#333; line-height:25px;}

.main .left{width:640px; float:left; margin-right:40px;}
.main .right{width:300px; float:left;}
.main .info{margin:50px 0; overflow:hidden; background:url(../images/divide_line.png) bottom center no-repeat; margin-bottom:30px;}
.main .info .context{overflow:hidden; padding:30px 20px 30px 0; font-size:14px;}
.main .info .context .intro{ margin:0 0 40px 20px; line-height:25px;}
.main .info .context .intro p{color:#555; font-family:SimHei;}
.main .info .context .intro_box{overflow:hidden; margin-bottom:20px;}
.main .info .context .intro_box .img{width:110px; float:left;}
.main .info .context .intro_box .text{margin-left:120px; color:#555; line-height:25px; font-family:SimHei;}

.main .sidebox{margin-bottom:20px; padding:15px; background:#f6f6f6;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff' 0%, endColorstr='#eeeeee' 100%,  GradientType='0'); /* IE6、7*/ 
	   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eeeeee)); /* Saf4+, Chrome */ 
	   background: -ms-linear-gradient(#ffffff 0%, #eeeeee 100%); /*IE8*/ 
	   background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Firefox */
	   background: -o-linear-gradient(top, #ffffff, #eeeeee); /*opera*/
	   -o-box-shadow: #ccc 0 0 10px;
	   -moz-box-shadow: #ccc 0 0 10px;
       -webkit-box-shadow: #ccc 0 0 10px;
       box-shadow: #ccc 0 5px 10px;       
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000')";/* For IE 8 */      
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000'); /* For IE 5.5 - 7 */
}
.main .sidebox p{color:#333; line-height:22px;}
.main .advisory{width:260px; height:160px;}
.main .advisory h4{background:url(../images/icon_advisory.png) left center no-repeat; padding-left:35px;}
.main .advisory p{ padding:0 15px 15px 15px;}
.main .solution{width:260px; height:86px;}
.main .solution .solution_bg{ background:url(../images/down_bg.png) right center no-repeat; overflow:hidden;}
.main .solution h4{background:url(../images/icon_solution.png) left center no-repeat; padding-left:35px;}
.main .solution p{padding:10px 70px 0 15px;}
.main .article{width:260px; height:264px;}
.main .article h4{background:url(../images/icon_article.png) left center no-repeat; padding-left:35px;}
.main .article ul{ padding:10px 15px 0 15px; line-height:25px; font-size:14px;}
.main .article ul li a{ color:#006699;}

.divide_text1{background:url(../images/icons.png) 0 -35px no-repeat; width:300px; height:20px; margin:0 auto;}
.divide_text2{background:url(../images/icons.png) 0 -60px no-repeat; width:300px; height:20px; margin:0 auto;}
.divide_text3{background:url(../images/icons.png) 0 -85px no-repeat; width:300px; height:20px; margin:0 auto; margin-bottom:50px;}

.banner2_bg{background:url(../images/banner2_bg.jpg) repeat-x; height:420px; margin:50px 0;}
.banner2_bg .banner2{background:url(../images/banner2.jpg) no-repeat; width:980px; height:420px; margin:0 auto;}

.main .why{ font-size:14px; overflow:hidden; background:url(../images/divide_line.png) bottom center no-repeat; padding-bottom:50px;color:#555; line-height:25px; margin-bottom:30px;}
.main .why p{ font-family:SimHei; margin-top:10px;}
.main .why .why_intro{ margin:20px 0;}
.main .why .why_box{float:left; width:450px; overflow:hidden; margin:20px;}
.main .why .why_box .img{width:450px; height:180px;}
.main .why .why_box .img1{background:url(../images/why_img1.png) left top no-repeat; width:450px; height:168px;}
.main .why .why_box .img2{background:url(../images/why_img2.png) left top no-repeat; width:450px; height:168px;}
.main .why .why_box .img3{background:url(../images/why_img3.png) left top no-repeat; width:450px; height:168px;}
.main .why .why_box .img4{background:url(../images/why_img4.png) left top no-repeat; width:450px; height:168px;}
.main .why .why_box .img5{background:url(../images/why_img5.png) left top no-repeat; width:450px; height:168px;}
.main .why .why_box .img6{background:url(../images/why_img6.png) left top no-repeat; width:450px; height:168px;}
.main .why .why_box .img7{background:url(../images/why_img7.png) left top no-repeat; width:450px; height:168px;}

.main .how{ overflow:hidden; background:url(../images/divide_line.png) bottom center no-repeat; padding-bottom:50px;  margin-bottom:30px;}
.main .how .img{background:url(../images/how_img.png) no-repeat; width:640px; height:168px; margin-top:20px;}
.main .how .context{overflow:hidden; padding:20px; font-size:14px;color:#555;line-height:25px;}
.main .how .context p{ font-family:SimHei;}
.main .how .context p strong{font-size:36px; color:#333;}
.main .how .pro_elink,.main .how .pro_kloud,.main .how .pro_cpweb{width:260px; height:60px; margin-top:20px; margin-bottom:0; font-family:SimHei;}
.main .how .pro_elink img,.main .how .pro_kloud img,.main .how .pro_cpweb img{float:left; width:60px; height:60px;}
.main .how .pro_elink .text,.main .how .pro_kloud .text,.main .how .pro_cpweb .text{margin-left:75px;}
.main .how .pro_elink p,.main .how .pro_kloud p,.main .how .pro_cpweb p{line-height:18px; color:#666;}

.footer { overflow: hidden; background:#e3e4e8; border-top:1px solid #fff; height:39px; color:#666; text-align:center; padding:15px 0; line-height:25px;}
.footer .footer_menu { line-height: 25px; overflow: hidden; padding-bottom: 20px; }
.footer .footer_menu li { float: left; }
.footer .footer_menu li a { color: #0066cc; }
.footer .footer_menu li h3 { line-height: 30px; }
.footer .footer_menu li span { border-top: 1px solid #dfdfdf; display: block; border-bottom: 1px solid #fbfbfb; }
.footer .footer_menu li ul { float: left; width: 165px; }
.footer .footer_menu li ul li { float: none; }
.footer .footer_menu .server_logo { text-align: center; }
.footer .footer_menu .server_logo span { margin-top: 30px; }
.footer .footer_menu .server_logo a {width:196px; border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; display: block; margin: 10px 75px 0 25px; }
.footer .footer_menu .server_logo a h4 { color: #e18600; }
.footer .bottom_line { border-top: 1px solid #dfdfdf; display: block; border-bottom: 1px solid #fbfbfb; }
.footer_links { text-align: center; line-height: 25px; padding: 20px 0; background: #2d2d2d; color: #bbb; }
.footer_links a { color: #bbb; }