@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0;}
body {color:#333; font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1200px;}
*html { background-image:url(about:blank);background-attachment:fixed;}
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; }
.clear {clear:both; }
.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;}
.fl{float: left}
.fr{float: right}
.container{width: 1200px;margin: 0 auto;}

.margint35{margin-top: 35px}

/*============================ 头部 ============================*/
.top { background:#f0f0f0; height:36px; line-height:36px; font-size:12px; color:#666;}
.tops { display: flex;align-items: center;justify-content: space-between}
.logo { }
.nav { width:70%;}
.nav ul{/*display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify;*/}
.nav ul li { text-align:center; float:left; line-height:95px; position:relative; z-index:9999;/*width: 14.2%;*/width: 12.5%}
.nav ul li a { display:block; font-size:16px; color:#333;}
.nav ul li a:hover,.nav ul li.on a {color:#2f82ff;}

.nav li .xlnav { width:100%; position:absolute; left:-5000px; top:70px; background:#fff; overflow:hidden; opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; box-shadow:0 0 20px 0 rgba(0,0,0,0.15);}
.nav li .xlnav ul li { width:200%; height:40px; line-height:40px; margin-left:-100%;
    transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.nav li .xlnav ul li a{color: #333}
.nav li .xlnav ul li span { width:50%; height:36px; display:block; font-size:14px; text-align:center; float:left;}
.nav li .xlnav ul li .s1 { background:#2470d2; color:#fff;}
.nav li .xlnav ul li:hover { margin-left:0px;}
.nav li:hover .xlnav { left:0px;}

/*============================ 首页banner ============================*/
.banner{ position:relative; overflow:hidden;width: 100%}
.banner .swiper-container{ width: 100%;height: 100%;overflow:hidden;}
.banner ul li{height: 417px;}
.banner .pagination{position: absolute; bottom:24px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width: 25px;height: 3px;display: inline-block;margin: 0 6px!important;background: rgba(255,255,255,0.6)}
.banner .swiper-pagination-bullet-active{background-color: #fff;}
.banner dl{height:150px;position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;z-index: 1;color: #fff}
.banner dl h2{font-size: 40px;font-weight: normal;margin-bottom: 26px}
.banner dl p{font-size: 18px;margin-bottom: 10px}

/*============================ 首页 ============================*/
.oneA{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify;}
.oneA dl{width: 32%}
.oneA dl h2{padding: 13px 0;font-size: 20px;background-color: #2370d1;text-align: center;color: #fff;}
.oneA dl ul{border: 1px solid #eee;border-bottom: 2px solid #6facf9;}
.oneA dl ul li{padding: 25px 20px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;transition: all 0.3s ease;}
.oneA dl ul li a{display: flex;align-items: center;justify-content: space-between}
.oneA dl ul li i{width: 27%;}
.oneA dl ul li dd{width: 70%;}
.oneA dl ul li dd h3{font-size: 16px;margin-bottom: 8px}
.oneA dl ul li dd p{color: #888888;}
.oneA dl ul li:hover{background-color: #f2f2f2;cursor: pointer}
.oneA dl ul li:hover dd h3{color: #ff8400}

.oneB{}
.oneB ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify;background: #f9f9f9;padding: 20px 55px;border: 1px solid #ededed}
.oneB ul li a:hover{color: #ff8400}

.oneC{background: #eeeeee;overflow: hidden;padding-bottom: 30px}
.title{text-align: center;margin-top: 30px}
.title h2{font-size: 30px;font-weight: normal;margin-bottom: 10px}
.oneC ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 25px;overflow: hidden;
    /*display: -webkit-box; -webkit-box-pack: justify;-webkit-box-lines: multiple;*/}
.oneC ul li{width: 296px;height: 242px;margin-bottom: 5px;float: left;}
.oneC ul li dd{position: relative;}
.oneC ul li .back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);color: #fff;text-align: center;opacity: 0;}
.oneC ul li .txt {top: 50%;position: relative;z-index: 3;margin-top: -27px;}
.oneC ul li h3 {font-size: 18px;margin-bottom: 12px;font-weight: normal}
.oneC ul li .line span {position: absolute;overflow: hidden;background: #fff;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;transition: all ease 0.3s;}
.oneC ul li .line .top {width: 0;height: 1px;left: 8%;top: 8%;}
.oneC ul li .line .bottom {width: 0;height: 1px;right: 8%;bottom: 8%;}
.oneC ul li .line .left {width: 1px;height: 0;top: 8%;left: 8%;}
.oneC ul li .line .right {width: 1px;height: 0;bottom: 8%;right: 8%;}
.oneC ul li:hover .back{opacity: 1}
.oneC ul li:hover .line .top, .oneC ul li:hover .line .bottom {width: 84%;}
.oneC ul li:hover .line .left, .oneC ul li:hover .line .right {height: 84%;}
.more{text-align: center;margin-top: 25px}
.more a{display: inline-block;line-height: 34px;padding: 0 20px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background: #fff;color: #787878;border: 1px solid transparent;
    -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;transition: all ease 0.3s;}
.more a:hover{color: #00AEEF;border: 1px solid #00AEEF;}

.oneD{overflow: hidden}
.oneDl{width: 570px}
.oneDl h3{font-size: 16px}
.oneDl i{display: block; width: 66px; height: 11px; margin: 10px 0 20px;background: url(../img/odl.png) no-repeat center;
    animation: bgSlideH 6s linear infinite; -webkit-animation:bgSlideH 6s linear infinite;}
.oneDl h2{font-size: 26px}
.oneDl h2 span{font-size: 14px}
.oneDl .text{color: #666;line-height: 1.8;margin-top: 20px}
@-webkit-keyframes bgSlideH {
    0% {
        background-position: 0 center;
    }
    100% {
        background-position: 100% center;
    }
}
.oneDr{width: 565px;text-align: center;}
.oneDra{width: 570px;height: 202px;background: url("../img/odr.png") no-repeat center;line-height: 220px;margin-bottom: 30px}
.oneDr dd{color: #2370d1;font-size: 34px;}
.oneDr p{color: #666;line-height: 1.6;margin-top: 20px}

.oneE {background: url(../img/oe.jpg) no-repeat;background-size: cover;padding: 40px 0 0;overflow: hidden;}
.icon_circle {width: 88px;height: 88px;border: 1px solid #fff;color: #fff;padding: 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
    border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;text-align: center;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;transition: all ease 0.3s;position: relative;}
.icon_circle .inner {margin: 0 auto;height: 100%;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 10px;
    -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;transition: all ease 0.3s;z-index: 3;position: relative;}
.icon_circle .icon {width: 50%;}
.icon_circle .title {font-weight: bold;margin-top: 0;}
.icon_circle .dot{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;
    -webkit-transform-style: preserve-3d;-webkit-animation: trail_ 2s infinite linear;transform-style: preserve-3d;animation: trail_ 2s infinite linear;}
.icon_circle .dot:after {content: "";position: absolute;display: none;top: 50%;box-shadow: 0 0 12px #00aaea;left: 0;margin-left: -5px;width: 8px;height: 8px !important;border-radius: 50%;background-color: #00aaea;}
@-webkit-keyframes particle_ {
    from {
        -webkit-transform: rotateX(90deg) rotateY(0deg);
        transform: rotateX(90deg) rotateY(0deg);
    }
    to {
        -webkit-transform: rotateX(90deg) rotateY(-360deg);
        transform: rotateX(90deg) rotateY(-360deg);
    }
}
@keyframes particle_ {
    from {
        transform: rotateX(90deg) rotateY(0deg);
    }
    to {
        transform: rotateX(90deg) rotateY(-360deg);
    }
}
@-webkit-keyframes trail_ {
    from {
        -webkit-transform: rotateZ(0deg);
    }
    to {
        -webkit-transform: rotateZ(360deg);
    }
}
@keyframes trail_ {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
.home_lc_dl {width: 33.3%;float: left;overflow: hidden;}
.home_lc_dl .line:after, .home_lc_dl .line:before {display: block;content: '';position: absolute;width: 1px;height: 100%;left: 42px;top: 88px;background: rgba(255, 255, 255, 0.2);
    -webkit-transition: height ease 0.8s;-moz-transition: height ease 0.8s;-ms-transition: height ease 0.8s;transition: height ease 0.8s;}
.home_lc_dl .line:before {height: 0;background: #00aaea;}
.home_lc_dl dt {position: relative;overflow: hidden;height: 175px;}
.home_lc_dl dt:after, .home_lc_dl dt:before {display: block;content: '';position: absolute;width: 100%;left: 88px;top: 44px;height: 1px;background: rgba(255, 255, 255, 0.2);
    -webkit-transition: width ease 0.8s;-moz-transition: width ease 0.8s;-ms-transition: width ease 0.8s;transition: width ease 0.8s;}
.home_lc_dl dt:before {width: 0;background: #00aaea;}
.home_lc_dl dt.on:before {width: 100%;}
.home_lc_dl dd {position: relative;overflow: hidden;color: #fff;height: 135px;padding-right: 15px;}
.home_lc_dl dd .icon_circle {width: 63px;height:  63px;margin-left: 10px;float: left;}
.home_lc_dl dd .icon_circle .inner {padding-top: 10px;}
.home_lc_dl dd .icon_circle .icon {width: 60%;}
.home_lc_dl dd .txt {margin-left: 90px;}
.home_lc_dl dd .txt .title {margin-top: 0;text-align: left;margin-bottom: 10px;font-weight: bold;}
.home_lc_dl dd .txt .title:after {content: '';height: 9px;width: 0;background: url(../img/jiantou.png) right 3px no-repeat;border-bottom: 3px solid #00AEEF;margin-left: 14px;
    -webkit-transition: width ease 0.5s;-moz-transition: width ease 0.5s;-ms-transition: width ease 0.5s;transition: width ease 0.5s;}
.home_lc_dl dd .txt .desc {font-size: 12px;}
.home_lc_dl dd .line:after, .home_lc_dl dd .line:before {top: 62px;}
.home_lc_dl dd:last-child .line {display: none;}
.home_lc_dl dd:nth-of-type(1) .icon_circle .dot {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.home_lc_dl dd:nth-of-type(2) .icon_circle .dot {-webkit-animation-delay: 1s;animation-delay: 1s;}
.home_lc_dl dd:nth-of-type(3) .icon_circle .dot {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.home_lc_dl dt.on .line:before, .home_lc_dl dd.on .line:before {height: 100%;}
.home_lc_dl dt.on .txt .title:after, .home_lc_dl dd.on .txt .title:after {display: inline-block;width: 30px;}
.home_lc_dl:last-child dt:after, .home_lc_dl:last-child dt:before {display: none;}
.home_lc_dl dt.on .icon_circle, .home_lc_dl dd.on .icon_circle {border-color: #00aaea;}
.home_lc_dl dt.on .icon_circle .inner, .home_lc_dl dd.on .icon_circle .inner {background: #00aaea;}
.home_lc_dl dt.on .icon_circle .dot:after, .home_lc_dl dd.on .icon_circle .dot:after {display: block;}

.oneF{background: #f5f5f5;overflow: hidden;padding-bottom: 40px}
.oneFs{margin-top: 25px;display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify;}
.oneFs dl{width: 32%;}
.oneFs dl h2{background: #2370d1;text-align: center;font-size: 18px;color: #fff;line-height: 50px;font-weight: normal}
.oneFs dl ul{background: #fff;padding: 20px;border: 1px solid #e6e6e6}
.oneFs dl ul li{overflow: hidden;display: flex;align-items: center;padding: 7px 0}
.oneFs dl ul li a{color: #666;float: left;display: inline-block;/*width: 80%*/}
.oneFs dl ul li a i{display: inline-block;width: 8px;height: 8px;background: #fdbc5e;margin-right: 8px;float: left;margin-top: 5px}
.oneFs dl ul li span{color: #999;font-size: 12px;font-family: Arial;float: right}
.oneFs dl ul li a:hover{color: #fdbc5e}

/*============================ 底部 ============================*/
.message{background: linear-gradient(to right, #0b5e9e,#f8626e);padding: 40px 0;
    background:-webkit-linear-gradient(left top,#0b5e9e,#f8626e);}
.mess{color: #fff;}
.mess p{font-size: 28px;margin-bottom: 10px}
.mess span{font-size: 14px;opacity: 0.8}
.mess form{margin-top: 25px}
.mess input{line-height: 44px;float: left;border: none;margin-right: 14px;background: #f5f5f5;text-indent: 10px}
.mess .ipt1{width: 155px}
.mess .ipt2{width: 205px}
.mess textarea{height: 44px;line-height: 44px;border: none;background: #f5f5f5;width: 675px;text-indent: 10px;font-family: "Microsoft YaHei"}
.mess a{display: inline-block;width: 120px;line-height: 44px;background: #efa843;color: #fff;float: right;text-align: center}
.footA{background: #373d41;padding: 40px 0}
.footAs{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.footAs ul h3{color: #fff;font-size: 14px;font-weight: normal;margin-bottom: 10px;}
.footAs ul b{font-size: 30px;color: #fff}
.footAs ul li{font-size: 12px;color: #B7B6B6;line-height: 25px;}
.footAs ul li.hr1 {border-bottom: 1px solid #363636;width: 256px;margin-top: 10px;margin-bottom: 10px;}
.footAs ul:last-child{width: 220px}
.footAs ul li.hr2{width: 100%;margin-top: 0;border-bottom: 1px solid #8f8f8f;margin-bottom: 15px}
.footAs ul li p{text-align: center;margin-top: 5px;color: #B7B6B6}
.footB{background: #2c3337;overflow: hidden;padding: 20px 0;color: #c3c2c2;font-size: 12px}
.footB a{color: #c3c2c2}
.link{color: #fff;margin-top: 20px}
.link a{color: #B7B6B6}

/*============================ 移动开发 ============================*/
.nyban{width:100%;height: 333px;position: relative;overflow: hidden}
.nyban dl{height:150px;position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;z-index: 1;color: #fff}
.nyban dl h2{font-size: 36px;font-weight: normal}
.nyban dl p{font-size: 16px}
.nyban i{display: inline-block;width: 57px;height: 4px;background: #fff;margin: 24px 0}

.nytitle{text-align: center;margin-top: 35px}
.nytitle h2{font-size: 34px;font-weight: normal}
.nytitle p{font-size: 15px;color: #888;margin-top: 10px}

.nytitlew h2{color: #fff}
.nytitlew p{color: #fff}

.ydA{margin-top: 40px}
.ydA ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.ydA ul li{width: 25%;text-align: center}
.ydA ul li i{display: block;width: 100%;height: 96px;position: relative}
.ydA ul li i img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.ydA ul li h3{font-size: 20px;margin:30px 0 15px;font-weight: normal}
.ydA ul li p{color: #888}
.ydA ul li:hover i img{animation: bounceIn 1s;}
.ydA ul li:hover h3{color: #2470D2}

.ydB{background: #2f3448;overflow: hidden;}
.nytitlew h2{color: #fff}
.nytitlew p{color: #e7e7e7}
.ydB ul{padding: 40px 0 60px;display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.ydB ul li{width: 230px;height: 389px;padding-top: 185px;text-align: center;box-sizing: border-box;transition: all 0.4s;}
.ydB ul li dl{padding: 20px}
.ydB ul li p{font-size: 18px;margin-bottom: 20px}
.ydB ul li span{color: #888;line-height: 1.6}
.ydB ul li:hover{transform: translateY(-10px);}

.ybC{background: #eee;overflow: hidden}
.ybC ul{background: url("../img/ydc.png") no-repeat center;overflow: hidden;margin: 30px auto}
.ybC ul li{width: 477px;padding:30px 0;float: left}
.ybC ul li i{display: inline-block;float: left}
.ybC ul li dl{float: left;width: 325px;margin-left: 15px}
.ybC ul li p{font-size: 16px;margin-bottom: 8px}
.ybC ul li span{color: #666;line-height: 1.6;}
.ybC ul li:nth-child(2n){float: right;width: 390px}

.ydD{}
.ydD ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.ydD ul li{width: 207px;height: 384px;padding: 20px;background: url("../img/ydd.png") no-repeat center;box-sizing: border-box;text-align: center}
.ydD ul li i{display: inline-block;width: 146px;height: 146px;overflow: hidden;border-radius: 100%}
.ydD ul li i img{max-width: 100%;transition: all 0.5s}
.ydD ul li p{font-size: 18px;margin: 20px 0}
.ydD ul li span{color: #666;font-size: 13px;line-height: 1.6}
.ydD ul li:hover i img{transform: scale(1.2)}

.news{background: #eaeaea;overflow: hidden;}
.news ul{padding: 20px 0 40px;overflow: hidden}
.news ul li{width: 385px;line-height: 45px;padding: 0 20px;box-sizing:border-box;background: #fff;font-size: 16px;margin-top: 15px;float: left;margin-right: 22px}
.news ul li a{color: #666}
.news ul li:nth-child(3n){margin-right: 0}
.news ul li a:hover{color: #ff8400}

/*============================ 小程序 ============================*/
.xcxA{}
.xcxA ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.xcxA ul li{width: 285px;height: 308px;border: 1px solid #e8e8e8;text-align: center;padding: 30px 35px;box-sizing: border-box;transition: all 0.4s}
.xcxA ul li i{display: inline-block;width: 112px;height: 112px;border-radius: 100%}
.xcxA ul li p{font-size: 20px;margin: 20px 0}
.xcxA ul li span{color: #999;line-height: 1.6}
.xcxA ul li:nth-child(1) i{background: url("../img/xcxa1.png") #f3f3f3 no-repeat center}
.xcxA ul li:nth-child(2) i{background: url("../img/xcxa2.png") #f3f3f3 no-repeat center}
.xcxA ul li:nth-child(3) i{background: url("../img/xcxa3.png") #f3f3f3 no-repeat center}
.xcxA ul li:nth-child(4) i{background: url("../img/xcxa4.png") #f3f3f3 no-repeat center}
.xcxA ul li:hover{transform: translateY(-10px);box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.xcxA ul li:hover p{color: #ff6501}
.xcxA ul li:nth-child(1):hover i{background: url("../img/xcxa1h.png") #ff6501 no-repeat center}
.xcxA ul li:nth-child(2):hover i{background: url("../img/xcxa2h.png") #ff6501 no-repeat center}
.xcxA ul li:nth-child(3):hover i{background: url("../img/xcxa3h.png") #ff6501 no-repeat center}
.xcxA ul li:nth-child(4):hover i{background: url("../img/xcxa4h.png") #ff6501 no-repeat center}

.xcxB{background: url("../img/xcxb.png") no-repeat center;overflow: hidden}
.xcxB ul{padding: 20px 0 60px;overflow: hidden}
.xcxB ul li{width: 281px;height: 238px;background: #fff;padding: 10px;text-align: center;box-sizing: border-box;float: left;margin: 25px 25px 0 0;cursor: pointer}
.xcxB ul li i{display: block;height: 103px}
.xcxB ul li i img{width: 100%}
.xcxB ul li dl{padding: 0 20px 18px;position: relative}
.xcxB ul li dl:before{content: '';width: 100%;height: 0;position: absolute;top: 0;left: 0;transition: all 0.5s ease;}
.xcxB ul li p{font-size: 18px;padding: 15px 0;position: relative}
.xcxB ul li span{color: #888;line-height: 1.6;position: relative}
.xcxB ul li:nth-child(4n){margin-right: 0}
.xcxB ul li:hover dl:before{height: 100%}
.xcxB ul li:hover dl{color: #fff}
.xcxB ul li:hover span{color: #fff}
.xcxB ul li:nth-child(1) dl:before,.xcxB ul li:nth-child(8) dl:before{background: #2470d2;}
.xcxB ul li:nth-child(2) dl:before,.xcxB ul li:nth-child(7) dl:before{background: #2db1b3;}
.xcxB ul li:nth-child(3) dl:before,.xcxB ul li:nth-child(5) dl:before{background: #feac5a;}
.xcxB ul li:nth-child(4) dl:before,.xcxB ul li:nth-child(6) dl:before{background: #ff5959;}

.xcxC{overflow: hidden}
.xcxC ul li{width: 25%;text-align: center;float: left;padding: 0 30px;box-sizing: border-box;margin: 30px 0 0;position: relative}
.xcxC ul li:hover i{display: inline-block}
.xcxC ul li p{font-size: 18px;margin-bottom: 12px}
.xcxC ul li span{font-size: 12px;color: #666666;line-height: 1.8;}
.xcxC ul li:after{content: '';width: 1px;height: 158px;background: #ccc;position: absolute;top: 25px;right: 0}
.xcxC ul li:nth-child(4):after,.xcxC ul li:nth-child(8):after{opacity: 0}
.xcxC ul li:hover i img {animation: bounceIn 1s;}

.xcxD{background: #f4f4f4;overflow: hidden;padding-bottom: 45px}
.xcxD ul li{text-align: center;float: left;margin: 30px 17px 0 0}
.xcxD ul li dd{overflow: hidden;border-radius: 5px}
.xcxD ul li dd img{transition: all .5s;}
.xcxD ul li p{font-size: 16px;margin-top: 12px}
.xcxD ul li:nth-child(5n){margin-right: 0}
.xcxD ul li:hover dd img{transform: scale(1.2);}

.xcxE{overflow: hidden}
.xcxE ul li{border-right: 1px dotted #dddddd;width: 12.5%;text-align: center;float: left;box-sizing: border-box}
.xcxE ul li p{font-size: 16px;color: #666;margin-top: 10px}
.xcxE ul li:last-child{border:none}
/*.xcxE ul li:hover i img{animation: zoomIn 1s;}*/
/*.xcxE ul li:hover p{color: #FF6501}*/

/*============================ 网站推广 ============================*/
.tgA{}
.tgA ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.tgA ul li{width: 225px;height: 347px;border: 1px solid #eee;text-align: center;padding: 30px;box-sizing: border-box;transition: all 0.4s}
.tgA ul li i{display: inline-block;}
.tgA ul li p{font-size: 20px;margin: 20px 0}
.tgA ul li span{color: #888;line-height: 1.6}
.tgA ul li:hover i img{animation: zoomIn 1s;}
.tgA ul li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}

.tgB{background: #f5f5f5;overflow: hidden;padding-bottom: 30px}
.tgB ul{margin-top: 20px}
.tgB ul li{width: 25%;text-align: center;padding: 25px 30px;box-sizing: border-box;transition: all 0.4s;float: left;}
.tgB ul li i{display: inline-block;}
.tgB ul li p{font-size: 18px;margin: 18px 0 12px}
.tgB ul li span{color: #888;line-height: 1.6}
.tgB ul li:hover{background: #fff;/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);*/}

.tgC{background: url("../img/tgc.png") no-repeat center;overflow: hidden}
.tgC ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify;padding: 50px 0}
.tgC ul li{width: 275px;height: 375px;background: #fff;border-radius: 5px;text-align: center;padding: 35px;box-sizing: border-box;transition: all 0.4s;}
.tgC ul li h3{font-size: 20px;margin: 25px 0 20px}
.tgC ul li p{color: #666;line-height: 2}
.tgC ul li:hover{background: #e5f6ff;transition: all 0.4s;transform: translateY(-10px)}

.tgD{}
.tgD ul{display: flex;justify-content: center;display: -webkit-box;-webkit-box-pack: center}
.tgD ul li{text-align: center;padding: 0 25px}
.tgD ul li p{font-size: 18px;margin-top: 20px}
.tgD ul li img{margin-top: 40px}
.tgD ul li i img{margin-top: 0}

/*============================ 运维外包 ============================*/
.ywA{overflow: hidden}
.ywA ul li{width: 33.3%;text-align: center;float: left}
.ywA ul li p{font-size: 22px;margin-top: 20px}
.ywA ul li label{display: block;width: 15px;height: 2px;background: #000;margin: 12px auto 15px}
.ywA ul li span{font-size: 16px;color: #888}
.ywA ul li:hover{transition: all 0.4s;transform: translateY(-10px)}

.ywB{background: #4f1eb2;overflow: hidden}
.ywB ul{padding: 45px 0;display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.ywB ul li{width: 265px;height: 340px;background: #fff;border-radius: 5px;padding: 25px;box-sizing: border-box;text-align: center}
.ywB ul li p{font-size: 20px;margin: 20px 0}
.ywB ul li span{font-size: 13px;color: #888;line-height: 1.8}
.ywB ul li:hover i img{animation: bounceIn 1s;}

.ywC{background: #f4f4f4;overflow: hidden;padding-bottom: 50px}
.ywC ul li{overflow: hidden;margin-top: 40px}
.ywC ul li .ywca{border-bottom: 1px solid #eeeeee}
.ywC ul li .ywca p{font-size: 26px;color: #ea6826}
.ywC ul li .ywca span{font-size: 16px;color: #666;display: block;padding: 10px 0 20px}
.ywC ul li .ywcb{margin-top: 25px}
.ywC ul li .ywcbl{width: 590px}
.ywC ul li .ywcbl dd{font-size: 16px;color: #666;line-height: 1.8;margin-bottom: 20px}
.ywC ul li .ywcbl dl{border-bottom: 1px solid #eeeeee;padding: 10px 0}
.ywC ul li .ywcbl dl i{display: inline-block;width: 15px;height: 15px;background: #009fd9;font-family: Arial;font-style: normal;margin-right: 8px;
    text-align: center;color: #fff;}

.ywD{overflow: hidden}
.ywD ul{}
.ywD ul li{width: 25%;text-align: center;float: left;margin-top: 40px;padding: 0 75px;box-sizing: border-box}
.ywD ul li p{font-size: 20px;margin: 15px 0}
.ywD ul li span{font-size: 12px;color: #888;line-height: 1.8}
.ywD ul li:hover i img{animation: fadeIn 1s}

/*============================ 成功案例 ============================*/
.caseA{border-bottom: 1px solid #e3e3e3;height:65px;}
.caseA ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.caseA ul li{width:14.21%;line-height: 65px;font-size: 16px;position: relative;text-align: center}
.caseA ul li a{color: #666;display: inline-block;padding: 0 5px}
.caseA ul li:after{content: '';width: 1px;height: 16px;background: #e3e3e3;position: absolute;top: 27px;right: 0}
.caseA ul li:hover a{border-bottom: 1px solid #2470d2}
.caseA ul li:hover a{color: #2470d2}
.caseA ul li:last-child:after{opacity: 0}

.caseB{overflow: hidden;padding-bottom: 60px}
.caseB ul li{float: left;margin: 40px 24px 0 0}
.caseB ul li dd{width: 384px;height: 216px;overflow: hidden;position: relative}
.caseB ul li dd img{max-width: 100%}
.caseB ul li p{font-size: 16px;margin-top: 12px}
.caseB ul li:nth-child(3n){margin-right: 0}
.caseB ul li .back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);color: #fff;text-align: center;opacity: 0;}
.caseB ul li h3 {font-size: 18px;font-weight: normal;top: 50%;position: relative;z-index: 3;margin-top: -12px;}
.caseB ul li .line span {position: absolute;overflow: hidden;background: #fff;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;transition: all ease 0.3s;}
.caseB ul li .line .top {width: 0;height: 1px;left: 8%;top: 8%;}
.caseB ul li .line .bottom {width: 0;height: 1px;right: 8%;bottom: 8%;}
.caseB ul li .line .left {width: 1px;height: 0;top: 8%;left: 8%;}
.caseB ul li .line .right {width: 1px;height: 0;bottom: 8%;right: 8%;}
.caseB ul li:hover .back{opacity: 1}
.caseB ul li:hover .line .top, .caseB ul li:hover .line .bottom {width: 84%;}
.caseB ul li:hover .line .left, .caseB ul li:hover .line .right {height: 84%;}

/*============================ 关于我们 ============================*/
.nytitle2{text-align: center;height: 105px}
.nytitle2 h2{font-size: 34px;margin-top: -82px}
.nytitle2 b{font-size: 100px;font-family: Impact;color: #eaeaea;}

.aboutA{overflow: hidden}
.aboutA .text{font-size: 15px;line-height: 2;color: #666}
.aboutA ul{margin-top: 35px}
.aboutA ul li{float: left;width: 25%}
.aboutA ul li img{max-width: 100%;vertical-align: top}

.aboutB{background: #f2f2f2;overflow: hidden;padding-bottom: 40px}
.aboutB .text{font-size: 16px;margin-top: 20px;text-align: center;color: #666}
.aboutB ul{display: flex;justify-content: space-between;display: -webkit-box;-webkit-box-pack: justify}
.aboutB ul li{text-align:center;}
.aboutB ul li img{ padding:5px ;border:1px solid #E7E7E9; clear:both; background:#FFFFFF}
.aboutB ul li p{margin-top: 12px}

.aboutC{overflow: hidden}
.aboutCa ul li{background: #f7f7f7;overflow: hidden}
.aboutCa ul li dd{width: 368px;height: 260px;overflow: hidden}
.aboutCa ul li dl{width: 832px;padding: 50px;box-sizing: border-box}
.aboutCa ul li dl h3{color: #00489d;font-weight: normal;font-size: 14px;}
.aboutCa ul li dl h3 span{font-size: 36px;font-family: Arial;}
.aboutCa ul li dl p{line-height: 1.8;font-size: 15px;color: #666;margin-top: 25px}

.aboutCb{position: relative;}
/*.aboutCb .line{width: 100%;height: 3px;background: #dbdbdb}*/
/*.aboutCb ul{position: relative}*/
.aboutCb:before{content: '';width: 100%;height: 3px;background: #dbdbdb;position: absolute;top: 9px;left: 0;}
.aboutCb ul li{text-align: center}
.aboutCb ul li i{display: inline-block;width: 22px;height: 22px;background: #dbdbdb;border-radius: 100%}
.aboutCb ul li p{font-size: 20px;color: #888;margin-top: 14px}
.aboutCb ul li.swiper-slide-active p{color: #00489d}
.aboutCb ul li.swiper-slide-active i{background: #00489d}
.aboutCb .swiper-button-prev:after, .aboutCb .swiper-button-next:after {content: '';}
.aboutCb .swiper-button-prev{top: 10px;left: 0;width: auto}
.aboutCb .swiper-button-next{top: 10px;right: 0;width: auto}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1}

.aboutD{background: url("../img/gyd.png") no-repeat center;overflow: hidden;padding-bottom: 50px}
.aboutDs{padding: 10px;background: #fff;overflow: hidden;}
.aboutDl{width: 506px;height: 378px;background: url("../img/gydl.png") no-repeat center;position: relative}
.aboutDl dl{width: 450px;height: 190px;background: rgba(0,0,0,0.4);color: #f2f3f5;padding: 32px;box-sizing: border-box;line-height: 1.8;position: absolute;top: 90px;right: 0}
.aboutDl dl h3{font-size: 24px;font-weight: normal}
.aboutDl dl p{font-size: 15px}
.aboutDr,#dituContent{width: 694px;height: 380px;}

/*============================ 营销网站 ============================*/
.nyban2{height: 300px;color: #fff}
.nyban2 dl{background: url("../img/bg.png") repeat;width: 100%;height: 100%;}
.nyban2 dd{height:150px;position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;z-index: 1;}
.nyban2 .ddr{text-align: center;background: #fff;padding: 10px}
.nyban2 div a{display: inline-block;background: #fff;color: #2B7BD5;font-size: 12px;margin-top: 10px}

.yxwzA{overflow: hidden;}
.yxwzA ul li{width:calc(26% - 70px);float:left;height:360px;position:relative;margin-left:30px;padding:20px;background:rgba(0,82,217,.8);}
.yxwzA ul li:before{width:40px;height:3px;background:#fff;left:20px;bottom:23px;position: absolute}
.yxwzA ul li h2{font-size:20px;line-height:22px;color:#fff;margin:20px 0;font-weight:bold;position:relative;z-index:2;}
.yxwzA ul li p{font-size:14px;color:rgba(255,255,255,.90);line-height:26px;}
.yxwzA ul li b{font-size:50px;line-height:52px;position:absolute;right:25px;bottom:20px;color:#F5F7FA;}
.yxwzA ul li:after{content:"0";font-size:40px;color:rgba(255,255,255,.20);right:50px;bottom:22px;font-style:italic;position: absolute;
    -webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(255,255,255,.20);}
.yxwzA ul li:nth-child(1){margin-left:0px;}
.yxwzA ul li:nth-child(1),.yxwzA ul li:nth-child(5){width:calc(17% - 70px);height:190px;margin-top:100px;background:rgba(0,82,217,.6)}
.yxwzA ul li:nth-child(2),.yxwzA ul li:nth-child(4){width:calc(20.8% - 70px);height:270px;margin-top:50px;}
.yxwzA ul li:nth-child(1){border-radius:6px 0px 0px 6px;}
.yxwzA ul li:last-child{border-radius:0px 6px 6px 0px;}

.yxwzA ul li:nth-child(3){background:#F5F7FA;}
.yxwzA ul li:nth-child(3) h2{text-align:center;margin:50px 0 70px 0;}
.yxwzA ul li:nth-child(3) b{width:60px;height:40px;top:20px;right:50%;margin-right:-30px;background:url("../img/yxa.png") no-repeat;background-size:100%;}
.yxwzA ul li:nth-child(3) p{font-size:16px;color:#3D485D;display:block;line-height:32px;margin-top:20px;overflow:inherit;}
.yxwzA ul li:nth-child(3):before{position:absolute;content:'';width:100%;height:130px;background:#F04142;left:0px;top:0px;}

.yxwzB{overflow: hidden;background: url("../img/yxb.jpg") no-repeat center;padding-bottom: 40px;background-size: cover}
.yxwzB ul{width: calc(100% - 1px);float: left;border-right: solid 1px rgba(255,255,255,.6);border-top: solid 1px rgba(255,255,255,.6);}
.yxwzB ul li{width:calc(13% - 1px);float:left;border-bottom:solid 1px rgba(255,255,255,.6);border-left:solid 1px rgba(255,255,255,.6);height:140px;text-align:center;background:rgba(255,255,255,.6);}
.yxwzB ul li i{width:26px;height:26px;line-height:26px;color:#fff;margin:0 auto;display:table;margin-top:40px;background:#0052D9;border-radius:40px;position:relative;font-style: normal}
.yxwzB ul li i:before{content: "";position: absolute;width:32px;height:32px;border:solid 1px rgba(0,82,217,.30);left:-4px;top:-4px;border-radius:40px;}
.yxwzB ul li h2{margin-top:18px;font-size: 16px}
.yxwzB ul li:empty{background:none;}
.yxwzB ul li:empty:hover{background:none;}
.yxwzB ul li:nth-child(11){background:#0052D9;}
.yxwzB ul li:nth-child(11) h2{color:#fff;font-size:22px;line-height:30px;margin-top:45px;}
.yxwzB ul li:nth-child(11) span{color:rgba(255,255,255,.50);}
.yxwzB ul li:nth-child(4),.yxwzB ul li:nth-child(11),.yxwzB ul li:nth-child(18){width:calc(22% - 1px);}

.yxwzC{overflow: hidden;}
.yxwzC ul li{float: left; width: 20%; height: 136px; padding: 15px; text-align: center; border: 1px solid #ccc; box-sizing: border-box; }
.yxwzC ul li img{ height: 54px; }
.yxwzC ul li .tit{line-height: 20px; margin-top: 10px; }
.yxwzC ul li:hover{border: 1px solid #2073CF; }

.yxwzD{ height: 195px; color: #fff; text-align: center; background: url(../img/yxd.png) no-repeat center}
.yxwzD h2{font-size: 32px; font-weight: bold; padding-top: 15px; }
.yxwzD p{font-size: 18px; margin-top: 8px;}
.yxwzD span{ font-size: 16px; color: rgba(255, 255, 255, 0.5);display: inline-block;margin-top: 8px}

.yxwzE{overflow: hidden; }
.yxwzE ul li{ width: 300px; height: 300px; border-radius: 50%; margin: 0 50px; color: #fff; float: left; background: #f97200; text-align: center; padding: 60px; box-sizing: border-box; position: relative; }
.yxwzE ul li img { width: 116px; height: 88px; transition: all .4s; }
.yxwzE ul li .tit { font-size: 20px; margin-top: 10px; }
.yxwzE ul li .more { position: absolute; left: 50%; margin-left: -9px; bottom: 50px; width: 18px; height: 18px; background: url(../img/yxe.png) no-repeat; }
.yxwzE ul li:hover img { transform: translate3d(0, -10px, 0); }
.yxwzE ul li.bg2 { background: #0058ac; }
.yxwzE ul li.bg3 { background: #369806; }

.yxwzF{background: #f4f4f4; padding: 0 0 50px; overflow: hidden}
.yxwzF ul{ margin-top: 40px; overflow: hidden; }
.yxwzF ul li{ width: 220px; height: 330px; float: left; text-align: center; margin: 0 10px; padding: 20px; box-sizing: border-box; background: #2073CF; }
.yxwzF ul li .img { width: 128px; height: 128px; border-radius: 50%; margin: 0 auto; overflow: hidden; }
.yxwzF ul li .img img { width: 100%; height: 100%; transition: all .4s; }
.yxwzF ul li .tit { font-size: 18px; font-weight: bold; margin-top: 15px; color: #fff; }
.yxwzF ul li .txt { line-height: 25px; margin-top: 10px; color: #fff; }
.yxwzF ul li:hover .img img { transform: scale(1.1); }
.yxwzF ul li:nth-child(2n) { background: #262626; }
.yxwzF ul li:nth-child(2n) .tit { color: #4c9cf4; }

.yxwzG{overflow: hidden;}
.yxwzG ul li{width: 308px; float: left; margin: 0 46px; text-align: center; }
.yxwzG ul li .tit{width: 308px; height: 70px; font-size: 20px; font-weight: bold; color: #fff; line-height: 65px; }
.yxwzG ul li .item{height: 60px; font-size: 16px; border-bottom: 1px solid #ddd; line-height: 60px; }
.yxwzG ul li .item span{color: #2073CF; margin-right: 20px; font-size: 20px; }
.yxwzG .bg1{background: url(../img/yxg1.png) no-repeat;}
.yxwzG .bg2{background: url(../img/yxg2.png) no-repeat;}
.yxwzG .bg3{background: url(../img/yxg3.png) no-repeat;}

/*============================ 网站报价 ============================*/
/*.bjA{display: flex;justify-content: space-between}
.bjA a{width: 14.21%;text-align: center;line-height: 59px;background: #293a4a;font-weight: bold;font-size: 18px;color: #fff;position: relative}
.bjA a:after{content: '';width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #009fd9;position: absolute;left: 50%;bottom: -10px;margin-left: -10px;opacity: 0}
.bjA a:hover,.bjA a.on{background: #009fd9}
.bjA a:hover:after,.bjA a.on:after{opacity: 1}*/
.bjA{display: flex;justify-content: center}
.bjA a{text-align: center;padding: 5px 20px;background: #f0f0f0;position: relative;display: inline-block;border-radius: 5px;margin: 0 10px;font-size: 16px}
.bjA a:hover {background: rgb(255, 136, 0);color: #fff;}
.bjA a.on{background: rgb(0, 160, 217);color: #fff;}

/*
.bjB{padding-bottom: 45px}
.bjB table{width: 100%;border: 1px solid #d7d7d7;border-bottom: none;display: none}
.bjB tr th{line-height: 55px;background: #009fd9;text-align: center;color: #fff;font-size: 24px;font-weight: normal}
.bjB tr td{padding: 15px;border-bottom: 1px solid #d7d7d7;}
.bjB tr td:nth-child(odd){font-size: 16px;text-align: center;width: 150px;border-right: 1px solid #d7d7d7;}
.bjB tr td:nth-child(even){width: 1050px}
.bjB tr .lj{display: inline-block;width: 175px;line-height: 45px;color: #fff;font-size: 18px;background: #009fd9;margin: 12px 0}
.bjB tr .lj:hover{background: #FF6501}
.bjB table:nth-child(1){display: block}
*/


.bjB {overflow: hidden;}
.bjB span {float: left;width: 45%;}
.bjB span img {display: block;max-width: 100%}
.bjB dl {float: right;width: 52%}
.bjB dl dt {display: block;padding: 0 0 10px 0}
.bjB dl dt h1 {display: block;font-size: 28px}
.bjB dl dd {font-size: 16px;padding: 8px 0;line-height: 24px}
.bjB dl dd:after {display: block;content: '';clear: both}
.bjB dl dd b {float: left;font-weight: normal;color: #666}
.bjB dl dd b:after {content: ':';font-weight: bolder;padding: 0 0 0 4px}
.bjB dl dd p,.bjB dl dd ol,.bjB dl dd ul {padding-left: 90px}
.bjB dl dd strong {font-size: 28px;color: #E00;padding-right: 6px;line-height: 20px;height: 24px;float: left}
.bjB dl dd strong:before {content: '¥'}
.bjB li {float: left;position: relative;min-width: 95px;cursor: pointer;margin: -3px 10px -3px 0;border: 1px solid #ddd;border-radius: 3px;text-align: center;line-height: 30px}
.bjB li.active {background: #D00;border-color: #D00;color: #FFF}

.bjC {background-image: url('../img/webyybj.jpg');background-size: cover;overflow: hidden;}
.bjC ul {text-align: center;padding: 50px 0;}
.bjC ul li {width: 120px;display: inline-block;margin: 0 0 0 60px}
.bjC ul li:first-child {margin: 0}
.bjC ul li p {display: block;width: 120px;height: 120px;border: 1px solid rgba(255,255,255,.5);border-radius: 50%;margin: 0 auto;transition: .3s}
.bjC ul li i {display: block;width: 104px;height: 104px;line-height: 104px;text-align: center;margin: 7px;background: #fff;border-radius: 50%;font-size: 0;transition: .3s;position: relative;}
.bjC ul li img {width: 40px;height: 40px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.bjC ul li img:first-child {display: inline-block}
.bjC ul li img:last-child {display: none}
.bjC ul li b {font-size: 18px;font-weight: normal;display: block;margin: 15px 0 0 0;color: #fff;transition: .3s}
.bjC ul li:hover p {border: 1px solid rgba(255,255,255,.15)}
.bjC ul li:hover i {background: #00a0d9}
.bjC ul li:hover img:first-child {display: none}
.bjC ul li:hover img:last-child {display: inline-block}
.bjC ul li:hover b {transform: translateY(-2px)}

.bjD {}
.bjD table {border: 1px solid #ddd;width: 100%;padding: 0;margin: 0;border-collapse: collapse}
.bjD table tr {padding: 0;margin: 0;border: none}
.bjD table tr td {border: 1px solid #ddd;padding: 10px 20px;margin: 0}
.bjD table tr:first-child td {font-size: 16px;padding: 15px 20px;background: #f8f8f8;text-align: center}
.bjD table tr td:first-child {background: #f8f8f8}
.bjD table tr td:first-child img {width: 16px;height: 16px;display: inline-block;margin-right: 5px}
.bjD table tr:not(:first-child) td:first-child {color: #666}
.bjD table tr:first-child td:first-child {width: 150px}
.bjD table tr:first-child td:last-child {width: 240px}
.bjD table tr td u {text-decoration: none;color: #F63}

.bjE {background: #f5f5f5;overflow: hidden;padding-bottom: 50px;}
.bjE ul {margin: -7.5px;text-align: center;font-size: 0}
.bjE ul li {display: inline-block;width: 16.666666%;padding: 7.5px;box-sizing: border-box;}
.bjE ul li span {display: block;background: #fff;padding: 30px 0;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s}
.bjE ul li:hover span {box-shadow: 0 0 15px rgba(0,0,0,.15)}
.bjE ul li span img {display: block;margin: 0 auto;width: 50px;height: 50px}
.bjE ul li span h3 {font-size: 16px;margin: 15px 0 0 0}
.bjE ul li:nth-child(1) span h3 {color: #8a2d58}
.bjE ul li:nth-child(2) span h3 {color: #f1891b}
.bjE ul li:nth-child(3) span h3 {color: #8bbc3c}
.bjE ul li:nth-child(4) span h3 {color: #595a8b}
.bjE ul li:nth-child(5) span h3 {color: #b82a84}
.bjE ul li:nth-child(6) span h3 {color: #62bdec}
.bjE ul li:nth-child(7) span h3 {color: #ef898b}
.bjE ul li:nth-child(8) span h3 {color: #595a8b}
.bjE ul li:nth-child(9) span h3 {color: #ef8cb7}
.bjE ul li:nth-child(10) span h3 {color: #74a820}
.bjE ul li:nth-child(11) span h3 {color: #1b9be0}
.bjE ul li:nth-child(12) span h3 {color: #f0895b}
.bjE div.met-editor {border: 1px solid #fe6700;padding: 10px 15px;background: #fff;margin-top: 30px}
.bjE div.met-editor p {line-height: 30px}

.bjF ul{overflow: hidden}
.bjF ul li{width: 16.6%;float: left;box-sizing: border-box;text-align: center}
.bjF ul li img{width: 100px;height: 100px}
.bjF ul li h3{margin-top: 15px;font-weight: normal}

.bjG { background: rgb(245, 245, 245); font-size: 16px; line-height: 1.8; overflow: hidden;padding: 20px 0}
.bjG .section-list { float: left; width: 50%; padding: 15px; box-sizing: border-box}
.bjG .section-list .met-editor { background: right bottom no-repeat rgb(255, 255, 255); padding: 30px; overflow: auto; transition: all 0.3s ease 0s; }
.bjG .section-list .met-editor:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 15px; }
.bjG .section-list strong { display: block; font-size: 24px; line-height: 1.2; font-weight: normal; }
.bjG .section-list strong::after { display: block; content: ""; width: 80px; height: 2px; background: rgb(238, 0, 0); margin: 10px 0px 16px; }

.bjH{overflow: hidden;padding-bottom: 35px}
.bjH .compose-list{width: 50%}
.bjH .compose-list li {line-height: 40px;font-size: 16px;margin: 10px 0;display: block;background: #ececec;border-width: 0 0 0 15px;border-style: solid;background: linear-gradient(left,#ececec,white);background: -ms-linear-gradient(left,#ececec,white);background: -webkit-linear-gradient(left,#ececec,white);background: -moz-linear-gradient(left,#ececec,white)}
.bjH .compose-list li:nth-child(1) {border-color: #f69900}
.bjH .compose-list li:nth-child(2) {border-color: #e7a125}
.bjH .compose-list li:nth-child(3) {border-color: #e6b407}
.bjH .compose-list li:nth-child(4) {border-color: #fbbd10}
.bjH .compose-list li:nth-child(5) {border-color: #ffd148}
.bjH .compose-list li:nth-child(6) {border-color: #fbbd10}
.bjH .compose-list li:nth-child(7) {border-color: #e6b407}
.bjH .compose-list li:nth-child(8) {border-color: #e7a125}
.bjH .compose-list li:nth-child(9) {border-color: #f69900}
.bjH .compose-list li span {display: block;padding-left: 20px}
.bjH .compose-img {width: 50%}
.bjH .compose-img img {display: block;max-width: 100%;margin: auto}

.bjI{overflow: hidden;padding-bottom: 35px}
.bjI ul li{width: 20%;padding: 0 15px;float: left;text-align: center;box-sizing: border-box;}
.bjI ul li img {display: block;margin: 0 auto;height: 63px}
.bjI ul li b {display: block;margin: 10px 0 5px 0;font-size: 16px}
.bjI ul li p {display: block;color: #555;line-height: 1.35;font-size: 14px;height: 54px;word-break: break-all}

/*============================ 整站营销 ============================*/
.zzyxA{position: relative}
.zzyxA ul li {width: 380px;height: 365px;border-radius: 3px;border: solid 1px #e9e9e9;background: #fff}
.zzyxA ul li.left {margin: 28px 0 0 0;float: left;}
.zzyxA ul li.mid {position: absolute;z-index: 1;left: 400px;_left: 17px;top: 0;width: 400px;height: 420px;border-color: #1c86d1;box-shadow: 0 0 4px 2px rgba(0,0,0,.1);overflow: hidden;}
.zzyxA ul li.mid h3 {color: #fff;border: #5297fa;background: #5297fa;}

.zzyxA ul li.right {margin: 28px 0 0 0;float: right}
.zzyxA ul li h3 {height: 80px;line-height: 80px;font-size: 28px;text-align: center;color: #666;border-bottom: solid 1px #ebebeb;background: #f9f9f9;margin-bottom: 15px;}
.zzyxA ul li dl {padding: 10px 30px 0 30px;font-size: 12px;color: #666;line-height: 22px;}
.zzyxA ul li dl span {color: #ccc;text-align: center;display: block;}

.zzyxB{overflow: hidden;background: #f5f8ff;margin-top: 70px}
.zzyxB ul{margin-top: 40px;overflow: hidden}
.zzyxB ul li {float: left;width: 400px;height: 210px;text-align: center}

.zzyxB ul li span {color: #5297fa;display: block;font-size: 60px;}
.zzyxB ul li i {font-size: 18px;line-height: 30px;color: #383838;padding: 0 50px 10px 50px;display: block;font-style: normal;}
.zzyxB ul li p {font-size: 12px;line-height: 20px;color: #a0a0a0;text-align: left;padding: 0 50px;}

.zzyxC{overflow: hidden;}
.zzyxC ul li{width: 20%;text-align: center;float: left;position: relative}
.zzyxC ul li i {color: #fff;font-size: 60px;width: 112px;height: 112px;border-radius: 56px;background: #5297fa;display: inline-block;position: relative}
.zzyxC ul li i img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.zzyxC li p {font-size: 18px;margin-top: 15px}
.zzyxC ul li:after{content:'';position: absolute;width: 15px;height: 28px;background: url("../img/zzyxc.png") no-repeat center;top: 41px;left: -11px;}

.zzyxD{background: #f5f8ff;overflow: hidden;padding-bottom: 50px}
.zzyxD ul{overflow: hidden}
.zzyxD ul li{font-size: 15px;line-height: 22px;color: #666;margin-bottom: 25px;}
.zzyxD ul li i{display: inline-block;width: 16px;height: 16px;background: url("../img/zzyxd.png") no-repeat center;padding-right: 5px}
.zzyxD ul li span {display: block;padding-bottom: 7px;}
.zzyxD ul li p{color: #999;text-indent: 20px}
.entrust{text-align: center;margin-top: 15px}
.entrust a {color: #076bf2;border: 1px solid #076bf2;border-radius: 4px;width: 166px;text-align: center;height: 40px;line-height: 40px;display: inline-block;font-size: 16px;margin: 0 40px;}
.entrust a:hover,.entrust a.hover {color: #fff;background: #4e8bdd;border-color: #4e8bdd;}

.zzyxE{overflow: hidden}
.zzyxE ul{display: flex;justify-content: space-between}
.zzyxE ul li{width: calc(25% - 9px);padding: 14px 20px;background: #3772CA;float: left;color: #fff;box-sizing: border-box;border-radius: 3px}
.zzyxE ul li h3{font-size: 18px;margin: 25px 0 15px;}
.zzyxE ul li p{font-size: 13px;line-height: 2;min-height: 155px}

/*============================ 网站改版 ============================*/
.gaibanA{overflow: hidden}
.gaibanA ul li{width: 25%;text-align: center;float: left}
.gaibanA ul li h2{font-size: 20px;font-weight: normal;margin-top: 20px}

.gaibanb{ overflow:hidden;background:#f4f4f4; padding-bottom:40px;}
.gaibanba{text-align: center;}
.gaibanba label{display:inline-block; vertical-align:top;font-size: 16px;margin: 0 45px}
.gaibanbb{ overflow:hidden;}
.gaibanbb ul li{ float:left; width:232px; margin-right:10px; position: relative; background:#fff; cursor:pointer; height:340px;}
.gaibanbb ul li:nth-child(5){ margin-right:0;}
.gaibanbb ul li:before{ content:""; width:100%; height:3px; position:absolute; top:0; left:0;}
.gaibanbb ul li:nth-child(1):before{ background:#f98168;}
.gaibanbb ul li:nth-child(2):before{ background:#71c5ca;}
.gaibanbb ul li:nth-child(3):before{ background:#71a4db;}
.gaibanbb ul li:nth-child(4):before{ background:#64bd9d;}
.gaibanbb ul li:nth-child(5):before{ background:#f3913a;}
.gaibanbb ul li .img1{ width:96px; height:96px; display:block; margin:0 auto; margin-top:73px;}
.gaibanbb ul li .h2{ font-weight:normal; line-height:24px; margin-top:49px; height:72px; color:#000; font-size:18px;text-align:center; }
.gaibanbb ul li .divs{ width:232px;opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1;transition:all 0.3s; color:#fff;}
.gaibanbb ul li:nth-child(1) .divs{ background:#f98168;}
.gaibanbb ul li:nth-child(2) .divs{ background:#71c5ca;}
.gaibanbb ul li:nth-child(3) .divs{ background:#71a4db;}
.gaibanbb ul li:nth-child(4) .divs{ background:#64bd9d;right:0; left:auto;}
.gaibanbb ul li:nth-child(5) .divs{ background:#f3913a; right:0; left:auto;}
.gaibanbb ul li:hover .divs{width:718px;opacity:1.0;filter:Alpha(opacity=100);}
.gaibanbb ul li .divs .img2{  width:200px; float:left; margin-left:20px;margin-top:92px; text-align:center;}
.gaibanbb ul li .divs .img2 img{ width:96px; display:block; margin:0 auto;}
.gaibanbb ul li .divs .img2 .h3{ font-weight:normal;font-size:22px; margin-top:16px;line-height:32px; }
.gaibanbb ul li .divs .cons{  position:absolute; left:220px; top:50%; transform: translate(0%, -50%);width:424px; margin-left:30px; overflow:hidden;}
.gaibanbb ul li .divs .cons .p{ line-height:24px; overflow:hidden; font-size:14px; color:#fff; margin-top:16px;}
.gaibanbb ul li .divs .cons .p p{ margin-bottom:16px; font-size:14px;color:#fff;}

.gaibanc{margin-top: 10px}
.gaibanc ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.gaibanc ul li{width: 32%;box-shadow: 0 0 15px rgba(0,0,0,0.1);padding: 30px;box-sizing: border-box;border-radius: 10px;margin-top: 25px;transition: all 0.3s ease}
.gaibanc ul li h3{font-size: 18px;font-weight: normal;margin: 15px 0}
.gaibanc ul li p{color: #999;line-height: 1.8}
.gaibanc ul li a{ display: inline-block;color: #64d0b7;font-size: 12px;margin-top: 30px}
.gaibanc ul li:hover {box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);-ms-transform: translateY(-3px);-o-transform: translateY(-3px);transform: translateY(-3px);}

.gaiband{text-align:center;margin-top: 40px}
.gaiband img{max-width: 100%}

/*============================ 网站维护 ============================*/
.wzwhbg{background: #eee;overflow: hidden;padding-bottom: 50px}
.wzwhA{}
.wzwhA ul{display: flex;justify-content: space-between}
.wzwhA ul li{width:270px;height:270px;text-align: center;float: left;transition: all 0.5s}
.wzwhA ul li img{margin: 75px 0px 15px 0px;transition: all 0.5s}
.wzwhA ul li p{color: #fff;font-size: 15px}
.wzwhA ul li:nth-child(1){background: url("../img/wzwha1.png") no-repeat center;}
.wzwhA ul li:nth-child(2){background: url("../img/wzwha2.png") no-repeat center;}
.wzwhA ul li:nth-child(3){background: url("../img/wzwha3.png") no-repeat center;}
.wzwhA ul li:nth-child(4){background: url("../img/wzwha4.png") no-repeat center;}
.wzwhA ul li:hover{margin-top: -10px}

.wzwhB{overflow: hidden;padding-bottom: 10px}
.wzwhB ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.wzwhB ul li{float: left;width: 535px;border: 2px solid #4588de;border-radius: 10px;height: 88px;position: relative;margin-left: 30px;margin-bottom: 30px;}
.wzwhB ul li dl{display: table;height: 100%;padding: 0px 20px 0px 35px;overflow: hidden;}
.wzwhB ul li p{font-size: 16px;color: #5f5f5f;display: block;display: table-cell;vertical-align: middle;}
.wzwhB ul li i{position: absolute;left: 0px;top: 50%;z-index: 3;margin: -30px 0px 0px -30px;}
.wzwhB ul li:hover i img {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;}

.wzwhC{}
.wzwhC ul{display: flex;justify-content: space-between}
.wzwhC ul li{width: 270px;min-height: 320px;background: #fff;border-radius: 10px;float: left;transition: All 0.4s ease-in-out;}
.wzwhC ul li dd{margin: 0 auto;text-align: center;padding: 45px 0px 25px 0px;}
.wzwhC ul li h3 {display: block;text-align: center;font-size: 20px;color: #383737;font-weight: 400;}
.wzwhC ul li i{display: block;width: 35px;height: 2px;margin: 10px auto 15px;background: #f16101;}
.wzwhC ul li p{font-size: 15px;color: #5f5f5f;line-height: 23px;padding: 0px 25px;}
.wzwhC ul li:hover{transform: translate(10,-20px);-webkit-transform: translate(10,-20px);-moz-transform: translate(10,-20px);-o-transform: translate(10,-20px);-ms-transform: translate(10,-20px);box-shadow: 0px 2px 40px #999999;}

.wzwhD{position: relative}
.wzwhD p{font-size:16px; color:#5f5f5f; line-height:23px;}
.wzwhD1{ position:absolute; top:23px; left:100px;}
.wzwhD2{ position:absolute; top:95px; right:105px;}
.wzwhD3{ position:absolute; top:212px; left:48px;}
.wzwhD_img{ text-align:center;}

.wzwhE table {border: 1px solid #E6E9EC;width: 100%;border-collapse: collapse;border-spacing: 0;}
.wzwhE table thead td {font-size: 16px;color: #FFFFFF;background: #F16101;height: 54px;line-height: 54px;border-right: 1px solid #ffffff;padding-left: 30px;}
.wzwhE table thead td:nth-child(1) {background: #404447;}
.wzwhE table thead td:nth-child(2) {background: #404447;width: 265px;}
.wzwhE table thead td:nth-child(5) {border-right: 1px solid #F16101;}
.wzwhE table thead td i {font-style: normal;font-size: 12px;}
.wzwhE table tbody td {color: #5E6166;font-size: 13px;padding: 14px 0 14px 30px;border-bottom: 1px solid #E6E9EC;border-right: 1px solid #E6E9EC;}

.wzwhF{overflow: hidden;padding-bottom: 10px}
.wzwhF ul li{width: 25%;float: left;border-right: 1px solid #F0F0F0;box-sizing: border-box;text-align: center;padding: 100px 0}
.wzwhF ul li dd{width: 52px;height: 52px;overflow: hidden;margin: 0 auto;position: relative;}
.wzwhF ul li dd img {position: absolute;left: 0;top: -52px;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}
.wzwhF ul li h3{font-size: 18px;line-height: 56px;font-weight: normal}
.wzwhF ul li p {font-size: 12px;color: #FFF;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;transition: all 1s ease;}
.wzwhF ul li.active img {top: 0;}
.wzwhF ul li.active h3 {font-size: 20px;color: #FFF;}
.wzwhF ul li.active {background: #F16101;}

/*============================ 基础维护 ============================*/
.jcwhA{overflow: hidden}
.jcwhA ul{display: flex;justify-content: space-between}
.jcwhA ul li{width: 210px;text-align: center}
.jcwhA ul li dd img{width: 120px;}
.jcwhA ul li h3{text-align: center;line-height: 30px;font-size: 16px;padding: 30px 0 10px;font-weight: normal}
.jcwhA ul li p{font-size: 12px;color: #999;padding: 0 10px;line-height: 2}
.jcwhA ul li:hover dd img {-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;-ms-transition: all 0.8s;}

.jcwhB{background: #f6f6f6;overflow: hidden;padding-bottom: 40px;}
.jcwhB ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px}
.jcwhB ul li{height:85px;display: flex;align-items: center;width: 48%;background: #fff;margin-top: 20px;}
.jcwhB ul li dl h3{font-size: 16px;font-weight: normal}
.jcwhB ul li dl p{font-size: 12px;line-height: 2}

.jcwhC{overflow: hidden}
.jcwhC ul{display: flex;justify-content: space-between}
.jcwhC ul li{width: 210px}
.jcwhC ul li dd{width: 100%;overflow: hidden}
.jcwhC ul li dd img{transition: all 0.5s;}
.jcwhC ul li p{text-align: center;font-size: 16px;margin-top: 30px}
.jcwhC ul li:hover dd img{transition: .5s all;-webkit-transform: scale(1.1);}

.jcwhD{background: url("../img/jcwhd.jpg") no-repeat center;height: 350px;text-align: center}
.jcwhD h2{font-size: 38px;padding-top: 115px;}
.jcwhD p{font-size: 26px;margin-top: 8px}

.jcwhE{}
.jcwhE ul{display: flex;justify-content: space-between}
.jcwhE ul li{width: 350px;}
.jcwhE ul li dd{overflow: hidden}
.jcwhE ul li dd img{transition: all 0.5s ease}
.jcwhE ul li dl{padding: 20px;color: #fff}
.jcwhE ul li dl b{font-size: 40px;font-family: Impact;}
.jcwhE ul li p {line-height: 24px;margin-top: 10px;height: 90px;}
.jcwhE ul li i{display: inline-block;width: 30px;height: 10px;border-bottom: 5px solid #fff;}
.jcwhE ul li:nth-child(1){background: #22abf9;}
.jcwhE ul li:nth-child(2){background: #f90;}
.jcwhE ul li:nth-child(3){background: #a2bc3f;}
.jcwhE ul li:hover dd img{transition: all 0.5s;transform: scale(1.1)}

/*============================ 快速排名 ============================*/
.kspmA{padding: 35px 0}
.kspmA ul{display: flex;justify-content: space-between}
.kspmA ul li{width: 25%;padding: 0 15px;}
/*.kspmA ul li dd img{width: 120px;}*/
.kspmA ul li h3{font-size: 18px;margin: 15px 0}
.kspmA ul li p{color: #222;line-height: 2;font-size: 16px}

.kspmB{background: #eee;overflow: hidden}
.kspmBs{padding: 40px 0;overflow: hidden;position: relative}
.kspmBsl{border: 1px solid rgba(42, 153, 240, 1);background:#fff;border-radius: 8px;width: 47.86%;padding: 40px 110px 60px 70px;box-sizing: border-box}
.kspmBs h3{text-align: center;font-size: 18px}
.kspmBs ul li{display: flex;align-items: center;margin-top: 35px}
.kspmBs ul li i{display: inline-block;border-radius: 50%;width: 33px;height: 33px;text-align: center;line-height: 34px;}
.kspmBs ul li p{padding-left: 5%;color: #999;width: 300px}
.kspmBs ul li p b{color: #d21d1d;}
.kspmBsl ul li i{background: url("../img/kspmbl.png") no-repeat center rgba(42, 153, 240, 1);background-size: 16px}
.kspmBsr{min-height:551px;border: 1px solid #d2d2d2;background:#fff;border-radius: 8px;width: 47.86%;padding: 40px 110px 60px 70px;box-sizing: border-box}
.kspmBsr ul li i{background: url("../img/kspmbr.png") no-repeat center #e7e7e7;background-size: 16px}
.kspmBsc{position: absolute;left: 43%;top: 10%;}
.kspmBsc dd{width: 140px;height: 40px;color: #fff;font-size: 16px;line-height: 40px;text-align: center;margin-top: 39px;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 20px;}
.kspmBsc dd:nth-child(1) {background: #4a86e8;}
.kspmBsc dd:nth-child(2) {background: #ff9442;}
.kspmBsc dd:nth-child(3),.kspmBsc dd:nth-child(5){background: #e74c48;}
.kspmBsc dd:nth-child(4),.kspmBsc dd:nth-child(6){background: #47b0e7;}

.kspmC{}
.kspmC ul{display: flex;justify-content: space-between}
.kspmC ul li{text-align: center;width: 20%;padding: 0 15px}
.kspmC ul li dd img{border: rgb(232, 232, 232) 5px solid;border-radius: 50%;box-sizing: border-box;transition: all 0.3s}
.kspmC ul li h3{font-size: 18px;margin: 15px 0;font-weight: normal}
.kspmC ul li p{line-height: 1.6}
.kspmC ul li:hover dd img{border-color: #B8860B}

.kspmD{background: #f5f5f5;overflow: hidden;padding-bottom: 40px}
.kspmD ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.kspmD ul li{width: 30%;min-height:220px;text-align: center;background: #fff;padding: 20px 15px;margin: 10px 0}
.kspmD ul li h3{font-size: 18px;color: #ff7733;font-weight: normal;margin: 10px 0}
.kspmD ul li p{line-height: 1.8}

.kspmE{overflow: hidden}
.kspmE ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.kspmE ul li{width: 345px;height: 110px;color: #FFF;border-radius: 6px;float: left;line-height: 25px;padding: 20px;margin: 10px 0}
.kspmE ul li h3{font-size: 20px;font-weight: normal}
.kspmE ul li p{margin-top: 10px}
.kspmE ul li:nth-child(1){background: #e76565}
.kspmE ul li:nth-child(2){background: #f18439}
.kspmE ul li:nth-child(3){background: #00b7ee}
.kspmE ul li:nth-child(4){background: #1acac6}
.kspmE ul li:nth-child(5){background: #16bf61}
.kspmE ul li:nth-child(6){background: #f8b551}

/*============================ 网站制作 ============================*/
.wzzzA{overflow: hidden}
.wzzzA ul li{float:left;width: 49%;border: 1px solid #dcdcdc;padding: 20px;box-sizing:border-box;margin-bottom: 2%;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.wzzzA ul li:nth-child(2n){float: right}
.wzzzA ul li dl{width: 83%;}
.wzzzA ul li dl h3{font-size: 18px;font-weight: normal}
.wzzzA ul li dl p{color: #666;margin-top: 8px}

.wzzzB{background: #F5F5F5;overflow: hidden}
.wzzzB ul{padding: 40px 0 20px;}
.wzzzB ul li{width: 216px;float: left;margin-right: 30px;background: #fff;text-align: center;padding: 30px;box-sizing: border-box;margin-bottom: 30px;transition: all 0.5s ease;}
.wzzzB ul li h3{font-size: 16px;margin-top: 10px;font-weight: normal}
.wzzzB ul li:nth-child(5n){margin-right: 0}
.wzzzB ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}

.wzzzC{}
.wzzzC ul li{float: left;width: 380px;height: 199px;margin: 0 30px 30px 0;padding: 30px;box-sizing: border-box;border: 1px solid #ccc;background: #fff;transition: all 0.6s;display: flex;align-items: center; color: #666;}
.wzzzC ul li dd{float: left;width: 61px;height: 54px;}
.wzzzC ul li dl{float: left;width: 187px;height: 121px;padding:20px 0 0 18px;margin: 0 0 0 26px;border-left: 2px solid #e1e1e1;}
.wzzzC ul li dl h3{margin-bottom: 20px;font-size: 20px;font-weight: normal;}
.wzzzC ul li:nth-child(3n){margin-right: 0}
.wzzzC ul li:hover{border: 1px solid #17b8c0;box-shadow: 0 0 15px #95d7db;transform: translateY(-20px);-webkit-transform: translateY(-20px);}
.wzzzC ul li:nth-child(1) dd{background: url("../img/wzzzc1.png") no-repeat center}
.wzzzC ul li:nth-child(1):hover dd{background: url("../img/wzzzc11.png") no-repeat center}
.wzzzC ul li:nth-child(2) dd{background: url("../img/wzzzc2.png") no-repeat center}
.wzzzC ul li:nth-child(2):hover dd{background: url("../img/wzzzc22.png") no-repeat center}
.wzzzC ul li:nth-child(3) dd{background: url("../img/wzzzc3.png") no-repeat center}
.wzzzC ul li:nth-child(3):hover dd{background: url("../img/wzzzc33.png") no-repeat center}
.wzzzC ul li:nth-child(4) dd{background: url("../img/wzzzc4.png") no-repeat center}
.wzzzC ul li:nth-child(4):hover dd{background: url("../img/wzzzc44.png") no-repeat center}
.wzzzC ul li:nth-child(5) dd{background: url("../img/wzzzc5.png") no-repeat center}
.wzzzC ul li:nth-child(5):hover dd{background: url("../img/wzzzc55.png") no-repeat center}
.wzzzC ul li:nth-child(6) dd{background: url("../img/wzzzc6.png") no-repeat center}
.wzzzC ul li:nth-child(6):hover dd{background: url("../img/wzzzc66.png") no-repeat center}

.wzzzD{background: #F5F5F5;overflow: hidden;margin-top: 20px;padding-bottom: 40px}
.wzzzD{}
.wzzzD ul{border: 1px solid #e6e6e6;overflow: hidden}
.wzzzD ul li{width: 16.667%;height: 198px;float: left;text-align: center;border-right: 1px solid #e6e6e6;padding: 40px 25px;box-sizing: border-box;background: #fff;}
.wzzzD ul li h3{font-size: 16px}
.wzzzD ul li p{padding: 15px 0px 20px;font-size: 12px;color: #666;line-height: 1.8;}
.wzzzD ul li span{font-size: 18px;font-family: 'Arial';}
.wzzzD ul li:last-child{border: none}
.wzzzDs{border: 1px solid #e6e6e6;text-align: center;border-top: none;background: #fff;line-height: 55px}
.wzzzDs b{color: #ffc000;font-family: 'Arial';font-size: 20px;}

.wzzzE{}
.wzzzE ul{display: flex;justify-content: space-between;}
.wzzzE ul li {width: 280px;float: left;text-align: center;padding: 40px 20px;box-sizing: border-box;transition: all .3s ease-out;}
.wzzzE ul li h3{padding: 15px 0px 15px;font-size: 16px;}
.wzzzE ul li p{color: #999;line-height: 1.8}
.wzzzE ul li:hover{box-shadow: 0 0 15px rgba(33,37,44,.5);}

/*============================ 网页设计 ============================*/
.wysjA{}
.wysjA ul{display: flex;justify-content: space-between;padding: 20px 0}
.wysjA ul li{text-align: center;transition: all 0.5s;}
.wysjA ul li h3{font-size: 20px;margin: 12px 0}
.wysjA ul li p{color: #878787;font-size: 16px;}
.wysjA ul li:hover{transform: translateY(-10px);}

.wysjC{background: #f8fafb;overflow: hidden;}
.wysjC ul{padding: 30px 0 50px}
.wysjC ul li{display: flex;align-items: center;padding: 30px 60px;background: #fff;width: 49.5%;box-sizing: border-box;margin-top: 11px;float: left}
.wysjC ul li dd{width: 90px;height: 90px;border-radius: 50%;border: 1px solid #edeeef;box-shadow: 0 0 15px #f1f2f3;overflow: hidden;background: #fff;transition: all 0.6s;margin-right: 20px;position: relative;}
.wysjC ul li dd img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.wysjC ul li dl{width: 224px}
.wysjC ul li dl h3{font-size: 20px;font-weight: normal;margin-bottom: 8px}
.wysjC ul li dl p{color: #999}
.wysjC ul li:hover dd{transform: rotate(360deg);}
.wysjC ul li:hover{transition: all 1s;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;}
.wysjC ul li:nth-child(2n){float: right}

.wysjB{background: url("../img/wysjb.png") no-repeat center;overflow: hidden}
.wysjB ul{padding: 40px 0 60px;display: flex;justify-content: space-between}
.wysjB ul li{width: 30%;text-align: center}
.wysjB ul li h3{font-size: 24px;color: #333;margin: 30px auto 20px;font-weight: normal;}
.wysjB ul li p{color: #999;line-height: 26px;}

.wysjD{background: #f8fafb;overflow: hidden;}
.wysjD ul{padding: 40px 0 50px;display: flex;justify-content: space-between}
.wysjD ul li{width: 370px;text-align: center;background: #fff}
.wysjD ul li dd{overflow: hidden}
.wysjD ul li dd img{max-width: 100%;transition: all 0.5s}
.wysjD ul li dl{padding: 20px}
.wysjD ul li h3{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 15px}
.wysjD ul li p{color: #999;line-height: 24px;}
.wysjD ul li:hover dd img{transform: scale(1.1)}

.wysjE{}
.wysjE ul{display: flex;justify-content: space-between;padding-bottom: 20px}
.wysjE ul li{width: 276px;height:317px;background: url("../img/wysje.png") no-repeat bottom;box-shadow: 2px 2px 6px #aaa;
    border-radius: 10px;padding: 30px 30px 80px;box-sizing: border-box}
.wysjE ul li dl{display: flex;align-items: center}
.wysjE ul li dl i{border-radius: 50%;background: #f2523c;width: 64px;height: 64px;text-align: center;line-height: 64px;color: #fff;font-size: 30px;float: left;font-style: normal;margin-right: 10px;}
.wysjE ul li dd h3{line-height: 33px;padding-top: 7px;font-size: 24px;color: #666;font-weight: 700;}
.wysjE ul li dd p{line-height: 21px;font-size: 16px;color: #666;}
.wysjE ul li dt {color: #666;font-size: 16px;float: left;padding: 0 25px;padding-top: 17px;}
.wysjE ul li dt p{margin: 5px 0;line-height: 24px;}

.wzkfA{}
.wzkfA ul{display: flex;justify-content: space-between}
.wzkfA ul li{float: left;width: 230px;height: 555px;border: 1px solid #ddd;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wzkfA ul li img{width: 100%;height: 136px;}
.wzkfA ul li h3{padding-left: 15px;margin: 40px 0 25px;font-size: 21px;color: #333;font-weight: normal;}
.wzkfA ul li dl{color: #5e5e5e;}
.wzkfA ul li dl p{margin: 5px 0}
.wzkfA ul li:hover{box-shadow: 0 0 20px #ddd;}
.wzkfA ul li:hover dl p span{color: #B3181E}

.wzkfB{background: #F5F5F5;overflow: hidden;padding-bottom: 20px}
.wzkfB ul{}
.wzkfB ul li{background: #fff;width: 49%;float: left;display: flex;align-items: center;padding: 20px;box-sizing: border-box;margin-bottom: 25px;transition: all 0.5s ease}
.wzkfB ul li dd{margin-right: 20px;transition: all 0.5s ease}
.wzkfB ul li dl h3{font-size: 20px;font-weight: normal}
.wzkfB ul li dl p{color: #878787;margin-top: 5px;}
.wzkfB ul li:nth-child(2n){float: right}
.wzkfB ul li:hover{box-shadow: 0 0 10px #ccc}
.wzkfB ul li:hover dd{transform: rotate(360deg);transition: all 0.5s ease}

.wzkfC{background: #F5F5F5;overflow: hidden;padding-bottom: 40px}
.wzkfC .bjH{background: #fff;padding: 20px;box-sizing: border-box;box-shadow: 0 0 30px #E5E5E5}
.wzkfC .bjH .compose-list{margin-top: 30px}
.wzkfC .bjH .compose-img img{float: right}

.wzkfD{padding: 20px 0}
.wzkfD ul{display: flex;justify-content: space-between}
.wzkfD ul li{width: 20%;text-align: center}
.wzkfD ul li dd{display: inline-block;width:88px;height:88px;padding: 10px;border-radius: 50%;background: #B61620;margin-bottom: 2%;position: relative;box-sizing: border-box;transition: all .5s ease-in-out;}
.wzkfD ul li dd img{width: 50px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.wzkfD ul li dd:after {position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';top: 0;left: 0;z-index: -1;}
.wzkfD ul li h3{font-size: 18px;color: #212121;margin: 8px 0}
.wzkfD ul li p{color: #5f5f5f}
.wzkfD ul li:hover dd:after {animation: sonarEffect 1.3s ease-out 75ms infinite;-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;-moz-animation: sonarEffect 1.3s ease-out 75ms infinite;}
.wzkfD ul li:hover dd {-webkit-transform: scale(.86);-moz-transform: scale(.86);-ms-transform: scale(.86);transform: scale(.86);-o-transform: scale(.86);}


/*============================ 新闻详情 ============================*/
.content{padding-bottom: 50px}
.cont h1{font-size: 26px;border-bottom:1px dashed #ccc;text-align: center;padding: 40px 0;font-weight: normal}
.cont .con{padding: 30px 0;line-height: 250%;font-size: 14px;border-bottom:1px dashed #ccc;}
.cont .con img{max-width:100%!important; height:auto!important;display: block;margin: 0 auto}
.cont .con a{color: #0E5E9D;font-size: 14px}
.other h3{font-size: 20px;padding-bottom: 10px;margin-top: 30px;font-weight: normal}
.other ul li{line-height: 2;}
.other ul li a{font-size: 14px}
.other ul li a:hover{color: #0E5E9D}

.pagination {text-align: center;height: 28px;padding: 10px 0 60px}
.pagination a, .pagination span {padding: 0 10px;height: 28px;line-height: 30px;display: inline-block;margin: 0 3px;border: 1px solid #dddddd}
.pagination .current, .pagination a:hover {background: #ff8400;color: #fff;border-color: #ff8400}


/*liuc 悬浮*/
@keyframes sonarEffect{
    0%{opacity:.3;}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #B61620,0 0 0 5px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #B61620,0 0 0 5px rgba(255,255,255,.5);
        -webkit-transform:scale(1.25);opacity:0;}
}
@-webkit-keyframes sonarEffect{
    0%{opacity:.3}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #B61620,0 0 0 5px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #B61620,0 0 0 5px rgba(255,255,255,.5);
        -webkit-transform:scale(1.25);opacity:0}
}
@-moz-keyframes sonarEffect{
    0%{opacity:.3}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #B61620,0 0 0 5px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #B61620,0 0 0 5px rgba(255,255,255,.5);
        -webkit-transform:scale(1.25);opacity:0}
}
/*liuc 悬浮*/