.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; z-index:2; height:650px;}
.banner .hd{ position:absolute; width:100%; text-align:center; bottom:30px; z-index:3}
.banner .hd ul{ width:100%; text-align: center;}
.banner .hd ul li{ display:inline-block; width:70px; height:3px;  z-index:3; font-size:0; margin:0 10px; cursor:pointer; background:none; border-radius:3px; border:1px solid #fff}
.banner .hd ul li.on,.banner .hd ul li:hover{ background:#fff;}

.gcon_1{ width:1200px; margin:auto; padding-top:55px;}
.gcon_1 .lt{ width:460px; float:left}
.gcon_1 .lt h3{ font-size:32px; color:#221915; background:url(../images/g_04.png) right center no-repeat; width:250px; font-weight:normal}
.gcon_1 .lt span{ font-size:18px; color:#666; text-transform:uppercase;}
.gcon_1 .lt p{ font-size:14px; color:#333; line-height:25px; text-align:justify; padding:50px 0}
.gcon_1 .lt .more{ display:block; width:110px; height:40px; text-align:center; font-size:16px; line-height:40px; border:1px solid #666; color:#666}
.gcon_1 .rt{ width:615px; float:right}
.gcon_1 .rt .rt01{ width:410px; height:205px; float:right; position:relative}
.gcon_1 .rt .rt01 .title{ position:absolute; z-index:2; background:rgba(255,255,255,0.7); width:205px; height:205px; left:0; top:0}
.gcon_1 .rt .rt01 .title h4{ color:#221915; font-size:18px; font-weight:normal; padding:10px 0; border-bottom:1px solid #221915; width:75px; margin:30px 0 0 30px}
.gcon_1 .rt .rt01 .title p{ padding:0 30px; line-height:25px; margin-top:10px}
.gcon_1 .rt .rt02{ width:615px;}
.gcon_1 .rt .rt02 .rt03{ width:410px; float:left; position:relative}
.gcon_1 .rt .rt02 .rt03 .title{ position:absolute; z-index:2; background:rgba(255,255,255,0.7); width:205px; height:205px; left:0; top:0}
.gcon_1 .rt .rt02 .rt03 .title h4{ color:#221915; font-size:18px; font-weight:normal; padding:10px 0; border-bottom:1px solid #221915; width:75px; margin:30px 0 0 30px}
.gcon_1 .rt .rt02 .rt03 .title p{ padding:0 30px; line-height:25px; margin-top:10px}
.gcon_1 .rt .rt02 .rt04{ width:205px; height:205px; background:#51a41a; float:right}
.gcon_1 .rt .rt02 .rt04 h4{ color:#fff; font-size:18px; font-weight:normal; padding:10px 0; border-bottom:1px solid #fff; width:75px; margin:30px 0 0 30px}
.gcon_1 .rt .rt02 .rt04 p{ padding:0 30px; line-height:25px; margin-top:10px; color:#fff}

.gcon_2{ background:url(../images/g_07.png) no-repeat; width:1920px; height:999px; padding-top:1px; left:50%; margin-left:-960px; position:relative; margin-top:50px;}
.gcon_2 .con{ width:1200px; margin:auto; padding-top:70px;}
.gcon_2 .con .top .lt{ float:left}
.gcon_2 .con .top .lt h3{ font-size:32px; color:#221915; background:url(../images/g_04.png) right center no-repeat; width:250px; font-weight:normal}
.gcon_2 .con .top .lt span{ font-size:18px; color:#666; text-transform:uppercase;}
.gcon_2 .con .top .rt{ width:200px; float:right; position:relative; margin-top:7px; }
.gcon_2 .con .top .rt .inp1{ width:160px; height:22px; border:2px solid #888382; background:rgba(255,255,255,0.4); border-radius:16px;padding:0 20px; color:#fff }
.gcon_2 .con .top .rt .inp2{ background:url(../images/g_08.png) center center no-repeat; height:24px; width:15px; position:absolute; top:0; right:10px; border:0}
.gcon_2 .con .pro{ width:100%; margin-top:30px}
.gcon_2 .con .pro ul li{ width:379px; height:312px; position:relative;float:left; margin-right:31px; margin-bottom:28px; overflow:hidden}
.gcon_2 .con .pro ul li:nth-child(3n){ margin:0}
.gcon_2 .con .pro ul li .more{ display: block; width:100%; height:100%; background:rgba(00,00,00,0.6); left:0; top:0; position:absolute; color:#fff; display:none}
.gcon_2 .con .pro ul li .more span{ background:url(../images/g_10.png) bottom center no-repeat; font-size:18px; display:block; width:100%; padding:40px 0; text-align:center; margin-top:100px; }
.gcon_2 .con .pro ul li img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_2 .con .pro ul li:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.gcon_2 .con .pro ul li:hover .more{ display:block}

.gcon_3{ width:1200px; margin:auto; padding-top:50px; padding-bottom:80px}
.gcon_3 .top h3{ font-size:32px; color:#221915; background:url(../images/g_04.png) right center no-repeat; width:250px; font-weight:normal}
.gcon_3 .top span{ font-size:18px; color:#666; text-transform:uppercase;}
.gcon_3 .con{ width:100%; margin-top:35px;}
.gcon_3 .con .lt{ width:750px; float:left;}
.gcon_3 .con .rt{ float:right;width:400px;}
#multipleColumn{ position:relative; height:500px;}
#multipleColumn .picList li{ width:400px; margin-bottom:60px}
#multipleColumn .picList li .time{ width:60px; height:60px; text-align:center; border-right:1px solid #999; padding-right:20px; float:left}
#multipleColumn .picList li .time p{ text-align:center; font-size:48px; color:#999999; line-height:41px;}
#multipleColumn .picList li .time span{ color:#999999; font-size:14px;}
#multipleColumn .picList li .title{ width:299px; float:right}
#multipleColumn .picList li .title h3{ font-size:18px; font-weight:normal; color:#221915; padding:5px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#multipleColumn .picList li .title p{ color:#666}
#multipleColumn .hd ul li{ display:inline-block; font-size:0; width:72px; height:3px; border:1px solid #cccccc; border-radius:3px; margin-right:10px}
#multipleColumn .hd ul li.on{ background:#51a41a; border:1px solid #51a41a}
#multipleColumn .hd{ position:absolute; left:0; bottom:0}







































