@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1024px) {
.event-line-caption{font-size: 130%;}
.line-caption:after,.line-caption:before{top: 0.9em;}
.topback,.newtop,.contacttop{display: none;	}
.Mtop{display: block;}
.client li .logoimg {
	overflow: hidden;
	position: relative;
	height: 60px;
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.client li .logoimg img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	position: absolute;
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.item  h3{padding: 0px 0px  10px 0px;}
.person{width: 35%;	}
.person_text{width:65%;}
#back-about ul li{height: 250px;}
.navbar .logo img{
	height: 40px;
	margin-top:5px;

}
.nav{
	margin-top: 0px;
}
}
@media screen and (max-width: 768px) {
body {font-size: 95%;line-height: 25px;}
.event-line-caption{font-size: 130%;width: 95%;}
.line-caption:after,.line-caption:before{top: 0.9em;}
#tti,#tti_w{padding: 10px 0px;}
.navbar .logo img{
	height: 40px;
	margin-top: 8px;
	margin-left: 10px;
}
.h3,#news_detail h2{font-size: 110%;}
.h4,.ti_w,#back-device mark,.h5{font-size: 105%;}
.h5{font-size: 105%;line-height: 25px;}
#back-about ul li{height: 250px;}
#back-about ul li p,#back-device p{font-size: 110%;}
.item  h3{padding: 0px 0px  5px 0px;font-size: 110%;font-weight: bold;}
.fr-b{font-size: 100%;}
.client li img{height: 50px;}
.item{margin-bottom: 20px;}
.item .pic{float: left;width: 30%;margin-right: 2%;text-align: left;}
.item .text{float: left;width: 68%;}
.imh_opacity ,.imh_opacity img{height: 180px;}
.person{width: 45%;	}
.person_text{width: 55%;}
#news_detail .number{width: 27%;}
#news_detail .titt{width: 70%;}
}

@media screen and (max-width: 680px) {
.news .box{margin: 0px;	}
#news_detail h2{font-size: 120%;line-height: 25px;}
#news_detail .ti{font-size: 110%;margin: 10px 0px 15px 0px;padding-bottom: 5px;}
#news_detail .day{
	left: 0px;
	top: -25px;
}
#news_detail .number{width: 47%;padding: 5px  0px;}
#news_detail .titt{width: 50%;}
#back-about ul li{width: 100%;padding: 18px;height: auto;}
.client li{width: 48%;margin-right: 2%;}
.client li:nth-child(2n){margin-right: 0%;float: right;}
#service .item{margin-bottom: 30px; background-color:#f5f5f5;}
.item  h3{
	padding: 15px 0px  5px 0px;
	font-size: 110%;
	font-weight: bold;
}
.item .pic{text-align: center;}
.item .pic,.item .text{width: 100%;}
.item .text{
	padding: 0px 12px  10px 12px;
}
.imh_opacity ,.imh_opacity img{height: 200px;}
.ti_w{margin-top: 10px;}
.map,.person{margin: 20px 0px;}
.person,.person_text{width:100%;}
.formBox ul p,.formBox .box{width: 100%;}
.formBox ul p{
	font-size: 16px;
	font-weight: normal;
	color: #333;
}
}
@media screen and (max-width: 480px) {
.formBox ul p,.formBox .box{width: 100%;}
.formBox .wdiv{width: 100%;}

}
@media screen and (max-width: 375px) {	
#toptitle_m{display: block;}
#toptitle{display: none;}
}
@media screen and (max-width: 360px) {
#toptitle_m{display: block;}
#toptitle{display: none;}
.client li img{height: 40px;}
}
@media screen and (max-width: 320px) {	
#toptitle_m{display: block;}
#toptitle{display: none;}
.client li{width: 100%;margin-right: 0%;}
.formBox .wdiv .box{
	width: 70%;
	margin-left: 20px;
}
}
@media (max-width: 991px) {
    .navbar-header {
        float:none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav>li {
        float: left;
		width: 100%
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		margin-bottom: 0px;
    }
	.nav-item{padding-bottom: 0px;
		margin-bottom: 0px;}
    .navbar-text {
        float: l;
        margin: 15px 0;
    }
    /* since 3.1.0 */    
	.navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media (max-width:780px) {
    .navbar-header {
        float: none;
	}}