body {font-size: 14px}
body.f2f2f2{background-color:#F2F2F2;}
a{color:#333;text-decoration:none}
ul,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5{margin:0;padding:0}
img{border:none}
li{list-style:none}
.fl{float:left}
.fr{float:right}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mb15{margin-bottom:15px !important}
.mt20{margin-top:20px}
.text-center{text-align:center}
.d-flex {display: flex}
.jc-sb {justify-content: space-between}
.layui-container{padding:0}
.dyui-oh{overflow:hidden}
input,button,select,textarea{outline:none}
textarea{resize:none}

@media (min-width: 992px){
    body {min-width: 1200px}
    .container,
    .dyui-container {width: 1200px; max-width: 1200px}
}
@media(min-width:1320px) {
    .container,
    .dyui-container {min-width: 1420px}

}

.fs-60 {font-size: 60px !important;}
@media screen and (min-width: 768px) {
    .fs-md-60 {font-size: 60px !important;}
}

.bg-light {background-color: #f2f2f2 !important;}

.dyui-main-header {display: flex; justify-content: center;}
.dyui-main-header .header-title {position:relative;text-align:center}
.dyui-main-header .header-title hr {opacity: 1; margin: 5px auto; height: 2px; width: 30%;}
.dyui-main-header p {display: block}

/* .dyui-main-header .header-title{margin:10px auto 0;position:relative;text-align:center} */
/* .dyui-main-header .header-title legend{line-height:34px;margin:0 auto;font-size:34px;color:#000;font-weight:300;position:relative;z-index:99} */
/* .dyui-main-header .header-title p{color:#999;font-size:16px;height:24px;line-height:30px;z-index:999;position:relative;min-width:100px;display:inline-block;margin:10px auto} */
/* .dyui-main-header .header-title:after{content:"";display:inline-block;width:100px;border-top:solid 3px #0CD579;position:absolute;bottom:34px;left:50%;margin:0 0 0 -50px} */
/* .dyui-main-header h3 {font-size: 26px; height: 40px; line-height: 40px} */
/* .dyui-main-header p {color: #666; font-size: 16px; line-height: 180%; padding: 10px 0} */

.layui-card .layui-card-header h3{float:left;font-size:14px;font-weight:bold}
.layui-card .layui-card-header .more{float:right}
.layui-card .layui-card-more{text-align:center;padding:10px 0 20px}
.layui-main{width:1200px;height:auto;overflow:hidden}
.top{background-color:#333;height:40px;line-height:40px}
.top .welcome{color:#fff}
.top a{color:#fff}
.top .layui-nav{background:none}
.top .layui-nav .layui-nav-item{line-height:40px}
.top .layui-nav-child{top:40px;background-color:#333;border:none;border-radius:0 0 3px 3px}
.top .layui-nav-child dd a{margin:0;float:none}
.top .topr{color:#fff;padding-right:14px}
.top .topr .iconfont{color:#fff;font-size:22px;margin-right:5px;float:left}
.top .topr a{color:#fff;float:right;margin-left:8px;border-right:solid 1px #444}
.top .tuser{position:relative;border-radius:5px;height:25px;padding-right:10px}
.top .tuser .login{background-color:#ffde5d;height:28px;line-height:28px;text-align:center;border-radius:5px;margin-top:6px;color:#333;margin-left:8px;display:inline-block}
.top .tuser ul li{margin:0 4px}
.top .tuser ul li.wx a{color:#fff}
.top .tuser .reg{background-color:#ff6577;width:86px;height:28px;line-height:28px;text-align:center;border-radius:5px;margin-top:6px;color:#fff !important;display:inline-block}
.top .qipao{position:initial;background-color:#fe0203 !important;color:#fff !important;border-radius:0 !important;padding:0 10px !important}
.top .tuser img{margin:0 !important;float:left;padding:5px;height:15px;width:15px}
.top .tuser ul li{float:left}
.top .tuser a{background-color:#fff;height:25px;line-height:25px;margin-top:8px;display:block;float:left;padding:0 5px}
.top .tuser a span.username{color:#333}
.top .tuser a:nth-child(1){border-bottom-left-radius:5px;border-top-left-radius:5px;color:#f00}
.top .tuser a:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px;color:#f00;padding-right:10px}
.top .tuser .useremail{float:left;height:25px;line-height:25px;padding-right:10px}
.top .topr .qq{background:url(../images/qq.png) no-repeat left center;padding-left:26px;margin-right:12px}
.top .topr .help{background:url(../images/help.png) no-repeat left center;padding-left:26px}
#header{width:100%;height:90px;background-color:#fff; position: relative; z-index: 9;box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
#logo{width:240px;height:55px;margin-top:15px}
#logo img{height:55px}
.banner .swiper-slide{background:no-repeat center / cover; height:420px; cursor:pointer}
.banner .swiper-slide a {display: block}
.banner .swiper-button-prev,.banner .swiper-button-next{color:#fff}
.swiper-container .hide{opacity:0}
#menu{margin-top:30px}
#menu .layui-nav li{position:relative;float:left;font-size:15px;line-height:30px;text-align:center;border-radius:15px}
#menu .layui-nav-tree .layui-nav-item{width:auto}
#menu .layui-nav-tree{width:100%}
#menu .layui-nav .layui-nav-item a{font-size:15px;font-weight:normal;line-height:30px;color:#000;padding:0 16px}
#menu .layui-nav li:hover{background-color:#ff6577}
#menu .layui-nav li:hover a{color:#fff}
#menu .layui-nav .sub{display:none;width:104px;left:0;top:30px;position:absolute;line-height:26px;padding:1px 0;z-index:999}
#menu .layui-nav .sub li{zoom:1}
#menu .layui-nav .sub a{display:block;padding:0 10px;border-radius:0}
#menu .layui-nav .sub a:hover{background:#6d6d6d;color:#fff}
#menu .layui-nav li .sub li{float:none;padding:0;background-color:#ff6577;color:#fff;border-radius:0;border-bottom:solid 1px #ff7d8c;height:36px;line-height:36px}
#menu .layui-nav-item .layui-nav-child{top:40px}
#menu .layui-nav-item .layui-nav-child a{color:#000 !important}
#menu .layui-nav-item .layui-nav-child:hover a{color:#000}
#menu .layui-nav .layui-nav-bar{background-color:#fff;display:none !important}
#menu .layui-nav .layui-nav-more {border-color: #999 transparent transparent;}
#menu .layui-nav .layui-nav-mored {border-color: transparent transparent #fff;}
#menu .layui-nav li.go{margin-left:8px}
#menu .layui-nav li.go .layui-btn{height:30px;color:#fff}


/*宽屏子栏目*/
.dyui-header .child-two {position: absolute; top: 85px; left: 0; right: 0; width: 100%; border-radius: 0; border:0; border-top: solid 1px #eee}
.dyui-header .child-two .layui-container { display: flex}
.dyui-header .child-two .two-nav-list {flex: 0 0 20%; padding: 10px 20px; text-align: left}
.dyui-header .child-two h3 {color: #000; font-size: 18px; margin-bottom: 20px}
.dyui-header .child-two .two-nav-list:nth-child(1) {flex: 1; border-left: none; padding-left: 0}
.dyui-header .child-two .two-nav-list .box {display: flex; margin-bottom: 20px; padding: 0}
.dyui-header .child-two .two-nav-list .box .icon i {width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 15px; color: #fff; background-color: #4db7fd; border-radius: 3px; display: inline-block; font-size: 20px}
.dyui-header .child-two .two-nav-list .box .info b {height: 20px; line-height: 20px; display: block; font-weight: initial; color: #000}
.dyui-header .child-two .two-nav-list .box .info p {height: 20px; line-height: 20px; overflow: hidden; color: #999; font-size: 14px; margin-top: 3px}


/* 通用头部 */
.dyui-header {position: relative; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9; background-color: #FFF}
.dyui-header .navbar-nav {padding: 0;}
.dyui-header .navbar-nav li {padding: 25px 0}
.dyui-header .navbar-nav li a.c1 {font-size: 16px; display: block; border-radius: 30px}
.dyui-header .navbar-nav li a.c1:hover {background-color: #ff6577; color: #fff}
.dyui-header .navbar-nav li.active a.c1 {}

.dyui-header .navbar-brand img {height: 56px;}
.dyui-header .form-inline .form-control {border-radius: 3px 0 0 3px; border: none}
.dyui-header .form-inline .btn {border: solid 1px #98C30F; border-radius: 0 3px 3px 0; background-color: #98C30F; color: #fff}
.dyui-header-line {height: 54px}


/*Phone手机*/
@media(max-width:768px) {

    /*导航开始*/
    .dyui-header {background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .dyui-header .dyui-container {padding: 0;}
    .dyui-header .navbar {padding: 2px 0 0 0;}
    .navbar-brand {padding: 0}
    .dyui-header .navbar-brand img {max-width: 100%; height: 38px; display: block; padding-left: 10px}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}
    .dyui-header .navbar-collapse {background-color: #fff; margin-top: 10px; padding: 0 15px;}
    /* .dyui-header .navbar-nav .nav-item {white-space: nowrap} */
    .dyui-header .navbar-nav li.nav-item {border-bottom: solid 1px #f5f5f5}
    .dyui-header .navbar-nav li a.c1 {display: flex; align-items: center}
    .dyui-header .navbar-nav li .dropdown-toggle::after {margin-left: auto}
    .dyui-header .navbar-nav li.active a.c1 {color: #0459ac; background-color: #fff}

}



.zdfuwu{width:100%;height:auto;overflow:hidden;background-color:#f6f7f9}

@media screen and (min-width:992px){

    .zdfuwu .layui-col-md2{width:20%}

}

.zdfuwu ul li{border-left:1px solid #dadee4}
.zdfuwu ul li:nth-child(5n){border-right:1px solid #dadee4;width:234px}
.zdfuwu ul li a {display:block;padding:30px 26px 24px}
.zdfuwu ul li i {float:left;margin-right:5px; height: 24px; line-height: 24px; font-size: 20px}
.zdfuwu ul li h2{font-size:18px;font-weight:400;position:relative}
.zdfuwu ul li p{padding-top:10px;line-height:1.6;color:#666}

.home-product{}
.home-product h2{font-size:30px;height:50px;line-height:50px;text-align:center;}
.home-product h4{position:relative;text-align:center;height:40px;line-height:30px}
.home-product h4:after{content:'';display:block;position:absolute;width:40px;height:3px;background:#0cd579;bottom:0px;left:50%;margin-left:-20px}
.home-product .layui-tab-title{text-align:center}
.home-product .layui-tab-content{padding:0}
.home-product .icp{overflow:hidden}
.home-product .icp dl{float:left;width:285px;height:220px;overflow:hidden;margin:20px 20px 10px 0}
.home-product .icp dl:nth-child(4n){margin-right:0}
.home-product .icp dl img{width:285px;height:108px;display:block}
.home-product .icp dl dd{background-color:#f9f9f9;height:120px;overflow:hidden;text-align:center}
.home-product .icp dl dd h3{font-size:20px;margin-top:20px;margin-bottom:10px;overflow:hidden;text-align:center}
.home-product .icp dl dd p{font-size:14px;height:48px;line-height:180%;color:#9a9a9a;text-align:center;margin:10px 15px;overflow:hidden}
.home-product .icp dl dd .more{color:#f4621c;font-size:14px}
.home-product .layui-tab-item .more{text-align:center;margin:20px 0 35px}
.home-product .layui-tab-item .more a{padding:0 25px}
.home-product ul li{position:relative;text-align:center;overflow:hidden;border-right:solid 1px #eee}
.home-product ul li:nth-child(4){border-top:solid 1px #eee}
.home-product ul li:nth-child(5){border-top:solid 1px #eee}
.home-product ul li:nth-child(6){border-top:solid 1px #eee}
.home-product ul li h4{color:#333;font-size:22px;line-height:40px;font-weight:bold}
.home-product ul li p{color:#666;font-size:12px;line-height:20px;min-height:40px;padding:0 4% 20px}
.home-product .cp-a a{border-right:1px solid #eee;border-bottom:1px solid #eee;display:block;margin:0;padding:20px 0;max-width:100%;color:#333;font-size:12px;line-height:12px;font-weight:inherit;position:relative;text-transform:uppercase; text-align: center}
.cp-a a:nth-child(3n){border-right:none}
.cp-a a:nth-child(4),.cp-a a:nth-child(5),.cp-a a:nth-child(6){border-bottom:none}
.cp-a a .layui-badge{position:absolute;left:0;top:0;display:block}
.cp-a a .home-cp-jb{width:41px;height:41px;background:url(../images/home-cp-icon.png) no-repeat -211px -22px;position:absolute;right:0;top:0}
.cp-a a span {display:block;margin:0 auto 3px;width:46px;height:48px;position:relative;top:0;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s}
.cp-a a span i{display:block;float:left;width:36px;height:33px;margin:7.5px 0 0 5px;background-image:url(../images/jianzhan/cpimg.png);background-repeat:no-repeat;background-position:0 -1365px}
.cp-a a span img {display:block;float:left;width:36px;height:33px;margin:7.5px 0 0 5px;}
.cp-a a span.pi2 i{width:46px;height:33px;margin:7.5px 0 0 0;background-position:0 -1634px}
.cp-a a span.pi3 i{width:34px;height:34px;margin:7px 0 0 6px;background-position:0 -1276px}
.cp-a a span.pi4 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:0 -884px}
.cp-a a span.pi5 i{width:31px;height:29px;margin:9.5px 0 0 7.5px;background-position:0 -700px}
.cp-a a span.pi6 i{width:31px;height:31px;margin:8.5px 0 0 7.5px;background-position:0 -793px}
.cp-a a span.pi7 i{width:26px;height:34px;margin:7px 0 0 10px;background-position:0 -171px}
.cp-a a span.pi8 i{width:33px;height:33px;margin:7.5px 0 0 6.5px;background-position:0 -1076px}
.cp-a a span.pi9 i{width:37px;height:35px;margin:6.5px 0 0 4.5px;background-position:0 -1469px}
.cp-a a span.pi10 i{width:34px;height:34px;margin:7px 0 0 6px;background-position:0 -1242px}
.cp-a a span.pi11 i{width:34px;height:34px;margin:7px 0 0 6px;background-position:0 -1208px}
.cp-a a span.pi12 i{width:22px;height:33px;margin:7.5px 0 0 12px;background-position:0 -101px}
.cp-a a span.pi13 i{width:34px;height:25px;margin:11.5px 0 0 6px;background-position:0 -1310px}
.cp-a a span.pi14 i{width:30px;height:30px;margin:9px 0 0 8px;background-position:0 -544px}
.cp-a a span.pi15 i{width:27px;height:32px;margin:8px 0 0 9.5px;background-position:0 -241px}
.cp-a a span.pi16 i{width:33px;height:32px;margin:8px 0 0 6.5px;background-position:0 -1142px}
.cp-a a span.pi17 i{width:36px;height:30px;margin:9px 0 0 5px;background-position:0 -1335px}
.cp-a a span.pi18 i{width:30px;height:30px;margin:9px 0 0 8px;background-position:0 -453px}
.cp-a a span.pi19 i{width:29px;height:29px;margin:9.5px 0 0 8.5px;background-position:0 -394px}
.cp-a a span.pi20 i{width:30px;height:29px;margin:9.5px 0 0 8px;background-position:0 -483px}
.cp-a a span.pi21 i{width:26px;height:37px;margin:4.5px 0 0 11px;background-position:0 -134px}
.cp-a a span.pi22 i{width:41px;height:24px;margin:12px 0 0 2.5px;background-position:0 -1563px}
.cp-a a span.pi23 i{width:41px;height:26px;margin:11px 0 0 2.5px;background-position:0 -1587px}
.cp-a a span.pi24 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:0 -916px}
.cp-a a span.pi25 i{width:29px;height:30px;margin:9px 0 0 8.5px;background-position:0 -364px}
.cp-a a span.pi26 i{width:27px;height:36px;margin:6px 0 0 9.5px;background-position:0 -205px}
.cp-a a span.pi27 i{width:27px;height:28px;margin:10px 0 0 9.5px;background-position:0 -302px}
.cp-a a span.pi28 i{width:39px;height:28px;margin:10px 0 0 3.5px;background-position:0 -1504px}
.cp-a a span.pi29 i{width:28px;height:34px;margin:7px 0 0 9px;background-position:0 -330px}
.cp-a a span.pi30 i{width:31px;height:31px;margin:8.5px 0 0 7.5px;background-position:0 -574px}
.cp-a a span.pi31 i{width:31px;height:31px;margin:8.5px 0 0 7.5px;background-position:0 -669px}
.cp-a a span.pi32 i{width:31px;height:31px;margin:8.5px 0 0 7.5px;background-position:0 -638px}
.cp-a a span.pi33 i{width:31px;height:31px;margin:8.5px 0 0 7.5px;background-position:0 -824px}
.cp-a a span.pi34 i{width:30px;height:32px;margin:8px 0 0 8px;background-position:0 -512px}
.cp-a a span.pi35 i{width:33px;height:33px;margin:7.5px 0 0 6.5px;background-position:0 -1109px}
.cp-a a span.pi36 i{width:39px;height:31px;margin:8.5px 0 0 3.5px;background-position:0 -1532px}
.cp-a a span.pi37 i{width:31px;height:33px;margin:7.5px 0 0 7.5px;background-position:0 -760px}
.cp-a a span.pi38 i{width:44px;height:21px;margin:13.5px 0 0 1px;background-position:0 -1613px}
.cp-a a span.pi39 i{width:34px;height:34px;margin:7px 0 0 6px;background-position:0 -1174px}
.cp-a a span.pi40 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:0 -948px}
.cp-a a span.pi41 i{width:30px;height:30px;margin:9px 0 0 8px;background-position:0 -423px}
.cp-a a span.pi42 i{width:37px;height:34px;margin:7px 0 0 4.5px;background-position:0 -1435px}
.cp-a a span.pi43 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:0 -1044px}
.cp-a a span.pi44 i{width:37px;height:37px;margin:5.5px 0 0 4.5px;background-position:0 -1398px}
.cp-a a span.pi45 i{width:27px;height:29px;margin:9.5px 0 0 9.5px;background-position:0 -273px}
.cp-a a span.pi46 i{width:30px;height:29px;margin:9.5px 0 0 8px;background-position:0 -2299px}
.cp-a a span.pi47 i{width:18px;height:48px;margin:0 0 0 14px;background-position:0 -35px}
.cp-a a span.pi48 i{width:31px;height:33px;margin:7.5px 0 0 7.5px;background-position:0 -605px}
.cp-a a span.pi49 i{width:32px;height:29px;margin:9.5px 0 0 7px;background-position:0 -855px}
.cp-a a span.pi50 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:0 -980px}
.cp-a a span.pi51 i{width:31px;height:31px;margin:8.5px 0 0 7.5px;background-position:0 -729px}
.cp-a a span.pi52 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:0 -1012px}
.cp-a a span.pi53 i{width:29px;height:39px;margin:4.5px 0 0 8.5px;background-position:0 -2638px}
.cp-a a span.pi54 i{width:36px;height:34px;margin:7px 0 0 5px;background-position:0 -2348px}
.cp-a a span.pi55 i{width:30px;height:37px;margin:5.5px 0 0 9px;background-position:0 -2382px}
.cp-a a span.pi56 i{width:36px;height:42px;margin:3px 0 0 5px;background-position:0 -2419px}
.cp-a a span.pi57 i{width:25px;height:33px;margin:7.5px 0 0 10.5px;background-position:0 -2461px}
.cp-a a span.pi58 i{width:29px;height:29px;margin:9.5px 0 0 8.5px;background-position:0 -2494px}
.cp-a a span.pi59 i{width:28px;height:30px;margin:9px 0 0 9px;background-position:0 -2523px}
.cp-a a span.pi60 i{width:30px;height:31px;margin:8.5px 0 0 8px;background-position:0 -2553px}
.cp-a a span.pi61 i{width:41px;height:31px;margin:8.5px 0 0 2.5px;background-position:0 -2677px}
.cp-a a span.pi62 i{width:39px;height:33px;margin:7.5px 0 0 3.5px;background-position:0 -2708px}
.cp-a a span.pi63 i{width:31px;height:34px;margin:7px 0 0 7.5px;background-position:0 -2741px}
.cp-a a span.pi64 i{width:32px;height:32px;margin:7.5px 0 0 7px;background-position:-68px -168px}
.cp-a a span.pi65 i{width:34px;height:34px;margin:7px 0 0 6px;background-position:-66px -133px}
.cp-a a span.pi66 i{width:44px;height:28px;margin:10px 0 0 1px;background-position:-56px -2746px}
.cp-a a span.pi67 i{width:30px;height:30px;margin:10px 0 0 8px;background-position:-70px -201px}
.cp-a a span.pi68 i{width:28px;height:32px;margin:8px 0 0 9px;background-position:-72px -231px}
.cp-a a span.pi69 i{width:31px;height:25px;margin:11px 0 0 8px;background-position:-69px -263px}
.cp-a a span.pi70 i{width:46px;height:24px;margin:12px 0 0 0;background-position:-54px -288px}
.cp-a a span.pi71 i{width:28px;height:31px;margin:8.5px 0 0 9px;background-position:-72px -312px}
.cp-a a span.pi72 i{width:34px;height:22px;margin:13px 0 0 6px;background-position:-66px -345px}
.cp-a a span.pi73 i{width:27px;height:36px;margin:6px 0 0 9.5px;background-position:-73px -368px}
.cp-a a span.pi74 i{width:36px;height:21px;margin:13.5px 0 0 5px;background-position:-64px -404px}
.cp-a a span.pi75 i{width:28px;height:31px;margin:8.5px 0 0 9px;background-position:-72px -425px}
.cp-a a span.pi76 i{width:35px;height:32px;margin:8px 0 0 5.5px;background-position:-65px -456px}
.cp-a a span.pi77 i{width:34px;height:32px;margin:8px 0 0 6px;background-position:-66px -488px}
.cp-a a span.pi78 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:-68px -520px}
.cp-a a span.pi79 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:-68px -552px}
.cp-a a span.pi80 i{width:33px;height:31px;margin:8.5px 0 0 6.5px;background-position:-67px -657px}
.cp-a a span.pi81 i{width:35px;height:35px;margin:6.5px 0 0 5.5px;background-position:-65px -622px}
.cp-a a span.pi82 i{width:36px;height:36px;margin:6px 0 0 5px;background-position:-64px -688px}
.cp-a a span.pi83 i{width:39px;height:33px;margin:7.5px 0 0 3.5px;background-position:-61px -724px}
.cp-a a span.pi84 i{width:25px;height:25px;margin:11.5px 0 0 10.5px;background-position:-75px -757px}
.cp-a a span.pi85 i{width:30px;height:31px;margin:6.5px 0 0 6px;background-position:-70px -782px}
.cp-a a span.pi86 i{width:35px;height:30px;margin:9px 0 0 5.5px;background-position:-65px -814px}
.cp-a a span.pi87{width:89px}
.cp-a a span.pi87 i{width:89px;height:29px;margin:9.5px 0 0 0;background-position:-37px -844px}
.cp-a a span.pi740 i{width:36px;height:21px;margin:13.5px 0 0 5px;background-position:center center;background-image:url(../images/databaseali.png);background-repeat:no-repeat}
.cp-a a span.pi88{width:50px}
.cp-a a span.pi88 i{width:50px;height:31px;margin:8.5px 0 0 0;background-position:-76px -873px}
.cp-a a span.pi89 i{width:35px;height:29px;margin:9.5px 0 0 5.5px;background-position:-91px -904px}
.cp-a a span.pi90 i{width:34px;height:25px;margin:6.5px 0 0 6px;background-position:-92px -933px}
.cp-a a span.pi91 i{width:31px;height:33px;margin:5px 0 0 7.5px;background-position:-95px -958px}
.cp-a a span.pi92 i{width:38px;height:38px;margin:5px 0 0 4px;background-position:-88px -991px}
.cp-a a span.pi93 i{width:39px;height:20px;margin:14px 0 0 3.5px;background-position:-87px -1029px}
.cp-a a span.pi94 i{width:34px;height:31px;margin:8.5px 0 0 6px;background-position:-92px -1049px}
.cp-a a span.pi95 i{width:33px;height:33px;margin:7.5px 0 0 6.5px;background-position:-93px -1080px}
.cp-a a span.pi96 i{width:40px;height:37px;margin:5.5px 0 0 3px;background-position:-86px -1113px}
.cp-a a span.pi97 i{width:40px;height:34px;margin:7px 0 0 3px;background-position:-86px -1150px}
.cp-a a span.pi98 i{width:32px;height:32px;margin:8px 0 0 7px;background-position:-94px -1184px}
.cp-a a span.pi99 i{background:url(../images/cpimg-huawei.png) no-repeat center;width:35px;height:27px;margin:9.5px 0 0 5.5px}
.cp-a a span.pi100 i{width:36px;height:35px;margin:6.5px 0 0 5px;background-position:-90px -1216px}
.cp-a a span.pi101 i{width:33px;height:31px;margin:8.5px 0 0 6.5px;background-position:-95px -1251px}
.cp-a a span.pi102 i{width:30px;height:34px;margin:7px 0 0 8px;background-position:-96px -1282px}
.cp-a a span.pi103 i{width:32px;height:34px;margin:7px 0 0 7px;background-position:-94px -1316px}
.cp-a a:hover span{top:-5px}
.casemain{background-color:#f2f3f4}
.casemain h2{font-size:30px;height:50px;line-height:50px;text-align:center;padding-top:30px}
.casemain h4{position:relative;text-align:center;height:40px;line-height:30px}
.casemain h4:after{content:'';display:block;position:absolute;width:40px;height:3px;background:#0cd579;bottom:0px;left:50%;margin-left:-20px}
.casemain ul{overflow:hidden;padding-bottom:50px}
.casemain ul li{width:218px;height:130px;overflow:hidden;border-radius:5px;border:1px solid #e7e7e7;float:left;margin:0 10px;background-color:#fff;text-align:center;margin-top:30px}
.casemain ul li a{width:100%;height:100%}
.casemain ul li a img{margin-top:10px;max-width:200px}
.casemain ul li a span{font-size:14px;color:#666;line-height:24px;padding:0 25px;margin-top:10px}
.casemain ul li:hover{box-shadow:0 0 15px 2px #ced3d8}

.dyui-anli{width:100%;padding:50px 0;overflow:hidden;background:url(../images/anlimain-bg.png) no-repeat center top; background-size: cover}
.dyui-anli .nav-tabs {height:auto;border:none}
.dyui-anli .nav-tabs li .nav-link {display:block; border-radius: 0; border: none; padding: 15px 25px; cursor:pointer; background:rgba(240,240,240,0.15); border-bottom:1px solid rgba(255,255,255,0.05);color:#fff}
.dyui-anli .nav-tabs li a {color:#fff}
.dyui-anli .nav-tabs li .nav-link.active{background:url(../images/anlinavbg.png) no-repeat center top}
.dyui-anli .nav-tabs .layui-this:after{height:0;border:none}
.dyui-anli .layui-tab-content{height:auto;color:#fff}
.dyui-anli .layui-tab-content h3{margin-top:70px;font-size:24px;color:#FFF}
.dyui-anli .layui-tab-content h4{margin-bottom:20px;margin-left:11px;line-height:22px;color:#FFF;font-size:14px}
.dyui-anli .layui-tab-content .more{margin-top:40px;margin-left:11px;overflow:hidden;width:136px;height:36px;border:1px solid #FFF;border-radius:2px;color:#FFF;font-size:14px;text-align:center;display:block;line-height:36px}
@media (max-width: 768px) {
    .dyui-anli .nav-tabs li {width: 33.3%;}
    .dyui-anli .nav-tabs li .nav-link {padding: 10px 10px; width: 100%}
}

.home-solution{height:auto;overflow:hidden;background:url(../images/bjlt_02.jpg) center no-repeat;background-size:cover;padding:40px 0}
.home-solution .dyui-main-header .header-title legend{color:#fff}
.home-solution .swiper-wrapper{height:450px}
.home-solution .swiper-wrapper .swiper-slide{height:450px;position:relative;overflow:hidden;background-size:cover}
.home-solution .swiper-wrapper .swiper-slide:hover a{}
.home-solution .swiper-wrapper .swiper-slide i{display:block;width:100%;height:4px;position:absolute;top:446px;left:0px;z-index:99;transition:all 1s}
.home-solution .li1{background:url(../images/solution/RjbjJUEj87ZLm7WzjNRj5LuE08CRlr.jpg) center no-repeat}
.home-solution .li2{background:url(../images/solution/wSsSzYyJ85sds1Z7PD5Ss2s97Sp3W7.jpg) center no-repeat}
.home-solution .li3{background:url(../images/solution/Pd1FRRRltKlNKJGKZ31GlZqWtYDByd.jpg) center no-repeat}
.home-solution .li4{background:url(../images/solution/TFT62gFT667blGzT2g6y2t9ggj9622.jpg) center no-repeat}
.home-solution .li5{background:url(../images/solution/TB8UWxFi1UIUB0y1X7yAXX8zuWYa10.jpg) center no-repeat}
.home-solution .li6{background:url(../images/solution/rzFisrS3S449GH4I6LVGgrvWzsLMH4.jpg) center no-repeat}
.home-solution .li1 i{background:#448aff}
.home-solution .li2 i{background:#1ed5b7}
.home-solution .li3 i{background:#fed387}
.home-solution .li4 i{background:#eb6451}
.home-solution .li5 i{background:#f24fd9}
.home-solution .li6 i{background:#5be6e3}
.home-solution .swiper-slide:after{content:'';display:block;position:absolute;width:100%;height:450px;background:rgba(19,43,41,0.6)}
.home-solution .li1:hover:after{background:rgba(76,128,253,0.6)}
.home-solution .li2:hover:after{background:rgba(69,207,175,0.6)}
.home-solution .li3:hover:after{background:rgba(254,211,135,0.6)}
.home-solution .li4:hover:after{background:rgba(235,100,81,0.6)}
.home-solution .li5:hover:after{background:rgba(242,79,217,0.6)}
.home-solution .li6:hover:after{background:rgba(91,230,227,0.6)}
.home-solution .dyui-main-more .more{margin:40px auto 0;overflow:hidden;width:136px;height:36px;border:1px solid #FFF;border-radius:2px;color:#FFF;font-size:14px;text-align:center;display:block;line-height:36px}
.home-solution .swiper-slide .con{position:absolute;left:0px;text-align:center;top:135px;z-index:9;transition:all 1s;width:100%}
.home-solution .swiper-slide .con img{width:120px;height:85px;border-radius:10px}
.home-solution .swiper-slide .con h3{color:#fff;font-size:18px;padding-top:16px;line-height:1;margin-top:16px;padding:0 15px}
.home-solution .swiper-slide .con p{display:none;color:#fff;font-size:16px;padding-top:16px;line-height:1;padding:10px 15px;line-height:160%}
.home-solution .swiper-slide.on .con{top:-135px}
.home-solution .swiper-slide.on i{top:0px}
.home-solution .swiper-slide:hover .con{top:105px}
.home-solution .swiper-slide:hover .con p{display:block}
.home-news{margin:30px auto;overflow:hidden}
.home-news .layui-container{margin-left:auto !important;margin-right:auto !important}
.home-news .nav-tabs li{padding:0 13px}
.home-news .nav-tabs .more{float:right;line-height:40px;font-size:14px;color:#999}
.home-news .zxdt{float:left;width:386px;height:auto;overflow:hidden}
.home-news .hyzx{float:right;width:386px;height:auto;overflow:hidden}
.home-news .dtit{width:100%;height:40px;border-bottom:solid 1px #CCC;margin-bottom:6px}
.home-news .dtit .more{float:right;line-height:40px}
.home-news .dtit h3{border-bottom:solid 2px #528B1D;float:left;font-size:18px;padding:0 10px;height:39px;line-height:40px}
.home-news .layui-tab-content{padding:10px 0}
.home-news .wzlb li{overflow:hidden;border-bottom:dashed 1px #ddd;background:url(../images/arrow.png) no-repeat -60px -34px;padding-bottom:10px;margin-bottom:10px}
.home-news .wzlb li .thnum{float:left;width:90px;height:80px}
.home-news .wzlb li .text{padding-left:130px}
.home-news .wzlb li .t{height:25px;overflow:hidden;line-height:25px;color:#000;font-weight:bold}
.home-news .wzlb li .desc{height:36px;line-height:18px;overflow:hidden}
.home-news .wzlb li .time{line-height:20px;color:#999}
.home-news .wzlb li:hover a{color:#FD2560}
.home-news .wzlb li .catname{height:16px;line-height:16px;padding:0 5px;margin-right:10px;font-size:12px;border:1px solid #5FB878;background:none;color:#5FB878;border-radius:3px}
.fly-avatar{position:absolute;left:15px;top:15px}
.fly-avatar img{display:block;width:60px;height:45px;margin:0;border-radius:2px}
.left-nav{float:left;width:140px;height:100%;overflow:auto;background-color:#fff;border-right:solid 1px #ededed;position:fixed;top:60px;bottom:0}
.mainr{margin-left:140px}
.layui-main-tree{width:280px;padding:15px 0;height:auto;overflow:hidden}
.layui-main-content{width:900px;height:auto;overflow:hidden;padding:15px 0}
.site-content{padding:15px}
.site-content .content{line-height:200%;font-size:14px}
.site-content .content img{margin:5px 0}
.site-content .site-h1{margin-bottom:20px;line-height:60px;padding-bottom:10px;color:#393D49;border-bottom:1px solid #eee;font-size:28px;font-weight:300}
.site-info{text-align:center}
.content h2 {position: relative; padding: 10px 12px; font-size: 18px; color: #0d7fb9; margin-top: 10px; margin-bottom: 10px}
.content h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 180px;
    height: 100%;
    opacity: 0.3;
    background: linear-gradient(to right,
    #239bd8,
    #4bf15900);
}
.content h2:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    position: absolute;
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #239bd8, rgba(255, 255, 255, 0));
}
.content h3 {background-color: #f1f7fd; border: solid 1px #239bd8; margin-bottom: 20px; margin-top: 15px; padding: 10px 12px; color: #239bd8; font-weight: bold; font-size: 16px; position: relative}
.content h3::after {position: absolute; left: 50%; display: table; width: 10px; height: 10px; margin-left: -5px; content: ''; transform: rotate(-45deg); z-index: 1; bottom: -6px; border-bottom: 1px solid #239bd8; border-left: 1px solid #239bd8; background-color: #f0f7fd;}
.content h4 {background-color: #f1f7fd; border-left: solid 1px #239bd8; margin: 15px 0; padding: 10px; color: #239bd8; font-size: 15px;}

.title{margin:20px 0 0;line-height:120%;color:#393D49;font-size:28px;font-weight:300}
.news-info{border-bottom:solid 1px #eee;line-height:40px;margin-bottom:20px}
.news-info span{margin-right:20px}
.news-info span i{margin-right:5px}
.content{line-height:200%;font-size:14px}
.content img{margin:5px 0;max-width:100%}
.updown{border-top:solid 1px #ddd;padding:15px 0;margin-top:30px}

/* 子栏目列表 */
.lznav li{height:30px;line-height:30px;overflow:hidden;border-bottom:solid 1px #f5f5f5}
.lznav li a{display:block;padding-left:10px}
.lznav li.active a{color:#f00;background-color:#ecf5ff}


.tab-nav.layui-tab{margin:0}
.tab-nav{background-color:#fafafa}
.tab-nav ul li{padding:0;height:46px;line-height:46px}
.tab-nav ul li a{padding:0 15px}
.tab-nav ul li.active a{border-bottom:1px solid #ff552e;color:#ff552e}
.tab-nav ul li.active:after{border:none;border-bottom:1px solid #ff552e;height:46px}

/* 折叠子栏目 */
.dyui-znav {background-color: #FFF;}
.dyui-znav .znav-header {margin-bottom: 10px}
.dyui-znav ul li .c1 {display: block; padding: 10px 0; border-bottom: 1px #ddd dotted;}
.dyui-znav ul li .c1:hover {color: #DE293A;}
.dyui-znav ul li .c1.active {color: #DE293A;}
.dyui-znav ul .li_c1 { position: relative;}
.dyui-znav ul .li_c1 .btn {position: absolute; right: 0; top: 0;  padding-right: 0;}
.dyui-znav ul .li_c1 .btn i {font-style: normal}
.dyui-znav ul .li_c1 .btn i:before {content: "\F285"; font-family: bootstrap-icons;}
.dyui-znav ul .li_c1 .ul-c1 {background-color: #f5f5f5; padding: 10px}
.dyui-znav ul .li_c1 .ul-c1 li {flex: 0 0 50%;}
.dyui-znav ul .li_c1 .ul-c1 li a {font-size: 14px; display: block; padding: 5px 0}
.dyui-znav ul .li_c1 .ul-c1 li .active {color: #DE293A;}
.dyui-znav ul .li_c1 .ul-c1 li a:hover {color: #DE293A;}
.dyui-znav ul .li_c1.open .btn i:before {content: "\F282";}
.dyui-znav-fold .ul-c1 {display: none}
.dyui-znav-fold .li_c1.open .ul-c1 {display: block}


/* 内页Banner */
.cat-banner {}


.help-list li{position:relative;height:45px;line-height:22px;padding:15px 15px 15px 90px;border-bottom:1px dotted #e2e2e2}
.help-list li:last-child{border-bottom:none}
.help-list li h2,.help-list li h2 a,.help-list-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.help-list li h2{height:26px;font-size:0}
.help-list li h2 a{display:inline-block;max-width:80%;padding-right:10px;font-size:16px}
.help-list li h2 .layui-badge{top:-2px;height:16px;line-height:16px;padding:0 5px;margin-right:10px;font-size:12px;border:1px solid #5FB878;background:none;color:#5FB878}
.help-list-info{position:relative;font-size:13px;color:#999}
.help-list-info > *{padding-right:15px}
.help-list-info a[link]{color:#999}
.help-list-info a[link]:hover{color:#5FB878}
.help-list-info .icon-renzheng{position:relative;top:1px;margin-right:3px}
.help-list-info .fly-badge-vip{position:relative;margin-left:2px}
.help-list-info .desc{width:90%;overflow:hidden}
.help-list-kiss{color:#FF5722}
.help-list-nums{position:absolute;right:0;top:0;padding-right:0 !important}
.help-list-nums i{position:relative;padding:0 3px 0 15px}
.help-list-badge{position:absolute;right:15px;top:15px;font-size:0}
.help-list-badge .layui-badge{margin-left:5px;border-radius:2px;font-size:12px}

/* 分页 */
.layui-laypage{display:block}
.layui-laypage li{display:inline-block}
.layui-laypage .active a{background-color:#FF5722;color:#fff;border:solid 1px #ff5722}

/*分页*/
.dyui-pager {text-align: center; align-items: center}
.dyui-pager ul li {display: inline-block;}
.dyui-pager ul li a {display: block; padding: 8px 15px; background-color: #fff; color: #333; font-size: 12px; border: 1px solid #e2e2e2;margin: 0 -1px 5px 0;}
.dyui-pager ul .active a {background-color: #FF5722; border: solid 1px #FF5722; color: #fff;}

.sucai-list{float:left;width:48%;overflow:hidden;margin:1%;padding:1%;border:solid 1px #eee;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.sucai-list:hover{border:solid 1px #f3522a}
.sucai-list dt{height:36px;line-height:30px;border-bottom:solid 1px #eee}
.sucai-list dt span{margin-right:6px}
.sucai-list dt .more-r{float:right}
.sucai-list dd{padding:10px 0 0;height:100px;overflow:hidden}
.sucai-list dd img{width:40px;margin:4px}
.sucai-list dd .more{background-color:#eee;color:#333;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;margin:4px;font-size:12px}
.sucai-photo{height:auto;overflow:hidden;border-top:solid 1px #eee;padding:20px 0 0;margin-top:15px}
.sucai-photo img{margin:5px}
.site-znav{border-bottom:solid 1px #eee;margin-bottom:20px}
.site-znav a{padding:0 15px;line-height:50px;min-width:65px;text-align:center;display:inline-block}
.site-znav .active{border-bottom:solid 1px #f3522a;color:#f3522a;font-weight:bold}


/* 通用底部 */
.footer {background:#34373a;color:#8c8d8d; }
.footer a{color:#8c8d8d}
.footer a:hover {color: #fff}
.footer .footer-top{height:auto;overflow:hidden;border-bottom:1px solid #434548}
.footer .footer-top dl{text-align:left;height:225px;font-size:15px;line-height:40px;padding:10px 40px 0 40px;border-right:1px solid #434548;margin-top:0}
.footer .footer-top dl:last-child{border:0}
.footer .footer-top dl dt{font-weight:normal}
.footer .footer-top .fanan{padding:10px 45px 0 45px;width:280px}
.footer .footer-top .fanan dd{color:#56bdf6}
.footer .footer-top .fanan dd p{float:left;width:189px}
.footer .footer-top dl dd{font-size:12px;line-height:30px;margin:0}
.footer .footer-top dl dd h3{font-size:25px;font-weight:lighter}
.footer .footer-top dl dd button{width:120px;height:36px;font-size:16px;border-radius:4px;margin-top:27px;background:#56bdf6}
.footer .footer-top dl dd button a{color:#fff}
.footer .footer-top dl dd button:hover{background:#12b5ff}
.footer .footer-top .ewm{padding:10px 20px;float:right}
.footer .footer-top .ewm ul li{float:left;width:130px;margin-left:15px}
.footer .footer-top .ewm ul li span{display:block;line-height:40px}
.footer .foot-lx .box:hover {border: solid 1px #FFF !important;}
.footer .foot-wx {position: relative;}
.footer .foot-wx .hover-img {display: none; position: absolute; top: -179px; left: 0; background-color: #fff; border: solid 1px #ddd;}
.footer .foot-wx:hover .hover-img {display: block;}

.link{font-size:12px;text-align:left;padding:35px 0; line-break:26px; border-bottom:1px solid #434548}
.link a{margin-right:20px}

.site-tree{width:220px;height:auto;overflow:hidden}
.site-content{width:960px;height:auto;overflow:hidden}
.catimg{width:100%;height:250px;overflow:hidden;background-position:center top}
.news-search{position:relative;margin:0 0 10px}
.news-search .layui-input{}
.news-search .layui-btn{position:absolute;right:0;top:0}
.news-znav{border-bottom:solid 1px #ddd;height:42px;overflow:hidden}
.news-znav ul li{float:left;line-height:42px;text-align:center;font-size:16px;padding:0 8px}
.news-znav ul li a{color:#000;padding:0 10px}
.news-znav ul li.active a{color:#4187ef;border-bottom:solid 2px #4187ef;display:inline-block;line-height:41px}


/*文章列表*/
.news-list li {border-bottom:1px dotted #e2e2e2; padding-top: 15px; padding-bottom: 15px; overflow: hidden}
.news-list li .fly-avatar{left:0}
.news-list li .fly-avatar img{display:block;width:180px;height:120px;margin:0;border-radius:2px;border:solid 1px #eee}
.news-list li .box{display:block;padding:10px 0;overflow:hidden}
.news-list li .thumb{width:136px;height:90px;float:left;overflow:hidden; border: solid 1px #eee; border-radius: 3px}
.news-list li .thumb img{width:100%; height: auto}
.news-list li .info{height:90px;padding-left:146px}
.news-list li .info .t{height:24px;line-height:24px;overflow:hidden;font-size:15px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}
.news-list li .info .t .catname{margin-right:10px}
.news-list li .info .date {height:22px;line-height:22px;overflow:hidden;color:#999; margin-bottom: 5px}
.news-list li .info .date span {margin-right: 6px}



.layui-main-tree .layui-card{background-color:#fafafa}
.layui-main-tree .layui-card .layui-card-header{border-bottom:solid 1px #eee}
.layui-main-tree .layui-card .layui-card-body{padding:10px 5px}
.layui-main-tree .tag a{border:solid 1px #eee;border-radius:20px;padding:2px 10px;display:inline-block;margin:5px}
.layui-main-tree .tag a:hover{background-color:#64abfd;color:#fff}
.newstop{margin:0 5px}
.newstop li{height:30px;line-height:30px;overflow:hidden;font-size:14px}
.newstop li i{background-color:#009688;color:#fff;width:18px;height:18px;line-height:18px;text-align:center;display:inline-block;font-style:inherit;border-radius:4px;margin-right:5px}
.keyword_list{background-color:#f9f9f9;margin:20px 0 20px}
.cat-title{margin-top:40px;font-size:35px;height:45px;line-height:45px;text-align:center}
.cat-title-b{height:20px;line-height:20px;margin-top:15px;text-align:center;font-size:17px;color:black;margin-bottom:35px}
.fieldset-title{width:500px;text-align:center;margin:20px auto}
.fieldset-title p{font-size:18px}
.page-znav{position:relative;left:0;height:40px;margin-top:30px;white-space:nowrap;font-size:0;border-bottom:solid 1px #e6e6e6;transition:all .2s;-webkit-transition:all .2s;text-align:center}
.page-znav a{display:inline-block;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}
.page-znav .active{display:inline-block;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}
.page-znav .active:after{position:absolute;left:0;top:0;content:'';width:100%;height:41px;border-width:1px;border-style:solid;border-color:#e6e6e6;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}
.page-title{text-align:center;font-size:18px;font-weight:bold;line-height:40px;margin:15px 0}
.page-content{padding:15px 0;margin-bottom:20px;height:auto;overflow:hidden;font-size:14px}
.page-content img{max-width:100%}
.payl{overflow:hidden;text-align:right}
.payr{overflow:hidden}
.payr .layui-table{margin:0}
.payr td{font-size:16px;line-height:160%}
.payr td span{color:#f00}
.payl .layui-tab{margin:0}
.payl .layui-tab .nav-tabs{text-align:center}
.payl .layui-tab .layui-tab-content{padding:10px 0}
.payl .layui-tab .layui-tab-content img{max-width:100%}
.scrollBox{width:1200px;position:relative;overflow:hidden;zoom:1;margin:20px 0}
.scrollBox .piclist{overflow:hidden;zoom:1}
.scrollBox .ohbox{overflow:hidden;position:relative;width:1160px;left:20px}
.scrollBox .piclist li{float:left;display:inline;width:200px;background:#fff;border:1px solid #DDD;margin:0 10px;padding:5px}
.scrollBox .piclist li img{width:200px;height:130px}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center}
.scrollBox .pageBtn span{background:url(../images/about/prev-next.png) no-repeat;display:block;width:19px;height:86px;position:absolute;top:50px;cursor:pointer;text-indent:-999em;overflow:hidden}
.scrollBox .pageBtn .prev{left:0;background-position:0 0}
.scrollBox .pageBtn .prev:hover{background-position:0 -270px}
.scrollBox .pageBtn .next{right:0;background-position:0 -86px}
.scrollBox .pageBtn .next:hover{background-position:0 -180px}
.layer-photos img{float:left;width:248px;height:180px;border:solid 1px #ddd;margin:20px;padding:5px}
.layui-tab#contact .nav-tabs{border:none;text-align:center}
.layui-tab#contact .layui-tab-title li{padding:0 20px;border:solid 1px #ddd;border-radius:20px;margin:0 15px;line-height:34px}
.layui-tab#contact .layui-tab-title .layui-this{background-color:#FF5722;border-radius:20px;color:#fff;border:none}
.layui-tab#contact .layui-tab-title .layui-this:after{border:none}
#contact{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:50px 0}
#contact .layui-tab-item{padding:20px 0}
#contact .layui-tab-item img{border:solid 5px #eee;float:left;width:600px}
#contact .layui-tab-item .map{border:solid 5px #eee;float:left;width:600px}
#contact .layui-tab-item .dizhir{float:right;width:520px}
#contact .layui-tab-item .dizhir h3{font-size:18px;color:#FF5722;font-weight:700;margin-bottom:15px;margin-top:15px}
#contact .layui-tab-item .dizhir p{margin-bottom:15px}
#contact .layui-tab-item .dizhir p.lx{border-top:solid 1px #ddd;padding-top:15px}
.contact-main h2{text-align:center;font-size:24px;margin:40px 0}

.contact-main ul li .ico{position:absolute;top:-40px;left:100px;width:80px;height:80px}
.contact-main ul li .layui-icon{background-color:#FF4C1F;width:80px;height:80px;line-height:80px;text-align:center;border-radius:40px;color:#fff;font-size:40px}
.contact-main ul li .txt{font-size:14px;text-align:center;margin-top:15px;color:#666}
.contact-main ul li .qqkf{font-size:14px;text-align:center;margin-top:10px}
.contact-main ul li .phone{font-size:14px;text-align:center;margin-top:10px;color:#666;line-height:160%;padding:0 10px}
.contact-main ul li:hover .layui-icon{background-color:#01AAED}
.contact-main h6{text-align:center;margin-top:30px;font-size:16px;overflow:hidden}
.cplist{}
.cplist{overflow:hidden}
.cplist dl{float:left;width:285px;height:220px;overflow:hidden;margin:20px 20px 10px 0}
.cplist dl:nth-child(4n){margin-right:0}
.cplist dl img{width:285px;height:108px;display:block}
.cplist dl dd{background-color:#f9f9f9;height:120px;overflow:hidden;text-align:center}
.cplist dl dd h3{font-size:20px;margin-top:20px;margin-bottom:10px;overflow:hidden;text-align:center}
.cplist dl dd p{font-size:14px;height:48px;line-height:180%;color:#9a9a9a;text-align:center;margin:10px 15px;overflow:hidden}
.cplist dl dd .more{color:#f4621c;font-size:14px}
.sitemap{height:auto;overflow:hidden;margin:30px}
.sitemap dl{float:left;overflow:hidden;margin:0 10px}
.sitemap dl dt{background-color:#F6F6F6;height:40px;line-height:40px;width:100%;padding:0 10px;margin-bottom:10px;font-weight:bold}
.sitemap dl dd{line-height:24px;padding:0 10px}


/* 充值/付款 */

.body-pay .dyui-card .card-header {background-color: #eef9fe; border-top: solid 3px #218de8}
.body-pay .fc-weixin-pay {display: inline-block; background-color: #ff5722; border-color: #ff5722; color: #fff; padding: 5px 20px; border-radius: 3px; margin-top: 10px;}

@media screen and (min-width:1200px){.layui-container{width:1200px;padding:0}


}

/*Phone手机*/
@media screen and (max-width:750px) {

.top{height:50px;line-height:50px}
.layui-main{width:auto;margin:0}
.top .welcome{padding-left:10px}
#logo{width:100%;text-align:center}
#menu{width:0}
.banner .swiper-slide {height:150px}
.banner .swiper-slide a {display: block}
.banner .swiper-button-prev,.banner .swiper-button-next{display:none !important}
.site-nav-layim{display:none !important}
.header .layui-nav .layui-nav-item{margin:0}
.header .layui-nav .layui-nav-item a{padding:0 15px}
.site-banner{height:300px}
.site-banner-bg{background-size:cover}
.site-zfj{height:100px;padding-top:5px}
.site-zfj i{top:10px;width:100px;height:100px;margin-left:-50px;font-size:100px}
.site-desc{background-size:70%;margin:0}
.site-desc cite{display:none}
.site-download{margin-top:0}
.site-download a{height:40px;line-height:40px;padding:0 25px 0 60px;border:1px solid #778097;border-radius:30px;color:#fff;font-size:16px}
.site-download a cite{left:20px}
.site-banner-other{bottom:15px}
.site-idea{margin:20px 0}
.site-idea li{margin:0 0 20px 0;width:100%;height:auto;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important}
.site-hengfu img{max-width:100%}
.layui-layer-dir{display:none}
.site-tree{position:fixed;top:0;bottom:0;min-height:0;overflow:auto;z-index:1000;left:-260px;background-color:#fff;transition:all .3s;-webkit-transition:all .3s}
.site-content{width:100%;padding:0;overflow:auto}
.site-content img{max-width:100%}
.layui-body{position:static;bottom:0;left:0}
body .layui-layout-admin .footer-demo{position:static}
.site-tree-mobile{display:block !important;position:absolute;z-index:100000;top:6px;right:0;width:50px;height:40px;line-height:40px;border-radius:2px;text-align:center;color:#fff}
.site-home .site-tree-mobile{display:none !important}
.site-mobile .site-tree-mobile{display:none !important}
.site-mobile .site-tree{left:0}
.site-mobile .site-mobile-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:999}
.site-mobile .layui-side{left:0}
.site-tree-mobile i{font-size:20px}
.layui-code-view{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.site-home .site-tree-mobile{display:none !important}
.site-mobile .site-tree-mobile{display:none !important}
.site-mobile .site-tree{left:0}
.site-mobile .site-mobile-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:999}
.site-tree-mobile i{font-size:20px}
.layui-side{display:none}
.site-mobile .layui-side{display:block;background-color:#393D49;position:fixed !important}
.site-mobile .layui-side-scroll{width:200px}
.dyuim-sidenav{height:auto;background:none;padding-top:10px}
.dyuim-sidenav .layui-collapse{border:none}
.dyuim-sidenav .layui-colla-item{width:200px;border:none;border-bottom:solid 1px #464A56}
.dyuim-sidenav .layui-colla-item .layui-colla-content{border-color:#464A56;padding-left:20px}
.dyuim-sidenav .layui-colla-title{background:none;padding-left:20px}
.dyuim-sidenav .layui-colla-title a{color:#fff;font-size:16px}
.dyuim-sidenav .layui-colla-title i{left:initial;right:10px;top:11px;background-color:#4a5986;color:#fff;height:20px;line-height:20px;width:20px;text-align:center;border-radius:10px}
.dyuim-sidenav .layui-colla-title.title-no i{display:none}
.dyuim-sidenav .c2 li{border-bottom:solid 1px #464A56;padding:5px 0}
.dyuim-sidenav .c2 a{font-size:16px;color:#b5b5b5;display:block}
.dyuim-sidenav .c2 .active{color:#FF5722}
.dyuim-sidenav .mnav-b{padding:20px 10px 0;overflow:hidden}
.dyuim-sidenav .mnav-b li a{width:100%}
.site-demo-area,.site-demo-editor,.site-demo-result,.site-demo-editor textarea,.site-demo-result iframe{position:static;width:100%}
.site-demo-editor textarea{height:350px}
.site-demo-zanzhu{display:none}
.site-demo-btn{bottom:auto;top:370px}
.site-demo-result iframe{height:500px}
.site-demo-laytpl textarea,.site-demo-laytpl div span{margin:0}
.site-demo-tplres .site-demo-tplh2,.site-demo-tplres .site-demo-tplview{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.site-demo-title{position:static;left:0}
body .layui-layout-admin .site-demo{}
.site-demo-code{position:static;height:350px}

.page-znav a{min-width:25%;width:25%;padding:0}
.page-znav a.active{min-width:25%;width:25%;padding:0}
.page-content{padding:10px}
.layui-main-content{width:100%}
.catimg{height:10px}
.layui-main-content .content{padding:0 10px}
.layui-main-content .title{padding:0 10px}
.layui-main-content .news-info{padding:0 10px}
.layui-main-content .layui-breadcrumb{padding:10px}
.layui-main-content .updown{padding:10px}
.newslist li{padding:15px 0 15px 100px;height:auto}
.newslist li .fly-avatar img{width:90px;height:60px}
.newslist li .list-info .more{display:none}
.newslist li .list-info .desc{display:none}
.newslist li h2 .layui-badge{display:none}
.newslist li h2 a{white-space:initial;max-width:100%;padding-right:0;font-size:14px;font-weight:bold}
.newslist li h2{height:40px}
.newslist li .list-nums{position:initial}
.news-znav{}
.news-search{padding:0 10px}
.news-search .layui-btn{right:10px}

.zdfuwu ul li{border-bottom:1px solid #dadee4}
.zdfuwu ul li:nth-child(5n){width:100%}
.zdfuwu ul li a{padding:15px 15px 10px}
.zdfuwu ul li p{height:76px;}
.zdfuwu ul li:nth-child(5n) p {height:56px}
.dyui-anli .layui-tab-title li{padding:0 15px 0 10px}
.dyui-anli .layui-tab-title li .layui-icon{padding-right:10px;display:none}
.dyui-anli .icase li .casedetail{padding:5px 10px}

}


.fc-price-color{color:#f00;font-size:18px}
.suaixun-main{border:1px solid #eee;font-size:14px;overflow:hidden;margin-top:20px;box-sizing:border-box}
.suaixun-main .sx-list{overflow:hidden;line-height:24px;border-bottom:1px solid #f6f6f6;background-color:#fcfcfc}
.suaixun-main .sx-list .tit{float:left;width:70px;text-align:center;color:#999;padding:10px 0 8px}
.suaixun-main .sx-list .con{position:relative;padding:10px 10px 10px 10px;overflow:hidden;border-left:1px solid #f6f6f6;background-color:#fff;min-height:22px}
.suaixun-main .sx-list .con a{display:inline-block;padding:4px 15px;color:#666}
.suaixun-main .sx-list .con a.active{background-color:#3091F2;color:#fff;border-radius:15px}
.suaixun-main-search{background-color:#fff;padding:15px 20px 13px;overflow:hidden}
.suaixun-main-search .layui-form-label{padding:0}
.suaixun-main-search .layui-form-mid{padding:0 !important;margin:0}
.suaixun-main-search .layui-form-mid .layui-btn{border-radius:0 2px 2px 0}
.suaixun-main-search .layui-input{border-right:none}
.suaixun-main-search .layui-form-item .layui-input-inline{margin-right:0;width:400px}
.layui-form-select dl{top:37px}
.suaixun-main-search .layui-form-item .layui-form-select dl dd{text-align:center}
.suaixun-main-search .layui-form-item{margin:0}
.body-order .form-group{overflow:hidden}
.body-order .form-control{border-radius:0}


.body-order .form-control{border-radius:0}




/*联系方式*/
.contact-main .contact-list {padding-bottom: 30px; flex-wrap: wrap}
.contact-main .contact-list {margin-top: 30px}
.contact-main .item {text-align: center; margin-bottom: 20px; border: solid 1px #eee; padding: 15px}
.contact-main .item h3 {font-size: 18px; font-weight: bold}
.contact-main .item h5 {font-size: 15px; color: #666}
.contact-main .item {}




/* 案例开始 */
/*成功案例*/
.case-znav {margin: 30px 0; overflow: hidden;}
.case-znav ul li {margin: 0 0 10px 0; overflow: hidden;}
.case-znav a {display: inline-block; vertical-align: middle;
    font-size: 14px; transition: all .2s; -webkit-transition: all .2s; position: relative;
    line-height: 30px; min-width: 65px; padding: 0 15px;
    text-align: center; cursor: pointer;
}
.case-znav .active { display: inline-block; vertical-align: middle;
    font-size: 14px; transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    min-width: 65px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer; background-color: #e2e2e2; border-radius: 5px;}

.caselist ul li a {display: block;}
.caselist ul li .pc-header {height: 18px; border-bottom: solid 1px #eee; background-color: #f2f2f2;}
.caselist ul li .pc-header i {border-radius: 50%; font-size: 12px; color: #F0A667; background-color: #F0A667; margin: 4px 0px 4px 6px; display: inline-block; width: 10px; height: 10px;}
.caselist ul li .pc-header i:nth-child(2) {color: #EFC677; background-color: #EFC677;}
.caselist ul li .pc-header i:nth-child(3) {color: #A1DB55; background-color: #A1DB55;}
.caselist ul li:nth-child(4n) {margin-right: 0;}
.caselist ul li .thumb {padding: 0;}
.caselist ul li img {width: 100%;}
.caselist ul li .casedetail { position: relative;}
.caselist ul li .casedetail span {position: absolute; right: 15px; top: 12px; background: #f1f1f1; padding: 4px 10px; border-radius: 3px; font-size: 12px; height: 18px; width: 53px; overflow: hidden;}
.caselist ul li .ewm {display: none; position: absolute; left: 0; top: 0; z-index: 9; height: 210px; line-height: 210px; width: 284px; text-align: center; background-color:rgba(0,0,0,0.5); background:#000\5; filter:alpha(opacity=50);}
.caselist ul li .ewm * {position:relative;}
.caselist ul li .ewm img {width: 180px; height: 180px; border-radius: 5px;}
/* .case-card {background-color: #fff; overflow: hidden; padding: 15px;} */
.case-thumb {height: auto; overflow: hidden; border: solid 1px #eee; border-radius: 5px 5px 0 0; text-align: center; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.case-thumb .thumb {padding: 1px;}
.case-thumb .thumb img {width: 100%;}.case-thumb .pc-header {height: 24px; border-bottom: solid 1px #eee; background-color: #f2f2f2; text-align: left;}.case-thumb .pc-header i {border-radius: 50%; font-size: 12px; color: #F0A667; background-color: #F0A667; margin: 8px 0px 4px 6px; display: inline-block; width: 10px; height: 10px;}.case-thumb .pc-header i:nth-child(2) {color: #EFC677; background-color: #EFC677;}.case-thumb .pc-header i:nth-child(3) {color: #A1DB55; background-color: #A1DB55;}

.case-info .desc {padding: 15px 0 0 0; color: #999; font-size: 14px;}
.case-info .info-list {margin: 20px 0;}
.case-info .info-list li {padding: 5px 0;}
.case-info .info-list li .layui-badge {height: 22px; line-height: 22px;}.case-info .show-btn {margin-top: 20px;}

.notice-b {width:100%;overflow:hidden}
.notice-b .tab-hd {height:40px; margin-bottom:-1px;color:#404040}
.notice-b .tab-hd ul{padding-top:4px;margin-left:7px}
.notice-b .tab-hd li{float:left;height:36px;line-height:36px; padding:0 14px; cursor: pointer; border-radius: 2px;}
.notice-b .tab-hd li:hover{color:#f60;}
.notice-b .tab-hd li.on {border:1px solid #d5d5d5;border-bottom:none;background-color:#fff;font-weight:bold;position:relative;margin-left:-1px;margin-right:-1px}
.notice-b .tab-bd {border-top:1px solid #e8e8e8;padding:10px 0}

.notice-b .tab-bd .aljt li {float: left; margin: 5px 10px 5px 0;}
.notice-b .tab-bd .aljt li img {width: 200px; border: solid 5px #f5f5f5;}
.notice-b .tab-bd .aljt li.ewm {width: 210px; text-align: center; background-color: #f4f4f4;}
.notice-b .tab-bd .aljt li span {display: block; height: 30px; line-height: 20px; text-align: center;}
/*详情*/
.layui-breadcrumb {padding: 10px 10px 3px;}
.case-card .layui-card-body {padding: 15px 0}
.case-card .layui-tab-content {padding: 15px 0}
.show-title {font-size: 16px; font-weight: bold; line-height: 20px; overflow: hidden; margin: 10px 0; text-align: center;}
.show-btn {text-align: center; margin: 10px 0;}
.show-btn .btn-h5url {height: 38px; line-height: 38px; padding: 0 18px; background-color: #3D95FD; color: #fff; display: inline-block; border-radius: 3px; position: relative}
.show-btn .btn-h5url .h5-qrcode {position: absolute; bottom: 40px; left: -40px; z-index: 9; border: solid 1px #ddd; display: none}
.show-btn .btn-h5url:hover {}
.show-btn .btn-h5url:hover .h5-qrcode {display: block}
.show-content img {max-width: 100%}
.show-content pre[class*=language-].line-numbers>code {
    position: relative;
    white-space: pre-wrap;
}

.aljt li {text-align: center}
.aljt li img {width: 100%; height: auto !important; border: solid 1px #eee;}
.aljt li.ewm p {margin-top: 10px}
.aljt li span {text-align: center;}


/* 案例结束 */



/* banner豆腐块 */
.doufukuai {margin-top: -40px; position: relative; z-index: 1}
@media(max-width:767px) {
    .doufukuai {margin-top: -10px}
}

/* 代理加盟 */

.bann-daili {width: 100%; height: 580px; background: url("../images/bann-daili.jpg") no-repeat center top}
.body-daili .zdfuwu {background-color: #ED3529; color: #fff}
.body-daili .zdfuwu ul li {border-left: solid 1px #ff564b}
.body-daili .zdfuwu ul li a {padding: 30px 15px 24px 50px}
.body-daili .zdfuwu ul li:last-of-type {border-right: solid 1px #ff564b}
.body-daili .zdfuwu ul li i {color: #fff; font-size: 30px; background: none}
.body-daili .zdfuwu ul li img {width: 34px; height: 34px}
.body-daili .zdfuwu ul li h2 {color: #fff}
.body-daili .zdfuwu ul li p {color: #ffb1ac}
.body-daili .zdfuwu ul li a:hover i {font-size: 38px}
.body-daili .zdfuwu ul li a:hover img {width: 38px; height: 38px}
.body-daili .zdfuwu ul li a:hover h2 {color: #fff}





.daili-zhengce {padding: 40px 0; height: auto; overflow: hidden}
.daili-zhengce .item .box {background-color: #F5F5F5}
.daili-zhengce .item .box .item-header {background: linear-gradient(top, #3FCBFF, #2AA7FF);
    background: -ms-linear-gradient(top, #3FCBFF, #2AA7FF);
    background: -webkit-linear-gradient(top, #3FCBFF, #2AA7FF);
    background: -moz-linear-gradient(top, #3FCBFF, #2AA7FF); text-align: center; padding: 30px 20px; border-radius: 10px 10px 0 0; color: #fff}
.daili-zhengce .item:nth-child(2) .box .item-header {
    background: linear-gradient(top, #D08DFF, #C16BFF);
    background: -ms-linear-gradient(top, #D08DFF, #C16BFF);
    background: -webkit-linear-gradient(top, #D08DFF, #C16BFF);
    background: -moz-linear-gradient(top, #D08DFF, #C16BFF);}
.daili-zhengce .item:nth-child(3) .box .item-header {
    background: linear-gradient(top, #FFCC00, #FF9900);
    background: -ms-linear-gradient(top, #FFCC00, #FF9900);
    background: -webkit-linear-gradient(top, #FFCC00, #FF9900);
    background: -moz-linear-gradient(top, #FFCC00, #FF9900);}
.daili-zhengce .item:nth-child(4) .box .item-header {
    background: linear-gradient(top, #FFB45C, #FF5C5C);
    background: -ms-linear-gradient(top, #FFB45C, #FF5C5C);
    background: -webkit-linear-gradient(top, #FFB45C, #FF5C5C);
    background: -moz-linear-gradient(top, #FFB45C, #FF5C5C);}
.daili-zhengce .item .item-header h3 {font-size: 22px; height: 30px; line-height: 30px}
.daili-zhengce .item .item-header p {height: 30px; line-height: 30px}
.daili-zhengce .item .item-header .price {font-size: 30px}
.daili-zhengce .item .item-header .price strong {color: #FFF; font-size: 40px}
.daili-zhengce .item .item-body {padding: 20px}
.daili-zhengce .item ul li {height: 24px; line-height: 24px}
.daili-zhengce .dyui-main-body {padding: 30px 0 20px}


.daili-youshi {background-color: #ffebe8; height: auto; overflow: hidden; padding: 40px 0}
.daili-youshi .dyui-main-body {padding: 30px 0 20px}
.daili-youshi ul li {text-align: center}
.daili-youshi ul li .box {background-color: #fff;box-shadow: 0 1px 7px 0 rgba(56,56,56,.14); padding: 30px 20px; border-radius: 10px}
.daili-youshi ul li i {font-size: 50px; color: #9E55FE}
.daili-youshi ul li:nth-child(2) i {font-size: 50px; color: #FF745C}
.daili-youshi ul li:nth-child(3) i {font-size: 50px; color: #37BDFF}
.daili-youshi ul li:nth-child(4) i {font-size: 50px; color: #FFB000}
.daili-youshi ul li img {width: 50px; height: 50px}
.daili-youshi ul li h3 {font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; margin-top: 10px}
.daili-youshi ul li p {font-size: 15px; color: #888; line-height: 180%;}
.daili-youshi ul li:hover i {opacity: 0.8}


/*加盟产品*/
.daili-product {height: auto; overflow: hidden; padding: 40px 0}
.daili-product .dyui-main-body {padding: 30px 0 20px}
.daili-product ul li {text-align: center}
.daili-product ul li .box {background-color: #fff; border-top: solid 1px #9E55FE; box-shadow: 0 1px 7px 0 rgba(56,56,56,.14); padding: 30px 20px;}
.daili-product ul li i {font-size: 50px; color: #9E55FE}
.daili-product ul li:nth-child(2) i {font-size: 50px; color: #FF745C}
.daili-product ul li:nth-child(2) .box {border-top: solid 1px #FF745C;}
.daili-product ul li:nth-child(3) i {font-size: 50px; color: #37BDFF}
.daili-product ul li:nth-child(3) .box {border-top: solid 1px #37BDFF;}
.daili-product ul li:nth-child(4) i {font-size: 50px; color: #FFB000}
.daili-product ul li:nth-child(4) .box {border-top: solid 1px #FFB000;}
.daili-product ul li:nth-child(6) i {font-size: 50px; color: #FF745C}
.daili-product ul li:nth-child(6) .box {border-top: solid 1px #FF745C;}
.daili-product ul li:nth-child(7) i {font-size: 50px; color: #37BDFF}
.daili-product ul li:nth-child(7) .box {border-top: solid 1px #37BDFF;}
.daili-product ul li:nth-child(8) i {font-size: 50px; color: #FFB000}
.daili-product ul li:nth-child(8) .box {border-top: solid 1px #FFB000;}
.daili-product ul li img {width: 50px; height: 50px}
.daili-product ul li h3 {font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; margin-top: 10px; overflow: hidden}
.daili-product ul li p {font-size: 15px; color: #888; line-height: 180%;}
.daili-product ul li:hover i {opacity: 0.8}
.daili-product ul li:hover .box {border-top-width: 2px; margin-top: -1px}

.daili-lioucheng {background: url("../images/daili-lc-bg.png") no-repeat center 250px #FFEBE8; width: 100%; height: auto; overflow: hidden; padding: 40px 0}
.daili-lioucheng .dyui-main-body {padding: 30px 0 20px}
.daili-lioucheng ul {margin: 0 50px}
.daili-lioucheng ul li {text-align: center}
.daili-lioucheng ul li i {font-size: 60px; background-color: #fff; padding: 25px; border-radius: 100px; width: 90px; height: 90px; line-height: 100px; text-align: center; color: #C87CFF}
.daili-lioucheng ul li:nth-child(2) i {color: #33B7FF}
.daili-lioucheng ul li:nth-child(3) i {color: #FFAD00}
.daili-lioucheng ul li:nth-child(3) i {color: #FF665C}
.daili-lioucheng ul li h3 {font-size: 20px; height: 50px; line-height: 50px; overflow: hidden}



/*加盟联系*/
.daili-contact {height: auto; overflow: hidden; padding: 50px 0}