header{
}
.bot,.bot_fix{
display:none;
}
header .top{
    display: flex;
    text-align: right;
    line-height: .44rem;
    background: #e6e6e6;
}

header .top span{
    display: inline-block;
}

header .top span.slogan{
    flex: 1;
    padding-left: .4rem;
}

header .top span.info{
    padding-left: .45rem;
    text-align: right;
    background: url(../images/icon_email.png) no-repeat 20px center;
padding-right: 2.5%;
}

/* header .Nav{
    width: 1400px;
} */

header .Nav .logo{
    float: left;
    display: block;
    width: 190px;
    /*height: 127px;*/
    margin-top: 17px;
}

header .Nav .logo img{
    width: 113%;
}

header .mobile{
    display: none;
}

header .Nav ul{
    display: flex;
    justify-content: space-between;
	padding-left: 20px;
}

header .Nav ul li{
    flex: 1;
    padding: 7px 0;
}

header .Nav ul li.lang a{
    font-size: .14rem;
    line-height: .42rem;
    background: url(../images/lang_cn.png) no-repeat 8px center;
}

header .Nav ul li a{
    display: block;
    font-size: .12rem;
    text-align: center;
    padding: .3rem 0;
    line-height: .24rem;
}

header .Nav ul li span{
    display: block;
    width: 100%;
    color: #333;
    font-size: .2rem;
    line-height: .28rem;
}

.banner .swiper-slide img{
    display:block;
    width: 100%;
}

.banner .swiper-pagination .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 1;
}

.banner .swiper-pagination .swiper-pagination-bullet-active{
    background: #c31f1f;
}


/* Index Universal Module */

.section{
    padding: .6rem 0;
    
}

.section .title{
    text-align: center;
	margin-bottom: 0.45rem;
}

.section .title h4{
    position: relative;
    top: .12rem;
    font-size: .3rem;
    
}

.section .title h4::after{
    content: '';
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: .5rem;
    height: 4px;
    background: #ec1447;
}

.section .title h2{
    color: #e5e5e5;
    font-size: .48rem;
}

/* section - practice */

.practice{
    display: flex;
    padding: 0 200px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.practice .items{
    width: 30%;
    margin-bottom: .6rem;
    font-size: .2rem;
    text-align: center;
    line-height: .38rem;
}

.practice .items .avatar{
    position: relative;
    width: 1.3rem;
    height: 1.5rem;
    margin: 0 auto;
    margin-bottom: .2rem;
}

.practice .items .avatar img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.practice .items .avatar img.active{
    display: none;
}

.practice .items:hover .avatar .active{
    display: block;
}

/* section - about */

.about{
    padding: .8rem 0;
}

.about .centerBox{
    display: flex;
}

.about img{
    width: 5.5rem;
    margin-right: .7rem;
}

.about aside{
    flex: 1;
    padding-right: 1.4rem;
}

.about aside h2{
    position: relative;
    margin-bottom: .35rem;
    font-size: .3rem;
    line-height: .65rem;
}

.about aside h2 span{
    display: inline-block;
    padding-right: .1rem;
}

.about aside h2::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.75rem;
    height: 2px;
    background: #c31f1f;
}

.about aside section{
    font-size: .16rem;
    line-height: .3rem;
}

.about .more{
    margin-top: .2rem;
}
.about .more a{
    display: inline-block;
    padding: 0 .4rem;
    line-height: .36rem;
    font-size: .16rem;
    color: #bb2d2b;
    border: 1px solid #bb2d2b;

}

/* section - events */
.events .ColumnsPic{
    display: flex;
    justify-content: space-between;
}

.events .ColumnsPic img{
    width: 48%;
}

.events .flex-box{
    justify-content: space-between;
    flex-wrap: wrap;
}

.events .flex-box .items{
    width: 48%;
    padding: .2rem;
    border-bottom: 1px dotted #c9c9c9;
    overflow: hidden;
}

.events .flex-box .items:hover{
    background: #f9f9f9;
}

.events .flex-box .items:hover p.time{
    color: #ec1447;
}

.events .flex-box .items h6{
    font-size: .16rem;
    line-height: .32rem;
}

.events .flex-box .items h6 span{
    display: none;
}

.events .flex-box .items section{
    display: flex;
}

.events .flex-box .items section p{
    line-height: .26rem;
}

.events .flex-box .items section p span{
    display: inline-block;
    padding: 0 0.1rem;
    color: #ec1447;
}

.events .flex-box .items section p.time{
    width: 35%;
    margin-left: .1rem;
    line-height: .5rem;
    text-align: center;
}

footer{
    background: #333333;
	    
}

footer .Nav{
    display: flex;
    padding: .2rem 0; 
}

footer .Nav a{
    flex: 1;
    color: #fff;
    font-size: .12rem;
    text-align: center;
    line-height: .2rem;
}

footer .Nav a span{
    display: inline-block;
    width: 100%;
    font-size: .18rem;
    line-height: .36rem;
}

footer .bottom{
    padding: .38rem 0;
    border-top: 1px solid #cccccc;
}

footer .bottom .flex-box{
    max-width: 1300px;
    width: 95%;
    justify-content: space-between;
    /* align-items:flex-end */
}

 footer .bottom .flex-box .wrap{
    color: #fff;
}

footer .bottom .switch .wrap{
    color: #fff;
}

footer .bottom .info{
    width: 38%;
}

footer .bottom .info h2{
    margin-bottom: .2rem;
    padding-left: .45rem;
    font-size: .24rem;
    line-height: .35rem;
    background: url(../images/icon_email_white.png) no-repeat left center;
    background-size: .32rem .24rem;

}

footer .bottom .info h2 a{
    display: inline-block;
    margin-left: 0.2rem;
    padding: 0 0.2rem;
    font-size: .16rem;
    line-height: .35rem;
    border: 1px solid #ffffff;
}

footer .bottom .info section p{
    font-size: .16rem;
    line-height: .35rem;
}

footer .bottom .info section p > span{
    font-size: .24rem;
    font-weight: 700;
}


footer .bottom .wechat{
    display: flex;
    font-size: .16rem;
    line-height: .32rem;
}

footer .bottom .wechat img{
    display: block;
    width: 160px;
    height: 160px;
    margin-right: 10px;
}

footer .bottom .wechat section{
    
    padding-top: 65px;
}


footer .bottom .form{
    font-size: .16rem;
    position: relative;
    /* top: 26px; */
}

footer .bottom .form p{
    display: flex;
    margin-bottom: 8px;
}

footer .bottom .form p span{
    display: inline-block;
    padding-right: 5px;
    width: 75px;
}

footer .bottom .form input{
    width: 285px;
    height: .3rem;
    padding: .1rem;
    line-height: .3rem;
    background: #a0a0a0;
    border: 1px solid #fff;
}

footer .bottom .form textarea{
    width: 285px;
    height: .7rem;
    padding: .1rem;
    background: #a0a0a0;
    border: 1px solid #fff;
}

footer .bottom .form input[type=submit]{
    display: block;
    margin-left: 22%;
    padding: 0;
    width: 128px;
    height: .3rem;
    color: #333;
    font-size: .14rem;
    text-align: center;
    line-height: .3rem;
    background: #fff;
}

footer .bottom .switch{
    display: none;
}

.mobile_bottom{
    display: none;
}

.mobile_bottom a{
    display: block;
    margin: .1rem 0;
    padding-top: .35rem;
    color: #333;
    background: url(../images/mobile_bottom_01.png) no-repeat top center;
    background-size: .31rem .31rem; 
}

.mobile_bottom a:nth-child(2){
    background: url(../images/mobile_bottom_02.png) no-repeat top center;
    background-size: .31rem .31rem; 
}

.mobile_bottom a:nth-child(3){
    background: url(../images/mobile_bottom_03.png) no-repeat top center;
    background-size: .31rem .31rem; 
}

.mobile_bottom a:nth-child(4){
    background: url(../images/mobile_bottom_04.png) no-repeat top center;
    background-size: .31rem .31rem; 
}



/* Other - Pages */
.thumbs img{
    width: 100%;
}

.bread{
    background: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
}

.bread .scheme{
    color: #b9000e;
    font-size: .28rem;
    line-height: .8rem;
}

.bread .scheme span{
    color: #636363;
    font-size: .18rem;
}

.bread .local{
    color: #636363;
    font-size: .18rem;
    line-height: .8rem;
}

.container{
    padding: .8rem 0;
    font-size: .18rem;
    line-height: .36rem;
}

.container img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


/* practice Page */
.articleTab{
    padding: .5rem 0;
}

.articleTab ul{
    display: flex;
    justify-content: space-between;
}

.articleTab ul li{
    width: 15%;
    color: #333;
    font-size: .2rem;
    text-align: center;
    line-height: .5rem;
    border-radius: 8px;
    border: 1px solid #acacad;
}

.articleTab ul li.current{
    color: #fff;
    border: 1px solid #b9000e;
    background: #b9000e;
}

.articleTab .blocks{
    padding-top: .5rem;
}

.articleTab .blocks .items{
    display: none;
}

.articleTab .blocks .items:nth-child(1){
    display: block;
}

.articleTab .blocks .items h1{
    color: #b9000e;
    font-size: .32rem;
    line-height: .56rem;
    border-bottom: 4px solid #cccccc;
}

.articleTab .blocks .items h1 span{
    color: #636363;
    font-size: .3rem;
}

.articleTab .blocks .items .description{
    padding: .35rem 0;
    color: #636363;
    font-size: .18rem;
    line-height: .32rem;
}


.articleTab .blocks .items section{
    margin-bottom: .45rem;
    font-size: .18rem;
    line-height: .36rem;
}

.articleTab .blocks .items section h4{
    position: relative;
    padding-left: .2rem;
    margin-bottom: .25rem;
    font-size: .24rem;
}

.articleTab .blocks .items section h4:after{
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: .24rem;
    background: #b9000e;
}

.articleTab .blocks .items section p{
    position: relative;
    padding-left: .25rem;
}

.articleTab .blocks .items section p::before{
    content: '';
    position: absolute;
    left: 0;
    top: .14rem;
    width: .09rem;
    height: .09rem;
    border-radius: 50%;
    background: #b9000e;
}

.teams{
    margin-top: .8rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.teams .items{
    float:left;
    margin-right:3.3%;
    position: relative;
    width: 30%;
    padding-top: 1.3rem;
    margin-bottom: .5rem;
}
.teams .items:nth-child(3n){
    margin-right:0;
}
.teams .items .avatar{
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    width: 2.6rem;
    height: 3rem;
    margin: 0 auto;
    /* padding: .1rem; */
    border: .1rem solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 15px -5px;
    overflow: hidden;
}

.teams .items .avatar img{
    width: 100%;
}

.teams  .items section{
    padding: 1.5rem 0.3rem .35rem;
    color: #4c4c4c;
    font-size: .18rem;
    line-height: .36rem;
    background: #f7f7f7;
}

.teams  .items section .more{
    display: block;
    width: 1.6rem;
    height: .48rem;
    margin: 0 auto;
    margin-top: .2rem;
    color: #626262;
    text-align: center;
    line-height: .48rem;
    border-radius: .3rem;
    border: 1px solid #626262;
}

.teams  .items:hover .more{
    color: #fff;
    border: 1px solid #b9000e;
    background: #b9000e;
}

.introduce{
    display: flex;
    padding: .65rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.introduce aside{
    width: 3rem;
    font-size: .18rem;
    line-height: .4rem;
}

.introduce aside img{
    width: 100%;
    height: 4rem;
}

.introduce aside h4{
    font-size: .24rem;
}

.introduce section{
    flex: 1;
    padding-left: 1rem;
}

.introduce section .subtitle{
    position: relative;
    font-size: .24rem;
    padding-bottom: .2rem;
    margin-bottom: .35rem;
}

.introduce section .subtitle:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: .36rem;
    height: 2px;
    background: #b9000e;
}

.introduce section{
    line-height: .4rem;
}

/* 翻页 */
.pages{
    display: flex;
    justify-content: center;
    margin: .45rem 0;
width: 100%;
}

.pages a,
.pages span{
    display: block;
    margin: 0 0.05rem;
    padding: 0 .1rem;
    font-size: .14rem;
    text-align: center;
    line-height: .3rem;
    border: 1px solid #d9d9d9;
}


/* article title */
.article_title h2{
    margin: .2rem 0;
    font-size: .24rem;
    text-align: center;
    line-height: .48rem;
}


/* culture */
.explanation{
    padding-top: .64rem;
    height: 4.4rem;
    background-size: 100% 100%;
}

.explanation .slogan{
    float: left;
    width: 1.2rem;
    margin-right: .6rem;
}

.explanation section{
    font-size: .24rem;
    line-height: .45rem;
}

.explanation section span{
    display: block;
    padding-top: .7rem; 
    font-size: .3rem;
    color: #910e0e;
}

.motto{
    padding: .65rem 0;
}

.motto h2.title{
    color: #932021;
    font-size: .34rem;
    text-align: center;
    line-height: .73rem;
    background: url(../images/title_bg.png) no-repeat center center;
    background-size: 3rem .73rem; 
}

.motto .items{
    font-size: .18rem;
    line-height: .35rem;
    padding: .2rem 0;
    border-bottom: 1px dashed #a0a0a0;
}


.rate{
    padding: .4rem 0;
}
.rate article{
    padding: .2rem 0;
    font-size: .18rem;
    line-height: .36rem;
}

.rate .items{
    margin-bottom: .2rem;
}

.rate .items h6{
    position: relative;
    margin-bottom: .1rem;
    padding-left: .22rem;
    font-size: .22rem;
    line-height: .45rem;
    border-bottom: 1px dashed #a0a0a0;
}

.rate .items h6:after{
    content: '';
    position: absolute;
    left: 0;
    top: .12rem;
    width: 4px;
    height: .22rem;
    background: #b9000e;
}

.rate .items section{
    font-size: .18rem;
    line-height: .36rem;
}

.rate .items section img{
    max-width: 100%;
}

.client{
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 0;
    justify-content: space-between;
}

.client .flex-items{
    width: 15%;
    margin-bottom: .4rem;
}

.client .items{
    width: 90%;
    /*height: 1.5rem;*/
    margin: 0 auto;
    border: 1px solid #c4c1bd;
    overflow: hidden;
}

.client .items img{
    width: 100%;
    height: 100%;
}

.contact{
    padding-top: .5rem;
}

.contact .map{
    width: 100%;
    height: 6rem;
}

.contact .floatPart{
    position: relative;
    margin-bottom: 4.45rem;
}

.contact article{
    display: flex;
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    background: #fff;
}

.contact article img{
    width: 3.95rem;
}

.contact article aside{
    flex: 1;
    padding-top: .75rem;
    padding-left: .5rem;
    box-shadow: 0px 0px 5px -2px;
}

.contact article aside h4{
    position: relative;
    padding-bottom: .32rem;
    font-size: .28rem;
}

.contact article aside h4::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: .65rem;
    height: 3px;
    background: #b9000e;
}

.contact article aside section{
    margin-top: .45rem;
    padding-left: .45rem;
    font-size: .2rem;
    line-height: .48rem;
    background: url(../images/contact_icon.png) no-repeat left 0.12rem;
    background-size: .22rem 2.61rem;
}

.contact .lastPart{
    text-align: center;
    margin-bottom: .5rem;
}

.contact .lastPart h2{
    position: relative;
    display: inline-block;
    padding-left: .72rem;
    font-size: .3rem;
    line-height: .57rem;
    text-align: center;
    margin-bottom: .25rem;
}

.contact .lastPart h2::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: .57rem;
    height: .57rem;
    background: url(../images/contact_02.png) no-repeat left center;
    background-size: 100% 100%;
}


.contact .lastPart .wrap{
    display: flex;
    flex-wrap: wrap; 
}

.contact .lastPart .wrap .items{
    text-align: left;
    width: 50%;
    padding: .35rem .4rem;
    font-size: .16rem;
    line-height: .32rem;
}

    .contact .lastPart .wrap .items:nth-of-type(1),
    .contact .lastPart .wrap .items:nth-of-type(4),
    .contact .lastPart .wrap .items:nth-of-type(5),
    .contact .lastPart .wrap .items:nth-of-type(8),
    .contact .lastPart .wrap .items:nth-of-type(9),
    .contact .lastPart .wrap .items:nth-of-type(12),
    .contact .lastPart .wrap .items:nth-of-type(13),
    .contact .lastPart .wrap .items:nth-of-type(16),
    .contact .lastPart .wrap .items:nth-of-type(17),
    .contact .lastPart .wrap .items:nth-of-type(20),
    .contact .lastPart .wrap .items:nth-of-type(21),
    .contact .lastPart .wrap .items:nth-of-type(24),
    .contact .lastPart .wrap .items:nth-of-type(25),
    .contact .lastPart .wrap .items:nth-of-type(28),
    .contact .lastPart .wrap .items:nth-of-type(29),
    .contact .lastPart .wrap .items:nth-of-type(32),
    .contact .lastPart .wrap .items:nth-of-type(33),
    .contact .lastPart .wrap .items:nth-of-type(36),
    .contact .lastPart .wrap .items:nth-of-type(37),
    .contact .lastPart .wrap .items:nth-of-type(40),
    .contact .lastPart .wrap .items:nth-of-type(41),
    .contact .lastPart .wrap .items:nth-of-type(44),
    .contact .lastPart .wrap .items:nth-of-type(45),
    .contact .lastPart .wrap .items:nth-of-type(48),
    .contact .lastPart .wrap .items:nth-of-type(49),
    .contact .lastPart .wrap .items:nth-of-type(52),
    .contact .lastPart .wrap .items:nth-of-type(53),
    .contact .lastPart .wrap .items:nth-of-type(56),
    .contact .lastPart .wrap .items:nth-of-type(57),
    .contact .lastPart .wrap .items:nth-of-type(60),
    .contact .lastPart .wrap .items:nth-of-type(61),
    .contact .lastPart .wrap .items:nth-of-type(64),
    .contact .lastPart .wrap .items:nth-of-type(65),
    .contact .lastPart .wrap .items:nth-of-type(68),
    .contact .lastPart .wrap .items:nth-of-type(69),
    .contact .lastPart .wrap .items:nth-of-type(72),
    .contact .lastPart .wrap .items:nth-of-type(73),
    .contact .lastPart .wrap .items:nth-of-type(76),
    .contact .lastPart .wrap .items:nth-of-type(77),
    .contact .lastPart .wrap .items:nth-of-type(80),
    .contact .lastPart .wrap .items:nth-of-type(81),
    .contact .lastPart .wrap .items:nth-of-type(84),
    .contact .lastPart .wrap .items:nth-of-type(85),
    .contact .lastPart .wrap .items:nth-of-type(88),
    .contact .lastPart .wrap .items:nth-of-type(89),
    .contact .lastPart .wrap .items:nth-of-type(92),
    .contact .lastPart .wrap .items:nth-of-type(93),
    .contact .lastPart .wrap .items:nth-of-type(96),
    .contact .lastPart .wrap .items:nth-of-type(97),
    .contact .lastPart .wrap .items:nth-of-type(100),
    .contact .lastPart .wrap .items:nth-of-type(101),
    .contact .lastPart .wrap .items:nth-of-type(104)
    {
        background: #eeeeee;
    }


.lastPart .current{
    background: #eeeeee;
}
.kong{display: none;/*border: red solid 1px;*/}

@media (max-width:450px) {
	.contact article aside section{
		background: url(../images/contact_icon1.png) no-repeat left 0.12rem;
		background-size: 0.25rem 3.15rem;
	}	
}