* { font-family: Georgia; }
/*banner*/
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
/*导航*/
.menu_box { width: 100%; height: 46px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b21414+0,bd1115+13,dc0917+33,fc0018+49,ee0e10+100 */ background: #b21414; /* Old browsers */ background: -moz-linear-gradient(left, #b21414 0%, #bd1115 13%, #dc0917 33%, #fc0018 49%, #ee0e10 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #b21414 0%, #bd1115 13%, #dc0917 33%, #fc0018 49%, #ee0e10 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #b21414 0%, #bd1115 13%, #dc0917 33%, #fc0018 49%, #ee0e10 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21414', endColorstr='#ee0e10', GradientType=1 ); /* IE6-9 */
overflow: auto; }
.menu_list { width: 550%; list-style: none; overflow: hidden; }
.menu_list li { float: left; font-size: 1.4rem; line-height: 46px; text-align: center; color: #fff; padding: 0 20px; }
.menu_list li a { color: #fff; }
.menu_list li.on a { color: #ffea00; }
/*聚焦*/
.jj_tit { width: 90%; height: auto; margin: 0 auto; font-size: 1.2rem; margin-top: 20px; color: #d70016; font-weight: bold; line-height: 25px; }
.jj_tit a { color: #d70016; font-weight: bold; }
.top_box { width: 100%; height: auto; margin-top: 20px; }
.top_box img { width: 100%; height: auto; }
.top_box .tit { padding: 5px 0; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#900900+0,a80a00+12,a80a00+12,a80a00+12,ba0b00+30,c50c00+50,ac0b00+70,ac0b00+99 */ background: #900900; /* Old browsers */ background: -moz-linear-gradient(left, #900900 0%, #a80a00 12%, #a80a00 12%, #a80a00 12%, #ba0b00 30%, #c50c00 50%, #ac0b00 70%, #ac0b00 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #900900 0%, #a80a00 12%, #a80a00 12%, #a80a00 12%, #ba0b00 30%, #c50c00 50%, #ac0b00 70%, #ac0b00 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #900900 0%, #a80a00 12%, #a80a00 12%, #a80a00 12%, #ba0b00 30%, #c50c00 50%, #ac0b00 70%, #ac0b00 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900900', endColorstr='#ac0b00', GradientType=1 ); /* IE6-9 */
}
.top_box .tit p { width: 90%; margin: 0 auto; font-size: 1rem; color: #fff; line-height: 25px; color: #fff; }
.top_box .tit p a { color: #fff; }
.jj_list { width: 94%; height: auto; margin: 0 auto; }
.jj_list li { font-size: 1rem; color: #000204; line-height: 25px; padding: 20px 0; background: url(http://www.newsimg.cn/english/special/19cpcnc/mobile/images/doc.jpg) no-repeat left 26px; padding-left: 20px; }
.jj_list li a { color: #000204; }
.jj_list li + li { border-top: 1px dashed #cecccc; }

.focusBox3 { width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 15px; }
.focusBox3 .swiper-wrapper .swiper-slide img { width: 100%; height: auto; }
.focusBox3 .swiper-wrapper .swiper-slide .title {padding: 5px 2%; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#900900+0,a80a00+12,a80a00+12,a80a00+12,ba0b00+30,c50c00+50,ac0b00+70,ac0b00+99 */ background: #900900; /* Old browsers */ background: -moz-linear-gradient(left, #900900 0%, #a80a00 12%, #a80a00 12%, #a80a00 12%, #ba0b00 30%, #c50c00 50%, #ac0b00 70%, #ac0b00 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #900900 0%, #a80a00 12%, #a80a00 12%, #a80a00 12%, #ba0b00 30%, #c50c00 50%, #ac0b00 70%, #ac0b00 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #900900 0%, #a80a00 12%, #a80a00 12%, #a80a00 12%, #ba0b00 30%, #c50c00 50%, #ac0b00 70%, #ac0b00 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900900', endColorstr='#ac0b00', GradientType=1 ); /* IE6-9 */ }
.focusBox3 .swiper-wrapper .swiper-slide .title a { color: #fff; }
.focusBox3 .swiper-wrapper .swiper-slide .title p { width: 90%; margin: 0 auto; font-size: 1rem; color: #fff; line-height: 25px; color: #fff; }
.focusBox3 .swiper-wrapper .swiper-slide .title p a { color: #fff; }
.focusBox3 .swiper-pagination { text-align: right; }
.focusBox3.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px; }
.focusBox3 .swiper-pagination-bullet { border-radius: 0; background: #000; }
.focusBox3 .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

/*Top CPC Leadership*/
.leadership_box { width: 100%; height: auto; background: url(http://www.newsimg.cn/english/special/19cpcnc/mobile/images/leadership_bj.png) no-repeat; background-size: 100%; overflow: hidden; }
.dh { width: 100%; height: auto; margin-top: 10px; }
.dh img { width: 100%; height: auto; }
.leader { width: 25%; height: auto; margin: 0 auto; margin-top: 20px; }
.leader img { width: 100%; height: auto; }
.leader p { font-size: 0.8rem; color: #000; font-weight: bold; text-align: center; margin-top: 5px; }
.leader p a { color: #000; font-weight: bold; }
.leader_list { width: 80%; height: auto; list-style: none; margin: 0 auto; margin-top: 10px; overflow: hidden; margin-bottom:10px; }
.leader_list li { float: left; width: 28%; height: auto; }
.leader_list li + li { margin-left: 8%; }
.leader_list li img { width: 100%; height: auto; }
.leader_list li p { font-size: 0.75rem; color: #000; text-align: center; margin-top: 5px; }
.leader_list li p a { color: #000; }
/*Comments*/
.comment_box { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.commt_bj { width: 100%; height: auto; overflow: hidden; margin-top: 20px; background: #ebebeb; }
.commt_list { width: 94%; height: auto; margin: 0 auto; }
.commt_list li { font-size: 1rem; color: #000204; line-height: 25px; padding-top: 15px; background: url(http://www.newsimg.cn/english/special/19cpcnc/mobile/images/doc2.png) no-repeat left 20px; padding-left: 20px; }
.commt_list li a { color: #000204; }
.commt_list li + li { padding-top: 10px; padding-bottom: 15px; }
/*video*/
.video_box { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.video_list { width: 100%; height: auto; list-style: none; margin-top: 20px; }
.video_list li { float: left; width: 49%; position:relative; }
.video_list li + li { margin-left: 2%; }
.video_list li img { width: 100%; height: auto; }
.video_list li span { position:absolute; width:20%; height:auto; bottom:10px; left:10px; }
.video_list li span img { width:100%; height:auto; }
/*Exclusive*/
.exclus_box { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.exclus_list { width: 94%; height: auto; overflow: hidden; margin: 0 auto; }
.exclus_list li { overflow: hidden; padding: 20px 0; }
.exclus_list li + li { border-top: 1px dashed #cecccc; }
.exclus_list li img { float: left; width: 40%; height: auto; padding-right: 3%; }
.exclus_list li p { font-size: 1rem; color: #000; line-height: 20px; }
.exclus_list li p a { color: #000; }
/*about cpc*/
.about_box { width: 100%; height: auto; overflow: hidden; }
.about_pic { width: 100%; height: auto; overflow: hidden; margin-top: 10px; }
.about_pic img { width: 100%; height: auto; }
/*Achievements*/
.achiev_box { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.do10 { margin-bottom: 15px; }
.acv_list { list-style: none; overflow: hidden; }
.acv_list li { float: left; width: 49%; height: auto; position: relative; }
.acv_list li + li { margin-left: 2%; }
.acv_list li img { width: 100%; height: auto; }
.acv_list li .tit { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; font-size: 1rem; font-weight: bold; color: #fff; overflow: hidden; background: #c50c00; padding: 5px 0; }
.acv_list li .tit a { font-weight: bold; color: #fff; }
.acv_d { height: auto; padding: 35px; background: #c50c00; margin: 2% 0; }
.acv_d h2 { font-size: 1.2rem; font-weight: bold; color: #fff; }
.acv_d h2 a { font-weight: bold; color: #fff; }
.acv_d p { font-size: 1.2rem; color: #fff; line-height: 20px; margin-top: 10px; }
.acv_d p a { color: #fff; }
/*photo*/
.photo_box { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.focusBox2 { width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 15px; }
.focusBox2 .swiper-wrapper .swiper-slide img { width: 100%; height: auto; }
.focusBox2 .swiper-wrapper .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 35%; background: url(http://www.newsimg.cn/english/special/19cpcnc/mobile/images/photo_bj.png) repeat-x; z-index: 0 }
.focusBox2 .swiper-wrapper .swiper-slide .title { position: absolute; left: 0; bottom: 10%; width: 96%; height: auto; line-height: 20px; color: #fff; overflow: hidden; z-index: 1; padding-left: 2%; text-align: center; }
.focusBox2 .swiper-wrapper .swiper-slide .title a { color: #fff; }
.focusBox2 .swiper-pagination { text-align: center; }
.focusBox2.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px; }
.focusBox2 .swiper-pagination-bullet { border-radius: 0; background: #000; }
.focusBox2 .swiper-pagination-white .swiper-pagination-bullet-active { background: #bf0009; }
/*footer*/
.footer { width: 100%; height: 35px; background: url(http://www.newsimg.cn/english/special/19cpcnc/mobile/images/footer_bj.png) no-repeat; background-size: 100%; font-size: 0.5rem; color: #fff; text-align: center; padding: 12% 0 0 0; margin-top: 20px; }