@font-face {
		font-family:"SulSan-R";
		src: url(../font/SulS/SulSans-Regular.otf);
	}
	@font-face {
		font-family:"SulSan-Bold";
		src: url(../font/SulS/SulSans-Bold.otf);
	}
	body{
		width: 100%;
		overflow-x: hidden;
	}
	.noscroll{
		overflow: hidden;
	}
	* {
			padding: 0;
			margin: 0;

			font-family: "SulSan-R";
		}
		
		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{
			right: 50px;
			background:rgba(0,0,0,.3);
			width:50px;
			height:50px;
		}
		.banner .swiper-button-next:after{
			font-size:25px;
			font-weight:bold;
		}
		.banner .swiper-button-prev{
			left: 50px;
			background:rgba(0,0,0,.3);
			width:50px;
			height:50px;
		}
		.banner .swiper-button-prev:after{
			font-size:25px;
			font-weight:bold;
		}
		.banner .gofor{
			position:absolute;
			width:100%;
			text-align:center;
			z-index:97;
			bottom:20%;
			left:0;
		}
		.banner .gofor a{
			font-size:14px;
			display:inline-block;
			padding: 20px 0 16px 0;
			width:280px;
			border:2px solid #000;
			font-family: "SulSan-Bold";
			margin:0 10px;
		}
		.banner .gofor a:hover{
			background:#00689f;
			transition:.3s all ease;
			color:#fff;
			border:2px solid #00689f;
		}
		.banner .gofor2{
			position:absolute;
			width:100%;
			text-align:left;
			z-index:97;
			left:0;
			bottom:30%;
		}
		.banner .gofor2 a{
			font-size:14px;
			display:inline-block;
			padding: 20px 0 16px 0;
			width:280px;
			text-align:center;
			border:2px solid #fff;
			font-family: "SulSan-Bold";
			margin-left:50px;
			color:#fff;
		}
		.banner .gofor2 a:hover{
			background:#00689f;
			transition:.3s all ease;
			color:#fff;
			border:2px solid #00689f;
		}
		
		.header{
			background-color: rgba(15,41,66,0.49);
			position: fixed;
			top: 0;
			z-index: 99;
			left: 0;
			width: 100%;
		}
		.header .top {
		    height: 80px;
		    line-height: 80px;
		    justify-content: space-between;
		}
		.header .top .navs ul li{
			display: inline-block;
			position: relative;
		}
		.header .top .navs ul>li>a{
			font-size: 16px;
			color: #fff;
			padding: 0 20px;
		}
		.header .top .navs ul li .firnav{
			position: absolute;
			width: 150px;
			line-height: normal;
			text-align: center;
			background-color: rgba(255,255,255,.6);
			top: 80px;
			display: none;
			left: 50%;
			transform: translateX(-50%);
		}
		.header .top .navs ul li .firnav a{
			display: block;
			padding: 18px 0;
			color: #4c4c4c;
			border-bottom: 1px solid #c5b5b5;
		}
		.header .top .navs ul li .firnav a:last-child{
			border-bottom:0;
		}
		.header .top .navs ul li .firnav a:hover{
			background-color: #477b97;
			color: #fff;
		}
		.header .top .navs ul li .firnav:before {
		    content: "";
		    position: absolute;
		    top: -6px;
		    left: 50%;
		    margin-left: -6px;
		    width: 0;
		    height: 0;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;
		    border-bottom: 6px solid rgba(255,255,255,.6);
		}
		

		
		.header .top .navRight .search{
			width: 100px;
			    text-align: center;
				background-color: rgba(0,0,0,.18);
				cursor: pointer;
		}
		
		.index_pro .title{
			text-align: center;
			padding: 50px 0 45px;
		}
		.index_pro .title h3{
			font-size: 36px;
			color: #00689f;
			font-family: "SulSan-Bold";
			margin-bottom: 10px;
		}
		.index_pro .index_prolist{
			padding:75px 0 0 0;
		}
		.index_pro .index_prolist .list-item{
			position: relative;
			height: 670px;
			background-color: #fff;
		}
		.index_pro .index_prolist .list-item .img{
			position: absolute;
			transition: 2s all cubic-bezier(.175,.885,.32,1.275);
			background: #fff;
			    padding-bottom: 76px;
		}
		.index_pro .index_prolist .list-item .img img{
			box-shadow: 0px 0px 25px #b9b9b9;
		}
		.index_pro .index_prolist .list-item:nth-child(2n) .img{
			right: 0;
			opacity: 0.5;
		}
		.index_pro .index_prolist .list-item:nth-child(2n+1) .img{
			left: 0;
			opacity: 0.5;
		}
		.index_pro .index_prolist .list-item.arrive:nth-child(2n) .img{
			right: 450px;
			opacity:1;
		}
		.index_pro .index_prolist .list-item.arrive:nth-child(2n+1) .img{
			left: 450px;
			opacity:1;
		}
		
		.index_pro .index_prolist .list-item .info{
			width: 50%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			
		}
		.index_pro .index_prolist .list-item:nth-child(2n) .info{
			float: right;
			padding: 120px 40px 0 170px;
		}
		.index_pro .index_prolist .list-item:nth-child(2n+1) .info{
			float: left;
			padding: 120px 170px 0 40px;
		}
		.index_pro .index_prolist .list-item .info h3{
			font-size: 30px;
			color: #00689f;
			font-family: "SulSan-Bold";
			margin-bottom: 15px;
		}
		.index_pro .index_prolist .list-item .info .cont{
			font-size: 20px;
			color: #4c4c4c;
			line-height: 1.5;
		}
		.index_pro .index_prolist .list-item .info .cont p,.index_pro .index_prolist .list-item .info .cont span{
			font-size: 20px;
			color: #4c4c4c;
			line-height: 1.5;
		}
		.index_pro .index_prolist .list-item .info .cont a{
			font-size: 20px;
			color: #00689f;
			position: relative;
			padding-top: 5px;
			display: inline-block;
			margin-top: 5px;
		}
		.index_pro .index_prolist .list-item .info .cont a::after{
			content: '';
			width: 30%;
			height: 1px;
			background-color: #00689f;
			position: absolute;
			left: 0;
			top: 0;
			transition: all .3s ease;
		}
		.index_pro .index_prolist .list-item .info .cont a:hover::after{
			width: 100%;
		}
		.index_promore{
			position: relative;
			padding: 80px 0;
			border-bottom: 2px solid #efebe8;
		}
		.index_promore .topbg{
			background: url(../images/probg.jpg) no-repeat center;
			height: 239px;
			text-align: center;
			align-items: center;
			justify-content: center;
			
		}
		.index_promore .topbg h3{
			font-size: 30px;
			color: #fff;
			font-family: "SulSan-Bold";
			margin-bottom: 15px;
		}
		.index_promore .topbg a{
			font-size: 16px;
			color: #fff;
			display: inline-block;
			border: 1px solid #fff;
			padding: 10px 15px 7px 15px;
		}
		.index_promore .grey{
			background-color: #efebe8;
			position: absolute;
			right: 0;
			z-index: -1;
			width: 50%;
			height: 400px;
			top: 0;
		}
		.index_contact{
			text-align: center;
			padding: 45px 0 70px;
		}
		.index_contact h3{
			font-size: 30px;
			color: #00689f;
			font-family: "SulSan-Bold";
		}
		.index_contact p{
			font-size: 20px;
			color: #4c4c4c;
			margin: 20px 0 25px;
		}
		.index_contact a{
			font-size: 16px;
			color: #00689f;
			border: 1px solid #00689f;
			display: inline-block;
			padding: 10px 15px 7px 15px;
			transition: .3s all ease-in-out;
		}
		.index_contact a:hover{
			background-color: #00689f;
			color: #fff;
		}
		.footer{
			background-color: #00416B;
			
		}
		.footer .top h3{
			font-size: 14px;
			color: #fff;
			font-family: "SulSan-Bold";
			
		}
		.footer .top .group h3{
			text-align:center;
		}
		.footer .top p{
			font-size: 14px;
			color: #fff;
			line-height: 2;
		}
		.footer .top a{
			font-size: 14px;
			color: #fff;
			line-height: 2;
			display: block;
		}
		.footer .top .cont ul li a{
			width:25px;
			height:25px;
		}
		.footer .cont{
			flex: 0 0 25%;
		}
		.footer .cont .line{
			width:90px;
			height: 1px;
			background-color: #fff;
			margin: 15px 0;
		}
		.footer .cont img{
			width: 151px;
			margin-top: 10px;
		}
		.footer .cont ul{
			padding:0 0 20px 0;
		}
		.footer .cont ul li{
			display:inline-block;
			position:relative;
		}
		.footer .cont ul li .hv{
			position:absolute;
			left:0;
			bottom:40px;
			display:none;
		}
		.footer .cont ul li:hover .hv{
			display:block;
		}
		.footer .cont ul li .hv img{
			width:180px;
		}
		.footer .cont ul li a{
			background:#fff;
			border-radius:50%;
			
			display:flex;
			justify-content:center;
			align-items:center;
		}
		.footer .cont ul li a:hover{
			background:rgba(255,255,255,.9);
		}
		.footer .cont ul li a img{
			width:25px;
			height:25px;
			margin:0;
		}
		.footer .top{
			padding: 25px 0;
			justify-content: space-between;
			flex: 1;
		}
		.footer .group{
			
		}
		.footer .group .line{
			width: 150px;
			height: 1px;
			background-color: #fff;
			margin: 15px auto;
		}
		
		.footer .group .linkj .lf{
			padding:0 50px;
		}
		
		.footer .africa .line{
			width: 150px;
			height: 1px;
			background-color: #fff;
			margin: 15px 0;
		}
		.footer .fnav .line{
			width: 150px;
			height: 1px;
			background-color: #fff;
			margin: 15px 0;
		}
		.footer .bottom{
			justify-content: space-between;
			background-color: #133c64;
		}
		.footer .bottom p,.footer .bottom a{
			font-size: 14px;
			color: #fff;
		}
		.footer .bottom .cc{
			padding: 10px 0;
			justify-content: space-between;
		}
		.footer .bottom .foreign .item{
			margin-left: 15px;
		}
		.footer .bottom .foreign .item a{
			display: flex;
			align-items: center;
		}
		.footer .bottom .foreign .item img{
			height: 15px;
		}
		.footer .bottom .foreign .item p{
			margin-left: 10px;
			position: relative;
			top: 2px;
		}
		.banner_noindex{
			height: 700px;
			position: relative;
			background-position: center;
			background-repeat: no-repeat;
		}
		.banner_noindex .bannav{
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
		}
		.banner_noindex .bannav ul li{
			margin-right: 50px;
		}
		.banner_noindex .bannav a{
			font-size: 18px;
			color: #fff;
			padding: 25px 0;
			display: inline-block;
			position: relative;
		}
		.banner_noindex .bannav a::after{
			content: '';
			width: 0;
			height: 2px;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			position: absolute;
			background-color: #fff;
			transition: .2s all linear;
		}
		.banner_noindex .bannav a:hover::after{
			width: 65px;
		}
		.banner_noindex .bannav a.active::after{
			width: 65px;
		}
		.history .content{
			padding: 160px 345px 0 0;
			background-image: url(../images/his_left.png);
			background-position: right bottom;
			background-repeat: no-repeat;
			position: relative;
		}
		.history .content *{
			font-size: 16px;
			line-height: 2;
		}
		.history .content img{
			max-width: 100%;
		}
		.history .bigZi{
			position: absolute;
			font-size: 190px;
			color: #00689f;
			opacity: 0.2;
			top: 60px;
			left: -10px;
			line-height: 1;
		}
		.his_bottom .zw{
			background: #00416B;
		}
		.his_bottom .zw .wzLeft{
			flex: 0 0 50%;
			padding: 60px 0 50px 50px;
		}
		.his_bottom .zw .wzLeft .line{
			width: 60px;
			height: 4px;
			background-color: #fff;
			margin-bottom: 20px;
		}
		.his_bottom .zw .wzLeft h3{
			font-size: 36px;
			color: #fff;
			line-height: 1.5;
		}
		.his_bottom .zw .imgRight{
			flex: 0 0 50%;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.his_bottom .zw .imgRight img{
			width: 312px;
		}
		.his_bottom{
			padding:  50px 0;
		}
		.joblist .title{
			text-align: center;
		}
		.joblist .title h3{
			font-size: 36px;
			color: #005a89;
			font-family: "SulSan-Bold";
			position: relative;
			display: inline-block;
		}
		.joblist .title h3::after{
			font-size: 39px;
			    content: 'Recruiting Centre';
			    position: absolute;
			    top: -15px;
			    color: #d9d9d9;
			    font-family: "SulSan-Bold";
			    white-space: nowrap;
			    left: -14px;
			    z-index: -1;
			    opacity: 0.5;
		}
		.joblist{
			padding: 50px 0;
		}
		.joblist .cateLeft{
			width: 283px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 15px;
			border-radius: 10px;
			border: 1px solid #e5e5e5;
			float: left;
		}
		.job_main{
			justify-content: space-between;
			padding: 30px 0 0 0;
		}
		.job_search .search_input{
			background-color: #f5f5f5;
			border-radius: 10px;
			width: 250px;
			margin: auto 0 auto auto;
		}
		.job_search .search_input input[type=text]{
			height: 36px;
			border: 0;
			float: left;
			background-color: #f5f5f5;
			outline:none;
		}
		.job_search .search_input input[type=submit]{
			background: url(../images/jobsearch.png) no-repeat center;
			height: 36px;
			border: 0;
			width: 40px;
			float: left;
			background-color: #f5f5f5;
		}
		.job_main .jobs{
			padding: 20px 0 15px;
		}
		.job_main .jobs h3{
			font-size: 18px;
			 font-family: "SulSan-Bold";
		}
		.job_main .jobs .detail{
			padding: 15px 0 0 0;
		}
		.job_main .jobs .detail a{
			display: block;
			padding: 7px 0;
		}
		.job_main .jobs .detail a .circle{
			border-radius: 50%;
			border: 1px solid #dedede;
			width: 12px;
			height: 12px;
			display: inline-block;
			vertical-align: middle;
			position: relative;
		}
		.job_main .jobs .detail a:hover .circle::after{
			border-radius: 50%;
			border: 4px solid #00689f;
			width: 8px;
			height: 8px;
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
		.job_main .jobs .detail a.active .circle::after{
			border-radius: 50%;
			border: 4px solid #00689f;
			width: 8px;
			height: 8px;
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
		.job_main .jobs .detail a p{
			font-size: 14px;
			display: inline-block;
			vertical-align: middle;
			position: relative;
			top: 1px;
			margin-left: 3px;
		}
		.job_main .jobdetil{
			width: 100%;
			
		}
		.job_main .jobdetil .itlist ul li{
			padding: 30px;
			border: 1px solid #e5e5e5;
			overflow: hidden;
			margin-bottom: 25px;
			border-radius: 10px;
		}
		.job_main .jobdetil .itlist ul li .infoLeft{
			float: left;
			width: 81%;
		}
		.job_main .jobdetil .itlist ul li a{
			overflow: hidden;
			display: block;
		}
		.job_main .jobdetil .itlist ul li a .tit{
			font-size: 18px;
			color: #2b2b2b;
		}
		.job_main .jobdetil .itlist ul li a .line{
			width: 100%;
			height: 2px;
			background-color: #c7c7c7;
			margin: 15px 0;
		}
		.job_main .jobdetil .itlist ul li .more{
			float: right;
		}
		.job_main .jobdetil .itlist ul li .content *{
			font-size: 14px;
			line-height: 24px;
		}
		.job_main .jobdetil .itlist ul li .content{
			font-size: 14px;
			line-height: 24px;
			height: 72px;
			overflow: hidden;
		}
		.job_main .jobdetil .itlist ul li .more img{
			padding-top: 25px;
		}
		.job_main .jobdetil .itlist ul li .more img.hov{
			display: none;
		}
		.job_main .jobdetil .itlist ul li a:hover .more img.hov{
			display: block;
		}
		.job_main .jobdetil .itlist ul li a:hover .more img.z{
			display: none;
		}
		.job_main .jobdetil .itlist ul li a:hover .tit{
			color: #00689f;
		}
		.job_main .jobdetil .itlist ul li:hover{
			box-shadow: 1px 1px 4px #dbdbdb;

		}
		.location{
			padding: 8px 0;
		}
		.location span{
			font-size: 14px;
			color: #00689f;
			display: inline-block;
		}
		.location a {
    font-size: 14px;
    color: #00689f;
    display: inline-block;
}
		.main_job .title h3{
			font-size: 30px;
			font-family: "SulSan-Bold";
		}
		.main_job .title{
			padding-bottom: 30px;
		}
		.main_job .content{
			line-height: 2;
			font-size: 14px;
		}
		.main_job .content *{
			line-height: 2;
			font-size: 14px;
		}
		.main_job{
			padding: 20px 0 40px;
		}
		.main_job .contact{
			margin-top:10px;
		}
		.main_job .contact .btn{
			background: #00689f;
			font-size: 16px;
			color: #fff;
			display: inline-block;
			padding: 8px 15px 5px 15px;
			cursor: pointer;
		}
		
		.job_popup{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			background-color: rgba(0,0,0,.5);
			z-index: 99;
			display: none;
		}
		.job_popup.open{
			display: block;
		}
		.job_popup .mask{
			width: 770px;
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			margin: auto;
			background-color: #fff;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 30px 70px 30px 30px;
			opacity: 0;
			transition: .3s all .3s linear;
		}
		.job_popup.open .mask{
			opacity: 1;
		}
		.job_popup .mask .lefttitle{
			width: 28%;
			float: left;
		}
		.job_popup .mask .lefttitle h3{
			font-size: 18px;
			color: #2b2b2b;
			    
			    border-bottom: 6px solid #00689f;
			    display: inline-block;
		}
		.job_popup .mask .inputInfo{
			float: right;
			width: 70%;
			max-height: 70vh;
			overflow-y: auto;
			padding-right: 10px;
		}
		.job_popup .mask .inputInfo::-webkit-scrollbar {
		    width: 4px;
		    height: 1px;
		}
		.job_popup .mask .inputInfo::-webkit-scrollbar-thumb {
		    border-radius: 10px;
		    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
		    background: #707070;
		}
		.job_popup .mask .inputInfo::-webkit-scrollbar-track {
		    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
		    border-radius: 10px;
		    background: #ededed;
		}
		.job_popup .mask .inputInfo .item{
			margin-bottom: 20px;
		}
		.job_popup .mask .inputInfo .item p{
			font-size: 14px;
			color: #2b2b2b;
			margin-bottom: 5px;
		}
		.job_popup .mask .inputInfo .item input[type=text]{
			border: 1px solid #bfbfbf;
			height: 27px;
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding-left: 15px;
			color: #c6c4c4;
			border-radius: 4px;
			outline: none;
		}
		.job_popup .mask .inputInfo .item textarea{
			height: 150px;
			width: 100%;
			border: 1px solid #bfbfbf;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.job_popup .mask .inputInfo .submit{
			text-align: center;
		}
		.job_popup .mask .inputInfo .submit input{
			display: inline-block;
			border: 0;
			padding: 8px 15px;
			background-color: #00689f;
			color: #fff;
			border-radius: 10px;
		}
		.job_popup .mask .close{
			position: absolute;
			right: -30px;
			top: -30px;
			font-size: 20px;
			background-color: #fff;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    font-family: 微软雅黑;
			    font-weight: bold;
				cursor: pointer;
		}
		
		.page{
			text-align: center;
			padding: 15px 0 0 0;
		}
		.page .prev {
		    font-size: 18px;
		    border: 1px solid #aaaaaa;
		    width: 35px;
		    height: 35px;
		    line-height: 40px;
		    display: inline-block;
		    text-align: center;
		    margin-right: 20px;
		}
		.page span, .page a {
		    font-size: 18px;
			display: inline-block;
			    vertical-align: middle;
		}
		.page .next {
		    font-size: 18px;
		    border: 1px solid #aaaaaa;
		    width: 35px;
		    height: 35px;
		    line-height: 40px;
		    display: inline-block;
		    text-align: center;
		    margin-left: 20px;
		}
		.page .next:hover,.page .prev:hover{
			background: #00689f;
			color: #fff;
		}
		.news_search{
			padding:60px 0 0 0;
		}
		.new-list{
			padding: 60px 0;
		}
		.new-list .title {
		    text-align: center;
		}
		.new-list .title h3 {
		    font-size: 36px;
		    color: #005a89;
		    font-family: "SulSan-Bold";
		    position: relative;
		    display: inline-block;
		}
		.new-list .title.TRENDS h3::after {
    content: 'TRENDS'!important;
}
		.new-list .title h3::after {
		    font-size: 39px;
		    content: 'NEWS';
		    position: absolute;
		    top: -20px;
		    color: #d9d9d9;
		    font-family: "SulSan-Bold";
		    white-space: nowrap;
		    left: -5px;
		    z-index: -1;
		    opacity: 0.5;
		}
		.new-list .new-tlist {
		    padding-top: 35px;
		}
		.new-list .item {
		    float: left;
		    width: 32%;
		    margin-right: 2%;
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    padding: 40px 30px;
		    border: 1px solid #eaeaea;
		    margin-bottom: 36px;
			transition: .2s all ease-in-out;
		}
		.new-list .item:hover{
			transform: translateY(-15px);
		}
		.new-list .item:nth-child(3n){
			margin-right: 0;
		}
		.new-list .item .date h3 {
		    font-size: 12px;
		    color: #4c4c4c;
		}
		.new-list .item .date h3 span {
		    font-size: 24px;
		    color: #4c4c4c;
		}
		.new-list .item .info h3 {
		    font-size: 18px;
		    color: #4c4c4c;
		    margin: 30px 0 15px;
		    white-space: nowrap;
		    width: 100%;
		    overflow: hidden;
		    text-overflow: ellipsis;
		}
		.new-list .item:hover .info h3{
			color: #00689f;
		}
		.new-list .item .info p {
		    font-size: 14px;
		    color: #4c4c4c;
		    line-height: 2;
		    display: -webkit-box;
		    -webkit-line-clamp: 3;
		    -webkit-box-orient: vertical;
		    overflow: hidden;
		    height: 84px;
		}
		.new-list .item .img {
		    padding-top: 20px;
		}
		.new-list .item .img img {
		    width: 100%;
		}
		.newshow {
		    padding: 20px 0 40px;
		}
		.newshow .title {
		    border-top: 1px solid #c1c1c1;
		    border-bottom: 1px solid #c1c1c1;
		    padding: 12px 0;
		}
		.newshow .title h3 {
		    font-size: 18px;
		    color: #4c4c4c;
		    padding-left: 25px;
		    position: relative;
		}
		.newshow .title h3::after {
		    width: 3px;
		    height: 100%;
		    background: #000;
		    content: '';
		    position: absolute;
		    left: 0;
		    top: 0;
		}
		.newshow .date {
		    padding: 20px 0;
		}
		.newshow .date span {
		    font-size: 14px;
		    color: #4c4c4c;
		}
		.newshow .pic{
			align-items:flex-end;
			flex-wrap:wrap;
		}
		.newshow .pic .d_list{
			margin-left:30px;
		}
		.newshow .pic .d_list a{
			display:block;
			margin-top:10px;
		}
		.newshow .pic .d_list a img{
			height:15px;
		}
		.newshow .back{
			margin-top:30px;
		}
		.newshow .back img{
			height:15px;
			transform:rotate(180deg)
		}
		.newshow .content {
		    color: #4c4c4c;
			font-size: 14px;
		}
		.newshow .content img{
		    max-width: 100%;
		    height: auto;
		}
		.business{
			padding: 50px 0;
		}
		.business .top h3{
			font-size: 36px;
			margin-bottom: 20px;
		}
		.business .top p{
			font-size: 16px;
			line-height: 2;
		}
		.business .bottom{
			justify-content: space-between;
			align-items: flex-end;
			padding: 30px 0 10px 0;
		}
		.business .bottom span{
			font-size: 24px;
		}
		.business .bottom  img{
			display: inline-block;
		}
		.business .bottom  span{
			display: inline-block;
			vertical-align: bottom;
			margin-left: 15px;
		}
		.business .bottom .jt{
			font-size: 36px;
			line-height: 18px;
		}
		
		.value_list{
			padding: 55px 0;
		}
		.value_list .top{
			justify-content: space-between;
		}
		.value_list .top .img img{
			width: 567px;
		}
		.value_list .top .info{
			padding: 70px 0 0 50px;
		}
		.value_list .top .info .grrytit{
			font-size: 60px;
			color: #4c4c4c;
			font-family: "SulSan-Bold";
			opacity: 0.3;
			padding-bottom: 20px;
		}
		.value_list .top .info h3{
			font-size: 36px;
			color: #4c4c4c;
			font-family: "SulSan-Bold";
			line-height: 60px;
			position: relative;
			margin-bottom: 10px;
		}
		.value_list .top .info h3::after{
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 40px;
			height: 3px;
			background-color: #4d4d4d;
		}
		.value_list .top .info p{
			font-size: 24px;
			color: #4c4c4c;
			line-height: 36px;
		}
		.value_list .bottom{
			background-image: url(../images/value_ll2.jpg);
			height: 656px;
			background-repeat: no-repeat;
			background-position: left top;
			margin: 55px 0 0 0;
		}
		.value_list .bottom .info{
			width: 54%;
			    padding: 12% 0 0 0;
		}
		.value_list .bottom .info .shadow{
			font-size: 60px;
			color: #4c4c4c;
			padding-left: 25px;
			    letter-spacing: 1px;
		}
		.value_list .bottom .info .shadow span{
			font-size: 60px;
			color: #fff;
		}
		.value_list .bottom .info .vision {
			background-color: rgba(0,0,0,.5);
			padding: 25px;
		}
		.value_list .bottom .info .vision h3{
			font-size: 36px;
			color: #fff;
			font-family: "SulSan-Bold";
		}
		.value_list .bottom .info .vision .line{
			width: 45px;
			height: 2px;
			background-color: #fff;
			margin: 20px 0;
		}
		.value_list .bottom .info .vision p{
			font-size: 24px;
			color: #fff;
			line-height: 36px;
		}
		.value_list .bottom:nth-child(2){
			background-image:url(../images/value_l2.jpg);
			height:607px;
			background-position: right top;
		}
		.value_list .bottom:nth-child(1) .info{
			float:right;
		}
		.corevalue .title{
			text-align: center;
		}
		.corevalue .title h3{
			font-size: 36px;
			color: #2b2b2b;
			font-family: "SulSan-Bold";
		}
		.corevalue .corelist ul {
			text-align: center;
			font-size: 0;
		}
		.corevalue .corelist ul li{
			display: inline-block;
			width: 31.6%;
			vertical-align: top;
			
		}
		.corevalue .corelist ul li .img img{
			width: 100%;
		}
		.corevalue .corelist ul li:nth-child(2){
			margin: 55px 2.6%;
		}
		.corevalue .corelist ul li:nth-child(1),.corevalue .corelist ul li:nth-child(3){
			margin: 55px 0;
		}
		.corevalue .corelist ul li:nth-child(4),.corevalue .corelist ul li:nth-child(5){
			margin: 0 1.3%;
		}
		.corevalue .corelist ul li .content{
			border: 1px solid #eeeeee;
			text-align: left;
			padding: 15px;
		}
		.corevalue .corelist ul li .content h3{
			font-size: 24px;
			color: #005a89;
			margin-bottom: 10px;
		}
		.corevalue .corelist ul li .content p{
			font-size: 14px;
			color: #2b2b2b;
			line-height: 2;
		}
		.corevalue{
			padding: 0 0 60px 0;
		}
		.career .carLeft{
			float: left;
			width: 37%;
		}
		.career .carLeft h3{
			font-size: 36px;
			color: #00689f;
			margin-bottom: 15px;
		}
		.career .carLeft p{
			font-size: 18px;
			color: #090909;
			line-height: 30px;
		}
		.career .wzRight{
			float: right;
			width: 63%;
		}
		.career .wzRight p{
			font-size: 16px;
			line-height: 30px;
		}
		.career{
			padding: 35px 0 60px;
		}
		.career .container{
			position: relative;
		}
		.career .hareware{
			position: absolute;
			left: 0;
			bottom: -125px;
		}
		.careerimg img{
			width: 100%;
		}
		.careerlist ul li{
			border: 1px solid #f2f2f2;
			padding: 25px;
			margin-top: 40px;
			box-shadow: 2px 2px 3px #eaeaea;
		}
		.careerlist ul li:nth-child(2n){
			flex-direction: row-reverse;
		}
		.careerlist ul li:nth-child(2n) .info{
			padding: 0 0 0 30px;
		}
		.careerlist ul li:nth-child(2n+1) .info{
			padding: 0 30px 0 0;
		}
		.careerlist ul li .info h3{
			font-size: 24px;
			margin-bottom: 10px;
		}
		.careerlist ul li .info .content{
			font-size: 16px;
			color: #4c4c4c;
			line-height: 2;
		}
		.career_more{
			padding:60px 0;
			text-align:center;
		}
		.career_more a{
			display:inline-block;
			background:#00416B;
			color:#fff;
			font-size:18px;
			padding:15px 50px;
		}
		.jobhref{
			padding: 60px 0;
		}
		.jobhref .recruitLeft{
			width: 25%;
			float: left;
		}
		.jobhref .recruitLeft h3{
			font-size: 36px;
			color: #00689f;
			margin-bottom: 10px;
		}
		.jobhref .recruitLeft p{
			font-size: 18px;
			line-height: 30px;
		}
		.jobhref .recruitRight{
			float: right;
			width: 68%;
			justify-content: space-between;
		}
		.jobhref .recruitRight .lefthref{
			flex: 0 0 30%;
		}
		.jobhref .recruitRight .topname{
			justify-content: space-between;
			padding: 10px 0;
			border-bottom: 2px solid #858585;
		}
		.jobhref .recruitRight .topname h3{
			font-size: 18px;
		}
		.jobhref .recruitRight .bottomhref .it{
			
			
		}
		.jobhref .recruitRight .bottomhref .it a{
			font-size: 16px;
			justify-content: space-between;
			padding: 15px 0;
			border-bottom: 1px solid #f1f1f1;
		}
		.jobhref .recruitRight .bottomhref .it span{
			font-size: 16px;
		}
		.jobhref .recruitRight .bottomhref .it a:hover span{
			color: #00689f;
		}
		.jobhref .recruitRight .righthref{
			flex: 0 0 60%;
		}
		.n_contact{
			padding: 50px 0;
		}
		.n_contact .title{
			text-align: center;
		}
		.n_contact .title h3{
			font-size: 36px;
			font-family: "SulSan-Bold";
			margin-bottom: 20px;
			
		}
		.n_contact .title p{
			font-size: 14px;
			color: #4c4c4c;
		}
		.n_contact .contact_form{
			padding: 20px 0 0 0;
		}
		.n_contact .contact_form .first {
		    justify-content: space-between;
		    padding: 30px 0;
		}
		.n_contact .contact_form label {
		    font-size: 14px;
		    color: #4c4c4c;
		}
		.n_contact .contact_form input[type=text] {
		    border: 0;
		    outline: none;
		}
		.n_contact .contact_form .items::after {
		    position: absolute;
		    width: 55px;
		    height: 3px;
		    content: '';
		    bottom: -3px;
		    left: 0;
		    background: #0093dd;
		}
		.n_contact .contact_form .items {
		    width: 30%;
		    border-bottom: 3px solid #ccccce;
		    padding: 8px 0;
		    position: relative;
		}
		.n_contact .contact_form .secound {
		    padding: 30px 0;
		}
		.n_contact .contact_form .secound .items {
		    border-bottom: 3px solid #ccccce;
		    position: relative;
		    width: 100%;
		}
		.n_contact .contact_form .secound input[type=text] {
		    width: 80%;
		}
		.n_contact .submit {
		    text-align: center;
		    padding: 30px 0 0 0;
		}
		.n_contact .submit input {
		    border: 1px solid #ccccce;
		    background: #fff;
		    display: inline-block;
		    padding: 10px 60px;
		    font-size: 14px;
		    color: #4c4c4c;
		    border-radius: 20px;
			cursor: pointer;
		}
		.contact_tips .topname{
			padding-left: 20px;
			border-left: 4px solid #00689f;
		}
		.contact_tips .topname h3{
			font-size: 24px;
			color: #4c4c4c;
			line-height: 36px;
		}
		.contact_tips .boticon{
			margin-top: 20px;
		}
		.contact_tips .boticon .item{
			border: 1px solid #eeeeee;
			padding: 45px 40px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.contact_tips .boticon .item .line{
			width: 25px;
			height: 3px;
			background-color: #00689f;
			margin: 10px 0 12px;
		}
		.contact_tips .boticon .item:first-child{
			flex: 0 0 50%;
		}
		.contact_tips .boticon .item:nth-child(2),.contact_tips .boticon .item:nth-child(3){
			flex: 0 0 25%;
		}
		.contact_tips .boticon .item .cont p{
			line-height: 2;
			font-size: 16px;
			color: #4c4c4c;
		}
		.contact_tips{
			padding: 0 0 50px 0;
		}
		.contact_tips .boticon .item .icon{
			height: 31px;
		}
		.contact_tips .boticon .item .icon img{
			max-height: 31px;
		}
		.product_custop{
			padding: 25px 0;
		}
		.product_custop .kj{
			width: 80%;
			margin: auto;
		}
		.product_custop .kj .small{
			font-size: 16px;
			color: #00689f;
			font-family: "SulSan-Bold";
		}
		.product_custop .kj .bigword{
			font-family: "SulSan-Bold";
			font-size: 48px;
			margin: 25px 0;
		}
		.product_custop .kj .middle{
			font-size: 18px;
			color: #2b2b2b;
		}
		.product_mid{
			background-color: #00416b;
			
		}
		.product_mid .zhengwen{
			position: relative;
			padding: 100px 0;
		}
		.product_mid .zhengwen .shu1 {
		    position: absolute;
		    left: 0;
		    top: 0;
		    transform: rotate(90deg);
		    color: rgba(255,255,255,.21);
		    font-size: 30px;
		    left: -45px;
		    top: 130px;
		}
		.product_mid .zhengwen .pmLeft{
			float: left;
			padding-left: 100px;
		}
		.product_mid .zhengwen .pmLeft p{
			font-size: 24px;
			color: #fff;
			font-family: "SulSan-Bold";
			margin-bottom: 5px;
		}
		.product_mid .zhengwen .pmLeft h3{
			font-family: "SulSan-Bold";
			font-size: 36px;
			color: #fff;
			line-height: 1.5;
		}
		.product_mid .zhengwen  .pmRight{
			float: right;
			width: 50%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding-right: 60px;
		}
		.product_mid .zhengwen  .pmRight p{
			font-size: 20px;
			color: #fff;
			line-height: 30px;
		}
		.product_bot{
			position: relative;
			top: -60px;
			    margin-bottom: -60px;
		}
		.product_bot .pbotlist{
			justify-content: space-between;
		}
		.product_bot .pbotlist .item{
			flex: 0 0 100%;
		}
		.product_bot .pbotlist .item .img img{
			width: 100%;
		}
		.product_bot .pbotlist .item .info{
			width:75%;
			margin:auto;
			background-color: #00416B;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			padding: 50px 40px 65px 40px;
			position:relative;
			top:-50px;
			color:#fff;
		}
		.product_bot .pbotlist .item .info h3{
			font-size: 30px;
			margin: 10px 0 20px 0;
		} 
		.product_bot .pbotlist .item .info p{
			font-size: 20px;
			line-height: 32px;
		}
		.product_bot .pbotlist .item .info .one a{
			font-size: 20px;
			color: #005a89;
			display: inline-block;
			margin-top: 15px;
			border:1px solid #fff;
			padding: 12px 48px;
			color:#fff;
		}
		.product_bot .pbotlist .item .info a:hover{
			background:rgba(255,255,255,0.2);
		}
		.product_bot .item .info .list{
			justify-content:space-between;
			align-items: end;
		}
		.product_bot .item .info .list .items a{
			color:#fff;
		}
		.product_bot .item .info .one{
			text-align:center;
		}
		.product_bot .more{
			padding:50px 0 50px 0;
			text-align:center;
		}
		.product_bot .more a{
			display:inline-block;
			padding:8px 20px;
			background:#00416B;
			color:#fff;
		}
		.product_bot2{
			padding: 60px 0;
		}
		.product_bot2 ul li{
			padding: 27px 0;
		}
		.product_bot2 ul li .info{
			padding: 70px 85px 0 40px;
			
		}
		.product_bot2 ul li:nth-child(1) .info{
			background-color: #008dd4;
		}
		.product_bot2 ul li:nth-child(2) .info{
			background-color: #feb624;
		}
		.product_bot2 ul li:nth-child(3) .info{
			background-color: #17dfae;
		}
		.product_bot2 ul li:nth-child(4) .info{
			background-color: #01c8cf;
		}
		.product_bot2 ul li .info h3{
			font-size: 24px;
			color: #fff;
			font-family: "SulSan-Bold";
			margin-bottom: 20px;
		}
		.product_bot2 ul li .info p{
			font-size: 18px;
			color: #fff;
			line-height: 30px;
		}
		.product_bot2 ul li:nth-child(2n+1) .info{
			margin-left: 35px;
		}
		.product_bot2 ul li:nth-child(2n) .info{
			margin-right: 35px;
		}
		.product_bot2 ul li:nth-child(2n){
			flex-direction: row-reverse;
		}
		.product_bot2 .more{
			text-align: center;
			padding: 25px 0 0;
		}
		.product_bot2 .more a{
			font-size: 16px;
			color: #fff;
			background-color: #005a89;
			display: inline-block;
			padding: 10px 30px;
		}
		.product_bot2 .img2 img{
			width: 100%;
		}
		
		.plb{
			padding:60px 0;
		}
		.plb .s{
			width:75%;
			margin:auto;
		}
		.plb .s .lf{
			width:50%;
			flex-direction:column;
			text-align:center;
			align-items:center;
			justify-content:center;
			height:200px;
			background:#eaeaea;
		}
		.plb .s .rf{
			width:50%;
		}
		.plb .s .lf .hh{
			font-size:24px;
		}
		.plb .s .lf a{
			margin-top:15px;
			font-size:16px;
			border:1px solid #000;
			padding:7px 20px;
			display:inline-block;
		}
		.plb .s .lf a:hover{
			background:#00416B;
			color:#fff;
		}
		.plb .s .rf .swiper-container{
			height:100%;
		}
		.plb .s .rf .swiper-slide{
			display: flex;
			display: -webkit-flex;
			display: -ms-flexbox;
			flex-direction:column;
			text-align:center;
			align-items:center;
			justify-content:center;
			background:#00416B;
		}
		
		.plb .s .rf .hh{
			font-size:24px;
			color:#fff;
		}
		.plb .s .rf a{
			margin-top:15px;
			font-size:16px;
			border:1px solid #fff;
			padding:7px 20px;
			display:inline-block;
			color:#fff;
		}
		.plb .s .rf a:hover {
			background: rgba(255,255,255,0.2);
		}
		.plb .s .rf .swiper-button-next,.plb .s .rf .swiper-button-prev{
			color:#fff;
		}
		
		.plb .s .rf .swiper-button-next:after,.plb .s .rf .swiper-button-prev:after{
			font-size:30px;
		}
		
		.plb .s .rfs{
			width:50%;
			flex-direction:column;
			text-align:center;
			align-items:center;
			justify-content:center;
			height:200px;
			background:#00416B;
		}
		
		.markerts{
			background: url(../images/business.jpg) no-repeat center;
			height: 790px;
		}
		.markerts .markerts-list{
			height: 100%;
		}
		.markerts .container{
			height: 100%;
			position:relative;
		}
		.markerts .container .rightwz{
			position:absolute;
			right:0;
			top:0;
		}
		.markerts .pageLeft{
			width: 670px;
			position: relative;
			height: 100%;
			float: left;
		}
		.markerts .pageLeft .page_nei{
			position: absolute;
			right: 0;
			display: flex;
			width: 510px;
			flex-wrap: wrap;
			top: 30%;
			
			display: none;
		}
		.markerts .pageLeft .page_nei:first-child{
			display:flex;
		}
		.markerts .pageLeft .page_nei .item{
			width: 33.3%;
			background-color: rgba(183,182,182,.64);
			cursor: pointer;
		}
		
		.markerts .pageLeft .page_nei .item img{
			width: 100%;
		}
		.markerts .pageRight{
			
			    float: right;
			    width: 500px;
			    top: 50%;
			    position: relative;
			    transform: translateY(-50%);
			
		}
		.markerts .pageRight .its{
			display:none;
			position: relative;
		}
		.markerts .pageRight .its:first-child{
			display:block;
		}
		.markerts .pageRight .its{
			color: #fff;
			font-size: 16px;
			height:380px;
			position:relative;
		}
		.markerts .pageRight .its .lmore{
			position:absolute;
			bottom:0;
			
		}
		.markerts .pageRight .its .lmore a{
			display:inline-block;
			border:1px solid #fff;
			padding:3px 18px;
		}
		.markerts .pageRight .its .lmore a:hover{
			background: rgba(255,255,255,0.2);
		}
		.markerts .pageRight .its *{
			color: #fff;
			font-size: 16px;
			line-height: 30px;
		}
		.markerts .pageRight .its p,.markerts .pageRight .its span{
			color: #fff;
			font-size: 16px;
		}
		.markerts{
			position: relative;
		}
		.markerts .swiper-container{
			height: 100%;
		}
		.markerts .country{
			position: absolute;
			width: 100%;
			left: 0;
			top: 50px;
		}
		.markerts .country .MARK{
			font-size: 36px;
			color: #fff;
		}
		.markerts .country .fb{
			align-items: center;
			padding: 15px 0;
		}
		.markerts .country .zf{
			width: 32px;
			height: 18px;
		}
		.markerts .country .cot{
			font-size: 18px;
			color: #fff;
			margin: 2px 0 0 10px;
		}
		.markerts .botom{
			position: absolute;
			width: 100%;
			left: 0;
			height: 130px;
			line-height: 130px;
			bottom: 0;
			background: rgba(61,61,61,.62);
			z-index: 90;
		}
		.markerts .botom .ca .first{
			flex: 0 0 25%;
			background: #176f9b;
			text-align: center;
		}
		.markerts .botom .ca .first h3{
			font-size: 36px;
			color: #fff;
		}
		.markerts .botom .ca .sec{
			flex: 0 0 75%;
		}
		.markerts .botom .ca .sec li{
			width: 25%;
			font-size: 18px;
			color: #fff;
			text-align: center;
			cursor: pointer;
			position:relative;
		}
		.markerts .botom .ca .sec li::after {
			content: '';
			position: absolute;
			width: 0;
			height: 2px;
			background-color: #fff;
			left: 0;
			right: 0;
			top: 30px;
			margin: auto;
			transition: .2s all linear;
		}
		.markerts .botom .ca .sec li:hover::after{
			width:20%;
		}
		.markerts .botom .ca .sec li.on::after{
			width:20%;
		}
		
		.bus_list .info{
			padding: 100px 30px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			flex: 0 0 55%;
		}
		.bus_list ul li{
			justify-content: space-between;
			align-items: center;
			position: relative;
			margin: 50px 0;
			border: 1px solid #eaeaea;
			box-shadow: 1px 1px 2px #eaeaea;
		}
		.bus_list .info{
			
		}
		.bus_list ul li .bg{
			position: absolute;
			width: 35%;
			height: 100%;
			top: 0;
			z-index: -1;
		}
		.bus_list ul li:nth-child(2n){
			flex-direction: row-reverse;
		}
		.bus_list ul li:nth-child(2n+1) .bg{
			right: 0;
		}
		.bus_list ul li:nth-child(2n+1) .img img{
			position: relative;
			right: 60px;
		}
		.bus_list ul li:nth-child(2n) .img img{
			position: relative;
			left: 60px;
		}
		.bus_list .info h3{
			font-size: 36px;
			margin-bottom: 20px;
		}
		.bus_list .info p{
			font-size: 16px;
			color: #2b2b2b;
			line-height: 28px;
		}
		
		.MASK_SEARCH {
		    position: fixed;
		    width: 100%;
		    height: 0;
		    background: #f0ebe7;
		    z-index: 999;
		    top: 0;
		    left: 0;
		    overflow: hidden;
		    transition: .4s all ease-in-out;
		}
		.MASK_SEARCH .searchbox {
		    height: 90%;
		    width: 95%;
		    position: absolute;
		    left: 2.5%;
		    top: 5%;
		    margin: auto;
		    background: #fff;
		    border-radius: 15px;
		}
		.MASK_SEARCH .middle {
		    width: 1000px;
		    /* margin: auto; */
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%,-50%);
		}
		.MASK_SEARCH .searchbox .searchform {
		    padding: 60px 0;
		}
		.MASK_SEARCH .searchbox .searchform .zx {
		    display: flex;
		    display: -webkit-flex;
		    display: -ms-inline-flexbox;
		    display: -ms-flexbox;
		    justify-content: space-between;
		    border-bottom: 1px solid #bdbdc1;
		}
		.MASK_SEARCH .searchbox .searchform .zx input[type=text] {
		    width: 600px;
		    height: 60px;
		    border: 0;
		    font-size: 15px;
		    outline: none;
		}
		.MASK_SEARCH .searchbox .searchform .zx .item2 {
		    position: relative;
		}
		.MASK_SEARCH .searchbox .searchform .zx input[type=submit] {
		    background: url(../images/fdj.png) no-repeat center;
		    height: 28px;
		    width: 28px;
		    background-size: 100%;
		    border: 0;
		    position: relative;
		    top: 15px;
		    margin-right: 10px;
		}
		.MASK_SEARCH .searchbox .searchform .zx .close {
		    display: inline-block;
		    width: 30px;
		    height: 4px;
		    background: #595757;
		    transform: rotate(45deg);
		    cursor: pointer;
		    transition: .3s all linear;
		    position: relative;
		    top: 4px;
		}
		.MASK_SEARCH .searchbox .searchform .zx .close::after {
		    content: '';
		    display: block;
		    width: 30px;
		    height: 4px;
		    background: #595757;
		    transform: rotate(-90deg);
		}
		
		
		@media screen and (min-width: 300px) and (max-width: 768px){
			.pc {
				display: none;
			}
			
			.mobile {
				display: block;
			}
			.container{
				width: 100%;
				padding: 0 10px;
				overflow: hidden;
			}
			.btitle{
				font-size:28px!important;
			}
			.history .bigZi {
			opacity: 0.15;
			font-size: 55px;
			left:0;
			top: 10px;}
			.banner img{
				width: 100%;
			}
			.header .top {
			    height: 60px;
			    line-height: 60px;
			    justify-content: space-between;
			}
			.header .logo img{
				height: 40px;
			}
			.header .navRight{
				display: none;
			}
			.navs-m {
			    width: 55px;
			    height: 55px;
			    overflow: hidden;
			    position: absolute;
			    right: 0;
			    top: 5px;
			    z-index: 1000;
			}
			.navs-m span {
			    top: 25px;
			}
			.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:last-child {
			    content: "";
			    top: 34px;
			}
			.navs-m span:first-child {
			    content: "";
			    top: 17px;
			}
			
			.index_pro .index_prolist .list-item .info h3 {
			    font-size: 24px;
			    color: #00689f;
			    font-family: "SulSan-Bold";
			    margin-bottom: 15px;
			}
			.index_pro .title {
			    text-align: center;
			    padding: 30px 0 25px;
			}
			.index_pro .title h3 {
			    font-size: 28px;
			    color: #00689f;
			    font-family: "SulSan-Bold";
			    margin-bottom: 10px;
			}
			.index_pro .title h3 p{
				font-size: 20px;
			}
			.index_pro .index_prolist .list-item .info .cont p, .index_pro .index_prolist .list-item .info .cont span {
			    font-size: 16px;
			    color: #4c4c4c;
			    line-height: 1.5;
			}
			.index_pro .index_prolist .list-item .info .cont a {
			    font-size: 16px;
			}
			.index_pro .index_prolist .list-item {
			    position: relative;
			    height: auto;
			    background-color: #fff;
			    overflow: hidden;
			}
			.index_pro .index_prolist .list-item .img {

			    padding-bottom: 15px;
			    width: 100%;
			    opacity: 1!important;
				position: relative;
			}
			.index_pro .index_prolist .list-item .img img {
			    box-shadow: none;
			    width: 100%;
			}
			
			.index_pro .index_prolist .list-item .info{
				width: 100%;
				padding: 10px 10px 30px 10px!important;
			}
			.index_promore {
			    position: relative;
			    padding: 30px 0;
			    border-bottom: 2px solid #efebe8;
			}
			.index_promore .topbg a {
			    font-size: 14px;
			    color: #fff;
			    display: inline-block;
			    border: 1px solid #fff;
			    padding: 10px 15px 7px 15px;
			}
			.index_contact h3 {
			    font-size: 28px;
			    color: #00689f;
			    font-family: "SulSan-Bold";
			}
			.index_contact p {
			    font-size: 16px;
			    color: #4c4c4c;
			    margin: 20px 0 25px;
			}
			.index_contact a{
				font-size: 14px;
			}
			.index_contact {
			    text-align: center;
			    padding: 25px 0 30px;
			}
			.index_promore .grey{
				height: 100%;
			}
			.header {
			background-color: rgba(0,0,0,0.49);
			}
			.bannermobile  img{
				width:100%;
			}
			.bannermobile .gofor{
				position: absolute;
				width: 100%;
				text-align: center;
				z-index: 97;
				bottom: 20%;
				left: 0;
			}
			.bannermobile .gofor a {
				font-size: 13px;
				display: inline-block;
				padding: 7px 0 7px 0;
				width:130px;
				border: 2px solid #000;
				font-family: "SulSan-Bold";
				margin: 0 10px;
			}
			.bannermobile .gofor2 {
				position: absolute;
				width: 100%;
				text-align: left;
				z-index: 97;
				left: 0;
				bottom: 25%;
			}
			.bannermobile .gofor2 a {
				font-size: 13px;
				display: inline-block;
				padding: 7px 0 7px 0;
				width: 130px;
				text-align: center;
				border: 2px solid #fff;
				font-family: "SulSan-Bold";
				color:#fff;
				margin: 0 10px;
			}
			.drawer {
			    z-index: 9;
			    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: #3a3a3a;
				    padding-top: 40px;
					overflow-y: auto;
			}
			
			.drawer ul li[data-level="0"]>a {
			    text-transform: capitalize !important;
			   color: #fff;
			   padding: 20px;
			    font-size: 18px;
				display: block;
				position: relative;
			}
			.drawer ul.innerInfo{
				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: #3a3a3a;
			}
			
			.drawer .menu-submenu ul li a {
			    padding: 10px 40px 5px 21px;
				color: #fff;
				font-size: 18px;
				    line-height: 24px;
					display: block;
			}
			.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.opened {
			    -webkit-transform: translateX(0);
			    transform: translateX(0);
			    visibility: visible;
			    opacity: 1;
			}
			.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;
			}
			
			.sr-only {
			    position: absolute;
			    width: 1px;
			    height: 1px;
			    padding: 0;
			    margin: -1px;
			    overflow: hidden;
			    clip: rect(0,0,0,0);
			    border: 0;
			}
			.drawer .backLink a svg {
			    height: 30px;
			    width: 30px;
			    -webkit-transform: rotate(90deg);
			    transform: rotate(90deg);
			    fill: #fff !important;
			}
			.drawer.opened {
			    visibility: visible;
			    opacity: 1;
			    -webkit-transition-delay: 0s;
			    transition-delay: 0s;
				-webkit-transform: scaleX(1);
				    transform: scaleX(1);
			}
			
			.history .content{
				    padding: 50px 10px 10px 3px;
				background-image: none;
			}
			.banner_noindex{
				height: 67vw;
				background-size: 100% auto;
			}
			.his_bottom .zw .wzLeft h3 {
			    font-size: 22px;
			    color: #fff;
			    line-height: 1.5;
			}
			.his_bottom .zw .wzLeft {
			    flex: 0 0 100%;
			    padding: 20px 20px 20px 20px;
			    box-sizing: border-box;
			}
			.his_bottom .zw {
			    background: #00416B;
			    flex-wrap: wrap;
			}
			.his_bottom .zw .imgRight {
			    flex: 0 0 100%;
				padding: 20px;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}
			.his_bottom .zw .imgRight .img{
				
			}
			.his_bottom .zw .imgRight img{
				width: 100%;
			}
			.footer .cont {
			    flex: 0 0 100%;
			}
			.footer .top{
				flex-wrap: wrap;
			}
			.footer .group,.footer .africa{
				display: none;
			}
			.footer .fnav {
			    display: none;
			}
			.footer .bottom p, .footer .bottom a {
			    font-size: 12px;
			    color: #fff;
			}
			.his_bottom {
			    padding: 30px 0;
			}
			.footer .bottom .cc{
				flex-wrap: wrap;
			}
			.footer .bottom .foreign .item p{
				display: none;
			}
			.footer .bottom .foreign .item img {
			    height: 20px;
			} 
			.footer .bottom .foreign .item {
			    margin-left: 0;
				margin-right: 10px;
			}
			.footer .bottom .copy{
				padding: 5px 0;
			}
			.business .top h3 {
			    font-size: 28px;
			    margin-bottom: 15px;
			}
			.value_list .top .img img {
			    width: 100%;
			}
			.value_list .top{
				flex-wrap: wrap;
			}
			.value_list .top .info {
			    padding: 20px 15px;
			}
			.value_list .top .info .grrytit {
			    font-size: 40px;
				padding-bottom: 15px;
			}
			.value_list .top .info h3 {
			    font-size: 28px;
				line-height: 46px;
			}
			.value_list .top .info p {
			    font-size: 18px;
			    color: #4c4c4c;
			    line-height: 30px;
			}
			.value_list .bottom .info .shadow{
				display: none;
			}
			.value_list .bottom{
				height: auto!important;
				margin: 30px 0 0 0;
			}
			.value_list .bottom .info {
			    width: 100%;
			    padding: 0 0 0 0;
			}
			.value_list .bottom .info .vision {
			    background-color: rgba(0,0,0,.5);
			    padding: 20px;
			}
			.value_list .bottom .info .vision h3 {
			    font-size: 28px;
			}
			.value_list .bottom .info .vision .line {
			    width: 45px;
			    height: 2px;
			    background-color: #fff;
			    margin: 15px 0;
			}
			.value_list .bottom .info .vision p {
			    font-size: 18px;
			    color: #fff;
			    line-height: 30px;
			}
			.value_list {
			    padding: 30px 0;
			}
			.corevalue .title h3 {
			    font-size: 28px;
			}
			.corevalue .corelist ul li{
				width: 100%;
				margin: 30px 0 0 0!important;
			}
			.corevalue .corelist ul li .content h3 {
			    font-size: 22px;
			    color: #005a89;
			    margin-bottom: 10px;
			}
			.corevalue .corelist ul li .content p {
			    font-size: 13px;
			}
			.corevalue {
			    padding: 0 0 30px 0;
			}
			.career .carLeft h3 {
			    font-size: 28px;
			}
			.career .carLeft p {
			    font-size: 16px;
			    color: #090909;
			    line-height: 26px;
			}
			.career .carLeft {
			    float: left;
			    width: 100%;
			    border-bottom: 1px solid #dbdbdb;
				padding-bottom:10px;
			}
			.career .wzRight {
			    float: right;
			    width: 100%;
				padding: 15px 0;
			}
			.career {
			    padding: 30px 0 30px;
			}
			.careerlist ul li{
				padding: 10px;
				margin-top: 30px;
				flex-wrap: wrap;
			}
			.careerlist ul li .info{
				width: 100%;
				padding: 10px!important;
			}
			.careerlist ul li .img{
				width: 100%;
				
			}
			.careerlist ul li .img img{
				width: 100%;
			}
			.careerlist ul li .info .content {
			    font-size: 14px;
			    color: #4c4c4c;
			    line-height: 1.5;
			}
			.career_more {
				padding: 30px 0;
				text-align: center;
			}
			.jobhref .recruitLeft {
			    width: 100%;
			    float: left;
			}
			.jobhref .recruitRight {
			    float: right;
			    width: 100%;
			    justify-content: space-between;
			}
			.jobhref .recruitLeft h3 {
			    font-size: 28px;
			    color: #00689f;
			    margin-bottom: 10px;
			}
			.jobhref .recruitLeft p {
			    font-size: 16px;
			    line-height: 24px;
			}
			.jobhref .recruitRight .topname h3 {
			    font-size: 16px;
			}
			.jobhref .recruitRight .topname span img{
				width:15px;
			}
			
			.jobhref .recruitRight .bottomhref .it span {
			    font-size: 14px;
			}
			.jobhref .recruitRight .bottomhref .it a {
			    font-size: 14px;
			    justify-content: space-between;
			    padding: 13px 0;
			    border-bottom: 1px solid #f1f1f1;
			}
			.jobhref .recruitRight .lefthref {
			    flex: 0 0 38%;
			}
			.jobhref {
			    padding: 30px 0;
			}
			.joblist .cateLeft{
				width: 100%;
			}
			.job_main .jobdetil {
			    width: 100%;
			    float: right;
			}
			
			.job_main .jobdetil ul li .more img {
			    padding-top: 25px;
			    width: 30px;
			}
			.joblist .title h3::after {
			    font-size: 30px;
				content: 'Recruiting Centre';
				position: absolute;
				top: -15px;
				color: #d9d9d9;
				font-family: "SulSan-Bold";
				white-space: nowrap;
				left: -11px;
				z-index: -1;
				opacity: 0.5;
			}
			.joblist .title h3 {
			    font-size: 28px;
			}
			
			.joblist .title {
				text-align: center;
				padding: 30px 0 0 0;
			}
			.job_main .jobdetil ul li {
			    padding: 15px;
				margin-bottom: 0;
				margin-top: 15px;
			}
			.joblist {
			    padding: 30px 0;
			}
			.job_search .search_input {
    background-color: #f5f5f5;
    border-radius: 10px;
    width: 100%;
    margin: auto 0 auto auto;
}
			.page .prev {
			    font-size: 14px;
			    width: 30px;
			    height: 30px;
			    line-height: 35px;

			}
			.page .next{
				font-size: 14px;
				width: 30px;
				height: 30px;
				line-height: 35px;
			}
			.page span, .page a {
			    font-size: 16px;
			    display: inline-block;
			    vertical-align: middle;
			}
			.news_search{
				padding:30px 0 0 0;
			}
			.new-list .item {
			    float: left;
			    width: 100%;
			    margin-right: 0;
			    box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    padding: 30px 20px;
			    border: 1px solid #eaeaea;
			    margin-bottom: 36px;
			}
			.new-list {
			    padding: 0 0 30px 0;
			}
			.new-list .title{
				padding:30px 0 0 0;
			}
			.new-list .title h3::after {
    font-size: 30px;
    content: 'NEWS';
    position: absolute;
    top: -15px;
    color: #d9d9d9;
    font-family: "SulSan-Bold";
    white-space: nowrap;
    left: -3px;
    z-index: -1;
    opacity: 0.5;
}
			.new-list .title h3 {
			    font-size: 28px;
			    color: #005a89;
			    font-family: "SulSan-Bold";
			    position: relative;
			    display: inline-block;
			}
			.n_contact .title h3 {
			    font-size: 28px;
			    font-family: "SulSan-Bold";
			    margin-bottom: 15px;
			}
			.n_contact .title p {
			    font-size: 13px;
			    color: #4c4c4c;
			    line-height: 21px;
			}
			.contact_tips .topname h3 {
			    font-size: 18px;
			    color: #4c4c4c;
			    line-height: 28px;
			}
			.contact_tips .boticon .item {
			    border: 1px solid #eeeeee;
			    padding: 25px 15px;
			    box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			}
			.contact_tips .boticon .item:nth-child(2), .contact_tips .boticon .item:nth-child(3) {
			    flex: 0 0 50%;
				width:50%;
			}
			.n_contact .contact_form input[type=text]{
				width:100%;
				background:transparent;
			}
			.contact_tips .boticon{
				flex-wrap: wrap;
			}
			.contact_tips .boticon .item:first-child {
			    flex: 0 0 100%;
			}
			.contact_tips {
			    padding: 0 0 30px 0;
			}
			.n_contact {
			    padding: 30px 0;
			}
			.product_custop .kj .bigword {
			    font-family: "SulSan-Bold";
			    font-size: 28px;
			    margin: 20px 0;
			}
			.product_custop .kj {
			    width: 100%;
			    margin: auto;
			}
			.product_mid .zhengwen .pmLeft p {
			    font-size: 22px;
			    color: #fff;
			    font-family: "SulSan-Bold";
			    margin-bottom: 5px;
			}
			.product_mid .zhengwen .pmLeft h3 {
			    font-family: "SulSan-Bold";
			    font-size: 28px;
			    color: #fff;
			    line-height: 1.5;
			}
			.product_mid .zhengwen .pmLeft {
			    float: left;
			    padding-left: 0;
			}
			.product_mid .zhengwen {
			    position: relative;
			    padding: 40px 0;
			}
			.product_mid .zhengwen .pmRight{
				width: 100%;
				padding-right: 0;
				padding-left:0;
			}
			.product_bot .pbotlist .item .info .one a {
				font-size: 16px;
				display: inline-block;
				margin-top: 8px;
				padding: 8px 30px;
			}
			.product_mid .zhengwen .pmRight p {
			    font-size: 18px;
			    color: #fff;
			    line-height: 26px;
			}
			.footer .cont img{
				
			}
			.product_bot .pbotlist{
				flex-wrap: wrap;
			}
			.product_bot .pbotlist .item {
			    flex: 0 0 100%;
				padding-bottom: 25px;
			}
			.product_bot .pbotlist .item .info{
				width:100%;
				top:0;
				padding: 20px 20px 20px 20px;
				
			}
			.product_bot .pbotlist .item .info h3 {
				font-size: 24px;
				margin: 8px 0 16px 0;
			}
			
			.product_mid .zhengwen .shu1{
				display:none;
			}
			.product_bot {
			    position: relative;
			    top: 0;
				padding:20px 0 0 0;
				margin-bottom:0;
			}
			.product_bot .pbotlist .item .info p {
			    font-size: 14px;
			    line-height: 23px;
			}
			.product_bot .more {
    padding: 0px 0 0 0;
    text-align: center;
}
			.product_bot2 ul li {
			    padding: 15px 0;
			    flex-wrap: wrap;
			}
			.product_bot2 ul li .img{
				width: 100%;
			}
			.product_bot2 ul li .img img{
				width: 100%;
			}
			.product_bot2 ul li .info{
				margin: 0!important;
				padding: 20px;
			}
			
			.job_popup .mask {
			    width: 85%;
			    
			    padding: 20px;
					
			}
			.job_popup .mask .lefttitle {
			    width: 100%;
			    float: left;
			    padding-bottom: 15px;
			}
			.job_popup .mask .inputInfo {
			    float: right;
			    width: 100%;
			    max-height: 70vh;
			    overflow-y: auto;
			    padding-right: 10px;
			    box-sizing: border-box;
			}
			.job_popup .mask .inputInfo .item {
			    margin-bottom: 15px;
			}
			.bus_list ul li{
				margin: 30px 0;
				flex-wrap: wrap;
			}
			.bus_list .info {
			    padding: 30px 10px;
			    box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    flex: 0 0 100%;
			}
			.bus_list .info h3 {
			    font-size: 28px;
			    margin-bottom: 20px;
			}
			.bus_list .info p {
			    font-size: 16px;
			    color: #2b2b2b;
			    line-height: 28px;
			}
			.bus_list ul li:nth-child(2n+1) .img img {
			    position: relative;
			    right: 0;
			    width: 100%;
			}
			.bus_list ul li .bg{
				display: none;
			}
			.bus_list ul li:nth-child(2n) .img img {
			    position: relative;
			    left: 0;
			    width: 100%;
			}
			.business .bottom{
				flex-wrap:wrap;
				padding: 10px 0 10px 0;
			}
			.business .bottom img{
				width:30px;
			}
			.business .bottom span{
				font-size:16px;
			}
			.business .bottom .jt{
				display:none;
			}
			.business .bottom .item{
				flex:0 0 50%;
				padding:5px 0;
			}
			.markertmobile .title{
				font-size:28px;
				text-align:center;
				padding:0 0 30px 0;
			}
			.markertmobile .topnav ul{
				justify-content: space-between;
				flex-wrap: nowrap;
				border-bottom: 1px solid #eaeaea;
			}
			.markertmobile .topnav ul li a{
				display: inline-block;
				
				padding: 5px;
				font-size: 13px;
			}
			.markertmobile .topnav ul li.on a{
				border-bottom:2px solid #000;
			}
			.business {
			    padding: 30px 0;
			}
			.markertmobile .bottomSwiper{
				padding: 30px 0;
			}
			.markertmobile .bottomSwiper img{
				width: 100%;
			}
			.product_bot2 {
    padding: 30px 0;
}
		
		.contact_tips .boticon .item .cont p {
    line-height: 2;
    font-size: 14px;
    color: #4c4c4c;
}
.n_contact .contact_form .first .items:nth-child(2),.n_contact .contact_form .first .items:nth-child(1){
	width:49%;
	margin:10px 0;
}
.n_contact .contact_form .first .items:nth-child(3){
	width:100%;
	margin:10px 0;
}
.n_contact .contact_form .first{
	flex-wrap: wrap;
}
.n_contact .contact_form .first {
    justify-content: space-between;
    padding: 10px 0;
}
.n_contact .contact_form .secound {
    padding: 0px 0;
}
.n_contact .contact_form .items::after{
	width:35px;
}
.n_contact .contact_form .items input::-webkit-autofill{
	box-shadow:0 0 0 1000px #333333 inset !important;
	-webkit-text-fill-color:#fff!important;
}
.plb .s{
	width:100%;
}
.plb .s{
	flex-wrap:wrap;
}
.plb .s .lf{
	width:100%!important;
	height:150px;
}
.plb .s .rfs{
	width:100%!important;
	height:150px;
}
.plb {
    padding: 30px 0;
}
.plb .s .rf {
    width: 100%!important;
	height:150px;
}
.newshow .pic .thumb{
	width:100%;
}
.newshow .pic .thumb img{
	width:100%;
}
.newshow .pic .d_list {
    margin-left: 0;
	margin-top:30px;
}
}

		@media screen and (min-width: 769px) and (max-width: 1200px){
			.container{
				width: 100%;
				padding: 0 15px;
			}
			.header .top .navs ul>li>a {
			    font-size: 14px;
			    color: #fff;
			    padding: 0 1vw;
			}
			.header .top .navRight .search {
			    width: 60px;

			}
			.index_pro .index_prolist .list-item:nth-child(2n+1) .info {
			    float: right;
			    padding: 120px 40px 0 100px;
			}
			.index_pro .index_prolist .list-item:nth-child(2n) .info {
			    float: left;
			    padding: 120px 100px 0 40px;
			}
			.bus_list .info{
				padding: 30px 30px;
			}
			.bus_list ul li{
				width: 100%;
				flex-wrap: wrap;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}
			.bus_list ul li .img{
				flex: 0 0 45%;
			}
			.bus_list ul li .img img{
				width: 100%;
			}
			.bus_list ul li:nth-child(2n+1) .img img {
			    position: relative;
			    right: 0;
			}
			.bus_list ul li:nth-child(2n) .img img {
			    position: relative;
			    left: 0;
			}
			.markerts .pageRight{
				width: 36%;
			}
			.markerts .pageLeft{
				width: 55.5vw;
			}
		}


		.text-center {text-align:center}
		.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
		/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#00416B;color:#fff;border:1px solid #00416B;}
/*分页 end*/