@charset "utf-8";
/* CSS Document */
a { -webkit-transition: all 0.4s; transition: all 0.4s; }
a:hover { color: #ff9724 !important; background-color: transparent; -webkit-text-decoration-skip: objects; }
.domPC { display: block; }
.domMobile { display: none; }
/* banner */
.tl { width: 100%; height: 9px; /*background: url("http://www.emerinfo.cn/xl/20181218_yjxx_XLtl_v1.png") 50% 0 repeat-x;*/ margin-top: 20px; }
.contant { width: 1200px; margin: 0 auto 30px; background: #fff; }
.con-top { padding: 40px 40px; font-size: 14px; color: #333; }
.con-top span { color: #999; padding: 0 5px; }
.con-top a { color: #999; }
.con-left { width: 150px; float: left; }
.timebox { text-align: center; font-size: 18px; font-weight: 100; }
.timebox p { font-size: 36px; padding: 5px 0; font-weight: 300; }
.timebox p span { font-size: 28px; }
.form { text-align: center; font-size: 14px; padding: 15px 0; }
.share { position: relative; padding: 10px 0; font-size: 16px; }
.online { text-align: center; padding: 10px 0; }
.s-item { text-align: center; color: #808080; width: 108px; height: 42px; margin: 0 auto 16px; line-height: 42px; cursor: pointer; }
.s-item a { display: block; width: 42px; height: 42px; float: left; margin-bottom: 10px; transition: all .4s; -moz-transition: all .4s; ; /* Firefox 4 */ -webkit-transition: all .4s; /* Safari Ã¥â€™Å’ Chrome */ -o-transition: all .4s; ;/* Opera */ }
.s-item div { float: left; width: 48px; height: 42px; line-height: 42px; }
.s-wb { background-image: url(http://www.emerinfo.cn/xl/n-wb.png); }
.s-q { background-image: url(http://www.emerinfo.cn/xl/n-q.png); }
.s-wx { background-image: url(http://www.emerinfo.cn/xl/n-wx.png); }
.s-item.hover a { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); /* Safari and Chrome */ -moz-transform: rotateY(360deg);/* Firefox */ }
.wx-ewm { margin-bottom: 24px; width: 130px; height: 130px; background-color: #348CEC; color: #808080; border-radius: 4px; overflow: hidden; text-align: center; position: absolute; left: 10px; top: 55px; display: none; }
.wx-ewm img { display: block; width: 115px; height: 115px; margin: 8px auto; }
.con-right { width: 1032px; float: right; }
.con-right .main { padding: 0 42px; border-left: 1px solid #ccc; margin-top: -70px; }
.con-right .main h1 { font-size: 34px; font-weight: bold; line-height: 1.5em; padding-bottom: 10px; text-align: center; }
.con-right .main .video-frame { display: none; margin-bottom: 20px; }
.con-right .main { font-size: 16px; }
.con-right .main p { margin-bottom: 15px; line-height: 36px; }
.con-right .main p img { max-width: 740px; width: auto; height: auto; }
.con-right .main .author { text-align: right; }
.keyword { padding: 30px 0; display: none; }
.keyword span { float: left; line-height: 32px; padding: 0 0 10px; }
.main2 { padding: 0 49px; }
.p-kwap a { display: inline-block; margin-right: 10px; padding: 0 12px; line-height: 32px; background-color: #f0f2f5; color: #808080; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.p-kwap a:hover { background-color: #ce0b24; color: #fff !important; }
.zan-wap { margin-top: 25px; position: relative; height: 140px; display: none; }
.zan-i { position: absolute; left: 50%; margin-left: -37px; top: 0; width: 101px; height: 101px; z-index: -1; font-size: 22px; color: #ce0b24; font-weight: 600; text-align: center; line-height: 74px; }
.zan-v { position: absolute; left: 50%; margin-left: -50px; top: 1px; width: 99px; height: 99px; z-index: 2; font-size: 22px; color: #348CEC; font-weight: 600; text-align: center; line-height: 74px; background-image: url(http://www.emerinfo.cn/xl/20171214_XAXL_good02_v1.png); background-size: 100%; }
.zan-v span { position: relative; padding-left: 10px; line-height: 74px; color: #ccc; font-size: 14px; text-align: center; }
.zan-v span:before { content: ""; display: block; position: absolute; top: 0; left: -4px; width: 14px; height: 14px; background-image: url(http://www.emerinfo.cn/xl/zan-v2.png); display: none; }
.zan { display: block; width: 101px; height: 101px; margin: 25px auto 0; background-image: url(http://www.emerinfo.cn/xl/20171214_XAXL_good01_v1.png); position: relative; z-index: 20; }
.zan:hover { animation: mymove 1s infinite; -webkit-animation: mymove 1s infinite;/*Safari and Chrome*/ }
.pageVideo { width: 750px !important; height: 500px !important; }
 @keyframes mymove {
 0% {
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
        /* Internet Explorer */
        -moz-transform: rotate(0deg);
        /* Firefox */
        -webkit-transform: rotate(0deg);
        /* Safari å’Œ Chrome */
        -o-transform: rotate(0deg);
/* Opera */
}
 50% {
 transform: rotate(69deg);
 -ms-transform: rotate(69deg);
        /* Internet Explorer */
        -moz-transform: rotate(69deg);
        /* Firefox */
        -webkit-transform: rotate(9deg);
        /* Safari å’Œ Chrome */
        -o-transform: rotate(69deg);
/* Opera */
}
 100% {
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
        /* Internet Explorer */
        -moz-transform: rotate(0deg);
        /* Firefox */
        -webkit-transform: rotate(0deg);
        /* Safari å’Œ Chrome */
        -o-transform: rotate(0deg);
/* Opera */
}
}
 @-webkit-keyframes mymove {
 from {
 left: 0px;
}
 to {
 left: 200px;
}
}
.news-com { display: none; }
.column-name { position: relative; font-size: 30px; line-height: 60px; color: #333; font-weight: 300; margin: 30px 0; }
.column-name span { color: #999; font-size: 14px; line-height: 30px; padding-left: 20px; }
/* 20190214 add 导航和放大 By LHR begin*/
.tools { float: right; padding: 0px 0px 20px 0px; text-align: right; }
.tools .gs { float: left; padding: 0px 0px 0px 4px; width: 30px; height: 27px; background: url(http://www.emerinfo.cn/images/2016_tools.png) no-repeat; cursor: pointer; }
.tools .gn03 { background-position: -104px -115px; }
.tools .gn04 { background-position: -139px -115px; }
.tools .gn05 { background-position: -174px -115px; }
/* 20190214 add 导航和放大 By LHR end*/
.content { width: 1200px; height: auto; margin: 0 auto; }
/*头部*/
.logo { width: 229px; height: 70px; margin-top: 45px; }
.top_right { width: 415px; height: 65px; margin-top: 45px; }
.top_list { width: 415px; height: 20px; list-style: none; overflow: hidden; }
.top_list li { float: left; width: 58px; height: 18px; border: 1px solid #ccc; font-size: 12px; color: #333; text-align: center; line-height: 18px; }
.top_list li a { color: #333; }
.top_list li + li { margin-left: 10px; }
.serch_box { width: 405px; height: 30px; margin: 0 auto; border: 1px solid #bd0018; margin-top: 8px; border-radius: 5px; }
.serch_box .text01 { float: left; width: 355px; height: 30px; font-size: 16px; border-radius: 5px; outline: none; line-height: 30px; margin-left: 5px; border: none; background: none; color: #000; }
.serch_box .text02 { float: right; width: 40px; height: 30px; background: url(http://www.xinhuanet.com/mrdx/2020new/images/search.png) no-repeat; outline: none; border: none; cursor: pointer; }
.nav_box { width: 100%; height: 50px; background: #bd0018; margin-top: 24px; margin-bottom: 30px; }
.nav_list { width: 1200px; height: 50px; margin: 0 auto; list-style: none; }
.nav_list li { float: left; width: auto; height: 50px; overflow: hidden; line-height: 50px; font-size: 16px; color: #fff; }
.nav_list li a { color: #fff; }
.nav_list li + li { margin-left: 16px; }
.dh_box { width: 100%; height: auto; }
.dh_box .dh { font-size: 20px; color: #bd0018; border-bottom: 1px solid #ccc; padding-bottom: 10px; position: relative; margin-bottom: 16px; }
.dh_box .dh:before { content: ""; width: 40px; height: 4px; background: #bd0018; position: absolute; left: 0; bottom: 0; z-index: 5; }
.dh_box { width: 100%; height: auto; }
.dh_box .dh { font-size: 20px; color: #bd0018; border-bottom: 1px solid #ccc; padding-bottom: 10px; position: relative; margin-bottom: 16px; }
.dh_box .dh:before { content: ""; width: 40px; height: 4px; background: #bd0018; position: absolute; left: 0; bottom: 0; z-index: 5; }
.footer { padding: 30px 0 30px 0; background: #bd0018; text-align: center; margin-top: 50px; font-size: 12px; color: #fff; }
.footer p { line-height: 20px; }
.m-title { font-size: 20px; line-height: 1.5em; padding-bottom: 10px; text-align: center; }
.s-title { font-size: 18px; line-height: 1.5em; padding-bottom: 10px; text-align: center; }
.author { display: none; }

@media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
.part { width: 94%; height: auto; margin: 0 auto; }
.logo { width: 100%; height: auto; margin: 25px 0 15px 0; }
.logo img { width: 50%; height: auto; }
.mb_nav { background: #c80000; width: 100%; height: 30px; overflow-x: auto; white-space: nowrap; font-size: 0; position: relative; z-index: 99; }
.mb_nav a { display: inline-block; vertical-align: middle; margin: 0 10px; color: #fff; font-size: 16px; line-height: 30px; }
.focusBox2 { width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 15px; }
.content { width: 96%; height: auto; margin: 0 auto; }
.contant { width: 96%; height: auto; margin: 0 auto; }
.con-top { padding: 0; font-size: 12px; display: none; color: #333; }
.con-right .main { padding: 0 0; border-left: none; margin-top: 0; }
.con-right .main p img { width: 100% !important; height: auto !important; }
.tools { display: none; }
.con-right .main h1 { font-size: 25px; margin-top: 15px; }
.m-info { margin-bottom: 15px; }
.con-right { width: 100%; height: auto; }
.footer { padding-bottom: 10px; margin-top: 30px; background: #bd0018; }
.footer p { line-height: 18px; font-size: 12px; text-align: center; color: #fff; }
.footer { padding: 5% 10%; }
}