@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.indpro li .pic p,.indservice li .pic,.indpartner li .pic p,.factory .item .cons,.factory .item .pcover,.message li.btn input,.ashow .mleft img,.service li .pic p,.products dd .cons,.products dd .pcover,.relaxpro .item .pic p,#certify .swiper-slide .in .cons,.aboutcons .mleft .in p,.factory .item .cons .t,.factory .item .cons .c,.sshow .cons .table4 td .overflow ,.sshow .cons .table3 td .overflow
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:hover .pic p,.indpartner li .pic:hover p,.factory .item:hover .pcover,.ashow .mleft img:hover,.service li:hover .pic p,.products dd:hover .pcover,.relaxpro .item:Hover .pic p,.aboutcons .mleft:hover .in p
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.indpics .item .cons,.indpartner li .cons,.footer .mright,.footer .mleft,.bannerin .cons,.icondot,.contactmap .in .cons,.contact .mleft .cons .in,.aboutcons .mleft,.sshow .cons .table4 td .overflow .in,.sshow .cons .table4 td .overflow,.sshow .cons .table3 td .overflow
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indservice li:hover .pic img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:15px;color:#000000;font-weight:400}a {color:#000000}b,strong {font-weight:700}
a:hover,.indpro li:Hover .title a,.indservice li:hover .title a,.indstep li:hover .title,.service li:hover .cons .t a,.relaxpro .item:hover .title a{color:#023d92}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
hr {border:0; background:#073190;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:30px; height:30px; line-height:28px; background:none;text-align: center;border-radius:4px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#023d92; background: #023d92} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#666;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 33px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999; } 
::-moz-placeholder { color:#999999; } 
:-ms-input-placeholder {color:#999999; }

::selection {background:#023d92;color:#ffffff;}
::-moz-selection {background:#023d92;color:#ffffff;}
::-webkit-selection {background:#023d92;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1575px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9990; height:80px; background:rgba(255,255,255,0.9);}
.fixtop .logo  { background:url("../images/logo.png");width:71px; height:52px; background-size:100%;float:left;margin:14px 0 0 0}
.fixtop .logo a {display:block;width:100%;height:100%}
.fixtop .navpc {text-align:right;margin-right:-32px}
.fixtop .navpc li {display:inline-block; vertical-align:top; position: relative;}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:80px; line-height:79px;font-size:16px;font-weight:700;padding:0 32px; letter-spacing:1px;color:#221815}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {color: #023d92}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:140px;margin-left:-70px;top:80px; display: none; background:rgba(255,255,255,0.9); text-align:center;padding:0px 0px 5px 0px}
.fixtop .navpc li .list dd p {margin:0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height:16px;display: block; padding:0px 5px 25px 5px;color:#000}
.fixtop .navpc li .list dd p a:hover {color: #023d92;}
.topblank {display:none;}

.indpics .item {height:100vh; position: relative}
.indpics .item .cons { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 150; text-align: center;color:#fff;padding:0px 0 0 0}
.indpics .item .cons .t {font-size:65px; line-height: 85px;font-weight:700; letter-spacing: 5px;margin:0 0 40px 0}
.indpics .item .cons .m a {width:180px; height: 50px; line-height: 48px;border-radius:50px; text-align: center;color:#fff; background: #023d92; display: block;margin:0 auto;letter-spacing:1px;font-size:16px}
.indpics .item .cons .m a span {font-size:25px; display: inline-block; vertical-align: top;margin:2px 0 0 0}
.indpics .item .cons .m a:Hover {width:230px;}

.indsubject {text-align:center;font-size:38px; line-height: 48px;font-weight:700;padding:95px 0 65px 0}
.indpro ul {width:102%;margin:-20px 0 120px -1%}
.indpro li {float:left;width:23%;margin:20px 1% 0 1%;}
.indpro li .pic { overflow: hidden;padding:47.6% 0; position: relative}
.indpro li .pic a {font-size:18px;background:#023d92;color:#fff;width:120px; height: 40px; line-height: 38px;border-radius:40px; text-align: center; position: absolute;left:50%;bottom:30px;margin-left:-60px; z-index: 100}
.indpro li .title {height:25px; line-height: 25px; overflow: hidden; text-align: center;margin:20px 0 0 0}
.indpro li .title a {font-size:22px;font-weight:700;}
.indpro li:hover .pic a {width:140px;margin-left:-70px}

.indservice {background:#f2f2f1}
.indservice ul {width:110%;margin:-40px 0 0 -5%}
.indservice li {float:left;width:23.3333%;margin:40px 5% 0 5%; text-align: center}
.indservice li .pic {background: #023d92;width:136px; height: 136px;border-radius:50%;margin:0 auto;border:15px solid #f2f2f1;}
.indservice li:hover .pic {border-color:#7a98c2}
.indservice li .pic img {width:90px;height:90px;margin:23px auto 0 auto}
.indservice li .title {font-size:30px; line-height: 40px;font-weight:700;margin:15px 0 10px 0}
.indservice li .gs {color:#666;}
.indservice .clear3 {clear:both}
.indservice .more {padding:80px 0 120px 0; text-align: center}
.indservice .more a {color:#666; display: block;width:120px; height: 35px; line-height: 33px;border:1px solid #999; text-align: center;margin:0 auto}
.indservice .more a:hover { background:#023d92;color:#fff;border-color:#023d92}

.indpartner ul {margin-top:-25px}
.indpartner li { background: #f2f2f1;margin:25px 0 0 0; position: relative; height: 294px;}
.indpartner li .pic { position:absolute;left:0;top:0;width:525px;height:294px;  overflow: hidden}
.indpartner li .cons {margin:0 0 0 525px;padding:0 8% 0 9%; height:100%}
.indpartner li .cons .t a {font-size:20px; line-height: 30px;font-weight:700;color:#023d92;}
.indpartner li .cons .c {margin:20px 0  0}
.indpartner li .cons .m {margin:30px 0 0 0}
.indpartner li .cons .m a {width:80px; height: 25px; line-height: 23px; background: #023d92;coloR:#fff;border-radius:25px; display: block; text-align: center}
.indpartner li .cons .m a:hover {width:100px}
.indpartner li.li2 .pic {right:0;left:auto}
.indpartner li.li2 .cons {margin:0 525px 0 0}

.indstep {background:#fff;}
.indstep ul {width:110%;margin:-60px 0 0 -5%}
.indstep li {width:16%;margin:60px 2% 0 2%;}
.indstep li .pic {border-color:#fff}
.namemj {position:absolute;top:-80px}
.bannerin {height:100vh; position: relative}
.bannerin .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; text-align: center;color:#fff;}
.bannerin .cons .t {font-size:56px; line-height: 66px;font-weight:700; letter-spacing: 2px;margin:-150px 0 40px 0}
.bannerin .cons .c {font-size:40px; line-height: 1.6; letter-spacing: 2px}
.icondot { text-align: center;background: #fff;width:50px;height: 50px;border-radius:50%;left:50%; position: absolute;bottom:190px; z-index: 200;margin-left:-25px;font-family: "iconfont" !important;font-size:28px; line-height:53px;color:#666;animation: myfirst 1.5s infinite; font-weight:700}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}

.maincurrent {background:rgba(255,255,255,0.9);height:100px; line-height: 98px; position: relative; z-index: 200;margin:-100px 0 0 0;font-size:16px;}
.maincurrent span.icon-home1 {font-size:25px; display: inline-block; vertical-align: top;margin:-1px 12px 0 60px;color:#333}
.maincurrent span.icon-iconfonti {font-size:22px;color:#666; display: inline-block; vertical-align: top;margin:1px 5px 0 5px}

.maincurrent_pro {border-top:1px solid #ccc;margin:100px 0 0 0;font-size:14px;color:#666;height:auto; line-height: 25px;padding:30px 0 0 0}
.maincurrent_pro .wrap {border-bottom:1px solid #ccc;padding:0 0 30px 0}
.maincurrent_pro a {color:#666}.maincurrent_pro a:hover {color:#023d92}
.maincurrent_pro span.icon-home1 {font-size:20px;margin:0px 12px 0 0;color:#666}
.maincurrent_pro span.icon-iconfonti {font-size:18px}
.maincurrent_pro font {color:#023d92}


.indpics .icondot {bottom:80px}
.about {padding:30px 0 60px 0}
#certify {position: relative;width:100%;}
#certify .swiper-slide {width:830px;height:553px; position: relative; overflow: hidden; cursor: pointer; padding:15px; background: rgba(255,255,255,0.9);box-shadow:0px 5px 10px rgba(0,0,0,0.3);margin:10px 0}
#certify .swiper-slide .in {position:relative;width:830px;height:553px; overflow: hidden}
#certify .swiper-slide .in .cons { opacity:0;position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200; text-align: center; background: rgba(28,46,98,0.7)}
#certify .swiper-slide .in .cons .title {margin:0 0 60px 0}
#certify .swiper-slide .in .cons .title a {color:#fff;font-size:30px; line-height: 40px;font-weight:700;letter-spacing: 2px}
#certify .swiper-slide .in .cons .more a { display: block;width:85px; height: 25px; line-height: 23px; background: #fff;color:#023d92;border-radius:25px; text-align: center;margin:0 auto}
#certify .swiper-slide .in .cons .more a:hover {width:105px;}
#certify .swiper-slide-active:hover .in .cons {opacity:1}
#certify .swiper-slide:hover .in .cons {}
#certify .swiper-pagination {bottom:-60px;width:100%}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px;background: #dcdedd;width:15px;height:15px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background: #023d92;}
#certify .swiper-button-prev {left:0;width: 60px;height: 111px;top:50%;margin-top:-55px;background:#ccc;background-size: 100%;display:none;}
#certify .swiper-button-next {right:0;width: 60px;height: 111px;top:50%;margin-top:-55px;background:#ccc;background-size: 100%;display:none;}

.factory .item { position: relative; overflow: hidden;padding:33.5% 0}
.factory .item .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200; text-align: center; background: rgba(255,255,255,0.2)}
.factory .item .cons .t {font-size:40px; line-height: 50px;font-weight:700;color:#023d92; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 300}
.factory .item .cons .t .m {font-weight:400;display:block;font-size:14px; width:80px; height: 25px; line-height: 24px;border-radius:25px; text-align: center;margin:20px auto 0 auto; background: #023d92;color:#fff;}
.factory .item .cons .c { position: absolute;left:0;top:0;width:90%;padding:0 5%;height:100%; z-index: 300;color:#fff;opacity:0;font-size:21px; line-height: 1.8; letter-spacing:3px}
.factory .item .cons .c b,.factory .item .cons .c strong {font-size:32px; display: inline-block; vertical-align: top;margin:-11px 0 0 0; line-height:1.8}
.factory .item:hover .cons { background:rgba(16,26,61,0.8);}
.factory .item:hover .cons .t {opacity:0}
.factory .item:hover .cons .c {opacity:1}


.contactmap .in {border:15px solid #dcdcdc;height:390px; background: #f2f2f1}
.contactmap .in .cons {float:left;width:50%;padding:0 8%;height:100%; position: relative}
.contactmap .in .cons li { position:relative;margin:30px 0}
.contactmap .in .cons li .pic { position: absolute;left:0;top:0;width:30px; text-align: center}
.contactmap .in .cons li .title {margin:0 0 0 50px;color:#666}
.contactmap .in .map {float:right;width:50%}
.contactmap .in .map iframe,#container {width:100%;height:390px}

.message ul {width:106%;margin:-40px 0 0 -3%}
.message li { position:relative;float:left;width:44%;margin:40px 3% 0 3%;border-bottom:2px solid #a5a6a1;padding:0}
.message li span {position:absolute;left:0;top:12px;font-size:18px;font-weight:700;color:#666}
.message li p {margin:0 0 0 95px;}
.message li p input {width:100%; height: 60px;}
.message li.email p {margin:0 0 0 55px}
.message li.beizu {width:94%}
.message li.beizu p {margin:60px 0 0 0}
.message li.beizu textarea {width:100%;height:100px; overflow: auto}
.message li.btn {width:94%;text-align: right;border:0;margin-top:60px}
.message li.btn input {cursor:pointer;width:180px; height: 55px; line-height: 51px; background: #666;border-radius:55px; text-align: center;color:#fff;font-size:25px}
.message li.btn input:hover {background: #023d92}

.pshow .mright .c {min-height:282px}

.fshow .title {font-size:38px; line-height: 48px;font-weight:700; text-align: center;margin:120px 0 50px 0}
.fshow .bg { position: relative}
.fshow .bg:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(4,0,82,0.8)}
.fshow .c { position:relative; z-index: 200; text-align: center;color:#fff;padding:85px 4% 75px 4%;font-size:21px; line-height:1.8; font-weight:500; letter-spacing: 2px}
.fshow .c b,.fshow .c strong {font-size:32px; display: inline-block; vertical-align: top;margin:-11px 0 0 0}
.fshow .cons {color:#666;font-weight:500;font-size:16px;margin:70px 0 0 0}
.fshow .cons table {width:100%;margin:0 0 20px 0}
.fshow .cons table td {width:47%;padding:30px 0}
.fshow .cons table td:nth-child(2) {width:6%}
.fshow .cons table td img {width:100%;border-radius:25px;}
.fshow .cons h3 {font-size:30px;font-weight:700;color:#222}

.service .subject {text-align:center;font-weight:700;color:#666;font-size:30px; line-height: 50px;padding:80px 0 60px 0; letter-spacing: 2px}
.service ul {width:104%;margin:-4% 0 0 -2%}
.service li {float:left;width:29.3333%;margin:4% 2% 0 2%; background: #f5f6f6}
.service li .pic { position:relative; overflow: hidden;padding:29.7% 0}
.service li .cons {padding:15px 30px 25px 30px}
.service li .cons .t {border-bottom:1px solid #666; height:55px; line-height:55px; overflow: hidden; position: relative; position: relative}
.service li .cons .t:before {content:''; position: absolute;right:0;top:15px; background: url("../images/eye.png");width:28px; height: 28px; background-size:cover;}
.service li .cons .t a {font-size:24px; display: inline-block;font-weight:700;padding:0 50px 0 0}
.service li .cons .c {font-size:16px;font-weight:500; line-height: 28px; height: 112px; overflow: hidden;margin:10px 0 0 0}

.sshow .title { text-align:center;font-size:38px; line-height: 48px;font-weight:700;padding:120px 0 60px 0}
.sshow .back {margin:30px 0 -70px 60px; position: relative; z-index: 10}
.sshow .back a {color:#023d92;font-size:16px;display: inline-block}
.sshow .back a span { display:inline-block; vertical-align: top; rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);font-weight:700;margin:1px 5px 0 0}
.sshow .cons {color:#666;font-size:20px;}
.sshow .cons table {width:100%;margin:0 0 20px 0}
.sshow .cons table td {width:47%;padding:30px 0}
.sshow .cons table td:nth-child(2) {width:6%}
.sshow .cons table td img {width:100%;}
.sshow .cons h3 {font-size:38px; line-height: 48px;font-weight:700;margin:30px 0}

.sshow .cons .table4 td {width:22.75%;padding:0; vertical-align: top; position: relative; overflow: hidden}
.sshow .cons .table4 td strong,.sshow .cons .table4 td b {color:#000}
.sshow .cons .table4 td img {margin:0 0 15px 0}
.sshow .cons .table4 td:nth-child(2),.sshow .cons .table4 td:nth-child(4),.sshow .cons .table4 td:nth-child(6) {width:3%}
.sshow .cons .table4 td .overflow {position:absolute;left:0;top:0;width:100%;height:100%; padding:0 0 51px 0;opacity:0;}
.sshow .cons .table4 td .overflow .in {width:100%;height:100%; background: rgba(14,15,73,0.5); z-index: 50;padding:16% 6% 0 8%;color:#fff;font-weight:300;font-size:16px; line-height: 1.6}
.sshow .cons .table4 td .overflow strong,.sshow .cons .table4 td .overflow b {font-size:20px;font-weight:500; display: inline-block;margin:0 0 3px 0;color:#fff}
.sshow .cons .table4 td:hover .overflow {opacity:1}

.sshow .cons .table2 img {width:100%}
.sshow .cons .table2 td {width:48%; vertical-align: top;padding:2% 0}
.sshow .cons .table2 td:nth-child(2) {width:4%}

.sshow .cons .table3 {padding:0;margin:20px 0 0 0}
.sshow .cons .table3 tr:nth-child(2) td {padding:1% 0}
.sshow .cons .table3 td {width:30.6666%; vertical-align: top; position: relative; overflow: hidden;padding:0; text-align: center;}
.sshow .cons .table3 td img {width:100%}
.sshow .cons .table3 td:nth-child(2),.sshow .cons .table3 td:nth-child(4){width:4%}
.sshow .cons .table3 td .overflow {height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%; background: rgba(14,15,73,0.5); z-index: 50;color:#fff;font-weight:300;font-size:20px; line-height:30px}
.sshow .cons .table3 td .overflow:hover {opacity:1}

.contact .mleft {float:left;width:50%;height:685px; position: relative; overflow: hidden}
.contact .mleft .cons { position:absolute;left:0;width:100%;height:100%; z-index: 200;top:0; background: rgba(16,26,61,0.3)}
.contact .mleft .cons .in {width:787px;color:#fff;margin:0 0 0 auto;padding:0 6% 0 0}
.contact .mleft .cons .in .t {font-size:36px; line-height: 46px;font-weight:700; letter-spacing: 2px;margin:0 0 20px 0}
.contact .mleft .cons .in .c {font-size:24px; line-height: 2.5}
.contact .map {float:right;width:50%;height:685px;}
.contact .map iframe,#container2 {width:100%;height:685px}

.service .prosubject {text-align:center;}
.service .prosubject .t {font-size:38px; line-height: 48px;font-weight:700;padding:120px 0 30px 0}
.service .prosubject .c {color:#666;font-size:16px;font-weight:500;margin:0 0 45px 0}

.mshow .title {text-align:center;font-size:38px; line-height: 48px;font-weight:700;padding:120px 0 30px 0;border-bottom:1px dashed #333;margin:0 0 40px 0}
.mshow .cons {font-size:16px;color:#666;}
.mshow .cons img {margin:15px 0}
.mshow .back {text-align:center;margin:80px 0 0 0}
.mshow .back a {display:block;width:230px; height: 45px;line-height: 44px; text-align: center;border:1px solid #333;color:#023d92;margin:0 auto;font-size:16px}
.mshow .back a span {display:inline-block; vertical-align: top;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);font-weight:700;margin:1px 5px 0 0;font-size:25px}
.mshow .back a:hover {background:#023d92;border-color:#023d92;color:#fff;}

.products .type {font-size:30px; line-height: 40px;font-weight:700;margin:60px 0 40px 0}
.products ul {margin-top:-50px}
.products dl {width:104%;margin:-4% 0 0 -2%}
.products dd {float:left;width:27.3333%;margin:4% 2% 0 2%; position: relative; overflow: hidden;padding:8.6% 0;border-radius:25px}
.products dd .pcover {border-radius:25px}
.products dd .cons {opacity:0;position:absolute;left:0;top:0;width:90%;padding:0 5%;font-size:25px; line-height: 35px;font-weight:700; letter-spacing: 2px; height:100%; z-index: 200;background:rgba(16,26,61,0.8); text-align: center;color:#fff;}
.products dd:hover .cons {opacity:1}

.relaxpro .subject {position:relative; text-align: center;font-size:27px; line-height: 27px; letter-spacing: 1px;font-weight:500; margin:80px 0 90px 0}
.relaxpro .subject:before {content:''; position: absolute;left:50%;bottom:-30px;width:36px; height: 2px; background: #023d92;margin-left:-18px}
.relaxpro .item .pic { position: relative; overflow: hidden;padding:31.6% 0;margin:0 0 15px 0}
.relaxpro .item .title a {font-size:19px;color:#666}

.relaxpro .owl-carousel {width:auto;margin:0 100px}
.relaxpro .owl-carousel .owl-nav{margin-top:-50px;}
.relaxpro .owl-carousel .owl-nav .owl-prev {left:-100px;}
.relaxpro .owl-carousel .owl-nav .owl-prev:before,.relaxpro .owl-carousel .owl-nav .owl-next:before {color:#333;background:none;border:1px solid #666}
.relaxpro .owl-carousel .owl-nav .owl-next {right:-100px;}
.relaxpro .owl-carousel .owl-nav .owl-prev:hover:before,.relaxpro .owl-carousel .owl-nav .owl-next:hover:before{ background: #023d92;color:#fff;border-color:#023d92;}

.aboutcons {margin:0 0 100px 0}
.aboutcons .subject {text-align:center;font-size:38px; line-height: 48px;font-weight:700;margin:80px 0 50px 0}
.aboutcons .mleft {float:left;background: url("../images/1.gif");width:800px; height: 624px; background-size:100%;padding:0 40px 150px 30px}
.aboutcons .mleft .in {padding:32.4% 0; position: relative; overflow: hidden}
.aboutcons .mright {float:right;width:42%}
.aboutcons .mright .t {font-size:20px; line-height: 30px;font-weight:700;color:#023d92;margin:-7px 0 22px 0}
.aboutcons .mright .c {font-size:16px;color:#666;font-weight:500; position: relative; line-height: 1.87}
.aboutcons .mright .c:before {content:'';width:85px; height:3px ;background: #989896;bottom:-45px;position: absolute;left:0}













.foot {background:#222;color:#fff;padding:80px 0 60px 0;margin:120px 0 0 0; line-height:2.6}
.foot a {color:#fff}
.foot dl {float:left;margin:0 10.1% 0 0}
.foot dl.pro {margin:0}
.foot dl.last {margin:0;float:right;}
.foot dt {margin:0 0 25px 0}
.foot dt a {font-size:30px; line-height: 40px;}
.foot dd a {color:#e1e1e1}
.foot dd a:hover {color:#fff}
.footer {background:#222;color:#898989;border-top:1px solid #898989;padding:25px 0 30px 0}
.footer a {color:#898989}
.footer a:hover {color:#fff}
.footer .mleft {float:left;width:60%;  position: relative;padding:0 0 0 76px}
.footer .mleft:before {content:''; position: absolute;left:0;top:5px; background: url("../images/logofoot.png");width:56px; height: 41px; background-size:100%}
.footer .mright {float:right;width:30%; text-align: right}