html{
scroll-padding-top:100px;
}
.contentdetails,.content{position: relative;width: 100%;}
.details{position: relative;}
.title{width: 100%;position: relative;padding:40px 0 20px 0;}
.title a{color: #666;font-size: 14px;padding: 0 14px;display: block;float: left;height: 22px;}
.title a em{color: #176fc0;padding: 0 11px;}
.title a:hover,.title .on{color:#176fc0;text-decoration: none;font-weight: bold;font-size:16px;}
.pagenav{padding: 0 25px;height: 208px;background:#19458d;position: absolute;right: 0;top: 30px;z-index: 2;}
.pagenav a{display: block;padding-top: 55px;}
.pagenav a:hover{text-decoration:none;}
.pagenav h5{color: #c6e4ff;font-size: 36px;font-weight: normal;text-align: right;}
.pagenav p{color:#c6e4ff;font-size: 24px;font-family: 'Calibri';display: block;text-align: right;}
.pagebanner{overflow: hidden;width: 100%;height:420px;}
.pagebanner img{width: 100%;}
.detailscon .xqTit{position: relative;border-bottom: 1px solid #dcdcdc;width: 69%;margin: 0 auto;}
.detailscon .xqTit h6{color: #333;font-size: 24px;text-align: center;font-weight: normal;line-height: 2.1rem;}
.detailscon .xqTit p{color: #666;font-size: 16px;text-align: center;padding: 25px 0 25px 0;}
.detailscon .xqTit p span{cursor: pointer; margin-right: 25px;
margin-left: -9px;}
.detailscon .xqTit p .on{color:#176fc0;}
.detailscon .xqCon{position: relative;width: 69%;margin: 0 auto;padding-top:20px;}
.detailscon .xqCon p{color: #555;font-size: 16px;text-indent: 2rem;line-height: 32px;padding-top: 0px}
.detailscon .xqCon p img{display: block;max-width: 100%;margin:0 auto;}
.detailscon .xqCon h3{text-align: center;max-width:100%;padding: 25px 0 25px 0;}
.detailscon .xqCon h5{font-weight: normal;color: #555;font-size: 16px;text-align: center;}
.detailscon .xqOther{position: relative;height: 60px;padding: 50px 0 80px 0;width: 75%;margin: 0 auto;}
.detailscon .xqOther p{border:1px solid #e5e5e5;width: 47%;height: 60px;line-height: 60px;}
.detailscon .xqOther p:hover{border:1px solid #176fc0;background: #176fc0;}
.detailscon .xqOther p a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #999;font-size: 14px;text-align: center;width: 100%;float: left;padding:0 25px 0 5px;box-sizing:border-box;}
.detailscon .xqOther p i{padding-right: 20px;font-style: normal;}
.detailscon .xqOther p:hover a{color: #fff;}
.contentbg{background: #fafafa;}
.juhetitle {width: 100%;position: relative;padding:46px 0 50px 0;}
.juhetitle a{color: #666;font-size: 14px;padding: 0 14px;display: block;float: left;height: 22px;}
.juhetitle a em{color: #176fc0;padding: 0 11px;}
.juhetitle a:hover,.juhetitle .on{color:#176fc0;text-decoration: none;font-weight: bold;font-size: 16px;}
.news_juhe{position: relative;background-color: #fafafa;padding-bottom:70px;}
.news_juhe .news_list{position: relative;padding-bottom: 30px;}
.news_juhe .news_list li{height: 441px;margin-bottom: 35px;box-shadow: 0 0 10px 1px #d7d7d7;background: #fff;float: left;position: relative;margin-right:2%;width:32%;}
.news_juhe .news_list li:nth-child(3n+0){margin-right: 0;}
.news_juhe .news_list li h2{color: #19458d;font-size: 16px;font-family: 'NewsGothicBT Light';padding: 30px 26px 17px 26px;}
.news_juhe .news_list li h5{font-size: 20px;color: #333333;line-height: 26px;height: 52px; padding:0 26px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_juhe .news_list li span{font-size: 12px;color: #999999;display: block;padding:0 26px;margin: 10px 0;}
.news_juhe .news_list li p{padding:0 26px;color: #666666;font-size: 16px;padding-bottom: 35px;width: 87%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_juhe .news_list li .img{height: 256px;width:100%;overflow: hidden;}
.news_juhe .news_list li .img img{width: 100%;transition-duration: .5s;}
.news_juhe .news_list li:hover .img img{transform: scale(1.03);}
.news_juhe .news_list li:hover{box-shadow: 0 0 17px rgba(0,0,0,.3);margin-top: -14px;transition:all 0.7s;}
.news_juhe .news_list li:hover h5{color: #19458d;}
.news_juhe .news_list li:hover p{color: #333333;}
.news_juhe .news_list2{position: relative;}
.news_juhe .news_list2{box-shadow: 0 0 10px 1px #d7d7d7;background: #fff;float: left;position: relative;margin-right:2%;width:32%;}
.news_juhe .news_list2:nth-child(3n+0){margin-right: 0;}
.news_juhe .news_list2 h2{color: #19458d;font-size: 16px;font-family: 'NewsGothicBT Light';padding: 30px 26px 17px 26px;}
.news_juhe .news_list2 h5{padding:0 26px;color: #333;font-size: 20px;padding-bottom: 35px;}
.news_juhe .news_list2 span{display: block;color: #666;font-size: 16px;padding:0 26px 70px 26px;line-height: 1.5rem;}
.news_juhe .news_list2:hover{box-shadow: 0 0 17px rgba(0,0,0,.3);margin-top: -14px;transition:all 0.4s;}
.news_juhe .news_list2:hover h5{color: #19458d;}
.newmore{width: 220px;margin: 0 auto; margin-top: 50px;border:1px solid #19458d;position: relative;}
.newmore a{height: 51px;display: block; position:relative;z-index:2;width:0;
height:51px;
background:#19458d;
transition:width 0.7s;
-moz-transition:width 0.7s; /* Firefox 4 */
-webkit-transition:width 0.7s; /* Safari and Chrome */
-o-transition:width 0.7s; /* Opera */}
.newmore a i{border:1px solid #8299c0;font-style:normal;position:absolute; top:0;left:0;z-index:3;display: block;width: 218px;height:51px;}
.newmore a i b{line-height:50px;text-align: center;line-height:51px;color: #19458d;font-size: 18px;font-weight: normal;float: left;margin-left: 60px;}
.newmore a em{top: 43%;right: 26%;position: absolute;width: 19px;height: 10px;background: url(../images/page/em02.png) center no-repeat;}
.newmore a:hover{width:220px;}
.newmore a:hover i{border:1px #19458d solid;}
.newmore a:hover i b{color: #fff;}
.newmore a:hover em{background: url(../images/page/em01.png) center no-repeat;}
.newmore a em{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.newmore a:hover em{transform: translate(8px,0);-webkit-transform: translate(8px,0);-moz-transform: translate(8px,0);-o-transform: translate(8px,0);-ms-transform: translate(8px,0);}
/*技术研发*/
.zzd-Technology{position: relative;margin-bottom: 210px;}
.zd-Technology{position: relative;}
.zd-Technology .zd-xs{position: relative;padding-top: 148px;width: 600px;}
.zd-Technology .zd-xs .zd-2000{border-bottom: 1px solid #dcdcdc;padding-bottom: 60px;}
.zd-Technology .zd-xs .zd-2000 .ap1,.zd-Technology .zd-xs .zd-2000 .ap2{width: 45%;}
.zd-Technology .zd-xs .zd-2000 .ap1 b,.zd-Technology .zd-xs .zd-2000 .ap2 b{font-family: 'ArnoPro Regular';color: #333;font-size: 72px;font-weight: normal;}
.zd-Technology .zd-xs .zd-2000 .ap1 span,.zd-Technology .zd-xs .zd-2000 .ap2 span{text-align: center;color: #666;font-size: 16px;display:table;}
.zd-Technology .zd-xs .zd-2000 .ap1 em{margin-left: 5px;width: 18px;height:26px;background:url(../images/page/ap1.png) center no-repeat;display: inline-block;vertical-align: super;}
.zd-Technology .zd-xs .zd-2000 .ap2 em{margin-left: 5px;width: 23px;height:23px;background:url(../images/page/ap2.png) center no-repeat;display: inline-block;vertical-align: super;}
.zd-Technology .zd-xs .zd-sm{position: relative;padding-top:45px;}
.zd-Technology .zd-sm h2{color: #176fc0;font-size: 28px;font-weight: bold;}
.zd-Technology .zd-sm span{color: #333;font-size: 18px;padding-top: 20px;display: block;}
.zd-Technology .zd-sm p{color: #333;font-size: 16px;display: block;padding-top: 0;line-height: 2rem;margin:0;}
.zd-Technology .zd-sm p img{display:block;max-width:100%;margin:0 auto;}
.zd-Technology .zd-sm h5{padding-top: 20px;
padding-bottom: 10px;
color: #19458d;
font-size: 20px;
font-weight: bold;}
.zd-Technology .zd-sm a {cursor: pointer;
width:104px;
height:30px;
line-height:30px;
position: absolute;
right: 0;
bottom: -43%;
color:#333;
background: url(../images/page/em02.png) 62px center no-repeat;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.zd-Technology .zd-xs .zd-sm a:hover{
background-position: 70px center;
color:#176fc0;
text-decoration: none;
}
.zd-Technology .z-img{
width: 513px;
margin-top: 70px;
position: relative;
display: block;
height: 385px;
overflow: hidden;
}
.zd-Technology .z-img img{width: 100%;height: 100%;}
.zd-Technology .z-img img{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.zd-Technology .z-img img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.zd-Technology .zd-40{
width: 260px;height: 180px;
position: absolute;
right:21.1%;top: 71%;
background: #fff;
display:none;
}
.zd-Technology .zd-40 a{
color: #176fc0;font-size: 180px;
font-family: 'ArnoPro Regular';
-moz-opacity:0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
filter:alpha(opacity=10);
position: absolute;
top: 50%;
transform: translateY(-43%);
left: 0;right: 0;
text-align: center;
}
.zd-Technology .zd-40 a:hover{text-decoration: none;}
.zd-Technology .zd-40 b{
font-size: 74px;
font-family: 'ArnoPro Regular';
color: #176fc0;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
padding-top: 78px;
}
.zd-Technology .zd-40 span{
text-align: center;color: #666;
font-size: 16px;display:table;
width: 100%;
text-align: center;
display: block;
}
.yf-Technology{
position: relative;
background: url(../images/page/yf-bg.jpg) center no-repeat;
padding-bottom: 36px;
width: 100%;
}
.yf-Technology .yf-swiper{width: 580px;position: relative;padding-top: 70px;}
.yf-Technology .yf-swiper .swiper-container{padding-bottom:35px;}
.yf-Technology .yf-swiper .swiper-slide{width: 395px;height: 297px;box-shadow: 0px 0px 60px 0 rgba(0,0,0,.3);}
.yf-Technology .yf-swiper .swiper-slide img{width: 100%;}
.yf-Technology .yf-swiper .swiper-button-prev{left: 33px;}
.yf-Technology .yf-swiper .swiper-button-next{right: 33px;}
.yf-Technology .yf-swiper .swiper-button-prev,
.yf-Technology .yf-swiper .swiper-button-next{width: 79px;height: 197px;
background: #fff;-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
filter:alpha(opacity=0);
top:75px;}
.yf-Technology .yf-jz{position: relative;padding-top:20px;width: 520px;}
.yf-Technology .yf-jz>div{margin:40px 0;}
.yf-Technology .yf-jz h2{color: #176fc0;font-size: 28px;font-weight: bold;}
.yf-Technology .yf-jz p{color:#333;font-size: 16px;display: block;padding-top: 15px;}
.zl-Technology{width: 100%;position: relative;padding-top: 25px;}
.zl-title{position: relative;}
.zl-title h2{color:#333;font-size: 36px;font-weight: normal;text-align: center;display: block;}
.zl-title h5{padding: 10px 0 15px 0;color: #333;font-size: 24px;font-weight:normal;display: block;text-align: center;}
.zl-title em{display: block;width: 2px;height: 14px;margin: 0 auto;background: #176fc0;}
.zl-Technology .zl-hd{width: 100%;position: relative;padding-top: 55px;padding:25px 0;margin-bottom: 35px;}
.zl-hd .zl-bt{position:relative;text-align:center;}
.zl-hd .zl-bt ul{display: inline-block;margin-left:125px;}
.zl-hd .zl-bt ul li{float: left;margin-right:20px;line-height: 46px;padding: 0 24px;}
.zl-hd .zl-bt ul li a{color: #333;font-size: 18px;text-decoration: none;}
.zl-hd .zl-bt ul li:hover,.zl-hd .zl-bt ul .on{background:#176fc0;}
.zl-hd .zl-bt ul li:hover a,.zl-hd .zl-bt ul .on a{color: #fff;}
.zl-hd b{width: 100%;position: absolute;top: 50%;background: #d1e2f2;height: 1px;}
.zl-hd .slideBox{margin-top:21px;}
.zl-Technology .zl-hd .slideBox .dlList li{float: left;width: 334px;margin-right: 30px;}
.zl-Technology .zl-hd .slideBox .dlList li a{width: 334px;height: 480px;overflow: hidden;display:block;position:relative;}
.zl-Technology .zl-hd .slideBox .dlList li a img{width: 100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.zl-Technology .zl-hd .slideBox .dlList li p{color: #666;font-size: 20px;font-family: 'ArnoPro Regular';text-align: center;display: block;padding-top: 15px;}
.zl-Technology .zl-hd .bd{position: relative;}
.zl-Technology .zl-hd .slideBox .prev{width: 30px;height: 48px;position: absolute;left: 0;top:37.8%;background: url(../images/page/l.png) center no-repeat;}
.zl-Technology .zl-hd .slideBox .next{width: 30px;height: 48px;position: absolute;right: 0;top:37.8%;background: url(../images/page/r.png) center no-repeat;}
.zl-Technology .zl-hd .con{display: none;}
.zl-Technology .zl-hd .on{display: block;}
.zl-Technology .zl-hd .tabcon{width: 89%;margin:0 auto;}
.zl-Technology .zl-hd .slideBox {position:relative;}
.zl-Technology .zl-hd .slideBox .tempWrap{margin-left: 5.8%;}
.honor{position: relative;padding-bottom: 30px;width: 100%;padding-top: 35px;}
.honor b{width: 339px;height: 65px;
background: url(../images/page/d.png) center no-repeat;
position: absolute;
bottom: 34px;
left: 50%;
transform: translateX(-50%);
}
.honor{position: relative;padding-bottom: 30px;width: 100%;margin-bottom:57px;}
.honor{position: relative;width: 100%;}
.honor .swiper-container{margin-top: 2%;min-height:420px;width:1200px;position:relative;}
.honor .swiper-wrapper{width:100%;}
.honor .swiper-slide{opacity: .4;width:268px;opacity: 0.4 !important;height:365px;margin-top:1%;position:relative;}
.honor .swiper-slide-active{opacity: 1 !important;margin:0;}
.honor .swiper-slide img{display:block;margin-bottom:40px;width: 100%;position:absolute;top:50%;transform:translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.honor b{width: 339px;height: 65px;
background: url(../images/page/d.png) center no-repeat;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.honor .swiper-button-next1,
.honor .swiper-button-prev1 {position: absolute;top: 35%;z-index: 99;cursor: pointer;width:43px;height: 43px;}
.honor .swiper-button-prev1 {background: url(../images/page/le.png) center no-repeat;left: 33%;top:45%;}
.honor .swiper-button-next1 {background: url(../images/page/ri.png) center no-repeat;right: 33%;top:45%;}
.honor .swiper-button-prev1:hover{background: url(../images/page/hle.png) center no-repeat;left: 33%;top:45%;}
.honor .swiper-button-next1:hover{background: url(../images/page/hri.png) center no-repeat;right: 33%;top:45%;}
.honor .swiper-button-next2,
.honor .swiper-button-prev2 {position: absolute;top: 35%;z-index: 99;cursor: pointer;width:43px;height: 43px;}
.honor .swiper-button-prev2 {background: url(../images/page/le.png) center no-repeat;left: 33%;top:45%;}
.honor .swiper-button-next2 {background: url(../images/page/ri.png) center no-repeat;right: 33%;top:45%;}
.honor .swiper-button-prev2:hover{background: url(../images/page/hle.png) center no-repeat;left: 33%;top:45%;}
.honor .swiper-button-next2:hover{background: url(../images/page/hri.png) center no-repeat;right: 33%;top:45%;}
/*产品架构*/
.jg-product{position: relative;background: #fafafa;}
.jg-product .jcpt-p{position: relative;}
.jg-product .jcpt-p p{width: 100%;position: relative;overflow: hidden;padding-top: 16px;display: block;}
.jg-product .jcpt-p p img{max-width: 100%;display:block;}
.jg-product .hy{position: relative;}
.jg-product .hy-p{padding-top: 45px;margin-top:55px;background: #f9f9f9 url(../images/page/hy-pbg.png) center no-repeat;padding-bottom: 35px;}
.jg-product .rt-list{position: relative;margin-top: 30px;}
.jg-product .rt-list li{float: left;margin-right: 25px;margin-bottom: 33px;position: relative;overflow: hidden;}
.jg-product .rt-list li:nth-child(3n+0){margin-right: 0;}
.jg-product .rt-list li a{float: left;width:382px;height: 372px;position: relative;}
.jg-product .rt-list li a em{display: block;}
.jg-product .rt-list li a>div{
z-index: 5;position: absolute;
top: 40%;
left: 50%;
transform: translateX(-50%);
}
.jg-product .rt-list li a em img{display: block;margin:0 auto;}
.jg-product .rt-list li a p{padding:21px 0 17px 0;display: block;color: #fff;font-size: 16px;text-align: center;}
.jg-product .rt-list li a i{display: block;width: 69px;height: 3px;background: #fff;margin:0 auto;}
.jg-product .rt-list li a b{background:#176fc0;width: 285px;height: 214px;
position: absolute;
left: 50%;
transform: translateX(-50%);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
filter:alpha(opacity=75);
display: none;
bottom:0;
}
.jg-product .rt-list li:hover div{
transition: all .5s;
top:55%;
}
.jcpt_bg{background: url(../images/jpctbg.png) bottom center no-repeat;padding-bottom: 100px;}
.wz{width: 70%;margin: 0 auto;text-align: center;line-height: 2rem;margin-top: 40px;margin-bottom: 40px;}
/*产品列表*/
.product-list{position: relative;padding-bottom: 85px;}
.product-list .p-l{position: relative;}
.product-list .p-l li{height: 313px;position: relative;margin-bottom: 40px;float: left;background: #fff;margin-right: 40px;width: 31%;}
.product-list .p-l li:nth-child(3n+0){margin-right: 0;}
.product-list .p-l li a{float: left;width: 100%;}
.product-list .p-l li .img{padding-top:35px;width: 100%;position: relative;overflow: hidden;height: 183px;}
.product-list .p-l li .img img{margin:0 auto;display: block;width: 100%;}
.product-list .p-l li h2{padding-top: 30px;color: #333333;font-size: 16px;text-align: center;}
.product-list .p-l li .con{display:none;height: 88px;width: 100%;position: absolute;bottom: 0;background: #176fc0;}
.product-list .p-l li .con h3{padding: 12px 40px 5px 40px;text-align: center;color: #fff;font-size: 16px;}
.product-list .p-l li .con p{padding: 0 40px;text-align: center;color: #c2e0fc;font-size: 14px;line-height: 1.2rem;}
.product-list .p-l li:hover h2{display: none;}
/*重点实验室详情*/
.sys-tech{position: relative;padding-bottom: 70px;}
.sys-tech .sys-details{position: relative;}
.sys-tech .sys-details h2{color: #333333;font-size: 24px;text-align: center;padding-bottom: 20px;}
.sys-tech .sys-details p{text-indent: 2rem;color: #555;font-size: 16px;padding:7px 0;line-height: 2rem;}
.sys-tech .sys-details h5{padding-top: 20px;padding-bottom: 10px;color: #19458d;font-size: 20px;font-weight: bold;}
.sys-tech .sys-details h3{width: 100%;position: relative;margin-bottom: 25px;}
.sys-tech .sys-details h3 img{margin: 0 auto;display: block;}
.sys-tech .sys-details span{color: #555;font-size: 16px;line-height: 2rem;display: block;width: 100%;}
.sys-tech .sys-details p img{display:block;max-width:80%;margin:0 auto;}
/*成功案例列表页*/
.ss-Technology-list{position: relative;padding-bottom: 80px;}
.ss-li{position: relative;width: 100%;padding-top: 70px;}
.ss-li ul li{width: 100%;position: relative;margin-bottom: 55px;float: left;}
.ss-li ul li:last-child{margin-bottom:0;}
.ss-li ul li:nth-child(1),.cc-li ul li:nth-child(1){
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ss-li ul li:nth-child(2),.cc-li ul li:nth-child(2){
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ss-li ul li:nth-child(3),.cc-li ul li:nth-child(3){
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ss-li ul li a{float: left;height: 100%;}
.ss-li ul li .img{float: left;width:49%;overflow: hidden;}
.ss-li ul li .img img{width: 100%;}
.ss-li ul li .word{float: left;width:50%;background: url(../images/page/wordbg.png) center no-repeat;margin-top:20px;}
.ss-li ul li .word span{color: #888888;font-size: 30px;padding-top: 60px;display: block;}
.ss-li ul li .word a{padding: 0 40px 0 5%;}
.ss-li ul li .word h2{color: #333;font-size: 30px;}
.ss-li ul li .word em{width: 74px;height: 3px;background: #2e7dc6;display: block;margin: 30px 0;}
.ss-li ul li .word p{color: #333;font-size: 16px;line-height: 1.5rem;display: block;padding-bottom: 70px;}
/*资料下载*/
.cc-li{position: relative;padding-top: 70px;}
.cc-li ul li{width: 100%;position: relative;margin-bottom: 55px;float: left;}
.cc-li ul li:last-child{margin-bottom:0;}
.cc-li ul li a{height:391px;width: 44%;display:block;overflow:hidden;}
.cc-li ul li a img{width:100%;}
.cc-li ul li .word{margin-top: 20px;width:48%;}
.cc-li ul li .word h2{color: #333;font-size: 36px;}
.cc-li ul li .word em{width:100%;height: 1px;background: #d3d3d3;display: block;margin: 30px 0;}
.cc-li ul li .word p{color: #333;font-size: 16px;line-height: 1.5rem;display: block;}
.cc-li ul li .word .ssDown{font-weight: normal;line-height: 35px;border-radius: 5px;float: left;height: 35px;background: #0994dc;text-align: center;width: 120px;color: #fff;font-size: 14px;font-style: normal;margin-top:25px;cursor:pointer;}
/*产品详情页*/
.product-xq{padding-bottom: 70px;position: relative;}
.product-xq .product-details{position: relative;}
.product-xq .product-details h2{color:#176fc0;font-size: 30px;width: 100%;display: block;border-bottom: 1px solid #e2e2e2;padding: 20px 0;}
.product-xq .product-details .t{width: 100%;position: relative;display:inline-block;margin-bottom: 25px;}
.product-xq .product-details .t>div{width: 57%;float: left;margin-right:39px;padding-top: 25px;display: block;}
.product-xq .product-details .t>.st{width:100%;}
.product-xq .product-details>div p{color: #999;font-size: 16px;line-height: 1.8rem;text-indent: 2rem;}
.product-xq .product-details h3{width: 100%; font-weight: bold;font-size: 24px;}
.product-xq .product-details h3 img{max-width: 100%;display:block;}
.product-xq .product-details p img{max-width:100%;}
.product-xq .product-details .t h5{margin-bottom: 35px; color: #666;font-size: 24px;}
.product-xq .product-details .t .st>p{margin-bottom: 35px; color: #176fc0;font-size: 24px;font-weight: bold;display:block;float:left;}
.product-xq .product-details .t .st>p:nth-child(2){background:url(../images/page/h.png) left center no-repeat;display:block;float:right;height:100%;}
.product-xq .product-details .t h5 img{max-width:100%;}
.product-xq .product-details>div p.spans{color: #999;font-size: 16px;padding: 8px 0;display: block;width: 100%;}
/*.product-xq .product-details .t span{color: #666;font-size: 14px;padding: 8px 0;display: block;width: 100%;}*/
.product-xq .product-details .j{margin-bottom: 0;display:flex;}
.product-xq .product-details .img_r{width: 477px;overflow: hidden;float: left;}
.product-xq .product-details .img_r img{width: 100%;display:block;}
.product-xq .product-details .t>div.div_l{width: 55%;float: right;display: block;margin-top: -32px;}
.product-xq .product-details .img_l{width: 477px;overflow: hidden;float: right;}
.product-xq .product-details .img_l img{width: 100%;display:block;}
.product-xq .product-details .t>div.div_r{width: 55%;float: right;display: block;margin-top: -32px;}
.product-xq .product-details .img_d{margin:20px 32px; width:1136px;}
.product-xq .product-details .img_d img{max-width: 100%;}
.searchcon{position: relative;}
.searchcon ul li{border-bottom: 1px solid #ccc;margin-bottom: 50px;}
.searchcon ul li a{display: block;padding: 0 10px;}
.searchcon ul li h2{color:#333;font-size: 18px;display: block;}
.searchcon ul li p{font-family: "arial";color: #999;font-size: 15px;display: block;padding:20px 0;}
.searchcon ul li span{color: #666;font-size: 16px;line-height: 2rem;padding-bottom: 35px;display: block;}
.searchcon ul li:hover h2{color: #19458d;font-weight: bold;}
.product-xq .product-details .t .productSwiper{
width: 447px;
float: none;
margin-right: 0;
margin-top: 25px;
padding: 0;
overflow: hidden;
position: relative;
}
.product-xq .product-details .productSwiper h3{width: 100%;height:187px;}
.product-xq .product-details .productSwiper h3 img{width: 100%;height:100%;object-fit: cover; display:block;}
.productSwiper .swiper{
padding-bottom: 16px;
}
.productSwiper .swiper-pagination{
left: auto;
bottom: 0 !important;
display: flex;
justify-content: center;
width: 100%;
position: absolute;
align-items: center;
}
.productSwiper .swiper-pagination-bullet{
width: 28px;
height: 3px;
opacity: 0.4;
background: #000000;
border-radius: 2px;
margin: 0 4px;
}
.productSwiper .swiper-pagination-bullet-active{
background: #1a6dcd;
opacity: 1;
}
/*关于我们聚合页*/
.Company-Profile{position: relative;}
.concact{margin-bottom: 70px;position: relative;}
.Company-Profile .cp-left{position: relative;margin-top: 70px;width: 32%;}
.Company-Profile .cp-left p{position: relative;float: left;padding-right: 25px;}
.Company-Profile .cp-left p b{float:left;margin-top:3px;font-family: 'Arial';font-size: 60px;color: #176fc0;font-weight: normal;min-width:167px;}
.Company-Profile .cp-left p em{right:0;width: 19px;height: 18px;background: url(../images/page/jh.png) center no-repeat;position: absolute;top:28px;}
.Company-Profile .cp-left p span{display:block;float:left;margin-left:5px;}
.Company-Profile .cp-left i{float: left;margin-right: 60px;}
.Company-Profile .cp-left .ap1{margin-bottom: 65px;}
.Profile-con{margin-top: 58px;width:59%;height:377px;background: url(../images/page/pbg.png) center no-repeat;}
.Profile-con .con{padding:26px;}
.Profile-con .con p{color: #333;font-size: 16px;text-indent: 2em;line-height: 2rem;}
.ryzz{padding-top: 35px;position: relative;}
.ryzz-tab .tab ul li{float: left;margin-right:20px;line-height: 46px;padding: 0 24px;}
.ryzz-tab .tab ul li a{z-index: 5;color: #333;font-size: 18px;text-decoration: none;}
.ryzz-tab .tab ul li:hover,.ryzz-tab .tab ul .on{background:#176fc0;}
.ryzz-tab .tab ul li:hover a,.ryzz-tab .tab ul .on a{color: #fff;}
.ryzz-tab .tabCon .con.on{visibility: visible;}
.ryzz-tab .tabCon{height:492px;overflow:hidden;position:relative;}
.ryzz-tab .tabCon .con{visibility: hidden;position: absolute;top:0;}
.ryzz-tab .tab{position:relative;margin-top: 20px;text-align:center;}
.ryzz-tab .tab ul{display: inline-block;margin-left: 20px;}
.honor-tab{padding-bottom: 13px;}
.honor-tab img,.addImg{display:block;width:100%;}
.news-marketing{margin-top: 60px;background: url(../images/page/nbg.png) bottom center no-repeat;}
.news-marketing .nm-list{margin-bottom: 70px;margin-top: 40px;position: relative;}
.news-marketing .nm-list ul li{height: 549px;position: relative;border-left: 1px solid #f2f2f2;padding: 50px 0;width: 25%;float: left;}
.news-marketing .nm-list ul li a{display:block;text-decoration:none;}
.news-marketing .nm-list ul li .a{cursor: pointer;float: left;padding:60px 40px;position: relative;height:549px;width: 100%;}
.news-marketing .nm-list ul li em{top:20%;left:0;width: 3px;height: 23px;background:#c9c9c9;position: absolute;}
.news-marketing .nm-list ul li .new-time{width: 80px;height: 80px;background: #333333;}
.news-marketing .nm-list ul li .new-time span{padding-top: 18px;display: block;padding-left: 11px;font-family: 'UniSansThinCAPS';font-size:14px;color: #bbb;}
.news-marketing .nm-list ul li .new-time h3{margin:0;padding-left: 11px;font-family: 'UniSansThinCAPS';font-size:20px;color: #fff;}
.news-marketing .nm-list ul li h2{font-size: 18px;color: #333;padding: 35px 0 29px 0;margin:0;}
.news-marketing .nm-list ul li p{color: #666;font-size: 14px;line-height: 2rem;}
.news-marketing .nm-list ul li .cs{float: left;text-decoration: none;font-size: 14px;color: #bee0ff;background: url(../images/page/moj.png) right center no-repeat;padding-right: 25px;display: none;}
.news-marketing .nm-list ul li:hover .a{background: url(../images/page/newbg.png) top 20px center no-repeat;transition: all .5s;margin-top: -20px;}
.news-marketing .nm-list ul li:hover .cs{display: block;margin-top: 15px;}
.news-marketing .nm-list ul li:hover em{background: #fff;z-index: 3;top: 20%;}
.news-marketing .nm-list ul li:hover .new-time{background: #fff;margin-top: 20px;}
.news-marketing .nm-list ul li:hover .new-time span{color: #3682c8;}
.news-marketing .nm-list ul li:hover .new-time h3{color: #3682c8;}
.news-marketing .nm-list ul li:hover h2{color: #fff;}
.news-marketing .nm-list ul li:hover p{color: #fff;}
.news-marketing .nm-list ul li:nth-child(4n+0){border-right: 1px solid #f2f2f2;}
/*产品介绍页*/
.yj-content{position: relative;padding-bottom: 10px;margin-top:40px;}
.yj-content .tu{margin:45px auto;max-width: 90%;}
.yj-content .tu img{margin:0 auto;display: block;width:100%;}
.yj-content h6{color: #176fc0;font-size: 52px;text-align: center;padding-bottom: 30px; font-family: '宋体';font-weight:bold;}
.yj-content p{color: #666;font-size: 14px;line-height: 2rem;padding: 2px 0;}
.yj-list{position: relative;margin-top: 25px;margin-bottom: 20px;float:left;}
.yj-list li{width: 278px;float: left;margin-right: 29px;position: relative;}
.yj-list li:last-child{margin-right: 0;}
.yj-list li .img{width: 278px;height: 208px;overflow: hidden;}
.yj-list li .img img{width: 100%;}
.yj-list li p{text-align: center;color: #333;font-size: 18px;padding-top: 19px;}
.yj-list li:hover p{color: #176fc0;}
.yj-list li b{display: none;width: 199px;height: 149px;background: url(../images/page/yjm.png) center no-repeat;position: absolute;top: 29px;left: 39px;}
.yj-list li em{display: none;width: 64px;height: 56px;background: url(../images/page/dbx.png) center no-repeat;position: absolute;top: 77px;left: 107px;}
.yj-list li:hover b{
display: block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;}
.yj-list li:hover em{
display: block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.yj_li li{width: 49%;position: relative;cursor: pointer;float: left;height: 209px; margin-bottom: 30px;margin-right: 2%;}
.yj_li li:nth-child(2n+0){margin-right:0;}
.yj_li img{width: 100%;height:100%;}
.yj_li li .border:nth-of-type(1){
top:12%;
left:50%;
width:0;
border-top:1px solid white;
transition:width .5s ease-in-out, transform 1s ease-in-out;
}
.yj_li li .border{
position:absolute;
background:none;
transition:all .5s ease-in-out;
}
.yj_li li .border:nth-of-type(2){
bottom:10%;
left:50%;
width:0;
border-bottom:1px solid white;
transition:width .5s ease-in-out, transform 1s ease-in-out;
}
.yj_li li .border:nth-of-type(3){
bottom:10%;
left:5%;
height: 0;
border-left:1px solid white;
}
.yj_li li .border:nth-of-type(4){
bottom:10%;
right: 5%;
height: 0;
border-right:1px solid white;
}
.yj_li li:hover .border:nth-of-type(1){
transform:translate(-50%, 0);
width:90%;
transition:width .8s ease-in-out, transform .3s ease-in-out;
}
.yj_li li:hover .border:nth-of-type(2){
transform:translate(-50%, 0);
width:90%;
transition:width .8s ease-in-out, transform .3s ease-in-out;
}
.yj_li li:hover .border:nth-of-type(3){
height:78%;
}
.yj_li li:hover .border:nth-of-type(4){
height:78%;
}
.yj_li li b{
font-size: 18px;
color: #fff;
position: absolute;
bottom: 0;
line-height: 42px;
height: 42px;
text-align: center;
background: rgba(23,110,192,.2);
width: 100%;
}
.yj_li li:hover b{
width: 100%;
height: 209px;
line-height: 209px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.list_open{width: 100%;position: relative;margin:40px 0 60px 0;}
.list_open h6{color:#333;font-size: 30px;padding-bottom: 30px;}
.hrList{position: relative;margin-right: 2%;width: 49%;float: left;}
.hrList li{width:100%;position: relative;float: left;margin-bottom: 27px;}
.hrList li .ti{width:100%;height:75px ;border:#eaeaea 1px solid;line-height:75px;background: url(../images/icon/a.png) right 5% center no-repeat;}
.hrList li .ti h2{float: left;color: #333;font-size:18px;padding-left: 9%;margin-left: 5%;}
.hrList li .ti .right_ico{overflow-y: auto;float:right; background:url(../images/page/n1.png) no-repeat center;}
#open .right_ico{background:url(../images/page/n2.png)no-repeat center;}
.hrList li .bgql{box-shadow:0 0 17px rgba(0,0,0,.1);width: 100%;background: #fff;display: none;}
.hrList li .con{margin-right: 10px;cursor: pointer;background: #fff;overflow: hidden;overflow-y: auto;height: 339px;}
.hrList li .con p{padding-left: 5%;line-height: 1.8rem;background: url(../images/icon/j1.png) left center no-repeat;margin-left: 37px;line-height: 57px;border-bottom: 1px solid #eaeaea;width: 82%;}
.hrList li .con p:hover{background: url(../images/icon/j2.png) left center no-repeat;}
.hrList li .con p:hover a{color:#176ec0;}
.hrList li .con p a{color: #333;font-size: 16px;}
.hrList li .con p a:hover{background: url(../images/icon/j2.png) left center no-repeat;color:#176ec0;}
#open .ti{background:#176ec0 url(../images/icon/jh.png) right 5% center no-repeat;;}
#open .ti h2{color: #fff;}
#open .bgql{display: block;}
#open .bgql{height: 328px;padding:10px 0;}
.ti1 h2{background: url(../images/icon/t011.png) left center no-repeat;}
.ti2 h2{background: url(../images/icon/t012.png) left center no-repeat;}
.ti3 h2{background: url(../images/icon/t013.png) left center no-repeat;}
.ti4 h2{background: url(../images/icon/t014.png) left center no-repeat;}
.ti5 h2{background: url(../images/icon/t015.png) left center no-repeat;}
.ti6 h2{background: url(../images/icon/t016.png) left center no-repeat;}
#open .ti1 h2{background: url(../images/icon/t01.png) left center no-repeat;}
#open .ti2 h2{background: url(../images/icon/t02.png) left center no-repeat;}
#open .ti3 h2{background: url(../images/icon/t03.png) left center no-repeat;}
#open .ti4 h2{background: url(../images/icon/t04.png) left center no-repeat;}
#open .ti5 h2{background: url(../images/icon/t05.png) left center no-repeat;}
#open .ti6 h2{background: url(../images/icon/t06.png) left center no-repeat;}
.hrList li .con::-webkit-scrollbar {/*滚动条整体样式*/
width: 3px; /*高宽分别对应横竖滚动条的尺寸*/
height: 135px;
}
.hrList li .con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);;
background: #176ec0;
}
.hrList li .con::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5pxrgba(0,0,0,.3);;
border-radius: 10px;
height: 135px;
background: #eaeaea;
}
.asp {width: 100%;position: relative;}
.asp .pager {padding-bottom: 60px;color: #5d5d5d;height: 30px;line-height: 30px;text-align: center;font-size: 14px;left:50%;transform: translateX(-50%);position: absolute;}
.asp .pager li{float:left;}
.asp .pager li.active span{background: #19458d;color:#fff;}
.asp .pager .cpb, .asp .pager a:hover {color: #FFF;font-weight: 100;background: #19458d;}
.asp .pager span, .asp .pager .nolink, .asp .pager a {display: inline-block;border: solid 1px #eaeaea;color: #5d5d5d;line-height: 30px;margin: 0 3px;padding: 0px 11px;background: #eaeaea;font-weight: 100;}
.asp .pager span.inp input {width: 51px;padding: 5px 0 5px 10px;height: 18px;font-size: 16px;color: #555;}
.asp .pager span.inp {margin: 1px auto 0;padding: 0px;width: 61px;height: 30px;background: #fff;border: solid 1px #eaeaea;border-right: none;}
.asp .pager span.no {margin: 0px;padding: 0px;width: 31px;font-size: 14px;background-color: #19458d;margin-left: -5px;}
.asp .pager span.no:hover {background: #0671b7;background-size: contain;color: #FFF;cursor: pointer;border: solid 1px transparent;}
.asp .pager .cpb, .asp .pager a:hover {color: #FFF;font-weight: 100;background: #19458d;background-size: contain;border: solid 1px #19458d;}
.asp .pager .pageinfo{background:none;border: 0;}
@keyframes h{
0%{transform:translate(0, 0);}
50%{transform:translate(50px, 5px);}
75%{transform:translate(5px, 5px);}
80%{transform:translate(0, 0);}
100%{transform:translate(0, 0);}
}
@keyframes o{
0%{transform:translate(0, 0);}
25%{transform:translate(-4px, 0);}
50%{transform:translate(3px, 4px);}
80%{transform:translate(0, 0);}
100%{transform:translate(0, 0);}
}
@keyframes v{
0%{transform:translate(0, 0);}
20%{transform:rotate(360deg);}
50%{transform:scale(2);}
80%{transform:translate(0, 0);}
100%{transform:translate(0, 0);}
}
@keyframes e{
0%{transform:translate(0, 0);}
20%{transform:translate(-10px, -2px);}
80%{transform:translate(0, 0);}
100%{transform:translate(0, 0);}
}
@keyframes r{
0%{transform:translate(0, 0);}
20%{transform:translate(0, 10px);}
80%{transform:translate(0, 32px);}
100%{transform:translate(0, 0);}
}
@keyframes t{
0%{transform:translate(0, 0);}
20%{transform:translate(0, -10px);}
40%{transform:translate(0, 0);}
60%{transform:translate(0, -10px);}
80%{transform:translate(0, 0);}
100%{transform:translate(0, 0);}
}
@keyframes n{
0%{transform:translate(0, 0);}
50%{transform:skewY(50deg);}
80%{transform:translate(0, 0);}
100%{transform:translate(0, 0);}
}
.wz.pros{text-align:left;text-indent:2em;width:90%;}
/*-------new-------*/
.sAbout{}
.news-marketing .nm-list .sAbout ul li{width: 286px;margin-right: 18px;float: left;border:0;padding:0;height:auto;}
.news-marketing .nm-list .sAbout ul li:nth-child(4n){margin-right: 0;}
.news-marketing .nm-list .sAbout li a{display: block;transition-duration: 0.5s;}
.news-marketing .nm-list .sAbout li .img{width: 286px;height: 190px;overflow: hidden;}
.news-marketing .nm-list .sAbout li .img img{display: block;transition-duration: 0.5s;width:100%;}
.news-marketing .nm-list .sAbout li .desc{padding: 20px 15px 15px;border-bottom: 1px solid #e6e6e6;transition-duration: 0.5s;}
.news-marketing .nm-list .sAbout li .desc h5{font-size: 16px;color: #333333;line-height: 1.6;height:58px;margin-top:0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/
.news-marketing .nm-list .sAbout li .desc p{line-height: 20px;height:40px; font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-marketing .nm-list .sAbout li .opr{padding: 20px 24px;transition-duration: 0.5s;}
.news-marketing .nm-list .sAbout li .opr p{font-size: 12px;color: #999999;float: left;line-height: 25px;}
.news-marketing .nm-list .sAbout li .opr span{height: 25px;line-height: 23px;width: 67px;text-align: center;box-sizing: border-box; font-size: 12px;color: #999999;float: right;display: block;border: 1px solid #999999;transition-duration: 0.5s;}
.news-marketing .nm-list .sAbout li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);margin-top: -5px;}
.news-marketing .nm-list .sAbout li a:hover img{transform: scale(1.08);}
.news-marketing .nm-list .sAbout li a:hover .desc,.sAbout li a:hover .opr{background-color: #ffffff;}
.news-marketing .nm-list .sAbout li a:hover .opr span{background-color: #176fc0;color: #ffffff;border-color: #176fc0;}
/* 8.29改 */
.smask{display: none; position: fixed;top:0;left: 0;width: 100%;height: 100vh;background-color: rgba(0,0,0,0.6);z-index: 12;}
.smask .spanel{padding: 45px;border-radius: 5px; position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color: #fff;max-height:80vh;overflow-y:auto;}
.smask .spanel h5{font-size: 20px;font-weight: bold;text-align: center;color: #176ec0;padding-bottom: 35px;}
.smask .spanel form>div{margin-bottom: 26px;position: relative;}
.smask .spanel p{font-size: 16px;color: #666666;float: left;line-height: 30px;padding-right: 20px;width: 102px;text-align: right;white-space:nowrap;}
.smask .spanel p b{font-size:16px;color:red;display:inline-block;font-weight:400;padding-right:5px;vertical-align: text-top;}
.smask .spanel input{height: 30px;font-size: 16px;color: #666666;width: 290px;border:1px solid #cccccc;padding-left: 10px;}
.smask .spanel textarea{height: 90px;font-size: 16px;color: #666666;width: 290px;border:1px solid #cccccc;padding: 10px;resize: none;}
.smask .spanel .btn{font-size: 16px;color: #ffffff;background-color: #176ec0;display: block;width: 80px;height: 40px;border-radius: 5px;text-align: center;border: 0;margin: 0 auto;}
.smask .spanel em{background-color: #cccccc;font-size: 14px;width: 24px;height: 24px;border-radius: 12px;text-align: center;line-height: 24px;position: absolute;top: 5px;right: 5px;cursor: pointer;color: #ffffff;}
.smask .spanel span{display: none; font-size:14px;color: red;padding-left: 125px;position: absolute;top: 100%;left: 0;}
.smask .spanel h6{font-size:14px;color: #666666;padding-left: 125px;font-weight: 400;padding-bottom: 0;text-align: left;}
.smask .spanel i{float: left;width: 100px;height: 40px;}
.smask .spanel .yzm{width: 80px;}
/* 20200507 */
.detailscon .xqCon img{display: block;max-width: 100%;}
/* 人力资源 */
.recruit{padding-top: 14px;padding-bottom: 70px;background: url(../images/pages/p2.jpg) center bottom no-repeat;background-size: 100% auto;
visibility: visible;
animation-delay: 1.2s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;}
.recruit .recruitItem{padding-top: 32px;position: relative;overflow: hidden;}
.recruit .recruitItem h5{font-size: 20px;color: #19458d;margin-bottom: 20px;font-weight: bold;line-height: 1;}
.recruit .recruitItem b{font-size: 16px;color: #444444;float: left;font-weight: 400;line-height: 1;}
.recruit .recruitItem span{font-size: 16px;color: #444444;float: left;line-height: 1;}
.recruit .recruitItem em{width: 21px;height: 11px;display: block;position: absolute;top: 62px;right: 8px;background: url(../images/arr1.png) center no-repeat;transition-duration: 0.5s;cursor: pointer;}
.recruit .recruitItem i{float: left;height: 16px;width: 1px;background-color: #a6a6a6;margin: 0 19px;}
/* .recruit .recruitItem.on{border-bottom: 4px solid #0162b3;} */
.recruit .recruitItem h5{color: #19458d;}
.recruit .recruitItem em.on{transform: rotate(180deg);}
.recruit .recruitItem>.recruitItem01{border-bottom: 1px solid #cdcbcb;padding-bottom: 32px;}
.recruit .recruitItem .recruitItem02{margin-bottom: 36px;}
.recruit .recruitItem .recruitItem02:nth-child(2){margin-top: 0;}
.recruit .recruitItem .recruitItem02 b{float: none;display: block;width: 100%;margin-bottom: 8px;font-size: 16px;color: #444444;font-weight: bold;}
.recruit .recruitItem .recruitItem02 p{font-size: 16px;color: #444444;line-height: 26px;padding-top: 0;visibility: visible;}
.recruit .recruitItem .download{font-size: 20px;color: #19458d;display: block;margin-top: 34px;text-align: center;width: 238px;height: 48px;line-height: 48px;border: 1px solid #19458d;background-color: #fff;margin-top: 70px;margin-bottom: 50px;transition-duration: 0.5s;}
.recruit .recruitItem .recruitItemIn{overflow: hidden;display: none;background-color: #f6f6f6;padding: 36px 54px;}
.recruit .recruitItem .recruitItem03{margin-bottom: 36px;}
.recruit .recruitItem .recruitItem03 b{font-size: 16px;color: #444444;font-weight: bold;}
.recruit .recruitItem .recruitItem03 span{font-size: 16px;color: #444444;}
.recruit .recruitItem .b a{display: block;float: left;margin-right: 40px; width: 180px;height: 60px;text-align: center;line-height: 60px;font-size: 20px;color:#19458d;border-radius: 6px;border: #19458d 1px solid;cursor: pointer;}
.recruit .recruitItem .b .t{display: block;float: left;margin-right: 40px; width: 180px;height: 60px;text-align: center;line-height: 60px;font-size: 20px;border-radius: 6px;color:#333;border: #e4e4e4 1px solid;background: #e4e4e4;
}
.recruit .recruitItem .b a:hover{background-color: #19458d;color: #ffffff;}
.recruit .more{font-size: 20px;color: #ffffff;background-color: #19458d;width: 289px;height: 60px;line-height: 60px;display: block;margin: 0 auto;text-align: center;margin-top: 104px;}
/*弹窗*/
.pup_tj{
display: none;
position: fixed;
left: 50%;
top: 50%;
z-index: 23;
transform: translate(-50%,-50%);
width: 400px;
background: #fff;
}
.pup_tj .tit{
position: relative;
height: 46px;
border-top: #19458d 2px solid;
background: #f8f8f8;
}
.pup_tj .tit i{
float: left;
margin:18px 10px 0 20px;
width: 4px;
height: 13px;
background: #19458d;
}
.pup_tj .tit b{
float: left;
font-size: 18px;
line-height: 46px;
color: #333;
}
.pup_tj .tit span{
position: absolute;
right: -40px;
width: 40px;
height: 46px;
background: url(../images/icon/icon_56.png) center no-repeat;
cursor: pointer;
}
.pup_tj .next{
padding-bottom: 30px;
}
.pup_tj .next div{
text-align: center;
}
.pup_tj .next img{
padding: 25px 0 14px;
margin:0 auto;
display: block;
}
.pup_tj .next p{
display: inline;
font-size: 16px;
color: #333;
}
.pup_tj .next .file {
display: inline;
position: relative;
overflow: hidden;
font-size: 16px;
color: #19458d;
cursor: pointer;
}
.pup_tj .next .file input {
position: absolute;
/*font-size: 100px;*/
width: 100%;
height: 100%;
right: 0;
top: 0;
opacity: 0;filter:alpha(opacity=0); -moz-opacity:0;
cursor: pointer;
}
.pup_tj .next i{
display: inline;
font-style: normal;
font-size: 14px;
color: #999;
}
.pup_tj .next em{
display: inline;
font-size: 14px;
color: #333;
}
.pup_tj .next .but{
display: block;
margin:30px auto 0;
width: 112px;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #19458d;
border:#19458d 1px solid;
border-radius: 4px;
cursor: pointer;
background: none;
}
.pup_tj_bac{
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 21;
background: rgba(0,0,0,0.5);
}