*{ margin:0; padding:0; } body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button,input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;} body,button, input, select, textarea {font: 14px/1.5 "微软雅黑",tahoma, Srial, helvetica, sans-serif; outline:none;} h1, h2, h3, h4, h5, h6 { font-size: 100%; } em{font-style:normal;} ul, ol,li { list-style: none; } a { text-decoration: none; color:#000;;} img{ border:0px;} html,body{-webkit-text-size-adjust:none; height:auto; color:#3e3e3e;background:#f1f0eb;} .animate{ -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;} .animateShort{-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;transition-duration:0.3s;} .hide{ display:none;} .clear{ clear:both;} .infoCont .picList{float:left; clear:both; width:713px;} .infoCont .picList .picUL{float:left; clear:both; width:711px; } .infoCont .picList .picUL li{width:237px; float:left; padding-bottom:15px;overflow:hidden; height:183px; white-space:nowrap; } .infoCont .picList .picUL li span{float:left; clear:both; background:url("/r/cms/www/default/img/yps/imgListBJ.jpg") no-repeat 26px 10px; width:177px; padding:21px 24px 10px 36px; height:118px;} .infoCont .picList .picUL li span img{width:177px; height:118px;} .infoCont .picList .picUL li font{float:left; clear:both; width:217px; font-size:12px; text-align:center; padding:10px;} .infoCont .picList .pagesBox{float:left; clear:both; width:713px; padding:25px 0; text-align:center; background-color:#f5f5f5;} .infoCont{float:left; clear:both; margin-top:10px; width:713px; } .infoCont .infoTit{float:left; clear:both; width:653px; padding:20px 30px 15px; background-color:#f9fafc; border-bottom:1px #e4e4e4 solid;} .infoCont .infoTit h3{float:left; color:#18a4eb;} .infoCont .pageTit{float:left; clear:both; width:653px; padding:30px 30px 25px; background-color:#f9fafc; border-bottom:1px #e4e4e4 solid;} .infoCont .pageTit h4{float:left; clear:both; color:#18a4eb; width:653px; text-align:center; height:20px; line-height:20px; font-size:18px; font-family:"黑体"; font-weight:500;} .infoCont .pageTit span{float:left; clear:both; width:653px; text-align:center; color:#ababab; padding-top:10px;} .infoCont .infoTit .rightBox{float:right;} .infoCont .infoTit .rightBox label{float:left; color:#6d6d6d; padding-top:3px;} .infoCont .infoTit .rightBox .mySeachTxt{float:left; width:110px; border:1px #afc1d2 solid; height:18px; line-height:18px; padding-left:3px;} .infoCont .infoTit .rightBox .mySeachBtn{float:left; margin-left:10px; background:url("/r/cms/www/default/img/yps/seachBJ.png") no-repeat left top; line-height:14px; padding:3px 0; width:50px; text-align:center; color:#1179ce;} .infoCont .infoTit .rightBox a:link {color:#1179ce; text-decoration:none;} .infoCont .infoTit .rightBox a:visited {text-decoration:none; color:#1179ce;} .infoCont .infoTit .rightBox a:hover {text-decoration:underline; color: #ff6000;} .infoCont .infoTit .rightBox a:active {text-decoration: none; color:#1179ce;} .infoCont .infoUL_1{float:left; clear:both; width:713px;} .infoCont .infoUL_1 li{float:left; clear:both; width:653px; border-top:1px #FFF solid; background-color:#f9fafc; padding:25px 30px; border-bottom:1px #e4e4e4 solid;} .infoCont .infoUL_1 li .mydiv{float:left; clear:both; width:628px; font-weight:bold; font-size:14px; background:url("/r/cms/www/default/img/yps/infoIco.gif") no-repeat 3px center; padding-left:25px; height:16px; line-height:16px;} .infoCont .infoUL_1 li .myspan{float:left; clear:both; width:653px; padding:10px 0 6px; color:#c0c0c0;} .infoCont .infoUL_1 li p{float:left; clear:both; width:653px; color:#6d6d6d; line-height:24px;} .infoCont .infoUL_1 .haveBJ{background-color:#f5f6f8;} .infoCont .infoUL_2{float:left; clear:both; width:713px;} .infoCont .infoUL_2 li{float:left; clear:both; width:653px; border-top:1px #FFF solid; background-color:#f9fafc; padding:25px 30px; border-bottom:1px #e4e4e4 solid;} .infoCont .infoUL_2 li dl{float:left; clear:both; width:653px;} .infoCont .infoUL_2 li dl dt{float:left; width:120px;} .infoCont .infoUL_2 li dl dt img{width:116px; height:86px; border:2px #e8e8e8 solid;} .infoCont .infoUL_2 li dl dd{float:right; width:510px;} .infoCont .infoUL_2 li dl dd div{float:left; clear:both; width:510px; font-size:14px; font-weight:bold; padding-bottom:6px;} .infoCont .infoUL_2 li dl dd div a:link {color:#000; text-decoration:none;} .infoCont .infoUL_2 li dl dd div a:visited {text-decoration:none; color:#000;} .infoCont .infoUL_2 li dl dd div a:hover {text-decoration:underline; color: #ff6000;} .infoCont .infoUL_2 li dl dd div a:active {text-decoration: none; color:#000;} .infoCont .infoUL_2 li dl dd p{float:left; clear:both; width:510px; line-height:22px; color:#6d6d6d;} .infoCont .infoUL_2 li dl dd p a:link {color:#18a4eb; text-decoration:none;} .infoCont .infoUL_2 li dl dd p a:visited {text-decoration:none; color:#18a4eb;} .infoCont .infoUL_2 li dl dd p a:hover {text-decoration:underline; color: #ff6000;} .infoCont .infoUL_2 li dl dd p a:active {text-decoration: none; color:#18a4eb;} .infoCont .infoUL_2 .haveBJ{background-color:#f5f6f8;} #m-left{width: 737px; float: left; overflow: hidden;} .virtual{width: 737px; height: 280px; overflow: hidden; position: relative;} .virtual .xlyoulan{ position:absolute; width:158px; height:105px; top:100px; left:31px;} 。piclist{width: 737px; height: 268px; overflow: hidden;} .piclist h3,.piclist h3 a{height: 42px; overflow: hidden;} .piclist h3{width: 100%;} .piclist h3 a{width: 148px; text-indent: -999em; float: left; margin-left: 54px; display: inline;} .piclist h3 .p-more{width: 70px; line-height: 46px; float: right; text-indent: 0; text-align: center; overflow: hidden; color: #fff; font-size: 12px; font-weight: normal; display: block; margin: 0;} .piclist ul{margin: 15px 0 0 15px; overflow: hidden;} .piclist li{width: 224px; height: 198px; padding: 3px; margin-right: 10px; float: left; display: inline; no-repeat; overflow: hidden; position: relative;} .piclist li img{width: 224px; height: 184px; display: block; overflow: hidden;} .piclist li .tit{width: 224px; height: 37px; text-align: center; line-height: 37px; color: #fff; font-size: 16px; display: block; background: url("/r/cms/www/default/img/yps/black_70.png") repeat; position: absolute; left: 3px; top: 150px; z-index: 99; font-family: microsoft yahei; overflow: hidden;} .pics-01{margin: 5px 0 0; background: url("/r/cms/www/default/img/yps/piclist_011.png") no-repeat;} .pics-02{background: url("/r/cms/www/default/img/yps/piclist_022.png") no-repeat;} .pics-011{margin: 5px 0 0; background: url("/r/cms/www/default/img/yps/piclist_01.png") no-repeat;} .pics-022{background: url("/r/cms/www/default/img/yps/piclist_02.png") no-repeat;} .jdan{width: 530px; margin-top:36px; float:right; margin-right:55px;} .jdan ul { list-style:none; text-decoration:none; padding-left:20px;} .jdan ul li{ background:url("/r/cms/www/default/img/yps/jdbg1.png") no-repeat; height:33px; width:104px; float:left; line-height:33px; color:#FFBE00; margin-left:16px; margin-top:20px; text-align:center; } .header1{height:110px; width:100%; font-size:12px; background: url("/r/cms/www/default/img/yps/bbg.png") no-repeat 50%; } .header{height:110px; width:100%; background-color:#047400; font-size:12px;} .head{ height:110px; width:1000px; margin:0px auto;} .headr{ height:65px; padding-top:25px; float:right; color:#00FF05; line-height:28px; width:550px; text-align:right;} .logo{ float:left; margin-top:11px;} .nav1{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat 39px 0px; width:117px;} .nav2{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -86px 0px ; width:117px;} .nav3{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -199px 0px ; width:117px;} .nav4{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -316px 0px ; width:117px;} .nav5{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -439px 0px ; width:117px;} .nav6{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -558px 0px ; width:117px;} .nav7{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -682px 0px ; width:117px;} .nav8{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -803px 0px ; width:117px;} .nav9{background:url("/r/cms/www/default/img/yps/nav1.png") no-repeat -921px 0px ; width:117px;} #topa .nav{ width:1110px; height:42px;margin:0px auto; position:relative; } #topa .nav .logo{ width:244px; height:104px; position:absolute; left:50%; top:-24px; pa-left:-122px; } #topa .nav ul li{ width:110px; height:auto; float:left; line-height:42px; text-align:center; position:relative; } #topa .nav ul li a{ display:block; width:110px; height:42px; display:block; color:#FFFFFF; } #topa .nav ul li a:hover{ color:#d89401; display:block;} #topa .nav ul li .sub_nav{ height:210px; width:400px; position:absolute; top:42px; padding-top:2px; background:url("/r/cms/www/default/img/yps/top_bg.png"); display:none; left:-77px;} #topa .nav ul li .sub_nav ul{ width:135px; float:left;} #topa .nav ul li .sub_nav .pic{ width:265px; height:210px; float:left;} #topa .nav ul li .sub_nav ul li{ height:30px; line-height:30px; text-align:center; width:135px; margin-htop:10px;} #topa .nav ul li .sub_nav ul li a{ background:url("/r/cms/www/default/img/yps/sub_nav.png") no-repeat; font-size:12px; display:block; height:30px; width:135px; color:#0C8041;} #topa .nav ul li .sub_nav ul li a:hover{ color:#fff; background:#086A04;} /************** HOME ***************/ .palceUrl{ width:200px; height:19px; position:relative; overflow:hidden; display:block;} .palceBox{ width:1000px; height:19px; position:absolute; left:0px; top:0px;} .palceBox .pDiv{ width:200px; height:19px; float:left;} .friendsLInks{width:1000px; height:auto; background:#8c7413; position:absolute; left:50%; margin-left:-500px; z-index:100; top:31px; padding:15px 0px; display:none;} .friendsLInks a{ display:block; height:14px; padding:0px 15px; line-height:14px; float:left; border-right:1px solid #d6cfba; color:#d6cfba; font-size:12px;} .friendsLInks a:hover{ color:#fff;} #rightNav{ width:620px; height:200px; position:fixed; right:-590px; top:50%; margin-top:-200px; z-index:10;} #rightNav .rNavBtn{ width:14px; height:68px; background:url("/r/cms/www/default/img/yps/rightNavBg.png") no-repeat; display:block; padding:20px 8px 8px 8px; line-height:14px; color:#f4eedb; font-weight:bold; cursor:pointer;} #rightNav .rNavBtn.rNav2{ background-position:-30px 0px; margin-top:4px;} .rNavBox{ background:#e8e2d2; width:590px; height:196px; position:absolute; left:30px; top:0px;} #container{ width:100%; height:auto; } #header{ width:100%; height:82px; position:fixed; z-index:500; background:url("/r/cms/www/default/img/yps/navs_Bg.png") repeat-x;} .logos{ width:110px; height:65px; float:left; margin-top:8px;} .newstq{ width:140px; height:61px; float:left; margin-left:25px; padding-top:21px; line-height:15px; font-size:12px; text-transform:uppercase; color:#fff; position:relative; cursor:pointer;} .newsSM{ width:60px; height:14px; text-align:center; position:absolute; left:-15px; bottom:17px; line-height:14px; opacity:0.8;} .newstqImg{ width:70px; height:30px; margin-top:0px; position:absolute; left:-20px;} .newstqTxt{ width:100px; height:15px; float:left; margin-left:45px; margin-top:7px; font-size:18px; letter-spacing:2.5px;} .newstqXq{ width:75px; height:16px; line-height:16px; float:left; margin-left:45px; opacity:0.8; margin-top:8px; background:#840005; text-align:center;} .newsIcons{ width:20px; height:20px; position:absolute; right:2px; top:38px; background:url("/r/cms/www/default/img/yps/downIcon.png") no-repeat;} .newsIcons.nCur{ background-position:0px -20px;} .xinNav{ width:720px; height:82px; float:right; position:relative;} .xinNav>ul>li{ width:80px; height:82px; float:left; line-height:82px; text-align:center; color:#f2d374;} .xinNav>ul>li>a{color:#f2d374; width:80px; height:82px; display:block; position:relative;} .xinNav>ul>li>a span.spa1{ display:block; width:1px; height:10px; opacity:0.3; position:absolute; right:0px; top:36px; background:#755301;} .xinNav>ul>li>a span.spa2{ display:block; width:1px; height:10px; opacity:0.3; position:absolute; left:0px; top:36px; background:#fff;} .xinNav .xinTran{ width:0px; height:0px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #fff; position:absolute; left:33px; bottom:0px; opacity:0;} .xinSubNav{ width:720px; height:0px; overflow:hidden; background:url("/r/cms/www/default/img/yps/white7.png"); position:absolute; left:0px; top:82px;} .xinSubNav .xinSbu1{ width:320px; height:210px; float:left; background:#fff; position:relative;} .xinSubNav .xinSbu1 a{ display:block; width:320px; height:40px; position:absolute; left:0px; bottom:0px; background:url("/r/cms/www/default/img/yps/white7.png"); line-height:40px; color:#3e3e3e;} .xinSubNav .xinSbu2{ width:200px; height:210px; float:left; background:url("/r/cms/www/default/img/yps/bg3.png");} .xinSubNav.xinW,.xinSubNav.subGou,.xinSubNav.subGo{ width:1000px; left:-280px;} .xinSubNav.xinW ul li{ width:220px; height:210px; float:left; padding-left:24px; color:#3e3e3e;} .xinSubNav.xinW ul li .xinZjTitle{ width:220px; height:30px; line-height:30px; text-align:center; border-bottom:2px solid #b30000; margin-top:25px; font-weight:bold; float:left;} .xinSubNav.xinW ul li .xinZjTitle a{ color:#3e3e3e;} .xinSubNav.xinW ul li .xinZjImg{ width:220px; height:70px; margin-top:8px; float:left;} .xinSubNav.xinW ul li .xinZjThues{ width:220px; height:110px; margin-top:8px; float:left;} .xinSubNav.xinW ul li .xinUrl{ width:220px; height:50px; margin-top:0px; float:left;} .xinSubNav.xinW ul li .xinInfos{ width:220px; height:auto; padding-top:0px; line-height:20px; font-size:12px; text-align:left; float:left;} .xinSubNav.xinW ul li .xinUrl a{ display:block; width:73px; height:25px; float:left; line-height:25px; text-align:left; font-size:12px; color:#3e3e3e;} .xinSubNav.xinW ul li .xinUrl a:hover,.xinSubNav.xinW ul li .xinZjTitle a:hover{ color:#b30000;} .xinSubNav.xinW ul li .xinXX{ width:220px; height:auto; float:left; text-align:left; font-size:12px; line-height:18px; margin-top:10px;} .xinSubNav.xinW ul li .xinXX span{ color:#ca0000;} .xinSubNav.xinW ul li .xinXX .xinXXTk{ width:220px; height:60px; padding-top:4px;} .xinSubNav.xinW ul li .xinXX .xinXXTk a{ display:block; float:left; line-height:18px; font-size:12px; padding:0px 10px; margin-bottom:4px; background:#c1a54c; color:#fff; margin-right:4px;} .xinSubTitle{ width:150px; height:60px; margin-left:25px; border-bottom:1px solid #a1996f; line-height:60px; text-align:center; color:#fff; font-size:18px; font-weight:bold;} .xinSubTitle a:hover{ color:#000;} .xinSubInfos{ width:150px; height:auto; margin-left:25px; padding-top:10px; border-top:1px solid #cbc5a7;} .xinSubInfos a{ display:block; width:75px; height:50px; float:left; line-height:50px; text-align:left; color:#fff;} .xinSubInfos a.at{ text-align:right;} .xinSubInfos a:hover{ color:#000000;} .xinSubInfos.two{ padding-top:20px;} .xinSubInfos.two a{ height:30px; line-height:30px;} .xinSubNav .xinSbu3{ width:200px; height:210px; float:left; background:url("/r/cms/www/default/img/yps/bgs4.png");} .xinSubNav.subGou li{ width:160px; height:210px; float:left; position:relative; margin-left:6px;} .xinSubNav.subGou li .subGouRect{ width:130px; height:130px; border:4px solid #daeeff; border-radius:130px; position:absolute; left:21px; top:35px;} .xinSubNav.subGou li .subGouRect img{ border-radius:130px;} .xinSubNav.subGou li .subRects{ width:64px; height:64px; background:url("/r/cms/www/default/img/yps/rectBg.png") no-repeat; line-height:64px; text-align:center; font-size:18px; color:#fff; position:absolute; left:0px; top:68px; font-weight:bold;} .xinSubNav.subGou li .subRects.sub2{ background-position:-64px 0px;} .xinSubNav.subGou li .subRects.sub3{ background-position:-128px 0px;} .xinSubNav.subGou li .subRects.sub4{ background-position:-192px 0px;} .xinSubNav.subGou li .subRects.sub5{ background-position:-256px 0px;} .xinSubNav.subGou li .subRects.sub6{ background-position:-320px 0px;} .xinSubNav.subGou li .subRects a{ color:#fff; display:block; width:64px; height:64px; border-radius:64px;} .xinSubNav.subGo li{ width:140px; height:155px; float:left; background:url("/r/cms/www/default/img/yps/navShadows.png") bottom center no-repeat; margin-top:35px; margin-right:25px;} .xinSubNav.subGo li .subGoBox{ width:115px; height:145px; margin-left:12px; background:#fff; position:relative; overflow:hidden;} .xinSubNav.subGo li .subGoBox .subGoBoxL{ width:15px; padding:10px 5px; text-align:center; line-height:14px; color:#000; font-weight:bold; height:125px; float:left; background:url("/r/cms/www/default/img/yps/xinHovers.jpg") no-repeat;} .xinSubNav.subGo li .subGoBox .subGoBoxR{ width:90px; height:145px; float:left; } .xinSubNav.subGo li:hover .subGoBox .subGoBoxL{ background:url("/r/cms/www/default/img/yps/xinLinks.jpg") no-repeat; color:#fff;} .xinSubNav.subGo li .subGoBox .subGoMore{ width:74px; height:23px; position:absolute; left:15px; top:150px; background:url("/r/cms/www/default/img/yps/xinMore.png") no-repeat;} .xinSubNav.subGo li:hover .subGoBox .subGoMore{ top:110px;} #nav{ width:810px; height:86px; background:url("/r/cms/www/default/img/yps/nav_bg.png") repeat-x; float:left;} #nav .navDiv{ width:90px; height:83px; float:left; margin-top:3px; position:relative;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;background:url("/r/cms/www/default/img/yps/navBg.jpg") 0px 83px no-repeat;} #nav .navDiv>a{ width:89px; height:35px; border-right:1px solid #808a91; margin-top:25px; display:block; line-height:35px; text-align:center; font-size:15px; /*font-weight:bold;*/-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;} #nav .navDiv:hover{ background-position:0px 0px;} #nav .navDiv:hover>a{ color:#fff; margin-top:20px; border:none;} #nav .navDiv #subNav{ width:335px; height:188px; padding-top:10px; position:absolute; left:0px; top:83px; background:url("/r/cms/www/default/img/yps/subNavBg.png") no-repeat; overflow:hidden; display:none;} #nav .navDiv #subNav #subThum{ width:235px; height:200px; float:left; background:#000; margin-top:-12px; position:relative; overflow:hidden;} .subThum{ width:1175px; height:200px; position:absolute; left:0px; top:0px;} .subThum img{ display:block; float:left;} #nav .navDiv .subNav{ width:90px; height:188px; float:left; position:relative; } #nav .navDiv .subNav a{ width:90px; height:34px; display:block; margin-bottom:2px; line-height:34px; text-align:center; position:relative; z-index:10; color:#fff;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;} #nav .navDiv .subNav a.subHover{ color:#624a0e;} #nav .navDiv .subNav .subNavBg{ width:90px; height:34px; background:url("/r/cms/www/default/img/yps/subHoverBg.jpg") no-repeat; position:absolute; left:0px; top:-50px;} #footer{ width:100%; height:203px; background:url("/r/cms/www/default/img/yps/footer_bg.jpg") repeat-x; position:fixed; left:0px; bottom:-205px; z-index:50;} #footer .footer{ width:1000px; height:203px; margin:0 auto;} .bottom{ width:100%; height:70px; padding:34px 0px;} .bottomLogo{ width:250px; height:70px; border-right:1px solid #383838; float:left;} .bottomLogo img{ display:block;} .address{ width:100%; height:31px; line-height:31px; font-size:12px; color:#aeaeae; position:relative;} .address .friendLinks{ width:85px; height:31px; position:absolute; right:0px; top:0px; background:url("/r/cms/www/default/img/yps/friendBg.jpg") no-repeat; line-height:31px; color:#313131; text-shadow:1px 1px 1px #ccbe57; padding-left:20px; cursor:pointer;} .address .friendLinks.linkCur{ background-position:0px -31px;} .paterLinks{ width:400px; height:70px; float:left;} .paterLinks ul li{ width:70px; height:70px; float:left; padding:0px 5px;} .paterLinks ul li img{ display:block;} .footewm{ width:60px; height:60px; padding-left:5px;float:left;} .chatLinks{ width:305px; height:70px; float:right; position:relative;} .chatLinks li{ width:85px; height:70px; float:left; position:relative; z-index:10;} .chatLinks li .chatIcon{ width:85px; height:45px; background:url("/r/cms/www/default/img/yps/chatIcon.png") no-repeat;} .chatLinks li .chatText{ width:85px; height:25px; line-height:20px; text-align:center; font-size:12px; color:#a9a9a9;} .chatLinks .chatBg{ width:85px; height:98px; background:url("/r/cms/www/default/img/yps/chatBg.jpg") no-repeat; position:absolute; left:0px; top:-14px;} .copyRight{ width:100%; height:34px; line-height:34px; text-align:center; color:#7e7e7e; font-size:12px; text-align:right; position:relative;} .copyRight a{ color:#7e7e7e;} .copyRight a:hover{ color:#CCC;} .footerNav{ width:auto; height:14px; position:absolute; left:0px; top:10px;line-height:14px;} .footerNav a{ width:auto; padding:0px 5px; border-right:1px solid #4d4d4d; font-size:12px;} .weather{ width:160px; height:190px; background:url("/r/cms/www/default/img/yps/blank7.png"); position:absolute; right:0px; top:-200px; color:#fff;} .city{ width:130px; height:55px; padding:0px 20px; line-height:55px; font-size:16px; font-weight:bold;} .weathercj{ width:160px; height:75px; position:relative; overflow:hidden;} .zcj{ width:200px; height:200px; position:relative;margin-top:-30px; } .cityData{ width:130px; height:25px; line-height:25px; font-size:12px; padding:0px 15px; margin-top:15px;} .footerBar{ width:950px; height:130px; position:absolute; left:50%; top:-165px; margin-left:-475px;} .footerBar .footerGG{ width:480px; height:30px; position:absolute; left:-55px; bottom:0px;} .footerBar .footerAnn{ width:450px; height:30px; float:right; background:url("/r/cms/www/default/img/yps/blank7.png");} .footerBar .annIcon{ width:40px; height:30px; float:left;} .footerBar .annList{ width:400px; height:30px; position:relative; overflow:hidden; float:right; font-size:12px;} .footerBar .annList ul{ width:400px; height:300px; position:absolute;} .footerBar .annList ul li{ width:400px; height:30px; line-height:30px;} .footerBar .footerAd{ width:340px; height:80px; float:left; position:relative; overflow:hidden;} .footerBar .footerAd .homeAd{ width:80px; height:80px; float:right; background:#fff;} .footerBar .footerAd .homeEwm{ width:80px; height:80px; float:right; background:#fff; margin-right:5px;} .footerBar .footerVideo{ width:183px; height:91px; position:absolute; right:0px; top:-50px;} .footerVideo img{ border-radius:3px;} #boxC{ width:430px; height:80px; position:absolute; left:50%; margin-left:250px; top:50%; margin-top:250px;} .footerAudioNav{ width:480px; height:70px; background:url("/r/cms/www/default/img/yps/audioBg.png") no-repeat; position:absolute; right:0px; bottom:0px;} #footerNews{ width:290px; height:92px; position:absolute; right:190px; top:-50px; background:#dcce91;} #footerNews .footerNewsTitle{ width:15px; padding:13px 8px 8px 7px; line-height:16px; height:71px; float:left; background:#9a7a1d; font-weight:bold; color:#fff; font-size:12px; text-align: center; font-size:12px;} #footerNews .footerNewsBox{ width:240px; height:92px; padding:0px 10px; float:left; font-size:12px;} #footerNews .footerNewsBox .footerNewsBoxList{ width:240px; height:82px; position:relative; overflow:hidden; margin-top:10px;} .footerNewsBoxList ul{ width:2400px; height:72px; position:absolute;} .footerNewsBoxList ul li{ width:240px; height:72px; float:left;} .footerNewsBoxList ul li .xtt{display:block; width:100%; height:auto; font-weight:bold; color:#3e3e3e; margin-top:5px;} .footerNewsBoxList ul li .xtt a{ color:#000;} .footerNewsBoxList ul li .xtt a:hover{ color:#b30000;} .footerNewsBoxList ul li .xttdd{display:block; width:100%; line-height:18px; padding-top:5px;} .footerNewsBoxList ol{ position:absolute; left:0px; bottom:4px;} .footerNewsBoxList ol li{ width:8px; height:8px; float:left; border-radius:10px; background:#6b0b08; margin-right:4px; opacity:0.5; cursor:pointer;} .footerNewsBoxList ol li:hover,.footerNewsBoxList ol li.xxCru{ opacity:1;} .audioNavList{ width:460px; height:60px; position:relative; margin-left:10px; margin-top:10px; overflow:hidden;} .audioNavList ul{ width:460px; height:300px; position:absolute; left:0px; top:0px;} .audioNavList ul li{ width:460px; height:60px; position:relative;} .audioNavList ul li strong{ display:block; width:410px; height:20px; line-height:20px; float:left; font-size:14px; color:#e9e9e9; margin-top:2px;} .audioNavList ul li strong a:hover{ color:#900;} .audioNavList ul li p{ display:block; width:360px; height:15px; line-height:15px; font-size:12px; color:#7f7f7f; overflow:hidden; float:left;} .audioNavList ul li .audioSwf{ width:410px; height:20px; float:left; margin-top:5px; overflow:hidden; } .audioNavList ul li .audioUrl{ width:35px; height:35px; display:block; background:url("/r/cms/www/default/img/yps/moreBg.png") no-repeat; line-height:35px; text-align:center; font-size:12px; color:#5a4c12; text-shadow:1px 1px 1px #d1c17b; position:absolute; right:6px; top:12px; cursor:pointer;} .footerIcon{ width:55px; height:20px; position:absolute; left:50%; top:-20px; background:url("/r/cms/www/default/img/yps/footerIcon.png") no-repeat; margin-left:-27px; cursor:pointer;} .footerIcon.Cur{ background-position:0px -20px;} #content{ width:100%; height:auto; position:relative;} #content .contentBox{ width:100%; height:1050px; position:relative; left:0px;} .contentBox0{background:url("/r/cms/www/default/img/yps/01.jpg") 50% 0 no-repeat fixed;} .contentBox1{background:url("/r/cms/www/default/img/yps/02.jpg") 50% 0 no-repeat fixed;} .contentBox2{background:url("/r/cms/www/default/img/yps/03.jpg") 50% 0 no-repeat fixed;} .contentBox3{background:url("/r/cms/www/default/img/yps/04.jpg") 50% 0 no-repeat fixed;} .contentBox4{background:url("/r/cms/www/default/img/yps/05.jpg") 50% 0 no-repeat fixed;} .navBar{ width:315px; height:560px; position:fixed; left:50px; top:50%; margin-top:-280px; background:url("/r/cms/www/default/img/yps/nav.png") no-repeat;} .navBar ul li{ width:10px; height:10px; position:absolute; left:195px; top:45px; cursor:pointer;} .navBar ul li .navBarLiBox{ width:10px; height:10px; position:absolute; left:-1px; top:-1px; background:#920505; border-radius:10px; border:1px solid #fff;} .navBar ul li .navBarLiBg{ width:10px; height:10px; position:absolute; left:-3px; top:-3px; border-radius:14px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; border:3px solid #fff;} .navBar ul li .barTxtBg{ width:100px; height:30px; position:absolute; left:40px; top:-9px; background:#2287a7; line-height:30px; text-align:center; color:#fff; display:none;} .navBar ul li .barTxtBg span{ width:0px; height:0px; border-right:8px solid #2287a7; border-top:6px solid transparent;border-bottom:6px solid transparent; position:absolute; left:-6px; top:8px; bottom:0px; display:block;} .navBar ul li.barCur .navBarLiBg,.navBar ul li:hover .navBarLiBg{-webkit-animation:barAniamte 2s ease infinite;} @-webkit-keyframes barAniamte{0%{ width:10px; height:10px; left:-3px; top:-3px; opacity:1;}80%{ width:20px; height:20px; left:-8px; top:-8px; opacity:0;}100%{ width:10px; height:10px;left:-3px; top:-3px; opacity:0;}} .navBar ul li.barCur .navBarLiBox,.navBar ul li:hover .navBarLiBox{ background:#0e96bd;} .navBar ul li.barCur .barTxtBg,.navBar ul li:hover .barTxtBg{display:block;} .navBar ul li.bar2{ left:225px; top:85px;} .navBar ul li.bar3{ left:185px; top:210px;} .navBar ul li.bar4{ left:135px; top:310px;} .navBar ul li.bar5{ left:120px; top:410px;} /***************ZouJinHuangLong***************************/ .hlContent{ width:100%; height:1000px;position:relative; overflow:hidden;} .hlContent .img{ position:absolute; left:0px; top:0px;} .hlFooter{ width:100%; height:30px; position:fixed; left:0px; bottom:0px; z-index:50; background:url("/r/cms/www/default/img/yps/blank1.png"); line-height:30px;} .hlFooterCenter{ width:1120px; height:30px; margin:0 auto; color:#fff; line-height:30px; font-size:12px;} .hlBox{ width:1000px; height:1000px; margin:0 auto; position:relative;} .hlBox .hlSearch{ width:450px; height:25px; position:absolute; left:0px; top:160px; font-size:12px; color:#fff; opacity:0;} .hlBox .hlSearchL{ width:249px; height:25px; float:left; background:url("/r/cms/www/default/img/yps/search_bg.png") no-repeat;} .hlBox .hlSearchL .hlInputText{ width:160px; height:25px; float:left; margin-left:26px; background:none; font-size:12px; color:#fff;} .hlBox .hlSearchL .hlInputSubmit{ width:63px; height:25px; float:right; cursor:pointer; background:none;} .hlSearchNav{ width:150px; height:25px; float:left; margin-left:25px; line-height:25px;} .hlSearchNav a{ color:#fff;} .hlBox ul li{ width:170px; height:310px; position:absolute; left:110px; top:85px; background:#fff; box-shadow:2px 2px 0px #7bb8c2;} .hlBox ul li a{ width:170px; height:310px; position:relative; display:block;} .hlBox ul li a .hlIcons{ width:25px; height:300px; position:absolute; left:0px; top:0px; background:url("/r/cms/www/default/img/yps/hlIcon1.png") no-repeat; padding:10px 10px 0px 10px; text-align:center; line-height:20px; font-size:18px; color:#fff;} .hlBox ul li a .hlThums{ width:170px; height:310px; position:absolute; left:0px; top:0px;} .subContent{ width: 1000px; height: auto; margin: 0 auto; } table { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-spacing: 0px; width: 330px; float: left; border:none; margin-left:12px; } .left_list{ width:645px; height:auto; float:left; padding-left:20px;} .left_title{ width:645px; height:37px; padding-top:37px; position:relative;} .left_list ul li{ width:645px; background:#f9f6ef; margin-top:25px;} .left_img{ width:199px; height:146px; float:left;} .left_cont{ width:440px; height:auto; float:right; border:#e5e2db solid 1px; border-left:none; color:#484747; font-size:12px; line-height:20px;} .left_cont2{ width:440px; height:auto; color:#484747; font-size:12px; line-height:20px; padding-bottom:20px;} .left_cont1{ height:auto; width:430px; background:#dcceb7; color:#7e4f07; line-height:20px; padding-left:10px; margin:0px;} .left_cont_title{ color:#956405; font-size:18px; height:40px; width:440px; line-height:40px; margin-bottom:5px; border-bottom:#aeaca7 dashed 1px;} .left_cont_title span{ width:63px; height:40px; background:url("/r/cms/www/default/img/yps/more.png") center no-repeat; float:right; font-size:12px; color:#FFF;} .left_cont_title span a{ height:40px; padding-left:30px; width:40px; color:#FFF; display:block;} .left_cont_title span a:hover{ color:#FFF;} .left_share{ height:35px; padding-top:10px; width:345px; padding-left:290px; margin-top:30px; margin-bottom:30px; margin-left:10px; border-bottom:#aeaca7 dashed 1px; border-top:#aeaca7 dashed 1px;} .left_foot{ height:30px; width:645px; color:#6c6b6b; font-size:12px; line-height:30px; margin-left:10px;} .left_foot span{ float:right;} .freshNav{width:450px; height:25px; font-size:12px; color:#fff; float:left;} .freshNavBg{ width:249px; height:25px; float:left; background:url("/r/cms/www/default/img/yps/search_bg.png") no-repeat;} .freshNavBg .hlInputText{ width:160px; height:25px; float:left; margin-left:26px; background:none; font-size:12px; color:#fff;} .freshNavBg .hlInputSubmit{ width:63px; height:25px; float:right; cursor:pointer; background:none;} .hLNav{ width:500px; height:40px; float:right; margin-top:-8px;} .hLNav ul li{ width:100px; height:40px; float:left; border-radius:5px; background:#9c760e;} .hLNav ul li.hlnav1{ background:#8b6600;} .hLNav ul li.hlnav2{ background:#74580c;} .hLNav ul li.hlnav3{ background:#6d5000;} .hLNav ul li.hlnav4{ background:#5c4506;} .hLNav ul li a{ width:100%; height:40px; display:block; line-height:40px; text-align:center; font-size:18px; font-weight:bold;} .hLNav ul li:hover,.hLNav ul li.hlCur{ background:#de0005; height:45px; margin-top:-5px;} .hLNav ul li:hover a,.hLNav ul li.hlCur a{ color:#fff;} .hLNav ul li.tsNav{ background:#de0005; float:right; width:215px; color:#fff;} .hLNav ul li:hover{ background:#a20004;} .dyxContent{ width:100%; height:auto; float:left;} .dyxL{ width:170px; height:auto; float:left; background:#e8e2d2; margin-top:15px;} .dyxLGaller{ width:170px; height:310px;} .dyxMenu{ width:166px; height:auto; padding:2px; background:#eeeadb;} .dyxMenus{ width:164px; height:auto; border:1px solid #c8b98b; padding:15px 0px;} .dyxMenus ul li{ width:164px; height:30px; overflow:hidden;} .dyxMenus ul li a{width:120px; height:30px; display:block; padding-left:44px; position:relative; background:url("/r/cms/www/default/img/yps/dyxMenuBg.png") -164px 0px no-repeat; line-height:30px; color:#6c6032; cursor:pointer;} .dyxMenus ul li a .dyxIcons{ width:9px; height:30px; position:absolute; left:24px; top:0px; background:url("/r/cms/www/default/img/yps/dyxStar.png") no-repeat;} .dyxMenus ul li a .dyxRect{ width:13px; height:13px; background:url("/r/cms/www/default/img/yps/dyxIcons.jpg") no-repeat; position:absolute; right:-20px; top:8px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);transform:rotate(180deg);} .dyxMenus ul li a:hover,.dyxMenus ul li a.dyxActive{ background-position:0px 0px; color:#dd8d00;} .dyxMenus ul li a:hover .dyxRect,.dyxMenus ul li a.dyxActive .dyxRect{ right:10px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg);transform:rotate(0deg);} .dyxMenus ul li a:hover .dyxIcons,.dyxMenus ul li a.dyxActive .dyxIcons{ background-position:0px -30px;} .dyxC{ width:585px; height:auto; float:left; margin-top:15px; margin-left:15px; overflow:hidden;} .dyxFocus{ width:565px; height:300px; background:url("/r/cms/www/default/img/yps/demo13.jpg") no-repeat; border:10px solid #e8e2d2;} .dyxFocusDetals{ width:565px; height:145px; background:#fefdfa;border:10px solid #e8e2d2; border-top:none;} .dyxFocusDetals strong{ display:block; width:550px; height:45px; line-height:45px; font-size:18px; padding-left:15px;} .dyxFocusDetals p{ display:block; width:550px; height:auto; padding-left:15px; line-height:25px;} .dyxList,.videoList{ width:565px; height:auto;padding:10px; background:#e8e2d2;} .videoList{ overflow:hidden;} .videoList ul li{ width:275px; height:220px; float:left; margin-right:15px; margin-bottom:15px; overflow:hidden;} .videoList ul li.odd{ margin-right:0px;} .videoList ul li .videoThum{ width:275px; height:180px;} .videoList ul li .videoThum a{ display:block; width:275px; height:180px; position:relative;} .videoList ul li .videoThum a span{ display:block; width:275px; height:180px; position:absolute; left:0px; top:0px; background:url("/r/cms/www/default/img/yps/videoIcon.png") no-repeat;} .videoList ul li strong{ display:block; width:275px; height:40px; line-height:40px;} .videoList ul li strong a{ color:#3e3e3e;} .practical { width:585px; height:160px; background:#e8e2d2; margin-top:30px;} .practicalBox{ border:1px solid #d4c18b; width:579px; height:154px; margin-left:2px; margin-top:2px; float:left;} .practicalBox h3{ display:block; width:559px; height:35px; border-bottom:1px solid #d4c18b; margin-left:10px; line-height:35px; color:#9c760e; font-size:18px; margin-top:5px;} .practicalBox h3 span{ opacity:0.5; text-transform:uppercase; margin-left:10px; font-size:14px;} .practicalList{ width:585px; height:85px; float:left; margin-top:20px;} .practicalList ul li{ width:50px; height:85px; float:left; margin-left:30px; margin-right:15px;} .practicalList ul li a{ width:50px; height:85px; display:block;} .practicalList ul li a:hover .pracIcon{ background-color:#ed682c;} .practicalList ul li a:hover .pracTxt{ color:#6a5007;} .practicalList ul li .pracIcon{ width:50px; height:50px; background:#dac58a url("/r/cms/www/default/img/yps/infoIcons.png") no-repeat; border-radius:50px;} .practicalList ul li .pracIcon.ps2{ background-position:-50px 0px;} .practicalList ul li .pracIcon.p3{ background-position:-100px 0px;} .practicalList ul li .pracIcon.p4{ background-position:-150px 0px;} .practicalList ul li .pracIcon.p5{ background-position:-200px 0px;} .practicalList ul li .pracIcon.p6{ background-position:-250px 0px;} .practicalList ul li .pracTxt{ width:50px; height:25px; line-height:25px; margin-top:5px; text-align:center; color:#a08a4c;} .dyxList ul li{ width:565px; height:350px; margin-top:35px; overflow:hidden;} .dyxList ul li .dyxListTitle{ width:565px; height:25px; background:url("/r/cms/www/default/img/yps/dxyBg.png");} .dyxList ul li .dyxListTitle h3{ display:block; width:auto; height:25px; float:left; color:#ed682c; font-size:18px; line-height:25px; background:#e8e2d3; padding:0px 10px;} .dyxList ul li .dyxListTitle h3 span{ margin-left:10px; font-size:14px; text-transform:uppercase; opacity:0.5;} .dyxList ul li .dyxListTitle a{ display:block; float:right; line-height:25px; color:#ed682c; font-weight:bold; font-size:12px; margin-right:5px;} .dyxList ul li .dyxListTitle a:hover{ text-decoration:underline;} .dyxList ul li .dyxListDiv{ width:565px; height:300px; margin-top:25px;} .dyxList ul li .dyxListDiv .dyxThums{ width:220px; height:300px; float:left;} .dyxList ul li .dyxListDiv .dyxListDes{ width:335px; height:220px; float:right; line-height:24px; font-size:12px; overflow:hidden;} .dyxList ul li .dyxListDiv .dyxListMore{ width:335px; height:20px; float:right; position:relative;} .dyxList ul li .dyxListDiv .dyxListMore img{ position:absolute; left:0px; top:10px;} .dyxListMore a{ color:#C00; font-size:12px; font-weight:bold;} .dyxListMore a:hover{ text-decoration:underline;} .dyxListSwf{ width:335px; height:20px; float:right; margin-top:40px; text-indent:0px; overflow:hidden;} .dyxDePage{ width:795px; height:auto; float:left; background:#e8e2d3; padding:10px; margin-top:15px; margin-left:15px;} .dyxFocusVideo{ width:795px; height:500px;} .dyxFocusVideDes{ width:765px; min-height:400px; line-height:30px; padding:15px;} .dyxFocusVideoTitle{ width:595px; height:auto; line-height:35px; font-size:20px; padding:25px 100px 25px 100px; text-align:center; color:#5c4506; position:relative;} .dyxFocusVideoTitle a{ width:75px; height:25px; position:absolute; right:0px; top:0px; background:#ec5f13; border-radius:3px; color:#fff; display:block; font-size:12px; line-height:25px;} .dyxFocusVideoTitle a:hover{ background:#9c760e;} .dyxVideoPage{ width:100%; height:62px;} .dyxVideoPage div{ width:100%; height:30px; border-bottom:1px dotted #ccc; line-height:30px;} .dyxVideoPage a{ color:#5c4506;} .dyxR{ width: 215px; height: auto; float: right; margin-top: 15px; } .dyxR h3{ display: block; width: 195px; height: 40px; line-height: 30px; color: #289A4A; font-size: 18px; background: #b1e0ac; padding: 0px 10px; } .dyxR h3 strong{ display:block; width:190px; height:30px; background:url("/r/cms/www/default/img/yps/dxyBg.png"); margin-top:10px; float:left; padding-left:5px;} .dyxRList{ width:195px; height:auto; background:#b1e0ac; padding:10px; position:relative;} .dyxRList li{ width:195px; height:200px; margin-bottom:10px;} .dyxRList li .dyxRThum{ width:195px; height:100px;} .dyxRList li .dyxRInfos{ width:195px; height:102px; overflow:hidden;} .dyxRList li .dyxRInfos span{ display:block; width:195px; height:16px; line-height:16px; padding-top:9px; font-size:12px; font-family:"Courier New", Courier, monospace; color:#;} .dyxRList li .dyxRInfos strong{ display:block; width:195px; height:auto; line-height:20px; margin:3px 0px;} .dyxRList li .dyxRInfos a{ color:#3e3e3e;} .dyxRList li .dyxRInfos a:hover{ color:#b9060a;} .dyxRList li .dyxRInfos p{ display:block; width:195px; height:auto; line-height:16px; font-size:12px; margin-top:5px; color:#3e3e3e;} .dyxRList .dyxMore{ width:84px; height:28px; position:absolute; right:0px; bottom:-28px; background:url("/r/cms/www/default/img/yps/moreBg.jpg") no-repeat;} .dyxRList .dyxMore a{ width:84px; height:28px; display:block; line-height:28px; text-align:center; color:#fff1ca; font-size:12px;} #raiders{ width:215px; height:auto;background:#68B961; height:371px; margin-top:55px;} .raiders { width:209px; height:365px; border:1px solid #0AA621; margin-left:2px; margin-top:2px; float:left;} .raiders h4{ width: 200px; padding-left: 9px; height: 30px; background: url("/r/cms/www/default/img/yps/dxyBg.png"); line-height: 30px; font-size: 18px; color: #005609; margin-top: 10px; margin-bottom: 15px; } .raiders ul{ width:209px; height:300px;} .raiders ul li{ width:80px; height:90px; float:left; margin-left:15px; margin-bottom:15px;} .raiders ul li a{ width:80px; height:90px; display:block;} .raiders ul li a:hover .raiderIcon{ border:2px solid #e90000;} .raiders ul li a:hover .raiderTxt{ color: #FFFFFF; } .raiders ul li .raiderIcon{ width:50px; height:50px; border:2px solid #c1a557; border-radius:54px; margin-left:13px; background:url("/r/cms/www/default/img/yps/raiderIcon.png") no-repeat;} .raiders ul li .raiderTxt{ width:80px; height:25px; line-height:25px; text-align:center; color:#5a4200; margin-top:5px;} .raiders ul li .raiderIcon.rai2{ background-position:-50px 0px;} .raiders ul li .raiderIcon.rai3{ background-position:-100px 0px;} .raiders ul li .raiderIcon.rai4{ background-position:-150px 0px;} .raiders ul li .raiderIcon.rai5{ background-position:-200px 0px;} #copyRight{ width:100%; height:70px; background:#928358; margin-top:90px;} #copyRightBg{ width:100%; height:42px; background:url("/r/cms/www/default/img/yps/subFooter.jpg") repeat-x;} #copyRightTxt{ width:100%; height:28px; line-height:28px; text-align:center; font-size:12px; color:#e2dfd6;} /***************renWen***************************/ .renwen{ width: 730px; height: auto; background: #fff; padding:20px; float: left; margin-top: 15px; overflow: hidden; } .renwen1{ width: 770px; height: auto; background: #fff; float: left; margin-top: 15px; overflow: hidden; } .renwen h2{ width:700px; height:75px; line-height:75px; font-size:45px; color:#6d5000; margin-left:15px; position:relative;} .renwen h2 img{ position:absolute; right:-35px; top:15px;} .renwenNav{ width:700px; height:30px; margin-top:15px; margin-left:15px;} .renwenNav a{ width:100px; height:30px; display:block; line-height:30px; text-align:center; cursor:pointer; color:#6d5000; float:left;} .renwenNav a:hover,.renwenNav a.renwenCur{ background:#8f0101; color:#fff;} .renwenBox{ width:700px; height:auto; line-height:30px; padding:15px; margin-top:10px; color:#6a624a;} .renwenBox img{ } .renwenMenu{ width:205px; height:205px; position:absolute; left:100px; top:500px; opacity:0;} .renwenMenu img{ display:block;} .r1{ width:60px; height:230px; position:absolute; left:50%; margin-left:-30px; top:450px; background:url("/r/cms/www/default/img/yps/r1.png") no-repeat; opacity:0;} .r2{ width:25px; height:180px; position:absolute; left:50%; margin-left:35px; top:560px; background:url("/r/cms/www/default/img/yps/r2.png") no-repeat; opacity:0;} .pinlun{ width:730px; height:auto; margin-top:10px; color:#6a624a;} .pinlunTitle{ width:730px; height:45px; border-bottom:1px solid #d6cfb9; line-height:45px; border-top:4px solid #d41000; background:url("/r/cms/www/default/img/yps/plun.jpg") no-repeat; margin-bottom:10px; overflow:hidden;} .pinlunTitle h2{ display:block; float:left; margin-left:45px; width:100px; font-size:24px; line-height:45px; color:#000;} .pinlunTitle a{ display:block; width:95px; height:30px; float:right; margin-top:7px; line-height:30px; text-align:center; color:#fff; background:#c40f00; cursor:pointer;} .pinlunBox{ width:730px; height:170px; display:none;} .pinlunBox textarea{ width:710px; height:100px; color:#3e3e3e; padding:10px; background:#fff; float:left;} .pinlunBox input{ width:95px; height:30px;background:#c40f00; cursor:pointer; color:#fff; margin-top:5px; float:left;} .pinlunBox strong{ width:200px; height:30px; line-height:30px; float:right; display:block; text-align:right; font-weight:normal; font-size:12px; color:#3e3e3e;} .pinlunList{ width:730px; height:auto;} .pinlunList li{ width:730px; height:auto; padding:10px 0px; font-size:12px; border-bottom:1px solid #e0d8c2;} .pinlunList li .plName{ width:730px; height:20px; line-height:20px; font-size:12px; color:#000; font-weight:bold;} .pinlunList li .plDes{ width:730px; height:auto; line-height:20px;} .pinlunPage{ width:730px; height:30px; margin-bottom:50px; padding-top:25px;} .pinlunPage a{ display:block; width:30px; height:30px; background:#333333; color:#fff; float:left; margin-right:5px; font-size:12px; text-align:center; line-height:30px;} .pinlunPage a:hover,.pinlunPage a.plCur{ background:#de0005;} .lightLogin{ width:100%; height:100%; position:absolute;} #loginBox{ width:100%; height:400px; position:absolute; left:0px; top:50%; margin-top:-200px; background:#ece4cc;} .loginBox{ width:700px; height:320px; margin:0 auto; padding:40px 0px;} .loginBoxTitle{ width:700px; height:45px; line-height:45px; font-size:24px; font-weight:bold; color:#c11e0f; border-bottom:2px solid #d4cdb8;} .loginBoxTitle span{ font-size:18px; color:#bab196; text-transform:uppercase; margin-left:10px;} .loginBoxForm{ width:700px; height:235px; margin-top:15px;} .loginBoxFormL{ width:315px; height:235px; float:left; border-right:1px solid #d2cbb6; padding-right:10px;} .loginBoxFormL .inputsDiv,.loginBoxFormL .inputsDivs,.loginBoxFormL .inputsSubmit{ width:315px; height:35px; line-height:35px; margin-bottom:10px;} .loginBoxFormL .inputsDiv label{ width:60px; height:35px; float:left;} .loginBoxFormL .inputsDiv input{ width:240px; height:33px; float:left; border:1px solid #d2cbb6; padding-left:10px; background:none; color:#3e3e3e;} .loginBoxFormL .inputsDiv .yzms{ width:90px; height:35px; float:left; margin-left:10px;} .loginBoxFormL .inputsDivs input{ margin-left:60px; margin-top:12px; float:left;} .loginBoxFormL .inputsDivs span{ font-size:12px; margin-left:5px; float:left;} .loginBoxFormL .inputsSubmit{ height:39px;} .loginBoxFormL .inputsSubmit input{ width:140px; height:39px; background:url("/r/cms/www/default/img/yps/dl.jpg") no-repeat; cursor:pointer; margin-left:60px;} .loginBoxFormR{ width:360px; height:235px; float:right;} .loginBoxFormR .lBoxFromR_title{ width:100%; height:35px; line-height:35px; border-bottom:1px solid #d2cbb6; font-size:14px; font-weight:bold; color:#c11e0f;} .loginBoxFormR .lBoxFromRList{ width:100%; height:auto; margin-top:20px;} .loginBoxFormR .lBoxFromRList li{ width:100%; height:35px; line-height:35px; margin-bottom:10px;} .loginBoxFormR .lBoxFromRList li .lIcons{ width:40px; height:28px; float:left; background:url("/r/cms/www/default/img/yps/dlicon.png") no-repeat; margin-top:3px;} .loginBoxFormR .lBoxFromRList li .lIcons.s2{ background-position:0px -81px;} .loginBoxFormR .lBoxFromRList li span{ display:block; float:left; margin-left:10px; font-size:18px; font-weight:bold; color:#e89213;} .rmBg1{ width:205px; height:205px; border-radius:205px; position:absolute; left:0px; top:0px; background:#fff; opacity:0.1;} .rmBg2{ width:185px; height:185px; border-radius:205px; position:absolute; left:10px; top:10px; background:#fff;} .rmBg2 img{ display:block;overflow:hidden;} .renwenMenu:hover .rmBg1{ background:#f37f17; opacity:1;} .renwenMenu:hover .rmBg2 img{ width:200px; height:200px; margin-left:-7px; margin-top:-7px;} .renwenMenu .rmBg2 a{ display:block; width:185px; height:185px; border-radius:185px; overflow:hidden;} .renwenMenu:hover .renwenName{ opacity:1; top:0px;} .renwenName{ width:75px; height:230px; position:absolute; left:-85px; top:20px; background:url("/r/cms/www/default/img/yps/ms.png") no-repeat; opacity:0;} .renwenName2{background:url("/r/cms/www/default/img/yps/ms2.png") no-repeat;} .renwenName3{background:url("/r/cms/www/default/img/yps/ms3.png") no-repeat;} .renwenName4{background:url("/r/cms/www/default/img/yps/ms4.png") no-repeat;} .box2{left:250px; top:250px;} .box3{left:600px; top:340px;} .box4{left:750px; top:550px;} /***************News***************************/ #newsNav{ width:185px; height:325px; float:left; background:url("/r/cms/www/default/img/yps/newsBg.jpg");} .newsNav{ width:179px; height:319px; border:1px solid #5694d8; margin-left:2px; margin-top:2px;} .newsTop{ width:179px; height:80px; border-bottom:1px solid #1e5095; color:#f1dfac;} .newsTop strong{ width:159px; height:45px; padding-left:20px; font-size:24px; display:block; padding-top:5px; line-height:45px;} .newsTop span{ display:block; padding-left:20px; line-height:14px; font-size:12px; text-transform:uppercase;} .newsBottom{ width:179px; height:217px; border-top:1px solid #4580b9; padding-top:20px;} .newsBottom ul li{ width:179px; height:40px;} .newsBottom ul li a{ display:block; width:179px; height:40px;} .newsBottom ul li a .newsIcons{ width:18px; height:18px; float:left; background:url("/r/cms/www/default/img/yps/newsIcon.png") no-repeat; margin-left:20px; margin-top:11px;} .newsBottom ul li a .newsTxt{ width:100px; height:30px; float:left; margin-left:5px; line-height:30px; font-weight:bold; margin-top:5px; color:#abc2dd;} .newsBottom ul li a:hover,.newsBottom ul li a.newsCur{ background:url("/r/cms/www/default/img/yps/newsHoverBg.jpg");} .newsBox{ width:760px; float:right; background:#ffffff; padding:20px; height:auto;} .newsfresh,.ggxxfresh{ width:758px; height:25px; border-bottom:1px solid #ccc; border-left:2px solid #2d6aad;} .newsfresh a,.ggxxfresh a{ color:#3e3e3e; padding:0px 10px;} .newsfresh a:hover,.ggxxfresh a:hover{ color:#F00;} .newsFocus{ width:400px; height:260px; float:left; background:#666; position:relative; overflow:hidden;} .newsFocus ul{ width:4000px; height:260px; position:absolute; left:0px; top:0px;} .newsFocus ul li{ width:400px; height:260px; float:left;} .newsFocus ul li a{ display:block; width:400px; height:260px; position:relative; line-height:40px;} .newsFocus ul li a span{ width:390px; height:40px; padding-left:10px;color:#fef7e2; display:block; position:absolute; left:0px; bottom:0px;background:url("/r/cms/www/default/img/yps/blank7.png");} .newsFocus ol{ width:100px; height:40px; position:absolute; left:300px; bottom:0px;} .newsFocus ol li{ width:15px; height:15px; float:left; border-radius:15px; background:#2c67a9; cursor:pointer; margin-top:12px; margin-right:10px;} .newsFocus ol li:hover,.newsFocus ol li.focusCur{ background:#fff;} .focusList{ width:340px; height:260px; float:right; overflow:hidden;} .focusList ul li{ width:340px; height:65px; margin-bottom:3px;} .focusList ul li a{ width:340px; height:40px; line-height:40px; font-size:18px; font-weight:bold; display:block; color:#3e3e3e;} .focusList ul li a:hover{ color:#df0005;} .focusList ul li p{ width:340px; height:14px; display:block; line-height:14px; font-size:12px; overflow:hidden;} .hlNews{ width:370px; height:310px; float:left; margin-top:20px;} .hlNews h3{ width:370px; height:30px; display:block; position:relative; margin-bottom:10px;} .hlNews h3 strong{ display:block; font-size:18px; width:85px; height:30px; float:left; background:#fff;} .hlNews h3 span{ display:block; width:260px; height:1px; border-bottom:1px dotted #b7a46e; position:absolute; left:85px; top:14px;} .hlNews h3 a{ width:20px; height:20px; position:absolute; display:block; right:0px; top:5px; background:#b7a46e url("/r/cms/www/default/img/yps/morePlus.png") no-repeat;} .hlNews h3 a:hover{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg);transform:rotate(90deg);} .hlNews ul li{ width:370px; height:30px; line-height:30px; font-size:12px;} .hlNews ul li a{ width:370px; height:30px; display:block; position:relative; color:#3e3e3e;} .hlNews ul li a span{ width:70px; height:30px; position:absolute; right:0px; top:0px; text-align:right; display:block;} .hlNews ul li a:hover{ color:#df0005;} .hlThum{ width:758px; height:165px; border:1px solid #e9e9e9; float:left; margin-top:35px;} .hlThum ul{ margin-left:18px;} .hlThum ul li{ width:165px; height:145px; float:left; margin-top:15px; margin-right:20px;} .hlThum ul li a{ width:165px; height:145px; display:block; position:relative;} .hlThum ul li a span{ width:165px; height:25px; font-size:12px; display:block; position:absolute; left:0px; bottom:0px; text-align:center; color:#3e3e3e; line-height:25px;} /***************Gonglve***************************/ .glNav{ width:1000px; height:35px;} .glNav a{ display:block; width:120px; height:35px; border-radius:5px 5px 0px 0px; background:#ca9400; float:left; line-height:35px; text-align:center; font-size:16px; color:#fff; font-weight:bold;} .glNav a.a2{ background:#bf8c02;} .glNav a.a3{ background:#966e01;} .glNav a.a4{ background:#6f5305;} .glNav a:hover{ background:#ebe4d2; color:#966e01; height:45px; margin-top:-10px; line-height:45px;} .glBox{ width:960px; height:600px; padding:20px; background:#fdf9ef;} .lygList{ width: 730px; height: auto; padding: 0px; background-color: none; position: relative; } .lygList .lyH3{ width:120px; height:35px; border-radius:5px 5px 0px 0px; background:#966e01; line-height:35px; text-align:center; color:#fff; font-weight:bold; position:absolute; left:0px; top:-35px;} .lygList .lyMore{ width:80px; height:35px; position:absolute; right:0px; top:-35px; display:block; line-height:35px; text-align:center; color:#3e3e3e; text-align:right; font-weight:bold;} .lygList li{ width:100%; height:120px; padding:15px 0px; border-bottom:1px dotted #ccc;} .lygList li .lyThum{width:165px; height:120px; float:left;} .lygList li .lyTitle{ width: 545px; ; height: 34px; float: right; border-bottom: 1px dotted #ccc; line-height: 34px; position: relative; } .lygList li .lyInfos{ width: 545px; height: auto; line-height: 20px; font-size: 12px; color: #999; float: right; } .lygList li .lyTitle a{ font-weight:bold; color:#000;} .lygList li .lyTitle a:hover{ color:#de0005;} .lygList li .lyTitle span{ position:absolute; right:0px; top:0px; font-size:12px;} .glImg{ width:400px; height:600px; float:left; position:relative;} .glImg ul{ width:4000px; height:300px; position:absolute; top:0px; left:0px;} .glImg ul li{ width:400px; height:300px; float:left;} .glImg ol{ width:90px; height:25px; position:absolute; left:0px; padding-left:310px; bottom:0px; background:url("/r/cms/www/default/img/yps/blank7.png");} .glImg ol li{ width:10px; height:10px; border-radius:10px; background:#fff; opacity:0.5; cursor:pointer; margin-top:7px; margin-right:10px; float:left;} .glImg ol li:hover,.glImg ol li.glCur{ opacity:1;} .glInfos{ width:540px; height:600px; float:right; line-height:28px; font-weight:bold; color:#866920;} .glInfos h2{ display:block; height:auto; padding:15px; color:#6b5110; background:#faf3e2; font-size:18px; line-height:30px;} .glInfos h2 span{ color:#ed5814;} .glDetails{ width:540px; height:460px; line-height:28px; text-indent:28px; margin-top:20px; overflow-y:auto;} .glBottom{ width:1000px; height:auto; margin-top:35px; overflow:hidden;} .glGrally{ width:390px; height:150px; float:left; background:#f0f0ec; margin-right:15px; border:5px solid #f0f0ec; position:relative; overflow:hidden;} .glGrally ul{ width:3900px; height:150px; position:absolute; left:0px; top:0px;} .glGrally ul li{ width:390px; height:150px; float:left;} .glGrally ol{ width:90px; height:25px; position:absolute; left:0px; padding-left:300px; bottom:0px; background:url("/r/cms/www/default/img/yps/blank7.png");} .glGrally ol li{ width:10px; height:10px; border-radius:10px; background:#fff; opacity:0.5; cursor:pointer; margin-top:7px; margin-right:10px; float:left;} .glGrally ol li:hover,.glGrally ol li.glCur{ opacity:1;} .glMap,.lxwmMap{ width:300px; height:650px; float:left;} .lxwmMap{ width:450px;} .glRoad{ width:640px; height:650px; float:right; line-height:28px; font-weight:bold; color:#866920;} .lxwmContent{ width:490px; height:650px; float:right;} .lxwmContent .lxwmImg{ width:490px; height:120px; background:#ccc;} .lxwmContent .lxwmInfo{ width:490px; height:auto; margin-top:20px; line-height:30px;} .lxwmContent .lxwmInfo strong{ font-size:16px; color:#000;} .glRoadTitle{ width:640px; height:50px; line-height:25px; font-size:16px; color:#3e3e3e; font-weight:normal;} .glRoadList{ width:640px; height:auto; margin-top:15px;} .glRoadList li,.glLast{ width:620px; height:auto; padding:10px; background:url("/r/cms/www/default/img/yps/dxyBg.png"); overflow:hidden;} .glRoadList li .roadPlace,.glLast .lastTitle{ width:90px; height:35px; float:left; color:#ff6c00; font-weight:bold; font-size:16px;} .glRoadList li .roadxl,.glLast .gl2{ background:#eae3d3; width:520px; height:35px; line-height:35px; float:left; color:#3e3e3e; font-weight:normal; padding-left:10px;} .glRoadList li .roadxl strong,.glLast .gl2 strong{ display:block; width:135px; height:35px; border-radius:5px; background:#ff6c00; float:right; line-height:35px; text-align:center; color:#fff;} .glRoadList li .roadDes,.glLast .gl3{ width:530px; height:auto; float:right; line-height:20px; font-weight:normal; color:#ff6c00; margin-top:5px; padding:5px 0px;} .glLast .lastTitle{ width:640px;} .glLast .gl2{ width:620px;} .glLast .gl3{ width:620px;} #zrgb{ width:100%; height:170px; background:url("/r/cms/www/default/img/yps/zrgb_bg.jpg"); position:absolute; z-index:100; left:0px; bottom:0px;} .zrgb{ width:1000px; height:145px; margin:0 auto; } .zrgb li{ width:100px; height:100px; border-radius:110px; border:5px solid #d2c6a6; background:#fff; float:left; position:relative; margin-right:120px; margin-top:-35px; cursor:pointer;} .zrgb li .zrgbThum{ width:100px; height:100px; position:absolute; left:0px; top:0px; border-radius:100px; overflow:hidden;} .zrgb li .zrgbThum img{ display:block; border-radius:100px; overflow:hidden;} .zrgb li .zrgbImg{ width:100px; height:110px; position:absolute; left:-20px; top:-25px;} .zrgb li .zrgbTitle{ width:100px; height:20px; position:absolute; left:0px; bottom:-35px; background:url("/r/cms/www/default/img/yps/zrgbTitle.png") no-repeat;} .zrgb li .zrgbTitle.t2{ background-position:0px -20px;} .zrgb li .zrgbTitle.t3{ background-position:0px -40px;} .zrgb li .zrgbTitle.t4{ background-position:0px -60px;} .zrgb li .zrgbTitle.t5{ background-position:0px -80px;} .zrgb li:hover,.zrgb li.zrgbCur{ border:5px solid #C00;} #zrgbFooter{ width:100%; height:25px; background:url("/r/cms/www/default/img/yps/blank5.png"); line-height:25px; text-align:center; color:#c2c1be; font-size:12px;} .zrgbLight{ width: 770px; height: auto; background:#ECECEC} .zrClose{ width:50px; height:70px; position:absolute; left:50%; margin-left:-35px; top:-30px; background:#900; border-radius:70px; padding:0px 10px;} .zrClose a{ width:50px; height:35px; background:url("/r/cms/www/default/img/yps/close.png") no-repeat; display:block; cursor:pointer;} .zrClose a:hover{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);transform:rotate(90deg);} .zrgbT{ width:120px; height:350px; position:fixed; left:50%; top:50%; margin-top:-250px; margin-left:-500px; background:url("/r/cms/www/default/img/yps/zbg.png") no-repeat;} .zrgbTop{ width:100%; height:325px; background:#ebe4d2; z-index:10; position:relative; overflow:hidden;} .zrgbDetails{ width:1000px; height:325px; position:absolute; left:50%; margin-left:-500px; top:-345px; background:#ebe4d2;} .detailThum{ width:150px; height:200px; float:left; margin-top:60px;} .detailThum .detailsImg{ width:150px; height:150px; border-radius:150px; overflow:hidden;} .detailThum .detailsNames{ width:150px; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold;} .detailInfos{ width:820px; height:200px; margin-top:60px; float:right; font-size:12px; line-height:24px; overflow-y:auto;} .detailClose{ width:50px; height:50px; line-height:40px; color:#fff; text-align:center; font-size:12px; background:#000; position:absolute; right:0px; bottom:-15px; cursor:pointer;} .detailClose:hover{ bottom:0px;} .zrgbTopBox{ width:1000px; height:325px; margin:0 auto;} .zrgbIcons{ width:35px; height:35px; float:left; margin-top:135px; background:#e5cdbd url("/r/cms/www/default/img/yps/icons.png") center center no-repeat; border-radius:35px; cursor:pointer;} .zrgbIcons.zrPrev{margin-right:15px;background-position:0px 0px;} .zrgbIcons.zrPrev:hover{ background-color:#b20000;} .zrgbIcons.zrNext{ background-position:-35px 0px;margin-left:15px;} .zrgbIcons.zrNext:hover{ background-color:#b20000;} .zrgbLists{ width:730; height:auto; overflow:hidden; padding:25px;} .zrgbSimple{width:683px; height:auto; position:relative; overflow:hidden; padding:50px;} .zrgbLists ul li{ width:150px; height:200px; float:left; margin-right:-7px; margin-top:35px; cursor:pointer;} .zrgbLists ul li .zrgbThums{ width:140px; height:140px; border-radius:140px; overflow:hidden; border:5px solid #fff;} .zrgbLists ul li .zrgbName{ width:140px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold;} .zrgbLists ul li:hover .zrgbThums{ border-color: #019B39; } .zrgbLists ul li:hover .zrgbName{ color:#c00;} .zrgbBottom{ width: 100%; height: 55px; background-color: #148F41; } .right_nav{ height:auto; width:215px; margin-bottom:15px;} .right_nav ul li{ height:35px; width:310px;} .right_nav ul li a{ height:35px; padding-left:20px; width:195px; line-height:35px; background:#209123; font-size:14px; display:block; color:#FFF;} .right_nav ul li a:hover{ background:url("/r/cms/www/default/img/yps/yun.png") 120px 10px no-repeat #FFF; color:#906316;} .zrgbBottom a{ display:block; position:absolute; right:10px; top:0px; color:#fff; line-height:55px;} .zrgbBottom a:hover{ text-decoration:underline;} .zrgbBottomBox{ width: 730px; height: 55px; margin: 0 auto; position: relative; } .zrgbBottomBox h3{ width:150px; height:55px; float:left; display:block; position:relative; margin-left:35px;} .zrgbBottomBox h3 span{ width:128px; height:55px; position:absolute; left:0px; top:0px; display:none; } .zrgbBottomBox h3 span.h1{ background-position:0px 0px;} .zrgbBottomBox h3 span.h2{ background-position:0px -55px;} .zrgbBottomBox h3 span.h3{ background-position:0px -110px;} .zrgbBottomBox h3 span.h4{ background-position:0px -165px; line-height:55px; font-size:16px; color:#fff; text-align:center;} .zrgbBottomBox h3 span.h5{ background-position:0px -220px;} .zrgbIcon{ width:0px; height:0px; border-left:25px solid transparent; border-right:25px solid transparent; border-top:25px solid #148F41; position:absolute; left:70px; bottom:-15px;} .syxx{ width:100%; height:800px; position:relative; z-index:100; top:200px; margin-bottom:100px;} .syxxTop{width: 1000px;height: 235px;margin: 0px auto;} .syxxBottom{ width:100%; height:565px; background:#f8f2e3 url("/r/cms/www/default/img/yps/mbg.jpg");} .syxxBox{ width:1000px; height:525px; margin:0 auto; padding:20px 0px;} .syxxBox h2{ display:block; width:1000px; height:25px; line-height:25px; font-size:16px; color:#ed682c; margin-top:25px;} .syxxBox .syxxDetails{ width:1000px; height:75px; line-height:25px; color:#3e3e3e; margin:25px 0px;} .syxxSimple{ width:1000px; height:485px; margin-top:20px; overflow-y:auto; overflow-x:hidden; line-height:28px; text-indent:28px;} .weatherPD{ width:1000px; height:485px; margin-top:20px;} .syxxLine{ width:370px; padding-left:180px; height:auto; position:relative;margin-bottom:25px; overflow:hidden;} .syxxLine .syxxBus{ width:165px; height:105px; position:absolute; left:10px; top:0px;} .syxxLine a{ display:block; width:260px; height:35px; padding:0px 10px; font-weight:bold; background:#c00000; line-height:35px; border-radius:10px; margin-top:15px; cursor:pointer; -webkit-transition-duration:0.3s; text-align:center;} .syxxLine2 a,.syxxLine3 a,.syxxLine4 a{background:#12701c;} .syxxLine3 a{ background:#0985c0;} .syxxLine4 a{ background:#7e5c4d;} .syxxLine a:hover{ background:#ed682c; color:#fff;} .syxxLine2 .bus2{ width:110px; height:50px; position:absolute; left:30px;} .syxxLine3 .bus3{ width:175px; height:105px; position:absolute; left:0px; top:-15px;} .syxxLine4 .bus4{ width:175px; height:40px; position:absolute; left:10px; top:10px;} .syxxMenu{width: 100%;height: 235px;float: left;} .syxxMenu h3{display: block;width: 100%;height: 35px;border-bottom: 1px solid #B7E6FD;margin-left: 10px;line-height: 35px;color: #FFF;font-size: 18px;margin-top: 5px;} .syxxMenu h3 span{text-transform: uppercase;margin-left: 10px;font-size: 14px;color: #F7C4B4;} .syxxMenuList{margin-top: 65px;z-index: 99;position: relative;width: 1069px;height: auto;float: left;padding: 65px 65px;} .syxxMenuList > ul{margin-bottom: 77px;} .syxxMenuList > ul > li{width: 140px;float: left;text-align: center;border-left: 2px solid #BDBDBD;} .syxxMenuList > ul > li > p{color: #FFF;} .syxxMenuList > ul > li > img{margin: 20px auto;display: block;} .syxxMenuList > ul > li a{ width:50px; height:175px; display:block; position:relative; margin-top:20px;} .syxxMenuList > ul > li .pracIcon{ width:50px; height:50px; background:#b7a46e url("/r/cms/www/default/img/yps/infoIcons.png") no-repeat; border-radius:50px; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -ms-transition-duration:0.6s;transition-duration:0.6s;} .syxxMenuList > ul > li .pracIcon.p2{ background-position:-50px 0px;} .syxxMenuList > ul > li .pracIcon.p3{ background-position:-100px 0px;} .syxxMenuList > ul > li .pracIcon.p4{ background-position:-150px 0px;} .syxxMenuList > ul > li .pracIcon.p5{ background-position:-200px 0px;} .syxxMenuList > ul > li .pracIcon.p6{ background-position:-250px 0px;} .syxxMenuList > ul > li .pracTxt{ width:50px; height:25px; line-height:25px; margin-top:5px; text-align:center; color:#fff;} .syxxMenuList > ul > li .syMenuBg{ width:70px; height:195px; position:absolute; left:0px; top:195px; background:#ed682c;} .syxxMenuList > ul > li:hover .syMenuBg,.syxxMenuList ul li.syxCur .syMenuBg{ top:0px;} .syxxMenuList > ul > li:hover .pracIcon,.syxxMenuList ul li.syxCur .pracIcon{ background-color:#f9f2e0; background-image:url("/r/cms/www/default/img/yps/infoIcons1.png");} .syxxMenuList > ul > li:hover .pracIcon,.syxxMenuList ul li.syxCur .pracIcon{ margin-top:-5px;} .syxxMenuList .title{ font-size:18px; color:#FFF; font-weight:bold; text-align:center; margin-bottom:50px;} .syxxMenuList .title span{ float:right;} .syxxMenuList .title span a{ color:#FFF;} .syxxMenuList .boxs{ width:499px; border:1px solid #FFF; float:left;} .syxxMenuList .boxs .name{ float:left; height:auto; color:#FFF; font-size:16px; width:50px; text-align:center; margin-top:12%} .syxxMenuList .boxs .Information{ float:left;height:209px;overflow-y:auto; border-left:1px solid #FFF; font-size:14px; color:#FFF; width:427px; padding:10px;} .syxxMenuList .boxs .Information ul li{ float:left; width:427px; margin-right:20px;} .syxxMenuList .point{ width:1055px; height:auto; border:1px solid #FFF; font-size:14px; color:#FFF; padding:0 5px; margin:18px 0; line-height:25px;} .syxxMenuList .boxs2{ width:1065px; border:1px solid #FFF;} .syxxMenuList .boxs2 .name{ float:left; height:auto; color:#FFF; font-size:16px; width:50px; text-align:center; margin-top:5%} .syxxMenuList .boxs2 .Information{ float:left;height:auto; border-left:1px solid #FFF; font-size:14px; color:#FFF; width:993px; padding:10px;min-height:182px;} .Information p{ margin:5px 0} .Information p a{ color:#FFF;} .Information p span{ margin-left:70px;} .syxxMenuList .boxs2 .Information .BOXX{ width:463px; float:left; margin:20px 0 20px 33px;} .syxxMenuList .wz{ color:#FFF; font-size:14px; line-height:28px; text-indent:2em;} .Prompt{border: 1px solid #FFF;color: #FFF;padding: 10px;width: 100%;height: auto;} .Prompt p{margin-bottom: 10px;} .syxxMenuListBG{left: 0px;opacity: 0.8;background:#000;height: 100%;width: 100%;position: absolute;top: 0px;z-index: -1;} .lr_piaowuL{ width:300px; height:auto; float:left;} .lr_piaowuPostW{ padding:2px; width:296px;background:#fffdf1; position:relative; margin-bottom:48px;} .lr_piaowuPost{ width:294px; border:#e8e0b3 solid 1px; background:#fffdf1;} .lr_piaowuPostTit{ padding-left:20px; height:29px; width:274px; font-size:18px; position:relative; color:#ff5a01; line-height:29px; font-weight:bold; margin-top:20px; margin-bottom:20px; background:url("/r/cms/www/default/img/yps/lrTit.jpg") repeat-x;} .lr_piaowuPostTit ul{ width:100px; position:absolute; top:10px; right:0px;} .lr_piaowuPostTit ul li{ width:12px; height:12px; background:url("/r/cms/www/default/img/yps/lryuan.png") right top no-repeat; margin-right:5px; float:left;} .lr_piaowuPostTit ul li.cur{ background:url("/r/cms/www/default/img/yps/lryuan.png") left top no-repeat;} .lr_piaowuPostList{ margin-bottom:40px; margin-left:20px; width:250px; height:190px; position:relative; overflow:hidden;} .lr_piaowuPostList ul{ width:4500px; height:190px; position:absolute; top:0px; left:0px;} .lr_piaowuPostList ul li{ width:250px; height:190px; float:left;} .lr_piaowuPostList ul li .title{ background:url("/r/cms/www/default/img/yps/lr.png") -187px 5px no-repeat; padding-left:20px; color:#333333; font-size:14px; line-height:20px; padding-bottom:10px;} .lr_piaowuPostList ul li .cont{ color:#7f7f7f; font-size:12px; line-height:23px;} .lr_piaowuPostList ul li a{ color:#3e3e3e;} .lr_piaowuPostList ul li a:hover{ color:#C00;} .lr_piaowuPostWMore{ display:block; width:84px; height:27px; background:url("/r/cms/www/default/img/yps/lr.png") left top no-repeat; position:absolute; bottom:-27px; right:0px;} .lr_piaowuPostTp{ height:93px; width:298px; background:#f35000;} .lr_piaowuPostTp a{ display:block; width:298px; height:93px; color:#fff; font-size:24px; line-height:93px; text-align:center;} .lr_piaowuYudin{ padding-left:20px; height:25px; font-size:14px; color:#5f5f5f; line-height:25px; font-weight:bold;} .lr_piaowuRW,.ggxx{ width:675px; height:auto; float:right; background:#fffdf1} .ggxxfresh{ width:635px; border-left:2px solid #e95e12;} .lr_piaowuR{ width:673px; height:auto; border:#e8e0b3 solid 1px;} .lr_piaowuMenu{ width:636px; height:52px; background:url("/r/cms/www/default/img/yps/lrmenu.png") left bottom no-repeat; margin-left:-3px; margin-top:-3px;} .lr_piaowuMenu ul li{ width:125px; height:52px; float:left; position:relative;} .lr_piaowuMenu ul li.fristLi{ width:125px; height:52px; line-height:52px; text-align:center; color:#fff; font-size:16px; font-weight:bold; position:relative;} .lr_piaowuMenu ul li div{ opacity:0; width:11px; height:6px; position:absolute; top:0px; left:57px; background:url("/r/cms/www/default/img/yps/lrjaintou1.png") no-repeat;} .lr_piaowuMenu ul li a{ text-align:center; line-height:42px; width:125px; height:52px; display:block; color:#FFF; font-weight:bold; font-size:16px; position:relative;} .lr_piaowuMenu ul li.fristLi .firstpw{ width:220px; height:40px; position:absolute; top:60px; left:-60px; display:block; background:#d00000; line-height:20px; padding:10px 0px; font-weight:normal; font-size:12px; z-index:50; color:#fff; text-align:left; padding-left:20px; opacity:0;} .lr_piaowuMenu ul li.fristLi .firstpw b{ width:0px; height:0px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #d00000; position:absolute; left:110px; top:-6px; display:block;} .lr_piaowuMenu ul li.fristLi:hover .firstpw{ opacity:1; z-index:550;} .lr_piaowuMenu ul li.menuCur a.li1{ padding-top:7px; margin-top:-7px;background:url("/r/cms/www/default/img/yps/lrmenu.png") left top no-repeat; } .lr_piaowuMenu ul li.menuCur a.li2{ padding-top:7px; margin-top:-7px; background:url("/r/cms/www/default/img/yps/lrmenu.png") -125px top no-repeat;} .lr_piaowuMenu ul li.menuCur a.li3{ padding-top:7px; margin-top:-7px; background:url("/r/cms/www/default/img/yps/lrmenu.png") -250px top no-repeat;} .lr_piaowuMenu ul li.menuCur a.li4{ padding-top:7px; margin-top:-7px; background:url("/r/cms/www/default/img/yps/lrmenu.png") -375px top no-repeat;} .lr_piaowuMenu ul li.menuCur a.li5{ padding-top:7px; margin-top:-7px; background:url("/r/cms/www/default/img/yps/lrmenu.png") -500px top no-repeat;} .lr_piaowuMenu ul li.menuCur div{ opacity:1;} .lr_piaowuRCont{ padding:30px 20px;} .lr_piaowuRCont .title{ margin-bottom:20px; width:auto; height:15px; line-height:15px; font-size:14px; font-weight:bold; background:url("/r/cms/www/default/img/yps/lrTit.jpg") repeat-x;} .lr_piaowuRCont .title span{ display:block;; background:#fffdf1; width:80px;} .lr_piaowuRpiaojia{ width:630px; height:auto; margin-bottom:40px;} .lr_piaowuRpiaojia ul li{ padding-top:25px; margin-right:20px; background:#fffcec; width:190px; height:100px; float:left; color:#727272; line-height:25px; text-align:center; font-size:12px;} .lr_piaowuRyhdx{ width:630px; height:auto;} .lr_piaowuRyhdx ul li{ padding-bottom:10px; width:280px; padding-left:35px; height:auto; float:left; position:relative; color:#367ebb; font-size:14px; line-height:22px;} .lr_piaowuRyhdx ul li p{ font-size:12px; color:#67a8df;} .lr_piaowuRyhdx ul li .num{ position:absolute; top:5px; left:0px; width:22px; height:22px; background:url("/r/cms/www/default/img/yps/lr.png") -91px -1px no-repeat; color:#ffffff; font-size:12px; text-align:center; line-height:22px;} .lr_piaowuRbc{ padding-bottom:30px; color:#7b7b7b; font-size:12px; text-align:right; line-height:25px;} .lr_piaowuRmp{ width:630px; height:auto;} .lr_piaowuRmp ul li{ padding-top:20px; padding-bottom:20px; float:left; width:122px; background:#fffcea; margin-right:10px; color:#787878; font-size:12px; text-align:center; line-height:22px;} .lr_piaowuRmp ul li p{ color:#ff5a00; font-size:14px;} .lr_piaowuRzysx{ padding-top:35px; padding-bottom:35px; color:#367ebb; font-size:12px; line-height:22px;} .lr_piaowuRzysx1{ width:630px; height:65px; background:url("/r/cms/www/default/img/yps/lrTit.jpg") repeat; color:#696969; font-size:24px; font-weight:bold; text-align:center; padding-top:25px;} #lr_copyRight{ width:100%; height:70px; background:#828d90; margin-top:90px;} #lr_copyRightBg{ width:100%; height:42px; background:url("/r/cms/www/default/img/yps/lrfooter.jpg") repeat-x;} #lr_copyRightTxt{ width:100%; height:28px; line-height:28px; text-align:center; font-size:12px; color:#ffffff;} .lr_piaowuRzc{ width:630px; height:auto;} .lr_piaowuRzc ul li{ padding-left:50px; width:580px; height:auto; color:#585858; line-height:22px; font-size:12px; padding-bottom:20px; position:relative;} .lr_piaowuRzc ul li .num1{ position:absolute; top:0px; left:15px; width:22px; height:22px; background:url("/r/cms/www/default/img/yps/lr.png") -91px -1px no-repeat; color:#ffffff; font-size:12px; text-align:center; line-height:22px;} .nDTitle,.ggxxTitle{ width:100%; height:auto; line-height:35px; text-align:center; font-size:24px; font-weight:bold; padding:35px 0px 15px 0px;} .nDInfos,.ggxxInfos{ width:100%; height:auto; line-height:20px; font-size:12px; text-align:center; color:#666; padding-bottom:15px; border-bottom:1px dotted #ccc;} .nDInfos span,.ggxxInfos span{ font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#C00; font-weight:bold;} .nDContent,.ggxxContent{ width:96%; height:auto; margin:25px 0px; line-height:28px; padding:0px 2%; font-size:16px;} /*.nDContent img{ width:650px;}*/ .nShare{ width:100%; height:25px; position:relative; margin:15px 0px 35px 0px;} .nShare strong{ float:right; margin-right:10px;} .nDNext{ width:96%; height:52px; padding:0px 2%;} .nDNext div{width:100%;line-height:25px; border-bottom:1px dotted #ccc; font-size:12px; height:25px;} .nDNext a{ color:#101010;} .nDNext a:hover{ color:#C00;} .loading{ width:50px; height:50px; padding:5px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; background:#fff; opacity:0.8; border-radius:5px; z-index:50;} .z1{ width:60px; height:230px; position:absolute; left:50%; margin-left:-550px; top:230px; background:url("/r/cms/www/default/img/yps/z1.png") no-repeat;} .z2{ width:25px; height:180px; position:absolute; left:50%; margin-left:-480px; top:300px; background:url("/r/cms/www/default/img/yps/r2.png") no-repeat;} .zjhlBox{ width:175px; height:310px; position:absolute; left:50%; opacity:0;} .zjhlBox .boxBg{ width:175px; height:310px; background:#0085ff; opacity:0.2; position:absolute; left:0px; top:0px;} .zjhlBox .boxzj{ width:170px; height:305px; background:#fff; position:absolute; left:0px; top:0px; overflow:hidden;} .zjhlBox .boxzj .boxzjTitle{ width:16px; height:265px; padding:20px 10px; background:url("/r/cms/www/default/img/yps/zbg1.png") repeat-x; position:absolute; left:0px; top:0px; line-height:18px; font-size:18px; text-align:center; color:#fff;} .zjhlBox .boxzj .boxzjTitle.t2{ background:url("/r/cms/www/default/img/yps/zbg2.png") repeat-x;} .zjhlBox .boxzj .boxzjTitle.t3{ background:url("/r/cms/www/default/img/yps/zbg3.png") repeat-x;} .zjhlBox .boxzj .boxzjTitle.t4{ background:url("/r/cms/www/default/img/yps/zbg4.png") repeat-x;} .zjhlBox .boxzj .boxzjTitle.t5{ background:url("/r/cms/www/default/img/yps/zbg5.png") repeat-x;} .zjhlBox.b1{margin-left:-400px; top:400px;} .zjhlBox.b2{margin-left:-215px; top:300px;} .zjhlBox.b3{margin-left:-30px; top:350px;} .zjhlBox.b4{margin-left:155px; top:250px;} .zjhlBox.b5{margin-left:340px; top:380px;} .zjhlBox:hover img{ width:190px; height:325px; margin-left:-10px; margin-top:-10px;} .zjhlBox:hover .boxzj{ outline:3px solid #ab8501;} .zjhlBox.b2:hover .boxzj{outline:3px solid #577305;} .zjhlBox.b3:hover .boxzj{outline:3px solid #ea3e1b;} .zjhlBox.b4:hover .boxzj{outline:3px solid #0768b9;} .zjhlBox.b5:hover .boxzj{outline:3px solid #009480;} #lightBox,#dcb{ width:100%; height:100%; background:url("/r/cms/www/default/img/yps/blank7.png"); position:fixed; left:0px; top:0px; z-index:200000; display:none;} .lightBox{ width:1000px; height:600px; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-300px; background:#f8f2e3;} .skbClose{ width:55px; height:55px; background:#ed682c; position:absolute; right:0px; top:0px; cursor:pointer;} .skbClose:hover img{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} #skb{ width:960px; height:560px; margin:20px; overflow-y:auto; overflow-x:hidden; position:relative;} #skb .skbTitle{ width:960px; height:auto; overflow:hidden; font-size:24px; color:#3e3e3e; line-height:50px; text-align:center;} #skb .skbList{ width:960px; height:auto; margin-top:35px;} #skb .skbList ul li{ width:960px; height:45px; line-height:45px;} #skb .skbList ul li strong{ font-size:16px;} #skb .skbList ul li .sktD1{ width:180px; height:45px; float:left; padding-left:20px;} #skb .skbList ul li .sktD2{ width:600px; height:45px; float:left;} #skb .skbList ul li .sktD3{ width:160px; height:45px; float:left;} #skb .skbList ul li.odd{ background:#f4ebd5;} .skbBottom{ width:960px; height:auto; margin-top:25px; line-height:28px; margin-bottom:15px;} .anList{ width:630px; min-height:470px; position:relative; z-index:500; padding:15px 0px;} .anList li{ width:100%; height:35px; border-bottom:1px dotted #ccc; line-height:35px;} .anList li a{ display:block; width:100%; height:35px; color:#3e3e3e; position:relative;} .anList li a b{ position:absolute; right:0px; top:0px; font-weight:normal;} .anList li a:hover{ color:#C00;} #top{ width:100%; height:500px; background:url("/r/cms/www/default/img/yps/ztTop.jpg") center top no-repeat;} #topContent{ width:1000px; height:auto; margin:0 auto;} #ztMenu{ width:100%; height:60px; background:#fff; float:left; margin-bottom:50px; box-shadow:3px 3px 5px #b8b8af;} #ztMenu .ztMenuTitle{ width:220px; height:60px; float:left; background:#d00000; color:#fff; line-height:60px; text-align:center; font-size:22px; font-weight:bold; margin-right:20px;} #ztMenu a{ display:block; float:left; width:auto; height:60px; line-height:60px; padding:0px 25px;color:#3e3e3e; font-weight:bold;} #ztMenu a:hover{ background:#b07400; color:#fff; height:75px;} #topL{ width:390px; height:760px; float:left;} .ztFocus{ width:390px; height:425px; background:#ffffff; position:relative; overflow:hidden;} .ztFocus ul{ width:3900px; height:425px; position:absolute; left:0px; top:0px;} .ztFocus ul li{ width:390px; height:425px; float:left; position:relative;} .ztFocus ul li .ztListDes{ width:390px; height:60px; background:url("/r/cms/www/default/img/yps/blank7.png"); position:absolute; left:0px; bottom:0px; overflow:hidden; line-height:60px; text-align:center; font-size:16px; font-weight:bold; color:#fff;} .ztList,.lists2{ width:360px; height:290px; background:#ffffff; margin-top:15px; padding:15px;} .lists2{ height:395px; margin-top:0px;} .ztListTitle,.ztListTitle2{ width:360px; height:25px; font-size:16px; text-align:center; position:relative;} .ztListTitle span,.ztListTitle2 span{ display:block; width:360px; height:1px; background:#c72723; position:absolute; left:0px; top:13px;} .ztListTitle strong,.ztListTitle2 strong{ display:block; width:125px; height:25px; background:#fff; position:absolute; left:115px;} .ztListTitle a,.ztListTitle2 a{ color:#000;} .ztListTitle a:hover,.ztListTitle2 a:hover{ color:#c72723;} .lists{ width:360px; height:250px; margin-top:15px;} .lists ul li{ width:360px; height:34px; border-bottom:1px dotted #ccc; line-height:34px; font-size:12px;} .lists ul li a{ width:360px; height:34px; display:block; position:relative; color:#3e3e3e;} .lists ul li a span{ position:absolute; right:0px; top:0px; opacity:0.6;} .lists ul li a:hover{ color:#c72723;} #topC{ width:390px; height:760px; float:left; margin-left:15px; margin-right:15px;} #topR{ width:160px; height:730px; background:#ffffff; float:right; padding:15px;} #ztDetailL{ width:765px; height:auto; float:left; padding:15px; background:#fff;} #topR a{ display:block; margin-bottom:15px;} .tsjy{ width:740px; height:auto; float:left; background:#eeeadb; padding:15px; margin-top:15px;} .tsTop{ width:100%; height:auto; position:relative; text-indent:28px; line-height:30px; margin:15px 0px;} .tsBottom{ width:100%; height:auto; margin:65px 0px 35px 0px;} .tsIcon{ width:21px; height:17px; background:url("/r/cms/www/default/img/yps/dIcon.png") no-repeat; position:absolute;} .tsIcon.tsL{ left:0px; top:5px;} .tsIcon.tsR{ right:280px; background-position:-21px 0px; bottom:5px;} .hrDiv,.hrDiv1{ width:100%; height:46px; margin-top:15px; overflow:hidden;} .hrDiv .hrDivTitle{ width:100px; height:40px; line-height:40px; float:left; text-align:right; margin-right:10px; padding:3px 0px;} .hrDiv .hrDivInput{ width:270px; height:44px; float:left; border:1px solid #ccc; padding-left:10px; border-radius:3px;} .hrDiv select{width:282px; height:44px; float:left; border:1px solid #ccc;} .shareTips{ width:310px; height:40px; float:left; margin-left:15px; background:#dedacd; line-height:40px; padding:3px 0px 3px 10px;font-size:12px;} .yzm{ width:100px; height:40px; float:left; padding:3px 0px 3px 10px; line-height:40px; background:#fff;} .hrDiv textarea{ width:596px; height:148px; float:left; border:1px solid #ccc; padding:10px; outline:none; border-radius:3px; overflow:hidden;} .hrDiv1{ padding:15px 0px;} .hrDiv1 .inputs{ width:104px; height:30px; background:url("/r/cms/www/default/img/yps/btns.png") no-repeat; float:left; margin-right:10px; cursor:pointer; margin-left:104px;} .hrDiv1 .submits{ width:104px; height:30px; background:url("/r/cms/www/default/img/yps/btns.png") 0px -30px no-repeat; float:left; margin-right:10px; cursor:pointer;} #usTip,#emailTip,#shoujiTip,#addressTip{width:310px; height:40px; float:left; margin-left:15px;line-height:40px; padding:3px 0px 3px 10px;font-size:12px; border-radius:3px;} .hdList{ width:100%; height:auto;} .hdList li{ width:100%; height:120px; padding:15px 0px; border-bottom:1px dotted #ccc;} .hdList li .hdThum{ width:165px; height:120px; float:left;} .hdList li .hdTitle{ width:580px; height:34px; float:right;border-bottom:1px dotted #ccc; line-height:34px; position:relative;} .hdList li .hdTitle a{ font-weight:bold; color:#000;} .hdList li .hdTitle a:hover{ color:#de0005;} .hdList li .hdTitle span{ position:absolute; right:0px; top:0px; font-size:12px;} .hdList li .hdInfos{ width:580px; height:auto; line-height:20px; font-size:12px; margin-top:15px; float:right; color:#999;} .hdPage{ width:100%; height:30px; margin:35px 0px;} .hdPage a{ display:block; width:30px; height:30px; float:left; margin-right:10px; color:#fff; background:#333; text-align:center; line-height:30px;} .hdPage a:hover,.hdPage a.pageCur{ background:#de0005;} .backTop{ width:42px; height:35px; position:fixed; left:50%; bottom:-50px; margin-left:350px; background:#db5810 url("/r/cms/www/default/img/yps/top.png") no-repeat; z-index:100; cursor:pointer;} .bg2_mouse{background:url("/r/cms/www/default/img/yps/transBgs.png") no-repeat; width:125px; height:105px; position:absolute; left:50%; margin-left:-60px; bottom:375px; z-index:100;} .slideIcon{ width:15px; height:8px;background:url("/r/cms/www/default/img/yps/transIcons.png") no-repeat; position:absolute; left:55px; top:60px;} .slideIcon.slide1{ top:60px; -webkit-animation:triAnimate 3s ease infinite;} .slideIcon.slide2{ top:66px; opacity:0.6;-webkit-animation:triAnimate2 3s ease infinite;} .slideIcon.slide3{ top:72px; opacity:.2;-webkit-animation:triAnimate3 3s ease infinite;} @-webkit-keyframes triAnimate{0%{top:50px; opacity:0;}20%{top:50px; opacity:0;}40%{top:60px; opacity:1;}85%{top:60px; opacity:1;}95%{ top:66px; opacity:0;}100%{ top:66px; opacity:0;}} @-webkit-keyframes triAnimate2{0%{top:56px; opacity:0;}10%{top:56px; opacity:0;}35%{top:66px; opacity:0.6;}84%{top:66px; opacity:0.6;}90%{ top:72px; opacity:0;}100%{ top:0px; opacity:0;}} @-webkit-keyframes triAnimate3{0%{top:52px; opacity:0;}30%{top:72px; opacity:0.2;}79%{top:72px; opacity:0.2;}89%{ top:76px; opacity:0;}100%{ top:76px; opacity:0;}} @-moz-keyframes triAnimate{0%{top:50px; opacity:0;}20%{top:50px; opacity:0;}40%{top:60px; opacity:1;}85%{top:60px; opacity:1;}95%{ top:66px; opacity:0;}100%{ top:66px; opacity:0;}} @-moz-keyframes triAnimate2{0%{top:56px; opacity:0;}10%{top:56px; opacity:0;}35%{top:66px; opacity:0.6;}84%{top:66px; opacity:0.6;}90%{ top:72px; opacity:0;}100%{ top:0px; opacity:0;}} @-moz-keyframes triAnimate3{0%{top:52px; opacity:0;}30%{top:72px; opacity:0.2;}79%{top:72px; opacity:0.2;}89%{ top:76px; opacity:0;}100%{ top:76px; opacity:0;}} #ztImgList{ width:1000px; height:155px; background:#ffffff; float:left; margin-top:15px; margin-bottom:80px;} #ztPrev{ width:35px; height:155px; float:left;} #ztPrev .ztPrev,#ztNext .ztNext{ width:20px; height:25px; background:url("/r/cms/www/default/img/yps/ztIcon.png") no-repeat; cursor:pointer; margin-top:65px; margin-left:7px;} #ztNext{ width:35px; height:155px; float:right;} #ztPrev .ztPrev:hover{ background-position:0px -25px;} #ztNext .ztNext{ background-position:-20px 0px;} #ztNext .ztNext:hover{ background-position:-20px -25px;} .ztImgList{ width:930px; height:155px; float:left;position:relative; overflow:hidden;} .ztImgList ul{ width:9300px; height:155px; position:absolute; left:0px; top:0px;} .ztImgList ul li{ width:125px; height:135px; float:left; background:#dadad0; margin-right:9px; margin-top:10px;} .videoWrap{ display:none; position: fixed; top:0px; left:0px; width:100%; height:100%; opacity:0.6; background:#000000; z-index:998;} .videolightbox{ display:none; width:650px; height:550px; position:absolute; top:50%; left:50%; margin-left:-325px; margin-top:-275px; z-index:999; background:#000000;} .videoClose{ cursor:pointer; display:block; width:55px; height:55px; background:url("/r/cms/www/default/img/yps/skbClose.png") no-repeat #900; position:absolute; top:-55px; right:-50px;} .videolightboxjs{ width:600px; padding-left:25px; padding-right:25px; color:#FFF; line-height:50px;} .videolightboxjs a{ float:right;line-height:50px;} .videoClose:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);transform:rotate(360deg);} /*********************************************EAT***********************************************************************/ #zqL{ width:680px; height:auto; padding-bottom:1px; float:left; background:#fffdf1; overflow:hidden;} .zqL{ width:650px; height:auto; padding:12px; border:1px solid #e8e0b3; margin-left:1px; margin-top:1px;} .zqTitle{ width:650px; height:38px; border-bottom:1px solid #ff5a00;} .zqTitle .ztTitleIcon{ width:178px; height:38px; background:url("/r/cms/www/default/img/yps/eatIcon.jpg") no-repeat; float:left;} .zqTitle.zq2{border-bottom:1px solid #7256c5;} .zqTitle.zq2 .ztTitleIcon{background-position:0px -38px;} .zqTitle.zq2 a{ color:#7256c5;} .zqTitle.zq3{border-bottom:1px solid #139ddb;} .zqTitle.zq3 .ztTitleIcon{background-position:0px -76px;} .zqTitle.zq3 a{ color:#139ddb;} .zqTitle.zq4{border-bottom:1px solid #11b032;} .zqTitle.zq4 .ztTitleIcon{background-position:0px -114px;} .zqTitle.zq4 a{ color:#11b032;} .zqTitle.zq5{border-bottom:1px solid #fe8101;} .zqTitle.zq5 .ztTitleIcon{background-position:0px -152px;} .zqTitle.zq5 a{ color:#fe8101;} .zqTitle.zq6{border-bottom:1px solid #e62a8b;} .zqTitle.zq6 .ztTitleIcon{background-position:0px -190px;} .zqTitle.zq6 a{ color:#e62a8b;} .zqTitle a{ float:right; color:#fe8101; font-size:12px; margin-top:15px;} .zqTitle a:hover{ text-decoration:underline;} .eatList,.zhuList,.xingList,.youList,.gouList{ width:650px; height:auto; overflow:hidden; margin-top:5px; margin-bottom:15px;} .eatList ul li{ width:260px; height:160px; float:left; margin-bottom:5px; margin-right:5px;} .eatList ul li.w{ margin-right:0px; width:385px;} .eatList ul li a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;} .eatList ul li a .eatListInfo{ width:90%; padding:5px 5%; text-align:center; line-height:20px; height:40px; position:absolute; left:0px; bottom:-22px; background:#fff; opacity:0.9; color:#000;} .eatList ul li a .eatListInfo p{ font-size:12px;} .eatList ul li a:hover .eatListInfo{ bottom:0px; background:#ff5a00; color:#fff;} .zhuList ul li{ width:210px; height:380px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;} .zhuList ul li a{ width:100%; height:100%; display:block; position:relative;} .zhuList ul li a .zhuDes{ position:absolute; width:210px; height:100px; left:0px; background:#900; bottom:-70px;} .zhuList ul li a .zhuDes strong{ display:block; width:190px; height:30px; padding:0px 10px; line-height:30px; background:#fff; color:#ff5a00; opacity:0.9;} .zhuList ul li a .zhuDes p{ display:block; width:190px; height:40px; line-height:20px; padding:15px 10px; background:#7559c8; opacity:0.9; color:#fff; font-size:12px;} .zhuList ul li a:hover .zhuDes{ bottom:0px;} .zhuList ul li.three{ margin-right:0px;} .xingList li{ width:320px; height:305px; float:left; margin-right:10px;} .xingList li a{ width:320px; height:305px; display:block;} .xingList li .xingTop{ width:320px; height:185px; background:#090; position:relative;} .xingList li .xingTop span{ display:block; width:320px; height:40px; line-height:40px; background:#fff; color:#000; opacity:0.9; text-align:center; position:absolute; left:0px; bottom:0px; font-weight:bold;} .xingList li .xingBottom{ width:300px; height:80px; padding:20px 10px 20px 10px; background:url("/r/cms/www/default/img/yps/xingBg.jpg");} .xingList li .xingBottom .xBDiv{ width:100px; height:40px; float:left; line-height:40px; text-align:center; font-size:12px;} .xingList li .xingBottom .xBDiv .xIcon{ width:25px; height:40px; float:left; background:url("/r/cms/www/default/img/yps/xingIcon.png") no-repeat;} .xingList li .xingBottom .xBDiv .xIcon.x2{ background-position:-25px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x3{ background-position:-50px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x4{ background-position:-75px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x5{ background-position:-100px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x6{ background-position:-125px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x7{ background-position:-150px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x8{ background-position:-175px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x9{ background-position:-200px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x10{ background-position:-225px 0px;} .xingList li .xingBottom .xBDiv .xIcon.x11{ background-position:-250px 0px;} .xingList li .xingBottom .xBDiv span{ display:block; float:left; color:#3e3e3e;} .youList li{ width:210px; height:190px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;} .youList li a{ width:210px; height:190px; display:block;} .youList li a .youThums{ width:210px; height:120px; } .youList li a .youTitles{ width:210px; height:40px; line-height:20px; padding:15px 0px; font-size:12px; color:#3e3e3e;} .youList li a:hover .youTitles{ color:#00ac26;} .gouList li{ width:210px; height:320px; float:left; border:1px solid #e5e3d9; margin-right:7px;} .gouList li .gouThums{ width:210px; height:225px; } .gouList li .gouInfos{ width:210px; height:95px; } .gouList li .gouInfos .gouName{ width:210px; height:30px; text-align:center; line-height:30px; padding-top:10px; position:relative; color:#ff5a00; font-weight:bold;} .gouList li .gouInfos span{ width:45px; height:1px; background:#d2cfc0; display:block; position:absolute; top:23px;} .gouList li .gouInfos span.Ls{ left:15px;} .gouList li .gouInfos span.Rs{ right:15px;} .gouList li .gouInfos .gouDes{ width:190px; height:40px; line-height:20px; padding:5px 10px 10px 10px; font-size:12px; color:#3e3e3e;} .yuList li{ width:210px; height:320px; float:left; border:1px solid #e5e3d9; margin-right:7px;} .yuList li .gouThums{ width:210px; height:225px; } .yuList li .gouInfos{ width:210px; height:95px; } .yuList li .gouInfos .gouName{ width:210px; height:30px; text-align:center; line-height:30px; padding-top:10px; position:relative; color:#e62a8b; font-weight:bold;} .yuList li .gouInfos .gouDes{ width:190px; height:40px; line-height:20px; padding:5px 10px 10px 10px; font-size:12px; color:#3e3e3e;} .eatPageTitle{ width:650px; height:100px; text-align:center; line-height:100px; font-size:24px; color:#ff5a00; position:relative;} .eatPageTitle .eatCn{ width:650px; height:25px; line-height:25px; font-size:12px; text-align:center; padding-top:25px;} .eatPageTitle .eatEn{width:650px; height:20px; line-height:20px; font-size:18px; text-align:center; display:block; margin-top:-5px;} .eatPageTitle span{ width:250px; height:1px; background:#ff5a00; position:absolute; left:0px; top:50px; display:block;} .eatPageTitle a{ width:95px; height:30px; display:block; line-height:30px; position:absolute; right:0px; top:10px; color:#fff; font-size:14px; font-weight:normal; background:#ff5a00;} .eatPageTitle a:hover{ background:#c24400;} .eatPageList{ width:650px; height:auto; overflow:hidden; margin-top:15px;} .teseList{ width:650px; height:auto; margin-top:20px;} .teseList li{ width:650px; height:120px; margin-bottom:25px;} .teseList li .teseThum{ width:175px; height:120px; float:left;} .teseList li .teseR{ width:455px; height:120px; float:right;} .teseList li .teseR .teseTitles{ width:455px; height:30px; line-height:30px; border-bottom:1px dotted #000;} .teseList li .teseR .teseTitles a{ color:#3e3e3e; font-weight:bold;} .teseList li .teseR .teseTitles a:hover{ color:#900;} .teseList li .teseR .teseInfos{ width:455px; height:75px; line-height:25px; padding-top:10px; font-size:12px;} .xjd{ width:640px; height:40px; background:url("/r/cms/www/default/img/yps/dxyBg.png"); line-height:40px; margin-top:15px; color:#ff5a00; font-size:18px; font-weight:bold; padding-left:10px;} .eatPageList li{ width:210px; height:145px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;} .eatPageList li.three{ margin-right:0px;} .eatPageList li.second{ width:430px; height:145px; margin-right:0px; background:#0cc;} .eatPageList li a{ display:block; width:210px; height:145px; position:relative;} .eatPageList li a span{ display:block; position:absolute; left:0px; bottom:0px; background:#fff; color:#000; line-height:40px; height:40px; text-align:center; width:210px; opacity:0.9;} .eatPageList li.second a{ width:430px;} .eatPageList li.second a span{ width:100%;} .eatPageList li a .eatInfoss{ width:115px; height:125px; padding:10px; font-size:12px; position:absolute; left:-135px; top:0px; background:#feab7f; color:#fff;} .eatPageList li a .eatInfoss strong{ width:100%; height:auto; display:block; line-height:20px; font-size:14px; text-align:center;} .eatPageList li a .eatInfoss p{ display:block; width:100%; height:auto; line-height:16px; margin-top:5px;} .eatPageList li:hover .eatInfoss{ left:0px;} .eatPageList li:hover span{ bottom:-40px;} .eatPageLoad{ width:650px; height:100px; background:#fff; line-height:100px; text-align:center; font-weight:bold; font-size:18px;} .zqR{ width:300px; height:auto; float:right;} .zqRMenu{ width:300px; height:185px; } .zqRMenu ul li{ width:97px; height:76px; float:left; margin-right:4px; margin-bottom:10px;} .zj_pwleft{ width:146px; height:74px; color:whiet; background:url("/r/cms/www/default/img/yps/pw_bg.jpg"); text-align:center; line-height:74px; font-size:18px; font-weight:bold; color:white; float:left} .zj_kf{ float:left; font-size:12px; border:1px solid #dcd5be; color:#f35000; height:33px; line-height:33px; margin-bottom:4px; padding-left:5px; padding-right:5px} .zi_kfl{ width:205px; margin-left:5px} .zj_kfr{ margin-right:-20px; margin-left:5px} .wjpj{ font-size:24px; color:#ff5a00; font-weight:bold; float:left} .zj_wjpj h1{ width:520px; height:13px; background:url("/r/cms/www/default/img/yps/pw_bbg.jpg"); float:left; margin-top:16px; margin-left:15px} .zj_wjpj h1 img{ float:left} .pj_li{ float:left; margin-top:38px; margin-bottom:40px} .pj_li li{ float:left; height:120px; width:200px; margin-right:15px; line-height:26px; float:left; background:url("/r/cms/www/default/img/yps/pwjg_bg.jpg"); text-align:center; color:#727272; font-size:12px} .zybll{ margin-top:24px; float:left} .zybll li{float:left; width:95px; height:83px; font-size:12px; margin-bottom:15px; overflow:hidden;} .zybll li img{ display:block; margin-left:15px; width:63px; height:63px;} .zybll li p{ display:block; text-align:center; line-height:25px;} .jz_t1{ width:650px; height:240px} .jz_t1rig{ float:left; width:260px; float:right} .jz_t1rig h1{ font-size:18px; color:#ff5a00; border-bottom:1px solid #b2b1a8; line-height:18px; padding-bottom:10px} .jd_fhl{ float:right; font-size:12px; background:#999891; color:white; width:55px; line-height:20px; text-align:center; margin-top:-28px} .jdjs{ color:#333333; font-size:12px; float:left; font-weight:bold; margin-top:16px} .jz_t1rig p{float:left; font-size:12px; color:#999999; margin-top:16px; width:190px; word-break:break-all} .jdjj{ width:650px; margin-top:15px; border-top:1px dotted #000000; margin-bottom:40px} .jdjj h2{ color:#ff5a00; line-height:48px} .jdjj p{ word-break:break-all; color:#333333; font-size:12px; line-height:24px} .jd_iimm li{ width:650px; height:130px; margin-bottom:25px; border-bottom:1px solid #eeece1;border-right:1px solid #eeece1} .jdd_rig{ float:left; margin-left:20px; margin-top:20px} .jdd_rig h2{color:#666666; border-bottom:1px dotted #b2b2af; font-size:12px; line-height:12px; padding-bottom:8px; width:310px} .jdd_rig p img{ margin-left:10px; margin-right:5px;} .jdd_rig p{ font-size:12px; line-height:24px; color:#999999} .szj{ position:absolute; margin-top:46px; margin-left:580px; width:38px; height:38px; background:url("/r/cms/www/default/img/yps/sjz0.jpg"); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;transition:all 0.5s;} .jd_iimm li:hover .szj{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);transform:rotate(360deg); background:url("/r/cms/www/default/img/yps/sjz1.jpg")} .jzmore{ border:1px solid #e8e0b3; width:120px; height:35px; line-height:35px; text-align:center; color:#333333; margin-left:265px; cursor:pointer} .you_top{ height:32px; background:url("/r/cms/www/default/img/yps/you_lo.jpg") no-repeat; border-bottom:1px solid #11b032; color:#11b032; text-align:right; line-height:37px; padding-top:5px; font-size:12px; position:relative;} .sps{ width:98%; padding-left:2%; height:40px; background:url("/r/cms/www/default/img/yps/dxyBg.png"); font-size:18px; font-weight:bold; color:#ff5a00; line-height:40px; margin-top:15px;} .spsList{ width:100%; height:auto; overflow:hidden; padding-bottom:50px;} .spsList ul li{ width:200px; height:300px; float:left; background:#dae8e9; border:1px solid #adadab; margin-left:75px; margin-top:35px;} .spsList ul li .spsTop{ width:200px; height:175px; position:relative;} .spsList ul li .spsTop .spsTopImg{ width:200px; height:175px; position:absolute; left:0px; top:0px;} .spsList ul li .spsTop .spsTopIcon{ width:40px; height:33px; position:absolute; left:0px; top:0px; background:url("/r/cms/www/default/img/yps/hot.png") no-repeat;} .spsList ul li .spsBottom{ width:180px; height:105px; padding:10px; line-height:26px;} .spsList ul li .spsBottom strong{ color:#fc8b13; display:block; width:100%;} .spsList ul li .spsBottom b{ color:#fc2e2e; display:block; width:100%;} .spsList ul li .spsBottom p{ display:block; width:100%; font-size:12px; line-height:20px;} .you_top a{ width:95px; height:30px; display:block; line-height:30px; text-align:center; position:absolute; right:0px; top:0px; color:#fff; font-size:14px; font-weight:normal; background:#ff5a00;} .you_top a:hover{ background:#c24400;} .you_list li{ height:130px; width:650px; border:1px solid #efefef; background:white; margin-bottom:20px} .you_rig{ float:left; margin-left:20px; margin-top:20px} .you_rig h2{ font-size:16px; color:#333333; margin-bottom:8px;} .you_rig p{ width:400px; line-height:20px; word-break:break-all; font-size:12px; color:#666666} .ckgd{ color:#00ac26; float:right; margin-top:5px} .ckgd:hover{ text-decoration:underline} .you_btn{ height:22px; margin-top:70px; margin-bottom:50px} .you_btn li{ float:left; width:22px; cursor:pointer; height:22px; margin-right:6px; color:white; background:#b7b7b7; line-height:22px; text-align:center} .you_lbtn,.you_rbtn{ background:#00ac26 !important} .ynm3000{ width:650px; height:760px; overflow:hidden; margin-top:30px} .aasd{ background:#5f5f5f !important} .newspwList{width:630px; height:auto; margin-bottom:35px;} .newspwTitle{ width:630px; height:13px; background:url("/r/cms/www/default/img/yps/huidu.png"); line-height:13px; position:relative;} .newspwTitle .newsIcons{ width:120px; height:25px; position:absolute; left:0px; top:-3px; background:#fffdf1; font-size:18px; font-weight:bold; color:#ff5a00;} .newspwTitle .newspwJt{ width:13px; height:13px; position:absolute; left:115px; top:0px; background:url("/r/cms/www/default/img/yps/lrjiantou3.png") no-repeat;} .newspws{ width:630px; height:120px; margin-top:10px;} .newspws ul li{ width:170px; height:95px; padding:25px 15px 0 15px; float:left; margin-right:15px; background:#f8f5e7; text-align:left; font-size:14px; line-height:25px;} .newspws ul li span{ color:#f35000; font-weight:bold;} .newspws ul li div{ margin-top:10px;} .newsmp{ width:630px; height:90px; background:url("/r/cms/www/default/img/yps/xcmp.jpg") no-repeat; margin-bottom:35px;} .newsmp a{ width:315px; height:90px; display:block; float:left; cursor:pointer;} .mpbg{ width:100%; height:100%; position:absolute; left:0px; top:0px;} .mpBox{ width:100%; height:530px; position:absolute; left:0px; top:50%; margin-top:-265px; background:#ffffff url("/r/cms/www/default/img/yps/pwxxBg.jpg") top center no-repeat;} .mpBoxDetails{ width:400px; height:530px; position:absolute; left:50%; margin-left:-505px;} .mpBoxDetailsH2{ width:100%; height:50px;line-height:50px; font-size:24px; font-weight:bold; color:#ff5a00; margin-top:12px;} .mpBoxDetailsTitle{ width:100%; height:35px; line-height:35px; font-size:18px; font-weight:bold; margin-top:15px;} .mpBoxDetailsImg{ padding:5px 0px;} .mpBoxDetailsInfos{ width:100%; height:auto; line-height:20px; font-size:12px;} /***********************dongtai_new*************************/ #wra_wj{ width:100%; height:auto; overflow-x:hidden;} #header_wj{ width:100%; height:285px; background:#999; border-top:3px solid #8f0101;} #navWj{ width:100%; height:115px; background:#fff;} #navWj .nav{ display:block;width:1100px; height:46px; margin:0 auto;} #navWj .nav li{ width:155px; height:46px; float:left; line-height:46px; text-align:center; font-size:18px; font-weight:bold;} #navWj .nav li a{color:#5a5238; display:block; width:155px; height:46px;} #navWj .navCur a{ color:#FFF !important; background:#d6a304 !important; display:block;} #navWj .nav li a:hover{ background:#d6a304; color:#fff;} #navWj .hr{ width:100%; height:1px; background:#dddddd} #navWj .subNav{ display:block;width:1100px; height:68px; margin:0 auto;} #navWj .subNav li{ display:block;width:133px; border-right:1px solid #d8d8d8; height:34px; float:left; text-align:center; margin-top:15px; line-height:34px;} #navWj .subNav li a{color:#000; display:block; width:133px; height:40px;} #navWj .subNav li a:hover,#navWj .subNav li a.subNavCur{ background:url("/r/cms/www/default/img/yps/x_l.png") no-repeat; color:#fff;} .subNavCur_wj{background:#aa0000; line-height:40px !important; color:#fff !important;} #bannerWj{ width:100%; height:306px; position:relative;background:#8f0101;} .bannerWj{ width:1100px; height:325px; position:absolute;top:30px; left:50%; margin-left:-550px;} .bannerWj .imgUL{ width:610px; height:325px; position:relative; background:#333; margin-right:35px; float:left; position:relative; overflow:hidden;} .bannerWj .imgUL li{ width:610px; height:325px; position:absolute; display:none;} .bannerWj .imgUL li a{ display:block; width:610px; height:325px;} .bannerWj .imgUL .bg{ width:610px; height:40px; background:#000; opacity:0.5; position:absolute; bottom:0px;} .bannerWj .imgUL .font{ width:610px; height:40px; color:#fff; line-height:40px; font-size:18px; position:absolute; bottom:0px; text-indent:20px; font-weight:bold;} .imgULCur{ display:block;} .bannerWj .right{ width:440px; height:325px; float:left;} .bannerWj .textUL{ width:440px; height:200px; position:relative; margin-top:10px;} .bannerWj .textUL li{ width:440px; height:200px; position:absolute; font-size:12px; line-height:24px; color:#e1cbcb; margin-top:-10px; display:none;} .bannerWj .textUL li b{ font-size:18px; line-height:36px; color:#fff; display:block; margin-top:10px;} .bannerWj .textUL li span{ line-height:28px;margin-bottom:5px;display:block; display:block; margin-top:20px;} .bannerWj .textUL li p{ display:block; margin-top:0px;} .bannerWj .dian{ width:120px; height:14px; float:left; margin-left:300px; margin-top:80px;} .bannerWj .dian li{width:14px; height:14px;margin-left:15px; background:#d6a304; border-radius:14px; float:left; cursor:pointer;} .dianCur_wj{ background:#d50000 !important;} .banner_wjCur{ margin-top:0px !important; opacity:1 !important;} #mainWj{ width:100%; height:auto; margin-top:60px; margin-bottom:280px;} .mainWj{ width:1100px; height:auto; margin:0 auto; overflow:hidden;} .mainWj .left{ width:625px; height:auto; float:left; border-right:1px solid #cecece; padding-right:50px;} .mainWj .mainUL{ display:block;width:625px; height:auto; overflow:hidden;} .mainWj .mainUL li{ width:625px; height:200px; border-bottom:1px solid #cecece; float:left;} .mainWj .mainUL li a{ color:#252525;} .mainWj .mainUL li a:hover{ color:#a80000;} .mainWj .mainUL li .title{ width:625px; height:20px; margin-top:20px; font-size:18px; line-height:20px; font-weight:bold;} .mainWj .mainUL li .title .img{ width:70px; height:20px; background:url("/r/cms/www/default/img/yps/new_liImgwj.png") no-repeat; float:left; margin-right:10px; text-align:center; color:#FFF; line-height:18px; font-size:12px;} .mainWj .mainUL li .text{ width:625px; height:auto; margin-top:20px; float:left; color:#3e3e3e;} .mainWj .mainUL li .text img{ display:block;width:165px; height:100px; background:#009; float:left; margin-right:20px;} .mainWj .mainUL li .text span{ font-size:12px; display:block; margin-top:10px;} .mainWj .right{ width:350px; height:auto; float:right;} .mainWj .right .title{ width:350px; height:200px; background:red;} .mainWj .right .title .text{ width:145px; height:200px; background:#8f0101; float:left; padding-left:15px; padding-right:15px;} .mainWj .right .title .text b{ color:#FFF; text-align:center; line-height:45px; display:block; line-height:45px; border-bottom:1px solid #a83939;} .mainWj .right .title .text div{ width:145px; height:130px; margin-top:10px; color:#cca4a4; font-size:12px; line-height:24px;} .mainWj .right .title .img{ width:175px; height:200px; float:left; background:#03C;} .mainWj .right .UL{ width:350px; height:300px; margin-top:35px; overflow:hidden;} .mainWj .right .UL b{ font-size:18px; line-height:36px; width:350px; height:36px; color:#000; border-bottom:1px solid #cccccc; display:block;} .mainWj .right .UL b a{ font-size:12px; color:#333; display:block; float:right; line-height:45px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .mainWj .right .UL b a:hover{ color:#900;} .mainWj .right .UL{ display:block; width:350px; height:auto;} .mainWj .right .UL li{ width:350px; height:28px; line-height:28px; float:left; } .mainWj .right .UL li a{color:#7f7f7f;} .mainWj .right .UL li a:hover{ color:#900;} .mainWj .right .UL li span{ font-size:26px; line-height:28px; display:block; float:left; margin-right:5px;} .mainWj .right .UL li div{ float:right; font-size:12px; margin-right:10px;} .jiazaiWj{ display:block;width:625px; height:40px; background:#3a3a3a; opacity:0.8; color:#FFF; line-height:40px; text-align:center;} #footerWj{ width:100%; height:75px; background:#000; overflow:hidden; background:url("/r/cms/www/default/img/yps/footerWj.jpg") top center;} .footerWj{ width:100%; height:30px; margin:0 auto; background:#7f7f7f; line-height:30px; color:#dedede; margin-top:45px;} .footerWj p{ width:1100px; height:30px; margin:0 auto;} /*************zhenwu_ldjj**********************/ .ld_wj,.xinDetails{ width:715px; height:auto;background:#f1f0eb; float:left;} .ld_wj b{ font-size:24px; line-height:80px; color:#b90000;} .ld_wj .UL{ display:block;width:625px; height: auto; background:#f8f4e7;padding-right:50px; overflow:hidden;} .ld_wj .UL li{ width:625px; height:235px; float:left; margin-top:30px; margin-bottom:30px;display:block;} .ld_wj .UL li .left1{ width:180px; height:235px; float:left; background:#999; margin-right:20px;} .ld_wj .UL li .right1{ width:420px; height:235px; float:left;} .ld_wj .UL li .right1 b{ font-size:18px; line-height:30px; color:#000;} .ld_wj .UL li:hover .right1 b{ color:#900;} .ld_wj .UL li .right1 p{color:#9e9b93; line-height:40px; border-bottom:1px solid #9e9b93} .ld_wj .UL li .right1 div{ margin-top:20px;color:#9e9b93; line-height:24px; height:110px;border-bottom:1px solid #9e9b93} /*****************zhengwu_gk***************************/ #gk_wj{ width:100%; height:auto; overflow:hidden; margin-bottom:150px;} #gk_wj .banner{ width:100%; height:340px; background:none; margin:0 auto; padding-top:25px; padding-bottom:25px;} #gk_wj .bannerWra{ width:1100px; height:390px; margin:0 auto; position:relative;} #gk_wj .banImgUL{ width:600px; height:340px; position:relative; float:left; background:#333;} #gk_wj .banImgUL li{ width:600px; height:340px; position:absolute; left:0px; top:0px; display:none;} .newIcons{ width:140px; height:12px; position:absolute; left:450px; bottom:70px;} .newIcons a{ display:block; width:12px; height:12px; border-radius:12px; float:left; margin-right:10px; cursor:pointer; background:#fff;} .newIcons a:hover,.newIcons a.xinCur{ background:#aa0000;} #gk_wj .banTitleUL{ width:450px; height:340px; float:right;} #gk_wj .banTitleUL li{ width:450px; height:68px; float:left; display:block;} #gk_wj .banTitleUL li a{ width:450px; height:20px; display:block; line-height:20px; font-size:18px; color:#000; font-weight:bold;} #gk_wj .banTitleUL li:hover a,#gk_wj .banTitleUL li.banCur a{ color:#a80000;} #gk_wj .banTitleUL li a span{ display:block; float:left; margin-right:15px;} #gk_wj .banTitleUL li a div{ width:68px; height:19px; background:url("/r/cms/www/default/img/yps/banTitleUL_wj.png"); float:left; text-align:center; line-height:20px; color:#fff; font-size:12px;} #gk_wj .banTitleUL li p{ line-height:30px; font-size:12px; color:#706e68;} #gk_wj .gonggao{ width:1098px; height:30px; border:1px solid #dfdfdf; margin:0 auto; margin-top:25px; margin-bottom:20px; background:#FFF;} .ab{ width:855px; height:30px; float:left; position:relative; overflow:hidden;} .ab ul{ height:10000px; position:absolute; left:0; top:0; width:800px; } .ab li{ list-style:none;} #gk_wj .ul_big{ width:1100px; height:auto; margin:0 auto; overflow:hidden;} #gk_wj .ul_big li{ width:470px; height:280px; float:left; margin-right:160px; margin-bottom:40px; display:block;} #gk_wj .ul_big li img{ display:block; width:470px; height:150px; margin-top:20px;} #gk_wj .ul_big li div{ font-size:12px; line-height:24px; margin-top:10px;} .zthd_wj{ width:470px; height:250px; background:#333; position:relative;} .zthd_wj a{ width:470px !important; height:250px !important;} .zthd_wj .left{ width:225px; height:250px; margin-top:0px !important; float:left; padding-left:15px;background:#8f0101;} .zthd_wj .left b{ display:block; width:210px; height:50px; line-height:50px; text-align:center; color:#fff; border-bottom:1px solid #a83939; font-size:14px;} .zthd_wj .left span{ width:210px; color:#cca4a4; display:block; margin-top:10px; float:left;} .zthd_wj .tupian{ width:230px; height:250px; float:right; margin-top:0px !important; overflow:hidden;} .zthd_wj .tupian img{ width:230px !important; height:250px !important; background:red; display:block; margin-top:0px !important;} .ldjs_wj{ width:470px; height:280px; position:relative;} .ldjs_wj .left{ width:180px; height:235px; float:left;} .ldjs_wj .left img{ width:180px !important; height:235px !important; display:block; margin-top:20px !important;} .ldjs_wj .right{ width:265px; height:235px; float:right; margin-top:20px !important; position:relative;} .ldjs_wj .right li{ width:265px !important; height:200px !important;} .ldjs_wj .right li b{ width:265px; font-size:18px; display:block; color:#000; margin-bottom:5px;} .ldjs_wj .right li span{ font-size:14px; color:#737373; font-weight:bold; line-height:28px;} .ldjs_wj .dian{width:96px; height:14px; position:absolute; bottom:27px; left:205px;} .ldjs_wj .dian li{width:14px !important; height:14px !important; background:#b7a46e; float:left; margin-right:10px !important; cursor:pointer;} .ldjsCur{ background:#b90000 !important;} #gk_wj .ul_big li .title{ width:470px; height:20px; font-size:18px; font-weight:bold; color:#434343; line-height:20px; } #gk_wj .ul_big li a{ display:block;width:20px; height:20px; background:#b7a46e; float:right; text-align:center; color:#fff; line-height:18px;} #gk_wj .ul_big li a:hover{ background:#b90000;} #gk_wj .ul_big li .hr{ width:360px; height:1px; border-bottom:1px dotted #b7a46e; float:right; margin-top:9.5px; margin-right:10px;} #gk_wj .ul_big li .ul_min{ width:470px; float:left;height:auto; line-height:28px; margin-top:20px;} #gk_wj .ul_big li .ul_min li{ width:470px; height:28px; float:left; margin-bottom:0px; line-height:28px; display:block;} #gk_wj .ul_big li .ul_min li:hover a{ color:#b90000 !important;} #gk_wj .ul_big li .ul_min li a{ display:block;width:460px; padding-left:10px; height:28px; text-align:left; background:none; color:#737373; position:relative; overflow:hidden;} #gk_wj .ul_big li .ul_min li a div{ position:absolute; right:0px; font-size:12px; top:-13px;} #gk_wj .ul_big li .ul_min li span{ font-size:24px; line-height:15px; left:5px; position:absolute; width:10px; top:0px;} .lunbo_wj{ width:1050px; height:120px;margin:0 auto; border:1px solid #e9e9e9; padding-left:25px; padding-right:25px; padding-top:20px; padding-bottom:10px; margin-top:40px; margin-bottom:50px;} .lunbo_wj .ulWra{ width:1050px; height:130px; position:relative; overflow:hidden;} .lunbo_wj .ulWra ul{ width:10000px; height:130px;} .lunbo_wj .ulWra ul li{ width:190px; height:130px; float:left; margin-right:24px;} .lunbo_wj .ulWra ul li img{ display:block; width:190px; height:100px;} .lunbo_wj .ulWra ul li span{ display:block; widows:190px; height:30px; line-height:30px; text-align:center; color:3e3e3e; font-size:12px;} /******************nxgh_wj***********************/ .wjL{ width:650px; height:auto; padding:12px; border:1px solid #e8e0b3; margin-left:1px; margin-top:1px;} .wjL .top{ width:550px; height:60px;margin:0 auto;} .wjL .top .left{ width:210px; height:1px; float:left; background:#ff5a00; margin-top:29.5px;} .wjL .top .center{width:130px; height:60px; float:left; text-align:center;} .wjL .top .center .English{ width:130px; height:28px; font-size:14px; line-height:28px; color:#ff5a00;} .wjL .top .center .China{ width:130px; height:32px; font-size:18px; line-height:32px; color:#ff5a00;} .wjL .top .right{width:210px; height:1px; float:left;background:#ff5a00;margin-top:29.5px;} .wjL .img{ width:550px; height:300px; background:#333; margin:40px auto;} .wjL .main{ width:548px; height:auto; margin:0 auto; border:1px dotted #999;} .wjL .main .jiaotong{ width:548px; height:46px;} .wjL .main .jiaotong span{ display:block; float:left; width:274px; line-height:46px; font-size:16px; text-align:center; color:#ff5a00;border-bottom:1px dotted #999;} .wjL .main b{color:#ff5a00; font-size:12px; line-height:50px; display:block; text-indent:25px;} .wjL .main .glgk{ width:548px; height:160px;border-bottom:1px dotted #999; padding-bottom:40px;} .xxxxx{ width:548px; height:auto;} .wjL .main .glgk .img{ width:248px; height:160px; float:left; margin-left:25px; margin-right:25px; background:#333; margin-top:0px;} .wjL .main .glgk .text{ width:240px; height:160px;float:left; font-size:12px; line-height:24px;} .wjL .main .jtsk{ width:496px; margin-left:25px; height:200px; border:1px solid #e5e3d8; line-height:39px; text-align:center; margin-bottom:40px; border-bottom:0px; font-size:12px; } .wjL .main .jtsk .left{ width:160px; height:39px; float:left;border-right:1px solid #e5e3d8;border-bottom:1px solid #e5e3d8;} .wjL .main .jtsk .right{ width:335px; height:39px; float:left;border-bottom:1px solid #e5e3d8;} .jiachuCur_jw{ font-weight:bold;} .wjL .main .suodao{ width:548px; height:180px; border-top:1px dotted #999; border-bottom:1px dotted #999; padding-top:10px;} .wjL .main .suodao p{ font-size:12px; text-indent:25px; line-height:28px;} .wjL .main .jdjl{ width:496px; height:200px; margin-left:25px; border-top:1px solid #e5e3d8;border-left:1px solid #e5e3d8} .wjL .main .jdjl li{ width:164px; height:39px;border-right:1px solid #e5e3d8;border-bottom:1px solid #e5e3d8; float:left; text-align:center; line-height:39px; font-size:12px;} .wjL .main .bxjq{ width:548px; height:240px; border-top:1px dotted #999; margin-top:40px;} .wjL .main .bxjq .img{ width:248px; height:160px; float:left; margin-left:25px; margin-right:25px; background:#333; margin-top:0px;} .wjL .main .bxjq .text{ width:240px; height:160px;float:left; font-size:12px; line-height:24px;} .wjL .ditu_wjB{ width:550px; line-height:40px; font-weight:bold; margin:0 auto; height:40px;} .wjL .main b span{ font-weight:100;} .wjL .main .tupian{ width:500px; height:190px; background:#333; margin:0 auto; margin-bottom:30px;} .wjL .ditu_topWj{ width:106px; height:36px; position:absolute; left:0px; top:0px;line-height:36px; font-weight:bold; text-align:center; color:#ff5a00; cursor:pointer;} .wjL .ditu_topWj .yuan{ width:36px; height:36px; border-radius:36px; text-align:center; line-height:32px; color:#fff; background:#ff5a00; font-size:34px; float:left; font-weight:100;} .ab_wj{ width:1098px; border:1px solid #CCC; margin:0 auto; height:30px; overflow:hidden; line-height:30px; margin-top:30px; margin-bottom:20px;} .ab_wj a{ color:#666; text-indent:20px; display:block; font-size:12px;} /******************surveyWj***********************/ .surveyWj{ width:650px; height:500px; padding:0px 25px; overflow-y:auto; background:#fffdf1; position:absolute; left:50%; top:50%; margin-left:-325px; margin-top:-250px; padding-bottom:15px;} .surveyWjH2{ width:650px; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; border-bottom:1px solid #ccc;} .surveyClose{ width:100px; height:30px; background:#dcbd36; line-height:30px; position:absolute; left:50%; top:50%; margin-left:250px; margin-top:-240px; z-index:100; color:#000; text-align:center; cursor:pointer;} .surveyClose:hover{ background:#be9813; color:#fff;} .surveyWj .inputDiv{ width:650px; height:28px; line-height:28px; margin-top:30px; font-size:12px;} .surveyWj .inputDiv .left{ width:120px; float:left; margin-right:20px; text-align:right; font-weight:bold;} .surveyWj .inputDiv .center{ width:450px; float:left;} .surveyWj .inputDiv .center .radio{ margin-right:5px;} .surveyWj .inputDiv .xin{ width:10px; color:red; float:left;} .surveyWj .inputDiv .right{ width:230px; float:right; background:#fc9214; text-indent:10px;} .surveyWjCur{background:#6C6 !important;} .surveyWj b{ line-height:50px; display:block; margin-top:20px;} .surveyWj ul{ width:649px; height:232px; border-top:1px solid #CCC; border-left:1px solid #CCC} .surveyWj ul li{ float:left;border-right:1px solid #CCC; border-bottom:1px solid #CCC; height:28px; font-size:12px; line-height:28px; width:58px; text-align:center;} .surveyWj .liWidthL{ width:350px;} .surveyWj textarea{ width:648px; height:150px; display:block; border:1px solid #CCC} .surveyWj .sub{ width:50px; height:30px; float:right; margin-top:20px; cursor:pointer;background:#fc9214 ;} .surveyWj .sub:hover{ background:#6C6;} .surveyWj .select{ width:648px; height:40px; line-height:40px; margin-top:20px;} .surveyWj .select .left{ float:left; font-weight:bold; text-indent:23px; margin-right:15px; font-size:12px;} .xdy{ width:630px; height:300px; margin-top:0px;} .xdyList{ width:630px; height:350px; margin-top:10px;} .xdyList ul li{ width:300px; height:350px;} .xdtq{width:375px; height:110px; position:absolute; left:-140px; top:82px;background:url("/r/cms/www/default/img/yps/blank5.png"); display:none;} .xdtq li{ width:125px; height:110px; float:left;} .xdtq li .xdtqImg{ width:30px; height:30px; margin-left:27px; margin-top:10px; float:left;} .xdtq li .xdtqSS{ width:100%; height:20px; line-height:20px; float:left; text-align:center;} .xdtq li .xdtqSsd{ width:100%; height:40px; line-height:18px; float:left; text-align:center; margin-top:5px;} .xdtq li .xdtqDate{ width:75px; height:16px; float:left; margin-left:25px; background:#690b18; line-height:15px; text-align:center; color:#eaeaea;} .rongyu{ width:100%; height:auto; overflow:hidden;} .rongyu li{ width:200px; height:205px; float:left; margin-right:45px; margin-bottom:25px;} .rongyu li.ry{ margin-right:0px;} .rongyu li img{ display:block; height:175px;} .rongyu li strong{ display:block; width:200px; height:30px; text-align:center; line-height:30px; color:#3e3e3e;} .DetailedInformation{ position:absolute;top:265px;} .DetailedInformation>ul>li{ display:none; width:444px; height:auto; background:#ed682c; border-radius:20px; padding:30px; color:#FFF; position:absolute;} .sanjiao{ width:0; height:0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #ED682C; position:absolute; top:-15px; left:50px;} .weather2{ left:150px;} .weather3{ left:280px;} .weather4{ left:120px;} .weather4 .sanjiao{ left:352px;} .weather5{ left:247px;} .weather5 .sanjiao{ left:352px;} .moreWea{width:75px; height:20px; font-size:12px; display:block; position:absolute; right:25px; bottom:12px; line-height:20px; text-align:center; border-radius:20px; color:#fff; background:#9a7a1d;} .moreWea:hover{ background:#795b05; color:#fff;} #zwgkWJ{ width:100%; height:auto; margin-top:60px; margin-bottom:180px; position:relative} .zwgkWJ{ width:1000px; height:auto; margin:auto; background:#fff; overflow:hidden;} .zwgkWJ ul{ width:877px; height:451px; border-top:1px solid #aaaaaa;color:#8a8282; margin:auto; position:relative;} .zwgkWJ ul li{ width:100%; height:40px; border-bottom:1px solid #aaaaaa;background:url("/r/cms/www/default/img/yps/wjBgli.jpg");} .zwgkWJLi span{ display:block; float:left; height:40px; line-height:40px; text-align:center;} .zwgkWJLi span.span1{ width:93px;} .zwgkWJLi span.span2{ width:71px;} .zwgkWJLi span.span3{ width:207px;} .zwgkWJLi span.span4{ width:87px;} .zwgkWJLi span.span4.cur{color:#aa0000;} .zwgkWJLi span.span5{ width:120px;} .zwgkWJLi span.span6{ width:298px;} .zwgkWJ .top{ width:877px; height:90px; margin:auto; margin-top:20px;} .zwgkWJ .top .one{ width:100%; height:55px; line-height:50px;font-size:20px; font-weight:bold;color:#8a8282;} .zwgkWJ .top .one span{ width:10px; height:10px; display:block; float:left; background:url("/r/cms/www/default/img/yps/diandianWj.jpg") left; margin-top:22px; margin-right:10px; } .zwgkWJ .top .tow{ width:100%; height:45px; line-height:45px;background:url("/r/cms/www/default/img/yps/wjBgli.jpg");border-top:1px solid #aaaaaa; font-weight:bold;} .zwgkWJ .wyxx{ width:877px; margin:45px auto; height:55px; font-size:20px;font-weight:bold;color:#8a8282; line-height:55px;} .zwgkWJ .wyxx span{ width:10px; height:10px; display:block; float:left; background:url("/r/cms/www/default/img/yps/diandianWj.jpg") left; margin-top:22px; margin-right:10px; } .zwgkWJ .bg{ width:610px; height:600px;margin:auto; color:#8a8282; position:relative;} .zwgkWJ .bg input{ width:520px; height:24px; line-height:24px; font-size:12px; border:1px solid #938c8c; text-indent:10px; margin-left:10px;} .zwgkWJ .textarea{ width:520px; height:80px; line-height:24px; font-size:12px; border:1px solid #938c8c; text-indent:10px; margin-right:10px; float:right;} .zwgkWJ .submit{ width:80px !important; height:18px !important; background:#aa0000; color:#fff; line-height:18px !important; text-align:center !important; font-size:12px; display:block; cursor:pointer; position:absolute; bottom:40px; right:10px;} .zwgkWJ .radio{ width:15px !important; height:15px !important; margin-right:20px;} .holder {margin: 15px 0;text-align:right;} .holder a {font-size: 14px;cursor: pointer; float:left; display:block; width:20px; height:20px; text-align:center; margin-right:10px;} .holder a:hover {background:#316e00; color:#fff;} .holder a.jp-previous { margin-right: 15px; } .holder a.jp-next { margin-left: 15px; } .holder a.jp-current, a.jp-current:hover {color: #5DB0E6;} .holder a.jp-disabled, a.jp-disabled:hover {color: #bbb;} .holder a.jp-current, a.jp-current:hover,.holder a.jp-disabled, a.jp-disabled:hover {cursor: default;background: none;} .holder span { margin: 0 5px; } .jp-current{ background:#316e00 !important; color:#fff !important; font-weight:100; line-height:20px;} .jp-first,.jp-previous,.jp-next,.jp-last{ width:42px !important;} /**************DepartmentsConcerned***********2015-*5-27*****************/ .DepartmentsConcerned{ position:absolute;top:0; width:100%; z-index:99; display:none; z-index:99999;} .DepartmentsConcerned .content{ width:1000px; height:auto; margin:0 auto; position:relative;} .et1{ background:#81511c; color:#f4d63a; text-align:center;} .et2{ color:#81511c; text-align:left; padding-left:20px} .et3{ text-align:center; color:#81511c; } .tablt{ width:1000px;} .DepartmentsConcerned .off{ height:23px; width:23px; position:absolute; right:-40px; top:0; background:url("/r/cms/www/default/img/yps/off.png") no-repeat; cursor:pointer;} tr { display: table-row; vertical-align: inherit; border-color: inherit; font-size:12px; color: #515151; line-height: 20px; } .n_scen_tp_tit{ height:30px; width:640px; border-top:#c5c5c5 dotted 1px; margin-left:48px;border-bottom:#c5c5c5 dotted 1px; margin-bottom:15px; margin-top:15px; color:#9c6d2c; font-size:14px; line-height:30px;} .n_scen_tp{ height:158px; width:642px; margin-left:48px; overflow:hidden; position:relative;} .n_scen_tp ul li{ width:214px; height:158px; float:left; position:relative; overflow:hidden;} .n_scen_tp ul li img{ display:block;} .n_scen_tp_div{ height:30px; background:url("/r/cms/www/default/img/yps/tp_bj.png") repeat; width:214px; text-align:center; line-height:30px; color:#FFF; position:absolute;bottom:0px; left:0px; display:none;} .zwgkWJLi .span7{cursor: pointer;} /*********************************6-29*************************************/ .bannerWj ul{ width:1100px;} .bannerWj ul li div{ float:left; border-right:1px solid #c02121;border-bottom:1px solid #af0202; color:#FFFFFF; text-align:center;} .bannerWj ul .date1{ width:249px; border-left:1px solid #c02121; } .bannerWj ul .person1{ width:276px;} .bannerWj ul .date2{ width:301px;} .bannerWj ul .person2{ width:269px;} .bannerWj .tit_ul{background:#710000; height:57px; background:#710000; position:relative; z-index:100;} .bannerWj .tit_ul li div{height:57px; line-height:57px; font-size:18px;} .bannerWj .content_ul{ height:9999px; position:absolute; margin-top:58px; top:0;} .bannerWj .content_ul li{height:49px; line-height:49px; font-size:16px;} .mid{ width:720px;margin:0px auto} .mid .list{ width:500px;height:50px;float:left;margin-left:50px;border-bottom:1px dashed #e2e2e2} .mid .list a{ color:#737373;} .mid .list a:hover{ color:#1c8642;} .mid .list span{ line-height: 50px;font-family:宋体;font-size:14px;text-align:left;display:block} .mid .list-hj{ width:500px;height:30px;float:left;margin-left:50px;border-bottom:1px dashed #e2e2e2} .mid .list-hj a{ color:#d22f26;} .mid .list-hj a:hover{ color:#1c8642;} .mid .list-hj span{ font-family:宋体;font-size:14px;text-align:left;display:block} .mid .time{ width:100px;height:50px;float:right;margin-right:50px;border-bottom:1px dashed #e2e2e2} .mid .time span{ line-height: 50px;font-family:宋体;font-size:14px;color:#6e6e6e;text-align:right;display:block} .mid .med{ width:500px;float:left;} .mid .med .picture{ width:248px;height:200px;margin:0px auto} .mid .med .title{ width:248px;height:50px;margin:0px auto} .mid .med .title a{ font-family:宋体;font-size:16px;color:#737373;text-align:center;display:block} .mid .med .title a:hover{color:#1c8642} .pagesite/*第几页*/{ text-align:center; line-height:24px; height:24px;color:#6e6e6e; margin:10px auto;margin-left:200px;} .clear-10{ clear:both; height:10px;} /*视频样式开始*/ /*video_banner*/ .video{padding-top:28px;} .video_banner{width:100%; height:400px; background-color:#333639; margin-bottom:30px; position:relative; overflow:hidden;} .v_item{width:100%; height:100%; overflow:hidden;} .v_item_img{width:716px; float:left; height:400px;} .v_item_img img{width:100%; height:100%;} .v_item_txt{float:left; width:484px;} .v_item_txt h1{padding:0 24px; margin-top:32px;} .v_item_txt h1 a{color:#fff; font-size:24px; font-weight:normal; line-height:36px;} .v_item_txt p{padding:0 24px; margin-top:34px; color:#9fa5aa; font-size:15px;} .v_item_txt .video_dis{padding:0 24px; margin-top:10px; color:#f1f1f1; font-size:15px; line-height:24px;} .video_banner .hd{width:484px; position:absolute; text-align:center; height:70px; bottom:36px; right:0;} .video_banner .hd ul{display:inline-block;} .video_banner .hd ul li{width:70px; height:70px; float:left; cursor:pointer; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; margin:0 20px; position:relative; z-index:0;} .video_banner .hd ul li:before{width:70px; height:70px; cursor:pointer; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; position:relative; background-color:rgba(0,0,0,0.7); z-index:1; position:absolute; left:0; bottom:0; content:""; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;} .video_banner .hd ul li:hover:before, .hd ul li.on:before{background-color:rgba(0,0,0,0); transition-duration:1000ms; -moz-transition-duration:1000ms; -webkit-transition-duration:1000ms; -o-transition-duration:1000ms;} .video-con{width:90%; margin:20px auto;} /*jcspNav*/ .tssj .jcspNav{margin:0; background-image:url("/r/cms/www/default/css/images/tubiao.png"); background-repeat:no-repeat; background-position:-436px -126px;} .jcspList{margin-top:16px;} .jcspList .tssjItem{padding:0; margin-left:75px; width:350px; margin-bottom:30px; position:relative;} .jcspList .tssjItem .tssjImg{width:100%; height:200px; position:relative;} .jcspList .tssjItem .tssjImg:before{position:absolute; width:350px; height:200px; content:''; background:#000; fliter: alpha(opacity=30); background:rgba(0,0,0,.3); display:none; top:0; left:0; z-index:1;} .jcspList .tssjItem #caseBlanche{display:none;} .jcspList .tssjItem:hover #caseBlanche, .jcspList .tssjItem:hover .tssjImg:before{display:block;} .jcspList .tssjItem #load{height:62px;width:62px;position:absolute;top:70px;left:145px; background:url("/r/cms/www/default/css/images/video-load.png") center center no-repeat; z-index:2;} .jcspList .tssjItem #test{height:8px;width:8px;position:absolute;background-color:#fff;border-radius:50%;top:0px;left:10px; z-index:2;} .jcspList .tssjItem #rond {height:60px;width:60px;border:1px solid #fff;border-radius:50%;position:absolute;top:70px;left:145px;animation:rond 2s infinite;-webkit-animation:rond 2s infinite; z-index:2;} @keyframes rond { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } @-webkit-keyframes rond { 0% {-webkit-transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);} }