@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd {margin:0;padding:0;border:0;}
body{background:#fff;color:#444;font-size:14px; font-family:"Microsoft YaHei","SimSun","宋体","Arial Narrow";padding: 0; margin: 0;}
input{font-family:"Microsoft YaHei","SimSun","宋体","Arial Narrow";}
h1,h2,h3,h4,h5,h6{font-style: normal;font-weight: normal}
ul,ol{list-style-type:none;}
input{outline: none; }
textarea{outline: none; }
select,input,img{vertical-align:middle;}
picture{display:block;}
/*图片放大组件*/
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
@font-face
    {
        font-family:"HeroicCondensed-Regular.ttf";
        src: url("../font/HeroicCondensed-Regular.ttf");
    }

a{text-decoration:none;color:#444}
a:hover { color:#ec0000}
.ysj{width: 1300px;margin:0 auto}
.clear{clear: both}
@font-face {
  font-family: '../font/iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "../font/iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fl{float:left!important;}
.fr{float:right!important;}
.clearfix{*zoom:1;}
.clearfix:before,
.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}

.inline{display:inline;}
.block{display:block;}
.inline-block{display:inline-block;zoom:1;*display:inline;}
.hidden{display:none;}
/*效果 */
.alpha6{filter: Alpha(Opacity=60);opacity: 0.6;}
/*-------------header-----------------*/
.top{width:100%; height:92px; position:fixed;top:0; z-index:9999; background-image: linear-gradient(to top, rgba(0,0,0,.0), rgba(0,0,0,.3));}
/*网站导航*/
.ys_menu{width:1300px; margin:0 auto; height:92px; z-index:9999;}
.ys_menu .logo{width:355px;float:left;background:url(../images/logo.png) no-repeat center; height:92px;}
.ys_menu:hover .logo{ background:url(../images/logo1.png) no-repeat center}
.min .ys_menu .logo{ background:url(../images/logo1.png) no-repeat center}

.nav{width:630px; float:right;}
.nav li{ position:relative;float:left; width:105px; z-index: 9998; text-align:center;}
.nav li a{ display:block; line-height:92px;  font-size:16px; color:#fff;}
.span_1 .b_left { width:0px; height:3px; background:#d42b30; display: block; position:absolute; right:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.span_1 .b_right { width:0px; height:3px; background:#d42b30; display: block; position:absolute; left:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover .span_1 .b_left { width:37px; height:3px; background:#d42b30; display: block; position:absolute; right:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover .span_1 .b_right { width:37px; height:3px; background:#d42b30; display: block; position:absolute; left:50%; bottom:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover a{color: #d42b30;}
.nav li .lev2{position:absolute;display:none;top:92px;width:170px;left:-35px;background-color:#fff;border-top:1px solid #ddd;}
.nav li .lev2 li{position:static;width:100%;line-height:56px;height:56px; border-bottom:1px solid #f0f0f0; }
.nav li .lev2 li a{ width:100%;  margin:0 auto; color: #2c2b2b; background:#fff;line-height:56px; font-weight:300;}
.nav li .lev2 li:hover a{ color:#fff; background:#d42b30}
.nav:hover li .lev2 li:hover a{ color:#fff; background:#d42b30}
.nav li .menu_fine{color: #d42b30;}
.min .nav li .menu_fine{color: #d42b30;}
.top:hover{ background:#fff;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.top:hover .ys_menu .logo{ float:left;}
.top.min{background:#fff;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.top.min #top_info{display:none;}
.top.min #nav li{height:92px;}
.top.min #nav li > a{height:92px; line-height:92px;}
.top:hover .nav ul li a{ color:#333;}
.min .nav li a{ color:#333;}
.min .nav li .lev2 li:hover a{ color:#fff; background:#d42b30}


.search{ float:right;}
.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width:40px;
  height:40px;
  margin:24px 0;
  padding: 0;
  outline: none;
  background:url(../images/ss.png) no-repeat;
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search.open:after {
  top: 40px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:92px;
  right:10%;
  width:300px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}


/* bannercss */
.slideBox{ width:100%; height:800px;overflow:hidden; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -125px;  bottom:60px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 10px; width:40px; height:5px;filter: Alpha(Opacity=70);opacity: 0.7; background:#000002;  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#c90000; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;   }
.slideBox .banner li{ zoom:1; vertical-align:middle; height:800px;}
.slideBox .banner li a{ display:block; width:100%; height:800px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1300px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.slideBox .prev, .slideBox .next {
    position: absolute;
    left: 1%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: transparent url("../images/slider-arrow.png") no-repeat scroll -110px 5px;
    opacity: 0.5;
}
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}


.ss{ height:70px; overflow:hidden;}
.ss_lt{ float:left; line-height:70px; color:#4e4d4d;}
.ss_lt b{ font-size:14px; color:#1f1f1f;}
.ss_lt a{ font-size:14px; padding:0 18px; color:#333;}
.ss_lt a:hover{ color:#f00;}
.souse{ height:34px; padding-top:18px; float:right;}
.sinput{float:left; width:212px;background:url(../images/ss_lt.png) no-repeat; border:0; height:34px; color:#bababa; padding-left:12px;font-family:"微软雅黑"; font-size:14px; outline:none; line-height:34px;} 
.sbtn{float:left; width:89px; height:34px;background:url(../images/ss_rt.png) no-repeat;  cursor:pointer;  display:inline-block;  border:0;} 

/* pro
-------------------------------------------------------------- */
.pro{
	width:100%;
	overflow:hidden;
	background:#efeeea;
	padding-top:50px;
	padding-bottom:80px;
	}

.protit .menu_i{
	}
.protit .menu_i ul li a:hover{
	
	}
.protit .more:hover a{
	color:#1a1a1a;
	}
.pro .prolist{
	width:100%;
	position:relative;
	}
.proscroll{
	width:100%;
	overflow:hidden;
	visibility:hidden;
	position:relative;
	z-index:-1;
	height:0;
	}
.proscroll .hide{
}

.proscroll.cur{
	visibility:visible;
	position:relative;
	z-index:1;
	height:auto;
	}
.proscroll.active{
	display:block;
	}
.pro .prolist dl,.pro .prolist dl dt,.pro .prolist dl dd{
	width:100%;
	overflow:hidden;border-radius: 2rem;
	}
.pro .prolist dl dt img{border:1px solid #d8d8d8;
	max-width:98%;
	height:auto; border-radius: 2rem; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;
	}
.prolist dl:hover dt img {
     transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);
}
.pro .prolist dl dd{
	line-height:30px;
	font-size:18px;
	color:#222222;
	text-align:center;
	padding:18px 0 0 0;
	}
.prolist .swiper-slide{
	padding:0 10px;
	}
.pro .prolist dl:hover dd{
	color:#d42b30;
	}
.pro .prolist .swiper-container .swiper-slide{
	opacity:0.8;
}
.pro .prolist .swiper-container .swiper-slide-active{
	opacity:1;
}
.prolist .swiper-button{
	overflow:hidden;
	}
.prolist .swiper-button{
	overflow:hidden;
	}
.prolist .swiper-button div{
	width:30px;
	height:30px;
	overflow:hidden;
	position:absolute;
	top:50%;
	margin-top:-25.5px;
	z-index:99;
	}
.prolist .swiper-button .swiper-button-prev{
	left:10%;
	}
.prolist .swiper-button .swiper-button-next{
	right:10%;
	}
.cpnr{background: #fff;padding: 2rem 2rem 0 2rem;border-radius: 2rem;box-sizing:border-box;min-width:0}
.pro_nr{display: grid; grid-template-columns: 0.2fr 0.8fr; gap: 3rem; margin-top: 3rem;}
.pro_tt{display: grid; grid-template-columns: 0.5fr 0.5fr; gap: 3rem; background: #fff; padding:.5rem .5rem 2rem .5rem;}
.pro_tt .pro_tt_lt img{border-radius: 2rem;border:1px solid #d8d8d8;max-width:100%;}
.pro_tt .pro_tt_rt{padding-top: 2rem;}
.pro_tt .pro_tt_rt dt{ font-size: 2rem;line-height: 4rem;}
.pro_tt .pro_tt_rt dd{ font-size: 1rem; line-height: 1.7rem;color:#777; margin-bottom: 2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.menu_i{
	overflow:hidden;
	text-align:right;
	}
.menu_i ul{
	overflow:hidden; 
	
	}
.menu_i ul li{
	overflow:hidden; line-height:3.5; background: #fff; margin-bottom: .6rem;
	border-radius:10px;width: 100%;
	}

.menu_i ul li a{
	display:block;
	text-align: center; font-size: 1.125rem;
	color:#222;
	}
.menu_i ul li:hover a,.menu_i ul li.active a{color:#fff;}
.menu_i ul li:hover a{
	background: -webkit-linear-gradient(left, #d42b30 , #ad0005);
    background: -o-linear-gradient(right, #d42b30 , #ad0005);
    background: -moz-linear-gradient(right, #d42b30 , #ad0005);
    background: linear-gradient(to right, #d42b30 , #ad0005);
	color:#fff;border-radius:10px;
	
	}
.menu_i ul li.active a{
	background: -webkit-linear-gradient(left, #d42b30 , #ad0005);
    background: -o-linear-gradient(right, #d42b30 , #ad0005);
    background: -moz-linear-gradient(right, #d42b30 , #ad0005);
    background: linear-gradient(to right, #d42b30 , #ad0005);
	color:#fff;border-radius:10px;
	
	}
.swiper-wrapper .swiper-slide{
  transform: translate3d(0px, 0, 0);
}
@keyframes anim-open-2 {
  0% {
    opacity: 0;
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    opacity: 1;
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
.swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}


.cpzs_item{ width:100%; text-align:center; height: auto; overflow: hidden; background: url(../images/cpzs_t.png) center 20px no-repeat; margin-top: 15px;}
.cpzs_item h2{ font-size:36px; line-height:50px; color: #1b1b1b; font-weight: bold;}
.cpzs_item b{ color: #d42b30;}
.cpzs_item span{color: #010101; font-weight: normal; font-size: 12px; text-transform: uppercase; clear: both; line-height: 24px; display: block; width: 100%;}
.cpzs_item p{font-family:"\5fae\8f6f\96c5\9ed1"; color:#555; font-size: 16px; line-height:40px;}
.cpzs_item_title{ width:930px; margin:20px auto 10px; height:42px;}



.jj{ height:auto; background:url(../images/jj_bj.jpg) center; padding-bottom: 100px;}
.jj_t{ padding-top:50px; text-align:center;}
.jj_t p{ font-weight:bold; font-size:30px; color:#fff; line-height:50px;}
.jj_t span{ color:#fff; background:url(../images/xi2.png) no-repeat center; display:block;}
.jj_sk{ padding-top:70px; overflow:hidden;}
.jj_sk li{ text-align:center;width:325px; float:left; background:url(../images/xi3.png) no-repeat right;}
.jj_sk li:last-child{ background:none;}
.jj_sk li p{ font-size:54px; color:#fff; line-height:30px;}
.jj_sk li p strong{ font-weight:300; color:#fff; font-size:14px;}
.jj_sk li span{ color:#acacac; line-height:20px;}
.jj_nr{  padding:50px 50px; line-height:30px; color:#fff; display:block;}
.jj_a a{width:156px; height:38px; line-height:38px; text-align:center; color:#fff; display:block; margin:0 auto; background:#222;-moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px;}
.jj_a a:hover{ background:#fff; color:#333;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}


.zjhj{ height:560px; background:url(../images/jj_bj.jpg); padding-top:50px}
.zjhj_lt{ float:left;width:900px; height:510px; position:relative;}
.zjhj_rt{ float:right; background:#fff;width:400px; padding:40px 36px; height:510px;}
.zjhj_rt p{ text-align:center; padding-top:10px; font-size:20px; color:#666; background:url(../images/xi.jpg) no-repeat center bottom; height:100px; line-height:40px;}
.zjhj_rt dl{ line-height:30px; color:#3c3c3c; padding-top:30px;}

.wrapper{ padding-top:20px;width:650px;right:0;height:120px;overflow:hidden;background:rgba(0,0,0,0.65); position:absolute; bottom:0;}
.wrapper li{ float:left; padding:0 40px; text-align:center; background:url(../images/sx.png) no-repeat right;}
.wrapper li:last-child{background:none;}
.wrapper li h2{ font-size:50px;color:#fff;font-family:"HeroicCondensed-Regular.ttf"; }
.wrapper .count-text{ font-size:15px; line-height:30px; color:#fff;}

.cfcj{ height:300px; overflow: hidden; background: #fff;width:1300px; margin: -50px auto 0;}
.blk_18 { overflow: hidden; zoom:1; font-size:9pt;width:1300px; margin:0 auto; padding-top:36px; padding-bottom:30px;}
.blk_18 .pcont { width:1244px; float:left; overflow:hidden;}
.blk_18 .ScrCont { width:32766px; zoom:1;}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left;}
.blk_18 .LeftBotton{ width:28px; height:58px; background:url(../images/gd_lt.png) no-repeat; margin-top:60px; text-indent:5px;line-height:58px; font-size:30px; font-family:"宋体"; float:left; color:#fff;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.blk_18 .RightBotton { width:28px; height:58px; background:url(../images/gd_lt.png) no-repeat; margin-top:60px; text-indent:10px; line-height:58px; font-size:30px; font-family:"宋体"; float:right; color:#fff;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.blk_18 .LeftBotton:hover{ background:#be140f;}
.blk_18 .RightBotton:hover{background:#be140f;}
.blk_18 .pl img{ display:block; cursor:pointer; border:none;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.blk_18 .pl img:hover {transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.blk_18 .pl { width:275px; float:left; float:left; text-align:center; line-height:30px; color:#515151; margin:6px 18px; font-family:"微软雅黑"; font-size:14px; overflow:hidden;}



/*应用范围*/
.yyfw{ background:url(../images/fw_bj.jpg) no-repeat center; background-attachment:fixed; height:auto;width:100%; margin-bottom:50px; overflow: hidden;padding-bottom:60px;padding-top:50px;}
.yyfw_top{ color:#fff; font-size:16px; padding-top:70px;}
.yyfw_top p{ font-weight:bold; font-size:40px; line-height:60px;}
.yyfw_nr{ padding-top:50px;}
.yyfw_nr ul li{ float:left;width:310px; height:207px; margin-right: 20px; margin-bottom: 20px; position:relative; overflow:hidden; background:#000;}
.yyfw_nr ul li:nth-child(4n){margin-right:0;}
.yyfw_nr ul li img{max-width: 100%; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out; opacity:1}
.yyfw_nr ul li img:hover{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2); opacity:1}
.yyfw_nr ul li p{ position:absolute; bottom:0px;left:22%;width:56%; background:rgba(255,255,255,.8); height:40px; text-align:center; line-height:40px; color:#222; font-size:16px; font-weight:bold;}


/*新闻*/
.news{ overflow:hidden;}
.news_top{ font-size:36px; color:#00235a; background:url(../images/pz.png) no-repeat center; height:auto; font-weight:bold; padding-top:80px; text-align:center; margin-bottom:30px; overflow:hidden;}
.news_top strong{ color:#d42b30;}
.news_top p{ display:block; text-align:center; font-size:18px; color:#444; font-weight:300; line-height:60px;}
.news_line{ height:1px; background:#e8e8e8;width:100%; margin-top: 50px;}
.slideTxtBox1{ width:1300px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.slideTxtBox1 .bd{}
.slideTxtBox1 .bd ul li{width:433px; float:left; padding:0 26px; border-right:1px solid #ececec;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.slideTxtBox1 .bd ul li:last-child{ border-right:none;}
.slideTxtBox1 .bd ul li:hover{ background:#fff;z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -6px, 0);transform:translate3d(0, -6px, 0)}
.slideTxtBox1 .bd ul li:hover .bd_e{ color:#fff; background:#232323;}
.slideTxtBox1 .bd ul li .bd_t{width:60px; height: 4px; font-size:16px; background: #d42b30; margin-top:30px; margin-bottom:15px;}
.slideTxtBox1 .bd ul li .bd_z{ font-size:20px; color:#232323; line-height:52px;}
.slideTxtBox1 .bd ul li .bd_z1{font-size: 16px; color: #999; line-height: 26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.slideTxtBox1 .bd ul li .bd_e{ color:#fff; font-size:14px; line-height:40px; height:40px; background:#d42b30; border-radius:30px; margin-bottom:40px;width:125px; text-align:center; margin-top:30px;}
.slideTxtBox1 .bd ul li img{ border-bottom:1px solid #ececec; padding-bottom:30px;}



/*产品分类*/
.incpzs_module_module{ width: 100%; height: auto; overflow: hidden; margin-top:20px;}
.cpfl_module{ width:230px; float:left; height:auto; overflow:hidden;}
.cpfl_item{ width:100%; height:auto; overflow:hidden;}
.cpfl_module_module{ clear:both; width:auto; height:auto; overflow:hidden; border-left: 3px solid #d32b2f; border-right: 3px solid #d32b2f; background: #FFF;}
.cpfl_content{ padding:10px 10px; background:url(../images/cpfl_bj.jpg) repeat-y;}
.cpfl_content ul li{ width:auto; margin:10px auto 0px; text-indent:10px;font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; line-height:45px;}
.cpfl_content ul li h2.selt{background:url(../images/cpfl_tb1.png) 10px center no-repeat #d42b30; color:#fff;}
.cpfl_content ul li h2.selt a{color:#fff;}
.cpfl_content ul li h2{ background:url(../images/cpfl_tb.png) 10px center no-repeat #e2e2e2; height:40px; text-indent: 40px; line-height:40px; font-weight:bold;font-size:16px; color:#333;}
.cpfl_content ul li h2 a{color:#333;}
.cpfl_content ul li h2 a:hover{color:#d32b2f;}
.cpfl_content ul li div ul li.column_active{color:#d42b30; font-weight: bold;}
.cpfl_content ul li div ul li.column_active a{color:#d42b30;}
.cpfl_content ul li div ul li:hover{ color:#FFF; }
.cpfl_content ul li div ul li:hover a{ color:#e1160c;}
.cpfl_content ul li a{ color:#FFF;}
.cpfl_bottom{ clear:both; width:100%;}
.fl_second{ clear:both; width:auto; margin:0px auto; height:auto; overflow:hidden; margin-top:6px;}
.fl_second ul li{ margin:0px; padding:0px; background:url(../images/cpfl_eb.png) 15px center no-repeat;  text-indent:30px;font-family:"\5fae\8f6f\96c5\9ed1"; height:36px; line-height:36px; color:#4a4a4a; font-size:14px; border-bottom: 1px solid #eee;}
.fl_second ul li a{ color:#4a4a4a;}
.fl_second ul li a:hover{ color:#F00;}
.content_p2{ width:100%; background: #efeeea;  padding: 20px 0px 20px; height:auto; overflow:hidden;}
.cpnr_module{ width: 1050px; height: auto; overflow: hidden; float: right;}
.cpzs_module{ width:1300px; margin:0px auto; height:auto; overflow:hidden;}
.cpzs_item{ width:100%; text-align:center; height: auto; overflow: hidden; background: url(../images/cpzs_t.png) center 20px no-repeat; margin-top: 15px;}
.cpzs_item h2{ font-size:36px; line-height:50px; color: #1b1b1b; font-weight: bold;}
.cpzs_item b{ color: #d42b30;}
.cpzs_item span{color: #010101; font-weight: normal; font-size: 12px; text-transform: uppercase; clear: both; line-height: 24px; display: block; width: 100%;}
.cpzs_item p{font-family:"\5fae\8f6f\96c5\9ed1"; color:#555; font-size: 16px; line-height:40px;}
.cpzs_item_title{ width:930px; margin:20px auto 10px; height:42px;}
.cpzs_bt{ clear:both; width:100%; line-height:38px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; color:#666; text-align:center;}
.cpzs_item_title ul li{ text-align:center; background:#FFF; width:170px; padding: 0px 0px; height:42px; line-height:42px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:16px; color:#222; margin:0px 8px; float:left;}
.cpzs_item_title ul li a{ color:#222;}
.cpzs_item_title ul li:hover{ background:#025bb5;}
.cpzs_item_title ul li:hover a{ color:#FFF;}
.cpzs_item_title ul li.selected{background:#025bb5; color:#FFF; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.cpzs_item_title ul li.selected a{color:#FFF;}
.cpzs_module_module{ clear:both; height:615px; overflow:hidden; padding:15px 0px;}
.cpzs_module_module ul li{ width:239px; height:285px; border:1px solid #FFF; background:#FFF;  float:left; margin-left:29px; margin-top:20px;}
.cpzs_module_module ul li a{ text-decoration:none;}
.cpzs_module_module ul li .cpzs_pic{ width:223px; height:181px; margin:10px auto;}
.cpzs_module_module ul li img{ width:223px; height:181px;}
.cpzs_module_module ul li .cpzs_title{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:16px; margin-left:10px; color:#333; line-height:35px; width:223px; height:35px;}
.cpzs_module_module ul li.eq0{ margin-left:0px;}
.cpzs_more{ width:68px; height:28px; float:right; margin-right:10px; line-height:28px; border:1px solid #ddd;font-family:"\5fae\8f6f\96c5\9ed1"; color:#666; font-size:14px; text-align:center;}
.cpzs_module_module ul li:hover .cpzs_more{ color:#FFF;}
.cpzs_module_module ul li .cpzs_more a{ color:#666; display:block;}
.cpzs_module_module ul li .cpzs_more a:hover{ background:#c7313a; color:#FFF;}
.cpzs_module_module ul li:hover{ background:#c7313a; z-index:2;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/  
    -moz-box-shadow:2px 2px 5px #969696;/*firefox*/  
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/  
    box-shadow:2px 2px 5px #969696;/*opera或ie9*/ 
}
.cpzs_module_module ul li:hover .cpzs_title{ color:#FFF;}
.cpzs_module_module ul li:hover .cpzs_more a{ color:#FFF;}

.zscp_module_module{clear:both; height:auto; overflow:hidden; padding:0px 0px 0px;}
.zscp_module_module ul li{ width:320px;height:auto; float:left; }
.zscp_module_module ul li img{  height:256px; overflow: hidden; }
.zscp_module_module ul li p{ clear:both;font-family:"\5fae\8f6f\96c5\9ed1"; color:#454545; width: 100%; font-size:14px; text-align:center;}
.zscp_module_module ul a:hover img{ border: 1px solid #d42b30; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;
}
.zscp_module_module ul li img:hover{}
.zscp_module_module ul li:hover p{ color:#FFF; background: #d42b30; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.content12 .hide{ display:none}



.w1210 {width: 1300px; margin: 0 auto; position: relative;}
.footer {background:url(../images/end_bj.jpg) no-repeat center; height:394px; overflow:hidden;}
.footer_t{ height:130px; background:url(../images/xi2.png) repeat-x bottom;}
.footer_t img{ float:left; padding-top:30px;}
.footer_t ul{ float:right; line-height:130px;color:#d5d5d5;}
.footer_t ul a{ font-size:14px; color:#d5d5d5; padding:0 17px; line-height:130px;}
.footer_t ul a:hover{ color:#f00;}
.footer_zh{ height:64px;background:url(../images/xi2.png) repeat-x bottom; line-height:64px;}
.footer_zh li{ float:left; color:#c9c9c9; margin-right:110px;}
.footer_zh li:last-child{ margin-right:0;}
.footer_zh li i{ color:#fff; font-size:30px; float:left; padding-right:5px;}
.footer_e{ padding-top:30px;}
.footer_e .fl{ line-height:34px; font-size:13px; color:#d5d5d5;}
.footer_e .fl div a{color:#d5d5d5;padding:0 10px;}
.footer_e .fl div a:hover{color:#f00;}
.footer_e .fl div a:first-child{padding: 0;}
.footer_e .fr dl{float: left; margin-left: 20px;font-size: 14px;color:#d5d5d5; line-height: 30px;}
.footer_e .fr img{width: 120px; height: 120px;}
.link{ height:54px; background:#121212; line-height:54px; color:#d5d5d5; font-size:12px;}
.link .fl a{ color:#d5d5d5; font-size:12px; margin:0 20px;}
.link .fl a:hover{ color:#f00;}
.link .fr{ color:#8b8b8b;}
.link .fr a{ color:#8b8b8b;}
.link .fr a:hover{ color:#f00;}



.nyban1{ height:400px; background:url(../images/nyban1.jpg) no-repeat center;}
.ny_nav{ height:60px; margin-top:-35px; line-height:60px;text-align:center;}
.ny_nav li{ display:inline-block;width:160px; height:60px; line-height:60px; text-align:center; font-size:16px; box-shadow:0px 2px 3px #e5e1e1;}
.ny_nav a{ color:#333; line-height:60px; text-align:center; background:#fff; display:block;width:100%; height:100%;}
.ny_nav ul .column_active{ background:#db241e; color:#fff;}
.ny_nav ul li a:hover{ background:#db241e; color:#fff;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666;}
.ny_ll ul p{ border-bottom:2px solid #d42b30; line-height:58px; font-size:14px; display:inline-block;}
.ny_ll ul p i{ font-size:12px;}
.nynr{ line-height:34px; color:#333; font-size:14px; padding:30px 0;}