/**********************  index.html  ***********************/
/***********************  header**************/
	@media (max-width: 885px){
		.navbar-brand{
			width: 70%;
			margin-top:10px; 
		}
		.nav.navbar-nav{
			margin-left: -100px;
		}
	}
	
	@media (max-width: 767px){
		.nav.navbar-nav{
			margin-left: 0;
		}
		.navbar-brand{
			margin-top: 0;
		}
	}
	
	@media (max-width: 1200px){
		#ico{
			display:none;
		}
	}
	body{
		overflow-x:hidden;
	}

	.navbar {
		border: none;
		background: #da291c;
		border-radius: 0;
		margin-bottom: 0;
		line-height:80px;
	}

	.navbar-default .navbar-toggle{
		margin-top: 25px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color:#fff;
	}
	ul.nav.navbar-nav{
		background-color:#da291c;
	}
	.navbar-collapse.collapse{
		border:none;
	}
	.navbar-default .navbar-nav>li>a{
		color:#fff;
		font-size: 18px;
		line-height:60px;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color:#ec3d30;
		color:#fff;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	    color: #555;
	    background-color: #ec3d30;
	    color: #fff;
	}
	.nav-tabs{
		border: none;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 8px;
	}
	.navbar-collapse .col-md-4{
		margin-top: 10px;
	}
	.navbar-collapse .col-md-4 img.img-responsive{
		padding-left: 5px;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		border:none;
		background-color:#f2f2f2;
	}
	.navbar-default .navbar-nav>li>a:hover{
		background:#ec3d30;
		color:#fff;
	}
	.navbar-nav > li > .dropdown-menu {
	   background:#da291c;
	   border: none;
	   border-radius: 0;
	}
	.dropdown-menu > li > a{
		color:#fff;
		background:#da291c;
		font-size: 18px;
		line-height:34px;
	}

	.dropdown-menu > li > a:hover{
		background: #ec3d30;
		color:#fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color:#fff;
	}
	.navbar-collapse .ico li{
		margin-right: 7px;
	}
	.ico .icomenu{
		width: 220px;
    	margin-right: -160px;
    	padding: 0;
    	text-align: center;
	}
	.ico .icomenu .tit{
		height: 50px;
		background:#000000;
		line-height:50px;
		color:#ffffff;
		font-weight: 600;
	}
	.ico .icomenu .content{
		height: 50px;
		background:#da291c;
		line-height:50px;
		color:#fff;
		font-weight: 600;
	}

/***********************  header  ***********************/

/***********************  fav  ***********************/
	.fav{
		position: fixed;
		top: 120px;
		right: 0px;
		z-index: 99;
		width: 50px;
		display: flex;
	    justify-content:center;
	    align-items:center;
	    flex-direction: column;
	    background:#da291c;
	    border-bottom-left-radius: 10px;
	}
	.fav img{
		margin: 5px;
		display: block;
	}

	.fav .pop{
		position: absolute;
		right: 50px;
		background:yellow;
		z-index: 55;
		height: 100px;
		width: 200px;	
		display: none;
	}
	.fav .pop .tit{
		text-align: center;
		height: 40px;
		background:#000000;
		line-height:50px;
		color:#ffffff;
		font-weight: 600;
	}
	.fav .pop .content{
		text-align: center;
		height: 60px;
		background:#da291c;
		line-height:50px;
		color:#fff;
		font-weight: 600;
	}
	@media (min-width:1200px){
		.fav{
			display: none;
			z-index: 99;
		}
	}
	@media (max-width:769px){
		.fav{
			/*display: none;*/
			z-index: 99;
		}
	}

/***********************  fav  ***********************/


/***********************  banner ***********************/
	.banner .container{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	section{
		background: #f2f2f2;
	}

	.swiper-pagination-bullet{
		width: 12px;
		height: 12px;
		display: inline-block;
		background: #000;
		border: 2px solid #fff;
		opacity: 1;
		border-radius: 6px;
	}
	.swiper-pagination-bullet-active {
		width: 12px;
		height: 12px;
		display: inline-block;
		border-radius: 6px;
		background: #fff;
	}
	.icon-prev{
		width: 80px;
		height: 80px;
		background: url("../images/icon-prev.png") no-repeat center;
		background-size: 80%;
	}
	.icon-next{
		width: 80px;
		height: 80px;
		background: url("../images/icon-next.png") no-repeat center;
		background-size: 80%;
	}
/***********************  banner ***********************/


/***********************  application ***********************/
	@media (min-width:992px){
		.col-lg-12.col-sm-4{
			padding-right: 0;
			padding-left: 0;
		}
		
		.itemchild, .itemtab, .itemcontent{
			padding-left: 0;
			padding-right: 0;
		}
	}
	@media (max-width:768px){
		.itemchild{
			padding-right:0;
			padding-left: 0;
		}

	}
	.application{
		/*padding-top: 40px;*/
		overflow: hidden;
	}
	.application .appimg{
		margin: 20px auto;
		margin-bottom:20px;
	}
	
	.application .col-lg-9.col-md-12.col-sm-11.col-xs-12{
		padding-right: 0;
		padding-left: 0;
	}
	.application .nav-tabs img.img-responsive{
		margin-top: 10px;
		margin-right: 10px;
		width: 100%;
	}
	.tab-content{
		margin-top: 10px;
		background: #fff;
	}
	.tab-content p{
		font-size: 26px;
		color:#cccccc;
		padding: 30px 10px;
		overflow: hidden;
	}
	.tab-content img{
		padding:15px;
	}
/***********************  application***********************/



/***********************  spare ***********************/

	.spare{
		padding-top: 50px;
	}
	.spare img.img-responsive{
		margin: 0 auto;
		margin-bottom:30px;
	}
	.spare .spareswiper{
		padding-left: 0;
		padding-right: 0;
	}
	.sparebanner{
		padding-top: 40px;
	}
	.spare .swiper-pagination.swiper-pagination-bullets{
		bottom: 40px;
	}
/***********************  spare   ***********************/


/***********************  about   ***********************/
	.about{
		padding-top: 40px;
		width: 100%;
		height:auto;
	}
	.about .container{
		background-image:url('../images/about.png');
		background-repeat: no-repeat;
		background-size: 100%;
		height: 500px;
	}
	.about .box{
		margin-top: 90px;
		padding: 40px 30px;
		background:#fff;
	}
	.about h2{
		margin-top: -10px;
	}
	.about .box p{
		font-size: 19px;
		color:#808080;
	}
	.about .box .btn{
		width: 210px;
		height: 45px;
		background: #da291c;
		border-radius: 0;
		margin-top: 15px;
		color:#fff;
		font-size: 22px;
	}
/***********************  about  ***********************/


/***********************  our   ***********************/
	.our{
		padding-top: 40px;
		padding-bottom: 88px;
		width: 100%;
		height:auto;
	}
	.our .container{
		background-image:url('../images/about2.jpg');
		background-repeat: no-repeat;
		background-size: 100%;
		height: 500px;
	}
	.our .box{
		margin-top: 90px;
		padding: 40px 30px;
		background:#fff;
	}
	.our h2{
		margin-top: -10px;
	}
	.our .box p{
		font-size: 19px;
		color:#808080;
	}
	.our .box .btn{
		width: 210px;
		height: 45px;
		background: #da291c;
		border-radius: 0;
		margin-top: 15px;
		color:#fff;
		font-size: 22px;
	}
/***********************  our  ***********************/


/***********************  info ***********************/
	@media (max-width: 768px) {
		.info .container{
			text-align: center;
		}
		.info .code{
			text-align: center;
		}
	}
	
	@media screen and (min-width: 768px) {
		.info .code{
			/*text-align: right;*/
			margin-top: 22px;
		}
	}

	@media screen and (max-width: 320px) {
		.info h3{
			font-size: 22px;
		}
	}
	.info{
		background:#2c2c2c;
		color:#fff;
	}
	.info .phone{
		/*margin-top: 22px;*/
		color: #7c7c7c
	}
	.info .email{
		color:#fff;
		/*margin-bottom: 37px;*/
		/*overflow:hidden;*/
		color: #fff;
		font-size: 16px;
    	font-weight: 600;
		white-space: nowrap;
	}
	.info .col-md-4{
		color:#fff;
	}
	.info .col-xs-12{
		text-align: center;
	}

	.info li.list-group-item{
		border:none;
		background:#2c2c2c;
		padding: 5px 0;
		color:#7c7c7c;
		font-size: 16px;
		font-weight: 600;
	}
/***********************  info  ***********************/


/***********************  foot ***********************/
	.foot{
		padding: 30px;
		color:#fff;
		text-align: center;
		background:#1b1b1b;
	}
/***********************  foot  ***********************/

/***********************  index.html  ***********************/








/***********************  about.html ***********************/

	.aboutBody .container{
		padding-bottom: 100px;
		margin-top: -8%;
	}
	
	.aboutBody .aboutimg{
		padding: 0 25px 0 0;
	}
	.aboutBody h3{
		line-height: 50px;
	}
	.aboutBody p{
		color: #000000;
	    font-size: 18px;
	    line-height: 30px;
	    font-weight: 600;
	}

	.aboutBody .break{
		font-size: 22px;
		display: inline-block;
		color:#111;
		/*margin-bottom:20px;*/
	}
	.aboutBody .break a{
		color:#111;
	}
/***********************  about.html  ***********************/


/***********************  contact.html ***********************/
	@media screen and (max-width: 768px){
		.contactBody img.img-responsive.imgMassage{
			position: relative;
			width: 100%;
		}
		.contactBody .massages p.text-center{
			margin-top: 0;
			padding: 30px 10px 30px;
		}
		.contactBody .row{
			margin-right: 0;
			margin-left: 0;
		}
	}
	.contactBody .map{
		margin-top: 50px;
	}
	.contactBody .panel-heading{
		text-align: center;
		background:#fff;
	}
	.contactBody .panel{
		margin-top: 50px;
	}
	.contactBody .panel-body{
		padding:10px 0;
		text-align: center;
		font-size: 18px;
		color:#111;
		line-height:20px;
	}
	.contactBody .imgMassage{
		position: absolute;
		width: 97%;
	}
	.contactBody .massages p {
	    margin-top: 110px;
	    padding: 70px 10px 80px;
	    font-size: 17px;
	    color: #8a8a8a;
	    line-height: 30px;
	    background: #fff;
	}
	.contactBody .form-group input{
		border-radius: 0;
		height: 50px;
		color:#111;
		/*margin:20px 0; */
	}
	.contactBody .form-group textarea{
		border-radius: 0;
		color:#111;
		resize:none;
	}
	button.btn.btn-default.btn-block.sub{
		background:#da291c;
		border-radius: 0;
		color:#fff;
		height: 60px;
		font-size: 28px;
		margin:20px 0; 
	}
	button.btn.btn-default.btn-block.res{
		border-radius: 0;
		color:#959595;
		height: 60px;
		font-size: 28px;
	}
/***********************  contact.html  ***********************/


/***********************  productsBody.html ***********************/

	.productsBody .col-lg-4{
		margin:10px 0 10px;
	}
	/*.productsBody img.img-responsive{
		margin: 20px auto;		
	}
	*/
	.productsBody .break{
		padding-top: 0;
		    padding-top: 0;
    font-size: 22px;
    display: inline-block;
    color: #111;
    /*margin-bottom: 20px;*/
	}
	.productsBody span{
		display:block;
		padding-top: 5px;
		font-size: 16px;
		text-align: center;
		color:#000; 
	}
	.productsBody .col-lg-4.col-md-4.col-sm-5.col-xs-12{
		text-align: center;
	}
	.productsBody .container .row div.itemchange a img{
		width: 360px;
		height: 227px;
	}

/***********************  productsBody.html  ***********************/


/***********************  spare.html ***********************/
	@media (min-width: 768px){
		.modal-dialog {
		    width: 600px;
		    margin: 150px auto;
		}
	}
	.spareBody .col-lg-4.col-md-4.col-sm-5.col-xs-12{
		margin-top: 50px;
	}
	.spareBody span{
		display:block;
		padding-top: 30px;
		font-size: 34px;
		text-align: center;
		color:#000; 
	}
	.spareBody .break{
		padding-top: 0;
		    padding-top: 0;
    font-size: 22px;
    display: inline-block;
    color: #111;
 
	}
	.spareBody .page{
		text-align: center;
		margin-top: 80px;
	}

	.spareBody .pagination{
		font-size: 22px;
		text-align: center;
	}
	.spareBody .pagination span{	
		line-height:23px;
		display: inline;
		color:#fff;
	}

	.spareBody .pagination li a{
		background-color: #000;
		width: 45px;
		height: 40px;
		margin:0 5px;	
		color:#fff;
		border: none;
		border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	}
	.spareBody .pagination .active a{
		background:#da291c;
		border-color: #fff;
	}
	.spareBody .pagination li a:hover{
		background:#da291c;
	}
	.marks{
		z-index: 9999;
		position: absolute;
		top: 0;
		padding: 0;
		left: 0;
		bottom: 0;
		width: 100px;
		height: 200px;
		background:#000;
	}
	div#myModal{
		background:rgba(0, 0, 0, 0.8);
	}
	.spareBody img.img-responsive{
		margin: 0 auto;
	}
	.modal-content span{
		display:inline;
	}
	.modal-content .modal-footer{
		text-align: center;
	}
/***********************  spare.html  ***********************/


/***********************  news.html ***********************/

	
	.newsBody h2{
		margin-top: 20px;
	}
	.newsBody span.data{
		display: block;
		margin: 30px 0 50px 0;
		color:#808080;
		font-size: 20px;
	}
	.newsBody p{
		color:#333;
		font-size: 18px;
	}
	.newsBody .newsimg{
		margin: 0 auto;
	}
	.newsBody .pages{
		margin-top:30px;
		border-top: 1px solid #c2c2c2;
	}
	.newsBody .pages a{
		text-decoration: none;
	}
	.newsBody .prev,.newsBody .next{
		width: 40%;	
		display: block;
		color:#c2c2c2;
		font-size: 18px;
		margin-top: 15px;
	}

	
/***********************  news.html  ***********************/



/***********************  newsDetail.html ***********************/
	@media (max-width: 800px){
		.newsDetailBody .media-left {
			display: initial;
		}
		img.media-object{
			width: 100%;
		}
		.newsDetailBody .media-left, .media > .pull-left{
			padding-right:0;
		}
		.newsDetailBody.newsDetailBody .media img.seemoreimg{
			margin-right: 0;
	   		margin-bottom: 0; 
		}
		.media-heading{
			margin-top: 15px;
		}
		.media-body h2{
			font-size: 22px;
		}
		.media-right.media-bottom{
			display: inline;
		}
		.media-right, .media > .pull-right {
     		padding-left: 0; 
		}
	}	
	.newsDetailBody .media{
		margin-top: 40px;
		border: 1px solid #cccccc;
		padding:20px;
	}
	.newsDetailBody .media .media-body{
		padding-left: 10px;
	}
	.newsDetailBody .media p.content{
		line-height:35px;
		font-size: 18px;
		color:#808080;
	}
	h2.media-heading{
		color:#000;
	}
	.newsDetailBody .media p{
		margin: 30px 0 10px;
		font-size: 18px;
		color:#cccccc;
	}
	.newsDetailBody .media img.seemoreimg{
		margin-right: -20px;
		margin-bottom: -20px
	}
	.newsDetailBody .page{
		text-align: center;
		margin-top: 80px;
	}
	
	.newsDetailBody .pagination{
		font-size: 22px;
		text-align: center;
	}
	.newsDetailBody .pagination span{	
		line-height:23px;
		display: inline;
		color:#fff;
	}
	.newsDetailBody .pagination li a{
		background-color: #000;
		width: 45px;
		height: 40px;
		margin:0 5px;	
		color:#fff;
		border: none;
		border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	}
	.newsDetailBody .pagination .active a{
		background:#da291c;
		border-color: #fff;
	}
	.newsDetailBody .pagination li a:hover{
		background:#da291c;
	}
	.newsDetailBody .media a{
		text-decoration: none;
	}
/***********************  newsDetail.html  ***********************/



/***********************  article.html ***********************/
	.hrr{
		height: 5px;
		background:#e6e6e6;
	}
	.articleBody .container-fluid{
		padding-right: 0;
		padding-left: 0;
	}
	.articleBody .container.cont{
		margin-top: 0;
	}
	.articleBody h1{
		text-align: center;
	}	
	.articleBody img.img-responsive.hrimg{
		padding-top: 20px;
	}
	.articleBody span.desc{
		display: block;
		text-align: center;
		color:#808080;
		font-size: 30px;
	}
	.articleBody .pro{
		margin: 40px auto;
	}
	.articleBody .pro .bigimgs{
		border: 1px solid #dedede;
		width: 100%;
	}
	.articleBody .pro .smallimg .active{
		border: 1px solid #e4393c;
	}
	.articleBody .pro .smallimg div{
	    float: left;
	   	width: 24%;
	   	margin: 3px;
	    border: 1px solid #dedede;
	}
	.articleBody .pro .smallimg div img:hover{
	    border:  #e4393c;
	    cursor: pointer;
	}
	.articleBody h3{
		margin-top: 20px;
	}
	.articleBody p{
		font-size: 17px;
		line-height:35px;
	}
	h2.recommend{
		margin-top: 50px;
		margin-left: 15px;
	}
	#recommend{
		margin-top: 40px;
	}
	.articleBody .swiper-wrapper{
		margin-top: 30px;
	}
	.articleBody .swiper-slide{
		text-align:center;
	}
	.articleBody .swiper-slide img{
		border: 1px solid #dedede;
	}
   
    #recommend .swiper-container .swiper-wrapper .swiper-slide a img {
    width: 280px;
    height: 230px;
}
#recommend .swiper-container .swiper-wrapper .swiper-slide a:hover h3 {
    color: #e4393c;
}
	.articleBody a{
		text-decoration: none;
		color:#ccc;
	}
	

	
	@media (max-width: 840px){
		.articleBody .pro .smallimg div{
			margin:2px;
		}
	}
	@media (max-width: 768px){
		.articleBody .content{
			display:inline-block;
		}
		.articleBody h3{
			margin-top: 20px;
		}
	}
	
	@media (max-width: 506px){
		.articleBody .pro .smallimg div{
			margin:1px;
			width:24%;
		}
	}
	@media (max-width: 276px){
		.articleBody .pro .smallimg div{
			width:23%;
		}
	}

/***********************  article.html  ***********************/


/***********************  application.html ***********************/
	@media (min-width: 992px){
		.applicationBody .itemtab {
		    padding-right: 15px;
		    padding-left: 15px;
		}
	}
	.applicationBody .col-lg-3.col-md-12.col-sm-10.col-xs-12{
		margin-top: 60px;
		
	}
	.applicationBody .col-lg-9.col-md-12.col-sm-10.col-xs-12{
		margin-top: 60px;
	}
	.applicationBody .nav-tabs img.img-responsive{
		margin-top: 10px;
		width: 100%;
	}
	.applicationBody .nav-tabs > li.active > a{
		background:#fff;
	}

.pagelist .on{border: 1px solid #c9dde9;}
.next,.prv{border: 1px solid #ccc;font-weight: bolder;}
.next{color: #0855bf !important;}
/***********************  application.html  **********************