@charset "UTF-8";
body {
	font-family:"思源黑体 CN", "SourceHanSansCN-Light","SourceHanSansCN-ExtraLight";
	font-size: 14.27px;
	color: #595757;
	max-width: 2560px;
	margin: 0 auto;
	
}

img {
	max-width: 100%;
} 
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype');
    font-style: normal;
}
@font-face { 
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Regular-Alphabetic.eot');
    src: url('../fonts/SourceHanSansCN-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Regular-Alphabetic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('../fonts/SourceHanSansCN-Light-Alphabetic.eot');
    src: url('../fonts/SourceHanSansCN-Light-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCN-ExtraLight';
    src: url('../fonts/SourceHanSansCN-ExtraLight-Alphabetic.eot');
    src: url('../fonts/SourceHanSansCN-ExtraLight-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-ExtraLight-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-ExtraLight-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-ExtraLight-Alphabetic.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/SourceHanSansCN-Medium-Alphabetic.eot');
    src: url('../fonts/SourceHanSansCN-Medium-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Medium-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Medium-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Medium-Alphabetic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Times New Roman';
    src: url('../fonts/TimesNewRomanPSMT.eot');
    src: url('../fonts/TimesNewRomanPSMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TimesNewRomanPSMT.woff2') format('woff2'),
        url('../fonts/TimesNewRomanPSMT.woff') format('woff'),
        url('../fonts/TimesNewRomanPSMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear {
	clear: both;
} 

.footH {
	height: 50px;
	display: none;
}

.footFix {
	background: #08081b;
	padding: 10px 0;
	display: none;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	color: #fff;
}

.footFix>a {
	display: inline-block;
	width: 33%;
	font-size: 16px;
	color: #ffffff !important;
}

.footFix>a>i.iconfont {
	font-size: 20px;
	margin-right: 5px;
	color: #fff;
}

.fl {
	float: left;
}

.fr {
	float: right;
} 
.container.index{
	width: 96%;
	max-width: 1334px;
}
.swiper-pagination-bullet-active{
	background: #333e87 !important;
}

/* head */
.headSearchWarp{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
	z-index: 9009;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.headSearchWarp.open{
	opacity: 1;
	visibility: visible; 
	transition: all .5s ease;
}
.headSearch{
	position: fixed;
	top: -151px;
	opacity: 0;
	visibility: hidden;
	left: 0;
	background: #fff;
	z-index: 90090;
	width: 100%;
	padding: 50px 0;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease;
}
.headSearch.open{
	opacity: 1;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}
.headSearch .container{
	max-width: 1000px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.headSearch input[type=text]{
	border: none;
	height: 50px;
	width: 90%;
	padding: 0;
	text-indent: 18px;
	float: left;
}
.headSearch .hsm {
    width: 10%;
    float: left;
    height: 50px;
    background: url(../images/ss-ico.jpg) no-repeat right 15px center;
    text-align: right;
    border: none;
    outline: none;
    padding-right: 5px;
    line-height: 50px;
    cursor: pointer;
}
.closeHs{
	position: absolute;
	cursor: pointer;
	right: -150px;
	top: -30px;
}
.closeHs i{
	font-size: 28px;
	color: #08081b;
}
.closeHm{
	position: absolute;
	cursor: pointer;
	right: 50px;
	top: 30px;
	z-index: 9999;
}
.closeHm i{
	font-size: 28px;
	color: #f8b62c;
}

.head{
	width: 100%;
	padding: 16px 0; 
	z-index: 1009;     
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: #08081b;  
	transition: all .5s ease;
} 
.head .container{
	max-width: 1070px;
}
.head.fixedbg{
	position: fixed;
	top: 0;
	background: rgba(8,8,27,0.9);
	padding: 16px 0;  
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .2); 
	transition: all .5s ease;
}

.head .Logo{
	float: left; 
}   
.WebLink{
	float: left;
	margin-top: 32px;
	margin-left: 72px;
}
.WebLink li{
	float: left;
	margin-left: 55px;
}
.WebLink li > a{
	display: block;
	line-height: 27px; 
	color: #bbbcc0;
}
.head.ny li > a{
	color: #bbbcc0;
}
.WebLink li:hover > a,
.WebLink li.on > a{
	color: #ffffff;
	border-bottom: #1b3064 solid 9px;
}

.head-sub-menu-warp{
	position: absolute;
	width: 100%;
	left: 0;
	top: 56px; 
	border-bottom: none;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
	
}
.WebLink li:hover .head-sub-menu-warp{
	opacity: 1;
	z-index: 999;
	visibility: visible;
	transition: all .5s ease;
}
 
.head-search{
	float: right;
	cursor: pointer;
	margin-top: 34px;
	margin-right: 16px;
	color: #ffffff;
}
.head.ny .head-search i{
	color: #666666;
}
.head-tel{
	float: right;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-top: 32px; 
}
.head.ny .head-tel{
	color: #15336d;
}
.head-tel i{
	margin-right: 6px;
	font-size: 14px;
	position: relative;
	top: -1px;
}
.head-language{
	float: right;
	color: #fff;
	position: relative;
	cursor: pointer;
	font-size: 13.7px;
	line-height: 27px;
	margin-top: 30px;
}
.head.ny  .head-language{
	color: #494646;
}
.head-language a{
color: #fff;
	
}
.head-language:hover a{
	color: #f1f1f1;
}
.head-language i{
	font-weight: 100;
}
.head-language .icon-duoyuyan{
	font-size: 18px;
	position: relative;
	top: 1px;
	margin-right: 9px;
}
.head-language .icon-jiantou_liebiaozhankai_o{
	font-size: 20px;
	position: relative;
	top: 3px;
	margin-left: 6px;
}
.head-language .h-l-s{
	position: absolute;
	width: 100%;
	background: rgba(255,255,255,0.95);
	border-radius: 5px;
	text-align: center;
	padding: 8px 0;
	box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
	left: 0;
	top: 35px;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	transition: all .5s ease;
}
.head-language:hover .h-l-s{
	top: 25px;
	left: 0;
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;
}
.head-language .h-l-s a{
	display: block;
	font-size: 14px;
	margin: 4px 0;
	color: #333;
} 
.head-language .h-l-s a:hover{
	color: #15336d;
}
.head-share{
	width: 17px;
	line-height: 18px;
	float: right;
	margin-top: 36px;
	margin-left: 10px;
	position: relative;
	cursor: pointer;
}
.head-share .share-list{
	background: #1c1f2c;
	border-radius: 5px;
	width: 60px;
	top: 30px;
	left: 0px;
	opacity: 0;
	z-index: 9999;
	transition: all .5s ease;
	position: absolute;
	padding: 18px 0 10px 0;
}
.head-share .share-list .a{
	width: 24px;
	height: 25px;
	display: block;
	margin: 0 auto 8px auto;
	margin-bottom: 8px;	
}
.head-share:hover  .share-list{
	opacity: 1;
	z-index: 9999;
	visibility: visible;
	left: -17px;
	
}
.head-share .share-list a.share-wb{background: url(../images/share-wb.png) no-repeat left top;}
.head-share .share-list a.share-wx{background: url(../images/share-wx.png) no-repeat left top;}
.head-share .share-list a.share-dy{background: url(../images/share-dy.png) no-repeat left top;}
.head-share .share-list a.share-xhs{background: url(../images/share-xhs.png) no-repeat left top;}
.head-share .share-list a.share-f{background: url(../images/share-f.png) no-repeat left top;}
.head-share .share-list a.share-t{background: url(../images/share-t.png) no-repeat left top;}
/*Sybanner*/
.index_swiper_container{
	margin-top: 122px!important;
}
#pcbanner img{
	width: 100%;
	/*height: 100vh;
	object-fit: cover;*/
}
#pcbanner .swiper-slide{
	position: relative;
}
#pcbanner .swiper-slide .sybanner-text{
	width: 1070px;
	position: absolute;
	left: 50%;
	margin-left: -535px;
	z-index: 999;
	top: 28%;
	color: #fff;
}
.sybanner-text .b-t1{
	font-size: 52.66px;
	line-height: 56px;
	display: flex;
	flex-direction: column;
}
.sybanner-text .b-t1 span{
	font-family: "Gotham-Light";
}
#pcbanner .swiper-slide .sybanner-text .b-t1 span:nth-child(2){
	margin-left: 230px;
}
.sybanner-text .b-t2{
	font-size: 20.62px;
	line-height: 40px;
	letter-spacing: 10px;
 	font-weight: lighter;
}
#bannerbp {
	bottom: 40px;
	z-index: 99999;
}
#bannerbp .swiper-pagination-bullet{
	width: 21px;
	height: 31px;
	background: url(../images/dot1.png) no-repeat center center;	
	opacity: 1;
}
#bannerbp .swiper-pagination-bullet-active{
	width: 31px;
	height: 31px;
	background: url(../images/dot2.png) no-repeat center center!important;	
	background-color: none;
}
#bannerN,
#bannerP{
	width: 50px !important;
	text-align: center;
	height: 50px !important;
	line-height: 48px;
	background: none;
	border: none !important;
	border-radius: 0
	top: 40% !important;
	margin-top: -25px!important;
	transition: all .5s ease;
}
#bannerN:hover,
#bannerP:hover{
	opacity: .6;
	transition: all .5s ease;
}
#bannerP{
	left: 7%;
}
#bannerN{
	right: 7%;
}
#bannerP{
	background: url(../images/b-jt-left.png) no-repeat center center!important;
}
#bannerN{
	background: url(../images/b-jt-right.png) no-repeat center center!important;
}

/*HoustyArt*/
.HoustyArt{
	height: 100vh;
	padding: 158px 0 0 0;
	position: relative;
} 
/*.HoustyArt::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	top: 0;
	left: 0;
	z-index: 11;
}*/
.HoustyArt .container{
	max-width: 1195px;
	position: relative;
	z-index: 33;
}
.HoustyArt .sybanner-text{
	margin-right: 6.45%;
	float: right;
	text-align: right;
	margin-top: 5%;
}
.HoustyArt .sybanner-text .b-t1{
	color: #002878;
}
.HoustyArt .sybanner-text .b-t1 span:nth-child(1){
	padding-right: 45px;
}
.HoustyArt .sybanner-text .b-t2{
	color: #030303;
	line-height: 85px;
	padding-right: 102px;
	letter-spacing: 17.5px;
}
.HoustyArtShow{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 35px;
	height: 225px;
	z-index: 33;
}
.HoustyArtShow .swiper-slide{
	background: rgb(255,255,255,.39); 
	text-align: center;
	padding: 17px 0 25px;
	cursor: pointer; 
	bottom: -40px;
	position: relative;  
	transition: all .5s ease;
	border-right: rgb(255,255,255,.1) solid 1px;

}
.HoustyArtShow .swiper-slide.on{
	bottom: 0; 
	background: rgb(0,40,120,.88); 
	transition: all .5s ease;
	border-right: #15336d solid 1px;
}
.HoustyArtShow .swiper-slide p{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 10px;
	transition: all .5s ease;
}
.HoustyArtShow .swiper-slide.on p{	 
	transition: all .5s ease;
}
.HoustyArtShow .swiper-slide .box{
	padding: 0;
	transition: all .5s ease;
}
.HoustyArtShow .swiper-slide.on .box{
	padding: 20px 0;
	transition: all .5s ease;
}

/*indexDemand*/
.indexDemand{
	padding: 110px 0 1px;
	background: #efefef;
}
.indexDemand .container{
	max-width: 1209px;
}
.indexDemand .titBox{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.indexDemand .housty-sy-H2{
	color: #080815;
	font-weight:100;
	font-size: 33.79px;
	letter-spacing: 16px;
	padding-top: 20px;
}
.indexDemand .housty-sy-H6{
	color: #002878;
	font-family: "Gotham-Light";
	line-height: 34px;
	 text-transform: capitalize;
}
.indexDemand .housty-sy-H6 span{
	color: #595757;
}
.syGxhSwiper{
	margin-top: 25px;
	position: relative;
	overflow: hidden;
}
.syGxhSwiper .swiper-slide{
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}
.sy-gxh-list{
	background: #ffffff;
	color: #002878;
	padding-bottom: 20px;
	position: relative;
	border: 15px solid #efefef;
}
.sy-gxh-list a{
	color: #002878;
}
.sy-gxh-list .pic{
	overflow: hidden;
	position: relative;
}
.sy-gxh-list .pic img{
	width: 100%;
	transform: scale(1);
    transition: all .5s ease;
}
.sy-gxh-list:hover .pic img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.sy-gxh-list .tit-en{	
	width: 72%;
	font-size: 21.73px;
	font-family: "Gotham-Light";
	text-align: center;
	line-height: 26px;
	height: 52px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    overflow: hidden;
    transition: all .5s ease;
    align-items: center;
    margin: 20px auto 1px auto!important;
}
.sy-gxh-list .tit{
	font-size: 17.63px;
	line-height: 28px;
	height: 28px;
	text-align: center;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
    
}
.sy-gxh-list:hover {
	background: #002878;
	color: #fff!important;
    transition: all .5s ease;
    border:#002878 solid 15px;
   
}
.sy-gxh-list:hover a{
	color: #fff!important;
}

.design-style{
	width: 100%;
	max-width: 1212px;
	margin: 75px auto 75px auto;
}
.design-content{
	width: 71%;
	margin: 50px auto;
	line-height: 34px;
	font-size: 14.7px;
	color: #595757;
	text-align: center;
}
.sy-abt-num{
	width: 100%;
	max-width: 823px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.sy-abt-num .lb{
	border: #d5d0cf solid 1px;
	width: 154px;
	height: 154px;
	text-align: center;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sy-abt-num .lb .num{
	font-size: 36.58px;
	color: #002878;
	padding-top: 10px;
	height: 56px;
	overflow: hidden;
}
.sy-abt-num .lb .txt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #595757;
}
/*indexAdvantage*/
.indexAdvantage{
	background:#e3e2e1 url(../images/al-bg.jpg) no-repeat center top;
	background-size: 100% auto;
}
.indexAdvantage .sybanner-text{
	margin-right: 16.25%;
	float: right;
	text-align: right;
	margin-top: 17%;
}
.indexAdvantage .sybanner-text .b-t1{
	color: #000015;
}
.indexAdvantage .sybanner-text .b-t1 span:nth-child(1){
	padding-right: 45px;
}
.indexAdvantage .sybanner-text .b-t2{
	color: #000015;
	line-height: 85px;
	padding-right: 102px;
	letter-spacing: 17.5px;
}


.syYsSwiper2{
	overflow: hidden;
	position: relative;
}
.syYsN{
	right: 4% !important;
	visibility: hidden;
    transition: all .5s ease;
}
.syYsSwiper2:hover .syYsN{
	visibility: visible;
    transition: all .5s ease;
}
.syYsP{
	left: 4% !important;
	visibility: hidden;
    transition: all .5s ease;
}
.syYsSwiper2:hover .syYsP{
	visibility: visible;
    transition: all .5s ease;
}
.syYsSwiper2 .pic{
	width: 55%;
	max-width: 1050px;
	float: left;
}
.syYsSwiper2 .info{
	width: 31%;
	max-width: 590px;
	float: left;
	margin-left: 72px;
	margin-top: 68px;
}
.syYsSwiper2 .info .tit{
	font-size: 46px;
	color: #1b1b1b;
	line-height: 66px;
}
.syYsSwiper2 .info .sub{
	font-size: 16px;
	color: #4c4c4c;
	line-height: 30px;
	margin-top: 42px;
}
.syYsSwiper{
	width: 40%;
	max-width: 730px;
	position: absolute;
	overflow: hidden;
	bottom: 90px;
	right: 62px;
	z-index: 999;
}
.syYsSwiper .swiper-slide{
	width: 100%;
	height: 138px;
	border: 1px solid #15336d;
	background: #15336d;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	color: #fff;
	cursor: pointer;
    transition: all .5s ease;
}
.syYsSwiper .swiper-slide .tit{
	text-align: center;
	width: 100%;
	padding: 0 19px;
	font-size: 20px;
	line-height: 30px;
}
.syYsSwiper .swiper-slide.swiper-slide-thumb-active,
.syYsSwiper .swiper-slide:hover{
	background: #fff;
	border: 1px solid #dedede;
	color: #15336d;
	font-weight: bold;
    transition: all .5s ease;
}

/*indexCases*/
.indexCases{
	width: 76%;
	margin:48.3% auto 0 auto;
	clear: both;
	max-width: 1442px;
	min-width: 1442px;
	background: #171729; 
}
.indexCases .container{
	width: 93.06%;
	max-width: 1342px;
}
.indexCases .titBox{
	width: 79%;
	margin: 0 auto;	
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 30px 0;
	line-height: 33px;
}
.indexCases  .housty-sy-H2{
	color: #fff;
	font-size:20px;
	padding-top: 5px;
	letter-spacing: 5px;
	font-weight: normal;
}
.indexCases  .housty-sy-H6{
	color: #fff;
	font-family: "Gotham-Light";
	font-size: 33px;
	text-transform:capitalize 
}
.sy-cases-show{
	margin-top: 45px;
	margin-bottom: 45px;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}
.syAlSwiper{
	width: 67%;
	position: relative;
	overflow: hidden;
	max-width: 900px;
	float: right;
}
.syAlSwiper .swiper-slide{
	width:68%;
	max-width: 900px;
	position: relative;
}
.sy-al-r-list{
	position: relative;
}
/*.sy-al-r-list::after{
	content: "\e727";
	font-family: "iconfont";
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #15336d;
	z-index: 99;
	left: 50%;
	margin-left: -50px;
	text-align: center;
	line-height: 100px;
	font-size: 28px;
	color: #fff;
	top: 50%;
	margin-top: -50px; 
	transform: scale(0.4);
    transition: all .5s ease;
}
.sy-al-r-list:hover::after{
	transform: scale(1);
    transition: all .5s ease;
}*/
.sy-al-r-list .title{
	position: absolute;
	z-index: 22;
	padding: 0 40px;
	bottom: 0;
	width: 100%;
	left: 0;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	bottom: 20px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sy-cases-left{
	width: 32%;
	max-width: 435px;
	background: #002878;
	padding: 110px 0 34px;
}
.syAlSwiper2{
	overflow: hidden;
	position: relative;
	width:67%;
	margin: 0 auto;
	padding-bottom: 100px;
}
.sy-al-l-list{
	color: #fff;
	margin-left: 3%;
	font-weight: lighter;
}
.sy-al-l-list .title{
	font-size: 30px;
	line-height: 40px;		 
	padding: 0 20px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: 7px;
}
.sy-al-l-list .sub{
	font-size: 16px;
	line-height: 35px;
	padding:0 20px;
	padding-top:20px;
	font-weight: lighter;
}
.sy-al-l-list .sub b{
	 font-family: 'Gotham-Medium';
	font-weight: 100;
}
.syAlPag {
	color: #fff;
	font-size: 14px;
	z-index: 99;
	line-height: 16px;
}
.syAlN,
.syAlP{
	width: 22px !important;
	height: 16px !important; 
	top: auto !important;
	margin-top: 0 !important;
	bottom: 15px !important;
	z-index: 9999;
}
.syAlN{
	background: url(../images/sy-al-next.png) no-repeat center bottom !important;
	right: 22% !important;
}
.syAlP{
	background: url(../images/sy-al-prev.png) no-repeat center bottom !important;
	left:  22%  !important;
}

/*indexNews*/
.indexNews{
	padding: 128px 0 0px 0;
	background: #e7e6e6;
}
.indexNews .container{
	max-width: 1340px;
}
.indexNews .sybanner-text,
.indexProduct .sybanner-text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	
}
.indexNews .sybanner-text .b-t1,
.indexProduct .sybanner-text .b-t1,
.indexDemand .housty-sy-H6,
.sub-txt-tit .b-t1{
	font-size: 41.22px;
}
.indexNews .sybanner-text .b-t1,
.indexProduct .sybanner-text .b-t1{
	color: #002878;
}
.indexNews .sybanner-text .b-t2,
.indexProduct .sybanner-text .b-t2,
.indexDemand .housty-sy-H2{
	font-size: 30px;
	letter-spacing:5px;
}
.indexNews .sybanner-text .b-t2,
.indexProduct .sybanner-text .b-t2{
	padding-top: 0px;
	color: #262626;
}
.indexNews .titBox{
	position: relative;
}
.indexNews .housty-sy-H2{
	text-align: left;
	color: #1b1b1b;
}
.indexNews .housty-sy-H6{
	text-align: left;
	color: #606060;
}
.syXwSwiper{
	margin-top: 75px;
	position: relative;
	overflow: hidden;
}
.syXwSwiper .swiper-slide{
	padding-bottom: 95px;
	position: relative;
}
.syXwSwiper .swiper-slide::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: #e1e1e1;
	top: 0;
	right: -8%;
}
.sy-news-list {
	  background: #d6d7d7;
	  transition: all .5s ease;
}
.sy-news-list .news-tit{
	padding: 17px;
}
.sy-news-list .pic{
	overflow: hidden;
}
.sy-news-list .pic img{
	width: 100%;
	transform: scale(1);
    transition: all .5s ease;
}
.sy-news-list:hover .pic img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.sy-news-list .title{
	font-size: 18.77px;
	color: #231815;
	line-height: 25px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 5px;
    transition: all .5s ease;
  
}
.sy-news-list:hover {
	  background: #002878;
}
.sy-news-list:hover .title{
	color: #ffffff;
    transition: all .5s ease;
}
.sy-news-list .sub{
	font-size: 12.49px;
	color: #717071;
	line-height: 24px;
	height: 50px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 18px 0 0px;
}
.sy-news-list .time{
	font-size: 12.81px;
	color: #838383;
	color: #696969;
	margin-bottom: 10px;
	padding-top: 5px;
}
.sy-news-list:hover .sub{
	color: #ededed;
}
.sy-news-list:hover .time{
	color: #ffffff;
}
.syXwP{ 
    left: auto !important;
    right: 80px !important;
}

.syXwN,.syXwP{display: none;}
/*体验中心*/
.indexExperience{
	padding: 70px 0 65px;
	background: url(../images/ly-bg.jpg) no-repeat top center;
	/*background-size: cover;
	background-attachment: fixed;*/
}
.indexExperience .sybanner-text{
	color: #e7e6e6;
	text-align: center;
}
.indexExperience .sybanner-text .b-t1{
	font-size: 73.54px;
	line-height: 81px;
}
.indexExperience .sybanner-text .b-t2{
	letter-spacing: 13px;
	font-size: 36.79px;
	line-height: 68px;
}
.indexExperience .sybanner-text .b-t2 span{
	letter-spacing: 15px;
}
.indexExperience .title{
	font-size: 46px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
.indexExperience .title span{
	font-family: 'Times New Roman';
}
.indexExperience .sub{
	font-size: 12.49px;
	color: #fff;
	line-height: 22px;
	margin-top: 107px;
	text-align: center;
	font-weight: lighter;
}
.indexExperience .yysc{
	display: block;
	width: 240px;
	height: 60px;
	border-radius: 60px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 60px;
	font-size: 21.64px;
	color: #fff;
	margin: 38px auto 0;
	overflow: hidden;
    transition: all .5s ease;
    font-weight: lighter;
}
.indexExperience .yysc:hover{
	background: #fff;
	color: #15336d;
    transition: all .5s ease;
}
.indexExperience .yysc .iconfont{
	font-weight: 100;
	font-size: 22px;
	margin-right: 18px;
	position: relative;
	top: 2px;
	line-height: 22px;
}
.indexExperience .yysc .iconfont::after{
	content: "\e614";
	position: absolute;
	left: 0;
	bottom: -22px;
	color: #15336d;
	opacity: 0;
    transition: all .5s ease;
}
.indexExperience .yysc:hover .iconfont::after{
	bottom: 0;
	opacity: 1;
    transition: all .5s ease;
}
.indexExperience .yysc .iconfont::before{
	position: relative; 
	top: 0;
	opacity: 1;
    transition: all .5s ease;
}
.indexExperience .yysc:hover .iconfont::before{
	top: -22px;
	opacity: 0;
    transition: all .5s ease;
}
.indexExperience .container{
	max-width: 1220px;
}
.addr-tyzx{
	text-align: center;
	margin-top: 170px;
}
.addr-tyzx .lb{
	display: inline-block;
	width: 11.6%;
}
.addr-tyzx .lb p{
	font-size: 12.49px;
	color: #ffffff;
	margin-top: 15px;
	font-weight: lighter;
}

/*indexProduct*/
.indexProduct{
	padding: 100px 0 75px 0;
	background: #ededed;
}
.indexProduct .container{
	width: 100%;
	max-width: 1400px;
}
.indexProduct .titBox{
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.syProSwiper{
	position: relative;
	overflow: hidden;
	margin-top: 70px;
}
.sy-pro-list{
	text-align: center;
	overflow: hidden;
	position: relative;
	border: 1px solid #d2d2d3; 
	padding: 0 0 25px 0;
	 transition: all .5s ease;
	 width: 99.9%;
}
.sy-pro-list .pic{
	position: relative;
	top: 0; 
    transition: all .5s ease;
}
.sy-pro-list:hover .pic{ 
	top: -10px; 
    transition: all .5s ease;
}
.sy-pro-list {
	color: #002878;
}
.sy-pro-list .tit1{
	font-family: 'Times New Roman';
	font-size:24px;
}

.sy-pro-list .tit2{
	height: 24px;
	font-size: 21px;
	margin-top: 16px;
	letter-spacing: 4px;
}
.sy-pro-list .pic-two{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100px;
	opacity: 0;
	left: 0;
    transition: all .5s ease;
}
.sy-pro-list:hover .pic-two{
	top: 0;
	opacity: 1;
    transition: all .5s ease;
}
.sy-pro-list .pic-two img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
 
.sy-pro-list:hover{
	background: #002878;
}
.sy-pro-list:hover .tit1,.sy-pro-list:hover .tit2{
	color: #fff;
}
/*indexCustomized*/
.indexCustomized{
	background: #002878;
	padding: 18px 0 13px 0;
	overflow: hidden;
}
.indexCustomized .container{
	max-width: 1500px;
}
.indexCustomized .title{
	float: left;
	line-height: 56px;
	font-size: 23.85px;
	color: #fff;
	letter-spacing: 8px;
	width: 72.5%;
	font-weight: lighter;
}
.indexCustomized .zxzx{
	display: block;
	width: 220px;
	height: 56px;
	border-radius: 56px;
	border: 1px solid #ededed;
	float: right;
	text-align: center;
	line-height:58px;
	font-size: 19.53px;
	color: #ededed;
	float: right;
	margin-right: 3.6%;
	font-weight: lighter;
}
.indexCustomized .zxzx:hover{
	background: #fff;
	color: #15336d;
}
.indexCustomized .img{
	float: right;
}
.indexCustomized-box{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
/*cooperativePartner*/
.cooperativePartner{
	position: relative;
	padding: 54px 0 140px;
}
.parter-nowHzhb{
	max-width: 1374px!important;
}
.parter-nowHzhb .n-txt1{
	margin-left: 0!important;
}
.parter-nowHzhb  .n-txt1 span{
	padding-left: 69px;
}
.parter-nowHzhb  .n-txt2{
	padding-left: 57px!important;;	
}
.youshi{
	width: 75%;
	max-width: 1438px;
	margin: 0 auto;
	background: #17172a;
	padding-top: 60px;
	padding-bottom: 47px;
	margin-bottom: 47px;
}
.youshi .sub-txt-tit{
		color: #fff;
		text-align: center;
}
.youshi .sub-txt-tit .b-t1{
	color: #fff;
}
.youshi .sub-txt-tit .b-t2{
	color: #fff;
	margin-top: 16px;
}
.youshi .container{
	max-width: 1343px;
}
.youshi-content{
	width: 62.4%; color:#eeeeee;
	margin: 0 auto;
	line-height: 32px;
	font-size: 14.22px;
	text-align: center;
	padding-top: 65px;
}
.youshi-content p{
	margin-bottom: 15px;
}
.youshi-content p.en{
	line-height: 26px;
}
.youshi .ppgsSwiper{
	margin-top :62px;
	
}
.youshi .ppgsSwiper .ppgs-list .pic{
	width: 68px;
	height: 61px;
	margin: 0 auto;
	overflow: hidden;
}

.youshi .ppgsSwiper .ppgs-list{
	text-align: center;
	color: #ffffff;
	padding-top: 60px;
	padding-bottom: 20px;
}
.youshi .ppgsSwiper .ppgs-list .tit-en{
	font-family: 'Gotham-Light';
	font-size: 33.78px;
	margin-top: 15px;
}
.youshi .ppgsSwiper .ppgs-list .titcn{
	font-size: 19.55px;
}
.youshi .ppgsSwiper .ppgs-list .info{
	width: 73%;
	margin: 0 auto;
	font-size: 14.22px;
	line-height: 33px;
	height: 213px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sub-partner-left{
	width: 42.33334%;
	float: left;
}
.sub-partner-left .title{
	font-size: 30px;
	color: #4c4c4c;
	line-height: 35px;
}
.sub-partner-left .pic{
	margin-top: 36px;
}
.sub-partner-left .sub{
	font-size: 16px;
	color: #4c4c4c;
	line-height: 30px;
	margin-top: 24px;
}
.sub-partner-left .box{
	margin-top: 70px;
}
.sub-partner-left .lb{
	border-bottom: 1px solid #f2f4f6;
	padding-bottom: 32px;
	margin-bottom: 32px;
}
.sub-partner-left .lb .tit{
	font-weight: bold;
	font-size: 20px;
	color: #15336d;
	line-height: 40px;
	padding-left: 65px;
}
.sub-partner-left .lb1 .tit{
	background: url(../images/jmys-ico1.png) no-repeat left center;
}
.sub-partner-left .lb2 .tit{
	background: url(../images/jmys-ico2.png) no-repeat left center;
}
.sub-partner-left .lb3 .tit{
	background: url(../images/jmys-ico3.png) no-repeat left center;
}
.sub-partner-left .lb .info{
	margin-top: 8px;
	font-size: 16px;
	color: #4c4c4c;
	line-height: 30px;
	padding-left: 65px;
}
.cwjxs{
	background: #002878;
	width: 100%;
	overflow: hidden;
	padding: 94px 0;
}
.cwjxs .cwjxs-img{
	text-align: center;
}
.cwjxs .container{
	max-width: 1085px;
}
.sub-partner-right{
	width: 100%;
	float: right;
	position: relative;
	z-index: 9999;
}
.sub-partner-right .title{
	font-size: 36.66px;
	color: #fff;
	line-height: 35px;
	letter-spacing: 10px;
	text-align: center;
	padding-top: 116px;
}
.hzhb-msg-box{
	margin-top: 50px;
	overflow: hidden;
}
.hzhb-msg-box .lb{
	border:#002878 solid 4px;
	border-bottom: 1px solid #546d9e;
	margin-bottom: 32px;
    padding: 0 20px;
    margin-bottom: 27px;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.hzhb-msg-box .lb:hover{
	border: 4px solid #fff;	
 	margin-bottom: 24px;
 	border-radius: 20px;
}
.hzhb-msg-box .lb .tit{
	font-size: 23.78px;
	color: #b3b3b4;
	line-height: 66px;
}
.hzhb-msg-box .lb:hover  .tit {
	color: #fff;
}
.hzhb-msg-box .lb input[type=text]{
	border: none;
	height: 35px;
	background: none;
	outline: none;
	font-size: 20.66px;
	color: #fff;
	width: 100%;
}
.hzhb-msg-box .lb input[type=text]::placeholder{
	color: #b3b3b4;
}
.hzhb-tj{
	width: 242px;
	line-height: 60px;
	border-radius: 62px;
	text-align: center;
	font-size: 21.56px;
	color: #fff;
	cursor: pointer;
	margin: 60px auto 0 auto;
	border: #95a4c1 solid 1px;
	 transition: all .5s ease;
}
.hzhb-tj:hover{
	color: #002878;
	background: #fff
}

/*experienceCenter*/
.experienceCenter-nowHzhb{
	text-align: center;
	color: #fff!important;
}
.experienceCenter-nowHzhb  .n-txt1{
	margin: 0!important;
	text-align: center;
}
.experienceCenter-nowHzhb .n-txt2{
	text-align: center;
}
.experienceCenter{
	padding: 75px 0 80px;
}
.experienceCenter .pdg{
	padding: 0 13.5px;
}
.experience-bg{
	background: #000000 url(../images/tjzx-bg.jpg) repeat-x left top;
}
.experience-bg .container{
	max-width: 1305px;
}
.experience-bg-ft{
	background: url(../images/tjzx-bg2.jpg) repeat-x left bottom;
	padding: 10% 0 12% 0;
}
.experience-list{
	margin-bottom: 68px;
}
.experience-list .more{
	display: block;
	margin: 26% auto 0;
	width: 150px;
	line-height: 45px;
	border: 1px solid #f0f0f0;
	text-align: center;
}
.experience-list .more i{
	margin-left: 8px;
}
.experience-list .pic{
	overflow: hidden;
}
.experience-list .pic img{
	width: 100%;
}
.experience-list .info{
	overflow: hidden;
	line-height: 30px;
	margin-top: 24px;
}
.experience-list .info .tit{
	width: 60%;
	float: left;
	font-weight: bold;
	font-size: 20px;
	color: #002878;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.experience-bg .addr-tyzx .lb p{
	color: #0045aa;
}

.case-list .sub .zxzx{
	font-size: 16px;
	color: #15336d !important;
	line-height: 27px;
}
.case-list .sub .zxzx i{
	font-size: 24px;
	position: relative;
	top: 2px;
	margin-right: 10px;
}

/*case*/

.case{
	padding: 90px 0 0px;
	background: #eeeeee;
}
.case .container{
	max-width: 1375px;
}
.case .container .row {
	margin: 0 -16px;
}
.case .container .pdg{
	padding: 0 16px;
}
.case-list{
	margin-bottom: 65px;
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	border: #eeeeee  solid 17px;
}
.case-list:hover{
	border: #002878 solid 17px;
}
.case-list .pic img{
	width: 100%;
}

.case-list .pic{
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 79%;
	overflow: hidden;
	position: relative;
}
.sub-experience .row{
	margin-left: -17px;
	margin-right: -17px;
	padding-bottom: 10px;
}
.sub-experience .row .pdg{
	padding-left: 17px;
	padding-right: 17px;
}
.experience-list .pic{
	padding-bottom: 64.58%;
}
.experience-list{
	margin-bottom: 40px;
	border: none;
}
.experience-list:hover{
	border: none;
}
.case-list  .tit-box{
	width: 100%;
	text-align: center;
	color: #002878;
	background: #ffffff;
	padding: 20px 0;
}
.case-list  .tit-box .tit{
	font-size: 17.77px;
	line-height: 36px;
	font-family: 'SourceHanSansCN-Medium';
	font-weight: 600;
	letter-spacing: 2px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.case-list  .tit-box .sub{
	line-height: 27px;
	font-size: 14.22px;
}
.case-list .pic img{
	transform: scale(1);
    transition: all .5s ease;
}
.case-list:hover .pic img{
	transform: scale(1.2);
    transition: all .5s ease;
}

/*news*/
.newsbody{
		background: #eeeeee;
}
.news{
background: #eeeeee;
	padding: 75px 0 80px;
}
.news .pdg{
	padding: 0 11px 44px;
	margin-bottom: 24px;
}
.news-nowHzhb{
	max-width: 1296px!important;
}
.news-nowHzhb .n-txt1,.news-nowHzhb .n-txt2{
	color: #ffffff;
}
.news-nowHzhb  .n-txt1 span{
	padding-left: 112px;
}
.news-nowHzhb  .n-txt2{
	padding-left: 400px;
}
.news .sy-news-list .title{
	font-weight: bold;
}
.news .container{
	max-width: 1336px;
}
/*contact*/
.NybannerInfo-contact{
	height: auto!important;
}
.contact{
	padding: 75px 0 15px;
}
.contact .title{
	font-size: 30px;
	color: #4c4c4c;
	line-height: 35px;
}
.contact .title span{
	color: #15336d;
	font-weight: bold;
}
.contatc-nowHzhb{
	max-width: 1326px!important;
}
.contatc-nowHzhb .n-txt1{
	margin-left: 0!important;
	line-height: 56px;
}
.contatc-nowHzhb .n-txt1 span{
	padding-left:50px;
}
.contatc-nowHzhb .n-txt2 {
	margin-left: 30px;
	padding-top: 8px;
}
.contact .container,.maps .container{
	max-width: 1346px;
}
.sub-contact-left,.sub-contact-right{
	width: 49%;
	float: left;
	background: #002878;
	padding: 30px 63px;
	min-height: 712px;
	color: #ffffff;
}
.sub-contact-left .title,.sub-contact-right .title{
	line-height: 54px;
	font-size: 26.65px;
	letter-spacing: 11px;
	color: #ffffff;
}
.sub-contact-left .info{
	font-size: 17.77px;
	line-height:45px;
	margin-top: 45px;
}
.sub-contact-left .info a{
	font-family: arial;
	color: #ffffff;
}
.sub-contact-left .info a:hover{
	color: #eeeeee;
}
.sub-contact-left .remid{
	font-size: 12.44px;
	line-height: 22px;
	margin-top: 40px;
}
.sub-contact-left .ewm-box{
	overflow: hidden;
	margin-top: 75px;
	float: left;
}
.sub-contact-left .ewm-box .lb{
	float: left;
	width: 113px;
	text-align: center;
	margin-right: 30px;
}
.sub-contact-left .ewm-box .lb p{
	font-size: 13.33px;
	margin-top: 3px;
}
.sub-contact-left .yjdh,.lx-msg-tj{
	display: block;
	width:199px;
	text-align: center;
	height: 52px;
	line-height: 52px;
	border-radius: 60px;
	font-size: 16.56px;
	color: #ffffff;
	float: left;
	border: #ffffff solid 1px;
	border-radius:51px;
	margin-top: 148px;
}
.sub-contact-left .yjdh:hover,.lx-msg-tj:hover{
	background: #ffffff;
	color: #002878;
}
.sub-contact-left .yjdh i{
	font-size: 28px;
	position: relative;
	top: 4px;
	margin-right: 20px;
}
.sub-contact-right{
	float: right;
}
.sub-contact-right .input-box{
	border-bottom: #596d96 solid 2px;
	line-height: 44px;	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 14px;
}
.sub-contact-right .input-box span{
	color: #b3b3b4;
	font-size: 20.66px;
	padding-right: 16px;
	letter-spacing: 5px;
}
.sub-contact-right .input-box:hover{
	color: #ffffff;
}

.lx-msg{ 
	margin-top: 42px;
	padding-bottom: 10px;
}
.lx-msg input[type=text]{
	width:68.5%;
	height: 44px;
	line-height: 44px;
	border: none;
	outline: none;
	font-size: 20.66px;
	color: #ffffff;
	background: none;
}
.lx-msg input[type=text]::placeholder{
	color: #ffffff;
    transition: all .5s ease;
}
.lx-msg input[type=text]:focus{
    transition: all .5s ease;
}
 
.lx-msg-tj{	 
	cursor: pointer;
	margin: 0 auto!important;
	float: none;
}
.maps{
	padding: 0 0 80px 0;
}
 

/*service*/
.service-nowHzhb{
	max-width: 832px!important;
}
.service-nowHzhb .n-txt1{
	font-size: 52.46px;
	margin-left: 0!important;
	line-height: 56px;
}
.service-nowHzhb .n-txt1 span{
	padding-left: 60px;
}
.service-nowHzhb .n-txt2{
	margin-left: 72px;
	margin-top: 7px
}
.service{
	padding: 140px 0 60px;
	background: #eeeeee;
}
.service .container,
.problem .container{
	max-width: 1333px;
}
.service .lb {
	width: 46.8%;
	float: left;
}
.service .lb:nth-child(2){
	float: right;
}
.service .lb .Info{
	width: 100%;
	height: 390px;
	background: #002878;
	color: #FFFFFF;
	text-align: center;
}
 .service .lb .Info .tit-en{
 	font-size: 33.76px;
 	font-family: 'Gotham-Light';
 	line-height: 41px;
 	padding-top: 50px;
 }
.service .lb .Info .tit{
	font-size: 19.55px;
	line-height: 35px;
	padding-top: 5px;
}
.service .lb .Info .sub{
	font-size: 14.22px;
	line-height: 32px;
	margin-top: 34px;
}

/*problem*/
.problem{
	padding: 78px 0 120px;
	background: #eeeeee;
}

.problem-box{
	margin-top: 100px;
}
.problem-box .item{
	margin-bottom: 10px;
}
.problem-box .item h3{
	cursor: pointer;
	font-size: 17.77px; 
	color: #3e3a39;
	height: 43px;
	line-height: 45px;
	padding: 0 0 0 30px;
    transition: all .5s ease;
    position: relative;
}
.problem-box .item h3::after{
	content: "-";
	position: absolute;
	border-bottom: #e0e0e0 solid 2px;
	left: 30px;
	width: 96%;
}
.problem-box .item h3.on{
	background: url(../images/ask-tb.png) no-repeat left center;
	color: #002878;
    transition: all .5s ease;
}
.problem-box .item ul {
	display: none;
}
.problem-box .item ul li{
	padding: 5px 30px;
}
.problem-box .item ul li .cont{
	font-size: 14.22px;
	color: #878787;
	line-height: 34px;
}
.problem .sub-txt-tit{
	text-align: center;
}
.problem .sub-txt-tit .en{
	color: #002878;
}
/*download*/
.download{
	padding: 80px 0;
}
.download .titBox{
	position: relative;
}
.download .housty-sy-H2{
	color: #1b1b1b;
	text-align: left;
}
.download .housty-sy-H6{
	color: #606060;
	text-align: left;
}
.downSwiper{
	position: relative;
	overflow: hidden;
	margin-top: 58px;
}
.downP{
	left: auto !important;
	right: 80px !important; 
}
.down-list .pic{
	position: relative;
}
.down-list .pic::after{
	content: "";
	position: absolute;
	width: 37px;
	height: 37px;
	background: url(../images/pdf-ico.png) no-repeat center center;
	left: 50%;
	margin-left: -18.5px;
	bottom: -18.5px;
}
.down-list .pic img{
	width: 100%;
}
.down-list .title{
	font-size: 18px;
	text-align: center;
	color: #1b1b1b;
	line-height: 25px;
	margin-top: 30px;
}

/*detail*/
.detail{
	padding:30px 0 50px 0;
}
.detail .container{
	max-width: 1070px;
}
.sub-detail-left{
	width:100%;
	float: left;
	margin-top: -30px;
}
.sub-detail-left .title{
	font-weight: bold;
	font-size: 24px;
	color: #15336d;
	line-height: 30px;
	text-align: center;
}
.sub-detail-left .time{
	font-size: 14px;
	color: #757575;
	line-height: 25px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 24px;
	margin-top: 18px;
	text-align: center;
}
.sub-detail-left .content{
	margin-top: 38px;
	font-size: 14px;
	color: #555555;
	line-height: 30px;
}
.caseDe-info{
	overflow: hidden;
	margin-bottom: 38px;
	font-size: 16px;
	color: #757575;
	line-height: 30px;
}
.caseDe-info .lb{
	float: left;
	width: 33.333%;
	padding-left: 22px;
}
.caseDe-info .lb.lb1{
	background: url(../images/alde-ico1.png) no-repeat left top 6px;
	padding-right: 12px;
}
.caseDe-info .lb.lb2{
	background: url(../images/alde-ico2.png) no-repeat left center;
}
.caseDe-info .lb.lb3{
	background: url(../images/alde-ico3.png) no-repeat left center;
}
.caseDe-info .lb.lb4{
	background: url(../images/alde-ico4.png) no-repeat left center;
}
.caseDe-info .lb.lb5{
	background: url(../images/alde-ico5.png) no-repeat left center;
}
.dePage{
	overflow: hidden;
	border-top: 1px solid #f0f0f0;
	margin-top: 36px;
	padding-top: 30px;
	margin-bottom: 10px;
}
.dePage .sxy{
	width: 75%;
	float: left;
}
.dePage .sxy a{
	display: block;
	line-height: 30px;
	font-size: 16px;
	color: #555555;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.dePage .sxy a:hover{
	color: #15336d;
}
.dePage .return{
	display: block;
	width: 130px;
	line-height: 40px;
	text-align: center;
	background: #f0f0f0;
	font-size: 16px;
	color: #555555;
	float: right;
	margin-top: 10px;
}
.dePage .return:hover{
	background: #15336d;
	color: #fff;
}
.sub-detail-right{
	width: 22.666667%;
	float: right;
	margin-top: 64px;
}
.de-tyzx{
	margin-bottom: 62px;
}
.de-tyzx .title{
	font-size: 24px;
	color: #555555;
	line-height: 28px;
}
.de-tyzx .title span{
	font-family: 'Times New Roman';
}
.de-tyzx .pic{
	margin-top: 16px;
}
.de-tyzx .infobox{
	background: #15336d;
	padding: 32px 0 38px;
}
.de-tyzx .infobox .box{
	text-align: center;
}
.de-tyzx .infobox .box .lb{
	display: inline-block;
	width: 18%;
}
.de-tyzx .infobox .box .lb img{
	height: 35px;
	width: auto;
}
.de-tyzx .infobox .box .lb  p{
	font-size: 16px;
	color: #fff;
	margin-top: 6px;
}
.de-tyzx .infobox .yysc{
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	margin-top: 60px;
}
.de-tyzx .infobox .yysc i{
	font-weight: 100;
	margin-right: 18px;
	font-size: 24px;
	position: relative;
	top: 3px;
}
.de-case .title{
	font-size: 24px;
	color: #555555;
	line-height: 28px;
}
.de-case .case-list{
	margin-top: 32px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 28px;
	margin-bottom: 0;
}

/*about*/
.about{
	padding: 220px 0;
	background: #e2e2e2;
	margin: 0 auto;
}
.about .container{
	max-width: 1388px;
}
.about-profile-left{
	float: right;
	width: 59.65%;
}
.sub-txt-tit .b-t1{
	line-height: 47px;
}
.sub-txt-tit .b-t2{
	font-size: 20.62px;
	font-weight: normal;
}
 
.sub-about-right{
	width: 36.52%;
	float: left;
	color: #002878;
}
 
.sub-about-right .cont{
	font-size: 14.23px;
	line-height: 36px;
	padding: 20px 0;
	font-weight: normal;
	font-family: "微软雅黑";
	letter-spacing: 2px;
}
/*brandStory*/
.brandStory{
	padding: 110px 0 110px;
	background: #000015;
}
.brandStory  .sub-txt-tit{
	color: #fff;
	text-align: center;
}
.brandStory  .sub-txt-tit .b-t1,
.brandStory  .sub-txt-tit .b-t2,
.culture .sub-txt-tit .b-t1,
.culture .sub-txt-tit .b-t2{
	color: #fff;
	
}
.brandStory .container{
	width: 100%;
	max-width: 1190px;
}
.ppgsP{
	left: auto !important;
	right: 80px !important;
}
.ppgsSwiper{
	position: relative;
	overflow: hidden;
	margin-top: 42px;
}
.ppgs-list{
	background: #002878;
}
.ppgs-list .pic{
	overflow: hidden;
}
.ppgs-list .pic img{
	width: 100%;
}
.ppgs-list .info{
	padding: 0px 25px;
	height: 280px;
	overflow: auto;
	font-size: 14.23px;
	color: #fff;
	line-height: 34px;
	text-align: center;
}
/*culture*/
.culture{
	margin: 0 auto;
	padding: 20% 0 0px;
	background: url(../images/bg-wh.jpg) no-repeat top center;
	/*background-size: cover;
	background-attachment: fixed;*/
	text-align: center;
}
.culture .container{
	max-width: 1207px;
	background: rgb(0,40,120,.92);
}
.culture .sub-txt-tit{
	padding-top: 87px;
}
.culture .box{
	width: 60.48%;
	margin: 90px auto 150px auto;
	overflow: hidden;
}
.culture .box .lb{	
	text-align: center; 
	float: left;
	color: #fff;
}
.culture .box .lb .sub{
	font-size: 14.23px;
	line-height: 32px;
}
.culture .box .lb .sub span{
	font-family: 'Times New Roman';
}
.culture .content-list{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	color: #e2e2e2;
	padding: 100px 0 145px 0;
}
.culture .content-list .item{
	border-right:rgb(226,226,226,.3) solid 2px;
	padding: 0 7%;
	line-height: 33.4px;
}

.culture .content-list .item:last-child{
	border-right: none;
}
.culture .content-list .item .tit-en{
	font-size: 28.85px;
	font-family: "Gotham-Light";
	line-height:29px;
}
.culture .content-list .item .tit-cn{
	font-size: 22.43px;
	margin-bottom: 20px;
	font-weight: lighter;
}
.abt-setion-three{
	background: #00236a;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.abt-setion-three .left-pic{
	width:62.76%;
}
.abt-setion-three .right-cont{
	width: 24%;
	color: #fff;
	text-align: right;
	line-height: 32.74px;
	font-size: 14.22px;
}
.abt-setion-three .right-cont .tit-en,
.abt-setion-four .container .tit-en,
.abt-setion-five .desc1 .tit-en,
.abt-setion-five .desc2 .tit-en{
		font-family: "Gotham-Light";
		font-size: 42px;
}
.abt-setion-three .right-cont .tit-cn,
.abt-setion-five .desc1 .tit-cn,
.abt-setion-five .desc2 .tit-cn{
		 letter-spacing: 4px;
		font-size: 24px;
			font-weight: lighter;
}
.abt-setion-three .right-cont .cont{
	padding-top: 80px;
		font-weight: lighter;
}
.abt-setion-four{
	background:#e7e7e7 url(../images/sub-abt-bg2.jpg) no-repeat center top;
	padding-bottom:13%;
}
.abt-setion-four .container{
	max-width: 1294px;
	padding-top: 11%;
}
.abt-setion-four .container .tit-cn,
.abt-setion-four .container .tit-en{
	color: #002878;
}
.abt-setion-four .container .tit-cn{
	font-size: 24px;
	line-height: 32px;
	width: 280px;
	font-weight: lighter;
}
.abt-setion-four .container .tit-en{
	line-height: 52px;
	padding:10px 0 150px 0;
}
.abt-setion-four .container .flex-box{
	padding-top: 100px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	line-height: 29px;
	font-size: 14px;
	color: #090506;
	margin-bottom: 20px;
}
.abt-setion-four .container .flex-box .left{
	width: 64.81%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.abt-setion-four .container .flex-box .right{
	width: 33.64%;
	position: relative;
}
.abt-setion-four .container h3{
	font-size: 32px;
	line-height: 49px;
}
.abt-setion-four .container p{
	font-size: 12.8px;
}
.abt-setion-four .des1,
.abt-setion-four .des2,
.abt-setion-four .des3,
.abt-setion-four .des4{
	position: relative;
}
.abt-setion-five{
	background: #000015;
	padding: 11% 0;
}
.abt-setion-five .container,
.abt-setion-six .container{
	max-width: 1292px;
}
.abt-setion-five .desc1{
	width: 83%;
	margin: 0 auto;
	left: 8.5%;
	color: #fff;
	top: 135px;
	position: absolute;
}
.abt-setion-five .desc1 .tit-en{
	line-height: 38px;
}
.abt-setion-five .desc1 .tit-cn{
	padding: 18px 0 15px 0;
	font-weight: lighter;
}
.abt-setion-five .desc1 p{
	width: 58%;
	font-size: 15px;
	line-height: 33px;
	font-weight: lighter;
}
.abt-setion-five .desc2{
	position: absolute;
	width: 100%;
	margin: 0 auto;
	left: 0;
	bottom: 0;
	color: #fff;
	background: rgb(36,73,21,.68); 
	height: 43%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	text-align: center;
	align-items: center;
}
.abt-setion-five .desc2 .security{
	width: 350px;
}
.abt-setion-five .desc2 .green {
	width: 450px;
}
.abt-setion-five .desc2 p{
	font-size: 15px;
	line-height: 30px;
		font-weight: lighter;
}
.abt-setion-five .desc2 .tit-en{
	line-height: 48px;
	font-size: 51px;
}
.abt-setion-five .desc2 .tit-cn{
	line-height: 36px;
	font-size:28px;
	letter-spacing: 2px;
	padding: 19px 0 16px 0;
	font-weight: lighter;
}
.abt-setion-six{
	background: #e0d7cd url(../images/sub-abt-bg3.jpg) no-repeat center top;
	padding: 12.3% 0 11% 0;
}
.abt-setion-six .desc{
	color: #221613;
}
.abt-setion-six .desc .title{
	font-size: 56.87px;
	line-height: 75.44px;
	font-weight: lighter;
}
.abt-setion-six .desc p{
	font-size: 35.39px;
	line-height: 49.58px;
	font-family: 'Gotham-Light';
	width: 60%;
}
.abt-setion-six .flex-box{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	color: #ffffff;
	text-align: center;
}
.abt-setion-six .flex-box .item{
	width: 25%;
	height: 284px;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.abt-setion-six .flex-box .item1,
.abt-setion-six .flex-box .item4{
	background: #0045ab;
}
.abt-setion-six .flex-box .item2{
	background: #002260;
}
.abt-setion-six .flex-box .item3{
	background: #00052d;
}
.abt-setion-six .box1{
	margin-top: 16%;
}
.abt-setion-six .box1 .en{
	font-size: 42px;
	line-height:49.58px;
	font-family: 'Gotham-Light';	
}
.abt-setion-six  .box1 .cn,
.abt-setion-six .flex-box .item-two .tit{
	font-size: 28px;
	line-height:36px;
	font-weight: lighter;	
}
.abt-setion-six  .box1 .cn{
	padding-top: 18px;
}
.abt-setion-six .flex-box .item-two{
	width: 50%;
	height: 420px;
	padding: 0 90px;
	display: flex;
	flex-direction: column;
	
}
.abt-setion-six .flex-box .item-two p{
	font-size: 15px;
	line-height:40px;	
	font-weight: lighter;
}
.abt-setion-six .flex-box .item-two .tit{
	padding: 23% 0 20px 0;
}
/*honor*/
.honor{
	padding: 80px 0 118px;
}
.honor .titBox{
	position: relative;
}
.honor .housty-sy-H2{
	text-align: left;
	color: #1b1b1b;
}
.honor .housty-sy-H6{
	text-align: left;
	color: #606060;
}
.honorP{
	left: auto !important;
	right: 80px !important;
}
.honorSwiper{
	position: relative;
	overflow: hidden;
	margin-top: 55px;
}
.honor-list{
	background: url(../images/honor-back.jpg) no-repeat center center;
	padding: 12px;
	background-size: 100% 100%;
}
.honor-list img{
	width: 100%;
}

/*product*/
.product-banner{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 122px;
	background: #eeeeee;
}
.product-banner-left{
	width: 24%;	
	padding:100px 0 0 0;
	text-align: center;
}
.product-banner-left img{
	margin-bottom: 10vh;
}
.product-className-en{
	font-size: 21.17px;
}
.product-className-cn{
	font-size: 16.97px;
}
.product-banner-right{
	width: 76%;
}
.product-banner-right .swiper-slide img{
 
}
.case-banner-right .swiper-container-free-mode>.swiper-wrapper {
      -webkit-transition-timing-function: linear;
      /*之前是ease-out*/
      -moz-transition-timing-function: linear;
      -ms-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear;
      margin: 0 auto;
}
.case-banner-right .mySwiper{
	height: 100%;
}
.product-banner-left .product-class{
	transition: all .5s ease;
	min-height: 80px;
}
.product-banner-left .product-class a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	transition: all .5s ease;
}
.product-banner-left .product-class a:hover,.product-banner-left .product-class a.on{
	background: #fff;
	color: #002878;
	transition: all .5s ease;
}
#ProbannerN,#ProbannerP{
	width: 22px!important;
	height: 47px!important;
	background-image: none!important;
	background: none!important;
	
}
#ProbannerN::after, #ProbannerP::after{
display: none;
}
#ProbannerP{
	left: 98px;
}
#ProbannerN{
	right: 98px;
}
#ProbannerN div{
	width: 100%;
	height: 100%;
	background: url(../images/jt-jydt-right.png) no-repeat left center!important;
}
#ProbannerP div{
	width: 100%;
	height: 100%;
	background: url(../images/jt-jydt-left.png) no-repeat left center!important;
}
.product-wrap{
	background: #000015;
	width: 100%;
	padding: 100px 0;
}
.product-wrap .container{
	max-width: 1188px;
	background: #eeeeee;
}
.product1{	
	width: 100%;
	margin:120px auto 0 auto;
	overflow: hidden;
	position:relative;
}
.product1 .now-pro-title{
	font-size: 46px;
	line-height: 50px;
	color: #15336d;
}
.product1 .now-pro-title span{
	font-family: 'Times New Roman';
}
.product1-inner{
	margin-top: 65px;
}
.product1 .pic{
	width: 55.1%;
	float: left;
}

.product2 .pic{
	float: right;
}
.product1 .cont{
	width: 40.39%;
	position: absolute;
	bottom: 0;
	left: 55.1%;
	background: #002878;
	color: #fff;
	height: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
 .product1 .cont .cont-box{
	width: 70%;
}
 .product2 .cont .cont-box{
	width: 70%;
	float: right;
}
.product2 .cont{
	text-align: left
}

.product2 .cont .sub{
	float: left
}
.product1 .cont .pro-tit-en{
	font-family: 'Gotham-Light';
	font-size: 33.77px;
	line-height: 40px;
	 
}
.product1 .cont .pro-tit-cn{
	font-size: 21.32px;
	line-height: 32px;
}
.product1 .cont .pro-tit-cn span{
	font-weight: lighter;
}
.product1 .cont .sub{
	font-size: 14.22px; 
	line-height: 18px;
	padding-top: 5px;
}
.product1 .cont .sub p{
	margin: 0;
	width: 100%;
	padding: 3px 0 3px 13px;
	background: url(../images/dot-dt1.png) no-repeat left 15px;
	line-height: 32px;
}
.product2 .cont .sub p{
	background: url(../images/dot-dt2.png) no-repeat left 15px;
}
.product1-inner .info{
	width: 41.33334%;
	float: right;
}
.product1-inner .info .box{
	overflow: hidden;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 38px;
	margin-bottom: 42px;
}
.product2 .product1-inner .info .box{
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.product1-inner .info .box:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.product1-inner .info .box .ico{
	width: 20%;
	float: left;
	text-align: center;
	line-height: 65px;
}
.product1-inner .info .box .cont{
	width: 80%;
	float: left;
}
.product1-inner .info .box .cont .tit{
	font-size: 30px;
	color: #4c4c4c;
	line-height: 65px;
}
.product1-inner .info .box .cont .sub{
	font-size: 16px;
	color: #4c4c4c;
	line-height: 32px;
	margin-top: 18px;
	max-height: 192px;
	padding-right: 15px;
	overflow: auto;
}
.product2{
}
.product2 .product1-inner{
	margin-top: 0;
}
.product2 .pic{
	float: right;
	width: 56.4%;
}
.product2 .cont{
	left: auto;
	right: 56.4%;
	background: #ffffff;
	color: #002878;
}
.product2 .info{
	float: left;
}
.product2 .product1-inner .info .box .cont .tit{ 
	color: #fff; 
}
.product2 .product1-inner .info .box .cont .sub{ 
	color: #fff; 
}

.product3 .product1-inner{
	margin-top: 165px;
}
.product4{
	margin-top: 0;
	padding: 78px 0;
}
.product4 .product1-inner{
	margin-top: 0;
}
.product4 .pic{
	float: right;
}
.product4 .info{
	float: left;
}



/*更多效果*/
.hsd-plus .pic{ 
	overflow: hidden;
	position: relative;
}
.hsd-plus .pic::after{
	content: "\e727";
	font-family: "iconfont";
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #15336d;
	z-index: 99;
	left: 50%;
	margin-left: -75px;
	text-align: center;
	line-height: 120px;
	font-size: 28px;
	color: #fff;
	top: 50%;
	margin-top: -60px;
	opacity: 0;
	transform: scale(0.4);
    transition: all .5s ease;
}
.hsd-plus:hover  .pic::after{
	opacity: 1;
	transform: scale(1);
    transition: all .5s ease;
}
.hsd-plus .tit{
	font-weight: bold;
	font-size: 20px;
	color: #15336d;
	line-height: 25px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 18px 0;
}
.hsd-plus .sub{
	font-size: 16px;
	color: #757575;
	line-height: 32px;
}

/*Nybanner*/
.Nybanner{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 122px;
}
.Nybanner #nowLmPic{
	width: 100%;
	object-fit: cover;
}
.NybannerInfo{
	position: absolute;
    top: 315px;
    left: 0;
    width: 100%;
    height: 100%;
}
.nowHzhb{
	text-align: left;
	width: 100%;
	max-width: 1156px;
	margin: 0 auto;
	color: #1b3064;
}
.nowHzhb .inner{
	display: inline-block;
	position: relative;
}
.n-logo img{
	width: 80px;
}
.nowHzhb .inner::after,
.nowHzhb .inner::before{
	content: "";
	width: 139px;
	height: 188px;
	bottom: 40px;
	position: absolute;
}
.nowHzhb .inner::after{
	background: url(../images/ny-cb1.png) no-repeat center center;
	left: -180px;
}
.nowHzhb .inner::before{
	background: url(../images/ny-cb2.png) no-repeat center center;
	right: -180px;
}
.nowHzhb .n-txt1{
	 font-family: 'Gotham-Light';
	font-size: 52.5px;
	margin: 0px 0 0 50px;
}
.nowHzhb .n-txt1 span{
	color: #ffffff;
}
.nowHzhb .n-txt2{
	font-size: 25.24px;
	line-height: 40px;
	letter-spacing: 9px;
	text-transform: capitalize;
	font-weight: lighter;
}
.nowHzhb .n-txt3{
	font-size: 25.24px;
	letter-spacing: 9px;
	margin: 10px 0 0 95px;
}
.Nylocation{
	padding-top: 70px;
	position: relative;
	z-index: 999;
}
.Nylocation .container{
	border-bottom: 1px solid #e0e1e1;
}
.news-container {
	max-width: 1224px;
	margin: 0 auto;
}
.Nylocation .now-lm{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.Nylocation.de .container{
	border-bottom: none;
}
.Nylocation .now-lm{
	overflow: hidden;
	margin-bottom: 28px;
}
.Nylocation .now-lm a{
	display: block;
	float: left;
	height: 70px;
	padding: 15px 120px 0 120px ;
	font-size: 26.71px;
	color: #717071;
	background: #d5d6d6;
	letter-spacing: 14px;
}
.Nylocation .now-lm a:hover,
.Nylocation .now-lm a.on{
	background: #002878;
	color: #fff;
}
.Nylocation .now-lm span{
	background: #e2e2e2;
	width: 3px;
	display: block;
	margin: 0 20px;
}
.Nylocation .now-wz{
	float: right;
	font-size: 14px;
	color: #2e2e2e;
	line-height: 30px;
}
.Nylocation .now-wz i{
	font-size: 18px;
	line-height: 30px;
	color: #909090;
	margin-right: 10px;
	position: relative;
	top: 1px;
}
.Nylocation .now-wz a{
	color: #2e2e2e;
}
.Nylocation .now-wz a:hover{
	color: #15336d;
}

/*箭头*/
.hsd-next,
.hsd-prev{
	width: 50px !important;
	height: 50px !important;
	border: 1px solid #c5c5c5;
	border-radius: 50%;
	background: none !important;
	text-align: center;
	line-height: 48px;
    transition: all .5s ease;
}
.hsd-next:hover,
.hsd-prev:hover{
	color: #19366f;
	border: 1px solid #19366f;
    transition: all .5s ease;
}
.hsd-next i,
.hsd-prev i{
	font-size: 22px;
}
.hsd-next{
	
}
.hsd-prev{
	transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*sy-tit*/
.indexProduct .housty-sy-H2{
	color: #002878;
	font-size: 73px;
	line-height: 56px;
	display: flex;
	flex-direction: column;
}
.indexProduct .housty-sy-H2 span{
	font-family: "Gotham-Light";
	}
.housty-sy-H2{
	text-align: center;
	color: #fff;
	font-size: 48px;
	line-height: 52px;
	position: relative;
	z-index: 33;
}
.housty-sy-H6{
	font-family: 'Times New Roman';
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 14px;
	position: relative;
	z-index: 33;
}
.indexProduct .titBox .housty-sy-H6{
	font-size: 43px;
	font-weight: lighter!important;
	line-height: 50px;
	letter-spacing: 6px;
	margin-top: 25px;
	color: #262626;;
	
}
.case-banner{
		background:#eeeeee url(../images/case-banner-bg.jpg) left bottom repeat-x;		
}
.case-banner-left{
	width: 50.16%;
	position: relative;
}
.case-banner-right{
	width: 49.84%;
	position: relative;
}
.case-nowHzhb{
	width: 81%;
	margin: 0 auto;
	padding-top: 80px;
}
.case-nowHzhb .n-txt1{
	color: #000015;
	text-align: right;
	line-height: 56px;
	margin-left: 0;
}
.case-nowHzhb .n-txt1 span{
	padding-left:45px;
}
.case-nowHzhb .n-txt2{
	color: #000015;
	text-align: right;
	padding-top: 10px;
	letter-spacing: 20px;
}
.case-class{
	position: absolute;
	bottom: 0;
	width: 47.77%;
	right: 0;
}
.case-class-box{
	width: 100%;
	text-align: left;
	background: url(../images/case-class-bg.jpg) repeat-y left top;
	padding-bottom: 30vh;
}
.case-class-box a{
	display: block;
	color: #9d9d9e;
	font-size: 17.77px;
	line-height: 70px;
	padding-left: 26px;
	transition: all .5s ease;
	border-left:transparent solid 5px ;
	letter-spacing: 3px;
}
.case-class-box a:hover,.case-class-box a.on{
	border-left:#002878 solid 5px ;
    transition: all .5s ease;
    color: #231815;
}
/*footer*/
footer{
	padding: 90px 0 0 0;
	background: #08081b;
	font-family: 'Gotham-Medium';
}

.foot-top{
	padding: 0 0 60px 0;
}
.foot-top .container{
	max-width: 1498px;
}
.foot-lx{
	float: left;
	width: 210px;
	text-align: center;
}
.share{width: 100%; margin-top:20px; margin-left:auto; margin-right:auto;padding-top:10px;}
.share a{
	margin-right:0px;
}
.share a:last-child{
	margin-right: 0;
}
.share a:hover .img{
	opacity: .6;
}
.foot-lm{
	float: right;
	overflow: hidden;
}
.foot-lm .item{
	float: left;
	margin-left: 65px;
	text-align: right;
}
.foot-lm .item:first-child{
	margin-left: 0;
}
.foot-lm .item h4{
	font-size: 16.06px;
	color: #fff;
	line-height: 25px;
	font-weight: bold;
	letter-spacing: 3px;
}
.foot-lm .item .link{
	margin-top: 32px;
	font-weight: bold;
}
.foot-lm .item .link span{
	font-family: 'Times New Roman';
	margin-top: 5px;
}
.foot-lm .item .link a{
	display: block;
	font-size: 12.49px;
	color: #afafb0;
	line-height: 35px;
}
.foot-lm .item .link a:hover{
	color: #fff;
}
.foot-copy{
	line-height: 25px;
	font-size: 14.27px;
	color: #c7c7c7;
	letter-spacing: 4px;
}
.foot-copy .container{
	text-align: center;
}
.foot-copy a{
	color: #afafb0;
}
.foot-copy a:hover{
	color: #fff;
}

.foot-yh{
	line-height: 25px;
	font-size: 7.5px;
	color: #c7c7c7;
	letter-spacing: 2px;
}
.foot-yh .container1{
	text-align: center;
}
.foot-yh a{
	color: #afafb0;
}
.foot-yh a:hover{
	color: #fff;
}



/* MB - PC */
.isPc {
	display: block;
}

.isMobile{
	display: none !important;
}

/* 滚动  */
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

/*page*/
.Page{
	width: 100%;
	text-align: center;
	padding-top: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.Page .disabled {	 
	padding:7px 16px 7px 16px;
	font-size: 17.8px;
	color: #d8d8d8; 
	background: #ffffff;
	display: none;
	visibility: hidden;
}

.Page a {	 
	display: block;
	min-width: 42px;
	padding:7px 16px 7px 16px;
	background: #ffffff;
	text-align: center;
	font-size: 17.8px;
	color: #717071;
	position: relative;
	top: 2px;  
	border-radius: 42px;
	margin: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.Page a:hover{
	background: #002878;
	color: #ffffff;
}
.Page span{
	margin: 0 10px;
}
.Page a.sy {
	color: #707072 !important;
}

.Page .current {
	background: #002878;
	color: #ffffff;
	display: inline-block;
	padding:7px 16px 7px 16px;
	position: relative;
	border-radius: 42px;
}
.Page .next,
.Page .prev{
	width: 94px;
}

.bsBox {
	width: auto !important;
	height: auto !important;
}

/*Webkit,Opera9.5+,Ie9+*/
::selection {
	background: #4d83b1;
	color: #fff;
}

/*Mozilla Firefox*/
::-moz-selection {
	background: #4d83b1;
	color: #fff;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 6px;
	height: 16px;
	background-color: #fff; 
} 

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
	/*border-radius: 10px;*/
	background-color: #f2f2f2;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(0, 0, 0, 1);
	border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, 1);
}

::-webkit-scrollbar-thumb:active {
	background-color: rgba(0, 0, 0, 1);
}

/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/
.sroll_top {
	right: 0.8%;
	bottom: 6%;
	position: fixed;
	display: none;
	cursor: pointer;
	z-index: 1000;
}
.syArtSwiper{
	overflow: hidden;
	position: relative;
}

.wz-web-search{
	padding: 50px 0 100px;
}
.wz-web-search ul{
	overflow: hidden;
}
.wz-web-search li{
	border-bottom: 1px solid #ddd;
	padding: 30px 0; 
	width: 48.5%;
	float: left;
    transition: all .5s ease;
}
.wz-web-search li:nth-of-type(2n+2){
	float: right;
}
.wz-web-search li:hover{
	background: #15336d;
	padding: 30px;
    transition: all .5s ease;
}
.wz-web-search li .tit .t1{
	font-size: 22px;
	color: #333;
	line-height: 30px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.wz-web-search li:hover .tit .t1{
	color: #fff;
    transition: all .5s ease;
}
.wz-web-search li .url{
	font-size: 14px;
	margin-top: 10px;
	color: #15336d;
    transition: all .5s ease;
}
.wz-web-search li:hover .url{
	color: #fff;
    transition: all .5s ease;
}
.tyzx-tit{
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 30px;
}
.tyzx-sub{
	width: 78%;
	margin: 45px auto 35px auto;
	text-align: center;
	font-size: 13px;
	line-height: 32px;
	color: #fff;
	font-weight: lighter;
}
.experienceCenter-nowHzhb .n-txt1{
	font-size: 73px;
}
.experienceCenter-nowHzhb .n-txt2{
	font-size: 36px;
	letter-spacing: 13px;
	padding-top: 28px;
	font-weight: lighter;
}
.experience-bg .addr-tyzx{
	margin-top: 10px;
	margin-bottom: 80px;
}
.case-maodian{
	clear: both; float: none; display: block;background: #000;width: 100%; height: 1px; opacity: 0; position: absolute; bottom: 110px;
}
.experience-list .tit-box{
	padding-bottom: 30px;
}
.experience-list .tit-box:hover{
	background: #002878;
	color: #fff;
}
.experience-list .tit-box .tit-en{
	font-size: 32px;
	text-transform:capitalize;
	font-family: 'Gotham-Light';
	font-weight: lighter;
}
.experience-list .tit-box .tit{
	font-size: 26px;
	letter-spacing: 7px;
}

.experience-list  .zxzx{
	display: flex;	
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	font-size: 20px;
	line-height: 27px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0,.63);
	color: #fff;
	letter-spacing: 6px;
	opacity: 0;
}
.experience-list  .zxzx i{
	font-size: 60px;
}
.experience-list  .zxzx span{
	padding-top: 25px;
}
.experience-list:hover .zxzx{
	opacity: 1;
}

.product-class-bg1{
	
	background: #e7e7e7;
}
.product-class-bg2{
	background: #000015;
}
.mod-product-banner{
	justify-content:space-between;
}
.mod-product-right{
	width: 75%;
}
.mod-product-banner-left{
	display: block;
	width: 25%;
	background: #e2e2e2;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.mod-product-banner-left .flex-left{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.mod-product-banner-left .class-item{
	height: 50%;
	border-bottom: #fff solid 0px;
	color: #002878;
	padding-top: 34%;
	position: relative;
	z-index: 1;
}
.mod-product-banner-left .class-item:hover,
.mod-product-banner-left .class-item-on,
.mod-product-banner-left .list-pro a:hover,
.mod-product-banner-left .list-pro a.on{
	background: #002878;
	color: #fff;
}
.mod-product-banner-left .class-item:last-child,
.mod-product-banner-left .list-pro a:last-child{
	border: none;
}
.mod-product-banner-left .item-en{
	font-size: 56.86px;
	 font-family: 'Gotham-Light';
	line-height:58px;
}
.mod-product-banner-left .item-cn{
	font-size: 26px;
}
.xiala{
	position: absolute;
	left: 0;
	top: 0;
	height: 200%;
	overflow: hidden;
	opacity: 1;
	z-index: 999;
}
.mod-product-banner-left  .list-pro{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	font-size:21px;
	text-align: center;
	background: #e2e2e2!important;
	padding-top: 0!important;
	height: 100%;
}
.mod-product-banner-left .list-pro a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	height:100%;
	border-bottom: #fff solid 0px;
	color: #002878;
	width: 100%;
	align-items: center;border: none;
}
.mod-product-banner-left .list-pro a img{width: 100%;margin-bottom:0vh;}
.overshow:hover .xiala{
	opacity: 1;
}

.mod-product-right .case-maodian{
	bottom: -80px;
}
.share .lb{
margin-right:10px;
	height: 30px; float:left;
	line-height: 30px;
	cursor: pointer;
	position: relative;
	transition: all .5s ease;padding-bottom:100px;
}
.share .lb:last-child{margin-right: 0;}
.share .lb:hover{transition: all .5s ease;}
.share .lb .ewm{
	position: absolute;
	width: 100%; 
	left: 0px;
	padding:0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.share .lb:hover .ewm{
	opacity: 1; 
	width:50px;left:-10px;
	bottom:0px;
	visibility: visible;
	transition: all .5s ease;
}
.share .lb .ewm img{
	width:50px;
	height:50px;
}
.share .lb .trans{position: relative;}