/*title*/
.section-title { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:30px; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#000;text-transform:uppercase; font-weight:900}
.section-title p { color: #5c5c5c; font-size: 17px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #c00808; }
.section-title1 { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:40px; }
.section-title1 h2{ margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#fff;text-transform:uppercase; font-weight:900}
.section-title1 p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title1:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #fff; }
/*about*/
.about-bg{ width:100%; background:url(../images/about_bg.jpg); padding:80px 0px; overflow:hidden}
.inaboutL{float:left; width:590px; overflow:hidden;}
.inaboutR{float:right; width:640px;}
.inaboutR h1{ float:left; width:100%; line-height:50px; font-size:40px; color:#000;font-weight:600; padding-bottom:20px;}
.inaboutR h1:after { display: block; content: ''; width:60px; height: 2px; background-color: #c00808; }
.inaboutR p{ float:left; width:100%; line-height:28px; font-size:16px; overflow:hidden;word-wrap:break-word; padding-bottom:30px; border-bottom:1px solid #c00808}
.aboutli{ width:100%; padding-top:20px; overflow:hidden}
.aboutli li{ width:100%; line-height:40px; font-size:18px;}
.aboutli li span{width:30px;height:20px; background-position: -111px 0px;}
.More{height:40px;width: 140px;background-color: #c00808;border-radius:10px; text-align:center;margin-top:30px;} 
.More a .more{font-size: 16px;color: #ffffff; line-height:40px;}
/*number*/
.number-bg{ width:100%; background:url(../images/number_bg.jpg) no-repeat center; padding:70px 0px;}
.number_box{ margin:auto; width:100%;color: #fff; position: relative; z-index:2;height:140px;overflow:hidden}
.number_box:before,
.number_box:after{content: ""; display: table;}
.number_box:after{clear: both;}
.number_box > .number_box_table{display: table; width: 100%; height: 43px; table-layout: fixed; margin-top: 42px;}
.number_box > .number_box_table > ul{display: table-row;}
.number_box > .number_box_table > ul > li{display: table-cell;border-left: 1px solid #ddd; text-align: center; font-size: 14px;}
.number_box > .number_box_table > ul > li:first-child{border-left: none;}
.number_box > .number_box_table > ul > li > div{position: relative; top: -10px; height: 40px;}
.number_box > .number_box_table > ul > li > div > span{font-size:50px; color:#fff; font-weight:700}
.number_box > .number_box_table > ul > li > div > sup{font-size: 13px; vertical-align: top; position: relative; top: -1px; color:#fff;}
.number_box > .number_box_table > ul > li > div > p{ padding-top:10px; color:#fff; font-size:15px}
/*product*/
.nyprobox{ width:100%; overflow:hidden; padding-top:10px;}
.nyprobox ul{width:100%;}
.nyprobox li{width:32.63%; float: left; margin-right:1%; background: #fff; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:14px;}
.nyprobox li:nth-child(3n){ margin-right:0px;}

/*adv*/
.advbg{width:100%; margin-top:40px; overflow:hidden; background:url(../images/adv_bg.jpg) no-repeat center; padding:50px 0px;}
.advleft{ float:left; width:480px; overflow:hidden}
.advright{ float:right; width:750px; overflow:hidden;}
.advright p{ float:left; width:100%; font-size:30px; color:#fff; line-height:40px; overflow:hidden}
.advright ul{ width:100%; overflow:hidden; margin-top:40px;}
.advright ul li{ float:left; width:45%; overflow:hidden; margin-top:7%; min-height:210px;}
.advright ul li p{float:left; width:100%;  font-size:20px; color:#fff;}
.advright ul li span{ float:left; width:100%; font-size:15px; color:#fff;}
.advright li:nth-child(2n){ float:right}
/*honor*/
.inhonor{ width:100%; overflow:hidden; background:#f7f7f7; }
.honorL{ float:left; width:400px; overflow:hidden;padding:70px 30px;}
.honorL p{ float:left; width:100%; line-height:35px; font-size:35px; font-weight:700}
.honorL span{ width:100%; float:left; font-size:15px; line-height:30px; padding-top:30px;}
.honorR{ float:right; width:800px; overflow:hidden}
.srhlsnkd {width:160px;height:50px;float:left;margin-top:40px;}
.srhlsnkd a {width:160px;background:#c00808;float:left;font-size:16px;color:#fff;line-height:50px;text-align:center;display:block}
.srhlsnkd a:hover {width:160px;height:50px;background:#d79e05;float:left;color:#ff0;display:block}
/*faq*/
.faq{ width:100%; overflow:hidden; margin-top:50px;display: flex;}
.faqL{ float:left; width:50%; overflow:hidden;flex: 1; background:url(../images/fq_left.jpg) no-repeat right;}
.faqL img{ width:100%;}
.faqR{ float:right; width:50%; background:#e6a500; overflow:hidden;flex: 1;}
.faqright{ width:600px; float:left; padding:30px 0px 30px 30px; overflow:hidden;}
.faqright1 p{ width:200px; background:#c00808; line-height:40px; text-align:center; font-size:16px; color:#fff; font-weight:600; -moz-border-radius:1em;-webkit-border-radius: 1em;border-radius: 1em;}
.faqright1 h1{ float:left; width:100%; font-size:50px; color:#000; margin-top:30px; font-weight:normal}
.faqright1 span{ float:left; width:100%; font-size:14px; line-height:25px;}
.faqright2{ float:left; width:100%; overflow:hidden}
.faqright2 p{ float:left; width:100%; margin-top:30px; color:#c00808; font-size:18px;}
.faqright2 span{ float:left; width:100%; line-height:30px;}
/*news*/
.newsbg{width:100%;overflow:hidden; background:#fff; padding:50px 0px;}
.sec5-tbody {font-size: 0;letter-spacing: 0;margin-left: -35px;margin-right: -35px;padding-top:25px; position: relative;display: flex;flex-wrap: wrap;}
.sec5-tbody-item {width: 33.333333%;display: inline-block;vertical-align: top;padding: 0 35px;margin-bottom: 20px;}
.new-item-box {display: block;width: 100%;background: #fff;position: relative;}
.new-item-box .item-pic {width: 100%;position: relative;}
.new-item-box .item-pic img {width: 100%;}
.new-item-box .item-body {padding: 10px 16px 19px;position: relative; background:#f8f8f8}
.new-item-box .item-body .item-title {font-size: 18px;color: #333333;line-height: 30px;}
.new-item-box .item-body .item-title a{ color:#000}
.new-item-box .item-body .item-title a:hover{ color:#c00808}
.new-item-box .item-body .item-desc {font-size: 14px;margin-top: 8px;color: #666666;line-height: 30px;min-height: 60px;overflow: hidden;}
.new-item-box .item-body .item-desc a{ color:#5d5d5d}
.new-item-box .item-body .item-desc a:hover{ color:#c00808}
.new-item-box .item-body .item-flex {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
.new-item-box .item-body .item-date {font-size: 12px;color: #999999;line-height: 28px;}
.new-item-box .item-body .item-date .iconfont {font-size: 16px;color: #999999}
.new-item-box .item-body .item-href {font-size: 14px;color: #333333;line-height: 28px;text-align: right;text-transform: uppercase;}
.new-item-box .item-body .item-href .iconfont {font-size: 15px;color: #333;margin-left: 4px;}
.new-item-box .item-body .item-href a {color: #666;}
.new-item-box .item-body .item-href a:hover {color: #c00808;}
/*feedback*/
.feedback-bg{ width:100%; overflow:hidden; background:url(../images/submit_bg.jpg) no-repeat center;padding:60px 0 30px 0;}
.feedback-left{ width:670px; float:left; padding:30px 0px; overflow:hidden;}
.feedback-left1 p{ width:200px; background:#c00808; line-height:40px; text-align:center; font-size:16px; color:#fff; font-weight:600; -moz-border-radius:1em;-webkit-border-radius: 1em;border-radius: 1em; text-transform:uppercase}
.feedback-left1 h1{ float:left; width:100%; font-size:50px; color:#000; margin-top:30px; font-weight:normal}
.feedback-left1 span{ float:left; width:100%; font-size:14px; line-height:25px;}
.feedback-left2{ float:left; width:100%; margin-top:40px;}
.feedback-left2 p{ float:left; width:100%; font-size:35px; color:#000;font-weight:normal}
.feedback-left2 span{ float:left; width:100%; font-size:18px; line-height:25px; color:#c00808}
.feedback-left3{ float:left; width:100%; margin-top:40px;}
.feedback-left3 p{ float:left; width:100%;font-size:18px; line-height:25px; color:#c00808}
.feedback-left3 li{ float:left; width:48%; line-height:50px; font-size:17px; margin-top:2%}
.feedback-left3 li:nth-child(2){ float:right}
.feedback-left3 li:nth-child(3){ float:left; width:100%; font-size:16px;}
.feedback-left3 span {display:inline-block;  float: left; background-image: url(../images/ico.png); margin-right:10px;}
.feedback-mail{background-position: 0 -105px; width:31px;height:30px;}
.feedback-tel{background-position: -41px -105px; width:31px;height:40px;}
.feedback-add{background-position: -82px -105px; width:31px;height:50px;}
.feedback-right{ float:right; width:530px; background:#fff; padding:30px; border-top:2px solid #c00808;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}


.message{ float:left; width:100%; overflow:hidden; height:auto; margin-top:30px;}
.message li{ float:left; width:48%; padding-bottom:10px; line-height:40px;}
.message li:nth-child(2){ float:right;}
.message li:nth-child(4){ float:right;}
.message li:nth-child(5){ float:left; width:100%;}
.message li:nth-child(6){ float:left; width:100%; margin-top:30px;}
.ginput{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
.btns{width:180px;height:50px;margin-right:10px; background-image:url(/images/submit.png);background-position:right 10px center;background-repeat: no-repeat;background-color:#c00808;color:#fff;border:none;font-size:16px;margin-bottom:0;cursor:pointer;border-radius:5px; padding-right:20px;}
.btns:hover{background:#333;transition:all 0.3s;background-image:url(/images/submit.png);background-position:right 10px center;background-repeat: no-repeat;}
.gtext1{float:left;width:98%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}

@media (max-width:768px) {
/*title*/
.section-title { margin-bottom:20px;margin-top:0; }
.section-title h2 { font-size:30px;}
.section-title p { display:none}
.section-title1 { margin-bottom:20px;margin-top:0;}
.section-title1 h2 { font-size:30px; color:#fff}
.marg50{ margin-top:30px!important;}
.marg70{ margin-top:30px!important;}
/*about*/
.about-bg{ padding:30px 0px;}
.inaboutL{ display:none;}
.inaboutR{float:left; width:100%;}
.inaboutR h1{font-size:30px; text-align:center}
.inaboutR h1:after {margin:auto}
.inaboutR p{line-height:25px; font-size:15px;border-bottom:none;padding-bottom:10px;}
.aboutli{ display:none}
.More{margin:auto;margin-top:30px;} 
/*number*/
.number-bg{ display:none}
/*product*/
.nyprobox li{width:49%; float: left; margin-right:2%; background: #fff; margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:22px;}
.nyprobox li:nth-child(2n){ margin-right:0px}
.nyprobox li:nth-child(3){ margin-right:2%}
.nyprobox li:nth-child(9){ display:none}
/*adv*/
.advbg{margin-top:10px;background:#c52928; padding:40px 0px; margin-bottom:30px;}
.advleft{width:100%;}
.advright{ float:left; width:100%;}
.advright p{font-size:16px;line-height:25px;}
.advright ul{ width:100%; margin-top:10px; overflow:hidden}
.advright ul li{ float:left; width:100%; overflow:hidden; margin-top:8%; min-height:auto;}
.advright ul li p{font-size:17px;}
.advright ul li span{font-size:14px;}
/*honor*/
.honorL{ width:100%; overflow:hidden;padding:20px 1%;}
.honorL p{line-height:28px; font-size:18px; font-weight:700}
.honorL span{line-height:25px; padding-top:10px;}
.honorR{ float:left; width:100%}
.srhlsnkd { display:none}
/*faq*/
.faq{ width:100%; overflow:hidden; margin-top:0;display: flex;}
.faqL{display:none}

.faqR{float:left; width:100%;}
.faqright{ width:100%; float:left; padding:50px 2% 30px 2%;}
.faqright1 h1{ font-size:35px;}
.faqright2 span{line-height:25px;}
/*news*/
.newsbg{padding:40px 0px 0px 0px;}
.sec5-tbody {margin-left: -8px; margin-right: -8px; padding-top: 24px;}
.sec5-tbody-item {width: 100%; padding: 0 8px;margin-bottom:0;}
.new-item-box .item-body {padding: 6px 10px 14px;}
.new-item-box .item-body .item-title {font-size: 16px;line-height: 26px;}
.new-item-box .item-body .item-desc {font-size: 14px;margin-top: 6px;line-height: 24px;min-height: 48px;}
.new-item-box .item-body .item-flex { margin-top: 12px;}
.new-item-box .item-body .item-date {font-size: 12px;line-height: 24px;}
.new-item-box .item-body .item-date .iconfont { font-size: 14px;}
.new-item-box .item-body .item-href {font-size: 14px;line-height: 26px;}
.new-item-box .item-body .item-href .iconfont {font-size: 14px;margin-left: 4px;}

/*feedback*/
.feedback-bg{padding:40px 0;}
.feedback-left{ display:none}
.feedback-right{ float:left; width:100%; background:#fff; padding:10px;}
.message{margin-top:10px;}
.message li{ float:left; width:100%; padding-bottom:10px; line-height:25px;}
.message li:nth-child(2){ float:left;}
.message li:nth-child(4){ float:left;}
.ginput{line-height:20px;}
.gtext1{width:97%;}
}