*{

    padding:0px;

    margin:0px;

    border:none;

    list-style:none;

    text-decoration:none;

    font-family:"微软雅黑",Arial;

}

.mid{

    width:1300px; 

    margin:0 auto;

}



.minwidth{

    width:100%;

    min-width:1300px;

    float:left;

}



.top{

    height:130px;

    background:#fff;

    position:relative;

    z-index:400;

}

    .top .logo {

        float: left;

        margin-top: 35px;

    }

    .top .tel {

        float: right;

        width: 220px;

        height: 70px;

        background: url(../img/tel-top.jpg) no-repeat;

        margin-top: 40px;

    }

        .top .tel span {

            float: left;

            margin: 35px 0px 0px 70px;

            font-weight: bold;

            font-size: 22px;

            font-style: italic;

        }

.nav{

    background:#206ba4;

    height:70px;



}

    .nav ul {

        display: flex;

        justify-content: space-between;

    }

        .nav ul li {

            position:relative;

            flex-grow: 1;

            text-align: center;

            background: url(../img/nav-line.jpg) no-repeat left;

            height:70px;

        }

            .nav ul li:first-child {

                background: none;

            }

            .nav ul li>a {

                display: inline-block;

                padding: 5px 0px;

                color: #fff;

                font-size: 16px;

                transition: all 0.5s;

                border-bottom: 1px solid #206ba4;

                width: 100%;

                margin-top:18px;

            }

            .nav ul li:hover>a {

                border-bottom: 1px solid #fff;

                width: 64px;

            }

            

            .nav ul li dl {

                position:absolute;

                left:18px;

                top:-500px;

                margin:0 auto;

                border:0px;

                width:150px;

                

                padding:10px 0px;

                padding-top:30px;

                z-index:-50;

                transition:all 0.5s;

            }

            .nav ul li:hover dl{

                 top:40px;

            }

            .nav ul li dl dd{

                float:left;

                width:100%;

            }

            .nav ul li dl dd a{

                float:left;

                width:100%;

                text-align:center;

                padding:10px 0px;

                color:#fff;

                background:#206ba4;

                opacity:0.8;

            }

            .nav ul li dl dd a:hover{

                opacity:1;

            }



/*banner*/

.banner{

    height:700px;

    margin:0 auto;

    position:relative;

    z-index:-100;

}

    .banner img {

        width: 100%;

        height: 700px;

        margin: 0 auto;

    }



.tit {

    width: 100%;

    text-align: center;

    margin-top: 80px;

}

    .tit .cn {

        font-size: 36px;

        color: #115fad;

        font-weight: bold;

    }

    .tit .en {

        font-size: 16px;

        color: #115fad;

        margin-top: 5px;

        display: inline-block;

    }

.wihte .cn,.wihte .en{

    color:#fff;

}



.xwzx{

    height:950px;

    

}



    .xwzx .news-left {

        width: 597px;

        margin-top: 30px;

        float:left;

    }

    .xwzx .news-left .tit-img {

        width: 100%;

        height: 447px;

    }



        .xwzx .news-left .news-first {

            width: 100%;

            margin-top:30px;

        }

        .xwzx .news-left .news-first .t{

            font-size:18px; 

            color:#115fad;

            transition:all 0.3s;

            display:inline-block;

            height:40px;

            font-weight:bold;

        }

        .xwzx .news-left .news-first .t:hover{

                color:#115fad;

                font-size:19px;

                margin-left:-10px;

            }

        .xwzx .news-left .news-first .con{

            width:100%;



        }

            .xwzx .news-left .news-first .con .con-left {

                width: 65px;

                height:55px;

                border-right:1px solid #ccc;

                float:left;

                text-align:center;

                padding-right:10px;

            }

                .xwzx .news-left .news-first .con .con-left .year {

                    color:#115fad;

                    font-size:24px;

                    transition:all 0.5s;

                    display:inline-block;

                }

                .xwzx .news-left .news-first .con .con-left .date {

                    color:#666;

                    font-size:16px;

                }

                .xwzx .news-left .news-first:hover .con .con-left .year {

                    transform:rotateX(360deg);

                }

            .xwzx .news-left .news-first .con .con-right {

                width: calc(100% - 96px);

                height:55px;

                float:right;

            }

                .xwzx .news-left .news-first .con .con-right p {

                    color:#666;

                    font-size:14px;

                    line-height:28px;

                    overflow: hidden;

                    text-overflow: ellipsis;

                    display: -webkit-box;

                    -webkit-line-clamp: 2;

                    -webkit-box-orient: vertical;

                }





    .xwzx .news-right {

        width: 597px;

        margin-top: 30px;

        float:right;

    }

        .xwzx .news-right .news-item {

            width: 100%;

            float: left;

            border-bottom:1px solid #ccc;

            padding-bottom:22px;

            margin-bottom:22px;

            transition:all 0.5s;

        }

        

        .xwzx .news-right .news-item:last-child{

            border-bottom:0px;

            margin-bottom:0px;

            padding-bottom:0px;

        }

            .xwzx .news-right .news-item .date {

                width: 60px;

                float: left;

                text-align:center;

            }

                .xwzx .news-right .news-item .date .year {

                    color: #000;

                    font-size: 24px;

                    transition:all 0.5s;

                    display:inline-block;

                }

                .xwzx .news-right .news-item .date .date {

                    color: #666;

                    font-size: 16px;

                }

                .xwzx .news-right .news-item:hover .date .year {

                    transform:rotateX(360deg);

                    color:#115fad;

                }

            .xwzx .news-right .news-item .newsinfo {

                width: calc(100% - 85px);

                float: right;

            }

                .xwzx .news-right .news-item .newsinfo span {

                    font-size: 18px;

                    color: #000;

                    transition:all 0.5s;

                    display:inline-block;

                    height:35px;

                }

                .xwzx .news-right .news-item .newsinfo p {

                    color: #666;

                    font-size: 14px;

                    line-height: 22px;

                    overflow: hidden;

                    text-overflow: ellipsis;

                    display: -webkit-box;

                    -webkit-line-clamp: 2;

                    -webkit-box-orient: vertical;

                    

                    transition:all 0.3s;

                }

            .xwzx .news-right .news-item:hover .newsinfo span {

                 color:#115fad;

                 margin-left:-10px;

            }

            .xwzx .news-right .news-item .newsinfo span:hover{

                

            }

.more{

    width:100%;

    float:left;

    text-align:center;

    margin-top:40px;

}

.more .morebtn{

    display:inline-block;

    background:#115fad;

    width:150px;

    text-align:center;

    color:#fff;

    font-size:16px;

    padding:10px 0px;

}

    .more .morebtn .icon {

        transition:all 0.5s;

        display:inline-block;

        text-align:center;

        line-height:0px;

        font-size:18px;

        font-family:宋体;

    }

    .more .morebtn:hover .icon {

        transform: rotateZ(360deg);

        transform-origin:center;

        

    }



.gywm{

    height:635px;

    background:url(../img/gywm-bg.jpg) repeat-x center center;

    position: relative;

    z-index:-20;

}

    .gywm .main {

        width: 1200px;

        height: 400px;

        background: #fff;

        margin: 0 auto;

        margin-top: 82px;

        position: relative;

    }

        .gywm .main .bg {

            width:415px;

            height:255px;

            background:#115fad;

            position:absolute;

            bottom:-40px;

            left:-50px;

            z-index:-10;

            transition:all 3s;

        }

        .gywm .main:hover .bg { 

            left:-150px;

        }

        .gywm .main .left {

            float:left;

            width:465px;

            height:340px;

            margin:30px 0px 0px 35px;

            overflow:hidden;

        }

            .gywm .main .left img {

                width:100%;

                height:100%;

                transition:all 3s;

            }

            .gywm .main:hover .left img {

                transform:scale(1.2);

            

            }

        .gywm .main .right{

            width:630px;

            float:right;

            margin:30px 35px 0px 0px;

        }

            .gywm .main .right .tit2 {

                width:100%;

                height:35px;

            }

            .gywm .main .right .tit2 .t {

                float:left;

                font-size:24px;

                font-weight:bold;

                color:#000;

            }

            .gywm .main .right .tit2 .morebtn {

                float:right;

                font-size:14px; padding:5px 15px;

                color:#115fad;

                border:1px solid #115fad;

            }

            .gywm .main .right .tit2 .morebtn .icon{

                transition:all 0.5s;

                display:inline-block;

                text-align:center;

                line-height:0px;

                font-size:16px;

                font-family:宋体;

            }

                .gywm .main .right .tit2 .morebtn:hover .icon {

                    transform:rotateZ(360deg);

                    transform-origin:center;

                }

            .gywm .main .right .con {

                width:100%;

                margin-top:20px;

                height:210px;

            }

            .gywm .main .right .con p {

                width:100%;

                line-height:30px;

                text-indent:2em;

                overflow: hidden;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-line-clamp: 6;

                -webkit-box-orient: vertical;

                text-align:justify;

            }

            .gywm .main .right .btns {

                width:100%;

                margin-top:20px;

                display:flex;

                justify-content:space-between;

            }

            .gywm .main .right .btns .item {

               width:80px;

               text-align:center;

               color:#000;

               overflow:hidden;

            }

             .gywm .main .right .btns .item .imgbor{

                 width:50px;

                 height:33px;

                 overflow:hidden;

                 margin:0 auto;

                 margin-bottom:10px;

             }

            .gywm .main .right .btns  .item img {

               width:50px;

               transition:transform 0.5s;

               filter:drop-shadow(50px 0px #115fad);

            }

            .gywm .main .right .btns  .item:hover img {

               

               transform:translateX(-50px);

               

            }

            .gywm .main .right .btns .item:hover     {

               color:#115fad;

            }

.cpzx{

    height:850px; 

    margin-top:50px;

}

.cpzx .pro{

    width:100%;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    grid-gap:20px;

    margin-top:70px;

}

.cpzx .item{

    position:relative;

    width:100%;

    height:240px;

    box-shadow:0px 0px 15px 1px #ccc;

    transition:all 0.5s;

    overflow:hidden;

}

.cpzx .item:hover{

    box-shadow:0px 0px 15px 5px #c2c0c0;

}

.cpzx .item img{

    width:100%;

    height:100%;

    position:absolute;

    left:0px;

    top:0px;

    z-index:10;

    transition:all 1s;

}

.cpzx .item:hover img{

    transform:scale(1.2);

}

.cpzx .item .tbg{

    width:100%;

    height:35px;

    background:#000;

    opacity:0.5;

    left:0px;

    bottom:0px;

    position:absolute;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:20;

    transition:all 1s;

}

    .cpzx .item:hover .tbg {

        bottom:-35px;

    }

    .cpzx .item .t1{

        width:100%;

        height:35px;

        opacity:1;

        left:0px;

        bottom:0px;

        position:absolute;

        display:flex;

        justify-content:center;

        align-items:center;

        z-index:20;

        transition:all 1s;

    }

    .cpzx .item .t1 span {

        z-index:30;

        color:#fff;

    }

    .cpzx .item:hover .t1 {

        bottom:-35px;

    }

        .cpzx .item .t2{

        width:100%;

        height:35px;

        opacity:1;

        left:0px;

        bottom:90px;

        position:absolute;

        display:flex;

        justify-content:center;

        align-items:center;

        z-index:20;

    }

    .cpzx .item .t2 span {

        z-index:30;

        color:#fff;

        font-size:26px;

        height:0px;

        overflow:hidden;

        transition:all 1s;

    }

    .cpzx .item:hover .t2 span {

        height:35px;

        padding:5px 15px;

        border-top:1px solid #fff;

        border-bottom:1px solid #fff;

    }

.telban{

    height:224px;

    background:url(../img/telbanbg.jpg) repeat-x;

}

.telban .main{

    width:100%;

    height:224px;

    background:url(../img/telbanbg2.jpg);

    position:relative;

}

.telban .main span{

    position:absolute;

    bottom:85px;

    left:720px;

    font-size:28px;

    color:#fff;

    font-weight:bold;

}

.foot{

    height:395px;

    background:#3987c3;

    border-top:15px solid #206ba4;

}

.foot .logo{

    float:left;

    margin-top:100px;

}

.foot .info {

    float:right;

    width:580px;

    margin-top:80px;

}

.foot .info .iocn{

    float:left;

}



.foot .info .text{

    width:100%;

    min-height:45px;

    margin-top:15px;

}

.foot .info .text p{

    color:#fff;

    margin-left:50px;

}

.foot .info .tel{

    background:url(../img/icon-tel.jpg) left no-repeat;

    margin-top:30px;

}

.foot .info .add{

    background:url(../img/icon-address.jpg) left no-repeat;

}

.foot .info .power{

    width:100%;

    margin-top:15px;

    font-size:12px;

    color:#fff;

    line-height:22px;

}

.banner2{

    height:363px;

    background:url(../img/ban2.jpg) no-repeat center;

    background-size:cover;

    position:relative;

    z-index:-100;

}

.banner2 .tit{

    float:left;

    margin-top:120px;

    margin-left:50px;

    text-align:left;

}



.banner2 .tit .t1{

    font-size:36px;

    font-weight:bold;

    color:#fff;

}



.banner2 .tit .t2{

    font-size:18px;

    color:#fff;

    border-top:1px solid #fff;

    margin-top:10px;

    padding-top:10px;

    padding-left:140px;

    padding-right:10px;

    display:inline-block;

}



.nav2{

    float:left;

    width:100%;

    border-bottom:1px solid #ccc;

}

.nav2 .cnav{

    float:left;

    text-align:center;

    width:100%;

}

.nav2 .cnav .curr{

    border-bottom:2px solid #206ba4;

}

.nav2 .cnav span{

    font-size:16px;

    color:#666;

    display:inline-block;

    padding:20px 0px;

    margin:0px 25px;

    border-bottom:2px solid #fff;

}

.nav2 .cnav span:hover{

    color:#206ba4;

    border-bottom:2px solid #206ba4;

}

.main-con{

    min-height:600px;

    padding:30px 0px;

}

.main-con .newslist{

    width:100%;

    float:left

}

.main-con .newslist .item{

    width:100%;

    float:left;

    background:#f7f7f7;

    padding:25px 0px;

    border-bottom:1px solid #ebebeb;

    margin:10px 0px;

    transition:all 1s;

}

.main-con .newslist .item:hover{

    box-shadow:0px 0px 15px 1px #ccc;

    background:#fff;

}

.main-con .newslist .item .left{

    width:250px;

    height:150px;

    float:left;

    margin-left:25px;

    overflow:hidden;

}

.main-con .newslist .item img{

    width:250px;

    height:150px;

    float:left;

    transition:all 0.5s;

}

.main-con .newslist .item:hover img{

    transform:scale(1.1)

}

.main-con .newslist .item .right{

    float:left;

    width:675px;

    margin-left:50px;

}

.main-con .newslist .item .right .t{

    float:left;

    width:100%;

    display:inline-block;

    font-size:22px;

    color:#000;

    font-weight:bold;

    margin-top:20px;

}

.main-con .newslist .item:hover .right .t{

    color:#206ba4;

}



.main-con .newslist .item .right p{

    float:left;

    width:100%;

    height:60px;

    margin-top:20px;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size:14px;

    margin-bottom:20px;

    color:#404040;

}

.main-con .newslist .item .date{

    float:right;

    width:250px;

    text-align:center;

    vertical-align:middle;

    padding:25px 0px;

    color:#666;

    font-weight:bold;



}

.main-con .newslist .item .date .d{

    font-size:54px;

    font-family:Impact;

    font-weight:normal;

}

.main-con .newslist .item:hover .date{

    color:#206ba4;

}

.main-con .piclist{

    width:100%;

    float:left

}



.main-con .piclist .item{

    float:left;

    width:305px;

    height:400px;

    margin:10px;

    background:#ebebeb;

    transition:all 1s;

    text-align:center;

}

.main-con .piclist .item:hover{

    box-shadow:0px 0px 15px 1px #ccc;

    background:#fff;

   

}

.main-con .piclist .item .imgarea{

    width:280px;

    height:280px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto;

    margin-top:10px;

    overflow:hidden;

}

.main-con .piclist .item img{

    max-width:280px;

    max-height:200px;

    transition:all 1s;

}

.main-con .piclist .item:hover img{

    transform:scale(1.1);

}



.main-con .piclist .item span{

    font-size:16px;

    color:#666;

    margin-top:50px;

    display:inline-block;

}



.main-con .txt{

    width:100%;

    float:left;

    font-size:18px;

    line-height:35px;

    text-align:justify;

}

.main-con .left{

    float:left;

    width:930px;

}

.main-con .left .t{

    font-size:32px;

    line-height:56px;

    font-weight:bold;

}



.main-con .left .info{

    font-size:14px;

    color:#666;

    margin-top:20px;

}



    .main-con .left .con {

        font-size:18px;

        line-height:30px;

        text-align:justify;

        margin-top:30px;

    }

        .main-con .left .con p{

       margin-bottom:30px;

    }

.main-con .left .con img{

        max-width:100%;

    }



.main-con .right{

    float:right;

    width:320px;



}

.main-con .right .rightbor{

    float:left;

    width:100%;

}

.main-con .right .rightbor>.t{

    font-size:20px;

    line-height:20px;

    display:inline-block;

    margin-bottom:20px;

}

.main-con .right .news .item{

    float:left;

    width:100%;

    

}



.main-con .right .news .itempic{

    height:72px;

    width:100%;

    float:left;

    margin-bottom:20px;

}

.main-con .right .news .itempic img{

    width:108px;

    height:72px;

    border-radius:5px;

    float:left;

    margin-right:20px;



}

.main-con .right .news .itempic .t{

    float:left;

    width:190px;

    height:45px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    color:#333;

    font-size:16px;

}

.main-con .right .news .itempic:hover .t{

    color:#206ba4;

}

.main-con .right .news .itempic .date{

    float:left;

    font-size:12px;

    color:#999;

    margin-top:10px;

}

.main-con .right .news .morelist{

    float:left;

    width:100%;

    background:#f6f6f6;

    padding-top:15px;

    border-radius:5px;

}

.main-con .right .news .morelist .item span{

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    color:#333;

    line-height:20px;

    margin-bottom:10px;

    display:inline-block;

    width:290px;

    margin-left:15px;

    font-size:14px;

}



.main-con .right .news .morelist .item span:hover{

    color:#206ba4;

}



.main-con .left .pic-t{

    text-align:center;

    font-size:26px;

    font-weight:bold;

}





.main-con .right .rightbor>.pic-t{

    font-size:20px;

    line-height:20px;

    display:inline-block;

    margin-bottom:20px;

    width:100%;

    float:left;

}

.main-con .right .pic .itempic{

    width:160px;

    float:left;

    margin-bottom:20px;

    text-align:center;

    margin-bottom:20px;

}

.main-con .right .pic .itempic img{

    width:140px;

    height:90px;

    border-radius:5px;



}

.main-con .right .pic .itempic .t{

    display:inline-block;

    width:100%;

    color:#333;

    font-size:14px;

}

.main-con .right .pic .itempic:hover .t{

    color:#206ba4;

}



.links{

    background:#f6f6f6;

    width:100%;

    float:left;

    padding:10px 0px;

    margin-top:100px;

}

.links p{

    margin-left:10px;

    font-size:14px;

    line-height:26px;

    color:#666;

}

.links p a{

    color:#666;

}

.links p a:hover{

    color:#206ba4;

}