/*reset*/ * {padding: 0;margin: 0;list-style: none;} html,body {margin: 0 auto;} 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,header,section,footer {margin:0;padding:0} body,button,input,select,textarea {font:12px/1.5 "Microsoft YaHei";color:#666; font-weight: normal;} body {overflow-x: hidden;} address,cite,dfn,em,var,i {font-style: normal} ul,ol,dl {list-style: none} a{text-decoration: none;outline: none;font-family: "Microsoft YaHei";color: #666;cursor: pointer;font-size: 12px;} li{font-size: 12px;font-family: "Microsoft YaHei";list-style: none;margin: 0;padding: 0;} em{font-style: normal;font-size: 12px;} body,p,span{font-family: "Microsoft YaHei";} img {border: none;} p {margin: 0px;padding: 0px;word-wrap: break-word;} :focus {outline: none;} img {border: 0;vertical-align: middle;display: inline-block;} .fl {float: left;} .fr {float: right;} .clear {clear: both;} .clear:after {display: block;mainContent: "";clear: both;} .transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;} .fl{float: left;} .fr{float: right;} .clear{clear:both;} .clear:after{display: block;content: "";clear: both;} /* */ .header-box{height: 146px;background: url(header-bg.jpg) no-repeat center;} .header{width: 1200px;margin: 0 auto;overflow: hidden;} .header .logo{float: left;line-height: 146px;font-size: 0;} .header .search-box{float: right;text-align: center;} .header .search-box img{margin-top: 25px;margin-bottom: 10px;} .header .search{height: 40px;width: 280px;background: #fff;} .header .search input{float: left;border: none;height: 40px;line-height: 40px;margin: 0 15px;width: 200px;font-size: 14px;color: #333;} .header .search a{float: right;width: 48px;height: 40px;background: #0a3490 url(search.png) no-repeat center;font-size: 0;} .nav{height: 50px;background: #0A3490;text-align: center;} .nav ul{display: inline-block;height: 50px;} .nav ul li{float: left;position: relative;} .nav ul li a{display: block;line-height: 50px;font-size: 16px;font-weight: bold;color: #fff;padding:0 45px;position: relative;overflow: hidden; background: url(nav-icon.png) no-repeat right center;} .nav ul li a:before{position: absolute;top: -1000%;left: 0;height: 100%;width: 100%;background: rgba(255,255,255,0.1);content: "";transition: all 0.4s;} .nav ul li a:hover:before{top: 0;} .nav ul li a.on:before{top: 0;} .nav ul li:last-child a{background: none;} .nav ul li ul{position: absolute;left: 0;right: 0;top: 50px;height: auto;background: rgba(10,52,144,0.65);z-index: 99;} .nav ul li ul li{float: initial;position: relative;} .nav ul li ul li a{background: none;padding: 0;} .nav ul li ul li ul{position: absolute;left: 100%;top: 0;right: initial;width: 100%;} .nav ul li ul li ul li{font-size: 0;line-height: 50px;position: relative;} /* .nav ul li ul li ul li:hover{background: rgba(255,255,255,0.1);} */ .nav ul li ul li ul li a{display: inline-block;line-height: 25px;vertical-align: middle;position: initial;} /* .nav ul li a:after{position: absolute;right: 0;top: 13px;height: 24px;width: 1px;background: #203970;content: "";} */ /* .nav ul li:last-child a:before{position: absolute;right: 1px;top: 13px;height: 24px;width: 1px;background: rgba(255,255,255,0.1);content: "";display: none;} */ /* .nav ul li:last-child a:after{position: absolute;right: 0;top: 13px;height: 24px;width: 1px;background: #203970;content: "";display: none;} */ .news{width: 1200px;margin: 30px auto;overflow: hidden;/* background: #f6f6f6; */} .news-img{float: left;width: 641px;height: 405px;position: relative;} .news-img .hd{position: absolute;right: 20px;bottom: 21px;z-index: 99;} .news-img .hd ul{overflow: hidden;} .news-img .hd ul li{float: left;margin: 0 4px;width: 9px;height: 9px;border-radius: 50%;background: #fff;font-size: 0;cursor: pointer;} .news-img .hd ul li.on{background: #c52620;} .news-img .bd dl{position: relative;} .news-img .bd dl dt{width: 100%;height: 405px;font-size: 0;text-align: center;line-height: 405px;} .news-img .bd dl dt img{max-width: 100%;max-height: 100%;} .news-img .bd dl dd{position: absolute;bottom: 0;left: 0;right: 0;height: 52px;line-height: 52px;padding:0 20px;background: rgba(0,0,0,0.5);color: #fff;font-size: 16px;} .news-text{float: right;margin-right: 20px;width: 510px;} .news-text dl dt{height: 40px;/* margin-top: 20px; */border-bottom: 1px solid #d5e0f6;background: #f4f8ff;} .news-text dl dt h3{font-size: 18px;color: #fff;background: #0a3490;line-height: 40px;width: 106px;text-align: center;float: left;font-weight: bold; background:#0a3490 url(h3.png) no-repeat 10px 7px;text-indent: 36px;background-size: 36px;} .news-text dl dt a{float: right;font-size: 14px;line-height: 40px;margin-right: 20px;} .news-text dl dt a:hover{color: #0A3490;text-decoration: underline;} .news-text dl dd h3{font-size: 20px;font-weight: bold;color: #0a3490;margin: 15px 0 0px;} .news-text dl dd p{font-size: 15px;color: #333;display: none;} .news-text ul{padding-top: 15px;margin-top: 15px;border-top: 1px dashed #d1d1d1;} .news-text ul li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #dedede;} .news-text ul li:last-child{margin-bottom: 0;padding-bottom: 0;border: none;} .news-text ul li a{font-size: 15px;color: #444;/*line-height: 32px; */display: block;/* height: 32px; */overflow: hidden;padding-left: 25px; background: url(right.png) no-repeat 0px 5px;} .news-text ul li a em{font-size: 16px;display: block;} .news-text ul li img{margin-right: 5px;opacity: 0.4;display: none;} .news-text ul li span{/* float: right; */color: #999;display: block;font-size: 12px;line-height: 22px;margin-top: 5px;} .news-text ul li a:hover{color: #0A3490;} .news-text ul li a:hover img{opacity: 1;} .dynamic{width: 1200px;margin: 0 auto;overflow: hidden;} .dynamic-left{float: left;width: 805px;} .dynamic-right{float: right;width: 355px;} .dynamic01{position: relative;} .dynamic01 .more{position: absolute;right: 0;top: 0;font-size: 14px;line-height: 30px;} .dynamic01 .more:hover{color: #0A3490;text-decoration: underline;} .dynamic01 .hd{overflow: hidden;} .dynamic01 .hd ul{overflow: hidden;border-bottom: 1px solid #d5e0f6;} .dynamic01 .hd ul li{float: left;font-size: 18px;color: #444444;font-weight: bold;margin-right: 75px;height: 45px;position: relative;} .dynamic01 .hd ul li:before{position: absolute;bottom: -3px;left: 0;right: 0;height: 3px;content: "";background: #0A3490;transition: all 0.2s;} .dynamic01 .hd ul li span{float: left;width: 30px;height: 30px;position: relative;margin-right: 15px;overflow: hidden;} .dynamic01 .hd ul li span img{position: absolute;top: 0;left: 0;transition: all 0.5s;} .dynamic01 .hd ul li:hover span img{top: -30px;} .dynamic01 .hd ul li.on span img{top: -30px;} .dynamic01 .hd ul li.on:before{bottom: 0;} .dynamic01 .bd ul{padding: 10px 0;} .dynamic01 .bd ul li{padding: 10px 0;} .dynamic01 .bd ul li dl{overflow: hidden;} .dynamic01 .bd ul li dl dt{float: left;width: 165px;height: 107px;font-size: 0;text-align: center;line-height: 107px;} .dynamic01 .bd ul li dl dt img{max-width: 100%;max-height: 100%;} .dynamic01 .bd ul li dl dd{float: right;width: 610px;transition: all 0.5s;background: url(right.png) no-repeat 590px 150px;} .dynamic01 .bd ul li dl dd h3{font-size: 16px;color: #444;font-weight: normal;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .dynamic01 .bd ul li dl dd p{font-size: 12px;color: #777;margin: 7px 0;height: 44px;overflow: hidden;line-height: 22px;} .dynamic01 .bd ul li dl dd span{font-size: 12px;color: #999999;} .dynamic01 .bd ul li dl dd:hover h3{color: #0A3490;} .dynamic01 .bd ul li dl dd:hover{background: url(right.png) no-repeat 590px 85px;} .index-title{overflow: hidden;border-bottom: 1px solid #d5e0f6;} .index-title h3{float: left;font-size: 18px;color: #444444;font-weight: bold;height: 45px;position: relative;} .index-title h3:before{position: absolute;bottom: 0px;left: 0;right: 0;height: 3px;content: "";background: #0A3490;transition: all 0.2s;} .index-title h3 img{float: left;position: relative;margin-right: 15px;overflow: hidden;margin-top: 3px;} .index-title a{float: right;font-size: 14px;line-height: 30px;} .index-title a:hover{color: #0A3490;text-decoration: underline;} .dynamic02{margin-top: 20px;} .dynamic02-list{overflow: hidden;margin-top: 20px;} .dynamic02-list dl{float: left;width: 185px;margin-right: 21px;} .dynamic02-list dl:last-child{margin: 0;} .dynamic02-list dl dt{font-size: 0;text-align: center;height: 110px;line-height: 110px;overflow: hidden;} .dynamic02-list dl dt img{max-width: 100%;max-height: 100%;transition: all 0.3s;} .dynamic02-list dl dd h3{font-size: 15px;font-weight: normal;color: #444;margin: 10px 0 5px 0;} .dynamic02-list dl dd p{color: #999;} .dynamic02-list dl:hover img{transform: scale(1.1);} .dynamic02-list dl:hover dd h3{color: #093190;} .dynamic-right-title{font-size: 18px;font-weight: bold;color: #fff;background: url(title-bg.jpg) no-repeat center;width: 100%;height: 77px; text-align: center;height: 102px;line-height: 102px;background-size:auto 100%;} .dynamic-right-title span{display: inline-block;vertical-align: middle;line-height: 30px;} .dynamic03{margin-top: 30px;} .dynamic03 ul{margin-top: 0px;} .dynamic03 ul li{line-height: 60px;height: 60px;border-bottom: 1px dashed #d9d9d9;padding-left: 20px;background: url(right02.png) no-repeat left center;font-size: 0;} .dynamic03 ul li a{display: inline-block;font-size: 15px;color: #444;vertical-align: middle;line-height: 24px;max-height: 48px;overflow: hidden;} .links{width: 1200px;margin: 40px auto;overflow: hidden;} .links select{float: left;margin-right: 20px;width: 386px;border: 1px solid #d5e0f6;font-size: 16px;height: 44px;padding: 0 25px;background: url(down.png) no-repeat 350px center; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .links select:last-child{margin: 0;} .links select:hover{border-color: #093190;transition: all 0.3s;} .footer{background: #093190;height: 160px;overflow: hidden;} .footer dl{width: 1200px;margin: 30px auto 0;overflow: hidden;} .footer dl dt{float: right;width: 92px;height: 92px;font-size: 0;text-align: center;line-height: 92px;} .footer dl dt img{max-width: 100%;max-height: 100%;} .footer dl dd{float: left;} .footer dl dd .footer-nav ul{overflow: hidden;} .footer dl dd .footer-nav ul li{float: left;margin-right: 60px;} .footer dl dd .footer-nav ul li a{color: #fff;font-size: 14px;} .footer dl dd .footer-nav ul li a:hover{text-decoration: underline;} .footer dl dd p{font-size: 14px;opacity: 0.7;color: #fff;line-height: 26px;margin-top: 20px;} .footer dl dd p a{font-size: 14px;color: #fff;} /* */ .innerPosition{width: 1165px;margin: 0 auto;padding-left: 35px;height: 58px;line-height: 58px;background: url(position.png) no-repeat left center;font-size: 16px;color: #cbcbcb;} .innerPosition a{font-size: 16px;color: #666;} .innerPosition a:hover{color: #093190;text-decoration: underline;} .innerPosition a:last-child{color: #093190;text-decoration: underline;} .inner{width: 1200px;margin: 0 auto 50px;overflow: hidden;} .innerNav{float: left;width: 184px;} .innerNav-title{height: 76px;background: url(title-bg02.png) no-repeat center;text-align: center;overflow: hidden;} .innerNav-title h3{font-size: 24px;color: #fff;font-weight: bold;margin-top: 7px;} .innerNav-title p{font-size: 18px;color: #fff;text-transform: uppercase;} .innerNav-list ul li{line-height: 50px;background: #f0f2fc;margin-bottom: 6px;} .innerNav-list ul li a{display: block;font-size: 16px;color: #333;font-weight: bold;margin: 0 15px;text-align: center;border-bottom: 1px solid #f0f2fc;position: relative;} .innerNav-list ul li ul{display: none;padding: 10px 0;} .innerNav-list ul li ul li{line-height: 36px;margin: 0;} .innerNav-list ul li ul li a{font-size: 16px;font-weight: normal;color: #666;margin: 0;border: none;line-height: 24px;padding: 5px 15px;text-align: center;} .innerNav-list ul li:hover a{border-color: #fff;} .innerNav-list ul li:hover>ul{display: block;} .innerNav-list ul li a.on{color: #093190;} .innerNav-list ul li a:hover{color: #093190;} .innerNav-list ul li a.on::before{position: absolute;left: -15px;top: 17px;content: "";width: 4px;height: 16px;background: #093190;} .innerNav-list ul li ul li a.on::before{position: absolute;left: 0px;top: 11px;content: "";width: 4px;height: 16px;background: #093190;} .innerRight{float: right;width: 992px;border: 1px solid #b5ccfa;} .currentColumn{height: 74px;background: linear-gradient(to bottom,#d2dffa,#fff);} .currentColumn p{font-size: 18px;color: #333;font-weight: bold;margin: 0 25px;line-height: 80px;border-bottom: 2px solid #d5e0f6;height: 72px;position: relative;} .currentColumn p span{float: left;position: relative;line-height: 72px;} .currentColumn p span:before{position: absolute;left: 0;right: 0;bottom: -2px;content: "";height: 3px;background: #093190;} .innerContent{margin: 25px;} .innerContent *{max-width: 100% !important;} .innerSurvey-list{margin: 25px;} .innerSurvey-list *{max-width: 100% !important;} /* */ .innerMemorabilia{margin: 25px;position: relative;overflow: hidden;} .innerMemorabilia-list{margin: 20px 0;} .innerMemorabilia-list::before{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 1px;content: "";background: #e5e5e5;margin: auto;} .innerMemorabilia-list-title{overflow: hidden;position: relative;} .innerMemorabilia-list-title h3{float: left;width: 45%;font-size: 24px;text-align: right;color: #333;} .innerMemorabilia-list-title span{width: 22px;height: 22px;position: absolute;left: 0;right: 0;bottom: 0;border-radius: 50%;background: #dcdcdc;text-align: center;top: 0; line-height: 25px;font-size: 0;margin: auto;cursor: pointer;transition: all 0.5s;z-index: 99;} .innerMemorabilia-list-title span img{max-width: 60%;transition: all 0.5s;transform: rotate(90deg);} .innerMemorabilia-list-title span:hover{background: #b5ccfa;} .innerMemorabilia-list-title.on h3{color: #093190;} .innerMemorabilia-list-title.on span{background: #093190;} .innerMemorabilia-list:nth-child(even) .innerMemorabilia-list-title h3{float: right;text-align: left;} .innerMemorabilia-list:nth-child(even) .innerMemorabilia-list-title span img{transform: rotate(-90deg);} .innerMemorabilia-list-item{overflow: hidden;margin: 30px 0 30px;display: none;} .innerMemorabilia-list-item dl{float: left;width: 45%;margin-bottom: 20px;} .innerMemorabilia-list-item dl dt{height: 184px;overflow: hidden;text-align: right;} .innerMemorabilia-list-item dl dt img{max-height: 100%;max-width: 100%;} .innerMemorabilia-list-item dl dd{text-align: right;font-size: 16px;margin: 10px 0;line-height: 24px;height: 48px;} .innerMemorabilia-list-item dl:nth-child(even){float: right;} .innerMemorabilia-list-item dl:nth-child(even) dt{text-align: left;} .innerMemorabilia-list-item dl:nth-child(even) dd{text-align: left;} /* */ .innerPatent{margin: 25px;position: relative;} .innerPatent .prev{position: absolute;left: 0;top: 115px;z-index: 99;} .innerPatent .next{position: absolute;right: 0;top: 115px;z-index: 99;} .innerPatent .bd{margin: 45px;overflow: hidden;} .innerPatent .bd li{width: 25%;float: left;} .innerPatent .bd li dl{width: 85%;margin: 0 auto;} .innerPatent .bd li dl dt{height: 253px;font-size: 0;text-align: center;overflow: hidden;cursor: pointer;line-height: 253px;} .innerPatent .bd li dl dt img{max-width: 100%;} .innerPatent .bd li dl dd{text-align: center;font-size: 16px;margin-top: 10px;} .innerHonor{margin: 25px;position: relative;padding-bottom: 40px;} .innerHonor .hd{position: absolute;left: 0;right: 0;bottom: 0;z-index: 99;text-align: center;} .innerHonor .hd ul{display: inline-block;overflow: hidden;} .innerHonor .hd ul li{float: left;width: 13px;height: 13px;font-size: 0;border-radius: 50%;background: #eeeeee;margin: 0 5px;} .innerHonor .hd ul li.on{background: #093190;} .innerHonor .bd ul li{width: 33.33%;} .innerHonor .bd ul li dl{width: 93%;margin: 0 auto;} .innerHonor .bd ul li dl dt{height: 192px;font-size: 0;text-align: center;cursor: pointer;overflow: hidden;line-height: 192px;} .innerHonor .bd ul li dl dt img{max-width: 100%;max-height: 100%;} .innerHonor .bd ul li dl dd{font-size: 16px;color: #666;margin-top: 10px;text-align: center;} .innerRight-big{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 99;display: none;} .innerRight-big .close{position: absolute;left: 0;right: 0;bottom: 30px;margin: 0 auto;cursor: pointer;;} .innerPatent-big li{display: none;} .innerPatent-big li img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 80%;} .innerHonor-big li{display: none;} .innerHonor-big li img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 80%;} /* */ .innerBanner{width: 1200px;margin: 25px auto 0;height: ;font-size: 0;} .innerBanner img{max-width: 100%;} .innerAchievements{width: 95%;margin: 0px auto;overflow: hidden;} .innerAchievements dl{float: left;width: 297px;margin-right: 25px;margin-bottom: 20px;padding: 25px 0 0;border-bottom: 1px solid #eeeeee;position: relative;} .innerAchievements dl::before{position: absolute;left: 0;right: 0;bottom: 0;content: "";background: #093190;height: 1px;width: 0;transition: all 0.5s;margin: auto;} .innerAchievements dl:nth-child(3n){margin-right: 0;} .innerAchievements dl dt{height: 185px;font-size: 0;position: relative;overflow: hidden;line-height: 185px;text-align: center;} .innerAchievements dl dt::before{position: absolute;left: 0;top: -100%;right: 0;content: "";background: rgba(0,0,0,0.5) url(add.png) no-repeat center -20px;height: 50%; transition: all 0.5s;transform: rotate(180deg);display: none;} .innerAchievements dl dt::after{position: absolute;left: 0;top: -100%;right: 0;content: "";background: rgba(0,0,0,0.5) url(add.png) no-repeat center;height: 100%; transition: all 0.5s;} .innerAchievements dl:hover dt::before{top: 0;} .innerAchievements dl:hover dt::after{top: 0;} .innerAchievements dl dt img{max-width: 100%;} .innerAchievements dl dd h3{font-size: 20px;color: #333;font-weight: normal;text-align: center;margin: 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .innerAchievements dl dd p{font-size: 14px;line-height: 24px;} .innerAchievements dl:hover::before{width: 100%;} /* */ .innerCultrue{margin: 25px;} .innerCultrue dl{overflow: hidden;margin-bottom: 40px;} .innerCultrue dl dt{width: 200px;height: 140px;font-size: 0;float: left;line-height: 140px;overflow: hidden;} .innerCultrue dl dt img{max-width: 100%;} .innerCultrue dl dd{float: right;width: 720px;} .innerCultrue dl dd span{font-size: 14px;color: #999;} .innerCultrue dl dd h3{color: #333;font-size: 18px;font-weight: normal;margin: 20px 0 10px;height: 27px;overflow: hidden;} .innerCultrue dl dd p{font-size: 16px;line-height: 30px;color: #999;height: 60px;overflow: hidden;} /* */ .innerWanted{margin: 25px;} .innerWanted div{padding: 20px 0;border-bottom: 1px dashed #dedede;transition: all 0.3s;} .innerWanted div h3{font-size: 16px;color: #333;font-weight: normal;padding-left: 20px;background: url(right02.png) no-repeat left center;} .innerWanted div h3 span{float: right;color: #999;font-size: 14px;} .innerWanted div p{font-size: 14px;color: #999;margin-top: 7px;} .innerWanted div:hover{background: #f0f2fc;padding: 20px 15px;} .innerWanted div:hover h3{color: #093190;} /* */ .innerDynamic{margin: 25px;} .innerDynamic dl{padding-bottom: 20px;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dashed #dedede;position: relative;height: 192px;} .innerDynamic dl:before{position: absolute;left: 0;bottom: -1px;content: "";height: 1px;width: 15px;background: #093190;transition: all 0.5s;} .innerDynamic dl:after{position: absolute;right: 0;bottom: -1px;content: "";height: 1px;width: 15px;background: #093190;transition: all 0.5s;} .innerDynamic dl:hover:before{width: 50%;} .innerDynamic dl:hover:after{width: 50%;} .innerDynamic dl dt{float: right;width: 297px;height: 192px;text-align: center;line-height: 192px;font-size: 0;overflow: hidden;} .innerDynamic dl dt img{max-width: 100%;} .innerDynamic dl dd{float: left;width: 580px;} .innerDynamic dl dd h3{font-size: 20px;color: #333;font-weight: normal;} .innerDynamic dl dd p{font-size: 16px;color: #999;line-height: 28px;margin-top: 10px;} .innerDynamic dl:hover dd h3{color: #093190;} /* */ .details{width: 1200px;margin: 0 auto;overflow: hidden;} .details-content{float: left;width: 875px;} .content-title{padding:15px 30px;border-bottom: 1px dashed #dedede;} .content-title h3{font-size: 22px;color: #093190;} .content-title p{font-size: 14px;color: #999;margin-top: 10px;} .content-list{margin: 20px 30px;font-size: 16px;} .content-list *{max-width: 100%;height: auto !important;} .content-list img{display: block !important;} .content-list video{display: block !important;} .content-list table{display: block !important;} .content-prevNext{border: 1px dashed #dedede;border-left: none;border-right: none;margin: 20px 0px;padding: 32px 30px;overflow: hidden;position: relative;} .content-prevNext p{float: left;max-width: 275px;} .content-prevNext p:last-child{float: right;} .content-prevNext p em{display: block;font-size: 14px;font-weight: bold;color: #999;float: left;} .content-prevNext p a{font-size: 14px;color: #333;} .content-prevNext p span{font-size: 14px;} .content-prevNext .backList{position: absolute;top: 2px;left: 0;right: 0;bottom: 2px;margin: auto;background: #f2f2f2;width: 120px;height: 130px;text-align: center;} .content-prevNext .backList span{width: 100%;display: inline-block;font-size: 16px;vertical-align: middle;} .content-prevNext .backList img{margin: 40px 0 10px 0;} .details-list{float: right;width: 285px;} .details-list h3{font-size: 18px;color: #333;font-weight: bold;border-bottom: 1px solid #d5e0f6;padding-bottom: 10px;position: relative;} .details-list h3:before{position: absolute;left: 0;height: 3px;bottom: 0;width: 72px;content: "";background: #093190;} .details-list div{padding:15px 20px;border-bottom: 1px dashed #dedede;font-size: 14px;color: #333;background: url(right02.png) no-repeat left 22px;} .details-list div p{line-height: 24px;font-size: 14px;color: #333333;} .details-list div span{color: #B5CCFA;display: block;margin-top: 5px;font-size: 14px;} .layui-laypage{width: 100%;text-align: center;} .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #093190;} .layui-laypage a:hover { color: #093190; } .innerTopic{} .wap-header{ display: none; position: fixed; top: 0; left: 0; right: 0; height: 1rem; max-width: 7.5rem; margin:auto; width: 100%; background: #fff; z-index: 999; /* background: rgba(0,0,0,0.5); */ box-shadow: 0px 1px 3px 0px #999; -webkit-box-shadow: 0px 1px 3px 0px #999; } .wap-header .logo{ /* width: 0.61rem; */ height: 0.86rem; text-align: center; line-height: 0.6rem; font-size: 0; float: left; margin-top: 0.07rem; margin-left: 0.24rem; font-size: 0; } .wap-header .logo a{display: block;font-size: 0;height: 0.86rem;} .wap-header .logo img{ /*max-width: 3.06rem;*/ /* height: 0.5rem; */ max-height: 100%; max-width: 100%; } /* .header .search_box{ position: absolute; top: 0; right: 1rem; } */ .wap-header .search_btn{ display: block; width: 1rem; height: 1rem; background: url("sou.png") no-repeat center; position: absolute;right: 1rem;top: 0; /* background-size: 40%; */ text-align: center; line-height: 1rem; font-size: 0; } .wap-header .search02{ position: absolute; top: 1rem; left: 0; width: 100%; height: 0.8rem; border: 1px solid #093190; background: #fff; display: none; } .wap-header .search02 input{ width: 5.8rem; border: none; font-size: 0.3rem; line-height: 0.8rem; padding: 0 0.24rem; color: #333; background: #fff; } .wap-header .search02 a{ float: right; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; color: #fff; background: #093190; width: 1rem; text-align: center; } .wap-header .icon{ float: right; /* margin-right: 0.24rem; */ /* margin-top: 0.3rem; */ width: 0.88rem; height: 1rem; background:#f4f4f4 url("list02.png") no-repeat center; background-size: 45%; } .menu_list_bor { position: fixed; height: 100%; width: 100%; right: -100%; top: 0; z-index: 8888; } .colse_menu { position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; } .menu_right { width: 60%; position: absolute; height: 100%; right: 0; top: 0; background: #fff; z-index: 9999; overflow-x: hidden; } .menu_top { width: 100%; height: 1rem; border-bottom: 1px solid #bbbbbb; } .wap-lang{ border-bottom: 1px solid #e9e9e9; height: 0.8rem; } .wap-lang a{float: left;width: 50%;line-height: 0.8rem;font-size: 0.3rem;text-align: center;} .wap-lang li.on a{background: #009130;color: #fff;} .menu_list_bor { position: fixed; height: 100%; width: 100%; right: -100%; top: 0; z-index: 8888; } .colse_menu { position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; } .menu_right { width: 60%; position: absolute; height: 100%; right: 0; top: 0; background: #fff; z-index: 9999; overflow-x: hidden; } .menu_top { width: 100%; height: 1rem; border-bottom: 1px solid #bbbbbb; } .clo { line-height: 1rem; color: #333; font-size: 0.3rem; width: 1.8rem; margin-left: 0.3rem; height: 1rem; background-size: auto 0.25rem; padding-left: 0.35rem; } .menu_list { width: 100%; } .clo b{ float: left; height: 100%; width: 20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); background: url('fl.png') no-repeat right center; background-size: 40%; } .clo span { display: inline-block; line-height: 0.8rem; margin-left: 0.1rem; } .menu_list>ul>li,.menu_list>ul>li >ul>li{ line-height: 0.8rem; *height: 0.8rem; position: relative; border-bottom: 1px solid #e9e9e9; } .menu_list>ul>li >ul{ display: none; } .menu_list>ul >li >a,.menu_list>ul>li >ul>li>a { line-height: 0.8rem; *height: 0.8rem; color: #333; font-size: 0.28rem; display: inline-block; padding-left: 0.65rem; /*width: 100%;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 0.6rem; } .menu_list>ul>li >ul>li{ border:0; border-top: 1px solid #e9e9e9; padding-left: 0.3rem; } .menu_list >ul >li >ul>li>a{color: #575757;} .menu_list >ul >li>b, .menu_list >ul >li >ul>li b{ position: absolute; display: block; width: 20%; height: 0.8rem; right: 0; top: 0; background: url('fl.png') no-repeat center; background-size: 18%; } .menu_list>ul>li >ul>li li{ border-top:1px solid #e9e9e9; } .menu_list>ul>li >ul>li li a{ padding-left:1rem; color:#333; font-size: 0.28rem; display: inline-block; line-height: 0.4rem; vertical-align: middle; } .menu_list>ul>li>b.nex ,.menu_list >ul >li >ul>li b.nex{ background: url('nex.png') no-repeat center; background-size: 30%; } .menu_list>ul>li{line-height: 0.8rem;} .header-box{display: block;} .wap-header{display: none;} .nav{display: block;} .innerTopic{margin: 25px;overflow: hidden;} .innerTopic dl{float: left;width: 48%;margin: 0 0 30px 0;} .innerTopic dl:nth-child(even){float: right;} .innerTopic dl dt{text-align: center;font-size: 0;} .innerTopic dl dt img{max-width: 100%;} .innerTopic dl dd{text-align: center;font-size: 18px;color: #093190;margin-top: 10px;} .banner img{max-width: 100%;height: auto;} @media screen and (max-width: 1280px) { .header{width: 90%;} .nav ul li a{padding: 0 40px;} .news{width: 90%;} .news-img{width: 54%;height: auto;float: initial;display: inline-block;vertical-align: middle;} .news-img .bd dl dt{height: auto;line-height: initial;} .news-text{width: 42%;margin-left: 2%;float: initial;display: inline-block;vertical-align: middle;margin-right: 0;} .news-text ul{height: 160px;overflow: hidden;margin-top: 15px;padding-top: 10px;} .news-text dl dt{margin-top: 15px;} .news-text dl dd p{height: 44px;overflow: hidden;} .dynamic{width: 90%;} .dynamic-left{width: 67%;} .dynamic-right{width: 30%;} .dynamic01 .bd ul li dl dd{width: calc(100% - 185px);} .dynamic02-list dl{width: 24%;margin-right: 1.33333%;} .links{width: 90%;} .links select{width: 32%;margin-right: 2%;background-position-x: 95%;} .footer dl{width: 90%;} .innerBanner{width: 90%;} .innerPosition{width: 87%;} .innerAchievements{width: 95%;} .innerAchievements dl{width: 32%;margin-right: 2%;} .inner{width: 90%;} .innerRight{width: calc(100% - 210px);} .innerCultrue dl dd{width: calc(100% - 220px);} .details{width: 90%;} .details-content{width: calc(100% - 310px);} .innerDynamic dl dd{width: calc(100% - 350px);} } @media screen and (max-width: 1200px){ .innerAchievements dl dt{height: 200px;line-height: 200px;} .content-prevNext .backList{width: 100px;} .content-list{margin: 20px;} .content-prevNext{padding: 20px;} .innerPatent .bd li dl dt{height: 215px;line-height: 215px;} .innerHonor .bd ul li dl dt{height: 165px;line-height: 165px;} } @media screen and (max-width: 1100px){ .nav ul li a{padding: 0 35px;} .news-text ul{height: 128px;} .news-text dl dd h3{height: 27px;overflow: hidden;} .dynamic02-list dl dt{height: 90px;line-height: 90px;} .footer dl dd .footer-nav ul li{margin-right: 40px;} .innerAchievements dl dt{height: 175px;line-height: 175px;} .content-prevNext .backList{width: 100px;display: none;} .innerDynamic dl dd p{max-height: 140px;overflow: hidden;} .innerPatent .bd li dl dt{height: 190px;line-height: 190px;} .innerHonor .bd ul li dl dt{height: 150px;line-height: 150px;} .innerPatent .next{top: 75px;} .innerPatent .prev{top: 75px;} } @media screen and (max-width: 1000px){ .nav ul li a{padding: 0 30px;} .news-text ul{height: 96px;} .news-img .bd dl dd{padding-right: 100px;} .news-text ul li a em{width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: middle;} .dynamic01 .hd ul li{margin-right: 40px;} .innerAchievements dl dt{height: 160px;line-height: 160px;} .content-prevNext p{float: left !important;max-width: 100%;margin: 5px 0;} .innerPatent .bd li dl dt{height: 160px;line-height: 160px;} .innerHonor .bd ul li dl dt{height: 130px;line-height: 130px;} } @media screen and (max-width: 920px){ .nav ul li a{padding: 0 25px;} .news-text dl dt{margin-top: 10px;} .news-text dl dd h3{margin-top: 10px;} .news-text ul{margin-top: 10px;padding-top: 5px;} .dynamic02-list dl dt{height: 80px;line-height: 80px;} .footer dl dd .footer-nav ul li{margin-right: 30px;} .footer dl dt{display: none;} .innerAchievements dl dt{height: 145px;line-height: 145px;} .innerNav{display: none;} .innerRight{width: calc(100% - 2px);} .innerPatent .bd li dl dt{height: 200px;line-height: 200px;} .innerHonor .bd ul li dl dt{height: 155px;line-height: 155px;} } @media screen and (max-width: 850px){ .nav ul li a{padding: 0 17px;} .news-text ul li a{line-height: 28px;} .dynamic01 .hd ul li{margin-right: 20px;} .details-content{width: 100%;} .details-list{display: none;} .innerPatent .bd li dl dt{height: 180px;line-height: 180px;} .innerHonor .bd ul li dl dt{height: 145px;line-height: 145px;} } @media screen and (max-width: 750px) { .header-box{display: none;} .wap-header{display: block;} .nav{display: none;} .news{width: auto;padding: 0.25rem;margin: 0;margin-top: 1rem;} .news-img{display: none;} .news-text{width: 100%;float: initial;margin: 0;} .news-text dl dt{height: 0.7rem;margin-top: 0.25rem;} .news-text dl dt h3{font-size: 0.32rem;line-height: 0.7rem;height: 0.7rem;width: 2rem;} .news-text dl dt a{line-height: 0.7rem;font-size: 0.28rem;} .news-text dl dd h3{font-size: 0.34rem;margin: 0.2rem 0 0.1rem;height: auto;} .news-text dl dd p{font-size: 0.3rem;height: auto;} .news-text ul{margin-top: 0.2rem;padding-top: 0.2rem;height: auto;} .news-text ul li a{line-height: 0.6rem;font-size: 0.3rem;} .news-text ul li a img{margin-right: 0.1rem;} .news-text ul li a em{font-size: 0.28rem;} .dynamic{width: auto;padding: 0.25rem;} .dynamic-left{float: initial;width: auto;} .dynamic01 .more{display: none;} .dynamic01 .hd ul li{width: 33.33%;margin: 0;font-size: 0.32rem;height: 0.8rem;line-height: 0.8rem;} .dynamic01 .hd ul li:before{height: 2px;} .dynamic01 .hd ul li span{margin-right: 0.2rem;width: 0.44rem;height: 0.44rem;margin-top: 0.16rem;} .dynamic01 .hd ul li span img{width: 100%;} .dynamic01 .hd ul li.on span img{top: -0.44rem;} .dynamic01 .bd ul{padding: 0.2rem 0;} .dynamic01 .bd ul li{padding: 0.2rem 0;} .dynamic01 .bd ul li dl dt{width: 2.6rem;height: 1.5rem;line-height: 1.5rem;overflow: hidden;} .dynamic01 .bd ul li dl dt img{max-width: 100%;max-height: initial;} .dynamic01 .bd ul li dl dd{width: 4.1rem;} .dynamic01 .bd ul li dl dd h3{font-size: 0.28rem;height: 0.88rem;overflow: hidden;white-space: normal;} .dynamic01 .bd ul li dl dd p{display: none;} .dynamic01 .bd ul li dl dd span{display: block;margin-top: 0.24rem;font-size: 0.26rem;} .index-title{height: 0.8rem;margin-top: 0.25rem;} .index-title h3{font-size: 0.32rem;line-height: 0.8rem;height: 0.8rem;margin: 0;} .index-title a{line-height: 0.8rem;font-size: 0.28rem;} .index-title h3:before{height: 2px;} .index-title h3 img{margin-top: 0.2rem;margin-right: 0.2rem;width: 0.44rem;} .dynamic02{margin-top: 0;} .dynamic02-list{margin-top: 0.24rem;} .dynamic02-list dl{width: 48%;margin: 0;margin-bottom: 0.24rem;} .dynamic02-list dl:nth-child(even){float: right;} .dynamic02-list dl dt{height: 2rem;line-height: 2rem;} .dynamic02-list dl dd h3{font-size: 0.28rem;margin: 0.1rem 0;} .dynamic02-list dl dd p{display: none;} .dynamic-right{width: auto;float: initial;} .dynamic-right-title{width: auto;height: auto;padding-top: 0;font-size: 0.36rem;} .dynamic-right-title span{line-height: 0.5rem;} .dynamic03{margin-top: 0.4rem;} .dynamic03 ul li{height: initial !important;line-height: initial !important;padding-left: 0.24rem;padding: 0.15rem 0.3rem;} .dynamic03 ul li a{font-size: 0.28rem;line-height: 0.44rem;max-height:initial;} .links{width: auto;margin: 0.25rem;} .links select{width: 100%;margin: 0.12rem 0 !important;font-size: 0.3rem;height: 0.8rem;line-height: 0.8rem;padding: 0 0.4rem; background: url(down.png) no-repeat 95% center;} .footer{height: auto;margin-top: 0.5rem;} .footer dl{width: auto;margin: 0;} .footer dl dt{display: none;} .footer dl dd{float: initial;width: auto;margin:0.5rem 0.25rem;} .footer dl dd .footer-nav ul{} .footer dl dd .footer-nav ul li{width: 33.33%;margin: 0;line-height: 0.56rem;} .footer dl dd .footer-nav ul li a{font-size: 0.28rem;} .footer dl dd p{font-size: 0.28rem;line-height: 0.56rem;margin-top: 0.4rem;} .innerBanner{display: none;} .innerPosition{margin: 1rem 0.25rem 0rem;width: auto;padding-left: 0.5rem;line-height: 0.44rem;background-size: 0.3rem;font-size: 0.28rem;height: auto; padding: 0.15rem 0 0.15rem 0.5rem;} .innerPosition a{font-size: 0.28rem;} .innerAchievements{width: auto;} .innerAchievements dl{width: 46%;margin: 0.25rem 2% !important;padding: 0;border: none;} .innerAchievements dl dt{height: 2rem;line-height: 2rem;} .innerAchievements dl dd h3{margin: 0.1rem 0;font-size: 0.32rem;} .innerAchievements dl dd p{font-size: 0.28rem;line-height: 0.44rem;} .inner{width: auto;margin: 0.25rem;} .innerNav{display: none;} .innerRight{width: auto;float: initial;} .currentColumn{height: 1rem;} .currentColumn p{height: 0.95rem;border-bottom: 0.05rem solid #B5CCFA;line-height: 0.95rem;margin: 0 0.25rem;font-size: 0.32rem;} .currentColumn p span{line-height: 0.95rem;} .innerCultrue{margin:0.4rem 0.25rem;} .innerCultrue dl{margin-bottom: 0.5rem;} .innerCultrue dl dt{width: 2.6rem;height: 1.8rem;line-height: 1.8rem;} .innerCultrue dl dd{width: 3.6rem;} .innerCultrue dl dd span{display: none;} .innerCultrue dl dd p{display: none;} .innerCultrue dl dd h3{margin: 0;font-size: 0.32rem;height: auto;} .details{width: auto;} .details-content{float: initial;width: auto;} .details-list{display: none;} .content-title{padding: 0.2rem 0.25rem;} .content-title h3{font-size: 0.36rem;} .content-title p{font-size: 0.26rem;} .content-list{margin: 0.25rem;font-size: 0.3rem;} .content-prevNext{margin: 0.25rem;padding: 0.25rem 0;} .content-prevNext .backList{display: none;} .content-prevNext p{float: initial !important;max-width: initial;margin: 0.1rem 0;} .content-prevNext p em{font-size: 0.26rem;} .content-prevNext p a{font-size: 0.26rem;} .innerDynamic{margin: 0.4rem 0.25rem;} .innerDynamic dl{height: auto;padding-bottom: 0.3rem;margin-bottom: 0.3rem;overflow: hidden;} .innerDynamic dl dt{float: left;width: 2.6rem;height: 1.7rem;line-height: 1.7rem;} .innerDynamic dl dd{float: right;width: 3.6rem;} .innerDynamic dl dd h3{font-size: 0.32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .innerDynamic dl dd p{font-size: 0.28rem;line-height: 0.44rem;overflow: hidden;margin: 0.1rem 0 0 0;height: 0.88rem;overflow: hidden;} .innerPatent{margin: 0.4rem 0.25rem;} .innerPatent .bd{margin: 0.4rem;} .innerPatent .bd li{width:50%;} .innerPatent .bd li dl dt{height: 3.4rem;line-height: 3.4rem;} .innerPatent .bd li dl dd{font-size: 0.3rem;margin-top: 0.2rem;} .innerPatent .next{top: 40%;} .innerPatent .prev{top: 40%;} .innerHonor .bd ul li{width: 50%;} .innerHonor{margin: 0.4rem 0.25rem;padding-bottom: 0.5rem;} .innerHonor .bd ul li dl{width: 95%;} .innerHonor .bd ul li dl dt{height: 2.1rem;line-height: 2.1rem;} .innerHonor .bd ul li dl dd{font-size: 0.3rem;margin-top: 0.2rem;} .innerHonor .hd ul li{width: 0.2rem;height: 0.2rem;margin: 0 0.1rem;} .innerMemorabilia{margin: 0.4rem 0.25rem;} .innerMemorabilia-list{margin: 0.2rem 0;} .innerMemorabilia-list-title h3{font-size: 0.36rem;} .innerMemorabilia-list-title span{width: 0.44rem;height: 0.44rem;line-height: 0.5rem;} .innerMemorabilia-list-item{margin: 0.24rem 0;} .innerMemorabilia-list-item dl{width: 46%;} .innerMemorabilia-list-item dl dt{height: 2rem;} .innerMemorabilia-list-item dl dd{font-size: 0.3rem;margin: 0.1rem 0;line-height: 0.44rem;height: 1.75rem;} .innerContent{margin: 0.4rem 0.25rem;} .innerWanted{margin: 0.25rem;} .innerWanted div{padding: 0.24rem 0;} .innerWanted div:hover{padding: 0.24rem;} .innerWanted div h3{font-size: 0.3rem;padding-left: 0.3rem;} .innerWanted div h3 span{font-size: 0.26rem;} .innerWanted div p{font-size: 0.28rem;margin-top: 0.1rem;} .innerTopic{margin: 0.25rem;} .innerTopic dl{margin-bottom: 0.3rem;} .innerTopic dl dd{font-size: 0.3rem;margin-top: 0.15rem;} }