.container{
	width:1200px;
	margin:0 auto;
}
.head-nav {
  background: url(/art/img/banner1.jpg);
  margin:0 auto;
  min-width: 1200px;
  z-index: 10000;
  width:1200px
}
.head-nav .head-bg {
  /*position: absolute;
  top: -20px;
  right: 0;
  z-index: 100;*/
}
.head-nav .head-one {
  height: 36px;
  background-color: #7b0009;
}
.head-nav .head-one .one-box {
  width: 1200px;
  margin: 0 auto;
  height: 36px;
}
.head-nav .head-one .one-box .word-box {
  float: right;
  margin-right: 8px;
}
.head-nav .head-one .one-box .word-box a {
  float: left;
  font-size: 12px;
  line-height: 36px;
  color: #ffbebe;
  margin-right: 15px;
  position: relative;
  z-index: 900000;
}
.head-nav .head-two {
  background-color: rgba(143,0,11,0.8);

  min-width: 1200px;
}
.head-nav .head-two .two-box {
  width: 1200px;
  margin: 0 auto;
  height: 100px;
  position: relative;
}
.head-nav .head-two .two-box .yin{
	position: absolute;
	right: 30px;
	top:24px;
}
.head-nav .head-two .two-box .yin img{
	width:280px;
	height: 100%;
}
.head-nav .head-two .two-box .head-logo {
  float: left;
  height: 66px;
  margin-top: 12px;
  margin-right: 120px;
  margin-left:20px;
}
.head-nav .head-two .two-word-box{
	height:40px;
	background: #FFFFFF;
	position: relative;
}
.head-nav .head-two .two-word-box .two-word-box-a {
  display: block;
  float: left;
  
}
.head-nav .head-two  .two-word-box .two-word-box-a .word-box-a {
  font-size: 16px;
  color: #8F000B;
  text-align: center;
  line-height: 40px;
  display: block;
  padding:0px 34px;
}
.head-nav .head-two  .two-word-box .two-word-box-a:hover {
  border-bottom-color: #9fb3ff ;
}
.head-nav .head-two  .two-word-box .two-word-box-a .two-lay-box {
  width: 100%;
  background-color: rgb(255, 255, 255);
  position: absolute;
  display: none;
  top: 40px;
  left: 0;
  z-index: 100000;
  height: 180px;
}
.head-nav .head-two .two-word-box .two-word-box-a .two-lay-box .lay-a-box {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.head-nav .head-two  .two-word-box .two-word-box-a .two-lay-box .lay-a-box .lay-sanjiao {
  position: absolute;
  top: 40px;
  left: 0px;
  z-index: 1000;
}
.head-nav .head-two .two-word-box .two-word-box-a .two-lay-box .lay-a-box .two-lay-left-img {
  float: left;
  margin-top: 20px;
  margin-right: 40px;
}
.head-nav .head-two .two-word-box .two-word-box-a .two-lay-box .lay-a-box div {
  width: 160px;
  height: 180px;
  float: left;
}
.head-nav .head-two .two-word-box .two-word-box-a .two-lay-box .lay-a-box div a {
  display: block;
  margin-top: 30px;
  font-size: 14px;
  color: #555;
  padding-left: 50px;
}


.banner {

  position: relative;
  z-index: 0;
  width:1200px;
  margin:10px auto;
  height:320px;
}
.banner img {
  width: 1200px;
  height:320px;
  margin: 0 auto;
}

.tzgg{
	width: 1200px;
	height:160px;
  margin:-25px auto 0px;
  overflow: hidden;
  padding: 30px 0px 30px;
  position:relative;
 z-index: 999;
  background: url(/art/img/ggbg.png) ;
}
.tzgg .left{
	width:440px;
	float:left;
	position: relative;
	top:-20px;
	left:150px;
}
.tzgg .right{
	width:440px;
	float:right;
	position: relative;
	top:-20px;
	right:140px
}
.tzgg .tit-left{
	float:left;
}
.tzgg .tit-right{
	float:right;
}
.tzgg ul{
	overflow: hidden;
}
.tzgg .list ul li {
	line-height:28px;
	font-size:14px;
}
.tzgg .list ul li a{
	color:#fff;
	font-size:14px;
	line-height:28px;
}
.gg-box{
  width: 1200px;
  margin:0px auto;
  overflow: hidden;
  padding: 30px 15px 30px;
  background: #fff;
  
}
.gonggao-nav{
	width:560px;
	float:left;
}
.jiaoxue-nav{
	width:560px;
	height:300px;
	float:right;
}
.gonggao-nav .list ul li{
	float:none;
	height:40px;
	border-bottom: #f2f2f2 1px solid;
}
.gonggao-nav .list ul li a{
	color:#333;
	font-size:14px;
	line-height:40px
}
.jiaoxue-nav .list ul li{
	float:none;
	height:40px;
	border-bottom: #f2f2f2 1px solid;
}
.jiaoxue-nav .list ul li a{
	color:#333;
	font-size:14px;
	line-height:40px
}
.gg-box .title{
	border-bottom:#8F000B 2px solid;
	margin-bottom: 10px;
	
}
.gg-box .title a{
	float: right;
	position: relative;
	top:-20px
}
.gg-box .title h2{
	line-height:40px;
}
.one-nav {
  min-width: 1200px;
  position: relative;
}

.one-nav .one-box {
  margin: 0 auto;
  padding:30px 15px 20px;
  width: 1200px;
  background: #fff;
  overflow: hidden;
}
.one-nav .one-box .one-left {
  float: left;
  width: 805px;
}
.one-nav .one-box .one-left .left-tit {
  margin-bottom: 5px;
  border-bottom: #8F000B 2px solid;
}
.one-nav .one-box .one-left .left-tit img:nth-child(0) {
  float: left;
}
.one-nav .one-box .one-left .left-tit a {
  float: right;
  position: relative;
  top:-20px
}
.one-nav .one-box .one-left .left-body  .swiper-container2{
  float: left;
  width: 400px;
  height: 340px;
  background:#fff
}


.one-nav .one-box .one-left .left-body .swiper-container2 .swiper-pagination {
  top: 10px !important;
}
.one-nav .one-box .one-left .left-body .detail-box {
  width: 390px;
  float: right;
}
.one-nav .one-box .one-left .left-body .detail-box a {
  display: block;
  height:46px;
  width: 390px;
  color:#222;
  border-bottom: 1px solid #c0c0c0;
  line-height: 42px;
  margin-bottom: 5px;
}
.one-nav .one-box .one-left .left-body .detail-box a div {
  width: 300px;
  float: left;
}
.one-nav .one-box .one-left .left-body .detail-box a div h1 {
  font-size: 14px;
  color: #333;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.one-nav .one-box .one-left .left-body .detail-box a span {
  display: block;
  float: right;
  height: 42px;
  width: 52px;
  font-size: 12px;
  color: #333;
  background: #dedede;
  text-align: center;
  line-height: 42px;
}
.one-nav .one-box .one-left .left-body .detail-box a:hover div h1 {
  color: #8f000b;
}
.one-nav .one-box .one-left .left-body .detail-box a:hover div p {
  color: #8f000b;
}

.one-nav .one-box .one-right {
  width: 340px;
  height: 340px;
  float: right;
}
.one-nav .one-box .one-right .right-tit {
  margin-bottom: 5px;
  border-bottom: #8F000B 2px solid;
  position: relative;
  height: 43px;
}
.one-nav .one-box .one-right .right-tit img {
  float: left;
}
.one-nav .one-box .one-right .right-tit a {
  position: absolute;
  top:10px;
  right:0px
}
.one-nav .one-box .one-right .ycjz ul li{
	height: 46px;
	margin-bottom: 5px;
	border-bottom: #c0c0c0 1px solid;
}
.one-nav .one-box .one-right .ycjz ul li a{
	color:#333;
	font-size:14px;
	line-height:42px;
	padding-left: 10px;
}
.one-nav .one-box .one-right .ycjz .yc-date{
	display: inline-block;
	width:49px;
	height:42px;
	background: #dedede;
	color:#333;
	font-size:12px;
	text-align: center;
	line-height: 42px;
	float:right;
}
.two-nav {
  min-width: 1200px;
  height: 600px;
  background-image: url(/art/img/IMG_7072.jpg);
  background-position: center center;
}
.two-nav .two-box {
  padding-top: 42px;
  padding-bottom: 28px;
  height: 600px;
  width: 1200px;
  margin: 0 auto;
}

.two-nav .two-box .two-tit {
  margin-bottom: 40px;
}
.two-nav .two-box .two-body .two-left {
  float: left;
  width: 400px;
}
.two-nav .two-box .two-body .two-left a {
  display: block;
  width: 400px;
  height: 120px;
  margin-bottom: 22px;
  background-color: #faf3f3 ;
}
.two-nav .two-box .two-body .two-left a div {
  display: table;
  height: 120px;
  margin: 0 auto;
}
.two-nav .two-box .two-body .two-left a div p {
  margin-right: 10px;
  line-height: 120px;
  font-size: 16px;
  color: #8f000b;
  float: left;
}
.two-nav .two-box .two-body .two-left a div .img2 {
  float: left;
  margin-top: 20px;
}
.two-nav .two-box .two-body .two-left a div .img1 {
  display: none;
  float: left;
  margin-top: 20px;
}
.two-nav .two-box .two-body .two-left a.act {
  background-image: url(/art/img/body-left-bg_03.jpg);
}
.two-nav .two-box .two-body .two-left a.act div {
  display: table;
  height: 120px;
  margin: 0 auto;
}
.two-nav .two-box .two-body .two-left a.act div p {
  margin-right: 10px;
  line-height: 120px;
  font-size: 16px;
  color: #fff;
  float: left;
}
.two-nav .two-box .two-body .two-left a.act div .img2 {
  display: none;
  margin-top: 20px;
  float: left;
}
.two-nav .two-box .two-body .two-left a.act div .img1 {
  display: block;
  float: left;
  margin-top: 20px;
}
.two-nav .two-box .two-body .two-right {
  width: 750px;
  float: right;
}
.two-nav .two-box .two-body .two-right .two-right-box {
  float: left;
  margin-right: 10px;
}
.two-nav .two-box .two-body .two-right .two-right-box .img1 {
  width: 370px;
  height: 264px;
  margin-bottom: 10px;
}
.two-nav .two-box .two-body .two-right .two-right-box div img {
  float: left;
  margin-right: 10px;
}
.two-nav .two-box .two-body .two-right .two-right-box div img:nth-last-child(1) {
  margin-right: 0;
}
.two-nav .two-box .two-body .two-right .two-right-box:nth-child(2) {
  margin-right: 0;
}
.two-nav .two-box .two-body .two-right .two-right-box:nth-child(2) .img1 {
  width: 370px;
  height: 264px;
}
.two-nav .two-box .two-body .two-right .two-right-box:nth-child(2) div {
  margin-bottom: 10px;
}
.two-nav .two-box .two-body .two-right .two-right-box:nth-child(2) div img {
  float: left;
  margin-right: 10px;
}
.two-nav .two-box .two-body .two-right .two-right-box:nth-child(2) div img:nth-last-child(1) {
  margin-right: 0;
}


.service-title {
	text-align: center;
	margin: 30px 0 0 0;
}

.service-title h2 {
	display: block;
	font-size: 36px;
}

.service-title p {
	display: block;
	color: #888;
	font-size: 16px;
}

.solution-box {
	/*background: url(/art/img/6021221.png) no-repeat center top;*/
	margin: 30px auto;
	padding:30px;
	background: #FFFFFF;
	width:1200px;
	

}

.solution-cut {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	background: #FFFFFF;
}

.solution-swiper {
	width: 100%;
	overflow: hidden;

}

.solution-box button.fa {
	position: absolute;
	top: 0;
	bottom: 0px;
	width: 50px;
	background: rgba(0, 0, 0, .1);
	color: rgba(255, 255, 255, .5);
	cursor: pointer;
	border: none;
	font-size: 40px;
	padding: 0;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.solution-box button.fa:hover {
	background: #888888;
	color: #fff;
}

.solution-box .fa-back {
	right: 100%;
}

.solution-box .fa-more {
	left: 100%;
}

.solution-box ul {
	width: 10000%;
}

.solution-box ul:after {
	display: block;
	clear: both;
	content: '';
}

.solution-box ul li {
width: 220px;
float: left;
height: 240px;
padding-top: 0px;
margin-left: 15px;
}

.solution-box ul li span {
	display: block;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
/*	background: #7b0009;*/
	height:100px;
	width:100%;
}





.solution-box ul li hr {
	width: 30px;
	height: 2px;
	background: #fff;
	border: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0 0 0 -15px;
	padding: 0;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.solution-box ul li h3 {
	font-size: 14px;
	line-height: 24px;
	width: 100%;
        padding:10px 0px;
	color:#222;
	transition: .3s;
	overflow: hidden;
}

.solution-box ul li p {
	width: 80%;
	position: absolute;
	font-size: 16px;
	left: 10%;
	top: 70%;
	opacity: 0;
	transition: .3s;
}

.solution-box ul li a {
	font-size: 14px;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	color:#222;
}


.solution-box ul li img {
	display: block;
	width:220px;
	height:140px;
}

/*×ÖÌå±ê*/
@font-face {
	font-family: "icon";src: url('/art/font/iconfont.eot');src: url('/art/font/iconfont.eot') format('embedded-opentype'), url('/art/font/iconfont.woff') format('woff'), url('/art/font/iconfont.ttf') format('truetype'), url('/art/font/iconfont.svg') format('svg');
}

.fa {
	font-family: "icon" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-back:before {
	content: "\e697";
}

.fa-more:before {
	content: "\e6a7";
}

.fa-wxbgongju:before {
	content: "\e61b";
}

.fa-all:before {
	content: "\e696";
}

.fa-security:before {
	content: "\e71c";
}

.fa-huanhuobz:before {
	content: "\e67c";
}

.fa-aniukefu2:before {
	content: "\e6ca";
}

.fa-set1:before {
	content: "\e6dc";
}

.fa-naozhong:before {
	content: "\e648";
}

.fa-suo:before {
	content: "\e652";
}




.three-nav {
 /* background-image: url(/art/img/index-three-bg.png);*/
  height: 428px;
}
.three-nav .three-box {
  width: 1200px;
  margin: 0px auto;
  background: #Fff;
  padding-bottom:20px;
}
.three-nav .three-box .three-left {
  width: 820px;
  float: left;
  padding-left: 30px;
  padding-top: 20px;
}
.three-nav .three-box  .left-tit{
	border-bottom: #8F000B 2px solid;
}
.three-nav .three-box  .left-tit h2{
  color:#333
}
.three-nav .three-box  .left-tit img:nth-child(0) {
  float: left;
}
.three-nav .three-box  .left-tit a {
  float: right;
  position: relative;
  top:-20px
}
.three-nav .three-box .three-left .left-body{
	margin-top: 30px;
}
.three-nav .three-box .three-left .left-body ul{
	margin-left: -15px;
}
.three-nav .three-box .three-left .left-body ul li{
	float: left;
	margin-left: 15px;
	width:250px;
}

.three-nav .three-box .three-left .left-body img {
  width: 250px;
  height: 180px;
}

.three-nav .three-box .three-left .left-body div a {

/*  background-color: #8F000B;*/
  color:#333
}
.three-nav .three-box .three-left .left-body div a p.tit {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  font-size: 14px;
  color: #222;
  line-height: 48px;
}
.three-nav .three-box .three-left .left-body div a p.date{
	font-size:12px;
	font-weight: 400;
	color:#8F000B;
	padding:10px 0;
}
.three-nav .three-box .three-left .left-body div a span {
  font-size: 14px;
  color: #222;
  float: left;
  margin-left: 10px;
  line-height: 56px;
}

.three-nav .three-box .three-right {
  height:408px;
  width: 342px;
  background: #FFFFFF;
  float: right;
  padding: 20px 12px 0;
}


.three-nav .three-box .three-right  .right-body a {
  display: block;
  height: 80px;
  padding-top: 15px;
  border-bottom: 1px solid #f2dadc;
}
.three-nav .three-box .three-right a p {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
  word-wrap: break-word;
  float: right;
  line-height: 24px;
  width:240px
}
.three-nav .three-box .three-right .right-date {
  float: left;
  width:56px;
  height:50px;
  background: #f2dadc;
  text-align: center;
  padding:0px 2px
}
.three-nav .three-box .three-right .right-date span{

	font-size:12px;
	color:#8F000B
}
.three-nav .three-box .three-right .more-btn {
  height: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-top: 1px solid #AE232E;
}
.three-nav .three-box .three-right .more-btn span {
  font-size: 18px;
  margin-right: 6px;
}
.four-nav {
  background-image: url(/art/img/banner1.jpg);
  background-position: bottom center;
 margin: 0 auto;
 width:1200px;
 margin-top:30px
}

.four-nav .four-box .imgbox {
  width: 1200px;
  margin: 0 auto;
  display: block;
}
.four-nav .four-box img {
  float: left;
}
.four-nav .four-box .four-hover-box {
  float: left;
  width: 1100px;
  height: 300px;
  position: relative;
  overflow: hidden;
}
.four-nav .four-box .four-hover-box .four-hover-img {
  width: 275px;
  height: 300px;
  float: left;
  background-position: center center;
}

.four-nav .four-box .four-hover-box .four-hover-img div {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 300px;
}
.four-nav .four-box .four-hover-box .four-hover-img.act div {
  background-color: transparent;
}
.four-nav .footer-nav {
  background-color: rgba(143, 0, 11, 0.8);
  min-width: 1200px;
}
.four-nav .footer-nav .footer-box {
  width: 1200px;
  margin: 0 auto;
  padding-top: 10px;
  height: 100px;
}

.four-nav .footer-nav .footer-box .footer{
	 padding-top: 30px;
	 float: left;
	 width:960px;
	 padding-left:20px
}
.four-nav .footer-nav .footer-box .footer p{
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  height: 18px;
  line-height: 18px;
  text-align: left;
}
.four-nav .footer-nav .footer-box .footer p:last-child{
	border-right:none;
}
.four-nav .footer-nav .footer-box .code{
	position:relative;
	width:200px;
	height:60px;
	margin: 20px auto 0px;
	float: right;
}

.four-nav .footer-nav .footer-box .code-box img{
	 position: absolute;
	 cursor: pointer;
	 
}
.four-nav .footer-nav .footer-box .code-box img:nth-child(1){
	left:40px;
}
.four-nav .footer-nav .footer-box .code-box img:nth-child(2){
	left:110px;
}
.four-nav .footer-nav .footer-box .img-box img{
   position: absolute;
   display: none;
}
.four-nav .footer-nav .footer-box .img-box img:nth-child(1){
   top:-60px;
   left: -120px;
   
}
.four-nav .footer-nav .footer-box .img-box img:nth-child(2){
   top:-60px;
   left: 180px;
   
}
.four-nav .footer-nav .footer-box .footer-left div a:nth-child(1) {
  padding-left: 0;
}
.four-nav .footer-nav .footer-box .footer-left div a:nth-last-child(1) {
  border: none;
}
.four-nav .footer-nav .footer-box .footer-left p {
  font-size: 14px;
  color: #fff;
  margin-top: 35px;
  margin-bottom: 20px;
}
.four-nav .footer-nav .footer-box .footer-left span {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
  display: block;
}


.four-nav .footer-nav .footer-box .img-box p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}