* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    width: 100%;
    font-weight: normal;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 14px;
    line-height: 1.6;
    background-color: #fff;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

ul, ul li, ol, li {
    list-style: none outside none;
}

h1, h2, h3, h4, h5, h6, i {
    font-weight: normal;
    font-style: normal;
}

img {
    vertical-align: middle;
    border: none;
}

input, select, option, label, th {
    vertical-align: middle;
    border: none
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    /*color: #d3a142;*/
}

/*清除浮动开始*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
    display: block;
    _height: 1px;
    clear: both;
}

/*清除浮动结束*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.container {
    display: block;
    width: 86%;
    max-width: 1600px;
    margin: 0 auto;
    /*text-align: center;*/
}

body {
    max-width: 1920px;
    margin: 0 auto;
}

.hidden {
    overflow: hidden;
}

.hide {
    display: none;
}

.flex {
    display: flex;
    align-items: center;
}

/*主导航*/
.nav {
    position: fixed;;
    height: 80px;
    background: rgba(50, 52, 54, 0.8);
    width: 100%;
    z-index: 999;
    max-width: 1920px;
    top: 0;
}

.nav .container {
    overflow: hidden;
    position: relative;
}

.nav .logo {
    position: absolute;
    left: 0;
    top: 16px;
    height: 48px;
    width: 185px;
    z-index: 201;
}

.nav .logo img {
    height: 48px;
    display: block;
}

.nav .logo {
    float: left;
}

.navlist {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.navlist li {
    font-size: 16px;
    display: inline-block;
    color: #ffffff;
    line-height: 80px;
    text-align: center;
}

.navlist li a {
    padding: 0 35px;
    display: inline-block;
}

.navlist li.on, .navlist li:hover {
    background: rgba(221, 180, 102, 0.8);
}

.nav .tel {
    width: 185px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 201;
    padding-left: 35px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #fff;
    background: url(/static/webapp/images/tel-bg.png) no-repeat 0 center;
}

.homenav .nav {
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.wbj .nav li:hover, .wbj .nav li.on {
    background: none;
}

.wbj .nav {
    background: none;
}

.nav_btn {
    display: none;
    width: 24px;
    height: 60px;
    /*width: 60px;*/
    padding: 20px 18px;
    cursor: pointer;
    position: relative;
    z-index: 201;
}

.nav_btn span {
    width: 24px;
    height: 2px;
    display: block;
    background: #ffffff;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.nav_btn span.sp02 {
    margin: 7px auto;
}

.nav_btn span.sp03 {
    width: 12px;
}

.nav_btn.close .sp01 {
    transform: matrix(-1, 1, -0.8, -0.8, 0, 8.5)
}

.nav_btn.close .sp02 {
    opacity: 0;
}

.nav_btn.close .sp03 {
    transform: matrix(-1, -1, 0.8, -0.8, 0, -8.5);
    width: 24px;
}

/*主导航*/


/*banner*/
.banner {
    height: 462px;
    margin-top: -22px;
}

.banner .swiper-slide {
}

.banner img {
    display: none;
}

.banner .bantxt {
    float: left;
    text-align: left;
}

.banner .bantxt h3 {
    font-size: 40px;
    color: #ffffff;
    margin-top: 200px;
}

.banner .bantxt h2 {
    font-size: 40px;
    color: #ffffff;
    margin-top: 200px;
}

.banner .bantxt .h3 {
    font-size: 40px;
    color: #ffffff;
    margin-top: 200px;
}

.banner .bantxt .h3 h1 {
    font-size: 40px;
    display: inline;
}

.banner .bantxt p {
    font-size: 18px;
    color: #ffffff;
    margin-top: 5px;
}

.banner .bantxt span {
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
    font-size: 16px;
    float: left;
    padding: 0 20px;
    height: 36px;
    line-height: 34px;
    background: transparent;
    color: #fff;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}

.banner .bantxt span:hover {
    color: #666;
    background: #fff;
}

.banner .swiper-pagination {
    line-height: 0;
    bottom: 25px;
}

.banner .swiper-pagination-bullet {
    width: 25px;
    height: 3px;
    border-radius: 0;
    opacity: .4;
    background: #fff;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

.banner .bantxt > h1 {
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
    font-size: 16px;
    float: left;
    padding: 0 20px;
    height: 36px;
    line-height: 34px;
    background: transparent;
    color: #fff;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}

.banner .bantxt > h1:hover {
    color: #666;
    background: #fff;
}

/*banner*/

.syaby {
    width: 100%;
    background: #f0eeee;
    overflow: hidden;
    padding: 5px 0;
}

.syaby li {
    width: 33.33%;
    float: left;
    text-align: center;
    color: #333;
}

.syaby li b {
    font-size: 14px;
    color: #FFB251;
    line-height: 1;
    margin: 10px 0;
}

.dtit {
    padding: 4% 0;
    text-align: center;
}

.dtit span {
    font-size: 40px;
    color: #161616;
    display: block;
    text-align: center;
}

.dtit p {
    font-size: 15px;
    color: #888888;
    text-align: center;
    margin: 20px;
}

.dtit.bai span, .dtit.bai p {
    color: #fff
}

/*我们的服务*/
.syfw {
    padding-bottom: 4%;
    overflow: hidden;
}

.syfw ul {
    display: table;
}

.syfw ul li {
    float: left;
    width: 17%;
    text-align: center;
    color: #888888;
    position: relative;
    margin: 0 1.5%;
    padding: 2% 0;
}

.syfw ul li .name {
    font-size: 18px;
    display: block;
    color: #292929;
    line-height: 35px
}

.syfw ul li a {
    display: block;
    line-height: 28px
}

.syfw ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #FFB251;
    z-index: -1
}

.syfw ul li:hover {
    color: #fff
}

.syfw ul li:hover .name {
    color: #fff;
}

.syfw ul li:hover:after {
    height: 100%;
}

.syfw ul li i {
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto 10% auto;
}

.syfw ul li i.i1 {
    background: url(/static/webapp/images/syfw1.png) no-repeat center center;
    background-size: 100%;
}

.syfw ul li i.i2 {
    background: url(/static/webapp/images/syfw2.png) no-repeat center center;
    background-size: 100%;
}

.syfw ul li i.i3 {
    background: url(/static/webapp/images/syfw3.png) no-repeat center center;
    background-size: 100%;
}

.syfw ul li i.i4 {
    background: url(/static/webapp/images/syfw4.png) no-repeat center center;
    background-size: 100%;
}

.syfw ul li i.i5 {
    background: url(/static/webapp/images/syfw5.png) no-repeat center center;
    background-size: 100%;
}

.syfw ul li:hover i.i1 {
    background-image: url(/static/webapp/images/syfw1h.png);
}

.syfw ul li:hover i.i2 {
    background-image: url(/static/webapp/images/syfw2h.png);
}

.syfw ul li:hover i.i3 {
    background-image: url(/static/webapp/images/syfw3h.png);
}

.syfw ul li:hover i.i4 {
    background-image: url(/static/webapp/images/syfw4h.png);
}

.syfw ul li:hover i.i5 {
    background-image: url(/static/webapp/images/syfw5h.png);
}

/*我们的服务*/


.daojis {
    height: 160px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 160px;
    background: url(/static/webapp/images/htbj.jpg) no-repeat center center;
    background-size: cover
}

.daojis span {
    margin: 0 10px;
    font-size: 32px;
    color: #eb4b4b;
    font-weight: bold;
}

/*案例*/
.anli {
    width: 100%;
    overflow: hidden;
}

.anli_list {
    overflow: hidden;
    margin-top: -20px;
}

.anli li {
    width: 25%;
    padding: 0 10px;
    margin-top: 20px;
    float: left;
    overflow: hidden;
}

.anli li a {
    display: block;
}

.anli li .img {
    width: 408px;
    height: 267px;
    /*width: 100%;*/
    overflow: hidden;
    position: relative;
}

.anli li .img img {
    width: 100%;
}

.anli li .img .txts {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 100%;
    left: 0;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.anli li .img .txts span {
    color: #fff;
    line-height: 2.5;
    display: inline-block;
    width: 62px;
    margin: 20% 12px 0 12px;
    font-size: 16px;
}

.anli li .img .txts span i {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.anli li .img .txts span i.bgs1 {
    background: url(/static/webapp/images/i_pic1.png) center top no-repeat;
}

.anli li .img .txts span i.bgs2 {
    background: url(/static/webapp/images/i_pic2.png) center top no-repeat;
}

.anli li .img .txts span i.bgs3 {
    background: url(/static/webapp/images/i_pic3.png) center top no-repeat;
}

.anli li:hover .img .txts {
    top: 0;
}

.anli li .img .txts span i:hover {
    background-color: #FFB251;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.anli li .zi {
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
    width: 100%;
    text-align: center;
    padding: 16px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anli li p {
    font-size: 18px;
    color: #161616;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.anli li .zi:after {
    position: absolute;
    left: 0;
    bottom: 100px;
    content: "";
    width: 100%;
    height: 100px;
    background: #FFB251;;
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.anli li:hover .zi:after {
    bottom: 0;
}

.anli li:hover .zi p {
    color: #ffffff;
}

.anli li .more {
    font-size: 14px;
    color: #161616;
    font-style: italic;
    background: url(/static/webapp/images/anli-morebg.png) no-repeat right center;
    padding-right: 25px;
    margin-top: 15px;
}

.anli li:hover .img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.anli li:hover .more {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
}

/*案例*/


/*小程序服务*/
.app_list {
    overflow: hidden;
    margin-bottom: 3%;
}

.app_list li {
    float: left;
    width: 49%;
    border: 1px solid #dcdcdc;
    padding: 20px;
    margin-right: 2%;
    margin-bottom: 2%;
}

.app_list li .img {
    width: 80px;
    float: left;
}

.app_list li .img img {
    display: block;
    width: 100%;
}

.app_list li .info {
    padding-left: 100px;
}

.app_list li .info h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
}

.app_list li .info p {
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    height: 40px;
    margin-top: 5px;
}

/*小程序服务*/


/*首页新闻*/
.newsbg {
    width: 100%;
    background: #f0eeee;
    padding-bottom: 4%
}

.newsnav {
    overflow: hidden;
    padding-bottom: 2%;
    margin: 0 auto;
    display: table
}

.newsnav li {
    font-size: 16px;
    color: #535353;
    float: left;
    background: #fff;
    border-radius: 20px;
    margin-right: 10px;
    overflow: hidden;
}

.newsnav li a {
    display: block;
    padding: 6px 20px;
    font-size: 16px;
}

.newsnav li.cur, .newsnav li:hover {
    background: #FFB251;
    color: #fff;
}

.newslist {
    width: 100%;
    overflow: hidden;
}

.newslist li {
    width: 33.33%;
    overflow: hidden;
    float: left;
    padding: 1px;
}

.newslist li a {
    background: #ffffff;
    padding: 8%;
    display: block;
    overflow: hidden;
}

.newslist li .time {
    color: #555555;
    text-align: center;
    margin-top: 10px;
    width: 60px;
}

.newslist li .time .d {
    font-size: 40px;
    display: block;
    line-height: 1
}

.newslist li .time .y {
    display: block;
}

.newslist li .zi {
    padding-left: 90px;
}

.newslist li .zi span {
    color: #484848;
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    white-space: nowrap;
}

.newslist li .zi span i {
    display: inline-block;
    width: 0;
    height: 1px;
    background: #FFB251;
    vertical-align: middle;
}

.newslist li:hover .zi span i {
    width: 15px;
    margin-right: 5px;
}

.newslist li:hover .zi span {
    color: #FFB251
}

.newslist li .zi p {
    color: #818181;
    height: 44px;
    overflow: hidden;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newslist li:hover {
    box-shadow: 0 0 40px #c3c3c3;
}

/*首页新闻*/


/*首页解决方案*/
.syfanganbg {
    background: url(/static/webapp/images/fangan-bg.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.syfanganz {
    width: 28%;
    margin-top: 5%
}

.syfanganz b {
    font-size: 48px;
    color: #FFB251;
    line-height: 1.2
}

.syfanganz .info {
    color: #888888;
    margin-top: 5%;
    text-align: justify;
}

.syfanganz .more {
    position: relative;
    display: block;
    margin-top: 20%;
    width: 45px;
    height: 45px;
    border: 1px solid #fff
}

.syfanganz .more:before, .syfanganz .more:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.syfanganz .more:before {
    background: url(/static/webapp/images/jiejue-jianh.png) no-repeat center center;
    z-index: 1;
    background-size: 60% auto;
}

.syfanganz .more:after {
    background: #FFB251;
    transform: scale(0);
    z-index: 0
}

.syfanganz .more:hover:after {
    transform: scale(1);
}

.syfanganz .more:hover {
    border: none
}

.syfangany {
    width: 67%;
    overflow: hidden;
    border-left: 1px solid #787878;
    border-top: 1px solid #787878;
}

.syfangany li {
    width: 33.33%;
    float: left;
    border-right: 1px solid #787878;
    border-bottom: 1px solid #787878;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 5% 0;
}

.syfangany li i {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto
}

.syfangany li p {
    font-size: 18px;
    margin-top: 20px;
    height: 55px;
    overflow: hidden;
}

.syfangany li:after {
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #FFB251;
}

.syfangany li.noaf:after {
    display: none
}

.syfangany li:hover {
    background: rgba(221, 180, 102, 0.6);
    border-color: rgba(221, 180, 102, 0.6)
}

.syfangany li:hover:after {
    width: 0
}

.syfangany li i.i1 {
    background: url(/static/webapp/images/fangan01.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i1 {
    background: url(/static/webapp/images/fangan01.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i2 {
    background: url(/static/webapp/images/fangan02.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i2 {
    background: url(/static/webapp/images/fangan02.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i3 {
    background: url(/static/webapp/images/fangan03.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i3 {
    background: url(/static/webapp/images/fangan03.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i4 {
    background: url(/static/webapp/images/fangan04.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i4 {
    background: url(/static/webapp/images/fangan04.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i5 {
    background: url(/static/webapp/images/fangan05.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i5 {
    background: url(/static/webapp/images/fangan05.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i6 {
    background: url(/static/webapp/images/fangan06.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i6 {
    background: url(/static/webapp/images/fangan06.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i7 {
    background: url(/static/webapp/images/fangan07.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i7 {
    background: url(/static/webapp/images/fangan07.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i8 {
    background: url(/static/webapp/images/fangan08.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i8 {
    background: url(/static/webapp/images/fangan08.png) no-repeat center -70px;
    background-size: 100% auto;
}

.syfangany li i.i9 {
    background: url(/static/webapp/images/fangan09.png) no-repeat center 0;
    background-size: 100% auto;
}

.syfangany li:hover i.i9 {
    background: url(/static/webapp/images/fangan09.png) no-repeat center -70px;
    background-size: 100% auto;
}

/*首页解决方案*/


/*我们的优势*/
.about-3 {
    margin: -2% 0 4% 0;
}

.about-3 li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
}

.about-3 li a {
    display: block;
    border: 1px solid #eaeaea;
    padding: 5%;
}

.about-3 li h4 {
    font-size: 20px;
    margin: 0;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFB251;
}

.about-3 li h4 span {
    font-size: 18px;
}

.about-3 li p {
    margin: 10px 0 0;
    overflow: hidden;
    height: 40px;
}

.about-3 li a:hover {
    box-shadow: 0 0 30px #eeeeee;
}

/*focus 伪类选择器*/
input:focus {
    background-color: #d3a142;
}

/*我们的优势*/

/*流程*/
.liuc {
    margin-bottom: 4%;
}

.liuc li {
    width: 20%;
    text-align: center;
    float: left;
}

.liuc li i {
    display: inline-block;
    padding: 8%;
    border-radius: 50%;
    background: #FFB251;
    margin-bottom: 2%;
    position: relative;
}

.liuc li b {
    color: #212121;
    display: block;
    font-size: 22px;
    margin: 2% 0;
}

.liuc li p {
    color: #5f5f5f;
    font-size: 15px
}

.liuc li i:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
}

.liuc li:hover i {
    -webkit-transform: scale(.86);
    -moz-transform: scale(.86);
    -ms-transform: scale(.86);
    transform: scale(.86);
    -o-transform: scale(.86);
}

.liuc li:hover i: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;
}

/*流程*/

/*footer*/
.dbinfo {
    overflow: hidden;
    padding-bottom: 50px;
    background: #333;
    width: 100%;
}

.dbinfo li {
    float: left;
    width: 31%;
    padding-top: 20px;
    color: #ccc;
}

.dbinfo li h3 {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.dbinfo li p {
    text-align: justify;
    color: #999;
    font-size: 14px;
    line-height: 1.8;
}

.footer {
    background: url(/static/webapp/images/foot-bg.jpg) no-repeat center center;
    background-size: cover;
}

.lian {
    width: 30%;
    background: #607AFE;
    padding: 4% 3%;
    color: #fff;
    margin-top: 40px;
}

.lian b {
    font-size: 30px;
    display: block;
    letter-spacing: -1px;
    font-family: Arial, serif;
}

.lian span {
    font-size: 23px;
    display: block;
}

.lian p {
    font-size: 18px;
    display: block;
    margin-top: 10px
}

.lian .wechat {
    display: none;
}

.mess {
    width: 62%;
    overflow: hidden;
    margin-top: 3%
}

.mess span {
    color: #fff;
    font-size: 30px;
    display: block;
    margin-bottom: 25px;
}

.mess span > i {
    font-size: 14px;
    margin-left: 20px
}

.mess .k {
    width: 49.5%;
    background: #fff;
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    padding: 0 20px;
    color: #9f9f9f;
}

.mess .dk {
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    height: 100px;
    line-height: 1.8;
    font-family: 'PingFangSC-Regular,Microsoft YaHei';
}

.mess button {
    background: #607AFE;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border: none;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.copy {
    font-size: 14px;
    color: #9b9b9b;
    background: #141414;
    padding: 15px 0;
}

.copy a:hover {
    text-decoration: underline;
    color: #ffffff;
}

.link {
    padding-bottom: 10px;
    /*background: #141414;*/
    color: #9b9b9b;
    margin: 10px;
}

.link span {
    font-size: 14px;
    color: #ffffff;
    float: left;
}

.link a {
    color: #9b9b9b;
    margin-right: 10px;
    line-height: 1.6;
    font-size: 14px;
    float: left;
}

.link a:hover {
    text-decoration: underline;
    color: #ffffff;
}

/*footer*/

/*客服插件*/
.online-service li .way .icon {
    width: 50px;
    height: 50px;
    display: block;
}

.online-service li .way .icon1 {
    background: url(/static/webapp/images/online_ico01.png) no-repeat center center;
    background-size: 50%;
}

.online-service li .way .icon2 {
    background: url(/static/webapp/images/online_ico02.png) no-repeat center center;
    background-size: 50%;
}

.online-service li .way .icon3 {
    background: url(/static/webapp/images/online_ico03.png) no-repeat center center;
    background-size: 50%;
}

.online-service li .way .icon4 {
    background: url(/static/webapp/images/online_ico04.png) no-repeat center center;
    background-size: 50%;
}

.online-service li .way .icon5 {
    background: url(/static/webapp/images/message.svg) no-repeat center center;
    background-size: 50%;
}

.online-service {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -100px;
    z-index: 100;
}

.online-service li {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 5px;
}

.online-service li .way {
    display: block;
    background-color: #FFB251;
    z-index: 2;
    cursor: pointer;
    position: relative;
}

.online-service li .way:hover {
    background: #d3a142;
}

.online-service li .way .tit {
    display: none;
}

.online-service .phone .content {
    display: block;
    *display: none;
    position: absolute;
    width: 0;
    height: 50px;
    padding: 0 50px 0 20px;
    top: 0;
    right: 0;
    border-radius: 20px;
    opacity: 0;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    background-color: #d3a142;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.online-service li:hover .content {
    *display: block;
    width: 215px;
    opacity: 1;
}

.online-service .wx .ewm {
    position: absolute;
    top: 50%;
    margin-top: 0;
    width: 0;
    height: 0;
    right: 60px;
    border: 1px solid #ccc;
    opacity: 0;
    z-index: 1;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.online-service .wx:hover .ewm {
    margin-top: -50px;
    width: 100px;
    height: 100px;
    opacity: 1;
    white-space: nowrap;
}

.online-service .wx .ewm img {
    display: block;
    width: 100%;
}

.online-service .wx .ewm .arrow {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 7px solid #ccc;
    top: 50%;
    margin-top: -7px;
    right: -14px;
}

/*客服插件*/

/*内页*/
.weizhi {
    overflow: hidden;
    padding: 10px 0;
    background: #f6f6f6;
}

.weizhi2 {
    padding-left: 3%;
    padding-right: 3%;
}

.weizhi .wp {
    line-height: 40px;
}

.weizhi .wp a:hover {
    text-decoration: underline;
    color: #FFB251
}

.weizhi .wp h1 {
    display: inline;
    font-size: 14px;
}

.weizhi span {
    margin-left: 20px;
}

.weizhi h3 {
    float: right;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background: #FFB251;
}

.weizhi h3 a {
    display: block;
    color: #ffffff;
}

/*内页*/


/*网站建设专题*/
.xj-tit {
    width: 100%;
    text-align: center;
    padding: 4% 0;
}

.xj-tit span {
    font-size: 24px;
    color: #202020;
    display: block;
    margin-bottom: 5px
}

.xj-tit p {
    font-size: 14px;
    color: #7a7a7a;
}

.xj01 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 4%
}

.xj01 li {
    width: 32%;
    margin-right: 2%;
    float: left;
    padding: 2% 3%;
    background: url(/static/webapp/images/xj01-bg.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 30px
}

.xj01 li span {
    font-size: 18px;
    color: #464646;
    display: block;
}

.xj01 li i {
    font-size: 22px;
    color: #FFB251;
    display: block;
    margin: 5px 0
}

.xj01 li p {
    font-size: 14px;
    color: #646464;
    line-height: 20px;
    height: 60px;
}

.xj02bg {
    width: 100%;
    background: #f9f7f7;
    overflow: hidden;
    padding-bottom: 4%
}

.xj02 {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.xj02 .t {
    width: 100%;
    background: url(/static/webapp/images/xj02-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 4% 6%;
    color: #d0e2f2
}

.xj02 .t > span {
    font-size: 22px;
    color: #fff;
    display: block;
}

.xj02 .con {
    padding: 5% 6%;
    background: #fff;
    height: 1260px;
    text-align: left;
}

.xj02 .con > span {
    font-size: 16px;
    color: #181818;
    display: block;
    margin-bottom: 10px
}

.xj02 .con > span > i {
    background: #FFB251;
    padding: 0 10px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px
}

.xj02 .con > p {
    font-size: 14px;
    color: #73777a;
    padding-left: 20px;
    background: url(/static/webapp/images/xj02-pbg.png) no-repeat left center;
    line-height: 1.8;
}

.xj02 .con > .hr {
    width: 100%;
    height: 1px;
    background: #ebecec;
    display: block;
    margin: 4% 0;
}

.xj02 .xia > span {
    color: #FFB251;
    display: block;
    margin-bottom: 10px
}

.xj02 .xia > a {
    width: 150px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    border: 1px solid #FFB251;
    color: #FFB251;
    margin-right: 10px;
}

.xj02 .xia > a.a1, .xj02 .xia > a:hover {
    background: #FFB251;
    color: #fff
}

.xj02 .xia > p {
    color: #2a2a2a;
    display: block;
    padding-left: 20px;
    margin-top: 10px;
    background: url(/static/webapp/images/xj02-xiabg.png) no-repeat left center;
}

.xj02 .xj02-img {
    margin-top: 20px;
}

.xj02 .xj02-img img {
    display: block;
    width: 100%;
}

.xj03 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5%;
    background: url(/static/webapp/images/xj03-bg.jpg) repeat-x center 61%;
}

.xj03 li {
    width: 16.6%;
    float: left;
    text-align: center;
}

.xj03 li b {
    font-size: 70px;
    color: #f9f7f7;
    display: block;
    line-height: 1
}

.xj03 li img {
    max-width: 100%;
    margin: 8% 0;
}

.xj03 li p {
    font-size: 16px;
    color: #2a2a2a;
    display: block;
}

.xj04bg {
    width: 100%;
    background: #f9f7f7;
    overflow: hidden;
    padding-bottom: 4%
}

.xj04 {
    width: 50%;
    text-align: right;
}

.xj04 b {
    font-size: 24px;
    color: #414141;
    display: block;
    margin-bottom: 15px;
    padding-right: 12%
}

.xj04 li {
    font-size: 16px;
    color: #535252;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
    padding-right: 12%
}

.xj04y {
    width: 50%;
    text-align: left;
}

.xj04y b {
    font-size: 24px;
    color: #FFB251;
    display: block;
    margin-bottom: 15px;
    padding-left: 12%
}

.xj04y li {
    font-size: 16px;
    color: #fff;
    width: 100%;
    background: #FFB251;
    border-radius: 30px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
    padding-left: 12%;
    position: relative;
}

.xj04y li > span {
    background: url(/static/webapp/images/xj04-spanbg.png) no-repeat center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 92px;
    height: 55px;
    text-align: center;
    position: absolute;
    left: -45px;
}

.huibg {
    width: 100%;
    background: #eaeaea;
    overflow: hidden;
}

.youhuanew {
    width: 100%
}

.youhuanew li {
    width: 48% !important;
    background: #fff;
    margin: 0 1% 2% 1%;
}

.youhuanew li a {
    padding: 4% !important;
}

.youhuanew li .time {
}

.youhuamore {
    text-align: center;
    margin: 3% 0;
}

.youhuamore a {
    background: #FFB251;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    padding: 9px 80px;
    display: inline-block;
}

.youhuamore a:hover {
    box-shadow: 0 0 10px #5d5d5d
}

.xjanlibg {
    width: 100%;
    background: #f9f7f7;
    overflow: hidden;
    padding-bottom: 4%
}

.xjanli {
    background: #fff;
    box-shadow: 0 0 20px #ccc
}

.xjanli-m {
    width: 100%;
    overflow: hidden;
    background: #f8f8f8;
}

.xjanli-m li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #363636;
    line-height: 50px;
    border-top: 2px solid #181818;
}

.xjanli-m li a {
    display: block;
}

.xjanli-m li:hover, .xjanli-m li.active {
    background: #FFB251;
    color: #fff;
    border-color: #FFB251;
}

.xjanli-zong {
    padding: 2% 0.5% 0 0.5%;
    overflow: hidden;
}

.xj-more {
    margin: 2% auto;
    text-align: center;
}

.xj-more a {
    background: #FFB251;
    color: #fff;
    border: 1px solid #FFB251;
    padding: 8px 50px;
    display: inline-block;
}

.xj-more a.a2 {
    background: #fff;
    color: #FFB251;
}

.xj-more a:hover {
    background: #FFB251;
    color: #fff;
}

/*网站建设专题*/

/*案例*/
.anlimenu {
    width: 100%;
    background: #fff;
    margin-bottom: 3%;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}

.anlimenu ul {
    overflow: hidden;
    margin: 0 auto;
    display: table
}

.anlimenu li {
    font-size: 18px;
    color: #373737;
    float: left;
    border-radius: 20px;
    margin-right: 15px;
    overflow: hidden;
}

.anlimenu li a {
    display: block;
    width: 200px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.anlimenu li.cur, .anlimenu li:hover {
    background: #FFB251;
    color: #fff;
}

.page {
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 3% auto;
}

.pagebj {
    text-align: center;
    padding: 7px 25px;
    background: #f5f5f5;
    display: inline-block;
    border-radius: 30px;
}

.pagebj span, .pagebj a {
    color: #666;
    display: inline-block;
    *display: inline;
    padding: 5px 10px;
    text-align: center;
    margin: 0 5px;
    border-radius: 5px;
}

.pagebj span, .pagebj a:hover {
    background: #FFB251;
    color: #ffffff;
}

.pagebj .page-num-current {
    background: #FFB251;
    color: #ffffff;
}

/*案例*/


/*案例内容*/
.anlicon {
    background: #fff;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.case_show {
    padding: 0 3%;
}

.casetop {
    overflow: hidden;
    margin: 3% 0;
}

.ctleft {

    width: 100%;
    background: #f6f6f6;
    color: #333333;
}

.ctleft .content {
    padding: 3% 4%;
    height: 230px;
    overflow: hidden;
}

.ctleft h2 {
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    margin-bottom: 28px;
}

.ctleft h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #333333;
}

.ctleft p {
    line-height: 25px;
    font-size: 14px;

    overflow: hidden;
    margin-bottom: 10px;
}

.ctleft a {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background: #f60606;
}

.ctleft a:hover {
    background: #FFB251;
}

.ctright {
    float: right;
    width: 50%;
    background: #f6f6f6;
    color: #333333;
    border-left: 1px dashed #cccccc;
    overflow: hidden;
}

.ctright .content {
    padding: 3% 4%;
    height: 310px;
    overflow: hidden;
}

.ctright h2 {
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    margin-bottom: 28px;
}

.ctright h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #333333;
}

.ctright ul {
    line-height: 30px;
    width: 50%;
    float: left;
}

.ctright a:hover {
    text-decoration: underline;
}

.qrcode {
    float: right;
    width: 50%;
}

.qrcode img {
    width: 150px;
    padding: 10px;
    background: #ffffff;
    margin: 0 auto;
}

.qrcode span {
    font-size: 14px;
    display: block;
    text-align: center;
    line-height: 20px;
    margin-bottom: 5px;
}

.casetxt {
    font-size: 16px;
    color: #2e2e2e;
    overflow: hidden;
}

.casetxt img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto !important;
}

.comment {
    overflow: hidden;
}

.comment .xin {
    overflow: hidden;
    margin-bottom: 10px;
}

.comment .xin .target-demo {
    float: left;
    width: 150px !important;
}

.comment .xin .hint {
    float: left;
    margin-left: 10px;
}

.cfrom {
    overflow: hidden;
}

.cfrom .c01 {
    width: 100%;
    height: 90px;
    border: 1px solid #dcdcdc;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'PingFangSC-Regular,Microsoft YaHei';
    color: #333333;
}

.cfrom .c02 {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer;
    float: right;
    border: none;
    margin-top: 20px;
    text-align: center;
    color: #ffffff;
    background: #FFB251;
}

.anlipage {
    overflow: hidden;
    color: #828282;
    border: 1px solid #eeeeee;
    border-left: none;
    border-right: none;
    margin: 3% auto;
    text-align: left
}

.anlipage span {
    padding: 10px 20px;
    line-height: 1.5;
    width: 50%;
}

.anlipage span.fr {
    text-align: right;
}

.anlipage span.a1 {
    border-right: 1px solid #eeeeee
}

.anlipage span:hover {
    text-decoration: underline;
    color: #FFB251
}

.colist {
    overflow: hidden;
    padding: 3% 0;
}

.colist li {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 15px;
}

.colist li .cotel {
    overflow: hidden;
    height: 24px;
    margin-top: 15px;
}

.colist li .cotel .coip {
    float: left;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}

.colist li .cotel .xin {
    float: right;
    width: 120px;
    height: 24px;
}

.colist li .cotel .xin img {
    float: left;
}

.colist li p {
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #dcdcdc;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
}

/*案例内容*/


/*售后服务*/
.solutionlist {
    overflow: hidden;
    padding: 3% 5%;
}

.solutionlist li {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.solutionlist li .snum {
    padding: 10px 0 0 0;
    height: 150px;
    float: left;
    width: 170px;
    background: url(/static/webapp/images/xiex.png) no-repeat center center;
    background-size: cover;
    color: #e6e6e6;
    font-size: 90px;
    font-family: arial;
    line-height: 1;
}

.solutionlist li .scon {
    padding-left: 170px;
    border-bottom: 1px solid #dcdcdc;
    text-align: left;
}

.solutionlist li .scon h3 {
    color: #0a0a0a;
    font-size: 28px;
    font-weight: bold;
}

.solutionlist li .scon h3:after {
    content: "";
    display: block;
    width: 55px;
    height: 5px;
    background: #FFB251;
    margin: 10px 0;
}

.solutionlist li .scon .stxt {
    color: #666666;
    font-size: 18px;
    line-height: 1.8;
    margin: 3% 0;
}

/*售后服务*/

/*关于我们*/
.abwhat {
    padding-bottom: 8%;
    overflow: hidden;
}

.abwhat li {
    float: left;
    width: 20%;
    text-align: center;
    color: #000000;
}

.abwhat li span {
    font-size: 18px;
    display: block;
}

.abwhat li i {
    display: block;
    width: 65px;
    height: 65px;
    margin: 4% auto
}

.abwhat li i.i1 {
    background: url(/static/webapp/images/syfw1.png) no-repeat center center;
    background-size: cover;
}

.abwhat li i.i2 {
    background: url(/static/webapp/images/syfw2.png) no-repeat center center;
    background-size: cover;
}

.abwhat li i.i3 {
    background: url(/static/webapp/images/syfw3.png) no-repeat center center;
    background-size: cover;
}

.abwhat li i.i4 {
    background: url(/static/webapp/images/syfw4.png) no-repeat center center;
    background-size: cover;
}

.abwhat li i.i5 {
    background: url(/static/webapp/images/syfw5.png) no-repeat center center;
    background-size: cover;
}

.abwhobg {
    background: url(/static/webapp/images/abwho-bg.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 4%
}

.abwho {
    width: 65%;
    margin-top: 0%;
    background: #fff;
    padding: 4%;
    text-align: left;
}

.abwho .dtit {
    text-align: right;
    padding-top: 0
}

.abwho .dtit p {
    padding-right: 20px
    text-align: right;
}

.abwho .txt {
    color: #666565;
    line-height: 2;
    font-size: 16px;
}

.abwho strong {
    color: #3d3d3d;
    font-size: 24px;
}

.strength {
    padding: 5% 0;
}

.strength .item {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    text-align: center;
}

.strength .item1 {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.strength .item2 {
    -webkit-transition: 0.3s 0.5s ease;
    -o-transition: 0.3s 0.5s ease;
    transition: 0.3s 0.5s ease;
}

.strength .item3 {
    -webkit-transition: 0.6s 0.5s ease;
    -o-transition: 0.6s 0.5s ease;
    transition: 0.6s 0.5s ease;
}

.strength .item4 {
    -webkit-transition: 0.9s 0.5s ease;
    -o-transition: 0.9s 0.5s ease;
    transition: 0.9s 0.5s ease;
}

.strength .show .item {
    opacity: 1;
    filter: alpha(opacity=100);
}

.strength .item .num {
    text-align: center;
    font-family: Arial;
}

.strength .item .num .num-item {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    color: #181818;
    font-size: 70px;
    overflow: hidden;
}

.strength .item .num .num-item span {
    display: block;
    font-family: Arial;
}

.strength .item p {
    color: #313131;
    font-size: 16px;
    line-height: 2;
}

.strength .item .num .jia {
    display: inline-block;
    font-size: 70px;
    height: 70px;
    line-height: 70px;
    color: #181818;
    overflow: hidden;
}

.abxia {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 2%;
}

.abxiaz {
    width: 56%;
    background: #fff;
    padding: 4% 0;
}

.abxiaz > div {
    width: 60%;
    margin: 0 auto
}

.abxiaz .dtit {
    text-align: left;
}

.abxiaz .txt {
    color: #636363;
    line-height: 2;
    font-size: 16px;
}

.abxiaz p {
    margin-bottom: 4%;
}

.abxiaz b {
    display: block;
    color: #303030;
    font-size: 24px;
}

.abxiay {
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.abxiay > img {
    width: 100%
}

.about_content {
    font-size: 16px;
    line-height: 1.8;
}

.about_content img {
    max-width: 100%;
    height: auto !important;
}

.celist {
    overflow: hidden;
    margin-bottom: 5%;
}

.celist li {
    float: left;
    margin-right: 2%;
    width: 18%;
    border: 1px solid #dcdcdc;
    cursor: pointer;
}

.celist li img {
    width: 100%;
}

/*关于我们*/

/*联系我们*/
.contact {
    width: 100%;
    overflow: hidden;
    display: table;
    padding-bottom: 5%
}

.contact li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    text-align: center;
    color: #fff;
    padding: 3% 0
}

.contact li i {
    margin: 0 auto;
    display: block;
    width: 85px;
}

.contact li i img {
    display: block;
    width: 100%;
}

.contact li p {
    font-size: 18px;
    margin-top: 4%;
    padding: 0 10%;
}

.contact li:hover i img {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -moz-transform: scale(0.85);
}

.pay {
    background: #ffffff;
    overflow: hidden;
}

.pay_txt {
    font-size: 18px;
    line-height: 2;
}

.pay_txt2 {
    margin-bottom: 4%;
}

.contact_list {
    overflow: hidden;
    margin: 2% 0 4% 0;
}

.contact_list li {
    float: left;
    margin-right: 6%;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    text-align: center;
    padding: 3% 4%;
}

.contact_list li.li01 {
    width: 40%;
}

.contact_list li.li02 {
    width: 24%;
}

.contact_list li.li03 {
    width: 24%;
}

.contact_list li > span {
    display: block;
}

.contact_list li > span img {
    width: 210px;
    display: block;
    margin: 0 auto;
}

.contact_list li > span:after {
    bottom: 3px;
    display: block;
    margin: 20px auto;
    width: 40px;
    height: 3px;
    content: '';
    background: #d3d3d3;
}

.contact_list li p {
    font-size: 18px;
    line-height: 35px;
}

.contact_list li p span {
    color: #16afe6;
}

.contact_list li p img {
    width: 180px;
    display: block;
    margin: 0 auto;
}

.contact_list li.li01 p {
    text-align: left;
    padding: 0 5%;
    height: 180px;
}

.map {
    height: 500px;
}

/*联系我们*/

/*新闻*/
.tagmain {
    background: #f6f6f6;
}

.baibj {
    background: #ffffff;
}

.tagleft {
    width: 12%;
}

.tagleft {
    overflow: hidden;
    padding: 20px 0;
}

.tagleft li {
    float: left;
    width: 100%;
}

.tagleft li a {
    display: block;
    text-align: center;
    color: #757575;
    line-height: 2.5;
    font-size: 16px;
}

.tagleft li.cur a, .tagleft li a:hover {
    background: #4584e0;
    color: #fff;
}

.tagcenter {
    width: 86%;
}

.listtag {
    overflow: hidden;
}

.listtag li {
    float: left;
    padding: 20px 30px;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
}

.listtag li .tagimg {
    width: 250px;
    float: left;
}

.listtag li .tagimg img {
    width: 100%;
    display: block;
}

.listtag li .tagtxt {
    padding-left: 270px;
}

.listtag li h3 {
    line-height: 2;
    font-size: 18px;
    color: #2a2935;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.listtag li p {
    color: #3b3939;
    font-size: 15px;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 10px 0 15px 0;
    text-align: left;
}

.listtag li .lics {
    overflow: hidden;
    font-size: 15px;
    line-height: 30px;
    color: #8f8f8f;
}

/* .listtag li .lics .fl i{ width:30px; height:30px; border:1px solid #dcdcdc; float: left; overflow: hidden; border-radius:50%; }
.listtag li .lics .fl i img{width:100%; display: block;}
.listtag li .lics span{color: #8f8f8f;  margin:0 5px; }
.listtag li .lics span i{ margin-left:5px; color: #4584e0;  }
 */
.listtag li .lics span {
    font-size: 16px;
}

.listtag li .lics .parameter {
    float: left;
    margin-right: 24px;
}

.listtag li .lics .parameter:nth-child(3) {
    margin-right: 0;
}

.listtag li a:hover {
    color: #4584e0;
}

.tagright {
    width: 21%;
}

.tagkuai {
    margin-bottom: 15px;
}

.tagtle {
    background: #4584e0;
    padding: 15px;
}

.tagtle span {
    display: block;
    line-height: 20px;
    height: 20px;
    border-left: 2px solid #ffffff;
    padding-left: 8px;
    color: #ffffff;
    font-size: 18px;
}

.picturelist {
    overflow: hidden;
    padding: 15px;
}

.picturelist li {
    float: left;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #dcdcdc;
}

.picturelist li .pictitle {
    line-height: 35px;
    font-size: 14px;
    position: relative;
    padding: 5px 0 5px 10px;
}

.picturelist li .pictitle:after {
    content: "";
    width: 3px;
    height: 3px;
    background: #FFB251;
    left: 0;
    top: 50%;
    margin-top: -2px;
    position: absolute;
}

.picturelist li .pictitle a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.picturelist li .pictitle:hover {
    color: #4584e0;
}

.picturelist li:last-child {
    border-bottom: none;
}

/*新闻*/


/*新闻内容页*/
.anlicon_news {
    padding: 3% 6% 0 6%;
}

.txt-t {
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    line-height: 2;
    padding-bottom: 1%;
    margin-bottom: 3%;
    text-align: center;
}

.txt-t h1 {
    font-size: 28px;
}

.txt-t p {
    font-size: 16px;
}

.news_show {
    width: 77%;
    float: left;
}

.showtxt {
    font-size: 16px;
    color: #2e2e2e;
    overflow: hidden;
    text-align: justify;
}

.showtxt img {
    max-width: 100%;
    height: auto !important;
}

.showtxt a {
    color: #FFB251;
}

.showtxt a:hover {
    text-decoration: underline;
}

.news_show .showtxt img {
    width: 650px !important;
    height: auto !important;
    display: block;
    margin: 20px auto;
}

.txtrig {
    width: 20%;
    float: right;
    position: relative;
}

.txtnav {
    overflow: hidden;
}

.txtnav li {
    float: left;
    width: 100%;
    background: #f6f6f6;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 2px;
    font-size: 16px;
}

.txtnav li a {
    display: block;
}

.txtnav li.on, .txtnav li:hover {
    background: #FFB251;
}

.txtnav li.on a, .txtnav li:hover a {
    color: #ffffff;
}

.txtsm {
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    background: #f6f6f6;
    padding: 4% 6%;
    text-align: justify;
}

.logoc {
    margin: 10px 0;
}

.logoc img {
    width: 100%;
    background: #f6f6f6;
}

.zxjl {
    width: 420px;
    overflow: hidden;
    margin: 5% auto 0 auto;
    border-top: 1px solid #dcdcdc;
    padding: 1% 0;
}

.zximg {
    float: left;
    width: 130px;
}

.zximg img {
    width: 100%;
    display: block;
}

.zxtxt {
    float: right;
    width: 270px;
}

.zxtxt h3 {
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    font-size: 16px;
    margin: 25px 0 5px 0;
}

.zxtxt p {
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}

.taglist {
    overflow: hidden;
    margin-bottom: 3%;
    font-size: 14px;
    color: #666666;
}

.taglist span {
    color: #FFB251;
}

.taglist a {
    margin-right: 10px;
}

.taglist a:hover {
    text-decoration: underline;
    color: #FFB251;
}

/*新闻内容页*/

/*TAG*/
.topnav {
    overflow: hidden;
    padding: 15px;
    border-bottom: 15px solid #f6f6f6;
}

.topnav li {
    float: left;
    margin: 5px 10px 5px 0;
}

.topnav li a {
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #6d6d6a;
    padding: 4px 12px;
    display: block;
}

.topnav li.cur a, .topnav li a:hover {
    background: #4584e0;
    color: #ffffff;
}

.weball {
    overflow: hidden;
    border-bottom: 15px solid #f6f6f6;
}

.weball li {
    padding: 20px;
    font-size: 14px;
    text-align: center;
    float: left;
    width: 25%;
    border-bottom: 2px solid #f6f6f6;
    border-right: 2px solid #f6f6f6;
}

.weball li img {
    margin: 0 auto;
    height: 70px;
    display: block;
}

.tag_content {
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.8;
}

.tag_content .tit {
    font-size: 16px;
    margin-top: 15px;
    color: #4584e0;
}

.baibj {
    background: #ffffff;
}

/*TAG*/

.pagemain {
    padding: 3%;
    background: #ffffff;
    margin: 4% auto;
    font-size: 16px;
    line-height: 1.8;
}

.pagemain img {
    max-width: 100%;
    height: auto !important;
}

.solution_list {
    width: 100%;
    overflow: hidden;
    margin: 2% auto 4% auto;
}

.solution_list li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
}

.solution_list li .img {
    width: 100%;
    overflow: hidden;
}

.solution_list li .img img {
    width: 100%;
    display: block;
}

.solution_list li .zi {
    padding: 3% 4%;
    background: #f6f6f6;
}

.solution_list li .zi span {
    color: #FFB251;
    font-size: 22px;
    display: block;
    margin-bottom: 1%;
}

.solution_list li .zi p {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.solution_list li:hover .img img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.solution_list li:hover .zi {
    background: #FFB251;
}

.solution_list li:hover span {
    color: #fff;
}

.solution_list li:hover p {
    color: #fff;
}

.nrban {
    width: 100%;
}

.nrban img {
    display: block;
    width: 100%;
}

.mb40 {
    margin-bottom: 4%;
}

.messagebj {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

.message {
    position: fixed;
    height: 400px;
    top: 50%;
    left: 50%;
    display: block;
    width: 600px;
    margin: -200px 0 0 -300px;
    background-color: #fff;
    display: none;
    z-index: 10001;
}

.messagebody {
    overflow: hidden;
}

.messagebody {
    overflow: hidden;
}

.mclos {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.mclos img {
    display: block;
}

.messagebody .melist {
    padding: 20px;
}

.messagebody .melist h3 {
    font-size: 24px;
    color: #333;
    text-align: center;
    padding: 10px 0 20px 0;
}

.messagebody .melist .k {
    height: 40px;
    line-height: 40px;
    border: 1px solid #eeeeee;
    padding: 0 10px;
    margin-bottom: 10px;
    width: 100%;
    font-family: 'Microsoft YaHei'
}

.messagebody .melist .hk {
    height: 90px;
    line-height: 26px;
    font-size: 14px;
}

.messagebody .melist .ti {
    margin: 0 auto;
    display: table;
}

.messagebody .melist .b {
    background: #ccc;
    font-size: 18px;
    color: #fff;
    width: 140px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 20px;
    font-family: 'Microsoft YaHei';
    cursor: pointer;
    margin-top: 20px;
}

.messagebody .melist .b2 {
    background: #FFB251;
}

.messagebody .melist .b2:hover {
    background: #E50012;
}

.messagebody .melist .b:hover {
    background: #FFB251;
}

.messagebody .inputs {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
}

.messagebody .inputs label {
    margin-left: 10px;
}

@media screen and (max-width: 768px) {
    .message {
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
    }
}

.listtag2 li.litxt .tagtxt {
    padding-left: 0;
}

.listtag2 li.litxt .tagtxt p {
    height: auto;
}

.w73 {
    width: 73%;
}

.w25 {
    width: 25%;
}

.search {
    padding: 20px;
    background: #f5f5f5;
    overflow: hidden;
    width: 540px;
    margin: 30px auto;
}

.search .input {
    width: 400px;
    height: 40px;
    background: #ffffff;
    color: #666666;
    float: left;
    padding: 0 10px;
}

.search .btn {
    width: 100px;
    height: 40px;
    background: #4584e0;
    color: #ffffff;
    float: left;
}

.keysList {
    padding: 15px;
    overflow: hidden;
}

.keysList a {
    font-size: 14px;
    float: left;
    margin: 5px;
    padding: 5px 10px;
    background: #f5f5f5;
}

.keysList a:hover {
    background: #4584e0;
    color: #ffffff;
}

.topxian {
    border-top: 1px solid #dcdcdc;
}

.bottomNav {
    display: none;
    overflow: hidden;
    background-color: #000000;
    height: 50px;
    line-height: 50px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    border-right: 1px solid #ffffff;
}

.bottomNav li {
    float: left;
    width: 50%;
    text-align: center;
    border-left: 1px solid #ffffff;
}

.bottomNav li a {
    display: block;
}

.bottomNav li .ico {
    display: inline-block;
}

.bottomNav li .ico img {
    width: 24px;
}

.bottomNav li .tit {
    display: inline-block;
    color: #ffffff;
    margin-left: 10px;
    font-size: 16px;
}

.wechatMain {
    width: 100%;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -270px;
}

.wechatMain .weimg {
    width: 240px;
    margin: 0 auto;
}

.wechatMain .weimg img {
    display: block;
    width: 100%;
}

.wechatMain .wetit {
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}

.wechatMain .weTips {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 50px;
    text-align: center;
    color: #FFB251;
}

.wechatMain .weInput {
    font-size: 28px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 20px 0;
    background: #f4f4f4;
}

.wechatMain .wxBtn {
    width: 170px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background: #4584e0;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.service-list {
    overflow: hidden;
    margin-bottom: 4%;
}

.service-list .service-item {
    width: 20%;
    float: left;
    text-align: center;
}

.service-list .service-item .seico {
    width: 70px;
    margin: 0 auto;
}

.service-list .service-item .seico img {
    display: block;
    width: 100%;
}

.service-list .service-item:hover .service-icon01 a {
    background: url("/static/webapp/images/seico01s.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item:hover .service-icon02 a {
    background: url("/static/webapp/images/seico02s.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item:hover .service-icon03 a {
    background: url("/static/webapp/images/seico03s.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item:hover .service-icon04 a {
    background: url("/static/webapp/images/seico04s.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item:hover .service-icon05 a {
    background: url("/static/webapp/images/seico05s.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item:hover h3 a {
    color: #FFB251;
}

.service-list .service-item .service-icon {
    text-align: center;
}

.service-list .service-item .service-icon a {
    display: inline-block;
    height: 70px;
    width: 70px;
    margin: 0 auto;
}

.service-list .service-item .service-icon01 a {
    background: url("/static/webapp/images/seico01.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item .service-icon02 a {
    background: url("/static/webapp/images/seico02.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item .service-icon03 a {
    background: url("/static/webapp/images/seico03.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item .service-icon04 a {
    background: url("/static/webapp/images/seico04.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item .service-icon05 a {
    background: url("/static/webapp/images/seico05.png") no-repeat center;
    background-size: cover;
}

.service-list .service-item h3 {
    margin: 25px 0 15px;
}

.service-list .service-item h3 a {
    color: #3f3f3f;
    font-size: 20px;
    font-weight: 600;
}

.service-list .service-item p {
    color: #888888;
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
}

/*.animated{opacity: 0;}*/

.delay2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    -ms-animation-delay: .2s;
}

.delay3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    -ms-animation-delay: .4s;
}

.delay4 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    -ms-animation-delay: .6s;
}

.delay5 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    -ms-animation-delay: .8s;
}

.delay6 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
}

@media screen and (min-width: 768px) {
    img, .nav, .nav.active, .leftbarbg, .leftbarbg.active, .navbtn .nbtbj span:after, .navbtn .nbtbj span:before, .banner .ban-prev:after, .banner .ban-next:after, .banner .shu li b, .banner .zi .zxa:after, .syfw ul li, .syfw ul li .name, .syfw ul li i, .syfw ul li:after, .anli li .img img, .anli li .more, .anliye .anli-prev:after, .anliye .anli-next:after, .anliye .img > img, .syfangany li, .syfangany li i, .syfanganz .more:after, .newsimp .zi span i, .newslist li, .newslist li .zi span i, .newsxia li, .newsxia li b > i, .newsnav li, .liuc li i, .nbanzi .down:after, .nbanzi .lianj > a:after, .youhua2 li .zi b, .youhua2 li, .youhua2 li i:before, .youhua2 li i:after, .youhua3 li .mask b, .jiejue li .zi, .jiejue li .zi i, .newstopy .more, .jianshe .zi .cha, .jianshe .zi .cha > i, .youhua3 li .mask, .about-3 li a, .online-service li .way, .navlist li, .xjanli-m li, .anlimenu li, .youhuamore a, .ctleft a {
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
    }
}

/*liuc 悬浮*/
@keyframes sonarEffect {
    0% {
        opacity: .3;
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #FFB251, 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 #FFB251, 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 #FFB251, 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 #FFB251, 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 #FFB251, 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 #FFB251, 0 0 0 5px rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.25);
        opacity: 0
    }
}

/*liuc 悬浮*/