@charset "utf-8";
/*
	首页
	主色调： #5a0000
 */

/*标题*/
.title{text-align: center;}
.title p{display: inline-block;padding: 0 60px;position: relative;}
.title p:after{content: "";display: block;position: absolute;width: 100%;height: 65px;left: 0;top: 0;border-top:#fff 1px solid;border-left:#fff 1px solid;border-right:#fff 1px solid;}
.title strong{display: block;font-size: 36px;line-height: 50px;color: #fff}
.title span{display: block;font-size: 18px;line-height: 30px;font-family: "Times New Roman";text-transform: uppercase;padding: 0 10px;position: relative;color: #666;}
.title span:before,.title span:after{content: "";display: block;position: absolute;width: 60px;height: 0;top: 15px;border-top:#fff 1px solid;}
.title span:before{right: 100%;}
.title span:after{left: 100%;}

/*产品*/
.bg-pro{background: #000;}
.leval{width: 245px;border: #000 2px solid;text-align: center;}
.leval .T{padding: 12px 0;background: #fefefe;color: #000;}
.leval .T strong{display: block;font-size: 25px;line-height: 42px;font-family: "Arial";text-transform: uppercase;}
.leval .T span{display: block;font-size: 24px;line-height: 36px;}
.leval .T small{display: block;font-size: 16px;line-height: 30px;}
.leval .T big{display: block;font-weight: bold;font-size: 26px;line-height: 40px;}
.leval ul{padding: 12px; background: #fff;}
.leval ul li{border-bottom: #ddd 1px dashed;padding: 5px 30px;}
.leval ul li:last-child{border-bottom: none;}
.leval ul li a{display: block;text-align: center;font-size: 16px;line-height: 32px;color: #333;border-radius: 10px 30px;}
.leval ul li a:hover{background: #590000;color: #fff;}
.pro{padding-bottom: 30px;width: 930px;}
.pro ul li{width: 214px;float: left;margin-right: 15px;}
.pro ul li .pic{width: 214px;height: 212px;background-position: center;background-repeat: no-repeat;background-size: cover; position: relative;}
.pro ul li .pic a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.pro ul li .txt a{display: inline-block;width: 100%;box-sizing: border-box;text-align: center;font-size: 12px;line-height: 38px;color: #fff;position: relative; background: #353535;}
/*.pro ul li .txt a:first-child{background: #5a0000}
.pro ul li .txt a:last-child{background: #ffc207;}
.pro ul li .txt a:last-child:after{content: "";display: block;position: absolute;width: 0;height: 100%;right: 100%;top: 0;border-left: #ffc207 2px dashed;z-index: 1}*/
.pro ul li .txt a:hover{background: #F50202}
.pro ul li .txt a:hover:after{border-color: #F50202}
/*优势*/
.bg-ys{background: #5a0000 url(../images/bg-ys.jpg) center no-repeat;}
.bg-ys .title p *{color: #fff;}
.bg-ys .title *:after,.bg-ys .title *:before{border-color: #fff;}
.ys-block{padding-top: 40px;}
.ys-block .f-cb{padding-bottom: 70px;position: relative;z-index: 2;}
.ys-img1{right: -30px;top: 0;z-index: 1}
.ys-img2{top: 50%;left: 50%;margin-top: -135px;margin-left: -150px;}
.ys-img3{left: 0;bottom: -30px;z-index: 1}
.ys-box{width: 50%;}
.ys-box .time{width: 68px;font-size: 38px;line-height: 60px;background-color: #5a0000;color: #fff;font-family: "Impact";position: relative;text-align: center;}
.ys-box .time:after{content: "";display: block;position: absolute;width: 0;height: 0;left: 22px;top: 100%;border-top: #5a0000 6px solid;border-left: transparent 12px solid;border-right: transparent 12px solid;}
.ys-box .txt{width: 500px;color: #ee3105;}
.ys-box .txt strong{display: inline-block;padding-right: 80px;border-bottom: #959595 1px solid;font-size: 24px;line-height: 48px; color: #fff;}
.ys-box .txt p{font-size: 14px;line-height: 26px;padding-top: 20px; color: #fff;}
/*about 70 100*/
.bg-about{background: #fbfbfb}
.bg-about .w_1{padding-top: 70px;padding-bottom: 100px;}
.about-box{top: 95px;right: 60px;z-index: 1;background: #fff;padding: 36px 104px 36px 36px;width: 520px;z-index: 1}
.about-box strong{font-size: 26px;line-height: 40px;color: #333;font-weight: bold;}
.about-box p{padding-top: 20px;font-size: 16px;line-height: 30px;color: #666;text-align: justify;}
.about-box p a{color: #5a0000}
.about-t{right: 0;top: 0;writing-mode: vertical-rl;writing-mode: tb-rl;z-index: 2}
.about-t span{display: block;font-size: 60px;line-height: 60px;color: #adadad;text-transform: uppercase;font-family: "Times New Roman"}
.about-t strong{display: inline-block;padding-top: 50px;font-size: 46px;line-height: 60px;color: #000;position: relative;}
.about-t strong:after{content: "";display: block;position: absolute;height: 60px;width: 4px;left: 28px;top: 110%;background: #000;}
.about-icon1{left: -120px;top: 90px;}
.about-icon2{right: 60px;bottom: 30px;}
/*news*/
.bg-news{background: url(../images/bg-news.jpg) center no-repeat;}
.bg-news .w_1{padding-top: 40px;}
.news{padding-top: 40px;}
.news ul li{float: left;width: 380px;margin: 0 10px 30px;}
.news ul li a{display: block;padding: 10px;background: #ececec;}
.news ul li a .img{width: 360px;height: 187px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.news ul li a strong{display: block;margin: 0 20px;border-bottom: #5a5959 1px dashed;font-size: 18px;line-height: 36px;text-align: center;color: #444;}
.news ul li a p{font-size: 14px;line-height: 28px;color: #888;}
.news ul li a:hover{background: #5a0000;color: #fff;}
.news ul li a:hover *{color: #fff;border-color: #fff}
.more{display: inline-block;font-size: 18px;line-height: 48px;padding: 0 60px;background: #5a0000;color: #fff;}
.more:hover{background: #ffc207}