@charset "utf-8";
@font-face {
    font-family: 'HanHei-SC';
    font-style: normal;
    src: url(../../fonts/HanHei-SC-thin.woff) format("woff");
}
@font-face{
    font-family:'bebasregular';
    src:url(../../fonts/bebas-webfont.woff2)format('woff2'),
    url(../../fonts/bebas-webfont.woff) format('woff');
    font-style:normal;
    font-weight:normal
}
@font-face {font-family: "iconfont";
    src: url('../../fonts/iconfont.eot'); /* IE9*/
    src: url('../../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*============================ 初始化样式 ============================*/
* {margin:0;padding:0;box-sizing: border-box}
body {color:#333;font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;overflow-x: hidden;min-width: 1200px}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: none}
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
/*限制文字,文字超出显示冒号*/
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.container{width:1200px; margin:0 auto;}
.container2{width: 1000px;margin: 0 auto}

/*qq浮动qq*/
.float_qq { right:0;  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") #0a84c9 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: #0a84c9;}
.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:#0a84c9!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 #0a84c9;
    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: #0a84c9}
.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}

header{background: #202020}
.head{display: flex;justify-content: space-between;align-items: center}
.nav{width: 70%}
.nav ul{display: flex;justify-content: space-between}
.nav ul li{line-height: 80px}
.nav ul li a{color: #fff;font-size: 16px;}

.banner{background: url("../../imges/service_banner.png") #91D3D9 no-repeat center;height: 360px;overflow: hidden;}
.banner dl{margin-top: 60px;color: #27394C;text-align: center;}
.banner h2{font-size: 48px;font-weight: 600}
.banner p{font-size: 18px;line-height: 28px;margin: 20px 0}
.banner a{display: inline-block;font-size: 20px;line-height: 40px;font-weight: lighter;color: #FFF;text-decoration: none;background-color: #EF6A54;text-align: center;width: 160px;height: 40px;border-radius: 6px;}

.title{text-align: center;margin-top: 70px;overflow: hidden}
.title h2{font-size: 30px;color: #0987c9;line-height: 32px;}
.title p{color: #999999;line-height: 22px;margin-top: 5px;}
.title h2 font{color: #f7961e}
.title span{font-size: 18px;color: #ff9c21}

.dyyA{background: url(../../imges/web-operation-a.png) center top no-repeat;height: 878px;margin-top: 50px;position: relative;}
.dyyA .txt{position: absolute;text-align: center;}
.dyyA .txt h3{font-size: 16px;color: #333;}
.dyyA .txt p{font-size: 12px;color: #666;margin-top: 10px;line-height: 1.5;}
.dyyA .a{width: 240px;top: 140px;left: 60px;}
.dyyA .b{width: 220px;top: 20px;left: 400px;}
.dyyA .c{width: 210px;top: 220px;left: 680px;}
.dyyA .d{width: 210px;top: 500px;left: 675px;}
.dyyA .e{width: 210px;top: 640px;left: 377px;}
.dyyA .f{width: 210px;top: 550px;left: 120px;}

.dyyB{background: #e9f7ff;overflow: hidden;margin-top: 70px;padding-bottom: 70px;}
.dyyBs{background: url(../../imges/web-operation-b.png) center top no-repeat;height: 490px;margin-top: 70px;position: relative;}
.dyyBs .txt{font-size: 12px;color: #666;line-height: 20px;position: absolute;}
.dyyBs .txt p{background: url(../../imges/web-operation-arrow.png) no-repeat;text-indent: 18px;}
.dyyBs .a{left: 325px;top: 48px;}
.dyyBs .b{left: 650px;top: 215px;}
.dyyBs .c{left: 270px;top: 345px;}
.dyyBs .a p{background-position: 0 6px;}
.dyyBs .b p{background-position: 0 -26px;}
.dyyBs .c p{background-position: 0 -56px;}

.dyyC{overflow: hidden;margin-bottom: 70px}
.dyyC ul li {float: left;width: 192px;margin: 70px 29px 0 29px;}
.dyyC ul li span {-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;background: url(../../imges/web-operation-ico.png) no-repeat;display: block;width: 130px;height: 130px;margin: 0 auto;}
.dyyC ul li span:hover {-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;background: url(../../imges/web-operation-ico.png) no-repeat;}
.dyyC ul li h3 {font-size: 16px;color: #333;line-height: 22px;margin-top: 20px;text-align: center;}
.dyyC ul li p {font-size: 12px;color: #666;line-height: 22px;margin-top: 10px;}
.dyyC ul li span.ico-a {background-position: center 0;}
.dyyC ul li span.ico-a:hover {background-position: center -131px;}
.dyyC ul li span.ico-b {background-position: center -262px;}
.dyyC ul li span.ico-b:hover {background-position: center -393px;}
.dyyC ul li span.ico-c {background-position: center -524px;}
.dyyC ul li span.ico-c:hover {background-position: center -655px;}
.dyyC ul li span.ico-d {background-position: center -786px;}
.dyyC ul li span.ico-d:hover {background-position: center -917px;}


/*网站优化*/
.wlyxA{background: url("../../imges/optimizefoota.png") no-repeat center bottom;padding-bottom: 70px;text-align: center;margin-top: 70px}

.wlyxB{overflow: hidden;background: #007abd;}
.wlyxBs{margin-top: 70px;text-align: center}
.wlyxBline{height: 50px;background: url("../../imges/optimizefootb.jpg") no-repeat center;}

/*网络安全*/
.safeA{margin-top: 70px;overflow: hidden}
.safeA ul {margin-bottom: 25px;padding-bottom: 30px;overflow: hidden;background: url(../../imges/linebg.png) no-repeat center bottom;}
.safeA ul li {width: 230px;height: 130px;margin-right: 20px;float: left;}
.safeA ul li h4 {margin-left: 80px;font-size: 16px;color: #333;margin-bottom: 10px;}
.safeA ul li p {margin-left: 80px;font-size: 12px;color: #999999;}
.safeA ul .guardicon {float: left;width: 70px;height: 70px;background: url(../../imges/guardicon.png) no-repeat;}
.safeA ul .guardicon0 {background-position: 0 0;}
.safeA ul .guardicon1 {background-position: 0 -120px;}
.safeA ul .guardicon10 {background-position: 0 -240px;}
.safeA ul .guardicon11 {background-position: 0 -360px;}
.safeA ul .guardicon12 {background-position: 0 -480px;}
.safeA ul .guardicon13 {background-position: 0 -600px;}
.safeA ul .guardicon14 {background-position: 0 -720px;}
.safeA ul .guardicon15 {background-position: 0 -840px;}
.safeA ul .guardicon2 {background-position: 0 -960px;}
.safeA ul .guardicon3 {background-position: 0 -1080px;}
.safeA ul .guardicon4 {background-position: 0 -1200px;}
.safeA ul .guardicon5 {background-position: 0 -1320px;}
.safeA ul .guardicon6 {background-position: 0 -1440px;}
.safeA ul .guardicon7 {background-position: 0 -1560px;}
.safeA ul .guardicon8 {background-position: 0 -1680px;}
.safeA ul .guardicon9 {background-position: 0 -1800px;}

.safeB{margin-top: 30px}
.safeB table {text-align: center;border-collapse: collapse;border-spacing: 0;}
.safeB table th {color: #16abfc;padding: 20px 0;text-align: center;border: 1px solid #a6e5ff;font-size: 12px;font-weight: normal;}
.safeB table .high-light {background-color: #e7f7fd;}
.safeB table td {border: 1px solid #a6e5ff;padding: 20px 0;font-size: 12px;}
.safeB table i {font-size: 20px;color: #f7961e;}
.safeB table .fa-check{display: inline-block;width: 19px;height: 14px;background: url("../../imges/safebi.png") no-repeat center;}
.safeB mark {display: block;line-height: 72px;text-align: center;background-color: #008bd8;font-size: 22px;color: white;width: 452px;height: 72px;margin: 50px auto 90px;border-radius: 5px;-webkit-border-radius: 5px;}
.safeB mark a {color: #f0ff00;}

.footjz{ background:#00C1DE; color:#FFFFFF; font-size:16px; line-height:80px}
.footjz i{ font-size:30px; padding-left:30px}
.footjz .zbw{ padding-left:0px}
.footjz button{ margin-left:110px;border-radius:50px;font-family: 'HanHei-SC'; background:#00C1DE; color:#FFFFFF; border:1px solid #FFFFFF;padding:10px 30px;font-size: 18px}
.footjz .btn-xs{ display:none}
.bqsy{background:#212929; padding:20px 0px 20px; color:#FFFFFF;overflow: hidden}
.bqsy h4{font-size:40px;font-family: 'bebasregular';margin: 10px 0}
.bqsy .lxfs{float:left; width:70%}
.bqsy .lxfs .btn{display: inline-block;text-align: center;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;border-radius: 4px;}
.bqsy .lxfs .btn-default{color: #333;background-color: #fff;border-color: #ccc}
.bqsy .lxfs .btn-default:hover{color: #333;background-color: #e6e6e6;border-color: #adadad;}
.bqsy .lxfs .btn1{ display:none;}
.yutelblock{display: none}
.bqsy a{ margin-right:20px; }
.bqsy p{ clear:both}
.bqsy .dz{padding:10px 0px}
.bqsy .dz a{ color:#fff;margin-right: 4px}
.bqsy address{padding:20px 0px; display: inline;font-style: normal}
.bqsy .bzdh{ float:right; width:24%; background:url(../../imges/bottom.gif) no-repeat right 12px; height:130px; text-align:left;padding-top:20px}
.bqsy .bzdh p{font-size:14px; line-height:220%;padding-left:8px; padding-top:10px}

/*手机底部*/
.footY1
{ height:70px; display:none;}
.footY
{width:100%; height:70px;  line-height:20px; overflow:hidden; margin:0 auto; font-size:14px; text-align:center; background:#00c2de; position:fixed; bottom:0px; z-index:9999;  display:none;}
.footY ul
{ margin:0; padding:0;}
.footY ul li
{ width:33.3%; float:left; text-align:center; margin:10px  0; list-style:none; padding:0;}
.footY ul li img
{ width:20%;display:inline; text-align:center}
.footY ul li span
{ display:block;}
.footY ul li a
{ display:block; color:#FFF;}