.site-navbar {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-top: 0
}
.brand-logo,
.default-logo,
.responsive-logo {
	max-width: 273px;
	transition: all .4s;
	position: relative;
	margin-right: 35px
}
.site-header--menu-right .menu-block-wrapper {
	position: static
}
.site-header--menu-right .menu-block {
	margin-left: auto
}

.site-navbar .menu-block-wrapper {
	/*flex-grow: 1;*/
	align-items: center
}

.site-header--absolute {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999
}

.site-header--sticky:not(.mobile-sticky-enable) {
	position: absolute!important;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 999
}

.site-header--sticky.mobile-sticky-enable {
	top: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	position: fixed!important;
	transition: .4s
}

.site-header--sticky.mobile-sticky-enable.scrolling {
	transform: translateY(-100%);
	transition: .4s
}

.site-header--sticky.mobile-sticky-enable.reveal-header {
	transform: translateY(0%);
	box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
	z-index: 9999
}

.site-header--menu-center .container {
	position: relative
}

.site-header--menu-center .menu-block-wrapper {
	position: static
}
.site-header--menu-left .menu-block .site-menu-main {
	justify-content: flex-start;
	padding-left: 15px
}

.top-contact-menu-wraper .header-btn {
	order: 3
}

.top-contact-menu-wraper .mobile-menu-trigger {
	order: 4
}

.top-contact-block ul {
	display: flex;
	align-items: center
}

.top-contact-block ul li {
	display: inline-flex;
	align-items: center
}

.top-contact-block span {
	height: 30px;
	width: 1px;
	background: rgba(29, 36, 58, 0.12);
	margin: 0 35px
}

.top-contact-block img {
	margin-right: 12px
}

.top-contact-block a {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 17px;
	line-height: 30px;
	color: #1D263A
}

@-webkit-keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(100%)
	}
	100% {
		opacity: 1;
		transform: translateX(0%)
	}
}
@keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(100%)
	}
	100% {
		opacity: 1;
		transform: translateX(0%)
	}
}

@-webkit-keyframes slideRight {
	0% {
		opacity: 1;
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		transform: translateX(100%)
	}
}

@keyframes slideRight {
	0% {
		opacity: 1;
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		transform: translateX(100%)
	}
}

.site-menu-main {
	margin-bottom: 0;
	padding-left: 0
}

.site-menu-main li {
	list-style: none
}

.site-menu-main ul {
	list-style: none;
	margin-left: 0
}

.site-menu-main a {
	text-decoration: none
}

.navbar {
	padding-top: 0;
	padding-bottom: 0
}


.site-menu-main .nav-item {
	display: inherit
}



.light-color .site-menu-main .nav-link-item {
	color: var(--white-color)
}

.tekup-header2 .site-menu-main .nav-link-item {
	color: var(--heading-color2)
}

.tekup-header4 .site-menu-main .nav-link-item {
	color: var(--heading-color3)
}

.tekup-header5 .site-menu-main .nav-link-item {
	color: var(--light-color4)
}


.dark-mode-texts .nav-link-item {
	color: #fff
}



.sub-menu.megamenu:before {
	content: none
}

.site-menu-main .sub-menu.shape-none:before {
	content: none
}




.site-menu-main .sub-menu--item>a .menu-item-text {
	position: relative;
	transition: all .3s ease
}

.site-menu-main .sub-menu--item>a .menu-item-text::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
	height: 2px;
	width: 0;
	background-color: #202030;
	transition: all .3s ease
}

.site-menu-main .sub-menu--item>a:hover .menu-item-text::after {
	left: 0;
	right: auto;
	width: 100%
}


.site-menu-main .sub-menu.megamenu .dropdown-image-block {
	max-height: 336px
}


.site-menu-main .sub-menu.megamenu .single-dropdown-block .mega-drop-menu-item {
	padding-top: 8px;
	padding-bottom: 8px;
	display: block
}

.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	font-size: 15px;
	font-weight: 600;
	transition: .4s;
	color: #000
}



.site-menu-main>li .sub-menu>ul>li>a {
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555;
	transition: color .3s ease;
	text-decoration: none;
	text-transform: capitalize
}

.site-menu-main>li .sub-menu.mega-menu {
	left: 50%;
	transform: translateX(-50%)
}

.mobile-menu-head,
.mobile-menu-trigger {
	display: none
}

.nav-item-has-children a {
	display: flex;
	justify-content: space-between;
	text-transform: capitalize
}

.reveal-header {
	background: #0D152E!important
}

.reveal-header .nav-link-item {
	color: #fff!important
}

.reveal-header .btn {
	color: #fff!important
}

.reveal-header .btn:hover {
	color: #fff!important
}

.reveal-header .dark-version-logo {
	display: block!important
}

.reveal-header .light-version-logo {
	display: none!important
}

.menu-block.active .nav-link-item {
	color: #000!important
}


ul.site-menu-main .nav-item i {
	transition: all .4s ease-in-out
}

ul.site-menu-main .nav-item:hover i {
	transform: rotate(-180deg)
}

li.sub-menu--item.nav-item-has-children:hover i {
	transform: rotate(-180deg)!important
}

li.sub-menu--item.nav-item-has-children i {
	transform: rotate(-90deg)!important;
	transition: all .4s ease-in-out
}

.single-dropdown-block h3 {
	opacity: .5;
	color: #000;
	font-size: 13px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.1px;
	line-height: normal;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 25px;
	display: none
}



.landing-2-menu .navbar {
	border-bottom: 1px solid rgba(29, 36, 58, 0.12)
}

.btn {
	position: relative;
	z-index: 5;
	border-radius: 6px;
	border: 0;
	font-size: 16px;
	font-weight: 700;
	height: 40px;
	min-width: 130px;
	line-height: 28px;
	letter-spacing: -0.53px;
	padding: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all .4s ease-in-out
}

.log-in-btn {
	width: 160px;
	height: 50px;
	background: #FD4C5C;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	padding: 10px;
	color: #fff;
	font-weight: 600;
	transition: all .4s;
	margin-left: 30px;
	position: relative;
	overflow: hidden;
	z-index: 0
}

.log-in-btn:after {
	content: "";
	background: #0F1A54;
	position: absolute;
	transition: all .3s ease-in;
	z-index: -1;
	height: 100%;
	left: -35%;
	top: 0;
	transform: skew(30deg);
	transition-duration: .4s;
	transform-origin: top left;
	width: 0
}

a.log-in-btn:hover:after {
	height: 100%;
	width: 135%
}

.log-in-btn.red-btn {
	color: #fff;
	background-color: #FD4C5C
}

.log-in-btn.yellow-btn {
	color: #0F1A54;
	background-color: #FBC21D
}

.log-in-btn.yellow-btn:hover {
	background-color: #fff
}


.footer{background: #eeeeee;padding:50px 0;margin-top: 0;display: block; overflow: hidden;}



.gpct{display: block;overflow: hidden;margin-bottom:0;}
.gpct .cag{ display: block; overflow: hidden; margin-bottom: 10px;}
.gpct .cag span{display: block;float: left;color: #333;font-size: 16px; margin-right: 10px;}
.gpct .cag font{display: block;float: left;color: #333;font-size: 16px;} 
.gpct .gpcs2 p{ line-height: 1em; font-size: 40px;color: #333;float: none;display: inline-block;}
.gpct .gpcs2 span{font-size: 14px;color: #333;float: none; display: inline-block;margin-left: 10px;}
.gpct .gpcs2{margin-bottom: 10px;}
.gpct .gpcs3 span,.gpct .gpcs3 font{    font-size: 14px; color: #333;}



.fbot{display: block;overflow: hidden;margin: 30px 0 0 0;border-top: 1px solid #eee;padding-top: 30px;}
.fbot dd{display: block;float: left;overflow: hidden;}
.fbot dd span{ display: block;color: #333;font-size: 14px; float: left; }
.fbot dd a{display: block;color: #333;float: left;margin:0 0 0 40px;font-size: 14px;}
.fbot dd a img{ display: inline-block;}
.fbot dt{display: block;float: right;overflow: hidden;}
.fbot dt a{ color: #333; font-size: 14px;} 
.fbot a:hover,.ficer dl dt span a:hover,.innew dd a:hover span{color: #0073b7;}



.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	/*display: block*/
	display: flex;
	margin: 0 auto;
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}






@font-face {
	font-family: "remixicon";
	src: url('../font/remixicon.eot');
	src: url('../font/remixicon.eot') format('embedded-opentype'), url("../font/remixicon.woff2") format("woff2"), url("../font/remixicon.woff") format("woff"), url('../font/remixicon.ttf') format('truetype'), url('../font/remixicon.svg') format('svg');
	font-display: swap
}

[class^="ri-"],
[class*="ri-"] {
	font-family: 'remixicon'!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	    font-size: 36px;
}

.ri-lg {
	font-size: 1.3333em;
	line-height: .75em;
	vertical-align: -.0667em
}

.ri-xl {
	font-size: 1.5em;
	line-height: .6666em;
	vertical-align: -.075em
}

.ri-xxs {
	font-size: .5em
}

.ri-xs {
	font-size: .75em
}

.ri-sm {
	font-size: .875em
}

.ri-1x {
	font-size: 1em
}

.ri-2x {
	font-size: 2em
}

.ri-3x {
	font-size: 3em
}

.ri-4x {
	font-size: 4em
}

.ri-5x {
	font-size: 5em
}

.ri-6x {
	font-size: 6em
}

.ri-7x {
	font-size: 7em
}

.ri-8x {
	font-size: 8em
}

.ri-9x {
	font-size: 9em
}

.ri-10x {
	font-size: 10em
}

.ri-fw {
	text-align: center;
	width: 1.25em
}

.ri-arrow-right-up-line:before {
	content: "\ea70"
}

.ri-arrow-left-up-line:before {
	content: "\ea66"
}

.ri-arrow-right-line:before {
	content: "\ea6c"
}

.ri-arrow-right-s-line:before {
	content: "\ea6e"
}

.ri-arrow-left-s-line:before {
	content: "\ea64"
}

.ri-map-pin-2-fill:before {
	content: "\ef09"
}

.ri-phone-fill:before {
	content: "\efe9"
}

.ri-phone-line:before {
	content: "\efec"
}

.ri-mail-fill:before {
	content: "\eef3"
}

.ri-search-line:before {
	content: "\f0d1"
}

.ri-check-line:before {
	content: "\eb7b"
}

.ri-linkedin-fill:before {
	content: "\eeb5"
}

.ri-linkedin-box-fill:before {
	content: "\eeb3"
}

.ri-twitter-x-line:before {
	content: "\f3e7"
}

.ri-twitter-fill:before {
	content: "\f23a"
}

.ri-instagram-line:before {
	content: "\ee66"
}

.ri-facebook-fill:before {
	content: "\ecbc"
}

.ri-facebook-circle-fill:before {
	content: "\ecba"
}

.ri-send-plane-fill:before {
	content: "\f0d9"
}

.ri-star-s-fill:before {
	content: "\f18c"
}

.ri-add-line:before {
	content: "\ea13"
}

.ri-subtract-line:before {
	content: "\f1af"
}

.ri-time-fill:before {
	content: "\f20e"
}

.ri-time-line:before {
	content: "\f20f"
}

.ri-share-fill:before {
	content: "\f0f7"
}

.ri-calendar-fill:before {
	content: "\eb26"
}

.ri-arrow-up-s-line:before {
	content: "\ea78"
}

.ri-arrow-down-s-line:before {
	content: "\ea4e"
}

.ri-chat-2-fill:before {
	content: "\eb4e"
}

.ri-close-line:before {
	content: "\eb99"
}

.ri-bookmark-fill:before {
	content: "\eae4"
}

.ri-instagram-fill:before {
	content: "\ee65"
}

.rqxz{margin-right:10px;width: 1.8rem;    float: left;  height: 0.45rem;  
    line-height: 0.45rem;
    color: #999999;
    font-family: '微软雅黑';   
    font-size: 14px;    
    background-attachment:fixed;
    background-position:right; 
    border: none; 
    float: left; padding-left: 10px;-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(../images/icon_arrow_down_g.png) #f0f0f0 right no-repeat;
        background-position-x: 210px;
    background-size: 4%;}
    
.x55{float: left;}
.hyxwlb{width: 98%; margin: 0 auto;margin-top: 50px;}
.hyxwlb ul{width: 100%; margin: 0 auto;}
.hyxwlb ul li{width: 100%; float: left; margin-bottom: 37px;    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);}
.hyxwlb1{width: 317px; height: 204px; float: left; overflow: hidden; }
.hyxwlb1 img{width: 317px; height: 204px; float: left;  transition: transform 0.3s ease;}
.hyxwlb2{float: right; width: calc(100% - 317px); padding: 27px 30px; background: #ffffff; height: 204px;}
.hyxwlb2-1{width: 98%; margin: 0 auto; color: #333333; font-size: 24px; font-family: "微软雅黑"; padding-bottom: 18px; font-weight: 600;}
.hyxwlb2-2{width: 98%; margin: 0 auto; color: #666666; font-size: 23px; font-family: "微软雅黑";padding-bottom: 10px;}
.hyxwlb2-3{width: 98%; margin: 0 auto;color: #666666; font-size: 16px; font-family: "微软雅黑";    line-height: 25px; 
-webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
.hyxwlb ul li:hover .hyxwlb2{color: #ffffff; background: #278ee8;}
.hyxwlb ul li:hover .hyxwlb2 .hyxwlb2-1{color: #ffffff; }
.hyxwlb ul li:hover .hyxwlb2 .hyxwlb2-2{color: #ffffff; }
.hyxwlb ul li:hover .hyxwlb2 .hyxwlb2-3{color: #ffffff; }


.hyxwlb ul a li:hover .hyxwlb2{color: #ffffff; background: #278ee8; }
.hyxwlb ul a  li:hover .hyxwlb2 .hyxwlb2-1{color: #ffffff; }
.hyxwlb ul a  li:hover .hyxwlb2 .hyxwlb2-2{color: #ffffff; }
.hyxwlb ul  a li:hover .hyxwlb2 .hyxwlb2-3{color: #ffffff; }

.hyxwlb ul  a li:hover .hyxwlb1 img{ transform: scale(1.2);}

.xwview{width: 98%; margin: 0 auto;margin-top:70px;}
.xwview1{width: 100%; margin: 0 auto; text-align: center; color: #666666; font-size: 30px; line-height:50px;}
.xwview2{width: 100%; margin: 0 auto; text-align: center; color: #949494; font-size: 14px;line-height: 48px;}
.xwview3{width: 100%; margin: 0 auto; color: #666666; font-size: 18px; text-align: justify; min-height: 500px;}
.shijian{color: #949494;}


.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;  
  color:#000000
}


.s-secondDrop ul li{
  border-bottom: 1px solid #cecece;
}




.s-thirdItem{ padding-left: 60px;font-size: 18px;border-bottom: 1px dashed #3333;
    color: #333;}
    .s-thirdItem a{color: #333;}
    
    
    




.bh-2{text-transform: uppercase;}
.bh-1{width: 100%; white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}


.pzjs1 ul a:nth-child(2n) li{float: right; }


.num-figure {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}
.num-figure li{ list-style:none;}
.OEM-ico {
    padding: 23px 0;
	width:24%;
	float:left;
}
.num-change{padding:0;}


.num-figure .WeSold {
    background: url("../img/trustful_03.png") no-repeat -56px 7px;
}

.num-figure .Available {
    background: url("../img/trustful_03.png") no-repeat -282px 9px;
}

.num-figure .Shopping {
    background: url("../img/trustful_03.png") no-repeat -501px 9px;
}

.num-figure .Employees {
    background: url("../img/trustful_03.png") no-repeat -726px 9px;
}

.num-figure .Trusted {
    background: url("../img/trustful_03.png") no-repeat -944px 8px;
}

.num-figure .ProjectsSup {
    background: url("../img/trustful_03.png") no-repeat -1107px 9px;
}

.OEM-ico a{
    text-decoration: none;
}



.OEM-ico:hover {
    background:#0081d7;
    color: #ffffff;
}

.OEM-ico:hover .num-change li:nth-child(1),
.OEM-ico:hover .num-change li:nth-child(2) {color: #ffffff;
}

.OEM-ico:hover .WeSold {
    background-position: -111px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Available {
    background-position: -335px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Shopping {
    background-position: -559px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Employees {
    background-position: -789px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Trusted {
    background-position: -999px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .ProjectsSup {
    background-position: -1154px 7px;
    transition: all 0.3s;
}




.BMap_bubble_content{line-height: 30px;}



#accordion{
		padding-right: 24px;
		padding-left: 24px;
		z-index: 1;
	}
	#accordion .panel{
		border: none;
		box-shadow: none;
	}
	#accordion .panel-heading{
		padding: 0;
		border-radius: 0;
		border: none;
	}
	#accordion .panel-title{
		padding: 0;
	}
	#accordion .panel-title a{
		display: block;
		font-size: 16px;
		font-weight: bold;
		background: #e16b47;
		color: #f7c59f;
		padding: 15px 25px;
		position: relative;
		margin-left: -24px;
		transition: all 0.3s ease 0s;
	}
	#accordion .panel-title a.collapsed{
		background: #f7c59f;
		color: #e16b47;
		margin-left: 0;
		transition: all 0.3s ease 0s;
	}
	#accordion .panel-title a:before{
		content: "";
		border-left: 24px solid #e16b47;
		border-top: 24px solid transparent;
		border-bottom: 24px solid transparent;
		position: absolute;
		top: 0;
		right: -24px;
		transition: all 0.3s ease 0s;
	}
	#accordion .panel-title a.collapsed:before{
		border-left-color: #f7c59f;
	}
	#accordion .panel-title a:after{
		content: "\f106";
		font-family: 'FontAwesome';
		position: absolute;
		top: 30%;
		right: 15px;
		font-size: 18px;
		color: #f7c59f;
	}
	#accordion .panel-title a.collapsed:after{
		content: "\f107";
		color: #e16b47;
	}
	#accordion .panel-collapse{
		position: relative;
	}
	#accordion .panel-collapse.in:before{
		content: "";
		border-right: 24px solid #f7c59f;
		border-bottom: 18px solid transparent;
		position: absolute;
		top: 0;
		left: -24px;
	}
	#accordion .panel-body{
		font-size: 14px;
		color: #333;
		background: #e4e4e4;
		border-top: none;
		z-index: 1;}
		

input{border: none; outline: none;}



@media screen and (max-width: 1020px) {	
	
	.site-menu-main .sub-menu--item {
		font-size: 16px;
	color: #333333;
	font-weight: normal;
	}
	
	
	.site-navbar {
		flex-flow: row nowrap;
		justify-content: flex-start
	}
	
		.site-navbar .menu-block-wrapper {
		display: flex!important;
		flex-basis: auto
	}
	
	
		.site-header--sticky:not(.mobile-sticky-enable) {
		transition: .4s
	}
	.site-header--sticky:not(.mobile-sticky-enable).scrolling {
		transform: translateY(-100%);
		transition: .4s
	}
	.site-header--sticky:not(.mobile-sticky-enable).reveal-header {
		transform: translateY(0%);
		box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
		z-index: 1000
	}
	
		.site-header--menu-center .menu-block {
		margin-left: auto;
		margin-right: auto
	}
	.site-header--menu-left .container-fluid .sub-menu.megamenu {
		left: 0;
		transform: translateX(0%) translateY(10px)
	}
	
	.site-header--menu-left .container-fluid .nav-item.has-megamenu:hover>.sub-menu {
		transform: translateX(0%) translateY(-10px);
		left: 0;
		margin-left: 20px
	}
	
	.site-header>.container-fluid .sub-menu.megamenu {
		left: 50%;
		transform: translateX(-50%) translateY(10px)
	}
	.site-header>.container-fluid .nav-item.has-megamenu:hover>.sub-menu {
		transform: translateX(-50%) translateY(-10px);
		left: 50%
	}
	
	
	.container-fluid .site-navbar {
		padding-left: 48px;
		padding-right: 48px
	}
	
	.header-btns {
		margin-right: 0
	}
	
	
  .content .box .tabs nav {
    width: 100%;
    height: 4.59001rem;
  }
  .content .box .tabs nav .horizontal {
    width: 100%;
    float: left;
  }
  .content .box .tabs nav .horizontal::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    float: none;
    clear: both;
  }
  .content .box .tabs nav .horizontal li {
    width: 49%;
    float: left;
    height: 1.5rem;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
    margin-right: 2%;
  }
  .content .box .tabs nav .horizontal li:nth-child(2n+2) {
    margin-right: 0;
  }
  .content .box .tabs nav .horizontal li .img {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
  }
  .content .box .tabs nav .horizontal li .img img {
    width: auto;
    position: absolute;
    top: 0;
    left: -200px;
    right: -200px;
    margin: auto;
    height: 100%;
  }
  .content .box .tabs nav .horizontal li .text {
    width: 100%;
    border-bottom: solid 1px #f2f2f2;
    position: absolute;
    left: 0;
    top: 0.3825rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
  .content .box .tabs nav .horizontal li .text .title {
    font-size: 0.3rem;
    line-height: 0.3rem;
    color: #ea4027;
    font-weight: bold;
  }
  .content .box .tabs nav .horizontal li .text .time {
    font-size: 0.26rem;
    line-height: 0.26rem;
  }
  .content .box .tabs nav .horizontal li.selectActive .text .title {
    font-size: 0.36rem;
    line-height: 0.36rem;
  }
  .content .box .tabs .tab {
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 0.5rem;
  }
  .content .box .tabs .tab .list .item {
    padding-bottom: 0.3rem;
    position: relative;
  }
  .content .box .tabs .tab .list .item .right {
    float: left;
    margin-left: 0.675rem;
    width: calc(100% - 1.9rem);
  }
  .content .box .tabs .tab .list .item .right .month .time {
    font-family: "DIN-Bold";
    font-size: 0.36rem;
    line-height: 0.36rem;
    letter-spacing: -0.0075rem;
    color: #000000;
  }
  .content .box .tabs .tab .list .item .right .month .time span {
    font-size: 0.3rem;
  }
  .content .box .tabs .tab .list .item .right .month .p {
    margin-top: 0.1275rem;
    font-size: 0.3rem;
    line-height: 0.5rem;
    color: #333333;
    text-align: justify;
  }
}


@media(min-width:576px) {
	.site-navbar {
		padding-top: 0
	}
	
	.header-btns {
		margin-right: 15px
	}
	
	
.top-contact-menu-wraper .nav-link-item {
		color: #fff!important
	}
	.top-contact-menu-wraper .site-menu-main .nav-link-item {
		padding-top: 19px!important;
		padding-bottom: 19px!important
	}
	.top-contact-menu-wraper .navbar {
		flex-wrap: wrap;
		padding: 30px 0 0 0
	}
	.top-contact-menu-wraper .brand-logo {
		min-width: 50%;
		order: 1;
		padding-bottom: 30px
	}
	.top-contact-menu-wraper .header-btn {
		order: 4
	}
	.top-contact-menu-wraper .menu-block-wrapper {
		min-width: calc(100% - 256px);
		order: 3;
		background: #1D263A;
		border-radius: 0 0 0 5px
	}
	.top-contact-menu-wraper .top-contact-block {
		order: 2;
		min-width: 50%;
		display: flex!important;
		justify-content: flex-end;
		padding-bottom: 8px
	}
	.top-contact-menu-wraper .menu-block {
		margin-left: initial
	}	
	
	
	.row-lg {
		display: flex
	}
	
	.site-menu-main {
		display: flex;
		margin-bottom: 0;
		padding-left: 0
	}
	
	.navbar {
		padding-top: 0;
		padding-bottom: 0
	}
	
	.site-menu-main .sub-menu .sub-menu {
		top: 0!important;
		left: 100%
	}
	
	
	
	
}

@media(min-width:768px) {
	.container-fluid .site-navbar {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media(min-width:1099px) {
	.site-header--menu-left .menu-block {
		width: 100%
	}
}



@media(min-width:992px) and (max-width:1099px) {
	.site-menu-main .nav-link-item {
		padding-left: 10px!important;
		padding-right: 10px!important
	}
	
	
	.has-megamenu ul {
		margin-left: auto
	}
	.site-menu-main a {
		display: flex;
		align-items: center
	}
	.site-menu-main i {
		margin-left: 10px;
		font-size: 20px
	}
	
	
	.site-menu-main .sub-menu--item>a {
		transition: .4s
	}
	
	.site-menu-main .sub-menu.megamenu {
		background-color: #fff
	}
	.site-menu-main .sub-menu.megamenu {
		padding: 30px;
		min-width: 925px;
		left: 50%;
		transform: translateX(-50%) translateY(10px);
		will-change: transform;
		top: 100%;
		box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);
		border: 1px solid #e7e9ed;
		border-radius: 8px;
		visibility: hidden;
		z-index: -99;
		opacity: 0;
		pointer-events: none
	}
	
	.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
		padding-left: 0;
		padding-right: 10px
	}
	.site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover {
		color: #FFC947!important
	}
	
	li.nav-item-has-children:not(.has-megamenu) {
		position: relative
	}
	
	li.nav-item-has-children:hover>.sub-menu {
		visibility: visible;
		opacity: 1;
		z-index: 99;
		pointer-events: visible;
		border-radius: 0;
		transform: translateY(0)
	}
	
	
	
	
}


/*320到1109的屏幕*/
@media(min-width:480px) {
	.d-xs-inline-flex {
		display: inline-flex!important
	}
}


@media(min-width:992px) {
	.single-dropdown-block h3 {
		display: block
	}
}


@media(min-width:320px) and (max-width:1109px) {
	
	.site-menu-main .sub-menu--item {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1)
	}
	
	.site-menu-main .sub-menu.megamenu {
		border: 0
	}
	.site-menu-main .sub-menu.megamenu [class*="col-"] {
		padding-left: 0;
		padding-right: 0
	}
	.site-menu-main .sub-menu.megamenu [class*="row-"] {
		margin-left: 0;
		margin-right: 0
	}
	.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
		color: var(--color-headings);
		border-top: 1px solid var(--border-color-3);
		padding-left: 20px;
		padding-bottom: 13px;
		padding-top: 13px
	}
	.site-header .mobile-menu-trigger {
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 40px;
		cursor: pointer;
		align-items: center;
		justify-content: center
	}
	.site-header .mobile-menu-trigger span {
		display: block;
		height: 2px;
		background-color: #13111A;
		width: 24px;
		position: relative
	}
	.reveal-header .mobile-menu-trigger span {
		background-color: #13111A!important
	}
	.site-header .mobile-menu-trigger span:before,
	.site-header .mobile-menu-trigger span:after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #13111A
	}
	.reveal-header .mobile-menu-trigger span:before,
	.reveal-header .mobile-menu-trigger span:after {
		background-color: #13111A!important
	}
	.dark-mode-texts .mobile-menu-trigger span {
		background-color: #13111A
	}
	.dark-mode-texts .mobile-menu-trigger span:before,
	.dark-mode-texts .mobile-menu-trigger span:after {
		background-color: #13111A
	}
	.site-header .mobile-menu-trigger span:before {
		top: -8px
	}
	.site-header .mobile-menu-trigger span:after {
		top: 8px
	}
	.site-header .item-right {
		align-items: center
	}
	.site-header .menu-block {
		position: fixed;
		width: 320px;
		background-color: #fff;
		left: 0;
		top: 0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all .5s ease;
		z-index: 1099
	}
	.site-header .menu-block.active {
		transform: translate(0%)
	}
	.site-menu-main>li {
		line-height: 1;
		margin: 0;
		display: block
	}
	.site-menu-main>li>a {
		line-height: 50px;
		height: 50px;
		padding: 0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1)
	}
	.site-menu-main>li>a i {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg)
	}
	.site-header .menu-block .mobile-menu-head {
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: -webkit-sticky;
		position: sticky;
		background-color: #fff;
		top: 0
	}
	.site-header .menu-block .mobile-menu-head .go-back {
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000;
		font-size: 16px;
		display: none
	}
	.site-header .menu-block .mobile-menu-head.active .go-back {
		display: block
	}
	.site-header .menu-block .mobile-menu-head .current-menu-title {
		font-size: 15px;
		font-weight: 500;
		color: #000;
		visibility: hidden;
		text-transform: capitalize
	}
	.site-header .menu-block .mobile-menu-head.active .current-menu-title {
		visibility: visible
	}
	.site-header .menu-block .mobile-menu-head .mobile-menu-close {
		height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000;
		font-size: 25px
	}
	.site-header .menu-block .site-menu-main {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto
	}
	.site-menu-main>li .sub-menu.mega-menu,
	.site-menu-main>li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin: 0;
		padding: 15px 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 50px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
		overflow-x: hidden
	}
	.site-menu-main>li .sub-menu.active {
		display: block
	}
	.site-menu-main>li .sub-menu>ul>li>a,
	.site-menu-main>li .sub-menu.mega-menu>.list-item>ul>li>a {
		display: block
	}
	.site-menu-main>li .sub-menu.mega-menu>.list-item>ul {
		margin-bottom: 15px
	}
	.menu-overlay {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.5);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity: 0;
		transition: all .5s ease
	}
	.menu-overlay.active {
		visibility: visible;
		opacity: 1
	}
}



@media(min-width:1099px) {
	.site-header--menu-center .menu-block-wrapper {
		position: absolute!important;
		left: 50%;
		transform: translateX(-50%)
	}
}







/*1110到1440的屏幕*/

@media(min-width:1110px) and (max-width:1600px){
	
	
	.site-navbar {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-items: center;
	justify-content:flex-start;
	padding-top: 0
}
	
	.brand-logo,
.default-logo,
.responsive-logo {
	
	transition: all .4s;
	position: relative;
	margin-right: 0px
}
	
	.brand-logo a img{width: 70%;}
	
	
	
	.site-menu-main .nav-link-item {
		padding-top: 25px!important;
		padding-bottom: 25px!important;
		padding-left: 15px!important;
		padding-right: 25px!important
	}
	.site-menu-main .sub-menu.megamenu {
		min-width: 1100px
	}
	.has-megamenu ul {
		margin-left: auto
	}
	.site-menu-main a {
		display: flex;
		align-items: center
	}
	.site-menu-main i {
		margin-left: 10px;
		font-size: 20px
	}
	
	
	.site-menu-main .sub-menu--item>a {
		transition: .4s
	}
	
	.site-menu-main .sub-menu.megamenu {
		background-color: #fff
	}
	.site-menu-main .sub-menu.megamenu {
		padding: 30px;
		min-width: 925px;
		left: 50%;
		transform: translateX(-50%) translateY(10px);
		will-change: transform;
		top: 100%;
		box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);
		border: 1px solid #e7e9ed;
		border-radius: 8px;
		visibility: hidden;
		z-index: -99;
		opacity: 0;
		pointer-events: none
	}
	
	.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
		padding-left: 0;
		padding-right: 10px
	}
	.site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover {
		color: #FFC947!important
	}
	
	li.nav-item-has-children:not(.has-megamenu) {
		position: relative
	}
	
	li.nav-item-has-children:hover>.sub-menu {
		visibility: visible;
		opacity: 1;
		z-index: 99;
		pointer-events: visible;
		border-radius: 0;
		transform: translateY(0)
	}
	.reveal-header li.nav-item-has-children:hover>.sub-menu {
		top: 100%
	}
	.reveal-header li.nav-item-has-children:hover>.megamenu {
		top: 112%
	}
	
	
	
	.ht1{width: 78%; margin: 0 auto;margin-top:6%;}
	.expo{width: 100%;position: absolute;margin: 0 0 0 0%; display: block;overflow: inherit;  z-index: 1; margin-top: -4.5%; height: 115px;}

	
	
	
.site-menu-main .nav-link-item {
	color: var(--heading-color);
	font-size: 16px;	
	font-style: normal;
	letter-spacing: normal;
	position: relative
}

.tekup-header-search img{width: 63%;}
.tekup-header-icon  a img{width: 63%;}
.icenter{ width:70%; margin: 0 auto; display: block;}
.ficer{ display: block;margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;}
.ficer dl{ display: block;  width: 16%;}
.ficer dl:nth-child(3){ display: block;  width: 22%;}
.ficer dl:nth-child(6){ display: block;   width: 24%;    float: right;}
.ficer dl dd{display: block;color: #0073b7;font-size: 15px; font-weight: 550;}
.ficer dl dt{ display: block; overflow: hidden;}
.ficer dl dt span{display: block;overflow: hidden;}
.ficer dl dt span a{ color: #333; font-size: 15px; font-weight: normal;}	

.zpnew1{width: 91%; margin: 0 auto; margin-top: 16px; border-bottom: 1px solid #eeeeee;}
.zpnew2{width: 15%; float: left;color: #333333; font-size:18px;}
.zpnew3{width: 82%; float: right; padding-bottom: 14px; }
.zpnew3 ul{width: 100%; margin: 0 auto;}
.zpnew3 ul li{width: 100%; float: left; color: #333333; font-size: 16px;}
.zpnew1:nth-child(4n){border-bottom: none;}
.lxff4new{width:100%;  margin: 30px auto;margin-bottom: 71px;}
.lxff5new{width: 49%; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none;  background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}

/*.lxff5new:nth-child(5){width: 270px;}*/


.lxff555new{width: 265px; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none;  background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}

.lxff555new input::placeholder {color: #333333; font-size:16px;/* 您可以将这个颜色代码替换为您想要的颜色 */}






.lxff44new{width: 100%;  margin: 0 auto;}
.lxff6new-1{margin: 0 auto;font-family: "微软雅黑"; font-size: 16px; color: #333333; padding-left: 2px; margin-top:42px; margin-bottom: 20px; text-align: left;}
.lxff6new{width: 100%; margin: 0 auto;}
.lxff55new{width: 100%;  float: left; font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none; padding-left: 10px !important; height:173px;background: #ffffff !important; }
.lxff7new{width: 200px; height: 46px; background: #e83428; line-height: 46px; text-align: center; color: #ffffff; border: none; float: left; font-size: 20px; margin-bottom: 40px;}
.lxff5new input::placeholder {color: #333333; font-size:16px;/* 您可以将这个颜色代码替换为您想要的颜色 */}
.lxnew1{width: 100%; margin: 0 auto;}
.lxff6new-2 textarea{padding-top: 10px;color: #333333; padding-left: 20px !important;    border: none;}
 .lxff6new-2 textarea::placeholder{color: #333333;}
.lxnew2{width: 27%; float: left;}
.lxnew3{width: 70%; float: right;}
.lxnew2-1{width: 100%; margin: 0 auto; padding-top: 100px;}
.lxnew2-2{width: 100%; margin: 0 auto; color: #e62129; font-size: 27px; line-height:72px;}
.lxnew2-3{width: 100%; margin: 0 auto;color: #666666; font-size: 16px; }

.lxff5new9{width:162px; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none; padding-left:20px !important; background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}
.lxff5new999{width:162px; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none; padding-left:20px !important; background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}

.verify-code{height: 47px  !important;}

.expo dl{display: block;overflow: hidden;background: #fff; width: calc(50% - 60px); float: right; padding: 11px 22px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; align-items: top;-webkit-align-items: top;
  box-shadow: 1px 1px 18px -3px #efefef}
.expo dt{display: block;overflow: hidden; width:50%;margin: 0 0 0 0;}
.expo dt strong{    font-size: 16px;color:#0081d7;font-weight: 550;margin-bottom: 1px;display: block;}
.expo dt p{color: #333;font-size: 14px;line-height: 24px;font-weight: normal;}

.ht2{width: 21.4%; background:url(../image/cpbj.png) #0081d7 right no-repeat; height: 72px;    background-position-x: 96%; float: left;
    background-size: 19%;}
.ht2-1{font-size: 18px; color: #ffffff; padding:10px 0 0 17px;}
.ht2-2{font-size: 15px; color: #ffffff;padding:0 0 0 17px; opacity: 0.2; line-height: 20px;}
.ht3{width: 78.5%; background:#e8e8e8; height: 72px; float: right;}
.pro-left .left-category ul li a{color: #000000;}
.pro-left .left-category ul li:hover a{color: #FFFFFF;}

/*产品展示左侧*/
.pro-left{float: left;width: 21.4%;box-sizing: border-box;box-shadow: 0px 10px 10px #f7f7f7; background: #eeeeee;}
.pro-content{width: 100%;}
.pro-right{float: right;    width: 78.5%;
  padding-top: 2%;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{height: 34px;line-height: 34px;font-size: 15px;text-align: left;cursor: pointer;color: #000000; border-bottom: 1px solid #dedede;padding-left: 24px;}
.pro-left .left-category ul li.on{background: #087fd2;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #087fd2;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}

.xiala{width:100%;margin-bottom: 20px;height:40px;background: url(../image/jiantou.png) #f7f8fa right no-repeat;outline: none; appearance: none; margin: 0 auto;    background-position-x: 90%;
    padding-left: 10px;border: none;color: #6b6b75;    font-size: 14px;}
.mainzt5{width: 18.1%;  margin-top: 15px; float: left;z-index: 99999;  border: none;    margin-left: 2%;}
.sousuoan{float: left;
    background: #00b7ee;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    width: 74px;
    height: 32px;
    border-radius: 30px;
    line-height: 32px;
    margin-left: 9px;
    margin-top: 18px; }
.shuru{width:100%;margin-bottom: 20px;height:40px !important; background: #f7f8fa !important; font-size: 14px !important; color: #000000 !important;padding-left: 10px !important;}
.mainzt5:nth-child(1){margin-left: 6%;}
.more{font-family: "微软雅黑"; font-size: 15px; color: #000000; padding-left: 24px; height: 34px; line-height: 34px;}
.more a{color: #000000;}

.banner{ position: relative;width: 100%;background: #fff;overflow: hidden; height: auto;}
.bannerxw{ position: relative;width: 100%;background: #fff;overflow: hidden; height: auto;}

.m-content{width: 88%; margin: 0 auto; margin-top: 15px;/* -webkit-animation: fadeInLeft 2s ease-out 0.5s 1 both;*/}

.cpright{width: 65%; float: left; -webkit-animation: fadeInRight 2s ease-out 0.5s 1 both;}
.cpright ul{width: 100%; margin: 0 auto;}
.cpright ul li{    width: 20.1%;  margin-right: 4%; float: left;box-shadow:-2px 7px 28px #f5f5f5;margin-bottom: 33px;}
.cpright1{width: 100%;}
.cpright2{    width:86%;
   
    text-align: left;
    color: #333333;
    font-size: 14px;
    font-family: "微软雅黑";
    padding-top: 15px;
    margin: 0 auto;
    line-height: 30px;
  
    }
.cpright ul li:hover{box-shadow:-2px 7px 28px #a3d7f9;}

.htcp3{width: 87%;    background: #e8e8e8;    height: 66px;    margin: 0 auto;    border-radius: 35px;    margin-top: 14px;}
.middle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-side {
 float:left;width:100%;margin-right:30px;/*-webkit-animation: fadeInLeft 2s ease-out 0.5s 1 both;*/
}
.s-side .s-firstItem i {
  font-size: 16px;
}
.s-side .s-firstItem span {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
 color: #ffffff;
  white-space: 10px;
}
.s-side .first {
	color:#fff;background:url(../image/next3.png) 95% center no-repeat;-webkit-background-size:auto 16px;background-size:auto 16px;
	line-height: 52px;font-size:16px;color:#ffffff; margin-bottom: 10px;
 

}


.s-firstItem .first{color:#fff;background:url(../image/next3.png) 95% center no-repeat #c5c5c5;}

.xuanzhong{color:#fff;background: url(../image/next3.png) right no-repeat #027fcf;background-position-x:90%;}

.cpxxview{width: 100%; margin: 0 auto;}
.cpxxview1{width: 100%; margin: 0 auto; }
.cpxxview1 img{width: 100%; margin: 0 auto; height:auto;}
.cpxxview4{width: 100%; margin: 0 auto; background: #ffffff; margin-top: 23px; padding: 4%; margin-bottom: 50px;}
.cpxxview2{width: 100%; margin: 0 auto;  display: flex; justify-content: space-between; margin-bottom: 24px;}
.cpxxview3{width: 48%; float: left; height: 47px;}

.cpxxview3-1{width: 163px; float: left; background: #278cdc; color: #ffffff; font-size: 16px; line-height: 47px; text-align: center;}
.cpxxview3-2{width: calc(100% - 163px);; float: right; background: #f5f5f5; color: #333333; font-size: 18px;line-height: 47px; padding-left: 22px;}



.lxwm1{    width: 100%;
    margin: 0 auto;
    color: #0c0c0c;
    font-size: 30px;
    line-height: 80px;
    padding-top: 19px;
    padding-bottom: 15px;
}
.lxwm2{width: 100%; margin:0 auto; }
.lxwm2 ul{width: 100%; margin:0 auto; display: flex; justify-content: space-between; }
.lxwm2 ul li{width:31%; float: left;box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1); background: #ffffff; border-radius: 10px; padding:22px; }
.lxwm3{font-size: 20px; color: #666666; font-family: "微软雅黑"; width: 100%; margin:0 auto; padding-bottom: 5px; font-weight: 550;}
.lxwm4{font-size: 15px; color: #666666; font-family: "微软雅黑"; width: 100%; margin:0 auto;}

.tekup-hero-slider-item2 {
	background-size: cover;
	background-position: center;
	padding: 84px 0 0 0;
	position: relative
}


.site-menu-main .sub-menu {
	z-index: 500;
	background-color: #fff;
	box-shadow: -2px 2px 70px -25px rgb(0 0 0 / 30%);
	position: absolute;
	left: 0;
	top: 84px;
	margin: 0;
	padding: 12px 0;
	transition: .4s;
	z-index: 4;
	transform: translatey(20px);
	opacity: 0;
	visibility: hidden;
	min-width: 240px;
	border-radius: 6px
}


/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;width:20.1%;margin-right: 4%;box-sizing: border-box;transition: all .3s linear;}
.pro-right ul li:nth-child(4n){margin-right: 0;}
.pro-right ul li .img{width:100%;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 37px;line-height: 37px;text-align: center;font-size: 15px;color: #333333;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; margin-bottom: 3px;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}

 .pro-right ul{ display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
        width: 94%;
    margin: 0 auto;}  

.ficer dl .ewm{display: block; }
.ficer dl .ewm p{display: block;overflow: hidden;  }
.ficer dl  p img {width: 47%;}
.ficer dl .ewm p img{ display: block;width: auto;height: 100px; margin-bottom: 10px; }
.ficer dl .ewm p span{display: block;font-size: 14px;color: #333;}
.ficer dl .ewm .cot{display: block;margin-bottom: 10px; width: 131%;}
.ficer dl .ewm .cot p span{ display: block;float: left;font-size: 15px;}
.ficer dl .ewm .cot p font{display: block;float: left;    font-size: 24px;color: #333;    }
.ficer dl .ewm .cot .fs1 font{font-size: 15px;}
.ficer dl .ewm .cot p font i{    display: block;font-size: 14px;color: #333;font-style: inherit;}
.site-menu-main .sub-menu--item {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}

.site-menu-main .sub-menu--item>a {
	color: inherit;
	padding: 4px 20px;
	font-weight: normal;
	color: #000;
	position: relative
}



.inner-nav {
  width: 100%;
  height: 54px;
  border-bottom: solid 0.0075rem #e3e3e3;
  background-color: white;
  position: relative;
  
}
.inner-nav::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.inner-nav .left {
  float: left;
  margin-left: 13.5%;
  margin-top: 0.14rem;
}
.inner-nav .left .h2 {
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  color: #000000;
  padding-right: 0.36rem;
  border-right: solid 0.015rem #bcbcbc;
}
.inner-nav nav {
  float: left;
  margin-left: 0.36rem;
}
.inner-nav nav ul li {
  float: left;
  position: relative;
}
.inner-nav nav ul li::after {
  content: "";
  width: 100%;
  height: 0;
  background-color: #0081d7;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: 0.3s;
}
.inner-nav nav ul li a {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
      line-height: 54px;
    font-size: 15px;
  color: #000000;
  padding: 0 0.15rem;
  transition: 0.3s;
}
.inner-nav nav ul li:hover::after {
  height: 54px;
}
.inner-nav nav ul li:hover a {
  color: white;
}
.inner-nav nav ul li.active {
  background-color: #0081d7;
}
.inner-nav nav ul li.active a {
  color: white;
}


.gsjj1{width: 100%; margin: 0 auto; padding-top: 61px;}

.gsjj2{width: 100%; margin: 0 auto; font-family: "微软雅黑"; font-size: 50px; margin-top:40px; color: #e3e3e3;}
.gsjj3{width: 100%; margin: 0 auto; color: #333333; font-family: "微软雅黑"; font-size: 32px; margin-bottom:18px;margin-top:17px; }

.gsjj4{width: 100%; margin: 0 auto; color: #333333; font-family: "微软雅黑"; font-size: 16px; margin-top:20px;  line-height: 31px; padding-bottom:57px;}

.num-change li {
    font-size: 15px;
    font-family: YeSans;
    color: #333333;
  
}

.num-change li:nth-child(3) {
    color: #333333;
    font-size: 15px;
    margin-top: 2px;
}


.timer{font-size: 37px; font-weight: 550;}


.content .box .tabs {
  width: 100%;
}
.content .box .tabs::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .tabs nav {
  width: 5.05501rem;
  height: 3rem;
  float: left;
  position: relative;
}
.content .box .tabs nav .horizontal {
  width: 5.05501rem;
  padding-top: 0.6675rem;
  position: absolute;
}
.content .box .tabs nav .horizontal li {
  width: 100%;
  height: 1.13rem;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .img {
  width: 100%;
  opacity: 0;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .img img {
  width: 100%;
}
.content .box .tabs nav .horizontal li .text {
  width: 2.40751rem;
  border-bottom: solid 1px #f2f2f2;
  position: absolute;
  left: 2.60251rem;
  top: 0.3825rem;
  padding-bottom: 0.225rem;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .text .title {
  font-size: 24px;
  line-height: 0.15rem;
  color: #333333;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .text .time {
  font-family: "DIN-Bold";
  font-size: 21px;
  line-height: 0.21rem;
  letter-spacing: -0.0075rem;
  color: #000000;
  margin-top: 0.1575rem;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li.selectActive {
  height: 1.5rem;
}
.content .box .tabs nav .horizontal li.selectActive .img {
  opacity: 1;
}
.content .box .tabs nav .horizontal li.selectActive .text {
  border-bottom: 0;
  top: 0.495rem;
}
.content .box .tabs nav .horizontal li.selectActive .text .title {
  font-size: 25px;
  line-height: 0.315rem;
  color: #ffffff;
}
.content .box .tabs nav .horizontal li.selectActive .text .time {
  color: #ffffff;
}
.content .box .tabs .tab {
  float: left;
  margin-left: 0.93rem;
  padding-top: 0.6675rem;
}
.content .box .tabs .tab .list .item {
  padding-bottom: 20px;
  position: relative;
}
.content .box .tabs .tab .list .item::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .tabs .tab .list .item .left {
  font-family: "DIN-Bold";
  font-size: 48px;
  line-height: 0.51rem;
  letter-spacing: -0.0075rem;
  color: #0081d7;
  float: left;
}
.content .box .tabs .tab .list .item .right {
  float: left;
  margin-left: 0.675rem;
  width: 4.02001rem;
}
.content .box .tabs .tab .list .item .right .month {
  margin-bottom: 0.39rem;
}
.content .box .tabs .tab .list .item .right .month .img {
  width: 100%;
  margin-bottom: 0.225rem;
}
.content .box .tabs .tab .list .item .right .month .img img {
  width: 100%;
}
.content .box .tabs .tab .list .item .right .month .time {
  font-family: "DIN-Bold";
  font-size: 20px;
  line-height: 0.21rem;
  letter-spacing: -0.0075rem;
  color: #000000;
}
.content .box .tabs .tab .list .item .right .month .time span {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.18rem;
  color: #000000;
}
.content .box .tabs .tab .list .item .right .month .p {
  margin-top: 0.1rem;
  font-size: 18px;
  line-height: 0.27rem;
  color: #333333;
  text-align: justify;
}
.content .box .tabs .tab .list .item .line {
  position: absolute;
  width: 1px;
  top: 0.57rem;
  left: 0.5175rem;
  height: calc(100% - 0.855rem);
  background-color: #c6c6c6;
}
.content .box .tabs .tab .list .item:last-child .line::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #0081d7;
  position: absolute;
  left: -8px;
  bottom: 0;
}

.jtry{width: 100%; margin: 0 auto; padding-top: 58px; margin-bottom: 58px;}
.jtry ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.jtry ul li{width: 27%; float: left;  height: auto;    margin: 0 3%; }
.jtry3{width: 100%; color: #333333; font-family: "微软雅黑"; font-size: 15px; margin: 0 auto; text-align: center; line-height:63px;}
.jtry2{width: 280px; height: auto;  margin: 0 auto;box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);}

	.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
	.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
	.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
	.bigbox>.imgbox>img{width:100%;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 36px;}
	.mask>img:hover{cursor:pointer}
	
	
.cp1{width: 98%; margin: 0 auto; height: 81px; background: #ffffff;}
.wp{background: #f7f7f7; width: 100%; padding-top: 19px;}


    .col-snav{float:left;width:21.4%;margin-right:30px;-webkit-animation: fadeInLeft 1s ease-out 0.5s 1 both;}

    .cpyfw{width: 822px; height: 148px; margin: 0 auto;/*-webkit-animation: fadeInUp 2s ease-out 0.5s 1 both;*/}


.s-side .d-firstNav span {
  display: inline-block;
  margin-left: 10px;
}
.s-side .d-firstNav i.fr {
  font-size: 25px;
}
.s-side .s-secondNav,.s-side .s-secondItem {background: url(../image/i-sj6.png) 30px center no-repeat ; padding-left:6%;font-size: 15px;
    color: #333; border-bottom: 1px solid #cecece; line-height: 38px;}



.s-side .s-secondNav,.s-side .s-secondItem  a{color: #333;}



.s-side .s-secondItem:hover {border:1px solid red}


.d-firstNav:hover{
	background: url(../image/next3.png) right no-repeat #027fcf;background-position-x:90%;cursor: pointer
}

.s-secondNav:hover{
	cursor: pointer
}


.s-side .d-secondDrop {
  margin-left: 21px;
 /* margin-top: 10px;*/

}
.content .box {
  width: 77%;
  margin: 0 auto;
  min-height: 600px;
}


.pzjs1{width: 100%; margin: 0 auto; padding-top: 58px; margin-bottom: 58px;}
.pzjs1 ul{width: 100%; margin: 0 auto;}
.pzjs1 ul li{width: 48%; float: left; background: url(../image/pdfbj.png) #ffffff right no-repeat; height: 78px; line-height: 78px;    background-position-x: 92%; margin-bottom: 33px;box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);}
.pzjs2{width: 90%; float: left; color: #333333; font-family: "微软雅黑"; font-size: 18px; padding-left: 36px;}
.pzjs3{width: 60%; float: left;color: #333333; font-family: "微软雅黑"; font-size: 24px;}
.pzjs1 ul li:hover{background: url(../image/pdfbj1.png) #278fe8 right no-repeat;  background-position-x: 92%; }
.pzjs1 ul li:hover .pzjs2{color: #ffffff;}
.pzjs1 ul li:hover .pzjs3{color: #ffffff;}

  .content .box .news .right .text {
  display: block;
  width: 100%;
      padding-bottom: 10px;
  
}



.content .box .news .right .text .time {
  font-family: "DIN-Bold";
  font-size: 0.165rem;
  line-height: 0.165rem;
  color: #999999;
  margin-top: 21px;
  margin-left: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .right .text .title {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.22rem;
  color: #000000;
  margin-top: 0.125rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .right .text .p {
     font-size: 14px;
    line-height: 25px;
  color: #333333;
  margin-top: 12px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .right .text .button {
  margin-left: 0.2925rem;
  margin-top: 0.32rem;
  width: 0.9rem;
  height: 0.3rem;
  font-size: 0.12rem;
  line-height: 0.3rem;
  color: #999999;
  text-align: center;
  position: relative;
  transition: 0.5s;
}
.content .box .news .right .text .button::after {
  content: "";
  width: 0.0225rem;
  height: 0.3rem;
  background-color: #e84127;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.content .box .news .right:hover {
  background-color: #278ee8;
}
.content .box .news .right:hover .img img {
  transform: scale(1.1);
}
.content .box .news .right:hover .text .time {
  color: white;
}
.content .box .news .right:hover .text .title {
  color: white;
}
.content .box .news .right:hover .text .p {
  color: white;
}
.content .box .news .right:hover .text .button {
  background-color: #cd3821;
  color: white;
}
.content .box .news .right:hover .text .button::after {
  width: 0;
}
.content .box .news .list .item {
  float: left;
  width: 30%;
 margin: 0 1.6%;
  margin-bottom: 0.3225rem;
  background-color: white;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
  transition: 0.5s;
}
.content .box .news .list .item .img {
  display: block;
  width: 100%;
  height: 2.205rem;
  overflow: hidden;
}
.content .box .news .list .item .img img {
  width: 100%;
  transition: 0.5s;
}
.content .box .news .list .item .text {
  display: block;
  width: 100%; 
  padding-top: 21px;
  padding-bottom: 20px;
}
.content .box .news .list .item .text .time {
  font-family: "DIN-Bold";
  font-size: 0.165rem;
  line-height: 0.165rem;
  color: #999999;
  margin-left: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .list .item .text .title {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.22rem;
  color: #000000;
  margin-top: 0.125rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .list .item .text .p {
  font-size: 14px;
  line-height: 25px;
  color: #333333;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .list .item .text .button {
  margin-left: 0.2925rem;
  margin-top: 0.32rem;
  width: 0.9rem;
  height: 0.3rem;
  font-size: 0.12rem;
  line-height: 0.3rem;
  color: #999999;
  text-align: center;
  position: relative;
  transition: 0.5s;
}
.content .box .news .list .item .text .button::after {
  content: "";
  width: 0.0225rem;
  height: 0.3rem;
  background-color: #e84127;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.content .box .news .list .item:hover {
  background-color: #278ee8;
}
.content .box .news .list .item:hover .img img {
  transform: scale(1.1);
}
.content .box .news .list .item:hover .text .time {
  color: white;
}
.content .box .news .list .item:hover .text .title {
  color: white;
}
.content .box .news .list .item:hover .text .p {
  color: white;
}
.content .box .news .list .item:hover .text .button {
  background-color: #cd3821;
  color: white;
}
.content .box .news .list .item:hover .text .button::after {
  width: 0;
}


.content {
  width: 100%;
  position: relative;
  background: url(../image/nybj.jpg) #f7f7f7 center bottom no-repeat;
}

.content .box .top {
  width: 100%;
  padding-top: 0.6rem;
  position: relative;
}
.content .box .top .title .en {
  font-family: "DIN-Bold";
  font-size: 0.3075rem;
  line-height: 0.3075rem;
  letter-spacing: -0.015rem;
  color: #e8e8e8;
}
.content .box .top .title .cn {
  font-size: 0.24rem;
  line-height: 0.24rem;
  letter-spacing: -1px;
  color: #333333;
  margin-top: 0.1875rem;
}
.content .box .top .choose {
  position: absolute;
  right: 0;
  top: 0.99rem;
  z-index: 0;
}
.content .box .top .choose .years {
  width: 1.8rem;
  float: left;
  background-color: #f0f0f0;
}
.content .box .top .choose .years .years-box {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.content .box .top .choose .years .years-box::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .top .choose .years .years-box .years-value {
  font-size: 0.12rem;
  line-height: 0.45rem;
  color: #999999;
  margin-left: 0.1875rem;
  float: left;
}
.content .box .top .choose .years .years-box .icon {
  float: right;
  margin-right: 0.1875rem;
  width: 0.12rem;
  line-height: 0.45rem;
}
.content .box .top .choose .years .years-box .icon img {
  width: 100%;
  vertical-align: middle;
  transition: 0.3s;
}
.content .box .top .choose .years .years-box .icon.xz img {
  transform: rotate(180deg);
}
.content .box .top .choose .years ul {
  width: 100%;
  background-color: #f0f0f0;
  display: none;
}
.content .box .top .choose .years ul li {
  padding: 0.06rem 0.15rem;
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #999999;
}
.content .box .top .choose .years ul li:hover {
  background: #d6d6d6;
}
.content .box .top .choose .month {
  width: 1.8rem;
  float: left;
  height: 0.45rem;
  background-color: #f0f0f0;
  margin-left: 0.1125rem;
}
.content .box .top .choose .month .month-box {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.content .box .top .choose .month .month-box::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .top .choose .month .month-box .month-value {
  font-size: 0.12rem;
  line-height: 0.45rem;
  color: #999999;
  margin-left: 0.1875rem;
  float: left;
}
.content .box .top .choose .month .month-box .icon {
  float: right;
  margin-right: 0.1875rem;
  width: 0.12rem;
  line-height: 0.45rem;
}
.content .box .top .choose .month .month-box .icon img {
  width: 100%;
  vertical-align: middle;
  transition: 0.3s;
}
.content .box .top .choose .month .month-box .icon.xz img {
  transform: rotate(180deg);
}
.content .box .top .choose .month ul {
  width: 100%;
  background-color: #f0f0f0;
  display: none;
}
.content .box .top .choose .month ul li {
  padding: 0.06rem 0.15rem;
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #999999;
}
.content .box .top .choose .month ul li:hover {
  background: #d6d6d6;
}
.content .box .top .choose .button {
  width: 1rem;
  float: left;
  height: 0.45rem;
  background-color: #278ee8;
  margin-left: 0.1125rem;
  transition: 0.3s;
  cursor: pointer;
}
.content .box .top .choose .button .text {
  font-size: 0.12rem;
  line-height: 0.45rem;
  color: #ffffff;
  text-align: center;
}
.content .box .top .choose .button:hover {
  background-color: rgba(232, 65, 39, 0.8);
}
.content .box .news {
  width: calc(100% + 0.3rem);
  margin-top: 0.5475rem;
  margin-left: -0.15rem;
  min-height: 300px;
}
.content .box .news::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .news .left {
  width: 65%;
  height: 4rem;
  float: left;
  margin: 0 0.15rem;
}
.content .box .news .left .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.content .box .news .left .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .box .news .left .swiper-container .swiper-slide .news-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .img img {
  position: absolute;
  top: 0;
  left: -200px;
  right: -200px;
  margin: auto;
  height: 100%;
  transition: 2.4s;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .bg {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .bg img {
  width: 100%;
  display: block;
  opacity: 0.6;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .title {
  position: relative;
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-left: 0.45rem;
  margin-right: 0.75rem;
  margin-bottom: 0.1725rem;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .p {
  position: relative;
  font-size: 0.12rem;
  line-height: 0.225rem;
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: 0.45rem;
  margin-right: 0.75rem;
  margin-bottom: 0.69rem;
}
.content .box .news .left .swiper-container .swiper-slide .news-box a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.content .box .news .left .swiper-container .swiper-slide:hover .news-box .img img {
  transform: scale(1.1);
}
.content .box .news .left .swiper-container .swiper-pagination-fraction {
  bottom: 0.24rem;
  left: 0.45rem;
  width: auto;
  color: #e84127;
}
.content .box .news .left .swiper-container .swiper-pagination-fraction .swiper-pagination-current {
  color: white;
}
.content .box .news .left .swiper-container .swiper-button-next,
.content .box .news .left .swiper-container .swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: 0.24rem;
  width: 0.09rem;
  height: 0.165rem;
  margin-top: auto;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: 0.3s;
}
.content .box .news .left .swiper-container .swiper-button-next::after,
.content .box .news .left .swiper-container .swiper-button-prev::after {
  font-size: 0.165rem;
}
.content .box .news .left .swiper-container .swiper-button-next:hover,
.content .box .news .left .swiper-container .swiper-button-prev:hover {
  color: #e84127;
}
.content .box .news .left .swiper-container .swiper-button-prev {
  right: 0.6825rem;
  left: auto;
}
.content .box .news .left .swiper-container .swiper-button-next {
  right: 0.3rem;
  left: auto;
}
.content .box .news .left .swiper-container .line {
  position: absolute;
  right: 0.525rem;
  bottom: 0.24rem;
  width: 0.015rem;
  height: 0.15rem;
  background-color: #ffffff;
  opacity: 0.5;
  z-index: 10;
}
.content .box .news .right {
  float: left;
  width: 30.2%;
  
  margin-bottom: 0.3225rem;
  background-color: white;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
  transition: 0.5s;
}
.content .box .news .right .img {
  display: block;
  width: 100%;
  height: 2.205rem;
  overflow: hidden;
  position: relative;
}
.content .box .news .right .img img {
  position: absolute;
  top: 0;  
  margin: auto;
  height: 100%;
  transition: 0.5s;
  width: 100%;
}

.tekup-header-search-box {
	position: relative;
	padding-left: 4%;
}
.tekup-header-search-box input{font-size: 16px;}


button#header-search {
	position: absolute;
	top: 25px;

}


.tekup-hero-slider .tekup-hero-next,
.tekup-hero-slider .tekup-hero-prev {
	width: 35px;
	height: 35px;
	left: 60px;
	top: 68%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .4s;
	border-radius: 100%;
	transform: translateY(-44%);
	color: var(--white-color);
	border: 1px solid rgba(255, 255, 255, .2)

}

.tekup-header-search-box input {
	font-size: 23px;
	border: none!important;
	border-radius: 0;
	height: 80px;
	border-bottom: 1px solid #e7e7e8!important;
	margin-bottom: 12px;
	width: 92%;
}


.pro-center{width: 78%;height: auto;overflow: hidden;background: #ffffff; margin: 0 auto;margin-bottom: 3%;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}

.container-fuild {
	/*max-width: 1920px;*/
	width: 1200px;
	margin: 0 auto;
	/*margin-right: 70px;
	margin-left: 70px*/
}

}



/*1441以上的屏幕*/



@media screen and (min-width:1601px){
	
.container-fuild {
	/*max-width: 1920px;*/
	width: 1440px;
	margin: 0 auto;
	/*margin-right: 70px;
	margin-left: 70px*/
}
	
.tekup-hero-slider .tekup-hero-next,
.tekup-hero-slider .tekup-hero-prev {
	width: 60px;
	height: 60px;
	left: 60px;
	top: 62%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .4s;
	border-radius: 100%;
	transform: translateY(-44%);
	color: var(--white-color);
	border: 1px solid rgba(255, 255, 255, .2)
}
.tekup-header-search-box input {
	font-size: 32px;
	border: none!important;
	border-radius: 0;
	height: 80px;
	border-bottom: 1px solid #e7e7e8!important;
	margin-bottom: 12px
}	
	
	
	
	
	
	button#header-search {
	position: absolute;
	top: 25px;
	right: 0
}
	
	
	.content {
  width: 100%;
  position: relative;
  background: url(../image/nybj.jpg) #f7f7f7 center bottom no-repeat;
}

.content .box .top {
  width: 100%;
  padding-top: 0.6rem;
  position: relative;
}
.content .box .top .title .en {
  font-family: "DIN-Bold";
  font-size: 0.3075rem;
  line-height: 0.3075rem;
  letter-spacing: -0.015rem;
  color: #e8e8e8;
}
.content .box .top .title .cn {
  font-size: 0.24rem;
  line-height: 0.24rem;
  letter-spacing: -1px;
  color: #333333;
  margin-top: 0.1875rem;
}
.content .box .top .choose {
  position: absolute;
  right: 0;
  top: 0.99rem;
  z-index: 0;
}
.content .box .top .choose .years {
  width: 1.8rem;
  float: left;
  background-color: #f0f0f0;
}
.content .box .top .choose .years .years-box {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.content .box .top .choose .years .years-box::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .top .choose .years .years-box .years-value {
  font-size: 0.12rem;
  line-height: 0.45rem;
  color: #999999;
  margin-left: 0.1875rem;
  float: left;
}
.content .box .top .choose .years .years-box .icon {
  float: right;
  margin-right: 0.1875rem;
  width: 0.12rem;
  line-height: 0.45rem;
}
.content .box .top .choose .years .years-box .icon img {
  width: 100%;
  vertical-align: middle;
  transition: 0.3s;
}
.content .box .top .choose .years .years-box .icon.xz img {
  transform: rotate(180deg);
}
.content .box .top .choose .years ul {
  width: 100%;
  background-color: #f0f0f0;
  display: none;
}
.content .box .top .choose .years ul li {
  padding: 0.06rem 0.15rem;
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #999999;
}
.content .box .top .choose .years ul li:hover {
  background: #d6d6d6;
}
.content .box .top .choose .month {
  width: 1.8rem;
  float: left;
  height: 0.45rem;
  background-color: #f0f0f0;
  margin-left: 0.1125rem;
}
.content .box .top .choose .month .month-box {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.content .box .top .choose .month .month-box::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .top .choose .month .month-box .month-value {
  font-size: 0.12rem;
  line-height: 0.45rem;
  color: #999999;
  margin-left: 0.1875rem;
  float: left;
}
.content .box .top .choose .month .month-box .icon {
  float: right;
  margin-right: 0.1875rem;
  width: 0.12rem;
  line-height: 0.45rem;
}
.content .box .top .choose .month .month-box .icon img {
  width: 100%;
  vertical-align: middle;
  transition: 0.3s;
}
.content .box .top .choose .month .month-box .icon.xz img {
  transform: rotate(180deg);
}
.content .box .top .choose .month ul {
  width: 100%;
  background-color: #f0f0f0;
  display: none;
}
.content .box .top .choose .month ul li {
  padding: 0.06rem 0.15rem;
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #999999;
}
.content .box .top .choose .month ul li:hover {
  background: #d6d6d6;
}
.content .box .top .choose .button {
  width: 1rem;
  float: left;
  height: 0.45rem;
  background-color: #278ee8;
  margin-left: 0.1125rem;
  transition: 0.3s;
  cursor: pointer;
}
.content .box .top .choose .button .text {
  font-size: 0.12rem;
  line-height: 0.45rem;
  color: #ffffff;
  text-align: center;
}
.content .box .top .choose .button:hover {
  background-color: rgba(232, 65, 39, 0.8);
}
.content .box .news {
  width: calc(100% + 0.3rem);
  margin-top: 0.5475rem;
  margin-left: -0.15rem;
  min-height: 300px;
}
.content .box .news::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .news .left {
  width: 6.9rem;
  height: 4rem;
  float: left;
  margin: 0 0.15rem;
}
.content .box .news .left .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.content .box .news .left .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .box .news .left .swiper-container .swiper-slide .news-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .img img {
  position: absolute;
  top: 0;
  left: -200px;
  right: -200px;
  margin: auto;
  height: 100%;
  transition: 2.4s;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .bg {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .bg img {
  width: 100%;
  display: block;
  opacity: 0.6;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .title {
  position: relative;
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-left: 0.45rem;
  margin-right: 0.75rem;
  margin-bottom: 0.1725rem;
}
.content .box .news .left .swiper-container .swiper-slide .news-box .text .p {
  position: relative;
  font-size: 0.12rem;
  line-height: 0.225rem;
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: 0.45rem;
  margin-right: 0.75rem;
  margin-bottom: 0.69rem;
}
.content .box .news .left .swiper-container .swiper-slide .news-box a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.content .box .news .left .swiper-container .swiper-slide:hover .news-box .img img {
  transform: scale(1.1);
}
.content .box .news .left .swiper-container .swiper-pagination-fraction {
  bottom: 0.24rem;
  left: 0.45rem;
  width: auto;
  color: #e84127;
}
.content .box .news .left .swiper-container .swiper-pagination-fraction .swiper-pagination-current {
  color: white;
}
.content .box .news .left .swiper-container .swiper-button-next,
.content .box .news .left .swiper-container .swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: 0.24rem;
  width: 0.09rem;
  height: 0.165rem;
  margin-top: auto;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: 0.3s;
}
.content .box .news .left .swiper-container .swiper-button-next::after,
.content .box .news .left .swiper-container .swiper-button-prev::after {
  font-size: 0.165rem;
}
.content .box .news .left .swiper-container .swiper-button-next:hover,
.content .box .news .left .swiper-container .swiper-button-prev:hover {
  color: #e84127;
}
.content .box .news .left .swiper-container .swiper-button-prev {
  right: 0.6825rem;
  left: auto;
}
.content .box .news .left .swiper-container .swiper-button-next {
  right: 0.3rem;
  left: auto;
}
.content .box .news .left .swiper-container .line {
  position: absolute;
  right: 0.525rem;
  bottom: 0.24rem;
  width: 0.015rem;
  height: 0.15rem;
  background-color: #ffffff;
  opacity: 0.5;
  z-index: 10;
}
.content .box .news .right {
  float: left;
  width: 3.3rem;
  margin: 0 0.15rem;
  margin-bottom: 0.3225rem;
  background-color: white;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
  transition: 0.5s;
}
.content .box .news .right .img {
  display: block;
  width: 100%;
  height: 2.205rem;
  overflow: hidden;
  position: relative;
}
.content .box .news .right .img img {
  position: absolute;
  top: 0;
  left: -200px;
  right: -200px;
  margin: auto;
  height: 100%;
  transition: 0.5s;
}


.content .box .news .right .text .time {
  font-family: "DIN-Bold";
  font-size: 0.165rem;
  line-height: 0.165rem;
  color: #999999;
  margin-top: 21px;
  margin-left: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .right .text .title {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.22rem;
  color: #000000;
  margin-top: 0.125rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .right .text .p {
  font-size: 0.12rem;
  line-height: 0.225rem;
  color: #333333;
  margin-top: 0.2rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .right .text .button {
  margin-left: 0.2925rem;
  margin-top: 0.32rem;
  width: 0.9rem;
  height: 0.3rem;
  font-size: 0.12rem;
  line-height: 0.3rem;
  color: #999999;
  text-align: center;
  position: relative;
  transition: 0.5s;
}
.content .box .news .right .text .button::after {
  content: "";
  width: 0.0225rem;
  height: 0.3rem;
  background-color: #e84127;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.content .box .news .right:hover {
  background-color: #278ee8;
}
.content .box .news .right:hover .img img {
  transform: scale(1.1);
}
.content .box .news .right:hover .text .time {
  color: white;
}
.content .box .news .right:hover .text .title {
  color: white;
}
.content .box .news .right:hover .text .p {
  color: white;
}
.content .box .news .right:hover .text .button {
  background-color: #cd3821;
  color: white;
}
.content .box .news .right:hover .text .button::after {
  width: 0;
}
.content .box .news .list .item {
  float: left;
  width: 3.3rem;
  margin: 0 0.15rem;
  margin-bottom: 0.3225rem;
  background-color: white;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
  transition: 0.5s;
}
.content .box .news .list .item .img {
  display: block;
  width: 100%;
  height: 2.205rem;
  overflow: hidden;
}
.content .box .news .list .item .img img {
  width: 100%;
  transition: 0.5s;
}
.content .box .news .list .item .text {
  display: block;
  width: 100%;
  height: 233px;
  padding-top: 21px;
}
.content .box .news .list .item .text .time {
  font-family: "DIN-Bold";
  font-size: 0.165rem;
  line-height: 0.165rem;
  color: #999999;
  margin-left: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .list .item .text .title {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.22rem;
  color: #000000;
  margin-top: 0.125rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .list .item .text .p {
  font-size: 0.12rem;
  line-height: 0.225rem;
  color: #333333;
  margin-top: 0.2rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-left: 0.2925rem;
  margin-right: 0.2925rem;
  transition: 0.5s;
}
.content .box .news .list .item .text .button {
  margin-left: 0.2925rem;
  margin-top: 0.32rem;
  width: 0.9rem;
  height: 0.3rem;
  font-size: 0.12rem;
  line-height: 0.3rem;
  color: #999999;
  text-align: center;
  position: relative;
  transition: 0.5s;
}
.content .box .news .list .item .text .button::after {
  content: "";
  width: 0.0225rem;
  height: 0.3rem;
  background-color: #e84127;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.content .box .news .list .item:hover {
  background-color: #278ee8;
}
.content .box .news .list .item:hover .img img {
  transform: scale(1.1);
}
.content .box .news .list .item:hover .text .time {
  color: white;
}
.content .box .news .list .item:hover .text .title {
  color: white;
}
.content .box .news .list .item:hover .text .p {
  color: white;
}
.content .box .news .list .item:hover .text .button {
  background-color: #cd3821;
  color: white;
}
.content .box .news .list .item:hover .text .button::after {
  width: 0;
}	
	
	
	
	  .content .box .news .right .text {
  display: block;
  width: 100%;
  height: 197px;
}
	.content .box {
  width: 73%;
  margin: 0 auto;
   min-height: 600px;
}
	.jtry{width: 100%; margin: 0 auto; padding-top: 58px; margin-bottom: 58px;}
.jtry ul{width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.jtry ul li{width: 280px; float: left;  height: 465px;  margin-bottom: 33px;}
.jtry3{width: 100%; color: #333333; font-family: "微软雅黑"; font-size: 18px; margin: 0 auto; text-align: center; line-height:63px;}
.jtry2{width: 280px; height: 402px;  margin: 0 auto;box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);}

	.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
	.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
	.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
	.bigbox>.imgbox>img{width:100%;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}
	
.content .box .tabs {
  width: 100%;
}
.content .box .tabs::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .tabs nav {
  width: 5.05501rem;
  height: 3rem;
  float: left;
  position: relative;
}
.content .box .tabs nav .horizontal {
  width: 5.05501rem;
  padding-top: 0.6675rem;
  position: absolute;
}
.content .box .tabs nav .horizontal li {
  width: 100%;
  height: 1.13rem;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .img {
  width: 100%;
  opacity: 0;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .img img {
  width: 100%;
}
.content .box .tabs nav .horizontal li .text {
  width: 2.40751rem;
  border-bottom: solid 1px #f2f2f2;
  position: absolute;
  left: 2.60251rem;
  top: 0.3825rem;
  padding-bottom: 0.225rem;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .text .title {
  font-size: 24px;
  line-height: 0.15rem;
  color: #333333;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li .text .time {
  font-family: "DIN-Bold";
  font-size: 30px;
  line-height: 0.21rem;
  letter-spacing: -0.0075rem;
  color: #000000;
  margin-top: 0.1575rem;
  transition: 0.3s;
}
.content .box .tabs nav .horizontal li.selectActive {
  height: 1.5rem;
}
.content .box .tabs nav .horizontal li.selectActive .img {
  opacity: 1;
}
.content .box .tabs nav .horizontal li.selectActive .text {
  border-bottom: 0;
  top: 0.495rem;
}
.content .box .tabs nav .horizontal li.selectActive .text .title {
  font-size: 36px;
  line-height: 0.315rem;
  color: #ffffff;
}
.content .box .tabs nav .horizontal li.selectActive .text .time {
  color: #ffffff;
}
.content .box .tabs .tab {
  float: left;
  margin-left: 0.93rem;
  padding-top: 0.6675rem;
}
.content .box .tabs .tab .list .item {
  padding-bottom: 20px;
  position: relative;
}
.content .box .tabs .tab .list .item::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.content .box .tabs .tab .list .item .left {
  font-family: "DIN-Bold";
  font-size: 48px;
  line-height: 0.51rem;
  letter-spacing: -0.0075rem;
  color: #0081d7;
  float: left;
}
.content .box .tabs .tab .list .item .right {
  float: left;
  margin-left: 0.675rem;
  width: 4.02001rem;
}
.content .box .tabs .tab .list .item .right .month {
  margin-bottom: 0.39rem;
}
.content .box .tabs .tab .list .item .right .month .img {
  width: 100%;
  margin-bottom: 0.225rem;
}
.content .box .tabs .tab .list .item .right .month .img img {
  width: 100%;
}
.content .box .tabs .tab .list .item .right .month .time {
  font-family: "DIN-Bold";
  font-size: 20px;
  line-height: 0.21rem;
  letter-spacing: -0.0075rem;
  color: #000000;
}
.content .box .tabs .tab .list .item .right .month .time span {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.18rem;
  color: #000000;
}
.content .box .tabs .tab .list .item .right .month .p {
  margin-top: 0.1rem;
  font-size: 18px;
  line-height: 0.27rem;
  color: #333333;
  text-align: justify;
}
.content .box .tabs .tab .list .item .line {
  position: absolute;
  width: 1px;
  top: 0.57rem;
  left: 0.5175rem;
  height: calc(100% - 0.855rem);
  background-color: #c6c6c6;
}
.content .box .tabs .tab .list .item:last-child .line::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #0081d7;
  position: absolute;
  left: -8px;
  bottom: 0;
}

	
.timer{font-size: 48px; font-weight: 550;}

.inner-nav {
  width: 100%;
  height: 0.525rem;
  border-bottom: solid 0.0075rem #e3e3e3;
  background-color: white;
  position: relative;
      margin-top: -5px;
}
.inner-nav::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  clear: both;
}
.inner-nav .left {
  float: left;
  margin-left: 13.5%;
  margin-top: 0.1875rem;
}
.inner-nav .left .h2 {
  font-size: 0.15rem;
  line-height: 0.15rem;
  font-weight: bold;
  color: #000000;
  padding-right: 0.36rem;
  border-right: solid 0.015rem #bcbcbc;
}
.inner-nav nav {
  float: left;
  margin-left: 0.36rem;
}
.inner-nav nav ul li {
  float: left;
  position: relative;
}
.inner-nav nav ul li::after {
  content: "";
  width: 100%;
  height: 0;
  background-color: #0081d7;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: 0.3s;
}
.inner-nav nav ul li a {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0.525rem;
  font-size: 0.135rem;
  color: #000000;
  padding: 0 0.15rem;
  transition: 0.3s;
}
.inner-nav nav ul li:hover::after {
  height: 0.525rem;
}
.inner-nav nav ul li:hover a {
  color: white;
}
.inner-nav nav ul li.active {
  background-color: #0081d7;
}
.inner-nav nav ul li.active a {
  color: white;
}
	
	
	
	
	
	
	
.tekup-hero-slider-item2 {
	background-size: cover;
	background-position: center;
	padding: 121px 0 0 0;
	position: relative
}
.site-menu-main .nav-link-item {
	color: var(--heading-color);
	font-size: 18px;	
	font-style: normal;
	letter-spacing: normal;
	position: relative
}
.icenter{ width:70%; margin: 0 auto; display: block;}
.ficer{ display: block;margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;}
.ficer dl{ display: block;  width: 16%;}
.ficer dl:nth-child(3){ display: block;  width: 22%;}
.ficer dl:nth-child(6){ display: block;   width: 24%;    float: right;}
.ficer dl dd{display: block;color: #0073b7;font-size: 18px; font-weight: 550;}
.ficer dl dt{ display: block; overflow: hidden;}
.ficer dl dt span{display: block;overflow: hidden;line-height: 39px;}
.ficer dl dt span a{ color: #333; font-size: 16px; font-weight: normal;}
.zpnew1{width: 98%; margin: 0 auto; margin-top: 31px; border-bottom: 1px solid #eeeeee;}
.zpnew2{width: 15%; float: left;color: #333333; font-size:24px;}
.zpnew3{width: 82%; float: right; padding-bottom: 34px; }
.zpnew3 ul{width: 100%; margin: 0 auto;}
.zpnew3 ul li{width: 100%; float: left; color: #333333; font-size: 18px;}
.zpnew1:nth-child(4n){border-bottom: none;}


.lxff555new{width: 350px; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none;  background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}
.lxff555new input::placeholder {color: #333333; font-size:16px;/* 您可以将这个颜色代码替换为您想要的颜色 */}

.lxff4new{width:100%;  margin: 30px auto;margin-bottom: 71px;}
.lxff5new{width: 49%; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none;  background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}
.lxff44new{width: 100%;  margin: 0 auto;}
.lxff6new-1{margin: 0 auto;font-family: "微软雅黑"; font-size: 16px; color: #333333; padding-left: 2px; margin-top:42px; margin-bottom: 20px; text-align: left;}
.lxff6new{width: 100%; margin: 0 auto;}
.lxff55new{width: 100%;  float: left; font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none; padding-left: 10px !important; height:173px;background: #ffffff !important; }
.lxff7new{width: 219px; height: 54px; background: #e83428; line-height: 54px; text-align: center; color: #ffffff; border: none; float: left; font-size: 20px; margin-bottom: 40px;}
.lxff5new input::placeholder {color: #333333; font-size:16px;/* 您可以将这个颜色代码替换为您想要的颜色 */}
.lxnew1{width: 100%; margin: 0 auto;}
.lxff6new-2 textarea{padding-top: 10px;color: #333333; padding-left: 20px !important;    border: none;}
 .lxff6new-2 textarea::placeholder{color: #333333;}
.lxnew2{width: 27%; float: left;}
.lxnew3{width: 70%; float: right;}
.lxnew2-1{width: 100%; margin: 0 auto; padding-top: 100px;}
.lxnew2-2{width: 100%; margin: 0 auto; color: #e62129; font-size: 36px; line-height:72px;}
.lxnew2-3{width: 100%; margin: 0 auto;color: #666666; font-size: 16px; }

.lxff5new9{width:100%; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none; padding-left:20px !important; background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}
.lxff5new999{width:250px; height: 47px; float: left; border: none !important;  font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: none; padding-left:20px !important; background: #ffffff !important; margin-bottom: 15px;border-bottom: none !important;}


.lxwm1{width: 100%; margin:0 auto; color: #0c0c0c; font-size: 45px; line-height: 100px; padding-top: 54px; padding-bottom:30px;}
.lxwm2{width: 100%; margin:0 auto; }
.lxwm2 ul{width: 100%; margin:0 auto; display: flex; justify-content: space-between; }
.lxwm2 ul li{width:31%; float: left;box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1); background: #ffffff; border-radius: 10px; padding:30px; }
.lxwm3{font-size: 23px; color: #666666; font-family: "微软雅黑"; width: 100%; margin:0 auto; padding-bottom: 5px; font-weight: 550;}
.lxwm4{font-size: 16px; color: #666666; font-family: "微软雅黑"; width: 100%; margin:0 auto;}



	.ht1{width: 78%; margin: 0 auto;margin-top:6%;}
	.expo{width: 100%;position: absolute;margin: 0 0 0 0%; display: block;overflow: inherit;  z-index: 1; margin-top: -4.5%; height: 133px;}

.expo dl{display: block;overflow: hidden;background: #fff; width: calc(50% - 60px); float: right; padding: 22px 22px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; align-items: top;-webkit-align-items: top;
  box-shadow: 1px 1px 18px -3px #efefef}
.expo dt{display: block;overflow: hidden; width:50%;margin: 0 0 0 0;}
.expo dt strong{    font-size: 20px;color:#0081d7;font-weight: 550;margin-bottom: 1px;display: block;}
.expo dt p{color: #333;font-size: 16px;line-height: 24px;font-weight: normal;}

.ht2{width: 24%;background:url(../image/cpbj.png) #0081d7 right no-repeat; height: 82px;background-position-x: 234px; float: left;}
.ht2-1{font-size: 26px; color: #ffffff; padding:12px 0 0 17px;}
.ht2-2{font-size: 18px; color: #ffffff;padding:0 0 0 17px; opacity: 0.2;}
.ht3{width: 76%; background:#e8e8e8; height: 82px; float: right;}
.pro-left{float: left;width: 24%;box-sizing: border-box;box-shadow: 0px 10px 10px #f7f7f7; background: #eeeeee; margin-bottom: 50px;}
.pro-left .left-category ul li a{color: #000000;}
.pro-left .left-category ul li:hover a{color: #FFFFFF;}
/*产品展示左侧*/

.pro-content{width: 100%;}
.pro-right{float: right;    width: 73.5%;    padding-top: 2%;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{height: 44px;line-height: 44px;font-size: 18px;text-align: left;cursor: pointer;color: #000000; border-bottom: 1px solid #dedede;padding-left: 44px;}
.pro-left .left-category ul li.on{background: #087fd2;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #087fd2;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 16px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
.xiala{width:100%;margin-bottom: 20px;height:40px;background: url(../image/jiantou.png) #f7f8fa right no-repeat;outline: none; appearance: none; margin: 0 auto;    background-position-x: 90%;
    padding-left: 10px;border: none;color: #6b6b75;    font-size:16px;}
.mainzt5{    width: 19.1%;
    margin-top: 20px;
    float: left;
    z-index: 99999;
    border: none;
    margin-left: 2%;}
.sousuoan{float: left; background: #00b7ee; text-align: center; color: #ffffff; font-size: 16px; width: 85px; height: 37px; border-radius: 30px;line-height: 37px; margin-left: 20px;margin-top: 20px; }
.shuru{width:100%;margin-bottom: 20px;height:40px !important; background: #f7f8fa !important; font-size: 16px !important; color: #000000 !important;padding-left: 10px !important;}
.mainzt5:nth-child(1){margin-left: 3%;}
.more{font-family: "微软雅黑"; font-size: 18px; color: #000000; padding-left: 44px; height: 44px; line-height: 44px;}
.more a{color: #000000;}
.banner{ position: relative;width: 100%;background: #0081d7;overflow: hidden; }
.bannerxw{ position: relative;width: 100%;background: #0081d7;overflow: hidden; }
.bannerxw img{margin: 0 auto; display: flex; }
.m-content{width: 1440px; margin: 0 auto; margin-top: 15px;/* -webkit-animation: fadeInLeft 2s ease-out 0.5s 1 both;*/}

.cpright{width: 1111px; float: left; -webkit-animation: fadeInRight 2s ease-out 0.5s 1 both;}
.cpright ul{width: 1111px; margin: 0 auto;}
.cpright ul li{width: 239px; float: left;box-shadow:-2px 7px 28px #f5f5f5; margin-right: 33px; margin-bottom: 33px;}
.cpright1{width: 239px; height: 187px;}
.cpright2{    width: 239px;
    height: 82px;  
    text-align: left;
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
    padding-top: 15px;
    margin: 0 auto;
    line-height: 30px;
    padding-left: 9px;
   
    }
.cpright ul li:hover{box-shadow:-2px 7px 28px #a3d7f9;}
.htcp3{width: 1097px; background:#e8e8e8; height: 82px; margin: 0 auto; border-radius:35px; margin-top: 34px;}

.middle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-side {
 float:left;width:281px;margin-right:30px;/*-webkit-animation: fadeInLeft 2s ease-out 0.5s 1 both;*/
}
.s-side .s-firstItem i {
  font-size: 20px;
}
.s-side .s-firstItem span {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
 color: #ffffff;
  white-space: 10px;
}
.s-side .first {
	color:#fff;background:url(../image/next3.png) 95% center no-repeat;-webkit-background-size:auto 16px;background-size:auto 16px;
	line-height: 52px;font-size:20px;color:#ffffff; margin-bottom: 10px;
 

}


.s-firstItem .first{color:#fff;background:url(../image/next3.png) 95% center no-repeat #c5c5c5;}

.xuanzhong{color:#fff;background: url(../image/next3.png) right no-repeat #027fcf;background-position-x:237px;}

.cpxxview{width: 100%; margin: 0 auto;}
.cpxxview1{width: 100%; margin: 0 auto; }
.cpxxview1 img{width: 100%; margin: 0 auto; height:auto;}
.cpxxview4{width: 100%; margin: 0 auto; background: #ffffff; margin-top: 0px; padding: 4%; margin-bottom: 50px;}
.cpxxview2{width: 100%; margin: 0 auto;  display: flex; justify-content: space-between; margin-bottom: 24px;}
.cpxxview3{width: 48%; float: left; height: 47px;}

.cpxxview3-1{width: 163px; float: left; background: #278cdc; color: #ffffff; font-size: 18px; line-height: 47px; text-align: center;}
.cpxxview3-2{width: calc(100% - 163px);; float: right; background: #f5f5f5; color: #333333; font-size: 18px;line-height: 47px; padding-left: 22px;}


	.reveal-header li.nav-item-has-children:hover>.sub-menu {
		top: 100%
	}
	.reveal-header li.nav-item-has-children:hover>.megamenu {
		top: 112%
	}
	.site-menu-main .nav-link-item {
		padding-top: 45px!important;
		padding-bottom: 45px!important;
		padding-left: 25px!important;
		padding-right: 45px!important
	}
	.has-megamenu ul {
		margin-left: auto
	}
	.site-menu-main a {
		display: flex;
		align-items: center
	}
	.site-menu-main i {
		margin-left: 10px;
		font-size: 20px
	}
	
	
	.site-menu-main .sub-menu--item>a {
		transition: .4s
	}
	
	.site-menu-main .sub-menu.megamenu {
		background-color: #fff
	}
	.site-menu-main .sub-menu.megamenu {
		padding: 30px;
		min-width: 925px;
		left: 50%;
		transform: translateX(-50%) translateY(10px);
		will-change: transform;
		top: 100%;
		box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);
		border: 1px solid #e7e9ed;
		border-radius: 8px;
		visibility: hidden;
		z-index: -99;
		opacity: 0;
		pointer-events: none
	}
	
	.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
		padding-left: 0;
		padding-right: 10px
	}
	.site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover {
		color: #FFC947!important
	}
	
	li.nav-item-has-children:not(.has-megamenu) {
		position: relative
	}
	
	li.nav-item-has-children:hover>.sub-menu {
		visibility: visible;
		opacity: 1;
		z-index: 99;
		pointer-events: visible;
		border-radius: 0;
		transform: translateY(0)
	}



.site-menu-main .sub-menu {
	z-index: 500;
	background-color: #fff;
	box-shadow: -2px 2px 70px -25px rgb(0 0 0 / 30%);
	position: absolute;
	left: 0;
	top: 121px;
	margin: 0;
	padding: 12px 0;
	transition: .4s;
	z-index: 4;
	transform: translatey(20px);
	opacity: 0;
	visibility: hidden;
	min-width: 240px;
	border-radius: 6px
}

/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;width:20.1%;margin-right: 53px;box-sizing: border-box;transition: all .3s linear;}
.pro-right ul li:nth-child(4n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:172px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}

.ficer dl .ewm{display: block; }
.ficer dl .ewm p{display: block;overflow: hidden;  }
.ficer dl  p img {width: 47%;    margin: 5px 0px;}
.ficer dl .ewm p img{ display: block;width: auto;height: 100px; margin-bottom: 10px; }
.ficer dl .ewm p span{display: block;font-size: 14px;color: #333;}
.ficer dl .ewm .cot{display: block;margin-bottom: 10px; width: 131%;}
.ficer dl .ewm .cot p span{ display: block;float: left;font-size: 15px;}
.ficer dl .ewm .cot p font{display: block;float: left;    font-size: 24px;color: #333;    }
.ficer dl .ewm .cot .fs1 font{font-size: 15px;}
.ficer dl .ewm .cot p font i{    display: block;font-size: 14px;color: #333;font-style: inherit;}


.site-menu-main .sub-menu--item {
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}

.site-menu-main .sub-menu--item>a {
	color: inherit;
	padding: 4px 20px;
	font-weight: normal;
	color: #000;
	position: relative
}

.gsjj1{width: 100%; margin: 0 auto; padding-top: 61px;}

.gsjj2{width: 100%; margin: 0 auto; font-family: "微软雅黑"; font-size: 65px; margin-top:40px; color: #e3e3e3;}
.gsjj3{width: 100%; margin: 0 auto; color: #333333; font-family: "微软雅黑"; font-size: 43px; margin-bottom:37px;margin-top:40px; }

.gsjj4{width: 100%; margin: 0 auto; color: #333333; font-family: "微软雅黑"; font-size: 18px; margin-top:40px;  line-height: 35px; padding-bottom:57px;}

.num-change li {
    font-size: 18px;
    font-family: YeSans;
    color: #333333;
  
}

.num-change li:nth-child(3) {
    color: #333333;
    font-size: 18px;
    margin-top: 2px;
}


.cp1{width: 98%; margin: 0 auto; height: 117px; background: #ffffff;}
.wp{background: #f7f7f7; width: 100%; padding-top: 41px;}

    .col-snav{float:left;width:281px;margin-right:30px;-webkit-animation: fadeInLeft 1s ease-out 0.5s 1 both;}

    .cpyfw{width: 822px; height: 148px; margin: 0 auto;/*-webkit-animation: fadeInUp 2s ease-out 0.5s 1 both;*/}



.s-side .d-firstNav span {
  display: inline-block;
  margin-left: 10px;
}
.s-side .d-firstNav i.fr {
  font-size: 25px;
}
.s-side .s-secondNav,.s-side .s-secondItem {background: url(../image/i-sj6.png) 30px center no-repeat ; padding-left:26px;font-size: 18px;
    color: #333; border-bottom: 1px solid #cecece;}



.s-side .s-secondNav,.s-side .s-secondItem  a{color: #333;}



.s-side .s-secondItem:hover {border:1px solid red}


.d-firstNav:hover{
	background: url(../image/next3.png) right no-repeat #027fcf;background-position-x:237px;cursor: pointer
}

.s-secondNav:hover{
	cursor: pointer
}


.s-side .d-secondDrop {
  margin-left: 21px;
 /* margin-top: 10px;*/

}


.pzjs1{width: 100%; margin: 0 auto; padding-top: 58px; margin-bottom: 58px;}
.pzjs1 ul{width: 100%; margin: 0 auto;}
.pzjs1 ul li{width: 48%; float: left; background: url(../image/pdfbj.png) #ffffff right no-repeat; height: 104px; line-height: 104px;    background-position-x: 92%; margin-bottom: 33px;box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);}
.pzjs2{width: 35%; float: left; color: #333333; font-family: "微软雅黑"; font-size: 24px; padding-left: 36px;}
.pzjs3{width: 60%; float: left;color: #333333; font-family: "微软雅黑"; font-size: 24px;}
.pzjs1 ul li:hover{background: url(../image/pdfbj1.png) #278fe8 right no-repeat;  background-position-x: 92%; }
.pzjs1 ul li:hover .pzjs2{color: #ffffff;}
.pzjs1 ul li:hover .pzjs3{color: #ffffff;}

.tekup-header-search-box {
	position: relative;
	    width: 90%;
    margin: 0 auto;
    padding-left: 4%;
}


.pro-center{width: 78%;overflow: hidden;background: #ffffff; margin: 0 auto; }
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}


}