@charset "utf-8";
/* CSS Document */
html,body{background: #fff; -webkit-user-select: none; user-select: none;}
.in_center{width:1200px; height: auto; margin: 0 auto; transition: all .5s ease 0s;}
img{max-width: 100%; height: auto;}
/**/
.top{width: 100%; height:85px; background:rgba(255,255,255,.6); transition: all .6s ease 0s; position: fixed; top: 0; left: 0; z-index: 999;}
.logo{width: 89px; height: 85px; line-height: 0; float: left; overflow: hidden; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .6s ease 0s;}
.nav{width: 70%; height: 85px; line-height: 85px; text-align: right; font-size: 16px; float: right; overflow: hidden; transition: all .6s ease 0s;}
.nav a{color: #333333; margin-left: 50px;}
.nav a:hover,.nav .nuw{color: #0b5cb7;}
.nav a:first-child{margin-left: 0;}

.top_small{height: 50px;}
.top_small .logo{height: 50px; align-content:flex-start;}
.top_small .logo a{height: 45px;}
.top_small .logo img{width: auto; height: 90%;}
.top_small .nav{height: 50px; line-height: 50px;}

/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top: 50%; right: 0; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #1d1d1d; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #ccc; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}

/* banner */
.in_banner{width:100%; height:100vh; position: relative; line-height: 1; text-transform: uppercase; margin:0 auto; overflow: hidden;}
.in_banner .swiper-slide{position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;}
.in_banner .swiper-slide div{width: 1200px; height: auto; margin:85px auto 0;}
.in_bannera{width: 100%; height: 10px; text-align: center; position: absolute; bottom: 15px; left: 0; z-index: 2;}
.in_bannera .swiper-pagination-bullet{width: 8px; height: 8px; background: #fff; opacity: 1;}
.in_bannera  .swiper-pagination-bullet-active{background: #e62129;}

.in_qhul{width: 100vw; height: 100vh; overflow: hidden;}
.in_qhli{width: 100vw; height: 100vh; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden;}
.in_title{width:100%; height: auto; line-height: 1; font-size: 48px; color: #0b5cb7; letter-spacing: 10px; text-transform: uppercase; text-align: center;}
.in_title p{vertical-align: middle; font-size: 26px; color: #333333; font-weight:bold; letter-spacing: 0; margin-bottom: 20px;}
.in_title p em{display: inline-block; vertical-align: middle; width: 85px; height: 1px; background: #d0d0d0;}
.in_title p span{margin: 0 30px;}
.in_bg{background:url(../images/in1.png) center bottom no-repeat rgba(11,92,183,1);}
.in_bg .in_title,.in_bg .in_title p{color: #fff;}
.in_bg .in_title p em{background: #fff;}

.in_abouttop{width: 1200px; height: 362px; margin:calc(100vh * 0.097) auto calc(100vh * 0.11); overflow: hidden;}
.in_aboutimg{width: 628px; height: 362px; float:left; overflow: hidden;}
.in_abouttext{width: 510px; height: 362px; float: right; line-height: 1; overflow: hidden;}
.in_abouttexta{font-size: 18px; line-height: 30px; color: #333333; font-weight:bold;}
.in_abouttextb{font-size: 14px; line-height: 30px; color: #777777; margin-top: 20px;}
.in_abouttextb a{display: block; text-transform: uppercase; color: #0b5cb7; margin-top: 20px;}
.in_abouttextb a span{font-family: "宋体", "新宋体"; color: #0b5cb7; margin-left: 3px;}
.in_abouttextb a span:nth-child(2){color: #6496cf;}
.in_abouttextb a span:nth-child(3){color: #b6c6d7;}

.in_abouttextc{width: 100%; height: 80px; line-height: 1; margin-top:55px;}
.in_abouttextc p{font-size: 48px; color: #d0d0d0; text-transform: uppercase; font-weight: bold; width: 260px; border-right: 1px solid #d0d0d0; float: left; margin-right: 40px;}
.in_abouttextc p span{display: block; font-size: 24px; float: right; margin-right: 35px;}
.in_abouttextc div{font-size: 20px; color: #333333; font-weight:bold;}
.in_abouttextc div span{font-size: 42px; color: #0b5cb7; display: block; margin-top: 10px;}

.in_aboutbot{width: 1200px; height: auto; text-align: center; margin: 0 auto; overflow: hidden;}
.in_aboutbot div{width: 33.33%; height: auto; line-height: 1; float: left; overflow: hidden; font-size: 24px; color: #525252; font-weight: lighter;}
.in_aboutbot div span{font-size: 68px;}
.in_aboutbot div p{font-size: 14px; color: #525252; margin-top: 25px; font-weight: 400;}

.in_fwxmtxt{height: auto; font-size: 14px; line-height: 26px; color: #fff; overflow: hidden; text-align: center; margin: calc(100vh * 0.046) auto calc(100vh * .0925);}

.in_fwxmul{}
.in_fwxmli{width: 266px; height: 374px; float: left; margin-right: 45px; line-height: 1; background: #fff; padding: 20px; overflow: hidden;}
.in_fwxmli span{display: block; width: 54px; height: 62px; line-height: 60px; text-align: center; border: 1px solid #0b5cb7; font-size: 30px; color: #0b5cb7; font-weight: bold;}
.in_fwxmli h2{text-align: center; font-size: 22px; color: #333333; font-weight: bold; margin: 35px 0 25px;}
.in_fwxmli div{font-size: 14px; line-height: 26px; overflow: hidden; color: #777777; margin-bottom: 40px;}
.in_fwxmli em{display: block; width: 49px; height: 12px; background: url(../images/in2.png) center center no-repeat; overflow: hidden;}
.in_fwxmli:hover h2{color: #0b5cb7;}
.in_fwxmli:nth-child(4n){margin-right: 0;}

.in_ygfc{position: relative; height: 533px;}
.in_ygfcbg{width: 100%; height: 160px; background: #0b5cb7; position: absolute; bottom: 70px; left: 0;}
.in_ygfclil,.in_ygfclir{width: 58px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; color: #fff; position: absolute; background: #0b5cb7; bottom: 205px; left: -59px; cursor: pointer;}
.in_ygfclir{left: inherit; right: -59px;}
.in_ygfclil:after,.in_ygfclir:after,.in_ygfclil:hover:after,.in_ygfclir:hover:after{background: #fd4243; border-radius: 0;}
.in_ygfcul{width: 1078px; height: 533px; margin: 0 auto; position: relative; z-index: 2; overflow: hidden;}
.in_ygfcli{width: 308px; height: 533px; margin-right: 78px; text-transform: uppercase; position: relative; overflow: hidden;}
.in_ygfclia{width: 100%; height: 533px; line-height: 1; padding-top:25px; transition: all .5s ease 0s; overflow: hidden;}
.in_ygfclia span{font-size: 18px; color: #525252; font-weight: 200;}
.in_ygfclia p{width: 100%; height: 26px; line-height: 26px; color: #373737; font-size: 20px; font-weight: bold; margin-top: 20px;}
.in_ygfclia p i{width: 26px; height: 26px; background: #0b5cb7; font-weight: 200; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; text-align: center; margin-right: 15px;}
.in_ygfclia div{width: 100%; height: 410px; overflow: hidden; margin-top: 30px;}
.in_ygfclib{width: 100%; height:533px; position: absolute; top:100%; left: 0px; background-position: bottom center; background-repeat: no-repeat; background-color:#efedf2; padding: 30px; line-height: 1; transition: all .5s ease 0s;}
.in_ygfclib p,.in_ygfclib div,.in_ygfclib i,.in_ygfcem{position: relative; z-index: 2; color: #fff;}
.in_ygfclib p{font-size: 18px;}
.in_ygfclib p span{display: block; font-size: 20px; font-weight: bold; margin: 20px 0 30px;}
.in_ygfclib p em{display: block; width: 18px; height: 2px; background: #fff; margin-bottom: 45px;}
.in_ygfclib div{font-size: 14px; line-height: 30px; margin-bottom: 65px;}
.in_ygfclib div b{display: block;}
.in_ygfclib i{display: block; width: 26px; height: 26px; line-height: 26px; background: #fff; font-weight: 200; color: #0b5cb7; font-size: 14px; text-align: center; margin-right: 15px; position: absolute; bottom: 10px; right: -15px;}
.in_ygfcem{display: block; width: 49px; height:12px; background: url(../images/in3.png) center center no-repeat;}
.in_ygfclib:after{content:""; width: 100%; height: 100%; background: rgba(11,92,183,.8); position: absolute; top: 0; left: 0;}
.in_ygfcli:hover .in_ygfclia{margin-top: 100%;}
.in_ygfcli:hover .in_ygfclib{top:0;}
.in_bga{background: #f3f3f3; padding-top: calc(100vh * .0925);}

.in_news{width: 1200px; height: auto; margin:calc(100vh * .05) auto 0; padding-bottom: calc(100vh * .097); overflow: hidden; position: relative;}
.in_news .swiper-wrapper{display: block;}
.in_newsli{width: 586px; height: auto; float: left; background: #fff; margin: 0 30px 20px 0; padding: calc(100vh * .0324) 40px calc(100vh * .0324) 50px; overflow: hidden; line-height: 1; position: relative;}
.in_newsli span{display: block; width: 50px; height: 50px; background: url(../images/in4.png) center center no-repeat; position: absolute; top: 0; left: 0; font-size: 18px; font-style:oblique; color: #ffffff; padding: 5px 0 0 2px;}
.in_newsli h2{font-size: 16px; font-weight:bold; color: #333333; height: 20px; line-height: 20px; margin-bottom: 10px;}
.in_newsli div{height: 40px; font-size: 14px; line-height: 20px; color: #777777;}
.in_newsli:hover h2{color: #0b5cb7;}
.in_newsa{width: 100%; height:18px; text-align: center; position: absolute; bottom:0px; left: 0; z-index: 2;}
.in_newsa .swiper-pagination-bullet{width:6px; height: 6px; background: #cccccc; margin: 12px 7px 0; opacity: 1; border-radius:0; }
.in_newsa  .swiper-pagination-bullet-active{background: #0b5cb7; height: 18px; margin-top: 0;}

.foot{width: 100%; height: auto; background: #373737; padding-top:calc(100vh * .046);/* margin-top: calc(100vh * .06);*/ position: absolute; bottom: -50%; left: 0; z-index: 88; transition: all 1s ease 1s;  overflow: hidden;display: none;}
.foot_nav{width: 810px; height: auto; float: left; overflow: hidden;}
.foot_li{width: 135px; height: auto; float: left; padding-left: 22px; position: relative; overflow: hidden;}
.foot_li a{display: block; font-size: 12px; line-height: 30px; color: #b9b9b9;}
.foot_li a:first-child{color: #fff; font-size: 16px;}
.foot_li:after{content: ""; display: block; width:0; height: 100%; border-left: 1px solid #5f5f5f; border-right: 1px solid #262626; position: absolute; top: 0; left: 0;}

.foot_lxfs{width: 320px; height: auto; float: right; overflow: hidden;}
.foot_lxfsa{float: left; font-size:28px; font-family: fonta; color: #0b5cb7; line-height: 1;}
.foot_lxfsa p{font-size: 12px; margin-bottom: 10px;}
.foot_lxfsa p i{font-size:16px; vertical-align: bottom; margin-right: 5px;}
.foot_lxfsb{width: 95px; float: right; text-align-last: center; font-size: 12px; color: #fff;}
.foot_bq{width: 100%; height: auto; text-align: center; font-size: 12px; line-height: 24px; color: #d6d6d6; margin-top: calc(100vh * .04); border-top: 1px solid #5f5f5f; position: relative; padding: 5px 0;}
.foot_bq:after{content: ""; display: block; width:100%; height:0; border-top: 1px solid #262626; position: absolute; top:-2px; left: 0;}

/**/
.pg_top{position: relative;}
.pg_banner{width: 100%; height: 415px; background-position: center center; background-repeat: no-repeat; overflow: hidden; line-height: 1;}
.pg_banner .pg_bannera{width:1200px; height: 415px; margin: 0 auto; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; color: #fff; text-align: left;}
.pg_banner p{font-size: 30px; font-weight: bold; vertical-align: baseline;}
.pg_banner p em{width: 120px; height: 1px; background: #fff; display: inline-block; vertical-align: baseline; margin-left: 10px;}
.pg_banner div{font-size:36px; text-transform: uppercase; letter-spacing: 25px; margin: 30px 0;}
.pg_banner span{display: block; width: 20px; height: 6px; background: #fff; overflow: hidden;}
.pg_fontcl .pg_bannera{color: #0b5cb7;}
.pg_fontcl p em,.pg_fontcl span{background: #0b5cb7;}

.pg_nav{width: 100%; height:71px; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.pg_nav a{display: block; width: 120px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #373737; position: relative; transition: all .5s ease 0s; float: left;}
.pg_nav a span{position: relative; z-index: 2;}
.pg_nav a:after{content: ""; display: block; width: 100%; height:0%; background: #0555ae; position: absolute; bottom: 0; left: 0; transition: all .5s ease 0s;}
.pg_nav a:hover,.pg_nav .pg_nuw{color: #fff;}
.pg_nav a:hover:after,.pg_nav .pg_nuw:after{height: 100%;}
.pg_foot{width: 100%; height: auto; background: #373737; padding-top:calc(100vh * .046); transition: all 1s ease 1s;  overflow: hidden;}
.pg_center{width: 1200px; height: auto; margin: 0 auto; padding: 35px 0 60px;}
.s_text{font-size: 14px; line-height: 34px; color: #333333;}

.pg_abouta{width: 100%; height: auto;}
.pg_aboutal{width: 690px; height: auto; float: left;}
.pg_title{width: 100%; height: auto; line-height: 1; font-size: 24px; color: #0b5cb7; font-weight:bold; margin-bottom: 40px; text-transform: uppercase; overflow: hidden;}
.pg_title span{font-weight: 400; color: #525252; margin-left: 10px;}
.pg_aboutar{width: 475px; height: auto; float: right; overflow: hidden;}

.pg_fzlc{width: 100%; height: auto; position: relative; overflow: hidden;}
.pg_fzlctopl,.pg_fzlctopr{width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 25px; color: #0b5cb7; cursor: pointer; position: absolute; top: 0; left: 0; overflow: hidden;}
.pg_fzlctopr{left: inherit; right: 0;}

.pg_fzlctop{width: 1110px; height: 35px; margin: 0 auto; margin-bottom:60px; overflow: hidden;}
.pg_fzlctopli{width: calc(1110px / 9 - 10px); height: 35px; line-height: 31px; text-align: center; border-bottom: 4px solid #e1e1e1; margin-right: 10px; font-size: 16px; color:  #525252; cursor: pointer;}
.pg_fzlctop .swiper-slide-active{border-color: #0b5cb7; color: #0b5cb7;}

.pg_fzlcbotli{width: 100%; height:auto; position: relative;}
.pg_fzlcx{width: 1px; height: 100%; background: #e1e1e1; position: absolute; top:18px; left: 120px;}
.pg_fzlcbotlia{width: 100%; height: auto; margin-bottom: 35px;}
.pg_fzlcn{width: 125px; height:auto; position: relative; float: left;}
.pg_fzlcn span{display: block; width: 100px; height: 30px; line-height: 30px;text-align: center; font-size: 16px; color: #fff; background: #0b5cb7;}
.pg_fzlcn em{display: block; width:8px; height:8px; background: #0b5cb7; border-radius: 100%; position: absolute; top: 50%; right: .5px; margin-top: -4px;}
.pg_fzlctxt{width: 1060px; height: auto; float: right; background: #f5f5f5; padding:10px 25px; font-size: 14px; line-height: 24px; color: #525252;}

.pg_zzry{width: 1200px; height: auto; position: relative; margin-bottom:120px; overflow: hidden;}
.pg_zzry .pg_zzryli{width: 287px; height: 215px; margin-right: 17px; overflow: hidden;}
.pg_zzryl,.pg_zzryr{width: 44px; height: 44px; line-height: 44px; text-align: center; background: rgba(0,0,0,.7); font-size: 20px; color: #0b5cb7; position: absolute; top: 50%; left: 0; z-index: 5; margin-top: -22px; transform:scaleX(0); transition:all .5s ease 0s; cursor: pointer;}
.pg_zzryr{left: inherit; right: 0;}
.pg_zzry:hover .pg_zzryl,.pg_zzry:hover .pg_zzryr{ transform:scaleX(1);}

/*
.pg_aboutimg{width: 100%; height: auto; column-count:4; column-gap: 0; overflow: hidden;}
.pg_aboutimgli{break-inside: avoid; vertical-align: top; width: 295px; height: auto; margin-bottom: 6px;}
*/
.pg_aboutimgli{width: 295px; height: 221px; float: left; margin: 0 6.66px 6px 0; overflow: hidden;}
.pg_aboutimgli:nth-child(4n){margin-right: 0;}

.s_lxwmli{width: 50%; height: 135px; border-bottom: 1px solid #d9dae7; float: left; line-height: 1; overflow: hidden; margin-bottom: 35px;}
.s_lxwmli h2{font-size: 20px; color: #373737; font-weight: bold;}
.s_lxwmli div{font-size: 16px; line-height: 36px; color: #525252;}
.s_lxwmli:nth-last-child(1),.s_lxwmli:nth-last-child(2){margin-bottom: 0;}

.pg_newsli{width: 100%; height: 162px; margin-bottom: 55px; line-height: 1; overflow: hidden;}
.pg_newslia{width: 92px; height: 162px; float: left; border-top: 2px solid #525252; margin-right: 24px; overflow: hidden; font-size: 30px; color: #525252; padding-top: 35px; transition: all .6s ease 0s;}
.pg_newslia p{font-size: 18px; padding: 5px 0 0 18px;}
.pg_newslia span{font-size: 16px;}
.pg_newslib{width: 288px; height: 162px; float: left; transition: all .6s ease 0s; overflow: hidden;}
.pg_newslib img{width: 100%; height: 100%; transition: all .6s ease 0s;}
.pg_newslic{width: 775px;; height: 162px; float: right; overflow: hidden;}
.pg_newslic h2{font-size: 16px; color: #525252;}
.pg_newslic div{font-size: 14px; line-height: 24px; color: #777777; height: 72px; margin: 12px 0 12px; overflow: hidden;}
.pg_newslic span{display: block; width: 126px; height: 34px; line-height: 32px; font-size: 14px; text-align: center; color: #777; border: 1px solid #e4e4e4; overflow: hidden;}
.pg_newsli:hover .pg_newslia{-webkit-animation:bks .5s linear 0s infinite alternate; animation:bks .5s linear 0s infinite alternate;}
.pg_newsli:hover .pg_newslib{padding: 10px; border: 1px solid #0555ae; -webkit-animation:bks .5s linear .5s infinite alternate; animation:bks .5s linear .5s infinite alternate}
.pg_newsli:hover .pg_newslic h2{color: #0555ae;}

.pg_newstitle{width: 100%; height: auto; text-align: center; margin-bottom: 35px; font-weight: bold; font-size: 16px; overflow: hidden;}
.pg_newstitle p{border-top:1px solid #d4d4d4; font-weight: 200; font-size: 14px; color: #777777; margin-top: 18px; padding-top: 15px;}
.pg_newstitle p span{margin: 0 50px;}

.pg_teamli{width: 280px; height: 420px; float: left; text-align: center; margin: 0 20px 30px 0; overflow: hidden;}
.pg_teamli span{width: 100%; height:380px; line-height: 0; transition: all .6s ease 0s; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.pg_teamli span img{max-width: 100%; height: auto;}
.pg_teamli p{height: 40px; line-height: 40px; font-size: 18px;}
.pg_teamli:hover span{padding: 10px;border: 1px solid #0555ae; -webkit-animation:bks .5s linear .5s infinite alternate; animation:bks .5s linear .5s infinite alternate;}
.pg_teamli:nth-child(4n){margin-right: 0;}

.s_zxlsli{width: 100%; height: auto; border: 1px solid #d5d5d5; margin-bottom: 10px; padding: 0 25px; overflow: hidden;}
.s_zxlslia{width: 100%; height: 65px; line-height: 65px; font-size: 20px; color: #2e3844; font-weight:bold; cursor: pointer; overflow: hidden;}
.s_zxlslia span{font-weight: 400; float: right; font-size: 16px; color: #ca1e1e;}
.s_zxlslib{padding: 25px 0; font-size: 14px; line-height: 24px; color: #777777; display: none;}

/**/
.mb150{margin-bottom: calc(100vh * 0.1388);}
.mb75{margin-bottom: 75px;}


/*分页*/
.pg_fy{width: 100%; height: auto; text-align: center; margin-top: 50px; overflow: hidden;}
.pg_fy a{display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #ababab; font-size: 16px; border-radius:100%; color: #777777; margin: 0 3px; transition: all .6s ease 0s;}
.pg_fy a:hover,.pg_fy .pg_fnuw{border-color: #0b5cb7; background: #0b5cb7; color: #fff;}
/*.pg_fy a:nth-last-of-type(2){border:none;}*/

/* css3 */
@-webkit-keyframes bks {
0% {border-color: #d4d4d4;}
100% {border-color: #0555ae;}
}
@keyframes bks {
0% {border-color: #d4d4d4;}
100% {border-color: #0555ae;}
}
.wbzts{width: 100%; height: auto; padding: 10px 0; background: #f6f6f6; color: #e60012; text-align: center; overflow: hidden;}

.pg_lybd{margin-top: 40px;}
.pg_lyli{width:100%; height: auto; overflow: hidden; margin-bottom:20px;}
.pg_lybd span{display: inline-block; vertical-align: middle; width:315px; text-align: right; padding: 10px; font-size: 14px; color: #777777;}
.pg_lybd font{color: #ff0000; margin-left: 30px;}
.pg_lylia{margin-bottom: 30px;}
.pg_lylia span{vertical-align: top;}
.pg_lylic a{vertical-align: middle; display: inline-block; margin-left: 15px;}
.pg_lylib{width: 100%; height: auto; text-align: center; margin-top:65px;}
.pg_lylib button{width: 110px; height:36px; background: #f6f6f6; font-size: 14px; border: none; cursor: pointer;}
.pg_lylib button:first-child{background: #0096ea; color: #fff;}
.input_a{width:30%; height:26px; border: 1px solid #e4e4e4; padding: 0 10px; font-size: 14px;}
.input_c{width:20%; height: 26px; border: 1px solid #e4e4e4; padding: 0 10px; font-size: 14px; vertical-align: middle;}
.input_b{width: 40%; height:135px; border: 1px solid #e4e4e4; padding:10px; font-size: 14px; font-family: "微软雅黑";}


/**/
.w1000{width: 1000px;}