@charset 'gb2312';
* { margin: 0; padding:0;} 
html {width:100%; height:100%; margin:0px; padding:0;  -webkit-font-smoothing:antialiased;  background:url(../images/bj.jpg) center bottom no-repeat; background-size: cover;  background-attachment:fixed;}
body { width:100%; height:100%; }


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,em,i,b,span,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin: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; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:hover{ color:#c92b2e; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

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



.header { width:100%; margin:0 auto; height:100%; overflow:hidden;  z-index:99; position:relative;  background:url(../images/banner.png) center bottom no-repeat; background-size: cover;  }

.cl { clear: both;}

.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:35px}
.arrows path{stroke:#f74d03;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}


.mobtop { display: none; }

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



.nav {  text-align: center; background: linear-gradient(to right,rgba(5,30,137,0),rgba(5,30,137,.8),rgba(5,30,137,0)); margin: 0px 0; height: 60px;}
.nav ul { width:1200px; margin: 0 auto;}
.nav ul li { float: left; padding: 0 1.5%;  }
.nav ul li a { display: block; color:#fff; font-size:18px; font-weight: 700; overflow: hidden; line-height:60px; text-align:center; }
.nav ul li a:hover { background:linear-gradient(135deg,#2f70d2 0,#1454b4 100%); }

.slm { width:100%; float:left; line-height:45px; font-size:28px; font-weight:bold; color:#d50004; padding:0 0 0 0px; margin:20px 0; }


/*头条*/
.tt { width:100%; margin:0 auto; overflow:hidden; padding:3% 0;  }
.tt span {  width:100%; float:left; margin-bottom:10px; font-size:36px; line-height:50px; color:#333; font-weight:bold; text-align:center; }
.tt span b { display:inline-block; background:linear-gradient(135deg,#f74d03 0,#fecb2d 100%); padding:0 15px; line-height:40px;  vertical-align:top;  font-size:22px; color:#fff; margin-top:5px; border-radius:3px; margin-right:13px; }
.tt p { width:100%;  font-size:16px; color:#999; float:left; font-weight:normal; line-height:30px;  text-align:center; }

.news01 { width: 100%; float: left; margin-bottom: 3%; }
.news01 ul li {width:49%; float:left; padding:1% 2%; margin:0 2% 20px 0; box-shadow: 0px 0px 6px rgba(0,122,255,0); background: #fff; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; border-radius: 10px;  }
.news01 ul li:nth-child(2n) { margin-right:0; }
.news01 ul li h3 { width:35%; height:84px; overflow:hidden; float:left; margin-right:3%; border-radius:0px; }
.news01 ul li h3 .img { overflow:hidden; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size: cover; -webkit-transition: transform 2s;transition: transform 2s;}
.news01 ul li h2 { height:84px; overflow: hidden;  display:flex; align-items:center; padding-left:10px;}
.news01 ul li h2 span { width: 100%; overflow: hidden;float: left; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:20px; line-height: 32px; color: #333;}
.news01 ul li:hover { background:#f8f8f8; }
.news01 ul li:hover h2 span { color: #0d4cd2; }
.news01 ul li:hover h3 .img {-webkit-transform: scale(1.1);transform: scale(1.1);}


.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:auto; 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:15px 30px; max-width:80%; background: linear-gradient(135deg, #ea2d1a 0, #c10c19 100%); line-height:30px; font-size:22px; color:#fff; text-align: left; width: auto; }
.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;}


.st { width:100%; float: left;}
.st ul li { width:32%; float:left; margin-right:2%; margin-bottom:25px; }
.st ul li h3 { width:100%; height:210px; position:relative;  }
.st ul li h3 img { width:100%; height:100%; }
.st ul li h3 b { display: none; position:absolute; left:0; bottom:0; background:linear-gradient(135deg,#299b92 0,#2c6da8 100%);color:#fff; font-size:14px; line-height:36px; padding:0 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9;  }
.st ul li h4 { width:100%; float:left;  background:rgba(255,255,255,.8);  padding:12px 5%; }
.st ul li h4 p { font-size:16px; line-height:22px; color:rgba(0,0,0,.8);  text-align: center; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.st ul li:nth-child(3n) { margin-right:0;}
.st ul li:hover h4 { color:#e84335; }

.w48 { width: 100%;}
.scpt { width:100%;float: left;  background:rgba(197,163,124,.2); padding:24px 50px 50px;  }
dl { width:100%; margin:22px 0; overflow:hidden; font-size:15px; color:#333; line-height:30px;  }
.div1 { width: 49%; margin-right: 2%; float: left;}
.div4 { width: 100%; float: left;}
.div5 { width: 100%; float: left;}
.div1:nth-child(2n) { margin-right:0;}
.scpt label { width:100%; line-height: 1.8em; display: block; padding-top: 15px;}
.scpt label b { color:#c92b2e; margin-right: 5px; font-size: 18px; }
.div1 input { width:100%; }

#quyu{ border:1px solid rgba(197,163,124,.6); background:#fff; color:#666; font-size:16px; line-height:40px; height:40px; text-indent:.8rem; border-radius:5px; width: 100%; }

input { border:1px solid rgba(197,163,124,.6); background:#fff; color:#666; font-size:16px; line-height:40px; height:40px; width:99%;text-indent:.8rem; border-radius:5px; }
.textarea { border:1px solid rgba(197,163,124,.6); background:#fff; color:#666; font-size:16px; line-height:40px; height:240px; text-indent:.8rem; border-radius:5px; width: 100%; }
input#fujian { text-indent:0rem; border:0; }
select { border:1px solid #dfdfdf; background:#fff; color:#666; font-size:16px; line-height:40px; height:40px; width:99%;  text-indent:.8rem;  }
.input2 { border:1px solid #dfdfdf; background:#fff; color:#666; font-size:16px; line-height:40px; height:40px; width:30%; text-indent:.8rem; border-radius:5px; margin-right: 10px; }
.bot { width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background:linear-gradient(to left, #c92b2e, #e0492e);  font-size:18px;  cursor:pointer; text-indent:0; border-radius: 15px 3px 15px 3px; border:0; margin-top: 25px;}

.scpt .div5 label { width:8rem; float: left; }
.scpt .div5 input { width: 50%; float: left; margin-top: 10px;}
.div2 { width: 100%;}
.div2 input {font-size:16px; line-height:20px; height:20px; float: left; width: 40px; margin-top: 3px;}
.div2 font a { color: #e0492e}
.div6 { width: 100%; float: left;}
.scpt .div6 label { width:8rem; float: left; }
.scpt .div6 input { width: 22%; float: left; margin-top: 10px;}
.scpt .div6 img { margin-top: 10px;}
.scpt .div6 #kanbuq { line-height:55px;  margin-left: 10px; }
.scpt span { font-size:12px; }

.more { float:right; margin-bottom:20px; }
.more a { display:inline-block; font-size:14px; color:#fff; border-radius: 5px;   background:linear-gradient(135deg,#f74d03 0,#fecb2d 100%); padding:0 12px 0 13px; line-height:36px; }
.more a:hover { color:#fff; background:#c00; }


.bg1 { padding: 3% 0;}
.bg2 { background: #1454b4; padding: 3% 0;}

.imghover img {-webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.imghover:hover img{ -webkit-transform:scale(1.02); -moz-transform:scale(1.02); -ms-transform:scale(1.02); -o-transform:scale(1.02); transform:scale(1.02); }



.footer { width: 100%; margin-top: 5%; float:left; color:#fff; line-height:30px; font-size:15px; text-align: center; padding:14px 0;   background:linear-gradient(135deg,#f74d03 0,#fecb2d 100%); }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }
.mtbd { width:100%; }
    .mtbd h2 { font-size: 46px; line-height: 3em; font-weight:bold; color: #dff9ff; text-align: center; }
    .mtbd ul { overflow: hidden;}
.mtbd ul li { width:49%; float:left; margin-right:2%; margin-bottom:2%; box-shadow: 0px 0px 10px #13876b29;  }
.mtbd ul li h3 { width:30%; float: left; height:120px; position:relative;  }
.mtbd ul li h3 img { width:100%; height:100%; }
.mtbd ul li h3 b { position:absolute; left:0; bottom:0; background: linear-gradient(135deg, #13876b 1%, #0e7e72 100%);color:#fff; font-size:14px; line-height:22px; padding:5px 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9;  }
.mtbd ul li h4 { width:70%; height:120px; float:left;  background:rgba(255,255,255,.8);  padding:12px 5%; }
.mtbd ul li h4 p { font-size:18px; line-height:22px; color:rgba(0,0,0,.8); font-weight: bold; }
.mtbd ul li:nth-child(2n) { margin-right:0;}
.mtbd ul li:hover h4 { color:#e84335; }


.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;}
.popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 30px;border-radius:8px;text-align:center;min-width:300px;}
.popup-content .close-btn{position:absolute;top:5px;right:12px;font-size:22px;cursor:pointer;color:#999;line-height:1;}
.popup-content .col-lg-5{display:inline-block;margin:5px;vertical-align:middle;}
.popup-content .text{height:35px;width:120px;border:1px solid #ccc;border-radius:4px;padding:0 8px;vertical-align:middle;}
.popup-content img{vertical-align:middle;cursor:pointer;margin-left:5px;}
.popup-content #captchaok{height:35px;padding:0 20px;cursor:pointer;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;}

.padb100 { padding-bottom:90px;}

@media screen and (max-width: 1024px) {


html {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/mobbj.jpg) center bottom no-repeat; background-size: cover;  background-attachment:fixed;*/ }
body { width:100%; height:100%; }

	
	
.header { height:auto;  }
.donghua { display: none; }
.mobtop { display: block; width: 100%; float: left;  }
.mobtop img { width: 100%; height:auto; }
	
.nav { display: none; }
.arrows { display: none;}
	
.warp { width:100%;  padding:0 5%;}


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


.w54 { width:100%;}
.w43 { width:100%;}


/*焦点图*/
.focus { width:100%; height:13rem; position:relative; overflow:hidden; margin-bottom:2%; }
.focus .piclist { width:100%; position:absolute; }
.focus .piclist li { width:100%; float:left; height:13rem; overflow:hidden; }
.focus .piclist li img { width:100%; height:13rem; display:block; }
.focus .piclist li span { width:340px; height:4rem;  background:none; }
.focus .piclist li p { height:2rem; overflow:hidden; width:90%; float:left; margin-left:5%; font-size:1.1rem; line-height:1.5rem; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,1);}
.focus .pager { width:100%; height:10px; position:absolute; left:0; bottom:1.2rem; z-index:1; text-align:center;}
.focus .prev,.focus .next { width:2rem; height:3rem; top:50%; margin-top:-1.8rem;  line-height:3rem; font-size:2rem;  }
.focus .prev { left:5px; }
.focus .next { right:5px; }


/*最新动态*/
.news { margin-top:0;}
.news ul li { width:100%; font-size:.95rem; line-height:2.8rem; height:2.8rem;  padding: 0 0 0 22px; }


.more { float:right; margin-top:5%; }
.more a { display:inline-block; font-size:.85rem; padding:0 12px 0 13px; line-height:2rem; }

.lm { width:100%; float:left; padding: 3% 0;  }
.lm img { width:100%; height:auto; margin-left: 3%;}
	
.amn6 {transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn6:hover { -webkit-transform: translateX(0px);transform:translateX(0px);}
.amn5 {transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn5:hover { -webkit-transform: translateY(0px);transform:translateY(0px);}
	
/*头条*/
.tt { width:100%; float:left;  margin-bottom: -3%;  }
.tt ul li { margin:0 0 3% 0;  }
.tt ul li h3 { float:left; width:100%; height:12rem;  margin-top: 0; padding:0 0 0 0; }
.tt ul li h3 img { width:100%; height:100%; display:block;}
.tt ul li h2 { float: right; width:100%; padding:3.5% 5%; }
.tt ul li h2 span { line-height:1.5rem; font-size:1rem ;font-weight: 600; -webkit-line-clamp:3; }
.tt ul li h2 p { line-height:1.3rem; font-size:.8rem; margin-top:2%;  -webkit-line-clamp:4; }
.tt ul li h2 font { display: none; }

	.fykp ul li { width: 100%; margin-right: 0%;}
	.fykp ul li h4 span { font-size: 1rem; line-height: 1.6rem;display: -webkit-box; -webkit-line-clamp: 3; text-align: left;}
	.fykp ul li h4 p { display: none;}
	.fykp ul li h5 { width: 45%;}
	.fykp ul li h4 { width: 50%;}
	
	.plwz ul li { width: 100%; margin-right: 0%;}
	
	.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 5%;}
.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:1rem;   }
.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;}
	

/*澎湃正能量*/
.st { width:100%; float:left; margin-top: 0%; margin-bottom:-3%; }
.st ul li { width:100%; margin-right:0; margin-bottom:3%; }
.st ul li h3 { width:100%; height:12rem; position:relative;  }
.st ul li h3 b { font-size:.9rem; line-height:2rem; padding:0 1rem;  }
.st ul li h4 { padding:.6rem 1rem .7rem 1rem ; background:rgba(255,255,255,.9);}
.st ul li h4 p {  font-size:1rem; line-height:1.6rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; text-align: left;  } 
.st ul li:nth-child(2n) { float: right;}
.st ul li:hover h4 { color:rgba(0,0,0,.8); }
	

/*我的家乡范*/
#rw { margin-top: 0%;}
#rw ul li { width:14rem; margin-right:20px; } 
#rw ul li h2 { width:100%; float:left;}
#rw ul li h2 img { height:20rem; }
#rw ul li h3 { background:#fff; padding:.8rem 6% .6rem 6%;}
#rw ul li h3 span { font-size:1rem; line-height:1.5rem;  }
#rw ul li h3 p { width:100%; float:left; font-size:.8rem; line-height:1.5rem; margin-top: 5px; }
#rw ul li:hover img { filter:alpha(opacity=85); opacity:0.85; }


/*文化新潮流*/
.fz { margin-top:0; }
.fz ul li { width:48.75%; height:7rem; margin-right:0; float: left;  }
.fz ul li h4 span { padding:0 6% .6rem 6%; }
.fz ul li h4 span p { font-size:1rem; text-align:left; line-height:1.4rem; font-weight:normal;   overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	
.fz ul li:nth-child(1) { width:100%; float:left; height:13rem; margin-right:0;}
.fz ul li:nth-child(1) h4 span { padding:0 6% .8rem 6%; }
.fz ul li:nth-child(1) h4 span p { font-size:1rem;  line-height:1.5rem; }
.fz ul li:nth-child(3) { float:right;} 
.fz ul li:nth-child(5) { float:right;} 
.fz ul li h4 span p font { display: none; }

.padb100 { padding-bottom:4%;}

.vdlist { width:100%; float:left;  }
.vdlist ul li { width:43vw; float:left; margin-right:0;  margin-bottom:4%; height:7rem; }
.vdlist ul li span { font-size:1rem; line-height:1.5rem; padding:.5rem 8%; }
.vdlist ul li span i { width:22px; height:22px; float: left; margin-right:8px;  }
.vdlist ul li:nth-child(2n) { float:right;  }
.vdlist ul li:nth-child(3n) {  margin-right:0; }
.vdlist ul li a { width: 100%; height: 100%; display: block; }

	

.mtbd h2 { font-size: 1.5rem; line-height: 3rem;  }
.mtbd ul li { width:100%; }
.mtbd ul li h3 { width:100%; height: 9rem;  }
.mtbd ul li h4 { width:100%; height: 3rem; padding:.0rem 5%;  }
.mtbd ul li h4 p {font-size:1rem; line-height:1.5rem;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;overflow: hidden;}
    .scpt { padding: 3%;}
    .scpt .div6 label {    width: 5rem;}
    .scpt .div6 #kanbuq {padding-left:5rem;display: block;line-height:24px;}
    .bot { width: 100%;}
    .scpt .div5 input { width: 100%;}
    .div1 { width: 100%; margin-right: 0%;}
    .slm { font-size: 1.5rem; line-height: 2rem;}

.footer { width: 100%; float:left;  line-height:1.5rem; font-size:.95rem; padding:.6rem 0; }
.footer font { display: none; }

 }