
/* banner */
.swiper-container {
        width: 100%;
        height: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* 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;
    }
	.swiper-slide img{ width:100%; display:block; height:auto; float:left;}

/* about */
.about_box{ width:96%; padding: 0 2%; height:auto; overflow:hidden; margin:15px auto 15px auto;}
.about_box .about_left{ width:100%; float:left; height:auto; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #02368b), color-stop(1, #669af3));}
.about_box .about_left dl{ width:100%; height:auto; overflow:hidden;}
.about_box .about_left dl dt{ width:100%; height:140px; overflow: hidden; float:left;}
.about_box .about_left dl dt img{ height:140px; width: 100%;}
.about_box .about_left dl dd{ width:96%; padding: 0 2%; height:auto; overflow:hidden; color:#fff;}
.about_box .about_left dl dd:nth-child(2){ font-size:1.2em; font-weight:bold; line-height:30px;}
.about_box .about_left dl dd:nth-child(3){ line-height:24px; height:46px; overflow:hidden;}
.about_box .about_left dl dd:nth-child(4) a{ color:#fff; line-height:46px;}


/* 产品中心 */
.pro_box{ width: 96%; margin:0  auto; height: auto; overflow: hidden; }
.pro_box .pro_title{ width:100%; margin:10px auto 10px  auto; text-align:center; height:56px;}
.pro_box .pro_title img{ width: 50%; }

.pro_box .pro_con1{ width:100%;  overflow:hidden; height:150px; margin-bottom: 20px;}
.pro_box .pro_con1 ul{}
.pro_box .pro_con1 ul li{  text-align: center; float:left; display:block; background:#fff; margin-left:20px; width:180px;}
.pro_box .pro_con1 ul li a{ display: block; }
.pro_box .pro_con1 ul li img{ width:100%; border:solid 1px #f2f2f2; }
.pro_box .pro_con1 ul li span{  line-height: 28px; }


/* 新闻中心 */
.news_box{ width: 96%; height: auto; overflow: hidden; background: #efefef; padding: 10px 2%; }
.news_box .news_con{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; }

.news_box .news_con .news_right{ width: 100%; height: 248px; }
.news_box .news_con .news_right dl{ width: 96%; padding: 2% 2%; height: auto; overflow: hidden; float: left; margin-bottom: 10px; background: #fff; }
.news_box .news_con .news_right dl a{ display: block; }
.news_box .news_con .news_right dl dt{ width: 30%; height: 98px; float: left; margin-right: 3%;}
.news_box .news_con .news_right dl dt img{ width: 100%; height: 98px;}
.news_box .news_con .news_right dl dd{ width: 67%; height:auto; overflow: hidden; float: left;}
.news_box .news_con .news_right dl dd:nth-child(2){ font-size: 14px; color: #333; line-height: 28px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.news_box .news_con .news_right dl dd:nth-child(3){ font-family: "宋体"; color: #999; line-height: 18px; height: 38px; overflow: hidden;}
.news_box .news_con .news_right dl dd:nth-child(4){ text-transform: uppercase; font-family: "arial"; line-height: 48px;}


/* 提供服务 */
.service_box{ width:94%; padding:5% 3% 0 3%; height:auto; margin:0 auto 20px auto; overflow:hidden;}
.service_box .service_con{ width:100%; height:auto; overflow:hidden;}
.service_box .service_con dl{ display:block; width:23%; height:auto; overflow:hidden; text-align:center; float:left; margin-right:2%;}
.service_box .service_con dl:nth-child(4){ margin-right:0;}
.service_box .service_con dl dt{ display:block; width:60px; height:60px; background:#32b5bf; border-radius:60px; margin:0 auto;}
.service_box .service_con dl dt img{ height:25px;}
.service_box .service_con dl dd{ display:block; width:100%; height:auto; overflow:hidden;  font-size:12px; color:#333; line-height:42px;}