@font-face{font-family:shuzifont;src:url('../font/shuzifont.ttf');}/*数字统一字体*/
body{ overflow-x: hidden;}
.max-wrap{width: 92%;max-width: 1700px; margin: 0 auto;}
.pos-in{position:sticky;z-index: 999;}
.pc-vis{ display: inherit;}
.phone-vis{ display:none;}
.shubiao_a{display:inline-block;}
.shubiao_b{display: none;}
.obj{object-fit: cover;}
.wrap{ width: 92%; max-width: 1300px; margin: 0 auto;}

/*头部*/
.top{ width: 100%; position: fixed; top: 0;z-index: 9999; padding: 20px 0;}
.top .logo{ float: left; width: 10%;}
.top .lange{float: right; color: #fff; padding-top: 10px;}
.top .lange i{ font-size: 18px; color: #fff; opacity: 0.5; margin-right: 5px;}
.top .lange a{ font-size: 14px; color: #fff; opacity: 0.5; margin:0 5px;}
.top .lange a.on{opacity:1; color: #df5321;}
.top .lange a:hover{opacity:1; color: #df5321;}
.top .lange p{ font-size: 14px; color: #fff; opacity: 0.5; margin:0 5px; display: inline-block;}
.top .lange .caidan_an{opacity: 1; position: absolute; right: 0; top:6px; display: none;}
.top .lange .caidan_an span{ display: inline-block; opacity: 1; font-size: 30px; }
.top .nav{ width: 70%; float: left;margin-left: 5%;}
.top .nav .nav_wrap{text-align: center;float: left; width: 760px; position:relative;left: 50%; transform: translateX(-50%);}
.top .nav a{ height: 44px; line-height: 44px;font-size: 16px; color: #fff;text-transform:uppercase; margin: 0 5%; position: relative; overflow: hidden; float: left;}
.top .nav a span{ position: absolute;left: inherit; right: 0; bottom: 0; width: 0;height: 2px; background: #df5321;}
.top .nav .on{color: #df5321}
.top .nav a:hover{color: #df5321}
.top .nav a:hover span{ width: 100%; left: 0; right:inherit;}
.top .nav .on span{ width: 100%;}
.top_b{ background:#fff;padding: 5px 0; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.top_b .nav a{color: #000;}
.top_b .lange{ color: #000;}
.top_b .lange p{ color: #000;}
.top_b .lange i{ color: #000;}
.top_b .lange a{color: #000;}

.top_b .logo img{transform: scale(0.8);}
#bd_top{background: rgba(0,0,0,0.8)!important;}
/*菜单*/
.hback{width: 100%;height: 100%;z-index: 99998;left:0%; top: 0;position:fixed;cursor:pointer; background: rgba(0,0,0,0.6);visibility: hidden; opacity: 0;filter:alpha(opacity=0);}
.caidan{ width: 0%;height: 100%;background: #fff; position: fixed;right: -30%;top: 0;z-index: 99999; display: none;}
.caidan .caidan_nav{padding: 10% 3%; height: 80%;overflow-x: hidden;overflow-y: auto;}
.caidan .caidan_nav::-webkit-scrollbar {display: none;}
.caidan .caidan_nav ul{}
.caidan .caidan_nav ul .caidan_1{ width: 90%; padding:0 5%; line-height:60px; height:60px; border-bottom: 1px solid #E8E8E8; font-size: 16px; display: block;}
.caidan .caidan_nav ul .caidan_1 i{float: right; color: #999; font-size: 12px;}
.caidan .caidan_nav ul .caidan_1:hover ,.caidan .selected .caidan_1{background: #fff;}
.caidan .caidan_nav ul .caidan_1:hover ,.caidan .selected .caidan_1{background: #fff;transform:translateX(20px);}
.caidan .selected .caidan_1 i{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.caidan .caidan_nav ul li a{ display: block; height: 100%;}
.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 8%;}
.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-bottom: 1px solid #f6f6f6;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}

/*主图*/
.index_banner_swi .swiper-slide img{ width: 100%; pointer-events:none;}
.index_banner_swi .swiper-pagination{bottom: 9%;}
.index_banner_swi .swiper-pagination .swiper-pagination-bullet{ width:23px; height: 5px; background: #fff; border-radius: 2px;-webkit-transition:.3s;transition:.3s;opacity: 1;filter:alpha(opacity=100); margin: 0 3px}
.index_banner_swi .swiper-pagination .swiper-pagination-bullet-active{ width:54px; background: #df5321;}
.index_banner_swi .swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px !important;}

/*核心产品*/
.hexin_product{ background: #fff; padding-bottom: 30px;}
.hexin_product .tabs{ width: 100%;position:relative;margin-top: -28px; z-index: 99; margin-bottom: 10px;}
.hexin_product .tabs .title{ width: 24%; height: 110px; float: left; background: #df5321; display:none;}
.hexin_product .tabs .title i{ display: inline-block; float: left;font-size: 70px; padding:21px 0 0 30px; color: #fff; opacity: 0.3;filter:alpha(opacity=30);}
.hexin_product .tabs .title .text{ float: left; padding-top:21px;}
.hexin_product .tabs .title .text b{font-size: 30px; color: #fff;}
.hexin_product .tabs .title .text p{font-size:16px; color: #fff;text-transform:uppercase;}
.hexin_product .tabs { box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.hexin_product .tabs ul{ width:100%; }
.hexin_product .tabs ul li{ width: calc(25% - 2px);background: #fff; text-align: center; height: 110px; display: block; float: left;border-right: 2px solid #f2f2f2; position: relative;}
.hexin_product .tabs ul li:nth-of-type(4){border-right: 2px solid #fff;}
.hexin_product .tabs ul li span{ position: absolute;left: inherit; right: 0; bottom: 0; width: 0;height: 2px; background: #df5321;}
.hexin_product .tabs ul li:hover span{ width: 100%; left: 0; right:inherit;}
.hexin_product .tabs ul li p{ font-size: 14px;}
.hexin_product .tabs ul li .img img{margin: 13px auto 1px;}
.hexin_product .tabs ul li.active span{ width: 100%;}
.hexin_product .tabs ul li.active p{ color: #df5321;transform:translateY(-5px);}
.hexin_product .tabs ul li.active .shubiao_a{display: none;}
.hexin_product .tabs ul li.active .shubiao_b{display: inline-block;}
.index_product1_swi{overflow: hidden;}
.index_product_list ul li{ box-shadow: 0 0 5px rgba(0,0,0,0.1);}

/*修改*/
.youshi_box{ background: url(../images/youshi_back.jpg) repeat-x; background-position: bottom; overflow: hidden;}
.youshi_box .left{width: 45%; float: left;}
.youshi_box .left .swi_youshi .swiper-slide{ position: relative;}
.youshi_box .left .swi_youshi .swiper-slide .img img{min-height: 445px; object-fit: cover;}
.youshi_box .left .swi_youshi .swiper-slide .text{ position: absolute; top: 0;left: 0; padding: 48px; background: url(../images/text_back.png) repeat-x; background-size: 100% 100%; width: 100%;}
.youshi_box .left .swi_youshi .swiper-slide .text b{ font-size: 22px; color: #fff; text-transform: uppercase;}
.youshi_box .left .swi_youshi .swiper-slide .text span{ width: 58px;height: 2px; display: block;background: #e75731; margin: 15px 0;}
.youshi_box .left .swi_youshi .swiper-slide .text p{font-size: 16px; color: #fff;}
.youshi_box .left .swi_youshi .swiper-pagination{float: left; text-align: left; padding-left: 30px; bottom: 20px;}
.youshi_box .left .swi_youshi .swiper-pagination .swiper-pagination-bullet{ width: 14px;height: 2px;background: #fff; border-radius: 0; opacity: 1;    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.youshi_box .left .swi_youshi .swiper-pagination .swiper-pagination-bullet-active{ width: 25px;height: 2px;background: #e75731; border-radius: 0; opacity: 1;}

.youshi_box .right{width:calc(55% - 3px);}
.youshi_box .right .jianjie{ position: relative;}
.youshi_box .right .jianjie .img{ background: #000;}
.youshi_box .right .jianjie .img img{opacity: 0.5; min-height: 240px; object-fit: cover;}
.youshi_box .right .jianjie .text{ position: absolute; bottom: 0px;left: 0px;padding: 48px 48px 30px; width: calc(100% - 96px);}
.youshi_box .right .jianjie .text b{ font-size: 22px; color: #fff; text-transform: uppercase; margin-bottom:5px;}
.youshi_box .right .jianjie .text p{ font-size: 14px; color: #999; margin-bottom: 10px;}
.youshi_box .right .jianjie .text span{width: 58px;height: 1px; display: block;background: #e75731; margin: 15px 0;}

.youshi_box .right .shuzi_box{}
.youshi_box .right .shuzi_box ul{}
.youshi_box .right .shuzi_box ul li{ width: 33.33%;height: 205px; float: left; background: #fff;}
.youshi_box .right .shuzi_box ul li i{ width: 58px;height: 58px;line-height: 58px;border-radius: 50%; border:1px solid rgba(0,0,0,0.1); display: block; text-align: center;color: #C1C1C1; font-size: 40px; margin: 15% auto 5%;}
.youshi_box .right .shuzi_box ul li b{ text-align: center; font-size: 30px; font-weight: 200; color: #000; margin-bottom: 2%;}
.youshi_box .right .shuzi_box ul li p{ text-align: center; color: #999999; padding: 0 15%;}
.youshi_box .right .shuzi_box ul li p span{ color: #e75731; display: inline-block; font-size: 12px;}
.youshi_box .right .shuzi_box ul li:nth-child(2){background: #e4e4e4;}
.youshi_box .right .shuzi_box ul li:nth-child(2) i{background: #fff;}

.hengfu{ padding: 40px 0;background: #f1f1f1;}
.hengfu .wrap{ position: relative;}
.hengfu .wrap .text{ position: absolute; color: #fff; top: 50%;right:5%; transform: translateY(-50%);}
.hengfu .wrap .text b{ font-size: 30px; text-transform: uppercase;}
.hengfu .wrap .text p{ font-size: 22px;}

.index_news{ min-width: 1300px;}
.index_news .left{ width: 41%;float: left;background: #E3F2F8; height:619px;}
.index_news .left .news_img_box .title{padding:40px 0 20px;}
.index_news .left .news_img_box .title img{margin: 0 auto;}
.index_news .left .news_img_box{ width: 490px; float:right; }
.index_news .left .news_img_box .swi_news_img{ background: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.index_news .left .news_img_box .swi_news_img .text{ padding:46px 50px 60px;}
.index_news .left .news_img_box .swi_news_img .text b{font-size: 18px; padding-bottom: 10px;border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_news .left .news_img_box .swi_news_img .text p{word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; opacity: 0.7;}
.index_news .left .news_img_box .swi_news_img .swiper-pagination{float: left; text-align: left; padding-left: 30px; bottom: 20px;}
.index_news .left .news_img_box .swi_news_img .swiper-pagination .swiper-pagination-bullet{ width: 14px;height: 2px; border-radius: 0;-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.index_news .left .news_img_box .swi_news_img .swiper-pagination .swiper-pagination-bullet-active{ width: 25px;height: 2px;background: #e75731; border-radius: 0; opacity: 1;}

.index_news .right{ width: 59%; float: right;background: #fff;}
.index_news .right ul{ padding: 125px 0 0; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.index_news .right ul li{border-top: 1px dashed rgba(0,0,0,0.1);}
.index_news .right ul li:nth-child(1){border-top: 0px;}
.index_news .right ul li .text{ width: 50%;min-width: 550px; padding:51px 10% 50px; position: relative;min-height: 63px;}
.index_news .right ul li .text .title{ margin-bottom: 10px;}
.index_news .right ul li .text .title b{ width: calc(100% - 105px);float: left; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_news .right ul li .text .title b i{ width: 15px;height: 15px; overflow: hidden; background: #e75731;border-radius: 2px;margin-right: 10px; display:inline-block; font-size: 10px; color: #fff; text-align: center;line-height: 15px;}
.index_news .right ul li .text .title span{ width: 80px; float: right; font-size: 18px;}
.index_news .right ul li .text p{font-size: 14px; color: #666;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.index_news .right ul li .text em{ position: absolute;right: 0;top: 50%; transform: translateY(-50%);opacity: 0;}
.index_news .right ul li:hover{background: #e75731;}
.index_news .right ul li:hover .text{transform: translateX(-5%);}
.index_news .right ul li:hover .text .title b{color: #fff;}
.index_news .right ul li:hover .text .title b i{background: #fff; color: #e75731;}
.index_news .right ul li:hover .text .title span{ color: #fff;}
.index_news .right ul li:hover .text p{color: #fff;transform: translateX(2%);}
.index_news .right ul li:hover .text em{color: #fff; opacity: 1;}

.index_provide_box{background: #fff!important;}

/*修改*/

.footer{ width: 100%; background: #222222;}
.footer .max-wrap{ padding: 50px 0;}
.footer .max-wrap .left{float: left;}
.footer .max-wrap .left .erweima{ float: left; margin-right: 20px;}
.footer .max-wrap .left .text{float: left; color: #fff;}
.footer .max-wrap .left .text a{color: #fff;}
.footer .max-wrap .left .text b{font-size: 22px; margin-bottom: 5px;}
.footer .max-wrap .left .text span{display: inline-block; margin: 0 20px;}
.footer .max-wrap .left .text p{font-size: 13px; line-height: 22px; opacity: 0.7;}
.footer .max-wrap .left .text p a{color: #fff;}
.footer .max-wrap .right{ float: right;}
.footer .max-wrap .right a{ text-align: center; display: block; float: left; margin:8px 5px; padding: 0; position: relative; color: #fff;}
/* .footer .max-wrap .right a:nth-of-type(1){background: #2E84D5;}
.footer .max-wrap .right a:nth-of-type(2){background: #00A7EB;}
.footer .max-wrap .right a:nth-of-type(3){background: #007FB8;}
.footer .max-wrap .right a:nth-of-type(4){background: #00AF31;} */
.footer .max-wrap .right a i{color: #fff;pointer-events:none}
.footer .max-wrap .right a p{ transition: all 0.5s ease;  text-align: center; font-size: 12px; z-index: 15; }
.footer .max-wrap .right a span{ display: block; text-align: center; padding-top: 10px;}
.footer .banquan{ border-top: 1px solid #3C3C3C; height: 48px;line-height: 48px; text-align: center;}
.footer .banquan p{font-size: 13px; color: #BABABA;}
.footer .banquan a{font-size: 13px; color: #BABABA; margin-left:20px;}
.footer .banquan a img{display: inline-block;}
.footer .banquan p span{ display:inline;}



/*内页主图*/
.ny_banner{ width: 100%; position: relative; overflow: hidden;z-index: 1;}
.ny_banner .text{ position: absolute; top: 53%;transform:translateY(-53%); width: 100%;}
.ny_banner .text b{font-size: 30px; color: #fff;text-transform:uppercase;font-weight: 500;}
.ny_banner img{ min-height:300px;}
.product_list{ padding-top:16px;}
.product_list ul li{ width: 24.5%; position: relative; float: left; margin-right: 0.66%; margin-bottom: 10px;background: #fff;}
.product_list ul li .img{ overflow: hidden;max-width:80%;margin: 0 auto;padding:10%;}
.product_list ul li span{ position: absolute; width: 100%;height: 100%; background: rgba(34,34,34,0.7); display: block; top: 0;z-index: 1;opacity: 0;}
.product_list ul li .hot{ width: 46px;height: 22px; display: block; text-align: center; color: #fff; line-height: 22px;background: #df5321; position: absolute;top: 5%;left: 5%;z-index: 10; display: none;}
.product_list ul li b{ position: absolute; width: 100%; text-align: center; bottom: 20px; font-weight: 500;z-index: 5;}
.product_list ul li i{ position: absolute; z-index: 10; width: 36px;height: 36px;display: block; background: #7a7a7a; text-align: center; line-height: 36px; font-size: 14px; color: #fff;border-radius: 50%;padding: 0; margin: auto; top: 0;left: 0;bottom: 0;right: 0;transform:translateY(-100%);opacity: 0;}
.product_list ul li:hover i{transform:translateY(0%); opacity: 1;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.product_list ul li:hover img{transform: scale(1.1);}
.product_list ul li:hover b{ color: #fff;transform:translateY(-10px);}
.product_list ul li:hover span{ opacity: 1;}
.product_list ul li:nth-child(4n){ margin-right: 0;}
.product_list ul li:nth-child(1) .hot{ display: inline-block;}
.product_list ul li:nth-child(2) .hot{ display: inline-block;}
.product_list ul li:nth-child(3) .hot{ display: inline-block;}


.product_article{padding: 120px 0 25px;}
.product_article_swi{}
.product_article_swi .swiper-slide img{ margin: 0 auto;}
.product_article_swi .swiper-button{ width:30px; height:30px;text-align: center;line-height:30px; background: rgba(0,0,0,0.5); border-radius: 50%;}
.product_article_swi .swiper-button i{ color: #fff;}
.product_article_swi .swiper-button-prev{left: 10%;}
.product_article_swi .swiper-button-next{right: 10%;}

.product_article_title{ text-align: center; padding:20px 0; background:#f4f4f4;}
.product_article_title b{ font-size:26px; text-align: center;text-transform:uppercase; font-weight:500;}
.product_article_title p{ font-size: 16px; color: #666;}

.product_info{ width: 100%; background: #fff; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; padding:10px 0;}
.product_info .wrap{}
.product_info .wrap .box{ padding:20px 0;}
.product_info .wrap .box img{ display:inline;max-width: 100%;}


/*推荐产品*/
.pos_product{padding:60px 0;position: relative; background:#f4f4f4;}
.pos_product .title{ padding-bottom:20px; text-align: center;}
.pos_product .title b{font-size:26px;text-transform:uppercase; font-weight:500;}
.pos_product .product_list_swi .swiper-slide .img{ border: 1px solid #f2f2f2;}
.product_list_swi{padding-bottom: 30px;}
.product_list_swi .swiper-pagination{bottom: 0%;}
.product_list_swi .swiper-pagination .swiper-pagination-bullet{ width: 33px; height: 5px; background: #CECECE; border-radius: 2px;-webkit-transition:.3s;transition:.3s;opacity: 1;filter:alpha(opacity=100); margin: 0 6px}
.product_list_swi .swiper-pagination .swiper-pagination-bullet-active{ width: 74px; background: #df5321;}
.product_list_swi .swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px !important;}

/*info*/
.info_banner_text{ text-align: center;}
.info_banner_text b{font-size: 36px; margin: 0 auto;display: inline-block; padding-bottom: 10px; margin-bottom: 10px;}
.info_banner_text p{font-size: 26px; display: inline-block; color: #fff;border-top: 1px solid rgba(255,255,255,0.1); padding-top: 10px; font-weight:300;}

.info_jianjie{ padding: 100px 0;}
.info_jianjie .left .title{ padding-bottom: 30px;}
.info_jianjie .left .title b{font-size: 34px; text-transform: uppercase; color: #333; margin-bottom: 10px;}
.info_jianjie .left .title span{ width: 66px; height: 4px; display: block; background: #df5321;}
.info_jianjie .left{width: 49%; float: left;}
.info_jianjie .left .font{color: #333; line-height: 22px;}
.info_jianjie .right{ width: 49%; float: right; overflow: hidden;}
.info_jianjie .right img{ max-width:100%;}
.cp2j{ padding-top:10px;}
.cp2j ul li a{ float:left; padding:10px 5%; background:#fff; margin-right:2px;}
.cp2j ul li a:hover{background:#df5321; color:#fff;}
#dqcd2j a{ background:#df5321; color:#fff;}
.cp3j{ margin-top:5px;}
.cp3j ul li a{ float:left; padding:10px 2%; background:#fff; margin-right:2px;}
.cp3j ul li a:hover{background:#666; color:#fff;}
#dqcd3j a{ background:#666; color:#fff;}


/*世界各地*/
.world_box{ padding:110px 0; background: url(../images/ditu_back.jpg) no-repeat;background-attachment:fixed; background-size: 100% 100%;}
.world_box .left{ width:50%; position: relative; float: left;}
.world_box .left .dian{ position: absolute; top: 10%;left: 10%;}
.world_box .left .dian i{ width: 8px; height: 8px; display: block;background: #df5321; border-radius: 50%; position: relative;}
.world_box .left .dian i span{ position: absolute; left: 50%;right: 50%; top: 50%; width: 0px;height: 0px; border-radius: 50%; background: rgba(223,83,33,0.5);transform:translate(-50%,-50%); display: block;-webkit-animation: scaleDraw 1s ease-in-out alternate infinite;}
@keyframes scaleDraw {
	0%{width: 0px;height: 0px;opacity: 0;}
	100%{width: 20px;height: 20px;opacity: 1;}
}
.world_huachu{position: absolute; right: 15.3%;bottom: 49.4%; width: 12%;}
.world_box .right {width: 42%; float: right;}
.world_box .right .title{ margin-bottom: 20px;}
.world_box .right .title b{ font-size:24px; color:#fff; text-transform:uppercase; font-weight:500; padding-bottom:10px;}
.world_box .right .title span{ width:60px;height:3px;display: block; background: #df5321; margin-top:10px;}
.world_box .right .font{ color: #888; line-height:22px;}


/*生产图片*/
.factory{ padding: 80px 0 30px;}
.factory .title{}
.factory .title b{font-size: 32px; color: #333; text-align: center;display: block; margin-bottom: 10px; text-transform: uppercase;}
.factory .title span{width: 50px; height: 3px; display: block; background: #df5321; margin: 0 auto;}
.honorList .swiper-pagination{bottom: 0%;}
.honorList .swiper-pagination .swiper-pagination-bullet{ width:23px; height: 5px; background: #CECECE; border-radius: 2px;-webkit-transition:.3s;transition:.3s;opacity: 1;filter:alpha(opacity=100); margin: 0 3px}
.honorList .swiper-pagination .swiper-pagination-bullet-active{ width:54px; background: #df5321;}
.honorList .swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px !important;}

/*提供*/
.provide_box{ padding:60px 0 40px; background: #f2f2f2;}
.provide_box .title{ width: 92%; max-width: 800px; margin: 0 auto 30px;;text-align: center; }
.provide_box .title b{ font-size: 36px; text-transform: uppercase; margin-bottom: 20px; color: #333;}
.provide_box .title p{ font-size: 16px; color: #a6a6a6;}
.provide_box ul{border-top:1px solid #ddd; padding-top:20px;}
.provide_box ul li{ width: calc(100%/3 - 20px); margin:0 10px; padding:20px 15px; box-sizing:border-box; float: left; cursor:pointer;}
.provide_box ul li i{font-size: 70px; color: #333; opacity: 0.2; float: left; margin-right: 10px;}
.provide_box ul li b{font-size: 16px; color: #333; margin-bottom: 10px; text-transform: uppercase; font-weight: 400;}
.provide_box ul li p{font-size: 14px; color: #909090; }
.provide_box ul li:hover{ background:#df5321;}
.provide_box ul li:hover i{ color: #fff;opacity: 1;transform:translateX(5px);}
.provide_box ul li:hover b{ color: #fff;transform:translateX(10px);}
.provide_box ul li:hover p{color: #fff; transform:translateX(10px);}


/*图片新闻*/
.article_box{ padding: 30px 0 80px; background: #f1f1f1;}
.article_box .swiper-slide{ width: 33.33%; background: #fff; display: block; }
.article_box .swiper-slide .img{ width: 100%; overflow: hidden;}
.article_box .swiper-slide .img img{max-width:100%;}
.article_box .swiper-slide .text{ width:calc(100% - 60px);float: left; padding: 20px 30px;}
.article_box .swiper-slide .text b{font-size: 24px; color: #000; font-weight: 500; padding-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.article_box .swiper-slide .text span{font-size: 14px; color: #909090;}
.article_box .swiper-slide .text i{transform:translateY(1px); display: inline-block; margin-right: 5px;}
.article_box .swiper-slide .text .font{ font-size:14px;padding-top: 10px;line-height:22px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-bottom:20px; color: #666;}
.article_box .swiper-slide .text .more{width: 31px;height: 31px; border: 1px solid #e5e5e5;display: block; text-align: center; line-height: 31px; border-radius: 50%;overflow: hidden; float:right; margin-top:15px;}
.article_box .swiper-slide:hover .text .more{background: #df5321; border: 1px solid #df5321;transform:translateX(-10px);}
.article_box .swiper-slide:hover .text .more i{color: #fff;}
.article_box .swiper-slide .text .more i{font-size: 14px; color: #999999; display: block;transform:translateX(3px);}
.article_box .swiper-slide:hover .img img{transform: scale(1.1);}
.article_hot_swi{padding-bottom: 50px;}
.article_hot_swi .swiper-pagination{bottom:20px;}
.article_hot_swi .swiper-pagination .swiper-pagination-bullet{ width:23px; height: 5px; background: #CECECE; border-radius: 2px;-webkit-transition:.3s;transition:.3s;opacity: 1;filter:alpha(opacity=100); margin: 0 3px}
.article_hot_swi .swiper-pagination .swiper-pagination-bullet-active{ width:54px; background: #df5321;}
.article_hot_swi .swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px !important;}

/*新闻列表*/
.article_list{ padding: 20px 0;}
.article_list ul li{margin-bottom: 10px;}
.article_list ul li a{ padding:35px 45px;background: #fff; display: block; position: relative;}
.article_list ul li a .time { width: 120px; float: left; position: inherit;z-index: 5;}
.article_list ul li a .time i{font-size: 20px; color: #666; margin-bottom:5px; display: block;}
.article_list ul li a .time span{font-size: 30px; color: #666; font-weight: 300; display: block;}
.article_list ul li a .text{ width: calc(100% - 120px); float: right; position: inherit;z-index: 10;}
.article_list ul li a .text b{font-size: 20px; margin-bottom: 10px; font-weight: 500;}
.article_list ul li a .text p{font-size: 14px; color: #999;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.article_list ul li a:hover{ background: #222222;}
.article_list ul li a:hover .text b{ color: #df5321;transform:translateX(10px);}
.article_list ul li a .back{position: absolute;z-index: 1;left: 0; top: 0;width: 100%; height: 100%;background: url(../images/news_listback.jpg) no-repeat; background-size: 100%; opacity: 0;}
.article_list ul li a:hover .back{opacity:1;}

.article_content_box{ padding: 30px 0; background: #f2f2f2;}
.article_content_box .wrap{ background: #fff;}
.article_content_box .wrap .box{ padding: 70px 100px;}
.article_content_box .wrap .box .title{ border-bottom: 1px solid #f2f2f2;}
.article_content_box .wrap .box .title b{ font-size:30px; color: #333; text-align: center; padding-bottom:10px; font-weight:500;}
.article_content_box .wrap .box .title p{ font-size: 14px; color: #999; text-align: center; padding-bottom: 20px;}
.article_content_box .wrap .box .title p span i{margin-right: 5px;}
.article_content_box .wrap .box .font{ padding: 50px 0;border-bottom: 1px solid #f2f2f2; margin-bottom: 10px;}
.article_content_box .wrap .box .font img{ display:inline; max-width:100%;}

.contact_biaodan{ padding:50px 0;}
.contact_biaodan .title{ text-align: center; margin-bottom:30px;}
.contact_biaodan .title b{font-size: 32px;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom:5px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border: 1px solid #D8D8D8;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top:10px; margin-bottom:10px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border: 1px solid #D8D8D8;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom:5px;}
#GBookAdd .submit{ width: 160px;height:42px; display: block; cursor:pointer; background: #df5321; color: #fff; border-radius: 5px; margin: 0 auto; font-size: 16px;}

.return a{ font-size:14px; color:#666;}
.return a:hover{ color:#df5321;}
.contact_info{ padding: 50px 0; background: #f2f2f2;}
.contact_info img{ display:inline;}

@media screen and (max-width:1240px){
	.hexin_product .tabs .title i{font-size: 54px; padding: 30px 0 0 30px;}
	.hexin_product .tabs .title .text{padding-top:30px;}
	.hexin_product .tabs .title .text b{font-size: 24px;}
	.hexin_product .tabs .title .text p{font-size: 16px;}
	.shucai{ display: none;}	
} 
.vis_1140{display: none;}
@media screen and (max-width:1140px){
	.vis_1140{display: inline-block;}
	.ny_banner .text b{ font-size:24px;}
} 
@media screen and (max-width:960px){
	.top .nav{ display: none;}	
	.top .lange{padding-right: 50px;}
	.top .lange .caidan_an{display: inline-block;}
	.hback{ display: block;}
	.caidan{ display: block;}
	.info_jianjie .left{ width: 100%; margin-bottom: 30px;}
	.info_jianjie .right{ width: 100%;}
	.info_jianjie .right img{ min-height:inherit;}
	.hexin_product .tabs .title i{font-size: 40px; padding:10px 0 0 0px; text-align: center;display: block; width: 100%;}
	.hexin_product .tabs .title .text{padding-top: 0px; text-align: center; width: 100%;}
	.hexin_product .tabs .title .text b{font-size: 20px;}
	.hexin_product .tabs .title .text p{font-size: 14px;}
} 

@media screen and (max-width:740px){
	.product_article_swi .swiper-slide img{max-width: 90%; margin: 0 auto;}
	.product_article_swi .swiper-button-prev{left: 10px;}
	.product_article_swi .swiper-button-next{right: 10px;}
} 
@media screen and (max-width:640px){
	.product_article{ padding-top:80px}
	.product_article_title{ padding-bottom:20px;}
	.product_info .wrap .box{ padding:2px;}
	.product_article_swi .swiper-button{ width:30px; height:30px; line-height:30px;}
	.pc-vis{ display: none;}
	.phone-vis{ display:inherit;}
	.top{background: rgba(0,0,0,0.8);padding: 5px 0;}
	.top .logo img {transform: scale(0.8);}
	.hexin_product .tabs ul{ width: 100%;}
	.hexin_product .tabs ul li{ height:85px;}
	.hexin_product .tabs ul li .img img{ width: 60%;}
	.hexin_product .tabs ul li p{ width:92%; margin: 0 auto; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:5px;}
	.hexin_product .tabs .title{overflow: hidden; display: none;}
	.index_banner_swi .swiper-pagination .swiper-pagination-bullet{ width: 20px; height: 2px;}
	.index_banner_swi .swiper-pagination .swiper-pagination-bullet-active{ width: 40px; height: 2px;}
	.index_product2_swi .swiper-slide{ width: 100%;}
	.index_product2_swi .swiper-slide .title { top: 5%;}
	.index_product2_swi .swiper-slide .title b{ font-size:16px;transform:translateY(0px); opacity: 1;}
	.index_product2_swi .swiper-slide .title span{ width: 30px;height: 2px; transform:translateY(0px); opacity: 1;}
	.index_product2_swi .swiper-slide .more{transform: translate(-50%,0px) scale(0.8); opacity: 1;}
	.hexin_product{padding-bottom: 30px;}
	.footer .max-wrap{padding: 20px 0;}
	.footer .max-wrap .left .erweima{display: none;}
	.footer .max-wrap .right{display: flex; float: left;}
	.footer .banquan{height: inherit;line-height: 26px; padding: 10px 20px;}
	.footer .max-wrap .left{margin-bottom: 20px;}
	.info_jianjie{padding: 20px 0;}
	.info_jianjie .left .title b{font-size: 24px;}
	.world_box{padding: 30px 0;}
	.world_box .left{width: 100%;}
	.world_box .right{width: 100%;}
	.provide_box ul li{ width: 100%; margin:0; margin-bottom:20px;border-bottom: 1px solid #DBDBDB; padding-bottom: 20px;}
	.provide_box ul li:nth-child(5){border-bottom: 0px;}
	.provide_box ul li i{}
	.factory{padding: 30px 0 0px;}
	.provide_box{padding: 30px 0;}
	.product_list ul li{width: 49.5%;}
	.product_list ul li:nth-of-type(2n){margin-right: 0;}
	.product_list ul li:nth-child(5), .product_list ul li:nth-child(6), .product_list ul li:nth-child(7), .product_list ul li:nth-child(8){ display:none;}
	.youshi_box .left .swi_youshi .swiper-slide .img img{ min-height:inherit;}
	.youshi_box .left .swi_youshi .swiper-slide .text{ padding-left:20px;}
	.youshi_box .right .jianjie .text{ padding-left:20px;}
	.article_list ul li a{padding: 20px;}
	.article_list ul li a .text{ width: 100%;}
	.article_list ul li a .time i{display: inline-block; font-size: 14px;}
	.article_list ul li a .time span{display: inline-block; font-size: 14px;}
	.article_box{padding: 10px 0 30px}
	.article_box .article_hot{ display:none;}
	.article_list{padding: 10px 0 0;}
	.page{padding: 10px 0 40px;}
	.article_content_box{ padding:0; background:#fff;}
	.article_content_box .wrap .box{padding: 30px 5px}
	.article_content_box .wrap .box .title b{font-size: 24px;}
	.article_content_box .wrap .box .font{padding: 20px 0;}
	#GBookAdd .wenben{width: 100%; margin-bottom: 10px;}
	.contact_biaodan{padding: 30px 0;}
	.product_info{padding: 10px 0;}
	.pos_product{padding: 40px 0;}
	.pos_product .title b{font-size: 24px;}
	.footer .banquan{ font-size: 10px;}
	.footer .banquan a{ margin-left: 10px;}
	.ny_banner .text{ top: 50%;}
	.ny_banner .text b{font-size: 22px; margin-bottom: 0;}
	.info_banner_text p{font-size: 16px;}
	.info_jianjie .left .title span{width: 50px;height: 2px;}
	.info_jianjie .left .font{font-size:1.1rem; line-height:1.5rem;}
	.world_box .right .title b{font-size: 20px;}
	.world_box .right .title span{width: 50px;height: 2px;}
	.section-content6{padding-top: 10px;}
	.honorList{padding-bottom: 10px;}
	.factory .title b{font-size: 20px;}
	.provide_box .title b{font-size: 20px;}
	.provide_box ul li i{font-size: 50px;}
	.provide_box .title p{font-size: 14px;}
	.factory .title span{height: 2px;}
	.footer .max-wrap{padding: 30px 0 10px;}
	.footer .max-wrap .left{margin-bottom: 10px;}
	.suspension{display: none;}
	.youshi_box .left{width: 100%;}
	.youshi_box .right{width: 100%; margin-top: 1rem;}
	.youshi_box .right .shuzi_box ul li{height: 150px;}
	.youshi_box .right .shuzi_box ul li i{width: 30px;height: 30px;font-size: 14px;line-height: 30px;}
	.youshi_box .right .shuzi_box ul li b{font-size: 20px;}
	.youshi_box .right .shuzi_box ul li p{font-size: 0.7rem;}
	.hengfu{padding: 1rem 0;}
	.hengfu img{}
	.hengfu .wrap .text{right: inherit;left: 3%;}
	.hengfu .wrap .text b{font-size: 1.2rem;}
	.hengfu .wrap .text p{font-size: 14px;}
	.index_news .left{height: inherit; padding-bottom: 2rem;}
	.index_news{min-width:inherit;width: 100%;}
	.index_news .left{width:94%; margin: 0 auto; padding:3% 3% 5%}
	.index_news .left .news_img_box .title{padding: 1rem 0;}
	.index_news .left .news_img_box .title img{width: 50%;margin: inherit; padding-left: 5%;}
	.index_news .left .news_img_box{width: 100%;}
	.index_news .left .news_img_box .swi_news_img .text{padding: 3rem 2rem 4rem;}
	.index_news .left .news_img_box .swi_news_img .text p{ word-break:normal;}
	.index_news .right{width: 100%;}
	.index_news .right ul{padding: 1rem 0;}
	.index_news .right ul li .text{padding: 2rem 8%; min-width: inherit; width: 84%;}
	.index_news .right{height: inherit; padding-bottom: 2rem;}
	.footer .max-wrap .right a p{transform:initial;}
	
	
} 

/*右边那个随着页面滚动的啥*/
.suspension{position:fixed;z-index:55;right:0;bottom:10%;width:70px;height:120px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:34px;height:34px;background-color:Rgba(0,0,0,0.5);margin-bottom:1px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:34px;height:34px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:7px;margin-left:7px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:7px;margin-left:7px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-48px -4px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-136px -5px;}
.suspension .a-top{background:Rgba(0,0,0,0.5);display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:160px;background:#fff;position:absolute;right:43px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:3px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d .inner-box .qrcode-img img{ margin: 0 auto; max-width:100%;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px; font-weight:normal; color:#666;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}