*{
    margin:0;
    padding:0;
}
body{
    font-family: '微软雅黑';
}
ul,li{
    padding:0;
    margin:0;
}
/* pc隐藏 */
.banner_box{
    display: none;
}
.cycle{
    display: none;
}
.advantage{
    display: none;
}
.flow{
    display:none;
}


.banner_wap{
    width:100%;
    margin:0 auto;
}
.banner_wap img{
    max-width:100%;
}
.container .font_title{
width:90%;
height:40px;
background: -webkit-linear-gradient(left,#276bee,#9b70ed, #e072ed); 
background: -o-linear-gradient(left,#276bee,#9b70ed, #e072ed);
background: -moz-linear-gradient(left,#276bee,#9b70ed, #e072ed);
background: linear-gradient(left,#276bee,#9b70ed, #e072ed); 
background-size:100%;
margin:0 auto;
margin-top:0.5rem;
font-size:0.9em;
}
.container .font_title p{
    text-align: center;
    line-height:40px;
    vertical-align: middle;
    font-size:0.8em;
    color:white;   
}
.container .produce_font{
    width:90%;
    overflow: hidden;
    font-size:0.8em;
    margin:0 auto;
    margin-top:1rem;
    color:#353535;
}

.container .bg{
    width:100%;
    padding:1rem 0;
    overflow:hidden;
    background:#f9f9f9;
    margin-top:1rem;
}
.container .line{
    width:60px;
    height:2px;
    background: -webkit-linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    background: -o-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: -moz-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    margin:0 auto;
}
.container .title1{
    color:#5b5b5b;
    text-align: center;
    font-size:1em;
    font-weight: bold;
    line-height:30px;
    vertical-align: middle;
    margin-top:0.5rem;
}
.container .title_english1{
    color:#5b5b5b;
    text-align: center;
    font-size:1em;
    vertical-align: middle;
    margin-top:0.2rem;
}
.container .title_english2{
    color:#5b5b5b;
    text-align: center;
    font-size:1em;
    vertical-align: middle;
    margin-top:0.5rem;
}


.container .cycle_wap{
    width:90%;
    margin:0 auto;
    margin-top:1rem;
}
.container .cycle_wap img{
    max-width:100%;
}

.container .flow_wap{
    width:90%;
    margin:0 auto;
    margin-top:1rem;
}
.container .flow_wap img{
    max-width:100%;
}

.container .advantage_wap{
    width:90%;
    margin:0 auto; 
    margin-top:1rem;
 }
 
 .container .advantage_wap img{
     max-width:100%;
 }

.container .detail{
    width:150px;
    height:40px;
    margin:0 auto;
    margin-top:20px;
    cursor:pointer;
}
.container .detail img{
    max-width:100%;
}

.container .title_box{
    width:95%;
    margin:0 auto;
    margin-top:1rem;
}
.container .title_box .title_line1{
    width:150px;
    height:50px;
    margin-top:1.5rem;
    margin-left:1rem;
}
.container .title_box .title_line1 img{
    max-width:100%;
}

.container .title_box .model_box{
    width:95%;
    margin:0 auto;
    overflow: hidden;

}
.container .title_box .model_box li{
  display: block;
  width:45%;
  height:280px;
  margin-left:0.5rem;
  border:1px solid #f3f3f3;
  box-shadow: #dedddd 3px 2px 3px;
  float:left;
}

.container .title_box .model_box li .big_icon{
    display:block;
  width:80px;
  margin:0 auto;
  margin-top:1rem;
}
.container .title_box .model_box li .big_icon img{
    max-width:100%;
}
.container .title_box li h2{
    text-align: center;
    color:#5b5b5b;
    margin-top:1rem;
    font-size:1em;
} 
.container .title_box li p{
  width:90%;
  margin:0 auto;
  font-size:0.8em;
  margin-top:1rem;
}

.detail_box{
    width:80%;
    margin:0 auto;
    overflow: hidden;
    padding:1rem 1rem;
    border:1px dashed #e18cf0;
    border-radius: 10px;
    -webkit-border-radius:10px;
    margin-top:1rem;
    display: none;
} 

.container .title_box .advantage_box{
    width:95%;
    overflow: hidden;
    margin:0 auto;
}

.container .title_box .advantage_box .list{
    display: block;
    width:49%;
    height:240px;
    border:1px solid #a75de9;
    float:left;
    position: relative;
    
}
.container .title_box .advantage_box .list .slide{
    width:100%;
    height:240px; 
    background: -webkit-linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    background: -o-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: -moz-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    position: absolute;
    z-index:20;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
    transition:0.5s;
    -webkit-transition: 0.5s;
    opacity: 0;
    color:white;
}
.container .title_box .advantage_box .list .slide p{
    width:90%;

    margin:0 auto;
    font-size:0.8em;
    margin-top:1rem;
}
/* .container .title_box .advantage_box .list .slide:hover{   
    opacity: 1;

} */
.container .title_box .advantage_box .list .icon{
    width:70px;
    margin:0 auto;
    margin-top:20px;
} 
.container .title_box .advantage_box .list .icon img{
    max-width:100%;
}
.container .title_box .advantage_box .list b{
    display: block;
    text-align:center;
    margin-top:20px;
    color:#5b5b5b;
}
.container .bg_box1{
  width:100%;
  padding:20px 0;
  background: -webkit-linear-gradient(left,#276bee,#9b70ed, #e072ed); 
  background: -o-linear-gradient(left,#276bee,#9b70ed, #e072ed);
  background: -moz-linear-gradient(left,#276bee,#9b70ed, #e072ed);
  background: linear-gradient(left,#276bee,#9b70ed, #e072ed); 
  overflow: hidden;
  margin-top:20px;
}
.container .bg_box1 .title3{
    color:white;
    text-align: center;
    font-size:1em;
    line-height:30px;
    vertical-align: middle;
    margin-top:0.5rem;
}
.container .bg_box1 .title_english3{
    color:white;
    text-align: center;
    font-size:1em;
    vertical-align: middle;
    margin-top:0.2rem;
}
.container .bg_box1 dl{
    width:90%;
    overflow: hidden;
    margin-left:10%;
    color:white;
    padding:1rem 0;
}
.container .bg_box1 dl h2{
    font-size:1em;
}
.container .bg_box1 dl p{
    font-size:0.8em;
}
.container .bg_box1 dl dd{
    width:25%;
    margin-left:1rem;
    float:left;
}
.container .question_box{
    width:95%;

    margin:0 auto;
    overflow: hidden;
    border:1px dashed #e072ed;
    margin-top:1rem;
    position: relative;
}
.container .question_box dd{
    display: block;
    width:90%;
    margin:0 auto;
    padding:20px;
    overflow: hidden;
    border-bottom:1px dashed #3c4cf9;
    position: relative;
}
.container .question_box dd .question{
    width:80%;
    font-size:16px;
    color:#515151;
    margin-left:40px;
    position: relative;
}
.container .question_box dd .question .q1{
    display: block;
    width:30px;
    height:30px;
    background:url(../img/Q1.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-2rem;
    top:-0.3rem;
}
.container .question_box dd .question .q2{
    display: block;
    width:30px;
    height:30px;
    background:url(../img/Q2.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-2rem;
    top:-0.3rem;
}
.container .question_box dd .question .q3{
    display: block;
    width:30px;
    height:30px;
    background:url(../img/Q3.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-2rem;
    top:-0.3rem;
}
.container .question_box dd .question .q4{
    display: block;
    width:30px;
    height:30px;
    background:url(../img/Q4.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-2rem;
    top:-0.3rem;
}
.container .question_box dd .question .q5{
    display: block;
    width:30px;
    height:30px;
    background:url(../img/Q5.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-2rem;
    top:-0.3rem;
}
.container .question_box dd .question .sign{
    display: block;
    width:20px;
    height:15px;
    background:url(../img/sign.png)no-repeat;
    background-size:100%;
    position: absolute;
    right:0;
    bottom:0;
    cursor:pointer;
}
.container .question_box .answer{
    width:90%;
    overflow: hidden;
    background:#f7f7f7;
    padding:0.5rem 0.5rem;
    margin-top:1rem;
    margin-left:1.5rem;
    font-size:14px;
    display: none;
}
.container .question_box .answer .answer_icon{
    display: inline-block;
    width:20px;
    height:20px;
    position: relative;
    top:-0.2rem;
    /* background: -webkit-linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    background: -o-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: -moz-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: linear-gradient(left,#276bee,#9b70ed, #e072ed);  */
    background:url(../img/answer.png)no-repeat;
    color:white;
    text-align: center;
    line-height:20px;
    vertical-align: middle;
}
.container .more{
    display: block;
    width:180px;
    margin:0 auto;
    margin-top:1rem;
    cursor:pointer;
}
.container .more img{
    max-width:100%;
}
.container .bg_box2{
    width:100%;
    padding:1rem 0;
    overflow: hidden;
    background: -webkit-linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    background: -o-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: -moz-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    margin:0 auto;
    margin-top:1rem;
}
.footer_box{
    width:80%;
    padding:1rem 0;
    margin:0 auto;
    margin-top:1rem;
}

.footer_box dl{
    width:100%;
    overflow: hidden;
}
.footer_box dl .ewm{
    display: block;
    width:120px;
    height:120px;    
    float:left;
}
.footer_box dl .ewm img{
    max-width:100%;
}
.footer_box dl .ewm_font{
    width:150px;
    font-size:1em;
    float:left;
    color:white;
    margin-top:1rem;
    margin-left:1rem;
}
.footer_box .footer_title{
   text-align: center;
   color:white;
   margin-top:1rem;
   font-size:1em;
}

.cartoon_title{
    font-size:0.8em;
    text-align: center;
    margin-top:0.5rem;
    color:#353535;
}
.gyl_title{
    width:60%;
    height:40px;
    background: -webkit-linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    background: -o-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: -moz-linear-gradient(left,#276bee,#9b70ed, #e072ed);
    background: linear-gradient(left,#276bee,#9b70ed, #e072ed); 
    background-size:100%;
    margin:0 auto;
    margin-top:1rem;
    font-size:0.9em;
}
.gyl_title p{
    text-align: center;
    line-height:40px;
    vertical-align:middle;
    font-size:0.9em;
    color:white;   
}
.cartoon_box{
    width:95%;
    margin:0 auto;
    overflow: hidden;
    margin-top:1rem;
}
.cartoon_box dd{
    display: block;
    width:30%;
    height:200px;
    margin-left:1%;
    float:left;
}
.cartoon_box dd .icon{
    width:100%;
}
.cartoon_box dd .icon img{
    max-width:100%;
}
.cartoon_box dd p{
    font-size:0.8em;
    text-align: center;
}