@charset "utf-8";
/*产品列表*/
.product_list{padding: 0 5px;}
.product_list ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.product_list li{width: 49%; margin-right: 2%; margin-bottom: 12px; background: #fff; position: relative;}
.product_list li:nth-child(2n){margin-right: 0;}
.product_list li a{display: block; overflow: hidden;}
.product_list li .pic img{display: block; width: 100%;}
.product_list li .title{margin-top: 10px; margin-bottom: 4px; color: #565656; font-size: 13px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



/*详情页*/
.details{padding: 0 20px;}
.details_header{text-align: center; padding: 30px 0;}
.details_title{font-size: 17px; color: #444;}
.details_info{color: #c1c1c1; font-size: 13px; margin-top: 4px;}
.details_info span{padding: 0 10px;}
.details_Etitle{color: #999; font-size: 12px;}
.details_body{font-size: 14px; line-height: 26px; color: #aaa; padding-bottom: 10px;}
.details_body img{height: auto !important;}
.pagepre{border-top: 1px solid #ddd; padding: 8px 10px; margin-top: 10px; color: #666;}
.pagepre p{padding: 5px 0; line-height: 1.5;}
.pagepre a{color: #666;}
/*产品详情页*/
.product_details_pic .swiper-slide img{display: block; width: 100%;}
.product_details_pic .swiper-pagination-bullet{width: 7px; height: 7px; opacity: 1; background: #ddd; border-radius: 50%;}
.product_details_pic .swiper-pagination-bullet-active{background: #a5a5a5;}
.product_details_pic .swiper-button-prev,.product_details_pic .swiper-button-next{width: 24px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background: rgba(0,0,0,.6); margin-top: -25px; color: #fff;}
.product_details_pic .swiper-button-prev:focus,.product_details_pic .swiper-button-next:focus{outline: 0;}
.product_details_pic .swiper-button-prev:before{content: "\e63e";}
.product_details_pic .swiper-button-next:before{content: "\eeaa";}
.product_details_pic .swiper-button-prev:hover,.product_details_pic .swiper-button-next:hover{background: rgba(230,141,55,.6);}
.product_details_info{padding: 20px 4%; background: #efefef;}
.product_details_desc{margin-top: 20px; font-size: 13px; line-height: 22px; color: #777;}
.product_details_mbtn{padding: 16px 0;}
.product_details_mbtn a{display: block; float: left; margin-right: 16px; height: 38px; line-height: 38px; border: 1px solid #d6d6d6; text-align: center; color: #666; padding: 0 32px;}
.product_details_thead{width: 100%;}
.product_details_thead ul{width: 100%; margin: 0 auto; height: 44px; background: #fff; border-top: 1px solid #e2e0e4; border-bottom: 1px solid #ddd;}
.product_details_thead.fixed{position: fixed; left: 0; top: 54px;}
.product_details_thead li{float: left; height: 43px; line-height: 43px; font-size: 13px; padding: 0 15px; cursor: pointer;}
.product_details_thead li.active{border-bottom: 2px solid #f5c405;}
.product_details_body{font-size: 14px; line-height: 26px; color: #666; padding: 20px 10px;}
.product_details_body img{width: auto !important; height: auto !important;}
/*联系我们*/
.contact{padding-bottom: 24px;}
.contact_info{padding: 20px 0; border-bottom: 1px solid #d3d3d3;}
.contact_name{font-size: 16px; color: #666; margin-bottom: 20px;}
.contact_info p{font-size: 12px; color: #999; line-height: 22px; padding: 4px 0;}
.contact_info p a{color: #999; text-decoration: underline;}
.contact_map{width: 100%; height: 54vh; margin-top: 16px;}
.contact_map img{max-width: none;}
.contact .details_header{padding-top: 10px; padding-bottom: 20px;}
/*在线留言*/
.messgae{padding: 24px 12px 10px 12px;}
.messgae li{margin-bottom: 10px; position: relative;}
.messgae li input[type="text"]{display: block; width: 100%; height: 36px; line-height: 36px; background: #efefef; border-radius: 4px; box-sizing: border-box; padding: 0 16px;}
.messgae li textarea{display: block; width: 100%; height: 90px; line-height: 22px; background: #efefef; background: #efefef; padding: 8px 16px; border-radius: 4px; box-sizing: border-box;}
.messgae li.code{padding-right: 150px;}
.messgae li.code .code_img{width: 146px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; display: flex; align-items: center;}
.messgae li .submit{display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #f7c105; color: #fff; border-radius: 4px;}
/*人才招聘*/
.jobs_list li{background: #fff; margin-bottom: 12px; border-bottom: 1px solid #f5f5f5;}
.jobs_listName{height: 40px; line-height: 40px; position: relative; padding: 0 10px; background: #f5f5f5; font-size: 15px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jobs_listName i.iconfont{display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; float: right; margin-top: 10px; color: #999;}
.jobs_listName i.iconfont:before{content: "\e7b8";}
.jobs_listName.active{background: #f7c105; color: #fff;}
.jobs_listName.active i.iconfont{color: #fff;}
.jobs_listName.active i.iconfont:before{content: "\e62e";}
.jobs_listBody{font-size: 14px; line-height: 26px; padding: 10px; color: #666; display: none;}
.jobs_listBody_Name{font-size: 17px; color: #333; line-height: 30px;}
/*单页*/
.singlepage{padding: 10px 14px 30px 14px;}

/*联系我们*/
.col .txt p{line-height: 28px!important; background: none!important; position: relative; display: block;}
.col .txt p.iconfont:before{display: block; width: 28px; height: 28px; line-height: 28px; font-size: 22px; text-align: center; color: #333; position: absolute; left: 2px; top: 10px;}
.col .txt p.nstubiao1:before{content: "\e616";}
.col .txt p.nstubiao5:before{content: "\e76c";}
.col .txt p.nstubiao3:before{content: "\e699";}
.col .txt p.nstubiao4:before{content: "\e615";}

.UI-bubble{display:inline-block;width:23px;height:23px;overflow:hidden;background:url(../images/sicons.png) 0px 0px no-repeat;}
.UI-ask{display:inline-block;width:23px;height:23px;overflow:hidden;background:url(../images/sicons.png) -25px 0px no-repeat;}

/* questions */
#questions{width:100%;margin:20px auto;border:1px solid #e7e7e7;padding-top:14px;}
#questions li h5 .UI-ask,#questions li h5 .UI-bubble{position:absolute;left:0px;top:9px;}
#questions li{border-bottom:1px solid #e7e7e7;padding:0 14px 5px 14px;vertical-align:bottom;}
#questions li h5{height:40px;position:relative;color:#666;font-size:14px;cursor:pointer;line-height:40px;height:40px;overflow:hidden;padding:0 0 0 26px;}
#questions li .foldContent{border-left:3px solid #018ccb;padding:10px 26px;border-top:1px dashed #e2e2e2;line-height:24px;background:#f3f3f3;color:#888;}