a{
    color: #333;
    text-decoration: none;
    transition: all .4s;
}
a:active,a:hover{
    color: #333;
    text-decoration: none;
}
.container{
    max-width: 75rem;
    margin: 0 auto;
}
.box{
    max-width: 75rem;
    margin: 0 auto;
}

/*首页头部导航*/
.navbar{
    background: #fff;
    height:7.5rem;
    width: 100%;
}
.navbar_header{
    position: relative;
}
.navbar .container{
    height:100%;
}
.logo a{
    display: block;
		vertical-align: middle;
		margin-top: 1.4rem;
}
.logo img{
    max-height: 5rem;
    width: 5.8rem;
		vertical-align: middle;
}
.logo span{
	font-size: 22px;
	color:#1e50ae
}
.nav{
    font-size: 0;
}

.nav li{
    display: inline-block;
    font-size: 1rem;
    position: relative;
}
.nav>li:hover>a,
.nav>li.active>a{
    color: #fff;
    background: #1e50ae;
}
.nav>li>a{
    font-size: 1rem;
    display: block;
    line-height: 7.5rem;
    width: 8.75rem;
    text-align: center;
    height: 7.5rem;
}
.header_phone_info{
    display: inline-block;
    margin-top: 2.4rem;
    margin-left: .6875rem;
}
.header_phone_info p{
    font-size: .9375rem;
    color: #333;
}
.header_phone_info strong{
    font-size: 1.75rem;
    color: #883e26;
}
.children{
    position: absolute;
    width: 8.75rem;
    padding-top: .8rem;
    text-align: left;
    display: none;
    left:0;
    top:100%;
    z-index: 9;
}
.children a{
    font-size: .875rem;
    color: #ffffff;
    text-align: center;
    display: block;
    padding:0 0.8rem;
}
.children li{
    width: 100%;
    height: 2.5rem;
    background:#1e50ae;
    line-height: 2.5rem;
    position:relative;
}
.children li a:before{
    content: '';
    width: 0;
    height: 0;
    border: 0.4rem solid transparent;
    border-bottom: 0.4rem solid #1e50ae;
    position: absolute;
    top: -.8rem;
    left: 48%;
    transform: translateX(-50%);
    z-index: 100;
}

.menu{
    width: 1.5rem;
    float: right;
    margin-top: 1.5rem;
}
.mm-menu .mm-navbar .mm-title{
    padding: 0;
    font-size: 1.25rem;
    color: #333;
}
.mm-navbar{
    height: 5rem;
    line-height: 5rem;
}
.mm-menu{
    background: #fff;
}
.mm-listview>li>a, .mm-listview>li>span{
    font-size: 1rem;
    padding: 1.25rem 0.625rem 1.25rem 1.25rem;
}
.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2{
    top:5rem
}
.mm-listview>li .mm-next:before{
    content: none;
}
.mm-navbar-bottom{
    border:none
}
.mm-btn{
    width: 60px;
    height: 60px;
}
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before,
.mm-arrow:after, .mm-prev:before{
    width: 10px;
    height: 10px;
    top:15px
}
.mm-clear:before, .mm-close:before{
    right: 18px;
}
.mm-clear:after, .mm-close:after{
    right: 32px;
}
.mm-next:after{
    width: 10px;
    height: 10px;
    top:4px;
}
.mm-panels>.mm-panel>.mm-navbar+.mm-listview{
    width: calc(100% + 40px);
}
@media only screen and (min-width: 68.75rem) {
    .mobile_nav{display: none}
}
@media only screen and (max-width:68.75rem) {
    .nav{display: none}
    .logo img{width: 3rem;}
		.logo a{margin-top: 0.5rem}
		.logo span{font-size: 18px;}
    .navbar{height: 4rem;padding: 0 1rem}
    .navbar{position:inherit;z-index: 99;}
}
@media only screen and (max-width:75rem) {
    .header_phone{display: none}
}
/*首页头部导航 End*/
@media only screen and (max-width:30rem) {
    .banner img{display:inline-block;min-width: 100%;max-width:none;height: 12rem;}
    .banner .swiper-container{height: 12rem;overflow:hidden;text-align: right;margin:0 auto;}
    .swiper-slide{text-align: center;}
}

/*banner*/
.banner{
    position: relative;
    width: 100%;
    height: 43.75rem;
    overflow: hidden;
}
.banner .swiper-container{
    width: 100%;
    height: 43.75rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -50%;
}
.banner .swiper-slide {
    background-position: center;
    background-size: cover;
    position: relative;
}
.banner_info{
    width: 43.125rem;
    text-align: center;
    color: #fff;
    padding: 2rem 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: rgba(30,80,174,.8);
}
.banner_info p{
    font-size: 1.25rem;
}
.banner_info h2{
    font-size: 2.75rem;
    font-weight: bold;
}
.banner_info div{
    margin-top: 1.5rem;
}
.banner_info div a{
    display: block;
    width: 10.1875rem;
    height: 2.6875rem;
    font-size: 1rem;
    line-height: 2.6875rem;
    color: #fff;
    border: 1px solid #fff;
    margin:  0 auto;
}
.banner .swiper-button-prev{
    width: 4.4375rem;
    height:  4.4375rem;
    border-radius: 4px;
    background: rgba(0,0,0,.1);
		text-align: center;
    /* right: calc(40px + 1%); */
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	content: none;
}
.banner .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover,
.banner .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{
    background: rgba(0,0,0,.2);
}
.banner .swiper-button-next{
    width: 4.4375rem;
    height:  4.4375rem;
    border-radius: 4px;
    background: rgba(0,0,0,.1);
    /* left: calc(40px + 1%); */
}
@media only screen and (max-width:30rem) {
    .banner{height: 15rem}
    .banner .swiper-container{height: 15rem}
    .banner_info{width: 80%;padding: 1rem 0}
    .banner_info p{font-size: .875rem}
    .banner_info h2{font-size: 1.25rem}
    .banner_info div a{font-size: .875rem;width: 6rem;height:2rem;line-height: 2rem}
    .banner .swiper-button-next{width: 2rem;height: 2rem;left: 1%}
    .banner .swiper-button-prev{width: 2rem;height: 2rem;right: 1%}
    .swiper-button-next:after, .swiper-button-prev:after{font-size:1.5rem}
}

.index_title{
    text-align: center;
}
.index_title h2{
    font-size: 1.875rem;
    color: #1e50ae;
    font-weight: bold;
}
.index_title p{
    font-size: 1rem;
    color: #777;
    height: 2.5rem;
    padding-top: 1rem;
}
/*我们的优势*/
.index_adv{
    padding: 3.8125rem 0;
}
.index_adv_content{
    background: url("../img/adv_center.png") center no-repeat;
    background-size: auto 73%;
    margin-top: 1.5rem;
}
.index_adv_content ul{
    height: 28.125rem;
}
.index_adv_content li{
    width: 50%;
    height: 50%;
}
.index_adv_content li:nth-child(odd){
    float: left;
    padding-left: 4rem;
}
.index_adv_content li:nth-child(even){
    float: right;
    padding-right: 4.5rem;
}
.index_adv_content li:nth-child(odd) .index_adv_img,
.index_adv_content li:nth-child(odd) .index_adv_info{
    float: left;
}
.index_adv_content li:nth-child(even) .index_adv_img,
.index_adv_content li:nth-child(even) .index_adv_info{
    float: right;
}
.index_adv_content li:nth-child(odd) .index_adv_info{
    margin-left: 1.65rem;
}
.index_adv_content li:nth-child(even) .index_adv_info{
    margin-right: 1.65rem;
}
.index_adv_content li:nth-child(3),
.index_adv_content li:nth-child(4){
    /*margin-top:4.8rem;*/
    margin-top:2%;
}
.index_adv_content li .index_adv_img{
    float: left;
}
.index_adv_content li .index_adv_img img:first-child{
    opacity: 1;
    display: block;
}
.index_adv_content li .index_adv_img img:nth-child(2){
    opacity: 0;
    display: none;
}
.index_adv_content li .index_adv_img:hover img:first-child{
    opacity: 0;
    display: none;
}
.index_adv_content li .index_adv_img:hover img:nth-child(2){
    opacity: 1;
    display: block;
}
.index_adv_content li .index_adv_info{
    width: 12.9375rem;
    float: left;
    margin-top:2.6rem;
}
.index_adv_content li .index_adv_info h3{
    font-size: 1.125rem;
    color: #444;
    line-height: 4rem;
}
.index_adv_content li .index_adv_info p{
    font-size: .875rem;
    color: #858585;
    line-height: 1.7;
		height:6rem;
}
@media only screen and (max-width:30rem) {
    .index_adv{padding: 2rem 0}
    .index_adv_content{background: none}
    .index_adv_content ul{height: auto}
    .index_adv_content li{height: auto;width: 49%}
    .index_adv_content li:nth-child(odd){padding-left: 1rem}
    .index_adv_content li:nth-child(even){padding-right: 1rem}
    .index_adv_content li .index_adv_item{width: 100%}
    .index_adv_content li .index_adv_info{width: 100%;margin: 0 !important;}
    .index_adv_content li .index_adv_img{display: none}
}
/*公司简介*/
.index_about{
    padding: 5rem 0 8.125rem;
    background: url("../img/about_bg.png") center no-repeat;
    background-size: auto 100%;
}
.index_about .index_title h2,
.index_about .index_title p{
    color: #fff;
}
.index_about_content{
    margin-top: 2.5rem;
}
.index_about_content img{
    float: left;
    width: 30.2rem;
    width: 40.3%;
}
.index_about_content_right{
    width: 52%;
    margin-right: 1.8%;
    padding-top: 2rem;
    float: right;
}
.index_about_content_right p{
    font-size: 1rem;
    color: #fff;
    line-height: 1.7;
}
.index_about_content_right_btn{
    width: 9.375rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    background: #fff;
    text-align: center;
    border-radius: 1.40625rem;
    margin-top: 2rem;
}
.index_about_content_right_btn a{
    font-size: .875rem;
    color: #1e4fb1;
}
/*产品中心*/
.index_product{
    padding: 2rem 0 8rem;
}
.index_product_tab{
    text-align: center;
    margin: 5.625rem 0;
}
.index_product_tab li{
    display: inline-block;
    width: 10.5rem;
    height: 2.75rem;
    font-size: 1rem;
    color: #666;
    line-height: 2.75rem;
    text-align: center;
    margin: 0 1.25rem;
    cursor: pointer;
}
.index_product_tab li.active{
    color: #fff;
    background: #1e50ae;
}
.index_product_list{
    padding: 0 1.2rem;
    display: none;
}
.index_product_list:first-child{
    display: block;
}
.index_product_list li{
    width: 32.4%;
    height: 14.8175rem;
    float: left;
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative;
}
.index_product_list li.m_14{
    margin-right: 1.4%;
}
.index_product_list .index_product_big{
    width: 66.2%;
}
.index_product_img{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_product_img img{
    min-width: 100%;
    min-height: 100%;
    display: block;
}
.index_product_title{
    width: 100%;
    height: 100%;
    font-size: .875rem;
    color: #fff;
    text-align: center;
    line-height: 14.8175rem;
    background: #1e4fb1;
    position: absolute;
    top:0;
    left: 0;
    opacity: 0;
    transition: opacity 1s;
}
.index_product_list li:hover .index_product_title{
    opacity: 1;
}
@media only screen and (max-width:30rem) {
    .index_about{padding: 2rem 0 }
    .index_about_content_right{width: 100%;padding: 0 .875rem;margin-right: 0}
    .index_about_content img{display: none}
    .index_about_content{margin-top: 1.5rem}
    .index_about_content_right_btn{margin: 1.5rem auto}

}
/*品质服务*/
.index_service{
    background: url("../img/serve_bg.jpg") center no-repeat;
    background-size: auto 100% ;
    padding: 6rem 0 1.5rem;
}
.index_service_title{
    color: #fff;
    text-align: center;
}
.index_service_title h2{
    font-size: 2.5rem;
    font-weight: bold;
}
.index_service_title p{
    font-size: 1rem;
    line-height: 4.3rem;
}
.index_service_content{
    max-width: 73.75rem;
    text-align: center;
    color: #fff;
    margin: 3.3rem auto;
}
.index_service_content h3{
    font-size: 1.25rem;
    line-height: 7rem;
    position: relative;
}
.index_service_content h3:after{
    content: '';
    width: 2.725rem;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
}
.index_service_content p{
    font-size: .875rem;
    line-height: 1.5rem;
    margin-top: .675rem;
}
@media only screen and (max-width:30rem) {
    .index_product{padding: 2rem 0 4rem;}
    .index_product_tab{margin: 2rem 0;}
    .index_product_tab li{width:40%;margin: 0 .875rem;}
    .index_product_list li{height: 3.8175rem;margin-bottom: .3rem}
    .index_service{padding: 4rem 0.875rem 1.5rem}
    .index_service_title h2{font-size: 2rem}
    .index_service_title p{ line-height: 2.3rem;}
    .index_service_content{  margin: 2rem auto;}
}

/*我们的实力*/
.index_strength{
    padding: 4.875rem 0 6rem;
}
.index_strength_content{
    padding-top: 4rem;
}
.index_strength_content li{
    width: calc(100%/3);
    text-align: center;
    float: left;
}
.index_strength_content h2{
   font-size: 3.5rem;
   color: #4c4c4c;
}
.index_strength_content p{
    font-size: 1rem;
    color: #4c4c4c;
    line-height: 2.8rem;
}
/*联系我们*/
.index_contact{
    background: url("../img/contact_bg.jpg") center no-repeat;
    background-size: auto 100%;
}
.index_contact_content{
}
.index_contact_content_left{
    width: 50%;
    float: left;
    margin-top: 5rem;
    margin-left: 2rem;
}
.index_contact_content_left{
    color: #dedede;
}
.index_contact_content_left h2{
    font-size: 2.875rem;
    margin-bottom: 3.625rem;
}
.index_contact_content_left p{
    font-size: 1rem;
    line-height: 1.8125rem;
}
.index_contact_content_right{
    width: 45%;
    float: right;
    margin: 3rem 0;
}
.index_contact_input{
    margin: 1.5rem 0;
}
.index_contact_input span:first-child,
.index_contact_textarea span:first-child{
    font-size: .875rem;
    color: #fff;
    display: inline-block;
    width: 2em;
    font-weight: bold;
}
.index_contact_input span:last-child,
.index_contact_textarea span:last-child{
    color: red;
}
.index_contact_input input,
.index_contact_textarea textarea{
    width: 77%;
    border-color: transparent;
    background: #dbdbdb;
    margin-left: 2%;
    vertical-align: middle;
    border-radius: 2px;
    text-indent:6px;
    font-size: .75rem;
    line-height: 1.625rem;
    resize: none;
}
.index_contact_input input{
    height: 2.25rem;
}
.index_contact_textarea textarea{
    height: 6.375rem;
}
.index_contact_content_right button{
    margin-left: 2%;
    font-size: .875rem;
    color: #fff;
    background: #5ab4ff;
    border: transparent;
    width: 41%;
    height: 2.75rem;
}
.copyright{
    font-size: .875rem;
    color: #ccc;
    text-align: center;
    line-height: 4.8125rem;
    background: #101518;
}
@media only screen and (max-width:30rem) {
    .index_strength_content li{padding: 0 .875rem;}
    .index_strength_content p{line-height: 1.8rem}
    .index_contact_content_left{clear: both;width: 100%;text-align: center;margin: 3rem 0}
    .index_contact_content_right{clear: both;width: 100%;padding: 0 .875rem;margin: 0 0 2rem}
    .copyright{line-height:1.4;padding: 1.5rem 0}
}
.fk_siteBackToTop{
    width: 2.5625rem;
    height: 2.625rem;
    position: fixed;
    right: 57px;
    bottom: 50px;
    display: block;
    opacity: 1;
    background-image:url("../img/top.png");
}
.fk_siteBackToTop:hover{
    background-image:url("../img/top_hover.png");
}
@media only screen and (max-width:30rem) {
    .fk_siteBackToTop{right: 20px}
}
/*about.html*/
.img_top{
    width: 100%;
    height: 18.75rem;
    text-align: center;
    overflow:hidden;;
}
.img_top img {
    max-width: none;
    /* height: 100%; */
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
}
.team_box{
    padding-top: 5rem;
}
.team_content{
    margin-top: 3.5rem;
}
.team_content li{
    width: 23.7%;
    float: left;
    margin-bottom: 7rem;
}
.team_content li:not(:nth-child(4n)){
    margin-right: 1.7%;
}
.team_content li div{
    margin-top: 2rem;
}
.team_content li span{
    font-size: 1rem;
    color: #27282e;
    text-transform: uppercase;
}
.team_content li h2{
    font-size: 1rem;
    color: #4eb00b;
    margin-top: .5rem;
}
.team_content li p{
    font-size: .875rem;
    color: #a5a5a5;
    line-height: 1.625rem;
    margin-top: 2rem;
}
@media only screen and (max-width:30rem) {
    .img_top{height: 5.75rem}
    .team_content ul{padding: 1rem .875rem}
    .team_content li{width: 48.3%;margin-bottom: 3rem;}
    .team_content li:nth-child(odd){margin-right: 3.4%}
    .team_content li:nth-child(even){margin-right: 0}
}
/*product.html*/
.sewage_box{
    background: url("../img/product_bg.jpg") center no-repeat;
}
.sewage_info{
    color: #fff;
    width: 39%;
    height: 28.3125rem;
    float: right;
    margin-right: 6.5%;
    padding-top: 7.2rem;
}
.sewage_info h2{
    font-size: 1.75rem;
}
.sewage_info span{
    font-size: 1.75rem;
    line-height: 1;
}
.sewage_info p{
    font-size: .875rem;
    line-height: 1.625rem;
    margin-top: 2rem;
}
.serve_box{
    padding-top: 8.25rem;
}
.serve_box h2{
    font-size: 1.875rem;
    color: #161616;
    text-align: center;
}
.serve_box ul{
    max-width: 75rem;
    margin:  6.5625rem auto;
}
.serve_box li{
    width: 25%;
    float: left;
    text-align: center;
}
.serve_box li p{
    font-size: 1.125rem;
    color: #333;
    line-height: 6.5625rem;
}
@media only screen and (max-width:30rem) {
    .sewage_box{background: #1e50b1}
    .sewage_info{width: 90%;margin: 0 auto;float: none;padding-top:4rem;height:24rem}
    .serve_box{padding-top: 3rem}
    .serve_box h2{font-size: 1.5rem}
    .serve_box li{width: 50%}
    .serve_box ul{margin: 3rem auto }
}
/*图片预览*/
.Picture {
    overflow: hidden;
    display: none;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    z-index: 889;
}

.Picture-box {
    width: 100%;
    height: 100%;
    position: relative;
}
.Picture-box .swiper-slide{
    position: relative;
}
.Picture-box .swiper-slide div{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background: rgba(0,0,0,.5);
}
.Picture-box .swiper-slide.swiper-slide-active div{
    background: rgba(0,0,0,0);
}
.Picture-box .gb-btn {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 55px;
    right: -40px;
    text-align: center;
    z-index: 9999;
}
@media only screen and (max-width:30rem) {
    .Picture-box .gb-btn{width: 20px;height: 20px;right: 20px}
    .Picture-box .gb-btn img{width: 100%}
    #certify .swiper-button-prev{left: 10px;transform: translateY(-50%)}
    #certify .swiper-button-next{right: 10px;transform: translateY(-50%)}
}

/*兼容样式*/
@media (min-width: 1080px) and (max-width: 2400px) {
    .Picture-box .theme {
        width: 100%;
        height: 90%;
    }

    .Picture-box .theme img {
        width: auto;
        height: 100%;
    }
}
/*news.html*/
.news_list{
    max-width: 75rem;
    margin: 7.2rem auto 3rem;
}
.news_list img{
    float: left;
    max-width: 48%;
}
.news_list ul{
    width: 50%;
    float: right;
}
.news_list li{
    background: #f5f5f5;
    padding: 2rem 1rem;
    margin-bottom: 1.1rem;
}
.news_list li{
	width: 200%;
	margin-left: -100%;
	height: 7.625rem;
}
.news_list li:first-child,
.news_list li:nth-child(2){
	width: 100%;
	margin-left:0;
	height: 9.625rem;
	padding: 2rem .5rem;
	
}
.news_list li h2{
    font-size: 1.125rem;
    margin-bottom: .5rem;
}
.news_list li p{
    font-size: .875rem;
    color: grey;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
		white-space: nowrap;
}
.news_list li:first-child p,
.news_list li:nth-child(2) p{
	white-space: pre-wrap;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news_adv{
    background: url("../img/news_bg.jpg") center no-repeat;
    background-size: auto 100%;
    color: #fff;
    text-align: center;
    padding: 6rem 0;
    margin-bottom: 15rem;
}
.news_adv h2{
    font-size: 2.875rem;
    font-weight: bold;
}
.news_adv p{
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 1rem;
}
@media only screen and (max-width:30rem) {
    .news_list img{display: none}
    .news_list ul{width: 95%;margin:auto;float: none;}
    .news_list{margin: 2rem auto}
    .news_list li{padding: 1.5rem .5rem}
    .news_list li h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .news_adv{padding: 2rem 0;margin-bottom: 6rem}
    .news_adv h2{font-size: 1.8rem}
    .news_adv p{font-size: 1rem}
}

/*contact.html*/
.contact_box{
    padding: 7rem 0 0;
}
.contact_intro{
    font-size: .9375rem;
    color:#666;
    text-align: center;
    line-height:2;
    margin-top:3rem;
}
.contact_content{
    max-width: 75rem;
    margin: 0 auto;
}
.contact_content ul{
    margin-top: 5.5rem;
}
.contact_content li{
    float: left;
    width: calc(100%/3);
    text-align: center;
}
.contact_name{
    font-size: 1.125rem;
    margin-top: 2rem;
}
.contact_info{
    font-size: 1rem;
    margin-top: .875rem;
}
#allmap{
    max-width: 75rem;
    height: 22.5rem;
    margin: 7.5rem auto 3rem;
}
@media only screen and (max-width:30rem) {
    .contact_box{padding: 4rem 0 0}
    .contact_content ul{    margin-top: 3.5rem;}
    #allmap{height: 10.5rem;margin-top: 5rem}
}
/*online.html*/
.online_box{
    max-width: 74.375rem;
    margin: 0 auto;
    font-size: .875rem;
    color: #666;
    padding: 6rem 0;
}
.online_box_title{
    margin: 2rem 0;
}
form.online_form div{
    float: left;
    width: calc(100%/3);
    margin-bottom: 1.5rem;
}
form.online_form span{
    display: inline-block;
    width: 3.625rem;
    text-align: right;
}
form.online_form span:last-child{
    display: inline;
    color:red;
}
form.online_form input{
    width: 12.125rem;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 1px;
}
form.online_form textarea{
    height: 5rem;
}
form.online_form input,
form.online_form textarea{
    vertical-align: middle;
    text-indent: 6px;
    border: 1px solid #dadada;
}
form.online_form div:last-child{
    width: 100%;
}
form.online_form button{
    width: 91%;
    max-width: 219px;
    font: 14px "微软雅黑";
    height: 44px;
    line-height: 44px;
    color: #fff;
    cursor: pointer;
    background-color: #5ab4ff;
    border:none;
}
.message_box div{
    line-height: 2rem;
}
.message_box div:first-child{
    border-bottom:1px dotted #dadada;
}
.message_none{
    line-height: 5rem;
}
@media only screen and (max-width:30rem) {
    .online_box{padding: 0 .875rem}
    .contact_intro{padding: 0 .875rem}
    form.online_form div{width: 100%}
}
/*case.html*/
.case_list{

}
/*detail.html*/
.detail_content{
    max-width: 75rem;
    margin: 3.5rem auto;
}
.detail_content h2{
    font-size: 1.25rem;
    color: #000;
    line-height: 4rem;
    border-bottom: 1px solid #f0efef;
    margin-bottom: 1.4rem;
}
.detail_content p{
    font-size: .875rem;
    color: #676767;
    line-height: 1.8;
    text-indent: 2em;
}
.middlePanel{
    max-width: 75rem;
    margin:27px auto 50px;
    position:relative;
    border-top: 1px dashed #f0efef;
    padding-top:1.8rem;
}
.newsGroup {
    max-width: 50%;
    font-size: 13px;
    color: #666;
    float: right;
    margin-bottom: 20px;
}
.shareInfo {
    /*max-width: 50%;*/
    height: 32px;
    float: right;
    clear: right;
    overflow: hidden;
}
.shareInfo .shareTag {
    display: inline-block;
    font-size: 13px;
    color: #666;
    padding-top: 10px;
    float: left;
}
.shareListPanel {
    max-width: 270px;
    overflow: hidden;
}
.shareListPanel .shareIcon {
    width: 33px;
    height: 33px;
    margin: 0 0 12px 12px;
    display: inline-block;
    background-color: #fff;
}
.shareListPanel .Weixin {
    background: url(../img/vbg01.png?v=201907171253) -1302px -100px no-repeat;
}
.shareListPanel .sina_weibo {
    background: url(../img/vbg01.png?v=201907171253) -1302px -190px no-repeat;
}
.shareListPanel .qq_zone {
    background: url(../img/vbg01.png?v=201907171253) -1302px -235px no-repeat;
}
.shareListPanel .douban {
    background: url(../img/vbg01.png?v=201907171253) -1302px -730px no-repeat;
}
.shareListPanel .baidu_tieba {
    background: url(../img/vbg01.png?v=201907171253) -1302px -595px no-repeat;
}
/*微信分享*/
.wxShare {
    overflow: hidden;
    display: none;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 889;
}
.wxShare-box {
    width: 100%;
    height: 100%;
    position: relative;
}
.wxShare-content{
    width: 30rem;
    height: 29rem;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.wxShare_close{
    position: absolute;
    right: 2rem;
    top:1rem;
    cursor: pointer;
}
.wxShare-title{
    font-size: 1rem;
    padding: 1rem 2rem;
    border-bottom: 1px solid #e3e2e8;
}
.wxShare-info{
    text-align: center;
}
.wxShare-info p{
    font-size: .875rem;
    line-height: 6rem;
}
#qrcode{
    margin-top: 1.5rem;
}
#qrcode table{
    margin: auto;
}
@media only screen and (max-width:30rem) {
    .newsGroup{margin-right: 1rem}
    .shareInfo{margin-right: 1rem}
    .wxShare-content{width: 90%}
    .wxShare-info p{line-height: 1.5rem;margin-top: 1rem}
    .wxShare-content{height: 25rem}
}
/*case.html*/
.case_box{
    padding: 6rem 0;
}
.case_list{

}
.case_list li{
    width: 32%;
    float: left;
    margin-bottom: 3rem;
}
.case_list li:not(:nth-child(3n)){
    margin-right: 2%;
}
.case_item_box{
    width: 100%;
    height: 15rem;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.case_item_box img{
    /*vertical-align: middle;*/
}
.case_list li p{
    line-height: 4rem;
    text-align: center;
    font-size: 1.125rem;
    color: #333;
    background: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
		padding:0 10px;
}
.p_page{
    display: table;
    margin: auto;
}
.p_page li{
    font-size: 0.875rem;
    color:#595959;
    text-align: center;
    line-height: 1.875rem;
    width: 2rem;
    height: 1.875rem;
    box-sizing: border-box;
    float: left;
    border: 1px solid #d9d9d9;
    margin: 0.16rem;
}
/*.p_page .p_PageInterval{
    width: auto;
    border:none;
    margin-top: 0.1rem;
    color:#d9d9d9;
}
.p_page li.active,
.p_page li:not(.p_PageInterval):hover{
    background: #0175b2;
    color:#fff;
    border:none;
}
.p_page li:last-child{
    position: relative;
}
.p_page li:last-child:after{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    right: 50%;
    margin-right: -3px;
    bottom: 50%;
    margin-bottom: -8px;
    border-left: 1px solid #595959;
    border-bottom: 1px solid #595959;
    -webkit-transform: translate(0,-50%) rotate(-135deg);
    transform: translate(0,-50%) rotate(-135deg);
}
.p_page li:last-child:hover:after{
    border-color: #fff;
}
.p_page li:first-child{
    position: relative;
}
.p_page li:first-child:after{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    right: 50%;
    margin-right: -3px;
    bottom: 50%;
    margin-bottom: -8px;
    border-left: 1px solid #595959;
    border-bottom: 1px solid #595959;
    -webkit-transform: translate(0,-50%) rotate(-135deg);
    transform: translate(0,-50%) rotate(45deg);
}
.p_page li:first-child:hover:after{
    border-color: #fff;
}*/
.p_page .disabled{
    background: #d9d9d9;
}
.p_page li.disabled:after{
    border-color: #fff;
}
@media only screen and (max-width:30rem) {
    .case_box{padding: 3rem 0}
    .case_list{padding: 0 .875rem}
    .case_list li{width: 49%;}
    .case_list li:nth-child(odd){margin-right: 2%}
    .case_list li:nth-child(even){margin-right:0}
    .case_list li p{font-size: .875rem;line-height: 2.5rem;padding: 0 .875rem}
    .case_item_box{height: 6.5rem}
}
/*case-detail.html*/
.detail_content{
    padding: 2.25rem 1rem;
}
.detail_content .detail_content_title{
    font-size: 1.75rem;
    font-weight: bold;
    color: #333;
    text-align: center;
		margin-bottom: 40px;
}
.detail_content img{
    display: block;
    margin: 1rem auto;
}
.detail_content p{
    font-size: 1rem;
    color: #616161;
    line-height: 2.4rem;
    text-indent: 2em;
}
.detail_btn{
    margin: 4.8125rem 0;
}
.detail_btn a{
    font-size: 0.875rem;
    color:#696969;
}
.detail_btn span{
    font-size: 0.875rem;
    color:#292929
}