html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, 
form, fieldset, legend, img { margin:0; padding:0; } 
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
img {border:0;    vertical-align:middle;}
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff
}
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
} 
a{color:#666; text-decoration:none; }
a:hover{color:#C81623;}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;}

.banner{
    //border:1px solid red;
    height:160px;
}
.hbanner{
    height:240px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.banner .up{
    width:80%;
    margin:auto;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    margin-top:30px;
    margin-bottom:30px;
}
.banner .up .logo img{
    width:260px;
}
.banner .up .lang{
    display: flex;
    flex-direction:row;
    align-items:center;
}
.banner .up .lang .lang-switch{
    font-size:15px;
    padding-left:10px;
    display: flex;
    flex-direction:column;
}
.banner .up .lang .lang-switch .s2{
    display:none;
    position: absolute;
    padding-top:20px;
    z-index: 1;
}
.banner .up .lang .lang-switch:hover .s2{
    display:block;
    
}
.banner .up .lang .lang-switch .s2:hover{
    font-weight:bold;
    color:#000;
}
.banner .up .lang .lang-switch .s2 a:hover{
    color:#007FE1;
}
.banner .up .lang img{
    width:50%;
}
.banner .nav{
    width:80%;
     height:90px;
    margin:auto;
}
.banner .nav .menu{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    text-align:center;
}
.banner .nav .menu a:hover{
    border-bottom:2px solid #007FE1;
    color:#007FE1;
}
.banner .nav .menu li {
    margin-right:60px;
    position: relative;
    text-align:left;
    font-size:15px;
}
.banner .nav .menu .dropdown .dropdown-menu {
    width:160%;
    font-size:14px;
    display: none;
    position: absolute;
    padding-top:20px;
    z-index: 1;
}
.banner .nav .menu .dropdown:hover .dropdown-menu {
    display: block;

}
.banner .nav .menu .dropdown-menu li a {
    display: block;
    padding: 8px 0px;
    text-decoration: none;
    color: #333;
}
.banner .nav .menu .dropdown-menu li a:hover {
    
}


.content1{
    //border:1px solid red;
    width:80%;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    margin:0 auto 50px;
}
.content1 .c1_vid{
    flex: 1.2;
}
.content1 .c1_vid #myVideo{
    width:100%;
}
.content1 .c1_text{
    padding-left:30px;
    flex: 1;
}
.content1 .c1_text h2{
    padding-top:20px;
    padding-bottom:50px;
    font-size:45px;
}
.content1 .c1_text p{
    text-align: justify;
    font-size:20px;
    line-height:30px;
}

.content2{
    position: relative;
    //border:1px solid red;
    width:80%; 
    margin:auto;
    overflow: hidden;
}
.content2 ul {
    display: flex;
    transition: transform 0.5s ease;
    //overflow: hidden;
   
}
.content2 ul li {
    
    //border:1px solid blue;
    width: 100%;
    flex: 0 0 auto;
    
}
.content2 ul li img{
    width:100%;
}
.content2 .lbt .lbt1{
    position: relative;

}
.content2 .content{
    position: absolute;
    width:35%;
    left:4%;
    top:10%;
}
.content2 .content .title{
    font-size:40px;
    margin-top:20px;
    margin-bottom:70px;
}
.content2 .content .title1{
    font-size:30px;
    margin-bottom:30px;
}
.content2 .content .text{
    font-size:20px;
    line-height:35px;
    margin-bottom:30px;
}
.content2 .content a{
     padding:10px 35px;
     background:#2a7de1;
     color:#fff;
     font-size:15px;
     text-align:center;
     transition: all 0.3s ease-in-out;
}

.content2 .content a:hover {
     background:#1A589F;
}

/* 小圆点容器 */
    .content2 .circle {
      //position: absolute;
      position: relative;
      bottom:30px;
      left: 100%;
      transform: translateX(-50%);
      display: flex;
      gap: 13px;
    }

    .content2 .circle .dot  {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      border:1px solid #B2B2B2;
      background: rgba(255,255,255,0.5);
      cursor: pointer;
      transition: background 0.3s;
    }

    .content2 .circle .active {
      border:1px solid #000;
    }

.ar_content{
    
    display:flex;
    flex-direction:column;
    margin:auto;
}
.ar_content .content1{
    display:flex;
    flex-direction:column;
    margin-top:20px;
}
.ar_content .content1 .c_t h2{
    font-size:35px !important;
}
.ar_content .content1 .c_t p{
    margin-top:45px;
    font-size:18px;
    line-height:35px;
}
.ar_content .content1 .c_v{
    margin:60px auto 0px;
    position:relative;
}
.ar_content .content1 .c_v .playButton{
    position:absolute;
    left:50%;
    top:50%;
    width:5%;
}
.ar_content .content1 .c_v  .playButton:hover{
    }
.ar_content .content1 .c_v .playButton img{
    width:60%;
    opacity: 0.7;
    cursor: pointer;
}
.ar_content .content1 .c_v video{
    width:100%;
}
.ar_content .content2 .c_t{
    margin-top:20px;
}
.ar_content .content2 .c_t h2{
    font-size:35px !important;
    
}
.ar_content .content2 .c_t p{
    margin-top:45px;
    font-size:18px;
    line-height:35px;
}

.rs_content{
    margin:30px auto 0px;
    width:80%;
}
.rs_content .content1{
    display:flex;
    flex-direction:row;
    width:100%;
}
.rs_content .content1 .img1{
    flex:1;
}
.rs_content .content1 .text1{
    flex:1;
    margin-left:40px;
    position:relative;
}
.rs_content .content1 .text1 h2{
    font-size:30px;
    margin-top:40px;
}
.rs_content .content1 .text1 p{
    font-size:15px;
    margin-top:30px;
    line-height:30px;
}
.rs_content .content1 .img1 img{
    width:100%;
}
.rs_content .content1 .text1 a{
     position:absolute;
     bottom:20px;
     padding:10px 35px;
     background:#2a7de1;
     color:#fff;
     font-size:15px;
     text-align:center;
     transition: all 0.3s ease-in-out;
}

.rs_content .content1 .text1 a:hover {
     background:#1A589F;
}



.rs_content .content2{
    display:flex;
    flex-direction:row;
    width:100%;
}
.rs_content .content2 .img2{
    flex:1;
}
.rs_content .content2 .text2{
    position:relative;
    margin-left:40px;
    flex:1;
}
.rs_content .content2 .text2 h2{
    font-size:30px;
    margin-top:40px;
}
.rs_content .content2 .text2 p{
    font-size:15px;
    margin-top:30px;
    line-height:30px;
}
.rs_content .content2 .img2 img{
    width:100%;
}
.rs_content .content2 .text2 a{
     position:absolute;
     bottom:20px;
     padding:10px 35px;
     background:#2a7de1;
     color:#fff;
     font-size:15px;
     text-align:center;
     transition: all 0.3s ease-in-out;
}

.rs_content .content2 .text2 a:hover {
     background:#1A589F;
}

.pd{
    width:80%;
    margin:0px auto;
}
.pd .pd1{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.pd .pd1 .text1{
    width:45%;
    
}
.pd .pd1 .text1 h2{
    font-size:35px !important;
}
.pd .pd1 .text1 h3{
    margin-top:60px;
    font-size:25px !important;
}
.pd .pd1 .text1 ul{
     margin-top:20px;
     margin-left:20px;
     font-size:15px;
     list-style-type:decimal !important;
     //list-style-position: inside;
}
.pd .pd1 .text1 ul li{
    line-height:40px;
}
.pd .pd1 .text1 ul li span{
    font-weight:800;
}
.pd .pd1 .img1{
    width:40%;
    text-align:right;
    //padding:60px;
}
.pd .pd1 .img1 .note{
    background:#e1e1e1;
    //width:60%;
    margin:20px auto 0;
    font-size:15px;
    border-radius:5px;
    text-align:left;
}
.pd .pd1 .img1 .note p{
    text-indent:1em;
    line-height:30px;
}
.pd .pd1 .img1 img{
    width:100%;
}

.pd .pd2 .text2 h3{
    margin-top:60px;
    font-size:25px !important;
}
.pd .pd2 .text2{
    width:70%;
}
.pd .pd2 .text2 p{
     margin-top:20px;
     font-size:15px;
     line-height:30px;
}
.pd .pd2 .img2{
    width:100%;
    margin:0px auto;
}

.pd .pd2 .img2 .button{
    text-align:center;
}
.pd .pd2 .img2 .button .buttonlist{
   display:inline-block;
   font-size:15px;
   font-weight:bold;
   margin-top:20px;
   
}
.pd .pd2 .img2 .imglist img{
    width:100%;
}
#prev:hover{
    cursor: pointer;
}
#next:hover{
    cursor: pointer;
}

.pd3{
    width:80%;
    margin:0px auto;
}
.pd3 .text2 h3{
     font-size:20px !important;
     font-weight:bold !important;

}
.pd3 .iterm1{
    display:flex;
    flex-direction:row;
    margin-top:50px;
    justify-content:center;
}
.pd3 .iterm1 .tu{
    flex:1;
}
.pd3 .iterm1 .tu img{
    width:100%;
}
.pd3 .iterm1 .text{
    flex:1;
    margin-top:50px;
}

.pd3 .iterm1 .text h3{
    font-size:20px !important;
    font-weight:bold !important;
}
.pd3 .iterm1 .text p{
    margin-top:10px;
    font-size:15px;
    line-height:25px;
}
.pd3 .iterm2{
    display:flex;
    flex-direction:row;
    margin-top:50px;
    justify-content:center;
}
.pd3 .iterm2 .tu{
    flex:1;
}
.pd3 .iterm2 .tu img{
    width:100%;
}
.pd3 .iterm2 .text{
    flex:1;
    margin-top:50px;
}
.pd3 .iterm2 .text h3{
    font-size:20px !important;
    font-weight:bold !important;
}
.pd3 .iterm2 .text p{
    font-size:15px;
    line-height:25px;
    margin-top:10px;
}

.pd3 .iterm3{
    display:flex;
    flex-direction:row;
    margin-top:50px;
    justify-content:center;
}
.pd3 .iterm3 .tu{
    flex:1;
}
.pd3 .iterm3 .tu img{
    width:100%;
}
.pd3 .iterm3 .text{
    flex:1;
    margin-top:50px;
}
.pd3 .iterm3 .text h3{
    font-size:20px !important;
    font-weight:bold !important;
}
.pd3 .iterm3 .text p{
    font-size:15px;
    line-height:25px;
    margin-top:10px;
}
.shop{
    background:#e1e1e1;
}
.shop .shopt{
    width:80%;
    margin:0px auto;
}
.shop .shopt .tl{
    font-size:20px;
    padding-top:30px;
    font-weight:bold;
}
.shop .shopt p{
    font-size:15px;
    margin-top:20px;
}
.shop .shopt .bt{
     display:flex;
     flex-direction:row;
     margin-top:20px;
     padding-bottom:20px;
}
.shop .shopt .bt .button1{
    //margin-right:2px;
    
}
.shop .shopt .bt .button1 img{
    width:80%;
}
.shop .shopt .bt .button2 img{
    width:80%;
}
.shop .shopt .bt .button1:hover{
    cursor: pointer;
}
.shop .shopt .bt .button2:hover{
    cursor: pointer;
}

.comm{
    width:80%;
    margin:0px auto 200px;
}
.comm .cu .title{
    font-size:30px;
    font-weight:bold;
    margin-bottom:30px;
}
.comm .cu p{
    font-size:15px;
    margin-bottom:10px;
}
.comm .cu .em{
    margin-top:50px;
}
.comm .cu .em img{
    width:3%;
}
.comm .cu .em span{
    margin-left:5px;
}

.comm .luam{
    margin-top:100px;

}
.comm .luam .title{
    font-size:30px;
    font-weight:bold;
    margin-bottom:30px;
}
.comm .luam p{
    font-size:15px;
    margin-bottom:10px;
}
.comm .luam .dc{
    margin:50px 0 160px;
}
.comm .luam .dc p{
    font-size:25px;
}
.comm .luam .dc .message .left input{
    border-bottom:1px solid #000;
    width:80%;
    font-size:30px;
    margin-left:5%;
}
.comm .luam .dc .message{
    display:flex;
    flex-direction:row;
}
.comm .luam .dc .message .left{
    flex:1;
}
.comm .luam .dc .message .right{
    flex:1;
    
    
}
.comm .luam .dc .message .right textarea{
    border:1px solid #000;
    font-size: 15px; /* 设置字体大小 */
    width:100%;
    height:100%;
    padding:10px;
}
.comm .luam .dc .message .right .button{
    width:103%;
    margin-top:30px;
    text-align:right;
}
.comm .luam .dc .message .right .button a{
    padding:10px 35px;
     background:#2a7de1;
     color:#fff;
     font-size:15px;
     text-align:center;
     transition: all 0.3s ease-in-out;
}
.comm .luam .dc .message .right .button a:hover {
     background:#1A589F;
}

.comm .luam .dc .message .right textarea::placeholder {
    color: #000; /* 设置文本颜色 */
    font-size: 15px; /* 设置字体大小 */
}
.comm .luam .dc .message .left .iphone{
    margin-top:30px;
    margin-bottom:40px;
    vertical-align:bottom;
}
.comm .luam .dc .message .left .iphone img{
    width:5%;
    padding:0 .5%;
}
.comm .luam .dc .message .left .email{
    margin-bottom:30px;
}
.comm .luam .dc .message .left .email img{
    width:6%;
}

.comm .luam .pmp p{
    font-size:25px;
}
.comm .luam .pmp .message .left input{
    border-bottom:1px solid #000;
    width:80%;
    font-size:30px;
    margin-left:5%;
}
.comm .luam .pmp .message{
    display:flex;
    flex-direction:row;
}
.comm .luam .pmp .message .left{
    flex:1;
}
.comm .luam .pmp .message .right{
    flex:1;
    text-align:up;
}
.comm .luam .pmp .message .left .iphone{
    margin-top:30px;
    margin-bottom:40px;
    vertical-align:bottom;
}
.comm .luam .pmp .message .left .iphone img{
    width:5%;
    padding:0 .5%;
}
.comm .luam .pmp .message .left .email img{
    width:6%;
}
.comm .luam .pmp .message .right{
    flex:1;
    text-align:up;
}
.comm .luam .pmp .message .right textarea{
    border:1px solid #000;
    font-size: 15px; /* 设置字体大小 */
    width:100%;
    height:100%;
   padding:10px;
}
.comm .luam .pmp .message .right textarea::placeholder {
    color: #000; /* 设置文本颜色 */
    font-size: 15px; /* 设置字体大小 */
}
.comm .luam .pmp .message .right .button{
    width:103%;
    margin-top:30px;
    text-align:right;
}
.comm .luam .pmp .message .right .button a{
    padding:10px 35px;
     background:#2a7de1;
     color:#fff;
     font-size:15px;
     text-align:center;
     transition: all 0.3s ease-in-out;
}
.comm .luam .pmp .message .right .button a:hover {
     background:#1A589F;
}


.color_p{
    width:75%;
    margin:0px auto
}
.color_p .image-display{
    width:100%;
    text-align: center;
}
#displayed-image {
  width:90%;
  
}
.color_p .cpt{
    font-size:15px;
}

.color_p .cc{
    display:flex;
    flex-direction:row;
    justify-content:right;
}

.color_p .cc .circlec{
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    margin-left:2%;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.color_p .cc .circlec.active {
  border-color: black;
}

.circlec:nth-child(1) { background-color: #addb5f; }
.circlec:nth-child(2) { background-color: #b5b5b5; }
.circlec:nth-child(3) { background-color: #ffab40; }
.circlec:nth-child(4) { background-color: #c8e9df;}
.circlec:nth-child(5) { background-color: #eac9c9; }
.circlec:nth-child(6) { background-color: #bdb7db; }









.footer{
    margin-bottom:150px;
    //border:1px solid red;
}
.footer hr{
    margin-top:60px;
    height:.5px;
    background-color:#000;
    *height:1px;/**//* for ie6 ie7 */
    color:#000;/**//* for ie6 ie7 */
}
.footer .fbottom{
    width:80%;
    margin:30px auto 10px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
.footer .fbottom .flogo img{
    width:70%;
}
.footer .fbottom .fnav{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    font-size:18px;
}
.footer .fbottom .fnav .fn{
    margin-right:50px;
}
.footer .fbottom .fnav .fn:hover{
    color:#007FE1;
}
.footer .fbottom .fnav .dropdown-menu li {
    //text-indent: 20px;
    margin-top:10px;
    font-size:13px;
    color:#969696;
}
.footer .fbottom .fnav .dropdown-menu li a {
    color:#969696;
}
.footer .fbottom .fnav .dropdown-menu li a:hover{
    color:#007FE1;
}
.SP{
    display:none;
}