.fl{
    float: left;
}
.fr{
    float: right;
}
.cl{
    clear: both;
}
.cl:after{
    content:"";       
     display:block;       
     clear:both;       
     width: 0;
}
/* nav */
.nav_col{
    float: right;
    vertical-align: middle;
    height: 100%;
    vertical-align: middle;
}
.nav li {
    display: inline;
    margin-right: 50px;
    padding-bottom: 5px;
}
.nav li a{
    text-decoration: none;
    font-size: 18px;
    color: #333333;
    font-weight: 1000;
}
.nav li:hover a,.nav li.on a{
    color: #e6232b;
}
.nav li:hover,.nav li.on{
    border-bottom: 1px dashed #e6232b;
}
.tel{
    float: right;
    vertical-align: middle;
    font-weight: 24px;
    color: #ec1b24;
    font-weight: bold;
    margin-right: 20px;
    font-size: 20px;
    /* background: url(../images/tel.png) no-repeat center left;
    padding-left: 37px; */
}

/* text_center */
@keyframes letter-in{
    from{transform: rotateY(0deg);}
    to{transform: rotateY(-90deg);}
}
@keyframes letter-out{
    from{transform: rotateY(90deg);}
    to{transform: rotateY(0deg);}
}
.index_text span{
    display: inline-block;
}
.index_text span.in{
    animation: letter-in .3s forwards;
}
.index_text span.behind{
    animation: letter-out .5s forwards;

}
.center_text{
    font-size: 19px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 25px;
}
.center_text>span{
    display: inline-block;
}
#index_center_text>span{
    display: none;
    color: red;
}
#index_center_text>span.active{
    display: inline-block;
    transform: 0.3s all;
}

/* news */
.news_banner{
    width: 100%;
    overflow: hidden;
    margin-top: 43px;
}
.news_banner .swiper-pagination{
    position: static!important;
    margin-bottom: 45px;
}
.news_banner .swiper-pagination .swiper-pagination-bullet{
    width: 175px ;
    height: auto;
    font-size: 30px;
    color: black;
    border-radius: 0;
    background: none;
    opacity: 1;
    
}
.news_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: none;
    color: #e6232b;
}
.f_top{
    text-align: center;
    margin: 0 auto;
    white-space: nowrap;
    font-size: 16.5px;
}
.f_top>div{
    vertical-align: middle;
    display: inline-block;
}
.f_bottom{
    width: 100%;
    padding: 18px 0;
    background: #231f20;
    font-size: 16px;
    color: #cdcccc;
    text-align: center;
}
.f_bottom a{
    text-decoration: none;
    color: #cdcccc;
}
.f_bottom a:hover{
    color: #da1e26;
}
.f_bottom.p{
    display: none;
}
.f_top>*{
    display: inline-block;
    white-space: nowrap;

}
.f_top .left{
    vertical-align: middle;
    text-align: left;
}
.f_top .left .title{
font-size: 1.5em;
color: #ffffff;
margin-bottom:0.32em;
letter-spacing: 0.15em;
}
.f_top .left .con{
    font-size: 1.05em;
    color:#ffffff;
    line-height:35px;
}
.f_top .mid{
    font-size: 1.5em;
    vertical-align: middle;
    color: #ffffff;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    padding:0.3% 3.5%;
    margin: 0 3.2%;
}
.f_top .mid>div{
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    

}
.f_top .mid>div:nth-child(1){
    margin-right: 0.8em;
    line-height: 1.8em;
}.f_top .mid>div:nth-child(2){
    margin-left: -0.2em;
}
.f_top .mid p:nth-child(1){
    font-size: 1.8em;
    letter-spacing: 0.15em;
    padding-top: 0.25em;
    padding-bottom: 0.03em;

}
.f_top .mid p:nth-child(2){
    letter-spacing: 0.13em;
}
.f_top .mid .img{
    width: 95px;
    height: 91px;
    border-radius: 5px;
    background: white;
    text-align: center;
    padding-top: 4px;
}
.f_top .mid .img img{
    width: 87px;height: 87px;
    vertical-align: middle;
}
.f_top .right{
    font-size: 1em;
    color: #ffffff;
    vertical-align: middle;
    text-align: left;
}
.f_top .right .right_p1{
    font-size: 1.2em;
    margin-bottom: 0.15em;
}
.f_top .right p{
    font-size:0.9em;
}

/* about */
.about_banner{
    width: 100%;
    overflow: hidden;
}
.about_banner img{
    width: 100% !important;
    height: 100%;
}
.about_banner .swiper-pagination{
    position: relative;
    bottom: 3em ;
}
.about_banner .swiper-pagination .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    opacity: 1;
    background: #bdbdbd;
    margin: 0 0.3em;
}
.about_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: white;
    opacity: 1;
}

.about_banner .swiper-pagination.service .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: white;
    opacity: 1;
}

/* service */
.service_col{
    width: 100%;
    background: #f2f2f2;
    margin-top: 20px;
    font-size: 20px;
}
.service_el_r,.service_el_l{
    width: 100%;
    font-size: 1em;
}
.service_el_r>div,.service_el_l>div{
    float: left;
}

.service_title_r p:nth-child(1){
    margin-bottom: 2.2em;
    font-size: 1em;
    font-weight: bolder;
    text-align: right;
    padding-right: 0.29em;
}
.service_title_r p:nth-child(2){
    margin-bottom: 2.8em;
    font-size: 0.79em;
    font-weight: normal;
    text-align: left;
    line-height: 2em;
}
.service_title_r p:nth-child(3){
    margin-bottom: 2em;
    font-size: 0.79em;
    font-weight: normal;
    text-align: left;
}

.service_title_l p:nth-child(1){
    margin-bottom: 2.3em;
    font-size: 1em;
    font-weight: bolder;
    text-align: left;
   
}
.service_title_l p:nth-child(2){
    margin-bottom: 2.55em;
    font-size: 0.79em;
    font-weight: normal;
    text-align: left;
    line-height: 2em;
}
.service_title_l p:nth-child(3){
    margin-bottom: 2em;
    font-size: 0.79em;
    font-weight: normal;
    text-align: left;
}
.service_con_l,.service_con_r{
    display: block;
}
.service_con_r{
    width: 43.5%;
    height: 99%;
    padding-left:3%;
    padding-right: 3.5%;
    padding-top: 3%;
    overflow-y: hidden;
}
.service_con_l{
    width: 44%;
    padding-left: 3.001%;
    padding-right: 3%;
    padding-top: 3%;
    height: 99%;
    overflow-y: hidden;

}
.service_img_r,.service_img_l{
    width: 50%;
    display:block;
}
.service_img_r img,.service_img_l img{
    width: 100%;
    height: 100%;
}

.service_list{
    font-size: 1em;
}
.service_ul{
    display: inline-block;
    font-size: 0.8em;
    width: 45%;
    float: left;
}
.service_list .service_ul:nth-child(1){
    margin-right: 4.5em;
}
.service_ul li{
    border-top: dotted 0.05em #333333;
    padding: 0.2em 0;
    padding-left: 1.35em;
    background: url(../images/ul.png) no-repeat left center ;
    background-size:0.75em;
}
.service_ul li:hover,.service_ul li:hover a{
    color: #bf0052;
}
.service_ul li:nth-child(1){
    border: none;
}
.service_el1{
    background: #bf0052;
    color: white;
    text-align: left;
    font-size: 1em;
}
.el1_l{
    width: 47%;
    float: left;
    padding-left: 3.001%;
}
.service_el1 .title{
    display: inline-block;
    padding-bottom: 0.4em;
    font-size: 1.1em;
    font-weight: bolder;
    padding-top: 2.5em;
    text-align: right;
    border-bottom: 0.1em solid white;
    margin-bottom: 1em;
}
.service_el1_banner_l{
    width:83%;
    margin-left: 3.5%;
    overflow: hidden;
    vertical-align: top;
    margin-top: 3%;
}

.service_el1_banner_l .swiper-pagination{
    position: relative !important;
    margin-top: 1.5em;
    z-index: 12 !important;
}
.service_el1_banner_l .swiper-pagination .swiper-pagination-bullet{
    width: 0.5em !important;
    height: 0.5em !important;
    background: white;
    margin-right: 0.45em;
}

.service_el1_banner_r{
    width: 50%;
    overflow: hidden;
    vertical-align: top;
    float: left;
}
.service_el1_banner_r img,.service_el1_banner_l img{
    width: 100%;
    height: 100%;
}

.service_el1_banner_l>p:nth-child(1){
    font-size: 1.1em;font-weight: bolder; padding-top: 2.5em;
}
.service_el1_banner_l>p:nth-child(2){
    font-size: 0.7em;margin-top: 1.75em;
}
.service_el1_banner_l>p:nth-child(3){
    font-size: 0.7em;margin-top: 1.25em;margin-bottom: 2.05em;
}
.service_el2_banner_l{
    width: 50%;
    overflow: hidden;
    display: inline-block;
}
.service_el2_banner_l img{
    width: 100%;
    height: 100%;
}
.service_title2_r{
    width: 45%;
    overflow: hidden;
    display: inline-block;
    padding-left: 2%;
    padding-right: 3%;
    vertical-align: top;
    text-align: right;
}
.service_title2_r p{
    font-size: 0.79em;
}
.service_title2_r>p:nth-child(1){
    display: inline-block;
    padding-bottom: 0.4em;
    font-size: 1.1em;font-weight: bolder; padding-top: 2.5em;
    text-align: right ;
    border-bottom: 0.1em solid white;
    margin-bottom: 1em;
}
.service_title2_r>p:nth-child(2){
    font-size: 0.79em;margin-top: 1.5em;
    text-align: left;
}
.service_title2_r>p:nth-child(3){
    font-size: 0.79em;margin-top: 1.5em;margin-bottom: 1.5em;
    text-align: left;
}
.service_el2 ul{
    font-size: 0.8em;
}

.service_el2>.service_title2_r>ul>li{
    background:url(../images/ul3.png)left center no-repeat;
    background-size: 0.6em;
    padding: 0.25em 0;
    padding-left: 1em;
    font-size: 1em;
    text-align: left;
}
.service_el2>.service_title2_r>ul>li.on{
    background:url(../images/ul2.png)left center no-repeat;
    background-size: 0.65em;
}
.service_el2>.service_title2_r>ul>ul>li{
    text-align: left;
    list-style: disc;
    margin-left: 2em;
}
.service_el2>.service_title2_r>ul>ul>li:first-child,.service_el2>.service_title2_r>ul>ul>li:nth-child(1){
    list-style: none;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
}
.service_el2>.service_title2_r>ul>ul>li:last-child{
    list-style: none;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
}
.service_el2 ul p{
    font-size: 1em;
}
.service_el2 ul>p{
font-size: 1em;
text-align: left;
margin-left: 1em;

}
.service_el2 ul>ul{
    font-size: 1em;
    margin-left: 1em;
}
.service_el1 ul li:hover,.service_el2 ul li:hover{
    cursor: pointer;
}
.service_el2{
    background: #00bcb9;
    color: white;
    font-size: 1em;
}

.service_el3{
    margin-top: 3em;text-align: center;padding-bottom: 1em;
    width: 100%;
}
.service_el3 p{
    font-size: 1.1em;
    color: #000000;
    font-weight: bolder;
    padding-bottom: 3em;
}
.service_el3 img{
    max-width: 100%;
}

/* center_text */
.center_text{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin: 35px 0;
    height: 25px;
}
.center_text span.on{
    background: none repeat scroll 0 0 #000000;
    opacity: 0.8; 
    color:white;
    text-shadow:none;
    transition: 0.3s all;
}

@keyframes cursor{
    from{opacity: 0;}to{opacity: 1;}
}
.center_test_cursor{
    animation: cursor 1s infinite;
}
/* introduce */
.introduce_col{
    width: 100%;
    background: #f2f2f2;
    overflow: hidden;
    margin-bottom: 22px;
    font-size: 20px;
}
.introduce_col>div{
    display: inline-block;
    vertical-align: top;
}
.introduce_col_text_a,.introduce_col_text_c{
    width: 47%;
    max-height: 100%;
    overflow: hidden;
    float: left;
    padding-top: 1%;
    padding-bottom: 0.5%;
    padding-left: 1.5%;
    padding-right: 1%;
   
}
.introduce_col h1{
    font-size: 1em;font-weight: bold;margin-bottom: 1.25em;
    margin-top: 0.8%;
}
.introduce_col h2{
    font-size: 0.8em;margin-bottom: 1.6em;
    font-weight: 500;
}
.introduce_col p{
    font-size: 0.8em;
    margin-bottom: 0.5em;

}
.introduce_banner_a,.introduce_banner_c{
    width: 48%;
    overflow: hidden;
    float: right;
    margin-top: 1.25em;
    padding-right: 1%;
    margin-bottom: 1em;
}
.introduce_banner_a img,.introduce_banner_c img{
    width: 100%;
    height: 100%;
}
.introduce_banner_a .swiper-pagination,.introduce_banner_c .swiper-pagination{
    position: relative;
    bottom: 2.5em ;
}
.introduce_banner_a .swiper-pagination .swiper-pagination-bullet{
    width: 1em;
    height: 0.1em;
    opacity: 1;
    border-radius: 0;
    background: #89000b;
    margin: 0 6px;
}
.introduce_banner_c .swiper-pagination .swiper-pagination-bullet{
    width: 1em;
    height: 0.1em;
    opacity: 1;
    border-radius: 0;
    background: #7b6756;
    margin: 0 0.333em;
}
.introduce_banner_a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.introduce_banner_c .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: white;
    opacity: 1;
}

.introduce_banner_b,.introduce_banner_d{
    width: 40%;
    overflow: hidden;
    float: left;
    margin-top: 1.25em;
    margin-bottom: 1em;
    margin-left: 1.2em;
}
.introduce_banner_b img,.introduce_banner_d img{
    width: 100%;
    height: 100%;
}
.introduce_banner_b .swiper-pagination,.introduce_banner_d .swiper-pagination{
    position: relative;
    bottom: 2.5em ;
}
.introduce_banner_b .swiper-pagination .swiper-pagination-bullet,.introduce_banner_d .swiper-pagination .swiper-pagination-bullet{
    width: 1em;
    height: 0.1em;
    opacity: 1;
    border-radius: 0;
    background: #868686;
    margin: 0 0.333em;
}
.introduce_banner_b .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.introduce_banner_d .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: white;
    opacity: 1;
}
.introduce_col_text_b,.introduce_col_text_d{
    width: 55%;
    max-height: 100%;
    margin-right: 1.75em;
    overflow: hidden;
    float: right;
    margin-top: 1em;
}
.introduce_col_text_b ul ,.introduce_col_text_d ul{
    font-size: 0.8em;
    padding-left: 1.4em;
}
.introduce_col_text_b ul li,.introduce_col_text_d ul li{
    list-style: disc outside ;
    margin-top: 1.2em;
    font-size: 0.6em;
}

.introduce_col_text_b ul li p,.introduce_col_text_d ul li p{
    line-height: 2em;
    font-size: 1.65em;
}

/* product_title */
.product_title{
    background: #e9e9e9;
    padding:3.25em 25% ;
    text-align: left;
    margin-bottom: 1.5em;
    font-size: 20px;
}
.product_title .title_l{
    display: inline-block;
    line-height: 2em;
    margin-right: 5%;
    width: 40%;
}
.product_title .title_l .p1{
    font-size: 1.1em;
    color: #000000;
    text-align: left;
}
.product_title .title_l .p2{
font-size: 0.8em;
color: #3c3c3c;
text-align: left;
}
.product_title .title_r{
    display: inline-block;
    width: 53%;
    vertical-align: 70%;
}
.product_title .title_r .p1{
    font-size:0.8em;color:#555454;text-align: left;
    margin-bottom: 1%;
}
.product_title .title_r .p2{
    font-size:0.55em;color:#858585;text-align: left;
}

.vert{
    display: inline-block;
    color: #a0a0a0;
    border-left: 2px solid #a0a0a0;
    height: 25px;
    position: relative;
    top: 3px;
}
.vert[num="1"]{
    display: none;
}
.footer .fo0 .img{
	margin: 0 auto;
	display: inline-block;
	border-radius: 5%;
	background: white;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px;
	margin-bottom: 15px;
}
.footer .fo0 img{
    width: 11.5em;
    height: 11.5em;
	vertical-align: middle;
}
.footer .inner .fo0 .f-mid{
    margin: 0 auto;
    white-space: nowrap;
}
.footer .inner .fo0 .f-mid .f-mid-l,.footer .inner .fo0 .f-mid .f-mid-r{
    display: inline-block;
    vertical-align: middle;
}
.footer .inner .fo0 .f-mid .f-mid-l{
    font-size: 4em;
    color: #ffffff;
    font-weight: bolder;
    letter-spacing: 0.1em;
}
.footer .inner .fo0 .f-mid .f-mid-r{
    font-size: 2.35em;
    color: #e9242d;
    font-weight: bold;
    background: #ffffff;
    padding: 0.17em 0.2em 0.12em 0.2em;
    letter-spacing: 0.05em;
}
.footer .inner .fo0 .f-bot{
    margin: 0 auto;
    white-space: nowrap;
}
.footer .innder .fo0 .f-bot>*{
    display: inline-block;
}
.f-bot-l,.f-bot-m,.f-bot-r{
    display: inline-block;
    vertical-align: middle;
}
.f-bot-l{
    font-size: 1.5em;
    letter-spacing: 0.05em;
}
.f-bot-m{
    border-left: 0.05em solid #ffffff;
    border-right: 0.05em solid #ffffff;
    line-height: 0.8em;
    padding: 0 0.4em;
    margin: 0 0.15em;
}
.f-bot-m p{
    font-size: 0.79em;
}
.f-bot-m :nth-child(1){
    letter-spacing: 0.1em;
}
.f-bot-r{
    font-size: 1.9em;
    font-weight: bold;
    letter-spacing: 0em;
}