*{
	margin: 0;
	padding: 0;
}
body{
 	font-family: "氓戮庐猫陆炉茅鈥衡�γ┞烩��";
 	background:#fff;
}
ul,li{
	list-style: none;
	margin: 0;
	padding: 0
}
.clear{
	clear:both; 
    height: 0; 
    line-height: 0; 
    font-size: 0;
}
.header{
	width:100%;
	height: 128px;
	background: url(../images/bg1.jpg) no-repeat top center;
}
.header .box{
	width: 1200px;
	height: 128px;
	margin: 0 auto;
}
.header .logo{
	width: 640px;
	height: 128px;
	float: left;
}
.header .logo a img{
	margin-top: 32px;
}
.header .right{
	width: 560px;
	height: 128px;
	float: right;
}
.header .right p{
	float: right;
	margin-top: 27px;
}
.header .right p a{
	color: #000;
	font-size: 14px;
}
.header .right p span{
	border-right: 1px solid #d6d6d6;
	padding:0 24px;
}
.header .right p span:last-child{
	padding-right: 0px;
	border-right: none;
}
.header .right .search{
	float: right;
	margin-top: 20px;
	position: relative;
}
.header .right .search .input{
	width: 280px;
	height: 38px;
	border-radius: 50px;
	border:1px solid #d6d6d6;
	padding-left: 17px;
	line-height: 38px;
}
.header .right .search input{
	outline: none;
}
.header .right .search input::-webkit-input-placeholder{
    color: #9c9c9c;
	font-size: 14px;
}
.header .right .search .sub{
	width: 20px;
	height: 20px;
	background: #fff url(../images/icon.png) no-repeat top center;
	border:none;
	position: absolute;
	top: 10px;
	right: 21px;
	cursor: pointer;
}
.nav{
	width: 100%;
	height: 63px;
	background: url(../images/bg2.jpg) no-repeat top center;
        background-size:cover;
}
.nav .box{
	width: 1200px;
	height: 62px;
	line-height: 62px;
	margin: 0 auto;
}
.nav ul li{
	float: left;
	margin-right: 39px;
}
.nav ul li:last-child{
	margin-right: 0;
}
.nav ul li a{
	color: #fff;
	font-size: 16px;
}
.banner{
	width: 100%;
	position: relative;
        background: #f4f6f9;
}
.banner .swiper-container{
	width: 100%;
}
.banner .swiper-slide{
	width: 100%;
	float: left;
}
.banner .swiper-slide img{
	width: 100%;
        height:100%;
}
.banner .pagination {
  position: absolute;
  z-index: 20;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 30px;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin-right: 5px;
  opacity: 0.8;
  cursor: pointer;
  box-shadow:0px 1px 2px #555 inset;
}
.banner .swiper-visible-switch {
  background: #aaa;
}
.banner .swiper-active-switch {
  background: #fff;
}
.xw{
	width: 100%;
	height:430px; 
	background: #f4f6f9;
}
.xw .box{
	width: 1200px;
	height:330px;
	margin: 0 auto;
	padding-top: 30px;
}
.xw .xy{
	width:795px;
	height: 360px;
	float: left;
}
.xw .notice{
	width: 380px;
	height: 360px;
	float: right;
}
.xw .xy .head{
	width: 795px;
	height: 35px;
	border-bottom:1px solid #d2d3d6;
}
.xw .xy .head ul{
	width: 400px;
	height: 35px;
	padding-left: 25px;
	background: url(../images/icon1.png) no-repeat left center;
	float: left;
}
.xw .xy .head ul li{
	float: left;
	color: #363636;
	font-size: 20px;
	margin-top: 2px;
	margin-right:40px; 
	cursor:pointer;
}
.xw .xy .head a{
	float: right;
	line-height: 35px;
	color: #6a6a6a;
	font-size: 14px;
	display: none;
}
.xw .xy .head a:hover{
	color: #f00;
}
.xw .xy .head ul li.sh{
	color: #d80f00;
}
.xw .xy .head a.se{
	display: block;
}
.xy-box .lb{
	width: 400px;
        height:300px;
	float: left;
	margin-top: 22px;
	position: relative;
}
.xy-box .con{
	display: none;
}
.xy-box .show{
	display: block;
}
.xy-box .con .nr{
	width: 375px;
	height: 300px;
	float: right;
	margin-top: 22px;
}
.xy-box .lb ul li{
	width: 400px;
        height:300px;
	float: left;
}
.xy-box .lb ul li img{
	width: 400px;
        height:300px;
}
.xy-box .lb .dots { 
	position: absolute; 
	left: 200px;  
	bottom: 25px;
	margin-left: -40px;
}

.xy-box .lb .dots li { 
	float:left;
	width: 10px; 
	height: 10px; 
	margin: 0 4px; 
	text-indent: -999em; 
	background: #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
	border-radius: 6px; 
	cursor: pointer; 
	opacity: .6; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
}
.xy-box .lb li.active {
	background: #fff;
	opacity: 1;
}
.xy-box .con .nr ul li{
	height: 40px;
}
.xy-box .con .nr ul li .w{
	float: left;
}
.xy-box .con .nr ul li .w a{
	color: #404040;
	font-size: 16px;
}
.xy-box .con .nr ul li .w a:hover{
	color: #f00;
}
.xy-box .con .nr ul li .time{
	float: right;
	color:#838383;
	font-size: 14px;
}
.xw .notice .head{
	width: 380px;
	height: 35px;
	border-bottom:1px solid #d2d3d6;
}
.xw .notice .head ul{
	width: 300px;
	height: 35px;
	padding-left: 25px;
	background: url(../images/icon1.png) no-repeat left center;
	float: left;
}
.xw .notice .head ul li{
	float: left;
	color: #363636;
	font-size: 20px;
	margin-top: 2px;
	margin-right:40px; 
	cursor:pointer;
}
.xw .notice .head a{
	float: right;
	line-height: 35px;
	color: #6a6a6a;
	font-size: 14px;
	display: none;
}
.xw .notice .head a:hover{
	color: #f00;
}
.xw .notice .head ul li.sh{
	color: #d80f00;
}
.xw .notice .head a.se{
	display: block;
}
.no-box .con{
	width: 380px;
	height: 325px;
	display: none
}
.no-box .show{
	display: block;
}
.no-box .con ul li{
	height: 60px;
	margin-top: 20px;
}
.no-box .con ul li .time{
	width: 60px;
	height: 60px;
	float: left;
	background: url(../images/icon2.png) no-repeat;
	cursor: pointer;
}
.no-box .con ul li .time h2{
	color: #fff;
	font-size: 18px;
	margin-left: 9px;
	line-height: 35px;
}
.no-box .con ul li .time p{
	color:#fff;
	font-size: 14px;
	float: right;
	margin-right: 15px;
}
.no-box .con ul li .w{
	width: 300px;
	margin-left: 20px;
	float: left;
}
.no-box .con ul li .w a{
	color: #404040;
	font-size: 16px;
}
.no-box .con ul li .w a:hover{
	color: #f00;
}
.xs{
	width: 100%;
    display: flex;
}
.xs .box{
	width: 1200px;
    display: inline-block;
	margin: 0 auto;
	padding: 35px 0px 20px 0px;
}
.xs-le{
	width: 795px;
	float: left;
}
.xs-ri{
	width: 380px;
	float: right;
}
.xs-le .hd{
	width: 385px;
	float: left;
}
.xs-le .qy{
	width: 385px;
	float: right;
}
.xs-le .hd .head{
	width: 385px;
	height: 32px;
	border-bottom: 1px solid #dbdbdb;
}
.xs-le .hd .head h2{
	color:#d80f00;
	font-size: 20px;
	float: left;
	padding-left: 27px;
	line-height: 22px;
	background: url(../images/icon1.png) no-repeat left top;
}
.xs-le .hd .head a{
	float: right;
	color: #6a6a6a;
	font-size: 14px;
	line-height: 32px;
}
.xs-le .hd .head a:hover{
	color: #f00;
}
.xs-le .hd ul li{
	width: 385px;
	background: url(../images/icon3.png) no-repeat left center;
	margin-top: 20px;
}
.xs-le .hd ul li a{
	color: #404040;
	font-size: 16px;
	padding-left: 15px;
}
.xs-le .hd ul li a:hover{
	color: #f00;
}
.xs-le .qy .head{
	width: 385px;
	height: 32px;
	border-bottom: 1px solid #dbdbdb;
}
.xs-le .qy .head h2{
	color:#d80f00;
	font-size: 20px;
	float: left;
	padding-left: 27px;
	line-height: 22px;
	background: url(../images/icon1.png) no-repeat left top;
}
.xs-le .qy .head a{
	float: right;
	color: #6a6a6a;
	font-size: 14px;
	line-height: 32px;
}
.xs-le .qy .head a:hover{
	color: #f00;
}
.xs-le .qy ul li{
	width: 385px;
	background: url(../images/icon3.png) no-repeat left center;
	margin-top: 20px;
}
.xs-le .qy ul li a{
	color: #404040;
	font-size: 16px;
	padding-left: 15px;
}
.xs-le .qy ul li a:hover{
	color: #f00;
}
.xs-ri ul li{
	width:180px;
	height: 100px;
	float: left; 
	margin-right: 20px;
	margin-top: 15px;
	cursor: pointer;
}
.xs-ri ul li:nth-child(2n+2){
	margin-right: 0;
}
.xs-ri ul li:first-child,
.xs-ri ul li:nth-child(2){
	margin-top: 0;
}
.xs-ri ul li a{
        display:block;
	width:180px;
	height: 100px;
}
.xs-ri ul li:nth-child(7),.xs-ri ul li:nth-child(8){
    width: 100%;
}
.xs-ri ul li:nth-child(7) a,.xs-ri ul li:nth-child(8) a{
    width: 100%;
}
.xs-ri .lu{
	width: 380px;
	height: 100px;
	border-radius: 5px;
	margin-top: 12px;
	border-radius: 5px;
}
.xs-ri .lu img{
        width: 380px;
	height: 100px;
        border-radius: 5px;
	border-radius: 5px;
}
.ship{
	width: 100%;
	height: 100px;
	background: #f3f3f3;
}
.ship .box{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
        position: relative;
}
.ship h2{
	width: 100px;
	color: #d80f00;
	font-size: 18px;
	line-height: 100px;
	float: left;
}
.ship .item{
	width: 260px;
	height: 37px;
	background: #fff url(../images/icon4.png) no-repeat;
	background-position: 95% 50%;
	float: left;
	margin-top: 30px;
	margin-right: 20px;
	border-radius: 10px;
	cursor: pointer;
	position: relative;
}
.ship .item:last-child{
	margin-right: 0;
}
.ship .item p{
	line-height: 37px;
	margin-left: 15px;
	color: #404040;
	font-size: 16px;
}
.ship .item ul{
	position: absolute;
	left: 0;
	bottom: 37px;
        z-index:99;
}
.ship .item ul li{
	width: 260px;
	height: 35px;
	background: #f0ecec;
	display: none;
}
.ship .item ul li a{
	line-height: 35px;
	color: #404040;
	font-size:16px;
	margin-left: 15px;
}
.ship .item ul li:hover{
	background: #f9e6e6;
	transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.footer{
	width: 100%;
	height: 95px;
	background: #ef1100;
}
.footer .box{
	width: 1200px;
	height: 95px;
	margin: 0 auto;
}
.footer p{
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}
.footer p a{
        color: #ffffff;
	font-size: 16px;
}
.footer p a:hover{
        text-decoration: underline;
}
.miao{
	width: 50px;
	height: 100px;
	background: #d80f00;
	position: absolute;
	border-radius: 10px;
	bottom: 10px;
	right: -70px;
	cursor: pointer;
}
.miao .weixin{
	width: 50px;
	height: 50px;
	border-bottom:1px solid #e4574d;
	position: relative;
}
.miao .weixin .wx{
	position: absolute;
	right: 60px;
	top: -10px;
	width: 100px;
	display: none;
}
.miao .weixin img,
.miao .md img{
	margin-top: 10px;
	margin-left: 10px;
}
.miao .weixin:hover .wx{
	display: block;
}


/* imglist.html */
.ban{
	width: 100%;
	height: 145px;
	background: url(../images/bg7.jpg) no-repeat top center;
}
.ban .box{
	width: 1200px;
	height: 145px;
	margin: 0 auto;
}
.ban h2{
	text-align: center;
	color: #f1f1f1;
	font-size: 38px;
	padding-top: 33px;
}
.ban p{
	color: #f1f1f1;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
.ban p a{
	color: #f1f1f1;
	font-size: 16px;
	margin:0 14px; 
}
.ban p a:hover{
	color: #f00;
}
.content{
	width: 1200px;
	margin: 0 auto;
	border-left:1px solid #e1e1e1;
}
.two-nav{
	width: 260px;
	padding-bottom: 30px;
	float: left;
}
.mation{
	width: 938px;
	float: right;
	border-left:1px solid #e1e1e1;
}
.two-nav h2{
	color: #e11000;
	font-size: 20px;
	font-weight: 700;
	background:url(../images/icon1.png) no-repeat;
	padding-left: 44px;
	line-height: 60px;
	background-position: 5% 50%;
}
.two-nav ul{
	border-bottom: 1px solid #e1e1e1;
}
.two-nav ul li{
	width: 260px;
	height: 60px;
	border-top: 1px solid #e1e1e1;
	line-height: 60px;
	background: url(../images/icon7.png) no-repeat;
	background-position: 10% 50%;
}
.two-nav ul li a{
	color: #464646;
	font-size: 16px;
	margin-left: 60px;
}
.two-nav ul li:hover{
	background: #d80f00 url(../images/icon8.png) no-repeat;
	background-position: 10% 50%;
	transition: all 0.7s;
	-o-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
}
.two-nav ul li:hover a{
	color: #fff;
	font-weight: 700;
}
.two-nav ul li.sc{
	background: #d80f00 url(../images/icon8.png) no-repeat;
	background-position: 10% 50%;
	transition: all 0.7s;
	-o-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
}
.two-nav ul li.sc a{
	color: #fff;
	font-weight: 700;
}
.mation .head{
	width: 938px;
	height: 60px;
	border-bottom:1px solid #e5e5e5;
}
.mation .head h2{
	line-height: 60px;
	color: #000;
	font-size: 20px;
	margin-left: 30px;
}
.mation .con{
	width: 908px;
	padding-left: 30px;
	padding-bottom: 40px;
}
.mation .con .item{
	width:210px;
	height: 330px;
	background: #f3f3f3;
	float: left; 
	margin:0 8px;
	margin-top: 30px;
}
.mation .con .item img{
	width: 210px;
	height: 270px;
}
.mation .con .item h2{
	color: #000000;
	font-size: 16px;
	line-height: 60px;
	text-align: center;
}

.mation .con.hx .item{
    width: 286px;
    height: 245px;
}
.mation .con.hx .item img{
	width: 286px;
    height: 185px;
}

/* single.html */
.single{
	color: #000000;
	font-size: 16px;
	line-height: 35px;
	margin-top: 20px;
}
.single p{
	margin-top: 30px;
}
.single img{
	max-height: 100%;
}


/* list.html */
.list ul li{
	width: 100%;
	height: 61px;
	line-height: 60px;
	border-bottom:1px solid #e5e5e5;
	background: url(../images/icon9.png) no-repeat left center;
}
.list ul li .w{
	margin-left: 13px;
	float: left;
}
.list ul li .w a{
	color: #000;
	font-size: 16px;
}
.list ul li .time{
	color: #636363;
	font-size: 16px;
	float: right;
}


/* details.html */
.details .title{
	width:100%;
	height: 100px; 
	border-bottom:1px solid #e5e5e5;
}
.details .title h2{
	color: #000;
	font-size:22px; 
	text-align: center;
	line-height: 45px;
	padding-top: 10px;
}
.details .title p{
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
}
.details .title p span{
	margin-right: 15px;
}
.details .de-con{
	color: #000000;
	font-size: 16px;
	line-height: 35px;
	margin-top: 20px;
}
.details .de-con p{
	margin-top: 30px;
}
.details .de-con img{
	max-height: 100%;
}