body {padding:0;margin:0;font-family:'Microsoft YaHei',Arial;}
.top_line {width:100%;height:34px;background:#9c221f;font-size:0;}
.top {width:100%;height:100px;}
.top .top_con {width:1000px;height:100px;margin:0 auto}
.top .logo {width:177px;height:48px;margin-top:18px;}
/*  nav */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.top .nav_bar{position:relative;z-index:99;height:35px;line-height:35px;color:#333;margin-top:60px;}
.nav{position:relative;margin:0 auto; font-family:"Microsoft YaHei";font-size:18px;/*border-bottom:3px solid #9c221f;*/z-index:99}
.nav a{color:#555;text-decoration:none}
.nav a:hover{color:#9c221f;text-decoration:none}
.nav h3{font-size:100%;font-weight:normal;}
.nav h3 a{display:block;width:90px;text-align:center;font-size:16px;}
.nav .m{float:right;position:relative;z-index:1;margin-right:18px;}
.nav .s{float:right;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
.nav .sub{display:none;position:absolute;top:40px;z-index:99;width:90px;border:1px solid #E6E4E3;border-top:0; background:#fff;
          opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);background:rgba(255,255,255,0.9);
}
.nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px;}
.nav .sub li a{display:block; border-bottom:1px solid #E6E4E3;padding:8px 0;height:25px;line-height:25px;color:#333;font-size:14px;}
.nav .sub li a:hover{color:#9c221f;text-decoration:none}
.nav .block{height:3px;width:90px;background:#9c221f;position:absolute;left:0;top:30px;overflow:hidden;}
.top_dis {width:100%;height:60px;position:fixed;top:0;left:0;z-index:999;background:#fff;display:none;_position:absolute
              ;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop));
               /*opacity:0.8;background-color: rgba(255,255,255,0.8);
          -moz-opacity:0.8;filter:alpha(opacity=80);*/
}
.top_dis .top_con {width:1000px;height:60px;margin:0 auto;}
.top_dis .logo {width:177px;height:48px;margin-top:5px;}
.top_dis .nav_bar{position:relative;z-index:1;height:42px;line-height:42px;color:#333;}
.contain {width:100%;height:auto;padding-bottom:55px;background:url(../images/bg.png) repeat;}
.contain_con {width:1000px;height:auto;margin:0 auto;padding-top:40px;}
.m_link {width:1000px;height:30px;}
.m_link a{display:block;line-height:30px;color:#434242;font-size:16px;float:left;margin-right:5px;}
.m_link a#curr{color:#d71518}
.about {width:1000px;height:auto;margin-top:5px;}
.a_tit {width:126px;height:34px;background:#9c221f;margin-top:10px;}
.a_tit span{display:block;line-height:30px;color:#fff;text-align:center;font-size:28px;}
.a_con {width:834px;height:auto;}
.a_con p{color:#434242;font-size:14px;line-height:30px;}
.scroll{width:100%;color:#333333;overflow:hidden;margin-top:148px;}
.scroll img{margin:0 5px;}
.bottom {width:100%;height:300px;background:#9c221f;}
.bot {width:1000px;height:300px;margin:0 auto;}
.botcon {width:1000px;height:202px;margin-top:50px;display:inline-block}
.bot_o {width:185px;height:202px;}
.bot_o a{font-size:16px;color:#fff;border-bottom:1px solid #cb9897;display:block;line-height:30px;}
.bot_o p a{font-size:12px;color:#fff;line-height:20px;margin-top:20px;display:block;border:none}
.bot_s {width:351px;height:202px;margin-left:85px;}
.bot_s a{font-size:16px;color:#fff;display:block;border-bottom:1px solid #cb9897;line-height:30px;}
.bot_pic {width:351px;height:100px;/*background:#364653;*/margin-top:25px;}
.bot_t {width:290px;height:202px;margin-left:85px;}
.bot_t a{font-size:16px;color:#fff;margin-bottom:20px;display:block;border-bottom:1px solid #cb9897;line-height:30px;}
.bot_t p{font-size:12px;color:#fff;line-height:20px;}
.bot_t p a{font-size:12px;color:#fff;line-height:20px;text-decoration:none}
.weixin{width:86px;height:84px;margin-top:50px;margin-left:40px;}
.weixin img{width:86px;height:84px;}
.code {width:1000px;height:36px;margin-top:30px;}
.pie {width:36px;height:36px;margin-left:305px;}
.code_con {margin-left:10px;color:#fff;font-size:14px;}
.adipoli-wrapper{margin:auto;position:relative;display:inline-block;float:left;}
.adipoli-wrapper > img{position:absolute;z-index:1;}
.adipoli-before{position:absolute;z-index:5;}
.adipoli-after{position:absolute;z-index:10;}
.adipoli-slice {display:block;position:absolute;z-index:15;height:100%;}
.adipoli-box{display:block;position:absolute;z-index:15;}
.effect-container{width:226px;height:155px;}
.effect-container .img-style{height:75px;width:110px;display:block;overflow:hidden}
.effect-container .img-style img{height:75px;width:110px;display:block;clip:rect(0px 50px 40px 0px);z-index: 0;*position:static;}
.effect-container a:hover img{z-index:2; clip:rect(0px 0px 0px 0px);width:220px;height:150px;}
.effect-details{font-family:arial, sans-serif;font-size:14px;color:#666;}
.gallery {width: 351px;}
.gallery > div { position: relative;margin-left:5px;width:110px;height:100px;}
.gallery > div a{display:block;width:110px;height:100px;}
.gallery > div > a > img { width: 110px; transition: .1s transform;transform: translateZ(0); /* hack */height:100px;}
.gallery > div:hover {  z-index: 1;}
.gallery > div> a:hover > img { transform: scale(1.5, 1.5);transition: .3s transform;}
.cf:before, .cf:after { display: table; content: ""; line-height: 0;}
.cf:after { clear: both;}
.honor {width:1060px;height:auto;margin-top:5px;margin-left:-60px;}
/*.honor ul{margin-left:-60px;}
.honor ul li{float:left;width:292px;height:244px;margin-left:60px;margin-bottom:40px;}
.honor ul li a{width:292px;height:244px;display:block;}
.honor ul li a img{width:292px;height:214px;}
.honor ul li a span{display:block;width:292px;height:30px;line-height:30px;color:#434242;font-size:14px;text-align:center;}*/
.honor .img { float: left; width: 292px; height: 244px;  margin: 0 1px 1px 0;overflow:hidden }
.honor .img .inner { position: relative; width:292px; height:214px; }
.honor .img .inner div { position: absolute; top: 0; left: 0; width:292px; height:214px; }
.honor .img .inner img {width: 100%; height: 100%;  }
.honor .img {margin-left:60px;margin-bottom:40px;}
.honor .img span{width:292px;height:30px;display:block;text-align:center;color:#434242;font-size:14px;line-height:30px;}
.honor .img .inner div:last-child { opacity: 0; }
/*gh_jng*/
.jng {width:1160px;height:auto;margin-top:5px;margin-left:-75px;}
.jng .img { float: left; width: 348px; height: 282px;  margin: 0 1px 1px 0;overflow:hidden }
.jng .img .inner { position: relative; width:348px; height:242px; }
.jng .img .inner a{width:348px; height:242px;display:block}
.jng .img .inner div { position: absolute; top: 0; left: 0; width:348px; height:242px; }
.jng .img .inner img {width: 100%; height: 100%;  }
.jng .img {margin-left:160px;margin-bottom:40px;}
.jng .img span{width:348px;height:40px;display:block;text-align:center;color:#434242;font-size:16px;line-height:40px;}
.jng .img .inner div:last-child { opacity: 0; }
/*jhgy*/
.lest{width: 1000px;height: 714px;position: relative;background: #fff;margin-top:60px;}
.box1,.box2,.box3,.box4,.box5,.box7,.box6,.box8,.box9{width: 330px;height: 228px;float: left;margin: 0 15px 15px 0;
	overflow: hidden;position: absolute;	}
.box1{top: 0;left: 0;}
.box2{top: 0;left: 335px;}
.box3{top: 0;left: 670px}
.box4{top: 243px;left: 0;}
.box5{top: 243px;left: 335px;}
.box6{top: 243px;left: 670px;}
.box7{top: 486px;left: 0;}
.box8{top: 486px;left: 335px;}
.box9{top: 486px;left: 670px;}
.jh_info {width:1000px;height:auto;margin-top:60px;position:relative}
.info_l {width:506px;height:350px;display:block;}
.info_l img{width:506px;height:350px;display:block;}
.info_r {width:338px;height:auto;position:absolute;right:0;bottom:0;}
.info_r h1{color:#472803;font-size:20px;text-decoration:underline;margin-bottom:60px;}
.info_r p{color:#3a3939;font-size:14px;line-height:25px;}
.spinningeffect img {
/*-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;*/
}
.spinningeffect img:hover {
/*-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);*/
}
.info_l a{display:block;width:506px;height:350px;}
.info_l a:hover{
	 opacity: 0.9;  
    color: #fff;  
    background: rgba(0,0,0,0.8);
}
/* tab */
.tab{width:1000px;height:auto;overflow:hidden;margin-top:60px;}
.tab .tab_pic ul{height:395px;width:999em;position:relative;}
.tab .tab_pic ul li{float:left;}
.tab .tab_pic ul li a{display:block;}
.tab_pic{float:left;width:565px;height:395px;overflow:hidden;position:relative;}
.tab_txt{float:right;width:312px;height:395px;overflow:hidden;position:relative;}
.tab .tab_pic .prev {display:block;width:31px;height:31px;float:right;margin:0 0 0 1px;overflow:hidden;
                                        cursor:pointer;background:url(../images/tab_btn.png);position:absolute;left:0;
}
.tab .tab_pic .next{display:block;width:31px;height:31px;float:right;margin:0 0 0 1px;overflow:hidden;
                                        cursor:pointer;background:url(../images/tab_btn.png);position:absolute;right:0;}
.tab .tab_pic .next{background-position:31px 0px;}
.tab .tab_txt ul{position:relative;}
.tab .tab_txt ul li{width:312px;height:395px;padding:10px;float:left;}
.tab .tab_txt ul li h3 img{width:auto;height:33px;margin-bottom:35px;}
.tab_san{display:block;width:17px;height:34px;position:absolute;top:29px;right:0;}
.btn_bg{width:565px;height:33px;display:block;position:absolute;left:0;bottom:0;z-index:1;}
.btn_ct{width:565px;height:31px;padding:1px;display:block;position:absolute;left:0;bottom:190px;z-index:2;}
.jng_info {width:300px;height:auto}
.jng_info span{/*width:288px;height:25px;display:block;background:url(../images/jng/point.png) left center no-repeat;padding-left:12px;
               */font-size:14px;line-height:25px;color:#434242;
}
.jng_info p{color:#434242;font-size:14px;line-height:25px;/*width:288px;margin-left:12px;overflow:hidden*/}
/*znkz*/
.znkz {width:1000px;height:422px;position:relative}
.znkz img{width:262px;height:178px;}
.znkz .z1{width:262px;height:178px;position:absolute;left:280px;top:5px;border:2px solid #959597}
.znkz .z2{width:262px;height:178px;position:absolute;left:0px;top:5px;border:2px solid #959597}
.znkz .z3{width:262px;height:178px;position:absolute;left:0px;top:201px;border:2px solid #959597}
.znkz .z4{width:262px;height:178px;position:absolute;left:280px;top:201px;border:2px solid #959597}
.znkz .z5{width:318px;height:auto;position:absolute;right:62px;top:66px;}
.z5 h1{width:318px;height:27px;padding:0;margin:0;}
.z5 h1 span{color:#000;font-size:18px;height:28px;width:auto;line-height:28px;}
.z5 h2{width:318px;height:27px;padding:0;margin:0;color:#000;font-size:14px;font-weight:normal;margin-top:10px;
}
.z5 p{width:318px;color:#303030;font-size:14px;margin-top:20px;line-height:25px;}
.sss{z-index:1;/*transform:scale(1.2);*/}
.ss{z-index:2}
.tab .tab_txtt  h3 img{width:auto;height:33px;margin-bottom:35px;}
/*.whln {width:100%;height:auto;}
.whln img{width:100%;height:auto;}*/
/* brand-list */
.brand-list{width:1000px;margin:0 auto;}
.brand-list .item{position:absolute;width:300px;background:url(images/132.gif) no-repeat center center;top:0;left:40%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.brand-list .additem{width:377px;border:none;}
.brand-list .item h3{font-size:42px;color:#666;font-family:arial;font-size:18px;font-weight:800;line-height:.8;margin-bottom:20px;}
.brand-list .item p{margin-bottom:15px;}
.boxgrid{width:300px;height:227px;overflow:hidden;position:relative;}
.boxgridq{width:300px;height:488px;overflow:hidden;position:relative;}
.item .boxgrid h3{margin:25px 0px 10px 0px;color:#FFF;font:20px 微软雅黑, sans-serif;letter-spacing:-1px;font-weight:bold;text-align:center;}
.boxgrid img{position:absolute;top:0;left:0;border:0;}
.boxgrid p{color:#afafaf;font-weight:bold;text-align:center;}	
.boxgrid p a{text-decoration:none;color:#FFF;font-family:微软雅黑;font-size:12px;}
.boxcaption{float:left;position:absolute;background:url(images/28.png);height:200px;width:100%;}
.boxcaptiona{float:left;position:absolute;background:url(images/28.png);height:200px;width:100%;}
.caption .boxcaption{top:165px;left:0px;}
.captiona .boxcaptiona{top:427px;left:0px;}
.zytd {width:1000px;height:auto;margin-top:5px;}
.zy_img {width:1000px;height:508px;}
.zy_img img{width:80%;height:auto;margin:0 auto;}
.zy_info {width:1000px;height:auto;}
.zy_info p{background:url(../images/jpfu/point.png) left center no-repeat;padding-left:35px;margin-left:20px;font-size:14px;margin-top:20px;
           line-height:25px;
}

.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.icon-arrow-a-left, .icon-arrow-a-right {  }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
    .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
    .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }
#main {overflow: hidden; zoom: 1; position: relative; }
#index_b_hero { width: 1000px; height: 341px; margin: auto; position: relative; }
#index_b_hero img { width: 1000px; height:341px; }
#index_b_hero .heros { width:1000px; height: 341px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; left:0px; }
#index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
#index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
#index_b_hero .next { margin: -25px 5px 0 0; right: 0; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {  z-index: 1; position: absolute; top: 0; left: 0; width: 1000px; height:341px; overflow: hidden; left: 1920px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1000px; 
background: url(../images/banner_tm.png) repeat; overflow: hidden; }
#index_b_hero .mask-right { left:1000px; }
#index_b_hero .active { z-index: 2; left: 0; }
.b_tit {width:500px;height:68px;position:absolute;top:44px;z-index:99;/*left:20%;*/}
.b_tit  img{width:500px;height:68px;}
.b_zi {color:#f3f2f2;font-size:17px;position:absolute;/*top:250px;*/z-index:99;right:-38px;letter-spacing: 1px;}
.contact {width:1000px;height:auto;margin-top:5px;}
.contact p{font-size:14px;line-height:25px;color:#434242;}
#container {width:700px;height:400px;margin:0 auto;margin-top:20px; }
.join {width:1000px;height:auto;margin-top:5px;}
.join ul li{width:1000px;height:25px;}
.join ul li a{display:block;float:left;font-size:14px;line-height:25px;color:#434242;
              background:url(../images/dot2.gif) left center  no-repeat;padding-left:25px;
}
.join ul li a:hover{color:#d71518}
.join ul li a:active{color:#d71518}
.join ul li span{display:block;float:right;font-size:14px;line-height:25px;color:#434242;}
.culture_01{background:#eee;height:22px;line-height:22px;padding-left:30px;}
.culture_01 span{display:inline-block;padding:0 8px;background:#fff;color:#d71518;font-size:14px;font-weight:bold;}
.culture_02{padding:8px 0 20px 38px;}
.culture_02 p{font-size:14px;line-height:25px;color:#434242;}
.culture_02 p a{font-size:14px;line-height:25px;color:#d71518;}
/*CSS manu style pagination*/
.pagination { padding: 3px; margin: 3px; text-align:left;margin-top:40px;}
.pagination a { border: #eee 1px solid; padding: 4px 8px; margin: 2px; color: #434242;text-decoration: none;}
.pagination a:hover { border: #999 1px solid;color: #666;}
.pagination a:active { border: #999 1px solid; color: #666;}
.pagination .current { border: #d71518 1px solid; padding: 4px 8px; margin: 2px;color: #fff; font-weight: bold; background-color: #d71518;}
.pagination .disabled { border: #eeeeee 1px solid; padding: 4px 8px; margin: 2px; color: #ddd;}
.whln {width:1000px;height:500px;margin-top:60px;background:#454545;background-size:1000px 500px;
       background-position-y:40px;padding-top:40px;position:relative
}
.whln  .big{display:block;clear:both;color:#fff;font-size:14px;margin-right:200px;font-weight:500;}
.whln  .small{display:block;clear:both;color:#fff;font-size:12px;font-weight:500;margin-right:20px;}
.whln h3 span{color: #FFF;font-size:12px;line-height:40px;}
.bgcolor-8 {position:absolute;top:40px;right:0;}
/* Grid */
.grid {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	list-style: none;
	padding: 3em 0 0 0;
	margin: 0 auto;
	max-width: 1020px;
}

.grid__item {
	margin: 0 65px 100px;
	width: 100%;
}

.grid--xray .grid__item {
	margin: 0 20px 20px;
	width: 300px;
}

.grid__item-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1em;
	padding: 1em 0;
	font-weight: bold;
}

.grid__item-title code {
	color: #aaa;
	font-weight: normal;
	font-size: 0.85em;
}

.grid--xray .grid__img {
	width: 300px;
	height: 300px;
}

.grid__img img {
	max-width: 100%;
	display: block;
}

.grid__img--border .tilt__back,
.grid__img--border .tilt__front {
	border: 1px solid #333;
}

.grid__img--border .tilt {
	overflow: visible;
} 

/* Examples custom styles */
.grid--examples {
	max-width: 830px;
}

.grid--examples .grid__img {
	position: relative;
	height: 0;
	padding-bottom: 66.714%;
	overflow: hidden;
}

.grid--examples .tilt {
	position: absolute;
	top: 0;
}

.grid__img--example-2::after {
	content: '';
	position: absolute;
	box-shadow: inset 0 0 50px 30px rgba(2,0,37,0.8);
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.grid__img--example-3 .tilt {
	-webkit-filter: grayscale(100%) brightness(105%) contrast(120%);
	filter: grayscale(100%) brightness(105%) contrast(120%);
	-webkit-transition: filter 0.5s, -webkit-filter 0.5s;
	transition: filter 0.5s, -webkit-filter 0.5s;
}

.grid__img--example-3 .tilt:hover {
	-webkit-filter: none;
	filter: none;
}

.grid__img--example-4 .tilt {
	width: 120%;
	height: 120%;
	top: -10%;
	left: -10%;
}
.tilt {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.tilt__back,.tilt__front {
	width: 1000px;
	height:500px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 1000px 500px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tilt__back {
	position: relative;
}

.tilt__front {
	position: absolute;
	top: 0;
	left: 0;
}
canvas{
  display:block;
  vertical-align:bottom;
}


/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%;
  /* background-color: #b61924; */
  background-image: url('../images/whln.png');
  background-size:1000px 500px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/*part*/
.part {width:1000px;height:auto;/*padding-top:40px;*/margin-bottom:40px;display:inline-block;}
.part ul{display:block;margin:0 auto;width:850px;height:auto;margin-left:75px;}
.part ul li{float:left;width:160px;height:80px;margin-right:10px;margin-bottom:20px;}