@charset "utf-8";
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; height:737px; overflow:hidden; z-index:2}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; z-index:99; bottom:44px; font-size:0}
.banner .hd ul{ display:inline-block; vertical-align:top;}
.banner .hd ul li{ width:13px; height:13px; display:inline-block; vertical-align:top; box-sizing:border-box; background:url(x28.png) center center no-repeat; border-radius:50%; margin:0 8px;cursor:pointer; }
.banner .imgx{ position:absolute; left:0; top:0; z-index:99}
.banner .hd ul li.on{ background:url(x27.png) center center no-repeat;}
.banner video{ left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; z-index:2}

.gcon_1{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.gcon_1 .top{ width:100%; text-align:center; padding:70px 0 30px; font-size:30px; color:#000000; font-weight:bold; line-height:1; background:url(g_02.jpg) bottom center no-repeat; }

.slideGroup{ width:100%}
.slideGroup .parHd{ width:100%; text-align:center; font-size:0}
.slideGroup .parHd li{ display:inline-block; vertical-align:top; width:202px; height:38px; background:url(x32.png) center center no-repeat; text-align:center; line-height:38px; font-size:16px; color:#005fad; margin:0 12px}
.slideGroup .parHd li.on{ background:url(x33.png) center center no-repeat; color:#fff}
.slideGroup .parBd{ width:1920px; position:relative; left:50%; margin-left:-960px; background:url(x34.jpg) top center no-repeat; height:634px; margin-top:60px}
.slideGroup .parBd .con{ width:1200px; margin:0 auto}
.slideGroup .parBd .con ul li{ width:400px; height:634px; float:left; overflow:hidden}
.slideGroup .parBd .con ul li .s1{ width:400px; height:634px; position:relative; z-index:9}
.slideGroup .parBd .con ul li .s2{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; transition:all 0.3s linear; z-index:2}
.slideGroup .parBd .con ul li:hover .s2{ opacity:1}
.slideGroup .parBd .con ul li .pic{ position:absolute; top:634px; left:0; transition:all 0.3s linear; width:100%; height:634px; background:url(g_04.png) center center no-repeat; box-sizing:border-box; padding:65px}
.slideGroup .parBd .con ul li .pic h3{ font-size:22px; color:#fff; margin-top:90px; font-weight:normal; background:url(g_05.jpg) left bottom no-repeat; padding-bottom:15px; line-height:1}
.slideGroup .parBd .con ul li .pic .intro{ font-size:14px; color:#fff; text-align:justify; margin-top:30px; height:200px}
.slideGroup .parBd .con ul li .pic .more{ font-size:0}
.slideGroup .parBd .con ul li .pic .more a{ display:inline-block; vertical-align:top; width:103px; height:37px; background:#fff; text-align:center; line-height:37px; font-size:16px; color:rgba(00,00,00,0.6); margin-right:12px}
.slideGroup .parBd .con ul li .pic .more a.a2{ color:#005fad}
.slideGroup .parBd .con ul li:hover .pic{ top:0}
.slideGroup .parBd .con ul li .ico{ display:block; width:100%; height:100%; background:rgba(00,00,00,0.3)}
.slideGroup .parBd .con ul li .ico span{ display:block; width:100%; height:325px; background:url(g_03.png) bottom center no-repeat}
.slideGroup .parBd .con ul li .ico p{ font-size:20px; color:#ffffff; text-align:center; margin-top:25px}
.slideGroup .parBd .con ul li:hover .ico{ opacity:0}

.gcon_2{ width:1920px; position:relative; left:50%; margin-left:-960px; padding-bottom:60px}
.gcon_2 .top{ width:100%; text-align:center; padding:70px 0 30px; font-size:30px; color:#000000; font-weight:bold; line-height:1; background:url(g_02.jpg) bottom center no-repeat;}
.gcon_2 .con{ width:1200px; margin:0 auto; padding-top:80px}
.gcon_2 .con .lt{ float:left; width:565px;}
.gcon_2 .con .lt .title{ width:100%; text-align:left; padding:0 0 30px; font-size:30px; color:#000000; font-weight:bold; line-height:1; background:url(g_02.jpg) bottom left no-repeat; margin-bottom:38px}
.gcon_2 .con .rt{ width:595px; float:right}
.gcon_2 .con .lt .pic{ width:100%; overflow:hidden; position:relative}
.gcon_2 .con .lt .pic span{ display:block; width:100%; height:100%; background:url(x52.png) center center no-repeat; position:absolute; left:0; top:0; z-index:2; transition:all 0.3s linear; opacity:0; box-sizing:border-box; padding:70px; color:#fff}
.gcon_2 .con .lt .pic span h3{ font-size:24px; margin-top:30px}
.gcon_2 .con .lt .pic span .intro{ font-size:14px; text-align:justify; margin-top:20px}
.gcon_2 .con .lt .pic:hover span{ opacity:1}
.gcon_2 .con .lt .pic 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 .lt .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_2 .con .lt .tit{ margin-top:27px}
.gcon_2 .con .rt .item{ width:100%; border-bottom:1px solid #d9d9d9; padding-bottom:30px; margin-bottom:30px}
.gcon_2 .con .rt .item .tit{ width:365px; float:left}
.gcon_2 .con .rt .item .pic{ width:190px; float:right; overflow:hidden}
.gcon_2 .con .rt .item .pic 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 .rt .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_2 .con .rt .tab2 .hd{ padding:8px 0; margin-bottom:38px}
.gcon_2 .con .rt .tab2 .hd li{ float:left; width:140px; height:37px; text-align:center; line-height:37px; color:#333; font-size:18px; background:url(x53.png) center center no-repeat; cursor:pointer; margin-right:10px}
.gcon_2 .con .rt .tab2 .hd li.on{ background:url(x54.png) center center no-repeat; color:#fff}
.gcon_2 .con .rt .tab2 .bd{ width:100%}
.gcon_2 .con .rt .tab2 .bd ul li{ width:100%; border-bottom:1px solid #d9d9d9}
.gcon_2 .con .rt .tab2 .bd ul li a{ display:block; width:450px; background:url(g_06.png) left center no-repeat; padding-left:20px; font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:61px; float:left}
.gcon_2 .con .rt .tab2 .bd ul li span{ font-size:14px; color:#00b1b4; display:block; float:right; line-height:61px}
.gcon_2 .con .rt .tab2 .bd ul li:hover a{ color:#005fad}
.gcon_3{ width:100%; padding-bottom:80px;background:url(x18.jpg) top center no-repeat; }
.gcon_3 .top{ width:100%; text-align:center; padding:70px 0 30px; font-size:30px; color:#000000; font-weight:bold; line-height:1; background:url(g_02.jpg) bottom center no-repeat; margin-bottom:45px}

.picScroll-left{ width:1200px; margin:0 auto; position:relative}
.picScroll-left .prev{ display:block; width:49px; height:49px; background:url(left.png) center center no-repeat; position:absolute; left:50%; margin-left:-680px; top:50%; margin-top:-25px; cursor:pointer}
.picScroll-left .prev:hover{background:url(left2.png) center center no-repeat; }
.picScroll-left .next{ display:block; width:49px; height:49px; background:url(right.png) center center no-repeat; position:absolute; right:50%; margin-right:-680px; top:50%; margin-top:-25px; cursor:pointer}
.picScroll-left .next:hover{background:url(right2.png) center center no-repeat;}
.picScroll-left li{ width:389px; float:left; margin-right:16px}
.picScroll-left li .pic{ width:100%; overflow:hidden; position:relative}
.picScroll-left li .pic span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(x36.png) center center no-repeat; opacity:0; transition:all 0.3s linear}
.picScroll-left li:hover .pic span{ opacity:1}
.picScroll-left li .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picScroll-left li .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picScroll-left li .title{ margin-top:28px}
.picScroll-left li .title h3{ font-size:18px; color:#000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picScroll-left li .title h3 a{ color:#000}
.picScroll-left li:hover .title h3 a{ color:#005fad}
.picScroll-left li .intro{ font-size:14px; color:#00b1b4; padding:10px 0}
.picScroll-left li .content{ font-size:14px; color:#666666; text-align:justify}

.gcon_4{ width:1920px; position:relative; left:50%; margin-left:-960px;}