@charset "utf-8";
    .pages li {
        display: inline;
        padding: 3px;
        border: 0px solid gray;
        margin-right: 5px;
    }
    
    .pages {
        text-align: right
    }
    
    @font-face {
        font-family: 'CAI978';
        src: url('CAI978.eot');
        src: local('CAI978 Regular'), local('CAI978'), url('CAI978.woff') format('woff'), url('CAI978.ttf') format('truetype'), url('CAI978.svg#CAI978') format('svg');
    }
    
    @font-face {
        font-family: 'DINOTLIGHT';
        src: url('DINOTLIGHT.eot');
        src: local('DINOTLIGHT Regular'), local('DINOTLIGHT'), url('DINOTLIGHT.woff') format('woff'), url('DINOTLIGHT.ttf') format('truetype'), url('DINOTLIGHT.svg#DINOTLIGHT') format('svg');
    }
    
    * {
        margin: 0;
        padding: 0;
        transition-property: all;
        -ms-transition-property: all;
        -moz-transition-property: all;
        outline: none;
        -webkit-transition-property: all;
        -o-transition-property: all;
    }
    
    .fixtop .toper ul.navpc li a,
    .fixright,
    .tblank,
    .fixtop,
    .fixtop .toper .logo,
    .fixtop .toper .btnopen,
    .fixtop .toper ul.navpc li a,
    .tblank,
    .bxslider li a,
    .indsolution li .l,
    .indsolution li .t,
    .indsolution li .p,
    .rightmenu li,
    .rightmenu li a,
    .rightmenu li p,
    .indcha li,
    .conslist .cons,
    .conslist .pcover,
    .tab_content a.m,
    .tab_content a.m i,
    .indphoto .cate li a,
    #slider2 .slide img,
    .indchoose ul li .td,
    .indnews li .addtime,
    .indnews li .addtime h1,
    .indnews li .cons .title a,
    .bottomprevnext p,
    .bottomprevnext p a,
    .photography_list li,
    .photography_list li .cons,
    .caseaabout .mright .cons .more i,
    .news li .pic a,
    .news li,
    .news li .addtime,
    .news li .addtime h2,
    .news li .cons .title a,
    .news li .cons .content,
    .news li i,
    .contact #mbtn,
    .fixtop .navpc span {
        transition-duration: .3s;
        -ms-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -webkit-transition-duration: .3s;
    }
    
    .conslist:hover .pcover,
    #slider2 .slide img:hover,
    .news li .pic a:Hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05)
    }
    
    .abc {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
    
    .indnum li,
    .indphoto .list li,
    .indcus .mright .cons,
    .indcus .mright,
    .indchoose ul li,
    .photography_list li,
    .caseaabout .mright,
    .service li,
    .service li .cons,
    .service li .cons .ts,
    .contact input[type="text"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    html {
        -webkit-text-size-adjust: none;
        font-family: 'Microsoft YaHei', '微软雅黑', arial, '宋体';
        height: 100%;
    }
    
    body {
        font-family: 'Microsoft YaHei', '微软雅黑', arial, '宋体';
        height: 100%;
        ;
        color: #5a5a5a;
        margin: 0 auto;
        overflow-x: hidden;
        background: #fff;
        font-size: 16px;
        line-height: 30px;
        max-width: 1920px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-weight: normal;
        font-size: 14px;
        line-height: 30px;
        color: #5a5a5a;
    }
    
    a,
    input,
    button,
    select,
    textarea {
        text-decoration: none;
        outline: none;
        color: #666;
    }
    
    a:hover,
    .cr9 a:hover,
    .indsolution li:Hover .t,
    .cr3 a:hover,
    .cooperation li .cons a:hover {
        color: #fe8529
    }
    
    .cr3,
    .cr3 a {
        color: #333
    }
    
    .table {
        display: table;
        width: 100%;
    }
    
    .table .td {
        display: table-cell;
        vertical-align: middle;
    }
    
    .cons .table {
        display: table;
        width: 100%;
        margin-top: 8.8%;
    }
    
    img {
        border: 0px;
        max-width: 100%;
        height: auto;
        vertical-align: middle
    }
    
    input,
    button,
    select,
    textarea {
        outline: none;
        font-family: 'Microsoft YaHei', '微软雅黑', arial, '宋体';
        border: 0;
    }
    
    textarea {
        resize: none;
    }
    
    i {
        font-style: normal;
    }
    
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="text"] {
        -webkit-appearance: none;
        padding: 0;
        margin: 0;
        font-weight: normal;
    }
    
    ul,
    li,
    dl,
    dt,
    dd {
        list-style: none;
        /* font-weight:300;*/
    }
    
    hr {
        border: 0;
        /* border-top:1px solid #ccc; */
        height: 1px;
        margin: 5px 0;
    }
    
    .clear,
    .clearfix {
        clear: both;
    }
    
    .relative {
        position: relative
    }
    
    .reover {
        position: relative;
        overflow: hidden
    }
    
    .cover {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .pcover {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0
    }
    
    .gray {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
    }
    
    .gray:Hover {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        filter: ;
    }
    
    .gray2 {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        filter: ;
    }
    
    .gray2:hover {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
    }
    
    ::-webkit-input-placeholder {
        color: #999999;
    }
    
    :-moz-placeholder {
        color: #999999;
    }
    
    ::-moz-placeholder {
        color: #999999;
    }
    
    :-ms-input-placeholder {
        color: #999999;
    }
    
    ::selection {
        background: #fe8529;
        color: #ffffff;
    }
    
    ::-moz-selection {
        background: #fe8529;
        color: #ffffff;
    }
    
    ::-webkit-selection {
        background: #fe8529;
        color: #ffffff;
    }
    
    .pageclass {
        height: 0px;
        overflow: hidden;
    }
    
    .page_wrap {
        width: 100%;
        padding: 70px 0;
        text-align: center
    }
    
    .pager {
        padding: 0 0 0px 0;
        width: 100%;
    }
    
    .pager a {
        margin: 2px 2px;
        text-align: center;
        display: inline-block;
        text-decoration: none;
        border: 1px solid #e6e6e6;
    }
    
    .pager span.current {
        margin: 0 2px;
        display: inline-block;
        text-align: center;
    }
    
    .pager span.disabled {
        margin: 0 2px;
        display: inline-block;
        text-align: center;
        border: 1px solid #e6e6e6;
    }
    
    .pager select {
        margin: 0px 2px -2px 2px;
    }
    
    .pager input {
        margin: 0px 2px -2px 2px;
        padding: 2px;
        text-align: center;
    }
    
    .pager a,
    .pager span.disabled {
        background:
    }
    
    .pager a:hover,
    .pager span.current {
        background: #fe8529;
        border: 1px solid #e6e6e6;
    }
    
    .pager a:hover,
    .pager span.current {
        color: #fff;
        border: 1px solid #fe8529
    }
    
    .pager a,
    .pager span.disabled {
        color: #999;
        border: 1px solid #e6e6e6;
    }
    
    .pager a,
    .pager span.current,
    .pager span.disabled {
        width: 30px;
        text-align: center;
        height: 30px;
        line-height: 30px;
    }
    
    .pager,
    .pager select,
    .pager input,
    .pager a,
    .pager span.disabled {
        font-size: 14px;
    }
    
    .di {
        float: left;
    }
    
    .dipage {
        float: left;
    }
    
    .picleft {
        margin-right: 30px;
        margin-bottom: 20px;
    }
    
    .picright {
        margin-left: 30px;
        margin-bottom: 20px;
    }
    
    .wrap {
        margin: 0 auto;
        max-width: 1600px;
        position: relative
    }
    
    .wrap2 {
        margin: 0 auto;
        max-width: 1475px;
        position: relative
    }
    
    .wrap3 {
        margin: 0 auto;
        max-width: 1750px;
        position: relative
    }
    
    .wrap4 {
        FONT-WEIGHT: 300;
        margin: 0 auto;
        max-width: 1788px;
        position: relative
    }
    
    .nwrap2 {
        margin: 0 auto;
        max-width: 1400px;
        padding: 0 10px;
        position: relative
    }
    
    .phonemenu {
        display: none;
    }
    
    .fixtop {
        height: 115px;
        background: white;
        line-height: 115px;
        position: fixed;
        z-index: 9998;
        left: 0;
        width: 100%;
    }
    
    .fixtop .toper .logo {
        background: no-repeat bottom;
        width: 336px;
        height: 60px;
        margin-top: 30px;
        float: left;
        display: block;
        overflow: hidden;
        text-indent: -99em;
    }
    
    .fixtop .toper .btnopen {
        float: right;
        background: url(../img/1.png) no-repeat bottom;
        width: 21px;
        height: 21px;
        cursor: pointer;
        margin: 47px 0 0 16px
    }
    
    .fixtop .toper ul.navpc {
        float: right;
    }
    
    .fixtop .toper ul.navpc li {
        display: inline-block;
    }
    
    .fixtop .toper ul.navpc li a {
        display: block;
        padding: 0 16px;
        height: 111px;
        line-height: 115px;
        border-bottom: 4px solid transparent;
        font-size: 16px
    }
    
    .fixtop .toper ul.navpc li a:Hover,
    .fixtop .toper ul.navpc li .check {
        color: #fe8529!important;
        border-color: #fe8529!important;
        text-decoration: none;
    }
    /*.fixtop .toper ul.navpc li .check{color:#fe8529!important;border-color:#fe8529!important;}*/
    
    .tblank {
        height: 120px
    }
    
    .fixtop1 {
        background: none;
    }
    
    .fixtop1 .toper .logo {
        background-position: top;
        overflow: hidden;
        text-indent: -99em;
    }
    
    .fixtop1 .toper ul.navpc li a,
    .fixtop1 .toper ul.navpc li.check a {
        color: #ffffff;
        border-color: transparent;
    }
    
    .fixtop1 .toper ul.navpc li a:Hover {
        color: #fe8529;
        border-color: transparent;
    }
    
    .fixtop1 .toper .btnopen {
        background-position: top;
    }
    
    .tblank1 {
        display: none;
    }
    
    .fixtopvi .toper .btnopen {
        background-position: bottom
    }
    
    .fixtopvi .toper .navpc .btnopen {
        float: none;
        background: none;
        width: auto;
        height: auto;
        margin: 0
    }
    
    .fixtop1.active .toper .logo {
        background-position: bottom
    }
    
    .fixtop1.active .toper ul.navpc li a {
        color: #666
    }
    
    .fixtop1.active .toper .btnopen {
        background-position: bottom;
    }
    
    .fixtop1.active .toper ul.navpc li a:Hover,
    .fixtop1.active .toper ul.navpc li.check a {
        color: #fe8529;
        border-color: #fe8529;
    }
    
    .fixtop.active {
        height: 85px;
        line-height: 85px;
        background: #fff
    }
    
    .fixtop.active .toper .logo {
        margin-top: 16px;
    }
    
    .fixtop.active .toper .btnopen {
        margin-top: 32px
    }
    
    .fixtop.active .toper ul.navpc li a {
        height: 81px;
        line-height: 85px;
    }
    
    .tblank.active {
        height: 120px
    }
    
    .fixtop .toper ul.navpc li.m2 {
        display: none
    }
    
    .fixtop .toper ul.navpc li.m2 a:hover {
        border-color: transparent
    }
    
    .fixtop.active .navpc span {
        display: none;
    }
    
    .fixtop.active .toper ul.navpc li.m2 {
        display: block
    }
    
    .fixtopvi.active .toper .navpc .btnopen {
        margin: 0
    }
    
    .fixright {
        background: #fff;
        position: fixed;
        z-index: 9999;
        right: -400px;
        top: 0;
        width: 400px;
        height: 100%
    }
    
    .fixright.active {
        right: 0
    }
    
    .fixright .btnclose {
        background: url(../img/2.png);
        width: 50px;
        height: 50px;
        cursor: pointer;
        margin: 18px 0 0 332px;
    }
    
    .fixright ul {
        border: 1px solid #f5f5f5;
        border-left: 0;
        border-right: 0;
        padding: 30px 65px;
        margin: 17px 0
    }
    
    .fixright ul li {
        float: left;
        width: 100%;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid #777676;
    }
    
    .fixright ul li.b {
        width: 100%;
        font-weight: 700
    }
    
    .fixright .cons {
        padding: 10px 0 0 65px
    }
    
    .fixright .cons h1 {
        font-weight: 700;
        padding: 0 0 25px 0
    }
    
    .fixright .cons p {
        float: left;
        margin: 0 30px 0 0
    }
    
    .fixright .cons p.p3 {
        clear: both;
        margin: 25px 0 0 0
    }
    
    .fixright .cons p span {
        display: inline-block;
        width: 50px;
        margin: 0 15px 0 0
    }
    
    .fixright .cons p.p2 span {
        margin: 0
    }
    
    .bxslider li a {
        display: block;
        height: 760px;
        background-position: center 0;
        background-repeat: no-repeat;
        background-attachment: fixed
    }
    
    .bxslider.active li a {
        background-position: center 0;
    }
    
    body.bg {
        background: #f8f8f8
    }
    
    .cr9 {
        color: #777
    }
    
    .cr9 a {
        color: #777
    }
    
    .ft16,
    .ft16 a {
        font-size: 16px;
        line-height: 36px;
    }
    
    .indsolution {
        text-align: center
    }
    
    .indsolution .title {
        font-size: 30px;
        line-height: 56px;
        font-weight: 300;
        margin: 60px 0 60px 0;
        color: #5d5d5d;
    }
    
    .indsolution .title font {
        font-weight: 700;
        color: #5d5d5d;
    }
    
    .indsolution .line {
        background: #fe8529;
        height: 2px;
        margin: 25px auto;
        width: 70px
    }
    
    .indsolution ul {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    
    .indsolution li {
        float: left;
        width: 17.5%;
        text-align: center;
    }
    
    .indsolution li.i {
        width: 10%;
    }
    
    .indsolution li.i i {
        display: block;
        margin: 22px auto 0 auto;
        background: url(../img/6.png);
        width: 26px;
        height: 24px
    }
    
    .indsolution li .p {
        width: 75px;
        height: 65px;
        margin: 0 auto;
    }
    
    .indsolution li .l {
        height: 2px;
        width: 70px;
        margin: 30px auto 20px auto;
    }
    
    .indsolution li .t {
        font-size: 28px;
        line-height: 48px;
        letter-spacing: 2px;
        font-weight: 300;
        color: #5d5d5d;
    }
    
    .indsolution li:hover .l {
        background: #fe8529
    }
    
    .indsolution li:hover .p {
        background-position: bottom
    }
    
    .pagination {
        display: inline-block;
    }
    
    .indcha {
        background: url(../images/1.jpg) no-repeat center;
        background-attachment: fixed;
        margin: 100px 0 0 0;
        padding: 80px 0 100px 0;
        text-align: center;
        color: #fff;
        background-size: cover;
        background-color: #fe8529;
    }
    
    .indcha .title {
        font-size: 35px;
        line-height: 55px;
        font-weight: 700
    }
    
    .indcha .content {
        font-size: 35px;
        line-height: 55px;
        font-weight: 300
    }
    
    .indcha li {
        float: left;
        width: 17.5%;
        text-align: center;
        position: relative;
        top: 0;
    }
    
    .indcha li:hover {
        top: -10px
    }
    
    .indcha li.i:hover {
        top: 0
    }
    
    .indcha li.i {
        width: 10%;
    }
    
    .indcha li.i i {
        display: block;
        margin: 340px auto 0 auto;
        background: url(../img/7.png);
        width: 17px;
        height: 17px
    }
    
    .indcha li .p {
        width: 280px;
        height: 280px;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 60px auto;
        clear: both;
        overflow: hidden
    }
    
    .indcha li .t {
        font-size: 18px;
        line-height: 33px;
        letter-spacing: 1px;
    }
    
    .indcha li .c {
        font-size: 18px;
        line-height: 33px;
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    .indcasecons {
        /*  background:#fff; */
        padding: 90px 0
    }
    
    .indcasecons .mleft {
        float: left;
        width: 55%;
        font-size: 36px;
        line-height: 56px;
    }
    
    .indcasecons .mleft .t {
        color: #016cb2;
        font-weight: 700
    }
    
    .indcasecons .mleft .c {
        font-weight: 300;
        margin-top: 5px
    }
    
    .indcasecons .mright {
        float: right;
    }
    
    .indcasecons .mright .tel {
        float: left;
		margin-right: 10px;
    }
    
    .indcasecons .mright .tel .c {
        font-size: 20px;
        background: url(../img/t.png) no-repeat center left;
        padding: 0 0 0 60px;
        height: 40px;
        line-height: 40px;
        letter-spacing: 1px;
        font-weight: 300
    }
    
    .indcasecons .mright .tel .t {
        font-size: 40px;
        font-weight: 700;
        margin-top: 30px;
        font-family: 'CAI978';
    }
    
    .indcasecons .mright .wx {
        float: right;
        max-width: 130px
    }
    
    .indcase {
        margin: 50px 0 0 0
    }
    
    .indcase .cate3 {
        position: absolute;
        right: 0;
        top: 23px;
        text-align: right
    }
    
    .indcase .cate3 a {
        font-size: 16px;
    }
    
    .indcase .cate3 a.a2 {
        margin: 0 30px 0 30px
    }
    
    .indcase .cate3 img {
        margin-right: 15px
    }
    
    .tabs {
        display: table;
    }
    
    .tabs li {
        display: inline-block;
        margin-right: 45px
    }
    
    .tabs a {
        display: block;
        -webkit-transition: all 0.2s ease-in-out;
        font-size: 16px;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        color: #999;
        border-top: 3px solid transparent;
        line-height: 75px
    }
    
    .currenttab a {
        color: #333;
        border-color: #fe8529
    }
    
    .tabs_item {
        display: none;
        /* text-align:center */
    }
    
    .tabs_item:first-child {
        display: block;
    }
    
    .tab_content {
        margin-top: 30px
    }
    
    .tab_content a.m {
        background: #fff;
        height: 75px;
        line-height: 75px;
        margin-top: 30px;
        display: block;
        text-align: center
    }
    
    .tab_content a.m i {
        background: url(../img/9.png) no-repeat center top;
        width: 25px;
        height: 25px;
        display: inline-block;
        margin: -2px 22px 0 0;
        vertical-align: middle
    }
    
    .tab_content a.m:Hover {
        background: #fe8529;
        color: #fff
    }
    
    .tab_content a.m:hover i {
        background-position: bottom
    }
    
    .single_item {
        display: inline-block;
        vertical-align: top;
        width: 32.6%;
        margin: 0.2%;
        position: relative;
        overflow: hidden;
    }
    
    .single_item2 {
        display: inline-block;
        vertical-align: top;
        width: 24.6%;
        margin: 0.25% 0 0 0;
        position: relative;
        overflow: hidden;
    }
    
    .conslist .cons {
        position: absolute;
        z-index: 50;
        width: 100%;
        height: 100%;
        background: rgba(8, 8, 8, 0.7);
        /* text-align:center; */
        color: #f5f5f5;
        opacity: 0;
    }
    
    .conslist .cons .td div {
        border-left: 0;
        border-right: 0;
        width: 80%;
        margin: 0 auto;
        padding: 20px 0 25px 0;
    }
    
    .conslist .cons .td div p {
        font-size: 18px;
        line-height: 50px;
        color: #ffffff;
    }
    
    .conslist .cons .down {
        background: url(../img/jiantou.png) no-repeat center;
        width: 46px;
        height: 46px;
        position: absolute;
        z-index: 4;
        bottom: 10%;
        right: 10%
    }
    
    .conslist:Hover .cons {
        opacity: 1
    }
    
    .indnum {
        margin: 70px 0 60px 0
    }
    
    .indnum li {
        float: left;
        width: 25%;
        text-align: center;
        border-right: 1px solid #919191;
        padding: 10px 0 0 0
    }
    
    .indnum li .num {
        height: 25px;
    }
    
    .indnum li.f4 {
        border: 0
    }
    
    .indnum li .count-outer {
        color: #016cb2;
        font-size: 75px;
        font-family: 'DINOTLIGHT';
        display: inline-block;
        vertical-align: top;
        font-weight: 300;
    }
    
    .indnum li .p1 {
        display: inline-block;
        vertical-align: top;
        font-size: 75px;
        font-family: 'DINOTLIGHT';
        color: #016cb2;
        font-weight: 300;
    }
    
    .indnum li .p2 {
        display: inline-block;
        vertical-align: top;
        color: #016cb2;
        font-size: 35px;
        font-family: 'DINOTLIGHT';
        margin: -25px 0 0 5px;
        font-weight: 300;
    }
    
    .indnum li.f4 h1 {
        font-size: 33px;
        margin: 18px 0 0 0
    }
    
    .indnum li.f4 h3 {
        margin-left: -20px
    }
    
    .indnum li .cons {
        font-size: 18px;
        color: #999;
        margin: 40px 0 0 0
    }
    
    .indphoto {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 100px 0 100px 0;
        text-align: center;
        color: #fff
    }
    
    .indphoto .subject {
        font-size: 36px;
        letter-spacing: 2px;
        line-height: 70px;
        font-weight: 300;
    }
    
    .indphoto .subject font {
        font-weight: 700
    }
    
    .indphoto .cate {
        margin: 50px 0
    }
    
    .indphoto .cate li {
        display: inline-block;
        vertical-align: top;
        margin: 0 15px;
    }
    
    .indphoto .cate li a {
        border-radius: 25px;
        height: 35px;
        line-height: 34px;
        padding: 0 20px;
        font-size: 20px;
        display: block;
        background: #fff;
        color: #016cb2
    }
    
    .indphoto .cate li a:hover {
        color: #fff;
        background: #fe8529
    }
    
    .indphoto .list {
        max-width: 1200px;
        margin: 100px auto 0 auto
    }
    
    .indphoto .list li {
        float: left;
        width: 25%;
        border-right: 1px solid #c8c6c6;
        /* color:#c8c6c6 */
    }
    
    .indphoto .list li.f4 {
        border: 0
    }
    
    .indphoto .list li .t {
        font-size: 22px;
        line-height: 37px;
        font-weight: 700;
        margin: 0 0 10px 0
    }
    
    .indphoto .list li .c {
        font-size: 16px;
        line-height: 31px;
    }
    
    .indcus {
        background: #fff;
        position: relative;
        padding: 80px 0
    }
    
    .indcus .line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 45px;
        height: 1px;
        background: #999;
    }
    
    .indcus .mleft {
        float: left;
        width: 29%;
    }
    
    .indcus .mleft .f1 {
        font-size: 30px;
        line-height: 30px;
        font-weight: 300
    }
    
    .indcus .mleft .f2 {
        font-weight: 700;
        line-height: 20px;
        margin: 15px 0 20px 0
    }
    
    .indcus .mleft .f3 {
        width: 45px;
        background: #fe8529;
        height: 4px
    }
    
    .indcus .mleft .f4 {
        font-size: 26px;
        line-height: 36px;
        font-weight: 700;
        margin: 55px 0 10px 0
    }
    
    .indcus .mleft .f5 {
        font-size: 23px;
        line-height: 33px;
        font-weight: 300
    }
    
    .indcus .mleft .f6 {
        margin-top: 35px;
    }
    
    .indcus .mright {
        float: right;
        width: 68%;
        border-right: 1px solid #e2d8d8;
    }
    
    .indcus .mright .cons {
        float: right;
        padding: 0 55px 0 60px;
        width: 38%;
    }
    
    .indcus .mright .cons .t {
        font-size: 30px;
        line-height: 30px;
        font-weight: 300
    }
    
    .indcus .mright .cons .l {
        width: 45px;
        background: #fe8529;
        height: 4px;
        margin: 40px 0
    }
    
    #slider2 .pic {
        float: left;
        width: 62%;
        position: relative;
        overflow: hidden
    }
    
    #slider2 .bx-wrapper .bx-prev {
        left: 62%;
        margin-left: -50px;
        background-image: url('../img/l.gif');
        width: 50px;
        height: 50px;
    }
    
    #slider2 .bx-wrapper .bx-next {
        left: 62%;
        right: auto;
        margin-right: -50px;
        background-image: url('../img/r.gif');
        width: 50px;
        height: 50px;
    }
    
    #slider2 .bx-wrapper .bx-controls-direction a {
        top: auto;
        bottom: 0;
        margin-top: 0;
        width: 50px;
        height: 50px;
    }
    
    #slider2 .bx-wrapper .bx-controls-direction a:hover {}
    
    #slider2 .slide {
        position: relative;
        overflow: hidden
    }
    
    .indchoose {
        text-align: center
    }
    
    .indchoose .title {
        font-size: 35px;
        line-height: 55px;
        font-weight: 700;
        color: #016cb2;
        margin: 70px 0 0 0;
        letter-spacing: 2px
    }
    
    .indchoose .content {
        font-size: 25px;
        line-height: 45px;
        font-weight: 300;
        color: #5a5a5a
    }
    
    .indchoose ul {
        background: #fff;
        border-radius: 5px;
        margin: 70px 0
    }
    
    .indchoose ul li {
        display: inline-block;
        vertical-align: middle;
        width: 33.3333%;
        /*border-right:1px solid #edebeb;*/
        padding: 50px 0;
        margin: 0
    }
    
    .indchoose ul li .td {
        position: relative;
        top: 0
    }
    
    .indchoose ul li:hover .td {
        top: -5px
    }
    
    .indchoose ul li.f3 {
        border: 0
    }
    
    .indchoose ul li .pic {
        display: inline-block;
        vertical-align: middle;
        /*width:31%;*/
        text-align: right
    }
    
    .indchoose ul li .cons {
        display: inline-block;
        vertical-align: middle;
        width: 59%;
        margin-left: 5%;
        text-align: left
    }
    
    .indchoose ul li .cons .t {
        font-size: 22px;
        font-weight: 700;
        line-height: 40px;
        color: #6a6a6a
    }
    
    .indchoose ul li .cons .t2 {
        font-size: 22px;
        font-weight: 300;
        line-height: 40px;
        color: #5a5a5a
    }
    
    .indchoose ul li .cons .l {
        width: 60px;
        height: 1px;
        background: #666;
        margin: 25px 0
    }
    
    .indchoose ul li .cons .c {
        line-height: 26px;
        color: #5a5a5a;
    }
    
    .logochoose {
        background: #fff
    }
    
    .logochoose ul {
        border-radius: 0;
        margin: 0
    }
    
    .logochoose ul li {
        margin: 0
    }
    
    .indnews {
        padding: 60px 0 100px 0
    }
    
    .indnews .mleft {
        float: left;
        width: 27%
    }
    
    .indnews .mleft .t {
        font-size: 30px;
        line-height: 30px;
        font-weight: 300
    }
    
    .indnews .mleft .et {
        margin-top: 10px
    }
    
    .indnews .mleft .l {
        width: 45px;
        height: 4px;
        background: #fe8529;
        margin: 20px 0 115px 0
    }
    
    .indnews .mleft .c {
        font-weight: 700;
        font-size: 22px;
        line-height: 35px;
        color: #fe8529;
        letter-spacing: 1px
    }
    
    .indnews .mright {
        float: right;
        width: 68%
    }
    
    .indnews ul {
        width: 106%;
        margin-left: -3%;
        margin-top: -85px
    }
    
    .indnews li {
        float: left;
        width: 44%;
        position: relative;
        margin: 85px 3% 0 3%;
    }
    
    .indnews li .addtime {
        position: absolute;
        left: 0;
        top: 0;
        width: 105px;
        height: 105px;
        border: 1px solid #666;
        text-align: center;
        font-family: 'DINOTLIGHT';
    }
    
    .indnews li .addtime .n1 {
        font-size: 22px;
        line-height: 22px;
        color: #333;
        margin: 17px 0 6px 0
    }
    
    .indnews li .addtime .n2 {
        font-size: 45px;
        line-height: 45px;
    }
    
    .indnews li .cons {
        margin: 0 0 0 135px
    }
    
    .indnews li .cons .title {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        margin: 14px 0 15px 0
    }
    
    .indnews li .cons .title a {
        font-size: 18px;
        color: #333
    }
    
    .indnews li .cons .content {
        line-height: 25px;
        height: 50px;
        overflow: hidden;
    }
    
    .indnews li:hover .addtime {
        background: #fe8529;
        color: #fff;
        border-color: #fe8529
    }
    
    .indnews li:hover .addtime .n1 {
        color: #fff
    }
    
    .indnews li:Hover .cons .title a {
        color: #fe8529;
    }
    
    .casemenu {
        text-align: center;
        padding: 50 0 65 0
    }
    
    .casemenu li {
        display: inline-block;
        vertical-align: top;
    }
    
    .casemenu li i {
        width: 1px;
        height: 15px;
        display: inline-block;
        vertical-align: top;
        background: #d4d0d0;
        margin: 8px 25px 0 25px
    }
    
    .casemenu li.check a {
        color: #fe8529
    }
    
    .case {
        padding: 0 0 70px 0
    }
    
    .get_more {
        float: left;
        width: 100%;
        text-align: center;
        padding: 70px 0 0 0;
    }
    
    .get_more p {
        color: #666
    }
    
    .get_more p i {
        background: url(../img/jia.png) no-repeat center;
        width: 38px;
        height: 38px;
        margin: 0 auto 10px auto;
        display: block;
    }
    
    .ashow {
        margin-top: 70px
    }
    
    .ashow .mleft {
        float: left;
        width: 36%;
    }
    
    .ashow .mleft .t h1 {
        font-size: 30px;
        line-height: 45px;
    }
    
    .ashow .mleft .t2 h2 {
        font-size: 18px;
        line-height: 33px;
        font-weight: 300;
        margin: 5px 0 40px 0
    }
    
    .ashow .mleft .l {
        width: 100px;
        height: 3px;
        background: #fe8529;
    }
    
    .ashow .mright {
        float: right;
        width: 55%;
    }
    
    .ashow .mright .l {
        width: 30px;
        height: 3px;
        margin: 40px 0;
        background: #666
    }
    
    .ashow .cons {
        text-align: center;
        margin-top: 30px
    }
    
    .ashow .cons img {
        margin-top: 30px;
    }
    
    .rightprevnext {
        position: fixed;
        z-index: 9990;
        top: 50%;
        left: 50%;
        margin: -90px 0 0 820px;
        width: 22px;
    }
    
    .rightprevnext .close {
        background: url(../img/sw1.png) no-repeat;
        width: 22px;
        height: 23px;
        display: block;
        margin-left: -5px;
        margin-bottom: 20px
    }
    
    .rightprevnext .next {
        background: url(../img/sw2.png) no-repeat;
        width: 15px;
        height: 27px;
        display: block;
        margin: 0 0 20px 0
    }
    
    .rightprevnext .prev {
        background: url(../img/sw3.png) no-repeat;
        width: 15px;
        height: 27px;
        display: block;
        margin: 0 0 20px 0
    }
    
    .rightprevnext .bdsharebuttonbox a.bds_more {
        background: url(../img/sw4.png) no-repeat;
        width: 21px;
        height: 23px;
    }
    
    .rightprevnext a:hover {
        background-position: bottom
    }
    
    .rightprevnext .bdsharebuttonbox a.bds_more:hover {
        background-position: bottom;
        margin-left: -10px
    }
    
    .bottomprevnext {
        background: #fff;
        text-align: center;
        height: 90px;
        line-height: 90px;
        margin: 60px 0
    }
    
    .bottomprevnext p {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 47%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .bottomprevnext p a {
        width: 100%;
        height: 100%
    }
    
    .bottomprevnext p.prev {
        text-align: right;
    }
    
    .bottomprevnext p.prev a {
        padding: 0 5% 0 0;
        width: 95%
    }
    
    .bottomprevnext p.close {
        width: 6%;
    }
    
    .bottomprevnext p.close a {
        background: url(../img/close.png) no-repeat center;
    }
    
    .bottomprevnext p.next {
        text-align: left
    }
    
    .bottomprevnext p a {
        width: 95%;
    }
    
    .bottomprevnext p.prev:Hover {
        background-color: #fe8529;
        color: #fff
    }
    
    .bottomprevnext p.prev:Hover a {
        color: #fff
    }
    
    .bottomprevnext p.next:Hover {
        background-color: #fe8529;
        color: #fff
    }
    
    .bottomprevnext p.next:Hover a {
        color: #fff
    }
    
    .bottomprevnext p.close a {
        display: block;
        width: 100%;
        height: 100%
    }
    
    .bottomprevnext p.close a:hover {
        background: #3e3e3e url(../img/close2.png) no-repeat center;
    }
    
    .recommond {
        padding: 0 0 110px 0
    }
    
    .recommond .subject {
        text-align: center;
    }
    
    .recommond .subject .p1 {
        font-size: 30px;
        font-weight: 300
    }
    
    .recommond .subject .p2 {
        font-size: 25px;
        font-weight: 300;
        margin: 10px 0 60px 0;
        letter-spacing: 2px
    }
    
    .photography #worksmore {
        width: 100.4%;
        margin-left: -0.3%;
        margin-top: -0.6%
    }
    
    .photography .single_item {
        width: 32.7333%;
        margin: 0.6% 0.3% 0 0.3%
    }
    
    .photography_list {
        background: url(../img/2.jpg) no-repeat center;
        background-size: cover;
        padding: 80px 0;
        text-align: center
    }
    
    .photography_list ul {
        width: 101%;
        margin-left: -0.5%
    }
    
    .photography_list li {
        text-align: center;
        width: 24%;
        margin: 0 0.5%;
        padding: 4% 5%;
        float: left;
        background: rgba(255, 255, 255, 0.08);
        position: relative;
        top: 0
    }
    
    .photography_list li .title {
        font-size: 22px;
        color: #fff;
        margin: 15px 0 10px 0
    }
    
    .photography_list li .cons {
        font-size: 16px;
        line-height: 31px;
        color: #999;
    }
    
    .photography_list li:Hover {
        background: #fe8529;
        top: -10px;
    }
    
    .photography_list li:Hover .cons {
        color: #fff
    }
    
    .bgfff {
        background: none
    }
    
    .caseaabout {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 175px 0
    }
    
    .caseaabout .wrap2 {
        max-width: 1285px
    }
    
    .caseaabout .mleft {
        float: left;
        width: 20%;
    }
    
    .caseaabout .mright {
        float: right;
        width: 100%;
        padding: 60px 80px 60px 60px;
        background: #fff;
        position: relative
    }
    
    .caseaabout .mright .icon {
        background: url(../img/1.gif) no-repeat center;
        width: 74px;
        height: 74px;
        position: absolute;
        right: -37px;
        top: 60px
    }
    
    .caseaabout .mright .subject {
        position: absolute;
        left: 60px;
        top: 60px;
        border-right: 2px solid #fe8529;
        padding: 0 40px 0 0
    }
    
    .caseaabout .mright .subject .p1 {
        font-size: 22px;
        line-height: 22px;
        font-family: 'CAI978';
    }
    
    .caseaabout .mright .subject .p2 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 10px
    }
    
    .caseaabout .mright .cons {
        margin: 0 0 0 170px
    }
    
    .caseaabout .mright .cons .title {
        font-size: 20px;
        line-height: 35px;
        margin: 30px 0 18px 0
    }
    
    .caseaabout .mright .cons .more {
        display: inline-block;
        margin-top: 40px
    }
    
    .caseaabout .mright .cons .more a {
        display: block;
        color: #999
    }
    
    .caseaabout .mright .cons .more i {
        display: block;
        height: 2px;
        width: 20px;
        background: #fe8529;
        margin-top: 3px
    }
    
    .caseaabout .mright .cons .more:hover i {
        width: 100%
    }
    
    .aboutpic .mright {
        background: rgba(255, 255, 255, 0.9)
    }
    
    .aboutnum {
        background: #fff;
        margin: 0;
        padding: 70px 0 60px 0
    }
    
    .about {
        background: url(../img/3.jpg) no-repeat center;
        background-size: cover;
        padding: 100px 0 230px 0
    }
    
    .about .wrap2 {
        max-width: 1300px;
    }
    
    .about .mleft {
        float: left;
        width: 100px;
        margin-left: 2%;
    }
    
    .about .mright {
        float: right;
        width: 840px;
    }
    
    .about .mright .cons {
        font-weight: 300;
        font-size: 30px;
        line-height: 50px;
        margin: 0 0 80px 80px
    }
    
    .about .mright ul {
        width: 110%;
        margin-top: -8%;
        margin-left: -5%
    }
    
    .about .mright li {
        float: left;
        width: 40%;
        margin: 8% 5% 0 5%;
        position: relative
    }
    
    .about .mright li .num {
        position: absolute;
        left: 0;
        width: 45px;
        height: 45px;
        line-height: 45px;
        background: #016cb2;
        color: #fff;
        text-align: center;
        font-family: 'DINOTLIGHT';
        font-size: 35px
    }
    
    .about .mright li .list {
        margin: 0 0 0 80px
    }
    
    .about .mright li .list .t {
        font-weight: 300;
        font-size: 22px;
        line-height: 25px;
        height: 25px;
        overflow: hidden
    }
    
    .about .mright li .list .l {
        width: 40px;
        height: 1px;
        background: #666;
        margin: 25px 0 20px 0
    }
    
    .about .mright li .list .c {
        line-height: 26px;
        height: 60px;
    }
    
    .bannerin {
        height: 450px;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .news .wrap2 {
        max-width: 1180px
    }
    
    .news ul {
        padding-top: 10px
    }
    
    .news li {
        position: relative;
        height: 200px;
        background: #fff;
        margin-top: 35px
    }
    
    .news li .pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 338px;
        height: 100%;
        overflow: hidden;
    }
    
    .news li .pic a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .news li .addtime {
        position: absolute;
        left: 388px;
        top: 50px;
        width: 90px;
        text-align: center;
    }
    
    .news li .addtime .p1 {
        font-size: 30px;
        font-family: 'DINOTLIGHT';
        margin: 20px 0 5px 0
    }
    
    .news li .addtime .p2 {
        font-size: 20px;
        font-family: 'DINOTLIGHT';
        color: #333
    }
    
    .news li .cons {
        margin: 0 180px 0 528px;
        padding: 35px 0 0 0
    }
    
    .news li .cons .title {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }
    
    .news li .cons .title a {
        font-size: 18px;
    }
    
    .news li .cons .content {
        line-height: 30px;
        height: 60px;
        overflow: hidden;
        font-weight: 300;
        margin-top: 15px
    }
    
    .news li .cons .tag a {
        color: #fe8529
    }
    
    .news li i {
        display: block;
        width: 42px;
        height: 42px;
        position: absolute;
        right: 68px;
        top: 78px;
        background: url(../img/13.png) no-repeat right
    }
    
    .news li i a {
        display: block;
        width: 100%;
        height: 100%
    }
    
    .news li:hover {
        background: #fe8529;
    }
    
    .news li:hover .addtime {
        color: #fff
    }
    
    .news li:hover .addtime .p2 {
        color: #fff
    }
    
    .news li:hover .cons .title a {
        color: #fff
    }
    
    .news li:hover .cons .content {
        color: #fff
    }
    
    .news li:hover .cons .tag {
        color: #fff
    }
    
    .news li:hover .cons .tag a {
        color: #fff
    }
    
    .news li:hover i {
        background-position: left
    }
    
    .nshow {
        margin-top: 1%;
        padding-left: 2%;
        max-width: 1200px;
        float: left;
        background-color: white;
    }
    
    .nshow .title h1 {
        font-size: 30px;
        line-height: 45px;
        margin: 20px 0 0 0;
        color: #716f70
    }
    
    .nshow .addtime {
        font-weight: 300;
        padding: 0 0 10px 0;
        background: url(../images/line.jpg) no-repeat left bottom;
    }
    
    .nshow .content {
        margin: 0 0 60px 0
    }
    /*.nshow  .rightprevnext { margin:-90px 0 0 620px;}*/
    
    .nshow .bottomprevnext p {
        width: 46%;
        overflow: hidden;
    }
    
    .nshow .bottomprevnext p.close {
        width: 8%;
    }
    
    .newslist a {
        margin-right: 20px;
    }
    
    .nshow_right {
        width: 100%;
        float: left;
        padding: 20px;
    }
    
    .newslist_title {
        max-width: 400px;
        background: url(../img/line.jpg) no-repeat left bottom;
    }
    
    .newslist_title h3 {
        width: 262px;
        height: 55px;
        font-size: 22px;
        line-height: 54px;
        margin: 20px 0 10px 0;
        float: left;
        color: #fe8529;
    }
    
    .newslist_title a.more {
        width: 82px;
        height: 26px;
        margin-top: 55px;
        background: url(../img/more1.png) no-repeat left bottom;
        display: block;
        float: right;
    }
    
    .newslist_title a.more:hover {
        background: url(../img/more2.png) no-repeat left bottom;
    }
    
    .newslist .conslist .cons .td div {
        border: 0;
    }
    
    .newslist .conslist .cons .td div p a {
        width: 100px;
        height: 100px;
        display: block;
        border: 0;
    }
    
    .newslist .case {
        padding: 0 0 20px 0;
    }
    
    .newslist .single_item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        position: relative;
        overflow: hidden
    }
    
    .newslist ul a {
        line-height: 25px;
        padding-right: 15px;
    }
    
    .nshow .indnews {
        padding: 30px 0 100px 0
    }
    
    .nshow .indnews .mright {
        width: 100%
    }
    
    .nshow .indnews ul {
        width: 106%;
        margin-left: -3%;
        margin-top: -85px
    }
    
    .nshow .indnews li {
        float: left;
        width: 44%;
        position: relative;
        margin: 85px 3% 0 3%;
    }
    
    .nshow .indnews li .addtime {
        position: absolute;
        left: 0;
        top: 0;
        width: 105px;
        height: 105px;
        border: 1px solid #666;
        text-align: center;
        font-family: 'DINOTLIGHT';
        padding: 0;
    }
    
    .nshow .indnews li .addtime .n1 {
        font-size: 22px;
        line-height: 22px;
        color: #333;
        margin: 17px 0 6px 0
    }
    
    .nshow .indnews li .addtime .n2 {
        font-size: 45px;
        line-height: 45px;
    }
    
    .nshow .indnews li .cons {
        margin: 0 0 0 135px
    }
    
    .nshow .indnews li .cons .title {
        height: 30px;
        line-height: 30px;
        margin: 4px 0 5px 0;
        text-align: left;
    }
    
    .nshow .indnews li .cons .title a {
        font-size: 18px;
        color: #333
    }
    
    .nshow .indnews li .cons .content {
        line-height: 25px;
        height: 50px;
        overflow: hidden;
        margin-top: 10px
    }
    
    .nshow .indnews li:hover .addtime {
        background: #fe8529;
        color: #fff;
        border-color: #fe8529
    }
    
    .nshow .indnews li:hover .addtime .n1 {
        color: #fff
    }
    
    .nshow .indnews li:Hover .cons .title a {
        color: #fe8529;
    }
    
    .nshow .content {
        font-size: 14px;
        line-height: 30px;
    }
    
    .nshow .content h2 {
        margin: 20px 0 0 0;
        font-size: 23px;
        line-height: 30px;
        font-weight: 300;
        color: #fe8529;
    }
    
    .nshow .content ol li {
        font-size: 16px;
        border-top: none;
        border-bottom: 1px solid #d4d4d4;
    }
    
    .nshow .content p {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 100;
    }
    
    .nshow .content .servicelist {
        padding: 0;
    }
    
    .nwrap2 .indnews {
        padding: 30px 0 100px 0
    }
    
    .nwrap2 .indnews .mright {
        width: 100%
    }
    
    .nwrap2 .indnews .a_title h3 {
        width: 100px;
        height: 55px;
        font-size: 24px;
        line-height: 54px;
        padding: 15px 0;
        border-bottom: 3px solid #fe8529;
        font-weight: 300;
        margin: 10px auto 20px;
        text-align: center;
    }
    
    .nwrap2 .indnews ul {
        width: 106%;
        margin-left: -3%;
        margin-top: -85px
    }
    
    .nwrap2 .indnews li {
        float: left;
        width: 27%;
        position: relative;
        margin: 85px 3% 0 3%;
    }
    
    .nwrap2 .indnews li .addtime {
        position: absolute;
        left: 0;
        top: 0;
        width: 105px;
        height: 105px;
        border: 1px solid #666;
        text-align: center;
        font-family: 'DINOTLIGHT';
    }
    
    .nwrap2 .indnews li .addtime .n1 {
        font-size: 22px;
        line-height: 22px;
        color: #333;
        margin: 17px 0 6px 0
    }
    
    .nwrap2 .indnews li .addtime .n2 {
        font-size: 45px;
        line-height: 45px;
    }
    
    .nwrap2 .indnews li .cons {
        margin: 0 0 0 135px
    }
    
    .nwrap2 .indnews li .cons .title {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        margin: 14px 0 15px 0
    }
    
    .nwrap2 .indnews li .cons .title a {
        font-size: 18px;
        color: #333
    }
    
    .nwrap2 .indnews li .cons .content {
        line-height: 25px;
        height: 50px;
        overflow: hidden;
    }
    
    .nwrap2 .indnews li:hover .addtime {
        background: #fe8529;
        color: #fff;
        border-color: #fe8529
    }
    
    .nwrap2 .indnews li:hover .addtime .n1 {
        color: #fff
    }
    
    .nwrap2 .indnews li:Hover .cons .title a {
        color: #fe8529;
    }
    
    .service {
        background: url(../img/sbg.jpg) no-repeat center;
        background-attachment: fixed;
        padding: 125px 0
    }
    
    .service ul {
        margin-top: -75px
    }
    
    .service li {
        background: #fff;
        margin: 75px 0 0 0;
        position: relative;
        padding: 100px 80px
    }
    
    .service li .cons {
        max-width: 566px
    }
    
    .service li .cons .ts {
        position: relative;
    }
    
    .service li .cons .ts .icon {
        position: absolute;
        width: 182px;
        height: 135px
    }
    
    .service li .cons .ts .t2 {
        margin: 0 0 0 202px
    }
    
    .service li .cons .ts .t2 .title {
        font-size: 45px;
        line-height: 65px;
        font-weight: 700;
        color: #333;
        padding: 10px 0 5px 0
    }
    
    .service li .cons .ts .t2 .title2 {
        font-size: 35px;
        font-weight: 300;
        line-height: 50px;
        color: #333
    }
    
    .service li .cons .content {
        font-size: 16px;
        line-height: 31px;
        margin-top: 30px
    }
    
    .service li .pic {
        position: absolute;
        right: 130px;
        top: 40px;
        width: 325px;
        height: 350px;
    }
    
    .servicelist {
        padding: 80px 0
    }
    
    .servicelist .subject {
        text-align: center;
        font-size: 35px;
        line-height: 55px;
        color: #333;
        font-weight: 700
    }
    
    .servicelist .line {
        width: 45px;
        height: 2px;
        background: #333;
        margin: 20px auto 30px auto;
    }
    
    .servicelist .cons {
        font-weight: 300;
        font-size: 30px;
        line-height: 50px;
        color: #333
    }
    
    .cooperation {
        max-width: 1190px;
        margin: 0 auto 80px auto
    }
    
    .cooperation .subject {
        color: #fe8529;
        font-size: 30px;
        line-height: 50px;
        margin: 60px 0 0 0
    }
    
    .cooperation .content {
        font-size: 16px;
        font-weight: 300;
        line-height: 36px;
        margin: 0 0 30px 0
    }
    
    .cooperation li {
        border-top: 1px solid #d4d4d4;
        padding: 30px 0
    }
    
    .cooperation li .title {
        position: relative;
        min-height: 45px
    }
    
    .cooperation li .title i {
        position: absolute;
        width: 45px;
        height: 45px;
        line-height: 45px;
        color: #fff;
        font-size: 30px;
        display: block;
        background: #fe8529;
        font-family: 'DINOTLIGHT';
        text-align: center
    }
    
    .cooperation li .title p {
        margin: 0 0 0 65px;
        font-size: 23px;
        line-height: 43px;
        font-weight: 300;
        color: #fe8529;
    }
    
    .cooperation li .cons {
        font-size: 16px;
        font-weight: 300;
        line-height: 36px;
        margin-top: 10px
    }
    
    .cooperation li .cons a {
        font-size: 16px;
    }
    
    .cooperation li.f239 h1,
    .cooperation li.f239 h2,
    .cooperation li.f239 h3,
    .cooperation li.f239 h4,
    .cooperation li.f239 h5 {
        font-size: 24px;
        line-height: 34px;
        padding: 15px 0;
        font-weight: 300;
        border: 1px solid #afadac;
        border-left: 0;
        border-right: 0;
        margin: 10px 0 20px 0
    }
    
    .cooperation li.f239 table {
        width: 100%
    }
    
    .cooperation li.f239 .td1 {
        width: 21.25%
    }
    
    .cooperation li.f239 .td2 {
        width: 5%;
    }
    
    .cooperation li.f236 table {
        width: 100%;
        text-align: center
    }
    
    .cooperation li.f236 table img {
        margin: 0 0 10px 0
    }
    
    .cooperation li.f236 .td1 {
        width: 49%;
    }
    
    .cooperation li.f236 .td2 {
        width: 2%
    }
    
    .cooperation li.f233 table {
        width: 600px
    }
    
    .contact {
        max-width: 1180px;
        margin: 0 auto;
        padding: 100px 0
    }
    
    .contact .mleft {
        float: left;
        width: 30%;
    }
    
    .contact .mright {
        float: right;
        width: 65%;
    }
    
    .contact .msubject {
        float: left;
        width: 65%;
        margin-left: 35%;
        margin-bottom: 0px
    }
    
    .contact .msubject .title {
        font-size: 25px;
        line-height: 40px;
        color: #333;
        margin: 80px 0 5px 0
    }
    
    .contact .msubject .cons {
        font-weight: 300;
    }
    
    .contact .en {
        color: #fe8529;
        font-size: 30px;
        font-family: 'CAI978';
        margin: 0 0 10px 0;
    }
    
    .contact .cn {
        color: #fe8529;
        font-size: 25px;
        letter-spacing: 2px
    }
    
    .contact .companyname {
        font-size: 25px;
        line-height: 40px;
        color: #333
    }
    
    .contact .companycons {
        font-weight: 300;
        margin: 20px 0 0 0
    }
    
    .contact .companycons table {
        width: 85%
    }
    
    .contact .companycons table .td1 {
        padding: 0 5% 0 0
    }
    
    .contact input[type="text"] {
        border-bottom: 1px solid #e1dcdc;
        background: none;
        height: 60px;
        line-height: 20px;
        width: 100%;
        margin-top: 60px
    }
    
    .contact #mtel,
    .contact #mcompany {
        width: 46%
    }
    
    .contact #mcompany {
        float: right
    }
    
    .contact #mbtn {
        border: 1px solid #e1dcdc;
        background: none;
        cursor: pointer;
        width: 145px;
        height: 40px;
        line-height: 40px;
        margin-top: 35px
    }
    
    .contact #mbtn:hover {
        background: #fe8529;
        color: #fff;
        border-color: #fe8529;
    }
    
    .foot {
        background: #3e3e3e;
        color: #fff;
        padding: 80px 0 40px 0;
        visibility: visible !important;
        animation-name: fadeInUp;
    }
    
    .foot a {
        color: #fff
    }
    
    .foot ul {
        margin: 0 0 40px 0
    }
    
    .foot li {
        float: left;
        width: 25%;
        text-align: center
    }
    
    .foot li.tel .cons {
        width: 164px;
        text-align: center;
        color: white
    }
    
    .foot li.tel .c {
        margin: 15px 0 0 0;
        color: white;
    }
    
    .foot li.tel .f3 {
        font-family: 'CAI978';
        font-size: 22px
    }
    
    .foot li.tel img {
        margin-top: 15px
    }
    
    .foot li.wx {
        width: 20.5%;
        padding-left: 4.5%
    }
    
    .foot li.wx .cons {
        width: 123px;
        text-align: center;
        color: white
    }
    
    .foot li.wx img {
        width: 123px;
        height: 123px;
    }
    
    .foot li.qq {
        width: 14.5%;
        padding-left: 10.5%
    }
    
    .foot li.qq .cons {
        width: 91px;
        text-align: center
    }
    
    .foot li.qq .f1 {
        margin-top: 20px;
        margin-bottom: -20px
    }
    
    .foot li.talk {
        text-align: right;
        width: 21.5%;
        margin-right: 3.5%
    }
    
    .foot li.talk .cons {
        width: 76px;
        margin: 0 0 0 auto;
        text-align: center
    }
    
    .foot li.talk .f1 {
        margin: 18px 0 -18px 0
    }
    
    .foot li .f1 {
        height: 140px
    }
    
    .foot li i {
        background: #4f4f4f;
        height: 1px;
        width: 90px;
        margin: 65px 0 0 0;
        display: block
    }
    
    .foot .mleft {
        float: left;
        width: 55%;
        color: #7b7b7b;
        font-size: 14px;
        line-height: 22px;
    }
    
    .foot .mleft a {
        color: #7b7b7b;
        font-size: 14px;
    }
    
    .foot .mleft i {
        margin: 0 5px;
        font-size: 13px
    }
    
    .foot .mleft a:hover {
        color: #fff
    }
    
    .foot .mright {
        float: right;
        width: 45%;
        font-size: 14px;
        text-align: right;
        margin-top: 25px
    }
    
    .foot .mright a {
        margin-left: 45px;
        font-size: 14px;
    }
    
    .foot .mright a.a1 {
        margin-left: 0
    }
    
    .foot .mright img {
        margin: 0 10px 0 0
    }
    
    .foot .links {
        font-size: 14px;
        color: #7b7b7b;
    }
    
    .foot .links a {
        color: #7b7b7b;
        font-size: 14px;
    }
    
    .foot .links a:hover {
        color: #fff
    }
    
    .foot .links i {
        background: #7b7b7b;
        width: 1px;
        display: inline-block;
        vertical-align: top;
        height: 12px;
        margin: 12px 10px 0 10px;
    }
    
    .rightmenu {
        position: fixed;
        right: 1%;
        bottom: 2%;
        z-index: 9999;
        width: 160px;
        background: #FFFFFF;
        box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.3);
        border-radius: 18px;
        border: 1px solid #5292FF;
    }
    
    .rightmenu li {
        width: 100%;
        margin: 1px 0 0 0;
        position: relative;
        text-align: center;
    }
    
    .rightmenu .tel {
        padding-top: 22px;
        color: #2979ff;
        font-size: 39px;
    }
    
    .rightmenu .tel {
        position: relative;
        padding-top: 10px;
        color: #2979ff;
        font-size: 39px;
    }
    .rightmenu .tel .closemes {
        position: absolute;
        top: 5px;
        right: 10px;
        color: #000;
        font-size: 16px;
        cursor: pointer;
    }
    .rightmenu .wx {
        margin-top: 10px;
    }
    
    .rightmenu .qq div {
        margin-top: 16px;
        line-height: 18px;
        color: #2979ff;
        font-size: 13px;
    }
    
    .rightmenu .kefu {
        border-bottom: 2px solid #2979ff;
        border-top: 2px solid #2979ff;
    }
    
    .rightmenu .kefu .kefX {
        position: relative;
        width: 82px;
        height: 27px;
        border-radius: 14px;
        background-color: #2979ff;
        margin: 15px auto;
        color: #FFFFFF;
        font-size: 13px;
        line-height: 27px;
    }
    
    .rightmenu .kefu .kefimg {
        position: absolute;
        top: 10px;
        right: 20px;
    }
    /* .rightmenu li:Hover { background-color:#fe8529} */
    
    .rightmenu li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #666
    }
    
    .rightmenu li p {
        background: #fe8529;
        color: #fff;
        position: absolute;
        right: -171px;
        width: 170px;
        height: 100%;
        line-height: 45px;
    }
    
    .rightmenu li:hover p {
        right: 0
    }
    
    .rightmenu li p i {
        display: inline-block;
        width: 45px;
        height: 45px;
        vertical-align: middle;
        margin-left: 5px;
    }
    
    .rightmenu li p span {
        display: inline-block;
        width: 120px;
        vertical-align: middle;
        text-decoration: none;
        color: white
    }
    /* .rightmenu li.tel a { background:url(../img/tel.png)} */
    /* .rightmenu li.tel p i { background:url(../img/tel.png) no-repeat bottom} */
    /* .rightmenu li.wx a { background:url(../img/wx.png)} */
    
    .rightmenu li.wx .cons {
        position: absolute;
        right: 56px;
        width: 150px;
        bottom: 0;
        background: #fff;
        text-align: center;
        padding: 14px 0 11px 0;
        display: none;
    }
    
    .rightmenu li.wx .cons .p {
        width: 123px;
        margin: 0 auto
    }
    
    .rightmenu li.wx .cons .t {
        margin-top: 4px
    }
    /* .rightmenu li.qq a { background:url(../img/qq.png)} */
    /* .rightmenu li.qq p i { background:url(../img/qq.png) no-repeat bottom} */
    /* .rightmenu li.up { background-color:#6c6c6c} */
    /* .rightmenu li.up a { background:url(../img/up.png)} */
    
    .rightmenu li a:Hover {
        background-position: bottom
    }
    /* .rightmenu li.up:hover { background-color:#fe8529} */
    
    .up .up1 {
        font-size: 12px;
        margin-top: 10px;
        color: #2979ff;
    }
    
    .up .up2 {
        margin-top: 6px;
        padding-bottom: 10px;
        color: #2979ff;
        font-size: 20px;
    }
    
    .kf {
        display: none;
    }
    
    @media only screen and (max-width:600px) {
        .rightmenu {
            display: none;
        }
        #newBridge {
            display: none;
        }
        .nshow_right {
            display: none;
        }
        .foot {
            margin-bottom: 2rem;
        }
        .indcha {
            display: none;
        }
        div.single_item:nth-child(9) {
            display: none;
        }
        .kf {
            display: block;
            background: #fe8529;
            padding: .15rem 0;
            position: fixed;
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 51;
        }
        .kf a {
            font-size: 1rem;
            color: #fff;
            display: block;
            float: left;
            text-align: center;
            line-height: 2rem;
            width: 33.3%;
            height: 2rem;
            position: relative;
        }
        .kf a .ico {
            margin-right: .1rem;
            width: 1.5rem;
        }
        .kf a:after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            height: .4rem;
            background: #ca5300;
            width: 1px;
            margin-top: -.2rem;
        }
        .kf a:last-child:after {
            display: none;
        }
    }
    
    .subcase a {
        padding: 4px 6px;
        border: 1px #E2E2E2 solid;
        margin-right: 10px;
        margin-bottom: 10px;
        white-space: nowrap;
        clear: both;
    }
    
    .casetitle {
        font-size: 16px;
        margin: 10px 0;
        padding: 10px
		}
		
	/* 8月18号 案例页修改样式 */
	/* 公共样式 电脑端显示和隐藏 */
	.pc-vis {
		display: none;
	}
	.pc-show {
		display: block;
	}
	/* 案例CSS */
	.anli-pc {
		padding: 40px 0;
	}
	.anli-inner {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
	}
	.anli-left {
		width: 20%;
	}
	.anli-left ul li {
		padding-left: 2em;
	}
	.anli-left dl dt a {
		display: flex;
	}
	.anli-left dl dt a span {
		display: block;
		width: 13px;
		height: 13px;
		margin-right: 5px;
		margin-top: 5px;
		background-image: url(../img/jiajian.png);
		background-size: 100%;
		background-position: 0 0;
	}
	.anli-left dl dt a span.spanactive {
		background-position: 0 77px;
	}
	.anli-left dl dd ul {
		display: none;
	}
	.anli-left dl dd ul.ulshow {
		display: block;
	}
	.anli-right {
		width: 78%;
	}
	.anli-right h3 {
		margin: 30px 0;
		text-align: center;
		font-size: 24px;
		font-weight: 700;
		color: #000;
	}
	.aactive {
		color: #016CB2;
	}
	.liactive>a{
		color: #016CB2;
	}
	/* 手机端样式 */
	@media screen and (max-width:768px) {
		/* 公共样式 手机端显示和隐藏 */
		.wap-vis {
			display: none;
		}
		.wap-show {
			display: block;
		}
	}