﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
body{ margin:0 auto; font-size:12px; font-family:"微软雅黑"; text-align:center; line-height:20px; background:#feecd7;}
h1{ font-size:14px;}
#wrap{ margin:0 auto; width:100%; overflow:hidden; padding-top:20px; text-align:left; background: top center no-repeat;}
li{ list-style:none;}
A {TEXT-DECORATION:none;}
@media screen and (min-width: 1200px) { 
.topBanner,.mod01,.mod02,.mod03,.mod04,.mod05,.mod06,#wrap_K{width:100%;}
.footer {width:100%;}  
} 
/* css注释：设置了浏览器宽度不小于1200px时 abc 显示100%宽度 */ 
 
@media screen and (max-width: 1200px) { 
.topBanner,.mod01,.mod02,.mod03,.mod04,.mod05,.mod06,#wrap_K{width:1200px;}
.footer {width:1200px;}  
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示1200px宽度 */ 

.ewm{ position: fixed; top: 20%;right: 50px; width:253px; height:583px;background: url(../images/ewm.png) no-repeat;} 
/*top ############################################################################################################*/
.topBanner{ clear:both; height:1009px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/banner.jpg) no-repeat top center;}

.mod01{ clear:both; height:1710px; overflow:hidden; margin: 0 auto;background: url(../images/mod01.jpg) top center no-repeat; }
.mod01 .con{  clear:both; width:1120px; margin:185px auto 0 auto; text-align: left;}
.mod01 .con ul{display: flex;justify-content: center; flex-wrap: wrap; clear: both;overflow: hidden;}
.mod01 .con ul.n1{height: 675px; }
.mod01 .con ul.n2{height: 450px;}
.mod01 .con ul.n3{height: 350px; padding-left: 80px;}
.mod01 .con ul.n1 li{ width:780px;height:100%;margin:0  auto; }
.mod01 .con ul.n2 li{ width:500px;height:100%;margin:0  auto; }
.mod01 .con ul.n3 li{ width:320px;height:100%;margin:0  auto; }
.mod01 .con li img{display: block; width: 100%;height:auto; }
.mod01 .con li h3{padding:10px 0 0 0;  font-size:26px; font-weight:200; color:#000; line-height:30px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mod01 .con li h3:hover{color:#6ea8ff; }
.mod01 .con li p{padding:10px 0 0 0;  font-size:24px; font-weight:200; color:#6ea8ff; line-height:30px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; }
 
.mod02{ clear:both; height:1365px; overflow:hidden; margin: 0 auto;background: url(../images/mod02.jpg)  50% -100px no-repeat; }
.mod02 .con{  clear:both; width:1200px; margin:0 auto; padding: 160px 0 0 0; text-align: left;}
.mod02 .con ul{ display: flex; height: 1080px; overflow: hidden; flex-wrap: wrap; justify-content: flex-start;}
.mod02 .con li{float: left; width:365px;height:auto;overflow: hidden; margin:0 50px 10px 0;}
.mod02 .con li:nth-child(3n+3){ margin:0 0 30px 0;}
.mod02 .con li img{display: block; width: 100%;height: auto; }
.mod02 .con li h3{padding:10px 0 0 0;  font-size:26px; font-weight:200; color:#000; line-height:28px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mod02 .con li h3:hover{color:#6ea8ff; }
.mod02 .con li p{padding:10px 0 0 0;  font-size:24px; font-weight:200; color:#6ea8ff; line-height:28px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; }

.searchWrap{ clear: both; width: 1400px;height:150px;overflow: hidden; margin:0 auto;}
.search{ float: right; width: 726px;height:114px;overflow: hidden; margin:20px 30px 0; text-align: left; background: url(../images/searBg.png) no-repeat;  position: relative;}
input.inp_srh{outline:none;  width:550px; height:75px; margin: 11px 0 0 60px; padding:0; font-size:30px; border: 0;  background-color: #fff; color: #a3a3a3; }
input.btn_srh{width:84px;height: 75px;  cursor:pointer;border: none; background: url(../images/sear.png) right no-repeat;  position: absolute;right:20px;top:11px;}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #a3a3a3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a3a3a3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a3a3a3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a3a3a3;
}
 
/*pages*/

.pages{ clear:both; width:1200px; height:56px; margin:0 auto; background: url(../images/line.png) 0 50% no-repeat;}
.pages p{font-size:28px; font-weight: bold;color:#000; line-height:50px;text-align:right; }
.pages p a { display:inline-block; height:50px;margin: 0 0 0 5px; padding: 0 10px; color:#000; text-align: center; border: 3px solid #000;border-radius: 15px; background:#fff;}
.pages p a:hover { background:#ffdf00;}
.pages p a.current { color:#000;text-decoration: none; background:#ffdf00;}

.subFooter{ clear:both; height:351px; overflow:hidden;margin:0 auto;  }
.subFooter .Cont{position: relative;width: 1200px; height:100%;overflow: hidden;margin: 0 auto;padding-top:200px; font-size:24px; font-weight:200; line-height:36px;text-align: center; color:#000;}
.subFooter .Cont a{color:#efe0c6;}	
 

/*Gxtv_footer 底部信息*/
.footer{ clear:both;height:319px; margin: 0 auto;text-align:center; background: url(../images/footer.jpg) top center no-repeat;}
.footer .Cont{   padding-top:120px; font-size:24px; font-weight:200; line-height:36px; color:#000;}
.footer .Cont a{color:#fff;}	
 
