@charset "utf-8";




.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}





/*brand style*/
.bgf8 { background-color: #f8f8f8; }

.pagePadding { padding: 5%;   }










html.openImg { overflow: hidden; }




.overlayClose { cursor:pointer;width: 52px; height: 52px; display: block; position: fixed; right: 5%; top: 20%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; background: #BEA388;}
.overlayClose i { background: url(../images/close2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover {cursor:pointer; background-color: #967F68; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: none rgba(0,0,0,0.92); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: contain; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height:60%; max-width: 60%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .txt { background: none rgba(0,0,0,0.6); font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i {         text-align: center;
    color: #BEA388;
    font-weight: bold; }






.hi-num { width: 85px; height: 65px; background: #BEA388; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; border-radius: 0; width: 62px; height: 102px; overflow: hidden; text-indent: -10em; top: 50%; margin-top: -17px; background-color: #a0a0a0; background-position: center center; background-repeat: no-repeat; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 5%; background-image: url(../images/p_l2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 5%; background-image: url(../images/p_r2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #BEA388; }
.servicePage { background-color: #fff; padding: 40px 0px; }
.servicePage .owl-theme .owl-controls { margin-top: 0px; }
.servicePage .owl-theme .owl-controls .owl-buttons div { width: 33px; height: 33px; top: 50%; margin-top: -16px; z-index: 10; background: url(../images/img_bg.png); text-align: center; color: #fff; font: 14px/33px "宋体"; border-radius: 50%; padding: 0px; position: absolute; }
.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev { left: -142px; }
.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next { right: -142px; }
.happinessList dd { float: left; width: 33.33%; display: block; position: relative; }
.happinessList .img { display: block; width: 100%; }
.happinessList .wihl { background: url(../images/wihf.png) repeat; background: none rgba(255,255,255,0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); opacity: 0; visibility: hidden; }
.happinessList .numbox { position: absolute; width: 74px; text-align: center; top: 30%; right: 50%; margin-right: -37px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.happinessList .num { font: 180px/0.8 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; color: #e2932b; }
.no-csstransforms .happinessList .num { font-size: 60px; }
.no-csstransforms .happinessList .zh { font-size: 14px; }
.no-csstransforms .happinessList .con li { height: 102px; font-size: 12px; }
.no-csstransforms .happinessList .con li .ico { width: 40px; }
.no-csstransforms .happinessList dd:hover .by { top: 5%; }
.no-csstransforms .happinessList dd:hover .numbox { top: 4%; }
.happinessList .numbox .zh { font: 18px/1 "microsoft yahei"; color: #000; opacity: 0; visibility: hidden; transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; -ms-transition: 300ms ease 200ms; }
.happinessList .by { position: absolute; top: 50%; width: 68px; margin-top: 40px; text-align: center; left: 50%; margin-left: -34px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; border-top: 2px solid #d2d2d2; color: #f3e18c; font: 20px/1.2 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; padding: 25px 0px; }
.happinessList .con { position: absolute; left: 8%; bottom: 3%; width: 408px; opacity: 0; visibility: hidden; }
.happinessList .con li { float: left; display: block; width: 136px; color: #646464; font-size: 14px; height: 150px; line-height: 1.4; text-align: center; }
.happinessList .con li .ico { margin: 0px auto 10px; display: block; }
.happinessList dd:hover .wihl { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.happinessList dd:hover .numbox { right: 10%; margin-right: 0px; top: 8%; }
.happinessList dd:hover .numbox .num { color: #108d6d; }
.happinessList dd:hover .zh { opacity: 1; visibility: visible; }
.happinessList dd:hover .by { left: 8%; margin: 0px; padding: 5px 0px; top: 16%; color: #108d6d; border-bottom: 2px solid #d2d2d2; border-top: 0px none; color: #108D6D; width: auto; }
.happinessList dd:hover .con { visibility: visible; opacity: 1; bottom: 5%; transition: 500ms ease 300ms; -webkit-transition: 500ms ease 400ms; -ms-transition: 500ms ease 300ms; }
.wholeheartedlyB { padding: 6% 0px; text-align: center; }
.ser-by { text-transform: uppercase; font: 14px/1.5 "futura_lightregular","times new roman","microsoft yahei"; color: #108D6D; }
.ser-en { font: 40px/1.2 "futuramedium","times new roman","microsoft yahei"; color: #108d6d; text-transform: uppercase; margin-bottom: 24px; }
.ser-zh { font-size: 30px; color: #646464; }
.ser-i { font-size: 18px; color: #646464; margin-bottom: 15px; }
.wholeheartedlyImg { background-attachment: fixed; width: 100%; padding: 12% 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; }
.wholeheartedlyImg .con { text-align: center; font: 40px/1.2 "futuramedium","times new roman","microsoft yahei"; text-transform: uppercase; padding: 22px 0px; position: relative; }
.wholeheartedlyImg span { width: 52px; margin: 0px auto; height: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -26px; }
.wholeheartedlyImg .t { top: 0px; }
.wholeheartedlyImg .b { bottom: 0px; }
.twoServiceBox dd { float: left; display: block; width: 33.33%; *width: 33.3%; padding: 30px 0px; cursor: default; margin-bottom: 20px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .ico { display: block; margin: 0px auto; width: 100px; margin-bottom: 8px; }
.twoServiceBox .t { text-align: center; font-size: 20px; color: #000; padding: 20px 0px 5px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .lico { width: 0%; margin: 0px auto; height: 1px; display: block; background-color: #000; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .lico2 { width: 37px; margin: 0px auto; height: 1px; background-color: #000; display: block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .c { padding-top: 52px; width: 76%; margin: 0px auto; overflow: hidden; height: 72px; }
.twoServiceBox dd:hover { background-color: #fff; }
.twoServiceBox dd:hover .lico { width: 70%; }
.twoServiceBox dd:hover .lico2 { opacity: 0; visibility: visible; }
.threeSerBox { height: 896px; }
.goldBox { float: left; width: 40%; *width: 39.9%; height: 100%; padding: 0px 5%; background-color: #e6f8e7; }
.goldBox .ser-by { padding-top: 5%; line-height: 1.2; color: #f9a330; }
.goldBox .ser-en { color: #f9a330; margin-bottom: 0px; font-size: 50px; }
.goldBox .ser-zh { color: #323232; margin-bottom: 5%; }
.goldBox .img { width: 86%; margin: 0px auto; position: relative; }
.goldBox .img img { width: 100%; }
.goldBox .img a { background: url(../images/i3.png) no-repeat; width: 26px; height: 26px; position: absolute; transition: 400ms; -webkit-transition: 400ms; }
.goldBox .img a:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.goldBox .img a.act { background: url(../images/i2.png) no-repeat; }
.goldBox .img a.i1 { right: 23%; top: 50%; }
.goldBox .img a.i2 { right: 12%; top: 63%; }
.goldBox .img a.i3 { right: 30%; top: 64%; }
.goldBox .img a.i4 { right: 37%; top: 75%; }
.threeSerBox .rightBox { float: left; height: 100%; width: 50%; }
.goldDemo { background: url(../img/s.jpg) no-repeat scroll center center; background-size: cover; height: 448px; position: relative; }
.goldDemo .name { width: 97px; background: url(../images/m.png) no-repeat scroll 42px center #fff; padding: 10px 0px 10px 78px; position: absolute; left: -14px; top: 163px; }
.goldDemo .name span { display: block; color: #352f27; }
.goldDemo .name span.en { font: 20px/1.1 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.goldDemo .name span.zh { font-size: 25px; }
.goldDemo a { color: #fff; }
.goldDemo a:hover { color: #f9a330; }
.goldDemo .list { width: 258px; float: right; display: block; margin: 163px 15% 0px 0px; font-size: 20px; }
.goldDemo .list li { border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.goldDemo .list .last { text-align: right; border-bottom: 0px none; padding: 8px 0px 0px; margin-bottom: 0px; font-size: 16x; text-transform: uppercase; }
.RepairPage { background-color: #e1e1e1; height: 448px; position: relative; }
.RepairPage .item1 { float: left; padding: 5% 0px 0px 5%; width: 40%; }
.RepairPage .ser-by { color: #646464; }
.RepairPage .ser-en { color: #646464; margin-bottom: 0px; font: 60px/0.8 "futuramedium","times new roman","microsoft yahei";; }
.RepairPage .ser-zh { color: #352f27; font-size: 20px; }
.RepairPage .ico { background: url(../images/xico.png) no-repeat; width: 76px; height: 74px; position: absolute; left: 5%; bottom: 5%; display: block; }
.RepairPage .item2 { width: 285px; position: absolute; right: 5%; bottom: 5%; }
.retxt { width: 255px; padding: 5px 15px; height: 30px; line-height: 30px; color: #352F27; font-family: "microsoft yahei"; font-size: 14px; border: 0px none; margin-bottom: 12px; }
.retxt2 { height: 112px; resize: none; }
#RepairPage textarea { outline: none; height: 60px; line-height: 22px; }
#RepairPage input[type="text"]:focus, #RepairPage textarea:focus { background-color: #646464; color: #fff; }
.mbtn:hover { background-color: #009470; color: #fff; }
.mbtn { float: right; width: 100px; height: 34px; line-height: 34px; text-align: center; background-color: #fff; display: block; color: #352F27; font-size: 14px; font-family: "microsoft yahei"; }
#storePage a:link, #storePage a:visited { color: #787878; }
#storePage a:active, #storePage a:hover { color: #009572; }
#storePage { text-align: center; font-size: 14px; color: #646464; }
#storePage .inner { width: 1000px; }
#storePage .ser-en { font-size: 60px; margin-bottom: 10px; }
#storePage .ser-i { margin-bottom: 45px; }
.ser-c { padding-bottom: 40px; }
.fakeBox { padding: 0px 84px 0px 45px; position: relative; }
.fakeBox .retxt3 { width: 92%; padding: 0px 4%; height: 32px; border: 2px solid #009572; float: left; }
#storePage .fakeBox a.mbtn2 { height: 36px; line-height: 36px; width: 80px; display: block; position: absolute; right: 0px; top: 0px; background-color: #f9a330; font-size: 14px; color: #fff; }
#storePage .fakeBox a.mbtn2:hover { background-color: #009470; }
#storePage .telT { font-size: 18px; background: url(../images/u_arrow.png) no-repeat scroll center bottom; padding-bottom: 32px; margin-bottom: 20px; }
#storePage .tel { font-size: 28px; -webkit-animation: maincI1 1s linear infinite; animation: maincI1 1s linear infinite; }

@-webkit-keyframes maincI1 {
    0% { -webkit-transform: scale(1); color: #f9a330; }
    25% { -webkit-transform: scale(1.08); color: #00865E; }
    50% { -webkit-transform: scale(1.15); color: #646464; }
    75% { -webkit-transform: scale(1.08); color: #f9a330; }
    100% { -webkit-transform: scale(1); color: #00865E; }
}

@-moz-keyframes maincI1 {
    0% { -moz-transform: scale(1); color: #f9a330; }
    25% { -moz-transform: scale(1.08); color: #00865E; }
    50% { -moz-transform: scale(1.15); color: #646464; }
    75% { -moz-transform: scale(1.08); color: #f9a330; }
    100% { -moz-transform: scale(1); color: #00865E; }
}

@keyframes maincI1 {
    0% { transform: scale(1); color: #f9a330; }
    25% { transform: scale(1.08); color: #00865E; }
    50% { transform: scale(1.15); color: #646464; }
    75% { transform: scale(1.08); color: #f9a330; }
    100% { transform: scale(1); color: #00865E; }
}













.proinfoList { width: 98%; margin: 0px auto; }
.proinfoList ul { margin-left: -1%; }
.proinfoList li { float: left; display: block; margin: 0px 0px 4% 5%; width: 19%;   position: relative; cursor: pointer;    border: 2px solid #BEA388;overflow: hidden;height:180px; border-radius: 2px;}
.proinfoList li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.proinfoList .tit{    margin: auto;
    width: 101%;
    font-size: 0.9em;
    color: #BAA37D;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    background: #111;
    line-height: 30px; height:30px;
    text-align: center;
    font-family: 黑体; }

.proinfoList .img { display: block;  opacity: 0.9;    position: relative;width: 101%;height: auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.proinfoList .botoomN { width: 30px; position: absolute; right: 5%; top: 5%; opacity: 0; visibility: hidden; z-index: 6; height: 100%; transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; }
.proinfoList .botoomN .psico { margin: 0px 0px 5px; display: block; }
.proinfoList .bg {   background:rgba(0, 0, 0, 0.75); position: absolute; left: 0px; top: 0px; width: 101%; height: 100%; transition: 300ms; -webkit-transition: 300ms; opacity: 0; filter: alpha(opacity=0); }
.proinfoList .ico-bg { background: url(../images/fd_bg2.png) no-repeat; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -64px 0px 0px -62px; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proinfoList .ico { background: url(../images/fd2.png) no-repeat; width: 60px; height: 60px; position: absolute; left: 50%; top: 40%; margin: -23px 0px 0px -23px; -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proinfoList li:hover .botoomN { opacity: 1; visibility: visible; }
.proinfoList li:hover .bg { opacity: 1; filter: alpha(opacity=1); }
.proinfoList li:hover .ico-bg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; }
.proinfoList li:hover .ico { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; visibility: visible; }
.imgShowDemo2 .owl-controls .owl-buttons div { width: 50px; height: 50px; border: 1px solid #a0a0a0; border-radius: 8px; background-color: transparent; }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-prev { left: 5%; background-image: url(../images/p_l3.png); }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-next { right: 5%; background-image: url(../images/p_r3.png); }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo2 .owl-controls .owl-buttons div.owl-next:hover { border: 1px solid #BEA388; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #BEA388; }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo2 .owl-controls .owl-buttons div.owl-next.disabled { border: 1px solid #BEA388; }
.proListPage { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
.proList2 { width: 1461px; margin: 0px auto; }
.proList2 a:link, .proList2 a:visited { color: #060606; }
.proList2 a:active, .proList2 a:hover { color: #060606; }
.proList2 li { float: left; display: block; width: 487px; margin-bottom: 25px; }
.proList2 a.item { margin: 0px 13px; display: block; background-color: #a8fee9; position: relative; overflow: hidden; }
.proList2 li .img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.proList2 li.twoItem { width: 974px; }
.proList2 li.twoItem .img { width: 461px; }
.filler2 { position: absolute; display: block; -webkit-transition: 0.4s ease 0.2s; -moz-transition: 0.4s 0.2s; -o-transition: 0.4s 0.2s; transition: 0.4s 0.2s; }
.proList2 .filler2 { background-color: #08a27c; z-index: 5; }
.proList2 .filler2-left { width: 1px; height: 0%; left: 1%; bottom: 2%; }
.proList2 .filler2-right { width: 1px; height: 0%; right: 1%; top: 2%; }
.proList2 .filler2-top { width: 0%; height: 1px; left: 1%; top: 2%; }
.proList2 .filler2-bottom { width: 0%; height: 1px; right: 1%; bottom: 2%; }
.proList2 a:hover .filler2-left { height: 96%; }
.proList2 a:hover .filler2-right { height: 96%; }
.proList2 a:hover .filler2-top { width: 98%; }
.proList2 a:hover .filler2-bottom { width: 98%; }
.proList2 .oneItem .black { background: url(../images/black_bg8.png) repeat; background: none rgba(0,0,0,0.5); width: 96%; height: 96%; position: absolute; left: 2%; top: 2%; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proList2 .oneItem .con { position: absolute; width: 100%; top: 38%; text-align: center; color: #fff; }
.proList2 .con .en { font: 30px/1.1 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.proList2 .con .bot { height: 1px; margin: 10px auto; width: 20px; background-color: #fff; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proList2 .con .zh { font-size: 16px; }
.proList2 .oneItem a:hover .img { -webkit-transform: scale(1.12); transform: scale(1.12); }
.proList2 .oneItem a:hover .black { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.proList2 .oneItem a:hover .con .bot { width: 150px; }
.proList2 .twoItem .con { position: absolute; left: 54%; top: 8%; height: 70%; width: 44%; }
.proList2 .twoItem .con .bot { margin: 10px 0px; background-color: #060606; }
.proList2 .twoItem .con .c { position: absolute; left: 0px; bottom: 0%; width: 74%; font-size: 14px; }
.proList2 .twoItem a:hover .con .bot { width: 150px; background-color: #00865E; }
.proTypeBox { background-color: #009572; padding: 52px 0px 42px; color: #fff; }
.wpro { width: 826px; margin: 0px auto; }
.wpro .en { font: 85px/0.8 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; margin-bottom: 20px; }
.wpro .zh { font-size: 25px; }
.productPBox { position: relative; overflow: hidden; }
.productPBox .img { width: 100%; display: block; }
.productPCon a:link, .productPCon a:visited { color: #fff; }
.productPCon a:active, .productPCon a:hover { color: #fff; }
.productPCon { width: 770px; margin: 0px auto; position: absolute; left: 50%; margin-left: -385px; top: 20%; background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,114,0.9); color: #fff; }
.productPCon dt { float: left; display: block; padding: 25px 30px; width: 290px; color: #2fc3a1; font: 80px/1.1 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.productPCon dd { float: left; display: block; width: 350px; padding: 30px 0px; font-size: 14px; }
.productPCon .t { font-size: 25px; line-height: 1.2; border-bottom: 1px solid #30c4a2; padding-bottom: 15px; margin-bottom: 8%; }
.productPCon .t .en { font-size: 14px; float: right; text-align: right; }
.proContact a:link, .proContact a:visited { color: #fff; }
.proContact a:active, .proContact a:hover { color: #fff; }
.proContact { background: url(../images/black_bg3.png) repeat; background: none rgba(0,0,0,0.5); color: #fff; padding: 10px 0px; position: absolute; left: 0px; bottom: 0px; width: 100%; }
.proContact dt { color: #fff; font-size: 20px; float: left; width: 45%; }
.proContact dt .en2 { text-transform: uppercase; padding-left: 5px; }
.proContact dd { float: left; display: block; width: 55%; font-size: 20px; text-align: right; }


.securityPage { padding: 180px 0px 75px; }
.securityT { font: 30px/1.8 "microsoft yahei"; color: #009572; }
.securityen { font: 20px/1.5 "microsoft yahei"; color: #c8c8c8; margin-bottom: 26px; }
.cityinfo { margin-bottom: 20px; font-size: 14px; }
select.selbox2 { width: 200px; height: 38px; line-height: 38px; padding: 0px 0px 0px 15px; vertical-align: middle; border: 1px solid #e5e5e5; background-color: #e5e5e5; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #646464; cursor: pointer; display: block; font-size: 14px; margin-right: 8px; background: url(../img/SICO.png) no-repeat scroll 90% center; float: left; display: block; }
.no-csstransitions select.selbox2 { padding-left: 0; }
select.selbox2 option { padding: 2px 15px; }
select.selbox2:hover { color: #101010; border: 1px solid #009572; }
.queryBtn { border: 1px solid #e5e5e5; width: 88px; height: 38px; float: left; display: block; text-align: center; color: #646464; background: none; font-family: 'Microsoft YaHei'; line-height: 38px; }
.queryBtn:hover { background-color: #009470; color: #fff; }
.securitylist ul { margin-left: -2%; }
.securitylist li { float: left; width: 31.33%; margin-left: 2%; background-color: #FFF; color: #969696; }
.securitylist .num { font: 29px/2.5 "microsoft yahei"; color: #969696; text-align: right; padding: 0px 22px; }
.securitylist li { font-size: 14px; margin-bottom: 45px; }
.securitylist a:link, .securitylist a:visited { color: #646464; }
.securitylist a:active, .securitylist a:hover { color: #009470; }
.securitylist .con { height: 108px; padding: 0px 24px; }
/*security style end*/
/*hr style*/
.hrTop { background-color: #F8F8F8; position: fixed; left: 0px; top: 0px; width: 100%; height: 142px; z-index: 1000; transition: 300ms; -webkit-transition: 300ms; }
.logo .name { position: absolute; right: -135px; top: 4px; font-size: 20px; background-color: #009572; padding: 0px 16px; display: inline-block; border-radius: 14px; }
.homeBtn { background-color: #009572; position: absolute; right: 0px; top: 0px; padding: 33px 0px; display: block; height: 76px; width: 136px; text-align: center; color: #fff; }
.homeBtn .ico { font-size: 16px; background: url(../images/home1.png) no-repeat scroll center 8px; padding-top: 48px; display: block; }
.homeBtn:hover { background-color: #ea5b24; }
.hrMenu a:link, .hrMenu a:visited { color: #009572; }
.hrMenu a:active, .hrMenu a:hover { color: #fff; }
.hrMenu { text-align: center; width: 460px; margin: 0px auto; padding-left: 150px; }
.hrMenu a { width: 115px; text-align: center; display: inline-block; padding: 33px 0px; height: 76px; line-height: 76px; font-size: 16px; position: relative; float: left; }
.hrMenu a .cbg { position: absolute; background-color: #009572; bottom: 0%; left: 0px; width: 100%; height: 0px; transition: 300ms; -webkit-transition: 300ms; }
.hrMenu a .i { position: relative; z-index: 1; }
.hrMenu a.act .cbg { height: 100%; }
.hrMenu a.act .i { color: #fff; }
.hrTop.topfix { height: 76px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9); }
.topfix .homeBtn, .topfix .hrMenu a { padding: 0px; }
.homeBtn .ico { padding-top: 44px; }
.img_bg { background: url(../images/yy.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.pbanner3 .img_bg { background-image: url(../images/yy2.png); }
.pbannerbox { position: relative; overflow: hidden; }
.pbannerbox .con2 { position: absolute; width: 90%; left: 5%; top: 50%; height: 122px; margin-top: 10px; text-align: center; color: #fff; }
.pbannerbox .con2 .t { font: 50px/1.8 "microsoft yahei"; transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.pbannerbox .con2 .c { font-size: 18px; transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.hrAbout_box { text-align: center; padding: 4% 0px; overflow: hidden; }
.hrAbout_box .t { font-size: 25px; color: #000000; margin-bottom: 35px; }
.hrAbout_box .c { text-align: center; color: #000; font-size: 14px; margin-bottom: 45px; }
.hrAbout_box .btn-more { color: #000000; }
.hrAbout_List { margin: 6% 0px; }
.hrAbout_List a:link, .hrAbout_List a:visited { color: #fff; }
.hrAbout_List a:active, .hrAbout_List a:hover { color: #fff; }
.hrAbout_List li { float: left; display: block; width: 50%; }
.hrAbout_List a { width: 243px; height: 243px; border-radius: 50%; display: block; margin: 0px auto; position: relative; }
.hrAbout_List a img { width: 100%; display: block; }
.hrAbout_List a .bg { background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,114,0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.hrAbout_List a .name { position: absolute; left: 0px; top: 50%; text-align: center; width: 100%; font-size: 14px; height: 70px; line-height: 68px; margin-top: -35px; transition: 300ms; -webkit-transition: 300ms; }
.hrAbout_List a .name i { width: 0px; height: 1px; display: block; margin: 0px auto; background-color: #fff; transition: 300ms; -webkit-transition: 300ms; overflow: hidden; }
.hrAbout_List a:hover .bg { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }
.hrAbout_List a:hover .name { font-size: 20px; }
.hrAbout_List a:hover .name i { width: 24px; }
.hrAbout_box .target .t, .hrAbout_box .target .c, .hrAbout_box .target .btn-more { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; transition: 400ms ease 150ms; -webkit-transition: 400ms ease 150ms; }
.hrAbout_box .target .c { transition: 400ms ease 250ms; -webkit-transition: 400ms ease 250ms; }
.hrAbout_box .target .btn-more { transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; }
.hrAbout_box .action .t, .hrAbout_box .action .c, .hrAbout_box .action .btn-more { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.hrAbout_List.target li:nth-child(1) { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
.hrAbout_List.target li:nth-child(2) { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
.hrAbout_List.action li:nth-child(1), .hrAbout_List.action li:nth-child(2) { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); transition: 700ms ease 150ms; -webkit-transition: 700ms ease 150ms; }
.joinImg { background-attachment: fixed; width: 100%; padding: 10% 0px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; }
.joinImg .t { font-size: 25px; color: #fff; text-align: center; position: relative; z-index: 2; }
.hrBox { padding: 5% 0px; width: 1000px; margin: 0px auto; }
.hrList { font-size: 14px; color: #969696; line-height: 2; }
.hrList a:link, .hrList a:visited { color: #969696; }
.hrList a:active, .hrList a:hover { color: #1d1b73; }
.hrList .hicon { width: 4%; height: 40px; float: left; position: relative; display: block; }
.hrList .hspan { text-align: center; cursor: pointer; width: 22%; display: block; float: left; color: #000000; height: 40px; line-height: 40px; }
.hrList .hspan2 { width: 8%; }
.hrList .hrdt { margin-bottom: 6px; }
.hrList dd { margin-bottom: 2px; position: relative; }
.hrList .hot { background: url(../images/hot.png) no-repeat; width: 37px; height: 29px; position: absolute; left: 4%; top: -2px; margin-left: -2px; }
.hrList .hrdt, .hrList .hrT { height: 40px; overflow: hidden; }
.hrList .hrT .hspan { background: #009572; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; color: #fff; }
.hrList .hicon .ib { width: 21px; height: 21px; margin-top: 10px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .hicon i { display: block; background: #009572; }
.hrList .hicon .ic1 { width: 1px; height: 21px; margin-left: 10px; }
.hrList .hicon .ic2 { width: 21px; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border-bottom: 1px solid #009572; background-color: #fff; display: none; margin-left: 4%; }
.hrList .hrCon { width: 89%; margin: 0px auto; padding: 25px 0px 48px; overflow: hidden; font-size: 14px; color: #000; }
.hline { border-top: 1px solid #eee; padding: 30px 0px; margin-top: 35px; }
.hrList .active .hspan { background: #1478e8; }
.hrList .active .hicon .ib { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.hrList .active .hicon i { background-color: #ea5b24; }
.hrList dd.active .hspan, .hrList dd:hover .hspan { background: #ea5b24; }
.hrBox .target.hrList { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; transition: 400ms ease 150ms; -webkit-transition: 400ms ease 150ms; }
.hrBox .action.hrList { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }



/*goldService style*/
.pbanner2 .proTypeBox { position: absolute; left: 0px; bottom: 0px; width: 100%; background-color: transparent; padding: 0px 0px 2%; }
.pbanner2 .proTypeBox .en { font: 85px/0.8 "futura_lightregular","times new roman","microsoft yahei"; }
.pbanner2 .proTypeBox .zh { font-size: 25px; }
.goldPage { position: relative; }
.goldico { position: absolute; right: 0px; top: -150px; }
.goldList { width: 80%; margin: 0px auto; padding-top: 50px; }
.goldList dd { margin-bottom: 45px; }
.goldList dd .item { padding: 30px 30px 20px 48px; position: relative; background-color: #fff; }
.goldList .t { font-size: 18px; color: #323232; }
.goldList .c { font-size: 14px; color: #646464; height: 62px; overflow: hidden; }
.goldList .time { font: 14px/1.4 "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif; color: #969696; }
.goldList .more { display: block; position: absolute; left: 0px; top: 0px; width: 70%; height: 100%; }
.goldList .moreico { background: url(../images/more1.png) no-repeat; width: 17px; height: 17px; position: absolute; right: 30px; bottom: 20px; }
.goldList .moreico:hover { background-image: url(../images/more2.png); }
.goldList .botoomN { position: absolute; right: 30px; top: 30px; }
.goldList .botoomN .psico { margin: 0px 0px 0px 10px; }
.goldList .filler2 { background-color: #08a27c; z-index: 2; }
.goldList .filler2-left { width: 2px; height: 0%; left: 0%; bottom: 0%; }
.goldList .filler2-right { width: 2px; height: 0%; right: 0%; top: 0%; }
.goldList .filler2-top { width: 0%; height: 2px; left: 0%; top: 0%; }
.goldList .filler2-bottom { width: 0%; height: 2px; right: 0%; bottom: 0%; }
.goldList a:link, .aboutLifePage a:visited { color: #787878; }
.goldList a:active, .aboutLifePage a:hover { color: #009572; }
.goldList .item:hover .filler2-left { height: 100%; }
.goldList .item:hover .filler2-right { height: 100%; }
.goldList .item:hover .filler2-top { width: 100%; }
.goldList .item:hover .filler2-bottom { width: 100%; }
.goldList .item:hover .t { color: #009572; }
.goldList .psico .ps1 { background-position: 0px -60px; }
.goldList .psico .ps2 { background-position: -39px -60px; }
.goldList .psico .ps3 { background-position: -78px -60px; }
.goldList .psico { background-position: -75px 0px; }
.glodBanner { width: 90%; padding: 12% 5% 50px; background-color: #018369; text-align: center; color: #fff; }
.glodBanner .t { font-size: 35px; line-height: 1.2; margin-bottom: 10px; }
.glodBanner .c { font-size: 20px; }
.glodTime { text-align: center; color: #646464; padding: 20px 0px 35px; font-size: 14px; }
.glodInner { width: 846px; margin: 0px auto; }
.goldBottom { padding: 5% 0px 8%; }
.goldBottom a { color: #646464; }
/*goldService style end*/