a{text-decoration: none;}
 .fr{float:right;}
 .fl{float:left;}
 .clear{clear:both;}
 @font-face {
   font-family: shufa;
   src:url('../images/FZXKJW.TTF');
}
 .page-top{
 	width:100%;
 	background-color: #fff;
 	box-shadow: 0 3px 5px rgba(0,0,0,.03);

 }
 .page-top-container{
    height:50px;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
  }
  .page-top-container .logo{
    margin-top:5px;
     margin-left:16px;
  }
  .page-top-container .login a{
     color:rgba(0,0,0,.6);
     line-height:50px;
     letter-spacing: 1px;
  }
  .page-top-container .login .weibo,.page-top-container .login .list-page{
     width:120px;
   }
  .page-top-container .login .weibo::before,.page-top-container .login .list-page::before{
    	content:'';
    	display: inline-block;
    	width:20px;
    	height:20px;
    	background-image: url(../images/weibo.png);
    	background-repeat: no-repeat;
    	vertical-align:middle;
    	transition: all .3s;
    }
  .page-top-container .login .list-page::before{
    	background-image: url(../images/list-page.png);
    }
     .page-top-container .login a:hover{
     	text-decoration: underline;
     	color:#e4353c;
     }
     .page-top-container .login .list-page:hover::before{
     	background-position:0  -20px;
     }
     .page-top-container .login .weibo:hover::before{
     	background-position:0  -20px;
     }

/*banner*/
.banner{background:url(../images/banner.jpg) no-repeat top center;height:744px;position: relative;}
.yun{position:absolute;top:160px;left:74vw;animation: yun 2s linear infinite alternate;}
@keyframes yun{
     0%{transform:rotate(8deg); }
     50%{transform:rotate(0deg);}
     100%{transform:rotate(-12deg);}
}
.main-box{
  margin-top:-1px;
  background-color: #fed4d5;
  position: relative;
  padding-top:90px;
}
.main-box .deng img{position: absolute;right:0px;top:-100px;width:200px;}
.main-box .yanhua img{position: absolute;left:0px;top:-100px;width:213px;}
/*第一部分*/
.main-box .content1{
  width:980px;
  height:476px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/first-title.png) top center no-repeat;
  margin-bottom:60px; 
}
.main-box .content1 .content1-box{
   margin-left:auto;
   margin-right:auto;
   width:820px;
   text-align: left;
   padding-top:60px;
   color:#dc3141;
   font-size:20px;
   line-height: 38px;
   letter-spacing: 3px;
   font-weight:600;
}
/*第二部分*/
.main-box .content{
  display:block;
  width:100%;
  height:100%;

}

.main-box .content2,.main-box .content4{
  background: url(../images/bg1.jpg) #dc2b3b no-repeat left top;
  background-size: contain;
}
.main-box .content3{
    background: url(../images/bg2.jpg) #fed4d5 no-repeat;
}

.main-box .content2  .title2{
  margin-top:60px;
  width:980px;
  margin-left:auto;
  margin-right:auto;
  background: url(../images/title1.png) no-repeat center;height:82px;
}
.main-box .content3  .title3{ 
   height:102px;
}
.main-box .content4  .title4{
   height:62px;
}
.main-box .content2,.main-box .content3,.main-box .content4{
  padding-top:60px;
  margin-top:-1px;
}
/*各部分内容区*/
.content .content-box{
  width: 980px;
  margin-left:auto;
  margin-right:auto;

}
.content2 .content2-box{
   background:url(../images/content1-box.png) repeat-y center top;
   padding-bottom:30px;
}
.content3 .content3-box{
   background:none;
   height:900px;
}
.content4 .content4-box{
  background:none;
   height:1300px;
}
.content5 .content5-box{
  margin-top:60px;
   background:none;
   height:760px;
}
.content2 .content2-box h1{
  padding-top:16px;
  margin-bottom:26px;
  text-align: center;
  font-size:32px;
  color:#e25659;
  font-weight:700;
  letter-spacing: 6px;
  line-height:68px;
  background: url(../images/content1-box-h1.gif) no-repeat 335px bottom;
}
.content2 .content2-box .box{
     width: 760px;
     height:640px;
     overflow: hidden;
     position: relative;
     margin:0 auto;
}
.content2 .content2-box .box ul{
    position: absolute;
    left:0;
    top:0;
     width: 760px;
     height:640px;
  } 
   ol.box2{
    margin-top:16px;
     margin-left:auto;
     margin-right:auto;
    position:relative;
    width:190px;
    height:10px;
  }
   ol.box2 li{
    width:10px;
    height:10px;
    float:left;
    margin:0 10px;
    background-color: red;
    border-radius: 50%;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz- transition:all .3s;
  }
  ol.box2 li.active{
    background-color: #fff;
    width:30px;
    height:10px;
    border-radius: 3px;
    box-sizing: border-box;
    border:1px solid red;
  }
.content2 .content2-box .box ul li{
    width: 760px;
    height:640px;
    z-index:1;  
    filter:alpha(opacity==100);opacity:1;
  } 
.content2 .content2-box .content2-articles{
      width: 760px;
      padding:10px 0;
      border-bottom:1px dotted  #d79e06;
      height:162px;
      overflow: hidden;
}
.content2-articles .articles-img{
    width:200px;
    height:144px;
    position: relative;
    overflow: hidden;
    text-align: center;
    float:left;
}
.content2-articles .articles-img img{
    margin-top:3px;
    width:192px;  
    -webkit-transition:  transform 1s;
    -moz-transition:  transform 1s;
    -o-transition:  transform 1s;
    transition:  transform 1s;
}
.content2-articles .articles-img:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.content2-articles .articles-img .articles-img-box{
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
  width:200px;
  height:144px;
   background:url(../images/content1-box-content.png) no-repeat top left;
}
.content2-articles .articles-font{
  float:right;
  width:540px;
}
.content2-articles .articles-font h2{
  font-size:20px;
  color:#e25659;
 /* padding-bottom:5px;*/
}
.content2-articles .articles-font h2>span{
  font-size:18px;
  color:#e25659;
}
.content2-articles .articles-font p{
  font-size:16px;
  color:#595757;
  line-height: 26px;
}
.content2-articles .articles-font p a{
  color:#e25659;
  font-size: 14px;
   font-weight:700;
   letter-spacing: 2px;
}

/*第三部分*/
.content3 .content3-box h1,.content4 .content4-box h1,.content5 .content5-box h1,
.content6 .content6-box h1,.content7 .content7-box h1{
  margin-top:26px;
  text-align: center;
  font-size:38px;
  color:#fff;
  font-weight:700;
  letter-spacing: 12px;
  line-height:84px;
  background: url(../images/title2.png) no-repeat center;
  height:77px;
}
.content3 .content3-box .content3-articles,.content4 .content4-box .content4-articles,.content5 .content5-box .content5-articles,.content6 .content6-box .content6-articles,.content7 .content7-box .content7-articles{
      width: 960px;
      margin-left:auto;
      margin-right:auto;
      background-color:#fde0c0; 
      height:480px;
}
.content3 .content3-box .content3-articles{
  padding-top:30px;
   height:790px;
}
.content6 .content6-box .content6-articles{
     height:520px;
}
.content7 .content7-box .content7-articles{
     height:420px;
}
.content4 .content4-box .content4-articles{
  height:1180px;
  border-bottom-left-radius:12px;
   border-bottom-right-radius:12px;
}
.content4 .content4-box .content4-articles ul{
    width: 860px;
    margin:5px auto; 
}
.content5 .content5-box .content5-articles{
  height:690px;
}
.content3 .content3-box .content3-articles ul,.content4 .content4-box .content4-articles ul,.content5 .content5-box .content5-articles ul{
    width:860px;
    margin:0 auto;
    padding-top:20px;
    padding-bottom:20px;
}
.content3 .content3-box .content3-articles ul,.content6 .content6-box .content6-articles ul{
  margin-left:auto;
  margin-right:auto;
   width:820px;
   position:relative;
}
.content6 .content6-box .content6-articles ul{
 padding-top:30px;
}
.content3 .content3-box .content3-articles li,.content6 .content6-box .content6-articles li{
    float:left;
    width:380px;
    margin:10px auto;
}
.content3 .content3-box .content3-articles ul>div,.content6 .content6-box .content6-articles ul>div{
    position:absolute;
    width:1px;
    height:660px;
    left:410px;
    top:44px;
    border:1px dashed #f17683;
}
.content6 .content6-box .content6-articles ul>div{
    height:420px;
}
.content3 .content3-box .content3-articles li:nth-child(even),.content6 .content6-box .content6-articles li:nth-child(even){
    margin-left:60px;
}
.content3 .content3-box .content3-articles .zj-img{
    float:left;
    width:66px;
}
.content3 .content3-box .content3-articles li .zj-font{
    float:left;
    width:300px;
    height:100px;
    overflow:hidden;
    background-color:#fff;
    border-radius: 8px;
    box-shadow: 1px 1px 5px #fdd7db;
    padding:8px 10px;
    margin-left:12px;
    position: relative;
}
.content3 .content3-box .content3-articles li .zj-font::after{
  display: block;
  content: '';
  width:2px;
   height:90px;
  position: absolute;
   top:0;
   left:0
   background-color: #fc7b7b;

}
.content3 .content3-box .content3-articles li h2{
    font-size:16px;
    color:#e25659;
 /*   font-weight:700;*/
}
.content3 .content3-box .content3-articles li p{
    font-size:12px;
    color:#4c4c4b;
    padding-top:6px;
    line-height: 18px;
}
.content3 .content3-box .content3-articles li p a{
    font-size:12px;
    color:#e25659;
    padding-top:6px;
    line-height: 18px;
}
.content4 .content4-box .content4-articles li{
    float:left;
    width:215px;
    height:359px;
    background: url(../images/content4.png) no-repeat top left;
    margin:10px auto;
    position:relative;
    -webkit-transition:background 1s;
      -moz-transition:background 1s;
        -o-transition:background 1s;
        transition:background 1s;
}
.content4 .content4-box .content4-articles li:hover{
   background: url(../images/content41.png) no-repeat 0  6px;
}

.content4 .content4-box .content4-articles li>a>h2{
  position:absolute;
  width:24px;
  font-size:24px;
  height:auto;
  left:50px;
  top:60px;
   font-family: 'shufa';
  line-height:36px;
   color:#000;
}
.content4 .content4-box .content4-articles li:hover>a>h2{
   color:red;
}
.content4 .content4-box .content4-articles li:hover>a>p{
   color:black;
}
.content4 .content4-box .content4-articles li>a>p{
  position:absolute;
  width:22px;
  font-size:18px;
  height:250px;
  left:84px;
  top:66px;
  line-height:20px;
  color:#dc2c3b;
  overflow: hidden;
  letter-spacing: 7px;

}
.content4 .content4-box .content4-articles li>a>p:nth-child(2){
  width:32px;
  border-left:1px dashed #595959;
   padding-left:12px;

}
.content4 .content4-box .content4-articles li>a>p:nth-child(3){
 
  left:124px;
 
}
.content5 .content5-box .content5-articles li{
    float:left;
    width:246px;
    height:190px;
    background: #fff;
    margin:15px 20px;
    border-radius: 6px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.content5 .content5-box .content5-articles li div.erweima{   
    width:246px;
    height:190px;
    background: rgba(0,0,0,.6);
    position:absolute;
    left:0;top:100%;
    -webkit-transition: top .6s;
    -moz-transition: top .6s;
      -o-transition: top .6s;
      transition: top .6s;
}
.content5 .content5-box .content5-articles li:hover div.erweima{
   top:0;
}
.content5 .content5-box .content5-articles li div.erweima>img{   
   margin-top:18px;
    width:120px; 
}
.content5 .content5-box .content5-articles li div.erweima>p{   
    color:#f4d502;
    font-size:12px;
}
.co
.content6 .content6-box .content6-articles li{
     height:100px;
     background-color: #fff;
     height:130px;
     text-align: center;
    
}
.content6 .content6-box .content6-articles li h3{
  text-align: center
;}
.content6 .content6-box .content6-articles li:hover{
       box-shadow: 0 0 6px #f6ae98;

}
.content6 .content6-box .content6-articles li:hover h3{
    color:#dc2c3b;
}
.content7 .content7-box .content7-articles .content7-article-list{
    float:left;
    width:480px;
    height:320px;   
    margin-top:60px;
    background-color:#fad0d3; 
}
.content7 .content7-box .content7-articles .content7-article-list>div{
    margin-left: 30px;
    width:420px;
    height:320px; 
}
.content7 .content7-box .content7-articles .content7-article-list h2{
     padding:16px 0px 10px 0px;
     box-sizing: border-box;
     border-bottom:1px dotted #dc2c3b;
     position:relative;
}
.content7 .content7-box .content7-articles .content7-article-list h2 a{
     font-size:18px;
     line-height:26px;
     letter-spacing: 1px;
     color:red;
  /*   font-weight:700;*/
}
.content7 .content7-box .content7-articles .content7-article-list h2:hover a{
    
     color:#525252;
  /*   font-weight:700;*/
}
.content7 .content7-box .content7-articles .content7-article-list p{
     padding-top:10px;
     padding-bottom:8px;
     padding-left:30px;
     line-height: 22px;
     position:relative;  
     color:#525252; 
      border-bottom:0px dotted #e4353c;
}
.content7 .content7-box .content7-articles .content7-article-list p a{   
     font-size:16px;
     line-height: 22px;  
     color:#525252; 
}
.content7 .content7-box .content7-articles .content7-article-list p:hover{
     color:red; 
     border-bottom:1px dotted #e4353c;
}
.content7 .content7-box .content7-articles .content7-article-list p::before{
   display: inline-block;
   content: '';
   position:absolute;   
   width:23px;
   height:30px;
   left:0px;
   background:url(../images/zhuanshi.png) no-repeat left 0px; 
}
.content7 .content7-box .content7-articles .content7-article-list p:hover::before{
  
  background:url(../images/zhuanshi.png) no-repeat left -30px; 
}
.content7 .content7-box .content7-articles .content7-article-list p>span{
     font-size:12px;
     position:absolute;
     right:20px;
     bottom:4px; 
     color:#656565;  
}
.all {
              width: 360px;
              height: 320px;
              padding-top:60px;
              position: relative;
              margin-left:60px;
              float: left;
           }
 
            .inner {
              position: relative;
              width: 360px;
              height: 320px;
              background-color: pink;
              overflow: hidden;
              box-shadow: 1px 1px 6px #c0c0c0;
            }
         
            .inner ul {
              width: 1000%;
              list-style: none;
              position: absolute;
              top: 0;
              left: 0;
            }
            .inner ul li {
              float: left;
            }
         
       
            .inner ol {
              position: absolute;
              right: 30px;
              bottom: 10px;
            }
          .inner ol li {
            width: 20px;
            display: inline-block;
            height: 20px;
            margin: 0 3px;
            cursor: pointer;
            line-height: 20px;
            text-align: center;
            background-color: #fff;
          }
    /*当前的高亮的小圆点*/
          .inner ol .current {
            background-color:#e4353c;
            color: #fff;
          }
 
    .focusD span {
      display: inline-block;
      width: 25px;
      font-size: 24px;
      height: 30px;
      color: #ccc;
      line-height: 30px;
      text-align: center;
      background: rgba(255, 255, 255, 0.3);
      cursor: pointer;
    }

 
/*底部*/
.bottom_line{ border-top:1px #f8e7c9 solid; padding:10px 0; text-align:center;background:#f8e7c9;margin-top:20px;}
.bottom_line p,.bottom_line p a{color:#585756;}
.bottom_line p a:hover{color:#000;text-decoration: underline;}
.bottom_line p .bdpp{font-size:14px;}
.bottom_line p:nth-child(2){font-size:12px;line-height:14px;}
/*侧栏*/
.slider{
  position:fixed;
  top:220px;
  right:30px;
  width:180px;
 /* height:560px;*/
  background: url(../images/slide.png) no-repeat top left;
  display:none;
}
.slider ul{
  margin-top:99px;
  width:135px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}
.slider ul li{
  width:135px;
  height:64px;
  background: url(../images/slide-list1.png) no-repeat  center 6px;
  text-align: center;
  border-bottom: 1px dotted #dd3745;
  transition:all .6s;
}
.slider ul li:last-child{
  border-bottom: 0px dotted #dd3745;
}
.slider ul li a{
  width:135px;
  height:64px;
  line-height:64px;
  color:#ed4553;
  font-weight:700;
  letter-spacing:2px;
 }
.slider ul li:hover{
  background-image: url(../images/slide-list.png) ;
}
.slider ul li:hover a{
  color:#fff;  
 }