@charset "utf-8";
/*轮播图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:34px;
    height:8px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    outline: none;
    cursor: pointer;
	background:url(../img/r2.png) no-repeat center;	
	
	
}

.banner .slick-dots li.slick-active button {
    width:57px; height:8px;
	background:url(../img/r1.png) no-repeat center;	
}
.banner .slick-prev{ background: url(../img/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(../img/right.png) no-repeat; position: absolute;top:50%;width:40px; height:68px;right:0;z-index: 3;cursor: pointer; border:none; margin-top:-70px;}
.banner .items{ position:relative;}
.bantitle{ position:absolute; color:#fff; font-size:24px; bottom:170px; left:50%; margin-left:-182px; z-index:999; font-weight:bold;}

/*轮播图d*/
.index1 .title{ text-align:center; margin:40px 0 20px;}
.index1 .goodlist{ margin-top:20px;}
.index1 .goodlist #gcat{ text-align:center;}
.index1 .goodlist #gcat li{ display:inline-block; margin:20px; font-size:18px; color:#404040; padding-bottom:10px; cursor:pointer;}
.index1 .goodlist #gcat li.current{ border-bottom:2px solid #121212;}
.index1 .goodlist .con{ margin-top:30px;}
.index1 .goodlist .con ul li{ width:420px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.index1 .goodlist .con ul li:nth-child(3n){ margin-right:0;}
.index1 .goodlist .con ul li a{ display:block; width:420px; height:280px; position:relative;}
.index1 .goodlist .con ul li .img{ width:100%; height:280px;}
.index1 .goodlist .con ul li .img img{ width:100%; height:100%;}
.index1 .goodlist .con ul li .name{ font-size:18px; width:100%; height:40px; line-height:40px; position:absolute; bottom:0; left:0; color:#fff; text-align:center; background:rgba(0,0,0,0.5); transition:all 1s ease 0s;}
.index1 .goodlist .con ul li .memo{ display:block;width:420px; height:280px; padding:20px; position:absolute; top:280px; left:0; background:rgba(0,0,0,0.6);transition:all 1s ease 0s;}
.index1 .goodlist .con ul li .memo h3{ color:#fff; font-size:18px; font-weight:bold; text-align:center; padding-top:80px;}
.index1 .goodlist .con ul li .memo i{ display:block; width:80px; height:2px; margin:0 auto; border-bottom:2px solid #fff; margin-top:10px;}
.index1 .goodlist .con ul li .memo p{color:#fff; font-size:14px; text-align:center; margin-top:10px; line-height:26px;}
.index1 .goodlist .con ul li a:hover .name{bottom:-40px;}
.index1 .goodlist .con ul li a:hover .memo{ top:0;}

.index2{ width:100%; height:666px; background-color:#efefef; margin-top:30px;}
.index2 .title{ text-align:center; padding:60px 0 50px;}
.index2 .jjfa{ width:100%; height:400px;}
.index2 .jjfa .jjfaL{ width:300px; float:left; height:100%; border-right:1px solid #333;}
.index2 .jjfa .jjfaL ul{ width:220px; margin-left:81px; margin-top:60px;}
.index2 .jjfa .jjfaL ul li{ color:#333; font-size:16px; width:220px; height:50px; line-height:50px; text-align:center; cursor:pointer; }
.index2 .jjfa .jjfaL ul li.current{background:rgba(255,255,255,0.6); border-right:3px solid #da251c;}
.index2 .jjfa .jjfaR{ width:1000px; float:left;}
.index2 .jjfa .jjfaR .cont{ padding-left:50px; color:#333;}
.index2 .jjfa .jjfaR .cont ul li{ margin-bottom:10px; border-bottom:1px dashed #333; padding-bottom:10px; width:900px;}
.index2 .jjfa .jjfaR .cont ul li .faL{ width:150px; height:100px; float:left; margin-right:20px;}
.index2 .jjfa .jjfaR .cont ul li .faL img{ width:100%; height:100%;}
.index2 .jjfa .jjfaR .cont ul li .faR{ width:720px; float:left; color:#333;}
.index2 .jjfa .jjfaR .cont ul li .faR h3{ font-size:16px; font-weight:bold;}
.index2 .jjfa .jjfaR .cont ul li .faR p{ font-size:14px; margin-top:10px;}
.index2 .jjfa .jjfaR .cont ul li a:hover h3{ color:#000;}
.index2 .jjfa .jjfaR .cont ul li a:hover p{ color:#000;}
.index2 .jjfa .jjfaR .more a{ display:block; margin:0 auto; margin-top:40px; width:150px; line-height:36px; text-align:center; font-size:14px; background-color:#f36b19; color:#fff;}




.index3{ width:100%;padding-top:40px; padding-bottom:40px;}
.index3 .title{ text-align:center;}
.index3 .fwlist{ margin-top:40px;}
.index3 .fwlist ul li{ width:420px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.index3 .fwlist ul li:nth-child(3n){ margin-right:0;}
.index3 .fwlist ul li a{ display:block; width:420px; height:280px; position:relative;}
.index3 .fwlist ul li .img{ width:100%; height:280px;}
.index3 .fwlist ul li .img img{ width:100%; height:100%;}
.index3 .fwlist ul li .name{ font-size:16px; width:100%; height:40px; line-height:40px; position:absolute; bottom:0; left:0; color:#fff; text-align:center; background:rgba(0,0,0,0.5); transition:all 1s ease 0s;}
.index3 .fwlist ul li .memo{ display:block;width:420px; height:280px; padding:20px; position:absolute; top:280px; left:0; background:rgba(0,0,0,0.6);transition:all 1s ease 0s;}
.index3 .fwlist ul li .memo h3{ color:#fff; font-size:18px; font-weight:bold; text-align:center; padding-top:80px;}
.index3 .fwlist ul li .memo i{ display:block; width:60px; height:2px; margin:0 auto; border-bottom:2px solid #fff; margin-top:10px;}
.index3 .fwlist ul li .memo p{color:#fff; font-size:14px; text-align:center; margin-top:10px; line-height:26px;}
.index3 .fwlist ul li a:hover .name{bottom:-40px;}
.index3 .fwlist ul li a:hover .memo{ top:0;}
.index3 .fwlist .more{ width:160px; height:50px; line-height:50px; text-align:center; margin:20px auto 0;}
.index3 .fwlist .more a{ display:block; width:100%; height:100%; color:#fff; background-color:#da251c; font-size:16px;}
.index3 .fwlist .more a:hover{ background-color:#860F0A;}

.index4{ width:100%; padding-top:40px; padding-bottom:40px;}
.index4 .title{ text-align:center;}
.index4 .news{ margin-top:40px;}
.index4 .news .newsL{ width:650px; float:left;}
.index4 .news .newsL ul li{ width:100%;}
.index4 .news .newsL ul li .img{ width:100%; height:340px;}
.index4 .news .newsL ul li .img img{ width:100%; height:100%;}
.index4 .news .newsL ul li .desc{ background-color:#FAFAFA; padding:8px 10px;}
.index4 .news .newsL ul li .desc h4{ font-size:16px; line-height:26px;}
.index4 .news .newsL ul li .desc h4 a{font-weight:bold;height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#333; float:left;}
.index4 .news .newsL ul li .desc h4 span{font-weight:normal;color: #666; float:right;}
.index4 .news .newsL ul li .desc p{ font-size:14px; color:#999; line-height:22px;}
.index4 .news .newsL ul li .desc .more{ margin-top:3px; height:30px; background:url(../img/ico1.jpg) no-repeat center left;}
.index4 .news .newsL ul li .desc .more a{ color:#333; display:block; height:30px; line-height:30px; padding-left:30px; font-size:16px;}
.index4 .news .newsL ul li .desc .more a:hover{ text-decoration:underline;}
.index4 .news .newsL ul li .desc h4 a:hover{ text-decoration:underline;}
.index4 .news .newsR{ width:620px; float:left; margin-left:30px;}
.index4 .news .newsR ul li{background-color:#FAFAFA; padding:6px 10px; margin-bottom:10px;}
.index4 .news .newsR ul li h4{ font-size:14px; line-height:24px;}
.index4 .news .newsR ul li h4 a{font-weight:bold;height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#333; float:left;}
.index4 .news .newsR ul li h4 span{font-weight:normal;color: #666; float:right;}
.index4 .news .newsR ul li p{ font-size:12px; color:#999; line-height:22px;}
.index4 .news .newsR ul li .more{ margin-top:3px; height:24px; background:url(../img/ico2.jpg) no-repeat center left;}
.index4 .news .newsR ul li .more a{ color:#333; display:block; height:24px; line-height:21px; padding-left:22px; font-size:14px;}
.index4 .news .newsR ul li .more a:hover{ text-decoration:underline;}
.index4 .news .newsR ul li h4 a:hover{ text-decoration:underline;}