.cmain{padding: 40px 0px 60px;}

.cmain-left{width: 75%;border:1px solid #eee;position: relative;}

.cmain-left-tuijian{display: block;position: absolute;right: -5px;top: -5px;width: 55px;height: 55px;background: url(../images/backage_rec.png) no-repeat center;}

.cmain-left-tuijian1{display: block;position: absolute;right: -5px;top: -5px;width: 55px;height: 55px;background: url(../images/backage_rec1.png) no-repeat center;}

.cmain-left-title {border-bottom: 1px solid #ddd;padding: 20px 0 20px 25px;background-color: #2c5fc8;}

.pull-left{}

.cmain-left-title-text {position: relative;font-size: 22px;color: #fff;}

.cmain-left-subtitle-text{margin-top: 5px;font-size: 14px;color: #fff;}

.cmain-pro{padding:0px 20px 20px;box-sizing: border-box;}

.cmain-pro-list{position: relative;margin: 20px auto 0px;border: 1px solid #eee;padding: 20px;box-sizing: border-box;border-radius: 6px;}

.cmain-pro-list-left{width: 80%;float: left;}

.cmain-pro-list-left ul{width: 100%;height: auto}

.cmain-pro-list-title p{font-size:18px;color: #333;line-height: 42px;padding-bottom: 0px;height:42px;}

.cmain-pro-list-title p img{margin-right: 4px;    width: 48px;float: left;}

.cmain-pro-list-left ul li{font-size: 13px; float: left;color: #666;line-height:28px;display: inline;margin-right:15px;width: 30.33%;}

.cmain-pro-list-left ul li span{margin-left: 15px;}

.cmain-pro-list-right{width: 20%;float: left;margin-top:10px;}

.cmain-pro-list-price{font-size: 16px;color: #333;/*margin-top: 15px;  */  text-align: center;}

.cmain-pro-list-price span{font-size:24px;color: #e14b4c}

.cmain-pro-more{text-align: center;text-decoration-line: none;color: #fff;background: #005fc0;margin: 0px auto 0;display:block;border-radius: 6px;width: 110px;font-size: 12px;height: 30px;line-height: 30px;}

.cmain-pro-more:hover{text-decoration-line: none;color: #fff;background: #ff7600;}




.hot1{position: absolute;background:url(../images/index_div1_hot.png) no-repeat; width:77px; height:56px; top:-10px; left:-10px;}

.hot1 span{transform: rotate(325deg); position:absolute;top:14px; left:14px; color:#FFF; font-size:12px;}





.cmain-right{width: 23%;border:1px solid #eee;}

.cmain-right-head{padding: 20px;box-sizing: border-box;text-align: center;border-bottom: 1px solid #eee;height: 94px;}

.cmain-right-head p{font-size: 22px;color: #333;}

.cmain-right-head span{font-size: 14px;color: #666;display: block;margin-top: 5px;}

.cmain-right-main{padding: 20px 20px 0px;box-sizing: border-box;}

.cmain-right-main ul li{border-bottom: 1px dashed #eee;padding-bottom: 20px;margin-bottom: 20px;}

.cmain-right-main ul li:last-child{border-bottom: none;}

.cmain-right-img{width: 21%;}

.cmain-right-desc{width: 75%;}

.cmain-right-img img{max-width: 110%;margin: 10px auto 0px}

.cmain-right-desc-top{text-align: left;}

.cmain-right-desc-title{font-size: 14px;color: #000;}

.cmain-right-desc-price{font-size: 14px;color: #888;}

.cmain-right-desc-price i{font-style: normal;font-size: 18px;color: #e14b4c}

.cmain-right-desc-main p{font-size: 12px;color: #666;margin-top:6px;}

.cmain-right-main ul li a:hover .cmain-right-desc-title{color: #2c5fc8}



#cmain-tab {overflow:hidden;zoom:1;background:#f5f8ff;}

#cmain-tab li {float:left;color:#333;height:64px;	cursor:pointer;	line-height:64px;width: 33.3333%;text-align: center; font-size:20px;}

#cmain-tab li.current {color:#fff;background:#2c5fc8;}

#cmain-tab li.current a{color: #fff;}

#cmain-content {padding: 20px;box-sizing: border-box;}

#cmain-content ul {line-height:25px;display:none;	margin:0 0px;padding:0px;}

.cmain-content-pro-list{border: 1px solid #eee;float: left;width:23%;position: relative;background: #fff;margin-right: 2.3%;padding-bottom: 20px;overflow: hidden;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}

.cmain-content-pro-list:nth-child(4){margin-right: 0px;}

.cmain-content-pro-list3{width:31.8%}

.cmain-content-pro-list3:nth-child(3){margin-right: 0px;}

.cmain-content-pro-price{width: 100%;overflow: hidden;color: #646464;text-align: center;font-size: 14px;margin: 10px 0px;}

.cmain-content-pro-price span {font-size: 26px;color:#e14b4c;}

.cmain-content-pro-title p {font-size: 16px;color: #333;font-weight: normal;line-height: 60px;text-align: center;background: #f6f6f6;}

.cmain-content-pro-title p span{font-size:24px;}

.cmain-content-pro-info {width: 100%;overflow: hidden;padding:20px;box-sizing: border-box;border-bottom: 1px dotted #eee;}

.cmain-content-pro-info p {width: 100%;font-size: 14px;line-height:40px;text-align: justify;text-justify: inter-word;}

.cmain-content-pro-info p span.red{color: #ff4d5e}





.cmain-xg{padding: 20px;box-sizing: border-box;}

.cmain-xg-li {width: 24%;float: left;border:1px solid #eee;margin-right: 1.3333%;padding-bottom: 20px;box-sizing: border-box;}

.cmain-xg-li:nth-child(4){margin-right: 0}

.cmain-xg-price {background: #fafafa;text-align: center;padding: 30px 0;line-height: 20px;}

.cmain-xg-price p {font-weight: bold;padding-bottom: 22px;font-size: 20px;}

.cmain-xg-price p.cmain-xg-cont {font-weight: normal;padding-bottom: 15px;font-size: 16px;}

.cmain-xg-cont b{color: #ff0000;font-size: 22px;}

.cmain-xg-price span {font-size: 13px;opacity: 0.8;}

.cmain-xg-conf {padding: 20px 30px;font-size: 14px;line-height:40px;color: #666;box-sizing: border-box;}





.cmain-tuoguan{padding: 20px 20px 0px;box-sizing: border-box;}

.cmain-tuoguan dl{padding: 0;margin:0;}

.cmain-tuoguan dl dt{width:32.6%;margin-right: 1%;border: 1px solid #eee;display: block;margin-bottom: 20px;float: left;padding-bottom: 20px;}

.cmain-tuoguan dl dt:nth-child(3n){margin-right: 0}

.cmain-tuoguan-title{font-size: 18px;text-align: center;background:#f6f6f6;line-height:52px;color: #333;font-weight: normal;}

.infoList {padding:15px 10px 0;margin-bottom: 20px;}

.infoList .infoListf {overflow:hidden;padding:12px 15px;border-bottom:1px dashed #eee;color: #333;text-align:left;font-size: 14px;}

.infoList .listIco {float:left;width:25px;height:25px;margin-right:12px;opacity:.46;filter:alpha(opacity=46);display:inline;background:url(../images/productIco.png) 0 0 no-repeat;}

.infoList .listIco.daikuan {background-position:-4px -4px;}

.infoList .listIco.cpu {background-position:-93px -4px;}

.infoList .listIco.yingpan {background-position:-182px -5px;}

.infoList .listIco.xianlu {background-position:-271px -4px;}

.infoList .listIco.fangyu {background-position:-4px -78px;}

.infoList .listIco.wzkj {background-position:-93px -78px;}

.infoList .listIco.neicun {background-position:-182px -78px;}

.infoList .listIco.dianli {background-position:-271px -78px;}

.infoList .listIco.ip {background-position:-4px -151px;}

.infoList .listIco.sjkkj {background-position:-93px -151px;}

.infoList .listIco.liulian {background-position:-182px -151px;}

.infoList .listIco.guige {background-position:-4px -225px;}

.infoList .listIco.jifang {background-position:-93px -225px;}

.infoList .listIco.sjklx {background-position:-182px -225px;}

.infoList .listIco.czxt {background-position:-4px -297px;}

.infoList .listIco.sjzx {background-position:-93px -297px;}

.infoList .listIco.zcyy {background-position:-182px -297px;}

.infoList span {display:block;height:25px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight: normal;font-size: 14px;color: #666}

.infoList span select{line-height:25px;color: #e14b4c}

.infoList span strong{color: #e14b4c}



.neiye-banner{background: #070E2A;height: 500px;}

.neiye-banner-left{width: 60%;margin-top:110px;}

.neiye-banner-title{font-size:28px;color: #fff;margin-top:100px;}

.neiye-banner-span{font-size: 14px;color: #fff;line-height: 30px;margin: 10px 0px 20px;}

.neiye-banner-right img{display: block;max-width: 100%;margin-top:110px;}



.sec-banner {width: 100%;height: 500px;color: #fff;overflow: hidden;position: relative;}

.sec-banner-box {width: 1200px;height: auto; margin: 0 auto;padding-top: 200px;}

.yuming-bg{background: url(../images/yuming-bg.png) no-repeat center;}

.zhongyuan-bg{background: url(../images/zhongyuan-bg.png) no-repeat center;}

.zuyong-bg{background: url(../images/zuyong-bg.png) no-repeat center;}

.tuoguan-banner {background: url(../images/tuoguan-bg.png) no-repeat;}

.tuoguan-banner1 {background: url(../images/tuoguan-bg1.png) no-repeat;}

.tuoguan-banner2 {background: url(../images/tuoguan-bg2.png) no-repeat;}

.tuoguan-banner3 {background: url(../images/tuoguan-bg3.png) no-repeat;}

.host-bg{background: url(../images/host-bg.png) no-repeat center;}

.vps-bg{background: url(../images/vps-bg.png) no-repeat center;}

.yun-bg{background: url(../images/yun-bg.png) no-repeat center;}

.gaofang-bg{background: url(../images/gaofang-banner.jpg) no-repeat center;}

.ipv6-bg{background: url(../images/ipv6-bg.png) no-repeat center;}

.fangan-bg1{background: url(../images/fangan-bg1.png) no-repeat center;}

.fangan-bg2{background: url(../images/fangan-bg2.png) no-repeat center;}

.fangan-bg3{background: url(../images/fangan-bg3.png) no-repeat center;}

.fangan-bg4{background: url(../images/fangan-bg4.png) no-repeat center;}

.dadaikuan-bg{background: url(../images/dadaikuan-bg.png) no-repeat center;}

.api-bg{background: url(../images/api-bg.png) no-repeat center;}

.sec-banner {-webkit-background-size: auto 500px;background-size: auto 500px;}

.sec-banner-box p {font-size: 30px;font-weight: normal;}

.sec-banner-box span {width: 51%;font-size: 14px;line-height: 26px;font-weight: normal;margin-top: 25px;min-height: 60px;display: block;}

.banner-btn {margin-top: 30px;}

.neiye-banner-more{border: 1px solid #fff;
    line-height: 38px;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 0px 50px;}

.neiye-banner-more:hover{background: #00aaff;color:#fff}

@keyframes movebg {

    0% {

        width: 0;

    }

    100% {

        width: 100%;

    }

}

@-webkit-keyframes movebg {

    0% {

        width: 0;

    }

    100% {

        width: 100%;

    }

}

@keyframes moveshow {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-webkit-keyframes moveshow {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@keyframes Float {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

    100% {

        transform: translateY(0);

    }

}

@-webkit-keyframes Float {

    0% {

        -webkit-transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(-10px);

    }

    100% {

        -webkit-transform: translateY(0);

    }

}

@keyframes rotationl {

    0% {

        transform: rotate(-360deg);

    }

    100% {

        transform: rotate(0deg);

    }

}

@-webkit-keyframes rotationl {

    0% {

        -webkit-transform: rotate(-360deg);

    }

    100% {

        -webkit-transform: rotate(0deg);

    }

}

@keyframes rotationr {

    0% {

        transform: rotate(360deg);

    }

    100% {

        transform: rotate(0deg);

    }

}

@-webkit-keyframes rotationr {

    0% {

        -webkit-transform: rotate(360deg);

    }

    100% {

        -webkit-transform: rotate(0deg);

    }

}



/*animation*/



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@-webkit-keyframes fadein {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@keyframes fadein {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

.fadein {

    -webkit-animation-name: fadein;

    animation-name: fadein;

}

@-webkit-keyframes fadeindown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

@keyframes fadeindown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        -ms-transform: translateY(-20px);

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}

.fadeindown {

    -webkit-animation-name: fadeindown;

    animation-name: fadeindown;

}

@-webkit-keyframes fadeinleft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@keyframes fadeinleft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0);

    }

}

.fadeinleft {

    -webkit-animation-name: fadeinleft;

    animation-name: fadeinleft;

}

@-webkit-keyframes fadeinright {

    0% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        transform: translateX(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@keyframes fadeinright {

    0% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        -ms-transform: translateX(20px);

        transform: translateX(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0);

    }

}

.fadeinright {

    -webkit-animation-name: fadeinright;

    animation-name: fadeinright;

}

@-webkit-keyframes fadeinup {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

@keyframes fadeinup {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}

.fadeinup {

    -webkit-animation-name: fadeinup;

    animation-name: fadeinup;

}

@-webkit-keyframes zoomin {

    0% {

        opacity: 0;

        -webkit-transform: scale(.3);

        transform: scale(.3);

    }

    50% {

        opacity: 1;

    }

}

@keyframes zoomin {

    0% {

        opacity: 0;

        -webkit-transform: scale(.3);

        -ms-transform: scale(.3);

        transform: scale(.3);

    }

    50% {

        opacity: 1;

    }

}

.zoomin {

    -webkit-animation-name: zoomin;

    animation-name: zoomin;

}

@-webkit-keyframes turnx {

    0% {

        opacity: 0;

        -webkit-transform: rotateY(0deg);

        transform: rotateY(0deg);

    }

    50% {

        opacity: 1;

        -webkit-transform: rotateY(90deg);

        transform: rotateY(90deg);

    }

}

@keyframes turnx {

    0% {

        opacity: 0;

        -webkit-transform: rotateY(0deg);

        transform: rotateY(0deg);

    }

    50% {

        opacity: 1;

        -webkit-transform: rotateY(90deg);

        transform: rotateY(90deg);

    }

}

.turnx {

    -webkit-animation-name: turnx;

    animation-name: turnx;

}

@-webkit-keyframes warn {

    0% {

        -webkit-transform: scale(0.1, 0.1);

        opacity: 0.0;

    }

    25% {

        -webkit-transform: scale(0.5, 0.5);

        opacity: 0.0;

    }

    75% {

        opacity: 1;

    }

    100% {

        -webkit-transform: scale(1);

        opacity: 0;

    }

}

@keyframes warn {

    0% {

        transform: scale(0.1, 0.1);

        opacity: 0.0;

    }

    25% {

        transform: scale(0.5, 0.5);

        opacity: 0.0;

    }

    75% {

        opacity: 1;

    }

    100% {

        transform: scale(1);

        opacity: 0;

    }

}