@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:110px; background:rgba(255,255,255,1); transition: all .6s ease 0s; position: fixed; top: 0; left: 0; z-index: 999;}
.logo{width:199px; height:110px; 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;}
.top_l{width: 995px; height: 110px; float: right;}
.nav{width:690px; height: 110px; line-height: 110px; text-align: right; font-size: 16px; overflow: hidden; float: left; transition: all .6s ease 0s;}
.nav a{color: #333333; margin-left: 50px;}
.nav a:hover,.nav .nuw{color: #0b5cb7; font-weight: bold;}
.nav a:first-child{margin-left: 0;}
.top_zn{width: 195px; height: 110px; line-height: 110px; float: right; font-size: 16px; color: #525252; overflow: hidden; transition: all .5s ease 0s;}
.top_zn span{display: block; width: 18px; height: 18px; background: url(../images/in1.png) center center no-repeat; float: right; margin-top:48px; overflow:hidden; cursor: pointer;}
.in_ss{width: 260px; height: 38px; border: 1px solid #88bbe7; background:#4279c1; position: absolute; bottom:-48px; right: 0; z-index: 5; overflow: hidden; display: none;}
.input_a{width: 200px; height: 36px; border: none; border-right: 1px solid #88bbe7; background: none; padding: 0 5px; color: #fff; vertical-align: top;}
.aniu_a{width: 58px; height: 36px; background:none; border: none; color: #fff;}
.input_a::-webkit-input-placeholder{color:#fff;}
.input_a:-ms-input-placeholder{color:#fff;}
.input_a::-ms-input-placeholder{color:#fff;}
.input_a:-moz-placeholder,.input_a::-moz-placeholder{color:#fff; opacity: 1;}

.top_small{height: 50px;}
.top_small .top_l{height:50px;}
.top_small .logo{height: 50px; align-content:flex-start;}
.top_small .logo a{height: auto;}
.top_small .logo img{width: auto; height:auto;}
.top_small .nav,.top_small .top_zn{height: 50px; line-height: 50px;}
.top_small .top_zn span{margin-top:20px;}

/* 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; z-index: 2; 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; z-index: 2;}
.in_banner .swiper-slide div{width: 1200px; height: auto; margin:85px auto 0; }
.in_banner .in_bannera{width:25px; height:calc(100vh - 110px); text-align: center; position: absolute; bottom: 0; left: inherit; right:5%; z-index: 2; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.in_banner .in_bannera .swiper-pagination-bullet{width:10px; height: 10px; background: #fff; opacity: 1; margin: 10px 0;}
.in_banner .in_bannera .swiper-pagination-bullet-active{background: #1869b7;}

/**/
.in_qhul{width: 100vw; height: auto; overflow: hidden; position: relative!important; z-index: 1!important;}
.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_qhul .in_qhli:last-child{height: auto; min-height: auto;}

.in_bga{background: url(../images/bg1.jpg) center center no-repeat #f5f5f5;}
.in_title{width: 100%; height: 80px; line-height:80px; text-align: center; color: rgba(0,0,0,.05); text-transform: uppercase; font-size: 100px; overflow: hidden; position: relative; margin-bottom: calc(100vh * .097);}
.in_title div{width: 100%; position: absolute; top: 0; left: 0; line-height:1; font-size: 30px; color: #333333; text-align: center; padding-top: 7px;}
.in_title div p{font-size: 14px; margin: 10px 0;}
.in_title div span{display: block; width: 30px; height: 2px; margin: 0 auto; background: #1869b7;}

.in_bgb{background: url(../images/bg2.jpg) center center no-repeat #1484f0;}
.in_bgc{background: url(../images/bg3.jpg) center center no-repeat #ffffff;}
.in_bgd{background:#4c80f0; display: block;}
.in_bgb .in_title{color: rgba(255,255,255,.2);}
.in_bgb .in_title div{color: #fff;}
.in_bgb .in_title div span{background: #fff;}

/**/
.in_jfa{width: 1200px; max-height: 800px; margin: 0 auto; position: relative;}
.in_jfaul{width: 100%; height: auto;}
.in_jfali{width: 100%; height: auto; float: left; margin-right: 44px; line-height: 1; overflow: hidden;}
.in_jfali img{width: 100%; height: auto; overflow: hidden;}

.in_jfali div{width: 100%; height: 110px; padding: 15px 20px; background: #1869b7; overflow: hidden; text-align: center; font-size:16px; color: #fff;}
.in_jfali div span{display: block; width: 186px; height: 34px; line-height: 32px; border-radius: 17px; border: 1px solid #1383f2; text-align: center; font-size: 14px; margin: 20px auto 0; transition: all .5s ease 0s;}
.in_jfali:hover div span{background: #1383f2;}
.in_jfaull,.in_jfaulr{width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 100%; background: #fff; color: #a1a1a1; font-size: 30px; position: absolute; top: 50%; left:-110px; margin-top: -30px; overflow: hidden; cursor: pointer; transition: all .6s ease 0s;}
.in_jfaulr{left: inherit; right: -110px;}
.in_jfaull:hover,.in_jfaulr:hover,.in_jfaull:hover:after,.in_jfaulr:hover:after{background: #1869b7; color: #fff;}

.in_abouta{width: 565px; height: auto; float: left; color: #fff; line-height: 1;}
.in_abouta h2{font-size: 20px; color: #ffffff; font-weight: bold; margin-top: 20px;}
.in_abouta div{font-size: 16px; line-height: 30px; margin: 30px 0 40px;}
.in_more{width: 186px; height: 34px; line-height: 32px; text-align: center; color: #fff; border-radius: 17px; border: 1px solid #fff; font-size: 16px;}
.in_more:hover{color: #1869b7;}
.in_aboutb{width: 578px; height:434px; border: 5px solid #fff; float: right; box-shadow: 0px 0px 10px rgba(0,0,0,.2); overflow: hidden;}
.in_aboutb video{position: relative; z-index: 888;}


.in_newsul{width: 100%; height: auto; text-align:center; overflow: hidden;}
.in_newsli{width: 570px; height: 130px; float: left; margin-bottom: 80px; line-height: 1; overflow: hidden; text-align:left;}
.in_newslia{width: 45px; height: auto; float: left; font-size: 20px; color: #777777; transition: all .5s ease 0s;}
.in_newslia span{display: block; width: 26px; height: 3px; background: #333333; overflow: hidden; transition: all .5s ease 0s; margin-top: 30px;}
.in_newslib{width: 525px; height: auto; float: right; color: #777777; padding-top: 2px; transition: all .5s ease 0s;}
.in_newslib span{font-size: 16px;}
.in_newslib h2{font-size: 18px; color: #333333; margin-top: 10px; transition: all .5s ease 0s;}
.in_newslib p{font-size: 14px; line-height: 24px;}
.in_newsli:hover .in_newslia,.in_newsli:hover .in_newslib,.in_newsli:hover .in_newslib h2{color: #1869b7;}
.in_newsli:hover .in_newslia span{background: #1869b7;}
.in_newsli:nth-child(2n){float: right;}
.in_newsli:nth-child(3),.in_newsli:nth-child(4){margin-bottom: 0;}
.in_newsull,.in_newsulr{width:28px; height:28px; line-height:26px; text-align: center; color: #a1a1a1; font-size:16px; overflow: hidden; cursor: pointer; border: 1px solid #b8b8b8; transition: all .6s ease 0s; position: relative; display: inline-block; vertical-align: top; margin:calc(100vh * .11) 10px 0;}
.in_newsull:hover,.in_newsulr:hover,.in_newsull:hover:after,.in_newsulr:hover:after{background: #1869b7; color: #fff; border-color: #1869b7;}

.in_xbd{width: 100%; height: auto; padding: 200px 0; /*margin:calc(100vh * .2546) auto 0; padding-bottom: calc(100vh * .17);*/ text-align: center; background: url(../images/bg4.jpg) center bottom no-repeat; }
.in_xbdli{display: inline-block; vertical-align: top; width: 245px; height: auto; line-height: 1; color: #fff;}
.in_xbdli div{width: 195px; height: 195px; /*display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:baseline; align-content:center;*/ padding-top: 70px; border: 1px solid #fff; border-radius: 100%; margin: 0 auto; font-size: 30px; font-weight: lighter;}
.in_xbdli div span{font-size: 68px;}
.in_xbdli p{font-size: 24px; margin-top: 20px; font-weight: lighter;}
.in_xbdli:nth-child(2){margin: 0 220px;}

.foot{width: 100%; height: auto; background: #2f2f2f; padding-top: 40px; overflow: hidden; /*position: absolute; bottom: 0; left: 0; z-index: 3; */float: left;}
.foot_a{width: 1200px; height: auto; margin: 0 auto; padding-bottom: 35px; overflow: hidden;}
.foot_nav{width: 900px; height: auto; float: left; overflow: hidden;}
.foot_navli{width: 135px; height: auto; float: left; line-height: 36px; overflow: hidden; margin-right: 45px;}
.foot_navli a{color: #adadad; display: inline-block; width: 100%; transition: all .5s ease 0s;}
.foot_navli a:hover{color: #fff;}
.foot_navli a:first-child{font-size: 16px; color: #fff; background: url(../images/in3.png) right center no-repeat; display: block;}
.foot_navli:last-child a:first-child{background: none;}

.foot_b{width: 245px; height: auto; float: right; overflow: hidden; line-height: 1; color: #8b8b8b;}
.foot_ba{width: 100%; height: auto; font-size: 24px; text-align: right; background: url(../images/in2.png) left center no-repeat; letter-spacing: 2px; margin-bottom: 25px;}
.foot_ba p{letter-spacing: 1px; margin-top: 5px;}
.foot_bb{width: 100%; height: auto; text-align: right; font-size: 14px;}
.foot_bb p{margin-top: 15px;}
.foot_ul{width: 100%; height: auto; padding: 10px 0; background: #383838; overflow: hidden; text-align: center; color: #8b8b8b;}
.foot_ul a{color: #8b8b8b;}

/**/
.pg_top{width: 100%; height: 70px; position: relative;}
.pg_top{height: 70px;}
.pg_top .top_l{height:70px;}
.pg_top .logo{height: 70px; align-content:flex-start;}
.pg_top .logo a{height: auto;}
.pg_top .logo img{width: auto; height:auto;}
.pg_top .nav,.pg_top .top_zn{height: 70px; line-height: 70px;}
.pg_top .top_zn span{margin-top:27px;}

.pg_banner{width: 100%; height: 525px; background-repeat: no-repeat; background-position: center center; overflow: hidden;}
.pg_map{width: 100%; height: 60px; line-height: 60px; font-size: 14px; color: #525252; overflow: hidden;}
.pg_map a{color: #525252; overflow: hidden;}

.pg_proul{width: 100%; height: auto;}
.pg_proli{width: 583px; height: 236px; float: left; margin-bottom: 24px; overflow: hidden; transition: all .5s ease 0s; border: 1px solid #fff;}
.pg_prolia{width: 236px; height: 234px; border: 1px solid #e8e8e8; float: left; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden; transition: all .5s ease 0s;}
.pg_prolib{width: 320px; height: 234px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; overflow: hidden; float: right; text-align:left; line-height: 1;}
.pg_prolib h2{font-size: 16px; font-weight:bold; color: #525252; width: 100%; margin-bottom: 10px;}
.pg_prolib div{width: 100%; font-size: 14px; line-height: 28px; color: #747474;}
.pg_prolib div p:before{content: ""; width: 4px; height: 4px; background: #9e9e9e; display: inline-block; vertical-align: middle; margin-right: 10px;}
.pg_proli:hover{border: 1px solid #e8e8e8;}
.pg_proli:hover .pg_prolia{border-color: #fff;}
.pg_proli:nth-child(2n){float: right;}

.pg_foot{width: 100%; height: auto; margin-top: 50px; padding-top: 30px; background: #2f2f2f; overflow: hidden;}
.pg_foot .in_center{padding-bottom: 30px;}
.pg_foota{width: 430px; float: left; background: url(../images/in4.png) left top no-repeat; padding-top: 70px; overflow: hidden;}
.pg_foota div{height: 60px; background: url(../images/in5.png) left center no-repeat; padding-left: 50px; font-size: 28px; color: #8b8b8b; line-height: 1; font-weight: bold; font-family: SourceHanSansSC Normal;}
.pg_footb{width:600px; height: auto; line-height: 1; float: left;}
.pg_footbli{width: 140px; height: auto; float: left; margin-right: 40px; font-size: 14px; line-height: 28px; overflow: hidden; position: relative;}
.pg_footbli a{color: #8b8b8b; display:block; transition: all .5s ease 0s;}
.pg_footbli a em{display: inline-block; vertical-align: middle; width: 4px; height: 4px; background: #8b8b8b; border-radius: 100%; margin-right: 10px;}
.pg_footbli a:hover{color: #fff;}
.pg_footbli:after{width: 0; height: 100%; border-left: 1px solid #1f1f1f; border-right: 1px solid #454545; content: ""; position: absolute; top: 0; right: 0;}
.pg_footbli a:first-child{color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.pg_footbli:last-child:after{display: none;}
.pg_footc{width: 120px; float: right; text-align: center; color: #8b8b8b;}

.s_protopimg{width: 560px; height: 560px; float: left; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden;}
.s_protoptxt{width: 600px; height: 100%; float: right; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start;}
.s_protoptxta{width: 100%; font-size: 20px; font-weight:bold; color: #333333; margin-bottom: 35px;}
.s_protoptxtb{width: 100%; font-size:14px; line-height: 30px; color: #777777;}

.s_prozj{width: 100%; height: auto; padding: 60px 0; background: #f6f6f6; overflow: hidden;}
.s_prozjli{width:20%; height: 125px; line-height: 1; float: left; overflow: hidden; text-align: center;}
.s_prozjli img{max-width: 96px; max-height: 87px;}
.s_prozjli p{font-size: 16px; margin-top: 20px;}
.s_prozjli:first-child{line-height: 125px; text-align: left; font-size: 20px; font-weight: bold;}

.s_protxt{padding: 60px 0;}
.s_title{font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 50px;}
.s_text{font-size: 14px; line-height: 30px; color: #777777;}


/*
.s_text table {
    width: 906px;
    margin: 0 auto;
}
.s_text table tr {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.s_text table td {
    text-align: left;
}
.s_text table tr td:nth-child(1),
.s_text table tr td:nth-child(3) {
    font-weight: bold;
    width: 80px;
}*/





.s_protj{width: 100%; height: auto; position: relative; overflow: hidden;}
.s_protjul{width: 1115px; height: auto; margin: 0 auto; overflow: hidden;}
.s_protjli{width: 255px; height: auto; float: left; margin-right: 32px; overflow: hidden;}
.s_protjli div{width: 255px; height: 255px; background: #ffffff; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden; transition: all .5s ease 0s;}
.s_protjli div img{max-width:95%; max-height: 95%;}
.s_protjli p{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #333333;}
.s_protjli:hover div{ box-shadow: 1px 1px 0px 5px #fff inset;}
.s_protjull,.s_protjulr{width: 32px; height: 255px; line-height: 255px; text-align: center; background: #f6f6f6; font-size: 30px; color: #16449c; position: absolute; top: 0; left: 0; cursor: pointer; transition: all .5s ease 0s;}
.s_protjulr{left:inherit; right: 0;}
.s_protjull:hover,.s_protjulr:hover{color: #fff;}
.s_protjull:hover:after,.s_protjulr:hover:after{width: 100%; height: 100%; top: 0; left: 0; background: #16449c; border-radius: 0;}

.pg_nav{width: 100%; height: auto; text-align: center; font-size: 16px; margin-bottom: 40px; overflow: hidden;}
.pg_nav a{ position: relative; padding-bottom: 10px; display: inline-block; vertical-align: top; margin-right: 30px; padding-right: 30px; transition: all .5s ease 0s;}
.pg_nav a:after{content:"/"; position: absolute; top: 0; right: 0;}
.pg_nav a span{width:0%; height: 1px; background: #224cac; display:block; transition: all .5s ease 0s;}
.pg_nav a:hover,.pg_nav .pg_nuw{color: #224cac;}
.pg_nav a:hover span,.pg_nav .pg_nuw span{width: 100%;}
.pg_nav a:last-child:after{display: none;}
.pg_nav a:last-child{margin-right: 0;}

.pg_caseli{width: 380px; height: auto; float: left; margin: 0 25px 50px 0; overflow: hidden; line-height: 1;}
.pg_caseliimg{width: 100%; height: calc(380px * .56);}
.pg_caseliimg img{border-radius: 10px;}
.pg_caseli h2{font-size: 16px; color: #525252; margin-top:15px;}
.pg_caseli p{font-size: 12px; line-height: 24px; color: #777777;}
.pg_caseli:hover h2{color: #224cac;}
.pg_caseli:nth-child(3n){margin-right: 0;}
.pg_caseli:nth-last-child(1),.pg_caseli:nth-last-child(2),.pg_caseli:nth-last-child(3){margin-bottom: 0;}

.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_dlzcli{width: 100%; height: auto;}
.pg_dlzclia{width: 557px; height: auto; float: right; overflow: hidden;}
.pg_dlzclib{width: 600px; height: auto; float: left; overflow: hidden; line-height: 1;}
.pg_dlzcliba{width: 100%; height: 80px; margin-bottom: 45px; overflow: hidden; line-height: 1;}
.pg_dlzcliba div{ display: inline-block; vertical-align: top; font-size: 72px; color: #224cac; font-weight: 200;}
.pg_dlzcliba div sup{font-size:50%; top: -1.2em;}
.pg_dlzcliba p{display: inline-block; vertical-align: top; margin-left: 25px;}
.pg_dlzcliba p em{display: block; font-style: normal; font-size: 20px;}
.pg_dlzcliba p span{font-size: 30px; color: #b8b8b8; font-weight: 200; text-transform: uppercase; display: block;}
.pg_dlzclibb{font-size: 14px; line-height: 30px; color: #525252;}
.pg_dlzclibb p{ position: relative; padding-left: 40px;}
.pg_dlzclibb p:after{content:""; display: block; width: 10px; height: 1px; background: #224cac; position: absolute; top: 15px; left: 0;}
.pg_dlzcli:nth-child(2){background: #f2f2f2;}
.pg_dlzcli:nth-child(2) .pg_dlzclia{float: left; width: 432px;}
.pg_dlzcli:nth-child(2) .pg_dlzclib{float: right; width: 710px; padding: 25px 25px 0 0;}
.pg_dlzcli:nth-child(2) .pg_dlzcliba{margin-bottom: 40px;}
.pg_dlzcli:nth-child(3) .pg_dlzcliba{margin-bottom: 40px;}

.s_jszc{width: 100%; height: auto; overflow:hidden;}
.s_jszcimg{width: 500px; height: auto; float: left;}
.s_jszctxt{width: 600px; height: auto; float: right;}
.s_jszctxt .s_title{margin-top: 25px;}
.s_jszctxt .s_jszctxta{background: url(../images/in6.png) left center no-repeat; font-size: 14px; line-height: 30px; color: #224cac; font-weight:bold; padding-left: 90px; margin-bottom: 25px;}
.s_jszctxt p{font-size: 16px; color: #333333;}
.s_jszctxt span{ color: #777777;}
.s_jszctxt span a{font-size: 16px; color: #224cac;}

.s_jszca{width: 100%; height: auto; overflow:hidden; background: #f2f2f2;}
.s_jszcaimg{width: 454px; height: auto; float: right; overflow: hidden;}
.s_jszcaa{width: 746px; height: auto; float: left; overflow: hidden; padding: 65px 0 0 25px;}
.s_jszcaa .s_title{margin-bottom:30px;}
.s_jszcaa p span{display: inline-block; vertical-align: top; width: 33%; height: auto; vertical-align: middle; font-size: 14px;}
.s_jszcaa p span i{margin-right: 10px;}

.s_jszcb{width: 565px; height: auto; float: left; overflow: hidden; line-height: 1;}
.s_jszcbimg{width: 303px; height: auto; float: left; margin-right: 15px;}
.s_jszcbtxt h2{line-height: 1; font-size: 20px; font-weight: bold; color: #333333; margin-bottom: 20px;}
.s_jszcbtxt p{font-size: 14px; line-height: 28px; color: #777777;}
.s_jszcb:nth-child(2){float: right;}

.s_gsjj{width: 100%; height: auto; overflow: hidden;}
.s_gsjjimg{width: 558px; height: auto; float: left; overflow: hidden;}
.s_gsjjtxt{width: 600px; height: auto; float:right; overflow: hidden; line-height: 1;}
.s_titlea{font-size: 20px; font-weight: bold; color: #333333; text-transform: uppercase; line-height: 1;}
.s_titlea p{font-size: 30px; font-weight: 200; color: #777777; margin: 10px 0;}
.s_titlea span{width: 33px; height: 4px; background: #224cac; display: block;}
.s_gsjjtxta{font-size: 14px; line-height: 24px; color: #777777; overflow: hidden; padding-top: 20px;}
.s_hhln{width: 100%; height: auto; background: #f3f3f3; overflow: hidden; padding: 0 0 0 35px;}
.s_hhln .s_titlea{float: left; margin-top: 35px;}
.s_hhlna{width: 520px; height: auto; float: right; overflow: hidden;}

.s_hhlnula{width: 100%; height: 30px; line-height: 30px; position: relative; margin: 35px 0 20px; font-size: 16px; font-weight:bold; color: #333333; overflow: hidden;}
.s_hhlnula span{background: #fff; padding-right: 25px; position: relative; z-index: 2;}
.s_hhlnula em{display: block; width: 100%; height: 1px; background: #e4e4e4; position: absolute; top: 50%; left: 0;}
.s_hhlnulb{font-size: 14px; line-height: 24px; color: #777777;}

.s_jjfa{width: 100%; height: auto; margin-bottom: 80px; overflow: hidden;}
.s_jjfaimg{width: 520px; height: auto; float: left; overflow: hidden;}
.s_jjfatxt{width: 615px; height: auto; float: right; font-size: 14px; line-height: 30px; color: #525252;}
.s_titleb{width: 100%; height: auto; text-align: center; font-size: 22px; color: #333333; font-weight: bold; margin-bottom: 60px;}
.s_sdgnli{width: 157px; height: 157px; border: 1px solid #d9d9d9; border-radius: 20px; overflow: hidden; float: left; margin: 0 103.5px 45px 0;}
.s_sdgnli:nth-child(5n){margin-right: 0;}

.s_faone{text-align: center;}
.s_faoneli{display: inline-block; vertical-align: top; width: 235px; height: auto; margin: 0 35px 35px; overflow: hidden;}
.s_faoneli div{width: 235px; height: 175px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden;}
.s_faoneli p{margin-top: 15px; font-size: 14px; text-align: center;}

.s_yycsli{width:580px; height: auto; float: left; margin-bottom: 40px; overflow: hidden;}
.s_yycslia{width: 330px; height: calc(330px * .75); float: left; overflow: hidden; margin-right: 20px;}
.s_yycslib h2{font-size: 16px; font-weight: bold;}
.s_yycslib div{font-size: 14px; line-height: 30px; color: #777777; margin-top:20px;}
.s_yycsli:nth-child(2n){float: right;}

.pg_videoli{width: 368px; height: auto; margin: 0 47px 30px 0; float: left;overflow: hidden;}
.pg_videoli div{width: 368px; height:276px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden; margin-bottom: 20px;}
.pg_videoli p{font-size: 16px; line-height: 1; color: #525252;}
.pg_videoli p span{display: block; font-size: 12px; color: #777777; margin-top: 15px;}
.pg_videoli:nth-child(3n){margin-right: 0;}

.s_video,.s_video img,.s_video video{width: calc(100vw * .4947); height: calc((100vw * .4947) * .7495); overflow: hidden; margin: 0 auto;}
.s_ssul{width: 100%; height: auto; text-align: center; overflow: hidden; padding: 45px 0 25px;}
.input_b{vertical-align: top; width: 610px; height: 42px; border: 1px solid #dddddd; border-right: none; padding: 0 10px; font-size: 14px; color: #333;}
.aniu_b{vertical-align: top; width: 140px; height: 42px; background: url(../images/in10.png) 30px center no-repeat #224cac; padding-left:35px; color: #fff; border: none; font-size: 16px; cursor: pointer;}

.s_tbl p{font-size: 16px; text-align: center; margin-bottom: 25px;}
.s_tbla{border: 1px solid #e0e0e0; border-right: none; border-bottom: none; text-align: center;}
.s_tbla th{height: 55px; font-size: 14px;}
.s_tbla td{height:40px; font-size: 14px;}
.s_tbla th,.s_tbla td{border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}

.pg_zzimgli{width: 33.33%; height: auto; margin: 0 0 20px 0; float: left; border-bottom: 1px solid #e0e0e0; padding:0 31px 20px 0; overflow: hidden;}
.pg_zzimgli div{width: 380px; height:285px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden; margin-bottom:10px; transition: all .6s ease 0s;}
.pg_zzimgli p{font-size: 16px; line-height: 1; color: #525252;}
.pg_zzimgli p span{display: block; font-size: 12px; color: #777777; margin-top: 15px;}
.pg_zzimgli:hover div{padding: 5px; border: 1px solid #e0e0e0;}

.s_contenta{width:600px; height: auto; padding-right: 100px; float: left;}
.s_contentb div{display: inline-block; vertical-align: top; margin-right: 35px; text-align: center;}
.s_contentb div p{display: block; width: 145px; height: 145px; border: 1px solid #e4e4e4; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden; }
.s_contentb div p img{max-width: 95%; max-height: 95%;}

.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 #bababa; margin-right: 24px; overflow: hidden; font-size: 30px; color: #bababa; 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;}

.t_al{text-align: left;}

/**/
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt40{margin-top: 40px;}
.mb100{margin-bottom: 100px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}

/*分页*/
.pg_fy{width: 100%; height: auto; text-align: center; line-height: 1; margin-top: 50px; overflow: hidden;}
.pg_fy a{display: inline-block; vertical-align: middle; color: #bababa; font-size: 34px; transition: all .6s ease 0s;}
.pg_fy span{font-size: 24px; color: #2f2f2f; font-weight: lighter; display: inline-block; vertical-align: middle;}
.pg_fy span em{color: #bababa; margin: 0 10px;}
.pg_fy a:hover,.pg_fy .pg_fnuw{color: #0b5cb7;}
.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;}
}