@import url(font/siyuan.css);
* {
	font-family: "Arial" !important;
}
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan",airal;
	background: #fff;
	-webkit-text-size-adjust: none;
	position: relative;
    height: 100%;
	scroll-behavior: smooth;
}
*{padding: 0;margin: 0;}
td,th {
    white-space:nowrap; 
    word-break:keep-all;
	
	text-align:center;
	white-space:pre-line;
    word-break:break-all !important;
	word-wrap:break-word !important;
	display:table-cell;
	vertical-align:middle !important;
	white-space: normal !important;
	height:auto;
	vertical-align:text-top;
	padding:2px 2px 0 10px;
	display: table-cell;
	box-sizing: border-box;
	border: none;
	border-right:solid #b7b7b7 1px;
	border-bottom:solid #b7b7b7 1px;
}
video::-webkit-media-controls-fullscreen-button {    

    display: none;
    
    }
    
    video::-webkit-media-controls-play-button {display: none;}
    
    video::-webkit-media-controls-timeline {display: none;}
    
    video::-webkit-media-controls-current-time-display{display: none;}
    
    video::-webkit-media-controls-time-remaining-display {display: none;}
    
    video::-webkit-media-controls-mute-button {display: none;}
    
    video::-webkit-media-controls-toggle-closed-captions-button {display: none;}
    
    video::-webkit-media-controls-volume-slider {display: none;}
a,a:focus,a:active {color: #1d61c4;	text-decoration: none;outline: 0px none;}
.m30{margin-top: 30px;}
.m15{margin-top: 15px;}
.m45{margin-top: 45px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul,dl,dl dd{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center;}
.clear{clear:both;}
.p80{padding: 50px 0 75px 0 !important;}
div{padding:0;margin:0;}
.w100{width:100%;overflow:hidden;}
table{border-spacing: 0;width: 100% !important;border: 1px solid #b7b7b7;}


.w1720{width: 1720px;margin: 0 auto;}
.w1400{width:1400px;margin:0 auto;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;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;height: 100vh !important;overflow: hidden;}

.nav{position: absolute;top: 45px;left: 0;z-index: 9999;width: 100%;transition: .5s;}
.nav .fr{width: 71.5%;display: flex;justify-content: space-between;}
.nav .fr ul:nth-child(1){display: flex;justify-content: space-between;width: 60%;color: #fff;font-size: 20px;}
.nav .fr ul:nth-child(1) li a{color: #fff;position: relative;text-transform: uppercase;font-weight: bold;}
.nav .fr ul:nth-child(1) li a::after{content: '';display: block;width: 0px;position: absolute;left: 0;height: 2px;bottom: -10px;transition: .5s;}
.nav .fr ul:nth-child(1) li a:hover::after{width: 100%;background-color: #fff;}
.nav .fr ul:nth-child(2){display: flex;justify-content: space-between;width: 18%;color: #fff;font-size: 16px;}
.nav .fr ul:nth-child(2) li{position: relative;width: 23%;cursor: pointer;}
.nav .fr ul:nth-child(2) li:nth-child(1)::after{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background-color: rgba(255, 255, 255, 0.5);}
.nav .fr ul:nth-child(2) li:nth-child(2){width: 69%;}
.nav .fr ul:nth-child(2) li:nth-child(2) img{float: left;display: block;}
.nav .fr ul:nth-child(2) a{color: #fff;}
.nav .fr ul:nth-child(2) a span{position: absolute;right: 0;top: -4px;font-size: 16px;}
.nav .xianshi2{display: none;}
.nav .xianshi1{display: block;}
.nav2 .xianshi1{display: none;}
.nav2 .xianshi2{display: block;}
.nav2{position: absolute;top: 45px;left: 0;z-index: 9999;width: 100%;}
.nav2 .fr{display: flex;justify-content: space-between;}
.nav2 .fr ul:nth-child(1){color: #333;font-size: 16px;}
.nav2 .fr ul:nth-child(1) li a{color: #333;}
.nav2 .fr ul:nth-child(2){color: #333;font-size: 16px;}
.nav2 .fr ul:nth-child(2) a span{color: #666;}
.nav2 .fr ul:nth-child(2) span{font-size: 16px;}
.nav3{opacity: 0;}
.nav4{position: fixed;top: 0;height: 100px;background-color: #fff;line-height: 100px;}
.nav4 .xianshi1{display: none;}
.nav4 .xianshi2{display: block;margin-top: 30px;}
.nav4 ul li a{color: #333 !important;}
.nav4 ul li a:hover{color: #e70012 !important;}
.nav4 .fr ul:nth-child(2) li .xianshi2{margin-top: 40px;}
.nav4 .fr ul:nth-child(2) a span{top: 0;}
.nav4 .fr ul:nth-child(2) li:nth-child(1)::after{background-color: #333;}
.nav4 .fr ul:nth-child(1) li:hover a::after{background-color: #e70012;width: 100%;}
.banner{height: 100vh !important;overflow: hidden;}
.banner .text{top: 31%;position: absolute;left: 4%;color: #fff;text-align: left;}
.banner .text span{display: block;color: #fff;font-size: 60px;}
.banner .text abbr{color: #fff;font-size:30px;margin: 35px 0 50px 0;display: block;}
.banner .swiper-slide-active .text abbr{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;
	-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.banner .swiper-slide-active .text span{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;
	-webkit-animation-duration: 0.6s;animation-duration: 0.6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.banner .swiper-slide-active .xiangyou{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;
        -webkit-animation-duration: 0.6s;animation-duration: 0.6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.banner .swiper-pagination2{position: absolute;left: 85% !important;bottom: 8% !important;z-index: 99999;width: 150px !important;}
.banner .swiper-pagination-bullet{width: auto !important;height: auto !important;background: transparent !important;}
.banner .swiper-pagination-bullet{color: #fff;font-size: 14px;}
.banner .swiper-pagination-bullet::after{content: '';display: block;width: 0px;height: 1px;background-color: #fff;float: right;margin-top: 10px;margin-left: 5px;margin-right: 10px;transition: .3s;}
.banner .swiper-pagination-bullet-active::after{content: '';display: block;width: 10px;height: 1px;background-color: #fff;float: right;margin-top: 10px;margin-left: 5px;margin-right: 10px;}
.nbanner{position: relative;}
.nbanner img{width: 100%;}
.nbanner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.nbanner .text p{font-size: 32px;color: #fff;margin: 0 0 25px 0;text-transform: uppercase;}
.nbanner .text span{display: block;text-align: center;font-size: 24px;width: 48PX;height: 48px;border: 2px solid #fff;border-radius: 50%;margin: 0 auto;position: relative;box-sizing: border-box;}
.nbanner .text span::after{content: 'next';display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(90deg);font-family: swiper-icons;font-size:16px;color: #fff;font-style: normal;}

.xiangyou{display: flex;justify-content: left;}
.xiangyou img{width: 45px;height: 45px;padding-top: 15px;}
.xiangyou p{line-height: 45px;margin-left: 24px;font-size: 18px;font-weight: bold;}
.banner .swiper-slide:nth-child(3) .pimg::after{content: '';display: block;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.5);position: absolute;left: 0;top: 0;z-index: 999999;}
.dianji{position: absolute;bottom: 0px;left: 50%;transform: translate(-50%,-50%);z-index: 9999;animation: shanshuo 1s infinite;}
.sousuo1{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0,0.5);z-index: 99999;display: none;}
.sousuo1 form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sousuo1 .cha{cursor: pointer;position: absolute;right: 50px;top: 50px;width: 40px;}
.sousuo1 input{width: 500px;font-size: 24px;line-height: 45px;background: none;border: none;border-bottom: 2px solid #fff;color: #fff;}
.sousuo1 input::-webkit-input-placeholder {color: #fff;}
.sousuo1 input::-moz-placeholder {color: #fff;} 
.sousuo1 input:-ms-input-placeholder {color: #fff;} 
.sousuo1 input:-moz-placeholder {color: #fff;} 
.sousuo1 button{width: 50px;background:none;border: none;position: absolute;right: -50px;top: -6px;}
.sousuo1 button img{width: 100%;display: block;}
.sousuo1 .cha img{width: 100%;}
@keyframes shanshuo{
    0%{opacity: 1;}
    33%{opacity: 0.5;}
    100%{opacity: 1;}
}
/* index */
.indexabout{background: url(../images/index_about.jpg)no-repeat top center;height: 100vh !important;width: 100%; background-size: cover;}
.indexabout h2{font-size: 38px;color: #fff;text-align: center;font-weight: normal;text-transform: uppercase;}
.indexabout h2::after{display: block;content: '';margin: 20px auto 30px auto;width: 117px;height: 3px;background-color: #e70012;border-radius: 5px;}
.indexabout p{font-size: 16px;color: #fff;line-height: 30px;margin: 0;letter-spacing: 1px;}
.indexabout ul{display: flex;justify-content: center;margin-top: 70px;}
.indexabout ul li{margin-right: 85px;}
.indexabout ul li:last-child{margin-right: 0px;}
.indexabout ul span{display: block;font-size: 52px;font-weight: bold;color: #fff;line-height: 52px;text-align: left;}
.indexabout ul abbr{color: #fff;font-size: 14px;display: block;margin-top: 10px;text-align: left;}
.indexabout ul .pimg{float: left;margin-right: 18px;}
.indexabout ul .text{float: right;}
.indexabout .more{width: 160px;height: 45px;display: block;border: 1px solid #fff;background: rgba(255, 255, 255, 0.1);border-radius: 22.5px;margin: 65px auto 0 auto;line-height: 45px;color: #fff;}
.indexpro h3{font-size: 38px;color: #222;text-align: center;font-weight: normal;text-transform: uppercase;}
.indexpro h3::after{display: block;content: '';margin: 20px auto 30px auto;width: 117px;height: 3px;background-color: #e70012;border-radius: 5px;}
.indexpro{background: url(../images/indexpro_bg.jpg); background-size: cover;}
.indexpro .swiper-container{height: 485px;}
.indexpro img{display: block;}
.indexpro ul{display: flex;justify-content: space-between;width: 100%;-webkit-display: flex;-webkit-justify-content: space-between;margin-top: 72px;}
.indexpro ul li{width: 31.3%;position: relative;}
.indexpro ul li .pimg{position: absolute;right: 32px;top: 50%;transform: translateY(-50%);}
.indexpro ul li .text{position: absolute;left: 48px;top: 50%;transform: translateY(-50%);width: 34%;}
.indexpro ul li .text p{text-align: left;font-size: 22px;color: #fff;text-transform: uppercase;}
.indexpro ul li .text .more{width: 112px;height: 28px;line-height: 28px;border: 1px solid #666;background-color: #c50c1b;color: #fff;text-align: center;border-radius: 15px;margin-top: 27px;}
.yanfazhongxin{background: url(../images/xiaoshou_bg.jpg)no-repeat center top;align-items:inherit;-webkit-align-items:inherit;-ms-flex-align:inherit;-webkit-box-align:inherit;background-size: cover;}
.yanfazhongxin .w1720{position: relative;}
.yanfazhongxin .pimg{position: absolute;right: 0;top: 52%;transform: translateY(-50%);}
.yanfazhongxin h3{font-size: 42px;color: #fff;text-align: left;font-weight: normal;margin-top: 17%;}
.yanfazhongxin h3::after{display: block;content: '';margin: 20px 0 30px 0;width: 117px;height: 3px;background-color: #e70012;border-radius: 5px;}
.yanfazhongxin .text{width: 28%;}
.yanfazhongxin .text p{margin: 0;text-align: left;font-size: 16px;color: #fff;line-height: 30px;}
.yanfazhongxin .text .more{text-align: left;margin-top: 52px;line-height: 20px;height: 20px;display: flex;justify-content: left;}
.yanfazhongxin .text .more a{line-height: 20px;color: #333;font-size: 14px;}
.indexkehu{background: url(../images/page5.jpg)center top no-repeat;}
.indexkehu h3{font-size: 42px;font-weight: normal;color: #333;}
.nav2 .fr ul:nth-child(1) li a:hover::after{background-color: #333;}
.indexnews{background: url(../images/index_news.jpg)no-repeat center top;}
.indexnews h3{font-size: 38px;color: #333;font-weight: bold;margin-bottom: 30px;text-transform: uppercase;}
.indexnews h3::after{display: block;content: '';margin: 20px auto 30px auto;width: 117px;height: 3px;background-color: #e70012;border-radius: 5px;}
.indexnews .tabs{margin-bottom: 50px;}
.indexnews .tabs ul{display: flex;justify-content: space-between;display: -webkit-center;-webkit-justify-content: center;margin: 0 auto;}
.indexnews .tabs ul li{position: relative;margin-right: 20px;}
.indexnews .tabs ul li a{font-size: 18px;line-height: 24px;color: #000;position: relative;text-transform: uppercase;}
.indexnews .tabs ul li i{display: block;width: 18px;height: 18px;background: #d7d7d7;border-radius: 50%;float: left;margin-top: 3px;margin-right: 8px;position: relative;}
.indexnews .tabs ul li i::after{font-family: swiper-icons;content: '>';display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 12px;color: #fff;font-style: normal;}

.indexnews .tabs ul li.active i{background-color: #e70012;}
.indexnews #tabs-container .swiper-wrapper ul{display: flex;justify-content: space-between;}
.indexnews .swiper-slide{height: auto !important;}
.indexnews #tabs-container .swiper-wrapper .fl{width: 46.5%;position: relative;border-radius: 10px;box-sizing: border-box;}
.indexnews #tabs-container .swiper-wrapper .fl .pimg{width: 100%;overflow: hidden;position: relative;height: 453px;overflow: hidden;}
.indexnews #tabs-container .swiper-wrapper .pimg a{display: block;width: 100%;height: 100%;position: relative;}
.indexnews #tabs-container .swiper-wrapper .pimg img{display: block;border-radius: 10px;}
.indexnews #tabs-container .swiper-wrapper .swiper-slide:nth-child(1) .pimg img,.indexnews #tabs-container .swiper-wrapper .swiper-slide:nth-child(2) .pimg img,.indexnews #tabs-container .swiper-wrapper .swiper-slide:nth-child(3) .pimg img{
width: 100%;
}

.indexnews #tabs-container .swiper-wrapper li{position: relative;}
.indexnews .fl .text{position: absolute;bottom: 0;left: 0;height: 60px;line-height: 60px;background-color: rgba(0, 0, 0, 0.5);width: 100%;padding: 0 30px;box-sizing: border-box;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.indexnews .fl .text p{color: #fff;font-size: 16px;text-align: left;float: left;}
.indexnews .fl .text span{color: #fff;font-size: 14px;line-height: 22px;text-align: left;display: block;float: right;line-height: 60px;}
.indexnews .fr{width: 48%;display: flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.indexnews .fr li:nth-child(1),.indexnews .fr li:nth-child(2){width: 46%;}
.indexnews .fr li:nth-child(3){border-top: 1px dashed #d5d5d5;margin-top: 45px;}
.indexnews .fr li:nth-child(3),.indexnews .fr li:nth-child(4){width: 100%;line-height: 60px;height: 60px;border-bottom: 1px dashed #d5d5d5;}
.indexnews .fr p{color: #333;line-height: 54px;line-height: 54px;text-align: left;}
.indexnews .fr li:nth-child(3) p,.indexnews .fr li:nth-child(4) p{float: left;}
.indexnews .fr li:nth-child(3) span,.indexnews .fr li:nth-child(4) span{float: right;line-height: 60px;color: #666;}
.indexnews #tabs-container .swiper-wrapper .swiper-slide:nth-child(4) .text p{text-align: center;}
.indexnews #tabs-container .swiper-wrapper .swiper-slide:nth-child(4) .date{display: none;}
/* 汉堡 */
.daohang{line-height: 66px;border-bottom: 1px solid #f4f4f4;}
.daohang img{margin-right: 10px;}
.daohang .fl{font-size: 14px;color: #666;}
.daohang .fl a{font-size: 14px;color: #666;text-transform: uppercase;}
.liebiao ul{display:-webkit-flex;display: flex;justify-content: center;-webkit-justify-content:center;}
.liebiao ul li a{width: 190px;height: 42px;line-height: 42px;background-color: #f4f4f4;color: #666;font-size: 16px;margin: 0 10px;display: block;border-radius: 21px;text-align: center;text-transform: uppercase;}
.liebiao ul li a.active,.liebiao ul li a:hover{background-color: #da251c;color: #fff;}
/* about */
.about{background-image: url(../images/about_bg.jpg);background-color: #f5f5f5;background-position: center top;background-repeat: no-repeat;}
.about .juti{width: 100%;}
.about .juti h1{font-size: 36px;color: #333;text-align: center;font-weight: normal;margin: 75px 0 55px 0;}
.about .neirong{font-size: 16px;line-height: 28px;color: #666;}
.about .juti ul{margin: 70px 0 60px 0;display:-webkit-flex;display: flex;justify-content: center;-webkit-justify-content:center;}
.about .juti ul li{width: 25%;}
.about .juti ul li span{color: #e70012;font-size: 60px;font-weight: bold;text-align: center;display: block;}
.about .juti ul li abbr{font-size: 16px;color: #888888;text-align: center;display: block;}
.about .pimg{width: 100%;}
.about .pimg img{width: 100%;}
/* foot */
footer.swiper-slide{height: auto !important;background-color: #1a1a1a;padding: 60px 0;}
footer .w1720>.fl{width: 65%;}
footer .fnav .flogo{width: 21%;}
footer .fnav{padding-bottom: 45px;border-bottom: 1px solid #313131;}
footer .fnav ul{width: 64%;display: flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
footer .fnav ul a{color: #fff;line-height: 40px;}
footer .fcontact{padding: 50px 0;}
footer .fcontact .content{width: 84%;}
footer .fcontact .content li{text-align: left;line-height: 36px;color: #ccc;font-size: 16px;}
footer .fcontact .content li a{text-align: left;line-height: 36px;color: #ccc;font-size: 16px;}
footer .fcontact .content li a:hover{text-decoration: underline;}
footer .fcontact .content li i{background: url(../images/foot_ico.png)no-repeat;width: 17px;height: 15px;display: block;float: left;margin-top: 10px;margin-right: 10px;}
footer .fcontact .content li:nth-child(2) i{background-position-x: -32px;}
footer .fcontact .content li:nth-child(3) i{background-position-x: -63px;}
footer .fcontact .content li:nth-child(4) i{background-position-x: -140px;}
footer .fcontact .content li:nth-child(5) i{background-position-x: -120px;}
footer .fcontact .content li:nth-child(6) i{background-position-x: -97px;}
footer .w1720>.fr{width: 30%;border-left: 1px solid #313131;padding-left: 110px;box-sizing: border-box;}
footer .w1720>.fr h2{font-size: 20px;color: #fff;margin-bottom: 45px;font-weight: normal;text-align: left;text-transform: uppercase;}
footer .w1720>.fr input{width: 48%;height: 48px;line-height: 48px;padding: 0 10px;background: rgba(255, 255, 255, 0.2);color: #fff;font-size: 14px;border: none;box-sizing: border-box;margin-bottom: 20px;display: inline-block;float: left;}
footer .w1720>.fr textarea{width: 100%;height: 160px;background: rgba(255, 255, 255, 0.2);font-size: 14px;line-height: 24px;color: #fff;border: none;box-sizing: border-box;padding: 10px;}
footer .w1720>.fr form input:nth-child(2){float: right;}
footer .w1720>.fr form button{width: 150px;background-color: #e70012;height: 45px;line-height: 45px;text-align: center;color: #fff;border: none;display: block;margin-top: 45px;}
.beian{font-size: 16px;color: #ccc;text-align: left;}
/*荣誉资质*/
.honor{background:#f6f6f6;padding:70px 0;}
.honor h3{font-size:30px;color:#333;text-align: center;}
.honor abbr{display: block;font-size:18px;color:#444;text-align: center;height:40px;line-height: 40px;margin-bottom: 30px;}
.honor ul{margin-top:40px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.honor ul li{margin:10px 0;}

/*新闻*/
.news{padding:70px 0;background-image: url(../images/about_bg.jpg);background-color: #f5f5f5;background-position: center top;background-repeat: no-repeat;}
.news h3{font-size:30px;color:#333;text-align: center;}

.pro{background-image: url(../images/about_bg.jpg);background-color: #f5f5f5;background-position: center top;background-repeat: no-repeat;}
.product{padding:70px 0;background:#f8f9f9;}
.product h3{font-size:30px;color:#333;text-align: center;}
.product abbr{display: block;font-size:18px;color:#444;text-align: center;height:40px;line-height: 40px;margin-bottom: 30px;}
.product .swiper-slide{width:275px;height:260px ;display:block;overflow: hidden;}
.product .swiper-slide .pic{width:275px;height:210px;line-height:210px;overflow: hidden;text-align: center;display: block;}
.product .swiper-slide .pic img{ vertical-align: middle;max-width:135%;width:auto;margin-left:-10%}
.product .swiper-slide p{width:275px;height:50px;line-height:50px;text-align: center;background:#fff;margin:0;display: block;}
.product .swiper-slide p>a{color:#666;font-size:15px;}
.product .swiper-slide:hover p{background:#e70012}
.product .swiper-slide:hover p>a{color:#fff;}
.product .swiper-button-next,.product .swiper-button-prev{border:1px solid #fff;color:#fff;padding:5px;}
.product .swiper-button-prev,.product .swiper-container-rtl .swiper-button-next{left:0;}
.product .swiper-button-next,.product .swiper-container-rtl .swiper-button-prev{right:0}


footer .ewm span{display: block;font-size: 16px;color: #fff;text-align: right;margin-bottom: 20px;}
.procat{width:18%;float:left;margin-bottom:30px;}
.procat span{display: block;width: 100%;height: 75px;line-height: 75px;background-color: #e70012;padding-left: 37px;box-sizing: border-box;color: #fff;font-weight: bold;font-size: 18px;}
.procat ul.accordion>li{line-height: 58px;background-color: #fff;border-bottom: 1px solid #efeff0;margin-top: 1px;}
.procat li h3{font-size: 16px;color: #444;font-weight: normal;padding-left: 18px;box-sizing: border-box;width: 100%;}
.procat li::before{content: '';display: block;width: 5px;height: 5px;background-color: #d9d9d9;border-radius: 50%;float: left;margin-left: 18px;margin-top: 29px;transform: translateY(-50%);margin-right: 13px;}
.procat li:hover,.procat li.active{background-color: #e70012;}
.procat li:hover h3,.procat li.active h3{color: #fff;}
.procat li:hover::before,.procat li.active::before{background-color: #fff;}
.procat1{width:18%;float:left;margin-bottom:30px;}
.procat1 span{display: block;width: 100%;height: 75px;line-height: 75px;background-color: #e70012;padding-left: 37px;box-sizing: border-box;color: #fff;font-weight: bold;font-size: 18px;}
.procat1 ul >li{line-height: 58px;background-color: #fff;border-bottom: 1px solid #efeff0;margin-top: 1px;}
.procat1 li h3{font-size: 16px;color: #444;font-weight: normal;padding-left: 18px;box-sizing: border-box;width: 100%;}
.procat1 li::before{content: '';display: block;width: 5px;height: 5px;background-color: #d9d9d9;border-radius: 50%;float: left;margin-left: 18px;margin-top: 29px;transform: translateY(-50%);margin-right: 13px;}
.procat1 li:hover,.procat li.active{background-color: #e70012;}
.procat1 li:hover h3,.procat li.active h3{color: #fff;}
.procat1 li:hover::before,.procat li.active::before{background-color: #fff;}
.accordion > li:hover > a,.accordion > li:target > a,.accordion > li > a.active {color: #e70012;}
.accordion li{position: relative;line-height: 50px;background-color: #fff;width: 100%;cursor: pointer;}
.accordion li > a span {display: block;position: absolute;top: 7px;right: 0;padding: 0 10px;margin-right: 10px;color: #333;}
.accordion > li:hover > a span,.accordion > li:target > a span,.accordion > li > a.active span {color: #fdfdfd;text-shadow: 0px 1px 0px rgba(0,0,0, .35);background: #3e5706;}
.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li i {position: absolute;top: 20px;left: 12px;font-size: 12px;color: #666666;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 12px;color: #8f9397;}
.accordion li.active a.link h3,.accordion li:hover a.link h3{background-color: #e70012;display: block;color: #fff;}
.accordion li.active i,.accordion li:hover i{color: #fff}
.accordion li.active i.fa-chevron-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.sub-menu{display: none;}
.sub-menu li a{color: #333;display: block;line-height: 50px;text-indent: 0.5em;}
.sub-menu li a.active{color: #e70012;}
.sub-menu li:hover a{color: #fff;}
.realnews,.realpro{margin:30px 0;}
.realnews dl{border:1px solid #e0e0e0;}
.realnews dl dt{height:65px;line-height:65px;padding-left: 25px;color:#f6f6f6;font-size:18px;background:#e70012;font-weight:bold;}
.realnews dl dd{padding:0 15px;height:55px;line-height: 55px;border-top:1px solid #e0e0e0;overflow: hidden;}
.realnews dl dd h3{font-weight:normal;background: url(../images/crial.png) left center no-repeat;padding-left:25px;}
.realnews dl dd a{color:#555;}
.realnews dl dd:hover a,.procat dl dd.active a{color:#e70012;}

.realpro dl{border:1px solid #e0e0e0;margin-bottom:14px;}
.realpro dl dt{height:65px;line-height:65px;padding-left: 25px;color:#f6f6f6;font-size:18px;background:#e70012;font-weight:bold;}
.realpro dl dd{padding:15px 10px;height:auto;border-top:1px solid #e0e0e0;overflow: hidden;    line-height: normal;text-align: center;}
.realpro dl dd img{max-width:100%;width:auto;}
.realpro dl dd p{margin:0;}
.realpro dl dd a{display: block;}
.realpro dl dd:hover p{color:#fff;}

.prolist{width:79%;float:right;}
.crom{width:100%;height:30px;line-height:30px;overflow: hidden;}
.crom img{float:left;margin-top: 8px;margin-right: 10px;}
.crom span{display: block;float:left;color:#666;font-size: 14px;}
.crom span>a{color:#666;margin: 0 5px;}
.crom1{width:100%;height:40px;line-height:40px;overflow: hidden;border-bottom: 1px solid #e4e4e4;}
.crom1 img{float:left;margin-top: 13px;margin-right: 10px;}
.crom1 span{display: block;float:left;color:#666;font-size: 14px;}
.crom1 span>a{color:#666;margin: 0 5px;}

.prolist ul.list{margin-bottom:30px;}
.prolist ul.list li{margin:0 3% 25px 0;width: 22%;float: left;box-sizing: border-box;cursor:pointer}
.prolist ul.list li:nth-child(4n){margin-right: 0;}	
.prolist ul.list li .pimg{width:100%;height:308px;line-height:308px;overflow: hidden;text-align: center;display: block;background-color: #fff;border: 1px solid #ddd;box-sizing: border-box;}
.prolist ul.list li .pimg img{ vertical-align: middle;max-width:100%;width:auto;max-height: 100%;height: auto;}
.prolist ul.list li p{width:100%;height:50px;line-height:50px;text-align: center;margin:0;display: block;overflow: hidden;}
.prolist ul.list li p>a{color:#444;font-size:16px;font-weight: bold;}
.prolist ul.list li:hover p{background:#e70012}
.prolist ul.list li:hover p>a{color:#fff;}
.prolist ul.list li:hover{border-color: #e70012;}
.prolist .canshu .pimg{width: 33.1%;height: 450px;background-color: #fff;position: relative;}
.prolist .canshu .pimg img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.prolist .canshu .text{width: 60%;}
.prolist .canshu .text h1{font-size: 24px;padding-bottom: 25px;margin-bottom: 35px;border-bottom: 1px dashed #ccc;}
.prolist .canshu .text li span{font-size: 16px;line-height: 32px;color: #888;display: inline-block;width: 140px}
.prolist .canshu .text li abbr{font-size: 16px;line-height: 32px;}
.prolist .canshu .text ul li:nth-child(6){margin-top: 35px;}
.prolist .canshu .text ul li a{display: inline-block;margin-right: 10px;}
.prolist .canshu .anniu{margin-top: 60px;}
.prolist .canshu .anniu a{background-color: #e70012;width: 180px;height: 60px;line-height: 60px;color: #fff;text-align: center;float: left;margin-right: 20px;}
.prolist .canshu .anniu a:nth-child(2){background-color: #fff;display: inline-block;width: 180px;height: 60px;line-height: 60px;color: #333;border: 2px solid #828282;box-sizing: border-box;}
.prolist .canshu .anniu a:nth-child(1){box-shadow: 1px 2px 8px rgba(230, 0, 18, 0.6);}
.prolist .neirong{width: 100%;margin-top: 55px;margin-bottom: 55px;}
.prolist .line{width: 100%;display: block;border-bottom: 1px solid #e6e6e6;}
.prolist .line span{display: inline-block;width: 225px;height: 45px;background-color: #e70012;line-height: 45px;color: #fff;text-align: center;font-weight: bold;text-transform: uppercase;}
.prolist .neirong .txt{padding: 55px 24px;box-sizing: border-box;background: #fff;font-size: 16px;line-height: 32px;color: #444;}
.prolist .neirong .txt img{display: block;max-width: 100%;}
.prolist .neirong .txt td{padding: 0px 0;}
.prolist .neirong .txt table tbody>tr:nth-child(2n-1){background-color: #eee;}
.prolist .neirong .txt .prv{margin-top: 65px;color: #888;}
.prolist .neirong .txt .prv a{color: #333;font-size: 14px;}
.prolist .lianxi .txt{padding: 55px 24px;box-sizing: border-box;background: #fff;font-size: 16px;line-height: 32px;color: #444;}
.prolist .lianxi .txt h3{font-size: 18px;color: #444;margin-bottom: 35px;line-height: 26px;}
.prolist .lianxi .txt li{line-height: 26px;color: #444;font-size: 16px;}
.prolist .lianxi .txt li a{line-height: 26px;color: #444;font-size: 16px;}
.prolist .lianxi .txt li a:hover{text-decoration: underline;}
.prolist .lianxi .txt .fl{width: 40%;}
.prolist .lianxi .txt .fr{width: 58%;}
.prolist .lianxi .txt form{width: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.prolist .lianxi .txt input{width: 48%;line-height: 58px;height: 58px;background-color: #f4f4f5;border: none;box-shadow: none;padding: 20px;box-sizing: border-box;}
.prolist .lianxi .txt textarea{width: 100%;height: 190px;line-height: 24px;font-size: 14px;color: #666;background-color: #f4f4f5;box-sizing: border-box;border: none;margin: 20px 0;padding: 20px;}
.prolist .lianxi .txt button{width: 145px;height: 55px;line-height: 55px;text-align: center;font-size: 14px;color: #fff;background-color: #e70012;box-shadow: none;border: none;}
.newslist{float: right;width:100%;margin:0px 0;}
.newslist .pre{color: #333;font-size: 16px;margin-top: 50px;}
.newslist .pre a{color: #333;font-size: 16px;margin-top: 50px;}
.newslist .next{color: #333;font-size: 16px;margin-top: 50px;}
.newslist .next a{color: #333;font-size: 16px;margin-top: 50px;}
.newslist .panel {float:left;width:130px; margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}
.newslist blockquote { padding: 0 20px;  margin: 0 0 20px;  font-size: 17.5px; border-left: 5px solid #ddd;display: inline-block;}
.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 50px;line-height: 50px;}
.panel-body { height:50px;line-height:50px;text-align: center}
.panel-body::before,.panel-body:after{display: table;content: " ";}
.newslist ul{margin:30px 0;}
.newslist ul li{width:100%;height:85px;border: none;line-height:25px;clear:both;}
.newslist ul li .txt a{color: #333;font-weight: bold;display: block;margin-bottom: 15px;}
.newslist ul li:hover{border:none;}
.newslist ul li:hover .txt{border-top:none;background:none;}
.newslist .txt{width:87%;float: left;margin-left:30px;padding-top:0;border-top:none;background:none;}
.newslist ul li:hover .txt a{color:#ee0000}
.newslist .txt small{display: block;color:#666;line-height: 28px;}
.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #ee0000;border-radius: 20px;font-size:14px;margin-top:12px;}
.newslist .txt .down a,.newslist ul li:hover .down a{color: #fff;}
.rightview{line-height:25px;padding:20px 0;min-height:500px;position: relative;}

.rightview img{max-width:100%;}

.rightview date{/*background: url(../images/time.png) left center no-repeat;*/line-height: 20px;padding-left:15px;margin:0 auto;width:550px;display: block;color:#777;text-align: center;margin-bottom:20px}

.rightview abbr{display: inline-block;}



.timeLine {overflow: hidden;position: relative;}

.timeLine li {height:80px;zoom: 1;display: flex;}

.timeLine li:after {content:" ";display: block;height: 0;clear: both;visibility: hidden;}

.timeLine li:last-child {background:none !important;}
.timeLine li p {background:url(../images/icon1.png) no-repeat 36px 0;display:inline-block;width:320px;font-size: 16px;text-align:right;padding-right:25px;color:#333;font-weight: bold;}
.timeLine li p:nth-child(1){background: none;width: 77px;}

.timeLine li p abbr {display: block;color: #b8b8b8;font-size: 12px;}

.timeLine li .con {width: calc(100% - 230px);display:inline-block;padding-left: 10px;line-height: 50px;}

.timeLine li .con img{max-width: 100%;}

.shijianxian{position: absolute;height: 80%;width: 2px;background-color: #cdcdcd;top: 0;left: 145px;z-index: 888;margin-top: 70px;}

.hd{ overflow:hidden;  height:50px; background:#fff; padding:0 10px;  }

.hd .prev,.hd .next{ display:block;  width:40px; height:40px; float:right;cursor:pointer; background:url("../images/top.png") no-repeat;position: absolute;z-index:9999;left:128px}

.hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }

.hd .next{ background:url("../images/down.png") no-repeat;bottom:0;}

.tempWrap{height: 550px !important;}
.nview{line-height:25px;}
.nview abbr{display:block;text-align: center;margin-bottom: 50px;font-size: 16px;}
.nview h1{font-size:36px;text-align:center;margin:30px auto;color: #222;text-transform: uppercase;margin-top: 50px;}
.nview p{line-height:25px;font-size:16px;}
.nview p>img{max-width:100%;width:auto;}
.nview span{float:none;}

.xiangguanxinwen ul{display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.xiangguanxinwen ul:after{content:"";display: block;width:32%;;}
.xiangguanxinwen ul li{width:32%;height:30px;line-height:30px;list-style-type: disc; list-style-position: inside;overflow: hidden;border:none;}
.xiangguanxinwen ul li date{color:#666;float:right;}
.xiangguanxinwen ul li a{color:#666;}

.xiangguanchanpin ul{margin:20px 0;height:340px}
.xiangguanchanpin ul li{float:left;width:23%;height:325px;padding:5px;box-sizing: border-box;border:1px solid #dfdfdf;margin:10px;clear:none;}
.xiangguanchanpin .pimg{width:277px;height:270px;overflow: hidden;background:#ededed;text-align: center;}
.xiangguanchanpin .pimg img{max-width: 100%;width:auto;}
.xiangguanchanpin ul>li>p{line-height: 17px;text-align: center;}
.xiangguanchanpin ul li:hover{background:#e70012}
.xiangguanchanpin ul li:hover a{color:#fff;}


.aboutview{width: 100%;}
.aboutview img{max-width: 100%;}
.aboutview h3{margin-bottom: 0;color: #333;font-size: 34px;text-align: center;font-weight: normal;margin-bottom: 50px;}

.aboutview span{display: block;text-align: center;font-size: 24px;margin-top: 10px;margin-bottom: 40px;color: #333;}

.aboutview ul{width: 100%;display: flex;justify-content: space-between;margin-bottom: 50px;}

.aboutview ul li{width: 24%;border-right: 1px solid #eee;box-sizing: border-box;position: relative;}

.aboutview ul li p{width: 80%;text-align: center;margin: 0 auto;}

.aboutview ul li:nth-child(4){border-right: none;}

.aboutview ul li i{background: url(../images/contact_icon.png)no-repeat;width: 50px;height: 50px;display: block;margin: 0 auto;margin-bottom: 30px;}

.aboutviewul li p{line-height: 28px;color: #333;font-size: 16px;text-align: center;padding: 0 20px;}

.aboutview ul li a{color: #666;font-size: 16px;text-align: center}
.aboutview ul li a:hover{text-decoration: underline;}
.aboutview ul li:nth-child(2) i{background-position: -59px 0;width: 54px;}

.aboutview ul li:nth-child(1) i{background-position: -123px 0;width: 52px;}

.aboutview ul li:nth-child(4) i{background-position: -0px 0;width: 50px;}
.aboutview ul li:nth-child(4) i{background-position: -248px 0;width: 50px;}

.aboutview ul li img{position: absolute;width: 200px;top: -50px;left: 50%;transform: translateX(-50%);opacity: 0;transition: .3s;}

.aboutview ul li:hover img{opacity: 1;}
.aboutlist ul{display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;background:none;}
.aboutlist ul:after{content:"";display: block;width:350px;}
.aboutlist ul li{width:auto;height:233px;line-height:233px;overflow: hidden;text-align: center;display: block;border:1px solid #ededed;box-shadow: 1px 2px 3px rgba(0,0,0,.05);margin:10px;padding:5px;box-sizing: border-box;}

.honorlist ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.honorlist ul li{margin:10px 0;}

.case h1{text-align:center;margin:10px auto 20px auto;}
.case ul:after{content:"";float:left;width:280px;}
.case ul li{float:left;margin:0 0.5%;width: 32%;height: auto;overflow: hidden;border: 1px solid #dadada;box-sizing: border-box;margin-bottom: 30px;}
.case .pimg{display: flex; justify-content: center; align-items: center;-webkit-justify-content:center;-webkit-align-items:center;width: 100%;height:220px;overflow:hidden;padding:10px;box-sizing: border-box;}
.case .pimg img{max-width: 100%;width:auto;max-height: 100%;height:auto;    transition: 0.3s ease 0s;}
.case ul li:hover .pimg img {  transform: scale(1.1);}
.case .txt{padding-top:20px;box-sizing: border-box;border-top:1px solid #e5e5e5;margin:0 20px;height:70px;text-align:center;overflow: hidden;}
.case .txt a{color:#333;}

.aboutl{width:48%;float:left;}
.aboutr{width:48%;float:right;}

.messagebody ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;border:1px solid #ddd;width:100%;padding:20px;box-sizing: border-box;}
.messagebody ul li{width:49%;height:50px;line-height: 50px;margin:5px 0;}
.message .submit{width:150px;height:40px;line-height:40px;text-align:center;background:#ec0000;color:#fff;font-size:18px;float:right;margin-top:30px;}
.message .checkcode{float:left;margin-top:30px;}
.message .checkcode img{margin-bottom: -16px;}
.message .checkcode input{width:150px;display:inline-table}

.page {padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page span{float:none;}
.page a { color:#333; background:#fff; margin:5px; padding:0 15px; line-height:40px; display: inline-table;border: 1px solid #d9d9d9;}
.page a:hover { background:#e70012; color:#fff; border-radius:0px;}
.page a:active {  background:#e70012; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#e70012; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#e70012; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }
  			
	@media screen and (max-width:1720px){
	.w1720{width:90%;}	
	.nav .fr ul:nth-child(2){width: 24%;}
	.indexpro ul li .bg{width: 100%;}
	.indexpro ul li .bg img{width: 100%;}
	.indexpro ul li .pimg{width: 50%;}
	.indexpro img{width: 100%;}
	.indexnews #tabs-container .swiper-wrapper .fl .pimg{height: 342px;overflow: hidden;}
	.indexnews .fr li:nth-child(3){margin-top: 0;}
	.indexnews .fr p{overflow: hidden;height: 54px;}
	.indexnews .tabs{margin-bottom: 20px;}
	.nav .fr ul:nth-child(1){width: 66%;}
	.procat{width: 20%;}
	.prolist{width: 77%;}
	.prolist ul.list li{width: 32%;margin: 0 1.333% 10px 0;}
	.prolist ul.list li:nth-child(3n){margin-right:0;}
	.prolist ul.list li:nth-child(4n){margin-right: 1.333%;}
	}
	@media screen and (max-width:1560px){
		.daohang{width: 1560px;}
		.nbanner{width: 1560px;}
		.w100{width: 1560px;}
		.w1720{width:1440px;margin: 0 auto;}	
		header{width: 1560px !important;}
		footer{width: 1560px !important;}
		.nav{width: 1560px;}
		.nav>.w1720{margin-left: 60px;}
		.all.swiper-container{width: 1560px !important;}
		.about{width: 1560px;}
		
	}
	@media screen and (max-width:1440px){
		.daohang{width: 100%;}
		.nbanner{width: 100%;}
		.w100{width: 100%;}
		.w1720{width:100%;margin: 0 auto;padding:0 2%;box-sizing: border-box;}	
		header{width: 100% !important;}
		footer{width: 1400px !important;}
		.nav{width: 100%;}
		.nav>.w1720{margin-left:0;}
		.all.swiper-container{width: 100% !important;}
		.about{width: 100%;}
		
	}

	#nav .w1720 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#nav .w1720 .clear {
		display: none;
	}

	.logo {
		margin-top: 0 !important;
	}

	.logo img {
		height: 60px;
		margin-top: 0 !important;
	}

	.nav .fr ul:nth-child(2) {
		width: auto;
	}

	.nav .fr {
		width: auto;
		flex: 1;
		display: flex;
		justify-content: center;
	}

	.nav4 .xianshi2 {
		margin-top: 0 !important;
	}

	#nav .sousuo .xianshi1 {
		cursor: pointer;
	}

	.banner .swiper-slide:nth-child(3) .pimg::after{display: none;}


	footer .fnav .flogo img {
		width: 100%;
	}

	.aboutview img {
		width: 100%;
	}



	.about .juti video::-webkit-media-controls-fullscreen-button {    

    display: block;
    
    }
    
    .about .juti video::-webkit-media-controls-play-button {display: block;}
    
    .about .juti video::-webkit-media-controls-timeline {display: block;}
    
    .about .juti video::-webkit-media-controls-current-time-display{display: block;}
    
    .about .juti video::-webkit-media-controls-time-remaining-display {display: block;}
    
    .about .juti video::-webkit-media-controls-mute-button {display: block;}
    
    .about .juti video::-webkit-media-controls-toggle-closed-captions-button {display: block;}
    
    .about .juti video::-webkit-media-controls-volume-slider {display: block;}


	.fcontact .ewm img {
		width: 130px;
	}

	.banner .pimg {
		width: 100%;
		height: 100%;
	}

	.banner .pimg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.indexpro ul {
		margin-top: calc(4vw + 20px);
	}

	.indexpro ul li .pimg {
		display: flex;
		align-items: center;
		justify-content: center;

	}
	.prolist .pimg {
		box-sizing: border-box;
		padding-bottom: 3%;
	}

	.prolist .pimg .swiper-pagination {
		display: flex;
		justify-content: center;
		width: 100%;
		bottom: calc(2% + 10px);
	}

	.prolist .pimg .swiper-pagination .swiper-pagination-bullet {
		margin: 0 calc(0.2vw + 2px);
	}

	.prolist .pimg .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #E70012;
	}
			
	.prolist .swiper-container .swiper-slide {
		position: relative;
		height: 100% !important;
		width: 100% !important;
	}