@charset "utf-8"; main .center-wrap{padding:0px 0px 0px 0px; background-color:#ffffff; width:1200px;} fastlink{width: 100%; margin: 0 auto;} /*yx_rotaion*/ .yx-rotaion{ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; margin-bottom: 20px;width:1200px!important; height:400px!important;} .yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute;} .yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1;} .yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px;} .yx-rotation-focus span,.yx-rotaion-btn span{background:url(/uploads/image/d1t2jimages/ico.jpg) no-repeat;display:block;} .yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2;} .yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px;} .yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;} .yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative;} .yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px;} .yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px;} .yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;} .yx-rotation-focus span.hover{background-position:-10px -126px;} .rotaion_list{width:0;height:0;overflow:hidden;} #main{position:relative;text-align:justify; text-justify:distribute-all-lines;} .tofu-body{width:100%;} .tofu-body .first{margin-top: 13px; padding-bottom: 10px; border-bottom: 1px dotted #c1c1c1;} .tofu-body .first h5{line-height: 30px;} .tofu-body .first h5 a{ max-width: 100%; font-family: 'microsoft yahei'; font-size: 16px; color: #222; font-weight: bold;} .tofu-body .first h5 a:hover{ color: #006fc2;} .tofu-body .first span{ display: block; line-height: 20px; font-family: 'microsoft yahei'; font-size: 12px; color: #999;} .tofu-body .first p{ height: 40px; overflow: hidden; line-height: 20px; font-family: 'microsoft yahei'; font-size: 12px; color: #666; margin-top: 0px; text-align: left;} /* 首页豆腐块 */ .tofu-news{float: left; width: 31%; margin-bottom: 5px;} .tofu-notices{float: left; width: 31%; margin-left: 3%;margin-bottom: 5px;} .tofu-activities{float: left; width: 32%; margin-left: 3%;margin-bottom:5px;} .tofu-fastlinks{float:left; width:67%; margin-bottom: 10px;} .tofu-ztlinks{float: left; width: 30%; margin-left: 3%;margin-bottom: 10px;} .tofu-body ul{ height: 190px; margin-top: 6px;} .tofu-body ul li{ position: relative; height: 37px; line-height: 37px; border-bottom: 1px dotted #c1c1c1; overflow: hidden;} .tofu-body ul li a{ max-width: 370px; font-family:'microsoft yahei'; font-size: 14px; color: #333; padding-left: 16px; box-sizing: border-box;} .tofu-body ul li span{ font-family:'microsoft yahei'; font-size: 12px; color: #666;} .tofu-body ul li a:before{ content: ""; position: absolute; left: 0; top: 50%; margin-top:-2px; display: black; width: 4px; height: 4px; background: #999;} .tofu-body ul li a:hover{ color: #006fc2;} .tofu-body ul li a:hover:before{ background: #006fc2;} .tofu-activities-body{width: 100%;} .tofu-activities-body ul{margin-top: 10px;} .tofu-activities-body ul li{ padding: 6px 0 5px 0; border-bottom: 1px dotted #c6c6c6;} .tofu-activities-body ul li:first-child{ padding-top: 3px;} .tofu-activities-body ul li a{ display: block; width: 100%; height: 100%;} .tofu-activities-body ul li .date{ text-align: center; border-right: 1px solid #666; padding-right: 6px;} .tofu-activities-body ul li .date b{ line-height: 25px; font-family:'futura'; font-size: 30px; color: #333; font-weight: normal; display: block;} .tofu-activities-body ul li .date i{ line-height: 20px; font-family: 'microsoft yahei'; font-size: 12px; color: #333; display: block;} .tofu-activities-body ul li .it-date{ background: #0b7cce; width: 50px; height: 50px; color: #ffffff; font-size: 12px; text-align: center; float: left; margin-top: 1px;} .tofu-activities-body ul li .it-date span{ background: #dddddd;color: #000000;text-align: center; font-size: 22px; line-height: 30px; display: block;width: 100%; height: 35px;} .tofu-activities-body ul li p{ text-align: left; width:83%; height: 22px; line-height: 20px; overflow: hidden; font-family:'microsoft yahei'; font-size: 14px; color: #333;} .tofu-activities-body ul li p.hddd{height: 25px; font-family:'microsoft yahei'; font-size: 13px; color: #666;} .tofu-activities-body ul li p.hddd img{vertical-align: middle;} .tofu-activities-body ul li p.hddd0{height: 25px; font-family:'microsoft yahei'; font-size: 13px; color: #666; display: none;} .tofu-activities-body ul li p.hddd0 img{vertical-align: middle;} .tofu-activities-body ul li a:hover .date b,.inqydt ul li a:hover .date i,.inqydt ul li a:hover p{ color: #006fc2;} .tofu-fastlinks .links{width:100%; padding-top: 0px;} .tofu-fastlinks .links h3{ position: relative; line-height: 40px; font-family:'microsoft yahei'; font-size: 16px; color: #006fc2; font-weight: bold;} .tofu-fastlinks .links h3:before{ content: ""; display: block; position: absolute; top: 50%; right: 0; width: 89%; height: 3px; background: #ccc; margin-top: -1px;} .tofu-fastlinks .links h3:after{ content: ""; display: block; position: absolute; top: 50%; right: 0; width: 50px; height: 3px; background: #006fc2; margin-top: -1px;} .tofu-fastlinks .links .ksdh_nr_lb{width: 68px; height: 75px; background: #fafbff; color: #555555; font-size: 13px; text-align: center; line-height: 38px; margin:6px; float: left;} .tofu-fastlinks .links .ksdh_nr_lb img{padding-top:10px;} .tofu-fastlinks .links .ksdh_nr_lb a{color: #555555;} .tofu-fastlinks .links .ksdh_nr_lb a:hover{ color: #000;} .tofu-ztlinks .zttplj0{width: 100%; height:60px; color: #555555; font-size: 13px; text-align: center; line-height: 38px;margin-left:0px; margin-top: 10px; text-align: center;} /* ie6-ie8 */ .tofu-news{width: 31%\9; overflow:hidden\9;} .tofu-notices{width: 31%\9; margin-left: 3%\9;position:absolute\9;left:31.5%\9;} .tofu-activities{width: 32%; margin-left: 3%\9;left:31.5%\9; top:320px\9;} .tofu-fastlinks{width: 67%\9;overflow:hidden\9;} .tofu-ztlinks{width: 30%\9;/* position:absolute\9;*/ margin-left: 3%\9;} /* 响应式设计 */ @media screen and (min-width: 861px){ .tofu-fastlinks{float:left; width:67%; margin-bottom: 10px;} } @media screen and (max-width: 860px){ .tofu-news{width: 94%; margin-left: 2%; margin-right: 2%;} .tofu-notices{width: 94%; margin-left: 2%; margin-right: 2%;} .tofu-activities{width: 94%; margin-left: 2%; margin-right: 2%;} .tofu-fastlinks{width: 94%; margin-left: 2%; margin-right: 2%; margin-bottom: 20px;} .tofu-fastlinks .links h3:before{ width: 82%;} .tofu-activities-body ul li p{ width:82%;} .tofu-activities-body ul li p.hddd0{display: block; overflow: auto;} .tofu-activities-body ul li .it-date{ width: 70px; height: 70px;} .tofu-activities-body ul li .it-date span{width: 100%; height: 50px;line-height: 50px;} .tofu-ztlinks{width: 94%; margin-left: 2%; margin-right: 2%;} main .center-wrap{width:98%; padding-left:0.3%;padding-right:0.3%;} .yx-rotation-t{height:36px; width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;} .yx-rotaion{width:100%!important; margin-right:0; float:left; padding:0 25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height: 100%;} .rotaion_list li img, .rotaion_list li{width:100%; height: 100%;} .yx-rotaion-btn{width:100%;height:30px;top:50%;margin-top:-20px;} .yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:-10px;} .yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:40px;} } @media screen and (max-width: 600px){ .yx-rotaion{height: 150px!important;} .rotaion_list li img, .rotaion_list li{width:100%; height: 150px!important;} } @media screen and (max-width: 480px){ /* .banner-step{display:none;} */ .tofu-fastlinks .links h3:before{ width: 75%;} .tofu-activities-body ul li p{ width:75%;} .tofu-ztlinks .zttplj0 img{width: 100%;} } @media screen and (max-width: 320px){ }