@charset "utf-8";
/* CSS Document */

body{ font:14px Microsoft YaHei;}
*{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none;}


.cotent-banner{ width:100%; height:450px; background: url(../../images/mouth-mask/banner.jpg);}
.banner-container{ width:1180px; height:100%; margin:0 auto; color:#fff; padding-top:70px;}

.banner-title{ font-size:48px; font-weight:normal;}
.banner-info{ width:630px; margin-top:30px; line-height:27px; font-size:16px;}
.banner-hot{  margin:20px 0; line-height:24px; background:url(../../images/mouth-mask/broadcast.png) 0 center no-repeat; padding-left:40px;}
.banner-hot a{color:#faad15;}
.banner-hot span{  font-size:22px;}
.button{ display:block; width:130px; line-height:38px; background:#006fef; text-align: center; margin-top:40px; color:#fff; font-size:16px;}

.summary{ margin:80px auto;}
.summary .container{width:1180px; margin:0 auto;} 
.summary p{ margin:10px auto; line-height:25px; color:#333;}
.summary-list{ height:930px; margin:50px auto;}
.summary-list li{ width:380px; height:460px; float:left; margin: 10px 20px 10px 0; background:#f4f5f7;}
.summary-list li:nth-child(3),.summary-list li:nth-child(6){ margin-right:0;}
.summary-text{ padding:20px 35px 10px; height:140px;}
.summary img{ width:100%;}
h3{ font-size:20px; color:#333;}
.summary .button{ margin:0 40px}


.nav-container-bg{ width:100%; height:60px;    background: #fff; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}

.nav-container{ width:830px; margin:0 auto;}
.nav-container li{ float:left; margin:0 38px;font-size:18px;line-height: 60px; text-align:center;}
.nav-container li a{ color:#333}
.nav-container li a:hover{ color:#006fef;}
.sever-list{ margin:20px 0;}
.case-img{display:inline-block;}


.module-section{ width:1180px; margin:0 auto;}
.module-container{ padding-top:100px;}
h2{ font-size:32px; text-align:center; color:#333; font-family:"PingFangSC-Regular"; font-weight:normal;}
.add-title{ text-align:center; color:#666;}





.dvantage-container{ width:1180px; height:350px; margin:0 auto; padding-top:50px;}
.dvantage-list{ margin-top:50px;}
.dvantage-list li{ float:left; width:370px; height:230px; border:1px solid #F2F2F2; box-sizing:border-box;margin:10px 35px 15px 0;}
.dvantage-list li:nth-child(3),.dvantage-list li:last-child{ margin-right:0;}


.dvantage-list li p{text-align:center;  padding:0 30px;color:#333; line-height:25px;}
.dvantage-list li h3{ padding:30px 30px 20px; text-align:center;}
.dvantage-list li p a{ margin:10px 5px; display:inline-block; color:#006fef;}
.dvantage-list li .img{ width:100px; height:80px; margin:10px auto 0; text-align:center; display:block; }

.method-container{ height:780px;}
.method-container .dvantage-list li{ height:320px;}



.programme .add-title{ margin:20px auto;}
.programme .add-title a{ color:#d0021b; }

.programme{ margin:80px auto;}
.programme .relation{ text-align:center; font-size:18px;}
.programme .relation a{color:#d0021b}
.programme .button{ margin:50px auto;}

.scene{ height:500px;}
.scene .summary-list li{ height:430px;}



@media (max-width:780px){
h2{ font-size:24px;}
.cotent-banner{ width:100%; height:450px; background:url(../../images/mouth-mask/banner.jpg) -850px center no-repeat;}
.banner-container{width:100%; padding-top:80px; text-align:center;}
.banner-hot{ text-align:left; width:80%; margin: 0 auto;}
.banner-title{ font-size:24px;}	
.banner-info{ width:90%; margin:20px auto; line-height:24px; font-size:14px;}
.button{ margin:30px auto}

.summary{margin: 50px auto; width:95%;}
.summary .container{ width:100%;}
.summary p{ margin:10px auto 0;}
.summary-list{ height:2080px;margin: 20px auto;}
.summary-list li{ width:100%; height:auto; padding-bottom:15px;}
.summary-text{padding: 10px 20px; height:auto;}
.summary-img{ height:140px; overflow: hidden;}
.nav-container-bg,.module-section{ display:none;}


.solution-item-title{ font-size:18px; line-height:30px;}
.solution-content .case{ display:inline-block; margin:10px 10px 10px 0;}
.solution-content{ padding:0 20px; margin:10px auto;}
.solution-item-img{ width:100%; height:150px; display:block; margin:20px auto;}
.solution-item-title p{ margin:0 ; padding:0; overflow:hidden;}
.solution-sever a{ color:#006fef; display:inline-block; margin:0 10px;}



.dvantage-container{ width:92%; height:550px;  padding-top:30px;}
.dvantage-list{ margin-top:20px;}
.dvantage-list li{ float:left; width:100%; height: auto;margin:2.5% 2.5% 0px 0;}

.scene{ height:1050px;}
.scene .summary-list li{ height:auto;}
.method-container .dvantage-list li{ height:auto; padding-bottom:15px;}
.dvantage-list li .img{ margin:0 auto;}
.dvantage-list li h3{padding: 20px 30px 10px;}


.dvantage-list li p{ line-height:20px;padding:0 10px;}
.method-container{ height:1400px;}


.programme{ width:95%;margin: 40px auto;}




.bdproduct-footers{ display:none;}


	}