/*@import url(font_1202565_yzm1grs0eh.css);*/

/*@import"bootstrap.min.css";*/

/*@import"swiper.min.css";*/

/*@import"animate.min.css";*/

/*@import"neiye.css";*/

body {
	line-height: 1.625;
	font-weight: 400;
	font-size: 16px;
	color: #434343;
	font-family: microsoft yahei
}

h5.htitle::before,h4.htitle::before,h3.htitle::before,h2.htitle::before,h1.htitle::before {
    content: "|";
    display: inline;
    color: red;
    margin-right: 15px;
    font-weight: 700;
}
h5.htitle,h4.htitle,h3.htitle,h2.htitle,h1.htitle{
margin-top: 30px;
}

.color-logo {
	color: #da0816
}

a {
	transition-duration: .2s;
	color: #434343
}

h4 {
	font-size: 19px;
	line-height: 1.4
}

.f5f5f5 {
	background: #f5f5f5
}

.button {
	color: #c62922;
	display: inline-block;
	border: 1px solid #c62922;
	min-width: 130px;
	border-radius: 20px;
	text-align: center;
	padding: 0 15px
}

.button:hover {
	text-decoration: none
}

a:focus,a:hover {
	color: #13a19e;
	text-decoration: none
}

.link-box:hover .link-cont{display:block}
.link-cont{display:none;
position: absolute;
    right: 52px;
    width: 290px;
    background: #fff;
    bottom: 0;
    padding: 10px;
    line-height: 35px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}
.link-box{display: inline-block;
    position: fixed;
    right: 15px;
    bottom: 198px!important;
    z-index: 999;
    padding-left: 10px;}
.link-primary{text-decoration: none!important;
    width: 44px;
    height: 128px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background-color: #fff;
    text-align: center;
    display: inline-block;
    cursor: pointer;}
.link-primary i{color: #d6000f;
    display: block;
    margin: 15px auto 10px;
    font-size: 22px;
    text-align: center;
    line-height: 22px;}
.link-primary span{display: inline-block;
    width: 14px;
    font-size: 14px;
    color: #222;
    line-height: 17px;}
    
.SupTrans .SupTransIco {
	margin-left: 5px;
	transition-duration: .2s
}

.SupTrans:hover .SupTransIco {
	margin-left: 15px
}

.transformimg img {
	transition: transform 3s cubic-bezier(.23,1,.32,1);
	transform: scale(1)
}

.transformimg:hover img {
	transform: scale(1.1)
}

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

.margin-60 {
	margin-top: 70px;
	margin-bottom: 70px
}

.flex_box {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

.flex-xs-10,.flex-xs-4,.flex-xs-5,.flex-xs-6 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
    flex-direction: column;
    float: left;
}

.text-overflow-line-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-overflow-line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.text-overflow-line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.pageBox,#pagesize {
	text-align: center
}

.pageBox a,.pageBox span ,#pagesize a,#pagesize span{
	display: inline-block;
	font-size: 16px;
	padding: 5px 14px;
	border: 1px solid #eee;
	margin-left: -1px
}

.suptable {
	display: table;
	width: 100%
}

.suptablerow {
	display: table-row
}

.suptablerow:nth-of-type(odd) {
	background-color: #f9f9f9
}

.suptabletd {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	display: table-cell
}

.pageBox .active,#pagesize .active {
	color: #fff;
	background: #db101d
}

.pageBox .nolink,#pagesize .nolink{
	color: #ccc;    opacity: 0.5;
}

.SupUpDown:hover {
	animation: updown 3s cubic-bezier(0,0,1,1) 0s infinite alternate
}

@keyframes updown {
	0% {
		transform: translate(0,0)
	}

	25% {
		transform: translate(0,10px)
	}

	50% {
		transform: translate(0,0)
	}

	75% {
		transform: translate(0,-10px)
	}

	100% {
		transform: translate(0,0)
	}
}

.clear_ul {
	padding-left: 0;
	list-style: none
}

.padding-right-0 {
	padding-right: 0!important
}

.container {
	position: relative
}

.nav {
	box-shadow: 2px 0 10px rgba(0,0,0,.2);
	height: 55px;
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
	/* background: #fff; */
	transition: .5s
}

.nav .sm_logo {
	display: inline-block;
	overflow: hidden;
	margin-right: 35px;
	margin-top: 10px;
	float: left;
	max-width: 185px
}

.nav .sm_logo img {
	height: 60px
}

.nav .nav_content {
	display: inline-block;
	float: left
}

.nav .nav_content>ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	display: table;
	float: left;
	position: relative;
	height: 94px
}

.nav .nav_content>ul>li {
	display: table-cell;
	vertical-align: middle;
	width: 190px;
	text-align: center;
	font-size: 16px;
	position: relative
}
.nav .nav_content>ul>li > a{
	color: white;
}
.pageHeader.fixed .nav_content>ul>li a,
.nav:hover .nav_content>ul>li a{
	color: #000
}

.nav .nav_content .navbar-sm-col {
	position: absolute!important;
	width: auto!important;
	min-width: 100%
}

.nav .nav_content .navbar-sm-col ul li a {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	border-bottom: 1px solid #ddd
}

.nav .search {
	display: inline-block;
	float: right;
	margin-top: 8px;
	margin-right: 0;
	position: relative;
	line-height: 1.625
}

.nav .search>div {
	margin-left: 10px;
	position: relative;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	color: white;
}
.pageHeader.fixed .search>div,
.mobile-menu-open .search>div{
	color: #000
}
.nav .search>div span {
	vertical-align: middle
}

.nav .search>div .search_con,.nav .search>div>ul {
	position: absolute;
	list-style-type: none;
	background: #fff;
	z-index: 9;
	padding-left: 0;
	padding-right: 0;
	right: 0;
	visibility: hidden;
    opacity: 0;
    box-shadow: 2px 0 10px rgba(0,0,0,.2);
}

.nav .search .lang:hover>ul {
	visibility: visible;
	opacity: 1
}

.nav .search>div>ul>li {
	display: block;
	border-bottom: 1px solid #eee
}

.nav .search>div>ul>li>a {
    white-space: nowrap;
    line-height: 34px;
    padding: 0px 15px;
    height: auto;
    box-sizing: border-box;
    font-size: 14px;
    min-width: 115px;
    display: block;
    text-align: left;
}

.nav .search>div>ul::before {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-width: 0 7px 7px;
	border-style: solid;
	border-color: transparent;
	border-image: initial;
	right: 10px;
	top: -7px;
	border-bottom-color: #eee
}

.nav .search .sear .search_con {
	transition: all .3s linear;
	width: 0;
	height: 40px;
	top: -2px
}

.nav .search .sear:hover>.search_con {
	visibility: visible;
	opacity: 1;
	width: 350px
}

.nav .search .sear .search_con input {
	position: relative;
	font-size: 14px;
	z-index: 2;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 40px;
	width: 100%;
	height: 40px;
	outline: 0;
	background: 0 0;
	line-height: 40px;
	border: 1px solid #999
}

.nav .search .sear .search_con .search_btn {
	position: absolute;
	right: 1px;
	top: 0px;
	opacity: .5;
	cursor: pointer;
	z-index: 99;
	background: 0 0;
	border: none;
	width: 35px;
    text-align: center;
    line-height: 40px;
}

.nav a:hover {
	text-decoration: none
}

.nav .nav_content>ul>li .navbar-collapse {
	position: fixed;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	background: #f5f5f5;
	left: 0;
	cursor: default;
	border-top: 1px solid transparent;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	margin-top: 35px;
	z-index: 99;
	text-align: left
}

.nav .nav_content>ul>li .navbar-collapse .col-sm-4 {
	position: relative
}

.nav .nav_content .navbar-collapse h3 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 10px;
}

.nav .nav_content .navbar-collapse ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.nav .nav_content .navbar-collapse ul li {
	font-size: 14px;
	color: #282828;
	padding-left: 0
}

.nav .nav_content .navbar-collapse a:hover {
	text-decoration: underline;
	color: inherit
}

.nav .nav_content .navbar-collapse>.container>.row {
	padding-top: 40px;
	padding-bottom: 40px
}

.nav .nav_content>ul>li.active>a {
	color: #13a19e
}

footer {
	background: #edf0f1;
	padding-top: 30px
}

#footer h3 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #282828
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#footer ul li {
	padding-bottom: 15px;
	font-size: 14px
}

#footer .social li {
	font-size: 28px;
	padding-left: 0;
	padding-right: 0;
	text-align: right
}

#footer .social {
	margin-top: 60px;
	margin-bottom: 20px
}

#footer .copy {
	background: #222;
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	margin-top: 60px;
	width: 100%;
    overflow: hidden;
    padding: 10px 0px;
}

#footer .copy ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	text-align: center
}

#footer .copy ul li {
	display: inline-block;
	padding-bottom: 0
}

#footer .copy ul li a {
	color: #fff;
	padding: 0 10px
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
	background: none;
	color: #db111e;
	font-size: 50px;
	line-height: 55px;
	width: 55px;
	height: 55px;
	text-align: center;
}

.banner .swiper-wrapper .swiper-slide {
	background: #24282c
}

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

.banner-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 0
}

.banner-content .con {
	display: inline-block;
	width: 100%;
	padding-bottom: 0;
	vertical-align: middle
}

.banner-content:after {
	display: inline-block;
	height: 100%;
	content: "";
	vertical-align: middle;
	width: 0
}

.banner-content h3 {
	color: #fff;
	font-size: 40px
}

.banner-content button {
	background: #dc1320;
	color: #fff;
	display: inline-block;
	line-height: 40px;
	padding: 0 15px;
	font-size: 18px;
	margin-top: 20px;
	border-radius: 2px;
	border: none
}

.index_pro .products .product {
	background: 0 0;
	padding: 0;
	box-shadow: 0 0 0
}

.products .product img {
	margin: 0 auto;
	max-width: 100px
}

.products .product p {
	font-size: 14px;
	margin: 10px 0
}

.index_application .swiper-slide img {
	width: 100%
}

.index_application .swiper-slide:not(.swiper-slide-active) .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(237,240,240,.9)
}

@-webkit-keyframes opGradient {
	0% {
		-webkit-transform: translateY(-10px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes opGradient {
	0% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.nav .nav_content>ul>li.active .navbar-collapse {
	-webkit-animation: opGradient .4s;
	animation: opGradient .4s;
	opacity: 1;
	visibility: visible
}

.navbar-collapse .container {
	padding-left: 171px;
	padding-right: 188px
}

.super_space {
	height: 55px
}

#mob_nav_container.open {
	display: block;
	right: 0
}

#mob_nav_container {
	top: 55px;
	z-index: 9998;
	right: -100%;
	position: fixed;
	width: 100%;
	-webkit-transition-property: right,visibility;
	-o-transition-property: right,visibility;
	transition-property: right,visibility;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	height: 100%;
	background: #f5f5f5;
	overflow-y: auto;
	display: none;
	padding-bottom: 100px
}

.mob_nav_open {
	padding-bottom: 100px
}

.mob_nav_open ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
	margin-bottom: 15px
}

.mob_nav_open ul li a.navbar-tog {
	font-size: 18px;
	color: #282828;
	padding: 11px 15px;
	border-bottom: 1px solid #d4d4d4;
	display: block;
	line-height: 150%
}

.mob_nav_open ul li a:hover {
	text-decoration: none
}

.mob_nav_open ul li a.navbar-tog em {
	float: right;
    height: 28px;
    margin-top: 0;
    line-height: 28px;
}

.mob_nav_open ul li>ul>li {
	border-bottom: 1px solid #d4d4d4
}

.mob_nav_open ul li>ul>li h3 > a {
	font-size: 16px
}

.mob_nav_open ul li>ul>li a {
	padding: 10px 25px;
	display: block;
	color: #282828;
	font-size: 14px
}

.mob_nav_open ul li>ul>li>h3 {
	display: block;
	background: #ecebeb;
	margin-bottom: 0;
	margin-top: 0
}

.iconfont {
    font-size: inherit;
    line-height: 1;
}

.iconfont.icontheearth2diqiu {
	font-size: 19px
}

.iconfont.iconi-search {
	font-size: 22px
}

.iconfont.iconclose,.iconfont.iconmenu1 {
	font-size: 24px
}

#goto_top {
	bottom: 20px;
	right: 15px;
	position: fixed;
	width: 44px;
	height: 44px;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
	z-index: 9;
	background: #fff;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	display: none
}

#goto_top .icontop {
	font-size: 24px;
	color: #da0816
}

.swiper-pagination-bullet-active {
	width: 25px;
	border-radius: 5px
}

.index_application .swiper-button-next,.index_application .swiper-button-prev {
	background: 0 0;
	color: #db111e;
	font-size: 40px;
	line-height: 40px;
	width: 40px;
	height: 40px
}

.index_application .swiper-button-next {
	right: 0
}

.index_application .swiper-button-prev {
	left: 0
}

.container>.index_title {
	margin-bottom: 60px
}

.container>.index_title h2 {
	margin-bottom: 0;
	line-height: 1;
	width: 100%;
	margin-top: 0;
	font-size: 36px;
	text-align: center
}

.container>.index_title h2 a {
	color: #222;
	line-height: 1
}

.container>.index_title h2+a {
	float: right;
	color: #222;
    font-size: 22px;
    margin-top: -36px;
}

.container>.index_title h2+a:hover {
	text-decoration: none
}

.container>.index_title h2+a em {
	font-size: 22px
}

.index_application .card .content {
	height: 245px;
	overflow: hidden
}

.index_application .card h3 {
	font-size: 28.000000000000004px;
	line-height: 38px;
	margin-bottom: 5px;
	margin-top: 0
}

.index_application .card h3+span {
	font-size: 18px;
	line-height: 30px
}

.index_application .card p {
	font-size: 17px;
	line-height: 30px
}

.index_application .card ul {
	padding-left: 20px;
	margin-top: 20px
}

.index_application .card ul li {
	font-size: 17px;
	text-align: left
}

.index_application .card span.read-more {
	font-size: 20px;
	color: #282828;
	margin-top: 30px;
	display: block;
	line-height: 34px
}

.index_application .category-name {
	font-size: 14px;
	line-height: 22px;
	color: #666
}

.index_application .events-img {
	position: absolute;
	top: -105px;
	right: 0
}

.index_application .card {
	background: #dce6ee;
	border-radius: 6px;
	padding-top: 50px;
	padding-bottom: 60px;
	margin-top: 60px;
	margin-bottom: 60px
}

.navbar-collapse div[class*=col-] {
	position: relative
}

.navbar-collapse .line {
	position: absolute;
	left: -20px;
	width: 1px;
	height: 100px;
	background: #ccc7c7;
	margin-top: 20px
}

.banner_box {
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #000;
	background-color: #fff
}

.ny_box .banner_box+p {
	margin-top: 30px
}

.banner_box .container {
	max-width: 100%
}

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

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

.banner_box .con {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	font-size: 0;
	width: 100%;
	height: 100%
}

.banner_box .con:after {
	display: inline-block;
	height: 100%;
	content: "";
	vertical-align: middle;
	width: 0
}

.banner_box .con .box {
	display: inline-block;
	width: 100%;
	padding-bottom: 0;
	vertical-align: middle
}

.banner_box .title {
	font-size: 56px;
	line-height: 1.38;
	overflow: hidden;
	margin: 0;
	padding-top: 9px;
	text-align: inherit;
	padding-bottom: 0;
	color: #fff;
	text-align: center
}

.banner_box .sub-title {
	font-size: 22px;
	line-height: 1.45;
	overflow: hidden;
	padding-top: 15px;
	margin-bottom: -3px;
	color: #fff;
	text-align: center;
	padding-left: 0;
	padding-right: 0
}

.banner_box img {
	transition: transform 12s cubic-bezier(.23,1,.32,1);
	transform: scale(1)
}

.banner_box:hover img {
	transform: scale(1.1)
}

.sub_title {
	font-size: 36px;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 45px;
	text-align: center
}

.key_body {
	background-image: url(../images/keybg.jpg);
	padding: 50px 0;
	background-size: contain
}


.key_body .key {
	background: rgba(255,255,255,.5);
	padding: 15px 20px;
	margin-bottom: 0
}

.key {
	list-style: none;
	padding-left: 0
}
.key h4{
    margin-bottom: 0;
}
.key li {
	position: relative
}

.key>li>em {
	background-image: url(../images/key03.png);
	width: 50px;
	height: 45px;
	display: block
}

.key_1 {
	background-position: -19px -18px
}

.key_2 {
	background-position: -101px -18px
}

.key_3 {
	background-position: -19px -117px
}

.key_4 {
	background-position: -101px -117px
}
.key_0 {
	background-position: -19px -68px
}

.lang .icondown {
	font-size: 16px
}

.social .iconwx {
	position: relative
}

.social .iconwx .wxcode {
	display: none;
	position: absolute;
	right: 0;
	bottom: 35px;
	width: 120px;
	height: 120px
}

.social .iconwx:hover .wxcode {
	display: block
}

.bg_1 {
	background: #b34ec5
}

.bg_2 {
	background: #fc6719
}

.bg_3 {
	background: #005cb9
}

.bg_4 {
	background: #62ccca
}

.bg_5 {
	background: #6b5dc2
}

.bg_6 {
	background: #5dc2a5
}

.bg_7 {
	background: #b3c25d
}

.bg_8 {
	background: #0094b9
}

.video_btn {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/video_btn.png) center center no-repeat;
	cursor: pointer
}

.video_btn:hover {
	background: url(../images/video_btn_hover.png) center center no-repeat
}

.showbox {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	z-index: 999999
}

.showcontent {
	display: block;
	position: fixed;
	width: 60%;
	height: auto;
	left: 20%;
	top: 15%;
	z-index: 9999999
}

.showcontent video {
	width: 100%
}

.closebox {
	position: absolute;
	right: -15px;
	color: #fff;
	z-index: 9999999;
	font-size: 26px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	border: 2px solid #fff;
	width: 30px;
	text-align: center;
	background: #000;
	top: -15px;
	cursor: pointer
}

.closebox:hover {
	color: #fff
}
.columns-card{
    margin-left: 20px;
    margin-right: 20px;
}
.card-img {
    height: 250px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}
.card-img img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.card-img img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.card-content {
    padding: 30px 20px;
    background: #dde6ed;
}
.columns-card .card-content {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    position: relative;
}
.columns-card .card-content > div{
    height: 110px;
    overflow: hidden;
}
.category-name{
    font-size: 14px;
    color: #666;
}
.index_news_ul li:first-child {
    padding-top: 0;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}


@media (max-width:991px) {
	#footer ul li {
		width: 50%;
		float: left
	}

    #footer .copy ul{
        float: inherit;
        text-align: center;
    }
    #footer .copy ul li{
        width: auto;
    float: inherit;
    }
    #footer .copy ul::after{
        content: '';
        clear: both;
        display: table;
    }
	#footer .social li {
		width: 16.666666%;
		text-align: left
	}

	.mob_menu.visible-sm {
		display: inline-block!important
	}
}

@media (max-width:767px) {
    .social .iconwx:hover .wxcode{
        left: 0;
    }
    
    .card-img {
        height: 180px;
    }
    .columns-card .card-content{
        padding: 30px 20px;
        height: 276px;
    }
    .columns-card .card-content > div {
        height: 200px;
    }
    #footer .copy{
        height: auto;
        text-align: center;
    }
    .columns-card {
        margin-left: 0px;
        margin-right: 0px;
    }
    .index_news_ul{
        margin-top: 40px;
    }
    .index_news_ul li{
        padding-top: 40px;
    }
	.showcontent {
		width: 90%;
		left: 5%
	}

	.container>.index_title {
		margin-bottom: 30px
	}

	.margin-60 {
		margin-top: 60px;
		margin-bottom: 60px
	}

	.banner-content button {
		line-height: 30px;
		padding: 0 10px;
		font-size: 17px
	}

	.margin-bottom-35-xs {
		margin-bottom: 35px
	}

	.pageBox a,.pageBox span,#pagesize a,#pagesize span {
		padding: 0 8px
	}

	.sub_title {
		font-size: 24px
	}

	#footer h3 {
		font-size: 18px
	}

	.banner_box .title {
		font-size: 24px;
		line-height: 1.15;
		padding-top: 0;
		font-weight: 400
	}

	.banner_box .sub-title {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.banner_box .con .box .top-title {
		font-size: 16px;
		line-height: 1.625;
		padding-top: 10px
	}

	.container>.index_title h2 {
		width: 100%;
		position: relative;
		font-size: 24px
	}

	.container>.index_title h2 a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0
	}

	.index_application .card .content {
		height: 245px
	}

	.container>.index_title h2 em {
		display: inline-block!important;
		vertical-align: middle;
		font-size: 28px
	}

	.index_application .card .col-sm-5 {
		text-align: center;
		margin-top: 100px;
		padding-right: 0;
		padding: 0 35px
	}

	.index_application .card {
		position: relative;
		margin-top: 120px;
		padding-bottom: 40px;
		margin-bottom: 0
	}

	.index_application .card {
		text-align: center
	}

	.index_application .card h3 {
		font-size: 18px
	}

	.index_application .card p,.index_application .card span {
		font-size: 16px
	}

	.index_application .events-img {
		position: static
	}

	.index_application .card .col-sm-6 {
		position: static
	}

	.index_application .card .col-sm-6 .events-img img {
		width: auto;
		position: absolute;
		right: 0;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%) scale(.6,.6)
	}

	.flex-xs-10,.flex-xs-4,.flex-xs-5,.flex-xs-6 {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%
	}

	.banner-content h3 {
		font-size: 24px
	}

	h2,h3 {
		font-size: 22px
	}

	.nav .search .sear:hover>.search_con {
		width: 200px
	}
}

@media (min-width:768px) {
    .card-img {
        height: 300px;
    }
    .card-img img{
        object-fit: cover;
        height: 300px;
        display: block;
    }
.key_body .keys_right{
    padding-left: 45px;
}
	.index_application .card {
		height: 365px
	}
a:hover+.targetlink,a:hover .targetlink{
    display: inline-block;
}

.targetlink{
    display: none;
}
    .index_news_ul{
        padding-right: 16.666%;
    }
    
    .index_news_ul li{
        padding-top: 60px;
    }
	.flex-xs-6 {
		flex-basis: 60%;
		width: 60%;
        max-width: 60%;
	}

	.flex-xs-10 {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%
	}

	.flex-xs-4 {
		flex-basis: 40%;
		width: 40%;
		max-width: 40%
	}

	.flex-xs-5 {
		flex-basis: 50%;
		width: 50%;
		max-width: 50%
	}
}

@media (min-width:992px) {

	.navbar-collapse .container {
		padding-left: 140px;
		padding-right: 155px
	}

	.nav .sm_logo {
		margin-right: 15px
	}

	.nav .nav_content>ul>li {
		width: 125px
	}
}

@media (min-width:1200px) {
	.nav .nav_content>ul>li {
		width: 135px
	}

	.index_application .card {
		height: 406px
	}

	.col-lg-20 {
		width: 20%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}
}
@media screen and (max-width:760px){
	.nav .sm_logo img{
		height: 40px;
	}
}