html,body{width: 100%;font-size:16px;overflow-x:hidden}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
{position: absolute;}
a{ text-decoration:none; color:#333;}
.cuya{font-family: "impact";}
@font-face {
	font-family: "DINENGSCHRIFTSTD";
	src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"),
	url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"),
	url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"),
	url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
	url("../css/font/DINENGSCHRIFTSTD.svg") format("svg");
}
.fontDIN {font-family: "DINENGSCHRIFTSTD";}
.s_width{ width:85%; margin:0 auto; position:relative}
i,em{ font-style:normal;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:5px 5px;white-space: nowrap;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 1.4; font-size: 16px;}

/*===================== 公用样式 START =====================*/
.pub_title{text-align: center;color: #fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.pub_title h3{font-weight: 700;text-transform: uppercase;}
.pub_title p,.pub_title h4{font-weight: 400;}
.img{overflow: hidden;position: relative;}
.img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}



/*主导航多级菜单*/
header { position: relative; top: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 11; padding: 0.5% 0; -webkit-box-sizing: border-box; box-sizing: border-box;  }
header.fixed { position: fixed; -webkit-transition-property: height,height; transition-property: height,height; -webkit-transition: .66s; transition: .66s; background:rgba(255,255,255,0.95)}
header.fixed .morelink ul li:hover > a { color: #333; }
header.fixed .morelink .tel .navList span { color: #333; }
header:after { content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 0; background: #fff; -webkit-transition: .66s; transition: .66s; }
header.scroll .morelink{ margin-top: 7px;}
header.scroll .morelink ul li a{color: #333;}
header.scroll .morelink ul li a:hover{color: #333;}
header.scroll .morelink .tel{height: 35px;}
header.scroll .morelink .tel i { color: #999; }
header.scroll .morelink .qr i { color: #999; }
header .logo { position: relative; padding-bottom: 6px; }
header .logo img { top:2px;  left: 0; -webkit-transition: .3s; transition: .3s;}
header .logo img:first-child { position: relative; }
header .logo img:last-child { position: absolute; opacity: 0; }
header.scroll { color: #333; height:70px; -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
header.scroll:after { height: 100%; }
header.scroll .logo img:first-child { position: absolute; opacity: 0; }
header.scroll .logo img:last-child { position: relative; opacity: 1;width: 80%; top: 0; }
header .morelink { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; width: 49%; }
header .morelink ul { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }
header .morelink ul li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height:40px;  width: 100px;; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .morelink ul li:hover .navList { opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
header .morelink ul li i { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #2151A1;  line-height: 1; opacity: 0; -webkit-transition: opacity .9s; transition: opacity .9s; }
header .morelink ul li > a {  -webkit-transition: color .55s; transition: color .55s; color: #333; }
header .morelink ul li .navList { position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0.1rem, 0); transform: translate3d(-50%, 0.1rem, 0); white-space: nowrap; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);  }
header .morelink ul li .navList a { color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #DCDCDC; padding: 0 10px; height: 36px; -webkit-transition: color .5s; transition: color .5s; }
header .morelink ul li .navList a:hover { color: #2151A1; }
header .morelink .tel { cursor: pointer; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 5px; margin: 0 .5rem 0 .28rem; }
header .morelink .tel:hover i { color: #2151A1; }
header .morelink .tel:hover .navList { opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
header .morelink .tel i { -webkit-transition: color .55s; transition: color .55s; }
header .morelink .tel .navList { position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0.1rem, 0); transform: translate3d(-50%, 0.1rem, 0); background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
header .morelink .tel .navList span { padding: .2rem; font-size: .18rem; font-family: 'proximab'; white-space: nowrap; }
header .morelink .qr { cursor: pointer; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; }
header .morelink .qr:hover i { color: #2151A1; }
header .morelink .qr:hover .navList { opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
header .morelink .qr i { font-size: .2rem; -webkit-transition: color .55s; transition: color .55s; }
header .morelink .qr .navList { position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0.1rem, 0); transform: translate3d(-50%, 0.1rem, 0); background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
header .morelink .qr .navList img{width: 100px;}


@media (max-width:1280px){
header .morelink ul li { width: 80px};
}

/* ------------------------ */
.ny_header{ width:100%; height:95vh; position:relative; overflow:hidden;}
.ny_header .ny_header_bg{ position:absolute; z-index:1; left:0; top:0; width:100%;  height:100%; }
.ny_header .ny_header_bg img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; height:100%; }
.ny_header .ny_header_bg:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.ny_header .ny_header_bg span{ background:url(../images/bj_bg_new.png) no-repeat center top; position:absolute; z-index:2; width:100%; height:100%;opacity:0.8;}
.ny_header video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 100%!important;width: 100%!important;}



/*核心技术*/
.hexin { padding:4% 0 5% 0; width: 80%; margin: 0 auto;}
.hexin h2{text-align: center; font-weight: 400;}
.hexin h2 em{display: block; font-weight: 800; color: #c9151e;}
.hexin h3{font-weight: 300; line-height: 31px; text-align: center; width: 60%; margin:2% auto 0 auto; }
.hexin ul{width: 100%;display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between; margin-top:4%;}
.hexin li{width: 20%; margin: 0 5% 0 0; text-align: center;}
.hexin li i{margin-bottom: 5%;display: block;}
.hexin li i img{width: 70px; margin: 0 auto;display: block;}
.hexin li p{ line-height: 35px;}
.hexin li span{color: #999;}


/*行业应用*/
.indexIndustry { position: relative; color: #fff; overflow: hidden; }
.indexIndustry .swiper-pag { bottom: 0; position: absolute; z-index: 3; left: 0; right: 0; height: 1.54rem; z-index: 2; }
.indexIndustry .swiper-pag:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: -1; }
.indexIndustry .swiper-pag  { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }
.indexIndustry .swiper-pag  section { position: relative; width: auto; height: auto; background: transparent; opacity: 1; height: 100%; border-radius: 0; width: 2rem; border-right: 0.015rem solid rgba(255, 255, 255, 0.36); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }
.indexIndustry .swiper-pag  section:hover:after { height: 100%; }
.indexIndustry .swiper-pag  section.swiper-pagination-bullet-active:after { height: 100%; }
.indexIndustry .swiper-pag  section:first-child { border-left: 0.015rem solid rgba(255, 255, 255, 0.36); }
.indexIndustry .swiper-pag  section i { font-size: .35rem; line-height: 1; margin-bottom: .12rem; }
.indexIndustry .swiper-pag  section span { font-size: .16rem; }
.indexIndustry .swiper-pag  section:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; top: auto; bottom: 0; z-index: -1; height: 0; -webkit-transition: .55s; transition: .55s; background: -webkit-gradient(linear, left top, left bottom, from(#3788DD), to(#2151A1)); background: linear-gradient(to bottom, #3788DD, #2151A1); }
.swiper-industry { position: relative; overflow: hidden; color: #fff; }
.swiper-industry .swiper-wrapper .swiper-slide { padding: 1.4rem 0 3.2rem; position: relative; z-index: 1; }
.swiper-industry .swiper-wrapper .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: -1; }
.swiper-industry .swiper-wrapper .swiper-slide  .text { width: 632px; max-width: 100%; padding: .35rem 0; border-top: 1px solid #fff; margin-top: .5rem; }
.swiper-industry .swiper-wrapper .swiper-slide  .text p { font-size: .15rem; line-height: 2; }
.swiper-industry .swiper-wrapper .swiper-slide  .text a { margin-top: .75rem; font-weight: 700; display: block; font-family: 'proximab'; text-transform: uppercase; }

/*解决案例*/
.hangye{width: 100%; position: relative; height: 800px;}
.hangye .tab{width:100%;margin:0 auto;height:100%;}
.hangye .tab-hd{zoom:1;width:100%;position:absolute;left:0%;margin:auto;z-index:9;height:140px;  bottom: 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;background:rgba(0,0,0,0.7)}
.hangye .tab-hd li{transition:all 0.3s;color:#fff; box-sizing: border-box; width: 20%;padding:1.3% 4% 0 4%;  border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.4);font-size:14px;cursor: pointer; text-align: center;}
.hangye .tab-hd li strong{margin: 10px 0 5px 0;display: block;transition: .5s; font-weight: 300;}
.hangye .tab-hd li p{font-weight: 400;display: none;}
.hangye .tab-hd li a{color:#fff;display: inline-block;}
.hangye .tab-hd li.active{color:#fff;background-image: -webkit-linear-gradient(left,#3685da, #2152a3);}
.hangye .tab-hd li.active strong{font-size: 20px;}
.hangye .tab-hd li.active p,.hangye .tab-hd li.active a{display: block;}
.hangye .tab-bd{width:100%;height:100%;position:relative;background: #000;}
.hangye .tab-bd li{display:none;width:100%!important;height:100%!important;opacity: .7;}
.hangye .tab-bd li:nth-of-type(1){background:url(../images/hangye_a.jpg) top center no-repeat;background-size:cover;width:100%!important;height:100%!important;}
.hangye .tab-bd li:nth-of-type(2){background:url(../images/hangye_b.jpg) top center no-repeat;background-size:cover;width:100%;height:100%;}
.hangye .tab-bd li:nth-of-type(3){background:url(../images/hangye_c.jpg) top center no-repeat;background-size:cover;width:100%;height:100%;}
.hangye .tab-bd li:nth-of-type(4){background:url(../images/hangye_d.jpg) top center no-repeat;background-size:cover;width:100%;height:100%;}
.hangye .tab-bd li:nth-of-type(5){background:url(../images/hangye_e.jpg) top center no-repeat;background-size:cover;width:100%;height:100%;}
.hangye .tab-bd li:nth-of-type(6){background:url(../images/hangye_f.jpg) top center no-repeat;background-size:cover;width:100%;height:100%;}
.hangye .tab-bd li:nth-of-type(7){background:url(../images/hangye_g.jpg) top center no-repeat;background-size:cover;width:100%;height:100%;}
.hangye .tab-bd li:nth-of-type(8){background:url(../images/hangye_h.jpg) top center no-repeat;background-size:cover;width:100%;height:100%;}
.hangye .tab-bd li.thisclass{display:list-item;}
.hangye .right { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 28%; padding: 1rem 0; color: #fff; position: absolute;right: 20%;z-index: 9;top: 0;bottom: 0;}
.hangye .right p { margin-bottom: 2.6rem; }
.hangye .right .button { box-sizing: border-box; display: inline-block; padding: 10px 20px; border: 2px solid #fff; text-align: center; cursor: pointer; transition: all 0.3s ease-out; color: #fff; }
.hangye .right .button:hover { background: #00a147; border-color: #00a147; color: #fff; }

/*产品中心*/
.pro{width:100%; margin:0px auto; position: relative;background:#f9f9f9; overflow: hidden; padding: 4% 0;}
.pro h2{ font-weight: 400;}
.pro h2 em{display: block; font-weight: 800; color: #c9151e;}
.pro .list { margin-top: 3%; }
.pro .list .ul1{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; margin-bottom: 2%;}
.pro .list .ul1 li{width: 48%; margin-right: 2%; background: #fff; padding: 2%;display: flex; }
.pro .list .ul1 li:nth-child(2){margin-right: 0;}
.pro .list .ul1 .img{width: 38%; margin-right: 3%;overflow: hidden; }
.pro .list .ul1 .img img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.pro .list .ul1 .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.pro .list .ul1 .font{line-height: 28px; color: #666; width: 50%;}
.pro .list .ul1 .font h5{margin-bottom: 3%; color: #333;}
.pro .list .ul1 .font a { color: #999; -webkit-transition: color .4s; transition: color .4s; margin-top: 7%; display: block; }

.pro .list .ul2{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.pro .list .ul2 li{width: 33%; margin-right: 2%; background: #fff; padding: 2%;display: flex; }
.pro .list .ul2 li:nth-child(3){margin-right: 0;}
.pro .list .ul2 .img{width: 38%; margin-right: 3%;overflow: hidden; }
.pro .list .ul2 .img img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.pro .list .ul2 .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.pro .list .ul2 .font{line-height: 26px; color: #666; width: 50%;}
.pro .list .ul2 .font h5{margin-bottom: 3%; color: #333;}
.pro .list .ul2 .font a { color: #999; -webkit-transition: color .4s; transition: color .4s; margin-top: 7%; display: block; }


/*客户案例*/
.case{width:100%; margin:0 auto 0 auto;background:url(../images/case.jpg) top center no-repeat; padding: 4% 0;}
.case h2{ font-weight: 400; text-align: center; color: #fff; }
.case h2 em{display: block; font-weight: 800;}

.case_cont{width: 40%; margin: 0 auto;}
.case_cont p{ line-height: 31px; text-align: center; color: #fff;}


/*news*/
.news{width:85%; margin:4% auto 0 auto;}
.news h2{ font-weight: 400; text-align: center;  }
.news h2 em{display: block; font-weight: 800;color: #c9151e;}

.news_cont{padding-top:3%; display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;	-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;overflow: hidden; margin: 0 auto;}
.news_cont .newList{flex-basis: 33%;padding:0 2%; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}
.news_cont .newList:nth-child(1){border-left:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}
.newList{ overflow:hidden; padding:0rem 0 04% 0; height:auto; width:100%; }
.news_cont .newList:nth-child(3n){ margin-right:0px; }
.news_cont .newPicBox{ position:relative; width:100%; height:0px; padding-bottom:50%; overflow:hidden; border-radius:0px; margin:0 auto; }
.news_cont .newPic{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:auto; transition:all .5s ease; }
.news_cont .picLink{ position:absolute; top:0px; left:0px; width:100%; height:100%; }
.news_cont .contentBoxB{ padding:0 6%;background:rgba(255,255,255,0.9) }
.news_cont .newTitle{  margin-bottom:0;  line-height:1.2; font-weight:800; color:#373c41; transition:all .5s ease; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; height: 20px; }
.news_cont .lineBox{ position:relative; width:100%; height:1px; background:#ededed; margin-bottom:26px; }
.news_cont .lineBox::before{ content:''; position:absolute; top:0px; left:0px; width:0px; height:100%; background:#afafaf; transition:all .5s ease; }
.news_cont .TimeBox{ font-size:14px; line-height:1.5; letter-spacing:.25px; color:#777; margin-bottom:20px; }
.news_cont .newMs{ position:relative; width:100%; line-height:1.4; clear:both; font-size:14px; color:#777; min-height:22px; letter-spacing:0; padding:20px 0px 30px; display:-webkit-box; overflow:hidden; line-height: 30px; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;  font-weight: 100;}
.news_cont .image_con{ width: 100%; overflow: hidden;background:rgba(255,255,255,0.9); padding-top: 10px;}
.news_cont .image_con img{width:90%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; margin: 0 auto; display: block; }
.news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.news_cont .look{ display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:20px; color:#777; overflow:hidden; }
.news_cont .look .look_name{ margin-right:10px; position:relative; }
.news_cont .newList:hover .newPic{ transform:translate(-50%,-50%) scale(1.1); }
.news_cont .newList:hover .newTitle{ color:#222; }
.news_cont .newList:hover .lineBox::before{ width:100%; }
.di_img{width:100%; background: url(../images/model_bg_02.jpg) no-repeat center top;position: relative; height: 358px;}
.news_img{width:56%; margin: 0 auto; }
.news_img img{ width: 100%; margin-top: 5%;}

.news_cont .bottom_btn{font-size:14px;line-height:7.5;/* font-weight:bold; */letter-spacing:.5px;text-transform:uppercase;transition:all .5s ease;background:rgba(255,255,255,0.9) ;padding-left: 5%; }
.news_cont .contentBoxB .bottom_btn{ display:none; }
.news_cont .newList:hover .bottom_btn{ color:#b62021; } 

@media (max-width:769px){
	.news{padding:0 0 3rem 0; background-attachment: fixed; background-size: cover;}
	.news_tit{ padding-top:10%;}
	.news_tit h2{ font-size: 38px; line-height: 45px; font-weight: 500; padding-top: 20px;background-size:75%;}
	.news_tit p{display: none; }
	.news_cont{width: 95%;}
	.news_cont .newList{flex-basis: 100%;margin-right:0%;}
	.news_cont .newMs{  margin:20px 0px 0px;}
	.di_img{height: 240px;}
	.news_img{width: 100%; height: 145px;}
 }

/*网站内页*/
/* ===================== 内页 Banner 图 ===================== */

#nyba{height:500px;position: relative;overflow:hidden;background-attachment: fixed;position: relative;}
.nybabg{  position:absolute; z-index:2; width:100%; height:100%;opacity:1;}
.gsb{background:linear-gradient(rgba(0, 0, 0, 0.45) 0%, rgba(38, 156, 212, 0) 40%);position: absolute;top: 0;width: 100%;height: 100%;left: 0;z-index: 1;}
#nyba img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;animation:change 2s ease-in-out}
@keyframes change{from
{ transform:scale(1.2);opacity: 0.8;}to {transform:scale(1);opacity: 1;}
}
@keyframes change1{
	from { transform:translateY(60px);opacity: 0;}
	to {transform:translateY(0px);opacity: 1;}
}


.fade_text{text-transform:uppercase;position: relative;z-index: 22; width: 90%; margin:11% auto 0  auto; text-align: center;}
.fade_text span{color:#fff;display: inline-block;}
.fade_text .cn{height:95px;line-height:95px;overflow: hidden;opacity: .2;}
.fade_text .cn span{font-size:72px;}
.fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;font-weight: 800; }
.fade_text .line{width:80px;height:3px;background-color:#c9151e;margin:20px auto;}
.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:5px;overflow: hidden;width:8px;z-index: 5;}
.arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; }


.fade_text2{text-transform:uppercase;position: relative;z-index: 22; width: 90%; margin:17% auto 0  auto; text-align: center;}
.fade_text2 span{color:#fff;display: inline-block;}
.fade_text2 .cn{height:95px;line-height:95px;overflow: hidden;opacity: .2;}
.fade_text2 .cn span{font-size:72px;}
.fade_text2 .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;font-weight: 800; }
.fade_text2 .line{width:80px;height:3px;background-color:#c9151e;margin:20px auto;}
.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:5px;overflow: hidden;width:8px;z-index: 5;}
.arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; }

/* ===================== 内页 Banner 图 ===================== */

.se_nav{ background: #F8F8F8;line-height: 85px;-webkit-transition: -webkit-box-shadow .5s; transition: -webkit-box-shadow .5s; transition: box-shadow .5s; transition: box-shadow .5s, -webkit-box-shadow .5s;}
.se_nav ul{display: flex; display:-webkit-flex; -webkit-justify-content: center;   justify-content: center;}
.se_nav li{width: 250px; text-align: center; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}
.se_nav li:last-child{ border-right: 0;}
.se_nav  ul li a{color:#333;position: relative;z-index:1;padding:0 10px; display:block}
.se_nav  ul li i{position: absolute;width:100%;height:0;background-color:#c9151e;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.se_nav  ul li a:hover i, .se_nav  ul li a.active i{height:100%;}
.se_nav  ul li a:hover, .se_nav  ul li a.active{color:#fff;}

.mbx{ width:100%; height:60px; background:#f2f2f2; }
.mbx .mbx_cont{ width:90%; margin:0 auto; font-size:16px; line-height:60px; color:#333}

/*产品详情页*/
.container{width: 80%; margin: 3% auto;}
.container h2{text-align: center;font-weight: bold; font-size: 22px;}
.info-intro{text-align: center; font-size: 16px; line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding-bottom: 15px;}
.info-pic{ margin: 10px 0;}
.info-pic img{ margin: 0 auto;width:100%; max-width: 800px; display: block;}
.info_cont{font-size: 16px; line-height: 31px;;}
.info_cont p{ margin-bottom: 15px;}

.more-info{ line-height: 40px;}
.more-info ul{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; padding-top: 20px;}
.more-info li{width: 50%;}
.more-info li em{font-weight: 500; padding-right: 15px;}

.se_pro_a{width: 100%;background: url(../images/2-1-2.jpg)repeat center top; padding: 5% 0;}
.se_pro_a .s_width{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.se_pro_a_l{border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); width: 50%;}
.se_pro_a_l img{width: 100%;}
.se_pro_a_r{width: 45%; overflow: hidden;}
.se_pro_a_r .line {width: 80px;height: 4px;background: #c9131f;margin: 10px 0;}
.se_pro_a_r .text-1 {line-height: 26px;color: #666666;padding: 20px 0;text-align: justify}
.se_pro_a_r .text-2{border-top:1px solid transparent; border-color: rgba(151, 151, 151, 0.2); margin-top: 3%; padding: 2% 0; line-height: 31px;}

.pro_xiangqing{width: 100%;background: url(../images/3-1-1.jpg)repeat center top; padding: 5% 0;background-attachment: fixed; background-size: cover;}
.pro_xiangqing .title-style { text-align: center;}
.pro_xiangqing .title-style h2 {color: #fff;}
.pro_xiangqing .line {width: 80px;height: 4px;background: #c9131f;margin: 10px auto;}
.pro_xiangqing .text-1 {width: 50%;margin: auto;color: #ccc; line-height: 31px; text-align: center;}
.pro_xiangqing .text-2 {width: 80%;margin: auto;color: #ccc; line-height: 31px; text-align: center; margin-top: 5%;}

.pro_jiegou{width: 100%;background: url(../images/6-1-1.jpg)repeat center top; padding: 5% 0;background-attachment: fixed; background-size: cover;}
.pro_jiegou .title-style { text-align: center;}
.pro_jiegou .title-style h2 {color: #333;}
.pro_jiegou .line {width: 80px;height: 4px;background: #c9131f;margin: 10px auto;}
.pro_jiegou .text-1 {width: 50%;margin: auto;color: #333; line-height: 31px; text-align: center;}
.pro_jiegou .text-2 {width: 80%;margin: auto;color: #333; line-height: 31px; text-align: center; margin-top: 5%;}


.pro_canshu{width: 100%;background: url(../images/3-1-1.jpg)repeat center top; padding: 5% 0;background-attachment: fixed; background-size: cover;}
.pro_canshu .title-style { text-align: center;}
.pro_canshu .title-style h2 {color: #fff;}
.pro_canshu .line {width: 80px;height: 4px;background: #c9131f;margin: 10px auto;}
.pro_canshu .text-1 {width: 50%;margin: auto;color: #fff; line-height: 31px; text-align: center;}
.pro_canshu .s_width{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; margin-top: 5%;}
.pro_canshu_l{width: 50%;}
.pro_canshu_l img{width: 100%;}
.pro_canshu_r{width: 45%; color: #ececec;line-height: 31px;}



/*内页公司简介*/
#ny_about{height: 700px;position: relative;overflow:hidden;background-attachment: fixed;position: relative;}
#ny_about img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;animation:change 2s ease-in-out}
.se_about{width: 100%;background: url(../images/seabout.jpg)repeat center top;}
.se_about .s_width{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; padding: 5% 0; }
.se_about .se_about_l{width: 60%;}
.se_about .se_about_l h2{font-size: 2.29vw; padding-bottom: 3%;}
.se_about .se_about_l h2:after{content: "";display: block; width: 80px;height: 4px;background: #c8141f;margin: 10px 0;}
.se_about .se_about_l p{ line-height: 31px; margin-bottom: 2%;}

.se_shuzi{width: 100%;background: #f2f2f2; padding:1% 0% 3% 0%;}
/*数字跳动*/
.se_shuzi .product-number-info{ position: relative; z-index: 2; }
.se_shuzi .product-number-info li{position: relative; width: 24%; float: left;border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); }
.se_shuzi .product-number-info li:nth-child(4){border-right: none;}
.se_shuzi .product-number-info li .inner_num{ position: relative; display: block; margin: 0 auto; }
.se_shuzi .product-number-info li b{display: block;text-align: center; padding: 45px 0 7px;}
.se_shuzi .product-number-info li b i{   font-style: normal; color: #c8141f; }
.se_shuzi .product-number-info li b sup{ font-size: 20px;color: #c8141f;}
.se_shuzi .product-number-info li p{ font-size: 19px; text-align: center;color: #333;}

/*内页企业文化*/
.se_wenhua{width:100%; margin:0 auto 0 auto;background:url(../images/about8.jpg) top center no-repeat; padding: 4% 0;}
.se_wenhua h2{ font-weight: 400; text-align: center; color: #fff; text-transform: uppercase;}
.se_wenhua h2 em{display: block; font-weight: 800;}

.se_wenhua  .img {position: relative;height: 690px;}
.se_wenhua  .img img{display: inline-block;width:auto;}
.se_wenhua .img.bg-black {background: #000;}
.se_wenhua .img.bg-black img.pcshow{animation: fadeintm 1000ms linear infinite;}
.se_wenhua .img img{display: block;width: 100%;}
.se_wenhua .slogoimg {width: 280px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -140px;-webkit-animation:fudong1 4s linear infinite;animation: fudong1 4s linear infinite;}
.se_wenhua  .item {width: 410px;height: 205px;position: absolute;}
.se_wenhua  .item .pcontent {position: relative;width:100%;height: 100%;overflow: hidden;}
.se_wenhua  .item .text1{text-align: left;width: 310px;position: absolute;top: 10%;left:20%;z-index: 5;}
.se_wenhua  .item .text1 h3{font-size: 20px;color: #fff;}
.se_wenhua  .item .text1 h6{margin: 0;font-weight: normal;font-size: 16px;line-height: 31px; color: #b8bfc4; padding-top: 1%;}
.se_wenhua  .item .ypic1{width: 205px;height: 205px;position: absolute;left: 0;top: 0;z-index: 1;}
.se_wenhua  .item .ypic2{width: 205px;height: 205px;position: absolute;left: 0;top: 0;}
.se_wenhua  .item.item1 {top: 15%;right:50%;margin: -20px -500px 0 0 ;}
.se_wenhua  .item.item2 {top: 35%;left:50%;margin: -20px 0 0 -600px;}
.se_wenhua  .item.item2 .text1 {top: 15%;left:auto;right: 20%; text-align: right;}
.se_wenhua  .item.item2 .ypic1{left: auto;right: 0;-webkit-transform:rotate(140deg);transform:rotate(140deg);}
.se_wenhua  .item.item2 .ypic2{left: auto;right: 0;-webkit-transform:rotate(140deg);transform:rotate(140deg);}
.se_wenhua  .item.item3 {bottom: 5%;right:50%;margin: -20px -400px 0 0 ;}
.se_wenhua  .item.item3 .text1 {top: 25%;}
@keyframes fudong1 {0%{top: 50%;}50%{top: 52%;}100%{top: 50%;}} 
@keyframes fadeintm {0%{opacity: 1;}50%{opacity: .8;}100%{opacity: 1;}} 


.about_honor{width:100%; margin:0 auto 0 auto;background:url(../images/about2.jpg) top center no-repeat; padding: 4% 0; overflow: hidden; height: 750px;}
.about_honor h2{ font-weight: 400; text-align: center; text-transform: uppercase;}
.about_honor h2 em{display: block; font-weight: 800; color: #c8141f;}
.swiper-history .swiper-history-time{text-align: center;background: url("../images/line.png") center no-repeat;}
.swiper-history .swiper-history-time .year-num {font-size: 40px;color: #808080;}
.swiper-history .swiper-history-time .year-num span {color: #808080;}
.swiper-history .swiper-history-time .text{ font-size: 18px;line-height: 28px;color: #666;margin: auto;overflow: hidden;display: none;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 250px;color: #808080;padding-top: 40px;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num span {color: #ca1421;}
.swiper-history .swiper-history-time .swiper-slide-active .text{display: block;height: 130px;}
.swiper-history .swiper-history-time .swiper-button-next,.swiper-history .swiper-history-time .swiper-button-prev {background-color: #fff;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ccc;opacity: 1;}
.swiper-history .swiper-history-time .swiper-button-next {right:18%;background: url("../images/right.png") center no-repeat;}
.swiper-history .swiper-history-time .swiper-button-prev {left:18%;background: url("../images/left.png") center no-repeat;}


.se_tdfc{width:100%; margin:0 auto 0 auto;background:url(../images/honorbg.jpg) top center repeat; padding: 4% 0 0 0; overflow: hidden; }
.se_tdfc h2{ font-weight: 400; text-align: center; text-transform: uppercase;}
.se_tdfc h2 em{display: block; font-weight: 800; color: #c8141f;}
#top_scroll {overflow: hidden;width:90%; margin:2% auto  1% auto; }
#top_scroll ul li{position: relative; float: left;width:28%;margin:0 .5% 1%;overflow: hidden; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; padding:0 2%;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center;  }
#top_scroll ul li .img img{ width: 100%;  transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 12px; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block;font-weight: normal; color: #333333; font-size: 18px; margin-bottom: 8px;  text-align: center;}
#top_scroll ul li:hover{background-color:#f2f2f2;}
#top_scroll ul li:hover strong,#top_scroll ul li:hover .proText i{ color: #333;}

@media( max-width:1280px ){
  #top_scroll ul li .img img{ height: 230px;}
}

@media( max-width:750px){
  #top_scroll{width: 98%;}
  #top_scroll ul li{width:49%;margin:0 .5% 1%; text-align: center;}
  #top_scroll ul li .img img{height: 120px;}
  #top_scroll ul li .proText i{  line-height: 34px; background: none;}
}

#tuandui_scroll {overflow: hidden;width:90%; margin:2% auto  2% auto; }
#tuandui_scroll ul li{position: relative; float: left;width:18%;margin:0 .5% 1%;overflow: hidden; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); background: #fff;}
#tuandui_scroll ul li .img{width: 90%;height: 100%;object-fit: cover; object-position: center; margin: 0 auto;  }
#tuandui_scroll ul li .img img{ width: 100%;  transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#tuandui_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#tuandui_scroll ul li:hover{background-color:#f2f2f2;}

@media( max-width:1280px ){
  #tuandui_scroll ul li .img img{ height: 230px;}
}

@media( max-width:750px){
  #tuandui_scroll{width: 98%;}
  #tuandui_scroll ul li{width:49%;margin:0 .5% 1%; text-align: center;}
  #tuandui_scroll ul li .img img{height: 120px;}
}



/*内页业务布局*/
.se_yewu{ width: 80%; margin: 0 auto 3% auto; display: flex;flex-wrap: wrap;-webkit-justify-content: space-between;   justify-content: space-between;}
.se_yewu .se_yewu_l{align-items: center;padding: 0; width: 50%; transition: .5s; }
.se_yewu .se_yewu_l img{width: 100%; height: 100%;}
.se_yewu .se_yewu_r{ width: 50%; background: #f2f2f2;}
.se_yewu .se_yewu_r .se_yewu_cont{padding: 10% 7% 7% 10%; color: #333;}
.se_yewu .se_yewu_r .se_yewu_cont h3{ }
.se_yewu .se_yewu_r .se_yewu_cont p{margin-top: 15px; line-height: 31px;}

.PubLink {display: inline-block;color: rgb(102, 102, 102);width: 50%;max-width: 256px;line-height: 62px;text-align: center;font-family:  Times New Roman;font-size: 15px;border-width: 1px;border-style: solid;border-color: rgb(102, 102, 102);border-image: initial;padding: 0px 30px; margin-top: 7%;}
.PubLink:hover {border: 1px #d2bb84 solid;background: #d2bb84;color: #fff;}

@media screen and (max-width:770px){
	.se_yewu{display: block; width: 95%;}
	.se_yewu .se_yewu_l{width: 100%;}
	.se_yewu .se_yewu_r{width: 100%;}
}



/*内页产品展示*/
.se_tuandui { width:90%; margin:5rem auto 1rem auto; }
.se_tuandui ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_tuandui li{padding:0; width:30%; margin:0 1% 1% 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee; padding: 1% 1% 0 1%;}
.se_tuandui li:nth-child(3n){ margin-right:0px;}
.se_tuandui li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden; object-fit: cover; object-position: center;  }
.se_tuandui li .p-name{ line-height:75px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; }
.se_tuandui li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:18px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}
.se_tuandui ul li i{ display: block;padding-left: 10%; line-height: 34px; background: url(../images/tel.png) no-repeat left 18% center;font-style: normal;color: #333333;transition: .4s;-webkit-transition: .4s;font-family: impact; text-align: center; padding-bottom: 3%;}
.se_tuandui ul li:hover{cursor:pointer; }
.se_tuandui ul li:hover i{background: url(../images/tel.png) no-repeat left 18% center;color: #fff;}
.se_tuandui ul li:hover .p-name{ color: #333;background-color:#f2f2f2;}

@media (max-width:769px){
.se_tuandui { width:100%; margin:2rem auto; }
.se_tuandui ul{}
.se_tuandui li{float:left; padding:0; width:47%; margin:0 1% 25px 1%; position:relative; overflow:hidden;  border:1px solid #eee;}
.se_tuandui li:nth-child(2n){ margin-right:0px;}
.se_tuandui li .p-img{ width:100%; height:auto; margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden }
.se_tuandui li .p-name{ height:70px; line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:18px;}
.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:18px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}	
}

.se_product{width: 100%; background: #f2f2f2; padding: 5% 0;}
.se_product ul{width: 90%; margin: 0 auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_product li{padding:0; width:30%; margin:0 26px 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee; padding-top: 3%; }
.se_product li:nth-child(3n){ margin-right:0px;}
.se_product li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden; object-fit: cover; object-position: center; padding: 1% 1% 0 1%; }
.se_product li .p-name{ line-height:75px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; background: #faf7f7; }
.se_product li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_product li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


/*内页资质容易*/
.se_honor { width:90%; margin:5rem auto 1rem auto; }
.se_honor ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_honor li{padding:0; width:19.5%; margin:0 26px 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee; padding: 2% 2% 0 2%;}
.se_honor li:nth-child(4n){ margin-right:0px;}
.se_honor li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden; object-fit: cover; object-position: center;  }
.se_honor li .p-name{ line-height:75px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; }
.se_honor li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_honor li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_honor p{ font-size:18px; line-height:35px; color:#666;}
.se_honor p span{ font-size:17px;  color:#af1318;}
.se_honor ul li i{ display: block;padding-left: 10%; line-height: 34px; background: url(../images/tel.png) no-repeat left 18% center;font-style: normal;color: #333333;transition: .4s;-webkit-transition: .4s;font-family: impact; text-align: center; padding-bottom: 3%;}
.se_honor ul li:hover{cursor:pointer; }
.se_honor ul li:hover i{background: url(../images/tel.png) no-repeat left 18% center;color: #fff;}
.se_honor ul li:hover .p-name{ color: #333;background-color:#f2f2f2;}

@media (max-width:769px){
.se_honor { width:100%; margin:2rem auto; }
.se_honor ul{}
.se_honor li{float:left; padding:0; width:47%; margin:0 1% 25px 1%; position:relative; overflow:hidden;  border:1px solid #eee;}
.se_honor li:nth-child(2n){ margin-right:0px;}
.se_honor li .p-img{ width:100%; height:auto; margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden }
.se_honor li .p-name{ height:70px; line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:18px;}
.se_honor li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_honor li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_honor p{ font-size:18px; line-height:35px; color:#666;}
.se_honor p span{ font-size:17px;  color:#af1318;}	
}

.sepro_cont{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;background: #f8f8f8; }
.sepro_cont_l{width: 50%;}
.sepro_cont_l img{width: 100%;}
.sepro_cont_r{width: 50%; padding: 4% 3%; }
.sepro_cont_r h2{ text-align: left; font-weight: 500; font-size: 35px;}
.sepro_cont_r .info-intro{text-align: left; }
.sepro_cont_r .info-pic{ margin: 10px 0;}
.sepro_cont_r .info-pic img{ margin: 0 auto; max-width: 100%; display: block;}
.sepro_cont_r .info_cont{font-size: 16px; line-height: 31px;;}
.sepro_cont_r .info_cont p{ margin-bottom: 15px;}

.fenye{width: 1280px; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 45px;}


/*内页简介*/
.ny_about{ width:100%; height:500px; overflow:hidden;background-attachment: fixed; background-size: cover;}
.ny_about_cont{ width:80%; margin:50px auto;}
.ny_about_cont h2{ font-size:40px; color:#159e50; line-height:80px;}
.ny_about_cont p{ font-size:18px; line-height:35px; color:#666; margin-top:30px;text-indent:2em;}


/*se_hangye*/
.newsout {padding: 0 0 120px;}
.newslist {padding: 0 0 120px;width: 100%;}
.newslist li {width: 100%;padding: 38px 0;background-color: #eee;border-bottom: 2px solid #fff;}
.newslist li:nth-child(even) {background-color: #f5f5f5;}
.newslist li .lin {max-width: 1200px;margin: 0 auto;}
.newslist li a {display: block;position: relative;padding-left: 0;min-height: 220px;overflow: hidden;padding-right: 166px;}
.newslist li a:after {content: '';position: absolute;right: 130px;top: 40px;z-index: 2;width: 1px;height: 143px;background-color: rgba(0, 0, 0, 0.1);}
.newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 220px;overflow: hidden;}
.newslist li .pic img {width: 386px;height: 100%;}
.newslist li h3 {font-size: 18px;color: #333;line-height: 30px;height: 30px;overflow: hidden;padding-top: 28px;}
.newslist li .txt {font-size: 16px;color: #666;line-height: 32px;overflow: hidden;height: 64px;text-align: justify;margin: 18px 0 24px;}
.newslist li .date {font-size: 16px;color: #666;line-height: 30px;height: 30px;background: url('../images/clock.png') 0 center no-repeat;font-family: 'helvetica';padding-left: 28px;}
.newslist li label {display: block;width: 28px;height: 28px;font-size: 0;cursor: pointer;background: #c9151e url('../images/jtr-n.png') center no-repeat;border-radius: 50%;position: absolute;right: 0;top: 50%;
z-index: 1;margin-top: -14px;}
.newslist li:hover {background-color: #c9151e;}
.newslist li:nth-child(2n):hover {background-color: #333;}
.newslist li:hover a {padding-left: 426px;}
.newslist li:hover a:after {background-color: rgba(255, 255, 255, 0.2);}
.newslist li:hover .pic {width: 386px;}
.newslist li:hover h3 {color: #fff;}
.newslist li:hover .txt {color: rgba(255, 255, 255, 0.7);}
.newslist li:hover .date {background-image: url('../images/clock2.png');color: #fff;}
.newslist li:hover label {background-image: url('../images/jtr-nh.png');background-color: #fff;}
.newslist li,.newslist a:after,.newslist h3,.newslist .date,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;}
.newslist a,.newslist .pic {-webkit-transition: 1s;transition: 1s;}
.newslist .txt {-webkit-transition: color 0.4s;transition: color 0.4s;}
@media screen and (max-width: 1440px) {
.newsout {	padding: 0 0 80px;}
.newslist {	padding: 0 0 80px;}
}
@media screen and (max-width: 1280px) {
.newslist li a {	padding-left: 426px;	padding-right: 20px;}
.newslist li:hover a {padding-left: 426px;}
.newslist li a:after {display: none;}
.newslist li label {display: none;}
.newslist li .pic {width: 386px;left: 20px;}
.newslist li:hover .pic {width: 386px;}
}
@media screen and (max-width: 1000px) {
.newslist li h3 {padding-top: 10px;}
.newslist li .txt {height: auto;max-height: 96px;}
}
@media screen and (max-width: 840px) {
.newslist li a {padding-left: 46%;padding-right: 3%;}
.newslist li:hover a {padding-left: 46%;}
.newslist li .pic {width: 40%;left: 3%;}
.newslist li:hover .pic {width: 40%;}
.newslist li .pic img {position: absolute;left: 50%;margin-left: -193px;}
}
@media screen and (max-width: 600px) {
.newsout {padding: 0 0 60px;}
.newslist {padding: 0 0 60px;}
.newslist li a {padding-left: 3%;}
.newslist li:hover a {padding-left: 3%;}
.newslist li .pic {position: relative;width: 100%;left: 0;height: auto;}
.newslist li:hover .pic {width: 100%;}
.newslist li .pic img {position: static;left: 0;margin-left: 0;width: 100%;height: auto;}
}

/*公司新闻*/
.container {background: #f3f3f3;background-size: 100% auto;}
.news-box {}
.news-list li {position: relative;z-index: 3;border-bottom: 1px solid #dfe2ef;}
.news-list li:before {content: "";width: 100%;height: 0;background: #f5f5f5;position: absolute;left: 0;bottom: 0;transition: 0.58s;z-index: -1;}
.news-list li:hover,.news-list li.active {color: #f5f5f5;}
.news-list li:hover:before,.news-list li.active:before {height: 100%;bottom: auto;top: 0;}
.news-list li:last-child {border-bottom: none;}
.news-list li a {display: block;overflow: hidden;padding: 3%;}
.news-list li a:hover .news-text span {background: #fba115;border-color: #fba115;color: #fff;}
.news-imgs {float: right;width: 30%;}
.news-imgs figure {position: relative;display: block;padding-bottom: 56.29%;height: 0;overflow: hidden;line-height: 1;}
.news-imgs figure img {position: absolute;left: 0;top: 0;width: 100%;}
.news-imgs figure img {transition: 0.4s;width: 100%;top: -10%;}
.news-content {position: relative;margin-top: 30px;float: left;box-sizing: border-box;width: 50%;}

.news-text strong {display: block;margin-bottom: 20px;line-height: 1.2;color: #222222;font-size: 19px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-text p {color: #333333;font-size: 15px;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px;}
.news-text span {display: block;margin-top: 30px;width: 128px;height: 42px;line-height: 42px;text-align: center;border: 1px solid #9c9c9c;color: #333333;font-size: 16px;border-radius: 3px;transition: 0.45s;}
.lxout {width: 100%;background-color: #f2f2f2;}
.lx {height: 650px;position: relative;}



/*新闻详情页*/
.se_xinwen{width: 100%; margin: 0 auto;background: #f8f8f8;border-top:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}
.se_xinwen .s_width{background: #fff; width: 70%; padding: 5%;}
.se_xinwen .s_width h2{text-align: center;}

/*服务支持*/
.section{width: 100%;background: url('../images/service-map.jpg') no-repeat  center top;}
.service-support {padding: 100px 0;overflow: hidden; width: 80%; margin: 0 auto;}
.service-support .left{float: left;width: 49%;overflow: hidden;}
.service-support .left .title{}
.service-support .left .title h3{font-size: 30px;}
.service-support .left .title .line{width: 80px;height: 4px;background: #c71512;margin: 25px 0;}
.service-support .left .text{color: #666;line-height: 31px;}
.service-support .left .text strong {color: #000;font-size: 20px;}
.service-support .right{float: right;width:40%;overflow: hidden;}
.service-support .right .item3{clear: both;border-bottom: 1px solid #dcdddf;overflow: hidden;padding: 30px 0;}
.service-support .right .item3 .title{float: left;width: 30%;}
.service-support .right .item3 .title i{display: inline-block;vertical-align: middle;position: relative;width: 50px;height: 50px;}
.service-support .right .item3 .title h4{display: inline-block;vertical-align: middle;font-size: 20px;margin: 0 10px;}
.service-support .right .text{float: left;width: 65%;color: #1a1a1a;font-size: 16px;line-height: 34px;}


/*问答*/
.service-time { width: 90%; margin: 0 auto;}
.problem-item {padding: 34px 0;border-bottom: 1px solid #f3f3f3;}
.problem-box {padding: 42px 10% 60px;}
.problem-top {position: relative;padding-left: 70px;cursor: pointer;}
.problem-top.active b {transform: rotate(180deg);}
.problem-top i {display: block;position: absolute;left: 0;top: 0;width: 44px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-size: #ffffff;border-radius: 3px 3px 3px 0px;background: #ca151c;
font-style: normal;font-size: 18px;font-family: Arial, Helvetica, sans-serif;}
.problem-top i:before {position: absolute;left: 0;bottom: -6px;content: "";border-right: 6px solid transparent;border-top: 6px solid #ca151c;}
.problem-top strong {display: block;line-height: 32px;color: #3f505f;font-size: 20px;font-weight: bold;}
.problem-top b {display: block;position: absolute;right: 0;top: 50%;margin-top: -8px;line-height: 1;color: #afafaf;font-size: 16px;font-weight: bold;transition: 0.38s;}
.problem-texts {display: none;padding-top: 20px;padding-left: 72px;}
.problem-texts p {color: #6e777e;font-size: 16px;line-height: 2;}

.p_float{ position:fixed; width:80px; bottom:0;  right:0; z-index:9999; opacity:0}
.p_float li{ height:78px; width:78px;text-align:center; background:#abce02; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.p_float p{ line-height:78px; color:#fff; font-size:16px;}

@media (max-width:769px){
	.contact{ width:90%; margin:50px auto;}
	.ny_contact .s_width{ width:90%; }
	.ny_contact_l{ width:100%;padding:10px;}
	.ny_contact_r{ width:100%;padding:10px;}
    .p_float{display: none;}
}
.fixed_footer{display: none;}
footer { padding:3% 0; background: #333; position: relative; color: #fff; overflow: hidden; }
footer:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 7px; -webkit-transform: translateY(-1); transform: translateY(-1); background: #333; }
footer  { position: relative; }
footer  .footerTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
footer  .footerTop .topLeft {width: 80%;}
footer  .footerTop .topLeft .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
footer  .footerTop .topLeft .list a {-webkit-transition: color .4s; transition: color .4s; color: #cfcfcf; padding: 0 3%;}
footer  .footerTop .topLeft .list a:nth-child(1){padding-left: 0;}
footer  .footerTop .topLeft .list a:hover { color: #3788DD; }
footer  .footerTop .topLeft .list span { height: 10px; width: .01rem; display: block; opacity: .3; background: #fff; margin: 0 .26rem; }
footer  .footerTop .topLeft p { opacity: .8; font-size: 15px; }
footer  .footerTop .topLeft p.p1 { margin: 5% 0 .1rem; }
footer  .footerTop .topLeft p span { padding-right: 2%; line-height: 35px;}
footer  .footerTop .topRight p { margin-top: .2rem; opacity: .4; text-align: center; }
footer  .footerBot { margin-top:3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #707070; padding: 1% 0; }
footer  .footerBot p span { opacity: .8; }
footer  .footerBot p a { opacity: .8; -webkit-transition: color .4s; transition: color .4s;color: #fff; }
footer  .footerBot p a:hover { color: #3788DD; }

/*footer*/
.end{ height:65px; background:#161515 }
.end .s_width{ width:85%;}
.end .end_l{ }
.end .end_l img{}
.end .end_l p{ font-size:16px; color:#fff; float:right; line-height:65px;}
.end .end_r{ padding-top:8px;}

.go_top{display: none;background-color:#0e82e7;width:34px;height:34px;text-align: center;border-radius:50%;position: fixed;right:15px;bottom:100px;z-index:99999999999;}
.go_top img{display: inline-block;margin-top:12px;width:16px;}

@media (max-width:769px){
.p_float{ display:none;}	
}

/*se-contact*/
.sContact-map {width: 90%; margin: 5% auto 0 auto;position: relative;z-index: 2; overflow: hidden;}
.sContact-map #dituContent {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 1.1;background-color: #f5f3f0;}
.sContact-map #dituContent .BMap_bubble_title {font-size: 16px;margin-bottom: 5px;padding-right: 16px;color: #e60027;}
.sContact-map #dituContent .BMap_bubble_content {width: auto;font-size: 14px;line-height: 18px;}
.sContact-map #dituContent img {max-width: none;}
.sContact-map .float-info {position: relative;display: inline-block;vertical-align: top;-webkit-box-shadow: 0px 4px 14.4px 0.6px rgba(0, 0, 0, 0.15);box-shadow: 0px 4px 14.4px 0.6px rgba(0, 0, 0, 0.15);z-index: 4;
padding:3%;overflow: hidden;color: #fff;background-color: rgba(230, 0, 39, 0.9); margin: 3%;}
.sContact-map .float-info .line {position: relative;min-height: 56px;padding: 12px 0 12px 72px;}
.sContact-map .float-info .line:nth-child(1n+2) {margin-top: 2%;}
.sContact-map .float-info .line .icoImg {float: left;margin-left: -72px;width: 56px;height: 56px;border: rgba(255, 255, 255, 0.2) solid 1px;border-radius: 50%;}
.sContact-map .float-info .line .btn {color: #fff;line-height: 1.5;}
.sContact-map .float-info .line .btn .sdt {opacity: .6;}
.sContact-map .float-info .line .btn .sdd {font-weight: bold;font-family: Helvetica, Arial, sans-serif;}
.map{width: 100%;  position: absolute;z-index: 0;}

.se_liuyan{width: 100%;background-color: #fff;}
.se_liuyan h2{text-align: center; color: #0b1634;  padding: 5% 0 1% 0;}
.se_liuyan h3{ font-weight: 100; color: #0b1634; text-align: center; }
.se_liuyan h3:after {content: " ";display: block;margin-left: auto;margin-right: auto;margin-top: 0.4rem;width: 50px;height: 2px;background-color: #ed2d2d; margin-top: 15px;}
.liu_con{overflow: hidden; width:80%; margin:2% auto 5% auto;}
.layui-input{padding: 0 3px 0 10px;float: left; width:30%;overflow: hidden;border:none;background:#f2f2f2;font-size: 16px;color: #666;line-height: 60px; margin: 0 2% 2% 0;}
.layui-textarea{padding:2%;font-size: 16px;color: #666;line-height: 35px;  width: 92%;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin-bottom: 3%;}
.layui-btn{ display:block; background: #c8141d; color:#fff;width: 47%;  font-size: 20px; height:58px;   line-height: 58px; border:none!important; margin:0 auto; padding:0 31px; float: left; margin: 0 3% 0 0; }

@media screen and (min-width: 1025px) {
.sContact-map #dituContent {position: absolute !important;}
}
@media screen and (max-width: 1024px) {
.sContact-map {padding: 0;}
.sContact-map #dituContent {height: 360px;position: relative;}
.sContact-map .float-info {margin-top: 0.8rem;display: block;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sContact-map .float-info .line {padding-left: 60px;min-height: 48px;}
.sContact-map .float-info .line .icoImg {margin-left: -60px;width: 48px;height: 48px;}
}
  
/*加入我们*/

.joinProfile { padding:5% 0; }
.joinProfile .s_width { text-align: center; }
.joinProfile .s_width h5 { font-weight: 700; margin-bottom: 2%; }
.joinProfile .s_width p { max-width: 100%; width: 853px; color: #707070; margin-left: auto; margin-right: auto;  line-height: 31px;}

.join { position: relative; height: 700px;}
.join .bg { position: relative; z-index: 1; overflow: hidden; }
.join .bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.5); }
.join .s_width { position: absolute; z-index: 2; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; }
.join .s_width .stitle { padding: 5% 0; }
.stitle { text-align: center; }
.stitle h5 {  font-weight: 700; margin-bottom: 1%; }
.stitle .line { margin-left: auto; margin-right: auto; width:100px; height: 6px; background: -webkit-gradient(linear, left top, right top, color-stop(70%, #2151A1), color-stop(30%, #3788DD)); background: linear-gradient(to right, #2151A1 70%, #3788DD 30%); }

.guihuaout { width: 90%; margin: 0 auto; }
.guihlist {margin: 0 -13px;height: 485px;overflow: hidden;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.guihlist li {width: 25%;height: 100%;}
.guihlist li .lin {padding: 0 13px;height: 100%;}
.guihlist li a {display: block;width: 100%;position: relative;height: 100%;overflow: hidden;}
.guihlist .bg {width: 100%;height: 100%;overflow: hidden;position: relative;}
.guihlist .bg img {position: absolute;left: 50%;top: 0;z-index: 0;width: 460px;height: 100%;margin-left: -230px;}
.guihlist li .wrap {background-color: rgba(241, 154, 27, 0);width: 100%;text-align: center;-webkit-transition: .4s;transition: .4s;position: absolute;left: 0;bottom: 0;z-index: 3;}
.guihlist li h3 {font-size: 20px;color: #fff;line-height: 80px;font-weight: bold;overflow: hidden;margin-top: -28px;}
.guihlist li .txt {font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 32px;width: 240px;height: 0;overflow: hidden;margin: 0 auto;}
.guihlist li .hx {display: block;margin: 0 auto;width: 66px;height: 0;background-color: #fff;}
.guihlist li .fig {display: block;width: 80px;height: 80px; margin: 0 auto;border-radius: 50%;border: 1px solid transparent;line-height: 80px;}
.guihlist li .fig img{ width: 70%;}
.guihlist li .sx1 {width: 1px;height: 0;margin: 0 auto;background-color: rgba(255, 255, 255, 0.2);}
.guihlist li .sx2 {width: 1px;height: 26px;margin: 0 auto;background-color: rgba(255, 255, 255, 0.2);}
.guihlist li:hover .wrap {background:rgba(201,22,28,0.7)}
.guihlist li:hover h3 {margin-top: 30px;}
.guihlist li:hover .txt {height: 96px;}
.guihlist li:hover .hx {margin-top: 36px;margin-bottom: 37px;height: 3px;}
.guihlist li:hover .fig {border-color: #fff;}
.guihlist li:hover .sx1 {height: 300px;}
.guihlist li:hover .sx2 {height: 90px;}
.guihlist h3,.guihlist .txt,.guihlist .hx,.guihlist .fig {-webkit-transition: .4s;transition: .4s;}
.guihlist .wrap,.guihlist .sx1,.guihlist .sx2 {-webkit-transition: 1s;transition: 1s;}
@media screen and (max-width: 1300px) {
.guihlist {margin: 0;}
.guihlist li .lin {padding: 0;}
}
@media screen and (max-width: 1100px) {
.guihlist li .txt {width: 220px;font-size: 14px;}
}
@media screen and (max-width: 1024px) {
.guihlist li {width: 50%;height: 50%;}
.guihlist .bg img {width: 512px;height: auto;margin-left: -256px;}
.guihlist li:hover .sx1 {height: 40px;}
.guihlist li:hover .sx2 {height: 40px;}
}

.zpout {padding: 60px 0 120px; width:100%; margin: 0 auto;;}
.rec-head {height: 76px;background-color: #f8f8f8;overflow: hidden;padding-left: 70px;border-bottom: 2px solid #333;}
.rec-head .th {float: left;padding: 18px 0;width: 20%;height: 76px;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;}
.rec-head .th.zhiwei {text-align: left;}
.reclist {background-color: #fff;}
.reclist li {border-bottom: 1px solid #ddd;}
.rec-hand {height: 64px;line-height: 64px;background-color: #fff;padding-left: 70px;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.rec-hand .td {float: left;padding: 12px 0;width: 20%;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;height: 40px;}
.rec-hand .td.zhiwei {text-align: left;}
.reclist li:hover .rec-hand {background-color: #eee;}
.reclist li.on .rec-hand {background-color: #333;}
.reclist li.on .rec-hand .td {color: #fff;}
.reclist li,.rec-hand,.reclist .td {-webkit-transition: 0.5s;transition: 0.5s;}
.reclist .rec-con {display: none; text-align: left;}
.rec-txt {color: #444;line-height: 31px;padding: 34px 70px 46px;background-color: #f7f7f7;}
.rec-txt .email {color: #1d6bdd;}
.rec-txt .email:hover {text-decoration: underline;}
@media screen and (max-width: 1080px) {
.rec-head,.rec-hand {    padding-left: 40px;}
.rec-txt {padding: 34px 40px 46px;}
}
@media screen and (max-width: 750px) {
.rec-head .th {width: 33%;}
.rec-head .th.bumen {display: none;}
.rec-hand .td {width: 33%;}
.rec-hand .td.bumen {display: none;}
.rec-head,.rec-hand {padding-left: 20px;}
.rec-txt {padding: 34px 20px 40px;}
.linian {padding-top: 20px;}
.linian h2.btitle {font-size: 34px;}
.zpout {padding: 25px 0; width: 95%;}
.liniancon {margin: 30px auto 50px auto; width: 95%; line-height: 28px;}
}

/*===================== 响应式代码 START =====================*/
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}

/*===================== 响应式代码 START =====================*/
@media( max-width:1600px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 40px;}
.f_48{font-size: 38px;}
.f_40{font-size: 30px;}
.f_30{font-size: 24px;}
.f_24{font-size: 20px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
}

@media( max-width:1210px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 28px;}
.f_40{font-size: 26px;}
.f_30{font-size: 24px;}
.f_24{font-size: 16px;}
.f_20{font-size: 18px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_15{font-size: 14px;}
.f_14{font-size: 14px;}

}


@media (max-width:750px){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 22px;}
.f_40{font-size: 22px;}
.f_30{font-size: 24px;}
.f_24{font-size: 14px;}
.f_20{font-size: 14px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_14{font-size: 14px;}
}

/*===================== 响应式代码 END =====================*/


/*企业文化*/
.company-culture {position: relative;z-index: 3;padding: 92px 10% 67px;overflow: hidden;}
.company-bg {position: absolute;right: 0;top: 0;z-index: -1;width: 80.8333%;height: 130%;background-position: center top;-o-background-size: cover;background-size: cover;}
.culture-title {text-align: center;}
.culture-list {margin-top: 116px;width: 1170px;max-width: 100%;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.culture-list li {position: relative;z-index: 3;padding-bottom: 42px;border-bottom: 2px solid #c5c5c5;width: 30.08%;margin-right: 4.88%;margin-bottom: 68px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
}
.culture-list li:before {content: "";width: 0;height: 2px;background: #0066d9;position: absolute;right: 0;bottom: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;z-index: -1;}
.culture-list li:hover:before,.culture-list li.active:before {width: 100%;right: auto;left: 0;}
.culture-list li:before {bottom: -2px;}
.culture-list li:hover em {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.culture-list li:hover b {background: #0066d9;color: #fff;}
.culture-list li:hover .culture-text strong {color: #0066d9;}
.culture-list li:nth-child(3n+3) {margin-right: 0;}
.culture-list li em {display: block;position: absolute;right: 0;top: -20px;font-style: normal;line-height: 1;color: #e5e3e3;font-size: 180px;font-family: "Geometric415BlackBT";z-index: -1;opacity: 0;visibility: hidden;
-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: 0.45s;-o-transition: 0.45s;-moz-transition: 0.45s;transition: 0.45s;}
.culture-list li b {display: block;width: 60px;height: 60px;text-align: center;line-height: 50px;border-radius: 50%;color: #000000;font-size: 30px;background: #f2f2f2;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;
transition: 0.4s;}
.culture-text {-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;margin-left: 14px;min-height: 174px;}
.culture-text strong {display: block;margin-bottom: 23px;line-height: 60px;color: #333333;font-size: 24px;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
.culture-text p {color: #999999;font-size: 14px;line-height: 2.2;}