@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;min-width: 1200px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.banner{position: relative;overflow: hidden;}
.banner .swiper-slide{padding-bottom: 350px;}
.banner .swiper-pagination{color: #fff;font-size: 26px;width: 26px;right: 7vw;top: 50%;left: auto; transform: translateY(-50%);}
.banner .swiper-pagination-bullet{background: none;opacity: 1; display: block; margin-bottom: 40px !important; position: relative; }
.banner .swiper-pagination-bullet-active{ padding-bottom: 150px !important; }
.banner .swiper-pagination-bullet:before{border-left: 1px solid #fff; height: 0; bottom: 0;position: absolute; top: 40px;left: 15px;content: "";transition: All 0.6s ease-in-out;}
.banner .swiper-pagination-bullet-active:before{height: 140px;}
.bannerbox{position: absolute;width: 1380px; max-width: 94%; bottom:0;left: 50%; transform: translateX(-50%);}
.banner_text{width: 585px;background: #213a95;padding: 115px 90px 130px 90px;}
.banner_top{padding-bottom: 290px;}
.banner_top h2{color: #fff; font-family: arial; font-size: 100px;margin-bottom: 50px;}
.banner_top h3{color: #fff; font-size: 44px; line-height: 1.4;}
.banner_top p{font-size: 16px; line-height: 30px; color: #fff;}
.banner_bottom p{font-size: 16px; line-height: 30px; color: #fff; }
.banner_bottom img{width: 189px !important; margin-bottom: 15px;}
.banner .swiper-button-next{width: 80px;height: 80px;border: 2px solid #fff;border-radius: 50%;background: url(../images/a_34.png) no-repeat center center #213a95; top: auto; margin: 0;right: auto;transition: All 0.4s ease-in-out;left:160px;top: 0;}

.banner .swiper-button-next:before{position: absolute; content: ""; border-bottom: 1px solid #fff; width: 240px; right: -240px;top:50%; transform: translateY(-50%);}
.banner .swiper-button-next:hover{background: url(../images/a_34.png) no-repeat 40px center;}
.banner .swiper-button-prev{width: 80px;height: 80px;border: 2px solid #fff;border-radius: 50%;background: url(../images/a_07.png) no-repeat center center #213a95; top: auto; margin: 0;right: auto;left:0;top: 0;transition: All 0.4s ease-in-out;}
.banner .swiper-button-prev{background: url(../images/a_07.png) no-repeat center center #78d457;width: 80px;height: 80px;border: 2px solid #fff;border-radius: 50%;left: 80px;}
.banner .swiper-button-prev:hover{background: url(../images/a_07.png) no-repeat 20px center #78d457;}
.btnzh{position: absolute; width: 1380px; bottom: 310px;left: 50%; transform: translateX(-50%); height: 80px;z-index: 10;max-width: 94%;}

.banner img{width: 100%;}
.header{position: fixed;top: 85px;z-index: 100; left: 0; width: 100%;transition: All 0.4s ease-in-out;}
.headerbox{width: 1380px; overflow: hidden; margin: 0 auto; position: relative; padding: 10px 0;max-width: 98%;}
.header.on1{background: #fff;top: 0;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.header.on1 .nav li a{color: #333;}
.header.on1 .nav li a:hover{color: #213a95;}
.header.on1 .c1{opacity: 0;}
.header.on1 .c2{opacity: 1;}
.header.on1 .dhbtn{background: url(../images/a_01a.png) no-repeat center center;}
.logo{width: 257px; float: left;position: relative;}
.logo img{width: 100%;position: absolute; top: 0;left: 0;}
.dhbtn{background: url(../images/a_01.png); width: 48px;height: 32px;float: right;background-size: 100% 100%; margin-top: 24px;}
.yznr{width: 103px; line-height: 41px; float: right; font-size: 18px; border-radius: 6px;text-align: center; color: #fff;background: #213a95;margin: 20px 30px 0 0;}
.c1{opacity: 1;}
.c2{opacity: 0;}
.nav{float: right;}
.nav ul{overflow: hidden; }
.nav li{float: left; padding-right: 40px; line-height: 83px;font-size: 18px;}
.nav li a{color: #fff;transition: All 0.2s ease-in-out;}
.nav li a:hover{color: #213a95;}

.gywm{width: 1380px; overflow: hidden; margin:-250px auto 0 auto;max-width: 94%; padding: 0 0 250px;}
.gywmbox{width: 50%;float: right;}
.gywmbox h2{font-size: 61px; color: #333333; margin-bottom: 35px;}
.gywmbox p{font-size: 16px; color: #333333; line-height: 31px;}
.gywmbox a{display: block;text-align: center; color: #fff;float: right; margin-top: 10px; font-size: 20px; width: 217px; line-height: 62px;background: #213a95;}
.gywmbox a span{padding-left: 25px;transition: All 0.3s ease-in-out;}
.gywmbox a:hover span{padding-left: 15px;}

.cpzx{position: relative;overflow: hidden;padding-bottom: 120px;}

.cpzxtext{width: 310px;float: left; margin-left: 14vw;}
.cpzxtext h3{font-size: 45px; color: #333; line-height: 1;font-style: italic;font-family: arial;font-weight: bold;}
.cpzxtext h2{font-size: 32px;margin: 15px 0 30px;color: #333;}
.cpzxtext p{font-size: 13px; line-height: 25px; color: #333333;opacity: 0.8;}
.cpqh{width: calc(100% - 650px);float: right;}
.cpqhbox{position: relative;box-shadow:0 0 10px rgba(0, 0, 0, .5);  }
.cpqhbox img{width: 100%;}
.cpqhtext{position: absolute;width:60%; left: 25px;top: 160px; padding: 70px 40px 45px 40px;background: #213a95;opacity: 0;transition: All 0.4s ease-in-out;}
.cpqhtext h2{color: #fff; font-size: 34px;margin-bottom: 25px;}
.cpqhtext p{font-family: arial; color: #fff; font-size: 14px; line-height: 24px;}
.cpqhtext a{display: block; text-align: center;font-style: italic;font-size: 13px; color: #25408f;background: #fff; width: 135px; line-height: 50px; margin-top: 20px;transition: All 0.4s ease-in-out;}
.cpqhtext a:hover{background: #4f6bce;color: #fff;}
.cpqhbox:hover .cpqhtext{opacity: 1;}
.cpqhbox .cpqhtext{opacity: 1;}
.cpqh .mySwiper{padding-bottom: 90px;}
.cpqh .swiper-button-next{background: url(../images/a_09.png) no-repeat center center;width: 80px; height: 80px; border: 2px solid #333333;border-radius: 50%; top: auto; margin: 0; bottom: 210px;right: auto;left: calc(14vw + 80px);transition: All 0.4s ease-in-out;}
.cpqh .swiper-button-next:hover{background: url(../images/a_09.png) no-repeat 35px center;}
.cpqh .swiper-button-prev{width: 80px;height: 80px;border: 2px solid #333;left: 14vw;bottom: 210px; border-radius: 50%;background: url(../images/a_32.png) no-repeat center center;margin: 0;top: auto;transition: All 0.4s ease-in-out;}
.cpqh .swiper-button-prev:hover{background: url(../images/a_07.png) no-repeat 25px center #78d457;}
.cpqh .swiper-button-prev{background: url(../images/a_07.png) no-repeat center center #78d457;border: 2px solid #78d457;}
.bj1{background: url(../images/a_02.png) no-repeat center center;background-size: cover;}
.wzjd{width: 1380px; margin: 0 auto; max-width: 94%; padding: 135px 0 95px;}
.wzjd ul{overflow: hidden;}
.wzjd li{float: left; width: 25%;text-align: center;position: relative;}
.wzjd li:before{position: absolute; content: "";background: url(../images/a_24.png); width: 16px;height: 27px; right: -8px;top:50%; transform: translateY(-50%);}
.wzjd li:last-child:before{ display: none;}
.wzjd img{width: 140px;height: 140px;margin: 0 auto;border-radius: 50%;transition: All 0.4s ease-in-out;}
.wzjd li:hover img{transform: rotate(45deg);}
.wzjd h2{color: #fff; margin: 20px 0; font-size: 26px;}
.wzjd p{color: #fff; font-size: 14px; line-height: 2;}

.news{width: 1380px;margin: 0 auto; max-width: 94%;position: relative;padding-bottom: 110px;}
.news_title{padding:180px 0 40px ;}
.news_title h2{color: #333; font-size: 68px;}
.news_title span{font-weight: bold; font-style: italic;padding-right: 15px;}
.news_nr{position: relative;}
.newsbox{position: relative;box-shadow:0 0 10px rgba(0, 0, 0, .2); background: #e8e8e8; }
.newsbox img{width: 100%;}
.newstext{height: 200px;padding: 30px 35px 0 35px;position: relative;transition: All 0.4s ease-in-out;}
.newstext span{width: 64px;height: 64px; border: 1px solid #000; background:url(../images/a_42.jpg) no-repeat center center #fff;border-radius: 50%; top: -32px;right: 27px;position: absolute;opacity: 0;transition: All 0.4s ease-in-out;}
.newstext h3{font-weight: bold; font-size: 30px; color: #333; height: 48px;}
.newstext h2{font-weight: bold; font-size: 18px; color: #333; line-height: 24px;}
.newstext p{font-size: 15px; line-height: 22px; margin-top: 10px;}
.newsbox a:hover .newstext{background: #213a95;}
.newsbox a:hover h2{color: #fff;}
.newsbox a:hover h3{color: #fff;}
.newsbox a:hover p{color: #fff;}
.newsbox a:hover span{opacity: 1;}
.news_nr .btn1{width: 80px;height: 80px; border: 1px solid #000;margin-top: 0; top: -110px;background: url(../images/a_09.png) no-repeat center center;border-radius: 50%;transition: All 0.4s ease-in-out;right: 0;position: absolute;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 0;}
.news_nr .btn2{background:url(../images/a_34.png) no-repeat center center #78d457;border: 1px solid #78d457;position: absolute;right: 80px;width: 80px;height: 80px; border: 1px solid #000;margin-top: 0; top: -110px;background: url(../images/a_32.png) no-repeat center center;border-radius: 50%;transition: All 0.4s ease-in-out;left: auto;  position: absolute;}
.news_nr .btn1{background:url(../images/a_34.png) no-repeat center center #78d457;border: 1px solid #78d457;}
.news_nr .btn1:hover{background:url(../images/a_34.png) no-repeat 35px center #78d457;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;}
.news_nr .btn2:hover{background:url(../images/a_32.png) no-repeat 25px center;}
.news_nr .btn2:before{position: absolute; content: ""; border-bottom: 1px solid #696969; width: 318px; left: -318px;top:50%; transform: translateY(-50%);}

.bj2{background: #f7f7f7;}
.wwsbox{width: 1380px; margin: 0 auto;max-width: 94%; padding-bottom: 85px;}
.wws_title{padding: 115px 0 95px;}
.wws_title h2{font-size: 31px; position: relative; color: #2c4688;}
.wws_title h2 span{font-weight: bold; font-family: arial; padding-left: 15px;font-style: italic;}
.wws_title h2:before{position: absolute; content: ""; border-bottom: 2px solid #2c4688;width: 195px;left: 0; bottom: -18px;}
.wws_nr ul{overflow: hidden; margin-left: -145px;}
.wws_nr li{float: left; width: 33.33%; padding: 0 0 38px 145px;}
.wws_nr span{display: block; height: 372px;overflow: hidden;}
.wws_nr img{width: 100%; height: 100%; object-fit: cover;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05);-o-transform: scale(1.05); -ms-transform: scale(1.05); }
.cptext{padding: 38px 20px; background: #fff;transition: All 0.4s ease-in-out;}
.cptext h2{font-size: 18px; color: #2c4688; margin-bottom: 10px;}
.cptext h2 b{font-weight: bold;font-style: italic; padding-right: 5px;}
.cptext p{color: #616161;}
.wws_nr a:hover .cptext{background: #213a95;}
.wws_nr a:hover h2{color: #fff;}
.wws_nr a:hover p{color: #fff;}

.fwal_box{height: 424px; position: relative;}
.fwal_box img{width: 100%; height: 100%; object-fit: cover;}
.fwal_nr ul{overflow: hidden; margin-left: -25px;} 
.fwal_nr li{float: left;width: 33.33%; padding: 0 0 25px 25px;}
.fwal_text{position: absolute; width: 100%;padding: 30px 20px 20px 20px;left: 0; bottom: 0;transition: All 0.4s ease-in-out;}
.fwal_text h2{color: #fff; font-size: 22px; line-height: 1.1;}
.fwal_text p{color: #fff; margin-top: 5px;}
.fwal_nr li:hover .fwal_text{background: #213a95;}
.fwal_text a{background: #fff; width: 123px;text-align: center; line-height: 45px; position: absolute; right: 20px; bottom: 20px; font-weight: bold; color: #25408f; font-size: 12px;font-style: italic;}
@keyframes ab{
		0%{ transform:translate(-50%,-50%) scale(0); opacity: 0;}
		50%{transform:translate(-50%,-50%) scale(0.7); opacity:0.05;}
		100%{transform:translate(-50%,-50%) scale(1.5); opacity:0;}
	}
.btn{position: relative;width: 136px;height: 50px; background: #fff;display: block;overflow: hidden; margin: 40px auto 0 auto;}
.btn span{display: block; color: #25408f; text-align: center; line-height: 50px;position: relative;z-index: 100; font-size: 14px;font-weight: bold;font-style: italic;}
.btn:before{position: absolute; background: #000; width: 100%;height: 200%;content: "";left:50%; top:50%; border-radius: 50%; opacity: 0;}
.btn:hover:before{ opacity: 0; animation:0.5s ab linear 1;}

.cpxq{width: 1380px; margin: 0 auto; padding: 110px 0 200px;max-width: 94%;}
.cpxqbox{overflow: hidden;background: #fff;}
.cpxq_left{width: 520px;float: left;}
.cpxq_left img{width: 100%;}
.cpxq_right{float: right;width: 530px;padding-top: 80px;}
.cpxq_right h2{font-weight: bold; font-size: 54px; color: #2c4688;}
.cpxq_right h2 span{padding-right: 15px;font-style: italic;}
.cpxq_right h3{font-size: 23px; color: #1b1b1b; margin: 10px 0 55px;}
.cpxq_right p{font-size: 18px; color: #1b1b1b; line-height: 1.5;}
.cpxq a.swiper-button-next{background: url(../images/a_60.png);width: 16px;height: 27px; margin-top: 0; top: auto; bottom: 0;}
.cpxq a.swiper-button-next:hover{background: url(../images/a_59.png);}
.cpxq a.swiper-button-prev{background: url(../images/a_61.png);width: 16px;height: 27px; top: auto; bottom: 0; left: auto;right: 85px;}
.cpxq a.swiper-button-prev:hover{background: url(../images/a_58.png);}
.cpxq a{display: block;}
.cpxqbox{position: relative;}

.footer{background: #091b50;}
.footerbox{width: 1380px; overflow: hidden; margin: 0 auto; max-width: 94%; padding: 130px 0 95px;}
.foot_left{width: 550px;float: left;}
.fwrx{padding-bottom: 90px;}
.fwrx p{font-size: 18px; color: #fff; line-height: 48px;}
.fwrx h2{font-size: 38px; font-family: arial;color: #f6f6f6;font-style: italic;}
.bqxx ul{overflow: hidden; margin-left: -12px;padding-bottom: 25px;}
.bqxx li{float: left;font-size: 17px; color: #b7bccc;}
.bqxx li a{color: #fff; padding: 0 12px;}
.bqxx li a:hover{color: #b7bccc;}
.bqxx p{font-size: 14px; color: #fff; line-height: 1.7;}
.bqxx p span{padding-left: 15px;}
.foot_right{float: right; text-align: right;}
.foot_right ul{padding-bottom: 40px;}
.foot_right li{display: inline-block;text-align: center; padding-left: 35px;}
.foot_right p{font-size: 14px; color: #fff;line-height: 46px;}
.wzss{width: 510px;height: 76px;overflow: hidden; border-radius: 38px; background: #fff;}
.wby1{float: left; height: 76px;width: calc(100% - 90px); padding-left: 35px;font-size: 19px; line-height: 76px;}
.btn1{float: right;width: 90px;border: none; height: 76px;background: url(../images/a_74.png) no-repeat center center #78d457;border-radius: 0 38px 38px 0;cursor: pointer;}

@media(max-width:1700px){
.cpzx{width:94%; margin: 0 auto;}
.cpzxtext{margin-left: 0;width: 460px;}
.cpqh{width: calc(100% - 500px);}
.cpqh .swiper-button-prev{left: 0;}
.cpqh .swiper-button-next{left: 80px;}
.cpqhtext{width: 95%; left: 2.5%;padding: 30px 15px;}
}

@media(max-width:1440px){
.banner_text{padding:80px 60px ;width: 430px;}
.banner_top h2{font-size: 54px;margin-bottom: 35px;}
.banner_top h3{font-size: 32px; margin-bottom: 20px;}
.btnzh{bottom: 300px;}
.banner .swiper-button-prev{width: 60px;height: 60px;left: 60px;
}
.banner .swiper-button-next{width: 60px;height: 60px;left: 120px;}
.cpzxtext{margin-left: 3%;width: 350px;}
.cpqh{width: calc(100% - 400px);}
.cpzxtext h3{font-size: 32px;}
.cpzxtext h2{font-size: 28px;margin: 10px 0 20px;}
.cpqh .swiper-button-prev{width: 60px;height: 60px;left: 3%;}
.cpqh .swiper-button-next{width: 60px;height: 60px; left: calc(3% + 60px);}
.cpqhtext{padding: 20px;width: 90%;left: 5%; }
.cpqhtext h2{font-size: 22px;margin-bottom: 15px;}
.cpqhtext p{font-size: 12px; line-height: 18px;}
.news_title h2{font-size: 48px;}
.news_nr .btn2{width: 60px;height: 60px;top: -100px;right: 60px;}
.news_nr .btn1{width: 60px;height: 60px; right: 0px;top: -100px;}
.wws_nr ul{margin-left: -90px;}
.wws_nr li{padding-left: 90px;padding-bottom: 35px;}
.wws_nr span{height: 285px;}
.fwal_text h2{font-size: 18px;}
.fwal_text a{width: 100px;}
.cpxq_right h2{font-size: 38px;}
}