@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "GT-America-Extended-Medium";
  src: url('../fonts/GT-America-Extended-Medium.woff2');
}
@font-face {
  font-family: "GT-America-Standard-Medium";
  src: url('../fonts/GT-America-Standard-Medium.woff2');
}

body { margin:0; padding:0;     font-family: GT-America-Standard-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif !important; background:#fff;
font-size:15px; line-height:1.5; color:#24303E; overflow-x: hidden;margin:auto; }
a { color:#24303E; text-decoration:none;}
a:hover { color:#24303E;}
img { border:0; display:inline; max-width:100%; height:auto; vertical-align: bottom;}
select {
    text-transform: none;
}
*{ outline:none;}

div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}

.container{ max-width:1500px; width:92%; margin:0px auto;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex {display: flex;}
.flex-center-y {display: flex;align-items: center;}
*{ box-sizing: border-box;}
  .pages{
	width:100%;
	padding:20px 0px;
	text-align:center;
	clear:both;
	margin-top:15px;
}
.pages li{
	list-style-type:none;
	display:inline;
}
.pages a{
	padding:5px 10px;
	border:1px solid #c8c8c8;
	font-weight:bold;
	margin-right:10px;
}
.pages .current{
	font-weight:700;
	color:#fff;
}
.pages .current{
	background:#192f60;
	border-color:#192f60;
}

/* 头部 */
.ui-body{ }
.p-hidden{display:none}
.header{ background:#fff;width: 100%;}
.header .container{ }
.header .top_one{ line-height:58px;}
.header .top_one .container{ text-align:right; color:#fff;}
.header .top_one .container a{ display:inline-block; margin-left:23px; color:#fff;}
.top_two{ height:80px; position:relative;}
.top_two .logo{ height:41px; width:auto;}
.top_two .menu{ flex:1; max-width:655px; margin:0px 20px;}
.top_two .menu,
.top_two .menu ul,
.top_two .menu ul li{ height:100%;flex:1; display:flex; align-items:center; position:relative;}
.top_two .menu ul li a{ display:flex; width:100%;align-items: center; color:#000;
    justify-content: center;cursor:pointer;
}
.top_two .menu ul li:hover a{ color:rgb(120, 136, 234);}
.top_two .menu ul li .subit{ text-transform: uppercase;}
.top_two .menu ul li .subit span{ width:15px; height:9px; background-image:url(../images/index_09.png); background-repeat:no-repeat; background-position:center center; background-size:cover; margin-left:8px;}

.top_two .menu .subbox{
	position: absolute;
    top: 80px;
    z-index: 30;
    opacity: 0;
    padding-top: 0px;
	left:50%;
	transform:translateX(-50%) scale(.8);
	-webkit-transform:translateX(-50%) scale(.8);
	visibility:hidden;
	transition:all .3s;
	-webkit-transition:all .3s;
}

.top_two .menu .subbox:after{
	content: "";
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 50%;
    margin-left: -6px;
}

.top_two .menu ul li:hover .subbox{
	opacity:1;
	visibility:visible;
	transform:translateX(-50%) scale(1);
	-webkit-transform:translateX(-50%) scale(1);
}

.top_two .menu .subbox ul{
	flex-direction:column;
	background-color:#fff;
	border-radius:10px;
	padding:30px;
}
.top_two .menu .subbox ul li{
	width:100%;
	    min-width: 270px;
    max-width: 370px;
    overflow: hidden;
}

.top_two .menu .subbox ul li a{
	display:flex;
	align-items:center;
	width:auto;
	justify-content:flex-start;
	color:#000000;
	fontt-size:14px;
    border-radius: 5px;
	padding:10px;
}

.top_two .menu .subbox ul li a:hover{
	background-color: #E9EEF4;
}

.top_two .menu .subbox ul li a .ico{
	width:36px;
	height:36px;
	margin-right:18px;
}

.top_two .menu .subbox ul li a .info{
	line-height:1.2;
}

.top_two .menu .subbox ul li a .desc{
	color:#6A768B;	
	display:flex;
	white-space: nowrap;
}

.search{}
.search .box{ width:350px; height:36px; border-radius:35px; background-color:#e7eaef; padding:0px 16px; margin-right:46px;}
.search .box .magnifier{ width:18px; height:19px; background-image:url(../images/index_06.png); background-repeat:no-repeat; background-position:center center; background-size:cover; margin-right:12px;    flex: none;}
.search .box input{ flex:1; overflow:hidden; height:33px; line-height:normal; background:none; border:0px; color:#000;}
.search .box input::-webkit-input-placeholder{color:#000;}
.search .box input:-moz-placeholder{color:#000;}
.search .box input::-moz-placeholder{color:#000;}
.search .box input::-ms-input-placeholder{color:#000;}
.search .get{ display:inline-block; background:#2a79d6; padding: 13px 17px; text-align:center; line-height:1; border-radius:5px; color:#fff;  -webkit-transition: color .3s,background-color .3s,border .3s;
    transition: color .3s,background-color .3s,border .3s;cursor:pointer; white-space:nowrap;}
.search .get:hover{ background:#1660b6;}

.banner .swiper{
	overflow:hidden;
}

.banner .swiper-slide img{
	width:100%;
}

.banner .swiper-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	bottom:5.5%;
}

.banner .swiper-pagination .swiper-pagination-bullet{
	width:5%;
	max-width:60px;
	height:3px;
	border-radius:0;
	margin:0px;
	opacity:1;
	background:#ededed;
}

.banner .swiper-pagination .swiper-pagination-bullet-active{
	height:7px;
	background:#566ae5;
}


/*brand*/
.brand{ background:#192f60; color:#fff;}
.dwykra{ padding:72px 0px 50px;}
.brand .title{ font-size:24px; margin-bottom:40px; text-align:center;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; font-weight:bold;}
.brand ul{display: flex; flex-wrap: wrap;align-items: stretch;justify-content: center;}
.brand ul li{display: flex;
    align-items: center;
    justify-content: center; overflow:hidden; width:16.6%; padding:15px 18px; }
.brand ul li img{ max-width:336px;object-fit: cover;
 object-position: center center; width:100%; height:auto;}
.brand .dwykra{ padding-bottom:40px;}
.index_bt{ text-align:center; color:#24303E;text-transform: uppercase; font-size:24px; margin-bottom:50px; font-weight:bold;font-family: "GT-America-Extended-Medium",Verdana,sans-serif;  
/*margin-top: 100px;*/
  
}
.index_bt.no1{ text-transform:none;}
.logistics { margin-bottom:90px;}
.logistics ul {display: grid;
	grid-template-columns: repeat(8, 1fr);justify-content:center;
	grid-gap: 28px 28px;}
.logistics ul li .photo{ position:relative; padding-top:115%; background-image:url(../images/six_40.png); background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:10px;
}
.logistics ul li .photo img{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); height:35.8%; width:auto;}
/*.logistics ul li .title{  text-align:center;}*/
.logistics ul li{ overflow:hidden;}
.logistics ul li .title {
    word-break: break-word;
    text-align: center;
    width: 100%;
    display: block;
     overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
} 
.Choose{ display: flex;
    align-items: center;
    justify-content:center;
    flex-wrap: wrap;
align-items: stretch; margin-bottom:40px;}
.Choose a{cursor:pointer; line-height:1.2; padding:11px 8px; min-width:175px; width:auto;-webkit-transition: background-color 75ms linear ;
    -moz-transition: background-color 75ms linear ;
    transition: background-color 75ms linear; border-radius:20px; border:1px #E5E5E5 solid; background-color:#F3F3F3; text-align:center; margin:8px 12px;}
.Choose a:hover,.Choose a.cur{ background:#566ae5; color:#fff; font-weight:bold;}
.Achieve{flex-wrap: wrap;}
.Achieve .a_left{ width:480px;}
.Achieve .a_left .gray{text-transform: uppercase;color: #6B747E;
    font-family: "GT-America-Standard-Bold",Helvetica Neue,Helvetica,Arial,sans-serif; font-weight:bold; line-height:18px; margin-bottom:10px;}
.Achieve .a_left .title{ font-size:20px; line-height:28px; color:#24303E;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; font-weight:bold; margin-bottom:15px;}
.Achieve .a_left .desc{ line-height:1.5; color:#4D5563; font-size:15px;}
.Achieve .a_left .infor{ margin-top:30px;display: flex;
    align-items: center;}
.Achieve .a_left .infor a.more{ padding:18px 25px; line-height:1; font-size:16px; color:#052439; border:2px #566ae5 solid; min-width:115px; border-radius:5px; display:inline-block; font-weight:bold; margin-right:15px;-webkit-transition: color .3s,background-color .3s,border .3s;
    transition: color .3s,background-color .3s,border .3s;}
.Achieve .a_left .infor a.more:hover{ border:2px #4555b7 solid; background-color: #4555b7;
    color: #FFF;}
.Achieve .a_left .infor a.get{font-size:16px; color:#052439; position:relative;font-weight:bold;}
.Achieve .a_left .infor a.get:after {
    content: '' ;
    position: absolute;
    left: 0px ;
    bottom: -4px ;
    width: 100% ;
    height: 2px;
    background-color: #566ae5;
    -webkit-transition: background-color 300ms linear ;
    -moz-transition: background-color 300ms linear ;
    transition: background-color 300ms linear ;
}
.Achieve .a_left .infor a.get:hover:after{ background-color: #4555b7;}
.Achieve .photo{ flex:1; overflow:hidden; text-align:center;}
.Achieve .photo img{ max-width:100%; height:auto; margin-left:60px;}
.tabcontent_1 .Achieve{
	display:none;
}
.tabcontent_1 .Achieve.cur{
	display: flex;
}
.part_1 .dwykra{ padding-bottom:74px;}

.index1{ background:url(../images/casebanner.png) center top no-repeat;}
.index1 .container{ padding-top:80px; padding-bottom:85px;}
.indexSwiper{
	width:100%;
	/*overflow:hidden;*/
	position:relative;

}

.indexSwiper .swiper-pagination{
	position:relative;
	/*margin-top:104px;*/
	/*display:flex;*/
	align-items:center;
	justify-content:center;
}

.indexSwiper .swiper-pagination .swiper-pagination-bullet{
	width:15%;
	max-width:230px;
	height:4px;
	border-radius:10px;
	margin:0px;
	opacity:1;
	background:#ededed;
}

.indexSwiper .swiper-pagination .swiper-pagination-bullet-active{
	height:6px;
	border-radius:10px;
	background:#192f60;
}
.index1 .index_bt{ color:#fff; margin-bottom:62px;}
.index1 .swiperPop ul{align-items: stretch;}
.index1 .swiperPop ul li{ background:#fff; border-radius:5px; padding:41px 26px; text-align:center; box-shadow:0px 0px 16px #e5e3e3;}
.index1 .swiperPop ul li .photo{ padding-top:17px; margin-bottom:32px;}
.index1 .swiperPop ul li .photo img{ height:100px; width:auto; object-fit:contain;}
.index1 .swiperPop ul li .title{    font-size: 18px;
    line-height: 24px; height:48px;
    color: #24303E;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
    font-weight: bold;
    margin-bottom: 0px;}
.index1 .swiperPop ul li .desc{ font-size:16px; color:#666666;}
/*.part_2 .container{ padding-bottom:85px;}*/
/*.market ul{ display:grid;grid-auto-rows: minmax(min-content, max-content);grid-template-columns: repeat(12, 1fr);grid-gap:36px; justify-content: space-between;align-items: stretch;}*/

.market ul li{
    background-color: #E9EEF4;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: background-color .15s linear ;
    -moz-transition: background-color .15s linear ;
    transition: background-color . m15s lineart;grid-column:auto / span 3; display:block;cursor:pointer;}
.market ul li:hover{ background:#9aa6ef;}
.swiperNew{overflow:hidden;position:relative}
/*.market ul li:nth-child(3){ }*/
/*.market ul li:nth-child(4){grid-column: 1 / span 5 ;}*/
/*.market ul li:nth-child(5){grid-column: 1 / span 5 ;}*/
/*.market ul li:nth-child(6){ grid-column: 6 / span 7;grid-row: 2 / span 2 ;}*/
.market ul li .photo{ width:100%; position: relative; padding-top:57%;}
.market ul li .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;
}
/*.market ul li:nth-child(4) .photo{ padding-top:37%;}*/
/*.market ul li:nth-child(5) .photo{ padding-top:37%;}*/
/*.market ul li:nth-child(6) .photo{ padding-top:60.8%;}*/
.market ul li .content{ padding:28px 36px;}
.market ul li .content .gray{    text-transform: uppercase;
    color: #4D5563;
    font-family: "GT-America-Standard-Bold",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 3px;}
.market ul li .content .title a{ font-size:20px; line-height:24px; color:#24303E; font-weight:bold;display: -webkit-box;-webkit-line-clamp: 2;    -webkit-box-orient: vertical;    word-break: break-all;    overflow: hidden;    text-overflow: ellipsis;}
.aboutus{ position: relative;}
.aboutus:before {
	width: 541px;
	height: 541px;
	position: absolute;
	right: 10%;
	top: -51px; background-repeat:no-repeat; background-position:center center; background-size:100%; background-image:url(../images/blueq_03.png);
	z-index:0;
	content: '';
}
.aboutus .photo{ width:66.6%; border-radius:5px; overflow:hidden; position:relative; z-index:10;}
.aboutus .photo img{ width:100%; height:auto;object-fit: cover;
 object-position: center center;}
.aboutus .content{ width:50%; position:absolute; right:0px; bottom:0px; background:#192f60; padding:32px 42px; border-radius:5px; color:#fff; z-index:20;}
.aboutus .content .title{font-size: 22px;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
    font-weight: bold;
    margin-bottom: 14px;}
.aboutus .content .desc{ font-size:18px; line-height:2; margin-bottom:18px;}
.aboutus .content .more{ display:inline-block; line-height:1; padding:15px 20px; border:1px #fff solid; border-radius:10px; color:#fff; font-weight:bold;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; width:140px; text-align:center; font-size:22px;}
.part_3 .container{ padding-bottom:72px;}
.part_4{background: #192f60;
    color: #fff;
    border-bottom: 1px solid #071433;}
.part_4 .container{ padding:50px 0px 80px; max-width:1200px;flex-wrap: wrap;}
.part_4 .s_left{ width:50%;}
.part_4 .s_left .photo{ width:170px; height:170px; display: flex;align-items: center;justify-content: flex-end; margin-right:36px;}
.part_4 .s_left .photo img{ width:auto; max-width:100%; height:auto;}
.part_4 .s_left .title{ flex:1; overflow:hidden;font-family: "GT-America-Extended-Medium",Verdana,sans-serif ; font-size:30px; line-height:40px; font-weight:bold;}
.part_4 .s_right{ width:50%; padding-left:48px;}
.part_4 .s_right .beiz{ font-size:16px; color:#B8C1CB; line-height:23px; margin-bottom:20px;}
.part_4 .s_right .lab{ margin-bottom:7px;}
.part_4 .s_right .star{ color:#4D5563;}
.part_4 .s_right .book { margin-bottom:25px;}
.part_4 .s_right .book .form_one{ flex:1; overflow:hidden;padding: 0 16px; height:48px; line-height:normal; background:none; border:2px #fff solid; font-size:16px;
    border-radius: 4px; color:#fff; margin-right:24px; max-width:250px;}
.part_4 .s_right .book .form_one:focus {
caret-color:#566ae5 ;border:2px #566ae5 solid;}
.part_4 .s_right .book .sumbit{    color: #FFF; background-color: #566ae5;border-radius: 5px;
    cursor: pointer; line-height:48px;
    text-align: center; padding:0px 25px; font-size:16px; font-weight:bold; -webkit-transition: color .3s,background-color .3s,border .3s;
    transition: color .3s,background-color .3s,border .3s;}
.part_4 .s_right .book .sumbit:hover{ background:#4555b7;}

.part_4 .s_right .refer{ margin-top:24px; margin-bottom:16px;display:none;}
.part_4 .s_right .refer .sumbit{    color: #FFF; background-color: #566ae5;border-radius: 5px;
    cursor: pointer; line-height:45px;
    text-align: center; padding:0px 25px; font-size:14px; font-weight:bold; -webkit-transition: color .3s,background-color .3s,border .3s;
    transition: color .3s,background-color .3s,border .3s; width:120px; display:inline-block; }
.part_4 .s_right .refer .sumbit:hover{ background:#4555b7;}
.part_4 .s_right .agree{ margin-bottom:26px; align-items:flex-start;}
.part_4 .s_right .agree a{ color:#7888ea;}
.part_4 .s_right .agree .star{ color:#4D5563;}
.part_4 .s_right .agree input[type='checkbox']{ width:20px; height:20px; border:2px #fff solid; border-radius:5px;-webkit-appearance: none;outline: none; margin-right:11px;cursor: pointer;}
.part_4 .s_right .agree input[type=checkbox]:checked {
    background: url(../images/gou_03.png) no-repeat center;
	background-size:cover;
    border: 0px solid #535353;
}

/*底部*/
.footer{ background:#192f60; color:#fff;}
.footer a{ color:#fff;}
.footer .container{ padding:60px 0px 72px;}
.footer .f_menu{ display:flex; flex-wrap: wrap;align-items:flex-start; }
.footer .f_menu ul{ flex:1;display:flex; flex-wrap: wrap;align-items:flex-start;}
.footer .f_menu ul li{ flex:1;}
.footer .f_menu .weix{ width:251px; margin-left:20px; padding-top:26px;}
.footer .f_menu .weix img{ width:auto; max-width:100%; height:auto;}
.footer .f_menu ul li .title{ font-size:22px; font-weight:bold;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; margin-bottom:30px; display:block;}
.footer .f_menu ul li .lab a{ display:block; color:#9DA7B6; line-height:2.5;}
.footer .f_menu ul li .lab a:hover{ color:#566ae5;}

/**下拉菜单**/
.header.navigation, .ui-body {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
html.active .navigation, html.active .ui-body {
    transform: translateX(-66%);
    -webkit-transform: translateX(-66%);
	position:relative; z-index:60;
	background-color:rgba(0,0,0,0.5); 
}
.ui-menu-fixed {
	right:0;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
}
.ui-menu-fixed {
	position: fixed;
	right: -100%;
	width: 66%;
	top: 0;
	z-index: 999;
	height: 100%;
	background-color: #fff;
	transition: all 0.64s ease 0s;
	-webkit-transition: all 0.64s ease 0s;
	display: -webkit-box;
	display:-moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
}
.ui-menu-fixed .m-header {
	z-index:100;
}
.ui-menu-fixed .m-header, .ui-menu-fixed .ui-menu-down li .return-p {
	height:60px;
	line-height:60px;
	background-color:#192f60;
	position:relative;
}
.ui-menu-fixed .m-header .searchform-wrapper {
	margin:0 10px;
	height:36px;
	position:relative;
	top:12px;
	overflow:hidden;
}
.ui-menu-fixed .m-header .ui-menu-close {
	position:absolute;
	width:18px;
	height:30px;
	width:30px;
	right:0;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
	z-index:10;
transition:all .5s;
-webkit-transition:all .5s;
	cursor:pointer;
}
.ui-menu-fixed .m-header .ui-menu-close i {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.ui-menu-fixed .m-header .ui-menu-close i:after {
	content:"\200B";
	display:block;
	position:absolute;
	width:17px;
	height:1px;
	border-radius:.5px;
	background: #fff;
	z-index:1;
	left:7px;
}
.header.product .ui-menu-btn .menu-box i{background: #0E48A4;}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(1):after {
top:14px;
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(2) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(2):after {
bottom:14px;
}
.ui-menu-fixed .m-header .search {
	position:absolute;
	height:36px;
	background-color:rgba(255, 255, 255, .1);
	left:0;
	right:50px;
	top:0;
	bottom:0;
	margin:auto;
	border-radius: 8px;
	padding-left:30px;
transition:all .5s;
-webkit-transition:all .5s;
}
.ui-menu-fixed .m-header .search .search-btn {
	position:absolute;
	width:26px;
	height:100%;
	left:0;
	top:0;
	background-position:center;
	background-size:13px 13px;
	background-repeat:no-repeat;
	background-image:url(../images/image_small.svg);
}
.ui-menu-fixed .m-header .search input {
	width:100%;
	color:white;
	padding-right:30px;
	float:left;
	background:none;
	border:none;
	height:36px;
	visibility:visible;
	line-height:normal;
	font-size:16px;
	outline:none;
}
.ui-menu-fixed .m-header .search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #ccc;
}
.ui-menu-fixed .m-header .search .searchform-cancel {
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:100%;
	z-index:10;
	display:none;
}
.ui-menu-fixed .m-header .search .searchform-cancel:after {
	position:absolute;
	content:"\200B";
	width:15px;
	height:16px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background-size: 15px 16px;
	background-repeat: no-repeat;
	background-image:url(../images/reset_small.svg);
}
.ui-menu-fixed .m-header .width-reset .search .searchform-cancel {
	display:block;
}
.ui-menu-fixed .m-header .width-reset .search {
	right:0px;
}
.ui-menu-fixed .m-header .width-reset .ui-menu-close {
	right:-30px;
}
.ui-menu-fixed .ui-menu-box {
	flex:1;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
}
.ui-menu-fixed .ui-menu-box.lock {
	overflow:hidden !important;
}
.ui-menu-fixed .ui-menu-down ul {
	box-sizing:border-box;
	padding-bottom:60px;
}
.ui-menu-fixed .ui-menu-down li {
	line-height: 60px;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
}
.ui-menu-fixed .ui-menu-down li a {
	display:block;
	padding:0 8%;
	font-size:16px;
	color:#666;
	position:relative;
font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
}
.ui-menu-fixed .ui-menu-down li.sub>a:after {
	content:"\200B";
	float:right;
	width:12px;
	height:12px;
	margin-top:26px;
	background-image:url(../images/gt.png);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}
.ui-menu-fixed .ui-menu-down li .return-p:after {
	display:none;
}
.ui-menu-fixed .ui-menu-down li ul {
	background:white;
	position:absolute;
	width:100%;
	height:100%;
	right:-100%;
	padding-top:60px;
	top:0;
	z-index:10;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.ui-menu-fixed .ui-menu-down li.open>ul {
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.ui-menu-fixed .ui-menu-down li a.return-p {
	color:#fff;
	cursor:pointer;
}
.ui-menu-down li .return-p span {
	background-image:url(../images/lt.png);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:20px;
	display:block;
	color:rgba(0255,255,255,.85);
}
.ui-menu-btn {
	width:28px;
	height:28px;
	position:absolute;
	overflow:hidden;
	right:0px;
	top:21px;
	cursor:pointer;
	display: flex;
    align-items: center;
    justify-content: center;
	display:none;
	z-index:999;
}
.ui-menu-btn .menu-box {
	width:28px;
	height:28px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	 border-radius:5px;
	 display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.ui-menu-btn .menu-box i {
	display:block; margin-bottom:6px;
	top:0;
	left:0;
	height:2px;
	width:100%;
	background:#fff;
transition:all .5s;
-webkit-transition:all .5s;
}

.ui-menu-btn .menu-box i:nth-child(1) {
width:60%;
}
.ui-menu-btn .menu-box i:nth-child(2) {
top:6px;
}
.ui-menu-btn .menu-box i:nth-child(3) {
width:80%; margin-bottom:0px;
top:13px;
}
html.active .ui-menu-btn .menu-box i {
	width:100%;
}
html.active .ui-menu-fixed {
	right:0;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
}

@media (max-width: 1100px){
.ui-menu-btn {
    display: flex;
}

.ui-menu-btn{ }
.top_two{ height:60px;}
.top_two .menu{ display:none;}
.search .box{ display:none;}
.header .top_one{ line-height:48px;}
.search{ margin-right:50px;}
.top_two .logo{ height:25px;}
.search .get{ padding:10px 14px;}
}

/*案例*/
.Achieve.finance{}
.Achieve.Value{}
.Achieve.finance .photo{  width:47%; flex:none;margin-left:40px;}
.Achieve.finance .photo img{ width:100%; height:auto; margin-left:0px;}
.Achieve.finance .a_left{ flex:1;}
.Achieve.Value .photo{ margin-right:40px; width:47%; flex:none;}
.Achieve.Value .photo img{ width:100%; height:auto; margin-left:0px;}
.Achieve.Value .a_left{ flex:1;}

.branded ul{align-items: stretch;display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 39px 39px;}
.branded ul li{ background:#fff; border-radius:5px; padding:41px 20px; text-align:center; box-shadow:0px 0px 16px #e5e3e3;}
.branded ul li .photo{ padding-top:17px; margin-bottom:32px;}
.branded ul li .photo img{ height:152px; width:auto;}
.branded ul li .title{    font-size: 18px;
    line-height: 24px; min-height:48px;
    color: #24303E;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
    font-weight: bold;
    margin-bottom: 5px;}
.branded ul li .desc{ font-size:16px; color:#666666;}
.wholes{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
align-items: stretch;}
.wholes .w_left{ width:40%;}
.wholes .w_left ul {align-items: stretch;display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 21px 21px; height:100%;}
.wholes .w_left ul li{position:relative; }
.wholes .w_left ul li a{}
.wholes .w_left ul li a img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
 .wholes .w_left ul li.last { border:15px #fdcd01 solid;}
  .wholes .w_left ul li.last .add{ position:absolute; margin:9px; left:0px; top:0px; right:0px; bottom:0px; background-image:url(../images/pb2f.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.wholes .w_left ul li a .xfk{background-color:rgba(0,0,0,0.2); color:#fff; text-align: center; line-height:2.5; position:absolute; left:0px; bottom:0px; width:100%;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -webkit-transition: color .3s,background-color .3s,border .3s;
    transition: color .3s,background-color .3s,border .3s; display:none;}
.wholes .w_left ul li a:hover .xfk{ display:block;}
.wholes .w_right{ width:57.5%; background:#334f8e; border-radius:5px; padding:33px 30px; color:#e1e1eb; display:flex;flex-direction: column;justify-content: space-between;}
.wholes .w_right .title{ font-size:24px; font-weight:bold;font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
    font-weight: bold; color:#fff;
    margin-bottom: 20px; padding-top:15px; position:relative;}
.wholes .w_right .title:before {
	width: 105px;
	height: 6px;
	position: absolute;
	border-radius:15px;
	left: 0px;
	top: 0px;
	background: #fff;
	content: '';
}
.wholes .w_right .desc{ flex:1; line-height:2; padding-bottom:20px; padding-right:6%;}
.wholes .w_right ul{align-items: stretch;display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 20px; text-align:center;}
.wholes .w_right ul li .big{ display:inline-block; position:relative; font-size:25px; font-weight:bold; margin-bottom:15px; padding-bottom:7px; color:#fff;}
.wholes .w_right ul li .big:before {
	width: 22px;
	height: 4px;
	position: absolute;
	border-radius:15px;
	left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	bottom: 0px;
	background: #fff;
	content: '';
}
.wholes .w_right ul li .intro{ display:block;}

.Achieve.finance1 .photo{  width:50%; flex:none;margin-left:40px;}
.Achieve.finance1 .photo img{ width:100%; height:auto; margin-left:0px;}
.Achieve.finance1 .a_left{ flex:1;}
.branded.custom ul{    grid-template-columns: repeat(3, 1fr);}
.branded.custom  ul li .photo{ margin-bottom:50px;}
.wholes.no1 .w_left ul{}
.wholes.no1 .w_left ul li{grid-column: auto / span 1;
}
.wholes.no1 .w_left ul li:nth-child(3){grid-column: auto / span 2;}
.wholes .factory{ width:57.5%; padding:57px;background-image:url(../images/s9ky.png); background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex; flex-direction: column; }
.wholes .factory .content{ background:#fff; max-width:389px; width:100%;flex:1; padding:27px 54px 50px; border-bottom:3px #ffcc01 solid;    display: flex;
    flex-direction: column;
    justify-content: center;}
.wholes .factory .content .title{ color:#24303E; position:relative;color: #24303E;font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif; padding-bottom:10px;}
.wholes .factory .content .title:before {
	width: 50px;
	height: 2px;
	position: absolute;
	left: 0%;
	bottom: 0px;
	background: #f0f0f0;
	content: '';
}
.wholes .factory .content .desc{ color:#6e6e6e;  line-height:2; margin-bottom:30px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.wholes .factory .content .more{ width:45px; height:45px; display:inline-block;background-image:url(../images/ua0i.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.part_3.no4 .container{ padding-bottom:100px;}

.Achieve.order .photo{ flex:1; text-align:center;margin-left:40px;}
.Achieve.order .photo img{ max-width:100%; width:auto; height:auto; margin-left:0px;}
.Achieve.order .a_left{ width:35%;}

/*订单管理*/
.supply{display: flex;
    align-items: center;
    justify-content:center;flex-wrap: wrap; margin-bottom:30px;}
.supply a{ display:inline-block; min-width:106px; margin:8px;text-align:center;cursor: pointer ;}
.supply a .sumbit1{ width:60px; height:60px; margin:0px auto; margin-bottom: 5px}
.supply a .sumbit2{ width:60px; height:60px; margin:0px auto; margin-bottom: 5px; display:none;}
.supply a .tit{ display:inline-block;border-bottom:2px #fff solid;}
.supply a:hover .tit,.supply a.cur .tit{ border-bottom:2px #566ae5 solid;}
.supply a.cur .sumbit2{ display:block;}
.supply a.cur .sumbit1{ display:none;}
.tabcontent_2 .Achieve{
	display:none;
}
.tabcontent_2 .Achieve.cur{
	display: flex;
}
.branded.no2 ul li .desc{ text-align:left;}
.Achieve.mana .photo{ margin-left:10%;}

/*关于我们*/
.about_one .container{flex-wrap: wrap; padding-top:104px;}
.about_one .content{ width:50%; padding-right:30px; padding-bottom:20px;}
.about_one .content .title{font-size: 24px;
    line-height: 28px;
    color: #24303E;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
    font-weight: bold;
    margin-bottom: 15px;}
.about_one .content .subit{font-size: 20px;color: #24303E; margin-bottom:10px; font-weight:bold;}
.about_one .content .desc{line-height: 1.7;
    color: #4D5563;}
.about_one .video{ position:relative; width:50%; margin-top:20px; margin-bottom:-20px; z-index:10;}
.about_one .video img{ width:100%; height:auto;}
.about_one .video .sp_but{ width:64px; height:64px; position:absolute; z-index:10; left:50%; top:50%;transform: translate(-50%,-50%);background-image:url(../images/mpng_68.png); background-repeat:no-repeat; background-position:center center; background-size:100%;opacity:.7;cursor:pointer;}
.culture{ color:#fff; background:#192f60;}
.culture .container{ padding:71px 0px 50px;}
.culture .grow { position:relative; margin-bottom:63px;}
.culture .grow .index_bt{ text-align:left; color:#fff; margin-bottom:15px; display:inline-block; position:relative; padding-right:15px;} 
.culture .grow .index_bt:after {
	width: 154px;
	height: 3px;
	position: absolute;
	right: -154px;
	top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	background: #fff;
	content: '';
}

.culture .grow .subit{ font-size:20px; font-weight:bold;}
.culture .grow .limited{ position:absolute; right:0px; display:flex;align-items: center;flex-wrap: wrap;}
.culture .grow .limited a{ font-size:16px; font-weight:bold; cursor: pointer;
    line-height: 1.2;
    padding: 9px 8px;
    min-width: 135px;width: auto;
    -webkit-transition: background-color 75ms linear;
    -moz-transition: background-color 75ms linear;
    transition: background-color 75ms linear;
    border-radius: 20px;
    border: 1px #fff solid;
    text-align: center;
    margin: 8px 12px; color:#fff;}
.culture .grow .limited a:hover,.culture .grow .limited a.cur{ background:#fff; color:#192f60;}
.cash ul{display: flex;
	 justify-content:center;
    flex-wrap: wrap;
align-items: stretch;}
.cash ul li{ width:20%; padding:8px 21px;}
.cash ul li img{ width:100%; height:100%;     -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 74%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 74%, 50% 100%, 0% 75%, 0% 25%);}
.tabcontent_1 .cash{
	display:none;
}
.tabcontent_1 .cash.cur{
	display: flex;
}
.part_8 .container{ padding-top:78px; padding-bottom:100px;}
.part_8 .grow { position:relative; color:#192f60; margin-bottom:63px;}
.part_8 .grow .index_bt{ text-align:left; color:#192f60; margin-bottom:15px; display:inline-block; position:relative; padding-right:15px;} 
.part_8 .grow .index_bt:after {
	width: 154px;
	height: 3px;
	position: absolute;
	right: -154px;
	top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	background: #192f60;
	content: '';
}

.part_8 .grow .subit{ font-size:20px; font-weight:bold;}
.part_8 .grow .limited{ position:absolute; right:0px;   display:flex;align-items: center;}
.part_8 .grow .limited a{ font-size:16px; font-weight:bold; cursor: pointer;
    line-height: 1.2;
    padding: 9px 8px;
    min-width: 135px;width: auto;
    -webkit-transition: background-color 75ms linear;
    -moz-transition: background-color 75ms linear;
    transition: background-color 75ms linear;
    border-radius: 20px;
    border: 1px #192f60 solid;
    text-align: center;
    margin: 8px 12px; color:#192f60;}
.part_8 .grow .limited a:hover,.part_8 .grow .limited a.cur{ background:#192f60; color:#fff;}
.news_1 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 32px 27px;}
.news_1 ul li{ box-shadow: 0px 0px 16px #e5e3e3; border-radius:5px; padding:16px 18px;}
.news_1 ul li .photo{ position:relative;padding-top:78%; margin-bottom:25px;}
.news_1 ul li .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;border-radius:5px;}
 .news_1 ul li .title a{ display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 18px;
    line-height: 24px;
    min-height: 48px;
    color: #24303E;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
    font-weight: bold;
    margin-bottom: 10px;}
 .news_1 ul li .desc{ display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 16px;
    color: #666666; line-height:1.8;
    margin-bottom: 15px;}
 .news_1 ul li .date{color: #666666; font-size:14px; }
 .tabcontent_2 .news_1{
	display:none;
}
.tabcontent_2 .news_1.cur{
	display: flex;
}
.Choose a.ass{ min-width:220px;}
.sm_title{    text-align: center;
    color: #24303E;
    font-size: 20px;
    margin-bottom: 35px;
    font-weight: bold;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif;}
	
.wholes .a_left{ width:57.5%;display: flex;flex-direction: column;  justify-content: center; padding:0px 6% 0px 4%;}
.wholes .a_left .gray{text-transform: uppercase;color: #6B747E;
    font-family: "GT-America-Standard-Bold",Helvetica Neue,Helvetica,Arial,sans-serif; font-weight:bold; line-height:18px; margin-bottom:10px;}
.wholes .a_left .title{ font-size:20px; line-height:28px; color:#24303E;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; font-weight:bold; margin-bottom:15px;}
.wholes .a_left .desc{ line-height:1.5; color:#4D5563; font-size:15px;}

/*贸易管理*/
.clearance ul{ display:flex; flex-wrap: wrap;
align-items: stretch;}
.clearance ul li{}
.clearance ul li.no1{ width:29%;}
.clearance ul li.no1 img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.clearance ul li.no2{ width:29%; background:#1e1e1e; position:relative;}
.clearance ul li.no2 .content{ padding-top:25%; padding-left:12%; padding-right:12%;  color:#fff;}
.clearance ul li.no2 .content .title{font-size:20px; line-height:28px; color:#fff;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; font-weight:bold; margin-bottom:10%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.clearance ul li.no2 .content .desc{ line-height:2.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; }
.clearance ul li.no2 .more{ position:absolute; left:0px; bottom:0px; width:100%; font-size:20px; color:#fff;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; font-weight:bold; background:#334f8e; text-align:center; line-height:63px;}
.clearance ul li.no3{ flex:1; overflow:hidden;align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px 0px;}
.clearance ul li.no3 .framework{ width:100%;height:100%;}
.clearance ul li.no3 .framework .pic2{ width:100%; height:100%;}
.clearance ul li.no3 .framework.no1{display: flex;
    align-items: center;
    }
.clearance ul li.no3 .framework.no1 .content{ padding-left:12%; padding-right:12%; color:#172f5f;}
.clearance ul li.no3 .framework.no1 .content .title{font-size:16px;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; font-weight:bold; margin-bottom:10%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.clearance ul li.no3 .framework.no1 .content .desc{ line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.clearance ul li.no3 .framework.no4{display: flex;
    align-items: center; justify-content: center;}
.clearance ul li.no3 .framework.no4 .butt{ display:inline-block; width:42px; height:42px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin:0px 5px;cursor:pointer;-webkit-transition: color .3s,background-color .3s,border .3s; transition: color .3s,background-color .3s,border .3s;}
.clearance ul li.no3 .framework.no4 .bnl{ background-image:url(../images/ll.jpg);}
.clearance ul li.no3 .framework.no4 .bnr{ background-image:url(../images/rr.jpg);}
.clearance ul li.no3 .framework.no4 .bnl:hover{ background-image:url(../images/lll_5ncf.jpg);}
.clearance ul li.no3 .framework.no4 .bnr:hover{ background-image:url(../images/rrr_7grd.jpg);}

/*物流*/
.search_one{ background:#192f60;}
.search_one .container{ padding-top:78px; padding-bottom:127px;}
.search_one .index_bt{ color:#fff;}
.search_for { width:90%; margin:0px auto;}
.search_for .form_one{ flex:1; background:#475981; overflow:hidden;padding: 0 24px; height:52px; line-height:normal;  border:0px #fff solid; font-size:16px;border-radius: 4px; color:#b4baca; font-weight:bold; margin-right:24px; }
.search_for .form_one::-webkit-input-placeholder {
color:#b4baca; 
}
.search_for .sumbit{    color: #FFF; background-color: #4361ff;border-radius: 5px;
    cursor: pointer; line-height:52px;
    text-align: center; padding:0px 25px; font-size:18px; font-weight:bold; -webkit-transition: color .3s,background-color .3s,border .3s;
    transition: color .3s,background-color .3s,border .3s;}
.search_for .sumbit:hover{ background:#2b45ce;}
.search_for .form_one:focus {
caret-color:#566ae5 ;border:2px #566ae5 solid;}

.Logistics ul li{display: flex;
    align-items: center; margin-bottom:100px;}
.Logistics ul li .photo{ width:48%;box-shadow: 0px 0px 16px #e5e3e3;border-radius:10px;}
.Logistics ul li .photo img{ padding:10px; border-radius:5px;    width: 100%;}
.Logistics ul li .tpleft{ width:52%; padding-right:4%; padding-left:1%;}
.Logistics ul li .tpleft .big{font-size:24px; color:#24303E;
    font-family: "GT-America-Standard-Bold",Helvetica Neue,Helvetica,Arial,sans-serif; font-weight:bold; margin-bottom:10px;}
.Logistics ul li .tpleft .title{ font-size:18px;  color:#24303E;font-family: "GT-America-Extended-Medium",Verdana,sans-serif; font-weight:bold; margin-bottom:8px;}
.Logistics ul li .tpleft .desc{ line-height:1.5; color:#4D5563; font-size:15px;}
.Logistics ul li:nth-child(2n){ flex-direction: row-reverse;}
.Logistics ul li:nth-child(2n) .tpleft{ padding-right:0%; padding-left:4%;}

/*资源*/
.Market{display: flex;  flex-wrap: wrap;
align-items: stretch; justify-content: space-between;color:#fff;}
.Market a{ color:#fff;}
.Market .m_left{ width:29%; background:#192f60; padding:10px; border-radius:7px; }
.Market .m_left .photo{ position:relative; padding-top:110%; margin-bottom:10px;}
.Market .m_left .photo img{ position:absolute; width:100%; height:100%; left:0px; top:0px;object-fit: cover;
 object-position: center center;}
.Market .m_left .title a{ color:#fff;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:18px; margin-bottom:10px;}
.Market .m_left .date{ font-size:12px;}
.Market .m_right{ width:69%;display: flex;flex-direction: column;}

.Market .m_right .m_top{ flex:1;}
.Market .m_right .m_top.no1{background:#192f60; padding:15px; border-radius:7px; color:#fff; margin-bottom:22px; }
.Market .m_right .m_top.no2{ display: flex;
   align-items: stretch; flex-wrap: wrap; justify-content: space-between; }
.Market .m_right .m_top.no2 .source_l{ width:73%; margin-right:22px;background:#192f60; padding:15px; border-radius:7px; color:#fff;  }
.Market .m_right .m_top.no2 .source_r{ flex:1;background:#192f60; padding:15px; border-radius:7px; color:#fff; overflow:hidden;}
.Market .m_right .m_top .date{font-family: "Bebas"; font-size:32px; line-height:1.2;}
.Market .m_right .m_top .date .more{ width:23px; height:12px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ziyuan_06.jpg);}
.Market .m_right .m_top .year{ border-bottom:1px #fff solid; font-size:14px; padding-bottom:5px; margin-bottom:7px;}
.Market .m_right .m_top .title a{ font-weight:bold;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:10px; font-size:18px;}
.Market .m_right .m_top .desc{ color:#babec9;-webkit-line-clamp:2;}
.Market .m_right .m_top .source_r{display: flex;
    align-items: center;
    justify-content: center;}
.Market .m_right .m_top .source_r .more_1{ font-size:20px; font-weight:bold;}
.Achieve.Value .photo.video_1{ position:relative;}
.Achieve.Value .photo.video_1:after {
	width: 64px;
    height: 64px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../images/mpng_68.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    opacity: .7;
    cursor: pointer;
	content: '';
}

/*资源*/
.wholes1{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
align-items: stretch;}
.wholes1 .w_left{ width:40%;}
.wholes1 .w_left ul {align-items: stretch;display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 21px 21px; height:100%;}
.wholes1 .w_left ul li{ background:#fff;box-shadow: 0px 0px 16px #e5e3e3;}
.wholes1 .w_left ul li a{ display:block; text-align:center; padding:38px 0px;}
.wholes1 .w_left ul li a img{ height:108px; width:auto;object-fit: cover;
 object-position: center center; margin-bottom:25px;}
 .wholes1 .w_left ul li a .title{ width:95%; margin:0px auto; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;font-size: 16px;
    line-height: 24px;
    min-height: 48px;
    color: #324f8b;
    font-family: "GT-America-Extended-Medium",Verdana,sans-serif;
    font-weight: bold;}
.wholes1 .w_right{ width:57.5%; position:relative; border-radius:5px; overflow:hidden;}
.wholes1 .w_right img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.wholes1 .w_right:after {
	width: 74px;
    height: 74px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../images/mpng_68.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    opacity: .7;
    cursor: pointer;
	content: '';
}
.Successful ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 36px 31px;align-items: stretch;}
.Successful ul li{ background:#e9eef4; border-radius:5px; overflow:hidden;}
.Successful ul li .photo{ position:relative; padding-top:75%; display: block;}
.Successful ul li .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.Successful ul li .content{ padding:34px 28px;}
.Successful ul li .content .pic{ margin-bottom:25px;}
.Successful ul li .content .pic img{ height:68px; width:auto;}
.Successful ul li .content .eng{text-transform: uppercase;
    color: #6B747E;
    font-family: "GT-America-Standard-Bold",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: bold; font-size:14px;
    line-height: 18px;
    margin-bottom: 5px;}
.Successful ul li .content .desc {
    color: #24303E;
    font-family: "GT-America-Standard-Bold",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: bold; font-size:18px;
    line-height: 28px; height:84px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;
    margin-bottom: 20px;}
.Successful ul li .content .more{ padding-bottom:3px;display:inline-block; color: #24303E;
    font-family: "GT-America-Standard-Bold",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: bold; border-bottom:3px #4cdac0 solid;}
.Successful.no1 ul li .content .desc{height:56px;-webkit-line-clamp:2;}
.lazy-load{
    transform: translate3d(0px, 100px, 0px);
    transition: opacity 1250ms ease 25ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 25ms;
    opacity: 0;
}
.lazy-load.animated{
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 1250ms ease 25ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 25ms;
    opacity: 1;
}

@media screen and (max-width:1500px){
	.index1 .swiperPop ul li .photo img{ height:132px;}
	.branded ul li .photo img{ height:132px;}
}
@media screen and (max-width:1200px){
	.Achieve .a_left{ flex:1;}
	body{ font-size:14px;}
	.search .box{ width:200px; margin-right:26px;}
	.Achieve .photo img{ margin-left:20px;}
	.aboutus{ display:flex;align-items: stretch; flex-wrap: wrap;}
	.aboutus .photo{ width:50%; border-radius:0px;}
	.aboutus .photo img{ height:100%;}
	.aboutus .content{ position:static; width:50%; border-radius:0px;}
	/*.market ul{grid-gap: 20px;}*/
	.Achieve.order .a_left{ flex:1;}
	.culture .grow .limited{ position:static; justify-content: center; width:100%; margin-top:4%;}
	.part_8 .grow  .limited{ position:static; justify-content: center; width:100%; margin-top:4%;}
	.clearance ul li.no3 .framework.no1 .content .desc{ line-height:1.4;}
	.clearance ul li.no2 .content .title{ font-size:18px;}
	.clearance ul li.no3 .framework.no1 .content .title{}
	.clearance ul li.no2 .more{ font-size:18px; line-height:54px;}
	.branded ul li .title{ font-size:16px;}
	.wholes1 .w_left ul li a img{ height:88px;}
	.aboutus:before { display:none;}
}
@media screen and (max-width:1100px){
	.market ul li{grid-column: auto / span 6 !important;}
	.market ul li:nth-child(6){ grid-row: auto / span 1 ;}
	.market ul li .photo{ padding-top:57% !important;}
	.footer .f_menu ul{ flex:none; width:100%;}
	.footer .f_menu ul li{ width:25%;}
	.footer .f_menu .weix{ width:100%; text-align:center;}
	.branded ul{grid-gap: 19px 19px;}
	.branded ul li .desc{ font-size:14px;}
	.supply a{ display:inline-block; min-width:86px;}
	.supply a .sumbit1,.supply a .sumbit2{ width:40px; height:40px;}
	.clearance ul li.no1,.clearance ul li.no2{ width:50%;}
	.clearance ul li.no3{ flex:none; width:100%;}
}
@media screen and (max-width:900px){
	.brand ul li{ width:25%;}
	.logistics ul{grid-template-columns: repeat(4, 1fr);}
	.Choose a{ margin:8px 5px;}
	.Achieve .a_left{ width:100%; flex:none;}
	.Achieve .photo{ flex:none; width:100%; text-align:center; margin-top:30px;}
	.Achieve .photo img{ margin-left:0px;}
	.part_4 .s_left{ width:100%; flex-wrap: wrap;}
	.part_4 .s_right{ width:100%; padding-left:0px;}
	.part_4 .s_left .title{ width:100%; flex:none; font-size:28px; margin-bottom:25px;}
	.part_4 .s_left .title{}
	.branded ul{grid-template-columns: repeat(2, 1fr);}
	.wholes .w_left{ width:100%; margin-bottom:4%;}
	.wholes .w_right{ width:100%;}
	.wholes .factory{ width:100%;}
	.Achieve.mana .photo{ margin-left:0px;}
	.about_one .content{ width:100%; padding-right:0px; margin-bottom:0%;}
	.about_one .video{ width:100%; margin-bottom:6%;}
	.about_one .container{ padding-top:64px;}
	.cash ul li{ width:33.3%;}
	.culture .grow{ margin-bottom:43px;}
	.news_1 ul{grid-template-columns: repeat(2, 1fr);
}
.part_8 .grow{ margin-bottom:43px;}
.wholes .a_left{ width:100%; margin-bottom:5%;}
.wholes1 .w_left ul li a .title{ font-size:14px;}
.Successful ul li .content .pic img{ height:38px;}
.Successful ul{    grid-gap: 21px 21px;}
.Successful ul li .content .eng{ font-size:12px;}
.Successful ul li .content .desc{ font-size:16px;}
}
@media screen and (max-width:767px){
    .p-hidden{display:block}
    .p-show{display:none}
	.dwykra{padding: 42px 0px 30px;}
	.brand .title{ margin-bottom:30px;}
	.index_bt{ margin-bottom:30px;}
	.brand .title{ font-size:22px;}
	.index_bt{ font-size:22px;}
	.logistics ul{grid-template-columns: repeat(3, 1fr);    grid-gap: 8px 18px;}
	.logistics{ margin-bottom:40px;}
	.Achieve .a_left .title{ font-size:18px;}
	.Choose{ margin-bottom:30px;}
	.index1 .swiperPop ul li .title{ font-size:16px;}
	.index1 .swiperPop ul li .desc{ font-size:14px;}
	.indexSwiper .swiper-pagination{ margin-top:54px;}
	.index1 .container {
    padding-top: 50px;
    padding-bottom: 45px;
}
.part_1 .dwykra{ padding-bottom:54px;}
.aboutus .content .title{ font-size:20px;}
.market ul li{grid-column: auto / span 12 !important;}
	.market ul li:nth-child(6){ grid-row: auto / span 1 ;}
	.market ul li .content .title a{ font-size:16px;}
	.market ul li .content {
    padding: 20px 25px 30px;
}
.market ul li .content .gray{ font-size:12px;}
.index1 .index_bt{ margin-bottom:42px;}
.aboutus .content{ width:100%;}
.aboutus .photo{ width:100%;}
.aboutus .content .more{ font-size:16px; width:120px;padding: 10px 10px;}
.aboutus .content .desc{font-size: 14px; line-height:1.7;}
.Achieve .a_left .infor a.more{ font-size:14px;padding: 12px 20px;}
.Achieve .a_left .infor a.get{ font-size:14px;}
.Achieve .a_left .gray{ font-size:12px;}
.aboutus .content{padding: 25px 30px;}
.part_4 .s_left .photo{ width:130px; height:130px;}
.part_4 .s_left .title{ font-size:25px; line-height:1.3;}
.part_4 .s_right .book .sumbit{ display:none;}
.part_4 .s_right .refer{ display:block;}
.part_4 .s_right .book .form_one{ max-width:100%;}
.part_2 .container{ padding-bottom:65px;}
.part_3 .container{ padding-bottom:62px;}
.footer .container{ width:100%;}
.footer .f_menu ul li .title{ font-size:14px; font-weight:normal; margin-bottom:0px; line-height:55px;display: flex;
    align-items: center;
    justify-content: space-between; }
.footer .f_menu ul li .title span{ display:inline-block; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:center center; width:15px; height:15px; background-size:cover;}
.footer .f_menu ul li{ width:100%; flex:none; border-bottom: 1px solid rgba(0, 0, 0, 0.2) ;    padding: 0px 5%;}
.footer .f_menu ul li .lab a{ font-size:12px;}
.footer .f_menu ul li .lab{ padding-bottom:15px; display:none;}
.footer .f_menu ul li.active{ background:rgb(4, 29, 46);}
.footer .f_menu ul li.active .lab{ display:block;}
.footer .f_menu ul li.active .title span{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.footer .f_menu .weix img{ width:180px; height:auto;}
.Achieve.finance .a_left{ flex:none; width:100%; }
.Achieve.finance .photo{ width:100%; margin-left:0px; text-align:center;}
.Achieve.Value .photo{ width:100%; margin-right:0px; margin-bottom:7%;}
.Achieve.finance1 .a_left{ flex:none; width:100%; margin-bottom:3%;}
.Achieve.finance1 .photo{ width:100%; margin-left:0px;}
.wholes .w_right .title{ font-size:22px; padding-top:10px;}
.wholes .w_right .title:before{width: 85px;
    height: 4px;}
.branded ul li .photo img{ height:112px;}
.branded ul li .title{ font-size:16px;}
.branded ul li .desc{ font-size:14px;}
.wholes .w_right .desc{ padding-right:0px;}
.wholes .w_left ul{grid-gap: 10px 10px;}
.wholes .factory{padding: 27px;}
.wholes .factory .content{padding: 27px 24px 40px;}
.part_3.no4 .container{ padding-bottom:16%;}
.Achieve.order .a_left{ flex:none; width:100%;}
.Achieve.order .photo{ flex:none; width:100%; margin-left:0px;}
.culture .grow .subit{ font-size:16px;}
.culture .grow .limited a{ font-size:14px;}
.part_8 .grow .limited a{ font-size:14px;}
.culture .grow .limited a{    padding: 8px 6px;
    min-width: 115px;}
.part_8 .grow .limited a{padding: 7px 6px;
    min-width: 115px;}
.news_1 ul li .title a{ font-size:16px;}
.news_1 ul li .desc{ font-size:14px;}
.news_1 ul li .date{ font-size:12px;}
.culture .grow .index_bt:after{ width:104px;right: -104px;}
.part_8 .grow .index_bt:after{ width:104px;right: -1004px;}
.about_one .container{ padding-bottom:30px;}
.sm_title{ font-size:18px; margin-bottom:25px;}
.wholes .a_left{ padding-left:0px; padding-right:0px;}
.wholes .a_left .title{ font-size:18px;}
.wholes .a_left .gray{ font-size:12px;}
.Achieve .a_left .desc{ font-size:14px;}
.wholes .a_left .desc{ font-size:14px;}
.Logistics ul li{flex-direction: row-reverse; flex-wrap: wrap; margin-bottom:50px;}
.Logistics ul li .photo{ width:100%; }
.Logistics ul li .tpleft{ width:100%;margin-bottom:8%; padding-left:2% !important; padding-right:2% !important;}
.Logistics ul li .tpleft .big{ font-size:22px;}
.Logistics ul li .tpleft .title{ font-size:16px;}
.Logistics ul li .tpleft .desc{ font-size:14px;}
.search_for{ width:100%; flex-wrap: wrap; align-items: center;justify-content:center;}
.search_for .form_one{ flex:none; width:90%; margin-right:0px; margin-bottom:20px; height:45px; }
.search_one .container{ padding-top:42px; padding-bottom:70px;}
.search_for .sumbit{ line-height:45px; font-size:16px;}
.Market .m_left{ width:100%; margin-bottom:15px;}
.Market .m_right{ width:100%;}
.Market .m_left .title a{ font-size:16px;}
.Market .m_right .m_top .title a{ font-size:16px;}
.Market .m_right .m_top .source_r .more_1{ font-size:16px;}
.Market .m_right .m_top.no1{ margin-bottom:15px;}
.Market .m_right .m_top.no2 .source_l{ margin-right:0px;}
.Market .m_right .m_top.no2 .source_l{ width:100%; margin-bottom:15px;}
.wholes1 .w_left{ width:100%;}
.wholes1 .w_right{ width:100%; margin-top:15px;}
.wholes1 .w_left ul li a img{ height:68px;}
.wholes1 .w_left ul{    grid-gap: 15px 15px;}
.Successful ul {
    grid-template-columns: repeat(2, 1fr);

}
}
@media screen and (max-width:650px){
	.branded ul{ grid-template-columns: repeat(1, 1fr);}
	.branded.custom ul {
    grid-template-columns: repeat(1, 1fr);
}
.wholes .w_right ul{ grid-template-columns: repeat(2, 1fr);}
.wholes .w_right{ padding: 33px 20px;}
.wholes .w_right ul li .big{ padding-bottom:3px;}
.wholes .w_right ul li .big:before{width: 18px;
    height: 3px;}
	.cash ul li{    padding: 8px 7px;}
	.part_8 .container{padding-top: 48px;
    padding-bottom:12px;}
	.tabcontent_2 .news_1.cur{flex-wrap: wrap;}
	.part_8 .container{ padding-bottom:58px;}
	.part_8 .grow .subit{ font-size:18px;}
}
@media screen and (max-width:580px){
	.brand ul li{ width:50%;padding: 10px 12px;}
	.Choose a{ flex: 1;
    max-width: 50%;
    min-width: 40%;
    white-space: nowrap;}
	.Choose a:hover, .Choose a.cur{ font-weight:normal;}
    .culture .grow{ margin-bottom:23px;}
	.news_1 ul {
    grid-template-columns: repeat(1, 1fr);
}
.clearance ul li.no2 .content .title{ font-size:16px;}
.clearance ul li.no2 {}
	.clearance ul li.no2 .content{ padding-top:10%;}
	.clearance ul li.no2 .more{ font-size:14px; line-height:3;}
	.clearance ul li.no2 .content .title{ font-size:16px; line-height:1.4;}
	.clearance ul li.no2 .content .desc{ line-height:1.4; font-size:12px;}
	.clearance ul li.no3 .framework.no1 .content .title{ line-height:1.4;}
	.clearance ul li.no3 .framework.no1 .content .desc{ font-size:12px;}
	.Successful ul {
    grid-template-columns: repeat(1, 1fr);

}
}
@media screen and (min-width: 901px){
    .cash ul li {
   
    min-width: 230px;
}
.logistics ul{display:flex}
.logistics ul{width:50%;margin:0 auto}
.logistics ul li{flex:1}
}
@media screen and (min-width: 901px){
    .cash ul li {
   
    min-width: 230px;
}
}
@media screen and (max-width:350px){
	body{ font-size:12px;}
	.experience ul li .num{ font-size:37px;}
}

.cash .img-wrap {
  position: relative;
  display: inline-block;
  height: 106%;
}

.cash .img-wrap .text {
    display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
   
 background-color: rgb(66 66 66 / 18%);
   
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 20%;
    box-sizing: border-box;
    clip-path: polygon(50% 0%, 100% 25%, 100% 74%, 50% 100%, 0% 75%, 0% 25%);
}
@media screen and (max-width:750px){
	.cash .img-wrap .text{ 
	    font-size: 12px;
	}
	.Logistics iframe{width:100%;}
}
.q_shop ul{display:grid;grid-gap: 20px;}
.about-item{grid-template-columns: repeat(2, 1fr);display: grid;grid-gap: 10px;}
.q_shop ul a{font-size:16px;display:block;text-align:left;color:#24303E;display: -webkit-box;-webkit-line-clamp: 2;    -webkit-box-orient: vertical;    word-break: break-all;    overflow: hidden;    text-overflow: ellipsis;}
.price_sales{display:flex;justify-content: space-between;line-height:1.5em;color:#24303E;margin-top:10px;font-size:16px}
.red{color:red;font-size:18px;}
/*.Logistics iframe{width:100%;min-height:500px}*/
@media (min-width: 768px) {
.q_shop ul{grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(2, 1fr);}
.about-item{grid-template-columns: repeat(4, 1fr);display: grid;grid-gap: 20px;}
.about-item img{width:100%;height:240px;}
.q_shop ul a{font-size:18px;}
.red{font-size:24px;}    
/*.Logistics iframe{min-height:700px}*/
}