/* 清除 */
html,body{ margin: 0; padding: 0; color: #333; font-size: 14px;}
*{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none; cursor: pointer; display: block; color: #333;}
img{ border: 0; display: block; cursor: pointer;}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; cursor: pointer;}
b{ font-weight: normal;}
i{ font-style: normal;}
em{ font-style: normal;}
button, textarea, input{ outline: none; display: block;}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.popUp{ display: none; width: 100%; height: 100%; background: #000;  position: fixed; top: 0; left: 0; opacity: 0.5; transition: all 0.5s; z-index: 20;}
.w1200{ width: 1200px; margin: auto;}
.header{ background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 30;}
.header .cont{ width: 1230px; margin: auto; height: 90px;}
.header .cont .logo{ float: left;}
.header .cont .logo a img{ height: 48px; padding: 21px 0;}
.header .cont .nav{ float: right; position: relative;}
.header .cont .nav .li{ float: left; margin: 0 0 0 40px;}
.header .cont .nav .li:first-child{ margin: 0;}
.header .cont .nav .li .tit a{ line-height: 90px; font-size: 16px;}
.header .cont .nav .li.on .tit a{ color: #2359a4;}
.header .cont .nav .list{ display: none; position: absolute; right: 0; top: 90px; background: #f3f3f3;}
.header .cont .nav .li:hover .list{ display: block;}
.header .cont .nav .list .ment{ padding: 25px 45px 25px 40px; display: flex; justify-content: center;}
.header .cont .nav .list .ment .img{ width: 270px; overflow: hidden; margin-left: 20px;}
.header .cont .nav .list .ment .img img{ width: 100%; transition: all 0.5s;}
.header .cont .nav .list .ment .img:hover img{ transform: scale(1.03);}
.header .cont .nav .list .ment .cLi{ min-width: 95px; margin-right: 10px; font-size: 16px;}
.header .cont .nav .list .ment .cLi a{ margin-top: 17px; transition: all 0.5s;}
.header .cont .nav .list .ment .cLi a:first-child{ margin-top: 0;}
.header .cont .nav .list .ment .cLi a:hover{ color: #2359a4;}
.header .cont .nav .list .ment .href{ display: flex; justify-content: flex-start;}
.banner{ margin-top: 90px;}
.banner .img{ width: 100%; height: 800px; position: relative; overflow: hidden;}
.banner .img .max{ height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}
.banner .cont{ width: 100%; position: absolute; left: 0; top: 165px; z-index: 3; color: #fff;}
.banner .cont .h1{ font-size: 50px; font-weight: bold; text-shadow: 2px 0 0 #373737;}
.banner .cont em{ display: block; width: 98px; height: 3px; background: #fff; margin: 25px 0;}
.banner .cont .p{ font-size: 40px; font-weight: bold; line-height: 50px;}
.banner .cont .p p{ text-shadow: 2px 0 0 #373737;}
.banner .cont .more{ width: 164px; height: 40px; background: #fff; text-align: center; line-height: 40px; color: #2359a4; font-size: 16px; margin: 50px 0 0 0; border: 1px solid #fff; transition: all 0.5s;}
.banner .cont .more:hover{ background: #2359a4; color: #fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 60px;}
.banner .swiper-pagination-bullet{ width: 22px; height: 22px; outline: none; background: url(../images/icon9.png) no-repeat center; background-size: 10px auto; opacity: 1;}
.banner .swiper-pagination-bullet-active{ background: url(../images/icon10.png) no-repeat center; background-size: 100% auto;}
.indexCenter{ padding: 30px 0 80px 0; background: url(../images/ban2.jpg) no-repeat center;}
.title{ text-align: center;}
.title .h1{ font-size: 30px; font-weight: bold; line-height: 32px;}
.title .p{ text-transform: uppercase; color: #999; line-height: 14px; margin-top: 10px;}
.title em{ display: block; width: 40px; height: 4px; background: #2359a4; margin: 15px auto 0;}
.indexCenter .list{ padding-top: 25px;}
.indexCenter .list .li{ float: left; margin-top: 25px; background: #fff; width: 384px; height: 500px; box-shadow: 2px 0 9px hsla(0,0%,22%,0.15); margin-right: 24px; position: relative;}
.indexCenter .list .li:nth-child(3n){ margin-right: 0;}
.indexCenter .list .li .img{ width: 100%; height: 265px; overflow: hidden; position: relative;}
.indexCenter .list .li .img a, .indexCenter .list .li .img img{ height: 100%; transition: all 0.5s;}
.indexCenter .list .li:hover .img img{ transform: scale(1.03);}
.indexCenter .list .li .img::after{ content: ''; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: url(../images/icon11.png) no-repeat center bottom; background-size: 100% auto; z-index: 2;}
.indexCenter .list .li .text{ padding: 35px 25px 0 25px; text-align: center;}
.indexCenter .list .li .text .h1{ font-size: 24px;}
.indexCenter .list .li .text .h1 a{ transition: all 0.5s;}
.indexCenter .list .li:hover .text .h1 a{ color: #2359a4;}
.indexCenter .list .li .text em{ display: block; width: 40px; height: 1px; background: #e3e3e3; margin: 15px auto 10px auto;}
.indexCenter .list .li .text .p{ line-height: 30px; color: #666;}
.indexCenter .list .li .but{ position: absolute; right: 45px; top: 215px; z-index: 5;}
.aboutIndex{ background: url(../images/back.jpg) no-repeat center; background-size: cover; position: relative; margin: 65px 0 0 0;}
.aboutIndex .cont{ position: relative; height: 446px;}
.aboutIndex .cont .img{ width: 384px; position: absolute; left: 0; top: -65px; overflow: hidden;}
.aboutIndex .cont .img img{ width: 100%; transition: all 0.5s;}
.aboutIndex .cont .img:hover img{ transform: scale(1.03);}
.aboutIndex .cont .text{ float: right; width: 723px; padding-top: 45px; color: #fff;}
.aboutIndex .cont .text .en{ font-size: 36px; font-weight: bold; color: #f39800;}
.aboutIndex .cont .text .h1{ font-size: 24px; margin: 8px 0 12px 0;}
.aboutIndex .cont .text em{ display: block; width: 60px; height: 2px; background: #fff; }
.aboutIndex .cont .text .p{ font-size: 16px; line-height: 30px; margin: 20px 0 25px 0;}
.aboutIndex .cont .text .more{ width: 164px; height: 40px; border: 1px solid #fff; text-align: center; font-size: 16px; line-height: 40px; color: #fff; transition: all 0.5s;}
.aboutIndex .cont .text .more:hover{ background: #fff; color: #2359a4;}
.newsIndex{ padding-top: 70px;}
.newsIndex .cont{ margin: 50px auto 0; width: 1224px;}
.newsIndex .cont .img{ width: 384px; height: 256px; margin: auto; overflow: hidden; position: relative;}
.newsIndex .cont .img .m{ width: 100%; height: 100%;}
.newsIndex .cont .img .m img{ width: 100%;}
.newsIndex .cont .img .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-image: linear-gradient(to right, #154a9a , #018fd7); opacity: 0; transition: all 0.5s;}
.newsIndex .cont .img:hover .up{ opacity: 0.95;}
.newsIndex .cont .img .text{ position: absolute; top: 185px; left: 23px; right: 23px; z-index: 5; color: #fff; transition: all 0.5s;}
.newsIndex .cont .img:hover .text{ top: 40px;}
.newsIndex .cont .img .text .time{ font-size: 14px; line-height: 14px;}
.newsIndex .cont .img .text .h1{ font-size: 18px; font-weight: bold; margin-top: 15px;}
.newsIndex .cont .img .text .p{ font-size: 16px; line-height: 23px; margin-top: 15px;}
.newsIndex .cont .img .text .more{ width: 120px; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; transition: all 0.5s; margin-top: 25px; border: 1px solid #fff;}
.newsIndex .cont .img .text .more:hover{ background: #fff; color: #2359a4;}
.newsIndex .cont .swiper-container{ padding: 0 0 35px 0;}
.newsIndex .cont .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 0;}
.newsIndex .cont .swiper-pagination-bullet{ background: #e3e3e3; width: 16px; height: 4px; opacity: 1; border-radius: 0; outline: none;}
.newsIndex .cont .swiper-pagination-bullet-active{ background: #2359a4;}
.newsIndex .cont .swiper-button-prev,
.newsIndex .cont .swiper-button-next{ width: 52px; height: 52px; background: hsla(0,0%,0%,0.40) url(../images/next3.png) no-repeat center; background-size: 12px auto; border-radius: 100%; z-index: 5; margin-top: -26px; top: 45%; transition: all 0.5s;}
.newsIndex .cont .swiper-button-prev:hover,
.newsIndex .cont .swiper-button-next:hover{ background: hsla(215,65%,39%,0.90) url(../images/next3.png) no-repeat center; background-size: 12px auto;}
.newsIndex .cont .swiper-button-prev{ left: 25px;}
.newsIndex .cont .swiper-button-next{ right: 25px; transform: rotate(180deg);}
.footer{ padding: 215px 0 25px 0; background: url(../images/boot.png) no-repeat center top; background-size: 1920px auto; margin-top: -60px;}
.footer .open{ padding-bottom: 20px; border-bottom: 1px solid hsla(0,0%,100%,0.20); font-size: 16px; line-height: 30px; color: #fff;}
.footer .open .p{ float: left;}
.footer .open a{ float: left; color: #fff; margin-right: 25px;}
.footer .list{ padding: 50px 0 40px 0; border-bottom: 1px solid hsla(0,0%,100%,0.20);}
.footer .list .left{ float: left; color: #fff;}
.footer .list .left .qw{ float: left; width: 120px;}
.footer .list .left .qw img{ width: 100%;}
.footer .list .left .qw .p{ font-size: 12px; text-align: center; margin-top: 8px;}
.footer .list .left .add{ float: left; padding: 0 25px 0 30px;}
.footer .list .left .add .p{ margin-top: 10px;}
.footer .list .left .add .p:first-child{ margin-top: 0;}
.footer .list .left .add .href{ margin-top: 15px;}
.footer .list .left .add .href a{ float: left; margin-right: 10px;}
.footer .list .left .add .href a img{ width: 30px;}
.footer .list .right{ float: right; width: 630px; display: flex; justify-content: space-between; color: #fff;}
.footer .list .right .h1{ font-size: 16px; font-weight: bold;}
.footer .list .right .km{ margin-top: 10px;}
.footer .list .right .km a{ color: #fff; line-height: 30px; font-size: 16px;}
.footer .bot{ padding-top: 20px; line-height: 30px;}
.footer .bot .cont{ display: flex; justify-content: center; color: #fff;}
.footer .bot .cont .p{ margin: 0 10px;}
.footer .bot .cont .p a{ display: inline-block; color: #fff;}
/*  */
.bannerDate{ position: relative;}
.bannerDate .img{ width: 100%; height: 726px; position: relative; overflow: hidden;}
.bannerDate .img img{ height: 100%; position: absolute; top: 0; transform: translateX(-50%); left: 50%;}
.bannerDate .cont{ width: 100%; position: absolute; top: 300px; left: 0; z-index: 5; text-align: center; color: #fff;}
.bannerDate .cont .h1{ font-size: 48px; font-weight: bold; text-shadow: 2px 0 0 #373737;}
.bannerDate .cont .p{ font-size: 30px; text-transform: uppercase; text-shadow: 2px 0 0 #373737; margin-top: 10px;}
.bannerDate .cont em{ display: block; width: 88px; height: 4px; background: #f39800; margin: 20px auto 0;}
.centerCont{ margin-top: -90px; position: relative; z-index: 5;}
.backBody{ background: #f6f6f6;}
.centerCont .top{ background: #fff; border-radius: 2px; overflow: hidden; height: 90px; position: relative;}
.centerCont .top .navs{ position: absolute; top: 0; right: 30px; line-height: 90px; color: #999; display: flex; justify-content: flex-end;}
.centerCont .top .navs a{ color: #999; margin-right: 20px; position: relative; transition: all 0.5s;}
.centerCont .top .navs a:last-child{ margin-right: 0;}
.centerCont .top .navs a::after{ content: ''; width: 7px; height: 100%; background: url(../images/icon12.png) no-repeat center; background-size: 100% auto; position: absolute; right: -13px; top: 1px;}
.centerCont .top .navs a:last-child::after{ display: none;}
.centerCont .top .navs a:hover{ color: #2b5ea5;}
.centerCont .top .navs .k{ display: flex; justify-content: flex-start;}
.centerCont .top .navs em{ display: block; width: 16px; height: 90px; margin-right: 5px; background: url(../images/index.png) no-repeat center; background-size: 100% auto;}
.centerCont .top .tit .li{ float: left;}
.centerCont .top .tit .li a{ padding: 0 30px; font-size: 18px; font-weight: bold; line-height: 90px; position: relative; transition: all 0.5s;}
.centerCont .top .tit .li.on a::after{ content: ''; width: 100%; height: 3px; background: #2b5ea5; position: absolute; left: 0; bottom: 0;}
.centerCont .top .tit .li.on a{ color: #2b5ea5; background: #e6f0ff;}
 .top .tit .li:hover a{ color: #2b5ea5;}
.centerOne{ margin-top: 30px; background: #fff;}
.centerOne .li .img{ width: 600px; height: 400px; overflow: hidden; float: left;}
.centerOne .li:nth-child(2n) .img{ float: right;}
.centerOne .li .img img{ width: 100%; transition: all 0.5s;}
.centerOne .li:hover .img img{ transform: scale(1.03);;}
.centerOne .li .textBox{ float: right; width: 600px;}
.centerOne .li:nth-child(2n) .textBox{ float: left;}
.centerOne .li .textBox .text{ padding: 55px 50px 0 50px;}
.centerOne .li .textBox .text .h1{ font-size: 24px; color: #2b5ea5; font-weight: bold;}
.centerOne .li .textBox .text em{ display: block; width: 40px; height: 1px; background: #e3e3e3; margin-top: 10px;}
.centerOne .li .textBox .text .p{ line-height: 30px; color: #666; margin-top: 8px;}
.centerOne .li .textBox .text .more{ width: 130px; height: 40px; border: 1px solid #2b5ea5; display: flex; justify-content: center; color: #2b5ea5; line-height: 40px; margin-top: 35px; transition: all 0.5s;}
.centerOne .li .textBox .text .more i{ display: block; margin-left: 10px; width: 22px; height: 40px; background: url(../images/icon2.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.centerOne .li:hover .textBox .text .more{ background: #2b5ea5; color: #fff;}
.centerOne .li:hover .textBox .text .more i{ background: url(../images/icon1.png) no-repeat center; background-size: 100% auto;}
.moreGer{ margin-top: 15px; background: #fff; font-size: 16px; line-height: 60px; padding: 0 20px;}
.centerCont .padding{ margin-top: 40px;}
.padding{ display: flex; justify-content: center; align-items: center;}
.padding .li{ margin: 0 5px;}
.padding .li a{ width: 30px; height: 30px; border: 1px solid #e6e6e6; text-align: center; line-height: 30px; background: #fff; color: #999; font-size: 12px;}
.padding .li a.next, .padding .li a.prev{ color: #333; width: 70px;}
.padding .li a.cur{ color: #fff; background: #2b5ea5; border-color: #2b5ea5;}
/*  */
.centerTwo{ margin-top: 30px; background: #fff; padding: 30px;}
.centerTwo .img .li{ float: left; width: 367px; height: 244px; overflow: hidden; margin-right: 19px; margin-bottom: 20px;}
.centerTwo .img .li:nth-child(3n){ margin-right: 0;}
.centerTwo .img .li img{ width: 100%; transition: all 0.5s;}
.centerTwo .img .li:hover img{ transform: scale(1.03);}
.centerTwo .text{ padding-top: 10px;}
.centerTwo .text .h1{ font-size: 24px; font-weight: bold; color: #2b5ea5;}
.centerTwo .text em{ width: 40px; height: 1px; background: #e3e3e3; display: block; margin: 10px 0;}
.centerTwo .text .p{ line-height: 30px; color: #666;}
.aboutOne{ margin-top: 30px;}
.aboutOne .img{ width: 100%; height: 330px; overflow: hidden; position: relative;}
.aboutOne .img img{ width: 100%;}
.aboutOne .img .mk{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; text-align: center;}
.aboutOne .img .mk .h1{ font-size: 48px; font-weight: bold;}
.aboutOne .img .mk em{ display: block; width: 72px; height: 4px; background: #ff9c01; margin: 15px auto 20px auto;}
.aboutOne .img .mk .p{ font-size: 48px;}
.aboutOne .text{ margin-top: 15px; font-size: 16px; line-height: 30px;}
.aboutOne .kmin .li{ float: left; width: 390px; height: 285px; overflow: hidden; margin-top: 15px; margin-right: 15px; }
.aboutOne .kmin .li:nth-child(3n){ margin-right: 0;}
.aboutOne .kmin .li img{ width: 100%; transition: all 0.5s;}
.aboutOne .kmin .li:hover img{ transform: scale(1.03);}
.aboutVideo{ background: #eee; padding: 20px; margin-top: 30px;}
.aboutVideo .h1{ font-size: 26px; font-weight: bold; text-align: center;}
.aboutVideo .video{ margin-top: 20px; overflow: hidden; position: relative; width: 100%; height: 635px;}
.aboutVideo .video video{ display: none;}
.aboutVideo .video img{ width: 100%;}
.aboutVideo .video .em{ width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; margin-left: -45px; margin-top: -45px; z-index: 5; background: url(../images/video.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.aboutVideo .video:hover .em{ transform: scale(1.03);}
.growth{ margin-top: 30px; background: #fff; padding: 115px 0 125px 0;}
.growth .wthBox .swiper-container{ width: 950px; margin: auto; padding: 0 65px;}
.growth .wthBox .em{ width: 100%; height: 2px; background: #ccc; position: absolute; left: 50%; top: 10px; transition: all 0.5s;}
.growth .wthBox .swiper-slide:hover .em,
.growth .wthBox .swiper-slide-active .em{ background: #2b5ea5;}
.growth .wthBox i{ display: block; width: 22px; height: 22px; background: url(../images/icon5.png) no-repeat center; background-size: 100% auto; margin: auto; transition: all 0.5s;}
.growth .wthBox .swiper-slide:hover i,
.growth .wthBox .swiper-slide-active i{ background: url(../images/icon6.png) no-repeat center; background-size: 100% auto;}
.growth .wthBox .kmer{ width: 150px; margin: 10px auto 0;}
.growth .wthBox .kmer .m{ width: 100%; height: 15px; background: url(../images/icon4.png) no-repeat center; background-size: auto 100%; transition: all 0.5s;}
.growth .wthBox .swiper-slide:hover .kmer .m,
.growth .wthBox .swiper-slide-active .kmer .m{ background: url(../images/icon3.png) no-repeat center; background-size: auto 100%;}
.growth .wthBox .kmer .text{ padding: 15px 18px; background: #eee; height: 160px; transition: all 0.5s;}
.growth .wthBox .swiper-slide:hover .kmer .text,
.growth .wthBox .swiper-slide-active .kmer .text{ background: #2b5ea5; color: #fff;}
.growth .wthBox .kmer .text .time{ font-size: 18px; font-weight: bold; color: #cfcfcf; transition: all 0.5s;}
.growth .wthBox .swiper-slide:hover .kmer .text .time,
.growth .wthBox .swiper-slide-active .kmer .text .time{ color: #fff;}
.growth .wthBox .kmer .text .p{ line-height: 22px; margin-top: 10px;}
.growth .wthBox .swiper-button-next,
.growth .wthBox .swiper-button-prev{ width: 44px; height: 44px; border-radius: 100%; background: #fff url(../images/next.png) no-repeat center; background-size: 12px auto; border: 1px solid #666; transition: all 0.5s; top: 60%;}
.growth .wthBox .swiper-button-next{ transform: rotate(180deg); right: 0;}
.growth .wthBox .swiper-button-prev{ left: 0;}
.growth .wthBox .swiper-button-next:hover,
.growth .wthBox .swiper-button-prev:hover{ background: #fff url(../images/next2.png) no-repeat center; background-size: 12px auto; border-color: #2b5ea5;}
.growth .wthBox .ems{ width: 60px; height: 100%; background: #fff; position: absolute; top: 0; z-index: 2;}
.growth .wthBox .ems.ems1{ left: 0;}
.growth .wthBox .ems.ems2{ right: 0;}
/*  */
.aboutHome .list .li{ float: left; margin-top: 30px; width: 278px; margin-right: 29px;}
.aboutHome .list .li:nth-child(4n){ margin-right: 0;}
.aboutHome .list .li .img{ width: 100%; height: 190px; background: #fff; position: relative;}
.aboutHome .list .li .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 225px; max-height: 160px;}
.aboutHome .list .li .p{ font-size: 16px; margin-top: 10px; transition: all 0.5s; padding: 0 5px; text-align: center;}
.aboutHome .list .li:hover .p{ color: #2b5ea5;}
.aboutCul{ margin-top: 25px;}
.aboutCul .li{ margin-top: 20px; background: #fff;}
.aboutCul .li:first-child{ margin-top: 0;}
.aboutCul .li .img{ float: right; width: 50%; height: 400px; overflow: hidden;}
.aboutCul .li .img img{ width: 100%; transition: all 0.5s;}
.aboutCul .li:hover .img img{ transform: scale(1.03);}
.aboutCul .li:nth-child(2n) .img{ float: left;}
.aboutCul .li .textBox{ float: left; width: 50%;}
.aboutCul .li .textBox .text{ padding: 90px 70px 0 40px;}
.aboutCul .li:nth-child(2n) .textBox{ float: right;}
.aboutCul .li .textBox em{ display: block; font-size: 50px; font-weight: bold; color: #e6e6e6; transition: all 0.5s;}
.aboutCul .li:hover .textBox em{ color: #2b5ea5;}
.aboutCul .li .textBox .h1{ font-size: 30px; font-weight: bold; transition: all 0.5s;}
.aboutCul .li:hover .textBox .h1{ color: #2b5ea5;}
.aboutCul .li .textBox .p{ font-size: 20px; line-height: 30px; margin-top: 8px;}
.aboutPeo{ margin-top: 30px; background: #fff;}
.aboutPeo .text{ padding: 25px; font-size: 16px; line-height: 30px;}
.aboutPeo .text img{ max-width: 100%; margin: 20px 0;}
/*  */
.contactBox{ margin-top: 30px; background: #fff;}
.contactBox .mapBox{ float: left; width: 759px; height: 618px; border: 1px solid #eee; border-right: none; position: relative;}
.contactBox .mapBox .map{ position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; overflow: hidden; background: url(../images/map.jpg) no-repeat center; background-size: cover;}
.contactBox .mapList{ float: right; width: 440px; height: 620px; background: #2b5ea5;}
.contactBox .form{ padding: 25px 30px 0 30px; color: #fff;}
.contactBox .form .h1{ font-size: 24px; font-weight: bold;}
.contactBox .form .one .p{ line-height: 24px; padding: 10px 0 20px; margin-bottom: 20px; border-bottom: 1px solid hsla(0,0%,100%,0.20);}
.contactBox .form .two .list{ margin-top: 15px;}
.contactBox .form .two .list .li{ margin-top: 10px;}
.contactBox .form .two .list .li:first-child{ margin-top: 0;}
.contactBox .form .two .list .li .input{ border: 1px solid #fff; padding: 0 15px;}
.contactBox .form .two .list .li .input input{ display: block; width: 100%; background: hsla(0,0%,100%,0.00); height: 38px; border: none; color: #fff;}
.contactBox .form .two .list .li .input input::placeholder,
.contactBox .form .two .list .li .input textarea::placeholder{ color: #fff;}
.contactBox .form .two .list .li .input textarea{ display: block; width: 100%; min-height: 75px; padding: 10px 0; border: none; background: hsla(0,0%,100%,0.00); color: #fff;}
.contactBox .form .two .list .li .sub{ display: block; width: 120px; height: 40px; background: #fff; color: #2b5ea5; border: none; border-radius: 0; margin-top: 20px; transition: all 0.5s;}
.contactBox .form .two .list .li .sub:hover{ box-shadow: 2px 2px 10px #fff;}
/*  */
.peopleOne{ margin-top: 30px; background: #fff;}
.peopleOne .h1{ background: #eee; text-align: center; font-size: 24px; font-weight: bold; padding: 30px 0;}
.peopleOne .list{ padding:10px 55px 40px 55px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.peopleOne .list .li{ margin-top: 30px; width: 525px; background: #e6f0ff; border-radius: 10px; position: relative; overflow: hidden; transition: all 0.5s;}
.peopleOne .list .li:nth-child(2n){ float: right;}
.peopleOne .list .li a{ padding: 32px;}
.peopleOne .list .li.on,
.peopleOne .list .li:hover{ background: #2b5ea5;}
.peopleOne .list .li:hover a,
.peopleOne .list .li.on a{ color: #fff;}
.peopleOne .list .li .text .h2{ font-size: 22px; font-weight: bold; color: #2b5ea5;}
.peopleOne .list .li .text .p{ line-height: 24px;}
.peopleOne .list .li.on .text .h2, .peopleOne .list .li:hover .text .h2{ color: #fff;}
.peopleOne .list .li .pop{ display: none; background: #2b5ea5; width: 100%; height: 100%; position: absolute; top: 100%; left: 0; z-index: 5; color: #fff; transition: all 0.3s;}
.peopleOne .list .li:hover .pop{ top: 0;}
.peopleOne .list .li .pop .mk{ position: absolute; left: 30px; right: 10px; top: 50%; transform: translateY(-50%);}
.peopleOne .list .li .pop .mk .h2{ font-size: 22px; font-weight: bold;}
.peopleOne .list .li .pop .mk .p{ line-height: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 5px;}
.peopleOne .list .li .pop .mk .p p{ width: 49%;}
.peopleTwo{ margin-top: 30px; background: #fff; padding: 40px 35px;}
.peopleTwo .li{ margin-top: 20px; border-radius: 10px; overflow: hidden;}
.peopleTwo .li:first-child{ margin-top: 0;}
.peopleTwo .li .img{ width: 608px; height: 407px; background: #cbdffd; position: relative; float: left;}
.peopleTwo .li .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.peopleTwo .li .textBox{ float: right; width: 522px; height: 407px; background: #144d9d; color: #fff;}
.peopleTwo .li .textBox .text{ padding: 65px 40px 0 40px;}
.peopleTwo .li .textBox .text .h1{ font-size: 24px; font-weight: bold;}
.peopleTwo .li .textBox .text .p{ font-size: 16px; line-height: 30px;}
.peopleTwo .li .textBox .text em{ display: block; width: 90px; height: 4px; background: #fff; margin: 20px 0;}
.peopleJion{ margin-top: 30px; background: #fff;}
.peopleJion .formTop{ background: #e8e8e8; padding: 0 25px;}
.peopleJion .formTop .li, 
.peopleJion .formBot .li .tit .sLi{ float: left; width: 18%;}
.peopleJion .formTop .li em{ display: block; font-size: 18px; font-weight: bold; line-height: 60px; text-align: center; padding: 0 10px;}
.peopleJion .formBot .li{ border-bottom: 1px solid #f6f6f6;}
.peopleJion .formBot .li .tit{ padding: 0 25px; transition: all 0.5s;}
.peopleJion .formBot .li.on .tit,
.peopleJion .formBot .li:hover .tit{ background: #2b5ea5; color: #fff;}
.peopleJion .formBot .li .tit .sLi em{ display: block; line-height: 60px; text-align: center; padding: 0 10px;}
.peopleJion .formBot .li .tit .sLi em.em1{ background: url(../images/icon7.png) no-repeat center; height: 60px;}
.peopleJion .formBot .li.on .tit .sLi em.em1{ background: url(../images/icon8.png) no-repeat center; transform: rotate(180deg);}
.peopleJion .formBot .li:hover .tit .sLi em.em1{ background: url(../images/icon8.png) no-repeat center;}
.peopleJion .formBot .li .tit .sLi:nth-child(6){ width: 10%; cursor: pointer;}
.peopleJion .formBot .list{ display: none;}
.peopleJion .formBot .li:first-child .list{ display: block;}
.peopleJion .formBot .list .km{ padding: 15px 25px 20px 25px; border-bottom: 1px solid #f6f6f6;}
.peopleJion .formBot .list .km .h2{ font-size: 20px; font-weight: bold;}
.peopleJion .formBot .list .km .ger{ margin-top: 20px;}
.peopleJion .formBot .list .km .ger p{ float: left; width: 25%;}
.peopleJion .formBot .list .text{ padding: 25px; border-bottom: 2px solid #2b5ea5;}
.peopleJion .formBot .list .text .mLi{ margin-top: 25px; font-size: 16px; line-height: 24px;}
.peopleJion .formBot .list .text .mLi:first-child{ margin-top: 0;}
.peopleJion .formBot .list .text .mLi .h3{ color: #0d6fb8;}
.peopleJion .formBot .list .text .mLi .p{ margin-top: 24px;}
/*  */
.farmBox{ margin-top: 30px;}
.farmBox .text{ padding: 20px 30px; background: #fff; font-size: 16px; line-height: 30px; box-shadow: 2px 0 13px hsla(0,0%,64%,0.20);}
.farmBox .list .li{ margin-top: 20px; background: #fff; box-shadow: 2px 0 13px hsla(0,0%,64%,0.20);}
.farmBox .list .li .img{ width: 565px; float: left; height: 276px; position: relative;}
.farmBox .list .li:nth-child(2n) .img{ float: right;}
.farmBox .list .li .img img{ max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.farmBox .list .li:hover .img img{ transform: translate(-50%,-50%) scale(1.03);}
.farmBox .list .li .mink{ float: right; width: 530px; padding: 40px 45px;}
.farmBox .list .li:nth-child(2n) .mink{ float: left;}
.farmBox .list .li .h1{ font-size: 24px; font-weight: bold;}
.farmBox .list .li:hover .h1{ color: #0d6fb8;}
.farmBox .list .li .p{ font-size: 16px; line-height: 30px; margin-top: 10px;}
.farmBox .lister{ margin-top: 20px; background: #fff url(../images/x2.png) no-repeat center left 295px; padding: 45px 150px 45px 120px;}
.farmBox .lister .li{ position: relative;}
.farmBox .lister .li .img{ width: 288px; height: 288px; border-radius: 100%; border: 6px solid #2b5ea5; background: #2b5ea5; box-shadow: 6px 0 29px hsla(215,100%,17%,0.30); position: relative;}
.farmBox .lister .li .img .h2{ width: 100%; height: 100%; background: hsla(215,59%,41%,0.70); position: absolute; top: 0; left: 0; z-index: 5; transition: all 0.5s; opacity: 0; border-radius: 100%;}
.farmBox .lister .li .img .h2 p{ font-size: 24px; font-weight: bold; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.farmBox .lister .li:hover .img .h2{ opacity: 1;}
.farmBox .lister .li .img em{ display: block; background: #fff; position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 100%;}
.farmBox .lister .li .img em img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.farmBox .lister .li:nth-child(2n) .img{ float: right;}
.farmBox .lister .li .mink{ position: absolute; left: 330px; right: 0; top: 50%; transform: translateY(-50%);}
.farmBox .lister .li .mink .h1{ font-size: 24px; color: #2b5ea5; font-weight: bold;}
.farmBox .lister .li .mink .p{ margin-top: 15px; font-size: 16px; line-height: 30px;}
.farmBox .lister .li:hover .mink .p{ color: #2b5ea5;}
.farmBox .lister .li:nth-child(2n) .mink{ left: 120px; right: 330px;}
.farmBox .lister .li:nth-child(2n) .mink .h1{ text-align: right; margin-right: 20px;}
.farmBox .lister .li:nth-child(3){ margin-left: 25px;}
.farmBox .lister .li:nth-child(4) .mink{ left: 40px;}
/* newaCont */
.newaCont{ margin-top: 30px; background: #fff; padding: 30px 0;}
.newaCont .h1{ font-size: 24px; font-weight: bold; text-align: center;}
.newaCont .icon{ padding: 15px 0; border-bottom: 1px solid #f6f6f6; display: flex; justify-content: center; color: #999;}
.newaCont .icon p{ margin: 0 25px;}
.newaCont .text{ padding: 20px 30px; font-size: 16px; line-height: 30px;}
.newaCont .text img{ max-width: 100%; margin: 25px auto;}
.newaCont .page{ margin: 0 30px;}
.newaCont .page a{ float: left;}
.newaCont .page a:nth-child(2){ float: right;}
.newaCont .page a:hover i{ color: #2b5ea5;}
.newList{ padding: 20px 30px 35px 30px; background: #fff; margin-top: 30px;}
.newList .list .li{ padding: 30px 0; border-bottom: 1px solid #f6f6f6;}
.newList .list .li a{ position: relative;}
.newList .list .li .img{ float: left; width: 344px; height: 198px; overflow: hidden; border: 1px solid #f6f6f6;}
.newList .list .li .img img{ width: 100%; transition: all 0.5s;}
.newList .list .li:hover .img img{ transform: scale(1.03);}
.newList .list .li .more{ width: 50px; height: 50px; border: 1px solid #2b5ea5; background: #fdfdfd url(../images/next2.png) no-repeat center; transform: rotate(180deg); position: absolute; right: 0; top: 50%; margin-top: -26px; transition: all 0.5s;}
.newList .list .li:hover .more{ background: #2b5ea5 url(../images/next3.png) no-repeat center;}
.newList .list .li .text{ position: absolute; left: 400px; right: 115px; top: 50%; transform: translateY(-50%);}
.newList .list .li .text .miner{ float: right; width: 510px;}
.newList .list .li .text .miner .h1{ font-size: 18px; font-weight: bold; transition: all 0.5s;}
.newList .list .li:hover .text .miner .h1{ color: #2b5ea5;}
.newList .list .li .text .miner .p{ color: #666; line-height: 24px; margin-top: 20px;}
.newList .list .li .text .time{ float: left;}
.newList .list .li .text .time .em1{ font-size: 60px; line-height: 60px; color: #666; text-align: center;}
.newList .list .li .text .time em{ display: block; width: 60px; height: 1px; background: #999; margin: 5px auto;}
.newList .list .li .text .time .p{ font-size: 18px; color: #999; text-align: center;}
/*  */
.navCell{ display: none;}
.hearCell{ height: 60px; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 20; padding: 0 15px;}
.hearCell .img{ float: left; height: 30px; padding: 15px 0;}
.hearCell .img a, .hearCell .img a img{ display: block; height: 100%;}
.hearCell .push{ float: right; width: 26px; height: 26px; background: url(../images/nav-cell.png) no-repeat center; background-size: 100% auto; margin: 17px 0;}
.navCell .up{ display: none; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 25; opacity: 0.5;}
.listCell{ width: 160px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 30; background: #fff; padding: 0 20px; transition: all 0.5s; opacity: 0;}
.listCellTwo{ right: 0; opacity: 1;}
.listCell .img{ width: 100%; padding: 70px 0 20px 0;}
.listCell .sole{ width: 24px; height: 24px; background: url(../images/icon-22.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 15px; right: 15px;}
.listCell .tit{ display: block; font-size: 16px; color: #333; line-height: 30px; transition: all 0.1s;}
.listCell .tit.titOne{ background: url(../images/icon23m.png) no-repeat center right 5px; background-size: 8px auto;}
.listCell .tit.on{ background: url(../images/icon20m.png) no-repeat center right 5px; background-size: 14px auto;}
.listCell .list{ position: absolute; top: 150px; left: 0; right: 0; bottom: 30px; overflow-y: auto; padding: 0 20px;}
.listCell .list .li{ border-bottom: 1px solid #ececec; padding: 7px 0;}
.listCell .list .mink{ display: none; padding-top: 3px;}
.listCell .list .mink a{ display: block; font-size: 15px; color: #666; line-height: 30px; padding-left: 25px; position: relative;}
.listCell .list .mink a em{ display: block; width: 6px; height: 6px; background: #666; border-radius: 100%; position: absolute; top: 50%; margin-top: -3px; left: 10px;}
.pp_top , .pp_bottom{ display: none;}
/*  */
.rightNavMink{ position: fixed; right: 0; top: 0; z-index: 20;}
.rightNavMink .li{ margin-bottom: 1px; width: 70px; height: 50px; background: #2b5ea5; position: relative;}
.rightNavMink .li .icon{ width: 70px; height: 50px; position: relative; z-index: 5;}
.rightNavMink .li:first-child .icon{ background: #2b5ea5 url(../images/tel.png) no-repeat center; background-size: 100% auto;}
.rightNavMink .li:nth-child(2) .icon{ background: #2b5ea5 url(../images/order.png) no-repeat center; background-size: 100% auto;}
.rightNavMink .li:nth-child(3) .icon{ background: #2b5ea5 url(../images/Di.png) no-repeat center; background-size: 100% auto;}
.rightNavMink .li:nth-child(4) .icon{ background: #2b5ea5 url(../images/wa2.png) no-repeat center; background-size: 100% auto;}
.rightNavMink .li:nth-child(5) .icon{ background: #2b5ea5 url(../images/Xe.png) no-repeat center; background-size: 100% auto;}
.rightNavMink .li:nth-child(6) .icon{ background: #2b5ea5 url(../images/top.png) no-repeat center; background-size: 100% auto;}
.rightNavMink .li .text{ position: absolute; right: -100%; top: 0; background: #2b5ea5; line-height: 50px; font-size: 16px; color: #fff; white-space: nowrap; padding: 0 15px; min-width: 100px; text-align: center; transition: all 0.5s; opacity: 0;}
.rightNavMink .li:hover .text{ right: 80px; opacity: 1;}
.rightNavMink .li .text a{ color: #fff;}
.rightNavMink .li .wearch{ padding: 15px 0;}
.rightNavMink .li .wearch p{ font-size: 12px; line-height: 14px; text-align: center; margin-top: 8px;}
.rightNavMink .li .input{ display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.rightNavMink .li .input input{ display: block; background: #fff; height: 30px; font-size: 14px; padding: 0 10px; border: none; border-radius: 0; width: 100px;}
.rightNavMink .li .input button{ display: block; width: 50px; height: 30px; border: none; border-radius: 0; background: #999; font-size: 14px; color: #fff;}
.rightNavMink .li .text .tr{ width: 20px; height: 16px; position: absolute; right: -20px; top: 17px; background: url(../images/icon25s.png) no-repeat left center; background-size: auto 100%;}
.videoBoxMin{ display: none; width: 800px; position: fixed; left: 50%; top: 0; margin-left: -400px; z-index: 50; background: #fff;}
.videoBoxMin .cont{ padding: 20px;}
.videoBoxMin .cont video{ display: block; width: 100%;}
.videoBoxMin .sole{ width: 50px; height: 50px; background: url(../images/sole.png) no-repeat center; background-size: 100% 100%; position: absolute; bottom: -100px; left: 50%; margin-left: -25px; transition: all 0.5s;}
.videoBoxMin .sole:hover{ transform: rotate(360deg);}