/*yapi 20240701*/
/*reset*/
body{font-size: 14px;line-height: 24px;font-family: Verdana, arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53", sans-serif;color: #fff;position: relative;background: url(../images/bodybg.png) repeat #000;}
body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, i{margin: 0; padding: 0;}
a{color: #fffced; text-decoration: none; cursor: pointer;}
a:hover{color: #ffdca5;}
ol, ul, li{list-style: none;}
em, i{font-style: normal;}
img{border: none;}
input, textarea{outline: none;}
textarea{resize: none;}
.cf{*zoom: 1; clear: both;}
.cf:after{content: '\20'; display: block; height: 0; clear: both;}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.yahei{font-family: "\5FAE\8F6F\96C5\9ED1"; _font-family: "\5B8B\4F53";}
.w{width: 1006px;margin: 0 auto;overflow: hidden;}
.lh, .fixnav .top{line-height: 99; overflow: hidden;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topbar{font-size: 12px; color: #333;}
.topbar a{color: #333;}
.topbar .logo{overflow: hidden; height: 32px;}
:root *{filter: none\9 !important;}
*html{background-image: url(#); background-attachment: fixed;}
/* header */
.header{height: 922px;}
.header{position: relative;min-width: 1006px;}
.header .hd1, .header .hd2, .header .hd3, .header .hd4, .header .hd5, .header .hd6, .header .hd7{height: 122px;}
.header .hd4{height: 121px;}
.header .hcon{position: absolute;top: 0;left: 50%;margin-left: -490px;width: 980px;height: 922px;}
.header .hd-logo{width: 246px;height: 104px;position: absolute;left: 30px;top: 30px;}
.header .link2{position: absolute;top: 743px;left: 50%;transform: translateX(-50%);display: block;width: 362px;height: 94px;text-align: center;line-height: 62px;color: #252222;font-size: 28px;background: url(../images/begin_btn.png) no-repeat;font-weight: bold;font-size: 0;}
/*.header .link2:hover{background-image: url(../images/begin_btn-hover.png); color: #fffced;}
.header .link1{margin-left: -400px; line-height: 1.5em; font-size: 20px;}
.header .link2 span{display: block; font-size: 14px; font-weight: normal; color: #333;}*/
.htxt{position: absolute;bottom: 10px;left: 50%;color: #fff;/* width: 460px; */margin-left: -230px;text-align: center;font-size: 18px;line-height: 25px;}
.htxt span{color: #f99223;/* text-decoration: underline; */margin-left: 10px;}
.m1{height: 252px;background: url("../images/m1.png") no-repeat center top;width: 1002px;margin: 26px auto 0;position: relative;}
.m1 .info{padding: 93px 348px 0 52px;line-height: 24px;color: #c5c5c5;height: 120px;overflow: hidden;text-align: justify;}
.m1 .m1-btns{position: absolute;right: 20px;bottom: 28px;}
.m1 .m1-btns a{width: 139px;height: 66px;line-height: 57px;text-align: center;color: #201c17;font-size: 0;display: inline-block;background: url("../images/btn-bg2.png") no-repeat;margin-top: 12px;/* opacity:.9; */}
.m1 .m1-btns a:first-child{background-image: url(../images/btn-bg1.png);margin-right: -10px;width: 154px;}
.m1 .m1-btns a:hover{/*background-image: url(../images/btn-bg1-hover.png);*/opacity:1;color: #fffced;background-position: 0 bottom;}
.mmenu{padding: 35px 0 0;width: 1006px;}
.mmenu ul{margin-left:-18px;}
.mmenu ul li{width: 152px;height: 122px;float: left;background: url(../images/nmenu-a.png) no-repeat;/* padding: 24px 0 0 8px; */margin-left: 18px;}
.mmenu ul li:hover{background-image: url(../images/nmenu-hover.png);}
.mmenu ul li:hover a{color: #1e1e1e;}
.mmenu ul li a{width: 139px;height: 109px;padding: 19px 0px 0 30px;display: block;/* text-align: center; */line-height: 32px;font-size: 26px;color: #b6b6b6;letter-spacing: 5px;box-sizing: border-box;font-weight: bold;}
.m2{text-align: center;/* margin-bottom: 12px; */height: 117px;background: url(../images/m2.png) no-repeat;padding: 16px 0 0;box-sizing: border-box;margin-top: 35px;}
.m2 ul{font-size: 0; height: 80px;}
.m2 li{margin: 0 1px;display: inline-block;}
.m2 li img{display: block;width: 320px;height: 78px;border: 1px solid #000;border-radius: 5px;}
.m3{margin-top: 35px;}
.m31{width: 370px; line-height: 24px;}
.m31 .topnews{padding: 5px 0; border-bottom: 1px dashed #756c55;}
.m31 .topnews .tit{display: block; font-size: 20px; font-weight: 700; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 42px; line-height: 42px; color: #ffdca5;}
.m31 .topnews .tit a{color: #fe9632;}
.m31 .topnews .tit a:hover{text-decoration: underline;}
.m31 .topnews p{color: #fff; line-height: 30px;}
.m31 .topnews{height: 114px; overflow: hidden;}
.m31 .tab{overflow: hidden;padding-top: 20px;position: relative;border-bottom: 2px solid #727070;}
.m31 .tab-head{position: relative;}
.m31 .tab span{float: left; display: inline; width: 77px; height: 38px; line-height: 38px; text-align: center; font-size: 20px; cursor: pointer; color: #fff;}
.m31 .tab span:hover{color: #ffdca5;}
.m31 .tab span.on{background: url(../images/tabh.png) no-repeat; color: #1d1c1a;}
.m31 .tabmore{position: absolute; display: block; top: 30px; right: 0; width: 44px; height: 24px; overflow: hidden; line-height: 999px; overflow: hidden; background: url(../images/more11.png) center center no-repeat; z-index: 10;}
.m31 .tabmore a{width: 100%; height: 100%; display: block; overflow: hidden;}
.m31 .list0{display: block; overflow: hidden;}
.m31 .list0 li{height: 30px; padding: 10px 60px 10px 0; font-size: 16px; line-height: 30px; position: relative; overflow: hidden; border-bottom: 1px solid #3c3e4a; color: #ffffff;}
.m31 .list0 li.video{background-position: 0 -27px;}
.m31 .list0 li a{display: inline-block; zoom: 1; max-width: 250px; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; overflow: hidden; color: #ffffff;}
.m31 .list0 li a:hover{color: #ffa807;text-decoration: underline;}
.m31 .list0 .new a{background: url(../images/new.gif) no-repeat right 3px; padding-right: 14px;}
.m31 .list0 .hot a{background: url(../images/hot.gif) no-repeat right 3px; padding-right: 14px;}
.m31 .list0 li i{position: absolute; width: 23px; height: 12px;}
.m31 .list0 li span{position: absolute; right: 0; top: 19px; width: 45px; height: 20px; line-height: 20px; font-size: 14px;}
.m32{height: 422px; overflow: hidden; position: relative; width: 620px; margin-top: 30px;}
.m32 .imgbox{width: 500px; height: 299px; overflow: hidden; position: relative;}
.m32 .imgbox ul{width: 1020px; height: 324px; overflow: hidden;}
.m32 .imgbox li{float: left; display: inline; width: 500px; height: 300px; overflow: hidden; position: relative;}
.m32 .imgbox img{width: 500px;height: 300px;display: block;border: 1px solid #828282;box-sizing: border-box;}
.m32 .imgbox li .tit{width: 100%; color: #fffced; text-align: center; position: absolute; bottom: 9px; left: 0; z-index: 2; font-size: 16px;}
.m32 .imgbox .mask{background: rgba(0, 0, 0, 0.5);filter: alpha(opacity=50) \9;width: 100%;height: 40px;display: block;position: absolute;bottom: 1px;left: 1px;z-index: 1;}
.m32 .imgtit{width: 126px; padding: 34px 0; position: absolute; right: 1px; overflow: hidden; z-index: 6; height: 232px;}
.m32 .imgtit em{width: 121px;height: 34px;background: url(../images/srtop.png) no-repeat;cursor: pointer;user-select: none;position: absolute;right: 0;top: 0;}
.m32 .imgtit em.nbtn{background: url(../images/srbottom.png) no-repeat bottom;top: auto;bottom: 1px;}
.m32 .imgtit .titbox{width: 133px; height: 232px; overflow: hidden; position: relative;}
.m32 .imgtit .titbox li{float: left; display: inline; width: 133px; user-select: none; -moz-user-select: none;}
.m32 .imgtit a{display: block; width: 106px; padding: 9px 10px; height: 41px; line-height: 20px; text-align: center; position: relative; cursor: pointer; border-left: none; margin-top: -1px; background: url(../images/srona.png) right center no-repeat;}
.m32 .imgtit a p{height: 38px; overflow: hidden;}
.m32 .imgtit .on a, .m32 .imgtit a:hover{background: url(../images/sron.png) no-repeat right; text-decoration: none; color: #201c17;}
.m32 .imgtit .on a i, .m32 .imgtit a:hover i{display: block; width: 8px; height: 10px; position: absolute; top: 22px; left: -8px; background: url("../images/arrow_icon.png") no-repeat center left; z-index: 2;}
.m32 .imgtit em, .m32 .imgtit a{border-color: #767676;}
.m32 .glimg{width: 630px; height: 103px; overflow: hidden; margin: 10px auto 0;}
.m32 .glimg li{float: left; display: inline; width: 198px; height: 101px; border: 1px solid #d3b685; margin-right: 10px; overflow: hidden;}
.m32 .glimg img{width: 198; height: 101px; display: block;}
.fixnav{width: 169px;height: 342px;text-align: center;position: fixed;left: 50%;bottom: 150px;margin-left: 580px;z-index: 100;overflow: hidden;background: url("../images/sidebg.png") no-repeat center top;display: none;padding: 122px 0 0 3px;}
.fixnav .libao{width: 115px; height: 43px; display: block; background: url(../images/sli-a.png) no-repeat; text-align: center; line-height: 43px; font-size: 16px; font-weight: bold; color: #4b3333; margin: 0 auto;}
.fixnav .libao:hover{background-image: url(../images/sli-on.png); color: #fff;}
.fixnav .as{width: 104px; margin: 0 auto;}
.fixnav .as a{/* height: 42px; */line-height: 35px;display: block;padding-bottom: 1px;font-size: 14px;/* border-bottom: 1px dashed #8c7746; */color: #b6b6b6;font-weight: bold;}
.fixnav .as a:hover{color: #fe9632;text-decoration: none;}
.fixnav .top{width: 100px;display: block;height: 100px;position: absolute;bottom: 48px;left: 35px;}
.comment-box{position: relative; width: 1000px; margin: 25px auto; color: #000;}
.comment-pin, .friendlink{/*position: relative; z-index: 2;*/ width: 1000px; margin: 0 auto 10px; background-color: #fff; padding: 10px 0;}
.friendlink .hdarea{height: 49px; border-bottom: 1px solid #eee;}
.friendlink .hdarea em{height: 48px; line-height: 54px; margin-left: 14px; margin-bottom: 1px; padding: 0 3px; float: left; display: inline; font-size: 18px; font-weight: bold; color: #333; position: relative; border-bottom: 2px solid #2794ef; overflow: hidden;}
.friendlink .fri-qq{background: url("../images/fri-ico_v1.png") no-repeat; background-position: -34px -52px; height: 20px; line-height: 20px; margin-top: 20px; margin-left: 20px; padding-left: 24px; float: left; display: inline; color: #666;}
.friendlink .fri-qq span{color: #2794ef;}
.friendlink .fri-list{padding: 10px 15px; font-size: 12px; height: 1%; clear: both; overflow: hidden;}
.friendlink .fri-list li{height: 24px; line-height: 24px; margin-right: 20px; float: left; display: inline; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.friendlink .fri-list a, .bulletin a{color: #666;}
.friendlink .fri-list a:hover, .bulletin a:hover{color: #f60;}
.bulletin{width: 980px; line-height: 24px; padding: 10px; margin: 0 auto; color: #999; text-align: center; position: relative; z-index: 3; overflow: hidden;}
.bulletin img{width: 19px; height: 22px; margin-right: 3px; display: inline-block; vertical-align: top; *vertical-align: middle; *margin-top: -2px;}
.phone_product .ico_yh{background: url("//newsimg.5054399.com/css/shouyou/images/phone_universal_e2.png") no-repeat 0 -420px; width: 16px; height: 16px; float: left;}
.phone_product dd{color: #333; float: left; height: 16px; font-size: 12px; margin: 2px 0 0 0; background: url("//newsimg.5054399.com/css/shouyou/images/phone_universal_e2.png") no-repeat right -231px; padding: 0 8px; font-family: "simsun"; line-height: 16px;}
.phone_product dd i{margin: 0 5px 0 0;}
.popbg{width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 101;}
.popbox{width: 520px; height: 360px; background: url(../images/popbox.png) no-repeat; position: fixed; top: 50%; left: 50%; margin: -180px 0 0 -300px; padding: 0 40px; z-index: 101;}
.popbox .popclose{width: 40px; height: 40px; background: url(../images/popclose.png) no-repeat center; position: absolute; top: 10px; right: 10px; cursor: pointer;}
.popbox .poptit{text-align: center; border-bottom: 1px solid #969696; padding-top: 20px; line-height: 54px; font-size: 30px;}
.popbox .popc{font-size: 16px; line-height: 30px; margin-top: 20px;}
.sltip{width: 80px;height: 104px;background: url(../images/age.png) no-repeat;position: absolute;top: 74px;right: 80px;}
.nm5{height: 364px; background: url(../images/nm5.png) no-repeat; margin-top: 20px;}
.nm5 .box-hd{margin-top: 10px;}
.nm5 .left{float: left; width: 500px;}
.nm5 .right{float: right; width: 500px;}
.nm6{height: 438px; background: url(../images/nm6.png) no-repeat; margin-top: 20px;}
.nm6 .box-hd{margin-top: 10px;}
.nm6 .plist{height: 354px; margin-top: 10px;}
.nm6 .plist li{width: 232px; height: 167px; margin-right: 12px; line-height: 45px; margin: 0 12px 10px 0;}
.nm6 .plist li img{width: 232px; height: 132px;}
.plist{height: 300px; overflow: hidden; margin: 5px 0 0 15px;}
.plist li{width: 110px; height: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height: 40px; float: left; margin-right: 9px; position: relative;}
.plist li .ico{width: 56px; height: 56px; display: block; background: url(../images/ico-play.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -28px; z-index: 1;}
.plist li a{color: #fffced;}
.plist li a:hover{color: #ffdca5; text-decoration: underline;}
.plist li img{display: block; height: 110px; width: 100%;}