*{margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
a:hover,a:active,a:link,a:visited{text-decoration: none;}

li{list-style: none;}
.padT80{padding-top: 80px;}
.padB80{padding-bottom: 80px;}
.navbar-default{background-color: #444; margin-bottom: 0; border:none; border-radius: 0; z-index: 99; transition: all .3s;}
.title h2{position: relative; padding:20px 0; text-align: center; color:#666;}
.title h2:after{width:50px; height: 2px; display: block; content: ""; background-color: #2FC1AC; margin-top: 20px; position: absolute; left: 50%; transform:translateX(-50%);}
.navbar-toggle{margin-top:20px; transition: all .3s;}
.scorllNavtol{margin-top:13px; transition: all .3s;}
.greyBg{background-color: #f5f5f5;}
/**/
.nav li{min-width:90px; }
.nav li a{padding-top:10px; padding-bottom: 10px; color: #FFFFFF !important;}
.logo h1{color: #2BC3AC; margin: 20px 15px 20px 0; transition: all .3s;}
.logo h1 img{height: 45px; transition: all .3s; transform: scale(1.1)}
a.scrollLogo h1 img{transform: scale(1)}
/*.logo h1 span{color: #FFFFFF;}*/
.nav{position: relative; margin-top: 20px; margin-bottom: 20px; box-shadow: 0 0 5px #888; border:1px solid #888; transition: all .3s;}
.nav a{text-align: center}
.navBg{position: absolute !important; left: 0; height: 40px; background-color: #2BC3AC; transition: all .5s;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #FFFFFF; background-color: transparent; transition: all .5s;}
.scrollNav{margin-top:15px !important;  transition: all .3s;}
.scrollLogo h1{margin:15px 15px 15px 0px !important; font-size: 28px; transition: all .3s;}
.scrollNavbar{background-color: rgba(0,0,0,0.5) !important; position: fixed; top:0; width:100%; transition: all .3s;}
/*banner*/
.carousel-control.left,.carousel-control.right{background-image: none; }
.banner img{margin: 0 auto;}
.inx_banner .item .ban_text{position: absolute;top: 0;left:0;width: 100%;height: 100%;}
.inx_banner .item .ban_p{position:absolute;top: 57%;transform: translateY(-50%);width: 100%; font-size: 48px; /*font-size: 1.5rem;*/}
.inx_banner .item .ban_p p{font-family:'楷体';color: #ffffff;text-align: center;margin: 0;}
.inx_banner .item .ban2_text>div{left: -15%;top: 50%}
.inx_banner .item .ban2_text .ban_p p{color: #3c6f84;font-size: 32px;}
.inx_banner .item .ban3_text .ban_p{top: 55%;left: 10%}
.inx_banner .item .ban3_text .ban_p .p1{color: #325C8C;font-family: 楷体;font-size: 38px;font-weight: bold;/*-webkit-text-stroke: 2px #ffffff;*/}
.inx_banner .item .ban3_text .ban_p .p2{color: #325C8C;font-family: 楷体}
.inx_banner .item p.p2{font-size: 24px;/*font-size: 0.65rem;*/}

/*honor*/
.honty:hover{box-shadow: 0 0 10px #aaa; transition: all .5s; background-color: #FFFFFF;}
.honty{ border-radius: 5px;transition: all .5s; cursor: pointer;}
.honty>div{padding:25px 0 0;}
.ty{background-color: #2FC1AC; margin: auto; width:50px; height: 50px; text-align: center; border-radius: 50%;}
.ty span {color: #FFFFFF; font-size: 32px; line-height: 50px;}
.tycon{text-align: center; margin-top:30px;}
.tycon h3{font-size: 18px; color: #666; margin-top:10px;}
.honty .tycon p{color: #CCC;}
.honty>p{color: #666; padding:0 50px 50px; color:#888; line-height: 1.6;}
/*charactic*/
.charList{padding:20px; box-shadow: 0 0 10px #CCC; background-color: #F8FCFC;}
.charList h3{color:#2BC3AC; font-size: 26px; text-align: center;}
.charList li{z-index:10;border-bottom: solid 1px #eee; padding: 20px 10px; padding-left: 20px; color: #1FB19B; font-size: 15px; line-height: 30px; position: relative;}
.charList li p{margin: 0; margin-right: 70px; text-align: left;}
.charList li div{float: right;  border-radius: 15px;width:60px; text-align: center; height: 30px;vertical-align: middle;}
.charList li div span{ color: #FFFFFF; font-weight: bold;line-height: 30px; font-size: 16px;}
.charList li:after{z-index:-1;display: block; content: ""; width:60px; height: 30px; border-radius: 15px; background-color: #2FC1AC; position: absolute; top:20px; right:10px; transition: all .5s;}
.charList li:hover:after{top:0; right: 0; width:100%; height: 100%; border-radius:10px;}
.charList li:hover{color:#FFFFFF; transition: all .3s;}
.charList p a{padding:10px 20px; margin-top:20px; border: 1px solid #2BC3AC; border-radius: 30px; color: #2BC3AC; transition: all .3s;}
.charList p a:hover{padding:10px 30px;transition: all .3s; color: #FFFFFF; background-color: #2BC3AC;}
.charList p{text-align: center; margin-top: 30px;}
.charIntr{text-align: center; padding-top:40px;}
.charIntr p{line-height: 1.8; color: #888888; font-size: 15px; text-align: left; padding-bottom: 30px;}
.charIntr a{font-size: 15px; padding: 10px 20px; background-color: #E3F6F4; border-radius: 20px; color: #2FC1AC; transition: all .3s;}
.charIntr a:hover{transition: all .3s; background-color: #2FC1AC; color: #FFFFFF; padding:10px 30px;}
/*service*/
.service ul li{padding: 10px ; transition: all .3s; cursor: pointer;}
.service ul li.col-sm-4:hover{box-shadow: 0 0 10px #AAAAAA; transition: all .3s; background-color: #FFFFFF;}
.service ul li span{float: left; color: #2FC1AC; font-size: 32px; margin: 0; padding:10px 10px 10px; font-family: georgia;}
.service ul li div{margin-left: 70px;}
.service ul li p{font-size: 15px; line-height: 1.8; color: #888888; padding-top: 5px;}
.service ul li h3{margin-bottom: 20px; color: #2FC1AC;}
/* protocol */
.abdomen_title h2{color:#666;text-align: center;margin:60px 0;}
.abdomen_content p{width: 90%;color:#888;margin:0 auto;font-size:15px;line-height:2;text-align:left;}
.abdomen_content p b{color:#333;}
.abdomen_content .content_details span{display:block;color:#333;text-align:center;padding:20px 0 ;margin:0 auto;font-size:18px;}
.content_details{margin:20px 0;}
/* color:#76838f; */
/*case*/
/*.case ul li{overflow: hidden;}*/
.case ul li img{width:100%; padding-bottom: 15px; transition: all .3s;cursor: pointer}
.case ul li img:hover{transform: scale(1.1); transition: all .3s;}
.case .case_introduction{padding: 0 10px; line-height: 1.8; color: #888888; font-size: 15px; text-align: left; padding-bottom: 30px;}
@media screen and (max-width: 768px) {
    /* .case ul li img {
        height: 285px;
    } */
    .openService, .case .case_introduction{
        width: 360px;
        margin: 0 auto;
    }
}
/*news*/
/*.news h3{margin: 0;}
.news ul li{border-bottom: dashed 1px #CCCCCC; margin-top: 15px;}
.news ul li a div h3{ margin-right: 80px; color: #666; margin-bottom: 20px; font-size: 18px;}
.news ul li a div span{float: right; color: #888;}
.news ul li a:hover h3{color: #2FC1AC;}
.news ul li p{color: #888888;	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newRec h3{color:#666;font-size: 18px; line-height: 1.5;}
.newRec a:hover h3{color: #2FC1AC; }
.newtim{padding:10px 0; margin: 0; color: #888;}
.newtim span{padding:0 5px;}
.newcon{line-height: 1.6; color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}*/

/*commitment*/
.commitment{background-color: #f5f5f5}
.com_center{height:340px;width: 100%;position:relative; text-align: center;overflow: hidden}
.com_text{position: absolute;top: 20%; left: 50%; margin-left: -40%; line-height: 1.8;height: auto;color: #ffffff;font-size: 20px; text-align: left; padding-bottom: 30px;font-weight: bold}
.com_img img{pointer-events: none;user-select: none; }
/*footer*/
footer{ padding:40px 0 20px;}
footer .canvas_d{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: -1}
footer nav ul{text-align: center;}
footer li{display: inline-block; text-align: center; padding:10px 0;}
footer li a{padding:5px 10px; color: #FFFFFF;}
footer li a:hover{color: #2FC1AC;}
footer p{text-align: center; color:#FFFFFF;padding: 0 15px;}
footer p span{padding:0 5px 0 10px;}
footer p a{color: #FFFFFF;}
footer p a:hover{color: #2FC1AC;}
.contact-banner {  position: relative;  overflow: hidden;  padding: 0;  background: -webkit-linear-gradient(top,#2BC3AC,#8dbdb6);  background: -moz-linear-gradient(top,#2BC3AC,#8dbdb6);  background: -o-linear-gradient(top,#2BC3AC,#8dbdb6);  background: -ms-linear-gradient(top,#2BC3AC,#8dbdb6);  }
.contact-banner .waves {  position: absolute;  height: 100%;  top:0;left: 0;  }
.honty>p,.charIntrPtext,.case_introduction>p,.abIntroduction p,.newdetcon p{text-indent:1.5em;}
/*IE*/
.IEtips {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background: url(../images/contact/ieBG.png)/*tpa=http://r060.mobanvip.com/statics/images/ieBG.png*/;  display: none  }
.IEtips_Box {  width: 1000px;  background: #FAFAFA;  height: 500px;  position: absolute;  left: 50%;  top: 50%;  margin: -250px 0 0 -500px;  }
.IEtips .IEtips_title {  font-size: 36px;  width: 80%;  margin: 0 auto;  padding-top: 35px;  }
.IEtips .Browser {  margin-top: 35px;  }
.IEtips .Browser ul {  overflow: hidden;  text-align: center;  width: 80%;  margin: 0 auto;  font-size: 0;  }
.IEtips .Browser ul li {  margin: 0 40px;  text-align: center;  width: 120px;  display: inline-block;  vertical-align: top;  }
.IEtips .Browser ul li img {  width: 100px;  margin: 0 auto;  }
.IEtips .Browser ul li a, .IEtips .Browser ul li span {  display: block;  margin-top: 25px;  color: #2570e1;  font-size: 16px;  transition: all .5s;  -webkit-transition: all .5s;  }



/*abPg*/
.abPg .banner img,.conPg .banner img,.serPg .banner img,.newsPg .banner img{width: 100%;}
/*.abIntr img{width:100%; position: relative; top:-20px;}*/
.abIntr>div{background-color: #2FC1AC;}
.abIntr h3,.abIntr p{color: #FFFFFF;}
.abIntr h3{margin-top: 100px;}
.abIntr p{line-height: 1.8; font-size: 16px; margin-bottom: 30px;}
.abIntroduction{padding:  0 40px;}
/*conPg*/
.conPg .map iframe{width:100%; border: none; height: 300px; }
.address ul li{line-height: 1.8; font-size: 15px;}
.address ul li span{padding:0 10px; color: #2FC1AC;}
.address ul li b{font-weight: normal}
.address a.btn{background-color: #2FC1AC; padding:10px 30px; margin-top:20px; border: none;}
#name,#email,#text{width:calc(50% - 4px);  margin: 0 0 20px 0; height: 30px; line-height: 30px; padding-left: 10px; border:1px solid #CCC;}
#text{width:100%;}
.map{position: relative;}
.map .loader{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
textarea{width:100%; padding-left: 10px; line-height: 1.8; border:1px solid #CCC;}
input:focus,textarea:focus{
    border-color: rgba(102,175,233,.6);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
/*newsPg*/
.newsTime {width:80px; float: left; padding-left: 10px;}
.newsTime p{font-size: 28px; color: #555;}
.newsTime span{line-height: 30px; color: #777;}
.newsTitle{margin-left: 100px; padding-right: 10px;}
.newsTitle h3{color: #666; font-size: 20px; margin-top:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsTitle p{line-height: 1.8; font-size: 15px; color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList li a:hover h3{color: #2FC1AC;}
.newsList li{padding:20px; border-bottom: 1px dashed #CCC;}
.newsList li:last-child{border: none;}
.newdetcon{text-align: center;}
.newdetcon img{padding:30px 0;}
.newdetitle{color: #666; text-align: center;}
.newdetime{padding-top: 10px;}
.newdetime span{padding:0 10px; color: #888;}
.newdetcon p{line-height: 1.8; font-size: 16px; color: #777; text-align: left;}
.pager li a{color:#888;transition: all .3s;cursor: pointer}
.pager li:hover a{background-color: #2FC1AC; color: #FFFFFF; border-color: #2FC1AC;}
.newsPg_textImg{width: 50%;margin: 0 auto}
.newsPg_textImg img{width: 100%}
/*jssor*/
#slider1_container{position: relative; top: -20px; left: 0px; height: 334px;width: 585px;}


/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 051 css*/
.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
/*responsive*/
@media (min-width:769px) and (max-width: 992px) {
    .abIntr h3{margin-top: 40px;}
}
/*手机端*/
.override-row{
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
    .padB80{padding-bottom: 40px;}
    .padT80{padding-top: 40px;}
    .newRec{margin-top:20px; margin-bottom: 30px;}
    .nav li{width:100%; }
    .abIntr h3{margin-top: 10px;}
    .nav{border: none; box-shadow: none;}
    .navbar-collapse{border-color: #888 !important;text-align: center}
    .mob_readio{margin-bottom: 0}
    h1{font-size: 2em;}
    .com_img{display: none}
    .com_text{position: relative;left: 0;top: 20px;bottom: 0;right: 0;font-size: 16px;margin-left: 0;text-align: center;}
    #slider1_container{position: relative;left: -15px;}
    .abIntroduction{padding: 0 20px;}
    .newsPg_textImg{width: 100%}
    h2{font-size: 24px;}
    .inx_banner .item .ban_p{font-size: 1em}
    .inx_banner .item p.p2{font-size: 0.7rem}
    .inx_banner .item .ban2_text .ban_p p{font-size: 0.5rem}
    .inx_banner .item .ban3_text .ban_p .p1{font-size: 1.4rem}
    .inx_banner .item .ban3_text .ban_p .p2{font-size: 0.7rem}
    .nav a{text-align: left}
    .logo h1 img{height: 40px;}

    .container .translate_wrapper{width: 40px}
    .container .translate_wrapper .lang span.lang-txt{display: none}
    .com_center{height: 240px;}
    .ensize{font-size: 12px;}
}
@media screen and (min-width:768px) and (max-width:1280px){
    .inx_banner .item .ban_p{font-size: 2em}
    .inx_banner .item p.p2{font-size: 1.4rem}
    .com_text{font-size: 18px;}
    .inx_banner .item .ban2_text .ban_p p{font-size: 28px;}
    .inx_banner .item .ban3_text .ban_p .p2{font-size: 24px}
}



.op{visibility: hidden}
.downward{bottom: -30px;}
.downward .downward_svg:hover{transform: scale(1.1);}
.downward .downward_svg{font-size: 48px;color: #2BC3AC;text-align: center;cursor: pointer;vertical-align: middle;margin: 0;transition: all .3s;width: 50%;margin: 0 auto}
#loading{
    background-color: #2c3e50;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    margin-top: 0px;
    top: 0px;
}
#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: loading-center-absolute 1.5s infinite;
    animation: loading-center-absolute 1.5s infinite;

}
.object{
    width: 25px;
    height: 25px;
    background-color: #FFF;
    float: left;

}
#object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}
#object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
}
#object_four {
    -webkit-animation: object_four 1.5s infinite;
    animation: object_four 1.5s infinite;
}


.translate_wrapper{width: 130px;height: 45px;margin:20px 0 0 0;float: left;}
.current_lang{
    cursor:pointer;
    text-transform:uppercase;
    overflow:hidden;
    background-color: transparent;
}

.lang{
    padding:10px 10px;
}

.lang.selected{
    display:none;
}

.lang img,
.lang span.lang-txt{
    display:inline-block;
    margin-left:5px;
    vertical-align:middle;
    color: #ffffff;
}

.lang span.lang-txt{
    position:relative;
    top:-1px;
    font-weight:700;
}

.lang img{
    width:20px;
    margin-left:0;
}

.lang span span{
    color: #ffffff;
    font-weight:400;
}

.lang span.fa{
    font-size:12px;
    position:relative;
    top:-1px;
    margin-left:3px;
}


/*more lang*/
.more_lang{
    transform:translateY(-20px);
    background-color: rgba(0,0,0,0.5);
    opacity:0;
    cursor:pointer;
    display:none;
    -webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -moz-transition:    all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -o-transition:      all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -ms-transition:     all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    transition:         all .3s cubic-bezier(.25, 1.15, .35, 1.15);
}

.translate_wrapper.active .more_lang{
    display:block;
}

.more_lang.active{
    opacity:1;
    transform:translateY(-0px);
}

.more_lang .lang:hover{
    background:#2BC3AC;
    color:#fff;
}

.more_lang .lang:hover span{
    color:#fff;
}

.translate_wrapper:hover,
.translate_wrapper.active,
.content a:hover{
    box-shadow:rgba(0,0,0,0.2) 0 5px 15px;
    -webkit-transition: all 0.3s cubic-bezier(0,.99,.44,.99);
    -moz-transition:    all 0.3s cubic-bezier(0,.99,.44,.99);
    -o-transition:      all 0.3s cubic-bezier(0,.99,.44,.99);
    -ms-transition:     all 0.3s cubic-bezier(0,.99,.44,.99);
    transition:         all 0.3s cubic-bezier(0,.99,.44,.99);

}

.translate_wrapper.active .lang{
    border-bottom:1px solid #999999;
}

/*RTL*/
body[dir="rtl"] .translate_wrapper{
    right:20px;
    left:auto;
}

body[dir="rtl"] .lang span.fa{
    margin-right:3px;
    margin-left:0;
}

body[dir="rtl"] .lang .lang-txt{
    margin-right:5px;
    margin-left:0;
}
body[dir="rtl"] .lang span span{
    float:left;
    margin-right:5px;
}

@-webkit-keyframes loading-center-absolute {
    100% { -webkit-transform: rotate(-45deg); }

}

@keyframes loading-center-absolute {
    100% {
        transform:  rotate(-45deg);
        -webkit-transform:  rotate(-45deg);
    }
}
@-webkit-keyframes object_one {
    25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }

}

@keyframes object_one {
    25% {
        transform: translate(0,-50px) rotate(-180deg);
        -webkit-transform: translate(0,-50px) rotate(-180deg);
    }
    100% {
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}
@-webkit-keyframes object_two {
    25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_two {
    25% {
        transform: translate(50px,0) rotate(-180deg);
        -webkit-transform: translate(50px,0) rotate(-180deg);
    }
    100% {
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes object_three {
    25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_three {
    25% {
        transform:  translate(-50px,0) rotate(-180deg);
        -webkit-transform:  translate(-50px,0) rotate(-180deg);
    }
    100% {
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: rtranslate(0,0) rotate(-180deg);
    }
}
@-webkit-keyframes object_four {
    25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_four {
    25% {
        transform: translate(0,50px) rotate(-180deg);
        -webkit-transform: translate(0,50px) rotate(-180deg);
    }
    100% {
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}