@charset "utf-8"; body{ margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Microsoft YaHei,Arial; line-height:22px; color:#212121; overflow-x:hidden; background:#fff} a{ text-decoration:none; color:#212121;} li{ list-style-type:none;} .left{ float:left;} .right{ float:right;} .clear{ clear:both;} img{ border:0;} a:hover,li a:hover{ color:#e40000;} img{ border:0; max-width:100%;} h1,h2,h3,h4,p,ul,li{margin:0;padding:0;} @font-face { font-family: 'iconfont'; /* project id 1086039 */ src: url('//at.alicdn.com/t/font_1086039_0auamu6gvfth.eot'); src: url('//at.alicdn.com/t/font_1086039_0auamu6gvfth.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1086039_0auamu6gvfth.woff2') format('woff2'), url('//at.alicdn.com/t/font_1086039_0auamu6gvfth.woff') format('woff'), url('//at.alicdn.com/t/font_1086039_0auamu6gvfth.ttf') format('truetype'), url('//at.alicdn.com/t/font_1086039_0auamu6gvfth.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:14px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;} @font-face { font-family: ambient; src:url('../font/ambient.woff.eot'); src:url('../font/ambient.woff.eot?#iefix') format('embedded-opentype'), url('../font/ambient.woff.ttf') format('truetype'), url('../font/ambient.woff.otf'), url('../font/ambient.woff2') format('woff2'), url('../font/ambient.woff') format('woff'), url('../font/ambient.svg') format('svg');}.content{width:100%;} .content_1440{max-width:1200px; width:98%;margin:0 auto;} .content_1200{max-width:1200px; width:98%;margin:0 auto;} .header{width:100%; border-bottom:1px #dcdcdc solid;font-size:12px;color:#757575; line-height:33px; height:32px;} .header .HCLeft{widht:60%; float:left;} .header .HCRight{widht:60%; float:right;} .header .HCRight a{color:#757575;} .header .HCRight a .iconfont{margin-right:6px;} .header .HCRight .tel{background:#383838;padding:4px 8px; color:#fff; font-size:16px;margin-left:10px;} .logo{padding:20px 0;} .Llogo{max-width:406px;float:left;width:36%;} .Lmenu{width:63%;float:right;text-align: right;} .Lmenu a{padding:1%;line-height:66px; font-size:16px;} .lcmenu{background:#eee;padding:12px 0;} .lcmenu .content_1440{background:#e40000;} .lcmenu .content_1440 li{width:20%;float:left; color:#fff;text-align:center; border-left:1px #fff solid;box-sizing:border-box;padding:25px 0;letter-spacing:3px;} .lcmenu .content_1440 li:nth(1){border:none;} .lcmenu .content_1440 li .iconfont{font-size:26px;} /*banner*/ #banner{ width: 100%; position: relative; } #banner ul{ overflow: hidden; margin-bottom: 0; } #banner ul li{ list-style: none; display: none; } #banner img{ width: 100%; } #p{ width: 90px; position: absolute; left: 48%; bottom: 3%; } #p p{ width: 10px; height: 10px; border-radius: 50%; background: #1c67c4; float: left; margin-left: 10px; } #p p:nth-child(1){ margin-left: 0; } #p .on{ background: #fff; } #leftt{ font-size: 60px; font-weight: bold; color: #fff; position: absolute; left: 5%; top: 45%; display: none; text-decoration: none; } #rightt{ font-size: 60px; font-weight: bold; color: #fff; position: absolute; right: 5%; top: 45%; display: none; text-decoration: none; } /*banner*/ .index_title{text-align:center;margin-top:50px;} .index_title h3{font-size:40px; line-height:32px;padding-bottom:20px;} .index_listpic{margin-top:3%;} .index_listpic a{display:block;float:left;width:25%; text-align:center;} .index_listpic a img{width:96%;} #case{widht:100%;} #case #CTitle{text-align:center;max-width:800px; width:100%;margin-left:auto;margin-right:auto;padding:30px 0;} #case #CTitle p{float:left;width:20%;} #case #CTitle p:hover a{background:#e90000; color:#fff;padding:4px 12px;} #case ul{width:100%;} #case ul li{width:24%;float:left;margin:0.5%; position:relative;} #case ul li img{width:100%;} #case ul li .text{position:absolute;background: rgba(0, 0, 0, 0.6);color:#fff;width:100%;height:68%;display:none;text-align:center;bottom:0;} #case ul li .text p{font-size:20px;padding-top:15%;} #case ul li .text .more{font-size:10px;background:#ebaa43;border-radius: 15px;width:90px;margin-left:auto;margin-right:auto;margin-top:30px;padding:2px 6px;} #case ul li .text .more .iconfont{font-size:10px;} #case ul li:hover .text{display:block;} .server{margin-top:30px;} .server .SList{width:25%; float:left; text-align:center;color:#fff;padding-top:9%;padding-bottom:10%;} .server .SList h2{font-weight:normal;font-size:26px; text-transform:uppercase; line-height:30px;} .server .SList p{margin-bottom:9%;} .server .SList .SLine{width:20px; height:1px; background:#fff;margin:0 auto;} .server .SList a{color:#fff;} .server .SList .more{font-size:10px;background:#ebaa43;border-radius: 15px;width:90px;margin-left:auto;margin-right:auto;margin-top:33%;padding:2px 6px;} .server .SList .more .iconfont{font-size:10px;} .server .canguan{background:url(../images/s_gd.jpg) no-repeat center;} .server .tiyan{background:url(../images/s_tyg.jpg) no-repeat center;} .server .jijia{background:url(../images/s_jj.jpg) no-repeat center;} .server .liuyan{background:url(../images/s_ly.jpg) no-repeat center;} .server .liuyan{padding-top:6%;padding-bottom:4%;} .server .liuyan h2{font-weight:normal;font-size:26px; text-transform:uppercase; line-height:30px;} .server .liuyan p{margin-bottom:8%;} .STitle{text-align:center;max-width:800px; width:100%;margin-left:auto;margin-right:auto;padding:20px 0;} .STitle a{padding:3px 2%;margin:0 2%;} .STitle .more{background:#a5a5a5;} .site .SPic{width:24%;float:left;margin:0.5%;} .site .SPic img{width:100%;} .site .SPic .text{width:100%;margin-top:4%;} .site .SPic .text h3{line-height:30px; font-size:18px;color:#383838;} .site .SPic .text p{padding-top:2%;line-height:20px;color:#656565;} .site .SPic .text .more{font-size:10px;border:1px #383838 solid;width:108px;margin-top:3%;padding:2px 6px; text-align:center;color:#656565;text-transform:uppercase;} .site .SPic .text .more .iconfont{font-size:10px;} .site .SPic:hover .text .more{background:#ebaa43; border:1px #F0A124 solid; color:#fff;} .news{margin-top:30px; } .NOne{width:36%; float:left;border:1px #eee solid;box-sizing:border-box; overflow:hidden;padding-bottom:2%;} .NOne img{width:100%;} .NOne .NOTop{padding:7% 0;width:86%;border-bottom:1px #d6d6d6 dashed;margin-left:auto;margin-right:auto;} .NOne .NOTop img{width:37%; float:left;} .NOne .NOTop .NOText{width:60%; float:right;} .NOne .NOTop .NOText h3{font-size:16px;font-weight:normal; line-height:32px;white-space:nowrap;overfloat:none;} .NOne .NOTop .NOText p{font-size:13px; line-height:17px;color:#666;} .NOne ul, .NTwo ul{padding:7% 0 5%;width:86%;margin-left:auto;margin-right:auto;} .NOne ul li{height:35px; line-height:30px;white-space:nowrap;overfloat:none;} .NTwo{width:32%;float:left;border:1px #eee solid;border-left:none;box-sizing:border-box; overflow:hidden;margin-top:3%; text-align:center;padding:3% 0;} .NTwo ul{padding-top:3%;} .NTwo li{text-align:left; border-bottom:1px dashed #d6d6d6; height:40px; line-height:44px;white-space:nowrap;overfloat:none;} .NTwo li:nth-child(6){border:none;} .NOne:hover, .NTwo:hover{border:#ebaa43 1px solid;} .NOne .iconfont, .NTwo .iconfont{color:#CCC;float:right;font-size:46px;margin-right:3%;} .NOne .iconfont:hover, .NTwo .iconfont:hover{color:#ebaa43;} .bottom{background:#333;margin-top:30px;} .BCLeft{width:65%;float:left;margin:8% 0;} .BCLeft ul, .BCLeft a{color:#dad4d4;} .BCLeft h3{line-height:30px;padding-bottom:30px;color:#fff;} .BCLeft ul{padding:0 6%;border-left:1px #615d5d solid;float:left; height:180px;text-align:center;} .BCLeft ul:nth-child(1),.BCLeft ul:nth-child(4){padding-left:0;border-left:none;} .BCLeft ul li{line-height:30px;} .BCRight{width:32%;float:right;margin:8% 0;} .BCRight .BCRLx{text-align:center;float:left;} .BCRight .BCRLx h4{font-weight:normal;color:#dad4d4; line-height:44px;} .BCRight .BCRLx p{font-family: ambient;font-size:30px;color:#ff0000;padding-bottom:3px;} .BCRight .BCRLx a{border:1px #e00000 solid; color:#fff;padding:6px 26px; background:#ec0000;} .BCRight img{background:#fff;padding:2%;float:right;} .bottom .copyright{background:#e00000;padding:1% 3%;color:#fff;} .bottom .copyright a{color:#fff;} .weizhi{border-bottom: #d5ddf0 1px solid;background: #f4f6fa;color: #666;font-size: 14px;height: 45px;line-height: 45px;} .sub_banner{width:100%;background:url(../images/sub_banner.jpg) no-repeat center top;height:350px;} .pro_ban, .pro_banner{width:100%;background:url(../images/cp_banner.jpg) no-repeat center top;height:300px;} /*article*/ .container{margin-top:30px;} .container .title{font-size: 26px;text-align: left;} .container .time{font-size:12px;color: #adadad;margin:20px 0;} .line1{width:100%; height:1px;background:#f0efef;margin: 20px 0;} .container .Content_text, .CMain .CMText .description{line-height: 2.5em; color:#676767;font-size:16px;} .container .Content_text p, .CMain .CMText .description p{margin-bottom:20px;} .container .Page{border-top:1px #f0efef dashed;width:100%; color:#666;margin-top:50px;padding-top:30px;} .container .Page span{margin-right:20px;} .container .Page a{color:#666;} .CMain{width:100%; background:#F5F5F5;padding:3% 40px;} .CMain .CMPic{width:42%;float:left;} .CMain .CMPic img{width:100%;} .CMain .CMText{width:50%; float:right;padding-top:4%;} .CMain .CMText h1{font-size:36px;/* font-weight:normal;*/margin-bottom:30px;} .Content_text h2{color:#000;font-weight:normal;} .lx_main li{width:28.5%;float:left;margin-right:1%;padding:1% 2%; text-align:center;box-shadow: 0 0 35px rgba(0,0,0,.1);} .lx_main li:nth-child(3){margin-right:0;} /*newlist*/ .newlist{padding:30px 5px;border-bottom:1px #eee dashed;} .newlist .newtime{width:84px; float:left; margin-right: 15px;padding-top:2px;text-align:right;} .newlist .newtime p{font-size:24px;} .newlist .newtime span{color:#999;} .newlist .newtext{width: calc(100% - 99px);float:right;} .newlist .newtext h2{font-size:16px; font-weight:normal;margin-bottom:10px;} .newlist .newtext p{color:#999;} .content_1200 .STitle a{margin: 0 1%;} /*piclist*/ .piclist{width:25%;float:left;} .piclist li{width:96%;margin-left:auto;margin-right:auto;background:#f2f2f2;cursor: pointer;overflow: hidden;} .piclist li img{width:100%; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s;} .piclist li img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .piclist li h4{font-size:16px; text-align:center; line-height:40px;font-weight:normal;} .container .STitle{border-bottom:1px #f0efef solid;} .container .STitle a{border:1px #717171 solid;} .container .STitle a:hover{border:1px #F2AA09 solid; background:#e40000;color:#fff;} .lx_pic{width:25%; float:left;text-align:center;} .friendlink{margin-top:20px;} table tr:nth-child(odd){background:#F4F4F4;} table tr:nth-child(1){background:#fc0000;color:#FFF;} table tr{text-align:center;} table tr:hover{background:#900;color:#fff;} .m_floating_ck{display:none;} .xgcp{margin-top:30px;} .xgcp h1{border-bottom: 1px #eee solid; margin-bottom: 30px;line-height: 46px;} .news_cp{width:100%;} .news_cp ul { clear: both; overflow: hidden; margin-left: -2%; } .news_cp ul li { float: left; width: 48%;*width:46%; padding: 10px 1%; margin-left: 2%; margin-top: 20px; border: 1px dashed #CCC; box-sizing: border-box; } .news_cp ul li h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news_cp ul li time { display: inline-block; color: #999; padding-left: 24px; margin: 5px 0; background: url(../images/time.png) no-repeat left top; background-size: 20px; } .news_cp ul li p { color: #444; height: 48px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 分页 */ .page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; margin-top:30px;} .page a,.page span{display:block;color:#333;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */ .page a:hover, .page a.current{color:#000;border:1px solid #e40000} /* 当前链接有激活时 */ .page input{padding:0px;color:#333;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */ .nvv{display:none;} .synew {margin-top: 30px;} .synew .video {float: left;width: 50%;} .synew .txt{float: right;width: 46%;font-size: 17px;text-indent: 2em;} .synew .txt p {margin-top: 6px;} /*phone*/ @media screen and (max-width:1280px){ .Lmenu a.tdvr {display: none;} } @media screen and (max-width:1100px){ .form{height:auto;padding:7px;} .form div {margin-bottom: 5px;} .server .liuyan h2{line-height:25px;} .BCRight{width:35%;} .NOne .NOTop .NOText h3{line-height:18px;} .synew {margin-top: 20px;} .synew .video {width: 100%;float: none;text-align: center;} .synew .txt {float: none;width: 100%;margin-top: 20px;} } @media screen and (max-width: 780px){ .Llogo{margin-left:auto;margin-right:auto;float:none;width:100%;} .Lmenu{width:100%;background:#e40000;margin-top:4%} .Lmenu a{width:25%;display:block;float:left;text-align:center;padding:0;border-bottom: 1px #ff5555 solid;border-right: 1px #ff5555 solid;box-sizing:border-box;line-height:38px;color:#fff;} .server .liuyan{padding-top:5%;} .BCLeft ul{padding:0 5%;} .BCLeft{width:62%;} .BCRight{width:38%;} .form div input{padding:0 4px;} .form div {margin-bottom: 3px;} .server .liuyan p {margin-bottom: 7%;} .m_floating_ck{display:block;position: fixed;bottom: 22%;right: 0;} .nvv{width:100%;height: 40px;background-color:#e90101;position: fixed;z-index: 9999;bottom: 0px;display: block;} .nvv ul{margin: 0px;padding: 0px;} .nvv li{width:33.33333%;float: left;color: #FFF;text-align: center;display: inline-block;} .nvv li a{color: #fff;display: block;height: 40px;line-height: 40px;font-size: 14px;font-weight: bold;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #ff7e7e;border-bottom-color: #ff7e7e;text-decoration: none;border-top-width: 1px;border-top-style: solid;border-top-color: #ff7e7e;} } @media screen and (max-width: 740px){ .server .liuyan p {margin-bottom: 4%;} .BCLeft{width:100%;} .BCLeft ul:nth-child(1){padding-left:6%;} .BCRight{width:60%;margin-left:auto;margin-right:auto;float: none;} } @media screen and (max-width: 640px){ .header, .Lmenu .first, .server .SList, .STitle .more, .site .SPic .text p, .site .SPic .text .more, .BCLeft, .pro_ban, .Content_text iframe{display:none;} .logo{padding-bottom:0;} .banner, .sub_banner{width:98%;margin:0 auto;} .lcmenu .content_1440 li{letter-spacing: 0px;} #case ul li,.site .SPic{width:49%;} .index_title{margin-top:15px;} #case #CTitle{padding-top:10px;} .server .liuyan{display:block;width:100%} .form{padding: 28px;} .form div {margin-bottom: 8px;} .form div input {padding: 8px 6px;} .form .btn{padding: 6px;} .site .STitle a{padding-left:0;padding-right:0;} .site .SPic .text h3{text-align:center;} .NOne, .NTwo, .BCRight, .CMain .CMPic, .CMain .CMPic img, .CMain .CMText, .Content_text img{width:100%;} .NTwo ul{padding-top:0;} .BCRight{padding:20px 0;} .sub_banner{height:145px;background-size:200%;} .piclist{width:50%;} .lx_main li{width:98%;} .CMain{padding:3%;width:94%;} .container .Content_text p, .CMain .CMText .description p{margin-bottom: 0px;} .lx_main ul li img{width:110px;} .container .title{line-height:30px;} #case #CTitle p{width:25%;} .news_cp ul li{width:98%;*width:45%;} .index_listpic{margin-top:3%;} .index_listpic a{width:50%;} }