/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ PC端 ***********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/

@media screen and (min-width: 1367px){

 /* 手机分类 */
.web_nav{display: block;width: 1200px;margin: 0 auto 20px;}
.web_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.web_nav ul li{line-height: 2.5;width:19%;border: 1px solid #efefef;box-sizing: border-box;text-align: center;margin-right:1.25%;margin-bottom: 10px;}
.web_nav ul li:nth-child(5n+0){margin-right: 0;}
.web_nav ul li a{display: block;}
.web_nav ul li:hover{background: #e53c1b;}
.web_nav ul li:hover a{color: #fff;}
.web_nav ul li.on{background: #e53c1b;}
.web_nav ul li.on a{color: #fff;}
.max_width{width: 1200px;}
.mbx{padding-top: 0%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 0%;font-size: 14px; color: #999;position: relative;border-bottom: 1px solid #efefef;margin-bottom: 1.5690%;z-index: 999;;}
.mbx:before{content: '\e63e';font-size: 30px;  font-family: "iconfont" !important;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.mbx a:first-child{padding-left: 35px;}
.mbx span{padding: 0 10px;}
.mbx i{font-size: 30px;}
.mbx .fl{width: 100%;}
.mbx .fr{width: 70%;text-align: right;display: none;}
.mbx .fr a:first-child{padding-left: 0;}

.banner_page {padding-top: 7.8452%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 7.8452%;background-color: transparent;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;background-Attachment: scroll;border-bottom: 4px solid #ccc;}
.banner_page .page_catname {text-align: center;}
.banner_page .page_catname h3 {color: #fff;font-size: 60px;text-transform: uppercase;font-weight: lighter;line-height: 2;}
.banner_page .page_catname h2 {color: #fff;font-size: 40px;line-height: 0.5;}
/* contact */
.contact {padding: 0% !important;margin-bottom: 1%;}
.contact dl {border: 1px solid #efefef;width: 100%;margin-bottom: 2%;text-align: left;padding: 1% 2%;box-sizing: border-box;}
.contact dl dt {border-bottom: 1px solid #efefef;;font-size: 24px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact dl dd {font-size: 15px;color: #999;width: 49%;float: left;border-bottom: 1px dashed #efefef;margin-right: 2%;padding-top: 5px;}
.contact dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 {margin-bottom: 1%;display: flex;justify-content:flex-start;flex-wrap: wrap;}
.contact01 dl {width: 49%;padding: 1% 2%;margin-bottom: 2%;text-align: left;margin-right: 2%;border: 1px solid #efefef;box-sizing: border-box;}
.contact01 dl dt {border-bottom: 1px solid #efefef;font-size: 22px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact01 dl dd {font-size: 15px;color: #999;width: 100%;float: left;border-bottom: 1px dashed #efefef;padding-top: 5px;width: 49%;margin-right: 2%;}
.contact01 dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact01 dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact01 dl:nth-child(2n+0){margin-right: 0;}

/* main_about */
.main_about p{font-size: 16px;text-align: left;line-height: 2;}
/* pic */
.pic{position: relative;}
.pic .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.pic .list dl{width: 22%;margin-right: 4%;margin-bottom: 1.5%;}
.pic .list dl:nth-child(4n+0){margin-right: 0;}
.pic .list dl dt{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;padding: 5px;}
.pic .list dl dt .pic{padding-top: 66.67%;}
.pic .list dl dt .pic125{padding-top:125%;}
.pic .list dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.pic .list dl dd{margin-top: 20px}
.pic .list dl dd h4{font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.pic .list dl dd .date{font-size:18px;padding: 10px 0;position: relative;margin-bottom: 15px;}
.pic .list dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.pic .list dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.pic .list dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.pic .list dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}
.pic .list dl:hover img{transform: scale(1.1);}
/* news */
.news{position: relative;padding-top: 0 !important;}
.news .list{width: 100%;}
.news .list ul,.news .list li{}
.news .list .news-item-box{display: flex; vertical-align: middle;text-align: left;}
.news .list .news-con-box {width: 80%; padding-right: 8px;display:flex; }
.news .list .news-time{display: inline-block; }
.news .list .news-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.news .list .news-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.news .list .news-time .news-icon{position: relative;  width: 35px;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;}
.news .list .news-time .news-icon span{position: absolute;  top: 9px;  left: 9px;  width: 14px;  height: 15px;  background: url("../images/icon.png") no-repeat center;  }
.news .list .news-time .news-con .news-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.news .list .news-con {display: inline-block; width: 72%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;}
.news .list .news-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.news .list .news-img .dummy {padding-top: 77%;}
.news .list .news-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.news .list .news-con .news-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.news .list .news-item{padding: 14px 10px;clear: both;}
.news .list .news-item:nth-last-child{border-bottom:none!important;}
.news .list .news-item:hover .news-icon{background: #e53c1b;}
.news .list .news-item:hover .news-title{color: #e53c1b;}
.news .list .news-item:hover .news-icon span {background: url("../images/icon_hover.png") no-repeat center; }
.news .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .list .news-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.news .list .news-title{font-size: 18px;margin-bottom: 13px;}
/* .news_show */
.news_show{width: 100%;margin: 0 auto;padding: 0 5%;box-sizing: border-box; height: 100%;}
.news_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}
.news_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.news_show .mbx .return:hover::before{padding-right: 15px;}
.news_show .left .news-details-item{padding-right: 2.0921%;padding-bottom: 6.9735%;}
.news_show .left{width: 75%;border-right: 1px solid #efefef;box-sizing: border-box;}
.news_show .left h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 35px 0;font-weight: normal;}
.news_show .left .news-details-small{display: flex;flex-wrap: nowrap;color: #666;}
.news_show .left .news-details-small p:last-child{margin-left: 10px;}
.news_show .left .news-details-desc {position: relative;margin: 29px 0;padding: 30px;background: #f5f5f5;color: #666666;line-height: 24px;}
.news_show .left .news-details-desc .quotes {font-size: 48px;color: #999999;font-weight: bold;display: inline-block;line-height: 48px;}
.news_show .left .news-details-desc .endquotes {vertical-align: bottom;position: absolute;bottom: 0px;}
.news_show .left .news-con{line-height: 2;font-size: 15px;}
.news_show .left .news-con img{max-width: 100% !important;}
.news_show .left .news-details-box {display: flex;align-items: center;justify-content: space-between;margin-top: 44px;}
.news_show .left .news-details-box .Author {border-left: 5px solid #e53c1b;padding-left: 10px;}
.news_show .right{width: 25%;box-sizing: border-box;padding-left: 1.725%;padding-top:1.0669%;}
.news_show .right h2{font-size: 24px; line-height: 2;font-weight: normal;padding-bottom: 2.752%;}
.news_show .right dl{width: 95%;margin-bottom: 3%;}
.news_show .right dl dt{width: 100%;position: relative;overflow: hidden;}
.news_show .right dl dt .pic{padding-top: 66.67%;}
.news_show .right dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.news_show .right dl dd{margin-top: 20px}
.news_show .right dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_show .right dl dd .date{font-size:14px;padding: 10px 0;position: relative;margin-bottom: 15px;color: #999;}
.news_show .right dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.news_show .right dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.news_show .right dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.news_show .right dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}



/* download */
.download{position: relative;padding-top: 0 !important;}
.download .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.download .list ul,.download .list li{}
.download .list .download-item-box{display: flex; vertical-align: middle;text-align: left;}
.download .list .download-con-box {width: 100%; display:flex; }
.download .list .download-time{display: inline-block; width: 10%;}
.download .list .download-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.download .list .download-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.download .list .download-time .download-icon{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: block;}
.download .list .download-time .download-icon span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-con .download-iconx{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: none;}
.download .list .download-con .download-iconx span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-time .download-con .download-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.download .list .download-con {display: inline-block; width: 100%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;margin-left: 18px;}
.download .list .download-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.download .list .download-img .dummy {padding-top: 77%;}
.download .list .download-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.download .list .download-con .download-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.download .list .download-item{padding: 14px 10px;clear: both;}
.download .list .download-item:nth-last-child{border-bottom:none!important;}
.download .list .download-item:hover .download-icon{background: #e53c1b;}
.download .list .download-item:hover .download-title{color: #e53c1b;}
.download .list .download-item:hover .download-icon span {position: absolute;  top: 50%;  left: 50%;  color:#fff;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download .list .download-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.download .list .download-title{font-size: 16px;margin-bottom: 13px;}
/* product */
.product{position: relative;}
.product .list ul{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.product .list li{width: 31%;margin-right: 3.5%;margin-bottom: 3%;padding: 0.5%; box-sizing: border-box;border: 1px solid #efefef;}
.product .list li:nth-child(3n+0){margin-right: 0;}
.product .list li .pic{width: 100%;position: relative;overflow: hidden;}
.product .list li .pic .img_p{padding-top: 66.67%;}
.product .list li .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s;}
.product .list li:hover .pic img{transition: all 0.3s; transform: scale(1.1);}
.product .list li h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px auto;text-align: center;}
.product .list li:hover {box-shadow: 0 0 5px #ccc;}
.product_show{padding-top: 0;padding-bottom: 2.9735%;}
.product_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}

.product_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.product_show .mbx .return:hover::before{padding-right: 15px;}
.product_show .left{width: 40%;}
.product_show .pic{width: 100%;position: relative;overflow: hidden;}
.product_show .pic .img_p{padding-top: 66.67%;}
.product_show .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s; cursor: pointer;}
.product_show .pic:hover img{transition: all 0.3s; transform: scale(1.1);}
.product_show .item .right{width: 57%;text-align: left;}
.product_show .item .right h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 15px 0;font-weight: normal;border-bottom: 1px dotted #ccc;}
.product_show .item .right .desc{font-size: 15px;line-height: 2;padding: 1.5% 0;}
.product_show .item_show .tit{font-size: 20px;padding: 1% 0 0.5%;border-bottom: 1px solid #efefef;line-height: 2;font-weight: bold;position: relative;text-indent: 1%;}
.product_show .item_show .tit:after{content: '';width: 8%;height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}

.page_nav{margin-top: 30px;line-height: 50px;}
.page_nav .l{width: 49.5%;background: #f5f5f5;text-align: left;position: relative;line-height: 50px;font-size: 15px;}
.page_nav .l::before{content: '<';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;padding-right: 10px;}
.page_nav .r{width: 49.5%;background: #f5f5f5;text-align: right;padding-right: 20px;box-sizing: border-box;line-height: 50px;font-size: 16px;}
.page_nav .r::after{content: '>';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;}


/* main_about */
.main_about{position: relative;}
/* 底部开始 */
.footer {background:url(../images/f_b.jpg) no-repeat center top;padding: 2.5% 0 0;overflow: hidden;position: relative;background-size: cover;}
.footer .left{width:40%;position: relative;text-align: left;padding-top: 1.5%;}
.footer .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.footer .left h1{font-size: 26px;line-height: 2;color: #fff;padding-bottom: 15px;}
.footer .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.footer .left dl dd{font-size: 16px;line-height: 2;}
.footer .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.footer .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.footer .left dl.tel dd{font-size: 24px;font-weight: bold;}
.footer .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.footer .copy{color: #fff;line-height: 3.5;font-size: 14px;width: 100%;text-align: center;padding-top: 105px;}
.footer .copy a{color: #fff;}
.footer .right{width:60%;padding-top: 2%;display: flex;justify-content:flex-start;flex-wrap: nowrap;}
.footer .right dl{float: left;text-align: left;box-sizing: border-box;padding-left: 2%;}
.footer .right dl a{color: #fff;}
.footer .right dl dt a{font-size:18px;line-height: 2.5;}
.footer .right dl dd a{font-size: 15px;line-height: 2.5;}
.footer .right dl dd a::before{content: '-';padding-right: 10px;}
.footer .right dl:nth-of-type(3){display: none;}
.footer .right dl:nth-of-type(1){width: 30%;}
.footer .right dl:nth-of-type(2){width: 40%;}
.footer .right dl:nth-of-type(4){width: 30%;}
}

/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/******************************************************************** iPad Pro ***********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/

@media screen and (min-width: 1025px) and (max-width: 1367px) {
/* 手机分类 */
.web_nav{display: block;width: 95%;margin: 0 auto 20px;}
.web_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.web_nav ul li{line-height: 2.5;width: 20%;border: 1px solid #efefef;box-sizing: border-box;text-align: center;margin-right:2%;margin-bottom: 10px;}
.web_nav ul li:nth-child(3n+0){margin-right: 0;}
.web_nav ul li a{display: block;}
.web_nav ul li.on{background: #e53c1b;}
.web_nav ul li.on a{color: #fff;}
.max_width{width: 95%;}
.mbx{padding-top: 0%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 0%;font-size: 14px; color: #999;position: relative;border-bottom: 1px solid #efefef;margin-bottom: 1.5690%;z-index: 999;;}
.mbx:before{content: '\e63e';font-size: 30px;  font-family: "iconfont" !important;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.mbx a:first-child{padding-left: 35px;}
.mbx span{padding: 0 10px;}
.mbx i{font-size: 30px;}
.mbx .fl{width: 100%;}
.mbx .fr{width: 70%;text-align: right;display: none;}
.mbx .fr a:first-child{padding-left: 0;}

.banner_page {padding-top: 10%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 10%;background-color: transparent;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;background-Attachment: scroll;border-bottom: 4px solid #ccc;}
.banner_page .page_catname {text-align: center;}
.banner_page .page_catname h3 {color: #fff;font-size: 60px;text-transform: uppercase;font-weight: lighter;line-height: 2;}
.banner_page .page_catname h2 {color: #fff;font-size: 40px;line-height: 0.5;}
/* contact */
.contact {padding: 0% !important;margin-bottom: 1%;}
.contact dl {border: 1px solid #efefef;width: 100%;margin-bottom: 2%;text-align: left;padding: 1% 2%;box-sizing: border-box;}
.contact dl dt {border-bottom: 1px solid #efefef;;font-size: 24px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact dl dd {font-size: 15px;color: #999;width: 49%;float: left;border-bottom: 1px dashed #efefef;margin-right: 2%;padding-top: 5px;}
.contact dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 {margin-bottom: 1%;display: flex;justify-content:flex-start;flex-wrap: wrap;}
.contact01 dl {width: 49%;padding: 1% 2%;margin-bottom: 2%;text-align: left;margin-right: 2%;border: 1px solid #efefef;box-sizing: border-box;}
.contact01 dl dt {border-bottom: 1px solid #efefef;font-size: 22px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact01 dl dd {font-size: 15px;color: #999;width: 100%;float: left;border-bottom: 1px dashed #efefef;padding-top: 5px;width: 49%;margin-right: 2%;}
.contact01 dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact01 dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact01 dl:nth-child(2n+0){margin-right: 0;}

/* pic */
.pic{position: relative;}
.pic .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.pic .list dl{width: 22%;margin-right: 4%;margin-bottom: 1.5%;}
.pic .list dl:nth-child(4n+0){margin-right: 0;}
.pic .list dl dt{width: 100%;position: relative;overflow: hidden;border: 1px solid #efefef;box-sizing: border-box;padding: 5px;}
.pic .list dl dt .pic{padding-top: 66.67%;}
.pic .list dl dt .pic125{padding-top:125%;}
.pic .list dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.pic .list dl dd{margin-top: 20px}
.pic .list dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pic .list dl dd .date{font-size:18px;padding: 10px 0;position: relative;margin-bottom: 15px;}
.pic .list dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.pic .list dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.pic .list dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.pic .list dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}
.pic .list dl:hover img{transform: scale(1.1);}
/* news */
.news{position: relative;padding-top: 0 !important;}
.news .list{width: 100%;}
.news .list ul,.news .list li{}
.news .list .news-item-box{display: flex; vertical-align: middle;text-align: left;}
.news .list .news-con-box {width: 80%; padding-right: 8px;display:flex; }
.news .list .news-time{display: inline-block; }
.news .list .news-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.news .list .news-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.news .list .news-time .news-icon{position: relative;  width: 35px;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;}
.news .list .news-time .news-icon span{position: absolute;  top: 9px;  left: 9px;  width: 14px;  height: 15px;  background: url("../images/icon.png") no-repeat center;  }
.news .list .news-time .news-con .news-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.news .list .news-con {display: inline-block; width: 72%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;}
.news .list .news-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.news .list .news-img .dummy {padding-top: 77%;}
.news .list .news-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.news .list .news-con .news-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.news .list .news-item{padding: 14px 10px;clear: both;}
.news .list .news-item:nth-last-child{border-bottom:none!important;}
.news .list .news-item:hover .news-icon{background: #e53c1b;}
.news .list .news-item:hover .news-title{color: #e53c1b;}
.news .list .news-item:hover .news-icon span {background: url("../images/icon_hover.png") no-repeat center; }
.news .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .list .news-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.news .list .news-title{font-size: 18px;margin-bottom: 13px;}
/* .news_show */
.news_show{width: 100%;margin: 0 auto;padding: 0 5%;box-sizing: border-box; height: 100%;}
.news_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}
.news_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.news_show .mbx .return:hover::before{padding-right: 15px;}
.news_show .left .news-details-item{padding-right: 2.0921%;padding-bottom: 6.9735%;}
.news_show .left{width: 75%;border-right: 1px solid #efefef;box-sizing: border-box;}
.news_show .left h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 35px 0;font-weight: normal;}
.news_show .left .news-details-small{display: flex;flex-wrap: nowrap;color: #666;}
.news_show .left .news-details-small p:last-child{margin-left: 10px;}
.news_show .left .news-details-desc {position: relative;margin: 29px 0;padding: 30px;background: #f5f5f5;color: #666666;line-height: 24px;}
.news_show .left .news-details-desc .quotes {font-size: 48px;color: #999999;font-weight: bold;display: inline-block;line-height: 48px;}
.news_show .left .news-details-desc .endquotes {vertical-align: bottom;position: absolute;bottom: 0px;}
.news_show .left .news-con{line-height: 2;font-size: 15px;}
.news_show .left .news-con img{max-width: 100% !important;}
.news_show .left .news-details-box {display: flex;align-items: center;justify-content: space-between;margin-top: 44px;}
.news_show .left .news-details-box .Author {border-left: 5px solid #e53c1b;padding-left: 10px;}
.news_show .right{width: 25%;box-sizing: border-box;padding-left: 1.725%;padding-top:1.0669%;}
.news_show .right h2{font-size: 24px; line-height: 2;font-weight: normal;padding-bottom: 2.752%;}
.news_show .right dl{width: 95%;margin-bottom: 3%;}
.news_show .right dl dt{width: 100%;position: relative;overflow: hidden;}
.news_show .right dl dt .pic{padding-top: 66.67%;}
.news_show .right dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.news_show .right dl dd{margin-top: 20px}
.news_show .right dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_show .right dl dd .date{font-size:14px;padding: 10px 0;position: relative;margin-bottom: 15px;color: #999;}
.news_show .right dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.news_show .right dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.news_show .right dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.news_show .right dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}



/* download */
.download{position: relative;padding-top: 0 !important;}
.download .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.download .list ul,.download .list li{}
.download .list .download-item-box{display: flex; vertical-align: middle;text-align: left;}
.download .list .download-con-box {width: 100%; display:flex; }
.download .list .download-time{display: inline-block; width: 10%;}
.download .list .download-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.download .list .download-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.download .list .download-time .download-icon{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: block;}
.download .list .download-time .download-icon span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-con .download-iconx{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: none;}
.download .list .download-con .download-iconx span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-time .download-con .download-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.download .list .download-con {display: inline-block; width: 100%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;margin-left: 18px;}
.download .list .download-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.download .list .download-img .dummy {padding-top: 77%;}
.download .list .download-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.download .list .download-con .download-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.download .list .download-item{padding: 14px 10px;clear: both;}
.download .list .download-item:nth-last-child{border-bottom:none!important;}
.download .list .download-item:hover .download-icon{background: #e53c1b;}
.download .list .download-item:hover .download-title{color: #e53c1b;}
.download .list .download-item:hover .download-icon span {position: absolute;  top: 50%;  left: 50%;  color:#fff;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download .list .download-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.download .list .download-title{font-size: 16px;margin-bottom: 13px;}
/* product */
.product{position: relative;}
.product .list ul{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.product .list li{width: 31%;margin-right: 3.5%;margin-bottom: 3%;padding: 0.5%; box-sizing: border-box;border: 1px solid #efefef;}
.product .list li:nth-child(3n+0){margin-right: 0;}
.product .list li .pic{width: 100%;position: relative;overflow: hidden;}
.product .list li .pic .img_p{padding-top: 66.67%;}
.product .list li .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s;}
.product .list li:hover .pic img{transition: all 0.3s; transform: scale(1.1);}
.product .list li h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px auto;text-align: center;}
.product .list li:hover {box-shadow: 0 0 5px #ccc;}
.product_show{padding-top: 0;padding-bottom: 2.9735%;}
.product_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}

.product_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.product_show .mbx .return:hover::before{padding-right: 15px;}
.product_show .left{width: 40%;}
.product_show .pic{width: 100%;position: relative;overflow: hidden;}
.product_show .pic .img_p{padding-top: 66.67%;}
.product_show .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s; cursor: pointer;}
.product_show .pic:hover img{transition: all 0.3s; transform: scale(1.1);}
.product_show .item .right{width: 57%;text-align: left;}
.product_show .item .right h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 15px 0;font-weight: normal;border-bottom: 1px dotted #ccc;}
.product_show .item .right .desc{font-size: 15px;line-height: 2;padding: 1.5% 0;}
.product_show .item_show .tit{font-size: 20px;padding: 1% 0 0.5%;border-bottom: 1px solid #efefef;line-height: 2;font-weight: bold;position: relative;text-indent: 1%;}
.product_show .item_show .tit:after{content: '';width: 8%;height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}

.page_nav{margin-top: 30px;line-height: 50px;}
.page_nav .l{width: 49.5%;background: #f5f5f5;text-align: left;position: relative;line-height: 50px;font-size: 15px;}
.page_nav .l::before{content: '<';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;padding-right: 10px;}
.page_nav .r{width: 49.5%;background: #f5f5f5;text-align: right;padding-right: 20px;box-sizing: border-box;line-height: 50px;font-size: 16px;}
.page_nav .r::after{content: '>';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;}


/* main_about */
.main_about{position: relative;}
/* 底部开始 */
.footer {background:url(../images/f_b.jpg) no-repeat center bottom;padding: 5% 0 10%;overflow: hidden;position: relative;background-size: cover;}
.footer .left{width:40%;position: relative;text-align: left;padding-top: 1.5%;}
.footer .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.footer .left h1{font-size: 26px;line-height: 2;color: #fff;padding-bottom: 15px;}
.footer .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.footer .left dl dd{font-size: 16px;line-height: 2;}
.footer .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.footer .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.footer .left dl.tel dd{font-size: 24px;font-weight: bold;}
.footer .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.footer .copy{color: #fff;line-height: 4;font-size: 14px;width: 100%;text-align: center;position: absolute;bottom: 0;}
.footer .copy a{color: #fff;}
.footer .right{width:60%;padding-top: 2%;display: flex;justify-content:flex-start;flex-wrap: nowrap;}
.footer .right dl{float: left;text-align: left;box-sizing: border-box;padding-left: 2%;}
.footer .right dl a{color: #fff;}
.footer .right dl dt a{font-size:18px;line-height: 2.5;}
.footer .right dl dd a{font-size: 15px;line-height: 2.5;}
.footer .right dl dd a::before{content: '-';padding-right: 10px;}
.footer .right dl:nth-of-type(3){display: none;}
.footer .right dl:nth-of-type(1){width: 30%;}
.footer .right dl:nth-of-type(2){width: 40%;}
.footer .right dl:nth-of-type(4){width: 30%;}
}
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 横 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/

@media screen and (min-width: 769px) and (max-width: 1025px) {
/* 手机分类 */
.web_nav{display: block;width: 95%;margin: 0 auto 20px;}
.web_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.web_nav ul li{line-height: 2.5;width: 32%;border: 1px solid #efefef;box-sizing: border-box;text-align: center;margin-right:2%;margin-bottom: 10px;}
.web_nav ul li:nth-child(3n+0){margin-right: 0;}
.web_nav ul li a{display: block;}
.web_nav ul li.on{background: #e53c1b;}
.web_nav ul li.on a{color: #fff;}
.max_width{width: 95%;}
.mbx{padding-top: 0%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 0%;font-size: 14px; color: #999;position: relative;border-bottom: 1px solid #efefef;margin-bottom: 1.5690%;z-index: 999;;}
.mbx:before{content: '\e63e';font-size: 30px;  font-family: "iconfont" !important;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.mbx a:first-child{padding-left: 35px;}
.mbx span{padding: 0 10px;}
.mbx i{font-size: 30px;}
.mbx .fl{width: 100%;}
.mbx .fr{width: 70%;text-align: right;display: none;}
.mbx .fr a:first-child{padding-left: 0;}

.banner_page {padding-top: 15%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 15%;background-color: transparent;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;background-Attachment: scroll;border-bottom: 4px solid #ccc;}
.banner_page .page_catname {text-align: center;}
.banner_page .page_catname h3 {color: #fff;font-size: 60px;text-transform: uppercase;font-weight: normal;}
.banner_page .page_catname h2 {color: #fff;font-size: 40px;line-height: 0.5;}
/* contact */
.contact {padding: 0% !important;margin-bottom: 1%;}
.contact dl {border: 1px solid #efefef;width: 100%;margin-bottom: 2%;text-align: left;padding: 1% 2%;box-sizing: border-box;}
.contact dl dt {border-bottom: 1px solid #efefef;;font-size: 24px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact dl dd {font-size: 15px;color: #999;width: 49%;float: left;border-bottom: 1px dashed #efefef;margin-right: 2%;padding-top: 5px;}
.contact dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 {margin-bottom: 1%;display: flex;justify-content:flex-start;flex-wrap: wrap;}
.contact01 dl {width: 49%;padding: 1% 2%;margin-bottom: 2%;text-align: left;margin-right: 2%;border: 1px solid #efefef;box-sizing: border-box;}
.contact01 dl dt {border-bottom: 1px solid #efefef;font-size: 22px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact01 dl dd {font-size: 15px;color: #999;width: 100%;float: left;border-bottom: 1px dashed #efefef;padding-top: 5px;width: 49%;margin-right: 2%;}
.contact01 dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact01 dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact01 dl:nth-child(2n+0){margin-right: 0;}

/* pic */
.pic{position: relative;}
.pic .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.pic .list dl{width: 22%;margin-right: 4%;margin-bottom: 1.5%;}
.pic .list dl:nth-child(4n+0){margin-right: 0;}
.pic .list dl dt{width: 100%;position: relative;overflow: hidden;border: 1px solid #efefef;box-sizing: border-box;padding: 5px;}
.pic .list dl dt .pic{padding-top: 66.67%;}
.pic .list dl dt .pic125{padding-top:125%;}
.pic .list dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.pic .list dl dd{margin-top: 20px}
.pic .list dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pic .list dl dd .date{font-size:18px;padding: 10px 0;position: relative;margin-bottom: 15px;}
.pic .list dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.pic .list dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.pic .list dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.pic .list dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}
.pic .list dl:hover img{transform: scale(1.1);}
/* news */
.news{position: relative;padding-top: 0 !important;}
.news .list{width: 100%;}
.news .list ul,.news .list li{}
.news .list .news-item-box{display: flex; vertical-align: middle;text-align: left;}
.news .list .news-con-box {width: 80%; padding-right: 8px;display:flex; }
.news .list .news-time{display: inline-block; }
.news .list .news-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.news .list .news-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.news .list .news-time .news-icon{position: relative;  width: 35px;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;}
.news .list .news-time .news-icon span{position: absolute;  top: 9px;  left: 9px;  width: 14px;  height: 15px;  background: url("../images/icon.png") no-repeat center;  }
.news .list .news-time .news-con .news-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.news .list .news-con {display: inline-block; width: 72%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;}
.news .list .news-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.news .list .news-img .dummy {padding-top: 77%;}
.news .list .news-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.news .list .news-con .news-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.news .list .news-item{padding: 14px 10px;clear: both;}
.news .list .news-item:nth-last-child{border-bottom:none!important;}
.news .list .news-item:hover .news-icon{background: #e53c1b;}
.news .list .news-item:hover .news-title{color: #e53c1b;}
.news .list .news-item:hover .news-icon span {background: url("../images/icon_hover.png") no-repeat center; }
.news .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .list .news-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.news .list .news-title{font-size: 18px;margin-bottom: 13px;}
/* .news_show */
.news_show{width: 100%;margin: 0 auto;padding: 0 5%;box-sizing: border-box; height: 100%;}
.news_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}
.news_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.news_show .mbx .return:hover::before{padding-right: 15px;}
.news_show .left .news-details-item{padding-right: 2.0921%;padding-bottom: 6.9735%;}
.news_show .left{width: 75%;border-right: 1px solid #efefef;box-sizing: border-box;}
.news_show .left h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 35px 0;font-weight: normal;}
.news_show .left .news-details-small{display: flex;flex-wrap: nowrap;color: #666;}
.news_show .left .news-details-small p:last-child{margin-left: 10px;}
.news_show .left .news-details-desc {position: relative;margin: 29px 0;padding: 30px;background: #f5f5f5;color: #666666;line-height: 24px;}
.news_show .left .news-details-desc .quotes {font-size: 48px;color: #999999;font-weight: bold;display: inline-block;line-height: 48px;}
.news_show .left .news-details-desc .endquotes {vertical-align: bottom;position: absolute;bottom: 0px;}
.news_show .left .news-con{line-height: 2;font-size: 15px;}
.news_show .left .news-con img{max-width: 100% !important;}
.news_show .left .news-details-box {display: flex;align-items: center;justify-content: space-between;margin-top: 44px;}
.news_show .left .news-details-box .Author {border-left: 5px solid #e53c1b;padding-left: 10px;}
.news_show .right{width: 25%;box-sizing: border-box;padding-left: 1.725%;padding-top:1.0669%;}
.news_show .right h2{font-size: 24px; line-height: 2;font-weight: normal;padding-bottom: 2.752%;}
.news_show .right dl{width: 95%;margin-bottom: 3%;}
.news_show .right dl dt{width: 100%;position: relative;overflow: hidden;}
.news_show .right dl dt .pic{padding-top: 66.67%;}
.news_show .right dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.news_show .right dl dd{margin-top: 20px}
.news_show .right dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_show .right dl dd .date{font-size:14px;padding: 10px 0;position: relative;margin-bottom: 15px;color: #999;}
.news_show .right dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.news_show .right dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.news_show .right dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.news_show .right dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}



/* download */
.download{position: relative;padding-top: 0 !important;}
.download .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.download .list ul,.download .list li{}
.download .list .download-item-box{display: flex; vertical-align: middle;text-align: left;}
.download .list .download-con-box {width: 100%; display:flex; }
.download .list .download-time{display: inline-block; width: 10%;}
.download .list .download-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.download .list .download-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.download .list .download-time .download-icon{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: block;}
.download .list .download-time .download-icon span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-con .download-iconx{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: none;}
.download .list .download-con .download-iconx span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-time .download-con .download-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.download .list .download-con {display: inline-block; width: 100%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;margin-left: 18px;}
.download .list .download-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.download .list .download-img .dummy {padding-top: 77%;}
.download .list .download-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.download .list .download-con .download-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.download .list .download-item{padding: 14px 10px;clear: both;}
.download .list .download-item:nth-last-child{border-bottom:none!important;}
.download .list .download-item:hover .download-icon{background: #e53c1b;}
.download .list .download-item:hover .download-title{color: #e53c1b;}
.download .list .download-item:hover .download-icon span {position: absolute;  top: 50%;  left: 50%;  color:#fff;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download .list .download-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.download .list .download-title{font-size: 16px;margin-bottom: 13px;}
/* product */
.product{position: relative;}
.product .list ul{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.product .list li{width: 31%;margin-right: 3.5%;margin-bottom: 3%;padding: 0.5%; box-sizing: border-box;border: 1px solid #efefef;}
.product .list li:nth-child(3n+0){margin-right: 0;}
.product .list li .pic{width: 100%;position: relative;overflow: hidden;}
.product .list li .pic .img_p{padding-top: 66.67%;}
.product .list li .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s;}
.product .list li:hover .pic img{transition: all 0.3s; transform: scale(1.1);}
.product .list li h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px auto;text-align: center;}
.product .list li:hover {box-shadow: 0 0 5px #ccc;}
.product_show{padding-top: 0;padding-bottom: 2.9735%;}
.product_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}

.product_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.product_show .mbx .return:hover::before{padding-right: 15px;}
.product_show .left{width: 40%;}
.product_show .pic{width: 100%;position: relative;overflow: hidden;}
.product_show .pic .img_p{padding-top: 66.67%;}
.product_show .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s; cursor: pointer;}
.product_show .pic:hover img{transition: all 0.3s; transform: scale(1.1);}
.product_show .item .right{width: 57%;text-align: left;}
.product_show .item .right h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 15px 0;font-weight: normal;border-bottom: 1px dotted #ccc;}
.product_show .item .right .desc{font-size: 15px;line-height: 2;padding: 1.5% 0;}
.product_show .item_show .tit{font-size: 20px;padding: 1% 0 0.5%;border-bottom: 1px solid #efefef;line-height: 2;font-weight: bold;position: relative;text-indent: 1%;}
.product_show .item_show .tit:after{content: '';width: 8%;height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}

.page_nav{margin-top: 30px;line-height: 50px;}
.page_nav .l{width: 49.5%;background: #f5f5f5;text-align: left;position: relative;line-height: 50px;font-size: 15px;}
.page_nav .l::before{content: '<';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;padding-right: 10px;}
.page_nav .r{width: 49.5%;background: #f5f5f5;text-align: right;padding-right: 20px;box-sizing: border-box;line-height: 50px;font-size: 16px;}
.page_nav .r::after{content: '>';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;}


/* main_about */
.main_about{position: relative;}
/* 底部开始 */
.footer {background:url(../images/f_b.jpg) no-repeat center bottom;padding: 2.5% 0 0;overflow: hidden;position: relative;background-size: cover;}
.footer .left{width:100%;position: relative;text-align: left;padding-top: 1.5%;display: none;}
.footer .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.footer .left h1{font-size: 26px;line-height: 2;color: #fff;padding-bottom: 15px;}
.footer .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.footer .left dl dd{font-size: 16px;line-height: 2;}
.footer .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.footer .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.footer .left dl.tel dd{font-size: 24px;font-weight: bold;}
.footer .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.footer .copy{color: #fff;line-height: 3.5;font-size: 14px;width: 100%;text-align: center;padding-top: 105px;}
.footer .copy a{color: #fff;}
.footer .right{width:100%;padding-top: 2%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.footer .right dl{width: 100%;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;margin-bottom: 2%;}
.footer .right dl a{color: #fff;}
.footer .right dl dt a{font-size:18px;line-height: 2.5;}
.footer .right dl dd {width: 33.3333333333%;float: left;}
.footer .right dl dd a{font-size: 15px;line-height: 2.5;}
.footer .right dl dd a::before{content: '-';padding-right: 10px;}
.footer .right dl:nth-of-type(3){width: 100%;display: block;}
.footer .right dl:nth-of-type(1){width: 100%;}
.footer .right dl:nth-of-type(2){width: 100%;}
.footer .right dl:nth-of-type(4){width: 100%;}}
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 竖 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
/* 手机分类 */
.web_nav{display: block;width: 95%;margin: 0 auto 20px;}
.web_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.web_nav ul li{line-height: 2.5;width: 32%;border: 1px solid #efefef;box-sizing: border-box;text-align: center;margin-right:2%;margin-bottom: 10px;}
.web_nav ul li:nth-child(3n+0){margin-right: 0;}
.web_nav ul li a{display: block;}
.web_nav ul li.on{background: #e53c1b;}
.web_nav ul li.on a{color: #fff;}
.max_width{width: 95%;}
.mbx{padding-top: 0%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 0%;font-size: 14px; color: #999;position: relative;border-bottom: 1px solid #efefef;margin-bottom: 1.5690%;z-index: 999;;}
.mbx:before{content: '\e63e';font-size: 30px;  font-family: "iconfont" !important;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.mbx a:first-child{padding-left: 35px;}
.mbx span{padding: 0 10px;}
.mbx i{font-size: 30px;}
.mbx .fl{width: 100%;}
.mbx .fr{width: 70%;text-align: right;display: none;}
.mbx .fr a:first-child{padding-left: 0;}

.banner_page {padding-top: 15%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 15%;background-color: transparent;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;background-Attachment: scroll;border-bottom: 4px solid #ccc;}
.banner_page .page_catname {text-align: center;}
.banner_page .page_catname h3 {color: #fff;font-size: 40px;text-transform: uppercase;font-weight: normal;}
.banner_page .page_catname h2 {color: #fff;font-size: 30px;line-height: 1.5;}
/* contact */
/* contact */
.contact {padding: 0% !important;margin-bottom: 1%;}
.contact dl {border: 1px solid #efefef;width: 100%;margin-bottom: 2%;text-align: left;padding: 1% 2%;box-sizing: border-box;}
.contact dl dt {border-bottom: 1px solid #efefef;;font-size: 24px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact dl dd {font-size: 15px;color: #999;width: 100%;float: left;border-bottom: 1px dashed #efefef;margin-right: 0%;padding-top: 5px;}
.contact dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 {margin-bottom: 1%;display: flex;justify-content:flex-start;flex-wrap: wrap;}
.contact01 dl {width: 100%;padding: 1% 2%;margin-bottom: 2%;text-align: left;margin-right: 0%;border: 1px solid #efefef;box-sizing: border-box;}
.contact01 dl dt {border-bottom: 1px solid #efefef;font-size: 22px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact01 dl dd {font-size: 15px;color: #999;width: 100%;float: left;border-bottom: 1px dashed #efefef;padding-top: 5px;width: 49%;margin-right: 2%;}
.contact01 dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact01 dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact01 dl:nth-child(2n+0){margin-right: 0;}

/* pic */
.pic{position: relative;}
.pic .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.pic .list dl{width: 22%;margin-right: 4%;margin-bottom: 1.5%;}
.pic .list dl:nth-child(4n+0){margin-right: 0;}
.pic .list dl dt{width: 100%;position: relative;overflow: hidden;border: 1px solid #efefef;box-sizing: border-box;padding: 5px;}
.pic .list dl dt .pic{padding-top: 66.67%;}
.pic .list dl dt .pic125{padding-top:125%;}
.pic .list dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.pic .list dl dd{margin-top: 20px}
.pic .list dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pic .list dl dd .date{font-size:18px;padding: 10px 0;position: relative;margin-bottom: 15px;}
.pic .list dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.pic .list dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.pic .list dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.pic .list dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}
.pic .list dl:hover img{transform: scale(1.1);}
/* news */
.news{position: relative;padding-top: 0 !important;}
.news .list{width: 100%;}
.news .list ul,.news .list li{}
.news .list .news-item-box{display: flex; vertical-align: middle;text-align: left;}
.news .list .news-con-box {width: 80%; padding-right: 8px;display:flex; }
.news .list .news-time{display: inline-block; }
.news .list .news-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.news .list .news-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.news .list .news-time .news-icon{position: relative;  width: 35px;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;}
.news .list .news-time .news-icon span{position: absolute;  top: 9px;  left: 9px;  width: 14px;  height: 15px;  background: url("../images/icon.png") no-repeat center;  }
.news .list .news-time .news-con .news-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.news .list .news-con {display: inline-block; width: 72%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;}
.news .list .news-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.news .list .news-img .dummy {padding-top: 77%;}
.news .list .news-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.news .list .news-con .news-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.news .list .news-item{padding: 14px 10px;clear: both;}
.news .list .news-item:nth-last-child{border-bottom:none!important;}
.news .list .news-item:hover .news-icon{background: #e53c1b;}
.news .list .news-item:hover .news-title{color: #e53c1b;}
.news .list .news-item:hover .news-icon span {background: url("../images/icon_hover.png") no-repeat center; }
.news .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .list .news-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.news .list .news-title{font-size: 18px;margin-bottom: 13px;}
/* .news_show */
.news_show{width: 100%;margin: 0 auto;padding: 0 5%;box-sizing: border-box; height: 100%;}
.news_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}
.news_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.news_show .mbx .return:hover::before{padding-right: 15px;}
.news_show .left .news-details-item{padding-right: 2.0921%;padding-bottom: 6.9735%;}
.news_show .left{width: 75%;border-right: 1px solid #efefef;box-sizing: border-box;}
.news_show .left h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 35px 0;font-weight: normal;}
.news_show .left .news-details-small{display: flex;flex-wrap: nowrap;color: #666;}
.news_show .left .news-details-small p:last-child{margin-left: 10px;}
.news_show .left .news-details-desc {position: relative;margin: 29px 0;padding: 30px;background: #f5f5f5;color: #666666;line-height: 24px;}
.news_show .left .news-details-desc .quotes {font-size: 48px;color: #999999;font-weight: bold;display: inline-block;line-height: 48px;}
.news_show .left .news-details-desc .endquotes {vertical-align: bottom;position: absolute;bottom: 0px;}
.news_show .left .news-con{line-height: 2;font-size: 15px;}
.news_show .left .news-con img{max-width: 100% !important;}
.news_show .left .news-details-box {display: flex;align-items: center;justify-content: space-between;margin-top: 44px;}
.news_show .left .news-details-box .Author {border-left: 5px solid #e53c1b;padding-left: 10px;}
.news_show .right{width: 25%;box-sizing: border-box;padding-left: 1.725%;padding-top:1.0669%;}
.news_show .right h2{font-size: 24px; line-height: 2;font-weight: normal;padding-bottom: 2.752%;}
.news_show .right dl{width: 95%;margin-bottom: 3%;}
.news_show .right dl dt{width: 100%;position: relative;overflow: hidden;}
.news_show .right dl dt .pic{padding-top: 66.67%;}
.news_show .right dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.news_show .right dl dd{margin-top: 20px}
.news_show .right dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_show .right dl dd .date{font-size:14px;padding: 10px 0;position: relative;margin-bottom: 15px;color: #999;}
.news_show .right dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.news_show .right dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.news_show .right dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.news_show .right dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}



/* download */
.download{position: relative;padding-top: 0 !important;}
.download .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.download .list ul,.download .list li{}
.download .list .download-item-box{display: flex; vertical-align: middle;text-align: left;}
.download .list .download-con-box {width: 100%; display:flex; }
.download .list .download-time{display: inline-block; width: 10%;}
.download .list .download-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.download .list .download-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.download .list .download-time .download-icon{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: block;}
.download .list .download-time .download-icon span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-con .download-iconx{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: none;}
.download .list .download-con .download-iconx span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-time .download-con .download-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.download .list .download-con {display: inline-block; width: 100%;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;margin-left: 18px;}
.download .list .download-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.download .list .download-img .dummy {padding-top: 77%;}
.download .list .download-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.download .list .download-con .download-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.download .list .download-item{padding: 14px 10px;clear: both;}
.download .list .download-item:nth-last-child{border-bottom:none!important;}
.download .list .download-item:hover .download-icon{background: #e53c1b;}
.download .list .download-item:hover .download-title{color: #e53c1b;}
.download .list .download-item:hover .download-icon span {position: absolute;  top: 50%;  left: 50%;  color:#fff;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download .list .download-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.download .list .download-title{font-size: 16px;margin-bottom: 13px;}
/* product */
.product{position: relative;}
.product .list ul{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.product .list li{width: 31%;margin-right: 3.5%;margin-bottom: 3%;padding: 0.5%; box-sizing: border-box;border: 1px solid #efefef;}
.product .list li:nth-child(3n+0){margin-right: 0;}
.product .list li .pic{width: 100%;position: relative;overflow: hidden;}
.product .list li .pic .img_p{padding-top: 66.67%;}
.product .list li .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s;}
.product .list li:hover .pic img{transition: all 0.3s; transform: scale(1.1);}
.product .list li h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px auto;text-align: center;}
.product .list li:hover {box-shadow: 0 0 5px #ccc;}
.product_show{padding-top: 0;padding-bottom: 2.9735%;}
.product_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}

.product_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.product_show .mbx .return:hover::before{padding-right: 15px;}
.product_show .left{width: 40%;}
.product_show .pic{width: 100%;position: relative;overflow: hidden;}
.product_show .pic .img_p{padding-top: 66.67%;}
.product_show .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s; cursor: pointer;}
.product_show .pic:hover img{transition: all 0.3s; transform: scale(1.1);}
.product_show .item .right{width: 57%;text-align: left;}
.product_show .item .right h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 15px 0;font-weight: normal;border-bottom: 1px dotted #ccc;}
.product_show .item .right .desc{font-size: 15px;line-height: 2;padding: 1.5% 0;}
.product_show .item_show .tit{font-size: 20px;padding: 1% 0 0.5%;border-bottom: 1px solid #efefef;line-height: 2;font-weight: bold;position: relative;text-indent: 1%;}
.product_show .item_show .tit:after{content: '';width: 8%;height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}

.page_nav{margin-top: 30px;line-height: 50px;}
.page_nav .l{width: 49.5%;background: #f5f5f5;text-align: left;position: relative;line-height: 50px;font-size: 15px;}
.page_nav .l::before{content: '<';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;padding-right: 10px;}
.page_nav .r{width: 49.5%;background: #f5f5f5;text-align: right;padding-right: 20px;box-sizing: border-box;line-height: 50px;font-size: 16px;}
.page_nav .r::after{content: '>';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;}


/* main_about */
.main_about{position: relative;}
/* 底部开始 */
.footer {background:url(../images/f_b.jpg) no-repeat center top;padding: 2.5% 0 12%;overflow: hidden;position: relative;background-size: cover;}
.footer .left{width:100%;position: relative;text-align: left;padding-top: 1.5%;display: block;}
.footer .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.footer .left h1{font-size: 26px;line-height: 2;color: #fff;padding-bottom: 15px;}
.footer .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.footer .left dl dd{font-size: 16px;line-height: 2;}
.footer .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.footer .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.footer .left dl.tel dd{font-size: 24px;font-weight: bold;}
.footer .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.footer .copy{color: #fff;line-height: 3.5;font-size: 14px;width: 100%;text-align: center;position: absolute;bottom: 0;}
.footer .copy a{color: #fff;}
.footer .right{width:100%;padding-top: 2%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.footer .right dl{width: 100%;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;margin-bottom: 2%;}
.footer .right dl a{color: #fff;}
.footer .right dl dt a{font-size:18px;line-height: 2.5;}
.footer .right dl dd {width: 33%;float: left;}
.footer .right dl dd a{font-size: 15px;line-height: 2.5;}
.footer .right dl dd a::before{content: '-';padding-right: 10px;}
.footer .right dl:nth-of-type(3){width: 100%;display: block;}
.footer .right dl:nth-of-type(1){width: 100%;}
.footer .right dl:nth-of-type(2){width: 100%;}
.footer .right dl:nth-of-type(4){width: 100%;}
}
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/*************************************************************************** 手机 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1px) and (max-width: 480px) {
/* 手机分类 */
.web_nav{display: block;width: 95%;margin:20px auto ;}
.web_nav ul{display: flex;flex-wrap: wrap;justify-content: center;}
.web_nav ul li{line-height: 2.5;width: 100%;border: 1px solid #efefef;box-sizing: border-box;text-align: left;margin-right:2%;margin-bottom: 10px;padding-left: 20px;}
.web_nav ul li:nth-child(3n+0){margin-right: 0;}
.web_nav ul li a{display: block;}
.web_nav ul li.on{background: #e53c1b;}
.web_nav ul li.on a{color: #fff;}

.max_width{width: 95%;}
.mbx{padding-top: 1.5690%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 1.5690%;font-size: 14px; color: #999;position: relative;border-bottom: 1px solid #efefef;margin-bottom: 1.5690%;z-index: 999;;}
.mbx:before{content: '\e63e';font-size: 30px;  font-family: "iconfont" !important;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.mbx a:first-child{padding-left: 35px;}
.mbx span{padding: 0 10px;}
.mbx i{font-size: 30px;}
.mbx .fl{width: 100%;}
.mbx .fr{width: 70%;text-align: right;display: none;}
.mbx .fr a:first-child{padding-left: 0;}

.banner_page {padding-top: 7.8452%;padding-left: 0.0000%;padding-right: 0.0000%;padding-bottom: 7.8452%;background-color: transparent;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;background-Attachment: scroll;border-bottom: 4px solid #ccc;}
.banner_page .page_catname {text-align: center;}
.banner_page .page_catname h3 {color: #fff;font-size: 30px;text-transform: uppercase;font-weight: normal;padding-top: 30px;}
.banner_page .page_catname h2 {color: #fff;font-size: 20px;line-height: 1.5;}
/* contact */
.contact {padding: 0% !important;margin-bottom: 1%;}
.contact dl {border: 1px solid #efefef;width: 100%;margin-bottom: 2%;text-align: left;padding: 1% 2%;box-sizing: border-box;}
.contact dl dt {border-bottom: 1px solid #efefef;;font-size: 24px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact dl dd {font-size: 15px;color: #999;width: 100%;float: left;border-bottom: 1px dashed #efefef;margin-right: 0%;padding-top: 5px;}
.contact dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 {margin-bottom: 1%;display: flex;justify-content:flex-start;flex-wrap: wrap;}
.contact01 dl {width: 100%;padding: 1% 2%;margin-bottom: 2%;text-align: left;margin-right: 0%;border: 1px solid #efefef;box-sizing: border-box;}
.contact01 dl dt {border-bottom: 1px solid #efefef;font-size: 22px;color: #333;line-height: 3;font-weight: bold;margin-bottom: 10px;}
.contact01 dl dd {font-size: 15px;color: #999;width: 100%;float: left;border-bottom: 1px dashed #efefef;padding-top: 5px;margin-right: 0%;}
.contact01 dl dd em{font-size: 24px;display: inline-block;margin-right: 10px;margin-left: 10px;}
.contact01 dl dd:nth-of-type(2n+0){margin-right: 0;}
.contact01 dl dd span{display:block;color: #333;font-weight: bold;padding-left: 50px;line-height: 2.5;font-size: 16px;}
.contact01 dl:nth-child(2n+0){margin-right: 0;}

/* pic */
.pic{position: relative;}
.pic .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.pic .list dl{width: 49%;margin-right: 2%;margin-bottom: 1.5%;}
.pic .list dl:nth-child(2n+0){margin-right: 0;}
.pic .list dl dt{width: 100%;position: relative;overflow: hidden;border: 1px solid #efefef;box-sizing: border-box;padding: 5px;}
.pic .list dl dt .pic{padding-top: 66.67%;}
.pic .list dl dt .pic125{padding-top:125%;}
.pic .list dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.pic .list dl dd{margin-top: 10px;margin-bottom: 10px;text-align: center;}
.pic .list dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pic .list dl dd .date{font-size:18px;padding: 10px 0;position: relative;margin-bottom: 15px;}
.pic .list dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.pic .list dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.pic .list dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.pic .list dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}
.pic .list dl:hover img{transform: scale(1.1);}
/* news */
.news{position: relative;padding-top: 0 !important;}
.news .list{width: 100%;}
.news .list ul,.news .list li{}
.news .list .news-item-box{display: flex; vertical-align: middle;text-align: left;flex-wrap: wrap;}
.news .list .news-con-box {width: 100%; padding-right: 8px;display:flex;flex-wrap: wrap; }
.news .list .news-time{display:block; width: 100%;}
.news .list .news-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.news .list .news-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  display: none;}
.news .list .news-time .news-icon{position: relative;  width: 35px;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;display: none;}
.news .list .news-time .news-icon span{position: absolute;  top: 9px;  left: 9px;  width: 14px;  height: 15px;  background: url("../images/icon.png") no-repeat center;  }
.news .list .news-time .news-con .news-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.news .list .news-con {display: inline-block; width: 100%;padding-left:0; margin-top: 0; -webkit-transition: all .3s;  transition: all .3s;}
.news .list .news-img {position: relative;width: 100%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.news .list .news-img .dummy {padding-top: 77%;}
.news .list .news-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.news .list .news-con .news-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;padding-bottom: 20px;}
.news .list .news-item{padding: 0 10px;clear: both;}
.news .list .news-item:nth-last-child{border-bottom:none!important;}
.news .list .news-item:hover .news-icon{background: #e53c1b;}
.news .list .news-item:hover .news-title{color: #e53c1b;}
.news .list .news-item:hover .news-icon span {background: url("../images/icon_hover.png") no-repeat center; }
.news .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .list .news-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.news .list .news-title{font-size: 18px;margin-bottom: 13px;}
/* .news_show */
.news_show{width: 100%;margin: 0 auto;padding: 0 5%;box-sizing: border-box; height: 100%;}
.news_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);display: none;}
.news_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.news_show .mbx .return:hover::before{padding-right: 15px;}
.news_show .left .news-details-item{padding-right: 0%;padding-bottom: 6.9735%;}
.news_show .left{width: 100%;border-right: 0 solid #efefef;box-sizing: border-box;}
.news_show .left h1{line-height: 1.5;font-size: 20px;color: #333;padding: 0 0 25px 0;font-weight: normal;text-align: left;}
.news_show .left .news-details-small{display: flex;flex-wrap: nowrap;color: #666;}
.news_show .left .news-details-small p:last-child{margin-left: 10px;}
.news_show .left .news-details-desc {position: relative;margin: 29px 0;padding: 30px;background: #f5f5f5;color: #666666;line-height: 24px;}
.news_show .left .news-details-desc .quotes {font-size: 48px;color: #999999;font-weight: bold;display: inline-block;line-height: 48px;}
.news_show .left .news-details-desc .endquotes {vertical-align: bottom;position: absolute;bottom: 0px;}
.news_show .left .news-con{line-height: 2;font-size: 15px;}
.news_show .left .news-con img{max-width: 100% !important;}
.news_show .left .news-details-box {display: flex;align-items: center;justify-content: space-between;margin-top: 44px;}
.news_show .left .news-details-box .Author {border-left: 5px solid #e53c1b;padding-left: 10px;}
.news_show .right{width: 100%;box-sizing: border-box;padding-left: 1.725%;padding-top:1.0669%;}
.news_show .right h2{font-size: 24px; line-height: 2;font-weight: normal;padding-bottom: 2.752%;}
.news_show .right dl{width: 95%;margin-bottom: 3%;}
.news_show .right dl dt{width: 100%;position: relative;overflow: hidden;}
.news_show .right dl dt .pic{padding-top: 66.67%;}
.news_show .right dl dt img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;}
.news_show .right dl dd{margin-top: 20px}
.news_show .right dl dd h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_show .right dl dd .date{font-size:14px;padding: 10px 0;position: relative;margin-bottom: 15px;color: #999;}
.news_show .right dl dd .date:after{content: ''; width: 100%;height: 3px;background: #ccc;display: block;position: absolute;bottom: 0; z-index: 1;}
.news_show .right dl dd .date:before{content: ''; width: 0%;height: 3px;background: #e53c1b;display: block;position: absolute;bottom: 0; z-index: 2;}
.news_show .right dl dd .desc{height: 44px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;}
.news_show .right dl:hover dd .date:before{content: ''; width: 100%;transition: all 0.3s  cubic-bezier(.23, 1, .38, 1);}



/* download */
.download{position: relative;padding-top: 0 !important;}
.download .list{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.download .list ul,.download .list li{}
.download .list .download-item-box{display: flex; vertical-align: middle;text-align: left;}
.download .list .download-con-box {width: 100%; display:flex; flex-wrap: wrap;}
.download .list .download-time{display: block; width: 100%;}
.download .list .download-time time {position: relative;  margin-bottom: 16px;padding-top: 22px; font-size: 14px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.download .list .download-time time:before{position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.download .list .download-time .download-icon{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #efefef;display: none;}
.download .list .download-time .download-icon span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .download-con .download-iconx{position: relative;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;background: #e53c1b;display: block;}
.download .list .download-con .download-iconx span{position: absolute;  top: 50%;  left: 50%;  color:#333;transform: translate(-50%,-50%);width: 100%;text-align: center;color: #fff;}

.download .list .download-time .download-con .download-title{ margin-bottom: 14px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.download .list .download-con {display: inline-block; width: 100%;padding-left:0; margin-top: 0; -webkit-transition: all .3s;  transition: all .3s;margin-left: 0;}
.download .list .download-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.download .list .download-img .dummy {padding-top: 77%;}
.download .list .download-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}
.download .list .download-con .download-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;padding-bottom: 20px;}
.download .list .download-item{padding: 14px 10px;clear: both;}
.download .list .download-item:nth-last-child{border-bottom:none!important;}
.download .list .download-item:hover .download-icon{background: #e53c1b;}
.download .list .download-item:hover .download-title{color: #e53c1b;}
.download .list .download-item:hover .download-icon span {position: absolute;  top: 50%;  left: 50%;  color:#fff;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.download .list .label-box {font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download .list .download-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.download .list .download-title{font-size: 16px;margin-bottom: 13px;}
/* product */
.product{position: relative;}
.product .list ul{width: 100%;display: flex; flex-wrap: wrap;justify-content: flex-start;}
.product .list li{width: 100%;margin-right: 1%;margin-bottom: 3%;padding: 0.5%; box-sizing: border-box;border: 1px solid #efefef;}
.product .list li:nth-child(2n+0){margin-right: 0;}
.product .list li .pic{width: 100%;position: relative;overflow: hidden;}
.product .list li .pic .img_p{padding-top: 66.67%;}
.product .list li .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s;}
.product .list li:hover .pic img{transition: all 0.3s; transform: scale(1.1);}
.product .list li h4{font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px auto;text-align: center;}
.product .list li:hover {box-shadow: 0 0 5px #ccc;}
.product_show{padding-top: 0;padding-bottom: 2.9735%;}
.product_show .mbx .return{position: absolute;right: 2%; top:50%;transform: translateY(-50%);}

.product_show .mbx .return::before{content: "<"; font-family: 'Kaiti';padding-right: 8px;color: #999;transition: 0.3s all;}
.product_show .mbx .return:hover::before{padding-right: 15px;}
.product_show .left{width: 100%;}
.product_show .pic{width: 100%;position: relative;overflow: hidden;}
.product_show .pic .img_p{padding-top: 66.67%;}
.product_show .pic img{object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;margin: auto;padding: auto;display: block;transition: all 0.3s; cursor: pointer;}
.product_show .pic:hover img{transition: all 0.3s; transform: scale(1.1);}
.product_show .item .right{width: 100%;text-align: left;}
.product_show .item .right h1{line-height: 1.5;font-size: 30px;color: #333;padding: 0 0 15px 0;font-weight: normal;border-bottom: 1px dotted #ccc;}
.product_show .item .right .desc{font-size: 15px;line-height: 2;padding: 1.5% 0;}
.product_show .item_show .tit{font-size: 20px;padding: 1% 0 0.5%;border-bottom: 1px solid #efefef;line-height: 2;font-weight: bold;position: relative;text-indent: 1%;}
.product_show .item_show .tit:after{content: '';width: 8%;height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}

.page_nav{margin-top: 30px;line-height: 50px;}
.page_nav .l{width: 100%;background: #f5f5f5;text-align: left;position: relative;line-height: 50px;font-size: 15px;margin-bottom: 20px;}
.page_nav .l::before{content: '<';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;padding-right: 10px;}
.page_nav .r{width: 100%;background: #f5f5f5;text-align: left;position: relative;line-height: 50px;font-size: 15px;}
.page_nav .r::before{content: '<';color: #999;font-family: 'KAITI';padding-left: 20px;line-height: 50px;padding-right: 10px;}


/* main_about */
.main_about{position: relative;}
.main_about p{font-size: 15px;line-height: 2;text-align: left;}
/* 底部开始 */
.footer {background:url(../images/f_b.jpg) no-repeat center top;padding: 8% 0 12%;overflow: hidden;position: relative;background-size: cover;}
.footer .left{width:100%;position: relative;text-align: left;padding-top: 1.5%;display: block;}
.footer .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.footer .left h1{font-size: 20px;line-height: 2;color: #fff;padding-bottom: 0;}
.footer .left dl dt{font-size: 15px;line-height: 2; color: #fff;}
.footer .left dl dd{font-size: 15px;line-height: 1.5;}
.footer .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.footer .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.footer .left dl.tel dd{font-size: 24px;font-weight: bold;}
.footer .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.footer .copy{color: #fff;line-height: 3.5;font-size: 14px;width: 100%;text-align: center;position: absolute;bottom: 0;left: 0;}
.footer .copy a{color: #fff;}
.footer .right{width:100%;padding-top: 0%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.footer .right dl{width: 100%;float: left;text-align: left;box-sizing: border-box;padding-left: 0%;margin-bottom: 1%;}
.footer .right dl a{color: #fff;}
.footer .right dl dt a{font-size:18px;line-height: 2.5;}
.footer .right dl dd {width: 33%;float: left;}
.footer .right dl dd a{font-size: 14px;line-height: 2.5;}
.footer .right dl dd a::before{content: '-';padding-right: 10px;}
.footer .right dl:nth-of-type(3){width: 100%;display: block;}
.footer .right dl:nth-of-type(1){width: 100%;}
.footer .right dl:nth-of-type(2){width: 100%;}
.footer .right dl:nth-of-type(4){width: 100%;}
}