@charset "gb2312";
@import "iconfont.css";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased; background:url(../images/bg.jpg) center top no-repeat #faecd2; background-attachment:fixed; background-size: cover;  }
body { margin:0px; padding:0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#333; text-decoration:none; }
a:hover{ color:#c12625; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,img { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.f05 { font-family:"\5B8B\4F53"; }
.f06 { font-family:"\65B0\5B8B\4F53"; }
.f07 { font-family:"\4EFF\5B8B"; }
.f08 { font-family:"\6977\4F53"; }

@font-face {
    font-family: 'ysh'; 
    src: url('ysh.ttf'); 
    font-style: normal;
  }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.amn4 { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn4 img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
}
@-moz-keyframes break{
0%{-moz-transform:scale(1, 1) translate3d(0, 0, 0); transform:scale(1, 1) translate3d(0, 0, 0)}
50%{-moz-transform:scale(1.2, 1.2) translate3d(0, 0, 0); transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
100%{-moz-transform:scale(1, 1) translate3d(0, 0, 0); transform:scale(1, 1) translate3d(0, 0, 0)}
}
@-webkit-keyframes break{
0%{-webkit-transform:scale(1, 1) translate3d(0, 0, 0); transform:scale(1, 1) translate3d(0, 0, 0)}
50%{-webkit-transform:scale(1.2, 1.2) translate3d(0, 0, 0); transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
100%{-webkit-transform:scale(1, 1) translate3d(0, 0, 0); transform:scale(1, 1) translate3d(0, 0, 0)}
}
@keyframes break{
0%{-moz-transform:scale(1, 1) translate3d(0, 0, 0); -ms-transform:scale(1, 1) translate3d(0, 0, 0); -webkit-transform:scale(1, 1) translate3d(0, 0, 0); transform:scale(1, 1) translate3d(0, 0, 0)}
50%{-moz-transform:scale(1.2, 1.2) translate3d(0, 0, 0); -ms-transform:scale(1.2, 1.2) translate3d(0, 0, 0); -webkit-transform:scale(1.2, 1.2) translate3d(0, 0, 0); transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
100%{-moz-transform:scale(1, 1) translate3d(0, 0, 0); -ms-transform:scale(1, 1) translate3d(0, 0, 0); -webkit-transform:scale(1, 1) translate3d(0, 0, 0); transform:scale(1, 1) translate3d(0, 0, 0)}
}
.header { width:100%; margin:0 auto; height:100%; overflow:hidden; position:relative; background:url(../images/bj.jpg) center center no-repeat; }
.header .tit { width:1100px; position:absolute; top:25%; left:50%; margin-left:-600px; margin-top:-250px; text-align: center; z-index: 5; }
.tit { -webkit-animation:tit 1s ease .2s backwards; animation:tit 1s ease .2s backwards; }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}


#flagCanvas { position:absolute; width:100%; height:339px; left:0; bottom:-30px; z-index:8; }
#flagCanvas img { width:100%; height: auto; }

.warp { width:1200px; margin:0 auto; overflow:hidden; }

.lm { width:100%; float: left; margin:10px 0 10px 0; text-align: center;  }
.lm3 { width:100%; float: left; margin:10px 0 10px 0; text-align: center;  }
.lm2 { display: none }
.lm05 { width:100%; float: left; margin:10px 0 10px 0; text-align: center;  }

.left p { text-align: center; line-height: 40px;}
.right p { text-align: center; line-height: 40px;}
/*头条*/
.tt { width:100%; float: left; padding:45px 45px 25px 45px; text-align: center; }
.tt span { width:100%; float:left; font-size:32px; line-height:65px; color:#333; font-weight:bold; }
.tt span b { display:inline-block; background:#d50004; padding:0 15px; line-height:55px;  vertical-align:top;  font-size:30px; color:#fff; margin-top:5px; border-radius:5px; margin-right:15px; }


/*一号工程*/
.article_player { width:100%; margin:0 auto; float:left; }
#player { width:100%; height:660px; }


/*十年图说*/
.zchx { width:100%; height:622px; position:relative; overflow:hidden; zoom:1; }
.zchx .hd { width:33%; position:absolute; left:0; top:0; z-index: 5;  }
.zchx .hd ul li{ width:31.3333%; float:left;margin-right: 3%; margin-bottom: 3.5%; }
.zchx .hd ul li img { width:100%; height:auto; border:4px solid #fff; cursor:pointer; vertical-align:bottom; transition:0.3s; -webkit-transition:0.3s;}
.zchx .hd ul li.on img { border-color:#be3027; }
.zchx .hd ul li:nth-child(3n) { margin-right:0%; }

.zchx .bd { width:65%; height:100%; position:relative; overflow:hidden; top:0;left:35%; }
.zchx .bd li { position:relative; zoom:1; vertical-align:middle; z-index:0; height:622px;}
.zchx .bd li img{ width:100%; height:auto; vertical-align:bottom; }


/*滚动*/
*{margin:0;padding:0;}
body{ background:none;}
input,button,select,textarea{outline:none;}
ul,li,dl,ol{list-style:none;}
a{color:#666; text-decoration:none;}
.warphong { width:1200px; margin:0 auto; overflow:hidden; background-color: #fde0b4;}

.w1100 {width: 1100px; margin-left: 50px;}

/* scrollDiv */
.scrollDiv {
	height: 900px;/* 必要元素 */
	line-height: 30px;
	overflow: hidden;/* 必要元素 */
}
.scrollDiv li { font-size: 18px; margin-top: 30px;}

.scrollDiv li h4{ font-size: 18px; font-weight:400; background-color: #dc9426; color: #ffffff; padding: 10px 20px; width: 18%; margin-bottom: 5px;}
.scrollDiv li h4 strong{ font-weight:1200;}
.scrollDiv li h5 { color:#fedfb1; line-height:30px; font-size:18px; font-weight: 400; padding: 20px 20px; background-color: #a20e0c;}   
.scrollDiv li a{ text-decoration: none; }








/* 主题分享*/
.talk { width:100%; float:left; margin-bottom: -24px; }
.talk ul li { width:48%; float:left; margin-right:4%; position: relative; overflow:hidden; height:280px; margin-bottom: 24px; }
.talk ul li img { width:100%; height:100%; display:block; overflow: hidden; transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;}
.talk ul li:hover img { -webkit-transform:scale(1.05); transform:scale(1.05);}
.talk ul li span { width:100%; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); position:absolute; bottom:0; padding:0 0 13px 0; }
.talk ul li span p { width:92%; float: left; margin-left:4%; font-size:16px; line-height:24px; color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,.8);  }
.talk ul li em { width:50px; height:50px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-25px; margin-top:-25px; }
.talk ul li:hover em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }
.talk ul li:nth-child(2n) { margin-right:0; }
.left{ width: 49%; float: left;}
.right{ width: 49%; float: right;}


/*现场直击*/
.hdpic { width:100%; overflow:hidden; position: relative; display:block; }
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:660px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 { width:100%; height:100%; position: absolute;}
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:10%; float:left; padding:12px 35px; max-width:80%; background:rgba(0,0,0,.8); line-height:40px; font-size:22px; color:#fff; }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:72px; height:80px; top:50%; margin-top:-40px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:80px; font-size:50px; color:#fff;  font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0px;}
.hdpic .swiper-button-prev { left:0px;}

 .gg{ margin-bottom: 20px; margin-top: 10px;}

.footer { width:100%; float:left; background:linear-gradient(135deg,#be3027 0,#9b0806 100%); text-align:center; font-size:16px; color:rgba(255,255,255,1); line-height:28px; padding:18px 0; margin-top: 3%;}
.footer b { padding:0 10px; display: none;}

.top { width:100%; margin:0 auto; overflow: hidden; text-align: center; background:url(../images/header.jpg) center center no-repeat; }


/*最新动态*/
.newslist { width:100%; float:left; margin-bottom: 55px; margin-top:30px; }
.newslist ul li { width:100%; font-size:16px; line-height:52px; overflow:hidden; height:52px; border-bottom:1px dashed rgba(0,0,0,.15); padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat; }
.newslist ul li span { float:right; color:rgba(0,0,0,.4); font-size:15px; }


@media screen and (max-width:800px){
.header { height:15rem; background-size:cover;}
.header .tit { width:100%; top:0.6rem; left:auto; margin-left:auto; margin-left:auto; margin-top:auto;  }
.header .tit img { width:70%; height:auto;}
    

     
#flagCanvas { width: 105%; height: 130px; bottom: -15px;} 

.warp { width:100%; float:left; padding:0 5%; }

.lm { margin:4% 0;   }
.lm img { width: 50%; height: auto; }
.lm05 { margin:4% 0;   }
.lm05 img { width: 100%; height: auto; }
    
.lm2 { display: block; text-align: center; }  
.lm2 { margin:4% 0;   }
.lm2 img { width: 90%; height: auto; }	
	
.lm3 { display: none;}

.left p { display: none;}
.right p { display: none;}
    
.tt { width:100%; margin:0 auto; overflow:hidden; padding:6% 0; }
.tt span {  width:100%; float:left; margin-bottom:0rem; font-size:1.5rem; line-height:2rem; font-weight:bold; }
.tt span b { padding:0 .6rem; line-height:1.9rem;  vertical-align:top;  font-size:1rem;  margin-top:.1rem; border-radius:3px; margin-right:.7rem; }



   
/*十年图说*/
.zchx { width:100%; height:20rem; position:relative; overflow:hidden; zoom:1; }
.zchx .hd { width:100%; position:absolute; left:0; bottom:0; top:auto; z-index: 5 }
.zchx .hd ul li{ width:6.2%; float:left; margin-right:1%; margin-bottom:0;  }
.zchx .hd ul li img { width:100%; height:1.5rem; border:1px solid #fff; cursor:pointer; vertical-align:bottom; transition:0.3s; -webkit-transition:0.3s;}
.zchx .hd ul li.on img { border-color:#be3027; }
.zchx .hd ul li:nth-child(3n) { margin-right:1%; }
.zchx .hd ul li:last-child { margin-right:0%; }
.zchx .bd { width:100%; height:100%; position:relative; overflow:hidden; zoom:1; top:0;left:0;z-index:1 }
.zchx .bd li { position:relative; zoom:1; vertical-align:middle; z-index:0;  height:18rem;}
.zchx .bd li img{ width:100%; height:18rem; vertical-align:bottom; }


 
/*滚*/
*{margin:0;padding:0;}
body{ background:none;}
input,button,select,textarea{outline:none;}
ul,li,dl,ol{list-style:none;}
a{color:#666; text-decoration:none;}
.warphong { width:95%; margin:0 auto; overflow:hidden; background-color: #fde0b4;}

.w1100 {width:90%; margin-left:5%; /*height: 40vh; overflow-y:scroll; */}

/* scrollDiv */
.scrollDiv {
	height: 900px;/* 必要元素 */
	line-height: 30px;
	overflow: hidden;/* 必要元素 */
}
.scrollDiv li { font-size: 18px; margin-top: 30px;}

.scrollDiv li h4{ font-size: 18px; font-weight:400; background-color: #dc9426; color: #ffffff; padding: 10px 20px; width: 80%; margin-bottom: 5px;}
.scrollDiv li h4 strong{ font-weight:1200;}
.scrollDiv li h5 { color:#fedfb1; line-height:28px; font-size:16px; font-weight: 400; padding: 20px 20px; background-color: #a20e0c;}   
.scrollDiv li a{ text-decoration: none; }


    
    
/*聚焦论坛 */
#player { width:auto; height:14rem; }
.article_player { width:100%; margin:0 auto;  }
    
 /*大咖说*/
.talk { margin-bottom: -3%; }
.talk ul li { width:100%; margin-right:0; height:13rem; margin-bottom:3%; }
.talk ul li:hover img { -webkit-transform:scale(1); transform:scale(1);}
.talk ul li span { padding:0 0 .7rem 0; }
.talk ul li span p { width:90%; margin-left:5%; font-size:.95rem; line-height:1.4rem; height: auto;  }

.talk ul li:nth-child(1) { width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%; }
.talk ul li:nth-child(2) {  width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%; }
.talk ul li:nth-child(3) {  width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%;}
.talk ul li:nth-child(4) { width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%;}
.talk ul li:nth-child(5) { width:100%; float:left; margin-right:0; height:14rem;margin-bottom:3.5%;}
.talk ul li em { width:50px; height:50px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-25px; margin-top:-25px; }
.talk ul li:hover em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }

    

.left{ width: 100%; margin-bottom: 5%;}
.right{ width: 100%;} 
    
    
/*现场直击*/
.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 0;}
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:14rem; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-wrapper img { width:100%; height:100%; }
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:6%; float:left; padding:3% 5%; max-width:90%; line-height:1.3rem; font-size:.95rem;  }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:32px; height:2.5rem; line-height:3rem; top:50%; margin-top:-1.7rem; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:2.5rem; font-size:1.5rem; color:#fff;  text-shadow:1px 1px 5px rgba(0,0,0,.5);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0;}
.hdpic .swiper-button-prev { left:0;}
	
.gg img{ width:100%;}
    
    
.footer { font-size:.8rem; line-height:1.4rem; padding:.75rem 5%; }
.footer b { width:100%; float:left;font-size:.8rem; display: none;}
    
    
.top { background:none; }
.top img { width: 100%; height: auto;}

.newslist { width:100%; float:left; margin-bottom: 6%; margin-top: 3%;  }
.newslist ul li { width:100%; font-size:1rem; line-height:1.5rem; overflow:auto; height:auto; border-bottom:1px dashed rgba(0,0,0,.15); padding: .6rem 0 .6rem 22px; background: url(../images/yuan.png) left .9rem no-repeat; }
.newslist ul li span { display:none;}
    
}