@charset "utf-8";
/* CSS Document */
/*基本设置*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,ol{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
img{border:none}
ul,ul li,ol,ol li,menu li{list-style:none;}
a,a:visited,a:active{ color:#525252; text-decoration:none;}
body{ margin:0px; padding:0px; font-size:12px; color:#4D4D4D; font-family:"微软雅黑";}
a,a:visited,a:hover,a:active{text-decoration:none;}
address, em, i {
    font-style: normal;
}
input,select{
  box-shadow:none; /*去除阴影*/
  outline: none;/*聚焦input的蓝色边框*/
  resize: none; /*textarea 禁止拖拽*/
  border: none; /*去除边框*/
  -webkit-appearance: none;/*常用于IOS下移除原生样式*/
  -webkit-tap-highlight-color: rgba(0,0,0,0); /*点击高亮的颜色*/
}
@font-face { 
  font-family: flipfr; 
   src: url('flipfr.ttf') format('truetype'),
       url('flipfr.woff') format('woff');
} 
/*----------------------------------------------------首页---------------------------------------------------------------------*/
body{
    padding:0!important;
}

/*banner*/
.ind_banner{
    background-size: 2000px auto;
    position: relative;
    background-attachment: fixed!important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-align: center;
    top:0;
    margin: 90px 0 0 0;
}
.ind_ban1{
    background: url(../image/ind_ban1.jpg) no-repeat;
    height: 446px;
}
.ind_ban2{
    background: url(../image/ind_ban2.jpg) no-repeat;
    height: 446px;
}
.ind_ban3{
    background: url(../image/ind_ban3.jpg) no-repeat;
    height: 446px;
}
.ind_banwz{
    width:1200px;
    margin: 0 auto;
    padding-top:130px;
    height: 100%;
    text-align: left;
}
.ind_banwz .ibanwz_p1{
    font-size:40px;
    color:#293241;
    line-height: 28px;
}
.ind_banwz .ibanwz_p2{
    font-size:18px;
    color:#444951;
    line-height: 28px;
    margin: 30px 0 60px 0;
}
.ind_banwz .ibanwz_more{
    display: inline-block;
    text-align: center;
    font-size:16px;
    color:#fff;
    line-height: 28px;
    width:142px;
    height:40px;
    line-height: 40px;
    border-radius: 5px;
    background: #0294ff;
}
/*四大图标*/
.indicon_box{
    width: 100%;
    background: #fff;
    height: 150px;
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.indicon_box .icon_con{
    width: 1200px;
    height: 150px;
    margin: 0 auto;
    border-left: 1px dashed #fff;
    display: flex;
    justify-content: space-around;
}
.icon_con li{
    height: 150px;
    width:298px;
    float: left;
    border-right:2px solid #f8f9fb;
    padding:50px 16px 0 16px;
    box-sizing: border-box;
}
.icon_con li:last-child{
    border-right:none;
}
.icon_con li .iicon_left{
    width:52px;
    height:50px;
    margin: 0 30px 0 0;
    float: left;
}
.icon_con li .iicon_left img{
    width:100%;
    height: 100%;
    transition: all ease .8s;
}
.icon_con li:hover .iicon_left img{
    -webkit-transform: rotateY(180deg);   /* Safari 和 Chrome */
    -moz-transform: rotateY(180deg);  /* Firefox */
    -o-transform: rotateY(180deg);  /* Opera */
    -ms-transform: rotateY(180deg);  /* IE 9 */
    transform: rotateY(180deg);
}
.icon_con li:hover{
    background: #fafafa;
}
.icon_con li .iicon_rig{
    float: left;
}
.iicon_rig .iicon_spa1{
    font-size:18px;
    color:#323233;
    display: block;
    margin:0 0 10px 0;
}
.iicon_rig .iicon_spa2{
    font-size:14px;
    color:#585e69;
    display: block;
}
.indpro_box{
    width:100%;
}
.indpro_con{
    width:1200px;
    margin:0 auto;
}
.ipt_box{
    text-align: center;
    padding:80px 0 50px 0;
}
.ipt_box .ip_titp1{
    font-size:32px;
    color:#333333;
    margin:0 0 10px 0;
}
.ipt_box .ip_titp2{
    font-size:16px;
    color:#808080;
}
.indpro_con{
    overflow: hidden;
}
.indpro_con .ipro_ul{
    overflow: hidden;
    margin:0 -40px 80px 0;
}
.ipro_ul .ipro_li{
    float: left;
    width:374px;
    border:1px solid #e6e6e6;
    box-sizing: border-box;
    margin:0 39px 0 0;
}
.ipro_ul .ipro_li .ip_pbt{
    font-size:20px;
    color:#333333;
    height:94px;
    line-height:94px;
    text-align: center;
    background:url(../image/ind_tp6.png) no-repeat center;
}
.ipro_ul .ipro_li .ip_pbt1{
    background-position: 0 0;
    background-size:cover;
}
.ipro_li ul{
    overflow: hidden;
    height: 262px;
}
.ipro_li ul li{
    width:186px;
    float: left;
    text-align: center;
    margin:27px 0 10px 0;
}
.ipro_li ul li span{
    display: inline-block;
    width:44px;
    height: 44px;
    background:url(../image/ind_tp5.png) no-repeat center;
    transition: all ease .5s;
}  
.ipro_li ul li:hover span{
    -webkit-transform: rotateY(180deg);   /* Safari 和 Chrome */
    -moz-transform: rotateY(180deg);  /* Firefox */
    -o-transform: rotateY(180deg);  /* Opera */
    -ms-transform: rotateY(180deg);  /* IE 9 */
    transform: rotateY(180deg);
}
.ipro_li ul li p{
    font-size:14px;
    color:#666666;
    margin:16px 0 0 0;
}
.ipro_li ul li span.ip_span1{
    background-position: 0 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span2{
    background-position:-44px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span3{
    background-position:-90px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span4{
    background-position:-135px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span5{
    background-position:-180px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span6{
    background-position:-225px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span7{
    background-position:-270px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span8{
    background-position:-315px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span9{
    background-position:-360px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span10{
    background-position:-405px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span11{
    background-position:-450px 0;
    background-size:cover;
}
.ipro_li ul li span.ip_span12{
    background-position:-495px 0;
    background-size:cover;
}
.indser_box{
    width:100%;
    background:url(../image/ind_tp7.png) no-repeat center;
    height:830px;
}
.iser_wbox{
    width:1200px;
    margin:0 auto;
    position: relative;
    margin:50px 0 0 0;
}
.indser_box .iser_con{
    width:1200px;
    margin:0 auto;
    height:830px;
    background:url(../image/ind_tp8.png) no-repeat center;
    transition:all ease .5s;
}
.indser_box .iser_con:hover{
    -webkit-transform: rotateY(180deg);   /* Safari 和 Chrome */
    -moz-transform: rotateY(180deg);  /* Firefox */
    -o-transform: rotateY(180deg);  /* Opera */
    -ms-transform: rotateY(180deg);  /* IE 9 */
    transform: rotateY(180deg);
}
.iser_con .ip_titp1{
    font-size:32px;
    color:#fff;
}
.iser_con .ip_titp2{
    color:#e5e5e5;
}
.iser_w1{
    position: absolute;
    width:380px;
}
.iser_wbox .position_1{
    left:50px;
}
.iser_wbox .position_2{
    right:40px;
}
.iser_wbox .position_3{
    top:257px;
    left:50px;
}
.iser_wbox .position_4{
    right:40px;
    top:257px;
}
.iser_w1 .iser_ptit{
    font-size:16px;
    color:#fff;
    background:url(../image/ind_tp9.png) no-repeat center;
    width:80px;
    height:80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    float: right;
}
.position_2 .iser_ptit,.position_4 .iser_ptit{
    float: left;
    margin:0 20px 0 0;
}
.iser_wbox .position_2 .iser_pwz,.iser_wbox .position_4 .iser_pwz{
    float: right;
    width:260px;
}
.iser_w1 .iser_pwz{
    float: left;
    width:280px;
    margin:0 20px 0 0;
}
.iser_w1 .iser_pwz .iser_wp1{
    font-size:22px;
    color:#fff;
    margin:0 0 30px 0;
}
.iser_w1 .iser_pwz .iser_wp2{
    font-size:14px;
    color:#e5e5e5;
    margin:0 0 30px 0;
    line-height: 26px;
}
.iser_w1 .iser_pwz .text_rig{
    text-align: right;
}
.iser_w1 .iser_pwz .text_left{
    text-align:left;
}
.ifeat_ulbox{
    width:1200px;
    margin:0 auto;
}
.ifeat_ulbox .ifeat_ul{  
    margin:0 -18px 30px 0;
    overflow: hidden;
}
.ifeat_ul li{
    float: left;
    width:285px;
    height:76px;
    background-color: #fbfbfd;
    border:1px solid #f6f6f6;
    box-sizing: border-box;
    margin:0 18px 20px 0;
}
.ifeat_ul li span{
    width:27px;
    height:32px;
    background:url(../image/ind_tp10.png) no-repeat center;
    margin:20px 10px 0 12px;
    float: left;
}
.ifeat_ul li span.feat_span1{
    background-position: 0 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span2{
    width:31px;
    background-position: -27px 0;
    background-size:cover;  
}
.ifeat_ul li span.feat_span3{
    width:31px;
    background-position: -58px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span4{
    width:34px;
    background-position:-88px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span5{
    width:32px;
    background-position:-121px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span6{
    width:32px;
    background-position:-153px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span7{
    width:30px;
    background-position:-184px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span8{
    width:34px;
    background-position:-214px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span9{
    width:31px;
    background-position:-247px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span10{
    width:30px;
    background-position:-277px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span11{
    width:28px;
    background-position:-306px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span12{
    background-position:-333px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span13{
    width:27px;
    background-position:-361px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span14{
    width: 31px;
    background-position:-390px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span15{
    width:29px;
    background-position:-421px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span16{
    width:29px;
    background-position:-451px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span17{
    background-position:-481px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span18{
    width:29px;
    background-position:-509px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span19{
    background-position:-539px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span20{
    width:31px;
    background-position:-567px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span21{
    background-position:-598px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span22{
    width:31px;
    background-position:-626px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span23{
    width:30px;
    background-position:-657px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span24{
    width:31px;
    background-position:-687px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span25{
    width:29px;
    background-position:-718px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span26{
    width:30px;
    background-position:-748px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span27{
    background-position:-779px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span28{
    width:30px;
    background-position:-807px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span29{
    width:28px;
    background-position:-839px 0;
    background-size:cover;
}
.ifeat_ul li span.feat_span30{
    width:31px;
    background-position:-868px 0;
    background-size:cover;
}
.ifeat_ul li .feat_wz{
    float: left;
    margin:14px 0 0 0;
    width:224px;
}
.feat_wz .feat_wp1{
    font-size:16px;
    color:#1a1a1a;
    margin:0 0 8px 0;
}
.feat_wz .feat_wp2{
    font-size:14px;
    color:#808080;
}
.ifmore_box{
    width:1200px;
    margin:0 auto;
    text-align: center;
    padding:0 0 80px 0;
}
.ifmore_box .ifeat_more{
    margin:0 auto;
    display: inline-block;
    width:220px;
    height:44px;
    line-height:44px;
    font-size:14px;
    color:#fff;
    text-align: center;
    border-radius:50px;
    background:#0294ff;
    transition: all ease .5s;
}
.ifmore_box .ifeat_more:hover{
    background:#ef2a3b;
    box-shadow: 0 10px 20px 0 rgba(7,52,148,.2);
}
.icase_box{
    width:100%;
    background:#f9fafe;
}
.icase_box .icase_con{
    width:1200px;
    margin:0 auto;
}
.icase_tit ul{
    overflow: hidden;
    margin: 0 0 80px 0;
    text-align: center;
    width:100%;
}
.icase_tit ul li{
    display: inline-block;
    padding:0 20px;
    height:41px;
    text-align:center;
    background:#fff;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    margin:0 6px; 
    border-radius: 30px;
    transition: all ease .5s;
}
.icase_tit ul li a{
    color:#333;
    font-size:14px;
    line-height: 40px;
}
.icase_tit ul .layui-this a{
    color:#fff;
}
.icase_tit ul li:hover{
    background-color: #0294ff;
    border-radius: 50px;
    border: 1px solid #0294ff;
}
.icase_tit ul li:hover a{
    color: #fff;
}
.ics_nr ul{
    /*overflow: hidden;*/
    margin: 0 -100px 0 0;
}
.ics_nr ul li{
    float: left;
    width:333px;
    height:150px;
    border:1px solid #e6e6e6;
    border-radius:3px;
    box-sizing: border-box;
    position:relative;
    margin: 0 100px 40px 0;
    transition: all ease .5s;
}
.ics_nr ul li:hover{
    box-shadow: 0 14px 30px 0 rgba(100,129,151,.25);
}
.ics_nr ul li .iwz_logo{
    width:72px;
    height:72px;
    border-radius: 50%;
    background:url(../image/ind_tp12.png) no-repeat center;
    position: absolute;
    top:123px;
    left:20px;
    transition: all ease .5s;
    z-index: 1;
}
.ics_nr ul li:hover .iwz_logo{
    box-shadow: 0 10px 10px 0 rgba(48,48,48,.2);
}
.ics_nr ul li .iwz_logo1{
    background-size:cover;
    background-position:-147px 0;
}
.ics_nr ul li .iwz_logo2{
    background-size:cover;
    background-position:-74px 0;
}
.ics_nr ul li .iwz_logo3{
    background-size:cover;
    background-position:-366px 0;
}
.ics_nr ul li .iwz_logo4{
    background-size:cover;
    background-position:-292px 0;
}
.ics_nr ul li .iwz_logo5{
    background-size:cover;
    background-position:-219px 0;
}
.ics_nr ul li .iwz_logo6{
    background-size:cover;
    background-position:0 0;
}
.ics_nr ul li .ics_itp{
    width:333px;
    height:161px;
    overflow: hidden;
}
.ics_nr ul li .ics_itp img{
    width:100%;
    height: 100%;
    -webkit-transition: -webkit-transform 3s;
    transition: -webkit-transform 3s;
    transition: transform 3s;
    will-change: transform;
    transition: transform 3s,-webkit-transform 3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ics_nr ul li:hover .ics_itp img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.ics_nr ul li .ics_itp2{
    background-size:cover;
    background-position:-677px 0;
}
.ics_nr ul li .ics_itp3{
    background-size:cover;
    background-position:-1696px 0;
}
.ics_nr ul li .ics_itp4{
    background-size:cover;
    background-position:-1358px 0;
}
.ics_nr ul li .ics_itp5{
    background-size:cover;
    background-position:-1015px 0;
}
.ics_nr ul li .ics_itp6{
    background-size:cover;
    background-position:-338px 0;
}
.ics_nr ul li .ics_iwz{
    background: #fff;
    height: 148px;
    padding: 0 20px;
    display: inline-block;
}
.ics_iwz .iwz_ptit{
    font-size:18px;
    color:#333333;
    margin:26px 0 6px 0;
}
.ics_iwz .icwz_p1{
    font-size:14px;
    color:#666;
    line-height: 22px;
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:2;
    overflow: hidden; 
    height: 44px;
}
.ics_iwz .icwz_p2{
    font-size:14px;
    color:#999;
}
.icase_con .layui-tab-content{
    padding:0;
}
.icase_tit .layui-tab-title .layui-this{
    background-color: #0294ff;
    color:#fff;
    border-radius: 50px;
    border:1px solid #0294ff;
}
.icase_tit .layui-tab-title .layui-this:after{
    border-style:none;
}
.icase_tit .layui-tab-title{
    border:none;
    height: 41px;
}
.iabou_box{
    width:100%;
    height:600px;
    background: url(../image/ind_tp13.jpg) no-repeat center;
}
.iabou_con{
    width:1200px;
    margin:0 auto;
}
.iabou_con .iabou_wz{
    background: #fff;
    margin:132px 0 0 0;
    display: inline-block;
    width:100%;
    height: 337px;
    text-align: center;
}
.iabou_wz .iab_tit{
    font-size:48px;
    color:#333;
    margin: 52px 0 4px 0;
}
.iabou_wz .iab_p1{
    font-size:24px;
    color:#333;
    margin:0 0 40px 0;
}
.iabou_wz .iab_p2{
    font-size:16px;
    color:#666;
    margin: 0 20px 30px 20px;
}
.itaoc_box{
    width:100%;
    background: #fff;
}
.itaoc_box .itaoc_con{
    width:1200px;
    margin: 0 auto;
    position: relative;
}
.itaoc_box .itaoc_con ul{
    margin: 0 -16px 0 0;
    padding:0 0 50px 0;
}
.itaoc_con .bd-intro-list{
    height: auto;
}
.itaoc_box .bd-intro-list .active{
    width:36%;
    box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);
    border:1px solid #f6f6f6;
}
.itaoc_box .itaoc_con ul li{
    position: relative;
    border:1px solid #f2f2f2;
    box-sizing: border-box;
    width:32%;
    height: 539px;
    float: left;
    text-align: center;
    transition: all .5s cubic-bezier(.6,.4,.2,1),z-index 0s .12s;
}
.itaoc_box .itaoc_con ul li .itaoc_bj{
    width:100%;
    height:208px;
    top: 0;
    position: relative;
    text-align: center;
}
.itaoc_box .bd-intro-list .active .itaoc_bj{
    top: -15px;
    height: 240px;
}
.itaoc_con ul li .itaoc_bj1{
    background:url(../image/ind_tp14.jpg) no-repeat center;
    background-size:cover;
}
.itaoc_con ul li .itaoc_bj2{
    background:url(../image/ind_tp15.jpg) no-repeat center;
    background-size:cover;
}
.itaoc_con ul li .itaoc_bj3{
    background:url(../image/ind_tp16.jpg) no-repeat center;
    background-size:cover;
}
.itaoc_bj .itaoc_p1{
    font-size:18px;
    color:#ffffff;
    padding: 36px 0 0 0;
}
.itaoc_bj .itaoc_p2{
    font-size:60px;
    color:#ffffff;
    font-weight: bold;
}
.itaoc_bj .itaoc_p2 span{
    font-size:18px;
    color:#fff;
    font-weight:normal;
}
.itaoc_bj .itaoc_p3{
    font-size:14px;
    color:#fff;
}
.bd-intro-list .active .itaox_con{
    height:298px;
}
.itaox_con{
    position: absolute;
    top: 252px;
    width: 100%;
    background: #fff;
    border-top: 0;
}
.itaox_con .itaoc_p4{
    font-size:14px;
    color:#333;
    line-height: 30px;
}
.iyzdb_box{
    width:100%;
    height:676px;
    background: url(../image/ind_tp17.jpg) no-repeat center;
}
.iyzdb_box .iyzdb_con{
    width:1200px;
    margin: 0 auto;
}
.iyzdb_con .ipt_box .ip_titp1{
    color:#fff;
}
.iyzdb_con .ipt_box .ip_titp2{
    color:#e5e5e5;
}
.iyzdb_ul{
    overflow: hidden;
}
.iyzdb_ul li{
    float: left;
    width: 300px;
    height: 379px;
    text-align: center;
    position: relative;
}
.iyzdb_ul li .ydb_xs{
    position: absolute;
    top:120px;
    left:0;
    right: 0;
    transition: all ease .5s;
    margin: auto;
    z-index: 2;
}
.iyzdb_ul li:hover .ydb_xs{
    top:50px;
}
.iyzdb_ul li .ydb_xs .ydb_span{
    background: url(../image/ind_tp18.png) no-repeat center;
    height:58px;
    display: inline-block;
}
.iyzdb_ul li .ydb_xs .ydb_span1{
    width:45px;
    background-position: 0 0;
}
.iyzdb_ul li .ydb_xs .ydb_span2{
    width:51px;
    background-position: -45px 0;
}
.iyzdb_ul li .ydb_xs .ydb_span3{
    width:57px;
    background-position: -97px 0;
}
.iyzdb_ul li .ydb_xs .ydb_span4{
    width:57px;
    background-position: -155px 0;
}
.iyzdb_ul li .ydb_xs i{
    display:block;
    width:31px;
    height:2px;
    background: #ef2a3b;
    margin:32px auto;
}
.iyzdb_ul li .ydb_xs .dbxs_p1{
    font-size:18px;
    color:#fff;
    line-height: 32px;
}
.iyzdb_ul li .ydb_yc{
    position: absolute;
    top:400px;
    left:0;
    right: 0;
    margin: auto;
    z-index: 2;
    transition: all ease .5s;
}
.iyzdb_ul li:hover .ydb_yc{
    top:272px;
    height: auto;
}
.iyzdb_ul li .ydb_yc a{
    display:inline-block;
    font-size:14px;
    width:112px;
    height: 38px;
    background: #ef2a3b;
    line-height: 38px;
    text-align: center;
    color:#fff;
}
.iyzdb_ul li .ydb_bj{
    transition: all ease .5s;
}
.iyzdb_ul li:hover .ydb_bj{
    height: 100%;
    width: 100%;
    opacity: .6;
    z-index: 1;
    background: -webkit-linear-gradient(#1f2846,#131733);
    background: -o-linear-gradient(#1f2846,#131733);
    background: -moz-linear-gradient(#1f2846,#131733);
    background: linear-gradient(#1f2846,#131733);
}
.iyzs_fwb{
    width:100%;
    background: #fff;
}
.iyzs_fwb .iyzs_fwc{
    width:1200px;
    margin:0 auto;
}
.iyzs_fwb .iyzs_fwc .iyzs_ul{
    overflow: hidden;
    margin: 0 0 80px 0;
}
.iyzs_fwb .iyzs_fwc .iyzs_ul li{
    width:240px;
    text-align:center;
    float: left;
}
.iyzs_ul li .yzsu_span{
    display: inline-block;
    margin: 20px 0 46px 0;
    position: relative;
    width:80px;
    height: 80px;
    border-radius: 50%;
}
.iyzs_ul li .yzsu_span1{ 
    background: #fcecec;
}
.iyzs_ul li .yzsu_span2{ 
    background: #ebf1ff;
}
.iyzs_ul li .yzsu_span3{ 
    background: #e5f9f7;
}
.iyzs_ul li .yzsu_span4{ 
    background: #ffedeb;
}
.iyzs_ul li .yzsu_span5{ 
    background: #fefae7;
}
.iyzs_ul li .yzsu_span i{
    display: inline-block;
    background:url(../image/ind_tp19_1.png) no-repeat center;
    position: absolute;
    top:60px;
    left: 16px;
    height:47px;
    transition: all ease .5s;
}
.iyzs_ul li .yzsu_span1 i{
    width:45px;
    background-position:0 0;
}
.iyzs_ul li .yzsu_span2 i{
    width:44px;
    background-position:-45px 0;
}
.iyzs_ul li .yzsu_span3 i{
    width:44px;
    background-position:-89px 0;
    left: 17px;
}
.iyzs_ul li .yzsu_span4 i{
    width:42px;
    background-position:-135px 0;
    left: 19px;
}
.iyzs_ul li .yzsu_span5 i{
    width:44px;
    background-position:-177px 0;
    left:22px;
}
.iyzs_ul li:hover .yzsu_span i{
    top:20px;
}
.iyzs_ul li .yzsu_span2{
    background-position:-81px 0;
}
.iyzs_ul li .yzsu_span3{
    background-position:-162px 0;
}
.iyzs_ul li .yzsu_span4{
    background-position:-243px 0;
}
.iyzs_ul li .yzsu_span5{
    background-position:-324px 0;
}
.iyzs_ul li .yzsu_p1{
    font-size:16px;
    color:#666;
    line-height: 30px;
}
.idig_box{
    width:100%;
    height:184px;
    background: url(../image/ind_tp20.jpg) no-repeat center;
}
.idig_box .idig_con{
    width:1200px;
    margin: 0 auto;
}
.idig_box .idig_con ul{
    display: inline-block;
    overflow: hidden;
    margin:50px 0 0 0;
}
.idig_box .idig_con ul li{
    float:left;
    width:240px;
    text-align: center;
}
.idig_box .idig_con ul li .idig_p1{
    font-size:40px;
    color:#fff;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.idig_con ul li .idig_p1 span{
    font-size:16px;
    font-weight: normal;
} 
.idig_con ul li .idig_p2{
    font-size:16px;
    color:#fff;
}
.inew_box{
    width:100%;
    background: #fff;
}
.inew_box .inew_con{
    width:1200px;
    margin: 0 auto;
}
.inew_con .inew_ul{
    overflow: hidden;
    margin: 0 0 20px 0;
}
.inew_con .inew_ul li{
    float: left;
    width:600px;
    margin: 0 0 30px 0;
}
.inew_ul li .inew_img{
    width:220px;
    height:130px;
    float: left;
    margin: 0 20px 0 0;
    overflow: hidden;
}
.inew_ul li .inew_img img{
    width:100%;
    height: 100%;
    -webkit-transition: -webkit-transform 3s;
    transition: -webkit-transform 3s;
    transition: transform 3s;
    will-change: transform;
    transition: transform 3s,-webkit-transform 3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.inew_ul li:hover .inew_img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.inew_ul li .inew_con{
    width:460px;
    height: 130px;
}
.inew_ul li .inew_con .inew_p1{
    font-size:18px;
    color:#1a1a1a;
    margin: 6px 0 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:1;
    overflow: hidden; 
}
.inew_ul li .inew_con .inew_p2{
    font-size:14px;
    color:#666;
    margin: 0 0 10px 0;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:2;
    overflow: hidden; 
}
.inew_ul li .inew_con .inew_p3{
    font-size:14px;
    color:#ccc;
    margin: 0 0 10px 0;
}
.inew_con .inew_p3 span{
    width:14px;
    height:14px;
    display:inline-block;
    background: url(../image/ind_tp24.png) no-repeat center;
    vertical-align: -2px;
    margin: 0 4px 0 0;
}
.ity_box{
    width:100%;
    height:287px;
    background:url(../image/ind_tp25.png) no-repeat center;
}
.ity_box .ity_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.ity_box .ity_con .ity_p1{
    font-size:40px;
    color:#fff;
    padding: 70px 0 0 0;
    margin: 0 0 58px 0;
}
.ity_box .ity_con .ity_aty{
    display: inline-block;
    width:161px;
    height:49px;
    line-height: 49px;
    background: #fff;
    font-size:18px;
    color:#333333;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 10px 10px 0 rgba(48,48,48,.2);
}
/*---------------------------------内页-有赞微商城------------------------------------*/
.page_ban{
    /*height:300px;*/
    overflow: hidden;
    color:#fff;
    text-align: center;
    background: url(../image/page_ban1.jpg) no-repeat 50%;
    background-size:100% 446px;
}
.page_ban h1{
    display:block;
    font-size:40px;
    color:#fff;
    margin: 130px 0 20px 0;
}
.page_ban p{
    display:block;
    font-size:18px;
    color:#fff;
}
.page_ban .pban_more{
    display: inline-block;
    width: 160px;
    height: 39px;
    line-height: 39px;
    background: #fff;
    border-radius: 5px;
    font-size:16px;
    color:#ff5b47;
    margin: 35px 0 0 0;
}
.wsc_box{
    width:100%;
}
.wsc_box .wsc_tit{
    width:1200px;
    text-align: center;
    display: block;
    font-size:28px;
    color:#333;
    margin: 80px auto 0 auto;
}
.wsc_box .wsc_blo{
    width:100%;
    height: 442px;
    background: #fff;
}
.wsc_con{
    width:1200px;
    height: 442px;
    margin: 0 auto;
    overflow:hidden;    
}
.wsc_con .wsc_wz_box{
    width:442px;
    margin: 0 50px 0 50px;
}
.wsc_con .wsc_wz_box .wle_p1{
    font-size:28px;
    color:#333;
    margin:146px 0 20px 0;
}
.wsc_con .wsc_wz_box .wle_p2{
    font-size:18px;
    color:#666;
    line-height: 24px;
}
.wsc_con .wsc_left{
    float: left;
}
.wsc_con .wsc_rig{
    float:right;
}
.wsc_con .wsc_tp_box{
    width:570px;
    height:378px;
    margin: 40px 0 0 0;
}
.wsc_con .wsc_tp_box img{
    width:100%;
    height:100%;
}
.wsc_box .wsc_blo2{
    background:url(../image/wsc_8.png) no-repeat center;
}
.wsc_box .wsc_blo4{
    background:url(../image/wsc_9.png) no-repeat center;
}
.wsc_box .wsc_blo6{
    background:#f5f5f5;
    height:310px;
}
.wsc_con ul{
    overflow: hidden;
    margin: 84px 0 0 0;
}
.wsc_con ul li{
    float: left;
    width:360px;
    padding:0 0 0 40px;
}
.wsc_con ul li .wb6_span{
    display:inline-block;
    height:44px;
    background:url(../image/wsc_6.png) no-repeat center;
    background-size: cover;
    margin: 0 0 30px 0;
}
.wsc_con ul li .wb6_span1{
    width:40px;
    background-position: 0 0;
}
.wsc_con ul li .wb6_span2{
    width:51px;
    background-position: -40px 0;
}
.wsc_con ul li .wb6_span3{
    width:49px;
    background-position: -90px 0;
}
.wsc_con ul li .b6_p1{
    font-size:18px;
    color:#333;
    margin:0 0 16px 0;
}
.wsc_con ul li .b6_p2{
    font-size:14px;
    color:#666;
    line-height: 24px;
}
.wsc_blo7{
    width:100%;
    background: #fff;
}
.wsc_blo7 .wsc_titp{
    width:1200px;
    margin: 0 auto;
    font-size:28px;
    color:#333;
    padding:80px 0 30px 0;
    text-align: center;
}
.wsc_blo7 .scheme-content{
    background: #fff;
}
.wsc_blo7 .scheme-content-position{
    width:1200px;
    left:50%;
    margin-left:-600px;
}
.scheme-content-position .scheme-content-img{
    width:940px;
}
.wsc_blo7 .scheme-content-div{
    left:38px;
}
.wsc_lbwz{
    position: absolute;
    width:640px;
    height: 372px;
    margin-left:30px;
    margin-top:40px;
}
.wsc_lbwz .lbwz_p1{
    font-size:16px;
    color:#fff;
    line-height:34px;
}
.wsc_lbwz ul{
    overflow: hidden;
    padding:0 0 30px 0;
    border-bottom:1px solid rgba(255,255,255,0.3);
    margin: 30px 0 30px 0;
}
.wsc_lbwz ul li{
    width:210px;
    float: left;
}
.wsc_lbwz ul li .lbwz_p2{
    font-size:36px;
    color:#fff;
    margin: 0 0 14px 0;
}
.wsc_lbwz ul li .lbwz_p3{
    font-size:16px;
    color:#fff;
}
.wsc_lbwz .lbwz_p4{
    font-size:14px;
    color:#fff;
    line-height: 28px;
}
.lbwz_logo{
    position: absolute;
    display: inline-block;
    right:0;
    margin: 10px 0 0 0;
}
.lbwz_logo .lblogo_span{
    width:40px;
    height:40px;
    border-radius: 50px;
    display: inline-block;
    background:url(../image/wsc_10.png) no-repeat;
    background-size:cover;
    margin: 0 10px 0 0;
    float: left;
}
.lbwz_logo .lblogo_span1{
    background-position:0 0;
}
.lbwz_logo .lblogo_span2{
    background-position:-44px 0;
}
.lbwz_logo .lblogo_span3{
    background-position:-90px 0;
}
.lbwz_logo .lblogo_span4{
    background-position:-138px 0;
}
.lbwz_logo .lblogo_span5{
    background-position:-182px 0;
}
.lbwz_logo .lblogo_span6{
    background-position:-224px 0;
}
.lbwz_logo .lblogo_span7{
    background-position:-268px 0;
}
.lbwz_logo .lblogo_p1{
    font-size:14px;
    color:#fff;
    float: left;
    line-height: 40px;
}
.wsc_box .wsc_blo8{
    width:100%;
    background:#f5f5f5;
    margin: 60px 0 0 0;
}
.wsc8_con{
    width:1200px;
    margin: 0 auto;
}
.wsc8_con .blo8_tit{
    font-size:28px;
    color:#333;
    padding:80px 0 70px 0;
    text-align: center;
}
.wsc8_con ul{
    overflow: hidden;
}
.wsc8_con ul li{
    float: left;
    width:240px;
    text-align: center;
}
.wsc8_con ul li .blo8_span{
    width: 120px;
    height: 120px;
    display: inline-block;
    border-radius: 50%;
    background: url(../image/wsc_17.png) no-repeat center;
}
.wsc8_con ul li .blo8_span1{
    background-position: 0 0;
}
.wsc8_con ul li .blo8_span2{
    background-position:-121px 0;
}
.wsc8_con ul li .blo8_span3{
    background-position:-242px 0;
}
.wsc8_con ul li .blo8_span4{
    background-position:-363px 0;
}
.wsc8_con ul li .blo8_p1{
    font-size:18px;
    color:#333;
    margin: 24px 0 10px 0;
    transition:all ease .5s;
}
.wsc8_con ul li:hover .blo8_p1{
    color:#dc5f51;
}
.wsc8_con ul li .blo8_p2{
    font-size:14px;
    color:#999999;
}
.wsc_box .wsc_blo9{
    background: #fff;
    height:660px;
}
.wsc_blo9 .wsc9_con{
    width:1200px;
    margin: 0 auto;
}
.wsc9_con .blo9_tit{
    font-size:28px;
    color:#333;
    padding:80px 0 70px 0;
    text-align: center;
}
.wsc9_con ul{
    overflow: hidden;
}
.wsc9_con ul li{
    float: left;
    margin: 0 39px 30px 39px;
    width:162px;
    height:78px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    text-align: center;
}
.wsc9_con ul li .blo9_span{
    display: inline-block;
    width:80px;
    height:76px;
    background:url(../image/wsc_18.png) no-repeat center;
}   
.wsc9_con ul li .blo9_span1{
    background-position: 12px 0;
}
.wsc9_con ul li .blo9_span2{
    background-position: -84px 0;
}
.wsc9_con ul li .blo9_span3{
    background-position: -168px 0;
}
.wsc9_con ul li .blo9_span4{
    background-position: -256px 0;
}
.wsc9_con ul li .blo9_span5{
    background-position: -341px 0;
}
.wsc9_con ul li .blo9_span6{
    background-position: -426px 0;
}
.wsc9_con ul li .blo9_span7{
    background-position: -512px 0;
}
.wsc9_con ul li .blo9_span8{
    background-position:-2px -88px;
}
.wsc9_con ul li .blo9_span9{
    background-position: -84px -88px
}
.wsc9_con ul li .blo9_span10{
    background-position: -168px -88px;
}
.wsc9_con ul li .blo9_span11{
    background-position: -256px -88px;
}
.wsc9_con ul li .blo9_span12{
    background-position: -341px -88px;
}
.wsc9_con ul li .blo9_span13{
    background-position: -426px -88px;
}
.wsc9_con ul li .blo9_span14{
    background-position: -512px -88px;
}
.wsc9_con ul li .blo9_span15{
    background-position:-2px -173px;
}
.wsc9_con ul li .blo9_span16{
    background-position: -84px -173px;
}
.wsc9_con ul li .blo9_span17{
    background-position: -168px -173px;
}
.wsc9_con ul li .blo9_span18{
    background-position: -256px -173px;
}
.wsc9_con ul li .blo9_span19{
    background-position: -341px -173px;
}
.wsc9_con ul li .blo9_span20{
    background-position: -426px -173px;
}
.wsc_box .wsc_blo10{
    background: #f5f5f5;
    width:100%;
}
.wsc_blo10 .wsc10_con{
    width:1200px;
    height:361px;
    margin: 0 auto;
}
.wsc10_con .blo10_tit{
    font-size:28px;
    color:#333;
    padding:80px 0 70px 0;
    text-align: center;
}
.wsc10_con ul{
    overflow: hidden;
}
.wsc10_con ul li{
    float: left;
    width:240px;
    text-align: center;
}
.wsc10_con ul li .blo10_p1{
    font-size:44px;
    color:#f11f0f;
    margin: 0 0 38px 0;
}
.wsc10_con ul li .blo10_p2{
    font-size:18px;
    color:#666666;
}
/*--------------------------------------------内页-有赞美业------------------------------- */
.page_ban2{
    background: url(../image/page_ban2.jpg) no-repeat 50%;
}
.page_ban2 .pban_con{
    width:1200px;
    margin: 0 auto;
    text-align: left;
}
.page_ban .pban_con a{
    background: #e34971;
    color:#fff;
    text-align: center;
}
.my_box1{
    width:100%;
    background: #fff;
}
.my_con1{
    width:1200px;
    margin: 0 auto;
    height:480px;
    text-align: center;
}
.my_con1 .my1_tit1{
    display: inline-block;
    font-size:28px;
    color:#333;
    margin: 80px 0 28px 0;
}
.my_con1 .my1_tit2{
    font-size:18px;
    color:#808080;
}
.my_con1 ul{
    overflow: hidden;
    margin: 80px 0 0 0;
}
.my_con1 ul li{
    float: left;
    width:171px;
    text-align: center;
}
.my_con1 ul li .my1_span{
    width:110px;
    height:110px;
    border-radius: 50%;
    display: inline-block;
    background: url(../image/yz_my_1.png) no-repeat center;
    transition:all ease .5s;
}
.my_con1 ul li:hover .my1_span{
    box-shadow: 0 10px 20px 0 rgba(7,52,148,.2);
}
.my_con1 ul li .my1_span1{
    background-position: 0 0;
}
.my_con1 ul li .my1_span2{
    background-position:-112px 0;
}
.my_con1 ul li .my1_span3{
    background-position:-224px 0;
}
.my_con1 ul li .my1_span4{
    background-position:-336px 0;
}
.my_con1 ul li .my1_span5{
    background-position:-448px 0;
}
.my_con1 ul li .my1_span6{
    background-position:-560px 0;
}
.my_con1 ul li .my1_span7{
    background-position:-672px 0;
}
.my_con1 ul li .my1_p1{
    font-size:16px;
    color:#666;
    margin: 20px 0 0 0;
}
.my_box2{
    width:100%;
}
.my_box2 .my_con2{
    background: #fafafa;
}
.my_box2 .my_con2 ul{
    overflow: hidden;
    width:1200px;
    margin: 0 auto;
    padding:80px 0;
    height: 529px;
}
.my_box2 .my_con2 ul .my2_left{
    float: left;
}
.my_box2 .my_con2 ul .my2_right{
    float: right;
}
.my2_wz{
    width:420px;
    margin: 0 180px 0 0;
}
.my2_wz .my2_p1{
    display: inline-block;
    font-size:16px;
    color:#f11f0f;
    background:#fcf1f0;
    line-height:34px;
    border-radius: 50px;
    padding:0 26px;
}
.my2_wz .my2_p2{
    font-size:28px;
    color:#333333;
    margin: 32px 0 30px 0;
}
.my2_wz .my2_p3{
    font-size:14px;
    color:#666666;
    line-height:36px; 
}
.my2_wz .my2_tb{
    overflow: hidden;
    margin: 50px 0 0 0;
}
.my2_wz .my2_tb span{
    margin: 0 46px 0 0;
    width:90px;
    height:90px;
    display: inline-block;
    background: url(../image/yz_my_2.png) no-repeat center;
}
.my2_wz .my2_tb span.my2_s1{
    background-position: 0 0;
}
.my2_wz .my2_tb span.my2_s2{
    background-position: -92px 0;
}
.my2_wz .my2_tb span.my2_s2{
    background-position: -184px 0;
}
.my_box2 .my_con2 ul .my2_img img{
    width:100%;
    height: 100%;
}
.my_box2 .my_con3{
    background: #fff;
}
.my2_tb{
    overflow: hidden;
}
.my2_tb .my2_li{
    float: left;
    margin: 0 20px 0 0;
}
.my2_tb .my2_li .my2tb_img{
    float: left;
    width:100px;
    height:100px;
    margin: 0 5px 0 0;
}
.my2_tb .my2_li .my2tb_img img{
    width:100%;
    height: 100%;
}
.my2_tb .my2_li .my2tb_wz{
    float: left;
}
.my2_li .my2tb_wz .my2tb_p1{
    font-size:14px;
    color:#999;
    line-height: 26px;
}
.my2_li .my2tb_wz .my2tb_p2{
    font-size:14px;
    color:#333;
    line-height: 26px;
}
.my_con4{
    height: 512px;
}
.my_box2 .my_con5{
    height:480px; 
    background: #fff;
}
.my_con5 ul .my5_wz{
    margin: 40px 180px 0 0;
}
.my_box3{
    width:100%;
    background: url(../image/yz_my_8.png) no-repeat center;
    height:909px;
}
.my_box3 .my_con6{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.my_box3 .my_con6 .my6_tit{
    font-size:30px;
    color:#fff;
    margin: 80px 0 0 0;
    display: inline-block;
}
.my_box3 .my_con6 ul{
    overflow: hidden;
    margin: 30px 0 0 0;
}
.my_box3 .my_con6 ul li{
    float:left;
    width:300px;
    margin: 0 0 40px 0;
    padding:30px 0;
    transition:all ease .5s;
}
.my_box3 .my_con6 ul li:hover{
    background: rgba(2,155,202,.2);
}
.my_box3 .my_con6 ul li .my6_span{
    height: 44px;
    display: inline-block;
    background: url(../image/yz_my_9.png) no-repeat center;
    margin: 0 0 20px 0;
}
.my_box3 .my_con6 ul li .my6_span1{
    width:34px;
    background-position: 0 0 ;
}
.my_box3 .my_con6 ul li .my6_span2{
    width:44px;
    background-position:-36px 0 ;
}
.my_box3 .my_con6 ul li .my6_span3{
    width:36px;
    background-position:-82px 0 ;
}
.my_box3 .my_con6 ul li .my6_span4{
    width:44px;
    background-position:-117px 0 ;
}
.my_box3 .my_con6 ul li .my6_span5{
    width:41px;
    background-position:-162px 0 ;
}
.my_box3 .my_con6 ul li .my6_span6{
    width:39px;
    background-position:-202px 0 ;
}
.my_box3 .my_con6 ul li .my6_span7{
    width:42px;
    background-position:-240px 0 ;
}
.my_box3 .my_con6 ul li .my6_span8{
    width:43px;
    background-position:-283px 0 ;
}
.my_box3 .my_con6 ul li .my6_span9{
    width:45px;
    background-position:-326px 0 ;
}
.my_box3 .my_con6 ul li .my6_span10{
    width:44px;
    background-position:-372px 0 ;
}
.my_box3 .my_con6 ul li .my6_span11{
    width:39px;
    background-position:-416px 0 ;
}
.my_box3 .my_con6 ul li .my6_span12{
    width:43px;
    background-position:-455px 0 ;
}
.my_box3 .my_con6 ul li .my6_p1{
    font-size:18px;
    color:#ffffff;
    margin: 0 0 10px 0;
}
.my_box3 .my_con6 ul li .my6_p2{
    font-size:16px;
    color:#ffffff;
    line-height: 26px;
}
.my_box4{
    width:100%;
}
.my_box4 .my_con7{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.my_box4 .my_con7 .my7_tit{
    font-size:28px;
    color:#333;
    margin: 80px 0 70px 0;
}
.my_box4 .my_con7 .my7_img{
    width:1200px;
}
.my_box4 .my_con7 .my7_img img{
    width:100%;
    height: 100%;
}
/*-----------------------------------------内页：有赞零售--------------------------*/
.page_ban3{
    background: url(../image/page_ban3.jpg) no-repeat 50%;
}
.page_ban3 .pban_con .pban_more{
    background: #1172ef;
}
.page_ban3 .pban_con{
    width:1200px;
    margin: 0 auto;
    text-align: left;
}
.yzls_box1{
    width:100%;
    background: #fff;
}
.yzls_con1{
    width:1200px;
    height:600px;
    margin: 0 auto;
    text-align: center;
}
.yls_flo{
    overflow: hidden;
}
.yls_flo .yls1_img{
    width:501px;
    height:354px;
}
.yls_flo .yls1_left{
    float: left;
}
.yls_flo .yls1_right{
    float: right;
}
 .yls1_wz{  
    width:270px;
    padding:0 60px;
    text-align: left;
}
.yls_flo .yls1_img img{
    width:100%;
    height: 100%;
}
.yzls_con1 .yls1_tit{
    font-size:28px;
    color:#333;
    margin: 80px 0 70px 0;
    display: inline-block;
}
.yls1_wz .yls1_p1{
    font-size:24px;
    color:#333;
    margin: 130px 0 25px 0;
}
.yls1_wz .yls1_p2{
    font-size:14px;
    color:#666;
    line-height: 30px;
}
.yzls_box2{
    background: #fafafa;
}
.yzls_box2 .yzls_con1{
    height:482px; 
}
.yzls_box2 .yls1_img{
    margin: 80px 0 0 0;
}
.yzls_box3{
    width:100%;
    background: #fff;
}
.yzls_con3{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.yls3_tit1{
    font-size:28px;
    color:#333;
    margin: 80px 0 20px 0;
    display: inline-block;
}
.yls3_tit2{
    font-size:14px;
    color:#666;
}
.yls3_ul{
    overflow: hidden;
    margin: 70px 0 80px 0;
}
.yls3_ul li{
    float: left;
    width:150px;
    text-align: center;
    padding:30px 0;
    transition:all ease .5s;
}
.yls3_ul li:hover{
    background-color:rgba(204,204,204,.2);
}
.yls3_ul li span{
    display: inline-block;
    width:70px;
    height: 70px;
    background: url(../image/yls_3.png) no-repeat center;
    border-radius:5px;
}
.yls3_ul li .ls3_span1{
    background-position: 0 0;
} 
.yls3_ul li .ls3_span2{
    background-position:-72px 0;
} 
.yls3_ul li .ls3_span3{
    background-position:-144px 0;
} 
.yls3_ul li .ls3_span4{
    background-position:-216px 0;
} 
.yls3_ul li .ls3_span5{
    background-position:-288px 0;
} 
.yls3_ul li .ls3_span6{
    background-position:-361px 0;
}
.yls3_ul li .ls3_span7{
    background-position:-432px 0;
}
.yls3_ul li .ls3_span8{
    background-position:-503px 0;
}
.yls3_ul li p{
    font-size:14px;
    color:#333;
    margin: 24px 0 0 0;
}
.yzls_box4{
    width:100%;
    background: #fafafa;
}
.yls4_box{
    overflow: hidden;
    padding:60px 0 80px 0; 
}
.yls4_box .yls4_left{
    float: left;
    width:400px;
    margin: 0 100px 0 60px;
}
.yls4_left .yls4_p1{
    font-size:26px;
    color:#333;
    margin:70px 0 35px 0;
    text-align: left;
}
.yls4_left .yls4_p2{
    font-size:14px;
    color:#666;
    text-align: left;
    line-height: 34px;
}
.yls4_box .yls4_rig{
    float: right;
}
.yls4_rig img{
    width:100%;
    height: 100%;
}
.yzls_box5{
    width:100%;
    background: #fff;
}
.yls5_box{
    margin: 0 auto;
    width:1200px;
    padding:80px 0;
    overflow: hidden;
}
.yls5_box .yls5_left{
    float: left;
}
.yls5_box .yls5_rig{
    float: right;
    width:400px;
    padding: 0 100px 0 60px;
}
.yls5_box .yls5_rig .yls5_p1{
    font-size:26px;
    color:#333;
    margin:70px 0 35px 0;
    text-align: left;
}
.yls5_box .yls5_rig .yls5_p2{
    font-size:14px;
    color:#666;
    text-align: left;
    line-height: 34px;
}
.yzls_box6{
    width:100%;
    background:#fafafa;
}
.yls6_box{
    width:1200px;
    margin: 0 auto;
    padding:80px 0;
    overflow: hidden;
}
.yls6_box .yls6_left{
    float: left;
    width:400px;
    padding: 0 100px 0 60px;
}
.yls6_box .yls6_left .yls6_p1{
    font-size:26px;
    color:#333;
    margin:70px 0 35px 0;
    text-align: left;
}
.yls6_box .yls6_left .yls6_p2{
    font-size:14px;
    color:#666;
    text-align: left;
    line-height: 34px;
}
.yls6_box .yls6_rig{
    float: right;
}
.yzls_box7{
    width:100%;
    background: #fff;
}
.yls7_box{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.yls7_box .yls7_tit{
    display: inline-block;
    font-size:28px;
    color:#333;
    margin:70px 0 60px 0;
}
.yls7_cbox{
    overflow: hidden;
    margin: 0 -60px 70px 0;
}
.yls7_card{
    position: relative;
    width:360px;
    margin: 0 60px 30px 0;
    float: left;
    height:300px;
    border:1px solid #e5e5e5; 
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    background-position: top;
}
.yls7_card1{
    background:url(../image/yls_7.png) no-repeat;
    background-size:contain;
}
.yls7_card2{
    background:url(../image/yls_8.png) no-repeat;
    background-size:contain;
}
.yls7_card3{
    background:url(../image/yls_9.png) no-repeat;
    background-size:contain;
}
.yls7_card4{
    background:url(../image/yls_10.png) no-repeat;
    background-size:contain;
}
.yls7_card5{
    background:url(../image/yls_11.png) no-repeat;
    background-size:contain;
}
.yls7_card6{
    background:url(../image/yls_12.png) no-repeat;
    background-size:contain;
}
.yls7_card:hover .yls7_intro{
    top:0;
}
.yls7_intro{
    position: absolute;
    margin: 0 auto;
    top:170px;
    width:100%;
    box-sizing: border-box;
    -webkit-transition: top .4s;
    -moz-transition: top .4s;
    transition: top .4s;
    background-position:20px 30px;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 300px;
}
.yls7_intro1{
    background-image:url(../image/yls_7_1.png);
    background-size:auto;
}
.yls7_intro2{
    background-image:url(../image/yls_8_1.png);
    background-size:auto;
}
.yls7_intro3{
    background-image:url(../image/yls_9_1.png);
    background-size:auto;
}
.yls7_intro4{
    background-image:url(../image/yls_10_1.png);
    background-size:auto;
}
.yls7_intro5{
    background-image:url(../image/yls_11_1.png);
    background-size:auto;
}
.yls7_intro6{
    background-image:url(../image/yls_12_1.png);
    background-size:auto;
}
.yls7_intro .yls7_p1{
    font-size:16px;
    margin:78px 0 0 0;
    color: #666;
    line-height: 28px;
    text-align:left;
    padding:0 20px;
}
.yls7_intro .yls7_p2{
    font-size:16px;
    margin:30px 0 0 0;
    color: #666;
    line-height: 28px;
    text-align:left;
    padding:0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:5;
    overflow: hidden; 
}
.yzls_box8{
    width:100%;
    height: 413px;
    background: url(../image/yls_14.png) no-repeat center;
}
.yls8_box{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.yls8_box .yls8_tit{
    display: inline-block;
    font-size:28px;
    color:#fff;
    margin:70px 0 60px 0;
}
.yls8_box ul{ 
    overflow: hidden;
    margin: 40px 0 0 0;
}
.yls8_box ul li{
    float: left;
    width:360px;
    padding:0 0 0 40px;
    overflow: hidden;
}
.yls8_box ul li span{
    width:80px;
    height:80px;
    display: inline-block;
    margin: 0 20px 0 0;
    float: left;
    background: url(../image/yls_13.png)  no-repeat center;
    transition: transform 1.4s ease;
}
.yls8_box ul li:hover span{
    transform: rotateY(-360deg);
}
.yls8_box ul li .yls8_span1{
    background-position: 0 0;
}
.yls8_box ul li .yls8_span2{
    background-position:-82px 0;
}
.yls8_box ul li .yls8_span3{
    background-position:-164px 0;
}
.yls8_box ul li .yls8_div{
    float: left;
}
.yls8_div .yls8_p1{
    font-size:16px;
    color:#fff;
    text-align: left;
    margin:10px 0 16px 0;
}
.yls8_div .yls8_p2{
    font-size:14px;
    color:#fff;
    text-align: left;
}
/*-----------------------------------------------------内页：有赞餐饮-------------------------------------------*/
.page_ban4{
    background: url(../image/page_ban4.jpg) no-repeat 50%;
}
.page_ban4 .pban_con{
    width:1200px;
    margin: 0 auto;
    text-align: left;
}
.page_ban4 .pban_con .pban_more{
    background: #3da800;
}
.zcy1_box{
    width:100%;
    background: #f6f9fe;
}
.zcy1_con{
    width:1200px;
    margin:0 auto;
    padding:30px 0;
}
.zcy1_con ul{
    overflow: hidden;
}
.zcy1_con ul li{
    width:150px;
    float: left;
    text-align: center;
    transition:all ease .5s;
    padding:20px 0;
}
.zcy1_con ul li:hover{
    background:rgba(29,78,157,.1);
}
.zcy1_con ul li p{
    font-size:14px;
    color:#333;
}
.zcy1_con ul li span{
    display: inline-block;
    height: 27px;
    background: url(../image/yz_cy1.png) no-repeat;
    margin: 0 0 20px 0;
}
.zcy1_con ul li .zcy_span1{
    width:26px;
    background-position: 0 0;
}
.zcy1_con ul li .zcy_span2{
    width:30px;
    background-position:-28px 0;
}
.zcy1_con ul li .zcy_span3{
    width:22px;
    background-position:-59px 0;
}
.zcy1_con ul li .zcy_span4{
    width:27px;
    background-position:-81px 0;
}
.zcy1_con ul li .zcy_span5{
    width:26px;
    background-position:-109px 0;
}
.zcy1_con ul li .zcy_span6{
    width:21px;
    background-position:-134px 0;
}
.zcy1_con ul li .zcy_span7{
    width:20px;
    background-position:-155px 0;
}
.zcy1_con ul li .zcy_span8{
    width:28px;
    background-position:-174px 0;
}
.zcy2_box{
    width:100%;
    background: #1c1c20;
}
.zcy2_con{
    width:1200px;
    margin: 0 auto;
    padding:118px 0 0 0;
    overflow: hidden;
}
.zcy2_con .zcy2_wz{
    padding:0 170px 0 0;
    width:470px;
}
.zcy2_con .zcy2_wz .cy2_p1{
    font-size:30px;
    color:#fff;
    margin: 60px 0 0 0;
}
.zcy2_con .zcy2_wz .cy2_p2{
    font-size:14px;
    color:#fff;
    margin: 30px 0 90px 0;
    line-height: 28px;
}
.zcy2_con .zcy2_wz .cy2_span{
    width:100px;
    height:100px;
}
.zcy2_con .zcy2_wz .cy2_span img{
    width:100%;
    height: 100%;
}
.zcy2_con .zcy2_wz .cy2_p3{
    font-size:12px;
    color:#888889;
    margin: 16px 0 0 0;
}
.zcy2_con .zcy2_img{
    width:330px;
    height:550px;
}
.zcy2_con .zcy2_img img{
    width:100%;
    height: 100%;
}
.zcy2_con .zcy2_left{
    float: left;
}
.zcy2_con .zcy2_right{
    float:right;
}
.zcy3_box{
    width:100%;
    background: url(../image/yz_cy9.jpg) no-repeat;
    background-size: cover;
}
.zcy2_ul{
    overflow: hidden;
}
.zcy2_ul li{
    float: left;
    width:90px;
    text-align: center;
    margin: 0 40px 0 0;
}
.zcy2_ul li span{
    display: inline-block;
    width:70px;
    height:70px;
    background: url(../image/yz_cy6.png) no-repeat;
}
.zcy2_ul li .ul_span1{
    background-position: 0 0;
}
.zcy2_ul li .ul_span2{
    background-position: -72px 0;
}
.zcy2_ul li .ul_span3{
    background-position: -144px 0;
}
.zcy2_ul li .ul_span4{
    background-position: -216px 0;
}
.zcy2_ul li .ul_span5{
    background-position: -288px 0;
}
.zcy2_ul li .ul_span6{
    background-position: -360px 0;
}
.zcy2_ul li p{
    font-size:12px;
    color:#fff;
    margin: 14px 0 0 0;
}
.zcy4_box{
    width:100%;
    background: #1c1c20;
}
.zcy5_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.zcy5_con .zcy5_tit1{
    font-size:28px;
    color:#333;
    display: inline-block;
    margin:70px 0 28px 0;
}
.zcy5_con .zcy5_tit2{
    font-size:14px;
    color:#666;
}
.zcy5_con .zcy5_tit3{
    color:#fff;
}
.zcy5_con .zcy5_img{
    width:818px;
    height: 188px;
    padding:96px 0 88px 0;
    display: inline-block;
}
.zcy5_con .zcy5_img img{
    width:100%;
    height: 100%;
}
.zcy6_box{
    width:100%;
    background: #2f3138;
}
.zcy6_img{
    width:688px;
    height:393px;
    padding:80px 0 0 0;
    display: inline-block;
}
.zcy7_box{
    width:100%;
    background:#fff;
}
.zcy7_box{
    width:100%;
    background:#fff;
}
.zcy7_con{
    width:1200px;
    margin: 0 auto;
    overflow: hidden;
    padding:110px 0 0 0;
}
.zcy7_left{
    float:left;
    width:515px;
    height:402px;
}
.zcy7_left img{
    width:100%;
    height: 100%;
}
.zcy7_right{
    float: right;
    width:420px;
    padding:0 200px 0 60px; 
}
.zcy7_right .zcy7_p1{
    font-size:30px;
    color:#333;
}
.zcy7_right .zcy7_p2{
    font-size:14px;
    color:#808080;
    line-height: 28px;
    margin: 20px 0 60px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:5;
    overflow: hidden; 
}
.zcy7_code{
    overflow: hidden;
}
.zcy7_code .cy7_c1{
    float: left;
    margin: 0 40px 0 0;
}
.zcy7_code .cy7_c1 .cy7_cimg{
    width:130px;
    height:130px;
}
.zcy7_code .cy7_c1 .cy7_cimg img{
    width:100%;
    height: 100%;
}
.zcy7_code .cy7_c1 .cy7_cwz{
    font-size:14px;
    color:#808080;
    text-align: center;
    margin: 10px 0 0 0;
}
.zcy8_box{
    width:100%;
    background:#3c98f3;
}
.zcy8_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.zcy8_con .zcy8_tit1{
    font-size:28px;
    color:#fff;
    display: inline-block;
    margin:70px 0 28px 0;
}
.zcy8_con .zcy8_tit2{
    font-size:14px;
    color:#fff;
    margin: 0 0 10px 0;
}
.zcy8_con .zcy8_img{
    width:1118px;
    height: 155px;
    display: inline-block;
    margin: 60px 0 80px 0;
}
.zcy8_con .zcy8_img img{
    width:100%;
    height:100%;
}
.zcy9_box{
    width:100%;
    background: #f7f7f7;
}
.zcy9_con{
    width:1200px;
    margin: 0 auto;
}
.zcy9_tit{
    font-size:28px;
    color:#333333;
    padding:80px 0 70px 0;
    text-align: center;
}
.zcy9_con ul{
    overflow: hidden;
    margin: 0 -20px 0 -20px;
    padding:0 0 80px 20px;
}
.zcy9_con ul li{
    float: left;
    width:285px;
    margin: 0 20px 0 0;
    transition:all .8s ease 0s;
}
.zcy9_con ul li:hover{
    box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);
}
.zcy9_con ul li .zcy9_img{
    width:285px;
    height:153px;
    overflow:hidden;
}
.zcy9_con ul li .zcy9_img img{
    width:100%;
    height: 100%;
    -moz-transition:all .8s ease 0s; 
    -ms-transition:all .8s ease 0s; 
    -o-transition: all .8s ease 0s; 
    transition:all .8s ease 0s;
}
.zcy9_con ul li .zcy9_img img:hover{
    transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
}
.zcy9_con ul li .zcy9_wz{
    background: #fff;
    height:250px;
}
.zcy9_con ul li .zcy9_wz .zcy9_p1{
    font-size:16px;
    color:#333;
    padding: 22px 0 0 20px;
}
.zcy9_con ul li .zcy9_wz .zcy9_p2{
    font-size:14px;
    color:#808080;
    line-height: 26px;
    padding:0 20px;
    margin: 20px 0 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:6;
    overflow: hidden; 
}
/*---------------------------------------------------内页：案例页面----------------------------------------*/
.al_ban .swiper-wrapper{
    height:446px;
}
.al_ban .swiper-container .banner01{
    background-color:#d73e2c;
}
.al_ban .swiper-container .banner02{
    background-color:#0f321a;
}
.al_ban .swiper-container .banner03{
    background-color:#d60000;
}
.al_ban .swiper-container .banner04{
    background-color:#f55700 ;
}
.swiper-container .banner01 .shop-logo{
    width: 180px;
    height: 40px;
    background-image: url(../image/page_ban5_1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.swiper-container .banner02 .shop-logo{
    width: 180px;
    height: 40px;
    background-image: url(../image/page_ban5_3.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.swiper-container .banner03 .shop-logo{
    width: 180px;
    height: 40px;
    background-image: url(../image/page_ban5_4.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.swiper-container .banner04 .shop-logo{
    width: 180px;
    height: 40px;
    background-image: url(../image/page_ban5_2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.swiper-container .slide-main .shop-des{
    width: 1000px;
    padding-top: 30px;
    padding-bottom: 36px;
    line-height: 32px;
    font-size:16px;
    text-align: left;
}
.pull-left{
    float: left;
    text-align: left;
}
.pull-left p{
    font-size:16px;
    line-height: 30px;
}
.al_ban .swiper-container .slide-main{
    width:1200px;
    margin: 0 auto;
    padding-top:77px;
    font-size:16px;
    color:#fff;
    line-height: 28px;
}
.al_ban .swiper-pagination-bullet{
    width:6px;
    height:6px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border:1px solid #fff;
    opacity: 1;
}
.al_ban .swiper-pagination-bullet-active{
    background-color: #fff;
}
.case_box{
    width:100%;
    background: #f8f8f8;
}
.case_con{
    overflow: hidden;
    width:1200px;
    margin: 0 auto;
}
.case_left{
    float: left;
    margin: 30px 0 0 0;
}
.case_right{
    float: right;
    width:876px;
    margin: 30px 0 0 0;
}
.case_right ul{
    /*overflow: hidden;*/
    margin:0 -46px 0 0;
    display: inline-block;
}
.case_right ul li{
    float: left;
    width:260px;
    height: 348px;
    background: #fff;
    text-align: center;
    border:1px solid #e5e5e5;
    position: relative;
    margin:0 46px 30px 0;
    overflow: hidden;
    box-sizing: border-box;
    transition: all ease .5s;
}
.case_right ul li:hover{
    -webkit-box-shadow: 0 0 8px 0 rgba(100,129,151,.25);
    box-shadow: 0 0 8px 0 rgba(100,129,151,.25);
}
.case_right ul li .case_logo{
    display: inline-block;
    width:100px;
    height:100px;
    border-radius: 100px;
    border:1px solid #e5e5e5;
    margin: 28px 0 0 0;
}
.case_right ul li .case_logo img{
    width:100%;
    height: 100%;
    border-radius: 100px;
}
.case_right ul li .case_p1{
    font-size:14px;
    color:#333;
    margin: 30px 0 15px 0;
}
.case_right ul li .case_p2{
    font-size:14px;
    color:#666666;
}
.case_right ul li .case_p3{
    font-size:14px;
    color:#333;
    margin:70px 0 10px 0;
}
.case_right ul li .case_p4{
    font-size:14px;
    color:#333;
    margin: 0 0 40px 0;
}
.case_code{
    width:100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top:348px;
    background: #fff;
    transition: all ease .5s;
}
.case_code .c_codeimg{
    width:110px;
    height:110px;
    margin:0 auto;
}
.case_right ul li:hover .c_codeimg{
    -webkit-box-shadow: 0 0 8px 0 rgba(100,129,151,.1);
    box-shadow: 0 0 8px 0 rgba(100,129,151,.1);
}
.case_code .c_codeimg img{
    width:100%;
    height: 100%;
}
.case_code .c_codep1{
    font-size:14px;
    color:#333;
    margin: 20px 0 0 0;
}
.case_right ul li:hover .case_code{
    top:140px;
}
.case_left .layui-nav .layui-nav-itemed>.layui-nav-child{
    background-color: #f8f8f8!important;
}
.case_left .layui-nav .layui-nav-item .layui-nav-tree .layui-nav-child a{
    color:#333!important;
}
.layui-nav .layui-nav-item a{
    color:#333!important;
    border-bottom:1px solid #e5e5e5;
}
.layui-nav-tree .layui-nav-item a:hover{
    background-color: #fff!important;
}
.layui-nav-tree .layui-nav-item a:hover {
    color:#009688!important;
}
.layui-nav-tree .layui-nav-item .current{
    color:#009688!important;
    background-color: #fff!important;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{
    border-color: transparent transparent #999!important;
}
.layui-nav .layui-nav-more{
    border-top-color: rgba(153,153,153,.7)!important;
}
.layui-nav .layui-nav-itemed .layui-nav-child a{
    border-bottom:none;
}
.layui-nav-tree .layui-nav-item a{
    height: 62px!important;
    line-height: 62px!important;
}
.case_left .layui-nav{
   background-color: #fff;
}
.case_left .case_tit{
    width:200px;
    font-size:16px;
    font-weight: bold;
    color:#fff;
    padding:14px 0 14px 20px;
    background: #2F4056;
    box-sizing: border-box;
    margin: 0 0 0 0;
}
.case_right .pag_box{
    text-align: center;
    padding:20px 0 60px 0;
}
.case_right .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color:#009688;
}
.case_right .layui-laypage a:hover {
    color: #009688;
}
.case_right .layui-laypage a,.case_right .layui-laypage span{
    height: 38px;
    line-height: 38px;
    padding:0 20px;
}
/*--------------------------------------内页：关于我们------------------------------*/
.page_ban5{
    background: url(../image/page_ban5.jpg) no-repeat 50%;
}
/*.page_ban5 .page_span{*/
/*    display: inline-block;*/
/*    margin:40px 0 0 0;*/
/*    width:190px;*/
/*    height:140px;*/
/*    background:url(../image/about_9.jpg) no-repeat;*/
/*    background-size: 140px;*/
/*}*/
.page_ban5 .page_span {
    display: inline-block;
    margin: 40px 0 0 0;
    width: 160px;
    height: 160px;
    background: url(../image/about_9.jpg) no-repeat;
    background-size: 160px;
    border-radius: 50%;
}

.page_ban5 h1{
    margin: 40px 0 20px 0;
}
.about_box1{
    width:100%;
    background: #eff2fb;
    padding: 80px 0;
}
.about_con1{
    width:1200px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    height: 486px;
}
.about_con1 .ab1_left{
    float: left;
    width:556px;
    height:486px;
}
.about_con1 .ab1_left img{
    width:100%;
    height: 100%;
}
.ab1_right{
    float: left;
    padding:75px 70px 0 78px;
    width:644px;
    box-sizing: border-box;
}
#demo,#demo2{
    width:480px;
    height:86px;
    overflow:hidden;
    line-height:24px;
    color:#4c4c4c;
    font-size:14px;
    padding:20px 0 0 0;
}
.ab1_right .ab1_p1{
    font-size:24px;
    color:#333333;
}
.ab1_right .ab1_span{
    display: inline-block;
    width:38px;
    height:4px;
    margin: 24px 0;
    background: #00c58f;
}
.ab1_right .ab1_p2{
    font-size:14px;
    color:#4c4c4c;
    line-height: 24px;
    /*margin: 0 0 30px 0;*/
}
.ab1_right .ab1_ul{
    overflow: hidden;
    margin: 30px 0 0 0;
}
.ab1_right .ab1_ul li{
    float: left;
    width:160px;
    text-align: center;
}
.ab1_right .ab1_ul li span{
    display: inline-block;
    width:72px;
    height:72px;
    background: url(../image/about_2.png) no-repeat;
    margin: 0 0 10px 0;
}
.ab1_right .ab1_ul li .ab1_span1{
    background-position: 0 0;
}
.ab1_right .ab1_ul li .ab1_span2{
    background-position:-74px 0;
}
.ab1_right .ab1_ul li .ab1_span3{
    background-position:-148px 0;
}
.ab1_right .ab1_ul li .ab1_p3{
    font-size:14px;
    color:#808080;
    line-height: 24px;
    padding:0 14px;
}
.about_box2{
    width:100%;
    background: #fff;
}
.about_box2 .about_con2{
    width:1200px;
    margin: 0 auto;
    overflow: hidden;
    padding:70px 0;
    border-bottom:1px solid #e5e5e5; 
}
.about_box2 .about_con2:last-child{
    border-bottom:none;
}
.ab2_left{
    float: left;
}
.ab2_right{
    float: right;
}
.about_con2 .ab2_wz{
    width:500px;
}
.ab2_wz .ab2_p1{
    font-size:24px;
    color:#333;
    margin: 70px 0 0 0;
}
.ab2_wz .ab2_span1{
    display: inline-block;
    width:38px;
    height:4px;
    background: #00c58f;
    margin: 24px 0;
}
.ab2_wz .ab2_p2{
    font-size:14px;
    color:#4c4c4c;
    line-height:28px; 
}
.ab2_wz .ab2_p3{
    font-size:14px;
    color:#4c4c4c;
    line-height:28px; 
    margin: 80px 0 0 0;
}
.about_box3{
    width:100%;
    background: #eff2fb;
}
.about_con3{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.about_con3 .ab3_p1{
    font-size:24px;
    color:#333;
    padding:80px 0 24px 0;
}
.about_con3 .ab3_span1{
    display: inline-block;
    width:38px;
    height:4px;
    background: #00c58f;
}
.about_con3 ul{
    display: inline-block;
    margin:70px -30px 0 0; 
    padding:0 0 90px 0;
}
.about_con3 ul li{
    float: left;
    width:380px;
    margin:0 30px 0 0; 
}
.about_con3 ul li .ab3_p2{
    font-size:18px;
    color:#808080;
    margin: 0 0 14px 0;
}
.about_con3 ul li .ab3_p2 span{
    width:12px;
    height:12px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px 0 0;
}
.about_con3 ul li .ab3_p2 .ab3_span2{
    background:#00c58f;
}
.about_con3 ul li .ab3_p2 .ab3_span3{
    background:#c88dff;
}
.about_con3 ul li .ab3_p2 .ab3_span3{
    background:#74b8e9;
}
.about_con3 ul li .ab3_p3{
    font-size:18px;
    color:#333;
    height: 94px;
}
.about_con3 ul li .ab3_img{
    background: #fff;
    padding:20px;
    box-sizing:border-box;
    width:380px;
    height:286px;
}  
.about_con3 ul li .ab3_img_img{
    width:340px;
    height:246px;
    overflow: hidden;
} 
.about_con3 ul li .ab3_img_img img{
    width:100%;
    height: 100%;
    -moz-transition:all .8s ease 0s;
    -ms-transition:all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition:all .8s ease 0s;
}
.about_con3 ul li:hover .ab3_img_img img{
    transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
}

/*////*/

.compage_box{
    background-color: #f7f7f7;
    padding: 0 0 60px 0;
}
.compage_box .comp_con{
    background-color: #fff;
    width:1200px;
    margin:0 auto;
}
.compage_box .comp_con .comp_wz{
    padding: 60px 60px 90px 60px;
    box-sizing: border-box;
    background: #fff;
    -webkit-transform: translatey(-70px);
    transform: translatey(-70px);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.66s ease-in-out 0s,  opacity 0.66s ease-in-out 0s;
    transition: transform 0.66s ease-in-out 0s,  opacity 0.66s ease-in-out 0s;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;

}
.comp_con img{
    display:inline-block;
    width:100%;
    height:auto;
    margin:0 0 30px 0;
}
.comp_con .com_titp{
    font-size:24px;
    color:#393833;
    margin: 0 0 50px 0;
}
.comp_con .com_conp{
    font-size:16px;
    color:#999999;
    line-height: 28px;
}


/*---------------------------------内页：解决方案-分销---------------------------------*/
.page_ban6{
    background: url(../image/page_ban6.jpg) no-repeat 50%;
}
.page_ban6 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
}
.page_ban6 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.fx1_box{
    width: 100%;
    background: #fff;
}
.fx1_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.fx1_con .fx1_tit{
    font-size:28px;
    color:#333333;
    padding:80px 0 70px 0;
}
.fx1_con ul{
    display: flex;
    margin: 0 -30px 0 0;
}
.fx1_con ul li{
    float: left;
    width:380px;
    height: 360px;
    margin: 0 30px 80px 0;
    background: #fff;
    /*box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);*/
    border-radius: 10px 10px 10px 10px;
    transition: all ease .5s;
    box-sizing: border-box;
    background: #fcfcfc;
}
.fx1_con ul li:hover{
    box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);
    border: none;
}
.fx1_con ul li .fx1_ptit{
    font-size:20px;
    color:#fff;
    padding:14px 0;
    width:380px;
    border-radius: 10px 10px 0 0;
    text-align: center;
}
.fx1_con ul li .fx1_ptit1{
    background: #00cc99;
}
.fx1_con ul li .fx1_ptit2{
    background: #3388ff;
}
.fx1_con ul li .fx1_ptit3{
    background: #f55f5f;
}
.fx1_con ul li .fx1_wzb{
    height:196px;
    background: #f0f3f8;
}
.fx1_wzb .fx1_p2{
    font-size:20px;
    color:#333; 
    padding: 48px 0 20px 0;
    box-sizing: border-box;
}
.fx1_wzb .fx1_p3{
    font-size:14px;
    color:#808080; 
    line-height: 26px;
    padding:0 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:3;
    overflow: hidden; 
}
.fx1_con ul li .fx1_p4{
    font-size:14px;
    color:#808080; 
    margin: 26px 0 18px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:1;
    overflow: hidden; 
}
.fx1_con ul li .fx1_more{
    display: inline-block;
    font-size:14px;
    color:#3388ff; 
}
.fx1_con ul li .fx1_more:hover{
    text-decoration:underline; 
}
.fx2_box{
    width:100%;
    background:#f8f8f8;
}
.fx2_con{
    width:1200px;
    margin: 0 auto;
}
.fx2_con .fx2_tit{
    font-size:28px;
    color:#333333;
    padding:80px 0 70px 0;
    text-align: center;
}
.fx2_con ul{
    overflow: hidden;
    padding:0 0 70px 0;
}
.fx2_con ul .fx2_wz{
    padding:0 68px;
    width:480px;
}
.fx2_wz .fx2_p1{
    font-size:20px;
    color:#333;
    margin: 60px 0 20px 0;
}
.fx2_wz .fx2_p2{
    font-size:14px;
    color:#999;
    line-height: 28px;
}
.fx2_img{
    width:auto;
    height: auto;
}
.fx2_img img{
    width:100%;
    height: 100%;
}
.fx2_left{
    float: left;
}
.fx2_right{
    float: right;
}
.fx3_box{
    background: #fff;
    width:100%;
}
.fx3_con{
    width:1200px;
    margin: 0 auto;
    padding:0 0 60px 0;
}
.fx3_con .fx3_tit{
    font-size: 28px;
    color:#333;
    padding:80px 0 40px 0;
    text-align: center;
}
.fx3_ul{
    overflow: hidden;
}
.fx3_ul li{
    float: left;
    width:300px;
    text-align: center;
    transition: all ease .5s;
}
.fx3_ul li:hover{
    background: #fafbfd;
}
.fx3_ul li span{
    display: inline-block;
    width:116px;
    height: 116px;
    background: url(../image/fx_4.png) no-repeat;
    margin:36px 0 0 0;
}
.fx3_ul li .fx3_span1{
    background-position: 0 0;
}
.fx3_ul li .fx3_span2{
    background-position:-117px 0;
}
.fx3_ul li .fx3_span3{
    background-position:-231px 0;
}
.fx3_ul li .fx3_span4{
    background-position:-348px 0;
}
.fx3_ul li p{
    margin: 36px 0 36px 0;
    font-size:20px;
    color:#333;
}
.fx4_box{
    width:100%;
    background: #f8f8f8;
}
.fx4_con{
    width:1200px;
    margin: 0 auto;
}
.fx4_con .fx4_tit{
    font-size:28px;
    color:#333;
    text-align: center;
    padding:80px 0 70px 0;
}
.fx4_con ul{
    overflow: hidden;
    margin:0 -60px 0 0;
    padding:0 0 80px 0;
}
.fx4_con ul li{
    float: left;
    width:360px;
    height: 382px;
    margin:0 60px 0 0;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    transition: all ease .5s;
}
.fx4_con ul li:hover{
    box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);
}
.fx4_con ul li .fx4_img{
    width:360px;
    height:168px; 
}
.fx4_con ul li .fx4_img img{
    width:100%;
    height: 100%;
}
.fx4_con ul li .fx4_logo{
    display: inline-block;
    height:46px; 
    padding:20px 0;
    margin: 0 0 0 20px;
    overflow: hidden;
}
.fx4_con ul li .fx4_p1{
    font-size:14px;
    color:#666;
    line-height: 26px;
    padding:0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:3;
    overflow: hidden; 
}
.fx4_con ul li .fx4_p2{
    font-size:14px;
    color:#666;
    text-align: right;
    padding:0 20px;
    margin: 10px 0 0 0;
}
/*-----------------------------------------内页：解决方案-全员开店---------------------------*/
.page_ban7{
    background: url(../image/page_ban7.jpg) no-repeat 50%;
}
.page_ban7 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.page_ban7 .pban_con .pban_img{
    width:558px;
    height: 402px;
    top:-94px;
}
.page_ban7 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.qykd1_box{
    width:100%;
    background: #fff;
}
.qykd1_con{
    width:1200px;
    margin: 0 auto;
    padding:80px 0;
}
.qykd1_con .qykd1_tit1{
    font-size:28px;
    color:#333;
    margin: 0 0 30px 0;
    text-align: center;
}
.qykd1_con .qykd1_tit2{
    font-size:14px;
    color:#333;
    text-align: center;
}
.qykd1_con ul{
    margin: 60px 0 0 0;
    overflow: hidden;
}
.qykd1_con ul li{
    float: left;
    width:350px;
    padding:0 50px 0 0;
}
.qykd1_con ul li .qykd1_p1{
    font-size:16px;
    color:#333;
    margin: 0 0 20px 0;
    transition: all ease .5s;
} 
.qykd1_con ul li:hover .qykd1_p1{
    color:#0294ff;
}
.qykd1_con ul li .qykd1_p1 span{
    width:8px;
    height: 8px;
    border-radius: 50%;
    background: #ff6600;
    display: inline-block;
    margin: 0 10px 0 0;
}  
.qykd1_con ul li .qykd1_p2{
    font-size:14px;
    color:#808080;
    line-height: 24px;
}
.qykd1_con ul li:hover .qykd1_p2{
    color:#0294ff;
} 
.qykd2_box{
    width:100%;
    background:#f8f8f8;
}
.qykd2_con{
    width:1200px;
    margin: 0 auto;
    padding:80px 0;
}
.qykd2_con .qykd2_tit{
    font-size:28px;
    color:#333333;
    text-align: center;
}
.qykd2_con ul{
    overflow: hidden;
    margin:80px 0 0 0; 
}
.qykd2_con ul li{
    float: left;
    width:540px;
    padding:30px 20px 0 20px;
}
.qykd2_con ul li:hover{
    background: #fff;
    transition: all ease .5s;
}
.qykd2_con ul li .qykd2_tb{
    float: left;
    width:65px;
    height:65px;
    display: inline-block;
    margin: 0 26px 0 0;
    background: url(../image/fx_11.png) no-repeat;
}
.qykd2_con ul li .qykd2_tb1{
    background-position: 0 0;
}
.qykd2_con ul li .qykd2_tb2{
    background-position:-67px 0;
}
.qykd2_con ul li .qykd2_tb3{
    background-position:-135px 0;
}
.qykd2_con ul li .qykd2_tb4{
    background-position:-202px 0;
}
.qykd2_con ul li .qykd2_tb5{
    background-position:-269px 0;
}
.qykd2_con ul li .qykd2_tb6{
    background-position:-337px 0;
}
.qykd2_con ul li .qykd2_wz{
    float: left;
    width:439px;
}
.qykd2_wz .qykd2_p1{
    font-size:20px;
    color:#333;
    margin: 0 0 30px 0;
}
.qykd2_wz .qykd2_p2{
    font-size:14px;
    color:#333;
    line-height:26px;
    height: 100px;
}
.qykd3_box{
    width:100%;
    background: url(../image/fx_12.jpg) no-repeat;
    height: 621px;
}
.qykd3_con{
    width:1200px;
    margin: 0 auto;
}
.qykd3_tit{
    font-size:28px;
    color:#fff;
    padding:80px 0 70px 0;
    text-align: center;
}
.qykd3_xinxi{
    background: #fff;
    width:1116px;
    height:190px;
    padding:42px;
    position: absolute;
    top: 0;
    transition: all ease .5s;
    display: none;
}
.qykd3_logo.active:after{
    margin: 0 0 0 -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    top:-41px;
    left:47px;
    opacity: 1;
    display: block;
}
.qykd3_xinxi .qykd3_img{
    width:270px;
    height:170px;
    float:left;
    margin: 0 78px 0 0;
}
.qykd3_xinxi .qykd3_img img{
    width:100%;
    height: 100%;
}
.qykd3_xinxi .qykd3_wz{
    float: left;
    width:768px;
}
.qykd3_wz .qykd3_p1{
    font-size:14px;
    line-height: 26px;
    background: url(../image/fx_13.png) no-repeat;
    padding-left:48px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:4;
    overflow: hidden; 
}
.qykd3_wz .qykd3_p2{
    text-align: right;
    margin: 20px 0 0 0;
}
.qykd3_wz .qykd3_p2 strong{
    font-size:16px;
    font-weight: 700;
    color:#333;
}
.qykd3_logoul{
    text-align: center;
    height: 376px;
    position:relative;
}
.qykd3_logoul li .qykd3_logo{
    display: inline-block;
    width:98px;
    
    cursor: pointer;
    margin:0 10px;
    position: relative;
    opacity: 0.7;
    vertical-align: middle;
    top:314px;
    float: left;
    transition: all .5s;
}
.qykd3_logoul li .qykd3_logo img{
    border:3px solid transparent;
    width:60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}
.qykd3_logoul li .qykd3_logo:hover+.qykd3_xinxi{
    display: block;
}
.qykd3_logoul li .qykd3_logo:hover:after{
    margin: 0 0 0 -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    top:-41px;
    left:47px;
    opacity: 1;
    display: block;
}
.qykd3_logoul li.active .qykd3_logo{
    opacity: 1;
}
.qykd3_logoul li.active .qykd3_logo img{
    border:3px solid #900400;
    transition:0.3s ease;
}
.qykd3_logoul li.active .qykd3_logo:after{
    margin: 0 0 0 -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    top:-41px;
    left:47px;
    opacity: 1;
    display: block;
}
.qykd4_box{
    width:100%;
    background: #fff;
}
.qykd4_con{
    width:1200px;
    margin: 0 auto;
}
.qykd4_con .qykd4_tit{
    font-size:28px;
    color:#333;
    text-align: center;
    padding:80px 0 70px 0;
}
.qykd4_con ul{
    overflow: hidden;
    margin: 0 -20px 0 0;
    padding:0 0 80px 0;
}
.qykd4_con ul li{
    float: left;
    width: 285px;
    margin: 0 20px 0 0;
    background: #fff;
    /*border:1px solid #e5e5e5;*/
    text-align: center;
    box-sizing: border-box;
}
.qykd4_con ul li .qykd4_p1{
    height:45px;
    line-height:45px;
    background: #339c24;
    font-size: 18px;
    color:#fff;
}
.qykd4_con ul li .qykd4_div{
    height: 80px;
    background: #67bd49;
    color:#fff;
}
.qykd4_div .qykd4_p2{
    font-size:18px;
    padding: 10px 0 0 0;
}
.qykd4_div .qykd4_p2 span{
    font-size:32px;
    line-height: 28px;
    font-weight: bold;
    padding-right:5px;
}
.qykd4_div .qykd4_p3{
    font-size: 16px;
}
.qykd4_con ul li .qykd4_p4{
    height:70px;
    line-height:70px;
    font-size:16px;
    color:#2c3a46;
    font-weight: 700;
    border-top:1px solid #e5e5e5;
    background: #fcfcfc;
}
.qykd4_con ul li:hover{
    box-shadow: 0 0px 10px 0 rgba(7,52,148,.2);
}
.qykd4_con ul li .qykd4_more{
    height: 65px;
    line-height: 65px;
    background: #fcfcfc;
}
.qykd4_more .qykd4_more_a{
    font-size:16px;
    color:#ff4d2f;
    height: 30px;
    display: inline-block;
    border:1px solid #ff4d2f;
    line-height: 30px;
    border-radius: 3px;
    padding:0 20px;
    margin: 6px 0 0 0;
}
.qykd4_con ul li .qykd4_p1_1{
    background: #ee4036;
}
.qykd4_con ul li .qykd4_div_1{
    background: #f4806d;
}
.qykd4_more a:hover{
    background-color: #ff4d2f;
    color: #fff;
}
.qykd5_box{
    width:100%;
    background: #f8f8f8;
}
.qykd5_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
    padding:0 0 80px 0;
}
.qykd5_con .qykd5_tit{
    font-size:28px;
    color:#333;
    padding:80px 0 80px 0;
}
.qykd5_img{
    width:920px;
    height:178px;
    display: inline-block;
}
.qykd5_img img{
    width:100%;
    height: 100%;
}
/*------------------------------------------内页：解决方案分销-销售员---------------------------------*/
.page_ban8{
    background: url(../image/page_ban8.jpg) no-repeat 50%;
}
.page_ban8 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
}
.page_ban8 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.xsy1_box{
    width:100%;
    background: #ffffff;
}
.xsy1_con{
    width:1200px;
    margin: 0 auto;
}
.xsy1_con .xsy1_tit{
    font-size:28px;
    color:#333;
    padding:80px 0 70px 0;
    text-align: center;
}
.xsy1_con ul{
    overflow: hidden;
    padding:0 0 80px 0;
}
.xsy1_con ul li{
    width:400px;
    text-align: center;
    float: left;
}
.xsy1_con ul li .xsy1_sp{
    width:104px;
    height:104px;
    display: inline-block;
    background: url(../image/fx_15.png) no-repeat;
    border-radius: 100%;
}
.xsy1_con ul li .xsy1_sp1{
    background-position: 0 0;
}
.xsy1_con ul li .xsy1_sp2{
    background-position:-105px 0;
}
.xsy1_con ul li .xsy1_sp3{
    background-position:-211px 0;
}
.xsy1_con ul li .xsy1_p1{
    font-size:20px;
    color:#333;
    margin: 40px 0 14px 0;
    transition: all ease .5s;
}
.xsy1_con ul li:hover .xsy1_p1{
    color:#0294ff;
}
.xsy1_con ul li .xsy1_p2{
    font-size:14px;
    color:#808080;
}
.xsy2_box{
    width:100%;
    background: #f8f8f8;
}
.xsy2_box .xsy2_con{
    width:1200px;
    margin: 0 auto;
    padding:0 0 80px 0;
}
.xsy2_box .xsy2_con .xsy2_tit{
    font-size:28px;
    color:#333;
    padding:80px 0 70px 0;
    text-align: center;
}
.xsy2_box .xsy2_con ul{
    height:305px;
    overflow: hidden;
    background: #fff;
    margin: 0 0 26px 0;
}
.xsy2_box .xsy2_con li .xsy2_wz{
    padding:0 0 0 110px;
    width:240px;
    margin: 80px 166px 0 64px;
    display: inline-block;
}
.xsy2_box .xsy2_con li .xsy2_wz1{
    background: url(../image/fx_22.png) no-repeat;
}
.xsy2_box .xsy2_con li .xsy2_wz2{
    background: url(../image/fx_23.png) no-repeat;
}
.xsy2_box .xsy2_con li .xsy2_wz3{
    background: url(../image/fx_24.png) no-repeat;
}
.xsy2_box .xsy2_con li .xsy2_wz4{
    background: url(../image/fx_25.png) no-repeat;
}
.xsy2_box .xsy2_con li .xsy2_wz5{
    background: url(../image/fx_26.png) no-repeat;
}
.xsy2_box .xsy2_con li .xsy2_wz6{
    background: url(../image/fx_27.png) no-repeat;
}
.xsy2_wz .xsy2_p1{
    font-size:20px;
    color:#333;
    line-height: 30px;
    margin: 0 0 20px 0;
}
.xsy2_wz .xsy2_p2{
    font-size:14px;
    color:#999;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:4;
    overflow: hidden; 
}
.xsy2_left{
    float: left;
}
.xsy2_right{
    float: right;
}
.xsy2_img{
    margin: 10px 0 0 0;
    display: inline-block;
}
.xsy2_img img{
    width:100%;
    height: 100%;
}
.xsy3_box{
    width:100%;
    background: #fff;
}
.xsy3_con{
    width:1200px;
    margin: 0 auto;
    padding:0 0 50px 0;
}
.xsy3_con .xsy3_tit{
    font-size:28px;
    color:#333;
    padding:80px 0 70px 0;
    text-align: center;
}
.xsy3_con ul{
    overflow: hidden;
    margin: 0 -60px 0 -20px;
    padding:0 0 30px 20px;
}
.xsy3_con ul li{
    float: left;
    width: 360px;
    height: 382px;
    margin: 0 60px 0 0;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    transition:all ease .5s;
}
.xsy3_con ul li:hover{
    box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);
}
.xsy3_con ul li .xsy3_img{
    width: 360px;
    height: 168px;
}
.xsy3_con ul li .xsy3_img img{
    width: 100%;
    height: 100%;
}
.xsy3_con ul li .xsy3_logo{
    display: inline-block;
    height: 46px;
    padding: 20px 0;
    margin: 0 0 0 20px;
    overflow: hidden;
}
.xsy3_con ul li .xsy3_logo img{
    width:100%;
    height: 100%;
}
.xsy3_con ul li .xsy3_p1{
    font-size: 14px;
    color: #666;
    line-height: 26px;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:3;
    overflow: hidden; 
}
.xsy3_con ul li .xsy3_p2{
    font-size: 14px;
    color: #666;
    text-align: right;
    padding: 0 20px;
    margin: 10px 0 0 0;
}
/*-----------------------------------------------内页：解决方案-分销-有赞供应商-------------------------------*/
.page_ban9{
    background: url(../image/page_ban9.jpg) no-repeat 50%;
}
.page_ban9 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.page_ban9 .pban_con h1{
    margin:100px 0 20px 0;
}
.page_ban9 .pban_con p{
    line-height: 30px;
}
.page_ban9 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.pban_img{
    position: absolute;
    right: 0;
    top:-40px;
    width:440px;
    height: 440px;
}
.pban_img img{
    width:100%;
    height: 100%;
}
.ghs1_box{
    width:100%;
    background:#f8f8f8;
}
.ghs1_con{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding:0 0 40px 0;
    border-bottom:1px solid #e5e5e5;
}
.ghs1_con .ghs1_tit1{
    font-size: 26px;
    color: #ff4d2f;
    line-height: 1.6;
    text-align: center;
    padding:80px 0 10px 0;
}
.ghs1_con .ghs1_tit2{
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 30px;
}
.ghs1_con .ghs1_p1{
    max-width: 725px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
    font-size:14px;
    color:#333;
    line-height: 26px;
    transition: all ease .5s;
}
.ghs1_con .ghs1_a{
    display: inline-block;
    background: #ff4d2f;
    color: #fff;
    font-size: 16px;
    padding: 0 30px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 3px;
    transition: all ease .5s;
}
.ghs1_con .ghs1_a:hover{
    box-shadow: 0px -3px 0px #df2102 inset;
}
.ghs2_con{
    padding:60px 0;
    width:1200px;
    margin: 0 auto;
}
.ghs2_con ul{
    overflow: hidden;
}
.ghs2_con ul li{
    float: left;
    width:200px;
    text-align: center;
    padding:20px 100px 0 100px;
    height:200px;
    transition: all ease .5s;
}
.ghs2_con ul li:hover{
    background: #fff;
}
.ghs2_con ul li .ghs2_p1{
    width:65px;
    height:65px;
    display: inline-block;
}
.ghs2_con ul li .ghs2_p1 img{
    width:100%;
    height:100%;
}
.ghs2_con ul li .ghs2_p2{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    margin: 20px 0 14px 0;
}
.ghs2_con ul li .ghs2_p3{
    font-size: 12px;
    color: #333;
    line-height: 24px;
}
.ghs3_box{
    width:100%;
    background: #fff;
}
.ghs3_con{
    width:1200px;
    margin: 0 auto;
}
.ghs3_con .ghs3_tit1{
    font-size: 26px;
    color: #ff4d2f;
    line-height: 1.6;
    text-align: center;
    padding:80px 0 10px 0;
}
.ghs3_con .ghs3_tit2{
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 30px;
}
.ghs3_ul1{
    overflow: hidden;
    margin: 70px 0 40px 0;
}
.ghs3_ul1 li{
    float: left;
    width:300px;
    text-align: center;
    padding:0 50px;
}
.ghs3_ul1 li .ghs3_p1{
    width:170px;
    height:170px;
    display: inline-block;
    border-radius: 100%;
    transition:all ease .5s;
}
.ghs3_ul1 li:hover .ghs3_p1{
    -webkit-box-shadow: 0 4px 10px 0 rgba(226,94,72,.3);
    box-shadow: 0 4px 10px 0 rgba(226,94,72,.3);
}
.ghs3_ul1 li .ghs3_p1 img{
    width:100%;
    height: 100%;
}
.ghs3_ul1 li .ghs3_p2{
    margin-top: 20px;
    font-size: 20px;
    line-height: 28px;
    color: #333;
    transition: all ease .5s;
}
.ghs3_ul1 li:hover .ghs3_p2{
    color:#E25E48;
}
.ghs3_ul1 li .ghs3_p3{
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    padding:0 50px;
}
.ghs3_ul2{
    overflow: hidden;
    margin: 0 -20px 0 0;
    padding:0 0 80px 0;
}
.ghs3_ul2 li{
    float: left;
    width:590px;
    height: 132px;
    margin: 0 20px 0 0;
    font-size: 16px;
    text-align: center;
    padding: 32px 44px 24px;
    background-color: #FFF5F3;
    box-sizing: border-box;
    transition: all ease .5s;
}
.ghs3_ul2 li:hover{
    background-color: #E25E48;
}
.ghs3_ul2 li:hover .ghs3_a{
    background: #FFF5F3;
}
.ghs3_ul2 li:hover .ghs3_p4{
    color:#fff;
}
.ghs3_ul2 li .ghs3_p4{
    font-size: 20px;
    line-height: 20px;
    color: #323233;
    transition: all ease .5s;
}
.ghs3_ul2 li .ghs3_a{
    color: #fff;
    width: 100px;
    height: 32px;
    font-size: 14px;
    margin-top: 24px;
    line-height: 32px;
    border-radius: 2px;
    display: inline-block;
    background-color: #E25E48;
    transition: all ease .5s;
}
.ghs3_ul2 li:hover .ghs3_a{
    color:#E25E48;
}
.ghs4_box{
    width:100%;
    background: #f8f8f8;
}
.ghs4_con{
    width:1200px;
    margin: 0 auto;
    padding:0 0 80px 0;
}
.ghs4_con .ghs4_tit1{
    font-size: 26px;
    color: #ff4d2f;
    line-height: 1.6;
    text-align: center;
    padding:80px 0 10px 0;
}
.ghs4_con .ghs4_tit2{
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 30px;
}
.ghs4_con .ghs4_ul{
    width:1200px;
    overflow: hidden;
    margin:40px -60px 0 0;
}
.ghs4_con .ghs4_ul ul li{
    margin: 0 60px 30px 0;
    width:360px;
    height: 168px;
    float: left;
}
.ghs4_con .ghs4_ul ul .ghs4_img{
    float: left;
    width:360px;
    height: 168px;
    overflow: hidden;
    position: relative;
}
.ghs4_con .ghs4_ul ul .ghs4_img img{
    width:100%;
    height: 100%;
}
.ghs4_wz{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 200px;
    background: #000;
    background: transparent\9;
    background: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
    zoom: 1;
    width: 320px;
    height: 118px;
    color: #fff;
    padding: 25px 20px;
    line-height: 1.8;
    transition: top .3s;
}
.ghs4_wz .ghs4_p1{
    margin-bottom: 5px;
    font-size: 18px;
}
.ghs4_wz .ghs4_p2{
    font-size:12px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:4;
    overflow: hidden; 
}
.ghs4_con .ghs4_ul li:hover .ghs4_wz{
    top:0;
}
/*---------------------------------------内页：解决方案-广告投放----------------------------*/
.page_ban10{
    background: url(../image/page_ban10.jpg) no-repeat 50%;
}
.page_ban10 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
}
.page_ban10 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.ggtf1_box{
    width:100%;
    background: #ffffff;
}
.ggtf1_con{
    width:1200px;
    margin: 0 auto;
    padding:80px 0 0 0;
}
.ggtf1_con .gg1_tit{
    font-size:28px;
    color:#333;
    margin: 0 0 40px 0;
    text-align: center;
}
.gg1_xinx{
    width:1200px;
    margin: 0 auto;
    overflow: hidden;
}
.gg1_xinx .gg1_img{
    float: left;
    width: 654px;
    height: 486px;
}
.gg1_xinx .gg1_img img{
    width:100%;
    height: 100%;
}
.gg1_wz{
    float: left;
    margin: 28px 0 0 0;
}
.gg1_wz .gg1_p{
    padding-left:65px;
    height: 50px;
    margin-top:50px;
    line-height: 50px;
    font-size:20px;
    color:#333;
}
.gg1_wz .gg1_icon1{
    margin-left:-143px;
    background: url(../image/jj_gg_1_1.png) no-repeat;
}
.gg1_wz .gg1_icon2{
    margin-left:-75px;
    background: url(../image/jj_gg_1_2.png) no-repeat;
}
.gg1_wz .gg1_icon3{
    margin-left:-57px;
    background: url(../image/jj_gg_1_3.png) no-repeat;
}
.gg1_wz .gg1_icon4{
    margin-left:-76px;
    background: url(../image/jj_gg_1_4.png) no-repeat;
}
.ggtf2_box{
    width:100%;
    background: url(../image/jj_gg_16.jpg) no-repeat;
    height:847px;
}
.ggtf2_box .ggtf2_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.ggtf2_con .gg2_tit{
    font-size:28px;
    color:#fff;
    padding:80px 0 0 0;
}
.ggtf2_con .gg2_tit2{
    font-size:14px;
    color:#fff;
    margin: 20px 0 0 0;
}
.ggtf2_con ul{
    overflow: hidden;
    margin: 60px 0 0 0;
}
.ggtf2_con ul li{
    float: left;
    width:400px;
    margin: 0 0 40px 0;
}

.ggtf2_con ul li .gg2_img{
    width: 160px;
    height:196px;
    display: inline-block;
}
.ggtf2_con ul li .gg2_img img{
    width:100%;
    height: 100%;
}
.ggtf2_con ul li .gg2_p1{
    font-size:16px;
    color:#fff;
    margin: 20px 0 12px 0;
}
.ggtf2_con ul li .gg2_p2{
    font-size:14px;
    color:#fff;
}
.ggtf3_box{
    width:100%;
    background: #fff;
}
.ggtf3_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
    padding:80px 0 80px 0;
}
.ggtf3_con .gg3_tit{
    font-size:28px;
    color:#333;
}
.ggtf3_con .gg3_tit2{
    font-size:14px;
    color:#808080;
    margin: 20px 0 0 0;
}
.ggtf3_con ul{
    overflow: hidden;
    margin: 60px 0 0 0;
}
.ggtf3_con ul li{
    float: left;
    width:300px;
    transition:all ease .5s;
}
.ggtf3_con ul li:hover{
    background: #f8f8f8;
}
.ggtf3_con ul li .gg3_img{
    width:234px;
    height:169px;
    display: inline-block;
}
.gg3_img img{
    width:100%;
    height: 100%;
}
.ggtf3_con ul li .gg3_p1{
    font-size:14px;
    color:#666;
    margin: 20px 0 20px 0;
}
.ggtf4_box{
    width:100%;
    background: #f8f8f8;
}
.ggtf4_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
    padding:80px 0;
}
.ggtf4_con .gg4_tit{
    font-size:28px;
    color:#333;
}
.ggtf4_con ul{
    overflow: hidden;
    margin: 60px 0 0 0;
}
.ggtf4_con ul li{
    float: left;
    width:400px;
}
.ggtf4_con ul li .gg4_img{
    width:285px;
    height:194px;
    display: inline-block;
}
.ggtf4_con ul li .gg4_img img{
    width:100%;
    height: 100%;
}
.ggtf4_con ul li .gg4_p1{
    margin: 20px 0 0 0;
    font-size:14px;
    color:#666;
    transition:all ease .5s;
}
.ggtf4_con ul li:hover .gg4_p1{
    color:#f59191;
}
.ggtf5_box{
    width:100%;
    background: #fff;
}
.ggtf5_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
    padding:80px 0;
}
.ggtf5_con ul{
    overflow: hidden;
    margin: 70px 0 0 0;
}
.ggtf5_con ul li{
    float: left;
    width:200px; 
    padding:20px 0 0 0; 
}
.ggtf5_con .gg5_tit{
    font-size:28px;
    color:#333;
}
.ggtf5_con .gg5_img{
    width:110px;
    height:110px;
    display: inline-block;
}
.ggtf5_con .gg5_img img{
    width:100%;
    height: 100%;
    border-radius: 100%;
    transition:all ease .5s;
}
.ggtf5_con ul li:hover .gg5_img img{
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
}
.ggtf5_con ul li .gg5_p1{
    font-size:14px;
    color:#333;
    margin: 30px 0 0 0;
}
.ggtf5_con ul li:hover .gg5_p1{
    color:#324f87;
}
.ggtf6_box{
    width:100%;
    background: #f8f8f8;
}
.ggtf6_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
    padding:80px 0;
} 
.ggtf6_con .gg6_tit{
    font-size:28px;
    color:#333;
}
.ggtf6_con .gg6_ul1{
    overflow: hidden;
    margin: 60px -60px 0 -20px;
    padding:0 0 20px 20px;
}
.ggtf6_con .gg6_ul1 .gg6_li1{
    width: 360px;
    height: 368px;
    float: left;
    margin: 0 60px 0 0;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    transition:all ease .5s;
}
.ggtf6_con .gg6_ul1 .gg6_li1:hover{
    box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);
}
.gg6_img{
    width:360px;
    height:168px;
    overflow:hidden;
}
.gg6_img img{
    width:100%;
    height: 100%;
    -moz-transition:all .8s ease 0s; 
    -ms-transition:all .8s ease 0s; 
    -o-transition: all .8s ease 0s; 
    transition:all .8s ease 0s;
}
.ggtf6_con .gg6_ul1 .gg6_li1:hover .gg6_img img{
    transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
}
.gg6_logo{
    border-bottom:1px solid #e5e5e5;
    height:96px;
    text-align: left;
    padding:15px 28px;
    box-sizing: border-box;
}
.gg6_logo .gg6_logo_img{
    width:92px;
    height: 22px;
    display:inline-block;
    padding:20px 0;
    margin: 0 65px 0 0;
    float: left;
}
.gg6_logo .gg6_logo_img1{
    background: url(../image/yls_7_1.png) no-repeat 0 50%/auto 22px;
}
.gg6_logo .gg6_logo_img2{
    background: url(../image/yls_8_1.png) no-repeat 0 50%/auto 22px;
}
.gg6_logo .gg6_logo_img3{
    background: url(../image/yls_9_1.png) no-repeat 0 50%/auto 22px;
}
.gg6_logo .gg6_logo_img img{
    width:100%;
    height: 100%;
}
.gg6_logo .gg6_p1{
    font-size:14px;
    color:#666;
    padding-top:10px;
    line-height: 28px;
}
.gg6_ul_c{
    overflow: hidden;
}
.gg6_ul_c li{
    float: left;
    text-align: center;
}
.gg6_ul_c1 li{
    width:33.3%;
}
.gg6_ul_c2 li{
    width:50%;
}
.gg6_ul_c li .gg6_c_p1{
    font-size:14px;
    color:#e66268;
    margin: 24px 0 14px 0;
}
.gg6_ul_c li .gg6_c_p2{
    font-size:14px;
    color:#666;
}
/*---------------------------------------内页：解决方案-酒店------------------------------*/
.page_ban11{
    background: url(../image/page_ban11.jpg) no-repeat 50%;
}
.page_ban11 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
}
.page_ban11 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.j_jiud1_box{
    width:100%;
    background: #f8f8f8;
}
.j_jiud1_con{
    width:1200px;
    margin: 0 auto;
    padding:80px 0;
    text-align: center;
}
.jiud1_tit{
    font-size:28px;
    color:#333;
}
.jiud1_tit2{
    font-size:14px;
    color:#808080;
    margin: 14px 0 0 0;
}
.j_jiud1_con ul{
    overflow: hidden;
    margin: 70px -218px 0 0;
}
.j_jiud1_con ul li{
    float: left;
    width:256px;
    margin: 0 216px 0 0;
}
.jiud1_img{
    width:256px;
    height:168px;
    overflow:hidden;
}
.jiud1_img img{
    width:100%;
    height: 100%;
    -moz-transition:all .8s ease 0s; 
    -ms-transition:all .8s ease 0s; 
    -o-transition: all .8s ease 0s; 
    transition:all .8s ease 0s;
}
.j_jiud1_con ul li:hover .jiud1_img img{
    transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
}
.j_jiud1_con ul li .jiud1_p1{
    font-size:18px;
    color:#333;
    margin: 30px 0 10px 0;
}
.j_jiud1_con ul li .jiud1_p2{
    font-size:16px;
    color:#808080;
    line-height: 30px;
}
.jiud2_box{
    width:100%;
    background: #fff;
}
.jiud2_con{
    width:1200px;
    margin: 0 auto;
    padding:80px 0 0 0;
    text-align: center;
}
.jiud2_con .jiud2_tit{
    font-size:28px;
    color:#333;
}
.jiud2_con ul{
    overflow: hidden;
    padding:20px 0;
    border-bottom:1px solid #e5e5e5;
}
.jiud2_con ul li .jiud2_wz{
    padding:0 150px 0 70px;
    text-align: left;
}   
.jiud2_con ul li .jiud2_wz .jiud2_p1{
    font-size:20px;
    color:#333;
    margin:120px 0 20px 0;
    font-weight: bold;
}
.jiud2_con ul li .jiud2_wz .jiud2_p2{
    font-size:16px;
    color:#999;
    line-height: 28px;
    width: 358px;
}
.jiud1_left{
    float: left;
}
.jiud1_right{
    float: right;
}
.jiud3_box{
    width:100%;
    background: #fff;
}
.jiud3_con{
    width:1200px;
    margin: 0 auto;
    padding:80px 0;
    text-align: center;
}
.jiud3_con .jiud3_tit{
    font-size:28px;
    color:#333;
}
.jiud3_con .jiud3_tit2{
    font-size:14px;
    color:#808080;
    margin: 14px 0 0 0;
}
.jiud3_con .jiud3_img{
    width:965px;
    height:480px;
    display: inline-block;
    margin: 60px 0 0 0;
}
.jiud3_con .jiud3_img img{
    width:100%;
    height: 100%;
}
.jiud4_box{
    width:100%;
    background:url(../image/jj_jiud_9.jpg) no-repeat;
    height:709px; 
}
.jiud4_con{
    width:1200px;
    margin: 0 auto;
    padding:80px 0;
    text-align: center;
}
.jiud4_con .jiud4_tit{
    font-size:28px;
    color:#fff;
    padding:0 0 60px 0;
}
.jiud4_con ul{
    overflow: hidden;
}
.jiud4_con ul li{
    float: left;
    width:300px;
    padding:28px 0; 
    transition:all ease .5s;
}
.jiud4_con ul li:hover{
   background-color:rgba(2,17,125,.3);
}
.jiud4_con ul li .jiud4_span{
    height:54px;
    display: inline-block;
    background: url(../image/jj_jiud_10.png) no-repeat;
}
.jiud4_con ul li .jiud4_span1{
    width:57px;
    background-position: 0 0;
}
.jiud4_con ul li .jiud4_span2{
    width:57px;
    background-position: -59px 0;
}
.jiud4_con ul li .jiud4_span3{
    width:57px;
    background-position: -120px 0;
}
.jiud4_con ul li .jiud4_span4{
    width:57px;
    background-position: -180px 0;
}
.jiud4_con ul li .jiud4_span5{
    width:59px;
    background-position: -237px 0;
}
.jiud4_con ul li .jiud4_span6{
    width:57px;
    background-position: -297px 0;
}
.jiud4_con ul li .jiud4_span7{
    width:56px;
    background-position: -354px 0;
}
.jiud4_con ul li .jiud4_span8{
    width:57px;
    background-position: -409px 0;
}
.jiud4_con ul li .jiud4_p1{
    font-size:16px;
    color:#fff;
    margin: 34px 0 14px 0;
}
.jiud4_con ul li .jiud4_p2{
    font-size:14px;
    color:#b0bceb;
    width:150px;
    padding:0 10px;
    display: inline-block;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:3;
    overflow: hidden; 
    margin:0 auto;
}
.jiud5_box{
    width:100%;
    background: #ffffff;
}
.jiud5_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
    padding:80px 0;
}
.jiud5_con .jiud5_tit{
    font-size:28px;
    color:#333;
}
.jiud5_con ul{
    overflow: hidden;
    margin: 60px -20px 0 0;
}
.jiud5_con ul li{
    float: left;
    width:285px;
    height:341px; 
    margin: 0 20px 0 0;
    position: relative;
    text-align: left;
}
.jiud5_con ul li .jiud5_img{
    width:285px;
    height:341px;
}
.jiud5_con ul li .jiud5_img img{
    width:100%;
    height: 100%;
}
.jiud5_wz{
    position: absolute;
    overflow: hidden;
    bottom:0;
    width:100%;
    height:76px;
    padding:0 15px;
    box-sizing: border-box;
    color:#fff;
    background:#323a45;
    opacity: 0.9;
    transition: height .3s ease-in-out;
}
.jiud5_con ul li:hover .jiud5_wz{
    height: 341px;    
}
.jiud5_wz .jiud5_p1{
    margin-top:30px;
    font-size:16px;
}
.jiud5_wz .jiud5_p2{
    font-size:14px;
    line-height: 28px;
    color:#d5d7d8;
    margin-top:20px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:9;
    overflow: hidden; 
}
/*-------------------------------------内页：解决方案-媒体---------------------------*/
.page_ban12{
    background: url(../image/page_ban12.jpg) no-repeat 50%;
}
.page_ban12 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
}
.page_ban12 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.meit1_box{
    padding:80px 0;
    background: #fff;
    width:100%;
}
.meit1_con{
    width:1200px;
    margin: 0 auto;
}
.meit1_con .meit1_tit{
    font-size:28px;
    color:#333;
    text-align: center;
}
.meit1_con ul{
    overflow: hidden;
    margin: 70px -44px 0 0;
}
.meit1_con ul li{
    float: left;
    width:133px;
    height:161px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    text-align: center;
    margin: 0 44px 0 0;
    transition: background .3s;
}
.meit1_con ul li .meit1_span{
    display: inline-block;
    height:64px;
    background: url(../image/jj_mt1.png) no-repeat;
    margin: 28px 0 20px 0;
}
.meit1_con ul li .meit1_span1{
    width:50px;
    background-position:0 0;
}
.meit1_con ul li .meit1_span2{
    width:68px;
    background-position:-50px 0;
}
.meit1_con ul li .meit1_span3{
    width:58px;
    background-position:-119px 0;
}
.meit1_con ul li .meit1_span4{
    width:66px;
    background-position:-179px 0;
}
.meit1_con ul li .meit1_span5{
    width:54px;
    background-position:-247px 0;
}
.meit1_con ul li .meit1_span6{
    width:49px;
    background-position:-302px 0;
}
.meit1_con ul li .meit1_span7{
    width:66px;
    background-position:-351px 0;
}

.meit1_con ul li .meit1_p1{
    font-size:16px;
    color:#2f2f2f;
}
.meit1_con ul li:hover{
    background:#2f2f2f;
}
.meit1_con ul li:hover .meit1_p1{
    color:#fff;
}
.meit1_con ul li:hover .meit1_span1{
    background-position:0 -64px;
}
.meit1_con ul li:hover .meit1_span2{
    background-position:-50px -64px;
}
.meit1_con ul li:hover .meit1_span3{
    background-position:-119px -64px;
}
.meit1_con ul li:hover .meit1_span4{
    background-position:-179px -64px;
}
.meit1_con ul li:hover .meit1_span5{
    background-position:-247px -64px;
}
.meit1_con ul li:hover .meit1_span6{
    background-position:-302px -64px;
}
.meit1_con ul li:hover .meit1_span7{
    background-position:-351px -64px;
}
.meit2_box{
    width:100%;
    background: url(../image/jj_mt2.jpg) no-repeat;
    background-size:cover;
}
.meit2_con{
    padding:80px 0;
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.meit2_con .meit2_tit{
    font-size:28px;
    color:#fff;
}
.meit2_con ul{
    overflow: hidden;
    margin: 70px 0 0 0;
}
.meit2_con ul li{
    width:400px;
    float: left;

}
.meit2_con ul li .meit2_ic{
    width:104px;
    height: 104px;
    text-align:center;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0 20px 0;
    transition: background .3s;
}
.meit2_con ul li:hover .meit2_ic{
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(7,52,148,.2);
}
.meit2_con ul li .meit2_span{
    width:46px;
    height: 54px;
    display: inline-block;
    background: url(../image/jj_mt3.png) no-repeat;
    margin: 26px 0 0 0;
}
.meit2_con ul li .meit2_span1{
    background-position: 0 0;
}
.meit2_con ul li .meit2_span2{
    background-position:-47px 0;
    width:50px;
}
.meit2_con ul li .meit2_span3{
    background-position:-99px 0;
    width:53px;
}
.meit2_con ul li .meit2_p1{
    font-size:16px;
    color:#ffe300;
    line-height: 28px;
    margin: 14px 0 0 0;
}
.meit3_box{
    width:100%;
    background: #fff;
}
.meit3_con{
    width:100%;
    margin: 0 auto;
    padding:80px 0 0 0;
}
.meit3_con .meit3_tit{
    font-size:28px;
    color:#333;
    text-align: center;
}
.meit3_ul{
    width: 100%;
    background: #fff;
}
.meit3_con ul{
    width:1200px;
    margin: 0 auto;
    height: 382px;
    padding:80px 0 0 0;
    box-sizing: border-box;
}
.meit3_wz{
    padding:0 0 0 60px;
    width:600px;
}
.meit3_wz .meit3_span{
    width:50px;
    height: 8px;
    background: #5697fd;
    display: inline-block;
    margin: 16px 0 0 0;
}        
.meit3_wz .meit3_p1{
    font-size:28px;
    color:#333;
    margin: 38px 0;
}
.meit3_wz .meit3_p2{
    font-size:16px;
    color:#666;
    line-height: 32px;
}
.meit3_wz .meit3_p2 i{
    display: inline-block;
    height:8px;
    width:8px;
    border:2px solid #5697fd;
    border-radius: 50%;
    margin: 0 10px 0 0;
}
.meit3_ul_bj{
    background: #eff3fe;
}
.meit3_left{
    float: left;
}
.meit3_right{
    float: right;
}
/*------------------------------------------------内页：解决方案-票务-------------------------------------------------*/
.page_ban13{
    background: url(../image/page_ban13.jpg) no-repeat 50%;
}
.page_ban13 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
}
.page_ban13 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.piaow1_box{
    width:100%;
}
.piaow1_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.piaow1_tit{
    font-size:22px;
    color:#333;
    display:inline-block;
    margin: 80px 0 0 0;
}
.piaow1_con .piaow1_ul{
    overflow: hidden;
}
.piaow1_con .piaow1_ul li{
    float: left;
    width:300px;
    padding:70px 0 80px 0;
}
.piaow1_sp{
    width:100px;
    height:100px;
    display: inline-block;
    background: url(../image/jj_pw1.png) no-repeat;
    transition: transform 1.4s ease;
}
.piaow1_sp1{
    background-position:0 0; 
}
.piaow1_sp2{
    background-position:-102px 0; 
}
.piaow1_sp3{
    background-position:-204px 0; 
}
.piaow1_sp4{
    background-position:-306px 0; 
}
.piaow1_p1{
    font-size:16px;
    color:#333;
    margin: 20px 0 0 0;
}
.piaow1_con .piaow1_ul li:hover .piaow1_sp{
    transform: rotateY(-360deg);
}
.piaow2_box{
    width:100%;
    background: #f8f8f8;
}
.piaow2_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.piaow2_con .piaow2_tit{
    font-size:22px;
    color:#333;
    display: inline-block;
    margin: 80px 0 70px 0;
}
.piaow2_con ul{
    overflow: hidden;
    margin:0 -140px 0 0;
    padding:0 0 80px 0;
}
.piaow2_con ul li{
    width:306px;
    margin:0 140px 0 0;
    float: left;
}
.piaow2_img{
    width:306px;
    height:200px;
    overflow: hidden;
}
.piaow2_img img{
    width: 100%;
    height: 100%;
    -moz-transition:all .8s ease 0s; 
    -ms-transition:all .8s ease 0s; 
    -o-transition: all .8s ease 0s; 
    transition:all .8s ease 0s;
}
.piaow2_con ul li:hover .piaow2_img img{
    transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
}
.piaow2_wz{
    width:286px;
    height:96px;
    background: #fff;
    padding:22px 10px 0 10px;
}
.piaow2_wz .piaow2_p1{
    text-align: left;
    font-size:14px;
    color:#3a413a;
    margin: 0 0 16px 0;
    transition: all .5s;
}
.piaow2_wz .piaow2_p2{
    text-align: left;
    font-size:14px;
    color:#3a413a;
    margin: 0 0 16px 0;
    transition: all .5s;
}
.piaow2_con ul li:hover .piaow2_wz .piaow2_p1{
    color:#ff9805;
}
.piaow2_con ul li:hover .piaow2_wz .piaow2_p2{
    color:#51a1ff;
}
.piaow2_wz .piaow2_p1 span{
    display: inline-block;
    width:68px;
    height:22px;
    margin: 0 10px 0 0;
    text-align: center;
    color:#fff;
    float: left;
}
.piaow2_wz .piaow2_p1 .piaow2_ic1{
    background: #ff9805;
}
.piaow2_wz .piaow2_p1 .piaow2_ic2{
    background: #51a1ff;
}
.piaow3_box{
    width:100%;
    background:url(../image/jj_pw5.jpg) no-repeat center;
    height:528px;
}
.piaow3_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.piaow3_con .piaow3_tit{
    font-size:22px;
    color:#fff;
    display: inline-block;
    margin: 70px 0 60px 0;
}
.piaow3_con ul{
    overflow: hidden;
}
.piaow3_con ul li{
    width:600px;
    text-align: center;
    float: left;
}
.piaow3_con ul li .piaow3_span{
    width:262px;
    height:260px;
    display: inline-block;
    background: url(../image/jj_pw6.png) no-repeat center;
}
.piaow3_con ul li .piaow3_span1{
    background-position:0 0;
}
.piaow3_con ul li .piaow3_span2{
    background-position: -262px 0;
}
.piaow3_con ul li .piaow3_p1{
    font-size:16px;
    color:#fff;
    margin: 24px 0 0 0;
}
.piaow4_box{
    width:100%;
}
.piaow4_con{
    width:1200px;
    margin: 0 auto;
    text-align: center;
}
.piaow4_con .piaow4_tit{
    font-size:20px;
    color:#333;
    margin: 80px 0 70px 0;
    display: inline-block;
}
.piaow4_con .piaow4_tit span{
    width:30px;
    height:22px;
    vertical-align: -4px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../image/jj_pw7.jpg) no-repeat center;
}
.piaow4_con ul{
    overflow: hidden;
    border-bottom:1px solid #e5e5e5;
}
.piaow4_con ul li{
    float: left;
    width:600px;
}
.piaow4_con ul li .piaow4_span{
    width:256px;
    height:454px;
    display:inline-block;
}
.piaow4_con ul li .piaow4_span1{
    background: url(../image/jj_pw9.jpg) no-repeat center;
}
.piaow4_con ul li .piaow4_span2{
    background: url(../image/jj_pw10.jpg) no-repeat center;
}
.piaow4_con ul li .piaow4_p1{
    font-size:14px;
    color:#666666;
    margin:40px 0 80px 0;
}
.piaow5_box{
    width:100%;
}
.piaow5_con{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.piaow5_con .piaow5_tit{
    font-size:20px;
    color:#333;
    margin: 80px 0 70px 0;
    display: inline-block;
}
.piaow5_con .piaow5_tit span{
    width:30px;
    height:22px;
    vertical-align: -4px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../image/jj_pw8.jpg) no-repeat center;
}
.piaow5_con ul{
    overflow:hidden;
    border-bottom:1px solid #e5e5e5;
}
.piaow5_con ul li{
    float: left;
    width:600px;
}
.piaow5_con ul li .piaow5_span{
    width:260px;
    height:260px;
    display:inline-block;
}
.piaow5_con ul li .piaow5_span1{
    background: url(../image/jj_pw11.png) no-repeat center;
}
.piaow5_con ul li .piaow5_span2{
    background: url(../image/jj_pw12.png) no-repeat center;
}
.piaow5_con ul li .piaow5_p1{
    font-size:14px;
    color:#666666;
    margin:40px 0 80px 0;
}
.piaow6_box{
    width:100%;
}
.piaow6_con{
    width:1200px;
    margin:0 auto;
    text-align: center
}
.piaow6_con .piaow6_tit{
    font-size:20px;
    color:#333;
    margin: 80px 0 70px 0;
    display: inline-block;
}
.piaow6_con .piaow6_tit span{
    width:30px;
    height:22px;
    vertical-align: -4px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../image/jj_pw13.jpg) no-repeat center;
}
.piaow6_con ul{
    overflow:hidden;
    margin:0 -114px 80px 0;
}
.piaow6_con ul li{
    width:284px;
    height: 217px;
    padding:40px 20px;
    background: #f8f8f8;
    float:left;
    margin:0 114px 0 0;
    text-align: center;
}
.piaow6_con ul li .piaow6_p1{
    font-size:18px;
    font-weight: 700;
    color:#333;
    margin: 0 0 20px 0;
}
.piaow6_con ul li .piaow6_p2{
    color:#666;
    font-size:14px;
    line-height: 24px;
}
.piaow6_con ul li .piaow6_icon{
    overflow:hidden;
    margin:36px 0 0 0;
}
.piaow6_icon .piaow6_ip1{
    float: left;
    width:94px;
}
.piaow6_ip1 .piaow6_isp{
    width:67px;
    height: 67px;
    display: inline-block;
    background: url(../image/jj_pw14.png) no-repeat center;
}
.piaow6_ip1 .piaow6_isp1{
    background-position: 0 0;
}
.piaow6_ip1 .piaow6_isp2{
    background-position:-69px 0;
}
.piaow6_ip1 .piaow6_isp3{
    background-position:-137px 0;
}
.piaow6_ip1 .piaow6_isp4{
    background-position:-206px 0;
}
.piaow6_ip1 .piaow6_isp5{
    background-position:-275px 0;
}
.piaow6_ip1 .piaow6_isp6{
    background-position:-345px 0;
}
.piaow6_ip1 .piaow6_isp7{
    background-position:-414px 0;
}
.piaow6_ip1 .piaow6_isp8{
    background-position:-483px 0;
}
.piaow6_ip1 .piaow6_isp9{
    background-position:-553px 0;
}
.piaow6_ip1 .piaow6_iwz{
    font-size:14px;
    color:#666;
    margin:10px 0 0 0;
}
.piaow6_ip1:hover .piaow6_iwz{
    color:#51a1ff;
}
.piaow7_box{
    width:100%;
    background: #f7f7f7;
    padding:0 0 80px 0;
}
.piaow7_con{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.piaow7_con .piaow7_tit{
    font-size:22px;
    color:#333;
    display: inline-block;
    margin:80px 0 70px 0;
}
.piaow7_con ul{
    overflow:hidden;
    margin:0 -20px 0 0;
}
.piaow7_con ul li{
    float: left;
    width:285px;
    height:422px;
    margin:0 20px 0 0;
    background: #fff;
}
.piaow7_con ul li .piaow7_img{
    width:285px;
    height:153px;
    overflow:hidden;
}
.piaow7_con ul li .piaow7_img img{
    width:100%;
    height: 100%;
    -webkit-transition: -webkit-transform 3s;
    transition: -webkit-transform 3s;
    transition: transform 3s;
    will-change: transform;
    transition: transform 3s,-webkit-transform 3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.piaow7_con ul li:hover .piaow7_img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.piaow7_wz{
    padding:20px;
    text-align: left;
}
.piaow7_con ul li:hover .piaow7_p1{
    color:#51a1ff;
}
.piaow7_wz .piaow7_p1{
    font-size:16px;
    color:#333;
    margin-bottom: 22px;
}
.piaow7_wz .piaow7_p2{
    font-size:14px;
    color:#808080;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:4;
    overflow: hidden; 
}
.piaow7_code{
    margin:30px 0 0 0;
    position: relative;
    text-align: center;
}
.piaow7_code .piaow7_p3,.piaow7_code .piaow7_ewm{
    display: none;
}
.piaow7_con ul li:hover .piaow7_code .piaow7_p3{
    display:block;
}
.piaow7_con ul li:hover .piaow7_code .piaow7_ewm{
    display:block;
}
.piaow7_code i{
    display: inline-block;
    width:0;
    height: 1px;
    background: #d9d9d9;
    transition: 0.5s ease-in-out;
}
.piaow7_con ul li:hover .piaow7_code i{
    width:245px;
}
.piaow7_code .piaow7_p3{
    font-size:14px;
    color:#51a1ff;
    margin:14px 0 0 0;
    transition: 0.5s ease-in-out;
}
.piaow7_code .piaow7_ewm{
    position: absolute;
    width:100px;
    height: 100px;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.15);
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
    border: 5px solid rgba(255,255,255,.85);
    border-radius: 6px;
    bottom:100%;
    left:50%;
    margin:0 0 0 -55px;
    transition: 0.5s ease-in-out;
}
.piaow7_code .piaow7_ewm:after{
    content: "";
    display: block;
    display: none\9;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(51deg) skew(12deg);
    -moz-transform: rotate(51deg) skew(12deg);
    -ms-transform: rotate(51deg) skew(12deg);
    transform: rotate(51deg) skew(12deg);
    background: #fff;
    position: absolute;
    z-index: 0;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.15);
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
.piaow7_code .piaow7_ewm img{
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 6px;
}
.piaow8_box{
    width:100%;
    padding:0 0 80px 0;
}
.piaow8_con{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.piaow8_tit{
    font-size:22px;
    color:#333;
    display: inline-block;
    margin:80px 0 70px 0;
}
.piaow8_con ul{
    overflow:hidden;
    margin:0 -18px 0 0;
}
.piaow8_con ul li{
    float:left;
    width:390px;
    height:160px;
    margin:0 16px 0 0;
}
.piaow8_con ul li img{
    width:100%;
    height: 100%;
}
/*----------------------------------------------内页：解决方案-小程序----------------------------------------------------*/
.page_ban14{
    background: url(../image/page_ban14.jpg) no-repeat 50%;
}
.page_ban14 .pban_con{
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.page_ban14 .pban_con a{
    background: #fff;
    color:#434ae0;
}
.pban_img14{
    position: absolute;
    right: 0;
    top:-130px;
    width: 576px;
    height: 446px;
}
.xcx1_box{
    width:100%;
}
.xcx1_con{
    width:1200px;
    margin:0 auto;
    text-align:center;
    padding:0 0 80px 0;
}
.xcx1_con .xcx1_tit{
    display: inline-block;
    font-size:22px;
    color:#333;
    margin:80px 0 50px 0;
}
.xcx1_con ul{
    overflow:hidden;
}
.xcx1_con ul li{
    float: left;
    width:304px;
    padding:20px 48px 30px 48px;
}
.xcx1_con ul li .xcx1_span{
    display:inline-block;
    width:102px;
    height: 102px;
    background: url(../image/jj_xcx2.png) no-repeat center;
    border-radius:50%; 
    transition: all .5s;
}
.xcx1_con ul li:hover .xcx1_span{
    box-shadow: 0 0 8px 0 hsla(0,0%,53%,.3);
}
.xcx1_con ul li .xcx1_span1{
    background-position:0 0;
}
.xcx1_con ul li .xcx1_span2{
    background-position:-104px 0;
}
.xcx1_con ul li .xcx1_span3{
    background-position:-208px 0;
}
.xcx1_con ul li .xcx1_span4{
    background-position:-312px 0;
}
.xcx1_con ul li .xcx1_span5{
    background-position:-416px 0;
}
.xcx1_con ul li .xcx1_span6{
    background-position:-520px 0;
}
.xcx1_con ul li .xcx1_p1{
    margin:40px 0 16px 0;
    font-size:20px;
    color:#333;
    transition: transform 1.4s ease;
}
.xcx1_con ul li:hover .xcx1_p1{
    color:#00a3d7;
}
.xcx1_con ul li .xcx1_p2{
    font-size:16px;
    color:#808080;
    line-height: 30px;
}
.xcx2_box{
    width:100%;
    background: #f8f8f8;
}
.xcx2_con{
    width:1200px;
    margin:0 auto;
    text-align:center;
    padding:0 0 80px 0;
}
.xcx2_con .xcx2_tit{
    display: inline-block;
    font-size:22px;
    color:#333;
    margin:80px 0 70px 0;
}
.xcx2_con ul{
    overflow:hidden;
    margin:0 -40px 0 0;
}
.xcx2_con ul li{
    float:left;
    width:208px;
    height:275px;
    background: #fff;
    border-radius: 5px;
    margin:0 40px 0 0;
}
.xcx2_con ul li .xcx2_img{
    width:208px;
    height:208px;
    overflow:hidden;
}
.xcx2_con ul li .xcx2_img img{
    width:100%;
    height: 100%;
    -webkit-transition: -webkit-transform 3s;
    transition: -webkit-transform 3s;
    transition: transform 3s;
    will-change: transform;
    transition: transform 3s,-webkit-transform 3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.xcx2_con ul li:hover .xcx2_img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.xcx2_con ul li .xcx2_p1{
    font-size:20px;
    color:#333333;
    line-height: 60px;
}
.xcx3_box{
    width:100%;
    margin-bottom:80px;
}
.xcx3_con1{
    width:100%;
    height:182px;
    background:#668df6;
}
.xcx3_con2{
    width:1200px;
    margin:0 auto;
    background:#fff;
    margin-top:-100px;
    box-shadow: 0 2px 14px rgba(50,50,50,0.2);
    padding:80px 0 0 0;
    text-align: center;
} 
.xcx3_con2 .xcx3_tit{
    font-size:22px;
    color:#333;
    margin:0 0 70px 0;
}
.xcx3_con2 ul{
    overflow:hidden;
}
.xcx3_con2 ul li{
    float: left;
    width:200px;
}
.xcx3_con2 ul li .xcx2_span{
    display:inline-block;
    width:70px;
    height:70px;
    background: url(../image/jj_xcx8.png) no-repeat center;
    box-shadow: 0 0 8px 0 hsla(0,0%,53%,.3);
    border-radius: 50%;
    margin-bottom: 24px;
    transition: transform 1.4s ease;
}
.xcx3_con2 ul li:hover .xcx2_span{
    transform: rotateY(-360deg);
}
.xcx3_con2 ul li .xcx2_span1{
    background-position:0 0;
}
.xcx3_con2 ul li .xcx2_span2{
    background-position:-72px 0;
}
.xcx3_con2 ul li .xcx2_span3{
    background-position:-144px 0;
}
.xcx3_con2 ul li .xcx2_span4{
    background-position:-216px 0;
}
.xcx3_con2 ul li .xcx2_span5{
    background-position:-288px 0;
}
.xcx3_con2 ul li .xcx2_span6{
    background-position:-360px 0;
}
.xcx3_con2 ul li .xcx2_span7{
    background-position:-432px 0;
}
.xcx3_con2 ul li .xcx2_span8{
    background-position:-504px 0;
}
.xcx3_con2 ul li .xcx2_span9{
    background-position:-576px 0;
}
.xcx3_con2 ul li .xcx2_span10{
    background-position:-648px 0;
}
.xcx3_con2 ul li .xcx2_span11{
    background-position:-720px 0;
}
.xcx3_con2 ul li .xcx2_span12{
    background-position:-792px 0;
}
.xcx3_con2 ul li .xcx2_p1{
    font-size:16px;
    color:#333;
    margin-bottom: 70px;
}
.xcx3_con2 ul li:hover .xcx2_p1{
    color:#3388ff;
}
.xcx4_box{
    width:100%;
    background: #f8f8f8;
}
.xcx4_con{
    width:1200px;
    margin:0 auto;
    text-align: center;
    padding:80px 0;
}
.xcx4_con .xcx4_tit1{
    font-size:30px;
    color:#333;
}
.xcx4_con .xcx4_tit2{
    font-size:14px;
    color:#808080;
    margin:20px 0 80px 0;
}
.xcx4_kh{
    width:1200px;
    overflow:hidden;
}
.xcx4_fl{
    float: left;
    width:228px;
}
.xcx4_fl ul li{
    color:#333;
    cursor:pointer;
    font-size:18px;
    line-height: 26px;
    margin:0 0 40px 0;
    padding:0 0 0 15px;
    display: block;
    text-align: left;
}
.xcx4_fcon{
    float: right;
    width:960px;
}
.xcx4_fcon ul li{
    float: left;
    width:25%;
    position: relative;
    padding:5px;
    margin:-5px;
    overflow:hidden; 
}
.xcx4_fcon ul li .xcx4_img{
    width:200px;
    height:150px;
    margin:15px 15px 0 0;
    box-shadow: 0 0 8px 0 hsla(0,0%,53%,.5);
    background-color:#fff;
}
.xcx4_fcon ul li .xcx4_span{
    display:block;
    text-align: center;
    width:200px;
    height: 150px;
    background: #fff no-repeat 50%/200px;
   

}
.xcx4_div p{
    font-size:16px;
    color:#333;
    text-align: center;
}
.xcx4_fcon ul li .xcx4_code{
    height: 150px;
    left:5px;
    right:0;
    bottom:5px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 100%;
    -webkit-transition: top .3s ease-out;
    -moz-transition: top .3s ease-out;
    transition: top .3s ease-out;
    width:200px;
}
.xcx4_fcon ul li:hover .xcx4_code{
    top:20px;
}
.xcx4_fcon ul li .xcx4_code .xcx4_cspa{
    background: #fff no-repeat 50%/120px;
    height: 100%;
    display: inline-block;
    width:200px;
}
.xcx4_fl .layui-tab-title{
    height: auto;
    border:0;
}
.xcx4_kh .layui-tab-content{
    padding:0;
}
.xcx4_fl .layui-tab-title .layui-this:after{
    border:none;
    border-left:4px solid #6395f2;
    height: 26px;

}
.xcx4_fl .layui-tab-title .layui-this{
    color:#6395f2;
}
.xcx4_anli ul{
    overflow:hidden;
    margin:0 -30px 0 0;
}

.xcx4_anli ul li{
    float: left;
    width:380px;
    height:188px;
    margin:0 30px 22px 0;
    background: #fff;
    padding:30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.xcx4_anli ul li:hover{
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
}
.xcx4_anli ul li:hover .x4anli_wz{
    color:#333;
}
.xcx4_anli ul li .x4anli_img{
    margin:0 0 19px 0;
}
.xcx4_anli ul li .x4anli_img img{
    height: 30px;
}
.xcx4_anli ul li .x4anli_tit{
    font-size: 18px;
    color: #1a1a1a;
    margin: 6px 0 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.xcx4_anli ul li .x4anli_wz{
    font-size:14px;
    line-height: 20px;
    color:#666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
}
.xcx5_box{
    width:100%;
}
.xcx5_con{
    width:1200px;
    margin:0 auto;
    text-align: center;
    padding:0 0 80px 0;
}
.xcx5_con .xcx5_tit{
    font-size:22px;
    color:#333;
    margin:80px 0 70px 0;
    display: inline-block;
}
.xcx5_con ul{
    overflow:hidden;
}
.xcx5_con ul li{
    position: relative;
    width:222px;
    margin-right:78px;
    float: left;
    text-align: center;
}
.xcx5_con ul li .xcx5_sz .xcx5_span{
    width:66px;
    height: 66px;
    display: inline-block;
    background: #fff;
    border:2px solid rgba(51,136,255.2);
    font-family: PingFangSC-Semibold;
    font-size:38px;
    line-height: 66px;
    color:#3388ff;
    text-align: center;
    border-radius:100%;
    margin: 0 0 20px 0;
}
.xcx5_con ul li .xcx5_sz .xcx5_dian{
    position: absolute;
    top:35px;
    left:50%;
    margin:0 0 0 89px;
    line-height: 5px;
    font-size:0;
    white-space:nowrap;
}
.xcx5_con ul li .xcx5_sz .xcx5_dian i{
    margin:0 4px;
    width:5px;
    height: 5px;
    display: inline-block;
    background: #e5e5e5;
    border-radius: 5px;
}
.xcx5_con ul li .xcx5_p1{
    font-size:18px;
    color:#333;
    line-height:30px;
    transition: all .5s;
}
.xcx5_con ul li:hover .xcx5_p1{
    color:#3388ff;
}
.xcx6_box{
    width:100%;
    background: #f8f8f8;
}
.xcx6_con{
    width:1200px;
    margin:0 auto;
    text-align: center;
    padding:0 0 80px 0;
}
.xcx6_con .xcx6_tit{
    font-size:22px;
    color:#333;
    margin:80px 0 70px 0;
    display: inline-block;
}
.xcx6_help{
    padding:20px 0;
    text-align: left;
}
.xcx6_help .xcx6_p1{
    font-size:18px;
    color:#333;
    line-height: 25px;
}
.xcx6_help .xcx6_p2{
    padding:10px 0 0 0;
    font-size:16px;
    color:#666;
    line-height: 28px;
}
/*-------------------------------------------------内页：联系我们------------------------------------*/
.page_ban15{
    background: url(../image/page_ban15.jpg) no-repeat 50%;
}
.contact_box{
    width:100%;
}
.contact_con{
    width:1200px;
    margin:0 auto;
    text-align: center;
    padding:0 0 80px 0;
}
.contact_con .contact_tit{
    font-size: 22px;
    color: #477bad;
    font-weight: bold;
    margin:80px 0 10px 0;
}
.contact_con ul{
    margin:0 -30px 0 0;
    clear:both;
    display: table;
    content: "";
}
/*.contact_con ul li{*/
/*    float: left;*/
/*    width:277px;*/
/*    height: 214px;*/
/*    margin:0 30px 0 0;*/
/*    padding:30px 26px;*/
/*    box-sizing: border-box;*/
/*    border:1px solid #e5e5e5;*/
/*    text-align: left;*/
/*    transition: all .5s;*/
/*}*/
.contact_con ul li:hover{
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
}
.contact_con ul li .con_p1{
    font-size:18px;
    color:#181818;
    font-weight: bold;
    transition: all .5s;
}
.contact_con ul li:hover .con_p1{
    color:#0294ff;    
}
.contact_con ul li .con_p2{
    font-size:16px;
    color:#808080;
    margin:16px 0 16px 0;
    line-height: 26px;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:2;
    overflow: hidden; 
}
.contact_con ul li .con_p3{
    font-size:16px;
    color:#808080;
    margin:0 0 10px 0;
}
.contact_con ul li .con_p3 .con_span1{
    display: inline-block;
    width:18px;
    height: 18px;
    background: url(../image/con_us1.png) no-repeat center;
    background-position: 0 0;
    vertical-align: -4px;
    margin:0 12px 0 0;
}
.contact_con ul li .con_p3 .con_span2{
    display: inline-block;
    width:22px;
    height: 18px;
    background: url(../image/con_us1.png) no-repeat center;
    background-position:-21px 0;
    vertical-align: -4px;
    margin:0 10px 0 0;
}
.contact_con .con_map{
    margin-top:70px;
}

/*2021 07 13*/
.con_country{
    width:100%;
    overflow: hidden;
    padding:60px 0 40px 0;
}
.con_country div{
    width:90%;
    float: left;
}
.con_country li .try_tit{
    font-size:22px;
    color:#477bad;
    font-weight: bold;
    margin: 0 0 30px 0;
    text-transform:uppercase;
}
.con_country li .try_p1{
    font-size:16px;
    color:#808080;
    margin: 0 0 10px 0;
}
.liuyan_box{
    width:100%;
    -webkit-transform: translatey(-70px);
    transform: translatey(-70px);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.66s ease-in-out 0s,  opacity 0.66s ease-in-out 0s;
    transition: transform 0.66s ease-in-out 0s,  opacity 0.66s ease-in-out 0s;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
.liuyan_box .ly_tit{
    font-size:22px;
    color:#477bad;
    font-weight: bold;
    margin: 0 0 30px 0;
}
.ly_name{
    width:578px;
    display: inline-block;
    margin: 0 40px 30px 0;
    position: relative;
}
.input_red{
    position: absolute;
    top:48px;
    left:0;
    color:red;
    display: none;
}
.ly_name input{
    width:100%;
    height: 46px;
    line-height: 46px;
    border:1px solid #e5e5e5;
    font-size:14px;
    color:#040404;
    text-indent: 20px;
    transition: all 0.3s ease-out 0s;
    box-sizing: border-box;
}
.ly_contact{
    width:578px;
    display: inline-block;
    margin: 0 0 30px 0;
    position:relative;
}
.ly_contact input{
    width:100%;
    height: 46px;
    line-height: 46px;
    border:1px solid #e5e5e5;
    font-size:14px;
    color:#040404;
    text-indent: 20px;
    transition: all 0.3s ease-out 0s;
    box-sizing: border-box;
}
.ly_con{
    width:1200px;
}
.ly_con textarea{
    width:100%;
    height: 148px;
    line-height: 46px;
    border:1px solid #e5e5e5;
    font-size:14px;
    color:#040404;
    text-indent: 20px;
    transition: all 0.3s ease-out 0s;
    box-sizing: border-box;
}
.ly_sub{
    text-align: center;
}
.ly_sub input{
    padding:0 95px;
    height:56px;
    line-height: 56px;
    background-color: #477bad;
    border-radius: 50px;
    color:#fff;
    border:0;
    margin:40px auto 60px auto;
    font-size:16px;
    cursor: pointer;
    border:none;
    outline: none;
}
.ly_mapb{
    width:100%;
    padding:80px 0;
    background-color: #f7f7f7;
}
.ly_mapb .map_con{
    width:1200px;
    margin: 0 auto;
}

/*---------------------------------------内页-新闻资讯-------------------------------*/
.page_ban16{
    background: url(../image/page_ban16.jpg) no-repeat 50%;
}
.page_ban16 .pban_con{
    text-align: left;
    width:1200px;
    margin:0 auto;
}
.new_box{
    width:100%;
    background: #f6f7f9;
}
.new_con{
    width:1200px;
    margin:0 auto;
    overflow:hidden;
    padding:60px 0;
}
.new_left{
    float: left;
    width:260px;
}
.new_left .new_tit{
    font-size:18px;
    color:#333;
    border-bottom:2px solid #e5e5e5;
    padding:0 0 10px 0;
    font-weight: bold;
}
.new_left .new_tit span{
    font-size:12px;
    color:#808080;
    font-weight:normal;
    margin:0 0 0 10px;
}
.new_left .new_line{
    display: inline-block;
    height: 2px;
    width:66px;
    border-bottom:2px solid #27a47c;
    margin:-4px 0 20px 0;
}
.new_left p.current a{
    color:#27a47c;
    font-weight: bold;
}
.new_left .new_p1 a{
    display: inline-block;
    font-size:16px;
    color:#333333;
    line-height: 40px;
}
.new_right{
    float:right;
    width:870px;
}
.new_right ul li{
    overflow:hidden;
    border-bottom:1px dashed #d9d9d9;
    padding:0 0 44px 0;
    margin:0 0 44px 0;
}
.new_img{
    float: left;
    width:260px;
    height:144px;
    margin:0 26px 0 0;
}
.new_img img{
    width:100%;
    height: 100%;
}
.new_wz{
    float: left;
    width:584px;
}
.new_wz .new_p2{
    font-size:18px;
    color:#333;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:1;
    overflow: hidden;
    transition: all .5s; 
}
.new_right ul li:hover .new_wz .new_p2{
    color:#27a47c;
    font-weight: bold;
}
.new_wz .new_p3{
    font-size:12px;
    color:#666;
    margin:14px 0 14px 0;
}
.new_wz .new_p3 span{
    color:#333;
}
.new_wz .new_p4{
    font-size:14px;
    color:#333;
    line-height: 26px;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:2;
    overflow: hidden; 
    margin:0 0 10px 0;
}
.new_wz .new_more{
    font-size:14px;
    color:#27a47c;
}
.new_right .pag_box{
    text-align: center;
}
.new_right .pag_box .layui-laypage a,.new_right .pag_box .layui-laypage span{
    padding:0 20px;
    line-height: 38px;
    height: 38px;
}
.new_right .pag_box .layui-laypage .layui-laypage-curr .layui-laypage-em{
    color:#27a47c;
}
/*----------------------------------内页-新闻资讯-详情--------------------------------*/
.dnew_box{
    width:100%;
}
.dnew_con{
    width:1200px;
    margin:0 auto;
}
.dnew_con .dnew_nav{
    font-size:16px;
    padding:40px 0;
}
.dnew_con .dnew_nav .dnew_t1{
    color:#0294ff;
    margin:0 10px 0 0;
}
.dnew_con .dnew_nav .dnew_t2{
    margin:0 0 0 10px;
}
.dnew_con .dnew_neir{
   clear:both;
    display: table;
    content: "";
}
.dnew_neir .dnew_left{
    width:750px;
    float: left;
    margin:0 95px 0 0;
}
.dnew_neir .dnew_left .dnew_tit{
    font-size:36px;
    color:#424242; 
    line-height:56px;
    text-align: center;
}
.dnew_neir .dnew_left .dnew_time{
    font-size:16px;
    color:#0294ff;
    padding:44px 0;
    border-bottom:1px solid #e5e5e5;
}
.dnew_det{
    margin:30px 0 80px 0;
}
.dnew_det p{
    font-size:16px;
    color:#333;
    margin:0 0 20px 0;
    line-height: 30px;
}
.dnew_det p img{
    width:100%;
    height: 100%;
    margin:0 0 30px 0;
}
.dnew_det .dnew_detimg{
    width:750px;
    margin:0 0 30px 0;
}
.dnew_det .dnew_detimg img{
    width:100%;
    height: 100%;
}
.dnew_det .dnew_dp1{
    font-size:16px;
    color:#333;
    margin:0 0 20px 0;
    line-height: 30px;
}
.dnew_neir .dnew_right{
    padding:40px 26px;
    box-sizing: border-box;
    width:354px;
    float:right;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
}
.dnew_right .dnew_rtit{
    font-size:18px;
    color:#424242;
    padding:0 0 20px 0;
    border-bottom:1px solid #e5e5e5;
    font-weight: bold;
}
.dnew_right li{
    padding:24px 0 18px 0;
}
.dnew_right li .dnew_rp1{
    font-size:16px;
    color:#333333;
    line-height: 28px;
    transition: all .5s; 
}
.dnew_right li .dnew_rp2{
    font-size:14px;
    color:#999;
    margin:10px 0 0 0;
    transition: all .5s; 
}
.dnew_right li:hover .dnew_rp1{
    color:#0294ff;
}
.dnew_right li:hover .dnew_rp2{
    color:#0294ff;
}


/*---------------------------------------通知公告--------------------------------*/

.asgy_box{
    width:100%;
    background:#fafafa;
    padding:50px 0 0 0;
}
.asgy_con{
    width:1200px;
    margin:0 auto;
    overflow:hidden;
    padding:0 0 60px 0;
}
.asgy_con .asgy_list{
    width:100%;
    float: left;
    background: #fff;
    padding:0 0 30px 0;
}
.asgy_con .asgy_list ul{
    padding:10px 40px 0 40px;
}
.asgy_con .asgy_list ul li{
    overflow:hidden;
    padding:30px 0;
    border-bottom:1px solid #e5e5e5;
    position: relative;
}
.asgy_left{
    width:174px;
    height:130px;
    border-right:1px solid #e5e5e5;
    padding:40px 0 0 24px;
    box-sizing: border-box;
    float: left;
}
.asgy_left .asl_flot{
    float:left;
    font-size:44px;
    color:#10142c;
}
.asgy_left .asr_flot{
    float: left;
    margin:0 0 0 10px;
}
.asgy_left .asr_flot .asr_mon{
    color:#313131;
    font-size:14px;
    margin:10px 0 4px 0;
}
.asgy_left .asr_flot .asr_year{
    color:#313131;
    font-size:14px;
}
.asgy_rig{
    width:90%px;
    float: left;
    position: absolute;
    left:200px;
    box-sizing: border-box;
    transition: all ease .5s;
}
.asgy_list ul li:hover .asgy_rig{
    left:210px;
}
.asgy_rig .asgy_rp1{
    font-size:20px;
    color:#313131;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    transition: all ease .5s;
}
.asgy_list ul li:hover .asgy_rig .asgy_rp1{
    color:#c51114;
}
.asgy_rig .asgy_rp2{
    color:#666666;
    font-size:14px;
    line-height:28px;
    height: 56px;
    margin:10px 0 14px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
.asgy_rig .asgy_ra1{
    display:inline-block;
    color:#c51114;
    font-size:14px;
}
.pag_box{
    text-align: center;
    padding:22px 0;
}
.pag_box .layui-laypage a,.pag_box .layui-laypage span{
    padding:0 22px;
    height: 40px;
    line-height:40px;
    font-size:14px;
}
.pag_box .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color:#c51114;
}
.pag_box .layui-laypage a:hover{
    color:#c51114;
}

/*-----------------------------------协会会员-------------------------------*/
.peix_box{
    width:100%;
    background: #fafafa;
    padding:60px 0;
}
.peix_con{
    width:1200px;
    margin:0 auto;
    background:#f2f2f2;
}
.peix_con .peix_col1{
    background:#383838;
    width:1200px;
    height: 394px;
}
.peix_col1 .peix_c1p1{
    font-size:30px;
    color:#fee1ae;
    text-align:center;
    font-weight: bold;
    padding:30px 0 20px 0;
}
.peix_col1 .peix_c1p2{
    width:818px;
    line-height: 30px;
    font-size:14px;
    color:#fafafa;
    margin:0 auto;
    opacity: .5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    text-align: center;
}

.peix_col2{
    width:1120px;
    background: #fff;
    padding:80px 40px;
    box-sizing: border-box;
    margin:-160px auto 25px auto;
    border-radius: 10px;
}
.peix_col2  .dywz_p1{
    font-size:14px;
    color:#4c4c4c;
    line-height: 29px;
    margin:0 0 40px 0;
}

 .szkj_tp1 {
    font-size: 22px;
    color: #c51114;
    float: left;
}

.szkj_s1 {
    width: 9px;
    height: 9px;
    background: #c51114;
    border-radius: 50%;
    display: inline-block;
    margin: 12px 10px 0 20px;
}


.r_zpxs{
    background: #e0e0e0;
    height:78px;
    overflow:hidden;
    padding:0 50px;
    line-height: 78px;
}
.r_zpxs .r_zpp1{
    float:left;
    font-size:14px;
    color:#c51114;
}
.r_zpxs .r_zpp1 span{
    display:inline-block;
    width:18px;
    height:18px;
    margin:0 16px 0 0;
    background: url(../image/zpxx_1.png) center no-repeat;
    vertical-align: middle;
}
.r_zpxs .r_zpp2{
    font-size:14px;
    color:#c51114;
    margin:0 0 0 40px;
    float:left;
}
.r_zpxs .r_zpp3{
    float:right;
    font-size:14px;
    color:#c51114;
}
.r_zpxs .r_zpp3 span{
    width:14px;
    height:20px;
    display: inline-block;
    background: url(../image/zpxx_2.png) center no-repeat;
    vertical-align: middle;
    margin:0 0 0 20px;
}