﻿/* CSS Document */
body{ height:100%; min-width:1220px;overflow-x:hidden;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; line-height:1.65; font-family:"Microsoft YaHei","微软雅黑"; color:#555; position:relative; background-color:#f7f7f7}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight:normal;}
div{margin:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img ,embed{ border:none;}
img{max-width:100%;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none; margin:0;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block,.pnone{ display:block;}
.clearfix{*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w960{ width:960px !important; height:auto; margin:0 auto; overflow:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto;}
.w1100{ width:1100px !important; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.w93vw{width:93.75vw;max-width:100%;margin:0 auto}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.maskChecked{overflow:hidden !important;}
.boxflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.flex{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
[transition="6s"], [imgsalc] img{transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999; }
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999; }
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999; }
#wrap{ width:100%; height:auto; margin:0 auto; position:relative;}
@media(max-width:767px){
	body{ min-width:320px !important; max-width:850px; font-size:14px;}
	.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
}

/*header*/
.topbar{background: #121212;color:#e9e6e6;font-size:13px; line-height:34px;}
.topbar-inner{height:34px;display:flex;align-items:center;justify-content: space-between}
.topbar a{color:#e9e6e6;font-size:13px; line-height:34px;}

.head-fixed{position: sticky;top: 0;background: rgba(255, 255, 255, 0.96);backdrop-filter: blur(10px);z-index: 1000;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);transition:all 0.3s ease;}
#header{ height:auto;background:#fff; overflow:visible; position:relative; padding:20px 0;}
#header .w1200{ overflow:visible; position:relative; z-index:10;display: flex;align-items: center;gap: 28px;justify-content: space-between;}
#header .logo a{ display:flex;align-items: center;gap: 12px;}
#header .logo img{width:auto;height:56px;}
#header .sLog{display: flex;flex-direction: column;line-height:1;}
#header .sLog strong{font-size: 22px; color:#000;}
#header .sLog small{font-size:14px;color: #7a847f;letter-spacing:1px;margin-top:10px}

.mobile-nav,.mo-nav{ display:none;}

@media(max-width:767px){
	.topbar{ display:none;}
	#header .w1200{gap:18px;}
	#header{ height:auto; padding:10px 15px;}
	#header .logo a{gap:8px;}
	#header .sLog strong{font-size:17px;}
	#header .sLog small{font-size:13px;margin-top:10px}
	.mobile-nav{width:24px;height:21px;padding:3px 0;cursor:pointer;display:block; text-align:center;}
    .mobile-box{display: block;width: 100%;height: 100%;position: relative;}
    .mobile-box .line{display: block;width:100%;height:2px;background-color: #333;position: absolute;left: 0;transition: width 0.3s ease 0s;}
    .mobile-box  .line1 {width:24px;top: 0;}
    .mobile-box  .line2 {width:24px;top:6px;}
    .mobile-box  .line3 {width:24px;top:13px;} 
}
@media(max-width:370px){
	#header .logo img{width:auto;height:46px;}
	#header .sLog strong{font-size:16px;}
	#header .sLog small{font-size:12px;margin-top:5px;letter-spacing:0;}
}
@media(max-width:350px){
	#header .sLog strong{font-size:14px;}
	#header .sLog small{}
}


.menu{ height:auto; position:relative;}
.menu .nav{ display: flex;align-items: center;gap:30px;}
.menu li{position:relative;position:relative;}
.menu li .svb a{ display:block;font-size:16px;font-weight: 500;color:#232323;padding:10px 0; line-height:1.8}
.menu li .svb a:before{content: '';position: absolute;bottom:0;left: 0;width: 0;height: 2px;background:#b80000;transition:all 0.3s ease;}
.menu li.active .svb a{ color:#b80000;}
.menu li:hover .svb a,.menu li .svb a:hover{color:#b80000;}
.menu li:hover .svb a:before,.menu li.active .svb a:before{width:100%;}

@media(max-width:767px){
	.menu{ display:none;}
	.mo-nav{ display:block;position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}
	.mo-nav.open{transform: translateX(0);}
	.mo-nav .mtop{height: 60px;padding: 20px;box-sizing: border-box; display:block;}
	.mo-nav .mtop .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
	.mo-nav .nav{margin-top: 30px;}
	.mo-nav .nav li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0;}
	.mo-nav.open .nav li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
	.mo-nav .nav li:nth-child(1) {-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
	.mo-nav .nav li:nth-child(2) {-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
	.mo-nav .nav li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
	.mo-nav .nav li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
	.mo-nav .nav li:nth-child(5) {-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
	.mo-nav .nav li:nth-child(6) {-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
	.mo-nav .nav li .svb a{display: flex;justify-content: space-between;align-items: center;text-decoration: none;color: #333;font-size: 16px;height: 50px;line-height: 50px;width: 100%;}
	.mo-nav .nav li .svb a.active{color: #e20004;}
	.mo-nav .nav li a i{font-size: 24px;transition: all 0.3s;}
	.mo-nav .nav li a i.active{transform: rotate(180deg);}
	
}

.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#2780E3;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.zwz-btn{ border-radius: 4px; cursor: pointer; display: inline-block; vertical-align: middle; text-align: center;  background-image: -webkit-gradient(linear,left top,right top,from(#7f18ab),to(#4055db)); background-image: -webkit-linear-gradient(left,#7f18ab,#4055db); background-image: -moz-linear-gradient(left,#7f18ab,#4055db); background-image: linear-gradient(to right,#7f18ab,#4055db); border:0; color:#fff;padding:8px 12px;line-height:1.5;}
/*banner*/
.banner{margin-top:0;width:100%;position:relative;}
.indBanner{ width:100%; height:660px;}
.indBanner .swiper-slide{ height:660px;}
.indBanner .swiper-slide a{ display:block; width:100%; height:100%; background-repeat:no-repeat; transition: opacity .55s;display: flex;align-items: center;background-image: linear-gradient(90deg, rgba(23, 23, 23, .73), rgba(23, 23, 23, .28)), var(--hero);background-position: center;background-size: cover;}
.banner-info{width:min(1200px, calc(100% - 30px));margin: auto; padding-bottom:120px}
.banner-info h2{font-size:48px; line-height:1.1; font-weight:700; color:#fff; margin:0 10px 25px; text-shadow:0 0 5px rgba(255, 255, 255, 0.3);}
.banner-info p{ font-size:18px; line-height:1.8; max-width:780px; color:#FFF; width:100%; margin:0 10px;text-shadow:0 0 5px rgba(255, 255, 255, 0.3);}
.indBanner .swiper-pagination{ bottom:80px;}
.indBanner .swiper-pagination-bullet{margin:5px auto; display:inline-block; cursor:pointer; width:28px;height:3px;text-indent:-999px;border-radius:50%;background-color:transparent;opacity:1;position:relative; margin:0 4px;}
.indBanner .swiper-pagination-bullet:before{content:"";display:block;width:28px;height:3px;background:rgba(255,255,255,.65);border-radius:3px;position:absolute;left:-1px;top:-1px;z-index:10;transform:scale(1);transition:all 0.3s;}
.indBanner .swiper-pagination-bullet-active:before{background-color:#b80000;}
.indBanner .swiper-button-next{ right:4vw;}
.indBanner .swiper-button-prev{ left:4vw;}
.pink-color{color: #f4516c!important;}

@media(max-width:767px){
	.indBanner{ width:100%; height:auto;}
	.indBanner .swiper-slide{ height:auto; min-height:540px;}
	.banner-info h2{font-size:36px; line-height:1.4;}
	.banner-info p{ font-size:16px;}

	.indBanner .swiper-pagination{ bottom:15px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px;}
	.indBanner .swiper-pagination-bullet,.indBanner .swiper-pagination-bullet:before{ width:4px; height:4px;}
	.indBanner .swiper-pagination-bullet-active{width:12px;}
	.indBanner .swiper-pagination-bullet-active:before{width:12px;}
}

/*main*/
.features{margin-top: -50px;position: relative;z-index: 20;}
.features>div{}
.features ul{display: grid;grid-template-columns: repeat(3, 1fr);gap:30px;}
.ibrand-num li{ background:#fff;border-radius:12px;padding: 28px 24px;box-shadow:0 8px 24px rgba(184, 0, 0, 0.1);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content: center;gap:16px;border: 1px solid #e5ede6;transition:all 0.3s ease; /*  float:left;width:180px;height:90px;color:#fff;font-size:16px;font-weight:bold;*/}
.ibrand-num li .t{font-size:16px;font-weight:bold;}
.ibrand-num li b{font-size:40px;line-height: 36px; font-family:"DINOT";padding-right:3px;}
.ibrand-num li span{ flex:0 0 100%;display:block;font-size: 16px;padding: 5px 0 0; text-align:center;}
@media(max-width:767px){
	.features{margin-top:0; padding:30px 15px;gap:15px;}
	.features ul{gap:15px;}
	.ibrand-num li{padding:18px 14px;gap:5px;}
	.ibrand-num li .t{font-size:14px;}
	.ibrand-num li b{font-size:28px;line-height:1;}
	.ibrand-num li span{font-size:14px;padding:0;}
	
}

.main1{padding: 100px 0 80px;}
.main1>div{display: grid;grid-template-columns: 1.05fr 1fr;gap: 50px;align-items: center; overflow:visible;}
.main1 .about_img{position: relative; padding-bottom:0}
.main1 .about_img img{border-radius:20px;width: 100%;height: 480px;object-fit: cover;box-shadow:0 8px 24px rgba(184, 0, 0, 0.1);}
.main1 .badge{position: absolute;bottom:-25px;right: -25px;background: #ffffff;padding:24px;border-radius:12px;box-shadow:0 16px 40px rgba(184, 0, 0, 0.12);border-left: 5px solid #b80000;max-width: 240px;}
.main1 .badge .num{font-size:30px;font-weight:800;color:#b80000;line-height:1;margin-bottom:8px;}
.main1 .badge .label{font-size:14px;color:#667268;}
.main1 .badge p{margin-top:8px; font-size:14px; color: #888;}
.main1 .about_r h2{font-size:32px;color:#b80000;font-weight: 800;margin-bottom:12px;line-height: 1.3;}
.main1 .about_r p{color:#666;margin-bottom:12px;font-size:16px;line-height: 1.8;}
.main1 .about_r .points{display: grid;grid-template-columns: 1fr 1fr;gap:16px;margin:20px 0 25px;}
.main1 .about_r .points .item{display:flex;align-items: center;gap: 10px;font-weight: 600;font-size:16px;color:#232323;}
.main1 .about_r .points .item svg{width: 20px;height: 20px;fill:#b80000;min-width: 20px;}
.main1 .about_r .points .item span{}
.main1 .about_r .more{display:flex;gap:25px;}
.main1 .about_r a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(200, 150, 62, 0.35);}
.main1 .about_r a.btn-primary{background:#b80000;color: #ffffff;}
.main1 .about_r a.btn-video{ border:1px solid #b80000; color:#b80000; background-color:transparent;}
.main1 .about_r a.btn-video{display:flex;align-items:center;}
.main1 .about_r a.btn-video svg{width: 20px;height: 20px; fill:#b80000; display:block;}
@media(max-width:767px){
	.main1{padding:40px 15px;}
	.main1>div{grid-template-columns:1fr;gap:45px;}
	.main1 .about_img img{border-radius:20px;height:auto;}
	.main1 .badge{bottom:-25px;right: -15px;padding:15px;border-radius:10px;}
	.main1 .badge .num{font-size:24px;}
	.main1 .about_r h2{font-size:26px;}
	.main1 .about_r p{margin-bottom:10px;font-size:15px;}
	.main1 .about_r .points{grid-template-columns:1fr;gap:10px;}
	.main1 .about_r .points .item{font-size:15px;}
	.main1 .about_r a{gap:5px;padding:10px 28px;font-size:15px;}
}


.mTop{ text-align:center;max-width:720px;margin:0 auto 40px;}
.mtiten{display: inline-block;color:#333;font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 10px;background: rgba(31, 31, 31, 0.05);padding: 4px 14px;border-radius: 20px;}
.mtit{font-size:32px;font-weight: 800;color:#b80000;margin-bottom:15px;line-height: 1.3;}
.mTop p{font-size: 1rem;color:#666;line-height: 1.7;}

@media(max-width:767px){
	.mTop{max-width:90%;margin:0 auto 20px;}
	.mtiten{font-size: 0.8rem;letter-spacing:1px;}
	.mtit{font-size:26px;}
	.mTop p{font-size:15px;}
}


.main2{ padding:80px 0; background:#f6f1f1;}
.case_nav{ width:100%; height:auto; padding-bottom:50px;}
.case_nav ul{display: flex;justify-content: center;gap:12px;flex-wrap: wrap;}
.case_nav ul li{background:#ffffff;border: 1px solid #e5ede6;padding: 9px 24px;border-radius: 30px;transition:all 0.3s ease;}
.case_nav li a{font-size:16px;font-weight:600;color:#232323;}
.case_nav li.cur,.case_nav li:hover{ background:#b80000;}
.case_nav li.cur a,.case_nav li:hover a{ color:#FFF;}
.pro-swiper{ width:100%; height:auto; padding:0;}
.pro-swiper ul{display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
.pro-swiper ul li{background: #ffffff;border-radius:12px;overflow: hidden;box-shadow:0 2px 8px rgba(184, 0, 0, 0.06);border: 1px solid #e5ede6;transition:all 0.3s ease;display: flex;flex-direction: column;}
.pro-swiper ul li:hover{transform: translateY(-6px);box-shadow:0 16px 40px rgba(184, 0, 0, 0.12);border-color: rgba(184, 0, 0, 0.3);}
.pro-swiper ul li .pic{ display:block;width:100%;height:292px;overflow:hidden; text-align:center; background:#e9ecef;}
.pro-swiper ul li .pic img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease; display:block;}
.pro-swiper ul li:hover .pic img {transform: scale(1.08);}
.pro-swiper ul li .info{padding:20px;display: flex;flex-direction: column;flex-grow: 1;}
.pro-swiper ul li .info .title{line-height:1.5; font-weight:bold; font-size:16px;color:#232323;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:8px;}
.pro-swiper ul li:hover .info .title{color:#b80000;}
.pro-swiper ul li .info p{ width:100%;font-size:15px;color:#666;line-height:1.7;height:auto;overflow:hidden; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.pro-swiper ul li .info span{width:30px;height:30px;display:block;line-height:0;position:absolute;top:40px;right: 20px;}
.pro-swiper ul li .info span img{width:30px;height:30px;}
.pro-swiper ul li .info span a{-webkit-transition:transform .3s;transition:transform .3s; display:block;width: 30px;height: 30px;line-height: 0;border-radius: 50%;}
.pro-swiper ul li .info span a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);}
.pro-swipe li.hide{display: none !important;}
@media(max-width:767px){
	.main2{ padding:40px 15px;}
	.case_nav{padding:0 0 20px;}
	.case_nav ul li{ padding: 8px 20px;}
	.case_nav li a{ font-size:15px;}
	.pro-swiper ul{grid-template-columns: repeat(2, 1fr);gap:15px;}
	.pro-swiper ul li .pic{height:auto;}
	.pro-swiper ul li .info{padding:10px;}
	.pro-swiper ul li .info .title{font-size:15px;}
	.pro-swiper ul li .info p{font-size:14px;}
	
	
}


.main3{ padding:60px 0;/* background:#f6f6f6;*/ position:relative;}
.main3>div{display:grid;grid-template-columns: .9fr 1.1fr;gap: 70px;align-items: center;}
.main3 .left{text-align:left;margin: 0px;}
.main3 .left h2{font-size:36px;line-height: 1.25;margin: 8px 0px 12px; color:#b80000; font-weight:600;}
.main3 .left p{color:#787878; font-size:16px;}
.main3 .left .tel{ font-size:16px; padding:10px 0 0; line-height:1.5;color:#787878;display: flex;}
.main3 .left .tel span{ display:block; line-height:1.5;}
.main3 .left .tel b{/* font-size:24px;*/ font-weight:normal;}
.main3 .right{display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}
.main3 .right .item{background:#fff;padding:28px;border:1px solid #e7ece9}
.main3 .right .item b{color:#9e5757; font-size:16px;}
.main3 .right .item h3{font-size:18px;margin:5px 0 8px; font-weight:600; color:#333;}
.main3 .right .item p{font-size:15px;color:#75807b;margin:0}
@media(max-width:767px){
	.main3{ padding:40px 15px;}
	.main3>div{grid-template-columns:1fr;gap:40px;}
	.main3 .left{text-align:center;margin: 0px;}
	.main3 .left h2{font-size:26px;}
	.main3 .left p{ font-size:15px;}
	.main3 .left .tel{ font-size:15px;justify-content: center}
	.main3 .right{gap: 12px;}
	.main3 .right .item{padding:15px;}
	.main3 .right .item b{color:#9e5757; font-size:15px;}
	.main3 .right .item h3{font-size:16px;}
	.main3 .right .item p{font-size:14px;}
	
}


.main7{background:#fff;padding:60px 0 50px;}
.main7 .w1200{ position:relative;}
.main7 .mainTit{ background:none;}
.main7Con{position:relative;transition:all ease 1s; padding:10px 0 0;}
.main7Con .lbox{width:100%;}
.main7Con .lbox ul li{ float:left; width:48%; margin-right:4%;height:auto;margin-bottom:25px;box-sizing:border-box; border-bottom:1px solid #e5ede6;transition:all ease .3s;}
.main7Con .lbox ul li:nth-child(2n){ margin-right:0;}
.main7Con .lbox ul li a{display:block; padding:0 0 20px;}
.main7Con .lbox ul li .titles{width:100%;font-size:18px;line-height:1.2; font-weight:500;color:#121212; display:flex;align-items:center;gap: 16px;justify-content:space-between}
.main7Con .lbox ul li .titles span{ flex:1; display:block;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.main7Con .lbox ul li .titles span:last-child{ flex:0 0 60px; font-weight:normal; font-size:14px; color:#888; text-align:right;}
.main7Con .lbox ul li .desc{ width:100%; font-size:15px; color:#787878;line-height:1.8; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:12px;}
.main7Con .lbox ul li:hover .titles{ color:#b80000;}

@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@media(max-width:767px){
	.main7{padding:40px 15px;}
	.main7Con .lbox ul li{ width:100%; margin-right:0;margin-bottom:20px;}
	.main7Con .lbox ul li a{display:block; padding:0 0 15px;}
	.main7Con .lbox ul li .titles{font-size:17px;gap:12px;}
	.main7Con .lbox ul li .titles span:last-child{ flex:0 0 60px;}
	.main7Con .lbox ul li .desc{ font-size:14px; margin-top:12px;}	
	
}

.main6{padding:60px 0;/*background:#fff;*/}
.m6_wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#ffffff;border-radius:20px;padding: 48px;box-shadow:0 8px 24px rgba(184, 0, 0, 0.1);border: 1px solid #e5ede6;}
.main6 h3{font-size:30px;font-weight:800;color:#b80000;margin-bottom: 16px; line-height:1.5;}
.main6 .main_l p{color:#666;margin-bottom: 28px;line-height: 1.7; font-size:16px;}
.main6 .main_l .mList{display: flex;flex-direction: column;gap: 20px;}
.main6 .main_l .mList .item{display: flex;align-items:center;gap: 16px;}
.main6 .main_l .mList .item .icon{width:44px;height:44px;min-width:44px;background:rgba(184, 0, 0, 0.08);border-radius:10px;color:#b80000;display:flex;align-items:center;justify-content:center;}
.main6 .main_l .mList .item .icon svg{width: 22px;height: 22px;fill: currentColor;}
.main6 .main_l .mList .item .text h4{font-size:16px;color:#666;font-weight: 500;margin-bottom: 3px;}
.main6 .main_l .mList .item .text p{color:#333;font-weight: 600;margin-bottom: 0;}
.main6 .main_r{background:#fdfefe;border:0px solid #e5ede6;border-radius:0;padding:0 0 0 32px;}
.main6 .main_r h4{font-size:24px;font-weight: 700;color:#b80000;margin-bottom: 0; position:relative; padding-top:15px;}
.main6 .main_r h4:after{ content:''; width:30px; height:3px; background:#b80000; position:absolute; left:0; top:0;}
.faq-list{ width:100%;}
.faq-list .item{border-bottom: 1px solid #dfe5e2;padding:0 0 18px 0; margin-bottom:20px;}
.faq-list .item:last-child{ margin-bottom:0;}
.faq-list .item .name{cursor:pointer;font-weight:700;font-size:17px;color:#23302b; line-height:1.5;}
.faq-list .item .prose{padding:8px 0 0;color: #64716b; font-size:16px;}
@media(max-width:767px){
	.main6{padding:40px 15px;}
	.m6_wrap{grid-template-columns:1fr;gap:20px;border-radius:15px;padding:18px;}
	.main6 h3{font-size:24px;}
	.main6 .main_l p{margin-bottom:20px; font-size:15px;}
	.main6 .main_l .mList{gap: 15px;}
	.main6 .main_l .mList .item{gap:12px;}
	.main6 .main_l .mList .item .text h4{font-size:15px;margin-bottom:2px;}
	.main6 .main_r{padding:20px 0 0 0;}
	.faq-list .item{padding:0 0 14px 0; margin-bottom:16px;}
	.faq-list .item .name{font-size:17px;}
	.faq-list .item .prose{ font-size:15px;}
}


/*footer*/
.footer{background:#1e1d1d;line-height:30px;color:#ccc;padding:60px 0 0; font-size:14px;}
.footer .ftp{ overflow:visible; position:relative;display:flex;flex-direction:row;gap:20px;align-content:space-between; padding-bottom:50px;}
.fnav{height:auto;flex:1;display:flex;gap:120px;}
.fnav dl{}
.fnav dt{ padding-bottom:10px;}
.fnav dt a{height:auto;line-height:1.8;text-align:left;color:#ffffff; font-weight:500;font-size:18px;}
.fnav dd a{display:block;color:#b0b0b0;font-size:16px;line-height:1.8; margin-bottom:3px;}
.footC{ flex:0 0 300px;}
.footC .fTel{}
.footC .fTel span{display:flex;gap:10px;align-content:space-between;color:#ffffff;font-weight:bold; margin-bottom:15px;}
.footC .fTel span b{font-size:32px;display:block; font-style:normal; line-height:1.4;}
.search-box{ height:auto; padding:10px 0 0;}
.search-box form{display:flex;align-items: center;background:rgba(255,255,255,.15);padding:0 0 0 12px; border-radius:5px;}
.search-box form input{background:none;outline:none;border:none;width:242px;line-height: 1.75;color: #fff; font-size:14px;}
.search-box form button{width:46px;height:44px;display: flex;align-items: center;justify-content: center;background:none;outline:none;border: none; cursor:pointer;}
.search-box form button img{width: 20px; opacity:.9;}
.search-box form input::-webkit-input-placeholder{ color:#999; }
.search-box form input:-moz-placeholder{ color:#999; }
.search-box form input::-moz-placeholder{ color:#999; }
.search-box form input:-ms-input-placeholder{ color:#999; }
.search-box form button{position: relative;}
.search-box form button img:nth-child(2){position:absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}
.search-box form button:hover img:nth-child(1){opacity:0;}
.search-box form button:hover img:nth-child(2){opacity:1;}
.footC .fcode{display: flex;align-items: center;margin-top:25px; opacity:.9;}
.footC .fcode .det{width:60px;position: relative;}
.footC .fcode .det .tp{ cursor:pointer;}
.footC .fcode .det .tp img{margin:0 auto; display:block;}
.footC .fcode .det .bt{position:absolute;top:65px;left:50%;margin-left:-50px; width:100px; padding:3px; background-color:#fff;pointer-events: none;visibility: hidden;opacity: 0;}
.footC .fcode .det .bt img{ display:block; max-width:100%; height:auto;}
.footC .fcode .det .bt span{ display:block; text-align:center; color:#b0b0b0; font-size:14px; padding:5px 0 4px; line-height:1;}
.footC .fcode .det:hover .bt{top: 35px;visibility: visible;opacity: 1;}
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.bottomBox{padding:30px 0;text-align:center;color:#fff; width:100%; background:#1e1d1d; font-size:15px; border-top:1px solid rgba(255,255,255,.15);}
.bottomBox i{ font-style:normal;}
.bottomBox .footcopy{color:#fff;line-height:2;}
.bottomBox .footcopy,.bottomBox .footcopy a{font-size:15px;color:#fff;}
.flink{ width:100%;padding:5px 0 0;color:#b0b0b0; font-size:15px;}
.flink a{margin:0 8px 0 0;color:#b0b0b0;}
.bottomBox a:hover{color:#fff;transition: .5s;-webkit-transition: .5s;}

.index_foot{ display:none;}
@media(max-width:767px){
	.footer{ padding:40px 15px 20px;}
	.flink,.footer .fnav,.search-box{ display:none;}
	.footer .ftp{justify-content: center; padding:0 0 20px}
	.footC{ flex:0 0 auto;}
	.footC .fTel span{ margin-bottom:5px;}
	.footC .fTel span b{font-size:24px;}
	.footC .fcode .det{width:50px;}
	.footC .fcode{margin-top:15px; opacity:.9;}
	.bottomBox{padding:1rem 10px;}
	.bottomBox .footcopy i{ display:block;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:108px;}
	.app_con{ height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width: 100%; display:block;}
	#fixed-foot{position:fixed; z-index:900;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display: inline-block;background:rgba(0,0,0,.5);-webkit-box-shadow: 0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:10px 5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align: center;width:100%; background-color:#d10101; border-radius:40px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-bottom:.5rem;}
	#fixed-foot .btn1 a img{display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:1rem; vertical-align:middle;}
}


.nyBan{width:100%;position:relative;padding:100px 0;background: #213831;color: #fff;background-image: linear-gradient(90deg, rgba(23, 23, 23, .85), rgba(23, 23, 23, .45)), var(--page-cover);background-size: cover;background-position: center; min-height:360px;display:flex;align-content: center;}
.nyBan>div{ margin:auto;}
.nyBan .summary{ width:100%; height:auto; margin:auto;}
.nyBan h2{ font-size:42px;line-height: 1.15;margin:0 0 20px;max-width: 780px;}
.nyBan p{color:#dbdbdb;max-width: 720px; font-size:16px; line-height:1.8;}
@media(max-width:767px){
	.nyBan{padding:60px 15px; min-height:260px;}
	.nyBan h2{ font-size:28px;max-width: 100%;}
	.nyBan p{max-width: 100%; font-size:15px;}
	
}

.breadcrumb{background-color: rgba(245, 245, 245, 1);padding-top:25px;padding-bottom:25px;}
.breadcrumb ul{display:flex;flex-wrap: wrap;}
.breadcrumb ul li{position: relative;}
.breadcrumb ul li:not(:first-child){padding:0 3px 0 15px}
.breadcrumb ul li:not(:first-child)::before {content: '>';position: absolute;left: 3px;color: #999; top:2px;}
.breadcrumb ul li span{ color:#6c757d; line-height:1.6; font-size:15px;}
.breadcrumb ul li .icon{width: 12px;height: 12px;fill:#6c757d;}
@media(max-width:767px){
	.breadcrumb{padding:15px}
	.breadcrumb ul li span{ font-size:14px;}
}

/*content*/
.contentBox{position:relative; z-index:9; background-color:#FFF;}
.contentBox>.w1200{ position:relative;}
.contentBox>.w1200:after{content: "";display:block;width:1px;height:100%;background:#e5e5e5;position:absolute;left:0;margin-left:280px;top:0;}

.sideL{overflow:hidden;width:225px;padding:0; float:left;padding:50px 0;background: #fff;}
.sidecate{ width:100%; height:auto;}
.sidecate .side-title{font-size:24px;font-weight: bold;color:#232323;line-height: 1; padding-bottom:30px;}
.innav{border-top: 1px solid #e5e5e5;}
.innav ul li{border-bottom: 1px solid #e5e5e5; position:relative;}
.innav ul li a{display: block;padding:20px 0;line-height: 1;}
.innav ul li p{font-size:16px;font-weight:500;color:#333333;}
.innav ul li:after{content: "";width: 8px;height: 8px;border:2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top:50%;right:20px;margin-top:-4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.innav ul li span{display: none;font-size:12px;color: rgba(00, 00, 00, 0.5);line-height: 1;margin-top: 12px;text-transform: uppercase}
.innav ul li.on p,.innav ul li:hover p{color:#b80000; font-weight:600;}
.innav ul li.on:after,.innav ul li:hover:after{ border-color:#b80000;}


@media(max-width:767px){
	.contentBox>.w1200:after,.sidecate .side-title,.innav ul li:after{ display:none;}
	
	.sideL{ float:none; padding:20px 15px 0; width:100%;}
	.innav{border-top:none;}
	.innav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
	.innav ul li{border:1px solid #e5e5e5; border-radius:5px;}
	.innav ul li a{display: block;padding:10px 20px;line-height: 1.2;}
	.innav ul li p{font-size:15px;}
	.innav ul li.on,.innav ul li:hover{ border-color:#b80000;}
	
}

.side_r{width:865px;float: right;overflow:hidden; padding:50px 0 50px; min-height:400px;}
.side_r.sideWrap{ width:100%; padding:10px 0 50px; float:none;}
@media(max-width:767px){
	.side_r{ padding:0; min-height:100px; width:100%; padding:15px 0 30px;}
	.side_rw{padding:.5rem 0 20px;left:0;top:0;width:100%;height:auto;border-radius:0;-webkit-box-shadow:none;box-shadow:none; margin-top:0;}
	.side_rw{ width:100%; border-top:none; margin:0;}
	.side_r.mobile-xs{ border-top:none; margin:0;}
	.side_rw .side_rt{ display:none;}
	.side_rt{ padding:.8rem 10px; height:auto; border-bottom:none;}
	.side_rt h5{ float:none;font-size:1.3rem; line-height:1.5;}
	.position{ font-size:.9rem; line-height:1.5; padding:.5rem 10px; display:none;}
	.position a{ font-size:.9rem;}
}

.side_rc{ width:100%; height:auto; padding:0;}
.contactBox{ width:1200px; height:auto; margin:0 auto; padding:50px 0 0;}
.contactBox .lxtp{display:flex;flex-wrap: wrap;flex-direction: row;width:100%;background-color:rgba(248, 248, 248, 0);padding:0px 0 0px;}
.contactBox .coninfo{flex:0 0 50%;padding-right:2%;}
.contactBox .coninfo h3{font-size:28px;color: rgba(51, 51, 51, 1);margin-bottom: 35px; line-height:1.1;}
.contactBox .coninfo .details li{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(224, 224, 224, 1);}
.contactBox .coninfo .details li p{flex: 0 0 auto;padding-right:10px;color:rgb(184, 0, 0);}
.contactBox .coninfo .details li p .icon{margin:0;width:24px;height:24px;fill:currentColor;}
.contactBox .coninfo .details li h4{flex: 1;max-width: 100%;max-height: 100%;font-size: 16px; line-height:1.5;color:#333;}
.contactBox .coninfo .details li.last{ border-bottom:none; padding:10px 0 0; margin-bottom:0;}
.contactBox .coninfo .details li .cbox{flex:1;max-width:130px; margin-right:30px}
.contactBox .coninfo .details li .s_img{ width:100%; height:auto;}
.contactBox .coninfo .details li .s_img img{width:100%;height: 100%;object-fit: contain;filter: unset;}
.contactBox .coninfo .details li .s_txt{margin-top:5px;margin-left: auto;margin-right: auto;text-align: center;font-size:16px;line-height:1.5;color:#333;}
.maps{padding-left:2%;flex:1;max-width:100%;max-height:100%;}
@media(max-width:767px){
	.contactBox{ width:100%; height:auto; margin:0 auto; padding:20px 0 0;}
	.contactBox .coninfo{flex:0 0 100%;padding-right:0;}
	.contactBox .coninfo h3{font-size:24px;margin-bottom:25px;}
	.contactBox .coninfo .details li{margin-bottom:15px;padding-bottom:15px;}
	.contactBox .coninfo .details li p .icon{width:20px;height:20px;}
	.contactBox .coninfo .details li h4{font-size: 15px;}
	.contactBox .coninfo .details li .cbox{flex:1;max-width:120px;}	
	.contactBox .coninfo .details li .s_txt{font-size:15px;}
	.maps{padding:20px 0 0; height:350px;}
}


/*图文展示*/
.productList{}
.productList ul{display:flex;flex-wrap: wrap;}
.productList ul li{flex: 0 0 auto;width:calc((100% - 48px) / 3); margin:0 24px 24px 0;}
.productList ul li:nth-child(3n){ margin-right:0;}
.productList ul li a{ display:block;border:1px solid #e2e2e2;}
.productList ul li .img{text-align: center;height:auto;overflow:hidden;position: relative;}
.productList ul li .img img{max-width:100%; height:auto;transition: transform 0.6s;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s; display:block;}
.productList ul li:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.productList ul li .title{line-height: 30px;height:auto;text-align:center;padding:10px 10px 20px;}
.productList ul li .title p{font-size:16px;color: #565656;font-weight: bold;}


.showList ul{display:flex;flex-wrap: wrap;}
.showList ul li{flex: 0 0 auto;width:calc((100% - 76px) / 4); margin:0 24px 24px 0;}
.showList ul li:nth-child(4n+1),.showList ul li:nth-child(4n+2),.showList ul li:nth-child(4n+3){ margin-right:24px;}
.showList ul li:nth-child(4n){ margin-right:0;}
@media(max-width:767px){	
	.productList{ padding:15px 15px 0;}
	.productList ul li{width:calc((100% - 15px) / 2); margin:0 15px 15px 0;}
	.productList ul li:nth-child(2n){ margin-right:0;}
	.productList ul li:nth-child(2n+1){ margin-right:15px;}
	.productList ul li .title{line-height:1.5;padding:10px 10px 20px;}
	.productList ul li .title p{font-size:15px;}
	
	.showList ul li{width:calc((100% - 15px) / 2); margin:0 15px 15px 0;}
	.showList ul li:nth-child(2n){ margin-right:0;}
	.showList ul li:nth-child(2n+1){ margin-right:15px;}
	
}

.atlasList ul{display:flex;flex-wrap: wrap;}
.atlasList ul li{flex: 0 0 auto;width:calc((100% - 48px) / 3); margin:0 24px 24px 0;}
.atlasList ul li:nth-child(3n){ margin-right:0;}
.atlasList ul li a{ display:block;border:1px solid #e2e2e2;}
.atlasList ul li .pic{text-align: center;height:auto;overflow:hidden;position: relative;}
.atlasList ul li .pic img{max-width:100%; height:auto;transition: transform 0.6s;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s; display:block;}
.atlasCon li .bg{background:#e80000 none repeat scroll 0 0;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;
transition: all 400ms ease 0s;width: 100%;}
.atlasCon li .i5 {left:10%;margin:-25px 0 0 -25px;opacity:0;position:absolute;top:50%;transition:all 400ms ease 0s; width:50px; height:50px;}
.atlasCon li .i6 {left:90%;margin:-10px 0 0 -10px;opacity:0;position:absolute;top:50%;transition: all 400ms ease 0s; width:20px; height:auto;}
.atlasList ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.atlasList ul li .tit{line-height: 30px;height:auto;text-align:center;padding:10px 10px;font-size:16px;color: #565656;font-weight: bold;}
.atlasList li:hover .bg {opacity: 0.8;}
.atlasList li:hover .i5 {left:50%;opacity: 1;}
.atlasList li:hover .i6 {left:50%;opacity: 1;}

/*简介*/
.side_rc .infor,.side_rc .contact{ padding:0; line-height:2; color:#232323; font-size:16px;text-align:justify; min-height:400px;}
.side_rc .infor img{ max-width:100%; height:auto;}
.side_rc .contact .map{ width:100%; height:450px; margin-top:10px;}
.side_rc .contact .map img{ max-width:inherit;}
.side_rc .infor table{ border-color:#ddd;}
.side_rc .infor table tr,.side_rc .infor table td{ border-color:#ddd;}
.side_rc .infor table td{ line-height:1.5; padding:5px 5px;}
@media(max-width:767px){
	.side_rc .infor,.side_rc .contact{ padding:0 15px;  min-height:200px;}
	.side_rc .infor img{ max-width:97%; height:auto;}
	.side_rc .infor table td{ line-height:1.5; padding:10px 5px; vertical-align:top;}
}


/*新闻*/
.news_list ul{display: flex;flex-wrap: wrap;}
.news_list ul li{width:100%;margin-bottom:30px;transition: 0.6s;}
.news_list li .pic a{display: block;}
.news_list li .pic{border-radius: 4px 4px 0 0;position: relative;z-index: 0;}
.news_list li .pic img{width: 100%;height:260px;object-fit: cover;}
.news_list li .pic:before{content: "";width: 100%;height: 100%;background: #000000;opacity: 1;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all 0.4s;}
.news_list li .info{ width:100%; height:auto;}
.news_list li .info a{border-bottom:1px solid #eaeaea; padding:0 0px 25px;display:block;border-radius:0;}
.news_list li .info h3{font-size:20px;line-height: 1;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;color:#1A1A1A;}
.news_list li .info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8;margin:15px 0 12px; color:#777;}
.news_list li .info .time{ display: flex; align-items: center;justify-content:space-between;font-size:15px; color:#888;}
.news_list li .info .time span:nth-child(2){color:#333;font-size:22px;}
.news_list li .info .time .btn-view{display: flex;align-items: center;}
.news_list li .info .time .btn-view i{margin-left:10px;transition: all 0.4s ease; display:block;}
.news_list li .info .time .btn-view svg{ width:18px; height:18px;transform: rotate(0deg); display:block;}
.news_list li .info .time .btn-view svg path{fill:#888;} 
.news_list li hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom:23px;margin-top:15px;}
.news_list li hr{background:#e7e8f2;position:relative; margin:25px 0 15px;}
.news_list li hr:after{position:absolute;left:0;top:0;content:'';width:0;height:1px;background:#e80000;transition: all 0.6s ;}
.news_list li:hover hr:after{width:100%;}
.news_list li:hover hr:after{width:100%;}
.news_list li:hover .info .time .btn-view{color:#e80000;}
.news_list li:hover .info .time .btn-view svg path{fill:#e80000;}
@media(max-width:767px){
	.news_list{ padding:15px 15px 0;}
	.news_list ul li{margin-bottom:20px;}
	.news_list li .info a{ padding:0 0px 15px;}
	.news_list li .info h3{font-size:18px;}
	.news_list li .info p{font-size:14px;}
	.news_list li .info .time{font-size:14px;}
	
}


/*page*/
#page{ height:auto; margin:25px 0 10px;overflow:hidden; width:100%; text-align:center;display:flex;justify-content:center;align-items:center}
#page a.active{color:#fff; cursor:pointer; background:#e10000; border:1px solid #e10000;}
#page a{ padding:0 5px; margin:0 3px; border:1px solid #ddd; min-width:38px; height:38px; line-height:36px; text-align:center; color:#666; font-size:15px; background:#f8f8f8;display:flex;align-items:center;justify-content:center; border-radius:5px;}
#page svg{fill:currentcolor;}
#page a:nth-of-type(1){ margin:0 3px 0 0;}
#page a:hover{ color:#fff; cursor:pointer; background:#e10000; border:1px solid #e10000;}
#page a.next1{overflow:hidden;}
#page a.prev1{overflow:hidden;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
#page .none{ display:none;}
#page1{ display:none;} 
@media(max-width:767px){
	#page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin:10px 0;display:flex;justify-content:center;align-items:center}
	#page1 a{ padding:8px 14px; background:#e10000; border-radius:5px; color:#FFF; font-size:14px;display:flex;align-items:center;justify-content:center;}
	#page1 a:nth-child(1){-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
	#page1 a.num{ color:#e10000; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:4px 12px; }
	#page1 a svg path{fill:#fff;} 

}

.searchList{ width:1200px; height:auto; margin:0 auto; padding:40px 0 0;}
.searchList .newsBox{ padding:50px 0 0;}
.newsBox li{ width:100%; height:auto;margin-bottom:25px;border-bottom:1px solid #eaeaea; padding:0 0px 25px;}
.newsBox li .tit{display:flex;justify-content:space-between;align-items: center; padding-bottom:15px;}
.newsBox li .tit h5{ font-size:20px; line-height:1; max-width:85%;}
.newsBox li .tit h5 a{white-space:nowrap;text-overflow: ellipsis;overflow: hidden;color:#1A1A1A; display:block; max-width:100%;}
.newsBox li .tit span{ font-size:15px; color:#666;}
.newsBox li .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8;margin:0; color:#666;} 
.newsBox li:hover .tit h5 a{ color:#e80000;}  
@media(max-width:767px){
	.searchList{ width:100%; padding:20px 0 0;}
	
	.searchList .newsBox{ padding:30px 15px 0;}
	.searchList .newsBox li{margin-bottom:20px; padding:0 0px 15px;}
	.searchList .newsBox li .tit h5{ font-size:18px;max-width:75%;}
	.searchList .newsBox li .tit span{ font-size:14px;}
	.searchList .newsBox li .desc{font-size:14px;}
}

/*详情页*/
.detailWarper{ padding:0;}
.detail_con{ width:100%; height:auto; font-size:14px; padding:30px 0 10px;}
.detail_contop{ width:100%; height:auto;}
.detail_title{ font-size:28px; font-weight:500; color:#232323; line-height:1.5;padding-bottom:15px; text-align:center;}
.detail_title.line{ margin-bottom:18px;}
.detail_time{ padding:0 0 20px; font-size:14px; color:#888; text-align:center; border-bottom:1px solid #efefef;}
.detail_time a{ color:#888;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 8px;}
.dis_img{ text-align:center; margin-bottom:5px;}
.dis_img img{ max-width:100%; height:auto;}
.details_info{ padding:30px 0; width:100%; line-height:2; min-height:420px; color:#232323;border-bottom:1px solid #f5f5f5;}
.details_info h1{ display:none;}
.details_info img{ max-width:100%; height:auto;}
hr{ margin:5px 0;}
.cInfo p{ text-indent:2em;}

.details_video{ overflow:hidden; margin:0 auto 15px;display:flex;justify-content:center;align-items: center;}
.details_video .video-js.vjs-fluid{ max-width:85%; min-height:260px; border:5px solid #000; display:block;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}
@media(max-width:767px){
	.detail_con{padding:15px 15px 1rem;}
	.detail_title{ font-size:24px;}
	.detail_time{ padding:0 0 10px;}
	.detail_time em{ margin:0 4px;}
	.details_info{ padding:15px 0; line-height:2; min-height:20px;}
	.details_info img{ max-width:98%;}
	.details_video{ width:100%; height:260px; overflow:hidden; padding:0; line-height:2; color:#333;}
	.details_video .video-js.vjs-fluid{ height:100%;}
}

.detail_ys{height:765px;padding:50px 0 0;overflow:hidden; position:relative;}
.detail_ys .mTitle{ background-position:center 53px;}
.detail_ys .mTitle h5{ font-size:30px;}
.detail_ys .mTitle p{ font-size:17px;}
.detail_ys .main4T{width:872px;top:590px;left:164px;height:163px;}
.detail_ys .main4T ul li{width:218px;height:163px;padding:28px 0 0;}
.detail_ys .main4T ul li:before{ height:57px; background:#ddd}
.detail_ys .main4Con dl{height:385px;}
.detail_ys .main4Con dl dt{width:600px;height:auto;}
.detail_ys .main4Con dl dt img{width:100%;height:385px;}
.detail_ys .main4Con dl dd{padding:50px 0 0 55px;}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:15px 0 0;}
.detail_fenye .npagerlist{ display:block; width:100%; line-height:24px; color:#333; font-size:16px; vertical-align:middle; margin-bottom:15px;}
.detail_fenye .npagerlist .name{ float:left; font-weight:500;}
.detail_fenye .npagerlist a{ color:#343434; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block; max-width:100%;}
.detail_fenye .npagerlist a:hover{ color:#e80000;}
@media(max-width:767px){
	.detail_ys{ padding:1.5rem 0 0}
	.detail_ys .mTitle h5{ font-size:1.3rem}
	.detail_ys .mTitle p{ font-size:.9rem}
	.main4Con dl{ padding:10px 0 40px}
	
	
	.detail_fenye .npagerbox{ max-width:100%;}
	.detail_fenye .npagerlist a{ font-size:15px;}
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

[class*=am-icon-]{display:inline-block;font-style:normal}
[class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
@font-face{font-family:FontAwesome;src:url(/style/font/fontawesome-webfont.eot?v=4.6.3);src:url(/style/font/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/style/font/fontawesome-webfont.ttf?v=4.6.3) format('truetype');font-weight:400;font-style:normal}

