﻿@charset "utf-8";
a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;border:0;list-style:none}
body{color:#717171;font-size:16px;font-family:'微软雅黑'}
a{color:#000;text-decoration:none}
a:hover{color:#1d4b7b;cursor:pointer}
.fl{float:left}
.fr{float:right}
.clearfix:after{clear:both;display:block;content:""}
.quanju{position:relative;width:100%;z-index:999;}
.con{position:relative;left:50%;overflow:hidden;margin-left:-960px;width:1920px;height:750px}
.con ul li{position:absolute;top:0;left:0;display:none}
.lun{position:absolute;top:0;right:50%;bottom:4%;left:50%}
.lun a{position:absolute;bottom:10px;left:47%;text-align:center}
.con .lun a{display:inline-block;width:12px;height:12px;border:1px solid #fff;border-radius:50%;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}
.lun .current{background:#fff;opacity:1}
.con ul li a{position:absolute;top:45%;left:14%;display:inline-block;padding:10px 35px;border:1px solid #fff;color:#fff}
.con ul li a:hover{background:#fff;color:#1d4b7b}
.top{position:absolute;top:2%;width:100%;line-height:35px;padding-top:0px;background: rgba(6,54,103,0.5);}
.top .dao_h,.top .dian_h,.top .logo{float:left}
.top .logo{margin-left:2.5%;width:35%}
.top .dao_h{margin-left:60px;width:55%;line-height:95px;}
.top .dao_h ul{width:100%}
.top .dao_h ul li{float:left;margin:0 3%}
.top .dao_h ul li a{color:#fff}
.top .dao_h ul li a:hover{color:#1a87c6}
.top .dian_h{/*padding-left:2%;background:url(../img/icon_34.png) no-repeat left;background-size:8%;*/width:13%;color:#fff}
.top .dian_h span{font-weight:700;font-size:18px}
.w_100{background:url(../img/back_02.jpg) no-repeat center}
.w_1200{margin:0 auto;width:1200px;height:750px}
.w_1200 .jie_zuo{width:600px}
.w_1200 .jie_zuo .tu{padding-top:11%;color:#333;text-align:left;font-weight:700;font-size:30px}
.w_1200 .jie_zuo p{margin:4% 0 8%;color:#666;letter-spacing:1px;font-size:16px;line-height:34px}
.w_1200 .jie_zuo a{padding:10px 48px;border:1px solid #1d4b7b;border-radius:5px;color:#1d4b7b}
.w_1200 .jie_zuo a:hover{background:#1d4b7b;color:#fff}
.honor{height:586px;background:url(../img/back_03.jpg) no-repeat center}
.tong_yong2 p{color:#333;text-align:center;font-size:22px;line-height:50px}
.tong_yong2 h3{display:inline-block;width:100%;color:#333;font-weight:700;font-size:30px}
.honor_por li{margin-right:15px;width:18%;}
.honor_por li img{max-width:100%;}
.honor_por li.last{margin-right:0}
.w_100_1{width:100%;background:url(../img/back_04.jpg) no-repeat}
.w_1200_1{margin:0 auto;width:1200px;height:480px}
.tong_yong{padding:3% 0;color:#fff;text-align:center;font-size:22px;line-height:50px}
.tong_yong span{display:inline-block;width:100%;font-weight:700;font-size:30px}
.w_1200_1 ul{clear:both;display:inline-block;margin:1% 5%;margin-top:5%;width:90%}
.w_1200_1 ul li{float:left}
.w_1200_1 ul li a{color:#fff}
.w_1200_1 ul li a:hover{color:#1d4b7b}
.w_1200_1 ul li a span{padding:0 10px}
.w_1200_1 .in_p{width:100%}
.w_1200_1 .in_p a{position:absolute;right:26%;display:inline-block;width:60px;height:55px;background:url(../img/icon_19.png) no-repeat center;background-size:60%}
.w_1200_1 .in_p input{margin:0 5%;padding:0 2%;width:80%;height:55px;border-radius:75px;font-size:16px;line-height:55px}
.swiper-container{width:1200px;height:70%}
.swiper-container{position:relative;z-index:1;overflow:hidden;margin-right:auto;margin-left:auto;padding:0;list-style:none}
.swiper-wrapper{position:relative;z-index:1;display:flex;box-sizing:content-box;width:100%;height:85%;transition-property:transform}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;text-align:center;font-size:18px;transition:.3s;transform:scale(.8);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide{position:relative;width:100%;height:75%!important;border-radius:5px;transition-property:transform;flex-shrink:0}
.swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1)}
.swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1)}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination{position:absolute;z-index:10;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0)}
.swiper-container .swiper-notification{position:absolute;top:0;left:0;z-index:-1000;opacity:0;pointer-events:none}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1}
.swiper-pagination-bullet{display:inline-block;width:8px;height:8px;border-radius:100%;background:#000;opacity:.2}
.w_100_2{padding:0 0 2% 0;height:670px;background:#f8f8f8}
.tu_1{background:url(../img/back_09.png) no-repeat;background-size:100%}
.tu_1 span{position:absolute;bottom:-13%;display:inline-block;width:100%;color:#222;text-align:center;font-size:16px}
.w_100_3{width:100%;height:650px;background:#fff}
.w_1200_3{margin:0 auto;width:1200px}
.w_1200_3 .nei{overflow-y:scroll;height:465px}
.w_1200_3 .nei ul{margin-right:5%;padding:0 5%;width:85%}
.w_1200_3 .nei ul li{display:inline-block;margin:1% 0;padding:2% 2% 0 2%;width:100%;height:115px}
.w_1200_3 .nei ul li .nei_con,.w_1200_3 .nei ul li .shi_j,.w_1200_3 .nei ul li a{float:left}
.shi_j{width:10%}
.shi_j span{display:inline-block;width:100%;color:#ccc}
.shi_j .span{margin:5px 0 45px 0;color:#555}
.nei_con{width:78%}
.nei_con .img,.nei_con .wen_z{float:left}
.nei_con .img{overflow:hidden;width:145px;height:95px}
.nei_con .wen_z{float:left;margin-left:3%;width:75%}
.nei_con .wen_z h3{padding:5px 0 3% 0;color:#222;font-size:16px}
.nei_con .wen_z p{display:-webkit-box;overflow:hidden;height:45px;color:#555;text-overflow:ellipsis;font-size:14px;line-height:25px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nei::-webkit-scrollbar{width:10px;height:50px}
.innerbox::-webkit-scrollbar-thumb{border-radius:25px;background:#1d4b7b;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.innerbox::-webkit-scrollbar-track{border-radius:50%;background:#1d4b7b;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.nei ul li a{display:inline-block;margin-top:3%;padding:8px 30px;border:2px solid #ccc;border-radius:25px;color:#555;font-size:14px}
.nei ul li:hover{background:#f8f8f8}
.nei ul li a:hover{border:2px solid #1d4b7b;background:#1d4b7b;box-shadow:0 2px 10px #999;color:#fff}
.di_bu{margin-top:2%;width:100%;height:280px;background:#1d4b7b}
.w_1200_4{margin:0 auto;padding:2% 0;width:1200px}
.di_you,.di_zuo{float:left}
.di_zuo{width:25%;border-right:1px solid #fff;color:#fff;text-align:center;font-weight:700;font-size:18px;line-height:45px}
.di_zuo span{display:inline-block;margin:3% 0;padding-left:35px;background:url(../img/icon_31.png) no-repeat left 9px;background-size:14%}
.di_zuo p{display:inline-block;margin:3% 0;padding-left:35px;background:url(../img/icon_34.png) no-repeat left 9px;background-size:14%}
.di_you{margin-left:5%;width:69%}
.di_you .lian_j{color:#fff}
.lian_j h3{padding:2% 0;font-weight:700;font-size:16px}
.lian_j ul{display:inline-block}
.lian_j ul li{float:left;margin-right:5px;text-align:left;font-size:14px}
.lian_j ul li a{color:#fff}
.di_you ol{margin-top:3%;width:100%}
.di_you ol li{float:left;margin:3px 0;padding-left:5%;color:#fff;font-size:14px}
@media screen and (min-device-width:1441px) and (max-width:1600px){.w_1200_1 .in_p a{right:21%}
}

.pro_item{}
.pro_item img{display:block;}
.pro_item span{display:block;text-align:center;}
/*kefu*/
.cndns-right {
    position: fixed;
    right: 1px;
    top: 50%;
    margin-top: -100px;
    z-index: 100
}

    .cndns-right-meau {
        position: relative;
    }

    .cndns-right-btn {
        width: 48px;
        height: 48px;
        border: 1px solid #ddd;
        text-align: center;
        display: block;
        margin-bottom: 6px;
        position: relative;
        background-color: #fff
    }

        .cndns-right-btn span {
            color: #848484;
            font-size: 26px;
            line-height: 48px;
        }

        .cndns-right-btn sup {
            display: block;
            min-width: 24px;
            height: 24px;
            text-align: center;
            line-height: 24px;
            color: #fff;
            border-radius: 50%;
            background-color: #ff6800;
            position: absolute;
            left: -12px;
            top: -12px;
        }

        .cndns-right-btn p {
            color: #ff6800;
            font-size: 14px;
            line-height: 18px;
            padding-top: 5px;
            display: none;
        }

    .cndns-right-meau:hover .cndns-right-btn span {
        display: none
    }

    .cndns-right-meau:hover .cndns-right-btn p {
        display: block;
    }

    .meau-car .cndns-right-btn {
        border-color: #ff6800;
        margin-bottom: 20px;
    }

    .meau-car.cndns-right-meau:hover .cndns-right-btn {
        background-color: #ff6800
    }

        .meau-car.cndns-right-meau:hover .cndns-right-btn span {
            color: #fff;
            display: block;
        }

    .meau-car .cndns-right-btn span {
        color: #ff6800;
    }

    .meau-sev .cndns-right-btn {
        border-color: #ff6800;
        background: url(/img/02index-banner-8.gif) no-repeat #ff6800 center;
    }

        .meau-sev .cndns-right-btn p {
            color: #fff
        }

        .meau-sev .cndns-right-btn span {
            color: #fff
        }

    .meau-top .cndns-right-btn span {
        font-size: 12px;
        line-height: 12px;
        padding-top: 10px;
        display: block
    }

    .meau-top .cndns-right-btn i {
        display: block;
        color: #999
    }

    .meau-top.cndns-right-meau:hover .cndns-right-btn {
        background-color: #ff6800
    }

        .meau-top.cndns-right-meau:hover .cndns-right-btn span {
            display: block;
            color: #fff
        }

        .meau-top.cndns-right-meau:hover .cndns-right-btn i {
            color: #fff;
        }

    .cndns-right-box {
        position: absolute;
        top: -15px;
        right: 48px;
        padding-right: 25px;
        display: none;
    }

        .cndns-right-box .box-border {
            border: 1px solid #ccc;
            border-top: 4px solid #ff6800;
            padding: 20px;
            background-color: #fff;
            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
            -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
            box-shadow: 0 3px 8px rgba(0,0,0,.15);
            position: relative
        }

            .cndns-right-box .box-border .arrow-right {
                display: block;
                width: 13px;
                height: 16px;
                background: url(/img/arrow.png) no-repeat;
                position: absolute;
                right: -13px;
                top: 26px;
            }

            .cndns-right-box .box-border .sev-t span {
                font-size: 42px;
                float: left;
                display: block;
                line-height: 56px;
                margin-right: 20px;
                color: #d3d3d3
            }

            .cndns-right-box .box-border .sev-t p {
                float: left;
                color: #ff6800;
                font-size: 24px;
                line-height: 28px;
            }

                .cndns-right-box .box-border .sev-t p i {
                    display: block;
                    font-size: 14px;
                    color: #aaa;
                }

            .cndns-right-box .box-border .sev-b {
                padding-top: 15px;
                margin-top: 15px;
                border-top: 1px solid #e4e4e4
            }

                .cndns-right-box .box-border .sev-b h4 {
                    color: #666;
                    font-size: 14px;
                    font-weight: normal;
                    padding-bottom: 15px;
                }

                .cndns-right-box .box-border .sev-b li {
                    float: left;
                    width: 33.33333%
                }

                    .cndns-right-box .box-border .sev-b li a {
                        display: inline-block;
                        color: #999;
                        font-size: 13px;
                        padding-left: 43px;
                        background: url(/img/q1.gif) no-repeat left 3px;
                        line-height: 36px;
                    }

                        .cndns-right-box .box-border .sev-b li a:hover {
                            color: #ff6800
                        }

    .meau-sev .cndns-right-box .box-border {
        width: 430px;
    }

    .meau-contact .cndns-right-box .box-border {
        width: 230px;
    }

    .cndns-right-meau:hover .cndns-right-box {
        display: block
    }

    .meau-code .cndns-right-box {
        top: inherit;
        bottom: -35px;
    }

        .meau-code .cndns-right-box .box-border {
            width: 156px;
            text-align: center;
            border-top: 1px solid #ccc;
        }

            .meau-code .cndns-right-box .box-border i {
                display: block;
                color: #f66e06;
                font-size: 16px;
                line-height: 16px;
            }

            .meau-code .cndns-right-box .box-border .arrow-right {
                top: inherit;
                bottom: 50px;
            }

    .meau-sev .cndns-right-btn .demo-icon {
        display: none;
    }

    .meau-sev:hover .cndns-right-btn {
        background: #ff6800
    }

    .meau-zs .cndns-right-btn {
        background-color: #ff6800;
        color: #fff;
        margin-top: 80px;
        border-color: #ff6800
    }

        .meau-zs .cndns-right-btn span {
            color: #fff
        }

        .meau-zs .cndns-right-btn p {
            color: #fff
        }
    /*kefu*/
    .clear {
        clear: both;
        font-size: 0px;
        line-height: 0;
        height: 0;
    }

    @font-face {
        font-family: 'icomoon';
        src: url('/fonts/icomoon.eot?qradjf');
        src: url('/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?qradjf') format('truetype'), url('/fonts/icomoon.woff?qradjf') format('woff'), url('/fonts/icomoon.svg?qradjf#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    .demo-icon {
        font-family: "icomoon";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        font-size: 24px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 24px;
        color: #999;
    }


    /*主图*/
    .banner {
        width: 100%;
        overflow: hidden;
        height: 750px;
        position: relative;
        z-index:1;
    }

    .banList {
        position: absolute;
        left: 50%;
        margin-left: -960px;
        height: 750px
    }

        .banList li {
            height: 750px;
            opacity: 0;
            position: absolute;
            transform: scale(0);
            transition: transform 0.5s ease 0s, opacity 1.5s ease 0s;
            z-index: 1;
        }

            .banList li.active {
                opacity: 1;
                transform: scale(1);
                z-index: 2;
            }

    .fomW {
        position: absolute;
        bottom: 20px;
        left: 50%;
        height: 20px;
        z-index: 9;
        width: 1000px;
        margin-left: -500px
    }

    .jsNav {
        text-align: center;
    }

        .jsNav a {
            display: inline-block;
            background: #fff;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin: 0 5px;
        }

            .jsNav a.current {
                background: #fc8f0f;
                cursor: pointer;
            }
