@font-face { font-family: 'iconfont'; /* project id 59014 */ src: url('//at.alicdn.com/t/font_59014_r6zbbbiagh.eot'); src: url('//at.alicdn.com/t/font_59014_r6zbbbiagh.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_59014_r6zbbbiagh.woff2') format('woff2'), url('//at.alicdn.com/t/font_59014_r6zbbbiagh.woff') format('woff'), url('//at.alicdn.com/t/font_59014_r6zbbbiagh.ttf') format('truetype'), url('//at.alicdn.com/t/font_59014_r6zbbbiagh.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .icon1{ font-size:35px; color:#a0a0a0;} .iconR{ font-size:30px; color:#fff; display:block; height:40px; padding-top:8px;} /*布局*/ .n-right{ float:right; width:780px; } .n-left{ float:left; width:173px; padding:20px; } /* 本例子css */ .indexNews{width:1000px; text-align:center;margin:0 auto; margin-top:-4px; z-index:100;} .txtScroll-left{ position:relative; background:#eace88; background-image:-webkit-gradient(linear, left top, left bottom, from(#dabe79), to(#eace88)); background-image:-webkit-linear-gradient(#dabe79, #eace88); background-image:-moz-linear-gradient(#dabe79, #eace88); background-image:-ms-linear-gradient(#dabe79, #eace88); background-image:-o-linear-gradient(#dabe79, #eace88); background-image:linear-gradient(#dabe79, #eace88); } .txtScroll-left .hd{ position:absolute; right:10px; top:10px; width:40px;} .txtScroll-left .hd .prev{ display:block; width:20px; height:20px; float:left; overflow:hidden; cursor:pointer; background:url("../images/prev.png") no-repeat center center;} .txtScroll-left .hd .next{ display:block; width:20px; height:20px; float:right; overflow:hidden; cursor:pointer; background:url("../images/next.png") no-repeat center center;} .txtScroll-left .hd .prev:hover{ background:#eccaa3 url("../images/prev.png") no-repeat center center; } .txtScroll-left .hd .next:hover{ background:#eccaa3 url("../images/next.png") no-repeat center center; } .txtScroll-left .bd{ padding:10px 0 10px 120px; width:800px; overflow:hidden; background:url(../images/iboard.png) no-repeat 20px center;} .txtScroll-left .bd ul{ overflow:hidden; zoom:1; } .txtScroll-left .bd ul li{ width:400px; float:left; font-size:14px; height:24px; line-height:24px; text-align:left; _display:inline;} .txtScroll-left .bd ul li a{ color:#fff;} .txtScroll-left .bd ul li span{ color:#fff; } /*产业链智造*/ .title1{ margin:60px 0 10px 0; text-align:center;} .title2{ font-size:24px; color:#393939; font-weight:normal;text-align:center; margin-bottom:30px;} .listBox { } .listBox ul { position: relative; transition: height 400ms; } .listBox li { width: 240px; overflow: hidden; transition: 400ms border-color,400ms left,400ms top; float:left; margin-right:10px;} .listBox li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .listBox li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .listBox li a { display: block; color: #333; padding:20px; transition: 400ms;} .listBox li a:hover{ text-decoration:none; color:#a36b08;} .listBox li .imgBox { height: 234px; width:200px; overflow: hidden; position: relative; margin:20px auto; } .listBox li .img { width: 100%; height: 100%; } .listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #c09b26;border-radius:100px; position: absolute; left: 0; top: 0; transition: 400ms; } .listBox li .t { overflow: hidden; height: 42px; font-size: 16px; transition: 400ms; text-align:center; font-weight:bold;} .listBox li .ten { height: 52px; font-size: 16px; transition: 400ms; text-align:center; font-weight:bold;} .listBox li .line { margin:20px auto; height:3px; overflow:hidden; width:50px; background:#dbdbdb; transition: 400ms; text-align:center;} .listBox li:hover { color:#c09b26; } .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .listBox li:hover .bg { opacity: 0; filter: alpha(opacity=80); } .listBox li:hover a { color: #a36b08; } .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .listBox li:hover .line {background:#c09b26; width:100px; } /*首页类别*/ .brand{ padding:0 15px; width:300px; float:left; border-right:1px dashed #ba9045; height:250px;} .brand_dl dt{ width:130px; height:117px; float:left;} .brand_dl dd{ color:#666; line-height:150%;} .brand_dl dd.ntitle{ font-weight:bold; color:#333; font-size:14px; padding:10px 0;} /* 品牌产品css */ .picScroll-left{ overflow:hidden; position:relative; width:300px; margin:0 auto;} .picScroll-left .hd{ } .picScroll-left .hd .prev{ display:block; width:15px; height:24px; cursor:pointer; background:url("../images/proPrev.png") 0 0 no-repeat; position:absolute; left:0; top:60px; transition:500ms;} .picScroll-left .hd .next{ display:block; width:15px; height:24px; cursor:pointer; background:url("../images/proNext.png") 0 0 no-repeat; position:absolute; right:0; top:60px;transition:500ms;} .picScroll-left .hd .next:hover, .hd .prev:hover{ background-position:0 -24px; } .picScroll-left .hd .prevStop{ background-position:-60px 0; } .picScroll-left .hd .nextStop{ background-position:-60px -50px; } .picScroll-left .bd{padding: 20px 20px;} .listPro { position: relative; transition: height 400ms; } .listPro li { width: 130px; overflow: hidden; transition: 400ms border-color,400ms left,400ms top; float:left; height:150px;} .listPro li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .listPro li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .listPro li a { width:100px; margin:0 auto; display:block; transition: 400ms; height:100px; border:1px solid #cea830; border-radius:100px; overflow:hidden;} .listPro li a:hover{ text-decoration:none; background:#fff;} .listPro li .imgBox { width:100px; overflow: hidden; position: relative;} .listPro li .img { width: 100%; height: 100%; } .listPro li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #c09b26; position: absolute; left: 0; top: 0; transition: 400ms;border-radius:100px; } .listPro li .t { color:#fff; overflow: hidden; height: 25px; line-height: 25px; font-size: 14px; transition: 400ms; text-align:center;} .listPro li .line { margin:20px auto; height:3px; overflow:hidden; width:50px; background:#dbdbdb; transition: 400ms; text-align:center;} .listPro li:hover .t{ color:#c09b26; } .listPro li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .listPro li:hover .bg { opacity: 0.5; filter: alpha(opacity=50); } .listPro li:hover a { color: #c09b26; } .listPro li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .listPro li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .listPro li:hover .line {background:#c09b26; width:100px; } /*分子财富加*/ .oem1{ width:385px; height:345px; float:left; background:#000;} .oem1bg{position:relative; } .oem1Txt{ position:absolute; left:30px; top:30px; color:#fff; line-height:200%; z-index:2;} .oem1Txt h2{ font-size:24px; padding:10px 0; color:#fff;} a.more { border:1px solid #fff; font-size:14px; text-align:center; width:140px; height:25px; line-height:25px; display:block; color:#fff; transition:500ms;} a.more:hover { text-decoration:none; background:#fff; color:#a36b08;} .oem1bgImg{ opacity: 0.5; filter: alpha(opacity=50); transition:500ms;} .oem2{ width:240px; height:345px; float:left; background:#ededed; margin-left:2px; transition:500ms;} .oem2Con{ padding:20px; text-align:center; line-height:150%;} .oem2Con h2{ font-size:18px; padding:5px; color:#333;} .oem2Con p{ color:#6b6b6b;text-align:justify; margin-bottom:10px;} a.more1 { border:1px solid #ba8c58; font-size:14px; text-align:center; width:140px; height:25px; line-height:25px; display:block; color:#ba8c58; transition:500ms; margin:0 auto;} a.more1:hover { text-decoration:none; background:#ba8c58; color:#fff;} .oem3{ width:372px; height:345px; float:right; } .partner{ height:140px; background:#a36b08; padding:20px;overflow:hidden; margin-bottom:2px;} .custom{ height:163px; overflow:hidden; text-align:center; position:relative; background:#000;} .customImg{transition:500ms; position:absolute; left:0; top:0; background:#000; z-index:0;} a.more2 { position:absolute; left:140px; top:30px; z-index:3; font-size:18px; color:#fff;} a.more2:hover{ text-decoration:none;} /* 本例子css */ .txtScroll-top{ overflow:hidden; position:relative; } .txtScroll-top .hd h3{ font-size:18px; color:#fff;} .txtScroll-top .prev{ display:block; width:20px; height:20px; border-radius:20px; cursor:pointer; background:url("../images/prev1.png") 0 0 no-repeat; position:absolute; right:25px; top:0; transition:500ms;} .txtScroll-top .next{ display:block; width:20px; height:20px; border-radius:20px; cursor:pointer; background:url("../images/next1.png") 0 0 no-repeat; position:absolute; right:0; top:0;transition:500ms;} .txtScroll-top .hd .next:hover, .hd .prev:hover{ background-position:0 -20px; background-color:#fff;} .txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; } .txtScroll-top .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; } .txtScroll-top .hd ul li.on{ background-position:0 0; } .txtScroll-top .bd{ padding:15px 0; } .txtScroll-top .infoList li{ height:25px; line-height:25px; color:#e4e4e4; overflow:hidden; } .txtScroll-top .infoList li .date{ float:right; color:#999; } /*走进分子态*/ .carousel{ margin:0px auto; margin-bottom:30px; padding:40px 0px 0px 0; overflow:hidden; position:relative; max-width:1024px;} .carousel .slides{ margin:0 auto; overflow:hidden; position:relative; z-index:9;} .carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;opacity:1 !important;padding-bottom:10px;} .carousel .slides .slideItem:hover{ background:#fff;} .carousel .slides .slideItem a{overflow:hidden;display:block;} .carousel .slides .slideItem .intro{ color:#414141; width:100%; background:url(../images/bg4.png) no-repeat center bottom; display:none; padding:0; text-align:center;} .carousel .slides .slideItem .intro .cont{ overflow:hidden; padding:10px 0;} .carousel .slides .slideItem .intro .cont .title{ font-size:14px; color:#ba8c58; line-height:2;} .carousel .slides .slideItem .intro .cont #divContent{ font-size:0.875em; color:#666; line-height:1.5; } .carousel .slides .slideItem .intro .cont #divContent span{ width:20%; height:20px; background:url(../images/bg6.png) no-repeat center; display:none; float:right;} .carousel .prevButton{ width:36px; height:50px; position:absolute; background:#a36b08 url(../images/newsPrev.png) no-repeat center top; z-index:10; top:35%; cursor:pointer; transition:500ms;} .carousel .nextButton{ width:36px; height:50px; position:absolute; background:#a36b08 url(../images/newsNext.png) no-repeat center top; z-index:10; top:35%; cursor:pointer; transition:500ms;} .carousel .prevButton:hover,.carousel .nextButton:hover{ background-position:center bottom;} .more3{ display:block; transition:500ms; padding-bottom:10px;} .more3:hover{ background:#ffe6ba; color:#fff; text-decoration:none;} a.more3:hover .carousel .slides .slideItem .intro .cont .title{ font-size:14px; color:#fff; line-height:2;} /*分子博物馆*/ .brandIn{ padding:30px 0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;} .brand_dl_in dt{ width:300px; float:left; text-align:center;} .brand_dl_in dd{ color:#666; line-height:150%; font-size:14px;} .brand_dl_in dd.ntitle{ font-weight:bold; color:#333; font-size:16px; padding:10px 0;} /*产品*/ /*维多利亚vic官网*/ .listProMain { position: relative; transition: height 400ms; } .listProMain li { width: 250px; overflow: hidden; transition: 400ms border-color,400ms left,400ms top; float:left; height:280px;} .listProMain li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .listProMain li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .listProMain li a { width:200px; margin:0 auto; display:block; transition: 400ms; padding:5px; height:240px; border:1px solid #eee; margin:0 auto; background:#fff;} .listProMain li a:hover{ text-decoration:none; background:#c09b26;} .listProMain li .imgBox { width:200px; overflow: hidden; position: relative;} .listProMain li .img { width: 100%; height: 100%; } .listProMain li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #bc8723; position: absolute; left: 0; top: 0; transition: 400ms; } .listProMain li .t { color:#333; overflow: hidden; height: 35px; line-height: 35px; font-size: 16px; transition: 400ms; text-align:center;} .listProMain li .line { margin:20px auto; height:3px; overflow:hidden; width:50px; background:#dbdbdb; transition: 400ms; text-align:center;} .listProMain li:hover .t{ color:#fff; } .listProMain li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .listProMain li:hover .bg { opacity: 0.5; filter: alpha(opacity=50); } .listProMain li:hover a { color: #c09b26; } .listProMain li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .listProMain li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .listProMain li:hover .line {background:#c09b26; width:100px; } .listEssence{ margin:0; padding:0; list-style:none;} .listEssence li{ width:140px; float:left; margin-bottom:20px;} .listEssence li .imgBox{ width:115px; height:165px; overflow:hidden;} .listEssence li .imgBox img{ width:115px; height:115px; } .listEssence li a{width:115px; height:145px; overflow:hidden; display:block; border-radius:4px; box-shadow:0 0 6px #ccc; padding:4px;} .listEssence li a .t{ font-size:16px; text-align:center;} .listEssence li a:hover{ color:#ce9a33; text-decoration:none;} .listEssence2{ margin:0; padding:0; list-style:none;} .listEssence2 li{ width:50%; float:left; margin-bottom:20px;} .listEssence2 li a{ text-align:center; font-size:14px;} /*------------ 产品展示左边菜单2 ------------*/ .mainmenu { font-size: 16px; position:relative; padding:0; width:240px; } .mainmenu > li { background-color: #bc8723; border-top: 1px solid #9d6f17; height: 35px; line-height:35px; color: #f7f1e3; box-sizing: border-box; position:relative; padding:0 0 0 10px; cursor:pointer; } .mainmenu > li:first-child { border-radius: 7px 7px 0 0; border-top: 0; } .mainmenu > li:last-child { border-radius: 0 0 7px 7px; } .mainmenu > li span { display:block; line-height: 48px; } .mainmenu > li .icon { float: left; width: 20px; height: 20px; display:block; position:absolute; left:10px; top:15px; } .mainmenu > li .messages { background: url("../images/messages.png") no-repeat; padding: 0; margin-top: -33px; margin-right: 19px; float: right; display: block; width: 34px; height: 18px; text-align: center; font-size: 11px; line-height: 19px; } .expand-triangle { background: url("../images/expand.gif") top left no-repeat; height: 10px; width: 240px; content: " "; } .subactive { background-color: #f7f7f7; } .subactive li { padding:8px 0 15px 0; background-color: #f7f7f7; } .subactive li a { font-size:14px; color:#fff; padding-left:15px; } .subactive .thirdLi a { background-color: #f7f7f7; font-size:12px; display:block; } /*------------ Sub Menu ------------*/ .submenu { box-sizing: border-box; color: #ae9f9f; font-size: 14px; content: " "; /*opacity: 0.5;*/ } .submenu li { display:block; cursor:pointer; padding:8px 0 15px 0; background-color: #f7f7f7; transition: border-left 220ms ease-in; } .submenu li a { font-size:14px; color:#333; display:block; padding-left:15px; } .submenu li a:hover { } .submenu .chosen, .submenu li a.on { border-left: solid 6px #bc8723; font-weight:bold; } .submenu li:hover { } .animate { animation: flip 2000ms ease-in-out alternate; } @keyframes flip { to { transform: rotateY(360deg); } } /*产品家庭*/ .family { } .family1{ position:relative; margin-bottom:40px; } .family1 h2{ position:absolute; left:0; top:0; } .familyTitle{ font-size:18px; } .family1 .familyTitle1{ padding:10px 0; font-size:18px; border-bottom:1px solid #eee; } .familyConUl{ margin:0; padding:20px 0; list-style:none; } .familyConUl li{ float:left; width:160px; margin-bottom:10px; } .familyConUl li img{ width:150px; display:block;} .familyConUl li a{ width:150px; padding:5px; border:1px solid #eee; display:block; text-align:center; font-size:14px; transition:500ms;} .familyConUl li a:hover{ background:#eee;} .familyConUlLeft{ width:50%;float:left;} .familyConUlRight{ width:50%;float:right;} .familyConUlLeft li, familyConUlRight li{ float: left; width: 155px; margin-bottom: 10px; } .familyConUlLeft li img,familyConUlRight li img{ width:140px; display:block;} .familyConUlLeft li a,familyConUlRight li a{ width:140px; padding:5px; border:1px solid #eee; display:block; text-align:center; font-size:14px; transition:500ms;} .familyConUlLeft li a:hover,familyConUlRight li a:hover{ background:#eee;} /* 本例子css */ .slideTxtBox{ width:100%; } .slideTxtBox .hd{ position:relative; text-align:center; margin-bottom:20px;} .slideTxtBox .hd ul{ } .slideTxtBox .hd ul li{ float:left; cursor:pointer; width:247px; text-align:center; font-size:14px;} .slideTxtBox .hd ul li img{padding:5px;border: 5px solid #f7f7f7; border-radius: 86px;} .slideTxtBox .hd ul li.on{ } .slideTxtBox .hd ul li.on img { padding:5px; border: 5px solid #a36b08; border-radius: 86px; } .slideTxtBox .hd ul li.on{ color:#a36b08; } .slideTxtBox .bd ul{ padding:15px; zoom:1; } .slideTxtBox .bd li{ } /*全局*/ .iabout{ height:30px; font-size:12px; background:url(../images/iabout.gif) no-repeat left top; position:relative; border-bottom:1px solid #ccc;} .etitle1{ height:30px; line-height:30px; font-size:12px; position:relative; border-bottom:1px solid #ccc; } /* 推荐产品 - 公用类 */ .slideBox1{ width:639px; height:275px; background:bed630;} .slideBox1 .hd{ position:relative; z-index:1; } .slideBox1 .hd .prev{ position:absolute; right:30px; top:-40px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cprevPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;} .slideBox1 .hd .prev:hover{ background:url("../images/cprevPro.png") no-repeat left bottom; } .slideBox1 .hd .next{position:absolute; right:0px; top:-40px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cnextPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;} .slideBox1 .hd .next:hover{ background:url("../images/cnextPro.png") no-repeat left bottom; } .slideBox1 .bd{ position:relative; height:100%; z-index:0; list-style:none;} .slideBox1 .bd img{ width:639px; } .slideBox1 .bd .pic{ position:relative; z-index:999;} .slideBox1 .bd .pic p{ position:absolute; left:0; bottom:0; height:30px; line-height:30px; background:#000;opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80);z-index:999; display:block; width:100%; color:#fff; font-size:14px; text-align:center;} /* 生产工序 - 公用类 */ .slideBox2{ width:800px; height:400px; background:#0078d7; padding:10px; margin:40px auto; border-radius:10px;} .slideBox2 .hd{ position:relative; z-index:1; } .slideBox2 .hd .prev{ position:absolute; left:30px; top:160px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cprevPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;} .slideBox2 .hd .prev:hover{ background:url("../images/cprevPro.png") no-repeat left bottom; } .slideBox2 .hd .next{position:absolute; right:30px; top:160px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cnextPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;} .slideBox2 .hd .next:hover{ background:url("../images/cnextPro.png") no-repeat left bottom; } .slideBox2 .bd{ position:relative; height:100%; z-index:0; list-style:none;} .slideBox2 .bd img{width:800px; height:400px; ; } .slideBox2 .bd .pic{ position:relative; z-index:999;} .slideBox2 .bd .pic p{ position:absolute; left:0; bottom:0; height:30px; line-height:30px; background:#000;opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80);z-index:999; display:block; width:100%; color:#fff; font-size:14px; text-align:center;} /* 本例子css */ .picMarquee-left{ overflow:hidden; width: 1000px; margin:20px auto; height:230px; background:#fff; border-radius:10px; position:relative; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; } .picMarquee-left .bd{ padding:10px; width:100%; width:980px;} .picMarquee-left .bd ul{ overflow:hidden; zoom:1; width:980px; } .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picMarquee-left .bd ul li .pic img{ width:230px; display:block; } .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; } .picMarquee-left .bd ul li .title{ line-height:24px; } /* 多个左滚动 - 图片- 公用类 */ .leftLoop1{ width:100%; margin:0; } .leftLoop1 .hd{ position:relative; width:1000px; margin:0 auto; z-index:999;} .leftLoop1 .hd .prev{ position:absolute; right:30px; top:10px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cprevPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;} .leftLoop1 .hd .prev:hover{ background:url("../images/cprevPro.png") no-repeat left bottom; } .leftLoop1 .hd .next{position:absolute; right:10px; top:10px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cnextPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;} .leftLoop1 .hd .next:hover{ background:url("../images/cnextPro.png") no-repeat left bottom; } .leftLoop1 .bd{ width:639px; text-align:center;} .leftLoop1 .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none;width:639px;} .leftLoop1 .bd ul li{float:left; _display:inline; overflow:hidden; width:639px; text-align:center; } .leftLoop1 .bd ul li .pic img{ width:639px;} .leftLoop1 .bd ul li .pic{ width:639px; } .ul_partner{ margin:0; padding:0; list-style:none;} .ul_partner li{ width:230px; float:left; margin:5px;} .ul_partner li p{ font-size:14px; text-align:center;} /*首页公告*/ .ul_inews{ padding:10px; border:1px solid #eee; margin:0; height:191px;} .ul_inews li{ height:30px; line-height:30px; padding-left:10px; background:url(../images/i1.jpg) no-repeat left center; font-size:14px; overflow:hidden;} .laboutTitle{ height:30px; line-height:30px; color:#842626; font-size:15px;} .titleLeft{ width:200px; float:left;} .titleLeft h4{ font-weight:normal; font-size:14px; color:#999; line-height:36px; border-bottom:2px solid #b27a10; width:100px;} .titleLeft h2{ font-size:18px; line-height:40px; color:#b27a10;} .ul_aboutleft{ margin:0; padding:20px 0 0 0; list-style:none; text-align:left; float:right; } .ul_aboutleft li{ float:left; margin-left:10px; } .ul_aboutleft li a{ font-size:14px; color:#333; line-height:30px; text-align:center; display:block; border-radius:20px; border:1px solid #ccc; background:#fff; padding:0 15px; } .ul_aboutleft li a:hover{ color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease-out; background:#b27a10; } .ul_aboutleft li a.on{ background:#b27a10; color:#fff;border-radius:20px;} /*en*/ .ul_aboutleftEn{ margin:0; padding:20px 0 0 0; list-style:none; text-align:left; float:right; } .ul_aboutleftEn li{ float:left; margin-left:5px; } .ul_aboutleftEn li a{ font-size:12px; color:#333; line-height:30px; text-align:center; display:block; border-radius:20px; border:1px solid #ccc; background:#fff; padding:0 10px; } .ul_aboutleftEn li a:hover{ color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease-out; background:#b27a10; } .ul_aboutleftEn li a.on{ background:#b27a10; color:#fff;border-radius:20px;} /**/ .ul_proleft{ margin:0; padding:0; list-style:none; text-align:left; background:#f1af00; height:63px; } .ul_proleft dt{ float:left; width:266px;} .ul_proleft dd{ padding:0 5px; float:left; } .ul_proleft dd a{ padding:0 10px; font-size:14px; color:#eeeeee; line-height:50px; text-align:center; display:block; border-top:4px solid #372f2c; } .ul_proleft dd a:hover{ color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease-out; border-top:4px solid #fff; } .ul_proleft dd a.on{border-top:4px solid #fff;} /**/ .dl_pro{ margin:0; padding:0; list-style:none; text-align:left; width:180px; float:left; } .dl_pro dt{ margin-bottom:8px;} .dl_pro dt a{ height:30px; line-height:30px; background:#c09b26; border:1px solid #ccc; border-radius:20px; display:block; padding-left:15px; color:#fff; font-size:14px;} .dl_pro dd{ margin-bottom:5px; } .dl_pro dd a{ font-size:12px; color:#333; line-height:23px; text-align:left; display:block; background:#fff; border-radius:20px; padding-left:15px; border:1px solid #eee; } .dl_pro dd a:hover{ color:#c09b26; text-decoration:none; -webkit-transition: all 0.3s ease-out; } .dl_pro dd a.on{ color:#c09b26; border-radius:10px; font-weight:bold;} /*类别*/ .category{ margin:0; padding:0;} .category dt{ text-align:left; border-bottom:1px solid #fff;} .category dt a{ font-size:14px; color:#fff; line-height:34px; padding-left:10px; text-align:left; display:block; background:#4d518e; } .category dt a:hover{ text-decoration:none; background:#5f63a8; -webkit-transition: all 0.3s ease-out; } .category dd{} .category dd a{ color:#111; display:block;padding-left:10px; padding-top:8px; padding-bottom:8px; overflow:hidden; background:#d8d8d8; border-bottom:1px solid #fff;padding-right:10px;} .category dd a:hover{background:#f60; text-decoration:none; color:#fff; } .categoryImg{ padding:10px; } .categoryImg dt{} .pdetailAuto{HEIGHT: 200px; OVERFLOW-y: scroll; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #0b94fb; scrollbar-track-color: #eee; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff;} /*企业图片新闻*/ .dl_newsList{ padding:5px 5px 10px 350px; position:relative; overflow:hidden; transition:500ms; background:#fff; height:220px; border-bottom:1px solid #eee; } .dl_newsList dt{ width:330px; height:230px; position:absolute; top:5px; left:5px; background:url(../images/newsbg.jpg) no-repeat left top; } .dl_newsList dt .dltime{ background:rgba(0,0,0,0.7); text-align:center; height:100px; padding-top:10px; width:100px; position:absolute; left:0; top:0; color:#fff;} .dl_newsList dt .dltime h2{ font-size:24px;} .dl_newsList dt .dltime h4{ font-size:12px; font-weight:normal;} .dl_newsList dt img{ width:100%;} .dl_newsList dd{ line-height:150%; font-size:14px; } .dl_newsList dd.ntitle{ padding:5px 0; font-size:18px; font-weight:bold; color:#000; } .dl_newsList:hover{ background:#c09b26; color:#fff; text-decoration:none;} .dl_newsList:hover .dltime{} .dl_newsList:hover .ntitle{ color:#fff;} a.dl_newsaList{ transition:500ms; margin-bottom:20px;} .dl_newsaList:hover{ text-decoration:none;} /*分页*/ .page{ text-align:center; padding:15px 0;} /*首页滚动产品*/ .ipro_contant{ margin:0px; padding:0px; list-style-type:none; text-align:center; } .ipro_contant li{ width:190px; height:170px; float:left; } .ipro_contant li a{ width:150px; height:180px; display:block; } .ipro_contant li p{ height:30px; line-height:30px;} .ipro_contant li img{ width:170px; height:140px; } .ipro_contant li a:hover{ } /*客户互动*/ .ul_customer{ margin:0; padding:0; list-style:none;} .ul_customer li{ width:240px; float:left; margin:5px;} .ul_customer li a{ height:200px; padding:8px; background:#eee; border-radius:10px; text-align:center; display:block; -webkit-transition: all 0.3s ease-in-out;} .ul_customer li a:hover{ background:#00508f; text-decoration:none;} .ul_customer li p{ height:30px; line-height:30px; font-size:14px;} .ul_customer li a:hover p{ color:#fff; text-decoration:none;} .ul_customer li img{ width:220px; height:170px;} /*产品列表*/ .pro_contant{} .pro_contant li{float:left; _display:inline; overflow:hidden; width:250px; text-align:center; } .pro_contant li .pic img{ width:230px;} .pro_contant li .pic{ width:230px; text-align:center;} .pro_contant li .pic:hover{ color:#fff;text-decoration:none;} .pro_contant li p{ margin:10px 0;height:30px; line-height:30px; font-size:12px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .pro_contant li a{display:block; position:relative;-webkit-transition: all 0.3s ease-in-out; width:230px;} .pro_contant li:hover p{ background:#00508f; text-align:center; color:#fff; -webkit-transition: all 0.3s ease-in-out;} .pro_ul{ padding:0; list-style:none; width:500px; float:right; } .pro_ul li{ line-height:30px; width:250px; float:left;} .pro_ul li a{ font-size:15px;} .pro_Cname{ text-align:center; font-size:14px; font-weight:bold; color:#000; height:35px; line-height:20px; } /*产品上下*/ .proNP1{ margin:0; padding:10; list-style:none; position:absolute; right:10px; top:15px;} .proNP1 li{ width:120px; float:left; margin-left:10px;} .proNP1 li a{ height:30px; line-height:30px; text-align:center; font-size:14px; background:#b27a10; display:block; color:#fff;-webkit-transition: all 0.3s ease-in-out;border-radius:5px;} .proNP1 li a:hover{ background:#7c5306; text-decoration:none;} /*产品列表*/ .pro_zp{ float:left; text-align:left; padding:10px; list-style-type:none; background:url(../images/zpprobg.jpg) no-repeat left top; width:340px; height:160px; margin-bottom:10px; } .pro_zp dt{ width:180px; height:170px; float:left; margin-right:10px; } .pro_zp dd{ line-height:180%;} .pro_zp dt img{ width:170px; } .zppro_Cname{ font-size:14px; font-weight:bold; color:#f60; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; width: 130px; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dproimg{ position:relative; padding-bottom:100px; text-align:center; height:356px;} .n_dproimg{ margin:0; padding:0; list-style:none; height:90px; position:absolute; left:0; bottom:0;} .n_dproimg li{ width:100px; float:left;} .n_dproimg li img{ width:90px; height:60px;} .n_dproimg li a{ width:90px; height:60px;display:block; padding:2px; background:#ccc;} .n_dproimg li a:hover{ background:#c00;} .n_dproimg li a.titleover1{background:#bed630;} .pro_detail_Img{ text-align:center; } .pro_detail_caption{ } .pro_detail_caption h4{ margin:10px 0; font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; } .right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;} .right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;} .right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;} .right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;} .right-extra .tab a{float:none;color:#c30;} .right-extra .tab .curr{background-position:right -178px;color:#fff;} .right-extra .tab .curr span{background-position:0 -178px;} .right-extra .tab .curr a{color:#fff;} .right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;} .right-extra .total{float:right;} .right-extra .total strong{color:#FF7403;} .right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;} .right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;} .right-extra .norecode{padding:0 10px 10px;} .right-extra .iloading{margin-bottom:10px;} /*图片放大镜样式*/ .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;} .jqzoom img{ width:400px;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} /*图片小图预览列表*/ .spec-preview{width:400px;height:400px;border:1px solid #DFDFDF;} .spec-scroll{clear:both;margin-top:15px;width:352px;} .spec-scroll .prev{float:left;margin-right:4px;} .spec-scroll .next{float:right;} .spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;} .spec-scroll .items{float:left;position:relative;width:322px;height:100px;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:999999px;height:90px;} .spec-scroll .items ul li{float:left;width:100px;text-align:center;} .spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:90px;height:90px;} .spec-scroll .items ul li img:hover{border:2px solid #bed630;padding:1px;} /*形象展示*/ .proShwo_contant{ padding:10px; list-style-type:none; } .proShwo_contant li{ width:220px; height:110px; float:left; text-align:center; } .proShwo_contant li img{ width:200px; height:83px; } /*产品详细页*/ .spro_contant{ text-align:center; margin:0px; padding:10px 10px 10px 45px; list-style-type:none; } .spro_contant li{ width:130px; height:120px; float:left; } .spro_contant li img{ width:100px; height:95px; } /*新闻中心*/ .dl_news1a{width:50%; padding:0; float:left; height:110px;-webkit-transition: all 0.3s ease-in-out;} .dl_news1a h3{ font-size:14px;} .dl_news1a:hover{ background:#00508f; color:#fff; text-decoration:none;} .dl_news1a:hover h3{ font-size:14px; color:#fff;} .dl_news1a:hover dt{ background:#fff; color:#00508f;} .dl_news1{ } .dl_news1 dt{ width:100px; height:70px; float:left; text-align:center; border:4px solid #eee; padding-top:10px; margin:10px;} .dl_news1 dt h2{ font-size:24px;} .dl_news1 dd{ padding:10px 10px 0 0;} /*新闻中心列表*/ .dl_news2a{width:90%; margin:30px auto; padding:0; display:block; height:120px;-webkit-transition: all 0.3s ease-in-out;} .dl_news2a h3{ font-size:18px; line-height:30px;} .dl_news2a:hover{ background:#3086d5; color:#fff; text-decoration:none;} .dl_news2a:hover h3{ color:#fff;} .dl_news2a:hover dt{ background:#fff; color:#00508f;} .dl_news2{ } .dl_news2 dt{ width:64px; height:120px; float:left; text-align:center; background:#f0f0f0;} .dl_news2 dt h2{ font-size:24px; height:60px; line-height:60px;} .dl_news2 dt p{ height:30px; line-height:20px; background:#3086d5; color:#fff;} .dl_news2 dd{ padding:10px 10px 0 90px;} .ulhonorList{ margin:0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px dotted #ccc;} .ulhonorList li{ width:120px; float:left; height:180px; text-align:center;} .ulhonorList li img{ width:110px; height:170px; border:1px solid #ccc;} .ulhonorList li a{ margin-bottom:8px;} .ulnewsList{ margin:0; padding:0px; list-style-type:none;} .ulnewsList li{ height:30px; line-height:30px; border-bottom:1px solid #ccc; background:url(../images/dotline.gif) repeat-x left bottom; overflow:hidden; font-size:14px; } .ulnewsList li a{ background:url(../images/dot1.jpg) no-repeat left center; } .viewNews{ margin:0px; padding:10px; line-height:200%; font-size:14px; font-family:"微软雅黑"; } .viewNews .postTime{ text-align:right; color:#999; } .viewNewsContant{ line-height:200%; } .goback{ height:25px; line-height:25px; clear:both; text-align:center; } /*企业荣誉*/ .ul_honor{ margin:0; padding:0; list-style:none;} .ul_honor li{ width:180px; padding:10px 0; float:left; text-align:center; height:130px;} .ul_honor li img{} .ul_honor li a{ padding:2px; } .ul_gmp{ margin:0; padding:0; list-style:none;} .ul_gmp li{ width:180px; padding:10px 0; float:left; text-align:center; height:220px;} .ul_gmp li img{} .ul_gmp li a{ padding:2px; } .ul_img{ margin:0; padding:0; list-style:none;} .ul_img li{ width:180px; padding:10px 0; float:left; text-align:center; height:115px;} .ul_img li img{} .ul_img li a{ padding:2px; } /*图片新闻*/ .dl_imgnews{ margin:0; padding:; } .dl_imgnews dt{ float:left; width:90px; height:70px; } .dl_imgnews dd{ line-height:150%; } /*详细页*/ .h2title{ padding:0px 10px; color:#1F71AF; font-size:12px; line-height:24px; background:url(../images/h2bg.gif) no-repeat; } .incontant{ border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; padding:10px; background:url(../images/h2bot.gif) no-repeat -1px bottom; } .dh{ padding-left:14px; background:url(../images/home.gif) no-repeat left 4px; } /**/ #tbl{ background:#ccc; } /*oterh*/ .lcontact{ background:#ee8a34 url(../images/tel.jpg) no-repeat 10px 10px; padding:40px 10px 10px 20px; line-height:200%; color:#fff; font-size:12px; -moz-border-radius: 10px; /* Gecko browsers */ -webkit-border-radius: 10px; /* Webkit browsers */ border-radius:10px; /* W3C syntax */ } .elcontact{ margin-top:15px; background: url(../images/elcontact.jpg) no-repeat 10px 10px; padding:30px 10px 0 20px; line-height:160%; color:#666; height:144px; } .krlcontact{ margin-top:15px; background: url(../images/krlcontact.jpg) no-repeat center top; padding:50px 0px 0 10px; line-height:160%; color:#666; height:144px; } #resume{ } table#resume caption{ font-weight:bold; text-align:left; height:30px; line-height:30px; } #resume textarea{ width:500px; height:65px; } /*视频中心*/ /* 图片按钮(上)滚动 - 公用类 */ .picBtnTop{ width:380px; height:200px; position:relative; overflow:hidden; zoom:1; } .picBtnTop .hd{ width:93px; height:214px; position:absolute; right:5px;} .picBtnTop .hd ul li{ width:93px; padding:0 0 5px 5px; text-align:center; line-height:0px; } .picBtnTop .hd ul li img{ width:80px; height:55px; border:4px solid #ddd; cursor:pointer; } .picBtnTop .hd ul li.on{ background:url("../images/icoleft.gif") no-repeat 0 28px; } .picBtnTop .hd ul li.on img{ border-color:#f60; } .picBtnTop .bd{ width:280px; height:220px; position:relative; } .picBtnTop .bd img{ width:280px; height:220px; } .picBtnTop .bd li{ position:relative; zoom:1; } .picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px; } .picBtnTop .bd li .bg{ width:280px; height:30px; position:absolute; left:0; bottom:20px; z-index:1; background:#000; filter:alpha(opacity=60);opacity:0.6; } .picBtnTop .bd li .title{ width:280px; height:30px; line-height:30px; left:10px; bottom:20px; position:absolute; z-index:2; } .picBtnTop .bd li .title a{ color:#fff; } /*首页新闻切换*/ .n_title{ margin:0; padding:0; list-style:none; height:22px; background:url(../images/detail_x.gif) repeat-x left bottom;} .n_title li{ width:83px; float:left;} .n_title li a{ width:83px; height:22px; line-height:22px; background:url(../images/detail_on.gif) no-repeat left top; color:#666; display:block; font-weight:bold; font-size:12px; text-align:center;} .n_title li a:hover{background:url(../images/detail_over.gif) no-repeat left top; color:#fff;} .n_title li a.titleover{width:83px; height:22px; line-height:22px; background:url(../images/detail_over.gif) no-repeat left top; color:#333; display:block;font-weight:bold;} .wp a{ padding-left:15px;} .wp img{ margin-left:-2px;} .recruit_title{ height:25px; line-height:25px; background:#222 url(../images/dot1.gif) no-repeat 5px center; padding-left:15px; margin-bottom:8px;} /*企业风采切换*/ .n_circum{ margin:0; padding:0; list-style:none; height:25px; background:url(../images/n_circumbg.gif) repeat-x left top;} .n_circum li{ width:102px; float:left;} .n_circum li a{ width:100px; height:25px; line-height:25px; background:#eee; color:#333; display:block; font-weight:bold; font-size:12px; text-align:center;} .n_circum li a:hover{ background:#c00; color:#fff;} .n_circum li a.titleover{ width:100px; height:25px; line-height:25px; background:#c00; color:#fff; display:block; font-weight:bold; font-size:12px; text-align:center;} /*本科招生图片切换*/ .slideBox{ width:100%; height:425px; overflow:hidden; position:relative; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; width:195px; margin-left:-100px; bottom:10px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:5px; width:60px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent:-9999px;} .slideBox .hd ul li.on{ background:#ff7e00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd img{ } /*本科招生图片切换*/ .slideBoxAbout{ width:600px; height:400px; overflow:hidden; position:relative; } .slideBoxAbout .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } .slideBoxAbout .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBoxAbout .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBoxAbout .hd ul li.on{ background:#f00; color:#fff; } .slideBoxAbout .bd{ position:relative; height:100%; z-index:0; } .slideBoxAbout .bd img{ width:600px; height:400px; } /*右手边*/ .ul_r{ margin:0; padding:0; list-style:none;} .ul_r li{ float:left; width:145px; border-bottom:1px solid #62b3c0;} .ul_r li a{ padding-top:5px; height:73px; line-height:73px; text-align:center; display:block; background:#288a9a;-webkit-transition: all 0.3s ease-in-out;} .ul_r li a:hover{ background:#206773;} /* 多个上滚动 - 图片- 公用类 */ .topLoop{ overflow:hidden; position:relative; background:#186976 url(../images/inewpro.jpg) no-repeat left top; padding-left:46px;} .topLoop .hd{ position:absolute; left:0; bottom:10px;} .topLoop .hd .next{cursor:pointer; position:absolute; left:18px; bottom:0; width:28px; height:26px; background:url("../images/ibot.jpg") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;} .topLoop .hd .next:hover{background:url("../images/ibot.jpg") no-repeat left bottom;} .topLoop .hd .prev{ position:absolute; left:18px; bottom:26px; width:28px; height:26px; background:url("../images/itop.jpg") no-repeat left top; cursor:pointer; -webkit-transition: all 0.3s ease-in-out;} .topLoop .hd .prev:hover{background:url("../images/itop.jpg") no-repeat left bottom;} .topLoop .hd ul{ float:right; overflow:hidden; zoom:1; } .topLoop .hd ul li{ position:relative; _display:inline; float:left; width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} .topLoop .hd ul li.on{ background:#f00; } .topLoop .bd{ } .topLoop .bd ul{ overflow:hidden; zoom:1; } /* 通用图片列表_普通式 */ .picList1 li{ } .picList1 .pic{ text-align:center; line-height:0px; } .picList1 .pic img{ width:246px; height:219px; } .picList1 .pic a:hover img{ } .picList1 .title{ line-height:24px; } /*新闻*/ /*========== news */ #news_list { font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #news_list #list-wrap { margin: 0px auto; padding: 0px; } #news_list a { display: block; height: 94px; padding: 15px 0px 15px 0px; background: url(../images/news_list-dashed.gif) repeat-x left bottom; margin-bottom:10px; } #news_list .time { width: 94px; height: 64px; padding: 30px 0px 0px 0px; display: block; float: left; background: #e5e5e5; text-align: center; } #news_list P { cursor: pointer; } #news_list .time .day { color: #474747; font-size: 55px; font-family: Arial, Helvetica, sans-serif; } #news_list .time .year { font-size: 12px; color: #838383; margin-top: 5px; } #news_list a:hover .time { background: url(../images/news_time-bg.jpg) no-repeat; } #news_list a:hover .day { color: #ffffff; } #news_list a:hover .year { color: #dedede; } #news_list a:hover .title { color: #d70f0f; } #news_list .listtext { display: block; float: left; width: 600px; height: 94px; margin-left: 16px; } #news_list .listtext .title { font-size: 18px; color: #333333; } #news_list .listtext .click { color: #999999; font-family: Arial, Helvetica, sans-serif; } #news_list .listtext .text { color: #666666; line-height: 18px; padding:0; } /* end*/ .tbl1{ background:#ccc; border-top:5px solid #016f7e;} .tbl1 th{ background:#f7f7f7; font-size:14px; padding:5px 0; text-align:center;} .tbl1 td{ background:#fff; padding:5px; text-align:center;} .tbl1 .td1{ text-align:center; background:#F90; font-weight:bold; color:#fff;} .tbl2{} .tbl2 td{ background:#fff; padding:5px; } .recruitTbl{} .recruitTbl td{ padding:5px;} .recruitTbl .td1{ background:#f7f7f7; font-weight:bold;} /*企业荣誉*/ .grid{ width:200px; min-height:100px; padding: 10px; background:#fff; margin:8px; font-size:12px; float:left; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease; position:relative; } .grid img{ width:200px;} .grid strong { margin:10px 0; display:block; padding:0 0 5px; font-size:17px; } .grid strong.h1{ margin:10px 0; display:block; padding:0 0 5px; font-size:17px; position:absolute; left:10px; bottom:10px; } .grid .meta{ text-align:right; color:#777; font-style:italic; } .grid .imgholder img{ max-width:100%; background:#ccc; display:block; } @media screen and (max-width : 1240px) { body{ overflow:auto; } } @media screen and (max-width : 900px) { #backlinks{ float:none; clear:both; } #backlinks a{ display:inline-block; padding-right:20px; } #wrapper{ margin-top:90px; } } #loading{ z-index:100002; position:fixed; background-color:#3a3a3a; background-image:url(../images/loading/loading49.gif); background-position:center center; background-repeat:no-repeat; width:100%; height:100%; opacity:0.5; display:none; } /*视频*/ .videoList{ margin:0; padding:0; list-style:none;} .videoList li{ width:50%; float:left; margin-right:20px; margin-bottom:20px;} .videoList li a { padding:20px; display:block; background:#fff;} .videoList li a:hover{ background:#f7f7f7;} .videoListcon{ background:#fff; padding:10px;} .videoList_img{ margin:0; padding:0; position:relative;} .videoList_time{ padding:0; font-size:12px; color:#999;} .videoList_time i{ font-size:12px; color:#999;} .videoList_Title{ font-size:16px; font-weight:700; padding:5px 0; line-height:150%;} .videoList li a:hover .videoList_Title{ color:#ff7200;}