@font-face {
	font-family: "Helvetica Condensed Bold";
	src: url("../fonts/Helvetica Condensed Bold.woff2") format("woff2"),
		 url("../fonts/Helvetica Condensed Bold.woff") format("woff"),
		 url("../fonts/Helvetica Condensed Bold.ttf") format("truetype"),
		 url("../fonts/Helvetica Condensed Bold.eot") format("embedded-opentype"),
		 url("../fonts/Helvetica Condensed Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }
html {
	background:#fff;
	color:#000;}
body{
	position: relative;
	font-size: .14rem;
	
}
.warp{margin: 0 auto;overflow-x: hidden;padding-top: 1.35rem;}
.inner{
	padding: 0 .3rem;
	position: relative;
	margin: 0 auto;
}
.section{padding: .75rem 0;}
.section_title{text-align: center;padding-bottom: .3rem;}
.section_title .title{font-size: .42rem;margin-bottom: .1rem;}
.section_title .sub_title{font-size: .24rem;color: #666;line-height: 1.5em;}
.header{background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
.header .logo{width: 2.91rem;height: .65rem;}
.header .menu_list{position: fixed;right: -60%;top: 0;width: 60%;z-index: 40;background:#fe0000;height: 100%;overflow-x: hidden;padding-top: 1.4rem;transition: all 0.3s linear;}
.header .menu_list.active{right: 0;}
.header .menu_list .list_box .item{position: relative;}
.header .menu_list .list_box .item>a{padding: .25rem .7rem;display: block;font-size: .36rem;color: #fff;border-top: 1px solid rgba(255,255,255,0.4);position: relative;}
.header .menu_list .list_box .item>a:hover{background:#910500;}
.header .menu_list .list_box .item>a::before{content: '';position: absolute;width: .1rem;height: .1rem;left: .44rem;top: 50%;margin-top: -.05rem;border-radius: 50%;background: #fff;}
.header .menu_list .list_box .item .sub_menu{display: none;}
.header .menu_list .list_box .item>.sub_btn{position: absolute;width: 1rem;height: 1rem;display: flex;align-items: center;justify-content: center;font-size: .36rem;color: #fff;right: 0;top: 0;transform: rotate(90deg);}
.header .menu_list .list_box .item .sub_item{background:#b00a0a;}
.header .menu_list .list_box .item .sub_item a{display: block;padding: .2rem 1rem;font-size: .28rem;color: #fff;border-top: 1px solid rgba(255,255,255,0.4);}
.header .inner{display: flex;align-items: center;justify-content: space-between;position: relative;padding: .35rem .3rem;}
.header .menu_btn{width: .75rem;height: .65rem;padding: .12rem;display: flex;flex-direction: column;justify-content: space-between;position: absolute;top: .35rem;right: .3rem;}
.header .menu_btn.active{position: fixed;z-index: 50;}
.header .menu_btn span{display: block;width: 100%;height: .0666rem;background: #fe0000;transition: all 0.3s linear;opacity: 1;}
.header .menu_btn span.two{width: 60%;}
.header .menu_btn span.three{width: 80%;}
.header .menu_btn.active .two{opacity: 0;}
.header .menu_btn.active .one{transform: rotate(45deg);transform-origin: left top;background: #fff;}
.header .menu_btn.active .three{transform: rotate(-45deg);transform-origin: left bottom;width: 100%;background: #fff;}

.home_slider{position: relative;}
.home_slider .swiper-slide{height: 8.2rem;display: flex;align-items: center;justify-content: center;color: #fff;padding-bottom: .5rem;}
.home_slider .swiper-slide .text_box{text-align: center;}
.home_slider .swiper-slide .text_box .title{font-size: .75rem;margin-bottom: .15rem;}
.home_slider .swiper-slide .text_box .sub_title{font-size: .28rem;}
.home_slider .arrow{position: absolute;left:50%;bottom: .98rem;margin-left:-.315rem;width: .63rem;height: .63rem;border-radius: 50%;border: 1px solid rgba(255,255,255,0.6);overflow: hidden;z-index: 20;color: #fff;}
.home_slider .arrow .iconfont{font-size: .28rem;animation:downico 1.5s ease-out infinite;position: absolute;left: 50%;margin-left: -.14rem;top: 0;}


.home_slider .swiper-pagination{bottom: .33rem;}
.home_slider .swiper-pagination-bullet{width: .6rem;height: .04rem;background: #ffffff;opacity: 1;border-radius: 0;margin: 0 .1rem;}
.home_slider .swiper-pagination-bullet-active{background: #fe0000;}

.business_section{background: #f4f4f4;}
.business_section .list_box{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;margin: 0 -.2rem;}
.business_section .list_box .item{width: 50%;padding: 0 .1rem;margin-bottom: .2rem;}
.business_section .list_box .item .bg{background: #fff;padding: .8rem .2rem;display: block;text-align: center;border-radius: .2rem;}
.business_section .list_box .item .icon{width: .96rem;margin: 0 auto .35rem auto;}
.business_section .list_box .item .name{font-size: .28rem;}


.case_section .list_box{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;max-width: 750px;margin: 0 auto;}
.case_section .list_box .item{width: 50%;}
.case_section .list_box .item .text_box{padding: .18rem .3rem;}
.case_section .list_box .item .text_box .title{font-size: .3rem;margin-bottom: .1rem;}
.case_section .list_box .item .text_box .text{color: #666;font-size: .22rem;}

.intro_section{color: #fff;height: 5.52rem;}
.intro_section .sub_title{color: #fff;}
.intro_section .num_list{display: flex;align-items:stretch;justify-content: space-between;}
.intro_section .num_list .item{width: 33.33%;text-align: center;margin-bottom: .2rem;}
.intro_section .num_list .item .num{font-size: .32rem;}
.intro_section .num_list .item .num span{font-size: .82rem;display: inline-block;vertical-align: top;font-family: "Helvetica Condensed Bold";}
.intro_section .num_list .item .title{font-size: .24rem;}

.footer{padding-bottom: .1rem;background: url(../images/footer_bg.jpg) bottom center /100% no-repeat;}
.footer .text_box{padding: .7rem 0;}
.footer .text_box p{font-size: .24rem;margin-bottom: .1rem;}
.footer .copy{font-size: .24rem;padding: .35rem 0 1.35rem 0;border-top: .01rem solid #eee;}


.fixed_contact{position: fixed;left: 0;bottom: .3rem;width: 100%;z-index: 30;}
.fixed_contact .btns{background: #fe0000;overflow: hidden;border-radius: .6rem;display: flex;}
.fixed_contact .btns .btn{width: 50%;padding: .2rem .2rem;text-align: center;font-size: .26rem;color: #fff;}
.fixed_contact .btns .btn img{display: inline-block;vertical-align: middle;margin-right: .1rem;width: .32rem;}


.rightDiv {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    z-index: 11;
    z-index: 99;
    display: none;
}

.rightDiv > a {
    width: 1rem;
    height: 1rem;
    position: relative;
    display: block;
}

.mf-phone {
    background:#fe0000 url(/static/img/rightPhone.png) no-repeat;
    background-size: 100% auto;
     background-position: center .1rem;
    margin-bottom: 1px;
}

.zx-zixun {
    background:#fe0000 url(https://junhe.oss-cn-beijing.aliyuncs.com/xin/static/img/rightliuyan.png) no-repeat;
    background-position: center .1rem;
    background-size: 100% auto;
}

.rightDiv > a > div {
    color: #ffffff;
    font-size: .18rem;
    text-align: center;
    font-weight: lighter;
    position: absolute;
    bottom: 8px;
    width: 100%;
    display: none;
}


.common_mask {
    width: 90%;
    height: auto;
    background: url(https://junhe.oss-cn-beijing.aliyuncs.com/xin/static/image/common_mask_bg.jpg) center /cover no-repeat;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2222;
    padding: .4rem;
    transform: translate3d(-50%, -50%, 0);
    display: none;
    font-family: PingFang SC, Tahoma, Arial, sans-serif;
}

.common_close {
    display: block;
    position: absolute;
    width: .2rem;
    height: .2rem;
    background: url(/static/img//close.png) no-repeat;
    background-size: cover;
    right: .2rem;
    top: .2rem;
    cursor: pointer;
}

.common_mask_title {
    font-size: .32rem;
    color: #fff;
    text-align: left;
    padding: 0 0 .2rem 0;
    margin-bottom: 0;

}

.mask_telnum {
    font-size: .6rem;
    white-space: nowrap;
    color: #fff;
    text-align: left;
    font-weight: bold;
}

.mask_line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin: .1rem auto;
}

.common_mask_sec_title {
    font-size: .32rem;
    text-align: left;
    /*font-family: 'NotoSansHans-DemiLight';*/
    color: #fff;
    margin-top: .15rem;
}

.zixun_box {
    width: 100%;
    height: auto;
    outline: none;
    color: #999;
    font-size: .18rem;
    display: block;
    margin-top: .09rem;
}

.zixun_tel {
    outline: none;
    color: #999999;
    font-size: .16rem;
    line-height: .46rem;
    border: none;
    background: #fff;
    width: 100%;
    text-indent: .2rem;
    height: .46rem;
}

.zixun_tel::-webkit-input-placeholder {
    color: #999;
    font-size: .18rem;
    line-height: .5rem;
}

.yuyue {
    width: 100%;
    height: .5rem;
    margin: .05rem auto;
    text-align: center;
    color: #fff;
    font-size: .18rem;
    line-height: .5rem;
    background: #b80001;
    cursor: pointer;
}

.mask_zixun {
    display: flex;
    justify-content: center;
    width: 100%;
    height: .75rem;
    background: #a30d19;
    line-height: .75rem;
    cursor: pointer;
    margin-top: .2rem;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
}

.mask_zixun_txt {
    color: #fff;
    font-size: .32rem;
    float: left;
}

.common_form {
    position: relative;
    margin-top: .2rem;
}

.common_form .advisory_name {
    display: none;
}

.common_form .advisory_phone {
    background: #fff;
    font-size: .32rem;
    padding: .2rem;
    color: #333;
    width: 100%;
    border: none;
    outline: none;
}

.common_form .f_btn {
    border: none;
    background: #a30d19;
    width: 100%;
    height: .75rem;
    font-weight: bold;
    color: #fff;
    font-size: .32rem;
    outline: none;
    margin-top: .2rem;
}





@keyframes downico{
	0%{
		top: 0;
		opacity: 1;
	}
	35%{
		top: 50%;
		opacity: 0;
	}
	65%{
		top: -50%;
		opacity: 0;
	}
	100%{
		top: 0;
		opacity: 1;
	}
}