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

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,td,figure{margin:0;padding:0;}
body{font-size:12px; word-wrap:break-word;}
a,u,s,del{color:#666;text-decoration:none} 
input,fieldset ,a img,.bor0 {border:0;}
i,em,b{font-style:normal;font-weight:100;}
li{list-style:none;}
img{vertical-align:middle;}
table{border-collapse:collapse;}
.ind2{text-indent:2em;}
/* h1{display:none;} */
input,textarea{outline:none; background:none;}/*禁止谷歌浏览器中输入时出现框*/
textarea{resize:none;}/*禁止多行文本框被用户改变大小*/
.margin{min-width:1200px;margin:0 auto;}
.layout{width:1200px;margin:0 auto;}
.layout1{width:1020px;margin:0 auto;}
.valign{text-align:center;}
.valign img{vertical-align:middle;}
.valign:after{content:"";display:inline-block; vertical-align:middle; height:100%;}


.over{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}/*单行文本省略号*/


.center{top:0;right:0;bottom:0;left:0;margin:auto;}/*定位居中*/

.clear1{zoom:1;}清除ie浮动 */

.clear:before{content:"";display:table;}/*清除margin-top向上传递*/
.clear:after{content:"";clear:both;display:block;}/*清除浮动高度塌陷 */
.clean:before{content:"";display:table;}/*清除margin-top向上传递*/
.define{ background:#69b5ea;}
#bgcolor{animation: bgcoloranimation 60s infinite;-webkit-animation:bgcoloranimation 60s infinite;}@keyframes
bgcoloranimation{0%{background:#ff2045}8%{background:#ff4d6a}16%{background:#ffb835}32%{background:#ffa602}40%{background:#eb670f}48%{background:#79c061}56%{background:#66bf3a}64%{background:#9e70cc}72%{background:#864cbf}80%{background:#1268cd}88%{background:#5cd6d6}92%{background:#3cc}}@-moz-keyframes
bgcoloranimation{0%{background:red}8%{background:yellow}16%{background:blue}32%{background:green}40%{background:#f00}48%{background:#864cbf}56%{background:#f55}64%{background:#25066b}72%{background:#04be02}80%{background:#0ae}88%{background:#e4b9b9}92%{background:#0ae}}@-webkit-keyframes
bgcoloranimation{0%{background:red}8%{background:yellow}16%{background:blue}32%{background:green}40%{background:#f00}48%{background:#864cbf}56%{background:#f55}64%{background:#25066b}72%{background:#04be02}80%{background:#0ae}88%{background:#e4b9b9}92%{background:#0ae}}@-o-keyframes
myfirst{0%{background:red}8%{background:yellow}16%{background:blue}32%{background:green}40%{background:#f00}48%{background:#864cbf}56%{background:#f55}64%{background:#25066b}72%{background:#04be02}80%{background:#0ae}88%{background:#e4b9b9}92%{background:#0ae}}


.bgcolor{animation: bgcoloranimation 60s infinite;-webkit-animation:bgcoloranimation 60s infinite;}@keyframes
bgcoloranimation{0%{background:#ff2045}8%{background:#ff4d6a}16%{background:#ffb835}32%{background:#ffa602}40%{background:#eb670f}48%{background:#79c061}56%{background:#66bf3a}64%{background:#9e70cc}72%{background:#864cbf}80%{background:#1268cd}88%{background:#5cd6d6}92%{background:#3cc}}@-moz-keyframes
bgcoloranimation{0%{background:red}8%{background:yellow}16%{background:blue}32%{background:green}40%{background:#f00}48%{background:#864cbf}56%{background:#f55}64%{background:#25066b}72%{background:#04be02}80%{background:#0ae}88%{background:#e4b9b9}92%{background:#0ae}}@-webkit-keyframes
bgcoloranimation{0%{background:red}8%{background:yellow}16%{background:blue}32%{background:green}40%{background:#f00}48%{background:#864cbf}56%{background:#f55}64%{background:#25066b}72%{background:#04be02}80%{background:#0ae}88%{background:#e4b9b9}92%{background:#0ae}}@-o-keyframes
myfirst{0%{background:red}8%{background:yellow}16%{background:blue}32%{background:green}40%{background:#f00}48%{background:#864cbf}56%{background:#f55}64%{background:#25066b}72%{background:#04be02}80%{background:#0ae}88%{background:#e4b9b9}92%{background:#0ae}}

/* 不同分辨率进行适配 */
/* 1280*960 */
@media screen and (min-width:0px){
    .headtext1{font-size:20px!important;}
    .headtext2{font-size:14px!important;}
    .headtext3{font-size:12px!important;}
    .bannertext1{font-size:36px!important;}
    .bannertext2{font-size:28px!important;}
    .bannertext3{font-size:16px!important;}
    .bannerintext1{font-size:60px!important;font-weight:bold!important;line-height:60px;}
    .bannerintext2{font-size:16px!important;line-height:28px!important;}
    .bannerintext3{font-size:14px!important;}

    .zero{font-size:16px;}
    .time{font-size:44px !important;}
    .bigtext{font-size:64px !important;font-weight:bold !important;}
    .toptext{font-size:16px !important;}
    .navtext{font-size:16px !important;font-weight: bold!important;}
    .btnsize{height:36px !important;width:140px !important;border:2px solid #fff !important;line-height:30px !important;box-sizing: border-box!important;}
    .btntext{font-size:15px !important;}
    .onetitle{font-size:36px !important;font-weight:bold !important;line-height:36px !important;}
    .detailtext{font-size:18px !important;line-height:28px !important;}
    .detailtext1{font-size:18px !important;line-height:24px !important;}

    .phototitle{font-size:20px !important;font-weight: bold !important;}
    .photopictitle{font-size:16px !important;}

    .twotitle{font-size:32px !important;font-weight: bold !important;}
    .lefttitle{font-size:16px !important;font-weight: bold;}
    .righttitle{font-size:14px !important;font-weight: normal;}
    .bottomtitle1{font-size:14px !important;line-height:26px !important;}
    .bottomtitle2{font-size:16px !important;line-height:28px !important;}
    .bottomtitle3{font-size:18px !important;line-height:34px !important;}
    .spokedetail{font-size:18px !important;line-height:24px !important;}
}

@media screen and (min-width:1024px){
    .headtext1{font-size:20px!important;}
    .headtext2{font-size:14px!important;}
    .headtext3{font-size:12px!important;}
    .bannertext1{font-size:36px!important;}
    .bannertext2{font-size:28px!important;}
    .bannertext3{font-size:16px!important;}
    .bannerintext1{font-size:60px!important;font-weight:bold!important;line-height:60px;}
    .bannerintext2{font-size:16px!important;line-height:28px!important;}
    .bannerintext3{font-size:14px!important;}

    .zero{font-size:16px !important;}
    .time{font-size:44px !important;}
    .bigtext{font-size:64px !important;}
    .toptext{font-size:16px !important;}
    .navtext{font-size:16px !important;font-weight: bold !important;}
    .btnsize{height:36px !important;width:140px !important;border:2px solid #fff !important;line-height:30px !important;box-sizing: border-box!important;}
    .btntext{font-size:14px !important;font-weight: bold !important;}
    .onetitle{font-size:36px !important;font-weight:bold !important;line-height:36px !important;}
    .detailtext{font-size:18px !important;line-height:28px !important;}
    .detailtext1{font-size:18px !important;line-height:24px !important;}

    .phototitle{font-size:20px !important;font-weight: bold !important;}
    .photopictitle{font-size:16px !important;}

    .twotitle{font-size:32px !important;font-weight: bold !important;}
    .lefttitle{font-size:16px !important;font-weight: bold;}
    .righttitle{font-size:14px !important;font-weight: normal;}
    .bottomtitle1{font-size:14px !important;line-height:26px !important;}
    .bottomtitle2{font-size:16px !important;line-height:28px !important;}
    .bottomtitle3{font-size:18px !important;line-height:34px !important;}
    .spokedetail{font-size:18px !important;line-height:24px !important;}

}

/* 1366*768 */
@media screen and (min-width:1366px){
    .headtext1{font-size:24px!important;}
    .headtext2{font-size:14px!important;}
    .headtext3{font-size:12px!important;}
    .bannertext1{font-size:42px!important;}
    .bannertext2{font-size:32px!important;}
    .bannertext3{font-size:18px!important;}
    .bannerintext1{font-size:66px!important;font-weight:bold!important;line-height:66px;}
    .bannerintext2{font-size:20px!important;line-height:32px!important;}
    .bannerintext3{font-size:16px!important;}

    .zero{font-size:16px !important;}
    .time{font-size:48px !important;}
    .bigtext{font-size:68px !important;}
    .toptext{font-size:16px !important; }
    .navtext{font-size:18px !important;font-weight: bold !important;}
    .btnsize{height:42px !important;width:160px !important;border:2px solid #fff !important;line-height:36px !important;box-sizing: border-box!important;}
    .btntext{font-size:16px !important; font-weight: bold !important;}
    .onetitle{font-size:40px !important;font-weight:bold !important;line-height:40px !important;}
    .detailtext{font-size:18px !important;line-height:30px !important;}
    .detailtext1{font-size:18px !important;line-height:24px !important;}

    .phototitle{font-size:24px !important;font-weight: bold !important;}
    .photopictitle{font-size:18px !important;}

    .twotitle{font-size:32px !important;font-weight: bold !important;}
    .lefttitle{font-size:18px !important;font-weight: bold;}
    .righttitle{font-size:16px !important;font-weight: normal;}
    .bottomtitle1{font-size:14px !important;line-height:26px !important;}
    .bottomtitle2{font-size:16px !important;line-height:28px !important;}
    .bottomtitle3{font-size:18px !important;line-height:34px !important;}
    .spokedetail{font-size:18px !important;line-height:24px !important;}

}

/* 1920*1080 */
@media screen and (min-width:1680px){
    .headtext1{font-size:28px!important;}
    .headtext2{font-size:16px!important;}
    .headtext3{font-size:14px!important;}
    .bannertext1{font-size:46px!important;}
    .bannertext2{font-size:36px!important;}
    .bannertext3{font-size:20px!important;}
    .bannerintext1{font-size:72px!important;font-weight:bold!important;line-height:72px;}
    .bannerintext2{font-size:24px!important;line-height:36px!important;}
    .bannerintext3{font-size:20px!important;}

    .zero{font-size:16px !important;}
    .time{font-size:52px !important;}
    .bigtext{font-size:72px !important;}
    .toptext{font-size:18px !important;}
    .navtext{font-size:18px !important;font-weight: bold !important;}
    .btnsize{height:48px !important;width:180px !important;border:2px solid #fff !important;box-sizing: border-box!important;line-height:42px !important;}
    .btntext{font-size:18px !important;font-weight: bold !important;}
    .onetitle{font-size:46px !important;font-weight:bold !important;line-height:46px !important;}
    .detailtext{font-size:24px !important;line-height:32px !important;}
    .detailtext1{font-size:20px !important;line-height:26px !important;}

    .phototitle{font-size:28px !important;font-weight: bold !important;}
    .photopictitle{font-size:20px !important;}
    .twotitle{font-size:36px !important;font-weight: bold !important;}
    .lefttitle{font-size:20px !important;font-weight: bold;}
    .righttitle{font-size:18px !important;font-weight: normal;}
    .bottomtitle1{font-size:16px !important;line-height:28px !important;}
    .bottomtitle2{font-size:18px !important;line-height:30px !important;}
    .bottomtitle3{font-size:20px !important;line-height:36px !important;}
    .spokedetail{font-size:18px !important;line-height:24px !important;}

}
.margin0{
    margin-top:0px;
}
.margin10{
    margin-top:10px;
}
.margin20{
    margin-top:20px;
}
.margin30{
    margin-top:30px;
}
.margin40{
    margin-top:40px;
}
.margin50{
    margin-top:50px;
}
.margin60{
    margin-top:60px;
}
.margin70{
    margin-top:70px;
}
.margin80{
    margin-top:80px;
}
.margin90{
    margin-top:90px;
}
.margin100{
    margin-top:100px;
}
.margin110{
    margin-top:110px;
}
.margin120{
    margin-top:120px;
}
.detailmargin{
    margin-top:24px;
    margin-bottom:36px;
}
.publiccolor1{ color:#ff2045;}
.publiccolor2{ color:#ffa602;}
.publiccolor3{ color:#753df4;}
.publiccolor4{ color:#66bf3a;}
.publiccolor5{ color:#44a2e5;}
.publiccolor6{ color:#33cccc;}
.bgline img{width:100%;object-fit:none;}