*{
        margin: 0;
	padding:0;
	text-decoration: none;
	list-style: none;
    }
    
    body {
        margin: 0;
        font-family: "微软雅黑";
        cursor: default;
        background: #fff;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    a {
        text-decoration: none;
    }

    .unk_ccolor {
        color: #1d9b0b;
    }

    .unk_ccolor.business_title{
        color: #1d9b0b;
    }

    .unk_bcolor {
        color: #fff;
        background: #1d9b0b;
    }

    .unk_hcolor:hover {
        color: #1d9b0b;
    }

    .unk_bhover:hover {
        background: #1d9b0b;
        color: #fff;
    }

    .unk_ccolor i {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #1d9b0b;
        left: 0;
        bottom: 0;
    }

    .unk_icolor:hover i {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #1d9b0b;
        left: 0;
        bottom: 0;
    }

    #book div{
        border: 1px solid #1d9b0b;
        border-radius:4px;
    }

    .side_box{
        background:#1d9b0b;
    }

    .unk_border_sm {
        border-bottom: 1px solid #1d9b0b;
    }

    .unk_border {
        border-bottom: 1px solid #1d9b0b;
    }

    .cateselect{
        color:white !important;
        background:#1d9b0b;
    }

    .unk_border_lg {
        border-bottom: 18px solid #1d9b0b;
    }

    .cwhite {
        color: #fff;
    }

    section h3 {
        text-align: center;
        padding: 0px 0 0px;
        margin: 0 auto;
        font-size: 28px;
        letter-spacing: 2px;
        font-weight: normal;
/*        width:12%;
        border-bottom: 4px solid red;*/
    }
    .titleborder{
        border-bottom: 4px #1d9b0b solid;
        margin: 0 auto;
        width: 60px;
        margin-top: 25px;
        margin-bottom: 50px;
    }

    section .content {
        width: 1200px;
        margin: 0 auto;
    }
    
    section .container {
        width: 1200px;
        margin: 0 auto;
    }

    .bgrey {
        background:#f9f8f8;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .clear {
        clear: both;
    }


    .scroll_nav {
        width: 100%;
        position: fixed;
        top: 1.2rem;
        z-index: 10;
        background-color: #fff;
        line-height: 1rem;
        font-size: 0.35rem;
        box-sizing: border-box;
        box-shadow: 0px 1px 1px #dddddd;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .scroll_nav li {
        overflow: hidden;
        height: 1rem;
        font-size: 0.38rem;
        float: left;
        text-align: center;
        position: relative;
    }

    .allicon {
        background: #fff;
        position: fixed;
        width: 1rem;
        height: 1rem;
        right: 0;
        box-shadow: -2px 0px 1px -1px #f7f1f1;
    }

    .allicon img {
        width: 0.5rem;
        height: 0.5rem;
        float: left;
        margin-top: 0.25rem;
        margin-left: 0.25rem;
    }

    .notli {
        width: 1rem;
        height: 1rem;
    }


    /*second*/



/*    .header{
        width: 100%;
        height: 70px;
        background:#fff;
    }
    .container{
        width: 1168px;
        margin: 0 auto;
    }
    .logo{
        margin-top: 8px;
        float: left;
    }
    .nav{
        float: right;
        line-height: 70px;
    }
    .nav li{
        display: inline-block;
        margin-right: 40px;

    }
    .nav li:last-child{
        margin-right: 0;
    }
    .nav a{
        font-size: 16px;
        color:#000;
    }
    .nav a:hover{
        color:#1d9d73;
    }*/
    section{
        margin-top: 0px;
    }
    .section-head{
        text-align: center;

        margin: 0 auto 50px;
    }
    .title{
        font-size: 28px;
        text-align: center;
        position: relative;
        color: #414040;
    }
/*    .title:before{
        content: '';
        position: absolute;
        width: 120px;
        height: 2px;
        background:#414040;
        top: 50%;
        left:125%;
    }*/
/*    .title:after{
        content: '';
        position: absolute;
        width: 120px;
        height: 2px;
        background:#414040;
        top: 50%;
        right: 125%;
    }*/
    .section-body{
        margin: 0 auto;
    }
    /*产品图片后面的框*/
    .bg{
        border:2px solid #1d9b0b;
    }
    /*案例文字框*/
    .case-info{
        border:1px solid #1d9b0b;
    }
    /*案例文字框背景*/
    .case-topleft p{
        background-color: #1d9b0b;
    }
    .case-bottomright p{
        background-color: #1d9b0b;
    }
    /*业务背景色*/
    .business{
        background-color: #1d9b0b;
    }
    /*新闻的背景色*/
    .news-date{
        background-color: #1d9b0b;
    }
    /*客户的背景色*/
    .kehu-info{
        background-color: #1d9b0b;
    }
    /*查看详情*/
    .more{
        display: inline-block;
        width: 114px;
        height: 37px;
        border: 1px solid #1d9b0b;
        text-align: center;
        line-height: 37px;
        color: #2b2b2b;
        margin-top: 20px;
    }
    .more:hover{
        background-color: #1d9b0b;
        color: #fff; 
    }
    /*案例内页颜色*/
    .cate-on{
        border-left:1px solid  #1d9b0b;
        border-right: 1px solid #1d9b0b;
        border-top: 3px solid #1d9b0b;
        position: relative;
    }
    .case-cate-txt p{
        color: #1d9b0b;
    }
    /*团队图片背景色*/
    .team-cate-imgbg{
        background: #1d9b0b;
    }
    /*联系我们图标颜色*/
    .contact-cate-icon{
        background-color: #1d9b0b;
    }
    /*底部*/
    footer{
        width: 100%;
        height: 246px;
        background: #373837;
    }
    
    .kehu-item{
        border: 1px solid #1d9b0b;
    }
    
    .team-cate-txt h5 {
        border-bottom: 2px solid #1d9b0b;
    }
    
    .nav-title ul li a:hover{
        background:#474349 !important;
        border-right:5px solid  #1d9b0b !important;
        border-left:5px solid transparent;
        z-index: 100;
    }
    
    .nav2-active{
        background:#474349 !important;
        border-right:5px solid #1d9b0b !important;
        z-index: 100;
    }
    
    .infor ul li:hover i{
        background-color:#1d9b0b;
    }
    
    .infor ul li:hover a{
        color:#1d9b0b;
        text-decoration: underline;
    }
    
    .bgcolor{
        background-color: #1d9b0b;
    }
    
    .bordercolor{
        border-color: #1d9b0b;
    }
    
    .bg-color {
        background: #1d9b0b;
    }
    
    .busi4 .busi_img ul li:hover{
        background-color: #1d9b0b;
    }
    
    /*按钮效果*/
    .btn-11 {
        position: relative;
        color: #1d9b0b;
    }

    [class^="btn-"] {
        position: relative;
        display: block;
        /*margin: 20px auto;*/
        width: 108px;
        height: 30px;
        /*max-width: 250px;*/
        text-transform: uppercase;
        overflow: hidden;
        text-align: center;
        border: 1px solid #1d9b0b;
        border-radius: 4px;
        z-index: 10;
        font-size: 14px;
    }

    .btn-11:before {
        left: -20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    }

    .btn-11:before, .btn-11:after {
        position: absolute;
        top: 50%;
        content: '';
        width: 20px;
        height: 20px;
        background: #1d9b0b;
        border-radius: 50%;
    }

    .btn-11:after {
        right: -20px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .btn-11:before, .btn-11:after {
        z-index: -1;
        position: absolute;
        top: 50%;
        content: '';
        width: 10px;
        height: 1px;
        background: #1d9b0b;
        border-radius: 50%;
    }

    .btn-11:hover span {
        transition: all 1s;
        color: white;
    }

    .btn-11:hover:before {
        -webkit-animation: criss-cross-left 0.8s both;
        animation: criss-cross-left 0.8s both;
        animation-name: criss-cross-left;
        animation-duration: 0.8s;
        animation-timing-function: initial;
        animation-delay: initial;
        animation-iteration-count: initial;
        animation-direction: initial;
        animation-fill-mode: both;
        animation-play-state: initial;
    }

    .btn-11:hover:after {
        -webkit-animation: criss-cross-right 0.8s both;
        animation: ccriss-cross-right 0.8s both;
        animation-name: criss-cross-right;
        animation-duration: 0.8s;
        animation-timing-function: initial;
        animation-delay: initial;
        animation-iteration-count: initial;
        animation-direction: initial;
        animation-fill-mode: both;
        animation-play-state: initial;
    }

    @-webkit-keyframes criss-cross-left {
        0% {
            left: -20px;
        }
        50% {
            left: 50%;
            width: 20px;
            height: 20px;
        }
        100% {
            left: 50%;
            width: 375px;
            height: 375px;
        }
    }

    @keyframes criss-cross-left {
        0% {
            left: -20px;
        }
        50% {
            left: 50%;
            width: 20px;
            height: 20px;
        }
        100% {
            left: 50%;
            width: 375px;
            height: 375px;
        }
    }

    @-webkit-keyframes criss-cross-right {
        0% {
            right: -20px;
        }
        50% {
            right: 50%;
            width: 20px;
            height: 20px;
        }
        100% {
            right: 50%;
            width: 375px;
            height: 375px;
        }
    }

    @keyframes criss-cross-right {
        0% {
            right: -20px;
        }
        50% {
            right: 50%;
            width: 20px;
            height: 20px;
        }
        100% {
            right: 50%;
            width: 375px;
            height: 375px;
        }
    }
    
    .xian {
        width: 1200px;
        margin: 0 auto;
    }

    .xian img {
        width: 100%;
    }
    
    
    
.mypicmod img{width:100%;}
.img_out_box{height: 0;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: contain;position: relative;display: inline-block;}
.img_out_box img{width:100%;height:100%;left:0;top:0;position: absolute;}
.mypicmod .conters{display:flex;align-items:end;justify-content:space-between;}
.mypicmod .display {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;}
.mypicmod .fr{float:right;}
.mypicmod .fl{float:left;}
.juzhong{ display: table;}
.juzhongs{display: table-cell;vertical-align: middle;}
.mypicmod img{vertical-align:bottom; border:none;}
.mypicmod a{text-decoration: none;color:#666;font-family:"Microsoft YaHei";font-size:12px;}
.mypicmod ul,li{list-style:none outside none;}
/*body{padding-top:8%;}*/
/***************1200px******************/
.conter{width:1200px !important;margin:0 auto;}



.pic_1{padding-bottom:294px;width:1200px;}

/*********图片1********/

.pic_2{width:600px;padding-bottom:377px;}

/***********图片2**********/
.pic_3{width:730px;padding-bottom:535px;}
.pic_3_1{width:445px;height:535px;}
.pic_3_1>span{width:100%;padding-bottom:262px;}
.pic_3_1>span:nth-child(1){margin-bottom:11px;}
/*********图片3a**************/
.pic_3b_l{width:278px;padding-bottom:456px;}
.pic_3b_c{width:614px;padding-bottom:456px;}
/*图片3b*/
.pic_4a_l{width:388px;padding-bottom:655px;}
.pic_4_l>span{width:388px;padding-bottom:325px;}
.pic_4_l>span:nth-child(1){margin-bottom:6px;}
.pic_4_l{width:388px;height:655px;}
/*图片4a*/
.pic_4bl{width:454px;padding-bottom:346px;}
.pic_4b_l{width:240px;padding-bottom:346px;}
/*图片4b*/
.pic_4c_l{width:295px;padding-bottom:172px;transition:all 0.5s}
.pic_4c_l:hover{ transform: scale(1.05);box-shadow: 1px 1px 20px 2px #999;z-index:999;transition:all 0.5s;}
/*图片4c*/
.pic_5a_l{width:390px;padding-bottom:320px;margin-right: 10px;position:relative;}
.pic_5al{width:795px;padding-bottom:320px;margin-right: 10px;}
.pic_5a_l:nth-child(3){margin:0;}
.pic_5a_l:nth-child(5){margin:0;}
.pic_5a_font{position:absolute;bottom:0;background:rgba(0,0,0,0.6);width:88%;color:#fff;font-size: 14px;padding:0 6%;transition:all 0.5s;height:60px;}
.pic_5a_font>p:nth-child(1){padding-top: 10px;}
.pic_5a_font:hover{height:100%;transition:all 0.5s;}
/*图片5a*/
.pic_5b_l{width:340px;padding-bottom:536px;}
.pic_5bl>div{width:522px;padding-bottom:263px;}
.pic_5bl>div:nth-child(1){margin-bottom:10px;}
.pic_5bl{width:522px;height:536px;}
.pic_5b2>div{width:280px;padding-bottom:263px;}
.pic_5b2>div:nth-child(1){margin-bottom:10px;}
.pic_5b2{width:280px;height:536px;}
.pic_5b_l,.pic_5b2,.pic_5bc{position:relative;}
/*图片5b*/
.pic_5c2>div{width:300px;padding-bottom:174px;margin-bottom:7px;}
.pic_5c2>div:nth-child(3){margin:0;}
.pic_5c2{width:300px;height:536px;}
/*图片5c*/
.pic_5d2>div{width:414px;padding-bottom:263px;margin-bottom:10px;}
.pic_5d2>div:nth-child(2){margin:0;}
.pic_5d2{width:414px;height:536px;}
.pic_5dl{width:344px;padding-bottom:536px;}
/*图片5d*/
.pic_6a{width:400px;padding-bottom:310px;float: left;}
/*图片6a*/
.pic_6b{width:590px;height:530px;}
.pic_6b>span{width:590px;padding-bottom:345px;}
.pic_6b>div>span{width: 292px; padding-bottom: 175px;margin-top:10px;}
/*图片6b*/
.pic_6b .pic_p{margin-top:0;margin-bottom:10px;}
/*图片6c*/
.pic_6d{width:310px;padding-bottom:400px;}
.pic_6d2{width:287px;height:400px;}
.pic_6d2>div{width:288px;padding-bottom:196px;margin-top:8px;}
.pic_6d2>div:first-child{margin-top:0;}
.pic_6d3>div{width:584px;padding-bottom:196px;}
.bot_pic>div{width:288px;padding-bottom:196px;margin-top:8px;}

/*图片6d*/
.pic_7a{width:388px;padding-bottom:520px;}
.pic_7a1{height:520px;width:790px;}
.pic_7a1>span{width: 252px;padding-bottom: 253px;float: left;margin-right: 17px;margin-top: 14px;}
.pic_7a1 .topm{margin-top:0;}
.pic_7a1>span:nth-child(3),.pic_7a1>span:nth-child(6){margin-right:0;}

.p{width: 252px;padding-bottom: 253px;float: left;}
.pic_7_mor ul:last-child li{margin-right:0;}
.ulone{width:388px;}
.ulone li{margin:0!important;}
.ultwo{width:252px;}
.ultwo li:nth-child(1){margin-bottom:14px!important;}
/*图片7a*/
.pic_7b{width:290px;height:580px;}
.pic_7b>span{width:290px;padding-bottom:288px;}
.pic_7b1>span{width:592px;padding-bottom:288px;}
.pic_7b1>div>span{width:290px;padding-bottom:288px;margin-top:8px;}
.pic_7b>span:nth-child(2){margin-top:8px;}


.pic_7b img:hover{   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition:all 0.5s;
}
.pic_7b1 img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition:all 0.5s;
}
.pic_7b1 img,.pic_7b img{transition:all 0.5s;}
/*图片放大*/
/*图片7b*/
.pic_8a_l{padding-bottom:210px;width:384px;margin-bottom:12px;}
.pic_8al{padding-bottom:360px;width:484px;}
.pic_8d2{width:340px;height:360px;}
.pic_8d2>div{width:340px;padding-bottom:172px;}
.pic_8d2>div:nth-child(1){margin-bottom:16px;}
/*图片8a*/
.pic_8b2{width:292px;height:520px;}
.pic_8b2>span:nth-child(1){margin-bottom:6px;}
.pic_8b2>.pic_8g{width:292px;height:358px;}
.pic_8b2>.pic_8d{width:292px;height:152px;}
/*图片8b*/
.pic_91{width:397px;height: 537px;}
.pic_91>span{width:397px;padding-bottom:175px;margin-bottom:2px;}
.pic_91>span:last-child{margin:0;}
.pic_92{width:394px;height:537px;}
.pic_92>span{padding-bottom:356px;width:394px;margin-bottom:2px;}
.pic_92>div>span{width:192px;padding-bottom: 175px;}


.pic_9d{width: 397px;padding-bottom: 175px;margin-bottom: 2px;}
.pic_9b{padding-bottom: 356px;width: 394px;margin-bottom: 2px;}
.pic_9m{width: 192px;padding-bottom: 175px;margin-right:9px;}
.pic_9m:last-child{margin: 0;}
.pic_91 li,.pic_92 li{margin-bottom: 6px;}
/*鼠标跟随事件*/
/*图片9*/


/*---------------------------------------------------1200--------------------------------------------------------------------------------------------------------------------------*/
.q_pic1{width:50%;padding-bottom:22%;}
/*********图片1******************/
.q_pic2{width:28%;padding-bottom:30%;}
.q_pic2a{width:43.4%;padding-bottom:30%;}
/*图片2*/
.q_pic3{width:25%;padding-bottom:24%;}
/*图片3*/
.posr{width:100%;height:306px;background:#000;position: relative;margin-top:20%;}
.posa{bottom:22%;position:absolute;left: 0;width:88%;padding:0 6%;}
.posa>p{width:16%;padding-bottom:17%;}
/*图片4*/
.bg_img{background:url("../img/ccc.png") ;background-size:cover;padding:90px 0;height:620px;}
.bg_img>div>div{background:#fff;padding:51px;}
.bg_img>div>div>p{width:269px;padding-bottom:269px;}
/*图片5*/
















/*******************************************************************************************************************************************************************/
.ph_pad{padding:0 3.2%;width:calc(100% - 6.4%) !important;}
/*-----------------------------------------------------*/
.s_pic1{width:49%;padding-bottom:31%;}
/*手机图片2*/
.s_pic_2{width:61%;padding-bottom:32%;float:left;}
.s_pic_2_1{width:37%;padding-bottom:15%;float: right;}
.mag{margin-bottom:2%;}
/*手机图片3a*/
.s_pic_3b_l{width: 23%;padding-bottom:38%;}
.s_pic_3b_c{width:52%;padding-bottom:38%;}

/*手机图片3b*/
.s_pic_4_l{width:32.5%;padding-bottom:56%;display: inline-block;}
.s_pic_4a>p{width:100%;padding-bottom:84%;}
.s_pic_4a>p:nth-child(1){margin-bottom:4%;}
.s_pic_4a{width:32.5%;display: inline-block;}

/*手机图片4a*/
.s_pic_4b{width:47%;padding-bottom:29%;margin-right:2%;}
.s_pic_4b:nth-child(2),.s_pic_4b:nth-child(4){margin-right:0;}
.mar_b{margin-bottom:1%;}
/*手机图片4b*/
.s_pic_5a{padding-bottom:26%;width:32.5%;}
.s_pic_5a_1{width:66.2%;padding-bottom:26%;}
/*手机图片5a*/
.s_pic_5_l{width:28%;padding-bottom:46%;}
.s_pic_5b{width:46%;display: inline-block;}
.s_pic_5b1{width:24%;display: inline-block;}
.s_pic_5b>p{width:100%;padding-bottom:49.5%;}
.s_pic_5b1>p{width:100%;padding-bottom:95.2%;}
/*手机图片5b*/
.s_pic_5c{width:34%;display: inline-block;}
.s_pic_5c>p{width:100%;padding-bottom:64%;}
.s_pic_5cl{width:28.5%;padding-bottom:45%;}
.s_pic_5c>.mar_b{margin-bottom:5%;}
/*手机图片5c*/
.s_pic_6a,.s_pic_6b{width:33.3%;padding-bottom:26%;float: left;}

/*手机图片6a*/
.s_pic_6b{margin-right: 1.5%;margin-bottom: 1.5%;width:32.3%;}
.s_pic_6b:nth-child(3),.s_pic_6b:nth-child(6),.s_pic_6b:nth-child(9){margin-right:0;}
/*手机图片6b*/
















/*划过效果*/
.pic_ck_font{position:absolute;bottom:0;background:rgba(0,0,0,0.6);width:88%;color:#fff;font-size: 14px;padding:0 6%;transition:all 0.5s;height:40px;}
.pic_ck_font:hover{height:74px;}
.pic_ck_font>p:nth-child(1){line-height:40px;}
.pic_ck_font>p:nth-child(2) span{background:#ff8a00;color:#fff;width:80px;text-align: center;line-height:24px;display: inline-block;}
.pic_ck_font>p:nth-child(2){text-align: center;margin-top:8px;}
/*---------------------------------------------------*/

/*图片居中放大*/
.pic_6b img{transition:all 0.5s;}
.pic_6b img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition:all 0.5s;
}
.mypicmod>div{width:100%;}
/*--------------------------------------------------*/
/*蒙层位移*/
.displacement{position: absolute;top:0;left:-100%;background:rgba(0,0,0,0.6);width:100%;height:100%; transition:all 0.5s;}
.conters div:hover .displacement{left:0;transition:all 0.5s;}
/*-----------------------------------------------*/
/*图片旋转*/
.xuanzhuan img:hover{transform: scale(1.04);transition:all 0.8s;}
.xuanzhuan img{transition:all 0.8s;transform:scale(1)}
/*-------------------------------------------*/
/*图片6d   选中不加蒙层*/
.big_box:hover .mengcheng{opacity:1;transition:all 1s;}
.mengcheng{width:100%!important;height:100%;background:rgba(0,0,0,0.6);position: absolute;top:0;left: 0;opacity:0;transition:all 1s;}
.mengcheng:hover{background:none!important;transition:all 0.5s;}
.mengcheng:hover .q_mc_p{bottom:0;transition: all 0.5s;}
.big_box .img_out_box:hover img{transform: scale(1.2)!important;transition:all 0.5s;}
.big_box .img_out_box img{transition:all 0.5s;}
.q_mc_p{position:absolute;bottom:-30px;line-height:30px;background:rgba(0,0,0,0.6);width:96%;padding:0 2%;color:#fff;transition:all 0.5s;}
/*------------------------------------------*/
/*鼠标跟随事件*/
.mod>li{float: left;}
.brandMod{ margin-top:1px; text-align:center;}
.brandMod li{display:inline; position:relative; overflow:hidden;}
.brandMod .mask{  background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%; top: 100%;}
.brandMod a{ color:#fff;}
.brandMod .user{ margin-top:84px;font-size: 24px;color: #fff;text-align: center; height: 48px;line-height: 48px;overflow: hidden;}
.brandMod .case{margin-left: 110px;width: 90px;display: block; border:1px solid #fff; border-radius:30px; height:30px; line-height:30px; font-size:16px; margin-top:6px;}
.mod li:nth-child(1){margin-bottom:6px;}
/*----------------------------------------------------------------*/