﻿/* CSS Document */

*{padding: 0;margin: 0;}
html,body{font-size: 16px;font-family: "Arial","Microsoft Yahei", sans-serif;color: #333;}
@media (min-width:1200px){
    html,body{font-size: 16px;}
}
@media (min-width:1024px) and (max-width:1199px){
    html,body{font-size: 15px;}
}
@media (min-width:768px) and (max-width:1023px){
    html,body{font-size: 14px;}
}
@media (max-width:767px){
    html,body{font-size: 12px;}
}
a,a:hover{text-decoration: none;}


#fenye{clear:both; width:100%;margin-top: 3.25rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0 0.875rem;height: 2rem; line-height:2rem;font-size: 12px;margin: 0.125rem;border:1px solid #a1a2a3;color: #333;}
#fenye a.curr{ border:1px solid #e14655; color:#e14655;}
#fenye span{font-size: 12px;}

/*header*/
header .top{background-color: #f7f7f7;border-bottom: 1px solid #ddd;font-size: 12px;height: 2rem;line-height: 2rem;color: #666;}
header .mid{height: 8.25rem;padding-top: 1rem;padding-bottom: 1rem;}
header .mid .logo{line-height: 6.25rem;}
header .mid .logo img{max-width: 100%;}
header .mid .slogan{height: 6.25rem;}
header .mid .slogan h3{color: #3f86ca;}
header .mid .slogan p{color: #666;letter-spacing: 1px;}
header .mid .tel{line-height: 2.125rem;font-size: 1.25rem;font-weight: bold;}
header .mid .tel p{margin-bottom: 0;margin-top: 1rem;}
header .mid .tel i{color: #3f86ca;}
header .mid .tel span{background:url("../image/tel.jpg")center no-repeat;width: 1.5rem;height: 1.5rem;background-size: cover;display: inline-block;}
header .nav{background-color: #3f86ca;}
header .nav nav{line-height: 3.125rem;}
header .nav a{color: #fff;text-decoration: none;font-size: 1rem;width: 12.5%;text-align: center;display: block;float: left;}
header .nav a:hover{background-color: #eaa149;}

@media (min-width:768px) and (max-width:1023px){
}
@media (max-width:767px){
    header .mid{padding: 0 15px;height: auto;}
    header .nav nav{margin-left: -15px;margin-right: -15px;}
    header .nav a{width: 25%;border-right: 1px solid #fff;}
    header .nav a.nav-top{border-bottom: 1px solid #fff;}
    header .nav a:nth-child(4n){border-right: 0;}
}

.carousel-control i.fa{position: absolute;top: 50%;transform: translateY(-50%);}

/*footer*/
footer{background-color:#2092d5;color:#fff;}
.footer-nav{background-color:#45a9e3;line-height: 3.125rem;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.footer-nav nav{display: flex;justify-content: space-between;}
.footer-nav nav a{font-size: 1rem;color:#fff;}
.footer-nav nav a:hover{color:#ffe326;}
footer .box{display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .con{padding-top: 3.125rem;padding-bottom: 2.25rem; }
footer .con.left{width: 15%;}
footer .con.mid{width: 40%;margin-left: 5%;}
footer .con.mid dl{margin-bottom: 0;}

footer .con.right{border-right: 0;text-align: left;width: 35%;margin-left: 5%;}
footer .con.mid dl dt,footer .con.right h3{height: 1.25rem;line-height: 1.25rem;margin-bottom: 1.25rem;font-size: 1.25rem;font-weight: bold;margin-top: 0;}
footer .con.mid dl dd p,footer .con.right p{font-size: 0.875rem;line-height: 1.5rem;margin-bottom: 0;text-align: justify;}
footer .con.mid dl dd p a{color:#fff;}
footer .con.mid dl dd p a:hover{color:#ffe326;}
/*

footer .con{text-align: center;border-right: 1px solid #e7e7e7;}

footer .con.left ul{margin: 0 0 1.5rem;font-size: 0;}
footer .con.left ul li{display: inline-block;*display: inline;*zoom: 1;width: calc(100% / 3);line-height: 2.25rem;}
footer .con.left ul li a{font-size: 0.875rem;color: #555;}
footer .con.left ul li a:hover{color: #e14655;}


footer .con.mid ul li{display: inline-block;*display: inline;*zoom: 1;margin: 0 1.375rem;}
footer .con.mid ul li h3{margin: 0;}
footer .con.mid ul li img{width: 5.625rem;height: 5.625rem;}
footer .con.mid ul li h5{font-size: 12px;color: #555;height: 2rem;line-height: 2rem;margin:0;}



footer .copyright{border-top: 1px solid #e7e7e7;}
footer .copyright .box{padding-top: 2.25rem;padding-bottom: 2rem;font-size: 12px;color: #a8a4a4;}
footer .copyright a{color: #3f86ca;}
footer .copyright a:hover{color: #e14655;}
*/
@media (min-width:768px){
/*
    footer .con{position: relative;}
    footer .con ul{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);margin-bottom: 0;width: 100%;}
*/
}

@media (max-width:768px){
/*    footer .con.mid ul li:last-child{display: none;}*/
}
@media (max-width:640px){
    footer{padding-top: 3.125rem;}
    footer .con{width:100% !important;padding-top: 0;padding-bottom: 1.5rem;margin-bottom: 1.5rem;border-bottom: 1px solid #fff;}
    footer .con.left img{max-width:50%;margin: 0 auto;}
    footer .con.mid,footer .con.right{margin-left: 0;}
    footer .con.right{border-bottom: 0;}
/*
    footer .box{padding: 3rem 0;}
    footer .con{width: 100% !important;border-right: 0;}
    footer .con.mid ul{margin-bottom: 2rem;}
    footer .con.right{text-align: center;}
*/
}


/*windows*/
.windows{position: fixed;top: 50%;right: 0;transform: translateY(-50%);z-index: 999999;}
.windows a{width: 3.125rem;height: 3.125rem;line-height: 3.125rem;text-align: center;color: #fff;font-size: 1.25rem;margin-bottom: 5px;display: block;background: #45A9E3;}
.windows a:hover{background:#2092D5;}
.windows a.qrcode-img{position: relative;}
.windows a.qrcode-img >div{position: absolute;top: 0;right: 3.5rem;width: 7.75rem;display: none;}
.windows a.qrcode-img >div img{max-width: 100%;display: block;border: 1px solid #ddd;box-shadow: 0 3px 6px rgba(0,0,0,.55);}
.windows a.qrcode-img:hover >div{display: block;}

/*services*/
section{padding: 3.25rem 0 3rem;}
h3.tit{font-size: 2.25rem;text-align: center;margin-top: 0;margin-bottom: 10px;}
h5.tit{font-size: 0.875rem;text-align: center;text-transform: uppercase;color: #a1a2a3;}
.service .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.service .item{width: calc(100% / 3 - 1.25rem);margin-top: 1.875rem;transition: all linear 0.4s;}
.service .item .img{overflow: hidden;border: 1px solid #ddd;}
.service .item .img img{transition: all linear 0.4s;}
.service .item .info{transition: all linear 0.4s;}
.service .item .info h4{color: #000;font-size: 1.125rem;margin-top: 1.25rem;margin-bottom: 0.875rem;}
.service .item .info p{margin-bottom: 0;color: #888;font-size: 0.875rem;line-height: 2rem;text-align: justify;}
.service .item:hover{}
.service .item:hover img{transform: scale(1.2);}

@media (max-width:767px){
    .service .item{width: calc(100% / 3 - 10px);}
}


/*adv*/
.adv{background:url("../image/adv_bg.jpg")center no-repeat;text-align: center}
.adv h2{font-size: 1.875rem;color: #000;color: #3f86ca;padding-bottom: 1.5rem;position: relative;margin-top: 1.25rem;margin-bottom: 0.675rem;}
.adv h2::after{content: '';width: 10rem;height: 1px;background-color: #3f86ca;position: absolute;left:50%;margin-left: -5rem;bottom: 0.5rem; display: block;}
.adv p{font-size: 1.125rem;margin-bottom: 0;}

/*about*/
.about .top{padding-top: 2rem;padding-bottom: 3rem;}
.about .top .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .top .item{width: 25%;text-align: center;margin-top: 1.25rem;transition: all linear 0.4s;}
.about .top .item h3{margin-top: 0;font-size: 3.25rem;margin-bottom: 0.675rem;}
.about .top .item h3 em{font-size: 1rem;}
.about .top .item p{color: #666;}

.about .bot{background-color: #f7f7f7;padding-top: 3.25rem;padding-bottom: 3rem;position: relative;}
.about .bot .content{display: flex;flex-wrap: wrap;}
.about .bot .info h3{font-size: 1.5rem;margin-top: 1.25rem;margin-bottom: 0.675rem;color: #3f86ca;line-height: 1;}
.about .bot .info h5{font-size: 0.875rem;text-transform: uppercase;color: #a1a2a3;margin-top: 0;margin-bottom: 1rem;line-height: 1;}
.about .bot .info p{line-height: 2em;margin-bottom: 0.675rem;text-align: justify;}
.about .bot .info a{color: #3f86ca;border:1px solid #3f86ca; display: inline-block;padding: 0.75rem 2.5rem;font-size: 0.875rem;}
.about .bot .info a:hover{background-color: #3f86ca;color: #fff;}
.about .bot .img{background: url("../image/10.jpg") center no-repeat;background-size: cover;height: 100%;min-height: 26.2rem;}

/*
.about .bot .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .bot .item{width: 25%;margin-top: 3rem;text-align: center;transition: all linear 0.4s;}
.about .bot .item img{width: 25%;}
.about .bot .item h5{margin-top: 1.5rem;font-size: 1rem;color: #000;margin-bottom: 0;line-height: 2;}
.about .bot .item p{font-size: 0.875rem;color: #666;margin-bottom: 0;line-height: 1.5;}
*/
.about .bot .company-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 3rem;}
.about .bot .company-list .item{width: calc(25% - 7.5px);text-align: center;}

@media (max-width:767px){
    .about .top .item{width: 50%;}
    .about .bot .info a{margin-bottom: 1.35rem;}
/*    .about .bot .item{width: 50%;}*/
    .about .bot .company-list .item{width: calc(50% - 5px);margin-bottom: 10px;}
}

/*advantage*/
.advantage{background-color: #3f86ca;}
.advantage h3.tit{color: #fff;}
.advantage h5.tit{color: #fff;}
.advantage .list{margin-top: 3rem;}
.advantage .item{}
.advantage .item .info{background-color: #fff;padding-left: 0;padding-right: 0;}
.advantage .item .info dl{margin-bottom: 0;padding: 10% 7.5%;}
.advantage .item .info dl dt{font-weight: normal;padding-left: 4rem;margin-bottom: 1.25rem;}
.advantage .item .info dl dt span{font-size: 3rem;margin-left: -4rem;float: left;width: 4rem;line-height: 1;display: block;color: #3f86ca;font-family: impact;}
.advantage .item .info dl dt h3{margin-top: 0;font-size: 1.25rem;}
.advantage .item .info dl dt p{color: #3f86ca;text-transform: uppercase;font-size: 12px;margin-bottom: 0;font-weight: bold;}
.advantage .item .info dl dd{font-size: 0.875rem;line-height: 2rem;text-align: justify;}
.advantage .item .img{padding-left: 0;padding-right: 0;}
.advantage .item .img img{width: 100%;height: 100%;object-fit: cover;}

@media (min-width:768px){
    .advantage .item-1 .info,.advantage .item-1 .img{height: 355px;}
    .advantage .item-2 .info,.advantage .item-2 .img{height: 320px;}
    .advantage .item-3 .info,.advantage .item-3 .img{height: 360px;}
}
@media (max-width:767px){
    .advantage .item .info dl{padding: 20px 15px;}
}

/*fw*/
.fw .item{margin-top: 1.875rem;}
.fw .item p{color:#37474f;margin-top: 10px;line-height: 2rem;text-align: justify;}
.fw dl{width: 1200px;margin: 30px auto 0;height:438px;}
.fw dl dt{float:left;}
.fw dl dd{float: right;width: 615px;background:url("../image/24.jpg")center no-repeat;height: 438px;padding-top: 42px;}
.fw dl dd p{height: 76px;width: 432px;margin: 0 0 45px 125px;color: #999;}
.fw dl dd p.cur{color:#37474f;}
.fw dl dd em{display: block;text-align: center;margin-left: 95px;font-style: normal;margin-top: -5px;}
.fw dl dd em a{color: #fff;font-weight: bold;font-size: 20px;}

/*pz*/
.pz{background-color:#f7f7f7;}
.pz .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pz .list .item{width:calc((100% - 3.75rem) / 3);margin-top: 3.125rem;padding: 2px;background-color:#fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.pz .list .item .img{overflow: hidden;}
.pz .list .item .img img{transition: all linear 0.4s;width: 100%;}
.pz .list .item .con{padding: 1.25rem 1.5rem;}
.pz .list .item .con h4{font-size: 16px;font-weight: bold;color:#37474f;}
.pz .list .item .con p{font-size: 14px;margin-bottom: 0;line-height: 26px;color: #666;}
.pz .list .item:hover{background-color:#2092d5;}
.pz .list .item:hover .img img{transform: scale(1.2);}
.pz .list .item:hover .con h4{color:#fff;}
.pz .list .item:hover .con p{color:#fff;}

@media(max-width:1024px){
    .pz .list .item{width: calc(100% / 3 - 1.25rem);}
}
@media(max-width:767px){
    .pz .list .item{width: calc(50% - 7.5px);margin-top: 1.875rem;}
}

/*zd*/
.zd .img img{margin: 1.875rem auto 0;}


/*case*/
.case{background-color:#f7f7f7;}
.case .swiper-container {
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}
.case .swiper-wrapper{
    
}
.case .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.case li.swiper-slide{width: auto;}
.case li.swiper-slide a{display: block;padding: 5px 1.429rem;color: #141414;font-weight: lighter;}
.case li.swiper-slide.active a{background-color: #e14655;color: #fff;}
.case .swiper-container .swiper-pagination{bottom: -1px;height: 2px;top: auto;}

.case .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.case .item{width:calc(25% - 15px);margin-top: 20px;border: 1px solid #ddd;text-align: center;cursor: pointer;}
.case .item .img{overflow: hidden;position: relative;}
/*.case .item .img::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.5);}*/
.case .item .img img{transition: all linear 0.4s;}
.case .item p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 3.125rem;margin-bottom: 0;display: none;}
.case .item p a{color: #333;}
.case .item:hover .img img{transform: scale(1.1);}
/*.case .item:hover .img::after{display: none;}*/
.case .item:hover p a{color: #e14655;}

.case a.more{display: block;width: 10rem;padding: 0 5px;height: 2.5rem;line-height: 2.5rem;text-align: center;border-radius: 5px;border: 1px solid #141414;color: #141414;margin:3.25rem auto 0;}
.case a.more:hover{background-color:#e14655;color: #fff;border-color: #e14655;}
@media(max-width:768px){
    .case .item{width:calc(25% - 7.5px);margin-top: 10px;}
}
@media(max-width:640px){
    .case .item{width:calc(50% - 5px);margin-top: 10px;}
}

.news{background-color: #3f86ca;}
.news h3.tit{color: #fff;}
.news h5.tit{color: #fff;}
.news .list{ font-size:0; margin:3rem auto 0;max-width: 1720px;}
.news .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news .list li{ display:inline-block; *display:inline; *zoom:1; width:calc(100% / 3 - 2rem); margin-bottom:2rem}
.news .list li .box{ background:#fff; overflow:hidden; padding:2.875rem 3.875rem 2.875rem 3rem;}
.news .list li .box .pull-left{width: 18%;}
.news .list li .box .pull-left .time{color:#000;text-align:right;float:left;width: 4.375rem;}
.news .lis

t li .box .pull-left .time h4{ font-size:1.125rem;margin-top: 0;}
.news .list li .box .pull-left .time h2{ font-size:1.6875rem; margin:0.35rem 0 3.75rem; font-weight:700;}
.news .list li .box .pull-left .dot{ float:left; width:100%; overflow:hidden}
.news .list li .box .pull-right{ width:73.5%;}
.news .list li .box .pull-right h5{font-size: 1.25rem;color: #232323;font-weight: bold;margin: 1.25rem 0 2.1825rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .list li .box .pull-right h5 a{ color:#232323; height:1.35rem; line-height:1.35rem}
.news .list li .box .pull-right h5 a:hover{color: #e14655;}
.news .list li .box .pull-right p{ font-size:0.875rem; color:#6c6868; line-height:1.875rem; height:3.75rem; overflow:hidden; margin-bottom:2.75rem}

@media (max-width:1620px){
    .news ul{padding: 0 1rem;}
    .news .list li{width:calc(100% / 3 - 0.666rem);margin-bottom: 1rem;}
}
@media (max-width:1470px){
}
@media (max-width:1415px){
    .news .list li .box .pull-left .time h2{font-size: 1.5rem;}
}
@media (max-width:1240px){
    .news .list li{margin-bottom: 1rem;}
    .news .list li .box{ padding:2rem}
	.news .list li .box .pull-left .time h2{ margin-bottom:2rem}
	.news .list li .box .pull-right h5{ margin:0.5rem 0 1rem}
	.news .list li .box .pull-right p{ margin-bottom:1.75rem}
}
@media (max-width:1200px){
    .news .list li{width: calc(50% - 7.5px);}
}
@media (max-width:768px){
    
    .news .list li{width: 100%;}
    .news .list li .box .pull-left .dot img{height: 3.5rem;}
}
@media (max-width:640px){
    .news ul{padding: 0;}
    .news .list li .box .pull-right h6 img{width:2.4rem;}
}
.news a.more{display: block;width: 10rem;height: 3rem;line-height: 3rem;text-align: center;border: 1px solid #fff;color: #fff;margin:2rem auto 0;}
.news a.more:hover{background-color:#fff;color:#e14655;}

/*contact*/
.contact{padding: 4.6875rem 0 4.6875rem;text-align: center;}
.contact .box{}
.contact .con{display: inline-block;vertical-align: top;}
.contact .con.left{text-align: left;}
.contact .con.left h3{font-family: MISTRAL;font-size: 3.75rem;color: #1d1b1b;margin-bottom: 5.25rem;margin-top: 0; line-height: 1;}
.contact .con.left h2{margin: 0;}
.contact .con.left a{display: inline-block;width: 8.25rem;height: 3rem;line-height: 3rem;color: #fff;background-color: #e14655;text-align: center;font-size: 0.9375rem;border-radius: 7px;}
.contact .con.left img{max-height: 16.375rem;}
.contact .con.right{text-align: left;position: relative;margin-left: 1rem;margin-top: 3rem;}
.contact .con.right h5{font-size: 1.25rem;color: #373737;margin-top: 0;margin-bottom: 0;line-height: 1;}
.contact .con.right h4{font-size: 3.5rem;color: #373737;margin: 1.5rem 0 3.25rem;font-weight: lighter;font-family: bahnschrift;line-height: 1;}
.contact .con.right p{font-size: 0.875rem;line-height: 1.875rem;color: #373737;margin-bottom: 0;}
.contact .con.right .img{position: absolute;right: 0;bottom: 0;text-align: center;}
.contact .con.right .img img{width: 6.25rem;height: 6.25rem;}
.contact .con.right .img h6{margin-bottom: 0.5rem;margin-top: 0.75rem;font-size: 0.9375rem;color: #373737;}
@media (max-width:992px){
    .contact .con.left{ margin-bottom:2rem}
}
@media (max-width:768px){
    .contact{ padding:4rem 0}
    .contact .con.left{ width:100%; text-align:center; margin-bottom:2rem}
    .contact .con.left h3{ margin-bottom:1rem}
    .contact .con.right{ width:100%; text-align:center; margin-left:0}
    .contact .con.right h3{ margin:1rem 0 2rem; font-size:2rem}
    .contact .con.right .img{ position:relative; margin-top:2rem}
	.contact .con.right h5{ line-height:2rem}
}
@media (max-width:640px){
    
}

/*main*/
.main{background-color: #f2f2f2;padding-bottom: 3rem;}
.location{padding: 10px 0;line-height: 30px;font-size: 12px;color: #37474f;background-color: #fff;}
.location a{color: #34474f;}
.location i.fa{padding: 0 10px;}
.location a:hover{color: #3f86ca;}

/*服务项目*/
#service .list{font-size: 0;}
#service .item{width: calc(100% / 3 - 1.25rem);margin-top: 1.875rem;transition: all linear 0.4s;background-color: #fff;display: inline-block;margin-right: 1.875rem;}
#service .item:nth-child(3n){margin-right: 0;}
#service .item .img{overflow: hidden;border: 1px solid #ddd;}
#service .item .img img{transition: all linear 0.4s;}
#service .item p{color: #000;font-size: 1rem;text-align: center;padding: 0.75rem 1.25rem;margin-bottom: 0;line-height: 1.2;border-bottom: 1px solid #ddd;}
#service .item:hover img{transform: scale(1.2);}
#service .item:hover p{color: #3f86ca;}

@media (max-width:767px){
    #service .item{width: calc(50% - 0.675rem);margin-right: 0.675rem;}
    #service .item:nth-child(2n){margin-right: 0;}
    #service .item:nth-child(3n){margin-right: 0.675rem;}
}

.section{margin-top: 1.875rem;}
#service .parameter,#service .nav,#service .desc{background-color: #fff;padding: 30px;border-radius: 0.286rem;box-shadow: 0 0 10px rgba(0,0,0,.05);}
#service h3{color: #37474f;margin-top: 0;line-height: 1;font-size: 16px;font-weight: lighter;margin-bottom: 20px;}
#service .parameter table{text-align: center;}
#service .parameter table tr.firstRow{background-color: #3f86ca;color: #fff;}
#service .parameter table tr td{vertical-align: middle;}
#service .parameter p{line-height: 2em;}
#service .nav ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#service .nav ul li{list-style: none;text-align: center;margin-bottom: 10px;width: 100%;}
#service .nav ul li a{color: #37474f;}
#service .nav ul li a:hover{color: #3f86ca;}
#service .nav ul li p{padding: 10px 0;line-height: 1.2;margin-bottom: 0;font-size: 0.875rem;}
#service .desc h3{border-bottom: 1px solid #ddd;position: relative;color: #37474f;padding-left: 1.429rem;line-height: 2.875rem;}
#service .desc h3::after{content: '';position: absolute;left: 0;bottom: -1px;height: 2px;width: calc(2.858rem + 64px);background-color: #3f86ca;}
#service .desc img{max-width: 100%;}
@media (max-width:768px){
    #service h3{margin-top: 10px;margin-bottom: 10px;}
    #service .nav ul li{width: calc(100% / 3 - 10px);}
}
@media (max-width:640px){
    .section{margin-top: 15px;}
    #service .parameter,#service .nav,#service .desc{padding:15px;}
    #service .nav ul li{width: calc(50% - 5px);}
}

/*案例及设备*/
#case .nav,#case .con{background-color: #fff;padding: 30px;border-radius: 0.286rem;box-shadow: 0 0 10px rgba(0,0,0,.05);}
#case .nav{padding: 0;border: 1px solid #2092d5;}
#case .nav h3{color: #fff;margin-top: 0;line-height: 1.6;font-size: 16px;font-weight: lighter;margin-bottom: 10px;background-color:#2092d5;padding: 1.25rem 0.9375rem 0.625rem;}
#case .nav >h3:first-child{border-radius: 4px 4px 0 0;}
#case .nav nav{margin-bottom: 10px;padding: 0 0.9375rem;}
#case .nav nav a{display: block;height: 2.5rem;line-height: 2.5rem;font-size: 0.875rem;color: #34474f;}
#case .nav nav a i.fa-caret-right{font-size: 0.875rem; margin-right: 0.5rem;}
#case .nav ul{padding: 0 0.9375rem;}
#case .nav ul li{list-style: none;padding-top: 0.625rem;}
#case .nav ul li a{color: #37474f;font-size: 0.875rem;line-height: 1.5;display: block;padding-left: 0.875rem;}
#case .nav ul li a i{float: left; margin-left: -0.875rem;margin-top: 0.25rem;}
#case .nav ul li a:hover{color: #e14655;}

#case .box{font-size: 0;}
#case .item{width: calc((100% - 60px) / 3);text-align: center;transition: all linear 0.4s;margin-bottom: 30px;margin-right: 30px;display: inline-block;}
#case .item:nth-child(3n){margin-right: 0;}
#case .item:nth-child(n+6){margin-bottom: 0;}
#case .item .img{overflow: hidden;position: relative;}
/*#case .item .img::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.5);}*/
#case .item .img img{transition: all linear 0.4s;}
#case .item p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 3.125rem;margin-bottom: 0;color: #333;background-color: #fff;margin-top: 1px;font-size: 1rem;}
#case .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);}
#case .item:hover .img img{transform: scale(1.1);}
/*#case .item:hover .img::after{display: none;}*/
#case .item:hover p{color: #3f86ca;}

#case .con h3{font-size: 1.25rem;margin-top: 0;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;line-height: 1.5;}
#case .con p{text-indent: 2em;line-height: 2em;color: #666;margin-bottom: 0.625rem;}
#case .con p img{max-width:100%;margin-left: -2em;}
#case .con table tr.firstRow{background-color:#2092d5;}
#case .con table tr.firstRow td{color:#fff;}
#case .con table td{vertical-align: middle;text-align: center;}


#case .con span.prev,#case .con span.next,#case .con span.back{display: block;line-height: 2em;}
#case .con span.prev a,#case .con span.next a,#case .con span.back a{color: #37474f;}
#case .con span.prev a:hover,#case .con span.next a:hover,#case .con span.back a:hover{color: #e14655;}

@media(min-width:769px){
    #case .nav nav a:hover{color: #fff;background-color: #2092d5;border-radius: 4px;padding: 0 15px;}
}
@media (max-width:768px){
    #case #fenye{margin-top: 1.875rem;}
    #case .item{width: calc((100% - 20px) / 3);margin-bottom: 10px;margin-right: 10px;}
    #case .nav nav{text-align: justify;}
    #case .nav nav a{display: inline-block;margin-right: 1rem;}
    #case .nav nav a:hover{color: #e14655;}
}

@media (max-width:767px){
    #case .con{padding: 15px;}
}

/*新闻资讯*/
.news-list ul{}
.news-list ul li{list-style: none;margin-bottom: 30px;background-color: #fff;border-radius: 0.286rem;}
.news-list ul li:last-child{margin-bottom: 0;}
.news-list ul li dl{padding: 0 1.875rem 1.375rem;margin-bottom: 0;}
.news-list ul li dl dt{font-size: 16px; font-weight: bold;color: #000;padding: 1.375rem 0 0.9375rem 1.5rem;border-bottom: 1px solid #ddd;line-height: 1.6;}
.news-list ul li dl dt i{float: left;margin-left: -1.5rem;margin-right: 0.5rem;font-size: 1rem;margin-top: 0.3rem;}
.news-list ul li dl dt span{line-height: 1.25rem;display: block;font-size: 1rem;}
.news-list ul li dl dd{margin-top: 1.375rem;}
.news-list ul li dl dd h3{font-size: 16px;line-height: 2.25rem;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;}
.news-list ul li dl dd p{font-size: 0.875rem;line-height: 1.5rem;color: #666;margin-top: 0.625rem;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0;}
.news-list ul li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);background-color:#2092d5;}
.news-list ul li:hover dt{color: #fff;}
.news-list ul li:hover dd p{color:#fff;}

@media (max-width:768px){
    .news-list ul li{margin-bottom: 15px;}
}


/*关于我们*/
#about{background: url("../image/20.jpg")center no-repeat;background-attachment: fixed;}
#about .desc,#about .info{padding: 30px;background-color: rgba(255,255,255,.85);box-shadow: 0 0 10px rgba(0,0,0,.15);}
#about .desc h3,#about .info h3{color: #37474f;margin-top: 0;line-height: 1;font-size: 1.25rem;font-weight: lighter;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #3f86ca;}
#about .desc h3 i,#about .info h3 i{margin-right: 0.5rem;color: #3f86ca;}
#about .desc p,#about .info p{font-size: 1rem;line-height: 2em;margin-bottom: 0;text-align: justify;}
#about .info p b{color: #3f86ca;}
#about .desc p img,#about .info p img{max-width: 100%;}
@media (min-width:768px){
    #about{
	padding-bottom: 2rem;
}
}
@media (max-width:767px){
    #about .desc,#about .info{padding: 15px;}
    #about .desc h3,#about .info h3{margin-top: 10px;}
}
