锘緻import url("common.css"); .header-c{ position: fixed; z-index: 115555555555555555; left:0 ; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 50px ; text-align: center ; transition: all 1s linear 500ms ; -webkit-transition: all 1s linear 500ms; opacity: 1; top:0px; background: #ffffff; } .down-arrow{ position: absolute ; z-index: 9999999999999999999999999990; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 60px ; height: 60px ; text-align: center ; left:50%;bottom:25px; -webkit-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); cursor: pointer; border-radius: 100%; line-height: 60px; opacity: 0.7; display: flex; align-items: center; justify-content: center; } .header{ position: fixed; z-index: 115555555555555554; top : 0px; left:0 ; background:#94080B ; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 50px ; text-align: center ; } .header-wrap{ box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px; height: 50px ; text-align: center ; } .header-l{ color: #FFFFFF ;float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; line-height: 50px ; width: 50% ; height: auto ; text-align: left ; } .header-l a{ color: #FFFFFF ; font-size: 14px ; text-decoration: none ; margin: 0 0 0 0; padding: 0 0 0 0; } .header-l a:visited{ color: #FFFFFF; text-decoration: none;} .header-l a:active{ color: #FFFFFF; text-decoration: none;} .header-l a:hover{ color: #FFFFFF; text-decoration: none;} .headmenu{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; color: #cccccc; width: auto ; height: 50px ; line-height: 50px; text-align: center ; } .headmenu a{ color: #cccccc ; font-size: 14px ; text-decoration: none ; margin: 0 5px ;padding: 0 0 0 0; } .headmenu a:visited{ color: #cccccc; text-decoration: none;} .headmenu a:active{ color: #cccccc; text-decoration: none;} .headmenu a:hover{ color: #cccccc; text-decoration: none;} .headfind{ float: right ; box-sizing: border-box ; margin: 0 0 0 20px; padding: 0 0 0 0 ; width: auto ; height: auto ; text-align: center ; line-height: 50px ; } .headfind input{ font-size: 12px; outline: none; float: left ; border:none; background: transparent; box-sizing: border-box ; margin: 12px 0 0 0 ; padding: 0 0 0 0 ; width: 80px ; border-bottom: solid 1px #ccc; height: 22px ; line-height: 20px; text-align: center ; color: #fff; } .headfind span{ float:left; width: 30px; height: 30px; text-align: center; cursor: pointer; line-height: 46px; font-size: 16px; color: #fff;} .nav-wrap{ float:left; border-top: solid 1px #94080B; box-sizing: border-box ; margin: -1px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 90px ; text-align: center ; /*box-shadow:inset 10px 115px 75px -91px #000;*/ background:linear-gradient( 180deg,#000 0% , transparent 100% ) ; } .header-nav{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: 75px ; text-align: center ; } .nav-logo{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: auto ; height: auto ; text-align: center ; } .nav-logo img{ width: auto ; height: 75px; margin-top: 10px;} .nav-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: auto ; height: 75px ; text-align: center ; } .mnav{ position: relative; box-sizing:border-box ; width:auto; height:60px; margin:20px 0 0 0; padding:0 0; text-align:center; } .mnav>ul{margin: 0 0; padding: 0 0; list-style: none;} .mnav>ul>li{ box-sizing:border-box ; float: left; width:auto;height: 60px; line-height: 60px; margin: 0 0 0 20px; } .mnav>ul>li>a.cur{ border-bottom: solid 4px #e72b2f; } .mnav>ul>li>a:hover{ border-bottom: solid 4px #e72b2f; } .mnav>ul>li:last-child{border:none;} .mnav>ul>li>a{ font-size: 17px; display: inline-block; color: #fff; text-decoration: none; text-align: right; height: 50px; line-height: 50px;} .mnav>ul>li>a:hover{text-decoration: none; } .mnav>ul>li>a:active{text-decoration: none;} .mnav>ul>li>a:visited{text-decoration: none;} .mnav>ul>li>ul{ width: 900px; height: 220px; position: absolute; z-index: 111; right: 0px; top: 0px; background: #ffffff; box-sizing: border-box; padding: 30px; display: none; overflow: hidden; } .mnav>ul>li>ul>li{ float: left; border:solid 0px #fff; box-sizing:border-box ; width: 33.33%;height: 40px; line-height: 40px; } .mnav>ul>li>ul>li.cur{ background: #ccc; } .mnav>ul>li>ul>li>a{ display: block; line-height: 40px; color: #fff; text-decoration: none; } .mnav>ul>li>ul>li>a:hover{text-decoration: none; color:red; } .mnav>ul>li>ul>li>a:active{text-decoration: none;} .mnav>ul>li>ul>li>a:visited{text-decoration: none;} .mnav>ul>li:hover>ul{ width: 900px; height: 220px; position: absolute; z-index: 111; right: 0px; top: 60px; background: #ffffff; box-sizing: border-box; padding: 30px; display: block; } .mnav>ul>li:hover{ } .downmenu-l{ float: left ; box-sizing: border-box ; margin: 0px 0 0 0 ; padding: 0 0 0 0 ; width: 500px; height: auto ; text-align: center ; } .downmenu-l .col3{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 33.33% ;line-height: 32px; height: auto ; text-align: left ; } .downmenu-l .col3 span{ display: inline-block; margin: 0 10px 0 0; color: #cccccc;} .downmenu-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 300px ; height: 150px ; text-align: center ; overflow: hidden; } .downmenu-r img{ width: 100%; height: 150px; transform: scale(1); transition: all .3s linear 150ms ; -webkit-transition: all .3s linear 150ms; } .downmenu-r img:hover{ transform: scale(1.5); transition: all .3s linear 150ms ; -webkit-transition: all .3s linear 150ms; } .homeban{ position: absolute; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 100%; text-align: center ; } #indexview{ position: absolute; height: 100%; width: 100%; overflow: hidden; } #homeview{ display: none; } .indexban-c{ position: relative; overflow: hidden; float: left; width:100%; height:100%; margin:0 auto;padding:0 0; text-align:center; } .indexban-ctrl{ position:absolute;z-index:100;left:0px;bottom:50px; clear:both; width:100%; height:20px; margin:0 auto;padding:0 0; text-align:center; } .indexban-ctrl ul{ position: absolute; right: 100px; margin: 0px auto;padding:0px; list-style: none;} .indexban-ctrl ul li{font-size:14px; display: inline-block; cursor: pointer; color: #fff; line-height: 30px; width:30px; height:30px; margin:0 3px;padding:0 0 0 0; text-align:center; font-weight: bold; } .indexban-ctrl ul li.cur{color: #fff;background: red; border-radius: 100%;} .indexban-m{ position: relative; float:left; width:100%; height:100%; margin:0 0 0 0;padding:0 0 0 0; text-align:center; } .indexban-m ul{ position: absolute;z-index: 10;left:0px;top:0px; margin: 0px; padding:0px; list-style: none; height: 100%; width: 100%; transition: left .5s ease-out 10ms ;-webkit-transition:left .5s ease-out 10ms ;/*safari*/} .indexban-m ul li{float: left;width:100%;height: 100%; box-sizing: border-box; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .indexban-m ul li img{width: 100%;height: 100%;} .indexban-m ul li label{ position: absolute; bottom: 100px; left:0px; font-size: 30px; color: #fff;box-sizing: border-box; padding: 0 0 0 50px; } .adzhaosheng{ float: left; width: 100%; height: auto; overflow: hidden; display: none; } .adzhaosheng img{ float: left; width: 100%; height: auto; border: none; } .banner{ position: relative; float:left; box-sizing: border-box ; margin: 0px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; overflow: hidden; } .banner img{ float: left; margin: 0 0; padding: 0 0; width: 100%; height: auto; overflow: hidden; } /*subcnt*/ .subcnt{ position: relative; clear: both; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px; height: auto ; text-align: center ; } .subcnt-l{ float: left ; box-sizing: border-box ; margin: -115px 0 0 0 ; padding: 0 0 0 0 ; width: 260px ; height: auto ; text-align: center ; } .submenu-t{ position: relative; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 115px ; text-align: center ; } .submenu-tbg{ position: absolute; left: 0; top:0; z-index: 9; background: #951208 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 115px ; text-align: center ; opacity: 0.7 ; filter: Alpha(opacity=70) ; } .submenu-txt{position: absolute; left: 0; top:0; z-index: 10; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 115px ; text-align: center ; color: #fff;font-size: 30px; line-height: 115px; } .submenu-txt span{ display: none;} .subnav{ float: left ; box-sizing: border-box ; margin: 0 0px 50px 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .subnavitem{float: left ; position: relative; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 56px ; line-height: 56px; border-bottom: solid 1px #dddddd; text-align: center ; } .subnavitem-l{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 20px ; width: 100% ; height: auto ; text-align: left ; } .subnavitem-r{ position: absolute;z-index: 11; right: 0px; top: 0px; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 50px ; height: auto ; text-align: center ; line-height: 56px; } .subnavitem-r span{ color:#999999;} .subnav .cur{background: #eeeeee;} .subnavitem:hover{ background: #eeeeee;} .subnavitem-child{float: left ; position: relative; box-sizing: border-box ; margin: 10px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 36px ; line-height: 36px; text-align: center ; } .subnavitem-child-l{ float: left ; font-size: 16px; line-height: 36px; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 40px ; width: 100% ; height: auto ; text-align: left ; } .subnavitem-child-l span{ font-size: 14px;} .subcnt-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 30px ; width: 880px ; height: auto ; min-height: 500px; text-align: center ; } .subcnt-pos{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; font-size: 20px; height: 65px ; line-height: 65px; text-align: left ; border-bottom: solid 1px #ddd ; } .subcnt-cnt{float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 20px 0 ; width: 100% ; height: auto ; text-align: left ; } .subcnt-cnt p{ line-height: 1.8; font-size: 16px;} .subcnt-cnt img{ width: auto; max-width: 100%; height: auto; border: none;} .subcnt-search{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 30px ; width: 100% ; height: auto ; min-height: 500px; text-align: center ; } .yxlist{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .yxlistcol{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding:20px 20px ; width: 50% ; height: auto ; text-align: center ; } .yxlistcol span{ float: left; font-size: 40px; color: #94080B;} .yxlistcol span img{ width: 60px; height: 60px; border: none;} .yxlistcol label{ float: left; margin: 10px 0 0 10px; font-size: 16px; color:#94080B;} .yxlistcol a{ color :#94080B;} .yxlistcol a:hover{ color :#94080B;} .yxlistcol a:visited{ color :#94080B;} .yxlistcol a:active{ color :#94080B;} .newslist-c{box-sizing:border-box;overflow: hidden; float:left; width:100%; height:auto; margin:0 0 0 0;padding:0px 5px; text-align:center; } .newslist{ float:left; width:100%; height:auto; margin:0px auto;padding:0 0; text-align:center; } .newslist ul{ margin: 0 0; padding: 0 0; } .newslist ul li{ float: left; width: 100%; list-style: none; line-height: 52px;padding: 0 0px; text-align: left; border-bottom: solid 1px #eee; font-size:16px; } .newslist ul li em{ font-style: normal;float: right; } .newslist ul li a{color:#333;float: left;} .newslist ul li a:visited{color:#333;} .newslist ul li a:active{color:#333;} .newslist ul li a:hover{color:#333;} .newslist ul li span{ float: left; height: 52px;} .newslist ul li span a{ color:#94080B;} .newslist ul li span a:hover{ color:#94080B;} .newslist ul li span a:active{ color:#94080B;} .newslist ul li span a:visited{ color:#94080B;} .subcnt-wh{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; min-height: 200px; text-align: center ; } .navwh{ position: relative ; box-sizing:border-box ; overflow:hidden; -moz-border-radius: 0px ;border-radius: 0px ; float: left; width:100%; height:60px; margin:30px auto;padding:0 0; border-bottom: solid 1px #ddd; text-align:center; overflow: hidden; } .navwh ul{margin: 0 0; padding: 0 0; list-style: none;} .navwh ul li{ box-sizing:border-box ; font-size:16px; float: left; width: calc(100%/6);height: 60px; line-height: 56px; margin: 0 0; padding:0 0; } .navwh ul li a.cur{ color: #94080B; font-weight: bold; font-size: 18px; border-bottom: solid 4px #94080B; } .navwh ul li a{ color: #333; font-size: 18px; text-decoration: none; display: inline-block; } .navwh ul li a:hover{ border-bottom: solid 4px #94080B; color:#94080B; font-weight: bold; text-decoration: none;} .navwh ul li a:active{text-decoration: none;} .navwh ul li a:visited{text-decoration: none;} .navwh ul li:last-child{border:none;} .whlist{ box-sizing:border-box ; width:100%; height : auto ; margin :0 auto ; padding : 0 0 0 0; text-align : center; } .whlist>ul{ float: left; margin:0 0 ; padding: 0 0; list-style:none;width:100%; } .whlist>ul>li{ box-sizing:border-box ; float:left; width: 33.333% ; height : auto ; margin :20px 0 0 0 ; padding : 0px 10px; text-align : center;} .whlist>ul>li>a{ color:#666; text-decoration:none; } .whlist>ul>li>a:visited{ color:#666; } .whlist>ul>li>a:active{ color:#666; } .whlist>ul>li>a:hover{ color:#666; } .whlistitem{ width: 100%; position: relative ; overflow:hidden; box-sizing:border-box ; height : auto ; margin :0 auto ; padding : 0 0 0 0; text-align : center; } .whlistitem-t{ box-sizing:border-box ; width: 100%; overflow:hidden; height : auto ; margin :0 auto ; padding : 0 0 0 0; text-align : center;} .whlistitem-t img{box-sizing:border-box ;float:left; margin:0 0; width:100%;height:230px; transition:transform .2s linear 100ms ;-webkit-transition:transform .2s linear 100ms; } .whlistitem-t:hover img{ transform:scale(1.5); } .whlistitem-b{ box-sizing:border-box ; float: left; overflow:hidden; width: 100% ; height : 40px; line-height:40px; font-weight: normal; font-size: 16px; margin :5px 0 0 0 ; padding : 0 0 0 0; text-align : center; } .whlistitem a{color:#333; text-decoration:none;} .whlistitem a:active{color:#333;} .whlistitem a:visited{color:#333;} .whlistitem a:hover{color:#333;} .nav-wrap2{ background: #ffffff; float:left; border-top: solid 1px #ffffff; box-sizing: border-box ; margin: -1px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 90px ; text-align: center ; border-bottom: solid 1px #eee; } .mnav2{ position: relative; box-sizing:border-box ; width:auto; height:60px; margin:20px 0 0 0; padding:0 0; text-align:center; } .mnav2>ul{margin: 0 0; padding: 0 0; list-style: none;} .mnav2>ul>li{ box-sizing:border-box ; float: left; width:auto;height: 60px; line-height: 60px; margin: 0 0 0 20px;} .mnav2>ul>li>a.cur{ border-bottom: solid 4px #e72b2f; } .mnav2>ul>li>a:hover{ border-bottom: solid 4px #e72b2f; } .mnav2>ul>li:last-child{border:none;} .mnav2>ul>li>a{ font-size: 17px; display: inline-block; color: #333; text-decoration: none; text-align: right; height: 50px; line-height: 50px;} .mnav2>ul>li>a:hover{text-decoration: none; } .mnav2>ul>li>a:active{text-decoration: none;} .mnav2>ul>li>a:visited{text-decoration: none;} .mnav2>ul>li>ul{ width: 900px; height: 220px; position: absolute; z-index: 111; right: 0px; top: 0px; background: #ffffff; box-sizing: border-box; padding: 30px; display: none; } .mnav2>ul>li>ul>li{ float: left; border:solid 0px #fff; box-sizing:border-box ; width: 33.33%;height: 40px; line-height: 40px; } .mnav2>ul>li>ul>li.cur{ background: #ccc; } .mnav2>ul>li>ul>li>a{ display: block; line-height: 40px; color: #fff; text-decoration: none; } .mnav2>ul>li>ul>li>a:hover{text-decoration: none; color:red; } .mnav2>ul>li>ul>li>a:active{text-decoration: none;} .mnav2>ul>li>ul>li>a:visited{text-decoration: none;} .mnav2>ul>li:hover>ul{ width: 900px; height: 220px; position: absolute; z-index: 111; right: 0px; top: 60px; background: #ffffff; box-sizing: border-box; padding: 30px; display: block; box-shadow: 0px 0px 10px #ddd; } .mnav2>ul>li:hover{ } .nav-wrap3{ background: #ffffff; display: none; float:left; border-top: solid 1px #ffffff; box-sizing: border-box ; margin: -1px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 90px ; text-align: center ; border-bottom: solid 1px #eee; } .mnav3{ position: relative; box-sizing:border-box ; width:auto; height:60px; margin:20px 0 0 0; padding:0 0; text-align:center; } .mnav3>ul{margin: 0 0; padding: 0 0; list-style: none;} .mnav3>ul>li{ box-sizing:border-box ; float: left; width:auto;height: 60px; line-height: 60px; margin: 0 0 0 20px;} .mnav3>ul>li>a.cur{ border-bottom: solid 4px #e72b2f; } .mnav3>ul>li>a:hover{ border-bottom: solid 4px #e72b2f; } .mnav3>ul>li:last-child{border:none;} .mnav3>ul>li>a{ font-size: 17px; display: inline-block; color: #333; text-decoration: none; text-align: right; height: 50px; line-height: 50px;} .mnav3>ul>li>a:hover{text-decoration: none; } .mnav3>ul>li>a:active{text-decoration: none;} .mnav3>ul>li>a:visited{text-decoration: none;} .mnav3>ul>li>ul{ width: 900px; height: 220px; position: absolute; z-index: 111; right: 0px; top: 0px; background: #ffffff; box-sizing: border-box; padding: 30px; display: none; } .mnav3>ul>li>ul>li{ float: left; border:solid 0px #fff; box-sizing:border-box ; width: 33.33%;height: 40px; line-height: 40px; } .mnav3>ul>li>ul>li.cur{ background: #ccc; } .mnav3>ul>li>ul>li>a{ display: block; line-height: 40px; color: #fff; text-decoration: none; } .mnav3>ul>li>ul>li>a:hover{text-decoration: none; color:red; } .mnav3>ul>li>ul>li>a:active{text-decoration: none;} .mnav3>ul>li>ul>li>a:visited{text-decoration: none;} .mnav3>ul>li:hover>ul{ width: 900px; height: 220px; position: absolute; z-index: 111; right: 0px; top: 60px; background: #ffffff; box-sizing: border-box; padding: 30px; display: block; box-shadow: 0px 0px 10px #ddd; } .mnav3>ul>li:hover{ } .subban{ background: #eeeeee ; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 320px ; text-align: center ; } .subcnt2{ background: #fff; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px; height: auto ; text-align: center ; } .subcnt2-r{ float: right ; box-sizing: border-box ; margin: -75px 0 0 0 ; padding: 0 0 0 0 ; width: 260px ; height: auto ; text-align: center ; } .submenu2-t{ position: relative; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 75px ; text-align: center ; } .submenu2-tbg{ position: absolute; left: 0; top:0; z-index: 9; background: #951208 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 75px ; text-align: center ; opacity: 0.7 ; filter: Alpha(opacity=70) ; } .submenu2-txt{position: absolute; left: 0; top:0; z-index: 10; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 20px ; width: 100% ; height: 75px ; text-align: left ; color: #fff;font-size: 20px; line-height: 75px; } .subnav2{ background: #eeeeee; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 15px; width: 100% ; height: auto ; text-align: center ; } .subnav2item{float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 56px ; line-height: 56px; border-bottom: solid 1px #dddddd; text-align: center ; } .subnav2item-l{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 10px; width: 100% ; height: auto ; text-align: left ; line-height: 35px; border-bottom: solid 1px #ddd ; } .subnav2item-l a:hover{ color: #94080B;} .subnav2item-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 60px ; height: auto ; text-align: center ; } .subnav2item-r span{ color:#999999;} .subnav2 .cur{background: #eeeeee;} .subnav2item:hover{ background: #eeeeee;} .subcnt2-cnt{ float: left ; box-sizing: border-box ; margin: -115px 0 0 0 ; padding: 10px 20px ; width: 880px ; height: auto ; text-align: center ; } .art-head{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 115px ; text-align: center ; } .art-title{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; color: #333; font-size: 24px; line-height: 36px; text-align: left ; } .art-note{ clear: both ; box-sizing: border-box ; margin: 0px auto ; padding: 0 0 0 0 ; width: 100% ; line-height: 40px; color: #999; font-size: 16px; height: auto ; text-align: left ; } .art-note label{ display: inline-block; margin: 0 30px 0 0;} .art-cnt{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 20px 0 0 0 ; width: 100% ; height: auto ; text-align: left ; line-height: 2; font-size: 16px; } .subcnt-detail img{ max-width: 100%; } .prevnext{ float: left; box-sizing: border-box ; margin: 50px auto ; padding: 30px 0 0 0 ; width: 100% ; border-top: solid 1px #ddd; height: auto ; text-align: center ; } .prevnext .prev{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 50% ; height: auto ; text-align: left ; } .prevnext .next{ float: right ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 50% ; height: auto ; text-align: right ; } .prevnext label{ float: left; line-height: 50px; width: 100%; color: #ccc;} .prevnext a:hover{color: #94080B;} .banhome{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 140px ; text-align: center ; } .homecnt{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; min-height: 300px; } .nm-ywsd{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; overflow: hidden; } .nm-ywsd-t{ float: left; box-sizing: border-box ; margin: 40px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; transition: all 1s linear 500ms ; -webkit-transition: all 1s linear 500ms; opacity: 1; margin-left: 0px; } .nm-ywsd-tl{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: auto ; height: auto ; text-align: center ; } .nm-ywsd-tl label{ background: #BA0A0C ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 46px ; height: 46px ; text-align: center ; line-height: 46px; } .nm-ywsd-tl label span{ color: #ffffff; font-size: 30px;} .nm-ywsd-tl em{ float: left; margin: 0 0 0 40px; color: #BA0A0C; font-style: normal; font-size: 30px;} .nm-ywsd-tr{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 140px ; height: auto ; text-align: center ; } .enternews{ width: 140px; box-sizing: border-box ; cursor: pointer; color: #fff ; font-size: 14px ; line-height: 32px ; font-weight: normal ; padding : 0px 0px; margin: 0 auto; background: #BA0A0C ;; text-align: center; display: inline-block; text-decoration: none; border-radius: 15px ;} .enternews:active{ color: #fff ; } .enternews:visited{ color: #fff ; } .enternews:hover{ color: #fff; } .nm-ywsd-b{clear:both; box-sizing: border-box ; margin: 10px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; background: #fff; } .nm-ywsd-b .col333{ float: left ; box-sizing: border-box ; margin: 0 0 30px 0 ; padding: 0 0px 0 0px ; width: 33.33333% ; height: auto ; text-align: center ; } .nm-ywsd-b .item{ float: left; width: 96%; height: 315px; box-sizing: border-box; box-shadow: 10px 10px 20px #eee; margin: 0 0px 0 0; transition: all 1s linear 500ms ; -webkit-transition: all 1s linear 500ms; opacity: 1; margin-top: 0px; } .nm-ywsd-b .col333:nth-of-type(3n) .item{ float: right; } .nm-ywsd-b .col333:nth-of-type(3n+2) .item{ float: none; margin: 0 auto; } .nm-ywsd-b .img{ overflow: hidden; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 200px ; text-align: center ; } .nm-ywsd-b .img img{ width: 100%; height: 200px; transform: scale(1); transition: all .2s linear 100ms; -webkit-transition: all .2s linear 100ms; } .nm-ywsd-b .img img:hover{ transform: scale(1.5); transition: all .2s linear 100ms; -webkit-transition: all .2s linear 100ms; } .nm-ywsd-b .txt{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 15px 20px ; width: 100% ; height: auto ; text-align: left ; line-height: 30px; } .nm-ywsd-b .item2{ position: relative; float: left; width: 96%; height: 160px; box-sizing: border-box; box-shadow: 10px 10px 20px #eee; border-bottom: solid 6px #BA0A0C; padding: 30px 0px 0px 105px; transition: all 1s linear 500ms ; -webkit-transition: all 1s linear 500ms; opacity: 1; margin-top: 0px; } .nm-ywsd-b .col333:nth-of-type(3n) .item2{ float: right; } .nm-ywsd-b .col333:nth-of-type(3n+2) .item2{ float: none; margin: 0 auto; } .nm-ywsd-x{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; overflow: hidden; } .info-time{ position: absolute; left:20px;top:27px; background: #F5E5E6 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 0px ; width: 65px; height: 65px ;text-align: center ; color: #BA0A0C; } .info-time label{ font-size: 24px; display: block; text-align: center; font-weight: bold; line-height: 25px;} .info-time span{ font-size: 12px; display: block; text-align: center; line-height: 20px; font-weight: normal;} .info-txt{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 20px 0 0 ; width: 100% ; height: auto ; text-align: left ; font-size: 16px ; line-height: 22px; } .flowerbg{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 100px ; text-align: center ; background: url(../images/flowerbg.jpg) repeat-x 0 bottom; } .focushot{ float: left; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 500px ; overflow: hidden; text-align: center ; background: url(../images/research_bg.png) no-repeat center center; background-size: cover; } .focusnews{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 40px 0px 30px 0; width: 100%; height: auto ; overflow: hidden; text-align: center ; } .nm-focus{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .nm-focus-t{ float: left; box-sizing: border-box ; margin: 40px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nm-focus-tl{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 50% ; height: auto ; text-align: center ; } .nm-focus-tl label{ background: #BA0A0C ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; color: #fff; width: 46px ; height: 46px ; text-align: center ; line-height: 46px; } .nm-focus-tl label span{ color: #ffffff; font-size: 30px;} .nm-focus-tl em{ float: left; margin: 0 0 0 40px; color: #BA0A0C; font-style: normal; font-size: 30px; color: #fff;} .nm-focus-tr{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 140px ; height: auto ; text-align: center ; } .enternews2{ width: 140px; box-sizing: border-box ; cursor: pointer; color: #fff ; font-size: 14px ; line-height: 32px ; font-weight: normal ; padding : 0px 0px; margin: 0 auto; background: transparent ;; text-align: center; display: inline-block; text-decoration: none; border-radius: 15px ; border: solid 2px #eee;} .enternews2:active{ color: #fff ; } .enternews2:visited{ color: #fff ; } .enternews2:hover{ color: #fff; } .nmhot{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmhot-l{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 560px ; height: 302px ; text-align: center ; overflow: hidden; opacity: 0; margin-left: -10px; transition: all 1s linear 100ms ; -webkit-transition: all 1s linear 100ms; } .nmhot-l img{ width: 100%;} .nmhot-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 550px ; height: auto ; text-align: center ; opacity: 0; margin-right: -10px; transition: all 1s ease-in 100ms ; -webkit-transition: all 1s ease-in 100ms; } .nmhot-time{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmhot-time label{ float: left; width: 90px ; height: 32px; color: #fff; line-height: 32px; text-align: center; font-size: 12px; background: #e72b2f;} .nmhot-title{ float: left ; box-sizing: border-box ; margin: 15px 0 ; padding: 0px 0 ; width: 100% ; height: auto ; text-align: left ; line-height: 30px; font-size: 20px; max-height: 80px;} .nmhot-title a{ color: #fff;} .nmhot-cnt{ width: 100%; height: auto; line-height: 1.8; font-size: 14px; text-align: left; color: #eeeeee; } .nmhot-cnt a{ color: #eeeeee;} .nmhot-cnt a:hover{ color: #eeeeee;} .nmhot-cnt a:active{ color: #eeeeee;} .nmhot-cnt a:visited{ color: #eeeeee;} .notice-c{ clear: both ; background: #ffffff; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100%; height: auto ; overflow: hidden; text-align: center ; background:linear-gradient( #eee 0% , transparent 30% ,transparent 100% ) ; } .notice{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: 615px ; text-align: center ; } .nm-notice-t{ float: left; box-sizing: border-box ; margin: 60px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nm-notice-t .cur label{ background-color: #94080B; color: #fff; } .nm-notice-t .cur em{ color: #94080B; } .nm-notice-tl{ cursor: pointer; float: left ; box-sizing: border-box ; margin: 0 0px 0 0 ; padding: 0 0 0 0 ; width: 25%; height: auto ; text-align: center ; } .nm-notice-tl label{ background: #999999 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 ; color: #fff; width: 46px ; height: 46px ; text-align: center ; line-height: 46px; } .nm-notice-tl label span{ color: #ffffff; font-size: 30px;} .nm-notice-tl em{ float: left; margin: 0 0 0 0px; color: #BA0A0C; font-style: normal; font-size: 24px; color: #ccc;line-height: 40px; text-indent: 15px;} .nm-notice-split{ float: right ; box-sizing: border-box ; margin: 0px 30px 0 0 ; padding: 0 0 0 0 ; width: 1px; height: 45px ; text-align: center ; background: #999;} .nm-notice-t>.nm-notice-tl:nth-of-type(1){ width: 25%; } .nm-notice-t>.nm-notice-tl:nth-of-type(2){ width: 30%; } .nm-notice-t>.nm-notice-tl:nth-of-type(3){ width: 25%; } .nm-notice-t>.nm-notice-tl:nth-of-type(4){ width: 20%; } .nmnotice{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmnotice-l{ box-shadow: 5px 5px 10px #ccc; background: #fff; float: left ; box-sizing: border-box ; margin: 60px 0 0 0 ; padding: 30px ; width: 560px ; height: 312px ; text-align: center ; overflow: hidden; opacity: 0; margin-left: -20px; transition: all 1s linear 100ms ; -webkit-transition: all 1s linear 100ms; } .nmnotice-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 550px ; height: auto ; text-align: center ; opacity: 0; margin-right: -20px; transition: all 1s linear 100ms ; -webkit-transition: all 1s linear 100ms; } .nmnotice-head{ position: relative; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 105px ; width: 100% ; height: auto ; text-align: center ; } .nmnotice-time{ position: absolute; left:20px;top:5px; background: #F5E5E6 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 0px ; width: 65px; height: 65px ;text-align: center ; color: #BA0A0C; } .nmnotice-time label{ font-size: 24px; display: block; text-align: center; font-weight: bold; line-height: 25px;} .nmnotice-time span{ font-size: 12px;display: block; text-align: center; line-height: 20px; font-weight: normal;} .nmnotice-title{ float: right ; box-sizing: border-box ; margin: 6px 0 0 0; padding: 0 0 0 0 ; width: 100% ; height: 65px ; text-align: left ; font-size: 20px; line-height: 30px;} .nmnotice-cnt{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 20px 30px ; width: 100% ; height: auto ; text-align: left ; line-height: 1.8; font-size: 14px; } .nmnotice-cnt a{ color: #666;} .noticelist-c{box-sizing:border-box;overflow: hidden; float:left; width:100%; height:auto; margin:30px 0 0 0;padding:10px 25px; text-align:center; } .noticelist{ float:left; width:100%; height:auto; margin:10px auto;padding:0 0; text-align:center; } .noticelist ul{ margin: 0 0; padding: 0 0; } .noticelist ul li{ width: 100%; line-height: 52px;padding: 0 0px; text-align: left; border-bottom: solid 0px #ddd; font-size:16px; } .noticelist ul li em{ font-style: normal;float: right; color: #94080B; } .noticelist ul li a{color:#666;} .noticelist ul li a:visited{color:#666;} .noticelist ul li a:active{color:#666;} .noticelist ul li a:hover{color:#94080B;} .nmnotice-more{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 20px 0 0 0 ; width: 100% ; height: 50px ; text-align: center ; line-height: 50px; } .nmts{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmts>.col-3{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width:33.333% ; height: auto ; text-align: center ; } .nmts-l{ float: left ; box-sizing: border-box ; margin: 50px 0 0 0 ; padding: 0px ; width: 95% ; height: 82px ; text-align: center ; overflow: hidden; } .nmts>.col-3:nth-of-type(3n+1){ float: left;} .nmts>.col-3:nth-of-type(3n){ float: right;} .nmts>.col-3:nth-of-type(3n+2){ float: none; margin: 0 auto;} .nmts-head{ position: relative; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 75px ; width: 100% ; height: auto ; text-align: center ; } .nmts-time{ position: absolute; left:0px;top:5px; background: #F5E5E6 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 0px ; width: 65px; height: 65px ;text-align: center ; color: #BA0A0C; } .nmts-time label{ font-size: 24px; display: block; text-align: center; font-weight: bold; line-height: 25px;} .nmts-time span{ font-size: 12px; display: block; text-align: center; line-height: 20px; font-weight: normal;} .nmts-title{ float: right ; box-sizing: border-box ; margin: 6px 0 0 0; padding: 0 0 0 0 ; width: 100% ; height: 65px ; text-align: left ; font-size: 16px; line-height: 30px;} .nmzs{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmzs>.col-3{ float: left ; box-sizing: border-box ; margin: 30px 0 0 0 ; padding: 0 0 0 0 ; width:50% ; height: auto ; text-align: center ; } .nmzs-l{ background: #fff; float: left ; box-sizing: border-box ; margin: 30px 0 0 0 ; padding: 0px ; width: 95% ; height: 72px ; text-align: center ; overflow: hidden; border: solid 1px #eee; } .nmzs>.col-3:nth-of-type(2n+1)>.nmzs-l{ float: left;} .nmzs>.col-3:nth-of-type(2n)>.nmzs-l{ float: right;} .nmzs-head{ position: relative; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 165px ; width: 100% ; height: auto ; text-align: center ; } .nmzs-time{ position: absolute; left:0px;top:0px; background: #94080B ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0px 0px ; width: 150px; height: 75px ;text-align: center ; color: #fff; } .nmzs-time label{ font-size: 18px; display: block; text-align: center; font-weight: bold; line-height: 65px;} .nmzs-time span{ font-size: 12px; display: block; text-align: center; line-height: 20px; font-weight: normal;} .nmzs-title{ float: right ; box-sizing: border-box ; margin: 6px 0 0 0; padding: 0 0 0 0 ; width: 100% ; height: 65px ; text-align: left ; font-size: 16px; line-height: 30px;} .nmmb{ float: left ; box-sizing: border-box ; margin: 30px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmmb>.col-3{ float: left ; box-sizing: border-box ; margin: 10px 0 0 0 ; padding: 0px 0 ; width:25% ; height: 110px ; text-align: center ; } .nmmb-l{ float: left ; box-sizing: border-box ; margin: 0px 0 0 0 ; padding: 0px ; width: 95% ; height: auto ; text-align: center ; overflow: hidden; } .nmmb>.col-3:nth-of-type(4n+1)>.nmmb-l{ float: left;} .nmmb>.col-3:nth-of-type(4n+2)>.nmmb-l{ float: none; margin: 0 auto;} .nmmb>.col-3:nth-of-type(4n+3)>.nmmb-l{ float: none; margin: 0 auto;} .nmmb>.col-3:nth-of-type(4n)>.nmmb-l{ float: right;} .nmmb-head{ position: relative; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0px ; width: 100% ; height: auto ; text-align: center ; } .nmmb-time{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 0px ; width: 100%; height: 35px ;text-align: left ; color: #BA0A0C; } .nmmb-time label{ font-size: 24px; font-weight: bold; line-height: 25px;} .nmmb-time span{ font-size: 14px; line-height: 20px; font-weight: normal;} .nmmb-title{ float: right ; box-sizing: border-box ; margin: 6px 0 0 0; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: left ; font-size: 16px; line-height: 30px;} .spec-c{ clear: both ; background: #ffffff; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100%; height: auto ; overflow: hidden; text-align: center ; } .spec{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: 615px ; text-align: center ; } .nm-spec{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 560px ; height: auto ; text-align: center ; transition: all 1s ease-in 100ms ; -webkit-transition: all 1s ease-in 100ms; opacity: 0; margin-left: -20px; } .nm-spec-t{ float: left; box-sizing: border-box ; margin: 60px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nm-spec-tl{ float: left ; box-sizing: border-box ; margin: 0 30px 0 0 ; padding: 0 0 0 0 ; width: auto; height: auto ; text-align: center ; } .nm-spec-tl label{ background: #94080B ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 ; color: #fff; width: 46px ; height: 46px ; text-align: center ; line-height: 46px; } .nm-spec-tl label span{ color: #ffffff; font-size: 30px;} .nm-spec-tl em{ float: left; margin: 0 0 0 20px; color: #BA0A0C; font-style: normal; font-size: 30px; color: #666;line-height: 40px;} .nm-spec-video{ float: left ; box-sizing: border-box ; margin: 30px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .slider-c{ position: relative; overflow: hidden; float: left; width:100%; height:auto; margin:0 auto;padding:0 0; text-align:center; } .slider-ctrl{ position:absolute;z-index:1001111;left:0px;bottom:60px; clear:both; width:100%; height:20px; margin:0 auto;padding:0 0; text-align:center; } .slider-ctrl ul{margin: 0px auto;padding:0px; list-style: none;} .slider-ctrl ul li{font-size:12px; display: inline-block; -moz-border-radius: 100%;border-radius: 100%;cursor: pointer; background:#fff; color: #333; line-height: 20px; width:10px; height:10px; margin:0 5px;padding:0 0 0 0; text-align:center; } .slider-ctrl ul li.cur{color: #fff;background: #94080B;} .slider-m{ position: relative; float:left; width:100%; height:auto; margin:0 0 0 0;padding:0 0 0 0; text-align:center; } .slider-m ul{ width: 100%; height: 100%; box-sizing: border-box; margin: 0px; padding:0px; list-style: none;} .slider-m ul li{float: left;width:100%;display: none;} .slider-m ul li img{width: 100%;height: auto;} .slider-m ul li label{ line-height: 40px;} .nm-spec2{ float: right ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 560px ; height: auto ; text-align: center ; overflow: hidden; transition: all 1s ease-in 100ms ; -webkit-transition: all 1s ease-in 100ms; opacity: 0; margin-right: -20px; } .nm-spec-tr{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: auto ; height: auto ; text-align: right ; } .enternews3{ width: 120px; box-sizing: border-box ; cursor: pointer; color: #666 ; font-size: 14px ; line-height: 32px ; font-weight: normal ; padding : 0px 0px; margin: 0 auto; background: transparent ;; text-align: center; display: inline-block; text-decoration: none; border-radius: 15px ; border: solid 2px #eee;} .enternews3:active{ color: #666 ; } .enternews3:visited{ color: #666 ; } .enternews3:hover{ color: #666; } .nm-spec2-cnt{ float: left; box-sizing: border-box ; margin: 30px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nm-spec2-cnt .col3{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 33.333% ; height: auto ; text-align: left ; } .nm-spec2-cnt .col3:nth-of-type(3n+1){ text-align: left; } .nm-spec2-cnt .col3:nth-of-type(3n+2){ text-align: center; } .nm-spec2-cnt .col3:nth-of-type(3n){ text-align: right; } .nm-spec2-cnt .col3 img{ width: 96%; transition: all .2s linear 100ms ; -webkit-transition: all .2s linear 100ms; margin: 0 0 0 0; } .nm-spec2-cnt .col3 img:hover{ transition: all .2s linear 100ms ; -webkit-transition: all .2s linear 100ms; margin: -10px 0 0 0; } .nmsplide-c{ clear: both ; background: url(../images/story_bg.png) no-repeat center center; background-size: cover; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100%; height: 570px ; overflow: hidden; text-align: center ; } .nmsplide{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0px 0 0 0 ; width: 1160px ; height: 570px ; text-align: center ; transition: all 1s linear 100ms ; -webkit-transition: all 2s linear 100ms; opacity: 0; margin-top: 20px; } .xhscroll-c{ box-sizing:border-box; position:relative; width:100%; height:auto; border-radius:0px; margin:0px 0 0 0px ; } #xhscroll { box-sizing:border-box; position:relative; width:1140px; height:340px; overflow:hidden; border-radius:0px; margin:40px auto ;} #xhscroll ul { box-sizing:border-box; position:absolute; z-index:11; left:0px ; top: 0px; margin:0; padding:0; height:100%; list-style:none;} #xhscroll ul li {box-sizing:border-box; color:#fff; position:relative; display:block; float:left; margin:0; overflow: hidden; padding:0px; width:380px; height:340px; text-align:center;} #xhscroll ul li .img{ box-sizing: border-box; padding: 10px; margin: 0px auto; height: 252px; overflow: hidden;} #xhscroll ul li img{ width: 100%; height: auto; transform: scale(1); transition: all .2s linear 100ms ; -webkit-transition: all .2s linear 100ms; } #xhscroll ul li img:hover{ width: 100%; height: auto; transition: all .2s linear 100ms ; -webkit-transition: all .2s linear 100ms; transform: scale(1.5); } #xhscroll ul li span a{ color: #fff;} #xhscroll ul li span a:hver{ color: #94080B;} #xhscroll ul li span a:visited{ color: #fff;} #xhscroll ul li span a:active{ color: #fff;} #xhscroll ul li span{ float: left; box-sizing: border-box; padding: 0 15px; line-height: 30px; margin: 20px auto; width: 100%; text-align: center;} .xhscroll-c a.control_prev,a.control_next { position:absolute; top:30%; z-index:999; display:block; padding:0; width:40px; height:60px; border: solid 1px #ccc; color:#ccc; text-decoration:none; font-weight:600; font-size:18px; opacity:0.8; cursor:pointer; line-height: 60px; } .xhscroll-c a.control_prev:hover,a.control_next:hover { opacity:1; -webkit-transition:all 0.2s ease;} .xhscroll-c a.control_prev { left:-40px; } .xhscroll-c a.control_next { right:-40px; } .nm-splide-t{ clear: both; box-sizing: border-box ; margin: 60px auto; margin-bottom: 30px; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .nm-splide-tl{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 50% ; height: auto ; text-align: center ; } .nm-splide-tl label{ background: #BA0A0C ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 46px ; height: 46px ; text-align: center ; line-height: 46px; } .nm-splide-tl label span{ color: #ffffff; font-size: 30px;} .nm-splide-tl em{ float: left; margin: 0 0 0 40px; color: #fff; font-style: normal; font-size: 30px;} .nm-splide-tr{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 120px ; height: auto ; text-align: center ; } .enternews4{ width: 120px; box-sizing: border-box ; cursor: pointer; color: #fff ; font-size: 14px ; line-height: 32px ; font-weight: normal ; padding : 0px 0px; margin: 0 auto; border: solid 2px #ccc; text-align: center; display: inline-block; text-decoration: none; border-radius: 15px ;} .enternews4:active{ color: #fff ; } .enternews4:visited{ color: #fff ; } .enternews4:hover{ color: #fff; } .footer-c{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .footer{ float: left ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height:auto ; text-align: center ; background: url(/static/index/images/footer-bg.png) no-repeat center center; background-size: cover; } .footer-inner{ display: flex; flex-direction: row; clear: both ; position: relative; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px; height: 320px ; text-align: center ; } .footer-logo{ float: left ; box-sizing: border-box ; margin: 70px 0 0 0 ; padding: 0 0 0 0 ; width:auto; height: auto ; text-align: center ; } .footer-logo img{ width: auto; max-width: 200px;} .footer-links{ float: left ; box-sizing: border-box ; margin: 70px 0 0 0 ; padding: 0 0 0 0 ; width: auto; height: auto ; text-align: center ; } .footer-link{ float: left ; box-sizing: border-box ; margin: 10px 0 12px 0 ; padding: 0 0 0 0 ; width: auto; line-height: 30px; font-size: 14px; height: auto ; text-align: center ; } .footer-link-l{ float: left ; box-sizing: border-box ; margin: 0 0 0 10px ; padding: 0 0 0 0 ; width: 130px ; height: auto ; text-align: center ; } .footer-link-l span{ color:#fff; font-size: 16px;} .footer-link-l label{ color: #fff; font-size: 16px; font-weight: bold; margin: 0 0 0 10px;} .footer-link-r{ float: left ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 350px ; height: auto ; text-align: left ; } .footer-links a{ color: #fff ; display: inline-block; margin: 0 5px; font-size: 14px ; text-decoration: none ; padding: 0 0 0 0; } .footer-links a:visited{ color: #fff; text-decoration: none;} .footer-links a:active{ color: #fff; text-decoration: none;} .footer-links a:hover{ color: #fff; text-decoration: none;} .footer-gzh{ display: flex; flex-direction: row; float: right ; box-sizing: border-box ; margin: 120px 0 0 0; padding: 0 0 0 0 ; width: auto ; height: auto ; text-align: center ; } .footer-gzh .col3{ position: relative; float: left ; width: 100px; height: auto; } .footer-gzh .gzh-t{ margin: 0 auto; text-align: center; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; background: #ffffff;} .footer-gzh .gzh-t span{ font-size: 30px; color: #94080B;} .footer-gzh .gzh-b{ width: 100%; font-size: 14px; line-height: 40px; color: #ffffff;} .footer-gzh .col3 .qrcode{ background-color: #fff; box-sizing: border-box; width: 100%; height: auto; margin: 0 auto; position: absolute; z-index: 1111; left:0px; top: -110px; padding:5px; opacity: 0.0 ; filter: Alpha(opacity=00) ; transition: all .2s linear 100ms; -webkit-transition: all .2s linear 100ms; } .footer-gzh .col3 .qrcode img{ width: 100%; } .footer-gzh .col3:hover .qrcode{ opacity: 1; filter: Alpha(opacity=100) ; transition: all .2s linear 100ms; -webkit-transition: all .2s linear 100ms; } .footer-cpy{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 20px 0 ; font-size: 14px; color: #999; width: 100% ; height: auto ; text-align: center ; } .footer-cpy span{ display: inline-block; margin: 0px 10px;} .footer-cpy a{ color: #999;} .footer-cpy a:hover{ color: #999;} .footer-cpy a:active{ color: #999;} .footer-cpy a:visited{ color: #999;} .footer-cpy img{ width: 20px; height: 20px; margin-bottom: -3px; display: inline-block;} .pager{ box-sizing: border-box; float:left;font-size: 14px; width:100%; height:auto; margin:80px 0 50px 0;padding:0 0px 0 0; text-align:left; } .pager a{color:#666;font-size: 14px; text-decoration:none;border: solid 1px #ccc;display: inline-block;padding:5px 8px;margin: 0px 4px;} .pager a:visited { color: #666; text-decoration: none } .pager a:active { color: #666;text-decoration: none } .pager a:hover{color:#666;text-decoration:none;} .pager a.cur{color: #fff;background:#94080B;border:solid 1px #94080B;} .pager a.prev{} .pager a.next{} .pager a.off{ color: #ddd; border: solid 1px #ddd;} .pager span{ float: right;} .pager input{ outline: none; width: 40px; height: 29px; text-align: center; line-height: 28px; border: solid 1px #ccc;} .pager button{ outline: none; width: 40px; height: 29px; line-height: 28px; border: solid 1px #ccc; border-left: none; cursor: pointer;} .pager2{ box-sizing: border-box; float:left;font-size: 14px; width:100%; height:auto; margin:80px 0 50px 0;padding:0 0px 0 0; text-align:center; } .pager2 a{color:#666;font-size: 14px; text-decoration:none;border: solid 1px #ccc;display: inline-block;padding:5px 8px;margin: 5px 4px;} .pager2 a:visited { color: #666; text-decoration: none } .pager2 a:active { color: #666;text-decoration: none } .pager2 a:hover{color:#666;text-decoration:none;} .pager2 a.cur{color: #fff;background:#94080B;border:solid 1px #94080B;} .pager2 a.prev{} .pager2 a.next{} .pager2 a.off{ color: #ddd; border: solid 1px #ddd;} .pager2 span{ float: right;} .pager2 input{ outline: none; width: 40px; height: 29px; text-align: center; line-height: 28px; border: solid 1px #ccc;} .pager2 button{ outline: none; width: 40px; height: 29px; line-height: 28px; border: solid 1px #ccc; border-left: none; cursor: pointer;} .absgotop{ position: fixed ; z-index:10; right: 10px ; bottom : 30px ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 50px ; height: 50px ; text-align: center ; background: #94080B; color: #fff; border-radius: 100%; font-weight: bold; line-height: 50px; overflow: hidden; cursor: pointer; display: none; } .news_pos{ float: left ; box-sizing: border-box ; margin: 0px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 60px ; text-align: left ; line-height: 50px; font-size: 16px; border-bottom: solid 1px #eee; } .subban2{ float: left; ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 120px ; overflow: hidden; text-align: center ; } .subban3{ background: #eee ; float: left; ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 300px ; text-align: center ; } .art-news-title{ position: relative; float: left ; box-sizing: border-box ; margin: 10px 0 20px 0 ; padding: 0 0 0 0 ; width: 100% ; height: 50px ; text-align: center ; line-height: 30px; border-bottom: solid 0px #eee; } .art-news-title-l{ position: absolute; z-index: 11; left:0px;top: 0px; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 40px 0 0 ; width: auto ; height: 100% ; text-align: left ; font-size: 22px; font-weight: bold; color: #94080B; border-bottom: solid 4px #94080B; } .newsrow-item{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0px 0 0 ; width: 100% ; height: auto ; text-align: center ; } .newsrow-c{ position: relative ; float: left ; box-sizing: border-box ; margin: 20px auto ; padding: 0 0 0 100px ; width: 100% ; height: auto ; text-align: center ; } .newsrow-l{ position: absolute ; left: 0 ; top: 5px ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100px ; height: 100px ; text-align: center ; } .newsrow-l>.num{float: left; width: auto; height: 40px; box-sizing: border-box; padding: 0px 15px; background-color: #94080B; color: #fff; line-height: 40px; font-size: 16px; font-weight: bold;} .newsrow-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 20px 0 0 ; width: 100% ; height: auto ; text-align: center ; min-height: 100px; } .newsrow-r>.title{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: left ; font-size: 18px; line-height: 30px; } .newsrow-r>.note{ float: left ; box-sizing: border-box ; margin: 15px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: left ; font-size: 13px; line-height: 24px; color: #ddd; } .newsrow-r>.note>a{ color: #ccc;} .newsrow-r>.time{ float: left ; box-sizing: border-box ; margin: 5px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: left ; line-height: 30px; color: #999; font-size: 14px; } .nmnews-spec{float: left ; box-sizing: border-box ; margin: 20px 0 ; padding: 20px 0 ; width: 100% ; height: auto ; text-align: center ; } .newsspec-cols{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; overflow: hidden ; } .newsspec-col{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0px ; width: 33.33333% ; height: auto ; text-align: center ; min-height: 30px; } .newsspec-col>.item{ float:left; width: 95%; height: auto; min-height: 100px; background: #ccc; box-sizing: border-box; overflow: hidden;} .newsspec-col>.item img{ width: 100%;} .newsspec-cols>.newsspec-col:nth-of-type(3n+1){ /*1,4,7*/ } .newsspec-cols>.newsspec-col:nth-of-type(3n+2) .item{float:none; margin: 0 auto; } .newsspec-cols>.newsspec-col:nth-of-type(3n){ /*3,6,9*/ } .newsspec-cols>.newsspec-col:nth-of-type(3n)>.item{float:right;} .nmnews01-c{ float: left; box-sizing: border-box ; margin: 0px auto ; padding: 20px 0 ; width: 100% ; height: auto ; text-align: center ; background: url(/static/index/images/newsbg1.jpg) no-repeat center center; background-size: cover; } .nmnews01{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .nmnews01-t-c{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmnews01-t-l{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 200px; color: #94080B; line-height: 70px; font-size: 24px; font-weight: bold; height: 70px ; text-align: left ; } .nmnews01-t-r{ float: right; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width:auto; height: 70px; display: flex; align-items: center; } .nmnews01-m-cols{ float: left; ; box-sizing: border-box ; margin: 20px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; overflow: hidden ; } .nmnews01-m-col{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0px ; width: 25% ; height: auto ; text-align: center ; min-height: 30px; } .nmnews01-m-col>.item{ position: relative; float:left; width: 95%; height: 300px; border-bottom: solid 3px #BA0A0C; box-shadow: 10px 10px 10px #eee; } .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n+1)>.item{ float: left; } .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n+2)>.item{float: none; margin: 0 auto;} .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n+3)>.item{float:none; margin: 0 auto; } .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n)>.item{float:right;} .nmnews01-row-c{ position: relative ; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmnews01-row-r1{ box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 170px ; overflow: hidden; text-align: center ; min-height:30px; } .nmnews01-row-r1 img{ transform: scale(1); width: 100%; height: 100%; border: none; transition: all .5s linear 200ms ; -webkit-transition: all .5s linear 200ms; } .nmnews01-row-r1 img:hover{ transform: scale(1.2); width: 100%; height: 100%; border: none; transition: all .5s linear 200ms ; -webkit-transition: all .5s linear 200ms; } .nmnews01-row-r2{ box-sizing: border-box ; margin: 10px 0 0 0; padding: 0 10px ; width: 100% ; height: 60px ; text-align: left ; min-height: 30px; font-size: 15px; line-height: 30px; } .nmnews01-row-r3{ box-sizing: border-box ; margin: 0 0 0 0; padding: 0 10px ; width: 100% ; height: auto ; text-align: left ; min-height: 40px; font-size: 13px; color: #999; line-height: 40px; } .nmnews01list-c{box-sizing:border-box;overflow: hidden; float:left; width:100%; height:auto; margin:0px 0 0 0;padding:0px 25px; text-align:center; } .nmnews01list{ float:left; width:100%; height:auto; margin:10px auto;padding:0 0; text-align:center; } .nmnews01list ul{ margin: 0 0; padding: 0 0; } .nmnews01list ul li{ float: left; width: 45%; line-height: 52px;padding: 0 0px 0 0px; text-align: left; border-bottom: solid 0px #ddd; font-size:15px; } .nmnews01list ul li em{ font-style: normal;float: right; color: #94080B; } .nmnews01list ul li a{color:#666;} .nmnews01list ul li a:visited{color:#666;} .nmnews01list ul li a:active{color:#666;} .nmnews01list ul li a:hover{color:#94080B;} .nmnews01list ul li:nth-of-type(2n){ float: right;} .nmnews02-c{ float: left; box-sizing: border-box ; margin: 0px auto ; padding: 20px 0px 40px 0; width: 100% ; height: auto ; text-align: center ; background: #94080B; } .nmnews02{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .nmnews02-t-c{ clear: both ; box-sizing: border-box ; margin: 10px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmnews02-t-l{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 200px; color: #fff; line-height: 70px; font-size: 24px; font-weight: bold; height: 70px ; text-align: left ; } .nmnews02-t-r{ float: right; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width:auto; height: 70px; display: flex; align-items: center; } .nmnews02-m-c{ position: relative ; float: left; box-sizing: border-box ; margin: 20px auto ; padding: 0 0 0 50% ; width: 100% ; height: auto ; text-align: center ; } .nmnews02-m-l{ position: absolute ; left: 0 ; top: 0 ; float: left ; box-sizing: border-box ; margin: 0px 0 0 0 ; padding: 0 0 0 0 ; width: 50% ; overflow: hidden; height: 360px ; text-align: center ; } .nmnews02-m-lt{ overflow: hidden; position: relative; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 100% ; text-align: center ; } .nmnews02-m-lt img{ border: none; float: left; width: 100%; height: 100%;} .nmnews02-m-lt>.titlebg{ position: absolute ; z-index: 10; left: 0 ; bottom : 0 ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 40px ; text-align: center ; background: #94080B; opacity: 0.6; } .nmnews02-m-lt>.title{ position: absolute ; z-index: 10; left: 0 ; bottom : 0 ; box-sizing: border-box ; margin: 0 auto ; padding: 0 20px ; width: 100% ; height: 40px ; text-align: left ; overflow: hidden; line-height: 40px; color: #fff; } .nmnews02-m-r{ background: #fff; float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 30px 0; width: 100% ; height: 360px ; text-align: center ; min-height: 100px; } .nmnews02list-c{box-sizing:border-box;overflow: hidden; float:left; width:100%; height:100%; margin:0px 0 0 0;padding:0px 30px; text-align:center; } .nmnews02list{ float:left; width:100%; height:auto; margin:0px auto;padding:0 0; text-align:center; } .nmnews02list ul{ margin: 0 0; padding: 0 0; } .nmnews02list ul li{ position: relative; float: left; width: 100%; box-sizing: border-box; line-height: 28px;padding: 0px 100px 0 0px; text-align: left; border-bottom: solid 0px #eee; font-size:15px; height: 75px; list-style: none;} .nmnews02list ul li em{ position: absolute; z-index: 11; right: 0px; top: 0px; float: right; width: 100px ; line-height: 32px; font-style: normal; text-align: right; color: #94080B; } .nmnews02list ul li a{color:#666;} .nmnews02list ul li a:visited{color:#666;} .nmnews02list ul li a:active{color:#666;} .nmnews02list ul li a:hover{color:#94080B;} .nmnews03-c{ float: left; box-sizing: border-box ; margin: 0px auto ; padding: 20px 0px 40px 0; width: 100% ; height: auto ; text-align: center ; background: url(/static/index/images/newsbg2.jpg) no-repeat center center; background-size: cover; } .nmnews03{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .nmnews03-t-c{ clear: both ; box-sizing: border-box ; margin: 10px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmnews03-t-l{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 200px; color: #037039; line-height: 70px; font-size: 24px; font-weight: bold; height: 70px ; text-align: left ; } .nmnews03-t-r{ float: right; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width:auto; height: 70px; display: flex; align-items: center; } .nmnews03-m-cols{ clear: both ; box-sizing: border-box ; margin: 30px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; overflow: hidden ; } .nmnews03-m-col{ float: left ; box-sizing: border-box ; margin: 30px 0 0 0 ; padding: 0px ; width: 33.33333% ; height: auto ; text-align: center ; min-height: 30px; } .nmnews03-m-col>.item{ float:left; width: 95%; height: auto; min-height: 70px; } .nmnews03-m-cols>.nmnews03-m-col:nth-of-type(3n+1)>.item{float: left;} .nmnews03-m-cols>.nmnews03-m-col:nth-of-type(3n+2)>.item{ float: none ; margin: 0 auto; } .nmnews03-m-cols>.nmnews03-m-col:nth-of-type(3n)>.item{float:right;} .wxitem-c{ position: relative ; clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 70px ; width: 100% ; height: auto ; text-align: center ; } .wxitem-l{ position: absolute;z-index: 1;left:0px; top: 0px; background: #c7f8c7 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 60px ; height: 60px ; text-align: center ; } .wxitem-l>label{display: block; line-height: 34px; font-size: 18px; font-weight: bold; color:rgb(3, 73, 3); } .wxitem-l>span{ line-height: 24px; font-size: 12px; color: rgb(4, 99, 4);} .wxitem-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: left ; min-height: 70px; line-height: 30px; font-size: 15px; } .enternews6{ width: 140px; box-sizing: border-box ; cursor: pointer; color: #fff ; font-size: 14px ; line-height: 32px ; font-weight: normal ; padding : 0px 0px; margin: 0 auto; background: #026122 ;; text-align: center; display: inline-block; text-decoration: none; border-radius: 15px ;} .enternews6:active{ color: #fff ; } .enternews6:visited{ color: #fff ; } .enternews6:hover{ color: #fff; } /* spec 涓撻 */ .spec-body{ background: url("/static/index/images/newsbg1.jpg") center center no-repeat ;background-size: cover;float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmspechot-c{ float: left; box-sizing: border-box ; margin: 0px auto ; padding: 20px 0px 40px 0; width: 100% ; height: auto ; text-align: center ; } .nmspechot{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .nmspechot-t-c{ clear: both ; box-sizing: border-box ; margin: 10px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmspechot-t-l{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 200px; color: rgb(122, 3, 3); line-height: 70px; font-size: 24px; font-weight: bold; height: 70px ; text-align: left ; } .nmspechot-t-r{ float: right; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width:auto; height: 70px; display: flex; align-items: center; } .nmspechot-m-c{ position: relative ; float: left; box-sizing: border-box ; margin: 20px auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .nmspechot-m-l{ float: left; box-sizing: border-box ; margin: 0px 0 0 0 ; padding: 0 0 0 0 ; width: 50% ; overflow: hidden; height: 360px ; text-align: center ; } .nmspechot-m-lt{ overflow: hidden; position: relative; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 100% ; text-align: center ; } .nmspechot-m-r{ float: right; background: #fff; float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 10px 0; width: 50% ; height: 360px ; text-align: center ; min-height: 100px; } .specfocus-c{ position: relative; float: left; width:100%; height:360px; margin:0 auto;padding:0 0; text-align:center; } .specfocus-ctrl{ position:absolute;z-index:100;left:0px;bottom:20px; clear:both; width:100%; height:20px; margin:0 auto;padding:0 0; text-align:center; } .specfocus-ctrl ul{margin: 0px auto;padding:0px; list-style: none;} .specfocus-ctrl ul li{font-size:12px; display: inline-block; -moz-border-radius: 100%;border-radius: 100%;cursor: pointer; background:#ddd; color: #333; line-height: 20px; width:20px; height:20px; overflow: hidden; margin:0 0 0 0;padding:0 0 0 0; text-align:center; } .specfocus-ctrl ul li.cur{color: #fff;background: #94080B;} .specfocus-m{ position: relative; float:left; width:100%; height:360px; margin:0 0 0 0;padding:0 0 0 0; text-align:center; } .specfocus-m ul{ float: left; margin: 0px; padding:0px; list-style: none; width: 100%; transition: left .5s ease-out 10ms ;-webkit-transition:left .5s ease-out 10ms ;/*safari*/} .specfocus-m ul li{ position: relative; float: left; height: 360px; width: 100%;} .specfocus-m ul li img{ float: left; width: 100%; height: 360px;} .specfocus-m ul li>.titlebg{ position: absolute ; z-index: 10; left: 0 ; top : 0 ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 40px ; text-align: center ; background: rgb(160, 5, 5); opacity: 0.6; } .specfocus-m ul li>.title{ position: absolute ; z-index: 10; left: 0 ; top : 0 ; box-sizing: border-box ; margin: 0 auto ; padding: 0 20px ; width: 100% ; height: 40px ; text-align: left ; overflow: hidden; line-height: 40px; color: #fff; } .nmspechotlist-c{box-sizing:border-box;overflow: hidden; float:left; width:100%; height:100%; margin:0px 0 0 0;padding:0px 30px; text-align:center; } .nmspechotlist{ float:left; width:100%; height:auto; margin:0px auto;padding:0 0; text-align:center; } .nmspechotlist ul{ margin: 0 0; padding: 0 0; } .nmspechotlist ul li{ position: relative; float: left; width: 100%; box-sizing: border-box; line-height: 30px;padding: 0px 100px 0 0px; text-align: left; border-bottom: solid 0px #eee; font-size:15px; height: auto; list-style: none; margin: 10px 0;} .nmspechotlist ul li em{ position: absolute; z-index: 11; right: 0px; top: 0px; float: right; width: 100px ; line-height: 32px; font-style: normal; text-align: right; color: #94080B; } .nmspechotlist ul li a{color:#666;} .nmspechotlist ul li a:visited{color:#666;} .nmspechotlist ul li a:active{color:#666;} .nmspechotlist ul li a:hover{color:#94080B;} .nmspec03-c{ float: left; box-sizing: border-box ; margin: 0px auto ; padding: 20px 0px 40px 0; width: 100% ; height: auto ; text-align: center ; } .nmspec03{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .nmspec03>.nmspec03-col{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 15px ; width: 48% ; height: 400px ; text-align: center ; } .nmspec03>.nmspec03-col:nth-of-type(2n+1){ float: left;} .nmspec03>.nmspec03-col:nth-of-type(2n){ float: right;} .nmspec03-t-c{ clear: both ; box-sizing: border-box ; margin: 10px auto ; padding: 0 0 0 0 ; width: 100% ; height: 60px ; text-align: center ; overflow: hidden; border-bottom: solid 1px #f1b8b9; } .nmspec03-t-l{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 200px; color: #666; line-height: 60px; font-size: 24px; font-weight: bold; height: 60px ; text-align: left ; } .nmspec03-t-r{ float: right; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width:auto; height: 60px; display: flex; align-items: center; } .nmspec01list-c{box-sizing:border-box;overflow: hidden; float:left; width:100%; height:auto; margin:0px 0 0 0;padding:0px 25px; text-align:center; } .nmspec01list{ float:left; width:100%; height:auto; margin:10px auto;padding:0 0; text-align:center; } .nmspec01list ul{ margin: 0 0; padding: 0 0; } .nmspec01list ul li{ float: left; width: 100%; line-height: 42px;padding: 0 0px 0 0px; text-align: left; border-bottom: solid 0px #ddd; font-size:15px; } .nmspec01list ul li em{ font-style: normal;float: right; color: #94080B; } .nmspec01list ul li a{color:#666;} .nmspec01list ul li a:visited{color:#666;} .nmspec01list ul li a:active{color:#666;} .nmspec01list ul li a:hover{color:#94080B;} .nmspec01list ul li:nth-of-type(2n){ float: right;} .homeside-c{ position: absolute ; z-index: 9999999999; right: 0 ; top : 35% ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 110px ; height: auto ; text-align: center ; background: #94080B; } .homeside{ display: flex; align-items: center; justify-content: center; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 15px ; width: 100% ; min-height: 70px ; height: auto; text-align: center ; font-size: 13px; font-weight: bold; border-bottom: solid 1px #cf170a;} .homeside img{ margin: 0 auto; width: 90%; height: auto;} /* spec2 --------------------------------*/ .nmspechot-c2{ float: left; box-sizing: border-box ; margin: 0px auto ; padding: 20px 0px 0px 0; width: 100% ; height: auto ; text-align: center ; } .nmspec03-t-c2{ clear: both ; box-sizing: border-box ; margin: 0px 0 10px 0 ; padding: 0 0 0 0 ; width: 100% ; height: 60px ; text-align: center ; overflow: hidden; background-color: red; } .nmspec03-t-l2{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 20px ; width: 200px; color: #666; line-height: 60px; font-size: 20px; font-weight: bold; height: 60px ; text-align: left ; color: #fff; } .nmspec03-t-r2{ float: right; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0px 0 0 ; width:auto; height: 60px; display: flex; align-items: center; } .nmspec03-t-r2 .enternews2{ border: none; font-size: 14px;} .nmspec03>.nmspec03-col2{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 0px 0 0 ; width: 49% ; height: 320px ; text-align: center ; } .nmspec03>.nmspec03-col2:nth-of-type(2n+1){ float: left;} .nmspec03>.nmspec03-col2:nth-of-type(2n){ float: right;} /* spec3 --------------------------------*/ .nmspechot-c3{ float: left; box-sizing: border-box ; margin: 0px auto ; padding: 20px 0px 0px 0; width: 100% ; height: auto ; text-align: center ; } .nmspec03-t-c3{ clear: both ; box-sizing: border-box ; margin: 0px 0 10px 0 ; padding: 0 0 0 0 ; width: 100% ; height: 60px ; text-align: center ; overflow: hidden; background-color: rgb(252, 229, 195); } .nmspec03-t-l3{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 20px ; width: 200px; color: #666; line-height: 60px; font-size: 20px; font-weight: bold; height: 60px ; text-align: left ; color: rgb(116, 113, 113); } .nmspec03-t-r3{ float: right; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0px 0 0 ; width:auto; height: 60px; display: flex; align-items: center; } .nmspec03-t-r3 .enternews2{ border: none; font-size: 14px; color: #951208;} .nmspec03>.nmspec03-col3{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 0px 0 0 ; width: 49% ; height: 320px ; text-align: center ; } .nmspec03>.nmspec03-col3:nth-of-type(2n+1){ float: left;} .nmspec03>.nmspec03-col3:nth-of-type(2n){ float: right;} .infogk-c{ background:#94080B ; float: left ; box-sizing: border-box ; margin: 0px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .infogk{ clear: both ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1140px ; height: auto ; text-align: center ; } .infonav{ box-sizing:border-box ; width:100%; height:auto; margin:0 auto;padding:0 0; text-align:center; } .infonav>ul{margin: 0 0; padding: 0 0; list-style: none; box-sizing: border-box; float: left; width: 100%;} .infonav>ul>li{ box-sizing:border-box ; width:auto;height: 50px; line-height: 50px; display: inline-block; margin: 0 0px; font-size: 16px; } .infonav>ul>li>a{ display: block; color: #fff; text-decoration: none; margin: 0 10px; } .infonav>ul>li>a:hover{text-decoration: none; } .infonav>ul>li>a:active{text-decoration: none;} .infonav>ul>li>a:visited{text-decoration: none;} .infodown{ border: solid 0px #eee; float: left ; box-sizing: border-box ; margin: 40px 0 0 0 ; padding: 10px ; width: 100% ; height: auto ; text-align: center ; } .infodownitem-c{ background-color: #fff; position: relative ; clear: both ; box-sizing: border-box ; margin: 20px auto ; padding: 0 0 0 80px ; width: 100% ; height: 80px ; border: solid 1px rgb(247, 191, 191); text-align: center ; } .infodownitem-l{ background-color: #BA0A0C; position: absolute ; left: 0 ; top: 0 ; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 80px ; height: 100% ; text-align: center ; display: flex ; align-items: center ; justify-content: center; } .infodownitem-l>span{ font-size: 30px; color: rgb(252, 248, 248);} .infodownitem-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 20px ; width: 100% ; text-align: left ; height: 100%; font-size: 26px; display: flex ; align-items: center ; justify-content: left; } .infodownitem-r a{ color: #999;}