/*@import url(Solutions.css);
@import url(Projects.css);
@import url(product-list.css);*/
html,body {
    overflow-x: hidden;
    font-size:12px;
}

p {
    font-size: 12px;
}

p.small {
    font-size: 12px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #18bc9c;
    /*color: #fff;*/
    font-size:12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-primary {
    border-color: #2c3e50;
}

hr.star-primary:after {
    color: #2c3e50;
    background-color: #fff;
}

.img-centered {
    margin: 0 auto;
}

header {
}

header .container {
    padding-top: 23px;
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.margin-top-5px{margin-top:5px;}.margin-top-10px{margin-top:10px;}.margin-top-15px{margin-top:15px;}.margin-top-25px{margin-top:25px;}.margin-top-35px{margin-top:35px;}.margin-top-45px{margin-top:45px;}.margin-top-55px{margin-top:55px;}
.margin-right-5px{margin-right:5px;}.margin-right-10px{margin-right:10px;}.margin-right-15px{margin-right:15px;}.margin-right-25px{margin-right:25px;}.margin-right-35px{margin-right:35px;}.margin-right-45px{margin-right:45px;}.margin-right-55px{margin-right:55px;}
.margin-left-5px{margin-left:5px;}.margin-left-10px{margin-left:10px;}.margin-left-15px{margin-left:15px;}.margin-left-25px{margin-left:25px;}.margin-left-35px{margin-left:35px;}.margin-left-45px{margin-left:45px;}.margin-left-55px{margin-left:55px;}
.margin-top-5px{margin-top:5px;}.margin-top-10px{margin-top:10px;}.margin-top-15px{margin-top:15px;}.margin-top-25px{margin-top:25px;}.margin-top-35px{margin-top:35px;}.margin-top-45px{margin-top:45px;}.margin-top-55px{margin-top:55px;}
.margin-bottom-5px{margin-bottom:5px;}.margin-bottom-10px{margin-bottom:10px;}.margin-bottom-15px{margin-bottom:15px;}.margin-bottom-25px{margin-bottom:25px;}.margin-bottom-35px{margin-bottom:35px;}.margin-bottom-45px{margin-bottom:45px;}.margin-bottom-55px{margin-bottom:55px;}

.padding-top-0px{padding-top:0px;}.padding-top-5px{padding-top:5px;}.padding-top-10px{padding-top:10px;}.padding-top-15px{padding-top:15px;}.padding-top-25px{padding-top:25px;}.padding-top-35px{padding-top:35px;}.padding-top-45px{padding-top:45px;}.padding-top-55px{padding-top:55px;}
.padding-right-0px{padding-right:0px;}.padding-right-5px{padding-right:5px;}.padding-right-10px{padding-right:10px;}.padding-right-15px{padding-right:15px;}.padding-right-25px{padding-right:25px;}.padding-right-35px{padding-right:35px;}.padding-right-45px{padding-right:45px;}.padding-right-55px{padding-right:55px;}
.padding-left-0px{padding-left:0px;}.padding-left-5px{padding-left:5px;}.padding-left-10px{padding-left:10px;}.padding-left-15px{padding-left:15px;}.padding-left-25px{padding-left:25px;}.padding-left-35px{padding-left:35px;}.padding-left-45px{padding-left:45px;}.padding-left-55px{padding-left:55px;}
.padding-bottom-0px{padding-bottom:0px;}.padding-bottom-5px{padding-bottom:5px;}.padding-bottom-10px{padding-bottom:10px;}.padding-bottom-15px{padding-bottom:15px;}.padding-bottom-25px{padding-bottom:25px;}.padding-bottom-35px{padding-bottom:35px;}.padding-bottom-45px{padding-bottom:45px;}.padding-bottom-55px{padding-bottom:55px;}


@media(min-width:768px) {
    header .container {
        padding-top: 23px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        <!--max-width:1140px;-->
    }
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 15px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    background-color:  #00a2ca;
}

.navbar-header >a {
color:#fff;
}
.navbar-logo:hover{
    font-size:18px;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
color: #FFF;
background-color: #ff8a00;
}

.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus {
color: #FFF;
background-color: #ff8a00;
border-left-color: transparent;
}

.navbar-inverse .navbar-nav>li>a{
color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus {
color: #ff8a00;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

section {
    padding: 0px 0;
}

section h2 {
    margin: 0;
    font-size: 3em;
}

section.success {
    color: #fff;
    background: #18bc9c;
}

@media(max-width:767px) {
    section {
        padding: 0px 0;
    }

    section.first {
        padding-top: 25px;
    }
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,188,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: #18bc9c;
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #e5e5e5;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #e5e5e5;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: #18bc9c;
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #e5e5e5;
}

footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 50px;
    background-color: #2c3e50;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #233140;
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


.navbar-default .navbar-toggle {
border-width: 0px;
}

.navbar-logo {
float: none;
height: 50px;
padding: 15px 0px 15px 26px;
font-size: 18px;
line-height: 48px;
}

.navbar-log-img{
    width:103px;
    height:53px;
    padding: 0px 26px 0px 0px;
}

.navbar-mobile-user {
float: left;
padding: 0px 10px 0px 15px;
height: 50px;
line-height: 48px;
font-size: 18px;
}

.navbar-mobile-menu {
float: right;
padding: 0px 15px 0px 10px;
height: 50px;
line-height: 48px;
font-size: 18px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #18bc9c;
}

.navbar-inverse .navbar-nav>.open>.dropdown-menu {
padding: 3px 4px;
background-color: #ff8a00;
width: 350px;
 border-radius: 0px; 
 margin-top: 0px;
 position: absolute;
 left: -124px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child>.dropdown:last-child>a {
 border-radius: 0 0px 0px 0; 
 margin-left: 1px;
}


#search-menu > li > a{
    padding: 0 0;
    margin: 0 0;
    background-color: #ff8a00;
    font-size: 13px;
    padding:5px 1px;
    width: 64px;
}

#search-menu > li > a:hover{
    background-color: #00a2ca; 
}


.container>.navbar-header {
text-align: center;
}
@media(min-width:767px) {
    .navbar-logo{
        float: left;
        line-height: 20px;
        padding: 15px 50px 15px 15px ;
    }
    .nav > li {
        min-width: 50px;
        padding: 15px 15x;
    }
    .navbar-mobile-user,.navbar-mobile-menu {
        display:none;
    }
    .navbar-fixed-top {
     padding: 0px 0; 
    }
    
    input{
        max-width: 450px;
    }
}
.title-me-1 {
    border-left:4px solid #fa9900;
    padding-left: 9px;
    height:40px;
    line-height:40px;
}
#news {
    padding-top: 25px;
    background:#fff;
}

#news .news-item {
    right: 0;
    margin: 0 0 15px;
    min-height: 300px;
    min-width: 323px; 
}

.panel-default {
    border-color: #2C3E50;
}
.panel-default>.panel-heading {
color: #fff;
background-color: #2C3E50;
border-color: #2C3E50;
}

.panel-default>.panel-body {
padding: 0px;
}

.list-group-item {
position: relative;
display: block;
padding: 10px 15px 0 15px;
margin-bottom: -1px;
background-color: #fff;
border: 0px solid #fff;
}

.list-group-item > a:hover {
    padding: 10px 5px 10px 5px;
    color: #fff;
    background-color: #3498db;
}

#myTab{
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background-color: #fff;
    
}

#myTab > li > a {
font-size:14px;
font-weight: bold;
background-color:#e5e5e5;
margin-top:-1px;
}
#myTab > li > a{border-radius: 0px 0px 0 0;}
#myTab > li > a.a1{margin-right: 1px;}
#myTab > li >  a.a2{margin-right: 1px;}
#myTab > li >  a.a3{ margin-right: 1px;}
#myTab > li >  a.a4{ }	
#myTab > li.active > a { background:#fff;color:#000;font-weight: bold; margin-left: -1px;margin-right: 0px;margin-top:-1px;border-top:2px solid #00a2ca;}
.tab-content{
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    min-height:300px;
    background-color: #fff;
    
}

.thumbnail {

border: 0px solid #bdc3c7;
padding-left:30px;
pading-right:30px;
}

.media {
padding-top:10px;
padding-left:50px;
padding-right:50px;
font-size:14px;
}



.profile{
    border: 1px solid #e5e5e5;
    background-color: #fff;
    min-height:343px;   
    padding-bottom: 10px;
}

.profile h5{
    font-size:16px;
    color: #000;
}

.profile .content{
    padding-left:0px;
    padding-right:0px;
    font-size:12px;
    height:150px;
    text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
    overflow: hidden;
}

.profile .content p{
    text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
}

@media(min-width:767px) {
    .col-xs-9 {
        width: 75%;
        }
    .col-xs-3 {
        width: 25%;
    }
    .profile {
        min-width: 263px;
    }
}

@media(max-width:766px) {
    .col-xs-10 {
        width: 100%;
        }
    .col-xs-2 {
        width: 100%;
    }
}

.footer{
    background:#fff;
    border-top: 1px solid #e5e5e5;
    height:70px;
    font-size:12px;
}


.main_page {
background: #eee;
padding: 53px 0 0 0;
margin: 0 auto;
height:100%;
}

@media(min-width:768px) {
    .main_page {
    min-width:1000px;
    background: url(http://www.qiyida.top/templates/new/img/page-main-bg.png) repeat-y scroll center 0 #eee;
    }
}
 
.main_page .container{
max-width:1200px;
height:100%;
}
.main_page .container .left-row{
    /*background:#f3f3f3;*/
    padding-right:0px;
    font-size:12px;
    padding-left:20px;
    padding-top:30px;
    height:auto;
    border-right: soild 1px #000;
}

.main_page .container .left-row > ul > li > a:hover,
.main_page .container .left-row > ul > li.active > a{
    background:#fff;
}

.main_page .container .right-row{
    background:#fff;
    height:100%;
    TEXT-ALIGN: center;
}

.main_page .container .right-row .thumbnail img{
    width:150px;
    height:150px;
    overflow:hidden;
}
.main_page .container .right-row .thumbnail .caption{
font-size:12px;
height:50px;
}

.thumbnail{
padding-top:60px;
}
.thumbnail img{
    width:150px;
    height:150px;
    overflow:hidden;
}
.media .media-left img{
    width:100px;
    height:100px;
    overflow:hidden;
}
.media  .media-body{
    font-size:12px;
    height:100px;
    overflow:hidden;
}
.thumbnail .caption{
font-size:12px;
    height:50px;
}

.main_page .container .right-row .content{
    padding-left:0px;
    padding-right:0px;
    font-size:12px;
    text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
    overflow: hidden;
}

.main_page .container .right-row .content p{
    text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
    font-size:12px;
    text-align: left;
}

.main_page .container .right-row .content h3{
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0 5px 5px;
    text-align: left;
}

.pagination{
MARGIN-RIGHT: auto; MARGIN-LEFT: auto;
}

.pagination > ul{
    float:left;
	left:50%;
	margin:0 auto;
}
.pagination li {
margin-right: 0px;
}