*{
    margin:0;
    padding:0;
}
body{
    font-family: '微软雅黑';
}
ul,li{
    padding:0;
    margin:0;
}

/* wap隐藏 */
.banner_wap{
    display: none;
}
.cycle_wap{
    display: none;
}
.advantage_wap{
    display: none;
}
.flow_wap{
    display:none;
}

.banner_box{
 width:100%;
 height:933px;
 overflow:hidden;
 position: relative;
}
.banner_box .banner{
 width:1920px;
 position: absolute;
 left:50%;
 margin-left:-960px;
}
.banner_box .circle_bg{
    width:1320px;
    height:650px;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    background:url(../img/circle_bg.png)no-repeat center center;
    background-size:100%;
    margin:auto;
    z-index:10;
}
.banner_box .circle{
    width:1320px;
    height:1300px;
    position: absolute;
    left:0;
    right:0;
    bottom:-700px;
    margin:auto;
    z-index:10;
    background:url(../img/circle.png)no-repeat center center;
    background-size:100%;
    animation: move infinite 8S;
    animation-timing-function:linear;
}

@keyframes move{
0%{
   transform: rotate(0deg);
}
50%{
   transform: rotate(180deg);
}
100%{
transform: rotate(360deg);
}
}

.banner_box .car{
    width:462px;
    height:200px;
    background:url(../img/car.png)no-repeat center center;
    background-size:100%;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index:11;
}
.banner_box .logo{
    width:256px;
    height:90px;
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    margin-top:100px;
    
}
.banner_box .logo img{
    max-width:100%;
}
.banner_box .title_img{
    width:800px;
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    margin-top:300px;
}
.banner_box .title_img img{
    max-width:100%;
}
.container{
    width:100%;
    margin:0 auto;
    margin-top:30px;
    overflow: hidden;
}
.container .font_title{
    width:650px;
    height:50px;
    background:url(../img/bg_line.png)no-repeat;
    background-size:100%;
    margin:0 auto;
}
.container .font_title p{
    text-align: center;
    line-height:50px;
    vertical-align:middle;
    font-size:18px;
    color:white;   
}
.container .produce_font{
    width:1000px;
    overflow: hidden;
    font-size:16px;
    margin:0 auto;
    margin-top:20px;
    color:#353535;
    letter-spacing:2px
}
.container .title1{
    color:#5b5b5b;
    text-align: center;
    font-size:30px;
    line-height:50px;
    vertical-align: middle;
    margin-top:10px;
    font-weight: bold;
}
.container .title_english1{
    color:#5b5b5b;
    text-align: center;
    font-size:16px;
    vertical-align: middle;
    margin-top:5px;
}
.container .title_english2{
    color:#5b5b5b;
    text-align: center;
    font-size:16px;
    vertical-align: middle;
    margin-top:5px;
}
.container .line{
    width:128px;
    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 .cycle{
    width:824px;
    height:345px;
    margin:0 auto;
    margin-top:20px;
}
.container .cycle img{
    max-width:100%;
}
.container .bg{
    width:100%;
    padding:20px 0;
    overflow:hidden;
    background:#f9f9f9;
    margin-top:20px;
}
.container .flow{
    width:804px;
    height:714px;
    margin:0 auto;
    margin-top:20px;
}
.container .flow img{
    max-width:100%;
}
.container .detail{
    width:230px;
    height:50px;
    margin:0 auto;
    margin-top:20px;
    cursor:pointer;
}
.container .detail img{
    max-width:100%;
}
.container .advantage{
   width:1154px;
   height:500px;
   margin:0 auto; 
   margin-top:20px;
}

.container .advantage img{
    max-width:100%;
}
.container .title_box{
    width:1200px;
    margin:0 auto;
    margin-top:20px;
}
.container .title_box .title_line1{
    width:242px;
    height:50px;
    margin-top:30px;
    margin-left:20px;
}
.container .title_box .title_line1 img{
    max-width:100%;
}
.container .title_box .model_box{
    width:100%;
    padding:10px;
    margin:0 auto;
    overflow: hidden;
    margin-top:10px;
}
.container .title_box li{
  display: block;
  width:280px;
  height:390px;
  margin-left:10px;
  border:1px solid #f3f3f3;
  box-shadow: #dedddd 3px 2px 3px;
  float:left;
}
.container .title_box .model_box li .big_icon{
  width:90px;
  margin:0 auto;
  margin-top:30px;
}
.container .title_box .model_box li .big_icon img{
    max-width:100%;
}
.container .title_box li h2{
    text-align: center;
    color:#5b5b5b;
    margin-top:20px;
} 
.container .title_box li p{
  width:90%;
  margin:0 auto;
  margin-top:20px;
}
.container .title_box .advantage_box{
    width:1146px;
    height:347px;
    border:2px solid #a75de9;
    margin:0 auto;
    margin-top:20px;
}

.container .title_box .advantage_box .list{
    display: block;
    width:380px;
    height:172px;
    border:1px solid #a75de9;
    float:left;
    position: relative;
}
.container .title_box .advantage_box .list .slide{
    width:380px;
    height:170px; 
    background-size:100%;
    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;
    margin-top:20px;
}
.container .title_box .advantage_box .list .slide:hover{
    background:url(../img/slide_bg.png)no-repeat;
    opacity: 1;
    filter:alpha(opacity=100);

}
.container .title_box .advantage_box .list .icon{
    width:76px;
    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:url(../img/bg_box.png)no-repeat;
  overflow: hidden;
  margin-top:20px;
}
.container .bg_box1 .title3{
    color:white;
    text-align: center;
    font-size:30px;
    line-height:50px;
    vertical-align: middle;
    margin-top:10px;
    font-weight: bold;
}
.container .bg_box1 .title_english3{
    color:white;
    text-align: center;
    font-size:16px;
    vertical-align: middle;
    margin-top:5px;
}
.container .bg_box1 dl{
    width:1200px;
    margin:0 auto;
    color:white;
    padding:20px 0;
}
.container .bg_box1 dl dd{
    width:200px;
    margin-left:30px;
    float:left;
}
.container .question_box{
    width:1040px;

    margin:0 auto;
    overflow: hidden;
    border:1px dashed #e072ed;
    margin-top:20px;
    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:100%;
    font-size:16px;
    color:#515151;
    margin-left:40px;
    position: relative;
}
.container .question_box dd .question .q1{
    display: block;
    width:40px;
    height:40px;
    background:url(../img/Q1.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-40px;
    top:-10px;
}
.container .question_box dd .question .q2{
    display: block;
    width:40px;
    height:40px;
    background:url(../img/Q2.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-40px;
    top:-10px;
}
.container .question_box dd .question .q3{
    display: block;
    width:40px;
    height:40px;
    background:url(../img/Q3.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-40px;
    top:-10px;
}
.container .question_box dd .question .q4{
    display: block;
    width:40px;
    height:40px;
    background:url(../img/Q4.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-40px;
    top:-10px;
}
.container .question_box dd .question .q5{
    display: block;
    width:40px;
    height:40px;
    background:url(../img/Q5.png)no-repeat;
    background-size:100%;
    position: absolute;
    left:-40px;
    top:-10px;
}
.container .question_box dd .question .sign{
    display: block;
    width:26px;
    height:20px;
    background:url(../img/sign.png)no-repeat;
    background-size:100%;
    position: absolute;
    right:50px;
    bottom:-8px;
    cursor:pointer;
}
.container .question_box .answer{
    width:90%;
    overflow: hidden;
    background:#f7f7f7;
    padding:10px 10px;
    margin-top:20px;
    margin-left:30px;
    font-size:14px;
    display: none;
}
.container .question_box .answer .answer_icon{
    display: inline-block;
    position: relative;
    width:25px;
    height:25px;
    top:-3px;
    /* 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:25px;
    vertical-align: middle;
}
.container .more{
    display: block;
    width:280px;
    margin:0 auto;
    margin-top:20px;
    cursor:pointer;
}
.container .more img{
    max-width:100%;
}
.container .bg_box2{
    width:100%;
    padding:20px 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);  */
    background:url(../img/bg_box.png)no-repeat;
    margin:0 auto;
    margin-top:20px;
}
.footer_box{
    width:600px;
    padding:20px 0;
    margin:0 auto;
    margin-top:20px;
}

.footer_box dl{
    width:100%;
    overflow: hidden;
}
.footer_box dl .ewm{
    width:240px;
    height:240px;    
    float:left;
}
.footer_box dl .ewm_font{
    width:250px;
    font-size:30px;
    float:left;
    color:white;
    margin-top:150px;
    margin-left:20px;
}
.footer_box .footer_title{
   text-align: center;
   color:white;
   margin-top:20px;
}

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


.cartoon_title{
    text-align: center;
    margin-top:0.5rem;
    color:#353535;
}
.gyl_title{
    width:300px;
    height:50px;
    background:url(../img/bg_line2.png)no-repeat;
    background-size:100%;
    margin:0 auto;
    margin-top:50px;
}
.gyl_title p{
    line-height:50px;
    text-align: center;
    vertical-align:middle;
    font-size:18px;
    color:white;   
}
.cartoon_box{
    width:1100px;
    overflow: hidden;
    margin:0 auto;
    margin-top:20px;
}
.cartoon_box dd{
    display: block;
    width:200px;
    overflow: hidden;
    margin-left:20px;
    float:left;
}
.cartoon_box dd .icon{
    width:100%;
}
.cartoon_box dd .icon img{
    max-width:100%;
}
.cartoon_box dd p{
    text-align: center;
}