.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; height:535px;}
.banner .hd{ width:1200px; text-align:center; position:absolute; left:50%; margin-left:-600px; text-align:center; bottom:50px; z-index:99}
.banner .hd ul li{ width:15px; height:15px; background:rgba(255,255,255,0.5);  display:inline-block; vertical-align:top; font-size:0; margin:0 5px; vertical-align:top; cursor:pointer; border-radius:50%; }
.banner .hd ul li.on{ background:#176ad2;}

.col-a { padding:8px 0 16px; }
.col-a .hd,.col-a .bd,.col-a .ft { float:left; height:32px; line-height:32px; overflow:hidden; }
.col-a .hd { width:68px; margin-right:25px; padding-right:20px; background:url(g_05.png) no-repeat right center; color:#333333; font-size:14px; }
.col-a .bd { width:1020px; }
.col-a .bd ul li { float:left; width:auto !important; margin-right:10px; padding-left:6px; background:url(g_06.png) no-repeat 0 center; }
.col-a .bd ul li a{ color:#333333}
.col-a .ft { float:right; width:60px; height:20px; margin-top:6px; line-height:20px; text-align:center; }
.col-a .ft a { display:block; border-radius:5px; background:#e6e6e6; vertical-align:top; }
.col-a .ft a:hover { background:#e71717; color:#fff; }

.u-tt .hd { position:relative; border-bottom:1px solid #e4e4e4; background:url(g_08.png) bottom left no-repeat; line-height:31px; }
.u-tt .hd h2 { color:#000; font-size:18px; font-weight:normal; padding-left:5px; line-height:40px }
.u-tt .hd .more { position:absolute; top:5px; right:0; }
.u-tt .bd { padding-top:20px; }
.gcon_1.u-tt .hd{ background:none; border:0; text-align:center; padding-bottom:40px}
.m-bns { padding-bottom:26px; }
.m-bns .bd { overflow:hidden; }
.m-bns .bd ul { width:1210px; }
.m-bns .bd li { position:relative; float:left; width:236px; height:155px; margin-right:5px; background:#fff; text-align:center; overflow:hidden; }
.m-bns .bd li span { position:absolute; bottom:-127px; left:0; width:238px; height:155px; background:rgba(00,00,00,0.5); color:#fff; font-size:14px; line-height:28px; transition:.3s; }
.m-bns .bd li:hover span { bottom:0; line-height:155px; font-size:20px; }
.m-bns .bd li i{ display:block; width:100%; height:100%; background:url(g_09.png) center center no-repeat; position:absolute; left:0; top:0}

.gtop{ width:100%; text-align:center}
.tab01{ width:1200px; margin:0 auto; padding-top:34px; background:url(g_11.png) 355px 40px no-repeat; padding-bottom:60px;}
.tab01 .hd{ width:100%; border-bottom:1px solid #dedddd}
.tab01 .hd ul{ float:left}
.tab01 .hd ul li{ float:left; font-size:18px; display:inline-block; vertical-align:top; line-height:40px; padding:0 5px; margin-right:20px; cursor:pointer}
.tab01 .hd ul li.on{background:url(g_08.png) left bottom no-repeat; }
.tab01 .hd a.more{ display:inline-block; vertical-align:top; line-height:40px; color:rgba(00,00,00,0.8); float:right}
.tab01 .bd{ width:100%; padding-top:20px;}
.tab01 .bd .nr .lt{ width:409px; height:230px; float:left}

.tab01 .bd .nr .rt{ width:745px; float:right; margin-right:25px;}
.tab01 .bd .nr .rt dt{ padding-top:10px; line-height:1}
.tab01 .bd .nr .rt dt a{ font-size:16px; color:#000}
.tab01 .bd .nr .rt dt a:hover{ color:#a7783a}
.tab01 .bd .nr .rt dt span{ float:right; color:rgba(00,00,00,0.7)}
.tab01 .bd .nr .rt dd{ width:685px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#000; opacity:0.75; font-size:14px; padding:13px 0 20px; border-bottom:1px dashed #8a8a8a; line-height:1}
.gcon_1{ padding-top:60px}

.pic_left{ width:1200px; margin:0 auto; overflow:hidden} 
.pic_left li{ width:384px; float:left; margin-right:20px}
.pic_left li .pic{ width:384px; height:222px; position:relative;}
.pic_left li .pic i{ display:block; width:100%; height:100%; background:url(g_12.png) center center no-repeat; position:absolute; left:0; top:0}
.pic_left li .title{ width:384px; height:160px; box-sizing:border-box; background:#ececec; padding:40px; position:relative; text-align:center}
.pic_left li .title h3{ font-size:16px; color:#3a3b3b; line-height:1; font-weight:normal}
.pic_left li .title h3 a{ color:#3a3b3b}
.pic_left li .title p{ font-size:14px; color:#9a9999; opacity:0.8; line-height:25px; margin-top:10px}
.pic_left li:hover h3 a{ color:#317ad4}
.pic_left li .title p::after{ content:""; display:block; position:relative; width:38px; height:1px; background:#999999; left:50%; margin-left:-19px;top:15px}
.gcon_2{ padding-top:50px}
.gcon_2 .gtop{ padding:40px 0 45px}
.gcon_2 .lt{ width:795px; float:left}
.gcon_2 .lt .hd { position:relative; border-bottom:1px solid #e4e4e4; background:url(g_20.png) bottom left no-repeat; line-height:31px; }
.gcon_2 .lt .nr{ width:100%; }
.gcon_2 .lt .nr .pic{ width:400px; float:left}
.gcon_2 .lt .nr .pic ul li{ float:left}
.gcon_2 .lt .nr .tit{ width:395px; height:256px; float:right; box-sizing:border-box; background:#ececec; padding:45px 30px 0 30px}
.gcon_2 .lt .nr .tit .intro{ color:#524f4f; font-size:14px; line-height:25px; height:136px}
.gcon_2 .lt .nr .tit .intro p{ text-align:justify}
.gcon_2 .lt .nr .tit a.more{ display:block; width:109px; height:30px; box-sizing:border-box; border:1px solid #8dbadb; color:#8dbadb; font-size:14px; text-align:center; line-height:28px; float:right}
.gcon_2 .rt{ float:right; width:400px;}
.gcon_2 .rt ul li{ width:189px; height:123px; position:relative; background:#575757; margin-left:10px; float:left; margin-bottom:10px; text-align:center; transition:all 0.5s}
.gcon_2 .rt ul li a{ display:block; width:100%; height:100%}
.gcon_2 .rt ul li span{ display:inline-block; vertical-align:top; font-size:18px; color:#fff; line-height:123px;}
.gcon_2 .rt ul li i{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(g_15.png) center center no-repeat; transition:all 0.5s; transform:scale(0)}
.gcon_2 .rt ul li:nth-child(1) span{ background:url(g_16.png) left center no-repeat; padding-left:50px}
.gcon_2 .rt ul li:nth-child(2) span{ background:url(g_17.png) left center no-repeat; padding-left:37px}
.gcon_2 .rt ul li:nth-child(3) span{ background:url(g_18.png) left center no-repeat; padding-left:45px}
.gcon_2 .rt ul li:nth-child(4) span{ background:url(g_19.png) left center no-repeat; padding-left:50px}

.gcon_2 .rt ul li:hover{ background:#252525}
.gcon_2 .rt ul li:hover i{ transform:scale(1)}

.gcon_3{ padding-top:50px}
.gcon_3 ul li{ float:left; background:url(g_21.png) left center no-repeat; padding-left:10px; line-height:60px; font-size:14px; margin-right:25px}
.gcon_3 ul li a{ color:#000}

.gcon_4{ width:100%; background:url(g_45.jpg) top center no-repeat; padding-top:65px; margin-top:50px;}
.gcon_4 .nr{ width:1200px; margin:0 auto; padding:60px 0 90px}
.gcon_4 .nr ul li{ width:200px; float:left; margin-right:50px; height:475px; position:relative}
.gcon_4 .nr ul li span{ display:block; width:200px; height:85px; background:#1f1f1f; color:#fff; font-size:14px; line-height:85px; text-align:center; position:absolute; left:0; top:0; transition:all 0.5s; z-index:99}
.gcon_4 .nr ul li:last-child{ margin-right:0}
.gcon_4 .nr ul li img{ position:absolute; left:0; bottom:0}
.gcon_4 .nr ul li:hover span{ height:475px; line-height:475px; font-size:20px; background:rgba(00,00,00,0.6) }