@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;}

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}

.dn { display: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;}



.header{position: fixed;width: 100%; z-index: 100; top: 0;left: 0;background: rgba(0, 0, 0, 0.4); padding-left: 4%;height: 80px;}

.logo{float: left; width: 420px; padding-top: 10px;}

.logo img{width: 100%;}

.kfdh{width: 100px; height: 80px;  position: absolute; right: 0; top: 0;cursor: pointer;}

.kfdh:before{position: absolute;content: "";background: url(../images/a2.png) no-repeat center;width: 100px;height: 80px;}

.kfdh:after{position: absolute; content: ""; border-left: 1px solid #fff; height: 20px;left: 0;top:50%; transform: translateY(-50%);cursor: pointer;}

.dhdm{width: 260px; line-height: 60px; position: absolute; right: 0; top: 80px; text-align: center; background: #fff;display: none;}

.dhdm p{color:#198ee8;font-size: 24px;text-align: center;}



.nav{float: right; padding-right: 110px;}

.nav li{float: left;  padding:0 30px;position: relative;}

.nav h3 a{color: #fff;line-height: 80px; font-size: 17px;}

.nav .on h3 a{color: #0072be;font-size: 17px;}

.sub {position: absolute; width: 100%; top: 80px;left: 0;background:rgba(0,0,0,.7);display: none;}

.sub dt{line-height: 36px;text-align: center;}

.sub a{display: block; font-size: 14px; padding: 0 2px; color: #fff;transition: All 0.4s ease-in-out;}

.sub a:hover{color: #fff;background: #0072be;}



.f-center {  height: 100vh; max-height: 1080px; }

.f-14 { font-size: 14px; }

.pcimg { width: 100%; height: auto; }

.moimg { display: none; }

.banner{height: 100vh;}

.banner .swiper-container,.banner .swiper-container .swiper-slide{width: 100%;height: 100%;}

.banner video{width: 100%;height: 100%; object-fit: cover;}

.banner .swiper-slide .b_video { height: 100%; position: relative; }

.banner .swiper-slide .b_video .b_overlay { position: absolute; top: 0px; left: 0px; z-index: 3; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); }

.banner .swiper-slide .b_video .b_video_con { position: absolute; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); left: 0px; top: 0px; width: 100vw; height: 100vh; -o-object-fit: cover; object-fit: cover; z-index: 2; }

.banner .swiper-slide .b_video .b_image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-position: 50%; background-size: cover; }

.banner .swiper-slide img { display: block; width: 100%; left: 0px; top: 0px; height: 100vh; max-height: 1080px; object-fit: cover; }

.banner .swiper-slide.active img { transform: scale(1.2); }

.bannerPic { position: relative; width: 100%; height: auto; transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); }

.banner .swiper-slide.active .bannerPic { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px); }

.banner .swiper-slide .ind_ban_tex { position: absolute; text-align: left; width: 80%; top: 52%; left: 50%; transform: translate(-50%, -50%); z-index: 5; }

.banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: 1.5px; text-transform: uppercase; color: #ffffff; max-width: 90%; text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4); transform: translateX(80px); opacity: 0; margin-bottom: 10px; }

.banner .swiper-slide .ind_ban_tex .b_line { width: 100%; margin: 20px 0px 50px; height: 2px; background: #fff; transform: translateX(80px); opacity: 0; display: none; }

.ind_ban_con h2 {font-size: 36px; color: #fff; font-size: 4.2rem; color: #fff;margin-bottom: 40px;font-weight: 400;}

.ind_ban_con p{font-size: 17px; color: #fff; line-height: 2; color: #fff;width: 470px; max-width: 100%;}



.banner .swiper-button-prev { background-image: none; left: calc(8.335% - 32px); top: calc(50% - 32px); width: 64px; height: 64px; text-align: center; line-height: 64px; color: #ffffff; background-color: rgba(202, 202, 202, 0.3); transition: all .3s ease; display: none; }

.banner .swiper-button-next { background-image: none; right: calc(8.335% - 32px); top: calc(50% - 32px); width: 64px; height: 64px; text-align: center; line-height: 64px; color: #ffffff; background-color: rgba(202, 202, 202, 0.3); transition: all .3s ease; display: none; }

.banner .swiper-button-next.swiper-button-disabled { background-color: rgba(0, 0, 0, 0.3); }

.banner .swiper-button-prev.swiper-button-disabled { background-color: rgba(0, 0, 0, 0.3); }

.banner .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #ffffff; margin: 0 14px; opacity: 0.5; color: transparent; }

.banner .swiper-pagination-bullet-active { opacity: 1; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.4); background-color: transparent; color: #ffffff; }

.banner .swiper-pagination-bullet-active .rightcircle { -webkit-animation: circleProgressLoad_right 6.5s linear infinite; animation: circleProgressLoad_right 6.5s linear infinite; }

.banner .swiper-pagination-bullet-active .leftcircle { -webkit-animation: circleProgressLoad_left 6.5s linear infinite; animation: circleProgressLoad_left 6.5s linear infinite; }

.banner .swiper-pagination-bullet-active .wrapper_con { display: block; }

.banner .swiper-pagination { font-size: 0px; }

.banner .swiper-pagination > span { display: inline-block; vertical-align: middle; position: relative; }

.banner .swiper-container-rtl .swiper-button-next { left: calc(8.335% - 32px); }

.banner .swiper-container-rtl .swiper-button-prev { right: calc(8.335% - 32px); }

.banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 5%; }

.banner .swiper-pagination-custom { bottom: 5%; }

.banner .swiper-pagination-fraction { bottom: 5%; }

.banner .right { right: -2px; }

.banner .left { left: -2px; }

.banner .circleProgress { width: 42px; height: 42px; border: 2px solid transparent; border-radius: 50%; position: absolute; top: 0px; -webkit-transform: rotate(-135deg); }

.banner .rightcircle { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; right: 0px; }

.banner .leftcircle { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; left: 0px; }

.banner .wrapper_con { width: 21px; height: 42px; position: absolute; top: -2px; overflow: hidden; display: none; }

 @keyframes circleProgressLoad_right { 0% {

 transform: rotate(45deg);

}

 50%, 100% {

 transform: rotate(225deg);

}

}

 @keyframes circleProgressLoad_left { 0%, 50% {

 transform: rotate(45deg);

}

 100% {

 transform: rotate(225deg);

}

}





.bj1{background: url(../images/a3.png) no-repeat; background-size: auto 80%;background-position: 128% center;}

.wz1440{width: 1440px; margin: 0 auto; max-width: 94%;}

.gywm{overflow: hidden; padding: 180px 0;}

.gywm_left{float: left;width: calc(100% - 680px);text-align: left; }

.gywm_left h2{font-weight: bold;font-size: 36px; color: #333; margin-bottom: 20px;}

.gywm_left h3{font-weight: bold; font-size: 26px; color: #333; margin-bottom: 40px;line-height: 1.6;}

.gywm_left p{font-size: 16px; color: #999; line-height: 2; margin-bottom: 10px;text-indent: 32px;}

.gywm_left a{display: block; line-height: 56px;border-radius: 29px;border: 1px solid #0072be; color: #0072be;width: 240px; font-size: 16px; font-weight: 500; padding: 0 45px;position: relative; margin-top: 50px;}

.gywm_left a b{position: absolute; width: 17px;height: 17px;background: url(../images/a6.png);background-size: 100% 100%; right: 45px;top:50%; transform: translateY(-50%);transition: All 0.4s ease-in-out;}

.gywm_left a:hover b{right: 20px;}

.gywm_right{float: right;width: 600px; padding: 30px; position: relative;}

.gywm_right img{width: 100%; position: relative;z-index: 10;}

.gywm_right:before{position: absolute;content: ""; background: url(../images/a4.png) no-repeat left top;width: 330px;background-size: 100% 100%;height: 220px;top: 0;left: 0;}

.gywm_right:after{background: url(../images/a5.png); width: 250px;height: 200px; position: absolute;content: ""; background-size: 100% 100%;right: 0;bottom: 0;}



.bj2{background: url(../images/a10.png) no-repeat center top #f7f7f7;background-size: 100% 70%;}



.cpzx_title{padding: 80px 0 15px;}

.cpzx_title p{font-size: 48px;

    line-height: 1.1; color: #fff;font-family: arial;

    text-transform: uppercase;

}

.cpzx_title h2{font-size: 30px;margin-top: 5px; margin-bottom: 2vw;color: #fff;}

.rjdh{padding-bottom: 30px;}

.rjdh ul{overflow: hidden; margin-left: -45px;}

.rjdh li{display: inline-block; padding-left: 45px;font-size: 16px;}

.rjdh li a{color: #fff; display: block;position: relative;line-height: 40px;}

.rjdh li a:before{position: absolute;content: ""; border-bottom: 2px solid #fff; width: 0; bottom: 0; left: 50%;transition: All 0.4s ease-in-out;transform: translateX(-50%);}

.rjdh li a:hover:before{width: 100%;}

.rjdh li.cur a:before{width: 100%;}

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

.cpzxbox{border-radius: 15px;overflow: hidden;}

.cptp{position: relative; overflow: hidden;height: 311px;}

.cptp img{width: 100%;height: 100%;object-fit: cover;}

.cptext{padding: 40px 30px;background: #fff; position: relative;transition: All 0.4s ease-in-out;}

.cptext p{font-size: 16px; color: #333;}

.cptext span{border: 2px solid #0072be;width: 50px; height: 28px;border-radius: 16px;background: url(../images/a6.png) no-repeat center #fff;background-size: 15px 15px;position: absolute; right: 30px;top:50%; transform: translateY(-50%);}

.cpzxbox a:hover .cptext{background: #0072be;}

.cpzxbox a:hover .cptext p{color: #fff;}

.cpzx_nr .swiper-button-next{border: 2px solid #0072be;width: 50px; height: 28px;border-radius: 16px;background: url(../images/a6.png) no-repeat center #fff;background-size: 15px 15px;position: absolute; right: 30px;}

.cpzx_nr .swiper-button-prev{border: 2px solid #0072be;width: 50px; height: 28px;border-radius: 16px;background: url(../images/a7.png) no-repeat center #fff;background-size: 15px 15px;position: absolute; left: 30px;}



.bj3{background: url(../images/a8.png)  no-repeat center center #f1f9ff;}

.news{padding-bottom: 100px;}

.news_title{padding: 80px 0 30px;position: relative;}

.news_title p{font-size: 48px;

    line-height: 1.1; color: #333;font-family: arial;

    text-transform: uppercase;}

.news_title h2{font-size: 30px;margin-top: 5px; margin-bottom: 2vw;color: #333;}

.news_title a{display: block; line-height: 56px;border-radius: 29px;border: 1px solid #0072be; color: #0072be;width: 240px; font-size: 16px; font-weight: 500; padding: 0 45px;position: absolute; right: 0; top: 140px;}

.news_title a b{position: absolute; width: 17px;height: 17px;background: url(../images/a6.png);background-size: 100% 100%; right: 45px;top:50%; transform: translateY(-50%);transition: All 0.4s ease-in-out;}

.news_title a:hover b{right: 20px;}

.news_nr{overflow: hidden;}

.news_left{float: left; width: 50%; padding-right: 20px;}

.news_tp{display: block; overflow: hidden;height: 393px;}

.news_tp img{width: 100%;transition: All 0.8s ease-in-out;height: 100%;object-fit: cover;}

.news_left a{display: block; background: #fff;}

.news_text{padding: 30px;}

.news_text p{font-size: 20px;height:100px; color: #333;font-weight: bold;}

.news_text h2{ font-size: 16px; color: #999;}

.news_left a:hover p{color: #0072BE;}

.news_left a:hover h2{color: #0072BE;}

.news_left a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);}



.news_right{float: right;width: 50%; padding-left: 20px;}

.news_right li{padding-bottom: 20px;}

.news_right a{display: block;}

.nenr{overflow: hidden; background: #fff;}

.nenr_tp{float: left; width: 210px;overflow: hidden;height: 176px;}

.nenr_tp img{width: 100%;transition: All 0.8s ease-in-out;height: 100%; object-fit: cover;}

.nenr_text{float: right;width: calc(100% - 230px); padding-top: 25px;}

.nenr_text p{font-weight: bold; color: #333; font-size: 20px;height: 110px;line-height: 1.6; }

.nenr_text h2{color: #999; font-size: 16px;}

.news_right a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);}

.news_right a:hover{box-shadow:0 0 10px rgba(0, 0, 0, .15); }

.news_right a:hover p{color: #0072BE;}

.news_right a:hover h2{color: #0072BE;}



.footer{background: url(../images/a7.jpg)  no-repeat center bottom;background-size: cover;position: relative;}

.footer:before{content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0, 45, 101, 0.6);}

.footerbox{width: 1440px; margin: 0 auto;max-width: 94%;padding: 50px 0 0 0;}

.foot_top{border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2); padding: 25px 0;}

.foot_top ul{text-align: center;font-size: 0;}

.foot_top li{display: inline-block;width: 25%;text-align: center; position: relative;}

.foot_top li:before{position: absolute; content: "";border-right:1px solid rgba(255,255,255,.2);height: 50px; right: 0;top:50%; transform: translateY(-50%);}

.foot_top li:last-child:before{border: none;}

.topbox{display: inline-block; overflow: hidden;width: 190px;}

.topbox img{width: 30px;float: left;}

.toptext{width: calc(100% - 50px);float: right;}

.toptext h2{font-size: 16px; color: #fff;text-align: left;}

.toptext p{font-size: 12px; margin-top: 8px; color: rgba(255,255,255,.6);text-align: left;}

.foot_bottom{overflow: hidden; padding: 35px 0;}

.foot_left{float: left;}

.foot_left .logo2{width: 350px; margin-bottom: 25px; margin-top: -10px;}

.foot_left h2{font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 15px;}

.foot_left p{font-size: 14px; line-height: 2; color: rgba(255,255,255,.5);}

.foot_right{float: right;}

.foot_right ul{overflow: hidden; margin-left: -100px;}

.foot_right li{float: left; padding-left: 90px;}

.foot_right h2{font-size: 18px; margin-bottom: 15px; color: #fff;}

.foot_right dt{line-height: 2; font-size: 14px;}

.foot_right dt a{color: rgba(255,255,255,.5);}

.foot_right dt a:hover{color: rgba(255,255,255,1);}

.bqxx{ border-top: 1px solid rgba(255,255,255,.2); padding: 20px 0;}

.bqxx h2{font-size: 14px; margin-bottom: 15px; color: #fff;}

.bqxx h2 a{color: #fff; padding: 0 5px;}

.bqxx h2 a:hover{opacity: .5;}

.bqxx p{font-size: 14px; color: rgba(255,255,255,.5);line-height: 1.8;}

.bqxx p span{padding-left: 10px;}

.bqxx p a{color: rgba(255,255,255,.5);}

.bqxx p a:hover{color: rgba(255,255,255,1);}

.nav h3 b{display: none;}

.sjbq{display: none;}

.foot_left p img{display: inline-block;vertical-align: middle; margin: 4px 15px 0 0;width: 18px;opacity: .7;}





@media(max-width:1460px){

.news_tp{height: 315px;}

.nenr_tp{height: 150px;}

}

@media(max-width:1420px){

.ind_ban_con h2{font-size: 42px;}	

.gywm{padding: 100px 0;}	

.bj1 {

    background: url(../images/a3.png) no-repeat 400px center;

    background-size: auto 90%;

}	

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

.gywm_left h3{font-size: 22px;}

	

.nav li{padding: 0 25px;}	

.nenr_text p{height: 90px;}	

	}

@media(max-width:1200px){

.header{height: 60px; padding: 0 3%;}

.dhbtn{position: absolute;width: 60px;height: 60px; right: 0; top: 0;background: url(../images/a11.png) no-repeat center;border-left: 1px solid #fff;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center;background-size: 20px 20px;}

.kfdh{width: 60px;height: 60px; right: 60px;height: 60px;}

.kfdh:before{height: 60px;width: 60px;}

.kfdh:after{border-left: 1px solid #fff;height: 100%;}

.logo{width: 220px;padding-top: 15px;}

.nav{position: fixed; width: 100%;height: calc(100% - 60px); left: -100%; top: 60px;background: #035593;padding: 0;overflow: auto;}

.nav li{float: none; width: 100%; padding: 0 3%;position: relative;}

.nav h3{position: relative;}

.nav h3 a{display: block; border-bottom: 1px solid rgba(255,255,255,.7);line-height: 58px; font-size: 16px; color: #fff;}

.nav .on h3 a{color: #fff;}

.nav h3 b{height: 58px; width: 59px; display: block; right: 0; top: 0;color: #fff; font-size: 18px; position: absolute;line-height: 58px;text-align: center;}

.sub{position: static; background: none;}

.sub dt{font-size: 14px; line-height: 36px;}

.sub a{color: #fff;}



.gywm_left{float: none; width: 100%;}

.gywm{padding: 60px 0;}

.gywm_left h2{font-size: 26px; margin-bottom: 10px;}

.gywm_left h3{font-size: 18px;margin-bottom: 25px;}

.gywm_left a{margin: 30px auto 0 auto;}

.gywm_left a{width: 180px; line-height: 40px; padding: 0 25px;}

.gywm_left a b{right: 25px;}

.gywm_right{width: 100%; float: none; padding: 15px;margin-top: 30px;}

.cpzx_title{padding: 60px 0 30px;}

.cpzx_title p{font-size: 24px;}

.gywm_right:before{width: 150px;height: 110px;}

.gywm_right:after{width: 140px;height: 100px;}

.rjdh ul{overflow: auto;white-space: nowrap; margin-left: -30px;}

.rjdh li{padding-left: 30px;}

.cptp{height: auto;}

.cpzx{padding-bottom: 60px;}

.news_title{padding: 60px 0 30px;}

.news_title p{font-size: 24px;}

.news_title a{width: 140px; line-height: 40px; padding: 0 15px; top: 80px;}

.news_title a b{right: 15px;}

.news_left{width: 100%; float: none; padding: 0;}

.news_tp{height: auto;}

.news_text{padding: 15px;}

.news_text p{height: 60px;line-height: 1.6; }

.news_right{float: none; width: 100%; padding: 30px 0 0 0;}

.news{padding-bottom: 50px;}

.footer{padding-bottom: 50px;}

.foot_top ul{overflow: hidden;}

.foot_top li{float: left; width: 50%;padding-bottom: 20px;}

.toptext h2{font-size: 14px;}

.topbox img{height: 31px;}

.foot_top{padding-bottom: 10px;}

.foot_left{float: none; width: 100%;text-align: center;}

.foot_left img{margin: 0 auto 20px auto;}

.foot_right{float: none; width: 100%;}

.foot_right ul{margin: 0;}

.foot_right li {float: none; width: 100%; padding: 0;padding-top: 25px;}

.foot_right h2{font-weight: bold;font-size: 16px;}

.foot_right dl{overflow: hidden; margin-left: -25px;}

.foot_right dt{float: left; padding-left: 25px;}



.sjbq{position: fixed; width: 100%; z-index: 100;left: 0; bottom: 0;background: #035593;display: block;}

.sjbq ul{overflow: hidden; }

.sjbq li{float: left; width: 50%; border-right: 1px solid rgba(255,255,255,.2);font-size: 14px; line-height: 50px;}

.sjbq li a{font-size: 15px; color: #fff;display: block;text-align: center;}

.sjbq li img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}



.foot_bottom{padding: 30px 0;}

.topbox{width: 100%;text-align: center; padding: 10px 0;}

.foot_top li:nth-child(2):before{border: none;}

.topbox img{float: none; margin: 0 auto;}

.toptext{float: none; width: 100%;padding-top: 15px;text-align: center;}

.toptext h2{text-align: center;}

.toptext p{text-align: center;}

.foot_top li:before{height: 100%;}

.ind_ban_con h2{font-size: 28px;margin-bottom: 20px;}

.ind_ban_con p{font-size: 14px; line-height: 1.6;}

.cpzx_nr{padding-bottom: 0;}

}



@media(max-width:480px){

.nenr_tp{float: none; height: auto; width: 100%;}

.nenr_text{float: none; width: 100%; padding: 15px;}

.nenr_text p{height: 60px;}	



}