/*灞炴�ч噸缃�*/
html,body,p,h4,h5,h6{margin:0;padding:0;}
a{margin: 0;padding: 0;text-decoration: none;}
img{display: block;}
ul,li{margin:0;padding:0;list-style: none;}
.clearfix{clear: both;}

/*椤堕儴*/
.top_box{background-color: #fafafa;width:100%;}
.top_box .top_center{width:1200px;margin:0 auto;padding: 12px 0;}
.top_box .top_center .left{float:left;}
.top_box .top_center .left img{float:left;width:227px;height:67px;}
.top_box .top_center .left .line{float:left;width:1px;height:70px;background-color: #ccc;margin:0 25px;}
.top_box .top_center .left p{float:left;font-size: 24px;color:#0c61c6;line-height: 32px;font-weight:lighter;}
.top_box .top_center .right{float:right;margin-top: 22px;}
.top_box .top_center .right .zhuce{float:left;margin-right: 40px;}
.top_box .top_center .right .zhuce img{float:left;margin-right: 7px;}
.top_box .top_center .right .zhuce a{float:left;cursor: pointer;font-size: 16px;color:#e0202b;}
.top_box .top_center .right .xiazai{float:left;}
.top_box .top_center .right .xiazai img{float:left;margin-right: 7px;}
.top_box .top_center .right .xiazai a p{float:left;font-size: 16px;color:#e0202b;}

/*瀵艰埅鏍�*/
.nav_box{width:100%;height:46px;background-color: #fff;border-top:solid 1px #ccc;border-bottom: solid 1px #ccc;box-sizing: border-box;}
.nav_box ul{width:1200px;margin:0 auto;}
.nav_box ul li{float:left;width:calc((100% - 8px) / 7);line-height: 44px;text-align: center;border-right:solid 1px #ccc;position: relative;overflow: hidden;}
.nav_box ul li:first-child{border-left: solid 1px #ccc;}
.nav_box ul li a{width:100%;display: block;color:#4d4d4d;cursor: pointer;}
.nav_box ul li .hide{width:100%;height:3px;background-color: #1272e5;position: absolute;top:-3px;transition: 0.2s;}
.nav_box ul li:hover .hide{top:0;}
.nav_box ul li:hover a{color:#1272e5;}
/*banner*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width:100%;height:400px;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.slide1{background:url(../images/banner01.jpg) no-repeat center center;}
.slide2{background:url(../images/banner02.jpg) no-repeat center center;}
.swiper-pagination{width:16px;height:16px;border-radius: 8px;}
/*浜у搧鍒嗙被*/
.fenlei_box{width:100%;background-color: #fafafa;}
.fenlei_box .fenlei_center{width:1200px;margin:0 auto;}
.fenlei_box .fenlei_center ul li{float:left;width:25%;padding:40px 0;transition: 0.3s;}
.fenlei_box .fenlei_center ul li img{display: block;margin:0 auto;width:110px;height:110px;transition: 0.5s;}
.fenlei_box .fenlei_center ul li p{color:#4d4d4d;font-size: 18px;text-align: center;margin-top: 10px;}
.fenlei_box .fenlei_center ul li:hover{background-color: #e8eef4;}
.fenlei_box .fenlei_center ul li:hover img{transform:rotateY(360deg);}

/*涓撲笟瑙ｅ喅鏂规鍔╁姏鍚勮鍚勪笟*/
.fangan_box{width:100%;background-color: #fff;padding: 60px 0;}
.fangan_box .fangan_center{width:1200px;margin:0 auto;}
.fangan_box .fangan_center h4{font-size: 35px;color:#4d4d4d;text-align: center;font-weight: normal;}
.fangan_box .fangan_center h5{font-size: 12px;color:#999;text-align: center;font-weight: normal;margin:4px 0 40px 0;}
.fangan_box .fangan_center ul li{width:380px;float:left;margin-right: 30px;}
.fangan_box .fangan_center ul li:nth-child(3){margin-right:0;}
.fangan_box .fangan_center ul li a{cursor: pointer;}
.fangan_box .fangan_center ul li .img_box{width:380px;height:210px;overflow:hidden;}
.fangan_box .fangan_center ul li .img_box img{width:380px;height:210px;}
.fangan_box .fangan_center ul li .title{width:100%;text-align: center;height:50px;background-color: #0c61c6;color:#fff;line-height: 50px;transition: 0.2s;}
.fangan_box .fangan_center ul li a:hover .title{background-color: #0982f3;}
.fangan_box .fangan_center .more{display:block;width:200px;height:40px;border-radius:40px;text-align:center;border:solid 1px #0c61c6;color: #0c61c6;margin:40px auto 0;line-height: 40px;transition: 0.2s;}
.fangan_box .fangan_center .more:hover{background-color:#0c61c6;color:#fff; }
/*浜у搧*/
.chanpin_box{width: 100%;height:640px;background: url(../images/chanpin_bg.png) center center no-repeat;padding: 60px 0;box-sizing: border-box;}
.chanpin_box .chanpin_center{width:1200px;margin:0 auto;}
.chanpin_box .chanpin_center h4{font-size: 35px;color:#fff;text-align: center;font-weight: normal;}
.chanpin_box .chanpin_center h5{font-size: 12px;color:#e5e5e5;text-align: center;font-weight: normal;margin:4px 0 40px 0;}
.chanpin_box .chanpin_center ul li{width:270px;float:left;padding: 10px;box-sizing: border-box;background-color: #fff;margin:0 15px; }
.chanpin_box .chanpin_center ul li a{cursor: pointer;}
.chanpin_box .chanpin_center ul li .img_box{width:250px;height:250px;overflow: hidden;}
.chanpin_box .chanpin_center ul li .img_box img{width:100%;transition: 0.3s;}
.chanpin_box .chanpin_center ul li h6{font-size: 16px;font-weight: normal;color:#4d4d4d;text-align: center;margin:5px 0 2px;}
.chanpin_box .chanpin_center ul li p{color:#999;font-size: 12px;text-align:justify;text-indent: 2em;}
.chanpin_box .chanpin_center ul li:hover img{transform: scale(1.15);}
.chanpin_box .chanpin_center .more{display:block;width:200px;height:40px;border-radius:40px;text-align:center;border:solid 1px #fff;color: #fff;margin:40px auto 0;line-height: 40px;transition: 0.2s;}
.chanpin_box .chanpin_center .more:hover{background-color:#fff;color:#0c61c6; }
/*鎶�鏈敮鎸�*/
.jishu_box{width:100%;background-color: #fff;padding: 60px 0;}
.jishu_box .jishu_center{width:1200px;margin:0 auto;}
.jishu_box .jishu_center h4{font-size: 35px;color:#4d4d4d;text-align: center;font-weight: normal;}
.jishu_box .jishu_center h5{font-size: 12px;color:#999;text-align: center;font-weight: normal;margin:4px 0 40px 0;}
.jishu_box .jishu_center ul li{width:calc(100% / 4);float:left;}
.jishu_box .jishu_center ul li img{margin:0 auto;}
.jishu_box .jishu_center ul li h6{text-align: center;color:#4d4d4d;margin-top: 18px;font-size: 18px;font-weight: normal;}
.jishu_box .jishu_center ul li p{text-align: center;color:#999;margin-top: 8px;font-size: 14px;}
.jishu_box .jishu_center .more{display:block;width:200px;height:40px;border-radius:40px;text-align:center;border:solid 1px #0c61c6;color: #0c61c6;margin:40px auto 0;line-height: 40px;transition: 0.2s;}
.jishu_box .jishu_center .more:hover{background-color:#0c61c6;color:#fff; }
.jishu_box .jishu_center ul li:hover img{animation: donghua 1s linear infinite;
}


/*鐣欒█*/
.liuyan_box{width:100%;height:250px;background:url(../images/liuyan.jpg) center center no-repeat;;}
.liuyan_center{width:1200px;margin:0 auto;padding-top:100px;box-sizing:border-box;}
.liuyan_center .luntan_box{width:880px;float:left;}
.liuyan_center .liuyan{width:164px;height:45px;text-align:center;line-height:45px;color:#fff;background-color:#c31822;display:block;font-size:16px;border-radius:60px; margin:50px 0 0 0;float:right;}

/*搴曢儴*/
.footer_box{width:100%;background-color:#fff;}
.footer_center{width:1200px;margin:0 auto;padding:60px 0;box-sizing:border-box;}
.footer_center .left{float:left;}
.footer_center .left ul li{float:left;}
.footer_center .left .logo_box .line{width:1px;height:80px;background-color:#666;margin:0 20px;}
.footer_center .left .logo{width:192px;margin-top:10px;}
.footer_center .left .tel{width:230px;margin-top:18px;}
.footer_center .left .tel img{width:42px;float:left;margin:6px 6px 0 0;}
.footer_center .left .tel p{font-size:15px;color:#333;}
.footer_center .left .tel p span{font-size:21px;font-weight:bold;text-align:left;}
.footer_center .left .add{width:290px;margin-top:18px;}
.footer_center .left .add img{width:40px;float:left;margin:6px 6px 0 0;}
.footer_center .left .add p{font-size:15px;color:#333;margin-top:4px;}
.footer_center .left .nav2{margin-top:28px;}
.footer_center .left .nav2 a{color:#333;}
.footer_center .left .nav2 .line{width:1px;height:16px;background-color:#333;margin:4px 18px 0;}
.footer_center .right{float:right;margin-top:10px;}
.footer_center .right img{width:90px;}
.footer_center .right p{font-size:12px;color:#333;text-align:center;margin-top:10px;}
.footer_center .right .erweima1{float:left;}
.footer_center .right .erweima2{float:left;margin:0 10px;}
.footer_center .right .erweima3{float:left;margin:0 10px 0 0;}
.footer_center .right .erweima4{float:left;}


/*澶囨敞*/
.beian{width:100%;height:30px;background-color:#000f21;font-size:12px;color:#fff;text-align:center;line-height:30px;}


















/*瀹氫箟鍔ㄧ敾*/
@keyframes donghua {
	25% {transform: translateY(-8px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(8px);}
}