@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#454545;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#454545;}
a:hover{ color:#d22311;}
img{max-width:100%;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}


body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; padding-top:10px; text-align:center; }
DIV.green-black A{COLOR: #fff;MARGIN-RIGHT: 2px;TEXT-DECORATION: none;font-size:100%;background-color: #333; padding:8px 12px; display:inline-block;}
DIV.green-black A:hover{COLOR: #000;font-size:100%;background-color: #ffc000;}
DIV.green-black A:active{COLOR: #000;font-size:100%;background-color: #ffc000;}
DIV.green-black SPAN.current{FONT-WEIGHT: bold;COLOR: #000;MARGIN-RIGHT: 2px;font-size:100%;background-color: #ffc000;padding:8px 12px; display:inline-block}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}



/*头部*/
/*.kd{ width:92%; max-width:1300px; margin:0 auto}
.kd ul{
	overflow:hidden;
	text-align: center;
}
.fl{ float:left;}
.fr{ float:right;}

.head{ width:100%; padding:20px 0; position:relative; background:#fff; border-top:4px solid #460000}
.logo a{display:block;width: 250px;}
.head .y15{ border-left:1px dotted #c9c9c9; margin-left:20px; padding:8px 0 0 20px;}
.head .y15 h2{ font-size:1.5rem; color:#2a2a2a; font-weight:bold;}
.head .y15 h2 b{ font-size:2rem; color:#c41228}
.head .y15 p{ font-size:1.125rem; color:#000; letter-spacing:2px}

.head .tell{ background:url(../images/tel.png) left center no-repeat; padding-left:70px; margin-top:10px;}
.head .tell span{ font-size:1rem; color:#454545;}
.head .tell h4{ font-family:'Alternate'; font-size:2.5rem; color:#c41228}*/
@media screen and (max-width:768px){
.kd{ width:96%;}
.head{ width:100%; padding:20px 0; position:fixed; z-index:99}
.head .kd{ width:100%;}
.head .tell{ display:none}
.logo{ margin-top:0px;}
.head .y15{ border-left:none; margin-left:0; padding:0 0 0 0;}
.head .y15 h2{ font-size:1rem; }
.head .y15 h2 b{ font-size:1.5rem;}
.head .y15 p{ font-size:0.875rem; }
}
/*.menu{position:relative;width:100%;background: #c41228;border-bottom: 2px solid #000000;height:59px;}*/
@media screen and (max-width:768px){
.menu{ position:fixed; z-index:999; background:none; border:none; height:0; top:0; right:0; width:50%;}
.ctop{ height:125px; width:100%;}
}
.sticky.menu{ position:fixed; z-index:999; top:0;}

/*导航样式*/
/*.mobile-inner-nav{ z-index:99; display:block;  width:100%}
.mobile-inner-nav li{float:left;position:relative;width:12.5%;text-align:center;background:url(../images/xlin.jpg) right center no-repeat;position:relative;}
.mobile-inner-nav li:nth-child(8){ background:none}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:block; color:#000000; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; position:relative; margin-top:-1px;  margin:0 auto}
.mobile-inner-nav a span{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:all 0.5s;transform:scale(0,1);background: #000000;}
.mobile-inner-nav a p{ color:#eee; font-size:1em; transition:all 0.5s; padding:1.2rem 0;  display:block; z-index:2; position:relative}
.mobile-inner-nav a:hover span,.mobile-inner-nav a.cur span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ color:#fff;  background:none right center; font-weight:bold}
.mobile-inner-nav .children_nav{
	position: relative;
	top: 3px;
	width: 100%;
	z-index: 8888;
	background: #2a2a2a;
	border-bottom: 2px solid #a10808;
	box-sizing: border-box;
	margin-bottom: 3px;
}*/

@media screen and (max-width:768px){
.mobile{width: 100%; position:absolute;}
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#2a2a2a; right:0; top:75px; width:60px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:101px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:36px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#2a2a2a; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #2a2a2a;
    position: absolute;
    left: 25%;
    bottom: 1.5em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:104px;right: -8px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.125rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-nav a{padding:0.75em 0;}
.mobile-inner-header{width: 100%;height:125px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-nav{top:125px;}
.mobile-inner-header-icon-out p {bottom: 0.9em;}
.mobile-inner-header .np{ display:block;  right:-5px; top:82px; width:70px; font-size:0.875rem}
.mobile-inner-header-icon{margin-top:40px; margin-right:10px; }
}

.banner{ width:100%; float:right; overflow:hidden; background:#1174c8}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.slide_tabs { list-style: none; padding: 0; font-size: 18px; list-style: none; padding: 10px 0; text-align: center;width: 100%; position:absolute; z-index:222; top:92%; }

.slide_tabs li {display:inline-block;margin-right: 5px;height:15px; overflow:hidden;}
.slide_tabs li.slide_here a{ border:2px solid #a10808; background:#a10808}
.slide_tabs a { width: 11px; line-height: 90px; height: 11px; background: transparent; display:block; color:#000;overflow:hidden; border:2px solid #fff; border-radius:50%; background:#fff;}
.slide_tabs li:first-child { margin-left: 0; }
.slide_container {position: relative;float: right;width: 100%; overflow:hidden; }
.slide {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1;  height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px;text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8);  left: 0;
right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none;}

.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); bottom: 0%; left: 0; margin-left:10%;opacity: 1; z-index: 3; text-indent: -9999px;overflow: hidden; text-decoration: none; height: 40px; width: 42px; background: transparent url("../images/prne.jpg") no-repeat left top; margin-top: -45px;}
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: 42px; background-position: right top;right: 42px; margin-right:10%;}

.in-point{ background:#a10808; padding:24px 0;}
.in-point li{ float:left; width:25%; text-align:center; background:url(../images/sxian.jpg) right center no-repeat;}
.in-point li:nth-child(4){ background:none}
.in-point li p{ font-size:1.125rem; color:#fff;}
.in-point li h4{ font-size:3.5rem; font-family:'DIN'; font-weight:bold; color:#ffc000; line-height:1em; letter-spacing:3px;}
@media screen and (max-width:768px){
.in-point li{ width:50%; margin-bottom:16px;}
.in-point li h4{ font-size:2.5rem;}
.in-point li:nth-child(2){ background:none}
}
/*产品中心*/
.in-pro{padding:72px 0;width:100%;background:url(../images/probg.jpg) center top no-repeat;overflow:hidden;}
.protit{ text-align:center;}
.protit span{ color:#;font-family:'DIN'; font-size:2.5rem; color:#666; line-height:1em;}
.protit h3{ font-size:2rem; color:#a10808; font-weight:bold;}
.protit p{ font-size:1.125rem;}

.prosort{ background:url(../images/pbgtt.jpg) center no-repeat; text-align:center; margin-top:32px;}
.prosort li{ display:inline-block; margin:0 20px;}
.prosort li a{ z-index:2; display:block; border:1px solid #dddddd; padding:12px 32px; font-size:1.125rem; border-radius:10px; background:#fff; color:#454545; position:relative; overflow:hidden; transition:all 0.7s;}
.prosort li a span{ z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:#a10808; transform:scale(0,1); transition:all 0.7s}
.prosort li a:hover span{ transform:scale(1);}
.prosort li a:hover{ color:#fff;}

.inproli{ width:100%; margin-top:32px;}
.inproli dl{display:block;float:left;width:32.3%;margin-right:1.55%;margin-bottom:20px;position:relative;border: 1px solid #ccc;box-sizing: border-box;}
.inproli dl a{ display:block;}
.inproli dl:nth-child(3n){ margin-right:0;}
.inproli dl dt{width:100%;overflow:hidden;height: 395px;}
.inproli dl dt img{ width:100%; transition:all 0.7s; transform:scale(1)}
.inproli dl:hover dt img{ transform:scale(1.05)}
.inproli dl dd{position:absolute;bottom:0;width:80%;left:0%;background:rgba(161,8,8,0.8) url(../images/ja.png) 95% center no-repeat;box-sizing:border-box;padding:18px 16px;width: 100%;}
.inproli dl dd p{ color:#fff;}

.pmore{ text-align:center; margin-top:20px;}
.pmore a{ display:inline-block; border:1px solid #454545; padding:12px 24px; border-radius:5px; font-size:1.125rem;}
@media screen and (max-width:768px){
.in-pro{ background-size:cover;}
.prosort li{ margin:0 20px 24px;}
.inproli dl{ width:49%; margin:0 0.5% 20px !important}
.inproli dl dd{ width:100%;}
}
/*lx*/
.in-lx{ background:url(../images/xlx.jpg) center top no-repeat; width:100%; overflow:hidden; min-height:204px; position:relative;}
.xlx2{ background:url(../images/xlx2.png) center no-repeat; min-height:190px; margin-top:16px; position:absolute; top:16px; width:100%;}
.lxtit{ padding-top:56px;}
.lxtit h2{ font-size:1.75rem; color:#fff; font-weight:bold; text-shadow:2px 2px 2px rgba(0,0,0,1)}
.lxtit h2 b{ font-size:2.125rem; color:#ffc000;}
.lxtit p{ font-size:1.125rem; color:#f0f0f0; margin-top:12px;}

.lxtel{ width:32%; text-align:center; padding-top:50px;}
.lxtel p{ font-size:1.125rem; color:#fff; font-weight:lighter;}
.lxtel span{font-family:'DIN'; font-size:1.875rem; color:#fff; display:block; margin-bottom:12px;}
@media screen and (max-width:768px){
.in-lx{background:url(../images/xlx.jpg) center top no-repeat; background-size:cover; height:396px;}
.xlx2{ background:url(../images/xlx2.png) right center no-repeat; margin-top:190px; top:0}
.lxtit{ padding-top:32px;}
.lxtel{ width:60%; text-align:center; padding-top:50px;}
.lxtel img{ display:none;}
}

/* aboutus */
.index_aboutus{

background: url(../images/bg_aboutus.jpg);

padding: 70px 0 76px 0;
}
.index_aboutusimg img{
    width: 100%;
}
.index_aboutusimg {
    width: 50%;
    float: left;
}
.index_ov{
	overflow:hidden
}
.index_aboutus_text{

width: 47%;
}
.honor{
	
margin-top: 50px;
	

}
.honor .swiper-container{
	padding-bottom: 34px;
}
.honor .swiper-pagination-bullet-active{
	background-color: #c62626;
}
.index_aboutus_text a{
	text-align: center;
	display: inline-block;
	float: right;
	line-height: 2.8;
	background-color: #c62626;
	width: 104px;
	color: #fff;
	border-radius: 4px;
	transition: all 1s;
}
.index_aboutus_text a:hover{
	background: #a5090d;
}
.index_aboutus_text h1{

line-height: 1.9;

font-size: 29px;

font-weight: 800;

margin-top: 12px;
}
.index_aboutus_text p{
	
line-height: 1.8;
	
font-size: 18px;
	
margin-top: 23px;
	
text-indent: 2rem;
}

/*adv*/
.in-adv{ padding:72px 0; width:100%; overflow:hidden; background:#fff}
.advtit{ text-align:center;}
.advtit span{ color:#;font-family:'DIN'; font-size:2.5rem; color:#666; line-height:1em;text-transform:uppercase;}
.advtit h3{ font-size:2.25rem; color:#a10808; font-weight:bold; line-height:1em; margin-top:10px}
.advtit h3 b{ font-size:4rem;font-family:'Alternate'; transform:scale(1.5); color:#ffc000; position:relative; top:5px; }
.advtit h3 em{ color:#2a2a2a; font-weight:bold;}
.advtit p{ font-size:1.125rem;}
.adv-4{ margin-top:64px;}
.a-12 { background:#fff;}
.a-12 .fl{ width:50%; box-sizing:border-box; padding-right:5%;}
.a-12 .fl li{ margin-bottom:24px;}
.a-12 .fl span{ font-size:3.5rem; color:#a10808;font-family:'Alternate'; position:relative; bottom:-5px}
.a-12 .fl h3{ font-size:1.875rem; color:#333; font-weight:bold;}
.a-12 .fl hr{ width:45px; height:2px; border:none; background:#a10808; margin:10px 0;}
.a-12 .fl p{ font-size:1.125rem; line-height:1.875em;}
.a-12 .fr{ width:50%}
.a-12 .fr img{ max-width:inherit; float:left;}

.a-34 .fl{ width:50%}
.a-34 .fl img{ max-width:inherit; float:right;}
.a-34 .fr{ width:50%; box-sizing:border-box; padding-left:5%; padding-top:32px;}
.a-34 .fr li{ margin-bottom:24px;}
.a-34 .fr span{ font-size:3.5rem; color:#a10808;font-family:'Alternate'; position:relative; bottom:-5px}
.a-34 .fr h3{ font-size:1.875rem; color:#333; font-weight:bold;}
.a-34 .fr hr{ width:45px; height:2px; border:none; background:#a10808; margin:10px 0;}
.a-34 .fr p{ font-size:1.125rem; line-height:1.875em;}
.azx{ text-align:center;}
.azx{ margin-top:60px;}
.azx a{ display: inline-block;background:#a10808; color: #fff;padding: 12px 48px;}
@media screen and (max-width:768px){
.a-12 .fl{ width:100%; box-sizing:border-box; padding:5% 0%;}
.a-12 .fl span{ font-size:3rem;}
.a-12 .fl h3{ font-size:1.5rem; }
.a-12 .fr{ width:100%}
.a-34 .fr{ width:100%; box-sizing:border-box; padding:5% 0%;}
.a-12 .fr span{ font-size:3rem;}
.a-34 .fr h3{ font-size:1.5rem;}
.a-34 .fl{ width:100%}
.azx{ margin-top:20px;}
}
/*case*/
.in-case{width:100%;overflow:hidden;background:#f3f4f8;padding:72px 0;}
.catit{}
.catit{ text-align:center;}
.catit span{ color:#;font-family:'DIN'; font-size:2.5rem; color:#666; line-height:1em; text-transform:uppercase;}
.catit h3{ font-size:2rem; color:#a10808; font-weight:bold; margin:5px 0}
.catit p{ font-size:1.125rem;}


.cascroll{ margin-top:55px;}
.cabox{ position:relative;}
.cabox .prev{ cursor:pointer; position:absolute; left:-19px; top:47%; z-index:3}
.cabox .next{ cursor:pointer; position:absolute; right:-19px; top:47%; z-index:3}
.cabox li{ width:31.3%; margin-right:40px;}
.cabox li .cimg{border:5px solid #c9c9c9;overflow:hidden;box-sizing:border-box;overflow:hidden;height: 430px;}
.cabox li .cimg img{transition:all 0.7s;height: 100%;width: auto;}
.cabox li:hover .cimg img{ transform:scale(1.05)}
.cabox li .ctxt{ padding:18px 0; background:url(../images/cjia.png) 98% center no-repeat; position:relative;border-bottom:2px solid #c7c7c7}
.cabox li .ctxt p{ color:#242424; }
.cabox li .ctxt i{ position:absolute; height:2px; width:100%; bottom:-2px; left:0; background:#a10808; transform:scale(0,1); transition:all 0.7s; transform-origin:left;}
.cabox li:hover .ctxt i{ transform:scale(1);}

.camore{ text-align:center; margin-top:60px;}
.camore a{ display:inline-block; background:#a10808; color:#fff; padding:12px 48px;}
@media screen and (max-width: 768px){
.cabox{ position:relative; width:100%; overflow:hidden}
.cabox .prev{left:0; top:45%;}
.cabox .next{right:0; top:45%;}
.cabox li{ width:47%; margin-right:40px;}
}
/*about*/
.in-ab{width:100%;overflow:hidden;padding:64px 0;background:url(../images/abbg.jpg) center no-repeat;padding:64px 0;}
.abpic{ max-width:100%;}
.abpic .pictit{ margin-bottom:24px;}
.abpic .pictit span{ font-size:2rem; font-family:'Alternate'; color:#fff;}
.abpic .pictit h3{ font-size:1.5rem; color:#fff;}
.aborder{ border:5px solid #fff; box-sizing:border-box; width:100%; overflow:hidden; cursor:pointer;}
.aborder img{ width:100%; transition:all 0.7s;}
.aborder:hover img{ transform:scale(1.05);}
.abcon{ width:47%; margin-top:100px;}
.abcon span{ font-family:'Alternate'; font-size:2rem; text-transform:uppercase;}
.abcon h2{ font-size:1.625rem; color:#000; line-height:1.5em;}
.abcon p{ font-size:1rem; line-height:1.5em; text-indent:2em; margin-top:12px;}
.abmore{ margin-top:24px;}
.abmore .moa{ display:inline-block; background:#a10808; padding:12px 20px; color:#fff; position:relative; top:-12px;}
.abmore .mot{ display:inline-block; margin-left:16px; }
.abmore .mot span{ font-size:0.875rem;}
.abmore .mot h4{ font-size:'DIN'; font-size:1.5em; color:#a10808}
@media screen and (max-width:768px){
.in-ab{ background:url(../images/mabbg.jpg) center no-repeat;}
.abpic{ width:100%;}
.abcon{ width:100%; margin-top:50px;}
}
/* index_news */
.clearfix {
  overflow:hidden
}
.news{
    padding-top: 40px;
}
.news-box{margin-top: 60px;overflow: hidden;}
.news-left{width: 47%;float: left;margin-left: 1%;}
.news-left ul{width: 100%;display: block;}
.news-left ul li{margin-bottom: 42px;}
.news-left ul li a{width: 39%;display: block;float: left;margin-right: 4%;overflow: hidden;}
.news-left ul li a img{width: 100%;display: block;transition: all 1s ease-out;}
.news-left ul li:hover a img{transform: scale(1.1);}
.news-left ul li h3{float: left;width:55%;line-height: 30px;text-align: left;}
.news-left ul li h3 a{font-size: 16px;color: #333;display: block;width: 100%;}
.news-left ul li span{display: block;font-size: 13px;color: #999;text-align: left;}
.news-left ul li p{float: left;width: 57%;margin-top: 13px;}
.news-left ul li p a{display: block;font-size: 14px;color: #666;line-height: 28px;width: 100%;text-align: left;}
.news-left ul li a:hover{color: #ff6600;}
.news-left ul li a.a01{display: block;width: 59px;height: 21px;float: left;background: url(../images/youjt.png) no-repeat center;margin-top: 28px;}
.news-left ul li:hover a.a01{margin-left: 5px;}


.news-right{width: 45%;float: right;}
.news-right ul{width: 100%;}
.news-right ul li{margin-bottom: 30px;}
.news-right ul li a:hover{color: #ff6600;}
.news-right ul li span{display: block;width: 122px;height: 75px;border: 1px solid #e2e1e1;text-align: center;padding-top: 10px;float: left;margin-right: 20px;}
.news-right ul li span i{font-size: 35px;color: #666;font-style: normal;}
.news-right ul li span>p{font-size: 14px;color: #666;}
.news-right ul li h3{width: 370px;overflow: hidden;text-align: left;}
.news-right ul li h3 a{font-size: 16px;color: #333;line-height: 29px;}
.news-right ul li>p{width: 73%;overflow: hidden;margin-top: 5px;height: 50px;text-align: left;}
.news-right ul li>p a{font-size: 14px;color: #666;line-height: 25px;}
.news-right ul li:hover span{background: #000;}
.news-right ul li:hover span i{color: #fff;}
.news-right ul li:hover span p{color: #fff;}



/*五大保障*/
.baozhang ul{text-align: center;overflow: hidden;width: 100%;padding: 50px 0;}
.baozhang ul li{width: 20%;float: left;display: inline-block;}
.baozhang ul li i{width: 65px;height: 65px;display: block;float: left; background: url(../images/bz.png) no-repeat;}
.baozhang .bz-1 i{background-position: -0px 0;}
.baozhang .bz-2 i{background-position: -65px 0;}
.baozhang .bz-3 i{background-position: -130px 0;}
.baozhang .bz-4 i{background-position: -195px 0;}
.baozhang .bz-5 i{background-position: -260px 0;}
.baozhang ul li p{width: 150px; line-height: 65px;color: #30394e;text-align: right;font-size: 20px;}

/*荣誉*/
.in-hor{ padding:63px 0; width:100%; overflow:hidden;}

.horgg{ width:67.66%; position:relative;}
.horgg .prev{ position:absolute; left:-50px; top:40%; z-index:2; cursor:pointer}
.horgg .next{ position:absolute; right:-70px; top:40%; z-index:2; cursor:pointer}
.horgg li{ width:32.5%; margin-left:10px;}
.horgg li div{ width:100%; overflow:hidden; border:1px solid #f3f3f3;}
.horgg li div img{ transform:scale(1); transition:all 0.7s; width:100%;}
.horgg li:hover div img{ transform:scale(1.05);}
.horgg li p{ background:#f3f3f3; text-align:center; padding:12px 0;}

.hortt{ width:30%; text-align:right;}
.hortt h3{ font-size:2.25rem; color:#a10808; font-weight:bold;}
.hortt p{ font-size:1.875rem; color:#0b0b0b; font-weight:lighter; line-height:1.5em;}
.hortt span{ font-style:oblique; color:#a10808; text-transform:uppercase; font-size:1.5rem;}
.hotel{margin-top:36px; text-align:left; width:70%; float:right; position:relative}

.hotel em{ color:#070707; }
.hotel h4{font-size:'DIN'; color:#a10808; font-size:1.5rem;}
.hotel hr{ width:269px; height:4px; border:none; background:#ededed; position:absolute; right:0;}
.hotel h4 em{ color:#000; font-size:1rem;}
@media screen and (max-width:768px){
.horgg{ width:100%; position:relative; margin-top:50px; overflow:hidden;}
.horgg .prev{  left:0; top:40%; }
.horgg .next{  right:0; top:40%;}
.horgg li{ width:48%; margin-left:12px;}

.hortt{ width:100%; display:none}
.hotel{margin-top:36px; text-align:right; width:100%; float:none; position:relative}
.hotel hr{ display:none;}

}

/*news*/
.in-news{ width:100%; overflow:hidden; padding:64px 0; background:#fafafa}
.newtit{ text-align:center;}
.newtit span{ color:#;font-family:'DIN'; font-size:2.5rem; color:#666; line-height:1em; text-transform:uppercase;}
.newtit h3{ font-size:2rem; color:#a10808; font-weight:bold;}
.newtit p{ font-size:1.125rem;}


#tab1{position:relative; margin-top:20px;} 
#tab1 .tabList3{ white-space:nowrap; }
#tab1 .tabList1 ul{ width:100%; margin-top:20px; border-bottom:2px solid #ddd}
#tab1 .tabList1 ul li{ display:inline-block; text-align:center; cursor:pointer; transition:all 0.5s;font-size:1.25rem; color:#3a3a3a; margin-right:20px;border-bottom:4px solid rgba(0,0,0,0); padding-bottom:12px; position:relative; top:2px}
#tab1 .tabList1 ul li:hover{ color:#c21515; border-bottom:4px solid #c21515}
#tab1 .tabList1 ul li.cur{color:#c21515; border-bottom:4px solid #c21515}
.alink{ float:right; font-family:'DIN'; font-size:1.25rem; margin-top:5px;}


#tab1 .tabCon1{  margin-top:42px;  width:100%; position:relative;  }
#tab1 .tabCon1 *{}
#tab1 .tabCon1>div{ display:none;}
#tab1 .tabCon1>div.cur{display:block;}
.onenew{ width:39%}
.onenew .ipic{ width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #ddd}
.onenew .ipic img{ transform:scale(1); transition:all 0.5s;}
.onenew:hover .ipic img{ transform:scale(1.05);}
.onenew .inon{ background:url(../images/dline.jpg) left bottom no-repeat;}
.onenew .inon p{ margin:14px 0 14px; color:#a10808; font-size:1.25rem; font-weight:bold;}
.onenew .inon span{ font-size:0.875rem; line-height:1.75em; display:block; color:#787878;}
.onenew .inon em{ display:inline-block; margin:16px 0 0; font-size:1.5rem; color:#adadad;font-family:'Alternate';}

.thrnew{ width:58%;}
.thrnew li{ width:100%; margin-bottom:24px;}
.thrnew .idate{ width:16%; text-align:center; display:inline-block; position:relative; top:15px}
.thrnew .idate em{ display:block; font-size:3rem;font-family:'Alternate'; color:#595959}
.thrnew .idate span{ display:block;font-family:'Alternate'; font-size:1.5rem; color:#9a9a9a;}
.thrnew .inenc{ width:83%; border-left:1px solid #c6c6c6; padding:5px 0; display:inline-block; box-sizing:border-box; padding-left:32px;}
.thrnew .inenc p{ font-size:1.125rem; color:#212121; margin-bottom:10px;}
.thrnew .inenc span{ display:inline-block; font-size:0.875rem; color:#656565; line-height:1.5em; }
.thrnew .inenc img{ margin-top:12px; transition:all 0.5s;}
.thrnew li:hover .inenc img{ margin-left:40px;}
@media screen and (max-width:768px){
.onenew{ width:100%; margin-top:20px; margin-bottom:40px;}
.onenew .ipic img{ width:100%;}
.onenew .inon span{ font-size:1rem; line-height:1.75em;}
.thrnew{ width:100%;}
.thrnew li:nth-child(3){ display:none;}
.thrnew .inenc span{  font-size:1rem; overflow: hidden;text-overflow: -o-ellipsis-lastline;
  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
}


/*友情链接*/
.fri{ padding:10px 0; border-top:1px solid #ddd; background:#fff;}
.fritit{ border-right:1px solid #1C8D42; padding-right:8px;}
.fritit span{ font-size:2rem; color:#a10808; text-transform:uppercase; line-height:1em;}
.fritit p{ font-size:1.125rem; color:#333;}

.frd{ height:24px; width:90%; line-height:24px; margin-top:20px;}
.frd a{ display:inline-block; padding:0 10px;  color:#333; border-right:1px solid #666; }
@media screen and (max-width:768px){
.fri{ display:none;}
}

/*foot*/
/* .foot{ background:url(../images/fbg.jpg) center no-repeat; padding:0 0 20px; width:100%; background-size:cover; border-top:3px solid #a10808}
.fmenu{ padding:32px 0; border-bottom:1px solid rgba(255,255,255,0.3)}
.fmenu li{ float:left; width:12.5%; text-align:center;}
.fmenu li a{ color:#f0f0f0}

.fcon1{ padding:36px 0 20px; position:relative;}
.fcon1 .flogo{ width:18%; text-align:center;}
.fcon1 .flogo ul{ margin-top:16px;}
.fcon1 .flogo ul li{ width:50%; text-align:center; float:left;}
.fcon1 .flogo ul li p{ color:#fff; margin-top:12px; font-size:0.875rem; }
.fcon1 .flxxx{ margin-left:3%; padding-left:3%; border-left:1px solid rgba(255,255,255,0.5); box-sizing:border-box; width:75%;}
.fcon1 .flxxx h4{ color:#ffc000;}
.fcon1 .flxxx h4 span{ color:#ffc000; font-size:1.625rem; font-family:'DIN'}
.fcon1 .flxxx p{ color:#fff; line-height:1.5em;}
.fcon1 .flxxx hr{ border:none; margin:16px 0; width:36px; height:2px; background:#fff;}
.fcon1 .flxxx p{ color:#fff;}
.fcon1 .flxxx a{ color:#fff; transition:all 0.5s}
.fcon1 .flxxx a:hover{ color:#e62129}

@media screen and (max-width: 768px){
.foot{ margin-bottom:100px;}
.fmenu{  padding:28px 0 0;}
.fmenu li{ width:25%; margin-bottom:20px;}
.fcon1 .flogo{ width:100%; text-align:center;}
.fcon1 .flogo ul li img{ width:30%; }
.fcon1 .flxxx{ margin-left:0; padding-left:0; width:100%; border:none; margin-top:20px}
.backtop{ position:absolute; bottom:30px; right:0}
} */


/* footer */

.foot_b {
    background: #222;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
    color: #FFF;
}

.foot_b a {
    color: #FFF;
    font-size: 14px;
}

.foot_b b {
    padding-left: 30px;
}

.footWrap {
    background: #202020;
    height: 303px;
    overflow: hidden;
}

.footer {
    position: relative;
    padding-top: 60px;
}

.f_left {
    width: 418px;
    overflow: hidden;
    padding-top: 10px;
}

.f_wz {
    overflow: hidden;
    font: 14px/34px "Microsoft Yahei";
    color: #fff;
}

.f_wz a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.f_wz em {
    display: inline-block;
    padding: 0 10px;
}

.f_wz img {
    vertical-align: middle;
    margin-left: 12px;
}

.f_nav {
    width: 322px;
    padding-left: 50px;
    overflow: hidden;
}

.f_nav span {
    width: 292px;
    height: 152px;
    overflow: hidden;
    display: block;
    margin-left: 28px;
}

.f_nav span img {
    width: 253px;
    height: 145px;
}

.f_nav span a {
    padding: 0px;
    display: inline-block;
}

.f_nav h3 {
    font: 16px/35px "microsoft Yahei";
    width: 238px;
    height: 35px;
    overflow: hidden;
    border-bottom: 1px solid #666666;
    color: #fff;
    margin-bottom: 10px;
}

.f_nav h3 a {}

.f_nav h3 i {
    font: 14px/31px Arial, Helvetica, sans-serif;
    display: inline-block;
    padding-left: 15px;
    text-transform: uppercase;
    color: #fff;
}

.f_nav p {
    width: 322px;
    color: #fff;
    display: block;
}

.f_nav p a {
    height: 29px;
    width: 160px;
    overflow: hidden;
    display: inline-block;
    float: left;
    color: #fff;
    font: 14px/29px "microsoft Yahei";
    text-align: left;
}

.f_code {
    position: absolute;
    top: 60px;
    right: 0px;
    overflow: hidden;
    width: 350px;
}

.f_code span {
    width: 175px;
    height: 180px;
    overflow: hidden;
    display: block;
    float: left;
}

.f_code span em {
    width: 140px;
    height: 135px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.f_code span img {
    width: 120px;
    height: 120px;
    background-color: #fff;
    padding: 6px 7px 7px 6px;
}

.f_code span i {
    height: 43px;
    width: 175px;
    overflow: hidden;
    display: block;
    text-align: center;
    font: 12px/43px "宋体";
    color: #eff7ef;
}



/*浮动*/
.fudong{ display:none;}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#a10808; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #ca2828; float:left;}
.fudong li p{ color:#fff;}
}


/*手机大图*/
.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
.swiper-container { width: 760px; 
     height:700px; 
     margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1}
	

.swiper-wrapper {
	position: relative;
	width: 760px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap: wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {flex-shrink: 0;width: 760px;height: 100%;position: relative;transition-property: transform}
.swiper-slide { background-size:100%;}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-container-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size)
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto; background:url(../images/arrows.png) top; height:30px; width:17px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto; background:url(../images/arrows.png) bottom; height:30px; width:17px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #5f7185;
	opacity: .8
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
--swiper-pagination-color:#c41228
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
}

@keyframes cats{
0%{}
25%{}
50%{}
75%{}
100%{}
}