/**********************************************************************************************/

#index-main {
	background: #FFFFFF;
}

.mod-tit {
	width: 100%;
	text-align: center;
}

.mod-tit .p1 {
	font-size: 35px;
	color: #343434;
	font-weight: bold;
	letter-spacing: 1px;
}

.mod-tit .p2 {
	padding-top: 15px;
	font-size: 14px;
	color: #373737;
}

.mod-con {
	padding-top: 50px;
	width: 100%;
}


/**********************************************************************************************/


/* index-1 */

#index-1 {}

.pro-item {
	width: 940px;
}

.pro-item > .title {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	background: #E20001 url(../images/middle-1-right-t.png) no-repeat center left 20px;
}

.pro-item > .title p {
	padding-left: 40px;
	font-size: 16px;
	color: #FFFFFF;
}

.pro-item > .title p span {
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
}

.pro-item > ul {
	padding: 6px 16px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #B8C6D7;
	background: url(../images/middle-1-right-b.gif) bottom repeat-x;
}

.pro-item > ul > li {
	margin: 10px 0;
	width: 445px;
}

.pro-item > ul > li:nth-of-type(2n) {
	margin-left: 16px;
}

.pro-item > ul > li .img-box {
	width: 170px;
	border: 1px solid #CCCCCC;
}

.pro-item > ul > li .txt-box {
	width: 250px;
}

.pro-item > ul > li .txt-box > a {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.pro-item > ul > li .txt-box > .content {
	line-height: 20px;
	color: #999999;
}

.pro-item > ul > li .txt-box > .content a {
	color: #BA0604;
}


/**********************************************************************************************/


/* index-2 */

#index-2 {
	padding: 10px 0;
}


/**********************************************************************************************/


/* index-3 */

#index-3 {}

#index-3 .title {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	background: #E20001 url(../images/middle-1-right-t.png) no-repeat center left 20px;
}

#index-3 .title > p {
	padding-left: 40px;
	font-size: 16px;
	color: #FFFFFF;
}

#index-3 .title > p > span {
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
}

.pro-show {
	padding: 15px;
	width: 1168px;
	height: 540px;
	border: 1px solid #B8C6D7;
	background: url(../images/middle-1-right-b.gif) repeat-x bottom;
}

#pro-Ul li:nth-of-type(5n) {
	margin-right: 0px;
}

#pro-Ul li {
	margin: 10px 17px 10px 0;
	width: 220px;
}

#pro-Ul li .img-box {
	width: 220px;
	height: 220px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}

#pro-Ul li .txt-box {
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#pro-Ul li .txt-box a {
	font-size: 12px;
	color: #676767;
}


/**********************************************************************************************/


/* index-4 */

#index-4 {
	padding: 10px 0;
}

.index-4-title {
	width: 100%;
	height: 40px;
	background: #E20001;
}

.index-4-title .p1 {
	display: flex;
	padding-left: 40px;
	align-items: center;
	width: 710px;
	height: 40px;
	color: #FFFFFF;
	font-size: 16px;
	background: #E20001 url(../images/middle-1-right-t.png) no-repeat center left 20px;
}

.index-4-title .p1 span {
	margin-left: 15px;
	font-size: 14px;
	text-transform: uppercase;
}

.index-4-title .p2 {
	display: flex;
	padding-left: 40px;
	align-items: center;
	width: 380px;
	height: 40px;
	color: #FFFFFF;
	font-size: 16px;
	background: #E20001 url(../images/middle-1-right-t.png) no-repeat center left 20px;
}

.index-4-title .p1 span {
	margin-left: 15px;
	font-size: 14px;
	text-transform: uppercase;
}

.index-4-con {
	padding: 10px;
	width: 100%;
	background: url(../images/middle-1-right-b.gif) repeat-x bottom;
	border: 1px solid #B8C6D7;
	box-sizing: border-box;
}

.left-about {
	line-height: 25px;
}

.left-about > img {
	margin-right: 15px;
}

.right-video {
	width: 400px;
}

.right-video iframe, .right-video video, .right-video embed {
	width: 400px;
	height: 240px;
}


/**********************************************************************************************/


/* index-5 */

.news-1 {
	width: 450px;
}

.news-1 > .title, .news-2 > .title, .news-3 > .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 40px;
	background: #E20001 url(../images/middle-1-right-t.png) no-repeat center left 20px;
}

.news-1 > .title > p, .news-2 > .title > p, .news-3 > .title > p {
	padding-left: 40px;
	font-size: 16px;
	color: #FFFFFF;
}

.news-1 > .title > a, .news-2 > .title > a, .news-3 > .title > a {
	margin-right: 20px;
}

.index-5-con {
	padding: 5px 10px;
	width: 100%;
	border: 1px solid #CACACA;
	box-sizing: border-box;
}

.news-item li {
	padding: 5px 0;
}

.news-item li .img-box {
	width: 130px;
	height: 130px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}

.news-item li .txt-box {
	display: block;
	width: 285px;
}

.news-item li .txt-box > a {
	height: 46px;
	line-height: 23px;
	color: #666666;
	line-height: 23px;
}

.news-item li .txt-box a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.news-item li .txt-box > p {
	padding: 10px;
	height: 60px;
	line-height: 20px;
	line-height: 20px;
	color: #999999;
}

.news-2 {
	margin: 0 25px;
	width: 350px;
}

.news-2-item {
	padding-bottom: 8px;
	width: 100%;
}

.news-2-item li {
	padding: 0 10px;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: url(../images/icon2.gif) no-repeat center left 10px;
	border-bottom: 1px solid #DDDDDD;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news-2-item li a {
	margin-left: 20px;
	font-size: 12px;
	color: #666666;
}

.news-2-item li a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.news-3 {
	width: 350px;
}

#problem-Ul {
	margin: 10px 0 7px 0;
	width: 100%;
	height: 190px;
}

#problem-Ul li {
	margin-bottom: 10px;
	width: 100%;
	height: 85px;
	background: url(../images/aq.gif) no-repeat top 10px left 10px;
	border-bottom: 1px solid #BCBCBC;
}

#problem-Ul li a {
	display: block;
	float: left;
	margin: 9px 0px 0px 40px;
	width: 270px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#problem-Ul li p {
	float: left;
	margin: 5px 0px 0px 40px;
	width: 270px;
	height: 40px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


/**********************************************************************************************/


/* index-6 */

#index-6 {
	padding: 10px 0;
}

.index-6-title {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	background: #E20001 url(../images/middle-4-t.png) no-repeat center left 20px;
}

.index-6-title > p {
	padding-left: 40px;
	font-size: 16px;
	color: #FFFFFF;
}

.index-6-title > p > span {
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
}

.index-6-con {
	padding: 10px;
	width: 100%;
	height: 150px;
	border: 1px solid #CACACA;
	box-sizing: border-box;
	overflow: hidden;
}

#cus-Ul {
	width: 100%;
	height: 125px;
}

#cus-Ul li {
	float: left;
	margin-right: 20px;
	width: 192px;
}

#cus-Ul li .img-box {
	width: 190px;
	height: 100px;
	border: 1px solid #DCDCDC;
}

#cus-Ul li .txt-box {
	padding: 0 20px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	color: #666666;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.marqueea {
	width: 100%;
	height: 125px;
	overflow: hidden;
}


/**********************************************************************************************/


/* index-7 */

#index-7 {
	padding: 10px 0;
}

.index-7-tit {
	width: 100%;
	height: 45px;
	background: url(../images/link-t.jpg) no-repeat center;
}

.index-7-tit p {
	padding-left: 35px;
	font-size: 14px;
	color: #666666;
}

.index-7-con {
	padding: 10px 10px 10px;
	line-height: 23px;
}

.index-7-con a {
	margin: a0 10px;
	font-size: 12px;
	color: #666666;
}


/**********************************************************************************************/