﻿/*-----------------------------------------------------------------------------------------------------------------------*/
.main{margin:0 auto;  width:24.167rem;}
.pro_nav{width: 100%;height: 3rem;width: 100%;background: #333333;margin:2rem auto 1.5rem auto; }
.pro_nav a{color: #FFF;font-size: 1rem;text-align: center;display: inline-block;height: 3rem;width: 11.87rem;line-height: 3rem;}
.pro_nav .cur{background: #bf0028}
.pro_list{width:100%;display: table;}
.pro_list li{ position:relative; text-align:center; display: table;width: 100%;border-bottom: 1px #e4e4e4 solid;margin-bottom: 1rem;padding-bottom: 1rem;}
.pro_list li .pic{float: left;width:10rem;border:1px #e4e4e4 solid;height: 8rem;margin-right: 1rem;}
.pro_list li .pic .img{width:10rem;height: 8rem;display: table-cell;vertical-align: middle;text-align: center;}
.pro_list li .pic img{max-width: 9.5rem;max-height: 7.5rem;vertical-align: middle;}
.pro_list li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
.pro_list li .tit{ clear: right;text-align: left;}
.pro_list li .tit h3{font-size: 1rem;color: #333;margin-bottom: 0.5rem;}
.pro_list li .tit p{font-size: 0.8rem;color: #878585;line-height: 1.5rem;}

.pro-view{margin: 2rem 0;width: 100%;display: table;}
.pro-view h1{text-align: center;font-size: 1.5rem;line-height: 3rem;}
.pro-view .photo{display: table;margin: 1rem auto;border:2px #f2f2f2 solid;padding: 1.5rem}
.pro-view .photo img{max-width: 20rem}
.pro-view h2{text-align: center;font-size: 1.2rem;line-height: 2.5rem;min-height: 2.5rem;background: #f2f2f2;margin: 1rem 0}
.pro-view .info{margin:1.5rem auto;  width:24.167rem;font-size: 1rem;line-height: 1.5rem;color: #343434}
.pro-view .info img{max-width: 100%!important;height:auto!important;}
.pro-view .comment{margin:0 auto;  width:24.167rem;}
.pro-view .comment .txt{font-size: 1rem;line-height: 1.5rem;color: #333333;margin-bottom: 0.75rem;}
.pro-view .comment label{display: block;font-size: 1rem;line-height: 2rem;}
.pro-view .comment .input{border:1px #d2d2d2 solid;border-radius: 0.25rem;height: 2.5rem;line-height: 2.5rem;background: #f9f9f9;width: 24rem;text-indent: 0.5rem;margin-bottom: 1rem;}
.pro-view .comment textarea{border:1px #d2d2d2 solid;border-radius: 0.25rem;height: 5.5rem;line-height: 2.5rem;background: #f9f9f9;width: 24rem;text-indent: 0.5rem;margin-bottom: 1rem;}
.pro-view .comment .submit{background: #d0101b;color: #FFF;font-size: 1.2rem;line-height: 3rem;height: 3rem;width: 100%;border-radius: 0.5rem}
.pro-view h2 span{color: #d0101b}
.pro-view .m-news{margin-top: 2rem}
/*-----------------------------------------------------------------------------------------------------------------------*/
.solution{}
.solution li{background: #f4f4f4;padding: 3%;margin: 1rem 0;width: 94%;display: table;}
.solution li .pic{width: 8rem;height: 8rem;overflow: hidden;background: #c7ccc6;float: left;}
.solution li .pic .img{width: 8rem;height: 8rem;display: table-cell;vertical-align: middle;text-align: center;}
.solution li .pic .img img{max-width: 8rem;max-height: 8rem}
.solution li .txt{padding-left: 8.5rem;font-size: 1rem}
.solution li .txt h3{color: #c30015;font-size: 1.1rem;height: 1.5rem;line-height: 1.5rem;overflow: hidden;}
.solution li .txt p{color: #343434;width: 100%;height: 4.5rem;overflow: hidden;font-size: 0.8rem;line-height: 1.5rem;}
.solution li .txt .ask{width: 100%;height: 2rem}
.solution li .txt .ask a{display: inline-block;line-height: 2rem;padding: 0 1rem;color: #FFF;border-radius: 0.25rem}
.solution li .txt .ask .btn1{background: #d30909;margin-right: 1rem;}
.solution li .txt .ask .btn2{background: #313131}

/*-----------------------------------------------------------------------------------------------------------------------*/
.a_nav{width: 100%;height: 3rem;width: 100%;border-bottom: 1px #c30015 solid}
.a_nav a{color: #333;font-size: 1rem;text-align: center;display: inline-block;height: 3rem;width: 32.2%;line-height: 3rem;}
.a_nav .cur{background: #c30015;color: #FFF}
/*-----------------------------------------------------------------------------------------------------------------------*/

.Contact{width: 100%;display: table;}
.Contact .tel,.Contact .kefu {border-bottom: 1px #e4e4e4 solid;position: relative;border-bottom: 1px #c4c4c4 solid;font-size: 1rem;color: #666666;padding: 1rem;height: 3.2rem;}
.Contact .tel p{font-size: 1.2rem;color: #333;line-height: 2rem;}
.Contact .tel a,.Contact .kefu a{position: absolute;right: 0.75rem;top: 0.75rem;font-size: 1rem;width: 3rem;display: block;text-align: center;color: #c30015}
.Contact .tel a span,.Contact .kefu a span{display: block;}
.Contact .tel a img,.Contact .kefu a img{width: 2rem}
.Contact .kefu p{line-height: 3.2rem;}
/*-----------------------------------------------------------------------------------------------------------------------*/

.news li{background: #f4f4f4;padding: 3%;margin: 1rem 0;width: 94%;display: table;}
.news li .pic{width: 8rem;height: 8rem;overflow: hidden;float: left;}
.news li .pic .img{width: 8rem;height: 8rem;display: table-cell;vertical-align: middle;text-align: center;}
.news li .pic .img img{max-width: 8rem;max-height: 8rem}
.news li .txt{padding-left: 8.5rem;font-size: 1rem}
.news li .txt h3{color: #5f6b76;font-size: 1.1rem;height: 1.5rem;line-height: 1.5rem;overflow: hidden;}
.news li .txt p{color: #343434;width: 100%;height: 4rem;overflow: hidden;font-size: 0.8rem;line-height: 1.5rem;}
.news li .txt p a{color: #d30909}
.news li .txt .t-box{width: 100%;height: 2rem;margin-top: 0.5rem;font-size: 0.8rem}
.news li .txt .t-box span{padding-left: 1.5rem;margin-right: 0.75rem;display: inline-block;height: 2rem;line-height: 2rem;color: #5f6b76}
.news li .txt .t-box span:last-child{margin-right: 0;}
.news li .txt .t-box .time{background: url(img/icon11.png) no-repeat left center;background-size: 1.2rem}
.news li .txt .t-box .num{background: url(img/icon12.png) no-repeat left center;background-size: 1.2rem}

.news-view{margin: 2rem 0;width: 100%;display: table;}
.news-view h1{text-align: center;font-size: 1.5rem;line-height: 3rem;color: #d00f1a}
.news-view .info{font-size: 1rem;line-height: 2rem;padding: 3%;color: #3e3e3e}
.news-view .info img{max-width: 100%!important;height: auto!important;}
.news-view .info p{margin: 1rem 0}
.news-view .writer{font-size: 1rem;color: #919191;line-height: 2rem;border-bottom: 2px #c7ccc6 solid;text-align: center;}
.news-view .sharing{padding:3%;height: 2.5rem;margin-bottom: 1rem;}
.news-view .sharing span{display: inline-block;width: 54%;height: 2.5rem;float: left;}
.news-view .sharing em{display: inline-block;float: right;border-left: 1px #ababab dashed;padding-left: 0.5rem;height:1.5rem;line-height: 1.5rem;font-size: 0.8rem;color: #666;padding-right: 0.5rem;margin-top: 0.5rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.about{}
.about .text{font-size: 1rem;color: #535353;line-height: 1.75rem;}
.about .text img{max-width: 100%;margin-top: 0.75rem;}

.about .team{width: 100%;display: table;}
.about .team li{width: 100%;height: 11.25rem;margin-bottom: 2rem;overflow: hidden;}
.about .team li .pic{width: 11rem;height: 11rem;overflow: hidden;float: left;}
.about .team img{height: 11rem;float: left;margin-left: -1rem;}
.about .team .txt{margin-left: 12rem;position: relative;height: 11rem}
.about .team .txt .num{height: 1.2rem;font-size: 1rem}
.about .team .txt .tit{font-size: 1.2rem;height: 1.5rem;margin-bottom: 0.75rem;}
.about .team .txt .tit:before{content: "";display: block;position: absolute;top: 2.5rem;left:0;width: 15%;height: 0.5rem;border-bottom: 0.1rem #bf0028 solid; }
.about .team .txt p{font-size: 0.75rem;color: #747474;line-height: 1.4rem;height: 5.5rem;overflow: hidden;}
.about .team .txt a{display: inline-block;border:1px #bf0028 solid;color: #747474;font-size: 0.8rem;height: 1.75rem;width: 5rem;text-align: center;line-height: 1.75rem;}

.about .team .t1 .txt{clear: left;margin-left: 0;margin-right:12rem ;}
.about .team .t1 .pic{float: right;margin-right: 0;}