@charset "utf-8";
/*
* @Last Modified time: 2020-04-08 09:19:41
*/
ul, li, ol {
	list-style: none;
}
i,em {font-style:normal;}
.f-toe {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fl{float: left;}
.fr {float: right;}
/*    */
/* 关于建龙 */
/*     */
.htit .style1 {color: #98C3ED;}
/*关于建龙nav*/
.aboutnav {width:1390px;margin:85px auto;position: relative;}
.aboutpic {width: 614px;height: 614px;margin:0 auto;background: url(../../img/about/aboutbg.png)no-repeat center center;position: relative;}
.aboutpic:before {content: "";width: 588px;height: 588px;background: url(../../img/about/circle_2.png) no-repeat center center;position: absolute;top:13px;left: 13px;right:13px;bottom: 13px;
	animation: rotate 5s linear infinite;
	-moz-animation: rotate 5s linear infinite; /* Firefox */
	-webkit-animation: rotate 5s linear infinite; /* Safari and Chrome */
	-o-animation: rotate 5s linear infinite; /* Opera */
	transition:transform 5s linear;
}
.aboutpic:after {content: "";width: 614px;height: 614px;background: url(../../img/about/circle_1.png) no-repeat center center;position: absolute;top:0;left: 0;right:0;bottom: 0;
	animation: rotate1 5s linear infinite;
	-moz-animation: rotate1 5s linear infinite; /* Firefox */
	-webkit-animation: rotate1 5s linear infinite; /* Safari and Chrome */
	-o-animation: rotate1 5s linear infinite; /* Opera */
}
.acur{cursor: pointer; position: relative; z-index:5;}
@keyframes rotate{
	from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes rotate1{
	from {transform: rotate(360deg);}
	to {transform: rotate(0deg);}
}
@keyframes rotateY{
	from {transform: rotateY(360deg);}
	to {transform: rotateY(0deg);}
}
.aboutpic img {display: block;width: 414px;height: 218px;padding-top:198.5px;margin:0 auto;}

.anav {position: absolute;width: 445px;z-index: 3;}
.anavlist li:nth-child(1) {left: 0;top:60px;}
.anavlist li:nth-child(2) {right: 0;top:60px;text-align: right;}
.anavlist li:nth-child(3) {left: 0;bottom:75px;}
.anavlist li:nth-child(4) {right: 0;bottom:75px;text-align: right;}
.anav h2 {color: #CCD7E9;font-size: 40px;line-height: 70px;margin-bottom: 0;position: relative;}
.anav p {color: #4397FF;font-size: 29px;line-height: 40px;} 
.anav h2:before {
	content: "";
	display: block;
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../../img/about/circle_3.png) no-repeat center center;
	bottom: -21px;
	z-index: 5;
	animation:myfirst 1s linear infinite;
	-moz-animation:myfirst 1s linear infinite; /* Firefox */
	-webkit-animation:myfirst 1s linear infinite; /* Safari and Chrome */
	-o-animation:myfirst 1s linear infinite; /* Opera */
}
.anavlist li:nth-child(1) h2:before,.anavlist li:nth-child(3) h2:before {
    right: -21px;
}
.anavlist li:nth-child(2) h2:before,.anavlist li:nth-child(4) h2:before {
    left: -21px;
}
@keyframes myfirst{
	0% {transform:scale(0.8,0.8);}
	50% {transform:scale(1,1);}
	100% {transform:scale(0.8,0.8);}
}
.anav h2:after {
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    background-color: #4397FF;
    z-index: 4;
    animation: entic_effect 1s 0.5s linear both;
    -moz-animation: entic_effect 1 0.5s linear both; /* Firefox */
	-webkit-animation: entic_effect 1s 0.5s linear both; /* Safari and Chrome */
	-o-animation: entic_effect 1s 0.5s linear both; /* Opera */
}
.anavlist li:nth-child(1) h2:after,.anavlist li:nth-child(3) h2:after {
    right: 0;
}
.anavlist li:nth-child(2) h2:after,.anavlist li:nth-child(4) h2:after {
    left: 0;
}
@keyframes entic_effect{
	0% {width: 0;opacity: 0;}
	50% {width: 50%;opacity: 1;}
	100% {width:100%;}
}

/*企业简介*/
.qyjj {width: 100%;padding:0;overflow: hidden;margin:11px 0;}
.qyjj .qyjjl {width: 818px;height: 693px;background: url(../../img/about/qyjjlbg.png) no-repeat center center;padding: 30px 28px;overflow: hidden;position: relative;}
.qyjj .qyjjl h2 {color: #CCD7E9;font-size: 40px;font-family:'PingFang SC';margin-bottom: 30px;}
.qyjj .qyjjcon {padding: 0;overflow: hidden;height: 611px;}
.qyjj .qyjjcon p {color: #98C3ED;font-size: 24px;line-height: 47px;}
.qyjj .qyjjcon img {display: inline-block;float: left;margin-right: 28px;width: 413px;height: 335px;}
.qyjj .amore {display:block;width: 191px;height: 52px;background: url(../../img/about/amore.png) no-repeat center center;position: absolute;bottom:10px;right:20px;cursor: pointer;}
.qyjj .qyjjr {width: 874px;padding: 0;overflow: hidden;}
.qyjj .alist {width: 874px;height: 303px;padding:50px 0;overflow: hidden;margin-bottom: 11px;background: url(../../img/about/alist.png) no-repeat center center;}
.qyjj .alist li {width: 50%;float: left;text-align: center;}
.qyjj .alist li h2 {color: #FBD400;font-size: 72px;margin-bottom: 0;}
.qyjj .alist li p {color: #98C3ED;font-size: 24px;}

.qyjj .ncz {width: 874px;height: 340px;background: url(../../img/about/ncz.png) no-repeat center center;}
.qyjj .ncztb {width: 830px;height: 310px;margin:10px auto;}


/*企业文化*/
.culture {width: 100%;height: 690px;margin-top: 64px;background: url(../../img/about/culture.png) no-repeat bottom center;}
.culture ul {padding: 55px 0;height:580px;overflow: hidden;}
.culture li {padding:10px 50px 10px 75px;overflow: hidden;border-right: 1px solid #435f8e; float: left;height: 100%;}
.culture li:nth-child(4) {border-right: none;}
.culture li span {display: block;width: 108px;height: 98px;background: url(../../img/about/cul_icon.png) no-repeat top center;position: relative;z-index: 3;
	animation: rotate 5s linear;
	-moz-animation: rotate 5s linear; /* Firefox */
	-webkit-animation: rotate 5s linear; /* Safari and Chrome */
	-o-animation: rotate 5s linear; /* Opera */
}
.culture li h2 {color: #fbd400;font-size: 34px;line-height: 60px;font-weight: bold;margin-bottom: 0;}
.culture li p {color: #bccad8;font-size: 22px;line-height: 45px;margin-bottom: 50px;}

/*企业荣誉*/
.honor {padding: 55px 0;overflow: hidden;text-align: center;}
.honor .honorpic {margin-bottom: 13px;}
/*荣誉列表页*/
.honorbg { background: url(../../img/about/honorbg.jpg) no-repeat center center; background-size:100% 100% ; transform:none!important; height: 1200px; overflow-x: hidden; position: relative;}
.honorbox {padding:15px 0;position: relative;z-index: 3; }
.honorbox .swiper-container-father3 {width: 100%;height: 100%;overflow: hidden;}
.honorbox .honornav {padding: 0;overflow: hidden;}
.honorbox .honornav .hontit {text-align: center;margin-bottom: 30px;}
.honorbox .honornav .hontit h2 {color: #fbce00;font-size: 48px;font-weight: bold;}
.honorbox .honorlist {overflow: hidden;width: 1230px;height: 330px;margin: 0 auto;position: relative;z-index: 5;}
.honorbox .honorlist .swiper-container-son {height: 100%;overflow: hidden;}
.honorbox .honorlist .zjjsbox {text-align: center;}
.honorbox .honorlist .zjjsbox .zjpic {width: 267px;margin:0 auto;}
.honorbox .honorlist .zjjsbox p {width: 267px;height: 188px;overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block;}
.honorbox .honorlist .zjjsbox p img {vertical-align:middle;transition-duration:0.6s;}
.honorbox .honorlist .zjjsbox span {display: block;margin-top: 70px;color: #fff;font-size: 20px;line-height: 30px;}

/*弹出框样式*/
#swiper-pcont{height: 100%; width: 100%;}
#swiper-pcont .swiper-slide{height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}    
#swiper-pcont .swiper-scrollbar{ border: 1px solid rgba(106,212,247,1); background: rgba(106,212,247,0.2); border-radius: 0;}
.swiper-container-vertical>.swiper-scrollbar{ right: 0; width: 15px;}
.swiper-scrollbar-drag{ background: url(../../img/about/scroll.png) no-repeat center center #6AD4F7; border-radius: 0;}
#swiper-pcont .pimg  {text-align: center;}
#swiper-pcont .pimg img {max-width: 80%;display: block;margin:0 auto;}



/*    */
/* 研发中心 */
/*     */

/*研发中心nav*/
.yfzx {padding: 0 241px;overflow: hidden;}
/* .yfzx .yfzxl {width: 135px;height: 690px;background: url(../../img/about/yfzxl.png) no-repeat right center;position: relative;} */
.yfzx .yfzxl {width: 135px;height: 690px;position: relative;}
.yfzx .yfzxl .ys_icon {width: 76px;height: 76px;background: url(../../img/about/yf_icon.png) no-repeat top center;position: absolute;top:0;left: 0;}
.yfzx .yfzxl .ys_icon span {display: block;width: 100%;height: 100%;background: url(../../img/about/jc.png) no-repeat 38px 38px;
	animation: rotate 5s linear infinite;
	-moz-animation: rotate 5s linear infinite; /* Firefox */
	-webkit-animation: rotate 5s linear infinite; /* Safari and Chrome */
	-o-animation: rotate 5s linear infinite; /* Opera */}
.yfzx .yfzxl .ys_icon1 {width: 42px;height: 81px;background: url(../../img/about/yf_icon1.png) no-repeat bottom center;position: absolute;bottom:0;left: 0;}
/* .yfzx .yfzxr {width: 135px;height: 690px;background: url(../../img/about/yfzxr.png) no-repeat left center;position: relative;} */
.yfzx .yfzxr {width: 135px;height: 690px;position: relative;}
.yfzx .yfzxr .ys_icon2 {width: 78px;height: 55px;background: url(../../img/about/yf_icon2.png) no-repeat top center;position: absolute;top:0;right: 0;}
.yfzx .yfzxr .ys_icon3 {width: 70px;height: 68px;background: url(../../img/about/yf_icon4.png) no-repeat bottom center;position: absolute;bottom:0;right: 0;}
.yfzx .yfzxr .ys_icon3 span {display: block;width: 100%;height: 100%;background: url(../../img/about/yf_icon3.png) no-repeat left top;
	animation:myfirst 1s linear infinite;
	-moz-animation:myfirst 1s linear infinite; /* Firefox */
	-webkit-animation:myfirst 1s linear infinite; /* Safari and Chrome */
	-o-animation:myfirst 1s linear infinite; /* Opera */}
.yfzx .yfzxc {padding: 0 51px;width:905px;position: relative;}
.yfzx .yfzxc .yfzxpic {width: 500px;height: 500px;background: rgba(106,212,247,0.1); margin: 100px auto; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.yfzx .yfzxc .yfzxpic img {display: block;width: 420px;height: 420px;}
#yfzxpic img {position: absolute;}
#center-bg-1 {width: 500px; height: 500px;animation: zz 8s linear infinite;}
#center-bg-2 {width: 490px; height: 490px;animation: dz 8s linear infinite;opacity: 0.3;}
/* 定义顺时针旋转动画 */
@keyframes zz {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 定义逆时针旋转动画 */
@keyframes dz {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

.yfzx .yfnav {position: absolute;text-align: center;z-index: 5;}
.yfzx .yfnavlist li:nth-child(1) {top: 0; left: 0; right: 0; margin: 0 auto; width: 60%; max-width: 600px;}
.yfzx .yfnavlist li:nth-child(1) a{ }
.yfzx .yfnavlist li:nth-child(2) {top:42%;left: -11%;}
.yfzx .yfnavlist li:nth-child(3) {top:42%;right: -11%; padding-left: 50px;}
.yfzx .yfnavlist li:nth-child(4) {top:87.5%;  left: 0; right: 0; margin: 0 auto; width: 60%; max-width: 600px;}
.yfzx .yfnavlist li:nth-child(5) {width: 350px;top:530px;right: -30px; display: none;}
.yfzx .yfnav h2 {color: #CCD7E9;font-size: 40px;font-weight: normal;margin-bottom: 0;}
.yfzx .yfnav p {color: #4397FF;font-size: 26px;margin-bottom: 0;}
.yfzx .yfnav:after {
	content: "";
	display: block;
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../../img/about/circle_3.png) no-repeat center center;
	z-index: 5;
	animation:myfirst 1s linear infinite;
	-moz-animation:myfirst 1s linear infinite; /* Firefox */
	-webkit-animation:myfirst 1s linear infinite; /* Safari and Chrome */
	-o-animation:myfirst 1s linear infinite; /* Opera */
}
.yfzx .yfnavlist li:nth-child(1):after {     bottom: -46px; left: 0; right: 0; margin: 0 auto;}
.yfzx .yfnavlist li:nth-child(2):after {top: 18px;right: -56px;}
.yfzx .yfnavlist li:nth-child(3):after {top: 17px;left: -3px;}
.yfzx .yfnavlist li:nth-child(4):after {top: -34px;right: 0; left: 0; margin: 0 auto}
.yfzx .yfnavlist li:nth-child(5):after {top: 50px;left: -55px;}

/*主要职能*/
.zyzn {padding: 22px 0;overflow: hidden;}
.zyzn .zyznl {width:816px;position: relative;padding: 0;overflow: hidden; height: 760px;}
.zyzn .zyznl .zyzntit {width: 374px;height: 357px;padding-top:231px;background: url(../../img/about/zyznbg.png) no-repeat bottom center;margin:0 auto;}
.zyzn .zyznl .zyzntit h2 {color: #CCD7E9;font-size: 48px;padding-top:115px;text-align: center;margin-bottom: 0;}
.zyzn .zyznl .zyzntit p {color: #4397FF;font-size: 29px;text-align: center;}
.zyzn .zyznlist li {position: absolute;text-align: center;z-index: 5;width: 231px;height: 231px;background: url(../../img/about/zy_icon2.png) no-repeat center center;}
.zyzn .zyznlist li:before {content: "";width: 42px;height: 42px;background: url(../../img/about/circle_3.png) no-repeat center center;position: absolute;
	animation:myfirst 1s linear infinite;
	-moz-animation:myfirst 1s linear infinite; /* Firefox */
	-webkit-animation:myfirst 1s linear infinite; /* Safari and Chrome */
	-o-animation:myfirst 1s linear infinite; /* Opera */
}
.zyzn .zyznlist li:after {content: "";width: 231px;height: 231px;background: url(../../img/about/zy_icon1.png) no-repeat center center;position: absolute;top:0;left: 0;right:0;bottom: 0;
	animation: rotate 5s linear infinite;
	-moz-animation: rotate 5s linear infinite; /* Firefox */
	-webkit-animation: rotate 5s linear infinite; /* Safari and Chrome */
	-o-animation: rotate 5s linear infinite; /* Opera */
}
.zyzn .zyznlist li p{color: #98C3ED;font-size: 24px;margin-top: 80px;padding: 0 40px;text-align: center;}
.zyzn .zyznlist li:nth-child(1) {top:13px;left: 50%;margin-left: -115.5px;text-align: center;}
.zyzn .zyznlist li:nth-child(2) {top: 235px;left: 0;}
.zyzn .zyznlist li:nth-child(3) {top: 235px;right: 0;}
.zyzn .zyznlist li:nth-child(4) {top: 520px;left: 85px;}
.zyzn .zyznlist li:nth-child(5) {top: 520px;right: 85px;}
.zyzn .zyznlist li:nth-child(1):before {bottom: -8px;left: 94px;}
.zyzn .zyznlist li:nth-child(2):before {right: -13px;top: 112px;}
.zyzn .zyznlist li:nth-child(3):before {left: -13px;top: 112px;}
.zyzn .zyznlist li:nth-child(4):before {right: 3px;top: 47px;}
.zyzn .zyznlist li:nth-child(5):before {left: 3px;top: 47px;}

.zyznr {width: 870px;padding: 0;overflow: hidden;}
.zyznr .title1 {margin: 44px 0;line-height: 56px;padding: 0;overflow: hidden;}
.zyznr .title1 span {display: inline-block;color: #98C3ED;font-size: 40px;line-height: 56px;}
.zyznr .title1 a {display: inline-block;width: 191px;height: 56px;background: url(../../img/about/amore.png) no-repeat bottom center;}
.fclist {padding: 0;overflow: hidden;width: 870px;margin-top: 50px;position: relative;z-index: 5;}
.fclist ul { overflow:hidden; width: 870px;}
.fclist li {width: 96%; overflow: hidden;background: #fff;border:10px solid #eee;margin:0 10px 50px;}
.fclist li a {display: block;cursor: pointer;}
.fclist li p {padding: 15px; overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block; color: #000000;}
.fclist li p img {vertical-align:middle;transition-duration:0.6s;width: 100%;}

/*风采展示列表页*/
.fczs {padding: 20px 0;position: relative;z-index: 1;}
.fczs .title1 {padding: 0;overflow: hidden;height: 50px;margin-bottom: 20px;}
.fczs .title1 span {color: #98C3ED;font-size: 40px;display: block;line-height: 50px;}
.fczs .fczslist {position: relative;margin-top: 100px;}
.fczs .fczslist .swiper-container{height: 100%;overflow: hidden;}
.fczs .fczslist .fczsbox {width: 390px;height: 218px;overflow: hidden;background: #fff;border:10px solid #eee;margin-bottom: 40px;}
.fczs .fczslist .fczsbox p {width:390px;height: 218px;overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block;}
.fczs .fczslist .fczsbox p img {vertical-align:middle;transition-duration:0.6s;width: 100%;}


/*软实力
-人才优势
*/
.rcys {padding: 50px 0;overflow: hidden;width: 950px;margin:0 auto;}
.rcys .rc1f {padding: 0 0 20px;overflow: hidden;}
.rcys .rc1f span {display: block;width: 90px;height: 71px;background: url(../../img/about/rc_icon1.png) no-repeat top center;margin-left: 248px;
	animation: ascroll 2s linear infinite;
	-moz-animation: ascroll 2s linear infinite; /* Firefox */
	-webkit-animation: ascroll 2s linear infinite; /* Safari and Chrome */
	-o-animation: ascroll 2s linear infinite; /* Opera */
}
@keyframes ascroll{
	0%{transform: translate3d(0,0,0);}
	50%{transform: translate3d(0,20px,0);}
	100%{transform: translate3d(0,0,0);}
}
.rcys .rcnav {position: relative;margin-bottom: 60px;}
.rcys .rcnav:before {content: "";width: 200px;height: 343px;background: url(../../img/about/rc_icon5.png) no-repeat top center;position: absolute;left: 0;top:7px;
	animation: zoomIn 2s forwards;
	-moz-animation: zoomIn 2s forwards; /* Firefox */
	-webkit-animation: zoomIn 2s forwards; /* Safari and Chrome */
	-o-animation: zoomIn 2s forwards; /* Opera */
}
@keyframes zoomIn {
	0% {opacity: 0;transform: scale(0.3,0.3);}
	100% {opacity: 1;transform: scale(1,1);}
}
.rcys .rcnav li {padding: 0;margin-bottom: 18px;overflow: hidden;}
.rcys .rcnav .rcl {width: 336px;height: 132px;margin-right: 10px;}
.rcys .rcnav li:nth-child(1) .rcl {background: url(../../img/about/rc_icon2.png) no-repeat right bottom; }
.rcys .rcnav li:nth-child(2) .rcl {background: url(../../img/about/rc_icon3.png) no-repeat right bottom; }
.rcys .rcnav li:nth-child(3) .rcl {background: url(../../img/about/rc_icon4.png) no-repeat right bottom; }
.rcys .rcnav .rcr {width: 600px;position: relative;}
.rcys .rcnav .rcr h2 {color: #98C3ED;font-size: 28px;line-height:77px;padding-left: 117px;position: relative;}
.rcys .rcnav .rcr h2 strong {color: #FBD400;font-size: 72px;font-weight: normal;margin:0 10px;}
.rcys .rcnav .rcr h2:before {
	content: "";
	display: block;
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../../img/about/circle_3.png) no-repeat center center;
	bottom:-20px;
	left: 0;
	z-index: 5;
	animation:myfirst 1s linear infinite;
	-moz-animation:myfirst 1s linear infinite; /* Firefox */
	-webkit-animation:myfirst 1s linear infinite; /* Safari and Chrome */
	-o-animation:myfirst 1s linear infinite; /* Opera */
}
.rcys .rcnav .rcr h2:after {
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 21px;
    bottom: 0;
    background-color: #4397FF;
    z-index: 4;
    animation: entic_effect 1s 1s linear both;
    -moz-animation: entic_effect 1s 1s linear both; /* Firefox */
	-webkit-animation: entic_effect 1s 1s linear both; /* Safari and Chrome */
	-o-animation: entic_effect 1s 1s linear both; /* Opera */
}
.rcys .rcmore {width:191px;height: 52px;background: url(../../img/about/morebg.png) no-repeat top center;text-align: center;margin-left: 445px; }
.rcys .rcmore a {display: block;line-height: 46px;color: #091A41;font-size: 24px;}
/*专家介绍单页*/
.zjjscon {padding: 17px 0;width: 100%;height: 750px;}
.zjjscon .swiper-container-father2 {width: 100%;height: 100%;overflow: hidden;}
.zjjscon .zjjsbox {padding: 129px 172px 20px 265px;overflow: hidden;}
.zjjscon .zjjsbox .zjpic {width: 312px;height: 313px;background: url(../../img/about/zjbg.png) no-repeat left top;padding: 75px 20px 21px 43px;}
.zjjscon .zjjsbox .zjpic p {width: 312px;height: 313px;overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block;}
.zjjscon .zjjsbox .zjpic p img {vertical-align:middle;transition-duration:0.6s;width: 100%;}
.zjjscon .zjjsbox .zjcontent {width: 880px;}
.zjjscon .zjjsbox .zjtit {height:100px;padding: 21px 0 0;overflow: hidden;margin-bottom: 38px; } 
.zjjscon .zjjsbox .zjtit h2 {color:#CCD7E9;font-size:72px;line-height: 100px;font-weight: normal;margin-bottom: 0;}
.zjjscon .zjjsbox .zjtit h2 strong {color: #6AD4F7;font-size: 32px;font-weight: normal;}
.zjjscon .zjjsbox .zjcon {color: #98C3ED;font-size: 23px;line-height:52px; }
/*专家介绍列表页面*/
.zjlist {padding: 0 273px;overflow: hidden;}
.zjlist .swiper-container{height: 100%;overflow: hidden;}
.zjlist .zjbox {width: 231px;height: 360px;overflow: hidden;text-align: center;}
.zjlist .zjbox p {width: 229px;height: 229px;border:1px solid #6AD4F7;overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block;}
.zjlist .zjbox p img {vertical-align:middle;transition-duration:0.6s;width: 100%;}
.zjlist .zjtit h2 {color: #CCD7E9;font-size: 32px;line-height: 50px;margin-bottom: 0;}
.zjlist .zjtit span {display: block;color: #98C3ED;font-size: 24px;line-height: 30px;}


/*研发经费图标*/
.yftb {padding: 20px 0;overflow: hidden;}


/*研发成果*/
.yfcg {padding: 13px 0;overflow: hidden;}
.yfcg .yfcgl {width: 773px;height: 723px;background: url(../../img/about/cgbg.png) no-repeat top center;}
.yfcg .yfcglist {padding: 120px 30px 0 60px;overflow: hidden;}
.yfcg .yfcglist .swiper-container{height: 100%;overflow: hidden;}
.yfcg .yfcglist .swiper-slide {margin-bottom: 20px;}
.yfcg .yfcglist .yfcgbox {overflow: hidden;text-align: center;}
.yfcg .yfcglist .yfcgbox p {overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block;}
.yfcg .yfcglist .yfcgbox img {vertical-align:middle;transition-duration:0.6s;width: 100%;}
.yfcg .yfcglist .yfcgbox span {display: block;}
.yfcg .yfcgr {width: 960px;}
.yfcg .yfcgr .cgtit h2 {color: #6AD4F7;font-size: 48px;line-height: 67px;margin-top: 30px;}
.yfcg .cglist {padding: 0;overflow: hidden;}
.yfcg .cglist ul {padding: 0;overflow: hidden;margin-bottom:25px;}
.yfcg .cglist li {}
.yfcg .cglist li h2 {color: #98C3ED;font-size: 24px;line-height: 40px;margin-bottom: 0;}
.yfcg .cglist li h2 strong {color: #FBD400;font-size: 24px;}
.yfcg .cglist a {display: block;width: 191px;height: 52px;background: url(../../img/about/morebg.png) no-repeat top center;margin:0 auto;color: #091A41;font-size: 24px;line-height: 45px;text-align: center;}


/*交流合作*/
.jlhz {margin:20px auto;padding: 0 50px;overflow: hidden;}
.jlhz .jltit {text-align: center;color: #98C3ED;font-size: 32px;padding: 0 110px;margin-bottom: 50px;}
.jlhz .jllist {padding: 0;overflow: hidden;}
.jlhz .jllist .jlimg {height:305px;overflow: hidden;text-align: center;}
.jlhz .jllist .jlimg p {width: 196px;height: 196px;border-radius: 100%;overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block;}
.jlhz .jllist .jlimg img {vertical-align:middle;transition-duration:0.6s;height: 100%;}
.jlhz .jllist .jlimg span {display: block;color: #98C3ED;font-size: 28px;text-align: center;line-height: 50px;}


/*荣耀历程*/
.rylc {padding:40px 0 0;overflow: hidden; }
#timeline {width:100%;height:713px;margin:0 auto;overflow: hidden;position:relative;background: url(../../img/about/timebg.png) no-repeat left bottom;}
#dates {width:500px;height:713px;overflow:hidden;float:left;margin-left: 12px;}
#dates .swiper-container {height: 100%;overflow: hidden;}
#dates .count {width: 500px;text-align: center;}
#dates .count p {line-height:120px;color: #BCD9FF;font-size:22px;display: block;position: relative;cursor: pointer;
	background:url(../../img/about/dy.png) no-repeat left bottom;    background-size: 100% 100%; }
/*#dates .count p:before {content: "";width: 22px;height: 2px;background: #6ad4f7;position:absolute;z-index: 3;left: -2px;top:50%;}*/
#dates .count a:hover p,#dates .on p {font-size:22px;color: #f5a939;line-height: 120px;}
#dates .count a:hover p:before,#dates .on p:before {width: 33px;height: 26px;background: url(../../img/about/rjt.png) no-repeat center center;top:50%;margin-top:-13px;}
#dates .count a:hover p:after,#dates .on p:after  {content: "";width: 32px;height:32px;background: url(../../img/prod/star.png) no-repeat center center;
	position:absolute;top:40%;margin-top:-20px;
	right: 25px;:5px;z-index: 3;animation: myfirst 1s linear infinite;}

.selimg{
	line-height:120px;color: #BCD9FF;font-size:30px;display: block;position: relative;cursor: pointer;
	background:url(../../img/about/dy6.png) no-repeat left bottom;    background-size: 100% 100%;
}
#issues {width:70%;height:713px;overflow:hidden;float:right;}
/*#issues {width:1390px;height:713px;overflow:hidden;float:right;}*/
#issues li {width:100%;height:713px;list-style:none;overflow: hidden;background: url(../../img/about/dy.png) no-repeat top center;}
/*#issues li {width:1390px;height:713px;list-style:none;overflow: hidden;background: url(../../img/about/dy.png) no-repeat top center;}*/
#issues li .rylist {width: 1173px;margin:98px auto 120px;}
.yfcg .yfcglist .swiper-container{height: 100%;overflow: hidden;}
#issues li .rylist .rybox h2 {color: #98C3ED;font-size: 18px;}
#issues li .rylist .rybox .ryitem {padding: 0;overflow: hidden;}
#issues li .rylist .rybox .ryitem dd {float: left;width:540px;height: 356px;overflow: hidden;}
#issues li .rylist .rybox .ryitem p {width: 540px;height: 356px;overflow: hidden;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*//* 针对IE的Hack */*display: block;}
#issues li .rylist .rybox .ryitem p img {vertical-align:middle;transition-duration:0.6s;}
#issues .rybox{  overflow-y: scroll; height: 540px; line-height: 2;}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #1a2e60;
}
::-webkit-scrollbar-track {
    background: #1a2e60;
    border-radius: 4px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #6ad4f9; /* 央视红 */
    border-radius: 4px;
}

/* 滚动条滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
    background: #6ad4f9;
}
/*硬实力*/
.poptrox-popup {padding: 0 !important;}
.poptrox-overlay {z-index: 9999999999999999 !important;}

#ysl {position: relative;}
.ysl {padding: 65px 0;overflow: hidden;}
.ysl .sblist {padding: 0;}
.ysl .sblist li {padding: 0;float: left;position: relative;}
.ysl .sblist li:nth-child(1) {width: 780px;height: 324px;margin-right: 15px;}
.ysl .sblist li:nth-child(2) {width: 890px;height: 324px;}
.ysl .sblist li:nth-child(2) .sbl,.ysl .sblist li:nth-child(4) .sbl  {float: right !important;width: 535px;}
.ysl .sblist li:nth-child(2) .sbr,.ysl .sblist li:nth-child(4) .sbr { float: left; }
.ysl .sblist li:nth-child(3) {width: 930px;height: 324px;margin-right: 15px;top: -70px;}
.ysl .sblist li:nth-child(4) {width: 810px;height: 324px;top: -70px;}
.ysl .sblist li .sbl {width:423px;position: relative;}
.ysl .sblist li .sbl:before {content: "";width: 503px;height: 87px;background: url(../../img/about/ysl_icon1.png) no-repeat top left;position: absolute;left: 0;top: 0;z-index: 3;}
.ysl .sblist li:nth-child(2) .sbl:before {content: "";width:500px;background: url(../../img/about/ysl_icon2.png) no-repeat top left;left: -80px;}
.ysl .sblist li:nth-child(3) .sbl{width: 580px;margin-top: 160px;}
.ysl .sblist li:nth-child(4) .sbl{width: 455px;}
.ysl .sblist li:nth-child(3) .sbl:before {content: "";width:655px;background: url(../../img/about/ysl_icon3.png) no-repeat top right;}
.ysl .sblist li:nth-child(4) .sbl:before {content: "";width:500px;background: url(../../img/about/ysl_icon4.png) no-repeat top left;left: -80px;}

.ysl .sblist li .sbl h2 {color: #FBD400;font-size: 28px;line-height: 40px;   transform: translateY(-50px); }
.ysl .sblist li .sbl h2 a{color: #FBD400;}
.ysl .sblist li .sbl p {color: #6995BF;font-size: 20px;line-height: 34px; margin-top: -30px;}
.ysl .sbr {width:282px;height: 324px;background: url(../../img/about/yslbg.png)no-repeat top center;position: relative;}
.ysl .sblist li .sbr:before {content: "";width:58px;height: 58px;background: url(../../img/about/circle_4.png)no-repeat top center;position: absolute;top:-29px;left: 50%;margin-left: -29px;z-index: 3;
	animation:myfirst 1s linear infinite;
	-moz-animation:myfirst 1s linear infinite; /* Firefox */
	-webkit-animation:myfirst 1s linear infinite; /* Safari and Chrome */
	-o-animation:myfirst 1s linear infinite; /* Opera */}
.ysl .sblist li:nth-child(3) .sbr:before,.ysl .sblist li:nth-child(4) .sbr:before {bottom: -29px;top:auto;}
.lineF{position: absolute;visibility: hidden;top: 9px;}
.boxF, .boxS, .boxT{width: 264px;height: 305px;overflow: hidden;}
.boxF, .boxS{visibility: hidden;}
.boxF{transform: rotate(120deg);float: left;margin-left: 10px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.boxS{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.boxT{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible; background-size: cover; background-position: center center;}
.yslmore {position: absolute;bottom: 10px;right:55px;width:191px;height: 52px;background: url(../../img/about/morebg.png) no-repeat top center;}
.yslmore a {color: #091A41;font-size: 24px;line-height: 45px;text-align: center;display: block;}
.yslmore a:hover {color: #091A41;}


.swiper-button-next{ background: url(../../img/about/link_r.png) no-repeat; width: 62px; height: 37px; right: 0;z-index: 100000;}
.swiper-button-prev{ background: url(../../img/about/link_l.png) no-repeat; width: 62px; height: 37px; left: 0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0;}
.pnext{ right: -55px;}
.pprev{ left: -55px;}


.box_1{     height: 750px; overflow-y: scroll;}
.box_1 img{ width: auto; max-width: 1400px; margin: 10px auto;}
a.box_bt{ position: absolute; left: 4%; top: 20%;     z-index: 10000; padding: 8px 50px;  background: url(../../img/about/morebg.png) no-repeat top center; background-size: cover; border-radius: 30px;}


.sect_investment{ }
.wrap{ max-width: 1480px; margin:0 auto; width: 92%;}
.tit_in{ text-align: center;  line-height: 2;}
.tit_in span{font-size: 3rem; color: #ffffff; font-weight: bold; display: block; line-height: 1.2;}
.tit_in span em{ color: #BC1717; font-style: normal;}
.tit_in p{ font-size: 16px; color: #999999; text-transform: uppercase;}

.ibox_1{margin: 5rem 0;position: relative;	overflow: hidden;}
#border-bg{width: 840px;height: 840px;position: absolute;left: 313px;top: -420px;border: 6px dashed #6995BF;border-radius: 50%;animation: dz 80s linear infinite;}
.ibox_2{ clear: both; overflow: hidden;position: relative;}
.ibox_3{ width: 25%; float: left;}
.ibox_4{ float: left; width: 50%; text-align: center;}
.ibox_4 img{ max-width: 300px; border-radius: 100%;}
.ilist_1{ display: flex; justify-content: flex-end; align-items: flex-start;}
.ii{ text-align: left !important; margin-left: 20px; margin-right: 0 !important;}
.ii2{     margin-top: 6rem; transform: translateX(4rem);}
.ii3{     margin-top: 4.2rem; transform: translateX(-5rem);}
.ilist_3{ width: 90px; height: 90px; float: left; border: 1px solid #DADADA; display: flex; line-height: 90px; background: #ffffff; border-radius: 100%; text-align: center; align-items: center; justify-content: center;}
.ilist_2{ width: calc(100% - 110px); float: left; text-align: right; margin-right: 20px;}
.ilist_2 span{ font-size: 2.4rem; color: #FBD400; line-height: 2;}
.ilist_2 p{ font-size: 16px; color: #6995BF; line-height: 2; text-align: left;}
.ibox_5{ max-width: 600px; margin: 0 auto; clear: both; overflow: hidden; transform: translateY(-98px);}
.ilist_4{ text-align: center; width: 50%; float: left;}
.ilist_4 .ii1{width: 90px; height: 90px; border: 1px solid #DADADA; display: flex; line-height: 90px; background: #ffffff; border-radius: 100%; text-align: center; margin: 0 auto 1rem; align-items: center;     justify-content: center;}
.ilist_4 img{}
.ilist_4 span{ font-size: 2.4rem; color: #FBD400; line-height: 2; display: block;}
.ilist_4 p{ font-size: 16px; color: #6995BF; line-height: 1.8; text-align: center;}

/*企业文化中六个动画*/
.ibox_2 .ilist_3:nth-child(1) img {animation: rotateYWithDelay 5.5s linear infinite 0.8s;}
div.ibox_3:nth-child(1) > div:nth-child(1) > div:nth-child(2) > img:nth-child(1) {animation: rotateYWithDelay 5.5s linear infinite 1.6s;}
.ii2 > div:nth-child(2) > img:nth-child(1) {animation: rotateYWithDelay 5.5s linear infinite 2.4s;}
div.ilist_4:nth-child(1) > div:nth-child(1) > img:nth-child(1) {animation: rotateYWithDelay 5.5s linear infinite 3.2s;}
div.ilist_4:nth-child(2) > div:nth-child(1) > img:nth-child(1) {animation: rotateYWithDelay 5.5s linear infinite 4s;}
.ii3 > div:nth-child(1) > img:nth-child(1) {animation: rotateYWithDelay 5.5s linear infinite 4.8s;}
div.ibox_3:nth-child(3) > div:nth-child(1) > div:nth-child(1) > img:nth-child(1) {animation: rotateYWithDelay 5.5s linear infinite 5.6s;}
@keyframes rotateYWithDelay {
	0% {
		transform: rotateY(0);
	}
	/* 在约9%的时间点完成旋转（0.5s/5.5s≈9%） */
	4.5% {
		transform: rotateY(180deg);
	}
	9% {
		transform: rotateY(360deg);
	}
	/* 其余91%的时间保持静止 */
	100% {
		transform: rotateY(360deg);
	}
}
/*简介*/
.tablist { width: 80%; float: left;}
.tablist .tlist{ display:none; position: relative;  text-align: center;   margin: 0;}
.tablist .active{ display:block;}

.tabs{ display: flex; z-index: 10; justify-content:center; align-items: center; text-align: left; width: 20%;  flex-direction: column; position: relative;}
.tabs:before{ width: 1px; height: 139px; content: ""; position: absolute;  background: rgba(255, 255, 255, 0.8); display: block; left: 4px; top: 37px;}
.tabs a{ width:100%;  padding: 10px 0; text-align: left;  color: #333333; position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.5); margin-left: 40px;}
.tabs a:before{ width: 10px; height: 10px; background: #ffffff; position: absolute; left: -20px; content: ""; border-radius: 100%;}
.tabs a:hover span{ color: #FBD400;}
.tabs a:hover::before{ background: #FBD400;}
.tabs a i{ padding-right: 15px; opacity: 0.6;}
.tabs a span{ font-size: 24px; color: #ffffff; line-height: 2; font-weight: bold; padding-left: 15px;}
.tabs a p{  font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1; font-family: 'SourceHanSerifCN-Heavy'; text-transform: uppercase; line-height: 1.5;}

.tabs a.active { color: #FBD400;}
.tabs a.active:before{ opacity: 1;}

.box_h2{ padding:0 2rem 0 6rem; max-height: 700px; overflow-y: scroll; text-align: left;}
.box_h2 video{ width: 100%;  height: auto;    width: 100%;
    position: absolute;
    left: -25%;
    top: 36%;
    max-width: 400px;}
.box_h2 img{ display: block; max-width: 100%;}
.box_h2 span{ font-size: 2.2rem; color: #FBD400; font-weight: bold; display: block; margin:2rem 0; position: relative;}
.box_h2 span:before{ width: 11%; height: 2px; content: ""; display: block; background: rgba(255,255,255,0.5); position: absolute;  left: 0; bottom: -8px;}
.box_h2 p{ font-size: 18px; color: #ffffff; display: block; text-indent: 24px;}
.box_h2 a{ color: #ffffff; font-size: 14px; font-weight:300; width: 110px; border: 1px solid #FFFFFF; height: 36px; line-height: 36px; display: flex; justify-content:center; align-items: center; letter-spacing: 1px; margin-top: 4rem;}
.box_h2 a:hover{ background: #7E9747; border: 1px solid #7E9747;}
.dot{ position: relative; display: flex;  justify-content: flex-start; align-items: flex-start;}