@import "animate.min.css";

@import "bootstrap.min.css";

@import "public.youacacia.min.css";

/*scrollbar*/

::-webkit-scrollbar{width:5px;height:5px;border:none;background:#0145a4!important}

::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#0145a4;border-radius:1px}

::-webkit-scrollbar-thumb:vertical{background-color:#0145a4;border-radius:0;border:none}

::-webkit-scrollbar-thumb:horizontal{background-color:#0145a4;border-radius:0;border:none}

::-webkit-scrollbar{width:5px;height:3px}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:#0145a4}

::-webkit-scrollbar-track-piece{background:#fff}

::-webkit-scrollbar-thumb:vertical{background-color:#0145a4;border-radius:5px}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#0145a4}

::-webkit-scrollbar-corner:vertical{background-color:#0145a4}

::-webkit-scrollbar-resizer:vertical{background-color:#0145a4}

/*define font*/

/*@font-face {

    font-family: 'SourceHanSansCN';

    src: url('../fonts/SourceHanSansCN-Regular.eot?t=1632557895843');

    src: url('../fonts/SourceHanSansCN-Regular.eot?t=1632557895843#iefix') format('embedded-opentype'),

    url('../fonts/SourceHanSansCN-Regular.woff2?t=1632557895843') format('woff2'),

    url('../fonts/SourceHanSansCN-Regular.woff?t=1632557895843') format('woff'),

    url('../fonts/SourceHanSansCN-Regular.ttf?t=1632557895843') format('truetype'),

    url('../fonts/SourceHanSansCN-Regular.svg?t=1632557895843#iconfont') format('svg');

}*/

@font-face {

  font-family: 'iconfont';  /* Project id 3145987 */

  src: url('//at.alicdn.com/t/font_3145987_8ix4hcxmh4k.eot?t=1648554073868'); /* IE9 */

  src: url('//at.alicdn.com/t/font_3145987_8ix4hcxmh4k.eot?t=1648554073868#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('//at.alicdn.com/t/font_3145987_8ix4hcxmh4k.woff2?t=1648554073868') format('woff2'),

       url('//at.alicdn.com/t/font_3145987_8ix4hcxmh4k.woff?t=1648554073868') format('woff'),

       url('//at.alicdn.com/t/font_3145987_8ix4hcxmh4k.ttf?t=1648554073868') format('truetype'),

       url('//at.alicdn.com/t/font_3145987_8ix4hcxmh4k.svg?t=1648554073868#iconfont') format('svg');

}

.yc-icon{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}

body{transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}

body.active{margin-left: -60%;width: 100%;height: 100%;overflow: hidden}

/*define public css*/

@media(min-width: 1400px){
	
    .container{width: 1400px;max-width:95%}

}

@media (min-width: 1180px) and (max-width: 1399px){
         .in-bank ul>li{width:1400px}
    .container{width: 1100px}

}

/*header*/

#header{position: fixed;left: 0;top: 0;z-index: 10;width: 100%;height: 100px;border-bottom: solid 1px rgba(255,255,255,.3);transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;}

.header-logo{width: 12.85%;background: url(../images/logo.png) no-repeat left center;background-size: auto 50px;margin-right: 3.5%;transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;}

.header-logo a{padding-left: 55px;font-family: 'Noto Sans SC';font-size: 30px;color: #fff;height: 100%;transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;text-indent: -99999em;}

.header-nav{display: flex;width: 64.285%;height: 100%;margin-right: 1%}

.header-nav li{flex: 1;text-align: center;font-size: 16px;}

.header-nav li a{line-height: 99px;color: #fff;display: block;transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;}

.header-nav li:hover a,.header-nav li.active a{background: #0145a4;color: #fff !important}

.header-search{line-height: 99px;position: relative;transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;}

.header-search:after{position: absolute;right: -20px;top:50%;width: 1px;height: 20px;background: #fff;opacity: .59;content: '';margin-top: -10px;}

.header-search i{font-size: 20px;color: #fff;line-height: 1;cursor: pointer;}

.header-tel{margin-left: 20px;line-height: 94px;transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;padding-left: 20px;margin-right: -10px;}

.header-tel i{font-size: 20px;color: #fff;line-height: 1}

.header-tel span{font-family: 'Noto Sans SC';font-size: 24px;color: #fff;font-weight: bold}

.header-button span,.header-button:after,.header-button:before{background: #fff;}

#header.active{background:rgba(1,69,164,.72);box-shadow: 0 0 10px rgba(0,0,0,.15);height: 80px}

#header.active .header-logo{/*background-size: auto 40px*/}

#header.active .header-logo a{color: #fff;font-size: 1.25vw;padding-left:40px}

#header.active .header-nav li a{line-height: 79px;}

#header.active .header-search{line-height: 78px;}

#header.active .header-search:after{background:#ddd}

#header.active .header-search i{color: #fff}

#header.active .header-tel{line-height: 78px}

#header.active .header-tel i,#header.active .header-tel span{color: #fff}

#header.active .header-button:before,#header.active .header-button:after,#header.active .header-button span{/*background: #000*/}

@media(max-width: 1440px){

	#header.active .header-logo{

		margin-right: 20px;

	}

	#header.active .header-logo a{

		font-size: 24px;

	}

	.header-tel span{

		font-size: 20px;
		white-space: nowrap;
		margin-right: -30px;
	}

}

@media screen and (max-width: 1200px) {

	.header-logo a{font-size:20px;}

	#header.active .header-logo a{font-size:20px;}

	.header-tel span{

		font-size: 14px;

	}

}

@media screen and (max-width: 1024px) {}

@media(max-width: 900px){

    #header{height: 70px;transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}

    .header-button{margin-top: 10px;}

    .header-logo{width: 55%;}

    .header-logo a span{width: 100%;text-align: left;font-size: 2rem}

    .header-search{line-height: 69px}

    .header-tel{line-height: 69px}

    .header-tel span{font-size: 1.8rem}

    #header.active.margin-left{margin-left: -60%}

    #header.active .header-logo{padding-left: 15px}

    #header.active{height: 70px;}

    #header.active .header-search,#header.active .header-tel{line-height: 68px;}

}

@media(max-width: 760px){

    #header{height: 50px;padding: 5px 0}

    #header .container{display: block;overflow: hidden}

    .header-logo{float: left;height: 40px;background-size: contain;padding-left: 40px;}

    .header-logo a{padding-left: 0;font-size: 4.615vw}

    .header-logo a span{font-size: 4.2vw}

    .header-button{margin-top: 0;right: 15px;top: 0;position: absolute}

    #header.active{height: 50px;}

        #header.active .header-logo{padding-left: 35px}

        #header.active .header-logo a{

	padding-left: 0

         }

          #header.active .header-logo span{

	font-size: 4.8vw

          }

}

/*search*/

.search-fix{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;opacity:0;visibility:hidden;transition:ease .5s;display: none}

.search-fix.active{opacity:1;visibility:inherit;display: block}

.search-fix .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}

.search-fix .search-content{background:#fff;width:80%;padding:200px 15px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}

.search-fix .btnOff{position:absolute;right:15px;top:15px;cursor:pointer;font-size:22px}

.search-fix .item{max-width:1000px;margin:0 auto}

.search-fix .p{font-size:25px;text-align:center;margin-bottom:8%}

.search-fix .title{border-bottom:solid 1px #d8d8d8;font-size:20px;padding:15px 5% 15px 2.5%;color:grey;border-top:0;border-left:0;border-right:0;display:inline-block;width:calc(100% - 60px);vertical-align:middle;outline: none}

.search-fix .btnSubmit{display:inline-block;vertical-align:middle;width:54px;height:54px;text-align:center;line-height:54px;font-size:30px;cursor:pointer;font-weight:100;transition:ease .5s}

/*phone nav*/

#navigation{right: -100%;top:0;height: 100%;background: #fff;z-index: 10;width:60%;box-shadow: 0 0 5px rgba(0,0,0,.2);transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}

.nav-search{margin-bottom: 20px;border-bottom: solid 1px #f2f2f2;padding:10px 20px}

.nav-search-item{width: 100%;border: solid 1px #ddd;border-radius: 5px;height: 30px;overflow: hidden}

.nav-search-item i{font-size: 14px;color: #333;line-height: 30px;width: 30px;text-align: center;float: left}

.nav-search-item input{width: calc(100% - 30px);outline: none;border: none;height: 28px;line-height: 28px;font-size: 1.3rem;color: #333}

.navigation-container{padding: 0 20px;}

.nav-info-title{font-size: 1.3rem;opacity: .5;margin-bottom: 10px;}

.navigation-item{border-bottom: solid 1px #f2f2f2;position: relative;}

.navigation-item>a{display: block;line-height: 40px;font-size: 1.4rem;color: #333;}

.navigation-item i.yc-icon{position: absolute;right: 0;top: 0;line-height: 40px;font-size: 2rem;width: 30px;text-align: center}

.navigation-menu-button{padding-left: 15px;display: none}

.navigation-menu-button a{display: block;border-bottom:solid 1px #f2f2f2;font-size: 1.2rem;color: #999;line-height: 26px;padding: 5px 0}

.navigation-menu-button a:last-child{border: none;}

.navigation-menu-button a:hover{color: #0145a4}

.navigation-item.active>a{color: #0145a4}

.navigation-item i.yc-icon.active{transform: rotate(-180deg)}

#navigation.active{right: 0}

/*banner*/

.swiper-banner{

	height: 76vh;

	overflow: hidden

}

.swiper-banner .swiper-slide{

	position: relative

}

.video-slide{

	height: 100%;

	position: relative;

	min-height: 410px;

	overflow: hidden

}

.video-slide video{

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    min-height: 410px;

	-o-object-fit: cover;

    object-fit: cover;

    -o-object-position: 50% 60%;

    object-position: 50% 60%;

}

.swiper-banner .swiper-slide img{

	display: block;

	width: 100%;

	height: 100%;

            object-fit: cover;

}
.swiper-banner .text-center{margin:0}
.video-slide:after{

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: rgba(0,0,0,.15)

}

#banner .banner-pagination{bottom: 50px;}

.banner-pagination span{width: 14px;height:14px;background: #fff;opacity: 1;border-radius: 7px;transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;}

.banner-pagination span.swiper-pagination-bullet-active{width: 60px;background: #003f98}

@media(max-width: 760px){

	.swiper-banner{

		height: 42vh;

	}

	.video-slide{

		min-height: auto;

	}

	.video-slide video{

		min-height: 40vh

	}

    #banner .banner-pagination{bottom: 10px}

    .banner-pagination span{width: 10px;height: 10px;}

    .banner-pagination span.swiper-pagination-bullet-active{width: 20px;}

}

/*main*/

#main{transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}
.text-center{font-size:20px;font-weight:600;}

.home-title-cn{font-size: 60px;color: #0056e0;opacity: .1;letter-spacing: 2px;;text-transform: uppercase;font-weight: bold;line-height: 1;}

.home-title{font-size: 40px;color: #333333;font-weight: bold;line-height: 1;margin-top: -40px;}

.home-subtitle{font-size: 16px;color: #777;margin-top: 10px;}

.home-more-item{width: 180px;height: 40px;border: solid 1px #0145a4;border-radius: 20px;background: #0145a4;color: #fff;text-align: center}

.home-more-item span{font-size: 14px;display: inline-block;line-height: 20px;}

.home-more-item i{margin-left: 25px;font-size: 12px;line-height: 20px;float: right}

.home-more-item:hover{color: #0145a4;background: #fff}

.home-more.text-center .home-more-item{margin: auto}
.Honors .container {background: #fff;padding: 35px 35px 50px;position: relative;z-index: 3;}

@media(max-width: 1180px){

    .home-title-cn{font-size: 50px;}

    .home-title{font-size: 40px;}

}

@media (max-width: 900px) {

    #main.active{margin-left: -60%}

    .home-title-cn{font-size: 4rem;}

    .home-title{font-size: 3rem;margin-top: -20px;}

}

@media(max-width: 760px){

    .home-title-cn{font-size: 2rem}

    .home-title{font-size: 2rem;margin-top: -15px}

    .home-subtitle{font-size: 1.2rem;line-height: 2}

    .home-more-item{width: 120px;height: 34px;margin: auto}

    .home-more-item span{font-size: 1.2rem}

    .home-more-item span i{margin-left: 5px;}

	.case-img{

		height: 164px;

	}

}

/*about*/

.about{background: url(../images/backg_1.png) no-repeat bottom -170px center;padding: 65px 0 80px}

.about-box{margin-top: 40px;}

.about-left{width:652px;max-width: 46.57%;padding: 30px 0 0 30px;position: relative}

.about-left:before{position: absolute;left: 0;top: 0;width: calc(100% - 30px);height: calc(100% - 30px);background: #d5e3f8;content: ''}

.about-left img{position: relative;z-index: 1}

.about-right{width: calc(100% - 652px);max-width: 53.43%;padding-left: 50px;}

.about-title{font-size: 30px;color: #454545;margin-bottom: 15px;}

.about-subtitle{font-size: 20px;color: #0145a4;padding-left: 70px;font-weight: bold;position: relative;margin-bottom: 40px;}

.about-subtitle:before{position: absolute;left: 0;top: 50%;width: 65px;height: 2px;background: #0145a4;margin-top: -1px;content: ''}

.about-summary{font-size: 14px;color: #454545;line-height: 26px;margin-bottom: 40px;}

.about-list{margin-top: 55px;position: relative;display: flex}

.about-list:before{position: absolute;left: 0;top: 1px;width: 100%;height: 1px;background: #0145a4;content: '';opacity: .54;}

.about-item {flex: 1;padding-top: 30px;position: relative;line-height: 30px;text-align: center}

.about-item:before{position: absolute;left: 50%;top: 0;width: 0;height: 3px;background: #0145a4;content: '';transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%)}

.about-item a{display:inline-block;overflow: hidden}

.about-item i{font-size: 24px;color: #0145a4;margin-right: 10px;float: left}

.about-item span{font-size: 18px;color: #0145a4}

.about-item:hover:before{width: 100%;transition: ease-in .3s;-webkit-transition: ease-in .3s;;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;}

@media(max-width: 1180px){

    .about-right{width:53.43% }

    .about-title{font-size: 24px;}

    .about-subtitle{padding-left: 40px;font-size: 16px;margin-bottom: 20px;}

    .about-subtitle:before{width: 30px}

    .about-summary{margin-bottom: 30px;-webkit-line-clamp:4}

    .about-list{margin-top: 30px}

}

@media(max-width: 900px){

    .about-item i{margin-right: 0;display: block;width: 100%}

    .about-item span{font-size: 1.4rem}

}

@media(max-width: 760px){

    .about{padding: 40px 0;background-size: contain;background-position: bottom -20px center}

    .about-box{margin-top: 30px;}

    .about-left{width: 100%;max-width: 100%;margin-bottom: 30px;padding: 0}

    .about-right{width: 100%;max-width: 100%;padding-left: 0}

    .about-title{font-size: 1.6rem;text-align: center;margin-bottom: 10px;}

    .about-subtitle{padding-left: 0;font-size: 1.4rem;padding-bottom: 15px;text-align: center}

    .about-subtitle:before{left: 50%;bottom: 0;margin-left: -15px;top: auto}

    .about-summary{font-size: 1.2rem;line-height: 2;-webkit-line-clamp:6}

    .about-list:before{display: none}

    .about-list{padding: 5px}

    .about-item{height: 60px;background: rgba(255,255,255,.9);box-shadow: 0 0 5px rgba(0,0,0,.1);margin-right: 5px;padding: 10px 0;border-radius: 5px}

    .about-item:last-child{margin-right: 0}

    .about-item i{font-size: 2rem;line-height: 1}

    .about-item span{font-size: 1.3rem}

}

/*product*/

.product{background-color: #c6ddff;padding: 55px 0 110px;background-repeat: no-repeat;background-position:bottom center ;background-size: auto 526px;}

.product-box{margin-top: 40px;position: relative}

.product-next,.product-prev{bottom: 85px;top: auto;}

.product-prev:after,.product-next:after{font-size: 26px;color: #fff}

.product-prev{left: -50px}

.product-next{right: -50px;}

.swiper-product{padding-top: 230px;}

.product-show{height: 200px;background: rgba(0,63,152,.4);border-right: solid 1px rgba(255,255,255,.2)}

.product-avatar{display: block;width: 95px;height: 95px;border-radius: 50%;background-color: #fff;background-size: contain;background-repeat: no-repeat;background-position: center;margin-bottom: 20px;}

.product-show .product-title{font-size: 18px;color: #fff}

.product-img{left: 0;top: -180px;height: 230px;background: #fff;overflow: hidden;width: 100%;visibility: hidden;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease}

.product-img img{max-height: 100%}

.product-text{left: 0;bottom: -150px;width: 100%;height: 100%;background: #0145a4;padding: 30px;visibility: hidden;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease}

.product-text .product-title{font-size: 18px;color: #fff;}

.product-text .product-title:after{display: block;width: 36px;height: 2px;background: #fff;content: '';margin:15px auto }

.product-summary{font-size: 16px;color: #fff;line-height: 2;text-align: center}

.swiper-product ul li:hover .product-img{top: -230px;visibility: visible;opacity: 1;}

.swiper-product ul li:hover .product-text{bottom: 0;visibility: visible;opacity: 1;}

@media(max-width: 1180px){

    .product-avatar{width: 80px;height: 80px}

    .product-show .product-title{font-size: 16px;}

    .product-text .product-title{font-size: 16px;}

    .product-summary{font-size: 14px;line-height: 2}

    .product-img{height: 170px}

    .swiper-product ul li:hover .product-img{top: -170px}

    .product-prev{left: -30px}

    .product-next{right: -30px}

}

@media(max-width: 760px){

    .product{padding: 50px 0;background-size: contain}

    .swiper-product{padding-top: 120px}

    .product-prev,.product-next{display: none}
    .product-show{height: 140px;}

    .product-avatar{width: 60px;height: 60px;margin-bottom: 10px;}

    .product-show .product-title{font-size: 1.4rem}

    .product-text{padding: 15px;}

    .product-text .product-title{font-size: 1.4rem}

    .product-text .product-title:after{margin: 10px auto}

    .product-summary{font-size: 1.2rem;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2}

}



/* law & people*/

		* {

			margin: 0;

			padding: 0;

		}



		ul,

		li {

			list-style: none;

		}



		a {

			text-decoration: none;

			color: #000;

		}



		.list-box {

			width: 100%;

			margin: 0 auto;

			position: relative;

			padding-bottom: 80px;

			display: table;

		}



		.in-news {

			margin-bottom: 50px;

		}



		.in-news ul>li {

			overflow: hidden;

			border-bottom: 1px solid #ddd;

		}



		.in-news ul>li a {

			display: flex;

			overflow: hidden;

			padding: 25px 0;

		}



		.in-news ul>li a .in-news-article {

			width: 88%;

			float: left;

			vertical-align: top;

			padding-right: 3%;

			border-right: 1px solid #ddd;

			box-sizing: border-box;

		}


		.in-news ul>li a .in-news-article h4 {

			font-size: 18px;

			color: #000;

			margin: 15px 0;

			overflow: hidden;

			text-overflow: ellipsis;

			-webkit-line-clamp: 1;

		}



		.in-news ul>li a .in-news-article p {

			font-size: 13px;

			color: #999;

			overflow: hidden;

			text-overflow: ellipsis;

			-webkit-line-clamp: 3;

		}



		.in-news ul>li a .in-news-time {

			float: left;

			padding-left: 4%;

			text-align: center;

		}



		.in-news ul>li a .in-news-time p {

			font-family: 'ArialMT', 'Arial';

			font-size: 34px;

			color: rgba(23,90,181,1);

			background-color: #f1f1f1;

			padding: 10px 20px;

		}



		.in-news ul>li a .in-news-time span {

			display: block;

			font-size: 16px;

			background: rgba(23,90,181,1);

			color: #fff;

			padding: 7px 13px;

		}
		.callour{
			font-size: 14px;

			padding:30px 0;

			color:#000;

		}

		.callour a{

			text-decoration: underline;

			pointer-events:none 
		}

		.callour p{

			padding:5px 0;

		}


.text-center a:nth-child(1){
      
}
.text-center .active{
	font-size:500px;
	color:#ff0;
}
.text-center a:hover{
	color:rgba(25,91,183,1)
}

.list-bank {
	width: 100%;
	margin: 30px auto;
	position: relative;
	padding-bottom: 80px;
	display: table;
}
.in-bank ul>li {
    width: 80%;
    margin: 0 auto;
        overflow: hidden;
        border: 1px solid #ddd;
}
.in-bank ul>li a {
	display: block;
	overflow: hidden;
	padding: 25px 0;
    	pointer-events: none;
}
.in-bank-article img {
  padding: 0 15px;
  max-width: 60%;
  height: auto;
  object-fit: contain;
}

.in-bank ul > li a {
  display: flex;
  overflow: hidden;
  padding: 25px 0;
}

.in-bank ul > li a .in-bank-article {
  display: flex;
  align-items: center;
  width: 88%;
  float: left;
  vertical-align: top;
  padding-right: 3%;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
}

.in-bank ul > li a .in-bank-article p {
  top: 0;
  left: 55%;
  font-size: 15px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  position: absolute;
}

.in-bank ul > li a .in-bank-time {
  float: left;
  text-align: center;
}

.in-bank ul > li a .in-bank-time p {
  font-family: "ArialMT", "Arial";
  font-size: 34px;
  color: rgba(25, 91, 183, 1);
  background-color: #f1f1f1;
  padding: 10px 20px;
}

.in-bank ul > li a .in-bank-time span {
  display: block;
  font-size: 16px;
  background: rgba(25, 91, 183, 1);
  color: #fff;
  padding: 7px 13px;
}
/*team*/

img {
  display: block;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}

.in_pics {
  padding: 35px 0;
}

.in_pics ul {
  overflow: hidden;
}

.in_pics ul li {
  width: 25%;
  float: left;
  background: #fff;
  margin-bottom: 40px;
}

.in_pics ul li:hover .des_info {
  background: rgba(23, 90, 181, 1);

  transition: ease-in 0.4s;
}
.in_pics ul li:hover .des_info span {
  background: rgba(255, 255, 255, 1);
  transition: ease-in 0.4s;
}

.in_pics ul li:hover .des_info h4 {
  color: rgba(255, 255, 255, 1);
  transition: ease-in 0.4s;
}
.in_pics ul li a > span {
  display: block;
  width: 260px;
  margin: 0 auto;
  overflow: hidden;
}

.in_pics ul li a div span {
  width: 48px;
  height: 3px;
  background: rgba(23, 90, 181, 1);
  display: inline-block;
  margin: 10px 0;
}

.in_pics ul li a div {
  background-color: #fff;
  width: 260px;
  margin: 0 auto;
  padding: 20px 15px;
  box-sizing: border-box;
  position: relative;
  background: #ddd;
  text-align: center;
}

.in_pics ul li a div h4 {
  color: #000;
  font-size: 18px;
  text-align: center;
}




/*case*/

.case{padding:70px 0;position: relative;}

.case:after{background: url(../images/backg_2.png) no-repeat bottom center;position: absolute;bottom: 0;bottom: -160px;width: 100%;height: 884px;content: ''}

.case .container{position: relative;z-index: 2}

.case-list{margin: 45px -20px 0}

.case-item{padding: 0 20px;margin-bottom: 40px;}

.case-item a{display: block;overflow: hidden}

.case-img{width: 100%;height: 266px;position: relative;overflow: hidden}

.case-img img{

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	/*transform: translateY(-70px);-webkit-transform: translateY(-70px);-moz-transform: translateY(-70px);-ms-transform: translateY(-70px);*/transition: all .3s ease;-webkit-transition: all .3s ease;-moztransition: all .3s ease;-ms-transition: all .3s ease}

.case-img .case-title{position: absolute;left: 0;bottom: 0;width: 100%;font-size: 18px;color: #fff;background:#0049af;height: 70px;line-height: 70px;transition: all .3s ease;-webkit-transition: all .3s ease;-moztransition: all .3s ease;-ms-transition: all .3s ease}

.case-text{left: 0;top:-150%;width: 100%;height: 100%;background: rgba(1,69,164,.66);padding: 0 13.6%;transition: all .3s ease;-webkit-transition: all .3s ease;-moztransition: all .3s ease;-ms-transition: all .3s ease}

.case-text .case-title{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 20px;}

.case-summary{color: #fff;font-size: 14px;line-height: 2;text-align: center;margin-bottom: 30px;}

.case-more{display: block;width: 158px;height: 40px;background: #fff;border-radius: 20px;font-size: 16px;color: #0145a4;line-height:38px;text-align: center;margin:0 auto;border:solid 1px #fff}

.case-more:hover{background: #0145a4;color: #fff}

.case-item:hover .case-img img{transform: translateY(0) scale(1.1);-webkit-transform: translateY(0) scale(1.1);-moz-transform: translateY(0) scale(1.1);-ms-transform: translateY(0) scale(1.1)}

.case-item:hover .case-img .case-title{bottom: -70px}

.case-item:hover .case-text{top: 0}

@media(max-width: 1180px){

    .case-img .case-title{font-size: 16px;}

}

@media(max-width: 900px){

    .case-list{margin-left: -10px;margin-right: -10px;}

    .case-item{padding: 0 10px;margin-bottom: 20px;}

    .case-img img{transform: translateY(-40px);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);}

    .case-img .case-title{height: 40px;line-height: 40px}

}

@media(max-width: 760px){

    .case{padding: 50px 0}

    .case:after{background-size: contain;height: 300px;bottom: -50px}

    .case-list{margin-left: -5px;margin-right: -5px;margin-bottom: 30px;}

    .case-item{padding: 0 5px;margin-bottom: 10px;}

    .case-img .case-title{font-size: 1.4rem}

    .case-text{display: none}

}

/*news*/

.news{background: url(../images/backg_4.png) no-repeat bottom center;padding: 80px 0;background-size: cover}

.news .container{background: #fff;padding: 35px 35px 50px;position: relative;z-index: 3}

.news-channel{border-bottom: solid 1px #dedede;padding-bottom: 25px;margin-bottom: 35px;line-height: 40px;}

.news-channel-title{font-size: 36px;color: #333;font-weight: bold}

.news-channel-title span{font-size: 16px;color: #777777;font-weight: normal;text-transform: uppercase;}

.news-nav a{width: 115px;height: 40px;border: solid 1px #dedede;border-radius: 4px;margin-left: 15px;display: block;text-align: center;float: left;line-height: 38px;font-size: 16px;color: #828282}

.news-nav a.active{border-color: #0145a4;background: #0145a4;color: #fff;}

.news-container{margin-bottom: 40px;}

.news-container .swiper-container ul li{padding-bottom: 20px;}

.news-container .swiper-container ul li:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #eae9e5;content: ''}

.news-container .swiper-container ul li:after{position: absolute;left: 0;bottom: 0;width: 0px;height: 2px;background: #0145a4;content:'';transition: all .3s ease;-webkit-transition: all .3s ease;-moztransition: all .3s ease;-ms-transition: all .3s ease}

.news-img{display: block;overflow: hidden;width: 100%;height: 280px;}

.news-img img{display: block;width: 100%;height: 100%;object-fit: cover; transition: all .3s ease;-webkit-transition: all .3s ease;-moztransition: all .3s ease;-ms-transition: all .3s ease}

.news-text{padding-top: 20px;}

.news-title{font-size: 16px;color: #777}

.news-summary{font-size: 14px;line-height: 2;margin: 5px auto}

.news-time{font-size: 14px;}

.news-container .swiper-container ul li:hover:after{width: 100%}

.news-container .swiper-container ul li:hover .news-title{color: #0145a4}

.news-container .swiper-container ul li:hover .news-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}

@media(max-width: 760px){

    .news{padding: 50px 10px}

    .news .container{padding: 20px 10px;}

    .news-channel-title{width: 100%;text-align: center;font-size: 2rem}

    .news-channel-title span{display: block;font-size: 1.4rem;margin-left: 0;margin-top: 10px;}

    .news-nav{width: 100%;margin-top: 20px;text-align: center}

    .news-nav a{float: none;display: inline-block;width: 90px;height: 30px;line-height: 28px;font-size: 1.4rem}

    .news-container{margin-bottom: 20px;}

    .news-title{font-size: 1.4rem}

    .news-summary,.news-time{font-size: 1.2rem}
        .news-container .swiper-container ul li{width:100% }

}

/*footer*/

.footer-top{position: relative;padding: 55px 0 40px;}

.footer-top:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,73,175,.9);content: ''}

.footer-top .container{position: relative;z-index: 2;display: flex;}

.footer-left{flex: 1;}

.footer-nav{margin-bottom: 30px;}

.footer-nav a{font-size: 16px;color: #fff;position: relative;padding-right: 25px;margin-top: 15px;line-height: 1;white-space:nowrap;display: inline-block;}

.footer-nav a:after{position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: rgba(255,255,255,.16);content: '';margin-top: -8px}



.footer-nav a:last-child:after{display: none}

.footer-contact{display: flex;}

.footer-contact{display: flex;font-size: 14px;color: #fff;line-height: 2;opacity: .8}

.footer-contact a{color: #fff;}

.footer-contact p{flex: 1}

.footer-right{flex: 1;max-width: 35.15%;display: flex;}

.footer-code {flex: 1;max-width: 35%;color: #fff;}

.footer-code p{font-size: 14px;margin-top: 10px;}

.footer-copy{background: #0145a4;padding: 30px 0;font-size: 14px;color: #fff;position: relative}

.footer-copy span{}

.footer-copy a{color: #fff;padding-right:10px}
.footer-copy a img{display:inline}

.footer-goTop{position:absolute;cursor:pointer;top: -48px;width: 148px;height: 48px;background: url(../images/copyright.png) no-repeat center;margin-left: -74px;left: 50%}

.footer-goTop::before{border-left:1px solid #fff;border-top:1px solid #fff;width:14px;height:14px;position:absolute;top:18px;left:50%;transform:rotate(45deg);content:'';animation:slowmove 2s infinite;margin-left: -7px;}

.footer-goTop:after{border-left:1px solid #fff;border-top:1px solid #fff;width:10px;height:10px;position:absolute;transform:rotate(45deg);content:'';left: 50%;bottom: 10px;margin-left: -5px;opacity: .5}

@-ms-keyframes slowmove{0%{top:18px}

    50%{top:12px}

    100%{top:18px}

}

@-webkit-keyframes slowmove{0%{top:18px}

    50%{top:12px}

    100%{top:18px}

}

@keyframes slowmove{0%{top:18px}

    50%{top:12px}

    100%{top:18px}

}

@-moz-keyframes slowmove{0%{top:18px}

    50%{top:12px}

    100%{top:18px}

}

@media(max-width: 900px){

    .footer-nav a{padding-right:10px;display: inline-block}

}

@media(max-width: 760px){

    #footer{margin-bottom: 60px;}

    .footer-top{padding: 30px 0 40px}

    .footer-top .container{display: block}

    .footer-left{width: 100%;padding-bottom: 30px;margin-bottom: 30px;}

    .footer-nav{display: none}

    .footer-contact{display: block;text-align: center;font-size: 1.2rem}

    .footer-right{width: 100%;max-width: 100%;display: block;text-align: center;padding-bottom:20px}

    .footer-code{display: inline-block;max-width: 30%;}
        .footer-code p{font-size:10px}

    .footer-code:first-child{margin-left: 0}

    .footer-copy{padding: 20px 0;font-size: 1.2rem}

}

/*right-fixed*/

#right-fixed{right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 10;box-shadow: 0 0 10px rgba(0,0,0,.17);border-radius: 6px}

.right-fixed-item{width: 70px;height: 74px;background: #fff;padding: 0 10px;}

.right-fixed-logo{border-radius: 6px 6px 0 0;overflow: hidden;background: #0145a4;height: 70px;}

.right-fixed-item:last-child{border-radius:0 0 6px 6px;overflow: hidden;}

.right-fixed-block{height: 100%;cursor: pointer;position: relative;z-index: 3;border-bottom: solid 1px #dedede}

.right-fixed-block i{font-size: 24px;color: #727272;line-height: 1.2}

.right-fixed-block span{color: #999999;font-size: 12px;}

.right-fixed-item:last-child .right-fixed-block{border:none}

.right-fixed-code{right: -130%;width: 130px;top: 0;visibility: hidden;opacity: 0;display: none;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;z-index: 1;background: #fff;}

.right-fixed-contact{right: -250px;background: #fff;top: 0;width: 180px;padding:0 15px;text-align: left;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;z-index: 1;box-shadow: 0 0 5px rgba(0,0,0,.2)}

.right-fixed-contact-text dt{font-size: 12px;color: #333;margin-bottom: 0;line-height: 20px;padding-top: 10px}

.right-fixed-contact-text dd{border-bottom: solid 1px #f2f2f2;font-size: 14px;color: #333;line-height: 24px;padding-bottom: 10px;}

.right-fixed-contact-text dd:last-child{border-bottom: none}

.right-fixed-item:hover{color: #0145a4}

.right-fixed-item:hover i,.right-fixed-item:hover span{color: #0145a4}

.right-fixed-item:hover .right-fixed-code{display: block;visibility: visible;opacity: 1;right: 75px}

.right-fixed-item:hover .right-fixed-contact{right: 75px}

@media(max-width: 760px){

    #right-fixed{bottom: 10%;top: auto;display: none}

    .right-fixed-item{width: 30px;height: 30px;}

    .right-fixed-block i{font-size: 1.4rem}

    .right-fixed-block span{display: none}

    .right-fixed-code{width: 200px;}

    .right-fixed-contact{padding: 10px;width:210px;top: auto;bottom: 0}

    .right-fixed-contact dl dt{font-size: 1.2rem}

    .right-fixed-contact dl dd{line-height: 20px;}

    .right-fixed-item:hover .right-fixed-code{right: 30px}

    .right-fixed-item:hover .right-fixed-contact{right: 30px}

}

/*footer button*/

#footer-button{background: #0145a4;border-top-color: #003681;transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}

#footer-button a{border-right-color: #003681;border-left-color: #296bc8}

#footer-button a:first-child{

	border-left: none

}

#footer-button.active{margin-left: -60%}

/*page banner*/

.page-banner-content{left: 0;top: 0;padding-top: 100px;}

.page-banner-title{font-size: 36px;color: #0145A4;font-weight: bold;line-height: 1}

.page-banner-title-en{font-size: 20px;text-transform: uppercase;color: rgba(1,69,164,.63);line-height: 1;margin-top: 20px;}

.page-banner-title-en:after{display: block;width: 50px;height: 5px;background: #0145A4;margin: 30px auto auto;content: ''}

@media(max-width: 900px){

    .page-banner-content{padding-top: 70px;}

    .page-banner-title{font-size: 2.5rem}

    .page-banner-title-en{font-size: 1.8rem}

}

@media(max-width: 760px){

    .page-banner-content{padding-top: 50px;}

    .page-banner-title{font-size: 2rem}

    .page-banner-title-en{font-size: 1.2rem;margin-top: 10px;}

    .page-banner-title-en:after{margin-top: 10px;height: 3px;}

}

/*page channel*/

.page-channel{position: relative}

.page-channelbg{

	position: absolute;

	left: 0;

	bottom: 0;

	background-color: #ebebeb;

	width: 100%;

	height: 70px;

}

.page-channel:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #e6e6e6;content: ''}

.page-channel .container{display: flex;height: 100%;padding-bottom: 1px;}

.page-channel-left{width: 50%;flex: 1;max-width: 72.43%;height: 100%}

.page-channel-left .swiper-channel{height: 100%;}

.page-location{flex: 1;width: 400px;max-width: 28.57%;text-align: right}

.swiper-channel ul li{float: left;width: auto;margin-right: 50px;text-align: center}

.swiper-channel ul li a{display: block;font-size: 16px;color: #666666;line-height: 70px;position: relative}

.swiper-channel ul li a:after{position:absolute;left: 50%;bottom: 0;width: 0;height: 3px;background: #0145a4;content: '';transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease}

.swiper-channel ul li.active a,.swiper-channel ul li:hover a,.swiper-channel ul li.swiper-slide-active a{color: #0145a4}

.swiper-channel ul li.active a:after,.swiper-channel ul li:hover a:after,.swiper-channel ul li.swiper-slide-active a:after{width: 100%}

@media (max-width: 760px) {

	.swiper-channel ul li{

		margin-right: 22px;

	}

    .page-channel .page-channelbg{display: none}

    .page-channel-left{width: 100%;max-width: 100%}

    .swiper-channel ul li a{font-size: 1.4rem;line-height: 45px}

}

/*page location*/

.page-location{line-height: 70px;font-size: 14px;color: #999999}

.page-location i{color: #0047ab;font-size: 16px;}

.page-location a{color: #999}

.page-location a:last-child{color: #0145a4}

@media(max-width: 760px){

    .page-location{display: none}

}

/*page*/

.page-title{font-size: 20px;color: #333}

.page-text{font-size: 14px;color: #666;line-height: 2}

.page-text img{max-width: 100% !important;height: auto;}

@media(max-width: 760px){

    .page-text{font-size: 1.3rem;color: #333}

}

/*page about*/

.page-about,.page-box{padding: 40px 0 90px;position: relative}

.page-about:after{background: url(../images/backg_6.png) no-repeat bottom center;position: absolute;bottom: 0;bottom: -220px;width: 100%;height: 884px;content: '';z-index: -1;}

.page-about .container{position: relative;z-index: 2}

.page-about-title{font-size: 30px;color: #454545;font-weight: bold;margin-bottom: 20px;}

.page-about-title span{color: #0145a4;font-size: 20px;margin-left: 10px;}

.page-about .page-text{color: #777777;line-height: 30px;}

.page-about-list{margin-top: 40px;display: flex;flex-wrap: wrap}

.page-about-item{flex: 1;text-align: center;position: relative}

.page-about-item:after{position:absolute;right: 0;top: 50%;width: 1px;height: 40px;background: #666;content: '';opacity: .13;margin-top: -20px}

.page-about-item:last-child:after{display: none}

.page-about-number{font-size: 30px;color: #0145a4;font-weight: bold;line-height: 1;margin-bottom: 15px;}

.page-about-number-title{font-size: 14px;color: #777777}

.page-video{margin-top: 60px;position: relative}

.page-video video{

	width: 100%;

	height: 650px;

	object-fit: fill

}

.page-video i{

	font-size: 100px;

	position: absolute;

    left: 50%;

    top: 50%;

	transform: translate(-50%,-50%);

	color: #fff;

	cursor: pointer

}

.page-path{background: rgba(213,234,255,.5);padding: 65px 0 85px}

.page-path-title{font-size: 40px;color: #262626;font-weight: bold;}

.page-path-container{margin-top: 40px;position: relative;}

.page-path-container:before{position: absolute;left: 0;top: 58px;width: 100%;height: 1px;background: #0145a4;content: ''}

.page-path-container .container{position: relative;}

.path-prev,.path-next{width: 35px;height: 35px;border-radius: 50%;background: #0145a4;color: #fff;font-size: 12px;text-align: center;top: 63px;z-index: 2}

.path-prev{left: 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}

.path-prev:after,.path-next:after{display: none}

.path-pagination{width: 100% !important;display: flex;position: initial;padding: 0 35px}

.path-pagination span{flex: 1;width: auto;height: auto;border-radius: 0;padding-bottom: 35px;background: transparent;font-size: 20px;color: #737373;opacity: 1;position: relative}

.path-pagination span:after{position: absolute;left:50%;bottom: 0;width: 13px;height: 13px;border-radius: 50%;border: solid 1px #0145a4;background: #fff;content: ''}

.path-pagination span.swiper-pagination-bullet-active{color: #0145a4}

.path-pagination span.swiper-pagination-bullet-active:after{background: #0145a4}

.path-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform: scale(1)}

.path-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform: scale(1)}

.swiper-path{margin-top: 50px;}

.page-path-summary{}

.page-path-summary{font-size: 20px;color: #454545;margin-bottom: 60px}

.page-path-img{text-align: center;}

.page-culture{/*background: url(../images/backg_5.jpg) no-repeat top center;*/padding-top: 45px;}

.page-culture-summary {padding: 170px 0 105px;font-size: 24px;color: #454545;text-align: center;background: url(../images/backg_7.png) no-repeat center 30px;}

.page-culture-summary span{color: #157ade}

.page-culture-list{display: flex;box-shadow: 0 3px 10px #e5e8eb}

.page-culture-item{flex: 1;padding: 0 30px;position: relative}

.page-culture-list li+li:after{

	content: '';

    width: 1px;

    height: 60%;

    background-color: #ebebeb;

    left: 0;

    top: 20%;

    position: absolute;

}

.page-culture-item span{display: block;width: 150px;height: 45px;border-radius: 22px;background:#0145A4;line-height: 45px;margin: 64px auto auto;font-size: 24px;color: #fff;letter-spacing: 3px;font-weight: bold;margin-bottom: 30px;}

.page-culture-item p{font-size: 22px;color: #454545;min-height: 60px;margin-bottom: 50px;}

@media(max-width: 1180px){

    .page-about:after{background-size: contain;bottom: -150px}

    .page-about-number{font-size: 20px}

    .page-path-title{font-size: 30px;}

    .page-culture-item p{font-size: 18px;}

	.page-video video{

		height: 300px

	}

	.page-video i{

		font-size: 68px

	}

}

@media(max-width: 900px){

    .page-about-title{font-size: 2.4rem}

    .page-about-title span{margin-left: 0;display: block;margin-top: 10px;}

    .page-path-container:before{top: 50px}

    .path-prev, .path-next{top: 54px}

    .path-pagination span{font-size: 1.5rem}

    .path-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.path-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{opacity: 0}

    .page-path-summary{font-size: 1.5rem}

    .page-culture-summary{font-size: 2rem}

    .page-culture-item span{font-size: 2rem}

    .page-culture-item p{font-size: 1.5rem}

}

@media (max-width: 760px) {

    .page-about{padding: 30px 0}

    .page-about:after{bottom: -55px}

    .page-about-title{font-size: 1.8rem}

    .page-about-title span{font-size: 1.4rem}

    .page-about-item{padding: 10px 5px;width: 33.33%;flex: auto;}

	.page-about-item:nth-child(1),.page-about-item:nth-child(2),.page-about-item:nth-child(3){

		padding-bottom: 10px;

		border-bottom: 1px solid rgba(102,102,102,0.13)

	}

    .page-about-item:after{height: 100%;margin-top: -40px}

	.page-about-item:nth-child(3):after{

		display: none;

	}

    .page-about-number{font-size: 1.2rem}

    .page-about-number span{display: block;margin-bottom: 5px;font-size: 1.6rem}

    .page-about-number-title{font-size: 1.2rem}

    .page-video{margin-top: 30px;}

	.page-video video{

		height: 282px

	}

	.page-video i{

		font-size: 60px

	}

    .page-path{padding: 40px 0}

    .page-path-title{font-size: 2rem}

    .path-pagination{padding: 0;display: block;text-align: center}

    .path-pagination span{flex: 1;width: 20%}

    .path-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{opacity:0;display: none}

    .path-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{opacity: 1;display: inline-block}

    .path-prev, .path-next{display:none;}

    .swiper-path{margin-top: 30px;}

    .page-path-summary{font-size: 1.3rem;margin-bottom: 0px}

    .page-culture{background:#fff;padding-top: 0px;}

    .page-culture-summary{margin-top: 0px;font-size: 1.4rem;line-height: 2;margin-bottom: 30px;padding-bottom: 0;padding-top: 106px;background-size: 40%}

    .page-culture-list{display: block;overflow: hidden;box-shadow: 0 0 5px rgba(0,0,0,.1);margin-bottom: 30px}

    .page-culture-item{width: 50%;float: left;padding: 20px 3%;border-right: solid 1px #ddd;border-bottom: solid 1px #ddd;}

    .page-culture-item:nth-child(2n){border-right: 0}

    .page-culture-item:last-child,.page-culture-item:nth-last-child(2){border-bottom: none}

    .page-culture-item span{margin-top: 0;height: 34px;line-height: 34px;width: 90px;font-size: 1.4rem;border-radius: 17px;margin-bottom: 15px;}

    .page-culture-item p{font-size: 1.2rem;min-height: 40px;margin-bottom: 0}

}

/* page honor */

.page-speek .left{

	width: 35%;

	float: left;

	height: 582px;

	overflow: hidden;

}

.page-speek .left img{

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.page-speek .right{

	width: 65%;

	float: left;

	background: url(../images/speech01_2.jpg) no-repeat center;

	height: 582px;

	overflow: hidden;

	background-size: cover;

}

.page-speek .right .box{
	font-size: 20px;
	padding: 50px 40px;
	font-size:800;

	color:#000;

	line-height: 40px;
}

.page-speek .right .box img{

	max-width: 100%;

}

.page-speek .right .box p{

	font-size: 14px;

	line-height: 1.6;

	color: #555;

	text-align: justify;

}

@media (max-width: 760px) {

	.page-speek .left{

		width: 100%;

		height: auto;

		float: none;

	}

	.page-speek .right{

		width: 100%;

		height: auto;

		float: none;

	}

	.page-speek .right .box{

		padding: 35px 25px;

		overflow: hidden;

	}

}

/* page honor */

.honor-list li{

	width: 23.5%;

	margin-right: 1.5%;

	float: left;

}

.honor-list li a{

	display: block;

}

.honor-list li .img_box .pd{

	padding: 26px;

	background-color: #e8e8e8;

	position: relative;

	overflow: hidden;

}

.honor-list li .img_box .pd .rect-75{

	position: relative;

	display: block;

	width: 100%;

	height: 0;

	padding-bottom: 75%;

	overflow: hidden;

}

.honor-list li .img_box .pd .rect-75 img{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	*height: auto;

}

.honor-list .tit_box{

	padding: 30px 20px;

	background-color: #ababab;

	transition: all 0.5s ease;

}

.honor-list .tit_box .tit{

	line-height: 1;

	font-size: 16px;

	color: #fff;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.honor-list li .img_box .pd .mask{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	height: 100%;

	background: url(../images/honor_bg.png) center;

	background-size: cover;

	transition: all 0.5s ease;

}

.honor-list li .img_box .pd .mask .icon{

	position: absolute;

	left: 50%;

	margin-left: -42px;

	top: 50%;

	margin-top: -42px;

	width: 84px;

	height: 84px;

	background: url(../images/honoe01_2.png) no-repeat center;

}

.honor-list li:hover .img_box .pd .mask{

	top: 0;

}

.honor-list li:hover .tit_box{

	background-color: #013082;

}

@media (max-width: 760px) {

	.honor-list li{

		width: 100%;

		margin-bottom: 20px;

		margin-right: 0;

	}

}

/* page product list */

.page-product-list{margin: auto -6px 30px;}

.page-product-list li{width:25%;float: left; padding: 0 6px;margin-bottom: 18px;}

.page-product-item{background-color: #fff; height: 342px;padding: 25px;position: relative; overflow: hidden}

.page-product-img{width: 100%;height: 100%;}

.page-product-img a{display: block;width: 100%;height: 100%}

.page-product-img img{max-height: 100%;margin: auto}

.page-product-text{width: 100%; position: absolute; left: 0;bottom: -100%;background: rgba(1,69,164,.73);padding:20px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;}

.page-product-text a{display: block;width: 100%;}

.page-product-text h3{font-size: 18px;font-weight: bold;margin-bottom: 15px;}

.page-product-text .page-product-summary{font-size: 14px;color: #fff;line-height: 24px;margin-bottom: 15px;}

.page-product-text .home-more{border-bottom: solid 1px #fff;width: 100%;font-size: 14px;color: #fff;position: relative;line-height: 34px;}

.page-product-text .home-more:before{position: absolute;left: 0;top: 0;height: 100%;width: 0px;background: #fff;content: '';transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}

.page-product-text .home-more .home-product-more{display: block;padding: 0;z-index: 2}

.page-product-text .home-more i{font-style: normal;}

.page-product-text .home-more:hover{font-weight: bold;}

.page-product-list li:hover .page-product-item{box-shadow: 0 0 10px rgba(0,0,0,.1)}

.page-product-list li:hover .page-product-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}

.page-product-list li:hover .page-product-text{bottom: 0;}

.page-product-list li .home-more:hover:before{width: 100%}

.page-product-list li .home-more:hover{color: #0145a4;padding: 0 10px;}

.page-product-list li .home-more .page-product-more{

	position: relative;

}

/* page product details */

.page-product-top{margin-top: 30px;display: flex;margin-bottom: 60px;}

.page-product-left{flex: 1;max-width: 46%}

.swiper-product-top{background: #fff;margin-bottom: 15px;height: 336px;}

.page-product-top-img{height: 100%;overflow: hidden;padding: 15px;}

.page-product-top-img img{max-height: 100%;}

.swiper-product-bottom ul li{background: #fff;height: 150px;border: solid 1px #fff;cursor: pointer}

.swiper-product-bottom ul li.swiper-slide-thumb-active{border-color: #0145a4}

.page-product-right{flex: 1;max-width: 54%;padding-left: 60px;}

.page-product-details-title{margin-top: 10px;font-size: 24px;color: #333333;font-weight: bold;padding-left: 20px;position: relative;margin-bottom: 25px;}

.page-product-details-title:before{position: absolute;left: 0;top: 50%;width: 4px;height: 28px;background: #0145a4;content: '';margin-top: -14px;}

.page-product-details-summary{line-height: 46px;font-size: 20px;color: #333333;}

.page-product-details-summary p{padding-left: 20px;position: relative}

.page-product-details-summary p:before{position: absolute;left: 0;top: 50%;width: 8px;height: 8px;border-radius: 50%;border: solid 1px #0145a4;content: '';margin-top: -4px;}

.page-product-details-more{margin-top: 45px;}

.page-product-details-more a{width: 175px;height: 42px;border-radius: 5px;line-height: 42px;background: #0145a4;text-align: center;display: block;font-size: 16px;color: #fff;border: solid 1px #0145a4;}

.page-product-details-more a span{padding-right: 40px;display: inline-block;position: relative}

.page-product-details-more a i{margin-left: 10px;font-size: 24px;position: absolute;}

.page-product-details-more a:hover{background: transparent;color: #0145a4}

.page-product-nav{

	background-color: #e4e4e4;

}

.page-product-nav .container{

	display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

}

.page-product-nav label{

	flex: 1;

	-ms-flex:1;

	-webkit-flex:1;

	-moz-flex:1;

	-o-flex:1;

	line-height: 68px;

	text-align: center;

	font-size: 18px;

	color: #333;

	cursor: pointer;

	margin-bottom: 0

}

.page-product-nav label:hover{color: #0145a4}

.page-product-nav label.active{background: #0145a4;color: #fff}

.page-product-content{margin-top: 45px;padding-bottom: 60px;}

.page-product-content-item{display: none}

.page-download-item{border-bottom: solid 1px #ddd;padding-bottom: 10px;}

.page-download-item a{display: block;line-height: 34px;}

.page-download-item a span.pull-left{font-size: 16px;color: #333;}

.page-download-item a span.pull-left i{margin-right: 10px;color: #0145a4;font-size: 16px;font-weight: bold}

.page-download-item a span.pull-right{width: 120px;height: 34px;background: #0145a4;border-radius: 5px;text-align: center;color: #fff;font-size: 14px;border: solid 1px #0145a4}

.page-download-item a span.pull-right i{margin-left: 5px;}

.page-download-item a span.pull-right:hover{background: transparent;color: #0145a4;}

@media(max-width: 992px){

    .swiper-product-top{height: 220px;}

    .swiper-product-bottom ul li{height: 85px;}

    .page-product-details-title{font-size: 2rem}

    .page-product-details-summary{line-height: 34px;font-size: 1.6rem}

    .page-product-details-more{margin-top: 25px;}

    .page-product-nav label{font-size: 1.6rem;line-height: 50px;}
    .in-bank ul>li a .in-bank-time p{font-size:16px}
    .in-bank ul>li a .in-bank-time span {font-size:10px}
         .in-bank ul>li a{padding:5px 0}

}


@media (max-width: 760px) {

	.page-product-list li{

		width: 50%;

	}

	.page-product-item{

		height: auto;

		padding: 15px;

	}

	.page-product-text{

		padding: 12px;

		bottom: 0;

	}

	.page-product-text h3{

		font-size: 14px;

		font-weight: normal;

		margin-bottom: 0;

	}

	.page-product-text .page-product-summary{

		display: none!important;

	}

	.page-product-text .home-more{

		display: none!important;

	}

	.page-product-top{margin-top: 30px;display: block;margin-bottom: 40px;}

	    .page-product-left{max-width: 100%;margin-bottom: 40px;}

	    .page-product-right{max-width: 100%;padding-left: 0}

	    .page-product-details-title{font-size: 1.8rem;margin-bottom: 15px;}

	    .page-product-details-title:before{height: 16px;margin-top: -8px;}

	    .page-product-details-summary{font-size: 1.4rem;line-height: 24px;}

	    .page-product-details-more a{width: 120px;height: 34px;line-height: 32px;font-size: 1.4rem}

	    .page-product-nav label{font-size: 1.2rem;line-height: 40px;}

}

/*page case list*/

.page-case-list {padding: 0 1%;margin-bottom: 35px}
.map-home-title{padding:20px 0}
.page-case-list img{margin:0 auto}

.page-case-list li {

    width: 25%;

    float: left;

    padding: 0 6px;

    margin-bottom: 35px

}



.page-case-list li a{

	display: block;

	background-color: #fff;

}

.page-case-list li .pic{

	width: 100%;

    overflow: hidden;

    position: relative;

}

.page-case-list li .pic:after {

    padding-bottom: 71.7%

}



.page-case-list li .pic img {

    transition: .5s

}



.page-case-list li .hover {

    position: absolute;

    top: -150%;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15% 30px 20px 30px;

    transition: .5s;

    background-color: rgba(1,69,164,.66)

}

.page-case-list li:hover .hover{

	top: 0

}

.page-case-list li .hover .bt {

    font-size: 22px;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 6px

}



.page-case-list li .hover .jsh {

    font-size: 15px;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 20px

}



.page-case-list li .hover .more {

    color: #fff;

    font-size: 15px;

    background: url("../images/more.png") no-repeat center right;

    border-bottom: 1px solid #fff;

}



.page-case-list li .text {

    padding: 15px

}



.page-case-list li .text .bt {

    color: #333;

    font-size: 22px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 6px

}



.page-case-list li .text .jsh {

    font-size: 15px;

    color: #666;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}

.page-equipment-list li .pic{

	height: 196px;

}

.page-equipment-list li .pic img{

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover

}

.page-equipment-list li .hover{

	display: flex;

	padding: 15px;

	align-items: center;

	justify-content: center;

}

.page-equipment-list li .hover .bt{

	margin-bottom: 0

}

@media (max-width: 760px) {

	.page-case-list li {

        width: 50%;

        margin-bottom: 20px

    }

	.page-equipment-list li .pic{

		height: 132px;

	}

    .page-case-list li .text {

        padding-top: 10px

    }



    .page-case-list li .text .bt {

        font-size: 16px

    }



    .page-case-list li .text .jsh {

        font-size: 14px

    }

}

/*page partner*/

.page-product,.page-case,.page-partner,.page-news,.page-contact{
	font-size: 12px;
	background-color: #f7f7f7

}

.page-partner-list{margin: 50px -6px 30px}

.page-partner-item{width: 20%;padding: 6px;}

.page-partner-img{background: #fff;height: 146px;padding: 15px;/*filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);*/transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}

.page-partner-img img{max-height: 100%;}

/*.page-partner-item:hover .page-partner-img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}*/

.page-partner-item:hover .page-partner-img{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px)}

.page-technical-content{

	font-size: 14px;

	line-height: 2;

}

.page-technical-content p{

	font-size: 14px;

	line-height: 2;

	margin-bottom: 10px;

}

.page-technical-content img{

	max-width: 100%;

	height: auto!important

}

@media(max-width: 1024px){

    .page-partner-img{height: 90px}

}

@media(max-width: 760px){


		padding: 15px 0;

	}

    .page-partner-list{margin:30px -6px 30px;}

    .page-partner-item{width: 50%}

}

/*page news*/

.news-content{

	padding: 35px;

	background-color: #fff;

}

.page-news-list {

    padding: 0 1%;

    margin-top: 30px;

    margin-bottom: 22px

}



.page-news-list li {

    width: 25%;

    float: left;

    padding: 0 11px;

    margin-bottom: 28px

}



.page-news-list li .pic {

	width: 100%;

    overflow: hidden;

    position: relative;

    z-index: 1

}

.page-news-list li .pic:after{

	content: "";

    display: block;

    padding-bottom: 60%;

}



.page-news-list li .pic img {

	position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    max-height: 100%;

    display: block;

    vertical-align: middle;

    text-align: center;

    margin: auto;

    transition: .5s

}



.page-news-list li .pic:after {

    padding-bottom: 60%

}



.page-news-list li .text {

    padding: 0 0 23px;

    margin-top: -35px;

    position: relative;

    z-index: 2

}



.page-news-list li .text .info {

    padding: 21px 31px 34px 31px;

    transition: .5s;

    background: #fff

}

.page-news-list li:hover .text .info{

	box-shadow: 0 10px 10px 0 rgb(4 0 0 / 10%)

}

.page-news-list li .text .date {

    font-size: 15px;

    color: #1c1c1c;

    font-family: arial;

    margin-bottom: 14px

}



.page-news-list li .text .bt {

    font-size: 17px;

    color: #252525;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 11px

}



.page-news-list li .text .jsh {

    font-size: 14px;

    color: #575757;

    line-height: 24px;

    height: 48px;

    overflow: hidden

}



.page-news-list li .text .more {

    background: url("../images/more1.png") no-repeat center center;

    border: 1px solid #e0e0e0;

    width: 48px;

    height: 48px;

    margin-top: 5px;

    float: right;

    transition: .5s

}

.page-title{font-size: 22px; text-align: center}

.page-info{padding: 15px 0 10px;border-bottom: dashed 1px #ddd;margin-bottom: 20px;text-align: center}

.page-info span{margin:auto 20px}

.page-newest,.page-hot,.page-recommend{padding: 15px;border-radius: 5px;}





@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width:950px) {}

@media screen and (max-width: 760px) {

	.page-news{

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.page-news-list{

		margin-top: 0;

	}

	.page-news-list li{

		width: 100%

	}

}

/*page job*/

.page-job dl {

    margin-top: 38px

}



.page-job dl dt {

    display: block;

    padding-left: 51px

}



.page-job dl dt span {

    display: block;

    float: left;

    text-align: left;

    width: 12%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.page-job dl dt .name {
    width: 30%;
    padding-right: 20px;
         height:100%;
}



.page-job dl dt .time {
    width: 5%;
    margin-right: 12%;
    text-align: center;
       height:100%;
}


.page-job dl dt .bumen{
          height:100%
}
.page-job dl dt .people{
          height:100%;
}
.page-job dl dt .fabu{
        height:100%;
}







.page-job dl dt .address {

    width: 16%;

    margin-right: 3%;

    text-align: center

}



.page-job dl dt .bumen {
    width: 8%;
    text-align: center;
    margin-right: 11%


}



.page-job dl dt .fabu {

    text-align: center;

    width: 14%

}



.page-job dl dt .more {

    width: 5%

}



.page-job dl .list0 {

    height: 62px;

    line-height: 62px;

    margin-bottom: 10px;

    background: #ebebeb

}



.page-job dl .list0 span {

    color: #555;

    font-size: 16px

}



.page-job dl .list_dt {

    cursor: pointer;

    height: 123px;

    line-height: 102px;

    transition: width 2s;

    font-size: 16px

}



.page-job dl .list_dt .subnav {

    display: block

}



.page-job .list_dt {

    color: #575757;

    cursor: pointer;

    position: relative;

    background: url("../images/bg2.png") no-repeat bottom center

}



.page-job .list_dt:hover {

    transition: all .5s linear;

    -moz-transition: all .5s linear;

    -o-transition: all .5s linear;

    -webkit-transition: all .5s linear

}



.page-job .list_dt .more {

    background: url("../images/more3.png") no-repeat center center;

    height: 102px

}



.page-job #open .more {

    background: url("../images/more3h.png") no-repeat center center

}



.page-job .list_dd {

    display: none

}



.page-job .jobsub {

    background: #fafafa;

    border-top: 0;

    line-height: 30px;

    padding: 35px 47px 71px 76px



}



.page-job .jobsub .bt {

    font-size: 20px;

    text-align: left

}
.page-job .jobsub p{

    font-size: 15px;
    text-align: left

}

@media(max-width: 760px){

	.page-job dl dt {

        padding-left: 10px

    }



    .page-job dl dt .name {

        width: 22%

    }



    .page-job dl .list0 span {

        font-size: 14px

    }



    .page-job dl dt .bumen {

        width: 14%;

        margin-right: 2%

    }



    .page-job .jobsub {

        font-size: 12px !important

    }



    .page-job .jobsub .bt {

        font-size: 15px !important;

        text-align: left

    }



    .page-job .jobsub {

        width: 100%;

        padding: 25px

    }



    .page-job dl .list_dt {

        height: 60px;

        line-height: 60px;

        overflow: hidden;

        background: 0;

        border-bottom: 1px solid #ddd

    }



    .page-job dl .list0 {

        background: #f1f1f1

    }



    .page-job .list_dt .more {

        height: 60px

    }



    .page-job dl {

        padding-bottom: 30px;

        margin-top: 30px

    }

}

@media (max-width: 520px) {

	.page-job dl dt .fabu {

        display: none

    }



    .page-job dl dt .time {

        width: 15%;

        margin-right: 3%

    }



    .page-job dl dt .name {

        width: 30%

    }
        .in-bank ul>li a .in-bank-time p{
	padding:0;
          }
        .in-bank ul>li a .in-bank-article{max-width:88%}
          .in-bank ul>li a .in-bank-article p{font-size:10px}

    .page-job dl dt span {

        width: 17%

    }

}

@media (max-width: 414px) {

	.page-job dl dt .address {

        display: none

    }



    .page-job dl dt .name {

        width: 45%

    }



    .page-job dl dt .people {

        display: none

    }



    .page-job .list_dt .more {

        display: none

    }



    .page-job dl dt .bumen {

        width: 23%

    }



    .page-job dl dt .name {

        width: 50%

    }

}

/*page contact*/

.contact-box{

	margin: 30px 0;

	justify-content: space-between;

	align-items: stretch;

}

.contact-item{

	width: 32%;

	padding: 20px 30px;

	border-radius: 10px;

	background-color: #fff;

	border-radius: 6px

}

.contact-item i{

	font-size: 24px;

	color: #0145a4;

}

.contact-item:nth-child(2) i{

	font-size: 34px;

	margin-top: -8px;

}

.contact-item:nth-child(3) i{

	font-size: 28px;

}

.page-contact-item-cont{

	margin-left: 15px;

}

.contact-item .p-contact-name{

	font-size: 24px;

	color: #0145a4;

	margin-bottom: 5px;

}

.contact-item  p{

	font-size: 20px;

}



#mapPosition{

	width: 100%;

	height: 445px;

	margin-bottom: 50px;

}

#mapPosition .maptitle{

	font-size: 16px;

	font-weight: 800;

	color: #fba463;

	margin-bottom: 5px;

}

@media(max-width: 760px){

	.page-contact{

		padding: 30px 0;

	}
         .page-about, .page-box{padding: 40px 0 20px;}
	.contact-box{

		margin: 0;		

		flex-direction: column;

	}

	.contact-item{

		width: 100%;

		padding: 15px 20px;

		margin-bottom: 15px

	}

	.contact-item i{

		font-size: 20px;

	}

	.contact-item:nth-child(2) i{

		font-size: 28px;

		margin-top: -5px;

	}

	.contact-item:nth-child(3) i{

		font-size: 24px

	}

	.contact-item .p-contact-name{

		font-size: 20px;

	}

	.contact-item p{

		font-size: 16px

	}

}