/*!
 * animate.css -http://hq-ced.com/
 * Version - 3.5.1
 * Licensed under the MIT license - http://hq-ced.com/
 * QQ : 2223572761
 * Copyright (c) 2022 HUAQI 
 */
body{overflow-x: hidden;padding-top:50px}
html,body {
	font: 16px/1.6 Helvetica,Arial,"Microsoft YaHei";
	color: #333;
	font-family: '微软雅黑';
	margin: 0;
	width: 100%;
	max-width: 1920px;
	min-width: 320px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
html {
	font-family: sans-serif;
	line-height: 1.2;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
	position: relative;
}
*{box-sizing: border-box;padding: 0;margin: 0;}
img{max-width: 100%;}
a{text-decoration: none;color: #333;}
a:hover{color: #000;}
.wp_1260{max-width: 1260px;}
.p-top95{padding-top: 65px;display: block;}
.p-bottom95{padding-bottom: 85px;display: block;}
.bgc1{background-color: #f5f4f9;}

.head-h1{display: inline-block;width: 100%;text-align: center;font-size:30px;color: #000;}
.head-h1 span{display:inline-block;font-size:24px;position: relative;color: #666;}
.head-h1 span:before{display: block;width: 100%;height: 2px;background: #dd1d18;content: '';position: absolute;top:-5px;left: 50%;transform: translateX(-50%);}
.head-h2{display: inline-block;width: 100%;text-align: center;font-size:24px;color: #666;}
.head-h2 span{display:inline-block;font-size:30px;position: relative;color: #000;}
.head-h2 span:before{display: block;width: 100%;height: 2px;background: #dd1d18;content: '';position: absolute;top:100%;left: 50%;transform: translateX(-50%);}
.head-h3{display: inline-block;width: 100%;text-align:left;font-size:18px;color: #666;font-weight:500;}
.head-h3 span{display:inline-block;font-size:24px;position: relative;color: #000;font-weight: bold;position: relative;padding-bottom: 5px;margin-bottom: 5px;}
.head-h3 span:before{display: block;content: '';width:100%;height: 2px;background: #dd1d18;position: absolute;bottom: 0;left: 0;}
.head-h3.cosjdjh span:before{left:50%;transform: translateX(-50%);}


header{display: inline-block;width: 100%;position: fixed;z-index: 999;left: 0;top: 0;background: #fff;padding-bottom:20px;transition: all .5s;text-align:center;}
/*.top-fixed header{top:-22px;transition: all .5s;padding-bottom: 0;}*/
.head-box{margin: 0 auto;display: inline-block;width: 100%;}
.head-language{display: inline-block;width: 100%;text-align: right;opacity:1;margin-bottom:20px;z-index:9;position:relative;line-height: 0;}
.head-language:before{display: block;width:200%;height:100%;background: #1d1f87;content: '';position: absolute;top:0px;left:-50%;z-index:-1}
.head-language a{display: inline-block;padding: 0px 5px;background: #1d1f87;font-size: 14px;line-height: 30px;color:#Fff}
.head-language a.hover,.head-language a:hover{color: #000;background:#fff;transition: all .5s;}
.head-language b{float: left;    font-weight: normal;    font-size: 14px;    color: #fff;line-height: 30px;}
.head-language b + b{margin-left:15px}
.head-language b i{margin-right:2px;opacity:.8}

.mosjhw{display:inline-block;width:100%;position:relative;}
.head-logo{display: inline-block;float: left;line-height: 0;}
.head-logo a{display: inline-block;}
.head-logo a img{max-height:75px;}
.top-menu{display: inline-block;
    /* float: right; */
    /* padding-right: 100px; */
    transform: translateY(-50%);
    position: absolute;
    width: 750px;
    right: 0;
    top: 50%;}
.top-menu li{list-style: none;float: left;margin: 0 15px;position: relative;}
.top-menu li > a{display: inline-block;line-height:2.5;font-size: 16px;transition: all .5s;border-bottom: 1px solid #fff;}
.top-menu li > a:hover{color:#000;transition: all .5s;border-bottom: 1px solid #ccc;}
.top-menu li:hover > a{color:#000;transition: all .5s;}
.top-menu li dl{position: absolute;left: 0;top:100%;display:none;min-width:200%;}
.top-menu li:hover dl{display: inline-block;}
.top-menu li dl dt{display: inline-block;width: 100%;}
.top-menu li dl dt+dt{border-top:1px solid #fff}
.top-menu li dl dt a{line-height:2.5;font-size: 16px;color: #fff;width: 100%;background: #3499dd;padding: 0 10px;display: inline-block;white-space: nowrap;}
.top-menu li dl dt a:hover{color: #dd1d18;transition: all .5s;}

.index-banner{display: inline-block;width: 100%;}
.index-banner .swiper-part-button-prev,.index-banner .swiper-part-button-next{color: #fff;text-align: center;line-height: 50px;font-size: 24px;}

.index-about{display: inline-block;width: 100%;padding: 0 10px;text-align: center;}
.index-about-box{display: inline-block;width: 100%;margin:50px auto 0;text-align: left;position: relative;}
.index-about-box > img{max-width: 50%;}
.about-nr{position: absolute;right:2.5%;top: 50%;transform: translateY(-50%);width:45%;}
.about-nr h3{font-size: 24px;font-weight:600;color: #000;}
.about-nr p,.about-nr img{margin-top: 15px;}

.index-pro{display: inline-block;width: 100%;text-align: center;}
.index-pro-box{display: inline-block;width: 100%;margin:50px auto 0;}
.index-pro-box a{float: left;width:calc(100% / 3);padding: 15px;overflow: hidden;}
.index-pro-box a p{font-size: 16px;padding-top: 15px;font-weight: 600;height: 65px;}
.index-pro-box a img{transform: scale(1);transition: all .5s;}
.index-pro-box a:hover img{transform: scale(1.05);transition: all .5s;}

.index-news{display: inline-block;width: 100%;padding: 0 10px;text-align: center;}
.index-news-box{display: inline-block;width: 100%;margin:90px auto 0;text-align: left;position: relative;}
.index-news-box a{display: inline-block;width: calc(100% / 3 - 30px);padding:40px;overflow: hidden;float: left;background-color: #f5f4f9;margin:0 15px;transition: all .5s;}
.index-news-box a:hover{background: #dd1d18;color: #fff;transition: all .5s;}
.index-news-box .time{font-size: 24px;line-height:2;}
.index-news-box .time span{display: inline-block;position: relative;}
.index-news-box .time span:before{display: block;width:200%;height:3px;background: #333;content: '';position: absolute;top:0px;left:0;}
.index-news-box a:hover .time span:before{background: #fff;}
.index-news-box h3{font-size: 28px;font-weight:500;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 90px 0 20px;}
.index-news-box p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;line-height: 2.3;height: 180px;margin-bottom: 90px;}
.index-news-box i{font-size:36px;color: #999;float: right;}
.index-news-box a:hover i{color: #fff;}

.index-foot{display: inline-block;width: 100%;text-align: center;background: no-repeat center;background-size: cover;}
.index-foot h3{color: #fff;font-size: 48px;font-weight: bold;line-height: 2;padding: 30px 0;}
.index-foot h3 span{display: block;font-size:18px;font-weight: 300;}

footer{display: inline-block;width: 100%;padding: 0 10px;background: #1b1b1b;color: #fff;text-align: center;}
footer dt a{font-size: 16px;line-height: 2;color: #fff !important;}
footer dd a{color: #999;border-bottom: 1px solid #1b1b1b;line-height:1.2;display: inline-block;}
footer dd a:hover{color: #dd1d18;border-bottom: 1px solid #dd1d18;}
.footer-box{width: 100%;margin: 0 auto;display: inline-block;}
.footer-box dl{display: inline-block;float: left;width: calc(100% / 8);}
.footer-box dl dt{font-size: 16px;line-height: 2;}
.footer-box dl dd{margin-top:15px;font-size: 14px;}
.footer-box p{display: block;float: left;border-top: 1px solid #999;width: 100%;margin:60px 0 30px;padding-top: 30px;font-size: 16px;color: #999;}
.footer-box img{max-width:90%;}

.ny-banner{display: inline-table;width: 100%;}
.ny-nerong{display: inline-block;width: 100%;text-align: center;}
.ny-banner-box{display: inline-block;width: 100%;margin: 0 auto;text-align:initial;}
.ny-left{display: inline-block;width:250px;float: left;}
.ny-left dt{display: inline-block;width: 100%;background: #dd1d18;color: #fff;font-size: 24px;text-align: center;line-height:55px;font-weight: bold;}
.ny-left dd{background:#fff;padding: 10px 15px;transition: all .5s;border: 1px solid #ccc;margin-bottom: -1px;}
.ny-left dd:hover,.ny-left dd.hover{background: #fdfdfd;transition: all .5s;}
.ny-left dd > a{color: #333;line-height:25px;display: block;font-weight: bold;position: relative;}
.ny-left dd > a::after{font-family: FontAwesome;content: "\f138";float: right;opacity:.5}

.ny-left dd > p{display: none;width: 100%;background: rgba(265,265,265,.5);padding:5px 10px;border-radius:0 0 10px 10px;margin-top: 5px;}
.ny-left dd > p a{display: inline-block;width: 100%;font-size: 14px;padding: 5px 0;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;opacity: .8;}
.ny-left dd > p a:hover{opacity: 1;color:#dd1d18}
.ny-left dd > b{display: inline-block;width: 100%;color: #333;cursor:pointer}
.ny-left dd > b::after{font-family: FontAwesome;content: "\f138";float: right;opacity:.5}

.ny-right{display: inline-block;width: calc(100% - 250px - 50px);float: right;}
.gs-js{display: inline-block;width: 100%;margin:30px 0;}
.gs-js .gs-img{display: inline-block;width: 340px;height: 340px;float: left;background: center no-repeat;background-size: cover;margin-right: 40px;}
.gs-js .gs-txt{color: #666;line-height: 2;}
.gs-ditu{display: inline-block;width: 100%;}
.gs-ditu ul{display: inline-block;width: 100%;margin-bottom: 40px;}
.gs-ditu ul li{list-style: none;float: left;width:50%;text-align: center;}
.gs-ditu ul li p{line-height: 3;}
.gs-wh{display: inline-block;margin: 40px 0 0 ;border-top:2px solid #dd1d18;width: 100%;}
.gs-wh dl{width: 25%;float: left;text-align: center;padding-top: 18px;}
.gs-wh dl dt{display: inline-block;background: #dd1d18;font-size: 16px;color: #fff;padding:10px 15px;border-radius:10px;line-height: 1;position: relative;margin-bottom: 15px;}
.gs-wh dl dt:before{display: block;content: '';width:10px;height: 10px;border-radius: 50%;background: #dd1d18;position: absolute; top:-24px;left: 50%;transform: translateX(-50%);}
.gs-wh dl dd{width:80%;margin: 0 auto;line-height: 2;text-align: left;font-size:14px;}
.ab-zz{display: inline-block;width: 100%;margin:40px 0;}
.ab-zz li{list-style: none;float: left;width:25%;padding:0 40px 40px 0;}
.ab-zz li img{width: 100%;box-shadow: 0 0 10px rgba(0,0,0,.2);transition: all .5s;}
.ab-zz li img:hover{transform: scale(1.05);transition: all .5s;}
.serchshd{display: inline-block;width: 40%;height:48px;border: 1px solid #ccc;border-radius:30px;overflow: hidden;margin: 40px 0;}
.serchshd button{display: inline-block;width:48px;height: 48px;background: #dd1d18;border: 0;color: #fff;font-size:20px;line-height: 48px;text-align: center;cursor: pointer;outline: none;}
.serchshd input{display: inline-block;width:calc(100% - 48px);float: right;height: 48px;line-height: 48px;padding: 0 10px;font-size: 18px;border: 0;outline: none;}
.product-list{display: inline-block;width: 100%;text-align: center;}
.product-list > a{list-style: none;float: left;width:33.333%;padding: 35px 35px 0px 0;text-align: center;line-height: 0;}
.product-list > a p{display: inline-block;width: 90%;margin: 0 auto;line-height:1.2;border-bottom: 2px solid #999;font-size: 14px;transition: all .5s;height:65px;padding:15px 0}
.product-list > a:hover p{border-color: #dd1d18;color: #dd1d18;transition: all .5s;}
.product-list > h1{display: inline-block;padding:0;border-bottom: 2px solid #dd1d18;margin:40px auto;font-size: 28px;color: #000;}
.pro-txt{display: inline-block;width: 100%;text-align: initial;line-height:1.6;margin-bottom: 40px;;}
.pro-txt p + p{margin-top:5px;}
.product-list .part-item{display: inline-block;width: 100%;background: #eee;padding: 20px;}
.product-list .swiper-part-button-prev,.product-list .swiper-part-button-next{transform: translateY(-50%);color: #fff;font-size: 18px;text-align: center;line-height: 50px;}
.service{display: inline-block;width: 100%;text-align: center; }
.service-box{display: inline-block;width: 100%;text-align: initial;margin: 50px  auto;}
.service-box > p{display: block;width: 100%;text-align: center;margin-bottom: 50px;font-size: 16px;}
.service-box > dl{display: inline-block;width: 100%;border: 1px solid #999;background: #f5f4f9;}
.service-box > dl + dl{margin-top: 40px;}
.service-box > dl > dt,.service-box > dl > dd{width: 50%;float: left;line-height: 0;}
.service-box > dl > dd img{width: 100%;}
.service-box > dl:nth-child(2n-1) > dd{float: right;}
.service-box > dl > dt{padding:40px;line-height:1.6;}
.service-box > dl > dt > h5{font-size: 24px;color: #dd1d18;}
.service-txt{display: inline-block;width: 100%;margin-top: 40px;white-space: pre-line;line-height:2.5;}
.gangwei{display: inline-block;width: 100%;margin-top: 40px;}
.gangwei .gwlist{display: inline-block;width:calc((100% - 40px) / 3);float: left;margin:0 0 20px 20px;padding: 20px;box-shadow: 0 0 15px rgba(0,0,0,.1);transition: all .5s;border-radius: 5px;}
.gangwei .gwlist:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);transition: all .5s;}
.gangwei .gwlist:nth-child(3n-2){margin-left: 0;}
.gwlist > h3{line-height:2.5;color: #dd1d18;font-size:20px;border-bottom: 1px solid #dd1d18;margin-bottom: 15px;text-align: left;}
.gwlist > p{text-align: left;opacity: .8;}
.gwlist > a{margin:20px auto 0;display: inline-block;color: #dd1d18;background: #fff;padding:3px 25px;border-radius: 30px;transition: all .5s;border: 1px solid #dd1d18;}
.gwlist > a:hover{transition: all .5s;background: #dd1d18;color: #fff;}
.job-shd{display: inline-block;width: 100%;text-align: left;margin-bottom: 40px;}
.job-shd span+span{margin-left: 20px;}
.contact-box{display: inline-block;width: 100%;margin:50px auto 0;text-align:initial;}
.contactli .msjwh{display: inline-block;width: 100%;margin:30px auto;}
.contactli .msjwh img{ width: 35%;border: 1px solid #999;float: left;}
.contactli .msjwh .maps{display: inline-block;width:58%;float: right;height:430px;border: 1px solid #999;}
.head-h3 + .newslist{margin-top: 40px;}
.newslist{display: inline-block;width: 100%;margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.newslist dt{display: inline-block;width: 90px;height: 90px;font-size:36px;color:#666;float: left;}
.newslist dt span{display:block;font-size: 12px;position: relative;}
.newslist dt span:before{display: block;content: '';width:45px;height: 2px;background: #999;margin-bottom: 5px;}
.newslist dd{width: calc(100% - 110px);float: right;padding-right: 90px;position: relative;height: 90px;}
.newslist dd h3{line-height: 1;padding: 10px 0 25px;}
.newslist dd p{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;opacity: .6;}
.newslist dd i{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size:30px;color: #dd1d18;}
.newslist dd i:hover{opacity: .6;}
.newslist + .spage{margin-top: 40px;}
.prokshdimg img{cursor:pointer}

.mybods p{font-size:16px;padding:10px 0}
.mybods b{display:block;font-size:14px;font-weight:normal;}

.spage{display: inline-block;width: 100%;text-align: center;}
.spage a{display: inline-block;width: 45px;height: 45px;line-height: 45px;font-size: 18px;border: 1px solid #ccc;margin: 0 5px;transition: all .5s;}
.spage span,.spage a:hover{display: inline-block;width: 45px;height: 45px;line-height: 45px;font-size: 18px;border: 1px solid #ccc;margin: 0 5px;background: #dd1d18;color: #fff;border-color: #dd1d18;transition: all .5s;}

.mytcbg{display:none;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);position: fixed;z-index: 9999;top: 0;left: 0;cursor:pointer}
#mytcimg{display:none;width: auto;height: auto;max-width: 90vw;max-height: 90vh;position: fixed;z-index: 99999;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.lujing{display:inline-block;width:100%;padding:0 0 40px}
.lujing a{color:#666}
.lujing i{margin:0 10px;opacity:.5}
.lujing a:hover{color:#dd1d18}

.yd-menu{display: none;}


.right-message{display: inline-block;width: 65px;position: fixed;z-index: 9999;right: 0;top:65%;}
.right-message li{list-style: none;position: relative;cursor: pointer;}
.right-message li + li{margin-top: 2px;}
.right-message li a{display: inline-block;}
.right-message li i{display: inline-table;width: 65px;text-align: center;height: 65px;line-height: 65px;background: #666;color: #fff;font-size: 30px;}
.right-message li i:hover{background: #1d1f87;}
.right-message li div{display:none;position: absolute;right: 100%;top: 0;z-index: 3;padding: 10px;background: #1d1f87;border-radius: 10px 0 0 10px;color: #fff;cursor: auto;}
.right-message li:hover div{display: block;}
.right-message li div img{width: 165px;display: inline-block;height: 165px;max-width: initial;}
.right-message li div h3{width: 180px;font-size: 16px;font-weight: normal;margin-bottom: 5px;}
.right-message li div p{font-size: 14px;border-top: 1px solid #999;padding-top: 5px;}
.right-message li div p + h3{margin-top: 10px;}
.gotop{display: none;}

.huobano{display:inline-block;width:calc(100% / 4 - 20px);margin:10px;border:1px solid #ccc;overflow:hidden;line-height: 0;}
.huobano img{transform: scale(1);transition: all .5s;}
.huobano img:hover{transform: scale(1.02);transition: all .5s;}

@media (max-width:640px) {
	.p-top95{padding-top: 25px;}
	.p-bottom95{padding-bottom: 25px;}
	.head-h2{font-size: 18px;}
	.head-h2 span{font-size: 18px;}
	.index-about-box{margin-top: 15px;}
	.index-about-box > img{max-width: 100%;}
	.about-nr{position: relative;width: 100%;transform:none;box-sizing: border-box;padding:10px 10px 0;right: 0;}
	.about-nr h3{font-size: 18px;}
	.index-pro-box{margin-top: 10px;}
	.index-pro-box a{width: calc(100% / 2);height: 182px;overflow: hidden;}
	.index-pro-box a p{font-size: 12px;padding-top: 5px;word-wrap: break-word;}
	.index-foot h3{font-size: 24px;padding: 15px 0;}
	.index-foot h3 span{font-size: 12px;}
	body{padding-top: 129px;}
	header{padding: 0;}
	.head-language a{margin-top: -20px;transform: translateY(-30px);}
	.head-language b{width: 100%;margin: 0 !important;text-align: left;padding:0 10px}
	.head-language{margin-bottom: 0;height:60px;}
	.head-logo a img{max-height:45px;margin-left: 5px;}
	.yd-menu{display: block;
    float: right;
    font-size: 24px;
    padding: 5px 10px;
    margin:5px 15px 0 0;}
	.top-menu{position: fixed;z-index: 999;left: 0;top:128px;background:#fff;border-top: 1px solid #eee;width: 100vw;border-bottom: 1px solid #eee;display: none;transform:none}
	.top-menu li{width:33.333%;margin: 0;}
	.footer-box dl{width: calc(100% / 2);margin-bottom: 10px;}
	.footer-box dl:nth-child(3),.footer-box dl:nth-child(4),.footer-box dl:nth-child(5){display: no ne;}
	.footer-box p{margin: 10px 0 10px;padding-top: 10px;font-size: 12px;}
	.footer-box dl dt{font-size: 14px;}
	.footer-box dl dd{margin-top: 10px;font-size: 14px;}
	.footer-box dl dt img{max-width: 50%;}
	.top-menu li dl{opacity: 0;}
	.ny-banner img{max-width:initial;width: 180%;margin-left: -40%;}
	.ny-left{width: 100%;}
	.ny-left dt{font-size: 18px;}
	.ny-left dd{font-size: 13px;width: 50%;float: left;height: 45px;padding: 10px 5px;}
	.ny-left dd > b,.ny-left dd > a{white-space:nowrap;height: 20px;width:100%;overflow:hidden;text-overflow:ellipsis}
	
	.ny-right{width: 100%;padding: 10px;box-sizing: border-box;}
	.head-h3{font-size: 12px;}
	.head-h3 span{font-size: 18px;}
	.gs-js .gs-img{width: calc(100vw - 20px);height:calc(100vw - 20px);}
	.gs-wh dl{width: 50%;margin-bottom: 10px;}
	.gs-wh{border: 0;}
	.ab-zz{margin: 10px 0;}
	.ab-zz li{width: 50%;padding: 5px;}
	.product-list > a{width: 50%;padding: 10px;height: 188px;overflow: hidden;}
	.product-list > a p{font-size: 12px;}
	.lujing{padding: 0;font-size: 12px;text-align: center;}
	.product-list > h1{font-size:18px;margin: 10px auto;}
	.product-list .swiper-part-button-prev, .product-list .swiper-part-button-next{transform: translateY(60%);}
	.service-box{margin: 10px auto;}
	.service-box > p{margin-bottom: 10px;}
	.service-box > dl > dt, .service-box > dl > dd{width: 100%;}
	.service-box > dl > dt{padding: 10px;}
	.service-box > dl > dt > h5{font-size: 18px;}
	.service-txt{margin-top:0px;font-size: 12px;}
	.service-box > dl + dl{margin-top: 10px;}
	.gangwei{margin-top: 10px;}
	.gangwei .gwlist{width: calc(100% / 2 - 10px);padding: 10px;margin: 5px !important;font-size: 12px;}
	.gwlist > h3{font-size: 16px;}
	.job-shd{margin-bottom: 10px;font-size: 14px;}
	.pro-txt{font-size: 15px;}
	.job-shd span{display: block;}
	.job-shd span+span{margin: 0;}
	.contact-box{margin-top: 10px;}
	.contact-box .contactli{display: inline-block;width: 100%;box-sizing: border-box;padding: 10px;}
	.contactli .msjwh{margin: 10px auto;}
	.contactli .msjwh img{width: 100%;}
	.contactli .msjwh .maps{width: 100%;}
	.ny-left dd > p{background: #1d1f87;z-index: 999;position: relative;}
	.ny-left dd > p a{color:#fff}
	
	.right-message{width: 50px;}
	.right-message li i{width: 50px;height: 50px;line-height: 50px;font-size: 24px;}
	
	.huobano{width:calc(100% / 3 - 15px);margin:5px 7.5px}
	
	
}