.tino_input{border:0;width:50px;}

.pv-70{ padding-top: 70px; padding-bottom: 70px;}
.pv-50{ padding-top: 50px; padding-bottom: 50px;}
.pv-20{ padding-top: 20px; padding-bottom: 20px;}
.pv-10{ padding-top: 10px; padding-bottom: 10px;}
.ph-10{ padding-left: 10px; padding-right: 10px;}

.mb-10{ margin-bottom: 10px;}
.mb-30{ margin-bottom: 30px;}
.pt-20{padding-top:20px;}
.pb{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}

.pt-40{padding-top:40px;}
.pb-30{padding-bottom:30px!important;}
.pb-40{padding-bottom:40px!important;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pb-60{padding-bottom:60px;}
.pt-80{padding-top:80px;}
.pt-100{padding-top:100px;}
.pv-100{padding-top:100px;padding-bottom:100px;}
.pb-80{padding-bottom:80px;}

.m0{ margin: 0!important;}
.mb0{ margin-bottom: 0;}
.mb{ margin-bottom: 10px!important;}
.mt0{margin-top: 0!important;}
.mt{margin-top: 10px;}

.width_100-20{width: 80%;}
.width_100-30{width: 70%;}
.width_100-40{width: 60%;}
.text-center-xs{text-align: left;}
.v-align-middle{display: flex; align-items:center;}
.learn-more{font-size: 1.4em!important;font-family: "Open Sans", sans-serif;}

.nav > li > a {color: #333;padding-bottom: 15px; padding-top: 18px; display: block; position: relative;  }
.nav > li > a:hover { color:#e86349; }
.promo::after,.promo-alt::after,.promo-03::after,.promo-04::after{content:''; position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(40,40,40,0.55)}
a.text-dec-white{ color: #fff; text-decoration: none;}
a.text-dec-white:hover{ color: #23b7e5; text-decoration: none;}

.text-Sans{ color: #333; display: block; font-family: "Open Sans",sans-serif; font-size: 1.3em; font-weight: 400; line-height: 40px;}

.pd-index-head{ padding-left: 130px; padding-right: 130px; padding-bottom: 30px; padding-top: 10px;}
.tr-upload-box{height:55px; line-height: 20px; font-size: 1.5em; background: #fff; border-radius:3px 0px 0 3px;}
.tr-upload-btn{height:55px; line-height: 20px; font-size: 1.5em; background: #fff; border-radius:0 3px 3px 0;}

.testimonials .carousel-indicators li { background: #cccccc none repeat scroll 0 0; border: medium none; margin: 5px;}
.carousel-indicators li { background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; cursor: pointer; display: inline-block; height: 10px; margin: 1px; text-indent: -999px; width: 10px;}
.testimonials .carousel-indicators li.active{ background: #e46264 none repeat scroll 0 0; border: medium none; height: 10px;margin: 5px;width: 10px;}
.testimonials .carousel-indicators {bottom: -60px; z-index: auto;}
.testimonials .item blockquote .fa { color: #ef7d69; font-size: 22px; left: -45px; position: absolute;}

/**/
.customer-testimon{background: url("../../front/img/yin.png") no-repeat; display: block; font-size: 16px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}

.default-bg p{color: #ffffff;}
.align-upload{ text-align: left;}
.mob-pd-upload{ padding-left: 10px; padding-right: 180px;}
.font-50-20{ font-size: 20px; white-space:normal;  margin-bottom: 20px;}

a.text-line{ color: #333; font-size: 16px; line-height: 55px;}
a.text-line:hover{ color: #d6563d; font-size: 16px; line-height: 55px;text-decoration: underline;}
.text-line{ color: #333; font-size: 16px; line-height: 55px;}

.table-style{width: 100%; margin-top: 15px; }
.table-style a{ color: #000; }
.table-style a:hover{ color: #d6563d;}
.text-transform-upper { text-transform: uppercase;}

.slider-banner-container .slides .large-title{font-size: 65px;}

.slideshow-four-box {background: #e46264; padding: 60px 100px; opacity: 0.9; margin-top: 100px;}
.slideshow-four-box h1.big-title{ font-size:6em; margin-bottom: 40px;}
.slideshow-four-box h2.sm-title{ color: #fff; font-size:3em;margin-bottom: 30px; }
.slideshow-four-box .home-text{ color: #fff; font-size: 1.9em; line-height: 40px; ;}
.btn-gray-transparent {background-color: transparent; border-color: #fff; color: #fff;}
a.birthplace-link{ color: #fff; text-decoration: none!important;}
a.birthplace-link:hover{ color: #e46264; text-decoration: none!important;}
.translate-box{height:100px;width:100%;color:#000; padding: 10px 10px;border: 1px solid #ddd;}
.birthplace-wrap{
    background-image: url("/template/stepes/outside/img/home/language-birthplace.jpg?3");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 300px;
    padding: 100px 0;
}


/*焦点图上传按钮*/
.index_upload { overflow: hidden;}
.index_upload .mob-pd-upload{padding-left:15px; padding-right: 66px;}
.index_upload .btn{ margin: 8px 0;}
.type-text-mb{ margin-bottom: 15px;}
.inclearfix{ top: 72%;}

.video-banner{
    position: relative;
    min-width: 100%;
    min-height: 100%;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
}
.video-placeholder{
    display: none;
}
.banner{margin-top: 0!important;}
.banner .index_upload{ padding-top: 20px;}
.banner .iso-certified{position:relative;top: -16px;}

/****** language video start ******/
.lock_body{width: 100%;overflow: hidden;}
.box-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
    display: none;
}

.box{
    position: absolute;
    width: 1000px;
    text-align: center;
    z-index: 10001;
    display: none;
}
.demo{width:100%; height:100%;margin:0 auto;}
.btnDel {
    font: "微软雅黑";
    font-size: 14px;
    width: 125px;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    background-image: url(images/btn.png);
    background-repeat: no-repeat;
    border: 0px !important;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
}
#language_autoplay{width: 100%;}

.box .btnCancel{position: absolute;top:-70px;z-index: 1000; cursor: pointer;left: 20px!important; width: 36px; height: 36px;}

.make-us-different-con .make-us-different-icon{background: url("/template/stepes/outside/img/home/index-icon.png?0") no-repeat 0 0 / 45px auto;width: 60px; height: 60px;display: block;overflow: hidden;position: relative;}
.make-us-different-con .fast-icon{background-position: 5px 7px;}
.make-us-different-con .human-icon{background-position: 6px -40px;}
.make-us-different-con .check-icon{background-position: 7px -84px;}

.link-tc .learn-more{position: relative; top: -8px;}

.text-left-pc{text-align: left;}
.text-right-pc{text-align: right;position: relative;top: 20px;}

.link-tc .news-link-item{padding:0 20px;float: left;height: 80px;}

@media (max-width: 1199px) {
    .text-right-pc{text-align: center!important;}
    .mb-md-20{margin-bottom: 20px;}
}
@media (max-width:1000px){
    .box{width: 100%;left: 0!important;}
}
@media (max-width: 992px) {
    .link-tc .news-link-item{padding:0 10px;}
    .link-tc .news-link-item{padding-bottom: 30px;display: block;}
    .link-tc .text-right-pc{top: 0!important;}
}

@media (max-width: 768px) {
    .box{width:100%;}
}
/****** language video end ******/


@media (max-width:767px){
    .slideshow-four-box{background: #e46264; padding: 30px 20px; opacity: 0.9; white-space:normal;}
    .slideshow-four-box h1.big-title{ font-size:3em; margin-bottom: 30px;}
    .slideshow-four-box h2.sm-title{ font-size:1.5em;}
    .slideshow-four-box .home-text{ color: #fff; font-size: 1em; line-height: 30px;  font-family: "Open Sans",sans-serif;}
    .mob-pd-upload{padding-left: 80px; padding-right: 10px; margin-left: 0px; margin-right: 0px;}
    .index_upload .mob-pd-upload{ padding-left: 15px; padding-right: 10px;}
    .pd-index-head{ padding-left: 10px; padding-right: 10px; padding-bottom: 20px; padding-top: 10px;}
    .text-Sans{
        color: #333;
        display: block;
        font-family: "Open Sans",sans-serif;
        font-size: 1.1em;
        font-weight: 400;
        line-height: 35px;}

    .translate-box{height:68px;width:100%; color:#000; padding: 10px 10px;border: 1px solid #ddd;}
    .tp-caption {
        white-space:normal; font-size: 50px; margin-bottom: 20px;font-family: "Source Sans Pro",sans-serif;
    }
    .inclearfix{ top: 65%;}
    .font-50-20{ font-size: 25px; margin-bottom: 20px; line-height: 35px; padding-left: 10px; padding-right: 10px;}

    .tr-upload-box{height:45px; font-size: 1.5em; background: #fff; border-radius: 3px; }
    .tr-upload-btn{ background: none;padding-left:0px; padding-right:0px; font-size: 1.5em; }

    .text-line{ color: #333; font-size: 16px; line-height: 25px;}
    a.text-line{ color: #333; font-size: 16px; line-height: 45px;}
    .btn-tr{ height: 45px; line-height: 28px;}
    /*		.align-upload{ text-align: center; }*/
    .mt-15-mob{ margin-top: 15px;}
    .large-title{ font-size: 65px;font-family: "Open Sans",sans-serif;}
    .type-text-mb{ margin-bottom: 5px;}

}

@media (max-width:499px) {
    .width_100-20{width: 100%;}
    .width_100-30{width: 100%;}
    .width_100-40{width: 100%;}
    .pv-70{ padding-top: 40px!important; padding-bottom: 40px!important;}
    .pt-100{padding-top:50px;}
    .text-center-xs{text-align: center!important;}
    .video-banner{display: none;}
    .video-placeholder{
        display: block;
        background-image:url("/template/stepes/outside/img/home/stepes-translate-main-2.jpg?2");
        background-position: center top;
        background-size: cover;
        no-repeat center top / cover;
        height: 100%;
        width: 100%;
    }
    #navbar li a{font-size: 17px!important;}
    .birthplace-wrap{
        background-image: url("/template/stepes/outside/img/home/language-birthplace-xs.jpg");
    }

    .slider-banner-container .tp-caption .offset{position: relative;}
    .slider-banner-container .tp-caption .offset-15{top: 15px;}
    .slider-banner-container .tp-caption .offset-30{top: 30px;}
    .slider-banner-container .tp-caption .offset-45{top: 45px;}
    .slider-banner-container .tp-caption .offset-top-50{ top: -20px;position: absolute;}

    .link-tc .news-link-item{float: none!important;}
}
@media (max-width:767px){
    .slider-banner-container .tp-caption .icon{font-size: 10px;height: 25px;width: 25px;line-height: 23px; position: relative;top: -3px;}
}
@media (max-width:991px){
    .v-align-middle{display: block;}
    .pb-50-xs{padding-bottom: 50px;}
    .pb-20-xs{padding-bottom: 20px;}
}
@media only screen and (max-width: 540px) {
    .banner .slideshow .tp-simpleresponsive ul li .large-title{ font-size: 2.6em !important; top: 100px !important; line-height: 36px !important; margin: 0 15px !important;}
    .banner .slideshow .tp-simpleresponsive ul li .medium_white{ font-size: 1.3em !important;}
}
@media only screen and (max-width: 320px) {
    .banner .slideshow .tp-simpleresponsive ul li .large-title{ font-size: 2.6em !important; top: 60px !important; line-height: 36px !important; margin: 0 15px !important;}
    .banner .slideshow .tp-simpleresponsive ul li .medium_white{ font-size: 1.3em !important;}
}