body{min-width: 1400px; text-align:justify; text-justify:distribute-all-lines;font-family: 'Noto Sans S Chinese Medium';}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{width: 1360px; margin: 0 auto;}

.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.fl{float: left;}
.fr{float: right;}
.img{display: block; transition: 0.5s ease; width: 100%;}
.tp{display: block; position: relative; overflow: hidden;}
.tp img{display: block; transition: 0.5s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}

.article{font-size: 20px; line-height: 36px;}
.article img{max-width: 100%;}

.m-clips{margin-top: 40px; padding-top: 20px; border-top: 1px dashed #444;}

.header{border-bottom: 7px solid #0053A6;}
.header .logo{float: left;}
.header .logo img{display: block;}
.header ul{float: left; margin: 60px 0 0 98px;}
.header ul a{font-size: 18px; color: #0053A6; display: block; float: left; margin-right: 45px; position: relative; padding-top: 20px;}
.header ul a:after{content: ''; width: 0; height: 0; border: 8px solid transparent; border-top-color: #74B42B; display: block; border-top-width: 14px; border-bottom: none; position: absolute; top: 0; left: 50%; margin-left: -8px; opacity: 0; transition: 0.5s ease;}
.header ul a:last-child{margin-right: 0;}
.header ul a.on:after{opacity: 1;}
.header ul a:hover:after{opacity: 1;}
.header .tel{float: right; font-size: 14px; color: #0053A6; font-weight: bold; text-align: right; margin-top: 30px;}
.header .tel img{float: left; margin-top: 5.5px;}
.header .tel span{display: block; clear: both; font-size: 30px; color: #E50011; letter-spacing: 2px;}

.swiper-pagination-bullet{width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; opacity: 1; background: #fff;}
.swiper-pagination-bullet-active{background: #0053A7;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}

.gsjj{font-size: 24px; line-height: 48px; color: #0053A6; text-align: center; margin: 50px 0 60px 0;}
.gsjj span{color: #0053A6;}

.title{height: 73px; background: url(../images/bj_01.jpg) top center no-repeat; background-size: cover; font-size: 40px; font-weight: bold; color: #fff; text-align: center; line-height: 73px; margin-bottom: 60px; display: block;}

.cp-box{width: 22%; float: left; margin-right: 4%;}
.cp-box .pic{display: block; padding: 15px; background: #F1F1F1;}
.cp-box .pic img{display: block; margin: 0 auto;}
.cp-box .txt{font-size: 24px; color: #E50011; line-height: 34px; text-align: center; display: block; margin-top: 10px;}
.cp-box:hover .txt{color: #0053A6;}

.blcp{margin-bottom: 110px;}
.blcp .cp-box:nth-child(4){margin-right: 0;}

.m-title{font-size: 40px; color: #0053A6; font-weight: bold; line-height: 70px; margin-bottom: 40px;clear: both;}
.m-title span{width: 70px; height: 70px; background: #0053A6; color: #fff; display: inline-block; line-height: 70px; text-align: center; margin-right: 15px;}

.ys-1,.ys-2,.ys-3,.ys-4,.ys-5,.ys-6{margin-bottom: 110px; font-size: 20px; color: #1A1A1A; line-height: 35px;}

.ys-1 .fl{width: 480px;}
.ys-1 .fl img{margin-right: 20px;}
.ys-1 .fr{width: 815px; position: relative;}

.ys-2{font-size: 24px; color: #0053A6;}
.rx{margin-top: 30px; color: #0053A6;}
.rx div{padding: 0 15px; border: 2px solid #0053A6; float: left; line-height: 50px; margin-right: 20px; font-size: 20px;}
.rx div img{margin: 10.5px 10px 0 0; float: left;}

.more{padding: 0 20px; line-height: 50px; border: 2px solid #0053A6; color: #0053A6; font-size: 20px; text-align: center; display: inline-block; margin-top: 30px;}
.more:hover{background: #0053A6; color: #fff;}

.video .pic{position: relative;}
.video .bf{width: 88px; height: 88px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -44px; cursor: pointer;}
.video .bf em{width: 0; height: 0px; display: block; border: 18px solid transparent; border-right: none; border-left-color: #0053A6; border-left-width: 30px; margin: 26px auto 26px;}
.video .bf:hover{background: #808080;}
.video .bf:hover em{border-left-color: #fff;}
.layer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;background: rgba(1,1,1,0.5);display: none;}
.spk{width: 80%;height: 80%;display: none;position: fixed;top: 10%;left: 10%;z-index: 99;}

.ys-3 .js img,.ys-4 .js img,.ys-5 .js img,.ys-6 .js img{margin-right: 20px;}
.ys-3 .list{margin: 50px 0 20px 0;}
.xc-item{width: 16.66%; text-align: center; float: left; padding: 0 1%; box-sizing: border-box;}
.xc-item img{margin: 0 auto 20px; transition: .5s ease;}
.xc-item p{font-size: 24px; color: #E50011; text-align: center; line-height: 36px;}
.xc-item:hover img{-webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
        transform: translateY(-10px);}

.ys-4 .al{background: url(../images/bj_02.jpg) bottom right no-repeat #00924F; margin: 50px 0 70px 0;}
.ys-4 .al .tp{width: 715px; height: 410px; float: left;}
.ys-4 .al .txt{width: calc(100% - 715px); padding: 50px 60px; box-sizing: border-box; color: #fff; display: block; float: left;}
.ys-4 .al .txt h6{font-size: 34px;}
.ys-4 .al .txt p{font-size: 20px; line-height: 36px; margin: 25px 0 10px 0;}
.ys-4 .al .more{color: #fff; border-color: #fff;}
.ys-4 .al .more:hover{background: #fff; color: #00924F;}

.picScroll-left{position:relative;}
.picScroll-left .bd{width: 1250px; margin: 0 auto;}
.picScroll-left .bd ul{padding: 20px 0 !important;}
.picScroll-left .bd ul li{width: 20%; float:left; _display:inline;}
.picScroll-left .bd ul li a{display: block; width: 90%; margin: 0 auto; text-align: center; height: 148px; overflow: hidden; padding: 5% 0; box-sizing: border-box;}
.picScroll-left .bd ul li a img{display: block; margin: 0 auto; height: 98%;}
.picScroll-left .hd a{display: block; position: absolute; top: 50%; margin-top: -13px;}
.picScroll-left .hd .next{left: 0;}
.picScroll-left .hd .prev{right: 0;}
.picScroll-left .bd ul li:hover a{box-shadow: 0 0 10px 0px rgba(0,0,0,.1);}
.ys-5 .js-2{font-size: 24px; color: #0053A6; line-height: 48px; margin: 45px 0 50px 0;}
.ys-5 .js-2 span{color: #0053A6;}

.sp-box{width: 32%; float: left; margin-right: 2%;}
.sp-box:nth-child(3n){margin-right: 0;}
.sp-box .pic{height: 240px; display: block; position: relative; overflow: hidden;}
.sp-box .pic img{display: block; transition: 0.5s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.sp-box .video .bf {width: 68px; height: 68px; margin-left: -34px; margin-top: -34px;
}
.sp-box .video .bf em {border: 14px solid transparent; border-left-width: 24px; margin: 20px auto 20px; border-right: none; border-left-color: #0053A6;
}
.sp-box .video .bf:hover em{border-left-color: #fff;}
.sp-box .txt{display: block;}
.sp-box .txt h6{font-size: 34px; color: #0053A6; line-height: 48px; margin: 20px 0;}
.sp-box .txt p{font-size: 20px; color: #1A1A1A; line-height: 38px;}

.ys-6{margin-bottom: 0;}
.ys-6 h6{font-size: 24px; color: #0053A6; margin: 50px 0 30px 0; clear: both;}
.ys-6 .fl{width: 870px;}
.ys-6 .fl .video{height: 500px;}
.ys-6 .fl .video .pic{height: 100%; display: block; position: relative; overflow: hidden;}
.ys-6 .fl .video .pic img{display: block; transition: 0.5s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.ys-6 .fr{width: 460px;}
.ys-6 .fr .tp{height: 235px; margin-bottom: 30px;}

.yslc{background: #004EA0; color: #fff; font-size: 24px; text-align: center; padding: 35px 0 30px 0;}
.yslc .item{width: 16.66%; float: left; position: relative;}
.yslc .item img{display: block; margin: 0 auto 15px; transition: .5s ease;}
.yslc .item:after{content: ''; width: 0; height: 0; display: block; border: 9px solid transparent; border-left-color: #fff; border-left-width: 15px; position: absolute; top: 40%; right: -20px;}
.yslc .item:last-child:after{display: none;}
.yslc .item:hover img{-webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
        transform: translateY(-10px);}

.info{font-size: 24px; color: #0053A6; text-align: center; margin: 110px auto 60px;}
.info span{color: #0053A6;}

.xw-box{margin-bottom: 45px; display: block;}
.xw-box .tp{width: 325px; height: 210px; float: left;}
.xw-box .txt{width: calc(100% - 360px); float: right;}
.xw-box .txt h6{font-size: 30px; color: #0053A6; margin-bottom: 15px;}
.xw-box .txt p{font-size: 20px; color: #1A1A1A; line-height: 38px;}
.xw-box .txt .more{margin-top: 20px;}
.xw-box:hover h6{color: #E50011;}

.footer{background: url(../images/bj_03.jpg) bottom center no-repeat #004EA0; padding: 85px 0 250px 0; margin-top: 100px; color: #fff; font-size: 18px; line-height: 35px;}
.footer a{color: #fff;}
.footer a:hover{color: #E50011;}
.footer h6{font-size: 20px;}

.footer .fl{width: calc(100% - 350px);}
.footer .box{float: left; margin-right: 50px;}
.footer .box h6{margin-bottom: 10px;}
.footer .box a{display: block;}
.footer .bq{clear: both; line-height: }

.footer .fr{width: 350px;}
.footer .ewm img{width: 145px; height: 145px; float: left;}
.footer .ewm p{font-size: 24px; line-height: 40px; margin: 40px 0 0 15px; float: left;}
.footer .lx{margin-top: 20px;}

.name{font-size: 48px; color: #0053A6; font-weight: bold; margin: 80px auto 20px;}

.btn{border-bottom: 2px solid #F1F1F1; padding-bottom: 25px; margin-bottom: 45px;}
.btn a{display: inline-block; float: left; padding: 0 30px; background: #F1F1F1; line-height: 50px; font-size: 20px; color: #0053A6; margin-right: 25px;}
.btn a.on{background: #0053A6; color: #fff;}
.btn a:hover{background: #0053A6; color: #fff;}

.cont .info{margin: 45px 0;}

.cpxq{margin-bottom: 60px;}
.cpxq .pic{width: 430px; height: 430px; background: #F1F1F1; padding: 25px; box-sizing: border-box; float: left;}
.cpxq .pic img{display: block; margin: 0 auto; height: 100%; }
.cpxq .cpys{width: calc(100% - 460px); float: right; border: 2px solid #0053A6; padding: 40px 50px; box-sizing: border-box; height: 430px; overflow-y: auto; color: #0053A6; font-size: 20px; line-height: 38px;}
.cpxq .cpys h6{font-size: 30px; font-weight: bold; margin-bottom: 30px;}

.yycs{margin: 40px 0;}
.yycs .box{padding: 30px; height: 330px; overflow-y: auto; color: #fff; line-height: 36px; font-size: 20px; box-sizing: border-box;}
.yycs .box h6{font-size: 34px; margin-bottom: 20px;}
.yycs .yyfw{background: #0053A7; width: calc(100% - 570px); float: left;}

.yycs .cpcs{background: #74B42B; width: 540px; float: right;}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius: 2px;}
::-webkit-scrollbar-thumb {border-radius: 2px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4);}

.qtms .item{width: 30%; float: left; margin-right: 5%; font-size: 20px; line-height: 36px; color: #1A1A1A;}
.qtms .item:nth-child(3n){margin-right: 0;}
.qtms .item h6{font-size: 34px; margin-bottom: 30px; color: #0053A7;}

.cp-list{margin-top: 50px;}
.cp-list .cp{width: 32%; float: left; margin-right: 2%;}
.cp-list .cp:nth-child(3n){margin-right: 0;}
.cp-list .cp .pic{width: 430px; height: 430px; background: #F1F1F1; padding: 25px; box-sizing: border-box;}
.cp-list .cp .pic img{display: block; margin: 0 auto; height: 100%; }
.cp-list .cp p{font-size: 34px; color: #E50011; margin-top: 20px;}
.cp-list .cp .more{margin-top: 20px;}
.cp-list .cp:hover p{color: #0053A7;}

.tjsp{margin-bottom: 90px;}
.tjsp .video{width: calc(100% - 380px); height: 540px; float: left;}
.tjsp .video .pic{width: 100%; height: 100%; display: block; position: relative; overflow: hidden;}
.tjsp .video .pic img{display: block; transition: 0.5s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.tjsp .txt{width: 330px; float: right;}
.tjsp .txt h6{font-size: 34px; color: #0053A7; line-height: 48px; margin-bottom: 30px;}
.tjsp .txt p{font-size: 20px; line-height: 35px; color: #1A1A1A;}

.sp-list .sp-box{width: 30%; margin: 0 5% 50px 0; background: #F0F0F0;}
.sp-list .sp-box:nth-child(3n){margin-right: 0;}
.sp-list .sp-box .txt{padding: 10px 30px 30px 30px; box-sizing: border-box;}

.tjxw{margin-bottom: 90px;}
.tjxw .tp{width: 700px; height: 400px;}
.tjxw .tp img{height: 100%; width: auto;}
.tjxw .txt{width: calc(100% - 760px);}

.top{margin-bottom: 50px;}
.top .fl{width: 500px;}
.top .fl h6{font-size: 44px; color: #0053A7; line-height: 60px; margin-bottom: 30px;}
.top .fl p{font-size: 20px; line-height: 36px; color: #666;}
.top .fr{width: 700px;}

.lxwm h6{font-size: 32px; color: #0053A7; line-height: 42px; margin-bottom: 30px;}
.lxwm .add{width: 700px; float: left; font-size: 20px; color: #1A1A1A; line-height: 36px; margin-bottom: 50px;}
.lxwm .ewm .qrcode{width: 160px; float: left; margin-right: 30px;}
.lxwm .ewm div img{margin-bottom: 15px;}
.lxwm .ewm p{font-size: 20px; color: #0053A6; line-height: 36px;}
.lxwm .map{width: 100%; height: 325px; background: #0053A6; clear: both;}
.lxwm .box{width: 650px; height: 435px; color: #fff; font-size: 20px; line-height: 35px; margin: 40px 0 90px 0; padding: 30px; box-sizing: border-box;}
.lxwm .box h6{color: #fff; font-size: 34px; margin-bottom: 30px;}
.lxwm .cclx{background: #00924F; float: left;}

.lxwm .jclx{background: url(../images/bj_04.jpg) bottom left no-repeat #74B42B; float: right; background-size: 100%;}

.lxwm .rx{width: 235px; margin: 0 auto;}
.lxwm .rx div:last-child{margin-right: 0;}

.cpqh{position: relative;}
.swiper-button-next, .swiper-button-prev{top: 60px; margin-top: 0; outline: none;}
.gallery-thumbs{width: 90% ; margin: 0 auto; position: relative; overflow: hidden;padding: 15px !important; }
.gallery-thumbs .swiper-slide{padding: 15px 0;}
.gallery-top {height: 80%; width: 100%; overflow: hidden;position: relative;}
.gallery-thumbs img{margin: 0 auto; display: block; max-width: 100%; height: 125px;}
.gallery-thumbs .swiper-slide-thumb-active {box-shadow: 0 0 10px 0px rgba(0,0,0,.1);}
.gallery-top{margin-top: 80px;}
.gallery-top .pic{width: 470px; height: 470px; border: 1px solid #C5C5C5; align-items:center; justify-content:center; display: -webkit-flex; float: left;}
.gallery-top .pic img{display: block; height: 320px;}
.gallery-top .txt{width: calc(100% - 540px); float: right; font-size: 20px; color: #1A1A1A; line-height: 36px;}
.gallery-top .txt h6{font-size: 34px; color: #0053A7; margin-bottom: 30px;}

.gybl{font-size: 20px; color: #1A1A1A; line-height: 36px;}
.gybl .title{margin-top: 80px;}

.ryrz .zs{background: #E6E6E6; padding: 45px 0;}
.ryrz .picScroll-left .bd ul li{width: 25%;}
.ryrz .picScroll-left .bd ul li img{height: 295px; display: block; margin: 0 auto;}
.ryrz .ms{margin: 40px auto 50px;}

.zz-list li time{display: block; font-size: 20px; color: #004EA0; font-weight: bold; float: left;}
.zz-list li p{width: calc(100% - 180px); float: right;}


.pf{position: fixed; right: 0; top: 30%; width: 98px; border-top: 1px solid #D5D5D5; display: none;}
.pf .box{display: block; border-left: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; text-align: center; font-size: 18px; color: #0053A7; line-height: 25px; background: #F1F1F1; padding-bottom: 10px;}
.pf .box img{display: block; margin: 0 auto; padding: 15px 0 8px 0;}
.pf .box img:nth-child(2){display: none;}
.pf .box:hover{background: #0053A6; color: #fff;}
.pf .box:hover img:nth-child(1){display: none;}
.pf .box:hover img:nth-child(2){display: block;}
#fx .bdsharebuttonbox{display: none; margin-left: 5px;}
#fx:hover .bdsharebuttonbox{display: block;}













