body {
	margin: 0px;
	text-align:center;
	}
body,td,font,a,span, p,input {
	font-size: 16px;
	line-height:24px; font-family: "windows yahei"} 


p{ padding:0; margin:0;}
a{text-decoration:none}
img{ border:0}
.clear{clear:both;font-size:0; line-height:0; height:0; padding:0; margin:0}

@font-face { 
font-family:Bebas; 
src: url('Bebas.eot'); /* IE9 Compat Modes */ 
src: url('Bebas.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
  url('Bebas.woff') format('woff'), /* Modern Browsers */ 
  url('Bebas.ttf')  format('truetype'), /* Safari, Android, iOS */ 
  url('Bebas.svg#Bebas') format('svg'); /* Legacy iOS */ 

}


#fp-nav {
    position: fixed;
    z-index: 100;
	width:17px;
    top: 50%;
	right:3%;
    opacity: 1;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 17px;
    height: 17px;
    margin:10px 0px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background:  url(../images/lcbgh.png) no-repeat
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 17px;
    height:17px;
    background: url(../images/lcbg.png) no-repeat;
    position: absolute;
    z-index: 1;
}
.section1{min-width:1280px;position:relative; z-index:991; padding-bottom:20px;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1280? '1280px' : 'auto')}
.section2{min-width:1280px; height:100%; position:relative; z-index:992;padding-bottom:20px; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1280? '1280px' : 'auto')}
.section3{ height:100%;position:relative; z-index:993;padding-bottom:20px; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1280? '1280px' : 'auto')}
.section4{min-width:1280px; height:100%;position:relative; z-index:994;padding-bottom:20px; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1280? '1280px' : 'auto')}
.section5{min-width:1280px; height:100%;position:relative; z-index:995; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1280? '1280px' : 'auto')}

.s-header{position:absolute;left:0;right:0;top:0;z-index:1030;height:90px}
.s-header .s-brand{float:left;padding-top:20px; padding-left:100px}
.s-header .s-brand>img{display:block;height:55px}

.s-header .menu{float:left; padding-top:30px; padding-left:9%}
.s-header .menu a{ display:inline-block; font-size:18px; color:#FFF; margin: 0 22px}
.s-header .menu a:hover,.s-header .menu .focus{ color:#b61d23}


.s-header-widgets{float:right;padding-top:30px; margin-right:5%; position:relative}

.wx li { background:none; } 
.wx > li { display: block; float: left; height: 17px; position: relative; margin-left: 30px; }
.wx a { color: #ccc; display: block; font-size: 20px; line-height: 90px; padding: 0px; text-decoration: none; text-transform: uppercase; } 
.wx li > a .dhtb { display: inline-block; width: 22px; height: 17px;background:url(../images/wx.png) no-repeat;opacity:0.8; transition:opacity 0.5s ease 0s; background-repeat: no-repeat; } 
.wx li:hover > a .dhtb { opacity:1; } 
.wx .submenu a {display: block; line-height:inherit; padding: 0px; text-decoration: none; text-transform: uppercase; } 
.wx li:hover { }
.wx li:hover > a { color: #fff; } 
.wx li > a img.nav_image { opacity:1; transition:opacity 0.5s ease 0s; } 
.wx li:hover > a img.nav_image { opacity:1; }
.submenu { left: -23px; position: absolute; top:25px; z-index: 0; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; }
.submenu li { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s; -ms-transition: opacity .4s, -ms-transform .5s; -o-transition: opacity .4s, -o-transform .5s; transition: opacity .4s, transform .5s; } 
.submenu .ewm{ width:70px; height:70px;}
.wx .submenu li:hover a { color: #ffffff; } 
.wx > li:hover .submenu, .menu > li:focus .submenu { max-height: 2000px; z-index: 10; }
.wx > li:hover .submenu li, .menu > li:focus .submenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 

.about{ position:fixed;right:0;top:0;width:440px; height:400px; background:#FFF;
  transition: ease-in 0.5s all;
  -moz-transition: ease-in 0.5s all;
  -webkit-transition: ease-in 0.5s all;
  -o-transition: ease-in 0.5s all;
  -ms-transition: ease-in 0.5s all;
  z-index: 9999999;
  height: 100%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); }

.close{ display:inline-block; position:absolute; right:65px; top:50px;}
.aboutcon{ padding:60px; text-align:center; margin-top:60px}
.aboutcon img{ display:block; margin:60px auto 0}
.aboutcon p{ display:block;text-align:center; font-size:16px; color:#6a6a6a; line-height:32px; padding-top:50px}
.aboutcon .ewm{ width:104px; height:104px}


html,body,ul,li,p {
	margin:0;
	padding:0;
	list-style:none;
}

.fullSlide {
	min-width:1440px;width:auto; position:relative;
	height:747px;
	background:#ffffff; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1440? '1440px' : 'auto');
}
.fullSlide a:hover{ background:none}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:747px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:747px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:30px;
	left:0;
	height:0;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center; width:1440px; margin:0 auto
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:10px;
	height:10px;
	margin:5px;
	overflow:hidden;
	background: url(../images/dot.png) no-repeat;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background: url(../images/dothover.png) no-repeat;
}

.home-service{ clear:both;width:100%;height:208px; margin-top:5px; position:relative}
.jwpf-column{ position:relative;width:20%; border-left:solid 4px #FFFFFF;height:208px;}
.jwpf-column-addons{position:relative;z-index:1;width:100%; height:208px}
.md-1{ background:url(../images/md-1.jpg) no-repeat;background-size:100% 100%;background-size:cover;width:20%;height:100%; left:0; top:0; border:0}
.md-2{ background:url(../images/md-2.jpg) no-repeat;background-size:100% 100%;background-size:cover;width:20%;height:100%; left:20%; top:-208px;}
.md-3{ background:url(../images/md-3.jpg) no-repeat;background-size:100% 100%;background-size:cover;width:20%;height:100%; left:40%; top:-416px;}
.md-4{ background:url(../images/md-4.jpg) no-repeat;background-size:100% 100%;background-size:cover;width:20%;height:100%; left:60%; top:-624px;}
.md-5{ background:url(../images/md-5.jpg) no-repeat;background-size:100% 100%;background-size:cover;width:20%;height:100%; left:80%; top:-832px;}


.home-service .jwpf-column .jwpf-column-addons > div {
	position: absolute;
	left: 0;
	top: -80%;
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.home-service .jwpf-column .jwpf-column-addons > div:nth-of-type(1) {
	left: 15%;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(opacity=20);
	opacity: 0.2;
}


.home-service .jwpf-column .jwpf-column-addons > div:nth-of-type(2) {
	left:17%; 
	top: calc(50% - 55px);
}

.home-service .jwpf-column .jwpf-column-addons > div:nth-of-type(3) {
	left:17%;
	top: calc(50% - 50px); 
}

.home-service .jwpf-column .jwpf-column-addons > div:nth-of-type(4) {
	left: 0;
	width: 100%;
	height: 100%;
}

/* a链接 */
.home-service .jwpf-column .jwpf-column-addons > div:nth-of-type(4) * {
	width: 100%;
	height: 100%;
}

.home-service .jwpf-column .jwpf-column-addons > div:nth-of-type(4) .jwpf-addon-content > a {
	display: block;
	width: 100%;
	height: 100%; margin-top:200px}

.home-service .jwpf-column .jwpf-column-addons > div h3 {
	font-size: 180px;
	line-height: 180px;
	font-weight: bold;
	color: #fff; font-family: "Bodoni Bd BT"
}
.home-service .jwpf-column .jwpf-column-addons > div h4 {
	font-size: 14px;color: #fff; line-height:26px; font-weight:normal; display:block; white-space:nowrap;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	 font-family: Arial, Helvetica, sans-serif
}

.home-service .jwpf-column .jwpf-column-addons > div h5 {
	font-size: 26px; color:#FFF;white-space:nowrap;
	line-height: 30px;
	font-weight: bold;
}

.home-service .jwpf-column .jwpf-column-addons:hover > div:nth-of-type(1) {
	left: 50%;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(opacity=20);
	opacity: 0.2;
	-o-transform: translate3d(-50%, 0, 0) scale(0.8);
	-ms-transform: translate3d(-50%, 0, 0) scale(0.8);
	-moz-transform: translate3d(-50%, 0, 0) scale(0.8);
	-webkit-transform: translate3d(-50%, 0, 0)scale(0.8);
	transform: translate3d(-50%, 0, 0) scale(0.8);
}

.home-service .jwpf-column .jwpf-column-addons:hover > div:nth-of-type(2),
.home-service .jwpf-column .jwpf-column-addons:hover > div:nth-of-type(3) {
	left:50%; 
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-o-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}



.s-index-about{position:relative;overflow:hidden;padding:3% 0;}
.particles-container{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#f9f9f9}

.aboutus-intro {width:1200px; margin:0 auto; position:relative}
.aboutus-intro .intro-img { float:right;width:585px; height:659px;position: relative;z-index: 99; }
.aboutus-intro .intro-img img {width:585px; height:659px;}
.aboutus-intro .intro-content {width:615px;padding:47px 7px; padding-right:0; text-align:left}
.aboutus-intro .introbj{ background:#FFF; padding:70px 50px}
.aboutus-bold{ background:url(../images/redline.jpg) no-repeat left top; padding-top:20px;font-size:14px; color:#7c7c7c; line-height:30px; font-family:Arial, Helvetica, sans-serif}
.aboutus-bold span{ display:block;font-size:36px; color:#3a3a3a; line-height:54px}
.aboutus-bold span font{font-size:36px;color:#b61d23} 
.desc{ font-size:18px; color:#555555; line-height:30px; margin:25px 0 60px}
 
figure {position: relative;overflow: hidden; }
figure .figure-hover:after {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 50%;
    content: "";
    left: 0%;
    position: absolute;
    right: 0%;
    top: 51%;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    opacity: 1;
    z-index: 9; }
figure .figure-hover:before {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0%;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0%;
    opacity: 1;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    z-index: 9; }
figure:hover .figure-hover:before {
    left: 0%;
    right: 0%;
    opacity: 0;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s; }
figure:hover .figure-hover:after {
    top: 0%;
    bottom: 0%;
    opacity: 0;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s; }
.line {
  position: absolute;
  content: '';
  background-color: #f9f9f9;
  background-image: url("../images/bg-pattern.png");
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.15;
  z-index: 9; }
  .line1 {
  width: 100%;
  top: 30px;
  left: 0;
  height: 5px; }

.line2 {
  width: 5px;
  height: calc(100% - 60px);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%); }

.line3 {
  width: 100%;
  bottom: 30px;
  left: 0;
  height: 5px; }

.line4 {
  width: 5px;
  height: calc(100% - 60px);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%); }
.aboutus-intro .line1 {
  width: calc(100% - 94px);
  top: 40px;
  height: 7px; }
.aboutus-intro .line3 {
  width: calc(100% - 94px);
  bottom: 40px;
  height: 7px; }
.aboutus-intro .line2 {
  height: calc(100% - 94px);
  width: 7px; }
.aboutus-intro .line4 {
  height: calc(100% - 94px);
  width: 0; }

.au-btn:after{
  display: flex;
  display: -webkit-flex; }

.au-btn {
  color:#555555;
  position: relative;
  border: 1px solid #B0B0B0;
  text-transform: uppercase;
  padding: 12px 28px;
  display: inline-block;
  z-index: 99; }
.au-btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform 0.15s, 0.15s border-radius 0.15s;
    opacity: 0;
    background: #b61d23;
    transform: scale(0.1, 0.1);
    z-index: -1;
    border-radius: 50%; } 
.au-btn:hover {color: #fff; }
.au-btn:hover:before {opacity: 1;transform: scale(1, 1);border-radius: 0; }



.kjmenu{ background:#FFF;border:solid 1px #D4D4D4; width:1198px; height:76px; padding:17px 0; position:relative; margin:40px auto}
.kjmenu span{ float:left;display:block; text-align:left;font-size:18px; color:#7c7c7c; line-height:28px; padding-left:20px}
.kjmenu span font{ display:block; font-size:14px; color:#bcbcbc; line-height:16px; font-family:Arial, Helvetica, sans-serif}
.kjmenu a{float:left; display:block;width:204px; height:76px; border-left:solid 1px #E0E0E0; padding:15px 0 0 33px;}
.kjmenu a:hover span{ color:#b61d23}
.kjmenu .one{ border:0}

.kjmenu .ab_1 { float:left;
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
}
.kjmenu .ab_2 {float:left;display:none}
.kjmenu a:hover .ab_2 {display:block}
.kjmenu a:hover .ab_1 {display:none}


.s-index-invest{position:relative;padding:3% 0;}

.s-index-invest .bg{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background-position:0;background-repeat:no-repeat;background-size:auto 100%}
.yjtitle{ width:1200px; margin:0 auto; position:relative; z-index:3}
.yjtitle .aboutus-bold{ float:left; text-align:left}
.yjmenu{ float:right; margin-top:30PX}
.yjmenu a{ display:inline-block; font-size:16px; color:#3a3a3a; line-height:32px; padding:0 10px} 
.yjmenu a:hover{color:#b61d23}

.icase{position:relative; z-index:3; margin-top:40px; margin-left:-0.4%; overflow:hidden}
.icase a{ float:left; display: block;margin:0 0 0.4% 0.4%;width:24.6%; height:100%; position:relative; overflow:hidden }
.icase img{width:100%; height: auto;}
.icase p{ position:absolute; left:0; top:338px; width:100%; height:100%;background: url(../images/icasebj.png) no-repeat; background-size:cover;transition: all 1s;-moz-background-size: 100% 100%;  
-o-background-size: 100% 100%;  
-webkit-background-size: 100% 100%;  
background-size: 100% 100%;  
 background-repeat:no-repeat\9;  
background-image:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')\9;}
.icase span{ display:block; font-size:26px; color:#fff; line-height:36px; width:68%; margin:20% auto 9%}
.icase font{ display:block; width:48px; height:48px; background:url(../images/link.png) no-repeat; margin:0 auto}
.icase a:hover p{ top:0;}





.s-index-new{position:relative;overflow:hidden;padding:2% 0}
.s-index-new .bg{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background-position:0;background-repeat:no-repeat;background-size:auto 100%}



.inewsbox{ position:relative; width:1200px;margin:25px auto 0}
.inews a{ float:left;display:block; width:380px; height:566px; margin-right:30px;position:relative}
.inews dt{ display:block;width:380px; height:266px; overflow: hidden; position:relative; z-index:999}
.inews img{ width:380px; height:266px;transition: all 1s;}
.inews p{ display:block;width:310px; height:300px; text-align:left; padding:35px;}
.inews p span{display: block;font-size:14px; color:#777777; line-height:24px; height:48px; overflow:hidden;}
.inews p font{ display: block; font-size:14px; color:#3a3a3a; font-family:Bebas}
.inews p big{ display:block;margin:25px 0;font-size:18px; color:#3a3a3a; line-height:28px;}
.inews p i{display:block; background:url(../images/inewsmore.png) no-repeat; width:34px; height:8px; margin-top:40px;-webkit-transition:.2s ease-out 0s;-o-transition:.2s ease-out 0s;transition:.2s ease-out 0s}
.inews a:hover img{transform: scale(1.2);}
.inews a:hover p big{color:#b61d23}
.inews a:hover p i{ margin-left:5px}
#LeftButton1,#RightButton1{position:absolute;left:-130px;top:200px; z-index:999;width:60px;height:50px;background:url(../images/icon-index-4.png) no-repeat;cursor:pointer;transition: all 0.6s ;}
#RightButton1{left:auto;right:-130px; background:url(../images/icon-index-6.png) no-repeat}
#LeftButton1:hover{background:url(../images/icon-index-5.png) no-repeat}
#RightButton1:hover{background:url(../images/icon-index-7.png) no-repeat}


.inews a .line1 {
  top: 0;
  height: 7px; }
.inews a .line3 {
  bottom: 0;
  height: 7px; }
.inews a .line2 {
  height: calc(100%);
  width: 7px; }
.inews a .line4 {
  height: calc(100%);
  width: 7px; }

.friendbj{ background:#EFEFEF; width:100%; height:158px; padding:25px 0}
.friend{width:1200px; height:98px; margin:0 auto}
.friend a{display: inline-block; width:auto; height:98px; margin:0 20px;}
.friend a img{width:auto; height:98px;transition: all 1s;filter: grayscale(100%);
    filter: gray;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);}
.friend a:hover img{filter: grayscale(0);
    filter: none;}

.s-index-culture{min-width:1200px;width:auto; background:url(../images/rlzybj.jpg) no-repeat center top; height:560px;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}

.human{ width:1200px; padding-top:90px; margin:0 auto}
.human a{ float:left;display:block; width:585px; height:380px; position:relative;}

.human p{ position:absolute; left:35px; top:230px; width:510px; height:120px; text-align:left; overflow:hidden}
.human p big{ display:block;font-size:26px; color:#ffffff; line-height:32px; height:50px}
.human p span{ display:block; font-size:16px; color:#ffffff; line-height:28px}
.human .right{ float:right}

.s-footer{min-width:1200px;width:auto; background:#242424; height:400px;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}
.s-container{ width:1200px; margin:0 auto; padding:50px 0;}
.footcon{ float:left; width:370px; margin-right:150px; text-align:left;}
.footcon span{ display:block; width:251px; height:46px; overflow:hidden}
.footcon{ font-size:16px; color:#ceced0; line-height:32px}
.footcon{}
.footcon{}

.footlink{float:left; width:536px; text-align:left; }
.footlink p{ float:left; display:block; width:230px;}
.footlink big{ display:block; font-size:20px; color:#efefef; padding-bottom:15px}
.footlink a{ display:block; font-size:16px; color:#ceced0; line-height:32px}


.s-footer-ewm{ float:right; width:142px;}
.s-footer-ewm img{ width:142px; height:142px}
.s-footer-ewm span{ display:block; font-size:16px; color:#ceced0; line-height:42px}


.footerbj{min-width:1200px;width:auto; border-top:solid 1px #373737;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}
.footer{ width:1200px; padding:20px 0;margin:0 auto; font-size:16px; color:#ceced0; line-height:30px;}











.s-affix-nav{position:fixed;right:16px;z-index:100;top:50%;opacity:1;}
.s-affix-navbar{background:url(../images/index-21.png) repeat-y top;width:20px}
.s-affix-navbar[data-index="2"],.s-affix-navbar[data-index="4"]{background-image:url(../images/index-22.png)}
.s-affix-navbar[data-index="2"] li span,.s-affix-navbar[data-index="4"] li span{color:#b61d23}
.s-affix-navbar[data-index="2"] li:after,.s-affix-navbar[data-index="2"] li:before,.s-affix-navbar[data-index="4"] li:after,.s-affix-navbar[data-index="4"] li:before{background-color:#b61d23}
.s-affix-navbar li{margin:43px 0;width:100%;height:2px;position:relative;cursor:pointer}
.s-affix-navbar li.active:after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.s-affix-navbar li.active span{visibility:visible;opacity:1}
.s-affix-navbar li:hover span{visibility:visible;opacity:1}
.s-affix-navbar li:after{content:"";position:absolute;background-color:#dedede;left:0;top:0;height:2px;width:100%;opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.25s ease-out 0s;-o-transition:.25s ease-out 0s;transition:.25s ease-out 0s}
.s-affix-navbar li:before{content:"";position:absolute;background-color:#dedede;left:25%;top:0;height:2px;width:50%}
.s-affix-navbar li:first-child{margin-top:0}.s-affix-navbar li:last-child{margin-bottom:0}
.s-affix-navbar li span{position:absolute;font-size:14px;color:#b61d23;white-space:nowrap;right:100%;margin-right:5px;top:0;margin-top:-8px;visibility:hidden;opacity:0;-webkit-transition:.2s ease-out 0s;-o-transition:.2s ease-out 0s;transition:.2s ease-out 0s}




.z-header{position:fixed;left:0;right:0;top:0;z-index:1030;height:90px; background:#FFF}
.z-header .s-brand{float:left;padding-top:20px; padding-left:100px}
.z-header .s-brand>img{display:block;height:55px}
.z-header .menu{float:left; padding-top:30px; padding-left:9%}
.z-header .menu a{ display:inline-block; font-size:18px; color:#555555; margin: 0 22px}
.z-header .menu a:hover,.z-header .menu .focus{ color:#b61d23}

.zbanner{ position:relative;background:url(../images/zbanner.jpg) no-repeat center top;min-width:1200px;width:auto; height:602px;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}


.subnavbox{ background:#FFF; width:100%;height:132px; position:relative}
.subtitle{position: absolute;top:-68px; left:0; text-align:left; background:url(../images/subtitlebj.png) no-repeat right top; width:42%; height:200px;}
.subtitle div{ padding-left:42%;padding-top:50px}
.subtitle .title{background:url(../images/subtitle.png) no-repeat 0 15px; padding-left:45px; font-size:42px; color:#ffffff;line-height:42px}
.subtitle .loction{ font-size:16px; color:#ebc8c9; margin-top:45px}
.subtitle .loction a{ display:inline-block; padding:0 5px;font-size:16px; color:#ebc8c9;}
.subtitle .loction span{ font-size:16px; color:#ffffff;}


.subnav{ position: absolute; left:42%;top:50px}
.subnav a{ display:inline-block;font-size:18px; color:#555555; line-height:32px;padding:0 25px}
.subnav a:hover,.subnav .focus{ color:#b71f25}

.z-aboutbox{ width:100%; height:960px;background:#f5f5f5 url(../images/aboutbj.jpg) no-repeat center top; position:relative;}
.z-about{ width:1480px; height:700px; background:#FFF url(../images/abouttight.png) no-repeat right bottom; overflow:hidden; position:absolute; top:130px; right:0; padding:57px 0 0 80px;}
.z-about .title{ text-align:left }


#scrollbar1 { width: 810px;clear: both; margin-top:30px }
#scrollbar1 .viewport { width: 750px; height: 450px; overflow: hidden; position: relative; } 
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:16px; color:#4f4f4f; line-height:32px;}
#scrollbar1 .thumb .end,#scrollbar1 .thumb { background-color: #B61D22;border:0;border-radius:8px;-moz-border-radius:8px;cursor:pointer;}
#scrollbar1 .scrollbar { position: relative; float: right; width:7px; background:#F0F0F0; border:0;border-radius:8px;-moz-border-radius:8px;cursor:pointer;}
#scrollbar1 .thumb { width:7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0; }
#scrollbar1 .thumb .end { overflow: hidden; height:5px; width:7px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.z-aboutcon{ text-align:left;font-size:18px;width: 750px; height: 460px; color:#555555; line-height:32px}
.z-aboutcon p{font-size:18px;color:#555555; line-height:32px}

.z-index-about{position:relative;overflow:hidden;}
.zzjgbox{ width:1200px;height:670px; position:relative; z-index:99; padding:20px 0;margin:0 auto}

.title{ text-align:center; margin:40px 0}
.title span{ display:block; font-size:24px; color:#7c7c7c; font-family:Bebas}
.title a{ display:inline-block;font-size:40px; color:#b61d23; line-height:50px} 




.z-culturebox{ width:100%; height:903px;background:url(../images/culturebj.jpg) no-repeat center top; position:relative;}
.z-culture{ width:1200px; padding:30px 0;margin:0 auto}
.culture{}
.culture-list{ float:left;position:relative;width:268px; height:310px; margin:0 20px 20px 0; overflow:hidden}
.culture-list .img{ display:block; width:268px; height:310px}
.culture-list .tbox{ position: absolute; left:0; top:0;width:100%; height:100%; background:url(../images/whbj.png) repeat; text-align:center;-webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.culture-list .ico{ width:62px; height:62px; display: block; margin:85px auto 20px}
.culture-list .en{ font-size:14px; color:#ffffff; line-height:24px; font-family: arial, helvetica, sans-serif;}
.culture-list .zh{ font-size:24px; color:#ffffff; line-height:32px}
.culture-list:hover .tbox{ visibility: hidden\9; opacity: 0; transform: translateY(50px); transform: translateY(50px);}
.culture-list .redbj{background:url(../images/whhbj.png) repeat; width:100%; height:0;position:absolute; left:0; top:0; transition:all .62s}
.culture-list:hover .redbj{ height:100%}
.culture-list .con{ text-align:left;font-size: 16px; color:#ffffff; line-height:30px; position: absolute; width: 82%; left: 9%; top: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 14px 0px; height: 200px; overflow: hidden; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.culture-list:hover .con{ top: 12%;}
.culture .right{float:right; margin:0;width:336px; height:640px;}
.culture .right .img{ display:block; width:336px; height:640px}
.culture .right .ico{ margin:215px auto 20px;}
.culture-list p{font-size: 16px; color:#ffffff; line-height:30px;}

.culture .right .con{ height:550px;line-height:30px; }
.culture .right:hover .con{top:30px;}

.z-fzlcbox{ width:100%; height:640px;background:url(../images/fzlcbj.jpg) no-repeat center top; position:relative;}
.z-fzlc{ width:1200px; padding:30px 0;margin:0 auto; position:relative}
#timeline{width:1200px;height:385px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url('../images/lcline.jpg') left 92px repeat-x;}
#dates{width:1200px;overflow:hidden;margin-top:20px;}
#dates li{float:left;width:240px;height:80px;text-align:center;}
#dates a{ display:block; text-align:left;font-size:24px;color:#555555;font-weight:bold;width:240px;height:80px; line-height:40px;background:url(../images/lcbg.png) no-repeat left bottom;font-family:Arial, Helvetica, sans-serif}
#dates .selected{font-size:36px; color:#b61d23;font-weight:bold;line-height:40px;background:url(../images/lcbgh.png) no-repeat left bottom;}
#issues{width:1200px;height:270px;overflow:hidden; margin-top:25px;}
#issues li{width:240px;height:270px;list-style:none;float:left; text-align:left; }
#issues li a{display:block;width:190px;text-align:left;font-size:16px; color:#555555; line-height:28px;margin:0 auto;opacity:1}
#issues li p{display:block;width:190px;text-align:left;font-size:16px; color:#555555; line-height:28px;margin:0 auto;opacity:1}



#next,#prev{ display:block;position:absolute;top:260px;width:32px;height:32px;overflow:hidden;}
#next{right:-35px; background:url(../images/right.png) no-repeat}
#prev{left:-35px;background:url(../images/left.png) no-repeat}

#next:hover{background:url(../images/righth.png) no-repeat}
#prev:hover{background:url(../images/lefth.png) no-repeat}





.rybox{ width:1200px;height:865px; padding:30px 0; position:relative; z-index:99; margin:0 auto}

.rylist{ margin-left:-30px; overflow:hidden}
.rylist a{ float:left; display:block; width:372px; height:258px; border:solid 4px #D95E60; margin:0 0 30px 30px; overflow:hidden}
.rylist a img{width:372px; height:258px;transition: all 1s;}
.rylist a:hover img{transform: scale(1.2);}
.rybox .au-btn{ margin-top:20px}


.ryxxbox{ width:1200px; padding:30px 0; position:relative; z-index:99; margin:0 auto}




.page{ text-align:center;margin:40px auto;font-size:16px; color:#555555;}
.page a{display: inline-block; background:#e0e0e0;padding:10px 18px;  font-size:16px; color:#555555; text-align:center; margin:0 5px;}
.page a:hover,.page .focus{color:#ffffff;background:#b61d23;}

.main{min-width:1200px;width:auto; background:#F5F5F5;  _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}
.maincon{ width:1200px; text-align:left;padding:40px 0;height:auto!important;min-height:600px; height:600px; margin:0 auto}

.yjzs{ margin-left:-30px; overflow:hidden}
.yjzs a{ float:left; display: block;margin:0 0 30px 30px;width:380px; height:266px; position:relative; overflow:hidden }
.yjzs img{width:380px; height:266px;}
.yjzs p{ position:absolute; left:0; top:328px; width:100%; height:100%;background: url(../images/icasebj.png) no-repeat; background-size:cover;transition: all 1s;-moz-background-size: 100% 100%;  
-o-background-size: 100% 100%;  
-webkit-background-size: 100% 100%;  
background-size: 100% 100%;  
 background-repeat:no-repeat\9;  
background-image:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')\9;}
.yjzs span{ display:block; text-align:center; font-size:24px; color:#fff; line-height:36px; width:314px;; margin:65px auto 35px}
.yjzs font{ display:block; width:48px; height:48px; background:url(../images/link.png) no-repeat; margin:0 auto}
.yjzs a:hover p{ top:0;}



.ztitle{ position:relative; clear:both; height:62px}
.ztitle .bt{ float:left; display:block; font-size:28px; color:#b61d23; line-height:44px}
.ztitle .more{ float:right;}



.ywfw{ width:1200px; text-align:left; padding:70px 0;margin:0 auto}

.ywfw .txt{ float:left;display:block; width:662px }
.ywfw .txt span{ display:block;font-size:40px; color:#b61d23; line-height:50px; margin-bottom:50PX;}
.ywfw .txt span font{ display:block;font-size:24px; color:#7c7c7c; line-height:36px; font-family:Bebas}
.ywfw .txt p{ display:block; font-size:18px; color:#555555; line-height:34px; padding-bottom:15px}

.ywfw .img{ float:right;display:block; width:480px; height:425px; overflow: hidden}



.newslist{ margin-left:-30px;text-align:left; overflow:hidden}
.newslist a{ float:left;display:block; background:#FFF; width:318px; height:500px; padding:30px; margin:0 0 30px 30px;position:relative}
.newslist dt{ display:block;width:318px; height:222px; overflow:hidden; margin-bottom:30px}
.newslist img{ width:318px; height:222px;transition: all 1s;}
.newslist span{display: block;font-size:14px; color:#777777; line-height:24px; height:48px; overflow:hidden;}
.newslist font{ display: block; font-size:14px; color:#3a3a3a; font-family:Bebas}
.newslist big{ display:block;margin:25px 0;font-size:18px; color:#3a3a3a; line-height:28px; height:56px; overflow:hidden}
.newslist i{display:block; background:url(../images/inewsmore.png) no-repeat; width:34px; height:8px; margin-top:40px;-webkit-transition:.2s ease-out 0s;-o-transition:.2s ease-out 0s;transition:.2s ease-out 0s}
.newslist a:hover img{transform: scale(1.2);}
.newslist a:hover big{color:#b61d23}
.newslist a:hover i{ margin-left:5px}

.newslist a .line1 {
  top: 0;
  height: 7px; }
.newslist a .line3 {
  bottom: 0;
  height: 7px; }
.newslist a .line2 {
  height: calc(100%);
  width: 7px; }
.newslist a .line4 {
  height: calc(100%);
  width: 7px; }
  
  
.newsxxbox{}
.newsxxdate{ float:left; display:block; text-align:center; width:115px; height:115px; background:#b61d23; font-size:18px; color:#FFF; font-family:Bebas}
.newsxxdate font{ display:block;font-size:56px;color:#FFF; line-height:80px;font-family:Bebas}
.newsxx{ float:right; text-align:left;display:block; width:1026px}
.newsxxtitle{border-bottom:solid 1px #dcdcdc;line-height:46px; font-size:14px; color:#777777;}
.newsxxtitle span{ display:block; color:#b61d23; font-size:34px; line-height:40px; padding-bottom:20px}
.newscontent{padding:10px;color:#555555;font-size:18px; line-height:32px;}
.newscontent p{color:#555555;font-size:18px; line-height:32px; padding-bottom:10px}
.newscontent img{ /*width:1000px;*/ height:auto; display:block; padding:8px 0; margin:0 auto}
.newsxxlist{border-top:solid 1px #dcdcdc; padding:20px 0; position:relative; width:1200px}
.newsxxlist a{ display:block;font-size:16px; color:#555555; line-height:30px}
.newsxxlist a:hover{ color:#b61d23}
.newsxxlist .back{ position:absolute; right:0; top:25px; text-align:center; width:104px; height:42px;background:#E0E0E0;font-size:18px; color:#555555; line-height:42px;transition: all 1s;font-family:Bebas}
.newsxxlist .back:hover{ background:#b61d23; color:#FFF}
  
  
.qyfc{ margin-left:-30px; overflow:hidden}
.qyfc a{ float:left; display:block;width:585px; height:430px; position:relative; margin:0 0 30px 30px}
.qyfc span{ display:block; width:585px; height:430px; overflow:hidden}
.qyfc img{width:585px; height:430px;transition: all 1s;}
.qyfc p{ position:absolute; right:0; bottom:0; width:420px; text-align:center; height:52px; background:url(../images/fcbj.png) repeat; font-size:18px; color:#FFF; line-height:52px}
.qyfc a:hover img{transform: scale(1.1);}


.jobpic{ width:1200px;padding:60px 0; min-height:430px; margin:0 auto}
.jobbox{ position:relative; width:100%; height:737px;background: url(../images/jobbj.jpg) no-repeat right top}

.joblist{width:490px;}
.joblist .bt{ display:block;font-size:28px; color:#b61d23; padding:20px 0}
.joblist .job{ height:450px; border-bottom:solid 1px #E8E8E8; padding:20px 0; margin-bottom:20px}
.joblist .job a{display:block; height:42px; clear:both}
.joblist .job span{ float:left;display:block;font-size:16px; color:#555555; line-height:42px; width:375px}
.joblist .job font{float:left;display:block;font-size:16px; color:#555555; line-height:42px; width:90px}
.joblist .job i{ float:right;display:block; background:url(../images/jobmore.jpg) no-repeat 0 center; width:20px; height:42px}
.joblist .job a:hover span{ color:#b61d23}

.jobmore { font-size:16px; color:#555555; line-height:42px}
.jobmore a{ display:inline-block; margin:0 10px;font-size:16px; color:#555555; line-height:42px; width:86px; height:42px; text-align:center;transition: all 1s; border:solid 1px #A8A8A8;border-radius:15px;-moz-border-radius:15px;cursor:pointer;}
.jobmore a:hover{ background:#b61d23; color:#FFF}
.jobxxbox{background: url(../images/whbj.png) repeat;display: block;left:0;position: fixed;top:0;width:100%; height:100%;z-index:9500}

.jobxx{ width:1110px; background:#FFF; padding:45px; position:absolute; top:10%; left:50%; margin-left:-600px}
.jobxx .close{display:inline-block; position:absolute; right:65px; top:50px;}

.jobcon{ margin-top:50px; clear:both}



.zpzw{ float:left; width:373px}
.zpzw .img{float:left; display:block; width:77px; height:77px;}

.zpzw dl{float:left;display:block;width:260px;font-size:16px; color:#7a7a7a; padding-left:17px}
.zpzw dl big{ display:block; font-size:30px; color:#555555; padding-bottom:10px}


#scrollbar { width: 660px;clear: both; margin-top:30px }
#scrollbar .viewport { width: 600px; height: 560px; overflow: hidden; position: relative; } 
#scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:16px; color:#4f4f4f; line-height:32px;}
#scrollbar .thumb .end,#scrollbar .thumb { background-color: #B61D22;border:0;border-radius:8px;-moz-border-radius:8px;cursor:pointer;}
#scrollbar .scrollbar { position: relative; float: right; width:7px; background:#F0F0F0; border:0;border-radius:8px;-moz-border-radius:8px;cursor:pointer;}
#scrollbar .thumb { width:7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0; }
#scrollbar .thumb .end { overflow: hidden; height:5px; width:7px; }
#scrollbar .disable{ display: none; }


.zwms{float:right; border-left:dashed 1px #E0E0E0;font-size:16px; color:#555555; line-height:32px; width:680px; height:600px; padding-left:40px; padding-right:20px; overflow-y:scroll}
.zwms p{ display:block;font-size:16px; color:#555555; line-height:32px; padding-bottom:5px}


@media (max-width:1600px){.icase span{ font-size:18px;margin:16% auto 6%}.s-header .menu a{ font-size:16px; margin:0 10px}.z-header .menu a{ font-size:16px; margin:0 10px}.home-service .jwpf-column .jwpf-column-addons > div h3 {font-size: 10rem;}.home-service .jwpf-column .jwpf-column-addons > div h4 {font-size: 14px;}.home-service .jwpf-column .jwpf-column-addons > div h5 {font-size:22px;}.subtitle div{ padding-left:20%;padding-top:50px}}

@media (max-width:1200px){.home-service .jwpf-column .jwpf-column-addons > div h3 {font-size: 8rem;}.home-service .jwpf-column .jwpf-column-addons > div h4 {font-size: 12px;}.home-service .jwpf-column .jwpf-column-addons > div h5 {font-size:20px;}}