body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote{margin:0px;padding:0px;font-size:12px;text-align:left; font-family:"Microsoft Yahei"!important;}
ul,ol ,li {list-style:none;}
body{margin:0px; padding:0px; color:#666; background:#fff ; font-family:"Microsoft Yahei"!important;}
a{color: #666; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
a img { border:0;}
td,th{ font-size:12px;}
/* end reset */

.fl{ float:left}
.fr{ float:right!important}
.fn{ float:none}

.clear{ clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.over{overflow:hidden}

.displayinline{ display:inline}

.ie6haslayout{zoom:1}

.pos_abs{ position:absolute}
.pos_rel{ position:relative}
.pos_sta{ position:static}
.box_none{ display:none}
.box_block{ display:block}
.box_inline{ display:inline}

.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}
.pt20{ padding-top:20px}
.pt30{ padding-top:30px}
.pt40{ padding-top:40px}
.pt50{ padding-top:50px}
.pt60{ padding-top:60px}

.pl5{ padding-left:5px}
.pl10{ padding-left:10px}
.pl15{ padding-left:15px}
.pl20{ padding-left:20px}
.pl25{ padding-left:25px}
.pl35{ padding-left:35px}
.pl80{ padding-left:100px}
.pl130{ padding-left:250px}

.pr5{ padding-right:5px}
.pr10{ padding-right:10px}
.pr15{ padding-right:15px}
.pr20{ padding-right:20px}
.pr25{ padding-right:25px}
.pr32{ padding-right:32px}

.pb0{ padding-bottom:0px}
.pb7{ padding-bottom:7px}
.pb5{ padding-bottom:5px}
.pb10{ padding-bottom:10px}
.pb13{ padding-bottom:13px}
.pb15{ padding-bottom:15px}
.pb20{ padding-bottom:20px}

.mt3{ margin-top:3px}
.mt5{ margin-top:5px}
.mt6{ margin-top:6px}
.mt-5{ margin-top:-5px}
.mt10{ margin-top:10px}
.mt12{ margin-top:12px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt22{ margin-top:22px}
.mt30{ margin-top:30px}

.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml8{ margin-left:8px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml30{ margin-left:30px}
.ml70{ margin-left:70px}

.mr5{ margin-right:5px}
.mr6{ margin-right:6px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr91{ margin-right:91px}
.mr25{ margin-right:25px}
.mr30{ margin-right:30px}
.mr35{ margin-right:35px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}

/* end gm */
.font_12px{ font-size:12px}
.font_13px{ font-size:18px}
.font_14px{ font-size:14px}
.font_line_12{ line-height:1.2em}
.font_line_15{ line-height:1.5em}
.font_line_18{ line-height:1.8em}
.font_line_18{ line-height:18px; color:#999999}
.font_line_22{ line-height:22px;}
.font_line_30{ line-height:30px;}
.txt_algin{ text-align:center}
.txt_right{ text-align:right}

.font_line_24{ line-height:24px;}
/* end font */

/* end message */
.border_a{ background:#FFFFFF; border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.border_4px{ border:5px solid #d8d8d8}

@font-face {
	font-family:hei;
	src: url('f045.ttf');
}
@font-face {
	font-family:heiti;
	src:url(HEITISJ.TTF);
}
.top{width: 100%; height: 30px; background: #c3161c; line-height: 30px; overflow: hidden;}
.topmain{ width: 1200px; height: 30px; line-height: 30px; color: #fff; margin: auto;}
.topmain span{width:60%;float: left;}
.toprt{width:17%;color: #fff; float: right;}
.toprt a{ color: #fff;}

.topct{ width: 1200px; height: 120px; background: #fff; margin: auto; overflow: hidden;}
.logo{width: 686px; margin-top: 18px; float: left;}
.logo img { width: 686px; }
.phone{width:265px; float: right; margin-top: 35px;}
.ds{ width: 250px; float: right; }

.menu{ width: 100%; background: #212121;}

.nav {position:relative; width:1200px; height:50px; z-index:200; margin: auto;}
.nav li{float:left;height:50px;}
.nav li a {display:inline-block; width:130px;height:50px;text-align:center;line-height:50px;font-size:14px; font-weight:bold; color:#fff; }
.nav .chr a{color:#fff;background:none;}
.nav li a:hover,.nav .on a{color:#fff;background:#c3161c;}

/*nav*/
.navCon{position:absolute;background:#fff;width:485px; visibility:hidden; padding:10px;top:50px;}
.navCon:after{content:'';clear:both;display:block;}
.nav .navCon a{color:#666;background:none;padding:0;text-align:left;}
.navCon .list{float:left;width:150px; margin-left: 10px; text-align: right; margin-top: 15px;}
.navCon .list li{float:none; height:30px; border-bottom: 1px solid #e8e8e8;}
.navCon .list li a { line-height:30px; height:30px; width:150px; }
.navCon .list li a:hover{background:none;color:#e47b02; line-height:30px; height:30px;}
.navCon li{background:none;padding:0;}

.navCon .pics{float:left; margin-top: 15px;}
.navCon .pics dl{float:left;width:240px; margin-top:10px; padding-left:0px;}
.navCon .pics dt{width:240px;height:140px;}
.navCon .pics dt img{width:240px;height:140px;}

.ldxp{ width: 155px; height: 50px; background: url(../images/dld.png) 10% center no-repeat #c3161c; float: right; text-align: center;}
.ldxp a{}

.banner{ height:522px;
overflow:hidden;
	position: relative; 
	max-width:100%;
	}
.bwrap{
	position: relative; 
	z-index: 0;
	 }
.bquery{
	position: relative; 
	z-index: 0; 
	height:522px; 
	}
.blist{
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0; 
	height:522px; 
	font-size: 0; 
	line-height: 0; 
	}
.blist a{
	display: block; 
	position: absolute; 
	left: 0; 
	top: 0; 
	}
.blist img{ 
}

.bfilter{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height: 522px; 
	font-size: 0; 
	line-height: 0; 
	}
.bfilter a{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 5%; 
	height: 522px; 
	overflow: hidden;
	}
.bfilter a img{
	position: absolute; 
	left: 0; 
	top: 0; 
	}

.bctrl{
	position: absolute; 
	bottom: 25px; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height: 24px; 
	}
.bctrli{
	text-align: center; 
	font-size: 0; 
	line-height: 0; 
	}
.bctrli a{
	display: inline-block; 
	width: 24px; 
	height: 24px; 
	margin: 0 5px; 
	background: url(../images/banner_control.png) no-repeat left center; 
	}
.bctrli a:hover,
.bctrli a.curr{
	background-position: right center;
	 }
.bctrli a{
	*display: inline; 
	*zoom: 1; 
	}





.index-con .con-chenge{
	min-height: 540px;
	background: #f5f5f5;
}
.index-con .con-chenge .slide-box{

	position: relative;
	z-index: 999;/*
	overflow: hidden;*/
}
.index-con .con-chenge .bd{
	width: 1190px;
	margin:auto;
	position: relative;
	z-index: 999;
	top:10px;
}
.index-con .con-chenge .bd ul li{
	width: 260px;
	height: 420px;
	float: left;
	background: #fff;
	position: relative;
	z-index: 9;
	
	
	/*-webkit-transition:background-color .5s ease-in;
	-moz-transition:background-color .5s ease-in;
	-o-transition:background-color .5s ease-in;
	transition:background-color .5s ease-in;*/

}
.index-con .con-chenge .bd ul li:hover{
	width: 260px;
	height: 420px;
	background: #c3161c;
}
.index-con .con-chenge .bd ul li:hover .sm .title .top{background: url(../images/tb2~.jpg) no-repeat center top;
	padding-top: 20px;}
.index-con .con-chenge .bd ul li:hover .sm .title .top p{font-weight: bold;
	font-size: 20px;
	color: #fff;
	text-align: center;}
.index-con .con-chenge .bd ul li:hover .title .text p{
	color: #fff;
}
.index-con .con-chenge .bd ul li .sm .title{
	height: 135px;
	padding-top: 40px;
}

.index-con .con-chenge .bd ul li .sm .title .top{
	background: url(../images/tb2.jpg) no-repeat center top;
	padding-top: 20px;
}
.index-con .con-chenge .bd ul li .sm .title .top p{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	text-align: center;
}

.index-con .con-chenge .bd ul li .sm .title .text{
	width: 235px;
	padding-top: 15px;
	margin: 0 auto;
}
.index-con .con-chenge .bd ul li .title .text p{
	color: #8f8f8f;
	text-align: center;
	line-height: 18px;
}
.index-con .con-chenge .bd ul li{
	margin-right: 27px;
	float: left;
}
.index-con .con-chenge .bd ul li .sm{background-color: #fff; position: absolute; width: 260px; top: 0; left: 0; height: 170px; transition: 0.3s; z-index: 2; overflow: hidden;}
.index-con .con-chenge .bd ul li .pic{margin-top: 192px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4; overflow: hidden;}
.index-con .con-chenge .bd ul li .pic img{width: 100%; transition: 0.4s; height: 100%;}
.index-con .con-chenge .hd{
	height: 60px;
	text-align: center;
	line-height: 60px;
	margin: 0 auto;
	width: 150px !important;
}

.index-con .con-chenge .bd ul li:hover .sm{height: 420px; background: #C3161C; transition: 0.3s; z-index:-10; float: left; }
.index-con .con-chenge .bd ul li:hover .pic{border-radius: 50%; width: 150px; height: 150px; vertical-align: bottom; margin-top:240px; margin-left: 20%; border: 5px solid #fff;  text-align: center; transition: 0.4s;}

.index-con .con-chenge .hd ul{
	
	text-align: center;
	margin: 0 auto;
	padding-top: 35px;
	float: left;
	width:320px;
margin-top: 0px;
}
.index-con .con-chenge .hd ul li{
	width: 12px;
	height: 12px;
	background: #8d8d8d;
	float: left;
	margin-right: 7px;
	text-indent: -9999px;
	overflow: hidden;
}
.index-con .con-chenge .hd ul li.on{
	background: #ce3f3c;
}
.index-con .con-chenge .hd p{text-align: center;}
.index-con .con-chenge .hd .next{
	background: url(../images/btn1.png);
	width: 24px;
	height: 47px;
	background-position: -24px 0px;
	position: absolute;
	right: 0px;
	top: 200px;
}
.index-con .con-chenge .hd .prev{
	
	background: url(../images/btn1.png);
	width: 24px;
	height: 47px;
	position: absolute;
	left: 0px;
	top: 200px;
}


.about{ width: 100%; height: auto; overflow: hidden;}
.about_bj{ width: 100%; height:600px; z-index: 1; position: relative; background: url(../images/jjbj.jpg) center top no-repeat; }
.aboutcon{ width: 1200px; height: 330px; margin: auto; padding-top: 60px; overflow: hidden; }



.aboutbt{ width: 220px; height: 120px; margin: auto; text-align: center; background: url(../images/jjbtbj.png) center center no-repeat; overflow: hidden;}
.aboutbt h1{ font-family: "microsoft yahei"; text-align: center; font-size: 34px; line-height: 40px; font-weight: bold; color: #0f0f0f;}
.aboutbt span{ font-size:24px; color: #b81511; font-family: "microsoft yahei";line-height: 45px;}
.aboutbt p{ font-size: 14px; color: #615f5f; text-align: center;}
.aboutcont{ width: 1040px; height: 200px; margin: auto; overflow: hidden; }
.aboutcont p{text-align: center; line-height: 26px; font-size: 14px;}

.aboutconttb{width: 1200px; height: 200px; margin: auto; overflow: hidden;}

.aboutcont_tb{ width: 1200px; height: 110px; margin: auto; overflow: hidden;} 
.aboutcont_tb ul{ width: 1300px;}
.border_animation{ width: 195px; height: 90px;  border: 1px solid #e0e0e0; float: left; margin-right: 50px; background:#fff; filter:alpha(opacity=20);opacity:.9; position:relative;} 
.aboutcont_tb img{ margin-left: 20px; float: left; margin-top: 5px;}
.aboutcont_tb span{font-size: 18px; display: block; color: #1c1c1c; line-height: 40px; margin-top: 20px;}

.btt{ width: 90px; float: right; font-size: 18px; height:35px; opacity: none; margin-right: 10px;  margin-top:30px;color: #1c1c1c;background: url(../images/tbx.jpg) left bottom no-repeat;}
.btt a{ color: #7e7f7f;opacity: none; font-size: 18px;}
.btt a:hover{ color: #b81511;}
.border_animation .border_top{
	position:absolute;
	height:1px;
	width:0;
	font-size:0;
	background:#b81511;
	top:0;
	left:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_right{
	position:absolute;height:0px;width:1px;font-size:0;background:#b81511;bottom:0;right:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.border_animation .border_bottom{
	position:absolute;height:1px;width:0px;font-size:0;background:#b81511;right:0;bottom:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_left{
	position:absolute;height:0px;width:1px;font-size:0;background:#b81511;left:0;top:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.aboutcont_tb .hover .border_top,.aboutcont_tb .hover .border_bottom{width:195px}
.aboutcont_tb .hover .border_left,.aboutcont_tb .hover .border_right{height:90px}




.wrapper {
	display:inline-block;
	width:72px;
	height:69px;
	vertical-align:top;

	cursor:pointer;
	position:relative;
	font-family:Tahoma, Arial;
	-webkit-perspective:4000px;
	-moz-perspective:4000px;
	-ms-perspective:4000px;
	-o-perspective:4000px;
	perspective:4000px;
	float: left;
}
.item {
	height:69px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition:-webkit-transform .6s;
	-moz-transition:-moz-transform .6s;
	-ms-transition:-ms-transform .6s;
	-o-transition:-o-transform .6s;
	transition:transform .6s;
}
.item:hover {
	-webkit-transform:translateZ(-50px) rotateX(95deg);
	-moz-transform:translateZ(-50px) rotateX(95deg);
	-ms-transform:translateZ(-50px) rotateX(95deg);
	-o-transform:translateZ(-50px) rotateX(95deg);
	transform:translateZ(-50px) rotateX(95deg);
}
.item img {
	display:block;
	position:absolute;
	top:10px;


	-webkit-transform:translateZ(50px);
	-moz-transform:translateZ(50px);
	-ms-transform:translateZ(50px);
	-o-transform:translateZ(50px);
	transform:translateZ(50px);
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	width:72px;
	height:69px;
}
.item .information {
	display:block;
	position:absolute;
	top:10px;
	height:69px;
	width:72px;
	text-align:left;


	font-size:12px;

	box-shadow:none;
	
	
	
	-webkit-transform:rotateX(-90deg) translateZ(50px);
	-moz-transform:rotateX(-90deg) translateZ(50px);
	-ms-transform:rotateX(-90deg) translateZ(50px);
	-o-transform:rotateX(-90deg) translateZ(50px);
	transform:rotateX(-90deg) translateZ(50px);
	
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
}

.item:hover img {box-shadow:none;}
.item:hover .information {}
.item:hover a{color: #b81511;}



.case{ width: 100%; height: 630px; overflow: hidden; }
.casebj{ width: 100%; height:630px;  background: url(../images/casebj.jpg) center top no-repeat;  overflow: hidden;}

.casecon{ width: 1200px; height: 150px; margin: auto; padding-top: 60px; overflow: hidden; }
.casebt{ height: 120px; margin: auto; margin-bottom: 30px; text-align: center; background: url(../images/jjbtbj.png) center center no-repeat; overflow: hidden;}
.casebt h1{ font-family: "microsoft yahei"; text-align: center; font-size: 34px; line-height: 40px; font-weight: bold; color: #fff;}
.casebt span{ text-transform: uppercase; font-size:24px; color: #b81511; font-family: "microsoft yahei"; line-height: 45px; text-align: center;}
.casebt p{ font-size: 14px; color: #fff; text-align: center;}
.casenr{width: 1200px; height: 520px; margin: auto;  overflow: hidden; }
.casecont{ width: 1200px; height: 520px; margin:auto;}
.casecont ul{ width: 1400px;}
.casecont ul li{ width: 268px; height: 440px; float: left; margin-right: 40px;}

.cptn08 {
    width: 100%;
    position: relative;
    overflow: hidden;

}
.cptn08 img {
    width: 268px;
    height:220px;
    left: 0;
    top: 0;
    position: relative;
}
.cptn08 .cptn {
 	background: url(../images/zz.png) right center no-repeat;
  	width: 265px;
    height:220px;
    top: 0;
    right: 5px;
    opacity:.5;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    -webkit-transform: perspective(600px) rotateY(-90deg);
    -moz-transform: perspective(600px) rotateY(-90deg);
    -ms-transform: perspective(600px) rotateY(-90deg);
    -o-transform: perspective(600px) rotateY(-90deg);
    transform: perspective(600px) rotateY(-90deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 0;
    overflow: auto;
    padding: 0 5px;
}
.cptn08 .cptn .fa {
    -wibkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid #fff;
    -wibkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 50px;
    position: relative;
    top:15%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 40px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 50px;
    opacity: 0.3;
    font-size: 60px;
    font-weight: normal;
}
.cptn08 .cptn .fa:hover {
    opacity: 1;
}
.cptn08 .cptn h3 {
    color: #fff;
    margin-top: 50px;
    text-align: center;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
}
.cptn08 .cptn p {
    color: #fff;
    font-size: 13px;
   line-height: 35px;
	height: 40px;
	font-family: hei;
    text-transform: uppercase;
    text-align: center;
    background: url(../images/albtx.jpg) center bottom no-repeat;
}
.cptn08:hover .cptn {
    opacity: 1;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}





.new{ width: 100%; height: 580px; overflow: hidden; }
.newbj{ width: 100%; height:575px;  background: url(../images/newbj.jpg) center top no-repeat;  overflow: hidden;}

.newcon{ width: 1200px; height: 185px; margin: auto; padding-top: 60px; overflow: hidden; }
.newbt{ height: 120px; margin: auto; margin-bottom: 20px; text-align: center; background: url(../images/newbtbj.png) center center no-repeat; overflow: hidden;}
.newbt h1{ font-family: "microsoft yahei"; text-align: center; font-size: 34px; line-height: 40px; font-weight: bold; color: #000;}
.newbt span{ text-transform: uppercase; font-size:24px; color: #b81511; line-height: 45px; font-family: "microsoft yahei"; text-align: center; }
.newbt p{ font-size: 14px; color: #535353; text-align: center; }

.newlb{ width: 620px; height: 50px; margin: auto; overflow: hidden; }
.newlb ul{ width: 620px;}
.newlb ul li{ width: 180px; height: 45px; float: left; margin-right: 25px; background: #f0eded; font-size: 18px; border-radius: 5%; text-align: center; line-height: 42px;;-webkit-transition:background-color .5s ease-in;-moz-transition:background-color .5s ease-in;transition:background-color .5s ease-in;}
.newlb ul li:nth-child(1){ background:#f0eded url(../images/newico1.png) 15% center no-repeat;}
.newlb ul li:nth-child(2){background:#f0eded url(../images/newico2.png) 15% center no-repeat;}
.newlb ul li:nth-child(3){background:#f0eded url(../images/newico3.png) 15% center no-repeat;}
.newlb ul li:hover:nth-child(1){ background:#c3161c url(../images/newico1~.png) 15% center no-repeat; color: #fff;}
.newlb ul li:hover:nth-child(2){ background:#c3161c url(../images/newico2~.png) 15% center no-repeat; color: #fff;}
.newlb ul li:hover:nth-child(3){ background:#c3161c url(../images/newico3~.png) 15% center no-repeat; color: #fff;}
.newlb ul li:hover a{ color: #fff;}
.newlb ul li a{ margin-left: 10px; font-size: 18px;}
.newlb ul li a:hover{ color: #fff;}

.newcont{ width: 1200px; height: 280px; margin:auto; overflow: hidden;}
.newcont ul{ width: 1400px;}
.newcont ul li{ width: 585px; height: 195px; float: left; margin-right: 30px; background: #f0eded;transition: 0.5s ease; display: block; margin-top: 30px; }
.newtp{ width: 230px; height: 195px; float: left;}
.newnn{ width: 320px; height: 175px; float: right; margin-top: 20px; margin-right: 10px;background: url(../images/newx.jpg) left 28% no-repeat;}
.newnn h1{ font-size: 14px; font-weight: normal; color: #000; }
.newnn span{ color: #b3b2b2; font-size: 12px;  line-height:25px; }
.newnn p{ font-size: 12px; line-height: 24px; margin-top: 20px;}
.newcont ul li:hover{ margin-top: 10px; display: block;}

.newnr{width: 1200px; height: 285px; margin: auto; overflow: hidden;}



.feedback{ width: 100%; height: 650px; overflow: hidden; }
.feedbj{ width: 100%; height:650px;  background: url(../images/lybj.jpg) center top no-repeat;  overflow: hidden;}
.feednn{ width: 1200px; height: 550px; margin: auto; overflow: hidden;padding-top: 60px;}
.feedbt{height: 120px; margin: auto; margin-bottom: 20px; text-align: center; background: url(../images/lybtbj.png) center center no-repeat; overflow: hidden;}
.feedbt h1{ font-family: "microsoft yahei"; text-align: center; font-size: 34px; line-height: 40px; font-weight: bold; color: #fff;}
.feedbt span{ text-transform: uppercase; font-size:24px; color: #b81511; line-height: 45px; font-family:"microsoft yahei"; text-align: center; }
.feedbt p{ font-size: 14px; color: #fff; text-align: center; }


.feednr{ width: 1200px; height: 350px; margin: auto; overflow: hidden;}
.feednr ul{ width: 1300px; height: 280px; margin-bottom: 20px;}
.feednr ul li{ width: 380px; height: 50px; background: #fff; float: left; margin-right: 30px; }
.feednr ul li:nth-child(1){ background:#fff url(../images/ly01.jpg) 95% center no-repeat;}
.feednr ul li:nth-child(2){background:#fff url(../images/ly02.jpg) 95% center no-repeat;}
.feednr ul li:nth-child(3){background:#fff url(../images/ly03.jpg) 95% center no-repeat;}
.feednr ul li:nth-child(4){ width: 1200px; height: 170px; background: url(../images/ly04.jpg) 99% 10% no-repeat #fff; margin-top: 25px;}
.an{ width: 310px; height: 50px; line-height: 50px; background: #d90915; margin:auto;  color: #fff; text-align: center; font-size: 18px; overflow: hidden;}


.foot{ width: 100%; height: 500px; overflow: hidden;}
.foottop{ width: 100%; height: 305px; background: #212121; overflow: hidden;}
.footbot{width: 100%; height: 200px; background: #100f0f; overflow: hidden;}
.foottopnn{ width: 1200px; height: 220px; margin: auto; margin-top: 30px; }
.foottopnn ul{}
.foottopnn ul li { border-right: 1px dashed #989898; float: left; width: 130px; margin-right: 20px; margin-left: 20px;}
.foottopnn ul li a{ font-size: 14px; color: #989898;}
.footdh{ margin-top: 10px; float: left; height: 200px;}
.footdhlist{ width: 130px; float: left;border-right: none;}
.footdhlist  li{ width: 130px; float: left; border-right: none!important; margin-left: 0!important;}
.footdhlist  li a{ font-size: 12px!important; line-height: 24px;}

.contact{ width: 320px; height: 200px; float: right; border-right: none!important;}
.contactnn{ width: 280px; height: 200px; float: left;}
.contactnn ul{}
.contactnn ul li{ width: 280px; height: 36px; float: left; margin-top: 15px; line-height: 36px; border-right: none!important;transition: 0.5s ease; }
.contactnn ul li:nth-child(1){ width: 280px; height: 36px; float: left;background: url(../images/lx01.jpg) no-repeat;}
.contactnn ul li:nth-child(2){ width: 280px; height: 36px;float: left; background: url(../images/lx02.jpg) no-repeat;}
.contactnn ul li:nth-child(3){ width: 280px; height: 36px;float: left; background: url(../images/lx02.jpg) no-repeat;}
.contactnn ul li:nth-child(4){ width: 280px; height: 36px; float: left;background: url(../images/lx03.jpg) no-repeat;}
.contactnn ul li span{ color: #989898; margin-left: 80px; font-size: 14px;}
.contactnn ul li:hover{ margin-top: 10px;}
.footbotnn{ width: 1200px; height: 110px; margin: auto;}
.footbotnn p{ width:80%;line-height: 24px; margin-top: 30px; float: left;}

.footbotnn img{ margin-top: 30px; float: right;}








.animated10s { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated15s { 
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated20s { 
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated25s { 
-webkit-animation-duration: 2.5s; 
animation-duration: 2.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated28s { 
-webkit-animation-duration: 2.8s; 
animation-duration: 2.8s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated30s { 
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated40s { 
-webkit-animation-duration: 4s; 
animation-duration: 4s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}


.delay1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay2 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay3{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay4{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay5{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay6{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay7{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.delay8{ -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.delay9{ -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }
.span2,.span3{animation-duration:1.5s;-webkit-animation-duration:1.5s; }
.an-hide{ visibility:hidden;}
.an-show{ visibility:visible}