@import url(font/siyuan.css);
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%;
}

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;}
div{padding:0;margin:0;}
.w100{width:100%;overflow:hidden;}
table{border-spacing: 0;width: 100%;}
td,th {
    white-space:nowrap; /* 自适应宽度*/
    word-break:keep-all; /* 避免长单词截断，保持全部 */
	border:solid #b7b7b7 1px;
	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 2px;
	display: table-cell;
}
.banner .pimg{display: block;width: 100%;height: 100%;}
.banner img{display: block;width: 100%;}
.banner video{width: 100%;}
input:focus { outline: none; }
.w1770{width: 1770px;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;}
.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%;}
.nav{position: absolute;top: 45px;left: 0;z-index: 9999;width: 100%;transition: .5s;}
.nav .fr{width: 62%;display: flex;justify-content: space-between;}
.nav .fr ul:nth-child(1){display: flex;justify-content: space-between;width: 79%;color: #fff;font-size: 16px;}
.nav .fr ul:nth-child(1) li a{color: #fff;position: relative;}
.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: 7%;color: #fff;font-size: 16px;}
.nav .fr ul:nth-child(2) li{position: relative;cursor:pointer;}
.nav .fr ul:nth-child(2) a{color: #fff;}
.nav .fr ul:nth-child(2) a span{position: absolute;right: 0;top: -24px;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{width: 62%;display: flex;justify-content: space-between;}
.nav2 .fr ul:nth-child(1){display: flex;justify-content: space-between;width: 79%;color: #333;font-size: 16px;}
.nav2 .fr ul:nth-child(1) li a{color: #333;}
.nav2 .fr ul:nth-child(2){display: flex;justify-content: space-between;width: 7%;color: #333;font-size: 16px;}
.nav2 .fr ul:nth-child(2) a span{color: #666;}
.nav2 .fr ul:nth-child(2) span{position: absolute;right: 0;top: -24px;font-size: 16px;}
.nav3{opacity: 0;}
.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;}
.nbanner{position: relative;}
.nbanner img{width: 100%;display: block;}
.nbanner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.nbanner .text p{font-size: 32px;color: #fff;margin: 0 0 35px 0;}
.nbanner .text span{display: block;text-align: center;color: #fff;font-size: 24px;}
.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-button-next,.banner .swiper-button-prev{position: absolute;bottom: 24%;left: 147px;width: 56px;height: 56px;background-color: #e70012;font-size: 12px;top: auto;}
.banner .swiper-button-prev{left: 90px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 12px !important;color: #fff;}
.swiper-pagination2{position: absolute;left: 10% !important;bottom: 24% !important;z-index: 99999;width: 500px !important;}
.swiper-pagination-bullet{width: 100px !important;height: 1px !important;background-color: #b1b2b2 !important;position: relative;}
.swiper-pagination-bullet::after{width: 0% !important;height: 3px !important;position: absolute !important;left: 0;top: -2px;background-color: #fff;content: '';display: block;}
.swiper-pagination-bullet-active::after{width: 100% !important;transition: 9s;}
.dianji{position: absolute;bottom: 0px;left: 50%;transform: translate(-50%,-50%);z-index: 9999;animation: shanshuo 1s infinite;}
@keyframes shanshuo{
    0%{opacity: 1;}
    33%{opacity: 0.5;}
    100%{opacity: 1;}
}
/* index */
.indexabout{background: url(../images/page2.jpg)no-repeat top center;height: 100vh !important;width: 100%;background-size: 100% 100%;}
.indexabout h2{font-size: 56px;color: #fff;text-align: center;font-weight: normal;}
.indexabout h2::after{display: block;content: '';margin: 30px auto;width: 117px;height: 3px;background-color: #e70012;}
.indexabout p{font-size: 18px;color: #fff;line-height: 30px;margin: 0;}
.indexabout ul{display: flex;justify-content: center;margin-top: 98px;}
.indexabout ul li{margin-right: 85px;}
.indexabout ul li:last-child{margin-right: 0px;}
.indexabout ul span{display: block;margin-top: 26px;}
.indexabout ul a{color: #fff;font-size: 16px;}
.indexabout ul .pimg{width: 116px;height: 116px;background-color: rgba(255,255,255,.2);border-radius: 50%;border: 1px solid #fff;position: relative;transition: .5s;}
.indexabout ul li i{background: url(../images/page2_ico.png)no-repeat;width: 52px;height: 52px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indexabout ul li:nth-child(2) i{background-position: -67px 0;}
.indexabout ul li:nth-child(3) i{background-position: -138px 0;}
.indexabout ul li:nth-child(4) i{background-position: -203px 0;}
.indexabout ul li:hover .pimg{transform: rotateY(-360deg);background-color: #e70012;}
.indexpro{background: url(../images/page3.jpg);}
.indexpro img{display: block;}
.indexpro .swiper-slide{height: auto !important;}
.indexpro h3{color: #333;font-size: 42px;margin-bottom: 75px;font-weight: normal;}
.indexpro .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexpro .text .tubiao{margin-top: 168px;height: 60px;}
.indexpro .text .tubiao img{display: block;margin: 0 auto;}
.indexpro .biaoti{color: #fff;margin-top: 37px;font-size: 16px;text-align: center;margin-bottom: 27px;display: block;}
.indexpro p{color: #fff;font-size: 14px;line-height: 18px;width: 80%;margin: 0 auto;}
.indexpro .more{display: flex;justify-content: center;line-height: 28px;font-size: 14px;color: #fff;margin-top: 35px;}
.indexpro .more img{display: inline-block;padding-top: 5px;height: 18px;margin-right: 5px;}
.indexpro li .pimg img{width: 100%;}
.indexpro li .text{transition: .5s;}
.indexpro li:hover .text{background-color: rgba(231,0,18,0.85);}
.indexpro .swiper-button-next,.indexpro .swiper-button-prev{width: 60px;height: 60px;background-color: #e70012;}
.indexpro .swiper-button-next{right: 3.9%;transform: translateX(50%);top: 60%;border-radius: 50%;outline: none;}
.indexpro .swiper-button-prev{left: 3.9%;transform: translateX(-50%);top: 60%;border-radius: 50%;outline: none;}
.yanfazhongxin{background: url(../images/page4.jpg)no-repeat center top;align-items:inherit;-webkit-align-items:inherit;-ms-flex-align:inherit;-webkit-box-align:inherit;background-size: 100% 100%;}
.yanfazhongxin .w1770{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.yanfazhongxin .pimg{position: absolute;right: 0;top: 52%;transform: translateY(-50%);width: 50.2%;}
.yanfazhongxin .pimg img{width: 100%;}
.yanfazhongxin h3{font-size: 42px;color: #fff;text-align: left;font-weight: normal;margin-top: 11%;}
.yanfazhongxin h3 abbr{font-size: 18px;}
.yanfazhongxin .text{width: 62%;background-color: #fff;padding: 89px 65px;box-sizing:border-box;margin-top: 85px;}
.yanfazhongxin .text p{margin: 0;text-align: left;font-size: 16px;color: #666;line-height: 30px;width: 80%;}
.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;background-size: 100% 100%;}
.indexkehu img{width: 80%;}
.indexkehu h3{font-size: 42px;font-weight: normal;color: #333;}
.video1{cursor: pointer;}
.video2{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #000;z-index: 999999999999;display: none;}
.video2 iframe{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video2 .cha1{position: absolute;right: 30px;top: 30px;width: 50px;height: 50px;}
.video2 .cha1 img{width: 50px;height: 50px;}
.nav2 .fr ul:nth-child(1) li a:hover::after{background-color: #333;}
.shijie{background: url(../images/page6.jpg)center top no-repeat;background-size: 100% 100%;}
.shijie ul{width: 520px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.shijie ul li{width: 50%;margin-bottom: 60px;}
.shijie .text{text-align: left;}
.shijie .text>p{color: #fff;font-size: 42px;}
.shijie .txt{position: relative;}
.shijie .txt span{color: #ff0000;font-size: 60px;font-weight: bold;margin-right: 10px;}
.shijie .txt abbr{position: absolute;top:6px;color: #fff;font-size: 24px;}
.shijie .txt abbr sup{color: #ff0000;font-size: 24px;}
.shijie .txt p{color: #fff;font-size: 18px;margin: 0;}
.shijie ul li:nth-child(1) .txt abbr{top: 14px;}
.indexnews{background: url(../images/page7.jpg)no-repeat center top;background-size: cover !important;}
.indexnews h3{font-size: 42px;color: #333;font-weight: normal;margin-bottom: 42px;}
.indexnews .tabs{margin-bottom: 50px;}
.indexnews .tabs ul{width: 350px;display: flex;justify-content: space-between;margin: 0 auto;}
.indexnews .tabs ul li a{font-size: 18px;line-height: 24px;color: #000;position: relative;}
.indexnews .tabs ul li a::after{content: '';display: block;width: 0%;position: absolute;bottom: -10px;height: 3px;background-color: #e70012;transition: .5s;}
.indexnews .tabs ul li.active a::after{width: 100%;}
.indexnews #tabs-container .swiper-wrapper ul{display: flex;justify-content: space-between;}
.indexnews .swiper-slide{height: auto !important;}
.indexnews #tabs-container .swiper-wrapper li{width: 22%;}
.indexnews #tabs-container .swiper-wrapper li .pimg{width: 100%;height: 260px;overflow: hidden;position: relative;}
.indexnews #tabs-container .swiper-wrapper li .pimg a{display: block;width: 100%;height: 100%;position: relative;}
.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 .pimg img{height: auto;width: 100%;display: block;}
.indexnews #tabs-container .swiper-wrapper .swiper-slide:nth-child(4) li .pimg img{width: auto;height: auto;max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indexnews .text p{margin: 30px 0 25px 0;color: #333;font-size: 16px;text-align: left;line-height: 32px;height: 32px;overflow: hidden;}
.indexnews .text abbr{color: #666;font-size: 14px;line-height: 22px;text-align: left;display: block;min-height: 44px;}
.indexnews .date{text-align: left;margin-top: 25px;color: #666;font-size: 14px;line-height: 20px;display: flex;justify-content: left;}
.indexnews .date img{height: 18px;margin-right: 7px;}
.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;}
/* foot */

footer.swiper-slide, .foot{background: #1a1a1a;height: auto !important;box-sizing: border-box;display: block;}
footer .w1770{display: flex;justify-content: space-between;padding:70px 0 95px 0;}
footer .flogo{font-size: 14px;line-height: 26px;color: #fff;text-align: left;}
footer .daohang{display: flex;justify-content: space-between;width: 43%;}
footer .daohang span{display: block;color: #fff;font-size: 16px;margin-bottom: 28px;text-align: left;}
footer .daohang a{color: #fff;font-size: 14px;line-height: 26px;display: block;text-align: left;}
footer .ewm {text-align: right;}
footer .ewm img{width: 120px;}
.beian{border-top: 1px solid #313131;background-color: #1a1a1a;height: 70px;width: 100%;}
.beian .w1770{padding: 0;}
.beian ul{display: flex;justify-content: space-between;line-height: 70px;}
.beian ul li{color: #fff;font-size: 14px;}
.beian ul li a{color: #fff;font-size: 14px;}
/*荣誉资质*/
.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;}
.news h3{font-size:30px;color:#333;text-align: center;}
.news abbr{display: block;font-size:18px;color:#444;text-align: center;height:40px;line-height: 40px;margin-bottom: 30px;}
.news ol{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;}
.news ol li{width:380px;height:510px;border:1px solid #dbdbdb;padding:25px 18px;box-sizing: border-box;list-style:none;}
.news ol li h2{font-size:22px;color:#333;float:left;}
.news ol li .more{height:30px;line-height:30px;color:#666;font-size:13px;display: inline-block;float:right;}
.news ol li img{width:342px;height:153px;margin:20px 0 0 0;}

.news ol li p>a{color:#e70012;display: block;font-weight: bold;}
.news ol li p>small{font-size:13px;color:#999;}
.news ul{padding:20px 0;border-top:1px solid #eaeaea;}
.news ul li{height:30px;line-height:30px;background: url(../images/newsico.png) left center no-repeat;padding:0 0 0 20px;border:none;width:100%;}
.news ul li a{font-size:15px;color:#333;}
.news ul li span{float:right;font-size:13px;color:#999;}

.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{margin-top:50px;width:17%;float:left;margin-bottom:30px;}
.procat dl dt{height:65px;line-height:65px;padding-left: 25px;color:#f6f6f6;font-size:18px;background:#e70012;font-weight:bold;display: flex;}
.procat dl dt img{height: 20px;margin-top: 23px;margin-right: 10px;}
.procat dl dd{padding:0 15px;height:55px;line-height: 55px;border-top:1px solid #fff;background-color: #f3f3f3;}
.procat dl dd h3{font-weight:normal;background: url(../images/crial.png) left center no-repeat;padding-left:17px;font-size:15px}
.procat dl dd h3::before{content: 'next';font-family: swiper-icons;display: inline-block;font-size: 14px;margin-right: 15px;}
.procat dl dd a{color:#0b0a0a;}
.procat dl dd:hover a,.procat dl dd.active a{color:#e70012;}
.procat dl dd:hover h3,.procat dl dd.active h3{font-weight:bold;}
.procat dl dd.active h3::before,.procat dl dd:hover h3::before{font-weight: normal;color: #e70012;}
.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{margin-top:50px;width:76%;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;}
.proliebiao{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 35px;}
.proliebiao li{width: 20% !important;margin: 0 !important;padding: 25px 0;border: 1px solid #f3f3f3 !important;position: relative;}
.proliebiao li::after{content: '';display: block;width: 0%;position: absolute;left: 0;bottom: 0px;height: 3px;background-color: #e70012;transition: .5s;}
.proliebiao li i{font-style: normal;width: 22px;height: 22px;display: block;background-color: #c7c7c7;color: #fff;text-align: center;line-height: 22px;border-radius: 50%;margin: 0 auto;margin-bottom: 14px;}
.proliebiao li p{background-color: #fff !important;line-height: inherit !important;height: auto !important;color: #666;}
.proliebiao li.active i,.proliebiao li:hover i{background-color: #e70012;}
.proliebiao li.active::after,.proliebiao li:hover::after{width: 100%;}
.proliebiao2{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 35px;}
.proliebiao2 li{width: 25% !important;margin: 0 !important;padding: 25px 0;border: 1px solid #f3f3f3 !important;position: relative;}
.proliebiao2 li::after{content: '';display: block;width: 0%;position: absolute;left: 0;bottom: 0px;height: 3px;background-color: #e70012;transition: .5s;}
.proliebiao2 li i{font-style: normal;width: 22px;height: 22px;display: block;background-color: #c7c7c7;color: #fff;text-align: center;line-height: 22px;border-radius: 50%;margin: 0 auto;margin-bottom: 14px;}
.proliebiao2 li p{background-color: #fff !important;line-height: inherit !important;height: auto !important;color: #666;}
.proliebiao2 li.active i,.proliebiao2 li:hover i{background-color: #e70012;}
.proliebiao2 li.active::after,.proliebiao2 li:hover::after{width: 100%;}
.prolist abbr{padding:20px;color:#666;background: #f6f6f6;border-radius: 5px;margin:30px 0;display: block;}
.prolist ul{margin-bottom:30px;}
.prolist ul:after{content:"";display: block;width:24%;}	
.prolist ul li{margin:0 0 25px 0;width: 24%;float: left;margin-right: 14px;border: 1px solid #ddd;box-sizing: border-box;cursor:pointer}
.prolist ul li:nth-child(4n){margin-right: 0;}	
.prolist ul li .pimg{width:100%;height:200px;line-height:200px;overflow: hidden;text-align: center;display: block;background-color: #fff;}
.prolist ul li .pimg img{ vertical-align: middle;max-width:100%;width:auto;max-height: 100%;height: auto;}
.prolist ul li p{width:100%;height:50px;line-height:50px;text-align: center;background:#f2f2f2;margin:0;display: block;overflow: hidden;}
.prolist ul li p>a{color:#666;font-size:15px;}
.prolist ul li:hover p{background:#e70012}
.prolist ul li:hover p>a{color:#fff;}
.prolist ul li:hover{border-color: #e70012;}
.proneirong{margin-bottom: 60px;}
.proneirong h1{font-size: 30px;color: #333;font-weight: normal;margin: 50px 0 45px;}
.proneirong h2{font-size: 30px;color: #333;font-weight: normal;margin: 50px 0 45px;}
.proneirong p{font-size: 15px;color: #666;line-height: 28px;}
.proneirong p>strong{font-size: 18px;line-height: 24px;margin-top: 60px;color: #333;}
.proneirong img{display: inline-block;max-width: 100%;}
.proneirong .ceshiji td,.proneirong .ceshiji th{border: none;white-space: normal;word-break: normal;white-space: normal;word-break: normal !important;word-wrap: normal !important;vertical-align: top !important;white-space: normal !important;}
.proneirong .ceshiji p{margin: 0;}
.proneirong .ceshiji h4{font-size: 18px;color: #333;}
.pview{margin-top:30px;}
.pview .pimg{width:460px;float:left;height:300px;}
.pview .pimg img{max-width: 100%;width:auto;    max-height: 100%; height: auto;}
.pview .txt{width:430px;float:right;}
.pview .txt h1{font-size:18px;color:#333;}
.pview .txt abbr{display: block;margin:7px 0;color:#666;padding:15px;border-radius: 5px;font-size:14px;line-height:25px;}
.pview .telqq{width:170px;height:45px;line-height: 45px;text-align: center;background: #e70012;font-size:14px;float:left;}
.pview .telqq a{color:#fff;display: block;}
.pview .tel{width:210px;height:44px;line-height:44px;text-align:center;color:#e70012;border:1px solid #e70012;box-sizing:border-box;margin-left:20px;float:left;font-size:14px;}
.pcontent{margin:30px 0;}
.pcontent h1{text-align:center;}
.pcontent .line{line-height:50px;height:50px;background:#eee;}
.pcontent .line span{min-width:160px;width:auto;height:50px;line-height:50px;background:#f6f6f6;display:block;text-align:center;color: #333;float:left;font-size:18px;border-top:2px solid #e70012;}
.pcontent>p{line-height:25px;}
.pcontent ul{margin:20px 0;}
.pcontent ul li .pic{width:275px;height:210px;line-height:210px;overflow: hidden;text-align: center;display: block;}
.pcontent ul li .pic img{ vertical-align: middle;max-width:135%;width:auto;margin-left:-10%}
.pcontent ul li  p{width:275px;height:50px;line-height:50px;text-align: center;background:#fff;margin:0;display: block;}
.pcontent ul li  p>a{color:#0b0a0a;font-size:15px;}
.pcontent ul li:hover p{background:#e70012}
.pcontent ul li:hover p>a{color:#fff;}
.pcontent table{border-collapse:collapse;max-width:100%;width:auto !important;}
.pcontent table tr td{padding:0 8px!important;}

.newslist{float: right;width:76%;margin:60px 0;}
.newslist1{width: 76%;float: right;margin:60px 0;}
.newslist1 h1{font-size: 30px;color: #333;font-weight: normal;margin: 50px 0 45px;}
.newslist .pre{color: #333;font-size: 16px;}
.newslist .pre a{color: #333;font-size: 16px;}
.newslist .next{color: #333;font-size: 16px;}
.newslist .next a{color: #333;font-size: 16px;}
.newslist .panel {float:left;width:80px; 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 #eee;display: inline-block;}
.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 30px;line-height: 30px;}
.panel-body { height:40px;line-height:40px;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;}
.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:#999;}
.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;}
.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;}
.nview h1{font-size:24px;text-align:center;margin:30px auto;color: #333;}
.nview p{line-height:25px;font-size:16px;}
.nview p>img{max-width:100%;width:auto;margin: 0 auto;display: block;}
.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: 76%;}
.aboutview h3{margin-bottom: 0;margin-top: 70px;color: #333;font-size: 34px;text-align: center;font-weight: normal;margin-bottom: 50px;}
.aboutview strong{font-size: 18px;line-height: 36px;color: #333;}
.aboutview .neirong{margin-bottom: 30px;}
.aboutview .neirong p{margin: 0;line-height: 36px;}
.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: 33%;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_ico.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: #333;font-size: 16px;text-align: center}

.aboutview ul li:nth-child(2) i{background-position: -59px 0;width: 53px;}

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

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

.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;}
.message{border-top:1px dashed #dadada;padding:50px 0;width: 76%;}
.message i{width:15px;height:26px;background:url(../images/messageico.jpg) no-repeat;display:inline-block;}
.message input{background:#eee;border:1px solid #ddd;height:40px;line-height:40px;width:80%;padding:0 10px;}
.message strong{font-size:18px;color:#333}
.message p{color:#333;margin-top:30px;}
.message textarea{height:200px;border:1px solid #ddd;width:99.5%}
.message span{display:inline-block;color:#ee0000;width:30px;text-align: center;}
.messagebody{}
.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}
/* job */
.jobnav{border-bottom: 1px solid #eee;}
.jobnav ul li{float: left;margin-right: 30px;font-size: 16px;color: #333;line-height: 50px;height: 50px;position: relative;}
.jobnav ul li::after{content: '';display: block;width: 0%;height: 1px;background-color: #e70012;position: absolute;left: 0;bottom: 0;transition: .3s;}
.jobnav ul li a{font-size: 14px;color: #333;font-weight: normal;}
.jobnav ul li.active::after,.jobnav ul li:hover::after{width: 100%;}
.jobnav ul li a h3{font-weight: normal;}
.jiaru{padding: 60px 0;}
.jiaru>span{font-size: 36px;font-weight: bold;text-align: center;display: block;margin-bottom: 10px;color: #333;}
.jiaru>abbr{font-size: 16px;display: block;text-align: center;margin-bottom: 40px;font-size: #999;}
.jiaru ul{display: flex;justify-content: space-between;width: 100%;}
.jiaru ul li{width: 49.5%;height: 380px;padding: 50px;box-sizing: border-box;border: 1px solid #eee;background-color: #fff;border-radius: 10px;}
.jiaru ul li p{font-size: 28px;color: #666;margin: 0;margin:30px 0 20px 0;}
.jiaru ul li span{font-size: 16px;color: #999;display: block;}
.jiaru ul li .more{margin-top: 40px;}
.mianshi{padding: 60px 0;}
.mianshi .w1400>span{font-size: 36px;font-weight: bold;text-align: center;display: block;margin-bottom: 10px;color: #333;}
.mianshi .w1400>abbr{font-size: 16px;display: block;text-align: center;margin-bottom: 40px;font-size: #999;}
.mianshi ul{display: flex;justify-content: space-between;width: 100%;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;margin-bottom: 60px;}
.mianshi ul li img{display: block;margin: 0 auto;}
.mianshi ul li{width: 24%;}
.mianshi ul p{font-size: 16px;color: #333;text-align: center;display: block;margin: 0 10%;width: 90%;}
.message1{background-color: #eee;padding: 20px 30px;box-sizing: border-box;width: 35%;height: 486px;}
.message1 h2{font-size: 18px;color: #333;text-align: center;font-weight: normal;}
.message1 input{border: none;border-bottom: 1px solid #666;background:none;line-height: 32px;height: 32px;font-size: 14px;width: 100%;margin-top: 30px ;}
.message1 textarea{width: 100%;height: 130px;padding: 10px;box-sizing: border-box;background: none;border: 1px solid #666;margin-top: 30px;font-size: 14px;}
.message1 button{width: 100%;width: 150px;line-height: 30px;font-size: 14px;text-align: center;margin: 30px auto;background-color: #e70012;display: block;color: #fff;box-shadow: none;border: none;}
.mianshi .pimg{width: 65%;height: 486px;overflow: hidden;}
.mianshi .pimg img{width: 100%;}
.zhiyetu{padding: 60px 0;}
.zhiyetu span{display: block;font-size: 30px;font-weight: normal;display: block;margin-bottom: 30px;color: #333;text-align: center;}
.zhiyetu .neirong img{display: block;margin: 0 auto;}
.searchlist{width: 76%;float: right;margin: 50px 0 70px;}
.searchlist ul{margin-top: 50px;}
.searchlist ul li{width:100%;min-height:85px;line-height:25px;clear:both;margin-bottom: 15px;padding:6px 0;}

.searchlist ul li .txt a{color: #555;}

.searchlist ul li:hover{background: #f2f2f2;}

.searchlist ul li:hover .txt{border-top:none;background:none;}

.searchlist ul li span{display: inline-block;background: url(../images/time.png) left center no-repeat;padding-left:15px;float: right;font-size:15px;color:#999;}

.searchlist .txt{width:87%;float: left;margin-left:30px;padding-top:0;border-top:none;background:none;}

.searchlist ul li:hover .txt a{color:#e70012}

.searchlist .txt small{display: block;color:#bbb;}

.searchlist .pimg{width:150px;height:94px;text-align: center;display: flex;align-items: center;float:left;border:1px solid #eee;overflow: hidden;margin-left: 6px;}

.searchlist .pimg img{max-width: 100%;width: auto;max-height:100%;height:auto;margin:auto;}

.searchlist .txt1{width:80%;float: right;}

.searchlist .txt1 a{color: #555;display: block;height: 30px;overflow: hidden;}

.searchlist .txt1 small{display: block;color:#bbb;}

.searchlist ul li:hover a{color:#e70012}

.searchlist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #1d2088;border-radius: 20px;font-size:14px;margin-top:12px;}

.searchlist .txt .down a,.newslist ul li:hover .down a{color: #fff;}
.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:1770px){
	.w1770{width:90%;}	

	}
	@media screen and (max-width:1560px){
		.w1400{width:90%;}	
		.banner .text span{font-size: 40px;}
		.banner .text abbr{font-size: 18px;}
		.banner .text{left: 5%;}
		.banner .swiper-button-next, .banner .swiper-button-prev{left: 9%;}
		.banner .swiper-button-prev{left: 5%;}
		.indexabout h2{font-size: 36px;}
		.indexabout p{font-size: 15px;}
		.indexabout strong{font-weight: normal;}
		.indexpro h3{font-size: 30px;margin-bottom: 50px;}
		.indexpro .text .tubiao{margin-top: 100px;}
		.indexpro .more{margin-top: 30px;}
		.indexpro .swiper-button-prev{left: 5%;}
		.indexpro .swiper-button-next{right: 5%;}
		.yanfazhongxin .text{padding: 30px 40px;}
		.yanfazhongxin .text .more{margin-top: 30px;}
		.indexkehu h3{font-size: 30px;}
		.shijie .text>p{font-size: 30px;}
		.indexnews h3{font-size: 30px;}
		.indexnews .tabs{margin-bottom: 40px;}
		.indexnews #tabs-container .swiper-wrapper li .pimg{height: 190px;}
		.prolist ul li{margin-right: 10px;}
		.shijie .txt span{font-size: 40px;}
		.indexabout ul .pimg{width: 95px;height: 95px;}
		.indexabout ul li i{background-size: 200px;width: 42px;height: 42px;}
		.indexabout ul li:nth-child(2) i{background-position: -52px 0;}
		.indexabout ul li:nth-child(3) i{background-position: -107px 0;}
		.indexabout ul li:nth-child(4) i{background-position: -158px 0;}
		.indexabout ul span{margin-top: 10px;}
		.indexabout ul{margin-top: 60px;}
		.shijie .txt abbr{font-size: 18px;top: -4px;}
		.shijie ul li:nth-child(1) .txt abbr{top: 8px;}
		.shijie .txt p{font-size: 14px;}
		.indexpro p{font-size: 12px;}
		.yanfazhongxin .text{margin-top: 40px;}
		.yanfazhongxin .text p{font-size: 14px;}
		.yanfazhongxin h3{font-size: 30px;margin-top: 13%;}
		.yanfazhongxin h3 abbr{font-size: 15px;}
		.yanfazhongxin .pimg{top: 63%;}
		.indexnews .text p{margin: 15px 0;font-size: 14px;}
		.indexnews .tabs ul li a{font-size: 16px;}
		.indexnews .text abbr{font-size: 13px;}
		footer .daohang span{font-size: 14px;}
		footer .daohang a{font-size: 12px;}
		.proneirong h1{font-size: 24px;}
		.procat dl dt{font-size: 15px;}
		.nbanner .text p{font-size: 24px;margin-bottom: 20px;}
		.nbanner .text span{font-size: 16px;}
		.procat dl dd h3{font-size: 13px;}
		.proneirong p{font-size: 14px;}
		.newslist blockquote{font-size: 15px;}
		.aboutview h3{font-size: 24px;}
		.nview h1{font-size: 18px;}
		.nview p{font-size: 14px;}
		.nav .fr ul:nth-child(1) li a{font-size: 15px;}
		}