.header{background:#0177bf; height:60px; box-shadow:0px 5px 3px rgba(51,51,51,.6); position:relative; z-index:9999;}
.navbar-pg{border:0; margin:0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background: #0177bf;}
.navbar-brand{height:60px; text-align:left; padding:0;}
.navbar-nav > li{color: #FFF; margin-left: 1px;}
.navbar-inverse .navbar-nav>li>a{color: #FFF;}
.navbar-inverse .navbar-nav>li > a:hover{color: #FFF; background:#004874;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{color: #FFF; background:#004874; }
.navbar-nav > li > a{line-height:30px; font-size:16px; color: #FFF;}
.bg{background:#EEE; box-shadow:0px 0px 6px rgba(0,0,0,.4); padding:10px 0 20px 0;}
.bg h3{padding:10px 16px; margin-bottom:10px; border-bottom:1px dashed #c7c7c7; font-size:114%; font-weight:bold;}
.media-object{width:120px; border-radius:8%; border:1px solid #999; padding:2px; 
				transition-duration: 0.1s;
				-moz-transition-duration: 0.1s; /* Firefox 4 */
				-webkit-transition-duration: 0.1s; /* Safari 和 Chrome */
				-o-transition-duration: 0.1s; /* Opera */
}
.media-object:hover{border:1px solid #08C; padding:3px; box-shadow:0px 2px 3px rgba(0,0,0,.6) outset;}
.media-body{width:auto;}
.foucs{background:#CCC;}
.con-margin-top{margin-top:20px;}
.col-img{width:100%;}
.thumbnail{cursor:pointer;}
.thumbnail-hover:hover{border:1px solid #999; box-shadow:0 0 10px rgba(51,51,51,0.6);}
.img-case{}
.img-case a{display:block; width:252px; height:208px; background:url(../images/252-208.jpg) no-repeat center center; background-size:252px 208px; 
				-moz-transition-duration: .2s; /* Firefox 4 */
				-webkit-transition-duration: .2s; /* Safari 和 Chrome */
				-o-transition-duration: .2s; /* Opera */
				transition-duration: 0.2s;
				}
				
.img-case a:hover{background:url(../images/252-208.jpg) no-repeat center center; background-size:267px 220px;}
.know{text-align: right;}

.caption h3{font-size:100%; height:22px; line-height:22px; font-weight:bold; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.caption p{font-size:13px; color:#666; line-height:1.5; height:39px; overflow:hidden;}
.footer{background:#222; padding:30px 0 20px 0; line-height:30px; color:#CCC;}
.footer a{color:#CCC;}
.footer a:hover{color:#FFF;}
.copyright{line-height:40px; text-align:center; background:#000; border-top:1px solid #666; color:#CCC;}
.copyright a{color:#CCC;}
.copyright a:hover{color:#08C;}
.row-title{height:40px; line-height:40px; border:1px solid #c7c7c7; background:#EEE; background: -moz-linear-gradient(top, #DDDDDD, #F8F8F8); background: -webkit-linear-gradient(top, #DDDDDD, #F8F8F8); background: -ms-linear-gradient(top, #DDDDDD, #F8F8F8); border-radius:4px; font-size:115%; padding:0 16px;}
.text-about{line-height:1.6; text-indent:2em;}
.about-title{font-weight:bold;}
.row-weight{font-weight:bold;}
.about-title a,.row-weight a{float:right; font-weight:normal; font-size:14px;}
.dropdown-menu{min-width:80px;}


/*二级页面的样式 start*/
.con-padding{padding:20px 0;}
.con-padding p{line-height:1.8; color:#555;}
.panel-right-title{font-size:14px;}
.panel-right-body{font-size:14px;}
.p-title{border-bottom:1px dashed #EEE; padding:8px 0 8px 8px; font-size:16px; font-weight:bold; margin-bottom:10px; color:#333;}
.product{padding: 20px 0; text-align: center;}
.product a{border: 1px solid #c96; display: inline-block; padding: 5px 12px; margin-bottom: 10px; margin-right: 12px; transition: 0.5s;}
.product a:hover{color: #FFF; background: #C96;}

/*二级页面的样式 end*/
.mld-join-border{border:1px solid #f0f0f0; border-radius:1px; padding:18px 28px; margin-bottom:15px; margin-top: 20px;}
.mld-join-name{padding:40px 0 20px 0; line-height:40px; font-size:24px; color:#333;}
.mld-join-title h3{padding:0; margin:0; color:#333; line-height:40px; padding-bottom:12px;}
.mld-join-title a.download{float: right; padding-left: 30px; background: url(../images/download.png) no-repeat 2px center; font-size: 14px;}
.mld-join-title .mld-join-require{padding:2px 0 2px 20px; background:url(../images/mld_ico_1.png) no-repeat left 2px; font-size:16px; line-height:20px; color:#999; }
.mld-join-title .mld-join-time{padding:2px 0 2px 20px; background:url(../images/mld_ico_2.png) no-repeat left 2px; font-size:16px; line-height:20px; color:#999;}
.mld-join-more{font-size:16px; color:#999; text-align:center; padding:10px 0; border-top:1px dashed #CCC; cursor:pointer;}
.mld-join-detail{font-size:16px; color:#666; text-align:left; line-height:32px; display:none;}
.mld-success-bg{background:url(../images/mld_success_bg.jpg) repeat-y left top;}
.mld-team-bg{background:#e8e7e7; padding-bottom:40px;}
.mld-success-pic-middle{padding-top:60px;}
.down-title{line-height: 36px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 0; margin: 10px 0; background: #F8F8F8; clear: both;}
.down-link{display: inline-block; line-height: 36px; height: 36px; font-size: 16px; background: url(../images/down.png) no-repeat 2px center; background-size:20px;  padding-left:30px;}
.down-contain{clear: both;}
.show-title{line-height: 30px; height: 40px; text-align: center; color: #999;}
.showcontent{padding-top: 10px; border-top: 1px dashed #CCC; line-height: 30px;}
.showcontent img{text-align: center;}

/*index-new*/
.case{padding:0 0 30px 0;}
.case-title{text-align:center; font-size:28px; font-weight:bold; padding:40px 0 30px 0; border-bottom: 1px dashed #CCC; margin-bottom: 12px;}
.case-title span{border-bottom:0px solid #C96;}
.case-title span.noim{color: #08c; font-size: 18px; }
.case-title span.noim a{color: #08c;}
.case-info{text-align:center; font-size:16px; padding:30px 0;}
.col-margin-30{margin-bottom:30px;}
.classname{text-align:center; font-size:16px; padding:10px 0;}
.classname a,.classname span{display:inline-block; padding:0 30px; border-right:1px solid #CCC;}
.classname .noneborder{border-right:0;}

.service{background:#3d5b65; padding:10px 0 40px 0; color:#e4f1ff;}
.service-info{padding:40px 0 50px 0; text-align:center; font-size:16px; }
.service-info .btn-color{color:#FFF; padding:12px 30px;}
.service-img{height:80px; width:80px; margin:0 auto; border-radius:50%; background:#007fa8; font-size:45px; line-height:80px; text-align:center; transition:0.5s;}
.service-img:hover{background:#FFF; color:#007fa8;}
.service-img-red{background:#a80000; transition:0.5s;}
.service-img-red:hover{background:#FFF; color:#a80000}
.service-img-yellow{background:#ca5100; transition:0.5s;}
.service-img-yellow:hover{background:#FFF; color:#ca5100}
.service-img-green{background:#00590f; transition:0.5s;}
.service-img-green:hover{background:#FFF; color:#00590f;}



.service-title{text-align:center; font-size:18px; padding:20px 0;}
.service-body{line-height:30px;}
.intro{ padding:0 0 40px 0;}
.intro ul li{border-bottom:1px dashed #CCC; font-size: 14px; line-height: 36px;}
.intro ul li span{float:right; }
.intro ul li a{color: #333;}
.intro ul li a:hover{color: #F60;}

.newlist ul li{border-bottom:1px dashed #CCC; font-size: 14px; line-height: 36px;}
.newlist ul li span{float:right; }
.newlist ul li a{color: #333;}
.newlist ul li a:hover{color: #F60;}
.pages{text-align: center; padding: 15px 0;}
.pages a{display: inline-block; padding: 6px 8px; margin-right: 6px; border: 1px solid #CCC;}
.pages a:hover{background:#F8F8F8;}
.pages a.over{background: #DDD; font-weight: bold;}
.pages span{display: inline-block; padding: 6px 8px; margin-right: 6px; border: 1px solid #CCC;}


.info-lineheight{line-height:30px; font-size:16px; padding:0 10px;}
.info-lineheight h4{padding:15px 0; font-weight:bold;}
.contact-us{background:#f4fbff; padding:20px 0;}
.aboutus-map{min-height:266px;}
.aboutus{background:#FFF; padding:30px 0;}
.aboutus-second{background:#FFF url(../images/Insist.jpg) bottom center no-repeat; padding:30px 0; border-top:1px solid #F8F8F8;}
.font14 p{font-size:14px!important; line-height:30px!important; height:auto!important; min-height:120px; overflow:hidden;}
.i-color i{color:#C00;}
.modal-lg{width:830px!important;}
.more{text-align: right; line-height: 36px;}
.more .morenew{color: #08c;}
.case-sm-title{height: 36px!important;}


@media screen and (max-width:767px){
	.media-xs{padding-bottom:10px;}
	body{font-size:12px;}
	.navbar-inverse{background: #0177bf;}
	h1{font-size:16px; font-weight:bold;}
	h2{font-size:15px; font-weight:bold;}
	h3{font-size:14px; font-weight:bold;}
	h4{font-size:13px; font-weight:bold;}
	h5{font-size:12px; font-weight:bold;}
	.media-object{width:80px; border-radius:8%; border:1px solid #999; padding:1px; 
				transition-duration: 0.1s;
				-moz-transition-duration: 0.1s; /* Firefox 4 */
				-webkit-transition-duration: 0.1s; /* Safari 和 Chrome */
				-o-transition-duration: 0.1s; /* Opera */}
	.media-object:hover{border:1px solid #08C; padding:2px; box-shadow:0px 2px 3px rgba(0,0,0,.6) outset;}
	.media-body{width:auto;}
	.row-title{height:30px; line-height:30px; border:1px solid #CCC; background:#EEE; background: -moz-linear-gradient(top, #DDDDDD, #F8F8F8); background: -webkit-linear-gradient(top, #DDDDDD, #F8F8F8); background: -ms-linear-gradient(top, #DDDDDD, #F8F8F8); border-radius:2px; font-size:114%; text-indent:6px;}
	.panel-title{font-size:100%; font-weight:bold;}
	.con-margin-top{margin-top:10px;}
	.text-about{line-height:1.5; height:36px; overflow:hidden; text-overflow:ellipsis; text-indent:2em;}
	.know{text-align: center; padding-bottom: 20px;}
	.header .container{padding:0 8px;}
	.modal-lg{width:96% !important;}
	.modal-body img{width: 100% !important;}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (max-width: 1200px) {
	.navbar-nav > li > a{line-height:30px; font-size:14px;}
}

/*这里是bootstrap提供的，引用更改使用下*/