/* CSS Document */
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*font-family: "Microsoft YaHei" */
}

body {
    font-size: 12px;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}

img {
    border: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}

.clear {
    clear: both;
}

body a {
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

input:focus,
button {
    outline: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
    border: none;
}

textarea {
    -webkit-appearance: none;
}

header {
    background: #ffffff;
    position: relative;
    z-index: 1000;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.none {
    display: none;
}

.logo {
    float: left;
    width: 121px;
    height: 32px;
    background: url(../image/logo.png) no-repeat 0 0;
    background-size: contain;
    text-indent: -10000px;
    overflow: hidden;
    font-size: 12px;
    margin: 24px 0;
    position: relative;
}

.logo a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.slogan {
    float: left;
    width: 430px;
    overflow: hidden;
    margin-top: 40px;
}

.slogan dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #222222;
    font-size: 18px;
    font-weight: normal;
}

.slogan dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #212121;
    font-size: 18px;
    font-weight: bold;
}

.tel {
    float: left;
    padding: 39px 31px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    margin-bottom: 0;
    width: 256px;
}

.tel dt {
    float: left;
    width: 100%;
    color: #676767;
    font-size: 14px;
    letter-spacing: 10px;
    font-weight: normal;
}

.tel dd {
    float: left;
    width: 100%;
    padding-left: 23px;
    background: url(../image/icon1.png) no-repeat 0 0;
    line-height: 20px;
    color: #278edd;
    font-size: 24px;
    margin-top: 5px;
}

.header_r {
    float: right;
    overflow: hidden;
    width: 270px;
    margin-top: 12px;
}

.header_r span {
    float: left;
    width: 268px;
    text-align: center;
    border: 1px solid #d3e8f9;
    height: 35px;
    line-height: 35px;
    color: #248bdb;
    font-size: 14px;
    letter-spacing: 3px;
}

.header_r ul {
    float: left;
    width: 100%;
    display: inline;
    overflow: hidden;
}

.header_r ul li {
    float: left;
    width: 33.33%;
    overflow: hidden;
    background: url(../image/g.png) no-repeat right 37px;
}

.header_r ul li a {
    float: left;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 32px;
    color: #666666;
    font-size: 14px;
    text-align: center;
}

.header_r ul li a.gfwx {
    background: url(../image/icon2.png) no-repeat center 0
}

.header_r ul li a.sjwz {
    background: url(../image/icon3.png) no-repeat center 0
}

.header_r ul li a.jrsc {
    background: url(../image/icon4.png) no-repeat center 0
}

.navbar-inverse .navbar-nav>li>a.cur {
    background-color: #248bda !important;
    color: #ffffff !important;
}

/*footer*/
.footer_bottom {
    width: 100%;
    overflow: hidden;
    background: #2d394d;
    padding-top: 17px;
    padding-bottom: 17px;
    z-index: 9;
    position: relative;
}

.copright {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0.4;
}

.copright a {
    color: #fff;
}

.footer_top {
    width: 100%;
    background: #2d394d;
    padding: 3% 0 1%;
    border-bottom: 1px solid #232d3c;
}

.links {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.links dt {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.links dd {
    float: left;
    width: 100%;
    overflow: hidden;
    line-height: 24px;
    margin-top: 5px;
}

.links dd a {
    color: #92959a;
    margin-right: 16px;
}

.links dd a:hover {
    text-decoration: underline;
}

.company-title {
    width: 100%;
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
}

.address_l {
    float: left;
    width: 40%;
    overflow: hidden;
    display: inline;
    color: #868b91;
    line-height: 28px;
    font-size: 14px;
    margin-top: 5px;
}

.address_r {
    float: right;
    width: 60%;
    overflow: hidden;
    display: inline;
    color: #868b91;
    line-height: 28px;
    font-size: 14px;
    margin-top: 5px;
}

.app_ewm {
    float: left;
    width: 45%;
    -webkit-box-shadow: 1px 1px 3px #252a36;
    -moz-box-shadow: 1px 1px 3px #252a36;
    box-shadow: 1px 1px 3px #252a36;
    padding: 8px;
    border: 1px solid #474e60;
    margin-right: 5%;
    margin-top: 25px;
}

.app_ewm dt {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.app_ewm dd {
    float: left;
    width: 50%;
    overflow: hidden;
    margin-left: 13px;
}

.app_ewm dd p {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #989ba2;
    font-size: 17px;
    margin-top: 12px;
    height: 20px;
}

.app_ewm dd span {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #7b818d;
}

.app_ewm dd img {
    float: left;
    margin-top: 4px;
}

.demand_box {
    width: 100%;
    background: url(../image/bg.png) repeat 0 0;
    padding-top: 33px;
    padding-bottom: 33px;
    overflow: hidden;
}

.demand_title {
    float: left;
    width: 100%;
    overflow: hidden;
}

.demand_title dt {
    float: left;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
}

.demand_title dd {
    float: right;
    color: #666666;
    font-size: 12px;
    margin-top: 8px;
}

.demand_list {
    float: left;
    width: 100%;
    overflow: hidden;
    display: inline;
}

.demand_list li {
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 1%;
}

.demand_list li input {
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 0;
    height: 42px;
    padding: 10px 12px;
}

.demand_list li.input_1 {
    width: 14%;
}

.demand_list li.input_2 {
    width: 30%;
}

.demand_list li.input_3 {
    width: 8%;
}

.tjxmxq {
    background: #363d4d;
    border: none;
    border-radius: 0;
    padding: 11px 30px;
    color: #ffffff;
}

.tjxmxq:hover {
    background: #363d4d;
    color: #ffffff;
}

/*main*/
.main-cont1 {
    width: 100%;
    overflow: hidden;
    background: url(../image/cont1_bg.jpg) no-repeat center 0;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

.hxyw-title {
    width: 100%;
}

.hxyw-title dt {
    width: 100%;
    text-align: center;
    color: #666666;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: normal;
}

.hxyw-title dd {
    width: 100%;
    text-align: center;
}

.hxyw-title dd.hxyw {
    font-size: 36px;
    color: #222222;
}

.hxyw-title dd.line i {
    background: #248adc;
    width: 57px;
    height: 3px;
    display: inline-block;
}

.hxyw-title dd.hx_slogan {
    color: #676767;
    font-size: 17px;
    letter-spacing: 3px;
    margin-top: 3px;
}

.core-list {
    float: left;
    width: 100%;
    display: inline;
    overflow: hidden;
}

.core-list li {
    float: left;
    width: 18%;
    display: block;
    overflow: hidden;
    margin-right: 2%;
    position: relative;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}

.core-list li:last-child {
    margin-right: 0
}

.core-list-t {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    border: 5px solid #ffffff;
    background: #eaeaea;
    text-align: center;
    line-height: 120px;
    height: 120px;
    border-radius: 50%;
    font-size: 60px;
    color: #333333;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}

.core-ist-b {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding-top: 66px;
    padding-bottom: 5px;
    margin-top: 50px;
}

.core-ist-b h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #232323;
    font-size: 16px;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.core-ist-b p {
    float: left;
    width: 100%;
    text-align: center;
    color: #a1a1a1;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.more {
    float: left;
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    color: #a0a0a0;
    font-size: 40px;
}

.core-list li:hover .core-list-t {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background: #248bda;
    color: #ffffff;
}

.core-list li:hover .core-ist-b {
    background: #248bda;
}

.core-list li:hover .core-ist-b h3 {
    color: #ffffff;
}

.core-list li:hover p {
    color: #ffffff;
}

.core-list li:hover .more {
    color: #ffffff;
}

.small-program {
    padding-top: 30px;
    padding-bottom: 0;
    overflow: hidden;
}

.small-program-title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #222222;
    font-size: 48px;
}

.small-program-slogan {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #222222;
    font-size: 24px;
}

.small-program-slogan2 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #999999;
    font-size: 14px;
}

.button_box {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
    padding-bottom: 35px;
}

.button_box a {
    display: inline-block;
    padding: 10px 35px;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    border-radius: 24px;
    color: #ffffff;
    font-size: 18px;
    margin-left: 6px;
    margin-right: 6px;
}

.button_box a.ckxq {
    background: #248bdb;
    border: 1px solid #227dc4;
}

.button_box a.ljzx {
    background: #76c5f4;
    border: 1px solid #5faddc;
}

.small_list {
    float: left;
    width: 100%;
    overflow: hidden;
    padding-left: 20%;
    margin-top: 70px;
}

.small_list dl {
    float: left;
    width: 80%;
    overflow: hidden;
    margin-bottom: 12px;
}

.small_list dl dt {
    float: left;
    font-size: 46px;
    color: #666666;
}

.small_list dl dd {
    float: left;
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 4px;
}

.small_list p {
    float: left;
    width: 80%;
    overflow: hidden;
    color: #666666;
    font-size: 16px;
    line-height: 24px;
}

.app_kf_box {
    width: 100%;
    overflow: hidden;
    background-color: #76c5f4;
    padding-top: 30px;
    padding-bottom: 40px;
}

.t_alin_l {
    text-align: left;
}

.app_title {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-size: 48px;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 50px;
}

.app_list {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
}

.app_list dt {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-size: 30px;
}

.app_list dd {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    margin-top: 6px;
}

.tengyun_box {
    padding-top: 55px;
    padding-bottom: 55px;
}

.tengyun_l {
    padding-right: 0
}

.tengyun {
    padding-left: 0;
    padding-right: 0
}

.tengyun p {
    width: 100%;
}

.ty_title {
    font-size: 40px;
    color: #222222;
    margin-top: 54px;
}

.ty_slogan {
    font-size: 26px;
    font-weight: bold;
}

.ty_nr {
    color: #999999;
    font-size: 14px;
    margin-top: 13px;
    margin-bottom: 20px;
}

.ty_pho img {
    width: 100%;
}

.case_box {
    width: 100%;
    overflow: hidden;
    background: url(../image/pc1.jpg) no-repeat center 0;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 40px;
}

.case-title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    font-weight: normal;
    margin-top: 5px;
}

.case-frfed {
    border-top: 1px solid #484e5c;
    background: url(../image/lines2.jpg) repeat-x 0 bottom;
    border-bottom: 0;
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-left: 20%;
}

.case-frfed li {
    background: none;
    padding-right: 0;
    margin-left: 40px;
    margin-right: 40px;
}

.case-frfed li a {
    color: #ffffff;
    font-size: 18px;
    border: none;
}

.case-frfed li a:hover {
    background: none;
}

.tab-content {
    float: left;
}

.da-thumbs {
    list-style: none;
    position: relative;
    padding: 0;
    margin-top: 15px;
}

.da-thumbs li {
    float: left;
    position: relative;
    margin-top: 25px;
}

.da-thumbs li a,
.da-thumbs li a img {
    display: block;
    position: relative;
    width: 100%;
}

.da-thumbs li i {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background: #ffffff;
    line-height: 60px;
    color: #363636;
    font-size: 18px;
    font-style: normal;
}

.da-thumbs li a {
    overflow: hidden;
}

.da-thumbs li a div {
    position: absolute;
    background: #000000;
    background: rgba(60, 152, 240, 0.9);
    width: 100%;
    height: 100%;
    bottom: -100%;
}

.da-thumbs li a div span {
    display: block;
    padding: 80px 0 0 0;
    margin-top: 96px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 2em;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background: url(../image/ss.png) no-repeat center 0;
}

.process_box {
    width: 100%;
    overflow: hidden;
    background: url(../image/pc2.jpg) no-repeat center 0;
    background-size: cover;
    padding-top: 47px;
    padding-bottom: 30px;
}

.process_box_title {
    float: left;
    width: 100%;
    overflow: hidden;
    background: url(../image/lines3.png) no-repeat center 55px;
    padding-bottom: 20px;
}

.process_box_title dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
}

.process_box_title dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.lc_list {
    float: left;
    width: 50%;
    overflow: hidden;
    background: url(../image/bg2.png) no-repeat 0 0;
    min-height: 155px;
    padding-top: 43px;
}

.lc_list dt {
    float: left;
    width: 100%;
    padding-left: 40px;
    color: #ffffff;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lc_list dt i {
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    color: #248bda;
    margin-right: 28px;
}

.lc_list dd {
    float: left;
    width: 70%;
    overflow: hidden;
    color: #ffffff;
    line-height: 20px;
    font-size: 12px;
    margin-top: 62px;
    height: 40px;
}

.news_box {
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 20px 20px 10px 20px;
}

.qykh_title {
    float: left;
    width: 100%;
    color: #222222;
    font-size: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.qykh_title i {
    font-style: normal;
    color: #999999;
}

.tj_pho {
    float: left;
    width: 100%;
    overflow: hidden;
}

.tj_pho img {
    width: 100%;
}

.news_list {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.news_list li {
    float: left;
    display: block;
    width: 100%;
    overflow: hidden;
}

.news_list li a {
    float: left;
    display: block;
    width: 66%;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666666;
    font-size: 12px;
    padding-left: 15px;
    background: url(../image/list01.jpg) no-repeat 0 center;
}

.news_list li span {
    float: right;
    line-height: 30px;
    color: #999999;
    font-size: 12px;
}

.news_list li a:hover {
    color: #38a2ec;
}

.list_lh {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 13px;
    margin-bottom: 7px;
}



.news_box_cont {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.dsj_box {
    width: 100%;
    overflow: hidden;
    background: url(http://www.cnzlapp.com/templates/main/images/pc3.jpg) no-repeat center 0;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
}

.customer {
    float: left;
    width: 100%;
    overflow: hidden;
}

.customer dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #666666;
    letter-spacing: 24px;
    font-size: 16px;
}

.customer dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #258bdb;
    font-weight: bold;
    font-size: 26px;
    margin-top: 10px;
}

.customer_list {
    float: left;
    display: inline;
    overflow: hidden;
    margin-top: 20px;
    padding-top: 3px;
    padding-left: 1px;
}

.customer_list li {
    float: left;
    display: block;
    width: 14.2%;
    overflow: hidden;
    border: 1px solid #ececec;
    margin-left: -1px;
    margin-top: -1px;
}

.customer_list li img {
    width: 170px;
    height: 126px;
}

.col_fourth {
    float: left;
    width: 20%;
    overflow: hidden;
    position: relative;
}

.timer {
    width: 100%;
    text-align: center;
}

.jia {
    float: left;
    width: 90%;
    text-align: right;
    float: left;
    font-size: 30px;
    color: #ffffff;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -56px;
}

.count-title {
    color: #ffffff;
    font-size: 80px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif
}

.count-text {
    float: left;
    width: 100%;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}

.jia2 {
    float: left;
    width: 100%;
    text-align: right;
    float: left;
    font-size: 30px;
    color: #ffffff;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -56px;
}

/*在线考试系统*/
.nybanner {
    width: 100%;
    overflow: hidden;
}

.nybanner img {
    max-width: 100%;
}

.thumb_ba img {
    width: 100%;
}

.kyycj_box {
    padding-top: 35px;
    padding-bottom: 35px;
}

.zxksxt_title {
    width: 100%;
    overflow: hidden;
    display: block;
}

.zxksxt_title dt {
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 36px;
}

.zxksxt_title dd {
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 18px;
    margin-top: 10px;
    line-height: 30px;
}

.kyycj_list {
    float: left;
    width: 20%;
    overflow: hidden;
    padding-left: 2%;
    padding-right: 2%;
}

.kyycj_list dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.kyycj_list dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
    line-height: ;
    color: #333333;
    font-size: 12px;
    line-height: 18px;
}

.features-box {
    width: 100%;
    background: #f4f4f4;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 30px;
}

.cpts_list {
    float: left;
    width: 80%;
    overflow: hidden;
    margin-left: 10%;
}

.cpts_list dt {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.cpts_list dd {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 18px;
    margin-top: 0;
}

.cpts_list dd.cpts_list_nr {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-top: 30px;
}

.xtgn_box {
    padding-top: 42px;
    padding-bottom: 42px;
}

.xtgn_list {
    float: left;
    width: 16%;
    overflow: hidden;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 30px;
}

.xtgn_list dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    background: #f7774a;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.xtgn_list dd {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
    background: #aaaaaa;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 96px;
}

.xtgn_list dd h3 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.xtgn_list dd p {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-top: 5px;
    line-height: 18px;
}

.service_box {
    width: 100%;
    overflow: hidden;
    background: url(../image/ksxt_27.jpg) no-repeat center 0;
    background-size: cover;
    padding-top: 25px;
    padding-bottom: 25px;
}

.service_box_title {
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 30px;
    font-weight: normal;
}

.service_list {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.service_list dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.service_list dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 24px;
    margin-top: 15px;
}

/*直播*/
.live_what {
    padding-top: 41px;
    padding-bottom: 0;
}

.live_what_title {
    width: 100%;
    overflow: hidden;
    display: block;
}

.live_what_title dt {
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 36px;
    font-weight: normal;
}

.live_what_title dt i {
    color: #248bdb;
    font-style: normal;
}

.live_what_title dd {
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
}

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

.live_what_nr img {
    width: 100%;
}

.live_fanwei {
    width: 100%;
    background: #f4f4f4;
    padding-top: 40px;
    padding-bottom: 30px;
}

.fwfw_list {
    float: left;
    width: 100%;
    overflow: hidden;
    padding-left: 10%;
    padding-right: 10%;
}

.fwfw_list dt {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.fwfw_list dd {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin-top: 0;
}

.fwfw_list dd.fwfw_list_nr {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 15px;
}

.line_r {
    border-right: 1px solid #e6e6e6;
}

.p_b_20 {
    padding-bottom: 20px;
}

.tsgn_box {
    padding-top: 40px;
    padding-bottom: 20px;
}

.tsgn_list {
    float: left;
    width: 100%;
    border: 1px solid #efefef;
    padding: 11px;
}

.tsgn_list dt {
    width: 100%;
    overflow: hidden;
}

.tsgn_list dt img {
    width: 100%;
}

.tsgn_list dd {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #333333;
    margin-top: 15px;
}

.tsgn_list dd.tsgn_list_nr {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}

/*健身*/
.kyycj_list2 {
    width: 100%;
    overflow: hidden;
    padding-left: 8%;
    padding-right: 8%;
    margin-top: 15px;
}

.kyycj_list2 dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.kyycj_list2 dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
    line-height: ;
    color: #333333;
    font-size: 18px;
}

.kyycj_list2 dd.kyycj_list2_nr {
    font-size: 12px;
    line-height: 21px;
}

.kyycj_list2 img {
    width: 40%;
}

.jsxt_vs {
    width: 100%;
    background: #f2f6fa;
    padding-top: 28px;
    padding-bottom: 50px;
}

.jsxt_vs_box {
    background: url(../image/js_14.jpg) no-repeat center 0;
    padding-top: 0;
    padding-bottom: 0;
}

.znjsxt_title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #20a3fe;
    font-size: 30px;
    margin-top: 82px;
    padding-right: 25%;
}

.ctjsxt_title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #20a3fe;
    font-size: 30px;
    margin-top: 82px;
    padding-left: 29%;
}

.znjsxt_nr {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 107px;
}

.znjsxt_nr li {
    float: left;
    display: block;
    width: 80%;
    overflow: hidden;
    margin-top: 27px;
}

.znjsxt_nr li h3 {
    width: 100%;
    color: #20a3fe;
    font-size: 21px;
    font-weight: normal;
    margin-top: 0
}

.znjsxt_nr li p {
    width: 100%;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
}

.ctjsxt_nr {
    float: right;
    width: 50%;
    overflow: hidden;
    margin-top: 107px;
}

.ctjsxt_nr li {
    float: left;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 27px;
}

.ctjsxt_nr li h3 {
    width: 100%;
    color: #666666;
    font-size: 21px;
    font-weight: normal;
    margin-top: 0
}

.ctjsxt_nr li p {
    width: 100%;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
}

.module_box {
    width: 100%;
    overflow: hidden;
    background: url(../image/js_17.jpg) no-repeat center 0;
    padding-top: 30px;
    padding-bottom: 26px;
}

.module_title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 36px;
}

.grea_bg {
    width: 100%;
    background: #f2f6fa;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.jsxt_list {
    width: 84%;
    overflow: hidden;
    margin-top: 100px;
}

.jsxt_list dt {
    width: 100%;
    color: #333333;
    font-size: 30px;
    font-weight: normal;
}

.jsxt_list dd {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-top: 30px;
}

.jsxt_pho {
    width: 100%;
    float: left;
    text-align: center;
}

.zmks-list {
    padding-top: 25px;
    padding-bottom: 25px;
    overflow: hidden;
}

.sdjs_box {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sdjs-box-title {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 36px;
    font-weight: normal;
}

.sdjs-list {
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
    float: left;
}

.sdjs-list dt,
.sdjs-list dd {
    width: 100%;
    text-align: center;
}

.sdjs-list dd p {
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 24px;
    margin-top: 15px;
}

.sdjs-list dd span {
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 14px;
}


.module_box-frfed {
    width: 100%;
    border: none;
    margin-top: 35px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.module_box-frfed li {
    float: left;
    display: block;
    width: 136px;
    margin: 0;
    padding: 0;
    margin-right: 26px;
    margin-left: 26px;
    background: none;
    height: 246px;
    overflow: hidden
}

.module_box-frfed li a {
    float: left;
    display: block;
    width: 136px;
    height: 152px;
    text-align: center;
    color: #ffffff;
    border: none;
    border-radius: 0;
    padding-top: 30px;
    background: url(../image/js_4.png) no-repeat 0 0;
}

.module_box-frfed li a span {
    font-size: 50px;
}

.module_box-frfed li a i {
    float: left;
    width: 100%;
    font-style: normal;
    font-size: 18px;
    margin-top: 10px;
}

.module_box-frfed li:hover {
    border: none;
}

.module_box-frfed li:hover a {
    background: url(../image/js_3.png) no-repeat 0 0;
    border: none;
    color: #333333;
}

.module_box-frfed>li.active {
    background: url(../image/jt.png) no-repeat center bottom;
}

.module_box-frfed>li.active>a,
.module_box-frfed>li.active>a:hover,
.module_box-frfed>li.active>a:focus {
    color: #333;
    border-bottom: 0;
    background: url(../image/js_3.png) no-repeat 0 0;
}

.hjgl_box {
    margin-top: 17px;
}

.hjgl-title {
    width: 100%;
    color: #333333;
    font-weight: normal;
    font-size: 24px;
    margin-top: 85px;
}

.hjgl_list {
    float: left;
    width: 100%;
    background: url(../image/js_24.jpg) repeat-y 4px 10px;
    margin-top: 15px;
}

.hjgl_list li {
    float: left;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-left: 30px;
    background: url(../image/js_20.jpg) no-repeat 0 8px;
    margin-bottom: 29px;
}

.hjgl_list li p {
    width: 100%;
    color: #333333;
    font-size: 18px;
    float: left;
    margin: 0
}

.hjgl_list li span {
    width: 100%;
    color: #999999;
    font-size: 14px;
    margin-top: 6px;
    float: left;
}

.arr {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    margin-left: 0px;
    border-color: transparent transparent transparent #fff;
    border-style: dashed dashed dashed solid;
}

.mobile-game-cont1 {
    padding-top: 25px;
    padding-bottom: 38px;
}

.mobile-game-cont1-left {
    float: left;
    width: 40%;
    overflow: hidden;
}

.mobile-game-cont1-left img {
    width: 100%;
}

.mobile-game-cont1-right {
    float: right;
    width: 55%;
    overflow: hidden;
}

.mobile-game-cont1-right h3 {
    width: 100%;
    overflow: hidden;
    color: #333333;
    font-weight: normal;
    font-size: 36px;
    margin-top: 40px;
}

.mobile-game-cont1-right p {
    width: 100%;
    line-height: 24px;
    color: #666666;
    font-size: 14px;
    margin-top: 30px;
}

.game_youshi {
    background: #f6f6f6;
    width: 100%;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

.advantage_title {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 36px;
}

.advantage-list {
    float: left;
    display: block;
    width: 12%;
    overflow: hidden;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 20px;
}

.advantage-list dt {
    width: 100%
}

.advantage-list dt img {
    width: 100%;
}

.advantage-list dd {
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 18px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.game_products {
    padding-top: 30px;
    padding-bottom: 30px;
}

.game_lmdh {
    width: 657px;
    margin: 0 auto;
    padding-top: 25px;
}

.game_lmdh ul {
    float: left;
    display: inline;
    border: 1px solid #cccccc;
    border-radius: 17px;
    line-height: 34px;
}

.game_lmdh ul li {
    float: left;
    display: block
}

.game_lmdh ul li a {
    float: left;
    display: inline-block;
    width: 127px;
    text-align: center;
    color: #333333;
    font-size: 16px;
    border-radius: 17px;
}

.game_lmdh ul li a:hover {
    color: #ffffff;
    background: #464646;
}

.game_lmdh ul>li.active>a,
.game_lmdh ul>li.active>a:hover,
.game_lmdh ul>li.active>a:focus {
    color: #333;
    border-bottom: 0;
    background-color: #464646;
    color: #ffffff;
}



.game_content {
    float: left;
    width: 100%;
}

.game_content_list {
    float: left;
    width: 100%;
    overflow: hidden;
    display: inline;
}

.game_content_list li {
    float: left;
    width: 14%;
    padding-left: 1%;
    padding-right: 1%;
    display: block;
}

.game_content_list li img {
    width: 100%;
    margin-top: 18px;
}

.nd_slogan {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background: url(../image/lines4.png) no-repeat center center;
    color: #333333;
    font-size: 14px;
    margin-top: 8px
}

.plan-list {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 53px;
}

.plan-list dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.plan-list dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 18px;
    margin-top: 20px;
}

.m_t_20 {
    margin-top: 30px;
    float: left;
}

.bg_line {
    background: url(../image/lines5.jpg) no-repeat right 80px;
}

.jylc_box {
    width: 100%;
    display: inline;
    overflow: hidden;
    margin-top: 28px;
    float: left;
    margin-bottom: 0
}

.jylc_box li {
    float: left;
    display: block;
    width: 20%;
}

.jylc-list {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0
}

.jylc-list dt {
    float: left;
    width: 100%;
    text-align: center;
}

.jylc-list dd {
    float: left;
    width: 100%;
}

.jylc-list dd p {
    float: left;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 20px;
}

.jylc-list dd span {
    float: left;
    width: 100%;
    text-align: center;
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zlvsqt {
    padding-top: 35px;
    padding-bottom: 50px;
    overflow: hidden;
}

.zlvsqt_bg {
    background: url(../image/sy_33.jpg) no-repeat center 0;
}

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

.vs_pho dt {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.vs_pho dd {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 24px;
    margin-top: 2px;
}

.vs-list {
    width: 100%;
}

.vs-list li {
    width: 100%;
    float: left;
    display: block;
    margin-top: 4px;
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 15px 37px 15px 100px;
    background: url(../image/z.png) no-repeat 32px center;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    min-height: 82px;
}

.vs-list li.vs1 {
    background-color: #f98b29;
}

.vs-list li.vs2 {
    background-color: #3282dc;
}

.vs-list li.vs3 {
    background-color: #6eb543;
}

.vs-list li.vs4 {
    background-color: #48b7c1;
}

.vs-list li.dz {
    background: url(../image/dz.png) no-repeat 32px center;
    background-color: #dddddd;
    color: #333333;
}

.p_l_n {
    padding-left: 4%;
    padding-right: 4%;
}

.small_program {
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 0
}

.wxxcx_title {
    float: left;
    width: 100%;
    margin-top: 0;
}

.wxxcx_title dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 36px;
}

.wxxcx_title dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 36px;
}

.sdnt_pho {
    float: left;
    text-align: right;
    width: 100%;
}

.sdnt_list {
    float: left;
    margin-top: 45px;
    width: 100%;
    padding-right: 30%;
}

.sdnt_list li {
    float: left;
    width: 310px;
    display: block;
    overflow: hidden;
    background: #666666;
    border-radius: 12px;
    text-align: center;
    line-height: 65px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
}

.small_program2 {
    width: 100%;
    background: url(../image/xcx_07.jpg) no-repeat center 0;
    padding-top: 20px;
    padding-bottom: 40px;
    background-size: cover
}

.wxxcx_title2 {
    float: left;
    width: 100%;
    margin-top: 0;
}

.wxxcx_title2 dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 36px;
}

.wxxcx_title2 dt i {
    font-size: 60px;
    font-style: normal;
}

.wxxcx_title2 dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 36px;
    color: #ffffff;
}

.liuliang {
    float: left;
    width: 100%;
    overflow: hidden;
    border: 1px solid #f3f3f3;
    padding: 22px 20px;
    margin-top: 15px;
    min-height: 168px;
}

.liuliang dt {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: normal;
}

.liuliang dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 18px;
}

.xcx_slogan {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    margin-top: 20px;
}

.small-program-title2 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #222222;
    font-size: 36px;
    font-weight: bold;
}

.small-program-slogans1 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #222222;
    font-size: 36px;
}

.small-program-slogans2 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #666666;
    font-size: 18px;
}

.small-program-slogans1 i {
    font-style: normal;
    color: #248bdb;
}

.small_program3 {
    width: 100%;
    overflow: hidden;
    background: url(../image/xcx_09.jpg) no-repeat center 0;
    padding-top: 40px;
    padding-bottom: 20px;
    background-size: cover
}

.small_program3 dl {
    width: 100%;
}

.small_program3 dl dt {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 36px;
}

.small_program3 dl dt i {
    font-style: normal;
    font-weight: normal;
}

.small_program3 dl dd {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 36px;
}

.small_program3 dl dd i {
    color: #28bf62;
    font-style: normal;
}

.small_program4 {
    padding-top: 55px;
    padding-bottom: 25px;
}

.program_list {
    float: left;
    width: 25%;
    overflow: hidden;
}

.program_list dt {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.program_list dd {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin-top: 5px;
}

.p_n {
    padding: 0;
    margin: 0;
}

.yxxgj-title {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 25px;
}

.yxxgj-title dt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #333333;
}

.yxxgj-title dt i {
    font-style: normal;
    font-weight: normal;
}

.yxxgj-title dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 36px;
}

.yxxgj-title dd i {
    color: #248bdb;
    font-size: 36px;
    font-style: normal;
}

.xcx_vs {
    float: left;
    width: 100%;
    text-align: center;
}

.xcx_vs img {
    width: 90%;
}

.small_program5 {
    background: url(../image/xcx_36.jpg) no-repeat center 0;
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 325px;
}

.yxxgj-title2 {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 25px;
}

.yxxgj-title2 dt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #333333;
}

.yxxgj-title2 dt i {
    font-style: normal;
    font-weight: normal;
}

.yxxgj-title2 dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 24px;
    margin-top: 10px;
}

.small_program6 {
    padding-top: 38px;
    padding-bottom: 40px;
}

.yxxgj-title3 {
    width: 100%;
    overflow: hidden;
    float: left;
}

.yxxgj-title3 dt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #333333;
}

.yxxgj-title3 dd {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 24px;
    margin-top: 5px;
}

.xcx-case {
    list-style: none;
    position: relative;
    padding: 0;
    margin-top: 15px;
}

.xcx-case li {
    float: left;
    position: relative;
    margin-top: 25px;
}

.xcx-case li a {
    border: 1px solid #dddbdc;
}

.xcx-case li a,
.xcx-case li a .case_p {
    display: block;
    position: relative;
    width: 100%;
}

.xcx-case li i {
    float: left;
    width: 94%;
    overflow: hidden;
    line-height: 34px;
    margin-top: 3px;
    color: #333333;
    font-size: 16px;
    font-style: normal;
    margin-left: 3%;
    border-bottom: 1px solid #eeeeee;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.xcx-case li p {
    float: left;
    width: 94%;
    overflow: hidden;
    color: #333333;
    font-size: 12px;
    font-style: normal;
    margin-left: 3%;
    margin-top: 8px;
}

.xcx-case li a {
    overflow: hidden;
}

.xcx-case li a div {
    position: absolute;
    background: #000000;
    background: rgba(36, 139, 219, 0.9);
    width: 100%;
    height: 100%;
    bottom: -100%;
}

.xcx-case li a div span {
    display: block;
    padding: 45px 0 0 0;
    margin-top: 61px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 2em;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}

.xcxewm {
    display: inline-block;
    border-radius: 10px;
    background: #edeef0;
    overflow: hidden;
    padding: 6px;
}

.f_wx,
.mb_tel {
    display: none;
}

/*勇哥严选*/
.yong-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 3;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    width: 168px;
    text-align: center;
    transition: 0.3s;
}

.yong-btn.white {
    border-color: #fff;
}

.yong-btn.red {
    background: #ed4a3b;
    border-color: #ed4a3b;
}

.yong-btn.white:hover {
    background: #fff;
    color: #ed4a3b;
}

.yong-btn.red:hover {
    opacity: 0.8;
}

.yong-top {
    overflow: hidden;
    background: url(../image/yong_banner.jpg) no-repeat top center;
    background-size: cover;
    color: #ffffff;
}

.head-box1 {
    overflow: hidden;
    padding: 12px 0;
}

.head-box1 .yong_logo {
    height: 76px;
}

.head-box1 .yong-btn {
    margin-left: 30px;
    margin-top: 19px;
    width: 128px;
    line-height: 2.3;
}

.ele-text {
    overflow: hidden;
    margin: 5% 0 6%;
}

.ele-text .daxiang {
    font-size: 44px;
}

.ele-text .qqdgj {
    font-size: 24px;
    margin: 10px 0 4%;
}

.ele-text p {
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

.ele-text p span {
    display: block;
}

.ele-text .btn-box {
    margin-top: 3%;
}

.ele-text .btn-box .white {
    margin-left: 5%;
}

.yong_tit {
    margin: 6% 0;
}

.yong_tit .title {
    font-size: 44px;
    color: #000;
    margin-bottom: 10px;
}

.yong_tit .info {
    font-size: 24px;
    color: #a1a8b5;
}

.yong-advantage {
    overflow: hidden;
    margin-bottom: 6%;
}

.yong-advantage .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10% 0;
}

.yong-advantage .txt .tit {
    font-size: 40px;
    color: #000;
    margin-bottom: 10px;
}

.yong-advantage .txt .cont {
    font-size: 20px;
    color: #aaaaaa;
    line-height: 2.1;
}

.yg_main1 {
    overflow: hidden;
}

.yg_main1 ul {
    overflow: hidden;
    margin: 0;
}

.yg_main1 ul li {
    overflow: hidden;
    position: relative;
    padding: 0;
}

.yg_main1 ul li:after {
    content: '';
    display: block;
    width: 0;
    height: 14px;
    background: #eb493b;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: 0.6s;
}

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

.yg_main1 ul li .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    padding: 2% 8%;
    display: flex;
    align-items: flex-end;
    transition: 0.3s;
    opacity: 0;
}

.yg_main1 ul li .txt p {
    font-size: 20px;
    line-height: 2;
    color: #ffffff;
}

.yg_main1 ul li:hover .txt {
    opacity: 1;
}

.yg_main1 ul li:hover:after {
    width: 100%;
}

.yg-scene {
    background: #fff2f2;
    overflow: hidden;
}

.yg-scene ul {
    overflow: hidden;
}

.yg-scene ul li {
    float: left;
    width: 14.28%;
    margin-bottom: 6%;
}

.yg-scene ul li img {
    transition: 0.5s ease-out;
}

.yg-scene ul li p {
    font-size: 24px;
    color: #030303;
    margin-top: 20px;
}

.yg-scene ul li:hover img {
    transform: scale(1.1);
}

.match-condition {
    overflow: hidden;
}

.match-condition li {
    margin: 2% 0 8%;
    transition: 0.3s;
}

.match-condition li p {
    font-size: 30px;
    color: #000000;
    margin-top: 20%;
}

.match-condition li:hover {
    transform: translateY(-20px);
}

.busin-district {
    overflow: hidden;
    background: url(../image/yg_bg1.jpg) no-repeat bottom center #ed4a3b;
    background-size: 100%;
    padding-bottom: 5%;
}

.busin-district .yong_tit .title,
.busin-district .yong_tit .info {
    color: #ffffff;
}

.busin-district .infos {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 10%;
}

.busin-district .infos ul {
    overflow: hidden;
}

.busin-district .infos ul li {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 15%;
}

.busin-district .infos ul li .txt {
    overflow: hidden;
    display: inline-block;
    color: #ffffff;
    margin-left: 20px;
}

.busin-district .infos ul li .txt .h3 {
    font-size: 30px;
    margin-top: 18px;
}

.busin-district .infos ul li .txt p {
    font-size: 16px;
    text-transform: uppercase;
}

.web-manage {
    position: relative;
    margin-bottom: 2%;
}

.web-manage:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 10%;
    left: 0;
    width: 100%;
    background: #f3f3f3;
    z-index: -1;
}

.web-main {
    overflow: hidden;
}

.web-main .wm-r ul li {
    overflow: hidden;
    margin-top: 60px;
}

.web-main .wm-r ul li img {
    float: left;
}

.web-main .wm-r ul li p {
    font-size: 28px;
    color: #000000;
    margin: 0;
    line-height: 2.68;
    margin-left: 25px;
    max-width: calc(100% - 105px);
}

.yg-industry {
    overflow: hidden;
    padding-top: 2%;
}

.yg-industry li {
    margin-bottom: 5%;
}

.yg-industry li img {
    transition: 1.2s;
}

.yg-industry li p {
    font-size: 24px;
    color: #000;
    margin-top: 20px;
}

.yg-industry li:hover img {
    transform: rotate(360deg);
}

.copy_bq {
    background: #1e1e1e;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    line-height: 1.8;
    padding: 3%;
    position: relative;
    z-index: 10;
}

.copy_bq a {
    color: #fff;
}

.dx-foot {
    background: #1e1e1e;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    padding: 10px;
    position: relative;
    z-index: 10;
}

.dx-foot p {
    margin: 0;
}

.dx-foot a {
    color: #fff;
}

@media (max-width: 1024px) {
    .header_r {
        display: none;
    }

    .nav>li {
        padding-right: 0;
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 12px;
    }

    .tengyun_l img {
        width: 96%;
    }

    .button_box a {
        padding: 10px 18px;
    }

    .case-frfed {
        padding-left: 10%;
    }

    .tjxmxq {
        padding: 11px 10px
    }

    .app_ewm dt {
        width: 80px;
        height: 80px;
    }

    .app_ewm dt img {
        width: 100%;
    }

    .app_ewm dd img {
        width: 20px;
    }

    .app_ewm dd p {
        font-size: 14px;
    }

    .program_list {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .nav>li {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .tel {
        display: none;
    }

    .news_box {
        margin-top: 10px;
    }

    .demand_list li.input_2 {
        width: 30%;
    }

    .xcx_pho {
        display: none;
    }

    .small_list {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 3%;
    }

    .small-program-title {
        font-size: 2.4rem;
    }

    .small-program-slogan {
        font-size: 1.2rem
    }

    .button_box a {
        font-size: 14px;
    }

    .button_box {
        margin-bottom: 15px;
    }

    .app_title {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .app_kf_box {
        margin-bottom: 20px;
    }

    .tengyun_box {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .process_box_title {
        background: none;
    }

    .module_box {
        display: none;
    }

    .case-frfed li {
        margin-left: 10px;
        margin-right: 10px;
    }

    .customer_list {
        margin-top: 10px;
    }

    .customer_list li {
        width: 50%;
    }

    .customer_list li img {
        width: 100%;
        height: auto;
    }

    .lc_list {
        width: 85%;
        margin-left: 15%;
    }

    .mb_tel {
        display: block;
        position: fixed;
        bottom: 138px;
        right: 2%;
        z-index: 100;
    }

    .yong-advantage .txt div {
        text-align: center;
    }

    .yg-scene ul li {
        width: 25%;
    }

    .match-condition li p {
        margin-top: 20px;
    }

    .busin-district {
        padding-bottom: 25%;
    }

    .busin-district .infos {
        margin: 0;
        display: block;
    }

    .busin-district .infos ul li {
        margin-top: 30px;
    }

    .web-main .img {
        text-align: center;
    }

    .web-manage:after {
        bottom: 0;
    }

    .yg_main1 ul li:after {
        width: 100%;
    }

    .yg_main1 ul li .txt {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .nav>li {
        padding: 0;
        background: none;
        text-align: center;
        margin: 0 3%;
    }

    .slogan,
    .header_r,
    .tel {
        display: none;
    }

    .logo {
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        left: 5;
        top: 7px;
        background: url(../image/logo.png) no-repeat 0 0;
        background-size: auto 32px;
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 14px;
    }

    /*footer*/
    .demand_box {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .demand_title dt,
    .demand_title dd {
        width: 100%;
        text-align: center;
    }

    .demand_list li {
        margin-top: 5px;
    }

    .demand_list li.input_1,
    .demand_list li.input_2 {
        width: 100%;
    }

    .footer_top {
        padding-top: 10px;
        padding-bottom: 0
    }

    .address_l,
    .address_r {
        width: 100%;
        margin-top: 0
    }

    .app_ewm {
        display: none;
    }

    .links {
        display: none;
    }

    .customer_list {
        margin-top: 10px;
    }

    .customer_list li {
        width: 50%;
    }

    .customer_list li img {
        width: 100%;
        height: auto;
    }

    .customer dt {
        letter-spacing: 1px;
    }

    .news_box_cont {
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .col_fourth {
        width: 100%;
    }

    .news_box {
        margin-top: 15px;
    }

    .news_box {
        padding: 10px;
        padding-bottom: 0
    }

    .da-thumbs li i {
        font-size: 14px;
        line-height: 40px;
    }

    .app_title {
        font-size: 2.6rem;
    }

    .app_list dt {
        font-size: 1.5rem
    }

    .app_list dd {
        font-size: 1.3rem;
    }

    .small_list p {
        width: 100%;
        font-size: 1.3rem;
    }

    .small_list dl {
        margin-bottom: 0
    }

    .small_list dl dt {
        font-size: 36px;
    }

    .small_list dl dd {
        font-size: 1.5rem;
    }

    .hxyw-title dt,
    .hxyw-title dd.hxyw {
        font-size: 1.8rem;
    }

    .hxyw-title dd.hx_slogan {
        font-size: 1rem;
        letter-spacing: 1px;
    }

    .process_box_title dt {
        font-size: 1.7rem;
    }

    .qykh_title {
        font-size: 1.4rem;
    }

    .ty_title {
        font-size: 2rem;
        margin-top: 20px;
    }

    .ty_slogan {
        font-size: 1.3rem;
    }

    .case-title {
        font-size: 1.8rem;
    }

    .case_box {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .lc_list {
        width: 46%;
        margin-left: 4%;
    }

    .tengyun {
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .jia2 {
        width: 80%;
    }

    .case-frfed {
        padding-left: 0
    }

    .case-frfed li a {
        font-size: 14px;
    }

    .case-frfed li {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .case-frfed li>a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .core-list li {
        width: 48%;
        margin-top: 10px;
    }

    .main-cont1 {
        padding-top: 20px;
    }

    .small-program {
        padding-top: 20px;
    }

    .small-program-slogan {
        font-size: 18px;
    }

    .app_left {
        width: 100%;
    }

    .app_right {
        width: 100%;
    }

    .app_right img {
        width: 100%;
    }

    .core-list-t {
        font-size: 3.5rem;
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-left: -40px;
    }

    .core-ist-b {
        margin-top: 40px;
        padding-top: 30px;
    }

    .company-title {
        font-size: 18px;
    }

    /*微信小程序*/
    .small_program {
        padding-top: 20px;
    }

    .wxxcx_title dt,
    .wxxcx_title2 dt,
    .wxxcx_title dd,
    .wxxcx_title2 dd,
    .small-program-title2,
    .small-program-slogans1,
    .small_program3 dl dt,
    .small_program3 dl dd,
    .yxxgj-title dt,
    .yxxgj-title dd,
    .yxxgj-title dd i,
    .yxxgj-title2 dt,
    .yxxgj-title3 dt,
    .mobile-game-cont1-right h3,
    .advantage_title,
    .zxksxt_title dt,
    .sdjs-box-title,
    .service_box_title,
    .live_what_title dt {
        font-size: 1.9rem;
    }

    .yxxgj-title2 dd,
    .yxxgj-title3 dd,
    .small-program-slogans2,
    .advantage-list dd,
    .plan-list dd,
    .vs-list li,
    .znjsxt_nr li h3,
    .ctjsxt_nr li h3,
    .zxksxt_title dd,
    .sdjs-list dd p,
    .service_list dd,
    .tsgn_list dd {
        font-size: 1.5rem;
    }

    .wxxcx_title2 dt i {
        font-size: 2.8rem;
    }

    .liuliang dt {
        font-size: 1.5rem;
    }

    .liuliang dd {
        font-size: 14px;
        line-height: 1.8rem;
        margin-top: 10px;
    }

    .liuliang {
        padding: 10px;
        min-height: 30px;
        margin-top: 0;
    }

    .sdnt_pho img {
        width: 100%;
    }

    .sdnt_list {
        padding: 0;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .sdnt_list li {
        width: 46%;
        font-size: 1.5rem;
        margin-left: 2%;
        margin-right: 2%;
        line-height: 45px;
        margin-top: 10px;
    }

    .program_list {
        width: 100%;
    }

    .small_program6 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .xcx-case {
        margin-top: 0
    }

    .xcx-case li {
        margin-top: 15px;
    }

    .small_program5 {
        padding-bottom: 100px;
    }

    .f_wx {
        display: block;
    }

    .f_bwx {
        display: none;
    }

    /*手游开发*/
    .mobile-game-cont1-left,
    .mobile-game-cont1-right {
        width: 100%;
    }

    .mobile-game-cont1-left img {
        width: 97%;
    }

    .advantage-list {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .game_lmdh {
        width: 100%;
    }

    .game_content_list li {
        width: 50%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .nd_slogan {
        background: none;
    }

    .jylc_box li {
        width: 50%;
        margin-bottom: 15px;
    }

    .zlvsqt_bg {
        background: none;
    }

    .demand_title dt {
        font-size: 18px;
    }

    .plan-list dt img {
        width: 80%;
    }

    .jylc-list dt img {
        width: 80%;
    }

    .vs_pho dd {
        font-size: 18px;
    }

    /*健身*/
    .jsxt_vs_box {
        background: none;
    }

    .znjsxt_title {
        margin-top: 20px;
        text-align: left;
    }

    .znjsxt_nr {
        margin-top: 0;
    }

    .znjsxt_nr li,
    .ctjsxt_nr li {
        margin-top: 10px;
        width: 100%;
    }

    .ctjsxt_title {
        padding-left: 0;
        margin-top: 15px;
        text-align: left;
        margin-bottom: 0
    }

    .ctjsxt_nr {
        float: left;
        width: 100%;
        margin-top: 0;
    }

    .znjsxt_title,
    .ctjsxt_title,
    .jsxt_list dt {
        font-size: 1.8rem;
    }

    .jsxt_vs {
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .module_box {
        display: none;
    }

    .jsxt_list {
        margin-top: 20px;
        width: 100%;
    }

    .jsxt_pho img {
        width: 60%;
    }

    .jsxt_list dd {
        margin-top: 10px;
    }

    /*在线考试系统*/
    .kyycj_list {
        width: 50%;
        height: 300px;
        overflow: hidden;
    }

    .xtgn_list {
        width: 96%;
        margin-top: 0;
    }

    .xtgn_list dt {
        font-size: 16px;
    }

    .xtgn_list dd {
        min-height: auto;
    }

    .xtgn_list dd h3 {
        margin-top: 12px;
    }

    .yong-advantage .txt div {
        text-align: center;
    }

    .yg-scene ul li {
        width: 25%;
    }

    .match-condition li p {
        margin-top: 20px;
    }

    .busin-district {
        padding-bottom: 25%;
    }

    .busin-district .infos {
        margin: 0;
        display: block;
    }

    .busin-district .infos ul li {
        margin-top: 30px;
    }

    .web-main .img {
        text-align: center;
    }

    .web-manage:after {
        bottom: 0;
    }

    .yong-btn {
        width: 110px;
    }

    .head-box1 .yong-btn {
        margin-left: 10px;
        width: 90px;
    }

    .ele-text .daxiang,
    .yong_tit .title {
        font-size: 26px;
    }

    .ele-text .qqdgj,
    .yong_tit .info {
        font-size: 16px;
    }

    .ele-text p,
    .busin-district .infos ul li .txt p {
        font-size: 12px;
    }

    .ele-text p span {
        display: inline;
    }

    .yong-advantage .txt .tit {
        font-size: 22px;
    }

    .yong-advantage .txt .cont,
    .yg_main1 ul li .txt p {
        font-size: 16px;
    }

    .yg_main1 ul li:after {
        height: 8px;
    }

    .yg-scene ul li {
        width: 50%;
    }

    .yg-scene ul li img {
        height: 110px;
    }

    .yg-scene ul li p,
    .match-condition li p,
    .busin-district .infos ul li .txt .h3 {
        font-size: 18px;
        margin-top: 0;
    }

    .busin-district .infos ul {
        padding-left: 5%;
        margin: 0;
    }

    .busin-district .infos ul li img {
        width: 60px;
    }

    .busin-district .infos ul li .txt {
        margin-top: 10px;
    }

    .web-main .img img {
        max-width: 80%;
    }

    .web-main .wm-r {
        padding-left: 5%;
    }

    .web-main .wm-r ul li {
        margin: 20px 0 30px;
    }

    .web-main .wm-r ul li img {
        height: 48px;
    }

    .web-main .wm-r ul li p {
        font-size: 18px;
        margin-left: 10px;
    }

    .yg-industry li img {
        height: 90px;
    }

    .yg-industry li p {
        font-size: 20px;
    }
}

/*区块链*/
.zn_banner {
    background: url(../image/zn_banner.png) no-repeat center;
    height: 569px;
    background-size: cover;
    width: 100%;
    text-align: center;
    color: #fff;
    position: relative;
}

.zn_start {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.zn_banner_text p,
.zn_banner_text a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.zn_banner_top {
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    margin-top: 190px;
}

.zn_banner_bottom {
    font-size: 30px;
    line-height: 50px;
    margin-top: 250px;
}

.zn_banner_btn {
    display: block;
    height: 60px;
    line-height: 60px;
    width: 250px;
    margin: 32px auto 0;
    background-size: 100% 100%;
    border-radius: 4px;
    font-size: 22px;
    color: #252b48;
    background-color: #F9B91E;
    border-bottom: 5px solid #DD8319;
    border-radius: 5px;
    transition: .4s;
    margin-top: 350px;
}

.zn_banner_btn:hover {
    text-decoration: none;
    background-color: #DD8319;
    border-bottom: 5px solid #F9B91E;
    transition: .4s;
    color: #fff;
}

.zn_yy {
    background: url(../image/dapp_banner.png) no-repeat center;
    background-size: cover;
    position: absolute;
    height: 642px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 430px;
}

.zn_yy_wrapper {
    margin-top: 130px;
}

.zn_yy_name {
    font-size: 26px;
    line-height: 40px;
    color: #555;
}

.zn_yy h3 {
    line-height: 54px;
    font-weight: bold;
    font-size: 40px;
    color: #555;
}

.zn_yy_line {
    margin: 40px 0;
    width: 152px;
    height: 3px;
    background: #f9b91e;
}

.zn_yy_info {
    font-size: 18px;
    line-height: 30px;
    color: #555;
}

.zn_yy_wrapper img {
    width: 460px;
}

.zn_case {
    background: url(../image/dapp_solve.png) no-repeat center;
    background-size: cover;
    margin-top: 500px;
    padding: 60px 0 72px;
}

.zn_case_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}

.zn_case_item {
    flex: 0 0 20%;
    padding: 0 6px;
    box-sizing: border-box;
    margin-bottom: 18px;
}

.zn_case h4 {
    color: #fff;
    margin-bottom: 54px;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
}

.zn_case_wrapper {
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px 15px 12px;
    box-sizing: border-box;
    border-radius: 5px;
}

.zn_case_wrapper h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
}

.zn_case_wrapper p {
    font-size: 14px;
    color: #888;
    line-height: 25px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.zn_hy {
    padding: 88px 0 102px;
}

.zn_hy h3 {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 90px;
}

.zn_hy p {
    font-size: 18px;
    line-height: 50px;
    margin-top: 52px;
    text-align: center;
}

.zn_kk {
    height: 384px;
    background: #2d2e4c;
    position: relative;
}

.zn_kk_img {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.zn_kk h3 {
    font-size: 30px;
    pointer-events: auto;
    line-height: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
}

.zn_kk p {
    font-size: 20px;
    pointer-events: auto;
    line-height: 40px;
    color: #c1d2e6;
    text-align: center;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.zn_kk a {
    display: block;
    pointer-events: auto;
    margin: 38px auto 0;
    width: 230px;
    height: 50px;
    border: 1px solid #f9b91e;
    line-height: 50px;
    border-radius: 4px;
    font-size: 20px;
    color: #f9b91e;
    transition: .4s;
    text-align: center;
    position: absolute;
    top: 260px;
    left: 50%;
    transform: translateX(-50%);
}

.zn_kk a:hover {
    background: #f9b91e;
    color: #252b48;
    transition: .4s;
    text-decoration: none;
}



/* 游戏开始 */
.qkwenti {
    padding: 60px 0 80px;
}

.qkgame_banner img {
    width: 100%;
}

.qkwenti h4 {
    font-size: 35px;
    color: #333;
    text-align: center;
}

.qkwenti img {
    width: 100%;
}

.qkts {
    background: url(../image/col2.jpg) no-repeat center;
    background-size: cover;
}

.qkts_item {
    /* height: 150px; */
}

.qkts h3 {
    font-size: 35px;
    text-align: center;
    color: #fff;
}

.qkts_name {
    font-size: 22px;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
}

.qkts_wrapper {
    background-color: #fff;
    position: relative;
    padding-top: 50px;
    padding-bottom: 10px;
    border-radius: 5px;
    margin-bottom: 90px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
}

.qkts_wrapper img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
}

.qkts_wrapper h5 {
    font-size: 22px;
    color: #5b6173;
    text-align: center;
}

.qkts_wrapper p {
    font-size: 15px;
    color: #999;
    margin-top: 12px;
    padding: 0 30px;
    line-height: 24px;
    display:
        -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.wanfa {
    background-color: #F8FAFD;
}

.wanfa h3 {
    font-size: 35px;
    color: #333;
    margin-bottom: 50px;
}

.wanfa p {
    text-align: center;
    font-size: 22px;
    color: #5b6173;
    margin-top: 15px;
}

.wanfa .text-center {
    margin-bottom: 90px;
}

.cw h1 {
    font-size: 30px;
    color: #2f6cb2;
    font-weight: bold;
    margin-top: 80px;
}

.cw p {
    margin-top: 10px;
    font-size: 20px;
    color: #333;
}

.cw a {
    display: block;
    width: 200px;
    height: 52px;
    line-height: 52px;
    margin-top: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    background: #DD6384;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#DD6384), to(#E26169));
}

.vir_jj_wrapper {
    border-radius: 5px;
    margin-top: -40px;
    position: relative;
    z-index: 10;
    background: #fff;
    padding: 60px 55px;
    box-sizing: border-box;
    box-shadow: 0px 9px 50px 0px rgba(0, 0, 0, 0.13);
}

.vir_jj_wrapper_tit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vir_jj_wrapper_tit h4 {
    font-size: 30px;
    line-height: 54px;
    height: 54px;
    font-weight: bold;
    color: #5a6b99;
    position: relative;
    text-align: center;
}

.vir_jj_wrapper_line {
    height: 1px;
    background-color: #5A6B99;
    width: 100px;
}

.vir_jj_wrapper p {
    font-size: 18px;
    line-height: 36px;
    margin-top: 40px;
    color: #8089aa;
}

.vir_item {
    display: flex;
    flex-direction: column;
    padding: 60px 0 56px;
}

.vir_item:nth-child(odd) {
    background-color: #FAFAFA;
}

.vir_item_tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vir_item strong {
    width: 195px;
    height: 38px;
    margin: 0 auto;
    background: #ffd951;
    border-radius: 19px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.vir_item span {
    text-align: center;
    font-size: 16px;
    line-height: 46px;
    color: #8089aa;
    margin-bottom: 20px;
    margin-top: 15px;
}

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

.vir_item_list_item {
    flex: 0 0 20%;
    padding: 0 13px;
    box-sizing: border-box;
}

.vir_item_list_item_wrapper {
    display: flex;
    flex-direction: column;
}

.vir_item_list_item_wrapper img {
    width: 100%;
    height: 220px;
}

.vir_item_list_item_wrapper h5,
.vir_item_list_item_wrapper p {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #5a6b99;
    margin-bottom: 0;
}

.vir_cj {
    margin-top: 50px;
}

.vir_kk {
    position: relative;
    height: 450px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#21A9FD), to(#4E57FE));
}

.vir_kk h2 {
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 80px;
}

.vir_kk p {
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 48px;
    margin-bottom: 47px;
}

.vir_kk a {
    position: absolute;
    top: 270px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin: 0 auto;
    width: 284px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    color: #fff;
    border-radius: 35px;
    font-size: 20px;
    background: -webkit-linear-gradient(#24c0fd, #11dfdb);
    background: linear-gradient(#24c0fd, #11dfdb);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
}

.vir_kk a {
    text-decoration: none;
}


/* 响应 */
@media (max-width: 768px) {
    .zn_banner {
        height: 200px;
    }

    .zn_banner_top {
        margin-top: 55px;
        font-size: 17px;
    }

    .zn_banner_bottom {
        font-size: 15px;
        line-height: 23px;
        margin-top: 100px;
    }

    .zn_banner_btn {
        display: block;
        margin: 32px auto 0;
        background-size: 100% 100%;
        border-radius: 4px;
        font-size: 14px;
        color: #252b48;
        background-color: #F9B91E;
        border-bottom: 5px solid #DD8319;
        border-radius: 5px;
        transition: .4s;
        margin-top: 135px;
        padding: 5px 10px;
        height: auto;
        width: auto;
        line-height: 20px;
    }

    .zn_yy {
        top: 135px;
    }

    .zn_yy_wrapper {
        margin-top: 70px;
    }

    .zn_yy_name {
        font-size: 20px;
    }

    .zn_yy h3 {
        line-height: 3px;
        font-weight: bold;
        font-size: 25px;
        color: #555;
    }

    .zn_yy_line {
        margin: 26px 0;
        width: 152px;
        height: 3px;
        background: #f9b91e;
    }

    .zn_yy_info {
        font-size: 16px;
        line-height: 30px;
        color: #555;
    }

    .zn_yy_wrapper img {
        width: 180px;
    }

    .zn_case h4 {
        color: #fff;
        margin-bottom: 16px;
        text-align: center;
        font-size: 20px;
        line-height: 44px;
        margin-top: 20px;
    }

    .zn_case_item {
        flex: 0 0 50%;
        padding: 0 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .zn_case_wrapper h5 {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
    }

    .zn_case_wrapper p {
        font-size: 12px;
        color: #888;
        line-height: 19px;
        text-align: left;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .zn_hy {
        padding: 18px 0 22px;
    }

    .zn_hy h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .zn_hy p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 14px;
        text-align: center;
    }

    .zn_kk_img {
        position: absolute;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
    }

    .zn_kk {
        height: 270px;
    }

    .zn_kk h3 {
        font-size: 18px;
        pointer-events: auto;
        line-height: 30px;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 70px;
        left: 50%;
        transform: translateX(-50%);
    }

    .zn_kk p {
        font-size: 16px;
        pointer-events: auto;
        line-height: 1.5;
        color: #c1d2e6;
        text-align: center;
        position: absolute;
        top: 130px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .zn_kk a {
        display: block;
        pointer-events: auto;
        margin: 38px auto 0;
        width: 130px;
        height: 30px;
        border: 1px solid #f9b91e;
        line-height: 30px;
        border-radius: 4px;
        font-size: 16px;
        color: #f9b91e;
        transition: .4s;
        text-align: center;
        position: absolute;
        top: 170px;
        left: 50%;
        transform: translateX(-50%);
    }
}


/* 物联网 */
.wlw_banner {
    background: url(../image/wlw_banner.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 4% 0;
    width: 100%;
    overflow: hidden;
}

.wlw_banner .text {
    text-align: center;
    margin-top: 16%;
}

.wlw_banner .text h1 {
    font-size: 48px;
    color: #fff;
}

.wlw_banner .text p {
    font-size: 36px;
    color: #fff;
    padding-top: 5%;
}

.wlw_banner .pic img {
    max-width: 100%;
}

.wlw_tit {
    padding: 5% 0;
}

.wlw_tit h1 {
    font-size: 36px;
    color: #5f616d;
}

.wlw_tit h1 em {
    color: #2d91de;
    font-style: normal;
}

.wlw_tit p {
    font-size: 18px;
    color: #333;
    margin-top: 1%;
}

.features {
    background: #f8f8f8;
    padding-bottom: 5%;
    overflow: hidden;
}

.features ul li .main {
    background: #fff;
    margin: 0 -6px;
    overflow: hidden;
    padding: 70px 0 50px;
}

.features ul li .main:hover {
    box-shadow: 0 0 20px rgba(36, 139, 218, .2);
}

.features ul li .main img {
    height: 88px;
    margin-bottom: 15px;
}

.features ul li .main h1 {
    font-size: 18px;
    color: #2d91de;
}

.features ul li .main p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    margin: 0;
}

.safe_box {
    background: url(../image/safe_banner.jpg) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}

.safe_box .wlw_tit h1 {
    color: #fff;
}

.safe_box ul {
    overflow: hidden;
    padding: 2% 0 15%;
}

.safe_box ul li .bord {
    border: 1px solid #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px 19% 0;
    margin: 0 9%;
    height: 350px;
}

.safe_box ul li .bord h1 {
    font-size: 26px;
    color: #fff;
    margin: 15px 0;
}

.safe_box ul li .bord p {
    font-size: 14px;
    color: #d4def4;
    line-height: 25px;
}

.safe_box ul li .bord:hover {
    background: linear-gradient(to bottom, #38afec, #225df6);
    border: 1px solid transparent;
}

.safe_box ul li .bord:hover p {
    color: #fff;
}

.solution {
    background: #f8f8f8;
    padding-bottom: 3%;
}

.solution ul li {
    position: relative;
    padding: 0 3px;
    overflow: hidden;
    margin-bottom: 3%;
}

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

.solution ul li p {
    text-align: center;
    background: rgba(0, 0, 0, .5);
    line-height: 36px;
    color: #fff;
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 0;
    font-size: 18px;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.foot_solgn {
    background: url(../image/beatiful.jpg) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
    padding: 2% 0;
}

.foot_solgn h1 {
    font-size: 30px;
    color: #fff;
    margin: 0;
}

.foot_solgn p {
    font-size: 18px;
    color: #fff;
    padding: 1% 0;
}

.foot_solgn a {
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    width: 170px;
    line-height: 39px;
    margin: 1% auto;
}

/* 首页 */
.pull_left {
    float: left;
}

.pull_right {
    float: right;
}

.topbar {
    background: #232526;
    height: 40px;
    line-height: 40px;
    z-index: 10;
    position: relative;
    width: 100%;
}

.topbar p {
    margin-bottom: 0;
}

.topbar .fiften {
    font-size: 14px;
    color: #fff;
    opacity: 0.6;
}

.topbar .tpr {
    overflow: hidden;
}

.topbar .tpr p {
    float: left;
    font-size: 14px;
}

.topbar .tpr p i {
    font-style: normal;
    color: #fff;
    opacity: 0.6;
}

.topbar .tpr p em {
    font-style: normal;
    color: #0e9cda;
}

.topbar .tpr .wx {
    background: url(../image/twx.png) no-repeat left;
    padding-left: 26px;
}

.topbar .tpr .dh {
    background: url(../image/ttel.png) no-repeat left;
    padding-left: 30px;
    margin-left: 30px;
}

.navbar-fixed-top {
    box-shadow: 0 5px 12px rgba(0, 0, 0, .07);
}

.index_tit {
    text-align: center;
    padding: 4% 0 3%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.index_tit img {
    max-width: 100%;
    margin-top: 3%;
}

.index_tit h2 {
    font-size: 40px;
    color: #333;
    margin: 20px 0;
}

.index_tit h3 {
    font-size: 50px;
    color: #1a1a1a;
}

.index_tit h4 {
    font-size: 36px;
    color: #323232;
    padding: 20px 0;
}

.index_tit h4.p10 {
    margin: 10px 0;
    padding: 8px 0;
}

.index_tit h5 {
    font-size: 28px;
    color: #323232;
    line-height: 44px;
}

.index_tit h5 em {
    font-size: 36px;
    color: #0e9cda;
    padding: 0 5px;
}

.index_tit h5 i {
    font-size: 30px;
    color: #1a1a1a;
    padding: 0 5px;
}

.index_tit h6 {
    font-size: 22px;
    color: #323232;
    padding: 0;
    margin: 0;
}

.index_tit .p1 {
    font-size: 16px;
    color: #666;
    line-height: 26px;
}

.index_tit .p2 {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    margin-top: 20px;
}

.index_tit .year {
    margin-top: 0;
    position: relative;
    padding-bottom: 30px;
}

.index_tit .year:after {
    content: "";
    width: 54px;
    height: 3px;
    display: inline-block;
    background: #0e9cda;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.index_tit .year i {
    width: 46px;
    height: 35px;
    display: inline-block;
    background: url(../image/15years.png) no-repeat left;
    padding-left: 26px;
}

.about_zl {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: left;
    margin: 30px 0 0;
}

.index_tit .line {
    font-size: 30px;
    color: #333;
    margin: 0;
    padding: 30px 0;
    position: relative;
}

.index_tit .line:after {
    content: "";
    width: 54px;
    height: 3px;
    display: inline-block;
    background: #0e9cda;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.index_tit .rep {
    font-size: 14px;
    color: #747474;
    line-height: 48px;
}

.core_busin {
    padding-bottom: 10%;
    overflow: hidden;
}

.core_busin .box {
    width: 20%;
    height: 380px;
    float: left;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.core_busin .box .box-img {
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
    width: 100%;
    height: 380px;
    background: rgba(0, 0, 0, .4);
}

.core_busin .box:hover .box-img {
    transform: rotateY(-90deg);
}

.core_busin .box .box-img img {
    height: 57px;
    margin-top: 138px;
}

.core_busin .box .box-img h3 {
    font-size: 18px;
    color: #fff;
    margin: 60px 0 15px;
}

.core_busin .box .box-img p {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.core_busin .box .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 20px;
    text-align: center;
    background: rgba(14, 156, 218, .4);
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
}

.core_busin .box:hover .box-content {
    transform: rotateY(0);
}

.core_busin .box .title {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.core_busin .box .description {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 160px;
}

.core_busin .box .line {
    width: 32px;
    height: 4px;
    display: block;
    background: #fff;
    margin: 0 auto;
    border-radius: 3px;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.btns {
    line-height: 60px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    border-radius: 50px;
    margin: 3% 20px;
    padding: 0 85px;
}

.btn_see {
    border: 1px solid #fff;
    color: #fff;
    background: url(../image/jt1.png) no-repeat 160px center;
}

.btn_ask {
    border: 1px solid #25bdff;
    color: #25bdff;
    background: url(../image/jt2.png) no-repeat 160px center;
}

.btn_sbl {
    border: 1px solid #666;
    color: #666;
    background: url(../image/jt3.png) no-repeat 160px center;
}

.btn_more {
    border: 1px solid #25bdff;
    color: #25bdff;
}

.btn_type {
    background: #5fccff;
    font-size: 22px;
    color: #fff;
    margin-bottom: 5%;
}

.btn_app {
    border: 1px solid #25bdff;
    color: #25bdff;
    font-size: 14px;
    margin: 0;
    line-height: 34px;
    width: 118px;
    padding: 0;
}

.btn_sbl:hover {
    color: #666;
}

.btn_see:hover,
.btn_type:hover {
    color: #fff;
}

.btn_ask:hover,
.btn_more:hover,
.btn_app:hover {
    color: #25bdff;
}

.case_contair {
    overflow: hidden;
    padding-bottom: 3%;
}

.case_contair ul {
    overflow: hidden;
}

.case_contair ul li {
    overflow: hidden;
    padding: 0;
    position: relative;
}

.case_contair ul li img {
    width: 100%;
    display: block;
    transition: all 0.6s;
}

.case_contair ul li .clist {
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    text-align: center;
    transition: all 0.6s;
    opacity: 0;
}

.case_contair ul li .clist h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -15px auto 0;
}

.case_contair ul li:hover img {
    transform: scale(1.09);
}

.case_contair ul li:hover .clist {
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.case_contair ul li .h3 {
    font-size: 20px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 25px 0 18px;
}

.case_contair ul li .p {
    font-size: 14px;
    color: #989898;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}

.indservice {
    overflow: hidden;
}

.indservice ul {
    overflow: hidden;
    padding-bottom: 5%;
}

.indservice li {
    text-align: center;
    padding: 3% 4%;
    background: #dcdcdc;
    transition: all 0.6s;
}

.indservice li:nth-child(2n) {
    background: #e5e5e5;
}

.indservice li i {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.indservice li i.icon1 {
    background: url(../image/s1.png) no-repeat center top;
}

.indservice li i.icon2 {
    background: url(../image/s2.png) no-repeat center top;
}

.indservice li i.icon3 {
    background: url(../image/s3.png) no-repeat center top;
}

.indservice li i.icon4 {
    background: url(../image/s4.png) no-repeat center top;
}

.indservice li i.icon5 {
    background: url(../image/s5.png) no-repeat center top;
}

.indservice li i.icon6 {
    background: url(../image/s6.png) no-repeat center top;
}

.indservice li .title {
    color: #1a1a1a;
    font-size: 26px;
    margin: 30px 0 15px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indservice li .line {
    background: #0e9cda;
    height: 1px;
    width: 40px;
    margin: 0 auto
}

.indservice li .cons {
    height: 78px;
    line-height: 26px;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    margin: 20px 0 30px 0;
    text-transform: uppercase;
}

.indservice li .more {
    font-size: 16px;
    float: none;
}

.indservice li .more a {
    display: inline-block;
    color: #333;
    border: 1px solid #a8a8a8;
    padding: 10px 42px;
    font-size: 16px;
}

.indservice li:hover {
    background: #0e9cda;
    color: #fff
}

.indservice li:hover i {
    background-position: 0 -40px
}

.indservice li:hover .title {
    color: #fff;
}

.indservice li:hover .line {
    background: #fff;
}

.indservice li:hover .cons {
    color: #fff
}

.indservice li:hover .more a {
    border-color: #fff;
    color: #fff
}

.comline {
    width: 100%;
    height: 1px;
    clear: both;
    background: #e6e6e6;
}

.data_box {
    padding: 2% 0;
    overflow: hidden;
}

.data_box ul {
    overflow: hidden;
}

.data_box ul li {
    text-align: center;
}

.data_box ul li h3 {
    font-size: 66px;
    color: #333;
    margin: 0 0 15px;
    font-family: Arial;
}

.data_box ul li p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin: 0;
}

.partner_box {
    overflow: hidden;
    padding-bottom: 3%;
}

.partner_box ul {
    overflow: hidden;
}

.partner_box ul li {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 16.66%;
    float: left;
}

.partner_box ul li img {
    max-width: 100%;
    max-height: 100%;
}

.demand_contair {
    background: #f7f7f7;
    padding-bottom: 2%;
    overflow: hidden;
}

.demand_contair h3 {
    font-size: 22px;
    color: #353535;
    margin: 43px 0;
}

.demand_contair .demand_list li input {
    box-shadow: none;
    border: none;
    border-radius: 5px;
}

.demand_contair .tjxmxq {
    border-radius: 5px;
}

.branch_office {
    overflow: hidden;
}

.branch_office ul {
    overflow: hidden;
}

.branch_office ul.fl li {
    list-style: none;
    padding-right: 10%;
    overflow: hidden;
    margin-bottom: 20px;
}

.branch_office ul.fl li img {
    width: 25%;
    display: block;
    float: left;
    margin-right: 3%;
}

.branch_office ul.fl li .info {
    width: 72%;
    float: left;
}

.branch_office ul.fl li h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 0;
}

.branch_office ul.fl li p {
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    line-height: 22px;
}

.branch_office .tel {
    padding: 0px 0 0;
    border: none;
}

.branch_office .tel p {
    font-size: 18px;
    color: #fff;
    margin: 0;
}

.branch_office .tel h3 {
    font-size: 30px;
    color: #0e9cda;
    padding: 20px 0;
    margin: 0;
    line-height: 50px;
}

.branch_office .tel ul {
    overflow: inherit;
    width: auto;
}

.branch_office .tel ul li {
    float: left;
    width: 45px;
    margin-right: 14px;
    position: relative;
    cursor: pointer;
}

.branch_office .tel img {
    width: 45px;
    height: 45px;
    max-width: 100px;
}

.branch_office .tel ul li .t2 {
    display: none;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 100%;
    left: -20px;
}

.branch_office .tel ul li:hover .t2 {
    display: block;
}

/* 政务督办系统 */
.navbar-inverse .navbar-nav>li.navs7>a {
    background-color: #248bda !important;
    color: #ffffff !important;
}

.jdpttitle {
    width: 100%;
    height: 90px;
    margin-top: 30px;
    text-align: center;
    line-height: 90px;
    font-size: 30px
}

.jdpttitlejs {
    width: 100%;
    margin-bottom: 35px;
    font-size: 14px;
    text-align: center;
    line-height: 1.8
}

.jdpttitle-con {
    width: 100%;
}

.jdpttitle-content {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    padding-bottom: 30px;
}

.jdpttitle-content img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.jdpttitle-content:hover img {
    transform: rotate(360deg);
    transition: all 0.4s;
}

.zwxxksxt {
    background-color: #0090ff;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

.zwxxtop {
    width: 100%;
    margin-top: 60px;
    height: 10px;
    text-align: center;
}

.zwxxtop div {
    width: 40px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 auto;
}

.zwxxtop2 {
    width: 100%;
    margin-top: 60px;
    height: 10px;
    text-align: center;
}

.zwxxtop2 div {
    width: 40px;
    height: 10px;
    border-radius: 5px;
    background-color: #0090ff;
    margin: 0 auto;
}

.zwxxtitle {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 48px;
}

.zwxxtitlejj {
    width: 100%;
    text-align: center;
    font-size: 16px
}

.zwxxzj {
    background: url(../image/01.png) no-repeat;
    background-size: 100% auto;
    margin-top: 80px;
    height: 460px;
    padding: 0;
}

.zwxxleft {
    width: 100%;
    height: 85px;
    margin-top: 80px;
}

.imgdiv {
    width: 100px;
    height: 85px;
    float: left;
}

.contentdiv {
    float: left;
    width: calc(100% - 100px);
}

.zwxxleft img {
    width: 78px;
    height: 78px;
}

.contentdiv-t {
    width: calc(100%-100px);
    font-size: 18px;
    padding: 3px 0;
}

.contentdiv-b {
    font-size: 14px;
    padding: 1px 0;
}

.dwc {
    font-size: 14px;
    color: #0090ff;
    padding-top: 20px;
}

.zhdjpic {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 70px;
    margin: 0;
}

.zhdjpic img {
    max-width: 100%;
}

.sdjz {
    background-color: #f1f2f4;
    padding-bottom: 50px;
}

.zhdj {
    padding-bottom: 50px;
}

.sdjzleft {
    width: 360;
    margin: 0 auto;
}

.sdjzleftout {
    width: 360px;
    padding-top: 40px;
}

.sdjzleftout2 {
    width: 360px;
    padding-top: 40px;
    margin: 0 auto;
}

.sdjzleftout3 {
    width: 360px;
    padding-top: 40px;
    float: right
}

.sdjzleft-t {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    background-color: #363636;
    border-radius: 50%;
    z-index: 9999;
    opacity: 1;
    position: relative;
    text-align: center
}

.sdjzleft-b {
    width: 360px;
    height: 320px;
    border-radius: 25px;
    box-shadow: 0px 0px 2px 0px #ccc;
    margin-top: -50px;
    z-index: 1;
    background-color: #fff;
}

.sdjzleft-b-t {
    width: 220px;
    margin-left: 95px;
    font-size: 18px;
    padding-top: 60px;
    padding-bottom: 20px;
}

.sdjzleft-b-t2 {
    width: 220px;
    font-size: 14px;
    color: #666;
    margin-left: 95px;
}

.xhx {
    width: 100%;
}

.xhxcontent {
    width: 100px;
    height: 10px;
    margin: 0 auto;
    background-color: #333;
    border-radius: 5px;
    margin-top: -10px;
}

.sdjzleftout:hover .sdjzleft-t {
    background-color: #0090ff
}

.sdjzleftout:hover .xhxcontent {
    background-color: #0090ff
}

.sdjzleftout2:hover .sdjzleft-t {
    background-color: #0090ff
}

.sdjzleftout2:hover .xhxcontent {
    background-color: #0090ff
}

.sdjzleftout3:hover .sdjzleft-t {
    background-color: #0090ff
}

.sdjzleftout3:hover .xhxcontent {
    background-color: #0090ff
}

.sdjzleftout1:hover .sdjzleft-b-t {
    color: #0090ff
}

.sdjzleftout2:hover .sdjzleft-b-t {
    color: #0090ff
}

.sdjzleftout3:hover .sdjzleft-b-t {
    color: #0090ff
}

/* app开发 */
.undis {
    display: none;
}

.app_nav ul {
    overflow: hidden;
    text-align: center;
}

.app_nav ul li {
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border-radius: 30px;
    padding: 0 20px;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 0 25px;
}

.app_nav ul li.hovertab {
    border: 1px solid #0e9cda;
    background: #f3fafe;
    color: #0e9cda;
}

.app_nav ul li i {
    display: block;
    width: 27px;
    height: 32px;
    background: url(../image/ico10.png) no-repeat;
    float: left;
    margin-right: 9px;
    margin-top: 5px;
}

.app_nav ul li i.yl-ico01 {
    background-position: 0 0;
}

.app_nav ul li i.yl-ico02 {
    background-position: -27px 0;
}

.app_nav ul li i.yl-ico03 {
    background-position: -54px 0;
}

.app_nav ul li i.yl-ico04 {
    background-position: -81px 0;
}

.app_nav ul li.hovertab i.yl-ico01 {
    background-position: 0 -32px;
}

.app_nav ul li.hovertab i.yl-ico02 {
    background-position: -27px -32px;
}

.app_nav ul li.hovertab i.yl-ico03 {
    background-position: -54px -32px;
}

.app_nav ul li.hovertab i.yl-ico04 {
    background-position: -81px -32px;
}

.ctt {
    overflow: hidden;
}

.screen_app {
    overflow: hidden;
    padding: 5% 0 3%;
}

.scrCon {
    min-height: 160px;
}

.scrCon h3 {
    font-size: 22px;
    color: #343434;
}

.scrCon h3 em {
    font-style: normal;
    color: #2eafeb;
}

.scrCon p {
    font-size: 14px;
    color: #646464;
    line-height: 20px;
    min-height: 40px;
    margin: 20px 0 10px;
}

.scrCon a {
    cursor: default;
}

.screen_r {
    text-align: right;
}

.screen_m {
    text-align: center;
}

.screen_m img {
    max-width: 100%;
}

.yl-mdwt {
    width: 100%;
    background: #f7f7f7;
    padding: 3% 0;
}

.yl-mdwt .w1200 {
    overflow: hidden;
}

.yl-mdwt .pic {
    text-align: center;
}

.yl-mdwt img {
    max-width: 100%;
}

.yl-mdwt .floatR p {
    font-size: 26px;
    line-height: 46px;
}

.yl-mdwt .floatR p.orange {
    color: #FF9B00;
}

.yl-mdwt .floatR p em {
    background: #FF9C00;
    color: #fff;
    line-height: 46px;
    display: inline-block;
    padding: 0 10px;
    font-style: normal;
}

.yl-zx.h40 {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 44px;
    border-radius: 30px;
}

.yl-mdwt .yl-zx {
    margin-top: 30px;
    background: #45B3FF;
    color: #fff;
}

.yl-mdwt .yl-zx:hover {
    background: #1AA4FF;
    border-color: #1AA4FF;
}

.yl-mdwt .floatR {
    margin-top: 120px;
}

.yl-indtit {
    text-align: center;
    font-size: 36px;
    color: #212121;
    padding-top: 50px;
}

.yl-indtitBot {
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
}

.yl-FwCon {
    color: #fff;
    text-align: center;
    margin-top: 50px;
}

.yl-FwCondt {
    width: 60px;
    height: 370px;
    background: #7373EB;
    font-size: 20px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.yl-FwCondt p {
    width: 22px;
    line-height: 40px;
    margin: 0 auto;
    padding-top: 140px;
}

.yl-FwCondd {
    float: left;
}

.yl-FwCondd ul {
    float: left;
}

.yl-FwCondd ul li {
    width: 100%;
    height: 180px;
    padding: 1px;
    background: #7373EB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.yl-FwCondd ul li div {
    width: 28px;
    height: 28px;
    background: #fff;
    color: #7373EB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 28px;
    margin: 20px auto 0;
    font-size: 16px;
}

.yl-FwCondd ul li h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 12px;
}

.yl-FwCondd ul li p {
    margin: 10px auto 0;
}

.yl-Wid01 .yl-FwCondd ul li.mt10 div {
    margin-top: 20px;
}

.yl-FwConMK {
    float: left;
}

.yl-Wid01 {
    width: 25%;
}

.yl-Wid02 {
    width: 50%;
}

.yl-Wid03 {
    width: 25%;
}

.yl-Wid01 .yl-FwCondd ul,
.yl-Wid03 .yl-FwCondd ul {
    width: 100%;
}

.yl-Wid02 .yl-FwCondd {
    width: calc(100% - 70px);
}

.yl-Wid01 .yl-FwCondd,
.yl-Wid03 .yl-FwCondd {
    width: calc(100% - 75px);
}

.yl-Wid02 .yl-FwCondt {
    background: #FF6464;
}

.yl-Wid02 .yl-FwCondd ul {
    width: 33.33%;
}

.yl-Wid02 .yl-FwCondd ul li {
    width: 95%;
    height: 180px;
    background: #FF6464;
}

.yl-Wid02 .yl-FwCondd ul li.mt10,
.yl-FwCondd ul li.mt10 {
    margin-top: 10px;
}

.yl-Wid02 .yl-FwCondd ul li div {
    color: #FF6464;
}

.yl-Wid03 .yl-FwCondt {
    background: #00B3A1;
    width: 55px;
}

.yl-Wid03 .yl-FwCondd ul {
    margin-right: 0;
}

.yl-Wid03 .yl-FwCondd ul li {
    height: 180px;
    background: #00B3A1;
    width: 100%;
}

.yl-Wid03 .yl-FwCondd ul li p {}

.yl-Wid03 .yl-FwCondd ul li div {
    color: #00B3A1;
}

.yl-Wid01 .yl-FwCondt:hover {
    background: #6565E9;
}

.yl-Wid01 .yl-FwCondd ul li:hover {
    background: #6565E9;
}

.yl-Wid02 .yl-FwCondt:hover {
    background: #FF4F4F;
}

.yl-Wid02 .yl-FwCondd ul li:hover {
    background: #FF4F4F;
}

.yl-Wid03 .yl-FwCondt:hover {
    background: #00A897;
}

.yl-Wid03 .yl-FwCondd ul li:hover {
    background: #00A897;
}

.yl-FwConZx .yl-zx {
    background: #FF9B00;
    color: #fff;
    background: #45B3FF;
    border: 1px solid #45B3FF;
}

.yl-FwConZx .yl-zx:hover {
    opacity: .9;
}

.yl-dwmfx {
    padding-top: 10px;
    overflow: hidden;
}

.yl-dwmfx li {
    margin-top: 3%;
}

.yl-dwmfx li .main {
    height: 258px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 21px 1px #E4E4E4;
    -moz-box-shadow: 0px 3px 21px 1px #E4E4E4;
    -ms-box-shadow: 0px 3px 21px 1px #E4E4E4;
    -o-box-shadow: 0px 3px 21px 1px #E4E4E4;
    box-shadow: 0px 3px 21px 1px #E4E4E4;
}

.yl-dwmfx li img {
    display: block;
    height: 200px;
    max-width: 100%;
    margin: 0 auto;
}

.yl-dwmfx li .fon16 {
    line-height: 58px;
    text-transform: uppercase;
}

.yl-indtit.pt60 {
    padding-top: 50px;
}

.yl-wmdfw {
    margin-top: 35px;
    position: relative;
}

.yl-wmdfw .arrow a {
    display: block;
    width: 58px;
    height: 100px;
    background: url(http://www.cnzlapp.com/templates/main/images/row13.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    cursor: pointer;
    z-index: 3;
}

.yl-wmdfw .arrow a.next {
    background-position: -58px 0;
    right: -58px;
}

.yl-wmdfw .arrow a.prev {
    background-position: 0 0;
    left: -58px;
}

.yl-wmdfw .hd {
    text-align: center;
    font-size: 16px;
    color: #656565;
}

.yl-wmdfw .hd li {
    display: inline-block;
    line-height: 32px;
    margin: 0 40px;
    padding-bottom: 8px;
    cursor: pointer;
}

.yl-wmdfw .hd li i {
    display: block;
    width: 27px;
    height: 32px;
    background: url(../image/ico10.png) no-repeat;
    float: left;
    margin-right: 7px;
}

.yl-wmdfw .hd li i.yl-ico01 {
    background-position: 0 0;
}

.yl-wmdfw .hd li i.yl-ico02 {
    background-position: -27px 0;
}

.yl-wmdfw .hd li i.yl-ico03 {
    background-position: -54px 0;
}

.yl-wmdfw .hd li i.yl-ico04 {
    background-position: -81px 0;
}

.yl-wmdfw .hd li.on {
    color: #FF9B00;
    border-bottom: 2px solid #FF9B00;
}

.yl-wmdfw .hd li.on i.yl-ico01 {
    background-position: 0 -32px;
}

.yl-wmdfw .hd li.on i.yl-ico02 {
    background-position: -27px -32px;
}

.yl-wmdfw .hd li.on i.yl-ico03 {
    background-position: -54px -32px;
}

.yl-wmdfw .hd li.on i.yl-ico04 {
    background-position: -81px -32px;
}

.peoples {
    padding: 3% 0 2%;
}

.peoples img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.team_pic {
    overflow: hidden;
    padding-bottom: 8%;
}

.team_pic img {
    width: 100%;
}

.plann_principles {
    background: url(../image/cehua_banner.png) no-repeat center;
    background-size: cover;
    min-height: 560px;
}

.plann_principles .index_tit .wl {
    color: #fff;
    margin-top: 0;
    position: relative;
    padding-bottom: 30px;
}

.plann_principles .index_tit .wl:after {
    content: "";
    width: 150px;
    height: 2px;
    display: inline-block;
    background: #0e9cda;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.plann_principles .index_tit .p2 {
    color: #fff;
    opacity: 0.6;
}

.plann_principles ul {
    overflow: hidden;
    text-align: center;
}

.plann_principles ul li {
    padding: 0 4.5%;
}

.plann_principles ul li h3 {
    font-size: 22px;
    color: #44c6ff;
    position: relative;
    padding-bottom: 20px;
}

.plann_principles ul li h3:after {
    content: "";
    width: 44px;
    height: 2px;
    display: inline-block;
    background: #44c6ff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.plann_principles ul li .p1 {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    min-height: 52px;
    margin: 30px 0;
}

.plann_principles ul li .p2 {
    font-size: 14px;
    color: #44c6ff;
    line-height: 30px;
    border: 1px solid #3b80e5;
}

.cando_tent {
    background: #f8f8f8;
}

.cando_box {
    width: 100%;
    overflow: hidden;
    background: url(../image/overthink.png) no-repeat center;
    background-size: cover;
}

.cando_box .index_tit h4 {
    color: #fff;
}

.cando_box .can {
    width: 100%;
    display: block;
}

.cando_box li {
    height: 460px;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding: 0;
}

.cando_box li a {
    display: block;
    height: 100%;
}

.cando_box li img {
    width: auto;
    height: auto;
}

.cando_box p {
    color: #fff;
    font-size: 18px;
    margin-top: 60px;
}

.cando_box li .yl-ccxxNrPos {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

.cando_box li .yl-ccxxNrMc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 2;
    background: rgba(59, 169, 243, .8);
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.cando_box li:hover .yl-ccxxNrMc {
    height: 100%;
}

.cando_box li:hover .yl-ccxxNrPos {
    animation: ylccxxNrPos .5s linear 1;
    -webkit-animation: ylccxxNrPos .5s linear 1;
}

@keyframes ylccxxNrPos {
    0% {
        top: 0px;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes ylccxxNrPos {
    0% {
        top: 0px;
    }

    100% {
        top: 50%;
    }
}

.indadv {
    padding: 0 0 3%;
}

.indadv dt {
    background: #4c4c4c;
    font-size: 26px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    font-weight: normal;
}

.indadv dd {
    color: #666;
    font-size: 14px;
    padding-left: 20px;
    line-height: 25px
}

.indadv dd h3 {
    font-size: 20px;
    color: #323232;
    padding: 20px 0 20px 0;
    margin: 0;
}

.indadv dd p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin: 0;
}

.indadv dl:hover dt {
    background: #0e9cda;
    color: #fff
}

.index_news {
    background: url(../image/news_bg.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
    max-height: 750px;
    padding-bottom: 4%;
}

.news_tit {
    font-size: 28px;
    color: #fff;
    padding: 70px 0;
    margin: 0;
    line-height: 30px;
    overflow: hidden;
    clear: both;
}

.news_tit span {
    color: #0e9cda;
    text-transform: uppercase;
}

.index_news ul {
    overflow: hidden;
}

.index_news ul.rtnw {
    width: 86%;
}

.index_news ul.rtnw li {
    padding: 25px 0 57px;
}

.index_news ul li {
    overflow: hidden;
}

.index_news ul li .time {
    font-size: 18px;
    color: #37c2ff;
    border: 1px solid #37c2ff;
    float: left;
    width: 18%;
    text-align: center;
    padding: 10px 0;
    margin: 0;
}

.index_news ul li .time span {
    font-size: 44px;
    display: block;
}

.index_news ul li .news_r {
    float: left;
    margin-left: 3%;
    width: 79%;
}

.index_news ul li .news_r h3 {
    margin: 0 0 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 22px;
    color: #fff;
    line-height: 22px;
}

.index_news ul li .news_r p {
    margin: 0;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    height: 72px;
    overflow: hidden;
    opacity: 0.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.index_news ul.ltnw {
    border: 1px solid #37c2ff;
    padding: 38px 5% 0;
}

.index_news ul.ltnw li .wen {
    background: rgba(14, 156, 218, 0.25);
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
}

.index_news ul.ltnw li .wen h3 {
    margin: 0;
    background: url(../image/wen.png) no-repeat left;
    line-height: 36px;
    padding-left: 55px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index_news ul.ltnw li .da {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    height: 52px;
    opacity: 0.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 10px 28px 28px 55px;
    overflow: hidden;
}

.index_news .more {
    display: block;
    background: #0d82b7;
    font-size: 18px;
    color: #fff;
    width: 220px;
    line-height: 52px;
    text-align: center;
    float: none;
}

.index_news ul.ltnw .more {
    width: 100%;
    margin-bottom: 40px;
}

.yl-bdbx {
    overflow: hidden;
    padding-top: 3%;
}

.yl-bdbx li {
    height: 250px;
    float: left;
}

.yl-bdbx li .float-shadow {
    width: 100%;
    margin: 0 auto;
    height: 250px;
    background: #31A3F0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px #CCCCCC;
    -moz-box-shadow: 0px 0px 3px #CCCCCC;
    -ms-box-shadow: 0px 0px 3px #CCCCCC;
    -o-box-shadow: 0px 0px 3px #CCCCCC;
    box-shadow: 0px 0px 3px #CCCCCC;
}

.yl-bdbx li i {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../image/ico5.png) no-repeat;
    margin-top: 50px;
}

.yl-bdbx li .fon16 {
    width: 120px;
    margin: 29px auto 0;
}

.yl-bdbx li .yl-bj01 {
    background: #31A3F0;
}

.yl-bdbx li .yl-bj02 {
    background: #7374EB;
}

.yl-bdbx li .yl-bj03 {
    background: #FF4058;
}

.yl-bdbx li .yl-bj04 {
    background: #F5A01C;
}

.yl-bdbx li .yl-bj05 {
    background: #00B4A1;
}

.yl-bdbx li .yl-bj06 {
    background: #3270D0;
}

.yl-bdbx li .yl-bj01 i {
    background-position: 0 0;
}

.yl-bdbx li .yl-bj02 i {
    background-position: -66px 0;
}

.yl-bdbx li .yl-bj03 i {
    background-position: -132px 0;
}

.yl-bdbx li .yl-bj04 i {
    background-position: -198px 0;
}

.yl-bdbx li .yl-bj05 i {
    background-position: -264px 0;
}

.yl-bdbx li .yl-bj06 i {
    background-position: -330px 0;
}

.yl-zx.fon14 {
    font-size: 14px;
}

.yl-qyfz {
    padding-top: 10px;
}

.yl-qyfz li {
    width: 373px;
    float: left;
    margin: 40px 40.5px 0 0;
}

.yl-qyfz li:nth-child(3n) {
    margin-right: 0;
}

.yl-qyfz01 {
    overflow: hidden;
}

.yl-qyfz01 img {
    display: block;
    width: 100%;
    height: 249px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.yl-qyfz li:hover .yl-qyfz01 img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.yl-qyfz li .oneLine {
    line-height: 53px;
    margin-top: 10px;
}

.yl-qyfz li .threeLine {
    color: #999999;
    line-height: 20px;
    height: 60px;
}

.yl-qyfz li .oneLine a:hover {
    color: #43B3FF;
}

.yl-zx {
    text-align: center;
    display: inline-block;
    padding: 0 59px;
    height: 50px;
    background: none;
    font-size: 16px;
    border: 1px solid #FF9B00;
    color: #FF9B00;
    line-height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-top: 45px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.yl-zx:hover {
    background: #FF9C00;
    color: #fff;
}

.worry_box {
    background: #f1f1f1;
    overflow: hidden;
    padding-bottom: 4%;
}

/* 关于一帆 */
.about_banner {
    height: 500px;
    background: url(../image/about_bg.jpg) no-repeat center;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}

.about_banner h3 {
    font-size: 48px;
    color: #fff;
    line-height: 90px;
    margin: 0;
}

.yl-alkfsh {
    padding: 0 0 5%;
    overflow: hidden;
}

.yl-alkfsh li {
    height: 240px;
    text-align: center;
    color: #fff;
    padding: 0 7px;
}

.yl-alkfsh li:nth-child(3n) {
    margin-right: 0;
}

.fon24 {
    font-size: 24px;
}

.yl-alkfsh .yl-bj01 {
    background: url(../image/img01.png) no-repeat;
}

.yl-alkfsh .yl-bj02 {
    background: url(../image/img02.png) no-repeat;
}

.yl-alkfsh .yl-bj03 {
    background: url(../image/img03.png) no-repeat;
}

.yl-alkfsh li .fon18 {
    line-height: 100%;
    padding-top: 64px;
    font-size: 18px;
}

.yl-alkfsh li .fon12 {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 100%;
    margin-top: 8px;
    font-size: 14px;
}

.yl-alkfsh li .yl-alkfshHr {
    display: inline-block;
    width: 17px;
    height: 2px;
    background: #fff;
}

.yl-alkfsh li .fon24 {
    margin-top: 18px;
}

.yl-alkfsh .av-container {
    float: left;
    width: 390px;
    height: 240px;
    margin-right: 15px;
}

.yl-alkfsh .av-container:nth-child(3n) {
    margin-right: 0;
}

.yl-alkfshCon {
    width: 100%;
    height: 240px;
}

.yl-zx {
    text-align: center;
    display: inline-block;
    padding: 0 59px;
    height: 50px;
    background: none;
    border: 1px solid #FF9C00;
    font-size: 16px;
    color: #FF9B00;
    line-height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-top: 45px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.yl-zx:hover {
    background: #FF9C00;
    color: #fff;
}

.qywh_banner {
    height: 440px;
    background: url(../image/qywh_banner.jpg) no-repeat center;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.qywh_banner h3 {
    font-size: 34px;
    color: #fff;
    line-height: 50px;
    margin: 0;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.qywh_banner h3:after {
    content: "";
    width: 54px;
    height: 3px;
    display: inline-block;
    background: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.qywh_banner h4 {
    font-size: 36px;
    color: #fff;
    line-height: 80px;
    margin: 0;
}

.focus_devlp {
    background: #f5f5f5;
    padding-bottom: 4%;
}

.contact-map {
    margin: -4% 0 4%;
}

/* 微信小程序开发 */
.xcx_banner {
    height: 630px;
    background: url(../image/xcx_banner.png) no-repeat center;
}

.xcx_text img {
    margin-top: 145px;
    max-width: 100%;
}

.xcx_text p {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    margin: 55px 0;
}

.made {
    font-size: 26px;
    color: #0e9cda;
    width: 240px;
    line-height: 62px;
    display: inline-block;
    border-radius: 40px;
    background: #fff;
    text-align: center;
    opacity: 0.8;
    box-shadow: 4px 4px 4px rgba(46, 175, 235, 0.8);
}

.big_market {
    padding-bottom: 3%;
    overflow: hidden;
}

.big_market ul li {
    text-align: center;
    border: 1px solid #e3e2e5;
    margin: 0 -1px 0 0;
    height: 418px;
}

.big_market ul li img {
    width: auto;
    height: 46px;
    margin-top: 65px;
}

.big_market ul li h3 {
    font-size: 20px;
    position: relative;
    padding-bottom: 31px;
    margin-bottom: 18px;
}

.big_market ul li h3:after {
    content: "";
    width: 60px;
    height: 1px;
    display: inline-block;
    background: #e3e2e5;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.big_market ul li p {
    font-size: 16px;
    line-height: 40px;
    color: #999;
}

.exclusive {
    overflow: hidden;
}

.exclusive li {
    overflow: hidden;
    margin-bottom: 3%;
}

.exclusive li .img {
    position: relative;
    overflow: hidden;
}

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

.exclusive li .font {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    background: rgba(0, 0, 0, .4);
}

.exclusive li .font img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 50px auto 12px;
}

.exclusive li .font p {
    font-size: 20px;
    color: #fff;
}

.exclusive li .txt {
    border: 1px solid #eaeaea;
    border-radius: 0 0 12px 12px;
    padding: 0 5%;
}

.exclusive li .line {
    width: 40px;
    height: 1px;
    display: inline-block;
    background: #2eafeb;
    margin: 20px 0 8px;
}

.exclusive li .txt p {
    font-size: 16px;
    line-height: 30px;
    min-height: 120px;
    color: #343434;
}

.exclusive li .txt .btns {
    line-height: 28px;
    width: 130px;
    background: url(../image/jt2.png) no-repeat 95px center;
    margin: 0 0 20px;
    padding: 0 20px 0 0;
    font-size: 16px;
}

.xcx_hexin {
    height: auto;
    background: url(../image/xcx_banner.jpg) no-repeat center;
    text-align: center;
}

.xcx_hexin img {
    max-width: 96%;
}

.why_choice {
    height: 760px;
    background: url(../image/choice.png) no-repeat center;
    text-align: center;
    margin-top: 5%;
    padding-top: 2%;
}

.why_choice .index_tit h2,
.why_choice .index_tit .p1 {
    color: #fff;
}

.why_choice ul {
    overflow: hidden;
    padding-top: 3%;
}

.why_choice ul li .main {
    background: url(../image/choose_list_bg.png) no-repeat;
    background-size: 100% 100%;
}

.why_choice ul li img {
    margin-top: 50px;
}

.why_choice ul li h3 {
    font-size: 22px;
    margin: 30px 0;
}

.why_choice ul li p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    height: 90px;
}

.why_choice ul li .btns {
    line-height: 28px;
    width: 130px;
    background: url(../image/jt2.png) no-repeat 95px center;
    padding: 0 20px 0 0;
    margin: 0 0 40px;
    font-size: 16px;
}

.serv_case ul {
    overflow: hidden;
    padding-bottom: 3%;
}

.serv_case ul li .case {
    background: #fafafa;
    text-align: center;
    padding: 30px 0;
}

.serv_case ul li .case img {
    width: 100%;
}

.serv_case ul li .case .line {
    width: 36px;
    height: 2px;
    display: block;
    background: #2eafeb;
    margin: 30px auto 20px;
}

.serv_case ul li .case p {
    font-size: 22px;
    line-height: 30px;
    color: #323232;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsout {
    background-color: #f1f1f1;
    width: 100%;
    padding-bottom: 4%;
}

.news_location {
    font-size: 14px;
    color: #999;
    margin: 15px 0 20px;
}

.news_location a {
    font-size: 14px;
    color: #999;
}

.newalscon {
    background-color: #fff;
    padding: 0;
}

.newsout .phoneyr {
    float: right;
}

.newalscontime {
    font-size: 18px;
    color: #999;
    font-family: Arial;
    text-align: center;
}

.newsoutjl {
    padding-top: 10px;
}

.newalscontime span {
    width: 100%;
    font-size: 39px;
    text-align: center;
    color: #999;
    line-height: 40px;
}

.newsjianjie {
    padding-bottom: 32px;
    width: 85%;
}

.newsname {
    width: 96%;
    padding: 40px 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.newsname-l {
    font-size: 24px;
    color: #333;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsname a {
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsname-r {
    font-size: 14px;
    color: #999;
    float: right;
}

.newscontent {
    width: 96%;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.newscblm {
    background-color: #fff;
    padding: 20px 6%;
    box-sizing: border-box;
    margin-bottom: 12px;
}

.newscblm-t {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}

.lantiao {
    width: 4px;
    height: 15px;
    background-color: #0090ff;
    margin-right: 7px;
}

.newscblm-b {
    line-height: 36px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../image/news11.png) no-repeat left;
    padding-left: 15px;
}

.newscblm-b a {
    color: #666;
}

.newscblm-b a:hover,
.newsname-l:hover {
    color: #0e9cda;
}

.newscblm-b.nobg {
    background: none;
    padding-left: 0;
}

.newscblm-b span {
    color: #000000;
    margin-right: 7px;
    font-size: 12px;
}

.newscblm-b img {
    width: 8px;
    height: 15px;
    margin-right: 7px;
}

.newscblpic {
    width: calc(100% -10px);
    background: url(../image/news_tel.png) no-repeat center;
    background-size: cover;
    height: 132px;
}

.newslist {
    width: 100%;
    border-bottom: 1px dashed #ddd;
    display: flex;
}

.newstimecon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 15%;
}

.phonetime {
    display: none
}

.newsxqtitle {
    width: 100%;
    text-align: center;
    padding: 40px 0 10px;
    font-size: 24px;
    color: #333;
}

.newsxqxtitle {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px dashed #ddd;
}

.newsxqxtitle span {
    margin: 0 25px;
    font-size: 14px;
    color: #999;
}

.newsxqcon {
    width: 100%;
    padding: 20px 0;
}

.newsxqbottom {
    border-top: 1px dashed #ddd;
    padding: 3% 20px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}

.newsxqbottom a {
    color: #666;
}

.newsxqbottom-l {
    float: left;
}

.newsxqbottom-r {
    float: right;
}

.news_show_content {
    padding: 30px 30px;
    line-height: 2em;
    font-size: 14px;
    color: #666;
}

.news_show_content p {
    line-height: 2em;
    font-size: 14px;
    color: #666;
}

.news_show_content img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/*分页修改*/
.my_pagination {
    margin: 50px 0 20px 0;
}

/*.my_pagination span{display: inline-block;padding: 5px 10px;background-color: #ffffff;margin-right: 6px;border: 1px solid #7F7F7F;color: #7F7F7F;}*/
/*.my_pagination span.current{color: #ffffff;background-color: #7F7F7F;}*/
.my_pagination a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #ffffff;
    margin-right: 6px;
    color: #7F7F7F;
    border: 1px solid #7F7F7F;
    transition: all 0.6s;
    margin-bottom: 6px;
}

.my_pagination a:hover {
    background-color: #7F7F7F;
    color: #ffffff;
    transition: all 0.6s;
}

.my_pagination li {
    display: inline-block;
    background-color: #ffffff;
    color: #7F7F7F;
}

.my_pagination li.current {
    color: #ffffff;
    background-color: #7F7F7F;
}

.my_pagination span {
    display: inline-block;
    padding: 5px 10px;
    background-color: #ffffff;
    margin-right: 6px;
    color: #7F7F7F;
    border: 1px solid #7F7F7F;
    transition: all 0.6s;
    margin-bottom: 6px;
}

.my_pagination span:hover {
    background-color: #7F7F7F;
    color: #ffffff;
    transition: all 0.6s;
}

/* 案例展示 */
.case_bgbox {
    background: #f4f4f4;
}

.case_bgbox .case_contair {
    padding-bottom: 0;
}

.case_bgbox .case_contair ul {
    margin-bottom: 0;
}

.case_nav ul {
    overflow: hidden;
    text-align: center;
    padding-bottom: 2%;
}

.case_nav ul li {
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    border-radius: 15px;
    padding: 0 50px;
    border: 1px solid #c0c0c0;
    cursor: pointer;
    margin: 0 10px;
    color: #666;
    white-space: nowrap;
}

.case_nav ul li.hovertab {
    border: 1px solid #2eafeb;
    background: #2eafeb;
    color: #fff;
}

.case_contair ul.lshow li {
    padding: 0;
    background: #ebebeb;
    margin: 0;
    overflow: hidden;
}

.case_contair ul.lshow li:nth-child(2n) {
    background: #f2f2f2;
}

.case_contair ul.lshow li .info {
    padding: 20px 5%;
}

.case_contair ul.lshow li .info p {
    height: auto;
    margin: 0;
    font-size: 16px;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case_contair ul.lshow li .info h3 {
    font-size: 16px;
    color: #656565;
    margin: 12px 0;
}

.case_detail_l {
    width: 60%;
}

.case_detail_l img {
    display: block;
    width: 100%;
    height: auto;
}

.case_detail_r {
    width: 37.5%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    background: #f7f7f7;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 120px;
}

body.bakf1 {
    background: #f1f1f1;
}

.navbar-default {
    z-index: 10;
}

.project_box {
    padding: 150px 8% 0;
}

.xm_name {
    font-size: 24px;
    color: #666;
    font-weight: bold;
    border-left: 4px solid #0e9cda;
    line-height: 22px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.xm_type {
    font-size: 14px;
    color: #666;
}

.middle_js {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin: 50px 0;
}

.middle_js p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.l_pagecon {
    overflow: hidden;
}

.l_pagefh {
    float: left;
}

.l_pagefh .butt {
    display: block;
    width: 146px;
    line-height: 37px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.l_pagefh .bt1 {
    background: #0e9cda;
    margin-bottom: 16px;
}

.l_pagefh .bt2 {
    background: #bbb;
}

.l_pagesxy {
    float: right;
    overflow: hidden;
    margin-top: 56px;
}

.l_pagesxy .pre,
.l_pagesxy .next {
    display: block;
    width: 34px;
    height: 34px;
    float: left;
    font-size: 0;
}

.l_pagesxy .pre {
    background: url(../image/arrowl.png) no-repeat center #0e9cda;
}

.l_pagesxy .next {
    background: url(../image/arrowr.png) no-repeat center #0e9cda;
    margin-left: 5px;
}

.l_pagesxy .pre.disabled {
    background: url(../image/arrowl.png) no-repeat center #bbb;
    cursor: default;
}

.l_pagesxy .next.disabled {
    background: url(../image/arrowr.png) no-repeat center #bbb;
    cursor: default;
}

.slider_nav {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 20;
}

.slider_nav ul li {
    margin-bottom: 5px;
    position: relative;
    width: 70px;
    height: 70px;
    cursor: pointer;
}

.slider_nav ul li .ht1 {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    width: 70px;
    height: 70px;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
}

.slider_nav ul li .ht2 {
    font-size: 16px;
    line-height: 70px;
    height: 70px;
    width: 120px;
    background: #6e8eea;
    position: absolute;
    top: 0;
    left: 70px;
    text-align: left;
    color: #fff;
    text-align: center;
}

.slider_nav ul li.ht:hover .ht1 {
    width: 190px;
    left: -120px;
}

.slider_nav ul li.wx:hover .code {
    display: block;
}

.slider_nav ul li.wx .code {
    position: absolute;
    background: #8284e8;
    padding: 12px;
    border-radius: 8px;
    top: -46%;
    right: 85px;
    display: none
}

.slider_nav ul li.wx .code img {
    width: 110px;
    height: 110px;
}

.slider_nav ul li.wx .code::before {
    content: '';
    width: 8px;
    height: 14px;
    display: block;
    border-color: transparent transparent transparent #8284e8;
    border-style: dashed dashed dashed solid;
    border-width: 8px;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -7px;
}

.zl_viewpoint {
    background: #f2f2f2;
    overflow: hidden;
    padding-bottom: 3%;
}

.zl_viewpoint .index_tit h4 {
    position: relative;
    margin-bottom: 30px;
}

.zl_viewpoint .index_tit h4:after {
    content: "";
    width: 100px;
    height: 2px;
    display: inline-block;
    background: #44c6ff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.zl_viewpoint ul {
    overflow: hidden;
    background: #fff;
}

.zl_viewpoint ul li {
    border-right: 1px solid #efefef;
    padding: 15px 4% 3%;
}

.zl_viewpoint ul li:last-child {
    border-right: none;
}

.zl_viewpoint ul li h3 {
    font-size: 26px;
    color: #0e9cda;
}

.zl_viewpoint ul li em {
    display: block;
    width: 60px;
    height: 1px;
    background: #c6c6c6;
    margin: 20px auto 30px;
}

.zl_viewpoint ul li p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    height: 72px;
}

.zl_advant {
    overflow: hidden;
    padding: 4% 0;
}

.zl_advant li {
    overflow: hidden;
}

.zl_advant li img {
    float: left;
}

.zl_advant li .txt {
    float: left;
    margin-left: 5%;
    width: 60%;
}

.zl_advant li .txt h3 {
    font-size: 26px;
    color: #191919;
    margin: 0 0 15px;
}

.zl_advant li .txt p {
    font-size: 14px;
    color: #676767;
    line-height: 26px;
}

.contact_zl {
    overflow: hidden;
    padding: 5% 0;
}

.contact_zl .shzl {
    font-size: 22px;
    color: #0e9cda;
    padding-bottom: 12px;
    border-bottom: 2px solid #0e9cda;
}

.contact_zl h2 {
    font-size: 36px;
    color: #4e4e4e;
    line-height: 50px;
}

.contact_zl p {
    margin-bottom: 0;
}

.contact_zl .add1 {
    font-size: 18px;
    color: #4e4e4e;
    margin-top: 20px;
}

.contact_zl .pd {
    margin-left: 55px;
}

.contact_zl .en {
    font-size: 14px;
    color: #4e4e4e;
    line-height: 30px;
}

.contact_zl .zjzx {
    font-size: 18px;
    color: #4e4e4e;
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 30px;
}

.contact_zl .ewm {
    text-align: center;
    width: 172px;
}

.contact_zl .ewm img {
    width: 172px;
    height: 172px;
}

.contact_zl .ewm span {
    display: block;
    font-size: 16px;
    color: #4e4e4e;
    margin-top: 18px;
}

.contact_zl .zxtel {
    font-size: 18px;
    color: #4e4e4e;
    padding-top: 25px;
}

.contact_zl .zxtel strong {
    font-size: 36px;
    color: #0e9cda;
}

.contact_zl .need {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    padding: 6px 0;
}

.contact_zl .text {
    font-size: 16px;
    line-height: 42px;
    display: block;
    width: 100%;
    padding: 0 3%;
    border: 1px solid #e0e0e0;
    margin-top: 20px;
}

.contact_zl textarea.text {
    height: 158px;
    resize: none;
    outline: none;
}

.contact_zl .submit {
    font-size: 18px;
    color: #0e9cda;
    cursor: pointer;
    line-height: 42px;
    height: 44px;
    display: block;
    width: 100%;
    padding: 0 3%;
    border: 2px solid #0e9cda;
    margin-top: 30px;
    background: #fff;
}

::-webkit-input-placeholder {
    color: #b8b8b8;
}

:-moz-placeholder {
    color: #b8b8b8;
}

::-moz-placeholder {
    color: #b8b8b8;
}

:-ms-input-placeholder {
    color: #b8b8b8;
}

.contact_zl .yzm {
    position: relative;
}

.contact_zl .yzm .code {
    position: absolute;
    right: 5px;
    top: 4px;
}

.contacts {
    padding: 5% 0;
    margin: 0;
    overflow: hidden;
}

.contacts li {
    padding: 0 10px;
}

.contacts li .main {
    height: 235px;
    border: 1px solid #ddd;
    text-align: center;
}

.contacts li.download {
    margin-right: 0;
}

.contacts li .main:hover {
    border-color: #0e9cda;
}

.contacts li img {
    width: 115px;
    height: 115px;
    margin: 0 auto;
}

.contacts li .pic {
    margin-top: 30px
}

.contacts li .line {
    background: #0e9cda;
    height: 2px;
    width: 70px;
    margin: 30px auto 12px auto;
}

.contacts li .title {
    font-size: 16px;
    color: #333;
}

/*垃圾分类*/
.refuse_box1 {
    overflow: hidden;
    padding: 5% 0;
}

.refbox1_l {
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    text-align: justify;
    margin-bottom: 5%;
}

.refbox1_l>div {
    padding: 0;
}

.refbox1_l .btn_more {
    border: 2px solid #5cbbf1;
    margin: 8% 0 0;
    font-size: 18px;
    line-height: 47px;
    padding: 0 52px;
}

.refbox1_r img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.col-md2 {
    width: 20%;
    float: left;
}

.refuse_box2 {
    background: #f2f2f2;
    color: #333;
}

.refuse_box2 ul {
    overflow: hidden;
    padding: 4% 0;
}

.refuse_box2 ul li img {
    height: 50px;
}

.refuse_box2 ul li h1 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    padding: 20px 0;
}

.refuse_box2 ul li h1:after {
    content: "";
    width: 20px;
    height: 2px;
    display: inline-block;
    background: #919191;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.refuse_box2 ul li p {
    font-size: 14px;
    line-height: 30px;
    height: 90px;
}

.refuse_box3 ul {
    overflow: hidden;
    padding: 4% 0 7%;
}

.refuse_box3 ul li {
    overflow: hidden;
    position: relative;
    padding: 0 8px;
    margin-bottom: 15px;
}

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

.refuse_box3 ul li .txt {
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    height: 100%;
    padding: 0 7%;
}

.refuse_box3 ul li .txt h1 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin: 35px 0 20px;
}

.refuse_box3 ul li .txt p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.refuse_box4 {
    background: #f2f2f2;
    color: #333;
}

.refuse_box4 ul {
    overflow: hidden;
    padding-top: 1%;
}

.refuse_box4 ul li {
    overflow: hidden;
    padding-left: 10%;
    margin-bottom: 3%;
}

.refuse_box4 ul li img {
    float: left;
    width: 79px;
}

.refuse_box4 ul li .txt {
    float: left;
    width: calc(100% - 160px);
    margin-left: 30px;
}

.refuse_box4 ul li .txt h1 {
    font-size: 14px;
    margin: 0 0 12px;
}

.refuse_box4 ul li .txt p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    height: 90px;
}

/*抖音小程序*/
.bgf8 {
    background: #f8f8f8
}

.dy_tit {
    text-align: center;
    padding: 5% 0;
}

.dy_tit h2 {
    font-size: 32px;
    background: linear-gradient(to right, #3f47ff, #fa0bc0);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
}

.dy_tit h2 .first {
    background: url(../image/dy_ico5.png) no-repeat 0 0, url(../image/dy_ico6.png) no-repeat right 0;
    padding: 10px 28px;
}

.dy_tit p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
}

.dy-box1 {
    text-align: center;
    padding: 2% 12% 7%;
    overflow: hidden;
}

.dy-box1 p {
    font-size: 18px;
    line-height: 30px;
}

.dy-box1 ul {
    overflow: hidden;
}

.dy-box1 ul li {
    text-align: center;
}

.dy-box1 ul li img {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
    border-radius: 20px;
}

.dy-box1 ul li p {
    font-size: 16px;
    margin-top: 25px;
}

.dy-box2 {
    overflow: hidden;
    padding: 3% 7%;
}

.dy-box2 li {
    padding: 0 12px;
}

.dy-box2 li .main {
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
    padding: 60px 3% 10px;
}

.dy-box2 li .main h2 {
    font-size: 24px;
    margin: 30px 0;
}

.dy-box2 li .main p {
    font-size: 16px;
    line-height: 25px;
    height: 50px;
}

.between {
    overflow: hidden;
    padding: 4% 0;
}

.bwbg1 {
    background: url(../image/dybg1.png) no-repeat center;
}

.bwbg2 {
    background: url(../image/dybg2.png) no-repeat center;
}

.bwbg3 {
    background: url(../image/dybg3.png) no-repeat center;
}

.between .img.fl {
    float: right;
}

.between .img {
    text-align: center;
}

.between .img img {
    max-width: 100%;
}

.between .txt h2 {
    font-size: 32px;
    margin: 30px 0;
}

.between .txt p {
    font-size: 18px;
    line-height: 30px;
}

.between .enter {
    text-align: center;
    width: 80%;
    overflow: hidden;
    margin-top: 10%;
}

.between .enter li {
    padding: 0;
}

.between .enter li p {
    font-size: 14px;
    color: #666;
}

.Contrast {
    overflow: hidden;
    padding: 0 0 5%;
}

.Contrast h2 {
    font-size: 24px;
    padding-left: 35px;
}

.Contrast li {
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #eee;
}

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

.Contrast .douyin {
    background: url(../image/dy_ico18.png) no-repeat left;
}

.Contrast .weixin {
    background: url(../image/dy_ico19.png) no-repeat left;
}

.Contrast .center {
    margin-top: 50px;
}

.Contrast .center li {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, #7ba2ff, #f1adff);
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    border: none;
    margin: 38px auto 0;
}

.Contrast .db1,
.Contrast .db2 {
    text-align: justify;
}

.Contrast .db1 li,
.Contrast .db2 li {
    padding: 25px 0 10px;
}

.Contrast .db1 li p,
.Contrast .db2 li p {
    height: 96px;
}

.Contrast .db1 {
    margin-right: -12%;
}

.Contrast .db2 {
    margin-left: -12%;
}

@media (min-width: 768px) {
    .navbar-nav {
        width: calc(100% - 170px);
    }
}

@media (max-width: 1200px) {
    .safe_box ul li .bord {
        padding: 40px 12% 0;
    }
}

@media (max-width: 992px) {
    .branch_office .tel {
        display: block;
    }
}

@media (min-width: 992px) {
    .newsxqbottom2 {
        display: none
    }
}

@media (max-width: 991px) {
    .features ul li .main {
        margin-bottom: 15px;
    }

    .safe_box ul li .bord {
        margin-bottom: 15px;
    }

    .safe_box ul li .bord {
        height: auto;
        padding-bottom: 3%;
    }

    .core_busin .box {
        width: 33.33%;
        margin-bottom: 2%;
    }

    .partner_box ul li {
        width: 33.33%;
    }

    .branch_office ul {
        width: 100%;
    }

    .branch_office .tel {
        display: none;
    }

    .zwxxtitle {
        font-size: 2rem;
        line-height: 5rem;
        height: 5rem;
    }

    .zwxxtitlejj {
        font-size: 1.3rem;
    }

    .jdpttitle-content {
        width: 30.33%;
        height: 220px;
        margin: 0 1.5%;
        padding: 0;
    }

    .jdpttitle {
        height: auto;
        line-height: 3rem;
        font-size: 2rem;
    }

    .center-block {
        width: 100%;
    }

    .gov_introduct_con {
        padding: 0 2%;
    }

    .gov_introduct_con p {
        min-height: auto !important;
    }

    .zwxxzj,
    .screen_m {
        display: none;
    }

    .zwxxleft {
        margin: 3% 0;
    }

    .sdjzleftout,
    .sdjzleft-b,
    .sdjzleftout3,
    .sdjzleftout2 {
        width: 100%;
    }

    .sdjzleft-b-t2,
    .sdjzleft-b-t {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .sdjzleft-b {
        height: auto;
        padding-bottom: 10%;
    }

    .app_nav ul li {
        width: 170px;
        margin: 0 5px;
        white-space: nowrap;
        padding: 0 10px;
    }

    .screen_r {
        text-align: left;
    }

    .yl-Wid01,
    .yl-Wid02,
    .yl-Wid03 {
        width: 100%;
    }

    .yl-Wid02 {
        margin: 12px 0;
    }

    .yl-bdbx li {
        width: 50%;
        margin-top: 3%;
    }

    .big_market ul li {
        margin: 0 0 15px;
    }

    .exclusive li .txt p {
        min-height: auto;
    }

    .why_choice {
        height: auto;
        background-size: auto 100%;
    }

    .why_choice ul li .main {
        margin-bottom: 3%;
    }

    .newslist .phoneyc {
        display: none
    }

    .phoneyc {
        padding: 0;
    }

    .phonetime {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        padding-top: 15px;
        color: #999;
    }

    .newsname {
        padding: 20px 0 5px;
    }

    .newsname-l {
        font-size: 2rem;
    }

    .newsjianjie {
        width: 94%;
        margin: 0 auto;
        padding-bottom: 5%;
    }

    .newsname a,
    .newsname,
    .newscontent {
        width: 100%;
    }

    .newsxqbottom {
        margin-bottom: 3%;
    }

    .newsxqbottom2 {
        width: 100%;
        border-top: 1px dashed #ddd;
    }

    .newsxqbottom-l {
        width: 100%;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .newsxqbottom-r {
        width: 100%;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .about_banner {
        height: 220px;
        background-size: auto 100% !important;
    }

    .about_banner h3 {
        font-size: 3rem;
        line-height: 4.6rem;
    }

    .yl-alkfsh li {
        margin-bottom: 3%;
        padding: 0;
    }

    .yl-alkfshCon {
        background-size: 100% !important;
    }

    .qywh_banner {
        height: 300px;
        background-size: 100% 100% !important;
    }

    .qywh_banner h3 {
        font-size: 2rem;
        line-height: 3rem;
    }

    .qywh_banner h4 {
        font-size: 2.1rem;
        line-height: 4rem;
    }

    .case_nav ul li {
        padding: 0 28px;
        margin: 0 6px;
    }

    .navbar-default {
        position: relative !important;
    }

    .case_detail_l {
        width: 100%;
    }

    .case_detail_r {
        position: relative;
        width: 100%;
        padding-bottom: 3%;
    }

    .project_box {
        padding: 3%;
    }

    .cando_box {
        height: auto;
        background-size: auto 100% !important;
        padding-bottom: 3%;
    }

    .cando_box li {
        background-size: cover !important;
        margin-bottom: 3%;
        height: 400px;
    }

    .newscblpic {
        height: 300px;
    }

    .newsout .phoneyr,
    .slider_nav {
        display: none;
    }

    .newsxqtitle {
        padding: 10px 1% 10px;
        font-size: 2rem;
    }

    .newsxqxtitle div {
        text-align: center;
    }

    .newsxqxtitle span {
        font-size: 12px;
        margin: 0 10px;
        display: inline-block;
        white-space: nowrap;
    }

    h1.newsxqxtitle {
        margin: 0;
    }

    .demand_list li.input_3 {
        width: 28%;
    }

    .index_news {
        max-height: none;
    }

    .index_tit h2 {
        font-size: 2.2rem;
    }

    .index_tit h3 {
        font-size: 2.5rem;
    }

    .index_tit h4 {
        font-size: 1.9rem;
        padding: 10px 0;
    }

    .index_tit h5 {
        font-size: 1.5rem;
        padding: 10px 0;
        margin: 0;
        padding: 0;
        line-height: 3rem;
    }

    .index_tit h5 em {
        font-size: 2rem;
    }

    .index_tit h5 i {
        font-size: 1.8rem;
    }

    .index_tit h6 {
        font-size: 1.5rem;
    }

    .index_tit .p1 {
        font-size: 1.1rem;
    }

    .index_tit .p2 {
        font-size: 1.3rem;
    }

    .plann_principles ul li {
        margin-bottom: 30px;
        overflow: hidden;
    }

    .plann_principles ul li .p1 {
        min-height: auto;
        margin: 20px 0;
    }

    .plann_principles ul li h3 {
        font-size: 1.8rem;
    }

    .index_tit img {
        height: 36px;
    }

    .data_box ul li {
        margin-bottom: 5%;
    }

    .data_box ul li h3 {
        font-size: 3.6rem;
        margin: 0 0 6px;
    }

    .indservice li {
        padding: 8% 4%;
    }

    .indservice li .title {
        font-size: 1.8rem;
    }

    .indservice li .cons {
        font-size: 1.3rem;
        height: auto;
    }

    .indservice li .more a {
        font-size: 1.3rem;
    }

    .indadv dt {
        font-size: 2rem;
    }

    .indadv dd h3 {
        font-size: 1.7rem;
    }

    .index_news ul.rtnw {
        width: 100%;
    }

    .news_tit {
        font-size: 2rem;
        padding: 5% 0 3%;
    }

    .index_news ul.rtnw li {
        padding: 0 0 5%;
    }

    .index_news ul li .time {
        width: 90px;
    }

    .index_news ul li .news_r {
        width: calc(100% - 120px);
    }

    .index_news ul li .news_r h3 {
        font-size: 1.8rem;
    }

    .index_news ul li .news_r p {
        font-size: 1.4rem;
    }

    .index_news .more {
        font-size: 1.5rem;
    }

    .zl_viewpoint ul li p {
        height: auto;
    }

    .zl_advant li {
        margin: 3% 0;
        padding: 0;
    }

    .zl_advant li .txt {
        width: 76%;
    }

    .zl_advant li .txt h3 {
        font-size: 2rem;
    }

    .contacts li {
        margin-bottom: 3%;
    }

    .col-md2 {
        width: 50%;
    }

    .refbox1_l .btn_more {
        margin: 4% 0 8%;
    }

    .between .enter {
        width: 100%;
    }

    .Contrast .db1 li p,
    .Contrast .db2 li p {
        height: auto;
    }

    .Contrast .center {
        display: none;
    }

    .Contrast .db1 {
        margin: 0;
    }

    .Contrast .db2 {
        margin: 0;
    }

    .copy_bq,
    .dx-foot {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .wlw_banner .text {
        margin-top: 10%;
    }

    .wlw_banner .text h1 {
        font-size: 2.6rem;
    }

    .wlw_banner .text p {
        font-size: 1.8rem;
        padding: 2% 0;
    }

    .wlw_tit h1 {
        font-size: 2.4rem;
    }

    .wlw_tit p {
        font-size: 1.3rem;
    }

    .index_tit img {
        height: 25px;
    }

    .safe_box ul li .bord h1 {
        font-size: 2.3rem;
    }

    .foot_solgn {
        padding: 5% 0;
    }

    .foot_solgn h1 {
        font-size: 2rem;
    }

    .foot_solgn p {
        font-size: 1.4rem;
    }

    .topbar {
        display: none !important;
    }

    .core_busin .box {
        width: 50%;
        margin-bottom: 2%;
        background-size: cover !important;
    }

    .core_busin .box,
    .core_busin .box .box-img {
        height: 250px;
    }

    .core_busin .box .box-img img {
        margin-top: 50px;
    }

    .core_busin .box .box-img h3 {
        margin: 50px 0 15px;
    }

    .core_busin .box .description {
        margin-top: 50px;
    }

    .core_busin .box .box-content {
        padding: 0 3%;
    }

    .core_busin .box .line {
        bottom: 40px;
    }

    .btns {
        margin-bottom: 3%;
    }

    .btn_more {
        padding: 0 50px;
        line-height: 45px;
        font-size: 16px;
    }

    .footer_top {
        display: none;
    }

    .yl-indtit {
        font-size: 2.2rem;
    }

    .yl-mdwt .floatR p {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .yl-mdwt .floatR {
        margin-top: 20px;
    }

    .yl-FwCon {
        margin-top: 20px;
    }

    .yl-indtitBot {
        font-size: 1.2rem;
    }

    .xcx_banner {
        height: 320px;
        background-size: auto 100%;
    }

    .xcx_text img {
        margin-top: 60px;
    }

    .xcx_text p {
        font-size: 1.5rem;
        margin: 25px 0;
    }

    .made {
        width: 160px;
        line-height: 40px;
        font-size: 20px;
    }

    .exclusive li {
        padding: 0;
    }

    .case_nav ul li {
        padding: 0 20px;
        margin: 3px;
        font-size: 14px;
        line-height: 26px;
    }

    .middle_js {
        margin: 8% 0;
    }

    .l_pagefh {
        float: none;
    }

    .l_pagefh .butt {
        width: 100%;
    }

    .l_pagesxy {
        float: none;
        width: 100%;
        margin-top: 8%;
    }

    .l_pagesxy .pre,
    .l_pagesxy .next {
        font-size: 14px;
        background: none;
        border: 1px solid #0e9cda;
        width: 40%;
        color: #0e9cda;
        line-height: 34px;
        text-align: center;
        border-radius: 20px;
    }

    .l_pagesxy .pre.disabled,
    .l_pagesxy .next.disabled {
        border: 1px solid #bbb;
        color: #bbb;
    }

    .l_pagesxy .next {
        float: right;
    }

    .contact_zl {
        margin: 0 -15px;
    }

    .contact_zl h2 {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    .contact_zl .add1 {
        font-size: 1.6rem;
    }

    .contact_zl .pd {
        margin-left: 4rem;
    }

    .contact_zl .zxtel strong {
        font-size: 2.3rem;
    }

    .contact_zl .need {
        padding: 0;
    }

    .index_tit .line {
        font-size: 2.1rem;
    }

    .refuse_box2 ul li h1 {
        font-size: 1.8rem;
    }

    .refuse_box4 ul li {
        padding-left: 3%;
    }

    .refuse_box4 ul li .txt {
        width: calc(100% - 110px);
    }

    .refuse_box2 ul li p {
        margin-bottom: 0;
    }

    .dy_tit h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .dy_tit h2 .first {
        padding: 5px 15px 5px 8px;
        background-size: 15px !important;
    }

    .dy_tit p,
    .dy-box1 p,
    .between .txt p {
        font-size: 15px;
        line-height: 24px;
    }

    .dy-box1 {
        padding: 2% 3% 7%;
    }

    .dy-box1 ul li img {
        width: 90px;
    }

    .dy-box2 li {
        margin-bottom: 15px;
    }

    .dy-box2 li .main {
        padding: 30px 3% 0;
    }

    .between .txt h2 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .newscblpic {
        height: 200px;
    }
}