锘?*鏁寸珯鏍峰紡*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family:"Microsoft YaHei","Arial" }
input,textarea,button{padding: 0;font-family:"Microsoft YaHei","Arial"}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;max-width:100%;}
select,input,textarea,button{vertical-align:middle;outline: none;-webkit-appearance: none;}
table{border-collapse:collapse;border-spacing:0}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
iframe{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1150px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.header {
width:100%;
min-width:1240px;
height:37px;
background:#1476c8;
}
.box {
width:1200px;
margin:auto;
display:table;
}
.header .txt {
float:left;
line-height:36px;
color:#fff;
}
.header .right {
float:right;
line-height:36px;
font-size:14px;
color:#fff;
}
.header .right .tel {
float:left;
padding-left:30px;
background:url(../images/icon-img1.png) left center no-repeat;
}
.header .right .address {
float:left;
padding-left:30px;
margin-left:30px;
background:url(../images/icon-img2.png) left center no-repeat;
}
.header .right .ewm {
float:left;
margin-left:30px;
padding-left:30px;
background:url(../images/icon-img3.png) left center no-repeat;
position:relative;
}
.header .right .ewm .pop-tips {
position:absolute;
width:77px;
height:77px;
z-index:2;
top:36px;
display:none;
}
.header .right .ewm:hover .pop-tips {
display:block;
}
.nav {
width:100%;
height:96px;
}
.nav .logo {
float:left;
margin-top:18px;
}
.nav .menu {
float:right;
padding-top:30px;
}
.nav .menu li {
float:left;
margin-left:30px;
}
.nav .menu li a {
font-size:18px;
color:#00437c;
display:block;
padding:4px 2px;
}
.nav .menu li:hover a {
border-bottom:2px solid #f6ab00;
}
.nav .menu li.on a {
border-bottom:2px solid #f6ab00;
}
.banner {
width:100%;
min-width:1240px;
}
.index-value {
width:100%;
padding:167px 0 142px;
}
.index-title {
padding:0 41px;
line-height:66px;
display:table;
margin:auto;
font-size:32px;
color:#2b2b2b;
position:relative;
margin-bottom: 20px;
}
.index-title:before {
content:"";
position:absolute;
left:0;
top:0;
width:22px;
height:66px;
background:url(../images/icon-img7.png) center center no-repeat;
}
.index-title:after {
content:"";
position:absolute;
right:0;
top:0;
width:22px;
height:66px;
background:url(../images/icon-img8.png) center center no-repeat;
}
.index-value .list {
width:100%;
margin-top:68px;
}
.index-value .list ul {
width:100%;
display:flex;
justify-content:space-between;
}
.index-value .list li {
width:384px;
height:426px;
box-sizing:border-box;
border:2px solid #e7eaeb;
border-radius:5px;
transition:all ease .3s;
}
.index-value .list li:hover {
margin-top: -4px;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.index-value .list li img {
width:85px;
display:block;
margin:45px auto 0;
}
.index-value .list li .title {
font-size:22px;
color:#2b2b2b;
text-align:center;
margin:20px 0;
}
.index-value .list li .txt {
width:315px;
line-height:20px;
height:124px;
color:#666;
display:table;
margin:auto;
}
.index-value .list li .more {
width:175px;
height:54px;
box-sizing:border-box;
display:block;
margin:auto;
border:2px solid #f6ab00;
text-align:center;
line-height:50px;
font-size:18px;
color:#f6ab00;
border-radius:5px;
transition:all ease .3s;
}
.index-value .list li:hover .more {
color:#fff;
background:#f6ab00;
}
.index-colsys {
width: 100%;
/* padding: 10px 0 142px; */
margin: -120px 0 142px;
}
.index-colsys .list {
width: 100%;
margin-top: 68px;
}
.index-colsys .list ul {
width: 100%;
display: flex;
justify-content: space-between;
}
.index-colsys .list li {
width: 360px;
height: 466px;
box-sizing: border-box;
border: 2px solid #e7eaeb;
border-radius: 5px;
transition: all ease .3s;
background-color: white;
}
.index-colsys .list li:hover {
margin-top: -4px;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.index-colsys .list li img {
width: 300px;
display: block;
margin: 30px auto 0;
}
.index-colsys .list li .title {
font-size: 22px;
color: #2460ce;
text-align: center;
margin: 30px 0;
}
.img_div {
position: relative;
width: 430px;
height: 230px;
}
.mask {
position: absolute;
top: 0;
left: 0;
width: 430px;
height: 230px;
/*background: rgba(101, 101, 101, 0.6);*/
color: #ffffff;
opacity: 0;
background-repeat: no-repeat;
background-size: cover;
}
/*.mask h3 {*/
/*text-align: center;*/
/*}*/
.img_div a:hover .mask {
opacity: 1;
}
.index-ryan {
width: 100%;
padding: 167px 0 122px;
}
.index-ryan .list {
width: 100%;
margin-top: 68px;
}
.index-ryan .list ul {
width:100%;
display: grid;
grid-template-columns: 500px 500px;
grid-template-rows: 360px 300px;
justify-content: center;
justify-items: center;
}
.index-ryan .list li {
width:430px;
height:290px;
box-sizing:border-box;
border:2px solid #e7eaeb;
border-radius:5px;
transition:all ease .3s;
text-align: center;
font-size: 20px;
}
/*.index-ryan .list li:hover {*/
/*margin-top: -4px;*/
/*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
/*box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
/*-webkit-transform: translate3d(0, -2px, 0);*/
/*transform: translate3d(0, -2px, 0);*/
/*}*/
/*.index-ryan .list li:hover {*/
/*display: block;*/
/*opacity: 0.4;*/
/*}*/
.index-ryan .list li img {
width:400px;
height: 210px;
display:block;
margin:10px auto 0;
margin-bottom: 20px;
}
.index-ryan .list li .title {
font-size:22px;
color:#2b2b2b;
text-align:center;
margin:20px 0;
}
.index-ryan .list li .txt {
width:315px;
line-height:20px;
height:124px;
color:#666;
display:table;
margin:auto;
}
.index-ryan .list li .more {
width:175px;
height:54px;
box-sizing:border-box;
display:block;
margin:auto;
border:2px solid #f6ab00;
text-align:center;
line-height:50px;
font-size:18px;
color:#f6ab00;
border-radius:5px;
transition:all ease .3s;
}
.index-ryan .list li:hover .more {
color:#fff;
background:#f6ab00;
}
.index-ryan {
width: 100%;
padding: 167px 0 122px;
}
.index-ryan .list {
width: 100%;
margin-top: 68px;
}
.index-ryan .list ul {
width:100%;
display: grid;
grid-template-columns: 500px 500px;
grid-template-rows: 360px 300px;
justify-content: center;
justify-items: center;
}
.index-ryan .list li {
width:430px;
height:290px;
box-sizing:border-box;
border:2px solid #e7eaeb;
border-radius:5px;
transition:all ease .3s;
text-align: center;
font-size: 20px;
}
/*.index-ryan .list li:hover {*/
/*margin-top: -4px;*/
/*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
/*box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
/*-webkit-transform: translate3d(0, -2px, 0);*/
/*transform: translate3d(0, -2px, 0);*/
/*}*/
/*.index-ryan .list li:hover {*/
/*display: block;*/
/*opacity: 0.4;*/
/*}*/
.index-ryan .list li img {
width:400px;
height: 210px;
display:block;
margin:10px auto 0;
margin-bottom: 20px;
}
.index-ryan .list li .title {
font-size:22px;
color:#2b2b2b;
text-align:center;
margin:20px 0;
}
.index-ryan .list li .txt {
width:315px;
line-height:20px;
height:124px;
color:#666;
display:table;
margin:auto;
}
.index-ryan .list li .more {
width:175px;
height:54px;
box-sizing:border-box;
display:block;
margin:auto;
border:2px solid #f6ab00;
text-align:center;
line-height:50px;
font-size:18px;
color:#f6ab00;
border-radius:5px;
transition:all ease .3s;
}
.index-ryan .list li:hover .more {
color:#fff;
background:#f6ab00;
}
.index-science {
width: 100%;
padding: 167px 0 140px;
}
.index-science .list {
width: 100%;
margin-top: 68px;
}
.index-science .img {
position: relative;
width: 330px;
height: 230px;
}
.index-science .list ul {
width: 100%;
display: grid;
grid-template-columns: 340px 340px 340px;
grid-template-rows: 260px 260px;
justify-content: center;
justify-items: center;
}
.index-science .list li {
width: 340px;
height: 240px;
box-sizing: border-box;
text-align: center;
font-size: 13px;
color:#2460ce;
}
.index-science .list li img {
width: 320px;
height: 180px;
display: block;
margin: 10px auto 0;
margin-bottom: 20px;
}
.index-science .list li .title {
font-size: 22px;
color: #2b2b2b;
text-align: center;
margin: 20px 0;
}
.index-science .list li .txt {
width: 315px;
line-height: 20px;
height: 124px;
color: #666;
display: table;
margin: auto;
}
.index-science .list li .more {
width: 175px;
height: 54px;
box-sizing: border-box;
display: block;
margin: auto;
border: 2px solid #f6ab00;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #f6ab00;
border-radius: 5px;
transition: all ease .3s;
}
.index-science .list li:hover .more {
color: #fff;
background: #f6ab00;
}
.index-mode {
width:100%;
min-width:1240px;
height:640px;
box-sizing:border-box;
padding-top:95px;
background:url(../images/img1.jpg) center center no-repeat;
}
.index-mode .index-title {
color:#fff;
}
.index-mode .mode {
width:100%;
display:flex;
justify-content:space-between;
margin-top:73px;
}
.index-mode .mode .mode1 {
width:385px;
height:318px;
box-sizing:border-box;
border:2px solid #e7eaeb;
border-radius:5px;
padding:25px 0 36px;
transition:all ease .3s;
}
.index-mode .mode .mode1:hover {
background:rgba(20,118,200,.6);
border:2px solid rgba(20,118,200,.6);
}
.index-mode .mode .mode1 img {
width:52px;
display:block;
margin:auto;
}
.index-mode .mode .mode1 .title {
font-size:22px;
color:#fff;
text-align:center;
margin:15px 0 20px;
}
.index-mode .mode .mode1 .txt {
width:315px;
line-height:20px;
height:92px;
color:#fff;
display:table;
margin:auto;
}
.index-mode .mode .mode1 .more {
width:175px;
height:54px;
box-sizing:border-box;
display:block;
margin:auto;
border:2px solid #f6ab00;
text-align:center;
line-height:50px;
font-size:18px;
color:#f6ab00;
border-radius:5px;
transition:all ease .3s;
}
.index-mode .mode .mode1:hover .more {
color:#fff;
background:#f6ab00;
}
.index-project {
width:100%;
min-width:1240px;
height:980px;
background:url(../images/img2.jpg) bottom center no-repeat;
box-sizing:border-box;
padding-top:137px;
}
.index-project .index-title {
margin-left:204px;
}
.index-project .txt {
width:415px;
height:171px;
display:table;
margin-top:27px;
margin-left:122px;
font-size:14px;
line-height:20px;
color:#666;
}
.index-project .list {
width:720px;
}
.index-project .list li {
float:left;
width:124px;
height:124px;
box-sizing:border-box;
border:2px solid #f6ab00;
margin-right:56px;
margin-bottom:44px;
text-align:center;
border-radius:18px;
background:#fff;
transition:all ease .3s;
}
.index-project .list li:hover {
background:#1476c8;
border:2px solid #1476c8;
}
.index-project .list li .img {
width:50px;
height:50px;
margin:23px auto 11px auto;
position:relative;
}
.index-project .list li .img img {
position:absolute;
left:0;
top:0;
transition:all ease .3s;
}
.index-project .list li .img img:first-child {
}
.index-project .list li:hover .img img:first-child {
opacity:0;
}
.index-project .list li .img img:last-child {
opacity:0;
}
.index-project .list li:hover .img img:last-child {
opacity:1;
}
.index-project .list li span {
font-size:16px;
color:#2b2b2b;
line-height:1;
transition:all ease .3s;
}
.index-project .list li:hover span {
color:#fff;
}
.index-advantage {
width:100%;
min-width:1240px;
min-height:640px;
box-sizing:border-box;
padding-top:110px;
}
.index-advantage .box1 {
width:500px;
float:left;
margin-top: 80px;
}
.index-advantage .box1 .txt {
height:76px;
display:table;
margin:30px auto 0;
font-size:14px;
line-height:20px;
color:#666;
}
.index-advantage .box1 .more {
width:117px;
height:42px;
display:block;
margin:auto;
font-size:18px;
box-sizing:border-box;
border:2px solid #f6ab00;
border-radius:5px;
color:#f6ab00;
text-align:center;
line-height:38px;
transition:all ease .3s;
}
.index-advantage .box1 .more:hover {
color:#fff;
background:#f6ab00;
}
.index-advantage .list {
width:630px;
float:right;
}
.index-advantage .list li {
width:210px;
height: 100px;
float:left;
font-size:20px;
line-height:50px;
color:#666;
margin-bottom:67px;
text-align: center;
}
/*.index-advantage .list li:nth-child(2n) {*/
/*margin-left:5px;*/
/*}*/
.index-advantage .list li img {
display:inline-block;
}
.index-client {
width:100%;
min-width:1240px;
height:800px;
background:url(../images/img3.jpg) center center no-repeat;
box-sizing:border-box;
padding-top:147px;
}
.index-client .index-title {
color:#fff;
}
.index-client .list {
width:75%;
text-align:center;
margin:73px auto 0;
}
.index-client .list li {
width:180px;
box-sizing:border-box;
border:1px solid #f6ab00;
border-radius:8px;
overflow:hidden;
margin:0 12px 20px;
display:inline-block;
}
@media(max-width:1888px) {
.index-client .list {
width:1240px;
}
.index-client .list li {
margin:0 12px 20px;
}
}
.index-client .list li img {
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.index-client .list li:hover img {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-ms-transform: scale(1.1);
-o-transform: scale(1.1) ;
transform: scale(1.1);
}
.index-contact {
width:100%;
display:table;
padding:179px 0 177px;
}
.index-contact .box {
margin-top:80px;
}
.index-contact .tbox {
width:470px;
float:left;
margin-left:125px;
font-size:18px;
line-height:38px;
color:#00437c;
padding-top:24px;
}
.index-contact .tbox span {
font-size:24px;
display:inline-block;
margin-bottom:46px;
}
.index-contact .feedback {
width:475px;
float:right;
border-left:1px solid #f6ab00;
margin-right:126px;
box-sizing:border-box;
padding-left:74px;
}
.index-contact .feedback .t1 {
width:400px;
height:68px;
box-sizing:border-box;
border:2px solid #00437c;
border-radius:5px;
padding-left:15px;
margin:13px 0;
font-size:16px;
}
.index-contact .feedback .t2 {
width:400px;
height:128px;
line-height:36px;
box-sizing:border-box;
border:2px solid #00437c;
border-radius:5px;
padding-left:15px;
margin-top:26px;
font-size:16px;
}
.index-contact .feedback .btn {
width:100px;
height:42px;
box-sizing:border-box;
border:2px solid #f6ab00;
color:#f6ab00;
font-size:16px;
background:none;
transition:all ease .3s;
margin-top:36px;
float:right;
}
.index-contact .feedback .btn:hover {
background:#f6ab00;
color:#fff;
}
.footer {
width:100%;
min-width:1240px;
background:#1476c8;
height:310px;
}
.footer .left {
float:left;
padding-top:15px;
}
.footer .left li{
list-style-type:none;
}
.footer .left li a:hover {
border-bottom:2px solid #f6ab00;
}
.footer .left li a {
font-size:14px;
line-height:1;
color:#ddd;
}
.footer .left li a:after {
content:'';
width:1px;
height:15px;
background:#fff;
position:absolute;
right:0;
top:8px;
}
.footer .left .bq {
display:block;
font-size:14px;
color:#fff;
line-height:1;
margin-top:15px;
margin-left: 70px;
}
.footer .left .bq a {
color:#fff;
}
.footer .right {
float:right;
padding-top:33px;
}
.footer .right .ewm {
float:left;
margin-left:50px;
}
.footer .right span {
text-align:center;
color:#fff;
font-size:14px;
line-height:1;
display:block;
margin-top:10px;
}
.about {
width:100%;
padding:114px 0 208px;
display:table;
}
.about-box {
width:100%;
box-shadow:0 0 10px 2px #eee;
padding:25px 0;
display:table;
}
.about-box .tbox {
width:625px;
height:400px;
box-sizing:border-box;
padding-right:35px;
overflow:hidden;
float:left;
margin-left:55px;
position:relative;
display:block;
}
.about-box .tbox2 {
height:495px;
}
.about-box .tbox .title {
font-size:24px;
color:#2b2b2b;
line-height:1;
padding:22px 0 56px;
}
.about-box .tbox .txt {
font-size:12px;
line-height:20px;
color:#545454;
}
.ps-container .ps-scrollbar-y-rail {
width:1px!important;
background:#f6ab00;
right:1px!important;
}
.ps-container .ps-scrollbar-y {
width:3px!important;
background:#00437c!important;
right:-1px!important;
}
.about-box .img {
width:510px;
height:100%;
float:right;
text-align:center;
line-height:400px;
}
.about-box .img img {
}
.about-list {
width:100%;
display:table;
margin-top:98px;
}
.about-list ul {
display:flex;
justify-content:space-between;
}
.about-list li {
width:385px;
height:320px;
box-sizing:border-box;
border:2px solid #e7eaeb;
text-align:center;
line-height:1;
transition:all ease .3s;
}
.about-list li:hover {
margin-top: -4px;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.about-list li .img {
width:100%;
border-bottom:2px solid #e7eaeb;
}
.about-list li .title {
font-size:24px;
color:#2b2b2b;
padding:29px 0 20px;
}
.about-list li .txt {
width:320px;
margin:auto;
font-size:14px;
color:#666;
}
.about-tbox {
width:948px;
padding:92px 0 190px;
float:left;
background:url(../images/icon-img37.png) right top repeat-y;
}
.about-tbox .title {
font-size:30px;
line-height:1;
color:#666;
margin-bottom:62px;
}
.about-tbox .picture {
margin: 0 0 15px 0;
}
.about-tbox .txt {
font-size:14px;
line-height:30px;
padding-right:75px;
}
.about-tbox .txt span {
font-size:24px;
}
.about-menu {
width:200px;
float:right;
/*margin-right:40px;*/
padding-top:91px;
}
.about-menu .title {
/*text-align:center;*/
padding-left: 25px;
font-size:24px;
line-height:1;
color:#2b2b2b;
margin-bottom:30px;
}
.about-menu li {
line-height:54px;
border-bottom:1px solid #fff;
position:relative;
margin-bottom:2px;
transition:all ease .3s;
}
.about-menu li:hover {
background:#1476c8;
border-bottom:1px solid #c0daf0;
}
.about-menu li.on {
background:#1476c8;
border-bottom:1px solid #c0daf0;
}
.about-menu li:after {
position:absolute;
content:'';
width:8px;
height:8px;
background:#e9e9e9;
left:21px;
top:25px;
}
.about-menu li a {
display:block;
padding-left:39px;
font-size:18px;
color:#666;
transition:all ease .3s;
}
.about-menu li:hover a {
color:#fff;
}
.about-menu li.on a {
color:#fff;
}
.about-worker {
width:814px;
border:1px solid #e7eaeb;
display:table;
margin-bottom:72px;
}
.about-worker .tbox {
float:left;
padding-left:67px;
font-size:14px;
line-height:30px;
color:#666;
padding-top:48px;
}
.about-worker .img {
float:right;
border-left:1px solid #e7eaeb;
}
.page-lsit {
width:100%;
text-align:center;
}
.page-lsit a {
display:inline-block;
width:40px;
height:40px;
box-sizing:border-box;
border:1px solid #e7eaeb;
margin:0 4px;
text-align:center;line-height:38px;
font-size:18px;
color:#2b2b2b;
transition:all ease .3s;
}
.page-lsit a:hover {
color:#fff;
background:#1476c8;
border:1px solid #1476c8;
}
.page-lsit a.on {
color:#fff;
background:#1476c8;
border:1px solid #1476c8;
}
.page-lsit .prev, .page-lsit .next, .page-lsit .lastpage {
width:auto;
padding:0 16px;
}
.news-list {
width:100%;
padding:74px 0 51px;
}
.news-list li {
width:100%;
height:315px;
display:table;
box-sizing:border-box;
border:1px solid #e7eaeb;
margin-bottom:48px;
transition:all ease .3s;
}
.news-list li:hover {
box-shadow:0 0 30px 1px #ddd;
}
.news-list li a {
width:100%;
height:100%;
display:block;
}
.news-list li .time {
width:140px;
height:100%;
float:left;
text-align:center;
color:#fff;
background:#666;
line-height:1;
box-sizing:border-box;
padding-top:18px;
transition:all ease .3s;
}
.news-list li:hover .time {
background:#1476c8;
}
.news-list li .time span {
display:block;
}
.news-list li .time .s1 {
font-size:60px;
margin-bottom:2px;
}
.news-list li .time .s2 {
font-size:24px;
margin-bottom:167px;
}
.news-list li .time .s3 {
font-size:18px;
}
.news-list li .tbox {
float:left;
width:540px;
margin-left:64px;
padding-top:80px;
}
.news-list li .tbox .title {
font-size:30px;
color:#2b2b2b;
margin-bottom:16px;
}
.news-list li .tbox .txt {
font-size:14px;
line-height:26px;
color:#666;
}
.news-list li .img {
float:right;
width:339px;
margin:25px 52px 0 0 ;
}
.news-info {
width:100%;
box-sizing:border-box;
padding:87px 30px 150px 30px;
}
.news-info .title {
font-size:30px;
color:#666;
text-align:center;
margin-bottom:18px;
}
.news-info .txt {
font-size:14px;
line-height:24px;
color:#666;
}
.news-info .txt span {
font-size:18px;
}
.news-info .txt img {
display:block;
margin:auto;
}
.reservation {
width:100%;
padding:100px 0 161px;
display:table;
}
.reservation .box {
box-sizing:border-box;
border:1px solid #e7eaeb;
padding:33px 0 0 50px;
float:left;
transition:all ease .3s;
}
.reservation .box:hover {
margin-top: -4px;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.reservation .box a {
width:100%;
height:100%;
display:block;
}
.reservation .box .title {
font-size:30px;
line-height:1;
color:#2b2b2b;
margin-bottom:17px;
}
.reservation .box .txt {
font-size:14px;
line-height:24px;
color:#666;
}
.reservation .box1 {
width:692px;
height:457px;
margin-right:10px;
margin-bottom:28px;
}
.reservation .box1 .txt {
width:370px;
}
.reservation .box2 {
width:498px;
height:457px;
margin-bottom:28px;
}
.reservation .box2 .txt {
width:350px;
}
.reservation .box3 {
width:100%;
height:457px;
margin-right:10px;
}
.reservation .box3 .txt {
width:350px;
}
.reservation .box4 {
width:692px;
height:457px;
}
.reservation .box4 .txt {
width:300px;
}
.health {
width:100%;
display:table;
padding:83px 0 65px;
}
.health ul {
}
.health li {
width:385px;
height:472px;
box-sizing:border-box;
border:1px solid #e7eaeb;
margin-bottom:47px;
margin-right:22px;
float:left;
padding-top:49px;
transition:all ease .3s;
}
.health li:nth-child(3n) {
margin-right:0;
}
.health li:hover {
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.health li a {
display:block;
}
.health li .img {
width:200px;
height:200px;
border-radius:50%;
overflow:hidden;
margin:0 auto 46px;
}
.health li .title {
font-size:30px;
line-height:1;
color:#2b2b2b;
text-align:center;
margin-bottom:17px;
}
.health li .txt {
width:280px;
font-size:14px;
line-height:24px;
color:#666;
display:table;
margin:auto;
}
.jkfl {
width:100%;
padding:86px 0 68px;
}
.jkfl li {
width:100%;
display:table;
margin-bottom:49px;
}
.jkfl li .about-box {
position:relative;
z-index:2;
display:none;
}
.jkfl-box {
width:714px;
height:141px;
box-sizing:border-box;
border-radius:8px;
border:2px solid #e7eaeb;
padding-left:100px;
padding-right:20px;
cursor:pointer;
}
.jkfl-box.b1 {
background:url(../images/icon-img11.png) 25px center no-repeat;
}
.jkfl-box.b2 {
background:url(../images/icon-img12.png) 25px center no-repeat;
}
.jkfl-box.b3 {
background:url(../images/icon-img13.png) 25px center no-repeat;
}
.jkfl-box.b4 {
background:url(../images/icon-img14.png) 25px center no-repeat;
}
.jkfl-box.b5 {
background:url(../images/icon-img15.png) 25px center no-repeat;
}
.jkfl-box.b6 {
background:url(../images/icon-img16.png) 25px center no-repeat;
}
.jkfl-box.b7 {
background:url(../images/icon-img17.png) 25px center no-repeat;
}
.jkfl-box.b2, .jkfl-box.b4, .jkfl-box.b6 {
float:right;
}
.jkfl-box .title {
font-size:24px;
color:#2b2b2b;
line-height:1;
padding:29px 0 12px;
}
.jkfl-box .txt {
font-size:14px;
line-height:20px;
color:#666;
}
.box_content {
width:1040px;
padding:20px;
background:#fff;
}
.box_content_img {
width:100%;
}
.box_content_img img {
width:100%;
}
.box_content_title {
font-size:26px;
line-height:24px;
color:#333;
padding-top:14px;
font-weight: 600;
}
.box_content_title span {
font-size:14px;
color:#999;
margin-left:18px;
}
.box_content_txt {
font-size:14px;
line-height:24px;
color:#999;
margin-top:10px;
}
.ser-menu{
width: 200px;
float: left;
padding: 92px 0 120px;
}
.ser-tbox{
width: 980px;
float: right;
margin: 92px 0 120px 0;
min-height: 500px;
border-left: 2px solid #f6ab00;
box-sizing: border-box;
padding: 15px 0 40px 40px;
}
.ser-menu .menu-title{
display:inline-block;font-size: 22px;
font-weight: 600;
color:#02437b;
padding:10px 15px 10px 5px;
border: 2px solid #f6ab00;
margin:15px 0
}
.ser-menu .menu-title span{
background: #ffffff;
margin-left: -8px
}
.ser-menu li {
line-height: 54px;
border-bottom: 1px solid #fff;
position: relative;
padding: 0 15px;
margin-left: -15px;
margin-bottom: 2px;
transition: all ease .1s;
}
.ser-menu li a {
display: block;
width: 100%;
height: 54px;
font-size: 18px;
color: #333;
transition: all ease .1s;
overflow: hidden;
}
.ser-menu li:hover {
background:#1476c8;
border-bottom:1px solid #c0daf0;
}
.ser-menu li:hover a{
color:#fff;
}
.ser-tbox .list-row{
width:100%;
height:240px;
border:2px solid #e8e8eb;
box-sizing: border-box;
padding:5px 20px;
margin-bottom: 20px;
transition: all ease .3s;
}
.ser-tbox .row-left {
width: 28%;
height: 100%;
float: left;
padding-left:10px;
box-sizing:border-box;
boverflow: hidden
}
.ser-tbox .row-right {
width: 70%;
height: 100%;
float: right
}
.ser-tbox .row-left .title{
margin-top:25px;
line-height: 40px ;
font-size: 20px;
color:#333;
font-weight:500;
height: 40px;
overflow: hidden
}
.ser-tbox .row-left .spec{
font-size: 15px;
color:#666;
line-height: 27px;
height: 80px;
overflow: hidden
}
.ser-tbox .list-row:hover {
-webkit-box-shadow: 0 0 30px 1px #ddd;
box-shadow: 0 0 30px 1px #ddd;
/*-webkit-transform: translate3d(0, -1px, 0);
transform: translate3d(0, -1px, 0);*/
background-color: white;
}
.ser-tbox .list-row:hover a{
background: #02437b;
color:#FFFFFF
}
.ser-tbox .row-left a{
display: block;
height: 40px;
width: 120px;
margin-top:20px;
line-height: 40px;
font-size:16px;
text-align: center;
color:#02437b;
border: 2px solid #02437b;
border-radius: 50px
}
.med-box{
width: 100%;
margin:92px 0
}
.med-box .clear{
clear: both
}
.med-box .list-row{
position: relative;
display: inline-block;
box-sizing:border-box;
width: 50%;
height:740px;
float: left;
padding:10px;
}
.med-box .list-row .row-c{
position: absolute;
border:1px solid #e8e8eb;
border-radius: 3px;
overflow: hidden;
transition: all ease .3s;
}
.med-box .list-row.left{
border-right: 2px solid #f6ab00
}
.med-box .list-row.left .row-c{
right: 10px;
top:10px
}
.med-box .list-row .row-c1{
width: 550px;
box-sizing: border-box;
}
.med-box .list-row .row-c2{
width: 450px;
box-sizing: border-box;
left:10px;
bottom:30px;
}
.med-box .list-row .row-c3{
width: 450px;
box-sizing: border-box;
}
.med-box .list-row .row-c4{
width: 550px;
box-sizing: border-box;
left:10px;
bottom:30px;
}
.med-box .list-row .picture{
width: 100%;
height: 420px;
overflow: hidden;
}
.med-box .list-row .title{
margin-top:15px;
line-height: 40px ;
text-align: center;
font-size: 20px;
color:#333;
font-weight:600;
height: 40px;
overflow: hidden
}
.med-box .list-row .spec{
width: 100%;
font-size: 15px;
text-align: center;
color:#333;
line-height: 24px;
box-sizing: border-box;
padding:10px;
}
.med-box .list-row a{
display: block;
height: 40px;
width: 120px;
margin:5px auto 20px auto;
line-height: 40px;
font-size:14px;
text-align: center;
color:#f6ab00;
border: 1px solid#f6ab00;
border-radius:5px
}
.med-box .list-row .row-c:hover {
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
box-shadow: 0 0 20px rgba(0,0,0,0.2);
-webkit-transform: translate3d(0, -1px, 0);
transform: translate3d(0, -1px, 0);
background-color: white;
}
.med-box .list-row .row-c:hover a{
background:#f6ab00 ;
color:#ffffff;
}