@charset "UTF-8";/*fp-seed:wy3pzm045mjq theme:wj5tax*/

/* CSS Document */
.m-banner-home { background:url("../images/07d6d28b_banner-home.png") no-repeat;}
.m-banner-produce { background:url("../images/d4ce3fbf_banner-produce.png") no-repeat;}
.m-banner-corp { background:url("../images/e38a1a70_banner-corp.png") no-repeat;}
.m-banner-job { background:url("../images/513cf020_banner-job.png") no-repeat;}
.m-banner{margin-left:auto; margin-right: auto; min-width:1200px;height:482px; background-position: center center; background-size: cover; }
.m-banner .m-tit{margin-left:auto; margin-right: auto; width:1200px; padding-top:200px; font-size:36px; font-weight: bold; color:#fff; box-sizing: border-box;}
.m-sub{height:60px; line-height: 60px; background: #F5F6F8;color: #333; font-size:18px;}
.m-sub .m-subnav{margin-left:auto; margin-right: auto; width:1200px;}
.m-sub .m-subnav li{ float:left; margin-right:60px;}
.m-sub .m-subnav li a{ display: inline-block;line-height: 60px; color: #333;}
.m-sub .m-subnav li.on a{ font-weight:bold; color: #0082ED;}
.m-content{ padding-top:60px; padding-bottom:60px;}
.m-content.category-info{ padding-top:0px}
.m-content .m-box{margin-left:auto; margin-right: auto; width:1200px; }
.m-content .m-box.short{width:1000px;}
.m-content .m-box .m-recep{width:600px; height:338px; overflow: hidden;}
.m-content .m-box .m-recep img{max-width: 100%; vertical-align: middle; border-radius: 8px;}
.m-content .m-box .m-titbox{position: relative;width:100%;}
.m-content .m-box .m-titbox.short{width:540px;}
.m-content .m-box .m-titbox .m-tit {padding-bottom:10px; border-bottom: 1px solid #ddd;}
.m-content .m-box .m-titbox .m-tit .tit{line-height: 36px; font-size:26px; font-weight: bold;color:#333;}
.m-content .m-box .m-titbox .m-tit .en{line-height: 20px; font-size:14px; color: #ccc; font-weight: normal;}
.m-content .m-box .m-titbox.short .m-tit{ width:540px;}
.m-content .m-box .m-titbox.short  span{display:block;margin-top:-2px; width:20px; height:3px;background: #0082ED;}
.m-content .m-box .m-titbox span{display:block;margin-top:-2px; width:20px; height:3px;background: #0082ED;}
.m-content .m-box .m-intr{ width:540px; padding-top:24px; color: #666; font-size:14px; line-height: 24px;}
.m-content .m-box .m-intr .u-more{ padding-top:60px;}
.m-content .m-box .m-intr .u-more a { display: inline-block;padding:6px 40px; border:1px solid #ddd;font-size:14px; color: #999;}
.m-content .m-box .m-intr .u-more a:hover{ color: #0082ED;border: 1px solid #0082ED;}
.m-content .m-box .m-more{position: absolute; right:0px; top:30px; }
.m-content .m-box .m-more a{display: inline-block;padding:2px 20px; border:1px solid #ddd;font-size:14px; color: #999;}
.m-content .m-box .m-more a:hover{color: #0082ED;border: 1px solid #0082ED;}
.m-content .m-box .ic-left{ position: absolute; left:-76px; top:110px;}
.m-content .m-box .ic-right{ position: absolute; right:-76px; top:110px;}
.m-business{ margin-left:-30px;margin-top:24px;width:2400px;}
.m-business li{ float:left;margin-left:30px; width:380px;}
.m-business li .u-busimg{width:380px; height: 216px;}
.m-business li .u-busimg .u-buslink{position: relative;display: inline-block}
.m-business li .u-busimg .u-buslink .img{width:380px; height: 216px; border-radius: 4px;}
.m-business li .u-busimg .u-buslink .u-linkhover{ display: none;}
.m-business li:hover .u-busimg .u-buslink .u-linkhover{position: absolute; top:0px; left:0px;display:block; width:380px; height:216px; border-radius: 4px; background: rgba(0,0,0,.3)}
.m-business li:hover .u-busimg .u-buslink .u-linkhover .link{display:block; margin-left:auto; margin-right:auto;margin-top:80px; width:54px;height:54px;line-height: 48px; border-radius: 32px; border:2px solid #fff;background: rgba(255,255,255,.3);text-align: center;}
.m-business li:hover .u-busimg .u-buslink .u-linkhover .link:hover{width:58px;height:58px;line-height: 52px; background: linear-gradient(315deg, #0082ED 0%, #41C3FF 100%);border:0;}
.m-business li .u-bustxt{ padding-top:20px;}
.m-business li .u-bustxt .link{ display:inline-block;}
.m-business li .u-bustxt .link .u-tit{ padding-bottom:12px; border-bottom:1px solid #ddd; font-size:18px; font-weight: bold; color: #333;}
.m-business li .u-bustxt .link .u-txt{ padding-top:12px; font-size:14px; color: #999;}
.m-business li .u-bustxt .link:hover .u-tit{color:#0082ED;}
.m-business li .u-bustxt .link:hover .u-txt{color:#666;}
.bg-customer{
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    min-width: 1200px;
    background:url("../images/6dc558c4_ban_customer.png");
    max-height: 402px;
    background-position: center center;
    background-size: cover;
}
/*首页客户案例*/
.m-icust{margin-left:-16px;}
.m-icust li{float:left; margin-left:16px;margin-top:16px;width:184px; height:84px;line-height: 84px;text-align: center; }
.m-icust li img{width:184px; max-height: 84px;border-radius: 6px; }
.m-icust li:last-child{ border-radius: 6px;}
.m-icust li:last-child .u-cusmore .u-more{ margin-left:auto; margin-right:auto;margin-top:22px;width:36px; height:36px; text-align: center; line-height: 36px; border-radius: 30px;border:1px solid #fff;}/*@dist dqmqx0*/
/*客户案例*/
.m-custlist{ padding:8px;margin-left:-24px;}
.m-custlist li{ float:left;margin-left:24px; margin-bottom:24px;padding:16px;width:246px;height:168px;border-radius: 8px; background: #fff;box-shadow: 0px 0px 10px 0px rgba(221, 221, 221, 0.8);-webkit-box-sizing:content-box!important;box-sizing: content-box!important;}
.m-custlist li .logo{height:84px;width:100%;line-height: 84px; text-align: center;}
.m-custlist li .logo img{ height:84px; max-width:240px;}
.m-custlist li .txt{margin-top:24px;width:210px;margin-left:auto;margin-right:auto; font-size:16px; color:#333;font-weight:bold;line-height:24px; text-align:center;}
.m-custlist li:hover{box-shadow: 0px 0px 10px 0px rgba(0, 130, 237, 0.3);}
.m-cuslogo{ margin-top:10px; text-align: right;}
.m-cuslogo li{ float:right; margin-right:10px; width:110px; height:75px;}
.m-cuslogo li img{ width:110px;}
.m-cuslogo li .u-cusmore{display:block;padding-top:20px;height:55px; background: #00B2ED; text-align: center;}
.m-cuslogo li .u-cusmore .u-more{ margin-left:auto; margin-right:auto;width:36px; height:36px; text-align: center; line-height: 36px; border-radius: 30px;border:1px solid #fff;}
.m-news li{ padding:24px 0;border-bottom:1px solid #eee; }
.m-news li .m-newleft{ padding:24px 0; width:900px;}
.m-news li .m-newleft .date{ float:left;width:128px; font-size:40px; color:#999;}
.m-news li .m-newleft .line{float:left;  width:1px; height:60px; background: #ddd; }
.m-news li .m-newleft .u-newtxt{float:left;margin-left:24px;width:700px;}
.m-news li .m-newleft .u-newtxt a .u-tit{ font-size:18px; font-weight:bold; color: #333;}
.m-news li .m-newleft .u-newtxt a .u-txt{ font-size:14px; color: #666;padding-top:10px;}
.m-news li .m-newleft .u-newtxt a:hover .u-tit{ color: #00B2ED;}
.m-news li .m-newleft .u-newtxt a:hover .u-txt{color:#333;}
.m-news li .m-newright{width:200px; height:112px; overflow: hidden;}
.m-news li .m-newright img{width:200px; max-height:142px; border-radius: 2px;}

.m-lawbox{ padding-top:36px;}
.m-lawleft{float:left;position: relative;width:588px; height:390px;overflow: hidden;}
.m-lawleft .m-info{ position: absolute; bottom:0px; left:0px; width:524px; background:rgba(0,0,0,.3);padding:26px 32px;font-size:20px; color: #fff;font-weight: bold;border-radius: 0 0 4px 4px;}
.m-lawright{float:left;margin-left:60px;  width:544px; } 
.m-lawright .m-lawlist{margin-top:-56px; }
.m-lawright .m-lawlist li{margin-top:56px}
.m-lawright .m-lawlist li .link .m-lawtit{font-size:18px; font-weight:bold; color:#333;}
.m-lawright .m-lawlist li .link .m-lawtxt{ font-size:14px; color: #666;}
.m-lawright .m-lawlist li .link:hover .m-lawtit{color:#00B2ED;}
.m-lawright .m-lawlist li .link:hover .m-lawtxt{color: #333;}

/*产品介绍*/
.m-proleft{ position: absolute; top:92px; left:-20px;width:420px; height: 248px; padding:48px 60px;background: #F5F6F8;}
.m-proright{ position: absolute; top:92px; right:-20px;width:420px; height: 248px; padding:48px 60px;background: #F5F6F8;}
.m-proleft .m-tit,.m-proright .m-tit{ font-size:28px; font-weight: bold;color:#333;}
.m-proleft .m-art,.m-proright .m-art{ padding-top:20px;line-height: 24px; font-size:15px;}
.m-proleft  .u-more,.m-proright  .u-more{ position: absolute; bottom:48px; right:60px; }
.m-proleft  .u-more a ,.m-proright  .u-more a{ display: inline-block;padding:2px 20px; border:1px solid #ddd;font-size:14px; color: #999;}
.m-proleft  .u-more a:hover,.m-proright  .u-more a:hover{ color: #0082ED;border: 1px solid #0082ED;}

/*幸福华峰*/
.bg-hisbox{position: relative;margin-left:auto; margin-right: auto; min-width:1200px; background:#f5f6f8 ;}
.bg-hisbox .m-hisbg{margin-left:auto; margin-right: auto;padding-top:60px; min-width:1200px; background:url("../images/2de7f95f_his_bg.png") no-repeat;height:324px; background-position: center center; background-size: cover; }
.progress-bar-self {width: 530px;margin: auto;padding-top: 70px;}
.progress-bar-self .node {width: 24px;height: 24px;float: left;position: relative;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer;}
.progress-bar-self .node .txt {position: absolute;font-size: 16px;top: -30px;width: 200px;text-align: center;left: 50%;margin-left: -100px;color:#fff;}
.progress-bar-self .node .core {width: 18px;height: 18px;position: absolute;top: 3px;left: 3px;border-radius: 50%;}
.progress-bar-self .node.active .core {background: #fff;}
.progress-bar-self .line {float: left;height: 2px;background: rgba(255, 255, 255, 0.5);width: 100px;margin-top: 11px;}
.history-content {max-height: 502px;min-height: 300px;color: #5F6464; overflow-y: hidden;overflow-x: hidden;}
.history-main {width: 10000px;position: absolute;}
.history-main-box {width: 384px;float: left;margin-right: 25px;}
.history-title {font-size: 24px;padding-top: 40px;line-height: 36px;padding-bottom: 8px;border-bottom: 1px solid #D8D9DC;margin-bottom: 18px;color: #2A2E2E;}
.history-main-box .li {line-height: 25px;margin-bottom: 18px;font-size: 14px;}
.history-main-box .li .hleft {float: left;width: 40px;padding-right: 10px;text-align: right;}
.history-main-box .li .hright {width: 320px;float: left;}
.history-content .mod-con {position: relative;}

.bg-contact{margin-left:auto; margin-right: auto;padding-top:60px; min-width:1200px; background:url("../images/788602ba_cont_bg.jpg") no-repeat;height:642px; background-position: center center; background-size: cover; }
.m-listbanner{margin-left:auto; margin-right: auto;padding-top:60px; min-width:1200px; background:url("../images/d5100aec_banner_type.png") no-repeat;height:240px; background-position: center center; background-size: cover; }
.m-listbanner .m-tit{margin-left:auto; margin-right: auto; width:1200px; padding-top:64px; font-size:36px; font-weight: bold; color:#fff; box-sizing: border-box;}
.m-recrbanner{margin-left:auto; margin-right: auto;padding-top:60px; min-width:1200px; background:url("../images/8516779b_banner_accept.png") no-repeat;height:240px; background-position: center center; background-size: cover; }
.m-recrbanner .m-tit{margin-left:auto; margin-right: auto; width:1200px; padding-top:64px; font-size:36px; font-weight: bold; color:#fff; box-sizing: border-box;}
.m-compbanner{margin-left:auto; margin-right: auto;padding-top:60px; min-width:1200px; background:url("../images/f107bc2f_banner_comp.png") no-repeat;height:240px; background-position: center center; background-size: cover; }
.m-compbanner .m-tit{margin-left:auto; margin-right: auto; width:1200px; padding-top:64px; font-size:36px; font-weight: bold; color:#fff; box-sizing: border-box;}
.m-artbox{ padding-top:48px;width:1000px; line-height: 24px; font-size:15px;}
.m-artbox.category-info{ padding-top:0px;}
.m-artbox img{display:inline-block;padding:36px 0; max-width: 900px; vertical-align: middle; }
.m-artbox p{word-break:break-all;}

.no-img{ min-height: 600px; text-align: center; padding-top:300px;}
.no-img p{margin-top:20px; text-align: center;font-size:14px;color: #666;}
.m-form{padding:24px 0;}
.m-formleft{float:left;}
.m-formleft .m-selbox,.m-formleft .m-inpbox{float:left;margin-right:20px;width:320px;}
.m-formleft .m-selbox .m-selcet{padding:9px 6px 8px 6px;width:308px;border:1px solid #ddd; border-radius: 4px;}
.m-formleft .m-selbox .m-selcet select{ border:0;width:100%; color: #333;font-size:15px;}
.m-formleft .m-inpbox input{padding:9px 6px;width:308px;border:1px solid #ddd; border-radius: 4px;font-size:15px;}
.m-formleft .m-searbtn{float:left;margin-right:20px;}
.m-formleft .m-searbtn a{display:block; padding:8px 30px;line-height: 24px; background: linear-gradient(295deg, #0082ED 0%, #41C3FF 100%); border-radius: 4px;font-size:16px;color:#fff;text-decoration: none}
.m-recruitbtn{float:right;}
.m-recruitbtn a{display:block; padding:8px 24px;line-height: 24px;background: linear-gradient(295deg, #0082ED 0%, #41C3FF 100%); border-radius: 4px;font-size:16px;color:#fff;text-decoration: none}
.m-formleft .m-searbtn a:hover,.m-recruitbtn a:hover{background: linear-gradient(295deg, #41C3FF 0%, #0082ED 100%);}
.m-relist{ padding:6px 0 10px 0;}
.m-relist li{padding: 24px 24px 36px 24px;margin-bottom:20px;background: #fff; border-radius: 8px;box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 0.35);}
.m-relist li:hover{box-shadow: 0px 0px 8px 0px rgba(0, 130, 237, 0.25);}
.m-relist li:last-child{ margin-bottom:0;}
.m-relinfo { padding-top:16px;}
.m-relinfo.short{padding-top:4px;}
.m-relinfo span{ font-size:14px; color: #666;}
.m-relinfo span::after{content: ' |';font-size: 14px;margin: 0 8px;color: #eee;    }
.m-relinfo span:last-child::after {content: '';}
.m-relname{float:left;max-width: 600px;line-height: 40px; font-size:20px; font-weight: bold; color: #333;}
.m-relmon{float:left;padding-left:10px;line-height: 40px; color: #FF3D17;font-size:18px; font-weight: bold;}
.m-sendbtn{ float:right;}
.m-sendbtn a {display:block; padding:8px 24px;background: rgba(0, 130, 237, 0.1); border-radius: 4px;font-size:14px;color:#0082ED;text-decoration: none }

.m-infobox{margin-top:24px; padding:64px 60px;background: #fff; border-radius: 8px;box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 0.35);}
.m-resmbtn{display:inline-block; padding:12px 64px;background: linear-gradient(295deg, #0082ED 0%, #41C3FF 100%)!important; border-radius: 4px;font-size:16px;color:#fff!important;text-decoration: none!important;}
.m-resmbtn:hover{background: linear-gradient(295deg, #41C3FF 0%, #0082ED 100%)!important;text-decoration: none!important;}

.u-label{ float:left;line-height: 41px; text-align: right; font-size:15px; color: #666;}
.u-input{ padding-left:10px; float:left; width:500px;}
.u-input input{padding:9px 6px;width:100%;border:1px solid #ddd; border-radius: 4px;font-size:15px;}
.u-terea{float:left; width:600px;}
.u-terea textarea{ border:1px solid #ddd;padding:10px;width:580px;height:200px; font-size:15px;border-radius: 4px;}/*section-vxn09d0*/
.u-addimg{ position: relative;float:left;}
.u-addimg input[type="file"]{opacity: 0 ;width:360px; height:240px;}
.u-addimg .u-file{position: absolute; left:10px; top:0px;width:360px; height:240px; line-height: 240px; text-align: center;border-radius: 4px;}
.u-addimg .u-img{position: relative;float:left; margin-left:10px;width:360px; max-height:240px;}
.u-addimg .u-img img{width:360px; line-height: 240px; max-height:240px;}
.u-addimg .u-img .u-close{  position: absolute; right:-10px ;top:-10px; background: #fff;width:30px; height:30px;border-radius: 15px; box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 0.35);}
/*分页*/
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li {display: inline;}
.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: 6px;line-height: 1.42857143;color: #666;text-decoration: none;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index: 2;color: #0082ED;background-color: #eee;border-color: #ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #0082ED;border-color: #0082ED;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color: #666;cursor: not-allowed;background-color: #fff;border-color: #ddd;}


.m-customer {
    margin-left: -20px;
}

.m-customer li {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    padding: 24px 24px 36px 24px;
    width: 542px;
    background: #fff;
    border-radius: 8px;
}

.m-customer li .m-logo {
    float: left;
    width: 88px;
    height: 88px;
}

.m-customer li .m-logo img {
    width: 88px;
    height: 88px;
}

.m-customer li .m-job {
    float: left;
    margin-left: 20px;
}

.m-customer li .m-job .m-jobtittle {
    line-height: 28px;
}

.m-customer li .m-job .m-jobtittle .u-job {
    float: left;
    font-size: 20px;
    font-weight: bold;
    width: 260px;
}

.m-customer li .m-job .m-jobtittle .u-mon {
    float: left;
    width: 160px;
    font-size: 20px;
    font-weight: bold;
    color: #FF3D17;
    text-align: right
}

.m-customer li .m-job .m-com {
    padding-top: 8px;
    width: 100%;
    font-size: 14px;
    color: #666;
}

.main-banner-item {
    width: 100%;
    height: 482px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}