@charset "gb2312";
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
background-color:#014b94;
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
background-color:#014b94;
height:50px;
-webkit-border-radius:4px;
}
/*---滚动条大小--*/
::-webkit-scrollbar{
width:8px;
height:8px;
}
.w1200{ width:1200px; margin:0 auto;}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}
.fl{ float:left;}
.fr{ float:right;}
.forie {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(../images/tishi.png) center no-repeat;
z-index: 1000;
}
@keyframes smovex {
from {
transform: translateX(0px);
opacity: 0;
}
to {
transform: translateX(10px);
opacity: 1;
}
}
@keyframes smovey {
from {
transform: translateY(10px);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}
@font-face {
/* font-test*/
font-family: opensans;
src:url('../fonts/opensans.woff'),
url('../fonts/opensans.ttf'),
url('../fonts/opensans.eot'); /* IE9 */
}
video {
background-color: #000;
display: block;
}
.sybg {
background-color: #f5f5f5;
}
.pgbtn {
display: inline-block;
*zoom: 1;
width: 23px;
height: 23px;
}
.pgbtn.pgprev {
background: url(../images/flex-prev.png) no-repeat center;
background-size: 10px 23px;
}
.pgbtn.pgnext {
background: url(../images/flex-next.png) no-repeat center;
background-size: 10px 23px;
}
.close:hover {
transform: rotateZ(90deg);
transition: transform 0.3s ease 0s;
}
.lastli {
padding-right: 0;
}
.loadingBg {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
top: 0;
left: 0;
z-index: 0;
}
.loadingBg::after {
content: "";
display: block;
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
left: 0;
background-color: #f5f5f5;
}
.loadingBg .loadinglg {
width: 107px;
height: 18px;
background-color: transparent;
overflow: hidden;
position: absolute;
top: 25%;
left: 50%;
margin-top: -9px;
margin-left: -53px;
}
.loadingBg .loadinglg .ldbg {
width: 107px;
height: 18px;
position: relative;
background: url(../images/lgldgray.png) left no-repeat;
background-size: 107px 18px;
z-index: 2;
}
.loadingBg .loadinglg .ldlogo {
width: 107px;
height: 18px;
position: absolute;
left: 0;
bottom: 0;
background: url(../images/lgldred.png) left no-repeat;
background-size: 107px 18px;
z-index: 3;
animation: wave 3s infinite linear;
}
@-webkit-keyframes wave {
0% {
width: 0;
}
100% {
width: 107px;
}
}
.waiter {
display: none;
text-align: center;
width: 100%;
height: 48px;
background: url(../images/waiter.gif) center no-repeat;
}
.hdpd {
position: relative;
height: 116px;
background-color: #f9f9f9;
transition: height 0.5s ease-out 0s;
z-index: -1;
}
.hdpd.on {
height: 70px;
transition: height 0.5s ease-out 0s;
}
.hide {
display: none;
}
.layermask {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
z-index: 97;
}
.noshow {
display: none;
}
.show {
display: block;
}
html, body {
font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
header {
background-color: #fff;
width: 100%;
position: fixed;
top: 0px;
left: 0;
z-index: 99;
box-shadow: 0 1px 20px rgba(0,0,0,0.15);
}
header.on {
top: 0;
transition: all 0.5s ease-out 0s;
}
header .wrap {
height: 116px;
padding-left: 5%;
background-color: #fff;
padding-right:5%;
}
footer{
position: relative;
z-index: 20;
}
.logo {width: 270px;display: block;position: relative;z-index: 100;top:8px;}
.logo img {padding-top:4px;display: block;width: 270px;}
.allcarbtn {
width: 16px;
height: 14px;
margin-top: 8px;
margin-right: 10px;
position: relative;
background: url(../images/langarr.png) no-repeat center;
background-size: 9px 6px;
transform:rotateZ(-180deg);
transition:all 0.5s ease 0s;
}
.navbtn {width: 16px;height: 14px;margin-top: 8px;position: relative;}
.navbtn .line {position: absolute;top: 0;left: 0;width: 16px;height: 2px;background-color: #014b94;}
.navbtn .line:nth-child(1) {top: 0;transition: all 0.5s;}
.navbtn .line:nth-child(2) {top: 5px; opacity: 1;transition: all 0.5s;}
.navbtn .line:nth-child(3) {top: 10px;transition: all 0.5s;}
.allpro.cur { background-color: #f5f5f5;}
.allpro.cur .allcarbtn{transform:rotateZ(0deg);transition:all 0.5s ease 0s;}
.mune {float: left;border-left: 1px #ededed solid; border-right: 1px #ededed solid;margin-left: 72px;margin-right: 16px;padding: 21px 22px;cursor: pointer;}
.mune span {
font-size: 14px;
color: #c3072c;
}
.mune.cur .navbtn .line {
width: 14px;
}
.mune.cur .navbtn .line:nth-child(1) {
transform-origin: left center;
transform: rotateZ(45deg);
transition: all 0.5s;
}
.mune.cur .navbtn .line:nth-child(2) {
opacity: 0;
transition: all 0.5s;
}
.mune.cur .navbtn .line:nth-child(3) {
transform-origin: left center;
transform: rotateZ(-45deg);
transition: all 0.5s;
}
.lgr li {
font-size: 14px;
}
.lgr li a {
display: block;
color: #333;
padding: 21px 21px;
}
.lgr li:hover a, .lgr li.cur a {
color: #c3072c;
}
.topnav .topnavbtn {
margin: 0;
border-right: none;
display: none;
}
nav {
float: left;
margin-top:30px;
margin-right:30px;
}
nav ul li {
float: left;
background: url(../images/topnavline.jpg) no-repeat right center;
background-size: 1px 11px;
position: relative;
}
nav ul li dl {
display: none;
position: absolute;
top: 80px;
margin-left: -76px;
left: 50%;
background-color: #fff;
border-top:2px solid #014b94;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
nav ul li dl dd {
width: 220px;
}
nav ul li dl dd a {
display: block;
padding-left: 30px;
border-bottom: 1px #e0e0e0 solid;
line-height: 47px;
color: #999;
font-size: 14px;
position: relative;
padding-right:30px;
}
nav ul li dl dd a:hover {
color: #fff;
background-color: #014b94;
border-color: transparent;
}
nav ul li dl dd a:hover::after {
content: "";
display: block;
width: 5px;
height: 8px;
position: absolute;
top: 50%;
right: 22px;
margin-top: -4px;
background: url(../images/pcnavarr.png) no-repeat center;
}
nav ul li a {
font-size: 14px;
color: #444;
transition: all 0.3s;
}
nav ul li .pcnavh {
display: block;
font-size:16px;
line-height: 70px;
padding: 0 32px;
position: relative;
font-family:"opensans";
}
nav ul li:last-child {
background-image: none;
}
nav ul li:hover .pcnavh {
color: #014b94;
}
nav ul li.cur .pcnavh {
color: #014b94;
}
.lang {
width: 65px;
margin-top:48px;
}
.lang a {
font-size: 16px;
color: #333;
}
.lang a:hover {
color:#014b94;
}
.topsearch {
position: relative;
top:30px;
}
.topsearch .topsearch-active {
cursor: pointer;
width: 70px;
height: 70px;
background: url(../images/searchbtn.png) no-repeat center;
background-size: 20px 20px;
}
.search-alert {
position: fixed;
z-index: 1006;
background-color: #222222;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.search-alert .close {
display: block;
width: 18px;
height: 18px;
background: url(../images/yy-ico_37.png) no-repeat center;
position: absolute;
top: 38px;
right: 2.6%;
cursor: pointer;
transition: transform 0.3s ease 0s;
}
.search-alert .topsearch-form {
position: absolute;
width: 94.8%;
left: 2.6%;
top: 50%;
height: 124px;
margin-top: -63px;
border-bottom: 1px solid #515151;
}
.search-alert .topsearch-form .topsearchbtn {
cursor: pointer;
width: 124px;
height: 124px;
border: none;
background: url(../images/searchbtn.png) no-repeat center;
background-color: #a6bcd2;
background-size: 20px 20px;
position: absolute;
right: 0;
bottom: 0;
z-index: 1001;
outline: none;
}
.search-alert .topsearch-form .topsearchtx {
border: none;
font-size: 52px;
height: 124px;
line-height: 124px;
text-align: center;
width: 100%;
box-sizing: border-box;
color: #555;
background: none;
padding-left: 88px;
padding-right: 80px;
background: url(../images/ico_36.png) no-repeat 35px 53px;
outline: none;
}
.sybd{
position: relative;
overflow:hidden;
}
.sybd .loader{
top:30%;
}
.sybd>img{
width: 100%;
}
.banner.flexslider{
overflow:hidden;
z-index: 2;
}
.banner ul {
height: 100%;
}
.banner ul li {
width:100%;
/*height: 100%;*/
min-height: 446px;
position: relative;
overflow: hidden;
}
.banner ul li img{
opacity: 0;
}
.banner ul li .banloader{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.banner ul li .loader{
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
font-size: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-right: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 50%;
-webkit-animation: spinner 700ms infinite linear;
-webkit-animation: spinner 700ms infinite linear;
}
.banner ul li video {
position: absolute;
top: 0;
left: 0;
}
.mbanner{
display: none;
overflow: hidden;
}
.mbanner ul {
height: 100%;
}
.mbanner ul li {
height: 100%;
position: relative;
overflow: hidden;
}
.mbanner ul li a{
display: block;
width: 100%;
height: 100%;
position: relative;
}
.mbanner ul li a span{
display: block;
z-index: -1;
}
.mbanner ul li img{
opacity: 0;
filter: alpha(opacity=0);
}
.mbanner ul li video {
position: absolute;
top: 0;
left: 0;
background-color: #000;
}
.mbanner .flex-control-nav{
bottom:10px;
}
.flex-control-nav li {
width: 14px;
height: 14px;
border: 1px #014b94 solid;
border-radius: 50%;
overflow: hidden;
}
.flex-control-nav li .flex-active::before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #014b94;
border-radius: 50%;
margin-left: 3px;
margin-top: 3px;
}
.flex-control-paging li a {
width: 14px !important;
height: 14px !important;
}
.synewpro .tit {
padding: 25px 0;
background-color: #f9f9f9;
}
.synewpro .tit h2 {
display: inline-block;
*display: inline;
font-size: 32px;
line-height: 1;
color: #333;
margin-left: 5%;
padding-right: 18px;
vertical-align: top;
}
.synewpro .tit .on h6 { color:#c3072c; font-weight:bold;}
.synewpro .tit h6 {
display: inline-block;
*display: inline;
font-size: 15px;
line-height: 20px;
color: #333;
font-weight:normal;
margin-left: 1%;
padding-right: 5px;
vertical-align: top;
}
.synewpro .tit .tx {
display: inline-block;
*display: inline;
vertical-align: text-top;
font-size: 18px;
line-height: 24px;
color: #333;
}
.pdlt .tit {
padding: 28px 0 22px;
}
.pdlt .tit h2 {
font-size: 20px;
}
.synewproli {
position: relative;
top: 120px;
opacity: 0;
}
.mobsynewproli{
display: none;
}
.synewprotit {
display: none;
width: 50%;
height: 285px;
padding: 0 5%;
box-sizing: border-box;
text-align: center;
box-shadow: inset 1px 0 0 #f9f9f9;
background-color: #f9f9f9;
}
.synewprotit h2 {
font-size: 28px;
color: #333;
padding: 40px 0;
line-height: 1;
font-weight: bolder;
position: relative;
top: 50%;
margin-top: -54px;
}
.morebtn {
display: block;
width: 44px;
height: 44px;
margin-top: 10%;
border-radius: 50%;
background: url(../images/more.png) no-repeat center;
background-size: cover;
transition: all 0.5s ease 0s;
}
.morebtn:hover {
background: url(../images/morecur.png) no-repeat center;
background-size: cover;
transition: all 0.5s ease 0s;
}
.nybtn {
border-radius: 50%;
border: solid 1px rgba(255, 255, 255, 0.4);
background: none;
position: relative;
}
.nybtn::before {
content: "";
display: block;
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 0;
background: url(../images/darr.png) no-repeat center;
background-size: cover;
animation: ud 1.2s infinite linear;
-webkit-animation: ud 1.2s infinite linear;
}
.nybtn:hover {
background: none;
}
@-webkit-keyframes ud {
0% {
transform: translateY(-25px);
opacity: 0;
}
40% {
opacity: 1;
transform: translateY(0px);
}
60% {
opacity: 1;
transform: translateY(0px);
}
100% {
transform: translateY(25px);
opacity: 0;
}
}
@keyframes ud {
0% {
transform: translateY(-25px);
opacity: 0;
}
40% {
opacity: 1;
transform: translateY(0px);
}
60% {
opacity: 1;
transform: translateY(0px);
}
100% {
transform: translateY(25px);
opacity: 0;
}
}
.pro {
float: left;
width: 33.333%;
height: 416px;
padding-top: 56px;
padding-left: 5%;
box-sizing: border-box;
box-shadow: inset 1px 0 0 #f9f9f9;
border-bottom: 1px solid #f9f9f9;
position: relative;
background-color: #fff;
overflow: hidden;
}
.pro:hover .proimg {
right: 0;
transition: all 0.5s;
}
.pro:hover .protit {
left: 15px;
transition: all 0.5s;
}
.pro .protit {
position: relative;
z-index: 3;
left: 0;
transition: all 0.5s ease 0s;
}
.pro .protit h2 {
font-size: 22px;
color: #333;
line-height: 1;
margin-bottom: 10px;
}
.pro .protit p {
font-size: 18px;
color: #666;
line-height: 24px;
}
.pro .proimg {
display: block;
position: absolute;
right: 30px;
bottom: 40px;
transition: all 0.5s;
width: 66%;
z-index: 2;
}
.pro .proimg img {
width: 100%;
height: auto;
}
.syv {
background-color: #f6f6f6;
border-bottom: 10px #fff solid;
}
.syv .syvideo {
width: 60%;
position: relative;
overflow: hidden;
}
.syv .syvideo-mob{
display: none;
}
.syv .syvideo img {
width: 100%;
}
.syv .syvideo b {
display: block;
width: 81px;
height: 81px;
background: url(../images/syvi.png) no-repeat center;
background-size: 81px 81px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
}
.syv .syvtx {
width: 40%;
box-sizing: border-box;
padding-left: 4%;
padding-right: 4%;
padding-top: 5%;
}
.syv .syvtx i {
display: block;
width: 48px;
height: 3px;
background-color: #2a292f;
margin: 24px 0 40px;
}
.syv .syvtx .ht {
font-size: 36px;
color: #2b2b2f;
line-height: 48px;
}
.syv .syvtx .ht span {
display: block;
}
.syv .syvtx .ct {
font-size: 22px;
color: #666;
}
.syv .syvtx .bt {
font-size: 12px;
line-height: 18px;
color: #666;
max-width: 400px;
}
.learnmore {
display: block;
width: 198px;
height: 50px;
line-height: 50px;
margin-top: 30px;
border: 2px #b4b4b4 solid;
position: relative;
transition: all 0.5s ease 0s;
}
.learnmore .btntx {
position: absolute;
top: 0;
left: 0;
padding-left: 18px;
box-sizing: border-box;
display: block;
font-size: 14px;
color: #979797;
width: 100%;
height: 100%;
background: transparent url(../images/learnarr.png) no-repeat 160px center;
background-size: 8px 14px;
z-index: 2;
transition: all 0.5s ease 0s;
}
.learnmore .btnbg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #cc092f;
transition: width 0.5s ease 0s;
z-index: 1;
}
.learnmore:hover {
border-color: #cc092f;
transition: all 0.5s ease 0s;
}
.learnmore:hover .btntx {
color: #fff;
background: rgba(204, 9, 47, 0.25) url(../images/learnarrcur02.png) no-repeat 160px center;
background-size: 8px 14px;
transition: all 0.5s ease 0s;
}
.learnmore:hover .btnbg {
width: 100%;
transition: width 0.5s ease 0s;
}
.synews {
background-color: #f5f5f5;
position: relative;
}
.synewstit {
width: 33.333%;
height: 100%;
box-sizing: border-box;
padding-top: 6%;
padding-left: 5%;
padding-right: 5%;
position: absolute;
top: 0;
left: 0;
}
.synewstit h2 {
text-transform: uppercase;
font-size: 94px;
color: #333;
line-height: 1;
margin-left: -5px;
font-family: "CENTURYGOTHIC-BOLD";
}
.synewstit h3 {
font-size: 42px;
color: #4d4d4f;
line-height: 1;
margin-top: 20px;
margin-bottom: 10px;
}
.synewstit .newsp {
font-size: 18px;
color: #888;
line-height: 26px;
min-height: 25%;
}
.newsli {
width: 66.666%;
}
.news {
width: 50%;
box-shadow: inset 1px 0 0 #ecedf1;
background-color: #fff;
}
.news .synewsimg {
display: block;
width: 100%;
overflow: hidden;
/*background-color: #000;*/
position: relative;
}
.news .synewsimg::after{
content:"";
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
left:0;
z-index: 2;
background-color: rgba(0,0,0,0);
opacity: 1;
filter: alpha(opacity=0);
transition:all 0.5s ease 0s;
}
.news .synewsimg img {
width: 100%;
display: block;
vertical-align: top;
/* transform: scale(1.01);
transition: all 0.5s ease 0s;*/
}
.news .synewsimg:hover img {
/*opacity: 0.7;*/
/*transform: scale(1.07);
transition: all 0.5s ease 0s;*/
}
.news .synewsimg:hover::after{
opacity: 1;
filter: alpha(opacity=100);
transition:all 0.5s ease 0s;
}
.news .newsbrief {
padding: 46px 40px;
position: relative;
z-index: 3;
}
.news .newsbrief h2 {
line-height: 1.2;
font-size: 18px;
color: #2b2b2f;
margin-bottom: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.news .newsbrief p {
font-size: 14px;
color: #888;
width: 100%;
}
.news .newsbrief .morebtn {
margin-top: 10%;
}
.synews .newsli .news {
background-color: #fff;
padding: 0px 1%;
box-sizing: border-box;
}
.syjoin {
overflow: hidden;
width:100%;
margin:1% auto;
}
.syjoin .news .newsbrief{padding: 10px 0px;text-align: center;}
.syjoin .news .newsbrief h2{ font-size:16px;}
.querystore {
vertical-align: top;
width: 33.333%;
box-shadow: none;
padding: 1%;
box-sizing: border-box;
}
.joinlima {
vertical-align: top;
width: 66.666%;
height: 100%;
position: relative;
}
.joinlima .joinlimatx {
position: absolute;
top: 25%;
left: 10%;
width: 30%;
background-color: rgba(255,255,255,.7);
padding: 46px 38px;
box-sizing: border-box;
}
.joinlima .synewsimg {
height: 100%;
width: 100%;
/*background-color: #000;*/
}
.joinlima .synewsimg img {
width: 100%;
height: 100%;
transform: scale(1.01);
transition: all 0.5s ease 0s;
}
.joinlima .synewsimg:hover img {
opacity: 0.7;
transform: scale(1.01);
transition: all 0.5s ease 0s;
}
.fttop {
padding-left: 3%;
padding-right: 3%;
padding-top: 3%;
padding-bottom: 3%;
background-color: #323238;
}
.botlink {
width: 65%;
}
.botlink .col {
width: 25%;
text-align:center;
}
.botlink .col dt {
color: #fff;
font-size: 16px;
margin-bottom: 15px;
}
.botlink .col dd {
line-height: 1.7;
}
.botlink .col dd a {
color: #adadaf;
font-size: 14px;
}
.botlink .col dd a:hover {
color: #fff;
transition: all 0.5s;
}
.ftbot {
background-color: #28282a;
}
.ftbot .wrap {
padding: 16px 0;
}
.ftbot p {
font-size: 14px;
color: #666;
}
.ftbot p a {
color: #666;
}
.ftbot p a:hover {
color: #fff;
transition: all 0.5s;
}
.copyright {
margin-left: 35px;
}
.copyright a {
padding: 0 5px;
}
.ftlink {
margin-right: 6px;
}
.ftlink a {
padding: 0 20px;
background: url(../images/ftlinkline.jpg) no-repeat right center;
background-size: 1px 10px;
}
.ftlink a:last-child {
background: none;
}
.focus {
width: 25%;
}
.focus h2 {
font-size: 16px;
color: #fff;
margin-bottom: 15px;
}
.share {
padding-bottom: 20px;
border-bottom: 1px #3c3c42 solid;
}
.share .bdsharebuttonbox a {
display: inline-block;
*zoom: 1;
width: 40px;
height: 40px;
padding: 0;
margin-right: 20px;
}
.share .bdsharebuttonbox a.bds_weixin {
background: url(../images/wx.png) center no-repeat;
background-size: cover;
}
.share .bdsharebuttonbox a.bds_tsina {
background: url(../images/xl.png) center no-repeat;
background-size: cover;
}
.hotline {
padding-top: 24px;
}
.hotline p {
font-size: 16px;
color: #adadaf;
line-height: 24px;
}
.hotline p.telnum {
color: #fff;
font-size: 24px;
padding-top: 14px;
}
.leadin {
padding-left: 3%;
padding-right: 3%;
background-color: #f1f1f1;
padding-top:40px;
margin-top:50px;
}
.leadin ul li {
width: 25%;
padding: 4.6% 0 3.5%;
float: left;
text-align: center;
}
.leadin ul li em {
display: block;
width: 65px;
height: 65px;
position: relative;
margin-bottom: 10px;
margin-left: -32px;
left: 50%;
}
.leadin ul li em .ig {
width: 100%;
height: 100%;
vertical-align: top;
}
.leadin ul li em .over {
width: 100%;
height: 0;
position: absolute;
bottom: 0;
left: 0;
}
.leadin ul li h2 a {
font-size: 18px;
color: #333;
line-height: 1;
margin-bottom: 5px;
}
.leadin ul li h3 a {
font-size: 14px;
color: #666;
}
.leadin ul li:hover em .over {width: 100%;height: 100%;}
.leadin ul li:hover em .ig {width: 100%;height: 0;}
.nybd {
width: 100%;
overflow: hidden;
position: relative;
}
.nybd a{
display: block;
}
.nybd>a{
height:100%;
}
.nybd img {
width: 100%;
}
.bdtx {
position: absolute;
left: 5%;
top: 30%;
height: 80px;
}
.newsbdtx{
left:12%;
}
.bdtx h2 {
font-size: 44px;
color: #fff;
text-shadow: 0 0 8px #333;
line-height: 1;
font-family: "CENTURYGOTHIC-BOLD",黑体;
}
.bdtx i {
display: block;
width: 40px;
height: 2px;
background-color: #fff;
margin-top: 30px;
}
.bdtx h3 {
font-size: 24px;
color: #fff;
line-height: 1.35em;
margin-top: 4%;
text-shadow: 0 0 8px #333;
max-width: 520px;
}
.flashbdtx .entx{
font-size:16px;
color: #fff;
line-height:22px;
}
.flashbdtx h2{
font-size: 16px;
color: #fff;
line-height: 1.3;
}
.flashbdtx h3{
font-size: 48px;
color: #fff;
margin-top:8%;
}
.nybuybtn {
width:180px;
padding:20px;
background-color: #bb0327;
position: relative;
margin-top:8%;
line-height:1;
}
.nybuybtn span{
color: #fff;
}
.nybuybtn i{
display: block;
width: 8px;
height: 14px;
background:url(../images/nybuybtn.png) no-repeat center;
background-size:cover;
position: absolute;
right:24px;
top:50%;
margin-top:-7px;
}
.nybuybtn:hover i{
animation: anileft infinite linear 1.5s normal;
-webkit-animation: anileft infinite linear 1.5s normal;
}
@-webkit-keyframes anileft {
0% {
transform: translateX(-10px);
}
50%{
transform: translateX(0);
}
100% {
transform: translateX(10px);
}
}
@keyframes anileft {
0% {
transform: translateX(-10px);
}
50%{
transform: translateX(0);
}
100% {
transform: translateX(10px);
}
}
.loadbtn {
padding: 60px 0 60px;
}
.loadbtn a {
display: block;
margin: 0 auto;
width: 250px;
height: 65px;
text-align: center;
line-height: 65px;
font-size: 16px;
/*box-shadow: 0 0 30px rgba(0,0,0,0.15);*/
background-color: #fff;
color: #333;
transition:all 0.5s ease 0s;
}
.loadbtn a:hover {
background-color: #bb0327;
color: #fff;
transition:all 0.5s ease 0s;
}
.pdlt{
padding-bottom:60px;
}
.pdlt .loadbtn{
padding-bottom:0;
}
.pdlt .loadbtn a{
box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.allcars {
position: fixed;
width: 100%;
top: 70px;
z-index: 999;
overflow-x: hidden;
background-color: #fff;
}
.allcars ul li {
position: relative;
left: 20px;
top: 0;
opacity: 0;
width: 25%;
float: left;
box-shadow: inset 1px 0 1px #f9f9f9;
box-shadow: inset 0 1px 1px #f9f9f9;
}
.allcars ul li:hover .carimg {
background-color: #000;
}
.allcars ul li:hover .carimg img {
width: 100%;
opacity: 0.8;
transition: all 0.5s ease 0s;
}
.allcars ul li:hover .carbrief .carmore {
padding-left: 30px;
background: url(../images/cararr.png) no-repeat left center;
background-size: 8px 13px;
transition: all 0.5s ease 0s;
}
.allcars ul li .carimg {
display: block;
width: 100%;
}
.allcars ul li .carimg img {
width: 100%;
transition: all 0.5s ease 0s;
}
.allcars ul li .carbrief {
text-align: center;
}
.allcars ul li .carbrief .brief {
padding: 6%;
border-bottom: 1px #f9f9f9 solid;
}
.allcars ul li .carbrief .brief h2 {
font-size: 22px;
color: #333;
}
.allcars ul li .carbrief .brief .des {
font-size: 14px;
color: #666;
line-height: 16px;
height:32px;
overflow: hidden;
}
.allcars ul li .carbrief .carmore {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 14px;
color: #b90022;
padding: 9px 0;
padding-left: 40px;
background: url(../images/cararr.png) no-repeat left center;
background-size: 8px 13px;
transition: all 0.5s ease 0s;
}
.intro {
padding-left: 5%;
padding-right: 15%;
padding-top: 2.0%;
padding-bottom: 2.5%;
}
.intro h2 {
font-size: 30px;
color: #333;
margin-bottom: 1%;
}
.intro .tx {
font-size: 16px;
color: #666;
line-height: 28px;
text-align: left;
}
.data {
margin-top: 4%;
}
.data .member, .data .work {
width: 216px;
margin-right: 80px;
background: url(../images/dataline.jpg) no-repeat right center;
}
.data .num {
font-size: 48px;
color: #bb0327;
line-height: 1;
}
.data .num i {
font-style: normal;
font-family: 'CENTURYGOTHIC-BOLD',黑体;
}
.data .num span {
font-size: 18px;
margin-left: 5px;
}
.data .sm {
padding-left: 25px;
}
.theone {
padding-left: 5%;
background-color: #f9f9f9;
}
.theone .oneimg {
width: 66.666%;
overflow: hidden;
background-color: #000;
}
.theone .oneimg img {
width: 100%;
opacity: 1;
transition: all 0.5s ease 0s;
}
.theone .oneimg:hover img {
transform: scale(1);
opacity: 0.7;
transition: all 0.5s ease 0s;
}
.theone .onetx {
width: 33.333%;
padding-top: 8%;
padding-right: 5%;
box-sizing: border-box;
}
.theone .onetx .dev {
font-size: 16px;
color: #999;
line-height: 22px;
margin-bottom: 5%;
}
.theone .onetx h2 {
font-size: 24px;
color: #333;
line-height: 28px;
}
.theone .onetx i {
display: block;
width: 46px;
height: 3px;
background-color: #858585;
margin: 6% 0 12%;
}
.theone .onetx h3 {
font-size: 16px;
color: #333;
line-height: 28px;
}
.theone .onetx .des {
font-size: 14px;
color: #666;
line-height: 28px;
margin-top: 10%;
}
.history1 .honor ul {
margin-left:-2%;
}
.history1 {
padding:1.0% 5%;
}
.history1 .honor li {
float: left;
width:31.33%;
margin-left:2%;
box-sizing: border-box;
position: relative;
margin-bottom:1%;
}
.history {
padding:1.0% 5%;
}
.history .tit h2 {
font-size: 36px;
color: #333;
}
.history .tit i {
display: block;
width: 50px;
height: 2px;
background-color: #8a8b8b;
}
.history .years {
padding: 1.5% 0 0;
}
.history .years li {
float: left;
box-sizing: border-box;
position: relative;
width: 33.33%;
padding: 10px;
margin-bottom: 25px;
}
.history .years li::after {
content: "";
display: block;
width: 1px;
height: 90%;
position: absolute;
right: -30px;
top: 5%;
background-color: #e5e5e5;
}
.history .years li .year {
font-size: 38px;
color: #666;
line-height: 1;
margin-bottom: 5%;
font-family: "CENTURYGOTHIC-BOLD";
}
.history .years li .year em {
font-size: 24px;
color: #bb0327;
font-style:normal;
margin-left:10px;
}
.history .years li .year span {
font-size: 14px;
color: #666;
}
.history .years li .yeartx {
font-size: 14px;
line-height: 24px;
color: #666;
}
.history .years .flex-control-nav {
position: static;
height: 40px;
margin-top: 20px;
}
.history .years .flex-control-nav li {
display: none;
}
.history .years .flex-direction-nav {
z-index: 2;
height: 40px;
margin-top: -40px;
position: relative;
}
.history .years .flex-direction-nav a {
width: 40px;
height: 40px;
opacity: 1;
margin: 0;
}
.history .years .flex-direction-nav .flex-prev {
left: 0;
background: url(../images/flex-prev.png) no-repeat center;
background-size: 13px 23px;
}
.history .years .flex-direction-nav .flex-next {
right: auto;
left: 120px;
background: url(../images/flex-next.png) no-repeat center;
background-size: 13px 23px;
}
.history .years .page {
margin-top: -44px;
margin-left: 50px;
font-size: 24px;
color: #333;
}
.history .years .page .curpage {
margin-right: 5px;
}
.history .years .page .total {
margin-left: 5px;
}
.history .pager {
font-size: 18px;
}
.history .pager a {
vertical-align: text-bottom;
color: #666;
}
.history .pager a:hover {
color: #333;
}
.history .pager .curr {
margin-left: 20px;
margin-right: 10px;
}
.history .pager .total {
margin-right: 20px;
margin-left: 10px;
}
.stores {
padding-bottom: 0;
}
.stores .storeli{
padding-top:2.0%;
}
.stores .storeli ul li::after {
width: 0;
height: 0;
}
.stores .storeli ul li .store {
display: block;
width: 100%;
overflow: hidden;
position: relative;
}
.stores .storeli ul li .store::after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
left:0;
background-color: rgba(0,0,0,0.25);
z-index: 2;
opacity: 0;
}
.stores .storeli ul li .store img {
width: 100%;
transition: all 0.5s ease 0s;
}
.stores .storeli ul li .store span {
position: absolute;
background: url(../images/syvi.png) no-repeat center;
width: 100%;
height: 100%;
z-index:1;left: 0;
}
/*.stores .storeli ul li:hover .store{
background-color: #000;
}*/
.stores .storeli ul li:hover .store::after {
opacity: 1;
}
.stores .storeli ul li:hover .store img {
transform: scale(1.07);
/*opacity: 0.7;*/
transition: all 0.5s ease 0s;
}
.storetx {
padding-top: 6%;
}
.storetx h2 {
font-size: 18px;
color: #333;
line-height: 28px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
margin-bottom: 10px;
}
.storetx .tx {
font-size: 14px;
line-height: 24px;
color: #666;
margin-bottom: 5%;
height:48px;
overflow: hidden;
}
.storetx .dtlbtn {
font-size: 14px;
color: #999;
line-height: 18px;
}
.storetx .dtlbtn:hover {
color: #c3072c;
transition: all 0.5s;
}
.lmore {
padding-bottom: 2.0%;
padding-right: 0;
padding-top:2%;
}
.lmore .lmoreli{
padding-top:2.0%;
}
.lmore .lmoreli ul li {
width: 25%;
padding: 0;
padding-right: 3%;
box-shadow: none;
position: relative;
left: 10%;
opacity: 0;
}
.lmore .lmoreli ul li::after {
width: 0;
height: 0;
}
.lmore .lmoreli ul li .lmoreimg {
display: block;
width: 100%;
overflow: hidden;
position: relative;
}
.lmore .lmoreli ul li .lmoreimg img {
width: 100%;
opacity: 1;
transition: all 0.5s ease 0s;
}
/*.lmore .lmoreli ul li:hover .lmoreimg {
background-color: #000;
}*/
.lmore .lmoreli ul li .lmoreimg::after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
left:0;
background-color: rgba(0,0,0,0.25);
z-index: 2;
opacity: 0;
}
.lmore .lmoreli ul li:hover .lmoreimg::after{
opacity: 1;
transition:all 0.5s ease 0s;
}
.lmore .lmoreli ul li:hover .lmoreimg img {
transform: scale(1.07);
/*opacity: 0.7;*/
transition: all 0.5s ease 0s;
}
.culture {
padding-bottom: 0;
padding-right: 0;
}
.culture .culli ul li {
width: 25%;
padding: 0;
padding-right: 3%;
box-shadow: none;
}
.culture .culli ul li::after {
width: 0;
height: 0;
}
.culture .culli ul li .culimg {
display: block;
width: 100%;
overflow: hidden;
}
.culture .culli ul li .culimg img {
width: 100%;
opacity: 1;
transition: all 0.5s ease 0s;
}
.culture .culli ul li:hover .culimg {
background-color: #000;
}
.culture .culli ul li:hover .culimg img {
transform: scale(1.07);
opacity: 0.7;
transition: all 0.5s ease 0s;
}
.speech {
background-color: #f9f9f9;
padding-left: 5%;
}
.speech .ceotx {
width: 55%;
box-sizing: border-box;
padding-top: 6%;
padding-right: 5%;
}
.speech .ceotx h2 {
font-size: 30px;
color: #333;
line-height: 1;
}
.speech .ceotx i {
display: block;
width: 40px;
height: 3px;
background-color: #c2c2c2;
margin: 5% 0 6%;
}
.speech .ceotx h3 {
font-size: 24px;
color: #333;
line-height: 28px;
margin-bottom: 5%;
}
.speech .ceotx .descn {
font-size: 14px;
color: #333;
line-height: 24px;
margin-bottom: 2%;
}
.speech .ceotx .descn p {
margin-bottom: 5px;
}
.speech .ceotx .desen {
font-size: 12px;
color: #666;
line-height: 22px;
}
.speech .ceoimg {
width: 45%;
position: relative;
}
.speech .ceoimg em {
display: block;
width: 100%;
overflow: hidden;
background-color: #000;
}
.speech .ceoimg em img {
width: 100%;
transition: all 0.5s ease 0s;
opacity: 1;
}
.speech .ceoimg:hover em img {
transform: scale(1.05);
transition: all 0.5s ease 0s;
opacity: 0.9;
}
.speech .ceoimg .ceoname {
background-color: #bb0327;
box-sizing: border-box;
width: 100%;
padding: 5% 5%;
position: absolute;
bottom: 0;
right: 0;
}
.speech .ceoimg .ceoname h2 {
font-size: 56px;
color: #fff;
font-weight: bolder;
line-height: 1;
font-family: "CENTURYGOTHIC-BOLD";
}
.speech .ceoimg .ceoname p {
font-size: 22px;
color: #fff;
}
.culture .years ul {
padding-bottom: 0;
}
.culture .years ul li {
margin-bottom: 20px;
}
.revd {
padding-left: 5%;
padding-right: 5%;
}
.dtlbox .bimg {
width: 73.6%;
border: solid 1px #f5f5f5;
box-sizing: border-box;
background: url(../images/loadings.gif) no-repeat center;
}
.dtlbox .bimg img {
width: 100%;
height: auto;
}
.dtlbox .simg {
width: 25%;
position: relative;
padding: 0 1px 0;
}
.dtlbox .simg .simgmove {
overflow: hidden;
}
.dtlbox .simg ul {
display: block;
}
.dtlbox .simg ul li {
width: 100%;
cursor: pointer;
border-bottom: 10px solid #fff;
position: relative;
box-sizing: border-box;
}
.dtlbox .simg ul li p {
position: absolute;
width: 100%;
bottom: 4%;
color: #100000;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
text-align: center;
z-index: 3;
}
.dtlbox .simg ul li .mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 4;
background: url(../images/mask.png) repeat;
}
.dtlbox .simg ul li b {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(../images/syvi.png) no-repeat center;
background-size: cover;
z-index: 5;
}
.dtlbox .simg ul .cur .mask {
background: none;
}
.dtlbox .simg ul li img {
display: block;
width: 100%;
height: auto;
}
.dtlbox .upBtn {
display: block;
width: 30px;
height: 17px;
background: url(../images/prevarr.png) no-repeat top center;
position: absolute;
top: 10px;
margin-left: -15px;
left: 50%;
z-index: 6;
}
.dtlbox .upBtn:hover {
background: url(../images/prevarrcur.png) no-repeat bottom center;
}
.dtlbox .downBtn {
display: block;
width: 30px;
height: 17px;
background: url(../images/nextarr.png) no-repeat bottom center;
position: absolute;
bottom: 10px;
margin-left: -15px;
left: 50%;
z-index: 6;
}
.dtlbox .downBtn:hover {
background: url(../images/nextarrcur.png) no-repeat bottom center;
}
.dtltx {
padding: 50px 0 0;
}
.dtltx h2 {
font-size: 24px;
color: #333;
padding-bottom: 14px;
border-bottom: solid 1px #e9e9e9;
margin-bottom: 16px;
}
.dtltx p {
line-height: 30px;
color: #999;
}
.dtltx p strong {
color: #333;
}
.vclist {
padding-top:3.5%;
padding-bottom: 5%;
padding-right: 5%;
}
.vclist .tit h2 {
font-size: 36px;
line-height: 1;
}
.vclist .years .slides {
/*padding-bottom: 3%;*/
}
.vclist .years .slides li {
/*width: 33.333%;*/
/*padding-right: 5%;*/
}
.vclist .years .slides li .storetx h2 {
font-size: 18px;
color: #333;
margin-bottom: 0;
}
.vclist .years .slides li .storetx .tx {
font-size: 12px;
color: #999;
}
.vclist .years .slides li a {
display: block;
position: relative;
}
.vclist .years .slides li a .mask {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 4;
background: url(../images/mask.png) repeat;
}
.vclist .years .slides li a b {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(../images/syvi.png) no-repeat center;
background-size: cover;
z-index: 5;
}
.yvli .slides .yv:hover .mask {
opacity: 0.5;
transition: all 0.5s ease 0s;
}
.yvli .slides .yv video{
width: 100%;
}
.myvli{
display: none;
}
.newsyears {
box-sizing: border-box;
padding: 5% 12% 2%;
}
.newsyear {
max-width: 750px;
overflow-y: hidden;
}
.newsyear ul li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 28px;
color: #999;
line-height: 1;
vertical-align: text-bottom;
padding-right: 20px;
cursor: pointer;
font-family: 'CENTURYGOTHIC-BOLD';
}
.newsyear ul li.cur {
font-size: 30px;
color: #c3072c;
font-weight: bolder;
vertical-align: text-bottom;
}
.newssrarch input {
padding: 0;
margin: 0;
outline: none;
}
.newssrarch .newsschtx {
width: 200px;
height: 34px;
border: 1px #e4e4e4 solid;
background-color: #fff;
color: #999;
font-size: 12px;
padding: 0 10px;
line-height: 34px;
}
.newssrarch .newsschbtn {
width: 36px;
height: 36px;
border: 1px #8f8f8f solid;
background: #8f8f8f url(../images/newsschbtn.png) center no-repeat;
}
.newslist {
padding: 0 12%;
}
.newslist .loadbtn a{
box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.newslistli {
overflow: hidden;
padding-top: 3%;
padding-bottom: 4%;
border-bottom: 1px #f9f9f9 solid;
}
.newslistli .newsliimg{
position: relative;
}
.newslistli .newsliimg::after{
content:"";
display: block;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.25);
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top:0;
left:0;
transition:all 0.5s ease 0s;
}
.newslistli:hover .newsliimg::after{
opacity: 1;
filter: alpha(opacity=100);
transition:all 0.5s ease 0s;
}
.newslistli:hover .newsliimg img {
/*opacity: 0.8;*/
transform: scale(1.07);
transition: all 0.5s ease 0s;
}
.newsliimg {
display: block;
width: 25%;
overflow: hidden;
}
.newsliimg img {
width: 100%;
transition: all 0.5s ease 0s;
}
.newslitx {
width: 75%;
box-sizing: border-box;
padding-left: 5%;
}
.newslitx h2 {
font-size: 20px;
color: #333;
line-height: 2;
margin-bottom: 2%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.newslitx .newslip {
font-size: 14px;
color: #666;
line-height: 1.8;
}
.newsdate {
font-size: 14px;
color: #999;
line-height: 22px;
margin-top: 2%;
padding-left: 20px;
background: url(../images/clock.png) no-repeat left center;
background-size: 16px 16px;
}
.newslistli:hover .newslitx h2 { color: #c3072c;}
.graybg {
background-color: #f9f9f9;
}
.activities {
padding-left: 12%;
padding-right: 12%;
padding-top: 2%;
}
.activities ul li {
float: left;
width: 31.5%;
box-sizing: border-box;
margin-right: 2.75%;
margin-bottom: 3%;
}
.activities ul li:nth-child(3n) {
margin-right: 0;
}
.activities ul li .actimg {
display: block;
width: 100%;
overflow: hidden;
}
.activities ul li .actimg img {
width: 100%;
transition: all 0.5s ease 0s;
}
/*.activities ul li:hover .actimg {
background-color: #000;
}*/
.activities ul li .actimg{
position: relative;
}
.activities ul li .actimg::after{
content: "";
display: block;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.25);
opacity: 0;
filter: alpha(opacity=0);
transition:all 0.5s ease 0s;
position: absolute;
top:0;
left:0;
}
.activities ul li:hover .actimg::after{
opacity: 1;
filter: alpha(opacity=100);
transition:all 0.5s ease 0s;
}
.activities ul li:hover .actimg img {
/*opacity: 0.7;*/
transform: scale(1.07);
transition: all 0.5s ease 0s;
}
.activities ul li .acttx {
padding: 5%;
background-color: #fff;
}
.activities ul li .acttx h2 {
font-size: 18px;
color: #333;
line-height: 24px;
margin-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100;
}
.activities ul li .acttx p {
font-size: 14px;
color: #666;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100;
margin-bottom: 10px;
}
.info {
padding: 5% 12%;
}
.infotit {
border-bottom: 1px #e5e5e5 solid;
padding-bottom: 20px;
margin-bottom: 30px;
}
.infotit .infot {
width: 80%;
}
.infotit .infot h2 {
font-size: 26px;
color: #333;
line-height: 30px;
}
.infotit .infot p {
font-size: 14px;
color: #999;
line-height: 20px;
margin-top: 10px;
}
.infotit .share {
border-bottom: none;
}
.infotx p {
font-size: 14px;
color: #666;
line-height: 24px;
/*margin-bottom: 30px;*/
}
.infotx img {
margin: 10px 0;
max-width: 100%;
}
.infofun{
padding:3% 0;
}
.infoctrl p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 70%;
font-size: 14px;
line-height: 24px;
color: #666;
}
.infoctrl p a {
color: #666;
}
.infoctrl p a:hover {
color: #014b94;
}
.loginbg {
position: relative;
box-sizing: border-box;
}
.loginbox {
position: absolute;
top: 50%;
left: 50%;
width: 366px;
height: 414px;
margin-top: -207px;
margin-left: -183px;
background-color: #fff;
padding: 40px 50px;
box-sizing: border-box;
}
.loginbox table {
width: 100%;
}
.loginbox table td {
width: 100%;
padding: 10px 0;
}
.loginbox h2 {
font-size: 22px;
color: #333;
line-height: 1;
padding-bottom: 20px;
border-bottom: 1px #e5e5e5 solid;
text-align: left;
margin-bottom: 10px;
}
.loginbox .account, .loginbox .password {
border: 1px #e5e5e5 solid;
height: 40px;
line-height: 40px;
border-radius: 3px;
font-size: 12px;
color: #666;
outline: none;
padding: 0;
padding: 0 10px;
margin: 0;
box-sizing: border-box;
width: 100%;
}
.loginbox label {
font-size: 14px;
color: #666;
}
.loginbox label input {
margin-right: 10px;
}
.loginbox .lgbtn {
width: 140px;
height: 38px;
background-color: #bb0327;
color: #fff;
border: none;
outline: none;
font-size: 14px;
}
.contact {
width: 100%;
background: url(../images/mask.png) repeat;
padding: 5% 0;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
}
.contact .wrap {
width: 72%;
margin: 0 auto;
box-sizing: border-box;
padding: 0 5%;
}
.pi {
width: 57%;
box-sizing: border-box;
}
.pi p {
float: left;
width: 50%;
color: #fff;
font-size: 14px;
line-height: 35px;
margin-bottom: 20px;
}
.pi p i {
display: inline-block;
*display: inline;
*zoom: 1;
width: 35px;
height: 35px;
vertical-align: middle;
margin-right: 10px;
}
.ckefu i {
background: url(../images/ckefu.png) no-repeat center;
background-size: 35px 35px;
}
.ckefu:hover i {
background: url(../images/ckefu02.png) no-repeat center;
background-size: 35px 35px;
}
.caddr i {
background: url(../images/caddr.png) no-repeat center;
background-size: 35px 35px;
}
.caddr:hover i {
background: url(../images/caddr02.png) no-repeat center;
background-size: 35px 35px;
}
.ctel i {
background: url(../images/ctel.png) no-repeat center;
background-size: 35px 35px;
}
.ctel:hover i {
background: url(../images/ctel02.png) no-repeat center;
background-size: 35px 35px;
}
.cmail i {
background: url(../images/cmail.png) no-repeat center;
background-size: 35px 35px;
}
.cmail:hover i {
background: url(../images/cmail02.png) no-repeat center;
background-size: 35px 35px;
}
.ewm {
margin-left: 5%;
width: 38%;
box-sizing: border-box;
text-align: center;
border-left: 1px #86756f solid;
}
.ewmbox {
text-align: center;
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 5%;
}
.ewmbox img {
width: 115px;
height: 115px;
margin-bottom: 5px;
}
.ewmbox p {
font-size: 14px;
color: #fff;
}
.stit h2 {
font-size: 30px;
color: #333;
}
.stit i {
display: block;
width: 50px;
height: 2px;
background-color: #8a8b8b;
margin-top: 1%;
}
.phil {
padding: 5%;
}
.philli ul li {
float: left;
width: 25%;
text-align: center;
box-sizing: border-box;
padding-right: 5%;
padding-top: 3%;
}
.philli ul li:last-child {
padding-right: 0;
}
.philli ul li em {
display: inline-block;
*display: inline;
*zoom: 1;
width: 95px;
height: 95px;
overflow: hidden;
margin-bottom: 5%;
}
.philli ul li.si0 em{
background: url(../images/sia.png) no-repeat center 0;
background-size: 100% auto;
}
.philli ul li.si0 em:hover{
background: url(../images/sia.png) no-repeat center -95px;
background-size: 100% auto;
transition:all 0.5s ease 0s;
}
.philli ul li.si1 em{
background: url(../images/sib.png) no-repeat center 0;
background-size: 100% auto;
}
.philli ul li.si1 em:hover{
background: url(../images/sib.png) no-repeat center -95px;
background-size: 100% auto;
transition:all 0.5s ease 0s;
}
.philli ul li.si2 em{
background: url(../images/sic.png) no-repeat center 0;
background-size: 100% auto;
}
.philli ul li.si2 em:hover{
background: url(../images/sic.png) no-repeat center -95px;
background-size: 100% auto;
transition:all 0.5s ease 0s;
}
.philli ul li.si3 em{
background: url(../images/sid.png) no-repeat center 0;
background-size: 100% auto;
}
.philli ul li.si3 em:hover{
background: url(../images/sid.png) no-repeat center -95px;
background-size: 100% auto;
transition:all 0.5s ease 0s;
}
/*.philli ul li em img {
width: 100%;
}
.philli ul li:hover em img {
margin-top: -95px;
transition: all 0.5s;
}*/
.philli ul li h2 {
font-size: 18px;
color: #333;
line-height: 22px;
margin-bottom: 5%;
}
.philli ul li p {
font-size: 14px;
color: #666;
line-height: 24px;
}
.fdbk {
background-color: #f9f9f9;
}
.fdimg {
width: 40%;
box-sizing: border-box;
overflow: hidden;
background-color: #000;
}
.fdimg > img {
width: 100%;
opacity: 1;
transition: all 0.5s ease 0s;
height:100%;
}
.fdimg:hover > img {
transform: scale(1);
opacity: 0.7;
transition: all 0.5s ease 0s;
}
.fdimgtx {
position: absolute;
padding: 20% 13% 0;
top: 0;
left: 0;
}
.fdimgtx h2 {
font-size: 24px;
color: #333;
line-height: 26px;
}
.fdimgtx .fdtx {
font-size: 14px;
line-height: 24px;
color: #666;
margin: 5% 0;
}
.fdimgtx .fdtxtel {
font-size: 16px;
color: #333;
line-height: 40px;
}
.fdimgtx .fdtxtel span {
font-size: 24px;
color: #c60329;
display: inline-block;
}
.msg {
width: 60%;
box-sizing: border-box;
padding: 5% 0;
}
.msg table {
width: 550px;
margin: 0 auto;
}
.msg table tr > td {
padding: 12px 0;
}
.msg table h2 {
font-size: 24px;
color: #333;
line-height: 26px;
text-align: left;
}
.msg table label {
font-size: 14px;
color: #666;
margin-right: 12px;
}
.msg table label input[type="checkbox"] {
vertical-align: baseline;
outline: none;
margin-right: 8px;
}
.msg table .intx {
box-sizing: border-box;
padding: 0 10px;
margin: 0;
border: 1px #dbdbdb solid;
font-size: 14px;
line-height: 56px;
height: 56px;
color: #666;
width: 100%;
outline: none;
background-color: transparent;
}
.msg table textarea {
width: 100%;
box-sizing: border-box;
padding: 10px;
border: 1px #dbdbdb solid;
color: #666;
line-height: 24px;
font-size: 14px;
background-color: transparent;
outline: none;
}
.msg table .msgbtn {
border: none;
margin: 0;
padding: 0;
color: #fff;
width: 130px;
height: 44px;
background-color: #858585;
outline: none;
}
.thrb {
background-color: #f9f9f9;
}
.thrbtx {
width: 40%;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
.thrbt h2 {
font-size: 24px;
color: #333;
line-height: 28px;
}
.thrbt i {
display: block;
width: 46px;
height: 3px;
background-color: #8a8b8b;
margin: 5% 0 10%;
}
.thrbimg {
width: 60%;
overflow: hidden;
background-color: #000;
}
.thrbimg img {
width: 100%;
opacity: 1;
transition: all 0.5s ease 0s;
}
.thrbimg:hover img {
transform: scale(1);
opacity: 0.7;
transition: all 0.5s ease 0s;
}
.thbsl ul li {
margin-bottom: 20px;
}
.thbsl ul li .th {
font-size: 14px;
color: #666;
line-height: 40px;
background-color: transparent;
padding-left: 10px;
padding-right: 30px;
position: relative;
border: 2px #dfe0e0 solid;
}
.thbsl ul li .th i {
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
width: 14px;
height: 14px;
background: url(../images/sljia.png) no-repeat center;
}
.thbsl ul li .tp {
display: none;
padding-top: 20px;
}
.thbsl ul li .tp p {
font-size: 14px;
color: #666;
line-height: 26px;
}
.thbsl ul li.cur .th {
background-color: #c60329;
border-color: #c60329;
color: #fff;
}
.thbsl ul li.cur .th i {
background: url(../images/sljian.png) no-repeat center;
}
.afsl {
padding: 5%;
}
.afsl .tit h2 {
font-size: 30px;
color: #333;
line-height: 1;
}
.afsl .tit i {
display: block;
width: 46px;
height: 3px;
background-color: #ccc;
margin-top: 2%;
margin-bottom: 2%;
}
.afone {
padding-bottom: 3%;
border-bottom: 1px #e5e5e5 solid;
}
.onel {
width: 55%;
box-sizing: border-box;
padding-right: 5%;
}
.oner {
width: 45%;
}
.numtx h2 {
font-size: 18px;
color: #333;
line-height: 28px;
margin-bottom: 10px;
font-weight: bolder;
}
.numtx p {
font-size: 14px;
color: #666;
line-height: 28px;
}
.numtit {
line-height: 1;
margin-bottom: 3%;
}
.numtit .wc {
font-size: 64px;
color: #c60329;
font-family: "Arial";
}
.numtit i {
font-style: normal;
font-size: 32px;
color: #c60329;
margin-right: 8px;
}
.numtit .wh {
font-size: 24px;
color: #666;
}
.afcare {
padding: 0 0 5% 5%;
}
.careli ul li {
float: left;
width: 25%;
box-sizing: border-box;
padding-right: 5%;
position: relative;
left: 5%;
opacity: 0;
}
.careli ul li em {
display: block;
width: 100%;
margin-bottom: 6%;
overflow: hidden;
}
.careli ul li em img {
width: 100%;
opacity: 1;
transition: all 0.5s ease 0s;
}
.careli ul li h2 {
font-size: 18px;
color: #333;
line-height: 24px;
margin-bottom: 5%;
}
.careli ul li .caretx {
font-size: 14px;
color: #666;
line-height: 24px;
height:50px;
overflow: hidden;
}
.careli ul li .dtlbtn{
color: #999;
font-size: 14px;
line-height: 18px;
transition:all 0.5s ease 0s;
}
.careli ul li .dtlbtn:hover{
color: #c3072c;
transition:all 0.5s ease 0s;
}
.careli ul li:hover em {
background-color: #000;
}
.careli ul li:hover em img {
transform: scale(1.07);
opacity: 0.7;
transition: all 0.5s ease 0s;
}
.advant {
padding: 5% 0;
background-color: #f3f3f5;
}
.advanttit {
padding: 0 5%;
text-align: center;
}
.advanttit h2 {
font-size: 36px;
color: #333;
line-height: 1;
margin-bottom: 1.5%;
}
.advanttit p {
font-size: 16px;
line-height: 26px;
color: #666;
}
.advanttit i {
display: block;
margin: 2% auto 0%;
width: 46px;
height: 3px;
background-color: #e71f19;
}
.advantli {
padding-left: 5%;
padding-top: 3%;
}
.advantli ul li {
float: left;
width: 28.333%;
box-sizing: border-box;
margin-right: 5%;
background-color: #fff;
box-shadow: 0 0 18px #ccc;
padding: 2%;
position: relative;
opacity: 1;
filter: alpha(opacity=1);
}
.advantli ul li:nth-child(3n){margin-right: 0;}
.advantli ul li em {
display: block;
margin-bottom: 3%;
width: 107px;
height: 107px;
}
.advantli ul li em img {
width: 100%;
}
.advantli ul li h2 {
font-size: 24px;
color: #bb0327;
line-height: 46px;
margin-bottom: 3%;
}
.advantli ul li h3 {
font-size: 16px;
color: #333;
line-height: 24px;
margin-bottom: 5%;
}
.advantli ul li p {
font-size: 14px;
line-height: 24px;
color: #666;
height: 146px;
overflow: hidden;
}
.advantli ul li .advanttx {
font-size: 14px;
line-height: 24px;
color: #666;
height:220px;
}
.join-page{padding:0px 2%; max-width: 1000px; margin: 0 auto;background-color:#bfbfbf;padding-bottom:5%;}
.join-page-form{padding:0px 2%;max-width: 650px;margin: 0 auto;}
.join-page-form .form-logo{text-align:center}
.join-page-form .form-logo h4{padding:5% 0;font-size:24px;color:#fff;font-weight:bold}
.join-page-form .form-base{overflow:hidden}
.join-page-form .form-base .cell{float:left;width:310px;margin-bottom:10px}
.join-page-form .form-base .cell .hd{float:left;width:75px;height:35px;line-height:35px;color:#fff;font-size:14px;text-align:right}
.join-page-form .form-base .cell .bd{overflow:hidden}
.join-page-form .form-base .cell .input{display:block;width:100%;padding-left:10px;color:#333;border:0;outline:0;background-color:#fff;height:35px;line-height:1.6;font-size:14px}
.join-page-form .form-base .cell2{width:620px}
.join-page-form .cell.plan-input .bd {float: left; width: 115px;}
.join-page-form .desc-box{padding:30px 15px 60px}
.join-page-form .desc-box h3{height:50px;line-height:50px;font-size:16px;color:#fff;padding-left:36px;background:url("../images/icon07.png") no-repeat #c35036;background-position:16px center}
.join-page-form .desc-box .inner{padding:15px 20px;background-color:#524e4d}
.join-page-form .desc-box p{color:#fff;font-size:14px;line-height:30px}
.join-page-form .form-btn{display:block;width:234px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;margin:60px auto 0;background-color:rgb(253, 77, 6);border:0;outline:0}
.join-page-form .plan-input{overflow:hidden;margin-bottom:10px}
.join-page-form .plan-input .hd{float:left;width:75px;height:35px;line-height:35px;color:#fff;font-size:14px;text-align:right}
.join-page-form .plan-input .input-wrap{float:left;width:160px}
.join-page-form .plan-input .input{display:block;width:100%;padding-left:5px;color:#bfbfbf;border:0;outline:0;background-color:#fff;height:35px;line-height:1.6;font-size:14px}
.join-page-form .check-box{margin-bottom:10px;overflow:hidden}
.join-page-form .check-box .hd{float:left;width:75px;text-align:right;font-size:14px;line-height:35px;color:#fff}
.join-page-form .check-box .bd{overflow:hidden;line-height:35px;color:#fff;font-size:14px}
.join-page-form .check-box .bd label{cursor:pointer;margin-right:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.join-page-form .check-box .bd .check:checked+span:before{display:block}
.join-page-form .check-box .bd span{position:relative;display:inline-block;vertical-align:-4px;width:18px;height:18px;margin-right:5px;background-color:#fff;text-align:center}
.join-page-form .check-box .bd span:before{display:none;content:'√';color:#bb0327; font-family:'Microsoft YaHei'; line-height:1;position:absolute;top:2px;left:4px; font-weight:bold; font-size:16px;}
.join-page-form .check-box .check{display:none;}
.supt {
background-color: transparent;
}
.suptli {
padding: 3% 5% 0;
position: relative;
overflow: hidden;
}
.suptli .slides li {
float: left;
width: 30%;
}
.suptli .slides li em {
display: block;
width: 100%;
margin-bottom: 5%;
overflow: hidden;
position: relative;
}
.suptli .slides li em img {
width: 100%;
transition: all 0.5s ease 0s;
}
.suptli .slides li .dtlbtn {
color:#fff;
background: #bb0327;
padding: 4px 30px;
border-radius: 20px;
display: inline-block;
font-size: 14px;
}
.suptli .slides li:hover .dtlbtn {
font-weight:bold;
}
.suptli .slides li h2 {
font-size: 18px;
color: #333;
line-height: 24px;
margin-bottom: 5%;
}
.suptli .slides li .supttx {
font-size: 14px;
color: #666;
line-height: 24px;
}
.suptli .slides li:hover em {
/*background-color: #000;*/
}
.suptli .slides li em::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.2);
position: absolute;
top:0;
left:0;
z-index: 2;
opacity: 0;
}
.suptli .slides li:hover em::after{
opacity: 1;
transition:all 0.5s ease 0s;
}
.suptli .slides li:hover em img {
opacity: 0.7;
transform: scale(1.07);
transition: all 0.5s ease 0s;
}
.suptli .flex-control-nav {
position: static;
height: 60px;
}
.suptli .flex-control-nav li {
display: none;
}
.suptli .flex-direction-nav {
z-index: 2;
height: 40px;
margin-top: -40px;
position: relative;
}
.suptli .flex-direction-nav a {
width: 40px;
height: 40px;
opacity: 1;
}
.suptli .flex-direction-nav .flex-prev {
left: 0;
background: url(../images/flex-prev.png) no-repeat center;
background-size: 13px 23px;
}
.suptli .flex-direction-nav .flex-next {
right: auto;
left: 120px;
background: url(../images/flex-next.png) no-repeat center;
background-size: 13px 23px;
}
.suptli .page {
margin-top: -44px;
margin-left: 50px;
font-size: 24px;
color: #333;
}
.suptli .page .curpage {
margin-right: 5px;
}
.suptli .page .total {
margin-left: 5px;
}
.req {
padding-bottom: 0;
}
.reqli {
padding-top: 3%;
cursor: url(../img/cursor-drag.ico),auto !important;
padding-bottom:8%;
}
.reqli .swiper-scrollbar {
opacity: 1 !important;
height: 60px !important;
bottom: 8% !important;
background: url(../images/reqline.jpg) repeat-x center;
}
.reqli .swiper-scrollbar-drag {
background: url(../images/drager.png) no-repeat center;
background-size: 60px 60px;
}
.reqcont {
width: 100%;
}
.reqcont .swiper-slide .unit{
width: 825px;
overflow: hidden;
float: left;
margin-left:30px;
background-color: #fff;
box-shadow: 0 0 18px #ccc;
}
.reqcont .swiper-slide em {
float: left;
display: block;
width: 375px;
height: 307px;
overflow: hidden;
}
.reqcont .swiper-slide em img {
width: 100%;
height: 100%;
transition: all 0.5s ease 0s;
}
.reqcont .swiper-slide .reqtx {
width: 448px;
box-sizing: border-box;
float: left;
padding: 80px 40px 0;
}
.reqcont .swiper-slide .reqtx .reqnum {
font-size: 60px;
color: #bb0327;
line-height: 1;
margin-bottom: 30px;
font-family: "CENTURYGOTHIC-BOLD";
}
.reqcont .swiper-slide .reqtx .reqp {
font-size: 14px;
color: #666;
line-height: 26px;
}
.reqcont .swiper-slide .unit:hover em {
background-color: #000;
}
.reqcont .swiper-slide .unit:hover em img {
opacity: 0.7;
transform: scale(1.07);
transition: all 0.5s ease 0s;
}
.step {
padding-bottom: 2%;
}
.stepli {
padding: 4% 5% 0;
}
.stepli .loadbtn {
padding: 0 0 3%;
}
.stepli .loadbtn a{
box-shadow:0 0 30px rgba(0,0,0,0.15);
}
.stepli ul li {
float: left;
width: 18%;
margin-right: 2%;
margin-bottom: 3%;
background-color: #fff;
box-shadow: 0 0 18px #ccc;
box-sizing: border-box;
padding: 2%;
position: relative;
z-index: 1;
}
.stepli ul li:nth-child(5n) {
margin-right: 0;
}
.stepli ul li em {
display: block;
width: 90px;
height: 90px;
position: absolute;
right: 4%;
top: 6%;
z-index: -1;
}
.stepli ul li em img {
width: 100%;
height: 100%;
}
.stepli ul li h2 {
font-size: 26px;
color: #bb0327;
line-height: 1;
margin-bottom: 2%;
}
.stepli ul li h2 b {
font-size: 46px;
line-height: 1;
color: #bb0327;
vertical-align: sub;
font-family: "CENTURYGOTHIC-BOLD";
margin-right: 5%;
}
.stepli ul li{
height:165px;
overflow: hidden;
}
.stepli ul li p {
font-size: 14px;
color: #666;
line-height: 26px;
}
.talent {
padding: 5%;
}
.talent .talbox {
width: 50%;
box-sizing: border-box;
padding: 0 6%;
}
.talent .talbox.strategy {
position: relative;
}
.talent .talbox.strategy::before {
content: "";
display: block;
width: 1px;
height: 100px;
position: absolute;
right: 0;
top: 50%;
margin-top: -50px;
background-color: #e5e5e5;
}
.talent .taltit {
margin-bottom: 2%;
}
.talent .taltit em {
display: block;
width: 52px;
height: 52px;
margin-right: 10px;
}
.talent .taltit em img {
width: 100%;
height: 100%;
}
.talent .taltit .tittx {
padding-top: 8px;
}
.talent .taltit .tittx h2 {
font-size: 20px;
color: #333;
line-height: 1;
margin-bottom: 3px;
}
.talent .taltit .tittx h3 {
font-size: 12px;
color: #999;
line-height: 1;
}
.talent .talp {
font-size: 13px;
color: #666;
line-height: 24px;
}
.recruitbg {
padding: 5% 10%;
background-color: #f5f5f5;
}
.recruitbg .job {
width: 74%;
margin-right: 3%;
}
.recruitbg .hotrec {
width: 23%;
}
.jobsearch {
padding-bottom: 40px;
}
.jobsearch .optin {
float: left;
width: 20%;
margin-right: 2.5%;
height: 44px;
padding-left: 1.5%;
line-height: 44px;
border: none;
background-color: #fff;
color: #666;
font-size: 12px;
box-sizing: border-box;
outline: none;
display: block;
}
.jobsearch .tbsearchbtn {
float: left;
width: 10%;
font-size: 16px;
background-color: #c60329;
padding: 0;
margin: 0;
border: none;
outline: none;
height: 44px;
font-size: 12px;
color: #fff;
}
.tbh {
padding: 0 30px;
background-color: #8a8a8a;
}
.tbh li {
width: 18%;
float: left;
height: 54px;
line-height: 54px;
color: #fff;
font-size: 14px;
}
.tbh li.pos {
width: 36%;
}
.tbh li.tbanchor {
width: 10%;
}
.jobh .tbh {
padding: 0;
margin: 0 30px;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
}
.jobh .tbh li {
color: #666;
cursor: pointer;
}
.jobh .tbh li a {
color: #c60329;
}
.jobh .tbh li a:hover {
opacity: 0.8;
transition: opacity 0.5s;
}
.jobp {
display: none;
background-color: #fff;
padding: 0 20px;
}
.jobp .pbg {
background-color: #f5f5f5;
padding: 20px;
position: relative;
}
.jobp .pbg::before {
content: "";
display: block;
width: 0;
height: 0;
border-width: 8px;
border-style: dashed;
border-color: transparent transparent #f5f5f5 transparent;
position: absolute;
top: -16px;
left: 30px;
}
.jobp .pli {
border-bottom: 1px #e5e5e5 solid;
padding: 10px 0;
}
.jobp .pli li {
float: left;
box-sizing: border-box;
width: 25%;
padding-right: 1%;
font-size: 14px;
line-height: 20px;
height: 48px;
color: #666;
}
.jobp .preq {
padding: 34px 0;
border-bottom: 1px #e5e5e5 solid;
position: relative;
}
.jobp .preq i {
display: block;
width: 1px;
height: 60%;
position: absolute;
left: 45%;
top: 20%;
background-color: #e5e5e5;
}
.jobp .preq dl {
float: left;
padding: 10px 3% 15px;
box-sizing: border-box;
}
.jobp .preq dl.dlone {
width: 45%;
}
.jobp .preq dl.dltwo {
width: 55%;
padding-left: 8%;
}
.jobp .preq dl .dltit {
font-size: 18px;
line-height: 20px;
color: #333;
margin-bottom: 15px;
}
.jobp .preq dl .dlp {
font-size: 12px;
color: #666;
line-height: 26px;
}
.applybtn {
padding: 20px 0 10px;
}
.applybtn a {
display: block;
width: 150px;
height: 40px;
background-color: #c60329;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 16px;
}
.applybtn a:hover {
opacity: 0.8;
transition: opacity 0.5s;
}
.jobdtl{
background-color: #f5f5f5;
}
.jobdtl .jobp {
display: block;
padding: 0;
}
.jobdtl .jobp .pbg::before {
display: none;
}
.jobdtlt {
padding: 0 20px 10px;
border-bottom: 1px #e5e5e5 solid;
}
.jobdtlt h2 {
font-size: 18px;
color: #333;
}
.joblist {
background-color: #fff;
}
.jobli li.open .jobh .tbh {
border-color: transparent;
}
.joblist .poslist{
padding-bottom:50px;
}
.seemore {
padding: 50px 0 0;
text-align: center;
}
.seemore a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 174px;
height: 50px;
color: #fff;
line-height: 50px;
padding-left: 40px;
box-sizing: border-box;
background: #939393 url(../images/seemorebtn.png) 26px center no-repeat;
}
.hotrec dl {
padding: 20px;
background-color: #fff;
}
.hotrec dl dt {
font-size: 18px;
color: #c60329;
line-height: 22px;
margin-bottom: 20px;
}
.hotrec dl dd {
border-top: 1px solid #e5e5e5;
}
.hotrec dl dd a {
display: block;
width: 100%;
line-height: 46px;
color: #666;
height: 46px;
font-size: 14px;
}
.hotrec dl dd span {
display: block;
line-height: 46px;
height: 46px;
color: #999;
font-size: 14px;
}
.findstore {
position: absolute;
width: 40%;
top: 28%;
left: 50%;
margin-left: -20%;
text-align: center;
}
.findstore h2 {
font-size: 48px;
color: #fff;
line-height: 1;
margin-bottom: 7%;
}
.findstore .find {
width: 100%;
border-radius: 5px;
overflow: hidden;
}
.findstore .find input {
border: none;
padding: 0;
margin: 0;
outline: none;
height: 65px;
line-height: 65px;
box-sizing: border-box;
}
.findstore .find .findtx {
width: 75%;
padding: 0 5%;
}
.findstore .find .findbtn {
width: 25%;
background-color: #bb031d;
color: #fff;
}
.places {
padding: 2% 0;
border-bottom: 1px #ededed solid;
}
.places p {
height: 48px;
line-height: 48px;
font-size: 14px;
color: #666;
text-align: center;
}
.places p select {
width: 154px;
height: 48px;
line-height: 48px;
margin: 0 20px;
padding: 0 10px;
border-radius: 5px;
overflow: hidden;
outline: none;
box-sizing: border-box;
}
.storelist {
padding: 4% 18%;
}
.hmany {
font-size: 16px;
color: #fff;
line-height: 1;
}
.yhmany {
font-size: 24px;
color: #333;
}
.resultstores {
margin-top: 5%;
}
.resultstores ul li {
overflow: hidden;
padding: 24px;
background-color: #f6f6f6;
position: relative;
top: 20px;
opacity: 0;
}
.resultstores ul li:nth-child(2n) {
background-color: #fff;
}
.resultstores ul li .listnum {
float: left;
width: 5%;
height: 45px;
background: url(../images/storedot.png) no-repeat center;
background-size: 35px 45px;
text-align: center;
margin-right: 2%;
}
.resultstores ul li .listnum span {
line-height: 30px;
color: #fff;
font-size: 16px;
font-family: "Arial";
}
.resultstores ul li .storename {
float: left;
width: 23%;
line-height: 45px;
font-size: 16px;
color: #333;
}
.resultstores ul li .storecity {
float: left;
width: 10%;
line-height: 45px;
border-right: 1px #ededed solid;
border-left: 1px #ededed solid;
font-size: 14px;
color: #666;
text-align: center;
box-sizing: border-box;
}
.resultstores ul li .storeaddr {
width: 60%;
float: left;
font-size: 14px;
color: #666;
line-height: 45px;
box-sizing: border-box;
padding-left: 10%;
}
.linpt {
height: 44px;
padding-left: 1.5%;
line-height: 44px;
border: 1px solid #e5e5e5;
background-color: #fff;
color: #666;
font-size: 12px;
box-sizing: border-box;
}
.storexx {
padding: 3% 0;
}
.storexx .wrap {
background-color: #f9f9f9;
}
.xxtx {
width: 53%;
box-sizing: border-box;
padding: 5% 5.5%;
}
.xxtx h2 {
font-size: 24px;
color: #333;
line-height: 1;
margin-bottom: 4%;
}
.xxtx .xxaddr {
font-size: 16px;
color: #666;
line-height: 22px;
}
.xxtx .xxewm {
margin-top: 10%;
}
.xxtx .xxewmbox {
text-align: center;
margin-right: 10%;
}
.xxtx .xxewmbox em {
display: block;
width: 115px;
height: 115px;
}
.xxtx .xxewmbox em img {
width: 100%;
height: 100%;
}
.xxtx .xxewmbox p {
font-size: 14px;
color: #666;
}
.xxmap {
width: 47%;
height: 382px;
}
.xxmap .anchorBL {
display: none !important;
}
.body-wrap {
width: 100%;
position: relative;
z-index: 1;
transition: transform 0.8s ease-out 0s;
opacity: 1;
filter: alpha(opacity=0);
background-color: #fff;
}
.body-wrap.on {
transition: all 0.5s ease 0s;
opacity: 1;
filter: alpha(opacity=100);
}
.m-sub-menu {
position: fixed;
right: -100%;
width: 66%;
top: 0;
z-index: 100;
height: 100%;
background-color: #fff;
transition: all 0.74s ease 0s;
z-index: 1005;
}
.m-sub-menu .top-box {
height: 70px;
line-height: 70px;
padding: 0 8%;
background: url(../images/navline.png) repeat-x center bottom;
background-size: 1px 1px;
}
.m-sub-menu .top-box .stt {
display: inline-block;
font-size: 18px;
color: #999;
width: 80%;
}
.m-sub-menu .top-box .close {
display: inline-block;
width: 17px;
height: 17px;
background: url(../images/ico_37.png) no-repeat center;
margin-top: 27px;
cursor: pointer;
transition: transform 0.3s ease 0s;
}
.sp ul li {
background: url(../images/navline.png) repeat-x center bottom;
background-size: 1px 1px;
line-height: 70px;
padding: 0 8%;
}
.sp ul li a {
display: block;
font-size: 18px;
color: #333;
position: relative;
}
.sp ul li a::before {
content: "";
display: block;
width: 13px;
height: 23px;
background: url(../images/flex-next.png) no-repeat center;
background-size: 13px 23px;
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
}
.navlist ul li {
background: url(../images/navline.png) repeat-x center bottom;
background-size: 1px 1px;
line-height: 70px;
}
.navlist ul li a {
padding: 0 8%;
font-size: 18px;
color: #333;
display: block;
}
.navlist ul li .navh {
display: block;
position: relative;
}
.navlist ul li .navh::before {
content: "";
display: block;
width: 23px;
height: 23px;
background: url(../images/subnavjia.png) no-repeat;
background-size: 23px 23px;
position: absolute;
right: 7.5%;
top: 50%;
margin-top: -12px;
}
.navlist ul li dl {
display: none;
background-color: #eee;
}
.navlist ul li dl dd {
background: none;
}
.sublang {
padding: 0 8%;
background: url(../images/navline.png) repeat-x center bottom;
background-size: 1px 1px;
}
.sublang a {
display: none;
height: 70px;
line-height: 70px;
color: #333;
font-size: 18px;
}
.sublang a.cur {
display: block;
}
.subbot ul li {
padding: 0 8%;
background: #f3f3f5 url(../images/navline.png) repeat-x center bottom;
background-size: 1px 1px;
line-height: 70px;
height: 70px;
}
.subbot ul li a {
color: #2b2b2f;
}
.subbot ul li a i {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 10px;
}
.subbot ul li a i img {
width: 100%;
height: 100%;
}
.m-sub-menu.left {
right: 0;
transition: all 0.84s ease 0s;
}
.body-wrap.left, header.left {
transform: translateX(-66%);
transition: all 0.8s ease-out 0s;
}
.float-right-box {
width: 250px;
position: fixed;
right: 0;
top: 50%;
margin-top: -154px;
background-color: #191919;
z-index: 999;
transition: width 0.3s ease 0s;
}
.float-right-box.on {
width: 50px;
}
.float-right-box .top-list {
width: 100%;
}
.float-right-box .top-list a {
display: block;
width: 100%;
}
.float-right-box .top-list .stt {
display: inline-block;
font-size: 14px;
line-height: 50px;
color: #fff;
transition: color 0.3s ease 0s;
position: absolute;
left: 28px;
top: 0;
z-index: 1;
width: 222px;
}
.float-right-box .top-list li {
width: 100%;
position: relative;
border-bottom: 1px solid #3b3b3b;
background-color: #191919;
transition: background 0.3s ease 0s;
height: 50px;
}
.float-right-box .top-list li .ico {
display: inline-block;
width: 50px;
height: 50px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
transition: background 0.3s ease 0s;
}
.float-right-box .top-list li .ico.ico1 {
background: #191919 url(../images/yyaddr.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico2 {
background: #191919 url(../images/yywx.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico3 {
background: #191919 url(../images/yytel.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico4 {
background: #191919 url(../images/yytop.png) no-repeat center;
}
.float-right-box .top-list li:hover {
background-color: #fff;
transition: background 0.3s ease 0s;
}
.float-right-box .top-list li:hover .stt {
color: #333;
}
.float-right-box .top-list li:hover .ico1 {
background: #fff url(../images/yyaddrh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico2 {
background: #fff url(../images/yywxh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico3 {
background: #fff url(../images/yytelh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico4 {
background: #fff url(../images/yytoph.png) no-repeat center;
}
.float-right-box .bot-share {
position: relative;
height: 50px;
}
.float-right-box .bot-share .share {
width: 200px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
padding-bottom: 0;
border-bottom: none;
}
.float-right-box .bot-share a {
display: inline-block;
width: 50px;
height: 50px;
float: left;
transition: background 0.3s ease 0s;
margin: 0;
padding: 0;
}
.float-right-box .bot-share .sina {
background: url(../images/yyxl.png) no-repeat center;
}
.float-right-box .bot-share .wx {
background: url(../images/yywx.png) no-repeat center;
}
.float-right-box .bot-share .tx {
background: url(../images/yytx.png) no-repeat center;
}
.float-right-box .bot-share .more {
background: url(../images/ico_66.png) no-repeat center;
}
.float-right-box .bot-share .share-ico {
background: url(../images/yyshare.png) no-repeat center #191919;
width: 50px;
height: 50px;
display: inline-block;
cursor: pointer;
z-index: 2;
position: relative;
}
#video {
position: fixed;
background-color: #000000;
height: 500px;
width: 1000px;
left: 50%;
top: 50%;
margin-left: -500px;
margin-top: -250px;
z-index: 102;
}
#close-video {
position: relative;
width: 40px;
height: 40px;
float: right;
margin-top: -55px;
margin-right: -55px;
cursor: pointer;
z-index: 102;
background: url(../images/ico_37.png) no-repeat center;
background-size: 28px 28px;
transition:all 0.5s ease 0s;
}
#close-video:hover{
transform:rotateZ(90deg);
transition:all 0.5s ease 0s;
}
#videobox {
width: 1000px;
height: 500px;
background-color: #000;
}
.vlayer {
display: block;
z-index: 101;
top: 0px;
left: 0px;
position: fixed;
height: 100%;
width: 100%;
opacity: 1;
filter: alpha(opacity=100);
background-color: #fff;
}
.yywxbox {
display: none;
background-color: transparent;
}
.wx-wrap {
box-sizing: border-box;
width: 300px;
height: 300px;
padding: 50px 30px;
background-color: #fff;
border: 1px #ccc solid;
box-shadow: 0px 3.5px 2.5px -1px rgba(0, 0, 0, 0.2);
margin: -150px auto 0;
position: relative;
top: 50%;
}
.wx-wrap .wxclose {
position: absolute;
width: 40px;
height: 40px;
top: 13px;
right: 16px;
border: 0;
outline: none;
background: url(../images/ico_37.png) no-repeat center;
background-size: 24px 24px;
transition: transform 0.5s ease 0s;
}
.wx-wrap .wxclose:hover {
transform: rotateZ(90deg);
transition: transform 0.5s ease 0s;
}
.wx-wrap .wximg {
width: 100%;
margin: 0 auto;
text-align: center;
}
.wx-wrap .wximg img {
margin-bottom: 20px;
}
.wx-wrap .wximg p {
font-size: 18px;
color: #333;
}
.profeat {
background-color: #f9f9f9;
padding: 0 5%;
position: relative;
z-index:10;
}
.profeat h2 {
display: inline-block;
font-size: 28px;
line-height: 1;
padding: 28px 0;
color: #333;
font-weight: bolder;
box-sizing: border-box;
border-bottom: 4px #bb0327 solid;
}
.feali {
padding: 4% 5%;
}
.feali ul li .feaimg {
display: block;
width: 100%;
overflow: hidden;
}
.feali ul li .feaimg img {
width: 100%;
transition: all 0.5s ease 0s;
}
.feali ul li:hover .feaimg {
background-color: #000;
}
.feali ul li:hover .feaimg img {
transform: scale(1.07);
opacity: 0.7;
transition: all 0.5s ease 0s;
}
.feali .flex-direction-nav {
position: absolute;
width: 100%;
height: 40px;
margin-top: -20px;
top: 40%;
left: 0;
padding: 0 5%;
box-sizing: border-box;
}
.feali .flex-direction-nav li {
width: 42px;
height: 42px;
border-radius: 50%;
}
.feali .flex-direction-nav li.flex-nav-prev {
float: left;
}
.feali .flex-direction-nav li.flex-nav-next {
float: right;
}
.feali .flex-direction-nav a {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 2;
position: static;
border: 1px #eaeaea solid;
cursor:pointer;
}
.feali .flex-direction-nav a.flex-prev {
opacity: 0;
float: left;
margin-left: 80px;
background: #fff url(../images/flex-prev.png) no-repeat center;
background-size: 8px 13px;
}
.feali .flex-direction-nav a.flex-next {
opacity: 0;
float: right;
margin-right: 80px;
background: #fff url(../images/flex-next.png) no-repeat center;
background-size: 8px 13px;
}
.feali:hover .flex-direction-nav a.flex-prev {
opacity: 1;
margin-left: 0;
transition: all 0.5s ease 0s;
}
.feali:hover .flex-direction-nav a.flex-next {
opacity: 1;
margin-right: 0;
transition: all 0.5s ease 0s;
}
.prodatali {
padding: 3% 5%;
}
.prodatali ul li {
width: 25%;
float: left;
line-height: 24px;
padding: 1.6% 0;
}
.prodatali ul li span {
font-size: 14px;
color: #666;
}
.prodatali ul li span b {
font-size: 16px;
color: #333;
}
.prodatali ul li:nth-child(4n) {
position: relative;
}
.prodatali ul li:nth-child(4n)::after {
content: "";
display: block;
width: 400%;
height: 1px;
background-color: #e5e5e5;
position: absolute;
right: 0;
bottom: 0;
}
.buy {
float: right;
width: 185px;
height: 50px;
background-color: #bb0327;
text-align: center;
}
.buy a {
display: block;
color: #fff;
line-height: 50px;
color: #fff;
font-size: 16px;
}
.buy a i {
display: inline-block;
*zoom: 1;
width: 34px;
height: 17px;
background: url(../images/tm.png) no-repeat center;
background-size: 34px 17px;
vertical-align: middle;
margin-right: 8px;
}
.buy:hover {
opacity: 0.8;
transition: opacity 0.3s linear 0s;
}
.prodatat {
border-bottom: 1px #ccc solid;
padding: 1% 5%;
}
.protit .mc {
font-size: 30px;
color: #333;
line-height: 1;
margin-bottom: 10px;
}
.protit .xh {
font-size: 16px;
color: #666;
line-height: 1;
}
.proslide {
padding-bottom: 30px;
background-color: #f9f9f9;
}
.procl {
text-align: center;
}
.procl ul {
display: inline-block;
*display: inline;
*zoom: 1;
}
.procl ul li {
float: left;
border: 1px transparent solid;
border-radius: 3px;
box-sizing: border-box;
overflow: hidden;
margin: 0 4px;
cursor: pointer;
width: 28px;
height: 28px;
}
.procl ul li img {
display: block;
width: 100%;
height: 100%;
}
.procl ul li.cur {
border: 1px #d8d8d8 solid;
box-shadow: 0 0 10px #ccc;
}
.procolor {
text-align: center;
}
.clbtn {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
opacity: 0.8;
transition: all 0.3s linear 0s;
z-index: 2;
}
.clbtn:hover {
opacity: 1;
transition: all 0.3s linear 0s;
}
.clbtn.prevbtn {
left: 25%;
background: url(../images/flex-prev.png) no-repeat center;
background-size: 13px 23px;
}
.clbtn.nextbtn {
right: 25%;
background: url(../images/flex-next.png) no-repeat center;
background-size: 13px 23px;
}
.probimgbox {
padding: 0 5%;
}
.probimgbox .probimg {
margin: 0 auto;
}
.probimg {
width: 60%;
padding: 20px 0;
}
.probimg img {
width: 100%;
height: auto;
display: block;
}
.prodesc {
height: 234px;
position: absolute;
right: 10%;
top: 50%;
margin-top: -117px;
}
.prodesc ul li {
margin-bottom: 10px;
}
.prodesc ul li .bt {
font-size: 18px;
color: #333;
}
.prodesc ul li .bp {
font-size: 16px;
color: #666;
}
.prosimg {
height: 276px;
position: absolute;
left: 5%;
top: 50%;
margin-top: -138px;
overflow: hidden;
}
.prosimg .proclli ul li {
width: 80px;
height: 80px;
border: 2px #e5e5e5 solid;
margin-bottom: 12px;
cursor: pointer;
box-sizing:border-box;
padding-top:15px;
}
.prosimg .proclli ul li img {
width: 100%;
height: auto;
display: block;
}
.prosimg .proclli ul li.cur {
border: 2px #bb0327 solid;
}
.itimer {
display: block;
height: 2px;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.itimer i {
display: block;
width: 0;
height: 100%;
background-color: #fff;
}
.infolayer {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 998;
}
.groupinfo {
position: fixed;
top: 50%;
left: 50%;
width: 52%;
margin-left: -26%;
margin-top: -266px;
padding: 50px;
box-sizing: border-box;
background-color: #fff;
z-index: 999;
}
.groupinfo .infotit {
border-bottom: 1px #e5e5e5 solid;
padding-bottom: 34px;
}
.groupinfo .infotit h2 {
font-size: 24px;
color: #333;
}
.groupinfo .infotx {
height: 320px;
overflow: hidden;
}
.groupinfo .infotx img {
max-width: 100%;
}
.groupinfo .infotx p {
font-size: 14px;
color: #666;
line-height: 24px;
margin-bottom: 20px;
}
.infoclose {
display: block;
width: 40px;
height: 40px;
background: url(../images/ico_37.png) no-repeat center;
background-size: 20px 20px;
transition: transform 0.5s ease 0s;
position: absolute;
right: 10px;
top: 10px;
}
.infoclose:hover {
transform: rotateZ(90deg);
transition: transform 0.5s ease 0s;
}
.xgtjbtn {
display: inline-block;
*zoom: 1;
width: 28px;
height: 28px;
background: url(../images/xgtjbtn.png) no-repeat center;
background-size: 17px 17px;
position: absolute;
left: -60px;
top: 0px;
transition: all 0.5s ease 0s;
}
.xgtjbtn:hover {
transform: rotateZ(90deg);
transition: all 0.5s ease 0s;
}
.verify {
width: 100%;
height: 40px;
position: relative;
}
.verify input.msgbtn {
border: none;
margin: 0;
padding: 0;
background-color: #858585;
color: #fff;
width: 137px;
height: 40px;
position: absolute;
right: 0;
bottom: 0;
font-size: 16px;
line-height: 40px;
display: none;
}
.verify input.msgbtn.submit {
background-color: #d90915;
}
.verify .fakebtn {
display: inline-block;
position: relative;
z-index: 2;
width: 137px;
height: 40px;
background: #848484;
font-size: 16px;
line-height: 40px;
color: #fff;
text-align: center;
}
/*.verify .touch {
position: relative;
width: 60%;
box-sizing: border-box;
height: 42px;
border: 1px solid #dbdbdb;
background: #f2f2f2;
font-size: 16px;
line-height: 42px;
color: #888;
}
.verify .touch p {
padding-left: 65px;
}
.verify .touch .btn {
position: absolute;
left: -1px;
top: -1px;
width: 50px;
height: 42px;
background: #d90915 url(../images/bg_btn01.png) no-repeat right center;
cursor: pointer;
z-index: 2;
}
.verify .touch .touch-in {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}*/
.verify #slider i {
display: inline-block;
position: absolute;
right: -62px;
top: 0;
width: 62px;
height: 40px;
background: url(../images/bg_btn02.png) no-repeat center top;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.verify #slider i.done {
background: url(../images/bg_btn02.png) no-repeat center bottom;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.nyprorec img{
width: 100%;
}
/*=========产品技术参数=========*/
.proselect {
margin-top: 25px;
width: 198px;
height: 34px;
border: 1px #e4e4e4 solid;
background: #fff url(../images/proselect.png) no-repeat 162px center;
line-height: 34px;
color: #666;
font-size: 14px;
position: relative;
z-index: 10;
cursor: pointer;
}
.proselect .chosed {
padding-left: 20px;
}
.proselect ul {
display: none;
position: absolute;
top: 35px;
left: -1px;
width: 100%;
border-left: 1px #e4e4e4 solid;
border-right: 1px #e4e4e4 solid;
}
.proselect ul li {
background-color: #fff;
padding-left: 20px;
line-height: 34px;
border-bottom: 1px #e4e4e4 solid;
transition: background-color 0.5s ease 0s;
}
.proselect ul li:hover {
color: #fff;
background-color: #bb0327;
transition: background-color 0.5s ease 0s;
}
/*===================技术研发=====================*/
.coretit {
padding: 3.5% 5%;
}
.coretit h2 {
font-size: 36px;
color: #2c2e32;
line-height: 1;
}
.coretit i {
display: block;
width: 43px;
height: 3px;
background-color: #cecece;
margin: 1.6% 0 1.8%;
}
.coretxt {
width: 70%;
font-size: 16px;
color: #666;
line-height: 28px;
}
.coreli ul li {
overflow: hidden;
background-color: #f5f5f5;
}
.coreli ul li em {
width: 50%;
float: left;
overflow: hidden;
position: relative;
}
.coreli ul li em::after{
content:"";
display: block;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.25);
opacity: 0;
position: absolute;
top:0;
left:0;
z-index: 2;
transition:opacity 0.5s ease 0s;
}
.coreli ul li em img {
width: 100%;
}
.coreli ul li em:hover::after {
opacity: 1;
transition:opacity 0.5s ease 0s;
}
.coreli ul li .coretx {
width: 50%;
float: right;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
}
.coreli ul li .coretx h2 {
font-size: 30px;
color: #2c2e32;
line-height: 1;
}
.coreli ul li .coretx h2 b {
font-size: 36px;
color: #bb0327;
font-family: 'CENTURYGOTHIC-BOLD';
}
.coreli ul li .coretx i {
display: block;
display: block;
width: 43px;
height: 3px;
background-color: #cecece;
margin: 5% 0 5%;
}
.coreli ul li .coretx .corep p {
font-size: 16px;
margin-bottom: 1.8%;
}
.coreli ul li .coretx .corep p b {
color: #333;
}
.coreli ul li.oddli em {
float: right;
}
/*===============result=================*/
.result-wrap .newslist{
padding:2% 12% 0;
}
.result-wrap .storelist{
padding:0 12% 5%;
}
.findtit{
background-color: #f9f9f9;
padding:28px 5% 22px;
}
.findtit h2{
font-size: 28px;
color: #333;
line-height: 1;
}
/*============返回按钮=============*/
.backlistbtn a{
display: inline-block;
*display: inline;
*zoom:1;
width: 120px;
height: 36px;
text-align: center;
line-height: 36px;
border:1px #999 solid;
border-radius:18px;
font-size: 14px;
color: #999;
transition:all 0.5s ease 0s;
}
.backlistbtn a:hover{
color: #c3072c;
border-color:#c3072c;
transition:all 0.5s ease 0s;
}
/*=============人才招聘申请==============*/
.applybtn .hrxx{
display: none;
font-size: 14px;
color: #c60329;
line-height: 24px;
}
img#code {
height: 100%;
vertical-align: top;
}
/*===============移动端视频中心=================*/
.mvideo{
display: none;
}
.mvideo ul li{
width: 100%;
}
.mvideo ul li .mvimg{
display: block;
width: 100%;
position: relative;
}
.mvideo ul li video{
width: 100%;
}
.mvideo ul li .mvimg img{
width: 100%;
height:100%;
}
.mvideo ul li .mvimg .mvmask{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 4;
background: url(../images/mask.png) repeat;
}
.mvideo ul li .mvimg b{
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(../images/syvi.png) no-repeat center;
background-size: cover;
z-index: 5;
}
.mvideo ul li .mvtx{
padding-top:5%;
}
.mvideo ul li .mvtx h2{
font-size: 18px;
color: #333;
line-height: 28px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.mvideo ul li .mvtx .tx{
font-size: 12px;
line-height: 24px;
color: #666;
margin-bottom: 5%;
}
/*====================闪电产品页====================*/
.flash {
overflow: hidden;
}
.carintro {
background: #f4f4f4 url(../images/floor.jpg) center bottom no-repeat;
background-size: cover;
position: relative;
padding: 4% 0 0;
}
.carintro .wrap {
max-width: 1308px;
margin: 0 auto;
}
.flxtit {
text-align: center;
}
.flxtit h2 {
font-size: 48px;
color: #333;
line-height: 1;
margin-bottom: 10px;
}
.flxtit h2 span {
margin: 0 10px;
}
.flxtit h2 i {
display: inline-block;
*display: inline;
*zoom: 1;
width: 38px;
height: 46px;
background: transparent url(../images/flashlight.png) center no-repeat;
background-size: 100% 100%;
vertical-align: text-bottom;
}
.flxtit h3 {
font-size: 16px;
color: #666;
line-height: 1;
}
.flxintro {
position: relative;
}
.introtx {
position: absolute;
/*width: 66%;*/
width: 84%;
margin-left: -42%;
bottom: 105px;
left: 50%;
z-index: 1;
}
.speed {
font-size: 30px;
color: #d30830;
font-family: 'CENTURYGOTHIC-BOLD';
position: absolute;
right: 40px;
top: -7px;
}
.letters {
font-size: 400px;
color: #d30830;
line-height: 300px;
text-align: center;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT',arial;
letter-spacing: -0.095em;
margin: 0 auto;
}
.letters span {
display: inline-block;
*display: inline;
*zoom: 1;
}
.flxcar {
width: 50%;
margin: 10px auto 0;
position: relative;
z-index: 4;
}
.flxcar img {
width: 100%;
}
.anchorspd {
height: 48px;
margin-top: 30px;
position: relative;
z-index: 10;
}
.anchors {
width: 70%;
margin: 0 auto;
position: relative;
z-index: 3;
padding: 0 15%;
z-index: 10;
box-shadow: 0 8px 12px rgba(0,0,0,0.15);
}
.anchors.fixed {
position: fixed;
top: 0;
left: 0;
background-color: #fff;
}
.anchors.fixed ul li {
box-shadow: none;
border-right: 1px #f4f4f4 solid;
}
.anchors{
background-color: #fff;
}
.anchors ul {
text-align: center;
font-size:0;
}
.anchors ul li {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
width: 20%;
box-sizing: border-box;
font-size: 18px;
color: #666;
background-color: #fff;
position: relative;
text-align: center;
cursor: pointer;
box-shadow: none;
border-right:1px #f4f4f4 solid;
}
.anchors ul li:last-child {
margin-right: 0;
border-right: none;
}
.anchors ul li i {
font-size: 24px;
color: #d30830;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
margin-right: 5px;
font-style: normal;
vertical-align: middle;
}
.anchors ul li span {
margin-left: 5px;
vertical-align: middle;
}
.anchors ul li.cur b {
display: block;
width: 100%;
height: 3px;
background-color: #bb0327;
position: absolute;
bottom: 0;
left: 0;
}
.flxdots {
position: absolute;
width: 80%;
margin-right: -40%;
right: 50%;
bottom: 15%;
z-index: 2;
}
.flxdots img {
width: 100%;
}
.speedline {
background-color: #303136;
}
.speedline .wrap {
max-width: 1308px;
margin: 0 auto;
padding: 3% 0 4%;
}
.linebg {
float: left;
width: 610px;
height: 261px;
background: url(../images/linebg.jpg) center no-repeat;
background-size: 100% 100%;
position: relative;
}
.linebg .redline {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: url(../images/redline.png) left center no-repeat;
overflow: hidden;
}
.linebg .grayline {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: url(../images/grayline.png) left center no-repeat;
overflow: hidden;
}
.linebg .sm {
font-size: 24px;
color: #d30830;
position: absolute;
right: 0;
top: 105px;
}
.linebg .tm {
font-size: 24px;
color: #d30830;
position: absolute;
right: 0;
top: 50px;
}
.linebg .linecenter {
font-size: 36px;
color: #fff;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
position: absolute;
top: 86px;
left: 300px;
}
.linebg .linecenter i {
font-style: normal;
}
.mdots b {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
}
.mdots b::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
margin-top: -4px;
margin-left: -4px;
left: 50%;
top: 50%;
animation: bannerbuIn infinite linear 1.5s normal;
-webkit-animation: bannerbuIn infinite linear 1.5s normal;
}
.mdots b.b01 {
top: 146px;
left: 129px;
}
.mdots b.b02 {
top: 165px;
left: 202px;
}
.mdots b.b03 {
top: 121px;
left: 372px;
}
.mdots b.b04 {
top: 103px;
left: 474px;
}
.redb {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
position: relative;
background-color: rgba(151, 24, 52, 0.6);
position: absolute;
top: 147px;
left: 336px;
}
.redb::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
margin-top: -4px;
margin-left: -4px;
left: 50%;
top: 50%;
background-color: rgba(151, 24, 52, 0.6);
animation: bannerbuIn infinite linear 1.5s normal;
-webkit-animation: bannerbuIn infinite linear 1.5s normal;
}
.redb::before {
content: "";
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: rgba(151, 24, 52, 0.6);
position: absolute;
margin-top: -7px;
margin-left: -7px;
left: 50%;
top: 50%;
animation: bannerbuIn infinite linear 1.5s normal;
-webkit-animation: bannerbuIn infinite linear 1.5s normal;
}
@keyframes bannerbuIn {
0% {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
}
100% {
opacity: 0;
filter: alpha(opacity=0);
transform: scale(3);
}
}
.linetx {
float: right;
margin-top: 7%;
}
.linetx h2 {
color: #fff;
font-size: 40px;
line-height: 1;
margin-bottom: 20px;
}
.linetx .linetxp {
width: 520px;
color: #c1c2c3;
font-size: 14px;
line-height: 24px;
}
.engine {
background-color: #e5e5e5;
}
.engine>img{
display: none;
}
.engine .wrap {
max-width: 1308px;
margin: 0 auto;
padding: 8% 0 11%;
}
.engine .wrap .tx h2 {
font-size: 40px;
color: #fff;
line-height: 1;
margin-bottom: 20px;
}
.engine .wrap .tx .txp {
font-size: 14px;
color: #c1c2c3;
line-height: 24px;
height: 72px;
}
.power {
margin-top: 24px;
}
.power .acc {
float: left;
padding-right: 50px;
position: relative;
margin-right: 45px;
}
.power .acc::after {
content: "";
display: block;
position: absolute;
right: 0;
top: 10%;
width: 1px;
height: 80%;
background-color: #393939;
}
.power .acc .num {
font-size: 24px;
color: #d30830;
line-height: 1;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.power .acc .num i {
font-size: 80px;
color: #d30830;
font-style: normal;
}
.power .acc p {
font-size: 14px;
color: #666;
line-height: 24px;
}
.power .deg {
float: left;
}
.power .deg .num {
font-size: 80px;
color: #d30830;
line-height: 1;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.power .deg .num i {
font-style: normal;
}
.power .deg p {
font-size: 14px;
color: #666;
line-height: 24px;
}
.ability > img {
width: 120%;
display: none;
}
.ability .wrap {
/*max-width: 1308px;
margin: 0 auto;*/
padding: 8% 0 17%;
}
.ability .wrap .tx {
width: 46%;
max-width: 670px;
padding-right:10%;
}
.ability .wrap .tx h2 {
font-size: 40px;
color: #333;
}
.ability .wrap .tx .txp {
color: #666;
}
.power .abacc::after {
background-color: #bababa;
}
.power .abacc:last-child::after {
display: none;
}
.double>img{
display: none;
}
.double .wrap {
max-width: 1308px;
margin: 0 auto;
padding-top: 8%;
padding-bottom: 11%;
}
.double .wrap .tx h2 {
font-size: 40px;
color: #fff;
line-height: 1;
margin-bottom: 20px;
}
.double .wrap .tx .txp {
width: 680px;
font-size: 14px;
color: #c1c2c3;
line-height: 24px;
height: 72px;
}
.cws {
margin-top: 30px;
}
.cws .cw {
float: left;
width: 136px;
height: 136px;
text-align: center;
position: relative;
box-sizing: border-box;
padding-top: 36px;
margin-right: 32px;
}
.cws .cw b {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.cws .cw b.in {
transform: rotateZ(90deg);
transition: transform 2s ease 0s;
}
.cws .cw.cw01 b {
background: url(../images/kd01.png) center no-repeat;
background-size: cover;
}
.cws .cw.cw02 b {
background: url(../images/kd02.png) center no-repeat;
background-size: cover;
}
.cws .cw.cw03 b {
background: url(../images/kd03.png) center no-repeat;
background-size: cover;
}
.cws .cw .precent {
font-size: 16px;
color: #ff2e3b;
line-height: 1;
}
.cws .cw .precent i {
font-size: 36px;
font-style: normal;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.cws .cw .cwj {
color: #fff;
}
.cws .cw .cwj .wn {
color: #fff;
font-size: 12px;
}
.cws .cw .cwj .wn i {
font-size: 14px;
font-style: normal;
}
.cws .cw .cwj .rn {
color: #ff2e3b;
font-size: 12px;
}
.cws .cw .cwj .rn i {
font-size: 14px;
font-style: normal;
}
.alldeg {
padding-top: 3.5%;
padding-bottom: 3%;
background-color: #fff;
}
.alldeg .wrap {
max-width: 1308px;
margin: 0 auto;
}
.alldegtit {
text-align: center;
}
.alldegtit h2 {
font-size: 40px;
color: #333;
line-height: 1;
margin-bottom: 14px;
}
.alldegtit .subh {
font-size: 16px;
color: #666;
line-height: 24px;
padding: 0 5%;
}
.alldegtit .desc {
margin-top: 36px;
}
.alldegtit .desc ul {
display: inline-block;
*display: inline;
*zoom: 1;
}
.alldegtit .desc ul li {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 18px;
}
.alldegtit .desc ul li em {
display: inline-block;
*zoom: 1;
width: 79px;
height: 79px;
margin-bottom: 10px;
vertical-align: top;
box-sizing:border-box;
border:1px #d30830 solid;
border-radius:50%;
/*overflow: hidden;*/
position: relative;
transition:all 0.5s ease 0s;
}
.alldegtit .desc ul li em b{
display: inline-block;
*display: inline;
*zoom:1;
width: 50px;
height: 50px;
position: absolute;
top:50%;
left:50%;
margin-left:-25px;
margin-top:-25px;
}
.alldegtit .desc ul li em.ideg01 b{
background: url(../images/ideg01.png) no-repeat center;
background-size: 100% 100%;
}
.alldegtit .desc ul li em.ideg02 b{
background: url(../images/ideg02.png) no-repeat center;
background-size: 100% 100%;
}
.alldegtit .desc ul li em.ideg03 b{
background: url(../images/ideg03.png) no-repeat center;
background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em{
background-color: #d30830;
transition:all 0.5s ease 0s;
}
.alldegtit .desc ul li:hover em.ideg01 b{
background: url(../images/ideg001.png) no-repeat center;
background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em.ideg02 b{
background: url(../images/ideg002.png) no-repeat center;
background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em.ideg03 b{
background: url(../images/ideg003.png) no-repeat center;
background-size: 100% 100%;
}
/*.alldegtit .desc ul li em:hover b{
-webkit-animation:boom 0.3s linear;
animation:boom 0.3s linear;
}
@-webkit-keyframes boom{
0% {
margin-top:-25px;
}
50%{
margin-top:-100px;
}
51%{
margin-top:80px;
}
100% {
margin-top:-25px;
}
}
@keyframes boom
{
0% {
margin-top:-25px;
}
50%{
margin-top:-100px;
}
51%{
margin-top:80px;
}
100% {
margin-top:-25px;
}
}*/
.alldegtit .desc ul li p {
font-size: 14px;
color: #333;
}
.alldegslide {
position: relative;
}
.allc {
display: none;
width: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -50%;
text-align: center;
}
.allc span {
font-size: 440px;
color: #d30830;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
line-height: 1;
position: relative;
letter-spacing: 0.07em;
}
.allc span i {
font-size: 160px;
position: absolute;
top: 88px;
right: -40px;
font-style: normal;
}
.alldegslide .bimg {
position: relative;
}
.alldegslide .bimg > img {
max-width: 80%;
}
.alldegslide .bimg .slidebtn {
display: block;
width: 30px;
height: 68px;
position: absolute;
top: 50%;
margin-top: -34px;
}
.alldegslide .bimg .slidebtn.previmg {
left: 5px;
background: url(../images/all-l.png) no-repeat center;
background-size: 100% 100%;
transition: all 0.5s ease 0s;
}
.alldegslide .bimg .slidebtn.previmg:hover {
left:0;
background: url(../images/all-l02.png) no-repeat center;
background-size: 100% 100%;
}
.alldegslide .bimg .slidebtn.nextimg {
right: 5px;
background: url(../images/all-r.png) no-repeat center;
background-size: 100% 100%;
transition: all 0.5s ease 0s;
}
.alldegslide .bimg .slidebtn.nextimg:hover {
right:0;
background: url(../images/all-r02.png) no-repeat center;
background-size: 100% 100%;
}
.bbimg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.allimg {
display: none;
width: 80%;
height: 100%;
margin: 0 auto;
position: relative;
}
.allimg ul {
width: 100%;
}
.allimg ul li {
display: none;
width: 100%;
position: absolute;
top: 0;
text-align: center;
}
.allimg ul li img {
max-width: 100%;
}
.allimg ul li.cur {
display: block;
}
.allcolor {
text-align: center;
padding-top: 20px;
position: relative;
z-index: 2;
}
.allcolor ul {
display: inline-block;
*display: inline;
*zoom: 1;
}
.allcolor ul li {
float: left;
border: 1px transparent solid;
border-radius: 3px;
box-sizing: border-box;
overflow: hidden;
margin: 0 4px;
cursor: pointer;
width: 28px;
height: 28px;
}
.allcolor ul li img {
vertical-align: top;
width: 100%;
height: 100%;
}
.allcolor ul li.cur {
border: 1px transparent solid;
box-shadow: 0 0 10px #ccc;
}
.model {
position: relative;
overflow: hidden;
}
.model>img{
display: none;
}
.model .modelbg{
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 2;
}
.model #wave {
position: absolute;
z-index: 1;
bottom: -212px;
width: 100%;
height: 745px;
}
.model > img {
display: none;
width: 100%;
}
.model .wrap {
max-width: 1308px;
margin: 0 auto;
padding: 8% 0 11%;
position: relative;
z-index: 3;
}
.model .wrap .tx h2 {
font-size: 40px;
color: #fff;
}
.model .wrap .tx .txp {
font-size: 14px;
color: #c1c2c3;
line-height: 24px;
height: 72px;
width: 450px;
}
.model .wrap .tx .itx {
margin-top: 56px;
}
.model .wrap .tx .itx ul li {
text-align: center;
float: left;
margin-right: 40px;
}
.model .wrap .tx .itx ul li em {
display: inline-block;
*display: inline;
*zoom: 1;
margin-bottom: 10px;
vertical-align: top;
width: 79px;
height: 79px;
border-radius: 50%;
box-sizing:border-box;
border:1px #d30830 solid;
position: relative;
/*overflow: hidden;*/
transition:all 0.5s ease 0s;
}
.model .wrap .tx .itx ul li em b{
display: inline-block;
*display: inline;
*zoom:1;
width: 50px;
height: 50px;
position: absolute;
top:50%;
margin-top:-25px;
margin-left: -25px;
left:50%;
}
.model .wrap .tx .itx ul li em.itx01 b{
background: url(../images/itx01.png) no-repeat center;
background-size: 100% 100%;
}
.model .wrap .tx .itx ul li em.itx02 b{
background: url(../images/itx02.png) no-repeat center;
background-size: 100% 100%;
}
.model .wrap .tx .itx ul li:hover em{
background-color: #d30830;
transition:all 0.5s ease 0s;
}
.model .wrap .tx .itx ul li:hover em.itx01 b{
background: url(../images/itx001.png) no-repeat center;
background-size: 100% 100%;
}
.model .wrap .tx .itx ul li:hover em.itx02 b{
background: url(../images/itx002.png) no-repeat center;
background-size: 100% 100%;
}
/*.model .wrap .tx .itx ul li em:hover b{
-webkit-animation:boom 0.3s linear;
animation:boom 0.3s linear;
}*/
.model .wrap .tx .itx ul li p {
font-size: 14px;
color: #d30830;
}
.lock>img{
display: none;
}
.lock .wrap {
padding: 8% 0;
}
.lock .wrap .tx .txp {
width: 450px;
}
.lock .wrap .tx .itx {
margin-top: 56px;
}
.lock .wrap .tx .itx ul li em{
position: relative;
/*overflow: hidden;*/
}
.lock .wrap .tx .itx ul li em b{
display: inline-block;
*display: inline;
*zoom:1;
width: 50px;
height: 50px;
position: absolute;
top:50%;
margin-top:-25px;
margin-left: -25px;
left:50%;
}
.lock .wrap .tx .itx ul li em.itx01 b{
background: url(../images/pint.png) no-repeat center;
background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li em.itx02 b{
background: url(../images/chart.png) no-repeat center;
background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li:hover em{
background-color: #d30830;
transition:all 0.5s ease 0s;
}
.lock .wrap .tx .itx ul li:hover em.itx01 b{
background: url(../images/pint01.png) no-repeat center;
background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li:hover em.itx02 b{
background: url(../images/chart01.png) no-repeat center;
background-size: 100% 100%;
}
/*.lock .wrap .tx .itx ul li em:hover b{
-webkit-animation:boom 0.3s linear;
animation:boom 0.3s linear;
}*/
.light {
position: relative;
}
.light .tx {
width: 100%;
text-align: center;
position: absolute;
top: 8.5%;
z-index: 3;
}
.light .tx h2 {
font-size: 40px;
color: #fff;
line-height: 1;
margin-bottom: 20px;
}
.light .tx .txp {
padding: 0 5%;
font-size: 14px;
color: #c1c2c3;
line-height: 24px;
height: auto;
}
.lightq {
position: relative;
}
.lightq .bd {
position: relative;
}
.lightq .bd > img {
width: 100%;
height: auto;
}
.lightq .bd ul {
width: 100%;
height: 100%;
}
.lightq .bd ul li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.lightq .bd ul li em {
width: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
/* opacity: 1;
filter: alpha(opacity=100);*/
/*transition: opacity 0.5s ease 0s;*/
}
.lightq .bd ul li em img {
width: 100%;
height: 100%;
}
.lightq .bd ul li em.show {
/*opacity: 1;
filter: alpha(opacity=100);
transition: opacity 0.5s ease 0s;*/
display: block;
}
.lightq .bd ul li em::after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
-webkit-animation: gradient 3s linear;
animation: gradient 3s linear;
background: -moz-radial-gradient(40%, ellipse cover, #000 50%, #131313 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(40%, ellipse cover, #000 50%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at 40%, #000 50%,#131313 100%);
opacity: 0;
}
/*.lightq .bd ul li em.show::after{
box-shadow: inset 0 0 600px rgba(0,0,0,0.6);
transition:all 5s ease 0s;
}*/
/*@-webkit-keyframes gradient {
0% {
box-shadow: inset 0 900px 600px rgba(0,0,0,0.8);
}
100% {
box-shadow: inset 0 0px 600px rgba(0,0,0,0.8);
}
}
@keyframes gradient {
0% {
box-shadow: inset 0 900px 600px rgba(0,0,0,0.8);
}
100% {
box-shadow: inset 0 0px 600px rgba(0,0,0,0.8);
}
}*/
@keyframes gradient{
0%{
opacity: 0.8;
}
100%{
opacity:0;
}
}
.lightq .hd {
position: absolute;
top: 50%;
left: 50%;
width: 652px;
margin-left: -326px;
z-index: 3;
}
.lightq .hd ul li {
text-align: center;
cursor: pointer;
}
.lightq .hd ul li em {
display: inline-block;
*display: inline;
*zoom: 1;
width: 79px;
height: 79px;
/*opacity: 1;
filter: alpha(opacity=100);
transition: all 0.5s ease 0s;*/
vertical-align: top;
margin-bottom: 10px;
border-radius: 50%;
box-sizing:border-box;
border:1px #d30830 solid;
position: relative;
}
.lightq .hd ul li:hover em{
background-color: #d30830;
/*opacity: 0.7;
filter: alpha(opacity=70);*/
transition: all 0.5s ease 0s;
}
.lightq .hd ul li em b{
display: inline-block;
*display: inline;
*zoom:1;
width: 50px;
height: 50px;
position: absolute;
top:50%;
margin-top:-25px;
margin-left: -25px;
left:50%;
}
.lightq .hd ul li.font em b{
background: url(../images/front.png) no-repeat center;
background-size: 100% 100%;
transition:all 0.5s ease 0s;
}
.lightq .hd ul li.end em b{
background: url(../images/end.png) no-repeat center;
background-size: 100% 100%;
transition:all 0.5s ease 0s;
}
.lightq .hd ul li.font:hover em b{
background: url(../images/front02.png) no-repeat center;
background-size: 100% 100%;
transition:all 0.5s ease 0s;
}
.lightq .hd ul li.end:hover em b{
background: url(../images/end02.png) no-repeat center;
background-size: 100% 100%;
transition:all 0.5s ease 0s;
}
.lightq .hd ul li p {
font-size: 14px;
color: #d30830;
}
.design .tit {
max-width: 1308px;
margin: 0 auto;
padding: 3.5% 5%;
text-align: center;
}
.design .tit h2 {
font-size: 40px;
color: #333;
line-height: 1;
}
.design .tit .subh {
font-size: 16px;
color: #333;
line-height: 24px;
margin-top: 20px;
min-height: 48px;
}
.designul ul li {
float: left;
box-sizing: border-box;
width: 50%;
position: relative;
}
.designul ul li em {
width: 100%;
display: block;
position: relative;
overflow: hidden;
}
.designul ul li em img {
width: 100%;
height: auto;
vertical-align: top;
transform: scale(1.01);
transition: transform 0.5s ease 0s;
}
.designul ul li em:hover img {
transform: scale(1.05);
transition: transform 0.5s ease 0s;
}
.designul ul li .tx {
position: absolute;
top: 15%;
width: 415px;
}
.designul ul li .tx h2 {
font-size: 24px;
color: #fff;
line-height: 1;
margin-bottom: 20px;
}
.designul ul li .tx .txp {
font-size: 14px;
color: #fff;
line-height: 24px;
}
.designul ul li:nth-child(2n+1) .tx {
right: 230px;
}
.designul ul li:nth-child(2n) .tx {
left: 50px;
}
.secure > img {
display: none;
}
.secure .wrap {
max-width: 1308px;
margin: 0 auto;
padding-top: 8%;
padding-bottom: 15%;
}
.secure .wrap .tx h2 {
font-size: 40px;
color: #333;
line-height: 1;
margin-bottom: 24px;
}
.secure .wrap .tx .txp {
width: 520px;
font-size: 14px;
color: #666;
line-height: 24px;
}
.secure .wrap .tx .destance {
margin-top: 40px;
}
.secure .wrap .tx .destance .num {
font-size: 30px;
color: #d30830;
font-family: 'CENTURYGOTHIC-BOLD';
line-height: 1;
}
.secure .wrap .tx .destance .num i {
font-style: normal;
font-size: 80px;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
font-weight: bolder;
}
.secure .wrap .tx .destance .destp {
font-size: 14px;
color: #666;
}
.material .wrap {
max-width: 1308px;
margin: 0 auto;
padding-top: 4%;
padding-bottom: 1%;
}
.material .wheel {
float: left;
width: 53%;
}
.material .wheel img {
width: 100%;
}
.material .materialtx {
float: left;
margin-left: 6%;
margin-top: 6%;
}
.material .materialtx h2 {
font-size: 20px;
color: #666;
line-height: 1;
}
.material .materialtx .numpre {
display: inline-block;
color: #c00a2f;
font-size: 126px;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
position: relative;
line-height: 1;
}
.material .materialtx .numpre em {
font-style: normal;
}
.material .materialtx .numpre i {
display: block;
width: 100%;
height: 3px;
background-color: #c00a2f;
position: absolute;
bottom: 0;
left: 0;
}
.material .materialtx .materialtxp {
margin-top: 36px;
font-size: 32px;
color: #333;
line-height: 40px;
}
.carwin>img{
display: none;
}
.carwin .wrap {
max-width: 1308px;
margin: 0 auto;
padding-top: 15%;
padding-bottom: 15%;
}
.carwin .wrap .tx h2 {
font-size: 48px;
color: #fff;
line-height: 1;
margin-bottom: 20px;
}
.carwin .wrap .tx .txp {
font-size: 14px;
color: #c1c2c3;
line-height: 24px;
}
.antiwater {
position: relative;
background-color: #f4f4f4;
}
.antiwater .wrap {
max-width: 1308px;
margin: 0 auto;
padding-top: 11%;
padding-bottom: 12%;
position: relative;
}
.antiwater .wrap .tx{
position: relative;
z-index: 2;
}
.antiwater .wrap .tx h2 {
font-size: 40px;
line-height: 1;
color: #333;
}
.antiwater .wrap .tx .txp {
font-size: 14px;
color: #666;
line-height: 24px;
max-width: 420px;
margin-top: 26px;
}
.antiwater .wrap .tx .deep {
width: 88px;
height: 88px;
border-radius: 50%;
background-color: #1fb7f6;
color: #fff;
text-align: center;
box-sizing: border-box;
padding-top: 5px;
margin-top: 64px;
-webkit-animation: float 3s infinite ease-in-out;
animation: float 3s infinite ease-in-out;
position: relative;
}
.antiwater .wrap .tx .deep p {
font-size: 20px;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.antiwater .wrap .tx .deep p i {
font-style: normal;
font-size: 32px;
}
@-webkit-keyframes float {
0% {
top: 0px;
}
50% {
top: 40px;
}
100% {
top: 0px;
}
}
@keyframes float {
0% {
top: 0px;
}
50% {
top: 40px;
}
100% {
top: 0px;
}
}
.bigcar {
position: absolute;
right: -5%;
bottom: 0;
width: 70%;
}
.bigcar img {
width: 100%;
}
.water {
width: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -50%;
}
.water img {
width: 100%;
}
.emanager>img{
display: none;
}
.emanager .wrap {
max-width: 1308px;
margin: 0 auto;
padding: 14% 0 14%;
}
.emanager .wrap .tx h2 {
font-size: 48px;
color: #fff;
line-height: 1;
margin-bottom: 10px;
}
.emanager .wrap .tx .subh {
font-size: 20px;
color: #fff;
line-height: 24px;
}
.emanager .wrap .tx .txp {
font-size: 14px;
line-height: 24px;
color: #fff;
margin-top: 50px;
width: 532px;
height: 72px;
}
.parameter .wrap {
max-width: 1308px;
margin: 0 auto;
padding-bottom: 40px;
}
.paramimg {
width: 50%;
margin: 0 auto;
padding: 30px 0;
}
.paramimg img {
width: 100%;
}
.params {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 3.5% 8% 3.5%;
text-align: center;
}
.params .seeparam {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 68px;
color: #ce001d;
vertical-align: top;
line-height: 72px;
cursor: pointer;
}
.params ul {
display: inline-block;
*display: inline;
*zoom: 1;
}
.params ul li {
margin-right: 130px;
float: left;
}
.params ul li p {
font-size: 14px;
color: #666;
line-height: 1;
}
.params ul li p span {
font-size: 36px;
color: #ce001d;
font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
line-height: 1;
vertical-align: sub;
}
.params ul li p span i {
font-size: 72px;
color: #ce001d;
font-style: normal;
}
.wanted {
text-align: center;
padding: 46px 0;
}
.wanted a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 160px;
height: 45px;
background-color: #ce001d;
text-align: center;
color: #fff;
line-height: 45px;
font-size: 14px;
border-radius: 3px;
opacity: 1;
filter: alpha(opacity=100);
transition: all 0.5s ease 0s;
}
.wanted a:hover {
opacity: 0.75;
filter: alpha(opacity=75);
transition: all 0.5s ease 0s;
}
header.nofixed {
top: -80px;
transition: all 0.5s ease-out 0s;
}
.hdpd.nofixed {
height: 0;
transition: height 0.5s ease-out 0s;
}
.paramstb{
width: 100%;
}
.paramstb .tbtx{
float: left;
width: 30%;
margin-right:5%;
margin-bottom:16px;
}
.paramstb .tbtx:nth-child(3n){
margin-right:0;
}
.paramstb .lasttbtx{
width: 100%;
}
.paramstb .tbtx strong{
float:left;
font-size: 18px;
color: #2b2b2f;
height:100%;
margin-right:10px;
}
.paramstb .tbtx .txp{
float: left;
font-size: 14px;
color: #666;
line-height: 22px;
padding-top:7px;
}
/* company-intro */
.body{max-width:1920px;margin:0 auto;font-size:16px;}
.body .line{width:14px;height:3px;background:#eb6302;border-radius:3px;margin:0 auto}
.body img{display:block;width:100%}
.body .intro-list{padding:60px 0;border-bottom:1px solid #ededed; overflow:hidden;}
.body .intro-list .intro-item{width:25%;padding-left:50px; float:left; box-sizing:border-box;border-left:1px solid hsla(0,0%,100%,.14)}
.body .intro-list .intro-item:first-child{border-left:none}
.body .intro-list .intro-item .line{margin:0;width:34px}
.body .intro-list .intro-item h3{display:inline;font-size:56px;font-weight:bolder;background:-webkit-linear-gradient(bottom left,#e3000f,#ef7c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height: 1.5;}
.body .intro-list .intro-item p{height: 1;}
.body .content{max-width:1300px;margin:0 auto}
.body .description{padding:5% 0 3%;text-align:center}
.body .description .text h3{font-size:42px;font-weight:bolder}
.body .description .text p{margin:20px 0 40px}
.body .description .points-list{margin:40px 0; overflow:hidden;-ms-flex-wrap:wrap;flex-wrap:wrap}
.body .description .points-item{width:49%; float:left;margin-bottom:20px;margin-left: 0.5%; margin-right: 0.5%;}
.body .description .points-item .img-box{width:100%}
.body .product{padding:100px 0;background:#fafafa}
.body .product .text{text-align:center}
.body .product .text h3{font-size:42px;font-weight:bolder}
.body .product .text p{margin:10px 0 10px}
.body .product .text h5{font-size:20px}
.body .product .points-list{margin:40px 0;overflow: hidden;}
.body .product .points-list .points-item{width:32.33%; float:left;margin-right:1%;margin-bottom:20px}
.body .product .points-list .points-item:nth-child(3n+0){margin-right:0}
.body .product .points-list .text{background:#fff;padding:5% 3%;}
.body .product .points-list .text h4{font-size:30px;font-weight:bolder}
.body .product .points-list .text p{line-height:2em;height:110px;font-size: 14px; text-align:left; overflow:hidden;}
.body .culture{padding:100px 0}
.body .culture .text{text-align:center}
.body .culture .text h3{font-size:42px;font-weight:bolder}
.body .culture .text p{margin:20px 0 40px}
.body .culture .points-list{margin-top:40px;overflow: hidden;}
.body .culture .points-list .text{width:50%;text-align:left;float: left;box-sizing: border-box;}
.body .culture .points-list .text h5{font-size:24px;font-weight:bolder}
.body .culture .points-list .text p{margin:10px 0 50px}
.body .culture .points-list .img-box{width:50%; float:right;}
.body .manager{padding:0 0 100px}
.body .manager .text{text-align:center}
.body .manager .text h3{font-size:42px;font-weight:bolder}
.body .manager .text p{margin:20px 0 40px}
.body .manager .points-list{margin-top:40px}
.body .manager .points-list .points-item{width:310px;padding:30px;margin-right:20px;border:1px solid #ededed}
.body .manager .points-list .points-item:last-child{margin-right:0}
.body .manager .points-list .img-box{width:250px;height:280px;overflow:hidden}
.body .manager .points-list .desc{margin-top:20px;text-align:center}
.body .manager .points-list .desc h5{font-size:24px;font-weight:bolder}
.body .manager .points-list .desc p{font-size:14px;margin:10px 0 20px}
.body .gongyi{padding:0 0 100px}.body .gongyi .text{text-align:center}
.body .gongyi .text h3{font-size:42px;font-weight:bolder}
.body .gongyi .text p{margin:20px 0 40px}
.body .gongyi .points-list{margin-top:40px;overflow:hidden}
.body .gongyi .points-list .points-item{width:640px; float:left;margin-right:20px}
.body .gongyi .points-list .points-item:last-child{margin-right:0}
.body .gongyi .points-list .img-box{width:640px;overflow:hidden}
.body .gongyi .points-list .desc{border:1px solid #ededed;border-top:none;padding:30px}
.body .gongyi .points-list .desc p{height:4.5em}
.main-content{
background: #fff;
}
.intro-text{
min-width: 1280px;
height: 330px;
background: #fff;
}
.intro-text-con{
max-width: 960px;
margin: 0 auto;
padding-top: 94px;
}
.left-intro-text{
float: left;
}
.right-intro-text{
width: 612px;
float: right;
margin-right: 24px;
margin-top: -5px;
}
.buliding-intro-box{
position: relative;
z-index: 99;
}
.buliding-intro{
width:100%;
background: url('../images/qy-intro-bg.png') top center no-repeat;
}
.buliding-intro-content{
max-width: 1280px;
margin: 0 auto;
}
.buliding-intro-content-mid{
padding-top: 10%;
text-align: center;
padding-bottom:10%;
}
.last-adver{
max-width: 1280px;
margin: 0 auto;
}
.main-img-tu{
background: #f1f2f2;
overflow:hidden;
margin-top:5%;
}
.intro-tu {
max-width: 1280px;
margin: 0 auto;
}
.intro-left{ float:left; width:50%;}
.intro-right{ float:left; width:50%;}
/*# sourceMappingURL=style.css.map */
/*发展历程 */
.listc {
background: #f4f4f4;
padding: 0 0 4rem;
}
.listc .img1:first-child {
background: #fff;
padding: 0px 0px;
margin-top: 1.5rem;
}
.listc .img1 {
margin-top: 0;
}
.listc .ulbox {
position: relative;
max-width: 1260px;
margin: 0 auto;
min-height: 400px;
padding-bottom: 2rem;
}
.listc .ulbox:before {
content: "";
position: absolute;
left: 50%;
width: 1px;
margin-left: 0.5px;
height: 100%;
background: #e7e7e7;
top: 5px;
}
.listc .ulbox .li-item {
width: calc(50% + 10px);
height: 145px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.listc .ulbox .li-item:nth-child(2n) { float:right;}
.listc .ulbox .li-item .img-text {
width: calc(100% - 100px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.listc .ulbox .li-item:nth-child(2n) .img-text{ margin-left:145px;}
.listc .ulbox .li-item .img {
width: 33%;
height: 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.listc .ulbox .li-item .text {
padding: 0 .5rem;
width: 67%;
font-size: 14px;
line-height: 1.5;
color: #333;
}
.listc .ulbox .li-item .j {
width: 0;
height: 0;
position: absolute;
right: -10px;
top: 50%;
margin-top: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
border-right: 10px solid #fff;
}
.listc .ulbox .li-item:nth-child(2n) .j {
left: -10px;
right: auto;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.listc .ulbox .li-item .time {
width: 100px;
text-align: right;
padding-right: 30px;
position: relative;
font-size:16px;
}
.listc .ulbox .li-item:nth-child(2n) .time {
text-align: left;
padding-left: 30px;
position: absolute;
}
.listc .ulbox .li-item .time:before {
content: "";
position: absolute;
top: 50%;
right: 5px;
width: 9px;
height: 9px;
margin-top: -4.5px;
background: #000;
border-radius: 50%;
}
.listc .ulbox .li-item:nth-child(2n) .time:before {
right: auto;
left: 5px;
}
/********联系我们***************/
.mod-39{ overflow:hidden; max-width:1280px; margin:0 auto; margin-top:20px;}
.mod-39>div{
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 10px;
line-height: 28px;
background:-webkit-linear-gradient(left,#bb0327,#f15101);/* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#bb0327,#f15101);/* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(right,#bb0327,#f15101);/* Firefox 3.6 - 15 */
background:linear-gradient(to right,#bb0327,#f15101);/* 标准*/
font-size: 14px;
color: #fff;
text-align: center;
width: 20%;
float:left;
min-height: 180px;
}
.contact-second{width: 100%;height:670px;position: relative; overflow:hidden;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:670px;overflow:hidden;}
.mod-39>div .fs18 {font-size: 20px;font-weight: bold; margin-bottom: 10px;
}
.wrapper {max-width: 1200px; margin: 0 auto;}
.cobox01 { height: 90px; background: #fff; overflow: hidden; padding: 90px 0; position: relative; z-index: 2; }
.cobox01 .tit { color: #333; position: relative; font-weight: bold; float: left; }
.cobox01 .tit .cn { font-size: 30px; color: #808080; margin-bottom: 10px; }
.cobox01 .tit .en { font-size: 21px; color: #808080; font-family: microsoft yahei light; }
.cobox01 .txt { margin-left: 450px; border-left: 4px solid #808080; padding-left: 80px; font-size: 14px; line-height: 24px; color: #666; }
.cobox02 { background: #e4e4e4;overflow: hidden; padding-bottom:3%;}
.cobox02 .item { width: 50%; float: left; box-sizing: border-box; padding: 50px 0 50px 0; position: relative; }
.cobox02 .item .hd { font-size: 24px; color: #6c6c6c; font-weight: bold; margin-bottom: 15px; }
.cobox02 .item .bd { font-size: 16px; color: #6c6c6c; line-height: 30px; min-height: 120px; overflow: hidden; }
.cobox02 .item:after { content: ''; display: block; width: 60%; height: 1px; background: #949494; position: absolute; left: 0; bottom: 0; }
.cobox02 .item:nth-child(3):after, .cobox02 .item:nth-child(4):after { display: none; }
/************社会责任************/
.zr_box{ margin:0 auto; max-width:1280px; overflow:hidden;}
.zr_box .zr_ul{overflow:hidden; margin-left:-2%}
.zr_box .zr_ul li{ float:left;margin-left:2%; width:48%; margin-bottom:2%;}
.zr_box .zr_ul li .zr_img{ max-height:400px; overflow:hidden;}
.zr_box .zr_ul li .zr_img img{ width:100%;}
.zr_box .zr_ul li .zr_zi{ margin-top:3%; padding:0px 5px; box-sizing:border-box;}
.zr_box .zr_ul li h2 {
font-size: 18px;
color: #333;
line-height: 28px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
margin-bottom: 10px;font-weight: bold;
}
.zr_box .zr_ul li .zr_tx{
font-size: 14px;
line-height: 24px;
color: #666;
margin-bottom:5%;
height:72px;
overflow: hidden;
}
.zr_box .zr_ul li .zr_more {
font-size: 14px;display: inline-block;
color: #999;
background:#fff;
border:1px solid #999;
border-radius:20px;
line-height: 18px;
padding:8px 25px;
}
.zr_box .zr_ul li .zr_more:hover {
color: #fff;
border:1px solid #bb0327;
background:#bb0327;
transition: all 0.5s;
}
.zr_box .zr_ul li:hover h2 { color:#bb0327;}
/********人才招聘*********/
.pageFrame {
min-height: 300px;
overflow: hidden;
background-color: #f4f4f4;
}
.join-content{max-width: 1100px; margin:2% auto; overflow:hidden;}
.join-content ul{ background:#fff;overflow:hidden;display: block;width: calc(100% - 10px);margin:5px;-moz-box-shadow: 5px 5px 5px #ddd;box-shadow: 5px 5px 5px #ddd;}
.join-content ul li{float: left;width:calc(20% - 1px);text-align: center;border-right: 1px solid #f3f3f3;}
.join-content ul li a{ color:#333; font-size:16px;padding:20px 0px; display:block;}
.join-content ul li:last-child{border-right: none;}
.join-content ul li:hover{background: #000;}
.join-content ul li:hover a{color: #fff;}
.join-content ul li.activen{color: #fff;background: #000;}
.join-content ul li.activen a{color: #fff;}
.all_tech{max-width: 1100px; margin:0 auto; overflow:hidden; margin-bottom:2%;}
.office{
margin:5px 5px 30px 5px;
position: relative;
}
.office h2{font-size: 20px;color: #000; background:url(../images/j-y-line.jpg) left center no-repeat; line-height:1.5; padding-left:20px;}
.office h2 .job-more{ float:right; margin-right:5px; display:inline-block; padding:5px 20px; background:#d2631e; color:#fff; font-size:16px; border-radius:20px;}
.office .office-datail{
width: calc(100% - 7px);
box-sizing: border-box;
margin-top: 15px;
color: #333;
background: #fff;
padding: 20px;
border: 1px solid #ccc;
-moz-box-shadow: 5px 5px 5px #ddd;
box-shadow: 5px 5px 5px #ddd;
}
.office .office-datail .salary{
margin-top: 10px;
}
.office .office-datail .salary ul{
float: left;
font-size: 18px;
color: #333;
}
.office .office-datail .salary ul li{
float: left;
margin-right: 20px;
}
.office .office-datail .job-r{
margin-top: 60px;
font-size: 14px;
color: #666;
}
.office .office-datail .job-r h4{
font-size: 20px;
color:#000;
font-weight: 600;
}
.office .office-datail .job-n{
line-height: 2;
font-size:15px;
}
.office .office-datail .job-r p{
line-height: 1.5;
}
.office .office-datail .qualifications{
margin-top: 30px;
}
.office .office-datail .qualifications h4{
font-size: 20px;
color:#000;
font-weight: 600;
}
.office .office-datail .qualifications p{
margin-top: 30px;
line-height: 2;
}
.art-main td{ border: 1px solid rgba(25, 25, 25, 0.19);}
.art-main .yd{line-height: 36px;font-size: 30px;color: #DA251D;}
.art-main .rg{padding-top: 9px;padding-bottom: 15px;line-height: 30px;color: #636363;font-size: 14px;}
.art-main .ym {font-size: 22px; color: #797979;line-height: 32px;padding-bottom: 4px;}
.art-main .yq {padding-bottom: 35px; padding-left:20px;}
.art-main .yq strong{ margin-bottom:5px; display:block;}
.art-main .zhiz p{ text-indent:0em;}
.xm {line-height: 26px;color: #7e7e7e;font-size: 14px;}
.xie002 {padding-left: 10px;padding-right: 10px;}
.xie1 { width: 210px; height:30px; color: #7e7e7e; padding: 0 5px; font-size: 14px;line-height:30px;border: 1px solid #e3e3e3;background: #FFF;}
.xie2{ width:860px; height:90px; padding:0 5px;line-height:26px; color:#7e7e7e; font-size:12px; border:1px solid #e3e3e3; background:#FFF; margin-top:9px;margin-bottom:9px; }
.ti{outline: none; width:70px; height:28px; background:#DA251D; border:1px solid #DA251D; margin-left:8px; color:#FFF; font-size:12px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; cursor:pointer;}
.ti:hover{ background:#F59C9C; border:1px solid #F59C9C;}