@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 2423306 */
  src: url('//at.alicdn.com/t/font_2423306_kkl4u2wxtz.woff2?t=1649488471082') format('woff2'),
       url('//at.alicdn.com/t/font_2423306_kkl4u2wxtz.woff?t=1649488471082') format('woff'),
       url('//at.alicdn.com/t/font_2423306_kkl4u2wxtz.ttf?t=1649488471082') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@-moz-keyframes spaceboots{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}}
@keyframes spaceboots{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}}
@-webkit-keyframes spaceboots{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}}
.spaceboots{-webkit-animation-name:spaceboots;-moz-animation-name:spaceboots;animation-name:spaceboots;    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;}
.iconjishu:before {
  content: "\e9bb";
}

.iconfuwu1:before {
  content: "\eb36";
}

.icondianmian:before {
  content: "\e612";
}

.iconbaoming:before {
  content: "\e664";
}

.iconzhengce:before {
  content: "\e66d";
}

.icongongsi:before {
  content: "\e74b";
}

.iconxinwen:before {
  content: "\e621";
}

.iconbaike:before {
  content: "\e622";
}

.iconhuodong_huodongguanli:before {
  content: "\e615";
}

.iconzixun:before {
  content: "\e60b";
}

.iconsaomiao:before {
  content: "\e62f";
}

.iconmendianchaxun:before {
  content: "\e630";
}

.iconjisuanqi:before {
  content: "\e631";
}

.iconcolor:before {
  content: "\e65f";
}

.iconweizhi:before {
  content: "\e633";
}

.iconriqi:before {
  content: "\ebb1";
}

.iconxinpintuijian:before {
  content: "\e650";
}

.iconbillions:before {
  content: "\e605";
}

.iconxinlangweibo:before {
  content: "\e603";
}

.iconweixin:before {
  content: "\e604";
}

.iconlianxiren:before {
  content: "\e675";
}

.icondouyin:before {
  content: "\e8db";
}

.iconpay-jingdong:before {
  content: "\e8dd";
}

.iconhansha:before {
  content: "\e600";
}

.iconhome:before {
  content: "\e608";
}

.iconset:before {
  content: "\e613";
}

.icongongcheng:before {
  content: "\e60a";
}

.icongouwuche:before {
  content: "\e73d";
}

.iconketing:before {
  content: "\e66c";
}

.iconshufang:before {
  content: "\e67a";
}

.iconertongfang:before {
  content: "\e602";
}

.iconquanjing:before {
  content: "\e609";
}

.iconaccount:before {
  content: "\e616";
}

.iconzeren:before {
  content: "\e62e";
}

.iconrongyu:before {
  content: "\e6a9";
}

.iconwenhua:before {
  content: "\e689";
}

.iconcanting:before {
  content: "\e64c";
}

.iconfazhanlicheng:before {
  content: "\e68f";
}

.iconwoshi:before {
  content: "\e606";
}

.iconarrow-down:before {
  content: "\e618";
}

.iconarrow-left:before {
  content: "\e61a";
}

.iconarrow-right:before {
  content: "\e61b";
}

.iconarrow-up:before {
  content: "\e61c";
}

.iconcustom:before {
  content: "\e625";
}

.iconshare:before {
  content: "\e62b";
}

.iconlocation:before {
  content: "\e611";
}

.iconfuwu:before {
  content: "\e60d";
}

.iconanquan:before {
  content: "\e671";
}

.iconjisuan:before {
  content: "\e60c";
}

.iconclose:before {
  content: "\e601";
}

.iconsearch:before {
  content: "\e610";
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

/*laoding*/
.show .load-box .loading{
    display: block;
}
.show .loading .ie-loading{
    display: none;
}
.loading .spinner,
.loading .ie-loading{
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-60% , -50%);
        -ms-transform: translate(-60% , -50%);
            transform: translate(-60% , -50%);
    text-align: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .loading .spinner{
        display: none;
    }
    .show .loading .ie-loading{
        display: block;
    }
   
 }
.loading .spinner img{
    position: static;
    margin-left: 0;
    margin-top: -15px;
}
.loading .spinner>div {
    background-color: #f66f6a;
    height: 20px;
    width: 6px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 25%;
    -webkit-animation: sk-stretchdelay 2s infinite ease-in-out;
    animation: sk-stretchdelay 2s infinite ease-in-out;
}

.loading .spinner .rect2 {
    -webkit-animation-delay: -1.9s;
    animation-delay: -1.9s;
    background-color: #f7a655;
}

.loading .spinner .rect3 {
    -webkit-animation-delay: -1.7s;
    animation-delay: -1.7s;
    background-color: #ffdf4f;
}

.loading .spinner .rect4 {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    background-color: #84d0a2;
}

.loading .spinner .rect5 {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s;
    background-color: #15b0e8;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(-10px);
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    20% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}
.about-sub-menu,.product-sub-menu{
	padding-top:15px;
}
.product-sub-menu{
	
}
.about-sub-menu li,.product-sub-menu li a{
	margin-bottom: 15px;
	padding: 15px 0px;
}
.about-sub-menu li span {
    display: block;
    margin-bottom: 8px;
    font-size: 38px;
}
.product-sub-menu li a {
	width:100%;
	display:inline-block;
	border:solid 1px #333;
	border-top-right-radius: 55px;
	border-bottom-right-radius: 55px;
}
.pexmenu{
	margin-top:70px;
	border-left:solid 1px #aaa;
}
.pexmenu li{
	padding:15px 0px;
	margin-bottom:15px;
	font-size:20px;
}

.sitem{
	    text-align: center;
	    color: #fff;
	    margin-bottom: 0.5rem;
}
.sitem a,.sitem a:hover{
	color:#fff
}
.sitem .sicon{
	    display: inline-block;
	    background: #fff;
	    width: 2.2rem;
	    height: 2.2rem;
	    border-radius: 1.25rem;
	    color: #cd0505;
	    margin-bottom: 0.25rem;
		box-shadow: 0 0 15px 5px rgb(255 0 0 / 20%);
		transition: .5s ease-in-out;
}
.sitem .sicon:hover{
	 
	    transition: .5s ease-in-out;
	    transform: scale3d(1.05, 1.05, 1);
	
}
.sicon .iconfont{
	    font-size: 1.25rem;
	    margin-top: 0.25rem;
	    display: inline-block;
}
.sdesc{
	    font-size: 14px;
	    color: #ddd;
}
* {
    margin: 0;
    padding: 0;
    outline: none;
}


html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace,monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,strong {
	font-weight: bolder;
}

code,kbd,samp {
	font-family: monospace,monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
	max-width: 100%;
	height:auto;
}

button,input,optgroup,select,textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,input {
	overflow: visible;
}

button,select {
	text-transform: none;
}

button,[type='button'],[type='reset'],[type='submit'] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}[type='checkbox'],[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button {
	height: auto;
}[type='search'] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}
.w1440{
	width:1440px;
	max-width:100%;
	margin:0 auto;
	padding-left: 15px;
	    padding-right: 15px;
}
.menuswiper {
    overflow: hidden;
}
summary {
	display: list-item;
}

template {
	display: none;
}[hidden] {
	display: none;
}

.pd30 {
	padding: 15px !important;
}

@media (min-width:992px) {
	.pd30 {
		padding: 30px !important;
	}
}

.mt100 {
	margin-top: 50px !important;
}

.mr30 {
	margin-right: 15px !important;
}

.mt90 {
	margin-top: 45px !important;
}

@media (min-width:992px) {
	.mt90 {
		margin-top: 90px !important;
	}
}

.mb18 {
	margin-bottom: 9px !important;
}

.mb20 {
	margin-bottom: 10px !important;
}

.mb30 {
	margin-bottom: 15px !important;
}

.mb50 {
	margin-bottom: 25px !important;
}

.mb60 {
	margin-bottom: 30px !important;
}

.mb70 {
	margin-bottom: 35px !important;
}

.mb90 {
	margin-bottom: 45px !important;
}

.mb100 {
	margin-bottom: 50px !important;
}

.mb120 {
	margin-bottom: 60px !important;
}

.mb150 {
	margin-bottom: 75px !important;
}

.mb200 {
	margin-bottom: 100px !important;
}

.imgauto {
	width: 100%;
}

.font-note {
	color: #999;
	font-size: 1em;
	padding: 0 15%;
	margin-bottom: 15px;
	text-align: center;
	height: 5.625em;
	overflow: hidden;
}

.color-note {
	color: #999;
}

.color-chenyang {
	color: #c7000b;
}

.color-white {
	color: #fff !important;
}

.color-black {
	color: #000 !important;
}

@media (min-width:992px) {
	span.pc-block {
		display: block;
	}
}

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.grey-container {
	background-color: #f5f5f5;
	padding: 40px 0;
}

@media (min-width:992px) {
	.grey-container {
		padding: 70px 0;
	}
}

.vertical-middle-sm {
	display: table;
	height: 100%;
	width: 100%;
}

.vertical-middle-sm>div {
	vertical-align: middle;
	display: table-cell;
	height: 100%;
	min-height: 100%;
	float: none !important;
}

.main>h1 {
	padding-top: 40px;
	padding-left: 4%;
	padding-right: 4%;
}

.main h1 {
	text-align: center;
	margin-top: 0;
}

@media (min-width:992px) {
	.mt100 {
		margin-top: 100px !important;
	}

	.mr30 {
		margin-right: 30px !important;
	}

	.mb18 {
		margin-bottom: 18px !important;
	}

	.mb20 {
		margin-bottom: 20px !important;
	}

	.mb30 {
		margin-bottom: 30px !important;
	}

	.mb50 {
		margin-bottom: 50px !important;
	}

	.mb60 {
		margin-bottom: 60px !important;
	}

	.mb70 {
		margin-bottom: 70px !important;
	}

	.mb90 {
		margin-bottom: 90px !important;
	}

	.mb100 {
		margin-bottom: 100px !important;
	}

	.mb120 {
		margin-bottom: 120px !important;
	}

	.mb150 {
		margin-bottom: 150px !important;
	}

	.mb200 {
		margin-bottom: 200px !important;
	}

	.main>h1 {
		padding-top: 70px;
	}
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

@font-face {
	font-family:'chenyangfont';src:url('../fonts/chenyangSans-Regular.eot');src:url('../fonts/chenyangSans-Regular.eot?t=1587362981594#iefix') format('embedded-opentype'),url('../fonts/chenyangSans-Regular.svg') format('svg'),url('../fonts/chenyangSans-Regular.ttf') format("truetype"),url('../fonts/chenyangSans-Regular.woff') format("woff"),url('../fonts/chenyangSans-Regular.woff2') format("woff2");
}

@font-face {
	font-family:'chenyangSans-Bold';src:url('../fonts/chenyangSans-Bold.eot');src:url('../fonts/chenyangSans-Bold.eot?t=1587362981594#iefix') format('embedded-opentype'),url('../fonts/chenyangSans-Bold.svg') format('svg'),url('../fonts/chenyangSans-Bold.ttf') format("truetype"),url('../fonts/chenyangSans-Bold.woff') format("woff"),url('../fonts/chenyangSans-Bold.woff2') format("woff2");
}

@font-face {
	font-family:'chenyangSans-Light';src:url('../fonts/chenyangSans-Light.eot');src:url('../fonts/chenyangSans-Light.eot?t=1587362981594#iefix') format('embedded-opentype'),url('../fonts/chenyangSans-Light.svg') format('svg'),url('../fonts/chenyangSans-Light.ttf') format("truetype"),url('../fonts/chenyangSans-Light.woff') format("woff"),url('../fonts/chenyangSans-Light.woff2') format("woff2");
}

h1,h2,h3,h4,h5,b,strong {
	font-family: 'chenyangSans-Bold',Helvetica,Arial,sans-serif;
}
html,body {
	font-family: 'chenyangfont';
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover,a:focus {
	text-decoration: none;
	color: #333333;
	-webkit-tap-highlight-color: transparent;
}

ul,li {
	list-style-type: none;
}

p {
	margin: 0;
	color: #666;
	font-size: 1em;
	line-height: 1.95em;
}

h1 {
	font-size: 2.5em;
	line-height: 1.5em;
	color: #333;
}

@media (min-width:768px) {
	h1 {
		font-size: 2.5em;
	}
}

h2 {
	font-size: 1.9em;
	line-height: 1.5em;
	color: #333;
}

@media (min-width:768px) {
	h2 {
		font-size: 1.9em;
	}
}

h3 {
	font-size: 1.5em;
	color: #333;
	line-height: 1.5em;
}

h4 {
	font-size: 1em;
	color: #333;
	line-height: 1.95em;
	margin: 0;
}

h4.big-size {
	font-size: 2em;
	text-align: center;
	font-weight: 500;
}

@media (min-width:992px) {
	h4.big-size {
		font-size: 3em;
	}
}

@media (max-width:767px) {
	h4 {
		font-size: 1.1em;
	}
}

.mobile-menu-open {
	overflow: hidden;
}

.mobile-menu-open header.fixed.header-hide {
	top: 0;
}

.container-custom {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width:768px) {
	.container {
		width: 100%;
	}
}
.container-customs{
		width:1180px;
		max-width:100%;
		margin:0 auto;
		position:relative;
	}
@media (min-width:992px) {
	html,body {
		font-size: 16px;
	}

	.container-custom {
		width: 85.652%;
		max-width: 1430.016px;
	}
	
	.container {
		width: 93.705%;
		max-width: 1799.136px;
	}
}

@media (min-width:1440px) {
	html,body {
		font-size: 17px;
	}
}

@media (min-width:1680px) {
	html,body {
		font-size: 18px;
	}
}

@media (min-width:1500px) {
	.col-ls-4 {
		width: 33.33333333%;
	}

	.col-ls-3 {
		width: 25%;
	}
}
.index-banner .slick .slide .banner-img {
    width: 100%;
    height: auto;
    float: left;
}
.index-banner .swiper-pagination {
    width: 100%;
    bottom: 15px;
}
.inner-header .words-box h1{
    font-weight: 600;
        letter-spacing: 0.2rem;
        font-size: 1.5rem;
        color: #fff;
        padding: 0px 15px;
}
.inner-header .words-box p{
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        max-width: 1280px;
        margin: 0.2rem;
}
.inner-header {
    height: 65vh;
    width: 100%;
    margin: 0;
    padding: 0;
}
.index-banner .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 60px;
    border-radius: 0;
    margin: 0 7px;
    height: 3px;
    background: rgba(230,230,230,0.7);
    border: 0;
}
.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    transition: width 4s;
    width: 100%;
    background-color: #fff;
}
.index-banner .swiper-button-prev, .index-banner .swiper-button-next {
    color: #333;
    font-family: 'iconfont' !important;
    font-size: 40px;
    z-index: 10;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.index-banner .swiper-button-prev::before, .index-banner .swiper-button-next::before {
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 42px;
    line-height: 35px;
    color: #aa0000;
	font-weight: bold;
}
.swiper-button-next:after, .swiper-button-prev:after{
	display:none
}
.index-banner:hover .swiper-button-prev, .index-banner:hover .swiper-button-next {
    opacity: 1;
    visibility: visible;
}
.pro-list-con{
	background-color:#a1000d;
	height: 132px;
}
.pt_con,.pro-list{
	margin-top:25px;
}
.pt_con{
	border-right: dashed 1px #eee;
	height:82px;
}
.pt_icon{
	display:inline-block;
	float:left;
	
}
.pt_icon::before{
	font-size:52px;
	color:#fff;
}
.pt_con .pt_t h3{
	margin-left:66px;
	font-size:26px;
	color:#fff;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:32px;
	padding-top:8px;
}
.pt_con .pt_t p{
	font-size:15px;
	color:#fff;
	margin-left:66px;
}
.pro-list ul li{
	width:20%;
	float:left;
	text-align:center;
	border-right: dashed 1px #eee;
	height:82px;
}
.pro-list ul li:last-child{
	border-right:none;
}
.pro-list ul li a{
	
	color:#fff;
}
.pro-list li span {
    display: block;
	margin:0px auto;
    margin-bottom: 2px;
    font-size: 38px;
	text-align:center;
}
.productpage .inner-header,.newspage .inner-header,.contactpage .inner-header{
	height:45vh;
}
.newsbody{
	padding-bottom:60px;
}
.form-box .bootstrap-select {
	width: 100% !important;
}

.form-box .bootstrap-select button {
	outline: none;
}

.form-box .bootstrap-select .dropdown-toggle {
	border-radius: 0;
}

.form-box span[type='check-box'] {
	border: 1px solid #999999;
	display: inline-block;
	font-size: 0;
	width: 15px;
	height: 15px;
	position: relative;
	cursor: pointer;
	border-radius: 2px;
}

.form-box span[type='check-box'].checked:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 9px;
	height: 9px;
	background-color: #c7000b;
	border-radius: 2px;
}

.form-box span[type='check-box'].radio {
	border: 1px solid #999999;
	display: inline-block;
	font-size: 0;
	width: 15px;
	height: 15px;
	position: relative;
	cursor: pointer;
	border-radius: 2px;
	border-radius: 50%;
}

.form-box span[type='check-box'].radio.checked:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	width: 7px;
	height: 7px;
	background-color: #c7000b;
	border-radius: 2px;
	border-radius: 50%;
}

a.btn-rect-file {
	border: 1px solid #ddd;
	padding: 20px 8% 20px 80px;
	margin-bottom: 15px;
	overflow: hidden;
	display: block;
	position: relative;
}

a.btn-rect-file.no-icon {
	padding: 20px 8% 20px 20px;
}

a.btn-rect-file .iconfont {
	margin-right: 10px;
	height: 50px;
	float: left;
	font-size: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -25px;
}

a.btn-rect-file .iconfont.icon-Lock {
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	height: auto;
	left: auto;
}

a.btn-rect-file .chenyang-iconfont {
	margin-right: 10px;
	height: 50px;
	float: left;
	font-size: 48px;
	line-height: 48px;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -25px;
}

a.btn-rect-file p {
	float: left;
	text-indent: 0 !important;
}

a.btn-rect-file p span {
	display: block;
	font-size: 1em;
	text-align: left;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

a.btn-rect-file p span:nth-child(1) {
	color: #999;
	font-size: 12px;
}

a.btn-rect-file p span:nth-child(2) {
	height: 51px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

a.btn-rect-file:hover p span:nth-child(2) {
	text-decoration: underline;
}

@media (min-width:992px) {
	a.btn-rect-file {
		margin-bottom: 30px;
		padding: 40px 8% 40px 100px;
	}

	a.btn-rect-file.no-icon {
		padding: 40px 8% 40px 40px;
	}

	a.btn-rect-file .iconfont,a.btn-rect-file .chenyang-iconfont {
		position: absolute;
		top: 50%;
		left: 40px;
		margin-top: -25px;
	}

	a.btn-rect-file:hover {
		border-color: #c7000b;
	}

	a.btn-rect-file:hover .iconfont,a.btn-rect-file:hover .chenyang-iconfont {
		color: #c7000b;
	}

	a.btn-rect-file:hover p span:nth-child(2) {
		border-color: #666;
	}
}

.btn-arrow {
	width: 66px;
	height: 66px;
	border: 1px solid #fff;
	border-radius: 100%;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	position: relative;
}

.btn-arrow:hover {
	background-color: #fff;
}

.btn-arrow:hover i {
	color: #000;
}

.btn-arrow i {
	color: #fff;
	font-size: 30px;
	line-height: 66px;
}

.btn-mail {
	width: 66px;
	height: 66px;
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 100%;
	padding-top: 20px;
	text-decoration: none;
}

.btn-mail:hover {
	background-color: #fff;
}

.btn-mail:hover .hwic_email {
	color: #000;
}

.btn-mail .hwic_email {
	color: #fff;
	font-size: 24px;
}


.read-more, .read-more-white {
    position: relative;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-size: 0.875em;
    line-height: 1.5em;
    outline: none;
}

@media (min-width:992px) {
	.read-more,.read-more-white {
		font-size: 0.875em;
		line-height: 1.875em;
	}
}

.read-more.read-more-white,.read-more-white.read-more-white {
	color: #fff;
}

.read-more .iconfont,.read-more-white .iconfont {
	float: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #c7000b;
	font-size: 1.1em;
	margin-left:0.5em;
	font-weight:bold;
	line-height: inherit;
	display: inline;
	vertical-align: middle;
}


.read-more:hover .iconfont,.read-more-white:hover .iconfont {
	-webkit-transform: translate3d(4px,0,0);
	transform: translate3d(4px,0,0);
}

.read-more span,.read-more-white span {
	float: left;
	display: inline;
	vertical-align: middle;
}

.read-more .icon-btn-arrow,.read-more-white .icon-btn-arrow {
	margin-left: 8px;
}

.btn-play,.btn-play-1 {
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	text-decoration: none;
	z-index: 10;
	border: 1px solid #fff;
	padding: 0;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
}

.btn-play.def {
	position: relative;
	left: auto;
	top: auto;
	margin-top: 0;
	margin-left: auto;
	display: inline-block;
}

.btn-play:hover,.btn-play-1:hover {
	background-color: #fff;
}

.btn-play:hover i,.btn-play-1:hover i {
	color: #000;
}

.btn-play i,.btn-play-1 i {
	font-size: 22px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 50%;
	margin-left: -8px;
	color: #fff;
}

@media (min-width:992px) {
	.btn-play,.btn-play-1 {
		width: 80px;
		height: 80px;
		margin-left: -40px;
		margin-top: -40px;
	}
}

@media (max-width:991px) {
	.btn-play,.btn-play-1 {
		width: 60px;
		height: 60px;
		margin-left: -30px;
		margin-top: -30px;
	}
}

.btn-nav-back {
	font-size: 16px;
	border: none !important;
}

.btn-nav-back .iconfont {
	float: left;
}

.btn-nav-back:hover {
	text-decoration: none;
}

.btn-go-top {
	display: none;
	position: fixed;
	right: 0;
	bottom: 24px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #7c7c7c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	z-index: 81;
	opacity: 0.7;
}

.btn-go-top .iconfont {
	font-size: 44px;
	color: #fff;
}

.btn-go-top:hover {
	background-color: #888888;
	opacity: 1;
}

.btn-loadmore {
	display: inline-block;
	text-align: center;
	line-height: 36px;
	color: #666666;
	margin-top: 35px;
}

.btn-loadmore span {
	vertical-align: middle;
	color: #666666;
	font-size: 16px;
}

.btn-loadmore:hover,.btn-loadmore:hover span {
	color: #333333;
}

.btn-loadmore .iconfont {
	font-size: 22px;
	font-weight: bold;
	line-height: 0;
	color: #c7000b !important;
	margin-left: -2px;
}

@media (min-width:992px) {
	.btn-loadmore {
		margin-top: 75px;
	}
}

.btn-rect {
	padding: 0 30px;
	min-width: 140px;
	height: 32px !important;
	line-height: 30px !important;
	text-align: center;
	border: 1px solid #111;
	display: inline-block;
	color: #111;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.875em;
}

@media (max-width:360px) {
	.btn-rect {
		min-width: 120px;
	}
}

@media (min-width:992px) {
	.btn-rect {
		min-width: 170px;
		height: 40px !important;
		line-height: 38px !important;
	}

	.btn-rect:hover {
		border-color: #c7000b;
		background-color: #c7000b;
		color: #fff;
	}
}

.btn-rect-white {
	padding: 0 30px;
	min-width: 140px;
	text-align: center;
	border: 1px solid white;
	display: inline-block;
	color: white;
	height: 32px !important;
	line-height: 30px !important;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.875em;
}

@media (max-width:360px) {
	.btn-rect-white {
		min-width: 120px;
	}
}

@media (min-width:992px) {
	.btn-rect-white {
		min-width: 170px;
		height: 40px !important;
		line-height: 40px !important;
	}
}

.btn-rect-white:hover {
	border-color: #c7000b;
	background-color: #c7000b;
	color: #fff;
}

.btn-rect-white:focus {
	color: white;
}



header {
	width: 100%;
	position: relative;
	z-index: 120;
	background-color: #fff;
	font-size: 1em;
}

header.fixed {
	position: fixed;
	top: 0;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}

header.fixed.header-hide {
	top: -66px;
}

header .navbar {
	height: 66px;
	position: relative;
	border: none;
	margin-bottom: 0;
}

header .navbar .navbar-header {
	position: relative;
	z-index: 10;
	height: 66px;
	box-shadow: 2px 0px 10px rgba(0,0,0,0.2);
	background-color: #fff;
}

header .navbar .navbar-header .logo {
	margin-left: 0;
	width: 180px;
}

header .navbar .navbar-header .logo img {
	height: auto;
	width: 180px;
	margin-top: 5px;
}

header .navbar .navbar-header button.navbar-toggle {
	margin-top: 16px;
	margin-bottom: 16px;
	width: 44px;
	height: 34px;
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar {
	position: static;
	margin: 0;
	margin-top: 4px;
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar:nth-child(2) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	margin-top: 0;
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar:nth-child(3) {
	opacity: 1;
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar:nth-child(4) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

header .navbar .navbar-header button.navbar-toggle .icon-bar {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -11px;
	margin-top: -1px;
	background-color: #000;
}

header .navbar .navbar-header button.navbar-toggle .icon-bar:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

header .navbar .navbar-header button.navbar-toggle .icon-bar:nth-child(3) {
	opacity: 0;
}

header .navbar .navbar-header button.navbar-toggle .icon-bar:nth-child(4) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

header .navbar nav#cy-navbar {
	width: 100%;
	position: fixed;
	left: 100%;
	top: 66px;
	bottom: 0;
	padding: 0 15px;
	background-color: #f8f8f8;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	padding-bottom: 48px;
}

header .navbar nav#cy-navbar.in {
	left: 0;
}

header .navbar nav#cy-navbar.nav-hide {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
}

header .navbar nav#cy-navbar .navbar-nav {
	padding-top: 15px;
}

header .navbar nav#cy-navbar .navbar-nav li.menu-list {
	margin: 0 15px;
}

header .navbar nav#cy-navbar .navbar-nav li.menu-list a.btn-next {
	border-bottom: 1px solid #d4d4d4;
	font-weight: bold;
	padding: 15px 0;
	font-size:15px;
}

header .navbar nav#cy-navbar .navbar-nav li.menu-list a.btn-next .icon-arrow-right {
	float: right;
	font-size: 16px;
}

header .navbar nav#cy-navbar .navbar-nav li.menu-list a.btn-next:hover {
	background-color: transparent;
}

header .navbar nav#cy-navbar .nav-open {
	width: 100%;
	border-bottom: 1px solid #d4d4d4;
	position: fixed;
	left: 100%;
	top: 66px;
	bottom: 0;
	background-color: #fff;
	overflow-y: auto;
	z-index: 120;
	padding: 30px 15px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	visibility: hidden;
}

header .navbar nav#cy-navbar .nav-open .iconfont {
	margin-right: 8px;
	margin-top: 0px;
}

header .navbar nav#cy-navbar .nav-open.in {
	left: 0;
	visibility: visible;
}

header .navbar nav#cy-navbar .nav-open .hover-open {
	position: static;
}

header .navbar nav#cy-navbar .nav-open .nav-ani {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
}

header .navbar nav#cy-navbar .nav-open .title {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 15px;
	margin-bottom: 0;
	padding: 10px 0;
	border-bottom: 1px solid #d4d4d4;
}

header .navbar nav#cy-navbar .nav-open h3 {
	font-size: 16px;
	border-bottom: 1px solid #d4d4d4;
	padding: 20px 0 10px 0;
	font-weight: normal;
	overflow: hidden;
	margin: 0;
}

header .navbar nav#cy-navbar .nav-open h3.collapsed .iconfont {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

header .navbar nav#cy-navbar .nav-open h3 .iconfont {
	float: right;
	font-size: 20px;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

header .navbar nav#cy-navbar .nav-open h4 {
	padding: 10px 0;
	font-weight: bold;
	margin: 0;
	font-size: 1em;
}

header .navbar nav#cy-navbar .nav-open .list-nav {
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
}

header .navbar nav#cy-navbar .nav-open .list-nav ul {
	padding-left: 0;
	padding-right: 0;
}

header .navbar nav#cy-navbar .nav-open .list-nav ul li {
	border-bottom: 1px solid #d4d4d4;
	padding: 10px 0;
	margin: 0;
}

header .navbar nav#cy-navbar .nav-open .list-nav ul li a {
	text-decoration: none;
	border: none;
	display: block;
	font-size: 1em;
}

header .navbar nav#cy-navbar .nav-open .list-nav ul li a.read-more {
	overflow: hidden;
	display: inline-block;
}

header .navbar nav#cy-navbar .nav-open .nav-open-other {
	padding: 15px 0;
	text-align: left;
}

header .navbar nav#cy-navbar .nav-open .nav-open-other .col-md-3 {
	padding: 0;
}

header .navbar nav#cy-navbar .nav-open .nav-open-other a {
	border: none !important;
	line-height: 45px;
	float: left;
	background-color: #ebebeb;
	display: block;
	float: none;
	overflow: hidden;
	padding-right: 15px;
	padding-left: 5px;
	margin-bottom: 10px;
}

header .navbar nav#cy-navbar .nav-open .nav-open-other a span {
	float: left;
}

header .navbar nav#cy-navbar .nav-open .nav-open-other a .iconfont {
	font-size: 1.2em;
	width: 36px;
	text-align: center;
}

header .navbar nav#cy-navbar .nav-open .nav-open-other a .cyic_open-in-new3 {
	margin-left: 5px;
	line-height: inherit;
	float: right;
}

header .navbar nav#cy-navbar .header-content-n1 ul {
	padding: 30px 0;
	padding-top: 0;
}

header .navbar nav#cy-navbar .header-content-n1 ul li a {
	font-size: 1.125em;
	position: relative;
	padding-left: 50px;
	display: block;
	border: none !important;
	line-height: 30px;
	text-align: left;
	border-bottom: 1px solid #d4d4d4 !important;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

header .navbar nav#cy-navbar .header-content-n1 ul li a p {
	float: left;
}
#cy-navbar .nav-open li{
	text-align:center;
}
header .navbar nav#cy-navbar .header-content-n1 ul li:nth-child(2) [class^='cyic_'],header .navbar nav#cy-navbar .header-content-n1 ul li:nth-child(3) [class^='cyic_'],header .navbar nav#cy-navbar .header-content-n1 ul li:nth-child(4) [class^='cyic_'] {
	font-size: 18px;
}

header .navbar nav#cy-navbar .header-content-n1 ul li [class^='cyic_'],header .navbar nav#cy-navbar .header-content-n1 ul li .iconfont {
	display: table;
	position: absolute;
	left: 0;
	float: left;
	width: 36px;
	text-align: center;
	line-height: 30px;
	font-size: 22px;
}

header .navbar nav#cy-navbar .header-content-n1 ul li .icon-icon-vr-new {
	font-size: 19px;
}

header .navbar nav#cy-navbar .header-content-n1 ul li .icon-icon-pad-new {
	font-size: 19px;
}

header .navbar nav#cy-navbar .header-content-n1 img.mate30pro {
	display: block;
	margin: 0 auto;
	max-height: 380px;
	max-width: 100%;
}

header .navbar .nav-right {
	position: absolute;
	height: 40px;
	right: 70px;
	top: 13px;
	padding-right: 15px;
	z-index: 20;
}

header .navbar .nav-right a.btn-open-search {
	line-height: 20px;
	height: 20px;
	margin-top: 10px;
	float: left;
	text-decoration: none;
}

header .navbar .nav-right a.btn-open-search .icon-search {
	font-size: 28px;
}

header .navbar .nav-right a.btn-open-search .text {
	margin-left: 4px;
}

header .mask-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
}

header .mask-bg.show {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
	background-image: url('../image/mask.png');
}
.homeproduct:before {
    content: "";
    display: block;
    background-color: #fcf2f2;
    width: 100vw;
    position: absolute;
    height: 100%;
    top: 151px;
    z-index: -1;
}
.swiper-container__newItem {
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.newp-titleblock{
	position:relative;
}
.newp-titleblock .swiper-pagination__newItem-count {
    position: absolute;
    font-family: "Lato",sans-serif;
    color: #cd0505;
    font-weight: 700;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 1px;
    font-size: 16px;
    right: 0;
    top:18px;
    width: 274px;
}
.swiper-pagination__newItem-count .arrow-left {
    display: inline-block;
    position: relative;
    pointer-events: auto;
    cursor: pointer;
    z-index: 100;
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39);
	left: -7px;
	    width: 106px;
	    height: 24px;
}
.arrow-left:before {
    content: "";
    height: 2px;
    display: block;
    background-color: #cd0505;
    position: absolute;
	    width: 90px;
	    top: 11px;
	    right: 0;
}
.swiper-pagination__newItem-count .arrow-left:after {
    content: "";
	    width: 24px;
	    height: 24px;
    display: block;
    border-radius: 50%;
    border: 2px solid #cd0505;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    opacity: 0;
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39),-webkit-transform .23s cubic-bezier(.18,.94,.39,1.39);
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39),transform .23s cubic-bezier(.18,.94,.39,1.39);
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39),transform .23s cubic-bezier(.18,.94,.39,1.39),-webkit-transform .23s cubic-bezier(.18,.94,.39,1.39);
}
.swiper-pagination__newItem-count .arrow-left .circle {
    display: block;
    border-radius: 50%;
    background-color: #cd0505;
    position: absolute;
	width: 10px;
	    height: 10px;
	    top: 7px;
	    left: 7px;
}
.swiper-pagination__newItem-count .arrow-left:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination__newItem-count .count {
    margin: 0;
    letter-spacing: 0px;
	    width: auto;
}
.swiper-pagination__newItem-count .arrow-right {
    display: inline-block;
    position: relative;
    cursor: pointer;
    z-index: 100;
    pointer-events: auto;
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39);
	    right: -7px;
	    width: 106px;
	    height: 24px;
}
.swiper-pagination__newItem-count .arrow-right:before {
    content: "";
    display: block;
    height: 2px;
    background-color: #cd0505;
    position: absolute;
	    width: 90px;
	    height: 2px;
	    top: 11px;
	    left: 0;
}
.swiper-pagination__newItem-count .arrow-right .circle {
    width: 10px;
    height: 10px;
    top: 7px;
    right: 7px;
    display: block;
    border-radius: 50%;
    background-color: #cd0505;
    position: absolute;
}
.swiper-pagination__newItem-count .arrow-right:after {
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    content: "";
    display: block;
    border-radius: 50%;
    border: 2px solid #cd0505;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    opacity: 0;
    transition: opacity .43s cubic-bezier(.075,.82,.165,1),-webkit-transform .43s cubic-bezier(.075,.82,.165,1);
    transition: opacity .43s cubic-bezier(.075,.82,.165,1),transform .43s cubic-bezier(.075,.82,.165,1);
    transition: opacity .43s cubic-bezier(.075,.82,.165,1),transform .43s cubic-bezier(.075,.82,.165,1),-webkit-transform .43s cubic-bezier(.075,.82,.165,1);
}
.swiper-pagination__newItem-count .arrow-right:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.featured-list__new {
    position: absolute;
    border-radius: 50%;
    background-color: #cd0505;
    z-index: 10;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.featured-list__new .featured-list__new-text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    font-family: "Lato",sans-serif;
}
.featured-list__item-inner {
    background-color: #fff;
    overflow: hidden;
    transition: box-shadow .23s cubic-bezier(0,0,.2,1);
}
.featured-list__img-wrapper img {
    transition: opacity .23s cubic-bezier(0,0,.2,1);
    width: 100%;
}
.featured-list__img-wrapper {
    position: relative;
    overflow: hidden;
    background-color: #f0f2f4;
}
.featured-list__mask {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.featured-list__mask .featured-list__mask-inner {
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}
.featured-list__item:hover .featured-list__mask {
    visibility: visible!important;
    opacity: 1!important;
    -webkit-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    transform: scale(1)!important;
}
.featured-list__img-wrapper {
    /*height: 380px; */
	min-height:280px;
}
.featured-list__item {
    
}
.site-position{
	height: 70px;
	    line-height: 70px;
	    border-bottom: 1px solid #ececec;
	    margin-bottom: 0.5rem;
		background:#fff;
	display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-flow: row nowrap;
	    -ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
}
.position-tip {
	
    color: #777777;
    font-size: 18px;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.position-tip .home {
    margin-right: 20px;
}

.position-tip a {
    color: #777777;
    margin-right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.homeproduct{
	position:relative;
	width:100%;
	overflow:hidden;
}
.featured-list__mask .title {
    color: #fff;
    line-height: 2;
    font-weight: 700;
}
.featured-list__mask .button--secondary__small {
    width: 116px;
}
.button--secondary__small {
    background-color: #fff;
    color: #cd0505;
    height: 34px;
}
.button--secondary__small:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.button--secondary__small .icon-arrow, .button--secondary__small:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
}

.button--secondary__small:before {
    content: "";
    position: absolute;
    left: 15px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .33s cubic-bezier(.68,-.55,.265,1.55);
    opacity: 0;
}
.button--secondary__small:hover .icon-arrow {
    -webkit-transform: translateX(30px) scale(.8);
    -ms-transform: translateX(30px) scale(.8);
    transform: translateX(30px) scale(.8);
    opacity: 0;
}

.button--secondary__small .icon-arrow {
    position: relative;
    margin-right: 14px;
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
}
.button--secondary__small:hover .text {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}
.featured-list__content .hashs-item {
    display: block;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    color: #cd0505;
    padding-bottom: 8px;
}
.more{
	text-align: center;
	padding-bottom: 30px;
}
a.moreinfo{
        padding: 8px 40px;
        margin-top: 10px;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        border-radius: 20px;
        border:solid 1px #fff;
}

a.moreinfo:hover{
    background:#fff;
    color:#e60012;
}
a.bgred{
	color:#cd0505;
	border-color:#cd0505;
	background:#fff;
}
a.bgred:hover{
	background:#cd0505;
	color:#fff;
}
.button--secondary__small .icon-arrow:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: inherit;
    position: absolute;
    left: 100%;
    top: 3px;
}
.featured-list__content .release-date{
	font-size:14px;
	display:block;
	text-align:center;
}
.button--primary, .localPager .localPager__item.localPager__item--link a {
    background-color: #cd0505;
    color: #fff;
}
.button--primary:before, .localPager .localPager__item.localPager__item--link a:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 21px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .33s cubic-bezier(.68,-.55,.265,1.55);
    opacity: 0;
}
.button--primary:hover .text, .localPager .localPager__item.localPager__item--link a:hover .text {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}
.button--primary .icon-arrow, .localPager .localPager__item.localPager__item--link a .icon-arrow {
    width: 10px;
    height: 10px;
    margin-right: 20px;
}
.button--primary .icon-arrow, .localPager .localPager__item.localPager__item--link a .icon-arrow {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
}
.button--primary .icon-arrow:after, .localPager .localPager__item.localPager__item--link a .icon-arrow:after {
    width: 30px;
    height: 2px;
    top: 4px;
}

.button--primary .icon-arrow:after, .localPager .localPager__item.localPager__item--link a .icon-arrow:after {
    content: "";
    display: inline-block;
    background-color: inherit;
    position: absolute;
    left: 100%;
}
.button--primary:hover:before, .localPager .localPager__item.localPager__item--link a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.button--primary:hover .icon-arrow, .localPager .localPager__item.localPager__item--link a:hover .icon-arrow {
    -webkit-transform: translateX(30px) scale(.8);
    -ms-transform: translateX(30px) scale(.8);
    transform: translateX(30px) scale(.8);
    opacity: 0;
}
.l-latestNews{
	width:100%;
	overflow:hidden;
}
.l-latestNews__list li {
    margin-bottom: 25px;
    border-bottom: 4px solid #fcf2f2;
    font-size: 0;
    display: inline-block;
    width: 100%;
}
.anchor {
    padding-bottom: 26px;
    display: inline-block;
    width: 100%;
}
.l-latestNews__list-sub {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 9px;
}
.l-latestNews__list-date {
    font-size: 14px;
    letter-spacing: .9px;
    margin-right: 8px;
    display: inline-block;
    font-family: "Lato",sans-serif;
    color: #161616;
    line-height: 1.429;
    text-align: left;
}
.l-latestNews__list-text {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #161616;
    width: 100%;
    overflow: hidden;
}
.l-latestNews__list-text:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cd0505;
    position: absolute;
    top: 6px;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .33s cubic-bezier(.68,-.55,.265,1.55);
    opacity: 0;
}
.l-latestNews__list-text .icon-arrow {
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 40px;
    margin-top: 6px;
    background-color: #cd0505;
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
}
.l-latestNews__list-text .icon-arrow:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: inherit;
    position: absolute;
    left: 100%;
    top: 4px;
}
.l-latestNews__list-text .text {
    padding-right: 50px;
    width: 650px;
}
.l-latestNews__list .anchor:hover .l-latestNews__list-text .text {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    color: #cd0505;
}
.l-latestNews__list .anchor:hover .l-latestNews__list-text:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.l-latestNews__list .anchor:hover .l-latestNews__list-text .icon-arrow {
    -webkit-transform: translateX(40px) scale(.8);
    -ms-transform: translateX(40px) scale(.8);
    transform: translateX(40px) scale(.8);
    opacity: 0;
}
.l-latestNews__list-text .text {
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
}
.l-footer {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #cd0505;
}
.l-footer__logo {
    padding: 48px 0 40px;
    display: block;
    text-align: center;
}
.l-footer__nav {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.l-footer__pagetop {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.l-footer__pagetop .icon-arrow {
    margin-top: 50px;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-bottom: 14px;
    background-color: #fff;
}
.l-footer__pagetop .icon-arrow:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 50px;
    background-color: inherit;
    position: absolute;
    left: 4px;
    bottom: 100%;
}
.l-footer__pagetop .icon-arrow:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: -7px;
    left: -7px;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    opacity: 0;
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39),-webkit-transform .23s cubic-bezier(.18,.94,.39,1.39);
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39),transform .23s cubic-bezier(.18,.94,.39,1.39);
    transition: opacity .23s cubic-bezier(.18,.94,.39,1.39),transform .23s cubic-bezier(.18,.94,.39,1.39),-webkit-transform .23s cubic-bezier(.18,.94,.39,1.39);
}
.l-footer__pagetop .l-footer__pagetop__text {
    display: block;
    white-space: nowrap;
	color:#fff;
}
.l-footer__pagetop:hover .icon-arrow:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.l-footer__nav {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.l-footer__primary-nav__menu {
    width: 865px;
    list-style: none;
    position: relative;
}
.l-footer__nav-inner, .l-footer__primary-nav__menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.l-footer__nav-inner {
    padding: 50px 50px 0;
    width: 100%;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.l-footer .second-footer {
    position: relative;
    z-index: 1;
    height: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}
.l-footer__primary-nav__menu>ul {
    font-size: 13px;
    position: relative;
    color: #161616;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}
.l-footer__primary-nav__menu>ul>li {
    color: inherit;
    font-weight: 700;
    line-height: 1.429;
    margin-bottom: 30px;
}
.l-footer__primary-nav__menu .list-inner:hover {
    color: #cd0505;
}

.l-footer__primary-nav__menu>ul>li>.list-inner {
    color: inherit;
    background-repeat: no-repeat;
    background-position: 0;
    display: inline-block;
    cursor: pointer;
    transition: all .4s cubic-bezier(0,0,.2,1);
}
.l-footer__primary-nav__menu>ul>li .icon-arrow {
    width: 8px;
    height: 8px;
    margin-right: 32px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background-color: #cd0505;
    transition: all .4s cubic-bezier(.68,-.55,.265,1.55);
}
.l-footer__primary-nav__menu>ul>li .icon-arrow:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: inherit;
    position: absolute;
    left: 100%;
    top: 3px;
}
.l-footer__primary-nav__menu .list-inner:hover {
    color: #cd0505;
}
.l-footer__primary-nav__menu>ul>li>ul {
    padding-left: 42px;
    margin-top: 10px;
}
.l-footer__primary-nav__menu>ul>li>ul>li {
    font-size: 12px;
    line-height: 1.833;
    color: inherit;
}
.l-footer__primary-nav__menu>ul>li>ul>li .list-inner:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 2px;
    background-color: #f0b4b4;
    margin-right: 10px;
}
.l-footer .second-footer .copy {
    font-size: 12px;
    font-family: "Lato",sans-serif;
    color: #161616;
    line-height: 1.667;
    text-align: center;
    letter-spacing: 0;
}
.btn-close .icon-close{
	font-size:24px;
}
.featured-list__item-inner {
	    border-radius: 10px;
	}
	.featured-list__mask .title {
	    font-size: 16px;
	    margin-bottom: 10px;
	    text-align: center;
	    -webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	    transform: translateY(-10px);
	}
	.featured-list__mask {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(205,5,5,.6);
	    -webkit-transform: scale(.8);
	    -ms-transform: scale(.8);
	    transform: scale(.8);
	    visibility: hidden;
	    opacity: 0;
	    transition: opacity .23s cubic-bezier(0,0,.2,1),visibility .23s cubic-bezier(0,0,.2,1),-webkit-transform .23s cubic-bezier(0,0,.2,1);
	    transition: opacity .23s cubic-bezier(0,0,.2,1),visibility .23s cubic-bezier(0,0,.2,1),transform .23s cubic-bezier(0,0,.2,1);
	    transition: opacity .23s cubic-bezier(0,0,.2,1),visibility .23s cubic-bezier(0,0,.2,1),transform .23s cubic-bezier(0,0,.2,1),-webkit-transform .23s cubic-bezier(0,0,.2,1);
	}
	.swiper-container__newItem {
	    padding: 15px 0px 15px 0;
	}
	.featured-list__item:hover .featured-list__item-inner {
	    box-shadow: 0 5px 20px 0 rgba(31,18,7,.2)!important;
	}
	.featured-list__content {
	    padding: 11px 12px 18px;
	}
	.homeproduct {
	    padding: 85px 0 40px;
	}
	.featured-list__new {
		width: 50px;
		height: 50px;
		right: 15px;
		top: -15px;
	}
	.list-product .featured-list__new {
	    right: 30px;
	}
@media (min-width:1025px) {
	header.fixed.header-hide {
		top: -78px;
	}
	
	header #header-list-1 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	header .navbar {
		height: 78px;
		border: 1px solid #e6e6e6;
		margin-bottom: 0;
		border-radius: 0;
	}

	header .navbar .nav-container {
		position: relative;
	}

	header .navbar .navbar-header {
		box-shadow: none;
	}

	header .navbar .navbar-header .logo {
		margin-top: 18px;
		padding: 0;
	}

	header .navbar .navbar-header .logo img {
		height: auto;
		width: 100%;
		margin-top: 0;
	}

	header .navbar nav#cy-navbar {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: inherit;
		overflow: visible;
		padding-bottom: 0;
		background-color: #fff;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	header .navbar nav#cy-navbar .navbar-nav {
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list {
		display: inline-block;
		float: none;
		padding: 0 1.3%;
		margin: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list.hidden-lg {
		display: none !important;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list a.btn-next {
		font-weight: normal;
	}

	

	header .navbar nav#cy-navbar .navbar-nav li.menu-list.hover-open:hover .nav-open {
		opacity: 1;
		-webkit-transition: opacity 0.65s;
		transition: opacity 0.65s;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list.hover-open:hover .nav-ani {
		margin-top: 0;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 1;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list.hover-open:hover a.btn-next .icon-arrow-down {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open {
		position: fixed;
		left: 0;
		top: auto;
		margin-top: -1px;
		bottom: auto;
		overflow: hidden;
		width: 100%;
		background-color: #fff;
		padding: 0;
		cursor: default;
		border-bottom: 1px solid #e5e5e5 \9;
		visibility: hidden;
		opacity: 1;
		-webkit-transition: none;
		transition: none;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open h3,header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open h4 {
		border: none;
		margin: 0;
		padding: 0;
		display: block;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open h3 .icon-arrow-down,header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open h4 .icon-arrow-down {
		display: none;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-ani {
		margin-top: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		overflow: hidden;
		position: relative;
		opacity: 1;
		margin-left: 0;
		margin-right: 0;
		-webkit-transition: none;
		transition: none;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani {
		float: right;
		z-index: 2;
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		position: relative;
		margin-bottom: 44px;
		margin-right: 7px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani .iconfont {
		color: #000;
		font-size: 30px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-ani .nav-open-other .btn-close-nav-ani {
		margin-right: 50px;
		margin-top: 44px;
		margin-bottom: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-ani .col-md-8 .row {
		margin: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-ani .col-md-8 .row ul {
		padding-right: 7px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-content {
		background-color: #f7f7f7;
		overflow: hidden;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .mask {
		background-color: #fff;
		position: absolute;
		top: 0px;
		bottom: 0;
		width: 100%;
		left: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open h3 {
		font-size: 1.25em;
		line-height: 1.25em;
		margin-top: 15px;
		padding-bottom: 14px;
		position: relative;
		text-align: left;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open h3 .line {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #e6e6e6;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .list-nav {
		text-align: left;
		padding: 22px 0;
		margin-left: 0;
		margin-right: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .list-nav h4 {
		font-size: 1em;
		line-height: 32px;
		opacity: 0.9;
		margin-bottom: 8px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .list-nav ul {
		overflow: hidden;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li {
		float: none;
		margin: 0;
		padding: 0;
		border: none;
		display: block;
		margin-bottom: 15px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li a {
		opacity: 0.8;
		font-size: 0.8em !important;
		line-height: 1.5em !important;
		height: auto;
		display: inline-block;
		border: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li a:hover {
		text-decoration: underline;
		color: #000;
		opacity: 1;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open img.nav-img {
		position: relative;
		float: right;
		width: 94%;
		margin-top: 38px;
		max-height: 400px;
		margin-bottom: 44px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-openimg.nav-img2 {
		max-height: 316px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .r-text-img img.nav-img {
		margin-top: 0;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other {
		background-color: #f7f7f7;
		width: 100%;
		padding: 0;
		z-index: 1;
		position: relative;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other .row {
		margin-left: -30px;
		margin-right: -30px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other .row div {
		width: auto;
		display: inline-block;
		padding: 0 20px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other a {
		line-height: 118px;
		border: 0;
		float: left;
		font-size: 0.875em;
		text-align: left;
		overflow: hidden;
		background-color: #f7f7f7;
		margin-bottom: 0;
		color: #666;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other a .iconfont {
		font-size: 42px;
		margin-right: 16px;
		color: #c7000b;
		display: inline-block;
		width: auto;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other a .cyic_open-in-new3 {
		float: right;
		position: absolute;
		margin-top: 51px;
		margin-left: 15px;
		display: none;
		line-height: normal;
		right: 10px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other a:hover {
		text-decoration: none;
		color: #000;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other a:hover .cyic_open-in-new3 {
		display: block;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list a.cy-navbar-text {
		border: none;
		line-height: 78px;
		height: 78px;
		padding: 0;
        color:#231815;
		font-size: 0.4rem;
		box-sizing: border-box;
		background-color: transparent !important;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list a.btn-next {
		background-color: transparent !important;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list a.btn-next .icon-arrow-down {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		position: absolute;
	}

	header .navbar nav#cy-navbar .read-more:hover span {
		text-decoration: underline;
	}

	header .navbar nav#cy-navbar .read-more:hover .iconfont {
		text-decoration: none;
	}

	header .navbar nav#cy-navbar .header-content-n1 {
		background-color: #fff !important;
	}
	header .navbar nav#cy-navbar .header-content-n1 ul li {
		margin: 0;
		border: none;
		width: 20%;
	}

	header .navbar nav#cy-navbar .header-content-n1 ul li a {
		font-size: 1.125em;
		padding: 0;
		border: none !important;
		overflow: visible;
	}

	header .navbar nav#cy-navbar .header-content-n1 ul li a [class^='cyic_'],header .navbar nav#cy-navbar .header-content-n1 ul li a .iconfont {
		display: table;
		width: 100%;
		margin-bottom: 15px;
		font-size: 44px !important;
		position: relative;
		line-height: 37px;
		height: 40px;
	}

	header .navbar nav#cy-navbar .header-content-n1 ul li a .iconfont {
		line-height: 37px;
		height: 40px;
		font-size: 48px !important;
	}

	header .navbar nav#cy-navbar .header-content-n1 ul li a .icon-icon-vr-new {
		font-size: 40px !important;
	}

	header .navbar nav#cy-navbar .header-content-n1 ul li a .icon-icon-pad-new {
		font-size: 42px !important;
	}

	header .navbar nav#cy-navbar .header-content-n1 ul li a p {
		text-align: center;
		float: none;
		font-size: 0.825em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 3.75em;
		width: 100%;
		line-height: 1.6;
	}

	header .navbar nav#cy-navbar .header-content-n1 ul li a:hover p {
		color: #000;
		text-decoration: underline;
	}

	header .navbar nav#cy-navbar .header-content-n1 img.mate30pro {
		margin-top: 30px;
		margin-right: 50px;
		float: right;
		margin-bottom: 30px;
		padding-left: 100px;
	}

	header .navbar .nav-right {
		border: none;
		position: relative;
		top: 0;
		right: 0;
		float: right;
		margin-top: 19px;
		margin-right: -15px;
		font-size: 0.9375em;
	}

	header .navbar .nav-right .btn-shop {
		margin-right: 10px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		float: left;
		line-height: 20px;
		height: 20px;
		margin-top: 10px;
		position: relative;
		cursor: pointer;
	}

	header .navbar .nav-right .btn-shop:hover .shop-nav {
		display: block;
	}

	header .navbar .nav-right .btn-shop:hover .icon-arrow-down {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	header .navbar .nav-right .btn-shop.nav-hide {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		visibility: hidden;
	}

	header .navbar .nav-right .btn-shop .text {
		float: left;
		margin-left: 4px;
	}

	header .navbar .nav-right .btn-shop .iconfont {
		font-size: 20px;
		float: left;
	}

	header .navbar .nav-right .btn-shop .iconfont.icon-arrow-down {
		font-size: 16px;
	}

	header .navbar .nav-right .btn-shop .shop-nav {
		display: none;
		position: absolute;
		width: 168px;
		top: 100%;
		left: 50%;
		margin-left: -84px;
		padding-top: 28px;
	}

	header .navbar .nav-right .btn-shop .shop-nav li {
		border: 1px solid #d4d4d4;
		border-top: 0;
		background-color: #fff;
		height: 42px;
		line-height: 42px;
		padding-left: 26px;
	}

	header .navbar .nav-right .btn-shop .shop-nav li a {
		font-size: 0.75em;
		color: #777;
		display: block;
	}

	header .navbar .nav-right .btn-shop .shop-nav li a .iconfont {
		font-size: 20px;
		margin-right: 10px;
	}

	header .navbar .nav-right .btn-shop .shop-nav li a:hover {
		color: #000;
	}

	header .navbar .nav-right .btn-shop .shop-nav li a:hover .iconfont {
		color: #000;
	}

	header .navbar .nav-right .btn-open-search {
		-webkit-transition: 0.3s all;
		transition: 0.3s all;
		text-decoration: none;
		margin-left: 20px;
	}

	header .navbar .nav-right .btn-open-search.nav-hide {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		visibility: hidden;
	}
	header .navbar nav#cy-navbar .navbar-nav li.menu-list:hover a.cy-navbar-text ,header .navbar nav#cy-navbar .navbar-nav li.menu-list a.active{
		border-bottom:2px solid #e60012;
	}
}

@media (min-width:1025px) and (max-width:1050px) {
	header.fixed.header-hide {
		top: -130px;
	}
}

@media (min-width:1025px) and (min-width:1550px) {
	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other .row {
		margin-left: -50px;
		margin-right: -50px;
	}

	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other .row div {
		width: auto;
		display: inline-block;
		padding: 0 50px;
	}
}

@media (min-width:1025px) and (min-width:1550px) {
	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .nav-open-other a .cyic_open-in-new3 {
		right: 30px;
	}
}

@media (min-width:1680px) {
	header .nav-img {
		margin-top: 111px;
	}
}

header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a {
	text-align: center;
	line-height: normal;
}

header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a .chenyang-iconfont {
	font-size: 72px;
	display: block;
	position: relative;
	height: 78px;
}

header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a .chenyang-iconfont.iconSmart {
	font-size: 50px;
}

header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a .chenyang-iconfont.iconSmart::before {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 50%;
	margin-left: -40px;
}

header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a p {
	margin-top: 12px;
}

@media (max-width:1024px) {
	header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a {
		padding-left: 0;
		border-bottom: 0 !important;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a p {
		float: none;
		margin-top: 0px;
		line-height: 1em;
	}

	header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a .chenyang-iconfont {
		font-size: 60px;
		height: 66px;
	}

	header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a .chenyang-iconfont.iconSmart {
		font-size: 43px;
	}

	header .navbar nav#cy-navbar .header-content-n1 .new-font-box ul li a .chenyang-iconfont.iconSmart::before {
		margin-top: -21px;
		margin-left: -35px;
	}
}

@media (min-width:992px) and (max-width:1024px) {
	header .navbar nav#cy-navbar .header-content-n1 .new-font-box >.row >.col-md-6 {
		width: 100%;
	}
}



@media (min-width:992px) {
	header .navbar-toggle {
		display: block;
	}

	header .navbar-header {
		float: none;
	}

	header .container,.main-subnav .container {
		width: 100%;
	}

	header .container > .navbar-header,header .container-fluid > .navbar-header,header .container > .navbar-collapse,header .container-fluid > .navbar-collapse,.main-subnav .container > .navbar-collapse {
		margin-right: -15px;
		margin-left: -15px;
	}

	header .navbar-nav {
		float: none;
		margin: 0;
	}

	header .navbar-nav > li {
		float: none;
	}

	header .container-custom {
		width: 100%;
		max-width: 1430.016px;
	}
}

@media (min-width:1025px) {
	header .navbar-toggle {
		display: none;
	}

	header .navbar-header {
		float: left;
	}

	header .container {
		width: 93.705%;
	}

	.main-subnav .container {
		width: auto;
	}

	header .container-custom {
		width: 85.652%;
		max-width: 1430.016px;
	}

	header .container > .navbar-header,header .container-fluid > .navbar-header,header .container > .navbar-collapse,header .container-fluid > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}

	header .navbar-nav {
		float: left;
		margin: 0;
	}

	header .navbar-nav > li {
		float: left;
	}
}

@media (min-width:992px) and (max-width:1024px) {
	.btn-shop {
		display: none;
	}

	header .navbar nav#hw-navbar .navbar-nav li.menu-list a.btn-next .icon-arrow-right,.search-box .search-keyword,.btn-nav-back,header .navbar nav#hw-navbar .nav-open .title {
		display: block !important;
	}

	header .navbar nav#hw-navbar .nav-open .nav-ani .container-custom >.row >[class*="col-md"],header .navbar nav#hw-navbar .nav-open .nav-ani .container-custom >.row >[class*="col-md"] >.row >[class*="col-md"],header .navbar nav#hw-navbar .nav-open .nav-open-other .container-custom > .row>[class*="col-md"] {
		width: 100%;
	}

	header .navbar nav#hw-navbar .header-content-n1 img.mate30pro,header .navbar a.btn-close-nav-ani,header .navbar nav#hw-navbar .nav-open .nav-ani .container-custom >.row >[class*="col-md"] .nav-img,.top-nav .top-nav-height a .iconfont.icon-arrow-down {
		display: none !important;
	}
}
.search-box {
	position: fixed;
	width: 100%;
	height: 100%;
	padding-right: 100px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform-origin: 100% center;
	-ms-transform-origin: 100% center;
	transform-origin: 100% center;
	background-color: #fff;
	padding-right: 50px;
	padding-left: 20px;
	padding-top: 9px;
	left: 0;
	top: 0;
	z-index: 100;
}

.search-box.search-hide {
	visibility: hidden;
	left: 100%;
}

.search-box .b-search-keyword {
	display: none;
	position: absolute;
	z-index: 2;
	width: calc(100% - 70px);
}

.search-box .b-search-keyword a {
	display: block;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	padding: 5px 20px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	float: none;
	height: auto;
}

.search-box input {
	width: 100%;
	height: 48px;
	border: 1px solid #d4d4d4;
	line-height: 48px;
	padding-left: 20px;
	outline: none;
	font-size: 16px;
	padding-right: 50px;
	background-color: #fff;
}

.search-box input:focus {
	border: 1px solid #bebdbd;
	color: #282828;
	-webkit-box-shadow: 0px 3px 8px #d4d4d4;
	box-shadow: 0px 3px 8px #d4d4d4;
}

.search-box a.btn-close {
	position: absolute;
	right: 15px;
	top: 22px;
	color: #86807f;
	text-decoration: none;
	margin: 0 !important;
}

.search-box a.btn-close .hwic_cross {
	font-size: 20px;
}

.search-box a.btn-search {
	position: absolute;
	right: 60px;
	top: 22px;
	color: #86807f;
	text-decoration: none;
	margin: 0 !important;
}

.search-box a.btn-search span {
	font-size: 24px;
}

.search-box .search-keyword {
	position: absolute;
	background-color: #f8f8f8;
	left: 0;
	right: 0;
	bottom: 0;
	top: 66px;
	overflow-y: auto;
	border-top: 1px solid #d4d4d4;
}

.search-box .search-keyword .search-keyword-title {
	margin: 0 15px;
	margin-top: 20px;
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 10px;
}

.search-box .search-keyword ul {
	padding: 15px;
	padding-top: 0;
}

.search-box .search-keyword ul li {
	border-bottom: 1px solid #d4d4d4;
}

.search-box .search-keyword ul li a {
	line-height: 44px;
	font-weight: bold;
}

.l-latestNews__inner {
    padding-top: 122px;
    padding-bottom: 95px;

    position: relative;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.newp-titleblock .newp-title {
    display: inline-block;
    color: #cd0505;
    pointer-events: none;
	margin-bottom: 30px;
	padding: 0px;
}
.newp-titleblock .newp-title .newp-title-large {
    font-size: 60px;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    margin-bottom: 14px;
    display: block;
}
.newp-titleblock .newp-title .newp-title-small {
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
    display: block;
    font-weight: 700;
}
.l-latestNews .l-latestNews__title-block {
    width: 302px;
    position: relative;
    z-index: 100;
}
.l-latestNews .l-latestNews__title-block .l-latestNews__title {
    margin-bottom: 26px;
    display: inline-block;
    color: #cd0505;
    pointer-events: none;
}
.l-latestNews .l-latestNews__contents-block {
    width: calc(100% - 302px);
}
.l-latestNews .l-latestNews__title-block .l-latestNews__title {
    margin-bottom: 26px;
    display: inline-block;
    color: #cd0505;
    pointer-events: none;
	display:block;
}
.l-latestNews .l-latestNews__title-block .l-latestNews__title .l-latestNews__title-large {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
}
.l-latestNews .l-latestNews__title-block .button--primary {
    width: 160px;
	margin-bottom:15px;
	color:#fff;
	
}
.l-latestNews .l-latestNews__title-block .button--primary .text{
	font-size:15px;
}
.about-item1{
	position:relative;
}
.about-text h2{
	    margin-top: 15px;
	    color: #000;
	    font-weight: bold;
	    border-bottom: solid 4px #e60012;
	    margin-bottom: 15px;
}
.aboutlogo{
	    position: absolute;
	    top: 15%;
	    left: 50%;
		width:9rem;
	    margin-left: -4.5rem;
}
.about-item1 .text{
	    position: absolute;
	        width: 100%;
	        text-align: center;
	        color: #fff;
	        font-size: 1.8rem;
	        font-weight: bold;
	        letter-spacing: 0.1rem;
	        top: calc( 15% + 9rem);
}
.about-item-content{
    margin-top: 30px;
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
}
.about-item-content:hover{
	box-shadow: 1px 0 31px #ffbaba;
}
.about-text{
	padding:20px 40px;
}
.sort{
	margin-top:30px;
	border-radius:10px;
}
.sort_list{
	margin-top:120px;
	margin-left:110px;
}
.sort_list .into {
    float: left;
    margin-right: 60px;
    position: relative;
    /* opacity: 0.8; */
    /* font-family: PingFangSC-Regular; */
    font-family: PingFangSC-Light;
    font-size:1.5rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: right;
    line-height: 62px;
    margin-bottom: 36px;
    cursor: pointer;
}
.sort_list .into>i {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
	border-radius: 50%;
    top: 50%;
    right: -31.5px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.5);
}
.sort .sort_text {
  margin-top: 230px;
  font-size: 26px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 46px;
  padding: 35px 45px;
  position: relative; }
.sort .sort_text .box_text .active_text{
	  display: none;
	  position: relative;
  }
.sort .sort_text .box_text .active_text>p{
	font-size: 26px;
	color:#fff
}
.sort .sort_text .box_text .active_text:first-child{
	display: block;
}
.sort .sort_text .text_left {
  position: absolute;
  width: 125px;
  height: 70px;
  background: url(../image/left-corner.png) no-repeat;
  background-size: 100% 100%;
  left: 0px;
  top: 0px; }
.sort .sort_text .text_right {
  position: absolute;
  width: 90px;
  height: 52px;
  background: url(../image/right-corner.png) no-repeat;
  background-size: 100% 100%;
  right: 0px;
  bottom: 0px; }
.sort .sort_text .text_bg {
  opacity: 0.07;
  font-size: 266px;
  color: #FFFFFF;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
      text-align: center;
  }
  .catlist{
	  margin-top:50px;
  }
  .cat-item{
	  	      margin-bottom: 30px;
  }
  .cat-item-bg{
	position: relative;
	    display: list-item;
	    width: 100%;
	    height: 40vh;
	    overflow: hidden;
	    background-size: cover;
	    background-position: center bottom;
	    background-color: #f2f2f2;
  }
  .cat-item-text{
	  position:absolute;
	  width:100%;
	  height:100%;
	  padding-top:2rem;
	  top:0%;
	  text-align:center;
	  color:#fff;
	  background: #00000026;
  }
  .cat-title{
	    font-size: 0.8rem;
	    text-shadow: 1px 0 31px #f1cfcf;
	    line-height: 1.2;
  }
  .cat-item .btn-text{
	      position: relative;
	      padding-right: 15px;
	      -webkit-transition: padding-right .3s ease-in .1ms!important;
	      transition: padding-right .3s ease-in .1ms!important;
  }
  .back-btn{
  	  color:#666;
	  padding-right:18px;
	  position:relative;
  }
  .cat-item .btn-text:after ,.back-btn:after{
      display: inline-block;
      content: " ";
      height: 8px;
      width: 8px;
      border-style: solid;
      border-width: 2px 2px 0 0;
      position: absolute;
      -webkit-transform: rotate(45deg) translateY(-50%);
      transform: rotate(45deg) translateY(-50%);
      top: 45%;
      right: 5px;
	  border-color: #fff;
  }
  .back-btn:after{
	 border-color:#666; 
	     top: 50%;
  }
  .ejnav {
      padding: 0px 20px;
  }
  .ejnav {
      width: 100%;
      height: 80px;
      background-color: #eee;
      bottom: 0;
	  border-bottom: 1px solid #ececec;
  }
  .ejnav ul {
      list-style: none;
      width: 100%;
      height: 80px;
      display: flex;
      margin: auto;
      justify-content: center;
      padding-left: 0px;
  }
  
  .ejnav ul li:hover,.ejnav ul li.active{
      background-color: #cd0505;
  }
  .ejnav ul li:hover a,.ejnav ul li.active a{
	color:#fff;
  }
 
  .ejnav ul li {
	  width:auto;
      padding:12px 20px;
	  border-radius:10px;
	  margin:15px 10px;
      text-align: center;
	  height:auto;
  }
  .ejnav ul li a {
      display: block;
      width: 100%;
      text-decoration: none;
      font-size: 16px;
  }
  .list-product,.main-product{
	      background: #fbfbfb;
	      padding-bottom: 1.5rem;
  }
  .list-product .featured-list__item{
	 margin-bottom:30px; 
  }
  .pimg{
	padding: 30px;
  }
  .ptext{
	  padding-left:45px;
  }
  .tit-30{
	  font-size: 30px;
	      line-height: 1.6;
	      margin-bottom: 1.5rem;
	      margin-top: 1.5rem;
  }
  .pdescription{
	      font-size: 16px;
	      margin-bottom: 30px;
  }
  .pinfo th{
	      background: #cd0505;
	      color: #fff;
	      text-align: center;

  }
  .pinfo td{
	  text-align:center;
  }
  .main-p{
	  padding-bottom: 1.5rem;
	      border-bottom: 1px solid #ececec;
  }
  .pdetail .item-li {
      padding: 1.25rem 0;
      border-bottom: 1px dashed #ececec;
  }
  .btn-p{
	  margin-top:1.5rem;
  }
  .btn-p a.href1 {
    background: #cd0505;
      margin-right: .5rem;
  }
.btn-p a.href2 {
	    background: #269de8;
}
  .btn-p a {
      width: 190px;
      height: 50px;
      line-height: 50px;
      border-radius: 3px;
      text-align: center;
	  color:#fff;
	  display:inline-block;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .ptext .p2{
	  margin-top:0.5rem;
  }
  
  .catList {
          margin: 30px 0px 40px;
          text-align: center;
          position: relative;
          letter-spacing: -.4em;
  }
  .catList .catList__item {
      margin: 0 5px 10px;
      display: inline-block;
      letter-spacing: normal;
  }
  .catList .catList__item a {
      min-width: 140px;
      height: 40px;
      padding: 0 20px;
      border-radius: 20px;
      color: #161616;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 18px;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background: #fff;
      box-sizing: border-box;
      transition: all .4s cubic-bezier(0,0,.2,1);
  }
  .catList .catList__item.catList__item--active a {
      color: #cd0505;
      font-weight: 700;
  }
  .button--primary, .localPager .localPager__item.localPager__item--link a {
      background-color: #cd0505;
      color: #fff;
  }
  .button, .button--primary, .button--secondary, .button--secondary__small, .button--tertiary, .localPager .localPager__item.localPager__item--link a {
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative;
      overflow: hidden;
      background-color: #cd0505;
      height: 44px;
      color: #fff;
      border-radius: 22px;
      padding: 0 0 0 21px;
      line-height: 1.4;
      text-align: center;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      outline: 0;
      text-decoration: none;
      pointer-events: auto;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
  .button--primary:before, .localPager .localPager__item.localPager__item--link a:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      left: 21px;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transition: all .33s cubic-bezier(.68,-.55,.265,1.55);
      opacity: 0;
  }
  .localPager {
      margin-top: 50px;
	  margin-bottom:40px;
      font-size: 14px;
      position: relative;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .localPager .localPager__item.localPager__item--prev {
      margin-right: auto;
  }
  .localPager .localPager__item.localPager__item--next {
      margin-left: auto;
  }
  .localPager .localPager__item.localPager__item--next, .localPager .localPager__item.localPager__item--prev {
      font-weight: 700;
      position: relative;
  }
  .localPager .localPager__item.localPager__item--next a, .localPager .localPager__item.localPager__item--prev a {
      color: #cd0505;
  }
  .localPager .localPager__item.localPager__item--next .icon-arrow, .localPager .localPager__item.localPager__item--prev .icon-arrow {
      position: relative;
      display: inline-block;
      box-sizing: border-box;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-top: 6px;
      background-color: #cd0505;
      transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
  }
  .localPager .localPager__item.localPager__item--prev .icon-arrow {
      margin-left: 40px;
  }
  .localPager .localPager__item.localPager__item--next .icon-arrow:before, .localPager .localPager__item.localPager__item--prev .icon-arrow:before {
      content: "";
      display: block;
      position: absolute;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      box-sizing: border-box;
      left: -7px;
      top: -7px;
      border-radius: 24px;
      width: 24px;
      height: 24px;
      border: 2px solid #cd0505;
      transition: -webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55);
      transition: transform .3s cubic-bezier(.68,-.55,.265,1.55);
      transition: transform .3s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55);
  }
  
  .localPager .localPager__item.localPager__item--next .icon-arrow:after, .localPager .localPager__item.localPager__item--prev .icon-arrow:after {
      content: "";
      display: inline-block;
      width: 40px;
      height: 2px;
      background-color: inherit;
      position: absolute;
      top: 4px;
  }
  .localPager .localPager__item.localPager__item--prev .icon-arrow:after {
      right: 100%;
  }
  
  .localPager .localPager__item.localPager__item--next .text, .localPager .localPager__item.localPager__item--prev .text {
      display: inline-block;
      transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
  }
  .localPager .localPager__item.localPager__item--prev .text {
      padding-left: 12px;
  }
  .localPager .localPager__item.localPager__item--link a {
      width: 180px;
      padding: 0;
      font-weight: 700;
  }
  .localPager, .localPager .localPager__item.localPager__item--link a {
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  
 
  .localPager .localPager__item.localPager__item--link a:before {
      left: auto;
      right: 21px;
  }
  .localPager .localPager__item.localPager__item--next .icon-arrow:after {
      left: 100%;
  }
  
  .button--primary:before, .localPager .localPager__item.localPager__item--link a:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      left: 21px;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transition: all .33s cubic-bezier(.68,-.55,.265,1.55);
      opacity: 0;
  }
  .localPager .localPager__item.localPager__item--link a:before {
      left: auto;
      right: 21px;
  }

  .button--primary .icon-arrow, .localPager .localPager__item.localPager__item--link a .icon-arrow {
      position: relative;
      display: inline-block;
      border-radius: 50%;
      background-color: #fff;
      transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
  }
  .button--primary .icon-arrow, .localPager .localPager__item.localPager__item--link a .icon-arrow {
      width: 10px;
      height: 10px;
      margin-right: 20px;
  }
  .localPager .localPager__item.localPager__item--link a .icon-arrow {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 10px;
      height: 10px;
      margin-right: 0;
      margin-left: 20px;
  }
  .localPager .localPager__item.localPager__item--link a .icon-arrow:after {
      content: "";
      display: inline-block;
      background-color: inherit;
      position: absolute;
      right: 100%;
      left: auto;
      width: 20px;
  }
  .localPager .localPager__item.localPager__item--link a:hover .text {
      -webkit-transform: translateX(-21px);
      -ms-transform: translateX(-21px);
      transform: translateX(-21px);
  }
  .localPager .localPager__item.localPager__item--next .text {
      padding-right: 12px;
  }
  .article_title .dtitle{
	  color:#fff;
  }
  .article_title {
      min-height: 140px;
      margin-bottom: 40px;
      padding: 30px 10px;
      border-radius: 20px;
	  color:#fff;
      background: #cd0505;
      box-sizing: border-box;
      position: relative;
      text-align: center;
	}
	.detailinfo{
		font-size:13px;
		margin-top:15px;
	}
	.detailinfo .divide{
		margin:0px 20px;
	}
@media (min-width:1025px) {
	.search-box {
		width: 500px;
		height: 76px;
		padding-top: 15px;
		right: 8px;
		position: absolute;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		left: auto;
	}

	.search-box.search-hide {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		left: auto;
	}

	.search-box a.btn-close,.search-box a.btn-search {
		top: 27px;
	}

	.search-box .b-search-keyword {
		display: none !important;
		position: static;
		width: 100%;
	}

	.search-box .b-search-keyword a {
		background: #fff;
		display: block;
		text-align: left;
		line-height: 24px;
		font-size: 14px;
		padding: 5px 20px;
		overflow: hidden;
		border: 1px solid #ccc;
		border-top: none;
		float: none;
		height: auto;
	}

	.search-box .b-search-keyword a:hover {
		color: #c7000b;
	}
}
.pimg .img{
	position:relative;
	height:50vh;
}
.pimg .img img{
	height: 100% !important;
	    width: auto;
	    margin: 0 auto;
	    display: block;
}

@-webkit-keyframes cUFefP{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}/*!sc*/
@keyframes cUFefP{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}/*!sc*/

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
 .menuswiper ul {
      justify-content: unset;
  }
  .pdetail .itemleft{
	      font-size: 20px;
	      font-weight: bold;
	      margin-bottom: 10px;
  }
  .article_title{
	  margin-top:30px;
  }
  .pf12{
	  font-size:12px;
  }
  .pimg{
	  padding:0px;
  }
  .btn-p{
  	text-align:center;
  }
  .btn-p a{
	  width:45%;
  }
  .ptext{
	padding-left:0px;
  }
  .ptext .tit3{
	  text-align:center;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
  header .navbar .nav-right a.btn-open-search .icon-search {
      font-size: 22px;
  }
  .newp-titleblock .newp-title{
	margin-left: 8vw;
	    margin-top: 4vw;  
  }
  .list-product{
	  background:#fcf2f2;
  }
  .list-product .featured-list__img-wrapper {
    min-height: 200px;
}
  .newp-inner-block .featured-list__item {
      width: 80vw;
  }
  .l-latestNews .l-latestNews__title-block .button--primary {
	  padding: 0 0 0 15px;
	  width:30%;
      margin-right: 1%;
      margin-left: 1%;
  }
  .button--primary .icon-arrow, .localPager .localPager__item.localPager__item--link a .icon-arrow {
      width: 8px;
      height: 8px;
      margin-right: 15px;
  }
  .button--primary .icon-arrow:after, .localPager .localPager__item.localPager__item--link a .icon-arrow:after {
      width: 22px;
      height: 2px;
      top: 3px;
  }
  .l-latestNews .l-latestNews__contents-block {
      width: 100%;
  }
  .l-latestNews .l-latestNews__contents-block .l-latestNews__list-text .icon-arrow {
      width: 4.28vw;
      height: 2.14vw;
      margin-right: 8.54vw;
      margin-top: 1.07vw;
  }
  .featured-list__item {
      text-align: left;
      cursor: pointer;
  }
  .featured-list__new {
      width: 13.34vw;
      height: 13.34vw;
      right: 4vw;
      top: -4vw;
  }
  .featured-list__item-inner {
      border-radius: 2.67vw;
  }
  .swiper-container__newItem {
      padding: 20px 0px 15px 0;
  }
  .swiper-wrapper .featured-list__img-wrapper {
      min-height: 315px;
  }
  .pml{
	  padding-right:7.5px;
  }
  .pmr{
  	  padding-left:7.5px;
  }
  .featured-list__content {
      padding: 2.14vw 2.27vw 3.14vw;
  }
  .newp-titleblock .newp-title .newp-title-large {
      font-size: 9.34vw;
  }
.newp-titleblock .swiper-pagination__newItem-count {
    font-size: 3.2vw;
    right: 5vw;
    width: 37vw;
    top: 15.34vw;
}
  .swiper-pagination__newItem-count .arrow-left {
      display: inline-block;
      position: relative;
      left: -1.86vw;
      width:20vw;
      height: 6.4vw;
  }
  .swiper-pagination__newItem-count .arrow-left:before {
      display: block;
      width: 8vw;
      top: 2.94vw;
      right: 0;
  }
  .swiper-pagination__newItem-count .arrow-left .circle {
      width: 2.67vw;
      height: 2.67vw;
      top: 1.87vw;
      left: 1.87vw;
  }
  .swiper-pagination__newItem-count .arrow-left:after {
      width: 6.4vw;
      height: 6.4vw;
  }
  .swiper-pagination__newItem-count .arrow-right:before {
      display: block;
      width: 8vw;
      top: 2.94vw;
      left: 0;
  }
  .swiper-pagination__newItem-count .arrow-right .circle {
      width: 2.67vw;
      height: 2.67vw;
      top: 1.87vw;
      right: 1.87vw;
  }
  .swiper-pagination__newItem-count .arrow-right:after {
      width: 6.4vw;
      height: 6.4vw;
  }
  .swiper-pagination__newItem-count .count{
	  width:20vw;
  }
 .swiper-pagination__newItem-count .arrow-right {
      display: inline-block;
      position: relative;
      right: -1.86vw;
      width: 19vw;
      height: 6.4vw;
  }
 .l-latestNews .l-latestNews__inner {
      width: 100%;
      padding-top: 14.67vw;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .l-latestNews .l-latestNews__title-block{
	  width:100%;
	  margin-bottom: 20px;
  }
  .l-latestNews__list {
      border-top: .8vw solid #fcf2f2;
      padding: 4.67vw 0 5.87vw;
  }
 .l-latestNews__list li {
      margin-bottom: 5.34vw;
      border-bottom: .8vw solid #fcf2f2;
  }
   .anchor {
      padding-bottom: 5.6vw;
  }
  .l-latestNews__list-text {
      line-height: 1.385;
      font-size: 3.47vw;
  }
  .l-latestNews__list-text .icon-arrow:after{
	  top:3px;
  }
  .container-customs{
	  padding:0px 20px;
  }
  .l-footer__nav {
      border-top-left-radius: 1.34vw;
      border-top-right-radius: 1.34vw;
	  padding-top:20px;
  }
  .l-footer__nav-inner, .l-footer__primary-nav__menu {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0;
	  width:100%;
  }
  .l-footer__primary-nav__menu>ul {
      font-size: 3.74vw;
  }
  .l-footer__primary-nav__menu>ul>li {
      border-bottom: 2px solid #f0f2f4;
      margin-bottom: 0;
  }
  .l-footer__primary-nav__menu>ul>li>.list-inner {
      padding: 1.57vw 4.67vw;
  }
  .l-footer__primary-nav__menu>ul>li>ul {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 4.67vw 0vw;
  }
  .l-footer__pagetop {
      font-size: 3.47vw;
      padding-bottom: 12.27vw;
	  position:relative;
  }
  .l-footer__pagetop .icon-arrow {
      margin-top: 9.34vw;
      width: 2.67vw;
      height: 2.67vw;
      margin-bottom: 2.4vw;
  }
  .l-footer__primary-nav__menu>ul>li>ul>li {
      width: calc(50% - 1.34vw);
      font-size: 2.94vw;
      height: 9.34vw;
      line-height: 9.34vw;
      margin-bottom: 2.67vw;
  }
  .l-footer__primary-nav__menu>ul>li>ul>li .list-inner {
      border-radius: 1.34vw;
      padding: 0 4vw;
  }
  .l-footer__secondary-nav__menu{
	  margin:0 auto;
	  margin-top:10px;
  }
  .l-footer__primary-nav__menu>ul>li>ul>li {
      width: calc(33% - 1vw);
          font-size: 2.94vw;
          height: 9.34vw;
          line-height: 9.34vw;
          margin-bottom: 2.67vw;
  }
  .catbanner .inner-header {
      height: 25vh;
  }
  .catbanner .inner-header .words-box h1{
	  font-size:22px;
  }
  .catlist {
      margin-top: 25px;
  }
  .cat-item{
	  margin-bottom:15px;
  }
   .cat-item-bg {
       height: 210px;
	}
	.cat-item-text {
	    padding-top: 30px;
    }
	.cat-title{
		font-size:20px;
	}
	.cat-item .btn-text:after{
		top:44%;
	}
	.list-product{
			  padding-top:60px;
	}
	.about-item-content{
		margin-top:0px;
		border-radius:0px;
	}
	.about-text{
		padding:20px 15px;
	}
	.sort_list {
	    padding-top: 80px;
	        margin-left: 30px;
	        margin-top: 0px;
	}
	.sort{
		border-radius:0px;
	}
	.sort_list .into{
		margin-right:40px;
		font-size:22px;
		line-height:30px;
		margin-bottom:15px;
	}
	.sort .sort_text .text_bg{
		opacity:0;
	}
	.sort .sort_text .box_text .active_text>p{
		font-size:18px;
	}
	.sort .sort_text {
	    margin-top: 90px;
	}
	
}
.cat-item .btn-black:after{
	border-color:#000;
}
.flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.text a{
	color:#fff;
}
.hashs-item a{
	color:#cd0505;
}



.top-nav .top-nav-height {
    background-color: #a1000d;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 100%;
    text-align: center;
    z-index: 100;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background-color: transparent;
    height: 100px;
}


.top-nav .top-nav-height a .iconfont {
    width: 48px;
    height: 48px;
    border: 1px solid #666666;
    font-size: 24px;
    border-radius: 100%;
    color: #333333;
    display: block;
    margin: 0 auto;
}


.top-nav .top-nav-height a span {
    line-height: inherit;
}
.title-box h2 {
    clear: both;
    display: table;
    margin: 0 auto;
}
.content-box {
    text-align: center;
    position: relative;
}
.content-box h2 {
    color: #333;
    text-align: center;
    position: relative;
    padding: 0;
    padding-bottom: 8px;
    display: inline-block;
    margin: 0;
	font-weight:bold;
    float: none !important;
    max-width: 80%;
}
.content-box {
    text-align: center;
    position: relative;
}
.content-box h2:after {
    margin-left: 0;
    transform: translateX(-50%);
}
.content-box h2:after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #c7000b;
    position: absolute;
    left: 65%;
    margin-left: -15%;
    bottom: 0;
    min-width: 35px;
}
.content-box .panel-img-box {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.content-box .panel-img-box .text-box {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    color: #fff;
    text-align: left;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 4;
    bottom: 0;
    padding: 15px;
    font-size: 14px;
}
.content-box .panel-img-box .text-box .category {
    font-size: 0.875em;
    line-height: 1.8em;
    color: #fff;
}
.content-box .panel-img-box .text-box .name {
    line-height: 1.4em;
    font-weight: bold;
    margin: 0;
    font-size: 1.2em;
}
.content-box .panel-img-box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: url(../image/mask_grad.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
    visibility: visible;
    opacity: 0;
}
.content-box .panel-img-box img {
    float: left;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    position: relative;
}
.content-box .panel-img-box:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.content-box .panel-img-box .text-box .text {
    font-size: 0.75em;
    line-height: 1.8em;
    opacity: 0.7;
    display: none;
}
.panel-img-list-mobile-slide {
    margin-bottom: 15px;
}

.panel-img-list-mobile-slide a {
    outline: none;
}

.panel-img-list-mobile-slide .img-box img {
    width: 100%;
}

.panel-img-list-mobile-slide .slide {
    position: relative;
}

.panel-img-list-mobile-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-image: url(../image/mask_grad.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
    visibility: visible;
    opacity: 0.7;
}

.panel-img-list-mobile-slide .slick-next {
    right: 0;
    display: none !important;
}

.panel-img-list-mobile-slide .slick-next:before {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.panel-img-list-mobile-slide .slick-next.slick-disabled:before {
    opacity: 0;
}
.panel-img-list-mobile-slide .text-box {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 0 15px;
    text-align: left;
    z-index: 2;
}

.panel-img-list-mobile-slide .text-box .category {
    font-size: 1em;
    line-height: 1.8em;
    color: #ccc;
}

.panel-img-list-mobile-slide .text-box .text {
    font-size: 0.875em;
    line-height: 1.8em;
    color: #ccc;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.panel-img-list-mobile-slide .text-box .name {
    color: #fff;
    line-height: 1.4em;
    font-weight: bold;
    margin: 0;
    font-size: 1.2em;
}


.content-box .panel-img-box a {
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.content-img-box{
		width:100%;
		position:relative;
}
.panel-img-list .img-box {
    position: relative;
}
.col-item .imgbox, .content-list-box .c-box .imgbox, .content-list-box-other .c-box .imgbox {
    overflow: hidden;
    position: relative;
}
.col-item .imgbox img, .index-service .col-item .imgbox img, .content-list-box .c-box .imgbox img, .content-list-box-other .c-box .imgbox img, .tab-content .type1 a .imgbox img, .tab-content .type2 a .imgbox img, .tab-content .type3 a .imgbox img {
    float: none;
    height: auto;
    width: 100%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}
.panel-img-list .img-box img{
	float:none;
}
.col-item .imgbox {
    overflow: hidden;
    position: relative;
}

@media (min-width: 1550px){
	.index-video .content-img-box{
		width:1600px;
		margin:0 auto;
	}
}
@media (min-width: 1025px){
	.top-nav .top-nav-height {
	    height: 25px;
	    position: static;
	    text-align: right;
	    background-color: #a1000d;
	}
	header .navbar nav#cy-navbar .navbar-nav li.menu-list .nav-open .mask {
	    background-color: #fff;
	    position: absolute;
	    top: 0px;
	    bottom: 0;
	    width: 100%;
	    left: 0;
	}
	.top-nav .top-nav-height a {
	    height: 25px;
	    line-height: 25px;
	    margin-left: 10px;
	    margin-right: 0;
	    font-size: 12px;
	    float: left;
	    color: #fff;
	    width: auto;
	    padding: 0 10px;
	}
	.top-nav .top-nav-height a .iconfont {
	    margin-right: 5px;
	    border: none;
	    font-size: 12px;
	    color: #fff;
	    width: auto;
	    height: auto;
	    float: left;
	}
	.top-nav .top-nav-height a .iconfont {
	    margin-right: 5px;
	    border: none;
	    font-size: 12px;
	    color: #fff;
	    width: auto;
	    height: auto;
	    float: left;
	}
	.top-nav .top-nav-height a .iconarrow-down {
	    margin-left: 8px;
	}
	.top-nav .top-nav-height a span {
	    float: left;
	}
}
@media (min-width: 992px){
	.content-box .panel-img-list {
		font-size: 0;
		-webkit-text-size-adjust: none;
	}
	.content-box .panel-img-box.mr {
		margin-right: 30px;
	}
	.content-box .panel-img-box {
		width: auto;
		margin-bottom: 30px;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
	}
	.content-box .panel-img-box .text-box 	 {
	    padding: 25px 30px;
	    bottom: -55px;
	    font-size: 16px;
	}
	.content-box .panel-img-box .text-box .category {
	    font-size: 0.91em;
	}
	.content-box .panel-img-box .text-box .name {
	    line-height: 1.4em;
	    font-weight: bold;
	    margin: 0;
	    font-size: 1.2em;
	}
	.content-box .panel-img-box .mask {
	    visibility: visible;
	    opacity: 1;
	    height: 70%;
	    width: 100%;
	    content: "";
	    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
	    display: block;
	    top: auto;
	    bottom: 0;
	}
	.content-box .panel-img-box:hover .mask {
	    opacity: 1;
	    visibility: visible;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    z-index: 2;
	    background-image: url(../image/mask_grad.png);
	    background-repeat: repeat-x;
	    background-position: left bottom;
	    background-size: auto 100%;
	}
	.content-box .panel-img-box:hover .text-box {
	    bottom: 0;
	}
	.content-box .panel-img-box .text-box.text-box-1 .text {
	    margin-bottom: 12px;
	    font-size: 0.875em;
	    display: block;
	}
}

@media (min-width: 1440px)
{
	.content-box .panel-img-box .text-box 	{
	    font-size: 18px;
	}
}


@media (min-width: 1680px){
	.content-box .panel-img-box .text-box {
	    font-size: 20px;
	}
}
@media (max-width: 992px) {
    .panel-img-list {
        margin-left:-15px;
        margin-right: -15px;
        padding: 0 7.5px;
        display: flex;
        flex-wrap: wrap;
    }
	.tuijian-img.content-box .panel-img-box a {
	    background: #f5f5f5;
	}
    .panel-img-list:before {
        content: '';
        display: table;
    }

    .panel-img-list:after {
        content: '';
        clear: both;
        display: table;
    }

    .panel-img-list .panel-img-box {
        width: 50%;
        display: flex;
        float: none;
        padding: 0 7.5px;
        flex: 1 0 auto;
    }

    .panel-img-list .panel-img-box .text-box {
        position: static;
        color: #000;
        background: #f5f5f5;
        padding: 10px 15px;
    }

    .panel-img-list .panel-img-box .text-box .name {
        min-height: 2.8em;
        overflow: hidden;
        color: #333;
        font-size: 1.1em;
        max-height: 63px;
    }
	.content-box .panel-img-box img{
		float:none;
	}

    .panel-img-list .panel-img-box .text-box .category {
        color: #666;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
	header .navbar nav#cy-navbar .nav-open {
	    display: block !important;
	}
}

.pro-list-m li{
	width:33.333%;
	border-bottom: 1px dashed #d4d4d4;
	border-left: 1px dashed #d4d4d4;
	padding: 1em 0;
	float: left;
	text-align: center;
	position: relative;
	z-index: 3;
}
.pro-list-m ul li:nth-child(3n+1) {
    border-left: none;
}
.pro-list-m ul li:first-child, .pro-list-m ul li:nth-child(2), .pro-list-m ul li:nth-child(3) {
    border-top: 1px dashed #d4d4d4;
}
.pro-list-m ul li:last-child{
	border-right:1px dashed #d4d4d4;
}
.pro-list-m ul li a {
    color: #333;
}
.pro-list-m ul li span {
    display: block;
    margin: 0px auto;
    margin-bottom: 2px;
    font-size: 38px;
    text-align: center;
	color:#c7000b;
}
.banner-video-btn {
        position: absolute;
        width: 4.24em;
        height: 4.24em;
        background-size: 100% 100%;
        background-image: url(../image/play.png);
            top: 40%;
            left: 50%;
            margin-left: -2.12em;
            border-radius: 50%;
		    border-radius: 50%;
		    -webkit-transition: box-shadow 0.4s;
		    -moz-transition: box-shadow 0.4s;
		    -ms-transition: box-shadow 0.4s;
		    -o-transition: box-shadow 0.4s;
		    transition: box-shadow 0.4s;
}
.banner-video-btn:hover {
    box-shadow: 0 0 10px #fff;
}
@media(max-width: 991px) {
	.panel-img-list-mobile-slide{
		position:relative;
	}
    .panel-img-list-mobile-slide .text-box .name {
        overflow:hidden;
        font-size: 1.2em;
        max-height: 112px;
    }

    .panel-img-list-mobile-slide .text-box .text {
        display: none;
    }

    .panel-img-list-mobile-slide .slick-dots {
        bottom: 0px;
    }

    .panel-img-list-mobile-slide .text-box .category {
        color: #fff;
    }
	.tuijian-img .swiper-pagination {
	    width: 100%;
	    bottom: 10px;
	}
	.tuijian-img .swiper-pagination .swiper-pagination-bullet {
	    width: 10px;
	    height: 10px;
	    border-radius: 100%;
	    overflow: hidden;
	    border: 1px solid #fff;
	    background: transparent;
	    opacity: 1;
	    margin: 0 7px;
	}
	.tuijian-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background:#fff;
	}
	.content-img-box{
		width:100%;
		position:relative;
	}
}
.video-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.video-box.show {
    visibility: visible;
    opacity: 1;
}

.video-box .content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

.video-box .content a.btn-close {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 2;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
    top: -44px;
        right: 50%;
        background: #fff;
        margin-right: -16px;
	border-radius: 50%;
}

.video-box .content a.btn-close .iconfont {
    color: #333;
    font-size: 28px;
}

.video-box .content video {
    width: 100%;
    height: 100%;
}

.ie8 .content-img-box > video,.ie8 .content-img-box > videoļ¼ie10 .content-img-box > video {
    display: none;
}

@media (min-width: 992px) {
    .video-box .content {
        top:50%;
        left: 50%;
        width: 960px;
        height: 540px;
        margin-left: -480px;
        margin-top: -270px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .video-box .content a.btn-close {
        top: -27px;
            right: -40px;
            bottom: auto;
            margin: 0;
    }
}
@media (max-width:1024px){
    .video-box{
        display: none;
    }
    .video-box.show{
        display: block;
    }
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.news-detail-content .img-responsive{
    margin:0 auto;
}
.img-rounded {
    border-radius: 5px;
}

.img-circle {
    border-radius: 50%;
}

.col-item {
    position: relative;
    margin-bottom: 30px;
}

.col-item a {
    display: block;
    overflow: hidden;
}

.col-item .imgbox {
    overflow: hidden;
    position: relative;
}

@media (min-width: 1920px) {
    .col-item .imgbox {
        height:280px;
    }
}

@media (max-width: 1920px) {
    .col-item .imgbox {
        height:280px;
    }
}

@media (max-width: 1680px) {
    .col-item .imgbox {
        height:240px;
    }
}

@media (max-width: 1440px) {
    .col-item .imgbox {
        height:220px;
    }
}

@media (max-width: 1366px) {
    .col-item .imgbox {
        height:200px;
    }
}

@media (max-width: 1200px) {
    .col-item .imgbox {
        height:180px;
    }
}

@media (max-width: 992px) {
    .col-item .imgbox {
        height:180px;
    }
}

.col-item .imgbox img {
    float: none;
    height: auto;
    width: 100%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}

.col-item .photo {
    width: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.col-item .type {
    top: 0;
    left: 15px;
    position: absolute;
    padding: 7px 20px;
    text-align: center;
    max-width: 90%;
    z-index: 8;
}

.col-item .type span {
    color: #fff;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 100%;
}

.col-item .textbox {
    background: #f8f8f8;
    text-align: left;
    padding: 32px 28px 36px 28px;
}

.col-item .textbox .overtext {
    height: 10.6em;
    overflow: hidden;
}

@media (min-width: 1366px) and (max-width:1700px) {
    .col-item .textbox .overtext {
        height:11.1em;
    }
}

@media (min-width: 992px) and (max-width:1365px) {
    .col-item .textbox .overtext {
        height:10em;
    }
}

@media (max-width: 992px) {
    .col-item .textbox .overtext {
        height:6em;
    }

    .index-service .col-item .textbox .overtext {
        height: auto;
    }
}

.event-card .col-item .textbox .overtext {
    height: 6.7em;
}

.event-card .col-item .textbox .overtext .title {
    max-height: 62px;
}

.col-item .textbox .overtext .title {
    height: auto;
    display: block;
}

.col-item .textbox .overtext .text {
    height: auto;
    display: block;
}

.index-service .col-item .textbox .overtext .text {
    display: block;
    overflow: hidden;
}

.col-item .textbox .title {
    font-weight: bold;
    font-size: 1em;
    line-height: 1.625em;
    height: 62px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;
}

.col-item .textbox .info {
    font-size: 0.875em;
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
}

.index-service .col-item .textbox .info {
    height: 46px;
}

.col-item .textbox .info .address {
    display: inline-block;
    margin-right: 18px;
}

.col-item .textbox .info .address span {
    margin-top: -3px;
    display: inline-block;
    font-weight: bold;
}

.col-item .textbox .info .time {
    display: inline-block;
}

.col-item .textbox .info .time span {
    margin-top: -3px;
    display: inline-block;
    font-weight: normal;
}

.col-item .textbox .info span {
    vertical-align: middle;
    margin-right: 6px;
}

.col-item .textbox .text {
    font-size: 0.875em;
    line-height: 1.6875em;
    color: #666;
    clear: both;
    height: 60px;
}

.col-item .textbox .reg-more {
    font-size: 0.875em;
    color: #666;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-top: 20px;
}

.col-item .textbox .reg-more span {
    float: left;
}

.col-item .textbox .reg-more .iconfont {
    color: #c7000b;
    font-weight: bold;
    float: left;
    margin-left: 4px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 16px;
}

.col-item .textbox .reg-more:hover .iconfont {
    -webkit-transform: translate3d(4px,0,0);
    transform: translate3d(4px,0,0);
}

@media (min-width: 992px) {
    .type1 a:hover .imgbox img,.type2 a:hover .imgbox img {
        -webkit-transform:translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        top: 50%;
        width: 105%;
    }

    .type1 a:hover .photo,.type2 a:hover .photo {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.type1 a:hover .textbox,.type2 a:hover .textbox {
    background-color: #f2f2f2;
}

.col-item.type1 .type {
    background: #ff5500;
}

.col-item.type2 .type {
    background: #ff5500;
}

.col-item.type3 .type {
    background: #008D40;
}

.col-item.news-item .type {
    background: #a1000d;
}

@media (max-width: 992px) {
    .col-item.type3 .reg-more {
        display:none;
    }

    .col-item {
        margin-bottom: 15px;
    }

    .col-item .textbox {
        padding: 20px 15px !important;
    }

    .col-item .textbox .info {
        font-size: 14px;
        margin-top: 0;
    }

    .col-item .textbox .info .address {
        margin-bottom: 6px;
    }

    .col-item .textbox .info .time {
        margin-bottom: 6px;
    }

    .col-item .textbox .text {
        margin: 9px 0 25px 0;
    }

    .col-item .textbox a:hover .iconfont {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 768px) {
    .col-item .textbox .title {
        height:auto;
        font-size: 1.1em;
    }

    .col-item .textbox .text {
        height: auto;
    }
    
}

@media (max-width: 767px) {
    .tab-content .events-top .col-item .imgbox img {
        height:100%;
        width: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: auto;
        left: 50%;
    }
    .event-card .col-item .textbox .overtext{
        height: auto;
    }
}

.news-item {
    overflow: hidden;
    position: relative;
    text-align: left;
}

.news-item .list-box {
    width: 100%;
    background: #f8f8f8;
    padding: 20px 20px 0 28px;
}

.news-item #wrapper:before {
    content: "";
    height: 80px;
    right: 15px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(rgba(248,248,248,0) 0%,rgba(248,248,248,1) 80%);
    left: 15px;
}

.news-item #wrapper::after {
    content: "";
    height: 32px;
    right: 15px;
    position: absolute;
    top: 0;
    background: linear-gradient(rgba(248,248,248,1) 0%,rgba(248,248,248,1) 80%);
    left: 15px;
}

.news-item #wrapper.ended:before {
    display: none !important;
}

@media (max-width: 1200px) {
    .news-item .list-box {
        padding:20px 15px 0 15px;
    }
}

@media (max-width: 992px) {
    .news-item .list-box {
        padding:20px 15px 10px 15px;
    }

    .news-item #wrapper:before {
        display: none;
    }
}

.news-item a {
    margin: 7% 0;
}

.news-item a h4 {
    font-size: 1em;
    line-height: 1.625em;
}

@media (max-width: 767px) {
    .news-item a h4 {
        font-size:1.1em;
    }
}

.news-item a .time {
    font-size: 0.875em;
    color: #666;
}

.news-item a:hover h4 {
    color: #c7000b;
}

.news-item a:hover .time {
    color: #c7000b;
}
.top-nav .top-nav-content {
    width: 100%;
    position: fixed;
    left: 100%;
    top: 66px;
    bottom: 0;
    z-index: 130;
    background-color: #f7f7f7;
    padding-top: 30px;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	font-size:14px;
	text-align:center;
}
.top-nav-content img{
	width:150px;
	max-width:100%;
	display:block;
	margin:0 auto;
	margin-top:10px;
}
.top-nav-content p{
	margin-bottom:10px;
}
#cy-navbar .navbar-nav li.menu-list a.btn-next .iconarrow-right {
    float: right;
    font-size: 20px;
	font-size:12px;
}	
@media (min-width: 1025px){
	.top-nav .top-nav-content .group-website, .top-nav .top-nav-content .worldwide {
		display: none;
		width: 100%;
	}
	.top-nav .top-nav-content {
		position: static;
		padding-top: 0;
	}
	.top-nav .top-nav-height a.in {
	    background: #f7f7f7;
	    color: #a1000d;
	}
	.top-nav .top-nav-height a.in span{
		color:#a1000d;
	}
	.top-nav .top-nav-height a.in span.iconarrow-down:before{
		content: "\e61c";
	}
}

.main-subnav {
    text-align: center;
    height: 50px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    z-index: 101;
    border-top: 1px solid #e5e5e5 \0;
    position: relative;
}

.main-subnav.fixed {
    position: fixed;
    top: 66px;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}

.main-subnav.fixed.top {
    top: 0;
}

.main-subnav #main-subnav-list {
    border: none;
    background-color: #fff;
}

.main-subnav ul {
    overflow: hidden;
    text-align: left;
    margin: 0;
    width: 100%;
}

.main-subnav ul li {
    border-bottom: 1px solid #d4d4d4;
    padding: 8px 0;
    overflow: hidden;
}

.main-subnav ul li.active > a:before {
    content: '\e61b';
    font-family: 'iconfont' !important;
    font-size: 14px;
    color: #c7000b;
    float: left;
}

.main-subnav ul li a {
    font-size: 1em;
    line-height: 22px;
    height: 22px;
    display: block;
}
.main-subnav ul li a.no-link{
    pointer-events: none;
    color: #999;
    border-bottom: 0 !important;
}
.main-subnav ul li a span {
    margin-left: 10px;
    color: #c7000b;
}

.main-subnav .dropdown .dropdown-menu {
    font-size: inherit;
    position: static;
    float: none;
    display: block;
    border: none;
    box-shadow: none;
}

.main-subnav .dropdown button {
    border: none;
    display: none;
}

.main-subnav .dropdown ul {
    background-color: #fff;
    border-radius: 0;
}

.main-subnav .dropdown ul li {
    display: block;
    float: none;
}

.main-subnav .dropdown ul li.active a,.main-subnav .dropdown ul li:hover a,.main-subnav .dropdown ul li:focus a {
    border-bottom: none;
    background-color: transparent;
    color: #c7000b;
}

.main-subnav .dropdown ul li a {
    font-size: 1em;
    padding: 0;
}
@media (min-width: 1025px) {
    .main-subnav ul.nav-dropdown{
        width: 100%;
        height: 50px;
        background-color: #fff;
        /*border-bottom: 1px solid #e5e5e5;*/
        z-index: 10;
        border-top: 1px solid #e5e5e5 \0;
        position: absolute;
        top:50px;
        left: 0;
        text-align: center;
        letter-spacing: -0.32em;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.65s;
        transition: all 0.65s;
        box-shadow: 1px 1px 0 rgba(0,0,0,.07);
    }
    /*.main-subnav .nav-select.active ul.nav-dropdown,*/
    .main-subnav .nav-select:hover ul.nav-dropdown{
        top: 50px;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.05s;
        transition: all 0.05s;
    }
    .main-subnav ul.nav-dropdown li{
        float: none;
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
    }
}
@media (min-width: 992px) {
    .main-subnav .dropdown {
        float:left;
    }

    .main-subnav .dropdown.open .dropdown-menu {
        display: block;
    }

    .main-subnav .dropdown .dropdown-menu {
        position: absolute;
        float: left;
        display: none;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,0.15);
    }

    .main-subnav .dropdown button {
        display: block;
        font-size: 0.8125em;
        line-height: 50px;
        background-color: transparent;
        margin: 0 10px;
    }

    .main-subnav .dropdown button .caret {
        margin-top: -1px;
    }

    .main-subnav .dropdown ul {
        margin-left: 0;
    }

    .main-subnav .dropdown ul li a {
        height: auto;
        line-height: 24px;
        font-size: 0.8125em;
    }
}
@media (max-width:1024px){
    .main-subnav ul.nav-dropdown{
        visibility: hidden;
        max-height: 0;
        transition: all .5s;
    }  
    .main-subnav .nav-select a.hover + ul.nav-dropdown{
        visibility: visible;
        max-height: 500px;
    }
    .main-subnav .nav-select a.active + ul.nav-dropdown{
        visibility:visible;
        max-height: 500px;
    }
    .main-subnav ul.nav-dropdown li{
        padding-left:20px;
    }
    .main-subnav ul.nav-dropdown li:last-child{
        border-bottom: 0;
    }
}



.main-subnav .nav-box {
    height: 50px;
    line-height: 50px;
}

.main-subnav .name {
    width: 100%;
    float: left;
    line-height: inherit;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
}

.main-subnav .name.collapsed .iconfont {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.main-subnav .name .iconfont {
    float: right;
    font-size: 20px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #c7000b;
}

@media (min-width: 1025px) {
    .main-subnav.fixed {
        top:78px;
    }

    .main-subnav #main-subnav-list {
        float: left;
        background-color: transparent;
    }

    .main-subnav .nav-box {
        display: inline-block;
        width: auto;
        height: inherit;
    }

    .main-subnav .name {
        line-height: 22px;
        padding-right: 30px;
        float: left;
        border-right: 1px solid #e5e5e5;
        width: auto;
        margin-top: 14px;
        font-size: 0.8125em;
    }
    .main-subnav .name[href="javascript:;"]{
        cursor: default;
    }
    .main-subnav .name .iconfont {
        display: none;
    }

    .main-subnav ul {
        float: left;
        background-color: transparent;
        width: auto;
    }

    .main-subnav ul li {
        float: left;
        margin: 0 15px;
        border: none;
        padding: 0;
        overflow: visible;
    }

    .main-subnav ul li.active a,
    .main-subnav ul li.hover > a,
    .main-subnav ul li ul.nav-dropdown li > a:hover {
        border-bottom: 2px solid #c7000b;
    }
    .main-subnav ul li.active ul.nav-dropdown a{
        border:0;
    }
    .main-subnav ul li.active ul.nav-dropdown li.active a{
        border-bottom: 2px solid #c7000b;
    }
    .main-subnav ul li.active a:before {
        content: '';
    }

    .main-subnav ul li a {
        font-size: 0.8125em;
        line-height: 50px;
        height: 50px;
    }

    .main-subnav ul li a span {
        margin-left: 10px;
        color: #c7000b;
        visibility: hidden;
        opacity: 0;
    }

    .main-subnav ul li a:hover span {
        visibility: visible;
        opacity: 1;
    }
}
.content-img-box {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.content-img-box .mobile-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.content-img-box video {
    width: 100%;
    display: block;
}

.content-img-box img.bg {
    width: 100%;
    height: auto;
    float: left;
}

.event-card .content-img-box img.bg {
    float: none;
}

.content-img-box .banner-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/mask05.png);
}

.content-img-box .content-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
@media (min-width:992px){
    .h1style .content-box .vertical-middle-sm,
    .inside-swiper-banner .content-box .vertical-middle-sm{
        width: 80%;
        margin: 0 auto;
        max-width: 1366px;
    }
}

.content-img-box .content-box h1,.content-img-box .content-box h2,.content-img-box .content-box h3 {
    color: #fff;
}

.content-img-box .content-box .subtitle,
.content-img-box .content-box .subtitle p {
    color: #fff;
    font-size: 1em;
    line-height: 1.95em;
	margin: 0 auto;
}

.content-img-box .content-box .subtitle.p1 {
    font-size: 1em;
    line-height: 1.95em;
}

.content-img-box .content-box a.btn-more {
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    display: inline-block;
    padding: 12px 60px;
    margin-top: 34px;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.content-img-box .content-box a.btn-more:hover {
    background-color: #fff;
    color: #000;
}

.main {
    display: inline-block;
    width: 100%;
}

.main>.subtitle {
    text-align: center;
    max-width: 53%;
    margin-top: 22px;
    margin: 22px auto 0 auto;
}

@media (max-width:991px){
    .main>.subtitle{
        max-width:75%;
    }
}

.content-img-box .banner-mask + .content-box .subtitle{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden; 
}

@media (min-width: 992px) {
    .content-img-box .content-box .subtitle {
        max-width:50%;
    }

    .container-custom .content-img-box .content-box .subtitle {
        max-width: 75%;
    }
}
.pexmenu a{
	    color: #a1000d;
	    font-size: 22px;
}
	
.pexmenu .iconfont{
	font-size:22px;
	margin-right: 10px;
}