* { font-family: Arial, Helvetica, sans-serif; }
.domPC { display: block !important; }
.domMobile { display: none !important; }
a:active, a:hover { color: #ff9724!important; }
.content { width: 1200px; height: auto; margin: 0 auto; }
/*头部*/
.banner { width: 100%; height: 370px; background: url(http://www.newsimg.cn/german/201719d/images/banner.jpg) no-repeat 50% 0; }
.nav ul li, .nav ul li a { text-align: center; float: left; }
.nav { width: 100%; height: 70px; /* 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 */
}
.nav ul { width: 1200px; margin: 0 auto; z-index: 500 }
.nav ul li { padding: 0 34px 0 34px; }
.nav ul li, .nav ul li a { float: left; font-size: 21px; color: #fff; line-height: 70px; }
.nav ul li ul li, .nav ul li ul li a { width: 100%; color: #fff; }
.nav ul li a:hover { color: #fff; }
.nav ul .home, .nav ul .home a { line-height: 70px; height: 70px; margin-left: 25px; }
.nav .m h3 { font-weight: normal; }
.nav .m h3:before { content: ""; position: absolute; right: 0; top: 30px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; }
.nav .m { position: relative; float: left; width: 86px; display: inline; text-align: center; }
.nav .sub { display: none; width: 120px; position: absolute; left: 35px; top: 70px; background: #fff; float: left; line-height: 30px; border: 1px solid #f00b11; border-top: none; }
.nav .sub li { text-align: center; font-size: 16px; color: #f00b11; width: 100%; float: none; padding: 4px 0; line-height: 20px; }
.nav .sub li a { color: #f00b11; display: block; zoom: 1; line-height: 20px; float: none; }
.nav .sub li a:hover { color: #f00b11; }
.nav ul .ono:hover { background: #fe3c4a; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); }
.nav ul .ono:hover a { display: block; background: #fe3c4a; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg); }
.xh-fall-fallTitle { border-bottom: 1px solid #d8d8d8; overflow: hidden; margin: 20px 0; }
.xh-fall-fallTitle h2 { font-size: 26px; color: #aa0000; line-height: 50px; float: left; border-bottom: 3px solid #aa0000; padding: 0 10px; }
.xpage-content { list-style: none; }
.xpage-content li { width: 375px; height: 305px; float: left; margin: 0 11px 30px 11px; overflow: hidden; }
.xpage-content li img { width: 100%; height: auto; }
.xpage-content li p { color: #272727; font-size: 16px; font-weight: normal; height: 55px; line-height: 27px; overflow: hidden; vertical-align: middle; width: 100%; margin: 0 auto; margin-top: 5px; }
.xpage-content li p a { color: #272727; }
.xpage-more-btn { width: 60%; text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #bbb; background: #eee; line-height: 2em; border-radius: 0.5em; cursor: pointer; margin-top: 30px; margin-bottom: 50px; }
.xpage-more-btn:hover { background: #ddd; }
.xpage-more-btn:active { background: #ccc; }
.slect_box { width: 1200px; height: auto; margin: 0 auto; position: relative; }
.slect { position: absolute; right: 70px; top: 165px; border: none; outline: none; width: 110px; cursor: pointer; font-size: 18px; }
/*footer*/
.footer { width: 100%; height: 60px; background: url(http://www.newsimg.cn/english/special/19cpcnc/images/footer_bj.png) no-repeat 50% 0; font-size: 16px; color: #fff; padding-top: 245px; text-align: center; }
@media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none !important; }
.domMobile { display: block !important; }
.content { width: 100%; height: auto; margin: 0 auto; }
/*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: 300%; list-style: none; overflow: hidden; }
.menu_list li { float: left; font-size: 1.4rem; line-height: 46px; text-align: center; color: #fff; padding: 0 2%; }
.menu_list li a { color: #fff; }
.menu_list li.on a { color: #ffea00; }
.xpage-container { width: 95%; margin: 0 auto; }
.xpage-content li h3 { float: left; margin-bottom: 0; width: 100%; }
.xpage-content li { width: 46%; height: auto; float: left; margin: 0 2% 0 2%; overflow: hidden; }
.xpage-content li img { width: 100%; height: auto; }
.xpage-content li p { width: 100%; height: 118px; font-size: 1em; padding: 0 0 10px 0; line-height:18px; }
/*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; }
}