@font-face {
	font-family: 'iconfont';  /* Project id 2376408 */
	src: url('http://at.alicdn.com/t/c/font_2376408_tykn8j97th.woff2?t=1757898776567') format('woff2'),
		 url('http://at.alicdn.com/t/c/font_2376408_tykn8j97th.woff?t=1757898776567') format('woff'),
		 url('http://at.alicdn.com/t/c/font_2376408_tykn8j97th.ttf?t=1757898776567') format('truetype');
  }
@font-face {
	font-family: 'iconfont';
	/* project id 1757087 */
	src: url('http://at.alicdn.com/t/font_1757087_94hf56p9d2v.eot');
	src: url('http:http://at.alicdn.com/t/font_1757087_94hf56p9d2v.eot?#iefix') format('embedded-opentype'),
		url('http:http://at.alicdn.com/t/font_1757087_94hf56p9d2v.woff2') format('woff2'),
		url('http://at.alicdn.com/t/font_1757087_94hf56p9d2v.woff') format('woff'),
		url('http://at.alicdn.com/t/font_1757087_94hf56p9d2v.ttf') format('truetype'),
		url('http://at.alicdn.com/t/font_1757087_94hf56p9d2v.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'dinpro';
	src: url('/html/Templates/cn/font/dinpro.eot');
	src: url('/html/Templates/cn/font/dinpro.eot?#iefix') format('embedded-opentype'),
		url('/html/Templates/cn/font/dinpro.woff2') format('woff2'),
		url('/html/Templates/cn/font/dinpro.woff') format('woff'),
		url('/html/Templates/cn/font/dinpro.ttf') format('truetype'),
		url('/html/Templates/cn/font/dinpro.svg') format('svg');
}

@font-face {
	font-family: 'dinprob';
	src: url('/html/Templates/cn/font/DINPro-Bold.eot');
	src: url('/html/Templates/cn/font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('/html/Templates/cn/font/DINPro-Bold.woff2') format('woff2'),
		url('/html/Templates/cn/font/DINPro-Bold.woff') format('woff'),
		url('/html/Templates/cn/font/DINPro-Bold.ttf') format('truetype'),
		url('/html/Templates/cn/font/DINPro-Bold.svg') format('svg');
}

@font-face {
	font-family: 'gilroyb';
	src: url('/html/Templates/cn/font/gilroyb.eot');
	src: url('/html/Templates/cn/font/gilroyb.eot') format('embedded-opentype'),
		url('/html/Templates/cn/font/gilroyb.woff2') format('woff2'),
		url('/html/Templates/cn/font/gilroyb.woff') format('woff'),
		url('/html/Templates/cn/font/gilroyb.ttf') format('truetype'),
		url('/html/Templates/cn/font/gilroyb.svg') format('svg');
}

@font-face {
	font-family: 'Rajdhani';
	src: url('/html/Templates/cn/font/Rajdhani-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Rajdhani_b';
	src: url('/html/Templates/cn/font/RAJDHANI_BOLD.ttf') format('truetype');
}

@font-face {
	font-family: 'FuturaBT_k';
	src: url('/html/Templates/cn/font/FuturaBT_k.ttf') format('truetype');
}

@font-face {
	font-family: 'dincond';
	src: url('/html/Templates/cn/font/dincond-medium-webfont.woff2') format('woff2');
}

@font-face {
	font-family: 'xi';
	src: url('/html/Templates/cn/font/xi.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat-B';
	src:url('/html/Templates/cn/font/Montserrat-Bold.otf');
  }
  @font-face {
	font-family: 'Montserrat-H';
	src:url('/html/Templates/cn/font/Montserrat-Hairline.otf');
  }
  @font-face {
	font-family: 'Montserrat-L';
	src:url('/html/Templates/cn/font/Montserrat-Light.woff 2.ttf');
  }
  @font-face {
	font-family: 'Montserrat-R';
	src:url('/html/Templates/cn/font/Montserrat-Regular 2.otf');
  }
@font-face {
	font-family: 'iconfont';
	/* project id 1963699 */
	src: url('http://at.alicdn.com/t/font_1963699_w5rytz1pkve.eot');
	src: url('http:http://at.alicdn.com/t/font_1963699_w5rytz1pkve.eot?#iefix') format('embedded-opentype'),
		url('http:http://at.alicdn.com/t/font_1963699_w5rytz1pkve.woff2') format('woff2'),
		url('http://at.alicdn.com/t/font_1963699_w5rytz1pkve.woff') format('woff'),
		url('http://at.alicdn.com/t/font_1963699_w5rytz1pkve.ttf') format('truetype'),
		url('http://at.alicdn.com/t/font_1963699_w5rytz1pkve.svg#iconfont') format('svg');
}

@font-face {
	font-family: 'iconfont';
	/* Project id 2790078 */
	src: url('http://at.alicdn.com/t/c/font_2790078_e9bwcjwpaqi.woff2?t=1672295698783') format('woff2'),
		url('http://at.alicdn.com/t/c/font_2790078_e9bwcjwpaqi.woff?t=1672295698783') format('woff'),
		url('http://at.alicdn.com/t/c/font_2790078_e9bwcjwpaqi.ttf?t=1672295698783') format('truetype');
}

* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p {
	padding: 0;
	margin: 0;
}

body {
	font-size: 14px;
	line-height: 24px;
	color: #8e8e8e;
	font-family: 'Montserrat-L';
	width: 100%;
	overflow-x: hidden;
	font-weight: 500;
}

ul,
li {
	list-style: none;
	padding: 0px;
	margin: 0px
}

img {
	border: 0;
	margin: 0px;
	padding: 0px;
	display: block;
	max-width: 100%;
}

input:focus {
	outline: none;
}

.clean {
	clear: both;
}

a:link {
	color: #8e8e8e;
	text-decoration: none;
}

a:visited {
	color: #8e8e8e;
	text-decoration: none;
}

a:hover {
	color: #1c4c9e;
	text-decoration: none;
}

a:active {
	color: #8e8e8e;
	text-decoration: none;
}

.pic_link:link {
	color: #fff;
	text-decoration: none;
}

.pic_link:visited {
	color: #fff;
	text-decoration: none;
}

.pic_link:hover {
	color: #fff;
	text-decoration: none;
}

.pic_link:active {
	color: #fff;
	text-decoration: none;
}

h1 {
	font-size: 26px;
	color: #000;
	letter-spacing: -1px;
	line-height: 36px;
}

h2 {
	font-size: 26px;
	color: #000;
	letter-spacing: -1px;
	line-height: 26px;
	display: inline;
	font-weight: normal;
}

h3 {
	font-size: 26px;
	color: #fff;
	letter-spacing: -1px;
	line-height: 26px;
}

h4 {
	font-size: 26px;
	color: #000;
	letter-spacing: -1px;
	line-height: 26px;
	display: inline;
}

h5 {
	font-size: 26px;
	color: #000;
	letter-spacing: -1px;
	line-height: 34px;
	display: inline;
	font-weight: normal;
}

.allMid {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
	position: relative;
}

/*top_menu*/
/* #top_menu{width:100%; top:0; z-index:9999;}
#top_menu ul{width:66%; min-width:1200px; margin:0 auto; position:relative;}
#top_menu ul li{float:left;}
#top_menu ul li:nth-child(1){width:40%; text-align:left;}
#top_menu ul li:nth-child(2){width:60%; text-align:right;}
#top_menu ul li:nth-child(2) a:hover{color:#1c4c9e !important;}
.menu_linka a:hover{color:#fff;}
.menu_link_a{margin-left:30px; font-size:14px;position: relative;}
.menu_link_a:hover{color:#1c4c9e !important;}
.menu_link_a:hover:after {position: absolute;top: 6px;left: -15px; width: 9px;height: 2px;background: #1c4c9e;content: " "; transition-duration: .4s;transition-property: all;transition-timing-function: cubic-bezier(.7,1,.7,1);}
#top_menu ul li:nth-child(2) a:nth-child(8){margin-right: 5px;margin-left: 30px;}
#top_menu ul li:nth-child(2) a:nth-child(10){margin-left: 5px;}

.default{width:100%; height:90px; background-color:none; color:#ffffff; position:absolute; z-index:9999; top:0px; line-height:90px;}
.fixeda{position:fixed; top:0px; left:0px; width:100%; height:60px; line-height:60px; background-color:rgba(255,255,255,1);box-shadow: 0 0 5px rgb(0 0 0 / 20%);}

.default #logo img{height: 60px;margin-top: 15px;}
.fixeda #logo img{height: 40px;margin-top: 10px;}
.menu_link a:link {color: #fff;text-decoration: none;}
.menu_link a:visited {color: #fff;text-decoration: none;}
.menu_link a:hover {color:#D80C18;text-decoration: none;}
.menu_link a:active {color: #fff;text-decoration: none;}

.menu_linka a:link {color:#666; text-decoration: none;}
.menu_linka a:visited {color:#666; text-decoration: none;}
.menu_linka a:hover {color:#D80C18; text-decoration: none;}
.menu_linka a:active {color:#666; text-decoration: none;} */

/*head*/
.head {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	transition: top .5s;
	z-index: 999999
}

.heada {
	top: 0px;
}

.headb {
	top: 0;
	z-index: 999999;
}

/*head_a*/
.head_a {
	width: 100%;
	background-color: #D63522;
	overflow: hidden;
	display: none;
}

.head_a ol {
	width: 66%;
	min-width: 1200px;
	max-width: 1200px;
	margin: 0 auto;
}

.head_a ol dd {
	width: 60%;
	float: left;
	color: #eee;
	height: 35px;
	line-height: 35px;
}

.head_a ol dd:nth-child(2) {
	text-align: left;
	width: 40%;
}

.head_a ol dd dl {
	float: right;
	height: 19px;
	margin-top: 8px;
	margin-left: 8px;
}

.head_a ol dd dl img {
	height: 100%;
}

/*head_b*/
.head_b {
	width: 100%;
	overflow: hidden;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color:#fff; */
}

.head_bb {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.head:hover .head_b {
	background-color: #fff;
}

.head:hover .head_b ul li:nth-child(2) a {
	color: #333 !important;
}

.head:hover .head_b ul li:nth-child(2) {
	color: #333 !important;
}

.head:hover .head_b ul dd dl a {
	color: #333 !important;
}

.head:hover .head_b ul dd dl {
	color: #333 !important;
}

.head_bb ul li {
	color: #333 !important;
}

.head_b ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.head_b ul li {
	float: left;
	height: 80px;
	line-height: 80px;
}

.head_b ul li:nth-child(1) {
	width: 60px;
	display: flex;
	-webkit-display: flex;
	justify-content: left;
	align-items: center;
	cursor: pointer;
}

.head_b ul li:nth-child(2) {
	width: calc(100% - 370px);
	font-size: 16px;
	text-align: right;
	color: #fff;
}

.head_b ul li:nth-child(2) a {
	margin-left: 25px;
	display: inline-block;
	height: 70px;
	color: #fff;
	font-size: 14px;
}

.head_b ul li:nth-child(2) a:last-child {
	margin-left: 0px;
}

.head_b ul li img {
	width: 100%;
}

.head_b ul li .nav-up-selected {
	color: #d71718;
}

.head_b ul dd {
	float: left;
	width: 100px;
}

.head_b ul dd dl {
	float: right;
	height: 25px;
	margin-top: 30.5px;
	margin-left: 8px;
}

.head_b ul dd dl:nth-child(2) {
	font-size: 30px;
	color: #fff;
}

.head_b ul dd dl a {
	color: #fff;
}

.head_b ul dd dl a:hover {
	color: #fff !important;
}

.head_b ul dd dl img {
	height: 100%;
}

.head-v3 {
	position: relative;
}

.navigation-down {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%
}

.navigation-down .nav-down-menu {
	width: 100%;
	margin: 0;
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 0px
}

.navigation-down .nav-down-menu .navigation-down-inner {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.navigation-down .nav-down-menu dl {
	float: left;
	margin: 0px 30px 0 0;
	cursor: pointer;
}

.navigation-down .menu-1 ol {
	float: right;
	margin: 30px 0;
	width: 300px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	display: none;
}

.navigation-down .menu-1 ol img {
	width: 100%;
}

.navigation-down .menu-1 dl {
	line-height: 1.5;
    font-size: 13px;
    padding: 50px 0;
    position: relative;
    color: #333;
    padding-left: 10px;
}

.navigation-down .menu-1 dl::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 50%;
    left: 2px;
	margin-top:-2.5px;
    transform: translate(-50%, 0%);
    background-color: #333;
    border-radius: 50%;
}
.navigation-down .menu-1 dl span {
	font-size: 24px;
	color: #d71718;
	margin-right: 10px;
}

.navigation-down .menu-1 dl:hover {
	color: #004ea2;
}

.navigation-down .menu-1 dt {
	color: #000;
}
 
.navigation-down .menu-1 dd a {
	color: #000;
}

.navigation-down .menu-1 dd a:hover {
	color: #60aff6
}

.navigation-down .menu-2 dd a,
.navigation-down .menu-3 dd a {
	color: #000;
}
/* #menu3 .navigation-down-inner{left: 50%;margin-left: -130px !important;}
#menu4 .navigation-down-inner{left: 50%;margin-left: -130px !important;} */


.twoLev {
	width: 100px;
	overflow: hidden;
	text-align: center;
	display: none;
	margin-left: -32px;
	position: absolute;
	margin-top: -10px;
}

.twoLev p {
	height: 30px !important;
	line-height: 30px;
	float: left;
	padding: 0px 10px !important;
	width: 100%;
	font-size: 13px;
}

.twoLev p:hover {
	font-weight: bold;
	cursor: pointer;
}

.levBox {
	width: 730px;
	float: right;
	text-align: left;
	line-height: 80px;
}

.oneLev {
	float: left;
	height: 100%;
	padding: 0 22px;
	color: #fff;
	font-weight: 500;
}

.oneLev a {
	color: #fff;
}

/*logo*/
.logo {
	width: 120px;
	float: left;
	margin-top: 20px;
}

.logo img {
	width: 100%;
}


.index_banner {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	margin-top: -25px;
}

.txt-box {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

/*.swiper-slide{color:#fff;}*/

.swiper-slide .titlea_a {
	font-size: 100px;
	line-height: 110px;
	color: #fff;
	margin-top: 38vh;
	font-weight: bold;
	font-family: 'gilroyb';
	text-transform: uppercase;
	text-align: center;
	text-transform: uppercase;
}

.swiper-slide .titleb_a {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	margin-top: 35px;
	font-family: 'dinpro';
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 3px;
}

.swiper-slide .titlec_a {
	font-size: 13px;
	font-weight: 600;
	padding: 15px 30px;
	color: #fff;
	background: 0 0;
	border-color: rgba(255, 255, 255, .3);
	border-width: 1px;
	display: inline-block;
	text-align: center;
	margin-top: 50px;
	border-style: solid;
	text-transform: uppercase;
	font-family: 'Rajdhani_b';
}

.swiper-slide .titlec_a:hover {
	background: #fff;
	color: #353535;
}

.index_video {
	width: 100%;
	height: 100vh;
	object-fit: fill;
}

.txt-box2 {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 999;
}

/*index_about*/
.index_about {
	width: 1200px;
	margin: 0 auto;
	padding: 160px 0 120px 0;
	overflow: hidden;
}

.index_about_title {
	font-size: 30px;
	line-height: 40px;
	color: #333;
	background-image: url(/html/Templates/cn/image/redline.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 15px;
	text-align: center;
}

.index_about_p1 {
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}

.index_about ul {
	margin-top: 40px;
	width: 100%;
	overflow: hidden;
}

.index_about ul li {
	border-top: 1px solid #dedede;
	margin-right: 30px;
	width: calc(16.6% - 25px);
	float: left;
	padding: 20px 0;
}

.index_about ul li:nth-child(6n) {
	margin-right: 0px;
}

.index_about ul li p {
	text-align: center;
	font-size: 14px;
}

.index_about ul li p:nth-child(1) {
	font-size: 40px;
	color: #1c4c9e;
	line-height: 45px;
	margin-bottom: 20px;
	font-family: 'dinprob';
}

.index_about ul li p:nth-child(1) span {
	font-size: 14px;
	margin-left: 5px;
	font-weight: bold;
}

/*index_about end*/

.index_part2_box {
	width: 100%;
	background: #F4F4F4;
	padding: 100px 0;
}

.index_part2_bg {
	width: 100%;
	height: 250px;
	background: url(/html/Templates/cn/image/middle_pic.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 70px;
	background-attachment: fixed;
}

.index_part2_bg_w {
	text-align: center;
	background-image: url(/html/Templates/cn/image/redline.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	width: 100%;
}

.index_part2_bg_w p:nth-child(1) {
	font-size: 30px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}

.index_part2_bg_w p:nth-child(2) {
	font-size: 12px;
	color: #fff;
}

.index_part2_mid {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1px;
}

.index_part2_mid li {
	width: calc(33.3% - 100px);
	float: left;
	position: relative;
	margin-right: 1px;
	background: #fff;
	padding: 50px;
	height: 140px;
	cursor: pointer;
}

.index_part2_mid li:nth-child(3) {
	margin-right: 0px;
}

.index_part2_mid2 {
	background: #F4F4F4;
}

.topNum {
	position: absolute;
	top: 50px;
	right: 50px;
	color: #ddd;
	font-size: 70px;
	font-family: 'dincond';
}

.index_pro_btm {
	position: absolute;
	top: 40px;
}

.index_pro_btm p:nth-child(1) {
	margin-bottom: 35px;
}

.index_pro_btm p:nth-child(1) span {
	font-size: 44px;
	line-height: 44px;
	display: block;
	margin-bottom: 15px;
}

.index_pro_btm p:nth-child(2) {
	font-size: 22px;
	color: #515769;
	font-weight: bold;
	margin-bottom: 15px;
}

.index_pro_btm p:nth-child(3) {
	font-size: 15px;
	color: #a6a7aa;
	text-transform: uppercase;
	font-family: 'gilroyb';
	height: 48px;
}

.index_part2_mid li:hover {
	background: #1c4c9e;
	transition: all 0.5s linear 0s;
}

.index_part2_mid li:hover .topNum {
	color: #fff;
}

.index_part2_mid li:hover .index_pro_btm p:nth-child(1) span {
	color: #fff;
}

.index_part2_mid li:hover .index_pro_btm p:nth-child(2) {
	color: #fff;
}

.index_part2_mid li:hover .index_pro_btm p:nth-child(3) {
	color: #fff;
}

.index_part1_top {
	width: 100%;
	overflow: hidden;
	background-image: url(/html/Templates/cn/image/redline.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	text-align: center;
}

.index_part1_top p:nth-child(1) {
	font-size: 30px;
	line-height: 40px;
	color: #333;
}

.index_part1_top p:nth-child(2) {
	font-size: 12px;
	color: #8e8e8e;
	text-transform: uppercase;
}

.index_part11_top {
	width: 100%;
	overflow: hidden;
	background-image: url(/html/Templates/cn/image/redline.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.index_part11_top p:nth-child(1) {
	font-size: 30px;
	line-height: 40px;
	color: #333;
}

.index_part11_top p:nth-child(2) {
	font-size: 12px;
	color: #8e8e8e;
	text-transform: uppercase;
}

/*index_c*/
.index_cc {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.mySwiper2 {
	width: 100%;
}

.index_c {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.index_c_Box {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}

.index_c_word {
	width: 40%;
	overflow: hidden;
	color: #a6a7aa;
}

.index_c_word .p1 {
	font-size: 18px;
	line-height: 20px;
}

.index_c_word .p2 {
	font-size: 14px;
	line-height: 18px;
	font-family: 'Rajdhani';
}

.index_c_word .p3 {
	font-size: 14px;
	margin-top: 10px;
}

.index_c_wordBox {
	width: 100%;
	overflow: hidden;
}

.index_c_wordBox div:nth-child(1) {
	float: left;
	margin-right: 15px;
	width: calc(50% - 7.5px);
	overflow: hidden;
}

.index_c_wordBox div:nth-child(2) {
	float: right;
	width: calc(50% - 7.5px);
	overflow: hidden;
}

.index_c_pSmall .p3 {
	font-size: 13px;
	margin-top: 10px;
	font-family: 'Rajdhani';
	line-height: 18px;
}

.index_c_zs {
	overflow: hidden;
}

.index_c_zs img {
	width: calc(20% - 8px);
	float: left;
	margin-right: 8px;
}

.index_c_bg {
	width: 50%;
	position: absolute;
	left: 50%;
	top: 0;
	height: 400px;
}

.index_c_img {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.index_c_img img {
	width: 100%;
}

.index_c_bg_word {
	position: absolute;
	width: calc(100% - 60px);
	height: calc(100% - 80px);
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	top: 0;
	left: 0;
	padding: 40px 30px;
	color: #fff;
}

.index_c_bg_word p:nth-child(1) {
	font-size: 50px;
	text-transform: uppercase;
	line-height: 50px;
	font-family: "xi";
}

.index_c_bg_word p:nth-child(2) {
	margin-top: 12px;
	font-size: 20px;
	font-weight: bold;
}

.index_c_n {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.index_cc .swiper-pagination-fraction {
	top: 90px;
	left: 74%;
	font-size: 22px;
	height: 30px;
	font-family: 'dinpro';
	width: 100px;
}

.index_cc .swiper-button-next {
	background-image: url(/html/Templates/cn/image/yjt.png);
	width: 60px;
	background-size: 50px;
	left: 70%;
	top: 100px;
	z-index: 999;
}

.index_cc .swiper-pagination-current {
	color: #fff;
	font-family: 'dinpro';
}

.index_shzrBox {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}

.index_shzr_top {
	color: #fff;
	overflow: hidden;
}

.index_shzr_top p:nth-child(1) {
	font-size: 50px;
	line-height: 55px;
}

.index_shzr_top p:nth-child(2) {
	font-size: 26px;
	line-height: 33px;
	margin: 10px 0 30px 0;
}

.index_shzr_top p:nth-child(3) {
	font-size: 14px;
	line-height: 25px;
}

.index_shzr_bottom {
	position: relative;
	margin-top: 150px;
	color: #fff;
	height: 250px;
}

.index_shzr_word {
	float: left;
	margin-right: 50px;
	width: calc(33.3% - 45px);
}

.index_shzr_bottom .index_shzr_word:nth-child(3) {
	margin-right: 0;
}

.index_shzr_word p:nth-child(1) {}

.index_shzr_word p:nth-child(2) {
	margin-bottom: 10px;
}

.index_shzr_word p:nth-child(3) {}



.index_d {
	width: 100%;
	overflow: hidden;
	background: #FAFAFA;
	padding: 30px 0;
}

.logoWall {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.logoWall .swiper-slide {
	text-align: center;
	font-size: 18px;
	position: relative;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.logoWall img {
	display: block;
	width: 70%;
	object-fit: cover;
}

.index_e {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 100px 0;
}

.index_e_box {
	width: 100%;
	overflow: hidden;
}

.index_e_Img1 {
	position: relative;
	margin: 1px;
	width: calc(66.6% - 2px);
	float: left;
	overflow: hidden;
}

.index_e_Img2 {
	position: relative;
	margin: 1px;
	width: calc(33.3% - 2px);
	float: left;
	overflow: hidden;
}

.index_e_Img3 {
	position: relative;
	margin: 1px;
	width: calc(33.3% - 2px);
	float: left;
	overflow: hidden;
}

.index_eImgBox {
	cursor: pointer;
}

.index_eImgBox img {
	transition: all 0.9s;
}

.index_eImgBox:hover img {
	transform: scale(1.1);
}

.index_eImgBox:hover .index_e_mb {
	opacity: 1;
	transition: all 0.5s
}

.index_e_mb {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	opacity: 0;
}

.index_e_mb p {
	position: absolute;
	bottom: 30px;
	left: 30px;
	font-size: 22px;
	color: #fff;
}

.index_newsBox {
	width: 100%;
	overflow: hidden;
	background: #FAFAFA;
}

.index_news {
	width: 1200px;
	overflow: hidden;
	padding: 70px 0;
	margin: 0 auto;
}

.index_news_body {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}

.index_news_body li {
	margin-right: 30px;
	width: 33.33%;
	overflow: hidden;
	background: #fff;
}

.index_news_body li:nth-child(3) {
	margin-right: 0px;
}

.index_newsImg {
	width: 100%;
	height: 240px;
	overflow: hidden;
}

.index_newsImg img {
	width: 100%;
	cursor: pointer;
	transition: all 0.9s;
}

.index_news_body li:hover .index_newsImg img {
	transform: scale(1.1);
}

.index_newsBtm {
	padding: 20px 12px;
	width: calc(100% - 24px);
}

.index_newsTitle {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}

.index_newsTitle a {
	color: #333;
}

.index_newsTitle a:hover {
	color: #1c4c9e;
}

.index_newsJJ {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 38px;
	font-size: 13px;
	width: 100%;
	margin-bottom: 15px;
	line-height: 20px;
}

.index_newsInfo {
	position: relative;
	display: inline-block;
	font-size: 13px;
}

.index_newsInfo:after {
	position: absolute;
	top: 12px;
	right: -15px;
	width: 9px;
	height: 2px;
	background: #1c4c9e;
	content: " ";
}


/*about*/
.n_banner {
	width: 100%;
	height: 600px;
	background-color: #666;
	display: flex;
	-webkit-display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -25px;
}

.n_banner ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.n_banner ul font {
	font-size: 40px;
	color: #fff;
	line-height: 60px;
    font-weight: bold;
	text-transform: uppercase;
}

.n_banner ul font sup {
	font-size: 24px;
	display: inline-block;
	margin-left: 5px;
}

.n_banner ul span {
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}

/*about_a*/
.about_a {
	width: 100%;
	padding: 120px 0 0 0;
}

.about_a ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	padding-bottom: 60px;
}
.n_banner ul h3 {
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    margin-left: 12px;
}
.about_a ul li {
	width: calc(100% - 730px);
	margin-right: 60px;
	float: left;
	position: relative;
}

.about_a ul li:nth-child(1) {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 350px;
}

.about_a ul li:nth-child(2) {
	margin-right: 0;
	width: 600px;
	height: 350px;
	float: right;
}

.about_lin {
	width: 100%;
	overflow: hidden;
	font-size: 15px;
}

.about_a ul li img {
	width: calc(100% - 40px);
	position: absolute;
	right: 0;
	top: 40px;
}

.about_a ul li h1 {
	margin-bottom: 30px;
}

.about_bk {
	width: calc(100% - 60px);
	height: 280px;
	border: 18px solid #1c4c9e;
	position: absolute;
	left: 0;
	top: 0;
}

/*about_b*/
.about_about_b {
	padding: 40px 0;
	width: 66%;
	min-width: 1200px;
}

.about_about_b .index_about_p1 {
	text-align: left;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

/*about_c*/
.about_c {
	width: 100%;
	padding: 120px 0 80px 0;
	background-color: #ededed;
}

.about_c ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
}

.about_c ul li {
	width: calc(50% - 30px);
	margin-right: 60px;
	float: left;
}

.about_c ul li:nth-child(2) {
	margin-right: 0;
	width: calc(50% - 30px);
	overflow: hidden;
}

.about_c ul li h1 {
	margin-bottom: 30px;
}

.about_c ul li p {
	margin-bottom: 40px;
}

.zc_icon {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-bottom: 40px;
}

.zs_more {
	padding: 10px 20px;
	background: #1C4C9E;
	color: #fff !important;
}

.zs_more i {
	font-size: 16px;
	margin-left: 10px;
	color: #fff;
}

.zs_more:hover {
	background: #2058b8;
}

.zc_icon img {
	width: 60%;
}

.about_c ul li a {
	text-align: left;
}

.about_c ul li span {
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	padding: 10px;
	margin-right: 0px;
}

.about_c ul li span:nth-child(3) {
	background-color: #1D2088;
}

.about_c ul li span:nth-child(4) {
	background-color: #1D2088;
}

.about_c ul li span:nth-child(5) {
	background-color: #3E3A39;
}

.about_c ul li span:nth-child(6) {
	background-color: #B01D36;
}

.about_c ul li span:nth-child(7) {
	background-color: #0F593F;
}

.about_c .swiper {
	width: 100%;
	height: 100%;
	position: relative;
}

.about_c .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.about_c .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*about_d*/
.about_d {
	width: 100%;
	padding: 120px 0 90px 0;
	background-color: #eee;
	background-image: url(/html/Templates/cn/image/about_zr_bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right bottom;
}

.about_d ul:nth-child(1) {
	margin-bottom: 30px;
}

.about_d ul:nth-child(2) {
	margin-bottom: 30px;
}

.about_d ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
}

.about_d ul li {
	width: 60%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.about_d ul li h1 {
	margin-bottom: 30px;
}

.about_d ul li span {
	display: block;
	font-size: 14px;
	color: #1c4c9e;
	font-weight: bold;
}

/*about_e_title*/
/*.about_e_title{width:100%; padding:120px 0; background-image:url(/html/Templates/cn/image/cjsb.jpg); background-position:center; background-size:cover;}*/
.about_e_title {
	width: 100%;
	padding: 50px 0;
}

.about_e_title ul:nth-child(1) {
	margin-bottom: 30px;
}

.about_e_title ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
}

.about_e_title ul li {
	width: 100%;
}

.about_e_title ul h1 {
	color: #000;
}

.about_e_title ul li span {
	display: block;
	margin-top: 30px;
	font-size: 30px;
	line-height: 30px;
}

/*about_e*/
.about_e {
	width: 100%;
	padding: 120px 0;
	padding-top: 0;
}

.about_e ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
}

.about_e ul li {
	width: calc(33.33% - 24px);
	margin-right: 36px;
	float: left;
}

.about_e ul li:nth-child(3n+3) {
	margin-right: 0;
}

.about_e ul li img {
	width: 100%;
	margin-bottom: 6px;
}

.yfzxBox {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}

.yfzxBox .fwly_title {
	justify-content: flex-start;
}

.yfzx {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	padding: 10px;
}

.yfzx li {
	width: calc(20% - 16px);
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	padding: 15px;
	box-shadow: #e8e8e8 0px 0px 10px;
	float: left;
}

.yfzx li:nth-child(5n) {
	margin-right: 0;
}

.yfzx li img {
	width: 100%;
}

.rztx {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	padding: 10px;
	float: left;
}

.rztx li {
	width: calc(25% - 50px);
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	padding: 15px;
	box-shadow: #e8e8e8 0px 0px 10px;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.rztx li:nth-child(4n) {
	margin-right: 0;
}

.rztx li img {
	width: 100%;
}

.rztx li p {
	width: 100%;
	margin-top: 15px;
	text-align: center;
}


/* sustainable */
.sus_aBox {
	padding-bottom: 50px;
}

.sus_a {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	box-shadow: 10px 10px 20px #6e6e6e;
	background: #fff;
	min-height: 200px;
	margin-top: -5vw;
	padding: 2vw;
	box-sizing: border-box;
}

.sus_a .title {
	text-align: center;
	width: 100%;
	font-size: 30px;
	color: #333;
	position: relative;
	line-height: 50px;
	padding-bottom: 15px;
}

.sus_a .title::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 2px;
	background-color: #333;
	left: 50%;
	margin-left: -50px;
}

.sus_a .tips {
	text-align: center;
	width: 100%;
	font-size: 13px;
	color: #333;
	margin-top: 20px;
}

.sus_a ul {
	width: 80%;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 10%;
}

.sus_a ul li {
	width: calc(33.3% - 16px);
	margin-right: 20px;
	overflow: hidden;
	padding: 20px 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.sus_a ul li:nth-child(3n) {
	margin-right: 0;
}

.sus_a ul li:nth-child(4),
.sus_a ul li:nth-child(5),
.sus_a ul li:nth-child(6) {
	border-top: none;
}

.sus_a ul li img {
	height: 80%;
}

.sus_a ul li p:nth-child(1) {
	color: #1C4C9E;
	font-size: 40px;
	height: 50px;
}

.sus_a ul li p:nth-child(2) {
	color: #333;
}

.sus_a_img {
	width: 100%;
	margin: 50px 0;
	overflow: hidden;
}

.sus_a_img img {
	width: 100%;
}

.sus_a_word {
	width: 100%;
	overflow: hidden;
	color: #333;
}

.sus_a_word p {
	width: 100%;
	margin-bottom: 12px;
}

.sus_a_word p span {
	color: #1C4C9E;
}

.sus_bBox {
	width: 100%;
	background: #fff;
	padding: 50px 0;
	overflow: hidden;
}

.sus_b {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
}

.sus_b .left {
	width: 400px;
	overflow: hidden;
}

.sus_b .left .title {
	font-size: 30px;
	color: #333;
	line-height: 1.3;
}

.sus_b_word {
	margin-top: 50px;
	overflow: hidden;
}

.sus_b_word p {
	margin-bottom: 12px;
}

.sus_b_name {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.sus_b_name img {
	height: 60px;
}

.sus_b_zc {
	border-left: 1px solid #333;
	padding-left: 12px;
	font-size: 12px;
}

.sus_b_zc p {
	line-height: 1.2;
	text-transform: uppercase;
}

.sus_b .right {
	width: calc(100% - 500px);
	position: relative;
}

.right_word {
	position: absolute;
	color: #fff;
	top: 50px;
	right: 30px;
	width: 60%;
	font-size: 12px;
}

.right_word .top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.right_word .top .wordBox {
	width: Calc(50% - 20px);
	overflow: hidden;
}

.right_word .top .wordBox p {
	font-size: 20px;
	margin-bottom: 12px;
}

.right_word .btm {
	width: 100%;
	margin-top: 30px;
}

.right_word .btm .wordBox {
	width: 100%;
	overflow: hidden;
}

.right_word .btm .wordBox p {
	font-size: 20px;
	margin-bottom: 12px;
}

.sus_cBox {
	width: 100%;
	background: #fff;
	min-height: 200px;
	position: relative;
}

/* .sus_cBox::before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index: 1;} */
.sus_c {
	padding: 100px 0;
	position: relative;
	z-index: 2;
}

.sus_c .title {
	font-size: 30px;
	line-height: 1.3;
	color: #333;
	text-align: center;
}

.sus_c .wordBox {
	color: #333;
	margin-top: 50px;
}

.sus_c .wordBox .title {
	font-size: 16px;
	text-align: left;
}

.sus_c .wordBox ul {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.sus_c .wordBox ul li {
	width: 48%;
	overflow: hidden;
}

.sus_c .wordBox p {
	margin-bottom: 6px;
	font-size: 12px;
	line-height: 1.5;
}

.sus_c .wordBox div p:nth-child(1) {
	font-weight: bold;
	font-size: 16px;
}

.sus_c .wordBox div {
	margin-top: 30px;
}

.sus_c_btm {
	width: 100%;
	margin-top: 50px;
}

.sus_d {
	padding: 100px 0;
}

.sus_d .title {
	font-size: 30px;
	line-height: 1.3;
	color: #333;
	text-align: center;
}

.sus_d .sus_d_ul1 {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	padding: 10px;
	box-sizing: border-box;
}

.sus_d .sus_d_ul1 li {
	width: calc(33.3% - 16px);
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	color: #333;
	overflow: hidden;
	float: left;
	background: #fff;
	padding: 50px;
	box-sizing: border-box;
	height: 280px;
	font-size: 13px;
	box-shadow: #c4c4c4 0px 0px 10px;
}

.sus_d .sus_d_ul1 li:nth-child(3n) {
	margin-right: 0px;
}

.sus_d .sus_d_ul1 li p:nth-child(1) {
	color: #1C4C9E;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: bold;
}

.sus_d .sus_d_ul1 li img {
	position: absolute;
	bottom: -10px;
	right: -10px;
	opacity: .1;
}

.sus_d .sus_d_ul1 li:hover img {
	opacity: .4;
}

.sus_d_mid {
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
}

.sus_d_mid .img {
	width: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 0 10px;
}

.sus_d_mid .top {
	width: calc(100% - 20px);
	overflow: hidden;
	color: #333;
	font-size: 13px;
	padding: 0 10px;
}

.sus_d_mid .top p:nth-child(1) {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

.sus_d_ul2 {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	padding: 10px;
	box-sizing: border-box;
}

.sus_d_ul2 li {
	width: calc(33.3% - 24px);
	margin-right: 30px;
	overflow: hidden;
	font-size: 13px;
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
	color: #333;
	box-shadow: #c4c4c4 0px 0px 10px;
	float: left;
	height: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.sus_d_ul2 li .wordBox p {
	margin-bottom: 12px;
}

.sus_d_ul2 li:last-child {
	margin-right: 0px;
}

.sus_d_ul2 li .wordBox p:nth-child(1) {
	font-size: 16px;
	color: #1C4C9E;
	margin-bottom: 12px;
	font-weight: bold;
}

.sus_d_ul2 li .imgBox {
	margin-top: 20px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.sus_d_ul2 li .imgBox a {
	width: calc(33.3% - 16px);
	margin-right: 20px;
}

.sus_d_ul2 li .imgBox a:last-child {
	margin-right: 0;
}

.sus_d_btm {
	width: calc(100% - 30px);
	margin-top: 30px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	box-sizing: border-box;
	margin-left: 10px;
}

.sus_d_btm .left {
	width: 48%;
	overflow: hidden;
}

.sus_d_btm .right {
	width: 46%;
	overflow: hidden;
	margin-right: 2%;
}

.sus_d_btm .right .word {
	padding: 15px 0;
	width: 100%;
	overflow: hidden;
	color: #333;
	line-height: 1.5;
	font-size: 13px;
}

.sus_d_btm .right .word p {
	margin-bottom: 10px;
}

.sus_d_btm .right .word p:nth-child(1) {
	font-size: 16px;
	font-weight: bold;
}

.sus_eBox {
	width: 100%;
	overflow: hidden;
	padding-top: 100px;
}

.sus_eBox .title {
	font-size: 30px;
	line-height: 1.3;
	color: #333;
	text-align: center;
}

.sus_eBox .tips {
	color: #333;
	margin-top: 30px;
	margin-bottom: 20px;
}

.sus_eBox2 {
	width: 100%;
	overflow: hidden;
	padding-bottom: 100px;
}

.sus_e {
	margin-top: 50px;
	overflow: hidden;
	color: #333;
}

.sus_e .wordBox {
	margin-bottom: 100px;
	width: 100%;
	overflow: hidden;
	font-size: 13px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.sus_e .wordBox p {
	width: 100%;
}

.sus_e .wordBox p:nth-child(1) {
	color: #1C4C9E;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.sus_e .wordBox img {
	width: 70%;
	margin-top: 20px;
}

.sus_e_btm {
	width: 100%;
	margin-top: 50px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}

.sus_e_btm .left {
	width: 48%;
	overflow: hidden;
}

.sus_e_btm .right {
	width: 46%;
	overflow: hidden;
	margin-right: 2%;
}

.sus_e_btm .right p {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	color: #333;
	line-height: 1.5;
	font-size: 13px;
}

.sus_e_btm .right p:nth-child(1) {
	font-size: 20px;
	font-weight: bold;
	color: #1C4C9E;
}

.sus_b {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
}

.sus_fBox {
	width: 100%;
	padding: 100px 0;
	background: #fff;
}

.sus_f {
	color: #333;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}

.sus_f .left {
	width: 400px;
	overflow: hidden;
}

.sus_f .left .title {
	font-size: 30px;
	color: #333;
	line-height: 1.3;
}

.sus_f_word {
	margin-top: 50px;
	overflow: hidden;
}

.sus_f_word p {
	margin-bottom: 12px;
}

.sus_f .right {
	width: calc(100% - 500px);
	position: relative;
}

.sus_f .right .rightBox {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.sus_f_w {
	position: absolute;
	bottom: 50px;
	left: -278px;
	font-size: 150px;
	-webkit-text-stroke: 2px #1C4C9E;
	font-weight: bold;
	color: transparent;
	line-height: 1;
	z-index: 1;
}

.sus_f_w2 {
	position: absolute;
	bottom: 50px;
	left: -41px;
	font-size: 150px;
	-webkit-text-stroke: 2px #fff;
	font-weight: bold;
	color: transparent;
	line-height: 1;
	z-index: 3;
}

.sus_fBox .right_word .btm {
	width: 100%;
	margin-top: 30px;
}

.sus_fBox .right_word .btm .wordBox {
	width: 100%;
	overflow: hidden;
}

.sus_fBox .right_word .btm .wordBox p {
	font-size: 20px;
	margin-bottom: 12px;
}

.sus_menuBox {
	width: 100%;
	overflow: hidden;
	padding: 100px 0;
	background-image: url(/html/Templates/cn/image/sus_menu.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}

.sus_menuBox::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.sus_menu {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.sus_menu a {
	width: calc(25% - 23px);
	margin-right: 30px;
	color: #1C4C9E;
	background: rgba(255, 255, 255, 0.8);
	float: left;
	display: inline-block;
}

.sus_menu a:last-child {
	margin-right: 0;
}

.sus_menu a li {
	text-align: center;
	padding: 40px 0;
	font-size: 18px;
}

.sus_menu a li p:nth-child(2) {
	margin: 20px 0;
	font-size: 24px;
	line-height: 1.5;
}

.sus_menu a li i {
	font-size: 45px;
	margin-bottom: 12px;
}

.sus_menu a:hover {
	background: rgba(255, 255, 255, 1);
}

.sus_menuBox .title {
	color: #fff;
	text-align: center;
	font-size: 30px;
	position: relative;
	z-index: 2;
	line-height: 1.5;
	margin-bottom: 30px;
}



/*contact_c*/
.contact_c {
	width: 100%;
	padding: 120px 0;
}

.contact_c ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
}

.contact_c ul ol {
	width: 47%;
	float: left;
	margin-right: 6%;
	height: 500px;
}

.contact_c ul ol:nth-child(2) {
	margin-right: 0;
}

.contact_c ul ol li:nth-child(1) {
	border-top: 1px solid #eee;
}

.contact_c ul ol li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #eee;
	padding: 30px 0;
}

.contact_c ul ol li dl {
	float: left;
}

.contact_c ul ol li dl:nth-child(1) {
	margin-right: 15px;
	font-size: 24px;
	color: #ccc;
}

.contact_c ul ol span {
	font-size: 16px;
	color: #000;
}

.contact_c ul ol font {
	font-family: 'Gotham';
}

.contact_c h3 {
	margin-bottom: 10px;
	color: #000;
}

/*contact_c end*/
/*news_a*/
/*news_menu*/
.news_menu {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 110px;
}

.news_menu_a:link {
	padding: 10px 30px;
	background-color: #1c4c9e;
	color: #fff;
	margin: 0 1px;
}

.news_menu_a:visited {
	color: #fff;
}

.news_menu_a:hover {
	color: #fff;
}

.news_menu_a:active {
	color: #fff;
}

.news_menu_a_a {
	padding: 10px 30px;
	background-color: #f5f5f5;
	margin: 0 1px;
}

.news_a {
	width: 100%;
	padding: 120px 0 80px 0;
}

.news_a ul {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
}

.news_a ul li {
	width: calc(33.33% - 36px);
	float: left;
	margin-right: 54px;
	margin-bottom: 40px;
	font-size: 15px;
	color: #000;
	line-height: 20px;
	text-align: left;
}

.news_a ul li:nth-child(3n+3) {
	margin-right: 0;
}

.news_a ul li span {
	font-size: 11px;
	color: #aaa;
}

figurega {
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
	overflow: hidden;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}

figurega img {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/***** Jazz *****/
figurega.effect-jazz {
	background: #ffffff;
}

figurega.effect-jazz figcaption::after,
figurega.effect-jazz img {
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

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

figurega.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

/*pro_x*/
.pro_x {
	width: 100%;
	background-color: #f5f5f5;
	padding: 20px 0;
}

.pro_x ul:nth-child(1) {
	padding-bottom: 40px;
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
}

.pro_x ul {
	width: calc(66% - 300px);
	min-width: calc(1200px - 300px);
	background-color: #fff;
	margin: 0 auto;
	padding: 50px 150px;
	color: #333;
}

.pro_x ul li img {
	margin: 0 auto 10px auto;
}

.ljtz {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ljtz a {
	padding: 15px;
	background: #1C4C9E;
	color: #fff !important;
}

.ljtz a i {
	font-size: 16px;
	margin-left: 10px;
	color: #fff;
}

.ljtz a:hover {
	background: #2058b8;
}

#pro {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0px 0 40px 0;
	overflow: hidden;
	position: relative;
}

#content {
	width: 100%;
	float: right;
	overflow: hidden;
	margin-top: 60px;
}

#leftmenu {
	width: 1199px;
	float: left;
	border-top: 1px solid #eee;
	background-color: #fff;
	position: absolute;
	z-index: 998;
	border-bottom: 1px solid #eee;
}
#leftmenu.proMenu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0px;
	align-items: stretch;
	border-right: 1px solid #dedede;
	border-top:none;
	position: relative;
    margin: 0 auto;
    float: none;
	margin-top: 60px;
}

#leftmenu.proMenu dl {
	padding: 20px 0;
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
}



#portamento_container {
	float: left;
	position: relative;
}

#portamento_container #leftmenu {
	float: none;
	position: absolute;
}

#portamento_container #leftmenu.fixed {
	position: fixed;
}

#leftmenu dl {
	padding: 20px 0;
	width: 16.6%;
	float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.casetopmenu dl {
	padding: 20px 0;
	width: 20% !important;
	float: left;
}

#leftmenu dl span {
	font-size: 38px;
	line-height: 38px;
	float: left;
	margin-right: 10px;
}

.app_left {
	line-height: 20px;
	overflow: hidden;
}

.app_left:hover {
	cursor: pointer;
	color: #004ea2;
}

.leftmenu2 .app_left:hover {
	cursor: pointer;
	color: #004ea2;
}

.app_lefta {
	cursor: pointer;
	border-bottom: 1px solid #000;
	color: #000;
	line-height: 16px;
	overflow: hidden;
}

.proMenu  .app_lefta{
	cursor: pointer;
    border-bottom: 1px solid #000;
    color: #fff;
    line-height: 16px;
    overflow: hidden;
    background: #004EA2;
}

.leftmenu2 .app_lefta {
	cursor: pointer;
	border-bottom: 1px solid #004ea2;
	color: #004ea2;
	line-height: 16px;
	overflow: hidden;
}

#leftmenu dl dd {
	line-height: 38px;
	float: left;
}

.caseTitle {
	text-align: center;
	font-size: 22px;
	margin-bottom: 50px;
}

.case_a {
	color: #004ea2 !important;
	text-decoration: none;
	background-image: linear-gradient(to right, #004ea2, #004ea2);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 30% 4px;
	display: inline-block;
}

.caseTitle a {
	padding: 0 20px;
	line-height: 50px;
}

.leftmenu2 {
	left: 50%;
	margin-left: -680px;
	margin-top: 80px;
	width: 1280px !important;
}

.leftMenu3 {
	background: none !important;
	position: relative !important;
}

.leftMenu3 dl {
	width: 33.33% !important;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.leftMenu3 dl dd {
	font-size: 20px;
}

.leftMenu3 dl span {
	font-size: 20px !important;
}

.vc_a {
	width: 100%;
	text-align: left;
	padding: 0 0 60px 0;
	overflow: hidden;
}

.vc_a h4 {
	text-decoration: none;
	background-image: linear-gradient(to right, #1c4c9e, #1c4c9e);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 50% 4px;
	padding-bottom: 20px;
}

.vc_b {
	width: 100%;
	padding: 0 0 180px 0;
	overflow: hidden;
}

.vc_b ul {
	float: left;
}

.vc_b ul:nth-child(1) {
	width: 220px;
	margin-right: 40px;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	background: url(/html/Templates/cn/image/black_line.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}

.vc_b ul:nth-child(2) {
	width: calc(100% - 260px);
	box-sizing: border-box;
	position: relative;
	padding-top: 50px;
}

.vc_b ul:nth-child(3) {
	display: none;
}

.vc_b ul li {
	position: absolute;
	left: 0;
	border-bottom: 1px solid #cecece;
}

.vc_b ul img {
	float: right;
	width: 60%;
}

.vc_yg {
	width: 940px !important;
}

.vc_c {
	width: 100%;
	padding: 20px 0 60px 0;
	overflow: hidden;
}

.vc_c ul {
	float: left;
}

.vc_c ul:nth-child(1) {
	width: 220px;
	margin-right: 40px;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	background: url(/html/Templates/cn/image/black_line.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}

/*.vc_c ul:nth-child(2){width:calc(100% - 260px);}*/
/*.vc_c ul li{width:calc(20% - 18px); margin-right:20px; float:left; text-align:center; margin-bottom:20px; font-size:12px;}*/
.vc_c ul li {
	width: calc(10% - 18px);
	margin-right: 20px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	font-size: 12px;
}

.vc_c ul li:nth-child(10) {
	margin-right: 0;
}

.vc_c ul li img {
	width: 100%;
	background: #ccc;
	border-radius: 5px;
}

.vc_c ul li p {
	text-align: center;
}

.vc_c ul span {
	display: block;
	width: 100%;
	background-color: #ccc;
	color: #fff;
	font-size: 50px;
	line-height: 76px;
	margin-bottom: 5px;
	border-radius: 5px;
	height: 76px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vc_c ul span img {
	width: 80%
}

.vc_c ul font {
	display: block;
	width: 100%;
	background-color: #9FA0A0;
	font-size: 65px;
	line-height: 65px;
	padding: 35px 0;
	margin-bottom: 5px;
}

.vc_c ul font img {
	margin: 0 auto;
	height: 65px;
}

.vc_c_r {
	width: calc(100% - 260px);
	overflow: hidden;
	float: left;
}

.vc_c_r ul {
	box-sizing: border-box;
	width: 100%;
	margin-top: 30px;
}

.vc_jzj li:nth-child(1) {
	width: calc(100% - 570px);
	bottom: 200px;
}

.vc_jzj li:nth-child(2) {
	width: calc(100% - 570px);
	bottom: 155px;
}

.vc_jzj li:nth-child(3) {
	width: calc(100% - 570px);
	bottom: 110px;
}

.vc_yktlb img {
	width: 70% !important;
}

.vc_yktlb li:nth-child(1) {
	width: calc(100% - 395px);
	bottom: 330px;
}

.vc_yktlb li:nth-child(2) {
	width: calc(100% - 420px);
	bottom: 290px;
}

.vc_yktlb li:nth-child(3) {
	width: calc(100% - 465px);
	bottom: 250px;
}

.vc_yktlb li:nth-child(4) {
	width: calc(100% - 530px);
	bottom: 190px;
}

.vc_yktlb li:nth-child(5) {
	width: calc(100% - 665px);
	bottom: 100px;
}

.vc_yktlb li:nth-child(6) {
	width: calc(100% - 283px);
	bottom: -5px;
	border-right: 1px solid #cecece;
	padding-top: 5px;
	z-index: 2;
}

.vc_yktlb li:nth-child(7) {
	width: calc(100% - 218px);
	bottom: -40px;
	border-right: 1px solid #cecece;
	padding-top: 50px;
}

.vc_yktlb li span {
	display: inline-block;
	height: 10px;
	width: 30px;
	margin-right: 10px;
}

.vc_yktlb li:nth-child(1) span {
	background: #C9CACA;
}

.vc_yktlb li:nth-child(2) span {
	background: #4A7B99;
}

.vc_yktlb li:nth-child(3) span {
	background: #004EA2;
}

.vc_yktlb li:nth-child(4) span {
	background: #578E35;
}

.vc_yktlb li:nth-child(5) span {
	background: #B6BCC2;
}

.vc_yktlb li:nth-child(6) span {
	background: #558E36;
}

.vc_yktlb li:nth-child(7) span {
	background: #D59F25;
}

.vc_dyj li:nth-child(1) {
	width: calc(100% - 318px);
	bottom: 100px;
}

.vc_dyj li:nth-child(2) {
	width: calc(100% - 280px);
	bottom: 50px;
}

.vc_dyj li:nth-child(3) {
	width: calc(100% - 230px);
	bottom: 0px;
}

.vc_pro_a {
	padding-top: 130px !important;
}

.vc_pro_a li:nth-child(1) {
	bottom: 190px;
	border-bottom: none;
	width: calc(100% - 270px);
}

.vc_pro_a li:nth-child(2) {
	bottom: 5px;
	border-bottom: none;
	width: calc(100% - 700px);
	left: 220px;
}

.vc_pro_a li:nth-child(3) {
	bottom: -145px;
	border-bottom: none;
	width: calc(100% - 820px);
	left: 400px;
}

.vc_topName {
	overflow: hidden;
	width: 100%;
}

.vc_pro_a li:nth-child(1) .vc_btmCs {
	border-top: 1px solid #cecece;
	width: 100%;
	height: 100px;
	border-right: 1px solid #cecece;
	padding-top: 5px;
}

.vc_pro_a li:nth-child(1) .vc_btmCs dl {
	width: 350px;
	overflow: hidden;
	margin: 5px 0 10px 0;
}

.vc_pro_a li:nth-child(1) .vc_btmCs dl dd {
	width: 25%;
	float: left;
	height: 24px;
}

.vc_btmCs p {
	color: #333;
}

.vc_pro_a li:nth-child(2) .vc_btmCs {
	border-top: 1px solid #cecece;
	width: 100%;
	padding-top: 5px;
}

.vc_pro_a li:nth-child(3) .vc_btmCs {
	border-top: 1px solid #cecece;
	width: 100%;
	padding-top: 5px;
}


.vc_pro_b li:nth-child(2) {
	bottom: -15px;
	border-bottom: none;
}

.vc_pro_b li:nth-child(2) .vc_btmCs {
	border-top: 1px solid #cecece;
	width: 100%;
	padding-top: 5px;
}

.vc_pro_b li:nth-child(3) {
	bottom: 10px;
	border-bottom: 1px solid #cecece;
	width: 310px;
	left: 150px;
}

.vc_pro_c li:nth-child(1) {
	bottom: 240px;
}

.vc_pro_c li:nth-child(2) {
	bottom: 200px;
}

.vc_pro_c li:nth-child(3) {
	bottom: -15px;
	border-bottom: none;
}

.vc_pro_c li:nth-child(3) .vc_btmCs {
	border-top: 1px solid #cecece;
	width: 100%;
	padding-top: 5px;
}

.vc_pro_c li:nth-child(4) {
	bottom: 10px;
	border-bottom: 1px solid #cecece;
	width: 310px;
	left: 150px;
}

.ccj_xc {
	bottom: -65px !important;
	width: calc(100% - 700px) !important;
	left: 220px !important;
}

.ccj_bc {
	bottom: 5px !important;
}

.fhbz {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.fhbz img {
	width: calc(50% - 10px);
}

.dasBox {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.yjy_left {
	width: calc(50% - 80px);
	float: left;
	overflow: hidden;
	background: rgba(208, 208, 208, 0.2);
	padding: 40px;
}

.yjy_left p:nth-child(1) {
	font-size: 25px;
	line-height: 32px;
	color: #111111;
	text-align: center;
	text-indent: 0em !important;
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 10px;
}

.yjy_left p:nth-child(1) b {
	color: #1C4C9E;
}

.yjy_left p {
	text-indent: 2em;
}

.yjy_right {
	width: calc(50% - 40px);
	float: right;
	overflow: hidden;
}

.yjyBox {
	width: calc(50% - 6px);
	margin-right: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	float: left;
	margin-bottom: 20px;
}

.yjyBox img {
	width: 100%;
	margin-bottom: 8px;
}

.yjy_right .yjyBox:nth-child(2n) {
	margin-right: 0;
}

.yjy_right .yjyBox:nth-child(5) {
	width: 100%;
}

.dasPic {
	width: calc(50% - 6px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	float: left;
}

.dasPic:nth-child(1) {
	margin-right: 12px;
}

.dasPic img {
	width: 100%;
	margin-bottom: 8px;
}

.dasPic p {
	text-align: center;
}

.otherLi {
	bottom: -110px;
	border-bottom: none !important;
	width: 300px;
	left: 500px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.otherLi .lix {
	height: 100px;
	width: 2px;
	border-right: 1px solid #959595;
	margin-bottom: 20px;
}

.xBox {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.x {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 33.3%;
}

.x div {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.x div img {
	width: 100% !important;
}

.vc_e {
	width: 100%;
	padding: 0 0 60px 0;
	overflow: hidden;
}

.vc_e ul {
	float: left;
}

.vc_e ul:nth-child(1) {
	width: 220px;
	margin-right: 40px;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	background: url(/html/Templates/cn/image/black_line.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}

.vc_e ul:nth-child(2) {
	width: calc(100% - 260px);
	box-sizing: border-box;
	position: relative;
	padding-top: 50px;
}

.vc_e ul:nth-child(2) img {
	width: 100%;
}

.vc_cs {
	width: 100%;
	padding: 0 0 80px 0;
	overflow: hidden;
}

.vc_cs ul {
	float: left;
}

.vc_cs ul:nth-child(1) {
	width: 220px;
	margin-right: 40px;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	background: url(/html/Templates/cn/image/black_line.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}

.vc_cs ul:nth-child(2) {
	width: calc(100% - 260px);
	box-sizing: border-box;
	position: relative;
}

.vc_d {
	width: 100%;
	padding: 0 0 60px 0;
	overflow: hidden;
}

.vc_d ul {
	float: left;
}

.vc_d ul:nth-child(1) {
	width: 220px;
	margin-right: 40px;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	background: url(/html/Templates/cn/image/black_line.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}

.vc_c_r {
	width: calc(100% - 260px);
	overflow: hidden;
	float: left;
	font-size: 13px;
}

.vc_c_r ul {
	box-sizing: border-box;
	width: 100%;
	margin-top: 30px;
}

.vc_xl {
	width: 100%;
	padding: 0 0 80px 0;
	overflow: hidden;
}

.vc_xl ul {
	float: left;
}

.vc_xl ul:nth-child(1) {
	width: 220px;
	margin-right: 40px;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	background: url(/html/Templates/cn/image/black_line.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}

.vc_xl ul:nth-child(2) {
	width: calc(100% - 260px);
	box-sizing: border-box;
	position: relative;
}

.vc_xl ul:nth-child(2) li {
	float: left;
	margin-right: 20px;
	width: calc(25% - 18px);
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	height: 162px;
	cursor: pointer;
}

.vc_xl ul:nth-child(2) li:nth-child(4n) {
	margin-right: 0;
}

.vc_xl ul:nth-child(2) li img {
	width: 100%;
	transition: all 0.9s;
}

.vc_xl ul:nth-child(2) li:hover img {
	transform: scale(1.1);
}

.vc_xl ul:nth-child(2) li p {
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -10px;
}

.xl_title {
	text-align: left;
	font-size: 22px;
	color: #000;
	margin-bottom: 50px;
	width: 940px;
	float: right;
}

.xl_1 {}

.xl_2 {
	display: none;
}

.xl_3 {
	display: none;
}

.xl_4 {
	display: none;
}

.xl_5 {
	display: none;
}

.xl_6 {
	display: none;
}

.xl_7 {
	display: none;
}

.xl_8 {
	display: none;
}


.title_table {
	border-bottom: 2px solid #555;
	font-size: 12px;
	margin-bottom: 5px;
}

.title_table td {
	padding: 6px 10px;
	color: #555;
}

.title_table_padding {
	border-bottom: 2px solid #555;
	border-top: 1px solid #eee;
	font-size: 12px;
	margin-top: 40px;
}

.title_table_padding td {
	padding: 6px 0;
	color: #555;
}

.content_table {
	border-bottom: 1px solid #eee;
	font-size: 12px;
	margin-bottom: 5px;
}

.content_table td {
	padding: 6px 10px;
}

.vc_c_r .swiper {
	width: 100%;
	height: 100%;
}

.vc_c_r .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.vc_c_r .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*technology*/
.techMenu {
	display: flex;
	justify-content: center;
	align-items: center;
}

.techMenu dl {
	/* padding: 20px 32px !important;
	width: auto !important; */
}

.techMenu dl span {
	font-size: 20px !important;
}

.tech_a {
	padding: 150px 0;
	width: 100%;
}

.tech_b {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_c {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_d {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_e {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_f {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_g {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_h {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_i {
	padding: 150px 0;
	width: 100%;
	display: none;
}

.tech_h dl {
	border-top: none;
}

.tech_h dl:nth-child(1) {
	border-top: 2px solid #000;
}

.pro_cnBox {
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
	display: flex;
	align-items: center;
	position: relative;
}

.pro_cn {
	width: 50%;
	float: left;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.pro_cn img {
	width: 100%;
}

.pro_cnWord {
	background: rgba(208, 208, 208, 0.2);
	width: calc(50% - 120px);
	position: absolute;
	right: 0px;
	padding: 40px 50px 40px 120px;
	color: #333;
}

.pro_cnWord p:nth-child(1) {
	font-size: 25px;
	line-height: 32px;
}

.pro_cnWord p:nth-child(2) span {
	width: 55px;
	height: 2px;
	background: #bab8b7;
	margin: 15px 0 10px 0;
	display: inline-block;
}

.videoBox {
	width: 100%;
	overflow: hidden;
}

.videoBox video {
	width: 100%;
}

.videoBox p {
	width: 100%;
	font-size: 25px;
	color: #000;
	margin-bottom: 30px;
}


.downLoadBox {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #999;
	background: #f8f8f8;
	border-top: 2px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.downLoadBox dd:nth-child(1) {
	width: 85%;
	padding: 0 10px;
}

.downLoadBox dd:nth-child(2) {
	width: 15%;
	border-left: 1px solid #ccc;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
}

.downLoadBox dd:nth-child(2) a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.downLoadBox dd:nth-child(2) a i {
	margin-right: 10px;
}

/*bottom*/
.bottom {
	width: 100%;
	padding: 50px 0 0 0;
	border-top: 1px solid #eee;
	background: #F5F5F5;
	overflow: hidden;
}

.bottom ul {
	width: 1200px;
	margin: 0 auto;
	color: #8d8d8d;
	overflow: hidden;
}

.bottom ul:nth-child(1) {
	margin-bottom: 50px;
}

.bottom ul:nth-child(2) {
	border-top: 1px solid #eee;
	font-size: 12px;
	padding: 10px 0;
	line-height: 20px;
	width: 100%;
	background-color: #000;
	color: #fff;
}

.bottom_bottomBox {
	width: 1200px;
	margin: 0 auto;
}

.pro_cnWord p b {
	margin-top: 10px;
	display: inline-block;
}

.bottom ul li {
	float: left;
	text-align: left;
	margin-right: 70px;
	color: #8d8d8d;
}

.bottom ul li a {
	color: #8d8d8d;
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
}

.bottom ul li:last-child {
	float: right;
	text-align: left;
	margin-right: 0;
}

.bottom ul li:last-child img {
	width: 100px;
	margin: 15px 0 30px 0;
}

.bottom ul li:last-child p {
	line-height: 30px;
}

.bottom ul li:last-child p:nth-child(1) {
	color: #000;
	font-weight: bold;
}

.bottom ul li:last-child p:nth-child(2) {
	margin-top: -10px;
	color: #000;
}

.bottom ul li:last-child p:nth-child(3) {
	margin-top: 10px;
}

.bottom ul li div {
	font-size: 14px;
	margin-bottom: 5px;
	color: #8d8d8d;
}

.bottom ul dl {
	width: 50%;
	float: left;
}

.bottom ul dl:nth-child(2) {
	text-align: right;
	line-height: 30px;
}

.bottom ul dl span {
	font-size: 14px;
	color: #000;
}

.bottom ul dl img {
	display: inline;
	margin-right: 5px;
	height: 30px;
}

.bottom ul dd {
	width: 50%;
	float: left;
}

.bottom ul dd a {
	color: #c2c2c2;
}

.bottom ul dd:nth-child(1) {
	padding-top: 23px;
}

.bottom ul dd:nth-child(2) {
	text-align: right;
}

.bottom ul dd font {
	font-size: 24px;
	color: #bbb;
	margin-left: 3px;
}

.bottom ul:nth-child(2) dl:nth-child(1) {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bottom ul:nth-child(2) dl:nth-child(1) img {
	margin-right: 20px;
}

.cjjs {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.cjjs div {
	width: 80px;
	height: 80px;
	float: left;
	padding: 6px;
	margin-right: 8px;
	background: #B1B7BB;
	color: #fff;
	position: relative;
}

.cjjs div p:nth-child(1) {}

.cjjs div p:nth-child(2) {
	position: absolute;
	bottom: 0;
}

.cjjs div p {
	margin-bottom: 0 !important;
}

.cjjs div p span {
	font-size: 12px;
}

.cjjs div p b {
	font-size: 22px;
}

/*bottom*/
.pcShow {
	display: block;
}

.mobileShow {
	display: none;
}

.txl {
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	border-radius: 10px;
	background: #fff;
	width: calc(100% - 48px);
	padding: 12px 0;
	margin-left: 24px;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}

.txl:hover span {
	color: #000;
}

.txl img {
	width: 25px;
	margin-right: 10px;
}

.ci_tx {
	padding: 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ci_tx .tx {
	width: 120px;
	height: 120px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #ccc;
}

.ci_tx .tx img {
	width: 100%;
}

.ci_info {
	width: calc(100% - 48px);
	padding: 0 24px;
}

.ci_info li {
	width: 100%;
	border-bottom: 1px solid #bab8b7;
	padding: 8px 0;
}

.ci_info li p:nth-child(1) {
	font-size: 12px;
}

.ci_info li p:nth-child(2) {
	font-size: 15px;
	font-family: 'gilroyb';
	font-weight: bold;
	color: #000;
}




.contact_bBox {
	width: 100%;
	overflow: hidden;
	padding: 100px 0;
	background-image: url(/html/Templates/cn/image/contact_bg2.jpg);
	background-position: center;
	background-size: cover;
}

.contact_bBox_box {
	width: 66%;
	min-width: 1200px;
	margin: 0 auto;
}

.contact_bBox ul h1 {
	text-align: center;
}

.contact_b .title {
	font-size: 42px;
	color: #333333;
	line-height: 140%;
	text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.fkBox {
	width: 100%;
	margin: 30px 0;
	overflow: hidden;
}

.fkBox .fk {
	width: 48%;
	margin: 1%;
	background: #fff;
	position: relative;
	float: left;
	height: 60px;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px #dedede;
	box-sizing: border-box;
}

.fkBox .fk .fkIcon {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.fkBox .fk .fkIcon i {
	font-size: 25px;
	color: #1C4C9E;
}

.fkBox .fk input {
	width: calc(100% - 60px);
	height: 100%;
	border: none;
	font-size: 16px;
}

.fkBox textarea {
	width: 98%;
	height: 270px;
	padding: 25px;
	font-size: 14px;
	line-height: 25px;
	border: none;
	margin: 1%;
	font-size: 16px;
	box-shadow: 2px 2px 5px #dedede;
	resize: none;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif, "microsoft yahei", "PingFang SC";
}

.contact_tj {
	width: 200px;
	height: 44px;
	font-size: 16px;
	margin: 20px 1%;
	border: 2px solid #1C4C9E;
	border-radius: 25px;
	background: #1C4C9E;
	transition: all .3s;
	color: #fff;
	cursor: pointer;
	position: relative;
	left: 50%;
	margin-left: -100px;
}

.contact_tj i {
	margin-left: 20px;
}

.contact_tj:hover {
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}

.contact_b {
	position: relative;
}



/* vega */
.vega_a_a{
	padding:100px 0 50px;
	overflow: hidden;
}
.vega_img{
	width: 100%;
	margin-bottom: 30px;
}
.vega_word{
	color:#333;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.vega_word p{
	margin-bottom: 12px;
}
.vega_word ul{
	margin-bottom: 12px;;
}
.vega_word ul li{
	list-style: inside;
}
.vega_a_b{
	width: 100%;
	padding:100px 0;
	background: #e9e9e9;
}
.vega_a_b_ul{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
	width: 30%;
	margin-top:40px;
}
.vega_b_b_ul{
	grid-template-columns: repeat(5, 1fr);
}
.vega_a_b_ul li{
	display: flex;flex-direction: column;align-items: center;justify-content:flex-start;
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
}
.vega_a_b_ul li img{
	width: 40px;
	margin-bottom:12px;
}
.vega_flex{
	width: 100%;
	display:flex;justify-content:space-between;align-items:center;
}
.vega_a_tj{
	width: 100%;
	position: relative;
	margin-top:30px;
	display:flex;justify-content:center;align-items:center;
}
.vega_a_tj .box{
	width: 62%;
    position: relative;
}
.vega_a_tj img{
	width: 300px;
}
.tj_line{
	position: absolute;
    border-bottom: 1px solid #8d8d8d;
    height: 30px;
    line-height: 30px;
    width: 60%;
    text-align: right;
    font-size: 14px;
    left: 270px;
}
.tj_line::before{
	content:"";
	position: absolute;
	background: #8d8d8d;
	width: 5px;
	height: 5px;
	left:0;
	bottom:-2.5px;
	border-radius: 50%;
}
.tj_line.line1{
	top: 35px;
}
.tj_line.line2{
	top: 75px;
}
.tj_line.line3{
	top: 115px;
}
.tj_line.line4{
	top: 155px;
}
.tj_line.line5{
	top: 195px;
}
.tj_line.line6{
	top: 235px;
}
.tj_line.line7{
	top: 275px;
}
.tj_line.line8{
	top: 315px;
}
.tj_line.line9{
	top: 355px;
}
.vega_a_c{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
	align-items: stretch;
	padding: 80px 0;
}
.vega_a_c a{
	display: inline-block;
	width: 100%;
	height: 16vw;
	overflow: hidden;
	min-height: 220px;
}
.vega_a_c a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.9s;
}
.vega_a_c a:hover img{
	transform: scale(1.1);
}

.vega_a_d{
	width: 100%;
	padding:100px 0;
	background-image: url(/html/Templates/cn/image/vege_a_dBg.jpg);
	background-position: center;
	background-size: cover;
}
.vega_download{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 8px 25px;
	color:#fff !important;
	border:1px solid #fff;
	background: none;
	border-radius: 50px;
	transition: all 0.3s;
	font-weight: bold;
}
.vega_download:hover{
	background: #fff;
	color:#004EA2 !important;
}
.vega_a_tips{
	width: 100%;
	border:1px solid #ccc;
	border-radius: 20px;
	padding: 50px 40% 50px 50px;
	position: relative;
	color:#333;
	margin-bottom: 50px;
	font-size: 18px;
	margin-top:50px;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:center;
}
.vega_a_tips p:nth-child(1){
	font-size:22px;
	margin-bottom: 12px;
}
.vega_a_tips a{
	padding: 8px 25px;
	background:#004EA2;
	color:#fff;
	border:1px solid #004EA2;
	border-radius: 50px;
	margin-top: 30px;
	transition: all 0.3s;
}
.vega_a_tips a:hover{
	background:#fff;
	color:#004EA2;
}
.vega_a_tips img{
	position: absolute;
	right: 50px;
	height: 130%;
	top:-15%;
}
.vega_a_e{
	padding: 100px 0 0;
	/* overflow: hidden; */
}
.vega_a_e_cont{
	width: 100%;
	margin-bottom: 50px;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:center;
	border-bottom: 1px solid #ccc;
}
.vega_title{
	position: relative;
	padding-bottom: 20px;
	font-size:30px;
	line-height: 1.2;
	color:#333;
	margin-bottom: 30px;
}
.vega_title::after{
	content:"";
	position: absolute;
	width: 40px;
	height: 2px;
	background: #ccc;
	bottom: 0;
	left:0;
}
.vega_a_e_iconBox{
	display:flex;justify-content:flex-start;align-items:center;
	width: 100%;
	margin-bottom: 50px;
}
.vega_a_e_iconBox li{
	padding:12px;
	border:1px solid #ccc;
	border-radius:8px;
	position: relative;
	width: 150px;
	height: 130px;
	margin-right: 20px;
	color:#333;
	transition: all 0.3s;
}
.vega_a_e_iconBox li:hover{
	background: #004EA2;
	border:1px solid #004EA2;
	color:#fff;
}
.vega_a_e_iconBox li i{
	position: absolute;
	right:12px;
	bottom: 20px;
	font-size: 40px;
	transition: all 0.3s;
}
.colorClass{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 20px;
	align-items: stretch;
	width: 100%;
	padding-bottom: 30px;
    /* border-bottom: 1px solid #ccc; */
}
.colorClass li{
	width: 100%;
}
.colorClass li a{
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
	width: 100%;
}
.colorClass li a .img{
	overflow: hidden;
	height: 160px;
	width: 100%;
	border-radius: 20px;
	margin-bottom: 12px;
	box-shadow: 0px 10px 20px 0px rgb(47 54 69 / 20%);
}
.colorClass li a .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
}
.colorClass li p{
	color:#333;
	font-weight: bold;
}
.colorClass li a:hover img{
	transform: scale(1.1);
}

/* 加购功能 */
.colorClass_btm{
	width: 100%;
	display:flex;justify-content:space-between;align-items:center;
	padding:0 12px;
	margin-top:12px;
}
.colorClass_btm i{
	cursor: pointer;
	font-size: 30px;
}
.colorClass_btm i.on{
	color:#f62121;
}
#nav-wrap {
	width: 100%;
	background: #FFFFFF;
	margin-top: 40px;
	position: relative;
	display:flex;justify-content:center;align-items:center;
}

#nav {
	height: 60px;
	background: #004EA2;
	top: 0px;
	position: absolute;
	z-index: 1;
	display:flex;justify-content:space-between;align-items:center;
	padding: 0 30px;
}
#nav li:nth-child(1){
	color:#fff;
	font-size: 16px;
	display:flex;justify-content:flex-start;align-items:center;
}
#nav li:nth-child(1) i{
	color:#fff;
	font-weight: 500;
	font-size: 22px;
	margin-right:8px;
}
#nav li:nth-child(2){
	display:flex;justify-content:flex-end;align-items:center;
}

#nav button{
	padding: 0px 20px;
    background: #fff;
    margin-left: 20px;
    border-radius: 5px;
    cursor: pointer;
    height: 35px;
	display:flex;justify-content:center;align-items:center;
}
#nav button .gwc{
	font-size: 30px;
}
#nav button sup {
    vertical-align: text-top;
    margin: -13px 0 0 2px;
    font-size: 20px;
	color: #f62121;
}


.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
  }
  
  .white_content {
	display: none;
	position: fixed;
	top: 50%;
	left: 15%;
	width: 70%;
	height: 60%;
    margin-top: -20%;
	border: 16px solid #004EA2;
	background-color: white;
	z-index: 1002;
	overflow: auto;
	flex-direction: column;align-items: center;
  }
  .tcClose{
	text-align: right; cursor: default; height: 40px;
	width: 100%;
  }
  
  .tcClose span{
	font-size:40px;
	cursor: pointer;
	margin: 40px 20px 0;
    line-height: 1.5;
  }
  .tcClose span:hover{
	color:#004EA2;
  }
  .tcNr{
	width: 100%;
	/* height: calc(100% - 60px); */
	padding: 0vw 5vw 30px;
  }
  .tcNr h1{
	font-size: 30px;
    text-align: center;
    margin-bottom: 1vw;
    line-height: 1.2;
  }
  .tcNr .nrList{
	width: 100%;
	overflow: hidden;
  }
  .tcNr .nrList li{
	width: 100%;
	margin:12px;
	display: flex;flex-wrap: wrap;
	float: left;
	height: 40px;
	justify-content:center;align-items:center;
  }
  .tcNr .nrList li span{
	font-size: 16px;
	width: 160px;
	text-align: right;
    margin-right: 12px;
  }
  .tcNr .nrList li span sup{
	color:red;
  }
  .tcNr .nrList li input{
	width: calc(100% - 172px);
	border:none;
	background: #fff;
	height: 100%;
	border-bottom:1px solid #ccc;
  }
  .tcNr .nrList.first li{
	width: 100%;
	display:flex;justify-content:flex-start;align-items:flex-start;
	height: auto;
  }
  .tcNr .nrList.first li span{
	width: max-content;
	margin-right: 12px;
	min-width: 130px;
  }
  
  #selectedItems dl{
	display: flex;
    flex-wrap: wrap;
  }
  #selectedItems dl dd{
	margin-right: 6px;
	font-weight: bold;
	color:#f62121;
  }
  .nrList .maxWidth{
	width: 100% !important;
  }


  
  .tcNr form{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
  }
  
  .tcNr button{
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	text-align: center;
	margin-top: 50px;
	background-color: #004EA2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	border: none;
	width: 30%;
	cursor: pointer;
	font-family: 'Montserrat-L';
	font-weight: bold;
	text-transform: uppercase;
  }
  .tcNr button:hover {
	box-shadow: 0 2px 30px rgba(0,78,162, 0.28);
	font-weight: 700;
  }

/* ------------------------------------- */

.job .list {
	padding-bottom: 0.6rem;
  }
  
  .job .list li {
	position: relative;
	border-bottom: #d8d8d8 solid 1px;
  }
  
  .job .list li .msgDiv {
	height: 60px;
	position: relative;
	background: #fff;
  }
  
  .job .list li .msgDiv:after {
	content: '';
	position: absolute;
	right: 0.6vw;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -5px;
	background: url(/html/Templates/cn/image/jia.png) no-repeat;
	background-size: 100%;
  }
  
  .job .list li .msgDiv a {
	display: block;
	height: 60px;
	color: #666;
  }
  
  .job .list li .box {
	display: none;
	padding: 0 0 2vw;
  }
  
  .job .list li .msgDiv dd {
	height: 60px;
    float: left;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
  }
  
  .job .list li .msgDiv .dd01 {
	width: 5.8rem;
	text-align: left;
	text-indent: 0.6rem;
	font-size: 16px;
	color: #333;
	font-weight: bold;
  }
  
  .job .list li .msgDiv .dd02 {
	width: 3.4rem;
  }
  
  .job .list li .msgDiv .dd03 {
	width: 3.1rem;
  }
  
  /* .job .list li .msgDiv.aNow{ background: #eee;} */
  .job .list li .msgDiv.aNow:after {
	background: url(/html/Templates/cn/image/jian.png) no-repeat;
	background-size: 100%;
  }
  
  .job .list li .msgDiv.aNow .dd01 {
	color: #ED7600;
  }
  
  .job .list li h2 {
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 20px;
	color: #323333;
  }
  
  .job .list li .content {
	line-height: 30px;
	padding-bottom: 0.5rem;
	font-size: 14px;
  }
  
  .job .list li .formDiv {
	border-top: #d8d8d8 dashed 1px;
	padding-top: 0.5rem;
  }
  
  .job .list li .form {
	padding-top: 10px;
  }
  
  .job .list li .form dl {
	margin-right: -0.4rem;
  }
  
  .job .list li .form dd {
	float: left;
	width: 25%;
	padding-bottom: 0.3rem;
  }
  
  .job .list li .form dd .rbox {
	margin-right: 0.4rem;
	position: relative;
	border: #dfdfdf solid 1px;
	padding-left: 0.2rem;
	height: 0.48rem;
	line-height: 0.48rem;
	background: #fff;
  }
  
  .job .list li .form dd .input1 {
	width: 100%;
	height: 0.48rem;
	font-size: 14px;
	line-height: 0.48rem;
  }
  
  .job .list li .btnGroup dd {
	float: left;
	margin-right: 0.3rem;
  }
  
  .job .list li .btnGroup dd a {
	display: block;
	width: 120px;
	height: 45px;
	background: #ED7600;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
  }
  
  .job .list li .box table {
	border-collapse: collapse;
	border: 1px solid;
	table-layout: fixed;
	width: 100%;
  }
  
  .job .list li .box table td {
	border: 1px solid #fff;
	font-size: 14px;
    color: #333;
	padding: 12px 0;
  }
  
  .job .list li .box table th {
	background: #b2b2b2;
	border: 1px solid #fff;
	color:#333;
  }
  
  .job .list li .box table tr {
	background: #F5F5F5;
	height: 50px;
	text-align: center;
  }
  
  .job .list li .box table tr:nth-child(2n) {
	background: #E2E2E2;
  }
  
  .job .list li .box .tips {
	text-align: right;
	margin-top: 1vw;
	font-size: 12px;
	color: #949494;
  }

  .slidetop{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	transition: 1.2s cubic-bezier(0.26, 1, 0.48, 1);
  }
  
.vega_a_g{
	padding:80px 0;
	background: #E9EDF6;
	border-radius: 40px;
	position: relative;
	height: 350px;
	margin:50px auto;
	overflow: hidden;
}
.vega_a_g1{
	height: 80%;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -500px;
    top: 50%;
    margin-top: -128px;
}
.vega_a_g2{
	position: absolute;
	width: 70%;
	height: 100%;
	right:0;
	top:0;
}
.vega_a_g2 img{
	width: 100%;
	height:100%;
	object-fit: cover;
}



/* new_pro */
.build_a{
	padding:100px 0 60px;
}
.build_a_title{
	color:#333;
	font-size:32px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
	text-transform: uppercase;
	line-height: 1.5;
}
.build_a_cont{
	color:#333;
}
.build_a_cont p{
	margin-bottom: 12px;
}
.build_a_cont a{
	color:#004EA2;
	font-weight: bold;
  }
.build_a_img{
	display:flex;justify-content:center;align-items:center;
	width: 100%;
	margin-top:30px;
	height: 650px;
	overflow: hidden;
}
.build_a_img .swiper-container {
	width: 100%;
	height: 100%;
  }
.build_a_img .swiper-wrapper{
	/* 通过改变animation-timing-function 制作弹性切换效果 */
	/* transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; */
}
.build_a_img .swiper-slide {
	text-align: center;
	font-size: 18px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-position: center;
	background-size: cover;
}
.build_swiper_w{
	width: 80%;
	height: 70%;
	color:#fff;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:space-between;
}
.build_swiper_w>div{
	width: 100%;
	text-align: left;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.build_swiper_w>div:nth-child(1){
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
}
.build_swiper_w>div:nth-child(2){
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}
.build_swiper_w>div:nth-child(2) a{
	background: #fff;
	padding:12px 30px;
	border-radius: 50px;
	margin-top:10px;
	overflow: hidden;
	border:none;
	transition: all 0.5s;
}

.build_swiper_w>div:nth-child(2) a i{
	margin-left: 12px;
}

.build_swiper .swiper-button-prev{
	background-image: url(/html/Templates/cn/image/jt_l.png);
	height: 50px;
	width: 50px;
	background-size: contain;
}
.build_swiper .swiper-button-next{
	background-image: url(/html/Templates/cn/image/jt_r.png);
	height: 50px;
	width: 50px;
	background-size: contain;
}


.btn2{  border:1px solid #d0d0d0; position:relative; padding:10px 28px;}
.btn2:hover{ color:#fff;}
.btn2 .btnbg-x{ position:absolute; left:-1px; width:0; top:-1px; bottom:-1px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.btn2:hover .btnbg-x{ width:100%; width:calc(100% + 2px); background: #004EA2; }
.btn2 .btn-inner{  padding:0 12px; position:relative; z-index:1;transition: all 0.5s; }
.btn2 .btn-inner i{ position:absolute;  top:50%; margin-top:-0.75em; line-height:1.5; right:1em; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.btn2:hover .btn-inner i{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); right:0;}
/* .btn2 .btn-inner i:before{content: '>'; color:#fff; opacity: 1;} */
.btn2:hover .btn-inner i:before{opacity: 1;}
.btn2:hover .btn-inner{ padding:0 24px 0 0; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; }


.build_b{
	padding-bottom: 80px;
}
.build_b_w{
	font-size:16px;
	color:#333;
}
.build_b_iconBox{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0px 30px;
	align-items: stretch;
	margin-top:30px;
}
.build_b_iconBox li{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
	color:#333;
	font-size:16px;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:30px 0;
	font-weight: bold;
}
.build_b_iconBox li:nth-child(1),.build_b_iconBox li:nth-child(2),.build_b_iconBox li:nth-child(3){
	border-bottom:none;
}
.build_b_iconBox li img{
	width: 60px;
	margin-bottom: 12px;
}

.build_menu{
	display:flex;justify-content:center;align-items:center;
	margin-top:40px;
}
.build_menu li{
	width: 30%;
	margin:0 20px;
	height: 60px;
	text-align: center;
	background: #F5F5F5;
	border:1px solid #f5f5f5;
	color:#333;
	display:flex;justify-content:center;align-items:center;
	cursor: pointer;
	font-weight: bold;
}
.build_menu li.on{
	background: #004EA2;
	border:1px solid #004EA2;
	color:#fff;
}
.build_c_cont{
	padding-bottom: 80px;
	padding-top:50px;
}
.build_c_cont>li{
	display: flex;flex-direction: column;align-items: flex-start;justify-content:center;
	width: 100%;
	display: none;
}
.build_c_cont>li:nth-child(1){
	display: flex;
}
.build_c_w p{
	color:#333;
	margin-bottom: 12px;
}
.build_c_img{
	width: 100%;
	display:flex;justify-content:center;align-items:center;
}

.build1TcBox .box{
	width: 50%;
}
.build1_line{
	position: absolute;
    border-bottom: 1px solid #8d8d8d;
    height: 30px;
    line-height: 30px;
    width: 60%;
    text-align: right;
    font-size: 14px;
    left: 270px;
	color:#333;
	font-weight: bold;
}
.build1_line::before{
	content:"";
	position: absolute;
	background: #8d8d8d;
	width: 5px;
	height: 5px;
	left:0;
	bottom:-2.5px;
	border-radius: 50%;
}
.build1_line.line1{
	top: 35px;
}
.build1_line.line2{
	top: 76px;
}
.build1_line.line3{
	top: 107px;
}
.build1_line.line4{
	top: 137px;
}
.build1_line.line5{
	top: 183px;
	line-height: 1;
}
.build1_line.line6{
	top: 225px;
}
.build1_line.line7{
	top: 266px;
}
.build1_line.line8{
	top: 317px;
}
.build1_line.line9{
	top: 352px;
}
.build_c_img img{
	width: 70%;
}
.build_c_table{
	width: 100%;
}
.build_c_title{
	color: #333;
    font-size: 24px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
	margin-top:50px;
}
.table_tips{
	text-align: right;
	width: 100%;
	color:#333;
	margin-bottom: 5px;
}
.table_tips2{
	text-align: left;
	width: 100%;
	font-size:12px;
	color:#333;
}
.build_d{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 0px;
	align-items: stretch;
}
.build_d img{
	filter: grayscale(100%);
    opacity: .8;
	transition: all 0.3s;
}
.build_d img:hover{
	filter: grayscale(0); filter: alpha(opacity=100); opacity:1;
}

.build_e{
	padding: 80px 0;
}
.build_e_ul{
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
	width: 100%;
	margin-top:30px;
}
.build_e_ul li{
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
	width: 100%;
	margin-bottom: 12px;
	padding-left:20px;
	position: relative;
}
.build_e_ul li::before{
	content:"";
	position: absolute;
	width: 4px;
	height: 4px;
	background: #333;
	border-radius: 50%;
	top:11px;
	left:0;
}
.build_e_ul li h2{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 6px;
	color: #004EA2;
}

.colorCardBox{
	display: flex;flex-wrap: wrap;
	margin-top:40px;
	width: 100%;
}
.colorCardBox ul{
	width: 50%;
	float: left;
	display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.colorCardBox ul li{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0px;
	align-items: stretch;
}

.colorCard{
	position: relative;
	display:flex;justify-content:center;align-items:center;
}
.colorCard img{
	position: relative;
}
.colorCard::after{
	position: absolute;
	z-index: 1;
	content:"";
	background:rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
.colorCard p{
	position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);z-index: 2;
	color:#fff;
	font-size:18px;
	text-align: center;
	font-weight: bold;
}
.colorCard a:nth-child(1){
	display:flex;justify-content:center;align-items:center;
}
.colorCard .download{
	position: absolute;
	bottom: 12px;
	right: 12px;
	z-index: 2;
	padding: 4px 24px;
	background-color: none;
	color:#fff;
	font-size: 12px;
	border-radius: 50px;
	border:1px solid #fff;
	transform: scale(.8);
	display:flex;justify-content:center;align-items:center;
}
.colorCard .download:hover{
	background-color: #004EA2;
	border:1px solid #004EA2;
}
.colorCardBox2 .btm{
	display:flex;justify-content:center;align-items:center;
	width: 100%;
}
.colorCardBox2 .btm li{
	width: 25%;
}

.colorCardBox2 .top li:nth-child(1),.colorCardBox2 .top li:nth-child(3){
	width: 25%;
	display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.colorCardBox2 .top li:nth-child(2){
	width: 50%;
	display:flex;justify-content:center;align-items:center;
}
.colorCardBox2{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
	margin-top:40px;
	width: 100%;
}
.colorCardBox2 .top{
	display:flex;justify-content:center;align-items:center;
	width: 100%;
}
.build_down{
	padding-bottom: 80px;
}
.build_down .downBox{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
    border-top: 1px solid #999;
	margin-top:30px;
}
.build_down .downBox li{
	display:flex;justify-content:space-between;align-items:center;
	width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #999;
    background: #f8f8f8;
}
.build_down .downBox li a:nth-child(1){
	width: 85%;
    padding: 0 10px;
}
.build_down .downBox li a:nth-child(2){
	width: 15%;
    border-left: 1px solid #ccc;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.build_down .downBox li a:nth-child(2) i{
	margin-right: 10px;
}
.build_down .downBox li a{
	color:#333;
}

.build_down .downBox li a:hover{
	color:#004EA2;
}
.down_aBox{
	position: absolute;
    top:50%;left:50%;transform: translate(-50%, -50%);
	display:flex;justify-content:center;align-items:center;
	z-index: 22;
}
.down_aBox a{
	padding: 10px 35px;
    background: none;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    border: 1px solid #fff;
    transform: scale(.8);
    display: flex;
    justify-content: center;
    align-items: center;
	margin:0 12px;
}
.down_aBox a i{
	font-size: 26px;
	margin-right: 12px;
}
.down_aBox a:hover{
	background-color: #004EA2;
	border:1px solid #004EA2;
}



.print_a{
	padding:80px 0;
}
.print_title{
	position: relative;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 1.2;
    color: #333;
    margin-bottom: 30px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}
.print_title::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background: #ccc;
    bottom: 0;
    left: 50%;
	margin-left:-20px;
}

.print_aBox{
	width: 100%;
	display:flex;justify-content:space-between;align-items:center;
}
.print_aBox img:nth-child(1){
	width: 20%;
}
.print_aBox img:nth-child(2){
	width: 70%;
}
.print_a_cont {
	margin-top:30px;
}
.print_a_cont p{
    margin-bottom: 12px;
	color:#333;
}
.print_a_cont ul{
	margin-top: 20px;
	color:#333;
}

.print_a_cont ul strong{
	font-size: 16px;
	display: inline-block;
    margin-bottom: 12px;
}
.print_a_cont ul li{
	list-style: inside;
}
.print_a_ulBox{
	display:flex;justify-content:space-between;align-items:flex-start;width:100%;
}
.print_a_ulBox ul:nth-child(1){
	width: 30%;
}
.print_a_ulBox ul:nth-child(2){
	width: 65%;
}
.print_a_ulBox ul:nth-child(2) .ul2Box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px 20px;
	align-items: stretch;width:100%; 
}
.print_a_zsBox{
	width: 100%;
	margin-top:30px;
}
.print_a_zsBox strong{
	color:#333;
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
}
.print_zsBox{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
	align-items: stretch;
}
.print_zsBox img{
	box-shadow: 0px 10px 30px 0px rgb(47 54 69 / 20%);
}


.printTcBox .box{
	width: 50%;
}
.print_line{
	position: absolute;
    border-bottom: 1px solid #8d8d8d;
    height: 30px;
    line-height: 30px;
    width: 50%;
    text-align: right;
    font-size: 14px;
    left: 270px;
	color:#333;
	font-weight: bold;
}
.print_line::before{
	content:"";
	position: absolute;
	background: #8d8d8d;
	width: 5px;
	height: 5px;
	left:0;
	bottom:-2.5px;
	border-radius: 50%;
}
.print_line.line1{
	top: 45px;
}
.print_line.line2{
	top: 108px;
}
.print_line.line3{
	top: 159px;
}
.print_line.line4{
	top: 195px;
}
.print_line.line5{
	top: 240px;
}
.print_line.line6{
	top: 282px;
}
.print_line.line7{
	top: 317px;
}
.print_line.line8{
	top: 352px;
}



/* signage */
.signageTcBox .box{
	width: 50%;
}
.signage_line{
	position: absolute;
    border-bottom: 1px solid #8d8d8d;
    height: 30px;
    line-height: 30px;
    width: 50%;
    text-align: right;
    font-size: 14px;
    left: 270px;
	color:#333;
	font-weight: bold;
}
.signage_line::before{
	content:"";
	position: absolute;
	background: #8d8d8d;
	width: 5px;
	height: 5px;
	left:0;
	bottom:-2.5px;
	border-radius: 50%;
}
.signage_line.line1{
	top: 45px;
}
.signage_line.line2{
	top: 108px;
}
.signage_line.line3{
	top: 159px;
}
.signage_line.line4{
	top: 195px;
}
.signage_line.line5{
	top: 240px;
}
.signage_line.line6{
	top: 282px;
}
.signage_line.line7{
	top: 317px;
}
.signage_line.line8{
	top: 352px;
}
.signage_b{
	margin-top:80px;
}

.signage_b .logoBox{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0px;
	align-items: stretch;
	margin-top:30px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
.signage_b .logoBox li{
	width: 100%;
	overflow: hidden;
	display:flex;justify-content:center;align-items:center;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.signage_b .logoBox li img{
	width: 40%;
	transition: all 0.9s;
	/* filter: grayscale(100%);
    opacity: .8; */
}
.signage_b .logoBox li:hover img{
	transform: scale(1.1);
	/* filter: grayscale(0);
    opacity: 1; */
}
.signage_c{
	margin-top:80px;
}
.attestationBox{
	width: 100%;
	/* display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 20px;
	align-items: stretch; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top:30px;
}
.attestationBox li{
	display: flex;flex-direction: column;align-items: center;justify-content:center;
	/* width: 100%; */
	border:1px solid #e2e2e2;
	position: relative;
	width: calc(20% - 18px);
	margin-right: 20px;
	margin-bottom: 20px;
}
.attestationBox li:nth-child(5n){
	margin-right: 0;
}
.attestationBox li p{
	font-weight: bold;
	display:flex;justify-content:center;align-items:center;
	font-size: 16px;
	border-bottom: 1px solid #e2e2e2;
	width: 100%;
	height: 60px;
}
.attestationBox li img{
	width: 70%;
	padding: 30px 0;
}
/* .attestationBox li::before {
	content: "";
	position: absolute;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 30px solid red;
	width: calc(100% - 40px);
	bottom: 0;
} */

.signage_menu{
	display:flex;justify-content:center;align-items:center;
	margin-top:40px;
}
.signage_menu li{
	width: 20%;
	margin:0 10px;
	height: 60px;
	text-align: center;
	background: #F5F5F5;
	border:1px solid #f5f5f5;
	color:#333;
	display:flex;justify-content:center;align-items:center;
	cursor: pointer;
	font-weight: bold;
}
.signage_menu li.on{
	background: #004EA2;
	border:1px solid #004EA2;
	color:#fff;
}
.signage_d{
	padding:60px 0;
}
.signage_d_cont{
	padding-bottom: 80px;
	padding-top:50px;
}
.signage_d_cont>li{
	display: flex;flex-direction: column;align-items: flex-start;justify-content:center;
	width: 100%;
	display: none;
}
.signage_d_cont>li:nth-child(1){
	display: flex;
}
.signage_d_cont>li p{
	color:#333;
	margin-bottom: 12px;
}
.signage_d_cont>li .imgBox{
	margin-top:20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
	align-items: stretch;
	width: 100%;
}

.signage_d_cont>li .imgBox .img{
	width: 100%;
	height: 250px;
	overflow: hidden;
	display:flex;justify-content:center;align-items:center;
}
.signage_d_cont>li .imgBox .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.9s;
}
.signage_d_cont>li .imgBox .img:hover img{
	transform: scale(1.1);
}
.signage_eBox{
	display:flex;justify-content:space-between;align-items:center;
}
.signage_eBox p{
	width: 55%;
}
.signage_e .signage_e_img {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
	align-items: stretch;
	margin-top:20px;
}
.signage_e .signage_e_img img{
	width: 100%;
}

.signage_f{
	padding-top:60px;
}


.pro_d_img a{
	height: 240px;
}
.shipTcBox .box{
	width: 50%;
}
.ship_line{
	position: absolute;
    border-bottom: 1px solid #8d8d8d;
    height: 30px;
    line-height: 30px;
    width: 50%;
    text-align: right;
    font-size: 14px;
    left: 270px;
	color:#333;
	font-weight: bold;
}
.ship_line::before{
	content:"";
	position: absolute;
	background: #8d8d8d;
	width: 5px;
	height: 5px;
	left:0;
	bottom:-2.5px;
	border-radius: 50%;
}
.ship_line.line1{
	top: 29px;
}
.ship_line.line2{
	top: 77px;
}
.ship_line.line3{
	top: 122px;
}
.ship_line.line4{
	top: 180px;
}
.ship_line.line5{
	top: 227px;
}
.ship_line.line6{
	top: 265px;
}
.ship_line.line7{
	top: 317px;
}

.pro_realName{
	padding: 0 12px;
}

.Advantages{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
	align-items: stretch;
	margin-top:20px;
  }
  
  .Advantages_in{
	width: 100%;
	display: grid;
	align-items: stretch;
  }
  .Advantages li{
	background: #fff;
	padding: 30px;
	position: relative;
	overflow: hidden;
	box-shadow: 2px 2px 10px #dedede;
	transition: all 0.3s;
  }
  .Advantages li p:nth-child(1){
	color:#333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
  }
  .Advantages li p:nth-child(2){
	color:#333;
	font-size: 14px;
  }
  .Advantages3 li p:nth-child(1){
	font-size:20px;
	line-height: 1.25;
	font-weight: bold;
	margin-bottom: 20px;
  }
  .Advantages li i{
	font-size: 80px;
	position: absolute;
	bottom: 7px;
	right: -11px;
	opacity: .2;
	color:#ccc;
  }
  
  .Advantages li:hover{
	background: #004EA2;
  }
  .Advantages li:hover i{
	opacity: .3;
	color:#fff;
  }
  .Advantages li:hover p{
	color:#fff;
  }



  .line1{
	grid-template-columns: repeat(1, 1fr) !important;
}
.line2{
	grid-template-columns: repeat(2, 1fr) !important;
}
.line3{
	grid-template-columns: repeat(3, 1fr) !important;
}
.line4{
	grid-template-columns: repeat(4, 1fr) !important;
}
.line5{
	grid-template-columns: repeat(5, 1fr) !important;
}
.line6{
	grid-template-columns: repeat(6, 1fr) !important;
}
.build_b_iconBox li .nr{
	font-weight: 500;
	text-align: center;
	margin-top:12px;
	width: 80%;
}
.build_b .line2 li:nth-child(3){
	border-bottom: 1px dashed #ccc;
}
.build_b_uses{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 12px;
	align-items: stretch;
}
.build_b_uses li{
	border:1px solid #9fa0a0;
	padding:30px 20px;
	display: flex;flex-direction: column;align-items: center;justify-content:flex-start;
	font-weight: bold;
	color:#333;
	font-size: 16px;
	text-align: center;
	transition: all 0.3s;
}
.build_b_uses li i{
	margin-bottom: 12px;
	font-size: 46px;
	font-weight: 500;
	line-height: 1;
	color: #6e6e6e;
	transition: all 0.3s;
}
.build_b_uses li:hover{
	color:#fff;
	background: #004EA2;
}
.build_b_uses li:hover i{
	color:#fff;
}
.build_a_img2{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
	height: auto;
}
.build_e_table{
	width: 100%;
}
.build_e_table table{
	width: 100%;
	border-bottom:1px solid #ccc;
}
.build_e_table table th{
	background: #004EA2;
	color:#fff;
	font-size: 16px;
	padding:12px 20px
}
.build_e_table table tr th:nth-child(1){
	text-align: left;
}
.build_e_table table td{
	color:#333;
	font-size:14px;
	padding:12px 20px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 1.5;
}
.build_e_table table tr td:nth-child(1){
	text-align: left;
	font-weight: bold;
}
.build_e_table table td img{
	margin-top:10px;
}

.build_e_table2 table td{
	border:none;
}
.build_e_table2 table tr:nth-child(2n+1){
	background: #EFEFEF;
}

@media only screen and (min-width: 220px) and (max-width: 1200px) {
	.pcShow {
		display: none;
	}

	.mobileShow {
		display: block;
	}


	/*head*/
	.head_a {
		width: 100%;
		height: 55px;
		position: fixed;
		top: 0;
		background-color: #fff;
		z-index: 9999;
		box-shadow: 0px 10px 20px 0px rgb(47 54 69 / 10%);
	}

	.head_a ul {
		width: 95%;
		height: 55px;
		margin: 0 auto;
	}

	.head_a ul li:nth-child(1) {
		width: 50px;
	}

	.head_a ul li {
		width: 25%;
		float: left;
		height: 55px;
	}

	.head_a ul li:nth-child(1) {
		display: flex;
		-webkit-display: flex;
		justify-content: left;
		align-items: center;
	}

	.head_a ul li:nth-child(1) img {
		width: 150px;
	}

	.head_a ul li:nth-child(2) {
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 55px;
		float: right;
	}

	/*mob nav*/
	.sp_nav {
		width: 8vw;
		float: right;
		position: relative;
		cursor: pointer;
		height: 8vw;
		margin-top: 18px;
	}

	.sp_nav span {
		display: block;
		background: #1c4c9e;
		width: 7vw;
		height: 3px;
		position: absolute;
		left: 0;
		transition: all ease 0.35s
	}

	.sp_nav span:nth-of-type(1) {
		top: 0px
	}

	.sp_nav span:nth-of-type(2) {
		top: 8px
	}

	.sp_nav span:nth-of-type(3) {
		top: 16px
	}

	.sp_nav_se span:nth-of-type(1) {
		top: 8px;
		transform: rotate(45deg)
	}

	.sp_nav_se span:nth-of-type(2) {
		width: 0
	}

	.sp_nav_se span:nth-of-type(3) {
		top: 8px;
		transform: rotate(-45deg)
	}

	.sjj_nav {
		position: fixed;
		z-index: 999;
		background: #eee;
		width: 100%;
		height: 100%;
		font-size: 1em;
		line-height: 40px;
		top: -100%;
		left: 0;
		overflow: auto;
		overflow-x: hidden;
		transition: top ease 0.35s;
	}

	.nav_show {
		top: 55px;
	}

	.sjj_nav>ul>li:first-child {
		overflow: hidden;
		border-top: 0
	}

	.sjj_nav>ul>li:first-child>a {
		float: left;
		width: 100%;
	}

	.sjj_nav>ul>li:first-child .language {
		float: right;
		width: 100%;
		overflow: hidden;
		line-height: 30px;
	}

	.sjj_nav>ul>li:first-child .language a {
		width: 20%;
		float: left;
		text-align: center;
		color: #999;
		border-right: 1px #ddd solid;
	}

	.sjj_nav ul li i {
		position: absolute;
		top: 5px;
		right: 0px;
		border-left: 1px #ddd solid;
		height: 30px;
		padding: 0px 7px 0 7px;
	}

	.sjj_nav ul li i svg {
		transform: rotate(-90deg);
		transition: all ease 0.35s
	}

	.sjj_nav ul li .sjj_nav_i_se svg {
		transform: rotate(0deg)
	}

	.sjj_nav ul li {
		border-top: 1px #ddd solid;
		margin-left: 5vw;
		position: relative;
		line-height: 40px;
	}

	.sjj_nav>ul>li:last-child {
		border-bottom: 1px #ddd solid;
	}

	.sjj_nav ul li ul {
		display: none
	}

	.sjj_nav ul li a {
		color: #616161;
		width: 100%;
		display: block;
	}

	.sjj_nav ul li ul li a {
		color: #999;
		display: block;
		text-align: left;
	}

	.sjj_nav ul li i svg {
		width: 20px;
		height: 20px;
		fill: #999;
	}

	.sjj_nav ul li .sjj_nav_i_se svg {
		fill: #cc0022
	}

	.sjj_nav ul li ul li>ul {
		margin-left: 10px
	}


	#top_menu ul {
		width: 100%;
		min-width: 0;
	}

	#top_menu ul li:nth-child(2) {
		display: none !important;
	}

	#top_menu ul li:nth-child(1) {
		width: auto;
		padding-left: 12px;
	}

	.li_logoa img:nth-child(1) {
		height: 40px;
		margin-top: 20px;
	}

	.li_logo img:nth-child(2) {
		height: 40px;
		margin-top: 20px;
	}

	#top_menu ul {
		width: 100%;
		min-width: 0;
	}

	#top_menu ul li:nth-child(2) {
		display: none !important;
	}

	.default #logo img {
		height: 40px;
		margin-top: 10px;
		margin-left: 10px;
	}

	.fixeda #logo img {
		margin-left: 10px;
	}

	.nav__trigger {
		top: 10px !important;
	}

	.index_banner {
		height: 50vh;
	}

	.txt-box {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.swiper-slide .titlea_a {
		font-size: 30px;
		line-height: 40px;
		margin-top: 0;
	}

	.swiper-slide .titleb_a {
		font-size: 16px;
		line-height: 25px;
	}

	.index_video {
		height: 100%;
	}

	.index_about {
		width: calc(100% - 24px);
		padding: 150px 0;
		min-width: 0;
	}

	.index_about ul li:nth-child(2n) {
		margin-right: 0;
	}

	.index_about ul li {
		width: calc(50% - 15px);
	}

	.index_part2_mid {
		width: calc(100% - 24px);
		padding: 0 12px;
		display: block;
	}

	.index_part2_mid li {
		width: calc(100% - 40px);
		margin-bottom: 20px;
		padding: 20px;
		height: auto;
	}

	.index_pro_btm {
		bottom: auto;
		position: relative;
	}

	.index_pro_btm p:nth-child(2) {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.index_pro_btm p:nth-child(3) {
		font-size: 13px;
	}

	.index_part2_box {
		padding: 50px 0;
	}

	.index_shzr_top p:nth-child(1) {
		font-size: 18px;
		line-height: 25px;
	}

	.index_shzr_top p:nth-child(2) {
		font-size: 18px;
		line-height: 25px;
	}

	.index_shzr_bottom {
		margin-top: 50px;
	}

	.index_shzr_word {
		margin-right: 50px;
		margin-bottom: 30px;
		width: 100%;
	}

	.index_cc .swiper-pagination-fraction {
		top: 40px;
	}

	.index_cc .swiper-button-next {
		top: 50px;
		width: 40px;
		background-size: 100%;
	}

	.index_shzrBox {
		width: Calc(100% - 24px);
		height: 650px;
	}

	.index_c_zs {
		width: 100%;
	}

	.index_shzr_word p:nth-child(3) {
		font-size: 12px;
	}

	.index_e {
		width: calc(100% - 24px);
		padding: 50px 12px;
	}

	.index_eImgBox img {
		width: 100%;
	}

	.index_e_Img1 {
		width: 100%;
	}

	.index_e_Img2 {
		width: calc(50% - 2px);
		height: 130px;
	}

	.index_e_Img3 {
		width: calc(50% - 2px);
		height: 130px;
	}

	.index_news {
		width: calc(100% - 24px);
		padding: 50px 12px;
	}

	.index_news_body li {
		width: 100%;
		margin-bottom: 30px;
	}

	.index_news_body {
		display: block;
	}

	.index_d img {
		width: 100% !important;
	}

	.bottom ul {
		width: calc(100% - 24px);
		padding: 0 12px;
	}

	.bottom ul li {
		display: none;
	}

	.bottom ul li:nth-child(5) {
		display: block;
	}

	.bottom_bottomBox {
		width: calc(100% - 24px);
		padding: 0 12px;
	}

	.bottom ul dl {
		width: 100%;
	}

	.bottom ul dl:nth-child(2) {
		text-align: center;
	}

	.nav--active .nav {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.nav__item {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.n_banner {
		height: 300px;
	}

	.n_banner ul font {
		font-size: 30px;
		line-height: 50px;
	}

	.about_a ul {
		width: calc(100% - 24px);
		padding: 0 12px;
		min-width: 0;
		margin-top: 40px;
	}

	.about_a ul li:nth-child(1) {
		height: auto;
		width: 100%;
	}

	.about_a ul li:nth-child(2) {
		width: 100%;
		height: 300px;
		margin-top: 50px;
	}

	.about_bk {
		height: 150px;
	}

	.about_a ul li img {
		height: 175px;
	}

	.about_about_b {
		padding: 50px 0 !important;
	}

	.about_c ul {
		width: calc(100% - 24px);
		padding: 0 12px;
		min-width: 0;
	}

	.about_c ul li {
		width: 100%;
	}

	.about_c ul li:nth-child(2) {
		width: 100%;
	}

	.about_c {
		padding: 80px 0;
	}

	.about_e_title ul {
		width: calc(100% - 24px);
		padding: 0 12px;
		min-width: 0;
	}

	.about_e {
		width: calc(100% - 24px);
		padding: 0 12px 100px 12px;
	}

	.about_e ul {
		width: 100%;
		min-width: 0;
	}

	.about_e ul li {
		width: 100%;
		margin-bottom: 30px;
	}

	.md-content>div ul {
		width: 100% !important;
		height: 50% !important;
	}

	.md-content>div ul li {
		width: calc(100% - 24px) !important;
		padding: 0 12px !important;
	}

	.md-content .md-close {
		color: #fff;
	}

	.md-content>div ul:nth-child(2) div {
		height: 120px !important;
	}

	.cjjs div p:nth-child(2) {
		bottom: 30px;
	}

	.news_menu {
		width: 100%;
		min-width: 0;
	}

	.news_a ul {
		width: calc(100% - 24px);
		padding: 0 12px;
		min-width: 0;
	}

	.news_a ul li {
		width: 100%;
	}

	.news_a {
		padding: 50px 0;
	}

	.pro_x ul {
		width: calc(100% - 24px);
		padding: 40px 12px;
		min-width: 0;
	}

	.pro_x ul:nth-child(1) h1 {
		font-size: 18px;
	}

	#pro {
		width: 100%;
		padding: 0px 0 40px 0;
	}

	#leftmenu {
		width: calc(100% - 24px);
		position: relative !important;
		top: 0 !important;
	}

	#leftmenu dl {
		width: 50% !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.app_left {
		border-bottom: 1px solid #fff;
	}

	#content {
		margin-top: 100px;
		width: calc(100% - 24px);
		padding: 0px 12px;
	}

	.vc_b ul:nth-child(1) {
		width: 60px;
		margin-right: 10px;
	}

	.vc_b ul:nth-child(2) {
		display: none;
	}

	.vc_b ul:nth-child(3) {
		display: block;
		float: right;
		width: calc(100% - 70px);
	}

	.vc_b ul:nth-child(3) img {
		width: 100%;
	}

	.vc_c ul:nth-child(1) {
		width: 60px;
		margin-right: 10px;
	}

	.vc_c_r {
		width: calc(100% - 70px);
	}

	.vc_c ul li {
		width: calc(25% - 18px);
	}

	.vc_c ul li:nth-child(4n) {
		margin-right: 0;
	}

	.vc_cs ul:nth-child(1) {
		width: 60px;
		margin-right: 10px;
	}

	.vc_cs ul:nth-child(2) {
		width: 100%;
		margin-top: 30px;
	}

	.vc_d .vc_c_r {
		width: 100%;
		margin-top: 30px;
	}

	.vc_c ul span {
		height: 60px;
	}

	.vc_e ul:nth-child(2) {
		width: 100%;
		margin-top: 30px;
	}

	.vc_xl ul:nth-child(2) {
		width: 100%;
		margin-top: 30px;
	}

	.vc_xl ul:nth-child(2) li {
		width: calc(50% - 18px);
		height: 120px;
	}

	.vc_xl ul:nth-child(2) li:nth-child(2n) {
		margin-right: 0;
	}

	.techMenu {
		display: block;
		width: Calc(100% - 24px);
		padding: 30px 12px;
	}

	.techMenu dl {
		width: 50% !important;
		padding: 0 !important;
	}

	.tech_box {
		padding: 50px 0;
	}

	.pro_cnBox {
		display: block;
	}

	.pro_cn {
		width: 100%;
	}

	.pro_cnWord {
		width: calc(100% - 24px);
		position: relative;
		padding: 12px;
		float: left;
	}

	.leftmenu2 {
		left: 0;
		margin-left: 0;
		margin-top: 0;
		width: 100% !important;
	}

	#leftmenu dl span {
		font-size: 28px;
	}

	.caseTitle {
		font-size: 15px;
	}

	.contact_c ul {
		width: calc(100% - 24px);
		padding: 40px 12px;
		min-width: 0;
	}

	.contact_c ul ol {
		width: 100%;
		height: auto;
	}

	.contact_c ul ol:nth-child(2) {
		height: 400px;
	}

	.contact_c ul ol h3 {
		line-height: 33px;
		font-size: 22px;
	}

	.contact_c {
		padding: 50px 0;
	}

	.bottom ul:nth-child(1) {
		display: flex;
		justify-content: center;
		align-items: center;
		display: none;
	}

	.dasBox {
		display: block;
	}

	.yjy_left {
		width: calc(100% - 80px);
	}

	.yjy_right {
		width: calc(100% - 24px);
		margin-right: 12px;
		margin-top: 20px;
	}

	.fhbz {
		display: block;
	}

	.fhbz img {
		width: 100%;
	}

	.caseTitle a {
		width: 100%;
		display: inline-block;
		padding: 0;
	}

	.pt70 {
		padding-top: 100px !important;
	}

	.fh5co-projects-feed .fh5co-project {
		width: calc(100% - 20px) !important;
	}

	.contact_bBox_box {
		width: 100%;
		padding: 0 12px;
		min-width: 0;
		box-sizing: border-box;
	}

	.fkBox .fk {
		width: 98%;
	}

	.bottom {
		padding: 0;
	}


	.n_banner ul h3{
		line-height: 1;
		font-size: 20px;
	}
	#leftmenu.proMenu{
		grid-template-columns: repeat(2, 1fr);
	}
	#leftmenu.proMenu dl{
		width: 100% !important;
	}
	.allMid{
		width: calc(100% - 24px);
		min-width: 0;
		padding:0 12px;
	}
	.vega_a_a{
		padding:50px 12px;
	}
	.vega_flex{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
	.vega_a_b_ul{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px 20px;
		align-items: stretch;
		width: 100%;
	}
	.vega_a_tj {
		justify-content: flex-start;
	}
	.vega_a_tj .box {
		width: 150px;
		position: relative;
	}
	.tj_line {
		position: absolute;
		border-bottom: 1px solid #8d8d8d;
		height: 20px;
		line-height: 20px;
		width: 140%;
		text-align: right;
		font-size: 12px;
		left: 135px;
	}
	.tj_line.line1 {
		top: 10px;
	}
	.tj_line.line2 {
		top: 30px;
	}
	.tj_line.line3 {
		top: 50px;
	}
	.tj_line.line4 {
		top: 75px;
	}
	.tj_line.line5 {
		top: 95px;
	}
	.tj_line.line6 {
		top: 115px;
	}
	.tj_line.line7 {
		top: 135px;
	}
	.tj_line.line8 {
		top: 155px;
	}
	.tj_line.line9 {
		top: 175px;
	}
	.vega_a_c{
		padding:60px 12px;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 12px;
	}
	.vega_a_c a {
		display: inline-block;
    width: 100%;
    height: 62vw;
    overflow: hidden;
    min-height: 240px;
	}
	.vega_download{
		position: relative;
		margin-top:20px;
	}
	.vega_a_e{
		padding:60px 12px;
	}

	.colorClass{
		grid-template-columns: repeat(2, 1fr);
	}
	.colorClass li a .img{
		height: 90px;
	}
	.vega_a_e_iconBox li span{
		line-height: 1.2;
        display: inline-block;
	}
	.vega_a_e_iconBox li{
		width: calc(33.33% - 15px);
	}
	.vega_a_e_iconBox li:last-child{
		margin-right: 0;
	}
	.vega_a_tips img{
		height: 100px;
	}
	.vega_a_tips {
		padding: 80px 20px 50px;
	}
	.job .list li .box.bigWidth{
		width: 100%;
		overflow-x: scroll;
	}
	.job .list li .box.bigWidth table{
		width: 1000px;
	}
	.job .list li .msgDiv dd {
		height: 60px;
		float: left;
		line-height: 1;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		color: #333;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.vega_a_g {
		padding: 80px 0;
		background: #E9EDF6;
		border-radius: 40px;
		position: relative;
		height: 202px;
		margin: 50px 12px;
		overflow: hidden;
		width: calc(100% - 24px) !important;
	}
	.vega_a_g1 {
		height: 80%;
		position: absolute;
		z-index: 2;
		left: 50%;
		margin-left: -187px;
		top: 50%;
		margin-top: -75px;
	}

	/* build */
	.build_a{
		padding:60px 0;
	}
	.build_a_title{
		line-height: 1.2;
		font-size: 24px;
	}
	.build_b_iconBox{
		grid-template-columns: repeat(2, 1fr);
	}
	.build_b_iconBox li p{
		text-align: center;
	}
	.build_menu{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px 20px;
		align-items: stretch;
	}
	.build_menu li{
		width: 100%;
		margin:0;
	}
	.build_c_cont{
		padding:40px 0;
	}

	.build_c_img img{
		width: 100%;
	}
	
.build1TcBox .box{
	width: 180px;
	position: relative;
}
.build1_line{
	position: absolute;
	border-bottom: 1px solid #8d8d8d;
	height: 20px;
	line-height: 20px;
	width: 105%;
	text-align: right;
	font-size: 12px;
	left: 160px;
}
.build1_line::before{
	content:"";
	position: absolute;
	background: #8d8d8d;
	width: 5px;
	height: 5px;
	left:0;
	bottom:-2.5px;
	border-radius: 50%;
}
.build1_line.line1{
	top: 7px;
}
.build1_line.line2{
	top: 39px;
}
.build1_line.line3{
	top: 60px;
}
.build1_line.line4{
	top: 81px;
}
.build1_line.line5{
	top: 109px;
	line-height: 1;
}
.build1_line.line6{
	top: 139px;
}
.build1_line.line7{
	top: 160px;
}
.build1_line.line8{
	top: 189px;
	line-height: 1;
}
.build1_line.line9{
	top: 217px;
}
	.build_d {
		grid-template-columns: repeat(2, 1fr);
	}
	.build_e{
		padding:50px 0;
	}
	.colorCardBox .top{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
	.colorCardBox .top li:nth-child(1), .colorCardBox .top li:nth-child(3){
		width: 100%;
	}
	.colorCardBox .top li:nth-child(2){
		width: 100%;
	}
	.colorCardBox .btm{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
	.build_down{
		padding-bottom: 50px;
	}
	.build_down ul li a:nth-child(1){
		width: 75%;
	}
	.build_down ul li a:nth-child(2){
		width: 25%;
	}


	
	.print_a{
		padding:50px 12px;
	}
	.print_aBox{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
	.print_aBox img:nth-child(1) {
		width: 50%;
	}
	.print_aBox img:nth-child(2) {
		width: 100%;
	}
	.print_a_ulBox{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.print_a_ulBox ul:nth-child(1){
		width: 100%;
	}
	.print_a_ulBox ul:nth-child(2){
		width: 100%;
	}
	.print_a_ulBox ul:nth-child(2) .ul2Box{
		grid-template-columns: repeat(1, 1fr);
	}
	.print_zsBox{
		grid-template-columns: repeat(1, 1fr);
	}
	.print_b{
		padding-bottom:50px;
	}
	.printTcBox .box{
		width: 180px;
        position: relative;
	}
	.print_line {
		position: absolute;
		border-bottom: 1px solid #8d8d8d;
		height: 20px;
		line-height: 20px;
		width: 105%;
		text-align: right;
		font-size: 12px;
		left: 160px;
	}
	.print_line.line1 {
		top: 32px;
	}
	.print_line.line2 {
		top: 63px;
	}
	.print_line.line3 {
		top: 94px;
	}
	.print_line.line4 {
		top: 116px;
	}
	.print_line.line5 {
		top: 143px;
	}
	.print_line.line6 {
		top: 166px;
	}
	.print_line.line7 {
		top: 188px;
	}
	.print_line.line8 {
		top: 210px;
	}
	
	.signageTcBox .box{
		width: 180px;
        position: relative;
	}
	.signage_line {
		position: absolute;
		border-bottom: 1px solid #8d8d8d;
		height: 20px;
		line-height: 20px;
		width: 105%;
		text-align: right;
		font-size: 12px;
		left: 160px;
	}
	.signage_line.line1 {
		top: 32px;
	}
	.signage_line.line2 {
		top: 63px;
	}
	.signage_line.line3 {
		top: 94px;
	}
	.signage_line.line4 {
		top: 116px;
	}
	.signage_line.line5 {
		top: 143px;
	}
	.signage_line.line6 {
		top: 166px;
	}
	.signage_line.line7 {
		top: 188px;
	}
	.signage_line.line8 {
		top: 210px;
	}

	
	.signage_b .logoBox{
		grid-template-columns: repeat(2, 1fr);
	}
	.signage_b .logoBox li img {
		width: 60%;
		transition: all 0.9s;
	}
	.attestationBox{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px 20px;
		align-items: stretch;
	}

	.attestationBox li{
		width: 100%;
		margin:0;
	}
	.attestationBox li p{
		text-align: center;
		font-size: 14px;
		padding:0 12px;
		width: 100%;
        box-sizing: border-box;
		line-height: 1.32;
		font-weight: 500;
	}
	.attestationBox li img {
		width: 70%;
		padding: 10px 0;
	}
	.signage_menu{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px 20px;
		align-items: stretch;
	}
	.signage_menu li{
		width: 100%;
		margin:0;
	}
	.signage_d_cont{
		margin-top: 30px;
	}
	.signage_d{
		margin-top:50px;
	}
	.signage_d_cont>li .imgBox .img {
		height: 120px;
	}
	.signage_d_cont>li .imgBox {
		grid-template-columns: repeat(2, 1fr);
	}
	.signage_e {
		margin:60px 0;
	}
	.signage_e .signage_e_img img {
		width: 90%;
	}


	
	.white_content{
		top: 20%;
		left: 5%;
		width: 90%;
		height: 80%;
		margin-top: -20%;
	}
	.tcNr h1 {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
		line-height: 1.2;
	}
	.tcNr .nrList li{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
		flex-wrap: nowrap;
		height: auto;
	}
	.tcNr .nrList li span{
		display: inline-block;
		width: 100%;
		text-align: left;
	}
	.tcNr .nrList li input{
		width: 100%;
		height: 40px;
	}
	.tcNr button{
		margin-top:30px;
		width: 50%;
	}

	.shipTcBox .box{
		width: 180px;
        position: relative;
	}
	.ship_line{
		position: absolute;
		border-bottom: 1px solid #8d8d8d;
		height: 20px;
		line-height: 20px;
		width: 105%;
		text-align: right;
		font-size: 12px;
		left: 160px;
	}
	.ship_line.line1{
		top: 19px;
	}
	.ship_line.line2{
		top: 45px;
	}
	.ship_line.line3{
		top: 70px;
	}
	.ship_line.line4{
		top: 107px;
		line-height: 1;
	}
	.ship_line.line5{
		top: 135px;
	}
	.ship_line.line6{
		top: 162px;
	}
	.ship_line.line7{
		top: 196px;
		line-height: 1;
	}
	.signage_f{
		padding-top:60px;
	}
	.signage_e .signage_e_img{
		grid-template-columns: repeat(1, 1fr);
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
	.Advantages{
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 50px;
	}
	.ship_down ul li a:nth-child(2){
		width: 35%;
	}

	#nav button{
		padding:0 10px;
	}
	.build_e_ul li{
		width: calc(100% - 24px);
	}
	.colorCardBox ul{
		width: 100%;
	}
	.colorCardBox ul .line2{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.build_down .downBox li a:nth-child(2){
		width: 25%;
	}
	.build_swiper_w>div:nth-child(1) {
		font-size: 20px;
	}
	.build_a_img{
		height: auto;
	}
	.build_swiper_w{
		height: 80%;
	}
	.build_a_img_swiper{
		height: 60vh;
	}
	.build_b_iconBox.line3{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.build_b{
		padding-bottom: 30px;
	}
	.build_b_uses.line4{
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.build_e_table table th {
		font-size: 14px;
		padding: 12px 12px;
	}
	.build_e_table table td {
		font-size: 12px;
	}
	.build_down .downBox li a:nth-child(1) {
		line-height: 1.2;
	}
	.bottom ul:nth-child(2) dl:nth-child(1){
		display: flex;flex-direction: column;align-items: center;justify-content:center;
		text-align: center;
	}
	.bottom ul:nth-child(2) dl:nth-child(1) img{
		margin-bottom: 5px;
	}
	.bottom ul:nth-child(2){
		padding:20px 0;
	}
	.build_b_iconBox.line2{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.build_b_uses{
		grid-template-columns: repeat(2, 1fr);
	}
	.bigWidth{
		overflow-x: scroll;
	}
	.bigWidth table{
		width: 150%;
	}
	.colorCardBox2 .top li:nth-child(1), .colorCardBox2 .top li:nth-child(3){
		width: 100%;
	}
	.colorCardBox2 .top{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
	.colorCard a:nth-child(1){
		width: 100% !important;
	}
	.colorCardBox2 .top li:nth-child(2){
		width: 100%;
	}
	.allMid .allMid{
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
	.down_aBox{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
	.down_aBox a {
		justify-content: flex-start;
		margin: 0 12px;
		width: 90%;
	}
	.colorCardBox2 .btm{
		display: flex;flex-direction: column;align-items: center;justify-content:center;
	}
}