@font-face {
    font-family: 'source';
    src: url('../fonts/source.eot');
    src:
            url('../fonts/source.eot') format('embedded-opentype'),
            url('../fonts/source.woff') format('woff'),
            url('../fonts/source.ttf') format('truetype'),
            url('../fonts/source.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family: 'source',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
    /*font-style: italic;*/
    font-weight: lighter;
}
.is360{
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif !important;
}
h1,h2,h3,h4,h5,h6,em,i {
    /*font-style: italic;*/
    font-weight: lighter;
}
ul,ol,li {
    list-style-type: none;
	    width: 20%;
    text-align: center;
}
a {
    color: #666;
    text-decoration: none;
    outline: 0
}
a:hover {
    text-decoration: none
}

.page{
    position: relative;
    max-width: 2560px;
    margin: 0 auto;
}
.header{
    position: fixed;
	display: flex;
	justify-content: space-between;
    left:0;
    top:0;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out 200ms;
    -moz-transition: all 300ms ease-in-out 200ms;
    -ms-transition: all 300ms ease-in-out 200ms;
    -o-transition: all 300ms ease-in-out 200ms;
    transition: all 300ms ease-in-out 200ms;
}
.header_top{
    position: fixed;
    left:0;
    top:0;
    height: 110px;
    line-height: 110px;
    width: 100%;
    z-index: 90;
}
.header_top:hover .header{
    top:0;
}
.headerBlack .logo{
    /*background:rgba(0,0,0,0.5);*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);*/
    background: url("../images/logo.png") no-repeat;
    background-position: 0 100% !important;
}
.headerBlack .navicon .bar1, .headerBlack .navicon .bar2, .headerBlack .navicon .bar3 {
    background-color: #ff1b36;
}
.headerBlack .navicon{
    background-position: 0 100%;
}
.hideHeader{
    top: -80px;
}
.new_logo{
	font-size: 30px;
    color: #e22f3f;
    font-family: "Gen Jyuu Gothic X";
    width: 30%;
    text-align: center;
    font-weight: normal;
}
.new_phone_logo{
	display:none;
}
.header .logo{
    font-size: 20px;
    color: #ffffff;
    line-height: 70px;
    display: inline-block;
    width: 140px;
    height: 40px;
    left: 40px;
    position: absolute;
    top: 40px;
    font-weight: bold;
    background: url("../images/logo.png") no-repeat;
    background-size: 100%;
    background-position: 0 0;
    z-index: 97;
}
.navicon{
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 99;
    width: 39px;
    height: 25px;
    background: url("../images/menu.png") no-repeat;
    background-size: cover;
    background-position: 0 0;
    -webkit-transition: top 400ms 200ms;
    -moz-transition: top 400ms 200ms;
    -ms-transition: top 400ms 200ms;
    -o-transition: top 400ms 200ms;
    transition: top 400ms 200ms;
}
.navicon:hover{
    background-position: 0 100%;
}
.close_btn{
    width: 37px;
    height: 38px;
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 30px;
    background: url("../images/close_btn.png") no-repeat;
    background-size: cover;
    background-position: 0 0;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in 0.2s;
    transition: opacity 0.3s ease-in 0.2s;
}
.close_btn:hover{
    background-position: 0 100%;
}
.bar1, .bar2, .bar3 {
    width: 37px;
    height: 3px;
    margin: 9px 0;
    background-color: #fff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.bar2{
    margin-left: -2px;
}
.bar3{
    margin-left: -4px;
}
/*.menuOpen .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 7px);
    -webkit-transform: rotate(-45deg) translate(-8px, 7px);
    transform: rotate(-45deg) translate(-8px, 7px);
}
.menuOpen .bar2 {opacity: 0;filter:alpha(opacity:0);}
.menuOpen .bar3 {
    margin-left: 0px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg) translate(-6px, -5px);
    transform: rotate(45deg) translate(-6px, -5px);
}*/
.MenuContainer{
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform:translateX(100%);
    transform: translateX(100%);
    background: rgba(140,23,37,0.9);
    margin-left: 100% \0/;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E58C1725,endColorstr=#E58C1725) \0/;
    opacity: 0.9 \0;
}
.MenuContainer .conList{
    position: absolute;
    width: 100%;
    left:0;
    right: 0;
    margin: 0 auto;
    bottom: 8%;
    text-align: center;
}
.menuOpen .MenuContainer{
    -webkit-transform:translateX(0%);
    transform: translateX(0%);
    margin-left: 0 \9;
}
.menuOpen .close_btn{
    opacity: 1;
    filter:alpha(opacity:100);
}
.menuOpen .MenuList{
    opacity: 1;
    filter:alpha(opacity:100);
}
body.lockScroll {
    height: 100%;
    overflow: hidden;
}
.MenuList{
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -210px;
    margin-left: -96px;
    /*border: 1px solid red;*/
    opacity: 0;
    filter:alpha(opacity:100);
    -webkit-transition: all 0.3s ease-in 0.2s;
    transition: all 0.3s ease-in 0.2s;
}
.menuList1{
    /*margin-left: 40px;*/
}
.menuList2{
    /*margin-left: 30px;*/
}
.menuList3{
    /*margin-left: 20px;*/
}
.menuList4{
    /*margin-left: 10px;*/
}
.MenuList:hover .menu_follow{
    opacity: 1;
    filter:alpha(opacity:100);
}
.MenuList a{
    display: block;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 45px;
/*    font-style:italic;*/
    cursor: pointer;
    line-height: 48px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.MenuList a:hover{
    /*color:#f70506*/
}
.MenuList li:before{
    content: "";
    position: absolute;
}
.menu_follow{
    width: 10px;
    height: 40px;
    position: absolute;
    left: -20px !important;
    top: 5px;
    transition: all 0.2s ease-in;
    opacity: 0;
    filter:alpha(opacity:0);
    margin-top: -12px\0;
}
.menu_follow img{
    width: 100%;
    height:100%;
    display: block;
}

.bottom{
    height: 70px;
    width: 100%;
    background-color: #333333;
    text-align: center;
    line-height: 70px;
}
.logo_white{
    display: block;
    width: 252px;
    height: 44px;
    margin: 0 auto;
    background: url("../images/logo_white_red.png") no-repeat;
    background-size: 100%;
    background-position: 0 0;
    overflow: hidden;
}
/*.logo_white:hover{*/
    /*background-position: 0 100% !important;*/

/*}*/
.conList{
    margin-top: 30px;
    line-height: 33px;
}
.email_icon{
    width: 27px;
    height: 21px;
    background-size: cover;
    background: url("../images/emaill_icon.png") no-repeat;
    background-position: 0 0;
}
.email_icon:hover,.qq_icon:hover,.xinlang_icon:hover,.weixin_icon:hover{
    background-position: 0 100%;
}
.qq_icon{
    width: 28px;
    height: 28px;
    background-size: cover;
    background: url("../images/qq_icon.png") no-repeat;
    background-position: 0 0;
}
.xinlang_icon{
    width: 30px;
    height: 24px;
    background-size: cover;
    background: url("../images/xinlang_icon.png") no-repeat;
    background-position: 0 0;
}
.weixin_icon{
    width: 28px;
    height: 22px;
    background-size: cover;
    background: url("../images/weixin_icon.png") no-repeat;
    background-position: 0 0;
    position: relative;
}
.conList a{
    display: inline-block;
    line-height: 33px;
    margin:  0 30px;
    vertical-align: middle;
}
.biean_p{
    font-size: 28px;
    text-align: center;
    color: #ffffff;
    font-style: normal;
    /* margin-top: 15px; */
    line-height: 70px;
}

.nav_top{
    display: flex;
    justify-content: space-evenly;
    width: 50%;
    float: right;
    font-size: 30px;
}
.nav_top a{
    color: red;
    font-size: 20px;
    font-family: "Sim Hei";
    font-weight: normal;
}

.biean{
    /* margin-top: 32px; */
}
.wx-popup {
    width: 132px;
    height: 132px;
    position: absolute;
    bottom: 36px;
    left: -55px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.weixin_icon:hover .wx-popup{
    opacity: 1;
    visibility: visible;
}
.wx-popup i {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    left: 60px;
    bottom: -6px;
}
.wx-popup span {
    width: 132px;
    height: 132px;
    display: block;
    border: 1px solid #b5b5b5;
}
.wx-popup span img {
    width: 112px;
    height: 112px;
    border: 10px solid #fff;
}

@media screen and (max-width: 768px) {
	
	.nav_top a{
		font-size: 16px !important;
	}

    .hideHeader{
        top: -1.33rem !important;
    }
    .header{
        position: fixed;
        left:0;
        top:0;
        height: 1rem;
        line-height:1rem;
        width: 100%;
    }
	.new_logo{
		font-size: 30px;
		color: #e22f3f;
		font-family: "Gen Jyuu Gothic X";
		width: 30%;
		text-align: center;
		font-weight: normal;
		display:none;
	}
	.new_phone_logo{
		font-size: 30px;
		color: #e22f3f;
		font-family: "Gen Jyuu Gothic X";
		width: 30%;
		text-align: center;
		font-weight: normal;
		display:block;
	}

    .MenuList{
        margin-top: -2.73rem;
        margin-left: -1.28rem;
        width: 35%;
    }
    .MenuList a{
        display: block;
        font-size: 0.6133rem;
        margin-bottom: 0;
        padding-bottom: 0.56rem;
        line-height: 0.6133rem;
    }
    .menu_follow{
        width: 0.133rem;
        height: 0.53rem;
        position: absolute;
        left: -0.266rem !important;
        top: 0.05rem;
        transition: all 0.2s ease-in;
        opacity: 0;
        filter:alpha(opacity:0);
        display: none;
    }
    .bar1, .bar2, .bar3 {
        width: 0.48rem;
        height: 0.04rem;
        margin: 0.12rem 0;
        background-color: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .bar2{
        margin-left: -0.0266rem;
    }
    .bar3{
        margin-left: -0.0533rem;
    }

    .header .logo{
        width: 2.96rem;
        height: 0.8rem;
        z-index: 97;
        left: 0.48rem;
        position: absolute;
        top: 0.18rem;
    }
	.nav_top {
		font-size: .3rem;
		width: 75%;
	}
	.point_list {
		display:block !important;
		margin-top:0rem !important;
	}
	.contact_tent_mode{
		width:100% !important;
	}
	.map{
		width:8rem !important;
	}
	.cate_font{
		opacity:1 !important;
	}

    .navicon{
        position: absolute;
        top: 0.453rem;
        right: 0.48rem;
        width: 0.52rem;
        height: 0.333rem;
    }
    .close_btn{
        width: 0.493rem;
        height: 0.506rem;
        right: 0.533rem;
        top: 0.4rem;
    }
    .header_top{
        position: fixed;
        height: 0;
        line-height: 0;
    }
    .menuList1{
        /*margin-left: 0.8rem;*/
    }
    .menuList2{
        /*margin-left: 0.6rem;*/
    }
    .menuList3{
        /*margin-left: 0.4rem;*/
    }
    .menuList4{
        /*margin-left: 0.2rem;*/
    }
    .page_mobile .bottom {
        height: 1.5rem;
    }
    .contact_tent .map{
        width: 3rem ;
    }
  
    .page_mobile .logo_white {
        width: 3.52rem;
        height: 0.6rem;
        margin: 0 auto;
    }
    .page_mobile .conList {
        margin-top: 0.4rem;
        line-height: 0.44rem;
    }
    .conList a {
        display: inline-block;
        line-height:0.44rem;
        margin: 0 0.4rem;
        vertical-align: middle;
    }
    .page_mobile .email_icon {
        width: 0.36rem;
        height: 0.28rem;
        background-size: cover;
    }
    .page_mobile .qq_icon {
        width: 0.3733333rem;
        height: 0.3733333rem;
        background-size: cover;
    }
    .page_mobile .xinlang_icon {
        width: 0.4rem;
        height: 0.32rem;
        background-size: cover;
    }
    .page_mobile .weixin_icon {
        width: 0.37rem;
        height: 0.293rem;
        background-size: cover;
    }
    .biean {
        margin-top: 0.33rem;
    }
    .biean_p {
        font-size: 0.24rem;
        text-align: center;
        color: #ffffff;
        font-style: normal;
        margin-top: 0.34rem;
        line-height: 0.24rem;
    }
    .wx-popup{
        bottom: 0.6rem;

    }
    .bottom{
        padding-top: 0.56rem;
    }
    .page_mobile .hide_success{
        width: 4.4rem;
        height: 4.4rem;
        border-radius: 0.4rem;
        position: absolute;
        left:50%;
        top:27%;
        margin-top: -2.2rem;
        margin-left: -2.2rem;
    }
    .page_mobile .hide_success img{
        width: 1.37rem;
        height: 1.37rem;
        display: block;
        margin: 0 auto;
        margin-top: 0.96rem;
    }
    .page_mobile .hide_success .leaving_p{
        font-size: 0.213rem;
        color: #ffffff;
        line-height: 0.46rem;
        text-align: center;
        margin-top: 0.4rem;
    }
    .page_mobile .hide_success p{
        font-size: 0.213rem;
        color: #ffffff;
        line-height: 0.46rem;
        text-align: center;
        margin-top: 0.4rem;
    }
    .page_mobile .error_message{
        position: absolute;
        bottom: -0.05rem;
        left: 0.5rem;
        font-size: 0.32rem !important;
    }
}
.animateDown{
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 0.6s ease-in-out .2s;
    -moz-transition: all 0.6s ease-in-out .2s;
    -ms-transition: all 0.6s ease-in-out .2s;
    -o-transition: all 0.6s ease-in-out .2s;
    transition: all 0.6s ease-in-out .2s;
}
.animateUp{
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.6s ease-in-out .2s;
    -moz-transition: all 0.6s ease-in-out .2s;
    -ms-transition: all 0.6s ease-in-out .2s;
    -o-transition: all 0.6s ease-in-out .2s;
    transition: all 0.6s ease-in-out .2s;
}
.animateUp2{
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.6s ease-in-out .5s;
    -moz-transition: all 0.6s ease-in-out .5s;
    -ms-transition: all 0.6s ease-in-out .5s;
    -o-transition: all 0.6s ease-in-out .5s;
    transition: all 0.6s ease-in-out .5s;
}
.animateUp3{
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.6s ease-in-out .8s;
    -moz-transition: all 0.6s ease-in-out .8s;
    -ms-transition: all 0.6s ease-in-out .8s;
    -o-transition: all 0.6s ease-in-out .8s;
    transition: all 0.6s ease-in-out .8s;
}
.animation .animateDown,.animation .animateUp,.animation .animateUp2,.animation .animateUp3{
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.hide_success{
    width: 330px;
    height: 330px;
    background:rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)\9;
    border-radius: 30px;
    position: absolute;
    left:50%;
    top:50%;
    margin-top: -165px;
    margin-left: -165px;
    z-index: 3;
    display: none;
}
.hide_success img{
    width: 103px;
    height: 103px;
    display: block;
    margin: 0 auto;
    margin-top: 72px;
}
.hide_success p{
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    text-align: center;
    margin-top: 30px;
}
.hide_success .leaving_p{
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    text-align: center;
    margin-top: 30px;
}
.error_message{
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ff1b36 !important;
    line-height: 20px;
    text-align: left !important;
}
.choice_val{
    -webkit-tap-highlight-color:transparent;
}
input:disabled{
    color: #ffffff;
}
input {-webkit-appearance:none; }
@keyframes up{
    from{transform: translateY(50px);opacity: 0;filter:alpha(opacity:0);}
    to{transform: translateY(0);opacity: 1;filter:alpha(opacity:100);}
}
@-webkit-keyframes up{
    from{-webkit-transform: translateY(50px);opacity: 0;filter:alpha(opacity:0);}
    to{-webkit-transform: translateY(0);opacity: 1;filter:alpha(opacity:100);}
}
@-moz-keyframes up{
    from{-moz-transform: translateY(50px);opacity: 0;filter:alpha(opacity:0);}
    to{-moz-transform: translateY(0);opacity: 1;filter:alpha(opacity:100);}
}
@-ms-keyframes up{
    from{-ms-transform: translateY(50px);opacity: 0;filter:alpha(opacity:0);}
    to{-ms-transform: translateY(0);opacity: 1;filter:alpha(opacity:100);}
}