@charset "utf-8";
/* CSS Document */
/*全站共用样式*/
body,html{ width:100%; font-size:10px; -webkit-text-size-adjust:none; color:#333333; font-family:"苹方","微软雅黑", "新宋体","宋体", Arial; background:#000000; float:left; padding: 0; margin: 0; overflow-x: hidden;}
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
body{ font-size: 1.2rem;}
em,i{ font-style:normal;}
img{ border:0;}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style: none;}
h1,h2,h3,h4,h5,h6,p,dt,dl,dd,p,input{ margin:0; padding:0;}
rem,i{ font-style:normal;}
input,button,select,textarea{ outline:none;}
input,button,select,textarea{ resize:none;}
*:focus{outline: none;}
a{color:#333333; text-decoration:none;}
a:link,a:visited{ color:#333333; text-decoration:none;}
a:hover,a:active{ color:#ED9E35; text-decoration:none;}
.none{ display: none;}
.font12{font-size:1.2rem;}
.font14{font-size:1.4rem;}
.font18{font-size:1.8rem;}
.left{float:left;}
.right{float:right;}
.margin{ margin: 0;}
.nodata{ width: 100%; height: auto; float: left;}
.nodata img{ width: 100%;}
.ifEmpty{ width: 100%; height: auto; float: left; text-align: center; line-height: 55px; font-size: 1.6rem; margin-top: 10px;}
.hide{ display: none;}
.show{ display: block;}

@font-face{

    font-family:myFont;

    src:url('../css/D-DIN-PRO-400-Regular.ttf')

}@font-face{

    font-family:myFontN1;

    src:url('../css/D-DIN-PRO-700-Bold.ttf')

}
.appIn{width: 1200px;height: auto;margin: 0 auto;overflow: hidden}

@media(max-width: 1200px){
    .appIn{width: 92%;}
}

#app{ width: 100%; height: auto; float: left;line-height: 1}
#main{ width: 100%; height: auto; float: left;margin-top:0;}
#header{ width: 100%; height: auto; float: left; opacity: 1; top: 0; left: 0; position:fixed; z-index: 9000000; background: transparent;    }
#header .headerIn{ width: 1200px; height: auto; margin: 0 auto;display: flex; display:-webkit-flex;align-items: center;  }

#header .headerIn{width: 100%}
#footer{width: 100%;height: auto;float:left;}
#footer .footerIn{ width: 1200px; height: auto; margin: 304px auto 0 auto;overflow: hidden;}

.myPublicTitle{text-align: center}
.myPublicTitle b{font-size: 28px;position: relative;z-index: 1;color: #FB9130}
.myPublicTitle p{font-size: 35px;position: relative;  top: -32px;color: rgba(255,227,186,0.2)}
.myPublicTitle img{width: 35%;}

@media(max-width: 1100px) {
    .myPublicTitle img{width: 80%;}
}
/*.myPublicTitle b:before{width:18px;height:18px;content: '';background: url("../images/right_ico.png") no-repeat center right;background-size:100% 100%;display: inline-block;position: absolute;right: 0;bottom: 0; }*/
/*.myPublicTitle b:after{width:18px;height:18px;content: '';background: url("../images/left_ico.png") no-repeat center left;background-size:100% 100%;display: inline-block;position: absolute;left: 0;top:0}*/

@media(max-width: 1100px) {
    .myPublicTitle b{font-size: 1.6rem}
    .myPublicTitle p{font-size: 2.1rem;top: -2rem}

}

/*共用区块样式*/
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}



.swiper {
    width: 270px;
    height: auto;
    min-height: 320px;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 22px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(119,119,119,0.22);
}

@media(max-width: 1100px) {
    .swiper{width: 27rem}
}
#app{position: relative;}
/*#app:before{content: '';border-left: 1px solid #fff;width: 0.1rem;height: 100%;position: absolute;left: 10px;top: 0}*/
#header{background:url("../images/111.png") no-repeat center top; background-size:100% 100%;}
#header .headerInN1{padding-top: 20px;width: 100%;height: auto;float: left;  margin-top: 0;display: flex;align-items: center;display:-webkit-flex;    justify-content: flex-end;}
#header .headerInN1 ul.pclist{width:auto;height: 100%;float: left;display: flex;align-items: flex-start;display:-webkit-flex;text-align: center; position: relative;}

#header .headerInN1 ul.pclist li{width: 100%;height: auto;float: left;color: #fff;font-size: 16px;text-align: center;    line-height:1;position: relative;padding-bottom:23px;margin-right: 100px;}
#header .headerInN1 ul.pclist li span>a{color: #ffffff;display: block;font-family: myFont}
#header .headerInN1 ul.pclist li i{position: absolute;bottom: 0;display: none;    width: 200%;  left: -20px;  font-size: 14px;}
#header .headerInN1 ul.pclist li i a{color: #fff}
/*#header .headerInN1 ul li:first-child{text-align: left;margin-left: 20px;}*/
#header .headerInN1 ul.pclist li:last-child{text-align: right}
#header .headerInN1 ul.pclist li:last-child span{margin-right: 20px;}
#header .headerInN1 ul.pclist li span{position: relative;display: inline-block;height: 100%;    padding-left: 35px;   }
#header .headerInN1 ul.pclist li span:before {
    content: "";
    position: absolute;
    left: 11px;
    top: 0;
    width: 0px;
    height: 0px;

    border-left: 15px solid transparent;

    border-right: 0 solid transparent;

    border-bottom: 15px solid #fff;
}
/*#header .headerInN1 ul li span:after{content: '';border-left: 1px solid #fff;width: 0.1rem;height: 100%;position: absolute;left: 16px;top:0;transform: skewX(-45deg) translateZ(0);}*/

#header .headerInN1 ul.pclist li.cur{font-size: 50px;}

#header .headerInN1 ul.pclist li:first-child {overflow: hidden}


#header .headerInN1 .logo{width: auto;height: auto;float: left;    margin-right: 37px;    padding-bottom: 33px;}




.rightgb{width: auto;height: auto;float: left;position: absolute;right: 20px;top: 50px;z-index: 1;text-align: right}

.rightgb img{width: 30% !important;height: auto !important;}
#header .headerInN1 .waplogo{display: none}
#header .headerInN1 .waplist{display: none}
@media(max-width: 1100px) {

    .rightgb img{width: 20% !important;height: auto !important;}
}
@media(max-width: 1000px) {
    #header .headerInN1 ul.pclist li{margin-right: 0}
}

@media(max-width: 900px) {

    .rightgb img{width: 20% !important;height: auto !important;}

    #header .headerInN1 ul.pclist li{margin-right: 0}
}
@media(max-width: 640px) {

    .rightgb img{width: 18% !important;height: auto !important;}
    #header .headerInN1 ul.pclist{display: none}
    #header .headerInN1 .logo{padding-bottom: 0;    margin-right: 0;text-align: center}
    #header .headerInN1 .logo img{width: 70%;}
    #header .headerInN1 .waplist{width: 100%;height: 100%;float: left;display: none;position: fixed;
        top: 0;
        left: 0;
        background: #000;}

    #header .headerInN1 .waplist .returnico{width: 100%;height: auto;float: left;       margin-top: 2rem;  margin-left: 2.8rem;}
    #header .headerInN1 .waplist ul{width: calc(100% - 1.5rem);height: auto;float: left;margin: 5rem 0 0 1.5rem}
    #header .headerInN1 .waplist ul li{width: 100%;height: auto;float: left;font-size: 3.5rem;margin-bottom: 2rem;color: #fff}

    #header .headerInN1 .waplist ul li .liT{width: 100%;height: auto;float: left;display: flex;align-items: center;display:-webkit-flex;}
    #header .headerInN1 .waplist ul li .liT a{padding-right: 2rem;    flex: 1;
        text-align: right;}
    #header .headerInN1 .waplist ul li .liT a img{width: 1.8rem;}
    #header .headerInN1 .waplogo{width: 100%;height: auto;float: left;flex: 1;display: block;margin-left:3rem;}
    #header .headerInN1 .waplogo span img{width: 12%;}
    #header .headerInN1 .waplist ul li>a{color: #fff;width:calc(100% - 2rem);background: url("../images/right_but.png") no-repeat center right;    background-size: 5%;  display: block;    padding-right: 2rem;}

    #header .headerInN1 .secondary{width: 100%;height: auto;float: left;display: none;margin-top: 1rem}
    #header .headerInN1 .secondary.cur{height: auto;}
    #header .headerInN1 .secondary a{width: calc(100% - 2rem);height: auto;float: left;font-size: 1.8rem;margin-bottom: 1.5rem;color: #fff;background: url("../images/right_but.png") no-repeat center right;    background-size: 5%; padding-right: 2rem}
    #header .headerInN1 .secondary a:last-child{margin-bottom: 0}
}