@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0;padding:0;box-sizing: border-box}
body{font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1300px;overflow-x: hidden;}
li{list-style:none;}
img{border:0}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
input,textarea,button{outline:0;border:0;resize:none;}
.text-cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.container{max-width: 1300px;margin: 0 auto}
.text-center{text-align: center}
.fl{float: left}
.fr{float: right}
.clear{clear: both}

/*============================ 头部 ============================*/
header{position: absolute;z-index: 1;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2);}
.top{display: flex;justify-content: space-between;align-items: center;}
.nav ul{display: flex;justify-content: space-between}
.nav ul li{font-size: 16px;line-height: 80px;position: relative;margin-left: 45px;}
.nav ul li a{color: #fff}
.nav ul li:after{content: '';position: absolute;bottom: 0;left: 0;right:0;margin:auto;height: 2px;width:0;background: #f7b10a;transition: all 0.5s ease 0s;}
.nav ul li:hover:after,.nav ul li.on:after{width: 100%}


/*============================ banner ============================*/
.banner{overflow: hidden;position: relative;height: 717px;}
.banners{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);color: #fff;}
.banners dl h2{font-size: 42px}
.banners dl p{line-height: 2;margin: 20px 0}
.banners dl dd a{display: inline-block;width: 140px;line-height: 42px;border: 1px solid #fff;text-align: center;color: #fff;margin-right: 10px;font-size: 16px}
.banners dl dd a:hover{background: #f7b10a;color: #fff;border-color: #f7b10a}


/*============================ 首页 ============================*/
.bg{background: #f8f8fa;padding-bottom: 60px}

.title{text-align: center;padding-top: 45px}
.title h2{font-size: 42px;}
.title p{font-size: 18px;color: #666;margin-top: 15px;}
.title h2 span{font-size: 18px;color: #ff8a0b;}
.title h2 span b{font-size: 36px}

.oneA{overflow: hidden;border: 1px solid #cfd6e3;padding: 40px;background: #fff;margin-top: 30px}
.oneAa{display: flex;justify-content: space-between}
.oneAa dl{width: 760px;line-height: 2}
.oneAa dl p i{display: inline-block;width: 5px;height: 5px;background: #666;border-radius: 100%;vertical-align: middle;margin-right: 6px;margin-top: -4px}
.oneAa dd img{width:360px}

.oneAb{margin-top: 30px}
.oneAb h2{font-size: 18px}
.oneAb ul li{display: flex;margin-top: 24px}
.oneAb ul li dd{width: 27px;margin-right: 15px}
.oneAb ul li dd img{max-width: 100%}
.oneAb ul li dl{width: 94%}
.oneAb ul li dl p{font-size: 18px;margin-bottom: 8px}
.oneAb ul li dl span{color: #666;line-height: 20px}

.oneB{margin-top: 30px}
.oneB ul{display: flex;justify-content: space-between}
.oneB ul li{background: #fafcfd;width: 33.33%;text-align: center;padding:35px 0 50px}
.oneB ul li dd{height: 151px;position: relative}
.oneB ul li dd img{position: absolute;bottom: 0;left: 0;right: 0;margin: auto}
.oneB ul li h3{margin-top: 60px;font-size: 24px}
.oneB ul li p{font-size: 16px;color: #666;margin-top: 20px}
.oneB ul li b{display: block;font-size: 20px;margin-top: 10px}
.oneB ul li a{display: inline-block;width: 140px;line-height: 40px;background: #f7b10a;text-align: center;color: #fff;margin-top: 30px}
.oneB ul li:nth-child(2){background: #EBF2F8}
.oneB ul li a:hover{background: #ff8a0b}

.oneC{background: url("../img/oc.png") no-repeat center;padding: 30px 0 90px;margin-top: 60px}
.oneC .title h2{color: #fff}
.oneC .title p{color: #fff}
.oneCa{margin-top: 60px}
.oneCa ul{display: flex;justify-content: space-between}
.oneCa ul li{width: 25%;text-align: center}
.oneCa ul li dd{height: 72px;position: relative}
.oneCa ul li dd img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneCa ul li p{font-size: 16px;color: #fff;margin-top: 30px}
.oneCa ul li p b{font-size: 40px}

.oneCb{width: 80%;margin-top: 60px}
.oneCb ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneCb ul li{line-height: 42px;text-align: center;font-size: 16px;color: #fff;padding: 0.5px;width: 50%}
.oneCb ul li p{background: rgba(255,255,255,0.1);}
.oneCb ul li:nth-child(1) p{border-top-left-radius: 50px;}
.oneCb ul li:nth-child(2) p{border-top-right-radius: 50px}
.oneCb ul li:nth-child(3) p{border-bottom-left-radius: 50px;}
.oneCb ul li:nth-child(4) p{border-bottom-right-radius: 50px}

.oneD{padding-top: 60px;overflow: hidden;display: flex;justify-content: space-between}
.oneDl{width: 550px;}
.oneDl h3{font-size: 32px;font-weight: normal;margin-bottom: 30px}
.oneDl p{display: flex;font-size: 16px;line-height: 35px;margin-bottom: 15px}
.oneDl p img{width: 20px;height: 20px;display: inline-block;margin-right: 10px;flex-shrink: 0;line-height: normal;margin-top: 8px;}
.oneDr{width: 660px;}
.oneDr ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneDr ul li{width: 320px;height: 230px;overflow: hidden;position: relative;margin-bottom: 20px}
.oneDr ul li img{max-width: 100%;transition: transform 0.5s;}
.oneDr ul li p{position: absolute;background-color: rgba(255,255,255,0.7);color: #2e3033;font-size: 12px;left: 10px;bottom: 10px;padding: 5px 10px;}
.oneDr ul li:hover img {transform: scale(1.1);}

.oneE{margin-top: 50px}
.oneEa{margin-top: 35px}
.wid432{width: 432px;text-align: left!important;padding-left: 140px}
.wid179{width: 181px;}
.oneEa table tr:first-child td{border-right:none!important;}
.oneEa table tr td:nth-child(1){box-shadow: inset 5px 0 12px -14px #9e9e9e;border-right:1px solid #F3F3F5!important;}
.oneEa table td{border-right:1px solid #F3F3F5!important;}
.oneEa table td{border-bottom:none!important;border-top:none!important;}
.oneEa table tr:first-child{background:#E7EAEF;}
.oneEa table tr:first-child td{color:white;background: #ff8a0b;}
.oneEa table tr td{border: none;}
/*.oneEa table tr td:first-child{padding-left:70px;}*/
/*.oneEa table tr td:first-child{padding-left:0;}*/
.row1{background:#FCFDFE!important;}
.oneEa table {width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.oneEa table tr {height: 52px;}
.oneEa table tr td {text-align: center;border-top: 1px solid #eee;height: 50px;border-right: 1px solid #eee;}
.type-table{padding-top: 35px;}
.type-table tr td {border-right: none;}
.type-table tr td:last-child {border-right: 1px solid #eee;}
.oneEa table tr td strong {display: inline-block;font-style: normal;font-size: 20px;color: #ff6600;}
.oneEa table tr td {color: #4c4c4c;}
.oneEa table tr:first-child {width: 166px;font-size: 14px;background: #fafafa;height: 35px;}
.oneEa table tr td:first-child {width: 219px;text-align: left;padding-left: 70px;background: white;}
.oneEa table tr:first-child td:first-child{background:#E7EAEF;}
.oneEa table tr td.huise {width: 230px;background: #fff;font-size: 14px;text-align: center !important;padding-left: 0px;}
.oneEa table tr td.huise span,.oneEa table tr td .addicon-wrap{position: relative;margin-right: 10px;}
.oneEa table tr td.huise .addicon{position: absolute;top: -5px;left: 9px;font-size: 12px;font-style: normal;}
.oneEa table tr td .addicon-wrap .addicon{position: absolute;top: -5px;left: 44px;font-size: 12px;font-style: normal;}

.oneF{margin-top: 30px;}
.oneF ul li{box-shadow: 0 4px 16px rgb(0 0 0 / 6%);padding: 5px 10px 15px;margin-top: 10px;background: #fff}
.oneF ul li h3{line-height: 50px;font-size: 16px;font-weight: normal}
.oneF ul li i{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;background: #222222;border-radius: 4px;font-style: normal;font-size: 16px;color: #FFF;margin-right: 20px;}
.oneF ul li dl{display: flex;margin-top: 8px}
.oneF ul li dl i{background: #FF8A0B}
.oneF ul li dd{width: 96%;color: #666;line-height: 1.8}
.oneF ul li dl .orange{background: #FF5F1F}
.oneF ul li dl .green{background: #2ea039}
.oneF ul li dl .purple{background: #8660C4}
.oneF ul li dl .light_green{background: #4ED17F}
.oneF ul li dl .blue{background: #2086ee}
.oneF ul li dl .deep_purple{background: #5B0DB1}
.oneF ul li dl .red{background: #e2070b}

footer{margin-top: 60px;border-top: 1px solid #ececec}
.foota ul{display: flex;justify-content: space-between}
.foota ul li{width: 25%;text-align: center;display: flex;align-items: center;font-size: 18px;line-height: 90px}
.foota ul li img{margin-right: 5px}
.footb{background: #3b3b3b;padding: 20px 0}
.footbs{display: flex;flex-wrap: wrap}
.footbs a{color: #d7d8d8;padding: 8px 0;margin-right: 2%}
.footc{background: #2c2c2c;overflow: hidden;padding: 25px 0;text-align: center;color: #d7d8d8}
.footc a{color: #d7d8d8}
.footc p{padding: 8px 0}

/*qq浮动qq*/
.float_qq
{ right:0px;  z-index: 999;}
.float_qq ul
{ margin:0; padding:0;}
.float_qq ul li{width: 48px;height: 48px;list-style:none;background:#f8f8f8;border-radius: 5px;margin-top: 5px;position: relative;text-align: center;}
.float_qq ul li a{text-decoration: none;color: #848484}
.float_qq ul li p{color: #848484;width: 100%;height: 100%;line-height: 18px;padding-top: 5px;opacity:0;transition: all 0.3s ease}
.float_qq ul li:nth-child(1){background: url("../../imges/fd1.png") #f7b10a no-repeat center}
.float_qq ul li:nth-child(2){background: url("../../imges/fd2.png") #f8f8f8 no-repeat center}
.float_qq ul li:nth-child(3){background: url("../../imges/fd3.png") #f8f8f8 no-repeat center}
.float_qq ul li:nth-child(1):hover{background: #f7b10a;}
.float_qq ul li:nth-child(1) a{color: #fff}
.float_qq ul li:nth-child(1) p{color: #fff}
.float_qq ul li:hover p{opacity: 1;transition: all 0.3s ease}
.float_qq ul li:hover{background:#f8f8f8;}
.float_qq ul li:nth-child(4){padding-top: 10px;box-sizing: border-box}
.float_qq ul li i{display: block;background: url("../../imges/fd4.png") no-repeat center;width: 22px;height: 13px;margin: 0 auto;}
.float_qq ul li:nth-child(4):hover i{background: url("../../imges/fd4h.png") no-repeat center}
.float_qq ul li:nth-child(4):hover{background:#f7b10a!important;}
.float_qq ul li:nth-child(4):hover span{color: #fff}
.float_qq ul li .fdtel{position: absolute;top: -25px;right: 67px;width: 260px;background-color: #fff;border: 1px solid #ccc;border-top: 4px solid #f7b10a;
    padding: 15px 20px 5px;text-align: left;display: none;line-height: 1.8}
.float_qq ul li .fdtel label{display: block;width: 13px;height: 60px;background: url(../../imges/arrow.png) no-repeat;position: absolute;right: -13px;top: 26px;}
.float_qq ul li .fdtel b{font-size: 22px;color: #f7b10a}
.float_qq ul li .fdtel p{color: #aaa;opacity: 1;margin-bottom: 0;padding-top: 0}
.float_qq ul li dd{float: left;margin-top: 8px}
.float_qq ul li dl{float: right}
.float_qq ul li:nth-child(2):hover .fdtel{display: block}
.float_qq ul li .fdewm{position: absolute;top: -45px;right: 40px;width: 160px;text-align: left;line-height: 1.8;display: none;}
.float_qq ul li:nth-child(3):hover .fdewm{display: block}

/*眉山服务器租用*/

.msfwqtg{background-image: linear-gradient(to right, #282536, #84610e);padding: 30px 0 70px;margin-bottom: 30px}
.msfwqtg h2,.msfwqtg p{ color:#FFFFFF}
.msfwqtg .lr{ color:#FFFFFF; line-height:200%;padding-top:30px;}
.msfwqtg h2 a{ color:#FFFFFF}
.msfwqtg h2 a:hover{border-bottom: 1px solid #FFFFFF;}
.msfwqtg .lr a:hover{background: #f7b10a; color:#FFFFFF}
.msfwqtg .lr a{color: #282536; background:#FFFFFF ;display: inline-block;width: 260px;line-height: 50px;text-align: center;margin-top: 30px}