@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0;}
body{ font-size:14px; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; background:url(../images/banner.jpg) center top no-repeat; padding-top:846px;}


li{ list-style:none;}
a { color:#333; text-decoration:none;}
span { font-size:16px;}
a:hover {color: #d10303; text-decoration:none;}

.nav_back { width:100%; background:url(../images/nav.png) center top no-repeat; overflow:hidden;}
.nav { width:1280px; height:134px; margin:0 auto 80px; overflow:hidden;}
.nav li { width:182.8px; float:left; font-size:24px; line-height:134px; text-align:center;}
.nav li a { color:#e8dfc9;}


.main1_box { padding:20px 0;}
.main1 { width:1280px; margin:0 auto 80px; overflow:hidden; background-color:#ffffff;}
.main1 .left { width:800px; float:left; position:relative;}
.main1 .left span { width:780px; font-size:24px; line-height:40px; padding:15px 0 15px 20px; display:block; font-weight:normal; background-color:#fff; position:absolute; left:0; bottom:0; background:url(../images/meng.png) repeat;}
.main1 .left img { display:block;}
.main1 .left a { color:#fff;}
.main1 .right { width:400px; height:484px; float:left; padding:40px 40px 0; background-color:#560000;}
.main1 .right .title_box { font-size:24px; line-height:40px; padding-top:4px; margin-bottom:20px; border-bottom:solid 1px #e5e5e5; color:#ac1f18}
.main1 .right .img_box { overflow:hidden;}
.main1 .right b { width:400px; float:left; font-size:20px; line-height:34x; margin-bottom:15px; font-weight:normal;}
.main1 .right span { width:400px; float:left; font-size:16px; line-height:30px; display:block; color:#fff;}
.main1 .right .img_box { border-bottom:solid 1px #e5e5e5; margin-bottom:19px; padding-bottom:18px;}
.main1 .right .img_box:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0;}
.main1 .right b a { color:#fff;}
.main1 .right strong { width:400px; float:left; font-weight:normal; text-align:right; font-size:14px;}
.main1 .right strong a { color:#fff;}

.title1 { height:99px; margin-bottom:80px; background:url(../images/title1.jpg) center top no-repeat;}

.main2 { width:1280px; margin:0 auto 80px; overflow:hidden;}
.main2 ul { width:1400px;}
.main2 li { float:left; margin-right:40px; position:relative;}
.main2 li img { display:block;}
.main2 li span { width:600px; font-size:20px; line-height:40px; padding:15px 0 15px 20px; display:block; font-weight:normal; background-color:#fff; position:absolute; left:0; bottom:0; background:url(../images/meng.png) repeat;}
.main2 li a { color:#fff;}

.title2 { height:99px; margin-bottom:80px; background:url(../images/title2.jpg) center top no-repeat;}

.main3 { width:1280px; margin:0 auto 80px; overflow:hidden; background:url(../images/video_back.jpg) no-repeat;}
.main3 .left { width:800px; padding:40px 20px 40px 40px; float:left;}
.swiper-container { width:800px; position:relative; overflow:hidden;}
.swiper-container span { width:800px; line-height:60px; text-align:center; font-size:20px; background:url(../images/meng.png) repeat; display:block;}
.swiper-container span a { color:#fff; padding-bottom:4px;}
.swiper-pagination.s1 { color:#000; line-height:60px; font-size:20px;}
.main3 .right { width:385px; height:484px; float:left; padding:40px 0 0;}
.main3 .right .title_box { font-size:24px; line-height:40px; padding-top:4px; margin-bottom:20px; border-bottom:solid 1px #e5e5e5; color:#ac1f18}
.main3 .right .img_box { overflow:hidden;}
.main3 .right b { width:385px; float:left; font-size:20px; line-height:34x; margin-bottom:15px; font-weight:normal;}
.main3 .right span { width:385px; float:left; font-size:16px; line-height:30px; display:block; color:#fff;}
.main3 .right .img_box { border-bottom:solid 1px #e5e5e5; margin-bottom:19px; padding-bottom:18px;}
.main3 .right .img_box:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0;}
.main3 .right b a { color:#fff;}
.main3 .right strong { width:385px; float:left; font-weight:normal; text-align:right; font-size:14px;}
.main3 .right strong a { color:#fff;}

.title3 { height:99px; margin-bottom:80px; background:url(../images/title3.jpg) center top no-repeat;}

.img5 { overflow:hidden;}
.img5 img { float:left; margin-bottom:22px;}
.img5 b { width:480px; font-size:30px; font-weight:normal; line-height:36px; float:left; margin-left:60px; margin-top:40px; margin-bottom:40px;}
.img5 span { width:480px; font-size:16px; line-height:24px; float:left; margin-left:60px; margin-top:5px; color:#666;}
.photo3 { overflow:hidden;}
.photo3 ul { width:1360px;}
.photo3 li { width:416px; float:left; margin-right:16px; font-size:16px; line-height:24px;}
.photo3 li img { margin-bottom:10px;}
.photo3 li b { height:48px; font-size:16px; line-height:24px; font-weight:normal; display:block; padding-left:22px; background:url(../images/dian.jpg) left 7px no-repeat; border-bottom:dotted 1px #d2d2d2; padding-bottom:20px; margin-bottom:20px;}

.title4 { height:99px; margin-bottom:80px; background:url(../images/title4.jpg) center top no-repeat;}

.title5 { height:99px; margin-bottom:80px; background:url(../images/title5.jpg) center top no-repeat;}
.photo4 { float:left; width:864px;}
.photo4 ul { width:960px;}
.photo4 li { width:416px; float:left; margin-right:16px; font-size:16px; line-height:24px;}
.photo4 li img { margin-bottom:10px;}
.photo4 li b { height:48px; font-size:16px; line-height:24px; font-weight:normal; display:block; padding-left:22px; background:url(../images/dian.jpg) left 7px no-repeat; border-bottom:dotted 1px #d2d2d2; padding-bottom:16px; margin-bottom:16px;}

.photo5 { width:416px; float:left;}
.photo5 li { position:relative; margin-bottom:20px;}
.photo5 li img { display:block;}
.photo5 li span { width:396px; font-size:16px; line-height:24px; padding:5px 0 5px 20px; display:block; font-weight:normal; background-color:#fff; position:absolute; left:0; bottom:0; background:url(../images/meng.png) repeat;}
.photo5 li a { color:#fff;}

.title6 { height:99px; margin-bottom:80px; background:url(../images/title6.jpg) center top no-repeat;}

.main6 { width:80px; margin:0 auto 80px; overflow:hidden;}
.box4 { overflow:hidden; margin-bottom:10px;}
.left4 { width:374px; float:left; margin-top:0;}
.img6_1 { width:374px; overflow:hidden; position:relative; margin-bottom:8px; float:left;}
.img6_1 img { display:block;}
.img6_1 span { display:block; width:100%; height:40px; line-height:40px; background:url(../images/meng2.png) left bottom repeat-x; position:absolute; left:0; bottom: 0; font-size:16px; text-align:center;}
.img6_1 span a { color:#FFF;}
.left5 { width:906px; float:left; margin-top:0;}
.img6_2 { width:376px; overflow:hidden; position:relative; margin-bottom:8px; margin-left:8px; float:left;}
.img6_2 img { display:block;}
.img6_2 span { display:block; width:100%; height:40px; line-height:40px; background:url(../images/meng2.png) left bottom repeat-x; position:absolute; left:0; bottom: 0; font-size:16px; text-align:center;}
.img6_2 span a { color:#FFF;}
.img6_3 { width:514px; overflow:hidden; position:relative; margin-bottom:8px; margin-left:8px; float:left;}
.img6_3 img { display:block;}
.img6_3 span { display:block; width:100%; height:40px; line-height:40px; background:url(../images/meng2.png) left bottom repeat-x; position:absolute; left:0; bottom: 0; font-size:16px; text-align:center;}
.img6_3 span a { color:#FFF;}
.img6_4 { width:514px; overflow:hidden; position:relative; margin-bottom:8px; margin-left:8px; float:left;}
.img6_4 img { display:block;}
.img6_4 span { display:block; width:100%; height:40px; line-height:40px; background:url(../images/meng2.png) left bottom repeat-x; position:absolute; left:0; bottom: 0; font-size:16px; text-align:center;}
.img6_4 span a { color:#FFF;}
.img6_5 { width:376px; overflow:hidden; position:relative; margin-bottom:8px; margin-left:8px; float:left;}
.img6_5 img { display:block;}
.img6_5 span { display:block; width:100%; height:40px; line-height:40px; background:url(../images/meng2.png) left bottom repeat-x; position:absolute; left:0; bottom: 0; font-size:16px; text-align:center;}
.img6_5 span a { color:#FFF;}


.title7 { height:99px; margin-bottom:80px; background:url(../images/title7.jpg) center top no-repeat;}

.main { width:1280px; margin:0 auto 80px;}
.story_con{width:100%;border-radius:5px;display:flex;color:#fff;margin-bottom:18px}
.story_con img{width:auto;height:390px;max-width:none}
.story_con .img_scale{position:unset}
.story_height{width:120px}
.story_con .story_item{width:120px;position:relative;margin-left:-15px;border-radius:5px;overflow:hidden}
.story_con .story_item:first-child{margin-left:0}
.story_con .story_item .black{position:absolute;top:0;left:0;width:100%;height:390px;background:rgba(0,0,0,.6);border-radius:5px}
.story_con .story_item h3{position:absolute;top:0;left:0;width:105px;height:390px;writing-mode:vertical-rl;padding:25px 0;box-sizing:border-box;transition:all .4s;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;font-weight:300;opacity:1}
.story_con .story_item p{position:absolute;left:0;bottom:0;width:550px; font-size:16px;padding:10px 15px;box-sizing:border-box;background:linear-gradient(transparent, rgba(0, 0, 0, 0.6));display:none}
.story_con .story_item p a{color:#fff}
.story_con .story_item.story_cur{width:560px}
.story_con .story_item.story_cur h3{opacity:0}


.footer { width:100%; font-size:14px; background:url(../images/footer.jpg) center bottom no-repeat; padding-top:30px; padding-bottom:30px; overflow:hidden;}
.footer span{margin:0 13px; font-size:14px;}.footer p{margin-bottom:5px; text-align:center; font-size:14px; line-height:34px; color:#fff;}.footer p a{color:#fff;margin:0 13px}.footer .Icons{text-align:center;margin-top:40px}.footer .Icons img{width:auto;height:45px;margin:0 10px}.m_footer{display:none}.fixed{position:fixed;right:15px;bottom:30px;text-align:center;z-index:99;cursor:pointer}.fixed span{display:block;width:60px;height:60px;background-color:#ededed;border-radius:7px}.fixed #fix_wza{color:#999;font-size:14px}.fixed #fix_wza span{background-image:url("http://images.china.cn/images1/ch/2022ChinaIdex/content/img/wza.png");background-position:center;background-size:100% auto}.fixed .scroll_top{margin-top:10px;display:none}.fixed .scroll_top span{position:relative}.fixed .scroll_top span::before,.fixed .scroll_top span::after{content:"";width:4px;height:25px;background:#b4b4b4;position:absolute;top:17px;border-radius:5px}.fixed .scroll_top span::before{transform-origin:0 0;transform:rotateZ(45deg);left:30px}.fixed .scroll_top span::after{transform-origin:100% 0;transform:rotateZ(-45deg);right:30px}.fixed .scroll_top a{color:#999;font-size:14px}@media screen and (max-width: 1420px){body{min-width:1000px}.footer{margin-top:40px;font-size:12px;padding:30px 0}.footer .Icons{margin-top:30px}.footer .Icons img{height:40px;margin:0 8px}}@media screen and (max-width: 750px){body{min-width:100%}.footer{display:none}.m_footer{display:block;background:#0146ae;padding:.3rem .3rem .7rem;font-size:.3rem;color:#fff;line-height:1em;text-align:center}.m_footer .ft1{padding-bottom:.35rem;display:flex;justify-content:center;gap:.8rem}.m_footer .ft1 div{display:flex;align-items:center}.m_footer .ft1 div:nth-child(1) img{width:.46rem}.m_footer .ft1 div:nth-child(2) img{width:.3rem}.m_footer .ft1 div img{margin-right:.15rem}.m_footer p{padding-top:.35rem;border-top:.01rem solid rgba(255,255,255,.2)}.fixed{display:none !important}}


.list_box { width:1280px; margin:0 auto; background:url(../images/list_title.png) no-repeat #fff9ef;}
.list_box .list_title { padding-left:80px; font-size:24px; line-height:70px; color:#fff;}
.list_main { width:1124px; margin:0 auto; padding-top:50px; overflow:hidden;}
.list_main ul { border-bottom:solid 1px #eeeeee; overflow:hidden; padding-bottom:20px; margin-bottom:20px;}
.list_main li { width:800px; float:left;}
.list_main li b { font-size:18px; line-height:30px; display:block; margin-bottom:10px;}
.list_main li span { font-size:14px; line-height:26px; display:block; color:#333333;}
.list_main li img { float:left; margin-right:20px;}
.list_main li:nth-child(even) { width:160px; text-align:right; font-size:14px; line-height:26px; float:right; color:#333333;}

#autopage { color: #3c8fe1; height:30px; font-weight: bold; clear: both; padding-bottom:5px; padding-top:10px; margin-bottom:50px;}
#autopage span { color: #fff; font-weight:normal; background-color:#5f0908; padding: 7px 15px;}
#autopage a { color: #424242; font-weight:normal; border: 1px solid #f0f3fa; background-color:#f0f3fa; padding: 7px 15px;}
#autopage a:hover { color: #fff; font-weight:normal; border: 1px solid #5f0908; background-color:#5f0908; padding: 7px 15px; }

.list_text2 { width:1100px; margin:0 auto; padding-bottom:50px;}

#artBox { height: 1%; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; }
.artLink { line-height: 36px; clear: both; margin: 0px 20px; }
.font_change { text-align: right; height: 30px; overflow: hidden; margin: 0px auto; }
.artTitle { width:800px; text-align:center; font-family: "黑体"; font-size: 30px; line-height: 40px; text-align: center; padding:50px 0; margin: 10px auto; }
.artInfo { line-height: 30px; clear: both; width: 880px; margin: 0px auto 20px auto; padding-bottom: 10px; }
.artInfo a { margin: 0px 5px; }
.media_name { margin-right: 20px; }
.pub_date { margin-right: 15px; }
.artCon { width:800px; font-size: 16px; line-height: 180%; margin: 50px auto 0; color:#3f4655; }
.artCon img {max-width: 880px;}
#shareBox { display: inline; float: left; margin-left: 50px; }
.artLabel { font-size: 14px; display: inline; float: right; margin-right: 50px; }
.relatedBox { width: 978px; margin: 0px auto 10px auto; }
.relatedBox h2 { font-size: 14px; line-height: 30px; background: #F1F2F5; text-indent: 20px; }
.relatedBox ul { width: 860px; height: 1%; overflow: hidden; margin: 0px auto; padding: 20px 0px; }
.relatedBox ul li { line-height: 24px; background: url(http://images.china.cn/images1/ch/2012gq/art_3.gif) no-repeat left 8px; display: inline; float: left; width: 410px; padding-left: 20px; }
.font_14 { background: url(http://images.china.cn/images1/ch/2012gq/art_1.gif); display: inline-block; width: 50px; height: 30px; }
.font_14:hover { background: url(http://images.china.cn/images1/ch/2012gq/art_1_1.gif); }
.font_18 { background: url(http://images.china.cn/images1/ch/2012gq/art_2.gif); display: inline-block; width: 50px; height: 30px; }
.font_18:hover { background: url(http://images.china.cn/images1/ch/2012gq/art_2_1.gif); }
#dataBox { background: #F1F2F5; margin: 0px auto 20px auto; }
#dataBox td { font-weight: bold; font-size: 14px; line-height: 30px; background: #FFF; }
#dataBox .xs { font-weight: normal; text-indent: 10px; }
#editor_baidu { text-align:right; display:block;}