/* Customized */

.tagline {
    margin-top: 50px;
    font-size: 1.2em;
}


/* Common */

body {
    min-height: auto;
    padding-top: 50px;
    font-family: '宋体', sans-serif;
    color: #000;
}

img.center {
    margin: 0 auto;
    display: block;
}

h1 {
    margin: 0 0 30px;
    font-size: 23px;
    font-weight: 300;
}

.desc {
    margin-bottom: 50px;
}

li {
    list-style-type: none;
}


/* 30 Ori */

.blue-bg {
    background: #333;
    color: #fff;
}

.dark-grey-bg {
    background: #616060;
    color: #fff;
}

.light-grey-bg {
    background: #f0f0f0;
}

a {
    color: #141413;
}

a:focus {
    outline: none;
}

a,
figure,
figcaption,
img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.region {
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 30px;
}


/*73 ori */

.align-center {
    text-align: center;
}


/* Logo */

.navbar-brand {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 99;
}


/* Navigation */

.navbar-default .navbar-nav>li>a:focus {
    color: #eee;
}

.navbar-default {
    border: none;
}
.navbar-default .navbar-nav>li{
    width:120px;
    text-align: center;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    
}

.fixed-top-active {
    background: #000;
    border-bottom: 1px solid rgb(8, 8, 8);
}

.fixed-top-active .logo img {
    border-top: none;
}

.fixed-top-active .logo,
.fixed-top-active .logo:hover {
    background: #000;
}

.fixed-top-active.navbar-default .navbar-nav>li>a {
    color: #000;
    font-weight: bolder
}


/* Footer */

footer a.btn {
    padding: 6px 72px;
    color: #fff;
    border: 2px solid #cbcbcb;
}

footer a.btn:hover {
    color: #fff;
    border: 2px solid #fff;
    padding: 6px 80px;
}

footer a.btn:focus {
    color: #fff;
}


/*----------------------------------------------------
    Responsive - Media Quries
  ----------------------------------------------------*/

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .centerVert .detail {
        position: static;
    }
    /* Section 7: Drupal Legoland */
    .region-7 {
        margin-bottom: 35px;
        text-align: center;
    }
    .region-7 h2 {
        font-size: margin: 20px 0 30px;
    }
    .region-7 .col-left {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    /* Navigation */
    #navbar {
        float: none !important;
    }
    /* Portfolio */
    .grid {
        height: auto !important;
    }
    .grid-item {
        position: static !important;
    }
    .grid-item img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 479px) {
    /* Awards */
    .award {
        display: none;
    }
}

@media (max-width: 330px) {
    /* Navigation */
    .navbar-brand img {
        width: 230px;
    }
    .fixed-top-active .logo img {
        border: none;
    }
}

.footer-nav a {
    color: #fff;
    padding-left: 15px;
}

.navbar {
    backgroud-color: #000 !important
}

.navbar {
    height: 72px !important
}

#navbar {
    height: 72px !important
}

.navbar-nav>li>a {
    line-height: 40px !important;
    color: #999 !important;
}

.navbar-default,
.footer {
    background-color: #000 !important
}

.footer {
    color: #fff;
}

.mbd {
    padding: 20px;
    background-color: #333 !important
}

.banner {
    background: #062846 url(https://static.9otc.com/img/bg1.jpg) no-repeat fixed top;
    margin-bottom: 60px;
    height: 500px;
    text-align: center;
    color:#fff;
    padding-top: 200px
}
.banner h3{
    font-size: 30px;
    margin-bottom: 20px;
}
.banner p{
    font-size: 20px;
}

#top {
    background: #062846 url(https://static.9otc.com/img/bg1.jpg) no-repeat fixed top;
    margin-bottom: 60px;
}

#top .container {
    height: 500px;
    text-align: center;
    color: #fff;
    line-height: 80px;
}

#top .container h3 {
    margin-top: 200px;
    height: 60px;
    
}

#top .btn {
    margin-right: 10px;
}

#top .btn img {
    width: 20px;
    margin-right: 5px;
}

#top .arrow_down {
    width: 50px;
}

#top2 {
    margin-bottom: 60px;
}

#top2 .mbd {
    background-color: #062846 !important;
}

#top2 .lead {
    line-height: 40px;
    text-indent: 40px;
}

#top3 {
    background-color: #062846 !important;
    color: #fff !important;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 60px;
}

#top3 h3 {
    margin-bottom: 30px;
    
}

#top3 h4 {
    line-height: 25px
}

#top3 .container .col-right img{
    width:160px;
    margin:20px;
}

#top3 .container .desc img{
    width:30px;
    margin-right:20px;
}

#top4 {
    margin-bottom: 60px;
}
#top4 .container{
    background-color: #062846;
    color:#fff
}
#top4 .content {
    
    padding-left: 5px;
    margin-top: 50px;
}

#top4 .content img {
    width:100px;
    height: 100px;
    border-radius: 5px;
    }
#top4 .content p {
    line-height: 80px;
    font-size:20px;
    }

#top5 {
    
    margin-bottom: 50px;
}
#top5 .container{
    background-color: #062846;
    color:#fff;
}

#top5 .content {
     
    padding: 30px 0;
    margin-top: 20px;
    color:#fff
}

#top5 img {
    width:100px;
    height: 100px;
    border-radius: 5px;
}

#top5 .content p {
    line-height: 80px;
    font-size:20px;
    } 

#top6 {
    padding-top: 60px;
}

.footer-border {
    background-color: #000;
    color: #fff;
    line-height: 60px;
    height: 60px;
    font-size: 15px;
}

.weixin-img {
    width: 100px;
    height: 100px;
}

.footer-nav li {
    border-bottom: 1px dashed #e1e1e1;
    font-size: 14px;
    line-height: 35px;
    padding-left: 10px;
}

.footer-nav img {
    width: 20px;
    height: 20px
}

.footer-address {
    font-size: 15px;
    line-height: 35px;
    padding-left: 0
}

.footer-address img {
    width: 20px;
    height: 20px;
}

.thumbnail img{
    width: 50% !important;
}

.linex img{
    width:350px!important;
}
.news{
    padding-top:40px;
    padding-bottom:80px;
}
.news .page-header{
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}

.footer-address1 {
    font-size: 15px;
    line-height: 35px;
    padding-left: 0
}

.footer-address1 img {
    width: 20px;
    height: 20px;
}

#top7 h3{
    border-bottom: 2px solid #e1e1e1;
    line-height: 50px;
    margin-bottom: 30px;
}
#top7 .mm li{
    list-style-type: square !important;
    list-style:square 
}
#top7 .sd img{
    width:60px;
    margin-top:25px;
}
#top7 .mm img{
    width:10px;
    height: 10px;
}
#top7 .mm span{
    float:right;
    font-size:11px;
}
#top7 .col-md-3{
    vertical-align:middle;
}

#top8 h3{
    border-bottom: 2px solid #e1e1e1;
    line-height: 50px;
    margin-bottom: 30px;
}

.img-radius{
    border-radius:120px;border:2px solid #fff;padding:5px;width:180px;margin:0 auto
}

.wa a{
    color:#fff;
    text-decoration: none;
}

#top2{
	line-height: 20px;
}
#top2 h2{
	font-size: 20px;
	margin-bottom: 10px;
}
#top2 .lead {
  font-size:14px;
  font-weight:bold
}
@-webkit-keyframes buzz-out {
	0% {
		-webkit-transform: translateY(8px) rotate(0deg);
	}
	25% {
		-webkit-transform: translateY(4px) rotate(0deg);
	}
	50% {
		-webkit-transform: translateY(-0px) rotate(0deg);
	}
	75% {
		-webkit-transform: translateY(-4px) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(-8px) rotate(0deg);
	}
}
#top2 .mbd:hover  {
	-webkit-animation-name: buzz-out;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}
#top2 .mbd:hover img  {
	-webkit-animation-name: buzz-out;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}

.new-box{
    margin: 10px;
    line-height:30px;
    padding: 10px;

}
.new-box .new-box-title{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}
.new-box .new-box-title img{
    width: 20px;
    height: 20px;
}
.new-box .new-box-content ul{
    padding: 0;
    margin: 0;
    padding-left: 20px
}
.new-box .new-box-content ul li{
    list-style-type:circle;
    font-size: 14px;
    line-height: 30px;
}

.solution{
	cursor:pointer;
}
.solution .col-md-2{
	margin: 0;
	padding: 0;
	text-align:center
}
.solution a{
	color:#fff
}
.solution .thumbnail{
	border: none;
	padding: 0!important;
	background-color:#0a418b;
	color: #fff;
	padding-botom:50px !important;
	text-align:center;
	margin: 1px;
}
.solution .thumbnail:hover{
	background-color:#333;
}
.solution h4{
	font-size: 20px;
	padding-bottom: 40px;
}

.solution .thumbnail .paper{
	width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background: #74b1f4;
}
.solution .thumbnail .paper img{
	position: absolute;
    width: 100% !important;
    height: 100%;
	left: 0
}
.solution .thumbnail .icon {
	width: 50px !important;
	height: 50px;
	margin-bottom: 40px;
	margin-top: 40px;
}

.news .more{
	text-align:right
}
.news .more img{
	width: 20px;
	height: 20px;
}
.news .item{
	margin: 20px;
	line-height: 25px;
	height: 210px;
	position: relative;
	cursor: pointer
}
.news .item .create_time {
	position: absolute;
	bottom: 5px;
	left: 0px;
}
.news .item:hover{
	border-bottom: 2px solid #007aff;
}
.news h4{
	margin-bottom: 20px;
	font-size: 22px
}
.news .new_link{
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 15px;
	right: 3px;
}
@-webkit-keyframes left-out {
	0% {
		-webkit-transform: translateX(8px) rotate(0deg);
	}
	25% {
		-webkit-transform: translateX(4px) rotate(0deg);
	}
	50% {
		-webkit-transform: translateX(-0px) rotate(0deg);
	}
	75% {
		-webkit-transform: translateX(-4px) rotate(0deg);
	}
	100% {
		-webkit-transform: translateX(-8px) rotate(0deg);
	}
}
.news .item:hover .new_link {
	-webkit-animation-name: left-out;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}

.custom-card-title {
	text-align:center;
	padding-top:50px;
	padding-bottom:20px;
	font-size:20px;
	width: 80%;
	margin: 0 auto;
}
.custom-card-title .title{
	font-size:32px;margin-bottom:20px
}

.tuijian .mbd{
	border-radius:10px
}
.tuijian img{
	width:100px;
	height:100px
}
.tuijian p{
	font-size:13px;
	font-weight:normal!important
}

body{
    font: 12px/1.5 \5b8b\4f53,tahoma,arial,sans-serif;
    font-family: "微软雅黑";
}
.active1 {
	background: #333 !important
}
.navbar-nav li:hover{
	border-bottom: 2px solid #007aff !important
}
.navbar-nav li:hover .down {
	display: block;
}
.navbar-default .navbar-nav li{
	width: 120px;
	font-size: 15px;
	font-weight: bold;
}
.navbar-nav li .down{
	display: none;
	position: fixed;
    height: 180px;
    width: 100%;
    left: 0;
	top: 72px;
    background-color: #333;
	color:#fff;
	opacity: 0.9;
	z-index: 10006;
	
}
.navbar-nav .down .down-content{
	margin: 0 auto;
	height: 200px;
	padding: 10px
}
.navbar-nav .down .item{
	display: inline;
	height: 200px;
	width: 120px;
	margin: 10px;
}
.navbar-nav .down .item img{
	width: 120px;
	height: 120px;
	margin: 10px;
	 
 
}
.navbar-nav .down .item a{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	display:inline-grid;
}
.footer a{
	line-height: 36px;
    font-size: 14px;
    color: #fff;
    transition: color 0.5s;
 
	
}

.custom-bar-card-summary{
	position:relative;
	height:340px;
	box-shadow: 0 0 10px #ccc; 
	border:1px solid #e1e1e1; 
	border-radius:1px;
	background-color:#fff;
	padding:20px
}
.custom-bar-card-summary h3{
	margin-bottom: 20px;
}
.custom-bar-card-summary p{
	line-height: 30px;
	font-size: 14px;
}
.custom-bar-card{margin:10px;text-align:center;padding-bottom:10px;margin-top:0;box-shadow: 0 0 10px #ccc;}
.custom-bar-card:hover{
	background:#000;
	color:#fff;
}
.custom-bar-card h3{
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 10px;
	line-height:10px;
}
.custom-bar-card img{
	width: 240px;
	height: 240px;
}
.custom-bar-card p{
	text-align: left;
	padding-left: 10px;
}
.custom-bar-card a{
	color:#333
}
.custom-bar-card:hover a{
	color:#fff;
	text-decoration : none
}