/************************************
页面格式
*************************************/

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

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

.text{
    text-align:center;
    padding: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 600;
    font-family: '楷体';
    letter-spacing: 0.5px;
}

h2{
    color: #4b7cb1;
}

html,
body {
    height: 100%
}

body {
    font-family: '楷体';
    font-weight: 300;
    color:#000040;
    background-color: #f8f8f8;
}

a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
}

a:hover,a:active{
    text-decoration: none;
    color: #ff0000;
}


a:focus {
    outline: 0 solid
}

.text-center{
    height: 100px;
    margin-top:30px;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.btn {
    padding: 10px 20px;
    font-weight: 300;
    border-radius: 0;
    right: 0;
    position: absolute;
}
.btn-sm{
    padding: 6px 15px;
}

.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.btn-secondary {
    color: #00aef0;
    background-color: #fff;
    border-color: #fff;
}

.btn-secondary:hover {
    color: #00aef0;
    background-color: #efeded;
    border-color: #efeded;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.read-more {
    color: #00aef0;
    font-size: 14px;
    font-weight: 300;
}

.read-more:hover {
    text-decoration: underline;
    color: #00aef0;
}


.section-margine {
    margin: 10px 0 20px 0;
}
.over-bg{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(41, 134, 226, 0.5);
}
/*** Heading Lines ***/
.title-head{
    margin-bottom: 40px;
    text-align: center;
}
.line-heading .line-left,
.line-heading .line-right {
    width: 55px;
    height: 0;
    border-top: 1px dashed #00AEF0;
    display: inline-block;
    margin: 0 15px;
    vertical-align: middle; 
}
.line-heading .line-left {
    margin-right: 30px; 
}
.line-heading .line-right {
    margin-left: 30px; 
}
.line-middle {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    position: relative;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
    background: #00AEF0;
    border-radius: 50%;
}
.line-middle:before, 
.line-middle:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #00AEF0;
    top: 7px;
}
.line-middle:before {
    left: -20px; 
}
.line-middle:after {
    right: -20px; 
}

/************************************
02)头部
*************************************/

.top-header {
    background: #00AEF0;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    overflow: hidden;
}

.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 5px 0;
    margin-bottom: 0;
    margin-right: 35px;
}

.contact-detail2 li a {
    color: #fff;
    font-size: 16px;
}

.social-icons {
    list-style: outside none none;
    padding: 10px 0;
    margin-bottom: 0;
}

.social-icons li {
    margin-right: 10px;
    display: inline;
}
.social-icons li:last-child,
.social-icons li:last-child a{
    margin-right: 0!important;
    padding-right: 0!important;
}
.social-icons a {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #00AEFF
}

#flexmenu li>a.hover{
    color: #f20d46;
}

/************************************
03)Logo
*************************************/
/* .navbar-brand img{
    width: 1.97rem;
    height: 0.45rem;
    margin: 0.1rem 0rem;
} */

.navbar-brand {
    float: left;
    height: auto;
    padding: 8px 0;
    font-size: 18px;
    line-height: 20px;
}

.logo-text {
    text-transform: none;
    font-size: 25px;
    vertical-align: bottom;
    line-height: 38px;
    letter-spacing: 1px;
    color: #777;
    font-family: 'Raleway', sans-serif;
}


/************************************
04)导航栏
*************************************/

.navbar {
    margin-bottom: 0;
}

.header-shade {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
}

.navbar-fixed-top {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
    margin-top: 0 !important;
    /*    padding: 20px 0 !important;*/
    background: rgba(247, 249, 248, 0.7) !important;
    position: fixed !important;
}

.navbar-right{
    margin-right:5px;
    margin-top: 5px;
}
.dropdown-menu{
    padding: 0;
    border: 0;
    box-shadow: none;
    background: rgba(247, 249, 248, 0.7) !important;
}
.dropdown-menu .divider {
    margin: 0;
}

.dropdown-menu>li>a {
    font-size: 20px;
    font-weight: 400;
    padding: 6px 20px;
    list-style:none;
    position: relative;
    display: inline-block;
    line-height: 1;
    border-bottom:1px solid rgba(120, 138, 156, 0.2);
    height: 35px;
}

.dropdown-menu> li >a:hover {
    color: #fff !important;
    background-color: #00aef0;
}

.navbar-menu {
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 600;
    margin-bottom: 0;
}

.navbar-menu .navbar-nav>li>a {
    background: transparent !important;
    font-family: '楷体';
    font-weight: 500;
    font-size: 20px;
}
.navbar-menu .navbar-nav>li:last-child>a{
    padding-right: 0!important;
}
.navbar-menu .navbar-nav>li:hover>a,
.navbar-menu .navbar-nav>li>a:active {
    background-color:#00aef0 !important;
    color: #FFF;
}

.navbar-menu .navbar-nav>.open>a,
.navbar-menu .navbar-nav>.open>a:focus,
.navbar-menu .navbar-nav>.open>a:hover {
    color: #ff0000;  
}

.navbar-menu .navbar-nav>li:hover>.dropdown-menu {
    margin-top: 0px;
    display: block;
    min-width: 100px;
}


/************************************
05)轮播图
*************************************/

#main-slide .item {
    min-height: 200px;
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}

#main-slide .item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 50%;
    padding: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .slider-content.text-left {
    left: 10%;
}

#main-slide .slider-content.text-right {
    right: 10%;
}

.slider-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}
.slider-content p{
    color: #212121;
}
.slide-title {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.slide-sub-title {
    font-style: normal;
    font-size: 52px;
    line-height: 58px;
    margin: 15px 0;
    color: #00AEF0;
    font-weight: 700;
    text-transform: uppercase;

}

.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-left: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
}

.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative;
}

.slider-img {
    display: block;
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px;
    max-height: 100%;
}

.slider-img img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}

.slider.btn {
    margin: 5px;
    border: 2px solid transparent;
}

.slider.border {
    background: none;
    border: 2px solid #fff;
}

.slider.border:hover {
    background: #00AEF0;
    border: 2px solid transparent;
}


/* Carousel 控件 */

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px;
    border-radius: 100%;
    border: 0;
    background: rgba(255, 255, 255, .5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background: #00AEF0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators {
    opacity: 1;
    filter: alpha(opacity=100);
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .carousel-control .fa-angle-left {
    left: 20px;
}

#main-slide .carousel-control .fa-angle-right {
    right: 20px;
}

#main-slide .carousel-control i {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 174, 240, 0.5);
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1;
}

#main-slide .carousel-control i:hover {
    background: #00AEF0;
}

.carousel .item.active .effect2 {
    -webkit-animation: fadeInLeft 1s ease-in 350ms both;
    animation: fadeInLeft 1s ease-in 350ms both;
}

.carousel .item.active .effect3 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 300ms both;
    animation: fadeInLeft 1.5s ease-in-out 300ms both;
}

.carousel .item.active .effect4 {
    -webkit-animation: lightSpeedIn 1.5s ease-in 300ms both;
    animation: lightSpeedIn 1.5s ease-in 300ms both;
}

.carousel .item.active .effect5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .effect6 {
    -webkit-animation: fadeInRight 1s ease-in 200ms both;
    animation: fadeInRight 1s ease-in 200ms both;
}

.carousel .item.active .effect7 {
    -webkit-animation: fadeInRight 1.5s ease-in 300ms both;
    animation: fadeInRight 1.5s ease-in 300ms both;
}



/************************************
06)Section 1 有
*************************************/
.section1{
    margin: 30px 0px;
    background: url(../images/company/pd.jpg) no-repeat fixed center;
}

.section1 .row{
    margin: 20px 0;
    background-color: #FFF;
    padding: 20px 0;
}
.section1 .container{
    /*    background-color: antiquewhite;*/
    padding: 10px 0;
}

span{
    font-size: 45px;
    color: #4b7cb1;
}

.section1 .title{
    padding: 10px 10px;
}

a{
    font-size: 20px;
    color: rgb(195, 203, 193);
}

.section1 .text{
    font-size: 17.5px;
    text-align: left;
    padding: 0px;
}

.company{
    background: #00AEF0;
    width: 20px;
}

.text p{
    text-indent: 35px;
}

.text #important{
    font-size: 17.5px;
    color: #eb5848;
}

.section1 .text:before{
    background: #4b7cb1;
    width: 60px;
    height: 4px;
    position: absolute;
}
.section-1-box {
    padding: 20px 0;
    text-align: center;
}

.section-1-box-icon-background {
    border-width:2px;
    border-style: solid;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 25px auto;
}

.section-1-box-icon-background i {
    margin-top: 37px;
    color: #00AEF0;
}

.section-1-box h4 {
    color: #555555;
    font-size: 18px;
    margin: 0 0 15px 0;
}

.section-1-box p {
    color: #777;
    font-size: 14px;
}



/************************************
07)Section 2 有
*************************************/
.section2 .nopadding a:hover{
    box-shadow: 0px 0 10px #757575;
}


.section2 .row{
    margin: 10px 0;
    background-color: #FFF;
}

.section2 .nopadding a{
    display: block;
    outline: none;
    color: #262626;
    padding-bottom: 10px;
}

.section-2-box-left figure {
    margin-bottom: 15px;
}

.section-2-box-left:hover{
    background-color: #6e9ff3;
}

.section-2-box-left:hover .tabletext h4{
    color: #FFF;
}

.section-2-box-left:hover .tabletext p{
    color: #FFF;
}

.section-2-box-left .tabletext{
    padding: 6px 10px;
    height: 160px;
}

.section-2-box-left h4 {
    font-size: 20px;
    color: #ff0000;
    text-align:center;
    padding: 5px 0px;
}
.section-2-box-left a{
    margin: 15px 0;
}
.section-2-box-right{
    background-color: #00AEF0;
    padding: 20px 25px;
}
.section-2-box-right h3{
    color: #ffffff;
}
.section-2-box-left p {
    color: #000000;
    text-indent:30px;
    font-size:16px;
}
.section-2-box-right ul{
    padding: 0;
    margin: 15px 0;
}
.section-2-box-right ul li{
    list-style: none;
    color: #fff;
    font-weight: 300;
    padding: 5px 0;
}
.section-2-box-right .btn{
    width: 100%;
    border: 0;
    margin-bottom: 15px;
    font-weight: 300;
}
.section-2-box h2{
    text-align: center; 
    height: 1.9rem;
    background-color:rgba(247, 249, 248, 1);
}

.section-2-box p{
    line-height:10px;
}

/************************************
08)Section 3 有
*************************************/

.section3-background {
    background: brown; 
    background-size: cover;
}

.section-3-box {
    padding: 30px 0;
    text-align: center;
}

.section-3-box figure {
    color: #ffffff;
    margin: 10px 0;
}

.section-3-box h3 {
    font-size: 30px;
    color: #fff;
    line-height:50px;
}

.section-3-box p{
    font-size: 18px;
}

.section-3-box h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
}
.section-3-box p{
    line-height:15px;
    color: #fff;
}

/************************************
09)Section 4 有
*************************************/
.section4 .container{
    background-color: #FFF;
    margin-top: 30px;
}

.section4 h2{
    color: crimson;
    text-align: center;
}

.section4 .titleproduct{
    margin: 30px 0;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
.section4 .nopadding a:hover{
    box-shadow: 0px 0 10px #757575;
}

.section4 .nopadding a{
    display: block;
    outline: none;
    color: #262626;
}

.section4 a:hover h3{
    color: #ff0000;
}

.section-4-box h3{
    color: #0052a5;
    text-align:center;
    padding: 20px 0px;
    font-size: 0.2rem;
}

.margin{
    margin-bottom: 10px;
}

/*.section-4-box {
    padding: 20px 0;
    overflow: hidden;
}

.section-4-box-icon-cont {
    float: left;
    width: 30px;
    margin: 0 23px 53px 0;
}

.section-4-box-icon-cont i {
    color: #00aef0;
}

.section-4-box-text-cont {
    margin: 0 0 0 15px;
}

.section-4-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.section-4-box-text-cont p {
    color: #777;
    font-size: 14px;
}

.section-4 .right h2 {
    margin-bottom: 10px;
}
.section-4 .right b {
    font-size: 14px;
    font-weight: normal;
}
.section-4 ul.section {
    float: left;
    width: 100%;
    padding: 0 3% 22px 0;
    margin: 25px 0 0 0;
    background: #fff;
}

.section-4 .section li {
    float: left;
    padding: 0;
    margin: 0;
    width: 75%;
    list-style: none;
}
.section-4 .section li a {
    font-size: 12px;
    color: #fff;
}
.section-4 .section li.left {
    float: left;
    width: 65px;
    color: #2cb1e9;
    font-size: 40px;
}
.section-4 .section li strong {
    font-size: 18px;
    color: #1889c1;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}
.border-bottom{
    border-bottom: 1px solid #eeeeee;
}*/

/************************************
10)Section 5 有
*************************************/
.section-5{
    padding: 20px 0;
}

.section-5 .row{
    background-color: #FFF;
    padding: 30px 0;
}

.my-team .my-team-member {
    margin-bottom: 20px;
}
.my-team .my-team-member:last-of-type {
    margin-bottom: 0;
}
.my-team .my-team-member .my-member-img {
    overflow: hidden;
    background-color: #FFF;
}
.my-team .my-team-member .my-member-img img {
    width: 100%;  
}
.my-team .my-team-member .my-team-detail {
    background-color: #00AEF0;
    padding: 6px 6px;
    position: relative;
    height: 150px;
}
.my-team .my-member-name {
    color: #FFF; 
    margin: 20px 0       
}
.my-team .my-member-post {
    color:#400080;   
    font-size: 16px;
    line-height:18px;
}
.my-team .my-member-social {
    position: absolute;
    top: -25px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-team-member:hover .my-member-social {
    top: -43px;
    opacity: 1;
}
.my-team .my-member-social ul li {
    margin-top: 6px;
    list-style: none;
    display: inline-block;
}
.my-team .my-member-social ul li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border: 1px solid #00AEF0;
    background-color: #00AEF0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-member-social ul li a:hover {
    color: #3498DB;
    background-color: #FFF;
    border: #3498DB 1px solid;
}
@media(min-width:992px) {   
    .my-team .my-team-member {
        margin-bottom: 0;
    }
}


/************************************
11)Section 6 有
*************************************/
.section-6{
    padding: 20px 0;
}

.section-6 .row{
    background-color: #FFF;
    padding: 30px 0;
    margin-bottom: 20px
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
    color: #555555;
}

.section-title h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #555555;
}

.font{
    text-align: center;
    color: #FFF;
    border-radius:20px;
    box-shadow: 1px 1px 8px rgb(136,187,243);
    background-color: rgb(136,187,243);
    height: 320px;
    margin: 10px 0;
}

.font p{
    font-size: 20px;
    font-weight: bold;
    padding: 20px 5px 0 5px;
    text-align: left;
    text-indent: 40px;
}

.font-top{
    background-color: #FFF;
    padding: 50px 0;
    color: #00AEF0;
}

.font-top .fa-heart{
    color: #fb5963;
}

/************************************
12)Section 7 有
*************************************/
.section7 .row{
    background-color: rgba(247, 249, 248, 0.7) !important;
    padding: 50px 0;
}

.section7 .text{
    background: -webkit-linear-gradient(top,white,lightblue,skyblue);
    height: 150px;
    text-align: left;
    margin-top: 10px;
    border-radius: 20px;
    box-shadow: 0px 0 10px lightskyblue;
}
.section7 h4{
    padding-top: 10px;
    color: #ff0000;
    text-align: center;
    font-size: 20px;
}

.section7 p{
    font-size: 20px;
    color: #000000;
    text-indent: 40px;
}

.section7{
    background:url(../images/company/2.jpg) no-repeat fixed center;
}

.section7 a:hover img{
    box-shadow: 0px 0 10px #757575;
}

.section7  img{
    margin: 0.02rem 0px;
}
/************************************
13)Section 8 有
*************************************/
.section8 .row{
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;
}
.section8 a{
    display: block;
    outline: none;
    color: #262626;
    padding-bottom: 10px;
    overflow: hidden;
}
.section8 a:hover{
    box-shadow: 0px 0 10px #757575
}

.section8 a:hover img{
    transform: scale(1.1);   
}

.section8 img{
    height: 300px;
    width: 350px;
    transition:transform 2s;
}


.section8 h3{
    margin-top: 20px;
}


.section8 p{
    font-size: 18px;
}

/************************************
14)Section 9
*************************************/

#section9{
    background: url(../images/company/pd.jpg) no-repeat fixed center;
    /*兼容浏览器版本*/
    -webkit-background-size: cover;
    -o-background-size: cover;                
    background-size: cover;
    width:100%;
    height: auto;
}

.section9 .textcont p {
    color: #000000;
    font-size:20px;
    text-indent:40px;
}

.section9{
    margin-top:10px;
    background: rgba(247, 249, 248, 0.8) !important;
    border-bottom: 1px solid rgba(120, 138, 156, 0.2);
}

/************************************
15)Section 10
*************************************/
.section10 .border{
    text-align: center;
}

.section10 .row{
    padding: 20px 0;
}

.section10 h3 img{
    height: 35px;
    float: left;
}


.section10 p{
    color: #FFF;
    font-size: 18px;
}
.section10 h4{
    color: #FFF;
    padding: 0 5px;
}
.section10 .text{
    text-align: left;
    background:rgb(165,55,55);
    border-radius: 25px;
    padding: 10px 10px;
    margin: 7px 0;
}

.section10 .middle{
    font-size: 20px;
    color: rgb(165,42,42);
}

.section10 img{
    border-radius: 25px;
}

.title-head i{
    width: 350px;
    height: 2px;
    background-color: #b37619;
    display: block;
    margin: 10px auto 0 auto;
}

.section10 .title{
    margin: 17px 0px;
}

.title h3{
    margin: 0 0;
    color: #fc050c;
}

.title i{
    width: 150px;
    height: 2px;
    background-color: #fc050c;
    display: block;
}

.section10{
    background:url(../images/company/1.jpg) no-repeat fixed center;
}

/************************************
16)Footer top
*************************************/
.foot a{
    font-size: 15px;
}
.footer-top {
    padding: 25px 0;
    background-color: #000040;
    color: #7e7e7e;
    font-size: 14px !important;
}

.footer-top .row{
    text-align:center;
}

.footer-top #pic{
    margin: auto;
}

.footer-top p {
    font-size: 14px;
    margin-bottom: 0;
    color: antiquewhite;
}

.foot-top{
    text-align:center;
}
#foot-top-box{
    width:184px;
}
#foot-top-box1{
    width:200px;  
}
.footer-top-box {
    text-align:center;
    width: 114px;
    margin: auto;
}
.foot-top-box p{
    font-size: 14px;
    margin-bottom: 0;
    text-align:center;
    color: #fcfcfc;
}
.footer-top h4 {
    color: #ff0000;
    text-transform: capitalize;
    font-size:20px
}
.footer-top-box li{
    padding: 5px 0 0px 0;
    border-bottom: 1px dotted #333;
}
.footer-top-box li:last-child{
    border-bottom: 0!important;
}
.footer-top-box h5{
    margin-bottom: 5px;
}
.widget-img-thumb {
    display: inline-block;
    width: 120px;
}

.footer-top-box .widget-content {
    overflow: hidden;
    font-size:20px;
    color: #ffffff;
}
#foot-top-box1 .widget-content{
    padding-left: 10px;
}

.footer-top-box .widget-date{
    font-size: 12px;
}

.footer-top ul li a {
    color: #4b7cb1;
}

.footer-top ul li a:hover {
    color: #fff;
}

/***************************************
17)Footer Bottom
****************************************/

.footer-bottom {
    font-size: 14px;
    background-color: #f0f1f3;
}

.footer-bottom .foot{
    color: #000000;
    margin: 20px 0 20px 0;
    font-size: 15px;
    text-align: center;
}
.footer-top-box strong,
.footer-top-box b{
    font-weight: 300;
}

/************************************
18)Section 11
*************************************/

.section-11-box {
    padding: 20px 0;
    text-align: center;
}

.section-11-box-icon-background {
    background: #00aef0;
    height: 80px;
    width: 80px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}

.section-11-box-icon-background i {
    margin-top: 28px;
    color: #fff;
}

.section-11-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.section-11-box p {
    color: #777;
    font-size: 14px;
}

.section-11{
    background:#FFF;
    padding: 50px 0;
    border-top: 1px solid #eee;
}
.my-team .my-team-member {
    margin-bottom: 20px;
}
.my-team .my-team-member:last-of-type {
    margin-bottom: 0;
}
.my-team .my-team-member .my-member-img {
    overflow: hidden;
    background-color: #FFF;
    box-shadow: 1px 1px 8px #777;
}
.my-team .my-team-member .my-member-img img {
    width: 100%;

}
.my-team .my-team-member .my-team-detail {
    background-color: #00AEF0;
    padding: 6px 6px;
    position: relative;
    height: 150px;
}
.my-team .my-member-name {
    color: #FFF; 
    margin: 20px 0       
}
.my-team .my-member-post {
    color:#400080;   
    font-size: 16px;
    line-height:18px;
}
.my-team .my-member-social {
    position: absolute;
    top: -25px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-team-member:hover .my-member-social {
    top: -43px;
    opacity: 1;
}
.my-team .my-member-social ul li {
    margin-top: 6px;
    list-style: none;
    display: inline-block;
}
.my-team .my-member-social ul li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border: 1px solid #00AEF0;
    background-color: #00AEF0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-member-social ul li a:hover {
    color: #3498DB;
    background-color: #FFF;
    border: #3498DB 1px solid;
}
@media(min-width:992px) {   
    .my-team .my-team-member {
        margin-bottom: 0;
    }
}

/************************************
19)Section 12
*************************************/

#section-12 {
    padding: 25px 0;
    margin: 50px auto 50px auto;
}

.portfolioFilter {
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 15px 10px;
    color: #45bbff;
}

#section-12 p {
    margin-bottom: 100px;
}

.portfolioFilter a {
    color: #45bbff;
    text-decoration: none;
    margin: 15px 5px 15px 5px;
    padding: 10px 15px;
    display: inline-block;
}

.portfolioFilter a.current {
    color: #45bbff;
    font-weight: 700;
}

.portfolioContainer a img {
    margin: 15px auto;
    width: 100%;
    height: 100%;
}

.portfolioContainer1 a img {
    /*margin:15px auto;*/
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/************************************
20)Section 13
*************************************/

.section-13 {
    background: #00aef0;
    padding: 70px 0;
}

.section-13 h2 {
    color: #fff;
    font-weight: 200;
}

.section-13 p {
    color: #fff;
}

.section-13 .light {
    color: #fff;
    width: 20%;
    margin: 30px auto 40px auto;
}

.section-13 .btn {
    color: #00aef0;
    font-weight: 600;
}

.section-13 .btn-default {
    border-color: transparent;
}


/************************************
21)Section 14 有
*************************************/
.section-14-box{
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #eeeeee;
    background: #f6f6f6;
}
.blog-list .section-14-box{
    padding:0;
    border: 0;
    background: none;
}
.section-14-box h3 {
    margin-top: 30px;
    text-align: center;
}

.section-14-box h3 a {
    font-size: 20px;
    color: #555555;
}

.section-14-box h3 a:hover {
    font-size: 20px;
    color: #999;
}
.blog-list .section-14-box h3 {
    text-align: left;
}
.section-14-box p {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    margin: 15px 0;
}


.section-14-box .comments {
    margin:15px 0;
    text-align: center;
}
.blog-list .section-14-box .comments {
    margin: 5px 0;
    text-align: left;
}
.section-14-box .comments a {
    color: #fff;
    cursor: none;
}
.blog-list  .section-14-box .comments a {
    color: #212121;
}
.section-14-box ul {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
}

.section-14-box ul li {
    margin: 20px 0;
}

.section-14-box ul li a {
    color: #777;
}

.section-14-box ul li a:hover {
    text-decoration: none;
    color: #00aef0;
}

.section-14-box .underline {
    border-bottom: 2px solid #00aef0;
    padding: 0 0 15px 0;
}

.section-14-box ul li a.tag {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #777;
}

.section-14-box ul li a.tag:hover {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #00aef0;
    color: #00aef0;
}

.blog-search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 20px 0 0 0;
}

.search-form button {
    background: #ffffff;
    border: none;
    float: right;
    margin-top: -32px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.comment-form-container {
    margin: 70px auto;
    ;
}

.comment-form-container h4 {
    margin: 0 0 35px 0;
}

.comment-form-container .nopadding-left {
    padding-left: 0;
}

.comment-form-container input.form-control {
    height: 50px;
}

.comment-form-container .form-control {
    border-radius: 0;
    padding: 10px 15px;
}


.section17-background {
    background: #CCC;
    padding: 40px 0 30px 0;
}

.section17 .row{
    text-align: center;
}
.team-member {
    background: #fff;
}


/************************************
23)Inner Title bar
*************************************/

/* .inner-title {
    background: url(image/0.gif);
    padding: 30px 0;
} */
/* 
.inner-title h2 {
    color: #f55757;
} */

.breadcrumbs ul {
    float: left;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500
}

.breadcrumbs ul li {
    display: inline-block;
    color: #6757f5 !important;
    font-weight: bold;
    margin: 0 0 0 5px
}

.breadcrumbs ul li:after {
    content: "\f101";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #6757f5;
    font-weight: bold;
    margin: 0 0 0 9px
}

.breadcrumbs ul li:last-child:after,
.breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

/* .breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {
    color: #f55757 !important;
    font-weight: 600
} */ */

.breadcrumbs ul li a:hover {
    color: #ff0000 !important;
    text-decoration: none;
}

.breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}


/************************************
24)Section 16
*************************************/

.section16 {
    padding: 50px 0;
}
.section16  .single-location{
    text-align: center;
    margin-bottom: 20px;
    height: 150px;
    background-color:#68aadf;
    box-shadow: 1px 1px 8px #777;
}
.section16 .loc-icon {
    display:block;
}

.section16 .loc-icon {
    color: #ffffff;
    padding-top: 20px;
}
.section16 .loc-content {
    color: #ffffff;
    font-size: 20px;
    display:block;
    font-weight: 300;
    line-height: 10px;
    margin-top:15px;
    text-align: center;
    width: 100%;
}
.section16 .success,
.section16 .error {
    display: none;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 48px;
}

.section16 .success {
    color: green;
}

.section16 .error {
    color: red;
}

.section16 .success .fa,
.section16 .error .fa {
    font-size: 18px;
    margin-right: 5px;
}

.section16 input[type="text"] {
    border-radius: 0;
    padding: 10px 15px;
    height: 50px;
}

.section16 textarea {
    border-radius: 0;
    padding: 25px 15px;
}

.section16 iframe {
    width: 100% !important;
}

.section16 .address {
    margin: 20px 0;
}

.section16 .address h4 {
    color: #00aef0;
}

.section16 .contact_form {
    padding: 0px 10px 0px 0px;
    -webkit-box-shadow: 0px 0px 6px rgba(177, 177, 177, 0.23);
    box-shadow: 0px 0px 6px rgba(177, 177, 177, 0.23);
}
/************************************
25)Section 17
*************************************/
.section-17 {
    padding:10px 0;
}

.section-17 p{
    font-size:20px;
    padding: 15px 15px;
    color: #02058e;
}

.section-17 .box{
    padding: 10px;
}

.section-17 .newsdetail a:hover{
    box-shadow: 0px 0 10px #757575;
}
.section-17 .newsdetail a{
    display: block;
    padding: 20px;
    border-bottom:1px solid rgba(120, 138, 156, 0.2);
    background-color: #FFF;
}
.section-17 a {
    font-size:30px;
    padding: 8px 0;
}

.section-17 a:hover h2{
    color: #ff0000;
}

.team-member1 {
    background: #fff;
    padding: 5px;
    margin: 10px auto;
    overflow: hidden;
}

.team-member1 .team-member1-img-cont {
    float: left;
    width: 100%;
}

.team-member1 .team-member1-img-cont img {
    min-height: 167px;
}

.team-member1 .team-member1-details {
    float: left;
    padding: 0 10px;
    width: 100%;
}

.team-member1 .team-member1-details h4 {
    margin: 10px 0 0 0;
    padding: 0;
}

.team-member1 .team-member1-details p {
    color: #878787;
    margin: 5px 0 5px 0;
}

.team-member1 .team-member1-details .sub {
    margin: 10px 0 10px 0;
}

.team-member1 .team-member1-details p i {
    margin: 0 10px 0 0;
    font-size: 16px;
}


/************************************
26)Section 18 有
*************************************/

.section18{
    margin-top:10px;
    background: rgba(247, 249, 248, 0.8) !important;
}
.section18 .textcont {
    margin: 30px;
}
.section18 .textcont h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #555555;
    line-height: 35px;
}

.section18 .textcont p {
    color: #000000;
    font-size:20px;
    text-indent:40px;
}
.section18{
    padding: 20px 0;
}
.section18 .mission-vision{
    margin: 20px 0;
}
#important{
    color:#eb5848;
    font-size:20px;
}

.section18 .textcont h3{
    font-family:'楷体';
    color:#303030;
}

.section18 h1{
    text-align: center;
    color: #00AEF0;
}

.section18 h2{
    height: 40px;
    text-align: center;
    background-color: #02058e;
}

.section18 .row .line-heading{
    text-align: center;
    margin-bottom: 40px;
    border-bottom: #7e7e7e;
}

#title1{
    border-bottom: 2px solid rgb(255,51,51);
    width: 120px;
}

#title1 p{
    text-indent: 0px;
    color: #ff3333;
    margin: auto;
}

#im{
    text-align: center;
}

#detail{
    border: 2px solid rgba(108, 164, 219, 0.2);
    margin-bottom:10px ;
    text-align: center;
}

#detail p{
    font-size: 30px;
    color: #400040;
    text-align: center;
    padding: 40px;
    border-bottom: 1px solid rgb(196, 194, 194);
}

#detail1 figure img{
    box-shadow: 1px 1px 8px #cccccc;
}

#detail1 p{
    font-size: 30px;
    background-color: #02108e;
    color: #ffffff;
    text-align: center;
    height: 50px;
    box-shadow: 1px 1px 8px #999999;
}
#text{
    text-align: center;
}
#title{
    font-size: 18px;
    font-weight: bold;
    color: white;
    line-height: 22px;
    word-break: break-all;
    padding: 8px 12px;
    background: rgb(243, 25, 25);
    margin: auto;
    width: 250px;
    text-align: center;
}

.section18 img{
    vertical-align:super;
}
/************************************
27)Section 19
*************************************/

.section19 {
    margin: 50px auto ;;
}
.section19 h1 {
    font-size: 10em;
    font-weight: 700;
    color: #00aef0;
    text-align: center;
}

.section19 h3 {
    text-align: center;
}

.section19 h3 {
    margin-top:50px;
    margin-bottom: 30px;
}

.section19 .btn-primary {
    border-radius: 0;
    display: inline-block;
    margin: 15px 20px 0 0;
}


/************************************
28)Section 20
*************************************/

.section20 {
    margin: 70px auto;
}

.section-20-box {
    padding: 25px 0;
    overflow: hidden;
}

.section-20-box-icon-cont {
    float: left;
    width: 23px;
    margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
    color: #00aef0;
}

.section-20-box-text-cont {
    margin: 0 0 0 15px;
}

.section-20-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 3px 0 15px 0;
}

.section-20-box-text-cont p {
    color: #777;
    font-size: 14px;
}


/************************************
29)Section 21
*************************************/

.section21 {
    margin: 70px auto;
}

.section-21-box {
    padding: 25px 0;
    overflow: hidden;
}
/************************************
30)Section 22
*************************************/

.section22{
    background:#f8f8f8;
    padding: 50px 0;
}
.section-22-box-text-cont{
    padding: 100px 0;
}
/************************************
31)Section 23
*************************************/
.appointment .modal-header{
    background:#00aef0;
    color: #fff;
}
.appointment input,
.appointment select,
.appointment textarea{
    border-radius: 0;
    box-shadow: none;
}
.appointment label {
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
}

/******************
page
*****************/
#section17 #page{
    text-align: center;
    margin-top: 20px;
    padding: 0px;
}

#section17 #page a{
    font-size: 18px;
    text-decoration: none;
    background-color: #e6e6e6;
    margin-top: 20px;
}

#section17 #page a:hover{
    color: #FFF;
    background: #00AEF0;

}

#section17 #page span{
    color: #FFF;
    background: #00AEFF;
    font-size: 15px;
    display: inline-block;
    padding: 5px;
}

.disabled-button{
    background-color: #00AEFF;
    color: #fff;
    cursor: not-allowed;
}