@charset "utf-8";

* {margin: 0; padding: 0; word-wrap: break-word; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; outline: 0;}
*,:after,:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body,html {height: 100%; width: 100%; color: #363d4c; background-color: #fff; min-width: 320px; font-family: "futura-condensed-medium", "PingFangSC-Regular", "Helvetica Neue", "Hiragino Sans GB", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 14px; line-height: 1.2;}
h1,h2,h3,h4,h5,h6 {font-weight: 500; line-height: 1.2; color: inherit;}
a,a:hover {text-decoration: none;}
a {cursor: pointer; color: #020202;}
a:hover {color: #df0716;}
hr,img {border: 0;}
img {display: block; vertical-align: middle; max-width: 100%;}
hr {height: 0; border-top: 2px solid #a2a2a2;}
ol,ul {list-style: none;}
button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=checkbox],textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal;}
button {background: none; border: none;}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner {border: 0; padding: 0;}
input,textarea {font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; border: 0;}
em,i {font-style: initial !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.float-clearfix {clear: both !important;}
.float-clearfix:after {display: block; content: ""; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.none {display: none !important; visibility: hidden;}
.block {display: block !important; visibility: visible; zoom: normal;}

#main {padding-top: 135px;}
.container {width: 1273px; margin: 0 auto;}

.btn a,.btn a::after,a.btn,a.btn::after,a.more,a.more::after {transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}


/*外部字体*/
@font-face {
    font-family: 'SourceHanSerifSC';
    src: url('../fonts/SourceHanSerifSC-Heavy.eot');
    src: url('../fonts/SourceHanSerifSC-Heavy.eot?#iefix') format('embedded-opentype'),
	url('../fonts/SourceHanSerifSC-Heavy.woff') format('woff'),
	url('../fonts/SourceHanSerifSC-Heavy.ttf') format('truetype'),
	url('../fonts/SourceHanSerifSC-Heavy.svg#SourceHanSerifSC-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CODE Light';
    src: url('../fonts/CODE Light.eot');
    src: url('../fonts/CODE Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/CODE Light.woff') format('woff'),
	url('../fonts/CODE Light.ttf') format('truetype'),
	url('../fonts/CODE Light.svg#CODE Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*通用标题*/
/* .title h3 {display: inline-block; line-height: 86px; padding: 0 50px 0 43px; margin: 0 auto; font-family: SimSun, '宋体'; font-weight: bold; font-size: 45px; color: #52504f; position: relative;} */
.title h3 {display: inline-block; line-height: 86px; padding: 0 50px 0 43px; margin: 0 auto; font-family: 'SourceHanSerifSC'; font-weight: bold; font-size: 45px; color: #52504f; position: relative;}
.title h3 span {color: #e61c3f;}
.title h3::before,.title h3::after {display: block; content: ""; width: 43px; height: 43px; background: url(../images/icon-slash.png) no-repeat; background-size: 100% auto; position: absolute;}
.title h3::before {top: 12px; left: 0;}
.title h3::after {bottom: 12px; right: 0;}
.title p {height: 42px; line-height: 48px; font-family: 'CODE Light'; font-size: 23px; color: #101010; letter-spacing: 2px; overflow: hidden;}

/*二级菜单*/
.sub-menu {height: 69px; background: #fff; position: relative; overflow: hidden;}
.sub-menu::after {display: block; content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0;}
.sub-menu .container ul {display: flex; align-items: center; justify-content: space-around; max-width: 960px; margin: 0 auto;}
.sub-menu .container ul li a {display: block; width: 100%; line-height: 69px; font-size: 18px; color: #666; position: relative; z-index: 2; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.sub-menu .container ul li a::after {display: block; content: ""; width: 0; height: 1px; background: #e61c3f; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.sub-menu .container ul li.active a,.sub-menu .container ul li:hover a {color: #e71c3f;}
.sub-menu .container ul li.active a::after,.sub-menu .container ul li:hover a::after {width: 100%;}


.sub-nav {font-size: 0; text-align: center;}
.sub-nav a {display: inline-block; line-height: 31px; padding: 0 25px; margin: 0 6px; background: #fff; border: 1px solid #e61c3f; border-radius: 33px; font-size: 18px; color: #e61c3f; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.sub-nav a:hover,.sub-nav a.active {background: #e61c3f; color: #fff;}

/**/
.list-inline {}
.list-inline ul {font-size: 0;}
.list-inline ul li {display: inline-block; line-height: 34px; font-size: 16px; color: #666;}
.list-inline ul li a {color: #666; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.list-inline ul li a:hover {color: #e71c3f;}



/*头部*/
.header {position: fixed; top: 0; left: 0; width: 100%; height: 135px; background: #fff; border-bottom: 1px solid #ebebeb; z-index: 10;}
.header-shadow {-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.header .container {background: #fff;}
.header .logo {width: 232px; height: 86px; margin: 21px 0 27px 1px;}
.header .navbar {padding-top: 24px; overflow: visible;}
.header .navbar>ul>li {display: block; float: left; padding: 42px 0; text-align: center;}
.header .navbar ul li.nohover {position: relative; text-align: left;}
.header .navbar ul li a {transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.header .navbar li.hasdrop>a {display: block; min-width: 96px; line-height: 26px; padding: 0 20px; font-size: 15px; color: #333333;}
.header .navbar li.active>a,.header .navbar li:hover>a {color: #e61c3f;}
.header .navbar li .hasdrop-hover {display: none; position: absolute; top: 135px; left: 0; width: 100%; background: #fff;}
.header .navbar .hasdrop-hover .cont {display: flex; justify-content: space-between;}
.header .navbar .hasdrop-hover .container {padding: 55px 23px;}
.navbar .hasdrop-hover .hovmenu {width: 42%; text-align: left;}
.navbar .hasdrop-hover .hovmenu h4 {line-height: 46px; padding-left: 14px; margin-bottom: 24px; font-size: 34px; color: #393939; position: relative;}
.navbar .hasdrop-hover .hovmenu h4::before,.navbar .hasdrop-hover .hovmenu h4::after {display: block; content: ""; width: 8px; height: 15px; position: absolute; left: 0;}
.navbar .hasdrop-hover .hovmenu h4::before {background: #e71c3f; top: 8px;}
.navbar .hasdrop-hover .hovmenu h4::after {background: #524f4f; bottom: 8px;}
.navbar .hasdrop-hover .hovmenu .line {display: block; width: 477px; height: 1px; background: #eee;}
.navbar .hasdrop-hover .hovmenu .lis {width: 477px; height: 54px; line-height: 54px; padding: 0 19px;}
.navbar .hasdrop-hover .hovmenu .lis a {display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: #333; transition: none;}
.navbar .hasdrop-hover .hovmenu .lis i {display: none; width: 8px; height: 13px; background: url(../images/icon-but.png) no-repeat; background-size: 100% auto;}
.navbar .hasdrop-hover .hovmenu .active,.navbar .hasdrop-hover .hovmenu .lis:hover {background: #e83252;}
.navbar .hasdrop-hover .hovmenu .active a,.navbar .hasdrop-hover .hovmenu .lis:hover a {color: #fff;}
.navbar .hasdrop-hover .hovmenu .active i,.navbar .hasdrop-hover .hovmenu .lis:hover i {display: block;}
.navbar .hasdrop-hover .hovecont .img {width: 586px; height: 390px; margin: 10px 0 24px; position: relative; overflow: hidden;}
.navbar .hasdrop-hover .hovecont .img img {display: none; position: absolute; top: 50%; left: 50%; /*width: 100%;*/ max-width: inherit; height: 100%; transform: translate(-50%,-50%);}
.navbar .hasdrop-hover .hovecont .img img:first-child {display: block;}
.hasdrop-hover .cont .item-pro {display: flex; align-items: flex-start; justify-content: flex-start; width: 100%;}
.hasdrop-hover .cont .item-pro .item {display: block; width: 33.33%; padding: 0 24px; position: relative;}
.hasdrop-hover .cont .item-pro .item::after {display: block; content: ""; width: 1px; height: 301px; background: #dbdbdb; position: absolute; top: 180px; right: 0;}
.hasdrop-hover .cont .item-pro .item:last-child::after {display: none;}
.hasdrop-hover .cont .items .sub {width: 278px; height: 156px; margin: 0 auto 19px; position: relative; overflow: hidden;}
.hasdrop-hover .cont .items .sub-pro {width: 100%;}
.hasdrop-hover .cont .items .sub img {width: 100%;}
.hasdrop-hover .cont .items .sub p {width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.4); font-size: 18px; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0;}
.item-pro .item {text-align: left;}
.item-pro .item .lis {display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px;}
.item-pro .item .lis .menu-tit {/*width: 25%; min-width: 110px;*/ line-height: 25px; padding-left: 11px; padding-right: 3%; font-size: 18px; color: #666; position: relative;}
.item-pro .item .lis-en .menu-tit {width: 30%;}
.item-pro .item .lis .menu-tit::before,.item-pro .item .lis .menu-tit::after {display: block; content: ""; width: 3px; height: 7px; position: absolute; left: 0;}
.item-pro .item .lis .menu-tit::before {background: #e71c3f; top: 6px;}
.item-pro .item .lis .menu-tit::after {background: #524f4f; top: 13px;}
.item-pro .item .lis ul {display: flex; justify-content: space-between; flex-wrap: wrap; /*width: 75%;*/ flex: 2;}
.item-pro .item .lis-en ul {width: 70%;}
.item-pro .item .lis ul li {width: 46%; line-height: 22px; margin-bottom: 10px;}
.item-pro .item .lis ul li a {transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;}
.item-pro .item .lis ul li a {display: block; width: 100%; padding-left: 14px; font-size: 16px; color: #666; text-align: left; position: relative;}
.item-pro .item .lis ul li a::before {display: none; content: ""; width: 5px; height: 5px; background: #df0716; border-radius: 2px; position: absolute; top: 9px; left: 0;}
.item-pro .item .lis ul li:hover a {color: #df0716;}
.item-pro .item .lis ul li:hover a::before {display: block;}
.hasdrop-hover .cont .item-news {display: flex; align-items: flex-start; justify-content: center; width: 100%;}
.hasdrop-hover .cont .item-news .item {display: block; width: 35%; position: relative;}
.hasdrop-hover .cont .item-news .sub {margin: 0 auto;}
.hasdrop-hover .cont .item-con {display: flex; align-items: flex-start; justify-content: flex-start; width: 100%;}
.hasdrop-hover .cont .item-con .item {display: block; width: 33.33%; position: relative;}
.hasdrop-hover .cont .items .sub img {transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.hasdrop-hover .cont .items .sub:hover img {-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.navbar .search-box .search-btn {display: block; width: 21px; height: 22px; line-height: 26px; margin: 0 29px 0 26px; background: url(../images/search_btn.png) no-repeat; background-size: 100% auto;}
.navbar .search-box form {position: absolute; top: 110%; right: 0; width: 400px; padding: 50px; background: #fff; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 10%); box-shadow: 0 5px 20px rgb(0 0 0 / 10%); opacity: 0; z-index: -2;}
.navbar .search-box.open form {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
.navbar .search-box form input[type=text] {display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; background: transparent; border: none; border-bottom: 2px solid #EAECED; -webkit-transition: all .4s ease; transition: all .4s ease;}
.navbar .search-box form input[type=text]:focus {padding: 0 15px; background: #EAECED;}
.navbar .search-box form .btn {display: inline-block; padding: 0 30px; line-height: 50px; margin-top: 20px; font-weight: 700; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; background-color: #EA0329; color: #fff; border: none; cursor: pointer;}
.navbar .search-box form .btn:hover {-webkit-box-shadow: 0 0 20px rgba(234, 3, 41, .5); box-shadow: 0 0 20px rgba(234, 3, 41, .5)}
.navbar .dropdown a.cut {display: block; line-height: 26px; padding: 0; font-size: 0;}
.navbar .dropdown a.cut i.cn {display: inline-block; width: 30px; height: 20px; margin-right: 6px; background: url(../images/cn-ico.png) center center no-repeat; background-size: cover; vertical-align: middle;}
.navbar .dropdown a.cut i.en {display: inline-block; width: 30px; height: 20px; margin-right: 6px; background: url(../images/en-ico.png) center center no-repeat; background-size: cover; vertical-align: middle;}
.navbar .dropdown a.cut span {display: inline-block; font-size: 14px; vertical-align: middle;}
.navbar .dropdown a.cut i.icon {display: inline-block; width: 16px; height: 9px; margin-left: 7px; background: url(../images/buts.png) center center no-repeat; background-size: cover; vertical-align: middle;}
.navbar .dropdown:hover a.cut i.icon {background: url(../images/buts-hover.png) center center no-repeat;}
.dropdown-menu {display: none; position: absolute; top: 66%; left: 0; right: 0; background: #fff; border-top: 2px solid #df0716; z-index: 1000;}
.dropdown-menu li {padding: 8px 9px;}
.dropdown-menu li a {display: block;}
.dropdown-menu li a .cn {display: inline-block; width: 30px; height: 20px; margin-right: 6px; background: url(../images/cn-ico.png) center center no-repeat; background-size: cover; vertical-align: middle;}
.dropdown-menu li a .en {display: inline-block; width: 30px; height: 20px; margin-right: 6px; background: url(../images/en-ico.png) center center no-repeat; background-size: cover; vertical-align: middle;}
.dropdown-menu li a span {display: inline-block; vertical-align: middle; font-size: 14px;}

.trans {-webkit-transition: all .4s cubic-bezier(1, 0, 0, 1); -o-transition: all .4s cubic-bezier(1, 0, 0, 1); transition: all .4s cubic-bezier(1, 0, 0, 1);}

/*底部*/
.footer {height: 219px; background: #f5f5f5; border-top: 1px solid #ebebeb;}
.footer .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
.footer .container .logo {width: 194px; margin-top: -30px;}
.footer .container .copyright p {line-height: 26px; font-size: 16px; color: #666;}
.footer .container .copyright p a {color: #666; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.footer .container .copyright p a:hover {color: #e61c3f;}
.footer .container .copyright p a i {display: inline-block; width: 17px; height: 19px; margin-top: -4px; margin-right: 5px; background: url(../images/icon-badge.png) no-repeat; background-size: cover; vertical-align: middle;}
.footer .container .copyright p a:first-child {margin-right: 21px;}
.footer .container .copyright p a:last-child {margin-left: 38px;}
.footer .container .copyright p.en a {margin: 0;}
.footer .container .QRcode ul {display: flex; align-items: center; justify-content: space-between;}
.footer .container .QRcode li {margin: 0 18px;}
.footer .container .QRcode li img {display: block; width: 91px; height: 91px;}
.footer .container .QRcode li p {max-width: 91px; line-height: 30px; font-size: 14px; color: #666; text-align: center;}

/*侧边悬浮*/
.side-menu {position: fixed; bottom: 220px; z-index: 9;}
.side-menu .btn {width: 50px; height: 50px; margin-bottom: 2px; position: relative; cursor: pointer;}
.side-menu .btn-tel {background: url(../images/icon-phone.jpg) no-repeat;}
.side-menu .btn-tel .tel {display: none; min-width: 160px; line-height: 50px; background: #e61c3f; text-align: center; position: absolute; top: 0; left: -160px;}
.side-menu .btn-tel .tel p {font-size: 18px; color: #fff; white-space: nowrap;}
.side-menu .btn-gotop {display: none; background: url(../images/icon-gotop.jpg) no-repeat;}

/*分页*/
.pages {margin-bottom: 60px; font-size: 0; text-align: center;}
.pages a {display: inline-block; line-height: 36px; padding: 0 14px; margin: 0 11px!important; background: #f5f5f5; border: 1px solid #b8b8b8; border-radius: 5px; font-size: 14px; color: #7e7e7e; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.pages span {display: inline-block; line-height: 36px; padding: 0 14px; margin: 0 11px!important; background: #e61c3f; border: 1px solid #e61c3f; border-radius: 5px; font-size: 14px; color: #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.pages a:hover {background: #e61c3f; border-color: #e61c3f; color: #fff;}


/*首页解决方案*/
.index-case {width: 100%; min-height: 466px; background: url(../images/case-bg.jpg) no-repeat; background-size: 100% auto; text-align: center; overflow: hidden; position: relative;}
.index-case .title {margin: 62px auto 21px;}
.index-case section p {line-height: 36px; font-size: 16px; color: #696969;}
.index-case .btn {margin: 40px 0;}
.index-case .btn a {display: block; width: 157px; height: 38px; line-height: 34px; margin: 0 auto; border: 2px solid #e9e9e9; font-family: '宋体'; font-size: 14px; color: #999; position: relative;}
.index-case .btn a::after {display: block; content: ""; width: 9px; height: 13px; background: url(../images/icon-buts.png) no-repeat; background-size: 100% auto; position: absolute; top: 11px; right: 36px;}
.index-case .btn a:hover {background: #d7233d; border-color: #d7233d; color: #fff;}
.index-case .btn a:hover::after {background: url(../images/icon-buts-hover.png) no-repeat; background-size: 100% auto;}

/*首页产品中心*/
.index-pro {}
.index-pro .item {position: relative;}
.index-pro .item .container {position: relative; height: 100%; overflow: hidden; z-index: 1;}
.index-pro .item img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.index-pro .item .txt {max-width: 390px; position: absolute;}
.index-pro .item .txt h3 {line-height: 57px; font-size: 37px; color: #fff;}
.index-pro .item .txt section {line-height: 29px; font-size: 16px; color: #fff;}
.index-pro .item a.btn {display: inline-block; line-height: 18px; padding: 11px 22px 11px 0; font-size: 14px; color: #fff; position: relative;}
.index-pro .item a.btn::before {display: block; content: ""; width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.index-pro .item a.btn:hover::before {width: 100%;}
.index-pro .item a.btn::after {display: block; content: ""; width: 10px; height: 18px; background: url(../images/icon-but-red.png) no-repeat; background-size: 100% auto; position: absolute; top: 11px; right: 0;}
.index-pro .food,.index-pro .film {height: 450px;}
.index-pro .food .txt,.index-pro .film .txt {top: 189px; right: 0;}
.index-pro .film .txt-en {top: 149px; right: 0;}
.index-pro .medical {height: 449px;}
.index-pro .medical .txt {top: 187px; left: 0;}

/*首页slogan*/
.index-slogan {background: url(../images/slogan-bg.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.index-slogan .title {margin: 117px auto 145px; text-align: center;}

/*首页科研实力*/
.index-research {}
.index-research .item {display: flex; align-items: center; justify-content: center;}
.index-research .item:last-child {flex-direction: row-reverse;}
.index-research .item>div {width: 50%; overflow: hidden; position: relative;}
.index-research .carousel .coverbg {width: 100%; padding-top: 54.479%; background-repeat: no-repeat; background-size: cover;}
.index-research .carousel .btn {display: block; width: 45px; height: 45px; position: absolute; top: 50%; cursor: pointer; z-index: 2;}
.index-research .carousel .btn-prev {left: 0; background: url(../images/swiper-prevbtn.png) no-repeat; background-size: cover;}
.index-research .carousel .btn-next {right: 0; background: url(../images/swiper-nextbtn.png) no-repeat; background-size: cover;}
.index-research .introduce .txt {padding: 0 33.5% 0 7.6%;}
.index-research .item:last-child .introduce .txt {padding: 0 7.6% 0 33.5%;}
.index-research .introduce h3 {line-height: 48px; margin-bottom: 8px; font-size: 28px; font-weight: bold; color: #333;}
.index-research .introduce h3 span {display: inline-block; line-height: 37px; margin-left: 15px; font-size: 18px; color: #ccc; vertical-align: bottom;}
.index-research .introduce section p {line-height: 36px; font-size: 16px; color: #696969; text-indent: 2em;}
.index-research .item:last-child .introduce section p,.index-research .introduce section p.en {text-indent: initial;}
.index-research .introduce .more {display: inline-block; line-height: 40px; padding-right: 23px; font-size: 14px; color: #d7233d; position: relative;}
.index-research .introduce .more::before {display: block; content: ""; width: 0; height: 2px; background: #d7233d; position: absolute; left: ; bottom: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.index-research .introduce .more:hover::before {width: 100%;}
.index-research .introduce .more::after {display: block; content: ""; width: 10px; height: 18px; background: url(../images/icon-but-red.png) no-repeat; background-size: 100% auto; position: absolute; top: 11px; right: 0;}

/*首页新闻资讯*/
.index-news {padding: 121px 0 165px; background: url(../images/news-bg.jpg) no-repeat; background-size: cover;}
.index-news .news-header {display: flex; align-items: flex-end; justify-content: space-between;}
.news-header .tit h3 {display: inline-block; line-height: 49px; padding-left: 17px; font-size: 34px; color: #393939; position: relative;}
.news-header .tit h3::before {display: block; content: ""; width: 7px; height: 15px; background: #d8253e; position: absolute; top: 10px; left: 1px;}
.news-header .tit h3::after {display: block; content: ""; width: 7px; height: 15px; background: #514f4f; position: absolute; bottom: 10px; left: 1px;}
.news-header .tit span {display: inline-block; line-height: 36px; margin-left: 8px; font-size: 18px; color: #b5b5b5;}
.news-header .tab-tag {display: inline-block; font-size: 0;}
.news-header .tab-tag a,.news-header .tab-tag li {display: inline-block; line-height: 33px; padding: 0 27px; margin-right: 24px; border: 1px solid #e61c3f; border-radius: 33px; font-size: 18px; color: #e61c3f; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; cursor: pointer;}
.news-header .tab-tag a.on,.news-header .tab-tag a:hover,.news-header .tab-tag li.on,.news-header .tab-tag li:hover {background: #e61c3f; color: #fff;}
.news-header .news-menu .more {display: inline-block; line-height: 33px; padding-right: 29px; font-size: 18px; color: #666; position: relative;}
.news-header .news-menu .more::after {display: block; content: ""; width: 10px; height: 18px; background: url(../images/icon-but-red.png) no-repeat; position: absolute; top: 8px; right: 13px;}
.news-header .news-menu .more:hover {color: #e61c3f;}
.news-content {height: 470px; margin-top: 35px; position: relative;}
.news-content .wrap {display: none; position: absolute; top: 0; left: 0; width: 100%;}
.news-content .wrap:first-child {display: block;}
.news-content .newslist {background: none;}
/* .news-content .newslist ul {display: flex; align-items: flex-start; justify-content: space-between;} */
.news-content .newslist ul {margin: 0 -14px;}
.news-content .newslist ul::after {display: block; content: ""; clear: both; visibility: hidden;}
.news-content .newslist li {float: left; margin: 0 14px; cursor: pointer; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.news-content .newslist li:hover {-webkit-box-shadow: 0 0 30px rgba(219, 219, 219, 0.74); box-shadow: 0 0 30px rgba(219, 219, 219, 0.74);}
.news-content .newslist li .img {width: 405px; height: 252px; overflow: hidden;}
.news-content .newslist li .text {max-width: 405px; padding: 24px 12px 26px 22px; background: #f8f8f8; position: relative;}
.news-content .newslist li .text h3 {min-height: 44px; line-height: 22px; margin-bottom: 11px; font-size: 18px; color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news-content .newslist li .text section {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 69px;}
.news-content .newslist li .text section,.news-content .newslist li .text section p {line-height: 23px; font-size: 14px; color: #999;}
.news-content .newslist li .text .time {line-height: 22px; padding-left: 20px; margin-top: 21px; font-size: 14px; color: #666; position: relative;}
.news-content .newslist li .text .time::after {display: block; content: ""; width: 13px; height: 12px; background: url(../images/icon-date.png) no-repeat; background-size: cover; position: absolute; top: 5px; left: 0;}
.news-content .newslist li .text a.btn {line-height: 31px; padding: 0 28px 0 14px; border: 1px solid #e61c3f; border-radius: 31px; font-family: "宋体"; font-size: 15px; color: #e61c3f; position: absolute; bottom: 26px; right: 13px;}
.news-content .newslist li:hover .text a.btn {background: #e61c3f; color: #fff;}
.news-content .newslist li .text a.btn::after {display: block; content: ""; width: 9px; height: 13px; background: url(../images/icon-buts.png) no-repeat; background-size: cover; position: absolute; top: 9px; right: 12px;}
.news-content .newslist li:hover .text a.btn::after {background: url(../images/icon-buts-hover.png) no-repeat;}


/*关于我们*/
.about-box {padding-top: 82px;}
.about-box .container {text-align: center;}
.about-box .container .title p {margin-top: -20px;}
.about-box .container section {max-width: 90%; line-height: 36px; margin: 21px auto 0; font-size: 16px; color: #696969; text-indent: 2em; text-align: justify;}
.about-box .container section p {text-indent: initial;}
.about-box .equipment {width: 100%; padding-top: 45.3125%; overflow: hidden; position: relative; cursor: pointer;}
/* .about-box .equipment .triangle {display: block; content: ""; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 3;} */
.about-box .equipment .triangle {display: block; width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 3;}
.about-box .equipment img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.about-box .equipment .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; opacity: 0;}
.about-box .equipment:hover .mask {opacity: 1;}
.about-box .equipment .mask a.more {display: inline-block; line-height: 54px; padding: 0 84px 0 80px; border: 1px solid #fff; font-family: "宋体"; font-size: 20px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-box .equipment .mask a.more::after {display: block; content: ""; width: 13px; height: 18px; background: url(../images/icon-buts.png) no-repeat; background-size: cover; position: absolute; top: 18px; right: 54px;}
.about-box .equipment .mask a.more:hover {background: #d7233d; border-color: #d7233d; color: #fff;}
.about-box .equipment .mask a.more:hover::after {background: url(../images/icon-buts-hover.png) no-repeat; background-size: cover;}

.about-box .list {margin-top: 72px;}
/* .about-box .list ul {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;} */
.about-box .list ul {margin: 0 -22px;}
.about-box .list ul::after {display: block; content: ""; clear: both; visibility: hidden;}
.about-box .list ul li {float: left; margin: 0 22px 63px;}
.about-box .list li .img {width: 394px; height: 265px; overflow: hidden;}
.about-box .list li .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.about-box .list li .txt {height: 56px; line-height: 56px; border-bottom: 1px solid #b9b9b9; text-align: left; position: relative; overflow: hidden;}
.about-box .list li .txt p {transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.about-box .list li .txt p.tit1 {padding-right: 30px; font-size: 20px; color: #696969; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 1;}
.about-box .list li .txt p.tit1::after {display: block; content: ""; width: 29px; height: 29px; background: url(../images/icon-magnifier.png) no-repeat; background-size: cover; position: absolute; top: 13px; right: 0;}
.about-box .list li .txt p.tit2 {width: 0; padding: 0 10px; background: #e61c3f; font-size: 20px; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; position: absolute; top: 0; left: 0;}
.about-box .list li:hover .txt p.tit1 {opacity: 0;}
.about-box .list li:hover .txt p.tit2 {opacity: 1; width: 100%;}

/*科研实力*/
.research .items {}
.research .items .container {width: 100%; padding: 83px 0 134px; background: url(../images/BG001.jpg) center center no-repeat; background-size: cover; position: relative; text-align: center;}
.research .items:last-child .container {background: url(../images/BG002.jpg) center center no-repeat; background-size: cover;}
.research .items .container section {width: 1273px; line-height: 36px; padding: 0 56px; margin: 21px auto 0; font-size: 16px; color: #696969; text-indent: 2em; text-align: justify;}
.research .items .container section.en {text-indent: initial;}
.research .items:last-child .container section {text-align: center;}
.research .items .container .title p {margin-top: -20px;}
.research .items .container i.down-arrow {display: block; width: 13px; height: 20px; background: url(../images/icon-down-arrow.png) no-repeat; background-size: cover; position: absolute; bottom: 48px; left: calc(50% - 6.5px); -webkit-animation: start 2s infinite linear; -moz-animation: start 2s infinite linear; animation: start 2s infinite linear;}
@-webkit-keyframes start {
	0%,100% {opacity: 1;-webkit-transform: translate(0,-15px);}
	50% {opacity: 1;-webkit-transform: translate(0,0);}
}
@-moz-keyframes start {
	0%,100% {opacity: 1;-moz-transform: translate(0,-15px);}
	50% {opacity: 1;-moz-transform: translate(0,0);}
}
@keyframes start {
	0%,100% {opacity: 1;transform: translate(0,-15px);}
	50% {opacity: 1;transform: translate(0,0);}
}

.research .pic-group {width: 100%; padding-top: 36.98%; position: relative; overflow: hidden;}
.research .pic-group .list img {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.research .pic-group .col, .research .col .imgwr, .research .col .img {display: none; position: absolute; top: 0; left: 0; width: 16.66%; height: 100%; overflow: hidden;}
.research .pic-group .col::before {content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 1px; height: 100%; background-color: #fff;}
.research .pic-group .col-c1,.research .pic-group .col:first-child {display: block; left: 0;}
.research .pic-group .col-c1::before,.research .pic-group .col:first-child::before {display: none;}
.research .col .imgwr {display: block; width: 100%; background-color: #000;}
.research .col .imgwr .img {display: block; left: 50%; width: auto; max-width: initial; min-width: 100%; opacity: 0.4; filter: alpha(opacity=40); transform: translate3d(-50%, 0, 0);}

.research .col .conwr {position: absolute; top: 60%; left: 4.97%; right: 4.97%; z-index: 3; margin: 0 auto; width: auto; text-align: left; color: #fff; opacity: 0; filter: alpha(opacity=0);}
.research .col:hover .img, .research .col-on .imgwr .img {opacity: 1; filter: alpha(opacity=100);}
.research .col:hover .conwr, .research .col-on .conwr {top: 8.667%; opacity: 1; filter: alpha(opacity=100);}

.anime-r .yb,.anime-r.yb {-webkit-animation: yb 1s forwards; -moz-animation: yb 1s forwards; -o-animation: yb 1s forwards; animation: yb 1s forwards;}
.anime-r .yb:nth-child(1) {-webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;}
.anime-r .yb:nth-child(2) {-webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}
.anime-r .yb:nth-child(3) {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
.anime-r .yb:nth-child(4) {-webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;}
.anime-r .yb:nth-child(5) {-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;}
.anime-r .yb:nth-child(6) {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}
.anime-r .yb:nth-child(7) {-webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s;}
.anime-r .yb:nth-child(8) {-webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s;}
.anime-r .yb:nth-child(9) {-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}
.anime-r .yb:nth-child(10) {-webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -o-animation-delay: 1.0s; animation-delay: 1.0s;}
.anime-r .yb:nth-child(11) {-webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;}
.anime-r .yb:nth-child(12) {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}
.anime-r .yb:nth-child(13) {-webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;}
.anime-r .yb:nth-child(14) {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}

.trs03s {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/*产品列表*/
.prolist {padding: 39px 0;}
.prolist .list-inline {margin-bottom: 27px;}
.prolist .lists ul {margin: 0 -14px;}
.prolist .lists li {float: left; width: 405px; margin: 0 14px 76px;}
.prolist .lists li .pic {width: 100%; height: 252px; overflow: hidden;}
.prolist .lists li .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.prolist .lists li .txt {padding: 17px 17px 22px; background: #f9f9f9;}
.prolist .lists li .txt h4 {line-height: 42px; margin-bottom: 10px; font-size: 26px; color: #000; text-align: center;}
.prolist .lists li .txt section p {min-height: 115px; line-height: 23px; font-size: 14px; color: #999; text-align: justify; text-indent: 2em; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.prolist .lists li .txt section p.en {text-indent: initial;}
.prolist .solution li .txt section p {min-height: 70px; line-height: 23px; -webkit-line-clamp: 3;}
.prolist .solution li .txt section p.en {min-height: 70px; text-indent: initial;}
.prolist .lists li .tit {line-height: 42px; padding: 18px 10px; background: #f9f9f9; font-size: 26px; color: #000; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.prolist .lists li,.prolist .lists li .pic img,.prolist .lists li .txt,.prolist .lists li .txt h4,.prolist .lists li .tit {transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.prolist .lists li:hover {-webkit-box-shadow: 0 0 30px rgba(219, 219, 219, 0.74); box-shadow: 0 0 30px rgba(219, 219, 219, 0.74);}
.prolist .lists li:hover .pic img {transform: scale(1.1,1.1);}
.prolist .lists li:hover .txt {background: #fff;}
.prolist .lists li:hover .txt h4 {color: #e71c3f;}
.prolist .lists li:hover .tit {background: #fff; color: #e71c3f;}

/*产品详情*/
.prodetail {padding: 28px 0;}
.prodetail .list-inline {margin-bottom: 46px;}
.detailsbox .product-details-img {float: left; margin-right: 42px;}
.detailsbox .IMG {width: 841px; height: 525px; border-radius: 100px; overflow: hidden; position: relative;}
.detailsbox .IMG .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.detailsbox .IMG .pagination {position: absolute; z-index: 2; text-align: center;}
.detailsbox .IMG .pagination .swiper-pagination-bullet {background: #fff; opacity: 1;}
.detailsbox .IMG .pagination .swiper-pagination-bullet-active {background: #e71c3f;}
.detailsbox .product-details-text {padding: 27px 37px 50px 0; overflow: hidden; position: relative;}
.detailsbox .product-details-text h3 {line-height: 50px; padding-bottom: 11px; margin-bottom: 20px; border-bottom: 1px solid #f3f3f3; font-size: 30px; color: #333;}
.detailsbox .product-details-text section {height: 370px; line-height: 30px; font-size: 16px; text-align: left; color: #333; overflow: hidden;}
.detailsbox .product-details-text .item-btn {position: absolute; bottom: 0; right: 10px; font-size: 0;}
.detailsbox .product-details-text .item-btn a {display: inline-block; width: 48px; height: 48px; border: 1px solid #dadada; border-radius: 100%; position: relative;}
.detailsbox .product-details-text .item-btn a::after {display: block; content: ""; width: 9px; height: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.detailsbox .product-details-text .item-btn .prevone {margin-right: 16px;}
.detailsbox .product-details-text .item-btn .prevone::after {background: url(../images/icon-prevone-red.png) no-repeat; background-size: cover;}
.detailsbox .product-details-text .item-btn .nextone::after {background: url(../images/icon-nextone-red.png) no-repeat; background-size: cover;}
.detailsbox .product-details-text .item-btn a,.detailsbox .product-details-text .item-btn a::after {transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.detailsbox .product-details-text .item-btn a:hover {background: #d7233d; border-color: #d7233d;}
.detailsbox .product-details-text .item-btn .prevone:hover::after {background: url(../images/icon-prevone-white.png) no-repeat; background-size: cover;}
.detailsbox .product-details-text .item-btn .nextone:hover::after {background: url(../images/icon-nextone-white.png) no-repeat; background-size: cover;}
.goods-details-box {padding-top: 62px;}
.goods-details-box .titbox {text-align: center; border-bottom: 1px solid #ccc;}
.goods-details-box .tit {line-height: 45px; font-size: 20px; font-weight: bold; color: #393939;}
.goods-details-box .tit-en {line-height: 22px; font-size: 14px; color: #ccc;}
.goods-details-box span.line {display: block; width: 65px; height: 4px; margin: 6px auto -2px; background: #df0716;}
.goods-details-box .goods-introduce {padding: 20px;}
.goods-details-box .goods-introduce p {line-height: 30px; font-size: 18px; color: #333;}
.goods-details-box .goods-introduce p img {display: inline-block;}

/*新闻资讯*/
.news {padding: 61px 0 30px;}
.newslist {background: url(../images/BG003.jpg) center top no-repeat; background-size: 100% auto;}
.news .title {margin-bottom: 10px; text-align: center;}
.news .title p {margin-top: -20px;}
.news .sub-nav {margin-bottom: 74px;}
.list-item li {display: flex; align-items: flex-start; justify-content: center; padding: 12px; margin-top: 39px; background: #f9f9f9; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer;}
.list-item li .news-txt {width: 67%; padding: 16px 40px 0 50px; position: relative;}
.list-item li .news-txt h4 {max-width: 86%; line-height: 33px; margin-bottom: 17px; font-size: 20px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list-item li .news-txt section {line-height: 25px; font-size: 16px; color: #999; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-align: justify;}
.list-item li .news-txt a {display: block; line-height: 20px; margin-top: 18px; font-size: 14px; color: #e61c3f;}
.list-item li .news-txt .time {display: inline-block; line-height: 21px; padding: 0 10px; background: #fff; border: 2px solid #eee; border-radius: 5px; font-size: 14px; color: #666; text-align: center; position: absolute; top: 20px; right: 40px;}
.list-item li .news-txt .time p {line-height: 42px; font-size: 46px; font-weight: bold; color: #e61c3f;}
.list-item li .news-img {width: 33%; padding-top: 18%; position: relative; overflow: hidden;}
.list-item li .news-img img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.list-item li:hover {background: #fff; -webkit-box-shadow: 0 0 35px rgb(208, 208, 208, 0.74); box-shadow: 0 0 35px rgb(208, 208, 208, 0.74);}
.list-item li:hover .news-img img {transform: scale(1.1,1.1);}
.list-item .pages {margin-top: 100px;}
.newsdetail h3.tit {line-height: 53px; margin-top: 21px; border-bottom: 1px solid #eee; font-size: 24px; color: #000; text-align: center;}
.newsdetail .time {line-height: 24px; margin-top: 7px; font-size: 14px; color: #666; text-align: center;}
.newsdetail .content {padding: 30px 26px 33px;}
.newsdetail .content p {line-height: 36px; font-size: 16px; color: #666; text-align: justify; text-indent: 2em;}
.newsdetail .content img {display: inline-block; margin: 15px 0;}
.newsdetail .item-btn {padding: 0 30px; margin-bottom: 51px; text-align: right; font-size: 0;}
.newsdetail .item-btn a {display: inline-block; }
.newsdetail .item-btn a {display: inline-block; width: 48px; height: 48px; background: #fff; border: 1px solid #dfdfdf; border-radius: 100%; position: relative; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.newsdetail .item-btn a.prevone {margin-right: 16px;}
.newsdetail .item-btn a::after {display: block; content: ""; width: 9px; height: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.newsdetail .item-btn .prevone::after {background: url(../images/icon-prevone-red.png) no-repeat;}
.newsdetail .item-btn .nextone::after {background: url(../images/icon-nextone-red.png) no-repeat;}
.newsdetail .item-btn a:hover {background: #d7233d; border-color: #d7233d;}
.newsdetail .item-btn .prevone:hover::after {background: url(../images/icon-prevone-white.png) no-repeat;}
.newsdetail .item-btn .nextone:hover::after {background: url(../images/icon-nextone-white.png) no-repeat;}

/*联系我们*/
.other {position: relative; overflow: hidden; min-height: 564px;}
.other .banners {position: absolute; top: 0; left: 0; width: 100%; padding-top: 49.48%; overflow: hidden; z-index: 1;}
.other .banners img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.other .container {position: relative; z-index: 2; margin-top: 61px;}
.other .container .title {margin-bottom: 10px; text-align: center;}
.other .container .title h3 {color: #fff;}
.other .container .title p {margin-top: -20px; color: #fff;}
.other .container .content {max-width: 1221px; padding: 42px 53px; margin: 74px auto 0; background: rgba(255,255,255,0.9); border-top-left-radius: 80px; border-top-right-radius: 80px;}
.other .container .substance {padding: 85px 29px 40px;}
.other .container .ablum {padding: 50px 27px 40px 30px;}
.other .contact h3.name {max-width: 95%; line-height: 52px; margin: 0 auto 20px; font-size: 30px; font-weight: bold; color: #e61c3f; position: relative; text-align: center;}
.other .contact h3.name i {display: block; width: 29px; height: 4px; background: #da3048; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); position: relative;}
.other .contact h3.name i::after {display: block; content: ""; width: 15px; height: 4px; background: #514f4f; position: absolute; top: 0; right: 0;}
.other .contact p.add {line-height: 41px; font-size: 20px; color: #666;}
.other .contact dl {font-size: 0;}
.other .contact dd {display: inline-block; line-height: 41px; margin-right: 114px; font-size: 20px; color: #666;}
.other .contact dd:last-child {margin: 0;}
.other .contact form {width: 900px; margin: 25px auto 0;}
.other .contact form h3 {line-height: 52px; margin: 0 auto 20px; font-size: 30px; font-weight: bold; color: #666; position: relative; text-align: center;}
.other .contact form h3 i {display: block; width: 29px; height: 4px; background: #da3048; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); position: relative;}
.other .contact form h3 i::after {display: block; content: ""; width: 15px; height: 4px; background: #514f4f; position: absolute; top: 0; right: 0;}
.other form .item {margin-bottom: 21px;}
.other form .item::after {display: block; content: ""; clear: both; visibility: hidden;}
.other form .item>div {float: left; width: 50%; font-size: 0; position: relative;}
.other form .item>div:last-child {text-align: right;}
.other form .item p {display: inline-block; width: 370px; height: 50px; line-height: 50px; padding: 0 15px 0 58px; background: #eee; border: none; border-radius: 5px; position: relative;}
.other form .item p input[type="text"] {width: 100%; height: 100%; background: none; border: none; font-size: 18px; color: #333;}
.other form .item p input::-webkit-input-placeholder{color: #b5b5b5;}
.other form .item p input::-moz-placeholder{color: #b5b5b5;}
.other form .item p input:-moz-placeholder{color: #b5b5b5;}
.other form .item p input:-ms-input-placeholder{color: #b5b5b5;}
.other form .item p i {display: block; width: 27px; height: 50px; position: absolute; top: 0; left: 21px;}
.other form .item p i.user {background: url(../images/icon-contact.png) 0 0 no-repeat;}
.other form .item p i.name {background: url(../images/icon-contact.png) 0 -50px no-repeat;}
.other form .item p i.area {background: url(../images/icon-contact.png) 0 -100px no-repeat;}
.other form .item p i.phone {background: url(../images/icon-contact.png) 0 -150px no-repeat;}
.other form .item p i.website {background: url(../images/icon-contact.png) 0 -200px no-repeat;}
.other form .item p i.mail {background: url(../images/icon-contact.png) 0 -250px no-repeat;}
.other form .item>div span {display: inline-block; margin-left: 17px; font-size: 18px; color: #e80010; vertical-align: middle;}
.other form .item label {line-height: 50px; font-size: 18px; color: #666; vertical-align: middle;}
.other form .item label.type {margin-right: 40px;}
.other form .item input[type="checkbox"] {width: 18px; height: 18px; background: url(../images/check.png) no-repeat; border: none; vertical-align: middle;}
.other form .item input[type="checkbox"]:checked {background: url(../images/checked.png) no-repeat;}
.other form .item textarea {width: 868px; line-height: 32px; padding: 10px 24px; background: #eee; border-radius: 5px; font-size: 18px; color: #333; resize: none;}
.other form input[type="submit"] {display: block; width: 158px; line-height: 51px; margin: 55px auto 88px; background: #fff; border: 1px solid #e61c3f; border-radius: 5px; text-align: center; font-size: 18px; color: #e61c3f; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.other form input[type="submit"]:hover {background: #e61c3f; color: #fff;} 

/*招聘信息*/
.table dl.tit {width: 100%; font-size: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;}
.table dl.tit dd {display: inline-block; line-height: 40px; background: #e61c3f; font-size: 16px; color: #fff; text-align: center;}
.table ul {width: 100%; border: 1px solid #bfbfbf;}
.table ul li {border-bottom: 1px solid #bfbfbf; cursor: pointer;}
.table ul li:last-child {border-bottom: none}
.table li .lis {display: flex; align-items: center; justify-content: center; text-align: center; position: relative;}
.table li .open::after {display: block; content: ""; width: 95%; height: 1px; background: #dbdbdb; position: absolute; bottom: 0; left: 2.5%;}
.table li .lis>div {padding: 17px 15px 16px;}
.table li .lis .lis1 {width: 19.52%;}
.table li .lis .lis2 {width: 21.41%;}
.table li .lis .lis3 {width: 18.22%;}
.table li .lis .lis4 {width: 22.01%;}
.table li .lis .lis5 {width: 18.83%;}
.table li .lis>div span {display: inline-block; line-height: 26px; font-size: 15px; color: #3b3b3b;}
.table li .open>div span {color: #dd242b;}
.table li .lis .lis1 span.hot {padding-right: 29px; position: relative;}
.table li .lis .lis1 span.hot::after {display: block; content: ""; width: 22px; height: 9px; background: url(../images/icon-hot.png) no-repeat; position: absolute; top: 8px; right: 0;}
.table li .info {display: none; padding: 7px 18px 8px 19px;}
.table .info dl {padding: 13px 0; border-bottom: 1px solid #dbdbdb;}
.table .info dl:last-child {border: none;}
.table .info dl dt,.table .info dl dd {line-height: 30px; font-size: 16px; color: #3b3b3b;}
.table .info dl dd i {margin-right: 6px;}

/*员工风采*/
.other .ablum h4.tit {line-height: 41px; margin-bottom: 26px; font-size: 30px; font-weight: bold; color: #e71c3f; text-align: center;}
.other #waterfull .albumli {width: 289px; padding: 6px;}