html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{min-width:1200px;background:#f5f5f5;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
body{font-family:Arial,Geneva,Microsoft YaHei,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;color:#585858;-webkit-font-smoothing:antialiased;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
input,textarea,select {padding:6px;}
textarea {background:none repeat scroll 0 0 #fff;resize:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#d81e06;}

/*内容初始化*/
.contenttxt{padding:30px;line-height:30px;font-size:14px;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:700px;margin:15px auto; display:block}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:16px!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:15px!important;}

.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w1200 {margin:auto;width:1200px;clear:both;}
.w1190 {margin:auto;width:1190px;clear:both;}
.w1380 {margin:auto;width:1380px;clear:both;}
.AWF_box {margin: auto;width: 1440px;clear: both;}

.b1 {height:.1px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b5 {height:5px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b10 {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b15 {height:15px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b20 {height:20px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b25 {height:25px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b30 {height:30px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b60 {height:60px;font-size:1px; clear:both;width:100%;overflow:hidden}
.m {margin:auto;width:1200px;clear:both; position:relative}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.f_l { float:left;}
.f_r { float:right;}
/*========================================================*/

/*首页样式 THE*/

.nav_sec { font-size:14px; margin-bottom:15px; color:#666;}
.nav_sec a { color:#666;}

/*标题*/
.i_title {text-align:center; margin:30px 0;}

/*头部*/
.flex{position: fixed;z-index:1000;width:100%;}
.h100{height:204px;overflow: hidden;width:100%;}




.header_top { height:36px; font-size:12px; color:#bbb; background:#fff; border-bottom:1px solid #eee;}
.header_top a { color:#bbb;}
.header_top_r i { color:#336FFF;}


.header_top_l { display: flex;align-items: center; float:left;height:36px;}
.header_top_l img { height:16px; margin-right:5px;}
.header_top_l span { font-size:26px; color:#333; margin-right:20px;}

.header_top_r { display: flex;align-items: center;height:36px;}
.header_top_r span{color:red;}


/*logo*/
.header_intro { overflow:hidden; background:#fff;padding:10px 0}
.header_intro_logo { height:76px;display: flex;align-items: center; float:left;}
.header_intro_logo i { width:1px; height:48px; background:#ddd; float:left; margin:0 15px;}
.header_intro_logo .image img { height:50px;margin-right:8px;}
.header_intro_logo .text {border-left:#e1e1e1 1px solid;padding-left:10px;}
.header_intro_logo .text h3,
.header_intro_logo .text strong,
.header_intro_logo .text span { display:block;}
.header_intro_logo .text h3 { font-size:30px; font-weight:bold;}
.header_intro_logo .text strong { font-size:24px; color:#333;}
.header_intro_logo .text span { font-size:16px; color:#666;}
.header_intro_tel { display: flex; align-items: center; height:76px;}
.header_intro_tel a { display:block; height:36px; line-height:36px; background:#336fff; color:#fff; width:140px; border-radius:4px; text-align:center; cursor:pointer; font-size:14px;}
.header_intro_tel a span { display:inline-block;}
.header_intro_tel a img { margin:7px 5px 0 0; float:left;}


/*导航*/
.header_menu { height:64px; line-height:64px;background:#336FFF; font-size:18px;color:white}
.header_menu ul li {  float:left; position:relative;width:20%; text-align:center}
.header_menu ul li a { color:#fff;display:block;padding:0 80px}
.header_menu ul li a:hover { color:#fff;background:#0153FF}
.header_menu ul li.hover a{ background:#0153FF}
.header_menu ul li .menu_down { position:absolute; top:40px;left: 0px;width: 100%;text-align: center;background: #fff;box-shadow: 0 13px 42px 11px rgb(0 0 0 / 5%);z-index:-5;opacity: 0;transform: translate(0, 10px);transition:all .6s;}
.header_menu ul li:hover .menu_down { opacity: 1;transform: translate(0, 0);z-index:10;}
.header_menu ul li .menu_down a { display:block; font-size:13px; color:#666; line-height:43px;}
.header_menu ul li .menu_down a:nth-child(1n+2) { border-top:1px solid #eee;}
/*幻灯*/
.banner_swiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.banner_swiper .swiper-slide img { width:100%;}
.banner_swiper .b_menu { position:absolute;left:0;bottom:20px;z-index:10;width:100%; text-align:center;}
.banner_swiper .b_menu ul { display:inline-block;}
.banner_swiper .b_menu span { display:block; width:10px; height:10px; margin:0 5px; border-radius:50%; background:#fff; float:left;}
.banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#336FFF;}
/*限时特惠*/

.xsth_sec { overflow:hidden; background:#fff;}
.xsth_sec_l { width:230px; height:314px; background:#2040EE url(../img/202210141139.png) no-repeat center; color:#fff; text-align:center; overflow:hidden; float:left;}
.xsth_sec_l p { font-size:14px; margin-top:188px;}
.xsth_sec_l span { display:inline-block; margin:10px 4px; 0}
.xsth_sec_l span em,
.xsth_sec_l span i { display:block;}
.xsth_sec_l span em { width:34px; height:34px; line-height:34px; border-radius:5px; font-size:22px; background:#2f3430;}
.xsth_sec_l span i { line-height:34px; font-size:16px;}

.xsth_sec_r { overflow:hidden; padding:15px 10px;}
.xsth_sec_r .bd li { width:235px;float:left;}
.xsth_sec_r .bd li .qiao { padding:0 10px; display:block; width:100%; box-sizing:border-box;}
.xsth_sec_r .bd li .image { width:100%; overflow:hidden; border-radius:6px;}
.xsth_sec_r .bd li .image img { width:100%;}
.xsth_sec_r .bd li h3 { display:block; text-align:center; font-size:14px; margin:5px 0;}
.xsth_sec_r .bd li .huoqv { background:#333; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:700; padding:0 15px; position: relative; box-sizing:border-box; width:92%;}
.xsth_sec_r .bd li .huoqv:before { content:''; display:block; width:42px; height:42px; background:#fff url(../img/202210141428.png) no-repeat center; background-size:42px; position:absolute; top:-1px; right:-18px; border-radius:50%;}

/*询盘动态*/
.xpdt_sec { height:144px;}
.xpdt_sec_l { width:250px; height:144px; float:left; position:relative;}
.xpdt_sec_bj { height:144px; width:275px; text-align:center; color:#fff; display: flex;align-items: center;justify-content: center;background:url(../img/202210141429.png) no-repeat left top; padding-right:25px; box-sizing:border-box; position:absolute; left:0;}
.xpdt_sec_l strong { display:block; font-size:30px; font-weight:400; margin-bottom:15px;}
.xpdt_sec_l p { font-size:16px;}
.xpdt_sec_r { overflow:hidden; height:144px; display: flex;align-items: center;}
.xpdt_sec_r_biao { background:#fff; width:100%; height:115px; background:#fff; padding:10px 0 10px 50px; box-sizing:border-box; border-radius:0 10px 10px 0;}
.xpdt_sec_r_biao_title { font-size:18px; color:#333; line-height:26px; height:26px; margin-bottom:6px;}
.xpdt_sec_r_biao_title span { display:inline-block; float:left; width:20%; font-weight:700; text-align:center;}
.xpdt_sec_r_biao_title span:nth-child(1) { width:40%; text-align:left;}
.xpdt_sec_r_biao .bd li { height:22px; line-height:22px;}
.xpdt_sec_r_biao .bd li span { display:inline-block; float:left; width:20%; font-size:14px; color:#888; text-align:center;}
.xpdt_sec_r_biao .bd li span:nth-child(1) { width:40%; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block;}
.xpdt_sec_r_biao .bd li span:nth-child(1) a { color:#888;}

/*明星产品*/
.mxcp_sec { background:#fff; padding:15px; overflow:hidden;}
.mxcp_sec ul li { float:left; width:18.8%; margin-right:1.5%;box-sizing:border-box; border:1px solid #eee;}
.mxcp_sec ul li:nth-child(5n+5) { margin-right:0;}
.mxcp_sec ul li:nth-child(1n+6) { margin-top:1.5%;}
.mxcp_sec ul li .image { width:100%;}
.mxcp_sec ul li .image img { width:100%;}
.mxcp_sec ul li .text { padding:10px;}
.mxcp_sec ul li h3 { display:block; color:#333; line-height:20px; overflow:hidden; font-weight:400; font-size:14px; margin-bottom:10px;}
.mxcp_sec ul li h3 img { height:16px;float: left;margin: 2px 5px 0 0;}
.mxcp_sec ul li .price { height:24px; line-height:24px; border:1px solid #333; border-radius:4px; overflow:hidden;}
.mxcp_sec ul li .price span { display:block; float:left; width:50%; text-align:center; font-size:14px;  font-weight:700; color:#333;}
.mxcp_sec ul li .price span.span_1 { background:#333; color:#fff; position:relative;}
.mxcp_sec ul li .price span.span_1 a { color:#fff;}
.mxcp_sec ul li .price span.span_1:before { content: '';display: block;width: 18px;height: 18px;background: #333;position: absolute;transform: rotate(45deg);top: 3px;right: -8px;border-radius: 3px;}
.mxcp_sec ul li .price span.span_1 i { font-size:12px;}
.mxcp_sec ul li .price span.span_1 em { position:relative;}

/*立即留言*/
.ljly_sec { position:relative; overflow:hidden;padding-bottom:30px; }
.ljly_sec:before { content:''; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/bbbg.png) no-repeat center top;}
.liuyan_form { padding:40px 50px 30px; overflow:hidden; position:relative;}
.liuyan_form_title { margin-bottom:25px;}
.liuyan_form_title strong { display:block; font-size:30px; color:white; text-align:center; font-weight:400;}
.liuyan_form_title p { font-size:14px; color:white; margin-top:10px; text-align:center;}
.liuyan_form_title p em { color:#336FFF;}
.liuyan_form_l { float:left; width:46%; margin-right:40px;}
.liuyan_form_l dl { overflow:hidden;}
.liuyan_form_l dl dd { box-sizing:border-box; margin-bottom:15px;}
.liuyan_form_l dl dd input { height:48px; width:100%; font-size:16px; background:#eee; color:#666; border-radius:4px; padding:0 10px; border:none; text-align:center;outline:none;box-sizing: border-box;}
.liuyan_form_l dl dd textarea { width:100%; height:130px; background:#eee; color:#888; padding:10px;border:none; text-align:center;outline:none;box-sizing: border-box;border-radius:4px; font-size:16px;}
.liuyan_form_l dl dd button { height:44px; width:100%; background:#0153FF; color:#fff; border-radius:4px; font-size:16px; border:none; cursor:pointer;box-sizing: border-box;}
.liuyan_form_r { overflow:hidden;}
.liuyan_form_r .quickMessage { background:#f0f0f0; height:318px; border-radius:0 0 4px 4px;}
.liuyan_form_r .quickMessage strong { display:block; height:66px; line-height:66px; text-align:center; font-size:24px; background:#3b3b3b; color:#fff; font-weight:400;margin-bottom: 10px;}
.liuyan_form_r .quickMessage li { color:#333; font-size:16px; line-height:38px; padding:0 30px; cursor:pointer;}
.liuyan_form_r .quickMessage li:before { content:''; display:block; width:5px; height:5px; background:#336FFF; border-radius:50%; float:left; margin:17px 10px 0 0;}
.liuyan_Scroll { width:360px; height:40px; margin:0 auto; background:#90caf8; border-radius:10px; overflow:hidden; padding:0 20px 0 60px; position:relative;}
.liuyan_Scroll:before { content:''; display:block; width:21px; height:21px; background:url(../img/202208311504.gif) no-repeat center;position: absolute;top: 50%;left: 20px;transform: translate(0, -50%);}
.liuyan_Scroll ul li { font-size:14px; line-height:40px;}


/*底部*/
.footer_jianjie { background:white color:#666 ;padding:30px 0;}
.footer_jianjie p { font-size:14px;line-height:30px; text-align:center;}
.footer_jianjie p a { color:#666;}




.footer_sec { padding:15px 0; background:#000; overflow:hidden;}
.footer_sec p { font-size:14px; color:#fafafa;line-height:22px;}
.footer_sec span { font-size:14px; color:#a9a9a9; display:block; line-height:22px;}
.footer_sec span a { color:#a9a9a9;}





.tjda_sec_on_btn { background:url(../img/202210141701.png) no-repeat center; width:100px; height:140px;position:fixed; left:0; bottom:0;transform: translate(-100%, 0); transition:all .3s; cursor:pointer;}
.tjda_sec_on_btn.on { transform: translate(0, 0);}
.tjda_sec { position:fixed; left:0; bottom:0; padding:30px 0; background:rgb(0 0 0/.7); width:100%;transform: translate(0, 0); transition:all .5s .5s;}
.tjda_sec.on { transform: translate(-100%, 0);}
.tjda_sec_off_btn { width:33px; height:33px; background:url(../img/202210141653.png) no-repeat center; position:absolute; top:30px; right:60px; cursor:pointer;}
.tjda_sec_title { font-size:20px; color:#fff; display:block;}
.tjda_sec dl { margin-top:20px;}
.tjda_sec dl dd { float:left; line-height:40px; margin-right:50px;}
.tjda_sec dl dd span { float:left; display:inline-block; color:#ffa727; font-size:16px; font-weight:700; margin-right:15px;}
.tjda_sec dl dd input { float:left; height:40px; width:210px; font-size:14px; background:#eee; color:#999; border-radius:4px; padding:0 10px; border:none; text-align:center;outline:none;box-sizing: border-box;}
.tjda_sec dl dd button { float:left; height:40px; width:200px; background:#336FFF; color:#fff; border-radius:4px; font-size:14px; border:none; cursor:pointer;box-sizing: border-box;}



.dianhuazx { position:fixed; right:0; top:50%; width:300px; background:#fff; overflow:hidden; border-radius:10px;z-index:6060;}
.dianhuazx strong { background:#336FFF; display:block; font-size:16px; height:48px; line-height:48px; text-align:center; color:#fff; font-weight:700;}
.dianhuazx .text { padding:15px;}
.dianhuazx .text .bddh { overflow:hidden;}
.dianhuazx .text .bddh input,
.dianhuazx .text .bddh button { height:30px; float:left; padding:0 10px; margin:0; border:none;clear: none; box-sizing:border-box; font-size:14px;}
.dianhuazx .text .bddh input { width:70%; border:1px solid #336FFF;outline:none;}
.dianhuazx .text .bddh button { width:30%; background:#336FFF;color:#fff;}
.dianhuazx .text p { font-size:14px; color:#222; margin-top:10px;}
.dianhuazx .zs { background:#6b6b6b; font-size:12px; line-height:24px; text-align:center; color:#fff;}

.AD_001_bnt { cursor:pointer;}
.flhd_mask { position: fixed; top: 0;left: 0; right: 0; bottom: 0; background:rgb(0 0 0/.3); z-index:6060; display:none;}
.flhd_sec { background:url(../img/202210170856.png) no-repeat center; width:650px; height:360px;position: fixed; top:50%; left:50%; transform:translate(-50%,-50%);z-index:6060; box-sizing:border-box; padding:30px;border-radius: 20px;overflow: hidden; box-shadow:0 0 15px rgb(0 0 0/.6); display:none;}
.flhd_sec_off_btn { width:33px; height:33px; background:url(../img/202210141653.png) no-repeat center; position:absolute; top:30px; right:30px; cursor:pointer;}
.flhd_sec strong { font-size:24px; font-weight:400; display:block;color:#111;}
.flhd_sec p { font-size:14px; color:#222; margin:5px 0 20px;}
.flhd_sec p em { color:#336FFF; margin:0 2px;}

.flhd_l { float:left; width:54%; margin-right:3%;}
.flhd_l dl { }
.flhd_l dl dd { overflow:hidden; margin-bottom:10px;}
.flhd_l dl dd span { float:left; display:inline-block; width:80px; font-size:14px; font-weight:700; color:#222; line-height:38px; height:38px; text-align:right; margin-right:10px;}
.flhd_l dl dd span i { color:#336FFF; margin-right:5px;}
.flhd_l dl dd input { height:36px; border:1px solid #e6b9a6; border-radius:3px; padding:0 10px; margin:0; width:200px; color:#999;}
.flhd_l dl dd button { height:36px; border:1px solid #336FFF; border-radius:20px; width:222px; color:#fff; background:#336FFF; font-size:14px; margin-top:15px;} 
.flhd_l dl dd.yhxy { text-align:center; padding:0 20px; margin-top:20px;line-height:20px;}
.flhd_l dl dd.yhxy input { width:auto;height: 22px;margin-right: 5px;transform: translate(0, -1px);}
.flhd_l dl dd em { font-size:14px; color:#65483a;}
.flhd_r { overflow:hidden;}
.flhd_xjjg { border:1px solid #e6b9a6; border-radius:10px; padding:15px; background:#f6d9c9; width:220px;} 
.flhd_xjjg ul { }
.flhd_xjjg li { height:36px; overflow:hidden;}
.flhd_xjjg li span { display:block;color:#65483a; background:#e8d1c1; margin-top:5px; line-height:24px; padding:0 10px;} 

.sell_list_main { background:#fff; padding:15px; overflow:hidden; margin:20px 0;}
.sell_list_main ul { overflow:hidden;}
.sell_list_main ul li { float:left; width:18.8%; margin-right:1.5%;box-sizing:border-box; border:1px solid #eee;}
.sell_list_main ul li:nth-child(5n+5) { margin-right:0;}
.sell_list_main ul li:nth-child(1n+6) { margin-top:1.5%;}
.sell_list_main ul li .image { width:100%;}
.sell_list_main ul li .image img { width:100%;}
.sell_list_main ul li .text { padding:10px;}
.sell_list_main ul li h3 { display:block; color:#333; line-height:20px; overflow:hidden; font-weight:400; font-size:14px; margin-bottom:10px;}
.sell_list_main ul li h3 img { height:16px;float: left;margin: 2px 5px 0 0;}
.sell_list_main ul li .price { height:24px; line-height:24px; border:1px solid #333; border-radius:4px; overflow:hidden;}
.sell_list_main ul li .price span { display:block; float:left; width:50%; text-align:center; font-size:14px;  font-weight:700; color:#333;}
.sell_list_main ul li .price span.span_1 { background:#333; color:#fff; position:relative;}
.sell_list_main ul li .price span.span_1 a { color:#fff;}
.sell_list_main ul li .price span.span_1:before { content: '';display: block;width: 18px;height: 18px;background: #333;position: absolute;transform: rotate(45deg);top: 3px;right: -8px;border-radius: 3px;}
.sell_list_main ul li .price span.span_1 i { font-size:12px;}
.sell_list_main ul li .price span.span_1 em { position:relative;}

.lxdianhua { background:#fff; height:180px; box-sizing:border-box; display: flex;align-items: center;justify-content: center;}
.lxdianhua span { font-size:46px; font-weight:700;  background: linear-gradient(to top, #cb2161, #762991);-webkit-background-clip: text;color: transparent;}
.lxdianhua span:nth-child(1) { margin-right:100px;}























/*产品分类*/
.i_cat_sec { padding:100px 0; overflow:hidden; background:#fff;}
.i_cat_sec ul li { float:left; width:22%; margin-right:4%; position:relative;}
.i_cat_sec ul li a {background:#f2f2f2; height:100%; position:relative; display:block; padding:12% 0;}
.i_cat_sec ul li:before { content:''; display:block; height:90%; width:100%;position: absolute;left: 2%;top: 10%; border-right:1px solid #666;border-top:1px solid #666;}
.i_cat_sec ul li:nth-child(4n+4) { margin-right:0;}
.i_cat_sec ul li img { display:block; margin:0 auto 15px; width:22%;}
.i_cat_sec ul li span { font-size:14px; color:#666; display:block; text-align:center;}
/*关于我们*/
.i_intro_sec { background:#fafafa; overflow:hidden; padding-bottom:30px;}
.i_intro_sec_l,
.i_intro_sec_r { width:50%; box-sizing:border-box;}
.i_intro_sec_l img { width:100%;}
.i_intro_sec_l .text { padding:70px 0 0 70px;}
.i_intro_sec_l .text p { font-size:14px; color:#999; line-height:30px; width:60%;}
.i_intro_sec_l .i_intro_title { text-align:right;}
.i_intro_title { margin-top:10px;}
.i_intro_title span,.i_intro_title b { display:block;}
.i_intro_title span { font-size:22px; color:#222;}
.i_intro_title b { font-size:36px; color:#e9e9fa;}
.i_intro_sec_r { padding:100px 70px 0 160px;}
.i_intro_sec_r .text { margin-top:15px;}
.i_intro_sec_r .text p { font-size:14px; color:#999; line-height:30px;}
.i_intro_sec_r .i_more { display:inline-block; height:40px; line-height:40px; background:#5551f7; color:#fff; padding:0 60px; font-size:14px; margin-top:50px;}
.i_intro_sec_r .i_more:hover { opacity: .8;}
/*产品列表*/
.i_sell_sec { background:#fff; overflow:hidden; padding:100px 0;}
.i_sell_sec ul { margin-top:20px;}
.i_sell_sec ul li { float:left; width:32%; margin-right:2%; transition:all .3s;}
.i_sell_sec ul li:hover { box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);}
.i_sell_sec ul li:nth-child(3n+3) { margin-right:0;}
.i_sell_sec ul li:nth-child(1n+4) { margin-top:15px;}
.i_sell_sec ul li .image { width:100%; text-align:center; overflow:hidden; background:#f8f8f8; padding:20px 0;}
.i_sell_sec ul li .image img { width:50%;}
.i_sell_sec ul li p { line-height:80px; font-size:14px; text-align:center;}
.i_sell_sec .i_more { text-align:center;}
.i_sell_sec .i_more a { display:inline-block; height:40px; line-height:40px; background:#5551f7; color:#fff; padding:0 40px; font-size:14px; margin-top:50px;}
.i_sell_sec .i_more a:hover { opacity: .8;}

.i_sell_sec.S_list { padding:30px 0;}
.i_sell_sec.S_list ul li { background:#f8f8f8;}
.i_sell_sec.S_list ul li p { line-height:60px;}

/*产品优势*/
.i_cpys_sec { background:url(../img/202205240755.jpeg) no-repeat center; background-attachment: fixed;padding:100px 0; box-sizing:border-box; overflow:hidden;}
.i_cpys_title { color:#fff; text-align:center;}
.i_cpys_title span { display:block; font-size:30px;}
.i_cpys_title p { font-size:12px; color:#999; margin-top:10px; line-height:22px;}
.i_cpys_sec ul { margin-top:80px;}
.i_cpys_sec ul li { float:left; width:25%; text-align:center;}
.i_cpys_sec ul li img { width:30%;}
.i_cpys_sec ul li span { font-size:18px; color:#fff; margin:20px 0; display:block;}
.i_cpys_sec ul li p { color:#999; font-size:12px; line-height:30px;}
/*新闻*/
.i_xinwen_sec { padding:100px 0; overflow:hidden; background:#fff;}
.i_xinwen_sec dl { float:left; width:32%; margin-right:2%; margin-top:40px;} 
.i_xinwen_sec dl:nth-child(3n+3) { margin-right:0;}
.i_xinwen_sec dl dt { width:100%;}
.i_xinwen_sec dl dt img { width:100%;}
.i_xinwen_sec dl dd { margin-top:30px;}
.i_xinwen_sec .i_xinwen_title { height:30px;}
.i_xinwen_sec .i_xinwen_title span { font-size:18px; color:#222;}
.i_xinwen_sec .i_xinwen_title i { color:#ccc; font-size:12px;}
.i_xinwen_sec ul li { height:48px; line-height:48px; border-bottom:1px dashed #ddd;}
.i_xinwen_sec ul li a { font-size:12px; color:#666;}
.i_xinwen_sec ul li span { float:right; font-size:16px; color:#222; margin-left:20px;}
.i_xinwen_sec .i_more { margin-top:15px;}
.i_xinwen_sec .i_more a { display:inline-block; height:36px; line-height:36px; background:#f2f2f2; color:#333; padding:0 30px; font-size:14px;}
/*社会责任*/
.i_shzr_sec { background:#fafafa; overflow:hidden; padding:60px 0;}
.i_shzr_title { height:40px; line-height:40px; font-size:18px; color:#333; border-bottom:1px solid #eee; margin:50px 0 15px;}
.i_shzr_sec_l,
.i_shzr_sec_r { width:50%; box-sizing:border-box;}
.i_shzr_sec_l { padding-right:50px;}
.i_shzr_sec_l p {font-size:14px; color:#999; line-height:24px; padding-right:100px;}
.i_shzr_sec_r img { width:100%;}


/*首页样式 END*/


/*新闻列表*/
.xinwen_list {  overflow:hidden; padding:30px 0; background:#fff;}
.xinwen_list ul li { overflow:hidden; padding:20px 15px; border-bottom:1px solid #eee;transition:all .3s;}
.xinwen_list ul li:hover { box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);}
.xinwen_list ul li h5 { display:block; line-height:48px; font-weight:400;}
.xinwen_list ul li h5 a { font-size:22px; color:#333;}
.xinwen_list ul li h5 span { float:right; font-size:16px; color:#222;}
.xinwen_list ul li p { font-size:14px; color:#999; line-height:24px;}

/*新闻内容页*/
.xinwen_show_title { margin-top:40px; font-size:30px; color:#333; text-align:center;}
.xinwen_show_info { background:#f8f8f8; border:1px solid #eee; font-size:14px; padding:15px; margin-top:25px; text-align:center;}

/*公司介绍*/
.intro_show_box1 { background:#5551f7; padding:60px 0;color:#fff;}
.intro_show_box1 strong { display:block; font-size:20px; font-weight:400; margin-bottom:30px;}
.intro_show_box1 p { line-height:24px; font-size:14px;}

.intro_show_box2 { padding:100px 0; overflow:hidden; background:#fff;}
.intro_show_box2 ul { margin-top:40px;}
.intro_show_box2 ul li { float:left; width:32%; margin-right:2%; background:#fafafa; padding:25px 0; text-align:center;} 
.intro_show_box2 ul li:nth-child(3n+3) { margin-right:0;}
.intro_show_box2 ul li img { width:60%;}
.intro_show_box2 ul li p { font-size:14px; margin-top:15px; color:#777;}

.intro_show_box3 { padding:100px 0; overflow:hidden; background:#fff;}
.intro_show_box3 ul { margin-top:100px;}
.intro_show_box3 ul li { float:left; width:33.333333%; padding:5% 0; text-align:center; color:#fff; font-size:14px;}
.intro_show_box3 ul li:nth-child(1) { background:#3782ff;}
.intro_show_box3 ul li:nth-child(2) { background:#00da80;}
.intro_show_box3 ul li:nth-child(3) { background:#f7be51;}
.intro_show_box3 ul li img { width:20%;}
.intro_show_box3 ul li span { display:block; margin:20px 0 10px;}

/*产品内容页 THE*/

/*预览区*/
.cdx-content-area {overflow: hidden;}
.cdx-content-area .left{width:400px; height:500px;float:left;padding:0px 30px 0px 0px; background:#fff; padding:20px 20px 10px;}
.proInfo {width:380px!important; float:left;position:relative;background:#fff; padding:20px 20px 10px; height:500px;}
.proInfo h1{font-size: 20px; line-height: 30px; overflow: hidden; color:#000; margin-bottom: 15px; max-height: 60px;padding-left: 15px;}
.proInfo .proPrice { background:#fff5ec; border-top: 1px dotted #ffd1a7;border-bottom: 1px dotted #ffd1a7;margin-top: 20px;padding:5px 15px;}
.proInfo .proPrice p { height:46px; line-height:46px;color:#666;}
.proInfo .proPrice p i { font-size:14px; color:#888; display:inline-block;margin-right:25px;}
.proInfo .proPrice p span { font-size:28px; font-weight: 700;color:#ee2e2c;}
.proInfo .proPrice p span em { font-size:14px;font-weight:400;}
.proInfo .base{padding-top:10px}
.proInfo .base dl{overflow:hidden;width:100%;font-size:14px;line-height:40px;}
.proInfo .base dt{float:left;color:#888;width:85px;padding-left:15px;}
.proInfo .base dd{overflow:hidden;;color:#000;}
.proInfo .buynow {padding-top:15px;overflow:hidden;width:100%}
.proInfo .buynow a {display: inline-block;width: 360px;height: 40px;line-height: 40px;text-align: center;font-size: 16px; cursor: pointer;border:1px solid #336FFF; margin-left:15px; background:#336FFF; color:#fff; border-radius:3px;}

.cdx-content-area .xkfhd { float:left; height:530px; width:320px; background:#fff; padding:20px; box-sizing:border-box;background-image: linear-gradient(160deg, #fdfaec 20%,#ffae9a 80%);}
.cdx-content-area .xkfhd_title { text-align:center; margin-bottom:20px;}
.cdx-content-area .xkfhd_title strong { font-size:24px; color:#222; font-weight:400; display:block;}
.cdx-content-area .xkfhd_title span { display:block; color:#666; font-size:14px; margin-top:10px;}
.cdx-content-area .xkfhd dl { margin-bottom:20px;}
.cdx-content-area .xkfhd dl dd { overflow:hidden;}
.cdx-content-area .xkfhd dl dd:nth-child(1n+2) { margin-top:15px;}
.cdx-content-area .xkfhd dl dd input { height: 36px;border: 1px solid #e6b9a6;border-radius: 3px;padding: 0 10px;margin: 0;width: 100%;color: #999; box-sizing:border-box;}
.cdx-content-area .xkfhd dl dd button { height: 36px;border: 1px solid #336FFF;border-radius: 3px;margin: 0;width: 100%;color: #fff; box-sizing:border-box; background:#336FFF;}
.cdx-content-area .xkfhd .flhd_xjjg { width:248px;}
.cdx-content-area .xkfhd p.p_1 { font-size:14px; color:#333; text-align:center; margin-top:20px;}
.cdx-content-area .xkfhd p.p_1 i { color:#336FFF; margin:0 3px;}

.cdx-left{float:left;width:860px; margin-right:10px;}
/*猜你喜欢*/

.sell_show_title { height:48px;line-height:48px;padding:0 20px;font-size:16px;background:#fff; border-bottom:1px solid #eee; color:#333;}
.sell_show_title strong:before { content:""; display:inline-block; width:4px; height:20px; background:#ec1822; float:left; margin:15px 10px 0 0;}

.sell_show_sec_l {border:1px solid #eee;background:#fff;}
.sell_show_sec_l dl { overflow:hidden;padding: 15px;}
.sell_show_sec_l dl dd { float:left; width:23.5%; margin-right:1.5%;box-sizing:border-box; border:1px solid #eee;}
.sell_show_sec_l dl dd:nth-child(4n+4) { margin-right:0;}
.sell_show_sec_l dl dd:nth-child(1n+6) { margin-top:1.5%;}
.sell_show_sec_l dl dd .image { width:100%;}
.sell_show_sec_l dl dd .image img { width:100%;}
.sell_show_sec_l dl dd .text { padding:10px;}
.sell_show_sec_l dl dd h3 { display:block; color:#333; line-height:20px; overflow:hidden; font-weight:400; font-size:14px; margin-bottom:10px;}
.sell_show_sec_l dl dd h3 img { height:16px;float: left;margin: 2px 5px 0 0;}
.sell_show_sec_l dl dd .price { height:24px; line-height:24px; border:1px solid #336FFF; border-radius:4px; overflow:hidden;}
.sell_show_sec_l dl dd .price span { display:block; float:left; width:50%; text-align:center; font-size:14px;  font-weight:700; color:#336FFF;}
.sell_show_sec_l dl dd .price span.span_1 { background:#336FFF; color:#fff; position:relative;}
.sell_show_sec_l dl dd .price span.span_1 a { color:#fff;}
.sell_show_sec_l dl dd .price span.span_1:before { content: '';display: block;width: 18px;height: 18px;background: #336FFF;position: absolute;transform: rotate(45deg);top: 3px;right: -8px;border-radius: 3px;}
.sell_show_sec_l dl dd .price span.span_1 i { font-size:12px;}
.sell_show_sec_l dl dd .price span.span_1 em { position:relative;}








/*产品详情*/
.sell_show_sec_r { overflow:hidden; border:1px solid #eee; background:#fff;}
.sell_show_content { padding:20px;margin:0 0 20px;overflow:hidden; line-height:28px; font-size:14px;}
.sell_show_content .sx { width:100%; overflow:hidden;margin-bottom:20px;font-size:14px;}
.sell_show_content .sx dl{height:30px;line-height:30px; float:left;width:33%;overflow:hidden;padding:0px;}
.sell_show_content .sx dl dt{float:left;color:#777}
.sell_show_content .sx dl dd{overflow:hidden}
.sell_show_content .content{padding:15px 0px;overflow:hidden}
.sell_show_content .content img { display:block; margin:0 auto; max-width:100%;height: auto;}

/*产品内容页 END*/

/* album */
.cdx-album{width:400px;height:500px;z-index:1000;}
#mid_pos {position:absolute;}
#mid_div {width:400px;height:400px;cursor:crosshair;background:#F2F2F2;border:1px solid #e6e6e6;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('../img/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:500px;height:473px;border:#DDDDDD 1px solid;background:#FFFFFF;position:relative;overflow:hidden;right:-410px;top:-495px;z-index:10000}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left; margin-left:-7px;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:rgba(0,0,0,.6) url('../img/ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:370px 0 0 -30px;background-size:20px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:url('../img/ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-223px 0 0 176px;}
.ab_play:hover {background:url('../img/ab-play-on.png') no-repeat center center;cursor:pointer;}
.ab_hide {width:40px;height:40px;background:url('../img/ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-390px 0 0 350px;display:none;background-size:40px;}
.ab_hide:hover {background:url('../img/ab-hide.png') no-repeat center center;cursor:pointer;background-size:40px;opacity:.6;}
.ab_video {width:400px;height:400px;border:#eee 1px solid;background:#fff;position:absolute;z-index:10;margin:-402px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#e6e6e6 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}
video{height:400px!important;}



.dianhuazx_ljxj { position:fixed; left:50%; top:50%; overflow:hidden; border-radius:10px;z-index:6060; transform:translate(-50%,-50%); display:flex;box-shadow: 0 4px 20px rgb(128 135 157 /.3);display:none;}
.dianhuazx_ljxj .dianhuazx_l { float:left;}
.dianhuazx_ljxj .text { overflow:hidden; padding:20px; background:#fff; width:220px; height:160px;}
.dianhuazx_ljxj .text strong { font-size:22px; color:#333; display:block; font-weight:400; margin-bottom:10px;}
.dianhuazx_ljxj .text .bddh input { display:block; width:100%; box-sizing:border-box; height:38px; border:1px solid #ddd; border-radius:4px; color:#666; margin-bottom:10px;}
.dianhuazx_ljxj .text .bddh button { height:38px; margin:0; border:none;clear: none; box-sizing:border-box; font-size:14px; width:100%;border-radius:4px; background:#336fff; color:#fff;}
.dianhuazx_ljxj .text p { font-size:14px; color:#666; margin-top:10px; text-align:center;}
.dianhuazx_ljxj .dianhuazx_off {position: absolute;right: 10px;top: 0px;font-size: 30px;color: #e00000;cursor: pointer;}



@media(max-width:1580px){
.AWF_box { width:1200px;}
}

/*自适应初始化*/
.m_header { display:none;}

@media(max-width:768px)
{

a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;background:#fff;}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none;vertical-align: bottom;}
li,ol,ul{list-style:none}
i,em{font-style:normal}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

.contenttxt{padding:.3rem; line-height:.6rem;font-size:.28rem;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:100%; height:auto;margin:.2rem auto; display:block;}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:.28rem!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:.3rem!important;}

.b1 { overflow:hidden;width:100%;height:.1px;}
.blank {overflow:hidden;width:100%;height:.16rem; background:#f5f5f5;}
.blank20 {overflow:hidden;width:100%;height:.2rem; background:#f5f5f5;}
.blank88 { overflow:hidden;width:100%;height:.88rem;}
.b_1rem { overflow:hidden;width:100%;height:.1rem;}
.b_2rem { overflow:hidden;width:100%;height:.2rem;}
.b_3rem { overflow:hidden;width:100%;height:.3rem;}
.b_4rem { overflow:hidden;width:100%;height:.4rem;}
.b_5rem { overflow:hidden;width:100%;height:.5rem;}
.b_6rem { overflow:hidden;width:100%;height:.6rem;}
.b_7rem { overflow:hidden;width:100%;height:.7rem;}
.b_8rem { overflow:hidden;width:100%;height:.8rem;}
.b_88rem { overflow:hidden;width:100%;height:.88rem;}
.b_9rem { overflow:hidden;width:100%;height:.9rem;}
.b1rem { overflow:hidden;width:100%;height:1rem;}
.b2rem { overflow:hidden;width:100%;height:2rem;}

.blank-top{overflow:hidden;width:100%;height:0rem}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*---------------------------------------------------------------------------------------------------------*/
body { min-width: 100%;}
.AWF_box {width: 100%;}
.b60 { display:none;}
.header_top { display:none;}

.m_header { height:1rem;position: fixed; z-index:9990; width:100%; box-sizing: border-box;background:#fff; top:0; left:0; display:block; box-shadow:0 2px 5px rgb(0 0 0 /.2);}
.m_header i { font-size:.4rem;}
.m_header_title { font-size:.36rem; text-align:center; color:#fff; line-height:1rem; font-weight:700;}
.m_header_title a { display: flex;align-items: center;height:1rem;justify-content: center;}
.m_header_title a img { height:.7rem;}
.m_header_r { position: absolute; top:0; padding:0 .2rem;display: flex;align-items: center;height:1rem;}
.m_header_r { right:0;z-index:10;}
.m_header_r i { width:24px; height:2px; background:#666; display:block; transition:all .3s; opacity:1;transform-origin: left;}
.m_header_r i.i_2 { margin:6px 0;}
.m_header_r.on i.i_2 { opacity:0;}
.m_header_r.on i.i_1 { transform: rotate(42deg);}
.m_header_r.on i.i_3 { transform: rotate(-42deg);}

.m_header_nav { position:absolute; top:0; left:0; background:#fff; width:100%; height: calc(100vh);padding:1rem .2rem .2rem; display:none;}
.m_header_nav ul li { line-height:1rem; border-top:1px solid #eee; font-size:.26rem; padding:0 .4rem;}
.m_header_nav ul li.hover a { color:#ee2e2c;}

.i_cat_sec { padding: .2rem;}
.i_cat_sec ul li { width:48%;}
.i_cat_sec ul li:nth-child(2n+2) { margin-right:0;}
.i_cat_sec ul li:nth-child(1n+3) { margin-top:.2rem;}

.i_intro_sec {padding-bottom: .3rem;}
.i_intro_sec_l, .i_intro_sec_r { width:100%;}
.i_intro_sec_l .text {padding: 0.4rem 0 0 0.4rem;}
.i_intro_sec_l .text p {width: 95%;}
.i_intro_title {margin: .2rem .3rem;}
.i_intro_title span {font-size: .3rem;}
.i_intro_title b {font-size: .42rem;}

.i_intro_sec_r {padding: .4rem;}

.i_title {margin-top: .2rem;}
.i_title span {font-size: .38rem;}
.i_title b {font-size: .42rem;}

.i_sell_sec {padding: .5rem 0;}

.i_sell_sec ul {margin: .3rem;}
.i_sell_sec ul li { width:48%; margin-right:0;}
.i_sell_sec ul li:nth-child(2n+2) { float:right;}
.i_sell_sec ul li:nth-child(1n+3) { margin-top:.2rem;}
.i_sell_sec ul li p {line-height: 1rem;font-size: .26rem;}

.i_cpys_sec {padding: 1rem .4rem;}
.i_cpys_title span {font-size: .38rem;}
.i_cpys_sec ul {margin-top: .8rem; overflow:hidden;}
.i_cpys_sec ul li { width:50%;}
.i_cpys_sec ul li:nth-child(1n+3) { margin-top:.5rem;}
.i_cpys_sec ul li span {font-size: .26rem;margin:.2rem 0;}
.i_cpys_sec ul li p {line-height: .4rem;}

.i_xinwen_sec {padding: .5rem .2rem;}
.i_xinwen_sec dl {width: 100%;margin-right: 0;margin-top: .4rem;}

.i_shzr_sec {padding: .4rem .2rem;}
.i_shzr_sec_l, .i_shzr_sec_r { width:100%;}
.i_shzr_title {height: .6rem;line-height: .6rem;font-size: 18px;margin: .2rem 0;}
.i_shzr_sec_l {padding-right: 0px;}
.i_shzr_sec_l p {font-size: .26rem;line-height: .4rem;padding-right: 0;}
.i_shzr_sec_r { margin-top:.4rem;}

.footer_sec { padding:0 .2rem;}
.footer_sec .link_sec {font-size: .26rem;margin-bottom: .4rem;line-height: .5rem;padding: .3rem 0;}
.footer_tel { width:100%; float:none;}
.footer_ewm { float:none;}

.banner_show {height: 3.4rem;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.banner_show img { height:3.4rem; width:auto;}
.banner_show .text { left: .2rem;}
.banner_show span { font-size: .38rem;margin-bottom: .3rem;}
.banner_show span { line-height: .38rem;}

.i_sell_sec.S_list {padding: .5rem 0;}

.intro_show_box1 {padding: .5rem .2rem;color: #fff;}
.intro_show_box1 strong {font-size: .3rem;margin-bottom: .3rem;}
.intro_show_box1 p {line-height: .38rem;font-size: .22rem;}

.intro_show_box2 {padding: .5rem .2rem;}
.intro_show_box2 ul li {width: 100%;margin-right: 0;padding: .5rem 0;}
.intro_show_box2 ul li p {font-size: .26rem;margin-top: .2rem;}
.intro_show_box3 {padding: .5rem .2rem;}
.intro_show_box3 ul { margin-top:.3rem;}
.intro_show_box3 ul li { width:100%;}

.xinwen_list {padding: .5rem .2rem;}
.xinwen_list ul li {padding: .2rem .3rem;}
.sell_preview {padding: .3rem 0;}
.proInfo {margin: 0 .2rem;padding-left: 0; width:100%;}

.xinwen_show { padding:0 .2rem;}
.xinwen_show_title {margin-top: .3rem;font-size: .38rem;}
.xinwen_show_info {font-size: .22rem;}

.pages {padding: .2rem;line-height: .7rem;}

.kefu_sec {right: 0;bottom:0;transform: scale(.6);}

}