body,td,th,div,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,input,select {font-size: 14px;line-height:150%;color:#333333;font-family:"Microsoft Yahei","SimSun";font-weight:normal;margin:0;padding:0;} body{background:#FFF;margin: 0px;} a {color: #666; text-decoration: none;} a:hover {color: #116ac4;text-decoration: none;} ul,li{list-style: none;list-style: none;} a,img{border:0;} /* menu */ .topbox{width:100%;max-width:1920px;min-width:1100px;height:90px;text-align:center;background:#FFF;margin:0 auto;} .topbox2{max-width:1230px;min-width:1100px;height:90px;margin:0 auto;text-align:left;position:relative;} .toplogo{width:400px;height:90px;position:absolute; top:0; left:0;background:url('../images/logo.png?v=2022') no-repeat;} .toplogo a{display:block;width:400px;height:90px;text-decoration: none;} .topmenu{width:auto;margin-left:400px;height:90px;z-index: 9980;position: relative;} .topmenu ul li {position: relative; height:90px;float: left;} .topmenu ul li a {display: block;text-align: center;height:90px; line-height:90px;padding:0px 12px;text-align:center;color: #555;font-size:16px;} .topmenu ul li a:hover {color: #FFF; text-decoration: none;background:#004590 url('../images/nav-bg.png') center 65px no-repeat;} .topmenu ul li:hover a {color: #FFF; text-decoration: none;background:#004590 url('../images/nav-bg.png') center 65px no-repeat;} .topmenu ul li .menudown {z-index: 9982; position: absolute; width: 150px;height: auto; display: none; padding: 10px; top: 90px; left: 0px;background:#FFF;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;-moz-box-shadow:0px 12px 8px -12px rgba(0, 0, 0, .2); box-shadow:0px 12px 8px -12px rgba(0, 0, 0, .2);} .topmenu ul li:hover .menudown {z-index: 9983; display: block;} .topmenu ul li .menudown a {position: relative; height:30px; line-height:30px; font-size:14px;text-align: left;color: #333;cursor: pointer;} .topmenu ul li .menudown a:hover {color: #0094f9;display: block;} .topmenu ul li:hover .menudown a:hover{display: block;} .topmenu ul li:hover .menudown a {background: none transparent scroll repeat 0% 0%;} .topmenu a.menu-en{width:40px;padding:0px;background:url('../images/bt-menu.png') -5px -78px no-repeat;} .topmenu a.menu-en:hover {background:url('../images/bt-menu.png') -105px -78px no-repeat;} .topmenu a.menu-ask{width:40px;padding:0px;background:url('../images/bt-menu.png') -10px 22px no-repeat;} .topmenu a.menu-ask:hover {background:url('../images/bt-menu.png') -110px 22px no-repeat;} /* NEWS section */ .newsboxbg{clear:both;width:100%;max-width:1920px;background:#f5f5f5;margin:0 auto;padding-top:40px;padding-bottom:40px;} .newsbox{clear:both;width:100%;max-width:1230px;min-width:1100px; margin:0 auto;position:relative;} .news-left{width:290px;height:460px;position:absolute; top:0px; left:0px;} .news-center{width:460px;height:460px;position:absolute; top:0px; left:290px;} .news-right{width:auto;height:460px;margin-left:750px;} .newsbox h1{height:40px;font-size:20px;font-weight:bold;} .newsbox h2{height:40px;font-size:20px;} .news-left ul{margin-right:30px;} .news-left ul li{height:120px;border-bottom:#d5d5d5 1px solid;} .news-left ul li a{display: block;} .news-left ul li a:hover h3{color:#116ac4;} .news-left ul li a h3{font-size:14px;max-height:40px;color:#020202;margin-bottom:5px;overflow:hidden;} .news-left ul li a h4{font-size:12px;height:37px;color:#8b8b8b;overflow:hidden;} .news-left ul li h5{font-size:12px;height:30px;line-height:30px;color:#999;} .more{height:40px;line-height:40px;} /* NEWS PHOTOS */ .news-bg{width:460px;height:420px;background:#dddddd;} #fc{width:460px;height:380px;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );} .news-center dd{padding:10px 30px;} .news-center dd a{display: block;} .news-center dd a:hover h3{color:#116ac4;} .news-center dd a h3{font-size:14px;height:20px;color:#020202;font-weight:bold;overflow:hidden;} .news-center dd a h4{font-size:12px;height:38px;color:#595959;overflow:hidden;} .news-center dd h5{font-size:12px;color:#999;} #num{width:120px;height:20px;float:right;} .bigon{width:5px;height:5px;background:#0098fd;cursor:pointer;float:left;margin:5px;} .bigoff{width:5px;height:5px;background:#b3adaf;cursor:pointer;float:left;margin:5px;} .news-right h1{margin-left:30px;} .news-right ul{margin-left:30px;} .news-right ul li{height:40px;border-bottom:#d5d5d5 1px solid;position:relative;} .news-right ul li a{display: block;width:auto;margin-right:80px;height:40px;line-height:40px;overflow:hidden;} .news-right ul li a:hover{color:#116ac4;} .news-right ul li span{display: block;width:80px;height:40px;line-height:40px;text-align:right;position:absolute; top:0px; right:0px;font-size:12px;color:#999;} /*move-photo CSS */ .mr_bg {clear:both;width:1110px; height:190px;margin:0 auto;margin-top:50px;margin-bottom:50px;} .mr_frbox { height: 190px;} .mr_frBtnL { float: left; margin:70px 5px 0px 0px; cursor: pointer; display: inline; } .mr_frUl { float: left; height: 190px; width: 1044px; } .mr_frBtnR { float: left; margin: 70px 0px 0px 5px; cursor: pointer; } .mr_frUl ul li { display: inline; float: left; width: 258px; height: 190px; margin-right: 3px; overflow: hidden; } .mr_frUl ul li a {display:block; width: 255px; height: 190px;text-decoration: none; } .mr_frUl ul li a:hover {background:#FFF;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} /*move-photo CSS end 手机端修改mr_bg和mr_frUl宽度width*/ /* ABOUT section CSS 20210825 */ .home-about-bg{clear:both;width:100%;max-width:1920px;background:#00336e url('../images/home-about-bg.jpg') center center no-repeat;padding-top:80px;padding-bottom:80px;margin:0 auto;} .home-about{clear:both;width:100%;max-width:1230px;min-width:1100px;position:relative;background:#FFF url('../images/about-bottom.png') left bottom no-repeat;padding-top:80px;padding-bottom:80px;margin:0 auto;} .about-intro{clear:both;width:auto;min-height:200px;margin-right:500px;margin-left:100px;} .about-intro h1{height:50px;font-size:28px;color:#116ac4;} .about-intro h2{height:30px;font-size:18px;color:#116ac4;} .about-photo{width:370px;height:200px;text-align:right;position:absolute; top:100px; right:100px;} .about-photo img{width:300px;height:180px;border:2px #f0f0f0 solid;} .about-link {clear:both;margin-left:100px;} .about-link a{display:block;width:80px;height:150px;font-size:16px;text-align:center;margin-right:100px;font-weight:bold;float:left;} .about-link a{color:#333;text-decoration: none;} .about-link a:hover {color:#116ac4;text-decoration: none;} .about-link a.bt-about1 {background:url('../images/bt-about-us.png') 10px 0px no-repeat;} .about-link a.bt-about2 {background:url('../images/bt-about-us.png') -243px 0px no-repeat;} .about-link a.bt-about3 {background:url('../images/bt-about-us.png') -477px 0px no-repeat;} .about-link a.bt-about4 {background:url('../images/bt-about-us.png') -729px 0px no-repeat;} .about-link a span{display:block;text-align:center;margin-top:90px;} .about-more {clear:both;margin-left:100px;} .about-more a{display:block;width:168px;height:42px;line-height:42px;text-align:center;} .about-more a{border:1px #CCCCCC solid;background:#FFF;} .about-more a:hover{color:#FFF;border:1px #116ac4 solid;background:#116ac4;} /* INFO section */ .home-info-bg{clear:both;width:100%;max-width:1920px;background:#FFF;margin:0 auto;padding-top:40px;padding-bottom:40px;} .home-info{clear:both;width:1175px; margin:0 auto;} .info-biz{width:267px;height:277px;float:left;} .info-box{width:422px;height:277px;margin-left:28px;background:#f1f1f1;float:left;} .info-biz a{display:block;width:130px;height:135px;font-size:14px;font-weight:bold;text-align:center;float:left;} .info-biz a{color:#333;text-decoration: none;} .info-biz a:hover {color:#FFF;text-decoration: none;} .info-biz a.biz1 {background:#f1f1f1 url('../images/bt-biz.png') 0px 0px no-repeat;margin-right:6px;margin-bottom:6px;} .info-biz a.biz2 {background:#f1f1f1 url('../images/bt-biz.png') -139px 0px no-repeat;margin-bottom:6px;} .info-biz a.biz3 {background:#f1f1f1 url('../images/bt-biz.png') -297px 0px no-repeat;margin-right:6px;} .info-biz a.biz4 {background:#f1f1f1 url('../images/bt-biz.png') -430px 0px no-repeat;} .info-biz a.biz1:hover{background:#116ac4 url('../images/bt-biz.png') 0px -150px no-repeat;} .info-biz a.biz2:hover{background:#116ac4 url('../images/bt-biz.png') -139px -150px no-repeat;} .info-biz a.biz3:hover{background:#116ac4 url('../images/bt-biz.png') -297px -150px no-repeat;} .info-biz a.biz4:hover{background:#116ac4 url('../images/bt-biz.png') -430px -150px no-repeat;} .info-biz a span{display:block;margin-top:90px;} .info-head{height:34px;margin-top:20px;margin-bottom:20px;} .info-head h2{height:34px;line-height:34px;font-size:18px;padding-left:20px;float:left;} .info-head a{display:block;width:96px;height:34px;line-height:34px;text-align:center;float:right;} .info-head a{color:#FFF;background:#118def;} .info-head a:hover{color:#FFF;background:#116ac4;} .info-box ul{margin:20px;} .info-box ul li{height:27px;position:relative;} .info-box ul li a{display: block;width:auto;margin-right:60px;height:27px;line-height:27px;overflow:hidden;} .info-box ul li a:hover{color:#116ac4;} .info-box ul li span.info-date{display: block;width:60px;height:27px;line-height:27px;text-align:right;position:absolute; top:0px; right:0px;font-size:12px;color:#999;} .info-box ul li span.info-dot{font-size:12px;font-family:"SimSun";} /* TOPIC section */ .homectbg{clear:both;width:100%;max-width:1920px;min-width:1100px;text-align:center;background:#f3f3f3;padding:40px 0px;margin:0 auto;} .artistbox{clear:both;width:1150px;text-align:center;margin:0 auto;} .artistbox h1{height:40px;font-size:24px;color:#222;} .artistbox h5{height:40px;font-size:14px;color:#888;} .artist{text-align:left;} .artist li{width:auto;height:auto;overflow:hidden;font-size:0px;margin-right:10px;margin-bottom:10px;position:relative;float:left;}/*父元素加font-size:0消除img间的默认间隙*/ .artist li img{width:565px;height:300px;} .artist li img.small{width:373px;height:198px;}/*第一行小图加small样式*/ .artist li a{position:absolute;left:0px;top:0px;width:100%;height:100%;color:#fff;background:#004590;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .artist li a:hover{color:#fff;} .artist li a span{display:block;padding:20px;line-height:150%;font-size:18px;color:#FFF;} /* foot */ .foot{clear:both;width:100%;max-width:1920px;min-width:1100px;text-align:center;background:#212121;padding:40px 0px;margin:0 auto;} .foot-menu{clear:both;width:100%;width:1100px;color:#848484;padding-bottom:30px;text-align:left;margin:0 auto;} .foot-menu ul li{width:120px;float:left;overflow:hidden;} .foot-menu ul li a{display: block;color:#848484;} .foot-menu ul li a:hover{color:#a3a3a3;} .foot-menu ul li a span{color:#a3a3a3;font-weight:bold;} .foot-menu ul li.foot-spacer{width:50px;height:30px;float:left;} .foot-menu ul li.foot-ewm{width:150px;text-align:center;float:left;} .foot-menu ul li.foot-ewm h5{color:#848484;font-size:12px;} .foot-copy{clear:both;width:100%;border-top:#585858 1px solid;padding-top:20px;} .foot-copy h3{color:#848484;} .foot-copy h5{color:#848484;font-size:12px;} /* page */ .spacer{clear:both;width:auto;height:10px;margin:0;padding:0;font-size:0;line-height:0;} .pagepic{clear:both;width:auto;min-width:1100px;height:200px;} .pbg1{background:url('../images/pagep1.jpg') top center no-repeat;} .pbg2{background:url('../images/pagep2.jpg') top center no-repeat;} .pbg3{background:url('../images/pagep3.jpg') top center no-repeat;} .pbg4{background:url('../images/pagep4.jpg') top center no-repeat;} .pbg5{background:url('../images/pagep5.jpg') top center no-repeat;} .pbg6{background:url('../images/pagep6.jpg') top center no-repeat;} .pbg7{background:url('../images/pagep7.jpg') top center no-repeat;} .pbg8{background:url('../images/pagep8.jpg') top center no-repeat;} .pagemenu{clear:both;width:100%;max-width:1920px;text-align:center;margin:0 auto;} .pagemenu ul {max-width:1100px;margin:0 auto;text-align:left;} .pagemenu ul li {float:left;} .pagemenu ul li a {display: block;height:40px;line-height:40px;font-size:14px;margin:0px 12px;text-align:center;} .pagemenu ul li a {color:#444;border-bottom:#FFF 3px solid;text-decoration: none;} .pagemenu ul li a:hover {color:#004590;border-bottom:#FFF 3px solid;text-decoration: none;} .pagemenu ul li a.now {color:#333;border-bottom:#004590 3px solid;font-weight:bold;} .pagemenu ul li.thismenu {height:40px;line-height:40px;float:right;font-size:16px;padding-right:15px;} .pagemenu ul li.thismenu span {color:#004590;font-family:"SimSun";} .pagemenu2{display:none;}/*pagemenu2*/ .mainbg{clear:both;width:100%;max-width:1920px;text-align:center;margin:0 auto;} .main{max-width:1100px;min-height:500px;text-align:left;color:#333;border:#E5E5E5 1px solid;border-bottom:#E5E5E5 3px solid;padding:40px;margin:0 auto;margin-bottom:40px;position:relative;} .main h1{font-size:24px;margin-bottom:30px;} .main h2{font-size:20px;font-weight:bold;} .main h3{font-size:24px;font-weight:bold;color:#666;} .main h4{font-size:14px;color:#666;} .main h5{font-size:12px;color:#CCC;} .main h6{width:80px;height:80px;font-size:14px;font-weight:normal;text-align:center;background:#122572;color:#FFF;margin:0;padding:0;} .main h6 span{display:block;font-size:24px;line-height:50px;font-weight:bold;} .main p{color:#333;font-size:14px;line-height:150%;text-indent: 2em;}/*em是相对单位,2em即现在一个字大小的两倍*/ .main img{width:auto;border:0;display:block;} .main_title{font-size:24px;font-weight:bold;margin:20px;text-align:center;} .main_time{color:#aaa;margin:10px;text-align:center;} .main_key{padding:20px;background:#f5f5f5;margin-top:10px;margin-bottom:20px;} .main_key span{font-weight:bold;} .main_content{padding:0px 0px;} .main_content p img{width:auto;max-width:1000px;border:0;display:block;margin:0 auto;} .main_content p video{width:640px;display:block;margin:0 auto;} .main_pic{max-width:400px;height:auto;min-width:300px;float:left;margin-right:20px;margin-bottom:20px;} .main_line{border:#ababab 1px solid;color:#ababab;display:inline-block !important;padding:3px;} .main-head h1{float:left;} .main-head a{display:block;width:80px;height:25px;line-height:25px;font-size:14px;margin-top:4px;margin-left:20px;text-align:center;float:left;} .main-head a{border:1px #CCCCCC solid;background:#FFF;} .main-head a:hover{color:#FFF;border:1px #116ac4 solid;background:#116ac4;} .main ul{clear:both;} /*article list */ ul.list-hot{min-height:320px;background:#f5f5f5;padding:15px;position:relative;} ul.list-hot li.hot-pic{width:500px;position:absolute; top:15px; left:15px;} ul.list-hot li.hot-pic a img{width:460px;height:290px;} ul.list-hot li.hot-title{width:auto;margin-left:500px;margin-right:50px;} ul.list-a li{min-height:160px;border-bottom:#f5f5f5 1px solid;padding:15px;position:relative;} ul.list-a li:hover{background:#f5f5f5;} .a-pic{width:230px;height:145px;position:absolute; top:15px; right:15px;} .a-pic a img{width:230px;height:145px;} .a-title{width:auto;margin-right:280px;} ul.list-b li{min-height:160px;border-bottom:#f5f5f5 1px solid;padding:15px;position:relative;} ul.list-b li:hover{background:#f5f5f5;} .b-pic{width:230px;height:145px;position:absolute; top:15px; left:15px;} .b-title{width:auto;margin-left:280px;} ul.list-c li{width:100%;min-height:120px;border-bottom:#f5f5f5 1px solid;padding:15px;position:relative;} ul.list-c li:hover{background:#f5f5f5;} .c-date{width:100px;height:100px;position:absolute; top:15px; left:15px;} .c-title{width:auto;margin-left:120px;margin-right:50px;} ul.list-d{margin:20px;border-top:#CCC 1px dotted;} ul.list-d li{height:40px;font-size:16px;position:relative;border-bottom:#CCC 1px dotted;} ul.list-d li:hover{background:#f5f5f5;} ul.list-d li a{display: block;width:auto;margin-right:280px;height:40px;line-height:40px;overflow:hidden;text-decoration: none;} ul.list-d li a:hover{color:#555555;text-decoration: none;} ul.list-d li span.d-date{display: block;width:100px;height:40px;line-height:40px;text-align:right;position:absolute; top:0px; right:15px;font-size:14px;color:#999;} ul.list-d li span.d-from{display: block;width:120px;height:40px;line-height:40px;text-align:left;position:absolute; top:0px; right:115px;font-size:14px;color:#999;} ul.list-d li span.d-dot{font-size:18px;font-family:"SimSun";} .hot-title a,.a-title a,.b-title a,.c-title a{color:#666;text-decoration: none;} .hot-title a:hover,.a-title a:hover,.b-title a:hover,.c-title a:hover{color:#666;text-decoration: underline;} ul.list-e li {width:340px;height:270px;float:left;margin-right:10px;margin-bottom:10px;overflow:hidden;text-align:center;} ul.list-e li a img{width:340px;height:214px;} ul.list-e li a span{display: block;font-size:16px;margin-top:10px;color:#666;} /*article list gotopage*/ .gotopage {display: block;margin-top: 0;padding: 12px 16px;} .gotopage {margin-bottom: 20px;margin-top: 10px;} .gotopage a {background: #EEE none repeat scroll 0 0; border: 1px solid #e3e3e3; color: #122572; display: inline-block; height: 30px; line-height: 30px; margin: 0 3px; padding: 0 10px; text-align: center;} .gotopage a:hover {background: #f1f1f1 none repeat scroll 0 0;color: #000; text-decoration: none;} .gotopage span {background: #122572 none repeat scroll 0 0; border: 1px solid #122572; color: #fff; display: inline-block; height: 30px; line-height: 30px; margin: 0 3px; padding: 0 10px;text-align: center;} /* 2021 */ #mobinav{display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;background:#242b6c;text-align:center;z-index:99999;} #navopen{display:none;position:fixed;right:0px;top:0px;width:50px;height:50px;z-index:99998;background:url('../images/mobi-menu.png') center center no-repeat;} #navclose{position:absolute;right:0px;top:0px;width:50px;height:50px;background:url('../images/mobi-close.png') center center no-repeat;} /*LOGIN POP css*/ .theme-popover-mask {z-index: 999981;position:fixed;top:0;left:0; width:100%; height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none;} .theme-popover {z-index:999982;position:fixed;top:50%;left:50%;width:600px;height:360px;margin:-180px 0 0 -300px; border:2px #666 solid; background-color:#fff;display:none;box-shadow: 0 0 10px #666;} .theme-poptit {border-bottom:1px solid #ddd;padding:12px;position: relative;} .theme-poptit .close {float:right;color:#999;padding:5px;margin:-2px -5px -5px; font:bold 14px/14px simsun; text-shadow:0 1px 0 #ddd;} .theme-poptit .close:hover {color:#444;} .theme-popover h4{height:30px;line-height:30px;text-align:center;} .theme-form{width:300px;margin:0 auto;margin-top:20px;} .theme-form input[type=text],.theme-form input[type=password]{width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;} .theme-form input[type=button] {width: 100%; background-color: #118def; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} .theme-form input[type=button]:hover { background-color: #116ac4;} /*LOGIN POP css end*/ /*mobile style 2021*/ @media (max-width: 480px) { #navopen{display:block;} .mobi-menu{width:150px;text-align:center;padding-top:50px;margin:0 auto;} .mobi-menu a{display:block;width:150px;height:40px;line-height:40px;font-size:18px;font-weight:bold;text-align:center;} .mobi-menu a {color:#FFF;text-decoration: none;} .mobi-menu a:hover {color:#FFF;text-decoration: none;} a.menu-en{width:50px;height:50px;padding:0px;margin-left:50px;background:url('../images/bt-menu.png?v=81') 5px -90px no-repeat;} a.menu-en:hover {background:url('../images/bt-menu.png?v=81') -95px -90px no-repeat;} a.menu-ask{width:50px;height:50px;padding:0px;margin-left:50px;background:url('../images/bt-menu.png?v=81') 5px 10px no-repeat;} a.menu-ask:hover {background:url('../images/bt-menu.png?v=81') -95px 10px no-repeat;} .mobi-link{width:300px;margin:0 auto;margin-top:30px;text-align:center;} .mobi-link a{display:block;height:30px;line-height:30px;padding:5px;font-size:14px;float:left;} .mobi-link a {color:#FFF;text-decoration: none;} .mobi-link a:hover {color:#FFF;text-decoration: none;} /* menu */ .topbox{width:100%;max-width:480px;min-width:320px;height:70px;} .topbox2{width:100%;min-width:320px;height:70px;} .toplogo{width:300px;height:70px;background-size:100% auto;} .toplogo a{display:block;width:300px;height:70px;text-decoration: none;} .topmenu{display:none;} /* NEWS section */ .newsboxbg{max-width:480px;} .newsbox{max-width:480px;min-width:320px; margin:0 auto;position:static;} .news-left{width:auto;height:460px;position:static; top:0px; left:0px;padding:20px;margin:0 auto;} .news-center{width:auto;height:460px;position:static; top:0px; left:0px;} .news-right{width:auto;height:460px;margin-left:0px;} .news-left ul{margin-right:0px;} /* NEWS PHOTOS */ .news-bg{width:auto;height:420px;background:#dddddd;} #fc{width:100%;} .news-center dd{padding:10px 20px;} .news-center h2{margin-left:20px;} .news-center dt img{width:auto;} .news-right h1{margin-left:20px;} .news-right ul{margin-left:20px;margin-right:20px;} .news-right ul li a{margin-right:50px;} .news-right ul li span{width:50px;} .newsbox h1,.newsbox h2{text-align:center;} /*move-photo CSS */ .mr_bg {width:324px;} .mr_frUl { width: 258px; overflow: hidden;} /* ABOUT section mobi CSS 20210825 */ .home-about-bg{max-width:480px;background:#00336e url('../images/home-about-bg-480.jpg') center center no-repeat;padding-top:30px;padding-bottom:30px;} .home-about{max-width:450px;min-width:320px;padding-top:30px;padding-bottom:30px;position:static;} .about-intro{width:auto;min-height:200px;margin:0 auto;margin-right:20px;margin-left:20px;margin-bottom:30px;} .about-intro h1,.about-intro h2{text-align:center;} .about-photo{width:auto;text-align:center;position:static; top:0px; right:0px;padding-top:40px;} .about-photo img{margin:0 auto;} .about-link {width:auto;margin-left:0px;margin:0 auto;} .about-link a{margin-left:50px;margin-right:40px;} .about-more {margin-left:0px;} .about-more a{margin:0 auto;} /* INFO section */ .home-info-bg{max-width:480px;} .home-info{width:auto;} .info-biz{float:none;margin:0 auto;} .info-box{width:100%;margin-left:0px;float:none;margin:0 auto;} .info-head h2{margin-top:10px;} .info-head a{margin-top:10px;} .info-box ul{margin-top:30px;} /* TOPIC section */ .homectbg{max-width:480px;min-width:320px;} .artistbox{width:320px;} .artist li{margin-right:0px;margin-bottom:0px;float:none;overflow:hidden;} .artist li img{width:320px;height:170px;} .artist li img.small{width:320px;height:170px;} .artist li a{width:320px;height:170px;} /* foot */ .foot{max-width:480px;min-width:320px;} .foot-menu{display:none;width:480px;} .foot-copy{border-top:0px;} .foot span{display:block;font-size:12px;} .foot span.mobi{display:none;} /* page */ .pagepic{clear:both;width:100%;max-width:480px;min-width:320px;height:87px;} .pbg1{background:url('../images/pagep1x.jpg') top center no-repeat;} .pbg2{background:url('../images/pagep2x.jpg') top center no-repeat;} .pbg3{background:url('../images/pagep3x.jpg') top center no-repeat;} .pbg4{background:url('../images/pagep4x.jpg') top center no-repeat;} .pbg5{background:url('../images/pagep5x.jpg') top center no-repeat;} .pbg6{background:url('../images/pagep6x.jpg') top center no-repeat;} .pbg7{background:url('../images/pagep7x.jpg') top center no-repeat;} .pbg8{background:url('../images/pagep8x.jpg') top center no-repeat;} .pagemenu{display:none;}/*pagemenu*/ .pagemenu2{display:block;clear:both;width:100%;text-align:center;margin-bottom:20px;} .pagemenu2 ul {max-width:480px;margin:0 auto;position:relative;} .pagemenu2 ul li {height:35px;line-height:35px;} .pagemenu2 ul li.this-spacer {height:60px;} .pagemenu2 ul li a {display: block;font-size:16px;text-align:center;} .pagemenu2 ul li a {color:#444;border-bottom:#FFF 0px solid;text-decoration: none;} .pagemenu2 ul li a:hover {color:#004590;text-decoration: none;} .pagemenu2 ul li a.now {color:#333;font-weight:bold;} .pagemenu2 ul li.thismenu {width:100%;height:50px;line-height:50px;font-size:18px;background:#f7f7f7;position:absolute;top:0px;left:0px;} .pagemenu2 ul li.thismenu span {display:none;} .mainbg{max-width:480px;margin:0 auto;} .main{max-width:480px;min-height:300px;border:0px;border-top:#E5E5E5 1px solid;border-bottom:#E5E5E5 3px solid;padding:0px;margin:0 auto;margin-bottom:0px;} .main h1{margin-top:30px;margin-left:20px;margin-bottom:20px;} .main h2{margin-top:30px;margin-left:20px;margin-bottom:20px;} .main h3{font-size:18px;} .main h4{font-size:14px;} .main_content{padding:0px 20px;} .main_content img{width:300px;border:0;} .main_content p img{width:300px;max-width:300px;border:0;} .main_content p video{width:320px;display:block;} .main_pic{max-width:400px;height:auto;min-width:300px;float:left;margin-right:20px;margin-bottom:20px;} .main-head h1{float:left;} .main-head a{margin-top:35px;} /*article list */ ul.list-hot{padding:0px;position:static;} ul.list-hot li.hot-pic{width:auto;position:static; top:0px; left:0px;} ul.list-hot li.hot-pic a img{width:100%;height:100%;} ul.list-hot li.hot-title{width:auto;margin-left:0px;margin-right:0px;padding:15px;} ul.list-a li{position:static;padding:0px;} .a-pic{width:auto;height:auto;position:static; top:0px; right:0px;} .a-pic a img{width:100%;height:100%;} .a-title{width:auto;margin-right:0px;padding:15px;} ul.list-b li{position:static;padding:0px;} .b-pic{width:auto;height:auto;position:static; top:0px; left:0px;} .b-pic a img{width:100%;height:100%;} .b-title{width:auto;margin-left:0px;padding:15px;} ul.list-c li{width:auto;} .c-title{width:auto;margin-left:110px;margin-right:0px;} ul.list-d{margin:0px;padding:0px;} ul.list-d li{min-height:130px;position:static;padding:10px 20px;} ul.list-d li a{margin-right:0px;height:50px;line-height:150%;} ul.list-d li span.d-date{height:30px;line-height:30px;text-align:left;position:static; top:0px; right:0px;} ul.list-d li span.d-from{height:30px;line-height:30px;position:static; top:0px; right:0px;} ul.list-d li span.d-dot{display:none;} ul.list-e li {width:340px;height:270px;float:none;margin-right:0px;margin:0 auto;} /*LOGIN POP css*/ .theme-popover {width:360px;height:360px;margin:-180px 0 0 -180px;} /*LOGIN POP css end*/ } .data-select {width: 100%;height: 50px;} .select-title {float:left;margin-right:15px;} .item-year {float:left;margin-right:15px;cursor:pointer;} .selected {font-weight:bold;} ul.list-f{margin-right:280px;} ul.list-f li{min-height:100px;border-bottom:#f5f5f5 1px solid;padding:15px;position:relative;} ul.list-f li:hover{background:#f5f5f5;} .f-pic{width:100px;height:63px;position:absolute; top:15px; left:15px;} .f-pic a img{width:100px;height:63px;} .f-title{width:auto;margin-left:120px;font-size:18px;font-weight:bold;} .f-title a{color:#666;text-decoration: none;} .f-title a:hover{color:#222;text-decoration: none;} .list-right{width:250px;position:absolute; top:50px; right:20px;} .list-right ul{width:200px;margin:0 auto;} .list-right ul li{width:200px;padding-top:30px;padding-bottom:30px;margin-bottom:10px;text-align:center;background:#f9f9f9;} .list-right ul li img{width:150px;height:150px;margin:0 auto;} .list-right ul li span{display:block;font-size:12px;color:#666;margin-top:10px;} .menu3 {position:absolute; top:40px; right:40px;} .menu3 a{display: block;height:30px;font-size:12px;line-height:30px;padding-left:10px;padding-right:10px;margin:5px 5px 25px 5px;text-align:center;float: left;border:1px #CCC solid;} .menu3 a {color:#666;text-decoration: none;} .menu3 a:hover {color:#FFF;text-decoration: none;background:#666;border:1px #666 solid;} .b-pic a img{width:230px;height:145px;} .foot-menu ul li.foot-ewm img{width:110px;height:110px;} @media (max-width: 480px) { ul.list-f{margin-right:0px;} .f-title{width:auto;margin-left:110px;} .list-right{width:auto;position:static; border-left:#E5E5E5 0px solid;border-top:#E5E5E5 3px solid;margin:0 auto;padding-top:30px;padding-bottom:30px;} .menu3 {margin-left:15px;position:static;} .b-pic a img{width:100%;height:100%;} } .banner-pc{width:100%;max-width:1920px;min-width:1100px;height:568px;background:#242b6c;margin:0 auto; overflow:hidden;display:block;} .banner-mobi{display:none;} .slides li{width:100%; height:568px;background-position:center;background-repeat:no-repeat;} .i_boxb{ width:1110px; margin:0px auto;margin-top:50px;margin-bottom:50px;} .slidegrid {float: left;position: relative;overflow: hidden;} .slideitems {width: 20000000em;position: absolute;} .slideitems li {float: left;} .mainPhoto {width:1110px;height:190px;margin: 0 auto; position: relative;overflow: hidden;} .mainPhoto span.goleft, .mainPhoto span.goright {display: block;width:28px;height:52px;position: absolute;top: 72px;} .mainPhoto span.goleft {left:0px;} .mainPhoto span.goright {right:0px;} .mainPhoto .go {width:1032px;height:190px;position: relative;left:40px;top:0px;overflow: hidden;} .mainPhoto .go li {width: 258px; height: 190px; margin-right: 3px; overflow: hidden; } .mainPhoto .go li a {display:block; width: 255px; height: 190px;text-decoration: none;} .mainPhoto .go li a:hover {background:#FFF;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} .mainPhoto .go li a img {width:258px;height:190px;} @media (max-width: 480px) { .banner-pc{display:none;} .banner-mobi{width:100%;max-width:480px;min-width:320px;height:568px;display:block;} .flex-direction-nav {display:none;} .i_boxb{ width:344px;} .mainPhoto {width:340px;} .mainPhoto .go {width:258px;} }