@charset "utf-8";
@font-face {
  font-family: 'HanHei-SC';
  font-style: normal;
  src: url(../fonts/hanhei-sc-thin.woff) format("woff");
}
@font-face{
font-family:'bebasregular';
src:url(../fonts/bebas-webfont.woff2)format('woff2'),
	url(../fonts/bebas-webfont.woff) format('woff');
font-style:normal;
font-weight:normal
}
@font-face {font-family: "iconfont";
	src: url('../fonts/iconfont.eot'); /* IE9*/
	src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
	url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
*{padding:0px; margin:0px}
body{color:#000; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; }
a{color:#000; text-decoration: none}
a:focus{outline:none;} 
a:hover{color:#059fff; text-decoration:none;}
ul li{list-style: none;  margin: 0px;}  
.clear:after{content:''; display:block; clear:both;}
.clear{clear:both;}
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
/*效果*/

/*=========================顶部================================*/
.bannerbg{width:100%; margin:0px auto;}
.bannerbg_index{height:620px; position:relative;}
.cxhl_logo{width:100%; height:100px; margin:0px auto;border-bottom: 1px solid rgba(255, 255, 255, 0.3); position:relative; z-index:80;}
.bannerlogo{ margin:0px auto;}
.bannerlogo .logo{float:left;}
.bannerlogo .logo img{padding-top:10px}
.bannerlogo ul li{text-align:center; float:left; padding: 0px;line-height:80px; color:#FFFFFF; font-size:18px; padding:0px 20px}
.bannerlogo ul li a{height:100%; display:block; color: #FFFFFF; position:relative;}
.bannerlogo ul li a:after{content: ""; display: block; margin:-1px 0 0; width:0px; height: 3px; background:#059fff; transition: 0.2s all linear;}
.bannerlogo ul li a:hover,.bannerlogo ul li.active a{color:#059fff;}
.bannerlogo ul li a:hover:after,.bannerlogo ul li.active a:after{width:100%;} 
.bannerlogo .nav{float:right;margin-top: 10px;}
/*banner图片切换样式*/
.banner{width:100%; height:620px;  position: absolute; left:0px; top:0px;}
.banner ul li{width:100%; height:100%; overflow:hidden;  position:absolute; left:0px; top:0px; float:left;}
.banner ul li a{height:100%; display:block;}
.banner ul li .ban{ height:100%; margin:0 auto; position:relative;}
.banner ul li .banA{color:#fff; position:absolute;z-index:90;}
.banner ul li .banA h2{font-size:46px; font-weight:normal;}
.banner ul li .banA p{text-size:20px; line-height: 32px; margin: 15px 0 0;}
.banner ul li .banA span{width: 198px; height: 38px;  line-height: 38px; font-size: 16px;  text-align: center; border: 1px solid #fff; cursor: pointer; display: block;  margin: 75px 0 0;}
.banner ul li .banA span:hover{background:#059fff; border-color:#059fff;}    
.banner ul li .banB{position:absolute; z-index:90;}
.banner ul .li1 .banA{left:0px; top:260px;}
.banner ul .li2 .banA{left:0px; bottom:-150%;}
.banner ul .li2 .banB{right: -150%; top: 130px;}
.banner ul .li3 .banA{left:-150%; top:200px;}
.banner ul .li3 .banB{right: -25px; top: 100px; opacity:0;}
.banner ul .li4 .banA{left:0px; top:-150%;}
.banner ul .li4 .banB{right: 0; bottom: -150%;}
.banner .hd{width:100%; height:14px; text-align:center; position:absolute; bottom:80px; z-index:1000;}
.banner .hd span{width:30px; height:4px; display: inline-block; margin:0px 3px; text-indent:-999px; cursor: pointer;  background-color: rgba(255, 255, 255, 0.5);  overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.banner .hd .on{background-color: #fff;}

.cloud-product-title {
	margin-top: 26px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 32px;
    color: #333;
}
.cloud-product-title span {
    color: #059fff;
}
.cloud-product-explain {
    margin-top: 26px;
    margin-bottom: 0px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    color: #999;
}