/* [4] */
@font-face {
  font-family: 'Noto Sans CJK SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:  url(/statics/zhang/fonts/NotoSansSC-Light.otf) format('truetype');
 
}
@font-face {
    font-family: 'Noto Sans CJK SC';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/statics/zhang/fonts/NotoSansSC-Medium.otf) format('truetype');

  }


.ttable {
    display: table;
    width: 100%;
    height: 100%;
}

.tcel {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}
.no_pointer{
    cursor: default;
}

a {
}

    a:hover, a:active, a:focus {
        text-decoration: none;
        color: #0061e3;
        outline: none
    }
    a.active{
        color:#0061e3;
    }
a {
    color: #333;
    transition: all .4s;
}
img {
    border: 0 none;
    max-width: 100%;
    max-height: 100%;
}

.fanhui {
    color: #000;
    font-weight: 600;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e9e9+1,f4f4f4+100 */
    background: rgb(233,233,233); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(233,233,233,1) 1%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(233,233,233,1) 1%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(233,233,233,1) 1%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

    display:block;
    font-size:1.5rem;
    line-height:2;
    padding:10px 0;
    padding-left:10px;
}
.fanhui .layui-icon{
    color:rgba(0,0,0,.22);
    margin-right:5px;
}
div.navli-nav > ul{
    padding:0 15px;
    z-index: 44;
}
div.navli-nav > ul > li {
    border-bottom: 1px solid #e6e6e6;
}
    div.navli-nav > ul > li > a {
        display: block;
        position: relative;
        color: #969696;
        font-size: 1.5rem;
        padding: 10px 0;
        line-height: 2;
    }
    div.navli-nav > ul > li  ul {
        display: none;
        transition: all .6s;
    }
    div.navli-nav > ul > li  ul.active{
        display:block;
    }
        div.navli-nav > ul   li.active div.iright:after {
            content: "\e61a";
        }
    div.navli-nav > ul > li > ul{
        padding-bottom:16px;
        padding-left:15px;
    }
        div.navli-nav > ul > li > ul ul {
            padding:  5px 0;
            padding-left: 15px;
        }
        div.navli-nav > ul > li > ul  li > a {
            display: block;
            position: relative;
            color: #969696;
            font-size: 1.5rem;
            padding: 0px 0;
            line-height: 2;
        }
div.navli-nav li.active > a {
    color: #0061e3;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: block;
    }
    nav > ul{
        width:750px;
        margin:0 auto;
    }
   
    div.navli-nav > ul {
        width: 750px;
        margin: 0 auto;
    }
    nav > ul > li > div.navli-nav.cp ul{
        display: inline-block!important;
        min-width: 240px;
    }
    nav > ul > li > div.navli-nav.cp.cpp2>ul{
padding-left: 40px;
    }
}

@media(min-width:992px){
    header{
        height:82px;
        background:none;
        transition:all .5s;
        
    }
    
        header:hover,header.fixed{
            background:#fff;
        }
            header:hover .logo, header.fixed .logo {
                opacity: 0;
            }
            header:hover .logo2, header.fixed .logo2 {
                opacity: 1;
            }
            header:hover nav a,header.fixed nav a{
                color:#333;
            }
            header:after {
                position: absolute;
                background: rgba(255,255,255,1);
                opacity: 0.1;
                content: '';
                height: 1px;
                bottom: 0;
                left: 0;
                right: 0;
            }
    body{
        padding-top:0;
    }
    nav li.iright:after{
        display:none;
    }
    
    header .logo, header .logo2 {
        top: 16px;
        bottom: 20px;
        opacity: 0;
    }
    header .logo {
        display: block;
        opacity: 1;
    }

    header .logo2 {
        opacity: 0;
    }
    .navbar-toggle{
        display:none;
    }
    nav {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: auto !important;
        left: auto;
        background: none;
        box-shadow: none;
        height: 82px;
        opacity: 1 !important;
        overflow: inherit;
    }
        nav > ul{
            width:auto;
        }
            nav > ul > li{
                display:inline-block;
                position:relative;
                border:none;
                padding:0 5px;
            }
                nav > ul > li > a:after {
                    transition: all ease-in-out .4s;
                    content: '';
                    position: absolute;
                    bottom: 0;
                    height: 2px;
                }
                nav > ul > li.active > a:after, nav > ul > li:hover > a:after {
                    content: '';
                    background: #fff;
                    left: 0;
                    right: 0;
                    display: block;
                }
                nav > ul > li:hover > a:after, header.fixed nav>ul>li.active>a:after{
                    background: #0061e3;
                    bottom: 8px;
                    width: 3em;
                    left: 50%;
                    transform: translateX(-50%);
                }
                    nav > ul > li > a {
                        display: block;
                        height: 82px;
                        line-height: 82px;
                        padding: 0 8px;
                        color: #fff;
                    }
                nav > ul > li > a:hover{
                    color:#0061e3;
                }
            nav > ul > li:hover div.navli-nav{
                opacity:1;
                height:auto;
                display:block;
            }
                nav > ul > li > div.navli-nav {
                    position: absolute;
                    display: none;
                    left: 0;
                    top: 80px;
                    opacity: 0;
                    height: auto;
                    width: 180px;
                    left: 50%;
                    transform: translateX(-50%);
                    overflow-y: inherit;
                    transition: all ease-in-out .4s;
                    z-index: 44;
                    
                }
                    nav > ul > li > div.navli-nav:after{
                        content:'';display:block; clear:both;
                    }

    div.navli-nav > ul {
        width: auto!important;
        background: #fff;
        padding: 10px 0;
        margin-top: 2px;
        position: relative;
        transition: all ease-in-out .4s;
        box-shadow: 2px 2px 5px 0 rgba(0,0,0,.13);
    }
        div.navli-nav > ul:before {
            background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(244,244,244,0.99) 1%, rgba(244,244,244,0) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,0.99) 1%,rgba(244,244,244,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(244,244,244,0.99) 1%,rgba(244,244,244,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#00f4f4f4',GradientType=0 ); /* IE6-9 */
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 70px;
            z-index: 1;
            content: '';
        }
        div.navli-nav > ul > li {
            border: none;
            text-align: center;
            position:relative;
            z-index:2;
        }
            div.navli-nav > ul > li ul{
                display:block;
            }
            .fanhui {
                display: none;
            }
    div.navli-nav > ul > li > a{
        font-size:14px;
        line-height:1;
    }
    div.navli-nav > ul > li > a:hover{
        color:#0061e3;
    }
    div.navli-nav.cp {
        position: fixed;
        opacity: 1;
        width: 992px;
        bottom: auto;
        text-align: center;
        box-shadow: 2px 6px 5px 0 rgba(0,0,0,.13);
        padding-bottom: 30px;
    }
        div.navli-nav.cp:before {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+1,f4f4f4+100&1+0,0+100 */
            background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(244,244,244,0.99) 1%, rgba(244,244,244,0) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,0.99) 1%,rgba(244,244,244,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(244,244,244,0.99) 1%,rgba(244,244,244,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#00f4f4f4',GradientType=0 ); /* IE6-9 */
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 70px;
            z-index: 2;
            content: '';
        }
        div.navli-nav.cp:after {
            position: absolute;
            top: 74px;
            height: 1px;
            background: rgba(64,65,67,1);
            opacity: 0.1;
            content: '';
            left: 0;
            right: 0;
            z-index:3;
        }
        div.navli-nav.cp > ul {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display:inline-block;
            vertical-align:top;
            background: none;
            padding:0 20px;
            z-index:4;
            position:relative;
            margin:0 -5px;
        }
            div.navli-nav.cp > ul>li:first-child>a{
                display:block;
                height:74px;line-height:74px;
                padding:0;
                color:#000;
                font-size:16px;
                text-align:center;
                font-weight:bold;
            }
            div.navli-nav.cp > ul ul {
                display: block;
                padding:0;
            }
            div.navli-nav.cp > ul>li>ul>li>ul{
                padding-bottom:5px;
            }
                div.navli-nav.cp > ul > li > ul > li > ul>li>a{
                    line-height:1.8;
                }
                div.navli-nav.cp > ul li {
                    text-align: left;
                }
            div.navli-nav.cp > ul li a{
                padding:0;
            }
            div.navli-nav.cp > ul > li>a{
                font-size:16px;
            }
            div.navli-nav.cp > ul > li>ul{
                padding-top:10px;
            }
            div.navli-nav.cp > ul > li > ul > li > a {
                color: #000;
            }
            div.navli-nav.cp > ul > li > ul > li > ul > li > a {
                color: rgba(102,102,102,1);
                font-size:14px;
            }
    div.navli-nav.cp2{
        text-align:left;
    }
    div.navli-nav.cp2 > ul > li{
        text-align:left!important;
        padding-left:40px;
    }
    div.navli-nav > ul > li > a{
        color:#333;
        font-size:1.5rem;
    }
    div.navli-nav.cp2 > ul > li > ul li > a{
        font-size:12px;
        color:#666;
    }
    div.navli-nav.cp2 li.iright > a:after {
        position: absolute;
        content: '';
        right: 20px;
        top:50%;
        transform:translateY(-50%);
        font-family: layui-icon !important;
        font-size: 14px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e61a";
        display: block;
    }
}

@media(min-width:1200px){
    div.navli-nav.cp2 > ul > li > ul li > a {
        font-size: 16px;
        color: #666;
    }
    div.navli-nav.cp{
        width:1170px;
    }
    div.navli-nav.cpp2{
        /*width: 400px!important;    */
        width: 180px!important;
        position: absolute!important;
    }
        div.navli-nav.cp > ul > li:first-child > a{
            font-size:18px;
            text-align:left;
        }
            div.navli-nav.cp > ul > li:first-child > a:hover{
                color:#0061e3;
            }
            div.navli-nav.cp > ul > li > ul > li > a {
                font-size: 18px;
            }
        div.navli-nav.cp > ul > li > ul > li > ul > li > a{
            font-size:16px;
        }
    div.navli-nav.cp a:hover{
        color:#0061e3;
    }
    div.navli-nav > ul > li > a{
        font-size:16px;
        color:#333;
        font-weight:400;
    }
    nav > ul > li > a{
        font-size:16px;
    }
    nav > ul > li{
        padding:0 7px;
    }
    nav > ul > li.lang{
        margin-left:50px;
    }
        nav > ul > li.lang a{
            font-weight:bold;
        }
}
@media(min-width:1920px){
    div.navli-nav.cp {
        width: 1400px;
    }
    .container{
        width:1400px;
        padding-left:0;
        padding-right:0;
    }
    nav > ul > li.lang {
        margin-left: 190px;
    }
    nav{
        margin-right:-120px;
    }
    header .logo, header .logo2{
        left:-100px;
    }
}




footer{
    background:#000;
   /* position:relative;*/
    z-index:22;
}
.foot1{
    position:relative;
}
    .foot1:after {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        height:1px;
        background: rgba(67,67,68,1);
        opacity: 0.34;
    }
.foot1 .container{
    position:relative;
    padding-bottom:80px;
}
.foot-icon{
    position:absolute;
    right:0;
    bottom:30px;
    /*transform:translateX(-20%);*/
}
.foot-icon ul{
    
}
.foot-icon li{
    float:left;
    margin-right:20px;
    position:relative;
}
    .foot-icon p {
        display: none;
        width: 120px;
        height: 120px;
        position: absolute;
        bottom: 45px;
        left:50%;
        transform:translateX(-50%);
    }
        .foot-icon p:after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #fff;
            position: absolute;
            bottom: -5px;
            left: 50%;
            content: '';
            transform:translateX(-50%);
        }
        .foot-icon img {
            width: 120px;
            height: 120px;
            padding: 5px;
            background: #fff;
            position: absolute;
        }
    .foot-icon li >a{
        display:block;
    }
    .foot-icon li i {
        display: block;
        width: 35px;
        height: 35px;
        transition:all ease-in-out .3s;
    }
        .foot-icon li i.icons-wx {
            background: url(../img/index/weixin.png) no-repeat 0 -35px;
        }
        .foot-icon li i.icons-wb {
            background: url(../img/index/weibo2.png) no-repeat 0 -35px;
        }
   
    .foot-icon li:hover p{
        display:block;
        
    }
    .foot-logo {
        position: absolute;
        bottom: 10px;
        height: 60px;
        left: 15%;
        transform: translateX(50%);
        z-index:3;
    }
    .foot1 .foot-nav{
        padding-top:30px;
        padding-bottom:20px;
    }
.foot1 .foot-nav ul{
    display:flex;
    text-align:center;
    justify-items:center;
    align-items:center;
    align-content:center;
    justify-content:center;
}
        .foot1 .foot-nav ul a{
            color:rgba(255,255,255,.4);
            display:block;line-height:1;
        }
.foot1 .foot-nav ul a:hover {
    color: rgba(255,255,255,.9);
}
    .foot1 .foot-nav ul li{
        position:relative;
    }
        .foot1 .foot-nav ul li + li{
            padding-left:10px;
            margin-left:10px;
        }
        .foot1 .foot-nav ul li + li:before {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 1px;
            background: rgba(255,255,255,.23);
            content: '';
        }
        .foot2{
            padding-top:20px;
            padding-bottom:20px;
        }
            .foot2 .foot-nav {
                padding-top: 0;
                padding-bottom: 10px;
            }

                .foot2 .foot-nav ul {
                    display: flex;
                    text-align: center;
                    justify-items: center;
                    align-items: center;
                    align-content: center;
                    justify-content: center;
                }

                    .foot2 .foot-nav ul a {
                        color: rgba(255,255,255,.3);
                        display: block;
                        line-height: 1;
                    }
                        .foot2 .foot-nav ul a:hover {
                            color: rgba(255,255,255,.6);
                        }
                        .foot2 .foot-nav ul li {
                            position: relative;
                        }

                        .foot2 .foot-nav ul li + li {
                            padding-left: 10px;
                            margin-left: 10px;
                        }

                            .foot2 .foot-nav ul li + li:before {
                                position: absolute;
                                left: 0;
                                top: 0;
                                bottom: 0;
                                width: 1px;
                                background: rgba(255,255,255,.05);
                                content: '';
                            }
.foot-copy {
    text-align: center;
    color: rgba(255,255,255,.3);
    font-size:1rem;
}
    .foot-copy a {
        color: rgba(255,255,255,.3);
    }
        .foot-copy a:hover {
            color: rgba(255,255,255,.8);
        }
@media(min-width:768px){
    .foot1{
        height:130px;
        padding:0;
    }
    .foot-logo{
        top:40px;
        height:auto;
        transform:translateX(0);
    }
    .foot-icon {
        top: 45px;
        transform: translateX(0);
    }
    .foot1 .foot-nav{
        transform:translateY(-50%);
        top:50%;
        position:relative;
        padding:0;
    }
    .foot1 .container{
        padding:0;
        height:100%;
        position:relative;
    }
    .foot2{
        padding:25px 0;
    }
    .foot-copy{
        font-size:14px;
        line-height:1.8;
    }
}
@media(min-width:1200px){
    .foot1 .foot-nav a, .foot2 .foot-nav a {
        font-size: 16px;
    }
    .foot1 .foot-nav ul li + li, .foot2 .foot-nav ul li + li {
        padding-left: 20px;
        margin-left: 20px;
    }
}
@media(min-width:1920px){
    .foot-logo{
        transform:translateX(-100px)
    }
    .foot-icon {
        transform: translateX(100px)
    }
}

/*index-banner*/
.index-banner {
	
    height: 300px;
    position:relative;
}

    .index-banner .swiper-container {
        height: 100%;
    }

    .index-banner .swiper-slide{
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
    }
    .index-banner .swiper-pagination{
        bottom:20px;
        z-index:33;
        left:50%;
        transform:translateX(-50%);
        word-wrap:normal;

    }
    .index-banner .swiper-pagination-bullet {
        font-size: 1rem;
        background: none;
        color: rgba(255,255,255,.1);
        opacity: 1;
        font-family: 'Noto Sans CJK SC';
        width: auto;
        height: auto;
        padding: 0 10px;
        outline: none;
    }
    .index-banner .swiper-pagination-bullet-active {
        color: rgba(255,255,255,1);
    }
    .index-banner .swiper-button-prev, .index-banner .swiper-button-next {
        outline: none;
       
    }
    .index-banner .swiper-button-prev{
        left: 15px;
        bottom: 10px;
        background: url(../img/icon-prev-2.png) no-repeat center center;
    }
    .index-banner .swiper-button-next{
        left: auto;
        right: 15px;
        bottom: 10px;
        background: url(../img/icon-next-2.png) no-repeat center center;
    }
.index-banner .layui-btn{
    background:#76B900;
    padding:0 1.6em;
    font-size:1.2rem;
}
.layui-btn {
    background: #0061e3;
    padding: 0 3em;
    font-size: 1.2rem;
}
.layui-btn-disabled {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
}
.index-banner .container {
    height: 100%;
    position: relative;
}
.index-banner .item{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    right:0;
    padding:0 15px;
}
    .index-banner .item.banner1{
        left:0;
        text-align:center;
    }
    .index-banner .item .th1 {
        font-size: 2rem;
        color: #fff;
        line-height: 1.4;
        padding: 20px 0;
        transition: all .4s;
    }
    .index-banner .item .th2 {
        font-size: 1.4rem;
        display: block;
        line-height: 1;
        color: rgba(255,255,255,.75);
        margin-bottom:-10px;
    }
    .index-banner .item .tdes {
        font-size: 1rem;
        line-height: 1.5;
        color: rgba(255,255,255,.65);
        padding-bottom: 20px;
    }
    .index-banner .item .th1+.tdes{
        margin-top:-10px;
    }

@media(min-width:768px){
    .index-banner {
        height: 398px;
    }
    .index-banner .swiper-button-prev{
        left: 50%;
        transform: translateX(-100%);
        margin-left: -100px;
        bottom: 8px;
       
    }
    .index-banner .swiper-button-next{
        left: auto;
        right: 50%;
        transform: translateX(100%);
        margin-right: -100px;
        bottom: 8px;
       
    }
    .index-banner .swiper-pagination-bullet{
        font-size: 12px;
    }
}
@media(min-width:992px) {
    .index-banner {
        height: 514px;
    }
        .index-banner .item .th1 {
            font-size: 30px;
            font-family: 'Noto Sans CJK SC';
            font-weight: 500;
            padding-bottom: 20px;
            padding-top: 20px;
        }
        .index-banner .item .tdes {
            font-size: 12px;
            width: 280px;
            font-weight: 400;
        }
        .index-banner .swiper-pagination-bullet{
            font-size: 14px;
        }
}
@media(min-width:1200px) {
    .index-banner {
        height:622px;
    }
        .index-banner .item.banner1 .th1 {
            font-size: 36px;
        }
        .index-banner .swiper-button-prev{
            
            bottom: 10px;
           
        }
        .index-banner .swiper-button-next{
            
            bottom:10px;
           
        }
        .index-banner .item .th1 {
            font-size: 36px;
            font-family: 'Noto Sans CJK SC';
            font-weight: 500;
            padding-bottom: 25px;
            padding-top: 20px;
        }

        .index-banner .item .th2 {
            font-size: 16px;
            font-weight: 400;
        }

        .index-banner .item .tdes {
            font-size: 12px;
            width: 340px;
            font-weight: 400;
        }

        .index-banner .item .th1 + .tdes {
            margin-top: -20px;
        }

        .index-banner .item .tbtn {
            padding-top: 5px;
        }

        .index-banner .layui-btn {
            padding: 0 3em;
            font-size: 12px;
            height: 36px;
            width: 138px;
            letter-spacing: .5em;
            line-height: 36px;
        }
    .layui-btn {
        padding: 0 3em;
        font-size: 12px;
        height: 36px;
        width: 138px;
        letter-spacing: .5em;
        line-height: 36px;
    }
   
}
@media(min-width:1900px) {
    .index-banner {
        height: 996px;
    }
    .index-banner .item.banner1 .th1{
        font-size:50px;
    }
        .index-banner .item .th1 {
            font-size: 60px;
            font-family:'Noto Sans CJK SC';
            font-weight:500;
            padding-bottom:40px;
            padding-top:30px;
        }
            .index-banner .item .th2{
                font-size:30px;
                font-weight:400;
            }
        .index-banner .item .tdes {
            font-size: 18px;
            width:546px;
            font-weight: 400;
        }
        .index-banner .item .th1+.tdes{
            margin-top:-20px;
        }
        .index-banner .item .tbtn{
            padding-top:15px;
        }
        .index-banner .layui-btn {
            padding: 0 3em;
            font-size: 16px;
            height: 58px;
            width: 220px;
            letter-spacing: .5em;
            line-height: 58px;
        }
    .layui-btn {
        padding: 0 3em;
        font-size: 16px;
        height: 58px;
        width: 220px;
        letter-spacing: .5em;
        line-height: 58px;
    }
}

.index-tit{
    position:relative;
}

    .index-tit:after {
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background: rgba(229,229,229,1);
        content:'';
    }
    .index-tit.border-no:after {
        display: none;
    }
.index-tit .container{
    position:relative;
}
.index-tit h2{
    font-size:2rem;
    display:block;
    font-weight:400;
    padding-top:1.2em;
    padding-bottom:.5em;
}
    .index-tit a.more {
        font-size: 1.2rem;
        position: absolute;
        right: 15px;
        color: #242424;
        bottom:.8em;
    }
@media(min-width:768px) {
    .index-tit h2{
        font-size:16px;
        font-weight:bold;
        padding-top:26px;
        padding-bottom:12px;
    }
    .index-box2 .index-tit a.more{
        font-size:12px;
        bottom:14px;
    }
}

@media(min-width:992px) {
    .index-tit h2 {
        font-size: 22px;
        font-weight: 500;
        padding-top: 34px;
        padding-bottom: 16px;
    }

    .index-box2 .index-tit a.more {
        font-size: 12px;
        bottom: 18px;
    }
}

@media(min-width:1200px) {
    .index-tit h2 {
        font-size: 26px;
        font-weight: 500;
        padding-top: 41px;
        padding-bottom: 19px;
    }

    .index-box2 .index-tit a.more {
        font-size: 12px;
        bottom: 21px;
    }
}

@media(min-width:1900px) {
    .index-tit h2 {
        font-size: 42px;
        font-weight: 400;
        padding-top: 66px;
        padding-bottom: 30px;
    }

    .index-box2 .index-tit a.more {
        font-size: 16px;
        bottom: 34px;
    }
}

/*首页块*/
.index-box1{
   padding:15px 0;
}
    .index-box1 .container{
        position:relative;
    }
    .index-box1 .swiper-container{
        height:260px;
    }
    .index-box1 .swiper-slide .item{
        position:relative;
        overflow:hidden;
    }
        .index-box1 .swiper-slide .item:hover .img img {
            
            transform: scale(1.1);
        }
       
        .index-box1 .swiper-slide .item .img {
            height: 100%;
            overflow: hidden;
        }
        .index-box1 .swiper-slide .item .img img{
            width:100%;
            height:100%;
            object-fit:cover;
            transition:all ease-in-out .3s;
        }
        .index-box1 .swiper-slide .item .txt{
            position:absolute;
            top:0;right:0;left:0;
            padding:15px;
            color:#fff;
            padding-bottom:50px;
        }
            .index-box1 .swiper-slide .item .txt h2{
                display:block;
                line-height:1.2;
                font-size:1.6rem;
            }
            .index-box1 .swiper-slide .item .txt p{
                display:block;
                padding-top:.5em;
                font-size:1rem;

            }
            .index-box1 .swiper-slide .item .btns{
                position:absolute;
                bottom:0;
                opacity:1;
                transition:all .6s;
                transform:translateY(0);
            }
                .index-box1 .swiper-slide .item .btns .layui-btn{
                    height:auto;
                    line-height:1;
                    font-size:1rem;
                    padding:.8em 2em;
                }
        .index-box1 .swiper-slide .item:first-child {
            height: 100%;
            width: 50%;
            transform: translateY(0);
        }
            .index-box1 .swiper-slide .item:first-child .btns {
                transform: translateY(0);
                opacity: 1;
            }
        .index-box1 .swiper-slide .item:nth-child(2) {
            position: absolute;
            right: 0;
            top: 0;
            height: 49.5%;
            width: 49%;
        }
        .index-box1 .swiper-slide .item:nth-child(3) {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 49.55%;
            width: 49%;
        }


    .swiper-button-next, .swiper-button-prev {
        background: #fff;
        width: 40px;
        height: 40px;
        left: 20px;
        bottom: 20px;
        top: auto;
        cursor: pointer;
        outline: none;
        transition:all .4s;
    }
        .swiper-button-next{
            background:#0061e3;
            background:url(../img/icon-next-2.png) no-repeat center center #fff;
        }
.swiper-button-prev {
    bottom: 60px;
    background: url(../img/icon-prev-2.png) no-repeat center center #fff;
    border-bottom:1px solid rgba(0,0,0,.05);
}
    .swiper-button-prev:hover {
        background: url(../img/icon-prev-1.png) no-repeat center center #76B900;
    }
.swiper-button-next:hover {
    background: #0061e3;
    background: url(../img/icon-next-1.png) no-repeat center center #76B900;
}
@media(min-width:768px){
    .index-box1{
        padding:30px 0;
    }
    .index-box1 .swiper-container{
        height:338px;
    }
        .index-box1 .swiper-slide .item .txt{
            padding:20px;
            padding-bottom:66px;
        }
        .index-box1 .swiper-slide .item .btns .layui-btn{
            font-size:12px;padding:.8em 3em;
        }
        .index-box1 .swiper-slide .item .txt h2{
            font-size:18px;
            font-weight:bold;
        }
        .index-box1 .swiper-slide .item .txt p{
            font-size:12px;
        }
        .index-box1 .swiper-slide .item:hover .btns {
           /* opacity: 1;
            transform: translateY(0);*/
        }
        .index-box1 .swiper-button-next, .index-box1 .swiper-button-prev{
            left:35px;
            display: none;
        }
}
@media(min-width:992px){
    .index-box1 {
        padding: 40px 0;
    }

        .index-box1 .swiper-container {
            height: 437px;
        }
        .index-box1 .swiper-slide .item:first-child{
            width:50.5%;
        }
        .index-box1 .swiper-slide .item .txt {
            padding: 26px 22px 0 22px;
            padding-bottom: 68px;
        }

        .index-box1 .swiper-slide .item .btns .layui-btn {
            font-size: 12px;
            padding: .8em 3em;
        }

        .index-box1 .swiper-slide .item .txt h2 {
            font-size: 25px;
            font-weight: 400;
        }

        .index-box1 .swiper-slide .item .txt p {
            font-size: 12px;
        }
        .index-box1 .swiper-button-next, .index-box1 .swiper-button-prev {
            left:37px;
        }
}
@media(min-width:1200px) {
    .index-box1 {
        padding: 48px 0;
    }

        .index-box1 .swiper-container {
            height: 528px;
        }

        .index-box1 .swiper-slide .item:first-child {
            width: 50.5%;
        }

        .index-box1 .swiper-slide .item .txt {
            padding: 31px 26px 0 26px;
            padding-bottom: 71px;
        }

        .index-box1 .swiper-slide .item .btns .layui-btn {
            font-size: 12px;
            padding: 1em 3em;
        }

        .index-box1 .swiper-slide .item .txt h2 {
            font-size: 30px;
            font-weight: 400;
        }

        .index-box1 .swiper-slide .item .txt p {
            font-size: 12px;
        }

        .index-box1 .swiper-button-next, .index-box1 .swiper-button-prev {
            left: 41px;
            bottom: 26px;
        }
        .index-box1 .swiper-button-prev {
            bottom: 66px;
        }
}
@media(min-width:1900px) {
    .index-box1 {
        padding: 77px 0;
    }

        .index-box1 .swiper-container {
            height: 845px;
        }

        .index-box1 .swiper-slide .item:first-child {
            width: 50.5%;
        }

        .index-box1 .swiper-slide .item .txt {
            padding: 50px 42px 0 42px;
            padding-bottom: 110px;
        }

        .index-box1 .swiper-slide .item .btns .layui-btn {
            font-size: 16px;
            padding: 1em 3em;
        }

        .index-box1 .swiper-slide .item .txt h2 {
            font-size: 48px;
            font-weight: 400;
        }

        .index-box1 .swiper-slide .item .txt p {
            font-size: 18px;
        }

        .index-box1 .swiper-button-next, .index-box1 .swiper-button-prev {
            left: 57px;
            width:53px;
            height:53px;
            bottom:42px;
        }
        .index-box1 .swiper-button-prev{
            bottom:95px;
        }
}

/*index-box2*/
.index-box2{
    position:relative;
    overflow:hidden;
}
.index-box2 .index-tit{
    position:absolute;
    z-index:2;
    left:0;right:0;
}
.index-box2 .index-tit:after{
    background:rgba(201,201,201,.1);
}
    .index-box2 .index-tit h2{
        color:#fff;
    }
    .index-box2 .index-tit a.more{
        color:#fff;
    }
.index-box2 .item{
    position:relative;
}
.index-box2 .item .img{
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    overflow:hidden;
}
.index-box2 .item .img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .6s;
}
    .index-box2 .item .txt {
        width: 60%;
        margin: 0 auto;
        position: relative;
        color: #fff;
        padding: 40px 0 40px 0;
    }
    .index-box2 .item .txt h3{
        display:block;
        text-align:center;
        font-size:1.8rem;
        font-weight:bold;
        line-height:1;
        padding-bottom:15px;
        position:relative;
    }
        .index-box2 .item .txt h3:after{
            position:absolute;
            content:'';
            height:1px;
            background:rgba(255,255,255,.5);
            left:50%;
            width:1.5em;

            bottom:0;
            transform:translateX(-50%);
        }
        .index-box2 .item .txt p {
            line-height:2;
            margin-top:2em;
            text-align:justify;
        }
.index-box2 .col-xs-12:first-child .item .txt{
    padding-top:80px;
}
    .index-box2 .item:hover .img img{
        transform:scale(1.5);
    }
@media(min-width:768px){
    .index-box2 .row{
        margin:0;
        display:flex;
        justify-items:center;
        align-items:stretch;
    }
    .index-box2 .col-sm-4{
        padding:0;
    }
    .index-box2 .item{
        min-height:400px;
        height:100%;
    }
    .index-box2 .item .txt, .index-box2 .col-xs-12:first-child .item .txt {
        padding-top: 145px;
    }
    .index-box2 .item .txt h3{
        font-size:14px;
    }
    .index-box2 .item .txt p{
        font-size:12px;
        line-height:1.8;
        
    }
}
@media(min-width:992px) {
    .index-box2 .item {
        min-height: 517px;
        height: 100%;
    }

        .index-box2 .item .txt, .index-box2 .col-xs-12:first-child .item .txt {
            padding-top: 190px;
        }

            .index-box2 .item .txt h3 {
                font-size: 19px;
                font-weight:500;
            }

            .index-box2 .item .txt p {
                font-size: 12px;
                line-height: 1.8;
                margin-top:100px;
            }
}
@media(min-width:1200px) {
    .index-box2 .item {
        min-height: 625px;
        height: 100%;
    }

        .index-box2 .item .txt, .index-box2 .col-xs-12:first-child .item .txt {
            padding-top: 230px;
        }

            .index-box2 .item .txt h3 {
                font-size: 23px;
                font-weight: 500;
                padding-bottom: 30px;
            }

            .index-box2 .item .txt p {
                font-size: 12px;
                line-height: 2;
                width: 150px;
                margin: 0 auto;
                margin-top: 112px;
            }
}
@media(min-width:1900px) {
    .index-box2 .item {
        min-height: 1000px;
        height: 100%;
    }

        .index-box2 .item .txt, .index-box2 .col-xs-12:first-child .item .txt {
            padding-top: 367px;
        }

            .index-box2 .item .txt h3 {
                font-size: 36px;
                font-weight:500;
                padding-bottom:30px;
            }

            .index-box2 .item .txt p {
                font-size: 18px;
                line-height: 2;
                width: 222px;
                margin: 0 auto;
                margin-top: 180px;
            }
}

/*index-box3*/
.index-box3{

}

.index-box3-swiper{
    position:relative;
    padding:20px 0;
}
.index-box3-swiper .swiper-container{
    height:240px;
}
.index-box3-swiper>.container{
    height:40px;
    margin-top:20px;
    position:relative;
}
    .index-box3-swiper .swiper-button-next, .index-box3-swiper .swiper-button-prev{
        bottom: 0;
        border: 1px solid rgba(201,201,201,1);
        left:15px;
    }
        .index-box3-swiper .swiper-button-next:hover, .index-box3-swiper .swiper-button-prev:hover {
            border-color:#0061e3;
        }
    .index-box3-swiper .swiper-button-next {
        
        border-right: .5px solid rgba(201,201,201,1);
    }
    .index-box3-swiper .swiper-button-next {
        left: 54px;
        border-left: .5px solid rgba(201,201,201,1);
    }
    .index-box3-swiper .swiper-slide {
        width: 100%;
    }
    .index-box3-swiper .item{
        position:absolute;
        height:100%;
        width:100%;
    }
    .index-box3-swiper .item .img {
        height:100%;
        overflow:hidden;
        padding-right: 50%;
    }
    .index-box3-swiper .item .img img {
        width:100%;
        height:100%;
        object-fit:cover;
        transition:all .6s;
    }
        .index-box3-swiper .item .txt {
            position: absolute;
            width: 50%;
            height: 100%;
            z-index: 2;
            right: 0;
            top: 0;
            background: rgba(248,248,248,1);
            text-align:center;
            padding:15px;
            padding-top:60px;
        }
            .index-box3-swiper .item .txt h2 {
                font-size: 2rem;
                display: block;
                padding-bottom: 1.2em;
                line-height: 1;
                color: rgba(32,40,49,1);
            }
            .index-box3-swiper .item .txt p {
                font-size: 1rem;
                color: rgba(32,40,49,.8);
                line-height: 2;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                word-break: break-all;
            }
    .index-box3-swiper .item .txt a{
        font-size:1rem;
        padding:.8em 2em;
        height:auto;line-height:1;
        position:absolute;
        bottom:40px;
        left:50%;
        transform:translateX(-50%);
    }
    .index-box3-swiper .item:hover .img img{
       /* transform:scale(1.5);*/
    }
        .index-box3-swiper .item .txt:hover a {
            transform: translate(-50%,-50%);
        }
.index-box3 .swiper-page-info {
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:200px;
    text-align:center;
}
    .index-box3 .swiper-page-info:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background: rgba(137,148,157,.3)
    }
.index-box3 .swiper-page-info>div {
    position:relative;
    z-index:2;
    background:#fff;
    display:inline-block;
    padding:0 .5em;
    font-size:1rem;
    
}
.index-box3 .swiper-page-info {
}
    .index-box3 .swiper-page-info span#index-box3-swiper-count:last-child:before {
        content: '/';
        margin-right: 5px;
    }
.index-box3 .swiper-page-info {
}
.index-box3 .swiper-pagination{
    width:16px;
    position:relative;
    top:0;
    left:0;
}
#index-box3-swiper-curr{
    float:left;
}
#index-box3-swiper-count{
    margin-left:5px;
}
#index-box3-swiper-curr, #index-box3-swiper-count {
    width: 15px;
    height: 15px;
    display: inline-block;
}
.index-box3 .swiper-pagination-bullet {
    position: absolute;
    opacity: 0;
    background: none;
    width: auto;
    height: auto;
}
.index-box3 .swiper-pagination-bullet-active{
    opacity:1;
}

@media(min-width:768px) {
    .index-box3-swiper {
        padding: 22px 0;
    }
        .index-box3-swiper .swiper-container {
            height: 256px;
        }
        .index-box3-swiper .item .txt h2{
            font-size:16px;
        }
        .index-box3-swiper .item .txt p {
           font-size:12px;
        }
}

@media(min-width:992px) {
    .index-box3-swiper {
        padding: 28px 0;
    }
        .index-box3-swiper .swiper-slide {
            width: 100%;
        }
        .index-box3-swiper .swiper-container {
            height: 330px;
        }
        .index-box3-swiper .item .img{
            padding-right: 412px;
        }
        .index-box3-swiper .item .txt{
            width:412px;
            padding:40px;
            padding-top:110px;
        }
        .index-box3-swiper .item .txt h2 {
            font-size: 20px;
        }

        .index-box3-swiper .item .txt p {
            font-size: 12px;
        }
}

@media(min-width:1200px) {
    .index-box3-swiper {
        padding: 34px 0;
    }

        .index-box3-swiper .swiper-slide {
            width: 100%;
        }

        .index-box3-swiper .swiper-container {
            height: 400px;
        }
        .index-box3-swiper .item .img{
            padding-right: 500px;
        }
        .index-box3-swiper .item .txt {
            width: 500px;
            padding: 40px;
            padding-top: 135px;
        }

            .index-box3-swiper .item .txt h2 {
                font-size: 25px;
            }

            .index-box3-swiper .item .txt p {
                font-size: 12px;
            }
}
@media(min-width:1400px) {
    .index-box3-swiper {
        padding: 39px 0;
    }



        .index-box3-swiper .swiper-container {
            height: 467px;
        }
        .index-box3-swiper .item .txt a {
            padding: 0 3em;
            font-size: 14px;
            height: 45px;
            width: 200px;
            letter-spacing: .5em;
            line-height: 45px;
            bottom: 100px;
        }
}

@media(min-width:1900px) {
    .index-box3-swiper {
        padding: 54px 0;
    }
        .index-box3-swiper .swiper-container {
            height: 640px;
        }
        .index-box3-swiper .item .img{
            padding-right: 800px;
        }
        .index-box3-swiper .item .txt {
            width: 800px;
            padding: 170px;
            padding-top: 220px;
        }

            .index-box3-swiper .item .txt h2 {
                font-size: 40px;
                font-weight:300;
            }

            .index-box3-swiper .item .txt p {
                font-size: 16px;
            }
            .index-box3-swiper .item .txt a {
                padding: 0 3em;
                font-size: 16px;
                height: 58px;
                width: 220px;
                letter-spacing: .5em;
                line-height: 58px;
                bottom:120px;
            }
        .index-box3-swiper > .container{
            height:53px;
            margin-top:33px;
        }
        .index-box3 .swiper-button-next, .index-box3 .swiper-button-prev {
            left: 15px;
            width: 53px;
            height: 53px;
            bottom: 0;
        }
    .index-box3 .swiper-button-next{
        left:68px;
    }
    .index-box3 .swiper-page-info > div{
        font-size:16px;
    }
    
}


/*index-box4*/
.index-box4 {
    background: rgba(248,248,248,1);
}
.index-box4>.container{
    padding-top:20px;
    padding-bottom:20px;
}
.index-box4 .row{}
.index-box4 .row .col-xs-12{padding-top:5px;padding-bottom:5px;}
.index-box4 .item{
    background:#fff;
    position:relative;
    transition:all .5s;
}
    .index-box4 .item .img {
        width: 100%;
        height: 200px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .index-box4 .item .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
       
      
    }
    .index-box4 .item .video {
        width: 100%;
        height: 200px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
.video-js{
    height:100%;
    width:100%;
}
.video-js .vjs-big-play-button {
    background: #0061e3;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-size: 24px;
    border: none;
    line-height: 40px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.index-box4 .item .txt {
 padding:20px;   
}
    .index-box4 .item .date{
        position:relative;

    }
        .index-box4 .item .date .day{
            font-size:32px;
            font-family:Impact;
            font-weight:bold;
            color:#0061e3;
        }
        .index-box4 .item .date .year{
            position:absolute;top:50%;
            left:45px;
            transform:translateY(-50%);
            font-size:.8rem;
            line-height:1;
            color:#888;
        }
            .index-box4 .item .date .year:after{
                content:'';
                height:2px;
                background:#0061e3;
                position:absolute;
                width:25px;
                right:-40px;
            }
            .index-box4 .item .tit {
                display:block;
                padding:1em 0;
            }
            .index-box4 .item .tit a{
                display:block;
                line-height:1.2;
                color:#1a1a1a;
                font-weight:bold;
                font-size:1.5rem;
            }
    .index-box4 .item .des{
        display:none;
    }
    .index-box4 .item .source{
        font-size:1rem;
        color:#888;
        
        position:relative;
        padding-left:20px;
    }
        .index-box4 .item .source:before {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e617";
            color:#0061e3;
            position:absolute;
            left:0;
            top:50%;
            transform:translateY(-50%);
        }
.index-box4 .item:hover {
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,.3);
}
    .index-box4 .item:hover .img img{
       
    }


@media(min-width:768px) {
.index-box4 .row{
    margin:0 -5px;
}
.index-box4 .col-sm-3{
    padding:0 5px;
}
.index-box4 .item .img,.index-box4 .item .video{
    height:120px;
}
    .index-box4 .item{
        padding-bottom:128px;
    }
        .index-box4 .item .txt {
            position: absolute;
            z-index: 3;
            
            left: 0;
            right: 0;
            top: 120px;
           
            
        }
        .index-box4 .item .img + .txt > .des {
            font-size: 12px;
            color: #888;
            background:url(/statics/zhang/images/icon/icon-yh.png) no-repeat 0 0;
            background-size:10%;
            padding-top:20px;
            line-height:1.6;
            display:none;
            margin-bottom:20px;
            margin-top:20px;
        }
        .index-box4 .item:hover .img + .txt {
            top: 0;
            height: 100%;
            background: url(/statics/zhang/images/index/bg1.jpg) no-repeat center bottom;
            background-size: cover;
            padding:20px;
        }
            .index-box4 .item:hover .img + .txt .date{
                display:none;
            }
            .index-box4 .item:hover .img + .txt .des {
                display: block;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                word-break: break-all;
            }
            .index-box4 .item:hover .img + .txt .source {
                bottom:50px;
            }
                .index-box4 .item .txt {
                    height: 128px;
                    padding: 10px 8px;
                }
    .index-box4 .item .date .year, .index-box4 .item .source {
        font-size: 12px;
    }
    .index-box4 .item .date .day{
        font-family:Bahnschrift;
        font-size:40px;
        line-height:1;
    }
    .index-box4 .item .tit {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        padding: 0;
        margin: 10px 0;
    }

    .index-box4 .item .tit  a{
        font-size:12px;
    }
    .index-box4 > .container{
        padding-top:34px;padding-bottom:36px;
    }
    .index-box4 .item .source{
        position:absolute;
        bottom:20px;
    }
    
}


@media(min-width:992px) {
    .index-box4 .row {
        margin: 0 -6.5px;
    }

    .index-box4 .col-sm-3 {
        padding: 0 6.5px;
    }
    .index-box4 .item .img, .index-box4 .item .video {
        height: 155px;
        padding-left: 1px;
    }

    .index-box4 .item {
        padding-bottom: 144px;
    }
        .index-box4 .item .txt {
            position: absolute;
            z-index: 3;
            left: 0;
            right: 0;
            top: 155px;
            padding: 20px 10px;
            height: 144px;
        }
        .index-box4 .item:hover .img + .txt .source {
            bottom: 80px;
        }
        .index-box4 .item .img + .txt > .des{
            line-height:2;
        }
        .index-box3{
            padding-bottom:20px;
        }
    .index-box4 > .container{
        padding-top:65px;
        padding-bottom:60px;
    }
}

@media(min-width:1200px) {
    .index-box4 .row {
        margin: 0 -8px;
    }

    .index-box4 .col-sm-3 {
        padding: 0 8px;
    }

    .index-box4 .item .img, .index-box4 .item .video {
        height: 188px;
    }

    .index-box4 .item {
        padding-bottom: 163px;
    }

        .index-box4 .item .txt {
            position: absolute;
            z-index: 3;
            left: 0;
            right: 0;
            top: 188px;
            padding: 25px 12px;
            height: 163px;
        }
        .index-box4 .item .date .day{
            font-size:40px;
        }
        .index-box4 .item .tit a{
            font-size:14px;
        }
        .index-box4 .item .img + .txt > .des {
            padding-top: 30px;
            background-size: 10%;
        }
    .index-box4 .item:hover .img+.txt .tit a{
       
    }
}

@media(min-width:1900px) {
    .index-box4 .row {
        margin: 0 -13px;
    }

    .index-box4 .col-sm-3 {
        padding: 0 13px;
    }

    .index-box4 .item .img, .index-box4 .item .video {
        height: 300px;
    }

    .index-box4 .item {
        padding-bottom: 260px;
    }

        .index-box4 .item .txt {
            position: absolute;
            z-index: 3;
            left: 0;
            right: 0;
            top: 300px;
            padding: 40px 20px;
            height: 260px;
        }
        .index-box4 .item .date .year {
            padding-left: 50px;
            font-size:14px;
        }
        .index-box4 .item .date .day {
            font-size: 80px;
        }

        .index-box4 .item .tit a {
            font-size: 18px;
            line-height:1.3;
        }
        .index-box4 .item .source{
            font-size:14px;
            bottom:45px;
        }
        .index-box4 .item:hover .img + .txt .source {
            bottom: 220px;
        }
        .index-box4 .item .img + .txt > .des {
            padding-top: 40px;
            background-size: auto;
            font-size:16px;
        }
        .index-box4 .item:hover{
            
        }
        .index-box4 .item:hover .img + .txt {
            padding: 65px 40px 0 40px;
        }
        .index-box4>.container{
            padding-top:160px;
            padding-bottom:164px;
        }
        .index-box3{
            padding-bottom:50px;
        }
}

/*index-box5*/

.index-box5 ul{
    padding:20px 0;
}
.index-box5 ul:after{
    content:'';
    display:block; clear:both;
}
    .index-box5 ul > li {
        width: 33.33%;
        float: left;
        border: 1px solid #e5e5e5;
        margin: 0 0 -1px -1px;
        background: #fff;
        transition: all .5s;
        position: relative;
    }
    .index-box5 ul > li > a {
        display: block;
        height: 80px;
        width: 100%;
        position: relative;      
        overflow: hidden;
    }
.index-box5 ul>li>a>img {
    width:100%;
    height:100%;
    object-fit:contain;
}
        .index-box5 ul > li:hover{
            transform:scale(1.1);
            box-shadow:0 0 15px 0 rgba(229,229,229,1);
            z-index:30;
        }
@media(min-width:768px) {
    .index-box5 ul > li > a{
        height:100px;
    }
    .index-box5{
        padding-bottom:20px;
    }
}

@media(min-width:992px) {
    .index-box5 ul > li{
        width:14.28%;
    }
        .index-box5 ul > li > a {
            height: 90px;
        }
}

@media(min-width:1200px) {
    .index-box5 ul > li > a {
        height: 120px;
    }
    .index-box5 ul {
        padding: 20px 0;
        padding-top: 30px;
    }

    .index-box5 {
        padding-bottom: 30px;
    }
}

@media(min-width:1900px) {
    .index-box5 ul > li > a {
        height: 160px;
    }
    .index-box5 ul {
        padding: 20px 0;
        padding-top:40px;
    }
    .index-box5 {
        padding-bottom: 50px;
    }
}

/*内页公共*/
.page-banner{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    height:265px;
    position:relative;
}
    .page-banner .txt {
        color:#fff;
        position:absolute;
        left:0;
        right:0;
        top:50%;
        transform:translateY(-50%);
        text-align: center;
        padding:0 20px;
    }
    .page-banner .txt h2{
        display:block;
        font-size:2.4rem;
        line-height:1;
    }
    .page-banner .txt p{
        display:block;
        color:rgba(255,255,255,.5);
        line-height:1.4;
        padding-top:1em;
        font-size:1rem;
    }
@media(min-width:300px) {
    .foot-icon li{
        margin-right:15px;
    }
}

@media(min-width:992px) {
    .page-banner{
        height:318px;
    }
        .page-banner .txt h2{
            font-size:28px;
            letter-spacing:.3em;
        }
        .page-banner .txt p{
            font-size:12px;
            padding-top:1.2em;
        }
}

@media(min-width:1200px) {
    .page-banner {
        height: 384px;
    }

        .page-banner .txt h2 {
            font-size:34px;
            letter-spacing: .3em;
        }

        .page-banner .txt p {
            font-size: 12px;
            padding-top: 1.2em;
        }
}
@media(min-width:1400px) {
    .page-banner {
        height: 448px;
    }

        .page-banner .txt h2 {
            font-size: 40px;
            letter-spacing: .3em;
        }

        .page-banner .txt p {
            font-size: 14px;
            padding-top: 1.2em;
        }
}

@media(min-width:1900px) {
    .page-banner {
        height: 615px;
    }

        .page-banner .txt h2 {
            font-size: 55px;
            letter-spacing: .3em;
        }

        .page-banner .txt p {
            font-size: 18px;
            padding-top: 1.2em;
        }
}

/*page-nav*/
.page-nav{
  z-index:33;
    position:relative;
    transition:all .4s;
}
    .page-nav .page-nav-left>h3{
        display:none;
    }
    .page-nav.page-nav-md {
       
    }
     .page-nav.page-nav-md .page-nav-left{
         float:none!important;
     }
        .page-nav.page-nav-md .page-nav-left>ul{
            display:none;
        }
        .page-nav.page-nav-md .page-nav-left>h3{
            display:block;
            text-align:center;
            padding:15px 0 0px 0;
            font-size:1.5rem;
            font-weight:bold;
        }
        .page-nav.page-nav-md .page-nav-right {
            float: none !important;
        }
     .page-nav.page-nav-md .page-nav-right .page-nav-right-md{
         text-align:center;
         float:none;
     }
     .page-nav.page-nav-md .page-nav-right .page-nav-right-md a{
         display:inline-block;
         float:none;
         margin:0 3px;
         font-size:1.2rem;
        
     }
    .page-nav.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: #fff;
        box-shadow:0 4px 15px 0 rgba(0,0,0,.02);
    }
.page-nav:after{
    position:absolute;
    content:"";
    bottom:0;
    left:0;
    right:0;
    height:1px;
    background:rgba(77,77,77,.1);
}
.page-nav .container {
    position:relative;
    height:100%;
}
.page-nav-left {
    float:left;
}
    .page-nav-left>ul{
        display:block;
        cursor:pointer;
    }
        .page-nav-left > ul+h3{
            display:none;
        }
        .page-nav-left > ul:after {
            content: '';
            display: block;
            clear: both;
        }
    .page-nav-left>ul>li{
        float:left;
        height:40px;
        line-height:40px;
        position:relative;
        font-size:1.2rem;
    }
        .page-nav-left > ul > li+li{margin-left:10px;}
        .page-nav-left > ul > li:first-child {
            padding-right: 20px;
        }
        .page-nav-left > ul > li:first-child:after {
            font-family: layui-icon !important;
            font-size: 14px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e61a";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        .page-nav-left > ul > li.last{
            color:#0061e3;
        }
            .page-nav-left > ul > li.last:before{
                content:'- ';
            }
            .page-nav-left > ul > li.active {
                color: #0061e3;
            }
.page-nav-left-box {
    display: none;
    position: absolute;
    top: 40px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.23);
    padding: 15px;
    min-width: 180px;
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,.23);
    z-index:22;
}
    .page-nav-left-box:before {
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid rgba(0,0,0,.23);
        border-right: 1px solid rgba(0,0,0,.23);
        content: '';
        background: #fff;
        top:-5px;
        transform:rotate(-45deg);
    }
.page-nav-left-box>ul{

}
.page-nav-left-box li.active>a{
    color:#0061e3;
}
.page-nav-left-box>ul>li>a{
        display: block;
    position: relative;
    color: #333;
    font-size: 1.5rem;
    padding: 0 0;
    line-height: 2;
}
.page-nav-left-box>ul>li>ul{
    display:block;
    padding-left:1em;
}
    .page-nav-left-box > ul > li > ul a{
        font-size:1.4rem;
        display:block;
        padding:.4em 0;
        color:#999;
    }
    .page-nav-left-box > ul > li > ul > li > ul {
        /* display: none; */
        padding-left: 1em;
    }

.page-nav-right{
    
    float:right;
    display:block;
    height:100%;
}
.page-nav-right-md{
    float:left;
    height:100%;
    
}
.page-nav-right-md a{
    display:block;
    float:left;
    height:100%;
    line-height:40px;
    position:relative;
    padding:0 4px;
    margin:0 10px;
}
.page-nav-right-md a.active:after{
    position:absolute;
    content:'';
    bottom:0;
    left:0;
    right:0;
    height:2px;
    background:#0061e3;
}


@media(min-width:768px) {
    .page-nav.page-nav-md .page-nav-left > h3{
        display:none;
    }
    .page-nav.page-nav-md .page-nav-left > ul{
        display:block;
    }
    .page-nav.page-nav-md .page-nav-left{
        float:left!important;
    }
    .page-nav.page-nav-md .page-nav-right{
        float:right!important;
    }
        .page-nav.page-nav-md .page-nav-right .page-nav-right-md{
            float:left;
        }
}

@media(min-width:992px) {
    .page-nav-left > ul > li {
        height: 48px;
        line-height: 48px;
    }
    .page-nav-right-md a, .page-nav.page-nav-md .page-nav-right .page-nav-right-md a {
        line-height: 48px;
        font-size: 14px;
        margin: 0 15px;
    }
    .page-nav-left > ul > li {
        font-size: 12px;
    }

        .page-nav-left > ul > li:first-child {
            font-size: 14px;
            margin-right: 10px;
        }

        .page-nav-left > ul > li + li {
            margin-left: 10px;
        }

    .page-nav-left-box {
        top: 45px;
        padding: 20px;
        min-width: 240px;
    }

        .page-nav-left-box > ul > li > a {
            font-size: 14px;
            padding: 2px 0;
        }

        .page-nav-left-box > ul > li > ul a {
            font-size: 12px;
        }
}

@media(min-width:1200px) {
    .page-nav-left > ul > li {
        height: 58px;
        line-height: 58px;
    }
    .page-nav-right-md a, .page-nav.page-nav-md .page-nav-right .page-nav-right-md a {
        line-height: 58px;
        font-size: 16px;
        margin: 0 20px;
    }
    .page-nav-left > ul > li {
        font-size: 16px;
    }

        .page-nav-left > ul > li:first-child {
            font-size: 18px;
            margin-right: 10px;
        }

        .page-nav-left > ul > li + li {
            margin-left: 10px;
        }

    .page-nav-left-box {
        top: 55px;
        padding: 23px;
        min-width: 240px;

    }

        .page-nav-left-box > ul > li > a {
            font-size: 16px;
            padding: 2px 0;
        }

        .page-nav-left-box > ul > li > ul a {
            font-size: 14px;
        }
}

@media(min-width:1900px) {
    .page-nav-left > ul > li{
        height:68px;
        line-height:68px;
    }
    .page-nav-right-md a, .page-nav.page-nav-md .page-nav-right .page-nav-right-md a {
        line-height: 68px;
        font-size: 18px;
        
    }
        .page-nav-left > ul > li{
            font-size:18px;
        }
        .page-nav-left > ul > li:first-child {
            font-size: 22px;
            margin-right:20px;
        }
            .page-nav-left > ul > li + li{
                margin-left:10px;
            }
    .page-nav-left-box{
        top:65px;
        padding:25px;
        min-width:240px;
       
    }
        .page-nav-left-box > ul > li > a{
            font-size:18px;
            padding:5px 0;
        }
        .page-nav-left-box > ul > li > ul a{
            font-size:16px;
        }
}


/*1h.psd*/

.page-1h-box1{
    text-align:center;
    padding:2em 0;
}
    .page-1h-box1>h2{
        font-size:1.8rem;
        font-weight:bold;
        display:block;
        line-height:1.4;
        padding-bottom:.2em;
    }
    .page-1h-box1 p{
        font-size:1rem;
    }

.page-1h-box2{
    padding-bottom:30px;
}
    .page-1h-box2:before, .page-1h-box2:after, .page-1h-box2 .item:after, .page-1h-box2 .item:before{
        display: block;
        clear: both;
        content: '';
    }
    .page-1h-box2 .item{
        margin:15px 0;
        position:relative;
    }
        .page-1h-box2 .item .txt{
            position:absolute;
            left:0;
            top:50%;
            transform:translateY(-50%);
            right:50%;
            padding-left:0;
            padding-right:20px;
        }
        .page-1h-box2 .item .txt h3{
            display:block;
            font-size:1.6rem;
            line-height:1;
            padding:.5em 0;
            color:#000;
        }
            .page-1h-box2 .item .txt h4 {
                font-size: 1rem;
                color: #000;
            }
            .page-1h-box2 .item .txt p {
                font-size: .8rem;
                display:block;
                margin-top:1em;
                line-height:1.6;
                color: #666;
            }
        .page-1h-box2 .item .img{
            float:right;
            width:50%;
            overflow:hidden;

        }
            .page-1h-box2 .item .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all .6s;
            }
        .page-1h-box2 .item:nth-child(even) .img{
            float:none;

        }
        .page-1h-box2 .item:nth-child(even) .txt{
            right:0;
            left:50%;
            padding-left:20px;
            padding-right:0;
        }
@media(min-width:768px) {
    .page-1h-box1{
        padding:35px 0;

    }
    .page-1h-box1 > h2 {
        font-size: 19px;
        font-weight: 500;
        padding-bottom: 0;
    }
    .page-1h-box1 p{
        font-size:12px;
        font-weight:400;
        width:450px;
        margin:0 auto;
        margin-top:1em;
        line-height:2;
    }
    .page-1h-box2 .item .txt h3{
        font-weight:bold;
        font-size:16px;
    }
    .page-1h-box2 .item .txt h4 {
        font-weight: bold;
        font-size: 14px;
    }
    .page-1h-box2 .item .txt p{
        line-height:2;
        font-size: 12px;
    }
    .page-1h-box2 .item:nth-child(even) .txt{
        padding-left:37px;
    }
}

@media(min-width:992px) {
    .page-1h-box1 {
        padding: 48px 0;
        padding-bottom:30px;
    }
        .page-1h-box2{
            padding-bottom:42px;
        }
        .page-1h-box1 > h2 {
            font-size: 25px;
            font-weight: 500;
            color: #000;
            padding-bottom: 0;
        }

        

    .page-1h-box2 .item .txt h3 {
        font-weight: bold;
        font-size: 21px;
    }

    .page-1h-box2 .item .txt h4 {
        font-weight: bold;
        font-size: 14px;
    }

    .page-1h-box2 .item .txt p {
        line-height: 2;
    }
    .page-1h-box2 .item .txt{
        padding-right:27px;
    }
    .page-1h-box2 .item:nth-child(even) .txt {
        padding-left: 48px;
    }
}

@media(min-width:1200px) {
    .page-1h-box1 {
        padding: 58px 0;
        padding-bottom: 40px;
    }

    .page-1h-box2 {
        padding-bottom: 52px;
    }

    .page-1h-box1 > h2 {
        font-size: 30px;
    }
    .page-1h-box2 .item .txt h3 {
        font-weight: bold;
        font-size: 25px;
    }

    .page-1h-box2 .item .txt h4 {
        font-weight: 500;
        font-size: 15px;
    }

    .page-1h-box2 .item .txt p {
        line-height: 2;
    }

    .page-1h-box2 .item .txt {
        padding-right: 33px;
    }

    .page-1h-box2 .item:nth-child(even) .txt {
        padding-left: 58px;
    }
    .page-1h-box2 .item{
        margin:20px 0;
    }
}

@media(min-width:1900px) {
    .page-1h-box1 {
        padding: 92px 0;
        padding-bottom: 60px;
    }

    .page-1h-box2 {
        padding-bottom: 100px;
    }

    .page-1h-box1 > h2 {
        font-size: 48px;
    }
    .page-1h-box1 p {
        font-size: 18px;
        width: 1130px;
    }
    .page-1h-box2 .item .txt h3 {
        font-weight: bold;
        font-size: 40px;
    }

    .page-1h-box2 .item .txt h4 {
        font-weight: 500;
        font-size: 24px;
    }

    .page-1h-box2 .item .txt p {
        line-height: 2;
        font-size:18px;
       
    }

    .page-1h-box2 .item .txt {
        padding-right: 53px;
    }

    .page-1h-box2 .item:nth-child(even) .txt {
        padding-left: 92px;
    }

    .page-1h-box2 .item {
        margin: 30px 0;
    }
  
}

.body{
    font-size:1rem;
    text-align:justify;
    line-height:1.8;
}
.body p+p{
    margin-top:1.5em;
}
.body:before,.body:after{
    content:'';display:block;clear:both;
}
.body img{
    object-fit:contain;
    max-width:100%;
}


/*inference.psd*/
.page-inference-box1{
    padding-top:40px;
}
.page-inference-box1>.container>.tit{
    text-align:center;
    padding-bottom:20px;
}
    .page-inference-box1 > .container > .tit h2{
        font-size:1.6rem;
        font-weight:bold;color:#000;
        position:relative;
        display:inline-block;
        line-height:1;
        padding-bottom:.5em;

    }
    .page-inference-box1 > .container > .tit h2:after{
        position:absolute;
        bottom:0;
        left:50%;
        transform:translateX(-50%);
        height:2px;
        background:#0061e3;
        content:'';
        width:1.5em;
    }
    .page-inference-box1-bg{
        background:url(/statics/zhang/images/cp/bg1.jpg) no-repeat center center;
        background-size:cover;
    }
.page-inference-box1 .body{
    padding:30px 0;
    color:rgba(255,255,255,.8);
    text-align:center;
    font-size:1.2rem;
    line-height:1.8;
}


.page-inference-box2 {
    background: rgba(248,248,248,1);
   
}
    .page-inference-box2 > .container{
        padding-bottom:20px;
    }
    .page-inference-box2 > .container > .tit {
        padding-top: 40px;
        padding-bottom: 20px;
        text-align: center;
    }
        .page-inference-box2 > .container > .tit h2{
            font-size:2rem;
            display:block;
            font-weight:bold;
            color:#000;
        }
        .page-inference-box2 > .container > .tit p{
            font-size:1rem;
            display:block;
            margin-top:1em;
            line-height:1.8;
        }
.page-inference-box2-li{
    padding-bottom:20px;
}
    .page-inference-box2-li .row{}
    .page-inference-box2-li .col-xs-12{
        padding:5px 15px;
    }
    .page-inference-box2-li .item {
        background: #fff;
        padding: 20px;
        transition: all .4s;
    }
    .page-inference-box2-li .item .img {
        height:80px;
        text-align: center;
    }
        .page-inference-box2-li .item .img img {
           
            height: 100%;
            object-fit: contain;
            transition: all .6s;
        }
    .page-inference-box2-li .item .txt{
        padding-top:10px;
        padding-bottom:20px;
        font-size:1.2rem;
        text-align:justify;
    }
    .page-inference-box2-li .item .txt p{
    }
    .page-inference-box2-li .item:hover{
        transform:translateY(-10px);
        box-shadow:5px 5px 15px 0 rgba(0,0,0,.23);
    }
.page-inference-box-ad {
    background: url(/statics/zhang/images/cp/bg2.jpg) no-repeat center center;
    background-size: cover;
    border: 1px solid #dcdcdc;
    min-height:130px;
    position:relative;
}
.page-inference-box-ad>p{
    color:#0061e3;
    font-weight:bold;text-align:center;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;right:0;
    padding:0 20px;
}
.page-inference-box3{
    padding-bottom:20px;
}
.page-inference-box3 > .container > .tit {
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}
    .page-inference-box3 > .container > .tit>h2{
        font-size:2rem;
        color:#000;
        display:block;
        font-weight:bold;
    }
    .page-inference-box3 > .container > .tit>h3{
        font-size:1.6rem;
        font-weight:bold;
        display:block;
        margin-top:.5em;
    }
    .page-inference-box3 > .container > .tit>p{
        margin-top:1em;
        font-size:1rem;
        color:#666;
    }

.page-inference-box4 {
    background: rgba(248,248,248,1);
    padding:20px 0;
}
    .page-inference-box4 .row{}
    .page-inference-box4 .col-xs-12{
        padding-top:5px;
        padding-bottom:5px;
    }
    .page-inference-box4 .item{
        background:#fff;
        padding:25px 15px;
        transition:all .5s;
    }
        .page-inference-box4 .item .tit{
            font-size:1.6rem;
            font-weight:bold;
            color:#000;
            
        }
        .page-inference-box4 .item .txt {
            font-size: 1.2rem;
            padding-top: 10px;
            line-height: 1.8;
            color: rgba(75,84,89,1);
        }
        .page-inference-box4 .item:hover{
            transform:translateY(-5px);
        }
.page-inference-box5{
    padding-bottom:50px;
}
    .page-inference-box5>.container>.tit{
        padding-top:40px;
        padding-bottom:20px;
        text-align:center;
    }
        .page-inference-box5 > .container > .tit > h2 {
            font-size: 2rem;
            color: #000;
            display: block;
            font-weight: bold;
        }
    .page-inference-box5 .row{}
    .page-inference-box5 .col-xs-12{
        padding-top:5px;
        padding-bottom:5px;
    }
    .page-inference-box5 .item {
        border: 1px solid rgba(0,0,0,.03);
        box-shadow: 0px 3px 29px 0px rgba(220,220,220,0.27);
        transition: all .5s;
        padding: 20px;
    }
        .page-inference-box5 .item:hover{
            transform:translateY(-5px);
        }
        .page-inference-box5 .item .img {
            text-align: center;
            height: 20px;
        }
        .page-inference-box5 .item .img img {
            
            height: 100%;
            object-fit: contain;
            transition: all .6s;
        }
    .page-inference-box5 .item .txt{
        position:relative;
        padding-top:30px;
        font-size:1.2rem;
        line-height:1.8;
        text-align:justify;
    }
        .page-inference-box5 .item .txt:before{
            position:absolute;
            top:15px;
            width:3em;
            height:2px;
            left:50%;
            transform:translateX(-50%);
            content:'';
            background:rgba(0,0,0,.23);
        }
@media(min-width:768px) {
    .page-inference-box1 > .container > .tit h2{
        font-size:16px;
        padding-bottom:10px;
    }
        .page-inference-box1 > .container > .tit h2:after{

        }
    .page-inference-box1 .body{
        font-size:12px;
        width:80%;
        margin:0 auto;
        line-height:2;
        padding-top:40px;
        padding-bottom:40px;
    }
    .page-inference-box2 > .container > .tit h2{
        font-size:18px;
    }
    .page-inference-box2 > .container > .tit p{
        font-size:12px;
    }
    .page-inference-box2-li .row{
        display:flex;
        align-items:stretch;
    }
    .page-inference-box2-li .col-sm-4 {
        padding: 5px;
    }
    .page-inference-box2-li .item{
        height:100%;
    }
        .page-inference-box2-li .item .txt{
            padding-top:20px;
            line-height:1.8;
        }
    .page-inference-box4 .row, .page-inference-box5 .row {
        display: flex;
        align-items: stretch;
    }
    .page-inference-box4 .item, .page-inference-box5 .item {
        height: 100%;
    }
        .page-inference-box4 .item .tit{
            height:3em;
        }
        .page-inference-box5 .item:hover {
            box-shadow: 0px 3px 29px 0px rgba(220,220,220,0.97);
        }
    .page-inference-box4 .row, .page-inference-box5 .row {
        margin: 0 -5px;
    }

    .page-inference-box4 .col-sm-4, .page-inference-box5 .col-sm-6 {
        padding: 0 5px;
    }
    .page-inference-box3 > .container > .tit>p{
        font-size: 12px;
    }
}

@media(min-width:992px) {
    .page-inference-box1 > .container > .tit h2, .page-inference-box2 > .container > .tit h2, .page-inference-box3 > .container > .tit h2, .page-inference-box4 > .container > .tit h2, .page-inference-box5 > .container > .tit h2 {
        font-size: 22px;
        font-weight: 400;
    }
    
}

@media(min-width:1200px) {
    .page-inference-box1 > .container > .tit h2, .page-inference-box2 > .container > .tit h2, .page-inference-box3 > .container > .tit h2, .page-inference-box4 > .container > .tit h2, .page-inference-box5 > .container > .tit h2 {
        font-size: 25px;
        font-weight: 500;
    }

    .page-inference-box1 {
        padding-top: 50px;
    }

        .page-inference-box1 > .container > .tit {
            padding-bottom: 30px;
        }

            .page-inference-box1 > .container > .tit h2 {
                padding-bottom: 25px;
            }

                .page-inference-box1 > .container > .tit h2:after {
                    height: 3px;
                }

        .page-inference-box1 .body {
            width: 1075px;
            padding: 60px 0;
            font-size: 14px;
            line-height: 2;
        }

    .page-inference-box2 > .container > .tit, .page-inference-box3 > .container > .tit, .page-inference-box4 > .container > .tit, .page-inference-box5 > .container > .tit {
        padding-top: 50px;
        padding-bottom: 30px;
    }

        .page-inference-box2 > .container > .tit p {
            font-size: 14px;
            width: 830px;
            margin: 0 auto;
            margin-top: 15px;
        }

    .page-inference-box2-li .item {
        padding: 25px 26px;
    }

        .page-inference-box2-li .item .img {
            height: 120px;
        }

        .page-inference-box2-li .item .txt {
            padding-top: 30px;
            font-size: 14px;
            font-weight: 400;
        }

    .page-inference-box2-li {
        padding-bottom:30px;
    }

        .page-inference-box2-li .row {
            margin: -5px;
        }

    .page-inference-box-ad {
        min-height: 125px;
        font-size: 14px;
    }

        .page-inference-box-ad > p {
            width: 705px;
            margin: 0 auto;
            line-height: 2;
        }

    .page-inference-box2 > .container {
        padding-bottom: 30px;
    }

    .page-inference-box3 > .container > .tit > h3 {
        font-size: 16px;
        font-weight: bold;
    }

    .page-inference-box3 > .container > .tit > p {
        font-size: 14px;
        line-height: 1;
    }

    .page-inference-box3 {
        padding-bottom: 30px;
    }

    .page-inference-box4 {
        padding: 30px 0;
    }

        .page-inference-box4 .row {
            margin: 0 -5px;
        }

        .page-inference-box4 .col-sm-4 {
            padding: 0 5px;
        }

        .page-inference-box4 .item {
            padding: 30px;
        }

            .page-inference-box4 .item .tit {
                font-size: 22px;
                font-weight:400;
                height: auto;
                max-height: 3em;
            }

            .page-inference-box4 .item .txt {
                font-size: 14px;
                padding-top: 15px;
            }

    .page-inference-box5 {
        padding-bottom: 68px;
    }

        .page-inference-box5 .row {
            margin: 0 -5px;
        }

        .page-inference-box5 .col-sm-6 {
            padding: 0 5px;
        }

        .page-inference-box5 .item {
            padding: 40px 30px 40px 30px;
        }

            .page-inference-box5 .item .txt {
                font-size: 14px;
                padding-top: 40px;
            }

                .page-inference-box5 .item .txt:before {
                    top: 20px;
                }
}

@media(min-width:1900px) {
    .page-inference-box1 > .container > .tit h2, .page-inference-box2 > .container > .tit h2, .page-inference-box3 > .container > .tit h2, .page-inference-box4 > .container > .tit h2, .page-inference-box5 > .container > .tit h2 {
        font-size: 45px;
        font-weight: 500;
    }
    .page-inference-box1{
        padding-top:90px;
    }
        .page-inference-box1 > .container > .tit{
            padding-bottom:30px;
        }
        .page-inference-box1 > .container > .tit h2 {
            padding-bottom: 30px;
        }
        .page-inference-box1 > .container > .tit h2:after {
            height: 4px;
        }
        .page-inference-box1 .body {
            width: 1075px;
            padding: 100px 0;
            font-size: 18px;
            line-height:30px;
        }
    .page-inference-box2 > .container > .tit, .page-inference-box3 > .container > .tit, .page-inference-box4 > .container > .tit, .page-inference-box5 > .container > .tit{
        padding-top:90px;
        padding-bottom:40px;
    }
        .page-inference-box2 > .container > .tit p{
            font-size:18px;
           
            width:830px;
            margin:0 auto;
            margin-top:20px;
        }
    .page-inference-box2-li .item{
        padding:30px 33px;
    }
    .page-inference-box2-li .item .img {
        height: 162px;
    }
        .page-inference-box2-li .item .txt{
            padding-top:40px;
            font-size:18px;
            font-weight:400;
        }
    .page-inference-box2-li{
        padding-bottom:50px;
    }
        .page-inference-box2-li .row{
            margin:-5px;
        }
    .page-inference-box-ad{
        min-height:165px;
        font-size:18px;
    }
    .page-inference-box-ad>p{
        width:765px;
        margin:0 auto;
        line-height:2;
    }
    .page-inference-box2 > .container{
        padding-bottom:50px;
    }
    .page-inference-box3 > .container > .tit > h3{
        font-size:24px;
        font-weight:500;
    }
    .page-inference-box3 > .container > .tit > p{
        font-size:18px;
        line-height:1;
    }
    .page-inference-box3{
        padding-bottom:50px;
    }
    .page-inference-box4{
        padding:50px 0;
    }
        .page-inference-box4 .row{
            margin:0 -5px;
        }
        .page-inference-box4 .col-sm-4 {
            padding: 0 5px;
        }
        .page-inference-box4 .item{
            padding:50px;
        }
            .page-inference-box4 .item .tit{
                font-size:28px;
                height:auto;
                max-height:3em;
            }
            .page-inference-box4 .item .txt{
                font-size:16px;
                padding-top:20px;
            }
    .page-inference-box5{
        padding-bottom:138px;
    }
        .page-inference-box5 .row{
            margin:0 -5px;
        }
        .page-inference-box5 .col-sm-6{
            padding:0 5px;
        }
        .page-inference-box5 .item{
            padding:50px 50px 60px 50px;
        }
            .page-inference-box5 .item .txt{
                font-size:18px;
                padding-top:60px;
            }
            .page-inference-box5 .item .txt:before{
                top:30px;
            }
}




/*cp-p2.css*/
.page-cp-p2-box1 {
    padding: 20px 0;
}

    .page-cp-p2-box1 .item {
    }

        .page-cp-p2-box1 .item:before, .page-cp-p2-box1 .item:after {
            display: block;
            content: '';
            clear: both;
        }

        .page-cp-p2-box1 .item .img {
            width: 100%;
            height: 140px;
            overflow: hidden;
        }

            .page-cp-p2-box1 .item .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .page-cp-p2-box1 .item .txt {
            border: 1px solid rgba(179,178,178,.2);
            padding: 15px;
        }

            .page-cp-p2-box1 .item .txt .tit {
            }

                .page-cp-p2-box1 .item .txt .tit h2 {
                    display: block;
                    position: relative;
                    color: #0055C7;
                    padding-bottom: 1em;
                    font-size: 1.8rem;
                    font-weight: bold;
                }
                    .page-cp-p2-box1 .item .txt .tit h2>small{
                        color:#0061e3;
                        display:block;
                        padding-top:.4em;
                    }

                    .page-cp-p2-box1 .item .txt .tit h2:after {
                        position: absolute;
                        content: '';
                        bottom: 0;
                        left: 0;
                        width: 1.3em;
                        height: 2px;
                        background: #0055C7;
                    }

            .page-cp-p2-box1 .item .txt .body {
                padding-top: 20px;
                line-height: 1.8;
                font-size: 1.2rem;
            }

.page-cp-p2-box2, .page-cp-p2-box3s {
    background: rgba(248,248,248,1);
    padding: 15px 0;
}

    .page-cp-p2-box2 .row {
    }

    .page-cp-p2-box2 .col-xs-12 {
        padding: 7.5px 15px;
    }

    .page-cp-p2-box2 .item {
        background: #fff;
        box-shadow: 0px 5px 42px 0px rgba(224,224,224,0.26);
        padding: 15px;
        text-align: center;
        transition: all .5s;
    }

        .page-cp-p2-box2 .item .tit {
            font-size: 1.5rem;
            color: #000;
            padding-bottom: 15px;
        }

        .page-cp-p2-box2 .item .img {
            height: 160px;
            overflow: hidden;
        }

            .page-cp-p2-box2 .item .img img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

        .page-cp-p2-box2 .item:hover {
            box-shadow: 0px 5px 42px 0px rgba(224,224,224,1);
        }

.page-cp-p2-box3 {
    padding: 20px 0;
}

    .page-cp-p2-box3 .tit {
        text-align: center;
        font-size: 1rem;
        line-height: 1.5;
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .page-cp-p2-box3 .tit h2 {
            font-size: 1.8rem;
            font-weight: bold;
            display: block;
            padding-bottom: 10px;
        }

    .page-cp-p2-box3 .tit {
    }

    .page-cp-p2-box3 ul {
    }

        .page-cp-p2-box3 ul:before, .page-cp-p2-box3 ul:after {
            content: '';
            display: block;
            clear: both;
        }

        .page-cp-p2-box3 ul > li {
            width: 33.33%;
            float: left;
            border: 1px solid #e5e5e5;
            margin: 0 0 -1px -1px;
            background: #fff;
            transition: all .5s;
            position: relative;
        }

            .page-cp-p2-box3 ul > li > a {
                display: block;
                height: 80px;
                width: 100%;
                position: relative;
                overflow: hidden;
                
            }

                .page-cp-p2-box3 ul > li > a > img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }

            .page-cp-p2-box3 ul > li:hover {
                transform: scale(1.1);
                box-shadow: 0 0 15px 0 rgba(229,229,229,1);
                z-index: 30;
            }

    .page-cp-p2-box3 .row {
        margin: 0 -4px;
    }

    .page-cp-p2-box3 .col-xs-6 {
        padding: 8px 4px;
    }

    .page-cp-p2-box3 .item {
        position: relative;
        background: #fff;
        height: 160px;
    }

        .page-cp-p2-box3 .item:before {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: 3px;
            background: #0055C7;
            content: '';
        }

        .page-cp-p2-box3 .item a {
            display: block;
        }

        .page-cp-p2-box3 .item .tit {
            font-size: 1.4rem;
            font-weight: bold;
        }

        .page-cp-p2-box3 .item .img {
            height: 100px;
            margin: 0 10px;
            text-align: center;
        }

            .page-cp-p2-box3 .item .img img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

.page-cp-p2-box3s .tit {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-cp-p2-box3 .item:hover:before {
    background: #0055C7;
}


.page-cp-p2-box4 {
    background: url(/statics/zhang/images/cp/bg3.jpg) no-repeat center center;
    background-size: cover;
    padding: 30px 0;
    font-size: 1rem;
    color: rgba(255,255,255,.7);
    line-height: 1.5;
    text-align: justify;
}

@media(min-width:768px) {
    .page-cp-p2-box1 .item {
        position: relative;
        border: 1px solid rgba(179,178,178,.2);
        transition: all .5s;
    }

        .page-cp-p2-box1 .item .img {
            width: 50%;
            height: 300px;
            margin: -1px;
        }

        .page-cp-p2-box1 .item .txt {
            position: absolute;
            right: 0;
            width: 50%;
            top: 50%;
            transform: translateY(-50%);
            padding: 0;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            line-height: 2;
        }

            .page-cp-p2-box1 .item .txt .body {
                line-height: 2;
            }

        .page-cp-p2-box1 .item:hover {
        }

    .page-cp-p2-box1, .page-cp-p2-box2, .page-cp-p2-box3, .page-cp-p2-box4 {
        padding: 25px 0;
    }

        .page-cp-p2-box2 .row {
            margin: 0 -4px;
        }

        .page-cp-p2-box2 .col-sm-6 {
            padding: 0 4px;
        }

        .page-cp-p2-box2 .item {
            height: 240px;
        }

            .page-cp-p2-box2 .item .tit {
                height: 3em;
            }

        .page-cp-p2-box3 ul > li {
            width: 25%;
        }
        .page-cp-p2-box3 .tit{
            font-size: 12px;
        }
}

@media(min-width:992px) {
    .page-cp-p2-box1, .page-cp-p2-box2, .page-cp-p2-box3, .page-cp-p2-box4 {
        padding: 35px 0;
    }

        .page-cp-p2-box1 .item .img {
            height: 330px;
        }

        .page-cp-p2-box1 .item .txt {
            padding: 0 30px;
        }

            .page-cp-p2-box1 .item .txt .tit h2 {
                font-size: 24px;
                font-weight: 500;
            }

                .page-cp-p2-box1 .item .txt .tit h2:after {
                    height: 3px;
                }
                .page-cp-p2-box1 .item .txt .tit h2 > small{
                    font-size:12px;
                    padding-top:.5em;
                }

                .page-cp-p2-box3 ul > li > a {
                    height: 100px;
                    
                }

        .page-cp-p2-box2 .item {
            height: 300px;
        }

            .page-cp-p2-box2 .item .img {
                height: 200px;
            }

            .page-cp-p2-box2 .item .tit {
                font-size: 16px;
                padding-top: 10px;
            }

        .page-cp-p2-box3 .tit h2 {
            font-size: 22px;
            font-weight: 500;
        }

        .page-cp-p2-box3 .tit {
            padding-bottom: 30px;
        }
}

@media(min-width:1200px) {
    .page-cp-p2-box1, .page-cp-p2-box2, .page-cp-p2-box3, .page-cp-p2-box4 {
        padding: 40px 0;
    }

        .page-cp-p2-box1 .item .img {
            height: 380px;
        }

        .page-cp-p2-box1 .item .txt {
            padding: 0 40px;
        }

            .page-cp-p2-box1 .item .txt .tit h2 {
                font-size: 28px;
            }

                .page-cp-p2-box1 .item .txt .tit h2:after {
                    height: 3px;
                }
                .page-cp-p2-box1 .item .txt .tit h2 > small{
                    font-size:14px;
                }

                .page-cp-p2-box1 .item .txt .body {
                    font-size: 14px;
                    text-align: justify;
                }

                .page-cp-p2-box1 .item .txt .body p + p {
                    margin-top: .8em;
                }

        .page-cp-p2-box2 .item .img {
            height: 220px;
        }

        .page-cp-p2-box3 .tit {
            font-size: 14px;
            line-height: 1.8;
        }

            .page-cp-p2-box3 .tit h2 {
                font-size: 25px;
            }

        .page-cp-p2-box3 ul > li {
            width: 16.66%;
        }

            .page-cp-p2-box3 ul > li > a {
                height: 120px;
            }

        .page-cp-p2-box3 .item {
            height: 200px;
        }

            .page-cp-p2-box3 .item .tit {
                font-size: 16px;
                padding-top: 20px;
                padding-bottom: 15px;
            }

    .page-cp-p2-box4 {
        font-size: 14px;
        line-height: 1.8;
    }
}


@media(min-width:1900px) {
    .page-cp-p2-box1, .page-cp-p2-box2, .page-cp-p2-box3, .page-cp-p2-box4 {
        padding: 75px 0;
    }

        .page-cp-p2-box1 .item .img {
            height: 550px;
            width: 640px;
        }

        .page-cp-p2-box1 .item .txt {
            width: 760px;
            padding: 0 95px;
        }

            .page-cp-p2-box1 .item .txt .tit h2 {
                font-size: 40px;
            }

                .page-cp-p2-box1 .item .txt .tit h2:after {
                    height: 5px;
                }
                .page-cp-p2-box1 .item .txt .tit h2 > small{
                    font-size:20px;
                }
                .page-cp-p2-box1 .item .txt .body {
                    font-size: 18px;
                }

        .page-cp-p2-box2 .item {
            height: 514px;
        }

            .page-cp-p2-box2 .item .tit {
                font-size: 24px;
                padding-top: 35px;
            }

            .page-cp-p2-box2 .item .img {
                height: 400px;
                margin: 0 40px;
            }

        .page-cp-p2-box3 .tit h2 {
            font-size: 45px;
            padding-bottom: 20px;
        }

        .page-cp-p2-box3 .tit {
            font-size: 18px;
            padding-top: 0;
            padding-bottom: 40px;
        }

        .page-cp-p2-box3 ul > li > a {
            height: 160px;
        }

        .page-cp-p2-box3 .item {
            height: 250px;
            padding-top: 25px;
        }

            .page-cp-p2-box3 .item .tit {
                font-size: 30px;
                line-height: 1;
                height: 2em;
                padding: 0;
            }

            .page-cp-p2-box3 .item .img {
                height: 130px;
            }

            .page-cp-p2-box3 .item:before {
                height: 6px;
            }

    .page-cp-p2-box4 {
        font-size: 18px;
        line-height: 2;
    }
    .page-cp-p2-box3 .row{
        margin:0 -5px;
    }
    .page-cp-p2-box3 .col-xs-6 {
        padding: 10px 5px;
    }
}



/*cp-p1*/

.page-cp-p1-box1, .page-cp-p1-box2, .page-cp-p1-box3, .page-cp-p1-box4 {
    padding: 30px 0;
}

    .page-cp-p1-box1 > .container > .tit > h2, .page-cp-p1-box2 > .container > .tit > h2, .page-cp-p1-box3 > .container > .tit > h2, .page-cp-p1-box4 > .container > .tit > h2 {
        font-size: 1.6rem;
        font-weight: bold;
        color: #000;
        position: relative;
        display: inline-block;
        line-height: 1;
        padding-bottom: .8em;
    }

    .page-cp-p1-box1 > .container > .tit, .page-cp-p1-box2 > .container > .tit, .page-cp-p1-box3 > .container > .tit, .page-cp-p1-box4 > .container > .tit {
        text-align: center;
        padding-bottom: 20px;
    }

        .page-cp-p1-box1 > .container > .tit > h2 {
            color: #0061e3;
            text-transform: uppercase;
            line-height: 1.3;
        }

        .page-cp-p1-box1 > .container > .tit h2:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            height: 2px;
            background: #0061e3;
            content: '';
            width: 1.5em;
        }

    .page-cp-p1-box1 .body {
        font-size: 1.2rem;
        color: #666;
        line-height: 1.8;
        text-align: justify;
    }

    .page-cp-p1-box1 .lis {
        padding: 20px 0;
    }

        .page-cp-p1-box1 .lis .item {
        }

            .page-cp-p1-box1 .lis .item .img {
                height: 120px;
                overflow: hidden;
            }

                .page-cp-p1-box1 .lis .item .img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: all .6s;
                }

            .page-cp-p1-box1 .lis .item .txt {
                padding: 20px 0 30px 0;
            }

                .page-cp-p1-box1 .lis .item .txt .tit {
                }

                    .page-cp-p1-box1 .lis .item .txt .tit h3 {
                        font-weight: bold;
                        color: #000;
                        font-size: 1.6rem;
                        padding: 5px 0;
                    }

                    .page-cp-p1-box1 .lis .item .txt .tit h4 {
                        font-size: 1.2rem;
                        display: block;
                        padding: 5px 0;
                    }

                .page-cp-p1-box1 .lis .item .txt .body {
                    font-size: 1rem;
                    
                }

.page-cp-p1-box2 {
    background: rgba(53,66,85,1);
}

    .page-cp-p1-box2 > .container > .tit {
        color: #fff;
    }

        .page-cp-p1-box2 > .container > .tit > h2 {
            color: #fff;
        }

        .page-cp-p1-box2 > .container > .tit > p {
            font-size: 1rem;
            color: rgba(255,255,255,.8);
        }

.page-cp-p1-box4 {
    background: rgba(248,248,248,1);
}

.page-cp-box-ad {
    background: url(/statics/zhang/images/cp/bg2.jpg) no-repeat center center;
    background-size: cover;
    border: 1px solid #dcdcdc;
    min-height: 80px;
    position: relative;
}

    .page-cp-box-ad > a {
        color: #0061e3;
        font-weight: bold;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
        padding: 0 0;
        width: 100%;
    }
.page-cp-box-ad.page-cp-box-ad-link > a {
    color:#fff;
    width:auto;
}

        .page-cp-box-ad > a:before, .page-cp-box-ad > a:after {
            position: relative;
            content: '';
            width: 20px;
            height: 1px;
            background: #0061e3;
            display: inline-block;
            top: -5px;
            margin-top: -10px;
        }

.page-cp-p1-box4 > .container > .tit {
    padding-top: 40px;
    padding-bottom: 10px;
}

.page-cp-p1-box4 .row {
    margin: 0 -1px;
}

.page-cp-p1-box4 .col-xs-3 {
    padding: 0 1px;
}

.page-cp-p1-box4 .item {
    background: #fff;
    text-align: center;
    padding: 20px 0;
    transition: all .6s;
}

    .page-cp-p1-box4 .item .img-icon {
        overflow: hidden;
        height: 30px;
    }

        .page-cp-p1-box4 .item .img-icon img {
           
            height: 100%;
            object-fit: contain;
            transition: all .6s;
        }

    .page-cp-p1-box4 .item .txt {
        font-size: 1rem;
        padding-top: 15px;
    }

    .page-cp-p1-box4 .item:hover {
        transform: translateY(-5px);
    }

@media(min-width:768px) {
    .page-cp-p1-box1 .lis .item .img {
        height: 300px;
        float: left;
        width: 360px;
        overflow: hidden;
    }

    .page-cp-p1-box1 .lis .item .txt {
        margin-left: 400px;
        overflow: hidden;
    }

    .page-cp-p1-box1 .lis .item:nth-child(even) {
    }

        .page-cp-p1-box1 .lis .item:nth-child(even) .img {
            float: right;
        }

        .page-cp-p1-box1 .lis .item:nth-child(even) .txt {
            margin-left: 0;
            margin-right: 400px;
            text-align: right;
        }

    .page-cp-p1-box1 .lis .item .txt .tit {
        padding-bottom: 15px;
    }

        .page-cp-p1-box1 .lis .item .txt .tit h4 {
            font-size: 12px;
            font-weight: bold;
        }
        .page-cp-p1-box1 .lis .item .txt .body{
            font-size: 12px;
        }
    .page-cp-p1-box1 .lis .item .txt .body strong {
        color: #000;
        font-size: 12px;
    }

    .page-cp-p1-box4 .item {
        padding: 25px 0;
    }

        .page-cp-p1-box4 .item .txt {
            font-size: 12px;
        }

        .page-cp-p1-box4 .item .img-icon {
            height: 40px;
        }
}

@media(min-width:992px) {
    .page-cp-p1-box1 > .container > .tit > h2, .page-cp-p1-box2 > .container > .tit > h2, .page-cp-p1-box3 > .container > .tit > h2, .page-cp-p1-box4 > .container > .tit > h2 {
        font-size: 22px;
        font-weight: 400;
    }

    .page-cp-p1-box1, .page-cp-p1-box2, .page-cp-p1-box3, .page-cp-p1-box4 {
        padding: 40px 0;
    }

        .page-cp-p1-box1 .body {
            width: 600px;
            margin: 0 auto;
            text-align: justify;
        }

        .page-cp-p1-box1 .lis .item {
            position: relative;
        }

            .page-cp-p1-box1 .lis .item .body {
                width: auto;
            }

            .page-cp-p1-box1 .lis .item .img {
                height: 400px;
                width: 470px;
            }

            .page-cp-p1-box1 .lis .item .txt {
                margin-left: 520px;
            }

            .page-cp-p1-box1 .lis .item:after, .page-cp-p1-box1 .lis .item:before {
                display: block;
                clear: both;
                content: '';
                height: 10px;
            }

            .page-cp-p1-box1 .lis .item:nth-child(even) .txt {
                margin-right: 520px;
                text-align: right;
                position: absolute;
                top: 50%;
                left: 0;
                right: 0;
                transform: translateY(-50%);
            }

            .page-cp-p1-box1 .lis .item:nth-child(even) .body {
                text-align: right;
                width: auto;
            }

            .page-cp-p1-box1 .lis .item .txt .tit h3 {
                font-size: 22px;
                font-weight: 500;
            }

            .page-cp-p1-box1 .lis .item .txt .tit h4 {
                font-size: 14px;
            }

    .page-cp-box-ad {
        min-height: 120px;
    }

        .page-cp-box-ad a {
            font-size: 16px;
            font-weight: 400;
        }
        .page-cp-box-ad.page-cp-box-ad-link > a {
            font-size: 14px;
            letter-spacing: 0;
            height: 40px;
            line-height: 40px;
        }

    .page-cp-p1-box4 .row {
        margin: 0 -5px;
    }

    .page-cp-p1-box4 .col-xs-3 {
        padding: 0 5px;
    }
}

@media(min-width:1200px) {
    .page-cp-p1-box1, .page-cp-p1-box2, .page-cp-p1-box3, .page-cp-p1-box4 {
        padding: 60px 0;
    }

        .page-cp-p1-box1 > .container > .tit > h2, .page-cp-p1-box2 > .container > .tit > h2, .page-cp-p1-box3 > .container > .tit > h2, .page-cp-p1-box4 > .container > .tit > h2 {
            font-size: 24px;
        }

        .page-cp-p1-box1 > .container > .tit h2:after {
            height: 3px;
        }

        .page-cp-p1-box1 .body {
            width: 850px;
            font-size: 16px;
            margin-top: 10px;
        }

        .page-cp-p1-box1 .lis {
            padding: 15px 0;
        }

            .page-cp-p1-box1 .lis .item .img {
                width: 560px;
                height: 410px;
            }

            .page-cp-p1-box1 .lis .item .txt {
                margin-left: 560px;
                padding-left: 100px;
            }

            .page-cp-p1-box1 .lis .item:after, .page-cp-p1-box1 .lis .item:before {
                height: 15px;
            }

            .page-cp-p1-box1 .lis .item:nth-child(even) .txt {
                margin-right: 560px;
                padding-right: 100px;
                padding-left: 0;
            }

            .page-cp-p1-box1 .lis .item .txt .body {
                font-size: 14px;
                margin-top: 0;
            }

            .page-cp-p1-box1 .lis .item .txt .tit h3 {
                font-size: 24px;
            }

            .page-cp-p1-box1 .lis .item .txt .tit h4 {
                font-size: 16px;
                font-weight: 600;
                padding-top: 10px;
            }

    .page-cp-p1-box1 {
        padding-bottom: 30px;
    }

    .page-cp-p1-box2 > .container > .tit > p {
        width: 890px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.8;
    }

    .page-cp-p1-box2 > .container > .tit {
        padding-bottom: 30px;
    }

    .page-cp-box-ad {
        height: 124px;
    }

        .page-cp-box-ad > a {
            font-size: 18px;
        }
        .page-cp-box-ad.page-cp-box-ad-link > a
        {
            font-size:16px;
            height:58px;
            line-height:58px;
        }

        .page-cp-p1-box4 > .container > .tit {
            padding-top: 60px;
        }

    .page-cp-p1-box4 .item {
        padding: 30px;
    }

        .page-cp-p1-box4 .item .img-icon {
            height: 45px;
        }

        .page-cp-p1-box4 .item .txt {
            font-size: 16px;
            font-weight: bold;
            padding-top: 25px;
        }
}

@media(min-width:1900px) {
    .page-cp-p1-box1, .page-cp-p1-box2, .page-cp-p1-box3, .page-cp-p1-box4 {
        padding: 90px 0;
    }

        .page-cp-p1-box1 > .container > .tit > h2, .page-cp-p1-box2 > .container > .tit > h2, .page-cp-p1-box3 > .container > .tit > h2, .page-cp-p1-box4 > .container > .tit > h2 {
            font-size: 40px;
        }

        .page-cp-p1-box1 > .container > .tit h2:after {
            height: 4px;
        }

        .page-cp-p1-box1 .body {
            width: 1029px;
            font-size: 20px;
            margin-top: 20px;
        }

        .page-cp-p1-box1 .lis {
            padding: 30px 0;
        }

            .page-cp-p1-box1 .lis .item .img {
                width: 700px;
                height: 410px;
            }

            .page-cp-p1-box1 .lis .item .txt {
                margin-left: 700px;
                padding-left: 160px;
            }

            .page-cp-p1-box1 .lis .item:after, .page-cp-p1-box1 .lis .item:before {
                height: 25px;
            }

            .page-cp-p1-box1 .lis .item:nth-child(even) .txt {
                margin-right: 700px;
                padding-right: 140px;
                padding-left: 0;
            }

            .page-cp-p1-box1 .lis .item .txt .body {
                font-size: 16px;
                margin-top: 0;
            }

            .page-cp-p1-box1 .lis .item .txt .tit h3 {
                font-size: 40px;
            }

            .page-cp-p1-box1 .lis .item .txt .tit h4 {
                font-size: 18px;
                font-weight: 600;
                padding-top: 15px;
            }

    .page-cp-p1-box1 {
        padding-bottom: 40px;
    }

    .page-cp-p1-box2 > .container > .tit > p {
        width: 1028px;
        margin: 0 auto;
        font-size: 20px;
        line-height: 1.8;
    }

    .page-cp-p1-box2 > .container > .tit {
        padding-bottom: 40px;
    }

    .page-cp-box-ad {
        height: 164px;
    }

        .page-cp-box-ad > a {
            font-size: 24px;
        }
        .page-cp-box-ad.page-cp-box-ad-link > a{
            font-size:18px;
            width:220px;
        }

        .page-cp-p1-box4 > .container > .tit {
            padding-top: 90px;
        }

    .page-cp-p1-box4 .item {
        padding: 50px;
    }

        .page-cp-p1-box4 .item .img-icon {
            height: 52px;
        }

        .page-cp-p1-box4 .item .txt {
            font-size: 24px;
            font-weight: 500;
            padding-top: 35px;
        }
}


/*cp-p3*/

.page-cp-p3-box1, .page-cp-p3-box2, .page-cp-p3-box3, .page-cp-p3-box3s, .page-cp-p4-box1, .page-cp-p5-box1, .page-cp-box-tit {
    padding: 20px 0;
}

    .page-cp-p3-box1 .tit, .page-cp-p3-box2 .tit, .page-cp-p3-box3 .tit, .page-cp-p3-box3s .tit, .page-cp-p4-box1 .tit, .page-cp-p5-box1 .tit, .page-cp-box-tit .tit {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 15px;
        font-size: 1rem;
    }
        .page-cp-p3-box1 .tit p, .page-cp-p3-box2 .tit p, .page-cp-p3-box3 .tit p, .page-cp-p3-box3s .tit p, .page-cp-p4-box1 .tit p, .page-cp-p5-box1 .tit p, .page-cp-box-tit .tit p {
            margin-top: .4em;
        }


        .page-cp-p3-box1 .tit > h2, .page-cp-p3-box2 .tit > h2, .page-cp-p3-box3 .tit > h2, .page-cp-p3-box3s .tit > h2, .page-cp-p4-box1 .tit > h2, .page-cp-p5-box1 .tit > h2, .page-cp-box-tit .tit>h2 {
            display: block;
            font-size: 1.8rem;
            font-weight: bold;
            color: #000;
        }

        .page-cp-p3-box1, .page-cp-p3-box3, .page-cp-p3-box3s, .page-cp-p5-box1 {
            background: rgba(248,248,248,1);
        }
    .page-cp-p3-box3s + .page-cp-p4-box1 {
        background: rgba(248,248,248,1);
    }

    .page-cp-p3-box1 .row {
    }

    .page-cp-p3-box1 .col-xs-12 {
        padding: 5px 15px;
    }

    .page-cp-p3-box1 .item {
        background: #fff;
        padding: 20px;
        box-shadow: 0px 6px 50px 0px rgba(224,224,224,0.26);
        transition: all .5s;
    }

        .page-cp-p3-box1 .item:after {
            display: block;
            content: '';
            clear: both;
        }

        .page-cp-p3-box1 .item:hover {
            box-shadow: 0px 6px 50px 0px rgba(224,224,224,1);
        }

        .page-cp-p3-box1 .item .img {
            float: left;
            width: 50px;
        }
            .page-cp-p3-box1 .item .img img{
                width:100%;
                height:100%;
                object-fit:contain;
            }

            .page-cp-p3-box1 .item .txt {
                margin-left: 65px;
                font-size: 1rem;
            }

            .page-cp-p3-box1 .item .txt h3 {
                font-size: 1.5rem;
                display: block;
                color: #000;
                font-weight: bold;
                padding-bottom: .3em;
            }

.page-cp-p3-box2 {
}

    .page-cp-p3-box2 .body table {
        width: 100%;
        border-bottom: 2px solid rgba(53,66,85,1);
    }

        .page-cp-p3-box2 .body table thead tr {
            background: rgba(53,66,85,1);
            color: #fff;
        }

        .page-cp-p3-box2 .body table td, .page-cp-p3-box2 .body table th {
            padding: 6px 15px;
            font-size: 1rem;
        }

        .page-cp-p3-box2 .body table tr:nth-child(even) {
            background: rgba(250,250,250,1);
        }

        .page-cp-p3-box2 .body table tr + tr {
            border-top: 1px solid rgba(234,234,234,1);
        }

        .page-cp-p3-box2 .body table tbody tr:first-child {
            background: rgba(250,250,250,1);
            color: #000;
            font-weight: bold;
        }
            .page-cp-p3-box2 .body table.no-first tbody tr:first-child{
                font-weight:normal;
                background:none;
            }


            .page-cp-p3-box3 .row {
            }

.page-cp-p3-box3 .col-xs-12, .page-cp-p3-box3s .col-xs-12 {
    padding: 5px 15px;
}

.page-cp-p3-box3 .item {
    background: #fff;
    padding: 15px;
    transition: all .5s;
}

    .page-cp-p3-box3 .item:after, .page-cp-p3-box3s .item:after {
        content: '';
        display: block;
        clear: both;
    }

    .page-cp-p3-box3 .item .img {
        border: 1px solid rgba(193,193,193,.2);
        width: 80px;
        height: 95px;
        position: relative;
        float: left;
    }

        .page-cp-p3-box3 .item .img img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 15px;
        }

    .page-cp-p3-box3 .item .txt {
        margin-left: 90px;
        padding-top: 15px;
    }

        .page-cp-p3-box3 .item .txt span {
            color: rgba(101,101,101,1);
            font-size: 1rem;
        }

        .page-cp-p3-box3 .item .txt h3 {
            display: block;
            font-size: 1.5rem;
            font-weight: bold;
            padding-top: .4em;
            line-height: 1;
        }

.page-cp-box-ad-lx {
    margin-top: 10px;
    background: url(/statics/zhang/images/cp/bg4.jpg) no-repeat center center;
    background-size: cover;
}

.page-cp-p3-box3 .item:hover {
    box-shadow: 0px 6px 50px 0px rgba(224,224,224,1);
}



@media(min-width:768px) {
    .page-cp-p3-box1, .page-cp-p3-box2, .page-cp-p3-box3, .page-cp-p3-box3s, .page-cp-p4-box1, .page-cp-p5-box1, .page-cp-box-tit {
        padding: 25px 0;
    }

        .page-cp-p3-box1 .row {
            margin: 0 -5px;
        }

        .page-cp-p3-box1 .col-sm-4, .page-cp-p3-box1 .col-sm-3 {
            padding: 5px;
        }

        .page-cp-p3-box1 .item {
            min-height: 220px;
            padding-top: 25px;
            padding-left:0;padding-right:0;
        }

            .page-cp-p3-box1 .item .img {
                float: none;
               width:50px;height:50px;overflow:hidden;
               margin:0 auto;
                text-align: center;
            }

            .page-cp-p3-box1 .item .txt {
                padding: 10px;
                margin: 0;
                padding-top: 14px;
                line-height: 1.6;
                padding-bottom: 0;
                font-size: 12px;
                
            }

                .page-cp-p3-box1 .item .txt h3 {
                    text-align: center;
                    padding-bottom: .5em;
                }

                .page-cp-p3-box1 .item .txt p {
                    /*text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    word-break: break-all;*/
                    
                }

        .page-cp-p3-box2 .body table td, .page-cp-p3-box2 .body table th {
            padding: 10px 20px;
            line-height:1.8;
            font-size: 12px;
        }
}

@media(min-width:992px) {
    .page-cp-p3-box1, .page-cp-p3-box2, .page-cp-p3-box3, .page-cp-p3-box3s, .page-cp-p4-box1, .page-cp-p5-box1, .page-cp-box-tit {
        padding: 35px 0;
    }

        .page-cp-p3-box1 .tit > h2, .page-cp-p3-box2 .tit > h2, .page-cp-p3-box3 .tit > h2, .page-cp-p3-box3s .tit > h2, .page-cp-p4-box1 .tit > h2, .page-cp-p5-box1 .tit > h2, .page-cp-box-tit .tit>h2 {
            font-size: 24px;
            font-weight: 400;
        }

        .page-cp-p3-box1 .tit, .page-cp-p3-box2 .tit, .page-cp-p3-box3 .tit, .page-cp-p3-box3s .tit, .page-cp-p4-box1 .tit, .page-cp-p5-box1 .tit, .page-cp-box-tit .tit {
            padding: 0;
            padding-bottom: 25px;
        }

        .page-cp-p3-box1 .item {
            min-height: 230px;
            padding: 34px 0;
        }

            .page-cp-p3-box1 .item .txt {
                font-size: 14px;
                padding-top: 24px;
            }
                .page-cp-p3-box1 .item .txt p {
                    margin: 0 5%;
                    -webkit-line-clamp: 3;
                }
}

@media(min-width:1200px) {
    .page-cp-p3-box1, .page-cp-p3-box2, .page-cp-p3-box3, .page-cp-p3-box3s, .page-cp-p4-box1, .page-cp-p5-box1, .page-cp-box-tit {
        padding: 40px 0;
    }

        .page-cp-p3-box1 .tit > h2, .page-cp-p3-box2 .tit > h2, .page-cp-p3-box3 .tit > h2, .page-cp-p3-box3s .tit > h2, .page-cp-p4-box1 .tit > h2, .page-cp-p5-box1 .tit > h2, .page-cp-box-tit .tit>h2{
            font-size: 24px;
            font-weight: 400;
        }

        .page-cp-p3-box1 .tit, .page-cp-p3-box2 .tit, .page-cp-p3-box3 .tit, .page-cp-p3-box3s .tit, .page-cp-p4-box1 .tit, .page-cp-p5-box1 .tit, .page-cp-box-tit .tit{
            padding: 0;
            padding-bottom: 25px;
            font-size: 14px;
        }
            .page-cp-p3-box1 .tit p, .page-cp-p3-box2 .tit p, .page-cp-p3-box3 .tit p, .page-cp-p3-box3s .tit p, .page-cp-p4-box1 .tit p, .page-cp-p5-box1 .tit p, .page-cp-box-tit .tit p {
                margin-top: .4em;
            }

        .page-cp-p3-box1 .item {
            min-height: 250px;
            padding: 34px 0;
        }
            .page-cp-p3-box1 .item .img {
                width: 50px;
                height: 50px;
            }
            .page-cp-p3-box1 .item .txt {
                font-size: 14px;
                padding-top: 24px;
            }

                .page-cp-p3-box1 .item .txt h3 {
                    font-size: 20px;
                    padding-bottom: 15px;
                    font-weight: 400;
                    line-height: 1;
                }

        .page-cp-p3-box2 .body table td, .page-cp-p3-box2 .body table th {
            font-size: 14px;
            padding: 13px 30px;
        }

        .page-cp-p3-box2 .body table tr th:first-child, .page-cp-p3-box2 .body table tr td:first-child {
            width: 30%;
        }

        .page-cp-p3-box3 .item .txt span {
            font-size: 14px;
        }

        .page-cp-p3-box3 .item .txt h3 {
            font-size: 20px;
            font-weight: 400;
        }

        .page-cp-p3-box3 .row, .page-cp-p3-box1 .row {
            margin: 0 -6px;
            padding-bottom: 10px;
        }

        .page-cp-p3-box3 .col-sm-6, .page-cp-p3-box1 .col-sm-6 {
            padding: 0 6px;
        }
}

@media(min-width:1900px) {
    .page-cp-p3-box1, .page-cp-p3-box2, .page-cp-p3-box3, .page-cp-p3-box3s, .page-cp-p4-box1, .page-cp-p4-box1, .page-cp-box-tit {
        padding: 75px 0;
    }

        .page-cp-p3-box1 .tit > h2, .page-cp-p3-box2 .tit > h2, .page-cp-p3-box3 .tit > h2, .page-cp-p3-box3s .tit > h2, .page-cp-p4-box1 .tit > h2, .page-cp-p5-box1 .tit > h2, .page-cp-box-tit .tit>h2 {
            font-size: 45px;
            font-weight: 400;
        }

        .page-cp-p3-box1 .tit, .page-cp-p3-box2 .tit, .page-cp-p3-box3 .tit, .page-cp-p3-box3s .tit, .page-cp-p4-box1 .tit, .page-cp-p5-box1 .tit, .page-cp-box-tit .tit {
            padding: 0;
            padding-bottom: 50px;
            font-size: 20px;
        }

        .page-cp-p3-box1 .item {
            min-height: 280px;
            padding: 34px 0;
        }

            .page-cp-p3-box1 .item .txt {
                font-size: 16px;
                padding-top: 24px;
            }
                .page-cp-p3-box1 .item .txt p{
                   
                }
                .page-cp-p3-box1 .item .txt h3 {
                    font-size: 28px;
                    padding-bottom: 24px;
                    font-weight: 400;
                    line-height: 1;
                }

        .page-cp-p3-box2 .body table td, .page-cp-p3-box2 .body table th {
            font-size: 18px;
            padding: 16px 30px;
        }

        .page-cp-p3-box2 .body table tr th:first-child, .page-cp-p3-box2 .body table tr td:first-child {
            width: 30%;
        }

        .page-cp-p3-box3 .item .txt span {
            font-size: 18px;
        }

        .page-cp-p3-box3 .item .txt h3 {
            font-size: 24px;
            font-weight: 400;
        }

}

/*cp-p4*/
.page-cp-p3-box3s .item {
    padding: 0;
    background: #fff;
}

    .page-cp-p3-box3s .item .img {
        height: 160px;
    }

        .page-cp-p3-box3s .item .img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .page-cp-p3-box3s .item .txt {
        position: relative;
        padding: 15px;
        padding-left: 40px;
    }

        .page-cp-p3-box3s .item .txt h3 {
            display: block;
            font-size: 1.4rem;
            font-weight: bold;
        }

        .page-cp-p3-box3s .item .txt:before {
            background: url(/statics/zhang/images/icon/icon-pdf.png) no-repeat center center;
            background-size: contain;
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            content: '';
        }

.page-cp-p4-box1 .tabs {
    text-align: center;
    padding-bottom: 20px;
}

    .page-cp-p4-box1 .tabs ul {
    }

    .page-cp-p4-box1 .tabs li {
        display: inline-block;
        border: 1px solid #0061E3;
        margin-left: -4px;
    }

        .page-cp-p4-box1 .tabs li a {
            display: block;
            padding: 8px 20px;
            color: #0061E3;
            font-size: 1.2rem;
        }

        .page-cp-p4-box1 .tabs li.active {
            background: #0061E3;
        }

            .page-cp-p4-box1 .tabs li.active a {
                color: #fff;
            }

.page-cp-p4-box1 .row {
}

.page-cp-p4-box1 .col-xs-12 {
    padding: 5px 15px;
}

.page-cp-p4-box1 .item {
    padding: 10px 0;
    background: #fff;
}

    .page-cp-p4-box1 .item .img {
        height: 45px;
        border-bottom: 1px solid rgba(203,217,230,.3);
        padding: 10px 15px;
    }

        .page-cp-p4-box1 .item .img img {
            height: 100%;
            object-fit: contain;
        }

    .page-cp-p4-box1 .item .txt {
        font-weight: bold;
        font-size: 1.5rem;
        padding: 10px 15px;
    }

    .page-cp-p4-box1 .item .body {
        padding: 0 15px 10px 15px;
        text-align: justify;
        font-size: 1rem;
        color: rgba(115,115,115,1);
        line-height: 1.8;
    }

.page-cp-p4-box1 .row + .bottom {
    padding-top: 10px;
    text-align: center;
}
.page-cp-p3-box3s .bottom {
    padding-top: 50px;
    text-align: center;
}

    .page-cp-p4-box1 .row + .bottom a {
        font-size: 1.2rem;
        letter-spacing: .4em;
    }
    .page-cp-p3-box3s  .bottom a {
        font-size: 18px;
    }

.page-cp-p4-box1 .tabs-container {
}

    .page-cp-p4-box1 .tabs-container:before, .page-cp-p4-box1 .tabs-container:after {
        display: block;
        clear: both;
        content: '';
    }

    .page-cp-p4-box1 .tabs-container .tabs-item {
        display: none;
    }

        .page-cp-p4-box1 .tabs-container .tabs-item.active {
            display: block;
        }

@media(min-width:768px) {
    .page-cp-p3-box3s .row, .page-cp-p4-box1 .row {
        margin: 0 -6px;
    }

    .page-cp-p3-box3s .col-sm-6, .page-cp-p4-box1 .col-sm-6 {
        padding:  6px;
    }

    .page-cp-p4-box1 .item {
        padding-bottom: 20px;
    }

        .page-cp-p4-box1 .item a {
            display: block;
        }

        .page-cp-p4-box1 .item .body {
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-all;
            padding-bottom: 0;
            font-size: 12px;
        }

    .page-cp-p4-box1 .row + .bottom {
        padding-top: 20px;
    }
}

@media(min-width:992px) {
    .page-cp-p3-box3s .item .img {
        height: 180px;
    }
}

@media(min-width:1200px) {
    .page-cp-p3-box3s .item .img {
        height: 240px;
    }

    .page-cp-p3-box3s .item .txt {
        padding: 20px;
        padding-left: 65px;
    }

        .page-cp-p3-box3s .item .txt:before {
            width: 32px;
            height: 30px;
            left: 20px;
        }

        .page-cp-p3-box3s .item .txt h3 {
            font-size: 18px;
            font-weight: 400;
        }

    .page-cp-p4-box1 .tabs li a {
        font-size: 14px;
        padding: 10px 26px;
    }

    .page-cp-p4-box1 .tabs {
        padding-bottom: 50px;
    }

    .page-cp-p4-box1 .item {
        padding-bottom: 20px;
        min-height: 250px;
    }

        .page-cp-p4-box1 .item .img {
            height: 45px;
            padding-left: 25px;
        }

        .page-cp-p4-box1 .item .txt {
            font-size: 16px;
            padding-left: 25px;
            line-height: 1;
            padding-top: 20px;
            padding-bottom: 10px;
            font-weight: 400;
        }

        .page-cp-p4-box1 .item .body {
            font-size: 14px;
            padding-left: 25px;
            padding-right: 30px;
            -webkit-line-clamp: 5;
        }

    .page-cp-p4-box1 .row + .bottom {
        padding-top: 30px;
    }

        .page-cp-p4-box1 .row + .bottom a {
            font-size: 13px;
        }
}

@media(min-width:1900px) {
    .page-cp-p3-box3s .item .img {
        height: 300px;
    }

    .page-cp-p3-box3s .item .txt {
        padding: 20px;
        font-size: 24px;
        padding-left: 65px;
    }

        .page-cp-p3-box3s .item .txt:before {
            width: 32px;
            height: 40px;
            left: 20px;
        }

        .page-cp-p3-box3s .item .txt h3 {
            font-size: 24px;
            font-weight: 400;
        }

    .page-cp-p4-box1 .tabs li a {
        font-size: 20px;
        padding: 15px 26px;
    }

    .page-cp-p4-box1 .tabs {
        padding-bottom: 50px;
    }

    .page-cp-p4-box1 .item {
        padding-bottom: 30px;
        min-height: 330px;
    }

        .page-cp-p4-box1 .item .img {
            height: 50px;
            padding-left: 35px;
        }

        .page-cp-p4-box1 .item .txt {
            font-size: 26px;
            padding-left: 35px;
            line-height: 1;
            padding-top: 20px;
            padding-bottom: 30px;
            font-weight: 400;
        }

        .page-cp-p4-box1 .item .body {
            font-size: 18px;
            padding-left: 35px;
            padding-right: 40px;
            -webkit-line-clamp: 5;
        }

    .page-cp-p4-box1 .row + .bottom {
        padding-top: 50px;
    }

        .page-cp-p4-box1 .row + .bottom a {
            font-size: 18px;
        }

    .page-cp-p4-box1 {
        padding-top: 10px;
    }
}


/*cp-p5*/

.page-cp-p5-box1 .row {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 -5px;
}

.page-cp-p5-box1 .col-xs-6 {
    padding: 5px;
}

.page-cp-p5-box1 .item {
}

    .page-cp-p5-box1 .item > a {
        display: block;
        position: relative;
        height: 80px;
        background: #fff;
        border: 1px solid rgba(220,220,220,1);
        transition: all .5s;
    }

        .page-cp-p5-box1 .item > a > img {
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            left: 50%;
            height: 30px;
            object-fit: contain;
        }

    .page-cp-p5-box1 .item .info {
        display: none;
        padding: 20px;
        position: relative;
        width: 100%;
    }

        .page-cp-p5-box1 .item .info > .img {
            width: 20%;
            float: left;
        }

        .page-cp-p5-box1 .item .info > .txt {
            margin-left: 24%;
            position: relative;
            padding: 20px;
        }

            .page-cp-p5-box1 .item .info > .txt:before {
                position: absolute;
                content: '';
                top: -20px;
                bottom: -20px;
                left: 0;
                width: 1px;
                background: rgba(0,0,0,.023);
            }

            .page-cp-p5-box1 .item .info > .txt ul {
            }

            .page-cp-p5-box1 .item .info > .txt li {
                position: relative;
                min-height: 30px;
                font-size: 1.2rem;
                line-height: 1.2;
                padding: 10px 0;
                padding-left: 35px;
            }

                .page-cp-p5-box1 .item .info > .txt li > p {
                }

                .page-cp-p5-box1 .item .info > .txt li + li {
                    margin-top: 5px;
                }

                .page-cp-p5-box1 .item .info > .txt li:before {
                    position: absolute;
                    content: '';
                    background: rgba(44,119,238,.1);
                    color: rgba(44,119,238,1);
                    width: 30px;
                    height: 30px;
                    left: 0;
                    border-radius: 100%;
                    top: 50%;
                    transform: translateY(-50%);
                }

                .page-cp-p5-box1 .item .info > .txt li.icons-us:before {
                    background: url(/statics/zhang/images/icon/icon-user.png) no-repeat center center rgba(44,119,238,.1);
                }

                .page-cp-p5-box1 .item .info > .txt li.icons-ad:before {
                    background: url(/statics/zhang/images/icon/icon-dizhi.png) no-repeat center center rgba(44,119,238,.1);
                }

                .page-cp-p5-box1 .item .info > .txt li.icons-tel:before {
                    background: url(/statics/zhang/images/icon/icon-tel.png) no-repeat center center rgba(44,119,238,.1);
                }

                .page-cp-p5-box1 .item .info > .txt li.icons-url:before {
                    background: url(/statics/zhang/images/icon/icon-wangzhi.png) no-repeat center center rgba(44,119,238,.1);
                }

    .page-cp-p5-box1 .item > a:hover {
        transform: translateY(-3px);
    }

@media(min-width:768px) {
    .page-cp-p5-box1 .item .info {
    }
}

@media(min-width:992px) {
    .ck-layer-class {
        width: 500px !important;
    }
}

@media(min-width:1200px) {
    .page-cp-p5-box1 .row {
        padding: 30px 0;
    }

    .page-cp-p5-box1 .item > a {
        height: 120px;
    }

        .page-cp-p5-box1 .item > a > img {
            height: 40px;
        }

    .ck-layer-class {
        width: 600px !important;
    }

    .page-cp-p5-box1 .item .info > .txt {
        padding: 30px 0 30px 20px;
        padding-left: 30px;
    }

        .page-cp-p5-box1 .item .info > .txt li {
            font-size: 14px;
            min-height: 45px;
            color: #000;
            padding-left: 55px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .page-cp-p5-box1 .item .info > .txt li + li {
                margin-top: 10px;
            }

            .page-cp-p5-box1 .item .info > .txt li:before {
                width: 45px;
                height: 45px;
            }
}

@media(min-width:1900px) {
    .page-cp-p5-box1 .row {
        padding: 50px 0;
    }

    .page-cp-p5-box1 .item > a {
        height: 160px;
    }

        .page-cp-p5-box1 .item > a > img {
            height: 45px;
        }

    .ck-layer-class {
        width: 660px !important;
    }

    .page-cp-p5-box1 .item .info > .txt {
        padding: 40px 0 40px 20px;
        padding-left: 50px;
    }

        .page-cp-p5-box1 .item .info > .txt li {
            font-size: 18px;
            min-height: 45px;
            color: #000;
            padding-left: 55px;
        }

            .page-cp-p5-box1 .item .info > .txt li + li {
                margin-top: 10px;
            }

            .page-cp-p5-box1 .item .info > .txt li:before {
                width: 45px;
                height: 45px;
            }
}

/*cp-p6*/
/*p6*/

.page-cp-p6-box1 {
    padding: 20px 0;
    padding-bottom: 0;
}

    .page-cp-p6-box1 > .tit {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 15px;
    }

        .page-cp-p6-box1 > .tit > h2 {
            display: block;
            font-size: 1.8rem;
            font-weight: bold;
            color: #000;
        }

    .page-cp-p6-box1 > .row {
        margin: 0;
    }

    .page-cp-p6-box1 .col-xs-6 {
        padding: 0;
    }

    .page-cp-p6-box1 .item {
    }

        .page-cp-p6-box1 .item a {
            display: block;
            position: relative;
        }

        .page-cp-p6-box1 .item .img {
            overflow: hidden;
        }

            .page-cp-p6-box1 .item .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all .5s;
            }

        .page-cp-p6-box1 .item .txt {
            position: absolute;
            top: 50%;
            color: #fff;
            font-size: 1.5rem;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 2;
        }

        .page-cp-p6-box1 .item:hover .img img {
            transform: scale(1.2);
        }

        .page-cp-p6-box1 .item .img {
            height: 120px;
        }

@media(min-width:768px) {
}

@media(min-width:992px) {
    .page-cp-p6-box1 {
        padding-top: 35px;
    }

        .page-cp-p6-box1 > .tit {
            padding-bottom: 25px;
        }

            .page-cp-p6-box1 > .tit h2 {
                font-size: 24px;
                font-weight: 400;
            }

        .page-cp-p6-box1 .item .img {
            height: 300px;
        }
}

@media(min-width:1200px) {
    .page-cp-p6-box1 {
        padding-top: 35px;
    }

        .page-cp-p6-box1 > .tit {
            padding-bottom: 25px;
        }

            .page-cp-p6-box1 > .tit h2 {
                font-size: 24px;
                font-weight: 400;
            }

        .page-cp-p6-box1 .item .txt {
            font-size: 18px;
        }

        .page-cp-p6-box1 .item .img {
            height: 350px;
        }
}

@media(min-width:1900px) {
    .page-cp-p6-box1 {
        padding-top: 75px;
    }

        .page-cp-p6-box1 > .tit {
            padding-bottom: 50px;
        }

            .page-cp-p6-box1 > .tit h2 {
                font-size: 45px;
                font-weight: 400;
            }

        .page-cp-p6-box1 .item .txt {
            font-size: 36px;
        }

        .page-cp-p6-box1 .item .img {
            height: 380px;
        }
}

/*cp-p7*/

.page-sp-p7-box1-swiper .item {
    padding: 10px;
}

    .page-sp-p7-box1-swiper .item > a {
        display: block;
        box-shadow: 0px 3px 18px 0px rgba(233, 233, 233, 0.35);
        background: #fff;
    }

    .page-sp-p7-box1-swiper .item .img {
        padding: 4px;
        height: 220px;
        overflow: hidden;
    }

        .page-sp-p7-box1-swiper .item .img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all .5s;
        }

    .page-sp-p7-box1-swiper .item .txt {
        text-align: center;
        padding: 15px 0;
    }

        .page-sp-p7-box1-swiper .item .txt h3 {
            position: relative;
            font-size: 1.6rem;
            font-weight: bold;
        }

            .page-sp-p7-box1-swiper .item .txt h3:before, .page-sp-p7-box1-swiper .item .txt h3:after {
                content: '';
                width: 3em;
                height: 1px;
                background: #000;
                display: inline-block;
                position: relative;
                top: -.4em;
                margin: 0 10px;
            }

        .page-sp-p7-box1-swiper .item .txt p {
            margin-top: .5em;
            font-size: 1rem;
        }

    .page-sp-p7-box1-swiper .item:hover a {
        box-shadow: 0px 3px 8px 0px rgba(233, 233, 233, 1);
    }

    .page-sp-p7-box1-swiper .item:hover .img img {
        transform: scale(1.2);
    }

.page-sp-p7-box1-swiper .swiper-slide {
    padding: 5px;
}

.page-sp-p7-box1-swiper {
    position: relative;
}

    .page-sp-p7-box1-swiper .swiper-button-prev, .page-sp-p7-box1-swiper .swiper-button-next {
        border: 1px solid rgba(0,0,0,.05);
        display: none;
    }

    .page-sp-p7-box1-swiper .swiper-button-prev {
        left: -40px;
    }

    .page-sp-p7-box1-swiper .swiper-button-next {
        left: -40px;
        border-top: none;
    }

    .page-sp-p7-box1-swiper .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
    }

    .page-sp-p7-box1-swiper .swiper-pagination-bullet {
        margin: 0 4px;
    }

@media(min-width:768px) {
    .page-sp-p7-box1-swiper .item {
        padding: 10px 5px;
    }

    .page-sp-p7-box1-swiper .swiper-slide + .swiper-slider .item {
        padding-left: 0;
    }

    .page-sp-p7-box1-swiper .swiper-pagination {
        display: none;
    }

    .page-sp-p7-box1-swiper .swiper-button-prev, .page-sp-p7-box1-swiper .swiper-button-next {
        display: block;
    }
}

@media(min-width:992px) {
    .page-sp-p7-box1-swiper .item .img {
        height: 280px;
    }
}

@media(min-width:1200px) {
    .page-sp-p7-box1-swiper .item .img {
        height: 320px;
    }
}

@media(min-width:1900px) {
    .page-sp-p7-box1-swiper .item .img {
        height: 400px;
    }

    .page-sp-p7-box1-swiper .item .txt {
        padding: 32px 0 40px 0;
    }

        .page-sp-p7-box1-swiper .item .txt h3 {
            font-size: 30px;
            font-weight: 400;
        }

        .page-sp-p7-box1-swiper .item .txt p {
            font-size: 20px;
        }
}

/*cp-p8*/
.page-cp-p8-box1 {
    padding: 20px 0;
}

    .page-cp-p8-box1 ul {
        margin: -2px;
    }

        .page-cp-p8-box1 ul:before, .page-cp-p8-box1 ul:after {
            content: '';
            display: block;
            clear: both;
        }

        .page-cp-p8-box1 ul > li {
            width: 50%;
            float: left;
            padding: 2px;
            background: #fff;
            transition: all .5s;
            position: relative;
        }

            .page-cp-p8-box1 ul > li > a {
                display: block;
                height: 80px;
                width: 100%;
                position: relative;
                overflow: hidden;
            }

                .page-cp-p8-box1 ul > li > a > img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                .page-cp-p8-box1 ul > li > a:hover {
                    transform: translateY(-2px);
                }

@media(min-width:768px) {
    .page-cp-p8-box1 ul > li > a {
        height: 100px;
    }
}

@media(min-width:992px) {
    .page-cp-p8-box1 {
        padding-top: 40px;
    }

        .page-cp-p8-box1 .container {
            position: relative;
        }

        .page-cp-p8-box1 .left {
            width: 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        .page-cp-p8-box1 .right {
            width: 50%;
            float: right;
        }

    .page-cp-box-tit.page-cp-p8-box1 .tit {
        text-align: left;
        padding-right: 60px;
    }

        .page-cp-box-tit.page-cp-p8-box1 .tit h2 {
            padding-bottom: 10px;
        }
}

@media(min-width:1200px) {
    .page-cp-p8-box1 {
        padding-top: 45px;
    }

        .page-cp-p8-box1 .left {
            padding-right: 100px;
        }

    .page-cp-box-tit.page-cp-p8-box1 .tit {
        font-size: 14px;
        line-height: 2;
    }

    .page-cp-p8-box1 ul {
        margin: -5px;
    }

        .page-cp-p8-box1 ul > li {
            padding: 5px;
        }

            .page-cp-p8-box1 ul > li > a {
                height: 120px;
            }
}

@media(min-width:1900px) {
    .page-cp-p8-box1 {
        padding-top: 75px;
    }

        .page-cp-p8-box1 .left {
            padding-right: 100px;
        }

    .page-cp-box-tit.page-cp-p8-box1 .tit {
        font-size: 16px;
        line-height: 2;
    }

    .page-cp-p8-box1 ul {
        margin: -5px;
    }

        .page-cp-p8-box1 ul > li {
            padding: 5px;
        }

            .page-cp-p8-box1 ul > li > a {
                height: 160px;
            }
}


/*hz*/

.page-hz-box1 {
    padding: 20px 0;
    background: rgba(247,247,247,1);
}

    .page-hz-box1 .tit {
        padding-top: 10px;
        text-align: center;
        padding-bottom: 20px;
    }

        .page-hz-box1 .tit h2 {
            display: block;
            font-size: 1.8rem;
            font-weight: bold;
            color: #000;
        }

    .page-hz-box1 .form {
    }

        .page-hz-box1 .form ul {
            margin: 0 -2px;
        }

            .page-hz-box1 .form ul:before, .page-hz-box1 .form ul:after {
                display: block;
                content: '';
                clear: both;
            }

        .page-hz-box1 .form li {
            width: 20%;
            padding: 0 2px;
            float: left;
        }

            .page-hz-box1 .form li .layui-input {
                font-size: 1.2rem;
                color: #000;
            }

    .page-hz-box1 .table {
        overflow-y: auto;
    }

        .page-hz-box1 .table table {
            background: none;
            color: #000;
        }

        .page-hz-box1 .table td {
            border-left: none;
            border-right: none;
        }

        .page-hz-box1 .table thead tr {
            background: rgba(53,66,85,1);
            color: #fff;
            font-weight: bold;
        }

        .page-hz-box1 .table thead th {
            border: none;
        }

        .page-hz-box1 .table tbody tr:hover {
            background: none;
        }

        .page-hz-box1 .table tr td[rowspan]:nth-child(2) {
            border-right: 1px solid #e6e6e6;
        }

@media(min-width:768px) {
    .page-hz-box1 {
        padding: 25px 0;
    }
}

@media(min-width:992px) {
    .page-hz-box1 {
        padding: 45px 0;
    }

        .page-hz-box1 .tit h2 {
            font-size: 24px;
            font-weight: 400;
        }

        .page-hz-box1 .tit {
            padding-bottom: 30px;
        }

        .page-hz-box1 .form ul {
            margin: 0 -5px;
        }

        .page-hz-box1 .form li {
            width: 20%;
            padding: 0 5px;
            float: left;
        }

            .page-hz-box1 .form li .layui-input {
                font-size: 12px;
                height: 38px;
                line-height: 38px;
                color: #000;
                padding-left: 20px;
            }

        .page-hz-box1 .form .layui-form-selected dl {
            top: 42px;
        }

        .page-hz-box1 .form.layui-form-select dl dd.layui-this {
            background: #0061e3;
        }

        .page-hz-box1 .form {
            padding-bottom: 20px;
        }

        .page-hz-box1 .table thead th {
            height: 40px;
            font-size: 12px;
        }

        .page-hz-box1 .table td {
            font-size: 12px;
            padding: 15px 15px;
        }

        .page-hz-box1 .table table {
            border-bottom: 2px solid #000;
        }
}

@media(min-width:1200px) {
    .page-hz-box1 {
        padding: 55px 0;
    }

        .page-hz-box1 .tit h2 {
            font-size: 28px;
            font-weight: 400;
        }

        .page-hz-box1 .form li .layui-input {
            font-size: 14px;
        }

        .page-hz-box1 .table thead th {
            height: 50px;
            font-size: 14px;
        }

        .page-hz-box1 .table td {
            font-size: 15px;
        }
}

@media(min-width:1900px) {
    .page-hz-box1 {
        padding: 75px 0;
    }

        .page-hz-box1 .tit h2 {
            font-size: 45px;
            font-weight: 400;
        }

        .page-hz-box1 .tit {
            padding-bottom: 50px;
        }

        .page-hz-box1 .form ul {
            margin: 0 -5px;
        }

        .page-hz-box1 .form li {
            width: 20%;
            padding: 0 5px;
            float: left;
        }

            .page-hz-box1 .form li .layui-input {
                font-size: 18px;
                height: 60px;
                line-height: 60px;
                color: #000;
                padding-left: 20px;
            }

        .page-hz-box1 .form .layui-form-selected dl {
            top: 62px;
        }

        .page-hz-box1 .form.layui-form-select dl dd.layui-this {
            background: #0061e3;
        }

        .page-hz-box1 .form {
            padding-bottom: 50px;
        }

        .page-hz-box1 .table thead th {
            height: 60px;
            font-size: 24px;
        }

        .page-hz-box1 .table td {
            font-size: 18px;
            padding: 15px 15px;
        }

        .page-hz-box1 .table table {
            border-bottom: 2px solid #000;
        }
}




.no-padding-top {
    padding-top: 0;
}

@media(min-width:768px) {
}

@media(min-width:992px) {
    .body {
        font-size: 12px;
    }
}

@media(min-width:1200px) {
    .body {
        font-size: 14px;
       
    }
}

@media(min-width:1900px) {
    .body{
        font-size:18px;
        line-height:2;
    }
}


.ai-box1 {
}

    .ai-box1 > .container {
        padding: 30px 15px;
        overflow: hidden;
    }

.ai-box1-icon {
    position: relative;
}

    .ai-box1-icon:before {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        height: 1px;
        background: rgba(181,181,181,.3);
        content: '';
    }

.ai-box1 ul {
    position: relative;
    margin-right: -15px;
}

    .ai-box1 ul:after {
        display: block;
        clear: both;
        content: '';
    }

.ai-box1 li {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
    padding-right: 15px;
}

    .ai-box1 li:after {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 100%;
        border: 1px solid #000;
        right: 0px;
        bottom: 0;
        transform: translateY(-5px);
        background: #fff;
    }

    .ai-box1 li:last-child:after {
        display: none;
    }

    .ai-box1 li img {
        display: block;
        object-fit: contain;
        margin: 0 auto;
        height: 25px;
    }

    .ai-box1 li p {
        margin-top: 10px;
        font-size: .8rem;
        display: inline-block;
        padding: 3px 5px;
        background: #fff;
        color: #000;
    }

    .ai-box1 li.active p {
        background: #0061E3;
        color: #fff;
    }

    .ai-box1 li.active:after {
        border-color: #0061E3;
    }

.ai-form-box {
    background: rgba(248,248,248,1);
    padding: 30px 0;
    padding-top: 10px;
}

    .ai-form-box .tit {
        text-align: center;
        padding-bottom: 20px;
        padding-top: 30px;
    }

        .ai-form-box .tit h2 {
            font-size: 1.8rem;
            font-weight: bold;
            color: #000;
        }

    .ai-form-box .row {
        margin: 0 -5px;
    }

    .ai-form-box .col-xs-6, .ai-form-box .col-xs-12 {
        padding: 5px;
    }

    .ai-form-box .layui-form-select dl dd.layui-this {
        background: #0061E3;
    }
 .layui-form-select dl dd.layui-this{
     background: #0061E3; /*    */
} 
    .ai-form-box .button {
        text-align: center;
        padding: 30px 0 30px 0;
    }

    .ai-form-box .layui-form-checked[lay-skin=primary] i {
        background: #0061E3;
        border-color: #0061E3;
    }

    .ai-form-box label {
        display: block;
        padding-top: 5px;
    }

    .ai-form-box table {
        border-top: 1px solid #000 !important;
        border-bottom: 1px solid #000;
        border-collapse: collapse;
        width: 100%;
    }

        .ai-form-box table td {
            padding: 10px 10px;
            font-size: 1rem;
            border: 1px solid rgba(220,220,220,1);
            border-left: 0;
            border-right: 0;
        }

        .ai-form-box table tr:first-child td {
            border-top: 1px solid #000 !important;
        }

        .ai-form-box table tr:last-child td {
            border-bottom: 1px solid #000 !important;
        }

.layui-btn-primary {
    background: rgba(220,220,220,1);
    border-color: rgba(220,220,220,1);
}

    .layui-btn-primary:hover {
        border-color: rgba(220,220,220,1);
    }

.ai-form-item {
    display: none;
}

@media(min-width:768px) {
    .ai-box1 > .container {
        padding: 40px 15px;
        overflow: hidden;
    }

    .ai-form-box .layui-form {
        width: 680px;
        margin: 0 auto;
    }
    .ai-box1 li p{
        font-size: 12px;
    }
}

@media(min-width:992px) {
    .ai-box1 > .container {
        padding: 50px 15px;
        overflow: hidden;
    }

    .ai-form-box table {
        width: 680px;
        margin: 0 auto;
    }

    .ai-form-box .layui-form {
        width: 680px;
        margin: 0 auto;
    }
}

@media(min-width:1200px) {
    .ai-box1 > .container {
        padding: 57px 15px 60px 15px;
        overflow: hidden;
    }

    .ai-box1 li:after {
        width: 12px;
        height: 12px;
        border-width: 2px;
        transform: translateY(-10px);
    }

    .ai-box1-icon:before {
        bottom: 15px;
    }

    .ai-box1 li img {
        height: 35px;
    }

    .ai-box1 li p {
        font-size: 14px;
        padding: 8px 20px;
        margin-top: 15px;
        font-weight: 400;
    }

    .ai-form-box .tit {
        padding-top: 55px;
        padding-bottom: 30px;
    }

        .ai-form-box .tit h2 {
            font-size: 24px;
            font-weight: 400;
        }

    .ai-form-box .button {
        padding-top: 50px;
    }

    .ai-form-box .layui-input {
    }

    .ai-form-box .layui-form-selected dl {
    }

    .ai-form-box .layui-form-checkbox span {
        font-size: 14px;
        color: #000;
    }

    .ai-form-box .layui-form-checkbox {
        padding-top: 10px;
    }

    .ai-form-box table td {
        font-size: 14px;
        padding: 15px;
        color: #000;
    }

    .ai-form-box label {
        font-size: 14px;
        font-weight: 400;
        padding-bottom: 5px;
    }
}

@media(min-width:1900px) {
    .ai-box1 > .container {
        padding: 67px 15px 80px 15px;
        overflow: hidden;
    }

    .ai-box1 li:after {
        width: 15px;
        height: 15px;
        border-width: 2px;
        transform: translateY(-15px);
    }

    .ai-box1-icon:before {
        bottom: 22px;
    }

    .ai-box1 li img {
        height: 40px;
    }

    .ai-box1 li p {
        font-size: 20px;
        padding: 12px 20px;
        margin-top: 20px;
        font-weight: 400;
    }

    .ai-form-box .tit {
        padding-top: 75px;
        padding-bottom: 50px;
    }

        .ai-form-box .tit h2 {
            font-size: 45px;
        }

    .ai-form-box .button {
        padding-top: 90px;
    }

    .ai-form-box .layui-input {
        height: 60px;
        line-height: 60px;
        padding-left: 30px;
        font-size: 18px;
    }

    .ai-form-box .layui-form-selected dl {
        /*top: 62px;*/
    }

    .ai-form-box .layui-form-checkbox span {
        font-size: 18px;
        color: #000;
    }

    .ai-form-box .layui-form-checkbox {
        padding-top: 20px;
    }

    .ai-form-box table td {
        font-size: 18px;
        padding: 20px;
        color: #000;
    }

    .ai-form-box label {
        font-size: 18px;
        font-weight: 400;
        padding-bottom: 5px;
    }
}

/*成功案例*/

.page-case-box {
    padding: 20px 0;
}

    .page-case-box .left {
        display: none;
    }

    .page-case-box .body {
    }

        .page-case-box .body ul {
            padding-left: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .page-case-box .body ul > li {
                list-style: disc;
                line-height: 1.4;
                padding: 5px 0;
            }

        .page-case-box .body .item {
            position: relative;
            line-height: 1.6;
            text-align: justify;
        }

            .page-case-box .body .item + .item:before {
                top: 0;
                left: 0;
                right: 0;
                content: '';
                height: 1px;
                position: absolute;
                background: rgba(0,0,0,.1);
            }

            .page-case-box .body .item h3 {
                font-size: 2rem;
                display: block;
                font-weight: bold;
                color: #000;
                display: block;
                line-height: 1;
                padding: 10px 0;
                padding-bottom: 15px;
            }

            .page-case-box .body .item p {
            }

            .page-case-box .body .item + .item {
                padding-top: 10px;
                margin-top: 20px;
            }



    .page-case-box .left {
        width: 240px;
        float: left;
    }

.page-case-box-left-info, .page-case-box-left-lx {
    line-height: 1.8;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 20px;
    color: #656565;
    padding-top: 10px;
}

    .page-case-box-left-info h3, .page-case-box-left-lx h3 {
        font-size: 16px;
        display: block;
        line-height: 1;
        padding-bottom: 15px;
        font-weight: bold;
        color: #000;
    }

    .page-case-box-left-info a, .page-case-box-left-lx a {
        color: #0061E3;
    }

.bsBox, .bsBox * {
    box-sizing: content-box;
}

.page-case-box-left-fx {
    color: #656565;
}

    .page-case-box-left-fx h4 {
        display: block;
        padding-bottom: 10px;
        float: left;
        padding-top: 4px;
    }

.bshare-custom {
    display: inline-block;
}

@media(min-width:768px) {
    .page-case-box .left {
        display: block;
    }

    .page-case-box .right {
        margin-left: 240px;
        overflow: hidden;
        padding-left: 25px;
    }
}

@media(min-width:992px) {
}

@media(min-width:1200px) {
    .page-case-box {
        padding: 30px 0;
    }

        .page-case-box .left {
            width: 340px;
        }

        .page-case-box .right {
            margin-left: 340px;
            padding-left: 60px;
        }

    .page-case-box-left-info h3, .page-case-box-left-lx h3 {
        font-size: 22px;
        font-weight: 400;
    }

    .page-case-box-left-info, .page-case-box-left-lx, .page-case-box-left-fx h4 {
        font-size: 14px;
    }

    .page-case-box .body .item h3 {
        font-size: 22px;
        font-weight: 400;
    }

    .page-case-box .body .item {
        font-size: 14px;
        line-height: 2;
    }

    .bshare-custom a {
        width: 30px;
    }

    .page-case-box .body .item + .item {
        padding-top: 20px;
        margin-top: 30px;
    }

    .page-case-box .body ul > li {
        line-height: 1.8;
    }

    .page-case-box .body .item h3 {
        padding-bottom: 20px;
    }
}

@media(min-width:1900px) {
    .page-case-box {
        padding: 50px 0;
    }

        .page-case-box .left {
            width: 400px;
        }

        .page-case-box .right {
            margin-left: 400px;
            padding-left: 95px;
        }

    .page-case-box-left-info h3, .page-case-box-left-lx h3 {
        font-size: 24px;
        font-weight: 400;
    }

    .page-case-box-left-info, .page-case-box-left-lx, .page-case-box-left-fx h4 {
        font-size: 16px;
    }

    .page-case-box .body .item h3 {
        font-size: 36px;
        font-weight: 400;
    }

    .page-case-box .body .item {
        font-size: 18px;
        line-height: 2;
    }

    .bshare-custom a {
        width: 30px;
    }

    .page-case-box .body .item + .item {
        padding-top: 30px;
        margin-top: 40px;
    }

    .page-case-box .body ul > li {
        line-height: 1.8;
    }

    .page-case-box .body .item h3 {
        padding-bottom: 30px;
    }
}

/*行业*/

.page-hy-box {
    padding: 20px 0;
}

    .page-hy-box .tit {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center
    }

        .page-hy-box .tit h2 {
            font-size: 1.8rem;
            display: block;
            color: #000;
            font-weight: bold;
        }

    .page-hy-box .tabs {
        padding-top: 20px;
    }

        .page-hy-box .tabs ul {
            position: relative;
        }

            .page-hy-box .tabs ul:before {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(193,193,193,.1);
                content: '';
                height: 1px;
            }

            .page-hy-box .tabs ul:after {
                display: block;
                content: '';
                clear: both;
            }

            .page-hy-box .tabs ul > li {
                float: left;
                width: 20%;
                text-align: center;
                position: relative;
            }

                .page-hy-box .tabs ul > li a {
                    display: block;
                }

                .page-hy-box .tabs ul > li img {
                    display: block;
                    margin: 0 auto;
                    height: 30px;
                    object-fit: contain;
                }

                .page-hy-box .tabs ul > li p {
                    display: block;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    font-size: 1.2rem;
                }

                .page-hy-box .tabs ul > li.active:after {
                    position: absolute;
                    width: 4em;
                    height: 2px;
                    background: #0061E3;
                    content: '';
                    left: 50%;
                    bottom: 0;
                    margin-left: -2em;
                }

                .page-hy-box .tabs ul > li.active p {
                    color: #0061E3;
                }

.page-hy-box1 {
    padding: 20px 0;
}
    .page-hy-box1 .body{
        padding-bottom:20px;
        line-height:1.8;
    }
        .page-hy-box1 .body h2 {
            font-size: 1.2rem;
            font-weight:bold;
            text-align: center;
            color: #000;
        }
        .page-hy-box1 .item {
            padding: 10px 0;
        }

        .page-hy-box1 .item .img {
            overflow: hidden;
            height: 180px;
        }

            .page-hy-box1 .item .img img {
                object-fit: cover;
                height: 100%;
                width: 100%;
                transition: all .5s;
            }

        .page-hy-box1 .item .txt {
            padding: 20px 0 0 0;
        }

            .page-hy-box1 .item .txt h2 {
                font-size: 1.6rem;
                color: #000;
                font-weight: bold;
                display: block;
                line-height: 1;
                padding-bottom: 10px;
            }

            .page-hy-box1 .item .txt p {
                font-size: 1rem;
            }

        .page-hy-box1 .item:hover .img img {
            transform: scale(1.1);
        }

.page-hy-box-xg {
    padding: 20px 0;
}

    .page-hy-box-xg .tit {
        text-align: center;
        display: block;
        padding-bottom: 20px;
    }

        .page-hy-box-xg .tit h2 {
            font-size: 1.8rem;
            color: #000;
            font-weight: bold;
            line-height: 1;
        }

    .page-hy-box-xg .item {
        position: relative;
        padding: 20px 0;
    }

        .page-hy-box-xg .item .txt {
            position: absolute;
            
            width: 50%;
            left: 0;
            
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);transform: translateY(-50%);
            top: 50%;
            padding-right: 15px;
            text-align: justify;
        }

            .page-hy-box-xg .item .txt h3 {
                font-size: 1.4rem;
                font-weight: bold;
                color: #000;
                padding-bottom: 10px;
            }

            .page-hy-box-xg .item .txt p {
                font-size: .8rem;
            }

            .page-hy-box-xg .item .txt .layui-btn {
                margin-top: 15px;
                height: 30px;
                line-height: 30px;
                font-size: 1rem;
            }

        .page-hy-box-xg .item .img {
            overflow: hidden;
            width: 50%;
            margin-left: auto;
        }

            .page-hy-box-xg .item .img > a {
                display: block;
            }

            .page-hy-box-xg .item .img img {
                object-fit: cover;
                height: 100%;
                width: 100%;
                transition: all .5s;
            }

.page-hy-box1 .item .txt .row {
    padding: 30px 0 0 0;
    text-align: left;
    font-size: 1rem;
}

    .page-hy-box1 .item .txt .row > div {
        padding: 0;
        text-align: center;
    }




    .page-hy-box1 .item .txt .row img {
        height: 30px;
        object-fit: contain;
        transition: all .5s;
    }

    .page-hy-box1 .item .txt .row p {
        display: block;
        padding-top: 10px;
    }

@media(min-width:768px) {
    .page-hy-box {
        padding: 25px 0;
        text-align: center;
    }

        .page-hy-box .tabs ul > li {
            width: 120px;
            display: inline-block;
            float: none;
        }

    .page-hy-box1 .item {
        position: relative;
    }

        .page-hy-box1 .item .img {
            width: 50%;
            height: 260px;
        }

        .page-hy-box1 .item .txt {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 50%;
            padding-left: 50px;
            text-align: justify;
        }

        .page-hy-box1 .item:nth-child(even) .img {
            margin-left: auto;
        }

        .page-hy-box1 .item:nth-child(even) .txt {
            left: 0;
            right: 50%;
            padding-left: 0;
            text-align: right;
            padding-right: 50px;
        }

            .page-hy-box1 .item:nth-child(even) .txt .row {
                text-align: right;
            }

        .page-hy-box1 .item .txt .row {
            margin: 0 -10%;
        }

            .page-hy-box1 .item .txt .row > div {
                padding: 0;
                text-align: center;
                display: inline-block;
                float: none;
                margin: 0 -2px;
            }
            .page-hy-box1 .item .txt p{
                font-size: 12px;
            }
}

@media(min-width:992px) {
    .page-hy-box {
        padding: 35px 0;
        text-align: center;
    }

        .page-hy-box .tit h2 {
            font-size: 22px;
            font-weight: 500;
        }

        .page-hy-box .tabs ul > li {
            width: 120px;
            display: inline-block;
            float: none;
        }

            .page-hy-box .tabs ul > li p {
                font-size: 14px;
                padding: 15px 0;
            }

            .page-hy-box .tabs ul > li img {
                height: 40px;
            }

    .page-hy-box1 {
        padding-top: 0;
    }
        .page-hy-box1 .body {
            padding-bottom: 30px;
         
        }

            .page-hy-box1 .body h2 {
                font-size: 14px;
                font-weight: 400;
     
            }
        .page-hy-box1 .item {
            position: relative;
            padding: 15px 0;
        }

            .page-hy-box1 .item .img {
                width: 50%;
                height: 320px;
            }

            .page-hy-box1 .item .txt .row {
                margin: 0 -10%;
                padding-top: 30px;
            }

            .page-hy-box1 .item .txt {
                padding-left: 50px;
                padding-right: 50px;
            }

                .page-hy-box1 .item .txt h2 {
                    font-size: 22px;
                    font-weight: 400;
                    padding-bottom: 15px;
                }

                .page-hy-box1 .item .txt p {
                    line-height: 2;
                }

            .page-hy-box1 .item:nth-child(even) .txt {
                padding-left: 50px;
                padding-right: 50px;
            }

    .page-hy-box .tit {
        padding-bottom: 30px;
    }

    .page-hy-box-xg {
        padding-bottom: 20px;
    }

        .page-hy-box-xg .tit {
            padding-bottom: 20px;
        }

            .page-hy-box-xg .tit h2 {
                font-size: 22px;
                font-weight: 400;
            }

        .page-hy-box-xg .item .img {
            height: 300px;
        }

        .page-hy-box-xg .item .txt {
            padding-right: 60px;
        }

            .page-hy-box-xg .item .txt h3 {
                font-size: 22px;
                padding-bottom: 20px;
                font-weight: 400;
            }

            .page-hy-box-xg .item .txt p {
                font-size: 12px;
                line-height: 2;
            }

            .page-hy-box-xg .item .txt .layui-btn {
                height: 38px;
                width: 160px;
                font-size: 12px;
                line-height: 38px;
                margin-top: 20px;
            }
}

@media(min-width:1200px) {
    .page-hy-box {
        padding: 45px 0;
        text-align: center;
    }

        .page-hy-box .tit h2 {
            font-size: 25px;
            font-weight: 500;
        }

        .page-hy-box .tabs ul > li {
            width: 140px;
        }

            .page-hy-box .tabs ul > li p {
                font-size: 16px;
                padding: 15px 0;
            }

            .page-hy-box .tabs ul > li img {
                height: 45px;
            }


    .page-hy-box1 .body {
        padding-bottom: 40px;
    }

        .page-hy-box1 .body h2 {
            font-size: 16px;
         
        }
    .page-hy-box1 .item {
        position: relative;
        padding: 15px 0;
    }

        .page-hy-box1 .item .img {
            width: 50%;
            height: 380px;
        }

        .page-hy-box1 .item .txt .row {
            margin: 0 -10%;
            padding-top: 40px;
        }

        .page-hy-box1 .item .txt {
            padding-left: 100px;
            padding-right: 100px;
        }

            .page-hy-box1 .item .txt h2 {
                font-size: 24px;
                font-weight: 400;
                padding-bottom: 15px;
            }

            .page-hy-box1 .item .txt p {
                line-height: 2;
                font-size: 14px;
            }

        .page-hy-box1 .item:nth-child(even) .txt {
            padding-left: 100px;
            padding-right: 100px;
        }

    .page-hy-box .tit {
        padding-bottom: 40px;
    }

    .page-hy-box-xg {
        padding-bottom: 40px;
    }

        .page-hy-box-xg .tit {
            padding-bottom: 40px;
        }

            .page-hy-box-xg .tit h2 {
                font-size: 24px;
                font-weight: 400;
            }

        .page-hy-box-xg .item .img {
            height: 350px;
        }

        .page-hy-box-xg .item .txt {
            padding-right: 60px;
        }

            .page-hy-box-xg .item .txt h3 {
                font-size: 24px;
                padding-bottom: 20px;
                font-weight: 400;
            }

            .page-hy-box-xg .item .txt p {
                font-size: 14px;
                line-height: 2;
            }

            .page-hy-box-xg .item .txt .layui-btn {
                height: 48px;
                width: 160px;
                font-size: 14px;
                line-height: 48px;
                margin-top: 40px;
            }
}

@media(min-width:1900px) {
    .page-hy-box {
        padding: 75px 0;
        text-align: center;
    }

        .page-hy-box .tit h2 {
            font-size: 45px;
            font-weight: 500;
        }

        .page-hy-box .tabs ul > li.active:after {
            height: 4px;
        }

        .page-hy-box .tabs ul > li {
            width: 180px;
        }

            .page-hy-box .tabs ul > li p {
                font-size: 20px;
                padding: 20px 0 30px 0;
            }

    .page-hy-box1 .item:first-child {
        padding-top: 0;
    }
    .page-hy-box1 .body {
        padding-bottom: 50px;
    }

        .page-hy-box1 .body h2 {
            font-size: 20px;
        }
    .page-hy-box1 .item {
        position: relative;
        padding: 30px 0;
    }

        .page-hy-box1 .item .img {
            width: 50%;
            height: 460px;
        }

        .page-hy-box1 .item .txt .row {
            margin: 0 -10%;
            padding-top: 50px;
        }

        .page-hy-box1 .item .txt {
            padding-left: 100px;
            padding-right: 100px;
        }

            .page-hy-box1 .item .txt h2 {
                font-size: 40px;
                font-weight: 400;
                padding-bottom: 15px;
                line-height: 1.2;
            }

            .page-hy-box1 .item .txt p {
                line-height: 2;
                font-size: 18px;
            }

        .page-hy-box1 .item:nth-child(even) .txt {
            padding-left: 100px;
            padding-right: 100px;
        }

    .page-hy-box .tit {
        padding-bottom: 50px;
    }

    .page-hy-box-xg {
        padding-bottom: 60px;
    }

        .page-hy-box-xg .tit {
            padding-bottom: 50px;
        }

            .page-hy-box-xg .tit h2 {
                font-size: 45px;
                font-weight: 400;
            }

        .page-hy-box-xg .item .img {
            height: 450px;
        }

        .page-hy-box-xg .item .txt {
            padding-right: 60px;
        }

            .page-hy-box-xg .item .txt h3 {
                font-size: 38px;
                padding-bottom: 20px;
                font-weight: 400;
            }

            .page-hy-box-xg .item .txt p {
                font-size: 18px;
                line-height: 2;
            }

            .page-hy-box-xg .item .txt .layui-btn {
                height: 58px;
                width: 220px;
                font-size: 18px;
                line-height: 58px;
                margin-top: 40px;
            }

    .page-hy-box1 .item .txt .row img {
        height: 45px;
    }
}


.page-hy-tit {
    padding-top: 30px;
    padding-bottom: 10px;
}

.page-hy-jj {
    background-size: cover;
    text-align: center;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
}

    .page-hy-jj .container {
        position: relative;
        min-height: 220px;
    }

    .page-hy-jj .body {
        position: absolute;
        top: 50%;
        font-size: 1rem;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        padding: 0 15px;
        color: rgba(255,255,255,.8);
        text-align:center;
    }

        .page-hy-jj .body > h2 {
            font-size: 1.6rem;
            display: block;
            font-weight: bold;
            padding-bottom: .5em;
            color: #fff;
        }



.page-hy-box-case {
}
.page-hy-box-case-swiper{
    position:relative;
    
}
.gallery-top-case {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
}
.gallery-thumbs-case{
    position:absolute;
    z-index:22;
    top:0;
    left:0;
    bottom:0;
    display:none;
}

    .page-hy-box-case .item {
        /*height: 600px;*/
        position: relative;
    }

        .page-hy-box-case .item .logo {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 30%;
            background: rgba(244,244,244,1);
            z-index: 2;
        }

            .page-hy-box-case .item .logo img {
                object-fit: contain;
                height: 80px;
                position: absolute;
                top: 20%;
                right: 20px;
                transform: translateY(-50%);
            }

            .page-hy-box-case .item .logo:before {
                height: 0px;
                width: 0px;
                content: '';
                position: absolute;
                border-top: 10px solid transparent;
                border-left: 15px solid rgba(244,244,244,1);
                border-bottom: 10px solid transparent;
                right: -15px;
                top: 20%;
                transform: translateY(-100%);
            }

        .page-hy-box-case .item .img {
            height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 25%;
            right: 0;
            overflow: hidden;
            z-index: 1;
        }

            .page-hy-box-case .item .img img {
                object-fit: cover;
                height: 100%;
                width: 100%;
                transition: all .5s;
            }

            .page-hy-box-case .item .img a {
                display: block;
            }

        .page-hy-box-case .item .txt {
            position: relative;
            z-index: 3;
            margin-left: 30%;
            padding: 50px 30px;
            color: rgba(255,255,255,.8);
            font-size: 1rem;
            line-height: 1.8;
        }

            .page-hy-box-case .item .txt p + p {
                margin-top: 1em;
            }

            .page-hy-box-case .item .txt h3 {
                color: #fff;
                display: block;
                font-size: 1.5rem;
                font-weight: bold;
                padding-bottom: 5px;
            }

        .page-hy-box-case .item:hover .img img {
            /*transform: scale(1.1);*/
        }

@media(min-width:768px) {
    .page-hy-jj .body{
        font-size: 12px;
    }
    .page-hy-box-case .item .txt{
        font-size: 12px;
    }
}

@media(min-width:992px) {
    .page-hy-jj .container {
        min-height: 320px;
    }

    .page-hy-jj .body > h2 {
        font-size: 22px;
        font-weight: 400;
    }

    .page-hy-jj {
        margin-bottom: 20px;
    }

    .page-hy-box-case .item .logo img {
        top: 120px;
    }

    .page-hy-box-case .item .logo:before {
        top: 120px;
    }

    .page-hy-box-case .item .txt {
        padding-left: 80px;
        padding-right: 160px;
        padding-top: 100px;
        text-align: justify;
    }

        .page-hy-box-case .item .txt h3 {
            font-size: 18px;
            font-weight: 400;
            padding-bottom: .8em;
        }
        .page-hy-box-case .item .logo{
            display:none;
        }
        .page-hy-box-case .item .img{
            left:0;
        }
        .gallery-top-case .swiper-button-next, .gallery-top-case .swiper-button-prev {
            display:none;
        }
        .gallery-thumbs-case{
            display:block;
          padding:30px 0;
            width:30%;
        }
            .gallery-thumbs-case:before{
                position:absolute;
                top:0;
                left:-100%;
                bottom:0;
                right:15px;
                background:rgba(244,244,244,1);
                content:'';
            }
            .gallery-thumbs-case .swiper-slide {
                height: 80px;
            }
            .gallery-thumbs-case .swiper-slide .item {
                overflow: hidden;
                text-align: right;
                position: relative;
                height:100%;
                padding-left:30px;
                padding-right:30px;
                cursor:pointer;
            }
                .gallery-thumbs-case .swiper-slide.swiper-slide-thumb-active .item:after {
                    height: 0px;
                    width: 0px;
                    content: '';
                    position: absolute;
                    border-top: 10px solid transparent;
                    border-left: 15px solid rgba(244,244,244,1);
                    border-bottom: 10px solid transparent;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }
                .gallery-thumbs-case .swiper-slide .item img {
                    height: 100%;
                    object-fit: contain;
                }
}

@media(min-width:1200px) {
    .page-hy-tit {
        padding-top: 60px;
    }

    .page-hy-jj .container {
        min-height: 450px;
    }

    .page-hy-jj .body {
        font-size: 14px;
        width: 650px;
        margin: 0 auto;
        line-height: 2;
    }

        .page-hy-jj .body > h2 {
            font-size: 22px;
            font-weight: 400;
        }

    .page-hy-jj {
        margin-bottom: 30px;
    }

    .page-hy-box-case .item .logo img {
        top: 120px;
    }

    .page-hy-box-case .item .logo:before {
        top: 120px;
    }

    .page-hy-box-case .item .txt {
        padding-left: 70px;
        padding-right: 160px;
        padding-top: 100px;
        text-align: justify;
        font-size: 14px;
        width: 640px;
        padding-right: 0;
        padding-bottom: 100px;
    }

        .page-hy-box-case .item .txt h3 {
            font-size: 22px;
            font-weight: 400;
            padding-bottom: .8em;
        }
}

@media(min-width:1900px) {
    .page-hy-tit {
        padding-top: 90px;
    }

    .page-hy-jj .container {
        min-height: 550px;
    }

    .page-hy-jj .body {
        font-size: 18px;
        width: 650px;
        margin: 0 auto;
        line-height: 2;
    }

        .page-hy-jj .body > h2 {
            font-size: 40px;
            font-weight: 400;
        }

    .page-hy-jj {
        margin-bottom: 60px;
    }

    .page-hy-box-case .item .logo img {
        top: 180px;
    }

    .page-hy-box-case .item .logo:before {
        top: 180px;
    }

    .page-hy-box-case .item .txt {
        padding-left: 70px;
        padding-right: 160px;
        padding-top: 100px;
        text-align: justify;
        font-size: 18px;
        width: 640px;
        padding-right: 0;
        padding-bottom: 100px;
    }

        .page-hy-box-case .item .txt h3 {
            font-size: 40px;
            font-weight: 400;
            padding-bottom: .8em;
        }
}

.page-news-box1 {
}

    .page-news-box1 .row {
    }

    .page-news-box1 .col-xs-12 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .page-news-box1 .item {
        background: rgba(255,255,255,1);
        transition: all .5s;
        box-shadow: 0px 1px 24px 0px rgba(186,186,186,0.2);
        padding: 0;
    }
    .page-news-box1 .item .video {
        width: 100%;
        height: 220px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

        .page-news-box1 .item a {
            display: block;
        }

        .page-news-box1 .item .txt {
            padding: 15px;
        }

        .page-news-box1 .item .date {
            position: relative;
            padding-left: 40px;
            font-size: .8rem;
            color: #888;
            display: inline-block;
            text-transform: uppercase;
        }

            .page-news-box1 .item .date:after {
                position: absolute;
                content: '';
                height: 1px;
                background: #0061E3;
                width: 2em;
                right: -2.5em;
                top: 50%;
            }

            .page-news-box1 .item .date .day {
                display: block;
                font-size: 3rem;
                font-weight: bold;
                color: #0061E3;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                font-family: Bahnschrift;
            }

        .page-news-box1 .item h3 {
            display: block;
            padding: .6em 0;
            font-size: 1.4rem;
            color: #000;
            line-height: 1.4;
            text-align: justify;
            font-weight: bold;
        }

        .page-news-box1 .item .source {
            font-size: 1rem;
            color: #888;
            position: relative;
            padding-left: 20px;
        }

            .page-news-box1 .item .source:before {
                font-family: "iconfont" !important;
                font-size: 16px;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e617";
                color: #0061e3;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

        .page-news-box1 .item .logos {
            height: 30px;
        }

            .page-news-box1 .item .logos img {
                height: 100%;
                object-fit: contain;
            }

        .page-news-box1 .item .img {
            height: 200px;
            overflow: hidden;
        }

            .page-news-box1 .item .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all .5s;
            }

        .page-news-box1 .item:hover .img img {
            transform: scale(1.06);
        }

        .page-news-box1 .item:hover {
            box-shadow: 0px 1px 24px 0px rgba(186,186,186,1);
        }

.page-news-page {
    text-align: center;
    padding: 30px 0;
}

    .page-news-page ul {
    }

    .page-news-page  a{
        display: inline-block;
    }

        .page-news-page li.first {
        }

        .page-news-page li.last {
        }

        .page-news-page li.active {
        }

            .page-news-page span {
                 display:inline-block;
                background: #0061E3;
                color: #fff;
                height: 30px;
                padding: 0 10px;
            line-height: 30px;
            }

        .page-news-page a {
            display:inline-block;
            background: rgba(247,247,247,1);
            height: 30px;
            padding: 0 10px;
            line-height: 30px;
            color: #333;
        }

            .page-news-page a:hover {
                background: rgba(33,147,226,1);
                color: #fff;
            }

@media(min-width:768px) {
    .page-news-box1 .col-sm-4 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .page-news-box1 .item .txt {
        height: 150px;
        position: relative;
        top:0;
    }
    .page-news-box1 .item .video{
        height:150px;
    }
    .page-news-box1 .item .date {
        margin-bottom: 15px;
    }

    .page-news-box1 .item .source {
        position: absolute;
        bottom: 20px;
    }

    .page-news-box1 .item .logos {
        position: absolute;
        bottom: 10px;
    }

    .page-news-box1 .item h3 {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        padding: 0;
    }

    .page-news-box1 .item .img {
        height: 150px;
    }
}

@media(min-width:992px) {
    .page-news-box1 .item .txt {
        height: 180px;
        padding-top: 20px;
    }
    .page-news-box1 .item .video{
        height:180px;
    }
    .page-news-box1 .item .logos {
        bottom: 20px;
    }

    .page-news-box1 .item .img {
        height: 180px;
    }

    .page-news-box1 .item .source {
        font-size: 14px;
    }
}

@media(min-width:1200px) {
    .page-news-box1 .item .txt {
        height: 240px;
        padding-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-news-box1 .item .video{
        height:220px;
    }
    .page-news-box1 .item .logos {
        bottom: 30px;
    }

    .page-news-box1 .item .date {
        height: 50px;
        padding-left: 60px;
    }

        .page-news-box1 .item .date .year {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
        }

        .page-news-box1 .item .date:after {
            height: 2px;
            right: -60px;
        }

        .page-news-box1 .item .date .day {
            font-size: 50px;
        }

    .page-news-box1 .item h3 {
        font-size: 18px;
        font-weight: 400;
    }

    .page-news-box1 .item .img {
        height: 220px;
    }

    .page-news-box1 .item .logos {
        height: 40px;
    }

    .page-news-page {
        padding: 65px 0;
    }

        .page-news-page  a {
            font-size: 14px;
            
            height: 42px;
            line-height: 42px;
        }
        .page-news-page span{
            font-size: 14px;
           
            height: 42px;
            line-height: 42px;
        }
      
        .page-news-box1 .row{
            margin: 0 -20px;
        }
        .page-news-box1 .col-sm-4{
            padding: 20px;
        }
}

@media(min-width:1900px) {
    .page-news-box1 .item .txt {
        height: 290px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 40px;
    }
.page-news-box1 .item .video{
    height: 280px;
}
    .page-news-box1 .item .logos {
        bottom: 40px;
    }

    .page-news-box1 .item .date {
        height: 60px;
        padding-left: 80px;
    }

        .page-news-box1 .item .date .year {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
        }

        .page-news-box1 .item .date:after {
            height: 2px;
            right: -80px;
        }

        .page-news-box1 .item .date .day {
            font-size: 60px;
        }

    .page-news-box1 .item h3 {
        font-size: 24px;
        font-weight: 400;
    }

    .page-news-box1 .item .img {
        height: 280px;
    }

    .page-news-box1 .item .logos {
        height: 50px;
    }

    .page-news-page {
        padding: 85px 0;
    }

        .page-news-page  a {
            font-size: 16px;
           
            height: 52px;
            line-height: 52px;
        }
        .page-news-page  span {
            font-size: 16px;
            
            height: 52px;
            line-height: 52px;
        }
}


/*right-nav*/

.page-nav-right-nav {
    float: left;
}

.page-nav-right-select {
    float: right;
}

.page-nav-right-nav ul {
    margin: 0 -5px;
}

    .page-nav-right-nav ul:after {
        display: block;
        clear: both;
        content: '';
    }

.page-nav-right-nav li {
    float: left;
    padding: 0 5px;
}

    .page-nav-right-nav li a {
        display: block;
        height: 40px;
        line-height: 40px;
        position: relative;
        font-size: 1.2rem;
    }

    .page-nav-right-nav li.active a {
        color: #0061E3;
    }

        .page-nav-right-nav li.active a:after {
            position: absolute;
            height: 1px;
            left: 0;
            right: 0;
            bottom: 0;
            background: #0061E3;
            content: '';
        }

.page-nav-right-select > ul {
}

    .page-nav-right-select > ul > li {
        float: left;
        padding: 0 5px;
        position: relative;
    }

        .page-nav-right-select > ul > li + li > a:before {
            position: absolute;
            content: '';
            height: 1em;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            background: rgba(0,0,0,.03);
            left: -5px;
        }

        .page-nav-right-select > ul > li > a {
            display: block;
            height: 40px;
            line-height: 40px;
            position: relative;
            padding-right: 25px;
            font-size: 1.2rem;
        }

            .page-nav-right-select > ul > li > a:after {
                font-family: layui-icon !important;
                font-size: 12px;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e61a";
                position: absolute;
                right: 3px;
                top: 50%;
                transform: translateY(-50%);
            }

        .page-nav-right-select > ul > li > ul {
            display: none;
            position: absolute;
            background: #fff;
            right: 0;
            top: 38px;
            z-index: 3;
            padding: 10px;
            width: 100%;
            text-align: center;
            border: 1px solid rgba(192,192,192,.2);
            border-radius: 5px;
            box-shadow: 0 0 5px 0 rgba(192,192,192,.4);
        }

            .page-nav-right-select > ul > li > ul > li > a {
                display: block;
                font-size: 14px;
                padding: 4px 0;
            }

        .page-nav-right-select > ul > li.active > a {
            color: #0061E3;
        }

@media(min-width:768px) {
    .page-nav-right-nav, .page-nav-right-select {
        margin-left: 20px;
    }
}

@media(min-width:992px) {
    .page-nav-right-nav li, .page-nav-right-select > ul > li {
        padding: 0 10px;
    }

        .page-nav-right-nav li a, .page-nav-right-select > ul > li > a {
            height: 48px;
            line-height: 48px;
            font-weight: bold;
        }

        .page-nav-right-select > ul > li + li > a:before {
            left: -10px;
            background: rgba(0,0,0,.2);
        }

        .page-nav-right-select > ul > li > ul {
            top: 48px;
        }

            .page-nav-right-select > ul > li > ul > li > a {
                font-size: 12px;
                padding: 10px 0;
            }
}

@media(min-width:1200px) {
    .page-nav-right-nav li, .page-nav-right-select > ul > li {
        padding: 0 15px;
    }

        .page-nav-right-nav li a, .page-nav-right-select > ul > li > a {
            height: 58px;
            line-height: 58px;
            font-weight: bold;
            font-size: 16px;
        }

        .page-nav-right-select > ul > li + li > a:before {
            left: -15px;
        }

        .page-nav-right-select > ul > li > ul {
            top: 58px;
        }

            .page-nav-right-select > ul > li > ul > li > a {
                font-size: 16px;
                padding: 10px 0;
            }
}

@media(min-width:1900px) {
    .page-nav-right-nav li, .page-nav-right-select > ul > li {
        padding: 0 20px;
    }

        .page-nav-right-nav li a, .page-nav-right-select > ul > li > a {
            height: 68px;
            line-height: 68px;
            font-weight: 400;
            font-size: 18px;
        }

        .page-nav-right-select > ul > li + li > a:before {
            left: -20px;
        }

        .page-nav-right-nav li.active a:after {
            height: 2px;
        }

        .page-nav-right-select > ul > li > ul {
            top: 68px;
        }

            .page-nav-right-select > ul > li > ul > li > a {
                font-size: 18px;
                padding: 10px 0;
            }
}

.page-news-top {
    padding-bottom: 10px;
}

    .page-news-top .item {
        border: 1px solid rgba(0,0,0,.05);
    }

        .page-news-top .item:hover {
            box-shadow: 5px 3px 14px 0px rgba(186,186,186,.1)
        }

        .page-news-top .item .img {
            margin: -1px;
        }
        .page-news-top .item .img .video{
            height:100%!important;
        }
        .page-news-top .item span.time {
            font-weight: bold;
            font-size: 1rem;
            color: #000;
            display: block;
            padding-bottom: 10px;
        }

        .page-news-top .item span.source {
            font-size: 1rem;
            color: #888;
            position: relative;
            padding-left: 20px;
        }

            .page-news-top .item span.source:before {
                font-family: "iconfont" !important;
                font-size: 16px;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e617";
                color: #0061e3;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

        .page-news-top .item .txt p {
            display: block;
            margin-top: 10px;
            font-size: 1rem;
            color: rgba(0,0,0,.8);
        }

@media(min-width:768px) {
    .page-news-top .item {
        position: relative;
    }

        .page-news-top .item .img {
            width: 50%;
            height: 300px;
        }

        .page-news-top .item .txt {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateY(-50%);
            height: auto;
            padding-left: 25px;
            padding-right: 25px;
        }

        .page-news-top .item span.time {
            padding-top: 10px;
        }

        .page-news-top .item .txt span.source {
            position: relative !important;
            bottom: 0;
            font-size: 12px;
        }

        .page-news-top .item .txt p {
            line-height: 1.8;
            text-align: justify;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-all;
            font-size: 12px;
        }
}

@media(min-width:992px) {
}

@media(min-width:1200px) {
    .page-news-top {
    padding-bottom: 20px;
}
}

@media(min-width:1900px) {
    .page-news-top {
        padding-bottom: 30px;
    }

        .page-news-top .item .img {
            height: 430px;
        }

        .page-news-top .item .txt {
            padding-left: 55px;
            padding-right: 60px;
        }

    .page-news-box1 .item h3 {
        font-size: 30px;
    }

    .page-news-top .item span.time {
        font-size: 18px;
        font-weight: 400;
    }

    .page-news-top .item span.source {
        font-size: 14px;
    }

    .page-news-top .item .txt p {
        font-size: 16px;
        margin-top: 40px;
        line-height: 2;
    }
}

.fanhui-nav {
    height: 40px;
    line-height: 40px;
    position: relative;
}

    .fanhui-nav:before {
        font-family: layui-icon !important;
        font-size: 12px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e603";
        color: #0061E3;
    }

@media(min-width:768px) {
}

@media(min-width:992px) {
    .fanhui-nav {
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        display: block;
    }
}

@media(min-width:1200px) {
    .fanhui-nav {
        height: 58px;
        line-height: 58px;
        font-size: 16px;
        display: block;
    }
}

@media(min-width:1900px) {
    .fanhui-nav {
        height: 68px;
        line-height: 68px;
        font-size: 18px;
        display: block;
    }

        .fanhui-nav:before {
            font-size: 16px;
        }
}

.page-news-show {
    padding: 20px 0;
}

    .page-news-show .right {
        display: none;
    }

    .page-news-show .left {
    }

    .page-news-show .tit {
        padding: 20px 0 30px 0;
        border-bottom: 1px solid rgba(128,128,128,.1);
        margin-bottom: 20px;
        text-align: center;
    }

        .page-news-show .tit h1 {
            display: block;
            text-align: center;
            font-size: 2.2rem;
            font-weight: bold;
            padding-bottom: 20px;
        }

        .page-news-show .tit span.time {
            color: #000;
            margin-right: 20px;
        }

        .page-news-show .tit span.source {
            padding-left: 20px;
            position: relative;
            color: #888;
        }

            .page-news-show .tit span.source:before {
                font-family: "iconfont" !important;
                font-size: 16px;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e617";
                color: #0061e3;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

    .page-news-show .body {
        font-size: 1.2rem;
        line-height: 1.8;
        text-align: left;
    }

        .page-news-show .body p {
            margin: .5em 0;
        }

@media(min-width:768px) {
}

@media(min-width:992px) {
    .page-news-show .left {
        width: 70%;
        float: left;
    }

    .page-news-show .right {
        width: 30%;
        float: left;
        overflow: hidden;
        display: block;
        padding-left: 30px;
    }

    .page-news-show-right-more {
    }

        .page-news-show-right-more h3 {
            display: block;
            font-weight: bold;
            font-size: 14px;
            border-bottom: 1px solid rgba(128,128,128,.1);
            padding: 10px 0;
        }

        .page-news-show-right-more li {
            padding: 10px 0;
            border-bottom: 1px solid rgba(128,128,128,.1);
        }

            .page-news-show-right-more li a {
                display: block;
                font-weight: bold;
            }

            .page-news-show-right-more li span {
                color: #888;
                display: block;
                font-weight: normal;
                padding-top: 5px;
            }
}

@media(min-width:1200px) {
    .page-news-show {
        padding-top: 40px;
        padding-bottom: 60px;
    }

        .page-news-show .tit {
            text-align: left;
        }

            .page-news-show .tit h1 {
                text-align: left;
                font-size: 32px;
                font-weight: 400;
                padding-bottom: 26px;
            }

            .page-news-show .tit span.time {
                font-size: 16px;
            }

            .page-news-show .tit span.source {
                font-size: 14px;
            }

        .page-news-show .body {
            font-size: 16px;
        }

            .page-news-show .body p {
                margin: 2em 0;
            }

    .page-news-show-right-more h3 {
        font-size: 22px;
        font-weight: 400;
        padding: 22px 0;
    }

    .page-news-show-right-more li {
        padding: 20px 24px;
    }

        .page-news-show-right-more li a {
            font-size: 16px;
            font-weight: 400;
        }

        .page-news-show-right-more li span {
            font-weight: 400;
        }
}

@media(min-width:1900px) {
    .page-news-show .left {
        width: 970px;
    }

    .page-news-show .right {
        width: 400px;
    }

    .page-news-show {
        padding-top: 50px;
        padding-bottom: 80px;
    }

        .page-news-show .tit {
            text-align: left;
        }

            .page-news-show .tit h1 {
                text-align: left;
                font-size: 36px;
                font-weight: 400;
                padding-bottom: 36px;
            }

            .page-news-show .tit span.time {
                font-size: 18px;
            }

            .page-news-show .tit span.source {
                font-size: 16px;
            }

        .page-news-show .body {
            font-size: 18px;
        }

            .page-news-show .body p {
                margin: 2em 0;
            }

    .page-news-show-right-more h3 {
        font-size: 24px;
        font-weight: 400;
        padding: 22px 0;
    }

    .page-news-show-right-more li {
        padding: 20px 24px;
    }

        .page-news-show-right-more li a {
            font-size: 18px;
            font-weight: 400;
        }

        .page-news-show-right-more li span {
            font-weight: 400;
        }
}

/*ab*/
.page-ab-box1 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
}

    .page-ab-box1:before {
        position: absolute;
        top: 0;
        transition: all .5s;
        content: '';
        z-index: 1;
        border-right: 140px solid rgba(247,247,247,.9);
        border-bottom: 70px solid rgba(0,97,227,.8);
        left: 50%;
        transform: rotate(90deg) translate(35px,70px);
        width: 0;
        height: 0;
    }

    .page-ab-box1:after {
        content: '';
        display: block;
        clear: both;
    }

    .page-ab-box1 .item {
        position: relative;
        z-index: 2;
        width: 50%;
        float: left;
        height: 140px;
        text-align: center;
        cursor: pointer;
    }

        .page-ab-box1 .item .txt {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            z-index: 33;
        }

            .page-ab-box1 .item .txt h3 {
                display: block;
                position: relative;
                font-weight: bold;
                font-size: 1.5rem;
                padding-bottom: .5em;
            }

                .page-ab-box1 .item .txt h3:after {
                    position: absolute;
                    content: '';
                    bottom: 0;
                    width: 1.6em;
                    height: 2px;
                    background: #0061E3;
                    left: 50%;
                    transform: translateX(-50%);
                }

            .page-ab-box1 .item .txt p {
                padding-top: 10px;
                font-size: 1rem;
                line-height: 1.8;
                color: rgba(0,0,0,.7);
            }

        .page-ab-box1 .item:first-child:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            bottom: 0;
            right: 35px;
            background: rgba(0,97,227,.8);
            transition: all .5s;
        }

        .page-ab-box1 .item:last-child:before {
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            bottom: 0;
            left: 35px;
            background: rgba(247,247,247,.9);
            transition: all .5s;
            z-index: 1;
        }

        .page-ab-box1 .item:first-child .txt {
            color: #fff;
        }

            .page-ab-box1 .item:first-child .txt h3:after {
                background: #fff;
            }

            .page-ab-box1 .item:first-child .txt p {
                color: rgba(255,255,255,.8);
            }

    .page-ab-box1.active:before {
        border-right: 140px solid rgba(0,97,227,.8);
        border-bottom: 70px solid rgba(247,247,247,.9);
    }

    .page-ab-box1.active .item:first-child:before {
        background: rgba(247,247,247,.9);
    }

    .page-ab-box1.active .item:last-child:before {
        background: rgba(0,97,227,.8);
    }

    .page-ab-box1.active .item:first-child .txt {
        color: #000;
    }

        .page-ab-box1.active .item:first-child .txt h3:after {
            background: #0061E3;
        }

    .page-ab-box1.active .item:first-child p {
        color: rgba(0,0,0,.7);
    }

    .page-ab-box1.active .item:last-child .txt {
        color: #fff;
    }

        .page-ab-box1.active .item:last-child .txt h3:after {
            background: #fff;
        }

    .page-ab-box1.active .item:last-child p {
        color: rgba(255,255,255,.8);
    }

.page-ab-box2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 40px 0;
}

    .page-ab-box2 .item {
        color: #fff;
    }

        .page-ab-box2 .item h3 {
            font-size: 1.6rem;
            display: block;
            padding-bottom: 0;
            font-weight: bold;
        }

        .page-ab-box2 .item .txt {
            font-size: 1rem;
            line-height: 1.6;
            text-align: justify;
        }

            .page-ab-box2 .item .txt p {
                margin: 1em 0 0 0;
            }

.page-ab-box3 {
    background: rgba(248,248,248,1);
}

.page-ab-box3-swiper {
    position: relative;
}

    .page-ab-box3-swiper:before {
        position: absolute;
        left: 0;
        right: 0;
        border-top: 1px dotted rgba(0,0,0,.2);
        content: '';
        top: 25px;
    }

    .page-ab-box3-swiper .gallery-thumbs {
        margin: 0 50px;
    }

        .page-ab-box3-swiper .gallery-thumbs:before {
        }

        .page-ab-box3-swiper .gallery-thumbs .item {
            text-align: center;
            position: relative;
            height: 30px;
            line-height: 30px;
            display: block;
            margin: 0 auto;
            width: 60px;
            cursor: pointer;
        }

        .page-ab-box3-swiper .gallery-thumbs .swiper-slide {
            padding: 10px 0;
        }

        .page-ab-box3-swiper .gallery-thumbs .item > span {
            display: inline-block;
            background: rgba(248,248,248,1);
            padding: 0 10px;
            font-weight: bold;
            font-size: 1.2rem;
            position: relative;
        }

        .page-ab-box3-swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .item:before {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0,97,227,1);
            transform: skewX(-35deg);
            content: '';
        }

        .page-ab-box3-swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .item > span {
            background: none;
            color: #fff;
            padding: 0 10px;
        }

    .page-ab-box3-swiper .swiper-button-next {
        left: auto;
        right: 5px;
        top: 27px;
    }

    .page-ab-box3-swiper .swiper-button-prev {
        left: 5px;
        top: 27px;
    }

    .page-ab-box3-swiper .gallery-top {
    }

        .page-ab-box3-swiper .gallery-top .items {
            background: #fff;
            margin: 20px 40px;
            padding: 20px;
        }

            .page-ab-box3-swiper .gallery-top .items > .item:nth-child(n+5) {
                display: none;
            }

            .page-ab-box3-swiper .gallery-top .items > .item {
                position: relative;
                padding: 10px 0;
            }

                .page-ab-box3-swiper .gallery-top .items > .item > span.time {
                    display: block;
                    float: left;
                    width: 50px;
                    text-align: right;
                    padding-right: 15px;
                    position: relative;
                    font-weight: bold;
                }

                    .page-ab-box3-swiper .gallery-top .items > .item > span.time:after {
                        position: absolute;
                        right: -2px;
                        width: 10px;
                        height: 1px;
                        background: #000;
                        content: '';
                        top: 10px;
                    }

                .page-ab-box3-swiper .gallery-top .items > .item > ul {
                    margin-left: 60px;
                    font-size: 1rem;
                    text-align: justify;
                    line-height: 1.6;
                }
                .page-ab-box3-swiper .gallery-top .items > .item > ul p:hover{
                    color: #0061e3;
                }
                .page-ab-box3-swiper .gallery-top .items > .item > ul p{
                    margin-bottom: 10px;
                }

                    .page-ab-box3-swiper .gallery-top .items > .item > ul > li + li {
                        padding-top: 10px;
                    }

.page-ab-box3-swiper-more {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

.page-ab-box4 {
}

    .page-ab-box4 .row {
        margin: 0 -5px;
    }

    .page-ab-box4 .col-xs-6 {
        padding: 5px 5px;
    }

    .page-ab-box4 .item {
        background: rgba(248,248,248,1);
        padding: 20px;
        position: relative;
        min-height: 140px;
        transition: all .5s;
    }

        .page-ab-box4 .item:before {
            position: absolute;
            right: 10px;
            bottom: 10px;
            width: 40px;
            height: 40px;
            content: '';
        }

        .page-ab-box4 .item strong {
            display: block;
            font-size: 1.5rem;
            padding-bottom: 10px;
        }

        .page-ab-box4 .item span {
            font-size: 1.2rem;
        }

        .page-ab-box4 .item.item1:before {
            background: url(/statics/zhang/images/icon/icon-lx-1.png) no-repeat center center;
            background-size: contain;
        }

        .page-ab-box4 .item.item2:before {
            background: url(/statics/zhang/images/icon/icon-lx-2.png) no-repeat center center;
            background-size: contain;
        }

        .page-ab-box4 .item.item3:before {
            background: url(/statics/zhang/images/icon/icon-lx-3.png) no-repeat center center;
            background-size: contain;
        }

        .page-ab-box4 .item.item4:before {
            background: url(/statics/zhang/images/icon/icon-lx-4.png) no-repeat center center;
            background-size: contain;
        }

        .page-ab-box4 .item:hover {
            background: #0061E3;
            color: #fff;
        }
        .page-ab-box4 .item:hover a {
            color: #fff;
        }
        .page-ab-box4 .item a{
            /*color: #fff;*/
        }
        .page-ab-box4 .item a:hover {
            /*background: #0061E3;*/
            color: #fff;
        }

        .page-ab-box4 .item.item1:hover:before {
            background: url(/statics/zhang/images/icon/icon-lx-1s.png) no-repeat center center;
            background-size: contain;
        }

        .page-ab-box4 .item.item2:hover:before {
            background: url(/statics/zhang/images/icon/icon-lx-2s.png) no-repeat center center;
            background-size: contain;
        }

        .page-ab-box4 .item.item3:hover:before {
            background: url(/statics/zhang/images/icon/icon-lx-3s.png) no-repeat center center;
            background-size: contain;
        }

        .page-ab-box4 .item.item4:hover:before {
            background: url(/statics/zhang/images/icon/icon-lx-4s.png) no-repeat center center;
            background-size: contain;
        }


.page-ab-box5 {
    padding-bottom: 30px;
}

    .page-ab-box5 .row {
        margin: 0 -5px;
    }

    .page-ab-box5 .col-xs-6 {
        padding: 5px 5px;
    }

    .page-ab-box5 .item {
        border: 1px solid rgba(229,229,229,1);
        padding: 15px;
        text-align: center;
        font-size: 1rem;
        color: rgba(37,45,51,.7);
        transition: all .5s;
    }

        .page-ab-box5 .item:hover {
            transform: translateY(-5px);
        }

        .page-ab-box5 .item strong {
            display: block;
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 10px;
            padding-top: 30px;
            color: #000;
        }

            .page-ab-box5 .item strong:before {
                position: absolute;
                content: '';
                background: url(/statics/zhang/images/icon/icon-0.png) no-repeat center center;
                background-size: contain;
                width: 20px;
                height: 20px;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
            }

            .page-ab-box5 .item strong:after {
                position: absolute;
                content: '';
                bottom: 0;
                width: 1em;
                height: 1px;
                left: 50%;
                transform: translateX(-50%);
                background: #0061E3;
            }


@media(min-width:768px) {
    .page-ab-box3-swiper .gallery-top .items > .item > ul{
        font-size: 12px;
    }
    .page-ab-box5 .item{
        font-size: 12px;
    }
}

@media(min-width:992px) {
    .page-ab-box1 .item {
        height: 400px;
    }

    .page-ab-box1:before {
        border-right: 400px solid rgba(247,247,247,.9);
        border-bottom: 200px solid rgba(0,97,227,.8);
        transform: rotate(90deg) translate(100px,200px);
    }

    .page-ab-box1 .item:first-child:before {
        right: 100px;
    }

    .page-ab-box1 .item:last-child:before {
        left: 100px;
    }

    .page-ab-box1.active:before {
        border-right: 400px solid rgba(0,97,227,.8);
        border-bottom: 200px solid rgba(247,247,247,.9);
    }

    .page-ab-box1 .item .txt h3 {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 14px;
    }

        .page-ab-box1 .item .txt h3:after {
            height: 2px;
        }

    .page-ab-box1 .item .txt p {
        padding-top: 10px;
        font-size: 12px;
    }

    .page-ab-box2 .item {
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }

        .page-ab-box2 .item h3 {
            font-size: 22px;
            font-weight: 400;
            padding-bottom: 10px;
        }

        .page-ab-box2 .item .txt {
            font-size: 12px;
            line-height: 1.8;
            text-align: center;
        }
}

@media(min-width:1200px) {
    .page-ab-box1 .item {
        height: 600px;
    }

    .page-ab-box1:before {
        border-right: 600px solid rgba(247,247,247,.9);
        border-bottom: 300px solid rgba(0,97,227,.8);
        transform: rotate(90deg) translate(150px,300px);
    }

    .page-ab-box1 .item:first-child:before {
        right: 150px;
    }

    .page-ab-box1 .item:last-child:before {
        left: 150px;
    }

    .page-ab-box1.active:before {
        border-right: 600px solid rgba(0,97,227,.8);
        border-bottom: 300px solid rgba(247,247,247,.9);
    }

    .page-ab-box1 .item .txt h3 {
        font-size: 24px;
        font-weight: 400;
        padding-bottom: 24px;
    }

        .page-ab-box1 .item .txt h3:after {
            height: 2px;
        }

    .page-ab-box1 .item .txt p {
        padding-top: 20px;
        font-size: 14px;
    }

    .page-ab-box2 {
        padding-top: 90px;
        padding-bottom: 80px;
    }

        .page-ab-box2 .item {
            width: 60%;
        }

            .page-ab-box2 .item h3 {
                font-size: 24px;
                font-weight: 400;
                padding-bottom: 10px;
            }

            .page-ab-box2 .item .txt {
                font-size: 14px;
                line-height: 1.8;
            }

    .page-ab-box3-swiper .container {
        position: relative;
    }

    .page-ab-box3-swiper .gallery-thumbs .item {
        width: 125px;
        height: 50px;
        line-height: 50px;
    }

        .page-ab-box3-swiper .gallery-thumbs .item > span {
            font-size: 16px;
            font-weight: 400;
            color: #000;
        }

    .page-ab-box3-swiper:before {
        top: 35px;
    }

    .page-ab-box3-swiper .swiper-button-prev, .page-ab-box3-swiper .swiper-button-next {
        width: 50px;
        height: 50px;
        top: 32px;
    }

    .page-ab-box3-swiper .gallery-top {
        margin: 0 100px;
        padding: 0 0;
    }

        .page-ab-box3-swiper .gallery-top .items {
            padding: 50px 100px;
        }

            .page-ab-box3-swiper .gallery-top .items > .item > ul {
                font-size: 14px;
                line-height: 1.6;
                margin-left: 100px;
            }

            .page-ab-box3-swiper .gallery-top .items > .item > span.time {
                font-size: 14px;
                font-weight: 400;
                width: 100px;
                padding-right: 40px;
            }

                .page-ab-box3-swiper .gallery-top .items > .item > span.time:after {
                    right: 10px;
                    top: 15px;
                    width: 20px;
                }

    .page-ab-box3-swiper-more {
        padding: 30px;
        padding-bottom: 40px;
    }

    .page-ab-box4 .item {
        min-height: 200px;
        padding: 25px;
    }

        .page-ab-box4 .item strong {
            font-size: 18px;
        }

        .page-ab-box4 .item span {
            font-size: 14px;
        }

        .page-ab-box4 .item:before {
            width: 48px;
            height: 48px;
            right: 20px;
            bottom: 20px;
        }

    .page-ab-box5 {
        padding-bottom: 70px;
    }

        .page-ab-box5 .item {
            padding: 30px;
            font-size: 14px;
        }

            .page-ab-box5 .item strong {
                font-size: 18px;
                font-weight: 400;
            }
}

@media(min-width:1900px) {
    .page-ab-box1 .item {
        height: 700px;
    }

    .page-ab-box1:before {
        border-right: 700px solid rgba(247,247,247,.9);
        border-bottom: 350px solid rgba(0,97,227,.8);
        transform: rotate(90deg) translate(175px,350px);
    }

    .page-ab-box1 .item:first-child:before {
        right: 175px;
    }

    .page-ab-box1 .item:last-child:before {
        left: 175px;
    }

    .page-ab-box1.active:before {
        border-right: 700px solid rgba(0,97,227,.8);
        border-bottom: 350px solid rgba(247,247,247,.9);
    }

    .page-ab-box1 .item .txt h3 {
        font-size: 40px;
        font-weight: 400;
        padding-bottom: 24px;
    }

        .page-ab-box1 .item .txt h3:after {
            height: 4px;
        }

    .page-ab-box1 .item .txt p {
        padding-top: 20px;
        font-size: 18px;
    }

    .page-ab-box2 {
        padding-top: 110px;
        padding-bottom: 80px;
    }

        .page-ab-box2 .item {
            width: 60%;
        }

            .page-ab-box2 .item h3 {
                font-size: 32px;
                font-weight: 400;
                padding-bottom: 10px;
            }

            .page-ab-box2 .item .txt {
                font-size: 18px;
                line-height: 1.8;
            }

    .page-ab-box3-swiper .container {
        position: relative;
    }

    .page-ab-box3-swiper .gallery-thumbs .item {
        width: 145px;
        height: 50px;
        line-height: 50px;
    }

        .page-ab-box3-swiper .gallery-thumbs .item > span {
            font-size: 18px;
            font-weight: 400;
            color: #000;
        }

    .page-ab-box3-swiper:before {
        top: 35px;
    }

    .page-ab-box3-swiper .swiper-button-prev, .page-ab-box3-swiper .swiper-button-next {
        width: 50px;
        height: 50px;
        top: 32px;
    }

    .page-ab-box3-swiper .gallery-top {
        margin: 0 100px;
        padding: 0 0;
    }

        .page-ab-box3-swiper .gallery-top .items {
            padding: 50px 200px;
        }

            .page-ab-box3-swiper .gallery-top .items > .item > ul {
                font-size: 18px;
                line-height: 1.6;
                margin-left: 100px;
            }

            .page-ab-box3-swiper .gallery-top .items > .item > span.time {
                font-size: 20px;
                font-weight: 400;
                width: 100px;
                padding-right: 40px;
            }

                .page-ab-box3-swiper .gallery-top .items > .item > span.time:after {
                    right: 10px;
                    top: 15px;
                    width: 20px;
                }

    .page-ab-box3-swiper-more {
        padding: 30px;
        padding-bottom: 70px;
    }

    .page-ab-box4 .item {
        min-height: 230px;
        padding: 25px;
    }

        .page-ab-box4 .item strong {
            font-size: 20px;
        }

        .page-ab-box4 .item span {
            font-size: 16px;
        }

        .page-ab-box4 .item:before {
            width: 58px;
            height: 58px;
            right: 20px;
            bottom: 20px;
        }

    .page-ab-box5 {
        padding-bottom: 90px;
    }

        .page-ab-box5 .item {
            padding: 30px;
            font-size: 16px;
        }

            .page-ab-box5 .item strong {
                font-size: 22px;
                font-weight: 400;
            }
}

.page-spage {
    padding-bottom: 30px;
}

    .page-spage .sytk-1 {
        padding: 10px 0;
    }

        .page-spage .sytk-1 h3 {
            font-size: 2rem;
            display: block;
            padding-bottom: 10px;
            font-weight: bold;
        }

    .page-spage .border-bottom {
        border-bottom: 1px solid rgba(192,192,192,.5);
    }

@media(min-width:768px) {
}

@media(min-width:992px) {
}

@media(min-width:1200px) {
    .page-spage {
        padding-bottom: 50px;
    }

        .page-spage .sytk-1 {
            padding: 20px 0;
        }
}

@media(min-width:1900px) {
    .page-spage {
        padding-bottom: 70px;
    }

        .page-spage .sytk-1 {
            padding: 30px 0;
        }
}




.page-cp-p6-box1-swiper {
    position: relative;
}

    .page-cp-p6-box1-swiper .swiper-button-next, .page-cp-p6-box1-swiper .swiper-button-prev {
        top: 50%;
    }

    .page-cp-p6-box1-swiper .swiper-button-next {
        right: 20px;
        left: auto;
    }

    .page-cp-p6-box1-swiper .swiper-slide-next:before, .page-cp-p6-box1-swiper .swiper-slide-prev:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(192,192,192,.9);
        z-index: 22;
        content: '';
    }

    .page-cp-p6-box1-swiper .swiper-slide {
        width: 80%;
        margin-right: 15px;
    }

        .page-cp-p6-box1-swiper .swiper-slide .item {
            position: relative;
            z-index: 2;
        }

            .page-cp-p6-box1-swiper .swiper-slide .item a {
                height: 200px;
            }

                .page-cp-p6-box1-swiper .swiper-slide .item a .img {
                    height: 100%;
                }

@media(min-width:768px) {
    .page-cp-p6-box1-swiper .swiper-slide {
        width: 750px;
    }

        .page-cp-p6-box1-swiper .swiper-slide .item a {
            height: 300px;
        }
}

@media(min-width:992px) {
    .page-cp-p6-box1-swiper .swiper-slide {
        width: 970px;
    }

        .page-cp-p6-box1-swiper .swiper-slide .item a {
            height: 400px;
        }
}

@media(min-width:1200px) {
    .page-cp-p6-box1-swiper .swiper-slide {
        width: 1170px;
    }

        .page-cp-p6-box1-swiper .swiper-slide .item a {
            height: 500px;
        }

    .page-cp-p6-box1-swiper .swiper-button-next {
    }

    .page-cp-p6-box1-swiper .swiper-button-prev {
    }
}

@media(min-width:1900px) {
    .page-cp-p6-box1-swiper .swiper-slide {
        width: 1400px;
    }

    .page-cp-p6-box1-swiper .swiper-slide {
        margin-right: 80px;
    }

        .page-cp-p6-box1-swiper .swiper-slide .item a {
            height: 600px;
        }

    .page-cp-p6-box1-swiper .swiper-button-next {
        right: 50%;
        transform: translateX(1800%);
    }

    .page-cp-p6-box1-swiper .swiper-button-prev {
        left: 50%;
        transform: translateX(-2000%);
    }
}





.index-banner video {
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
    z-index: -1;
    vertical-align: bottom;
    display: block;
    position: absolute;
    display:none;
}



.video-btn{
    text-align:center;
    padding-top:50px;
}

    .video-btn a{
        color:#0061e3;
        font-weight:bold;
       
    }
        .video-btn a .iconfont {
            font-size: 42px;
        }
            .video-btn a:hover .iconfont{
                transform:scale(1.4);
            }


@media(min-width:768px) {
    .index-banner video{
        display:block;
    }
}

@media(min-width:992px) {
}

@media(min-width:1200px) {
}

@media(min-width:1900px) {
}



            @media(min-width:768px) {
            }

@media(min-width:992px) {
}

@media(min-width:1200px) {
}

@media(min-width:1900px) {
}



.index-box4-tab .layui-tab{
    margin:0;
}
.index-box4-tab .layui-tab-title {
    height: 50px;
    border: none;
}
    .index-box4-tab .layui-tab-title li {
        font-size: 2rem;
        line-height: 50px;
        min-width: 75px;
        padding: 0 0;
        padding-right: 25px;
        color: #999;
    }
    .index-box4-tab .layui-tab-title .layui-this {
        font-weight: 400;
        color:#000;
    }
        .index-box4-tab .layui-tab-title .layui-this:after {
            display: none;
        }
    .index-box4-tab .layui-tab-title li + li:before {
        position: absolute;
        width: 1px;
        top: 15px;
        bottom: 15px;
        content: '';
        background: rgba(0,0,0,.1);
        left: -12px;
    }
.index-box4-tab .layui-tab-item {
    position: relative;
}
    .index-box4-tab .layui-tab-item > a.more {
        position: absolute;
        right: 0;
        top: -60px;
    }
.index-box4-tab .layui-tab-content {
    padding: 0;
    padding-top: 30px;
}
.index-box4-tab .layui-tab-title:after {
    position: absolute;
    content: '';
    height: 1px;
    background: rgba(0,0,0,.15);
    bottom: 0;
    left: 0;
    right: 0;
}
.index-box4-tab .layui-tab-bar {
    display: none;
}

@media(min-width:768px) {
    .index-box4-tab .layui-tab-title li{
        font-size:16px;
        font-weight:400;
    }
    .index-box4-tab .layui-tab-item > a.more{
        font-size:12px;
    }
}

@media(min-width:992px) {
    .index-box4-tab .layui-tab-title li {
        font-size: 22px;
        font-weight: 400;
        padding-right:35px;
    }
        .index-box4-tab .layui-tab-title li+li:before{
            left:-16px;
        }
        .index-box4-tab .layui-tab-title .layui-this {
            font-weight: 400;
        }
}

@media(min-width:1200px) {
    .index-box4-tab .layui-tab-title{
        height:60px;
    }
    .index-box4-tab .layui-tab-title li {
        font-size: 26px;
        font-weight: 400;
        padding-right: 35px;
    }
    .index-box4-tab .layui-tab-item > a.more {
        font-size: 12px;
    }
}

@media(min-width:1900px) {
    .index-box4.index-box4-tab > .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .index-box4-tab .layui-tab-title {
        height: 80px;
    }
    .index-box4-tab .layui-tab-title li {
        font-size: 42px;
        font-weight: 400;
        padding-right: 70px;
    }
        .index-box4-tab .layui-tab-title li + li:before {
            left: -35px;
            top:5px;
            bottom:5px;
        }
    .index-box4-tab .layui-tab-content{
        padding-top:80px;
        
    }
    .index-box4-tab .layui-tab-item > a.more{
        top:-120px;
    }
}