@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; }