/*-----home case-----------*/
.homenavtitle { padding: 50px 0px 30px 0px;  text-align: center; color:#202020; }
.homenavtitle h2{font-size:2.5em; font-weight:900; padding-bottom: 26px; letter-spacing: 3px; }
.homenavtitle h4{ color:#5d5d5d; font-size:14px; font-weight: normal; line-height: 24px;}
#homecase .casetop_desc{ background-color: #1b40b7; padding:10px 25px; height: 100px; overflow: hidden; color:#FFFFFF;}
.casetop_pic img{ width: 100%; max-width: 100%; }
.casetop{padding:0px 5px;}

/********home case**********/
#homecase .casemore{margin:30px auto;}
#homecase .caselist .casepic{ overflow: hidden; min-height:255px; text-align: center;}
#homecase .caselist .casepic img{max-width:100%; width: 100%; max-height: 195px;min-height: 195px;}
#homecase .caselist h3{ padding-bottom: 20px; height:30px; font-size: 1.2em; overflow: hidden; text-align: center;}
#homecase .casetop h3{  height:30px; font-size: 1.3em; overflow: hidden; }
#homecase .caselist h5{ line-height: 24px; font-size: 1em; font-weight:normal;}
#homecase .caselist .casedesc{ margin-bottom: 20px; height: 96px; overflow: hidden; line-height: 24px;}
/*-----home intro--------*/
#homeintro{max-width: 2560px; margin-top:60px; height:620px; background-image: url("../images/home_intro_bg.jpg"); background-size: cover;background-attachment:fixed; }
#homeintro .homenavtitle{color:#FFFFFF;}
#homeintro .intro_text{ padding:10px;  color:#FFFFFF; height: 330px; overflow: hidden; font-size: 1.1em; line-height: 1.8em;}
#homeintro .intro_text .col-md-7{ padding-left:0px;}
#homeintro .intro_text img{width:100%; max-width: 100%;}
.ysbox{ background-color:#FFFFFF; height: 130px;  margin-top: -45px; border:1px solid #cccccc;}
.intro_btn{  border: 1px solid #ffffff; background-color: transparent; color:#FFFFFF; padding:10px 30px;} 
.intro_btn:hover{background-color: #B31E24; }
/*数字变动*/
.probootstrap-section{  }
.probootstrap-counter{ padding-bottom: 10px;  padding-top:30px; color: #6E6D6D;}
.probootstrap-counter .probootstrap-number {
 font-family: Impact; padding-right: 10px;
  font-size: 52px;
  font-weight: 300;
  color: #6E6D6D; }
.first{color: #c7101b;}
.probootstrap-counter .probootstrap-label {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .1em; font-weight: 700;
  color: #6E6D6D; }

#probootstrap-loader {
  position: fixed;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 1000; }

#probootstrap-loader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

#probootstrap-loader.show {
  -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
  transition: opacity .4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1; }

#probootstrap-loader .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

#probootstrap-loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round; }
/*---- home products--------*/
#homeprod .homenavtitle h2{padding-bottom: 0px;}
#homeprod .titlepic img{ max-width: 100%;}
#homeprod .prodnav{ text-align: center; }
#homeprod .prodnav a{ padding: 10px 20px; border: 1px solid #555555; margin:10px 20px;-moz-border-radius: 3px;
    -webkit-border-radius: 5px;     -o-border-radius: 5px;   border-radius: 5px; color: #555555;display:inline-block; background-color: #FFFFFF;}
#homeprod .prodnav .active{background-color:#B31E24; border-color:#B31E24 ; font-weight: bold; color:#FFFFFF;}
#homeprod .prodnav a:hover{background-color:#B31E24; border-color:#B31E24 ; color:#FFFFFF; }

/*-----home news--------*/
#homenews{ max-width: 2560px; margin-top:60px; height:450px; background-image: url("../images/home_news_bg.jpg"); background-size: cover;background-attachment:fixed;}
#homenews .homenavtitle{color:#FFFFFF;}
#homenews .newstime{background-color: #B31E24; width:120px; height: 30px; line-height: 30px; padding:0px 20px; color:#FFFFFF; margin-bottom: 16px; font-size: 16px;}
.newslist .newsdesc{ height:72px; line-height: 24px; overflow: hidden;}
.newslist .col-md-4 a{color:#FFFFFF;}
.newslist .col-md-4 a:hover{color:#B31E24;}


.homeprod1{padding:20px 30px; background-color:#f5f5f5; padding-bottom: 26px;}
.homeprod1:hover{  border-bottom: 0px solid #be0022; margin-top: -6px; transition: all 0.5s ease 0s;}
.homeprod1:after{
		    content: "";
			width:0px;
		    height: 6px;
		    background:#be0022;
		    position: absolute;
		    bottom: 0;
		    left: 15px;
		    transition: all 1s ease 0s;
		}
.homeprod1:hover:after{
		    width: 93%; padding:0px 15px;
		}
.homeprod1 img{ max-height: 100%;}
.homeprod1 h4{ font-size: 22px; border-bottom:1px solid #cccccc; padding-bottom: 16px; margin-top:20px; font-weight:500; color:#262626;}
.homeprod1 .caption{ height:96px; overflow: hidden;}
#prodmodel { height: 68px; overflow: hidden; word-break: break-all; padding-top: 10px; line-height: 24px;}

/******home prod2*************/
#prod2{max-width: 1920px; margin-top:60px; height:800px; background-image: url("../images/homeprod_bg.jpg"); background-size: cover;background-attachment:fixed; }
#prod2 .homeprod1{padding:20px 30px; background-color:#FFFFFF; padding-bottom: 26px;}

#prod1 .prodpic,#prod2 .prodpic{height: 250px; padding:0px;
	/*框内图片垂直水平居中*/
	/*
display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  */
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}
#prod1 .prodpic img,#prod2 .prodpic img{ width:100%;}
#prod2 .prodmore{margin-top: 10px;}
#prod2 .caption2{ height:120px; overflow: hidden;}
#homebanner{max-width: 1920px; margin-top: 50px; background-image: url("../images/homebanner.jpg"); background-size:contain;height: 354px; background-position: center;}


/**********home technology*******************/
#technology{max-width: 1920px; height: 670px; background-image: url("../images/technology_bg.jpg"); background-position: center; margin-top:20px; background-repeat: repeat;}
#technology h2{ color:#FFFFFF;}
.techlist{ color:#FFFFFF;}
.techlist .techtime{background-color: #B31E24; width:120px; height: 30px; line-height: 30px; padding:0px 20px; color:#FFFFFF; margin-bottom: 16px; font-size: 16px;}
.techlist .col-md-4{padding-bottom: 45px;}
.techlist .col-md-4:nth-child(1),.techlist .col-md-4:nth-child(4){ padding-right:45px;}
.techlist .col-md-4:nth-child(2),.techlist .col-md-4:nth-child(5){ padding:0px 45px; border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.techlist .col-md-4:nth-child(3),.techlist .col-md-4:nth-child(6){ padding-left:45px;}
.techlist .techdesc{ height:72px; line-height: 24px; overflow: hidden;}
.techlist .col-md-4 a{color:#FFFFFF;}
.techlist .col-md-4 a:hover{color:#B31E24;}




@media screen and (min-width: 320px) and (max-width: 768px){
	#iview h3{ font-size:3em;}
	#prod2{margin-top:30px; max-height:700px; background-image: url("../images/homeprod_bg.jpg"); background-size: cover;background-attachment:fixed; }
	.homenavtitle { padding: 30px 0px 10px 0px;  text-align: center; color:#202020; }
	.homenavtitle h2{font-size:1.6em; font-weight:700; letter-spacing: 1px; }
	#homeintro{margin-top:30px; height:620px; background-image: url("../images/home_intro_bg.jpg"); background-size: cover;background-attachment:fixed; }
	#homeintro .intro_text{ padding:0px;  color:#FFFFFF; height: 400px; overflow:hidden; font-size: 1.1em; line-height: 1.8em; }
	#homeintro .intro_text .col-xs-12{padding-left:0px; padding-right: 0px;}
	#homeintro .homenavtitle h2{padding-bottom: 0px;}

	.homeprod1 h4{ font-size: 1.3em;font-weight:600; }
	.homeprod1{padding:15px 15px; }
	.homeprod1 .prodpic img{width:100%; }
	#prod2 .container{padding:0px 0px;}
	#homebanner {display: none;}
	.mhn-item .col-md-4{padding:5px;}
	.caselist h5{ padding-bottom: 15px; margin-top: 10px; font-weight: 600;}
	#homecase .casemore{margin:10px auto;}
	#technology{background-image: url("../images/technology_bg.jpg"); margin-top:20px; background-size: contain;  background-repeat: repeat-y;}
	.techlist{ height:530px; overflow: hidden; margin-top: -30px;}
	.techlist .col-md-4:nth-child(1),.techlist .col-md-4:nth-child(4){ }
.techlist .col-md-4:nth-child(2),.techlist .col-md-4:nth-child(5){ padding:0px 0px; border-left:0px solid #cccccc;border-right:0px solid #cccccc;}
.techlist .col-md-4:nth-child(3),.techlist .col-md-4:nth-child(6){ padding-left:0px;}
	.techlist .col-md-4{padding:0px;}
	.techlist h5{ font-size: 1.1em; height: 24px; overflow: hidden;}
	.techlist .techtime{background-color: #fad215; width:120px; height: 30px; line-height: 30px; padding:0px 10px; color:#000000; margin-top: 16px; font-size: 16px;}
}
@media (max-width: 767px)  {
 	
}