/* ----------------------------------------
   ----------- 1.GENERAL STYLES -----------
   ---------------------------------------- */
@font-face {
  font-family: 'iconfont';  /* Project id 3057835 */
  src: 
	   
		url('//at.alicdn.com/t/font_3217920_wbtkw3r6tuo.woff2') format('woff2'),
		url('//at.alicdn.com/t/font_3217920_wbtkw3r6tuo.woff') format('woff'),
		url('//at.alicdn.com/t/font_3217920_wbtkw3r6tuo.ttf') format('truetype');
		
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* Google font - Defualt Fonts*/

@font-face {
    font-family: SourceHan;
    src:
	url(fonts/SourceHanSansCN-Normal.woff) format('woff'),
	url(fonts/SourceHanSansCN-Normal.ttf) format('truetype'); 
	url(fonts/SourceHanSansCN-Normal.otf) format('truetype'); 
}

.icon-zhusheqi:before {
  content: "\e682";
}


@import url('602d257f2464444c83bdcdf5b3a9123d.css');

/* Google Font for Home Page Two */

@import url('7566c936d89d41c081416b37227736e0.css');

/* change here, full html color,size,background will same as here */

:root {
	--body-family:'SourceHan';
    --main-color: #105FAD;
    --second-color: #004caa;
    --heading-color: #222222;
    --body-color: #818181;
    --section-bg: #004caa;
    --box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
    --heading-family: 'SourceHan';
    --main-color-two: #FF8A8B;
    --second-color-two: #105FAD;
    --heading-color-two: #222222;
    --body-color-two: #666666;
    --section-bg-two: #1E266D;
    --box-shadow-two: 10px 15px 40px rgba(0, 0, 0, 0.06);
    --heading-family-two: 'SourceHan', sans-serif;
    --body-family-two: 'Lora', serif;
}

* {
    margin: 0px;
    padding: 0px;
	
}
/*
body,
html,
.wrapper {
    height: 100%;
}
*/
body {
    font-family: var(--body-family);
    color: var(--body-color);
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    overflow-x: hidden;
}

body.style-two {
    font-family: var(--body-family-two);
    color: var(--body-color-two);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    overflow-x: hidden;
}

a:focus {
    outline: 0 solid
}

a {
    cursor: pointer;
}
img {
    max-width: 100%;
    height: auto;
}

input::-moz-focus-inner {
    border: 0;
}
.clear{clear:both;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

a:hover {
    text-decoration: none;
    outline: none !important;
}

a:focus,
a:active {
    text-decoration: none;
    outline: none !important;
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
    /* Firefox */
}

::-moz-placeholder {
    color: #666;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    color: #666;
    opacity: 1;
    /* Firefox */
}

::placeholder {
    color: #666;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #666;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #666;
}

.container{max-width: 82%;}
/* section padding */

.section-padding {
    padding: 50px 0px;
}

.section-bg {
    background: #000;
}
.footer-one{background: #000;}
.section-bg-two {
    background: var(--second-color-two);
}

.section-title-one {
    /*margin-bottom: 60px;*/
}
.section-title-one p{font-size: 20px; color:#000; font-weight:bold;}
.section-title-one h1 {/*line-height: 1;*/}
/*.section-title-one span{display:block; width: 43px; height: 5px;background: #105FAD;margin-bottom:20px}*/
.theme-bg {
    background: var(--main-color);
}

.theme-gradient {
    background: var(--main-color);
    background: -webkit-gradient(linear, right top, left top, from(var(--main-color)), to(var(--main-color)));
    background: -o-linear-gradient(right, var(--main-color), var(--main-color));
    background: linear-gradient(to left, var(--main-color), var(--main-color));
}

.theme-btn:hover {
    background: #fff;
    color: #000 !important;
    border-color: #fff;
}
.theme-btn {
    display: inline-block;
    border-width: 1px;
    border-color: var(--main-color);
    border-style: solid;
    height: 61px;
    text-align: center;
    line-height: 55px !important;
    padding: 0px 55px;
    background: var(--main-color);
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: relative;
    z-index: 2;
    border-radius: 3px;
}
.theme-btn.btn_black {
    border-color: #fff;
    color: #fff;
    background: transparent;
    transition: .4s;
}
.theme-btn.btn_black:hover {
    border-color: var(--main-color);
    color: #fff !important;
    background: var(--main-color);
}
.theme-btn.fill-btn {
    margin-right: 20px;
}


.text-white .btn_black:hover {
    color: #fff !important;
}

.btn-link {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 4px;
    border-bottom: 1px solid #105FAD;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
	padding: 12px 24px;
	border: 1px solid #fff;
    display: inline-block;
}



.btn-link:hover {
    text-decoration: none;background: #105FAD;
	color:#fff;
	border:1px solid #105FAD;
}

.btn-js-link {
    color: #105FAD;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 4px;
    border-bottom: 1px solid #105FAD;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
	padding: 12px 24px;
	border: 1px solid #105FAD;
    display: inline-block;
	
}
.btn-js-link:hover {
    text-decoration: none;background: #105FAD;
	color:#fff;
	border:1px solid #105FAD;
}


/* ----------------------------------------
   -------------- 2.TYPOGRAPHY ------------
   ---------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-family);
    margin: 0px;
    font-weight: 600;
    color: var(--heading-color);
}

h1 {
    font-size: 46px;
    line-height: 60px;
}

h2 {
    font-size: 36px;
    line-height: 48px;
}

h3 {
    font-size: 24px;
    line-height: 36px;
}

h4 {
    font-size: 20px;
    line-height: 30px;
}

h5 {
    font-size: 18px;
    line-height: 26px;
}

h6 {
    font-size: 14px;
    line-height: 24px;
}

p {
    margin-bottom: 0px;
}

a {
    text-decoration: none;
    font-weight: 700;
    outline: none !important;
    cursor: pointer;
}



/* Style Two TYPOGRAPHY 
------------------------------*/

body.style-two h1,
body.style-two h2,
body.style-two h3,
body.style-two h4,
body.style-two h5,
body.style-two h6 {
    font-family: var(--heading-family-two);
    margin: 0px;
    font-weight: 600;
    color: var(--heading-color-two);
}

body.style-two>a {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    font-size: var(--heading-family-two) !important;
}


/* preloader */

.pre-loader {
    position: fixed;
    width: 100%;
    height: 0;
    overflow: visible;
    background: #000;
    z-index: 9999999999999999999;
    left: 0;
    top: 0;
	transition-duration: .5s;
    opacity: 0;
	
}
.pre-loader.show {
    opacity: 1;
    
    height: 100%;
    overflow:visible;
    
	
}

.loader {
    width: 300px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.loader img{display: block;margin: 0 auto}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


/* scrollup */

#scrollUp {
    background-color: #484848;
    border-radius: 50%;
    bottom: 20px;
    color: #ffffff;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    right: 20px;
    text-align: center;
    width: 50px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(23, 22, 49, 0.1);
    box-shadow: 0 10px 20px 0 rgba(23, 22, 49, 0.1);
    font-weight: 400;
}


/* header */.main-menu {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	    background: #fff;
}
.main-menu nav li a {
    color: #999;
    text-transform: capitalize;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
}

.main-menu ul>li a:hover {
    /*color: var(--main-color);*/
}
.main-menu ul>li >a:hover{border-bottom:1px!important;}
.main-menu ul li ul li:hover a {
    background: #fff;
    color: #000;
}

.menu-style-one ul li ul {
    position: absolute;
    width: 200px;
    text-align: center;
    background: #105FAD;
    z-index: 9999;
    left: -40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15);
            box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15);
}

.menu-style-one ul li {
    display: inline-block;
    position: relative;
	text-align:center;
	border-right:1px solid #ccc;
	height:16px;
	line-height:16px;
}

.menu-style-one ul li ul li {
    display: block;
}

.menu-style-one ul li ul li a {
    padding-left: 0px;
    display: block;
    color: #fff;
    padding: 4px 0px;
}

.menu-style-one ul li:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
            border-radius: 5px;
            box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
}

.main-menu nav .lang-box {
    /*overflow: hidden;*/
    /*border-radius: 20px;*/
	
    height: 16px;
    line-height: 16px;
    font-size: 15px;
    /*border: 1px solid #ddd;*/
    display: inline-block;
	margin-top:5px;
	
}
.main-menu nav .lang-box a
 {
    color: #999;
    background: 0 0;
    padding: 0 8px;
    display: inline-block;
	font-size: 15px;
	
}
.main-menu nav .lang-box a.active {
    color: #333;
    background: #fff;
	font-size: 15px;
}
.main-menu nav .lang-box a.active, .scroll .lang-box a.active {
    /*background: #105FAD;*/
    color: #333;
	font-size: 15px;
}

.navbar.navbar-expand-md {
    padding: 0;
}

.sticky {
    top: 0;
    width: 100%;
    position: fixed !important;
    padding: 0px;
    background: #fff;
    animation: sticky .9s ease-in-out;
    box-shadow: 0 13px 35px -12px rgba(35,35,35,.15);
}
.header-one.sticky {
    transform: translateY(0px);
}
.header-two.sticky {
    padding: 5px 0px;
}

.menu-items>.nav_sj{ display:none;}
@media (max-width: 991px) {
	
	.menu-items>.nav_pc{ display:none;}
	.menu-items>.nav_sj{ display:block;}
	
}



@media (max-width: 767px) {
    position: relative;
}

.header-one {
    position: absolute;
    width: 100%;
    z-index: 999;
/*    transform: translateY(50px);*/
}
.main-menu .container {
	max-width: 92vw;
	padding: .8rem 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.main-menu nav li a {
    display: inline-block;
    transition: .3s;
    position:relative;
}
.main-menu nav li >a:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #3e3e3e;
    left: calc(50% - 50%);
    bottom: -10px;
    transform: scale(0, 1);
    transition: all .3s ease;
}
.menu-style-one ul li:hover >a:before{
    transform: scale(1, 1);
}
/* main menu two - 2 style */
.main-menu-two .menu-items li {
    display: inline-block;
    position: relative;
    margin-right: 40px;
}
.main-menu-two .menu-items li .submenu {
    position: absolute;
    left: 0;
    background: #FF8A8B;
    min-width: 200px;
    top: 0;
    -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
}

.main-menu-two .menu-items li a {
    text-transform: capitalize;
    padding: 20px 0px;
    font-size: 18px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    position: relative;
    transition: .4s;
}

.header-two {
    padding: 31px 0px;
    background: var(--second-color-two);
    display: block;
    width: 100%;
    z-index: 9999;
    position: relative;
    transition: .5s;
}

.home-slider-two p {
    color: #222;
}
.main-menu-two .menu-items li:last-child {
    margin-right: 0px;
}
.menu-items li .submenu li {
    margin-right: 0;
    display: block;
    text-align: center;
}
.main-menu-two .menu-items li .submenu li a {
    padding: 8px;
    border: none;
    border-bottom: 1px solid #fff3f496;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    transition: .4s;
}

.main-menu-two .menu-items li:hover .submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
            transform: translateY(70px);
            z-index: 999999;
}

.main-menu-two .menu-items li .submenu li:last-child a {
    border-bottom: 0;
}

.main-menu-two .menu-items>li>a::before {
    position: absolute;
    left: 0;
    width: 0;
    height: 2px;
    content: "";
    background: var(--main-color);
    top: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.main-menu-two .menu-items>li:hover a::before {
    width: 100%;
}

.main-menu-two .menu-items li a::before {}


/* hero slider home one */

.single-hero-slide {
    background: var(--second-color);
    padding-top: 340px;
    padding-bottom: 220px;
    position: relative;
}

.hero-slide-left h1 {
    font-size: 72px;
    line-height: 80px;
    margin-bottom: 21px;
}

.hero-slide-left h2 {
    font-size: 36px;
}

.hero-slide-left a {
    margin-top: 40px;
}

.hero-slide-right {
    position: relative;
    background-image: url('../images/hero-img-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.animate-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 22;
}

.animate-img img:first-child {
    left: -91px;
    position: absolute;
    -webkit-animation-name: movebounce;
            animation-name: movebounce;
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    bottom: 40px;
}

.animate-img .aimg2 {
    margin-left: 88px;
    -webkit-animation-name: movebounce;
            animation-name: movebounce;
    -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    bottom: 30px;
}


/* features section */

.icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url('../images/featured_icon_bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 103px;
    height: 68px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 45px;
}

.single-feature-box {
    text-align: center;
}

.icon-box img {
    display: inline-block;
    margin: 0px auto;
}

.single-feature-box {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
    padding: 60px 50px 75px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.single-feature-box:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
/* about us 
--------------------   */

.about-heading {
    margin-bottom: 20px;
}
.about-heading span{display: block;
    width: 43px;
    height: 5px;
    background: #105FAD;
    margin-bottom: 20px;}
.about-us-one-right a {
  
}
.fun-fact-section {
    padding: 0px 30px 0px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.single-funfact-one span {
    color: #5E6A70;
    font-weight: 600;
    font-size: 50px;
    line-height: 1;
    position: relative;
}

.single-funfact-one p {
    color: #105FAD;
    font-weight: 300;
    line-height: 1;
	font-size: 22px;
	margin-bottom: 10px
}
.single-funfact-one p img{max-width: 32px;}
.single-funfact-one {
    position: relative;
    width: 100%;
    margin-bottom: 55px;
    float: left;
}
.fun-fact-section .row {
    margin-bottom: -45px;
    margin-left: 0;
    margin-right: 0;
}


/* service section
-------------------------------  */
.services-wrapper{padding-bottom: 130px}
.single-service-box {
    border-radius: 5px;
    padding: 40px 0 20px;
    margin-top: 30px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #105FAD;
	height:225px;
}

.service-icon {
    margin-bottom: 24px;
}

.single-service-box h3 {
    margin-bottom: 12px;
	font-weight: normal;
	font-size: 22px
}
.about-us-one-right p{text-align: justify}
.single-service-box span{display: block;width: 40px;height: 1px;background: #fff;margin: 0 auto;opacity: 1}
.single-service-box .tech{opacity: 1;border-left: none;border-right: none;color: #fff;font-size: 12px; padding:0 15px;}

.single-service-box:hover {
    background: #14A6A3;
    cursor: cell;
}
.single-service-box:hover .tech{opacity: 1;font-size: 12px;}
.single-service-box:hover span{opacity: 1}
.single-service-box:hover a {
    color: #fff;
	
}


/* Gallery 
-------------------- */

.single-gallery-item {
    position: relative;
    border-radius: 12px;
    background-color: #eee;
    height: 332px;
    z-index: 1;
    margin-top: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-gallery-item a {
    color: #fff;
}

.gallery-over {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    text-align: center;
    content: "";
}

.gallery-over::before {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    text-align: center;
    content: "";
    background: var(--main-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    z-index: -1;
    border-radius: 12px;
}

.gallery-over a {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    font-size: 50px;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.single-gallery-item:hover .gallery-over::before {
    visibility: visible;
    opacity: .8;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.single-gallery-item:hover .gallery-over a {
    opacity: 1;
    visibility: visible;
}


/* appointment 
-----------------------  */

.appointment-form form input,
.appointment-form form textarea {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 5.288px 11.876px 40px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 5.288px 11.876px 40px 0px rgba(0, 0, 0, 0.05);
    height: 68px;
    border: none;
    line-height: 68px;
    width: 100%;
    color: #a1a6ac;
    font-size: 16px;
    padding-left: 30px;
    font-weight: 300;
    margin-top: 30px;
}

.appointment-form form input::-webkit-input-placeholder, .appointment-form form textarea::-webkit-input-placeholder {
    color: #a1a6ac;
    text-transform: capitalize;
}

.appointment-form form input::-moz-placeholder, .appointment-form form textarea::-moz-placeholder {
    color: #a1a6ac;
    text-transform: capitalize;
}

.appointment-form form input:-ms-input-placeholder, .appointment-form form textarea:-ms-input-placeholder {
    color: #a1a6ac;
    text-transform: capitalize;
}

.appointment-form form input::-ms-input-placeholder, .appointment-form form textarea::-ms-input-placeholder {
    color: #a1a6ac;
    text-transform: capitalize;
}

.appointment-form form input::placeholder,
.appointment-form form textarea::placeholder {
    color: #a1a6ac;
    text-transform: capitalize;
}

button.submit-btn {
    background: var(--main-color);
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: 700;
    display: inline-block;
    padding: 22px 55px;
    border-radius: 3px;
    line-height: 1;
    margin-left: 15px;
    margin-top: 30px;
}

button.submit-btn:hover {
    opacity: .8;
}

.appointment-form form textarea {
    min-height: 300px;
}

.appointment-right-banner {
    position: absolute;
    right: 0px;
    top: 0%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.appointment-right-banner img{max-width: 80%}
@media (max-width: 1850px ) {
    .appointment-right-banner {
        display: none;
    }
}
.promo-right-banner::before {
    position: absolute;
    left: -50px;
    bottom: -25px;
    background: url('../images/promo_bg.png');
    content: "";
    width: 636px;
    height: 420px;
    z-index: -1;
}

.appointment-promo-wrapper {
    overflow: hidden;
}

.appointment-promo-content h1 {
    font-size: 36px;
    line-height: 48px;
}

.appointment-promo-content a.theme-btn {
    margin-top: 30px;
    padding: 0px 37.5px;
}

.promo-right-banner {
    margin-top: 32px;
    position: relative;
    z-index: 1;
}


/* doctor team
--------------------- */

.single-doctor {
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
    padding: 50px 56px;
    margin-top: 30px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.doctor-profile {
    border-radius: 50%;
    width: 217px;
    height: 217px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0px auto;
}

.doctor-profile img {
    position: absolute;
    left: 54%;
    bottom: -5px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 4;
}

.doctor-profile::before {
    background: var(--main-color);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    border-radius: 50%;
    top: -1px;
}

.doctor-social-icons a {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #666666;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    border-radius: 2px;
    margin: 0px 5px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.doctor-social-icons a:hover {
    background-color: var(--main-color);
}

.doctor-info {
    margin-top: 33px;
}

.doctor-info h3 {
    line-height: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.doctor-social-icons {
    border-top: 1px solid #dcdcdc;
    padding-top: 15px;
    margin-top: 14px;
}

.single-doctor:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}

.single-doctor:hover h3 a {
    color: var(--main-color);
}


/* testimonial area */

.single-client-box {
    border-radius: 10px;
    background-color: #105FAD0d;
    -webkit-box-shadow: 5.288px 11.876px 40px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 5.288px 11.876px 40px 0px rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 60px 58px 50px;
}

.client-image {
    position: relative;
    width: 233px;
    height: 233px;
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 50%;
    z-index: 1;
}

.client-image::before {
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 50%
}

.client-image img {
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 7;
}

.clients-review-list {
    padding-left: 30px;
    padding-right: 85px;
}

.clients-review-list i.fa-arrow-left,
.clients-review-list i.fa-arrow-right {
    position: absolute;
    bottom: -88px;
    border-radius: 5px;
    -webkit-box-shadow: 5.288px 11.876px 40px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 5.288px 11.876px 40px 0px rgba(0, 0, 0, 0.05);
    width: 51px;
    height: 52px;
    color: red;
    padding-left: 20px;
    line-height: 52px;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
}

.clients-review-list i.fa-arrow-right {
    left: 83px;
}

.clients-review-list i:hover {
    color: #a1a6ac;
    cursor: pointer;
}


/* Home Page One Blog */

.single-blog-card {
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
    margin-top: 40px;
    width: 100%;
}

.featured-thumb {
    background-color: #eee;
    width: 100%;
    height: 297px;
    border-radius: 10px 10px 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;

}
.single-blog-card .card-content h3 {
    font-weight: 500;
    padding-top: 25px;
    margin-bottom: 10px;
	position: relative;
	white-space: nowrap; 
	overflow: hidden;
    text-overflow: ellipsis;
}
.index-news >div{width:33%;}
.single-blog-card .card-content h3:after{content: "";position: absolute;left: 0;top: 0; width: 40px;height: 2px;background: #333;-webkit-transition: all 0.48s;
    -o-transition: all 0.48s;
    -moz-transition: all 0.48s;
    transition: all 0.48s;}
.single-blog-card:hover .card-content h3:after{width: 100%;-webkit-transition: all 0.48s;
    -o-transition: all 0.48s;
    -moz-transition: all 0.48s;
    transition: all 0.48s;}
.single-blog-card .card-content {
    padding: 40px 0px;
}
.single-blog-card .card-content a{color: #333;}
.single-blog-card .card-content a.hui{border: 1px solid #727272;}
.single-blog-card .card-content a.hui:hover{color: #fff;border: 1px solid #105FAD}
.single-blog-card .card-content .card-meta span {
    display: inline;
    font-weight: 300;
    font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.single-blog-card .card-content .card-meta .col-6 {
    padding: 0;
    margin: 0;
}

.single-blog-card .card-content .card-meta {
    display: flex;
}

.single-blog-card:hover .featured-thumb {
    background: var(--main-color);
}



/* Dentist Details  */

.dentist-profile-img {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    height: 362px;
    overflow: hidden;
}

.dentist-profile-img img {
    max-width: inherit;
    margin: 0px auto;
}

.single-dentist-details h2 {
    display: inline-block;
    margin-right: 20px;
}

.single-dentist-details span {
    margin-bottom: 26px;
    display: inline-block;
}

.single-dentist-details p {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 13px;
}

.dentist-profile-details {
    text-align: center;
}

.dentist-profile-details span {
    display: block;
}

.achievement-img-banner {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
    min-height: 405px;
    overflow: hidden;
}


/* footer 
--------------------------- */
.widegts-content{overflow: hidden; }
.widegts-content .copy{text-align:center; font-size:12px;}


.footer-widgets-wrapper {
    padding: 60px 0 0px 0px;
}

.single-footer-widget h2 {
    line-height: 1;
    font-size: 20px;
	line-height:35px;
	border-bottom:1px solid #fff;
	letter-spacing:5px;
	margin-bottom:20px;
}

.single-footer-widget a {
    font-weight: 400;
    display: block;
    line-height: 34px;
	float: left;
	margin-right: 4%
}

.footer-copyright-wrapper {
    background: #1259b0;
    padding: 20px 0px;
}

.footer-copyright-wrapper p,
.footer-copyright-wrapper a {
    color: #fff;
}

.single-footer-widget a:hover,
.footer-copyright-wrapper a:hover {
    color: var(--main-color) !important;
}

.f-widget-title {
    margin-bottom: 0px;
	display: flex;
	align-items: center;
}


/* inner page banner 
-------------------------------*/

.banner-animate {
    position: relative;
    z-index: 2;
}

.banner-animate a1 {
    position: relative;
}

.bannerimg {
    position: absolute;
    bottom: 0;
}

.bannerimg.a2 {
    right: 35%;
    bottom: 50px;
    -webkit-animation: movebounce 6s infinite linear;
            animation: movebounce 6s infinite linear;
}

.bannerimg.a3 {
    left: 28%;
    bottom: -20px;
    -webkit-animation: movebounce 4s infinite linear;
            animation: movebounce 4s infinite linear;
}

.bannerimg.a4 {
    bottom: 100px;
    right: 24%;
}

.bannerimg.a5 {
    top: 32px;
    right: 26%;
    z-index: -1;
}

.shape.breadcrumb1 {
    right: 52%;
    top: 40%;
}

.shape.breadcrumb2 {
    top: 50%;
    right: 20%;
}

.shape.breadcrumb3 {
    left: 90px;
    top: 20%;
}

.shape.breadcrumb4 {
    right: 50px;
    top: 50%;
}

.shape.breadcrumb5 {
    left: 40%;
    top: 30%;
}

.shape.breadcrumb7 {
    left: 160px;
    bottom: 50px;
}

.shape.breadcrumb8 {
    left: 40px;
    top: 50%;
}

.page-banner-breadcrumb h1 {
    font-size: 40px;
    
    text-transform: capitalize;
	
	
}
.page-banner-breadcrumb span {
    font-size: 20px;
    line-height: 1;
    text-transform: capitalize;
	text-align:left;
	display:block;
	margin-top:15px;
	
}

.breadcrumb-nav a {
    font-weight: 400;
    text-transform: capitalize;
    margin-right: 15px;
    position: relative;
}

.breadcrumb-nav a::before {
    position: absolute;
    content: "";
    right: -12px;
    width: 4px;
    height: 2px;
    background: #fff;
    top: 50%;
}

.breadcrumb-nav a:last-child::before {
    display: none;
    opacity: 0;
}

.breadcrumb-wrap,
.page-banner {
    padding-top: 5.4vw;
    position: relative;
}
.inbanner{position: absolute;
    top: 52%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
	color: #fff;}
.innav{background: #ccc;text-align: center;}
.innav ul  {max-width:82vw;display: flex;text-align: center;margin: 0 auto; align-items: flex-start;
    justify-content: center;}
.innav ul li a{color: #fff;font-size: 16px;padding: 10px 20px;display: block;}
.innav ul li a.active{background: #4f9a89;}
.innav ul li a:hover{background: #4f9a89;}
.d-title span{display: block;width: 43px;height: 5px;background: #105FAD;}
.d-title p{font-size: 30px;color: #a3a3a3;line-height: 2}
.d-title h1{font-size: 30px;}
/* contact page 
------------------------------- */

.single-contact-info {
    min-height: 171px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 26px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 6px 26px rgba(0, 0, 0, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0px 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.single-contact-info:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}

.single-contact-info .c-icon {
    min-width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #005DAC;
    display: block;
    border-radius: 50%;
    color:#fff;
    font-size: 26px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-right: 20px;
}

.single-contact-info.icon2 .c-icon {
    color: #fff;
    background: #005DAC;
}

.single-contact-info.icon3 .c-icon {
    color: #fff;
    background: #005DAC;
}

.single-contact-info.icon2:hover .c-icon {
    background: #14A6A3;
    color: #fff;
}

.single-contact-info.icon3:hover .c-icon {
    background: #14A6A3;
    color: #fff;
}

.single-contact-info.icon1:hover .c-icon {
    background: #14A6A3;
    color: #fff;
}

.c-info {
    text-align: left;
}

.c-info p {
    margin: 0;
    font-weight: 300;
    line-height: 26px;
    color: #999999;
	font-size: 14px;
	word-break:break-all;
}

.c-info h4 {
    text-transform: capitalize;
}

.contact-form-wraper {
    margin-top: 60px;
}

.contact-form-wraper form input,
.contact-form-wraper form textarea {
    width: 100%;
    height: 50px;
    background: none;
    -webkit-box-shadow: 0px 6px 26px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 6px 26px rgba(0, 0, 0, 0.06);
    border: none;
	border-bottom:2px solid #fff;
    
    text-transform: capitalize;
    margin-bottom: 29px;
    color: #fff;
	
}

.contact-form-wraper form textarea {
    height: 150px;
    padding-top: 30px;
}

button.contact-submit-btn {
    height: 50px;
    background: #fff;
    color: #000;
    text-transform: capitalize;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    
    display: inline-block;
    padding: 0px 45px;
    margin-top: 30px;
    font-weight: bold;
	margin:auto;
	border-radius:30px;
}



/* blog deatils - page
----------------------------- */

.featured-thubnail {
    margin-bottom: 60px;
}

.post-meta {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #666;
}

.post-meta strong {
    font-weight: 700;
    padding-right: 5px;
}

.single-blog-details p {
    color: #666;
    font-weight: 300;
}

.single-blog-details blockquote {
    font-size: 18px;
    font-weight: 500;
    color: #666;
    font-style: italic;
}

.single-blog-details blockquote span {
    display: block;
    font-style: normal;
    font-weight: 400;
}

.post-tags-cate-section a {
    color: #818181;
}

.featured-thubnail {
    margin-bottom: 60px;
}

.post-meta {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #666;
}

.post-meta strong {
    font-weight: 700;
    padding-right: 5px;
}

.single-blog-details p {
    color: #666;
    font-weight: 300;
}

.single-blog-details blockquote {
    font-size: 18px;
    font-weight: 500;
    color: #666;
    font-style: italic;
}

.single-blog-details blockquote span {
    display: block;
    font-style: normal;
    font-weight: 400;
}

.single-blog-details p:last-child {}

.post-tags-cate-section a {
    color: #818181;
}

.author-bio-section {
    margin: 60px 0px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 45px 0px;
}

.author-bio-section img {
    float: left;
    margin-right: 30px;
}

.author-bio-section h4 a {
    font-size: 18px;
    color: #3B3B3B;
    margin: 0;
    line-height: 1;
    font-weight: 700;
}

.author-bio-section h4 {
    margin: 0;
}

.related-blog-posts-section h1 {
    line-height: 1;
    margin-bottom: 24px;
}

.comment-template-section {
    margin: 51px 0px;
}

.single-comment img {
    float: left;
    margin-right: 30px;
}

.commentor-info h5 {
    margin: 0;
    display: inline-block;
    color: #3B3B3B;
}

.commentor-info span {
    font-weight: 300;
    font-size: 12px;
    margin-left: 8px;
    color: #666;
}

.comment-text p {
    color: #818181;
    margin: 0;
}

.btn-replay {
    color: #3B3B3B;
    display: inline-block;
    float: left;
}

.comment-text {
    overflow: hidden;
}

.single-comment {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.single-comment.replay {
    margin-left: 70px;
}

form .radio-checked input {
    width: 15px;
    height: 15px;
    margin: 0;
    display: inline-block;
}

form .radio-checked span {
    font-size: 18px;
    line-height: 1;
    color: #666;
    font-weight: 300;
    padding-left: 5px;
}

.comment-template-section h3 {
    margin-bottom: 20px;
}

.contact-submit-btn:hover {
    background: #bbb;
}

.btn-replay:hover,
.post-tags-cate-section a:hover {
    color: var(--main-color);
}

.post-tags-cate-section span {
    font-weight: 500;
    color: #3B3B3B;
    margin-right: 5px;
}

.post-tags-cate-section a {
    position: relative;
    padding-right: 12px;
}

.post-tags-cate-section a::before {
    position: absolute;
    width: 10px;
    height: auto;
    content: ",";
    right: 0;
    bottom: -5px;
}

.post-tags-cate-section a:last-child::before {
    display: none;
}

.search-form input {
    border: none;
    border-bottom: 1px solid #E1E1E1;
    color: #666;
    position: relative;
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
}

.search-form button {
    position: absolute;
    right: 0;
    background: transparent;
    color: #999999;
}

.search-form input::-webkit-input-placeholder {
    color: #C5C5C5;
}

.search-form input::-moz-placeholder {
    color: #C5C5C5;
}

.search-form input:-ms-input-placeholder {
    color: #C5C5C5;
}

.search-form input::-ms-input-placeholder {
    color: #C5C5C5;
}

.search-form input::placeholder {
    color: #C5C5C5;
}

.search-form button:hover {
    color: #333;
}

.single-sidebar-widgets {
    margin-bottom: 60px;
}

.single-sidebar-widgets h3 {
    margin-top: -8px;
    text-transform: capitalize;
    color: #3B3B3B;
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 16px;
}

.single-sidebar-widgets a {
    color: #222;
    font-family: 'Muli', sans-serif;
    font-size: 24px;
    font-weight: 400;
    display: block;
    line-height: 34px;
}

.single-populer-post span {
    font-size: 12px;
}

.single-populer-post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.single-sidebar-widgets a:hover {
    color: var(--main-color);
}

.single-populer-post:last-child {
    border: none;
    margin-bottom: 0px;
}

.single-populer-post p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.tags-cloud a {
    font-size: 16px;
    display: inline-block;
    color: #666;
    margin-right: 18px;
    line-height: 26px;
}

.single-sidebar-widgets .social-links a:hover {
    color: #fff;
    background: var(--main-color);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color)));
    background: -o-linear-gradient(top, var(--main-color), var(--main-color));
    background: linear-gradient(to bottom, var(--main-color), var(--main-color));
}

.single-sidebar-widgets .social-links a {
    display: inline-block;
    background: var(--main-color);
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.single-sidebar-widgets .social-links {
    margin-top: 0px;
}

.single-sidebar-widgets:last-child {
    margin-bottom: 0px;
}

.blog-page-nav ul li,
.blog-pages-link ul li {
    display: inline-block;
    margin-right: 15px;
}

.blog-page-nav ul li a,
.blog-pages-link ul li a {
    border-style: solid;
    border-width: 1px;
    border-color: var(--main-color);
    border-radius: 50%;
    width: 47px;
    height: 47px;
    display: inline-block;
    line-height: 47px;
    text-align: center;
    color: var(--main-color);
}

.blog-page-nav ul li a:hover,
.blog-pages-link ul li a:hover {
    background: var(--main-color);
    color: #fff;
}
.blog-pages-link ul li a.active {
    background: var(--main-color);
    color: #fff;
}


.sidebar-wrapper {
    padding-left: 40px;
}


/* 
---------------------------------------
homepage two 
--------------------------------------- */

.top-header {
    background: #FFF3F4;
    font-family: var(--heading-family-two);
    font-size: 16px;
    padding: 22px 0px;
    line-height: 26px;
}

.top-header a {
    color: #222222;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.top-header a:hover {
    color: var(--main-color-two);
}

.about-welcome-message h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 70px;
    position: relative;
    margin-bottom: 45px;
}

.about-welcome-message h1::before {
    position: absolute;
    width: 80px;
    height: 2px;
    background: var(--main-color-two);
    content: "";
    left: 0;
    bottom: 0;
}

.about-welcome-message blockquote {
    font-weight: 700;
    font-size: 18px;
    font-style: italic;
    margin-top: 35px;
    margin-bottom: 35px;
}

.about-welcome-message a {
    color: #1E266D;
    font-family: var(--heading-family-two);
    margin-top: 35px;
    display: inline-block;
}

.about-welcome-message a i {
    color: var(--main-color-two);
    padding-left: 5px;
}

.about-welcome-message li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 7px;
}

.about-welcome-message li::before {
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    content: "";
    background: var(--main-color-two);
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.about-two-video {
    height: 612px;
    background-color: var(--main-color-two);
    text-align: center;
    position: relative;
    z-index: 11;
    margin-top: 36px;
}

.about-us-img {
    width: 100%;
    position: absolute;
    left: 35px;
    top: -35px;
    background-color: #eee;
    content: "";
    height: 100%;
    z-index: 999;
}

.about-two-video a {
    width: 100px;
    height: 100px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    z-index: 999;
}

.about-two-video a i {
    font-size: 27px;
    line-height: 100px;
    color: var(--main-color-two);
}

.single-slide-item .hero-slide-left h2 {
    font-size: 30px;
    font-weight: 300;
}

.single-slide-item .hero-slide-left h1 {
    font-size: 67px;
    line-height: 80px;
    color: var(--second-color-two);
}

.single-slide-item .hero-slide-left p {
    font-size: 16px;
    line-height: 30px;
}

.single-dental-service {
    border: 1px solid #e5eff1;
    padding: 48px;
    padding-top: 46px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.service-icon {
    position: relative;
    display: inline-block;
}

span.back-big-text {
    font-family: var(--heading-family-two);
    font-size: 150px;
    position: absolute;
    font-weight: 600;
    color: #F9F9F9;
    top: -24px;
    text-transform: capitalize;
}

.about-welcome-message {
    position: relative;
    z-index: 1;
}

.second-section-title {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
    margin-top: -10px;
}

.second-section-title span.back-big-text {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.dentist-service-boxs .single-dental-service {
    margin-top: 30px;
}

.section-bg-two span.back-big-text {
    color: #2A3277 !important;
}

.second-section-title h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    position: relative;
    padding-bottom: 18px;
}

.second-section-title h1::before {
    width: 80px;
    height: 2px;
    left: 50%;
    bottom: 0;
    content: "";
    background: var(--main-color-two);
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.footer-two-widgets-wrap {
    background: #FFF3F4;
    padding: 90px 0px;
}

.single-foo-widgets-two h3 {
    font-size: 30px;
    line-height: 46px;
    font-weight: 600;
    position: relative;
    padding-bottom: 5px;
}

.single-foo-widgets-two h3::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 60px;
    height: 2px;
    background: var(--main-color-two);
}

.single-foo-widgets-two .foo-wid-menu li a {
    font-size: 18px;
    line-height: 32px;
    color: #222222;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: inline-block;
    position: relative;
}

.single-foo-widgets-two .foo-wid-menu {
    margin-top: 25px;
}

.single-foo-widgets-two .foo-wid-menu li a:hover {
    color: var(--main-color-two);
    padding-left: 10px;
}

.single-foo-widgets-two .foo-wid-menu li a::before {
    content: "";
    position: absolute;
    right: -25px;
    font-family: "Font Awesome 5 Pro";
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-foo-widgets-two .foo-wid-menu li a:hover::before {
    opacity: 1;
    visibility: visible;
}

.blog-featured-img {
    height: 279px;
    background-color: #eee;
    position: relative;
    background-size: cover;
}

.single-blog-item-two {
    background-color: #F6F6F6;
    max-width: 350px;
    overflow: hidden;
    display: inline-block;
}

.single-blog-item-two>a {
    font-family: Poppins;
    color: #222222;
    margin-bottom: 47px;
    display: inline-block;
    margin-top: 23px;
}

.single-blog-item-two h3 a {
    font-size: 24px;
    line-height: 30px;
    font-family: Poppins;
    font-weight: 500;
}

.blog-two-content {
    padding: 0px 42px;
    padding-bottom: 45px;
}

.blog-two-content h3,
.blog-two-content h3 a {
    font-size: 24px;
    line-height: 30px;
    font-family: var(--heading-family-two);
    font-weight: 500;
    margin-bottom: 27px;
    display: block;
    transition: .2s;
}
.blog-two-content h3:hover, .blog-two-content a:hover {
    color: var(--main-color);
}
.blog-two-content a {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    display: inline-block;
    font-family: Poppins;
    color: #222222;
    margin-top: 22px;
}

.single-blog-item-two .post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}

.single-blog-item-two .post-meta span {
    margin-right: 35px;
    line-height: 1;
}

.single-blog-item-two h3 {
    margin-bottom: 27px;
}

.single-specialist-doctor{overflow:hidden;}

.specialist-img {
   width:100%;
   height:auto;
    /*background-color: #eee;*/
    position: relative;
	
	
}
.single-specialist-doctor{ position:relative;}

.single-specialist-doctor .spec_bg{display:none; background-color:rgb(0,0,0,0.5); width:100%; height:100%;position: absolute; top:0; left:0; z-index:999;}

.single-specialist-doctor .spec_sec{

	/*display:none; position: absolute; bottom:30px; left:30px; color:#fff; z-index:9999;  */
	display:none; position: absolute; top:45%; left:0; text-align:center; width:100%; color:#fff; z-index:9999;


  }
.single-specialist-doctor .spec_sec .sec_bt{ font-size:16px;}
.single-specialist-doctor .spec_sec span{ display: block; width: 56px; height:2px;  background: #fff; margin:6px 0 ;}
.single-specialist-doctor .spec_sec .sec_ms{ font-size:14px;}

.single-specialist-doctor:hover{cursor:pointer;}
.single-specialist-doctor:hover .specialist-img {
    transform: scale(1.1);
    transition: transform 2s;
	

}
.single-specialist-doctor:hover .spec_bg{
    display:block;
}
.single-specialist-doctor:hover .spec_sec{
    display:block;
}




.specialist-info {
    padding: 45px;
    background: #5E6A70;
    padding-top: 40px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.specialist-info h3 {
    font-size: 32px;
    line-height: 2;
    font-weight: 500;
	color:#fff;
}
.single-specialist-doctor a{
    margin-top: 20px;
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	background: none;
	text-align: center;
	color: #727272;
	border: 1px solid #fff;
	background:#fff;
}


.single-specialist-doctor a:hover{
	background: #105FAD;color: #fff;border: 1px solid #105FAD
}

.single-specialist-doctor a {
    color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.specialist-info span {
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
.specialist-info .wzms {
	padding-top:15px;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

.banner-promo-block {
    background-repeat: no-repeat;
    background-position: right;
}
@media (max-width: 1191px) {
    .banner-promo-block {
        -webkit-background-size: cover;
        background-size: cover;
    }

    .banner-promo-block::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: var(--main-color);
        opacity: .8;
    }
}

.banner-promo-content span {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-top: 35px;
    display: inline-block;
}

.banner-promo-content h1 {
    font-size: 60px;
    line-height: 70px;
    color: #fff !important;
}


/* Gallery - Two */

.single-showcase-item {
    height: 356px;
    position: relative;
    background-color: #eee;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 30px;
}

.showcase-over {
    position: absolute;
    width: 86%;
    height: 86%;
    top: 7%;
    left: 7%;
    text-align: center;
    z-index: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.showcase-over a {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    margin-top: -20.5px;
    margin-left: -20.5px;
}

.showcase-over a i {
    font-size: 41px;
    line-height: 1;
}

.showcase-over::before {
    background: #7278E8;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    content: "";
    opacity: .5;
}

.single-showcase-item:hover .showcase-over {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.single-dental-service h3 {
    font-weight: 500 !important;
    line-height: 35px;
    margin-bottom: 30px !important;
}


/* about page */

.best-service-item-box h3 {
    margin-bottom: 10px;
}

.service-box-icon img {
    width: 60px;
}

.service-box-icon {
    margin-bottom: 34px;
}

.best-service-item-box {
    padding: 70px 48px 63px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    margin-top: 30px;
}

.best-service-item-box:hover {
    background: #1259B0;
    border-color: #1259B0;
    -webkit-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow)
}

@media (max-width: 991px) {
    .best-service-item-box {
        padding: 60px 30px 53px;
    }
}


/* promo section */

.promo-content-section p {
    font-weight: 300;
}

.promo-text h2 {
    margin-bottom: 23px;
}

div.promo-text p {
    margin-bottom: 15px !important;
}

div.promo-text p:last-child {
    margin-bottom: 0px !important;
}


/* Our Achievement  -  Section */

.single-am-funfact {
    background-image: url("../images/funfact_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 30px;
    margin-top: 30px;
}

.single-am-funfact span {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    line-height: 30px;
    display: inline-block;
    padding-right: 16px;
}

.single-am-funfact span::before {
    position: absolute;
    right: 0;
    content: "+";
    font-weight: 700;
}

.our-achievement-wrap.section-padding {
    padding-top: 90px;
}


/* Safety First */

.video-bg-img {
    background-color: #eee;
    text-align: center;
    height: 355px;
    position: relative;
    background-position: center;
    background-size: cover;
    margin-bottom: 35px;
}

.video-play-button {
    height: 57px;
    width: 57px;
    background: #105FAD;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 57px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-video-item {
    text-align: center;
    margin-top: 30px;
}

.single-video-item h5 {
    color: #818181;
}

.video-play-button:hover {
    -webkit-box-shadow: var(--box-shadow-two);
            box-shadow: var(--box-shadow-two);
    color: #fff;
}

.section-text-wrap a {
    margin-top: 40px;
}


/* footer two page */

.footer-bottom-copyright p {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.footer-bottom-copyright p a {
    color: #fff;
}

.footer-bottom-social-wrap a {
    font-size: 14px;
    line-height: 24px;
    color: var(--second-color-two);
    display: inline-block;
    width: 24px;
    text-align: center;
    font-weight: 400;
    border-radius: 3px;
    background: #fff;
}

.footer-bottom-copyright {
    padding: 16px 0px;
    background: var(--second-color-two);
}

.footer-bottom-copyright .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


/* subscribe section - home two */

.subscribe-form-wrap form input {
    height: 52px;
    width: 255px;
    border: none;
    padding-left: 15px;
    margin-right: 10px;
}

.subscribe-form-wrap form button {
    height: 52px;
    display: inline-block;
    line-height: 52px;
    border: none;
    background: #FF8A8B;
    width: 160px;
    color: #fff;
    margin-left: -10px;
}

.subscribe-form-wrap form {
    position: relative;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    font-family: Poppins;
    font-size: 16px;
}

.subscribe-form-wrap h1 {
    font-size: 60px;
    line-height: 70px;
    margin-top: -10px !important;
}

.single-dental-service .service-icon::before,
.single-dental-service .service-icon::after {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FF8A8B;
    content: "";
    left: -10px;
}

.single-dental-service .service-icon::after {
    left: auto;
    top: 30px;
}

.single-dental-service::before {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #EEEEEE;
    content: "";
    left: 120px;
    top: 60px;
    z-index: 9;
}

.single-dental-service a {
    margin-top: 10px;
    display: inline-block;
    font-size: 16px;
}

.single-dental-service:hover a i {
    padding-left: 5px;
}

.single-dental-service a i {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.single-dental-service:hover {
    border-color: var(--main-color);
}

/* home 2 slider */
.slide-item .hero-slide-content h3 {
    font-size: 30px;
    font-weight: 300;
}
.slide-item .hero-slide-content h1 {
    font-size: 67px;
    line-height: 80px;
    margin-bottom: 30px;
}

.slide-item .hero-slide-content p {
    font-size: 16px;
    line-height: 30px;
}

.slide-item .hero-slide-content a {
    font-size: 16px;
    font-weight: 500;
    font-family: Poppins;
    margin-top: 50px;
}

.slide-item {
    min-height: 900px;
    align-items: center;
    display: flex;
    background-color: #FF8A8B;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hero-slide-content .theme-btn.btn_black {
    color: #000;
    border-color: #999;
}
.hero-slide-content .theme-btn.btn_black:hover {
    color: #fff;
    border-color: var(--main-color);
    background: var(--main-color);
}
.slide-item::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.05;
}


/* subscribe  - home two */

.subscribe-doctor-img img {
    margin-left: 70px;
}

.subscribe-news-block .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.single-patients-img {
    text-align: center;
    background: #FF8A8B;
    -webkit-box-shadow: 10px 15px 40px rgba(0, 0, 0, 0.06);
            box-shadow: 10px 15px 40px rgba(0, 0, 0, 0.06);
    padding: 35px 21px;
    padding-bottom: 0;
    position: relative;
    z-index: 99;
}

.patients-name-info h3 {
    line-height: 30px;
}

.patients-name-info span {
    font-size: 16px;
    line-height: 30px;
}

.patients-review-items {
    min-height: 360px;
    background: #fff;
    -webkit-box-shadow: 10px 15px 40px rgba(0, 0, 0, 0.06);
            box-shadow: 10px 15px 40px rgba(0, 0, 0, 0.06);
    padding: 55px;
    position: relative;
}

.patients-name-info {
    margin-bottom: 29px;
}

.patients-review-item-box p {
    font-style: italic;
    font-size: 18px;
}

.patients-review-item-box {
    margin-bottom: 50px;
    overflow: auto;
    padding-bottom: 30px;
}

.patients-review-items .slick-arrow {
    position: absolute;
    bottom: 55px;
    width: 50px;
    height: 50px;
    background: #666666;
    text-align: center;
    line-height: 50px;
    color: #fff;
    z-index: 1;
}

.patients-review-items .fa-arrow-right.slick-arrow {
    margin-left: 75px;
}

.dentist-social-link a {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #666666;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    border-radius: 2px;
    margin: 0px 5px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.dentist-social-link a:hover {
    background-color: var(--main-color);
}

.dentist-social-link {
    margin-top: 5px;
}
.dentist-award-membership li {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    margin-right: 25px;
    margin-top: 14px;
}

.dentist-award-membership li::before {
    position: absolute;
    left: 0;
    border-radius: 50%;
    background-color: var(--main-color);
    width: 9px;
    height: 9px;
    content: "";
    top: 11px;
}

.dentist-award-membership h3 {
    margin-bottom: 7px;
}

.single-dentist-details p {text-align: justify;}
.single-dentist-details h2 span {
    font-size: 20px;
    color: #666666;
}
.profile-img {
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
    height: 362px;
    overflow: hidden;
}


.hero-shape {
    overflow: hidden;
}
.hero-slider-wrapper {
    overflow-x: hidden;
}
.our-specialist-list {
    position: relative;
	margin: 0 auto
}

.our-specialist-list .slick-arrow {
    width: 50.21px;
    height: 50.21px;
    background: #808080;
    line-height: 50.21px;
    text-align: center;
    position: absolute;
    bottom: -60px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 5%;
    color: var(--second-color-two);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
	z-index: 999;
	color: #fff;
	border-radius:50%
}

.our-specialist-list .fa-arrow-right.slick-arrow {
    left: auto;
    right: 5%;
}
.our-specialist-list .slick-arrow:hover {
    background: #747474;
    color: #fff;
}
.patients-review-items .slick-arrow {
    transition: .3s;
}
.patients-review-items .slick-arrow:hover {
    background: var(--main-color) !important;
}

.our-specialist-list .slick-dots li button:before{font-size:30px;}


/*出品*/
.single-works-doctor{overflow:hidden;}

.works-img {
    width:100%;
    height:auto;
    /*background-color: #eee;*/
    position: relative;
	
	
}
.single-works-doctor{ position:relative;}

.single-works-doctor .spec_bg{display:none; background-color:rgb(0,0,0,0.5); width:100%; height:100%;position: absolute; top:0; left:0; z-index:999;}

.single-works-doctor .spec_sec{ display:none; position: absolute; top:45%; left:0; text-align:center; width:100%; color:#fff; z-index:9999;}
.single-works-doctor .spec_sec .sec_bt{ font-size:16px;}
.single-works-doctor .spec_sec span{ display: block; width: 56px; height:2px;  background: #fff; margin:6px 0 ;}
.single-works-doctor .spec_sec .sec_ms{ font-size:14px;}

.single-works-doctor:hover{cursor:pointer;}
.single-works-doctor:hover .works-img {
    transform: scale(1.1);
    transition: transform 2s;
	

}
.single-works-doctor:hover .spec_bg{
    display:block;
}
.single-works-doctor:hover .spec_sec{
    display:block;
}


.single-works-doctor a{
    margin-top: 20px;
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	background: none;
	text-align: center;
	color: #727272;
	border: 1px solid #fff;
	background:#fff;
}


.single-works-doctor a:hover{
	background: #105FAD;color: #fff;border: 1px solid #105FAD
}

.single-works-doctor a {
    color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.works-info span {
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
.works-info .wzms {
	padding-top:15px;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}



.our-works-list {
    position: relative;
	margin: 0 auto
}

.our-works-list .slick-arrow {
    width: 50.21px;
    height: 50.21px;
    background: #808080;
    line-height: 50.21px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 1%;
    color: var(--second-color-two);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
	z-index: 999;
	color: #fff;
	border-radius:50%
}



.our-works-list .fa-arrow-right.slick-arrow {
    left: auto;
    right: 1%;
}
.our-works-list .slick-arrow:hover {
    background: #747474;
    color: #fff;
}
.patients-review-items .slick-arrow {
    transition: .3s;
}
.patients-review-items .slick-arrow:hover {
    background: var(--main-color) !important;
}

.our-works-list .slick-dots li button:before{font-size:30px;}

/*活动*/
.single-activity-doctor{overflow:hidden;}

.activity-img {
    width:100%;
    height:auto;
    /*background-color: #eee;*/
    position: relative;
	
	
}
.single-activity-doctor{ position:relative;}

.single-activity-doctor .spec_bg{display:none; background-color:rgb(0,0,0,0.5); width:100%; height:100%;position: absolute; top:0; left:0; z-index:999;}

.single-activity-doctor .spec_sec{ display:none; position: absolute; top:45%; left:0; text-align:center; width:100%; color:#fff; z-index:9999;}
.single-activity-doctor .spec_sec .sec_bt{ font-size:16px;}
.single-activity-doctor .spec_sec span{ display: block; width: 56px; height:2px;  background: #fff; margin:6px 0 ;}
.single-activity-doctor .spec_sec .sec_ms{ font-size:14px;}

.single-activity-doctor:hover{cursor:pointer;}
.single-activity-doctor:hover .activity-img {
    transform: scale(1.1);
    transition: transform 2s;
	

}
.single-activity-doctor:hover .spec_bg{
    display:block;
}
.single-activity-doctor:hover .spec_sec{
    display:block;
}


.single-activity-doctor a{
    margin-top: 20px;
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	background: none;
	text-align: center;
	color: #727272;
	border: 1px solid #fff;
	background:#fff;
}


.single-activity-doctor a:hover{
	background: #105FAD;color: #fff;border: 1px solid #105FAD
}

.single-activity-doctor a {
    color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.activity-info span {
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
.activity-info .wzms {
	padding-top:15px;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}



.our-activity-list {
    position: relative;
	margin: 0 auto
}

.our-activity-list .slick-arrow {
    width: 50.21px;
    height: 50.21px;
    background: #808080;
    line-height: 50.21px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 1%;
    color: var(--second-color-two);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
	z-index: 999;
	color: #fff;
	border-radius:50%
}

.our-activity-list .fa-arrow-right.slick-arrow {
    left: auto;
    right: 1%;
}
.our-activity-list .slick-arrow:hover {
    background: #747474;
    color: #fff;
}
.patients-review-items .slick-arrow {
    transition: .3s;
}
.patients-review-items .slick-arrow:hover {
    background: var(--main-color) !important;
}

.our-activity-list .slick-dots li button:before{font-size:30px;}



@media (max-width: 1191px) {
    span.back-big-text {
        font-size: 60px;
    }
    .second-section-title h1 {
        font-size: 40px;
        line-height: 50px;
        padding-bottom: 12px;
    }
    .our-specialist-list .slick-arrow {
        left: 0px;
        z-index: 1;
    }
    .our-specialist-list .fa-arrow-right.slick-arrow {
        right: 0;
    }
    .specialist-img img {
        width: 100%;
    }
} 


/* ============================================================== 
     # Banner 
=================================================================== */
.carousel-item {
    position: relative;
/*    display: none;*/
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

body, 
.banner-area, 
.banner-area div {
  height: 100%;
}

.banner-area.auto-height, 
.banner-area.auto-height div {
  height: auto;
  min-height: 100%;
}

.banner-area .box-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.banner-area .box-table {
  display: table;
  width: 100%;
}

.banner-area .box-cell, 
 .banner-area .box-cell div {
  height: auto;
}

.banner-area {
  position: relative;
  overflow: hidden;
}

.banner-area .wavesshape {
  bottom: -2px;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%;
}

.banner-area .wavesshape.shape {
  bottom: -50px;
  height: auto;
}

.banner-area .content {
  position: relative;
  z-index: 9;
}

.banner-area.wavesshape {
  position: relative;
  z-index: 1;
}

.banner-area.triangle-shadow {
  position: relative;
  z-index: 1;
}

.banner-area.triangle-shadow::before {
  border-bottom: 0 solid transparent;
  border-right: 100vw solid #fff;
  border-top: 80px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 101;
}

.banner-area.shadow-inner .content {
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.banner-area.content-double .double-items {
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
  vertical-align: middle;
}

.banner-area .banner-carousel .owl-item.center img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.banner-area .banner-carousel .owl-item img {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
/* Animation delays */
.banner-area .item h1:first-child, 
 .banner-area .item h2:first-child, 
 .banner-area .item h3:first-child, 
 .banner-area .item h4:first-child, 
 .banner-area .item h5:first-child, 
 .banner-area .item h6:first-child {
  animation-delay: .5s;
}

.banner-area .item h1:nth-child(2), 
 .banner-area .item h2:nth-child(2), 
 .banner-area .item h3:nth-child(2), 
 .banner-area .item h4:nth-child(2), 
 .banner-area .item h5:nth-child(2), 
 .banner-area .item h6:nth-child(2) {
  animation-delay: .7s;
}

.carousel-caption h1:nth-child(3), 
 .carousel-caption h2:nth-child(3), 
 .carousel-caption h3:nth-child(3), 
 .carousel-caption h4:nth-child(3), 
 .carousel-caption h5:nth-child(3), 
 .carousel-caption h6:nth-child(3) {
  animation-delay: .9s;
}

.banner-area .item p {
  animation-delay: .5s;
}

.banner-area .item ul {
  animation-delay: .6s;
}

.banner-area .item a, 
 .banner-area .item button {
  animation-delay: .7s;
}

/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item, 
 .carousel-fade .carousel-inner .active.left, 
 .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active, 
 .carousel-fade .carousel-inner .next.left, 
 .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next, 
 .carousel-fade .carousel-inner .prev, 
 .carousel-fade .carousel-inner .active.left, 
 .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}
/* Slider Zoom Effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1);
  }

  to {
    -moz-transform: scale(1.2, 1.2);
  }
}

@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1);
  }

  to {
    -o-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.2, 1.2);
  }
}

/*
.carousel-inner.carousel-zoom .carousel-item > .slider-thumb {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
*/

.banner-area .carousel-zoom .slider-thumb {
  height: 100%;
  position: absolute;
  width: 100%;
	background-size: cover;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#particles-js,
#ripple {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.banner-area .carousel-control {
  background: transparent none repeat scroll 0 0;
  font-size: 40px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 1;
  color: #333;
}

.banner-area .carousel-control.light {
  color: #ffffff;
}

.banner-area .carousel-control.shadow {
  background: transparent none repeat scroll 0 0;
  color: #ffffff;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-shadow: inherit;
  top: 50%;
  width: 50px;
  z-index: 1;
}

.banner-area .carousel-control.shadow::after {
  background: #1e2726 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.banner-area .carousel-control.left {
  left: -80px;
}

.banner-area:hover .carousel-control.left {
  left: 20px;
}

.banner-area:hover .carousel-control.shadow.left {
  left: 0px;
}

.banner-area .carousel-control.right {
  right: -80px;
}

.banner-area:hover .carousel-control.right {
  right: 0;
}

.banner-area:hover .carousel-control.shadow.right {
  right: 20px;
}


/* Carousel Indicators */
.banner-area .carousel-indicators {
  position: absolute;
  right: 40px;
  left: auto;
  width: auto;
  height: auto;
  top: 50%;
  transform: translate(10px, -50%);
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  -o-transform: translate(10px, -50%);
  bottom: auto;
  margin: 0;
}

.banner-area .carousel-indicators li {
  display: block;
  height: 20px;
  width: 20px;
  margin: 10px 0;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  position: relative;
  z-index: 1;
}

.banner-area .carousel-indicators li.active::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  height: 5px;
  width: 5px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.banner-area.video-bg-live .mbYTP_wrapper {
  z-index: 1 !important;
}

.banner-area .fixed-thumb .slider-thumb {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40%;
}

/* Content */
.banner-area a.btn-light {
  margin-right: 5px;
  margin-top: 8px;
	background: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #85898a
}
.banner-area a.btn-light:hover{background: #105FAD;color: #fff;border-bottom: 1px solid #105FAD}
.banner-area.text-center a,
.banner-area .text-center a {
  margin-right: 3px;
  margin-right: 3px;
}

.banner-area .text-large .content h2 {
  font-size: 60px;
  line-height: 100px;
  font-weight: bold;
  margin-bottom: 30px;
  text-transform: capitalize;
  margin-top: -10px;
	color: #105FAD;
}

.banner-area .text-large .content h2 strong {
  display: block;
}

.banner-area p {
  padding-right: 15%;
  font-size: 24px;
  line-height: 34px;
  color: #3e3e3e;
  margin-bottom: 25px;
}

.banner-area.text-center p,
.banner-area .text-center p {
  margin-left: 7%;
  margin-right: 7%;
}

.banner-area .text-large .content h4 {
  margin-bottom: 40px;
  text-transform: capitalize;
}

.banner-area .content li {
  display: inline-block;
  margin-right: 12px;
  padding-right: 15px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  z-index: 1;
  letter-spacing: 0.6px;
}

.banner-area .content ul {
  margin-bottom: 40px;
}

.banner-area .content li::after {
  position: absolute;
  right: 0;
  top: 7px;
  content: "";
  height: 15px;
  width: 1px;
  background: rgba(255, 255, 255, 0.6);
}

.banner-area .content li:last-child::after {
  display: none;
}

.banner-area.inc-shape .content::after {
  position: absolute;
  left: -100px;
  top: -100px;
  content: "";
  height: 200px;
  width: 200px;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 65%, rgba(255, 255, 255, 0.04) 100%);
  z-index: -1;
  transform: rotate(45deg);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  animation: rotate-animation 10s infinite linear;
}

.banner-area.shape .box-cell {
  position: relative;
  z-index: 1;
}

.banner-area.shape .box-cell::before {
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  height: 100%;
  width: 100%;
  background: url(assets/img/shape/7.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}
.search-bg {
    overflow: visible;
    position: fixed;
    z-index: 552;
    left: 0;
    top: 10%;
    width: 100%;
	
    height: 0;
    background: #000;
    transition-duration: .5s;
    opacity: 0;
}
.search-bg.hide1 {
    opacity: 1;
    /*height: 100%;*/
	min-height:280px;
    overflow: visible;
}
.header-search-wrap{position:fixed;z-index:4;left:40%;top:15%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;width:600px;height:60px;margin-left:-300px;color:#fff;line-height:60px;transition:all 0.5s;}
.header-search-wrap a{ display:block; text-align:left; color:#fff;}



element.style{}
.show1{z-index:999;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.header-search-wrap2{position:fixed;z-index:4;left:50%;top:20%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;width:600px;margin-left:-300px;color:#666;line-height:60px;transition:all 0.5s;padding-right:50px}
.header-search-wrap2 a{color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,.3)}
.header-search-wrap2 .search-close2{position:absolute;display:block;right:-60px;top:50%;margin-top:-30px;width:30px;height:60px;cursor:pointer;transition-duration:.5s}
.header-search-wrap .submit{position:absolute;top:0;right:0;z-index:5;width:36px;height:60px;background:url(../images/ser1.png) no-repeat center;border:none;box-sizing:border-box}
.header-search-wrap .ser-input{width:100%;height:60px;position:relative;border:none;background:none;box-sizing:border-box;text-indent:20px}
.header-search-wrap .search-close {
    position: absolute;
    display: block;
    /*right: -60px;
    top: 50%;
    margin-top: -30px;
	*/
    width: 30px;
    height: 60px;
    cursor: pointer;
    transition-duration: .5s;
}
.show-search-btn .fa{font-weight: 300}
.our-specialist .slick-initialized .slick-slide{padding: 40px 16px;}
.about-wrapper .container .row{justify-content: space-between;}

.caina_blue{color: #105FAD;}
.caina_hei{color: #222;}
.caina_hui{color: #333;}

.white{color: #fff;}
.ourrow{justify-content: space-between;}
.ourrow .btn:focus{box-shadow: 0 0 0;}

.fun-fact-section-in .single-funfact-one {width: 25%;text-align: center;margin-bottom:0;}
.fun-fact-section-in .single-funfact-one p{color: #333;}
.fun-fact-section-in .single-funfact-one span{color:#C8A954}
.patient-focused-wrap .best-service-item-box{background-size: cover!important;
    background-repeat: no-repeat !important;
	background-position: center !important;border-top-left-radius: 30px;
    height: 570px;}
.patient-focused-wrap .product .col-md-12:nth-child(2) .row .bg-cover {
    border-bottom-right-radius: 30px;
}

.map{width:100%;height:500px;}
.timeline {
  list-style: none;
  position: relative;
  max-width: 1200px;
  padding: 20px;
  margin: 0 auto;
  }
  .history-overflow{max-width:1200px;margin:0 auto;overflow-y: auto;
  height:600px;padding-left:17px;}
  .timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 4px;
    border-radius: 2px;
    display: block; }
  .timeline .timeline-row {
    padding-left: 50%;
    position: relative;
    z-index: 10; }
    .timeline .timeline-row .timeline-time {
      position: absolute;
      right: 50%;
      top: 31px;
      text-align: right;
      margin-right: 40px;
      font-size: 16px;
      line-height: 1.3;
      font-weight: 600; }
      .timeline .timeline-row .timeline-time small {
        display: block;
        color: white;
        text-transform: uppercase;
        opacity: 0.75;
        font-size: 11px;
        font-weight: 400; }
    .timeline .timeline-row .timeline-icon {
      position: absolute;
      top: 30px;
      left: 50%;
      margin-left: -20px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: white;
      text-align: center;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      padding: 3px;
      color: white;
      font-size: 14px;
      z-index: 100; }
      .timeline .timeline-row .timeline-icon > div {
        border-radius: 50%;
        line-height: 34px;
        font-size: 16px; background-color: #55a794!important;}
    .timeline .timeline-row .timeline-content {
      margin-left: 40px;
      position: relative;
      background-color: white;
      color: #333333; }
      .timeline .timeline-row .timeline-content:after {
        content: "";
        position: absolute;
        top: 48px;
        left: -41px;
        height: 4px;
        width: 40px;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: -1; }
      .timeline .timeline-row .timeline-content .panel-body {
        position: relative;
        z-index: 10; }
      .timeline .timeline-row .timeline-content h2 {
		  background:#55a794 url(../images/about-fa_03.jpg) no-repeat right center;
        font-size: 32px;
        margin-bottom: 12px;
        margin-top: 0;
        line-height: 1.2;padding: 10px 20px;color: #fff;}
      .timeline .timeline-row .timeline-content p {
        margin-bottom: 15px;padding: 15px 15px }
      .timeline .timeline-row .timeline-content img {
        margin-bottom: 15px; }
      .timeline .timeline-row .timeline-content blockquote {
        border-color: #eeeeee; }
        .timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
          color: #999999; }
      .timeline .timeline-row .timeline-content .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        margin-bottom: 15px;
        overflow: hidden; }
        .timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .timeline .timeline-row:nth-child(odd) {
      padding-left: 0;
      padding-right: 50%; }
      .timeline .timeline-row:nth-child(odd) .timeline-time {
        right: auto;
        left: 50%;
        text-align: left;
        margin-right: 0;
        margin-left: 40px; }
      .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 40px;
        margin-left: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-content:after {
          left: auto;
          right: -41px; }
  .timeline.animated .timeline-row .timeline-content {
    opacity: 0;
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s; }
  .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: -20px; }
  .timeline.animated .timeline-row.active .timeline-content {
    opacity: 1;
    left: 0; }
  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0; }
@media (max-width: 1580px) {
	.main-menu nav li a{padding: 0 16px;font-size: 15px; text-align:center;}
	.banner-area .text-large .content h2{font-size: 56px}
	.section-padding{padding: 80px 0}
	.specialist-info h3{font-size: 24px}
	.section-title-one{margin-bottom: 30px}
	.section-title-one h1{font-size: 38px}
	.specialist-info span{font-size: 14px}
	.about-heading h1{font-size: 38px}
	.section-text-wrap h1{font-size: 38px}
	.specialist-info{padding:20px;}
	.specialist-img{height:auto;}
	.single-service-box{padding: 20px 0 20px;}
	.single-service-box h3{font-size: 18px;}
	.single-footer-widget h2 {font-size: 18px;}
	

	.lang-box a {font-size: 12px;}

}



@media (max-width: 1200px) {
  .timeline {
    padding: 15px 10px; }
    .timeline:after {
      left: 28px; }
    .timeline .timeline-row {
      padding-left: 0;
      margin-bottom: 16px; }
      .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px; }
        .timeline .timeline-row .timeline-time strong {
          display: inline-block;
          margin-right: 10px; }
      .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0; }
      .timeline .timeline-row .timeline-content {
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative; }
        .timeline .timeline-row .timeline-content:after {
          right: auto !important;
          left: -20px !important;
          top: 32px; }
      .timeline .timeline-row:nth-child(odd) {
        padding-right: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-time {
          position: relative;
          right: auto;
          left: auto;
          top: 0;
          text-align: left;
          margin: 0 0 6px 56px; }
        .timeline .timeline-row:nth-child(odd) .timeline-content {
          margin-right: 0;
          margin-left: 55px; }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
      left: 20px; }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
      left: 0; }

}
	.arr{display: block;margin: 0 auto;}
	
	


	
	
/*联系我们*/
.about-honor .featured-thumb{height: auto;}
.about-honor .single-blog-card .card-content h3{font-size: 18px}
#mapBox{width: 100%;height:500px}
/*人力资源*/

.rwtxt2 {
	display: block;
	color: #333333;
	font-size: 20px;
	text-align: center;
	line-height: 1.5;
}

.rwhead {
	width:100%;
	background: #4f9a89;
	height: 60px;
	line-height: 60px;
}

.rwhead .rwtxt {
	color: #fff;
}

.rwhead .rwtxt:not(:first-child):before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #FFFFFF;
}

.rwtxt {
	position: relative;
	display: block;
	float: left;
	width: 25%;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}

.rwlist li {
	margin-top: 1px
}

.rwlist li .rwtxt {
	color: #666666;
}

.rwltitle {
	cursor: pointer;
	background: #F6F6F6;
}

.rwltitle.active {
	background: none;
	border-top: 1px solid #E8E8E8;
}

.rwltitle.active .rwticon {
	background: #43BE98;
	transform: rotate(180deg);
}

.rwticon {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 12px;
	background: #DBDBDB;
	margin: 16px auto 0;
	transition: 0.5s;
}

.rwlcont {
	display: none;
	padding: 45px 60px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	color: #666666;
	font-size: 14px;
}

.rctd a {
	display: block;
	width: 156px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background: #4f9a89;
	color: #fff !important;
	font-size: 14px;
	border-radius: 27px;
	margin: 40px auto 0;
}
.rwlist{width: 100%}
/*新闻资讯*/
.fl1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.fl2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.fl5 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.fl6 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.fl17 {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.n-news .title-right .timebox {
    width: 200px;
    height: 55px;
    line-height: 55px;
    margin-right: 0.75rem;
    border: 2px solid #105FAD;
    border-radius: 55px;
    color: #105FAD;
    text-transform: capitalize;
    font-weight: bold;
    position: relative;
}
.n-news .title-right .timebox .sptime {
    cursor: pointer;
}

.n-news .title-right .timebox span {
    line-height: 55px;
    margin-right: 15px;
}
.n-news .title-right .timebox svg {
    width: 15px;
    height: 15px;
    fill: #105FAD;
}
.n-news .title-right .timebox .spbox {
    position: absolute;
    width: 100%;
    top: 54px;
    border: 2px solid #e1e1e1;
    background: #fff;
    display: none;
}
.n-news .title-right .timebox .spbox .li {
    padding: 0 25px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    transition: all .3s;
    border-bottom: 2px solid #e1e1e1;
}
.n-news .title-right .newsreach {
    position: relative;
    z-index: 1;
}
.warp-news-list{width: 100%;overflow: hidden}
.n-news .title-right .newsreach .submit {
    position: absolute;
    background: url(../images/img16.png) no-repeat center center;
    width: 36px;
    height: 36px;
    left: 10px;
    top: 50%;
    margin-top: -18px;
    border: none;
}
.n-news .title-right .newsreach .inputext {
    width: 20rem;
    height: 55px;
    padding: 10px 10px 10px 50px;
    border: 2px solid #e1e1e1;
    border-radius: 55px;
    color: #dfdfdf;
}
.n-news .news-list .li {
    padding: 1.85rem 0;
    border-bottom: 1px solid #e5e5e5;
}
.n-news .news-list .li .timebox {
    width: 350px;
    height: 218px;
    position: relative;
}
.n-news .news-list .li .timebox:before {
    content: "";
    position: absolute;
    width: 2px;
    top: 10%;
    height: 80%;
    right: 0;
    background: #4f9a89;
}
.n-news .news-list .li .timebox .yue {
    line-height: 1.2;
    color: #222;
    text-transform: capitalize;
	font-size: 32px
}
.n-news .news-list .li .timebox .line {
    width: 180px;
    height: 2px;
    margin: 0.5rem 0;
    border-bottom: 2px dotted #c3c3c3;
}
.n-news .news-list .li .timebox .year {
    line-height: 1.2;
    color: #222;
    font-size: 32px
}
.n-news .news-list .li .text {
    width: calc(100% - 400px);
}
.n-news .news-list .li .time {
    color: #438172;
    margin-bottom: 0.75rem;
	font-weight: normal
}
.tit-16 {
    font-size: 16px;
    line-height: 1.6;
}
.n-news .news-list .li .time img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}
.n-news .news-list .li .tit2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    margin-bottom: 0.25rem;
    color: #474747;
    transition: all .5s;
	font-size: 22px
}
.tit-28 {
    font-size: .7rem;
    line-height: 1.6;
}
.n-news .news-list .li .p {
    color: #999898;
    margin-bottom: 1.25rem;
    line-height: 1.6;
	font-weight: normal
}
.n-news .news-list .li .more {
    color: #105FAD;
    text-transform: capitalize;
    font-weight: bold;
	display: block;
	line-height: 36px;
}
.n-news .news-list .li .btn {
    width: 26px;
    height: 26px;
    border: 2px solid #105FAD;
    border-radius: 50%;
    margin-left: 0.5rem;
}
.n-news .news-list .li .btn svg {
    width: 12px;
    height: 12px;
    fill: #105FAD;
}
.fr{float: right}
.n-news .title-right .timebox {
    width: 200px;
    height: 55px;
    line-height: 55px;
    margin-right: 0.75rem;
    border: 2px solid #105FAD;
    border-radius: 55px;
    color: #105FAD;
    text-transform: capitalize;
    font-weight: bold;
    position: relative;
	z-index:99;
}
.n-news .news-list .li:hover .tit2 {
    color: #105FAD;
}
/*详情*/
.n-news-info .text-left {
    width: 100%;
}
.top-title {
    margin-bottom: 1rem;
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d1d1d1;
	font-size: 22px;
	color: #464646;
}
.top-title .tit2 {
    margin-bottom: 10px;
}
.top-title .time {
    text-align: center;
    color: #888;
	font-size: 14px
}
.n-news-info .text-left .p {
    line-height: 1.8;
    width: 100%;
}
.text-left .bot .bot-l .line {
    width: 100%;
    height: 1px;
    background: #c7c7c7;
}
.text-left .bot .bot-l a {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin: 10px 0;
    transition: all .3s;
	display: block
}
.text-left .bot .back-btn {
	display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    background: var(--main-color);
    transition: background .3s;
	float: right
}
.fl4 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.n-news .shows-list {
    position: relative;
    width: 108%;
	margin-top: 60px;
}
.warp-shows-list{width: 100%;overflow: hidden}
.n-news .shows-list .li {
    width: 42%;
    margin-bottom: 1.5rem;
    margin-right: 8%;
	display: block;
}
.n-news .shows-list .img {
    position: relative;
    width: 100%;
}

.n-news .shows-list .img img {
    width: 100%;
}
.n-news .shows-list .img .time {color: #105FAD;margin-top: 15px;margin-bottom: 15px;}
.n-news .shows-list .img .time img{max-width: 24px}
.n-news .shows-list .text .tit2 {
    color: #474747;
    line-height: 1.6;
    margin-bottom: 20px;
    transition: color .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 22px;
	font-weight: normal
}

.n-news .shows-list .text .p {
    line-height: 1.6;
    color: #666;
	font-size: 14px;
	font-weight: normal
}
.ProList {overflow: hidden}
.ProList li {
    width: 16.6666%;
    float: left;
    text-align: center;
}
.ProList li .ico {
    position: relative;
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 15px;
}
.ProList li .ti {
    line-height: 20px;
    font-size: 14px;
    color: #999999;
}
.ProList li .ti span {
    display: block;
    line-height: 30px;
    font-size: 20px;
    color: #333333;
	font-weight:normal;
}
.ProList li .ico i {
	/*font-size: 54px;*/
	text-align: center;
    transition: all ease 0.3s;
    position: absolute;
    left: 25px;
    top: 17px;
    border: 2px solid #9C9995;
    border-radius: 50%;
    width: 150px;
    height: 150px;
	/*line-height: 150px;*/
	color:#999898;
	font-weight: normal
}
.ProList li .ico i:hover{border: 2px solid #005DAC;color:#fff;}
.product{margin-top: 30px}
.best-service-item-box{padding: 130px 48px 170px;height: 550px;}
.product .specialist-img{height: 280px;}

.product .specialist-img img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.48s;
}


.product .specialist-info{background: ;}
.ProNav{ float:left; width:20%;}
.ProNav .head{ border-left:6px solid #4f9a89; line-height:13px; color:#999999; font-size:14px; padding-left:20px; margin-bottom:14px;}
.ProNav .head span{ display:block; line-height:25px; color:#333333; font-size:24px; margin-bottom:6px;}
.menuLevels{ background:#fff;}
.menuLevels li i{ display:none; width:14px; height:14px; background:url(../images/arrr.png); margin-left:10px;}
.menuLevels li .active i{ display:inline-block;}
/*一级*/
.pro-box{overflow: hidden}
.menuLevels a{ display:block; padding:0px 10px 0px 10px; line-height:48px; position:relative; cursor:pointer; color:#fff; font-size:18px; /*border:1px solid #e5e5e5;*/border-top: none;/*background:#dedede;*/ margin-bottom:1px;}
.menuLevels li ul li a{ background:#fff;color:#444;font-size:12px; text-indent:12px; }

.menuLevels{/*border-top:1px solid #e5e5e5;*/position: relative;z-index: 99}
.menuLevels span{ display:block; width:12px; height:13px; position:absolute; left:19px; top:50%; margin-top:-6px;}

.menuLevels ul li .active{ color:#fff; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; /* background:#dedede;*/}

/*二级*/
.menuLevels ul li ul{border-bottom:1px solid #fff;}
.menuLevels li li a{font-size:14px; line-height:2.5;}
.menuLevels ul li li .active{ background:none; color:#005DAC; border-bottom:none;border-top:none;}

/*三级*/
.menuLevels ul li ul ul{ padding:0; border-bottom:0;}
.menuLevels ul li ul{ display:none;}
.menuLevels li li a span{ background:#cc0000;}
.menuLevels li li li a{ font-size:13px; border:none; line-height:28px; padding-left:39px; background:none; color:#999999;}
.menuLevels li li li a span{ background:#ffcc00;}
.menuLevels ul li ul li ul li .on{background:#4f9a89; color:#fff;}
/*产品右侧*/
.ProCon{ font-size:14px; width:76.5%; float:right; color:#333333;}

.cplist ul li{ float:left; margin-bottom:15px; }
.cplist ul li img{ height:auto; width:100%; border-radius:15px;}
.cplist ul li span{ height:40px; line-height:40px; font-size14px; color:#333; text-align:center; display:block;}
.cplist ul li a{color:#333; }
.cplist ul li:hover span{/*background:#005DAC;*/ color:#005DAC; }

.Protit{ text-align:center; font-size:24px; padding:34px 0 14px; margin-bottom:25px; border-bottom:1px solid #d5d5d5;}
.Protit2{ clear:both; color:#333333; font-size:20px; font-weight:bold; margin-bottom:17px;}
.Protit2 i{ display:inline-block; width:3px; height:20px; background:#4f9a89; margin-right:10px; vertical-align:middle;}
.tabcss{ margin-bottom:10px; line-height:27px; text-align:center;}
.tabcss th{ border-left:2px solid #f3f3f3; border-bottom:2px solid #f3f3f3; color:#fff; background:#4f9a89; font-weight:normal; padding:5px 0px; font-size:16px;}
.tabcss td{ border-left:2px solid #f3f3f3; border-bottom:2px solid #f3f3f3; background:#e6e6e6; padding:5px 0px;}
.tabcss tr:nth-child(even) td{ background:#d5d5d5;}
.tabcss td table:nth-child(even) .xl{ background:#d5d5d5;}
.service-icon {width:100%;display: flex;justify-content:space-between}
.service-icon li{width: 25%;float: left;}
.service-icon li img{display: block;margin: 0 auto;height:116px;}
.service-icon li p{width: 100%;text-align: center;padding: 20px 0}
.service-icon li p{color: #666}
.service-icon li:hover p{color: #105FAD}
/*技术中心*/
.case_box {
	width: 100%;
	padding: 20px;
/*    height: 934px;*/
	 margin-top: 100px;
	background: #fff;
}
.case_box h3 {
    color: #081232;
    font-weight: normal;
    font-size: 42px;
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
}
.case_box .category ul {
    display: block;
    height: auto;
    overflow: hidden;
	
}
.case_box .category ul li {
    float: left;
    font-size: 20px;
    text-align: left;
    width: 33.3%;
    height: 58px;
    line-height: 58px;
    color: #939aac;
    cursor: pointer;
	border: 1px solid #eeeded;
	position: relative;
	padding-left: 3%;
}
.case_box .category ul li:after{content: "+";display: block;position: absolute;right: 20px;top: 0;}
.case_box .category ul li.active {
    color: #fff;
    background: #4f9a89;
}
.case_box .category ul li.active:after{content: "-";display: block;position: absolute;right: 24px;top: 0;}
.case_box .content {
}
.case_box .content .cont {
    height: 400px;
    display: none;
	background: #fff;
}
.case_box .content .cont.active {
    display: block;
}
.case_box .content .cont img.bg {
    position: absolute;border: 1px solid #E3E3E3;
    left: 20px;
    top: -100px;
	width: 45%
}
.case_box .content .cont .info {
    width: 53%;
    padding: 0px 40px 0;
    border-radius: 10px;
    float: right;
}
.case_box .content .cont .info .title .logo {
    float: left;
    padding-right: 25px;
}
.case_box .content .cont .info .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
.case_box .content .cont .info .title h4 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 24px;
    color: #081232;
}
.case_box .content .cont .info p {
    font-size: 14px;
    line-height: 32px;
    color: #828b9f;
	margin-top: 20px;
}
.w1200 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.category{overflow: hidden;}

@media (max-width: 1580px) {
	.service-icon li{width: 14%}
	.case_box .content{padding-left: 0}
	.case_box .content .cont .info .title h4{padding-top: 30px;}
	.menuLevels a{font-size: 16px}
	.case_box .content .cont { height: 350px;}
	.service-icon li img{height:100px;}
	
	
	

}

.probtn {
    display: none;
    position: fixed;
    left: 0;
    top: 15%;
    width: 60px;
    height: auto;
	padding-top: 10px;
    line-height: inherit;
    text-align: center;
    background: #105FAD;
    border-radius: 0 10px 10px 0;
    color: #fff;
    z-index: 100;
}
.probtn i{font-size: 24px}
.proclose span {
    background: #4f9a89;
    color: #fff;
    position: absolute;
    left: 226px;
    top: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.proclose {	display: none;}

.fotwz{float:left; margin-left:35px; padding-top:5px;}
.wx img{ max-width:120px;}
.fotpadding{padding:0 45px;}

.zxwd{max-width:30% ; flex: 0 0 30%;}
.gzwd{max-width:28% ; flex: 0 0 28%;}

@media (max-width: 768px) {
	.d-flex{padding: 0}
	.header-one .align-items-center .col-12{padding: 0}
	.header-one .align-items-center{padding: 0}
	.specialist-info h3{font-size: 18px}
	.single-blog-card .card-content h3{font-size: 18px}
	.about-us-one-right p{font-size: 14px}
	.section-title-one h1{font-size: 24px}
	.section-padding{padding: 40px 0}
	.banner-area .text-large .content h2{font-size: 28px;line-height: 1.4;margin-bottom: 10px}
	.banner-area p{font-size: 14px;line-height: 1.5}
	.mean-container .mean-nav ul li:nth-child(9){display: none}
	.banner-area{height: 35%;margin-top: 70px;}
	.logo img {max-width: 148px}
	.our-specialist .btn{display: none}
	.blog-wrapper .btn{display: none}
	.specialist-img{/*height: 290px*/}
	.our-specialist .slick-initialized .slick-slide{padding: 0 40px}
	.single-funfact-one{width: 50%;margin-bottom: 20px;text-align: left}
	.single-funfact-one span{font-size: 24px}
	.single-funfact-one p{font-size: 14px}
	.single-funfact-one p img{max-width: 24px}
	.container{max-width: 92vw}
	.single-blog-card .card-content{padding: 0}
	.single-blog-card .card-content .card-meta span{font-size: 14px}
	.single-blog-card .card-content{padding: 0}
	.single-blog-card .card-content a .col-12{padding: 0}
	.btn-link{font-size: 12px;padding: 6px 10px;}
	.single-specialist-doctor a{width: 92px; height: 38px;line-height: 36px;font-size: 12px;}
	.technologies-li{width: 50%}
	.single-service-box h3{font-size: 14px}
	/*.single-service-box .tech{display: none}*/
	.single-footer-widget h2{/*display: none*/}

	.widegts-content{margin-bottom: 10px}
	.widegts-content a{display: none}
	.d-title p{font-size: 18px}
	.mt-100{margin-top: 30px}
	.fun-fact-section-in .single-funfact-one{width: 50%}
	.best-service-item-box{padding: 20px;margin-top: 10px}
	.patient-focused-wrap .best-service-item-box{height: auto}
	.f-widget-title img{width: 65px;margin: 0 auto}
	
	.fotwz{float:left; margin-left:0; padding-top:5px;}
	.fotwz img{width:auto; max-width:148px;}
	.fotpadding{padding:0;}
	
	.ProList li{width: 33.3%}
	.ProList li .ico i{width: 80px;height: 80px;font-size: 32px;line-height: 80px;left: 0;top: 0}
	.ProList li .ico{width: 80px;height:80px;margin-bottom: 0}
	.ProList li .ti span{font-size: 14px}
	.probtn {display: block;}
	.proclose {display: none;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.3);left: 0;top: 0;z-index: 999;}
	.ProNav {left: -300px;
    top: 0;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 50%);
    z-index: 1000;
    width: 225px;}
	.ProCon{width: 100%}
	.Protit {font-size: 18px;padding-top: 0;}
	.n-news .title-right .timebox {
    width: 48%;
    margin-right: 0;
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    z-index: 9;}
	.n-news .title-right .newsreach {
    width: 48%;}
	.n-news .news-list .li .timebox {width: 35%; height: auto; padding: 1.5rem 0;}
	.n-news .news-list .li .text {width: 100%;padding: 0.75rem 0;}
	.n-news .title-right .newsreach .inputext {width: 100%;height: 45px;}
	.n-news .title-right .timebox span {line-height: 45px;}
	.n-news .news-list .li .timebox .line {width: 80%;}
	.n-news .news-list .li .timebox .yue{font-size: 18px}
	.n-news .news-list .li .timebox .year{font-size: 18px}
	.n-news .news-list .li .tit2{font-size: 18px;font-weight: bold}
	.n-news .news-list .li .p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.section-text-wrap h1{font-size: 18px}
	.about-heading{margin-bottom: 0}
	.promo-text h2{font-size: 18px}
	.service-icon{display: block}
	.service-icon li{width: 50%}
	.service-icon li a{display:block;padding: 0 30%}
	.service-icon li p{font-weight: normal}
	.case_box{padding: 10px;margin-top: 0}
	.case_box .content .cont img.bg{position: inherit;width: 100%}
	.case_box .content .cont .info{position: inherit;width: 100%;padding: 0px 10px 0;}
	.case_box .content .cont .info .title h4{font-size: 18px}
	.case_box .content .cont{height: auto;}
	.case_box .category ul li{width: 100%;font-size: 18px}
	.rwlcont{padding: 20px}
	#mapBox{height: 250px}
	.navbar-brand{margin-left: 1rem}
	.innav ul li a{font-size: 14px;font-weight: normal;padding: 6px 20px;}
	.innav ul{max-width: 92vw;}
	.banner-area a.btn-light{font-size: 14px;}
	.best-service-item-box p{font-size: 14px}
	.timeline .timeline-row .timeline-content h2{font-size:24px;}
	.section-title-one span{margin:20px auto;}
	.service-icon li img{height:70px;}
	.text-left .bot .back-btn{width:100px;height:36px;line-height:36px;float:none;}
	.n-news .shows-list{width: 100%;}
	.n-news .shows-list .li{width:100%;margin-right:0;}
	
	.our-activity-list .slick-arrow {
    width: 30.21px;
    height: 30.21px;
    background: #808080;
    line-height: 30.21px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 1%;
    color: var(--second-color-two);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
	z-index: 999;
	color: #fff;
	border-radius:50%
	}
	
	
	.our-works-list .slick-arrow {
    width: 30.21px;
    height: 30.21px;
    background: #808080;
    line-height: 30.21px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 1%;
    color: var(--second-color-two);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
	z-index: 999;
	color: #fff;
	border-radius:50%
	}
	
	
	.widegts-content .copy{text-align:left; font-size:14px;}
	
	
		
	.zxwd{max-width:100% ; flex: 0 0 100%;}
	.gzwd{max-width:100% ; flex: 0 0 100%;}
}