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


/* CSS 格式化 */

body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,pre,textarea{margin:0}
ol,li,ul{margin:0;padding:0}
td,th,input{padding:0}
input,button,textarea,select{vertical-align:middle; outline:none;}
li{list-style-type:none;list-style-position:outside}
img{vertical-align:top;border:none; outline:none;}
ul,ol{list-style:none}
pre{white-space:pre-wrap;word-wrap:break-word;font-family:courier new}
border{border:0}
em,i,b{font-weight:normal;font-style:normal}
table{border-collapse:collapse;border-spacing:0}
td,th{word-wrap:break-word;word-break:break-all}
a{ text-decoration:none;color: #333;}
section,article,aside,header,footer,nav,dialog,figure{display:block}
body{ font: 14px/24px  "微软雅黑",Arial, Helvetica, sans-serif; line-height:24px;}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}
.c{ clear:both;}
.org{ color:#ff7654}
.grey{color:#bfbfbf;}
.fl{ float:left}
.fr{ float:right;}
.org{clolor:#ea5303}
.hidden{ display:none;}
.orange {color: #FC9A01;}
.blue{color:#0a58a7;}
.b{ font-weight:bold;}
/* Head CSS  */
.box1{ width:100%; overflow:hidden;}
.box1 img{ width:100%; }
.xbox2{ width:100%; overflow:hidden;}
.xbox2 img{ width:100%; }

@media  (max-width:375px){
    .box2{ width:100%; overflow:hidden;min-height:100px; position:relative;}
    .box2 .img{ width:100%;  z-index:1; min-height:100px;position:absolute; top:0px; left:0px;}
    .box2 .img img{ width:100%;z-index:2;min-height:100px;}
    .box2 .text{ width:50%; margin:0 auto; position:absolute; top:10px; z-index:100; left:23%; }
    .box2 .text p{ color:#f3382e;  font-size:13px;  line-height:20px; text-align:center;}
    .box2 .text h1{ color:#f3382e;  font-size:1.6em; line-height:40px; text-align:center; font-weight:bold;}

    .box3{ width:100%;overflow:hidden; min-height:90px; position:relative;}
    .box3 .img{ width:100%;   z-index:-2; min-height:90px; position:absolute; top:0px; left:0px;}
    .box3 .img img{ width:100%;  z-index:-1;min-height:90px;}
    .box3 .activecon{ width:50%; margin:0 auto; position:absolute; top:10px; z-index:100; left:23%;}
    .box3 .activecon .actbtn{ width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block;  cursor:pointer;z-index:101; }
    .box3 .activecon .actbtn img{ width:100%; max-width:288px;}
    .box3 .activecon p{color:#faf6a1;  font-size:1.0em; line-height:30px; text-align:center;}
    .box3 .activecon p span{ background:#faf6a1; padding:4px 8px; color:#f3382e;}

    .box5{ width:100%; min-height:60px; overflow:hidden;  position:relative;}
    .box5 .img{ width:100%; min-height:60px;  z-index:1 ; position:absolute; top:0px; left:0px;}
    .box5 .img img{ width:100%; z-index:2;min-height:60px; }
    .box5 .btncon{ width:50%; margin:0 auto; position:absolute; top:10px;  z-index:100; left:23%}
    .box5 .btncon .yelbtn{width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block; border:2px solid #fde407; cursor:pointer;z-index:101; border-radius:8px; font-size:1.1em; font-weight:bold; color:#fde407; text-align:center; line-height:40px;  }

    .xbox3{ width:100%; overflow:hidden;min-height:310px; position:relative;}
    .xbox3 .img{ width:100%;  z-index:1; min-height:310px;position:absolute; top:0px; left:0px;}
    .xbox3 .img img{ width:100%;z-index:2;min-height:310px;}
    .xbox3 .text{ width:90%; margin:0 auto; position:absolute; top:10px; z-index:100; left:3%; }
    .xbox3 .text p{ color:#fde407; font-size:0.8em;  line-height:20px; text-align:left; margin-bottom:14px;}

}
@media (min-width:375px)and (max-width:384px){
    .box2{ width:100%; overflow:hidden;min-height:100px; position:relative;}
    .box2 .img{ width:100%;  z-index:1; min-height:100px;position:absolute; top:0px; left:0px;}
    .box2 .img img{ width:100%;z-index:2;min-height:100px;}
    .box2 .text{ width:50%; margin:0 auto; position:absolute; top:20px; z-index:100; left:23%; }
    .box2 .text p{ color:#f3382e;  font-size:1.1em;  line-height:20px; text-align:center;}
    .box2 .text h1{ color:#f3382e;  font-size:1.8em; line-height:40px; text-align:center; font-weight:bold;}

    .box3{ width:100%;overflow:hidden; min-height:90px; position:relative;}
    .box3 .img{ width:100%;   z-index:-2; min-height:90px; position:absolute; top:0px; left:0px;}
    .box3 .img img{ width:100%;  z-index:-1;min-height:90px;}
    .box3 .activecon{ width:50%; margin:0 auto; position:absolute; top:10px; z-index:100; left:23%;}
    .box3 .activecon .actbtn{ width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block;  cursor:pointer;z-index:101; }
    .box3 .activecon .actbtn img{ width:100%; max-width:288px;}
    .box3 .activecon p{color:#faf6a1;  font-size:1.0em; line-height:30px; text-align:center;}
    .box3 .activecon p span{ background:#faf6a1; padding:4px 8px; color:#f3382e;}

    .box5{ width:100%; min-height:60px; overflow:hidden;  position:relative;}
    .box5 .img{ width:100%; min-height:60px;  z-index:1 ; position:absolute; top:0px; left:0px;}
    .box5 .img img{ width:100%; z-index:2;min-height:60px; }
    .box5 .btncon{ width:50%; margin:0 auto; position:absolute; top:10px;  z-index:100; left:23%}
    .box5 .btncon .yelbtn{width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block; border:2px solid #fde407; cursor:pointer;z-index:101; border-radius:8px; font-size:1.1em; font-weight:bold; color:#fde407; text-align:center; line-height:40px;  }

    .xbox3{ width:100%; overflow:hidden;min-height:340px; position:relative;}
    .xbox3 .img{ width:100%;  z-index:1; min-height:340px;position:absolute; top:0px; left:0px;}
    .xbox3 .img img{ width:100%;z-index:2;min-height:340px;}
    .xbox3 .text{ width:90%; margin:0 auto; position:absolute; top:10px; z-index:100; left:3%; }
    .xbox3 .text p{ color:#fde407; font-size:1.0em;  line-height:20px; text-align:left; margin-bottom:18px;}



}


@media (min-width:386px)and (max-width:720px)
{
    .box2{ width:100%; overflow:hidden;min-height:140px; position:relative;}
    .box2 .img{ width:100%;  z-index:1; min-height:140px;position:absolute; top:0px; left:0px;}
    .box2 .img img{ width:100%;z-index:2;min-height:140px;}
    .box2 .text{ width:50%; margin:0 auto; position:absolute; top:30px; z-index:100; left:23%; }
    .box2 .text p{ color:#f3382e;  font-size:1.1em;  line-height:20px; text-align:center;}
    .box2 .text h1{ color:#f3382e;  font-size:2.0em; line-height:40px; text-align:center; font-weight:bold;}

    .box3{ width:100%;overflow:hidden; min-height:100px; position:relative;}
    .box3 .img{ width:100%;   z-index:-2; min-height:100px; position:absolute; top:0px; left:0px;}
    .box3 .img img{ width:100%;  z-index:-1;min-height:100px;}
    .box3 .activecon{ width:50%; margin:0 auto; position:absolute; top:4px; z-index:100; left:23%;}
    .box3 .activecon .actbtn{ width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block;  cursor:pointer;z-index:101; }
    .box3 .activecon .actbtn img{ width:100%; max-width:288px;}
    .box3 .activecon p{color:#faf6a1;  font-size:1.2em; line-height:30px; text-align:center;}
    .box3 .activecon p span{ background:#faf6a1; padding:4px 8px; color:#f3382e;}

    .box5{ width:100%; min-height:90px; overflow:hidden;  position:relative;}
    .box5 .img{ width:100%; min-height:90px;  z-index:1 ; position:absolute; top:0px; left:0px;}
    .box5 .img img{ width:100%; z-index:2;min-height:90px; }
    .box5 .btncon{ width:50%; margin:0 auto; position:absolute; top:20px;  z-index:100; left:23%}
    .box5 .btncon .yelbtn{width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block; border:2px solid #fde407; cursor:pointer;z-index:101; border-radius:8px; font-size:1.1em; font-weight:bold; color:#fde407; text-align:center; line-height:40px;  }
    .xbox3{ width:100%; overflow:hidden;min-height:440px; position:relative;}
    .xbox3 .img{ width:100%;  z-index:1; min-height:440px;position:absolute; top:0px; left:0px;}
    .xbox3 .img img{ width:100%;z-index:2;min-height:440px;}
    .xbox3 .text{ width:90%; margin:0 auto; position:absolute; top:10px; z-index:100; left:3%; }
    .xbox3 .text p{ color:#fde407; font-size:1.1em;  line-height:26px; text-align:left; margin-bottom:20px;}


}
.box6,.box7,.box8,.box9,.box10{ width:100%; overflow:hidden;}
.box6  img,.box7 img,.box8 img,.box9 img,.box10 img{ width:100%; }
.box4{ width:100%; overflow:hidden;}
.box4 img{ width:100%; }

@media(min-width:720px)and (max-width:1280px)
{
    .box2{ width:100%; overflow:hidden;height:170px; position:relative;}
    .box2 .img{ width:100%;  z-index:1;height:170px;position:absolute; top:0px; left:0px;}
    .box2 .img img{ width:100%;z-index:2;height:170px;}
    .box2 .text{ width:50%; margin:0 auto; position:absolute; top:20px; z-index:100; left:23%; }
    .box2 .text p{ color:#f3382e;  font-size:2.0em;  line-height:50px; text-align:center;}
    .box2 .text h1{ color:#f3382e;  font-size:3.4em; line-height:60px; text-align:center; font-weight:bold;}

    .box3{ width:100%;overflow:hidden; height:136px; position:relative;}
    .box3 .img{ width:100%;   z-index:-2; height:136px; position:absolute; top:0px; left:0px;}
    .box3 .img img{ width:100%;  z-index:-1;height:136px;}
    .box3 .activecon{ width:50%; margin:0 auto; position:absolute; top:0px; z-index:100; left:23%;}
    .box3 .activecon .actbtn{ width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block;  cursor:pointer;z-index:101; }
    .box3 .activecon .actbtn img{ width:100%; max-width:288px;}
    .box3 .activecon p{color:#faf6a1;  font-size:2.0em; line-height:60px; text-align:center;}
    .box3 .activecon p span{ background:#faf6a1; padding:4px 8px; color:#f3382e;}

    .box5{ width:100%; height:120px; overflow:hidden;  position:relative;}
    .box5 .img{ width:100%;height:120px;  z-index:1 ; position:absolute; top:0px; left:0px;}
    .box5 .img img{ width:100%; z-index:2;height:120px; }
    .box5 .btncon{ width:50%; margin:0 auto; position:absolute; top:20px;  z-index:100; left:23%}
    .box5 .btncon .yelbtn{width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block; border:2px solid #fde407; cursor:pointer;z-index:101; border-radius:8px; font-size:2.6em; font-weight:bold; color:#fde407; text-align:center; line-height:80px;  }
    .xbox3{ width:100%; overflow:hidden;min-height:500px; position:relative;}
    .xbox3 .img{ width:100%;  z-index:1; min-height:500px;position:absolute; top:0px; left:0px;}
    .xbox3 .img img{ width:100%;z-index:2;min-height:500px;}
    .xbox3 .text{ width:90%; margin:0 auto; position:absolute; top:10px; z-index:100; left:3%; }
    .xbox3 .text p{ color:#fde407; font-size:1.6em;  line-height:30px; text-align:left;margin-bottom:20px;}
    .box6,.box7,.box8,.box9,.box10{ width:100%; overflow:hidden;}
    .box6  img,.box7 img,.box8 img,.box9 img,.box10 img{ width:100%; }


}
@media(min-width:1280px){
    .box2{ width:100%; overflow:hidden;height:191px; position:relative;}
    .box2 .img{ width:100%;  z-index:1;height:191px;position:absolute; top:0px; left:0px;}
    .box2 .img img{ width:100%;z-index:2;height:191px;}
    .box2 .text{ width:50%; margin:0 auto; position:absolute; top:20px; z-index:100; left:23%; }
    .box2 .text p{ color:#f3382e;  font-size:2.3em;  line-height:50px; text-align:center;}
    .box2 .text h1{ color:#f3382e;  font-size:3.9em; line-height:60px; text-align:center; font-weight:bold;}

    .box3{ width:100%;overflow:hidden; height:156px; position:relative;}
    .box3 .img{ width:100%;   z-index:-2; height:156px; position:absolute; top:0px; left:0px;}
    .box3 .img img{ width:100%;  z-index:-1;height:156px;}
    .box3 .activecon{ width:50%; margin:0 auto; position:absolute; top:10px; z-index:100; left:23%;}
    .box3 .activecon .actbtn{ width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block;  cursor:pointer;z-index:101; }
    .box3 .activecon .actbtn img{ width:100%; max-width:288px;}
    .box3 .activecon p{color:#faf6a1;  font-size:2.0em; line-height:60px; text-align:center;}
    .box3 .activecon p span{ background:#faf6a1; padding:4px 8px; color:#f3382e;}

    .box5{ width:100%; height:131px; overflow:hidden;  position:relative;}
    .box5 .img{ width:100%;height:131px;  z-index:1 ; position:absolute; top:0px; left:0px;}
    .box5 .img img{ width:100%; z-index:2;height:131px; }
    .box5 .btncon{ width:50%; margin:0 auto; position:absolute; top:20px;  z-index:100; left:23%}
    .box5 .btncon .yelbtn{width:80%; max-height:89px;  max-width:288px;margin:0 auto; display:block; border:2px solid #fde407; cursor:pointer;z-index:101; border-radius:8px; font-size:2.6em; font-weight:bold; color:#fde407; text-align:center; line-height:80px;  }
    .xbox3{ width:100%; overflow:hidden;height:560px; position:relative;}
    .xbox3 .img{ width:100%;  z-index:1; height:560px;position:absolute; top:0px; left:0px;}
    .xbox3 .img img{ width:100%;z-index:2;height:560px;}
    .xbox3 .text{ width:90%; margin:0 auto; position:absolute; top:10px; z-index:100; left:3%; }
    .xbox3 .text p{ color:#fde407; font-size:1.8em;  line-height:40px; text-align:left;margin-bottom:40px;}


    .box6,.box7,.box8,.box9,.box10{ width:100%; overflow:hidden;}
    .box6  img,.box7 img,.box8 img,.box9 img,.box10 img{ width:100%; }

    .box4{ width:100%; overflow:hidden;height:294px;}
    .box4 img{ width:100%; height:294px;}
    .xbox2{ width:100%; overflow:hidden;height:239px;}
    .xbox2 img{ width:100%; height:239px;}
}