﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
body{margin:0 auto;overflow: hidden; font-size:12px; font-family:"微软雅黑"; text-align:center; line-height:20px; background:#000;}
h1{ font-size:14px;}
li{ list-style:none;}
A {TEXT-DECORATION:none;}


@media screen and (min-width: 1200px) { 
.topBanner,.wrap,.mod01,.mod02,.mod03,.mod04,.mod05,.mod06,#wrap_K{width:100%;}
.footer,.sub_footer {width:100%;}  
} 
/* css注释：设置了浏览器宽度不小于1200px时 abc 显示100%宽度 */ 
 
@media screen and (max-width: 1200px) { 
.topBanner,.wrap,.mod01,.mod02,.mod03,.mod04,.mod05,.mod06,#wrap_K{width:1200px;}
.footer,.sub_footer {width:1200px;}  
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示1200px宽度 */ 

/* btn-1 */
a.btn-1 {position: relative; overflow: hidden;cursor: pointer;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-1:before {content: "";background-color: #beeff9;-webkit-transform: skew(45deg, 0); transform: skew(45deg, 0); width: 0; height: 100%; position: absolute; top: 0px; left: -30px;  z-index:-1;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-1:hover { color: #72b4c2;}
a.btn-1:hover:before { width: 150%;}

/* btn-2 */
a.btn-2 {position: relative; overflow: hidden;cursor: pointer;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-2:before {content: "";background-color: #d9f6cd;-webkit-transform: skew(45deg, 0); transform: skew(45deg, 0); width: 0; height: 100%; position: absolute; top: 0px; left: -30px;  z-index:-1;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-2:hover { color: #fff;}
a.btn-2:hover:before { width: 150%;}
/* btn-3 */
a.btn-3 {position: relative; overflow: hidden;cursor: pointer;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-3:before {content: "";background-color: #ffeac7;-webkit-transform: skew(45deg, 0); transform: skew(45deg, 0); width: 0; height: 100%; position: absolute; top: 0px; left: -30px;  z-index:-1;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-3:hover { color: #fff;}
a.btn-3:hover:before { width: 150%;}
/* btn-4 */
/*
a.btn-4 {position: relative; overflow: hidden;cursor: pointer;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-4:before {content: "";background-color: #fd7e9f;-webkit-transform: skew(45deg, 0); transform: skew(45deg, 0); width: 0; height: 100%; position: absolute; top: 0px; left: -30px;  z-index:-1;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-4:hover { color: #fff;}
a.btn-4:hover:before { width: 150%;}
*/

/* btn-4 */
a.btn-4 {position: relative; overflow: hidden;cursor: pointer;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-4:before {content: "";background-color: #fe6eed;-webkit-transform: skew(45deg, 0); transform: skew(45deg, 0); width: 0; height: 100%; position: absolute; top: 0px; left: -30px;  z-index:-1;  -webkit-transition: all .5s;  transition: all .5s;}
a.btn-4:hover { color: #fff;}
a.btn-4:hover:before { width: 150%;}


/*导航*/
.g-nav{z-index: 888; position: fixed;top: 25%;right:-100px; width: 300px;height:500px;overflow: hidden;text-align: left;transition: right 0.7s ease-in;}
.g-nav:hover{right:-2px; }
.g-nav li{position: relative;clear: both;height:70px;overflow: hidden;margin-bottom:8px;margin-left: 40px; padding-left: 25px; font-size: 24px;color: #fff;line-height: 70px;border: 1px solid rgba(255,255,255,0.2);background: url(../images/nav_b.png) right center no-repeat;transition: margin-left 0.5s ease-in;}
.g-nav li:hover{margin-left:0; }
.g-nav li.curr{margin-left:0; }
.g-nav li.curr a{color: #ff0042; }
.g-nav li a{font-size: 24px;color:#fff;}
.g-nav li:hover a{color: #ff0042;}


/*top ############################################################################################################*/
.banner{ position: relative;clear:both;width: 100vw; height:100vh; overflow: hidden; margin:0 auto;text-align:center;background: #000;}
.banner .wrap{ position: absolute;left:0 ; bottom: 0; width: 70vw; height:75vh;}
.banner .tonggu {width:104rem;height:103rem;position: absolute;left:-20rem;bottom:-51rem;background: url(../images/tonggu.jpg) no-repeat;background-size: contain;animation: spin 50s infinite linear;z-index: 1;}
@keyframes spin {
  0% {
    transform: none;
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes textScroll {
49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
.banner .logo {position: absolute;left:5%;top:10%;width:162px;height:101px;background: url(../images/sys-logo.png) no-repeat;background-size: contain;z-index: 55;} 
.banner .slogan {position: absolute;left:15%;top:8%;width: 60%;height:70%;background: url(../images/slogan.png) no-repeat;background-size: contain;z-index: 55;} 
.banner .wr01 {position: absolute;left:4%;bottom:-5%;width:24%;height:35%;background: url(../images/wr01.png) no-repeat;background-size: contain;z-index:44;} 
.banner .wr02 {position: absolute;left:41%;bottom:20%;width:25%;height:31%;background: url(../images/wr02.png) no-repeat;background-size: contain;z-index:44;} 
.banner .wr03 {position: absolute;right:-40%;bottom:10%;width:60%;height:75%;background: url(../images/wr03.png) no-repeat;background-size: contain;z-index:44;} 

.bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;	}
.bg-box-1{background: url('../images/bg1.jpg') no-repeat;background-size: 100% auto;background-position: left top;}
.bg-box-2{background: url('../images/bg2.jpg') no-repeat;background-size: 100% auto;background-position: left top;}
.bg-box-3{background: url('../images/bg3.jpg') no-repeat;background-size: 100% auto;background-position: left top;}
.bg-box-4{background: url('../images/bg4.jpg') no-repeat;background-size: 100% auto;background-position: left top;}
/*.bg-box-5{background: url('../images/body_bg.jpg') no-repeat;background-size: 100% auto;background-position: left top;}*/

.control{position: absolute;overflow: hidden;bottom:10%; left:50%; margin-left:-238px;width:476px;height:200px;z-index: 666;background: url(../images/tip.png) bottom center no-repeat;}
.control > ul > li{position: absolute;left: 0;width:476px;height: 143px;text-align: center; cursor: pointer;	}
.control li{transition: opacity 1s ease-in;opacity: 0;z-index: 0}
.control li.crt{opacity: 1;z-index: 1}
/*
.control li{transition: top 1.5s ease-in;z-index: 0;top: -143px;opacity: 0;}
.control li.crt{z-index: 1;top:0px;opacity: 1;}
 
*/

/*弹层视频播放*/
.video_pop{display: none;position:absolute;top: 0; width:100%;height:100%;overflow: hidden;z-index:888;background-color: rgba(0,0,0,0.5);}
.video_pop .play{position:absolute;top:20%;left: 50%; width:1200px;height:auto;margin-left: -600px; z-index:999;}
.video_pop .btn{display: block;position:absolute;top:0;z-index:99;right:-40px;width:38px;height:38px;}
.video_pop .btn a.close{cursor:pointer;display:block;width:38px;height:38px;overflow: hidden; font-size:30px;color: #101010;line-height:38px;text-align: center; background:#bcbcbc;}
.video_pop .btn a.close:hover{background:#E50D11;}


/*弹层*/
.sys_Pop{position:absolute;top: 0; width:100%;height:100%;overflow: hidden;z-index:777;background-color: rgba(0,0,0,0.5);}
.sys_Pop1{right:-100%;}
.sys_Pop2{right:-100%;}
.sys_Pop3{right:-100%;}
.sys_Pop4{right:-100%;}
.sys_Pop5{right:-100%;}
.sys_Pop .serFocus1,.sys_Pop .serFocus2,.sys_Pop .serFocus3,.sys_Pop .serFocus4,.sys_Pop .serFocus5{position: absolute;left:15%;top:0; width:85%;height:97%;padding: 3% 0 0 5%; background:url(../images/bg_left.png) no-repeat;background-size: auto 100%;}
.sys_Pop .serFocus1{background-color: rgba(17,30,70,0.9);}
.sys_Pop .serFocus2{background-color: rgba(23,57,66,0.9);}
.sys_Pop .serFocus3{background-color: rgba(50,39,33,0.9);}
.sys_Pop .serFocus44{background-color: rgba(58,58,58,0.9);}
.sys_Pop .serFocus4{background-color: rgba(38,22,50,0.9);}
.sys_Pop .btn{display:none;position:absolute;top:10%;z-index:99;right:5%;width: 60px;height: 60px;}
.sys_Pop .btn a.close{cursor:pointer;display:block;width:60px;height:60px;overflow: hidden; font-size:36px;color: #000;line-height:55px;text-align: center; border-radius: 50%; background:#fff;}
.sys_Pop .btn a.close:hover{background:#E50D11;animation: spin 0.5s linear;}

/*歌从东方来*/
.box1{position: relative;width:1245px;height:100%;background: url(../images/pop_b2.png) right 110px no-repeat;}
.box1 h2.tit1{position: absolute;right:-100%;top: 0;width: 845px; height:90px;overflow: hidden;background: url(../images/pop_t1.png) no-repeat;z-index: 222;}
.box1 h2.tit1 span{display: block;position: absolute;left: 50px;top:0; width: 440px; height:82px;background: url(../images/t1.png) no-repeat; }
.box1 h2.tit1 a{display: block;width:122px; height:36px;overflow: hidden;margin: 20px 0 0 560px; background: url(../images/pop_more1.png) no-repeat;}
.box1 .container{width:100%; padding:140px 0 0 0;}
.box1 .col_01 {position: relative;float: left; width: 880px;height: 700px;}
.box1 .flower01 {position:absolute;  left:-85px;bottom:-70px;display: block;width:316px;height:247px;z-index:777;transition:all .25s ease-in-out;}
.box1 .flower01:hover {transform: scale(1.15);cursor: pointer;}
.box1 .rslides { list-style: none; overflow: hidden;  width: 880px;height: 700px; padding: 0;  margin: 0;  }
.box1 .rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.box1 .rslides li:first-child {  position: relative;  display: block;  float: left;  }
.box1 .rslides img {  display: block;  float: left;  width:880px; height: 700px;   border: 0; transition:all .25s ease-in-out; }
.box1 .rslides img:hover{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
.box1 .rslides p { position: absolute; left:330px; bottom:10px; z-index: 2;width: 540px; height: 32px;overflow: hidden; line-height: 32px; font-size: 24px; color: #fff;text-align: left; text-overflow: ellipsis;white-space: nowrap;}
.box1 .rslides p a { font-size: 24px; color: #fff;}
.box1 .centered-btns_tabs {position: absolute;left:210px;bottom:10px;width: 100px; text-align: center; font-size: 0; list-style-type: none;z-index: 888;}
.box1 .centered-btns_tabs li {position:static;clear: both; width:10px; margin: 0 5px; display: inline-block; *zoom: 1;}
.box1 .centered-btns_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 50%; line-height: 20px; background-color:#fff; overflow: hidden; *display: inline; *zoom: 1;}
.box1 .centered-btns_tabs .centered-btns_here a { background-color:#ff0042; }
.box1 .col_02 { float: right; width: 215px;height: 100%;padding:90px 100px 0 0;}
.box1 .col_02 h3 {position: relative;height:50px;overflow: hidden; padding-left:60px; font-size: 22px;color: #fff;line-height:30px;text-align: left;}
.box1 .col_02 h3 a{font-size: 22px;color: #fff;}
.box1 .col_02 h3 a:hover{ color: #72b4c2; }
.box1 .col_02 h3::before {position: absolute;left: 0;top: 0;content: " "; width: 46px; height:29px;background: url(../images/pop_ico01.png) no-repeat;}
.box1 .col_02 h3:hover::before {animation:textScroll 0.5s forwards; }
.box1 .col_02 p {display: block;height: 120px;overflow: hidden;font-size:18px;color: #fff;line-height:32px;text-align: right;cursor: pointer;}
/*.box1 .col_02 p:hover {animation:textScroll 1.5s forwards; }*/

/*芬芳四月天*/
.box2{position: relative;width:1200px;height:100%;}
.box2 h2.tit2{position: absolute;right:-100%;top: 0;width: 813px;height:90px;overflow: hidden;background: url(../images/pop_t2.png) no-repeat;z-index: 111;}
.box2 h2.tit2 a{display: block;width:122px; height:36px;overflow: hidden;margin: 20px 0 0 570px; background: url(../images/pop_more2.png) no-repeat;}
.box2 .container{width:100%; height:100%;padding:140px 0 0 0;}
.box2 .col_01 {float: left; width: 660px;height: 100%;}
.box2 .col_01 .b-pic {position: relative; clear: both; width: 660px;height: 372px;overflow: hidden;}
.box2 .col_01 .b-pic img{ width: 661px;height: 372px;transition:all .25s ease-in-out; }
.box2 .col_01 .b-pic img:hover{ -webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
.box2 .col_01 .b-pic p{position: absolute;left: 0;bottom: 0; width: 640px;height:45px;overflow: hidden;padding: 0 10px;font-size:18px;color: #fff;line-height:45px;background: rgba(0,0,0,0.5);text-overflow: ellipsis;white-space: nowrap;}
.box2 .col_01 .b-pic p a{font-size:18px;color: #fff;}
.box2 .col_01 .b-pic p a:hover{color: #8ab878;}
.box2 .col_01 .sysVideo {clear: both; height:172px;overflow: hidden;margin-top:30px;padding:110px 0 0 300px; background: url(../images/pop_b3.png) no-repeat;}
.box2 .col_01 .sysVideo h3 {position: relative;height:50px;padding-left:60px; font-size: 22px;color: #fff;line-height:30px;text-align: left;}
.box2 .col_01 .sysVideo h3 a{ font-size: 22px;color: #fff;}
.box2 .col_01 .sysVideo h3 a:hover{ color: #8ab878;}
.box2 .col_01 .sysVideo h3::before {position: absolute;left: 0;top: 0;content: " "; width: 46px; height:29px;background: url(../images/pop_ico01.png) no-repeat;}
.box2 .col_01 .sysVideo h3:hover::before {animation:textScroll 0.5s forwards; }
.box2 .col_01 .sysVideo p {font-size:18px;color: #fff;line-height:32px;text-align: left;}

.box2 .col_02 { float: right; width:456px;height: 100%;text-align: left;}
.box2 .col_02 li {position: relative;clear: both;height: 144px;overflow:hidden;margin-bottom: 26px;padding:5px;display: flex;justify-content: space-between;cursor: pointer;}
.box2 .col_02 li::after {position: absolute;left: 0;top: 0; width:0%; height: 154px;content: ' '; background:#8ab878; transition: width 1s;z-index:-1;}
.box2 .col_02 li:hover::after {width: 100%;}
.box2 .col_02 li img{width: 256px; height: 144px;}
.box2 .col_02 li p{ width: 180px;height: 134px;overflow: hidden;padding-top:10px; font-size:18px;color: #fff;line-height:33px;border-top: 3px dotted #8ab878;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.box2 .col_02 li p a{ font-size:18px;color: #fff;}


/*歌圩绕梁欐*/
.box3{position: relative;width:1200px;height:100%;}
.box3 h2.tit3{position: absolute;right:-100%;top: 0;width: 824px;height:90px;overflow: hidden;background: url(../images/pop_t3.png) no-repeat;z-index: 333;}
.box3 h2.tit3 a{display: block;width:122px; height:36px;overflow: hidden;margin: 20px 0 0 570px; background: url(../images/pop_more3.png) no-repeat;}
.box3 .container{width:100%; height:100%;padding:150px 0 0 0;}
.box3 .row_01 {clear: both; height:300px;overflow: hidden;}
.box3 .roll{position:relative;ZOOM: 1; clear:both;width: 1100px;height:100%;margin: 0 auto;text-align:left;}
.box3 .left-b { position:absolute; z-index:4;  left:-40px; top:130px;width:31px; height:56px; CURSOR: pointer; background: url(../images/arr_left1.png) center no-repeat;}
.box3 .right-b{ position:absolute;z-index:3;  right:-40px; top:130px; width:31px; height:56px;  CURSOR: pointer; background:url(../images/arr_right1.png) center no-repeat;}
.box3 .roll-con { position:absolute; left:15px; top:0; width:2000px;  padding:0;}
.box3 .roll-con li {float:left; width:333px;height:285px;  margin:0 34px 0 0;text-align: left;}
.box3 .roll-con li img { width:333px;height:187px; display: block;margin: 0 auto;}
.box3 .roll-con li p{height:78px; overflow: hidden;padding: 10px; font-size:16px; font-weight:300; color:#fff; line-height:32px; background: #614733; }
.box3 .roll-con li p a{display: block; color:#fff;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.box3 .roll-con li p a:hover{color:#e2b871;}
.box3 .row_02 {clear: both; height:100%;overflow: hidden;}
.box3 .row_02 .m-list {float: left;width:500px; height:100%;overflow: hidden;padding:40px 0 0 60px; text-align: left;}
.box3 .row_02 .m-list li{clear: both; overflow: hidden;margin-bottom:30px;padding:5px 5px 5px 20px; font-size:18px; font-weight:normal; color:#fff; line-height:30px;background: url(../images/pop_ico02.png) 5px 15px no-repeat;-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.box3 .row_02 .m-list li:hover{background-color:rgba(255,255,255,0.2);}
.box3 .row_02 .m-list li a{font-size:18px; color:#fff; }
.box3 .sysVideo { float: right; width: 551px;height:170px;padding:200px 0 0 40px;background: url(../images/pop_b4.png) right bottom no-repeat;}
.box3 .sysVideo h3 {position: relative;height:50px;padding-left:60px; font-size: 22px;color: #fff;line-height:30px;text-align: left;}
.box3 .sysVideo h3 a{ font-size: 22px;color: #fff;}
.box3 .sysVideo h3 a:hover{ color: #e2b871;}
.box3 .sysVideo h3::before {position: absolute;left: 0;top: 0;content: " "; width: 46px; height:29px;background: url(../images/pop_ico01.png) no-repeat;}
.box3 .sysVideo h3:hover::before {animation:textScroll 0.5s forwards; }
.box3 .sysVideo p {font-size:18px;color: #fff;line-height:32px;text-align: left;}

/*欢哥情意绵*/
/*
.box4{position: relative;width:1200px;height:100%;}
.box4 h2.tit4{position: absolute;right:-100%;top: 0;width: 827px;height:90px;overflow: hidden;background: url(../images/pop_t4.png) no-repeat;z-index: 222;}
.box4 h2.tit4 a{display: block;width:122px; height:36px;overflow: hidden;margin: 20px 0 0 570px; background: url(../images/pop_more4.png) no-repeat;}
.box4 .container{position: relative;width:100%; height:100%;overflow: hidden; padding:120px 0 0 720px;}
.box4 .rslides { list-style: none;display: block; width:480px;height: 720px;  padding: 0;    }
.box4 .rslides li {  -webkit-backface-visibility: hidden; display: none; width:480px;height: 720px;}
.box4 .rslides li:first-child {  position: relative;  display: block;  float: left;  }
.box4 .rslides img {  display: block;  float: left;  width:480px; height: 720px; overflow: hidden;  border: 0; transition:all .25s ease-in-out;  }
.box4 .rslides img:hover {  -webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
.box4 .rslides p {  z-index: 2;position: absolute;left: -600px;top:230px; width: 400px; height:100px;overflow: hidden; line-height:49px; font-size:36px;font-weight: bold;color: #fff;text-align: left; }
.box4 .rslides p a { font-size: 36px; color: #fff;}
.box4 .rslides p a:hover { color: #ff0042;}
.box4 .centered-btns_tabs {position: absolute;left:250px;top:300px;width: 100px; text-align: center; font-size: 0; list-style-type: none;z-index: 888;}
.box4 .centered-btns_tabs li {position:static;clear: both; width:10px; margin: 0 5px; display: inline-block; *zoom: 1;}
.box4 .centered-btns_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 50%; line-height: 20px; background-color:#fff; overflow: hidden; *display: inline; *zoom: 1;}
.box4 .centered-btns_tabs .centered-btns_here a { background-color:#ff0042; }
.box4 .centered-btns_nav { position: absolute; top:370px;left:0px; z-index: 2; width: 35px; height: 66px;text-indent: -9999px; background: url(../images/arr_left2.png) no-repeat; overflow: hidden; opacity: .7;}
.box4 .next { left:550px; background: url(../images/arr_right2.png) no-repeat; }
.box4 .sysVideo {position: absolute;left:0px;bottom:25%; width:568px;height:206px;padding:130px 0 0 250px;background: url(../images/pop_b5.png) left bottom no-repeat;}
.box4 .sysVideo h3 {position: relative;height:50px;padding-left:60px; font-size: 22px;color: #fff;line-height:30px;text-align: left;}
.box4 .sysVideo h3 a{ font-size: 22px;color: #fff;}
.box4 .sysVideo h3 a:hover{ color: #ff0042;}
.box4 .sysVideo h3::before {position: absolute;left: 0;top: 0;content: " "; width: 46px; height:29px;background: url(../images/pop_ico01.png) no-repeat;}
.box4 .sysVideo h3:hover::before {animation:textScroll 0.5s forwards; }
.box4 .sysVideo p {font-size:18px;color: #fff;line-height:32px;text-align: left;}
*/

/*桂风壮韵浓*/
.box4{position: relative;width:1200px;height:100%;}
.box4 h2.tit4{position: absolute;right:-100%;top: 0;width: 873px;height:90px;overflow: hidden;background: url(../images/pop_t5.png) no-repeat;z-index: 111;}
.box4 h2.tit4 a{display: block;width:122px; height:36px;overflow: hidden;margin: 20px 0 0 570px; background: url(../images/pop_more5.png) no-repeat;}
.box4 .container{position: relative;width:100%; height:90vh;padding:0;}
.box4 .ico01 { position: absolute;top:110px;left:400px; width:102px;height:102px;background: url(../images/p5_05.png)  no-repeat;}
.box4 .ico02 { position: absolute;bottom:10vh;left:50px; width:102px;height:102px;background: url(../images/p5_05.png)  no-repeat;}
.box4 .ico03{ position: absolute;bottom:40vh;right:350px; width:74px;height:74px;background: url(../images/p5_06.png) no-repeat;}
.box4 .prg01 { position: absolute;top:140px;left:0px; width:284px;height:284px;background: url(../images/p5_01.png)  no-repeat;transition:all .25s ease-in-out; }
.box4 .prg02 { position: absolute;top:440px;left:150px; width:368px;height:368px;background: url(../images/p5_02.png) no-repeat;transition:all .25s ease-in-out; }
.box4 .prg03 { position: absolute;top:210px;left:500px; width:241px;height:241px;background: url(../images/p5_03.png) no-repeat;transition:all .25s ease-in-out; }
.box4 .prg04 { position: absolute;top:90px;right:0px; width:325px;height:325px;background: url(../images/p5_04.png) no-repeat;transition:all .25s ease-in-out; }
.box4 .prg01:hover,.box5 .prg02:hover,.box5 .prg03:hover,.box5 .prg04:hover { -webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);}

.box4 .sysVideo { position: absolute;bottom:0vh;right: 0; width: 569px;height:311px;padding:130px 0 0 40px;background: url(../images/pop_b6.png) right bottom no-repeat;}
.box4 .sysVideo h3 {position: relative;height:50px;padding-left:60px; font-size: 22px;color: #fff;line-height:30px;text-align: left;}
.box4 .sysVideo h3 a{ font-size: 22px;color: #fff;}
.box4 .sysVideo h3 a:hover{ color: #b81fac;}
.box4 .sysVideo h3::before {position: absolute;left: 0;top: 0;content: " "; width: 46px; height:29px;background: url(../images/pop_ico01.png) no-repeat;}
.box4 .sysVideo h3:hover::before {animation:textScroll 0.5s forwards; }
.box4 .sysVideo p {font-size:18px;color: #fff;line-height:32px;text-align: left;}


/*pages*/

.pages{ clear:both; width:1000px; height:100%;overflow: hidden; margin: 0 auto;padding: 30px 0 0 0;}
.pages p{font-size:30px;COLOR:#097c25; line-height:50px;text-align:center; }
.pages p A { display:inline-block;height:50px; padding:5px 20px;font-size:30px; COLOR:#333; margin-left:1px;border: 1px solid #a61c23;}
.pages p A:hover {COLOR:#a61c23; TEXT-DECORATION: none;}
.pages p A.current { COLOR:#fff;TEXT-DECORATION: none; background:#a61c23;}
.pages p A.pre,.pages p A.next{font-size:30px; line-height:45px;}

/*Gxtv_footer 底部信息*/
.footer{position: absolute;left: 50%;bottom: 2%; clear:both;width:100vw; height:5%; margin-left:-50vw;text-align:center;z-index: 9999; }
.footer .Cont{font-size:14px; font-weight:200; line-height:32px; color:#7a7a79;}
.footer .Cont a{color:#7a7a79;}	
.footer .Cont a:visited{color:#7a7a79;}			

