﻿.section1{margin-top: 30px}
.sec1-boxs{width: calc(100% / 4 - 10px);position: relative;cursor: pointer;}
.sec1-box .bg{display: block;width: 100%;}
.sec1-box .sec1-cont{width: 164px;text-align: center;position: absolute;z-index: 2;top: 15%;left: 50%;margin-left: -82px}
.sec1-box .sec1-cont .title{font-size: 28px;color: #fff;margin: 13px auto 10px}
.sec1-box .sec1-cont .titleen{font-size:14px;color: #fff;text-transform: uppercase}
.section1 .name-phone{display: none}

/*base code*/
/*.animated {*/
    /*-webkit-animation-duration: 1s;*/
    /*animation-duration: 1s;*/
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
/*}*/
/*.animated.infinite {*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*animation-iteration-count: infinite;*/
/*}*/
/*.animated.hinge {*/
    /*-webkit-animation-duration: 2s;*/
    /*animation-duration: 2s;*/
/*}*/
/*!*the animation definition*!*/
/*@-webkit-keyframes flip {*/
    /*0% {*/
        /*-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);*/
        /*transform: perspective(400px) rotate3d(0, 1, 0, -360deg);*/
        /*-webkit-animation-timing-function: ease-out;*/
        /*animation-timing-function: ease-out*/
    /*}*/
    /*40% {*/
        /*-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);*/
        /*transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);*/
        /*-webkit-animation-timing-function: ease-out;*/
        /*animation-timing-function: ease-out*/
    /*}*/
    /*50% {*/
        /*-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);*/
        /*transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);*/
        /*-webkit-animation-timing-function: ease-in;*/
        /*animation-timing-function: ease-in*/
    /*}*/
    /*80% {*/
        /*-webkit-transform: perspective(400px) scale3d(.95, .95, .95);*/
        /*transform: perspective(400px) scale3d(.95, .95, .95);*/
        /*-webkit-animation-timing-function: ease-in;*/
        /*animation-timing-function: ease-in*/
    /*}*/
    /*100% {*/
        /*-webkit-transform: perspective(400px);*/
        /*transform: perspective(400px);*/
        /*-webkit-animation-timing-function: ease-in;*/
        /*animation-timing-function: ease-in*/
    /*}*/
/*}*/
/*@keyframes flip {*/
    /*0% {*/
        /*-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);*/
        /*-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);*/
        /*transform: perspective(400px) rotate3d(0, 1, 0, -360deg);*/
        /*-webkit-animation-timing-function: ease-out;*/
        /*animation-timing-function: ease-out*/
    /*}*/
    /*40% {*/
        /*-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);*/
        /*-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);*/
        /*transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);*/
        /*-webkit-animation-timing-function: ease-out;*/
        /*animation-timing-function: ease-out*/
    /*}*/
    /*50% {*/
        /*-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);*/
        /*-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);*/
        /*transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);*/
        /*-webkit-animation-timing-function: ease-in;*/
        /*animation-timing-function: ease-in*/
    /*}*/
    /*80% {*/
        /*-webkit-transform: perspective(400px) scale3d(.95, .95, .95);*/
        /*-ms-transform: perspective(400px) scale3d(.95, .95, .95);*/
        /*transform: perspective(400px) scale3d(.95, .95, .95);*/
        /*-webkit-animation-timing-function: ease-in;*/
        /*animation-timing-function: ease-in*/
    /*}*/
    /*100% {*/
        /*-webkit-transform: perspective(400px);*/
        /*-ms-transform: perspective(400px);*/
        /*transform: perspective(400px);*/
        /*-webkit-animation-timing-function: ease-in;*/
        /*animation-timing-function: ease-in*/
    /*}*/
/*}*/

/*base code*/
.animated {
    height: 90px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
/*the animation definition*/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.sec1-box:hover .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

/*.sec1-box .animated.flip{transition: all 2s}*/
/*.sec1-box:hover .animated.flip {*/
    /*!*-webkit-backface-visibility: visible;*!*/
    /*!*-ms-backface-visibility: visible;*!*/
    /*!*backface-visibility: visible;*!*/
    /*!*-webkit-animation-name: flip;*!*/
    /*!*animation-name: flip*!*/
    /*transform: rotateY(360deg);*/
    /*-webkit-transform: rotateY(360deg);*/
    /*-moz-transform: rotateY(360deg);*/
/*}*/


.section2{position: relative;margin-top: 60px}
.section2 .sec2-cont-box{width: 93%;border: 1px solid #669ecd;padding: 35px 35px 45px 35px;box-sizing: border-box}
.section2 .sec2-cont{width:56%}
.section2 .sec2-cont .title h1{font-size: 30px;color: #005dab;border-bottom: 1px solid #bfbfbf;display: inline-block;padding-bottom: 12px;line-height: 1}
.section2 .sec2-cont .title p{font-size: 14px;color: #005dab;margin: 12px 0 20px 0;text-transform: uppercase;line-height: 1}
.section2 .sec2-cont .title .fg{width: 30px;height: 5px;background-color:#0075bd;display: block }
.section2 .sec2-cont .cont{line-height: 1.6;margin-top: 20px;font-size: 16px;
}
.section2 .sec2-cont .cont *{
    margin-left: 2em;
}
.section2 .sec2-img{position: absolute;top: 50px;right: 0;width: 44.5%;}
.section2 .sec2-cont .more {width: 130px;height: 35px;line-height: 30px;display: block;border: 1px solid #0075bd;box-sizing: border-box;position: relative;font-size: 16px;color: #0075bd;padding-left: 25px;float: right;margin-top: 25px;transition: all .4s}
.section2 .sec2-cont .more .moreimg{width: 33px;height: 33px;background-color:#005dab;display: inline-block; position: absolute;top: 0;right: 0;line-height: 33px;overflow: hidden}
/*.section2 .sec2-cont .more .moreimg img{width:80%;display: inline-block;margin-left: 10%;}*/
.section2 .sec2-cont .more .bg{position: absolute;height: 100%;width: 0;left: 0;top: 0;background-color:#005dab;z-index: -2;transition: all .4s }
.section2 .sec2-cont .more:hover .bg{width: 100%}
.section2 .sec2-cont .more:hover{color: #fff}
.section2 .sec2-cont .more .moreimg .moreimgs{width: 60px;position: absolute;top: 0;right: 0;transition: all .4s;box-sizing: border-box}
.section2 .sec2-cont .more .moreimg .moreimgs img{display: inline-block;width:50%;;margin-top:8px;}
.section2 .sec2-cont .more:hover .moreimg .moreimgs{right: -90%;}

.section3 .nav-box{margin:26px 0 35px 0;text-align: left;}
.section3 .nav-box .nav{width: 140px;height: 40px;line-height: 40px;display: inline-block;text-align: center;font-size: 20px;color: #666;cursor: pointer}
.section3 .nav-box .nav:hover{background-color:#0075bd;color: #fff}
.section3 .nav-box .nav.active{background-color:#0075bd;color: #fff }
.sec3cont-box .cont .conts {margin-bottom: 20px;background-color: #f4f4f4;}
.sec3cont-box .cont .conts .img{display: block;width: 300px;overflow: hidden}
.sec3cont-box .cont .conts .img img{display: block;height: 100%}
.sec3cont-box .cont .conts .contcent{width:calc(100% - 300px);position: relative}
.sec3cont-box .cont .conts .left{width:calc(100% - 170px);padding:0 50px 0 30px;box-sizing: border-box;position: relative;z-index: 2}
.sec3cont-box .cont .conts .left .title{font-size: 24px;margin-top: 55px;font-weight: 400;transition: all .4s;word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sec3cont-box .cont .conts .left .contss{font-size: 14px;margin: 25px 0;line-height: 1.6;transition: all .4s;word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.sec3cont-box .cont .conts .left .data{display: none}
.sec3cont-box .cont .conts .right{width: 170px;position: relative;z-index: 2}
.sec3cont-box .cont .conts .right h1{font-size: 40px;color: #666;margin-top: 85px;font-weight: 400;transition: all .4s}
.sec3cont-box .cont .conts:hover .right p{color: #333;transition: all .4s}
.sec3cont-box .cont .conts .contcent .bg{position: absolute;height: 100%;width: 0;left: 0;top: 0;background-color:#005dab;z-index: 1;transition: all .4s }
.sec3cont-box .cont .conts:hover .contcent .bg{width: 100%}
.sec3cont-box .cont .conts:hover .left .title{color: #fff}
.sec3cont-box .cont .conts:hover .left .contss{color: #fff}
.sec3cont-box .cont .conts:hover .right h1{color: #fff;}
.sec3cont-box .cont .conts:hover .right p{color: #fff;}

/*news*/
.news .section3 .nav-box{background-color:#f4f4f4;
    /*margin: 70px 0 40px 0;*/
    margin: 30px 0 40px 0;
     }
.news .section3 .nav-box .nav.active{background-color: #0075bd}
.news .section3 .nav-box .nav:hover{background-color: #0075bd}
.news .section3 .nav-box .nav .en{font-size: 14px}
.news .section3 .nav-box .nav .fgs{margin: 0 5px;display: inline-block}
.news .section3 .nav-box{font-size: 0}
.news .section3 .nav-box .nav a{color: #fff}
.news .section3 .nav-box .nav{width: 33.3%;height: 55px;line-height: 55px;background-color: #7aa8cf;color: #fff;transition: all .4s}
.news .section3 .nav-box .nav img{margin-right: 15px;position: relative;top:8px;display: inline-block;width: 30px;}
.news .sec3cont-box .cont .conts:hover .left .title .xian{width: 50px}
.news .sec3cont-box .cont .conts .left .title .xian{height: 1px;display: inline-block;width: 0;background-color: #fff;transition:all .4s;position: relative;top: -6px;margin-right: 3px}
.news .contcent{width: 100%;border-bottom:1px dashed #666; margin-top:15px ;padding: 0 8px;box-sizing: border-box;}
.news .contcent a{display: block;width: 100%;padding-bottom:8px}
.news .contcent .title{font-size: 16px;display: inline-block;word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news .contcent .title img{display: inline-block;width: 10px;margin-right: 5px;}
.news .contcent span{float: right;font-size: 14px;color: #999;position: relative;;top:0px;}
.section3 .contcent .title:hover{color: #0075bd}
.section3 .contcent .title{word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;float: left;transition: all .4s}
.section3 .sec3cont-box .cont{display: flex;display: -webkit-flex;  justify-content: space-between;flex-wrap: wrap;}
.section3 .contcent{margin-bottom: 15px;width: calc(50% - 32px)}
.section3 .contcent p{display: inline-block;float: left;}
.section3 .cont img {display: inline-block; width: 10px; margin-right: 5px;}
.section3 .contcent .title{border-left: 1px solid #0075bd;margin-left: 15px;padding-left: 15px;box-sizing: border-box;  width: 80%;}
.section3 .more{display: block;width: 80px;height: 30px; line-height: 30px;border: 1px solid #0075bd; text-align: center;margin: 20px auto;transition: all .4s}
.section3 .more:hover{background-color: #0075bd;color: #fff}




.index404{display: block;width: 300px;margin: 40px auto}
.index4041{display: block;width:240px;margin:20px auto}
.sec1-bot-box1 .jt{position: absolute;width: 30px;height: 30px;border: 1px solid #0075bd;transform: rotate(45deg);left: 10.5%;top:-17px;z-index:-1;border-right: none;border-bottom: none;background-color: #efefef;}
.sec1-bot-box2 .jt{position: absolute;width: 30px;height: 30px;border: 1px solid #0075bd;transform: rotate(45deg);left: 36%;top:-17px;z-index:-1;border-right: none;border-bottom: none;background-color: #efefef;}
.sec1-bot{position: relative}
.sec1-bot-box3 .jt{position: absolute;width: 30px;height: 30px;border: 1px solid #0075bd;transform: rotate(45deg);left: 61.5%;top:-17px;z-index:-1;border-right: none;border-bottom: none;background-color: #efefef;}
.sec1-bot-box4 .jt{position: absolute;width: 30px;height: 30px;border: 1px solid #0075bd;transform: rotate(45deg);left: 87%;top:-17px;z-index:-1;border-right: none;border-bottom: none;background-color: #efefef;}
.sec1-bot{position: relative}

.sec1-bot{position: relative;width: 100%}
.sec1-bot-box{border: 1px solid #0075bd;padding: 10px;box-sizing: border-box;margin-top: 25px;background-color: #efefef;position: relative;z-index: 2}

.sec1-bot-box1 .left{ width:calc(100% - 415px);margin-left: 25px}
.sec1-bot-box1 .nav{width: 140px;display: inline-block;font-size: 22px;color: #3e3a39;padding-bottom:6px;cursor: pointer;}
.sec1-bot-box1 .nav-box{text-align: left;border-bottom: 1px solid #595757;margin-top: 0px; position: relative;}
.a-lists{
    position: absolute;
    top: 10px;
    right: 0;
    display: none;
}
.a-lists img{
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    font-size: 16px;
    vertical-align: sub;
}
.sec1-bot-box1 .nav.active{font-size: 22px;color: #0075bd;font-weight: bold}
.sec1-bot-box .nav.active i{width:40px;height: 6px;background-color:#0075bd;display: block;margin-left:25px;position: relative;
    top:9px;opacity: 1}
.sec1-bot-box .nav i{width:40px;height: 6px;background-color:#0075bd;display: block;margin-left:25px;position: relative;
    top:9px;opacity: 0}
.sec1-bot1-boxrt{width: calc(50% - 6px);text-align: center;height: 110px;padding-top:15px;box-sizing: border-box;display:inline-block}
.sec1-bot1-boxlt span{float: right;font-size: 16px}
.sec1-bot1-boxlt{margin-top: 15px}
.sec1-bot1-boxlt p{margin-bottom:9px}
.sec1-bot1-boxlt p:last-child{margin-bottom: 0}
.sec1-bot1-boxlt p a{font-size: 16px;word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;display: inline-block; }
.sec1-bot1-boxrt p{font-size: 22px;color:#fff;margin-top: 10px;line-height: 1}
.sec1-bot1-boxrt img{width: 40px}
.sec1-bot1-boxrt:first-child{background-color: #38b774;margin-bottom: 12px}
.sec1-bot1-boxrt:nth-child(2){background-color:#f5b64a;margin-bottom: 12px }
.sec1-bot1-boxrt:nth-child(3){background-color:#3aa3d9;}
.sec1-bot1-boxrt:nth-child(4){background-color:#cd242d;}

.sec1-bot-box1 .sec1-bot1-boxrt:nth-child(3){background-color:#3aa3d9;margin-top: -90px; }
.sec1-bot-box1 .sec1-bot1-boxrt:nth-child(4){background-color:#cd242d;margin-top: -90px; }
.sec1-bot-box1 .right{width:325px }



.sec1-bot-box2 .left{
    /*width:430px;*/
    width: 50%;
}
.sec1-bot-box2 .left .sec2-cont{margin-top: 13px}
.sec1-bot-box2 .left a{display: block;width: 50%;margin-bottom:13px;transition: all .4s;font-size: 16px}
.sec1-bot-box2 .left a:hover{color:#0075bd }
.sec1-bot-box2 .right .sec2-cont{margin-top: 13px}
.sec1-bot-box2 .right a{display: block;width: auto;margin-bottom:13px;transition: all .4s;font-size: 16px}
.sec1-bot-box2 .right .a-lists1{
    width: auto;
}
.sec1-bot-box2 .right a:hover{color:#0075bd }
.sec1-bot-box2 .right{
    /*width:calc(100% - 440px);*/
    width: 50%;
    border-left: 1px solid #595757;padding-left: 12px;box-sizing: border-box}
.sec1-bot-box2 .nav{width: 140px;display: inline-block;font-size: 22px;color: #3e3a39;padding-bottom:6px;cursor: pointer;}
.sec1-bot-box2 .nav-box{text-align: left;border-bottom: 1px solid #595757;
    margin-top: 0;
    position: relative;
}
.a-lists1{
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 16px;
}
.a-lists1 img{
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    top: 2px;
}
.sec1-bot-box2 .left .nav-box{
    margin-right: 12px;
}
.sec1-bot-box2 .nav.active{font-size: 22px;color: #0075bd;font-weight: bold}
.sec1-bot-box2 .nav.active i{width:40px;height: 6px;background-color:#0075bd;display: block;margin-left:25px;position: relative;
    top:9px;}
.sec1-bot-box2 .left .a-list{float: right;font-size: 16px;width: auto;margin-bottom: 0;position: relative;top: 8px;padding-right: 12px;}
.sec1-bot-box2 .a-list img{display: inline-block;height: 16px;position: relative;top: 2px;margin-right: 5px}
.sec1-bot-box.sec1-bot-box3{padding: 0}
.sec1-bot-box3 .left-nav{width: 230px}
.sec1-bot-box3 .left-nav p{height: 65px;line-height: 65px;font-size: 22px;padding-left:50px;box-sizing: border-box;cursor: pointer}
/*.sec1-bot-box3 .left-nav p:first-child{background-image: url("../image/public/sec1icon-1.png");background-size:30px;background-repeat: no-repeat;background-position:82% 20px;background-color: #005dac;color: #fff}*/
/*.sec1-bot-box3 .left-nav p:nth-child(2){background-image: url("../image/public/sec1icon-2.png");background-size:30px;background-repeat: no-repeat;background-position:82% 20px;background-color: #18ad5e;color: #fff}*/
/*.sec1-bot-box3 .left-nav p:nth-child(3){background-image: url("../image/public/sec1icon-3.png");background-size:30px;background-repeat: no-repeat;background-position:82% 20px;background-color: #f6ac2d;color: #fff}*/
/*.sec1-bot-box3 .left-nav p:nth-child(4){background-image: url("../image/public/sec1icon-4.png");background-size:30px;background-repeat: no-repeat;background-position:82% 20px;background-color: #1a96d5;color: #fff}*/

/*.sec1-bot-box3 .left-nav p.active:first-child{background-image: url("../image/public/sec1icon-11.png");color: #005dac;background-color: transparent}*/
/*.sec1-bot-box3 .left-nav p.active:nth-child(2){background-image: url("../image/public/sec1icon-21.png");color: #18ad5e}*/
/*.sec1-bot-box3 .left-nav p.active:nth-child(3){background-image: url("../image/public/sec1icon-31.png");color: #f6ac2d}*/
/*.sec1-bot-box3 .left-nav p.active:nth-child(4){background-image: url("../image/public/sec1icon-41.png");color: #1a96d5}*/
/*.sec1-bot-box3 .left{width: 155px}*/
.sec1-bot-box3 .left{width: 155px;text-align: center;display: block;background-color: #79b8da;margin: 0}
.sec1-bot-box3 .left img{margin-top:calc(60% - 18px)}
.sec1-bot-box3 .left p{font-size: 22px;color: #fff;margin-top: 5px}
.sec1-bot-box3 .cont{width: calc(100% - 340px);margin-top:0px;padding: 0 20px;box-sizing: border-box}
.sec1-bot-box3 .cont a{display: block;width:25%;font-size: 18px;color: #595757;height: 60px;line-height: 60px;border-bottom: 1px dashed #999;padding-left: 22px;box-sizing: border-box;transition: all .4s}
.sec1-bot-box3 .cont a:hover{color:#005dac }


.sec1-bot3-boxrt:first-child{background-color: #38b774;margin-bottom: 12px}
.sec1-bot3-boxrt:nth-child(2){background-color:#f5b64a;margin-bottom: 12px }
.sec1-bot3-boxrt:nth-child(3){background-color:#3aa3d9 }
.sec1-bot3-boxrt:nth-child(4){background-color:#cd242d }
.sec1-bot-box3 .right{width:325px;margin: 10px 10px 10px 0 }
.sec1-bot-box3 .nav{width:20%;display: inline-block;font-size:18px;color: #3e3a39;padding-bottom:6px;text-align: center;cursor: pointer;}
.sec1-bot-box3 .nav-box{text-align: left;border-bottom: 1px solid #595757}
.sec1-bot-box3 .nav.active{font-size:18px;color: #0075bd;font-weight: bold}
.sec1-bot-box3 .nav.active i{width:40px;height: 6px;background-color:#0075bd;display: block;position: relative;
    top:9px;opacity: 1;margin: 0 auto}
.sec1-bot-box .nav i{width:40px;height: 6px;background-color:#0075bd;display: block;margin-left:25px;position: relative;
    top:9px;opacity: 0}



.sec1-bot-box.sec1-bot-box4{padding: 0}
.sec1-bot-box4 .left-nav{width: 230px}
.sec1-bot-box4 .left-nav p{height:85px;line-height:85px;font-size: 22px;text-align:center;box-sizing: border-box;cursor: pointer}
.sec1-bot-box4 .left-nav p:first-child{background-color: #005dac;color: #fff}
.sec1-bot-box4 .left-nav p:nth-child(2){background-color: #18ad5e;color: #fff}
.sec1-bot-box4 .left-nav p:nth-child(3){background-color: #1a96d5;color: #fff}

.sec1-bot-box4 .left-nav p.active:first-child{background-color:transparent;color:#005dac}
.sec1-bot-box4 .left-nav p.active:nth-child(2){background-color:transparent ;color:#18ad5e}
.sec1-bot-box4 .left-nav p.active:nth-child(3){background-color:transparent ;color:#1a96d5}
.sec1-bot-box4 .cont{width: calc(100% - 0px)}
.gg img{display: block;width: 100%;margin: 30px auto 0}
.fenye {
   
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.fenye table{margin: 10px auto;display: block;}
.fenye table tbody,.fenye table tbody tr{display: block;}
.fenye a{margin: 0 1px;}
.page_con{
    display: flex;
    justify-content: center;
}
.page_con>div{
    /* flex: 1; */
}
.page_fenye{
    margin: 0 auto;
}
.page_center_sj{
    display: none;
}



@media(max-width:1219px) {
    /*font-size: 26px*/
    .animated{height: 60px}
    .sec1-box .sec1-cont .title {font-size: 26px;margin: 0px auto 10px;}
    .sec1-box .sec1-cont{top: 14%}
    .section2 .sec2-cont-box{padding: 20px}
    .section2 .sec2-cont .title h1{font-size: 26px}
    .section2 .sec2-cont .cont{line-height: 1.4;margin-top: 10px}
    .section2 .sec2-cont .title p{margin: 10px 0 10px 0;}
    .section2 .sec2-cont .more{margin-top: 10px}
    .section2 .sec2-cont .title h1{padding-bottom: 8px;}
    .section2 .sec2-cont .more{height: 30px;line-height:27px}
    .section2 .sec2-cont .more .moreimg{height: 28px}
    .section2 .sec2-cont .more .moreimg .moreimgs img{margin-top: 5px}
    .sec3cont-box .cont .conts .left .title{margin-top: 20px}
    .sec3cont-box .cont .conts .left .contss{margin-top: 15px}
    .sec3cont-box .cont .conts .right h1{margin-top: 55px}
    .sec3cont-box .cont .conts .img{width: 260px}
    .sec3cont-box .cont .conts .img img{height: auto;width: 100%}
    .sec3cont-box .cont .conts .contcent{width: calc(100% - 260px);}
    .section3 .nav-box .nav{font-size: 22px}

    /*news*/
    .news .section3 .nav-box{margin: 40px 0 30px 0}
    .news .section3 .contcent{width: 100%}





    .sec1-bot1-boxlt span{display: none}
    .sec1-bot-box3 .nav{font-size: 16px}
    .sec1-bot-box3 .cont a{font-size: 16px}
    .section1 .sec1-top{width: 100%}
}
@media(max-width:1023px) {
    .section3 .nav-box {
    margin: 15px 0 15px 0;}
    .section3 .nav-box .nav {
    width: 135px;
    height: 40px;
    line-height: 40px;}
    .section3 .contcent{width: 100%}
    .sec1-box {background-color: #0075bd;border-radius: 100%;width: 130px;height: 130px;margin: 0 auto}
    .sec1-box .bg{display: none}
    .sec1-box .sec1-cont .title{display: none;}
        .sec1-box .sec1-cont .titleen{display: none;}
    .section2 ,.section1{margin-top: 40px}
.sec1-box .sec1-cont{width:100%;margin-left: 0;left: 0;position: relative;padding-top: 1px;}
.sec1-box .sec1-cont img{height:70px;margin: 10px auto;display: block}
.section1 .name-phone {font-size: 22px;font-weight: bold;margin-top: 15px;text-align: center;display: block; color: #666; letter-spacing: 5px;}
.sec3cont-box .cont .conts .img{width: 170px}
.sec3cont-box .cont .conts .contcent{width: calc(100% - 170px); }
    .sec3cont-box .cont .conts .left{width: 100%;    padding: 0 10px 0 10px;}
    .sec3cont-box .cont .conts .left .title{font-size: 18px;margin-top: 5px}
    .sec3cont-box .cont .conts .left .contss{margin-top: 5px;word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
    .sec3cont-box .cont .conts .left .data{display:block;text-align: right;margin: 5px 0;transition: all .4s}
    .sec3cont-box .cont .conts{margin-bottom: 15px}
    .sec3cont-box .cont .conts .right{display: none}
    .sec3cont-box .cont .conts:hover .left .data{color: #fff}
    .section2 .sec2-cont-box{width: 100%}
    .section2 .sec2-cont{width: 100%}
    .section2 .sec2-img{display: none}
/*news*/
    .news .section3 .nav-box .nav{height: 60px;line-height: 60px;}
    .news .sec3cont-box .cont .conts .left .title .xian{display: none}
    .news .section3 .nav-box .nav img{width: 30px}
    /*.news .contcent .title img{display: none;}*/
    .news .contcent{padding: 0}
    .news .contcent span{display: none}
    .news .contcent .title{font-size: 14px;}
    .news .contcent{margin-top:10px;}





    .sec1-bot-box1 .left{width: 100%;margin-left: 0}
    .sec1-bot-box1 .right{width: 100%;margin-top:10px}
    .sec1-bot1-boxrt:nth-child(3){
        margin-top: 0;
    }
    .sec1-bot1-boxrt:nth-child(4){
        margin-top: 0;
    }
    .sec1-bot-box2 .left{width: 100%}
    .sec1-bot-box2 .right{width: 100%;border-left: none;padding-left: 0}
    .sec1-bot-box3 .cont{width: 100%}
    .sec1-bot-box3 .right{width: 100%;margin: 10px;}
    .sec1-bot-box2 .left a{width: 100%}
    .sec1-bot-box4 .left-nav{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
    .sec1-bot-box4 .left-nav p{width: calc(100% / 3);}
    .sec1-bot-box4 .left-nav p {height: 50px;line-height: 50px}
    .sec1-bot-box4 .cont{width: 100%}
    .sec1-bot-box4 .cont img{display: block;width:90%;margin: 10px auto}

}
@media(max-width:767px) {
    .news .section3 .contcent{margin-bottom: 0}
    .news .section3 .contcent .title {   width:95%;}
    .section3 .contcent .title {
            width: 80%;
    margin-left: 5px;
    padding-left: 5px;}
	.swiper-button-prev,.swiper-button-next{display:none}
    .sec1-box .sec1-cont img {height:50px;margin:0px auto;}
    .section1 .name-phone{letter-spacing:0px;font-size: 16px;margin-top: 0;    padding-top: 2px;}
    .sec1-box { width:55px;height:55px;margin-bottom:5px}
    .section2, .section1{margin-top: 20px}
    .sec1-box .sec1-cont img{height:30px;padding-top: 1px}
    .a-lists{
        top: 0;
    }
    .sec1-box .sec1-cont{top: 18%}
    .section2 .sec2-cont .title h1{font-size: 20px}
    .section2 .sec2-cont .title p {margin: 5px 0 2px 0;}
    .section2 .sec2-cont .cont{font-size: 14px}
    .section2 .sec2-cont .more {margin-top: 10px;}
    .section2 .sec2-cont .more { width: 100px;}
    .section2 .sec2-cont .more .moreimg{height: 20px}
    .section2 .sec2-cont .more{height: 22px;padding-left: 16px}
    .section2 .sec2-cont .more{line-height: 18px}
    .section2 .sec2-cont .more .moreimg .moreimgs img{margin-top: 1px}
    .section2 .sec2-cont-box{padding: 10px}
    .section3 .nav-box .nav{font-size: 18px}
    .section3 .nav-box .nav{height: 30px; line-height: 30px; width: 100px;}
    .section3 .nav-box{margin: 20px auto 15px;text-align: center;}
    .sec3cont-box .cont .conts{margin-bottom: 10px}
    .sec3cont-box .cont .conts .left .title{font-size: 16px;font-weight: bold;}
    .sec3cont-box .cont .conts .img{width: 150px}
    .sec3cont-box .cont .conts .contcent{width: calc(100% - 150px);}
    .sec3cont-box .cont .conts .left .contss{line-height: 1.4;margin-top: 2px}

    .news .section3 .nav-box .wrap{width: 100%;display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap:wrap}
    .news .section3 .nav-box{    width: 93%; margin: 20px auto;}
    .news .section3 .nav-box .nav img{width:18px;margin-right: 5px;top: 3px}
    .news .section3 .nav-box .nav{height: 35px;line-height:35px;    border-radius: 6px;}
.news .contcent .title img{  display: inline-block;
    width: 6px;
    margin-right: 5px;
    margin-top: -3px;
    position: relative;
    top: -3px;}
        .news .contcent a{padding-bottom:8px}

        .news .section3 .nav-box .nav{width: 32%}





    .sec1-bot-box3 .cont{padding: 0}
    .sec1-bot-box3 .nav{font-size: 12px;letter-spacing: -1px;padding-bottom: 0}
    .sec1-bot-box3 .nav.active{font-size: 12px}
    .sec1-bot-box3 .cont a{width: calc(100% / 3);padding: 0;text-align: center;height:35px;line-height:35px;font-size: 12px}
    .sec1-bot-box1 .nav-box{margin-top: 0}
    .sec1-bot-box2 .nav-box{margin-top: 0}
    .sec1-bot-box1 .nav{font-size: 16px;width: 100px;padding-bottom: 0}
    .sec1-bot-box1 .nav.active{font-size: 16px;width: 100px}
    .sec1-bot-box2 .nav{font-size: 16px;width: 100px;padding-bottom: 0}
    .sec1-bot-box2 .nav.active{font-size: 16px;width: 100px}
    .sec1-bot-box .nav.active i {width: 26px;height: 4px; margin-left: 21px;top: 4px}
    .sec1-bot-box.sec1-bot-box3 .nav.active i {width: 26px;height: 4px; margin-left: 26px;top: 4px}
    .sec1-bot1-boxlt p a{font-size: 14px;    display: -webkit-box;}
    .sec1-bot1-boxlt p{margin-bottom: 6px}
    .sec1-bot1-boxlt{margin-top: 8px}
    .sec1-bot-box2 .a-list img{height: 12px}
    .sec1-bot-box2 .left .a-list{font-size: 12px;top: 3px}
    .a-lists1 {
        
        top: 3px;
        right: 20px;
        font-size: 12px;
    }
    .a-lists1 img{
        width: 12px;
        height: 12px;
    }
    .sec1-bot-box2 .left a{font-size: 14px;margin-bottom: 6px;}
    .sec1-bot-box2 .left .sec2-cont{margin-top: 6px}
    .sec1-bot-box4 .left-nav p{font-size: 14px; height: 35px;line-height: 35px;}
    .sec1-bot1-boxrt{width: calc(25% - 4px)}
    .sec1-bot1-boxrt p{font-size: 16px}
    .sec1-bot1-boxrt img{height: 35px}
    .sec1-bot1-boxrt{height: 80px;padding-top:5px}
    .sec1-bot1-boxrt:first-child{margin-bottom: 0}
    .sec1-bot1-boxrt:nth-child(2){margin-bottom: 0}
    .gg img{margin-top: 20px}
    .sec1-bot-box1 .jt {width: 20px;height: 20px; top: -11px;    left: 9%;}
    .sec1-bot-box2 .jt {width: 20px;height: 20px; top: -11px;left: 35%;}
        .sec1-bot-box3 .jt {width: 20px;height: 20px; top: -11px;left: 60.5%;}
            .sec1-bot-box4 .jt {width: 20px;height: 20px; top: -11px;    left: 87%;}
    .sec1-bot-box3 .sec1-bot-box .nav.active i{margin-left: 25px}
    .section3 .more{margin: 5px auto}

    .sec1-bot-box1 .sec1-bot1-boxrt:nth-child(3){
        margin-top: 0;
    }
    .sec1-bot-box1 .sec1-bot1-boxrt:nth-child(4){
        margin-top: 0;
    }

    .sec1-bot-box2 .right a{
        width: 100%;
        font-size: 14px;
        margin-bottom: 6px;
    }
    .sec1-bot-box2 .right .a-list {
        font-size: 12px;
        top: 3px;
    }
}