* {
			padding: 0;
			margin: 0;

			font-family: "微软雅黑";
		}
		
		body,
		div,
		dl,
		dt,
		dd,
		ul,
		ol,
		li,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		pre,
		form,
		fieldset,
		input,
		textarea,
		p,
		blockquote,
		th,
		td {
			padding: 0;
			margin: 0;
		}
		
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		fieldset,
		img {
			border: 0;
		}
		body{
			overflow-x: hidden;
		}
		a {
			color: #000;
			text-decoration: none;
		}
		
		address,
		caption,
		cite,
		code,
		dfn,
		em,
		th,
		var {
			font-weight: normal;
			font-style: normal;
		}
		
		ol,
		ul {
			list-style: none;
		}
		
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-weight: normal;
			font-size: 100%;
		}
		
		q:before,
		q:after {
			content: "";
		}
		
		ol,
		ul {
			list-style: none;
		}
		
		img{
			vertical-align: middle;
		}
		
		.pc {
			display: block;
		}
		
		.mobile {
			display: none;
		}
		
		.container {
			width: 1200px;
			margin: 0 auto;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		.container1300{
			width: 1300px;
			margin:0 auto;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.clear {
			clear: both;
		}
		
		.clearfix:after {
			content: '';
			overflow: hidden;
			clear: both;
			visibility: hidden;
			display: block;
		}
		.flexbox {
		    display: flex;
		    display: -webkit-flex;
		    display: -ms-flexbox;
		}
		
		.banner .swiper-slide {
		    text-align: center;
		    font-size: 18px;
		    background: #fff;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		    overflow: hidden;
		}
		.banner .swiper-button-next{
			width: 64px;
			height: 64px;
			background: rgba(3, 22, 35, 0.5);
			backdrop-filter: blur(5px);
			border-radius: 100%;
			color: #fff;
		}
		.banner .swiper-button-next::after{
			font-size: 28px;
			color: #fff;
		}
		.banner .swiper-button-prev{
			width: 64px;
			height: 64px;
			background: rgba(3, 22, 35, 0.5);
			backdrop-filter: blur(5px);
			border-radius: 100%;
			color: #fff;
		}
		.banner .swiper-button-prev::after{
			font-size: 28px;
			color: #fff;
		}
		.banner .swiper-pagination-bullet-active{
			background:#F5C51A;
		}
		.banner img{
			width:100%;
		}
		.header{
			position: fixed;
			background: rgba(15, 53, 82, 0.8);
			backdrop-filter: blur(6px);
			z-index: 999;
			    width: 100%;
			    left: 0;
			    top: 0;
		}
		.header .top{
			justify-content: space-between;
			align-items: center;
			height: 100px;
			line-height: 100px;
		}
		.header .top ul li{
			position: relative;
		}
		.header .top ul li>a{
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			text-align: center;
			padding: 0 18px;
			color: #FFFFFF;
			position:relative;
		}
		.header .top ul li>a:after{
			width:50%;
			height:3px;
			background: #F5C51A;
			content:'';
			position:absolute;
			left:0;
			right:0;
			margin:auto;
			bottom:-15px;
			display:none;
		}
		.header .top ul li:hover>a:after{
			display:block;
		}
		.header .top ul li.on>a:after{
			display:block;
		}
		.header .top ul li .sec{
			position: absolute;
			line-height: initial;
			display: none;
			left: 50%;
			    transform: translateX(-50%);
				padding: 10px;
		}
		.header .top ul li:hover .sec{
			display: flex;
		}
		.header .top ul li .sec a{
			display: inline-block;
			white-space:nowrap;
			font-weight: 700;
			font-size: 14px;
			line-height: 18px;
			text-align: center;
			background: rgba(15, 53, 82, 0.35);
			backdrop-filter: blur(6px);
			padding: 12px 15px;
			color: #FFFFFF;
		}
		.header .top ul li .sec a:hover{
			background: rgba(15, 53, 82, 0.8);
			backdrop-filter: blur(6px);
		}
		.index_pro{
			padding: 40px 0;
		}
		.tit.custtop .lt p{
			font-family: 'Arial';
			font-style: normal;
			font-weight: 400;
			font-size: 30px;
			line-height: 34px;
			text-transform: uppercase;
			
			color: #808080;
		}
		.tit.custtop{
			justify-content: space-between;
			align-items: flex-end;
		}
		.tit.custtop .lt .line{
			width: 100px;
			height: 6px;
			background: #F5C51A;
			margin: 8px 0;
		}
		.tit.custtop .lt h3{
			font-weight: 400;
			font-size: 24px;
			line-height: 32px;
			
			/* identical to box height */
			
			color: #000000;
		}
		.tit.custtop .more a{
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			color: #808080;
		}
		.index_pro .pro{
			padding: 24px 0;
		}
		.index_pro .pro .top .img{
			width: 60%;
			position: relative;
		}
		.index_pro .pro .top .img img{
			width: 100%;
		}
		.index_pro .pro .top .info{
			background: #356385;
			width: 40%;
			flex-direction: column;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 0 30px;
			justify-content: center;
			position:relative;
		}
		.index_pro .pro .top .info:after{
			position:absolute;
			right:0;
			top:0;
			height:100%;
			width:15px;
			background:#F5C51A;
			content:'';
		}
		.index_pro .pro .top .info h3{
			font-weight: 700;
			font-size: 30px;
			line-height: 40px;
			
			/* identical to box height */
			text-transform: uppercase;
			margin-bottom: 24px;
			color: #FFFFFF;
		}
		.index_pro .pro .top .info .tj{
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			text-transform: uppercase;
			
			color: #FFFFFF;
		}
		.index_pro .pro .top .info .tj span{
			display: inline-block;
			vertical-align: middle;
		}
		.index_pro .pro .top .info .xb{
			margin: 24px 0;
		}
		.index_pro .pro .top .info .xb .n{
			font-weight: 700;
			font-size: 16px;
			line-height: 21px;
			text-transform: uppercase;
			
			color: #FFFFFF;
			padding: 8px 12px;
			background: #F5C51A;
			display: inline-block;
		}
		.index_pro .pro .top .info .desc{
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			text-transform: uppercase;
			margin-bottom: 24px;
			color: #FFFFFF;
		}
		.index_pro .pro .top .info .descEn{
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			color: rgba(255, 255, 255, 0.5);
		}
		.index_pro .pro .img{
			overflow:hidden;
		}
		.index_pro .pro .img .mm{
			position: absolute;
			width: 100%;
			left: 0;
			bottom: -52px;
			justify-content: space-between;
			background: linear-gradient(270deg, rgba(10, 36, 70, 0.35) 32.81%, rgba(10, 36, 70, 0.35) 100%);
			padding: 15px 20px;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			transition: .3s all ease;
		}
		.index_pro .pro .img:hover .mm{
			bottom:0;
		}
		.index_pro .pro .img .mm a{
			justify-content: space-between;
			background: linear-gradient(270deg, rgba(10, 36, 70, 0.35) 32.81%, rgba(10, 36, 70, 0.35) 100%);
			padding: 15px 20px;
		}
		.index_pro .pro .img .mm span{
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			color: #FFFFFF;
		}
		.index_pro .pro .bottom {
			padding: 18px 0;
		}
		.index_pro .pro .bottom ul li{
			float: left;
			width: 32%;
			margin-right: 2%;
		}
		.index_pro .pro .bottom ul li:nth-child(3){
			margin-right: 0;
		}
		.index_pro .pro .bottom ul li .img{
			overflow: hidden;
			position:relative;
			border:1px solid #eaeaea;
		}
		.index_pro .pro .bottom ul li .img .info{
			justify-content:space-between;
			position:absolute;
			width:100%;
			bottom:-45px;
			transition:.3s all ease;
			padding:10px 20px;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			background: linear-gradient(270deg, rgba(10, 36, 70, 0.35) 32.81%, rgba(10, 36, 70, 0.35) 100%);
		}
		.index_pro .pro .bottom ul li .img .info span{
			color:#fff;
		}
		.index_pro .pro .bottom ul li:hover .img .info{
			bottom:0;
		}
		.index_pro .pro .bottom ul li .img img{
			width: 100%;
			transition: .3s all ease;
		}
		.index_pro .pro .bottom ul li:hover .img img{
			transform: scale(1.1);
		}
		
		.logolist{
			background: #356385;
		}
		.logolist .s{
			justify-content: space-between;
			align-items: center;
			padding: 10px 0;
		}
		.index_about{
			padding: 40px 0;
			background: radial-gradient(50% 50% at 50% 50%, #D0D0D0 0%, #F4F4F4 100%);
		}
		.index_about .a_list .info{
			width: 44%;
			padding: 30px 0;
		}
		.index_about .a_list .info .txt{
			background-color: #fff;
			padding: 40px;
		}
		.index_about .a_list .info .txt p{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			text-indent:2em;
			/* or 28px */
			
			color: #000000;
		}
		.index_about .a_list .info .txt .tips{
			justify-content: center;
			padding: 10px 0;
		}
		.index_about .a_list .info .txt .tips .its{
			padding: 0 32px;
		}
		.index_about .a_list .info .txt .tips h3{
			font-style: normal;
			font-weight: 700;
			font-size: 24px;
			line-height: 32px;
			/* identical to box height */
			text-align: center;
			color: #F5C51A;
			margin-bottom: 10px;
		}
		.index_about .a_list .info .txt .tips p{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			text-align: center;
			text-indent:0em;
			color: #000000;
		}
		.index_about .a_list .info .txt .more a{
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			border: 1px solid #356385;
			border-radius: 4px;
			color: #356385;
			padding: 8px 16px;
			display: inline-block;
			padding: 5px 120px;
		}
		.index_about .a_list .info .txt .more a:hover{
			background: #356385;
			color: #fff;
		}
		.index_about .a_list .info .txt .more{
			text-align: center;
		}
		
		.index_about .a_list .video{
			width: 56%;
		}
		.index_about .a_list .video .t img{
			width: 100%;
		}
		.index_about .a_list .video .t{
			position: relative;
		}
		.index_about .a_list .video .t .play{
			position: absolute;
			    width: 60px;
			    height: 60px;
			    margin: auto;
			    left: 0;
			    right: 0;
			    top: 0;
			    bottom: 0;
			    cursor: pointer;
		}
		.index_about .a_list .video .t .play img{
			width: 100%;
		}
		
		.index_adv{
			background: url(../images/advbg.jpg) no-repeat center;
			height: 800px;
		}
		.index_adv .tit{
			padding: 40px 0;
		}
		.index_adv .tit p{
			font-family: 'Arial';
			font-style: normal;
			font-weight: 400;
			font-size: 30px;
			line-height: 34px;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.5);
		}
		.index_adv .tit .line{
			width: 100px;
			height: 4px;
			/* 主题黄色 */
			background: #F5C51A;
			margin: 8px 0;
		}
		.index_adv .tit h3{
			font-style: normal;
			font-weight: 400;
			font-size: 24px;
			line-height: 32px;
			color: #FFFFFF;
		}
		
		.index_adv .top .icon{
			background-color: #fff;
			width: 120px;
			height: 120px;
			line-height: 120px;
			text-align: center;
		}
		.index_adv .top .d{
			background-color: #356385;
			width: 375px;
			padding: 30px 15px;
		}
		.index_adv .top .d p{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			
			/* or 28px */
			
			color: #FFFFFF;
		}
		.index_adv .top .item{
			display: none;
		}
		.index_adv .c{
			margin-top: 200px;
		}
		.index_adv .bottom{
			padding: 40px 0;
		}
		.index_adv .bottom .i{
			background: #fff;
			border-radius: 50%;
			width: 80px;
			height: 80px;
			text-align: center;
			line-height: 80px;
			margin-right: 70px;
			cursor: pointer;
		}
		.index_adv .bottom .i .y{
			display: inline-block;
		}
		.index_adv .bottom .i .h{
			display: none;
		}
		.index_adv .bottom .i.on .y{
			display: none;
		}
		.index_adv .bottom .i.on .h{
			display: inline-block;
		}
		.index_adv .bottom .i.on{
			background: #356385;;
		}
		
		.index_news{
			padding: 40px 0;
		}
		.index_news .nlist{
			padding: 25px 0;
		}
		.index_news ul li{
			float: left;
			width: 32%;
			margin-right: 2%;
			transition: .3s all ease;
			margin-bottom: 15px;
		}
		.index_news ul li:hover{
			transform: translateY(-10px);
		}
		
		.index_news ul li:nth-child(3n){
			margin-right: 0;
		}
		.index_news ul li .img img{
			width: 100%;
		}
		.index_news ul li .info{
			padding: 20px;
			border: 1px solid #B7B7B7;
		}
		.index_news ul li:hover .info{
			border: 1px solid #356385;
		}
		.index_news ul li .info h3{
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			
			color: #000000;
		}
		
		.index_news ul li .info .date{
			align-items: center;
			padding: 15px 0;
		}
		.index_news ul li .info .date .j{
			font-style: normal;
			font-weight: 400;
			font-size: 12px;
			line-height: 16px;
			color: #000000;
			margin-left: 8px;
		}
		.index_news ul li .info .line{
			border: 1px solid #B7B7B7;
			height: 0;
			width: 100%;
		}
		.index_news ul li:hover .info .line{
			border: 1px solid #356385;
		}
		.index_news ul li .info .ctx{
			padding: 15px 0 0 0;
		}
		.index_news ul li .info .ctx p{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			color: rgba(0, 0, 0, 0.5);
		}
		.index_news ul li:hover .info h3{
			color: #356385;
		}
		.footer{
			background: #356385;
		}
		.footer .f{
			padding: 24px 0;
			border-bottom: 1px solid #fff;
		} 
		.footer .f_nav ul li {
		    display: inline-block;
		    margin-right: 100px;
		    vertical-align: top;
		}
		.footer .f_nav ul li>a {
		   font-weight: 700;
		   font-size: 16px;
		   line-height: 21px;
		   
		   color: #FFFFFF;
		    display: block;
			margin-bottom: 15px;
		}
		.footer .f_nav ul li .sec a {
		    display: block;
		    font-weight: 400;
		    font-size: 14px;
		    line-height: 18px;
		    padding: 8px 0;
		    color: #FFFFFF;
		}
		.footer .r_cont h3{
			font-style: normal;
			font-weight: 700;
			font-size: 16px;
			line-height: 21px;
			margin-bottom: 15px;
			color: #FFFFFF;
		}
		.footer .r_cont p{
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			padding: 8px 0;
			color: #FFFFFF;
		}
		.footer .r_cont .code_l{
			padding: 30px 0;
		}
		.footer .r_cont .code_l .item{
			margin-right: 24px;
			text-align: center;
		}
		.footer .r_cont .code_l .item img{
			width: 100px;
		}
		.footer .r_cont .code_l .item .t{
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			
			color: #FFFFFF;
			margin-top: 24px;
		}
		.footer .phonecall{
			padding: 36px 0;
		}
		.footer .phonecall span{
			display: inline-block;
			font-weight: 700;
			font-size: 16px;
			line-height: 21px;
			color: #FFFFFF;
			
		}
		.footer .bt{
			padding: 10px 0;
			text-align: center;
		}
		.footer .bt p{
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			color: #FFFFFF;
		}
		.footer .bt a{
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			color: #FFFFFF;
		}
		
		.media-alert {
		    position: fixed;
		    width: 100%;
		    height: 100%;
		    left: 0;
		    top: 0;
		    background: rgba(0, 0, 0, 0.5);
		    z-index: 99;
		    opacity: 0;
		    visibility: hidden;
		    -webkit-transition: all .5s ease;
		    transition: all .5s ease;
		}
		.media-alert.on {
		    background: rgba(0, 0, 0, .9);
		}
		.media-alert .content {
		    position: absolute;
		    max-width: 900px;
		    height: auto;
		    left: 50%;
		    top: 50%;
		    z-index: 3;
		    opacity: 0;
		    -webkit-transition: all .5s ease;
		    transition: all .5s ease;
		    -webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
		}
		.por {
		    position: relative;
		}
		.warpvideo {
		    overflow: hidden;
		}
		.media-alert .content iframe {
		    width: 500px;
			height: 400px;
		}
		.ex-close {
		    position: absolute;
		    top: 120px;
		    right: 2.5rem;
		    cursor: pointer;
		    z-index: 99;
		}
		.ex-close .icon {
		    position: relative;
		    width: 50px;
		    height: 50px;
		    display: block;
		    vertical-align: middle;
		}
		.ex-close .icon .circle {
		    position: absolute;
		    top: 0;
		    left: 0;
		    display: block;
		    width: 100%;
		    height: 100%;
		    box-sizing: border-box;
		    border: 1px solid #fff;
		    border-radius: 50%;
		    -webkit-transition: all 300ms ease-out;
		    transition: all 300ms ease-out;
		    -webkit-transform-origin: center center;
		    -ms-transform-origin: center center;
		    transform-origin: center center;
		}
		.ex-close .line {
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    display: block;
		    width: 14px;
		    height: 2px;
		    margin: -1px 0 0 -7px;
		    background-color: #fff;
		    -webkit-transition: all 300ms ease-out;
		    transition: all 300ms ease-out;
		}
		.media-alert.active {
		    opacity: 1;
		    visibility: visible;
		    -webkit-transition: all .5s ease;
		    transition: all .5s ease;
		}
		.media-alert.active .content {
		    opacity: 1;
		    -webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
		}
		.ex-close .icon:hover .line.line1 {
		    -webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    transform: rotate(45deg);
		}
		.ex-close .icon:hover .line.line2 {
		    -webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}
		
		.banner_noindex{
			height: 600px;
			background-position: center;
			background-repeat: no-repeat;
		}
		.n_topnav .f{
			justify-content: center;
			margin-top: -20px;
		}
		.n_topnav ul{
			box-shadow: 0px 6px 5px rgba(17, 62, 95, 0.2);
			border-radius: 54px;
			background-color: #fff;
			overflow: hidden;
		}
		.n_topnav ul li a{
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			position: relative;
			/* identical to box height, or 28px */
			text-align: center;
			display: block;
			color: #356385;
			padding:13px 0;
			width:150px;
		}
		.n_topnav ul li a::after{
			position: absolute;
			content: '';
			bottom: 0;
			left: 0;
			width: 100%;
			height: 5px;
			background: #F5C51A;
			display: none;
		}
		.n_topnav ul li a:hover{
			background: #356385;
			color: #fff;
		}
		.n_topnav ul li a:hover::after{
			display: block;
		}
		.n_topnav ul li a.on{
			background: #356385;
			color: #fff;
		}
		.n_topnav ul li a.on::after{
			display: block;
		}
		.ctit{
			text-align: center;
		}
		.ctit h3{
			font-weight: 400;
			font-size: 30px;
			line-height: 200%;
			display: inline-block;
			/* identical to box height, or 60px */
			text-align: center;
			position: relative;
			color: #356385;
		}
		.ctit h3::before{
			content: '';
			width: 120px;
			height: 1px;
			background: #356385;
			position: absolute;
			left: -140px;
			top: 50%;
			transform: translateY(-50%);
		}
		.ctit h3::after{
			content: '';
			width: 120px;
			height: 1px;
			background: #356385;
			position: absolute;
			right: -140px;
			top: 50%;
			transform: translateY(-50%);
		}
		.n_profile{
			padding: 40px 0;
		}
		.n_profile .cont{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			color: #000000;
			padding: 24px 0;
		}
		.n_profile .cont .l{
			padding: 0 20px 0 0;
		}
		.n_profile .cont .l p{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			color: #000000;
		}
		.n_profile .logo_list{
			justify-content: space-between;
		}
		
		.n_brandadv .brand_list ul{
			justify-content: space-between;
			padding: 24px 0;
		}
		.n_brandadv .brand_list ul li{
			width: 15%;
			text-align: center;
			border-radius: 12px;
			border: 1px solid #eaeaea;
			padding: 24px 15px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			cursor: pointer;
		}
		.n_brandadv .brand_list ul li .icon{
			width: 64px;
			height: 64px;
			background: #356385;
			border-radius: 7.2px;
			line-height: 64px;
			margin: auto;
		}
		.n_brandadv .brand_list ul li .icon img{
			max-width: 80%;
		}
		.n_brandadv .brand_list ul li .t{
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			
			color: #000000;
			margin-top: 24px;
		}
		.n_brandadv .brand_list ul li .line{
			width: 24px;
			height: 2px;
			background:#356385;
			
			margin: 16px auto;
			border-radius:15px;
		}
		.n_brandadv .brand_list ul li .d{
			font-family: 'Arial';
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 16px;
			text-align: center;
			
			color: rgba(0, 0, 0, 0.5);
		}
		.n_brandadv .brand_list ul li:hover{
			background: #356385;
		}
		.n_brandadv .brand_list ul li:hover .t{
			color: #fff;
		}
		.n_brandadv .brand_list ul li:hover .line{
			background: #F5C51A;
		}
		.n_brandadv .brand_list ul li:hover .d{
			color: #fff;
		}
		.s_fzlc{
			padding: 40px 0 0 0;
		}
		.s_fzlc .s_fz .img{
			width:50%;
			background-size:100% auto;
			height:450px;
			background-repeat:no-repeat;
		}
		.s_fzlc .s_fz .gall{
			width:50%;
		}
		.s_fzlc .gallery-top .itlist .img {
		    background-repeat: no-repeat;
		    background-size: cover;
		    width: 50%;
		    display: inline-block;
		   
		    vertical-align: top;
		    background-position: center;
			height: 450px;
		}
		.s_fzlc .gallery-top{
			height:100%;
		}
		.s_fzlc .gallery-top .itlist{
			height:100%;
		}
		.s_fzlc .gallery-top .itlist .info {
		    width: 100%;
		    display: inline-block;
		    
		    vertical-align: top;
		    background: #f6f6f6;
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    padding: 80px 60px 0 60px;
		}
		.s_fzlc .gallery-top .itlist .info h3 {
		   font-style: normal;
		   font-weight: 400;
		   font-size: 24px;
		   line-height: 32px;

		   
		   color: #356385;
		}
		.s_fzlc .gallery-top .itlist .info .line{
			width: 100%;
			height: 2px;
			
			background:rgba(0, 0, 0, 0.25);
			margin: 16px 0;
		}
		.s_fzlc .gallery-top .itlist .info .ctx{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height:2;
			
			color: #000000;
		}
		.s_fzlc .gallery-thumbs{
			padding: 30px 0;
		}
		.s_fzlc .gallery-thumbs .dotout {
		    position: relative;
		    display: inline-block;
		    width: 24px;
		    height: 24px;
		    padding: 6px;
		    border-radius: 50%;
		    cursor: pointer;
		}
		.s_fzlc .gallery-thumbs .dotin {
		    width: 24px;
		    height: 24px;
		    border-radius: 50%;
		    background: #356385;
		}
		.s_fzlc .gallery-thumbs .dotout span {
		    left: 50%;
		        transform: translateX(-50%);
		    top: -35px;
		    position: absolute;
		   font-size: 14px;
		   line-height: 18px;
		   text-align: center;
		   
		   color: #000000;
		}
		
		.s_fzlc .gallery-thumbs .swiper-slide-thumb-active .dotout span{
			color:#356385;
			font-size:18px;
		}
		
		.s_fzlc .gallery-thumbs .swiper-slide {
		    text-align: center;
		    padding-top: 40px;
		}
		.s_fzlc .gallery-thumbs::after {
		    content: '';
		    position: absolute;
		    width: 100%;
		    height: 2px;
		    background-color: #807f7d;
		    left: 0;
		   bottom: 55px;
		}
		.s_fzlc .gallery-thumbs .swiper-slide-thumb-active .dotin {
		    background: #F5C51A;
		}
		.s_fzlc .gallery-thumbs .swiper-slide-thumb-active .dotout{
			border: 2px solid rgba(245, 197, 26, 0.5);
		}
		
		.s_reason .itlist{
			justify-content: space-between;
		}
		.s_reason .img{
			width: 37.5%;
			padding: 5px;
			border: 1px solid #eaeaea;
		} 
		.s_reason .img img{
			width: 100%;
		}
		.s_reason .info{
			width: 60%;
		}
		.s_reason .info h3{
			font-style: normal;
			font-weight: 700;
			font-size: 16px;
			line-height: 200%;
			
			/* identical to box height, or 32px */
			
			color: #000000;
		}
		.s_reason .info .line{
			width: 100%;
			height: 1px;
			background-color: #B7B7B7;
			margin: 24px 0;
		}
		.s_reason .info .ctx{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			
			/* or 28px */
			
			color: #000000;
		}
		.s_reason .i{
			text-align: center;
			border: 1px solid #eaeaea;
			padding: 24px 0;
			cursor: pointer;
		}
		.s_reason .i .icon{
			width: 80px;
			height: 80px;
			background: #FFFFFF;
			border-radius: 55px;
			border: 1px solid #eaeaea;
			text-align: center;
			line-height: 80px;
			margin: auto;
		}
		.s_reason .i .line{
			width: 24px;
			height: 2px;
			background:#F5C51A;
			
			margin: 24px auto;
			border-radius:15px;
		}
		.s_reason .i .c{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			text-align: center;
			color: #000000;
		}
		.s_reason .i:hover{
			background: #356385;
		}
		.s_reason .i:hover .c{
			color: #fff;
		}
		.s_reason .swiper-slide-thumb-active .i{
			background: #356385;
		}
		.s_reason .swiper-slide-thumb-active .i .c{
			color: #fff;
		}
		.s_reason .gallery-top{
			padding: 40px 0 24px;
		}
		.s_reason .gallery-thumbs{
			padding: 0 0 40px 0;
		}
		.s_reason .swiper-pagination-bullet {
		    width: 15px;
		    height: 4px;
		    border-radius: 0;
			margin:0 0!important;
		}
		.s_reason .swiper-pagination-bullet-active {
		   background: #F5C51A;
		}
		.s_wuye .swiper-button-next{
			width: 24px;
			height: 48px;
			background: rgba(15, 53, 82, 0.5);
			color: #fff;
		}
		.s_wuye{
			position: relative;
			padding: 40px 0;
		}
		.s_wuye .swiper-container{
			width: 90%;
			margin: auto;
		}
		.s_wuye .swiper-button-next::after{
			font-size: 14px;
		}
		.s_wuye .swiper-button-prev{
			width: 24px;
			height: 48px;
			background: rgba(15, 53, 82, 0.5);
			color: #fff;
		}
		.s_wuye .swiper-button-prev::after{
			font-size: 14px;
		}
		.s_wuye .img img{
			max-width: 100%;
			min-height: 100%;
		}
		.l_video{
			padding: 40px 0;
		}
		.l_video .bd{
			padding: 24px;
			border: 1px solid rgba(0, 0, 0, 0.25);
		}
		.l_video .mainv{
			position: relative;
		}
		
		.l_video .mainv>img{
			width: 100%;
		}
		.l_video .mainv .play{
			position: absolute;
			width: 84px;
			height: 84px;
			margin: auto;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			cursor: pointer;
		}
		.l_video .maintxt{
			padding: 24px 0;
			justify-content: space-between;
		}
		.l_video .maintxt .lt{
			text-align: center;
		}
		.l_video .maintxt .lt h3{
			font-style: normal;
			font-weight: 700;
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 24px;
			/* identical to box height */
			
			color: #356385;
		}
		.l_video .maintxt .lt p{
			
			font-family: 'Arial';
			font-style: normal;
			font-weight: 700;
			font-size: 20px;
			line-height: 23px;
			
			/* identical to box height */
			
			color: rgba(0, 0, 0, 0.5);
		}
		.l_video .maintxt .lt{
			width: 25%;
			border-right: 2px solid rgba(0, 0, 0, 0.25);
			flex-direction: column;
			justify-content: center;
		}
		.l_video .maintxt .rp{
			width: 70%;
		}
		.l_video .maintxt .rp p{
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			
			/* or 28px */
			
			color: #000000;
		}
		.n_horor{
			padding: 40px 0;
		}
		.n_horor ul li{
			width: 30%;
			margin-right: 5%;
			float: left;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 10px;
			transition: .3s all ease;
			margin-bottom: 10px;
		}
		.n_horor ul li:nth-child(3n){
			margin-right: 0;
		}
		.n_horor ul li .img{
			text-align: center;
			height: 200px;
		}
		.n_horor ul li .img img{
			max-width: 100%;
			max-height: 100%;
		}
		
		.n_horor ul li:hover{
			box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
		}
		.page{
			text-align: center;
			padding: 40px 0;
		}
		.page span,.page a{
			margin: 0 10px;
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
		}
		.page .on{
			color: #356385;
			border-bottom: 2px solid #F5C51A;
		}
		.n_product ul li{
			width: 32%;
			margin-right: 2%;
			float: left;
			margin-bottom:20px;
		}
		.n_product ul li:nth-child(3n){
			margin-right: 0;
		}
		.n_product ul li .img{
			overflow: hidden;
			border:1px solid #eaeaea;
			border-bottom:0;
		}
		.n_product ul li .img img{
			width: 100%;
			transition: .3s all ease;
		}
		.n_product ul li:hover .img img{
			transform: scale(1.1);
		}
		
		.n_product ul li .info{
			border: 1px solid #B7B7B7;
			padding: 15px 0;
		}
		.n_product ul li .info h3{
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			text-align: center;
			
			color: #000000;
		}
		.n_product{
			padding: 40px 0;
		}
		.n_product ul li:hover .info{
			background: #356385;
		}
		.n_product ul li:hover .info h3{
			color: #fff;
		}
		.n_contact{
			padding: 40px 0;
		}
		.n_contact .main{
			padding: 24px 0 0 0;
		}
		.n_contact .main .linput{
			width: 50%;
		}
		.n_contact .main .linput .input{
			
			margin: 0 0 30px 0;
		}
		.n_contact .main .linput .input input{
			height: 50px;
			width: 100%;
			border: 0;
			background: #F7F7F7;
			outline: none;
			padding:0 30px;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
		}
		.n_contact .main .linput .verifycode input{
			width: 50%;
		}
		.n_contact .main .linput .verifycode img{
			height:50px;
			margin-left:10px;
		}
		.n_contact .main .rinput{
			width: 50%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding: 0 0 10px 30px;
		}
		.n_contact .main .rinput textarea{
			width: 100%;
			height: 210px;
			border: 0;
			background: #F7F7F7;
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			
			color: rgba(0, 0, 0, 0.5);
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 10px 30px;
		}
		.n_contact .main .sub{
			margin: 25px 0 0 0;
		}
		.n_contact .main .sub input{
			background: #356385;
			font-weight: 400;
			font-size: 14px;
			line-height: 18px;
			border: 0;
			width: 100%;
			color: #FFFFFF;
			height: 50px;
		}
		.mapbox{
			position: relative;
		}
		.mapbox .info{
			position: absolute;
			width: 445px;
			background: #FFFFFF;
			box-shadow: 0px 13px 17px rgba(29, 84, 124, 0.2);
			left: 55%;
			top: 50%;
			transform: translateY(-50%);
			z-index: 8;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 40px;
		}
		.mapbox .info h3{
			font-style: normal;
			font-weight: 700;
			font-size: 16px;
			line-height: 200%;
			
			/* identical to box height, or 32px */
			
			color: #356385;
		}
		.mapbox .info .s{
			align-items: center;
			padding: 8px 0;
		}
		.mapbox .info .s span{
			font-weight: 400;
			font-size: 14px;
			line-height: 200%;
			
			/* identical to box height, or 28px */
			display: inline-block;
			margin-left: 10px;
			color: #000000;
		}
		.n_exhi .toph{
			justify-content: space-between;
		}
		.n_exhi .toph .i{
			flex-direction: column;
			justify-content: space-between;
		}
		.n_exhi .toph .i:first-child{
			width: 66%;
			
		}
		.n_exhi .toph .i:last-child{
			width: 32%;
			
		}
		.n_exhi .toph .i .img{
			position: relative;
		}
		
		.n_exhi .toph .i .img img{
			width: 100%;
		}
		.n_exhi .toph .i .img2 img{
			width: 100%;
		}
		.n_exhi .toph .i .fdj{
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			z-index: 8;
			top: 0;
			background: rgba(0,0,0,.5);
			opacity: 0;
			transition: .3s all ease;
		}
		.n_exhi .toph .i .fdj img{
			width: 48px;
		}
		.n_exhi .toph .i .fdj p{
			font-style: normal;
			font-weight: 400;
			font-size: 18px;
			line-height: 24px;
			color: #FFFFFF;
			margin-top: 10px;
		}
		.n_exhi .toph .i .img:hover .fdj{
			opacity: 1;
		}
		.n_exhi .toph .i .img2:hover .fdj{
			opacity: 1;
		}
		.n_exhi .toph .i .img2{
			position: relative;
		}
		.n_exhi{
			padding: 40px 0;
		}
		.n_exhi .bottomh{
			padding: 40px 0 0 0;
		}
		.n_exhi .bottomh ul li{
			float: left;
			width: 32%;
			margin-right: 2%;
			margin-bottom: 15px;
		}
		.n_exhi .bottomh ul li:nth-child(3n){
			margin-right: 0;
		}
		.n_exhi .bottomh ul li .img img{
			width: 100%;
		}
		.n_exhi .bottomh ul li .img{
			position: relative;
		}
		.n_exhi .bottomh ul li .fdj{
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			z-index: 8;
			top: 0;
			background: rgba(0,0,0,.5);
			opacity: 0;
			transition: .3s all ease;
		}
		.n_exhi .bottomh ul li .fdj img{
			width: 48px;
		}
		.n_exhi .bottomh ul li:hover .fdj{
			opacity: 1;
		}
		.n_exhi .bottomh ul li .fdj p{
			font-style: normal;
			font-weight: 400;
			font-size: 18px;
			line-height: 24px;
			color: #FFFFFF;
			margin-top: 10px;
		}
				.case_show{
					padding: 40px 0;
				}
				.case_show .top{
					background-color: #fff;
				}
				.case_show .top{
					padding: 30px 20px;
				}
				.case_show .top .imgf{
					width: 50%;
					text-align: center;
				}
				.case_show .top .imgf .img{
					width: 90%;
					margin: auto;
				}
				.case_show .top .imgf .img img{
					width: 100%;
				}
				.case_show .top .info{
					width: 50%;
					padding: 20px 0;
				}
				.case_show .top .info h3{
					font-size: 18px;
					color: #356385;
					font-weight: bold;
					border-bottom: 2px solid #929292;
					padding-bottom: 15px;
				}
				.case_show .top .info .cont{
					padding: 20px 0;
					font-size: 14px;
					color: #4c4c4c;
					line-height: 2;
				}
				.case_show .top .info .online{
					padding: 30px 0 0 0;
					align-items: center;
				}
				.case_show .top .info .online .o{
					font-size: 14px;
					color: #4c4c4c;
				}
				.case_show .top .info .online p{
					font-style: normal;
					font-weight: 400;
					font-size: 16px;
					line-height: 200%;
					margin-left: 5px;
					/* identical to box height, or 32px */
					
					color: #000000;
				}
				.case_show .c_swiper .imgbox img{
					width: 100%;
					cursor:pointer;
					opacity:0.7;
				}
				.case_show .c_swiper .imgbox img.on{
					opacity:1;
				}
				.case_show .c_swiper{
					position: relative;
					padding: 20px 0;
				}
				.case_show .c_swiper .swiper-container{
					width: 90%;
					margin: 0 auto;
				}
				.case_show .c_swiper .swiper-button-next{
					color: #fff;
					background-color: #0F3552;
					right: -5px;
				}
				.case_show .c_swiper .swiper-button-next::after{
					font-size: 15px;
				}
				.case_show .c_swiper .swiper-button-prev{
					color: #fff;
					background-color: #0F3552;
					left: -5px;
				}
				.case_show .c_swiper .swiper-button-prev::after{
					font-size: 15px;
				}
				.case_show .bottom{
					margin-top: 30px;
					background-color: #fff;
				}
				.case_show .bottom .tnav{
					border-bottom: 1px solid #eaeaea;
				}
				.case_show .bottom .tnav ul li{
					width: 50%;
					text-align: center;
					padding: 15px 0;
					position: relative;
				}
				.case_show .bottom .tnav ul li::after{
					content: '';
					width: 35%;
					height: 2px;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					background-color: #013874;
					position: absolute;
					opacity: 0;
				}
				.case_show .bottom .tnav ul li:hover::after{
					opacity: 1;
				}
				.case_show .bottom .tnav ul li:hover a{
					color: #013874;
				}
				.case_show .bottom .tnav ul li.on::after{
					opacity: 1;
				}
				.case_show .bottom .tnav ul li.on a{
					color: #013874;
				}
				.case_show .bottom .s_box{
					padding: 40px;
					font-size: 16px;
					line-height: 2;
					color: #4c4c4c;
				}
				.case_show .bottom .s_box .item{
					font-size: 16px;
					line-height: 2;
					color: #4c4c4c;
					display: none;
				}
				.case_show .bottom .s_box .item img{
					max-width:100%;
				}
				.location{
					background: #356385;
					font-size: 14px;
					line-height: 18px;
					padding: 10px 0;
					color: #FFFFFF;
				}
				.location a,.location span{
					font-weight: 400;
					font-size: 14px;
					line-height: 18px;
					
					color: #FFFFFF;
				}
				.newshow{
					padding: 40px 0;
				}
		.newshow .title{
			text-align: center;
		}
		.newshow .title h3{
			font-size: 24px;
			color: #000;
		}
		.newshow .title p{
			font-size: 14px;
			margin-top: 10px;
		}
		.newshow .content{
			font-size: 14px;
			color: #000;
			line-height: 2;
		}
		.my-map { margin: 0 auto; width: 100%; height: 400px; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}
		.myinfowindow{width: 240px;min-height: 50px;}
		.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
		.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
		
		@media screen and (min-width: 300px) and (max-width: 768px){
			.pc {
				display: none;
			}
			
			.mobile {
				display: block;
			}
			.container{
				width: 100%;
				padding: 0 10px;
				overflow: hidden;
			}
			.banner img{
				width: 100%;
			}
			.bannerMobile img{
				width: 100%;
			}
			
			.bannerMobile .swiper-button-prev{
				width: 35px;
				height: 35px;
				background: rgba(3, 22, 35, 0.5);
			backdrop-filter: blur(5px);
			border-radius: 100%;
			color: #fff;
			}
			.bannerMobile .swiper-button-prev::after {
			    font-size: 14px;
			    color: #fff;
			}
			.bannerMobile .swiper-button-next{
				width: 35px;
				height: 35px;
				background: rgba(3, 22, 35, 0.5);
    backdrop-filter: blur(5px);
    border-radius: 100%;
    color: #fff;
			}
			.bannerMobile .swiper-button-next::after {
			    font-size: 14px;
			    color: #fff;
			}
			.bannerMobile .swiper-pagination-bullet-active {
    background: #F5C51A;
}
			.header .logo img{
				height: 30px;
			}
			.header .nav{
				display: none;
			}
			.header .top {
			    justify-content: space-between;
			    align-items: center;
			    height: 60px;
			    line-height: 60px;
			}
			.banner .swiper-button-prev{
				width: 35px;
				height: 35px;
			}
			.banner .swiper-button-prev::after {
			    font-size: 14px;
			    color: #fff;
			}
			.banner .swiper-button-next{
				width: 35px;
				height: 35px;
			}
			.banner .swiper-button-next::after {
			    font-size: 14px;
			    color: #fff;
			}
			.index_pro {
			    padding: 20px 0;
			}
			.tit.custtop .lt p {
			    font-size: 18px;
			    line-height: 24px;
			}
			.tit.custtop .lt .line {
			    width: 100px;
			    height: 4px;
			    background: #F5C51A;
			    margin: 8px 0;
			}
			.tit.custtop .lt h3 {
			    font-weight: 400;
			    font-size: 18px;
			    line-height: 26px;
			    color: #000000;
			}
			.tit.custtop .more a {
			    font-weight: 400;
			    font-size: 13px;
			    line-height: 17px;
			    color: #808080;
			}
			.index_pro .pro .top{
				flex-wrap: wrap;
			}
			.index_pro .pro .top .img {
			    width: 100%;
			    position: relative;
			}
			.index_pro .pro .top .info {
			    width: 100%;
			    padding: 10px 10px;
			}
			.index_pro .pro .img .mm a{
				padding: 10px 15px;
			}
			.index_pro .pro .top .info h3 {
			    font-weight: 700;
			    font-size: 24px;
			    line-height: 30px;
			    text-transform: uppercase;
			    margin-bottom: 15px;
			    color: #FFFFFF;
			}
			.index_pro .pro .top .info .xb {
			    margin: 12px 0;
			}
			.index_pro .pro .top .info .xb .n {
			    font-size: 13px;
			    line-height: 17px;
			    padding: 8px 12px;
			}
			.index_pro .pro .top .info .desc {
			    font-weight: 400;
			    font-size: 14px;
			    line-height: 21px;
			    text-transform: uppercase;
			    margin-bottom: 14px;
			    color: #FFFFFF;
			}
			.index_pro .pro .top .info .descEn {
			    font-weight: 400;
			    font-size: 12px;
			    line-height: 18px;
			    color: rgba(255, 255, 255, 0.5);
			}
			.index_pro .pro .top .info:after{
				width:0;
			}
			.logolist .s .i{
				width: 30%;
			}
			.logolist .s .i img{
				width: 100%;
			}
			.index_about .a_list{
				flex-wrap: wrap;
			}
			.index_about .a_list .info {
			    width: 100%;
			    padding: 20px 0;
			}
			.index_about .a_list .info .txt {
			    background-color: #fff;
			    padding: 20px;
			}
			.index_about .a_list .info .txt p {
			    font-style: normal;
			    font-weight: 400;
			    font-size: 12px;
			    line-height: 200%;
			    color: #000000;
			}
			.index_about .a_list .info .txt .tips .its {
			    padding: 0 15px;
			}
			.index_about .a_list .info .txt .more a {
			    font-size: 14px;
			    line-height: 21px;
			    padding: 4px 60px;
			}
			.index_about .a_list .video {
			    width: 100%;
			}
			.index_adv .tit {
			    padding: 20px 0;
			}
			.index_adv .tit p {
			    font-size: 20px;
			    line-height: 34px;
			}
			.index_adv .tit .line {
			    width: 100px;
			    height: 4px;
			    background: #F5C51A;
			    margin: 7px 0;
			}
			.index_adv .tit h3 {
			    font-style: normal;
			    font-weight: 400;
			    font-size: 18px;
			    line-height: 32px;
			    color: #FFFFFF;
			}
			.index_adv .top .d {
			    background-color: #356385;
			    width: auto;
			    padding: 15px 15px;
			}
			.index_adv .c {
			    margin-top: 0;
			}
			.index_adv .top .d p {
			    font-style: normal;
			    font-weight: 400;
			    font-size: 13px;
			    line-height: 200%;
			    color: #FFFFFF;
			}
			.index_adv .bottom .i {
			    background: #fff;
			    border-radius: 50%;
			    width: 60px;
			    height: 60px;
			    text-align: center;
			    line-height: 60px;
			    margin-right: 20px;
			    cursor: pointer;
			}
			.index_adv .bottom .i img{
				width: 50%;
			}
			.index_adv {
			    background: url(../images/advbg.jpg) no-repeat center;
			    height: auto;
			}
			.index_news ul li {
			    float: left;
			    width: 100%;
			    margin-right: 0;
			    transition: .3s all ease;
			}
			.index_news {
			    padding: 20px 0;
			}
			.index_news ul li .info {
			    padding: 15px;
			    border: 1px solid #B7B7B7;
			}
			.index_news ul li .info .ctx p {
			    font-style: normal;
			    font-weight: 400;
			    font-size: 12px;
			    line-height: 200%;
			    color: rgba(0, 0, 0, 0.5);
			}
			.navs-m {
			    width: 55px;
			    height: 40px;
			    overflow: hidden;
			    position: relative;
			    right: 0;
			    top: 5px;
			    z-index: 1000;
			}
			.navs-m span, .navs span:first-child, .navs span:last-child {
			    left: 14px;
			    position: absolute;
			    background: #fff;
			    -webkit-transition: all 0.5s ease;
			    transition: all 0.5s ease;
			    width: 27px;
			    height: 2px;
			    -webkit-border-radius: 30px;
			    border-radius: 30px;
			}
			.navs-m span {
			    top: 16px;
			}
			.navs-m span:first-child {
			    content: "";
			    top: 8px;
			}
			.navs-m span:last-child {
			    content: "";
			    top: 24px;
			}
			
			.drawer {
						    z-index: 9999;
						    position: fixed;
						    right: 0;
						    top: 0;
						    height: 100%;
						    width: 100%;
						    background-color: #fff;
						    visibility: hidden;
						    opacity: 0;
						    top: 60px;
						    padding: 0 9px 15px;
						    -webkit-transition: visibility 200ms 250ms,opacity 200ms 250ms,-webkit-transform 200ms 200ms;
						    transition: visibility 200ms 250ms,opacity 200ms 250ms,-webkit-transform 200ms 200ms;
						    transition: transform 200ms 200ms,visibility 200ms 250ms,opacity 200ms 250ms;
						    transition: transform 200ms 200ms,visibility 200ms 250ms,opacity 200ms 250ms,-webkit-transform 200ms 200ms;
						    box-sizing: border-box;
						    -webkit-box-sizing: border-box;
						    -moz-box-sizing: border-box;
						    background: #356385;
						    padding-top: 20px;
						    overflow-y: auto;
						}
						.drawer ul.innerInfo {
						    position: relative;
						}
						.drawer ul li[data-level="0"]>a {
						    text-transform: capitalize !important;
						    color: #fff;
						    padding: 10px 20px;
						    font-size: 16px;
						    display: block;
						    position: relative;
						}
						.drawer .menu-submenu {
						    width: 100% !important;
						    top: 0;
						    background-color: white;
						    -webkit-box-shadow: none !important;
						    box-shadow: none !important;
						    border: 0;
						    padding: 0;
						    -webkit-transform: translateX(110%);
						    transform: translateX(110%);
						    -webkit-transition: 180ms ease-in-out;
						    transition: 180ms ease-in-out;
						    min-height: 101%;
						    position: absolute;
						    z-index: 1;
						    background: #356385;
						}
						.drawer .we-mega-menu-link-button {
						    display: block;
						    background-color: transparent;
						    height: 40px;
						    width: 40px;
						    -webkit-transform: rotate(-90deg);
						    transform: rotate(-90deg);
						    background-image: url(../images/icons-arrow-right-white.svg);
						    -webkit-transform: rotate(0deg);
						    transform: rotate(0deg);
						    position: absolute;
						    top: 18px;
						    right: 0;
						    background-repeat: no-repeat;
						}
						.drawer .menu-submenu ul li.backLink a {
						    padding: 18.5px 20px;
						    font-size: 12px;
						}
						.drawer .menu-submenu ul li.backLink a span {
						    font-size: 14px;
						    display: inline-block;
						}
						.drawer .menu-submenu ul li a {
						    padding: 10px 40px 5px 21px;
						    color: #fff;
						    font-size: 14px;
						    line-height: 22px;
						    display: block;
						}
						.drawer.opened {
						    visibility: visible;
						    opacity: 1;
						    -webkit-transition-delay: 0s;
						    transition-delay: 0s;
						    -webkit-transform: scaleX(1);
						    transform: scaleX(1);
						}
						.sr-only {
						    position: absolute;
						    width: 1px;
						    height: 1px;
						    padding: 0;
						    margin: -1px;
						    overflow: hidden;
						    clip: rect(0,0,0,0);
						    border: 0;
						}
						.drawer .menu-submenu.opened {
						    -webkit-transform: translateX(0);
						    transform: translateX(0);
						    visibility: visible;
						    opacity: 1;
						}
						.banner_noindex{
							background-size: 100% auto;
							height: 31vw;
						}
						.hh{
							height: 60px;
							width: 100%;
						}
						.n_topnav ul li a{
							padding: 8px 10px;
							font-size: 12px;
							width:auto;
						}
						.n_topnav .f {
						    justify-content: center;
						    margin-top: 15px;
						}
						.n_topnav ul {

						    border: 1px solid #eaeaea;
						}
						.n_topnav ul{
							box-shadow: none;
						}
						.l_video {
						    padding: 20px 0;
						}
						.l_video .bd {
						    padding: 15px;
						    border: 1px solid rgba(0, 0, 0, 0.25);
						}
						.l_video .maintxt .lt {
						    width: 100%;
						    border-right: 0;
						    flex-direction: column;
						    justify-content: center;
						}
						.l_video .maintxt{
							flex-wrap: wrap;
						}
						.l_video .maintxt .lt h3 {
						    font-style: normal;
						    font-weight: 700;
						    font-size: 16px;
						    line-height: 24px;
						    margin-bottom: 10px;
						    color: #356385;
						}
						.l_video .maintxt .rp {
						    width: 100%;
							padding: 20px 0 0 0;
						}
						.l_video .maintxt .rp p {
						    font-weight: 400;
						    font-size: 13px;
						    line-height: 200%;
						    color: #000000;
						}
						.footer .f_nav{
							width: 100%;
							display: none;
						}
						.footer .f{
							flex-wrap: wrap;
						}
						.footer .f_nav ul li {
						    display: inline-block;
						    margin-right: 10px;
						    vertical-align: top;
						}
						.footer .f_nav ul li>a {
						    font-weight: 700;
						    font-size: 14px;
						    line-height: 21px;
						    color: #FFFFFF;
						    display: block;
						    margin-bottom: 10px;
						}
						.footer .f_nav ul li .sec a {
						    display: block;
						    font-weight: 400;
						    font-size: 12px;
						    line-height: 15px;
						    padding: 8px 0;
						    color: #FFFFFF;
						}
						.footer .phonecall {
						    padding: 24px 0;
						}
						.footer .r_cont{
							width: 100%;
						}
						.footer .r_cont p {
						    font-weight: 400;
						    font-size: 12px;
						    line-height: 16px;
						    padding: 8px 0;
						    color: #FFFFFF;
						}
						.footer .r_cont .code_l .item {
						    margin-right: 10px;
						    text-align: center;
							width: 30%;
						}
						.footer .r_cont .code_l .item img{
							max-width: 100%;
						}
						.footer .r_cont .code_l .item .t {
						    font-weight: 400;
						    font-size: 14px;
						    line-height: 18px;
						    color: #FFFFFF;
						    margin-top: 15px;
						}
						.footer .r_cont .code_l {
						    padding: 10px 0;
						}
						.footer .bt a {
						    font-weight: 400;
						    font-size: 12px;
						    line-height: 18px;
						    color: #FFFFFF;
						}
						.footer .bt p {
						    font-weight: 400;
						    font-size: 12px;
						    line-height: 18px;
						    color: #FFFFFF;
						}
						.ctit h3 {
						    font-weight: 400;
						    font-size: 22px;
						    line-height: 200%;
						    display: inline-block;
						    text-align: center;
						    position: relative;
						    color: #356385;
						}
						.ctit h3::before {
						    content: '';
						    width: 40px;
						    height: 1px;
						    background: #356385;
						    position: absolute;
						    left: -50px;
						    top: 50%;
						    transform: translateY(-50%);
						}
						.ctit h3::after {
						    content: '';
						    width: 40px;
						    height: 1px;
						    background: #356385;
						    position: absolute;
						    right: -50px;
						    top: 50%;
						    transform: translateY(-50%);
						}
						.n_profile {
						    padding: 20px 0;
						}
						.n_profile .cont{
							flex-wrap: wrap;
							padding: 15px 0;
						}
						.n_profile .cont .l{
							width: 100%;
						}
						.n_profile .cont .l {
						    padding: 0 0 0 0;
						}
						.n_profile .cont .l p{
							font-size: 12px;
						}
						.n_profile .cont .r{
							width: 100%;
							padding: 15px 0 0 0;
						}
						.n_profile .cont .r img{
							width: 100%;
						}
						.n_profile .logo_list{
							flex-wrap: wrap;
						}
						.n_profile .logo_list div{
							width: 49%;
							margin: 5px 0 0 0;
						}
						.n_profile .logo_list div img{
							max-width: 100%;
						}
						.n_brandadv .brand_list ul li {
						    width: 33%;
						    padding: 24px 15px;
						}
						.n_brandadv .brand_list ul {
						    flex-wrap: wrap;
						}
						.n_brandadv .brand_list ul li {
						    width: 49%;
						    padding: 15px 10px;
							margin-bottom:5px;
						}
						.n_brandadv .brand_list ul li .t {
						    font-weight: 400;
						    font-size: 15px;
						    line-height: 21px;
						    color: #000000;
						    margin-top: 15px;
						}
						.n_brandadv .brand_list ul li .line {
						    width: 24px;
						    height: 0px;
						    border: 1px solid #356385;
						    margin: 10px auto;
						}
						.n_brandadv .brand_list ul li .d {
						    font-family: 'Arial';
						    font-style: normal;
						    font-weight: 400;
						    font-size: 12px;
						    line-height: 16px;
						    text-align: center;
						    color: rgba(0, 0, 0, 0.5);
						}
						.n_brandadv .brand_list ul li .icon {
						    width: 50px;
						    height: 50px;
						    background: #356385;
						    border-radius: 7.2px;
						    line-height: 50px;
						    margin: auto;
						}
						.s_fzlc {
						    padding: 20px 0 0 0;
						}
						.s_fzlc .gallery-top .itlist{
							flex-wrap: wrap;
						}
						.s_fzlc .gallery-top .itlist .img {
						    background-repeat: no-repeat;
						    background-size: cover;
						    width: 100%;
						    display: inline-block;
						    vertical-align: top;
						    background-position: center;
						    height: 50vw;
						}
						.s_fzlc .gallery-top .itlist .info {
						    width: 100%;
						    display: inline-block;
						    vertical-align: top;
						    background: #f6f6f6;
						    box-sizing: border-box;
						    -moz-box-sizing: border-box;
						    -webkit-box-sizing: border-box;
						    padding: 20px 20px 20px 20px;
							height:65vw;
						}
						.s_fzlc .gallery-top .itlist .info h3 {
						    font-style: normal;
						    font-weight: 400;
						    font-size: 20px;
						    line-height: 24px;
						    color: #356385;
						}
						.s_fzlc .gallery-top .itlist .info .ctx {
						    font-style: normal;
						    font-weight: 400;
						    font-size: 13px;
						    line-height: 2;
						    color: #000000;
						}
						.s_fzlc .gallery-thumbs .dotout {
						    width: 15px;
						    height: 15px;
						}
						.s_fzlc .gallery-thumbs .dotin {
						    width: 15px;
						    height: 15px;
						}
						.s_fzlc .gallery-thumbs::after {

						    left: 0;
						    bottom: 50px;
						}
						.s_fzlc .s_fz {
							flex-wrap:wrap;
						}
						.s_fzlc .s_fz .img {
							width: 100%;
							background-size: 100% auto;
							height: 70vw;
							background-repeat: no-repeat;
						}
						.s_fzlc .s_fz .gall {
    width: 100%;
}
						.s_reason .gallery-top {
						    padding: 20px 0 24px;
						}
						.s_reason .img {
						    width: 100%;
						    padding: 5px;
						    border: 1px solid #eaeaea;
						}
						.s_reason .info .line {
						    width: 100%;
						    height: 1px;
						    background-color: #B7B7B7;
						    margin: 12px 0;
						}
						.s_reason .itlist{
							flex-wrap: wrap;
						}
						
						.s_reason .info {
						    width: 100%;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							padding: 10px;
						}
						.s_reason .i .c {
						    font-size: 12px;
							height:48px;
						}
						.s_reason .i .icon{
							width:60px;
							height:60px;
							line-height:60px;
						}
						.s_reason .i .icon img{
							width:30px;
						}
						.s_reason .i {
							text-align: center;
							border: 1px solid #eaeaea;
							padding: 14px 0;
							cursor: pointer;
						}
						.n_horor ul li .img {
						    text-align: center;
						    height: 30vw;
						}
						.n_horor ul li {
						    width: 50%;
						    margin-right: 0;
						    float: left;
						    box-sizing: border-box;
						    -moz-box-sizing: border-box;
						    -webkit-box-sizing: border-box;
						    padding: 10px;
						    transition: .3s all ease;
						    margin-bottom: 10px;
						}
						.n_horor {
						    padding: 20px 0;
						}
						.page {
						    text-align: center;
						    padding: 20px 0;
						}
						.n_exhi {
						    padding: 20px 0;
						}
						.n_exhi .bottomh {
						    padding: 20px 0 0 0;
						}
						.n_product ul li .info {
						    border: 1px solid #B7B7B7;
						    padding: 10px 0;
						}
						.n_product ul li .info h3 {
						    font-style: normal;
						    font-weight: 400;
						    font-size: 12px;
						    line-height: 16px;
						    text-align: center;
						    color: #000000;
						}
						.n_product {
						    padding: 20px 0;
						}
						.n_product ul li {
							width: 49%;
							margin-right: 2%!important;
							margin-bottom: 20px;
						}
						.n_product ul li:nth-child(2n){
							margin-right:0!important;
						}
						.index_news .nlist {
						    padding: 15px 0;
						}
						.mapbox .info{
							width: 100%;
							left: 0;
							padding: 20px;
							position: relative;
							    top: 0;
							    transform: translateY(0%);
						}
						.my-map {
						    margin: 0 auto;
						    width: 100%;
						    height: 300px;
						}
						.mapbox .info .s span {
						    font-weight: 400;
						    font-size: 12px;
						    line-height: 200%;
						    display: inline-block;
						    margin-left: 10px;
						    color: #000000;
						}
						.n_contact {
						    padding: 20px 0;
						}
						.n_contact .main .linput {
						    width: 100%;
						}
						.n_contact .main{
							flex-wrap: wrap;
						}
						.n_contact .main .linput .input input {
						    height: 40px;
						    width: 100%;
						    border: 0;
						    background: #F7F7F7;
						    outline: none;
							padding:0 10px;
						}
						.n_contact .main .linput .input {
							
						    margin: 0 0 10px 0;
						}
						.n_contact .main .rinput {
						    width: 100%;
						    box-sizing: border-box;
						    -webkit-box-sizing: border-box;
						    -moz-box-sizing: border-box;
						    padding: 0 0 10px 0;
						}
						.n_contact .main .linput .verifycode input {
						    width: 50%!important;
						}
						.n_contact .main .linput .verifycode img {
    height: 35px;
    margin-left: 10px;
}
						.n_contact .main .rinput textarea {
						    height: 140px;
						    border: 0;
						    font-size: 14px;
						    line-height: 21px;

						    padding: 10px 10px;
						}
						.n_contact .main .sub {
						    margin: 15px 0 0 0;
						}
						.n_contact .main .sub input {

						    font-size: 14px;
						    line-height: 18px;

						    height: 40px;
						}
						.case_show .top .imgf {
									    width: 100%;
									    text-align: center;
									}
									.case_show .top .info {
									    width: 100%;
									    padding: 20px 0;
									}
									.case_show .top {
									    padding: 30px 20px;
									    flex-wrap: wrap;
									}
									.case_show .bottom .s_box {
									    padding: 20px;
									    font-size: 14px;
									    line-height: 2;
									    color: #4c4c4c;
									}
									.case_show .bottom .s_box .item {
									    font-size: 14px;
									    line-height: 2;
									    color: #4c4c4c;
									    display: none;
									}
									.case_show {
						    padding: 10px 0;
						}
						.newshow {
						    padding: 20px 0;
						}
						.newshow .title h3 {
						    font-size: 17px;
						    color: #000;
						}
						.newshow .title p {
						    font-size: 13px;
						    margin-top: 10px;
						}
						.media-alert .content {
						    width: 85%;
						}
						.media-alert .content iframe {
						    width: 100%;
							height: 300px;
						}
						.ex-close .icon {
						    position: relative;
						    width: 30px;
						    height: 30px;
						    display: block;
						    vertical-align: middle;
						}
						.ex-close {
						    position: absolute;
						    top: 70px;
						    right: 10px;
						    cursor: pointer;
						    z-index: 98;
						}
						.index_about {
    padding: 20px 0;
    background: radial-gradient(50% 50% at 50% 50%, #D0D0D0 0%, #F4F4F4 100%);
}
.index_pro .pro {
    padding: 24px 0 0 0;
}

.n_exhi .toph {
    justify-content: space-between;
    flex-wrap: wrap;
}
.n_exhi .toph .i:first-child {
    width: 100%;
}
.n_exhi .toph .i:last-child {
    width: 100%;
	flex-direction: row;
	padding:15px 0 0 0;
}
.n_exhi .toph .i .img2 {
    position: relative;
    width: 49%;
}
.n_exhi .bottomh ul li {
    float: left;
    width: 49%;
    margin-right: 2%!important;
    margin-bottom: 15px;
}
.n_exhi .bottomh ul li:nth-child(2n){
	margin-right:0!important;
}
.n_exhi .toph .i .fdj img {
    width: 30px;
}
.n_exhi .toph .i .fdj p {

    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
}
.index_adv .top .icon {
    flex:0 0 80px;
	    height: 110px;
    line-height: 110px;

}
		}
		@media screen and (min-width: 769px) and (max-width: 1200px){
			.container{
				width: 100%;
				padding: 0 15px;
			}
			
		}