@charset "utf-8";

.sy_goods{float: none;width: 100%;/*background: url(../images/s3.jpg);*/padding-bottom: 20px;    background-size: 100% 100%;}
.sy_about .cont .bt{
    color: #0f4396;
    font-size: 36px;
}

.pro{ margin: 15px auto;}
.pro_title .tname{font-size: 28px;color: #0f4396;font-weight: bolder; margin: 0px;}
.pro_title .line1{ height: 1px; background: #666; width: 40px; margin-right: 30px; display: inline-block;}
.pro_title .line2{ height: 1px; background: #666; width: 40px; margin-left: 30px; display: inline-block;}
.pro_title{margin-top: 40px;text-align: center;margin-bottom: 10px;}
.pro .pro_title_fenlei{ margin-top: 15px;}
.pro .pro_title_fenlei a{ border: solid 1px #e1e1e1; color: #666; padding: 5px 20px; font-size: 16px; display: inline-block; margin-bottom: 5px;}
.pro .pro_title_fenlei a:hover{ border: solid 1px #F37404; background: #F37404; color: #fff;}
.pro .pro_list{ margin-top: 20px;}
.pro .pro_list li:hover img{
	 transform: scale(1.2);
     -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
     -moz-transform: scale(1.2); /*Firefox*/
     -ms-transform: scale(1.2); /*IE9*/
     -o-transform: scale(1.2); /*Opera*/
}
.pro .pro_list li p,.pro .pic_list li p {overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.pro .pro_list li p a,.pro .pic_list li p a{font-size: 16px;color: #333333;}
.pro .pro_list li span a,.pro .pic_list li span a{ font-size: 12px; background: url(../images/more1.png) no-repeat center right; display: inline-block; padding-right: 30px;}

.pro .pic_list{ margin-top: 15px;}
.pro .pic_list li{width: 280px; margin-right: 10px; float: left; border: 1px solid #ddd; padding-bottom: 10px; background: #F8F8F8;}
.pro .pic_list li p,.pro .pic_list li span a{text-indent: 15px;}
@media (max-width: 768px) {	
	.pro .pic_list li{width: 200px;}
}
.pro .pic_list li:hover{background: #F37306;}
.pro .pic_list li:hover p a{color: #fff;}
.pro .pic_list li:hover span a{ background: none; float: right; color: #fff;}

.pro .more2{ margin-top: 20px;}

.ad1,.ad2{ width: 100%; height: auto;}
.ad1 img,.ad2 img{ width: 100%; height: auto;}

.service{ margin: 15px 0px; text-align: center;}
.service h2{font-size: 60px;color: #333333;margin-bottom: 10px; margin-top: 0px;}
.service i{height: 2px;width: 30px;background: #444444;margin: auto; display: block;}
.service:hover i{ background: #F37404;}
.service h3{font-size: 24px;font-weight: 700;color: #333333;margin-top: 18px; margin-bottom: 0px;}
.service p{font-size: 14px;color: #555555;margin-top: 10px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.service .service1{ border-right: 1px solid #e5e5e5;}
.service .service3{ border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}

.about{ background: #F7F8FA; padding: 15px 0px;}
.about h2{ font-size: 28px;color: #333333;font-weight: 700;}
.about h4{font-size: 18px;color: #333333;margin-top: 50px;}
.about p{color: #555555;margin-top: 10px; margin-bottom: 15px;}

.news{ margin-top: 15px; }
.news .news_list{ margin-top: 30px;}
.news .news_list .data1{padding-left: 5px;}
.news .news_list .data{ color: #444;font-size: 60px;line-height: 45px;padding-right: 0px;}
.news .news_list time{font-size: 16px;color: #777777;}
.news .news_list h3{font-size: 18px;color: #333333;margin-top: 0px;margin-bottom:0px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news .news_list i{ display:block; height: 2px; width: 30px;background: #F37404; margin-top: 5px; margin-bottom: 5px; margin-left: 0px;}
.news .news_list p{font-size: 14px;color: #555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}





.title2 {

    width: 1180px;

    height: 75px;

    margin: 0 auto;

    text-align: center;

    padding-top: 30px;

    border-bottom: 1px solid #ddd;

}

h3.title2 a {

	font-size: 36px;

	font-weight: 600;

	color: #0f4396;

	position: relative;

}

h3.title2 a img {

	width: 1180px;

	height: 116px;

}

h3.title2 a p {

	font-size: 16px;

	color: #666;

	font-weight: 100;

	text-align: center;

	margin-bottom: 33px;

}



#reason {

	width: 100%;

	background-color: #B4DBFA;

}

.reason {

width: 1180px;

margin: 0 auto;

height: 602px;

position: relative;

margin-top: 50px;

background: url(../images/ys_bg.jpg) center no-repeat;
background-size: 100% 100%;
}

.reason ul li {

	width: 300px;

	position: absolute;

}

.reason ul li h5 {

	font-size: 18px;

	color: #000;

	text-align: left;

	font-weight: 600;

	margin-bottom: 9px;

	line-height: 50px;

	margin-left: 31px;

}

.reason ul li h5 img {

	margin-right: 10px;

}

.ys1 {

	float: left;

}

.ys_img1 {

	position: absolute;

	right: 0;

}

.ys_img2 {

	position: absolute;

	top: 598px;

}

.reason ul li p {

	font-size: 13px;

	line-height: 25px;

	position: relative;

	color: #fff;

}

.reason ul li span {

	display: block;

	font-size: 18px;

	color: #fff;

	line-height: 43px;

	font-weight: 100;

	margin-top: -4px;

}

.ys1 {

	top: 37px;

	margin-left: 25px;

}

.ys2 {

	top: 294px;

	margin-left: 34px;

}

.ys3 {

	right: 52px;

	top: 52px;

}

.ys4 {

	right: 34px;

	margin-top: 311px;

}

.col_333 {

	color: #333 !important;

}


/* directSales 直营*/
.directSales{width: 100%;background: #f8f8f8;padding-bottom: 32px;}
.directSales .mainCon{width: 100%;margin-top: 33px;}
.directSales .mainCon ul{width: 100%;}
.directSales .mainCon li{float: left;width: 278px;margin-left: 29px;}
.directSales .mainCon li:first-child{margin-left: 0;}
.directSales .mainCon li span{display: block;overflow: hidden;position: relative;}
.directSales .mainCon li img{width: 100%; display: block;transition: all 1s ease-out;  transform: scale(1);}
.directSales .mainCon li:hover img{transform: scale(1.2);}
.directSales .mainCon li h3{font-size: 18px;color: #333333;font-weight: normal;margin: 20px 0;text-align: center;}
.directSales .mainCon li p{font-size: 14px;color: #999999;line-height: 24px;padding: 0 25px;}
.directSales .mainCon li:hover{background: #337ab7;}
.directSales .mainCon li:hover h3,.directSales .mainCon li:hover p{color: #FFF;}






/******/
.body_box {
	width: 100%;
	background: url(../images/bg.jpg) repeat;
}
.body_box1 {
	width: 100%;
	background: #FFF;
}

.body_content {
	padding-top: 30px;
}
.box_entitle {
	text-align: center;
	line-height: 40px;
	color: #0f4396;
	font-size: 22px;
	margin-top: 15px;
	text-transform: uppercase;
}
.box_title {
	background: url(../images/title_bg.png) no-repeat center;
	line-height: 50px;
	height: 40px;
	text-align: center;
}
.box_title a {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #0f4396;
}
.box_title a:hover {
	color: #F00;
}
.box_title1 {
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color:#246cd8;
}
.index_about_content {
	font-size: 14px;
	line-height: 25px;
	color: #000;
	margin-top: 10px;
	text-align: left;
	padding-left: 15px;
    padding-right: 15px;
}
.index_anli {
	margin-top: 20px;
	overflow:hidden;
}
.anli_list{
	margin-top:10px;

	overflow:hidden;

}
.anli_list li {
	width: 280px;
	float: left;
	margin: 10px;

	display: block;
}
.anli_list li img{
	display:block;
	width:280px;
	height:210px;
}
.anli_list li a {
	background: #000;
}
.anli_list li a span {
	width: 100%;
	height: 30px;
	line-height: 30px;
	display: block;
	font-size:16px;
	background: #246cd8;
	text-align: center;
	color: #FFF;
}
.anli_list li a:hover span {
	background: #d80303;
}

/***优势***/
.box_ys_title {
	width: 100%;
	height: 150px;
	background: url(../images/index_ys_title.png) repeat-x;
}
.box_ys_jt {
	width: 100%;
	height: 60px;
	background: url(../images/index_ys_jt.png) no-repeat center top;
}
.box_ys_content {
	width: 100%;
	
}
.box_ys_part1 {
	width: 100%;

}
.box_ys_part2 {
	width: 100%;
}
.box_ys_part3 {
	width: 100%;

}
.body_ys_part1_title {
	width: 100%;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	color: #246cd8;
	margin-left: 10px;
}
.body_ys_part1_title span {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #8b8b8b;
	font-weight: normal;
}
.body_ys_part1_list {
	width: 90%;
}
.body_ys_part1_list li {
	font-size: 14px;
	line-height: 40px;
	border-bottom: 1px solid #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
	padding-left: 25px;
}
.dot1 {
	background: url(../images/dot1.png) no-repeat left top;
	font-size: 16px;
}
.dot2 {
	background: url(../images/dot2.png) no-repeat left top;
	font-size: 16px;
}
.dot3 {
	background: url(../images/dot3.png) no-repeat left top;
	font-size: 16px;
}





/*reason end*/


 .nav-tabs .active{ background-color:#005bac;border: 1px #005bac solid;}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:#005bac;color: #fff;border: 0;margin-right: 0px;}

.index_news{ margin-bottom: 20px;}
..pro_title a{ padding: 3px 10px; display: inline-block; margin: 0 8px; }
.index_news h3{ color:#1352AF; font-size: 26px; margin-bottom: 0px;}
.index_news h4{ color: #666; font-size: 26px; }

.index_news_left{ background: #eee; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; }
.index_news_time{ color: #666; font-size: 18px; line-height: 40px; }
.index_news_left_tit{ display: block; font-size: 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; }
.index_news_left_des{ color: #666; margin-bottom: 10px; }
.index_news_right{ margin-top: 20px; }
.index_news_right li{ border-top: 1px solid #dedede; padding-top: 10px; padding-bottom: 10px; }

.link{ border:1px solid #ddd; margin-bottom: 15px;}
.link span{ font-weight: bold; font-size: 16px; }