@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;border:0;}
html {font-size:100px;}
body {font-size:0.16rem;line-height:1.5em;font-family:'Microsoft Yahei',simsun,simhei,Arial,'Heiti SC',sans-serif;color:#000;background:#00063a url("../images/zhtop.jpg") center top no-repeat;}
ul {list-style:none;}
h1 {line-height:1.5em;}
h2,h3 {font-size:0.16rem;font-weight:normal;line-height:1.5em;}
a {display:block;text-decoration:none;color:#00e1fe; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;transition:color 0.3s ease 0s;}
img {display:block;-webkit-touch-callout:none;}
.wrap {width:12rem;height:auto;margin:0 auto;overflow:hidden;}
#header {width:100%;height:6.55rem;text-indent:-100%;overflow:hidden; background: url("../images/top.png") no-repeat center center;}
/*************************************************     依尺寸缩放     *************************************************/
@media screen and (max-width:1200px){
html {font-size:8.33vw;/*100除1200*/}
}
/********导航********/
#nav{ width:100%;  background:url("../images/linebg.png") bottom center no-repeat; font-size:22px; font-weight:300; }
#nav ul{width:100%; max-width: 1200px; margin:0 auto; padding: 15px 0px; text-align:center; }
#nav ul li{display: inline-block;line-height:37px; width: 131px; margin: 0 20px; border: 1px solid #5eeeff;}
#nav ul li:hover{ color:#f8f77d;border: 1px solid #f8f77d;}
 #nav ul li a:hover{color:#f8f77d;}
@media screen and (min-width: 0px) and (max-width: 1099px) {
#nav {overflow:hidden; margin-top: 0px; height: auto;}
#nav ul{ display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;}
#nav ul li{font-size: 0.30rem; line-height: 2.5em; margin:0 0 0 10px; white-space: nowrap; padding-top: 4px; width:auto; border: none;}
#nav ul li:hover{background:none;}
}
@media screen and (min-width: 0px) and (max-width: 760px) {
	#nav {height: 2em;  }
	#nav ul{ display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;-webkit-overflow-scrolling: touch;display:flex;justify-content:space-between;flex-wrap:nowrap;overflow-x:scroll;padding: 5px 0 5px;}
	#nav ul li{line-height: 2em;margin:0 0 0 20px; height: 2.5em; font-size: 18px;}
}
/********总布局********/
.area{width:100%;max-width:1200px; margin:0 auto; overflow:hidden;zoom:1;}
.line1,.line3,.line2,.line4{ padding:50px 0px 0px;}
.picbg{position: relative;margin-top: 130px;
        width: 100%;
        height: 450px;
        background-attachment: fixed;
        background-position: center 0;
        background-repeat: no-repeat;background-image: url(../images/pic1.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;  overflow: hidden;
 animation: scale 5s infinite;}
.tit a{display: block;width: 151px; height: 148px;text-indent: -9999px; }
/********第一行 ********/
.line1{ overflow: hidden;}
.line1 .pic{ float:left; width:52%; position: relative;}
.line1 .pic img{display:block;width: 100%;}
.line1 .pic h3 {position:absolute;bottom:0px; left: 0px; width: 94%; padding: 5px 3%; font-weight: 700; font-size: 18px; background: rgba(0,225,254,0.8); }
.line1 .pic h3 a{color: #fff;}
.line1 .right{float: right; width:44%; }
.line1 .right h3{ font-size:20px; padding-top:10px; }
.line1 .right p{ padding:20px 0px; line-height: 1.8em;}
.line1 .right p a{color:#fff;}
/********第二行 铁路大事件 图话铁路********/
.line2{ overflow: hidden;}
.line2 .left{float:left; width:52%;}
.line2 .tit1{font-size:30px; font-weight: 700;text-align: left; line-height: 1.8em;}
.line2 .left .tit1 { background: url("../images/linebg.png")  bottom center no-repeat; background-size:100% 3% ; }
.line2 .left ul{overflow: hidden;zoom:1;}
.line2 .left ul li{ float: left; width:48%; margin-right: 4%; margin-top: 25px;}
.line2 .left ul li:nth-child(2){ margin-right: 0px;}
.line2 .left ul li h3 a{color:#fff; padding-top: 10px; font-size:18px;  line-height: 1.5em;}
.line2 .left ul li img{display: block;width:100%}
.line2 .right .tit a{ background: url("../images/tit02.png") no-repeat;margin-bottom: 15px; }
.line2 .right{ float:right; width:44%}
.line2 .right .box{padding: 30px 10%;  color:#5eeeff; background: #293c8c; border: 1px solid #5eeeff;}
.line2 .right .box p{ font-size: 18px; line-height: 2em;}

/********第三行 直击现场********/
.line3{overflow: hidden; background: url("../images/linebg.png") no-repeat center bottom; padding-bottom: 30px;}
.line3 .tit a{ margin:0 auto 15px;background: url(../images/tit01.png) center no-repeat; }
.line3 ul{ overflow:hidden;zoom:1; padding-top: 50px;}
.line3 ul li{ float:left; width:48%;  border: 1px solid #00e1fe;padding:20px 20px 20px 80px;  margin: 0 0 30px 4%; box-sizing: border-box; background: url("../images/sdbg.png") no-repeat 20px center; }
.line3 ul li:nth-child(1),.line3 ul li:nth-child(3){margin-left: 0px; clear: left;}
.line3 ul li h3{ font-size:20px; font-weight:300; margin-bottom: 10px; }
/********第五行 文化视界********/
.line5{ margin-top: 80px; position:relative; background: url("../images/zhtop.jpg") no-repeat center center; }
.line5 .tit a{margin:0 auto 30px;background: url(../images/tit02.png) no-repeat center; }
.line5 ul.piclist{ width:100%; overflow:hidden;zoom:1;margin-bottom: 15px;}
.line5 ul.piclist li img{ width:100%; display: block;}
.line5 ul.piclist li a{position:relative;}
.line5 ul.piclist li{ float:left;  margin-bottom:0.14rem; position: relative; width:24.25%; margin-right: 1%;}
.line5 ul.piclist li a:after{position:absolute;left:-42%;top:-35%;content:"";display:block;width:100%;height:100%;background:url("../images/bg_video_icon.png") center center no-repeat;background-size:10% auto;}
.line5 ul.piclist li h3{position:absolute;bottom:0px; left: 0px; width: 94%; padding: 5px 3%; font-weight: 300; font-size: 16px; background: rgba(0,225,254,0.8); }
.line5 ul.piclist li h3 a:after{display: none;}
.line5 ul.piclist li h3 a{color:#fff;}
.line5 ul.piclist li:nth-child(1) {width: 66%; margin-right: 2%; } 
.line5 ul.piclist li:nth-child(1) h3{ font-size: 22px;}
.line5 ul.piclist li:nth-child(2) {width: 32%; margin-right: 0px; } 
.line5 ul.piclist li:nth-child(3) {width: 32%;margin-right: 0px;} 
.line5 ul.piclist li:nth-child(4) { clear: left;}
.line5 ul.piclist li:nth-child(7){margin-right:0px;}
.line6{margin-top: 70px;}
.line6 .tit a{ margin:0 auto 50px;background: url(../images/tit03.png) no-repeat center; }
/********第七行 两岸声音********/
.line7{margin: 30px auto 0; border-top:1px solid #2388b0; background: #19266b; padding-top: 30px;}
.line7 .tit a{ margin:0 auto 50px;background: url(../images/tit04.png) no-repeat center; }
.line7 dl{max-width: 1200px;overflow: hidden;zoom:1; margin: 0 auto;}
.line7 dl dt{width:48%; margin-bottom: 20px;}
.line7 dl dt:nth-child(1){float:left;}
.line7 dl dt:nth-child(2){float:right;}
.line7 h2 a{ display: block;font-size:24px; background: #0c84b5; float:left; color: #fff; padding: 8px; margin-bottom: 10px;}
.line7 ul{clear:left;}
.line7 ul li img{display:block; width:100%}
.line7 ul li{ position:relative; padding:10px 0px 0px 20px; background: url("../images/gzdot.png") no-repeat left 18px; font-size: 18px; line-height: 1.5em;}
.line7 ul li:nth-child(1){padding: 0px; background: none; margin-bottom: 20px;}
.line7 ul li h3{position:absolute; bottom:0px; left: 0px; width: 94%; padding: 5px 3%; font-weight: 300; font-size: 16px; background: rgba(0,225,254,0.8);}
.line7 ul li a{ color: #fff;}
@media screen and (max-width: 1099px) { 
    #header { background-size:80% 100% }
	.line1 .pic,.line1 .right,.line2 .left,.line2 .right,.line5{float: none; width:700px;margin: 0 auto;}
	.line1,.line2{height:auto; overflow: visible; background: none;}
	.line1{padding:15px 0px 0px;}
	.line1 .right,.line2 .right{ padding-top: 30px;}	
    .line5{background:none;}
.line5 ul.piclist li{ float:left;  margin-bottom:0.14rem; width:49%; margin-right: 2% }
.line5 ul.piclist li h3{position:relative; background: none;}
.line5 ul.piclist li:nth-child(1) {width: 100%; margin-right: 0%; } 
.line5 ul.piclist li:nth-child(1) h3{ font-size:18px;}
.line5 ul.piclist li:nth-child(2) {width: 49%; margin-right: 2%; } 
.line5 ul.piclist li:nth-child(3),.line5 ul.piclist li:nth-child(5) {width: 49%;margin-right: 0px;} 
    .line5 ul.piclist li:nth-child(4){clear:none;}
.line5 ul.piclist li:nth-child(7){margin-right:0px;}
}
@media screen and (max-width: 768px ) {
	.area,.line7 dl{width:96%;margin:0 auto; }
	.line1 .pic,.line1 .right,.line2 .left,.line2 .right,.line5{ width:100%;box-sizing: border-box; }
     .line3 ul li{ width:100%;  padding:15px;  margin: 0 0 15px 0%; box-sizing: border-box; background: none; }
     .line3 ul li p{font-size: 16px; line-height: 1.5em;}
}
@media screen and (max-width: 480px ){
    body {background-size:auto 4%;}
    .picbg{display:none;}
    .line1,.line3,.line2,.line4{ padding:20px 0px 0px;}
    .line6{margin-top:20px;}
    .line3 .tit a,.line5 .tit a,.line6 .tit a,.line7 .tit a{background-size:80% 80%; margin-bottom: 0px;}
    .line2,.line4,.line5,.line1 .right,.line2 .right{ padding:15px 0px 0px;}
	.line1 .pic h3 a,.line1 .right h3,.line3 ul li h3{font-size:18px; font-weight: 300;}
    .line1 .right p{ font-size:16px;padding: 5px 0 10px;}
    .line2 .tit1{font-size:22px; }
    .line2 .left ul li{width:100%}
    .line2 .right .box{padding: 15px 5%;}
    .line3{background:none;}
    .line3 ul{padding-top: 30px;}
    .line7 dl dt{width:100%;}
 .line7 h2 a{ font-size:20px;}
}
.type6 {max-width:1100px;width:100%;margin:0 auto 83px;overflow:hidden;}
#imgZone {position:relative;margin:0 auto;}
#imgZone>ul#data {position:relative;width:80%;height:374px; margin: 0 4%}
#imgZone>ul#data li {position:absolute;left:0;top:0;width:663px;height:374px;z-index:2147483619;transition:left 0.6s ease 0s,transform 0.6s ease 0s,margin 0.6s ease 0s;}
#imgZone>ul#data li.endNext,#imgZone>ul#data li.endPre {left:0;margin:0 0 0 -6%;transform:scale(0.8,0.8);}
#imgZone>ul#data li.startNext,#imgZone>ul#data li.startPre {left:50%;margin:0 0 0 -30%;z-index:2147483620;}
#imgZone>ul#data li.order1 {left:51.7%;margin:0 0 0 -6%;transform:scale(0.8,0.8);z-index:2147483618;}
#imgZone>ul#data.startPre li {z-index:2147483618;}
#imgZone>ul#data.startPre li.order1 {z-index:2147483619;}
#imgZone>ul#data.startPre li.startPre {z-index:2147483620;}
#imgZone>ul#data li img {display:block;width:100%;height:100%;margin:0 auto; }
#imgZone>ul#data li>h2 {position:absolute;bottom:0;width:100%;font-size:20px;font-size:0.2rem;line-height:1.5em;color:#FFF;/*background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0));*/background: rgba(0,225,254,0.8);overflow:hidden; font-weight:300; text-align:center;}
#imgZone>ul#data li.endNext>h2,#imgZone>ul#data li.order1>h2{background: rgba(214,102,106,0.8);}
#imgZone>ul#data li>h2 a {display:block;padding:9px;color:#FFF;text-overflow:ellipsis;overflow:hidden;}
#preBtn,#nextBtn {position:absolute;top:50%;left:0;width:50px;height:50px;margin:-25px 0 0;cursor:pointer;background:url("../images/btnsbg.png") 0 center no-repeat;background-size:auto 100%;z-index:2147483621;}
#nextBtn {left:auto;right:0;background-position:right center;transform: rotateY(180deg);}
@media screen and (max-width:1099px){
.type6 {margin:0 auto 7.54vw;}
#imgZone>ul#data {height:34vw;}
#imgZone>ul#data li {width:60.2vw;height:34vw;}
#imgZone>ul#data li>h2 {max-height:calc(3em + 18px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
#preBtn,#nextBtn {width:5vw;height:5vw;margin:-2.5vw 0 0;background-size:auto 6.1vw;z-index:2147483621;d}
#nextBtn {left:auto;right:0;background-position:right center; }
#imgZone>ul#data li>h2{font-size:18px;}
}
@media screen and (max-width:550px){
#imgZone>ul#data {height:56.4vw;width:100%; margin: 0;}
#imgZone>ul#data li {width:100vw;height:56.4vw;opacity:0;transition:opacity 0.6s ease 0s;}
#imgZone>ul#data li.endNext,#imgZone>ul#data li.endPre {left:0;margin:0 auto;transform:scale(1,1);}
#imgZone>ul#data li.startNext,#imgZone>ul#data li.startPre {left:0;margin:0 auto;opacity:1;}
    #imgZone>ul#data li.endNext>h2,#imgZone>ul#data li.order1>h2{background: rgba(0,225,254,0.8);}
#imgZone>ul#data li.order1 {left:0;margin:0 auto;transform:scale(1,1);}
#imgZone>ul#data li>h2 a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    #preBtn,#nextBtn {display: none;}
}


div#footerG {position:relative;width:100%;margin:0 auto;padding:40px 0 40px;font-size:0.875rem;font-size:14px;font-family:simsun;color:#fff;background:#00063a;z-index:2147483641;}
div#footerG>div {width:900px;margin:0 auto;overflow:hidden; line-height: 2em;}
div#footerG>div img {float:left;margin:5px 14px 0 0;}
div#footerG>div p a {display:inline-block;color:#fff;}
div#footer {display:none;padding:26px 12% 25px;font-size:16px;color:#fff;text-align:center;background:#00063a;}
div#footer ul.fList {margin:0 auto 26px;font-size:18px;line-height:1em;overflow:hidden;}
div#footer ul.fList>li {float:left;width:28%;}
div#footer ul.fList>li:last-child {width:16%}
div#footer ul.fList>li a {display:block;border:2px solid #e4e4e4;border-width:0 0 0 2px;color:#fff;}
div#footer ul.fList>li:first-child a {border:none;}
div#footer p img.gshLogo {display:inline-block;margin:0 10px 0 0;vertical-align:middle;}
/*************************************************     依尺寸缩放     *************************************************/
@media screen and (max-width:901px){
div#footerG>div {width:100%}
}
@media screen and (max-width:768px){
div#footerG {display:none;}
div#footer {display:block;}
}
@media screen and (max-width:655px){
div#footer ul.fList {margin:0 auto 10px}
}
@media screen and (max-width:480px){
div#footer {font-size:12px;}
div#footer ul.fList {font-size:14px;}
div#footer p {font-size:12px;line-height: 2em;}
}