@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

/* 主体内容开始
-------------------------------------------------------------- */
.content{ width:100%; margin: 0 auto;}

/*****header*******/
.header_top
{
	width:100%;
	height:50px;
	position:absolute;
	z-index:1111;
	background:#eff0f1;

}
.header{
	width:100%;
	height:90px;
	top:0;
	position:fixed;
	z-index:99999;
}
.header .menu{	height:80px;	position:relative;}
.header_con{
	width:100%;
	position:relative;
	}
.logo{	float:left;	margin-top:6px;}
.logo h1 { margin:0;}
.languge { float:right; padding-top:26px;}
.languge a { font-size:16px; color:#fff;}
.search { position:relative; float:right; padding-top:32px; padding-right:20px; padding-left:20px;}
.search span { cursor:pointer;}
.extra-link {right: 38px;position:absolute;top: 20px;z-index: 99;display:none;}
.form-search{width:210px;background:#f5f5f5;padding: 0px 4px; border:1px solid #b2b2b2; }
.form-search input.search-input{font-size:14px;color:#666;font-family:Montserrat,"Microsoft Yahei",sans-serif;font-weight:400;line-height:22px;margin:0 0 10px;margin:0;color:#333;padding:8px 0 8px 8px;border:none;width:75%;outline:0;background:0 0;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.form-search .search-btn{background:0 0;border:none; border-left:1px solid #b2b2b2;float:right;margin-top:6px; padding-right:10px;position:relative;z-index:2;}
.logoy { display:block;}
.logoc { display:none;}
.search-ico i { background:url(img/search.png) no-repeat; width:14px; height:14px; display:inline-block;}
.nav{	float:right;margin-right:0px;}	
.nav>ul{
	padding:0;
	margin:0;
	margin-top:14px;
	}
.nav>ul>li{	float:left;	line-height:50px;	position:relative;	}
.nav>ul>li>a{	font-size:16px;	color:#fff; position:relative; display:inline-block;	}
.nav ul li a:hover { color:#990a08;}
.nav ul li a.dq { color:#990a08;}	
.nav ul li a b{
	width:100%;
	height:1px;
	background:#990a08;
	position:absolute; left:0%; bottom:0px;
	margin-left:-2px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.nav>ul>li>ul{
	width:120px;
	position:absolute; top:70px; left:-10px;
	background:rgba(0,0,0,0.5);
	padding:10px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
	display:none;
	-webkit-transition:top 0.4s ease 0.1s;
	-moz-transition:top 0.4s ease 0.1s;
	-ms-transition:top 0.4s ease 0.1s;
	-o-transition:top 0.4s ease 0.1s;	
	transition:top 0.4s ease 0.1s;
	z-index:99;
	}
.erjion{
	top:50px !important;
	}
.nav>ul>li>ul>li{
	line-height:20px;
	text-align:left;
	padding:5px 0;
	padding-left:13px;
	}
.nav>ul>li>ul>li>a{
	color:#fff !important;
	letter-spacing:1px;
	}
.erji_line{
	position:absolute; top:0; left:15px;
	width:1px;
	height:100%;
	background:#e8e8e8;
	}
.erji_line>span{
	width:1px;
	height:20px;
	background:#990a08;
	position:absolute; top:25px; left:0;
	}						
			
.header_r span{
	display:inline-block;
	line-height:50px;
	font-size:15px;
	font-weight:600;
	color:#adadad;
	padding-left:10px;
	}	

.nav ul li.on a { color:#990a08;}
.nav ul li.on a b { bottom:-10px; opacity:1;}
.sousuo{
	height:27px; 
	border:1px solid #CCC; 
	width:120px; 
	background:none;
	margin-right:5px;
	font-size:11px;
	padding:0 20px 0 5px;
	/*margin-top:2px;*/
	}	
.qix p span{
	text-align:left !important;
	padding-left:10px !important;
    }
.qix p{
	width:260px !important;
	right:-1px;
	padding-left:10px !important;
	}			
.ind_h{
	margin-top:5px;
	}
.ind_h i{
	position:absolute;
	right:5px;
	top:6px;
	}	
.nav_down{
	color:#999 !important;
	font-size:12px !important;
	margin-left:10px !important;
	}	
.scollheader .header{ background:#fff;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}
.scollheader .header .logoy { display:none;}
.scollheader .header .logoc { display:block;}
.scollheader .nav>ul>li>a { color:#333;}
.scollheader .languge a { color:#333;}	
.scollheader .nav ul li.on a {color: #990a08;}
.scollheader .nav ul li a:hover { color:#990a08;}
.scollheader .search-ico i { background:url(img/searchs.png) no-repeat;}

/*.nscollheader .header{ background:#fff;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}*/
.nscollheader .header { position:fixed; top:0; left:0;}

.nscollheader .header .logoy { display:block;}
.nscollheader .header .logoc { display:none;}

.scollheader .header .logoy { display:none;}
.scollheader .header .logoc { display:block;}
.nscollheader .nav>ul>li>a { color:#ffffff;}
.scollheader .nav>ul>li>a { color:#333;}
.nscollheader .languge a { color:#fff;}	
.nscollheader .nav ul li.on a {color: #990a08;}
.nscollheader .nav ul li a:hover { color:#990a08;}
.nscollheader .search-ico i { background:url(img/search.png) no-repeat;}
.scollheader .languge a { color:#444;}	
.scollheader .search-ico i { background:url(img/searchs.png) no-repeat;}



.jsheader .header{ background:#fff;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}
.jsheader .header .logoy { display:none;}
.jsheader .header .logoc { display:block;}
.jsheader .nav>ul>li>a { color:#333;}
.jsheader .languge a { color:#333;}	
.jsheader .nav ul li.on a {color: #990a08;}
.jsheader .nav ul li a:hover { color:#990a08;}
.jsheader .search-ico i { background:url(img/searchs.png) no-repeat;}




@media (min-width: 992px) {
.nav>ul>li{
	padding:0 12px;	
    }	
	}
@media (min-width: 1200px) {
.nav>ul>li{
	padding:0 18px;	
    }
}
/*手机端导航*/
.mobile {display:none;}
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding:0 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:99;
}
.sideMenuClosed { width:30px; height:25px; cursor:pointer;position: fixed; top:16px; right:50px; z-index:9999;}
.sideMenuClosed span {
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 8px;
	left: 0;
	-webkit-transition: background-color .3s ease-out .1s;
	-moz-transition: background-color .3s ease-out .1s;
	-o-transition: background-color .3s ease-out .1s;
	-ms-transition: background-color .3s ease-out .1s;
	transition: background-color .3s ease-out .1s
}
.sideMenuClosed span:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 8px;
	left: 0;
	-webkit-transition: transform .3s ease-out, top .5s ease .4s;
	-moz-transition: transform .3s ease-out, top .5s ease .4s;
	-o-transition: transform .3s ease-out, top .5s ease .4s;
	-ms-transition: transform .3s ease-out, top .5s ease .4s;
	transition: transform .3s ease-out, top .5s ease .4s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}
.sideMenuClosed span:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: -8px;
	left: 0;
	-webkit-transition: transform .3s ease-out, top .5s ease .4s;
	-moz-transition: transform .3s ease-out, top .5s ease .4s;
	-o-transition: transform .3s ease-out, top .5s ease .4s;
	-ms-transition: transform .3s ease-out, top .5s ease .4s;
	transition: transform .3s ease-out, top .5s ease .4s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}
.aa { display:block !important;}
.aa span {background-color: transparent;}
.aa span:after {
	width:20px;
	-webkit-transition: top .5s ease, transform .3s ease-out .4s;
	-moz-transition: top .5s ease, transform .3s ease-out .4s;
	-o-transition: top .5s ease, transform .3s ease-out .4s;
	-ms-transition: top .5s ease, transform .3s ease-out .4s;
	transition: top .5s ease, transform .3s ease-out .4s;
	-webkit-transform: rotate(-45deg);
	top: 0;
	-moz-transform: rotate(-45deg);
	top: 0;
	-o-transform: rotate(-45deg);
	top: 0;
	-ms-transform: rotate(-45deg);
	top: 0;
	transform: rotate(-45deg);
	top: 0
}
.aa span:before {
	width:20px;
	-webkit-transition: top .5s ease, transform .3s ease-out .4s;
	-moz-transition: top .5s ease, transform .3s ease-out .4s;
	-o-transition: top .5s ease, transform .3s ease-out .4s;
	-ms-transition: top .5s ease, transform .3s ease-out .4s;
	transition: top .5s ease, transform .3s ease-out .4s;
	-webkit-transform: rotate(45deg);
	top: 0;
	-moz-transform: rotate(45deg);
	top: 0;
	-o-transform: rotate(45deg);
	top: 0;
	-ms-transform: rotate(45deg);
	top: 0;
	transform: rotate(45deg);
	top: 0
}
.scollheader nav { background:rgba(255,255,255,0.8);}
.scollheader .sideMenuClosed span {background:#990A08;}
.scollheader .sideMenuClosed span::after { background:#990A08;}
.scollheader .sideMenuClosed span::before { background:#990A08;}
.scollheader .aa span {background-color: transparent;}
.scollheader nav .logoy { display:none;}
.scollheader nav .logoc { display:block;}

.nscollheader nav { background:rgba(255,255,255,0.8);}
.nscollheader .sideMenuClosed span {background:#990A08;}
.nscollheader .sideMenuClosed span::after { background:#990A08;}
.nscollheader .sideMenuClosed span::before { background:#990A08;}
.nscollheader .aa span {background-color: transparent;}
.nscollheader nav .logoy { display:none;}
.nscollheader nav .logoc { display:block;}

#userPLink {  position: relative; float:left; max-width:117px;}
#userPLink img { max-width:100%;}
#userMenuToggle {
  position: absolute;
  right: 0;
}
ul#userMenu {
  list-style: none;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
}
#userMenu li {
  display: block;
  padding: 5px 10px;
  text-align: left;
  width: 150px;
}
ul#userMenu li a::after {
  content: attr(title);
}
#userMenu li a:hover, #sideMenuContainer > a:hover {
  padding-left: 3px
}

#scrollingNews {
  color: #fcfcfc;
}


#sideMenuContainer {
  background: #202020;
  height: 100%;
  padding: 10px;
  position: fixed;
  top:0px;
  right: -200px;
  width: 200px;
  z-index: 999;
}
#sideMenuContainer h2 {
  color: #fcfcfc;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#sideMenuContainer > a {
  display: block;
  color:#fff;
  font-size:16px;
  padding: 10px 10px;
}

@media (max-width:991px){
.mobile { display:block;}

}

/*footer*/
footer { background:#F7F7F7;}
.footerup { background:url(img/footx.png) no-repeat center 66px; text-align:center; padding-top:24px;}
.footerup span { display:inline-block; background:#F7F7F7; max-width:117px;}
.footerup span img { max-width:100%;}
.footbotom { padding-top:45px; font-size:16px; text-align:center; padding-bottom:40px; line-height:33px;}
.footbotom a { font-size:16px;}
.footnav { padding-bottom:5px; color:#D7D7D7;}
.footnav a { font-size:16px;}
.back-top { background:url(img/top.png) no-repeat; width:54px; height:54px; position:fixed; bottom:5%; display:none; right:0; cursor:pointer; z-index:99;}

.fotselet {}
.fotselet .accordion-toggle { display:block; text-align:left; background:url(img/fotlink.png) no-repeat right; font-size:16px; color:#333;}
.accordion-inner { padding-bottom:10px;}
#fotlink01 .accordion-inner a{ width:100%; display:inline-block; overflow:hidden;}
#fotlink02 .accordion-inner a{ width:50%; display:inline-block; float:left;overflow:hidden;}
#fotlink03 .accordion-inner a{ width:33.33%; display:inline-block; float:left;overflow:hidden;}
.accordion-heading { margin-bottom:5px;}



@media (max-width:767px){
.footbotom { padding-top:20px;padding-bottom:20px; line-height:26px; text-align:left;}
.footnav a,.footnav,.footbotom,.footbotom a { font-size:14px;}
.moreh{text-align:center}
}

/*产品*/
.homepro { background:url(img/cpbg.jpg) no-repeat center fixed; min-height:708px; padding-bottom:88px; width:100%;}
.homesub { text-align:center; padding-top:75px;}
.homesub h2 { font-size:32px; color:#404040; margin:0; font-weight:bold; font-family:宋体 Regular;}
.homesub span { color:#b2b2b2;font-family:宋体 Regular; font-size:14px; display:block;}

.jylnUlListBox { padding-top: 50px; }
.jylnUlListBox .jylnUlList li { width:50%; padding:0 30px; margin:0 auto; position: relative; }
.jylnUlListBox .jylnUlList li .pic img { width:100%; height: 400px; object-fit: cover; }
.jylnUlListBox .jylnUlList li .picTXT { position: relative;}
.bacpiao { position:absolute; left:0; top:0; width:100%; height:100%; padding-top:226px;}
.jylnUlListBox .jylnUlList li .picTXT .title {  color:#fff;font-size:24px; padding-bottom:10px; }
.jylnUlListBox .jylnUlList li .picTXT .des {  color:#fff; padding:0 38px;}

.jylnUlListBox .jylnUlList li .front span { display:block; height:178px; padding-top:22px; }
.jylnUlListBox .jylnUlList li .front .title { color: #990a08; font-size: 24px; padding-bottom:10px;padding-top:46px;}
.jylnUlListBox .jylnUlList li .front .summary { padding:0 38px; }
.jylnUlListBox .jylnUlList li .front .summary p{ color: #404040; line-height: 25px;}
.more01 { background:url(img/index01_06.png) no-repeat; width:110px; height:40px; text-align:center; line-height:40px; display:inline-block; margin-top:20px;}
.more02 { background:url(img/index01_03.png) no-repeat; color:#fff; width:110px; height:40px; text-align:center; line-height:40px; display:inline-block; margin-top:20px;}
a:hover.more02 { color:#fff;}
a:hover.more01 { color:#990A08;}
.moreh {    text-align: center;}
.jylnUlListBox .jylnUlList li .flip_wrap { position:relative;  display: block; width: 100%; height: 400px; perspective: 800px; -webkit-perspective: 800px; -moz-perspective: 800px; -ms-perspective: 800px; -o-perspective: 800px; }
.jylnUlListBox .jylnUlList li .flip { width: 100%; height: 100%; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; transform-style: preserve-3d; }
.jylnUlListBox .jylnUlList li .side { width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-size: 16px; color: #fff; text-align: center; }
.jylnUlListBox .jylnUlList li .front { z-index: 70; }
.jylnUlListBox .jylnUlList li .back { z-index: 75;transition:all 0.8s;}
.jylnUlListBox .jylnUlList li .back { opacity:0; }



@media (max-width:991px){
.homepro {  min-height:auto; padding-bottom:88px;}

.homesub { padding-top:35px;}
.jylnUlListBox .jylnUlList li { padding:0 15px;}
.jylnUlListBox .jylnUlList li .flip_wrap { height:320px;}
.jylnUlListBox .jylnUlList li .pic img {height: 320px;}
.jylnUlListBox .jylnUlList li .front span { height:150px;}
.jylnUlListBox .jylnUlList li .front span img { height:100%;}
.jylnUlListBox .jylnUlList li .front .title { padding-top:20px;}
.jylnUlListBox .jylnUlList li .front .summary { padding:0 15px;}
.more01 { margin-top:10px;}
.jylnUlListBox .jylnUlList li .back {padding:0px 15px 0 15px;}
.bacpiao {  padding-top:175px;}
.jylnUlListBox .jylnUlList li .picTXT .des { padding:0 15px;}
.more02 {margin-top:10px;}
}
@media (max-width:767px){
.homesub h2 { font-size:25px;}
.jylnUlListBox { padding-top:30px;}
.jylnUlListBox .jylnUlList li { padding:0; width:100%;}
.jylnUlListBox .jylnUlList li .flip_wrap { height:380px;}
.jylnUlListBox .jylnUlList li .pic img {height: 380px;}
.jylnUlListBox .jylnUlList li .front span { height:150px;}
.bacpiao {  padding-top:205px;}
.jylnUlListBox .jylnUlList li .back { padding:0;}

.jylnUlListBox .jylnUlList li .back {transition:none;}
.jylnUlListBox .jylnUlList li .front { z-index:999;}
}



/*品牌历史*/
.historybg { background:url(img/pplsbg.jpg) no-repeat top center fixed; min-height:630px; padding-bottom:78px;}
.hisdorycont { padding-top:56px;}
.hisleft {   padding-right: 0px;}
.hisleft h3 { color:#990a08; font-size:28px; font-weight:bold; margin-top:0;}
.hisdes { padding-top:30px;}
.hisdes p { font-size:16px; line-height:32px;}
.hisright {text-align: center; }
.hisright img { max-width:100%;}
@media (max-width:991px){
.historybg { min-height:auto;}
}
@media (max-width:767px){
.historybg {  padding-bottom:30px;}
.hisdorycont { padding-top:30px;}
.hisleft { width:100%; padding-right:0;}
.hisright { width:100%; padding-top:15px;}

}

/*新闻*/
.homenewk { padding-top:68px; padding-bottom:58px;  width:100%;}
.swiper_new { overflow:hidden; position:relative;}
.swiper_new .owl-theme .owl-dots{ display:none;}

.swiper_new .owl-carousel .owl-nav button.owl-next,.swiper_new .owl-carousel .owl-nav button.owl-prev { position:absolute; top:35%; border:0;outline:0;}
.swiper_new .owl-carousel .owl-nav button.owl-next { right:0;}
.swiper_new .owl-carousel .owl-nav button.owl-prev { left:0;}
.swiper_new .owl-theme .owl-nav { margin:0; }
.swiper_new .owl-theme .owl-nav [class*=owl-] { margin:0;}
.swiper_new .owl-carousel .owl-nav button span { font-size:40px;}
.swiper_new .owl-theme .owl-nav [class*=owl-]:hover { background:none;}

.homenew { padding: 0 30px;}


.newlist { width:100%;overflow:hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.newpic { overflow:hidden; margin-bottom:15px;}
.newpic img { max-width:100%;}
.newpic img { width:100%;transition: 600ms; -webkit-transition: 600ms;}
.newlist .li a:hover .newpic img{ transform: scale(1.1);-webkit-transform: scale(1.1);}


.newlist .li h3 { padding:0 60px; margin:0; font-size:18px; color:#404040; text-align:center; line-height:26px; height:52px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;-webkit-box-orient: vertical;}
.newlist:hover .li h3{ color:#990A08;}

@media (max-width:767px){
.homenewk { padding-top:30px; padding-bottom:30px;}
.newlist .li h3 { padding:0 10px; font-size:15px; }

}

/*通用侧边栏分享*/
#appgame-leftside-share{width:40px; position:fixed; left:15px; top:50%; margin-top:-151px; z-index:9999; display:none;}
.appgame-leftside-share{width:40px;}
#appgame-leftside-share a{display:block; position:relative; font-size:0; margin:0; padding:0;  margin-bottom:4px; width:40px; height:40px; border-radius:5px;transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.appgame-leftside-weixin{ background: url(img/wx01.png) no-repeat !important;}
.appgame-leftside-tsina { background:url(img/wx02.png) no-repeat !important;}
.appgame-leftside-fbook { background:url(img/wx04.png) no-repeat !important;}
#appgame-leftside-share .appgame-leftside-top{background-image: url(img/leftnav-off.png);    background-position: -1px -395px;background-color:#990A08;cursor:pointer;}
.tan { display:none; position:absolute; top:-40px; width:0; left:45px;}
.bdshare-button-style0-16 .rwt_share a:hover .tan { width:auto; display:block;transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}

@media (max-width:991px){
#appgame-leftside-share{width:40px;left:0px;}
}
@media (max-width:767px){

#appgame-leftside-share { display:none !important;}
}

/*标题延迟*/
.transY{ transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0;  }
.transY2{ transform:translateY(-80px); -webkit-transform:translateY(-80px); opacity:0; }
.transX{ transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; }
.transX2{ transform:translateX(-100px); -webkit-transform:translateX(-100px); opacity:0; }
.transShow{ transform:translate(0); -webkit-transform:translate(0); opacity:1; }
.trtion{ transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; }
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_15{ transition-delay:150ms; -webkit-transition-delay:150ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_45{ transition-delay:450ms; -webkit-transition-delay:450ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.dly_8{ transition-delay:800ms; -webkit-transition-delay:800ms; }





/*banner*/
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto}


.banner{height:100vh; width:100%;overflow:hidden;position:relative;z-index:1;}
.banner .slick-list,.banner .slick-slide,.banner .slick-slider,.banner .slick-track{height:100%}
.banner a{position:relative;display:block;height:100%;background-repeat:no-repeat;background-position:top center;-webkit-background-size:cover;background-size:cover}
.banner .txtHead{float:left;margin-top:10%;width:100%;text-align:center;font-size:72px;color:#fff;font-weight:lighter}
.banner .txtDes{float:left;width:100%;text-align:center;font-size:36px;color:#fff;font-weight:lighter}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.bgAlpha{background:rgba(255,255,255,.8)}
.px2{margin-top:2px}
.px100{margin-top:100px}
.banner .slick-next,.banner .slick-prev{position:absolute;top:50%;margin-top:-25px;overflow:hidden;width:45px;height:50px;font-size:0;line-height:0;line-height:999;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 50px;-ms-background-size:auto 50px;-moz-background-size:auto 50px;-webkit-background-size:auto 50px;background-size:auto 50px}
.banner .slick-prev{left:50%;margin-left:-645px}
.banner .slick-next{right:50%;margin-right:-645px}
.banner .slick-dots{position:absolute;left:0;bottom:30px;width:100%;text-align:center;z-index:99}
.banner .slick-dots li{display:inline-block;margin:0 4px}
.banner .slick-dots li button{display:block;width:10px;height:10px; border-radius:50%;border:none;cursor:pointer;padding:0;font-size:0;line-height:0;text-indent:999px;background-color:#fff; outline:0;}
.banner .slick-dots li.slick-active button{background-color:#990a08;opacity:1;}

/*底部新增*/
.mxzfoot { padding-top:35px; padding-bottom:50px;}
.mxzft01 { float:left; min-height:215px; width:38%; border-right:1px solid #E6E6E6; padding-right:10px;}
.mxzft02 { float:left;  min-height:215px;width:28%; border-right:1px solid #E6E6E6; padding-right:15px; padding-left:40px;}
.mxzft03 { float:left; min-height:215px; width:16%; border-right:1px solid #E6E6E6; padding-right:15px; padding-left:40px;}
.mxzft04 { float:left; width:18%; padding-left:40px;}

.mxzfoot h4 { color:#404040; font-size:16px; font-weight:bold; padding-bottom:15px;}
.footlink .item a { width:50%; float:left; padding-right:10px; line-height:30px; height:30px;display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.footlink .item a:hover { color:#990A08;}
.footlink .owl-dots { display:none;}
.footlink .owl-theme .owl-nav { text-align:left;}
.footlink .owl-theme .owl-nav button { outline:0; border:none; margin:0; background:none; cursor:pointer;}
.footlink .owl-theme .owl-nav button span { font-size:30px; margin-right:5px;}
.footlink .owl-theme .owl-nav [class*=owl-]:hover { background:none;}


.mxzft03 .footlink .item a { width:100%;}
.mshimg { position:relative; border:1px solid #D9D9D9; max-width:180px; padding-left:18px; padding-right:13px; height:32px; line-height:32px; border-radius:18px; margin-bottom:8px; }
.mshimg a { line-height:32px;}
.msher{ position:absolute; display:none; right:35px; visibility:hidden; height:0; bottom:0px; z-index:99; transition:all 0.5s; opacity:0;}
.mshimg i { display:inline-block; float:right; padding-top:5px; cursor:pointer;}
.mshimg:hover .msher{ display:block;  opacity:1; height:128px;visibility:visible; } 
 
@media (max-width:991px){
.mxzft02 { padding-left:15px; padding-right:5px;}
.mxzft03 { padding-right:15px; padding-left:15px;}
.mxzft04 { padding-left:15px;}
.mshimg { padding-left:10px; padding-right:10px;}
.mshimg i { max-width:15px; padding-top:8px;}
.mshimg i img { max-width:100%;}
.msher { right:28px;}

.mxzfoot { padding-bottom:0px;}
}


.mmmobie { position:relative;}
.mmmobie .owl-nav { display:none;}
.mmmobie .owl-dots { position:absolute; left:0; width:100%; bottom:5px;}
.mmmobie .owl-theme .owl-dots .owl-dot { border:0;}




.mobielan { width:22px; height:25px; cursor:pointer;position: fixed; top:14px; right:10px; z-index:99; color:#333;}
.m_mail {float:right; padding-top: 26px;padding-left: 10px;}
.m_mail a {display:inline-block;height: 20px;background-position: center;background-size: 20px 20px;background-repeat: no-repeat;color: #ffffff;}
.scollheader .m_mail a {color: #333;}
.m_mail a:hover {
    color: #990a08;
}