@charset "utf-8"; img { max-width: 100%; } html,body { min-width: 1400px; } .wp{width: 1200px;margin: 0 auto;} .scale{-webkit-transform-origin: center center;-webkit-transform: scale(1.1, 1.1);-moz-transform-origin: center center;-moz-transform: scale(1.1, 1.1);} a.imgzoom img{transition: all 0.3s ease 0s;-webkit-transition-origin: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition-origin: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;} a.imgzoom:hover img{-webkit-transform-origin: center center;-webkit-transform: scale(1.1, 1.1);-moz-transform-origin: center center;-moz-transform: scale(1.1, 1.1);} /*首页头部配置*/ .header{ width: 100%; height: 100px;} .header .logo{ margin-left: 25px; margin-top: 19px;width: 196px;height: 61px;} .header .nav{ float:right; margin-top: 40px;margin-right: 40px;} .header .nav > ul > li { position:relative; float: left;padding: 0px 32px;} .header .nav > ul > li > a{padding-bottom: 30px;display: block;font-size: 18px;color: #707070;transition: all 0.3s ease 0s;-webkit-transition-origin: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition-origin: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;} .header .nav > ul > li.cur > a{transition: all 0.3s ease 0s;-webkit-transition-origin: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition-origin: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;padding-bottom: 32px;border-bottom: 4px solid #FF6F6F;} .header .nav > ul > li.curr > a {transition: all 0.3s ease 0s;-webkit-transition-origin: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition-origin: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;padding-bottom: 32px;border-bottom: 4px solid #FF6F6F;} .header .sear{ background: #F2F2F2; margin-right: 25px; float: right;margin-top: 35px;width: 190px;border: 1px solid #f2f2f2;padding: 0px 15px;border-radius: 20px;} .header .sear input{ background: #F2F2F2; width: 153px;height: 30px;line-height: 30px;border: none;font-size: 14px;color: #666;outline: none;} .header .sear a i{display: block;width: 18px;height: 18px;background: url(../images/1.png);float: right;margin-right: 5px;margin-top: 6px;cursor: pointer;} .header .nav .la { border: 1px solid rgba(0,0,0,.15); visibility:hidden; opacity:0; transition: all 0.3s ease 0s;-webkit-transition-origin: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition-origin: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; position:absolute; top:80px; max-width:100%; height:auto; border-radius:5px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.3); left:32px; z-index:1; } .header .nav .la > ul > li { position:relative; } .header .nav .la > ul > li > a { padding:13px 15px; font-size:14px; display:block; color:#666; } .header .nav .la > ul > li > a:hover { background:#f5f5f5; } .header .nav .la.cur {visibility: visible; opacity:1; top:60px; transition: all 0.3s ease 0s;-webkit-transition-origin: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition-origin: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;} .header .nav .la > ul > li.cur .fitem { display:block; } .header .nav .la > ul > li .fitem { display:none; background:#fff; width:150%; height:auto; position:absolute; left:100%; top:0px; } .header .nav .la > ul > li .fitem > li > a { padding:13px 10px; font-size:14px; display:block; color:#666; } .header .nav .la > ul > li .fitem > li > a:hover { background:#f5f5f5; } /*大图头部配置*/ .flexslider{position: relative;height: 800px;overflow: hidden;zoom: 1;} .flex-viewport{max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;} .flexslider .slides{zoom: 1;} .flex-direction-nav{z-index: 999;} .flex-direction-nav a{width: 60px;height: 90px;line-height: 99em;overflow: hidden;margin: -60px 0 0;display: block;background: url(/app/static/images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease;} .flex-direction-nav .flex-next{background-position: 0 -90px;right: 0;} .flex-direction-nav .flex-prev{left: 0;} .flexslider:hover .flex-next{opacity: 0.8;filter: alpha(opacity=25);} .flexslider:hover .flex-prev{opacity: 0.8;filter: alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity: 1;filter: alpha(opacity=50);} .flex-control-nav{width: 100%;position: absolute;bottom: 10px;text-align: center;} .flex-control-nav li{margin: 0 5px;display: inline-block;zoom: 1;*display: inline;} .flex-control-paging li a{background: url(/app/static/images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;} .flex-control-paging li a.flex-active{background-position: 0 0;} /*首页标题配置*/ .htitle { width:640px; margin:0px auto; } .htitle h1{font-weight: bold;font-size: 36px;color: #e24040;} .htitle h3{margin-top: 5px;font-size: 16px;color: #c9c9c9;} .htitle .bor { text-align: center; border-bottom: 1px solid #FCCDCD; width:640px; margin-top: 10px; } .htitle .bor span { position: relative; top:5px; display: inline-block;*display: inline; zoom: 1; width: 96px; height: 5px; background: #e24040;} /*首页产品*/ .backf8f8f8 { background: #f8f8f8; } .anli-prev{position:absolute;left:0; top:50%; margin-top: -32px; width:25px;height:65px;cursor:pointer;z-index:99999} .anli-prev a{ opacity: 0.7; display:block;width:25px;height:65px;background:url(../images/resource-prev.png) left bottom no-repeat} .anli-prev img { width:25px;height:65px; } .anli-prev:hover a {opacity: 1; } .anli-next{position:absolute;right:0; top:50%; margin-top: -32px; width:25px;height:65px;cursor:pointer;z-index:99999} .anli-next a{ opacity: 0.7; display:block;width:25px;height:65px;background:url(../images/resource-next.png) right bottom no-repeat} .anli-next img { width:25px; height:65px; } .anli-next:hover a {opacity: 1; } .prodcut { width:1400px; } .prodcut ul > li.item { float:left; width:240px; height:400px; } /*产品单块*/ .pritem { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0, 0.1); margin:20px 8px; padding:0px 21px; border-radius: 20px; background: #fff; height:360px; } .pritem .top { padding-top: 50px; height:80px; border-bottom: 1px solid #DFDFDF; } .pritem .top .img { width:43px; height:43px; float:left; background-size:auto 100% !important; } .pritem .top .title { margin-left: 5px; width:105px; float:right; } .pritem .top .name { color:#6D6D6D; font-size: 16px; } .pritem .top .enname { margin-top: 3px; color:#B1B1B1; font-size: 12px; } .pritem .fidlist { margin-top: 20px; } .pritem .fidlist > li { width:170px; height:35px; background: url(../images/2.png) no-repeat center; } .pritem .fidlist > li span { padding:0px 20px; line-height: 25px; } .pritem .fidlist > li span:hover { color:#FF7D4D } .pritem:hover { box-shadow: 0px 0px 15px rgba(0,0,0, 0.1); transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); } .pritem a.more { color:#5A5A5A; border:1px solid #CCCCCC; overflow: hidden; position: absolute; width:139px; height:38px; left:50%; margin-left: -70px; bottom:20px; border-radius: 20px; text-align: center; line-height: 38px; } .pritem a.more .circle { position: absolute; left:0px; width: 139px; height: 39px; border-radius: 50%;} .pritem a.more:hover .circle { -webkit-animation:oblik 0.6s ease-in; -webkit-transform-origin: 50% 80%; -moz-animation:oblik 0.6s ease-in; -moz-transform-origin: 50% 80%; -ms-animation:oblik 0.6s ease-in; -ms-transform-origin: 50% 80%; animation:oblik 0.6s ease-in; transform-origin: 50% 80%; } .pritem:hover a.more { color:#fff; border:1px solid #e24040; background: -webkit-linear-gradient(#f57b7b, #f38787,#ec7a7a) no-repeat fixed; /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#f57b7b, #f38787,#ec7a7a) no-repeat; /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#f57b7b, #f38787,#ec7a7a) no-repeat; /* Firefox 3.6 - 15 */ background: linear-gradient(#f57b7b, #f38787,#ec7a7a) no-repeat; /* 标准的语法 */ } .solution { overflow: hidden; position:relative; width:100%; height:647px; background: url(../images/3.png) no-repeat center; } .solution .htitle { position: absolute; left:50%; margin-left: -320px; top:50px; } .solution .htitle h1{ color:#fff; } .solution .htitle h3{ color:#C9C9C9; } .solution .htitle .bor { border-bottom: 1px solid #C4C4C4; } .solution .htitle .bor span { background: #fff; } .solution .list { width:1400px; margin:0px auto; height:647px; } .solution .list .wp { position: absolute; height:100%; bottom:0px; left:50%; margin-left: -600px; } .solution .item { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; position: relative; width:300px; float:left; height:647px; margin-top: 160px; } .solution .item .back { width:100%; height:100%; background: rgba(0,0,0, 0.3); } .solution .item .top { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; width:100%; text-align: center; height:647px; position: absolute; left:0px; top:100px; } .solution .item .top .name { font-weight: bold; font-size: 24px; color:#fff; } .solution .item .top .enname { margin-top: 20px; font-size: 14px; color:#fff; } .solution .item .top .border { width:100px; height:2px; background: #fff; margin:0px auto; margin-top: 30px; } .solution .item .top a.more { overflow: hidden; position: relative; border:1px solid #fff; display: block; margin:0px auto; margin-top: 40px; width:130px; height:35px; border-radius: 20px; text-align: center; line-height: 35px; font-size: 14px; color:#fff; background: rgba(255,255,255, 0.4); } .solution .item .top a.more span { position: relative; z-index: 1; } .solution .item .top a.more .circle { border-radius: 20%; position: absolute; left:0px; width: 130px; top:0px; background: #fff; height: 35px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); } .solution .item:hover { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; margin-top: 0px; } .solution .item:hover .top { transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; top:260px; } .solution .item:hover .back { background: rgba(109,16,16, 0.5) } .solution .item:hover .top a.more { color:#874040; box-shadow: 0px 0px 20px rgba(110,33,33, 0.9); transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; } .solution .item:hover .top a.more .circle{ transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); } @-webkit-keyframes oblik { 0% {opacity:1;-webkit-transform:scale(0);} 100% {opacity:0.4;-webkit-transform:scale(3);background-color: #fff;} } @-moz-keyframes oblik { 0% {opacity:1;-moz-transform:scale(0);} 100% {opacity:0.4;-moz-transform:scale(3);background-color: #fff;} } @-ms-keyframes oblik { 0% {opacity:1;-ms-transform:scale(0);} 100% {opacity:0.4;-ms-transform:scale(3);background-color: #fff;} } @keyframes oblik { 0% {opacity:1;transform:scale(0);} 100% {opacity:0.4;transform:scale(3);background-color: #fff;} } /*新闻配置*/ .news { margin-top: 60px; } .news li { float:left; } .news li.top { margin-bottom: 20px; width:48%; padding:0px 1%; padding-bottom: 40px; border-bottom: 1px solid #efefef; } .news li.top .img { border-radius: 5px; width:156px; height:123px; float:left; margin-right: 15px; background: #efefef; } .news li.top .img img { border-radius: 5px; width:156px; height:123px; } .news li.top .name { font-size: 16px; color:#515151; } .news li.top .desc { font-size: 14px; color:#8F8F8F; line-height: 25px; margin-top: 10px; } .news li.top .more { font-size: 12px; color:#D84848; margin-top: 20px; } .news li.top:hover .name { color:#D84848; text-decoration: underline; } .news li.li { position: relative; color:#676767; font-size: 14px; width:31%; margin:0px 1%; margin-top: 20px; } .news li.li span { padding-left: 15px; } .news li.li:after { content:""; position:absolute; width:10px; height:10px; border-radius: 50%; background: #D84848; left:-5px; top:5px; } .news li.li a:hover { color:#D84848; text-decoration: underline;} .news .about-more { background: #fff; border:1px solid #C4C4C4; } .news .about-more a { color:#5A5A5A; } /*底部配置*/ .footer { margin-top: 60px; padding:40px 0px; background:#2A2A30; } .footer .item { float:left; margin-right: 60px; } .footer .item .title { position: relative; font-size: 16px; color:#fff; margin-bottom: 20px; } .footer .item .title a { color:#fff; } .footer .item .title:after { content:""; position: absolute; width:3px; height:20px; background: #F37B7B; left:-10px; top:1px; } .footer .item li { font-size: 14px; color:#85858F; margin-bottom: 10px; } .footer .item li a:hover { text-decoration: underline; color:#a5a3a3; } .footer .ever { width:160px; text-align: center; float:right; } .footer .ever .img { background: #474750; width:150px; height:150px; border-radius: 10px; margin-left: 5px; } .footer .ever .img img { margin-top: 12px; width:125px; height:125px; } .footer .ever .dd1 { font-size: 14px; color:#85858F; margin-top: 10px; } .footer .ever .dd2 { font-size: 16px; color:#85858F; margin-top: 10px; } .footer .ever .dd2 span { font-weight: bold; } .footer .ever .dd2 i { font-size: 16px; margin-right: 2px; vertical-align: middle; } /*位置配置*/ .ac-banner > div { height:300px; } .postion { font-size: 14px; background: #E3E3E3; height:45px; line-height: 45px; } .postion i { color:#000000; font-size: 20px; margin-right: 5px; } .postion span a { color:#4B4B4B; font-size: 14px; } /*内页标题设置*/ .actitle { width:412px; margin:0px auto; } .actitle .dd1 { font-size: 28px; font-weight: bold; color:#585858; } .actitle .dd2 { font-size: 18px; margin-top: 5px; color:#ACACAC; } .actitle .dd3 { width:100%; height:1px; background: #BCBCBC; margin-top: 10px; } /*海洋之神590登录入口*/ .about .img { height:479px; } .about-title { font-size: 28px; color:#585858; margin-top: 40px; } .about-entitle { font-size: 18px; color:#ACACAC; margin-top: 5px; } .about-desc { font-size: 14px; line-height: 30px; color:#676767; margin-top: 5px; } .about-more { width:160px; border-radius: 20px; height:45px; line-height: 45px; background: #F56969; font-size: 14px; margin-top: 40px; text-align: center;} .about-more a { display: block; color:#fff; } .about-more:hover { background: #f57b7b; box-shadow: 0px 8px 5px rgba(0,0,0,0.1); border:1px solid #e24040; } .about-more:hover a { color:#fff; } /*组织架构*/ .zuizhi { margin-top: 100px; padding:50px 0px; background: #EBEBEB; } /*企业精神*/ .qiye { width:1400px; } .qiye li { float:left; width:300px; height:360px; } .qiye li .img { position: relative; margin:10px; width:280px; height:340px; } .qiye li .back { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; overflow: hidden; width:100%; background: rgba(0,0,0,0.4); position: absolute; left:0px; bottom:0px; height:50px; text-align: center; } .qiye li .back .name { margin-top: 15px; font-size: 18px; color:#fff; } .qiye li .back .desc { line-height: 25px; padding:10px 20px; text-align:left; font-size: 14px; color:#fff; display: none; } .qiye li:hover .back { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; height:100%; } .qiye li:hover .desc { display: block; } /*资质荣誉*/ .zizhi { height:770px; background: url(../images/4.png) no-repeat center; margin-top: 100px; } .zizhi .actitle .dd1 { color:#fff; } .zizhi .actitle .dd2 { color:#fff; } .zizhi .fanshu { text-align: center; width:900px; margin:0px auto; margin-top: 20px; } .zizhi .fanshu .dd1 { margin-top: 20px; font-size: 14px; text-align: center; } .zizhi .fanshu .item { display: table; height:100%; width:100%; } .zizhi .fanshu .item .img { display: table-cell; vertical-align: middle; } /*联系我们*/ .contact { margin-top: 50px; } .contact .map { float:left; background: #DFDFDF; width:540px; padding:10px; height:380px; } .contact .map iframe { border:none; width:100%; height:100%; } .contact .context { float:right; width:580px; height:400px; } .contact .context .title { font-size: 24px; font-weight: bold; color:#4B4B4B; margin-top: 10px; } .contact .context .border { width:100px; height:2px; background: #FF4444; margin-top: 15px; } .contact .contactlist { margin-top: 10px; } .contact .contactlist .colunm .text { margin-top: 10px; float:left; margin-right: 20px; width:90px; height:35px; line-height: 35px; text-align: center; border-radius: 10px; background: #E9E9E9; } .contact .contactlist .colunm .text a { font-size: 14px; display: block; color:#606060; } .contact .contactlist .colunm .text:hover { background: #ff7676; } .contact .contactlist .colunm .text:hover a { color: #fff; } .contact .contactlist .colunm .text.cur { background: #FF4444; } .contact .contactlist .colunm .text.cur a { color: #fff; } .contact .contactlist .colucon { margin-top: 30px; } .contact .contactlist .colucon li { color:#000; height:19px; margin-bottom: 20px; font-size: 14px; } .contact .contactlist .colucon li img { float:left; margin-right:10px; vertical-align: middle; } /*发展历程*/ .gscontent { background:#F6F6F6; padding:40px 0px; } .gsfazhan { height:768px; background: url(../images/fazhan.png) no-repeat center; position: relative; } .gsfazhan .back { position: absolute; width:100%; height:100%; background: rgba(0,0,0,0.3); top:0px; left:0px; } .gsfazhan .fazhan { padding-top: 60px; width:1400px; height:415px; margin:0px auto; } .gsfazhan .actitle .dd1 { color:#fff; } .gsfazhan .actitle .dd2 { color:#fff; } .gsfazhan .actitle .dd3 { background:#fff; } .gsfazhan .fazhan li { float:left; width:345px; } .gsfazhan .fazhan .item { position: relative; height:415px; background: url(../images/fazhan1.png) no-repeat left; width:80%; padding:0px 10%; } .gsfazhan .fazhan .item .con { margin-left: 0px; padding-top: 40px; color:#fff; font-size: 14px; line-height: 30px; } .gsfazhan .fazhan .item .time { position: absolute; bottom:50px; left:45px; font-size: 36px; font-weight: bold; color:#45B035; } /*公司优势*/ .youshi .item { text-align: center; width:218px; float:left; margin-left: 135px; } .youshi .item .top { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; width:218px; height:218px; border:1px solid #FF4444; border-radius: 50%; position: relative; overflow: hidden;} .youshi .item .img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; position:absolute; top:50%; margin-top: -40px; margin-left: -40px; left:50%; width:80px; height:80px; background-size: 100% auto !important; } .youshi .item .imgcur { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; position:absolute; top:-100%; margin-top: -40px; margin-left: -40px; left:50%; width:80px; height:80px; background-size: 100% auto !important; } .youshi .item .title { font-size:18px; margin-top: 20px; color:#000; } .youshi .item .desc { font-size:14px; margin-top: 10px; line-height: 25px; color:#ACACAC; } .youshi .item:hover .top { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; background: #FF4444; box-shadow: 0px 0px 30px rgba(249,147,141, 0.9); } .youshi .item:hover .img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; top:100%; } .youshi .item:hover .imgcur { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; top:50%; } /*办公环境*/ .bangong { margin-top:60px; background:url(../images/bangongback.jpg) no-repeat center; padding:40px 0px; } .bangonglist { width:1400px; } .bangonglist li { overflow: hidden; float:left; width:300px; height:440px; } .bangonglist li .img { position: relative; margin:10px; width:280px; } .hospital { margin:10px 0px; } .hospital .flip-items { } .hospital .img .tit { padding:0px 20px; text-align: center; margin-top: 10px; font-size: 14px; } /*企业文化*/ .wenhuan { margin-top: 60px; } .wenhuan .whinfo { } .wenhuan .whinfo .item { background: #F9F9F9; width:570px; float:left; margin-right:60px; } .wenhuan .whinfo .item .dd1 { font-size: 22px; font-weight: bold; margin-top: 20px; color:#6E6E6E; } .wenhuan .whinfo .item .dd2 { font-size: 14px; margin-top: 10px; line-height: 25px; color:#6E6E6E; } .wenhuan .whinfo .item:nth-child(2n) { margin-right: 0px; } /*经营理念*/ .jingying { margin-top: 60px; background: #F1F1F1; padding:50px 0px; } .jingying .list { margin-top:50px; } .jingying .list .item { overflow:hidden; text-align: center; position: relative; width:292px; height:440px; float:left; margin-right: 10px; } .jingying .list .item:nth-child(4) { margin-right: 0px; } .jingying .list .item .img { width:100%; height:100%; } .jingying .list .item .back { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; background: rgba(255,255,255,0.6); width:100%; height:24%; position: absolute; top:38%; } .jingying .list .item .dd1 { color:#3B3B3B; font-size: 24px; font-weight: bold; margin-top: 10px; } .jingying .list .item .border { width:100px; margin:0px auto; margin-top: 10px; height:2px; background: #474747; } .jingying .list .item .dd2 { color:#3B3B3B; font-size: 18px; margin-top: 10px; } .jingying .list .item .dd3 { display: none; font-size: 14px; line-height: 25px; padding:10px; margin-top: 0px; color:#fff; text-align: left; } .jingying .list .item:hover .back { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; background: rgba(149,36,36, 0.8); height:100%; top:0px; } .jingying .list .item:hover .dd1 { color:#fff; margin-top: 40px; } .jingying .list .item:hover .dd2 { font-weight:bold; color:#fff; } .jingying .list .item:hover .border { background: #fff; } .jingying .list .item:hover .dd3 { display: block; } /*企业宗旨*/ .zongzhi { margin-top: 50px; margin-bottom: 80px; } .zongzhi .item { text-align: center; width:380px; margin-right: 30px; float:left; height:185px; background: #F3F3F3; border-radius: 0px; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); } .zongzhi .item:nth-child(3) { margin-right: 0px; } .zongzhi .item .dd1 { color:#2E2E2E; font-size: 20px; font-weight: bold; margin-top: 20px; } .zongzhi .item .border { width:100px; margin:0px auto; margin-top: 15px; height:2px; background: #474747; } .zongzhi .item .dd2 { padding:15px 30px; color:#676767; font-size: 14px; text-align:left; } .zongzhi.zz .item .dd1 { margin-top:40px; } .zongzhi.zz .item:nth-child(2) .dd2{ text-align:center; } /*团队理念*/ .tuandui { height:468px; width:100%; background: url(../images/5.png) no-repeat center; background-size: cover; } .tuandui .actitle .dd1 { color:#fff; } .tuandui .actitle .dd2 { color:#fff; } /*团队风采*/ .fengcai { width:1400px; } .fengcai li { overflow: hidden; float:left; width:300px; height:440px; } .fengcai li .img { position: relative; margin:10px; width:280px; } /*招贤纳士*/ .zxns { height:855px; background: url(../images/6.png) no-repeat center; width:100%; margin-top: 80px;} .zxnslist .zp { margin-top: 30px; } .zxnslist { height:596px; background: #fff; margin-top: 40px; } .zxnslist .colunm { overflow-y: auto; height:536px; float:left; padding:0px 20px; width:145px; } .zxnslist .colunm .item { border-radius: 20px; text-align: center; display: block; width:145px; height:44px; margin-bottom: 20px; line-height: 44px; font-size: 14px; color:#6D6D6D; background: #E8E8E8; } .zxnslist .colunm .item a { cursor: pointer; display: block; } .zxnslist .colunm .item.cur { background: #B73C3C;} .zxnslist .colunm .item.cur a { color:#fff; } .zxnslist .colunm .item:hover { background: #B73C3C; } .zxnslist .colunm .item:hover a { color:#fff; } .zxnslist .colcon { float:right; width:615px; } .zxnslist .colcon .oyhide { overflow-y: auto; height:500px; } .zxnslist .colcon .title { color:#B73C3C; font-size: 18px; font-weight: bold; } .zxnslist .colcon .content { margin-top: 20px; } .zxnslist .colcon .emailtou { margin-top: 20px; } .zxnslist .colcon .emailtou i { margin-right: 5px; font-size: 20px; color:#B73C3C; } .zxnslist .colcon .emailtou span { color:#B73C3C; font-size: 16px; } .prin-back { padding:60px 0px; background: #F1F1F1; } .prin-back .item { float:left; margin-right: 10px; width:232px; } .prin-back .item:nth-child(5n) { margin-right: 0px; } .customers { width:1400px; margin:0px auto; margin-top: 40px; height:160px; } .customers li { display: table; float:left; width:200px; height:160px; text-align: center; } .customers li a { display: table-cell; vertical-align: middle; } .customers li img { padding:10px; width:150px; max-height:120px; border:1px solid #efefef; } .customers li img:hover { border:1px solid #e0dcdc; } .pritemxinxi .img { background: #fff; width:303px; height:324px; float:left; } .pritemxinxi .trright { width:600px; height:324px; float:right; } .pritemxinxi .trright .name { height:50px; font-size: 24px; color:#545454; } .pritemxinxi .trright .name img { float:left; margin-right: 10px; height:30px; } .pritemxinxi .trright .desc { font-size: 14px; line-height: 30px; color:#545454; } .pritemxinxi .trright .itemlist { margin-top: 20px; } .pritemxinxi .trright .itemlist .text { float:left; margin-right: 20px; border-radius: 5px; border:1px solid #FF6F6F; background: #F1F1F1; } .pritemxinxi .trright .itemlist .text a { padding:10px 20px; display: block; color:#FF6F6F; } .pritemxinxi .trright .itemlist .text:hover { background: #FF6F6F; } .pritemxinxi .trright .itemlist .text a:hover { color: #fff; } .pritemxinxi .trright .itemlist .text.cur { background: #FF6F6F; } .pritemxinxi .trright .itemlist .text.cur a { color: #fff; } .princontent { padding:30px; border:1px solid #F1F1F1; } .princontent .title { position: relative; padding-left: 20px; font-size: 18px; color:#545454; height:40px; border-bottom: 1px solid #CCCCCC; } .princontent .title:after { content:""; width:100px; height:1px; position: absolute; bottom:-1px; left:10px; background: #FF6F6F; } .fitemtitle { text-align: center; font-size: 25px; font-weight: bold; } .fitemlist { margin-top: 30px; } .fitemlist .item { width:300px; margin:0px 20px; float:left; } .hezuolist li { display: table; margin:20px 3%; padding:10px 0%; float:left; width:19%; height:120px; text-align: center; } .hezuolist li a { display: table-cell; vertical-align: middle; } .hezuolist li img { max-height:120px; } .hezuolist .htitle { margin-top:60px; } .hezuolist .htitle h1{ color:#484349; } .hezuolist .htitle h3{ color:#bdbdbb; } .hezuolist .htitle .bor { border-bottom: 1px solid #e3e3e3; } .hezuolist .htitle .bor span { background: #e3e3e3; } .jiejuelist.guimo { margin-top: 60px; text-align:center; } .jiejuelist.guimo li { float:none; margin-bottom:20px; display:inline-block; *display:inline-block; *zoom:1; vertical-align:top; width:333px; height:333px; } .jiejuelist { margin-top: 60px; } .jiejuelist li { margin-bottom:20px; float:left; width:333px; height:333px; margin-right:33px; margin-left:33px; } .jiejuelist li .img { position: relative; width:100%; height:100%; } .jiejuelist li .back { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; overflow: hidden; width:100%; background: rgba(0,0,0,0.4); position: absolute; left:0px; bottom:0px; height:50px; text-align: center; } .jiejuelist li .back .name { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; margin-top: 15px; font-size: 18px; color:#fff; } .jiejuelist li:hover .back { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; height:100% } .jiejuelist li:hover .back .name { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; margin-top: 130px; } .mleft { width:280px; float:left; border:1px solid #E2E2E2;} .mright { width:880px; float:right; } .catalist .text { padding:15px; background: #ECECEC; font-size: 16px; color:#5E5E5E; display: block; } .catalist .fidtext a { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; border-bottom: 1px solid #ECECEC; padding:15px 0px; padding-left:15px; background: #FFFFFF; font-size: 14px; color:#5E5E5E; display: block; } .catalist .fidtext a span { font-size: 30px; line-height: 0; position: relative; top:3px; } .catalist .fidtext a:hover { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; background: #f9f9f9; padding-left: 20px; } .catalist .fidtext.cur a { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; background: #ff6f6f; color:#fff; padding-left: 20px; } .itempostion { height:40px; border-bottom: 1px solid #D9D9D9; color:#FF6F6F; font-size: 20px;} .arnewslist { margin-top: 40px; } .arnewslist li { margin-top:30px; overflow: hidden; margin-bottom: 25px; height:172px;} .arnewslist li .dd-dd1 { border:1px solid #efefef; box-sizing: border-box; float: left; width:23%; height:100%; background-size: auto 100% !important; } .arnewslist li .dd-dd2 { position: relative; float: right; width:75%; height:100%; } .arnewslist li .dd-dd2 .d-dd1 { height:31px; overflow: hidden; font-size: 16px; font-weight: bold; color:#515151; } .arnewslist li .dd-dd2 .d-dd2 { line-height: 25px; margin-top: 10px; max-height:77px; overflow: hidden; font-size: 14px; color:#7f7f7f; } .arnewslist li .dd-dd2 .d-dd3 { margin-top: 5px; font-size: 14px; color:#8b8b8b; } .arnewslist li .dd-dd2 .d-dd3 em { margin-right: 15px; } .arnewslist li .dd-dd2 .d-dd3 i { font-size: 14px; margin-right: 5px } .arnewslist li .armore { border-radius: 10px; position: absolute; left:0px; bottom:0px; font-size: 14px; text-align: center; background: #E8E8E8; width:100px; padding:9px 10px; } .arnewslist li .armore a { color:#606060; } .arnewslist li:hover .d-dd1 { color: #FF6F6F; } .arnewslist li:hover .armore { background: #FF6F6F; } .arnewslist li:hover .armore a { color:#fff; } .yingjian .tit { margin-top: 40px; color:#000; font-size: 16px; } .yingjian .list { margin-top: 30px; font-size: 14px; } .yingjian .list a { margin-right: 20px; padding:15px 0px; color:#666; } .yingjian .list a:hover {text-decoration: underline; } .article-content .name { font-size: 18px; font-weight: bold; color:#000; text-align: center; }