body {margin: 0px; line-height:27px;  font-size:14px; background-color:#F9F9F9; color: #555;}
ul,li{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#555;}


/* index style start */
.index{ clear:both; display:block; width:1200px; margin:40px auto; }

.top{ width: 100%; height: 105px; background: #F7F8FC; }
.topC{ display: flex; width: 1200px; height: 100%; margin: 0px auto; align-items: center; }

.logo{ display: flex; height: 80px; }
.logo_img{ display: flex; align-items: center; height: 100%; margin-right: 25px; }
.logo_img a{ display: flex; }
.logo_img img{ height: 70px; border: 0px; }
.logo_txt{ display: flex; flex-direction: column; justify-content: space-evenly; }
.logo_txt a{ font-size: 33.5px; color: #2d2d2d; font-weight: bold; transition: all 0.3s; margin-top: 15px; }
.logo_txt a:hover{ color: #EC6A17; }
.logo_txt span{ font-size: 15.5px; color: #ec6a17; font-weight: bold; }


.channel_btn{ display: none;}
.channel{ display: none;  }

/* menu style ========================================= */
.menu{ display: flex; flex: 1; justify-content: end; letter-spacing: 1px; }

.menu1{ display: flex; flex-direction: column; position: relative; height: 50px; margin-left: 50px; }
.link1{ display: flex; color: #EC6A17; height: 50px; align-items: center; font-size: 16px; text-transform: uppercase; font-weight: bold; }
.link1 span{ transform: rotate(90deg); margin-left: 5px; }
.menu1:hover .menu2{ display: block; }

.menu2{ display: none; flex-direction: column; width: 200px; position: absolute; left: 0px; top: 50px; background: #fff; z-index: 4000;  transition: all 0.3s; }
.link2{ display: flex; position: relative; }
.link2 a{ display: flex; justify-content: space-between; width: 100%; font-size: 16px; padding: 10px; box-sizing: border-box; }
.link2 a:hover{ background: #EC6A16; color: #fff;  transition: all 0.3s; }
.link2 a span{ font-size: 12px; }
.link2:hover .menu3{ display: block; }

.menu3{ display: none; flex-direction: column; position: absolute; left: 200px; top: 0px; width: 300px; background: #fff; box-shadow: 0px 0px 5px #ccc; }
.link3{ display: flex; }
.link3 a{ width: 100%; }
.link3 a:hover{ background: #EC6A16; color: #fff; }


/* banner */

.swiper-container { clear: both; display: block; width: 100%; height: 500px; margin: 0px auto; overflow: hidden; position: relative; }
.swiper-container .swiper-slide{ clear: both; display: flex; width: 100%; height: 500px; align-items: center; justify-content: center; text-align: center; font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 4px #444; overflow: hidden; }
.swiper-container .swiper-pagination-bullet{ width: 20px; height: 20px; background: rgba(0,0,0,0.6); }
.swiper-container .swiper-slide img{ border: 0px; width: 100%; }


/* search */
.search{ clear: both; display: none; background:#363636; text-align: center; }
.search form{ clear: both; display: flex; width: 900px; margin: 0px auto; padding: 25px 0px; }
.search_box{ display: flex; flex: 1; height: 40px; border: none;  background: #FFF; }
.search_buttonn{ display: flex; width: 100px; height: 42px; border: none; background: #EC6A17; cursor: pointer; color: #fff; justify-content: center; align-items: center; font-size: 20px; }

/* index title */
.index_tit{ display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin: 20px 0px; }
.index_tit strong{ display: flex; font-size: 36px; color: #181818; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase; }
.index_tit span{ display: flex; border-top: 3px solid #ec6a17; width: 180px; margin: 35px 0px 20px; }

/* index product */
.index_pro{ display: flex; width: 100%; background: #fff; }
.index_pro_con{ clear: both; display: block; width: 1200px; padding: 50px 0; margin: 0px auto; }

.index_channel{ display: flex; width: 100%; justify-content: space-between; }
.index_channel a{ display: flex; width: 180px; height: 33px; color: #fff; font-size: 18px; text-transform: uppercase; background: #F5B58C; border: 1px solid #EC6A18; align-items: center; justify-content: center; border-radius: 5px; }
.index_channel a:hover{ background: #EC6A18; }


.index_productList{ display: flex; width: 100%; margin-top: 40px; }
.index_productList ul{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.index_productList ul li{ display: flex; width: 23%; margin-bottom: 25px; box-shadow: 2px 3px 3px #ccc; border-radius: 4px; overflow: hidden; }
.index_productList ul li:hover{ box-shadow: 0px 0px 1px #666; }
.index_productList_img{ display: flex; margin-bottom: 15px; height: 275px; overflow: hidden; justify-content: center; }
.index_productList_img img{ border: 0px; max-width: 100%; height: 275px; transition: all 0.3s; object-fit: cover; object-position: center center; }
.index_productList_img:hover img{ transform: scale(1.1); } 

.index_productList_tit{ display: flex; text-align: center; width: 100%; font-size: 15px; color: #2d2d2d; }


/* index about */
.index_about{ background: #F7F8FC; padding: 40px 0px 50px; }
.index_about_con{ display: flex; flex-direction: column; width: 1200px; margin: 0px auto; padding: 0px 0px 50px; }


.index_about_c{ display: flex; justify-content: space-between; width: 100%; }


.index_about_c_txt{ display: flex; flex-direction: column; width: 580px; }
.index_about_c_txt_company{ display: flex; font-size: 2.25rem; margin-bottom: 20px; }
.index_about_c_txt_company strong{ color: #ec6a17; }
.index_about_c_txt_company span{ color: #2d2d2d;}

.index_about_c_txt_con{ display: flex; flex-direction: column; line-height: 30px; font-size: 16px; }
.index_about_c_txt_con p{ margin: 0px 0px 10px 0px; }


.index_about_c_pic{ display: flex; width: 580px; }
.index_about_c_pic img{ border: 0px; width: 100%; }


/* index num */
.index_num{ display: flex; background-image: url(../images/numbg.jpg); background-position: center center; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; margin-top: 50px;}
.index_num ul{ display: flex; width: 100%; justify-content: space-evenly; background-color: rgba(0,0,0,0.7); transition: background 0.3s, border-radius 0.3s, opacity 0.3s; padding: 50px 0px; }
.index_num ul:hover{ background-color: rgba(0,0,0,0.4); }
.index_num li{ display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; opacity: 1; }
.index_num li div:nth-child(1){ padding: 20px 0px; }
.index_num li div:nth-child(1) img{ border: 0px; width: 50px; height: 50px; }
.index_num li div:nth-child(2){ font-size: 45px; line-height: 45px; }
.index_num li div:nth-child(2) span{ font-weight: bold; margin-left: 10px; }
.index_num li div:nth-child(3){ font-size: 19px; line-height: 48px; }


/* what we do */
.index_wedo{ display: flex; justify-content: space-between; }
.index_wedo_left{ display: flex; flex-direction: column;  width: 500px; font-size: 16px; color: #808080; line-height: 30px; }
.index_wedo_left_top{ display: flex; flex-direction: column; }
.index_wedo_left_list{ display: flex; flex-direction: column; color: #000; margin: 20px 0px; font-weight: bold; } 


.index_wedo_right{ display: flex; flex: 1; margin-left: 40px; }
.index_wedo_right_pic{ display: flex; width: 680px; }
.index_wedo_right_pic img{ border: 0px; width: 100%; }

/* index changjing  */
.index_changjing{ display: flex; width: 100%; background: #fff; padding: 50px 0px; }




/* copyright */
.copyOther{ clear: both; display: block; background: #161616; padding: 40px 0px; }

.copyOtherCon{ clear: both; display: block; width: 1200px; margin: 0px auto; color: #565656; }

.copyTit{ font-size: 16px; color: #EC6A17; border-left: 1px solid #EC6A17; margin-left: -16px; margin-bottom: 15px; text-indent: 1em; }
.copyQrcodeImg{ clear: both; display: block; }
.copyQrcodeImg img{ border: 0px; width: 160px; height: 160px; padding: 5px; background: #fff; }

.copyLogo{ float: left; width: 210px; }
.copyLogo img{ border: 0px; max-width: 70%; }


.copyContact{ float: left; width: 300px; height: 220px; border-left: 1px solid #565656; padding-left: 15px; }
.copyContactCon{ clear: both; display: block; }
.copyContactCon li{ clear: both; display: block; }
.copyContactCon li i{ display: block; float: left; width: 35px; font-size: 16px; color: #565656; }
.copyContactCon li span{ display: block; float: left; font-size: 15px; color: #e2f5ea; }


.copyChannel{ float: left; width: 420px; border-left: 1px solid #565656; padding-left: 15px; }
.copyChannelList{ clear: both; display: block; }
.copyChannelList a{ float: left; display: block; line-height: 30px; width: 50%; }


.copyQrcode1{ float: left; display: none; width: 210px; height: 220px; /* border-left: 1px solid #565656; */ padding-left: 15px; }

.copyQrcode2{ float: left; width: 210px; height: 220px; border-left: 1px solid #565656; padding-left: 15px; }




.copyRight{ clear: both; display: block; padding: 25px 0px; text-align: center; background: #2a2a2a; color: #727272; }
.copyRight a{ color: #727272; }

/* =========== sub page content  */



.left{ float:left; width:20%; border: 1px solid #e3e3e3; background: #fff; }
.right{ float:right; width:78%; border: 1px solid #e3e3e3; background: #fff; }
.right a:hover{ text-decoration:underline;}
.indexContent{ display: flex; width: 1200px; margin: 0px auto; padding: 55px 0px; justify-content: space-between; }


/* page conact */
.contact{ clear: both; display: flex; }
.contact_tit{ display: flex; font-size: 28px; line-height: 40px; color: #2d2d2d; margin-bottom: 20px; }
.contact_left{ display: flex; flex-direction: column; width: 500px; }
.contact_form{ display: flex; }
.contact_form iframe{ width: 100%; height: 600px; border: 0px; }


.contact_right{ display: flex; flex-direction: column; flex: 1; margin-left: 100px; }
.contact_info{ display: flex; flex-direction: column; }
.contact_info div{ display: flex; flex-direction: column; margin-bottom: 20px; line-height: 27px; font-size: 16px; letter-spacing:1px; }
.contact_info div strong{ display: flex; }
.contact_info div span{ color: #808080; }


.clear{ clear:both; display:block;}



.pageBanner{ clear: both; display: block; width: 100%; }
.pageBanner img{ border: 0px; width: 100%; }

/* sub left style */
.location{ display: flex; width: 100%; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; }


.page_left{ display: flex; flex-direction: column; width: 850px; }

.subContent{ display: flex; flex-direction: column; width: 100%; }
.subProduct{ display: flex; flex-direction: column; }
.subProduct ul{ display: flex; flex-wrap: wrap; justify-content: start; }
.subProduct ul li{ display: flex; flex-direction: column; width: 23%; margin-right: 1.6666%; margin-bottom: 15px; border: 1px solid #E1E0E0; justify-content: space-between; border-radius: 5px; overflow: hidden; }
.subProduct ul li:nth-child(4n){ margin-right: 0px; }
.subProduct ul li:hover img{ transform: scale(1.1); transition: all 0.3s; } 
.subProductPic{ display: flex; height: 265px; overflow: hidden; justify-content: center; }
.subProductPic img{ border: 0px; max-width: 100%; height: 265px; transition: all 0.3s; object-fit: cover; object-position: center center; }
.subProductTit{ display: flex; flex: 1; justify-content: center; background: #F5F5F7; font-size: 16px; color: #2D2D2D; line-height: 24px;  }
.subProductTit a, .subProductTit strong{ display: flex; width: 100%; height: 100%; align-items: center; text-align: center; justify-content: center; }


/* sub goods page */
.full-goods{ display: flex; flex-direction: column; width: 1200px; margin: 0px auto; padding: 55px 0px; }

.page-goods{ display: flex; justify-content: space-between; }

.goods-pic{ display: flex; width: 800px; }
.goods-txt{ display: flex; flex-direction: column; width: 350px; }



.goods-txt-tit{ display: flex; font-size: 24px; color: #2d2d2d; line-height: 40px; margin-bottom: 12px; }
.goods-txt-text{ display: flex; font-size: 16px; color: #808080; line-height: 30px; }
.goods-txt-btn{ display: flex; margin-top: 20px; }
.goods-txt-btn a{ display: flex; font-size: 16px; padding: 10px 20px; color: #fff; background: #ec6a17; border-radius: 5px; }


.page-goods-con{ display: flex; flex-direction: column; margin: 50px 0px; }
.page-goods-con-tit{ display: flex; font-size: 20px; color: #ec6a17; border-bottom: 2px solid #ec6a17; text-transform: uppercase; line-height: 40px; margin-bottom: 12px; }
.page-goods-con .page-goods-con-tit{ display:none; }
.page-goods-con-txt{ clear: both; display: block; }
.page-goods-con-txt img{ border: 0px; max-width: 100%; max-height: 100%; height: auto; margin: 10px 0px; }


.page-goods-con-iframe{ display: flex; width: 100%; }
.page-goods-con-iframe iframe{ display: flex; width: 100%; height: 550px; }

.page-goods-related{ display: flex; flex-direction: column; }
.page-goods-con-related{ display: flex; justify-content: space-between; }

.page-goods-con-related li{ display: flex; flex-direction: column; width: 23%; margin-bottom: 25px; box-shadow: 1px 1px 3px #ccc; border-radius: 4px; overflow: hidden; }
.page-goods-con-related li:hover{ box-shadow: 0px 0px 1px #666; }
.page-goods-con-related-pic{ display: flex; margin-bottom: 15px; height: 265px; overflow: hidden; background: #fff; justify-content: center;  }
.page-goods-con-related-pic img{ border: 0px; max-width: 100%; max-height: 100%; transition: all 0.3s; object-fit: cover; object-position: center center;  }
.page-goods-con-related-pic:hover img{ transform: scale(1.1); } 

.page-goods-con-related-tit{ display: flex; }
.page-goods-con-related-tit a{ display: flex; text-align: center; width: 100%; font-size: 15px; color: #2d2d2d; }

/* sub right style */
.page_right{ display: flex; flex-direction: column; width: 285px; }
.right_tit{ display: flex; font-size: 24px; color: #2d2d2d; text-transform: uppercase; margin-bottom: 20px; font-weight: bold; }
.category_list{ display: flex; flex-direction: column; padding: 20px 15px; margin-bottom: 20px; background: #F0F0F3; }
.category_list a{ color: #ec6a17; font-size: 16px; line-height: 30px; }
.cate1{ }
.cate2{ padding-left: 20px; }
.cate2 span{ display: flex; color: #999; }
.cate2 span a{ margin-left: 5px; }

.right_share{ display: flex; margin-top: 20px; }
.right_share a img{ border: 0px; border-radius: 3px; display: flex; width: 35px; height: 35px; margin-right: 8px; }


.right_contact{ display: flex; flex-direction: column; background: #F0F0F3; padding: 15px 10px; box-sizing: border-box; margin-bottom: 20px; }
.right_contact div{ display: flex; align-items: center; line-height: 40px; }
.right_contact div img{ width: 20px; height: 20px; margin-right: 8px; }


.right_form{ display: flex; flex-direction: column; background: #F0F0F3; padding: 15px 10px; box-sizing: border-box; margin-bottom: 20px; }
.right_form_tit{ display: flex; padding: 10px 0px; box-sizing: border-box; color: #ec6a17; font-size: 24px; align-items: center; justify-content: center; }

.right_form_c iframe{ display: flex; width: 100%; height: 550px; background: none; }


/* news right */
.news_category{ display: flex; flex-direction: column; background: #fff; padding: 18px; margin-bottom: 32px; }
.news_category_tit{ display: flex; font-size: 22px; color: #808080; text-transform: uppercase; margin-bottom: 22px; }

.news_category_list{ display: flex; flex-direction: column; }
.news_category_list a{ display: flex; width: 100%; font-size: 16px; color: #ec6a17; line-height: 32px; }


.news_recent{ display: flex; flex-direction: column; background: #fff; padding: 18px; margin-bottom: 32px; }
.news_recent_list{ display: flex; flex-direction: column; }
.news_recent_list a{ display: flex; width: 100%; font-size: 16px; color: #ec6a17; line-height: 32px; border-bottom: 1px dashed #e3e3e3; padding: 5px 0px; }
.news_recent_list a:last-child{ border-bottom: none; }


.news_product{ display: flex; flex-direction: column; background: #fff; padding: 18px; margin-bottom: 32px; }
.news_product_list{ display: flex; flex-direction: column; }
.news_product_list a{ display: flex; width: 100%; border-bottom: 1px solid #e3e3e3; padding: 10px 0px; }
.news_product_list a:last-child{ border-bottom: none; }
.news_product_list_pic{ width:64px; height: 64px; display: flex; }
.news_product_list_pic img{ border: 0px; width: 100%; max-height: 100%; }

.news_product_list_tit{ display: flex; flex: 1; margin-left: 15px; color: #ec6a17; line-height: 32px; font-size: 16px; }



/* sub news list */
.subNews{ }
.subNews ul{ display: flex; flex-direction: column; width: 100%; background: #fff; }
.subNews ul li{ display: flex; padding: 10px; box-sizing: border-box; border-bottom: 1px dashed #e3e3e3; }
.subNews ul li:hover a{ text-decoration: underline; }

.subNewsTit{ display: flex; flex: 1; font-size: 16px; line-height: 35px; }
.subNewsDate{ display: flex; }
/*
// column-count: 3; /* 三列布局
// column-gap: 20px; /* 列间距
.subNews ul{ width: 100%; column-count: 3; column-gap: 20px; }
.subNews ul li{ flex-direction: column;width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 30px; break-inside: avoid; /* 防止内容断裂  align-items: start; background: #fff; border-radius: 5px; overflow: hidden; }
.subNewsPic{ display: flex; width: 100%; margin-bottom: 15px; }
.subNewsPic img{ border: 0px; width: 100%; height: 100%; }
.subNewsTxt{ display: flex; color: #808080; font-size: 16px; }
.subNewsLink{ display: flex; }
.subNewsLink a{ color: #EC6A17; font-size: 16px; margin: 20px 0px; }
*/


.subNewsCon{ display: flex; flex-direction: column; background: #fff; padding: 50px; }
.title{ display: flex; line-height:55px; font-size:35px; font-weight:bold; color: #2d2d2d; }
.subNewsTime{ display: flex; padding: 20px 0px; font-size: 16px; color: #ec6a17; }
.subNewsContent{ clear:both; display: block; margin: 20px 0px; font-size: 18px; color: #666; line-height: 32px; }
.subNewsContent img{ border: 0px; max-width: 100%; height: auto; }
.protext{ clear:both; margin:10px 0px; color: #888; }
.ahref{ clear: both; display: block; }
.ahref a{ display: inline-block; padding: 5px 15px; background: #EC6A17; color: #fff; font-size: 14px; }


/* sub right products content style */
.proTop{ clear:both; margin:15px 0px;}
.proPic{ float:left; width:380px; border:1px solid #e3e3e3; text-align:center;}
.proPic img{ border:0px; width:100%; }

.proMiaoshu{ float:right; width:500px;}


.borderBorder{ border-collapse: collapse; line-height: 28px; text-align: left; margin: 15px 0px; }
.borderBorder td{ padding: 0px 3px 0px 8px; }
.borderBorder strong{ clear: both; display: block; width: 100%; text-align: center; }



.subFeedback{ clear: both; display: block; width: 100%; }
.subFeedback iframe{ width: 100%; height: 550px; }


/* sub style start */
.subProImgPic{ clear:both; text-align:center;}
.subProImgPic img{ border:0px; max-width:580px; max-height:250px;}


.page{ clear:both; display:block; margin:35px 0px; font-size:16px; text-align: center; }
.page a{ display: inline-block; height: 35px; line-height: 35px; padding: 0px 15px; margin-left: 10px; background: #f7f7f7; border: 1px solid #e3e3e3; }
.page b{ display: inline-block; height: 35px; line-height: 35px; padding: 0px 15px; margin-left: 10px; background: #EC6A17; border: 1px solid #e3e3e3; color: #FFF; }
.preNext{ display: flex; justify-content: space-between; padding: 10px 0px; border-top:1px solid #e3e3e3; color: #ec6a17; }
.preNext div a{ color: #ec6a17; font-size: 14px; margin: 0px 10px; }


/* sub about */
.page_about{ display: flex; flex-direction: column; padding: 50px 0px; background: #fff; }
.page_about_tit{ display: flex; justify-content: center; }
.page_about_tit strong{ background: #EC6A17; font-size: 36px; padding: 20px 60px; border-radius: 7px; color: #fff; box-shadow: 0px 0px 8px #777; }
.page_about_con{ display: flex; justify-content: space-between; width: 1200px; padding: 50px 0px; margin: 0px auto; }
.page_about_con_left{ display: flex; flex-direction: column; width: 680px; }
.page_about_con_tit{ display: flex; font-size: 32px; color: #2d2d2d; margin-bottom: 20px; }
.page_about_txt{ display: flex; flex-direction: column; font-size: 16px; color: #808080; line-height: 32px; }


.page_about_num{ display: flex; flex-wrap: wrap; }
.page_about_num li{ display: flex; width: 50%; flex-direction: column; margin-top: 55px; }
.page_about_num li div{ display: flex; }
.page_about_num li div:nth-child(1){ font-size: 18px; color: #2d2d2d; vertical-align:baseline; padding-bottom: 15px; }
.page_about_num li div:nth-child(1) strong{ font-size: 44px; color: #1b75bc; }
.page_about_num li div:nth-child(1) span{ color: #1b75bc; }
.page_about_num li div:nth-child(2){ font-size: 18px; color: #808080; }

.page_about_con_right{ display: flex; width: 480px; }
.page_about_con_pic{ }
.page_about_con_pic img{ border: 0px; width: 100%; height: auto; }


.page_advant{ display: flex; background: #F7F8FC; padding: 50px 0px; }
.page_advant_con{ display: flex; justify-content: space-between; width: 1200px; margin: 0px auto; }
.page_advant_con_left{ width: 500px; }
.page_advant_con_left img{ border: 0px; width: 100%; height: auto; }

.page_advant_con_right{ display: flex; flex-direction: column; width: 650px;}
.page_advant_con_right_tit{ display: flex; font-size: 32px; color: #2d2d2d; margin-bottom: 20px; font-weight: bold; }
.page_advant_con_right_txt{ display: flex; flex-direction: column; font-size: 16px; color: #808080; line-height: 32px; }
.page_advant_con_right_txt p{ margin-top: 0px; }


.page_about_icon{ display: flex; background: #F7F8FC; padding: 50px 0px; }
.page_about_icon_con{ display: flex; flex-wrap: wrap; justify-content: space-evenly; width: 1200px; margin: 0px auto; }
.page_about_icon_con li{ display: flex; flex-direction: column; width: 30%; align-items: center; text-align: center; padding-bottom: 50px; }
.iconpath{ display: flex; width: 110px; height: 110px; }
.iconpath img{ border: 0px; width: 100%; height: 100%; }
.icontit{ display: flex; color: #005bab; font-size: 17px; padding: 30px 0px; font-weight: bold; }
.icontxt{ display: flex; color: #000; font-size: 14px; line-height: 25px; }


.page_about_work{ clear: both; display: block; padding: 50px 0px 0px; text-align: center; }
.page_about_work img{ border: 0px; max-width: 100%; margin: 0px auto; }

.page_about_process{ display: flex; flex-direction: column; align-items: center; padding-top: 50px; }
.page_about_process_tit{ display: flex; text-align: center; font-size: 40px; font-weight: bold; color: #005bab; text-transform: uppercase; padding: 50px 0px;  }
.page_about_process_con{ display: flex; }
.page_about_process_con img{ border: 0px; max-width: 100%; height: auto; }


/* page workshop */
.workshop{ display: flex; width: 1200px; margin: 0px auto; padding: 50px 0px; flex-direction: column; }
.workshop_con{ display: flex; flex-direction: column; margin-bottom: 80px; }
.workshop_tit{ display: flex; justify-content: center; font-size: 40px; color: #EC6A17; border-bottom: 1px solid #e3e3e3; padding: 20px 20px; }
.workshop_txt{ display: flex; justify-content: center; font-size: 16px; color: #808080; padding: 20px 0px; }
.workshop_list{ display: flex; flex-wrap: wrap; }
.workshop_list li{ display: flex; flex-direction: column; width: 23%; margin-right: 1.6%; margin-bottom: 20px; }
.workshop_list li div:nth-child(1){ display: flex; width: 100%; height: 220px; }
.workshop_list li div:nth-child(1) img{ border: 0px; max-width: 100%; height: 220px;  object-fit: cover; object-position: center center; }
.workshop_list li div:nth-child(2){ display: flex; height: 70px; background: #ec6a17; color: #fff; justify-content: center; align-items: center; font-size: 22px; }
.workshop_list li:nth-child(4n){ margin-right: 0px; } 


.feedbackForm{ clear: both; display: block; background: none; }
.formdiv{ display: flex; margin-top: 15px; }
.inputtext{ display: flex; width: 150px; text-align: right; }
.inputinput{ display: flex; flex: 1; }
.inputinput input{ display: flex; flex: 1; border: 1px solid #e3e3e3; height: 35px; line-height: 35px; }
.inputinput textarea{ display: flex; flex: 1; border: 1px solid #e3e3e3; }
.formdiv:last-child .inputinput input{ background: #EC6A17; color: #fff; height: 35px; font-size: 16px; cursor: pointer; }



@media screen and (max-width:900px){
	body{ font-size: 14px; }
	.top{ height: auto; }
	.topC{ width: 100%; flex-direction: column; }
	
	.logo{ margin: 20px 0px; height: 50px; }
	.logo_img img{ height: 50px; }
	.logo_txt{ justify-content: space-between; }
	.menu{ display: none; }
	
	.channel_btn{ display: flex; justify-content: center; align-items: center; height: 40px; margin-bottom: 20px; }
	.channelShow{ color: #ec6a17; font-size: 28px; letter-spacing: 4px; rotate: 90deg; }
	.channelClose{ display: none; color: #ec6a17; font-size: 32px; }
	
	.channel{ display: none; flex-direction: column; width: 100%; font-size: 14px; }
	.l1{ display: flex; justify-content: space-between; border-bottom: 1px solid #e3e3e3; color: #ec6a17; line-height: 35px; }
	.l1 a{ margin-left: 15px; color: #ec6a17; font-size: 16px; font-weight: bold; }
	.l1 span{ margin-right: 15px; rotate: 90deg; }
	
	.channel2{ display: none; flex-direction: column; width: 100%; }
	.l2{ display: flex; justify-content: space-between; border-bottom: 1px solid #e3e3e3; line-height: 35px; }
	.l2 a{ margin-left: 40px; font-size: 14px; }
	.l2 span{ margin-right: 15px; rotate: 90deg; }
	
	.channel3{ display: none; flex-direction: column; width: 100%; }
	.l3{ display: flex; justify-content: space-between; border-bottom: 1px solid #e3e3e3; line-height: 35px; }
	.l3 a{ margin-left: 65px; font-size: 14px; }
	.l3 span{ margin-right: 15px; }
	
	
	
	.search form{ width: 100%; padding: 20px; box-sizing: border-box; }
	
	.index_pro_con{ width: 100%; }
	.index_tit span{ width: 80px; }
	
	.index_channel{ flex-direction: column; padding: 0px 20px; box-sizing: border-box; }
	.index_channel a{ width: 100%; margin-bottom: 20px; }
	
	.index_pro_con{ padding-bottom: 15px; }
	.index_productList ul{ justify-content: space-evenly; }
	.index_productList ul li{ width: 40%; box-shadow: 1px 1px 3px #ccc; }
	.index_productList_img{ height: 175px; }
	.index_productList_img img{ height: 175px; }
	
	
	.index_about_con{ width: 100%; }
	.index_about_c{ flex-direction: column; padding: 0px 20px; box-sizing: border-box; }
	.index_about_c_txt{ width: 100%; }
	.index_about_c_txt_company{ flex-wrap: wrap; font-size: 26px; }
	.index_about_c_pic{ width: 100%; margin-top: 30px; }
	
	
	.index_num{ margin-top: 0px; background-image: none; background-color: #181818; }
	.index_num ul{ flex-direction: column; justify-content: center; }
	
	.index_other{ padding: 0px 20px; box-sizing: border-box; }
	.index_wedo{ flex-direction: column; }
	.index_wedo_left{ width: 100%; }
	.index_wedo_right_pic{ width: 100%; }
	
	.index_changjing{ padding: 0px 20px; box-sizing: border-box; }
	.index_changjing .version2{ width: 100%; flex-direction: column; }
	
	.copyOtherCon{ width: 100%; display: flex; flex-direction: column; padding: 0px 20px; box-sizing: border-box; }
	
	.copyLogo{ display: none; }
	.copyContact{ border-left: none; width: 100%; }
	.copyContactCon{ display: flex; flex-direction: column; }
	.copyContactCon li{ display: flex; }
	.copyChannel{ margin: 20px 0px; border-left: none; width: 100%; }
	.copyQrcode2{ border-left: none; width: 100%; }
	
	.copyRightCon{ padding: 0px 20px; box-sizing: border-box; }
	
	
	
	.indexContent{ width: 100%; box-sizing: border-box; padding: 20px 20px; flex-direction: column; }
	.page_left{ width: 100%; flex-direction: column; }
	.location{ flex-wrap: wrap; font-size: 14px; }
	
	.subProduct ul{ justify-content: space-between; }
	.subProduct ul li{ width: 46%; margin-right: 0px; }
	.subProductPic{ height: 170px; }
	.subProductPic img{ height: 170px; }
	
	.page_right{ width: 100%; }
	
	
	.full-goods{ width: 100%; box-sizing: border-box; padding: 20px 20px; flex-direction: column; }
	.page-goods{ flex-direction: column; }
	.goods-pic{ width: 100%; margin-bottom: 30px; }
	
	.goods-txt{ display: flex; flex-wrap: wrap; }
	
	
	.page-goods-con-related{ justify-content: space-between; flex-wrap: wrap; }
	.page-goods-con-related li{ width: 46%; }
	
	.page-goods-con-related-pic{ height: auto; }
	.page-goods-con-related-pic img{ height: 170px; }
	
	
	.page_about{ width: 100%; padding: 50px 15px; box-sizing: border-box; }
	.page_about_tit strong{ font-size: 26px; }
	.page_about_con{ width: 100%; flex-direction: column; }
	.page_about_con_left{ width: 100%; }
	.page_about_con_right{ width: 100%; margin-top: 50px; }
	.page_about_num li div:nth-child(1) strong{ font-size: 40px; }
	
	.page_advant_con_right_tit{ font-size: 28px; }
	.page_about_process_tit{ font-size: 28px; }
	
	.page_advant{ padding: 0px; background: none; }
	.page_advant_con{ width: 100%; flex-direction: column; }
	.page_advant_con_left{ width: 100%; }
	.page_advant_con_right{ width: 100%; margin-top: 50px; }
	
	.page_about_icon_con li{ width: 100%; padding-bottom: 20px; }
	.icontit{ padding: 15px 0px; }
	
	.pageBanner img{ height: 300px; object-fit: cover; object-position: center center; }
	
	.contact{ display: flex; flex-direction: column; }
	.contact_left{ width: 100%; }
	.contact_right{ width: 100%; margin-left: 0px; }
	
	
	.workshop{ width: 100%; padding: 30px 20px; box-sizing:border-box;	}
	.workshop_tit{ padding: 20px 0px; font-size: 30px; }
	.workshop_con{ margin-bottom: 20px; }
	
	.workshop_list{ justify-content: space-between; }
	.workshop_list li{ width: 48%; margin-right: 0px; }
	.workshop_list li div:nth-child(1){ height: 150px; }
	.workshop_list li div:nth-child(1) img{ height: 150px; }
	.workshop_list li div:nth-child(2){ height: 50px; font-size: 16px; }
	
	
	.subNewsCon{ padding: 10px; }
	.preNext{ flex-direction: column; }
	.preNext div{ display: flex; }
	
}