@charset "utf-8";

.banner{width: 100%;height: 490px;overflow: hidden;background: url(../images/abouts/banner.jpg) no-repeat center center;}
.bannerclips{position: relative;width: 100%;height: 400px;overflow: hidden; background: url(../images/news_bannerclips.jpg) no-repeat center center;}
.bannerclips h1{text-shadow: 1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF;text-align: center;padding-top: 100px;color: #6fb92c;font-size: 3.5em;}
#navclips{position: absolute;bottom: 0;}
.abouts_container,.abouts_subnav,.gaikuang，.culture,.strength,.workstation,.zhanlue,.course,.course_con_b,.leader,.course_r_b ul,.videos,.videos_con ul{width: 100%;overflow: hidden;}
.abouts_subnav_con{width: 1160px;margin:20px auto;}
.abouts_subnav_con ul{width: 1060px;margin:0 auto;overflow: hidden;}
.abouts_subnav_con ul li{width: 120px;margin-right: 12px;height: 40px;line-height: 40px;text-align: center; float: left;}
.abouts_subnav_con ul li a{display: block;width: 100%;height: 38px;border:1px solid #ccc;border-radius: 4px;}
.abouts_subnav_con ul li a.on{background: #2ea002;color: #fff;}

.wrap_page{width: 794px;clear: both;margin:10px 3px 30px;overflow: hidden;margin: auto auto 30px auto;}
.wrap_page a,.wrap_page b{display:block;float: left; max-width: 60px;height: 36px;line-height: 36px; text-align: center;padding:0 14px; float: left;border-radius: 3px;border:1px solid #ccc;margin-right:10px;}
.wrap_page a:hover,.wrap_page b{background: #6fb92c;color: #fff;}


.gaikuang_con,.culture_con,.strength_con,.course_con,.videos_con{width: 1160px;margin:20px auto;overflow: hidden;}
.gaikuang_con h2,.culture_con h1{font-size: 22px;text-align:center;height: 40px;line-height: 40px;margin-bottom: 30px;color: #666;}
.gaikuang_con h2{margin-bottom: 0;}
.gaikuang_con_box{padding:40px 0;overflow: hidden;clear: both;border-bottom: 1px solid #ddd;}
.gaikuang_con_img{width: 530px;}
.gaikuang_con_img img{max-width: 530px;}
.gaikuang_con_text{width: 600px;}
.gaikuang_con_text p{text-indent: 2em;line-height: 28px;color: #666;margin-bottom: 14px;}

.video{width: 100%;overflow: hidden;background: #f5f5f5;}
.video_con{width: 1160px;margin:30px auto;overflow: hidden;}
.video_con_left{width: 700px;margin-right: 30px;overflow: hidden;float: left;height: 580px; background: url(../images/abouts/video.jpg) no-repeat left top;}

.video_con_left embed{width: 700px;height: 566px;overflow: hidden;}
section.banner{background:#efefef
;width:100%;height: 260px;margin-top:30px;}
section.banner img{display:block;width: 1160px;margin:18px auto;}
section.content{position:relative;width:1160px;margin:50px auto;border-left:2px solid #309F04;padding-left:25px;box-sizing:border-box;}
section.content h3{font-size:18px;font-weight:500;color:#000;margin-top:80px;}
section.content h3 span{font-size:16px;}
section.content p{font-size:14px;text-align:left;line-height:28px;color:#545454}
section.content h4{color:#6fb92c;font-size:16px;margin-top:40px;line-height:35px;margin-bottom:15px;}
section.content p>b{margin-left:30px;width:100px;padding-right:25px;border-sizing:border-box;font-size:16px;color:#3F3F3F;}
p.jz{width:400px;}
section.content p>b.b1{margin-right:16px;}
span.hx{display:block;float:left;width:120px;height:140px;font-size:18px !important;color:#000}
section.content p.txt{margin-left:30px;}
section.content div.flo_1{position:relative;}
section.content div.flo_1 ul.tu1{position:absolute;right:50px;top:-30px;}
section.content div.flo_1 ul.tu1 li{width:250px;height:100px;float:left;margin:2px 5px;}
section.content div.flo_1 ul.tu1 li img{display:block;width:100%}
section.content div.flo_2{position:relative;}
section.content div.flo_2 ul.tu1{position:absolute;right:50px;top:-30px;}
section.content div.flo_2 ul.tu1 li{width:250px;height:100px;float:left;margin:2px 5px;}
section.content div.flo_2 ul.tu1 li img{display:block;width:100%}
section.content div.flo_3{position:relative;}
section.content div.flo_3 ul.tu1{position:absolute;right:50px;top:0px;}
section.content div.flo_3 ul.tu1 li{width:250px;height:100px;float:left;margin:2px 5px;}
section.content div.flo_3 ul.tu1 li img{display:block;width:100%}
section.content h3{position:relative;}
i.i1,i.i2,i.i3{background: url(../images/icon_01.png);position:absolute;top:0px; left:-33px;display:block;width:16px;height:16px;border-radius:50%}
section.banner1{width:100%;height: 260px;}
section.banner1 img{display:block;width: 1160px;margin:15px auto;}

/*  研发实力页面 starting  */

.strength_con h1,.course_con h1,.videos_con h1,.yuanshi_con h1,.rongyu_con h1{font-size: 22px;text-align: center;color: #555;line-height: 40px;}
.workstation,.zhanlue{padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-top: 30px;}
.workstation .fl,.yuanshi_miao .fl{width: 500px;margin-right: 40px;overflow: hidden;}
.workstation .fl img,.yuanshi_miao .fl img,.yuanshi_lian .fr img{max-width: 500px;}
.workstation .fr,.zhanlue .fl,.yuanshi_miao .fr,.yuanshi_lian .fl{width: 620px;overflow: hidden;}
.workstation .fr h2,.zhanlue .fl h2,.yuanshi_miao .fr h2,.yuanshi_lian h2{font-size: 18px;text-align: center;margin-bottom: 24px;color: #444;}
.workstation .fr p,.zhanlue .fl p,.yuanshi_miao .fr p,.yuanshi_lian p{line-height: 2.2;text-indent: 2em;}
.zhanlue .fl,.yuanshi_lian .fl{margin-right: 40px;}
.zhanlue .fr,.yuanshi_lian .fr{width: 500px;overflow: hidden;}

/*  研发实力页面end  */

/* 发展历程页面 starting */
.course_con_b{margin-top: 30px;}
.course_l{width: 130px;float: left;height: 54px; overflow: hidden;}
.course_l p{font-size: 40px;color: #666;line-height: 54px;}
.course_r {width: 1030px;float: right;}
.course_r_t{background: url(../images/abouts/bg_year.jpg) repeat-x 0 27px;height: 54px;width: 100%;margin-bottom: 16px;}
.course_r_t span{display: block;width: 17px;height: 54px;background: url(../images/abouts/about_icon.png) no-repeat left 19px;}
.course_r_b{width: 100%;background: url(../images/abouts/bg_year.jpg) repeat-y 8px 0;}
.course_r_b ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 26px;}
.course_r_b ul li span{display: block;width: 16px;height:30px;margin-right:30px;float: left;background: url(../images/abouts/about_icon.png) no-repeat -17px 9px;}
.course_r_b ul li p{float: right;line-height: 30px;width: 984px;font-size: 16px;}
/* 发展历程页面 end */

/* video starting */
.videos_con ul li{float: left;width: 360px;height: 230px;margin-right: 26px;margin-top: 40px;}
.videos_con_bg,.videos_con_bg a{width: 100%;overflow: hidden;}
.videos_con_bg img{ width: 100%;height: 100%}
.videos_con_bg a{display: block;position: relative;height: 152px;}
.videos_con_bg span{display: block;position: absolute;width: 80px;height: 24px;line-height: 24px; text-align: center;right: 10px;bottom: 10px;color: #fff;}
.videos_con_icon {background: rgba(33,33,33,0.4);position: absolute;z-index: 16;width: 360px;height: 152px;left: 0;top: 0;display: none;}
.videos_con_icon img{display: block;margin-top: 50px;margin-left: 153px;width:auto;height:auto;}
.videos_con_bg a:hover .videos_con_icon{display: block;}

.video_h2{width: 100%;margin-top: 16px;}
.video_h2 h2{line-height: 30px;font-weight: normal;font-size: 16px;}
.video_h2 span{line-height: 30px;	}
/* videos end */

/* 院士工作站 start */
.yuanshi,.rongyu{width: 100%;margin-top: 30px;clear: both;}
.yuanshi_con,.rongyu_con{width: 1160px;margin:0 auto;}
.yuanshi_miao,.yuanshi_lian{width: 100%;overflow: hidden;margin-top:30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.yuanshi_miao .fr p span,.yuanshi_lian .fl p span{font-weight: bold;}
.yuanshi_miao .fr p,.yuanshi_lian .fl p{margin-top: 14px;}
.yuanshi_con > p{font-size: 14px;color: #444; line-height: 2.2;text-indent: 2em;margin-top:20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;  }
/* 院士工作站 end */

/* 荣誉殿堂 start */
.rongyu_con{margin-bottom: 40px;}
.rongyu_con p{margin-top: 20px;line-height: 2.0;color: #444;}
.rongyu_con_hd{margin-top: 20px;width: 100%;}
.rongyu_con_hd ul{width: 100%;height: 40px;overflow: hidden;}
.rongyu_con_hd ul li{width: 120px;height: 38px; border:1px solid #ccc;text-align: center;line-height: 38px;float: left;margin-right: 20px;color: #888;}
.rongyu_con_hd ul li:hover,.rongyu_con_hd ul li.on{color: #333;}

.rongyu_con_bd{width: 100%;margin-top:20px;}
.rongyu_gongsi,.rongyu_zhuanli{width: 100%;}
.rongyu_gongsi ul,.rongyu_zhuanli ul{width: 100%;overflow: hidden;}
.rongyu_gongsi ul li{width: 271px;margin-right: 25px;position: relative;float: left;margin-top:30px;}
.rongyu_gongsi ul li:nth-child(4n+4){margin-right: 0;}
.rongyu_gongsi ul li a{display: block;width: 241px;height: 160px;overflow: hidden;position: relative;padding:15px;background: #eee;}
.rongyu_gongsi ul li a img{max-width: 100%;}

.rongyu_gongsi ul li a .rongyu_abso,.rongyu_zhuanli ul li a .rongyu_abso{width: 100%;position: absolute;height: 100%;z-index: 5;left: 0;top: 0;background: rgba(0,104,183,0.7);display: none; }
.rongyu_gongsi ul li a .rongyu_abso i{display: block;width:60px;height: 50px;margin-left: 105px; margin-top:40px; border-bottom: 1px solid #fff;background: url(../images/abouts/search.png) no-repeat 15px 10px; }
.rongyu_abso h3{color: #fff;text-align: center;margin-top:20px;}
.rongyu_gongsi ul li a:hover .rongyu_abso,.rongyu_zhuanli ul li a:hover .rongyu_abso{display: block;} 

.rongyu_zhuanli ul li{width: 212px;height: 272px;position: relative;float: left;margin-right: 25px;margin-top:40px;}
.rongyu_zhuanli ul li:nth-child(5n+5){margin-right: 0;}
.rongyu_zhuanli ul li a{display: block;width: 180px;padding: 16px;height: 240px;background: #eee;overflow: hidden;position: relative;}
.rongyu_zhuanli ul li a img{max-width: 100%;}
.rongyu_zhuanli ul li a .rongyu_abso i{display: block;width:60px;height: 50px;margin-left: 76px; margin-top:70px; border-bottom: 1px solid #fff;background: url(../images/abouts/search.png) no-repeat 15px 10px; }

#bigImg , #bigImg_zl{position: fixed;width: 100%;height: 100%;top:0;left: 0; background: rgba(0,0,0,0.4);z-index: 30;}
#bigImg img{position: absolute;top:100px;left: 400px;}
#bigImg_zl img{position: absolute;top:40px;left: 550px;max-height: 630px;}
/* 荣誉殿堂 end */
.leader{margin-top:20px;}
.leader_con{width: 1160px;overflow: hidden;margin: auto;position:relative}
.leader_con h1{font-size: 30px;text-align: center;color: #6fb92c;}
.leader_con ul{width:100%;overflow: hidden;padding-bottom:70px;}
.leader_con ul  li{width:90%;position: relative;margin:3% 5% 0;border:4px solid #6fb92c;clear:both;display:inline-block;box-shadow: -8px 9px 7px -7px rgba(0, 0, 0, 0.44);transition: all 1s}
.leader_con li:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05);}
.leader_con ul  li .leader_text{width:681px;float:left;margin-top: 10px;}
.leader_con ul  li a{overflow: hidden;display: block;}
.leader_con ul  li img{width:334px;height:200px;float:left;margin:10px;}
.leader_con .leader_text h1 {font-size: 18px;text-align: center;color: #666;}
.leader_con .leader_text p {font-size: 14px;line-height: 2;margin: 20px;text-align: left;text-indent: 2em;color:#888;}
.leader_con li:hover p {color:#6fb92c;}
.leader_con li:hover h1,.leader_con li:hover span {color:#333;}
.leader_con .leader_time {position: absolute;bottom: 20px;right: 35px;}