html,body{
    height:100%;
    overflow: auto;
}
/*
#about_us_cont{
    width:100%;
    height:0;
    padding-bottom:48%;
    background: url("../image/about_page_1.png") no-repeat;
    background-size: 100% 100%;
}*/

/*精英团队*/
.h_tit{
    position: relative;
    font-size: 0.36rem;
    color:#00428e;
    padding-bottom: 0.26rem;
    /*margin:1.88rem auto 0;*/
    margin:0 auto 1.08rem;
    font-family:"微软雅黑";
    font-weight:bold;
    text-align: center;
}
.h_tit:before{
    position:absolute;
    content:'';
    bottom: 0;
    left:47%;
    right:47%;
    border-bottom: 0.07rem solid #00428e;
}
.team_box{
    width:100%;
    padding:0 5%;
    box-sizing: border-box;
    margin:0.72rem 0 0 0;
   /* height:5.54rem;*/
    height:auto;
    overflow: hidden;
}
.team_box>li{
    width: 21%;
    float: left;
    height: auto;
    position: relative;
    /* margin-bottom: 10%; */
    margin: .1rem 2% 10%;
}
.team_box>li img{
    width:100%;
    max-height:4.38rem;
}
.team_box>li div{
    position:absolute;
    width:70%;
    left:15%;
    bottom:-20%;
    height:40%;
    background-color: rgba(0,66,142,0.8);
    color:#ffffff;
    text-align: center;
    transform:rotateX(0deg);
    -ms-transform:rotateX(0deg); 	/* IE 9 */
    -moz-transform:rotateX(0deg); 	/* Firefox */
    -webkit-transform:rotateX(0deg); /* Safari 和 Chrome */
    -o-transform:rotateX(0deg);
}
.team_box>li div p{
    width:100%;
    margin:0 auto;
    display: inline-block;
    vertical-align: middle;
    height:49%;
    line-height: 0.7rem;

}
.team_box>li div .name{
    font-size: 0.36rem;
    font-weight: bold;
}
.team_box>li div .position{
    font-size: 0.3rem;
}
.team_box>li div span{
    display: block;
    width:80%;
    height:2%;
    background-color: #b5c7dc;
    margin:auto;
}

/*合作企业*/
.enterprise_box{
    width:50%;
    height:auto;
    overflow: hidden;
    float: right;
    margin:0.72rem 1.5rem 0 0;
    background-color: #ffffff;
}
.enterprise_box>li{
    width:24.88%;
    height:1.3rem;
    overflow: hidden;
    float: left;
    border-right:0.01rem dashed #e4e4e4;
    border-top: 0.01rem dashed #e4e4e4;
}
.enterprise_box>li:nth-child(4n){
    border-right:none;
}
.enterprise_box>li:nth-child(-n+4){
    border-top:none;
}
.enterprise_box>li img{
    width:100%;
    max-height:1.3rem;

}

/*联系我们*/
.Contact_us_cont .h_tit{
    color:#ffffff;
}
.Contact_us_cont .h_tit:before{
    border-bottom: 0.07rem solid #ffffff;
}
.textCont{
    width:100%;
    height: auto;
    overflow: hidden;
    margin:0.5rem auto;
}
.textCont>div{
    float: left;
    width:12rem;
}
.textCont .text_box{
    margin-left:0.72rem;
}
.textCont .qCode_box{
    width:1.86rem;
    margin-left:4rem;
}
.textCont .qCode_box img{
    width:100%;
    height:auto;
}
.textCont .qCode_box .tips{
    font-size:0.16rem;
    color:rgba(255,255,255,0.5);
    line-height:0.32rem;
    text-align: center;
}
.text_box .title{
    font-size: 0.24rem;
    color:#ffffff;
}
.content_box{
    /*width:100%;*/
    height:auto;
    overflow: hidden;
    float: left;
    padding-left:19%;
}
.content_box p{
    font-size:0.16rem;
    color:rgba(255,255,255,0.5);
    line-height:0.32rem;
    float: left;
    display: inline-block;
    width:100%;
    padding-left: 0.16rem;
    box-sizing: border-box;
}
#page_4 .logo_text{
    background: url("../image/logo_text.png") no-repeat center left;
    background-size: 90% ;
    height:0.64rem;
    padding-left: 0;
    width:80%;
    float: left;
}
#page_4 .top_box{
    height:.64rem;
    position: relative;
    padding-left:19%;
}
#page_4 .top_box div{
    float: left;
    color:#ffffff;
    padding:.1rem .16rem;
    /*position: absolute;*/
    left: 52%;
    height:100%;
    box-sizing: border-box;
}
/*#page_4 .top_box div:before{
    position: absolute;
    content: "";
    left: 0;
    top: .08rem;
    bottom:.08rem;
    border-left:1px solid #ffffff;

}*/
.text_1{
    text-align: center;
    color:#ffffff;
    font-size: 0.38rem;
    clear: both;
    font-weight: bold;
    line-height: 0.72rem;
    margin-bottom:0.16rem;
}
.text_2{
    text-align: center;
    color: rgba(255,255,255,0.7);
    font-size: 0.22rem;
}

.text_3{
    text-align: center;
    color: rgba(255,255,255,0.7);
    font-size: 0.22rem;
	line-height:0.72rem;
}

#page_3 .content_box_right{
    width:50%;
    float: right;
    padding:0 .72rem 0 .32rem;
    box-sizing: border-box;
    height: 100%;
}
#page_3 .content_box_right .h_tit{
    text-align: left;
    color:#ffffff;
    margin:-1rem auto 2.68rem;
    opacity: 0;
}
#page_3 .content_box_right .h_tit:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 83%;
    border-bottom: 0.07rem solid #ffffff;
}
#page_3 .content_box_right .textBox{
    font-size:.2rem;
    line-height:.28rem;
    color:#ffffff;
    position: relative;
    right:-150%;
    padding:.16rem 0;
}
#page_3 .content_box_right .iconBox{
    width:100%;
    position: relative;
    right:-110%;
    height:auto;
    overflow: hidden;
    top:.32rem;
}
#page_3 .content_box_right ul{
    width:100%;
    margin:.1rem 0;
}
#page_3 .content_box_right ul li{
   /* width:33.33%;*/
    width:16.66%;
    float: left;
    margin:0 0 .1rem 0;
    position: relative;
    min-height: 0.8rem;

}
#page_3 .content_box_right ul li a:first-child{
    width:100%;
    height:100%;
    margin: auto;
    display: block;
}
#page_3 .content_box_right ul li a:nth-child(2){
    position: absolute;
    display: block;
    width:0;
    height:0;
    left:50%;
    top:27%;
    border-radius: 50%;
    background-color: #ffffff;
    overflow: hidden;
}
#page_3 .content_box_right ul li a:nth-child(2) img{
    width:0;
    height:0;
    margin:0 auto;
    border-radius: 50%;
}
#page_3 .content_box_right ul li img{
    width:0.8rem;
    height:0.8rem;
    margin:auto;
    display: block;
}
#page_3 .content_box_right ul li p{
    text-align: center;
    font-size:.18rem;
    color:#ffffff;
    line-height:.3rem;
}

/*
.header>a{ display:block;
    animation:dh 6s infinite alternate linear;
    -moz-animation:dh 6s infinite alternate linear;
    -webkit-animation:dh 6s infinite alternate linear;
    -o-animation:dh 6s infinite alternate linear;
    -ms-animation:dh 6s infinite alternate linear;
}
@-o-keyframes dh{
    0%{ transform: rotateY(1deg);}
    100%{ transform: rotateY(180deg);}
}

@-webkit-keyframes dh{
    0%{ transform: rotateY(1deg);}
    100%{ transform: rotateY(180deg);}
}
@-ms-keyframes dh{
    0%{ transform: rotateY(1deg);}
    100%{ transform: rotateY(180deg);}
}
@-moz-keyframes dh{
    0%{ transform: rotateY(1deg);}
    100%{ transform: rotateY(180deg);}
}*/


/*#page_6 {
    animation:bdd 5s linear  infinite alternate;
    -moz-animation:bdd 5s linear  infinite alternate;
    -ms-animation:bdd 5s linear  infinite alternate;
    -o-animation:bdd 5s linear  infinite alternate;
    -webkit-animation:bdd 5s linear infinite alternate;

    background-size: 100% 100%;
}
@keyframes bdd{
    0%{ background-size: 100% 100%;}
    100%{ background-size: 120% 120%;}
}

@-o-keyframes bdd{
    0%{ background-size: 100% 100%;}
    100%{ background-size: 120% 120%;}
}

@-webkit-keyframes bdd{
    0%{ background-size: 100% 100%;}
    100%{ background-size: 120% 120%;}
}
@-ms-keyframes bdd{
    0%{ background-size: 100% 100%;}
    100%{ background-size: 120% 120%;}
}
@-moz-keyframes bdd{
    0%{ background-size: 100% 100%;}
    100%{ background-size: 120% 120%;}
}*/
#page_6 .login_img{
    width:2.8rem;
    /*height:.9rem;*/
    border-radius: .05rem;
    margin:auto;
    position: relative;
}
#page_6 .login_img img{
    width:1.55rem;
    height:.7rem;
    margin:auto;
    display: block;
}
#page_6 .login_img.mar_top{
    padding-top:50px;
}
#page_6 .login_img.img_h {
    height:1rem;
}
#page_6 .login_img.img_w img{
    width:100%;
    height: 100%;
}
#page_6 .card_box{
    width:14.6rem;
    margin:auto;
}
#page_6 .card_box .v_line{
    border-left: .04rem dotted #00428e;
    height: .6rem;
    width: 0;
    margin: auto;
}
#page_6 .card_box .cardBox{
    width:17.795rem;
    height:3.8rem;
}
#page_6 .card_box .cardBox li{
    float: left;
    width:1.6rem;
    border-left:.04rem dotted #00428e;
    border-top:.04rem dotted #00428e;
    min-height:.8rem;
    position: relative;
    padding:0 .16rem;
}
#page_6 .card_box .cardBox li:first-child{
    margin-left:.4rem;
}
#page_6 .card_box .cardBox li:last-child{
    border-top:none;
}
#page_6 .card_box .cardBox li a{
    display: block;
    width:1.2rem;
    position: absolute;
    left: -.62rem;
    top:.6rem;
    height:1.74rem;
    /*overflow: hidden;*/
}
/*#page_6 .card_box .cardBox li a:last-child{*/
/*    height:2rem;*/
/*}*/
#page_6 .card_box .cardBox li a img{
    position: absolute;
    width: 100%;
}
#page_6 .card_box .cardBox li a>p,#page_6 .card_box .cardBox li a div p.tit{
    width:100%;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: #ffffff;
    writing-mode:vertical-lr;
    height: 2.6rem;
    font-size: .14rem;
    padding-top: .4rem;
    padding-left: .5rem;
}
#page_6 .card_box .cardBox li a div p.tit{
    padding-top:.9rem;
    padding-bottom:.16rem;
}
#page_6 .card_box .cardBox li a>p:before{
    position: absolute;
    content: "";
    /*bottom:.4rem;*/
    left:.3rem;
    width: .03rem;
    height: .6rem;
    background: rgba(233, 89, 54, 1);
}
#page_6 .card_box .cardBox li a div{
    position: relative;
    z-index: 1;
    color:#ffffff;
}
#page_6 .card_box .cardBox li a div p{
    padding:0 .1rem .1rem;
    box-sizing: border-box;
}
#page_6 .h_tit{
    margin:0 auto .6rem;
}

/*#page_6 .card_box .cardBox li a:first-child{
    transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}
#page_6 .card_box .cardBox li a:last-child{
    transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
}*/

#page_6 .card_box .cardBox li a:first-child{
    opacity: 1;
}
#page_6 .card_box .cardBox li a:last-child{
    opacity: 0;
}


#page_2 .enterprise_box li a{
    display: block;
    width:100%;
    height:100%;
    cursor: pointer;
    position: relative;

    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -webkit-transform:scale(1,1);
}
#page_2 .h_tit{
    color:#00428e;
}
#page_2 .h_tit:before{
    border-bottom: 0.07rem solid #00428e;
}


#page_2 img.logo{
    float: left;
    width: 28%;
    margin: .72rem;
    animation:bdd2 5s linear  infinite alternate;
    -moz-animation:bdd2 5s linear  infinite alternate;
    -ms-animation:bdd2 5s linear  infinite alternate;
    -o-animation:bdd2 5s linear  infinite alternate;
    -webkit-animation:bdd2 5s linear infinite alternate;

    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -webkit-transform:scale(1,1);
}
@keyframes bdd2{
    0%{ transform:scale(1,1);}
    100%{ transform:scale(1.2,1.2);}
}

@-o-keyframes bdd2{
    0%{ transform:scale(1,1);}
    100%{ transform:scale(1.2,1.2);}
}

@-webkit-keyframes bdd2{
    0%{ transform:scale(1,1);}
    100%{ transform:scale(1.2,1.2);}
}
@-ms-keyframes bdd2{
    0%{ transform:scale(1,1);}
    100%{ transform:scale(1.2,1.2);}
}
@-moz-keyframes bdd{
    0%{ transform:scale(1,1);}
    100%{ transform:scale(1.2,1.2);}
}


#page_4 .icon-1{
    width:.56rem;
    height:.56rem;
    display: inline-block;
    background: url("../image/icon-1.png") center/cover no-repeat;
    vertical-align: middle;
    margin: 0 0.2rem 0 .2rem;

    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -webkit-transform:scale(1,1);
}
#page_4 .h_tit{
    margin-top:.4rem;
}

.product_list{
    position: absolute;
    width:100%;
    height:100%;
}

.product_box{position: absolute;width: 100%;height: 100%;top: 0;left:0;overflow: hidden}
.product_box .main_box{position: relative;height: 100%;left: -9999px;top: 50%;}
.product_box h2{position: absolute;top: 50%;left: 50%;background-size: 100% 100%;}
.product_box h2 span{position: absolute;}
.product_box.show h2{animation:tt_effect .6s .3s linear both;-webkit-animation:tt_effect .6s .3s linear both;}
.product_box.show .btn_product{animation:opacity .5s 1s linear both;-webkit-animation:opacity .5s 1s linear both;}
#shouye{
    position: absolute;width: 100%;height: 100%;top: 0;left:0;
}
.product_box.show{
    opacity:1;
    z-index: 1;
}

@keyframes tt_effect{
    0%{transform:translateY(-20px);opacity:0;}
    100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes tt_effect{
    0%{-webkit-transform:translateY(-20px);opacity:0;}
    100%{-webkit-transform:translateY(0);opacity:1;}
}
.header_text{
    height:.8rem;
    margin-left:.16rem;
    position: relative;
    float: left;
    padding:.16rem;
    box-sizing: border-box;
}
.header_text:before{
    position: absolute;
    content: '';
    left: 0;
    top:.1rem;
    bottom:.1rem;
    border-left:.02rem solid #00428E;
}
.header_text p{
    line-height:.24rem;
    color:#264175;
    font-size:.15rem;
}
.v_line{
    border-left: .04rem dotted #00428e;
    height: .6rem;
    width: 0;
    margin: auto;
}

.bg_box{
    height: 100%;
    overflow: hidden;

    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -webkit-transform:scale(1,1);
}
#page_3 .content_box_right{
    position: relative;
}
.bg_box img{
	width:100%;
	height:100%;
}
.textCont .text_box{
	float:left;
	width:45%;
}
.textCont .text_box1{
	float:right;
	width:45%;
	padding-top:0.4rem;
}
.textCont .text_box1 .tel400{
	font-size:0.32rem;
	color:#fff;
	line-height: 0.4rem;
	padding-left:0.5rem;
	background:url(../image/phone_logo.png) 0 0/0.4rem auto no-repeat;
}
.textCont .text_box1 .tel400 span{
	font-size:0.2rem;
	font-weight: 100;
	line-height: 0.4rem;
	display: block;
	float:left;
	margin-right:0.1rem;
}
.textCont .text_box1 .xiazai{
	text-align: left;
	margin-left:-3%;
	margin-top:0.3rem;
    display: flex;
}
.textCont .text_box1 .xiazai li{
	display: inline-block;
	width:18%;
	text-align: center;
	color:#fff;
	font-size:0.15rem;
    position: relative;
}
.textCont .text_box1 .xiazai li img{
	width:60%;
	margin-left:20%;
	display: block;
	margin-bottom:0.25rem;
}
.textCont .text_box1 .xiazai li div{
    position: absolute;
    width: 60%;
    height: 70%;
    top: 0;
    left: 20%;
    font-size: .2rem;
    text-align: center;
    background-color: #ffffff;
    color: #333333;
    display: flex;
    align-items: center;
}
.textCont .text_box1 .xiazai li div p{
    display: inline-block;
    width: 100%;
}

.icon{
	text-align: center;
}
.icon img{
	margin:0.2rem 0.2rem;
}


.type_list img{
    height:1.2rem !important;
}
.type_list  .title{
    line-height: .48rem;
    font-size: .3rem;
    color: #ffffff;
    padding-top: .16rem;
}