@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1200px){
	
	.ibox2 .container{
		padding:0;
	}
}


@media screen and (min-width: 768px){
	.contactbox5{
		padding-left:40px;
	}
	
	.container{
		width:1200px !important;
		min-width: 1200px;
	}
	
	body{
		min-width: 1200px;
	}
	
	
	.navbar-nav > li:hover .dropdown-menu{
		display: block;
	}
	
	.navbar-nav > li .dropdown-menu{
		margin-top: -30px;
	}
	
	.navbar-right .dropdown-menu{
		left:0;
	}
	
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
		background-color:#b51f17 ;
		color: white;
		
	}
}

@media screen and (max-width: 768px){
	.probox1-2{
		margin-top: 20px;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color:white;
	}
	
	.intro-box .intro-p{
		text-align: left;
	}
	
	.intro-number-c{
		width:50%;
		border:none;
		padding:0;
	}
	
	.intro-number-c .text-60,.intro-number-c .text-50{
		font-size: 36px;
	}
	
	.jd-shili-p{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.jd-shili-p img{
		margin-bottom:30px;
	}
	
	.shili-box2{
		height:auto;
		background-image: none;
	}
	
	.shili-box1-cp{
		height:240px;
	}
	
	.shili-box1-cp .text-16 br{
		display: none;
	}
	
	.shili-box1-cp .text-20{
		font-size: 16px;
	}
	
	.shili-box1-cp .text-16{
		font-size: 12px;
	}
	
	.shili-box1{
		height:auto;
		padding:30px 0;
	}
	
	.pro-right-top li a .pro-right-toptitle{
		text-align: left;
	}
	
	.pro-right{
		padding-top: 30px;
	}
	
	.pro-right-top li img,.pro-right-top li:hover img:nth-child(2),.pro-right-top li.active img:nth-child(2){
		display:none;
	}
	
	.pro-left1{
		margin-top:0;
	}
	
	.pro-right-top{
		padding-left: 0;
	}
	
	.pro-right-top li a .pro-right-toptitle{
		background-image: none;
	}
	
	.pro-right-top li{
		width:50%;
	}
	
	.pro-left,.pro-right{
		width:100%;
	}
	
	#certify.honorbox{
		width: 90%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.honor-bg{
		padding-bottom: 0;
		padding-top: 30px;
	}
	
	.certify2 .swiper-slide{
		height:auto;
		padding-top: 0;
	}
	
	.idea-box{
		height:auto;
		padding-top: 40px;
		padding-bottom: 40px;
		background-size: auto 140%;
		background-position: 36% center;
	}
	
	.idea-box .text-g{
		text-shadow: 0 0 4px rgba(255,255,255,1);
	}
	
	.idea-i h4{
		line-height: 1.2;
		font-size: 16px;
	}
	
	.idea-i h3{
		margin-top: 10px;
		font-size: 18px;
	}
	
	.bannerin{
		box-shadow:none;
		background-size: 260% 80%;
		background-position: 70% bottom;
	}
	
	.bannerin.pro{
		background-position: 50% bottom;
	}
	
	.contact-r iframe{
		height:360px;
	}
	
	.contact .text-26{
		font-size: 22px;
	}
	
	.cbp_tmtimeline > li .cbp_tmlabel p{
		font-size: 12px;
	}
	
	.cbp_tmtimeline > li .cbp_tmlabel p{
		margin-top: 0;
	}
	
	.cbp_tmtimeline > li .cbp_tmlabel img{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.main{
		width:100%;
	}
	
	.nav-sm .nav-sm2.text-right{
		text-align: left;
	}
	
	.nav-sm2 a{
		width:50%;
		line-height: 42px;
	}
	
	.nav-sm1{
		height:42px;
	}

	.nav-sm1 img,.nav-sm1 h5,.nav-sm1 h6{
		line-height: 42px;
	}
	
	.nav-sm2{
		border-top: solid 1px #ccc;
	}
	
	.news-text .news-details{
		display: none;
	}
	
	.news-text{
		padding:0 15px;
	}
	
	.news-text h4{
		margin-bottom: 10px;
	}
	
	.news{
		margin-bottom: 10px;
	}
	
	.news:hover{
		margin-bottom: 15px;
	}
	
	.logo-s{
		height:40px;
		margin-top: 5px;
	}
	
	.navbar-brand{
		padding:0;
	}
	
	.mainnav{
		height:50px;
		z-index: 999;
		position: fixed;
		width:100%;
	}
	
	.navbar{
		margin-bottom: 0px;
	}
	
	.navbar-nav{
		margin-top: 0;
	}
	
	.nav li{
		background-color: #da251c;
		border-bottom:solid 1px white;
	}
	
	.nav li:last-child{
		border:none;
	}
	
	.navbar-default .navbar-nav > li > a{
		line-height: 24px;
		color: white;
	}
	
	.ibox1{
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.ibox2{
		margin-top: 0px;
	}
	
	.ibox2-t1{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.ibox-t1-r h5{
		-webkit-line-clamp: 2;
		height:44px;
	}
	
	.ibox-t1-r{
		margin-bottom: 30px;
	}
	
	.ibox3-r{
		width:100%;
		height:auto;
	}
	
	.ibox3-r3{
		width:100%;
	}
	
	.ibox3{
		padding:0;
		height:auto;
		background-image: none;
	}
	
	.ibox4{
		height:auto;
	}
	
	.ibox4-r{
		padding:15px;
	}
	
	.ibox4 .btn-jt{
		margin-top: 15px;
	}
	
	.ibox4-l{
		padding-top:15px;
	}
	
	.ibox4-l .text-26,.ibox4-l h6{
		text-align: center;
	}
	
	.ibox6 .btn-jt{
		display: none;
	}
	
	.ibox6 .text-16{
		line-height: 50px;
	}
	
	.jd-shili h5{
		border-bottom: dotted 1px #e3e3e3;
	}
	
	footer{
		height:auto;
	}
	
	.footer-b{
		background-color: #F8F9FB;
		height:auto;
		line-height: 26px;
		padding-bottom: 20px;
	}
	
	.footer-b1{
		line-height: 36px;
	}
	
	.footer-b1 h5{
		margin:0;
		line-height: 26px;
	}
	
	.footer-b1 a{
		display: block;
	}
	
	.navbar-brand img{
		margin-left: 15px;
	}
	
	.ibox4 .btn-jt{
		margin:0 auto;
	}
	
	.ibox6 h6{
		margin-bottom: 10px;
	}
	
	.ibox6{
		padding-top: 30px;
	}
	
	.brand{
		margin-bottom: 30px;
	}
	
	.brand-5{
		padding:0 20px;
	}
	
	.brand-5:first-child,.brand-5:nth-child(2),.brand-5:nth-child(4),.brand-5:nth-child(5){
		width:50%;
		text-align: center;
	}
	
	.brand-5:nth-child(3){
		width:100%;
		text-align: center;
	}
	
	.jd-intro-text{
		text-align-last:left;
	}
	
	.probox2-t1{
		text-align: left;
		font-size: 20px;
	}
	
	.probox2-t3 .text-20{
		margin-bottom: 15px;
	}
	
	.probox2-t3{
		padding:15px;
	}
	
	.change-tp img{
		animation:scroll 2s linear infinite;
		animation-fill-mode:backwards;
		position: relative;
	}
	  
	 .change-tp img:hover{
		animation-play-state:paused;
	}
	/*ΙωΓχΆ―»­*/
	@keyframes scroll{
		0%{
			top:0;
		}
		25%{
			top:-4px;
		}
		50%{
			top: 0px;
		}
		75%{
			top: 4px;
		}
		100%{
			top: 0;
		}
	}
}