﻿
.container{width: 1280px;}
.top-header,.footer{min-width: 1280px;}
.btn-default{ float: left; margin-right: 20px; color: #fff; width: 178px; text-align: center; font-size: 16px; line-height: 48px; height: 48px; border: 1px solid rgba(255,255,255,.5)}
.btn-default:hover{border: 1px solid #015bfe; color: #015bfe;}
.btn-buy{ border: 1px solid #015bfe; background: #015bfe;}
.btn-buy:hover{color: #fff !important;}
.btn-open{background: #999; border: 1px solid #999;}
.btn-open:hover{color: #fff !important;border: 1px solid #999 !important;}
.product-cloumn{text-align: center; font-size: 32px;}
.product-cloumn span{display: block;font-size: 14px; margin: 25px 0 0}


/*banner*/
.product-banner{height: 560px; min-width: 1280px;overflow: hidden}
.product-banner .main{ margin: 175px 0 0; color: #fff; overflow: hidden}
.product-banner h2{ font-size: 40px;}
.product-banner p{ font-size: 16px; line-height: 38px; margin: 24px 0 60px; overflow: hidden}
.fortress-banner{background: url("../../images/product/fortress/banner.jpg") center top #1b212d no-repeat;}
.strengthen-banner{background: url("../../images/product/strengthen/banner.jpg") center top #1b212d no-repeat;}
.emergency-banner{background: url("../../images/product/emergency/banner.jpg") center top #1b212d no-repeat;}
.firewall-banner{background: url("../../images/product/firewall/banner.jpg") center top #1b212d no-repeat;}
.firewall-banner p{margin: 24px 0 40px;}
.comptroller-banner{background: url("../../images/product/comptroller/banner.jpg") center top #1b212d no-repeat;}
.comptroller-banner p{margin: 24px 0 100px;}
.announcement-banner{background: url("../../images/product/announcement/banner.jpg") center top #1b212d no-repeat;}
.assessment-banner{background: url("../../images/product/assessment/banner.jpg") center top #1b212d no-repeat;}
.assessment-banner p{margin: 24px 0 40px;}
.permeation-banner{background: url("../../images/product/permeation/banner.jpg") center top #1b212d no-repeat;}
.scan-banner{background: url("../../images/product/scan/banner.jpg") center top #1b212d no-repeat;}
.scan-banner p{margin: 24px 0 40px;}
.ipv6-banner{background: url("../../images/product/ipv6/banner.jpg") center top #1b212d no-repeat;}
.ipv6-banner p{margin: 24px 0 35px;}
.cloud-banner{background: url("../../images/product/cloudPro/banner.jpg") center top #1b212d no-repeat;}
.cloud-banner p{margin: 24px 0 30px;}
.cloud-banner h5{clear: both; padding: 16px 0 0 20px; font-size: 14px; color: #ff9436;background: url("../../images/product/cloudPro/ico.png") left 20px no-repeat;}
.cdn-banner{background: url("../../images/product/cdn/banner.jpg") center top #1b212d no-repeat;}
.cdn-banner p{margin: 24px 0 30px;}
.safe-banner{background: url("../../images/product/safety/banner.jpg") center top #1b212d no-repeat;}
.safe-banner p{margin: 24px 0 40px; line-height: 30px;}
.sms-banner{background: url("../../images/product/sms/banner.jpg") center top #1b212d no-repeat;}
.community-banner{background: url("../../images/product/community/banner.jpg") center top #1b212d no-repeat;}
.community-banner .main{margin: 170px 0 0}
.community-banner h2{line-height: 64px}
.community-banner p{margin:15px 0 35px;}

/*导航*/
.product-nav{height:70px; background: #fff;font-size: 16px; }
.product-nav .stype{float: left;overflow: hidden}
.product-nav li{float: left; position: relative; color: #666666; line-height:70px; margin-right:90px; cursor: pointer}
.product-nav li:after{content: "";position: absolute; left: 0; bottom: 0; width: 0; height:3px;background: #015bfe;transition: 0.2s all linear;-moz-transition: 0.2s all linear;-webkit-transition: 0.2s all linear;-o-transition: 0.2s all linear;}
.product-nav li:hover{color: #015bfe;}
.product-nav li:hover:after{width: 100%;}
.product-nav .active{color: #015bfe !important;}
.product-nav .active:after{width: 100%;}
.product-nav .name{font-weight: bold; float: left; line-height: 70px; margin-right: 55px;}
.product-nav .name:after{ content: ""; float: right; width: 2px; height: 16px; background: #ddd; float: right; margin:27px 0 0 35px;}
.product-nav .btn-default{ float: right; width: 138px; height: 38px; line-height: 38px; margin: 15px 0 0;}
.product-nav .btn-default:hover{ color: #fff;}
.cloumn-blank{ display: none; height:70px;overflow: hidden;}
.nav-fixed{border-bottom: 1px solid #ddd; position: fixed; left: 0; right: 0; top: 0; z-index: 11;}

/*列表展示*/
.product-list ul{ margin: 75px 0 0 -40px;overflow: hidden}
.product-list li{ float: left; background: #fff; text-align: center; margin-left: 40px; width: 400px; overflow: hidden}
.product-list li:before{content: ""; display: block; margin:40px auto 30px; width: 65px; height: 74px; background: url("../../images/product/icons.png") no-repeat;}
.product-list li h4{ font-size: 22px; margin: 0 0 15px;}
.product-list li p{ color: #666666; line-height:28px; margin: 0 50px;}

/*文档工具*/
.product-dosc{padding:95px 0; min-width: 1280px; overflow: hidden}
.product-dosc .main{ margin: 75px 0 0 -40px;overflow: hidden}
.product-dosc .main .list{width: 288px; height:90px; position: relative; padding:28px 10px 0 100px; float: left; margin-left: 40px; border: 1px solid #ddd;background: url("../../images/product/dosc-bg.jpg") center top no-repeat;}
.product-dosc .main .list:before{content: ""; height: 60px; width: 60px; position: absolute; left: 25px; top: 30px;}
.product-dosc .main h4{ font-size: 20px; margin: 0 0 15px;}
.product-dosc .main p{ font-size: 16px; color: #666666;}
.product-dosc .item1:before{background: url("../../images/product/ico1.png") center no-repeat;}
.product-dosc .item2:before{background: url("../../images/product/ico2.png") center no-repeat;}
.product-dosc .item3:before{background: url("../../images/product/ico3.png") center no-repeat;}

/*服务流程*/
.product-process{ padding:95px 0; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.product-process ul{ margin: 75px 0 0;padding: 160px 0 0;background: url("../../images/product/process.png") center top no-repeat; overflow: hidden}
.product-process li{ float: left; width:240px; margin: 0 40px; text-align: center; line-height: 28px; color: #666666;}
.product-process h4{ font-size: 22px; margin: 0 0 5px; color: #333;}

/*表格对比*/
.balance-table{ width: 100%; margin: 75px 0 0; color: #333; text-align: center; background: #fff; border-spacing: 0;border-collapse: collapse;}
.balance-table th{height: 60px; position: relative; background: #f2f5fa; font-size: 16px; font-weight: normal}
.balance-table td{padding: 12px 0; border-bottom: 1px solid #dee3eb;}
.balance-table tbody tr:last-child td{border-bottom: none; padding: 12px 0 18px;}
.balance-table span{ width: 19px;height: 19px; display: block;margin: 0 auto;}
.balance-table .title{ background: #e9edf3; font-size: 16px;}
.balance-table .n{background: url("../../images/product/permeation/ico2.jpg") center no-repeat;}
.balance-table .y{background: url("../../images/product/has.png") center no-repeat;}
.balance-table .tb-shadow {position: absolute; left: 0; top:59px; right: 0; z-index: 1;}
.balance-table .ld{ padding-left: 32px; background: url("../../images/product/has.png") left 3px no-repeat;}
.balance-table .checked{ background: #015bfe; color: #fff;}
.balance-table .checked .tb-shadow { border: 1px solid #015bfe;}

/*栏目切换*/
.change-cloumn{ margin: 40px 0 60px;text-align: center; font-size: 22px; color: #666666; border-bottom: 1px solid #dddddd; overflow: hidden}
.change-cloumn li{display: inline-block; margin: 0 75px; padding: 0 6px; line-height:85px;cursor: pointer}
.change-cloumn li:hover{ color: #015bfe; border-bottom: 5px solid #015bfe;}
.change-cloumn .active{ color: #015bfe; border-bottom: 5px solid #015bfe;}

/*=====================================网站安全监测服务=======================================*/
.safe-part1{padding: 95px 0 60px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.safe-part1 ul{ margin: 84px 0 0 -40px;overflow: hidden}
.safe-part1 li{float: left; width: 400px; height: 250px; background: #fff; margin: 0 0 40px 40px; overflow: hidden}
.safe-part1 li h4{height: 120px; color: #fff; font-size: 22px; padding: 0 30px; line-height: 120px; background: url("../../images/product/safety/head.jpg") center top no-repeat;}
.safe-part1 li h4:after{content: ""; float: right; width: 66px; height: 75px; margin: 22px 0 0;background: url("../../images/product/icons.png") no-repeat;}
.safe-part1 li p{ line-height: 30px; padding: 10px 30px 0; color: #666; overflow: hidden}
.safe-part1 li:nth-child(4),.safe-part1 li:nth-child(5),.safe-part1 li:nth-child(6){height: 270px;}
.safe-part1 .item1 h4:after{background-position: -548px -252px;}
.safe-part1 .item2 h4:after{background-position: -469px -336px;}
.safe-part1 .item3 h4:after{background-position: -549px -336px;}
.safe-part1 .item4 h4:after{background-position: -469px -421px;}
.safe-part1 .item5 h4:after{background-position: -548px -423px;}
.safe-part1 .item6 h4:after{background-position: -470px -506px;}
.safe-part2{padding: 95px 0 0; color: #fff; height:1150px; min-width: 1280px;background: url("../../images/product/safety/bg.jpg") center top #151e2f no-repeat; overflow: hidden}
.safe-part2 li{margin-bottom: 40px; color: #333; height: 445px; border-top: 5px solid #015bfe;}
.safe-part2 li p{margin: 0 30px; text-align: justify}
.safe-part2 .item1,.safe-part2 .item5{ width: 340px;}
.safe-part2 .item2,.safe-part2 .item6{ width: 300px;}
.safe-part2 .item3,.safe-part2 .item4{width: 260px;}
.safe-part2 .item7{ width: 560px;}
.safe-part2 .item1:before{background-position: -154px -422px;}
.safe-part2 .item2:before{background-position: -471px -591px;}
.safe-part2 .item3:before{background-position: -308px -422px;}
.safe-part2 .item4:before{background-position: -549px -506px;}
.safe-part2 .item5:before{background-position: -548px -591px;}
.safe-part2 .item6:before{background-position: -470px -676px;}
.safe-part2 .item7:before{background-position: -548px -676px;}


/*=====================================CDN=======================================*/
.cdn-part1{padding: 95px 0 60px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.cdn-part1 li{ margin: 0 0 40px 40px; height: 350px;}
.cdn-part1 li p{text-align: justify; margin: 0 27px;}
.cdn-part1 .item1:before{background-position: -471px -84px;}
.cdn-part1 .item2:before{background-position: -549px -84px;}
.cdn-part1 .item3:before{background-position: -386px -508px;}
.cdn-part1 .item4:before{background-position: -471px -169px;}
.cdn-part1 .item5:before{background-position: -549px -169px;}
.cdn-part1 .item6:before{background-position: -471px -253px;}
.cdn-part2{padding: 95px 0 0; color: #fff; height: 955px; min-width: 1280px;background: url("../../images/product/cdn/bg1.jpg") center top #151e2f no-repeat; overflow: hidden}
.cdn-part2 .type{margin:80px 0 0; text-align: center; overflow: hidden}
.cdn-part2 .type li{background: #232d40; float: left; width: 640px;border-bottom: 1px solid #015bfe; font-size: 22px; color: #bcbec2; line-height:79px; cursor: pointer}
.cdn-part2 .type li:before{content: "";display: inline-block; width: 24px; height: 79px; vertical-align: top; margin-right: 10px;}
.cdn-part2 .type .active{background: rgba(11,20,39,.75); border: 1px solid #015bfe; width: 638px; color: #367cff;border-bottom: none;}
.cdn-part2 .item1:before{background: url("../../images/product/cdn/ico1.png") center no-repeat; background-size: contain}
.cdn-part2 .item1.active:before{background: url("../../images/product/cdn/ico1-a.png") center no-repeat; background-size: contain}
.cdn-part2 .item2:before{background: url("../../images/product/cdn/ico2.png") center no-repeat; background-size: contain}
.cdn-part2 .item2.active:before{background: url("../../images/product/cdn/ico2-a.png") center no-repeat; background-size: contain}
.cdn-part2 .main{background: rgba(11,20,39,.75); padding:20px 0 0; height:624px; border: 1px solid #015bfe; border-top: none;}
.cdn-part2 .main img{display: block; margin: 0 auto;}
.cdn-part3{padding: 95px 0 0; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.cdn-part3 dl{ display: none; height: 565px; overflow: hidden}
.cdn-part3 dt{ float: left; margin-left:10px; width: 775px;overflow: hidden}
.cdn-part3 dt img{display: block;}
.cdn-part3 dd{float: right; margin-right: 10px; width: 460px; overflow: hidden}
.cdn-part3 dd h4{margin: 0 0 12px; font-size: 22px;}
.cdn-part3 dd h5{ font-size: 16px; margin: 0 0 5px;}
.cdn-part3 dd p{ color: #666666; line-height: 28px; margin: 0 0 10px;}
.cdn-part3 .info{margin: 25px 0 40px;overflow: hidden}


/*=====================================短信服务=======================================*/
.sms-part1{padding: 95px 0; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.sms-part1 dl{margin-right: 40px;text-align: center; margin-top: 75px; float: left; background: #fff; width: 290px; height: 330px;}
.sms-part1 dl:last-child{margin-right: 0}
.sms-part1 dt{color: #fff; font-size: 18px; font-weight: bold; height: 86px;line-height: 86px;background: url("../../images/product/sms/title.jpg") center top no-repeat;}
.sms-part1 dd{padding:16px 30px 0;overflow: hidden}
.sms-part1 ul{border-bottom: 1px dashed #ddd;padding: 0 0 16px; overflow: hidden}
.sms-part1 ul li{line-height: 34px;color: #666666;}
.sms-part1 ul li:before{content: "";width: 7px;height: 34px;display: inline-block; vertical-align: top; margin-right: 12px;background: url("../../images/product/sms/ico1.png") center no-repeat;}
.sms-part1 .price{padding: 20px 10px 30px; overflow: hidden}
.sms-part1 .price p{float: left;color:#666666;font-size:16px; }
.sms-part1 .price p:last-child{float: right}
.sms-part1 .price span{color: #ff8a00; font-weight: bold; margin-right: 5px;}
.sms-part1 .btn{display: block; height: 38px;line-height: 38px; border: 1px solid #015bfe; color: #015bfe; font-size: 16px;}
.sms-part1 .btn:hover{background: #015bfe;color: #fff;}
.sms-part2{padding:95px 0 0; height:565px; background: url("../../images/product/sms/bg.jpg") center top #071226 no-repeat;min-width: 1280px; overflow: hidden}
.sms-part2 .product-cloumn{color: #fff}
.sms-part2 ul{ margin: 75px 0 0 -30px; overflow: hidden}
.sms-part2 li{float: left; position: relative; padding:30px 35px 0 160px; height: 130px; margin: 0 0 30px 30px; background: #fff; width: 400px;}
.sms-part2 li span{position: absolute; left: 0;top: 0; width: 140px; height: 160px;}
.sms-part2 li h4{ font-size: 18px; font-weight: bold; margin: 0 0 8px;}
.sms-part2 li p{ color: #666; line-height: 24px;}
.sms-part2 .item1 span{background: url("../../images/product/sms/title1.jpg") center top no-repeat;}
.sms-part2 .item2 span{background: url("../../images/product/sms/title2.jpg") center top no-repeat;}
.sms-part2 .item3 span{background: url("../../images/product/sms/title3.jpg") center top no-repeat;}
.sms-part2 .item4 span{background: url("../../images/product/sms/title4.jpg") center top no-repeat;}
.sms-part3{padding: 95px 0; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.sms-part3 .change-cloumn li{width: 120px; margin: 0 60px;}
.sms-part3 .main{ display: none; overflow: hidden}
.sms-part3 .main dt{float: left; width: 750px; padding-left: 70px; overflow: hidden}
.sms-part3 .main dd{float: right;width: 390px;overflow: hidden}
.sms-part3 .main h3{font-size: 22px;margin: 65px 0 25px;}
.sms-part3 .main p{color: #666666; line-height: 36px; padding-left: 20px;background: url("../../images/product/sms/ico2.png") left center no-repeat;}


/*=====================================云服务器=======================================*/
.cloud-part1{padding: 95px 0 70px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.cloud-part1 ul{ margin: 75px 0 0 -30px; overflow: hidden}
.cloud-part1 li{float: left; position: relative; padding: 24px 35px 0 190px; height: 126px; margin: 0 0 30px 30px; background: #fff; width: 400px;}
.cloud-part1 li span{position: absolute; left: 0;top: 0; width: 160px; height: 150px;background: url("../../images/product/cloudPro/title.jpg") center no-repeat;}
.cloud-part1 li span:before{content: ""; display: block; width: 65px; height: 74px; margin: 38px auto 0;background: url("../../images/product/icons.png") no-repeat;}
.cloud-part1 li h4{ font-size: 18px; font-weight: bold; margin: 0 0 8px;}
.cloud-part1 li p{ color: #666; line-height: 24px;}
.cloud-part1 .item1 span:before{ background-position: 0 -849px;}
.cloud-part1 .item2 span:before{ background-position: -76px -849px}
.cloud-part1 .item3 span:before{ background-position: -154px -849px}
.cloud-part1 .item4 span:before{ background-position: -230px -849px}
.cloud-part1 .item5 span:before{ background-position: -308px -849px}
.cloud-part1 .item6 span:before{ background-position: -384px -849px}
.cloud-part1 .item7 span:before{ background-position: -471px 0}
.cloud-part1 .item8 span:before{ background-position: -549px 0}
.cloud-part2{ color: #fff; padding:95px 0 0; height:995px; background: url("../../images/product/cloudPro/bg.jpg") center top #071226 no-repeat;min-width: 1280px; overflow: hidden}
.cloud-part2 .balance-table{text-align: left;}
.cloud-part2 .balance-table th{padding-left: 55px;}
.cloud-part2 .balance-table td{padding: 15px 0 15px 55px;}
.cloud-part2 .balance-table tbody tr:last-child td{padding: 15px 0 20px 55px;}
.cloud-part2 .balance-table .tb-shadow{ height: 710px;}
.cloud-part2 .balance-table .title{font-size: 14px; color: #666;}
.cloud-part3{ background: #f2f5fa; min-width: 1280px; overflow: hidden}


/*=====================================云堡垒机=======================================*/
.fortress-part1{ padding:95px 0; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.fortress-part1 dl{ margin: 75px 0 0; background: #fff; overflow: hidden}
.fortress-part1 dt{float: left; width: 510px; height: 400px; overflow: hidden}
.fortress-part1 dt img{display: block; width: 510px; height: 400px; }
.fortress-part1 dd{float: right; margin: 80px 95px 0 0; width: 630px;overflow: hidden}
.fortress-part1 h4{ font-size: 24px; height: 44px; padding-left: 60px;background: url("../../images/product/fortress/ico.png") left center no-repeat;}
.fortress-part1 p{ padding: 10px 0 40px; margin-left: 60px; font-size: 16px; line-height: 36px;background: url("../../images/product/fortress/bg1.png") center bottom no-repeat; overflow: hidden}
.fortress-part2{ color: #fff; padding:95px 0; height: 580px; background: url("../../images/product/fortress/bg2.jpg") center top #071226 no-repeat;min-width: 1280px; overflow: hidden}
.fortress-part2 .main{margin: 75px 0 0; color: #fff; text-align: center;overflow: hidden}
.fortress-part2 .main li{ float: left; cursor: pointer;transition: width 0.3s; width: 15.1% !important; position: relative; margin-left: 1.03%; margin-top: 30px;height:292px; padding: 108px 0 0;}
.fortress-part2 .main li:before{content: "";display: block; margin: 0 auto 28px; width: 65px; height: 74px; background: url("../../images/product/icons.png") no-repeat;}
.fortress-part2 .main h4{ font-size: 22px; margin: 0 0 18px;}
.fortress-part2 .main h5{font-size: 14px; line-height: 24px; margin: 0 35px;}
.fortress-part2 .main p{line-height: 24px;transition: 0.4s all linear;-moz-transition: 0.4s all linear;-webkit-transition: 0.4s all linear;-o-transition: 0.4s all linear; text-align: left; position: absolute; left:11%; right:11%; bottom: -200%;}
.fortress-part2 .main .active{ width: 33.33% !important;height:352px; margin-top: 0;}
.fortress-part2 .main .item1:before{background-position: -156px -168px;}
.fortress-part2 .main .item2:before{background-position: -234px -168px;}
.fortress-part2 .main .item3:before{background-position: -312px -168px;}
.fortress-part2 .main .item4:before{background-position: -390px -168px;}
.fortress-part2 .main .item5:before{background-position: 0 -252px;}
.fortress-part2 .item1{ background: url("../../images/product/fortress/feature-bg1.jpg") left top no-repeat;}
.fortress-part2 .item2{ background: url("../../images/product/fortress/feature-bg2.jpg") left top no-repeat;}
.fortress-part2 .item3{ background: url("../../images/product/fortress/feature-bg3.jpg") left top no-repeat;}
.fortress-part2 .item4{ background: url("../../images/product/fortress/feature-bg4.jpg") right top no-repeat;}
.fortress-part2 .item5{ background: url("../../images/product/fortress/feature-bg5.jpg") right top no-repeat;}
.fortress-part2 .item1.active{background: url("../../images/product/fortress/feature-bg1-big.jpg") left top no-repeat;}
.fortress-part2 .item2.active{ background: url("../../images/product/fortress/feature-bg2-big.jpg") left top no-repeat;}
.fortress-part2 .item3.active{ background: url("../../images/product/fortress/feature-bg3-big.jpg") left top no-repeat;}
.fortress-part2 .item4.active{ background: url("../../images/product/fortress/feature-bg4-big.jpg") right top no-repeat;}
.fortress-part2 .item5.active{ background: url("../../images/product/fortress/feature-bg5-big.jpg") right top no-repeat;}
.fortress-part2 .active h5{display: none}
.fortress-part2 .item1.active p{bottom: 152px;}
.fortress-part2 .item2.active p{bottom: 152px;}
.fortress-part2 .item3.active p{bottom: 84px;}
.fortress-part2 .item4.active p{bottom: 84px;}
.fortress-part2 .item5.active p{bottom: 152px;}
.fortress-part3{ padding:95px 0 80px; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.fortress-part3 li{height: 320px;}
.fortress-part3 .item1:before{background-position: -78px -252px;}
.fortress-part3 .item2:before{background-position: -156px -252px;}
.fortress-part3 .item3:before{background-position: -234px -252px;}
@media (max-width: 1700px) {
    .fortress-part2 .main li{height:310px; padding:90px 0 0;}
    .fortress-part2 .main h5{margin: 0 20px;}
    .fortress-part2 .item1.active p{bottom: 130px;}
    .fortress-part2 .item2.active p{bottom: 130px;}
    .fortress-part2 .item5.active p{bottom: 130px;}
}

/*=====================================安全加固=======================================*/
.strengthen-part1{ padding:95px 0 100px; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.strengthen-part1 ul{ margin: 75px 0 0 -30px;}
.strengthen-part1 li{ margin-left: 30px; width: 250px; height: 310px;}
.strengthen-part1 li p{ margin: 0 30px;}
.strengthen-part1 .item1:before{background-position: 0 0;}
.strengthen-part1 .item2{ width: 440px;}
.strengthen-part1 .item2:before{background-position: -78px 0;}
.strengthen-part1 .item3:before{background-position: -156px 0;}
.strengthen-part1 .item4:before{background-position: -234px 0;}
.strengthen-part2{padding: 95px 0; color: #fff; height: 510px;background: url("../../images/product/strengthen/bg1.jpg") center top no-repeat; min-width: 1280px; overflow: hidden}
.strengthen-part2 ul{ margin: 75px 0 0 -40px; overflow: hidden}
.strengthen-part2 li{ float: left; background: #fff; margin-left: 40px; height: 390px; width: 400px;}
.strengthen-part2 img{display: block; width: 400px; height: 260px;}
.strengthen-part2 h4{ font-size: 18px; color: #333333; font-weight: bold; margin: 22px 30px 10px;}
.strengthen-part2 p{ color: #666666; line-height: 24px; margin: 0 30px;}


/*=====================================漏洞扫描=======================================*/
.scan-part1{padding: 95px 0 70px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.scan-part1 ul{margin: 75px 0 0 -30px;overflow: hidden}
.scan-part1 li{ float: left; position: relative; padding:28px 28px 0 190px; background: #f7f7f7; height: 160px; width: 405px; margin: 0 0 30px 30px;border: 1px solid #ddd; overflow: hidden}
.scan-part1 li span{ width: 160px; position: absolute; left: 0; top: 0; bottom: 0;background: #fff;}
.scan-part1 li span:before{content: ""; display: block; margin: 56px auto 0; width: 65px; height: 74px;background: url("../../images/product/icons.png") no-repeat;}
.scan-part1 li h4{ font-size: 18px; font-weight: bold}
.scan-part1 li p{line-height: 24px; color: #666;margin: 8px 0 0}
.scan-part1 .item1 span:before{background-position: 0 -337px}
.scan-part1 .item2 span:before{background-position: -308px -680px}
.scan-part1 .item3 span:before{background-position: -386px -680px}
.scan-part1 .item4 span:before{background-position: 0 -764px}
.scan-part1 .item5 span:before{background-position: -76px -764px}
.scan-part2{padding: 95px 0 0; color: #fff; height: 1105px; min-width: 1280px; background: url("../../images/product/scan/bg.jpg") center top no-repeat; overflow: hidden}
.scan-part2 p{ margin: 0 0 20px; color: #333; line-height: 24px; padding-left: 15px; color: #666666;background: url("../../images/product/ico.png") left 8px no-repeat; overflow: hidden}
.scan-part2 span{display: block; color: #333333;}
.scan-part2 .head{ width: 425px; position: relative; line-height: 24px; padding: 35px 40px 0 160px;height: 115px;background: url("../../images/product/scan/title.jpg") center top no-repeat;}
.scan-part2 .head h4{ font-size: 18px; font-weight: bold; margin: 0 0 8px;}
.scan-part2 dt:before,.scan-part2 li .head:before{content: "";position: absolute; left: 50px; top: 35px; width: 65px; height: 74px;background: url("../../images/product/icons.png") no-repeat;}
.scan-part2 dt:before{background-position: -390px -253px}
.scan-part2 dl{background: #fff; margin: 75px 0 30px; overflow: hidden}
.scan-part2 dt{ float: left; }
.scan-part2 dd{float: right; padding: 26px 0 0; width: 655px;}
.scan-part2 dd p{ float: left; width: 255px; margin: 0 20px 0 30px;}
.scan-part2 ul{margin-left: -30px;overflow: hidden}
.scan-part2 li{ float: left; width: 625px; margin: 0 0 30px 30px;background: #fff; height: 340px;}
.scan-part2 li .head{ padding: 30px 50px 0 160px; width: 415px;height: 110px; margin: 0 0 18px;}
.scan-part2 li p{margin: 0 33px 15px 20px;}
.scan-part2 .item1 .head:before{background-position: -154px -764px;}
.scan-part2 .item2 .head:before{background-position: -230px -764px;}
.scan-part2 .item3 .head:before{background-position: -308px -764px;}
.scan-part2 .item4 .head:before{background-position: -384px -764px;}


/*=====================================应急响应=======================================*/
.emergency-part1 { padding: 95px 0; background:#f2f5fa; min-width: 1280px; overflow: hidden}
.emergency-part1 ul{ margin: 75px 0 0 -33px;}
.emergency-part1 li{ width: 295px; height: 280px; margin-left: 33px;}
.emergency-part1 .item1:before{background-position: -312px 0;}
.emergency-part1 .item2:before{background-position: -390px 0;}
.emergency-part1 .item3:before{background-position: 0 -84px;}
.emergency-part1 .item4:before{background-position: 0 0;}
.emergency-part2{padding:95px 0 0; color: #fff; height:965px;background: url("../../images/product/emergency/bg1.jpg") center top no-repeat; min-width: 1280px; overflow: hidden}
.emergency-part2 .product-cloumn{ margin: 0 0 78px;}
.emergency-part2 dl{ float: left; width: 625px; margin: 0 0 30px; background: #fff;}
.emergency-part2 dl:nth-child(odd){margin-left: 30px;}
.emergency-part2 dt{ height:87px; position: relative; padding: 33px 10px 0 160px;color: #fff;background: url("../../images/product/emergency/title.jpg") center top no-repeat;}
.emergency-part2 dt:before{ content: ""; position: absolute; left: 48px; top: 23px; width: 65px; height: 74px; background: url("../../images/product/icons.png") no-repeat;}
.emergency-part2 dt h5{ font-weight: 600; font-size: 18px; margin: 0 0 10px;}
.emergency-part2 dd{padding: 15px 20px 0; height: 255px; overflow: hidden}
.emergency-part2 dd p{ margin: 0 0 20px; padding-left: 15px; color: #666666;background: url("../../images/product/ico.png") left 7px no-repeat; overflow: hidden}
.emergency-part2 dd span{display: block; color: #333333; margin: 0 0 5px;}
.emergency-part2 .item1:before{background-position: -78px -84px}
.emergency-part2 .item2:before{background-position: -156px -84px }
.emergency-part2 .item3:before{background-position: -234px -84px }
.emergency-part2 .item4:before{background-position: -312px -84px}
.emergency-part3{ padding: 95px 0;min-width: 1280px; overflow: hidden}
.emergency-part3 h4{ font-weight: 600; color: #333; margin: 0 0 5px; font-size: 18px;}
.emergency-part3 dl{ margin: 75px 0 30px; border: 1px solid #ddd;overflow: hidden}
.emergency-part3 dt{float: left; width: 170px; line-height: 28px; color: #666; position: relative; padding: 40px 0 0 160px;overflow: hidden}
.emergency-part3 dt:before{content: ""; width: 65px; height: 74px; position: absolute; left:45px;top: 47px;background: url("../../images/product/icons.png") -390px -84px no-repeat;}
.emergency-part3 dd{float: right; background: #f7f7f7; width: 889px;height: 168px;}
.emergency-part3 dd p{ float: left; margin:42px 0 0 55px; line-height: 24px; padding-left: 15px; width: 210px; color: #666666;background: url("../../images/product/ico.png") left 7px no-repeat; overflow: hidden}
.emergency-part3 dd span{display: block; color: #333333; font-size: 16px; margin: 0 0 5px;}
.emergency-part3 ul{ margin-left: -30px; overflow: hidden}
.emergency-part3 li{border: 1px solid #ddd; position: relative; line-height: 28px; color: #666; padding: 40px 20px 0 160px; width:443px; height: 118px; float: left; margin-left: 30px;}
.emergency-part3 li:before{content: ""; width: 65px; height: 74px; position: absolute; left:45px;top: 42px;background: url("../../images/product/icons.png") no-repeat;}
.emergency-part3 .item1:before{ background-position: 0 -168px;}
.emergency-part3 .item2:before{ background-position: -78px -168px;}


/*=====================================防火墙=======================================*/
.firewall-part1 { padding: 95px 0; background:#f2f5fa; min-width: 1280px; overflow: hidden}
.firewall-part1 ul{ margin: 75px 0 0 -40px;overflow: hidden}
.firewall-part1 li{float: left; margin-left: 40px; width: 290px; height: 310px;}
.firewall-part1 li:before{content: ""; height: 150px; display: block;}
.firewall-part1 li h4{ font-size: 22px; margin: 35px 0 12px; text-align: center}
.firewall-part1 li p{line-height: 28px; color: #666666;}
.firewall-part1 .item1:before{background: url("../../images/product/firewall/title1.jpg") center no-repeat;}
.firewall-part1 .item2:before{background: url("../../images/product/firewall/title2.jpg") center no-repeat;}
.firewall-part1 .item3:before{background: url("../../images/product/firewall/title3.jpg") center no-repeat;}
.firewall-part1 .item4:before{background: url("../../images/product/firewall/title4.jpg") center no-repeat;}
.firewall-part2{padding: 95px 0 0; color: #fff; height: 735px;background: url("../../images/product/firewall/bg1.jpg") center top no-repeat;min-width: 1280px;overflow: hidden}
.firewall-part2 ul{ margin: 75px 0 0; color: #666666; overflow: hidden}
.firewall-part2 li {float: left; width: 330px; height: 248px; padding: 42px 30px 0 40px; margin: 0 0 40px; background: url("../../images/product/firewall/f-bg2.jpg") center no-repeat;}
.firewall-part2 li:before{content: ""; width: 66px; height: 75px; display: block; margin: 0 0 30px;background: url("../../images/product/icons.png") no-repeat;}
.firewall-part2 h4{ color: #333; font-size: 22px; margin:0 0 18px;}
.firewall-part2 p{line-height: 28px;overflow: hidden}
.firewall-part2 .item1,.firewall-part2 .item2{ width: 420px; height: 140px; position: relative; padding: 40px 160px 0 40px; background: url("../../images/product/firewall/f-bg1.jpg") center no-repeat;}
.firewall-part2 .item1:before,.firewall-part2 .item2:before{position: absolute; right: 40px; top: 52px;}
.firewall-part2 .item1:before{background-position: -386px -508px}
.firewall-part2 .item2{margin-left: 40px;}
.firewall-part2 .item2:before{background-position: 0 -594px;}
.firewall-part2 .item3:before{background-position: -75px -594px}
.firewall-part2 .item4{ margin: 0 40px;}
.firewall-part2 .item4:before{background-position: -154px -594px}
.firewall-part2 .item5:before{background-position: -231px -594px}
.firewall-part3 { padding: 95px 0; background:#f2f5fa; min-width: 1280px; overflow: hidden}
.firewall-part3 li{width: 290px;height: 370px;}
.firewall-part3 li p{text-align: justify; margin: 0 35px;}
.firewall-part3 .item1:before{background-position: -386px -508px}
.firewall-part3 .item2:before{background-position: -231px -594px}
.firewall-part3 .item3:before{background-position: -308px -594px}
.firewall-part3 .item4:before{background-position: -386px -594px}


/*=====================================代码审计=======================================*/
.comptroller-part1 { padding: 95px 0; background:#f2f5fa; min-width: 1280px; overflow: hidden}
.comptroller-part1 li{width: 290px;height:290px;}
.comptroller-part1 li p{text-align: justify; margin: 0 35px;}
.comptroller-part1 .item1:before{background-position: 0 -337px}
.comptroller-part1 .item2:before{background-position: -77px -337px}
.comptroller-part1 .item3:before{background-position: -154px -337px}
.comptroller-part1 .item4:before{background-position: -230px -337px}
.comptroller-part2{padding:95px 0 0; color: #fff; height: 935px;background: url("../../images/product/comptroller/bg1.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.comptroller-part2 ul{margin:75px 0 0 -40px;overflow: hidden}
.comptroller-part2 li{float: left; width: 360px; color: #666; height: 300px; padding: 40px 10px 0 30px; background: #fff; margin: 0 0 40px 40px;}
.comptroller-part2 li h4{ font-size: 22px; color: #333; margin: 0 0 15px;}
.comptroller-part2 li img{display: block; height: 160px; width: 340px; margin: 35px 0 0;}


/*=====================================安全通告=======================================*/
.announcement-part1 { padding: 95px 0; background:#f2f5fa; min-width: 1280px; overflow: hidden}
.announcement-part1 li{width: 290px;height:270px; background:#f2f5fa;}
.announcement-part1 li p{text-align: justify; margin: 0 25px;}
.announcement-part1 .item1:before{background-position: -308px -422px}
.announcement-part1 .item2:before{background-position: -384px -422px}
.announcement-part1 .item3:before{background-position: 0 -508px}
.announcement-part1 .item4:before{background-position: -76px -508px}
.announcement-part2{height: 100px; color: #fff; text-align: center; line-height: 100px; font-size: 18px;background: url("../../images/product/announcement/bg1.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.announcement-part3{padding:95px 0 0; color: #fff; height:865px;background: url("../../images/product/announcement/bg2.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.announcement-part3 dl{margin: 75px 0 0; color: #666666; overflow: hidden}
.announcement-part3 dt{width: 230px; height: 600px; padding:40px 30px 0; float: right; background: url("../../images/product/announcement/s-bg3.jpg") center top no-repeat;}
.announcement-part3 dd{float: left; width: 955px; overflow: hidden}
.announcement-part3 dd div{width: 395px; height:390px; padding: 40px 30px 0; margin-bottom: 40px; float: left;}
.announcement-part3 h4{ font-size: 22px; line-height: 30px; margin: 0 0 16px; color: #333333;}
.announcement-part3 h5{ font-size: 14px; line-height: 24px; color: #333333;}
.announcement-part3 p{ line-height: 28px;}
.announcement-part3 dt:before,.announcement-part3 dd div:before{content: ""; display: block; width: 66px; height: 75px; margin: 0 0 35px;background: url("../../images/product/icons.png") no-repeat; }
.announcement-part3 dt:before{background-position: -306px -336px;}
.announcement-part3 .item1{ margin: 0 40px 40px 0; background: url("../../images/product/announcement/s-bg1.jpg") center top no-repeat; }
.announcement-part3 .item1:before{background-position: -154px -508px;}
.announcement-part3 .item2{background: url("../../images/product/announcement/s-bg2.jpg") center top no-repeat;}
.announcement-part3 .item2:before{background-position: -231px -508px;}
.announcement-part3 .item3{width:790px; position: relative; padding:40px 30px 0 130px; height: 130px; background: url("../../images/product/announcement/s-bg4.jpg") center top no-repeat;}
.announcement-part3 .item3:before{position: absolute; left: 30px; top: 40px;background-position: -230px -422px;}


/*=====================================安全评估=======================================*/
.assessment-part1 { padding: 95px 0; background:#f2f5fa; min-width: 1280px; overflow: hidden}
.assessment-part1 li{width: 290px;height:310px;}
.assessment-part1 li p{text-align: justify; margin: 0 35px;}
.assessment-part1 .item1:before{background-position: 0 -337px}
.assessment-part1 .item2:before{background-position: -77px -337px}
.assessment-part1 .item3:before{background-position: -154px -337px}
.assessment-part1 .item4:before{background-position: -230px -337px}
.assessment-part2{padding:95px 0 0; color: #fff; height:875px;background: url("../../images/product/assessment/bg1.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.assessment-part2 dl{margin: 75px 0 0;overflow: hidden}
.assessment-part2 dt{ float: left; width: 245px; height: 480px; padding: 180px 15px 0 30px; background: url("../../images/product/assessment/s-bg1.jpg") center top no-repeat; }
.assessment-part2 dt h4{color: #fff;}
.assessment-part2 dt p{margin-right: 15px;}
.assessment-part2 dd{float: right; width: 990px; color: #666666; overflow: hidden}
.assessment-part2 dd div{ width: 230px; height: 270px; padding: 40px 30px 0; float: left; margin: 0 0 40px 40px;}
.assessment-part2 h4{ font-size: 22px; line-height:38px; margin: 0 0 12px; color: #333333;}
.assessment-part2 p{ line-height: 26px;}
.assessment-part2 dt:before,.assessment-part2 dd div:before{content: ""; display: block; width: 66px; height: 75px; margin: 0 0 32px;background: url("../../images/product/icons.png") no-repeat; }
.assessment-part2 dt:before{background-position: -312px -252px}
.assessment-part2 .item1{background: url("../../images/product/assessment/s-bg2.jpg") center top no-repeat;}
.assessment-part2 .item1:before{background-position: -306px -336px}
.assessment-part2 .item2{background: url("../../images/product/assessment/s-bg3.jpg") center top no-repeat;}
.assessment-part2 .item2:before{background-position: -382px -336px}
.assessment-part2 .item3{background: url("../../images/product/assessment/s-bg4.jpg") center top no-repeat;}
.assessment-part2 .item3:before{background-position: 0 -421px}
.assessment-part2 .item4{background: url("../../images/product/assessment/s-bg5.jpg") center top no-repeat;}
.assessment-part2 .item4:before{background-position: -76px -421px}
.assessment-part2 .item5{background: url("../../images/product/assessment/s-bg6.jpg") center top no-repeat;}
.assessment-part2 .item5:before{background-position: -154px -421px}
.assessment-part2 .item6{background: url("../../images/product/assessment/s-bg7.jpg") center top no-repeat;}
.assessment-part2 .item6:before{background-position: -230px -421px}


/*=====================================渗透测试=======================================*/
.permeation-part1{ padding:95px 0 80px; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.permeation-part1 .product-cloumn{margin: 0 0 75px;}
.permeation-part1 .left{float: left; width: 400px; height: 460px; background: #fff;}
.permeation-part1 .left dt{color: #fff; font-size: 22px; line-height: 40px; height: 145px; position: relative; padding: 65px 30px 0 130px; background: url("../../images/product/permeation/title.jpg") center top no-repeat;}
.permeation-part1 .left dt:before{content: ""; width: 66px;height: 75px; position: absolute;left: 40px; top: 65px;}
.permeation-part1 .left dd{ padding: 30px 40px 0; overflow: hidden}
.permeation-part1 .left p{ margin: 0 0 30px; line-height: 28px; color: #666;}
.permeation-part1 .right{float: right; width: 840px; overflow: hidden}
.permeation-part1 .right li{ height: 100px; color: #666; position: relative; padding:40px 10px 0 140px; margin: 0 0 20px;}
.permeation-part1 .right li:before{content: "";width: 66px;height: 75px; position: absolute; left:40px; top:35px;}
.permeation-part1 .right h4{ color: #333; font-size: 22px; margin: 0 0 14px;}
.permeation-part1 .left dt:before,.permeation-part1 .right li:before{background: url("../../images/product/icons.png") no-repeat;}
.permeation-part1 .left dt:before{background-position: 0 -679px;}
.permeation-part1 .right .item1:before{background-position: -76px -679px;}
.permeation-part1 .right .item2:before{background-position: -154px -679px;}
.permeation-part1 .right .item3:before{background-position: -230px -679px;}
.permeation-part1 .item1{background: url("../../images/product/permeation/f-bg1.jpg") left top no-repeat;}
.permeation-part1 .item2{background: url("../../images/product/permeation/f-bg2.jpg") left top no-repeat;}
.permeation-part1 .item3{background: url("../../images/product/permeation/f-bg3.jpg") left top no-repeat;}
.permeation-part2{ padding:95px 0 0; height: 925px;background: url("../../images/product/permeation/bg1.jpg") center top no-repeat;min-width: 1280px; overflow: hidden}
.permeation-part2 .product-cloumn{color: #fff;}
.permeation-part2 .balance-table td{padding: 11px 0;}
.permeation-part2 .tb-shadow {height:639px;}

/*=====================================ipv6=======================================*/
.ipv6-part1{ padding:95px 0; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.ipv6-part1 ul{margin: 75px 0 0 -40px;overflow: hidden}
.ipv6-part1 li{ float: left; background: #fff;height: 290px; text-align: center; margin-left: 40px; width: 400px; overflow: hidden}
.ipv6-part1 h4{color: #fff; height:50px; padding: 110px 0 0; font-size: 18px; font-weight: 600;}
.ipv6-part1 p{ line-height: 26px; color: #666; margin:24px 50px 0;}
.ipv6-part1 .item1 h4{background: url("../../images/product/ipv6/title1.jpg") center top no-repeat;}
.ipv6-part1 .item2 h4{background: url("../../images/product/ipv6/title2.jpg") center top no-repeat;}
.ipv6-part1 .item3 h4{background: url("../../images/product/ipv6/title3.jpg") center top no-repeat;}
.ipv6-part2{ padding:95px 0;min-width: 1280px; overflow: hidden}
.ipv6-part2 .link{text-align: right; margin: 70px 0 20px;overflow: hidden}
.ipv6-part2 .link a{display: inline-block; margin-left: 30px; padding-left: 22px;background: url("../../images/public/ico/link.png") left center no-repeat;}
.ipv6-part2 .num{ display: block; margin-right: 50px; text-align: center;}
.ipv6-part2 h5{padding-left: 22px; margin: 26px 0 0; font-size: 16px; color: #666666;background: url("../../images/product/ico5.png") left center no-repeat;}
.ipv6-part2 table{ width: 100%;text-align: left; border: 1px solid #ddd; border-top: none; border-spacing: 0;border-collapse: collapse;}
.ipv6-part2 table th{height: 60px; font-size: 18px; background: #015bfe; color: #fff; font-weight: normal}
.ipv6-part2 tbody td{height: 60px; font-size: 16px;}
.ipv6-part2 tbody tr:nth-child(even){background: #f7f7f7;}
.ipv6-part2 tbody .num{font-weight: 600; color: #666666;}
.ipv6-part3{padding:95px 0 0; color: #fff; height:825px;background: url("../../images/product/ipv6/bg1.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.ipv6-part3 .type{margin: 55px 0 0; text-align: center; overflow: hidden}
.ipv6-part3 .type li{background: #232d40; float: left; width: 640px;border-bottom: 1px solid #015bfe; font-size: 22px; color: #bcbec2; line-height:79px; cursor: pointer}
.ipv6-part3 .type li:before{content: "";display: inline-block; width: 24px; height: 79px; vertical-align: top; margin-right: 10px;}
.ipv6-part3 .type .active{background: rgba(11,20,39,.75); border: 1px solid #015bfe; width: 638px; color: #367cff;border-bottom: none;}
.ipv6-part3 .item1:before{background: url("../../images/product/ipv6/ico1.png") center no-repeat; background-size: contain}
.ipv6-part3 .item1.active:before{background: url("../../images/product/ipv6/ico1-a.png") center no-repeat; background-size: contain}
.ipv6-part3 .item2:before{background: url("../../images/product/ipv6/ico2.png") center no-repeat; background-size: contain}
.ipv6-part3 .item2.active:before{background: url("../../images/product/ipv6/ico2-a.png") center no-repeat; background-size: contain}
.ipv6-part3 .main{background: rgba(11,20,39,.75); padding: 75px 0 0; height: 480px; border: 1px solid #015bfe; border-top: none;}
.ipv6-part3 .main img{display: block; margin: 0 auto;}
.ipv6-part3 .main1{height:440px; position: relative;}
.ipv6-part3 .main1 .hd{position: absolute; left: 0; right: 0; bottom: 0;}
.ipv6-part3 .main1 .hd ul{text-align: center}
.ipv6-part3 .main1 .hd li{display: inline-block; cursor: pointer; margin: 0 10px; width: 50px; height: 2px; background: rgba(255,255,255,.7)}
.ipv6-part3 .main1 .hd .on{ background: #015bfe;}
.ipv6-part4{padding: 95px 0;min-width: 1280px; overflow: hidden}
.ipv6-part4 ul{margin: 75px 0 0 -33px;}
.ipv6-part4 li{ width: 293px; height: 278px; border: 1px solid #ddd; margin-left: 33px;}
.ipv6-part4 li p{ margin: 0 45px;}
.ipv6-part4 .item1:before{background-position: -312px 0}
.ipv6-part4 .item2:before{background-position: -390px 0}
.ipv6-part4 .item3:before{background-position: 0 0}
.ipv6-part4 .item4:before{background-position: 0 -84px}
.ipv6-part5{ padding: 95px 0 0; height: 615px; background: url("../../images/product/ipv6/bg2.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.ipv6-part5 .main{margin: 75px 0 0;background: #fff; height: 380px; position: relative; padding: 30px 0; overflow: hidden}
.ipv6-part5 .main .hd{position: absolute; left: 0; right: 0; bottom: 30px;}
.ipv6-part5 .main .hd ul{text-align: center}
.ipv6-part5 .main .hd li{display: inline-block; cursor: pointer; margin: 0 10px; width: 50px; height: 2px; background:#ccc}
.ipv6-part5 .main .hd .on{ background: #015bfe;}
.ipv6-part5 .img{ float: left; width: 580px; height: 340px; margin-left: 30px;}
.ipv6-part5 .info{float: right;width: 530px; margin:20px 70px 0 0;}
.ipv6-part5 h4{height: 60px; font-size: 24px; color: #fff; line-height: 60px; padding-left: 25px; margin: 0 0 48px;background: url("../../images/product/ipv6/title.png") left center no-repeat; }
.ipv6-part5 p{ font-size: 16px; line-height: 36px; text-align: justify; overflow: hidden}

/*=====================================社区电商=======================================*/
.community-part1{ padding:95px 0; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.community-part1 dl{ margin: 75px 0 0; background: #fff; overflow: hidden}
.community-part1 dt{float: left; width: 510px; height: 400px; overflow: hidden}
.community-part1 dt img{display: block; width: 510px; height: 400px; }
.community-part1 dd{float: right; margin: 80px 95px 0 0; width: 630px;overflow: hidden}
.community-part1 h4{ font-size: 24px; height:38px; padding-left: 60px;background: url("../../images/product/community/ico1.png") left center no-repeat;}
.community-part1 p{ padding: 10px 0 40px; margin-left: 60px; font-size: 16px; line-height: 36px;overflow: hidden}
.community-part2{ padding:95px 0;min-width: 1280px; overflow: hidden}
.community-part2 li {width: 288px;height: 328px; border: 1px solid #ddd}
.community-part2 li h4 {font-size:18px; margin: 0 0 20px; font-weight: bold}
.community-part2 li p{margin: 0 33px;}
.community-part2 li:before{background: url("../../images/product/community/ico.png") center no-repeat;}
.community-part2 .item1:before{background-position: 0 0}
.community-part2 .item2:before{background-position: -72px 0}
.community-part2 .item3:before{background-position:-144px 0}
.community-part2 .item4:before{background-position: -217px 0}
.community-part3{height: 120px; color: #fff;background: url("../../images/product/community/bg1.jpg") center no-repeat; min-width: 1280px; overflow: hidden}
.community-part3 h3{margin-left: 30px;line-height: 120px;float: left; font-size: 24px;}
.community-part3 .btn-default{border: 1px solid #fff; margin-top: 35px;width: 138px; float: right}
.community-part3 .btn-default:hover{background: #fff; color: #015cfe}
.community-part4{padding:95px 0 0; color: #fff; height:1045px;background: url("../../images/product/community/bg2.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.community-part4 .type{margin: 55px 0 0; text-align: center; overflow: hidden}
.community-part4 .type li{background: #232d40; float: left; width: 640px;border-bottom: 1px solid #015bfe; font-size: 22px; color: #bcbec2; line-height:79px; cursor: pointer}
.community-part4 .type li:before{content: "";display: inline-block; width: 24px; height: 79px; vertical-align: top; margin-right: 10px;}
.community-part4 .type .active{background: rgba(11,20,39,.75); border: 1px solid #015bfe; width: 638px; color: #367cff;border-bottom: none;}
.community-part4 .item1:before{background: url("../../images/product/community/ico2.png") center no-repeat; background-size: contain}
.community-part4 .item1.active:before{background: url("../../images/product/community/ico2-a.png") center no-repeat; background-size: contain}
.community-part4 .item2:before{background: url("../../images/product/community/ico3.png") center no-repeat; background-size: contain}
.community-part4 .item2.active:before{background: url("../../images/product/community/ico3-a.png") center no-repeat; background-size: contain}
.community-part4 .main{background: rgba(11,20,39,.75); padding: 75px 0 0; height:665px; border: 1px solid #015bfe; border-top: none;overflow: hidden}
.community-part4 .main img{display: block; margin: 0 auto;}
.community-part4 .main1{height:575px;position: relative;text-align: center}
.community-part4 .main1 h4{font-size: 20px;}
.community-part4 .main1 h5{font-size: 14px;margin: 15px 0 60px}
.community-part4 .main1 .hd{position: absolute; left: 0; right: 0; bottom: 0;}
.community-part4 .main1 .hd ul{text-align: center}
.community-part4 .main1 .hd li{display: inline-block; cursor: pointer; margin: 0 10px; width: 50px; height: 2px; background: rgba(255,255,255,.7)}
.community-part4 .main1 .hd .on{ background: #015bfe;}
.community-part4 .btn-default{ display: block; float: none; border:1px solid #fff;width: 148px; margin: 60px auto 0}
.community-part4 .btn-default:hover{background: #fff; color: #015cfe}
.community-part5{ padding:95px 0;min-width: 1280px; overflow: hidden}
.community-part5 li {width:290px;}
.community-part5 li p{margin: 0 33px;}
.community-part5 li:before{background: url("../../images/product/community/ico.png") center no-repeat;}
.community-part5 .item1:before{background-position: 0 -82px}
.community-part5 .item2:before{background-position: -72px -83px}
.community-part5 .item3:before{background-position:-144px -83px}
.community-part5 .item4:before{background-position: -217px -83px}
.community-part6{padding:95px 0 0;height:615px;background: url("../../images/product/community/bg3.jpg") center top no-repeat; min-width: 1280px;overflow: hidden}
.community-part6 dl{ margin: 75px 0 0; background: #fff; overflow: hidden}
.community-part6 dt{float: left;width:400px; height: 400px; overflow: hidden}
.community-part6 .img{ position: relative; width: 154px; height: 320px; margin: 40px auto 0;cursor: pointer}
.community-part6 .img img{display: block;}
.community-part6 .ewm{ display: none; position: absolute; left: 0; top:0; right: 0; bottom: 0; border-radius: 15px; background: rgba(0,0,0,.6)}
.community-part6 .ewm p{background: #fff; text-align: center;width: 136px;margin:74px auto 0; padding: 10px 0;}
.community-part6 .ewm img{height: 136px; margin:0 auto 8px;}
.community-part6 .img:hover .ewm{display: block}
.community-part6 dd{float: left; margin:50px 0 0; width:790px;overflow: hidden}
.community-part6 dd h4{ font-size: 24px; width: 145px; height:60px; color: #fff; line-height: 60px; padding-left:25px;background: url("../../images/product/community/title.png") left center no-repeat;}
.community-part6 dd p{ padding:50px 0 0;font-size: 16px; line-height: 36px;overflow: hidden}