@charset "utf-8";



* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}

body{ font-size: 18px; color:#666; overflow-x: hidden; font-family: "Microsoft YaHei",Arial,sans-serif; background: url(../images/bg.webp) no-repeat center top; background-size: 100% auto; padding-top: 200px;}

ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}

input,textarea,select,button{ font-size: 16px; outline:none;  font-family: "Microsoft YaHei",Arial,sans-serif;}

svg{ border: none;}

::-webkit-input-placeholder {color: #b2b2b2;}

::-moz-placeholder {color: #b2b2b2;}

:-ms-input-placeholder {color: #b2b2b2;}



a { text-decoration: none; color:#666; transition: color 0.56s ease;}

a:hover{ color:#fc694c;}



img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}



.wrap{ width: 100%; max-width: 1760px; margin: 0 auto; padding: 0 50px;}

.container{ padding: 0 100px;}



::-webkit-scrollbar { width: 6px; background-color: rgba(24, 24, 24, .07); }

::-webkit-scrollbar-thumb {background: rgba(24, 24, 24, .3); border-radius: 8px; transition: background 0.4s ease;}

::-webkit-scrollbar-thumb:hover {background: #666;}



/*顶部*/

.header{ width: 100%; background:#fff url(../images/headBg.jpg) no-repeat left bottom; position: fixed; left: 0; top: 0; z-index: 999999;}

.header .wrap{ height: 200px;}

.header .logo{ height: 160px;}

.header .nav{ position: relative;}

.header .nav>ul>li{ position: relative; padding:0 20px;}

.header .nav>ul>li>a{ font-size:20px; color:#000; line-height:36px;transition: color .4s; display: block; position: relative;}

.header .nav>ul>li>a:hover{ color:#fc694c;}

.header .nav>ul>li.on>a::before{ content: ""; width: 100%; height: 3px; background: #fc694c; position: absolute; left: 0; bottom: -5px;}

.header .nav>ul>li .subnav{ width: 136px; background: rgba(252,105,76,0.7) url(../images/navBg.png) no-repeat left bottom; background-size: 100% auto; position:absolute; left: 50%; top: 36px; transform: translateX(-50%); z-index: 11; padding:10px 6px 50px; display: none;}

.header .nav>ul>li .subnav a{ display: block; color: #fff; text-align: center; line-height: 50px; border-bottom: rgba(255,255,255,0.5) solid 1px;}

.header .nav>ul>li .subnav a:nth-last-child(1){ border-bottom: none;}

.header .searchBtn{ width: 20px; height: 20px; background: url(../images/search.png) no-repeat center; margin:0 30px 0 10px; cursor: pointer;}

.header .share{ margin-bottom: 42px;}

.header .share ul li{ margin-left: 25px; position: relative; cursor: pointer;}

.header .share ul li ol{ width: 98px; position: absolute; top: 46px; left: 50%; transform: translateX(-50%); z-index: 11; display: none;}

.header .share ul li:hover ol{ display: block;}

.header .lang{position: relative; cursor: pointer;}

.header .lang dl{ width: 122px; background:linear-gradient(to right,#f38e27,#fd644e); border-radius: 34px; line-height: 34px; color: #fff; font-size: 17px; padding-left: 40px; position: relative;}

.header .lang dl::before{ content: ""; width: 16px; height: 16px; background: url(../images/icon02.png) no-repeat center; position: absolute; left: 14px; top: 50%; transform: translateY(-50%);}

.header .lang dl::after{ content: ""; width: 8px; height: 8px; background: url(../images/icon01.png) no-repeat center; position: absolute; right: 12px; top: 50%; margin-top: -4px;;}

.header .lang .subnav{ width: 100%; background: rgba(252,105,76,0.7); border-radius: 10px;  position: absolute; left: 50%; top: 34px; transform: translateX(-50%); z-index: 111; padding: 10px 0; display: none;}

.header .lang .subnav a{ display: block; color: #fff; font-size: 17px; text-align: center; line-height: 30px;}



.menu-toggle{display: none;}



/*首页bannner*/

.banner { position: relative; overflow: hidden;}

.banner .swiper{ width:100%; overflow:hidden;}

.banner .swiper .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}

.banner .swiper .swiper-slide img{width:100%;}

.banner .pagination { width: 100% !important; position: absolute; left:0; bottom:30px!important;  z-index:111; text-align: center;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 15px;height: 15px; background:#333; margin: 0 10px; border-radius:15 !important; opacity: 1; cursor: pointer;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fc694c;}

.banner .swiper-slide-active{opacity:1;}



.neiBanner{ height:460px; background-position: center; background-repeat: no-repeat; background-size: cover;}



.title { margin-bottom: 70px; display: flex; justify-content: center; align-items: center;}

.title img{ margin-right: 20px;}

.title h2{ font-size: 36px; color: #000; font-weight: normal; line-height: 1;}


.imore a{ width: 170px; height: 44px; border: #ccc solid 2px; border-radius: 44px; display: flex; align-items: center; justify-content: center; margin-top: 35px;}


.latestNews{ margin-top: 30px;}

.latestNews .boxCon{ background: #f6e4e1; border-radius: 5px; overflow: hidden;}

.latestNews .tit{ width: 200px; background:linear-gradient(to right,#f28e27,#fd644f); border-top-right-radius: 20px; border-bottom-right-radius: 20px; font-size: 24px; color: #fff; font-weight: bold; line-height: 70px; padding-left: 58px; position: relative;}

.latestNews .tit::before{ content: ""; width: 25px; height: 25px; background: url(../images/icon03.png) no-repeat center; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}

.latestNews .box{ width: calc(100% - 200px); line-height: 70px; padding-left: 40px;}

.latestNews .box .swiper-slide {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}



.indexOne{ margin-top: 65px;}

.indexOne .pic{ width: 50%; padding-right: 80px;}
.indexOne .pic .videoBox{ width: 100%; height: 100%; position: relative;}
.indexOne .pic .swiper{ padding-bottom: 60px;}

.indexOne .pic .swiper .bg-videoPic{ padding-bottom: 56.25%;}

.indexOne .pic .bg-videoPic video {display: block;height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;	position: absolute;	top: 0;	z-index: 0;	pointer-events: none; pointer-events: inherit;}

.indexOne .pic .bg-videoPic img {width: 100%; height: 100%; position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; -o-object-fit: cover; object-fit: cover;}

.indexOne .pagination { width: 100% !important; position: absolute; left:0; bottom:0!important;  z-index:111; text-align: center;}

.indexOne .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 12px;height: 12px; background:#666; margin: 0 10px; border-radius:15 !important; opacity: 1; cursor: pointer;}

.indexOne .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fc694c;}

.indexOne .swiper-slide-active{opacity:1;}

.indexOne .con{ width: 50%;}

.indexOne .con .title{ margin-bottom: 25px; justify-content: flex-start;}

.indexOne .con .text{ color: #666; line-height: 1.5;}



.indexTwo{ margin-top: 90px;}

.indexTwo .box{ position: relative;}

.indexTwo .swiper{ padding-bottom: 60px;}

.indexTwo .swiper-slide dl{ padding-bottom: 72.35%; border-radius: 15px;}

.indexTwo .swiper-slide h3{ font-size: 18px; text-align: center; line-height: 1; margin: 18px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.indexTwo .swiper-slide dt{ height: 48px; line-height: 24px; font-size: 18px; color:#666; overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}

.indexTwo .pagination { width: 100% !important; position: absolute; left:0; bottom:0!important;  z-index:111; text-align: center;}

.indexTwo .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 6px;height: 6px; background:#666; margin: 0 10px; border-radius:15 !important; opacity: 1; cursor: pointer;}

.indexTwo .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fc694c;}

.indexTwo .arrow-left,.indexTwo .arrow-right{ width: 40px; height: 40px; position: absolute; top: 100px; z-index: 11;}

.indexTwo .arrow-left{ background: #fff url(../images/arrow-left01.png) no-repeat center; left: -20px;}

.indexTwo .arrow-left:hover{ background: #ff6633 url(../images/arrow-left02.png) no-repeat center;}

.indexTwo .arrow-right{ background: #fff url(../images/arrow-right01.png) no-repeat center; right: -20px;}

.indexTwo .arrow-right:hover{ background: #ff6633 url(../images/arrow-right02.png) no-repeat center;}



.indexThree{ margin-top: 100px;}

.indexThree .con{ width: 50%; padding-right: 30px;}

.indexThree .con .title{ margin-bottom: 25px; justify-content: flex-start;}

.indexThree .con .text{ line-height: 1.6;}

.indexThree .videoBox{ width: 50%; padding-left: 50px;}

.indexThree .videoBox video{ width: 100%; height: 100%; background: #000;}



.indexFour{ margin-top: 130px;}

.indexFour .tit{ width: 455px; height: 64px; display: flex; align-items: center; border-bottom-left-radius: 15px; padding-left: 22px; }

.indexFour .tit img{ margin-right: 22px;}

.indexFour .tit h2{ color: #fff; font-size: 24px; line-height: 1;}

.indexFour .fourLeft .tit{ background:linear-gradient(to bottom,#fc654e,#f28c29);}

.indexFour .fourRight .tit{ background: #2db281;}

.indexFour .fourLeft{ width: calc(60% - 10px); background: #f5ece3;}

.indexFour .fourRight{ width: 40%; background: #e4f5ee;}

.indexFour .box{ padding: 70px 35px; position: relative;}

.indexFour .box .swiper-slide dl{ padding-bottom: 72%; border-radius: 15px;}

.indexFour .box .swiper-slide dl span{ padding: 0 18px; line-height: 54px; color: #fff; font-weight: bold; border-bottom-left-radius: 15px; position: absolute; right: 0; top: 0; z-index: 11;}

.indexFour .fourLeft .box .swiper-slide dl span{ background: #fb6e46;}

.indexFour .fourRight .box .swiper-slide dl span{ background: #1fab72;}

.indexFour .box .swiper-slide h3{ font-size: 18px; text-align: center; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 20px; margin-bottom: 20px;}

.indexFour .box .swiper-slide dt{ color: #000; overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical; margin-bottom: 20px;}

.indexFour .box .swiper-slide dd{ width: 150px; height: 44px; border: #ccc solid 2px; border-radius: 44px; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 16px;}

.indexFour .fourLeft .box .swiper-slide dd{  border: #fb6e46 solid 2px; color: #fb6e46;}

.indexFour .fourRight .box .swiper-slide dd{  border: #1fab72 solid 2px; color: #1fab72;}

.indexFour .arrow{ position: absolute; right: 0; bottom: 0; display: flex;}

.indexFour .arrow-left,.indexFour .arrow-right{ width: 40px; height: 40px;}

.indexFour .arrow-left{ background: #d7d4d0 url(../images/arrow-left01.png) no-repeat center; margin-right: 5px;}

.indexFour .arrow-right{ background: #d7d4d0 url(../images/arrow-right01.png) no-repeat center;}

.indexFour .fourLeft .arrow-left:hover{ background: #fb6e46 url(../images/arrow-left02.png) no-repeat center;}

.indexFour .fourLeft .arrow-right:hover{ background: #fb6e46 url(../images/arrow-right02.png) no-repeat center;}

.indexFour .fourRight .arrow-left:hover{ background: #1fab72 url(../images/arrow-left02.png) no-repeat center;}

.indexFour .fourRight .arrow-right:hover{ background: #1fab72 url(../images/arrow-right02.png) no-repeat center;}



.indexFive{ margin-top: 80px;}

.indexFive .tit{ display: flex; justify-content: center; align-items: center; padding-bottom: 30px;}

.indexFive .tit h2{ font-size: 24px; color: #26af7a; line-height: 1; margin-left: 20px;}

.indexFive .videoBox{ width: 38%; padding-right: 110px;}

.indexFive .videoBox .box{ height: calc(100% - 134px); position: relative;}

.indexFive .videoBox video{ width: 100%; height: 100%; background: #000; position:absolute; left: 0; top: 0;}

.indexFive .picBox{ width: 62%; position: relative;}

.indexFive .picBox .swiper-slide dl{ padding-bottom: 121%;}

.indexFive .picBox .arrow{ position: absolute; right: 0; top: 10px; color: #1fab72; font-size: 14px; display: flex;}

.indexFive .picBox .arrow .arrow-left,.indexFive .picBox .arrow .arrow-right{ width: 20px; height: 20px;}

.indexFive .picBox .arrow .arrow-left{ background: url(../images/arrow-left03.png) no-repeat center; margin-right: 5px;}

.indexFive .picBox .arrow .arrow-right{ background: url(../images/arrow-right03.png) no-repeat center; margin-left: 5px;}



.indexSix{ margin: 100px 0 120px;}

.indexSix .pic{ width: 50%; padding-right: 170px;}

.indexSix .pic dl{ padding-bottom: 66.666%;}

.indexSix .con{ width: 50%;}

.indexSix .con ol{ padding: 15px 0; border-bottom: #bfbfbf solid 1px;}

.indexSix .con ol h3{ font-size: 24px; color: #333; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 25px; transition: all 0.4s ease;}

.indexSix .con ol a:hover h3{ color: #fc694c;}

.indexSix .con ol dt{ height: 108px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;	-webkit-box-orient: vertical;}

.indexSix .con ul li{ line-height: 80px; border-bottom: #bfbfbf solid 1px;}

.indexSix .con ul li a{ font-weight: bold; padding-left: 25px; background: url(../images/icon13.png) no-repeat left center;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}



.jqjs{ padding: 70px 0 145px;}

.jqjs .tit{ display: flex; justify-content: center; align-items: center; margin-bottom: 70px;}

.jqjs .tit h2{ color: #058b67; font-size: 30px; margin-left: 20px;}

.jqjs .videoBox{ width: 100%; max-width: 730px; margin: 0 auto 70px;}

.jqjs .videoBox video{ width: 100%;}

.jqjs .text{ line-height: 1.8;}



.jdjs{ padding: 70px 0 145px;}

.jdjs .box ul{ margin: 0 -53px;}

.jdjs .box ul li{ width: 25%; padding: 0 53px; margin-bottom: 70px;}

.jdjs .box ul li dl{ padding-bottom: 72.35%; border-radius: 15px;}

.jdjs .box ul li h3{ font-size: 18px; line-height: 1; margin: 18px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.jdjs .box ul li dt{ height: 48px; font-size: 18px; line-height: 24px; color:#666; overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}

.jdjs .box ul li a dl::after{ content:""; width: 100%; height: 100%; border: #1fab72 solid 5px; border-radius: 15px; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 11; opacity: 0; transition: opacity 0.4s ease;}

.jdjs .box ul li a:hover dl::after{ opacity: 1;}



.bread{ padding-bottom: 30px; border-bottom: #fc694c solid 3px; margin-bottom: 60px;}



.jdjsView{padding: 50px 0 145px; background: #fff;}

.jdjsView .tit{ text-align: center; margin-bottom: 70px;}

.jdjsView .tit h2{ font-size: 36px; color: #000;}

.jdjsView .viewpage{ margin-top: 110px;}

.jdjsView .viewpage ul li{ display: flex; line-height: 40px; margin-bottom: 5px;}

.jdjsView .viewpage ul li span{ width: 110px; background: #0091d8; color: #fff; text-align: center;}

.jdjsView .viewpage ul li a{ width: calc(100% - 110px); background: #eeeeee; padding-left: 20px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.jdjsView .viewpage ul li a:hover{ background: #e7e2e2; }



.zgtlyb{ padding: 70px 0 145px;}

.zgtlyb .container{ padding: 0 100px;}

.zgtlyb .text{ color: #333; line-height: 1.8;}

.zgtlyb .videoBox{ width: 100%; max-width: 1080px; margin: 70px auto 0;}

.zgtlyb .videoBox video{ width: 100%;}



.gonglue{ padding: 70px 0 145px;}

.gonglue .box{ padding-bottom: 50px;}

.gonglue .box ul li a{ display: flex; align-items: center; padding: 30px; transition: all 0.4s ease;}

.gonglue .box ul li a:hover{ background: #f1f5f5;}

.gonglue .box ul li .pic{ width: 310px;}

.gonglue .box ul li .pic dl{ padding-bottom: 72%;}

.gonglue .box ul li .con{ width: calc(100% - 310px); display: flex; align-items: center; flex-direction: row-reverse;}

.gonglue .box ul li .con ol{ width: calc(100% - 200px);}

.gonglue .box ul li .con ol h3{ font-size: 24px; font-weight: normal; margin-bottom: 20px;}

.gonglue .box ul li .con ol dt{ line-height: 36px; overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}

.gonglue .box ul li .con dl{ width: 200px; padding-left: 50px;}

.gonglue .box ul li .con dl dd{ font-size: 36px;}

.gonglue .box ul li .con dl span{ font-size: 18px;}



.hsgsyj{ padding: 70px 0 145px;}

.hsgsyj .box ul{ margin: 0 -45px;}

.hsgsyj .box ul li{ width: 20%; padding: 0 45px; margin-bottom: 80px;}

.hsgsyj .box ul li dl{ padding-bottom: 121%;}

.hsgsyj .box ul li a dl::after{ content:""; width: 100%; height: 100%; border: #1fab72 solid 5px; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 11; opacity: 0; transition: opacity 0.4s ease;}

.hsgsyj .box ul li a:hover dl::after{ opacity: 1;}


.videoList{ padding: 70px 0 145px;}
.videoList .text{ color: #333; line-height: 1.8;}
.videoList .videoBox{  margin: 70px 0 35px;}
.videoList .videoBox ul{ margin: 0 -45px;}
.videoList .videoBox ul li{ width: 25%; padding: 0 45px; margin-bottom: 30px;}
.videoList .videoBox ul li ol{ cursor: pointer;}
.videoList .videoBox ul li dl{ padding-bottom: 75%;}
.videoList .videoBox ul li dl::before{ content: ""; width: 100%; height: 100%; background: url(../images/videoBtn.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 11; transition: all .4s;}
.videoList .videoBox ul li h3{ font-size: 16px; color: #666; font-weight: normal; text-align: center; margin-top: 10px;}


.boxSwiper{ width: 100%; max-width: 1520px; margin: 0 auto; padding: 0 230px; position: relative;}

.boxSwiper .swiper{ background: #000;}

.boxSwiper .swiper dl{ padding-bottom: 70%;}

.boxSwiper .arrow-left,.boxSwiper .arrow-right{ width: 32px; height: 52px; position: absolute; top: 50%; transform: translateY(-50%);}

.boxSwiper .arrow-left{ background: url(../images/arrow-left04.png) no-repeat center; left: 50px;}

.boxSwiper .arrow-right{ background: url(../images/arrow-right04.png) no-repeat center; right: 50px;}



.lydz{padding: 70px 0 145px;}

.lydz .box{ position: relative; padding: 0 80px; margin-bottom: 120px;}

.lydz .swiper{ position: relative;}

.lydz .swiper .tit{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 11;}

.lydz .swiper .tit i{ width: 118px; height: 118px; background: rgba(255,255,255,0.8); border-radius: 118px; display: flex; justify-content: center; align-items: center; margin: 0 auto;}

.lydz .swiper .tit h3{ color: #fff; font-size: 26px; text-align: center; margin-top: 10px;}

.lydz .swiper dl{ padding-bottom: 128.57%;}

.lydz .arrow-left,.lydz .arrow-right{ width: 32px; height: 52px; position: absolute; top: 50%; transform: translateY(-50%);}

.lydz .arrow-left{ background: url(../images/arrow-left04.png) no-repeat center; left: 10px;}

.lydz .arrow-right{ background: url(../images/arrow-right04.png) no-repeat center; right: 10px;}

.lydz .lydz_contact{ width: 510px; border: #fd654f solid 3px; border-radius: 20px; font-size: 30px; color: #333333; line-height: 90px; text-align: center; margin: 0 auto;}

.lydz .lydz_contact span{ color: #fd654f; font-weight: bold;}



.contact{padding: 70px 0 145px;}

.contact .box{ background: rgba(155,207,250,0.14); padding: 85px 0; margin-bottom: 130px;}

.contact .box ul li{ width: 33.33%; text-align: center; font-size: 24px; color: #000; border-left: 1px solid #fd654f; padding: 20px 0;}

.contact .box ul li i{ height: 80px; display: block;}

.contact .box ul li h3{ font-size: 24px; font-weight: normal; margin-bottom: 10px;}

.contact .box ul li:nth-child(1){ border-left: none;}



.contact .bmBox{}

.contact .bmBox ul{ margin: 0 -10px;}

.contact .bmBox ul li{ width: 20%; padding: 0 10px;}

.contact .bmBox ul li h3{ font-size: 18px; text-align: center; font-weight: normal; color: #000; margin-top: 10px;}



#map{ font-size: 16px;}



.footer{ background: url(../images/footerBg.webp) no-repeat center; background-size: cover; color: #fff; text-align: center; padding: 60px 0;}

.footer a{ color: #fff;}

.footer a:hover{  color: #fc694c;}

.footer .footTit{ font-size: 30px; font-weight: bold; margin-bottom: 35px;}

/* .footer .fnav { border-bottom: #8b8b8b solid 1px; margin-bottom: 25px;}

.footer .fnav ul{ display: flex; justify-content: flex-end;}

.footer .fnav ul li{ position: relative; margin-left: 66px;}

.footer .fnav ul li>a{ line-height: 124px;}

.footer .fnav ul li .subnav{ position: absolute; left: 50%; top: 150px; transform: translateX(-50%)}

.footer .fnav ul li .subnav a{ font-size: 17px; text-align: center; white-space: nowrap; margin-bottom: 8px; display: block;} */

.footer .share{ margin-bottom: 30px;}

.footer .share ul li{ margin-right: 20px;}
.footer .share ul li p{ margin-top: 8px; font-size: inherit;}

.footer .fcontact{ line-height: 1.8; margin-bottom: 30px;}

.footer .copyright{ text-align: center; font-size: 16px;}



/* 漂浮 */

.piaofu{ width: 80px; position: fixed; top: 50%; right: 0; z-index: 999999;}

.piaofu ul li a{ color: #fff; font-size: 12px; text-align: center; background: #f3892e; border-bottom: #fff solid 1px; display: flex; align-items: center; flex-direction: column; padding: 20px 0;}

.piaofu ul li a p{ margin-top: 5px;}

.piaofu ul li:nth-last-child(1) a{ border-bottom: none;}

.piaofu ul li a:hover{  background: #e78127; }



/*===/分页=============================*/

.fenye { text-align: center; font-size: 16px; width: 100%; display: flex; justify-content: center; }

.fenye .prev, .fenye .next { width: 46px; height: 46px; line-height: 46px; color: #666;margin:0 4px; display: block; font-family: "宋体";font-size: 18px; background: #ddd;}

.fenye a { width: 46px; height: 46px; line-height: 46px; color: #666; margin:0 4px; display: block; background: #ddd; transition: all 0.4s;}

.fenye a:hover {color: #fff; background: #0465aa;}

.fenye a.current { color: #fff;  background: #0465aa;}



/*搜索框*/

.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}

.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}

.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}

.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}





/* 弹出框 */

.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}

.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}

.tccBox .BoxCon .off{ width: 30px; height: 30px; background:url(../images/off.png) no-repeat center; position: absolute; top: -15px; right: -15px;  cursor: pointer;}

.tccBox .BoxCon ul video{ max-width: 1000px; max-height: 620px;}





@media (max-width: 1800px) {

    .header .nav>ul>li{ padding: 0 15px;}

}



@media (max-width: 1620px) {

    body{ font-size: 16px;}

    .header .nav>ul>li{ padding: 0 13px;}

    .header .nav>ul>li>a{ font-size: 19px;}



    .neiBanner{ height: 420px;}



    .title h2{ font-size: 32px;}



    .latestNews .tit{ font-size: 22px;}



    .indexTwo .swiper-slide dt{ font-size: inherit;}



    .indexFour .tit h2{ font-size: 22px;}



    .indexSix .pic{ padding-right: 130px;}

    .indexSix .con ol h3{ font-size: 22px;}



    .jdjs .box ul li dt{ font-size: inherit;}



    .lydz .swiper .tit h3{ font-size: 22px;}

    .lydz .lydz_contact{ font-size: 24px;}



    .contact .box ul li{ font-size: 22px;}

    .contact .bmBox ul li h3{ font-size: inherit;}



    .piaofu ul li a{ font-size: 14px;}

}



@media (max-width: 1550px) {
    .header .nav>ul>li { padding: 0px 10px; }
}



@media (max-width: 1490px) {
    .header .nav>ul>li { padding: 0 10px; }
    .header .nav>ul>li>a { font-size: 17px; }
}



@media (max-width: 1420px) {

    body{ padding-top: 170px;}

    .container { padding: 0 30px; }



    .title h2 { font-size: 28px; }

    .title img{ height: 30px; margin-right: 15px;}



    .header .wrap { height: 170px; }

    .header .logo { height: 130px; }

    .header .nav>ul>li>a{ font-size: 16px;}



    .latestNews .tit{ font-size: 18px; line-height: 60px;}

    .latestNews .box{ line-height: 60px;}



    .indexOne .pic { padding-right: 50px; }



    .indexFour .box .swiper-slide dl span { font-size: 14px; padding: 0 15px; line-height: 35px;}

    .indexFour .box .swiper-slide dd { width: 120px; height: 38px; font-size: 14px;}



    .indexFive .tit h2{ font-size: 20px;}

    .indexFive .videoBox{ padding-right: 70px;}



    .indexSix .con ol { padding: 25px 0;}

    .indexSix .pic { padding-right: 60px; }



    .jdjs .box ul { margin: 0 -30px;}

    .jdjs .box ul li{ padding: 0 30px;}

    .zgtlyb .container {
        padding: inherit;
    }

    .jdjsView .tit h2{ font-size: 28px;}



    .gonglue .box ul li .con dl dd{ font-size: 30px;}



    .videoList .videoBox ul{ margin: 0 -25px;}
    .videoList .videoBox ul li{ padding: 0 25px; }



    .hsgsyj .box { padding-bottom: 20px;}

    .hsgsyj .box ul { margin: 0 -25px;}

    .hsgsyj .box ul li{ padding: 0 25px; margin-bottom: 50px;}



    .lydz .swiper .tit i { width: 80px; height: 80px;}

    .lydz .swiper .tit i img{ height: 35px;}



    .piaofu { width: 70px;}

    .piaofu ul li a{ padding: 13px 0;}

}



@media (max-width: 1300px) {

    .container { padding: 0; }



    .header .nav>ul>li { padding: 0 10px; }
    .header .nav>ul>li>a{ font-size: 15px;}

    .header .share { margin-bottom: 24px; }

    .header .lang dl{ font-size: 15px;}



    .neiBanner { height: 340px; }



    .title { margin-bottom: 50px;}



    .indexTwo .arrow-left, .indexTwo .arrow-right { top: 80px;}



    .indexThree .con{ padding-right: 0;}



    .indexFour { margin-top: 100px; }

    .indexFour .tit { width: 310px; height: 52px;}

    .indexFour .tit h2{ font-size: 20px;}

    .indexFour .box { padding: 50px 35px 70px;}



    .footer .fnav{ margin-bottom: 32px;}

    .footer .fnav ul li{ margin-left: 55px;}

    .footer .fnav ul li>a { line-height: 100px; }

    .footer .fnav ul li .subnav{ top: 128px;}

    .footer .fnav ul li .subnav a{ font-size: 15px;}

}



@media (max-width: 1220px) {



}



@media (max-width: 1180px) {

    .wrap{ padding: 0 20px;}



    .header .logo { height: 112px; }



    .indexSix .con ul li{ line-height: 70px;}

    .indexSix .con ol{ padding: 20px 0 20px;}

    .indexSix .con ol h3 { font-size: 20px; }

    .indexSix .con ol dt { height: 90px; line-height: 30px;}

}



@media (max-width: 1100px) {

    .header .nav>ul>li { padding: 0 9px; }

    .header .lang dl { width: 105px; padding-left: 32px;}

    .header .lang dl::before{ left: 11px;}

    .header .lang dl::after{ right: 10px;}

    .header .searchBtn{margin: 0 20px 0 10px;}

}



@media (max-width: 1030px) {

}



@media screen and (max-width:750px){

    body{ font-size: 14px; padding-top: 60px;}

    .wrap{ padding: 0 15px;}



    .header{ width: 100%; height: 60px; box-shadow: 0 0 5px rgba(0, 0, 0, .2); display: block; margin-bottom: 0; position: fixed; left: 0; top: 0; z-index: 99999;}

    .header .wrap { height: 60px; }

    .header .logo{ height: 60px; padding: 6px 0; }

    .header .headRight{ position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);  background: #fff; display: none; }

    .header .nav{ margin-bottom: 20px;}

    .header .nav>ul{ display: block;  position: relative; z-index: 111; border-top: #eee solid 1px; }

    .header .nav>ul>li{ border-bottom: #eee solid 1px; margin-right: 0; margin-left: 0; padding: 0; position: relative;}

    .header .nav>ul>li>a{ padding: 0 15px; font-size: 15px; color: #000;  font-weight: normal; line-height: 46px;  display: block;}

    .header .nav>ul>li.on>a::before { height: 2px; bottom: 0; }

    .header .nav>ul>li .subnav{ width: 100%; position: relative; left:0; top: 0; transform:inherit; padding: 0;}

    .header .nav>ul>li .subnav a { text-align: left; line-height: 40px; padding-left: 15px;}

    .header .navMain{ display: block;}

    .header .searchBtn{ display: inline-block; margin: 0 20px 0 15px;}

    .header .lang{ display: inline-block;}

    .header .lang a{ line-height: 34px;}

    .header .lang dl{ display: none;}

    .header .lang .subnav{ display: block; position: relative; top: 0; left: 0; transform: inherit; display: flex; background:none; padding: 0;}

    .header .lang .subnav a{ font-size: 14px; color: #000; line-height: 1; margin-right: 10px;}



    .header .share{ display: none;}



    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}

    .header .menu-toggle span{ width:35px; height:2px; background:#000;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}

    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#000;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#000;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

    .header .menu-toggle.cur span{background-color:transparent;}

    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}

    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}



    .banner .pagination {  bottom:10px!important; }

    .banner .swiper-pagination-clickable .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px !important;}



    .neiBanner { height:100px !important; }



    .title { margin-bottom: 35px; }

    .title h2 { font-size: 22px; }

    .title img { height: 24px;}

    .imore{ justify-content: center !important;}
    .imore a{ width: 110px; height: 38px; margin-top: 22px;}


    .latestNews .tit { width: 108px; font-size: 15px; line-height: 44px; padding-left: 38px;  border-top-right-radius: 6px; border-bottom-right-radius: 6px;}

    .latestNews .tit::before{ width: 18px; height: 18px; left: 12px; background-size: contain;}

    .latestNews .box { width: calc(100% - 108px); line-height: 44px; padding: 0 15px;}



    .indexOne { margin-top: 30px; }

    .indexOne .container{ display: block;}

    .indexOne .con .title { margin-bottom: 25px; justify-content: center; }

    .indexOne .pic{ width: 100%; padding: 0; margin-bottom: 30px;}

    .indexOne .pic .swiper { padding-bottom: 40px; }

    .indexOne .con{ width: 100%;}



    .indexTwo { margin-top: 50px; }

    .indexTwo .swiper { padding-bottom: 36px; }

    .indexTwo .swiper-slide h3 { font-size: 15px; margin: 10px 0;}

    .indexTwo .arrow-left, .indexTwo .arrow-right { width: 30px; height: 30px; top: 52px; }

    .indexTwo .arrow-left{ left: -8px;}

    .indexTwo .arrow-right{ right: -8px;}



    .indexThree { margin-top: 50px; }

    .indexThree .container{ display: block;}

    .indexThree .con .title{ margin-bottom: 25px; justify-content: center; }

    .indexThree .con{ width: 100%; margin-bottom: 25px;}

    .indexThree .videoBox{ width: 100%; padding: 0;}



    .indexFour { margin-top: 50px; }

    .indexFour .wrap{ display: block;}

    .indexFour .tit { width: 230px; height: 46px; }

    .indexFour .tit h2 { font-size: 17px; }

    .indexFour .tit img{ height: 20px; margin-right: 10px;}

    .indexFour .box { padding: 30px 20px 70px; }

    .indexFour .box .swiper-slide h3 { font-size: 15px; margin-top: 10px; margin-bottom: 6px;}

    .indexFour .fourLeft{ width: 100%; margin-bottom: 25px;}

    .indexFour .fourRight{ width: 100%;}

    .indexFive .picBox .arrow{ top: 0;}



    .indexFive { margin-top: 50px; }

    .indexFive  .box{ display: block;}

    .indexFive .tit { padding-bottom: 20px;}

    .indexFive .tit h2 { font-size: 18px; margin-left: 10px;}

    .indexFive .tit img{ height: 18px;}

    .indexFive .videoBox{ width: 100%; padding: 0; margin-bottom: 25px;}
    .indexFive .videoBox .box{ height: 350px;}

    .indexFive .picBox{ width: 100%;}



    .indexSix { margin: 60px 0 80px; }

    .indexSix .box{ display: block;}

    .indexSix .pic{ width: 100%; padding:0; margin-bottom: 10px;}

    .indexSix .con{ width: 100%;}

    .indexSix .con ol h3 { font-size: 16px; margin-bottom: 15px;}

    .indexSix .con ol dt { height: auto; line-height: 1.6; }

    .indexSix .con ul li { line-height: 50px; }



    .jqjs { padding: 50px 0 80px; }

    .jqjs .tit{ margin-bottom: 40px;}

    .jqjs .tit h2{ font-size: 22px;}

    .jqjs .tit img{ height: 28px;}

    .jqjs .videoBox{ margin: 0 auto 40px;}



    .jdjs{ padding: 50px 0 80px;}

    .jdjs .box ul { margin: 0 -10px;}

    .jdjs .box ul li{ width: 50%; padding: 0 10px; margin-bottom: 25px;}

    .jdjs .box ul li dl{ border-radius: 8px;}

    .jdjs .box ul li h3 { font-size: 16px; line-height: 1; margin: 10px 0 5px;}

    .jdjs .box ul li dt{ height: 40px; line-height: 20px;}

    

    .bread { padding-bottom: 12px; border-bottom: #fc694c solid 1px; margin-bottom: 30px; }



    .jdjsView { padding: 10px 0 80px;}

    .jdjsView .tit{ margin-bottom: 20px;}

    .jdjsView .tit h2 { font-size: 22px; }

    .jdjsView .viewpage { margin-top: 60px;}



    .zgtlyb { padding: 50px 0 80px; }

    .zgtlyb .container{ padding: 0;}

    .zgtlyb .videoBox{ margin: 30px 0 0;}



    .gonglue { padding: 50px 0 80px; }

    .gonglue .box { padding-bottom: 20px; }

    .gonglue .box ul li{ margin-bottom: 15px;}

    .gonglue .box ul li a{ padding: 0;}

    .gonglue .box ul li .pic { width: 130px; }

    .gonglue .box ul li .con{ width: calc(100% - 130px); flex-direction: column; padding-left: 10px;}

    .gonglue .box ul li .con ol{ width: 100%;}

    .gonglue .box ul li .con ol h3{ font-size: 15px; font-weight: bold; margin-bottom: 5px;}

    .gonglue .box ul li .con ol dt{  height: 36px; line-height: 18px; font-size: 13px;}

    .gonglue .box ul li .con dl{ width: 100%; padding: 0; margin-top: 5px;}

    .gonglue .box ul li .con dl span{ display: none;}

    .gonglue .box ul li .con dl dd { font-size: 13px; }



    .videoList{ padding: 50px 0 80px;}
    .videoList .text{ line-height: 1.6;}
    .videoList .videoBox{  margin: 30px 0 0;}
    .videoList .videoBox ul { margin: 0 -5px;}
    .videoList .videoBox ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px;}
    .videoList .videoBox ul li h3{ font-size: 14px;}


    .hsgsyj { padding: 50px 0 80px; }

    .hsgsyj .box ul { margin: 0 -8px;}

    .hsgsyj .box ul li{ width: 50%; padding: 0 8px; margin-bottom: 18px;}



    .boxSwiper{ padding: 0 25px;}

    .boxSwiper .arrow-left{ left: -8px; background-size: 12px auto;}

    .boxSwiper .arrow-right{ right: -8px; background-size: 12px auto;}



    .lydz { padding: 50px 0 80px; }

    .lydz .box { padding: 0 25px; margin-bottom: 50px; }

    .lydz .swiper .tit i{ width: 60px; height: 60px;}

    .lydz .swiper .tit i img{ height: 25px;}

    .lydz .swiper .tit h3{ font-size: 16px;}

    .lydz .arrow-left{ left: -8px; background-size: 12px auto;}

    .lydz .arrow-right{ right: -8px; background-size: 12px auto;}

    .lydz .lydz_contact{ width: 100%; font-size: 18px; line-height: 50px;}



    #map{ height: 250px !important;}



    .contact { padding: 50px 0 80px; }

    .contact .box{ margin-bottom: 50px; padding: 36px 0;}

    .contact .box ul li h3{ font-size: 15px;}

    .contact .box ul li{ font-size: 14px; border-left: 1px solid #f0c4bd;}

    .contact .box ul li i{ height: 26px; margin-bottom: 20px;}

    .contact .bmBox ul { display: flex; flex-wrap: wrap; margin: 0 -10px;}

    .contact .bmBox ul li{ width: 50%; padding: 0 10px; margin-bottom: 20px;}



    .footer{ padding: 30px 0;}

    .footer .share ul li{ width: 25%;}

    .footer .fnav{ display: none;}

    .footer .fcontact{ line-height: 1.5;}

    .footer .copyright{ font-size: 12px;}



    .piaofu ul li a { font-size: 12px; }

    .piaofu ul li img{ height: 20px;}



    /*===/分页=============================*/

    .fenye { text-align: center; font-size: 14px; width: 100%; padding-top: 20px;}

    .fenye .prev, .fenye .next { width: 34px; height: 34px; line-height: 32px; margin-right: 1px; font-size: 16px; }

    .fenye a { width: 34px; height: 34px; line-height: 32px; margin-right:1px;}

    .fenye a:hover {color: #fff; }

    .fenye a.current { color: #fff;  margin-right: 1px;}

    .footer .gotop{ display: none;}



    .tccBox .BoxCon{ width: 94%;}

    .tccBox .BoxCon .off{ width: 18px; height: 18px; right: 18px;}

    .tccBox .BoxCon ul video{ width: 100%;}

    .search-dialog{ width: 95%;}

}