a:focus{outline:none;}

.part{overflow:hidden;height:655px;background:url("../images_demo/domain/DNS/banner.png") no-repeat scroll center center #1c8de7;}
.part h1{margin:96px 0 0 75px;height:60px;background:url("../images_demo/domain/DNS/200_60.png") no-repeat scroll;text-indent:-9999em;}
.part .w-1200 ul{ position:relative; height:500px;}
.rocket{position:absolute;bottom:-20px;/*left:50%;margin-left:-183px;*/ margin-left:100px;z-index:8;width:367px;height:471px;background:url("../images_demo/domain/DNS/rocket.png") repeat scroll 0 0 rgba(0,0,0,0);animation-duration:.5s;animation-iteration-count:infinite;animation-name:kf-rocket}
.fire{position:absolute;top:285px;left:158px;width:29px;height:117px;background:url("../images_demo/domain/DNS/icons.png") no-repeat scroll 0 -189px rgba(0,0,0,0);animation-duration:1s;animation-iteration-count:infinite;animation-name:kf-fire}
.cloud{position:absolute;bottom:0;/*left:50%;margin-left:-401px;*/ margin-left:-80px;z-index:9;width:803px;height:127px;background:url("../images_demo/domain/DNS/cloud.png") repeat scroll 0 0 rgba(0,0,0,0)}
.star{position:absolute;top:0;left:50%;margin-left:-675px;z-index:0;width:1349px;height:503px;background:url("../images_demo/domain/DNS/star.png") repeat scroll 0 0 rgba(0,0,0,0);animation-duration:1s;animation-iteration-count:infinite;animation-name:kf-star}

.button_360{ position:absolute;top:305px; right:255px;}
.button_360 a{width:316px;height:94px;background:url("../images_demo/domain/DNS/360-button.png") repeat scroll 0 0;display:block}

.button_360 a:hover{background:url("../images_demo/domain/DNS/360-button.png") repeat scroll 0 -94px;}

@-webkit-keyframes kf-rocket {0% {bottom:-20px; } 25%{bottom:-10px; } 50%{bottom:0px; } 75%{bottom:-10px; } 100% {bottom:-20px; } } @keyframes kf-rocket {0% {bottom:-20px; } 25%{bottom:-10px; } 50%{bottom:0px; } 75%{bottom:-10px; } 100% {bottom:-20px; } }
@-webkit-keyframes kf-fire {0% {height:0px;opacity:.2; } 25%{height:50px;opacity:.5; } 50%{height:117px;opacity:1; } 75%{height:50px;opacity:.5; } 100% {height:0px;opacity:.2; } } @keyframes kf-fire {0% {height:0px;opacity:.2; } 25%{height:50px;opacity:.5; } 50%{height:117px;opacity:1; } 75%{height:50px;opacity:.5; } 100% {height:0px;opacity:.2; } }
@-webkit-keyframes kf-star {0% {opacity:1; } 25%{opacity:.6; } 50%{opacity:.3; } 75%{opacity:.6; } 100% {opacity:1; } } @keyframes kf-star {0% {opacity:1; } 25%{opacity:.6; } 50%{opacity:.3; } 75%{opacity:.6; } 100% {opacity:1; } }

.part2{background:#1883d9; color:#FFF; font-size:24px; padding:20px 0;}
.part2 p{color:#FFF; font-size:24px; text-align:center;line-height:70px;}
.part2 p span{ color:#fee857;}


.dns_contrast table tr td{ padding:20px 45px; text-align:center; color:#87959d; line-height:24px;}
.dns_contrast table tr td span{background:#efefef; display:block; padding:10px 20px;}



.list_td{overflow:hidden}
.list_td li{float:left;text-align:center;width:33.33%}
.list_td .list1 div{background:none repeat scroll 0 0 #54adf8}
.list_td .list2 div{background:none repeat scroll 0 0 #07cf61}
.list_td .list3 div{background:none repeat scroll 0 0 #fd9733}
.list_td p{color:#fff;font-size:24px;height:90px;padding:10px 30px 20px;text-align:center;}

.s-title {color: #4b565c;font-size: 42px;}
.screen-line{margin:auto;width:1200px;border-top:solid 1px #d5dfe7;}
.screen{overflow:hidden;margin:auto;width:1200px;min-height:100px;}
.screen-title-line{padding:30px 0 0 0;border-top:solid 1px #d5dfe7;}
.screen .screen-description p{color:#87959d;font-size:14px;line-height:24px;}
.screen .left-block,.screen .right-block{float:left;}
.screen .s3-left{width:660px;}
.screen .s3-right{padding-left:68px;width:472px;}
.screen .s3-left .image{position:relative;margin-top:85px;margin-left:-15px;width:640px;height:361px;background:url(../images_demo/domain/DNS/dns_pc.png) no-repeat;font-size:0;}
.screen .s3-right .s3-title{padding:100px 0 0 0;}
.screen .s3-right .s3-title-line{margin-top:95px;width:368px;}
.screen .s3-right .s3-icon{position:absolute;overflow:hidden;padding-top:62px;}
.screen .s3-right .s3-icon .list,.screen .s3-right .s3-icon .list .icon{float:left;}
.screen .s3-right .s3-icon .list .icon{margin-right:40px;background:url(screen-3/bg-gray.png) no-repeat 0 0;font-size:0;}
.screen .s3-right .s3-icon .list .icon:hover{background:url(screen-3/bg-green.png) no-repeat 0 0;}
.screen .s3-right .s3-icon .second{padding-top:25px;}
.screen .s4-left{width:650px;}
.screen .s4-left .s4-image{position:relative;padding:72px 0 10px;}
.s4-title-line,.s5-title-line{margin-top:30px;width:355px;}
.screen .s4-right .s4-list .s4-item{overflow:hidden;}
.screen .s4-right .s4-list .item-not-first{margin:30px 0 0 0;}
.screen .s4-right .s4-list .s4-item .s4-desc{float:left;padding:5px 0 0 28px;}
.screen .s4-right .s4-list .s4-item .s4-desc .s4-lib-name{padding:3px 0 0 0;color:#48637b;font-size:18px;}
.screen .s4-right .s4-list .s4-item .s4-desc .s4-lib-desc{padding:3px 0 0 0;color:#8698a7;font-size:12px;}
.screen .s4-right{padding:70px 0 0 0;}
.screen .s4-right .s4-image{position:relative;padding:148px 0 112px 0;}
.screen .s4-right .s4-image img,.screen .s5-left .s5-image img{position:absolute;}
.screen .s5-left{width:685px;}
.screen .s5-left .s5-image{position:relative;padding:85px 0 60px 28px;}
.screen .s5-right{padding:180px 0 0 104px;}
.screen .s5-right .s5-desc .part_p{color:#8698a7;font-size:14px;line-height:24px;}
.s6-left{padding-left:60px;}
.s6-right{padding:40px 0 0 0;}
.s6-right .s6-image{position:relative;width:580px;height:523px;}
.s6-right .s6-image img{position:absolute;}
.s6-title{padding:93px 0 0 0;padding-left:32px;}
.s6-desc{float:right;margin-left:0;}
.s6-desc .part{margin-right:0;color:#8698a7;}
.s6-title-line{margin-top:30px;margin-left:5px;width:352px;}
.screen .s6-left .s6-list .s6-item{overflow:hidden;}
.screen .s6-left .s6-list .item-not-first{margin:30px 0 0 0;}
.screen .s6-left .s6-list .s6-item .s6-desc{float:left;padding:5px 0 0 28px;}
.screen .s6-left .s6-list .s6-item .s6-desc .s6-lib-name{padding:3px 0 0 0;color:#48637b;font-size:18px;}
.screen .s6-left .s6-list .s6-item .s6-desc .s6-lib-desc{padding:3px 0 0 0;color:#8698a7;font-size:12px;}


.screen .s-icon{float:left; background:url("../images_demo/domain/DNS/screen_icon.png") no-repeat scroll; height:56px; width:56px;}
.screen .s-icon1{ background-position:0 0;}
.screen .s-icon2{ background-position:0 -56px;}
.screen .s-icon3{ background-position:0 -112px;}
.screen .s-icon4{ background-position:0 -168px;}