
/*轮播图b*/
.banner{width:100%;overflow: hidden;z-index: 1;}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{ width:100%;}
.banner a{display: block;}
.banner .slick-slide{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slick-slide img{ width:100%;}
.banner .slick-dots {
    position: absolute;
    left: 0;
    bottom:0;
	height:32px;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.banner .slick-dots li {
    display: inline-block;
    margin: 11px 6px;
}

.banner .slick-dots li button {
    display: block;
    width:14px;
    height:13px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    outline: none;
    cursor: pointer;
	background:url(../image/r2.png) no-repeat center;	
	
	
}

.banner .slick-dots li.slick-active button {
	background:url(../image/r1.png) no-repeat center;	
}
.banner .slick-prev{ background: url(../image/left.png) no-repeat; position: absolute;top:50%;left:0; width:40px; height:68px; z-index: 3; cursor: pointer; border:none; margin-top:-70px;}
.banner .slick-next{ background: url(../image/right.png) no-repeat; position: absolute;top:50%;width:40px; height:68px;right:0;z-index: 3;cursor: pointer; border:none; margin-top:-70px;}
/*轮播图d*/
.zf_nav{ width:100%; height:88px; background-color:#f29c9f;}
.zf_nav .cont{ width:1200px; margin:0 auto;}
.zf_nav .cont .zf1{width:108px; margin-right:23px; height:76px; float:left; padding-top:10px;}
.zf_nav .cont .zf1 div{width:97px; line-height:25px; font-size:16px; border:#fff 2px solid; text-align:center; border-radius:10px; color:#fff; padding:6px 0;}
.zf_nav .cont .zf1 div a{color:#fff;}
.zf_nav .cont .zf2{width:89%; height:88px; float:left;}
.zf_nav .cont .zf2 a{display:block; border-left:#fff 1px solid; float:left; padding:0 19px; line-height:88px; font-size:18px; color:#fff;}
.zf_nav .cont .zf2 a:hover{ background-color:#EB6877;}
.zf_nav .cont .zf2 a.wbroder {
    border-right: #fff 1px solid;
}
.zf_nav .cont .zf3{width:140px; color:#fff; height:40px; margin-left:26px; margin-top:23px; border-radius:5px; float:right;}
.zf_nav .cont .zf3 a{width:100%; height:40px; display:block; font-size:16px; text-align:center; line-height:40px; color:#fff; border-radius:5px;border:#fff 1px solid;}
.zf_nav .cont .zf3 a:hover{background-color:#EB6877; border:1px solid #EB6877;}
.index{ width:100%; background-color:#fff;}
.index_two{
display:block;
width:1200px;
height:770px;
text-align: center;
padding-top:80px;
margin:0 auto;
}
.index_two .ztitle {
    font-size: 38px;
    color: #e8727e;
    line-height: 38px;
    margin-bottom: 20px;
}
.index .index_two .ftitle {
    font-size: 20px;
    color: #898989;
    margin-bottom: 60px;
}
.index_two .index_two_cont {
    width: 1200px;
    height: 643px;
    margin: 50px auto 0;
}
.index_two .index_two_cont .tleft {
    width: 639px;
    height: left;
    height: 407px;
    cursor: pointer;
    float: left;
}
.index_two .index_two_cont .tleft img {
    width: 639px;
    height: 407px;
    margin-top: 20px;
    margin-left: -2px;
}
.index_two .index_two_cont .tright {
    width: 450px;
    margin-left: 60px;
    float: left;
    margin-top: 10px;
}
.index_two .index_two_cont .tright .two_box {
    width: 100%;
    font-size: 14px;
    color: #646464;
    padding-left: 110px;
    text-align: left;
    margin-bottom: 30px;
    height: 81px;
}
.index_two .index_two_cont .tright .two_box span {
    font-size: 17px;
    color: #000;
    line-height: 30px;
    line-height: 45px;
    display: block;
}
.index_two .index_two_cont .pic1 {
    background: url(../image/tubiao1.png) left center no-repeat;
}
.index_two .index_two_cont .pic2 {
    background: url(../image/tubiao2.png) left center no-repeat;
}
.index_two .index_two_cont .pic3 {
    background: url(../image/tubiao3.png) left center no-repeat;
}
.index_two .index_two_cont .pic4 {
    background: url(../image/tubiao4.png) left center no-repeat;
}

.index .index_one {
    width: 100%;
    height:557px;
    padding-top: 80px;
    text-align: center;
    padding-bottom: 115px;
	display: block;
    background: #f8f8f8 url(../image/duibi.jpg) center 210px no-repeat;
}
.index .index_one .ztitle {
    font-size: 38px;
    color: #e8727e;
    line-height: 38px;
    margin-bottom: 20px;
}
.index .index_one .ftitle {
    font-size: 20px;
    color: #898989;
    margin-bottom: 60px;
}
.index .index_four {
    width: 100%;
    height:550px;
    padding-top: 80px;
    text-align: center;
    padding-bottom: 60px;
    background: #f8f8f8;
}
.index .index_four .ztitle {
    font-size: 38px;
    color: #e8727e;
    line-height: 38px;
    margin-bottom: 20px;
}
.index .index_four .ftitle {
    font-size: 20px;
    color: #898989;
    margin-bottom: 60px;
}
.index .index_four .cont {
    width: 1190px;
    height: 260px;
    margin: 0 auto;
}
.index .index_four .cont img {
    float: left;
    margin-right: 50px;
}
.index .index_four .cont .mr {
    margin-right: 0;
}
.index .index_three {
    width: 100%;
    text-align: center;
    padding-top: 80px;
    background: #Fff;
	padding-bottom:40px;
}
.index .index_three .ztitle {
    font-size: 38px;
    color: #e8727e;
    line-height: 38px;
    margin-bottom: 20px;
}
.index .index_three .ftitle {
    font-size: 20px;
    color: #898989;
    margin-bottom:50px;
}
.index .index_three #tccat{ width:1200px; margin:0 auto; border:1px solid #cdcdcd;border-radius:10px; overflow:hidden;}
.index .index_three #tccat li{ float:left; width:300px;height:60px; line-height:60px; font-size:16px; cursor:pointer; border-right:1px solid #ddd;}
.index .index_three #tccat li:nth-child(4){ border-right:0; width:280px;text-align: center;}
.index .index_three #tccat li.current{ background-color:#e8727e; color:#fff;}
.index .index_three .con{ width:1200px; margin:0 auto; margin-top:40px;}
.index .index_three .con ul li{ width:285px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; background-color:#f9f9f9;}
.index .index_three .con ul li:nth-child(4n){ margin-right:0;}
.index .index_three .con ul li a{border:1px solid #eee; display:block;padding:10px;border-radius:5px;}
.index .index_three .con ul li a .img img{ width:100%;height: 220px;}
.index .index_three .con ul li a .name{ font-size:16px; text-align:left; margin-top:8px; color:#000;overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;}
.index .index_three .con ul li a .memo{ margin-top:6px; color:#777; text-align:left; line-height:20px;overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;}
.index .index_three .con ul li a:hover{ border:1px solid #e8727e;}
.index .index_three .con ul li a:hover .name{ color:#e8727e;}


.index .index_five {
    width: 100%;
    height:620px;
    padding-top: 80px;
    text-align: center;
    padding-bottom: 60px;
    background: #f8f8f8;
}
.index .index_five .ztitle {
    font-size: 38px;
    color: #e8727e;
    line-height: 38px;
    margin-bottom: 20px;
}
.index .index_five .ftitle {
    font-size: 20px;
    color: #898989;
    margin-bottom: 60px;
}
.index .index_five .cons{ width:1200px; margin:0 auto;}
.index .index_five .cons ul li{ width:285px; height:165px; margin-right:20px; margin-bottom:20px;border-radius:5px; background-color:#e8727e; color:#fff; padding:20px 10px; text-align:left;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.15); position:relative; float:left;}
.index .index_five .cons ul li:nth-child(2){background-color:#ea572b;}
.index .index_five .cons ul li:nth-child(4){background-color:#ea572b;}
.index .index_five .cons ul li:nth-child(5){background-color:#E99028;}
.index .index_five .cons ul li:nth-child(6){background-color:#00BAC0;}
.index .index_five .cons ul li:nth-child(7){background-color:#E99028;}
.index .index_five .cons ul li:nth-child(8){background-color:#00BAC0;}
.index .index_five .cons ul li:nth-child(4n){ margin-right:0; }
.index .index_five .cons ul li h3{ font-size:24px; margin-top:12px;}
.index .index_five .cons ul li p{ font-size:14px; margin-top:15px; line-height:24px;}


@-webkit-keyframes haha1{
		0%{-webkit-transform:rotate(0deg);}
		25%{-webkit-transform:rotate(90deg);}
		50%{-webkit-transform:rotate(180deg);}
		75%{-webkit-transform:rotate(270deg);}
		100%{-webkit-transform:rotate(360deg);}
	}
	
.index .index_five .cons ul li .square{
   -webkit-animation:haha1 5s linear infinite; 
  position:absolute; 
  right:25px; 
  top:20px; 
  width:36px; 
  height:36px; 
  background:#fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
   border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }
.index .index_five .cons ul li .icon{
  position: absolute;
  right: 34px;
  top: 28px;
  color: #F2B134;
}
.index .index_five .cons ul li .icon img{ width:20px;}


.index .index_six {
    width: 100%;
    text-align: center;
    padding-top: 80px;
    background: #Fff;
	padding-bottom:40px;
}
.index .index_six .ztitle {
    font-size: 38px;
    color: #e8727e;
    line-height: 38px;
    margin-bottom: 20px;
}
.index .index_six .ftitle {
    font-size: 20px;
    color: #898989;
    margin-bottom:50px;
}
.index .index_six .con{ width:1200px; margin:0 auto; margin-top:40px;}
.index .index_six .con ul li{ width:285px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; background-color:#f9f9f9;}
.index .index_six .con ul li:nth-child(4n){ margin-right:0;}
.index .index_six .con ul li a{border:1px solid #eee; display:block;padding:10px;border-radius:5px;}
.index .index_six .con ul li a .img img{ width:100%;}
.index .index_six .con ul li a .name{ font-size:16px; text-align:left; margin-top:8px; color:#000;}
.index .index_six .con ul li a .memo{ margin-top:6px; color:#777; text-align:left; line-height:20px;}
.index .index_six .con ul li a:hover{ border:1px solid #e8727e;}
.index .index_six .con ul li a:hover .name{ color:#e8727e;}

.index .index_sern {
    width: 100%;
    padding-top: 80px;
    text-align: center;
    padding-bottom: 60px;
    background: #f8f8f8;
}
.index .index_sern .ztitle {
    font-size: 38px;
    color: #e8727e;
    line-height: 38px;
    margin-bottom: 20px;
}
.index .index_sern .ftitle {
    font-size: 20px;
    color: #898989;
    margin-bottom:40px;
}
.index .index_sern .cons{ width:1200px; margin:0 auto;}
.index .index_sern .cons .new{ width:380px; height:520px; background-color:#fff;border-radius:10px; padding:20px; float:left; margin-right:30px;}
.index .index_sern .cons .new:nth-child(3){ margin-right:0;}
.index .index_sern .cons .new .title{ font-size:18px; color:#333; font-weight:bold; text-align:left; border-bottom:1px solid #e8eaec; padding-bottom:14px; margin-bottom:10px;}
.index .index_sern .cons .new .title a{ 
background-color:#ea572b;
padding:4px 12px;
border-radius: 24px;
font-size: 14px;
line-height: 14px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
border: transparent;
color:#fff;
float:right;
}
.index .index_sern .cons .new .title a:hover{ background-color:#FFA500;}
.index .index_sern .cons .new ul{ text-align:left;}
.index .index_sern .cons .new ul li{ border-bottom:1px dotted #ccc; padding:7px 0;}
.index .index_sern .cons .new ul li .name{ background:url(../image/ico.jpg) no-repeat center left; font-size:16px; color:#505050; display:block; text-indent:12px;overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;}
.index .index_sern .cons .new ul li a:hover{ color:#ea572b;}
.index .index_sern .cons .new ul li .sgye-wrap{
color: #505050;
font-size: 13px;
margin: 10px auto;
transition: none;
}
.index .index_sern .cons .new ul li .sgye-wrap .img{
width: 121px;
height: 80px;
float: left;
overflow: hidden;
margin-right: 10px;
}
.index .index_sern .cons .new ul li .sgye-wrap .img img{ width:100%;}
.index .index_sern .cons .new ul li .sgye-wrap .sgye-p{ float:left; width:199px; margin-left:10px; line-height:26px;}





































