@charset "utf-8";


/* 设置字库 */
@font-face {
  font-family: 'shsregular';
  src: ;
}
@font-face {
  font-family: 'dinmedi';
  src: ;
}
  /* legacy ios */
font-weight: normal; font-style: normal; }
/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size:14px; line-height:1.42857143; font-family:'shsregular'; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化html5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #ffca4b;}


/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

/* 单行隐藏 */
.otxthide {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* 多行隐藏 */
.otxthide2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 多行隐藏 */
.dot3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.w1200{max-width:1200px;margin: 0 auto;}
.w1400{max-width:1400px;margin: 0 auto;}
.w1800{max-width:1800px;margin: 0 auto;}

.top{transition: all .3s;}
.top .lnbox{float: left;width: 75%;}
.top .lnbox .logo{float: left;width: 23%;}
.top .lnbox .logo a{display: block;line-height:95px;transition:.3s;}
.top .lnbox .logo .logo_w{display: none;}
.top .lnbox .nav{float: left;width: 77%;}
.top .lnbox .nav ul{position: relative;}
.top .lnbox .nav li{float: left;margin-left: 5%;}
.top .lnbox .nav li >a{color: #fbdd75;font-size:18px;display: block;line-height:95px;transition:.3s;position: relative;}


.top .lnbox .nav li .subnav{position: absolute;top: 100%;left: 5%;width: 100%;padding-top: 35px;display: none;}
.top .lnbox .nav li .subnav:before{content: "";display: block;width: 19200px;height: 100%;background: rgba(255,255,255,.92);box-shadow: 0px 13px 21px 0px rgba(0, 0, 0, 0.06);position: absolute;left: 50%;transform: translatex(-50%);z-index: 1;    top: 0;}
.top .lnbox .nav li .subnav dl{position: relative;z-index: 9;width: 250px;float: left;margin: 0;background:#fff;padding-bottom:30px;}
.top .lnbox .nav li .subnav dl dd{margin:0;}
.top .lnbox .nav li .subnav dl dd a{padding-left: 20px;display: block;font-size:18px;line-height:54px;color: #555;transition:.3s;text-align: left;}
.top .lnbox .nav li .subnav dl dd a:hover{color: #fbdd75;background:#0864d3;font-weight:bold;}
.top .lnbox .nav li .subnav .navdes{position: relative;z-index: 9;width: 305px;float: left;padding-left: 54px;padding-bottom: 30px;}
.top .lnbox .nav li .subnav .navdes p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-size:16px;color: #0864d3;line-height:26px;margin: 25px 0;}
.top .lnbox .nav li .subnav .navdes .datel{display: inline-block;color: #0864d3;padding-right:16px;position: relative;}
.top .lnbox .nav li .subnav .navdes .datel:before{width: 6px;height: 11px;content: '';background:url(/uploads/image/cimages/i1_b.png) no-repeat;position: absolute;top: 50%;margin-top:-5.5px;right:0;transition:.3s;}
.top .lnbox .nav li .subnav .navdes .datel:hover:before{right:-5px;}

.top .robox{float: right;padding-top: 36px;}
.top .robox .slidedown{display: inline-block;vertical-align: middle;line-height:14px;margin-right: 20px;padding-right: 35px;border-right: 1px solid #fbdd75;position: relative;transition:.3s;cursor: pointer;}
.top .robox .slidedown:after{width: 16px;height: 8px;content: '';background:url(/uploads/image/cimages/i3.png) no-repeat;position: absolute;top: 50%;margin-top: -2px;right:20px;transition:.3s;}
.top .robox .slidedown.on:after{transform: rotate(180deg);}
.top .robox .slidedown span{color: #fbdd75;font-size:18px;cursor: pointer;transition:.3s;}
/* .top .robox .slidedown.langsele{padding-left: 30px;} */
/* .top .robox .slidedown.langsele:before{width: 21px;height: 21px;content: '';background:url(/uploads/image/cimages/langcn.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top:-12px;transition:.3s;} */
.top .robox .slidedown .slidebox{position: absolute;top: 55px;background:rgba(255,255,255,.92);padding-bottom:30px;width: 200%;left: 50%;transform: translatex(-50%);-webkit-transform: translatex(-50%);-ms-transform: translatex(-50%);display: none;}
.top .robox .slidedown .slidebox a{display: block;line-height:54px;color: #555;transition:.3s;padding-left:18px;}
.top .robox .slidedown .slidebox a:hover{color: #fbdd75;background:#0864d3;font-weight:bold;}
.top .robox .slidedown.langsele .slidebox{width: 110px;}
.top .robox .searbox{position: relative;display: inline-block;vertical-align: middle;}
.top .robox .searbox .searbtn{display: block;width: 19px;height: 19px;background:url(/uploads/image/cimages/sear.png) no-repeat;transition:.3s;}
.top .robox .searbox .seaript{position: absolute;right:0;background:rgba(255,255,255,.92);padding: 5px;display: none;}
.top .robox .searbox .seaript input{color: #999;width: 220px;height: 40px;line-height:30px;border:1px solid #e5e5e5;padding: 0 30px 0 10px;}
.top .robox .searbox .seaript .searbtn{position: absolute;top: 50%;margin-top:-9.5px;right:25px;}

.top.hoveron{background:#fff;}
.top.hoveron .lnbox .logo .logo_c{display: none;}
.top.hoveron .lnbox .logo .logo_w{display: block;}
.top.hoveron .lnbox .logo .logo_w img{max-width: 245px;width: 100%;}
.top.hoveron .lnbox .nav li >a{color: #0864d3;}
.top.hoveron .robox .slidedown{border-right: 1px solid #0864d3;}
.top.hoveron .robox .slidedown:after{background:url(/uploads/image/cimages/i3_b.svg) no-repeat;transform: rotate(180deg);}
.top.hoveron .robox .slidedown span{color: #0864d3;}
.top.hoveron .robox .slidedown.langsele:before{background:url(/uploads/image/cimages/langcn_a.png) no-repeat;}
.top.hoveron .robox .searbox .searbtn{background:url(/uploads/image/cimages/sear_a.svg) no-repeat;}

@media(min-width: 1280px){
  .top .lnbox .nav li >a:before{width: 0;transition:.3s;height: 2px;content: '';background:#fbdd75;position: absolute;bottom:20px;left: 0;}
  .top.hoveron .lnbox .nav li >a:before{width: 0;transition:.3s;height: 2px;content: '';background:#0864d3;position: absolute;bottom:20px;left: 0;}
  .top .lnbox .nav li:hover >a:before,
  .top .lnbox .nav li.on >a:before{width: 100%;}
  .top.hoveron .lnbox .nav li:hover >a:before,
  .top.hoveron .lnbox .nav li.on >a:before{width: 100%;}
}

.bantop{position: relative;}
.bantop .top{position: absolute;width: 100%;top: 0;left: 0;z-index: 99;}


.banner{position: relative;}
.banner li{}
.banner li .item{position: relative;width: 100%;padding-bottom: 38.361%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.banner .pcban{display: block;}
.banner .slick-dots{position: absolute;text-align: center;width: 100%;bottom: 25px;}
.banner .slick-dots li{display: inline-block;width: 16px;height: 16px;background: url(/uploads/image/cimages/i2.png) no-repeat;background-size: cover;background-position:center center;transition:.3s;margin: 0 10px;}
.banner .slick-dots li.slick-active{background: url(/uploads/image/cimages/i2_a.png) no-repeat;background-size: cover;}
.banner .slick-dots li button{display: none;}
.banner .wapban{display: none;}
.banner li .item .txtbox{position: absolute;left: 20%;top: 50%;transform: translatey(-50%);}
@media(max-width:768px){
	.top.hoveron .lnbox .nav li .jt::after{content: "";transition: .3s;background: no-repeat center;background-size: cover;position: absolute;top: 20px;right: 3%;padding: 6px;}
  .top.hoveron .lnbox .nav li.lion .jt::after{transform: rotate(90deg);}
  .banner .pcban{display: none;}
  .banner .wapban{display: block;padding-bottom: 0;/*height: 400px;*/}
  .banner li .item{padding-bottom: 0;}
  .banner li .item .txtbox{left: 10%;}
  .banner li .item .txtbox >*{font-size: 14px;}
}

.container{background:#edf2f5;padding-bottom:80px;}
.containeridx{padding: 50px 0;}
@media(min-width: 1280px){
  .containeridx{padding: 100px 0;}
}


.detabtn{display: block;width: 150px;line-height:45px;padding-left:25px;background:#0864d3;color: #fbdd75;border-radius:35px;position: relative;}
.detabtn:before{width: 6px;height: 11px;content: '';background:url(/uploads/image/cimages/i4.png) no-repeat;position: absolute;top: 50%;margin-top:-5.5px;right:20px;transition:.3s;}
.detabtn:hover:before{right:15px;}

.homef{margin-bottom:60px;}
.homef li{float: left;width: 32%;margin-right:2%;}
.homef li:hover{box-shadow:0 0 20px rgba(0,0,0,.2);}
.homef li:nth-child(3n){margin-right:0;}
.homef li .imgbox{overflow: hidden;}
.homef li .imgbox img{transition:.3s;}
.homef li .txtbox{min-height: 290px;background:#fff;position: relative;padding: 6% 10%;}
.homef li .txtbox .titleb{margin-bottom:20px;}
.homef li .txtbox span{font-size:18px;color: #999;display: block;margin-bottom: 10px;}
.homef li .txtbox h5{font-size:22px;font-weight:normal;line-height:32px;color: #555;}
.homef li .txtbox p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;line-height:30px;color: #999999;}
.homef li .txtbox .detabtn{position: absolute;left: 10%;bottom: 30px;}
.homef li:hover .imgbox img{transform: scale(1.1);}
.homef li:hover .txtbox h5{color: #0864d3;}

.idxhfoor2 li .txtbox,
.idxhfoor3 li .txtbox{min-height: 360px;}
.idxhfoor2 li .txtbox h5{float: left;}
.idxhfoor2 li .txtbox span{float: right;}

.idxhfoor3 li{box-shadow:0 0 20px rgba(0,0,0,.2);}
.idxhfoor3 li .imgbox{position: relative;}
.idxhfoor3 li .imgbox span{position: absolute;display: block;width: 150px;line-height:40px;text-align: center;left: 0;bottom: 0;background:#edf2f5;color: #999;font-size:18px;border-top-right-radius: 10px;}

.hjoin{}
.hjoin .leftslide{width: 66%;float: left;position: relative;}
.hjoin .leftslide .slick-dots{position: absolute;text-align: center;width: 100%;bottom: 20px;}
.hjoin .leftslide .slick-dots li{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius:50%;transition:.3s;margin: 0 10px;}
.hjoin .leftslide li.slick-active{background:#0864d3;}
.hjoin .leftslide .slick-dots li button{display: none;}
.hjoin .leftslide li {position: relative;}
.hjoin .leftslide li .play{outline: none;position: absolute;left: 50%;top: 40%;display: inline-block;padding: 25px;z-index: 2;background: url(/uploads/image/cimages/play.png)no-repeat center;}
.hjoin .leftslide li .video{object-fit: cover;background-color: #000000;display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;}

.hjoin .righttext{width: 32%;float: right;background:url(/uploads/image/cimages/hjbg.jpg) no-repeat;background-position:center center;padding: 55px 45px;}
.hjoin .righttext h5{text-align: center;font-size:38px;color: #fbdd75;margin-bottom:20px;}
.hjoin .righttext p{text-align: center;color: #fff;line-height:28px;height: 209px;}
.hjoin .righttext .detabtn{background:none;border:1px solid #fbdd75;margin: 0 auto;}



.bottom{background:url(/uploads/image/cimages/bombg.jpg) no-repeat;background-position:center right;padding: 42px 0;background-size: cover;}
.bottom .bomleft{float: left;}
.bottom .bomleft img{max-width: 115px;}
.bottom .bomright{float: right;text-align: right;}
.bottom .bomright .sharebox a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;position: relative;margin-left:15px;border-radius:50%;border:1px solid rgba(251,221,117,.5);}
.bottom .bomright .sharebox a:hover{border:1px solid rgba(251,221,117,1);}
.bottom .bomright .sharebox a.wx:before{width: 22px;height: 18px;content: '';background:url(/uploads/image/cimages/wx.png) no-repeat;background-size: cover;position: absolute;top: 50%;left: 50%;margin-top:-9px;margin-left:-11px;}
.bottom .bomright .sharebox a.qq:before{width: 18px;height: 18px;content: '';background:url(/uploads/image/cimages/qq.png) no-repeat;background-size: cover;position: absolute;top: 50%;left: 50%;margin-top:-9px;margin-left:-9px;}
.bottom .bomright .sharebox a.wb:before{width: 22px;height: 18px;content: '';background:url(/uploads/image/cimages/wb.png) no-repeat;background-size: cover;position: absolute;top: 50%;left: 50%;margin-top:-9px;margin-left:-11px;}
.bottom .bomright .sharebox a.sh:before{width: 16px;height: 18px;content: '';background:url(/uploads/image/cimages/sh.png) no-repeat;background-size: cover;position: absolute;top: 50%;left: 50%;margin-top:-9px;margin-left:-8px;}
.bottom .bomright .sharebox a.wx figure{position: absolute;bottom: 100%;margin-bottom: 10px;width:100px;left: 50%;transform: translatex(-50%);display: none;}
.bottom .bomright .bomnav{margin-top:22px;margin-bottom:10px;}
.bottom .bomright .bomnav a{display: inline-block;padding: 0 12px;vertical-align: middle;color: #fbdd75;border-right: 1px solid rgba(255,255,255,.2);line-height:13px;}
.bottom .bomright .bomnav a:last-child{padding-right:0;border-right:none;}
.bottom .bomright .copybox p,
.bottom .bomright .copybox p a{color: #fbdd75;}
.bottom .bomright .copybox p a:hover,
.bottom .bomright .bomnav a:hover{color: #fff;}
.bottom .bdshare-button-style0-16{display: inline-block;}
.bottom .bdshare-button-style0-16 .bds_renren{background: none;}
.bottom .sharebox{display: none;align-items: center;justify-content: flex-end;}

.innerban{position: relative;}
.innerban:before{width: 100%;height: 185px;content: '';background:url(/uploads/image/cimages/navbe.png) no-repeat;position: absolute;top: 0;left: 0;}
.innerban .banbox{background-size: cover;background-position: center center;background-repeat:no-repeat;height: 600px;}

.container_inner{background:#fff;margin-top:-75px;position: relative;z-index: 9;}
.menulocat{border-bottom: 1px solid #ebebeb;}
.menulocat .menu{float: left;width: 70%;}
.menulocat .menu li{float: left;line-height:73px;padding: 0 12px;transition:.3s;}
.menulocat .menu li a{font-size:16px;color: #555;transition:.3s;display: block;}
.menulocat .menu li:hover,
.menulocat .menu li.on{background:#0864d3;}
.menulocat .menu li:hover a,
.menulocat .menu li.on a{color: #fbdd75;}
.menulocat .menu li#menu108{display: none;}

.menu000706 nav{ border-bottom:1px solid #e6e6e6; position:relative;}
.menulocat .menu ol{margin: 0;}
@media(min-width:769px){
.menulocat .menu ol{ display:none;}
.menulocat .menu ul{ display:block !important;}
}
@media(max-width:768px){
	.bottom .sharebox{justify-content: center;}
.menulocat .menu{ position:relative;}
.menulocat .menu ol{ padding:10px 0;}
.menulocat .menu ol span{display:block; background-color:#0864d3; padding:5px;border-radius:3px;}
.menulocat .menu ol a{ display:block; background-color:#0864d3;color:#fff; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;}
.menulocat .menu ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;}
.menulocat .menu ul{ position:absolute; width:100%; top:56px; left:0; background-color:#0864d3; padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 9;}
}


.menulocat .locat{float: right;width: 30%;text-align: right;line-height:73px;}
.menulocat .locat p{padding-left:18px;position: relative;display: inline-block;}
.menulocat .locat p:before{width: 11px;height: 11px;content: '';background:url(/uploads/image/cimages/home.png) no-repeat;position: absolute;top: 50%;margin-top:-5.5px;left: 0;color: #999999}
.menulocat .locat a{display: inline-block;vertical-align: middle;color: #999999}
.menulocat .locat span{display: inline-block;vertical-align: middle;color: #999999}
.menulocat .locat a:hover{color:#0864d3;}
.content{padding: 80px 0;}
.tittext{font-size:32px;font-weight:normal;text-align: center;color: #777;line-height:1;margin-bottom:45px;}

/*公司概况*/
.conprofile{}
.conprofile .imgbox{margin-bottom: 40px;}
.conprofile p{line-height:30px;color: #777;text-align: justify;}
/*公司概况*/

/*董事长致辞*/
.prespeech{}
.prespeech .txtbox{float: left;width: 68.5%;}
.prespeech .txtbox h5{font-size:38px;font-weight:normal;}
.prespeech .txtbox span{display: block;font-size:25px;margin-bottom:30px;}
.prespeech .txtbox p{line-height:30px;color: #777;margin-bottom:10px;}
.prespeech .imgbox{float: right;width: 27.5%;text-align: right;}
/*董事长致辞*/

/*发展历程*/
.history{}
.history .item{margin-bottom:6%;}
.history .item:last-child{margin-bottom:0;}
.history .item h5{padding-left:35px;font-size:28px;color: #0864d3;margin-bottom:25px;position: relative;}
.history .item h5 span{font-family:'dinmedi';}
.history .item h5:before{width: 21px;height: 21px;content: '';background:url(/uploads/image/cimages/tb2.png) no-repeat;position: absolute;top: 10px;left: 0;background-size: contain}
.history .item .txt{line-height:30px;color: #777;}
.history .item .slickbox{margin-top: 2%;}
/*发展历程*/

/*管理团队*/
.administration{}
.administration .item{margin-bottom:6%;}
.administration .item:last-child{margin-bottom:0;}
.administration .item .framebox{text-align: center;margin-bottom:5%;}
.administration .item .txtbox{padding: 4%;background:#f7f8fa;}
.administration .item .txtbox h5{font-size:22px;color: #555;margin-bottom:22px;}
.administration .item .txtbox .txt{line-height:30px;color: #777;}
.bigimgpup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10001;display: none;}
.bigimgpup .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:rgba(0,0,0,.5);}
.bigimgpup .bigimg{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 20px;background:#fff;text-align: center;}
/*管理团队*/

/*企业文化*/
.culture{background-repeat:no-repeat;background-position:center center;padding: 6%;}
.culture .item{color: #fbdd75;margin-bottom:7%;}
.culture .item:last-child{margin-bottom:0;}
.culture .item span{display: block;padding-left:30px;position: relative;font-size:18px;margin-bottom:1%;}
.culture .item span:before{width: 21px;height: 21px;content: '';background:url(/uploads/image/cimages/tb1.png) no-repeat;position: absolute;top: 2px;left: 0;background-size: 21px;}
.culture .item h5{font-size:30px;}
/*企业文化*/

/*科学逻辑*/
.scelogic,
.scelogic .txt,
.scelogic p{line-height:26px;color: #777;}
.scelogic .imgbox{text-align: center;margin-top:50px;}
.scelogic .tittext{margin-bottom: 15px;}
.scelogic .time{text-align: right;margin-bottom: 30px;margin-top: 30px;color: #999;}
/*科学逻辑*/

/*科学委员会*/
.scecommittee{}
.scecommittee .item{margin-bottom:6%}
.scecommittee .item:last-child{margin-bottom:0;}
.scecommittee .item .perdtl{border-left: 10px solid #0864d3;}
.scecommittee .item .perdtl .leftbox{float: left;width: 31%;padding-left:35px;}
.scecommittee .item .perdtl .leftbox p{font-size:22px;font-weight:bold;color: #555555;margin-bottom: 6px;}
.scecommittee .item .perdtl .leftbox span{display: block;font-size: 16px;color: #0864d3;font-weight:bold;}
.scecommittee .item .perdtl .righbox{float: left;width: 69%;}
.scecommittee .item .perdtl .righbox p{color: #777;line-height:26px;padding-left:15px;position: relative;}
.scecommittee .item .perdtl .righbox p:before{width: 3px;height: 3px;content: '';background:#0864d3;position: absolute;top: 11px;left: 0;}
.scecommittee .item .perdes{text-align: justify;margin-top:40px;position: relative;padding: 2.5% 4%;background:#f7f8fa;line-height:26px;color: #777;}
.scecommittee .item .perdes:before{width: 20px;height: 9px;content: '';background:url(/uploads/image/cimages/i7.png) no-repeat;position: absolute;left: 10%;top: -9px;}
/*科学委员会*/

/*全球研发*/
.rdglobal{}
.rdglobal .txt{color: #777;line-height:26px;}
.rdglobal .imgbox{margin-top:6%;}
/*全球研发*/

.slickbox{margin-top:6%;}
.slickbox h5{font-size:22px;color: #555;font-weight:normal;text-align: center;margin-bottom:25px;}
.slickbox ul{position: relative;}
.slickbox .slick-arrow{position: absolute;width: 44px;height: 44px;background:url(/uploads/image/cimages/tb3.png)no-repeat;top: 50%;margin-top:-22px;left: 30px;font-size:0;border:none;z-index: 9;cursor: pointer;background-size: contain}
.slickbox .slick-arrow.slick-next{left: auto;right:30px;transform: rotate(180deg);}

/*创新药概览*/
.drugsover{}
.drugsover .drugstop{margin-bottom:6%;}
.drugsover .drugstop .textb{line-height:26px;color: #777;text-align: center;margin-top:-25px;margin-bottom:25px;}
.drugsover .drugstop .drugsdes{padding: 4% 5%;background:#f7f8fa;}
.drugsover .drugstop .drugsdes .item{margin-bottom:4%;}
.drugsover .drugstop .drugsdes .item:last-child{margin-bottom:0;}
.drugsover .drugstop .drugsdes .item h5{font-size:22px;color: #555;margin-bottom:20px;}
.drugsover .drugstop .drugsdes .item p{line-height:30px;color: #777;}
.drugsover .drugsbom{}
.drugsover .drugsbom .tip{display: none;}
@media(max-width:768px){
  .drugsover .drugsbom .tip{display: block;text-align: right;line-height:30px;color: #999;padding-right:5px;font-size:12px;}
}
.drugsover .drugsbom h4{font-size:28px;color: #0864d3;margin-bottom:25px;}
.drugslabbox{margin-bottom:10px;}
.drugslabbox span{display: inline-block;vertical-align: middle;padding-left:28px;position: relative;font-size:16px;color: #555;margin-right:40px;margin-bottom:15px;}
.drugslabbox span.lab1:before{width: 24px;height: 10px;content: '';background:#00b050;border-radius: 25px;position: absolute;left: 0;top: 50%;margin-top:-5px;}
.drugslabbox span.lab2:before{width: 24px;height: 10px;content: '';background:#015cab;border-radius: 25px;position: absolute;left: 0;top: 50%;margin-top:-5px;}
.drugslabbox span.lab3:before{width: 24px;height: 10px;content: '';background:#00898c;border-radius: 25px;position: absolute;left: 0;top: 50%;margin-top:-5px;}
.drugslabbox span.lab4:before{width: 19px;height: 18px;content: '';background:url(/uploads/image/cimages/i8_a.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -9px;background-size: 100%;}
.drugslabbox span.lab5:before{width: 19px;height: 18px;content: '';background:url(/uploads/image/cimages/i8.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -9px;background-size: 100%;}
.drugstab{}
.drugstab .type{display:table; width:100%;}
.drugstab .type li{display:table-cell; vertical-align:middle;}
.drugstab .type li:nth-child(1){width: 9%;border:1px solid #eee;background:#eff2f6;padding-left:12px;border-top: none;}
.drugstab .type li:nth-child(2){width: 15%;padding-left:5px;border:1px solid #eee;border-left:none;border-top: none;}
.drugstab .type li:nth-child(3){width: 22.5%;border-right:1px solid #eee;}
.drugstab .type li:nth-child(4),
.drugstab .type li:nth-child(5){width: 9.5%;text-align: center;border-right: 1px solid #eee;border-bottom:1px solid #eee;}
.drugstab .type li:nth-child(6){width: 30%;}
.drugstab .type li:nth-child(6) span{width: 25%;text-align: center;float: left;}
.drugstab .type:last-child li:nth-child(1),
.drugstab .type:last-child li:nth-child(2){border-bottom: 1px solid #eee;}
.drugstab .type li i{display: block;width: 100%;height: 75px;margin: 0 auto;border-right: 1px solid #eee;border-bottom:1px solid #eee;}
.drugstab .type li i.has{background:url(/uploads/image/cimages/i8.png) no-repeat center;background-size: 22px;}
.drugstab .type li i.on{background:url(/uploads/image/cimages/i8_a.png) no-repeat center;background-size: 22px;}
.drugstab .type li p{display: flex;align-items: center;height: 75px;border-bottom:1px solid #eee;color: #555;line-height:60px;padding-left:5px;}
.drugstab .type li p.towtext{padding-top:8px;line-height:20px;}
.drugstab .type li .labox{height: 75px;position: relative;}
.drugstab .type li .labox span{height: 75px;border-right: 1px solid #eee;border-bottom:1px solid #eee;}
.drugstab .type li .labox span em{display: block;width: 33.33%;float: left;height: 100%;}
.drugstab .type li .labox .labitem{position: absolute;height: 18px;border-radius:25px;top: 50%;margin-top:-9px;left: 6px;}
.drugstab .type li .labox .labitem:before{width: 16px;height: 16px;content: '';background:url(/uploads/image/cimages/i2_a.png) no-repeat;position: absolute;    background-size: 100%;top: 50%;margin-top:-8px;right:9px;}
.drugstab .type li .labox .labitem.periods_0_1{width: calc(25% - 45px - 12px);}
.drugstab .type li .labox .labitem.periods_0_2{width: calc(25% - 30px - 12px);}
.drugstab .type li .labox .labitem.periods_0_3{width: calc(25% - 12px);}
.drugstab .type li .labox .labitem.periods_1_1{width: calc(50% - 60px - 12px);}
.drugstab .type li .labox .labitem.periods_1_2{width: calc(50% - 30px - 12px);}
.drugstab .type li .labox .labitem.periods_1_3{width: calc(50% - 12px);}
.drugstab .type li .labox .labitem.periods_2_1{width: calc(50%   30px - 12px);}
.drugstab .type li .labox .labitem.periods_2_2{width: calc(50%   60px - 12px);}
.drugstab .type li .labox .labitem.periods_2_3{width: calc(75% - 12px);}
.drugstab .type li .labox .labitem.periods_3_1{width: calc(75%   30px - 12px);}
.drugstab .type li .labox .labitem.periods_3_2{width: calc(75%   60px - 12px);}
.drugstab .type li .labox .labitem.periods_3_3{width: calc(100% - 12px);}
.drugstab ol.type li{line-height:60px;text-align: center;background:#0864d3!important;color: #fbdd75;font-size:16px;font-weight:bold;border:none!important;padding-left:0!important;}
.drugstab .type li{position: relative;}
.drugstab .type li.on::before{content: "①";color: white;font-size: 12px;position: absolute;right: 5px;top: -16px;}
.drugstab .type li#li8::before,
.drugstab .type li#li9::before{content: "②";color: #ccc;font-size: 12px;position: absolute;right: 5px;top: 50%;}
.drugstab .type li#li10::before,
.drugstab .type li#li11::before{content: "③";color: #ccc;font-size: 12px;position: absolute;right: -0;top: 40%;}


.drugsinfo{margin-top:80px;}
.drugsinfo .item{margin-top:60px;}
.drugsinfo .item .itemtop{padding: 0 25px;line-height:70px;background:#eff2f6;}
.drugsinfo .item .itemtop h5{float: left;font-size:24px;color: #0864d3;}
.drugsinfo .item .itemtop .tabtit{float: right;}
.drugsinfo .item .itemtop .tabtit li{margin-left:30px;font-size:20px;color: #555;display: inline-block;vertical-align: middle;cursor: pointer;}
.drugsinfo .item .itemtop .tabtit li:hover,
.drugsinfo .item .itemtop .tabtit li.on{color: #0864d3;}
.drugsinfo .item .itembom{}
.drugsinfo .item .itembom .itembox .tip{display: none;}
.tipbox{margin: 20px 0;color: #ccc;padding-left: 12px;}
.tipbox p{line-height: 1.8;font-size: 15px;}
@media(max-width:768px){
  .drugsinfo .item .itembom .itembox .tip{display: block;text-align: right;line-height:30px;color: #999;padding-right:5px;font-size:12px;}
}
.drugsinfo .item .itembom .itemtab{}
.drugsinfo .item .itembom .itemtab .type{display:table; width:100%;}
.drugsinfo .item .itembom .itemtab .type li{display:table-cell; vertical-align:middle;height: 60px;line-height:60px;}
.drugsinfo .item .itembom .itemtab .type li:nth-child(1){width: 56%;border:1px solid #eee;padding-left:25px;border-top: none;font-size:16px;color: #555;}
.drugsinfo .item .itembom .itemtab .type li:nth-child(2){width: 31%;border-bottom:1px solid #eee;}
.drugsinfo .item .itembom .itemtab .type li:nth-child(2) span{width: 25%;text-align: center;float: left;font-size:16px;}
.drugsinfo .item .itembom .itemtab .type li:nth-child(3){text-align: center;border-right:1px solid #eee;border-bottom:1px solid #eee;}

.drugsinfo .item .itembom .itemtab .type li .labox{height: 60px;position: relative;}
.drugsinfo .item .itembom .itemtab .type li .labox span{height: 60px;border-right: 1px solid #eee;border-right:1px solid #eee;}
.drugsinfo .item .itembom .itemtab .type li .labox span em{display: block;width: 33.33%;float: left;height: 100%;}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem{position: absolute;height: 18px;border-radius:25px;top: 50%;margin-top:-9px;left: 6px;}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem:before{width: 16px;height: 16px;content: '';background:url(/uploads/image/cimages/i2_a.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-8px;right:9px;}
.drugsinfo .item .itembom .itemtab ol.type{border:1px solid #eee;}
.drugsinfo .item .itembom .itemtab ol.type li{font-weight:bold;background:#f7f8fa;border:none!important;}
.drugsinfo .item .itembom .itemtab .type li i{display: block;width: 100%;height: 60px;margin: 0 auto;border-right: 1px solid #eee;border-bottom:1px solid #eee;}
.drugsinfo .item .itembom .itemtab .type li i.has{background:url(/uploads/image/cimages/i8.png) no-repeat center;background-size: 22px}
.drugsinfo .item .itembom .itemtab .type li i.on{background:url(/uploads/image/cimages/i8_a.png) no-repeat center;background-size: 22px}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_0_1{width: calc(25% - 45px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_0_2{width: calc(25% - 30px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_0_3{width: calc(25% - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_1_1{width: calc(50% - 60px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_1_2{width: calc(50% - 30px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_1_3{width: calc(50% - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_2_1{width: calc(50%   30px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_2_2{width: calc(50%   60px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_2_3{width: calc(75% - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_3_1{width: calc(75%   30px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_3_2{width: calc(75%   60px - 12px);}
.drugsinfo .item .itembom .itemtab .type li .labox .labitem.periods_3_3{width: calc(100% - 12px);}
.drugsinfo .item .itembom .itemdiv{padding: 60px 25px;background:#0864d3;}
.drugsinfo .item .itembom .itemdiv .desbox{font-size:16px;color: #fbdd75;line-height:28px;}
/*创新药概览*/

/*肝素产业链*/
.induchain{}
.induchain .txt{color: #777;line-height:30px;}
.induchain .structure{margin-top:30px;}
.induchain .structure h4{line-height:80px;text-align: center;background:#0864d3;color: #fbdd75;font-size:22px;font-weight:normal;margin-bottom:10px;}
.induchain .structure .structbox{}
.induchain .structure .structbox .imgbox{float: left;width: 39%;}
.induchain .structure .structbox .txtbox{float: right;width: 60%;}
.induchain .structure .structbox .txtbox .item{display: table;width: 100%;}
.induchain .structure .structbox .txtbox .item h5{display: table-cell;vertical-align: middle;width: 86px;border-right:10px solid #fff;text-align: center;background:#0864d3;color: #fbdd75;font-size: 18px;font-weight:normal;border-bottom:1px solid #fff;}
.induchain .structure .structbox .txtbox .item p{display: table-cell;vertical-align: middle;border-bottom:1px solid #fff;background:#eff2f6;line-height:22px;color: #777777;padding: 21px 35px;border-right:5px solid #d6dae1;}
@media (min-width:1024px) {
.induchain .structure .structbox .imgbox img{height: 100%;}
}
/*肝素产业链*/

/*cdmo服务*/
.cdmo{}
.cdmo .txt{line-height: 30px;color: #777;margin-bottom:30px;}
.cdmo .imgbox{margin-bottom:4%;}
.cdmo .flowbox{}
.cdmo .flowbox .item{float: left;width: 32.5%;background:#eff2f6;border-bottom:4px solid #d6dae1;margin-right:1.25%;min-height: 455px;padding: 45px 35px;}
.cdmo .flowbox .item:nth-child(3n){margin-right:0;}
.cdmo .flowbox .item h5{font-size:28px;color: #0864d3;margin-bottom:15px;}
.cdmo .flowbox .item p{font-size:16px;line-height:30px;color: #555;}
/*cdmo服务*/

/*新闻中心*/
.newscent{}
.newscent .newstslide{position: relative;margin-bottom:35px;}
.newscent .newstslide li{background:#f7f8fa;}
.newscent .newstslide li .imgbox{width: 50%;float: left;overflow: hidden;}
.newscent .newstslide li .imgbox img{transition:.3s;}
.newscent .newstslide li .txtbox{width: 50%;float: left;padding: 30px 50px 0;}
.newscent .newstslide li .txtbox a{outline: none;}
.newscent .newstslide li .txtbox time{display: block;font-family:'dinmedi';font-weight:bold;color: #999;}
.newscent .newstslide li .txtbox time span{font-size:30px;}
.newscent .newstslide li .txtbox h5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:24px;line-height:36px;font-weight:normal;color: #555;margin-bottom:15px;}
.newscent .newstslide li .txtbox p{text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;line-height:26px;color: #777777;margin-bottom:40px;}
.newscent .newstslide li .txtbox .view{display: inline-block;padding-right:15px;position: relative;}
.newscent .newstslide li .txtbox .view:hover{color: #0864d3;}
.newscent .newstslide li .txtbox .view:before{width: 6px;height: 11px;content: '';background:url(/uploads/image/cimages/i1_b.png) no-repeat;position: absolute;top: 50%;margin-top:-5.5px;right:0;transition:.3s;}
.newscent .newstslide li:hover .imgbox img{transform: scale(1.1);}
.newscent .newstslide li:hover .txtbox h5{color: #0864d3;}

.newscent .newstslide .slick-dots{position: absolute;text-align: center;bottom: 45px;right:50px;}
.newscent .newstslide .slick-dots li{display: inline-block;width: 16px;height: 16px;background: url(/uploads/image/cimages/i2_g.png) no-repeat;background-position:center center;transition:.3s;margin-left: 10px;}
.newscent .newstslide .slick-dots li.slick-active{background: url(/uploads/image/cimages/tb6.png);background-size:16px;}
.newscent .newstslide .slick-dots li button{display: none;}
.newscent .newslist{}
.newscent .newslist li{padding: 30px 0;border-bottom:1px solid #f2f2f2;}
.newscent .newslist li .timeb{width: 78px;float: left;font-family:'dinmedi';font-weight:bold;color: #999;text-align: center;background:#f7f8fa;padding: 12px 0;transition:.3s;}
.newscent .newslist li .timeb span{display: block;font-size:32px;line-height:1;}
.newscent .newslist li .timeb time{display: block;}
.newscent .newslist li .textb{width: 80%;float: left;padding-left:30px;}
.newscent .newslist li .textb h5{font-size:18px;color: #554;font-weight:normal;margin-bottom:10px;}
.newscent .newslist li .textb p{color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.newscent .newslist li .viewb{width: 10%;float: right;}
.newscent .newslist li .viewb .view{display: block;line-height:75px;border-left:1px solid #f2f2f2;text-align: right;padding-right:18px;position: relative;}
.newscent .newslist li .viewb .view:before{width: 6px;height: 11px;content: '';background:url(/uploads/image/cimages/i1_g.png) no-repeat;position: absolute;top: 50%;margin-top:-5.5px;right:2px;transition:.3s;}
.newscent .newslist li:hover .timeb{background:#0864d3;color: #fbdd75;}
.newscent .newslist li:hover .textb h5{color: #0864d3;}
.newscent .newslist li:hover .viewb .view{color: #0864d3;}
.newscent .newslist li:hover .viewb .view:before{background:url(/uploads/image/cimages/i1_b.png) no-repeat;}
/*新闻中心*/

/*页码*/
.pagebox{padding-top:30px;}
.pagebox .pages{text-align:center;font-size:0;}
.pagebox .pages a{padding:8px 10px;color:#999;font-size:16px;transition:all .5s;border:1px solid #eee;}
.pagebox .pages a:hover,
.pagebox .pages a.a_cur{background:#0864d3;color:#fbdd75;}
.pagebox .pages .num{font-style:normal;}
.pagebox .pages .num a{display:none;}
@media screen and (min-width:768px){
  .pagebox{padding-top:70px;}
  .pagebox .pages a{padding:11px 32px;}
  .pagebox .pages .num a{display:inline-block;padding:8px 15px;}
  .pagebox .pages a.a_prev,.pagebox .pages a.a_next{display: none;}
}
/*页码*/

.catemenu{text-align: center;background:#f7f8fa;}
.catemenu li{display: inline-block;}
.catemenu li a{display: block;line-height:60px;padding: 0 22px;font-size:16px;color: #555555;transition:.3s;position: relative;}
.catemenu li a:hover,
.catemenu li.on a{color: #0864d3;}
.catemenu li.on a:before{width: 100%;height: 3px;content: '';background:#0864d3;position: absolute;left: 0;bottom: 0;}

/*信息披露*/
.infodisclos{}
.infodisclos .tittext{margin-bottom: 15px;}
.infodisclos .newslist li .textb{width: 60%;padding-top:0;}
.infodisclos .newslist li .textb h5{line-height:76px;}
.infodisclos .newslist li .downb{width: 10%;float: right;line-height: 77px;}
.infodisclos .newslist li .downb .down{display: block;line-height:58px;margin-top:10px;position: relative;padding-left:25px;}
.infodisclos .newslist li .downb .down:before{width: 15px;height: 17px;content: '';background:url(/uploads/image/cimages/i9.png) no-repeat;position: absolute;top: 50%;margin-top:-8.5px;left:0;transition:.3s;}
.infodisclos .newslist li:hover .downb .down{color: #0864d3;}
.infodisclos .newslist li:hover .downb .down:before{background:url(/uploads/image/cimages/i9_a.png) no-repeat;}

.infodisclos .sousou{transition: .3s;float: right;width: 0;position: relative;}
.infodisclos .sousou input{width: 100%;height: 50px;line-height:30px;background:#f7f8fa;}
.infodisclos .sousou.on{width: 25%;}
.infodisclos .sousou.on input{padding-left:8px;padding-right:55px;}
.infodisclos .sousou button{ transition: .3s;cursor: pointer; border: 0;  width: 50px;height: 50px;position: absolute;top: 0;right:0;background:url(/uploads/image/cimages/sear_a.svg) no-repeat center center;}
.infodisclos .sousou button.btn{background:url(/uploads/image/cimages/sear.svg) #0864d3 no-repeat center center;}
@media (max-width:768px) {
	.infodisclos .sousou.on{width: 100%;}
}
/*信息披露*/

/*联系我们*/
.contact{margin-top: 80px;}
.contact:first-child{margin-top: 0;}
.contact .txtbox{float: left;width: 45%;margin-top: -7px;}
.contact .txtbox h1{font-size:32px;color: #555;padding: 35px 0;padding-top: 0;}
.contact .txtbox .item{padding-left:40px;border-left:10px solid #0864d3;margin-bottom:65px;}
.contact .txtbox .item:last-child{margin-bottom:0;}
.contact .txtbox .item span{display: block;color: #777;margin-bottom:5px;}
.contact .txtbox .item p{font-size:22px;font-weight:bold;color: #0864d3;}
.contact .mapbox{float: right;height: 610px;width: 55%;}
/*联系我们*/

/*加入我们*/
.joinus{}
.joinus .txt{text-align: center;color: #777;line-height:26px;margin-bottom:45px;}
.joinus .imgbox{margin-bottom:80px;}
.joinus ul{position: relative;}
.joinus .imgbox ul li{position: relative;}
.joinus .imgbox ul li .playa{position: absolute;z-index: 9;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(/uploads/image/cimages/play.png)no-repeat center;padding: 25px;}
.joinus .imgbox ul li .videobox{display: none;}
.joinus .imgbox ul li .videobox video{width: 100%;height: 100%;}
.joinus .slick-arrow{position: absolute;width: 44px;height: 44px;background:url(/uploads/image/cimages/tb3.png) no-repeat;top: 50%;margin-top:-22px;left: 30px;font-size:0;border:none;z-index: 9;cursor: pointer;background-size: contain}
.joinus .slick-arrow.slick-next{left: auto;right:30px;transform: rotate(180deg);}
.recruitcates{margin-bottom:50px;}
.recruitcates ul{float: left;}
.recruitcates li{display: inline-block;width: 155px;}
.recruitcates li a{line-height:50px;background:#f7f8fa;font-size:16px;color: #555;transition:.3s;text-align: center;padding: 0 15px;display: block;}
.recruitcates li a:hover,
.recruitcates li.on a{background:#0864d3;color: #fbdd75;}
.recruitcates .searbox{float: right;width: 25%;position: relative;}
.recruitcates .searbox input{width: 100%;height: 50px;line-height:30px;background:#f7f8fa;padding-left:8px;padding-right:55px;}
.recruitcates .searbox .searbtn{width: 50px;height: 50px;position: absolute;top: 0;right:0;background:url(/uploads/image/cimages/sear.svg) #0864d3 no-repeat center center;}

.joblist ol.type{}
.joblist .type{display:table; width:100%;margin-bottom:9px;}
.joblist ol.type{font-size:14px; background-color:#eff2f6; }
.joblist .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:30px;font-size:14px;color:#777;}
.joblist ul.type li{}
.joblist .type li:nth-child(1){width:40%;padding-left:5%; text-align:left !important;}
.joblist .type li:nth-child(2){ width:15%;}
.joblist .type li:nth-child(3){ width:15%;}
.joblist .type li:nth-child(4){width: 15%;}
.joblist .type li:nth-child(5){ width:15%;}
.joblist .type li:nth-child(5){padding-left:2%;}
.joblist ul.type{background:#f7f8fa;position: relative;}
.joblist .type li .datebtn{display: inline-block;width: 19px;height: 19px;background:url(/uploads/image/cimages/tb7.png) no-repeat;vertical-align: middle;position: relative;top: 0;transition:.3s;background-size: contain}
.joblist .type li .applbtn{display: inline-block;width: 20px;height: 14px;background:url(/uploads/image/cimages/tb9.png) no-repeat;vertical-align: middle;position: relative;top: 0;transition:.3s;background-size: contain}
.joblist .type li .datebtn:hover,
.joblist .type li .applbtn:hover{top: -5px;}
.joblist ul.type:hover{background:#0864d3;}
.joblist ul.type:hover li{color: #fff;}
.joblist ul.type:hover li .datebtn{background:url(/uploads/image/cimages/tb8.png) no-repeat;background-size: contain}
.joblist ul.type:hover li .applbtn{background:url(/uploads/image/cimages/tb10.png) no-repeat;background-size: contain}

@media(max-width:1000px){
.joblist .type li{ width:20% !important;}
}
@media(max-width:768px){
	.newscent .newslist li .viewb .view{line-height: 30px;padding-right: 40px;}
	.newscent .newslist li .viewb .view:before{right: 25px;}
  .joblist .type li:nth-child(2){ display:none;}
.joblist .type li:nth-child(3){ display:none;}
.joblist .type li{font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.joblist .type li:nth-child(1){width: 50%!important;}
.joblist .type li:nth-child(4),.joblist .type li:nth-child(5){width: 25%!important;}
.joblist .type li .datebtn{width: 15px;height: 15px;background-size: contain;}
.joblist .type li .applbtn{width: 15px;height: 13px;background-size: contain;}
}
// @media(max-width:480px){
//   .joblist .type li:nth-child(1){width: ;}
// .joblist .type li:nth-child(4),.joblist .type li:nth-child(5){width: 100px!important;}
// }

.jobpup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10001;display: none;}
.jobpup .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:rgba(0,0,0,.5);}
.jobpup .jobpupform{width: 715px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 60px 0;background:#fff;}
.jobpup .jobpupform .colbtn{width: 24px;height: 24px;background:url(/uploads/image/cimages/col.png) no-repeat;position: absolute;top: 0;right:-40px;transition:.3s;}
.jobpup .jobpupform .colbtn:hover{transform: rotate(90deg);}
.jobpup .jobpupform h5{font-size:32px;text-align: center;margin-bottom:40px;color: #0864d3;}
.jobpup .jobpupform .jobform{width: 500px;margin: 0 auto;}
.jobpup .jobpupform .jobform label{margin-bottom:15px;display: block;}
.jobpup .jobpupform .jobform label span{width: 90px;float: left;display: block;line-height:50px;color: #666;text-align: right;font-size:16px;}
.jobpup .jobpupform .jobform label input{width: 410px;float: left;display: block;height: 50px;line-height:30px;padding: 0 10px;border:1px solid #e5e5e5;}
.jobpup .jobpupform .jobform label.uplfile em{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 270px;float: left;display: block;height: 50px;line-height:50px;padding: 0 10px;border:1px solid #e5e5e5;font-style:normal;}
.jobpup .jobpupform .jobform label.uplfile .chofile{width: 130px;display: block;margin-left:10px;line-height:50px;border:1px solid #dedede;text-align: center;background:#0864d3;float: right;color: #fbdd75;position: relative;font-size:16px;}
.jobpup .jobpupform .jobform label.uplfile .chofile input{position: absolute;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
.jobpup .jobpupform .jobform .uplobtn{cursor: pointer;width: 410px;display: block;margin-left:90px;line-height:50px;text-align: center;background:#0864d3;color: #fbdd75;margin-top:20px;font-size:18px;}

/*详情*/
.joinusinfo{}
.joinusinfo .txt{color: #777;line-height:29px;}
.joinusinfo .btnbox{margin-top:40px;}
.joinusinfo .btnbox .applbtn{float: left;display: block;width: 190px;line-height:60px;text-align: center;background:#0864d3;color: #fbdd75;font-size:16px;}
.joinusinfo .btnbox .retubtn{float: right;display: block;padding-left:25px;position: relative;}
.joinusinfo .btnbox .retubtn:before{width: 18px;height: 14px;content: '';background:url(/uploads/image/cimages/icon2.png) no-repeat;position: absolute;top: 50%;margin-top: -7px;left: 0;transition:.3s;}
.joinusinfo .btnbox .retubtn:hover{color: #0864d3;}
.joinusinfo .btnbox .retubtn:hover:before{left: -5px;}
/*详情*/

/*加入我们*/

/*环保公示*/
.publicity{}
.publicity .item{padding:35px 0;border-bottom:1px solid #f2f2f2;}
.publicity .item h5{font-size:18px;color: #555;padding-left:30px;position: relative;margin-bottom:10px;}
.publicity .item h5:before{width: 21px;height: 21px;content: '';background:url(/uploads/image/cimages/icon3.png) no-repeat;position: absolute;top: 50%;margin-top:-10.5px;left: 0;}
.publicity .item p{color: #777;line-height:30px;}
.publicity .item.pdf h5{}
.publicity .item .pdfbtn{position: absolute;right:0;font-size:16px;font-weight:normal;padding-right:40px;}
.publicity .item .pdfbtn:before{width: 25px;height: 22px;content: '';content: '';background:url(/uploads/image/cimages/pdf.png) no-repeat;position: absolute;top: 50%;margin-top:-11px;right:2px;}
.publicity .item .pdfbtn:hover{color: #0864d3;}
.publicity .item span{display: block;position: relative;padding-left:30px;font-size:16px;line-height:50px;}
/*环保公示*/


/*响应式*/
.mobile_bg {position:fixed; left:0; top:0; width:100%; height:100%; z-index:98; background:rgba(0,0,0,.5); display:none;}
.mologo{display: none;width: 90%;margin-bottom:2%;}
.nav_btn {float:right; width:30px; height:27px; margin:18px 0 0 15px; position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,
.nav_btn span:before,
.nav_btn span:after {content:''; display:block; width:100%; height:2px; background-color:#0864d3; position:absolute; left:0;border-radius:3px;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-10px; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-10px; transition:all 0.3s ease 0s;}
.nav_btn.on span,
.nav_btn.on span:before,
.nav_btn.on span:after {background-color:#fbdd75;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-2px;}
.dugsofxa{overflow-x: auto;}
.nav .warp{display: none;width: 100%;position: relative;margin-left: 10px;color: #0864d3;}
.nav .slidedown.langsele{padding-left: 0px;line-height: 45px;border-bottom: 1px solid #f2f2f2;font-size: 16px;}
/* .nav .slidedown.langsele:before{width: 21px;height: 21px;content: '';background:url(/uploads/image/cimages/langcn.png) no-repeat;position: absolute;left: 0;top: 23px;margin-top:-12px;transition:.3s;} */
.nav .slidedown .slidebox{position: relative;top: 0;left: -18px;display: none;}
.nav .slidedown .slidebox a{display: block;line-height:30px;color: #555;transition:.3s;padding-left:18px;}
.nav .slidedown .slidebox a:hover{color: #fbdd75;background:#0864d3;font-weight:bold;}
.nav .slidedown.langsele .slidebox{width: 110px;}

@media(max-width:1800px){
  .w1800{padding: 0 2%;}
  .top .lnbox{width: 78%;}
  .top .lnbox .nav li{margin-left:4%;}
  .top .lnbox .nav li .subnav{left: 4%;}
}
@media(max-width:1400px){
  .w1400{padding: 0 2%;}
}
@media(max-width:1200px){
  .w1200{padding: 0 2%;}
  .drugstab{width: 1200px;}
  .drugsinfo .item .itembom .itemtab{width: 1200px;}
}

@media(max-width:1279px){
  .top .lnbox{width: 50%;}
  .nav_btn{display: block;}
  .bantop .top{position: fixed;}
  .top .lnbox .logo a{line-height:60px;}
  .top .robox{padding-top: 20px;}
  .top .lnbox .nav{position: absolute;background:#fff;width: 100%;left: 0;top: 60px;z-index: 999;border-top:1px solid #eee;padding: 15px 0 30px;display: none;}
  .top .lnbox .nav li{float: none;width: 100%;margin-left:0;padding-left:2%;border-bottom:1px solid #f2f2f2;}
  .top .lnbox .nav li >a{line-height:45px;font-size:1.125rem;}
  .top .lnbox .nav li .subnav{left: 0;position: static;transform: translatex(0);-webkit-transform: translatex(0);-ms-transform: translatex(0);width: 100%;padding-top:0;}
  .top .lnbox .nav li .subnav .navdes{display: none;}
  .top .lnbox .nav li .subnav dl{float: none;width: 100%;padding-left:1%;padding-bottom:10px;}
  .top .lnbox .nav li .subnav:before{display: none;}
  .top .lnbox .nav li .subnav dl dd a{font-size:1.125rem;line-height:30px;text-align: left;padding-left: 0;}
  .top .robox .slidedown .slidebox{z-index: 1000;padding-bottom:15px;top: 36px;}
  .top .lnbox .logo{width: 60%;}
  .top .robox .slidedown .slidebox a{line-height:35px;font-size:14px;}
  .top .robox .searbox .seaript{z-index: 999;}
  .top .robox .slidedown span{font-size:16px;}
  .top.hoveron .robox .slidedown.langsele:before{width: 18px;background-size: contain;margin-top:-9px;height: 18px;}
  .top .robox .slidedown.langsele{padding-left:22px;}
  .top .robox .slidedown{padding-right:28px;margin-right:5px;}
  .top .robox .slidedown:after{right:12px;}
  .innerban:before{display: none;}
  
}

@media(max-width:1024px){
	 .top{position: fixed !important;}
	 .bantop{top: 60px;}
  .homef li .txtbox h5{font-size:18px;line-height:26px;}
  .homef li .txtbox span{font-size:14px;margin-bottom:5px;}
  .detabtn{width: 120px;line-height:40px;}
  .homef li .txtbox p{line-height:24px;}
  .homef li .txtbox .titleb{margin-bottom:10px;}
  .idxhfoor3 li .imgbox span{font-size:16px;width: 120px;}
  .hjoin .leftslide{float: none;width: 100%;text-align: center;margin-bottom:2%;}
  .hjoin .righttext{float: none;width: 100%;background-size: cover;padding: 30px;}
  .hjoin .righttext p{height: auto;margin-bottom:15px;}
  .hjoin .righttext h5{font-size:26px;margin-bottom:10px;}
  .bottom{background-size: cover;padding: 25px 0;}
  .bottom .bomleft{float: none;text-align: center;margin-bottom:15px;}
  .bottom .bomright{float: none;text-align: center;}
  .bottom .bomright .sharebox a{margin-left:8px;}
  .induchain .structure h4{line-height:40px;padding: 0 2%;}
  .induchain .structure .structbox .imgbox{float: none;width: 100%;text-align: center;margin-bottom:15px;}
  .induchain .structure .structbox .txtbox{float: none;width: 100%;}
  .cdmo .flowbox .item{float: none;width: 100%;padding: 20px 15px;border-bottom:2px solid #d6dae1;margin-right:0;min-height: auto;margin-bottom:10px;}
  .cdmo .flowbox .item:nth-child(3n){margin-bottom:0;}
  .newscent .newstslide li .imgbox{float: none;width: 100%;text-align: center;padding-top:10px;}
  .newscent .newstslide li .imgbox img{display: inline-block;}
  .newscent .newstslide li .txtbox{float: none;width: 100%;padding: 15px 20px 35px;}
  .newscent .newstslide .slick-dots{bottom: 5px;}
  .newscent .newslist li .textb{width: 100%;float: none;}
  .newscent .newslist li .viewb{width: 12%;}
  .infodisclos .newslist li .textb{width: 60%;}
  .infodisclos .newslist li .downb{width: 13%;}
  .jobpup .jobpupform{padding: 30px 0;}
  .jobpup .jobpupform h5{font-size:24px;margin-bottom: 20px;}
  .jobpup .jobpupform .jobform label{margin-bottom: 10px;}
  .jobpup .jobpupform .jobform label span{line-height:40px;font-size:14px;}
  .jobpup .jobpupform .jobform label input{height: 40px;}
  .jobpup .jobpupform .jobform label.uplfile .chofile{line-height:40px;font-size:14px;}
  .jobpup .jobpupform .jobform .uplobtn{line-height:40px;font-size:16px;}
  .jobpup .jobpupform .jobform label.uplfile em{height: 40px;line-height:40px;}
  .menulocat .locat{display: none;}
}
.wrapbtn{display: none;overflow: hidden;}
.wrapbtn .topbap{width: 50%;color: #000000;float: left;font-size: 18px;background-color: #eee;height: 50px;line-height: 50px;text-align: center;}
.wrapbtn .topbap.on{background-color: white;border-top: 3px solid #0864d3;}
#groupweblist{display: none;}
@media(max-width:768px){
	.top .lnbox .nav{padding-top: 60px;height: 100vh;}
	.top .robox{position: absolute;right: 20px;}
	.top.hoveron .robox .groupweb{display: none;}
	.top .robox .searbox .seaript{position: fixed;top: 60px;width: 100%;}
	.top .robox .searbox .seaript input{width: 100%;}
	.wrapbtn{display: block;}
	.nav_btn{float: left;position: absolute;}
	.nav .warp{display: block;}
	.nav .slidedown.langsele .slidebox{width: 100%;}
	.top.hoveron .robox .slidedown{border: none;}
	.top.hoveron .robox .searbox .searbtn{margin-right: 20px;margin-bottom: 8px;}
  .homef{margin-bottom:30px;}
  .homef li{width: 100%;float: none;margin-right: 0;margin-bottom:15px;background:#fff;}
  .homef li .txtbox{min-height: auto;padding: 20px 25px;}
  .homef li .imgbox{text-align: center;}
  .homef li .txtbox .detabtn{position: relative;left: auto;bottom: auto;margin-top:10px;}
  .containeridx{padding: 30px 0;margin-top: 40px;}
  .container{padding-bottom:30px;}
  .content{padding: 30px 0;}
  .top .lnbox{width: 40%;margin: 0 30%;}
  .top .lnbox .logo{width: 100%;}
  .top .robox .slidedown{line-height: 28px;}
  .top .robox .slidedown.langsele{display: none;}
  .innerban .banbox{height: 400px;}
  .tittext{font-size:24px;margin-bottom:25px;}
  .menulocat .menu{float: none;width: 100%;}
  .menulocat .menu li{line-height:40px;padding: 0 9px;float: none;border-bottom: 1px solid #0864d3;background:#fff;}
  .menulocat .menu li:hover, .menulocat .menu li.on{background:#fff;}
  .menulocat .menu li:hover a, .menulocat .menu li.on a{color: #0864d3;}
  .menulocat .locat{line-height:30px;float: none;width: 100%;text-align: left;}
  .menulocat .locat a{font-size:12px;}
  .menulocat .locat span{font-size:12px;}
  .container_inner{margin-top:-70px;}
  .conprofile .imgbox{margin-bottom:20px;}
  .conprofile p{line-height: 24px;word-break: break-all;}
  .prespeech .txtbox{float: none;width: 100%;margin-bottom:15px;}
  .prespeech .imgbox{float: none;width: 100%;text-align: left;}
  .prespeech .txtbox h5{font-size:24px;}
  .prespeech .txtbox span{font-size:18px;margin-bottom:15px;}
  .prespeech .txtbox p{margin-bottom:5px;line-height:24px;}
  .history .item{margin-bottom:20px;}
  .history .item h5{font-size:18px;margin-bottom:15px;padding-left:18px;}
  .history .item h5:before{top: 8px;width: 10px;height: 10px;background-size: contain;}
  .history .item .txt,.administration .item .txtbox .txt,.scelogic .txt,.drugsover .drugstop .drugsdes .item p,.induchain .txt{line-height:24px;}
  .scelogic video{width: 100%;}
  .administration .item .txtbox h5{font-size:18px;margin-bottom:12px;}
  .culture .item h5{font-size:24px;}
  .scelogic .imgbox{margin-top:30px;}
  .scecommittee .item .perdtl{border-left:none;}
  .scecommittee .item .perdtl .leftbox{float: none;width: 100%;border-left: 5px solid #0864d3;margin-bottom:10px;padding-left:25px;}
  .scecommittee .item .perdtl .leftbox p{font-size:20px;}
  .scecommittee .item .perdtl .leftbox span{font-size:15px;}
  .scecommittee .item .perdtl .righbox{float: none;width: 100%;}
  .scecommittee .item .perdtl .righbox p{line-height:22px;}
  .scecommittee .item .perdes{margin-top:20px;line-height:24px;text-align: justify;}
  .slickbox h5{margin-bottom:15px;font-size:18px;}
  .slickbox .slick-arrow{width: 22px;height: 22px;background-size: contain;left:15px;margin-top:-11px;}
  .slickbox .slick-arrow.slick-next{right:15px;}
  .drugsover .drugstop .textb{margin-bottom:15px;}
  .drugsover .drugstop .drugsdes{padding: 20px 30px;}
  .drugsover .drugstop .drugsdes .item h5{font-size:19px;margin-bottom:10px;}
  .drugsover .drugsbom h4{font-size:22px;margin-bottom:15px;}
  .drugslabbox span{font-size:14px;margin-right: 20px;margin-bottom:10px;}
  .drugstab ol.type li{font-size:15px;line-height:50px;}
  .drugsinfo .item .itemtop{line-height:50px;}
  .drugsinfo .item .itemtop h5{font-size:20px;}
  .drugsinfo .item .itemtop .tabtit li{font-size:16px;margin-left:15px;}
  .drugsinfo .item .itembom .itemtab ol.type li{height: 50px;line-height:50px;}
  .drugsinfo .item .itembom .itemtab .type li:nth-child(1),.drugsinfo .item .itembom .itemtab .type li:nth-child(2) span{font-size:14px}
  .drugsinfo .item .itembom .itemtab{width: 960px;}
  .drugsinfo .item .itembom .itemdiv{padding: 20px 30px;}
  .drugsinfo .item .itembom .itemdiv .desbox{font-size:15px;line-height: 24px;}
  .induchain .structure .structbox .txtbox .item p{padding: 15px 25px;}
  .induchain .structure .structbox .txtbox .item h5{font-size:16px;}
  .induchain .structure h4{font-size:18px;line-height:35px;padding: 10px 2%;}
  .induchain .structure{margin-top:15px;}
  .cdmo .txt{line-height:24px;margin-bottom:15px;}
  .cdmo .flowbox .item h5{font-size:18px;}
  .cdmo .flowbox .item p{font-size:14px;line-height:24px;}
  .newscent .newstslide li .txtbox h5{font-size:16px;margin-bottom:10px;line-height:24px;}
  .newscent .newstslide li .txtbox time span{font-size:22px;}
  .newscent .newstslide li .txtbox p{line-height:24px;margin-bottom: 15px;}
  .newscent .newslist li{padding: 15px 0;}
  .newscent .newslist li .timeb{float: none;display: none;}
  .newscent .newslist li .timeb span{font-size:22px;}
  .newscent .newslist li .timeb time{font-size:12px;}
  .newscent .newslist li .textb{padding-left:0;}
  .newscent .newslist li .viewb{width: 100%;float: none;}
  .newscent .newslist li .textb h5{font-size:16px;margin-bottom:5px;}
  .newscent .newstslide{margin-bottom:15px;}
  .catemenu li a{line-height:40px;padding: 0 10px;font-size:14px;}
  .catemenu li.on a:before{height: 2px;}
  .infodisclos .newslist li .textb{width: 100%;float: none;}
  .infodisclos .newslist li .downb{width: 95px;float: left;margin-top: -28px;line-height: 28px;}
  .infodisclos .newslist li .downb .down{line-height:28px;margin-top:0;}
  .infodisclos .newslist li .textb h5{line-height:30px;}
  .infodisclos .newslist li .viewb .view{line-height:28px;margin-top:0;border: none;}
  .contact .txtbox{float: none;width: 100%;margin-bottom:10px;}
  .contact .mapbox{float: none;width: 100%;height: 350px;}
  .contact .txtbox h1{padding: 15px 0;font-size:20px;}
  .contact .txtbox .item{padding-left:20px;border-left: 5px solid #0864d3;margin-bottom: 20px;}
  .contact .txtbox .item span{}
  .contact .txtbox .item p{font-size:16px;}
  .joinus .txt{margin-bottom:20px;}
  .joinus .imgbox{margin-bottom:30px;}
  .joinus .slick-arrow{width: 22px;height: 22px;background-size: contain;left:15px;margin-top:-11px;}
  .joinus .slick-arrow.slick-next{right:15px;}
  .recruitcates ul{float: none;}
  .recruitcates li a{line-height:40px;padding: 0 20px;font-size:14px;}
  .recruitcates .searbox{float: none;width: 100%;margin-top:10px;}
  .recruitcates .searbox input{height: 40px;}
  .recruitcates .searbox .searbtn{width: 40px;height: 40px;}
  .recruitcates{margin-bottom:20px;}
  .jobpup .jobpupform{width: 80%;}
  .jobpup .jobpupform h5{margin-bottom:10px;}
  .jobpup .jobpupform .jobform{width: 95%;}
  .jobpup .jobpupform .jobform label span{width: 25%;font-size:12px;}
  .jobpup .jobpupform .jobform label input{width: 75%;font-size:12px;}
  .jobpup .jobpupform .jobform label.uplfile em{width: 45%;font-size: 12px;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
  .jobpup .jobpupform .jobform label.uplfile .chofile{width: 28%;margin-left:0;font-size:12px;}
  .jobpup .jobpupform .jobform .uplobtn{width: 100%;margin-top:10px;margin-left:0;font-size:14;}
  .jobpup .jobpupform .colbtn{width: 18px;height: 18px;background-size: contain;right: -22px;}
  .jobpup .jobpupform h5{font-size:18px;}
  .joinusinfo .txt{line-height:24px;}
  .joinusinfo .btnbox .applbtn{width: 110px;line-height:40px;font-size:14px;}
  .joinusinfo .btnbox{margin-top:20px;}
  .publicity .item{padding: 20px 0;}
  .publicity .item h5{font-size:16px;margin-bottom:5px;}
  .publicity .item p{line-height:24px;}
  .publicity .item .pdfbtn{font-size:14px;padding-right:25px;}
  .publicity .item .pdfbtn:before{background-size: contain;width: 16px;height: 15px;margin-top:-7.5px;}
  .publicity .item.pdf h5{padding-right:60px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
  .publicity .item span{line-height:30px;padding-right:60px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
  .top.hoveron .robox .searbox .searbtn{background-size: 100% 100%;}
  .top .robox .searbox .seaript .searbtn{margin-top:-9px;right:5px;}
  .drugstab .type li .labox .labitem:before{width: 10px;height: 10px;background-size: contain;margin-top:-5px;right:5px;}
  .drugsinfo .item .itembom .itemtab .type li .labox .labitem:before{width: 10px;height: 10px;background-size: contain;margin-top:-5px;right:5px;}
  /*.drugstab ol.type li{line-height:40px;}
  .drugstab .type li p{height: 40px;line-height:40px;}
  .drugstab .type li p.towtext{padding-bottom:4px;}
  .drugstab .type li .labox span{height: 40px;}
  .drugstab .type li i{height: 40px;}
  .drugstab .type li .labox{height: 40px;}*/
}

.slideimgbox{position: relative;margin-bottom:20px;}
.slideimgbox .slick-dots{position: absolute;text-align: center;width: 100%;bottom: 20px;}
.slideimgbox .slick-dots li{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 50%;transition: .3s;margin: 0 10px;}
.slideimgbox .slick-dots li.slick-active{background: #00a266;}
.slideimgbox .slick-dots li button{display: none;}

/* 网站地图 */
.ul_sitemap{}
.ul_sitemap li{margin-bottom: 10px;}
.ul_sitemap li strong a{ display: inline-block; width:80px;  text-align:justify;
     text-align-last:justify;
     line-height:0;margin-right: 10px; }
	 
.ul_sitemap li strong{display: block;}
.ul_sitemap li span a{ display: inline-block;line-height:0;}
.ul_sitemap li strong a:after{ display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;}
.ul_sitemap li span a:after{ display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;}
	 

/* 股票走势图 */
.gptop{background-color: #f7f8fa;overflow: hidden;padding: 50px;}
.gptop .name{font-size: 20px;color: #8c8c8c;}
.gptop .tip{margin-top: 30px;}
.gptop .gpflo{overflow: hidden;display: flex;align-items: flex-end;justify-content: space-between;}
.gptop .gpone{width: 30%;float: left;}
.gptop .gpone .cen{overflow: hidden;margin-top: 20px;}
.gptop .gpone .cen.red{color: #e62b1e;}
.gptop .gpone .cen.green{color: green;}
.gptop .gpone .cen h2{font-size: 72px;float: left;line-height: 1;padding-right: 40px;position: relative;}
.gptop .gpone .cen h2::before{content: "";position: absolute;right: 0;bottom: 0;background: no-repeat center;padding: 10px;}
.gptop .gpone .cen .hrig{float: left;}
.gptop .gpone .cen .hrig .numtxt{font-size: 16px;}
.gptop .gpone .cen .hrig .rnb{font-size: 24px;font-weight: bold;margin-top: 20px;}
.gptop .floright{float: right;width: 68%;}
.gptop .floright .item{float: left;width: 25%;padding: 0 20px;color: #666666;}
.gptop .floright .item  .item{border-left: 1px solid #eeeeee;}
.gptop .floright .item:last-child{padding-right: 0;}
.gptop .floright .item h3{font-size: 34px;}
.gptop .floright .item .txtp{font-size: 14px;}
.gpcon{margin-top: 50px;}
.gpcon .tabbox{width: 100%;background-color: #e9f1ff;margin-bottom: 20px;}
.gpcon .tabbox ul{overflow: hidden;padding: 0 30px;}
.gpcon .tabbox ul li{float: left;padding: 12px 0;margin: 0 20px;}
.gpcon .tabbox ul li.on{border-bottom:3px solid #0864d3}
.gpcon .tabbox ul li a{font-size: 14px;color: #333333;display: inline-block;height: 100%;width: 100%;}


/*20200730 zgy*/
.flex-v{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 76px;
}
@media (max-width:1024px){
	.gptop {
		padding: 20px;
	}
	
	.gptop .gpflo {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.gptop .gpone {
		width: 100%;
		padding: 0 30px;
		margin-bottom: 20px;
	}
	
	.gptop .gpone .cen h2 {
		font-size: 44px;
		padding-top: 10px;
	}
	
	.gptop .gpone .cen .hrig .rnb {
		font-size: 18px;
		margin-top: 10px;
	}
	
	.gptop .floright {
		width: auto;
		float: none;
	}
	
	.gptop .floright .item {
		width: 50%;
		margin-bottom: 10px;
	}
	
	.gptop .floright .item h3 {
		font-size: 24px;
	}
	}








