﻿/*
author:yh
date:2019.02.27
*/
/*--- reset ---*/
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,figure,textarea,p,blockquote,iframe,table,caption,tbody,tfoot,thead,th,td{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
ol,ul{list-style:none;list-style-image:none;}
img{border:0;vertical-align:top;}
strong,b{font-weight:normal;}
em{font-style:normal;}
h1,h2,h3,h4,h5,h6,b,s,i{font-weight:normal;text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}

a:focus,a:active,a:hover{outline:0;}
a{color:#333;text-decoration:none;transition:color .2s}
a:hover{color:#db2c2f;}

.clearfix:after,.comBd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.comBd{display:inline-block;}
.clearfix,.comBd{zoom:1;display:block;}
.hidden{ display:none;}

/*  CMS Common title colors  */
.title_default{ }
.title_black{ color:black !important;}
.title_red{ color:red !important;}
.title_blue{ color:blue !important;}
.title_green{ color:green !important;}
.title_brown{ color:brown !important;}
.title_gray{ color:gray !important;}

body,html{height:100%;font-size:16px;font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;-webkit-overflow-scrolling:touch;}
html{line-height:1.8;}

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

/**/
.h2-title{height:100px;margin-top:68px;background-image:url(../img/h2-title-bg.png);background-repeat:no-repeat;font-size:12px;overflow:hidden;text-indent:-200px;}
.h2-title.h-1{background-position:50% 0;}
.h2-title.h-2{background-position:50% -100px;}
.h2-title.h-3{background-position:50% -200px;}
.h2-title.h-4{background-position:50% -300px;}
.h2-title.h-5{background-position:50% -400px;}
.h2-title.h-6{background-position:50% -500px;}
.h2-title.h-7{background-position:50% -600px;}
.h2-title.h-8{background-position:50% -700px;}
.h2-title.h-9{background-position:50% -800px;}
.h2-title.h-10{background-image:url(../img/h2-title-add.png);background-position:50% 0;background-size:cover;}

/*cover*/
.cover .container{height:100%;}
.cover{position:relative;height:100vh;overflow:hidden;}
.cover-bg{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../img/cover-bg.jpg) no-repeat;background-size:cover;}
.cover-bottom {height:100%;background:url(../img/cover-bottom.png) no-repeat center bottom;background-size: 100% auto;position:absolute;left:0;right:0;bottom:0;z-index:1;}
.cover-in{height:100%;background:url(../img/cover-in.png) no-repeat center bottom;background-size: 100% auto;position:absolute;left:0;right:0;bottom:0;z-index:4;}

.cover-tie{position:absolute;left:50%;top:0;margin-left:-31.25%;width:62.5%;height:100%;z-index:3;}
.cover-tie img{width:100%;}   
.cover-flag{z-index:3;position:absolute;width:20%;bottom:10%;left:35%;}
.cover-flag img{width:100%;}
.cover .arrow{z-index:3;width: 64px;height: 78px;position: absolute;left: 50%;margin-left: -32px;bottom: 10%;}
.cover .arrow strong{color:#db2c2f;}
.cover .arrow_anim {width:55px;height:55px;margin-left:4px;background:url(../img/arrow.png) no-repeat -500px 0;-webkit-animation:coverArrow .5s steps(1) infinite;animation:coverArrow .5s steps(1) infinite;}
@-webkit-keyframes coverArrow {
    0% {
        background-position: 0 0
    }

    20.00% {
        background-position: -55px 0
    }

    40.00% {
        background-position: -110px 0
    }

    60.00% {
        background-position: -165px 0
    }

    80.00% {
        background-position: -220px 0
    }

    100.00% {
        background-position: -275px 0
    }
}

@keyframes coverArrow {
    0% {
        background-position: 0 0
    }

    20.00% {
        background-position: -55px 0
    }

    40.00% {
        background-position: -110px 0
    }

    60.00% {
        background-position: -165px 0
    }

    80.00% {
        background-position: -220px 0
    }

    100.00% {
        background-position: -275px 0
    }
}

/*header*/
.header{background:url(../img/head-bg.jpg) no-repeat 50% 50%;height:390px;padding-top:36px;min-width:1200px;margin:0 auto;}
.header-title{width:522px;height:266px;margin-left:400px;background:url(../img/header.png) no-repeat 50% 50%;overflow:hidden;text-indent:-600px;}
.header-title img{display:none;}

/**/
.hot-title{padding-bottom:7px;background:url(../img/hot-title.png) repeat-x 50% 100%;}
.hot-title h2{text-align:center;padding-top:38px;line-height:63px;height:63px;overflow:hidden;}
.hot-title h2 a{font-size:56px;font-weight:bold;color:#db2c2f;}
.hot-subtitle{text-align:center;margin-bottom:20px;line-height:40px;}
.hot-subtitle a{font-size:18px;color:#666;padding:0 15px;transition:.3s;}
.hot-subtitle a:hover{color:#db2c2f;}

/**/
.focus{width:700px;height:468px;margin-top:10px;float:left;}
.focus-slide img{width:700px;height:468px;display:block;}
.wp1-right{float:right;width:460px;}
.focus-news li{border-bottom:dashed 1px #ccc;padding-bottom:26px;margin-bottom:17px;}
.focus-news li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.focus-news h3{line-height:46px;max-height:46px;overflow:hidden;font-weight:bold;}
.focus-news h3 a{color:#333;font-size:26px;}
.focus-news h3 a:hover{color:#db2c2f;}
.focus-news p{color:#666;font-size:16px;line-height:32px;}
.focus-news p a{display:block;height:32px;overflow:hidden;font-style:normal;color:#666;}
.focus-news p a:hover{color:#db2c2f;}
.focus-news p span{margin-right:10px;font-style:normal;color:#db2c2f;font-size:16px;}
/**/
.bx-wrapper {position: relative;margin:0 auto;padding: 0;*zoom: 1;}
.bx-wrapper img{max-width:100%;display:block;}
.bx-wrapper .slide-title{position:absolute;left:0;bottom:0;width:100%;font-size:18px;color:#fff;line-height:44px;height:44px;overflow:hidden;background-color:rgba(0,0,0,.8);text-indent:18px;overflow:hidden;}
.bx-wrapper .slide-title a{color:#fff;}
.bx-wrapper .slide-title a:hover{color:#fff;}
.bx-wrapper .bx-viewport{left:0;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;right:0;bottom:5px;/*width:120px;*/}
.bx-wrapper .bx-loading {min-height: 50px;/*background: url(../img/bx_loader.gif) center center no-repeat #fff;*/height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager .bx-pager-item{margin:0 4px;}
.bx-wrapper .bx-pager.bx-default-pager a {position: relative;text-indent: -9999px;display: block;width: 20px;height: 20px;outline: 0;border-radius:100%;}
.bx-wrapper .bx-pager.bx-default-pager a:after{position: absolute;background: #999;border-radius: 4px;width: 8px;height: 8px;content:'';display:block;left:5px;top:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{width: 18px;height: 18px;border:solid 1px #ff4e4e;}
.bx-wrapper .bx-pager.bx-default-pager a:hover:after,
.bx-wrapper .bx-pager.bx-default-pager a.active:after{background: #ff4e4e;}
.bx-wrapper .bx-prev {left:10px;background:url(../img/controls.png) no-repeat 0 0;}
.bx-wrapper .bx-next {right:10px;background:url(../img/controls.png) no-repeat -47px 0;}
.bx-wrapper .bx-prev:hover {background-position:-141px 0;}
.bx-wrapper .bx-next:hover {background-position:-94px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -22px;outline: 0;width:45px;height:45px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../img/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../img/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%;}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size: .85em;padding: 10px;}

/**/
.comBd{padding-top: 36px;}
.wp3 .comBd{width:1300px;margin:0 auto;padding-left:100px;position:relative;}

/*wp2*/
.wp2-left{width:700px;float:left;}
.wp2-left .wp2-m-h3{height:34px;line-height:34px;overflow:hidden;padding-left: 16px;margin-bottom: 12px;}
.wp2-left .wp2-m-h3 h3{font-size:24px;color:#424242;font-weight:bold;float:left;}
.wp2-left .wp2-m-h3 h3 em{color:#db2c2f;font-style:normal;}
.wp2-left .wp2-m-h3 .more{float:right;color:#999;font-size:16px;font-weight:normal;}
.wp2-left .wp2-m-h3 .more:hover{color:#ec5356;}

.wp2-right{width:460px;float:right;}
.wp2-right .h3-1{height:36px;padding:0 10px;background-color:#ec5356;color:#fff;line-height:36px;}
.wp2-right .h3-1 em{font-style:normal;font-size:18px;float:left;}
.wp2-right .h3-1 a{font-size:14px;float:right;font-weight:normal;color:#fff;}
.wp2-right .h3-2{font-size:20px;color:#424242;margin-top:10px;}
.wp2-right .h3-2 em{color:#db2c2f;font-style:normal;}
/**/
.wp2-left .wp2-news-list{margin-bottom:38px;}
.wp2-left .wp2-news-list:last-child{margin-bottom: 0;}
.wp2-news-list li{padding-left:22px;line-height:32px;height:32px;overflow:hidden;background:url(../img/dian.png) no-repeat 6px 50%;}
/**/
.wp2-photo{padding-bottom: 36px;border-bottom:solid 1px #ccc;}
.wp2-photo:last-child{padding-bottom: 0;border-bottom:0;}
.wp2-photo h4{font-size:20px;font-weight:bold;padding:20px 0;line-height: 30px;}
.wp2-photo h4 a{color:#424242;display:block;max-height:60px;overflow:hidden;}
.wp2-photo h4 a:hover{color:#db2c2f;}
.wp2-photo-img{height:100px;overflow:hidden;}
.wp2-photo img{width:150px;height:100px;display:block;float:left;margin-right:22px;}
.wp2-photo p{color:#424242;font-size:16px;line-height:30px;margin-top: 5px;max-height:90px;overflow:hidden;}
.wp2-photo p a.red{color:#cc3333;}

/*wp3*/
.tab-title-box{position:relative;float:left;width:700px;height:336px;margin:3px 0;overflow:hidden;}
.tab-title{position:absolute;left:0;width:700px;}
.tab-title em{display:inline-block;width: 28px;height: 28px;margin-right: 14px;line-height: 28px;text-align: center;border:solid 1px #ccc;margin-top: 6px;font-size:16px;color:#999;border-radius:100%;}
.tab-title li{height:44px;padding:6px 0;}
.tab-title a{display:block;line-height: 44px;height:44px;overflow:hidden;transition:none;}
.tab-title li.hover a,.tab-title a:hover{background:#ec5356;color:#fff;border-radius:28px 0 0 28px;}
.tab-title li.hover a em,.tab-title a:hover em{color:#fff;background:#ec5356;border:solid 1px #ec5356;}
.tab-arrow{position:absolute;left:328px;width:44px;height:20px;background: url(../img/tab-arrow.png) 0 0 no-repeat;}
.tab-arrow-t{top:14px;}
.tab-arrow-b{bottom:-26px;background-position:0 bottom;}

.tab-con{float: right;width: 600px;height: 346px;font-size:14px;color:#fff;background:url(../img/tab-con-bg.jpg) no-repeat 0 0;}
.tab-bd{display:none;padding:30px 140px 30px 30px;}
.tab-bd p{line-height: 24px;}
.tab-bd a{display:block;text-align:right;color:#fff;}

/*wp4*/
.wp4 .swiper-slide{overflow:hidden;}
.wp4 .slide-title{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:24px;background-image:linear-gradient(-180deg,hsla(0,0%,100%,0),#000);height:70px;overflow:hidden;line-height: 70px;padding-top:32px;padding:0 120px 0 86px;}
.wp4 .slide-title:after{content:'';position:absolute;left:32px;top:12px;width:42px;height:42px;background:url(../img/ico-pic.png) no-repeat 50% 50%;}
.wp4 .swiper-slide img{width:100%;display:block;}
.wp4 .swiper-slide span{height:48px;margin-top:7px;background:#fff;overflow:hidden;font-size:18px;color:#333;line-height:24px;text-align:center;display:block;}

.wp4 .swiper-button-next,
.wp4 .swiper-button-prev {width:45px;height:45px;background-image:url(../img/controls.png);background-repeat:no-repeat;background-size:186px 45px;}
.wp4 .swiper-button-prev{left:26px;background-position:0 0;}
.wp4 .swiper-button-next{background-position:-47px 0;right:26px;}
.wp4 .swiper-button-next:hover{background-position:-94px 0;}
.wp4 .swiper-button-prev:hover{background-position:right 0;}

.wp4 .swiper-button-next.swiper-button-disabled,.wp4 .swiper-button-prev.swiper-button-disabled{opacity:1;}
.wp4 .swiper-pagination{left:auto;right:0;bottom:0;width:102px;height:102px;background:#e1383a;color:#e1383a;}
.wp4 .swiper-pagination:after{content:'';position:absolute;left:50%;top:6px;width:1px;height:100px;background:#fff;transform:rotate(45deg);}
.wp4 .swiper-pagination-current{position:absolute;top:15px;left:18px;font-size:36px;color:#fff;}
.wp4 .swiper-pagination-total{position:absolute;bottom:15px;right:18px;font-size:24px;color:#ff9999;}

/**/
.wp9 .comBd{background:url(../img/wp9-bg.jpg) no-repeat 0 0;height:513px;padding-top:140px;margin-top:36px;}

.wp9 .swiper-container{width:1200px;padding-top:50px;padding-bottom:50px;}
.wp9 .swiper-slide{width:300px;height:355px;}
.wp9 .swiper-slide img{width:100%;display:block;}
.wp9 .swiper-slide span{height:48px;margin-top:7px;background:#fff;overflow:hidden;font-size:18px;color:#333;line-height:24px;text-align:center;display:block;}
.wp9 .swiper-pagination-bullet-active{background:#ff4e4e;}

/*wp5,wp6*/
.wp-left{float:left;width:768px;}
.wp-right{float:right;width:400px;}

.mod-pic-left{float:left;width:510px;height:340px;}
.mod-pic-right{float:right;width:240px;}
.mod-pic-left .mod-pic-item img{width:510px;height:340px;}
.mod-pic-right .mod-pic-item:first-child{margin-bottom:20px;}
.mod-pic-right .mod-pic-item img{width:240px;height:160px;}
.mod-pic-item{position:relative;overflow:hidden;}
.mod-pic-item strong{position:absolute;left:0;right:0;bottom:0;background-image:linear-gradient(-180deg,hsla(0,0%,100%,0),#000);overflow: hidden;color:#fff;}
.mod-pic-left .mod-pic-item strong{padding:0 20px;height:42px;line-height:42px;}
.mod-pic-right .mod-pic-item strong{height:48px;line-height:24px;padding:0 10px;}

.mod-text{padding-bottom:30px;background: url(../img/hot-title.png) repeat-x 50% 100%;}
.mod-text h4{max-height: 60px;overflow: hidden;margin-bottom:12px;}
.mod-text h4 a{color:#424242;font-size:20px;line-height: 30px;font-weight:bold;}
.mod-text p{line-height: 30px;font-size:16px;color:#666;max-height: 120px;overflow:hidden;}
.mod-text p .red{color:#df3337;}

.mod-list{padding-top:36px;}
.mod-list li{height:36px;overflow:hidden;background:url(../img/dian.png) no-repeat 5px 50%;}
.mod-list li a{font-size:16px;line-height:36px;color:#333;padding:0 18px;}

/*wp7*/
.wp7{margin-top:45px;background:url(../img/line.png) no-repeat 50% 100%;}
.wp7 .comBd{padding-bottom:40px;}
.wp7-left,.wp7-right{width:585px;}
.wp7-left{float:left;}
.wp7-right{float:right;}
.wp7-photo{position:relative;width:585px;height:390px;overflow:hidden;}
.wp7-photo img{width:585px;height:390px;display:block;}
.wp7-photo-txt{position:absolute;left:0;bottom:0;width:100%;height:48px;line-height:48px;background-color:rgba(0,0,0,.8);}
.wp7-photo-txt h4{font-size:20px;color:#fff;}
.wp7-photo-txt em{display:block;float:left;padding:0 20px;background-color:#db2c2f;font-size:24px;font-style:normal;color:#fff;margin-right:10px;}
.wp7-hotnews{display:block;font-size:24px;margin-top:70px;line-height:36px;}
.wp7-hotnews a{color:#333;font-weight:bold;}
.wp7-news{line-height:36px;}
.wp7-news li{padding-left:12px;background:url(../img/dian.png) no-repeat 0 50%;font-size:16px;color:#666;}
.wp7-left .wp7-hotnews,.wp7-left .wp7-news{padding-right:30px;}
.wp7-right .wp7-hotnews,.wp7-right .wp7-news{padding-left:30px;}

.mod-sound .pic img,
.wp7-photo img,
.mod-pic-item img,
.focus-slide img,
.wp4 .swiper-slide img{transition:.4s;}

.wp7-photo a:hover img,
.mod-sound a:hover img,
.mod-pic-item a:hover img,
.focus-slide a:hover img,
.wp4 .swiper-slide a:hover img{transform:scale(1.04, 1.04); -ms-transform:scale(1.04, 1.04); -webkit-transform:scale(1.04, 1.04);}

/**/
.mod-sound-item{float:left;margin-right:10px;}
.mod-sound-item:last-child{margin-right:0;}
.mod-sound .pic img{transition:.4s;}

.mod-sound{margin-bottom:10px;}
.mod-sound .pic{width:164px;height:164px;overflow:hidden;}
.mod-sound .pic img{width:100%;}
.mod-sound p{width:164px;height:148px;padding-top:16px;position:relative;background: #eaeaea;color:#fff;line-height:30px;}
.mod-sound p strong{display:block;margin:0 28px;font-size:18px;color:#333;line-height:30px;max-height:90px;overflow:hidden;}
.mod-sound p span{display:block;margin:16px 28px 0;border-top:solid 1px #de3235;font-size:14px;color:#333;}
.mod-sound p:after{content:'';position:absolute;background:url(../img/jiao.png) no-repeat 0 0;width:25px;height:40px;top:36px;}
.mod-sound a:hover strong{color:#fff;border-color:#ffae00;}
.mod-sound a:hover span{color:#fff;}

.mod-sound-tie{width:504px;}
.mod-sound-tie .pic{width:340px;height:340px;}
.mod-sound-tie p{width:164px;height:324px;}
.mod-sound-tie p strong{padding:28px 0 16px;margin:0 20px;font-size:20px;font-weight:bold;}
.mod-sound-tie p span{border-top:solid 3px #de3235;}
.mod-sound-item a:hover p{background: #de3235;}

.mod-sound-left p{float:right;}
.mod-sound-left .pic{float:left;}
.mod-sound-left p:after{left:-25px;}
.mod-sound-left a:hover p:after{background-position: 0 -40px;}

.mod-sound-right p{float:left;}
.mod-sound-right .pic{float:right;}
.mod-sound-right p:after{right:-25px;background-position: 0 -80px;}
.mod-sound-right a:hover p:after{background-position: 0 -120px;}

.mod-sound-top p,
.mod-sound-bot p{padding:13px 0;}
.mod-sound-top p:after{left:20px;top:-25px;background-position: 0 -160px;}
.mod-sound-top a:hover p:after{background-position: 0 -200px;}

.mod-sound-bot{position:relative;width:164px;height:328px;}
.mod-sound-bot p{position:absolute;left:0;top:0;}
.mod-sound-bot .pic{position:absolute;left:0;bottom:-10px;}
.mod-sound-bot p:after{left:20px;bottom:-30px;top:auto;background-position: 0 0;}
.mod-sound-bot a:hover p:after{background-position: 0 -40px;}

/*多语种*/
.wp10 .comBd{width:1000px;margin:0 auto;padding-bottom:36px;}
.tabHd {background-position:0 -350px; height:36px; line-height:36px; margin-bottom:16px;}
.tabHd h2 {font-size:14px;}
.tabHd h2 a {color:#333; display:block;}
.tabHd h2 a:hover {color:#b31515; text-decoration:none;}
.tabHd h2 strong {border-right:1px solid #ddd; cursor:pointer; display:block; font:14px/36px simsun; height:36px; text-align:center;}
.tabHd h2 strong.active {background:#b31515; border-right:0; color:#fff; font-weight:bold;}
.tabHd h2 strong.active a,
.tabHd h2 strong.active a:hover {color:#fff;}
.tabHd h2 strong.active a:hover {background:#820504;}

.multiIncTab {height:340px; overflow:hidden;}
.multiIncTab .tabHd,
.multiIncLang dt i {background-image:url(https://www.china.com/zh_cn/img1311/multiIncTab.png?1511);}
.multiIncTab .tabHd {background-position:0 0; height:40px; margin-bottom:0; position:relative;}
.multiIncTab .tabHd h2 {float:left; width:967px;text-align:center;}
.multiIncTab .tabHd h2 strong {font:13px/40px Arial; float:left; height:40px; width:120px;}
.multiIncLang {position:absolute; right:0; top:0; width:33px;}
.multiIncLang dt {height:40px; position:absolute; right:0; top:0; text-indent:-999em; width:100%;}
.multiIncLang dt i {background-position:0 -40px; cursor:pointer; display:block; float:right; height:40px; overflow:hidden; width:33px;}
.multiIncLang dd {background:rgba(0,0,0,0.85); background:#262626\9; position:absolute; right:0; top:40px; padding:5px; width:100%;}
.multiIncLang dd a {border-bottom:1px dashed #605d5d; color:#fff; display:block; height:32px; line-height:32px; text-align:center;}
.multiIncLang dd a:hover {background-color:#a10400; border-bottom:1px dashed #a10400; color:#fff; text-decoration:none;}
.multiIncLang .langList {display:none;}
.multiIncLangOver .langList {display:block;}
.multiIncLangOver {width:520px;}
.multiIncLangOver dt i {background-position:0 -80px;}
.multiIncTab .tabBd {height:300px;}

.multiLang {width:105px;}
.multiLang dd {width:520px; padding:5px;}
.multiLang dt em {position:absolute; right:18px; top:16px; width:0; height:0; border-width:4px 4px; border-style:solid dashed dashed; border-color:#fff transparent transparent; font-size:0; line-height:0; z-index:999;}
.multiLang.active dt em {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; -moz-transform-origin:50% 30%; -o-transform-origin:50% 30%; -webkit-transform-origin:50% 30%; transform-origin:50% 30%;}
.multiLang dt i {background-position:-200px -800px; left:14px; top:9px; height:16px; width:16px;}
.active dt .imultiLang {background-position:-216px -800px;}

.langList a {background-image:url(https://www.china.com/zh_cn/img1311/multiLang2015.png); background-repeat:no-repeat; float:left; overflow:hidden; text-indent:-999em; width:130px;}

.langList a.langEs {background-position:15px 0;}
.langList a.langRu {background-position:15px -30px;}
.langList a.langKr {background-position:15px -60px;}
.langList a.langJp {background-position:15px -90px;}
.langList a.langIn {background-position:15px -120px;}
.langList a.langTh {background-position:15px -150px;}
.langList a.langVn {background-position:15px -180px;}
.langList a.langPh {background-position:15px -210px;}
.langList a.langId {background-position:15px -240px;}
.langList a.langTr {background-position:15px -270px;}

.langList a.langFr {background-position:15px -300px;}
.langList a.langMy {background-position:15px -360px;}
.langList a.langLa {background-position:15px -330px;}
.langList a.langKh {background-position:15px -390px;}
.langList a.langMm {background-position:15px -420px;}
.langList a.langMn {background-position:15px -450px;}
.langList a.langNp {background-position:15px -480px;}
.langList a.langMd {background-position:15px -510px;}
.langList a.langIr {background-position:15px -540px;}
.langList a.langAe {background-position:15px -570px;}
.langList a.langDe {background-position:15px -600px;}
.langList a.langIt {background-position:15px -630px;}
.langList a.langPt {background-position:15px -660px;}

/**/
.listpages-header-bg{background:url(../img/listpage-head.jpg) no-repeat 50% 50%;}
.listpages-header{width:1000px;height:300px;overflow:hidden;margin:0 auto;background:url(../img/listpage-head-bg.jpg) no-repeat 50% 50%;}
.listpages-header img{display:none;width:100%;}

/**/
.breadcrumbs{border-bottom:solid 3px #ccc;color:#999;font-size:14px;height:32px;line-height:32px;margin-bottom:10px;text-align:left;margin:0 auto 10px;width:1000px;}
.breadcrumbs a{color:#999;}
.breadcrumbs a:hover{color:#c33;}

/**/
.listPage{background:url("../img/list-mainbg.png") repeat-y right 100%;margin:0 auto 40px;width:1000px;}
.mainCon{float:left;width:630px;}
.sider{float:right;width:352px;}
.listPage-bottom{clear:both;height:1px;background:url("../img/listMain-bottombg.png") no-repeat right 0;overflow:hidden;}

/**/
.mainCon-tit{font-size:24px;font-weight:bold;line-height:40px;color:#b31514;border-bottom:1px solid #ccc;height:40px;margin-bottom:15px;}
.mainCon-tit strong{float:left;}
.mainConList .item {padding:15px 0;border-bottom:1px solid #dfdfdf;text-align:left;}
.mainConList .item-tit {padding-bottom:10px;line-height:32px;font-size:20px;font-weight:bold;}
.mainConList .item-cont {overflow:hidden; zoom:1;font-size:14px;line-height:28px;text-align:left;}
.mainConList .item-cont-img {height:152px;float:left;}
.mainConList .item-cont-img img {display:block;width:200px;height:150px;margin-right:18px;}
.mainConList .item-foot {padding:14px 0 0;color:#999;font-size:12px;line-height:21px;}
.mainConList .item-foot a{color:#999;}
.mainConList .item-foot a:hover{color:#c33;}

.pagination {margin-top:36px;height:30px;text-align:center;}
.pagination a {background:#f5f5f5;border:solid 1px #d2d0d1;color:#333;padding:6px 10px;margin:0 3px;zoom:1;text-decoration:none;}
.pagination a:hover {background:#efefef;border:solid 1px #ddd;color:#f00;}
.pagination span {color:#999;padding:8px;margin:0 3px; zoom:1;}
.pagination span.curPage {color:#f00;font-weight:bold;}

/**/
.sider .mod-tit {border:1px solid #d8d8d8;height:34px;background:#f7f7f7;position:relative;}
.sider .mod-tit strong {position:absolute;top:-1px;left:-1px;padding:0 22px;background:#b31514;color:#fff;font:bold 16px/36px simsun;}
.sider-photo {width:334px;overflow:hidden;margin:auto;padding-top:15px;}
.sider-photo .imgNews {position:relative;margin-bottom:15px;}
.sider-photo .imgNews img {display:block;width:100%;}
.sider-photo .imgNews p {background-color:rgba(0,0,0,.7);font-size:18px;height:40px;line-height:40px;overflow:hidden;text-indent:15px;position:absolute;left:0;bottom:0;width:100%;transition: all 0.4s;}
.sider-photo .imgNews a {color:#fefefe; display:block;}
.sider-photo .imgNews a:hover {color:#fefefe;}
.sider-photo .imgNews a:hover p{background-color:rgba(204,51,51,.7);}


/* phone + pad(portrait) */
@media screen and (max-height:600px){
 .cover-tie{margin-left:-16%;width:32%;}
 .cover-flag{width:14%;bottom:14%;}
} 
@media screen and (max-width:1400px){
  .wp3 .comBd{padding-left:50px;}  
}

/* phone + pad(portrait) */
@media screen and (max-width:768px){
    .cover-box,.chanNav,.wp10,#pageFooter{display:none !important;}
    .container,.header{width:100%;}
    .header{min-width:auto;background:url(../img/m-head-bg.jpg) no-repeat 50% 50%;background-size:100% auto;height:auto;padding-top:0;margin:0 auto;overflow:hidden;}
    .header-title{width:64%;height:auto;background:none;overflow:hidden;text-indent:0;margin:14% auto 27%;}
    .header-title img{width:100%;display:block;}
    .header-title em{display:none;}

    .comBd{padding-top:20px;}

    .wp2 .comBd,
    .wp3 .comBd,
    .wp4 .comBd{padding-top:10px;}

    .wp3 .comBd{width:100%;padding:0 10px;margin:20px 0;box-sizing:border-box;}
    .tab-arrow{left:50%;margin-left:-11px;width:22px;height:10px;background-size:22px 20px;}
    .tab-arrow-t{top:-10px;}
    .tab-arrow-b{bottom:-10px;}
    
    .h2-title{height:50px;margin-top:20px;background-size:600px 450px;}
    .h2-title.h-1{background-position:50% 0;}
    .h2-title.h-2{background-position:50% -50px;}
    .h2-title.h-3{background-position:50% -100px;}
    .h2-title.h-4{background-position:50% -150px;}
    .h2-title.h-5{background-position:50% -200px;}
    .h2-title.h-6{background-position:50% -250px;}
    .h2-title.h-7{background-position:50% -300px;}
    .h2-title.h-8{background-position:50% -350px;}
    .h2-title.h-9{background-position:50% -400px;}
    
    .hot-title{padding-bottom:7px;}
    .hot-title h2{padding:10px 20px;line-height:30px;height:30px;}
    .hot-title h2 a{font-size:18px;}
    .hot-subtitle{text-align:center;padding-bottom:10px;line-height:20px;margin-bottom:0;}
    .hot-subtitle a{color:#999;font-size:14px;margin:0 5px;padding:0;}
    
    .focus{width:100%;height:auto;margin-top:0;float:none;}
    .focus-slide img{width:100%;height:auto;display:block;}
    .wp1-right{float:none;width:auto;margin-top:30px;padding:0 10px;}
    .focus-news li{padding-bottom:5px;margin-bottom:5px;}
    .focus-news h3{line-height:normal;margin-bottom:5px;}
    .focus-news h3 a{font-size:14px;}
    .focus-news p{color:#666;font-size:14px;}
    .focus-news p span{font-size:14px;}
    .focus-news p a{width:auto;float:none;height:30px;padding-right:0;}
    .bx-wrapper .slide-title{font-size:14px;}
    .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{bottom:-30px;}

    .swiper-pagination{display:none;}
    .swiper-slide span{font-size:14px;}
    
    .wp2-left{display:none;}
    .wp2-left,.wp2-right{float:none;width:auto;margin-top:10px;padding:0 10px;}
    .wp2-left .wp2-m-h3{line-height:30px;height:30px;}
    .wp2-left .wp2-m-h3 h3{font-size:18px;}
    .wp2-news{border-bottom:dashed 1px #ccc;padding-bottom:15px;}
    .wp2-news h4{margin-top:10px;font-size:16px;line-height:26px;}
    .wp2-news p{font-size:14px;line-height:24px;}
    .wp2-news-list{margin-top:10px;}
    .wp2-news-list li{font-size:14px;line-height:24px;background:url(../img/dian.png) no-repeat 0 10px;}
    
    .wp2-right .h3-1{height:30px;line-height:30px;}
    .wp2-right .h3-1 em{font-size:16px;}
    .wp2-right .h3-1 a{display:none;}
    
    .wp2-photo{padding-bottom:20px;}
    .wp2-photo h4{font-size:16px;padding:5px 0;}
    .wp2-photo img{margin-right:10px;}
    .wp2-photo p{color:#424242;font-size:14px;line-height:25px;max-height:75px;}
    
    .tab-title-box{float:none;width:100%;}
    .tab-con{display:none;}
    .tab-title{width:100%;}
    .tab-title li{height:30px;}
    .tab-title a{font-size:16px;line-height:30px;height:30px;padding:0 5px;}
    .tab-title li.hover a, .tab-title a:hover{border-radius:0;}
    .tab-title em{width:22px;height:22px;line-height:22px;font-size:12px;}

    .wp4 .slide-title{font-size:14px;line-height: 44px;height:44px;padding:0 15px;}
    .wp4 .slide-title:after{display:none;}

    .wp-left,.wp-right,.mod-pic-right,.mod-pic-left{width:100%;height:auto;float:none;}
    .mod-pic-left{margin-bottom:10px;}
    .mod-pic-item img{width:100% !important;height:auto !important;}
    .mod-pic-right .mod-pic-item{float:left;width:48%;}
    .mod-pic-right .mod-pic-item:last-child{float:right;}
    .mod-pic-right .mod-pic-item:first-child{margin-bottom:10px;}
    
    .mod-text{padding:0 15px 20px;}
    .mod-list{padding-top:10px;}
    .mod-text h4{margin-bottom:10px;}
    .mod-text p{max-height:none;}

    .wp7{background:none;margin-top:10px;}
    .wp7-left,.wp7-right{width:auto;float:none;margin-top:10px;}
    .wp7-photo{width:auto;height:auto;}
    .wp7-photo img{width:100%;height:auto;}
    .wp7-photo-txt{height:36px;line-height:36px;overflow:hidden;}
    .wp7-photo-txt h4{font-size:14px;}
    .wp7-photo-txt em{padding:0 5px;font-size:16px;margin-right:5px;}
    .wp7-hotnews{display:block;font-size:16px;margin-top:10px;line-height:26px;padding:0 10px;}
    .wp7-hotnews a{color:#333;}
    .wp7-news{line-height:26px;padding:0 10px;}
    .wp7-news li{background:url(../img/dian.png) no-repeat 0 12px;font-size:14px;line-height:24px;margin-top:5px;}
    .wp7-left .wp7-hotnews,.wp7-left .wp7-news{padding-right:10px;}
    .wp7-right .wp7-hotnews,.wp7-right .wp7-news{padding-left:10px;}

    .mod-sound-item{margin-right:0;}
    .mod-sound .pic{width:50%;}
    .mod-sound p{width:50%;}
    /*.mod-sound-top{width:50%;float:left;}*/
    .mod-sound-bot,
    .mod-sound-item-one,
    .mod-sound-tie{width:100%;}
    .mod-sound-top .pic,
    .mod-sound-top p,
    .mod-sound-bot .pic,
    .mod-sound-bot p{width:100%;}
    .mod-sound-top p,
    .mod-sound-bot p{padding-top:16px;padding-bottom:0;}
    .mod-sound-item-long{width:50%;}
    .mod-sound-bot .pic{bottom:0;}
    .mod-sound-item-one .mod-sound-bot,
    .mod-sound-tie .pic{height:164px;}
    .mod-sound-tie p{height:148px;}
    .mod-sound-tie p strong{padding:0;}
    .mod-sound-item-one .mod-sound-bot .pic{width:50%;right:0;left:auto;}
    .mod-sound-item-one .mod-sound-bot p{width:50%;left:0;right:auto;}
    .mod-sound-item-one p:after {right: -25px;left:auto;bottom:auto;top:36px; background-position: 0 -80px;}

    .wp9 .comBd{background: none;padding:0;height:auto;}
    .wp9 .swiper-container{padding:20px 0;width:100%;}
    .wp9 .swiper-slide span{font-size:14px;}

    /**/
    .listpages-header img{display:block;}
    .listpages-header{width:100%;height:auto;overflow:hidden;margin:0 auto;background:none;}
    .breadcrumbs{width:auto;}
    .listPage{width:auto;background:none;}
    .mainCon{float:none;width:auto;}
    .mainConList,.mainCon-tit{padding:0 10px;}
    .sider{float:none;width:auto;margin-top:20px;}
    .sider-photo{width:auto;}
    .sider-photo .imgNews{height:auto;width:47%;float:left;margin-left:2%;}
    .sider-photo .imgNews img{width:100%;height:auto;display:block;}
    .sider-photo .imgNews p{font-size:12px;}
}


