@import url("top.css");
b{
    font-weight: normal;
    font-family: "SourceHanSans-Medium";
}
h1{
    font-weight: normal;
    font-family: "SourceHanSans-Medium";
}
/*安全防护首页*/
#index{
    background-color: #fff;
}
#index .banner{
	height: 442px;	
	background: url(../images/security/banner.png) center no-repeat;
	background-color:#219589;
}
#index .banner a {
	width: 1200px;
	height: 442px;
	display: block;
	margin: auto;
}
#index .banner a span{
	color:#F3F3F3;
	display:block;
	font-size:20px;
	padding-left:715px;
	padding-top:255px;
	}
#index .security{
    padding-top: 80px;
    overflow: hidden;
}
#index .security .title{
    width: 1200px;
    margin: auto;
    font-size: 24px;
    color: #444;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}
#index .security .title p{
    float: left;
    width: 300px;
    font-family: "SourceHanSans-Medium";
}
#index .security .title  p span{
    display: block;
    color: #adadad;
    font-size: 14px;
}
#index .security .title a{
    display:block;
    float: right;
    width: 200px;
    padding-right: 100px;;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: right;
    color: #666;
    font-family: "SourceHanSans-Medium";
}
#index .security .title a:hover{
    color: #1b9f90;
}
#index .security .item{
    color: #848282;
    font-size: 14px;
    overflow: hidden;
    line-height: 30px;
}
#index .security .line{
    border-top: 1px solid #f5f5f5;
}
#index .security .item:hover{
    background-color: #eee;
}

#index .security .item .itemC{
    width: 1200px;
    margin: auto;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}
#index .security .item .itemC .left{
    float: left;
    width: 800px;
    padding-left: 180px;
    height: 120px;
    text-align: left;
}
#index .security .item .itemC .left a{
    display: block;
    font-size: 18px;
    font-family: "SourceHanSans-Medium";
    color: #444;
    margin-top: 10px;
    width: 300px;
}
#index .security .item .itemC .left a.gaoji{
    color: coral;
}
#index .security .item .itemC .left a:hover{
    color:#15a192;
}
#index .security .item .itemC .right{
    width: 200px;
    float: left;
    padding-top: 20px;
}
#index .security .item .itemC .right span{
    font-size: 24px;
    color:#15a192;
    margin-right: 5px;
    margin-left: 2px;
}
#index .security .item .itemC .right a{
    display: inline-block;
    width: 108px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    background:#15a192;
    color: #fff;
    text-align: center;
    padding: 0;
    margin-top: 10px;
}
#index .security .item .daiwei{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 20px 0px;
}
#index .security .item .itemC .right a:hover{
    background: #4bd4c2;
}
#index .security .item .gaoji{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 20px -200px;
}
#index .security .item .quanmian{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 20px -400px;
}
#index .ValueAdded{
    padding-top: 80px;
    background-color: #F7F8FA;
    overflow: hidden;
}
#index .ValueAdded .title{
    width: 1200px;
    margin: auto;
    font-size: 24px;
    color: #444;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: "SourceHanSans-Medium";
}
#index .ValueAdded .title span{
    display: block;
    color: #adadad;
    font-size: 14px;
}
#index .ValueAdded .item{
    color: #848282;
    font-size: 14px;    
    line-height: 30px;
    overflow: hidden;
}
#index .ValueAdded .line{
    border-bottom: 1px solid #eee;
}
#index .ValueAdded .item .itemC{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}
#index .ValueAdded .item .itemC .name{
    padding-top: 85px;
    float: left;
    display: block;
    font-size: 18px;
    color: #666;
    font-family: "SourceHanSans-Medium";
    padding-left: 30px;
    width: 220px;
}
#index .ValueAdded .item .itemC .name:hover{
   color:#15a192;
}

#index .ValueAdded .item .itemC .left{
    float: left;
    width: 700px;
    color: #666;
    padding-top: 30px;
}
#index .ValueAdded .item .itemC .left p{
    color: #666;
}
#index .ValueAdded .item .itemC .left p span{
    font-size: 24px;
    color:#15a192;
    margin-right: 5px;
}

#index .ValueAdded .item .itemC .right{
    width: 200px;
    float: left;
    padding-top: 50px;
}

#index .ValueAdded .item .itemC .right a{
    display: inline-block;
    width: 108px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    background:#15a192;
    color: #fff;
    text-align: center;
    padding: 0;
    margin-top: 10px;
}
#index .ValueAdded .item .itemC .right a:hover{
    background: #4bd4c2;
}

#index .ValueAdded .item .itemC .ssl{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 24px -595px;
}
#index .ValueAdded .item:hover .itemC .ssl{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 24px -1195px;
}
#index .ValueAdded .item .itemC .guzhang{
    padding-top:95px;
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 25px -795px;
}
#index .ValueAdded .item:hover .itemC .guzhang{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 25px -1395px;
}
#index .ValueAdded .item .itemC .zhenggai{
    padding-top:95px;
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 27px -995px;
}
#index .ValueAdded .item:hover .itemC .zhenggai{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 27px -1595px;
}
#index .ValueAdded .item:hover{
    background-color: #eee;
}


#index .Advantage{
    padding-top: 80px;
    padding-bottom: 20px;
    overflow: hidden;
    background-color: #F7F8FA;
    background-color: #fff;
}
#index .Advantage .title{
    width: 1200px;
    margin: auto;
    font-size: 24px;
    color: #444;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: "SourceHanSans-Medium";
}
#index .Advantage .title span{
    display: block;
    color: #adadad;
    font-size: 14px;
}
#index .Advantage .content{
    width: 1200px;
    margin: auto;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}
#index .Advantage .content .item{
    width: 220px;
    margin: 50px;
    float: left;
    overflow: hidden;
    color: #3f3e3e;
    font-size: 16px;
    font-family: "SourceHanSans-Medium";
    padding-left: 80px; 
    line-height: 22px;
}
#index .Advantage .content .end{
    margin-right: 0;
}
#index .Advantage .content .item span{
    font-size: 14px;
    color:#999898;
    font-family: "SourceHanSans-Regular";
    display: block;
}
#index .Advantage .content .ico1{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 0px -1797px;
}
#index .Advantage .content .ico2{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 0px -1997px;
}
#index .Advantage .content .ico3{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 0px -2197px;
}
#index .Advantage .content .ico4{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 0px -2397px;
}
#index .Advantage .content .ico5{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 0px -2597px;
}
#index .Advantage .content .ico6{
    background-image: url(../images/security/security.png);
    background-repeat: no-repeat;
    background-position: 0px -2797px;
}

/*基础安全防护*/
#basis{
    background-color: #fff;
    font-size: 16px;
}
#basis .banner{
	height: 442px;	
	background: url(../images/security/banner_basis.png) center no-repeat;
	background-color:#139C8E;
}
#basis .banner .c {
	width: 1200px;
    margin: auto;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
}
#basis .banner .c .title{
    font-size: 28px;
    margin-top: 115px;
    font-family: "SourceHanSans-Medium";
    line-height: 50px;
}
#basis .banner .c .content{
    margin-top: 20px;
}
#basis .banner .c .buy{
    margin-top: 30px;
    font-size: 18px;
}
#basis .banner .buy a{
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    background:#13B4A4;
    color: #eee;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    letter-spacing: 2px;
    border:1px solid #fff;
}
#basis .banner .buy a:hover{
    background:#eee;
    color: #128174;
}
#basis .banner .c .buy span{
    font-family: "SourceHanSans-Medium";
    margin-right: 5px;
}
#basis .principle{
    width: 1200px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    line-height: 25px;
}
#basis .principle .title{
    padding: 60px;
    color:#444;
    margin-bottom: 30px;
    font-size: 14px;
}
#basis .principle .title span{
    display: block;
    font-size: 28px;
    color: #333;
    line-height: 50px;
}
#basis .principle .title p{
    color:#444;
}
#basis .principle .item{
    float: left;
    text-align: left;
    width: 420px;
    height: 340px;
    overflow:hidden;
    margin-left: 100px;
    margin-bottom: 10px;
}
#basis .principle .right{
    margin-left: 200px
}
#basis .principle .item .name{
    color: #333;
    font-size: 16px;
    font-family: "SourceHanSans-Medium";
    height: 40px;
    line-height: 40px;
    background: url(../images/security/principle_icon.png) no-repeat;
    background-position: 0 2px;
    margin-top: 50px;
}
#basis .principle .item .name span{
    margin-left: 14px;
    color: #fff;
    margin-right: 20px;
}
#basis .principle .item .content{
    color: #333;
    font-size: 14px;
    padding-top: 20px;
    line-height: 30px;
}
#basis .principle .item .name2{
    text-align: right;
    color: #333;
    font-size: 16px;
    font-family: "SourceHanSans-Medium";
    height: 40px;
    line-height: 40px;
    background: url(../images/security/principle_icon.png) no-repeat;
    background-position: 308px 2px;
    margin-top: 30px;
}
#basis .principle .item .name2 span{
    margin-left: 14px;
    color: #fff;
    margin-right: 20px;
}
#basis .principle .item img.principle2{
    margin-top: 60px;
}
#basis .principle .item .name3{
    color: #333;
    font-size: 16px;
    font-family: "SourceHanSans-Medium";
    height: 40px;
    line-height: 40px;
    background: url(../images/security/principle_icon.png) no-repeat;
    background-position: 0 2px;
    margin-top: 10px;
}
#basis .principle .item .name3 span{
    margin-left: 14px;
    color: #fff;
    margin-right: 20px;
}

#basis .Features{
    background: url(../images/security/basis_Features_Bg.png) center no-repeat;
    text-align: center;
    font-size: 16px;
    color: #fff;
    height: 725px;
    overflow: hidden;
    background-color: #46CCB7;
}
#basis .Features .title{
    width: 1200px;
    margin: auto;
    padding-top: 70px;
}
#basis .Features .title span{
    display: block;
    font-size: 28px;
    color: #fff;
    line-height: 50px;
}
#basis .Features .content{
    width: 1090px;
    margin: auto;
    overflow: hidden;
    margin-top: 50px;
}
#basis .Features .left{
    float: left;
    width: 430px;
}
#basis .Features .left .name{
    height:60px;
    line-height: 60px;
    font-family: "SourceHanSans-Medium";
    background: url(../images/security/basis_title_icon1.png) no-repeat;
    background-position: 90px 0px;
}
#basis .Features .left .c1{
    margin-top: 30px;
    width: 430px;
    height: 172px;
    background: url(../images/security/basis_left_icon.png)  no-repeat;
    background-position: 25px 18px;
    border: 2px solid #fff;
    text-align: left;
    overflow: hidden;
}
#basis .Features .left .c1 span{
    display: block;
    float: left;
    width:100px;
    margin-top: 23px;
    margin-bottom: 9px;
    padding-left: 65px;
    overflow: hidden;
}
#basis .Features .left .c1 span.r{
    margin-left: 70px;
}
#basis .Features .left .c2{
    margin-top: 20px;
    width: 430px;
    height: 116px;
    padding-top: 50px;
    background: url(../images/security/basis_icon2.png)  no-repeat;
    background-position: 55px 18px;
    border: 2px solid #fff;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    
}
#basis .Features .left .c2 .t{
    padding-top: 10px;
}
#basis .Features .left .c2 .t span{
    margin-left: 33px;
}
#basis .Features .left .c2 .t span.t2{
    margin-left: 45px;
}
#basis .Features .left .c2 .t span.t3{
    margin-left: 50px;
}
#basis .Features .left .c2 .c{
    margin-top: 20px;
    padding-left: 30px;
}
#basis .Features .left .c2 .c span{
    display: block;
    margin-bottom: 10px;
    font-family: "SourceHanSans-Medium";
}
#basis .Features .right{
    float: left;
    width: 630px;
    margin-left: 20px;
}
#basis .Features .right .name{
    height:60px;
    line-height: 60px;
    font-family: "SourceHanSans-Medium";
    background: url(../images/security/basis_title_icon2.png) no-repeat;
    background-position: 190px 0px;
}
#basis .Features .right .c1{
    margin-top: 30px;
    width: 630px;
    height: 362px;
    background: url(../images/security/basis_right_icon.png)  no-repeat;
    background-position:75px 20px;
    border: 2px solid #fff;
    text-align: left;
    overflow: hidden;
}
#basis .Features .right .c1 span{
    display: block;
    float: left;
    width: 170px;
    line-height: 30px;
    height: 30px;
    margin-left: 120px;
    margin-top: 22px; 
}
#basis .Features .right .c1 span.l2{
    margin-top: 44px;
}
/*独家特色*/
#basis .Exclusive{
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}
#basis .Exclusive .title{
    width: 1200px;
    margin: auto;
    padding-top: 70px;
    color: #444;
}
#basis .Exclusive .title span{
    display: block;
    font-size: 28px;
    color: #333;
    line-height: 50px;
}
#basis .Exclusive .content{
    height: 500px;
    width: 1200px;
    margin: auto;
    text-align: left;
    background: url(../images/security/Exclusive.png)  no-repeat;
    background-position:600px 80px;
    overflow: hidden;
}
#basis .Exclusive .content span{
    display: block;
    font-size: 18px;
    color: #333;
    font-family: "SourceHanSans-Medium";
    height: 60px;
    line-height: 60px;
    background: url(../images/security/basis_Exclusive_ico.png)  no-repeat;
    background-position:80px 0px;
    padding-left: 160px;
    margin-top: 140px;
}
#basis .Exclusive .content p{
    width: 420px;
    font-size: 14px;
    line-height: 35px;
    padding-left: 80px;
    color:#444;
}
#basis .How{
    height: 600px;
    text-align: center;
    background: url(../images/security/basis_how_bg.png)  repeat;
    overflow: hidden;
}
#basis .How .title{
    width: 1200px;
    margin: auto;
    padding-top: 70px;
    color: #fff;
    font-size: 16px;
}
#basis .How .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    padding-bottom: 5px;
}
#basis .How .content{
    width: 1200px;
    margin: auto;
    overflow: hidden;
    padding-top: 80px;
}
#basis .How .content .item{
    width:300px;
    height: 300px;
    float: left;
    background: url(../images/security/basis_how_icon.png) center  no-repeat;
    overflow: hidden;
    margin-left: 45px;
    margin-right: 45px;
}
#basis .How .content .item:hover{
    background: url(../images/security/basis_how_icon_hover.png) center  no-repeat;
}
#basis .How .content .item span{
    display: block;
    color:#01ae80;
    font-size: 24px;
    margin-top: 60px;
    font-style:italic;
}
#basis .How .content .item a{
    display: block;
    color:#01ae80;
    font-size: 16px;
    font-family: "SourceHanSans-Medium";
    height: 50px;
    line-height: 50px;
}
#basis .How .content .item:hover a{
    color: #000;
}
#basis .How .content .item a:hover{
    color: blue;
}
#basis .How .content .item p{
    width: 180px;
    margin: auto;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

#basis .buystep{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 50px;
    color: #444;
    background-color: #fff;
    overflow: hidden;
    display: none;
}
#basis .buystep .title{
    width: 1200px;
    margin: auto;
}
#basis .buystep .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#basis .buystep .content{
    width: 950px;
    margin: auto;
    padding-top: 50px;
    overflow: hidden;
    padding-left: 30x;
    font-family: "SourceHanSans-Medium";
}
#basis .buystep .content div{
    float: left;
    height: 30px;
    padding-top: 80px;
    width: 180px;
    text-align: center;
    overflow: hidden;
}
#basis .buystep .content div a{
    color: #16AA9A;
}
#basis .buystep .content div a:hover{
    color:#444;
}
#basis .buystep .content p{
    float: left;
    height: 120px;
    width: 70px;
    background: url(../images/security/jiantou.png) no-repeat;
    background-position: 5px 30px;
    overflow: hidden;
}
#basis .buystep .content .s1{
    background: url(../images/security/step1.png) no-repeat;
    background-position: 75px 15px;
}
#basis .buystep .content .s2{
    background: url(../images/security/step2.png) no-repeat;
    background-position: 65px 15px;
}
#basis .buystep .content .s3{
    background: url(../images/security/step3.png) no-repeat;
    background-position: 75px 20px;
}
#basis .buystep .content .s4{
    background: url(../images/security/step4.png) no-repeat;
    background-position: 75px 15px;
}
#basis .buystep .content .s5{
    background: url(../images/security/step5.png) no-repeat;
    background-position: 75px 15px;
}

#basis .Help{
    text-align: center;
    overflow: hidden;
    background: #fff;
}
#basis .Help .title{
    width: 1200px;
    margin: auto;
    padding-top: 70px;
    color: #444;
}
#basis .Help .title span{
    display: block;
    font-size: 28px;
    color: #333;
    line-height: 50px;
}
#basis .Help .content{
    width: 1200px;
    margin: auto;
    text-align: left;
    margin-top: 50px;
    padding-bottom: 100px;
    overflow: hidden;
}
#basis .Help .content a{
    display: block;
    float: left;
    width: 225px;
    padding-left: 23px;
    margin-left: 50px;
    color: #444;
    height: 50px;
    line-height: 50px;
    background: url(../images/security/help_icon.png) no-repeat;
    background-position: 0 19px;
    overflow: hidden;
}
#basis .Help .content a:hover{
    color:#01ae80;
}

/*SSL证书*/
#ssl{
    background: #ECECEC;
    font-size: 16px;
}
#ssl .banner{
	height: 442px;	
	background: url(../images/security/ssl/banner.jpg) center no-repeat;
    background-color:#17B1A0;
    overflow: hidden;
}
#ssl .banner .title{
    width: 1200px;
    margin: auto;
    padding-top: 115px;
    font-family: "SourceHanSans-Medium";
    font-size: 28px;
    line-height: 50px;
    color: #fff;
}
#ssl .banner .content{
    width: 1200px;
    margin: auto;
    margin-top: 20px;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}
#ssl .banner .buy{
    width: 1200px;
    margin: auto;
    margin-top: 30px;
    font-size: 18px;
    color: #fff;
}
#ssl .banner .buy a{
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    background:#13B4A4;
    color: #eee;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    letter-spacing: 2px;
    border:1px solid #fff;
}
#ssl .banner .buy a:hover{
    background:#eee;
    color: #128174;
}
#ssl .banner .buy span{
    font-family: "SourceHanSans-Medium";
    margin-right: 5px;
}
#ssl .product{
    text-align: center;
    color: #444;    
    background-color: #FCFCFC;
    padding-top: 70px;
    padding-bottom: 100px;
    overflow: hidden;
}
#ssl .product .title{
    width: 1200px;
    margin: auto;
}
#ssl .product .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ssl .product .content{
    width: 1200px;
    margin: auto;
    margin-top: 50px;
}
#ssl .product .content table{
    width: 1200px;
    border: 1px solid #e0e0e0;
    border-collapse:collapse;
    border-spacing:0;
    border-top: 0;
    border-left: 0;
}
#ssl .product .content table tr{
    background-color: #fff;
}
#ssl .product .content table tr:hover{
    background-color: #F8F8F8;
}
#ssl .product .content table tr.title{
    background-color: #F8F8F8;
}
#ssl .product .content table td{
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #333;
}
#ssl .product .content table td a{
    display: block;
    height:50px;
}
#ssl .product .content table td a img{
    margin-top: 14px;
}
#ssl .product .content table td.l{
    text-align: left;
    padding-left: 10px;
}
#ssl .product .content table td.type{
    background-color: #fff;
}
#ssl .product .content table td.price{
    color: #11a38d;
}
#ssl .product .content table tr:hover td.l{
    font-family: "SourceHanSans-Medium";
}
#ssl .product .content table tr:hover td.price{
    font-family: "SourceHanSans-Medium";
}
#ssl .product .content table th{
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    font-weight: normal;
    color: #000;
}
#ssl .product .content .about{
    text-align: left;
    padding-top: 10px;
    line-height: 30px;
    color: #666;
}
#ssl .how{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
    background-color:#33CABA;
    color: #fff;
}
#ssl .how .title{
    width: 1200px;
    margin: auto;
}
#ssl .how .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
}
#ssl .how .title p{
    line-height: 35px;
}
#ssl .how .content{
    width: 1200px;
    margin: auto;
    margin-top: 50px;
    overflow: hidden;
}
#ssl .how .content .item{
    float: left;
    width: 340px;
    height: 421px;
    background: url(../images/security/ssl/how_bg.png) center no-repeat;
    margin-left: 30px;
    margin-right: 29px;
    overflow: hidden;
    color: #666;
}
#ssl .how .content .item .name{
    font-size: 18px;
    color: #333;
    font-family: "SourceHanSans-Medium";
    line-height: 35px;
    padding-top: 120px;
}
#ssl .how .content .item .dv{
    background: url(../images/security/ssl/dv_icon.png) no-repeat;
    background-position: 138px 30px;
}
#ssl .how .content .item .ov{
    background: url(../images/security/ssl/ov_icon.png) no-repeat;
    background-position: 145px 30px;
}
#ssl .how .content .item .ev{
    background: url(../images/security/ssl/ev_icon.png) no-repeat;
    background-position: 145px 30px;
}
#ssl .how .content .item .safe{
    line-height: 80px;
    height: 80px;
    font-family: "SourceHanSans-Medium";
    font-size: 16px;
    color: #1b9f90;
}
#ssl .how .content .item .safe img{
    vertical-align:middle;
}
#ssl .how .content .item .c{
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
#ssl .ca{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
    background-color:#fff;
    color: #444;
}
#ssl .ca .title{
    width: 1200px;
    margin: auto;
}
#ssl .ca .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ssl .ca .title p{
    line-height: 30px;
    color: #666;
}
#ssl .ca .content{
    width: 1200px;
    margin: auto;
	text-align:center;
    overflow: hidden;
}
#ssl .ca .content .item{
	display:inline-block;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 50px;
    width: 250px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}
#ssl .ca .content .item img{
    margin-bottom: 30px;
}

#ssl .buystep{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #444;
    background-color: #f5f5f5;
    overflow: hidden;
}
#ssl .buystep .title{
    width: 1200px;
    margin: auto;
}
#ssl .buystep .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ssl .buystep .content{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
    overflow: hidden;
    padding-left: 30x;
}
#ssl .buystep .content div{
    float: left;
    height: 30px;
    padding-top: 90px;
    width: 180px;
    text-align: center;
    overflow: hidden;
    color: rgb(47, 184, 168);
    font-family: "SourceHanSans-Medium";
}
#ssl .buystep .content p{
    float: left;
    height: 120px;
    width: 70px;
    background: url(../images/security/ssl/jiantou.png) no-repeat;
    background-position: 5px 30px;
    overflow: hidden;
}
#ssl .buystep .content .s1{
    background: url(../images/security/ssl/step1.png) no-repeat;
    background-position: 60px 10px;
}
#ssl .buystep .content .s2{
    background: url(../images/security/ssl/step2.png) no-repeat;
    background-position: 55px 0px;
}
#ssl .buystep .content .s3{
    background: url(../images/security/ssl/step3.png) no-repeat;
    background-position: 70px 5px;
}
#ssl .buystep .content .s4{
    background: url(../images/security/ssl/step4.png) no-repeat;
    background-position: 65px 10px;
}
#ssl .buystep .content .s5{
    background: url(../images/security/ssl/step5.png) no-repeat;
    background-position: 65px 5px;
}
#ssl .Features{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 80px;
    background-color:#fff;
    color: #444;
}
#ssl .Features .title{
    width: 1200px;
    margin: auto;
}
#ssl .Features .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ssl .Features .content{
    width: 903px;
    margin: auto;
    overflow: hidden;
    padding-top: 50px;
}
#ssl .Features .content div{
    float: left;
    width: 268px;
    height: 128px;
    padding: 6px;
    margin:10px;
    overflow: hidden;
    background-color: #33CABA;
    
}
#ssl .Features .content div p{
    border: 1px solid #fcfcfc;
    height: 126px;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    line-height: 25px;
    font-size: 14px;
}
#ssl .Features .content div p span{
    display: block;
    margin: auto;
    width: 70px;
    line-height: 25px;
    font-family: "SourceHanSans-Medium";
    font-size: 16px;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 20px;
}
#ssl .Features .content div p:hover{
    background-color: rgb(76, 235, 216);
    color: #555;
}
#ssl .Features .content div p:hover span{
    border-bottom: 2px solid #555;
}

#ssl .help{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #444;
    background-color: #f5f5f5;
    overflow: hidden;
}
#ssl .help .title{
    width: 1200px;
    margin: auto;
}
#ssl .help .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ssl .help .content{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
    overflow: hidden;
    text-align: left;
}
#ssl .help .content a{
    display: block;
    float: left;
    width: 225px;
    padding-left: 23px;
    margin-left: 50px;
    color: #444;
    height: 50px;
    line-height: 50px;
    background: url(../images/security/help_icon.png) no-repeat;
    background-position: 0 19px;
    overflow: hidden;
}
#ssl .help .content a:hover{
    color:#01ae80;
}

/*DDOS攻击防护*/
#ddos{
    background: #FFF;
    font-size: 16px;
}
#ddos .banner{
	height: 442px;
    background-color:#20B6A6;
    overflow: hidden;
}
#ddos .banner .c{
    width: 1200px;
    margin: auto;
    background: url(../images/security/ddos/banner.png) no-repeat;
    background-position: 750px 50px;
    height: 442px;
}
#ddos .banner .title{
    padding-top: 115px;
    font-family: "SourceHanSans-Medium";
    font-size: 28px;
    line-height: 50px;
    color: #fff;
}
#ddos .banner .content{
    width: 1200px;
    margin: auto;
    margin-top: 20px;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}
#ddos .banner .buy{
    margin-top: 30px;
    font-size: 18px;
    color: #fff;
}
#ddos .banner .buy a{
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    background:#13B4A4;
    color: #eee;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    letter-spacing: 2px;
    border:1px solid #fff;
}
#ddos .banner .buy a:hover{
    background:#eee;
    color: #128174;
}
#ddos .banner .buy span{
    font-family: "SourceHanSans-Medium";
    margin-right: 5px;
}

#ddos .product{
    text-align: center;
    color: #444;    
    background-color: #FFF;
    padding-top: 70px;
    padding-bottom: 80px;
    overflow: hidden;
}
#ddos .product .title{
    width: 1200px;
    margin: auto;
    padding-bottom: 50px;
}
#ddos .product .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ddos .product .content{
    width: 1200px;
    margin: auto;
    overflow: hidden;
    border-left: 1px solid #e5e5e5;
}
#ddos .product .content div{
    width: 170px;
    float: left;
    overflow:hidden;
    margin: 0;
    border-top: 1px solid #e5e5e5;
}
#ddos .product .content div p{
    margin: 0;
    line-height: 50px;
    height: 50px;
    border-bottom:1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    color: #1DA394
}
#ddos .product .content div p span{
    color:rgb(235, 110, 8);
    margin-right: 5px;
}
#ddos .product .content div.head p{
    color: #333;
}
#ddos .product .content div p.name{
    background-color: #f5f5f5;
    font-family: "SourceHanSans-Medium";
    color: #333;
}
#ddos .product .content div p a{
    display: block;
    height: 50px;
    background: url(../images/security/ddos/buy_icon.png) center no-repeat;
    background-color: #f5f5f5;
}
#ddos .product .content div p.buy{
    background-color: #f5f5f5;
}
#ddos .product .content div:hover{
    background-color: #fafafa;
}
#ddos .product .content div:hover p{
    font-family: "SourceHanSans-Medium";
}
#ddos .product .content div:hover.head p{
    background-color: #fff;
    font-weight: normal;
}
#ddos .product .content div:hover.head p.name{
    font-family: "SourceHanSans-Medium";
    background-color: #f5f5f5;
}
#ddos .product .content div:hover.head p.buy{
    font-weight:normal;
    background-color: #f5f5f5;
}
#ddos .product .msg{
    width: 1200px;
    margin: auto;
    padding-top: 30px;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
}
#ddos .product .msg p{
    font-family: "SourceHanSans-Medium";
    color: #666;
    padding-bottom: 10px;
}
#ddos .product .msg span{
    display: inline-block;
    margin-right:40px;
    color: #888;
}
#ddos .Features{
    text-align: center;
    color: #fff;    
    background-color: #3CC5B6;
    padding-top: 70px;
    padding-bottom: 100px;
    overflow: hidden;
}
#ddos .Features .title{
    width: 1200px;
    margin: auto;
}
#ddos .Features .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
}
#ddos .Features .content{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
#ddos .Features .content span{
    display: block;
    float: left;
    width: 300px;
    margin-left: 49px;
    margin-right: 49px;
    margin-top: 60px;
    padding-top: 100px;
}
#ddos .Features .content span.i1{
    background: url(../images/security/ddos/icon1.png) no-repeat;
    background-position: 125px 20px;
}
#ddos .Features .content span.i2{
    background: url(../images/security/ddos/icon2.png) no-repeat;
    background-position: 120px 20px;
}
#ddos .Features .content span.i3{
    background: url(../images/security/ddos/icon3.png) no-repeat;
    background-position: 125px 20px;
}
#ddos .Features .content span.i4{
    background: url(../images/security/ddos/icon4.png) no-repeat;
    background-position: 125px 20px;
}
#ddos .Features .content span.i5{
    background: url(../images/security/ddos/icon5.png) no-repeat;
    background-position: 125px 20px;
}
#ddos .Features .content span.i6{
    background: url(../images/security/ddos/icon6.png) no-repeat;
    background-position: 117px 20px;
}
#ddos .Principle{
    text-align: center;
    color: #444;    
    background-color: #fff;
    padding-top: 70px;
    overflow: hidden;
}
#ddos .Principle .title{
    width: 1200px;
    margin: auto;
}
#ddos .Principle .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ddos .Principle .content{
    width: 1100px;
    height: 460px;
    margin: auto;
    background: url(../images/security/ddos/yuanli.png) no-repeat;
    background-position: 1px 5px;
    margin-top: 50px;
    overflow: hidden;
    font-size: 14px;
}
#ddos .Principle .content div{
    float: left;
    text-align: left;
    line-height: 25px;
}
#ddos .Principle .content div.c1{
    width: 132px;
    padding-left: 43px;
    padding-top: 210px;
    font-family: "SourceHanSans-Medium";
}
#ddos .Principle .content div.c2{
    width:145px;
    padding-top: 80px;
    padding-left: 10px;
}
#ddos .Principle .content div span{
    display: inline-block;
    height: 28px;
    width: 25px;
    background: url(../images/security/ddos/dot.png) no-repeat;
    color:#fff;
    padding-left:9px;
}
#ddos .Principle .content div.c3{
    width:135px;
    padding-left: 120px;
    padding-top: 230px;
}
#ddos .Principle .content div.c4{
    width:195px;
    padding-left: 160px;
}
#ddos .Principle .content div.c4 p.c41{
    padding-top: 40px;
    height: 40px;
}
#ddos .Principle .content div.c4 p.c42{
    padding-top: 220px;
}
#ddos .Principle .content div.c5{
    width: 60px;
    padding-left: 87px;
    font-family: "SourceHanSans-Medium";
}
#ddos .Principle .content div.c5 p.c51{
    padding-top: 110px;
    height: 30px;
}
#ddos .Principle .content div.c5 p.c52{
    padding-top: 205px;
}
#ddos .Step{
    text-align: center;
    color: #ffffff;
    height: 510px;
    background: url(../images/security/ddos/stepbg.png) center no-repeat;
    background-color: #1DD3BF;
    overflow: hidden;
}
#ddos .Step .title{
    width: 1200px;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 70px;
}
#ddos .Step .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
}
#ddos .Step .content{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
#ddos .Step .content div{
    float: left;
    width: 132px;
    height: 160px;
    background: url(../images/security/ddos/step.png) center no-repeat;
    margin-left: 14px;
    margin-right: 14px;
    color:#444;
    font-size: 14px;
}
#ddos .Step .content div span{
    width:30px;
    margin: auto;
    display:block;
    color:#333;
    height: 30px;
    margin-top: 40px;
    border-bottom: 2px solid #27BDAC;
    font-family: "SourceHanSans-Medium";
    margin-bottom: 10px;
}
#ddos .Step .content p{
    float: left;
    width:70px;
    height: 160px;
    background: url(../images/security/ddos/jiantou.png) center no-repeat;
    margin-left: 15px;
    margin-right: 14px;
}

#ddos .help{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
    color: #444;
    background-color: #f5f5f5;
    overflow: hidden;
}
#ddos .help .title{
    width: 1200px;
    margin: auto;
}
#ddos .help .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#ddos .help .content{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
    overflow: hidden;
    text-align: left;
}
#ddos .help .content a{
    display: block;
    float: left;
    width: 225px;
    padding-left: 23px;
    margin-left: 50px;
    color: #444;
    height: 50px;
    line-height: 50px;
    background: url(../images/security/help_icon.png) no-repeat;
    background-position: 0 19px;
    overflow: hidden;
}
#ddos .help .content a:hover{
    color:#01ae80;
}

/*功能区别页面*/
#qubie{
    background-color: #fff;
}
#qubie .banner{
	height: 442px;	
	background: url(../images/security/banner.png) center no-repeat;
	background-color:#219589;
}
#qubie .banner a {
	width: 1200px;
	height: 442px;
	display: block;
	margin: auto;
}
#qubie .banner a span{
	color:#F3F3F3;
	display:block;
	font-size:20px;
	padding-left:715px;
	padding-top:255px;
	}
#qubie .Features{
    text-align: center;
    color: #444;    
    background-color: #FFF;
    padding-top: 70px;
    padding-bottom: 100px;
    overflow: hidden;
}
#qubie .Features .title{
    width: 1200px;
    margin: auto;
}
#qubie .Features .title span{
    display: block;
    font-size: 28px;
    line-height: 50px;
    color: #333;
}
#qubie .Features .title p{
    padding-top: 10px;
    line-height: 30px;
    font-size: 16px;
}
#qubie .Features .content{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
}
#qubie .Features table{
    width: 1200px;
    border: 0;
    border-collapse:collapse;
    border-spacing:0;
    margin: 0;
    padding: 0;
}
#qubie .Features table th{
    padding: 0;
    margin: 0;
    width: 398px;
    height: 50px;
    line-height: 50px;
    background-color: #1CA89C;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    overflow: hidden;
}

#qubie .Features table tr td{
    line-height: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    color:#333;
    text-align: center;
    background-color: #FAF9F9;
    border-right: 1px solid #fff;
    font-size: 14px;
}
#qubie .Features table td.name{
    font-family: "SourceHanSans-Medium";
    color: #333;
}
#qubie .Features table td.price{
    color: #888;
}
#qubie .Features table td.price b{
    font-family: "SourceHanSans-Medium";
    margin-right: 5px;
    color: #1CA89C;
    font-size: 16px;
}

#qubie .Features table td.title{
    background-color: #1CA89C;
    color: #fff;
    font-size: 16px;
}
#qubie .Features table td.title img{
    vertical-align: top;
    margin-top: 3px;
    margin-right:10px;
    margin-left:50px;
}
#qubie .Features table td.no{
    background-image: url(../images/security/no.png);
    background-position: center;
    background-repeat: no-repeat;
}
#qubie .Features td.yes{
    background-image: url(../images/security/yes.png);
    background-position: center;
    background-repeat: no-repeat;
}
#qubie .Features td.opt{
    background-image: url(../images/security/opt.png);
    background-position: center;
    background-repeat: no-repeat;
}
#qubie .Features table td.buy{
    height: 60px;
    line-height: 60px;
}
#qubie .Features table td.buy a{
    display: inline-block;
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    border-radius: 12px;
    background-color: #15A192;
    color: #fff;
}
#qubie .Features table td.buy a:hover{
    background-color: rgb(48, 197, 180);
}
#qubie .Features table tr.row td{
    background-color: #EFF0F2;
}
#qubie .Features table tr:hover td{
    background-color: rgb(226, 224, 220);
}
#qubie .Features table tr:hover td.title{
    background-color: #1CA89C;
}

#index .howtosafe{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}
#index .howtosafe h1{
    display: block;
    line-height: 35px;
    height: 35px;
    padding-bottom: 40px;
    font-size: 20px;
    border-bottom: 1px dotted #ddd;
}
#index .howtosafe .content{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
    text-align: left;
    color: #444;
    line-height: 30px;
}
#index .howtosafe .content div{
	padding-left:20px;
}
#index .howtosafe .content span{
	display:block;
	font-family: "SourceHanSans-Medium";
	padding-top:30px;
	margin-left:-20px;
}
#index .howtosafe .content span.s{
    font-family: "SourceHanSans-Regular";
}
#index .howtosafe .content a{
	color:#444;
    text-decoration:underline;
    margin-left: 2px;
    margin-right: 2px;
}
#index .howtosafe .content a:hover{
	color:#15A192;
}
#index .howtosafe .content p{
    padding-top: 15px;
}