.yunwei{padding-top:0px;padding-bottom:70px;text-align:center;background-color:#fff;margin:auto;width:1240px;overflow:hidden}
.yunwei .title{font-size:24px;line-height:15px;padding-bottom:35px;border-bottom:1px solid #eee;color:#ffffff00;font-weight:bold}
.yunwei .smalltitle{width:550px;margin:auto;background-color:#fff;color:#000;margin-top:-12px;font-size:24px;height:50px;}
.yunwei .content{text-align:left;padding-top:40px;overflow:hidden}
.yunwei .content .left{width:452px;float:left;color:#797979;font-size:16px;line-height:40px}
.yunwei .content .left img{border:0;margin-bottom:30px;width:452px}
.yunwei .content .right{float:right;width:700px;overflow:hidden}
.yunwei .content .right a{display:block;width:310px;padding-top:90px;float:right;border:4px solid #F4F6F9;margin-left:20px;margin-bottom:20px;border-radius:5px;color:#474747;text-align:center;font-size:16px;height:auto}
.yunwei .content .right a i{display:block;width:250px;margin:auto;font-size:14px;color:#999;font-style:normal;padding:20px 0;line-height:25px}
.yunwei .content .right a.zdh{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px 25px}
.yunwei .content .right a.beifen{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px -175px}
.yunwei .content .right a.anquan{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px -375px}
.yunwei .content .right a.tongzhi{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px -575px}
.product{margin-top:-50px;background-color:#F6F6F6;text-align:center;padding-top:70px;padding-bottom:70px;overflow:hidden}
.product h1{text-align:center;font-size:22px;color:#222}
.product .content{width:1240px;margin:auto;overflow:hidden;padding-top:10px}
.product .content div{padding-left:50px;padding-right:45px;height:300px;padding-top:40px;display:inline-block;margin-top:40px;border:1px solid #fff;border-radius:5px;background-color:#fff;-webkit-box-shadow:#e5e5e5 0px 0px 10px;-moz-box-shadow:#e5e5e5 0px 0px 10px;box-shadow:#e5e5e5 1px 0px 10px;overflow:hidden;width:calc((100% - 37px) / 2);vertical-align:text-top;margin-left:30px}
.product .content div:hover{-webkit-box-shadow:#00B266 0px 0px 10px;-moz-box-shadow:#00B266 0px 0px 10px;box-shadow:#00B266 1px 0px 10px;transform:translateY(-10px)}
.product .content div.hot{-webkit-box-shadow:#00B266 0px 0px 10px;-moz-box-shadow:#00B266 0px 0px 10px;box-shadow:#00B266 1px 0px 10px}
.product .content div:hover p.name{font-size:18px;border-bottom:1px dotted #00B266}
.product .content div.hot p.name{font-size:18px;border-bottom:1px dotted #00B266}
.product .content div.left{margin-left:0}
.product .content div.right{margin-right:0}
.product .content div p.name{height:40px;line-height:40px;padding-left:45px;padding-bottom:15px;text-align:left;font-size:16px;border-bottom:1px dotted #ccc;font-weight:bold}
.product .content div p.name a{color:#000}
.product .content div:hover p.name a{font-weight:bold}
.product .content div p.name a:hover{color:#00B266}
.product .content div a.about{display:block;margin-top:10px;height:145px;padding-bottom:10px;padding-top:10px;border-bottom:1px dotted #ccc;color:#999;line-height:35px;text-align:left;overflow:hidden;font-size:12px}
.product .content div:hover a.about{text-decoration:underline}
.product .content div a.about span{display:block;background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -1577px;padding-left:15px}
.product .content div p.more{margin-top:10px;height:35px;line-height:35px;overflow:hidden;color:#999}
.product .content div p.more a{float:right;display:block;margin-left:10px;color:#999}
.product .content div p.more a.price{float:left;margin-left:0;font-size:12px}
.product .content div p.more a.price i{font-weight:bold;color:darkorange;margin-right:3px;font-size:14px;font-style:normal}
.product .content div p.more a.price b{font-weight:bold;color:#00B000;margin-right:3px;font-size:14px}
.product .content div p.more a.buy{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -800px;width:35px;height:35px}
.product .content div p.more a.buy:hover{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -1240px;width:35px;height:35px}
.product .content div p.more a.downw{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -900px;width:35px;height:35px}
.product .content div p.more a.downw:hover{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -1300px;width:35px;height:35px}
.product .content div p.more a.downl{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -1000px;width:35px;height:35px}
.product .content div p.more a.downl:hover{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -1400px;width:35px;height:35px}
.product .content div.daiwei p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 6px}
.product .content div.security p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -94px}
.product .content div.wss p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:-3px -1702px}
.product .content div.ssl p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -295px}
.product .content div.host p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 6px}
.product .content div.sec p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -496px}
.product .content div.fcg p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -596px}
.product .content div.hbf{background-image:url(../picture/bt-new.png);background-repeat:no-repeat;background-position:190px  50px}
.product .content div.hbf p.name{background-image:url(../picture/product.png);background-repeat:no-repeat;background-position:0 -696px}
.down-linux{padding-bottom:50px;background-color:#fafafa !important;text-align:center;padding-top:50px;font-family: Poppins, sans-serif;}
.down-linux .title{width:150px;padding-left:20px;margin:auto;font-size:28px;line-height:50px;background-image:url(../img/special.png);background-repeat:no-repeat;background-position:0 -890px}
.down-linux .content{padding:49px;background-color:#fff;border-radius:5px;margin:auto;text-align:left;overflow:hidden}
.down-linux .content .c2{padding-top:0px;font-size:14px;color:#666;line-height:30px;margin-bottom:20px}
.down-linux .content .c2 p{padding-left:25px;background-image:url(../img/special.png);background-repeat:no-repeat;background-position:0 -2793px}
.down-linux .content .c2 div{border:1px solid #ebf0fc;margin-top:10px;line-height:50px;height:50px;background-color:#FFFDF5;padding:0}
.down-linux .content .c2 div a{display:block;float:left;background-color:#197345;width:58px;height:49px;text-align:center;color:#ffffff;overflow:hidden}
.down-linux .content .c2 div a:hover{cursor:pointer}
.down-linux.bg4{background-color:#f6f6f6}
.down-linux .content .c2 div textarea{height:48px;line-height:49px;padding-left:10px;width:950px;overflow:hidden;resize:none;float:left;border-radius:4px;font-size:16px;box-shadow:none;outline:0;border:2px solid #ffffff !important;background:linear-gradient(#ebeffd 10%,15%,#fff) !important;color:#2c3e50 !important}
.down-linux .content .c2 p.ubuntu{background-image:url(../img/special.png);background-repeat:no-repeat;background-position:0 -2893px}
.down-linux .content .c3{padding-top:30px;font-size:14px;color:#999;border-bottom:1px dotted #eee;padding-bottom:20px;line-height:30px}
.down-linux .content .c3 span{color:red}
.success-message{width:200px;height:50px;font-size:17px;text-align:center;position:fixed;left:45%;bottom:50%;line-height:50px;z-index:99;border-radius:4px;color:#0e52ff;background-color:#ebf0fc;box-shadow:0 0 2px 0 rgba(0,1,0,.01),0 0 0 1px #0e52ff;border:2px solid #ffffff !important;background:linear-gradient(#ebeffd 10%,15%,#fff) !important}
.success-message::after{background:linear-gradient(90deg,#3860f4 0,rgba(95,135,248,0) 100%);display:block;float:left;border-radius:4px;content:"";position:absolute;left:18px;top:16px;width:18px;height:18px;background-image:url(../images/icon-feature39d.svg)}
span.mes-text{margin-left:20px}
@media all and (max-width:768px){img.products{right:0;top:20px;margin-left:90px;position:relative;height:280px;width:120%}
h1.banner-title{font-size:20px;margin-top:0px;display:inline-block}
.index-banner-top{margin:105px 0;z-index:99;position:absolute;padding:0px 80px 0 20px}
.index-banner-top p{text-align:left;font-size:14px;color:#ccc}
h1.banner-title{font-size:20px;margin-top:0px;display:inline-block;border-left:3px solid #ffc107;padding-left:14px}
.tpm-prod-hero__btn-group{display:none}
.product-nav .stype{float:inherit;overflow:hidden;text-align:center}
.product-nav .name,.product-nav .btn-default{display:none}
.product-nav li{margin-right:0;width:25%}
.product-nav li:before{content:"";height:20px;width:1px;background:#e6e6e6;position:absolute;right:0;top:25px}
.product-banner-section{background:#020d29}
.cps-clounm{color:rgb(51,51,51);height:50px;font-size:14px;overflow:hidden;border-bottom:1px solid rgb(221,221,221);line-height:50px;text-align:center;position:relative;min-width:100%;background:#fff}
.cps-clounm .active{background:#0056ff !important}
.cps-clounm .active p{color:#fff !important}
.cps-clounm .active:after{content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:2px solid #2a62ff;height:auto;top:auto}
.cps-clounm li{display:block;width:20%;float:left;color:#000;padding:0}
.cps-clounm li p{font-weight:400}
.cps-clounm li:before{content:"";position:absolute;left:0px;width:0px;height:0px;top:0px;display:none}
.cps-clounm li:after{content:"";height:20px;width:1px;background:#e6e6e6;position:absolute;right:0;top:15px}
.news a{width:50%}
.yunwei{padding-top:0px;padding-bottom:70px;text-align:center;background-color:#fff;margin:auto;width:100%;overflow:hidden;padding:0 10px}
.product{margin-top:0px}
.yunwei .content .left{font-size:13px;line-height:30px;margin-bottom:40px}
.yunwei .content .right a{display:block;padding-top:20px;float:right;border:1px solid #F4F6F9;margin-left:0px;margin-bottom:20px;border-radius:5px;color:#474747;text-align:center;font-size:16px;height:175px;width:calc((100% - 20px) / 2);vertical-align:text-top;margin-right:10px}
.yunwei .content .right a.beifen,.yunwei .content .right a.tongzhi,.yunwei .content .right a.anquan,.yunwei .content .right a.zdh{background-image:url(#)}
.product .content div{padding-left:20px;padding-right:20px}
.yunwei .content .right a i{display:block;width:100%;margin:auto;font-size:14px;color:#999;font-style:normal;padding:20px 10px;line-height:25px;text-align:left}
.down-linux.bg4,.down-linux{background-color:#fff;border-bottom:1px solid #999}
.down-linux .content{padding:0px 10px}
.product .content div{width:100%;vertical-align:text-top;margin-left:0px}
.down-linux .content .c2 div textarea{width:80%}
.down-linux .content .c2 div a{width:20%}
.yunwei .content .left,.yunwei .smalltitle,.yunwei .content .left img,.yunwei .content .right,.product .content,.down-linux .content,.down-linux .content .c2 div,.news{width:100%}
.success-message{left:25%;bottom:50%}
.yunwei .content{text-align:left;padding-top:0px;overflow:hidden}
div#products-nav,.news{display:none}
@media (min-width: 320px) and (max-width: 767px) {
    .yunwei .smalltitle{margin:auto;background-color:#fff;color:#000;margin-top:-12px;font-size:16px;height:50px;}
}