/*@charset "utf-8";*/ body { font: 15px/1.8 "\5b8b\4f53", arial, Helvetica, Tahoma, sans-serif; margin: 0 auto; color: #E7A74D; min-width: 1400px } p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe { margin: 0; padding: 0 } img { border: 0 none } ul, li, ol { list-style-type: none } i, em, address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal } .msf { font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53 } a { text-decoration: none; color: #666 } .clear{clear: both;} a:hover { text-decoration: none } a, a:hover { outline: 0; blur:expression(this.onFocus=this.blur()) } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { *zoom:1 } .layout { clear: both; width: 1400px; text-align: left; margin: 0 auto; color: #666 } .fl { float: left; _display: inline } .fr { float: right; _display: inline } .pr { position: relative } .abs { position: absolute } .hui { background-color: #eee } .qhui { background-color: #f7f7f7 } .zong { background-color: #f4f0ea } .in-an { background: url(in-an.png) no-repeat; _background: url(in-an.png) no-repeat } .ggtit { height: 85px; line-height: 85px } .ggtit-left { padding-left: 20px; font-size: 22px; color: #333; background-position: 0 -1820px } .ggtit-left a { color: #333 } .head_an { background: url(head_an.png) no-repeat; _background: url(head_an.gif) no-repeat } .headerbg{ width: 100%; height:154px; position:fixed;left:0;right:0;top:0;z-index:100;background: #fff; box-shadow:0 2px 6px rgba(0,0,0,0.4);} .header { height: 76px; width: 1300px; } .header .logo { display: block; margin: 10px 10px 0 0 } .header .sublogo { padding: 20px; border-left: 1px solid #d4b17d; font-size: 28px; color: #c29148; line-height: 18px; margin: 25px 0; } /*nav*/ .nav{ width: 100%; height: 48px;background:#b6935d;} .nav .nav_inner{ width: 1300px; height: 48px; margin: 0 auto;} .nav li{ display:block; float:left; padding:0 0; margin: 0 16px; font-size:20px; position:relative; } .nav li > a{ display:block; padding: 16px 20px; height: 16px; line-height: 16px; font-size: 18px; text-align: center; overflow: hidden; color: #f0f0f0 } .nav li > a i{ padding:0 0 0 2px; font-size: 12px; color: #fff; } .nav li > a:hover{ background: #a77c3b; color: #fff; text-decoration:none;} .nav li > a.hover{ color:#fff;} .nav li > a.on{ background: #D03B35; color: #fff;} .nav li > a.hover i{ color:#fff;} .nav li > a span{ font-size:10px!important; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:1.4em;} .nav li .submenu{ min-width:130px; padding:7px 0; background: #fff; position:absolute; border:1px solid #f0f0f0; top:48px; left:0px; z-index: 4; display: none; } .nav li .submenu{ -webkit-box-shadow: 0 0 6px rgba(208, 208, 208, .4); -moz-box-shadow: 0 0 6px rgba(208, 208, 208, .4); -o-box-shadow: 0 0 6px rgba(208, 208, 208, .4); box-shadow: 0 0 6px rgba(208, 208, 208, .4); } .nav li .submenu{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .nav li .submenu:before{content: ''; position: absolute; width: 10px; height: 10px; top: -6px; margin-left:26px; background: #fff; z-index: 3; border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */ } .nav li .submenu a{ display: block; white-space: nowrap; padding:12px 16px; height:16px; line-height: 16px; font-size: 14px; } .nav li .submenu a:hover{ background: #f4f0ea; color:#b6935d; } .inbanner { width: 100%; margin-top:100px; /* height: 500px;*/ overflow: hidden; position: relative; } .inbanner .bd { z-index: 8 } .inbanner .bd li { float: left; width: 100%; height: 500px; } .inbanner .hd { width: 100%; bottom: 30px; left: 0; height: 13px } .inbanner .hd ul { text-align: center } .inbanner .hd ul li { overflow: hidden; display: inline-block; *display:inline; *zoom:1; width: 13px; height: 13px; background: url(zx_06.png) no-repeat; cursor: pointer; margin: 0 5px; opacity: .5 } .inbanner .hd ul li.on { background: url(zx_05.png) no-repeat } /* 新闻 */ .part1{padding-top: 20px;} .part1-l{width: 69.16%;} .part1-l li{float: left;width: 48.19%;margin-right: 3.62%;background: #fff;position: relative;margin-bottom: 15px;} .part1-l li:nth-child(even){margin-right: 0;} .part1-l li a{display: block;padding: 10px 0;border-top: 0px solid #eeeeee;transition: 0.6s all;position: relative;} .part1-l li .pic{position: relative;} .part1-l li .pic .img{background: #b78c50;overflow: hidden;} .part1-l li .pic .img img{display: block;width: 100%;opacity: 0.9;object-fit:cover;transition: 0.6s all;height: 250px;} .part1-l li .pic .time{position: absolute;right: 0;bottom: 0;padding: 0px; width: 76px;height: 51px;background: url(part1-02.png) no-repeat center;} .part1-l li .pic .time .day{font-size: 20px;color: #b78c50;text-align: right;font-weight: bold;padding-top: -5px;height:30px;padding-right:15px;} .part1-l li .pic .time .year{font-size: 14px;color: #b78c50;text-align: right;padding-right:5px;} .part1-l li .text{margin-top: 15px;transform: 0.6s all;} .part1-l li .text p{font-size: 14px;color: #888888;line-height: 1.375rem;height: 2.75rem;overflow: hidden;}/* .part1-l li:hover a{box-shadow: 0px 0px 16px 0px rgba(145, 145, 145, 0.39);padding: 0 0 2.5rem 0; transition: 0.6s all;}*/ .part1-l li:hover .pic .img img{opacity: 1;transform: scale(1.1); transition: 0.6s all;} .part1-l li:hover .text{padding: 0 10px;transform: 0.6s all;} .border{position:absolute;background:none;transition:all .5s ease-in-out;} /*通知*/ .part1-r{width: 27.5%;} .part1-r li{padding: 15px 0;border-bottom: 0px solid #eeeeee;} .part1-r li a{display: block;position: relative;overflow: hidden;} .part1-r li .time{position: relative;float: left;width: 46px;height: 65px;border: 1px solid #b78c50;border-radius: 5px;transition: 0.6s all;} .part1-r li .day{ transition: 0.6s all;font-size: 1.75rem; color: #b78c50; font-family: "times new roman"; text-align: center; line-height: 35px;border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; margin:0 2px;margin-bottom: 0.5rem;} .part1-r li .month{transition: 0.6s all;font-size: 0.75rem;color: #999999;text-align: center;padding-top:0px;} .part1-r li p{margin-left: 66px;font-size: 1.15rem;color: #323232;line-height: 1.725rem;height: 3.25rem;overflow: hidden;margin-top: 0.525rem;transition: 0.6s all;} .part1-r li:hover .time{ background: #b78c50; transition: 0.6s all;} .part1-r li:hover .day{ color: #fff; transition: 0.6s all; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFFFFF;} .part1-r li:hover .month{color: #fff;transition: 0.6s all;} .part1-r li:hover p{color: #b78c50;transition: 0.6s all;} /*新闻列表*/ .xwbt1 {float: left;width: 100%;margin-right: 2.62%;display:block;} .xwbt1 ul{border-top: 1px solid #eeeeee;margin-top:30px;padding-top:10px;} .xwbt1 li{font-size: 1.15rem;color: #323232;line-height: 1.825rem;height:1.825rem;overflow: hidden;font-weight: normal;margin-bottom: 0.9375rem;transition: 0.6s all;} .xwbt1 li span{float: right;margin-left:10px;display:block;color:#ccc;font-size:15px;} .xwbt1 li a{color:#323232;display: block;height: 1.825rem;line-height: 1.825rem!important;font-weight: normal;} .xwbt1 li a:hover{color: #b78c50;transition: 0.6s all;font-weight:500;} .part1-l .xwbt{margin-top:0px;} .part1-l .xwbt li{font-size: 1.15rem;color: #323232;background: #fff;overflow: hidden;font-weight: normal;margin-bottom: 0.9375rem;transition: 0.6s all;} .part1-l .xwbt li span{float: right;margin-left:10px;display:block;color:#ccc;font-size:15px;} .part1-l .xwbt li a{color:#323232;display: block;height: 1rem;line-height: 1rem;font-weight: normal;border-top: 0px solid #eeeeee} .part1-l .xwbt li a:hover{color: #b78c50;transition: 0.6s all; font-weight:500;} /*成果展示*/ .zxxt { padding: 10px 0; } .zxxt .nr { width: 335px; margin: 0 20px 20px 0 } .zxxt .nr .pic { width: 100%; height: 150px; overflow: hidden } .zxxt .nr .pic img { width: 100%; height: 150px; } .zxxt .nr a:hover .pic img {opacity: 0.8;transform: scale(1.1); transition: 0.6s all;} .zxxt .nr .txt { height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; color: #333; background: #f9f9f9; overflow:hidden; } .zxxt .nr .txt a { color: #333; } .zxxt .mr0 { margin-right: 0 } /*新工科*/ .scjy { padding: 10px 0 30px } .scjy .stop { border: 2px solid #f4f0ea;padding:2px; height: 208px; } .scjy .stop .icon { width: 232px; height: 158px } .scjy .stop .icon1 { background-position: 70px -1160px } .scjy .stop .icon2 { background-position: 70px -1312px } .scjy .stop .icon3 { background-position: 70px -1464px } .scjy .stop .icon4 { background-position: 70px -725px } .scjy .stop .icon5 { background-position: 70px -1016px } .scjy .stop .icon6 { background-position: 70px -870px } .scjy .stop .icon:hover { -webkit-animation: bounce .5s 0s 1 both; animation: bounce .5s 0s 1 both; } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .scjy .stop .txt { width: 232px; height: 208px; background: #f4f0ea } .scjy .stop .txt-t { margin-top: 140px; line-height: 50px; text-align: center; font-size: 22px; color: #bb9758 } .scjy .stop .txt-b { line-height: 28px; text-align: center; font-size: 16px } .scjy .stop .ljt, .scjy .stop .rjt { display: block; width: 15px; height: 33px; top: 25px; left: 0; background-position: 0 -1650px } .scjy .stop .rjt { left: auto; right: 0; background-position: 0 -1750px } /*企业孵化*/ .scjybot { padding: 0 0 20px 0 } .scjybot .sbnr {width: 30%;margin-right:2%;position: relative;margin-bottom: 15px;} .scjybot .sbnr .pic { width: 30%; height: 200px; overflow: hidden } .scjybot .sbnr .pic img { width: 100%; height: 200px; } .scjybot .sbnr .right { width: 70%; height: 180px; padding: 10px 0; background: #b78c50 } .scjybot .sbnr .right-t { height: 44px; text-align: center; line-height: 44px; font-size: 20px; color: #fff; background: url(in_20.png) no-repeat; margin-bottom: 12px } .scjybot .sbnr .right-b { text-align: center; line-height: 28px; font-size: 16px; color: #fff } .scjybot .mr0 { margin-right: 0px; } /*协会社团*/ .cyfw { padding: 10px 0 30px } .cyfw .cnr { width: 335px; margin-right: 20px } .cyfw .cnr .pic { width: 335px; height: 153px; overflow: hidden } .cyfw .cnr .pic img { width: 335px; height: 153px; } .cyfw .cnr .txt { height: 102px; padding-top: 6px; text-align: center; background: #f4f0ea } .cyfw .cnr .txt-t { line-height: 40px; font-size: 20px; color: #bb9758 } .cyfw .cnr .txt-b { line-height: 26px; font-size: 14px;padding:0 20px;text-align:left;height:50px;overflow:hidden; } .cyfw .cnr a:hover .pic img {opacity: 1;transform: scale(1.1); transition: 0.6s all;} .cyfw .mr0 { margin-right: 0 } /*搜索*/ .plss{ height: 30px; padding-top: 40px;padding-right:40px;} .plss .right-ss {width: 160px; height: 23px;border: 0; border-bottom: 1px solid #e9cb95; font-size: 16px;color: #999;} .plss .right-an {display: block;width: 15px;height: 24px;background: url(zx_01.png) no-repeat center;cursor: pointer;} /*底部版权*/ .footerbg{ background: #b6935d;} .footer{ padding: 20px; color:#f4f0ea;} .footer .logo{ padding:30px 20px;} .footer .copyright{ padding:20px;line-height:28px; border-left:#960 1px dotted;} .footer .ewm{ padding:20px 50px;} /*side bar*/ .sidebar{display:block;width:48px;padding:10px;position:fixed;right:8%;bottom:36px;z-index:9;background-color:#fff} .sidebar img{ padding-bottom:10px;} .sidebar_scroll{ bottom: 202px!important; } .sidebar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 12px rgba(208, 208, 208, .7); -moz-box-shadow: 0 0 12px rgba(208, 208, 208, .7); -ms-box-shadow: 0 0 12px rgba(208, 208, 208, .7); box-shadow: 0 0 12px rgba(208, 208, 208, .7); } .sidebar a{ display: block; width: 48px; color: #5e9ede; cursor: pointer; font-size: 12px; line-height: 1.8em; border-bottom: 1px solid #f0f0f0; text-align: center; opacity: .9; -webkit-opacity: .9; -moz-opacity: .9; -o-opacity: .9; position: relative; color: #666;} .sidebar a{border-radius:5px; -webkit-border-radius:5px ; -o-border-radius:5px; -moz-border-radius:5px; } .sidebar a:last-child{ border: none;} .sidebar a i{ display: block; height: 26px; line-height: 26px; text-align:center;; font-size: 26px; color: #666;} .sidebar a:hover, .sidebar li:hover i{ color: #D03B35 } /*列表页*/ .sublayout{ clear: both; width: 1400px; text-align: left; margin: 0 auto;margin-top:30px; color: #666 } .pathtit { height: 45px; border-bottom: 1px solid #e0e0e0 } .pathtit-l { padding-right: 8px; height: 45px; line-height: 45px; border-bottom: 1px solid #c49d62; font-size: 24px; color: #333 } .pathtit-c { margin-left: 30px; line-height: 45px; font-size: 14px } .zxzx { width: 70%; } .newslist{clear:both;margin:20px 0;} .zxzx .z-nr { clear: both; padding: 10px 15px; border-bottom: 1px solid #f0f0f0 } .zxzx .z-nr .pic { width: 220px; height: 122px; margin-right:30px; } .zxzx .z-nr .pic img { width: 220px; height: 122px; } .zxzx .z-nr .pic a:hover img {opacity: 1;transform: scale(1.1); transition: 0.6s all;} .zxzx .z-nr .right { width: 72%; } .zxzx .z-nr .ztit { padding-top: 10px; line-height: 22px; font-size: 18px; color: #333 } .zxzx .z-nr .ztit a { color: #333 } .zxzx .z-nr .zsubtit { line-height: 22px; color: #999; font-size: 14px; float:right; } .zxzx .z-nr .right .zsubtit a { color: #999 } .zxzx .z-nr .right .zcen { line-height: 22px; font-size: 14px; margin-top: 25px } .fy { overflow: hidden; clear: both; text-align: center; height: 34px; padding: 40px 0; font-size: 14px } .fy a { display: inline-block; text-decoration: none; margin: 0 8px; vertical-align: middle; line-height: 34px; padding: 0 14px; border-radius: 3px } .fy .hover { background-color: #c49d62; color: #fff } .fy .hover:hover { background-color: #c49d62; color: #fff } .fy a:hover { background-color: #f6f1e9 } .fy span { display: inline-block; text-decoration: none; margin: 0 8px; vertical-align: middle; line-height: 34px; padding: 0 15px; border-radius: 3px; color: #ccc } .rmtj { width: 26.5%; } .rmtj .r-nr { clear: both; padding: 10px 0; border-bottom: 1px solid #f0f0f0 } .rmtj .r-nr .pic { width: 120px; height: 60px; overflow: hidden } .rmtj .r-nr .pic img { width: 120px; height: 80px; } .rmtj .r-nr .right { width: 65%; } .rmtj .r-nr .rtit { padding: 4px 0 12px; line-height: 25px; font-size: 15px; color: #333 } .rmtj .r-nr .rtit a { color: #333 } .rmtj .r-nr .rbot { line-height: 22px; color: #999; text-align: right } /*内容页*/ .bannerbg { background: url(b4.png) no-repeat center bottom; height: 284px; margin-top:124px; } .about { margin: 30px auto; } .about .ab-lnav { width: 15%; overflow: hidden } .about .ab-lnav ul { margin-top: 10px } .about .ab-lnav li { width: 100%; height: 58px; line-height: 58px; text-align: center; font-size: 18px; border-bottom: 1px solid #e6e6e6 } .about .ab-lnav .on a { color: #c49d62 } .about .qyjs { width: 78%;padding:0 30px; border-left: 1px solid #e6e6e6; } .about .qyjs .text { margin-top:30px;} .about .qyjs h1{font-size: 20px; line-height: 40px;height:40px; font-weight: 500; color: #333;text-align:center;} .about .qyjs .subtit{font-size: 12px; color: #999; margin-bottom: 30px;text-align:center;} .about .qyjs p { line-height: 28px; font-size: 16px; margin-bottom: 15px } .about .dsj { width: 1028px; border-left: 2px solid #d4a95e } .about .dsj .dnr { clear: both; padding-left: 28px; line-height: 18px; font-size: 14px; margin-bottom: 40px } .about .dsj .dnr i { display: block; width: 18px; height: 18px; left: -10px; top: 0; background: url(about_05.png) no-repeat } .about .dsj .zy { font-size: 16px; color: #333 } .about .dsj .m0 { margin: 0 }