@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1640px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1440px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 

/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:20px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#666;font-size:1.4em; display:inline; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:hover{color:#fff;  background: #c9152e; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:active{ color:#fff;  background: #c9152e; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy span.current{  margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #c9152e;box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy span.disabled{  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff;  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger { width: 24px; height: 14px;	position:fixed;	top: 22px;	right: 25px;	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#c9152e; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0; left: 0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.s-close::before,.s-close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.s-close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}

.overCurtain2 .s-close{ float: right; top:20px; right: 20px; position: absolute;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: fit-content;	}

/*header*/
.header a,.header a:after{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.header{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.header .logo{ padding: 6px 10px 6px 60px;}
.header .mune{ display:flex;}
.header a{ color: #333; font-size: 1.4em; line-height: 24px; }
.header .mune .m-dot{ margin: 0 15px;} 
.header .mune .m-dot>a{ position: relative; padding: 28px 0; display: inline-block;}
.header .mune .m-dot>a:after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #c9152e; content: "";}
.header .mune .m-dot:hover>a:after{ height: 3px;}

.header .mune .shop{ margin: 28px 0;}
.header .mune .shop a{ padding: 0 15px; display: inline-block;}
.header .mune .shop a img{ margin: 0 2px -2px 0;}
.header .mune .shop a:first-child{ border-right: 1px solid #dcdcdc;}
.header .ht{ padding-right: 20px; display: flex; align-items: center;}
.header .ht span{ margin-right: 4px;}
.header .ht p{ font-size: 2.4em; }
.header .ht h3{ font-size: 1.4em; }
.header .hls{ background: #121212; align-items: center; display: flex; align-content: center;}
.header .hls a{ padding: 0px 16px; display: inline-block; color: #fff; line-height: 20px; }
.header .hls a:last-child{ padding: 30px 16px; height: 100%; background: #c9152e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .hls a:first-child img{ margin: 0 6px -9px 0;}

.header .mune .md{ z-index: 10; position: absolute; text-align: center; top:100%; left: 0; background:#fefefe;  width: 100%; display: none; }
.header .mune .md a{ z-index: 1; position: relative; display: block; padding:12px 10px; font-size: 1.4em; color: #333; line-height: 1.5;}
.header .mune .md a:hover{ color: #c9152e;}
.header .mune .md .ml{ display: flex; border-top:2px solid #f5f5f5; width: 100%;}
.header .mune .md .mll{ text-align: left; width: 30%; background: #f5f5f5; padding: 6vh 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .mune .md .mll h3{ font-size: 3.6em; line-height: 1.2; text-transform: uppercase; font-weight: 800; color: #333;}
.header .mune .md .mll h3 span{ font-size: 1em; color: #c9162e;}
.header .mune .md .mll p{ font-size: 2.4em; color: #333; line-height: 1.2; text-transform: uppercase; font-weight: bold; margin-top: 20px;}
.header .mune .md .mlr{ text-align: left; padding:  6vh 20px;}
.header .mune .md .mlr>a{ font-size: 1.6em; display: inline-block; margin:10px 20px; position: relative;}
.header .mune .md .mlr>a:after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #c9152e; content: "";}
.header .mune .md .mlr>a:hover{ color: #c9152e; }
.header .mune .md .mlr>a:hover:after{ height: 3px;}
.header .mll .mt{ margin-bottom: 20px;}
.header .mll .mld{ padding: 12px 0 !important; font-size: 1.8em !important;  position: relative;  width: fit-content; min-width: 120px;}
.header .mll .mld:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #c9152e; content: "";}
.header .mlr{ position: relative; width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .mll .mld.hover{ color: #c9152e;}
.header .mll .mld.hover:after{ height: 3px;}
.header .mlp a{ text-align: center;}
.header .mlp img{ width: 220px;}
.header .mlp p,.header .mlp span{ font-size: 16px;  line-height: 1.5;}
.header .mlp .img{ margin: 6px 0;}
.header.up{ position: fixed; background: #fff; width: 100%; z-index: 20; box-shadow: 0 0 6px rgba(0,0,0,0.6);}


/*footer*/
.footer a{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.footer{ background:#242424; padding: 70px 0;}
.footer .fo1{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content:space-between;}
.footer .fo1 .flogo,.footer .fo1 .fm1{ border-bottom: 1px solid #929292;}
.footer .fo1 .flogo img{ padding-bottom: 12px;}
.footer .fo1 .fm1{ position: relative;}
.footer .fo1 .fm1:after{ position: absolute; content: ""; width: 100%; right:100%; height: 1px; bottom:-1px; background: #929292;}
.footer .fo1 .fm1,.footer .fo1 .fm2{ display: flex;}
.footer .fo1 .fm1 a,.footer .fo1 .fm2 .fmd{ width: 140px; padding: 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.footer .fo1 .fm1 a{ font-size: 1.4em; color: #888; line-height: 1.5; display: inline-block;}
.footer .fo1 .fm2{ width: 100%; justify-content: flex-end;}
.footer .fo1 .fm2 .fmd a{ font-size: 1.4em; line-height: 1.2; color: #888;  display: block; padding: 12px 0;}
.footer .fo1 a:hover{ color: #fff !important;}
.footer .fo2{ margin-top: -50px; display: flex; justify-content: space-between; align-items: flex-end;}
.footer .fo2 .fs{ margin: 20px 0 30px 0; width: 100%;}
.footer .fo2 .fs a{ display: inline-block; margin-right: 12px;}
.footer .fo2 .fs a:hover{ transform: scale(1.1);}
.footer .fo2 p{ font-size:1.4em; color: #888; line-height: 1.5;}
.footer .fo2 p a{ font-size:1em; color: #888;}
.footer .fo2 p a:hover{ color: #fff;}
.footer .fo2 input{ font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;  border: none; padding: 12px 16px; width: 100%; background: #d3d3d3;}
.footer .fo2 input::-webkit-input-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 input:-moz-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 input::-moz-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 input:-ms-input-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 form{ display: flex; align-content: center; align-items: center; width: 480px; overflow: hidden; }
.footer .fo2 form .ftxt{ width: 350px;}
.footer .fo2 form .fbtn{ padding: 13px 40px 13px 20px; color: #fff; background:url(../images/send.png) 80% center #c9152e no-repeat; width: 110px; text-transform: uppercase;} 

.bottomlist{ background:#333; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:400;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/*banner*/
.banner .txt a{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.banner .txt{ transition:ease 2.5s all;-moz-transition: ease 2.5s all; -webkit-transition:ease 2.5s all; -o-transition: ease 2.5s all; }
.banner .swiper-slide{ background-size: cover !important;  overflow: hidden;}
.banner .swiper-slide .warp{ align-items: center; position: relative; display: flex;  height: 910px;}
.banner .ban1{  background: url(../images/banner01.jpg) center center no-repeat; background-size: cover !important;}
.banner .ban2{ justify-content: center;  background: url(../images/banner02.jpg) center center no-repeat; background-size: cover !important;}
.banner .ban3{ justify-content: center;  background: url(../images/banner03.jpg) center center no-repeat; background-size: cover !important;}
.banner .txt{ transform: scale(0); max-width: 50%;}
.banner .txt h3{ line-height: 1; font-size: 6em; text-stroke: 2px #333;
  -webkit-text-stroke: 2px #333; color: transparent;}
.banner .txt h4{ font-size: 7.4em; color: #000; line-height: 1;}
.banner .txt p{ font-size: 6em; color: #000; font-weight: bold; line-height: 1.2;}
.banner .txt p span{ font-size: 1em; color: #c9152e;} 
.banner .ban1 .txt h3,.banner .ban2 .txt h3{ text-stroke: 2px #fff;
  -webkit-text-stroke: 2px #fff; }
.banner .ban1 .txt h4,.banner .ban1 .txt p,
.banner .ban2 .txt h4,.banner .ban2 .txt p{  color: #fff;}

.banner .txt a{ font-size: 1.6em; color: #fff; padding: 15px 55px; display: inline-block; margin-top: 50px; background: url(../images/ban-btn.jpg) bottom right no-repeat; background-size: 100%;}
.banner .txt a:hover{ box-shadow: 2px 2px 10px rgba(0,0,0,0.4); }
.banner .swiper-slide-active .txt{ transform: scale(1);}
.banner .swiper-pagination-bullet{ width: 50px; height: 3px;  opacity: 1; background: #fff; border-radius: 5px;}
.banner .swiper-pagination-bullet-active{ background: #c9152e;}
.banner .swiper-pagination { bottom: 20px;}
/*iab*/
.iab .iab-img .t,.iab .iab-img .t p,.iab .iab-txt .d .img img,.iab .iab-txt .d .img{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.iab{ padding: 50px 0 100px 0; background: url(../images/iab-bg.jpg) left bottom no-repeat; background-size: 20%;}
.iab .warp{ display: flex; }
.iab .iab-txt{ padding-right: 40px; width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.iab .iab-txt .d{ align-items: flex-end; display: flex; align-content: flex-end; padding: 34px 0; border-bottom: 1px solid #e5e5e5; }
.iab .iab-txt .d p{ font-size: 1.6em; color: #333; line-height: 1.5; margin-bottom: 10px;}
.iab .iab-txt .d h3{ color: #333; font-size: 16px;}
.iab .iab-txt .d h3 span{ line-height: 1; font-size: 100px; color: #333;}
.iab .iab-txt .d h3 sup{ transform: translateY(-52px); font-size: 30px; color: #333; display: inline-block;}
.iab .iab-txt .d .img{ margin-right: 20px; background: #eee; padding: 4px; border-radius: 50%;}
.iab .iab-txt .d:hover .img{ background: #c9152e;}
.iab .iab-txt .d:hover .img img{ filter: invert(100%);}
.iab .iab-txt>.t{ margin-top: 30px;}
.iab .iab-txt>.t p{ font-size: 1.4em; color: #333; line-height: 1.5;}
.iab .iab-txt>.t .more{ text-align: right; margin-top: 4px;}
.iab .iab-txt>.t a{ display: inline-block;}
.iab .imgs{ width: 60%; }
.iab .iab-img{ display: flex;}
.iab .iab-img .t{ position: relative; height: 740px; width: calc(20% - 30px); margin-left: 30px; border-radius: 10px; background-size: cover !important; overflow: hidden;}
.iab .iab-img .ti1{ background: url(../images/iab1.jpg) center center no-repeat;}
.iab .iab-img .ti2{ background: url(../images/iab2.jpg) center center no-repeat;}
.iab .iab-img .ti3{ background: url(../images/iab3.jpg) center center no-repeat;}
.iab .iab-img .t.hover{ width: calc(60% - 30px);}
.iab .iab-img .t p{ font-size: 2.4em; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 50px 20px; background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
.iab .iab-img .t.hover p{ padding: 50px; text-align: left;}
/*ip*/
/*.ip .gallery-thumbs .swiper-slide,.ip .gallery-thumbs .swiper-slide *,.ip .gallery-top .txt a{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.ip{ position: relative; overflow: hidden;}
.ip .tits{ z-index: 2; position: absolute; top:8%; left: 8%;}
.ip .gallery-top .swiper-slide{ display: flex;}
.ip .gallery-top .img{ padding: 260px 20px 180px 20px; text-align: center; width: 50%; background:url(../images/ip-bg.jpg) center center no-repeat; background-size: cover !important; height: 900px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ip .gallery-top .img img{ max-width: 100%;}
.ip .gallery-top .txt{ padding: 5% 8%; width: 50%; background: url(../images/ipt-bg.jpg) right bottom no-repeat; background-size: cover !important;}
.ip .gallery-top .txt .tit h3{ font-size: 4.8em; font-weight: bold; line-height: 1.2;}
.ip .gallery-top .txt .tit h4{ font-size: 1.8em; text-transform: uppercase; color: #c9152e; line-height: 1.2;}
.ip .gallery-top .txt .tit{ margin-bottom: 30px;}
.ip .gallery-top .txt .t p{ font-size: 1.4em; line-height: 24px;  height: 120px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:5;}
.ip .gallery-top .txt .dot{ margin: 40px 0 70px 0; display: flex; justify-content: space-between;  flex-wrap: wrap;}
.ip .gallery-top .txt .dot .d{  margin: 15px 0; width: 50%;}
.ip .gallery-top .txt .dot .d h3{ font-size: 3.6em; color: #333; font-weight: 800;  line-height: 1.2;}
.ip .gallery-top .txt .dot .d h4{ font-size: 1.6em; color: #333; line-height: 1.5;}
.ip .gallery-top .txt .dot .d:nth-child(4n-3) h3,.ip .gallery-top .txt .dot .d:nth-child(4n) h3{ color: #c9162e;}

.ip .gallery-top .txt a{ font-size: 1.6em; color: #fff; padding: 15px 55px; display: inline-block; background: url(../images/ban-btn.jpg) bottom right no-repeat; background-size: 100% 100%;}
.ip .gallery-top .txt a:hover{ box-shadow: 2px 2px 10px rgba(0,0,0,0.4); }
.ip .ipl{ position: absolute; bottom: 80px; left: 0;  width: 50%;}
.ip .gallery-thumbs{ width: 520px;  margin: 0 auto; text-align: center;}
.ip .gallery-thumbs .swiper-slide{ cursor: pointer; align-items: center; border-left: 1px solid #b1b7be;  padding: 16px 10px; display: flex;  background: #f0f1f2; justify-content: center;}
.ip .gallery-thumbs .swiper-slide p{ font-size: 18px; color: #333; line-height: 1.5;}
.ip .gallery-thumbs .swiper-slide span{ display: inline-block; border-radius: 50%;}
.ip .gallery-thumbs .swiper-slide-thumb-active{ background: #c9152e;}
.ip .gallery-thumbs .swiper-slide-thumb-active p{ color: #fff;}
.ip .gallery-thumbs .swiper-slide-thumb-active span{ margin-right: 6px; width: 20px; height: 20px;  border: 3px solid #fff;}*/
.ip .ipl .ipld,.ip .ipl .ipld *,.ip .ip-pros .txt a{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.ip{ position: relative; overflow: hidden;}
.ip .tits{ z-index: 2; position: absolute; top:8%; left: 8%;}
.ip .ip-pros .box{ display: none;}
.ip .ip-pros .box.hover{  display: flex; flex-wrap: wrap;}
.ip .ip-pros .img{ padding: 260px 20px 180px 20px; text-align: center; width: 50%; background:url(../images/ip-bg.jpg) center center no-repeat; background-size: cover !important; height: 900px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ip .ip-pros .img img{ max-width: 100%;}
.ip .ip-pros .txt{ padding: 5% 8%; width: 50%; background: url(../images/ipt-bg.jpg) right bottom no-repeat; background-size: cover !important;}
.ip .ip-pros .txt .tit h3{ font-size: 4.8em; font-weight: bold; line-height: 1.2;}
.ip .ip-pros .txt .tit h4{ font-size: 1.8em; text-transform: uppercase; color: #c9152e; line-height: 1.2;}
.ip .ip-pros .txt .tit{ margin-bottom: 30px;}
.ip .ip-pros .txt .t p{ font-size: 1.4em; line-height: 24px;  height: 120px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:5;}
.ip .ip-pros .txt .dot{ margin: 40px 0 70px 0; display: flex; justify-content: space-between;  flex-wrap: wrap;}
.ip .ip-pros .txt .dot .d{  margin: 15px 0; width: 50%;}
.ip .ip-pros .txt .dot .d h3{ font-size: 3.6em; color: #333; font-weight: 800;  line-height: 1.2;}
.ip .ip-pros .txt .dot .d h4{ font-size: 1.6em; color: #333; line-height: 1.5;}
.ip .ip-pros .txt .dot .d:nth-child(4n-3) h3,.ip .ip-pros .txt .dot .d:nth-child(4n) h3{ color: #c9162e;}

.ip .ip-pros .txt a{ font-size: 1.6em; color: #fff; padding: 15px 55px; display: inline-block; background: url(../images/ban-btn.jpg) bottom right no-repeat; background-size: 100% 100%;}
.ip .ip-pros .txt a:hover{ box-shadow: 2px 2px 10px rgba(0,0,0,0.4); }
.ip .ipl{ position: absolute; bottom: 80px; left: 0%;  width: 50%; display: flex; justify-content: center;}
.ip .ipl .ipld{ min-width: 25%; cursor: pointer; align-items: center; border-left: 1px solid #b1b7be;  padding: 16px 10px; display: flex;  background: #f0f1f2; justify-content: center;}
.ip .ipl .ipld p{ font-size: 18px; color: #333; line-height: 1.5; }
.ip .ipl .ipld span{ display: inline-block; border-radius: 50%;}
.ip .ipl .ipld.hover{ background: #c9152e;}
.ip .ipl .ipld.hover p{ color: #fff;}
.ip .ipl .ipld.hover span{ margin-right: 6px; width: 20px; height: 20px;  border: 3px solid #fff;}




/*is*/
.is .isl .isld a:after,.is .isl .isld a{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.is{ padding: 130px 0 100px 0; background: url(../images/is-bg.jpg) center center no-repeat; background-size: cover !important;}
.is .warp{ display: flex; justify-content: space-between;}
.is .isl{ width: 45%;}
.is .isl .tits{ margin-bottom: 100px;}
.is .isl .isld{ max-width: 300px;}
.is .isl .isld a{ position: relative; padding: 12px 30px; font-size: 1.8em; color: #333; display: block;  border-bottom: 1px solid #535353; margin-bottom: 10px;}
.is .isl .isld a:after{ opacity: 0; position: absolute; left: 0; width: 10px; height: 10px; border-radius: 50%; border: 4px solid #c9152e; content: "";}
.is .isl .isld a:hover{ color: #c9152e;}
.is .isl .isld a:hover:after{ opacity: 1;}
.is .ist{ width: 60%;}
.is .ist .tit h3{ font-size: 3.6em; font-weight: bold; color: #c9152e;}
.is .ist .tit p{ font-size: 2.4em; text-transform: uppercase; color: #333; line-height: 1.5;}
.is .ist .tit{ margin-bottom: 40px;}
.is .ist .t p,.is .ist .t span{ font-size: 1.4em; color: #333; line-height: 1.5; }
.is .ist .t p{ margin-bottom: 30px;}
.is .ist .t span{ text-indent: 2em; display: block;}
.is .ist .tel{ padding: 10px 40px; align-items: center; width: fit-content;   margin-top: 60px; border-radius: 60px; background: #c9152e; display: flex;}
.is .ist .tel img{ margin-right: 10px;}
.is .ist .tel p{ font-size: 1.6em;line-height: 1.5; color: #fff;}
.is .ist .tel h3{ font-size: 4.8em; color: #fff;}
/*inews*/
.inews .box .tn .img img,.inews .box .tn .txt *,.inews .box .tt .td *{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.inews{ padding: 80px 0 110px 0;}
.inews .nbox{ margin: 50px 0 -40px 0;}
.inews .nbox a{ font-size: 1.8em; color: #6c6d70; padding: 8px 22px; display: inline-block;}
.inews .nbox a.hover{ color: #fff;  background: #c9152e; font-weight: bold;}
.inews .tablea .box{ display: none;}
.inews .boxs{ margin-top: 30px;}
.inews .box .nt{ display: flex; align-items: flex-end;}
.inews .box .tn a{position: relative; display: flex; align-items: center;}
.inews .box .tn .img{ width: 46%; margin-right: 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;  position: relative; }
.inews .box .tn{ width: 50%; }
.inews .box .tn .img:after{ position: absolute; bottom: 0; right:0%; content: ""; height: 45%; width: 70%; background: rgba(201,21,46,0.7); clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0 100%);}
.inews .box .tn .img img{ width: 100%;}
.inews .box .tn .txt{ width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .box .tn .txt h3{ font-size: 2.4em; font-weight: bold; color: #c9152e; line-height: 28px; height: 56px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .box .tn .txt h4{ margin: 40px 0 20px 0; font-size: 1.4em; color: #000;}
.inews .box .tn .txt h4 span{ font-size: 1em; font-weight: bold; color: #c9152e; margin-right: 10px;}
.inews .box .tn .txt p{ color: #6c6d70; font-size: 1.4em; line-height: 24px; height: 72px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3; text-indent: 2em;}
.inews .box .tn .txt>span{ padding: 12px 25px; font-size: 1.6em; color: #3c3c3c; border: 1px solid #626262; margin: 26px 0 0 auto; display: inline-block;}
.inews .box .tn .txt>span:hover{ background: #c9152e; color: #fff; border: 1px solid #c9152e;}
.inews .box .tt{  width: 50%; padding-left: 4%;}
.inews .box .tt .td{ background: #f6f6f6; padding: 20px 40px 40px 40px; position: relative; overflow: hidden;}
.inews .box .tt .td h5{ position: absolute; bottom: 0; right:-164px; background: #fff; color: #c9152e;}
.inews .box .tt .td h5 span{ border: 1px solid #c9152e;}
.inews .box .tt h3{ font-size: 1.8em; color: #686868; line-height: 1.5; margin-bottom: 14px;}
.inews .box .tt h4{ font-size: 1.8em; color: #000; line-height: 24px;  height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 16px;}
.inews .box .tt p{ font-size: 1.4em; color: #6c6d70; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .box .tn:hover .img img{transform: scale(1.1);}
.inews .box .tt .td:hover{ background: #c9152e;}
.inews .box .tt .td:hover h5{ right: 0;}
.inews .box .tt .td:hover h3{ opacity: 0;}
.inews .box .tt .td:hover h4,.inews .box .tt .td:hover p{ color: #fff; transform: translateY(-16px);}
.inews .more{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.inews .more{ font-size: 1.6em;  display: inline-block; background: #eb6200; color: #fff; padding: 12px 30px;}
.inews .more span{ text-align: center; transform: translateY(4px); margin-top: -10px; font-weight: 100; font-size: 1.6em; border-radius: 50%; width: 30px; height: 30px; border: 1px solid #fff; display: inline-block; padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 10px; font-weight: 100;}
.inews .more:hover{ box-shadow: 2px 2px 0 rgba(0,0,0,0.6);}

/*tits*/
.tits h3{ font-size: 3.6em; color: #000; line-height: 1.2; text-transform: uppercase;} 
.tits h3 span{ font-size:1em; color: #c9152e;}
.tits h4{ font-size: 3em; font-weight: bold; margin-bottom: 45px;}
.tits>span{ display: inline-block; width: 64px; height: 9px; background: #c9152e;}

/*banners*/
.banners{ align-items: center; display: flex; justify-content:center; height: 600px; background-size: cover !important; }
.banners .txt{ text-align: center;}
.banners .txt h3{ font-size: 4.8em; color: #fff; font-weight:bold;}
.banners .txt h4{ margin-top: 20px; font-size: 3em; color: #fff; text-transform: uppercase; }
.banners .txt span{ margin-top: 60px; width: 42px; height: 2px; background: #fff; display: inline-block;}
.product{ background: url(../images/banners/product-banner.jpg) center center no-repeat;}
.service{ background: url(../images/banners/service-banner.jpg) center center no-repeat;}
.about{ background: url(../images/banners/about-banner.jpg) center center no-repeat;}
.news{ background: url(../images/banners/news-banner.jpg) center center no-repeat;}
.contact{ background: url(../images/banners/contact-banner.jpg) center center no-repeat;}
.service .txt h3,.service .txt h4,.contact .txt h3,.contact .txt h4{ color: #333;}
.service .txt span,.news .txt span,.about .txt span,.contact .txt span{ background: #c9162e;}


/*tits2*/
.tits2 h3{ font-size: 3.6em; color: #333; font-weight: 800; text-transform: uppercase;}
.tits2 h3 span{ color: #c9162e; font-size: 1em;}
.tits2 h4{ font-size: 2.4em; font-weight: bold; line-height: 1.5;}

/*product*/
.product-t .dots .dot,.product-t .dot .txt span,.product-t .dot .img img{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.product-t{ padding: 120px 0 90px 0; background: url(../images/PRODUCT.png) 40px top no-repeat; background-size: auto 275px;}
.product-t .pls{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.product-t .pls .pl{ display: flex; flex-wrap: wrap;}
.product-t .pls .pl a{ font-size: 1.6em; background: #fff; border: 1px solid #eee; padding: 20px 30px; display: inline-block;}
.product-t .pls .pl a.lock{ background: #c9162e; border: 1px solid #c9162e; color: #fff;}
.product-t .dots{ width: calc(100% + 60px); margin: 30px 0 30px -30px; display: flex; flex-wrap: wrap;}
.product-t .dots .dot{ border: 1px solid #dcdcdc; width: calc(33.33% - 60px); margin: 30px;}
.product-t .dot .img{ overflow: hidden; border-bottom: 1px solid #dcdcdc;}
.product-t .dot .img img{ width: 100%;}
.product-t .dot .txt{ padding: 40px 20px 20px 20px; text-align: center;}
.product-t .dot .txt h3{ font-size: 2.4em; color: #333; font-weight: bold; line-height: 28px; height: 28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product-t .dot .txt p{ font-size: 1.4em; color: #888; line-height: 24px; height: 24px; margin: 15px 0; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product-t .dot .txt span{ background: url(../images/ban-btn.jpg) 110% 110% no-repeat #000; padding: 12px 50px; color: #fff; display: inline-block; font-size: 1.6em; background-size: contain; background-position: 1000% 1000%;}
.product-t .dot:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.product-t .dot:hover .txt span{ background-position: 100% 100%;}
.product-t .dot:hover .img img{ transform: scale(1.1);}

/*productshow*/
.productshow .btns a{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.productshow{ border-top:1px solid #dcdcdc; background: url(../images/PRODUCT.png) 40px top no-repeat; background-size: auto 275px;}
.productshow .tip{ margin: 35px 0 80px 0;}
.productshow .tip *{ font-size: 1.6em; color: #333;}
.productshow .tip span{ margin: 0 10px;}
.productshow .tits2{ margin-bottom: 70px;}
.productshow .protxt{ display: flex; flex-wrap: wrap;}
.productshow .p-imgs{ width: 55%; display: flex; overflow: hidden; justify-content: center; align-items: center;}
.productshow .p-imgs>*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .p-imgs .gallery-top{ border: 1px solid #e5e5e5; width:calc(100% - 180px); text-align: center;}
.productshow .p-imgs .gallery-top .swiper-slide img{  width: 100%;}
.productshow .p-imgs .gallery-thumbs{ position: relative; padding: 40px 0; width: 150px; margin-left: 30px;  height: 500px; overflow: hidden;}
.productshow .p-imgs .gallery-thumbs .p-bottom{ right: 0; bottom: 0; top:auto;  transform: rotate(180deg);}
.productshow .p-imgs .gallery-thumbs .p-top{left: 0; top:22px; }
.productshow .p-imgs .gallery-thumbs .p-bottom,.productshow .p-imgs .gallery-thumbs .p-top{ background-position: center center; width: 100%; height: 40px; background-size:auto 80%  !important;  background-color: #fff; background-image: url(../images/ps-arrow.png); background-repeat: no-repeat;}
.productshow .p-imgs .gallery-thumbs .p-bottom:after,.productshow .p-imgs .gallery-thumbs .p-top:after{ display: none;}
.productshow .p-imgs .gallery-thumbs .swiper-slide{   border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.productshow .p-imgs .gallery-thumbs img{ max-height: 100%; max-width: 100%;}
.productshow .p-imgs .gallery-thumbs .swiper-slide-thumb-active{ border: 2px solid #bababa;}
.productshow .p-txt{ padding-left: 4%; width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productshow .p-txt .tit h3{ font-size: 3em; font-weight: bold; line-height: 1.2; padding: 20px 0 10px 0; border-bottom: 1px solid #dcdcdc; margin-bottom: 15px;}
.productshow .p-txt .txt p{ font-size: 1.4em; color: #888; line-height: 1.5; margin: 10px 0; max-width: 510px;}
.productshow .p-txt .txt .dot{ display: flex; justify-content: space-between; margin-top: 10px; flex-wrap: wrap;}
.productshow .p-txt .txt .dot .d{ width: 50%; margin-top: 40px;}
.productshow .p-txt .txt .dot h3{ font-size: 3.6em; color: #333; font-weight: 800;  line-height: 1.2;}
.productshow .p-txt .txt .dot h4{ font-size: 1.6em; color: #333; line-height: 1.5;}
.productshow .p-txt .txt .dot .d:nth-child(4n-3) h3,.productshow .p-txt .txt .dot .d:nth-child(4n) h3{ color: #c9162e;}
.productshow .p-details{ margin-top: 60px;}
.productshow .p-details .pds{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.productshow .p-details .pds .pd{ align-items: center; margin-bottom: 40px; width: calc(50% - 30px); display: flex; background: #f6f6f6;}
.productshow .p-details .pds .pd .img{ width: 38%;}
.productshow .p-details .pds .pd .img img{ width: 100%;}
.productshow .p-details .pds .pd .t{ width: 62%; padding: 10px 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productshow .p-details .pds .pd .t h3{ font-size: 2.4em; font-weight: bold;  margin-bottom: 20px; color: #333;}
.productshow .p-details .pds .pd .t p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.productshow .p-details .dt{ margin: 20px 0; }
.productshow .p-details .dt h3{ margin-bottom: 16px; font-size: 2.4em; font-weight: bold; color: #333; padding-right: 50px; line-height: 1.2;}
.productshow .p-details .dt .t p{ font-size: 1.4em; color: #555; margin-bottom: 14px; line-height: 1.5;}
.productshow .p-details .dt .t{ overflow:auto;}
.productshow .p-details .dt .t table tr td{ font-size: 1.4em; border: 1px solid #fff; background: #f5f5f5; color: #333; line-height: 1.5; text-align: center;  padding: 12px; vertical-align: middle;}

.productshow .btns{ padding: 60px 0 100px 0; display: flex; justify-content: space-between; width: 100%; }
.productshow .btns a{ display: flex; align-items: center; background: #f4f4f4; padding: 12px 40px; border-radius: 5px;}
.productshow .btns a>*{ padding: 0 10px;}
.productshow .btns a span{ width: 70px; height: 7px;  background: url(../images/arrow.png) center center no-repeat; background-size: contain;}
.productshow .btns a p{ font-size: 1.6em; color: #555; line-height: 1.5;}
.productshow .btns .next .type{ order: -1;}
.productshow .btns .next span{ order: 2; transform:rotate(180deg);}
.productshow .btns a:hover{ background: #c9152e;}
.productshow .btns a:hover p{ color: #fff;}

/*service*/
.ser{ border-top:1px solid #dcdcdc; background: url(../images/service.png) 40px top no-repeat; background-size: auto 275px;}
.service-t{ overflow: hidden; padding: 120px 0;}
.service-t .ser-txt .txts{ display: flex; align-items: flex-end; justify-content: space-between; margin-top: 60px;}
.ser-txt .txts .t p,.ser-txt .txts .t span{ font-size: 1.4em; color: #333; line-height: 1.5; }
.ser-txt .txts .t p{ margin-bottom: 30px;}
.ser-txt .txts .t span{ text-indent: 2em; display: block;}
.ser-txt .txts .tel{ margin-right: 80px; padding: 10px 40px; align-items: center; width: fit-content; border-radius: 60px; background: #c9152e; display: flex;}
.ser-txt .txts .tel img{ margin-right: 10px;}
.ser-txt .txts .tel p{ font-size: 1.6em;line-height: 1.5; color: #fff;}
.ser-txt .txts .tel h3{ font-size: 4.8em; color: #fff;}

/*problem*/
.problem{ padding: 120px 0 100px 0;}
.problem .qas{ margin: 80px 0;}
.problem .qas .line{ border-bottom: 1px solid #e5e5e5;}
.problem .qat:not(:nth-child(2)) { display:none;}
.problem .qas .qa{ padding: 30px 10px; display: flex; align-items: center;}
.problem .qas .qa .q{ padding: 2px 6px; font-size: 2.4em; font-weight: bold; background: #c1bfc0; display: inline-block; color: #fff; margin-right: 10px;}
.problem .qas .qa h3{ font-size: 2em; color: #333; font-weight: 800; line-height: 1.2; width: 100%;}
.problem .qas .qa .more{ width: 40px; height: 40px;  display: inline-block; background: url(../images/qa1.png) center center no-repeat; background-size: 90%;}
.problem .qas .qa.show .q{ background: #c9162e;}
.problem .qas .qa.show .more{ background: url(../images/qa2.png) center center no-repeat;}
.problem .qas .qat{ padding:0 40px 40px 40px;}
.problem .qas .qat p{ font-size: 1.4em; color: #333; line-height: 1.5;}

/*download*/
.download .dboxs .dbox .img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.download{ padding: 120px 0 80px 0;}
.download .dboxs{ width: calc(100% + 40px); margin:30px 0 0 -20px; display:flex; flex-wrap: wrap;}
.download .dboxs .dbox{ width: calc(16.66% - 40px); margin: 20px; text-align: center;}
.download .dboxs .dbox .img{ margin-bottom: 12px; padding: 40px 10px; overflow: hidden; border-radius: 10px; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.download .dboxs .dbox .img img{ max-width: 90%;}
.download .dboxs .dbox:hover .img{ transform: scale(.9);}
.download .dboxs .dbox .t p{ font-size: 1.4em; color: #555; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}

/*about*/
.ab3 .time .swiper-slide{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ab1{ overflow:hidden; padding: 90px 0; background: url(../images/about/LDVAC.png) 40px top no-repeat; background-size: auto 275px;}
.ab1 .warp,.ab2 .warp{ display: flex; justify-content: space-between; align-items: center; }
.ab1 .txt,.ab2 .txt{ width: 50%; padding: 0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ab1 .txt .tits2,.ab2 .txt .tits2,.ab3 .txt .tits2{ margin-bottom: 40px;}
.ab1 .txt .t p,.ab2 .txt .t p,.ab3 .txt .t p{ font-size: 1.4em; color: #555; line-height: 1.5; text-indent: 2em; padding-top: 20px;}
.ab2{overflow:hidden; padding: 90px 0 160px 0; background: url(../images/about/LOGO.png) 102% 60% no-repeat;}
.ab2 .txt{ order: 2;}
.ab1 .img,.ab2 .img,.ab3 .img{ width: 50%;}
.ab1 .img img,.ab2 .img img,.ab3 .img img{ width: 100%;} 
.ab3{overflow:hidden; padding: 60px 0 0px 0; background: url(../images/about/Development.png) 40px top no-repeat; background-size: auto 275px;}
.ab3 .warp{ align-items: center; display: flex; flex-wrap: wrap;}
.ab3 .txt{ margin-bottom: 70px; width: 100%;}
.ab3 .time{ width: 50%; padding-right: 60px;}
.ab3 .time .swiper{ height: 500px; }
.ab3 .time .swiper-slide{ border-bottom: 1px solid #dfdfdf; display: flex; align-items: center; }
.ab3 .time .swiper-slide h3{ font-size: 3.6em; color: #d0d0d0;  font-weight: 800; width: 140px;}
.ab3 .time .swiper-slide p{ font-size: 1.4em; color: #cccbcb;  line-height: 1.5; width: calc(100% - 140px);}
.ab3 .time .swiper-slide-active h3{ color: #333;}
.ab3 .time .swiper-slide-active p{ color: #555;}
.ser-dots{ padding-bottom: 140px; overflow: hidden;}
.ser-dots .serd{ margin-top: 120px; display: flex; align-items: center; justify-content: space-between;}
.ser-dots .serd .img{ border-right:60px solid #eee; width: 54%;}
.ser-dots .serd .img img{ width: 100%;}
.ser-dots .serd .txt{ width: 44%; max-width: 580px;}
.ser-dots .serd .txt .tits2{ margin-bottom: 50px;}
.ser-dots .serd .txt p{ font-size: 1.4em; color: #333; line-height: 1.5;}
.ser-dots .serd .txt p span{ font-size: 1em; color: #c9162e;}
.ser-dots .serd:nth-child(2n-1) .img{ order: 2; border-left:60px solid #eee; border-right: none;}



/*news*/
.nlist a,.news-t .nbox,.news-t .nbox *,.news-t .nbox .img:after{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.nlist{ display: flex; justify-content:space-between;}
.nlist a{ padding: 15px 60px; font-size: 1.6em; color: #363636; line-height: 1.5; border: 1px solid #eee; margin-left: -1px;}
.nlist a.lock{ background: #c9162e!important; color: #fff !important;} 
.n-top{ display: flex; align-items: center;  justify-content: space-between; padding-bottom: 90px;}

.news-t{ overflow: hidden; padding: 120px 0; background: url(../images/NEWS.png) 40px top no-repeat; background-size: auto 275px;}
.news-t .nboxs{ border-top:1px solid #eee;}
.news-t .nbox{ padding: 40px 0; border-bottom:1px solid #eee;}
.news-t .nbox a{ display: flex; width: 100%;}
.news-t .nbox .date{ display: flex; width: 18%;}
.news-t .nbox .date .d h4{ font-size: 1.4em; color: #979797; line-height: 2; }
.news-t .nbox .date .d span{ display: inline-block; width: 20px; height: 20px; background: url(../images/news/time1.png) center center no-repeat; background-size: contain !important;}
.news-t .nbox .date h3{ padding-right: 12px; margin-right: 12px; height:55px; font-size: 5.6em; color: #979797; font-weight: bold; border-right: 1px solid #eee;}
.news-t .nbox .img{ width: 30%; margin-right: 2%; position: relative;}
.news-t .nbox .img img{ width: 100%;}
.news-t .nbox .img:after{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../images/news/logo.png) center center no-repeat; background-size: cover !important; content: ""; opacity: 0;}
.news-t .nbox .txt{ position: relative; overflow: hidden; width: 50%;}
.news-t .nbox .txt .l{ font-size: 1.6em; color: #000;  background: #eaeaea; padding: 8px 24px; display: inline-block;}
.news-t .nbox .txt h3{ font-size: 2.4em; font-weight: bold; margin: 30px 0; line-height: 28px; height: 28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .nbox .txt p{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 24px; height: 72px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3; text-indent: 2em;}
.news-t .more{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.news-t .more{ font-size: 1.6em;  display: inline-block; background: #c9162e; color: #fff; padding: 12px 30px;}
.news-t .more span{ text-align: center; transform: translateY(4px); margin-top: -10px; font-weight: 100; font-size: 1.6em; border-radius: 50%; width: 30px; height: 30px; border: 1px solid #fff; display: inline-block; padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 10px; }
.news-t .more:hover{ box-shadow: 2px 2px 0 rgba(0,0,0,0.6);}

.news-t .nbox .txt .a{ background: url(../images/news/arrow.png) left center no-repeat; background-size: 30px auto  !important; width: 60px; height: 47px; display: inline-block; margin-top: 10px;}
.news-t .nbox .txt .more{ position: absolute; bottom:0; left: -167px; }

.news-t .nbox:hover .date h3{ color: #c9162e; border-right:1px solid #c9162e; }
.news-t .nbox:hover .date .d h4{ color: #c9162e;}
.news-t .nbox:hover .date .d span{ background: url(../images/news/time2.png);}
.news-t .nbox:hover .img:after{ opacity: 1;}
.news-t .nbox:hover .txt .l{ background: #c9162e; color: #fff;}
.news-t .nbox:hover .txt .more{ left: 0;}

/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{ padding:80px 0; background: #eee;}
.newsshow .boxs{ background:#fff; }
.newsshow .tit{ padding:40px; text-align:center; border-bottom: 1px solid #eee;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#727171; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#c9152e !important; color:#fff !important;}

/*contact*/
.information .dot h4,.feedback .fcb{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.information{ overflow: hidden; padding: 120px 0; background: url(../images/contact.png) 40px top no-repeat; background-size: auto 275px;}
.information .dots{ padding: 100px 0 70px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.information .dots .dot{ cursor: pointer; max-width: 400px;}
.information .dot h3{ font-size: 2.4em; color: #0f0f0f; line-height: 1.2;}
.information .dot span{ margin: 20px 0 10px 0; display: inline-block;}
.information .dot h4{ font-size: 3em; color: #333; font-weight: bold; line-height: 1.5; text-transform: uppercase;}
.information .dot.d3 h4{ font-size: 2.4em; font-weight: normal;}
.information .dot:hover h4{ color: #c9162e;}
.information .txts{ display: flex; justify-content: space-between;}
.information .txts .t{ width: calc(50% - 30px); padding: 40px; background: #f3f3f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.information .txts .t h3{ margin-bottom: 20px; font-size: 2.4em; font-weight:bold; color: #333; line-height: 1.2; }
.information .txts .t p{ font-size: 1.8em; color: #333; line-height: 1.5;}
.information .txts .t1{ display: flex; flex-wrap: wrap;}
.information .txts .t1 h3{ width: 100%;}
.information .txts .t1 .cc{ width: 50%; display: inline-block;}
.information .txts .t1 .none{ width: 100%; height: 24px;}
.location{ padding-bottom: 130px; background: url(../images/location-bg.jpg) center bottom no-repeat; background-size: 100% 420px;}
.feedback .fc-btn{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.feedback{ padding: 140px 0px 60px 0px; background: url(../images/feedback.png) 40px top no-repeat; background-size: auto 275px;}
.feedback .tits2{ margin-bottom: 50px;}
.feedback input,.feedback textarea{ width: 100%; font-size: 1.6em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:24px; color:#000; border: none; padding: 16px 16px 16px 60px; background: url(../images/fdd.png) 22px 16px no-repeat #eee; }
.feedback .dot{ width: 100%; margin-bottom: 40px; overflow: hidden; display: flex; justify-content: space-between;}
.feedback .dot .d{ width: calc(50% - 40px); }
.feedback .d p{ font-size: 1.6em; color: #000; line-height: 24px; padding: 10px 0;}
.feedback textarea{ width: 100%;}
.feedback input::-webkit-input-placeholder,.feedback textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);font-family: "Arial"}
.feedback input:-moz-placeholder,.feedback textarea:-moz-placeholder { color:rgba(0,0,0,0.5); font-family: "Arial"}
.feedback input::-moz-placeholder,.feedback textarea::-moz-placeholder { color:rgba(0,0,0,0.5);font-family: "Arial"}
.feedback input:-ms-input-placeholder,.feedback textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5); font-family: "Arial"}
.feedback .btn{ margin: 70px 60px 0 auto;  text-align: right; }
.feedback .fcb{ width: 200px; border:none; padding:22px 60px;  font-size:1.6em; color:#fff; line-height:24px; cursor:pointer; background: #c9152e;  font-style: normal;}
.feedback .fcb:hover{ background: #000;}

/*map*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 1.5; padding: 12px 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:660px;}