@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 800px) {
    .web_main{width:100%; float: left; padding: 0px 10%;}
    .web_head_logo{width:10%; float: left; max-width: 160px;}
    .web_head_dh { width:60%;  float:left; font-family: 'AlimamaShuHeiTi'; margin-left:17%; padding-top: 1%;}
.web_head_dh ul {  display: flex; /* 开启弹性布局 */  width:100%;  list-style: none; /* 去掉li小圆点 */  padding:0;  margin:0; font-size: 16px;}
.web_head_dh ul li {  flex:1; /* 核心：所有li自动平分剩余宽度，自动等宽 */  text-align:center; line-height: 50px; position: relative;}
.web_head_dh ul li a {  display:block;  width:100%;  padding:0 5px;  text-decoration:none;}
    .web_head_dh ul li a:link,.web_head_dh ul li a:visited{color:#fff;}
    .web_head{position: fixed; top: 0px; width: 100%; float: left; z-index: 999; padding-top:5px; padding-bottom: 5px;}
    .web_banner{position:relative;}
    .web_banner_zz{width:100%; position: absolute; bottom:0px; left: 0px; z-index: 100;}
    /*search*/
     #kws_search{padding:30px; background: #fff;color:#222; display: none;}
    .h_tt{font-size:30px;font-family: 'Roboto'; font-weight: bold; text-transform: uppercase; padding-bottom: 15px;}
    .top_searchvv input{width:100%; float: left; background: #fff;color:#222; border: 0px; padding: 20px 15px;border:1px solid #eee;}
.top_searchvv button{width:120px; margin-top: 30px; border: 0px; background:#222; height: 40px;color:#fff;}
    
    .web_head_search{ width:30%; max-width: 45px; height: 45px; float: left;margin-top: 1%; ;}
    .web_head_search button{width:100%;color:#222; background: #fff; border: 0px; height: 45px; border-radius: 500px; font-size:18px;transition: all 0.3s ease;  }
    .web_head_search button:hover{background:#dd1d1b;color:#fff; cursor:pointer;}
    .web_head_yy{width:65%; float: right; position: relative;}
    .web_head_yya{width:100%; float: left; background: #fff; border-radius: 500px; height: 45px; padding: 0px 8%; line-height: 45px; font-size:18px;}
    .web_head_yya img{width:30px; float: left; margin-top: 8px; margin-right: 10px;}
    .web_head_right{width:13%; float: right; margin-top:1%;}
    .web_ycdh{width:100%; position: absolute; top:50px; background: #fff; border-radius: 8px; font-size:14px; transition: all 0.6s ease; visibility: hidden;transform: translateY(20px);transition: all 0.3s ease; /* 动画时长可自行改 0.3s */opacity: 0;white-space:nowrap; border-top:3px solid #dd1d1b;}
    .web_head_dh ul li .web_ycdh a:link,.web_head_dh ul li .web_ycdh a:visited{color:#222;}
    .web_head_dh ul li:hover .web_ycdh{visibility: visible; transform: translateY(0);opacity: 1;}
    .web_ycdh dl dd{transition: all 0.6s ease;}
    .web_ycdh dl dd:hover{background:#dd1d1b;}
    .web_ycdh dl dd:hover a:link,.web_ycdh dl dd:hover a:visited{color:#fff;}
    .web_yy_yc{width:100%; overflow: hidden;float: left; border-radius: 15px; top:50px; position: absolute; visibility: hidden;transform: translateY(20px);transition: all 0.3s ease; /* 动画时长可自行改 0.3s */opacity: 0;white-space:nowrap;}
    .web_yy_yc ul li{width:100%; line-height: 45px; float: left; padding: 5px 10%;background: #fff;}
    .web_yy_yc ul li img{width:30px; float: left; margin-right: 12px;}
    .web_head_yy:hover .web_yy_yc{visibility: visible; transform: translateY(0);opacity: 1;}
    .web_title{WIDTH:100%; float: left; padding: 3% 22%; text-align: center;}
    .web_title h1{font-family: 'MyriadPro-Bold'; font-size:38px;}
    .web_title p{color:#757272; font-family: 'Poppins';}
    .container{width:100%; padding-top: 2%; margin-bottom: 4%; float: left;}
    
    .productSwiper{width:100%;overflow:hidden;position:relative}
.swiper-wrapper{display:flex}
.pro-item{background:#f3f1e3;border-radius:16px;padding:24px 16px;text-align:center;transition:all .3s ease;cursor:pointer}
.pro-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.08)}
.pro-img{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px}
.pro-img img{width:100%;height:auto;display:block}
.pro-name{font-size:22px;font-weight:700;color:#222}
.productSwiper .swiper-button-next,.productSwiper .swiper-button-prev{width:50px;height:50px;border-radius:50%;background:#f9d8a8;color:#fff}
.productSwiper .swiper-button-next::after,.productSwiper .swiper-button-prev::after{font-size:20px}
.productSwiper .swiper-button-prev{left:0}
.productSwiper .swiper-button-next{right:0}
@media (max-width:1200px){.pro-name{font-size:18px}
}
@media (max-width:768px){.pro-name{font-size:16px}
.productSwiper .swiper-button-next,.productSwiper .swiper-button-prev{width:40px;height:40px}
}

    .ce2{background:#EC6B00;}
    .web_sy_aboutl,.web_sy_aboutr{width:50%; float: left;}
    .web_sy_aboutl{padding-right:1.5%;}
    .web_sy_aboutr{padding-left:1.5%;}
    .web_sy_aboutlb{width:30%; float: left; margin-left: 5%;}
    .web_sy_aboutlb button{width:100%; background: #111; line-height: 34px; color:#fff; border: 0px; text-align: left; padding: 10px 10%; font-family: 'MyriadPro-Bold';}
   .web_sy_aboutlb button span{float:left;padding-right:10%;font-size:34px;color:#dd1d1b;animation:pulseScale 1.2s infinite ease-in-out;display:inline-block}
    .web_sy_aboutlb button font{margin-left:5%;}
    .web_sy_aboutra{ margin-left: -20%; margin-top: 3%; margin-bottom: 3.5%;}
    .web_sy_aboutra span{background:#ec6c02; font-size:38px;font-family: 'MyriadPro-Bold'; padding: 10px 20px;color:#fff;}
    .web_sy_aboutrb{font-size:18px; line-height: 28px;}
    .web_sy_aboutrb p{margin-bottom:18px;}
    .web_sy_aboutrc img{width:60%;}
    .web_sy_gc{ margin-top: 2%; margin-bottom: 2%;}
    .web_sy_gc .swiper-paginationgc{margin-top:1%; width: 100%; float: left; text-align: center;}
    .web_maxmain{background: linear-gradient(to bottom, #ec6b00, #fef9f5);}
    .web_title_dw{color:#fff; margin-top: -3%;}
    .web_sy_newsa,.web_sy_newsb{WIDTH:50%; float: left;}
    .web_sy_news{position:relative;}
    .web_sy_newsa img{width:100%;}
    .web_sy_newsb{position:absolute; padding:20px 3%;background: #f1f1f1; right: 0px; bottom:0px;}
    .web_sy_newsb h1{font-size:20px;font-family: 'AlimamaShuHeiTi'; padding-bottom: 15px;}
    .web_date{color:#777; margin-bottom: 20px;}
    .web_text{line-height:28px; margin-bottom: 4%;}
    .web_sy_news a:link,.web_sy_news a:visited{color:#222;}
    .web_alink span{padding-left:6%;}
    .web_alink{font-family: 'AlimamaShuHeiTi';}
    .web_footer{background:#1b1b1b;}
    .web_footer_logo{width:10%; float: left;}
    .web_footer_dh{width:45%; float: left;color:#fff; margin-left: 15%; }
    .web_footer_dh ul{display: flex; /* 开启弹性布局 */  width:100%;  list-style: none; /* 去掉li小圆点 */}
    .web_footer_dh ul li{ flex:1;}
    .web_footer_lx{width:30%; padding-right: 10%; float: right;color:#fff; position: relative;}
    .web_footer_dh ul li h1,.web_footer_lx h1{color:#ed6f06; padding-bottom: 20px; font-size:18px;font-family: 'AlimamaShuHeiTi';}
    .web_footer_dh ul li dl dd,.web_footer_lx dd{line-height:34px; font-family: 'Poppins';}
    .web_footer_dh ul li dl dd a:link,.web_footer_dh ul li dl dd a:visited{color:#fff;}
    .footer_ewm{width:18%; position: absolute; right: 0px; bottom:0px;}
    .web_footerb{border-top:1px solid #fff; padding-top:1%; padding-bottom: 1%;color:#fff; text-align: center; margin-top: 2%;}
    .web_footerb span{color:#ed6f06;font-family: 'AlimamaShuHeiTi'; padding: 0px 12px;}
    .web_sy_aboutrny .web_sy_aboutra{margin-left:0px;}
    .web_dqwz{text-align:right;}
    .web_dqwz span{padding:0px 10px;}
    .left_ss{width:100%; float: left; padding: 15px 20px; background: #f1f1f1; margin-bottom: 20px;}
    .left_ss input{width:85%; float: left; border: 0px; padding: 10px;}
    .left_ss button{width:15%; float: right; border: 0px; height: 43px; font-size:18px; background: #fff;}
    .web_goodsleft{width:20%; float: left; margin-top: 2%;}
    .web_goodsleft_dh{width:100%; float: left; background: #f1f1f1;}
    .web_goodsleft_dha{font-family: 'AlimamaShuHeiTi'; font-size:28px; padding: 15px 20px;}
    .web_goodsleft_dhb{padding:0px 20px; margin-bottom: 2%; font-size:16px;}
    .web_goodsleft_dhb ul li{line-height:50px; background: #e4e4e4; border-bottom: 1px solid #fff; padding: 0px 20px; transition:all .6s ease;}
    .web_goodsleft_dhb ul li a:link,.web_goodsleft_dhb ul li a:visited{color:#222;}
    .web_goodsleft_dhb ul li:hover{background:#EC6B00;}
    .web_goodsleft_dhb ul li:hover a{color:#fff;}
    .web_goodsright{width:78%; float: right; margin-top: 2%;}
     .l_goods{width:23%; float: left; margin: 10px 1%;text-align: center;}

    .l_goods:hover .l_goods_img{box-shadow: 0px 2px 7px rgba(0,0,0,0.2); }
    .l_goods_img{width:100%; float:left; transition: all 0.6s; border: 1px solid #eee;}
    .l_goods_nr{width:100%; float: right; }
    .l_goods_nr h1{font-size:18px; line-height: 30px; padding-top: 12px; font-family: 'AlimamaShuHeiTi'; margin-bottom: 18px;}
    .l_goods_nr p{line-height:30px;}
    .l_goods_nr dd a{ float: left; padding: 15px 30px;}
    #page{justify-content: center; width: 100%; float: left;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex; margin-bottom: 30px;}
    #page span,#page a{padding:5px 10px; margin: 0px 5px; border: 1px solid #eee;line-height:35px;}
    #page span{line-height:35px;}
    .cptt_ra{padding-left:1%;}
    .cptt_ra h1{font-size:22px;font-family: 'AlimamaShuHeiTi'; margin-bottom: 12px;}
    .cp_leftimg{width:40%; float: left; overflow: hidden;}
    .cp_read_right{width:54%; float: right;}
    .cp_read_righta,.cp_read_rightb{width:100%; float: left;}
    .cp_read_righta h1{font-size:22px;font-family: 'Roboto-Bold'; border-bottom: 1px solid #eee; line-height: 55px; margin-bottom: 30px;}
    .cp_read_righta p{font-size:16px; line-height: 30px; }
    .cp_read_rightb a{float:left; padding: 8px 18px; border-radius: 500px;background:#171b53; margin-right: 18px;}
    .cp_read_rightb a span{margin-right:10px;}
    .cp_read_tt{width:100%; float: left; margin-top: 4%; margin-bottom: 3%;}
    .cp_read_tta,.cp_read_ttb{width:100%; float: left;}
    .cp_read_tta{border-bottom:1px solid #eee; margin-bottom: 30px;}
    .cp_read_tta span{float:left; padding: 8px 30px; background:#171b53;color:#fff;}
    #zxly_menua{ background: #fff; width: 100%; float: left;}
    .cp_xqac button{height: 39px;  padding: 0px 20px;font-size:18px;}
	.cp_imgxp{width:50%; float: left;}
	.zxly_menua{width:100%;padding: 0px; float: right;}
	.zxly_menua .h_tt{font-size:24px; width: 100%; float: left; font-family: 'Poppins-SemiBold'; padding-top: 20px;}
	.zxly_menua dd{width:49%;  float: left; margin-right: 1%;}
	.zxly_menua dd input,.zxly_menuc input{width:100%; margin-bottom: 14px; border: 1px solid #333; padding: 10px 15px;}
	.zxly_menuc input{width:40%; float: left; margin-right: 10px; margin-top: 14px;}
	.zxly_menuc img{width:37%; float: left; margin-top: 14px;}
	.zxly_menud button{margin-bottom:25px; height: 40px;}
    .zxly_menud button{width:100%; border: 0px; background: #111;color:#fff;}
.zxly_menub textarea{width:100%;border: 1px solid #333; padding: 10px 15px;}
     .news_list{width:100%; transition: all 0.6s; margin-top: 2vw; float: left; }
    .news_lista{width:25%; float: left;}
    .news_listb{width:64%; padding-left:3%; float: left;}
    .news_listb h1{font-size:20px;font-family: 'MyriadPro-Regular'; margin-top: 1vw; font-weight: bold; margin-bottom: 26px;}
    .news_listb p{font-size:16px; line-height: 28px;}
    .news_listc{width:100px;margin-top: 1vw; text-align: center; padding: 15px; float: right; background:#ededed; font-size:18px; transition: all 0.6s;}
    .news_listb dd span{float:left; transition: all 0.6s; background: #eee; transition: all 0.6s; border-radius: 5px; padding: 10px 20px; margin-top: 2vw; font-size:18px;}
    .news_list:hover  .news_listb dd span{background:#2c5ba9; color:#fff;}
    .news_list:hover .news_listc{background:#2c5ba9; color:#fff; border-radius:6px;}
    .news_list:hover .news_listb h1{color:#2c5ba9;}
    .news_read_tt,.news_read_nr{width:100%; float: left;}
    .news_read_tt{ text-align: center; border-bottom:1px dotted #bfbebe; margin-top:3%;}
    .news_read_tt h1{font-family: 'MyriadPro-Regular';  font-weight: bold;font-size:28px;}
    .news_read_tt dd{padding:25px 0px;}
    .news_read_tt dd span{margin:0px 15px;}
    .news_read_nr{padding:2vw 0px; line-height: 30px; font-size:16px;}
    .news_read_nr p{margin-bottom:2vw;}
    .news_read_fy dd{border-bottom:1px dotted #bfbebe;line-height: 32px; }
    .news_read_fy{width:50%; line-height: 32px; float: left; margin-bottom:4%;}
    .contact_lxa{width:100%; margin-top: 3%; margin-bottom: 2%; float: left; border: 1px solid #eee; padding: 35px;}
    .contact_lxaa{width:100%; height: 87px; float: left; border-bottom: 1px solid #eee; font-size:30px; padding-bottom: 12px;font-family: 'AlimamaShuHeiTi'; }
    .contact_lxab{width:100%; float: left;}
    .lxfs_a{width:25%; float: left; margin: 30px 0px; padding-left: 70px; position: relative; padding-right: 30px;}
    .lxfs_a span{position:absolute; left: 0px; top: 0px; font-size:26px;color:#089140; border: 2px dashed  #089140; padding: 10px; border-radius: 500px;}
    .lxfs_a h2{font-size:18px;font-family: 'Roboto-Bold'; margin-bottom: 10px;}
    .lxfs_a dd{font-size:14px; line-height: 28px;}
    
    .lx_maina{margin-top:30px;width: 100%; float: left; }
	.lx_mu{padding:0px 8%;}
	.lx_left{width:27%; float: left;}
	.lx_right{width:100%; float: right; background: #fff; padding:0px 0px;}
	.lx_lefta{padding:20px;}
	.lx_lefta1{width:25%; line-height: 95px; float: left; background:#171b53; color:#fff; border-radius: 10px; text-align: center; font-size:28px;}
	.lx_lefta2{width:71%; float:right;}
	.lx_lefta2 h1{font-size:22px;}
	.lx_lefta2 dd{font-size:16px; line-height: 30px;}

}

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

@media screen and (min-width: 1400px) {}
@media screen and (min-width: 1600px) {}

.web_banner,.web_sy_aboutla,.web_sy_aboutra,.web_sy_aboutrb,.web_sy_aboutrc,.web_sy_gc,.web_maxmain,.web_sy_news,.web_footer,.web_footera,.web_footerb,.web_dqwz,.web_goodsleft_dh,.web_goodsleft_dha,.web_goodsleft_dhb,.cptt_ra{width:100%; float: left;}
@keyframes pulseScale{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}


/*手机端*/
@media screen and (max-width: 768px) { }