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

@media (max-width: 1270px) {
	
}
@media (max-width: 1270px) {
	.i-txt{bottom: 30px;left: 20px;width: 60%;}
	.i-btn{bottom: 20px;right: -20px;}
	.probox h2 small{display: inline-block;font-size: 15px;padding-left: 10px;}	
	.i-txt2{right: 15px;top: 20px;}
}
@media (max-width: 991px) {
	.indexbox1{min-height: 450px;}
	.i-peo{top: 180px;right: 0px;width: 25vw;}
	.i-title{top: 35px;left: 25px;}
	.pro-pic a.btn-more{right: -15px;padding-top: 16px;line-height: 18px;}
	
	.indexbox2{background: #fff;position: relative;}
	.indexbox2 .container{min-height:140px;}	

	.i-txt{bottom: auto;top: 40px;left: 10px;font-weight: bold;position: relative;}
	.i-txt h5{color: #0061a7;font-size: 35px;}
	.i-txt h5 span{font-size: 16px;}
	.i-btn{bottom: auto;top: 40px;right: 0%;width: 31vw;}
	.i-txt2{right: 1px;top: 15px;width: 30vw;}
	
	h2{font-size: 2em;}
}

@media (max-width: 767px) {
	
	
	body {
		font-size: 12px;
		line-height: 18px;
		width: 100%;
	}
	.indexbox{height: calc(100vh-100px);overflow: hidden;width: 100%;min-height:auto;}
	.indexbox1{min-height:360px;padding-bottom: 60px;}
	.indexbox2{background: #fff;position: relative;padding-bottom: 15px;padding-top: 10px;}
	.indexbox .i-peo{width: 40%;top: 200px;left: 30%;}	
	.indexbox .i-title{top: 6vw;left: 2%;margin-left: 0px;width: 96%;position: relative;}
	.i-title2{left: 5%;width:90%;font-weight: bold;position: relative;top: 20px;display: none;}
	
	.i-btn{width: 100%;top: 0;bottom: auto;position: static;padding-bottom: 5px;padding-top: 10px;}
	.i-btn img{width: 100%;}

	.i-txt{margin-left: 5%;width: 90%;position: static;padding-top: 15px;padding-bottom: 10px;}
	.i-txt2{margin-left: 5%;top: 15px;width: 90%;position: static;}
	

	.i-txt h5{color: #0061a7;font-size: 22px;margin: 0 0 5px 0;}
	.i-txt h5 span{font-size: 14px;}
	.i-txt h6{font-size: 15px;line-height: 25px;}
	
	header .container{border-bottom:1px solid #333;min-height: 50px;}
	header .logo{padding-left: 10px;}
	header .logo img {width: 25vw;}
	.right-nav a{padding-top: 5px;}
	.right-nav i{position: relative;top: -3px;}

	h2 img{max-width: 100%;}

	.probox h2 small{display: inline-block;font-size: 15px;text-align: center;}
	
	.pro-pic a.btn-more{right: 0px;padding-top: 16px;}

	.pro-item{margin-bottom: 20px;margin-left: 10px;margin-right: 10px;}
	.probox   .pro-item1{border-bottom:1px solid #fff;padding-bottom: 30px;}

	.nav-tabs,.tab-content{font-size: 1.1em;line-height: 1.0em;}
	.tab-content .row.th{display: none;}
	.tab-content .row > .col-sm-5{font-size: 1.5em;}
	.nav-tabs{padding-bottom: 15px;}
	.nav-tabs > li > a{border:1px solid #ccc;border-radius:10px; margin-bottom: 5px;font-size: 14px;
			padding: 5px ;box-shadow:1px 1px 1px rgba(0,0,0,.6);margin-right:5px;
			background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.tab-content .row{padding-right: 30px;position: relative;padding-bottom: 8px;}
	.tab-content .row.arrow:after{
	    content: '►';
	    font-size: 14px;
	    position: absolute;
	    right: 8px;
	    top: 35%;
	    bottom: 0;
	    border: 1px solid #ccc;
	    border-radius: 50%;
	    width: 20px;
	    height: 20px;
	    text-align: center;
	    padding-top: 2px;
	    padding-left: 3px;
	    color: #999;
	}
	.tab-content a{padding-bottom: 2px;}

	.tab-content{min-height: 100px;}

}

@media (max-width: 320px) {
	.indexbox1{min-height:335px;padding-bottom: 60px;}	
	.indexbox .i-peo{width: 40%;top: 180px;left: 30%;}	
	.indexbox .i-title{top: 6vw;left: 2%;margin-left: 0px;width: 96%;position: relative;}	
	
	.i-txt h5{font-size: 20px;}

}