@charset "utf-8";
body { font-family:微软雅黑;}
a { text-decoration: none; color:#3f3f3f;}
a:hover { text-decoration: underline; }
.banner {
  background: url(http://images.china.cn/images1/ch/20260903/1.jpg) top center no-repeat, linear-gradient(to right, #ea2b2e, #f8765b);
   overflow: hidden; zoom: 1;}
.head { height:890px;}
.news { width:1180px; margin:0 auto; background:#fff; padding:60px 30px 20px 30px; overflow: hidden; zoom: 1;}
.news h1 { font-size:40px; line-height:120%; color:#000; text-align:center; padding-bottom:20px; width:100%; clear:both;}
.news h1 a { color:#000;}
.news h2 { font-size:18px; line-height:36px; color:#3f3f3f; width:100%; clear:both; font-weight:normal; padding-bottom:40px; text-align:center;}
.news h2 a { color:#3f3f3f;}
.news-l { width:745px; float:left; overflow: hidden; zoom: 1;}
.news-r { width:405px; float:right; overflow: hidden; zoom: 1;}
.a-pic { width:745px;}
.a-pic .swiper-slide img { width:745px; height:420px; border-radius:5px;}
.a-pic .swiper-button-prev, .ZZZ .swiper-button-prev { width:35px; height:61px; background:url(http://images.china.cn/images1/ch/2022ChinaIdex/img/btn_left.png); left:0; top:calc((100% - 61px)/2);}
.a-pic .swiper-button-next, .ZZZ .swiper-button-next { width:35px; height:61px; background:url(http://images.china.cn/images1/ch/2022ChinaIdex/img/btn_right.png); right:0; top:calc((100% - 61px)/2);}
.a-pic .swiper-button-prev:after, .a-pic .swiper-button-next:after, .ZZZ .swiper-button-prev:after, .ZZZ .swiper-button-next:after { content: '';}
.a-pic .swiper-slide p { padding:10px 0; font-size:16px;}
.a-pic .swiper-pagination { text-align:right; color:#ccc; padding-right: 15px; width: 730px;}
.a-pic .swiper-pagination-current { color:#ff2626; font-size:18px; font-weight:bold;}
.a-pic .swiper-pagination-total { display:none;}
.news-r-d { width:385px; height:76px; border-bottom: 1px solid #c9ae7e; display: flex; align-items: center; font-size:18px; line-height:120%; position:relative; padding:0 10px;}
.news-r-d:nth-child(2n+6) { border-bottom: none;}
.news-r-d::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #c9ae7e;
    margin-right: 14px;
    flex-shrink: 0;
}
.news-r-d a:hover { color:#c9ae7e;}

.opinion { width:1200px; margin:50px auto; overflow: hidden; zoom: 1; z-index:2; position:relative;}
.opinion-d { width:585px; overflow: hidden; zoom: 1;}
.opinion-d h1 { font-size:28px; font-weight:bold; line-height:120%; color:#fff; background: url(http://images.china.cn/images1/ch/20260903/2.jpg) repeat-x bottom #d20001; padding:5px 20px 10px 20px; display: inline-block; border-top-left-radius:15px; border-top-right-radius:15px;}
.opinion-d h1 a { color:#fff;}
.opinion-d-p { width:585px; height:325px; overflow:hidden; margin:30px 0; position:relative; border-radius:5px;}
.opinion-d-p img { width:585px; height:325px;}
.opinion-d-p p { padding:15px 10px; font-size:16px; line-height:120%; color:#fff; position:absolute; left:0; bottom:0; width:565px; background:linear-gradient(transparent 5%, rgb(0, 0, 0));}
.opinion-d-p p a { color:#fff;}
.opinion-d li { font-size:18px; line-height:120%; padding-bottom:20px; position:relative; display:flex;}
.opinion-d li::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #CCC;
    margin: 7px 10px 0 0;
    flex-shrink: 0;
}
.map { width:1200px; margin:auto; overflow: hidden; zoom: 1; z-index:2; position:relative;}
.map h1 { width:100%; padding-bottom:30px;}

.photo { width:100%; margin:50px auto; overflow: hidden; zoom: 1; background:url(http://images.china.cn/images1/ch/20260903/5.jpg) center 250px no-repeat;}
.photo h1 { width:1200px; margin:auto;}
.photo-a { width:1200px; margin:100px auto 55px auto; height:375px; overflow:hidden; display:none;}
.photo-a dt { width:665px; float:left;}
.photo-a dt img { width:665px; height:375px;}
.photo-a dd { width:425px; float:left; margin-left:70px; font-size:20px; line-height:210%; color:#343131;}
.photo-a dd h1 { font-size:30px; line-height:120%; padding:35px 0 20px 0; width:100%}
.photo-a dd h1 a { color:#2a267;}
.photo-b { width:1200px; margin:auto; height:215px; overflow:visible !important;}
.photo-b .swiper-slide { width:380px;}
.photo-b .swiper-slide img { width:380px; height:215px; cursor:pointer;}
.AP span { display:none;}
.photo-w { width:1340px; margin:0 auto 80px auto; height:215px; position:relative; overflow:hidden;}
.photo-w .swiper-button-prev { width:70px; height:215px; background:url(http://images.china.cn/images1/ch/20260903/10.jpg); left:-70px; top:22px;}
.photo-w .swiper-button-next { width:70px; height:215px; background:url(http://images.china.cn/images1/ch/20260903/9.jpg); right:-70px; top:22px;}
.photo-w .swiper-button-prev:after, .photo-w .swiper-button-next:after { content: '';}

.foot { width:100%; text-align:center; font-size:16px; font-weight:bold; color:#fff; padding:30px 0 50px 0; background:#df2729;}


.AA { width:1200px; height:600px; margin:auto; background:url(http://images.china.cn/images1/ch/20260705/0702-01.jpg) left center repeat-x; overflow:visible !important;}
.AA .swiper-slide { width:520px;}
.bb10 { position:relative; width:520px; height:600px;}
.cc10 { position:absolute; width:405px; zoom: 1; border-right:solid 2px #eaeaea; background:#f7f8fb; border-left:solid 3px #fa152f;}
.dd1 { font-size:16px; color:#fff; background:#c7a670; width:auto; padding: 5px 0 5px 10px; line-height:26px; float:left;}
.dd2 { background:#c7a670; width:10px; float:left; height:36px;}
.cc10 h2 { clear:both; font-size:14px; font-weight:normal; padding:10px 0 20px 20px; }
.dd { opacity:.6; max-height:180px; overflow-y: auto; margin-left:-6px;}
.dd:hover { opacity:1;}
.dd h1 { position:relative;}
.AA p { position:absolute; width:177px; height:46px; background:url(http://images.china.cn/images1/ch/20260705/0702-02.png) no-repeat; z-index:2; font-size:30px; color:#fff; line-height:46px; font-weight:bold; padding-left:40px;}
.cc10:nth-child(odd) p {
  bottom:-25px; left:0px;
}
.cc10:nth-child(odd) {
  bottom:330px; left:30px; padding-bottom:50px; padding-top:20px; border-bottom: solid 2px #eaeaea;
}
.cc10:nth-child(even) {
  top:340px; left:290px; padding-top:50px; padding-bottom:20px; border-top: solid 2px #eaeaea;
}
.cc10:nth-child(even) p {
  top:-25px; left:0px;
}
.all { width:1380px; height:600px; position:relative; margin:40px auto 0 auto; overflow:hidden;}
.ee { width: 10px;
    height: 10px;
    border: solid 5px #fa152f;
    border-radius: 50%;
    position: absolute;
    }
.cc10:nth-child(even) .ee { top: -52px; left: -12px;}
.cc10:nth-child(odd) .ee { bottom: -42px; left: -12px;}	
.ff { width:3px; height:100px; background:#fa152f; position:absolute;}
.cc10:nth-child(odd) .ff { bottom: -25px; left: -3px;}
.cc10:nth-child(even) .ff { top:-32px; left: -3px;}
.zz { position:absolute; top: 32px; left: -6px;}

.ww { width: 10px;
    height: 10px; background:#fa152f;
    border-radius: 50%; float:left; margin:10px 10px 0 0;
    }
.tt { display:none;}

.cc10:nth-child(odd) .qqq {
    position: absolute;
    top: -9px;
    left: -3px;
    border-top: solid 2px #eaeaea;
    border-left: solid 2px #eaeaea;
    border-right: solid 2px #eaeaea;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 37px;
    background: #f7f8fb;
    width: 406px;
}

.cc10:nth-child(even) .qqq {
    position: absolute;
    bottom: -9px;
    left: -3px;
    border-bottom: solid 2px #eaeaea;
    border-left: solid 3px #eaeaea;
    border-right: solid 2px #eaeaea;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 26px;
    background: #f7f8fb;
    width: 405px;
}
.shiji { width:1200px; margin:0 auto 20px auto}
.shiji-all { width:100%; height:689px; overflow: hidden; background: url(http://images.china.cn/images1/ch/20260903/12.jpg) top center no-repeat;}
.AA .swiper-button-prev { width:90px; height:660px; top:6px; left:-95px; background: url(http://images.china.cn/images1/ch/20260903/13.jpg);}
.AA .swiper-button-next { width:90px; height:660px; top:-17px; right:-112px; background: url(http://images.china.cn/images1/ch/20260903/14.jpg);}
.AA .swiper-button-prev:after, .AA .swiper-button-next:after { content: '';}
.zd { width:calc((100% - 61px)/2); position:absolute; background:#fff; height:500px; top:1360px; left:0;}
.zr { width:calc((100% - 61px)/2); position:absolute; background:#fff; height:500px; top:1360px; right:0;}
.shuzi { color:#CCC; position:absolute; right:0; bottom:10px; font-size:16px;}


@media screen and (max-width: 750px) {
  .head, .zd, .zr, .a-pic .swiper-pagination, .shuzi { display:none;}
  .banner { width:95%; margin:auto; background:none;} 
  .news { width:95%; padding: 20px 0px 20px 0px;}
  .news-l, .news-r { width: 100%; float: none;}
  .a-pic, .a-pic .swiper-slide { width:100% !important; }
  .a-pic .swiper-slide img { width:100%; height:auto;}
  .a-pic .swiper-slide p, .photo-a dt, .photo h1 { width:100%}
  .news-r-d { width:100%; padding:0 }
  .opinion { width:95%; margin: 0px auto 50px auto;}
  .fr { margin-top:20px;}
  .opinion-d, .opinion-d img, .opinion-d-p, .photo-a dt img, .photo-b, .photo-b .swiper-slide img { width:100%; height:auto;}
  .opinion-d-p p {padding: 15px 5%; width:90%}
  .map { width:95%}
  .photo { width: 95%; margin: 60px auto 30px auto; background:none; }
  .photo-a { width: 100%; margin: 20px auto 0 auto; height: auto; background-color: #fdf0df;}
  .photo-a dd {width: 90%;margin-left: 0;padding: 0 5%;}
  .photo-w {width: 100%;padding: 20px 0 40px 0;height: auto; background-color: #fdf0df; margin: 0 auto 40px auto;}
  .photo-w .swiper-button-prev { 
    width: 20px;
    height: 100%;
    background: url(http://images.china.cn/images1/ch/2022ChinaIdex/img/btn_left.png) center / auto 100% no-repeat;
    left: 0;
    top: 22px;
    background-size: contain;}
   .photo-w .swiper-button-next {
    width: 20px;
    height: 100%;
    background: url(http://images.china.cn/images1/ch/2022ChinaIdex/img/btn_right.png) center / auto 100% no-repeat;
    right: 0px;
    top: 22px;
    background-size: contain;}	
	.shiji {width: 95%;margin: 0 auto 20px auto;}
	.shiji-all { width:95%; margin:auto; background:none; background-color:#fdf0df; padding-top: 20px;}
	.AA .swiper-button-prev { display:none}
	.cc10:nth-child(odd), .cc10:nth-child(even) { left:15px;}
	.cc10 { width:90%}
	.all { width:100%; margin:0 auto; overflow-y: auto; } 
	.AA { width:100%; background:none;}
	.AA .swiper-wrapper { display:block !important;} 
	.AA .swiper-slide, .cc10:nth-child(odd) .qqq, .cc10:nth-child(even) .qqq { width:100%}
	.ee { width: 0px; border: none;}
	
	.dd { height:180px;}
	.AA .swiper-wrapper > .swiper-slide:last-child { height:0px;}
	.cc10:nth-child(odd) { bottom:300px;}
	.cc10:nth-child(odd) p { top:-35px;}
	.cc10:nth-child(odd) .ff { top:-12px;}
	.cc10:nth-child(even) .ff { top:0px;}
	
	
	.top-m {
      width: 100%;
      position: absolute;
      height: auto;
     
    }

    .nav-m-a {
      width: 100%;
      top: 0;
      left: 0;
      
      z-index: 100;
    }

    .hov1 {
      border-bottom: solid 1px #CCC;
      background: #FFF;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    

    .logo {
      float: left;
      padding: .8rem 0 0 1.4rem;
      width: 3.16rem;
     
    }
	
	.dh { float:right; margin: 0 20px 0 0;}
    .dhdh { height:100vh; background-color:#ac343b;  top: 0; left: 0; position: fixed; z-index: 200; width:100%; display:none; }
    .dhdh1 { width:90%; margin:auto; font-size:24px; color:#fff; text-align:right; line-height:36px;}
	.dh100 { width: 20px;
    height: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 15px 10px 0 0; }
	
	.dh100 span { width: 100%;
    height: 2px;
    background: #b41514;
    }
	
	
	.kl-1 { width:100%; overflow: hidden; zoom: 1; background:#f43f44;}
	.kl-1-l { float: left;
    padding: .8rem 0 0 1.4rem;
    width: 7.16rem;}
	.kl-1-r { float:right; font-size: 3rem; padding-right: 1.4rem; color:#ac343b;}
	.kl-2 { width:100%; overflow: hidden; zoom: 1;}
	.kl-2 li { padding: 1.5rem 0 1.5rem 1.6rem;
    border-bottom: solid 1px #CCC;
    font-size: 1.4rem;}
	.kl-2 li a { color:#fff;}
	
}
@media screen and (min-width: 751px) {
.top-m, .dhdh, .ban-m { display:none;}	
}