/*banner*/
.banner{ position: relative; }
.banner img{ width: 100%;}
.banner .hd{ position: absolute; bottom: 20px; width: 100%; text-align: center;}
.banner .hd li{ display: inline-block; width: 15px; height: 15px; margin: 0 5px; border-radius: 50%; background: #fff; cursor: pointer;}
.banner .hd li.on{ background: #c80000;}


.index-bt{ font-size: 36px; color: #ba0000; text-align: center;}

/*index-pro*/
.index-pro{ padding: 60px 0;}
.index-pro h2{ margin-bottom: 20px;}
.index-pro h2 + p{ font-size: 18px; line-height: 30px; margin-bottom: 30px;}
.index-pro h2 + p b{ color: #ba0000;}
.i-pro-hd li{ width: 254px; line-height: 75px; padding-left: 98px; font-size: 24px; background: url("../images/i-pro-hd4-1.jpg") no-repeat left center; }
.i-pro-hd li + li{ margin-top: 5px;}
.i-pro-hd .li2{ background-image: url("../images/i-pro-hd1-1.jpg");}
.i-pro-hd .li3{ background-image: url("../images/i-pro-hd3-1.jpg");}
.i-pro-hd .li4{ background-image: url("../images/i-pro-hd2-1.jpg");}
.i-pro-hd .li5{ background-image: url("../images/i-pro-hd5-1.jpg");}
.i-pro-hd .li6{ background-image: url("../images/i-pro-hd6-1.jpg");}
.i-pro-hd li.on,.i-pro-hd li:hover{ color: #fff; background-image: url("../images/i-pro-hd4-2.jpg"); cursor: pointer;}
.i-pro-hd .li2.on,.i-pro-hd .li2:hover{ background-image: url("../images/i-pro-hd1-2.jpg");}
.i-pro-hd .li3.on,.i-pro-hd .li3:hover{ background-image: url("../images/i-pro-hd3-2.jpg");}
.i-pro-hd .li4.on,.i-pro-hd .li4:hover{ background-image: url("../images/i-pro-hd2-2.jpg");}
.i-pro-hd .li5.on,.i-pro-hd .li5:hover{ background-image: url("../images/i-pro-hd5-2.jpg");}
.i-pro-hd .li6.on,.i-pro-hd .li6:hover{ background-image: url("../images/i-pro-hd6-2.jpg");}
.i-pro-bd{ width: 942px;}
.i-pro-item{ display: none;}
.i-pro-item .txt p{ line-height: 30px;}
.i-pro-top{ margin-bottom: 5px;}
.i-pro-top .txt{ width: 342px; height: 330px; padding: 30px; background: #e9e9e9;}
.i-pro-top h3{ font-size: 24px; margin-bottom: 14px;}
.i-pro-top .btns{ margin: 10px 0 15px;}
.i-pro-top .btns a{ display: inline-block; width: 105px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: #e33131; margin-right: 20px;}
.i-pro-top .tel b{ font-size: 18px; color: #ba0000;}
.i-pro-bottom li{ float: left; width: 469px;}
.i-pro-bottom li + li{ margin-left: 4px;}
.i-pro-bottom .txt{ width: 259px; height: 140px; padding: 12px 20px; background: #e9e9e9;}
.i-pro-bottom h3{ font-size: 20px; margin-bottom: 5px;}
.i-pro-bottom .btns{ margin-top: 5px;}
.i-pro-bottom .btns a{ display: inline-block; margin-right: 15px; padding: 3px 8px; border: 1px solid #ba0000;}
.i-pro-bottom .btns a:hover{ background: #ba0000; color: #fff;}


/*index-about*/
.i-a-top{ padding: 33px 0; background: url("../images/index-about-bg.jpg") no-repeat center;}
.i-a-cont{ padding: 40px 65px 40px 30px; color: #fff; background: #e33131;}
.i-a-cont .txt{ width: 492px;}
.i-a-cont h2{ color: #fff; text-align: left;}
.i-a-cont li{ float: left; width: 33.33%; margin-top: 48px; text-align: center; line-height: 26px;}
.i-a-cont li b{ font-size: 48px; font-weight: 400;}
.i-a-cont .btns{ margin-top: 50px;}
.i-a-cont .btns a{ display: inline-block; margin-right: 80px; width: 147px; line-height: 40px; text-align: center; font-size: 18px; color: #333; background: #f9c35b;}
.i-a-bottom{ padding: 40px 0; font-size: 20px; line-height: 40px; background: #e9e9e9;}
.i-a-bottom h3{ font-size: 26px; color: #d70006; font-weight: 400; margin-bottom: 20px;}
.i-a-bottom input{ width: 400px; height: 40px; padding: 0 20px;}
.i-a-bottom button{ width: 190px; height: 40px; color: #fff; background: #e33131;}
.i-a-bottom img{ position: relative; top: -3px; margin-right: 10px; }
.i-a-bottom p{ line-height: 36px;}
.i-a-bottom b{ font-size: 30px; color: #ba0000;}

/*index-case*/
.index-case{ padding-top: 50px;}
.index-case h2{ margin-bottom: 55px;}
.i-case-hd li{ position: relative; width: 440px; height: 85px; line-height: 80px; font-size: 20px; background: #e9e9e9;}
.i-case-hd li + li{ margin-top: 13px;}
.i-case-hd li a{ padding: 0 20px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.i-case-hd li strong{ font-size: 34px; font-weight: 400;}
.i-case-hd li i{ position: absolute; right: -19px; top: 50%; margin-top: -17px; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 19px; border-color: transparent transparent transparent #e9e9e9;}
.i-case-hd li.on,.i-case-hd li:hover{ cursor: pointer; color: #fff; background: #e33131;}
.i-case-hd li.on i,.i-case-hd li:hover i{ border-left-color: #e33131;}
.i-case-item{ display: none; border: 2px solid #dcdcdc; padding: 5px;}
.i-case-item:first-child{ display: block;}
.index-case .more{ padding-left: 515px; margin-top: 30px;}
.index-case .more a{ display: inline-block; width: 170px; height: 40px; text-align: center; line-height: 40px; color: #e33131; font-size: 18px; border: 1px solid #e33131;}
.index-case .more a:hover{ color: #fff; background: #e33131;}



/*index-news*/
.index-news h4{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news h3 a{ float: right; font-size: 14px; position: relative; top: 15px; }

.index-news{ padding: 50px 0;}
.index-news h2{ margin-bottom: 35px;}
.index-news h3{ position: relative; font-size: 24px; font-weight: 400; padding-bottom: 20px; border-bottom: 1px solid #c8c8c8;}
.index-news h3 i{ position: absolute; bottom: -1px; left: 0; width: 97px; height: 2px; background: #ba0000;}
.i-news-left{ width: 720px;}
.i-news-wenti{ width: 444px;}
.index-news h4{ font-size: 18px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news p{ margin: 5px 0; font-size: 12px; line-height: 30px; color: #808080; height: 90px; overflow: hidden;}

.i-news-qiye{ margin-bottom: 40px;}
.i-news-qiye h3{ margin-bottom: 20px;}
.i-news-qiye .txt{ width: 350px;}
.i-news-qiye .more{ display: inline-block; padding: 0 8px 2px; color: #808080; font-size: 20px; border: 1px solid; }

.i-qiye-slider{ position: relative; }
.i-qiye-hd{ position: absolute; left: 0; bottom: -22px; width: 100%; text-align: center; }
.i-qiye-hd li{ display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 5px; }
.i-qiye-hd li.on{ background: #c40000; }

.i-news-hangye h4{ font-size: 15px; }
.i-news-hangye ul{ margin: 0 -16px;}
.i-news-hangye li{ position: relative; float: left; width: 50%; padding: 0 16px 0 92px; margin-top: 25px; }
.i-news-hangye .time{ position: absolute; left: 16px; top: 0; width: 60px; padding: 2px 2px 0; color: #808080; border: 1px solid;}
.i-news-hangye span{ display: block; text-align: center;}
.i-news-hangye .time-day{ padding-bottom: 5px; font-size: 34px; border-bottom: 1px solid;}
.i-news-hangye .time-ym{ font-size: 13px; line-height: 22px; }
.i-news-hangye p{ margin: 5px 0 0; line-height: 22px; height: 44px; overflow: hidden;}
.i-news-hangye li:hover a{ color: #c40000; text-decoration: underline; }
.i-news-hangye li:hover .time{ color: #c40000; }

.i-news-wenti li{ margin-top: 22px;}
.i-news-wenti h4{ font-size: 16px; height: 18px; margin-bottom: 10px; }
.i-news-wenti h4 b{ font-weight: 400; color: #ea0004;}
.i-news-wenti p{ position: relative; height: 92px; padding: 20px 25px 0 60px; background: url("../images/index-news.png") no-repeat center; }
.i-news-wenti p a{ display: block;  line-height: 28px; font-size: 14px; height: 56px; overflow: hidden; }
.i-news-wenti p b{ position: absolute; left: 25px; top: 19px; font-size: 16px; color: #2d2d2d; font-weight: 400;}