/*-----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 .homenavtitle { color:#3fb150; }
#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 youshi----------*/
#homeys {
    background-image: url(/html/images/ys_bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 30px;
    min-height: 800px;
	max-width: 1920px;
    margin-top: 60px;
}
#homeys .homenavtitle{color:#FFFFFF;}
#homeys .ysbox {
    margin: 10px 0px 40px;
    padding: 10px 30px;
    height: 260px;
	overflow: hidden;
}
#homeys .ysbox h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
#homeys .ysbox h4 { font-size: 14px; text-align: left;}
#homeys .col-md-4:nth-child(1) .ysbox{ background-image:url("/html/images/ys_item_01.jpg"); background-size: cover; }
#homeys .col-md-4:nth-child(2) .ysbox{ background-image:url("/html/images/ys_item_02.jpg"); background-size: cover; }
#homeys .col-md-4:nth-child(3) .ysbox{ background-image:url("/html/images/ys_item_03.jpg"); background-size: cover; }
#homeys .col-md-4:nth-child(4) .ysbox{ background-image:url("/html/images/ys_item_04.jpg"); background-size: cover; }
#homeys .col-md-4:nth-child(5) .ysbox{ background-image:url("/html/images/ys_item_05.jpg"); background-size: cover; }
#homeys .col-md-4:nth-child(6) .ysbox{ background-image:url("/html/images/ys_item_06.jpg"); background-size: cover; }
/*-----home intro--------*/
#homeintro{max-width: 1920px; margin-top:60px; height:620px; background-image: url("/html/images/intro_bg.jpg"); background-size: cover;background-attachment:fixed; }
.intro_btn {
    border: 1px solid #db2b2b;
    background-color: transparent;
    color: #db2b2b;
    padding: 10px 30px;
}
.intro_btn:hover{ background-color:#db2b2b; color:#FFFFFF; }
#homeintro .homenavtitle{color:#0154a6;}
.intro_box{ background-color: #FFFFFF; padding:20px 30px; color:#000000;  font-size: 1.6rem; letter-spacing: 1px; line-height: 2.6rem;}
#homeintro .intro_text .col-md-7{ padding-left:0px;}
#homeintro .intro_text img{width:100%; max-width: 100%;}
.prod_btn{  border: 1px solid #1d6527; background-color:#FFFFFF; color:#1d6527; padding:10px 30px; font-size: 1.6rem;} 
.prod_btn:hover{background-color: #1d6527;  color:#FFFFFF;}
/*---- home products--------*/
#homeprod .homenavtitle h2{padding-bottom: 0px;}
#homeprod .titlepic img{ max-width: 100%;}
#homeprod .prodnav{ text-align: center; font-size: 1.6rem; margin-bottom: 20px;}
#homeprod .prodnav a{ padding: 10px 20px; border: 1px solid #FFFFFF; margin:10px 20px;-moz-border-radius: 3px; 
    -webkit-border-radius: 5px;     -o-border-radius: 5px;   border-radius: 5px; color: #FFFFFF;display:inline-block; background-color: #333333; }
#homeprod .prodnav .active{background-color:#3fb150; border-color:#3fb150 ; font-weight: bold; color:#FFFFFF;}
#homeprod .prodnav a:hover{background-color:#3fb150; border-color:#3fb150 ; color:#FFFFFF; }

/*-----home news--------*/
#homenews{ margin-top:60px; height:450px;}
#homenews .homenavtitle{color:#3fb150;}
#homenews .newstime{background-color: #3fb150; 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:#3fb150;}
/**首页tab 样式--news***/
.indexbody{margin:0px auto;clear:both;padding:0px; min-height: 500px;}
.indexbody ul{ margin: 0px; padding: 0px; list-style: none;  }
.index_tabul{ }
.index_tabul li{height:44px; width: 140px; text-align:center;cursor:pointer;float: left;list-style: none; margin-bottom: 20px; background-color: #e1e1e1; margin-right:20px; }
.index_tabul li span{display:inline-block;height:44px;line-height:44px;width:100%;font-size:1.2em;}
.index_tabul li.select span{ font-weight: bold;background-color: #173981; color: #FFFFFF;}
.indextabbox{ display: none; padding: 0px 0px;  min-height:380px; overflow: hidden; margin-bottom: 30px;}
.indextabstate{ display: block;}
.btn-default{ margin: 0px; padding: 2px; margin-top: 20px; margin-right: 20px;}
/*首页新闻列表*/
#homenewpic img{ text-align: center; width: 100%; max-height: 450px;}
#homenewpic h4{ line-height: 1.5em; font-size: 16px; font-weight: bold; text-align: left;}
#homenewpic p{height: 76px; overflow: hidden; margin: 10px 0px; line-height: 24px;  text-align: left;}
#homenewpic p a{color:#787878;}
#homenewpic p a:hover{ color:#000000;}
.homenewslist{ min-height: 300px; }
.homenewslist ul{ list-style: inside; list-style-type: none; background-color: #F58082; }
.homenewslist li{ height:124px; border-bottom:dotted 1px #EFEBEB; overflow: hidden; padding:10px 0px; background-color: #f2f2f2;  margin-bottom: 10px;}
.homenewslist li:last-child{border-bottom:0px; margin-bottom: 10px; }
.homenewslist li:hover{ background-color:#F1F1F1}
.homenewslist .newpic{width:100px; float: left;}
.homenewslist .newpic img{max-width: 100%; }
.homenewslist .datetime{ width: 100px; height: 80px; color: #8d8c8c; font-size: 18px; font-family: Arial; border-right: 1px solid #EFEBEB; margin-top: 8px;}
.homenewslist .datetime h5{ padding: 0px; margin: 6px auto; font-size: 36px; }
.homenewslist .datetime .day{color:#009933;}
.homenewslist .noticetext{ overflow: hidden; padding-left: 15px;}
.homenewslist .noticetext h4{ padding-top: 0px; max-height: 44px; overflow: hidden;margin-top: 0px; line-height: 1.5em; font-size: 16px;}
.homenewslist .noticetext p{ height: 48px; overflow: hidden; margin: 10px 0px; line-height: 24px;  color:#787878 }
/*=======Links=========*/
#homelink{ padding:20px auto; background-color:#EBEBEB; clear: both;} 
#homelink .linklist{ margin:15px auto;}
#homelink .linklist h3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-size: 18px;
    color: #258C44;
    padding-bottom: 15px;
}
#homelink .linklist li{list-style-type: none;display: block;float: left;margin-right: 30px; line-height: 30px;}
#homelink .linklist li p{margin:0px; padding:0px;}
/* Example 5 */
#example5{
	margin-bottom: 20px;
}
#example5 .sp-thumbnail-container{

}
#example5 .sp-thumbnail-image-container {
	width: 100px;
	height: 80px;
	overflow: hidden;
	float: left;
}

#example5 .sp-thumbnail-image {
	height: 100%;
}
#example5 .sp-thumbnail{
	    padding: 8px;
    background-color: #F0F0F0;
	height: 80px; line-height: 60px;
}
#example5 .sp-thumbnail-text {
	width: 350px;
    float: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
	font-size: 24px;
}

#example5 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
	height: 48px;
}

@media (max-width: 500px) {
	#example5 .sp-thumbnail {
		text-align: center;
		height: 50px; line-height: 30px;
	}

	#example5 .sp-thumbnail-image-container {
		display: none;
	}

	#example5 .sp-thumbnail-text {
		width: 120px;
	}

	#example5 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example5 .sp-thumbnail-description {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 768px){
	#iview h3{ font-size:3em;}
	.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("/html/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;}
	.caselist h5{ padding-bottom: 15px; margin-top: 10px; font-weight: 600;}
	#homecase .casemore{margin:10px auto;}
	
	.index_tabul li{height:44px; width:74px; text-align:center;cursor:pointer;float: left;list-style: none; margin-bottom: 0px; background-color: #e1e1e1; margin-right:0px; }
	.index_tabul li span{display:inline-block;width:100%;font-size:1em;}
	#homenewpic h4{ line-height: 1.5em; font-size: 14px; font-weight: bold; text-align: left;}
	.homenewslist .noticetext h4{ padding-top: 0px; margin-top: 0px; line-height: 1.5em; font-size: 14px;}
	#homenews .row{padding-left:0px;}
	.indextabbox{ padding: 0px 0px; min-height: 180px;  margin-bottom: 30px;}
}