@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;}

/*列表分页*/

.pageList {height:40px;line-height: 40px;text-align: center;}

.pageList li {display: inline-block;}

.pageList .active span{

	font-weight: bold;

    display: inline-block;

    background: #ff0000;

    color: #fff!important;

    border: 1px solid #ff0000;

	padding: 4px 8px;

	line-height:14px;

	}



.pageList a, .pageList span {border: 1px solid #E9E9E9;    padding: 4px 8px; margin-right: 4px;}





/*详情页*/

.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;}

/*单页*/

.single_page{padding-bottom: 20px;}

/*联系我们*/

.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;}