@charset "utf-8";

@import url("global.min.css");
@import url("iconfont.css");

body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; /* overflow-x:hidden; */background-color: #fff;}

body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:1.6; color:#666; min-width:320px; zoom:1; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}

ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}

.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}

select,input,textarea{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#333; font-family:"Microsoft YaHei";outline: none;}

input:focus { outline: none;}

input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }

textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

textarea,input,select { background:none; border:none; margin:0; padding:0;}

article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/

figure,figcaption{ margin:0px; padding:0px;}

audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ max-width:100%; border:none; border:0;  vertical-align:top;}

a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

a:focus {outline:none; -moz-outline:none;}

a:hover{ text-decoration:none; color:#247cde; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	word-break:break-word;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fl{ float:left;}
.fr{ float:right;}
.tr{ text-align:right;}

.hidetxt{ display:none;}

.clear{ clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


:-moz-placeholder{color:#333;}

::-moz-placeholder{color:#333;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {color:#333;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {color: #333;}
@keyframes 
opacityn {
	0% {
	opacity: 0;
	filter: alpha(opacity=0);
	}
	100% {
	opacity: 1;
	filter: alpha(opacity=100);
	}
}
 @-webkit-keyframes 
opacityn {
	0% {
	opacity: 0;
	filter: alpha(opacity=0);
	}
	100% {
	opacity: 1;
	filter: alpha(opacity=100);
	}
}
.opacity-n {
    -webkit-animation: opacityn 0.3s linear;
    animation: opacityn 0.3s linear;
}
/* -------------------------------
 Globals
----------------------------------*/
	p {
		margin-top: 14px;
		margin-bottom: 14px;
	}

	.w1600{ min-width:320px; margin:0px auto;}

	.w1200{ min-width:320px; margin:0px auto;}

	.position-rel {position: relative;}

	.f_blue{color:#247cde;}


		@keyframes 
		opacityn {
			0% {
			opacity: 0;
			filter: alpha(opacity=0);
			}
			100% {
			opacity: 1;
			filter: alpha(opacity=100);
			}
		}
		 @-webkit-keyframes 
		opacityn {
			0% {
			opacity: 0;
			filter: alpha(opacity=0);
			}
			100% {
			opacity: 1;
			filter: alpha(opacity=100);
			}
		}


		@keyframes 
		JUMP {
			0% {
			bottom: 75px;
			}
			50% {
			bottom: 95px;
			}
			80% {
			bottom: 85px;
			}
			100% {
			bottom: 75px;
			}
		}
		 @-webkit-keyframes 
		JUMP {
			0% {
			bottom: 75px;
			}
			50% {
			bottom: 95px;
			}
			80% {
			bottom: 85px;
			}
			100% {
			bottom: 75px;
			}
		}

		@-webkit-keyframes MOVE {
		  0% {
		    -webkit-transform: translateY(0);
		    transform: translateY(0); }
		  100% {
		    -webkit-transform: translateY(-15px);
		    transform: translateY(-15px); } }

		@keyframes MOVE {
		  0% {
		    -webkit-transform: translateY(0);
		    transform: translateY(0); }
		  100% {
		    -webkit-transform: translateY(-15px);
		    transform: translateY(-15px); } }

		@-webkit-keyframes loading {
		    from {
		        -webkit-transform: rotate(0deg);
		    }
		    to {
		        -webkit-transform: rotate(360deg);
		    }
		}

		@keyframes loading {
		    from {
		        -webkit-transform: rotate(0deg);
		    }
		    to {
		        -webkit-transform: rotate(360deg);
		    }
		}
		.opacity-n {
		    -webkit-animation: opacityn 0.3s linear;
		    animation: opacityn 0.3s linear;
		}

		#loading {
		    position: fixed;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		    z-index: 999;
		    background: #fff;
		    opacity: 1;
		}
		#loading .loading-main {
			position: absolute;
			top: 50%;
		    left: 50%;
		    width: 50px;
		    height: 50px;
		    margin-top: -25px;
		    margin-left: -25px;
		    border-radius: 50%;
		    border: 0px solid #075db3;
		    border-left-width: 1px;
		    border-bottom-width: 2px;
		    border-right-width: 3px;
		    -webkit-animation: loading 2s linear infinite;
		    -webkit-animation: loading 2s linear infinite;
		    -o-animation: loading 2s linear infinite;
		    animation: loading 2s linear infinite;
		}
		#loading .loading-main>div {
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		    background: #fff;
		    border-radius: 50%;
		}

	@media ( min-width:1680px){
		.w1600 {
			width:1600px;
		}
		.w1200 {
			width: 1200px;
		}
	}


	@media (max-width: 1679px) and (min-width: 1230px) {
		.w1600 {
			width:1200px;
		}
		.w1200 {
			width: 1100px;
		}
	}

	@media ( max-width:1229px) and (min-width: 993px) {

		.w1600 {
			width:980px;
		}
		.w1200 {
			width: 940px;
		}

	}

	@media ( max-width:992px) {
		.w1200, .w1600 {
			padding-left: 20px;
			padding-right: 20px;
		}
	}




/* -------------------------------
 公用样式
----------------------------------*/
	.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}

	.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}

	.effect-img:hover img,li:hover .effect-img img,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

	.headerHeight {
	    position: relative;
	    z-index: 3;
	    background: #fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.height88{height:88px;}
	.height00{height:0;}



	.Ban{position:relative;}

	.Ban img{display:block; width:100%;}

	.Ban .txt{position:absolute; left:0px; top:50%; width:100%; height:72px; margin-top:-36px; color:#fff; text-align:center;}

	.Ban .txt.tl{text-align:left;}

	.Ban .txt.tr{text-align:right;}

	.Ban .txt.c3{color:#333;}

	.Ban .txt span{display:block; font-size:30px; line-height:44px;}

	.Ban .txt em{display:block; font-size:16px; line-height:28px; text-transform:uppercase;}


	@media ( max-width:640px){

		.Ban .txt span{font-size:18px; line-height:36px;}

		.Ban .txt em{font-size:12px;}

	}



/* ---------------------------------
* share
------------------------------------*/

	.share-wrapper {
		display: inline-block;
		position: relative;
	}

	.share-wrapper .sh-w,
	.share-wrapper .iconfont {
		line-height: 22px;
	}
	.share-wrapper .sh-w {
	    display: inline-block;
		line-height: 24px;
		font-size: 14px;
	}
	.share-wrapper .iconfont {
		font-size: 20px;
		cursor: pointer;
	}

	.share-wrapper .bdsharebuttonbox {
		display: inline-block;
	    z-index: 4;
	    margin-top: 2px;
	}
	.share-wrapper .bdsharebuttonbox a {
	    display: inline-block;
	    vertical-align: middle;
	    position: relative;
	    z-index: 5;
	    float: none;
	    margin: 0 auto;
	    width: 20px;
	    height: 20px;
	    padding: 0;
		color: #2D2B3A;
	    opacity: 1;
	    filter: alpha(opacity=100);
	}
	.share-wrapper .bdsharebuttonbox .iconfont {
	    position: relative;
	    z-index: -3;
	}

	.bdshare_dialog_list li {
		width: 116px!important;
	}


/* baidu share */
/* image */
.sr-bdimgshare {
	display: none!important;
}
/* select words */
.bdselect_share_bg, .bdselect_share_box {
	display: none!important;
}

#bdshare_weixin_qrcode_dialog {
	width: 255px!important;
	height: 320px!important;
}



/* -------------------------------
 pages
----------------------------------*/
	.Pages{width:100%; text-align:center; font-size:14px; line-height:36px; color:#666666}

	.Pages a{display:inline-block; *display:inline; *zoom:1; width:36px; height:36px; color:#666666; border:1px solid #e6e6e6; margin:0 5px; font-size:16px; font-family:Arial;}

	.Pages .i_text{width:60px; height:36px; border:1px solid #e6e6e6; margin:0px 10px; font-size:14px; text-align:center;}

	.Pages .p_count,.Pages .i_button{border:1px solid #e6e6e6; padding:0px 10px; font-size:14px; height:36px;}

	.Pages .p_count{display:inline-block;}

	.Pages a:hover,.Pages a.a_cur{color:#fff; background:#247cde; border:1px solid #247cde;}

	/*pages end*/


	@media ( max-width:480px){

		.Pages{line-height:28px;}

		.Pages a{height:28px; width:28px; margin:0px 2px 5px;}

		.Pages .p_count, .Pages .i_button,.Pages .i_text{height:28px;}

		.Pages .i_text{width:40px; margin:0px 4px;}

	}




/* -------------------------------
 Header
----------------------------------*/
	.Header{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 99;
		width: 100%;
		height:88px;
		font-size: 0;
		background-color: #fff;
	}

	.Header .Logo{display: inline-block; position: relative; width:108px;height: 54px; margin-top: 13px;}

	.Header .Logo a {display: block;}
	.Header .Logo img{
		display:block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 5;
		width:100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.Header .Logo img.logo--white {
		z-index: 3;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.Header .lang-search {
		float: right;
		padding-top: 20px;
		height: 70px;
		line-height: 50px;
	}
	.Header .Language {
		float: left;
	}
	.Header .Language a {display: inline-block;position: relative; font-size: 14px;font-weight: bold; color: #333;text-transform:uppercase;}

	.Header .Language .cn,
	.Header .Language .en {
		margin-right: 20px;
	}
	.Header .Language .cn::after,
	.Header .Language .en::after {
		content: '';
		position: absolute;
		right: -10px;
		top: 50%;
		margin-top: -2px;
		width: 4px;
		height: 4px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #333;
	}
	.Header .Language a.active{color: #075db3;}

	.Header .header_menu{display:block; position:absolute; top: 0; right: 20px; z-index:9;  width:40px; height:60px;padding-top: 20px;}
	.Header .header_menu:after,
	.Header .header_menu:before {
		content: '';
		display: block;
		height: 2px;
	    border-radius: 2px;
	}
	.Header .header_menu span {
		display: block;
		height: 2px;
		margin: 6px 0;
	}
	.Header .header_menu:after,
	.Header .header_menu:before,
	.Header .header_menu span {
		position: relative;
		width: 35px;
		margin-left: 5px;
		background: #0C63B3;
	    -webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	    -o-transition: all .3s ease-out;
	    transition: all .3s ease-out;
	}

	.Header .search {
		float: right;
	}
	.Header .sbtn {
		display: block;
	    width: 40px;
	    height: 50px;
	    cursor: pointer;
	    background-position:center;
	    background-repeat:no-repeat;
	    -webkit-background-size: 14px 15px;
	    background-size: 14px 15px;
	    background-image: url(../images/Navigationbar-search-gary.png);
	}
	.Header .search-box{ display:none;position:absolute; top:70px; left: 0; right:0; width:100%; z-index:99;background: rgba(7,93,179,.88);}

	.Header .search-box .w1600 {padding: 40px 200px;}
	.Header .search-box .position-rel {padding-right: 120px;height: 34px;}
	.Header .search-box .input{width:100%; height:34px; font-size:14px;border-bottom: 1px solid rgba(255,255,255,.49);}

	.Header .search-box .input::placeholder{color:#fff;}

	.Header .search-box .btn{position: absolute;right: 0; top: 0;z-index: 5; height:34px; width:96px; text-align:center; font-size:14px; color:#075db3;font-weight: bold; background:#fff; }

	.Header .Showbox {
		vertical-align: top;
		display: inline-block;
		margin-left: 75px;
	}
	.Header ul {
		padding: 0;
	}
	.Header ul li {
		list-style: none;
	}

	.Header .Nav li.item{display: inline-block; text-align:center;}

	.Header .Nav li .am{display:block;padding: 20px 18px 0; line-height:50px; font-size:14px; color:#333;font-weight: bold;}

	.Header .Nav li.item:hover .am,
	.Header .Nav li.item.active .am{color:#075db3;}


	.Header .Nav li.item .SubNav a{display:block;padding: 0 18px; line-height:40px; overflow:hidden; font-size:14px; color:#fff;}

	.Header .Nav li.item .SubNav a:hover{ font-weight:bold;}

	.Header .Nav li.item .SubNav li{position:relative;display: inline-block;}

	.Header .Nav li.item .SubNav.actives {opacity: 1; filter: alpha(opacity=100);}


	.HeaderHome {
		background-color: transparent;
	}
	.HeaderHome .Logo img.logo--white {
		z-index: 5;
		opacity: 1;
		filter: alpha(opacity=1);
	}
	.HeaderHome .Logo img.logo--blue {
		z-index: 3;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.HeaderHome .Nav li .am{color:#fff;}

	.HeaderHome .Language a {color: #fff;}
	.HeaderHome .Language .cn::after,
	.HeaderHome .Language .en::after {
		background-color: #fff;
	}
	.HeaderHome .sbtn {
	    background-image: url(../images/Navigationbar-search-white.png);
	}

	.HeaderHome .Nav li.item:hover .am,
	.HeaderHome .Nav li.item.active .am{color:#fff; background:#0C63B3; transition:all 0s linear; -webkit-transition:all 0s linear;}

	.Header .sbtn.actives {
	    background-image: url(../images/Navigationbar-search-blue.png);
	}
	.Header .search-box.actives {
		display: block!important;
	}

	@media ( min-width: 993px) {
		.Header .header_menu {display: none;}

		.Header .Nav li.item {height: 88px;}

		.Header .Nav li.item .sub-divs{position:absolute; left:0px; top:100%; z-index:999; width:100%; display:none; background:rgba(7,93,179,.88); padding:9px 0px;}
		.Header .Nav li.item .SubNav {opacity: 0; filter: alpha(opacity=0);text-align: left;}
		.Header .Nav li.item .SubNav li:first-child {
			margin-left: 247px;
		}
		.Header .Nav li.item-about .SubNav li:first-child {
			padding-left: 0;
		}
		.Header .Nav li.item-product .SubNav li:first-child {
			padding-left: 92px;
		}
		.Header .Nav li.item-industry .SubNav li:first-child {
			padding-left: 184px;
		}
		.Header .Nav li.item-case .SubNav li:first-child {
			padding-left: 276px;
		}
		.Header .Nav li.item-news .SubNav li:first-child {
			padding-left: 370px;
		}
		.Header .Nav li.item-service .SubNav li:first-child {
			padding-left: 462px;
		}

		.HeaderHome .Nav li.item {height: 70px;}
		.HeaderHome .Nav li.item .sub-divs {top: 70px;}
	}

	@media ( max-width:1240px) and (min-width: 993px) {
		.Header .Nav li.item-industry .SubNav li:first-child {
			padding-left: 0;
		}
		.Header .Nav li.item-service .SubNav li:first-child {
			padding-left: 370px;
		}
	}
	@media ( max-width:992px){
		.Header, .height88 {
			height: 60px;
		}
		.height00 {
			height: 0;
		}
		.Header .Logo {width: 90px;height: 45px;margin-top: 6px;}

		.Header .Showbox{
			position:fixed;
			z-index:9990;
			top:0;
			right:-100%;
			width:50%;
			height:100%;
			min-width: 200px;
			background:rgba(0,0,0,.95);
			overflow:auto;
			overflow-x:none;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.Header .Showbox.actives {
			right: 0;
		}

		.Header .Showbox .close_bar {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 50px;
		    line-height: 50px;
		    text-align: right;
		    overflow: hidden;
		    background: rgba(0,0,0,.95);
		    border-bottom: 1px solid #e8e8e8;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.Header .Showbox .close_bar a {
		    display: inline-block;
		    vertical-align: middle;
		    width: 25px;
		    height: 25px;
		    margin-right: 20px;
		    transition: transform ease-in 0.3s;
		    background: url(../images/menu_close_btn.png) no-repeat;
		    background-size: cover;
		}
		.Header .Showbox .close_bar a:hover{transform:rotate(180deg);}

		.Header .Nav{margin-top:72px; width:100%;}

		.Header .Nav li.item{display: block;position: relative;text-align: left;}

		.Header .Nav li.item .am{position: relative;z-index: 3; padding:10px 0px; color:#fff; line-height:30px; font-size:16px; padding-left:40px;}

		.Header .Nav li.item:hover .am, .Header .Nav li.item.active .am{background:none;}

		.Header .Nav li.item .foldbtn{position:absolute; width:50px; height:50px; right:0px; top:0px; z-index: 5; background:url(../images/down.png) no-repeat center center;}
		.Header .Nav li.item .sub-divs {display: none;}
		.Header .Nav li.item .SubNav li {display: block;}

		.Header .Nav li.item .SubNav li a{padding-left:60px;}

		.Header .lang-search {padding-top: 10px;margin-right: 40px; height: 60px;line-height: 40px;}
		.Header .sbtn {height: 40px;}

		.Header .search-box {top: 60px;}

		.Header .search-box .w1600 {padding: 20px 30px;}

	}

	 



/* -------------------------------
 Footer
----------------------------------*/
	.Footer {background:#185DA2;  }

	.Footer,
	.Footer a {
		line-height:24px;
		font-size:14px;
	}
	.Footer .menu,
	.Footer .menu a {
		color:rgba(255,255,255,.7);
	}
	.Footer .menu {
		padding: 4% 0;
	}

	.Footer .top {
		font-weight: bold;
	}
	.Footer .desc {
		margin-top: 14px;
	}
	.Footer .menu .weixin img {width: 105px;}

	.Footer .copyright {padding: 20px 0;text-align: center; border-top: 1px solid rgba(255,255,255,.2);}

	.Footer .copyright,
	.Footer .copyright a { color: rgba(255,255,255,.51);}
	.Footer .copyright .right {float: right;}
	
	@media (min-width: 993px) {
		.Footer .menu {
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    -webkit-justify-content: space-between;
		    -moz-justify-content: space-between;
		    -ms-justify-content: space-between;
		    -o-justify-content: space-between;
		    justify-content: space-between;
		}

		.Footer .aboutCont {
			width: 388px;
		}
		.Footer .weixin {
			min-width: 105px;
		}
	}

	@media ( max-width: 992px) {
		.Footer .menu {
			padding: 20px 0;
		}
		.Footer .menu .item {
			display: none;
		}
		.Footer .menu .weixin {
			display: block;
			width: 105px;
			margin: 0 auto;
			text-align: center;
		}
		.Footer .copyright .right {display: block; float: none;}
	}






/* -------------------------------
 fp-nav
----------------------------------*/
	#fp-nav.left {
		top: auto;
		bottom: 50px;
		margin-top: 0!important;
	}
	#fp-nav ul li {
		width: 40px;
		margin-bottom: 0;
		cursor: pointer;
	}
	#fp-nav ul li a span {
		position: relative;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    -ms-border-radius: 0;
	    border-radius: 0;
	    border: 0;
	    width: 18px;
	    height: 20px;
	    background-color: transparent;
	}
	#fp-nav ul li a span::after {
		content: '';
		position: absolute;
		top: 50%;
		margin-top: -1px;
		width: 100%;
		height: 2px;
		background-color: #909396;
	}
	#fp-nav ul li a.active span,
	#fp-nav ul li:hover a.active span,
	#fp-nav ul li:hover a span {
		width: 100%;
		background-color: transparent;
	}
	#fp-nav ul li a.active span::after,
	#fp-nav ul li:hover a.active span::after,
	#fp-nav ul li:hover a span::after {
		background-color: #fff;
	}





/* ------------------------------------------------
 Home
---------------------------------------------------*/


	/* -------------------------------
	 index
	----------------------------------*/
		.section{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
		
		.HomeBox{padding:5% 0;}

		.HomeTit{color:#fff;}

		.HomeTit .name{display:block;position: relative;z-index: 3; margin: 0;color: #fff; line-height:54px; font-size:46px;font-family: 'SourceHanSansCN';font-weight: bold;}

		.pt30{padding-top: 3%;}

		.has-lines .line {
			position: absolute;
			top: 0;
			bottom: 0;
			height: 100%;
			z-index: 1;
			width: 1px;
			background-color: rgba(255,255,255,.1);
		}
		.has-lines .line1 {
			margin-left: -20px;
		}
		.has-lines .line2 {
			margin-left: 24%;
		}


		@media (min-width: 993px) {
			.section {padding-top: 88px;}
			.section-1 {padding-top: 0;}
		}

		@media ( max-width: 1229px){

			.HomeTit .name{line-height: 30px; font-size:24px;}

			.pt30 {padding-top: 24px;}

		}
		@media (max-width: 992px) {
			.HomeBox {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.has-lines .line1 {
				margin-left: -5px;
			}
		}



	/* -------------------------------
	 Banner
	----------------------------------*/
		.Banner .swiper-slide{position:relative;}

		.Banner .swiper-slide .gallery {
			position: relative;
		}
		.Banner .swiper-slide a.gallery {
			display: block;
		}

		.Banner .swiper-slide .img{display:block;position: relative;z-index: 1; width:100%;}

		.Banner .BanTxt{left:10%; right:10%; top:0; bottom:0; position:absolute; color:#fff;}

		.Banner .ani{position:absolute; width:100%; top:33%;}

		.Banner .ban1{text-align:center; top:10%;}

		.Banner .img2{text-align:center;}

		.Banner .w1600 {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 5;
		}

		.Banner .arrow-ban {
			position: absolute;
		    right: 0;
		    top: 50%;
		    margin-top: -30px;
		    width: 100px;
		    height: 60px;
		    font-size: 0;
		    background-color: rgba(3,3,4,.04);
		}
		.Banner .swiper-button-prev,.Banner .swiper-button-next{display: inline-block; position: relative;left: auto;right: auto; top:auto; width:50px; height:60px;margin: 0; opacity:1;background-repeat: no-repeat;background-position: center;-webkit-background-size: 18px;	background-size: 18px;outline: none;}

		.Banner .swiper-button-prev{ background-image:url(../images/Homebannerpreicon.png); }

		.Banner .swiper-button-next{ background-image:url(../images/Homebannerlasticon.png);}
		
		.Banner .swiper-pagination {
			bottom: auto;
			top: 50%;
			margin-top: -10px;
			width: auto;
			font-weight: bold;
			font-size: 16px;
			color: rgba(255,255,255,.45);
		}
		.Banner .news-ban {
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
			margin-bottom: 4%;
			height: 96px;
			padding-right: 152px;
		}
		.Banner .news-ban .pic {
			position: absolute;
			right: 0;
			top: 0;
			z-index: 3;
			width: 152px;
			overflow: hidden;
		}
		.Banner .news-ban .pic img {
			width: 100%;
		}
		.Banner .news-ban .desc {
			position: relative;
			z-index: 2;
			width: 250px;
			padding-right: 14px;
			line-height: 24px;
			font-size: 14px;
			font-weight: bold;
			text-align: right;
		}
		.Banner .news-ban .title {
			height: 72px;
			overflow: hidden;
			color: #fff;
		}
		.Banner .news-ban .time {
			color: rgba(255,255,255,.45);
		}

		@media (min-width: 993px) {
			.Banner .swiper-slide .gallery {
				height: 100vh;
				background-position: center;
			    background-repeat: no-repeat;
			    background-size: cover;
			}
			.Banner .swiper-slide .gallery img {
				display: none !important;
			}
		}

		@media (max-width: 992px) {
			.Banner .arrow-ban, .Banner .news-ban {
				right: 20px
			}
			.Banner .swiper-pagination {
				left: 20px;
			}
			.Banner .news-ban {
				margin-bottom: 20px;
			}
			.Banner .swiper-slide .gallery {
				background-image: none !important;
			}
		}

		@media (max-width: 640px) {
			.Banner .news-ban {
				display: none;
			}
			.Banner .swiper-pagination {
				top: auto;
				bottom: 10px;
				font-size: 14px;
			}
			.Banner .arrow-ban {
			    top: auto;
			    bottom: 10px;
			    margin: 0;
				width: 90px;
				height: 45px;
			}
			.Banner .swiper-button-prev,
			.Banner .swiper-button-next {
				width: 45px;
				height: 45px;
				-webkit-background-size: 12px;
				background-size: 12px;
			}
			.Banner .swiper-button-prev {
				left: 0;
			}
			.Banner .swiper-button-next {
				right: 0;
			}
		}



	/* -------------------------------
	 HomePlan 第二屏
	----------------------------------*/
		.section-2 .right-bg {
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1;
			width: 20.364%;
		}

		.HomePlan-list {
			position: relative;
			z-index: 3;
		}

		.HomePlan-list .HomeBox {
			margin-left: -20px;
			margin-right: -20px;
		}
		.HomePlan-list .HomeTit,
		.HomePlan .item {
			/*padding: 0 20px;*/
		}

		.HomePlan {position: relative;z-index: 3;}


		.HomePlan .item .link {display: block;position: relative;color: #fff;}
		.HomePlan .item .picbox {position: relative;z-index: 3;}
		.HomePlan .item .picbox img {display: block;width: 100%;}
		.HomePlan .item .txt {position: absolute;left: 0;right: 0;bottom: 0; z-index: 5; padding: 25px;overflow: hidden;}
		.HomePlan .item .link::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 4;
			height: 68.8%;
			background-image: url(../images/Homesecondfocused.png);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: top center;
		}
		.HomePlan .item .link,
		.HomePlan .item .link .name,
		.HomePlan .item .link .name::after,
		.HomePlan .item .link .info {
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.HomePlan .item .name {position: relative;bottom: -48px; margin: 0;margin-bottom: 12px; font-size: 20px;}
		.HomePlan .item .name::after {
			content: '';
			position: absolute;
			right: 0;
			top: 50%;
			width: 15px;
			height: 10px;
			margin-top: -5px;
			background-image: url(../images/Homeseconddefaulticon.png);
			background-repeat: no-repeat;
			background-position: right center;-webkit-background-size: 15px;
			background-size: 15px;
		}
		.HomePlan .item .info {position: relative;bottom: -80px; line-height: 24px;max-height: 48px;overflow: hidden; font-size: 14px;}
		.HomePlan .item .link .info p,
		.HomePro-list .txt .cont p,
		.HomeService .bd .desc p {
			margin: 0 !important;
			line-height: 24px !important;
		}
		.HomePlan .item .info,
		.HomePlan .item .info p,
		.HomePlan .item .info span {
			color: rgba(255,255,255,.8) !important;
		}
		.HomePlan .item .link {
			border: 2px solid transparent;
		}
		.HomePlan .item .link:hover {
			border-color: #0C62B3;
			-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.3);
			-moz-box-shadow: 0 2px 8px rgba(0,0,0,.3);
			box-shadow: 0 2px 8px rgba(0,0,0,.3);
		}

		.HomePlan .item .link:hover .name,
		.HomePlan .item .link:hover .info {
			bottom: 0;
		}
		.HomePlan .item .link:hover .name::after {
			opacity: 0;
			filter: alpha(opacity=0);
		}
		.HomePlan .swiper-controls {
			position: relative;
			margin-top: 4%;
			padding-top: 50px;
			width: 145px;
			float: right;
			margin-right: 20px;
		}
		.HomePlan .swiper-controls::after {
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			right: 0;
			z-index: 1;
			width: 28px;
			margin-left: -14px;
			height: 42px;
			background-image: url(../images/Homesecondpressicon.png);
			-webkit-background-size: 28px;
			background-size: 28px;
			background-repeat: no-repeat;
			background-position: center;
		}
		.HomePlan .swiper-buttons{display:block;position: relative;height: 24px;}
		.HomePlan .swiper-buttons::after {
			content: '左右拖动';
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 1;
			line-height: 24px;
			text-align: center;
			color: #fff;
			font-weight: bold;
		}
		.HomePlan .swiper-buttons .swiper-prev,
		.HomePlan .swiper-buttons .swiper-next{
			position: relative;
			z-index: 3;
			width: 22px;
			height: 24px;
			font-size: 0;
			-webkit-background-size: 22px;
			background-size: 22px;
			background-repeat: no-repeat;
			background-position: center;
			outline: none;
		}

		.HomePlan .swiper-buttons .swiper-prev{
			float: left;
			background-image: url(../images/Homesecondpreicon-left.png);
		}

		.HomePlan .swiper-buttons .swiper-next{
			float: right;
			background-image:url(../images/Homesecondpreicon.png);
		}



		@media (min-width: 993px) {
			.HomePlan .swiper-controls {
				margin-top: 20px;
			}
			/*进入效果*/

			.active .p1,
			.active .p2{

			animation:fadeInUp 1s .3s ease both;

			-webkit-animation:fadeInUp 1s .3s ease both;

			-moz-animation:fadeInUp 1s .3s ease both;}

			.active .p3,
			.active .p4{

			animation:fadeInUp 1s .6s ease both;

			-webkit-animation:fadeInUp 1s .6s ease both;

			-moz-animation:fadeInUp 1s .6s ease both;}

			.active .p5,
			.active .p6{

			animation:fadeInUp 1s .9s ease both;

			-webkit-animation:fadeInUp 1s .9s ease both;

			-moz-animation:fadeInUp 1s .9s ease both;}

			.active .p7,
			.active .p8{

			animation:fadeInUp 1s 1.2s ease both;

			-webkit-animation:fadeInUp 1s 1.2s ease both;

			-moz-animation:fadeInUp 1s 1.2s ease both;}

			/*.active .p5{

			animation:fadeInUp 1s 1.5s ease both;

			-webkit-animation:fadeInUp 1s 1.5s ease both;

			-moz-animation:fadeInUp 1s 1.5s ease both;}

			.active .p6{

			animation:fadeInUp 1s 1.8s ease both;

			-webkit-animation:fadeInUp 1s 1.8s ease both;

			-moz-animation:fadeInUp 1s 1.8s ease both;}*/

		}

		@media (max-width: 992px) {
			.HomePlan-list {
				padding-bottom: 30px;
			}
			.HomePlan .item {
				padding-left: 10px;
				padding-right: 10px;
			}
			.HomePlan .owl-controls {
				margin-top: 20px;
			}
		}
		@media (max-width: 640px) {
			.HomePlan .item .name {
				font-size: 16px;
			}
		}





	/* -------------------------------
	 HomePro 第三屏
	----------------------------------*/
		.HomePro-list {
			position: relative;
		}
		.HomePro-list .pro1 {
			position: relative;
			top: 10vh;
			z-index: 3;
			width: 45.75%;
		}
		.HomePro-list .pro2 {
			position: absolute;
			top: -40px;
			right: 0;
			z-index: 2;
			width: 60%;
		}

		.HomePro-list .pro2 .effect-img {
			display: none;
		}
		.HomePro-list .txt {
			width: 56%;
			padding: 30px;
			float: right;
			margin-top: 10px;
			cursor: pointer;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center;
			background-image: url(../images/Homemiddlenormal.png);
		}
		.HomePro-list .title {
			position: relative;
		    font-family: 'SourceHanSansCN';
		    font-size: 20px;
		    font-weight: bold;
		    color: #fff;
		}
		.HomePro-list .title::after {
			content: '';
		    position: absolute;
		    right: 0;
		    top: 50%;
		    width: 14px;
		    height: 10px;
		    margin-top: -5px;
		    background-image: url(../images/Homemiddleicon.png);
		    background-repeat: no-repeat;
		    background-position: right center;
		    -webkit-background-size: 14px;
		    background-size: 14px;
		    -webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		    -o-transition: all 0.3s;
		    transition: all 0.3s;
		}
		.HomePro-list .txt .info {
			display: none;
			font-size: 14px;
		}
		.HomePro-list .txt .cont {
			line-height: 24px;
			max-height: 48px;
			overflow: hidden;
			margin-top: 8px;
			margin-bottom: 20px;
		    color: rgba(255,255,255,.8);
		}
		.HomePro-list .txt .more {
			display: inline-block;
			font-weight: bold;
		    color: #fff;
			text-decoration: underline;
		}
		.HomePro-list .txt.actives {
			width: 100%;
			cursor: default;
			-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
			-moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
			box-shadow: 0 2px 8px rgba(0,0,0,.4);
		}
		.HomePro-list .txt.actives .info {
			display: block;
		}
		.HomePro-list .txt.actives .title::after {
			opacity: 0;
			filter: alpha(opacity=0);
		}



		@media (min-width: 993px) {

			/*进入效果*/

			.active .pro1{

			animation:fadeInLeft 1s .4s ease both;

			-webkit-animation:fadeInLeft 1s .4s ease both;

			-moz-animation:fadeInLeft 1s .4s ease both;}

			.active .pro2{

			animation:fadeInLeft 1s .8s ease both;

			-webkit-animation:fadeInLeft 1s .8s ease both;

			-moz-animation:fadeInLeft 1s .8s ease both;}

		}

		@media (max-width: 992px) {
			.HomePro-list .txt {
				padding: 20px;
			}
			.HomePro-list .pro1 {
				top: 14px;
			}
			.HomePro-list .pro2 {
				top: 0;
			}
			.HomePro-list .title {
				font-size: 16px;
			}
		}

		@media (max-width: 640px) {
			.HomePro-list .pro1 {
				width: 100%;
			}
			.HomePro-list .pro2 {
				position: relative;
				right: auto;
				top: auto;
				width: 100%;
				margin-top: 20px;
			}
		}




	/* -------------------------------
	 HomeService 第四屏
	----------------------------------*/

		.section-4 .left-bg {
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    z-index: 1;
		    width: 30.78%;
		}

		.HomeService{position:relative;z-index: 3;}

		.HomeService .hd {
			position: relative;
			float: right;
			width: 52.25%;
			height: 60vh;
		}
		.HomeService .hd .item {
			position: absolute;
		}
		.HomeService .hd .item img {
			display: block;
			width: 100%;
		}
		.HomeService .hd .item1 {
			top: 40%;
			right: 10.4%;
			z-index: 5;
			width: 42.1%;
		}
		.HomeService .hd .item2 {
			top: 20%;
			left: 0;
			z-index: 3;
			width: 61.8%;
		}
		.HomeService .hd .item3 {
			top: 0;
			right: 0;
			z-index: 1;
			width: 53%;
		}
		.HomeService .bd {
			width: 43%;
			float: left;
		}
		.HomeService .bd .item {
			position: relative;
			padding: 20px 36px;
			border-bottom: 1px solid rgba(255,255,255,.42);
		}
		.HomeService .bd .item::after,
		.HomeService .bd .item::before {
			content: '';
			position: absolute;
			top: 40px;
			bottom: 0;
			width: 1px;
			background-color: rgba(255,255,255,.42);
		}
		.HomeService .bd .item::after {
			left: 0;
		}
		.HomeService .bd .item::before {
			right: 0;
		}
		.HomeService .bd .txt {
			color: #fff;
		}
		.HomeService .bd .txt::after,
		.HomeService .bd .txt::before {
			content: '';
			position: absolute;
			top: 40px;
			height: 1px;
			width: 20px;
			background-color: rgba(255,255,255,.42);
		}
		.HomeService .bd .txt::after {
			left: 0;
		}
		.HomeService .bd .txt::before {
			right: 0;
			/*left: 240px;*/
		}
		.HomeService .bd .title {
			display: inline-block;
			margin: 0;
			line-height: 30px;
			font-size: 20px;
			font-weight: bold;
			border-bottom: 1px solid #fff;
		}
		.HomeService .bd .desc {
			margin-top: 18px;
			line-height: 24px;
			height: 24px;
			overflow: hidden;
		}


		/*进入效果*/

		.active .HomeService .hd{

		animation:fadeInRight 1s .4s ease both;

		-webkit-animation:fadeInRight 1s .4s ease both;

		-moz-animation:fadeInRight 1s .4s ease both;}

		.active .HomeService .bd{

		animation:fadeInRight 1s .8s ease both;

		-webkit-animation:fadeInRight 1s .8s ease both;

		-moz-animation:fadeInRight 1s .8s ease both;}


		@media ( max-width: 1229px){
			.HomeService .bd {
				padding-top: 0;
			}
		}
		
		@media ( max-width: 992px){
			.HomeService .bd .title {
				line-height: 24px;
				font-size: 16px;
			}
			.HomeService .bd .desc {
				margin-top: 12px;
			}
		}
		@media (max-width: 640px) {
			.HomeService .bd,
			.HomeService .hd {
				width: 100%;
				float: none;
			}
			.HomeService .hd {
				height: 48vh;
			}
			.HomeService .hd .item1 {
				top: auto;
				bottom: 0;
			}
		}





	/* -------------------------------
	 Homelink 第五屏
	----------------------------------*/


		.Homelink{position:relative;padding-bottom: 40px;}

		.Homelink .links {
			padding: 10px;
			background-image: url(../images/Homebottomview.png);
			-webkit-background-size: cover;
			background-size: cover;
			background-repeat: no-repeat;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		.Homelink .links a {display: block;}
		.Homelink .links img {
			display: block;
			width: 100%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		.Homelink .swiper-pagination{width:100%; position:absolute; left:0px; bottom: 0px; padding-top: 10px; height:30px; line-height:30px; text-align:center;font-size: 0;}

		.Homelink .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; border:1px solid #fff; vertical-align:middle; margin:0px 6px; border-radius:50%;opacity:1;background-color: transparent;}

		.Homelink .swiper-pagination .swiper-pagination-bullet-active{background:#02B3D6;border-color: #02B3D6;}



		@media (min-width: 993px) {
			/*进入效果*/

			/* .active .Homelink .swiper-slide:nth-child(1) .links{

			animation:flipInY 1s .3s ease both;

			-webkit-animation:flipInY 1s .3s ease both;

			-moz-animation:flipInY 1s .3s ease both;}

			.active .Homelink .swiper-slide:nth-child(2) .links{

			animation:flipInY 1s .6s ease both;

			-webkit-animation:flipInY 1s .6s ease both;

			-moz-animation:flipInY 1s .6s ease both;}

			.active .Homelink .swiper-slide:nth-child(3) .links{

			animation:flipInY 1s 0.9s ease both;

			-webkit-animation:flipInY 1s 0.9s ease both;

			-moz-animation:flipInY 1s 0.9s ease both;}

			.active .Homelink .swiper-slide:nth-child(4) .links{

			animation:flipInY 1s 1.2s ease both;

			-webkit-animation:flipInY 1s 1.2s ease both;

			-moz-animation:flipInY 1s 1.2s ease both;}

			.active .Homelink .swiper-slide:nth-child(5) .links{

			animation:flipInY 1s 1.5s ease both;

			-webkit-animation:flipInY 1s 1.5s ease both;

			-moz-animation:flipInY 1s 1.5s ease both;}

			.active .Homelink .swiper-slide:nth-child(6) .links{

			animation:flipInY 1s 1.8s ease both;

			-webkit-animation:flipInY 1s 1.8s ease both;

			-moz-animation:flipInY 1s 1.8s ease both;} */
		
		}





/* -----------------------------------------------
 inner
--------------------------------------------------*/
	.all-content-wrapper {
		line-height: 1.6;
		font-size: 14px;
		overflow: hidden;
	}
	.all-content-wrapper,
	.all-content-wrapper a {
		color: #707070;
	}
	.all-content-wrapper>p:first-child {
		margin-top: 0;
	}
	.all-content-wrapper>p:last-child {
		margin-bottom: 0;
	}

	.Title01{
		position: relative;
		margin: 0;
		line-height:30px;
		font-size: 24px;
		font-weight: bold;
		color:#333;
	}
	.Title01.white{
		color:#fff;
	}
	.Title01.blue{
		color:#075DB3;
	}
	.Title02 {
		position: relative;
		margin: 0;
		line-height:30px;
		font-size: 20px;
		font-weight: bold;
		color:#333;
	}
	.Title02.hasLine {
		padding-left: 42px;
	}
	.Title02.hasLine::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		height: 1px;
		width: 32px;
		background-color: #B6B6B6;
	}
	@media (max-width: 640px) {
		.Title01 {
			line-height: 24px;
			font-size: 20px;
		}
		.Title02 {
			font-size: 18px;
		}
	}

	.return-list {
		text-align: right;
	}
	.return-list .link {
		display: inline-block;
		padding-right: 14px;
		font-weight: bold;
		color: #075db3;
		font-size: 14px;
		cursor: pointer;
		background-repeat: no-repeat;
		-webkit-background-size: 5px;
		background-size: 5px;
		background-position: right center;
		background-image: url(../images/Productdetail-icon1.png);
	}

	.more-btns .link {
		display: inline-block;
		position: relative;
		padding-left: 50px;
		line-height: 24px;
		color: #075db3;
		font-weight: bold;
	}
	.more-btns .link::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1px;
		width: 44px;
		height: 2px;
		background-color: #075db3;
	}

	.innerBan {
		position: relative;
	}
	.innerBan .gallery {
		position: relative;
		z-index: 3;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.innerBan img {
		display: block;
		width: 100%;
	}
	.innerBan .content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 5;
		display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    -webkit-align-items: center;
	    -moz-align-items: center;
	    -ms-align-items: center;
	    -o-align-items: center;
	    align-items: center;
	}
	.innerBan .content .infos {
		max-width: 976px;
		margin: 0 auto;
		padding: 0 20px;
		text-align: center;
		color: #fff;
	}
	.innerBan .content .titl {
		display: inline-block;
		margin: 0;
		padding-bottom: 8px;
		font-weight: bold;
		font-size: 16px;
		border-bottom: 1px solid #ffff;
	}
	.innerBan .content .desc {
		margin-top: 28px;
		line-height: 36px;
		overflow: hidden;
		font-size: 24px;
		font-weight: normal;
	}
	@media ( max-width:640px){
		.innerBan .content .desc {
			margin-top: 12px;
			line-height: 24px;
			font-size: 16px;
		}
		.innerBan .gallery {
			/*height: 180px;*/
			position: absolute;
		    left: 0;
		    top: 0;
		    bottom: 0;
		    right: 0;
		}
		.innerBan .gallery img {
			display: none;
		}
		.innerBan .content {
			position: relative;
			left: auto;
			top: auto;
			right: auto;
			bottom: auto;
			padding: 30px 0;
		}
	}
	.getMoreWrapper {
		margin-top: 6%;
		text-align: center;
	}
	.getMoreWrapper .words {
		display: inline-block;
		padding-right: 12px;
		font-weight: bold;
		color: #075DB3;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-repeat: no-repeat;
		-webkit-background-size: 7px;
		background-size: 7px;
		background-position: right top 2px;
		background-image: url(../images/Productlist-icon3.png);
	}
	@media (max-width: 992px) {
		.getMoreWrapper {
			margin-top: 30px;
		}
	}




/* -----------------------------------------------
 rows-lists-w
--------------------------------------------------*/
	.rows-lists-w {}
	.rows-lists-w .item-r {
		position: relative;
	}
	.rows-lists-w .item-r .links {
		display: block;
	}
	.rows-lists-w .item-r .gallery {
		overflow: hidden;
	}
	.rows-lists-w .item-r .gallery img {
		display: block;
		width: 100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.rows-lists-w .item-r .links:hover .gallery img {
		--webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
	.rows-lists-w .item-r .text {
		background-image: url(../images/Solution-background.png);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
		background-color: #F8F8F8;
	}
	.rows-lists-w .item-r .text .tit {
		font-weight: bold;
		font-size: 16px;
	}
	.rows-lists-w .item-r .text .tit .en {
		color: rgba(51,51,51, .37);
		text-transform: uppercase;
		font-family: 'Candara', "Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";
	}
	.rows-lists-w .item-r .text .tit .cn {
		color: #333;
	}
	.rows-lists-w .item-r .text .desc {
		margin-top: 25px;
		line-height: 24px;
		overflow: hidden;
	}
	.rows-lists-w .item-r .text .more-btns {
		margin-top: 36px;
	}

	@media (min-width: 641px) {
		.rows-lists-w .item-r {
			margin-top: 45px;
		}
		.rows-lists-w .item-r:first-child {
			margin-top: 0;
		}
		.rows-lists-w .item-r .gallery {
			width: 50%;
			position: absolute;
			top: 50%;
			z-index: 5;
			--webkit-transform: translate(0%,-50%);
			-moz-transform: translate(0%,-50%);
			-ms-transform: translate(0%,-50%);
			-o-transform: translate(0%,-50%);
			transform: translate(0%,-50%);
		}
		.rows-lists-w .item-r .text {
			position: relative;
			z-index: 3;
			width: 55%;
			overflow: hidden;
		}
		.rows-lists-w .item-r .text .box {
			padding: 45px;
		}
		.rows-lists-w .item-r .text .desc {}
		/*first left pic right text*/
		.leftPicRightText .item-r:nth-child(2n+1) .gallery {
			left: 0;
			-webkit-box-shadow: 0 -3px 8px rgba(0,0,0,.2);
			-moz-box-shadow: 0 -3px 8px rgba(0,0,0,.2);
			box-shadow: 0 -3px 8px rgba(0,0,0,.2);
		}
		.leftPicRightText .item-r:nth-child(2n+1) .text {
			float: right;
			padding-left: 5%;
		}

		.leftPicRightText .item-r:nth-child(2n) .gallery {
			right: 0;
			-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.2);
			-moz-box-shadow: 0 3px 8px rgba(0,0,0,.2);
			box-shadow: 0 3px 8px rgba(0,0,0,.2);
		}
		.leftPicRightText .item-r:nth-child(2n) .text {
			padding-right: 5%;
		}

		/*first left text right pic*/
		.leftTextRightPic .item-r .text {
			background-color: #fff;
		}
		.leftTextRightPic .item-r:nth-child(2n+1) .gallery {
			right: 0;
			-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.2);
			-moz-box-shadow: 0 3px 8px rgba(0,0,0,.2);
			box-shadow: 0 3px 8px rgba(0,0,0,.2);
		}
		.leftTextRightPic .item-r:nth-child(2n+1) .text {
			padding-right: 5%;
		}

		.leftTextRightPic .item-r:nth-child(2n) .gallery {
			left: 0;
			-webkit-box-shadow: 0 -3px 8px rgba(0,0,0,.2);
			-moz-box-shadow: 0 -3px 8px rgba(0,0,0,.2);
			box-shadow: 0 -3px 8px rgba(0,0,0,.2);
		}
		.leftTextRightPic .item-r:nth-child(2n) .text {
			float: right;
			padding-left: 5%;
		}
	}
	@media ( min-width:1680px) {
		.rows-lists-w .item-r .text .box {
			padding-top: 70px;
		}
		.rows-lists-w .item-r .text .desc {
			height: 134px;
			margin-top: 30px;
		}
		.rows-lists-w .item-r .text {
			height: 458px;
		}
	}
	@media (max-width: 1679px) and (min-width: 1230px) {
		.rows-lists-w .item-r .text .desc {
			height: 158px;
		}
		.rows-lists-w .item-r .text {
			height: 420px;
		}
	}
	@media ( max-width:1229px) and (min-width: 993px) {
		.rows-lists-w .item-r .text .desc {
			height: 158px;
		}
		.rows-lists-w .item-r .text {
			height: 360px;
		}
		.rows-lists-w .item-r .text .more-btns {
			margin-top: 26px;
		}
	}
	@media ( max-width:992px) and (min-width: 641px) {
		.rows-lists-w .item-r .text .box {
			padding: 30px;
		}
		.rows-lists-w .item-r .text .desc {
			height: 182px;
		}
	}
	@media ( max-width:992px) {
		.rows-lists-w .item-r {
			margin-top: 30px;
		}
	}

	@media (max-width: 640px) {
		.rows-lists-w .item-r .gallery {}
		.rows-lists-w .item-r .text {
			padding: 20px;
		}
		.rows-lists-w .item-r .text .more-btns {
			margin-top: 20px;
		}
		.rows-lists-w .item-r .text .desc {
			margin-top: 16px;
		}
	}




/* ------------------------------------------------
 about
---------------------------------------------------*/

	/* -------------------------------
	 Video
	----------------------------------*/
		.VideoBox{position:relative; overflow:hidden;}
		.VideoBox .video-js .vjs-big-play-button {
			width: 130px;
			height: 130px;
			border: none;
			margin-top: -75px;
			margin-left: -75px;
			background-image: url(../images/About-videoround.png);
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			background-color: transparent;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		.VideoBox .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
		    left: 14px;
		    right: 14px;
		    top: 14px;
		    bottom: 14px;
		    width: auto;
		    height: auto;
		    line-height: 110px;
		    background: rgba(0,0,0,.33);
		    -webkit-border-radius: 50%;
		    -moz-border-radius: 50%;
		    border-radius: 50%;
		}

		@media (max-width: 640px) {
			.VideoBox .video-js .vjs-big-play-button {
				width: 60px;
				height: 60px;
				margin-top: -30px;
				margin-left: -30px;
			}
			.VideoBox .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
			    left: 8px;
			    right: 8px;
			    top: 8px;
			    bottom: 8px;
			    line-height: 46px;
			}
		}




	/* -------------------------------
	 About
	----------------------------------*/
		.AboutBox{padding:3.5% 0 4%;background-image: url(../images/About-background1.jpg);background-repeat: no-repeat;background-position: center;}
		.AboutBox .content {}
		.AboutBox .content .Single {
			margin-top: 20px;
		}

		.AboutBox .gallery .imgs-pics {
			position: relative;
			z-index: 3;
			width: 100%;
		}

		@media (min-width: 993px) {
			.AboutBox .content {
				width: 59%;
				float: left;
			}
			.AboutBox .gallery {
				position: relative;
				width: 37%;
				float: right;
			    margin-top: 54px;
			    padding-left: 30px;
			    padding-top: 30px;
			}
			.AboutBox .gallery .imgs-border {
				position: absolute;
				left: 0;
				top: 0;
				right: 30px;
				bottom: 30px;
				z-index: 2;
				border: 1px solid #0760B3;
			}
		}
		
		@media (max-width: 992px) {
			.AboutBox {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.AboutBox .gallery {
				margin-top: 20px;
			}
		}



	/* -------------------------------
	 CultureBox
	----------------------------------*/

		.CultureBox{
			padding: 4% 0;
			background-position:center center;
			-webkit-background-size: cover;
			background-size: cover;
		}

		.CultureBox .culture-list {
			margin-top: 3%;
		}
		.CultureBox .culture-list .item {
			position: relative;
		}

		.CultureBox .culture-list .item .picbox {
			position:relative;
			padding: 40px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}

		.CultureBox .culture-list .item .picbox .mask{
			position:absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			font-size: 0;
			transition: all 1s;
			-webkit-transition: all 1s;
			-moz-transition: all 1s;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			background-image: url(../images/About-mask.png);
		}

		.CultureBox .culture-list .item .txt {
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    -webkit-align-items: center;
		    -moz-align-items: center;
		    -ms-align-items: center;
		    -o-align-items: center;
		    align-items: center;
			padding: 22px;
			text-align:center;
			color:#fff;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			background-image: url(../images/About-normalround.png);
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
		}
		.CultureBox .culture-list .item .txt .infos {
			width: 100%;
		}
		.CultureBox .culture-list .item .txt .name{display:block; margin-bottom: 18px; line-height: 24px; font-size:16px; font-weight: bold;}


		.CultureBox .culture-list .item .picbox:hover .txt{
			background-image: url(../images/About-hoverround.png);
		}
		.CultureBox .culture-list .item .picbox:hover .mask{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);
			background-image: url(../images/About-maskHover.png);}

		@media (min-width: 768px) {
			.CultureBox .culture-list {
			    display: -webkit-flex;
			    display: -moz-flex;
			    display: -ms-flex;
			    display: -o-flex;
			    display: flex;
			    /* -webkit-justify-content: space-between;
			    -moz-justify-content: space-between;
			    -ms-justify-content: space-between;
			    -o-justify-content: space-between;
			    justify-content: space-between; */
			    -webkit-flex-wrap: wrap;
			    -moz-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
			    -o-flex-wrap: wrap;
			    flex-wrap: wrap;
			}
			.CultureBox .culture-list .item {
				margin-right: 40px;
				margin-top: 20px;
			}
			.CultureBox .culture-list .item:nth-child(1),
			.CultureBox .culture-list .item:nth-child(2),
			.CultureBox .culture-list .item:nth-child(3) {
				margin-top: 0;
			}
			.CultureBox .culture-list .item:nth-child(3n) {
				margin-right: 0;
			}
		}

		@media (min-width: 1680px) {
			.CultureBox .culture-list .item .txt {
				width: 288px;
				height: 288px;
			}
		}

		@media (max-width: 1679px) and (min-width: 1230px) {
			.CultureBox .culture-list .item .txt {
				width: 260px;
				height: 260px;
			}
			.CultureBox .culture-list .item {
				margin-right: 26px;
			}
		}

		@media (max-width: 1229px) and (min-width: 993px) {
			.CultureBox .culture-list .item {
				margin-right: 26px;
			}
			.CultureBox .culture-list .item .picbox {
				padding: 20px;
			}
			.CultureBox .culture-list .item .txt {
				width: 200px;
				height: 200px;
			}
		}

		@media (max-width: 992px) and (min-width: 768px) {
			.CultureBox .culture-list .item {
				margin-right: 26px;
			}
			.CultureBox .culture-list .item .picbox {
				padding: 20px;
			}
			.CultureBox .culture-list .item .txt {
				width: 180px;
				height: 180px;
			}
		}

		@media (max-width: 992px) {
			.CultureBox {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.CultureBox .culture-list {
				margin-top: 20px;
			}
		}
		@media (max-width: 767px) {
			.CultureBox .culture-list .item {
				margin-top: 20px;
			}
			.CultureBox .culture-list .item:first-child {
				margin-top: 0;
			}
			.CultureBox .culture-list .item .picbox {
				padding: 0;
				padding-top: 100%;
			}
			.CultureBox .culture-list .item .picbox .txt {
			    position: absolute;
			    top: 0;
			    left: 0;
			    right: 0;
			    bottom: 0;
			    margin: 12px;
			}
		}





	/* -------------------------------
	 Network
	----------------------------------*/
		.NetworkBox {
			position: relative;
		}

		.NetworkBox .bg {
			position: absolute;
			top: 0;
			bottom: 0;
			z-index: 1;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center;
		}
		.NetworkBox .bg1 {
			left: 0;
			width: 42%;
			background-image: url(../images/About-background3-1.jpg);
		}
		.NetworkBox .bg2 {
			right: 0;
			width: 58%;
			background-image: url(../images/About-background3.jpg);
		}

		.NetworkBox .w1200 {
			position: relative;
			z-index: 3;
		}
		.NetworkBox .box {
			padding-top: 20px;
		}
		.NetworkBox .position-rel {
			position: relative;
		}
		.NetworkBox .gallery .imgs-iw {
			position: relative;
			z-index: 3;
		}
		.NetworkBox .gallery .imgs-iw img {
			display: block;
		    width: 100%;
		}
		.NetworkBox .list-city {
			font-size: 0;
		}
		.NetworkBox .list-city .item-r {
			display: inline-block;
			width: 20%;
			margin-bottom: 8px;
			font-size: 14px;
			color: #707070;
			cursor: pointer;
		}
		.NetworkBox .list-city .item-r .dot {
			display: none;
		}
		.NetworkBox .list-city .item-r .province {
		    -webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		    -o-transition: all 0.3s;
		    transition: all 0.3s;
		}
		.NetworkBox .list-city .item-r .province:hover {
			color: #075db3;
		}
		.NetworkBox .list-con {
			margin-top: 25px;
		}

		/* right */
		.NetworkBox .list-iw .item-r {
		    position: absolute;
		    z-index: 6;
		}

		.NetworkBox .list-iw .item-r .dot {
		    font-size: 0;
		    width: 10px;
		    height: 10px;
		    background-image: url(../images/About-dot.png);
		    -webkit-background-size: cover;
		    background-size: cover;
		    -webkit-border-radius: 50%;
		    -moz-border-radius: 50%;
		    border-radius: 50%;
		    -webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		    -o-transition: all 0.3s;
		    transition: all 0.3s;
		}
		.NetworkBox .list-iw .item-r .infos {
		    display: none;
		    position: absolute;
		    left: 20px;
		    top: 0;
		    padding: 12px;
		    color: #fff;
		    white-space: nowrap;
		    background: rgba(0,0,0,.74);
		    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.4);
		    -moz-box-shadow: 0 4px 10px rgba(0,0,0,.4);
		    box-shadow: 0 4px 10px rgba(0,0,0,.4);
		}

		.NetworkBox .list-iw .item-r.active,
		.NetworkBox .list-iw .item-r.activeColor {
			z-index: 9;
		}
		.NetworkBox .list-iw .item-r.activeColor .dot,
		.NetworkBox .list-iw .item-r:hover .dot {
		    background-image: url(../images/About-dotHover.png);
		}

		@media (min-width: 1680px) {
			.NetworkBox .content {
				width: 446px;
			}
			.NetworkBox .gallery {
				width: 754px;
			}
		}

		@media (max-width: 1679px) and (min-width: 1230px) {
			.NetworkBox .content {
				width: 440px;
			}
			.NetworkBox .gallery {
				width: 660px;
			}
		}

		@media (max-width: 1229px) and (min-width: 993px) {
			.NetworkBox .content {
				width: 382px;
			}
			.NetworkBox .gallery {
				width: 558px;
			}
		}

		@media (min-width: 993px) {
			.NetworkBox .content {
				float: left;
				padding-bottom: 20px;
			}
			.NetworkBox .gallery {
				float: right;
				padding-left: 60px;
			}
			.NetworkBox .Title01 {
				margin-top: 60px;
				margin-bottom: 20px;
			}
		}
		@media (max-width: 992px) and (min-width: 768px) {
			.NetworkBox .list-city .item-r {
				width: 10%;
			}
		}
		@media (max-width: 992px) {
			.NetworkBox {
				padding-top: 10px;
				padding-bottom: 30px;
			}
			.NetworkBox .list-city,
			.NetworkBox .gallery {
				margin-top: 20px;
			}
		}


		.NetworkBox .list-iw .shuangxi {
		    top: 53%;
		    left: 61%;
		}
		.NetworkBox .list-iw .tianjin {
		    top: 39.5%;
		    left: 74.5%;
		}
		.NetworkBox .list-iw .liaoning {
		    top: 32.5%;
	    	left: 83%;
		}
		.NetworkBox .list-iw .neimenggu {
		    top: 38.6%;
	    	left: 61%;
		}
		.NetworkBox .list-iw .shangxi {
			top: 45%;
	    	left: 66%;
		}
		.NetworkBox .list-iw .shangdong {
			top: 48%;
		    left: 75%;
		}
		.NetworkBox .list-iw .zhejiang {
			top: 65%;
	    	right: 16%;
		}
		.NetworkBox .list-iw .hubei {
		    top: 61.5%;
	    	right: 30%;
		}
		.NetworkBox .list-iw .sichuan {
		    top: 62%;
	    	left: 50%;
		}
		.NetworkBox .list-iw .ningxia {
		    top: 46%;
	    	left: 55.5%;
		}
		.NetworkBox .list-iw .fujian {
			top: 75%;
		    right: 18%;
		}
		.NetworkBox .list-iw .chongqing {
			top: 65%;
	    	left: 59%;
		}
		.NetworkBox .list-iw .guangdong {
			left: 69.9%;
		    bottom: 15.5%;
		}
		.NetworkBox .list-iw .jiangsu {
		    right: 17.3%;
	    	top: 56%;
		}
		.NetworkBox .list-iw .henan {
			top: 53.3%;
		    left: 69.4%;
		}
		.NetworkBox .list-iw .guizhou {
		    left: 58%;
			bottom: 25%;
		}
		.NetworkBox .list-iw .yunnan {
		    left: 48%;
	    	bottom: 18%;
		}
		.NetworkBox .list-iw .shanghai {
	        right: 14.4%;
	    	top: 60%;
		}
		.NetworkBox .list-iw .anhui {
		    top: 58%;
		    right: 22%;
		}
		.NetworkBox .list-iw .jiangxi {
		    right: 23%;
		    top: 69%;
		}
		.NetworkBox .list-iw .heilongjiang {
			top: 18%;
		    right: 10%;
		}
		.NetworkBox .list-iw .jilin {
			right: 11.3%;
		    top: 25%;
		}
		.NetworkBox .list-iw .gansu {
	        top: 48.5%;
	    	left: 51.7%;
		}
		.NetworkBox .list-iw .qinghai {
		    top: 49%;
		    left: 46%;
		}
		.NetworkBox .list-iw .xizang {
		    top: 61%;
		    left: 26%;
		}
		.NetworkBox .list-iw .guangxi {
		    bottom: 15%;
	    	left: 61%;
		}
		.NetworkBox .list-iw .hebei {
		    top: 43%;
		    left: 71.4%;
	    }
		.NetworkBox .list-iw .hunan {
		    top: 70%;
		    right: 31%;
	    }
		.NetworkBox .list-iw .beijing {
		    top: 37.4%;
	    	left: 73%;
		}
		.NetworkBox .list-iw .xinjiang {
		    top: 30.4%;
		    left: 24.5%;
	    }
		.NetworkBox .list-iw .hainan {
			left: 64.6%;
		    bottom: 5%;
		}





	/* -------------------------------
	 Honnor
	----------------------------------*/

		.HonnorBox{padding-top: 4%;padding-bottom: 5%;}

		.HonnorBox .HonnorList {
			margin-top: 3%;
		}
		.HonnorBox .HonnorList .img-box {
			position: relative;
		}
		.HonnorBox .HonnorList .img-box img {
			border:1px solid #AEAEAE;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.HonnorBox .HonnorList .img-box::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 3;
			background-color:rgba(6,11,8,.2);
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.HonnorBox .HonnorList .titl {
			margin-top: 24px;
			text-align: center;
			color: #333;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.HonnorBox .HonnorList .titl .words {
			display: inline-block;
			padding-left: 28px;
			background-image: url(../images/About-honnor@icon.png);
			background-repeat: no-repeat;
			background-position: left top 2px;
			-webkit-background-size: 18px;
			background-size: 18px;
		}
		.HonnorBox .HonnorList .gallery:hover .titl {
			font-weight: bold;
		}
		.HonnorBox .HonnorList .gallery:hover img {
			-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
			-moz-box-shadow: 0 2px 5px rgba(0,0,0,.4);
			box-shadow: 0 2px 5px rgba(0,0,0,.4);
		}
		.HonnorBox .HonnorList .gallery:hover .img-box::after {
			background-color: transparent;
		}

		.HonnorBox .HonnorList .swiper-button-prev,
		.HonnorBox .HonnorList .swiper-button-next {
			position: absolute;
			top: 50%;
			margin-top: -30px;
			background-color: rgba(19,28,23, .7);
		}

		.HonnorBox .HonnorList .swiper-button-prev {
			left: 0;
		}
		.HonnorBox .HonnorList .swiper-button-next {
			right: 0;
		}
		@media (max-width: 992px) {
			.HonnorBox {
				padding-top: 10px;
				padding-bottom: 30px;
			}
			.HonnorBox .HonnorList {
				margin-top: 20px;
			}
			.HonnorBox .HonnorList .titl {
				margin-top: 16px;
			}
		}

		


	/* -------------------------------
	 Event
	----------------------------------*/
		.EventBox {
			position: relative;
			padding-top: 4%;
			padding-bottom: 6%;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center;
		}
		.EventBox::after {
			content: '';
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 3;
			width: 58%;
			background-color: rgba(9,25,36,.16);
		}
		.EventBox .w1200,
		.EventBox .eventList {
			position: relative;
			z-index: 5;
		}

		.EventBox .eventList {
			position: relative;
			margin-top: 3%;
		}
		.EventBox .eventList .w1200 {
			position: relative;
			padding: 0 50px;
		}
		.EventBox .eventList .w1200::before,
		.EventBox .eventList .w1200::after {
			content: '';
			position: absolute;
			top: 42px;
			bottom: 0;
			width: 1px;
			background-color: #9EA7AF;
		}
		.EventBox .eventList .swiper-container::before {
			left: 0;
		}
		.EventBox .eventList .swiper-container::after {
			right: 0;
		}
		.EventBox .eventList::after {
			content: '';
			position: absolute;
			top: 42px;
			left: 0;
			right: 0;
			z-index: 1;
			height: 2px;
			background-color: #9EA7AF;
		}
		.EventBox .eventList .items {
			position: relative;
			padding: 0 25px;
			color: #fff;
			text-align: center;
		}
		.EventBox .eventList .items::before {
			content: '';
			position: absolute;
			top: 42px;
			left: 50%;
			z-index: 1;
			width: 1px;
			height: 70px;
			margin-left: -1px;
			background-color: #9EA7AF;
		}
		.EventBox .eventList .items .year {
			padding-bottom: 18px;
			line-height: 24px;
			font-size: 16px;
			font-weight: bold;
		}
		.EventBox .eventList .items .text {
			margin-top: 70px;
			color: #fff;
		}
		.EventBox .eventList .items .dot {
			display: block;
			margin: 0 auto;
			margin-bottom: 5px;
			width: 5px;
			height: 5px;
			font-size: 0;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			background-color: #02B3D6;
		}

		.EventBox .swiper-button-prev,
		.EventBox .swiper-button-next{
			display: inline-block;
			position: absolute;
			top:0;
			width:30px;
			height:30px;
			margin: 0;
			opacity:1;
			background-repeat: no-repeat;
			background-position: center;
			-webkit-background-size: 20px;
			background-size: 20px;
			outline: none;
		}

		.EventBox .swiper-button-prev{ left: 0; background-image:url(../images/About-developicon2.png); }

		.EventBox .swiper-button-next{ right: 0; background-image:url(../images/About-developicon1.png);}

		@media (max-width: 992px) {
			.EventBox {
				padding-top: 30px;
				padding-bottom: 40px;
			}
			.EventBox .eventList {
				margin-top: 20px;
			}
			.EventBox .eventList .w1200 {
				padding: 0 20px;
			}
		}





	/* -------------------------------
	 Message
	----------------------------------*/

		.MessageBox {
			position: relative;
			padding-top: 4%;
			padding-bottom: 6%;
			background-color: #F7F9FA;
		}
		.MessageBox .w1200 {
			position: relative;
			z-index: 5;
		}
		.MessageBox::after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			z-index: 2;
			width: 42%;
			background-image: url(../images/About-background5.jpg);
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center;
		}
		.MessageBox .messageList {
			font-size: 0;
		}
		.MessageBox .messageList .lists {
			display: inline-block;
			width: 48.3%;
			margin-right: 3.4%;
			font-size: 14px;
			color: #333;
		}
		.MessageBox .messageList .lists:last-child {
			margin-right: 0;
		}
		.MessageBox .messageList .lists .item {
			margin-top: 24px;
		}
		.MessageBox .messageList .lists .form-control {
			display: block;
			width: 100%;
			height: 56px;
			padding: 0 22px;
			border: 1px dashed #A29A9B;
		}
		.MessageBox .messageList .lists .form-content {
			padding: 22px;
			height: 216px;
		}
		.MessageBox .messageList .lists .item-sub .form-control {
			color: #fff;
			font-weight: bold;
			text-align: center;
			background-color: #333;
			border: none;
		}

		.MessageBox .messageList .lists .form-control.error {
		    border-color: #FF3E07;
		}
		.MessageBox .messageList .lists label.error {
		    display: none!important;
		    margin-top: 5px;
		    color: #FF3E07;
		}

		@media (max-width: 992px) {
			.MessageBox {
				padding-top: 30px;
				padding-bottom: 40px;
			}
			.MessageBox .messageList .lists .item {
			    margin-top: 20px;
			}
			.MessageBox .messageList .lists .form-content {
				height: 208px;
			}
		}

		@media (max-width: 640px) {
			.MessageBox .messageList .lists {
				display: block;
				width: 100%;
				margin: 0;
			}
			.MessageBox .messageList .lists .form-control {
				height: 46px;
			}
			.MessageBox .messageList .lists .form-content {
				height: 200px;
			}
		}





/* ------------------------------------------------
 Product
---------------------------------------------------*/

	/* -------------------------------
	 Product Main
	----------------------------------*/
		.ProductBox {
			padding-top: 4%;
		    padding-bottom: 6%;
			background-color: #F7F7F7;
		}
		.ProductBox .content {
			margin-top: 24px;
		}
		.ProductBox .Advantage {
			margin-top: 40px;
		}

		.ProductBox .Advantage{position:relative;}

		.ProductBox .Advantage .pic{width:649px; margin:0 auto; position:relative;}
		.ProductBox .Advantage .img-box {
			padding: 89px;
		}
		.ProductBox .Advantage .img{width: 471px;margin: 0 auto; -webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;background-image: url(../images/Productmain-round3.png);background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;	background-size: cover; }

		.ProductBox .Advantage .img img {display:inline-block;width: 100%; padding:80px;-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;}
		.ProductBox .Advantage .maskbg{position:absolute; left:0; top:0;background-image: url(../images/Productmain-round2.png);-webkit-background-size: cover;	background-size: cover; background-repeat: no-repeat;background-position: center; overflow: hidden;}

		.ProductBox .Advantage .maskbg img{display:block;width: 100%; animation:change 30s linear infinite; -webkit-animation:change 30s linear infinite;}



		@keyframes change{ 0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);}	100%{-webkit-transform:rotate(360deg);} }



		@-webkit-keyframes change{ 0%{-webkit-transform:rotate(0deg);}  50%{-webkit-transform:rotate(180deg);}  100%{-webkit-transform:rotate(360deg);} }



		.ProductBox .Advantage .list ul {
			padding: 0;
			margin: 0;
		}
		.ProductBox .Advantage .list li {
			list-style: none;
		}
		.ProductBox .Advantage .list li,
		.ProductBox .Advantage .list li .txt {
			min-height: 91px;
		}
		.ProductBox .Advantage .list li{position:absolute; width:400px;}

		.ProductBox .Advantage .list li.a1{left:60px; top: 50px;}

		.ProductBox .Advantage .list li.a2{right:60px; top: 50px;}

		.ProductBox .Advantage .list li.a3{left:0; top:254px;}

		.ProductBox .Advantage .list li.a4{right:0; top:254px;}

		.ProductBox .Advantage .list li.a5{left:60px; bottom:60px;}

		.ProductBox .Advantage .list li.a6{right:60px; bottom:60px;}

		.ProductBox .Advantage .list li .icon{position:absolute; left:0px; top:0px;z-index:5; width: 95px;height: 95px; background-color: rgba(21,102,183, .8);text-align: center;font-size: 0; background-repeat: no-repeat;background-image: url(../images/Productmain-defaulticon.png);background-position: center;-webkit-background-size: 43px;
		background-size: 43px;-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;}

		.ProductBox .Advantage .list li .txt{position: relative;z-index: 3; margin-left: 50px;padding-top: 18px;padding-left: 70px;color: rgba(9,97,182);background-color: #fff;background-position: center;-webkit-background-size: cover;
		background-size: cover;background-repeat: no-repeat;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;}

		.ProductBox .Advantage .list li .txt h3{margin: 0; font-size:16px;font-weight: bold;}

		.ProductBox .Advantage .list li .txt p{margin: 0;margin-top: 10px; font-size:14px;}

		.ProductBox .Advantage .list li:nth-child(2n+1) .icon{left:auto; right:0px;}

		.ProductBox .Advantage .list li:nth-child(2n+1) .txt{margin-left: 0;margin-right: 50px; padding-left: 0;padding-right: 70px; text-align:right;}


		.ProductBox .Advantage .list li:hover .icon {
			background-image: url(../images/Productmain-hovericon.png);
			background-color: #fff;
			border: 1px solid #0E70C1;
		}
		.ProductBox .Advantage .list li:hover .txt {
			color: #fff;
			background-image: url(../images/Productmain-hoverbj.png);
		}

		.ProductSorts{position: relative; font-size: 0; background:#F7F7F7; overflow: hidden;}
		.ProductSorts::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 84.5%;
			background-color: #fff;
			-webkit-box-shadow: -2px 2px 8px rgba(0,0,0,.4);
			-moz-box-shadow: -2px 2px 8px rgba(0,0,0,.4);
			box-shadow: -2px 2px 8px rgba(0,0,0,.4);
		}
		.ProductSorts .w1200 {
			position: relative;
			z-index: 5;
			font-size: 0;
		}
		.ProductSorts .item {
			display: inline-block;
			position: relative;
			width: 50%;
			font-size: 14px;
			overflow: hidden;
		}
		.ProductSorts .item .effect-img {
			display: block;
			text-align: left;
		}
		.ProductSorts .item .effect-img img{display:block; width:100%;}

		.ProductSorts .item .img-box {
			position: relative;
			z-index: 2;
		}
		.ProductSorts .item .content {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			z-index: 5;
			padding: 7.2%;
			color: #fff;
		}
		.ProductSorts .item .content .title {
			position: relative;
			line-height: 36px;
			font-size: 24px;
			font-weight: bold;
		}
		.ProductSorts .item .content .title::before {
			content: '';
			position: absolute;
			top: 0;
			left: -20px;
			width: 14px;
			height: 14px;
			background-image: url(../images/Productmain-icon1.png);
			background-repeat: no-repeat;
			-webkit-background-size: 14px;
			background-size: 14px;
		}
		.ProductSorts .item .content .desc {
			margin-top: 10px;
			max-height: 72px;
			line-height: 24px;
			overflow: hidden;
		}
		.ProductSorts .item .content .more {
		    position: absolute;
		    bottom: 7.2%;
		    left: 7.2%;
		    padding-right: 14px;
		    background-repeat: no-repeat;
		    background-position: right center;
		    -webkit-background-size: 5px;
		    background-size: 5px;
		    background-image: url(../images/Productmain-icon2.png);
		}


		@media ( max-width:992px){
			.ProductBox {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.ProductBox .Advantage .list li{position:relative;}

			.ProductBox .Advantage .list li.a1,.ProductBox .Advantage .list li.a2,.ProductBox .Advantage .list li.a3,.ProductBox .Advantage .list li.a4,.ProductBox .Advantage .list li.a5,.ProductBox .Advantage .list li.a6{top:auto; left:auto; right:auto;bottom: auto;}

			.ProductBox .Advantage .list li{width:48%; float:left; margin-bottom:15px;}

			.ProductBox .Advantage .list li:nth-child(2n){float:right;}

		}



		@media ( max-width:640px){
			.ProductSorts .w1200 {
				padding: 0;
			}
			.ProductBox .Advantage .pic {
				width: 100%;
			}
			.ProductBox .Advantage .img-box {
			    padding: 14%;
			    width: 100%;
			}
			.ProductBox .Advantage .img {
			    width: 100%;
			}
			.ProductBox .Advantage .img img {
				padding: 15%;
			}

			.ProductBox .Advantage .list {
				margin-top: 20px;
			}
			.ProductBox .Advantage .list li,.ProductBox .Advantage .list li:nth-child(2n){width:100%; float:none;}
			.ProductBox .Advantage .list li, .ProductBox .Advantage .list li .txt {
				min-height: 70px;
			}
			.ProductBox .Advantage .list li:nth-child(2n+1) .icon {left: 0;right: auto;}
			.ProductBox .Advantage .list li .icon {
				width: 70px;
				height: 70px;
				-webkit-background-size: 30px;
				background-size: 30px;
			}
			.ProductBox .Advantage .list li:nth-child(2n) .txt,
			.ProductBox .Advantage .list li:nth-child(2n+1) .txt {
				padding-left: 60px;
				padding-right: 0;
		    	margin-right: 0;
		    	margin-left: 30px;
		    	padding-top: 8px;
				text-align: left;
			}
			.ProductBox .Advantage .list li .txt p {
				margin-top: 4px;
			}

			.ProductSorts .item .content .title{font-size:18px;}

			.ProductSorts .item {
				width: 100%;
			}

		}




	/* -------------------------------
	 Product Menus
	----------------------------------*/
		.ProductMenus {
		}
		/*lists*/
		.ProductMenus .lists {
			padding-top: 4%;
			border-bottom: 1px solid #E6E6E6;
		}
		.ProductMenus .lists .box {
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    -webkit-justify-content: space-between;
		    -moz-justify-content: space-between;
		    -ms-justify-content: space-between;
		    -o-justify-content: space-between;
		    justify-content: space-between;
		}
		.ProductMenus .lists .item {
		    width: 30%;
			text-align: center;
		}
		.ProductMenus .lists .item a {
			display: block;
			line-height: 36px;
			padding-bottom: 30px;
			color: #333;
			font-weight: bold;
			font-size: 24px;
			border-bottom: 1px solid transparent;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		
		.ProductMenus .lists .item a:hover,
		.ProductMenus .lists .item.active a {
			color: #075db3;
			border-bottom-color: #8FA9D3;
		}
		
		/*menu*/
		.ProductMenus .menu {
			font-size: 0;
			text-align: center;
		}
		.ProductMenus .menu .item {
			display: inline-block;
			margin-right: 10.5%;
			font-size: 14px;
		}
		.ProductMenus .menu .item:last-child {
			margin-right: 0;
		}
		.ProductMenus .menu .item .topLink {
			display: block;
			padding-right: 12px;
			padding-top: 22px;
			padding-bottom: 22px;
			line-height: 24px;
			color: #666;
			background-position: right center;
			background-image: url(../images/Productlist-icon2.png);
			background-repeat: no-repeat;
			-webkit-background-size: 7px;
			background-size: 7px;
		}
		.ProductMenus .menu .item .topLink:hover,
		.ProductMenus .menu .item.active .topLink {
			color: #333;
			font-weight: bold;
			background-image: url(../images/Productlist-icon1.png);
		}

		@media (max-width: 992px) {
			.ProductMenus .lists {
				padding-top: 30px;
			}
		}
		@media (max-width: 640px) {
			.ProductMenus .menu .w1200 {
			    display: -webkit-flex;
			    display: -moz-flex;
			    display: -ms-flex;
			    display: -o-flex;
			    display: flex;
			    -webkit-justify-content: space-between;
			    -moz-justify-content: space-between;
			    -ms-justify-content: space-between;
			    -o-justify-content: space-between;
			    justify-content: space-between;
			}
			.ProductMenus .lists .item a {
				padding-bottom: 10px;
				line-height: 24px;
				font-size: 16px;
			}
			.ProductMenus .menu .item .topLink {
				padding-top: 10px;
				padding-bottom: 10px;
				padding-right: 0;
			}
			.ProductMenus .menu .item {
				margin-right: 0;
			}
			.ProductMenus .menu .item .topLink,
			.ProductMenus .menu .item .topLink:hover,
			.ProductMenus .menu .item.active .topLink {
				background-image: none;
			}
		}




	/* -------------------------------
	 Product Lists
	----------------------------------*/
		.ProductLists {
			padding-bottom: 70px;
			background-color: #F5F5F5;
		}

		.ProductLists .lists {
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    -webkit-flex-wrap: wrap;
		    -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		    -o-flex-wrap: wrap;
		    flex-wrap: wrap;
			font-size: 0;
		}
		.ProductLists .lists .item {
			/*display: none;*/
			font-size: 14px;
			background-color: #fff;
		}
		.ProductLists .lists .item.show {
			/*display: block;*/
		}
		.ProductLists .lists .item .link {
			display: block;
		}
		.ProductLists .lists .item .pics {
			position: relative;
		}
		.ProductLists .lists .item .img-box {
			position: relative;
			z-index: 2;
			overflow: hidden;
		}
		.ProductLists .lists .item .img-box img {
			display: block;
			width: 100%;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.ProductLists .lists .item .label {
			position: absolute;
			z-index: 5;
			right: 0;
			bottom: -6px;
		    max-width: 90%;
			padding: 0 24px;
			line-height: 28px;
			color: #fff;
			text-align: center;
			white-space: nowrap;
		    text-overflow: ellipsis;
		    overflow: hidden;
			background-color: rgba(7,93,179,.8);
		}
		.ProductLists .lists .item .label.label-chuangan {
			background-color: rgba(7,93,179,.8);
		}
		.ProductLists .lists .item .label.label-caiji {
			background-color: rgba(126,106,192,.8);
		}
		.ProductLists .lists .item .label.label-fuzhu {
			background-color: rgba(53,194,222,.8);
		}
		.ProductLists .lists .item .infos {
			padding: 18px 24px;
		}
		.ProductLists .lists .item .titl {
			position: relative;
			color: #333;
			font-weight: bold;
			font-size: 16px;
		}
		.ProductLists .lists .item .titl::after {
			content: '';
			display: block;
			width: 40px;
			margin-top: 8px;
			border-bottom: 1px solid #B3B3B3;
		}
		.ProductLists .lists .item .desc {
			margin-top: 16px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.ProductLists .lists .item .link:hover img {
			-webkit-transform: scale(1.1,1.1);
			-moz-transform: scale(1.1,1.1);
			-ms-transform: scale(1.1,1.1);
			-o-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
		}

		@media (min-width: 993px) {
			.ProductLists .lists .item {
				width: 30.83%;
				margin-right: 3.755%;
				margin-top: 3.755%;
			}
			.ProductLists .lists .item:nth-child(3n) {
				margin-right: 0;
			}
		}
		@media (max-width: 992px) {
			.ProductLists {
				padding-bottom: 30px;
			}
			.ProductLists .lists .item {
				width: 48%;
				margin-right: 4%;
				margin-top: 4%;
			}
			.ProductLists .lists .item:nth-child(2n) {
				margin-right: 0;
			}
		}
		@media (max-width: 640px) {
			.ProductLists .lists .item .titl {
				font-size: 14px;
			}
		}




	/* -------------------------------
	 Product Detail
	----------------------------------*/
		.ProductDetail {
			position: relative;
			font-size: 0;
			overflow: hidden;
		}
		.ProductDetail .gallery,
		.ProductDetail .content {
			font-size: 14px;
		}

		.ProductDetail .content::-webkit-scrollbar {/*滚动条整体样式*/

	        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/

	        height: 1px;

	    }

		.ProductDetail .content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

	        background: #535353;

	    }

		.product-type-in::-webkit-scrollbar-track {/*滚动条里面轨道*/

	        background: #EDEDED;

		}
		.ProductDetail .gallery .pics {
			display: none;
		}
		.ProductDetail .gallery .pics img {
			width: 100%;
		}
		.ProductDetail .infos {
			margin-top: 36px;
		}
		.ProductDetail .infos .col {
			color: #333;
			font-weight: bold;
		}
		.ProductDetail .infos .col img {
			vertical-align: middle;
			margin-right: 5px;
		}

		.ProductDetail .tabs {
			padding-top: 6px;
			font-size: 0;
		}
		.ProductDetail .tabs .link {
			display: inline-block;
			padding: 10px 30px;
			margin-right: 10px;
			margin-top: 10px;
			color: #707070;
			font-size: 14px;
			cursor: pointer;
			border: 1px dashed #707070;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.ProductDetail .tabs .link.active {
			font-weight: bold;
			color: #075db3;
			border-color: #EAF1F8;
			background-color: #EAF1F8;
		}

		.ProductDetail .text {
			margin-top: 30px;
		}
		.ProductDetail .text .all-content-wrapper {
			display: none;
		}
		.ProductDetail .return-list {
			margin-top: 40px;
		}


		@media (min-width: 993px) {
			.ProductDetail .gallery .pics {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				background-repeat: no-repeat;
				-webkit-background-size: cover;
				background-size: cover;
				background-position: center;
			}
			.ProductDetail .gallery,
			.ProductDetail .content {
				position: absolute;
				width: 50%;
				height: 100%;
			}
			.ProductDetail .gallery {
				left: 0;
			}
			.ProductDetail .content {
				right: 0;
				padding-top: 4%;
				padding-bottom: 4%;
				padding-left: 3%;
				overflow: auto;
			}
			.ProductDetail .gallery .pics img {
				display: none;
			}
		}

		@media (max-width: 992px) {
			.ProductDetail .content {
				padding: 20px;
				padding-bottom: 30px;
			}
			.ProductDetail .content .Title01 {
				font-size: 18px;
			}
			.ProductDetail .infos,
			.ProductDetail .return-list {
				margin-top: 20px;
			}
			.ProductDetail .tabs .link {
				padding: 6px 20px;
			}
			.ProductDetail .text {
				margin-top: 24px;
			}
		}



/* -------------------------------
 News List
----------------------------------*/
	.NewsBox {
		background-color: #F5F5F5;
	}
	.NewsBox .NewsLists .lists {
		border-top: 1px solid #DBDBDB;
	}
	.NewsBox .NewsLists .item .time {
		color: rgba(112,112,112,.6);
		font-size: 12px;
	}
	.NewsBox .NewsLists .item .titl {
		margin-top: 2px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.NewsBox .NewsLists .item .infos .more-btns {
		margin-top: 26px;
	}
	.NewsBox .NewsLists .lists .item .titl::after {
		display: none;
	}

	@media (min-width: 993px) {
		.NewsBox .NewsTop {
			padding-top: 45px;
		}
		.NewsBox .NewsLists .lists {
			margin-top: 3.755%;
		}
	}

	@media (max-width: 992px) {
		.NewsBox .NewsLists .lists {
			margin-top: 20px;
			padding-top: 10px;
		}
	}





/* -------------------------------
 News Detail
----------------------------------*/
	.NewsDetail {
		padding-top: 5%;
		padding-bottom: 5%;
		background-color: #F5F5F5;
	}
	.NewsDetail .content {
		padding: 26px 30px;
		border: 3px solid #333;
	}
	.NewsDetail .detial-title {
		text-align: center;
	}
	.NewsDetail .detial-infos {
		margin-top: 18px;
		margin-bottom: 26px;
		color: #707070;
		text-align: center;
	}
	.NewsDetail .detial-infos .time,
	.NewsDetail .detial-infos .hit {
		margin-right: 15px;
	}
	.NewsDetail .detail-control {
		margin-top: 28px;
		margin-bottom: 10px;
		font-size: 0;
	}
	.NewsDetail .detail-control .item a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #707070;
		font-size: 14px;
	}
	.NewsDetail .detail-control .item a:hover {
		color: #075db3;
		font-weight: bold;
		text-decoration: underline;
	}

	@media (min-width: 993px) {
		.NewsDetail .detail-control .item {
			display: inline-block;
			width: 48%;
			margin-right: 4%;
		}
		.NewsDetail .detail-control .next {
			text-align: right;
			margin-right: 0;
		}
	}
	@media (max-width: 992px) {
		.NewsDetail {
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.NewsDetail .detail-control {
			margin-bottom: 0;
		}
		.NewsDetail .detail-control .next {
			margin-top: 5px;
		}
	}



/* -------------------------------
 Service
----------------------------------*/
	.ServiceContent,
	.ServiceContent .content,
	.ServiceContent .gallery .pics,
	.ServiceContact .content .w1200  {
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.ServiceContent .content {
		margin-top: 3%;
	}

	.ServiceProfile {
		background-color: #F7F7F7;
	}
	.ServiceProfile .content {
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    -o-flex-wrap: wrap;
	    flex-wrap: wrap;
		font-size: 0;
	}
	.ServiceProfile .item {
		position: relative;
		font-weight: bold;
		font-size: 14px;
		background-color: #fff;
		-webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
		-moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
		box-shadow: 0 0 8px rgba(0,0,0,.1);
	}
	.ServiceProfile .content .item::before,
	.ServiceProfile .content .item::after {
		content: '';
		position: absolute;
		width: 20px;
		height: 17px;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.ServiceProfile .content .item::before {
		top: 11%;
		left: 7%;
		background-image: url(../images/Service-icon1.png);
	}
	.ServiceProfile .content .item::after {
		right: 7%;
		bottom: 11%;
		background-image: url(../images/Service-icon2.png);
	}
	.ServiceProfile .item .tit {
		line-height: 1.8;
		font-size: 16px;
		color: #333;
	}
	.ServiceProfile .item .label {
		position: relative;
		padding-left: 22%;
		margin-top: 12px;
		color: #707070;
	}
	.ServiceProfile .item .label::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 18%;
		height: 2px;
		margin-top: -1px;
		background-color: #707070;
	}
	
	.ServiceContent .content {
		position: relative;
		background-image: url(../images/Service-background2.png);
		overflow: hidden;
	}

	.ServiceContent .gallery {
		-webkit-box-shadow: 0 -4px 12px rgba(0,0,0,.2);
		-moz-box-shadow: 0 -4px 12px rgba(0,0,0,.2);
		box-shadow: 0 -4px 12px rgba(0,0,0,.2);
	}
	.ServiceContent .gallery .pics img {
		display: none;
		width: 100%;
	}
	.ServiceContent .content .lists {
		position: relative;
		z-index: 2;
		padding: 30px;
		padding-right: 430px;
	}
	.ServiceContent .content .item {
		position: relative;
		padding-bottom: 18px;
		margin-bottom: 18px;
		border-bottom: 1px solid #CED7DC;
	}
	.ServiceContent .content .item .icon {
		position: absolute;
	    left: 0px;
	    top: 0px;
	    z-index: 5;
	    width: 70px;
	    height: 70px;
	    text-align: center;
	    font-size: 0;
	    background-repeat: no-repeat;
	    background-image: url(../images/Service-icon3.png);
	    background-position: center;
	    -webkit-background-size: 70px;
	    background-size: 70px;
	}
	.ServiceContent .content .item .text {
		position: relative;
	    z-index: 3;
	    min-height: 70px;
	    margin-left: 20px;
	    padding-left: 70px;
	    background-position: center;
	    -webkit-background-size: cover;
	    background-size: cover;
	    background-repeat: no-repeat;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}
	.ServiceContent .content .item .tit {
		font-weight: bold;
		font-size: 16px;
		color: #333;
	}
	.ServiceContent .content .item .desc {
		margin-top: 10px;
	}

	.ServiceContact {
		position: relative;
	}
	.ServiceContact #map {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 550px;
		opacity: .6;
		filter: alpha(opacity=60);
	}
	.ServiceContact #map img {
		max-width: none;
	}
	.ServiceContact .content .w1200 {
		background-image: url(../images/Service-background3.png);
	}
	.ServiceContact .content .lists,
	.ServiceContact .content .infos,
	.ServiceContact .content .infos a {
		color: #f0f3f5;
	}
	.ServiceContact .content .lists {
		padding: 30px 34px 40px;
		font-size: 0;
	}
	.ServiceContact .content .lists .item {
		font-size: 14px;
	}
	.ServiceContact .content .lists .tit {
		margin-bottom: 14px;
		line-height: 24px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #299BB2;
	}
	.ServiceContact .content .lists .tit .words {
		display: inline-block;
		padding-bottom: 8px;
		border-bottom: 2px solid #fff;
	}
	.ServiceContact .content .infos ul {
		padding: 0;
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.ServiceContact .content .infos ul li {
		width: 50%;
		line-height: 1.8;
	}
	.ServiceContact .content .tips {
		padding: 10px 30px;
		border: 1px solid #AEE0EA;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}


	@media (min-width: 993px) {
		.ServiceProfile, .ServiceContent {
			padding-top: 4%;
			padding-bottom: 5%;
		}
		.ServiceProfile .item {
			display: inline-block;
			width: 30.8%;
			margin-right: 3.8%;
			padding: 4%;
			margin-top: 3%;
		}
		.ServiceProfile .item:nth-child(3n) {
			margin-right: 0;
		}
		.ServiceContent .gallery,
		.ServiceContent .gallery .pics {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 5;
			width: 400px;
		}
		.ServiceContact .content {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 3;
		}
		.ServiceContact .content .lists {
			display: flex;
		}
		.ServiceContact .content .lists .item {
			display: inline-block;
		}
		.ServiceContact .content .lists .item-infos {
			/* width: 53%; */
			width: 68%;
		}
		.ServiceContact .content .lists .item-tips {
			/* width: 47%;
			padding-left: 8%; */
			width: 32%;
    	padding-left: 4%;
			padding-top: 34px;
		}
	}

	@media (max-width: 992px) {
		.ServiceProfile, .ServiceContent {
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.ServiceProfile .item {
			width: 100%;
			margin-top: 20px;
			padding: 20px;
		}
		.ServiceProfile .content .item::before, .ServiceProfile .content .item::after {
			width: 14px;
			height: 14px;
			-webkit-background-size: 14px;
			background-size: 14px;
		}
		.ServiceProfile .content .item::before {
			top: 8px;
			left: 8px;
		}
		.ServiceProfile .content .item::after {
			bottom: 8px;
			right: 8px;
		}
		.ServiceContent .content {
			margin-top: 20px;
		}
		.ServiceContent .gallery .pics img {
			display: block;
		}

		.ServiceContent .content .lists,
		.ServiceContact .content .lists {
			width: 100%;
			padding: 20px;
		}
		.ServiceContact .content .lists .item-tips {
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.ServiceContact .content .tips {
			padding-left: 20px;
			padding-right: 20px;
		}
		.ServiceContact #map {
			height: 350px;
		}
	}

	@media (max-width: 640px) {
		.ServiceContent .content .item .icon {
			width: 60px;
			height: 60px;
			-webkit-background-size: 60px;
			background-size: 60px;
		}
		.ServiceContent .content .item .text {
			min-height: 60px;
			margin-left: 0;
			padding-left: 70px;
		}
		.ServiceContact #map {
			height: 300px;
		}
		.ServiceContact .content .infos ul li {
			width: 100%;
		} 
	}




/* -------------------------------
 Solution
----------------------------------*/
	.SolutionBox {}
	.SolutionBox .Solution-1 {
		padding-top: 5%;
		padding-bottom: 45px;
	}
	.SolutionBox .Solution-bg {
		position: relative;
	}
	.SolutionBox .Solution-bg img {
		position: relative;
		z-index: 3;
		width: 100%;
	}
	.SolutionBox .Solution-bg::before,
	.SolutionBox .Solution-bg::after {
		content: '';
		position: absolute;
		right: 0;
		z-index: 5;
		background-color: #02B3D6;
	}
	.SolutionBox .Solution-bg::before {
		bottom: 0;
		width: 10px;
		height: 74.16%;
	}
	.SolutionBox .Solution-bg::after {
		bottom: -10px;
		width: 30.26%;
		height: 10px;
	}
	.SolutionBox .Solution-2 {
		padding-top: 45px;
		padding-bottom: 5%;
		background-color: #F7F7F7;
	}

	@media ( max-width:992px) {
		.SolutionBox .Solution-1 {
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.SolutionBox .Solution-2 {
			padding-top: 0;
			padding-bottom: 40px;
		}
	}
	@media (max-width: 640px) {
		.SolutionBox .Solution-bg::before {
			width: 4px;
		}
		.SolutionBox .Solution-bg::after {
			bottom: -4px;
			height: 4px;
		}
	}

	/*SolutionDetail*/
	.SolutionDetail {}
	.SolutionDetail .SolutionDetail-1 {
		background-color: #F7F7F7;
	}
	.SolutionDetail .SolutionDetail-1 .return-list {
		position: absolute;
		right: 0;
		top: 0;
	}
	.SolutionDetail .SolutionDetail-1 .content {
		padding: 50px 30px;
		margin-top: 30px;
		background-color: #fff;
	}
	.SolutionDetail .SolutionDetail-1 .content .gallery {
		text-align: center;
	}
	.SolutionDetail .SolutionDetail-1 .content .gallery img {
		display: inline-block;
	}
	.SolutionDetail .SolutionDetail-RelatedProducts {
		background-color: transparent;
		background-color: #F7F7F7;
	}

	@media ( min-width:993px) {
		.SolutionDetail .SolutionDetail-1 {
			padding-top: 60px;
			padding-bottom: 60px;
		}
		.SolutionDetail .SolutionDetail-2 {
			padding-top: 50px;
			padding-bottom: 50px;
		}
	}

	@media ( min-width: 641px) {
		.SolutionDetail .SolutionDetail-1 .content .gallery {
			width: 38.2%;
			padding-top: 45px;
			float: right;
		}
		.SolutionDetail .SolutionDetail-1 .content .text {
			width: 54.8%;
			float: left;
		}
	}

	@media ( max-width:992px) {
		.SolutionDetail .SolutionDetail-1 {
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.SolutionDetail .SolutionDetail-2 {
			padding-top: 30px;
			padding-bottom: 40px;
		}
	}

	@media ( max-width:640px) {
		.SolutionDetail .SolutionDetail-RelatedProducts .lists {
			padding-top: 10px;
		}
		.SolutionDetail .SolutionDetail-1 .content {
			padding: 20px;
		}
		.SolutionDetail .SolutionDetail-1 .content .text {
			margin-top: 20px;
		}
	}



/* -------------------------------
 Search Detail
----------------------------------*/
	.SearchDetail {
		padding-top: 114px;
	}
	.SearchDetail .search-infos {
		padding-top: 4%;
		border-bottom: 1px solid #E6E6E6;
	}
	.SearchDetail .search-keys {
		display: inline-block;
		padding-bottom: 30px;
		color: #075db3;
		border-bottom: 1px solid #2470BB;
	}
	.search-lists {
		overflow: hidden;
	}
	.search-lists .items {
		width: 100%;
		margin-top: 3.5%;
		padding: 30px;
		font-size: 14px;
		background-color: #fff;
	}
	.search-lists .items .tit {
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		color: #333;
	}
	.search-lists .items .column {
		margin-top: 10px;
		color: #707070;
	}

	@media (max-width: 992px) {
		.SearchDetail {
			padding-top: 74px;
		}
		.SearchDetail .search-infos {
			padding-top: 30px;
		}
		.search-lists .items {
			margin-top: 20px;
			padding: 20px;
		}
		.SearchDetail .search-keys {
			padding-bottom: 10px;
		}
	}


@media (min-width: 993px) {
	.HonnorBox .HonnorList .Banner .swiper-slide .gallery {	height: auto !important;	}
	.HonnorBox .HonnorList .Banner .swiper-slide .gallery img {	display: block !important;	}
}