/********************* --鍏叡鏍峰紡-- *********************/ html{height: 100%;overflow: hidden;} body{background: url(../images/bg.jpg);color: #202020;} .wp{width: 1200px;margin: 0 auto;position: relative;} .padding-left-0{padding-left: 0 !important;} #hd .hd-wp{padding: 10px 0;} #hd .hd-logo{width: 373px;} #hd .hd-logo img{width: 100%;} #hd .hd-group{height: 32px;margin-top: 10px;} #hd .hd-group form{float: left;width: 190px;height: 30px;border: 1px solid #e4e4e3;box-shadow: 0 0 4px #f0f0f0;} #hd .hd-group input[name="search"]{float: left;width: 160px;height: 30px;line-height: 30px;color: #999;text-indent: 12px;} #hd .hd-group button{float: left;width: 30px;height: 30px;background: url(../images/icons.png) no-repeat 0 0;cursor: pointer;} #hd .hd-group .lang-btn{width: 32px;height: 32px;background: #e6e6e5;color: #004797;text-align: center;line-height: 32px;margin-left: 10px;} #hd .hd-img{width: 146px;height: 58px;background: url(../images/top-img.png);position: absolute;top: 0;right: 296px;} #nav{height: 40px;background: #0b4076;position: relative;z-index: 11;} #nav ul li{float: left;height: 40px;position: relative;} #nav ul li a{display: block;} #nav ul li a.navitem{text-align: center;line-height: 40px;color: #fff;} #nav ul li a.navitem i{display: inline-block;width: 10px;height: 4px;background: url(../images/icons.png) 0 -30px;vertical-align: top;margin: 18px 0 0 2px;*margin-top: 8px;} #nav .dropdown{width: 176px;position: absolute;top: 40px;background: #fff;border: 1px solid #dbdbdb;z-index: 999;display: none;right: -48px;} #nav .dropdown h3, #nav .dropdown h4{padding:6px 0;line-height: 24px;border-bottom: 1px solid #d2b957;} #nav .dropdown h3 a,#nav .dropdown h4 a{padding: 0 10px;} #nav .dropdown h3:hover,#nav .dropdown h4:hover{background: #0b4076;} #nav .dropdown h3:hover a,#nav .dropdown h4:hover a{color: #fff;} #nav .dropdown .sanjiao{display: block;width: 12px;height: 6px;background: url(../images/icons.png) no-repeat 0 -34px;position: absolute;top: -6px;left: 50%;margin-left: -6px;} #nav .dropdown .second{position: relative;} #nav .dropdown .second .rightico{display: block;width: 6px;height: 12px;background: url(../images/icons.png) no-repeat 0 -40px;position: absolute;top: 12px;right: 0;} #nav .dropdown .subdown{width: 176px;position: absolute;top: -1px;right: -178px;background: #fff;border: 1px solid #dbdbdb;z-index: 999;display: none;} #nav ul li:hover .dropdown{display: block;} #nav .dropdown .second:hover .subdown{display: block;} #nav .dropdown .second:hover h3{background: #0b4076;} #nav .dropdown .second:hover h3 a{color: #fff;} #ft{border-top: 5px solid #0b4076;padding: 12px 0;} #ft .ft-l{width: 70%;} #ft .ft-r{width: 30%;} #ft p{line-height: 18px;font-size: 12px;} #ft .ft-r p{text-align: right !important;} #ft .ft-r p a{color: #0b4076;} #main{margin: 30px auto 20px;padding: 5px 0;} #main .slideL{width: 750px;} #main .conR{width: 425px;margin-right: 5px;} .shadow-box{background: #fff;box-shadow: 0 0 5px #d8d8d8;} .inner-wp{padding: 0 20px } .item-more{display: block;width: 14px;height: 9px;background: url(../images/icons.png) no-repeat 0 -76px;position: absolute;} .item-more:hover{background-position: 0 -85px;} .sectionL{width: 302px;height: 100%;} .sec-inner{padding: 30px 20px;} .sectionL .photo{height: 144px;padding-bottom: 30px;border-bottom: 1px dashed #dcdcdc;} .sectionL .photo .photo-img{width: 118px;height: 142px;border: 1px solid #dcdcdc;} .sectionL .photo .photo-img .img-inner{width: 118px;height: 142px;display: table-cell;text-align: center;vertical-align: middle;} .sectionL .photo .photo-img img{max-width: 100%;max-height: 100%;} .sectionL .photo .photo-info{width: 132px;padding-top: 40px;} .sectionL .photo .photo-info h3{line-height: 24px;font-size: 18px;font-weight: bold;} .sectionL .photo .photo-info p{line-height: 18px;color: #666666;} .sectionL .photo .photo-info .thumbs-up{height: 24px;margin-top: 8px;} .sectionL .photo .photo-info .thumbs-up .like-ico{display: inline-block;width: 24px;height: 24px;background: url(../images/icons.png) no-repeat 0 -52px;vertical-align: top;} .sectionL .photo .photo-info .thumbs-up span{line-height: 24px;margin-left: 4px;color: #202020;} .sectionL .details{padding: 12px 0;border-bottom: 1px dashed #dcdcdc;} .sectionL .details p{line-height: 30px;} .sectionL .details p a{color: #16589b;} .sectionL .recom{padding-top: 20px;} .sectionL .recom .erweima{height: 118px;display: table-cell;vertical-align: middle;padding-left: 68px;} .sectionL .recom .erweima img{max-width: 100%;max-height: 100%;} .sectionL .recom .recom-link{padding-top: 8px;} .sectionL .recom .recom-link a{display: block;line-height: 24px;padding-left: 30px;} .sectionL .recom .recom-link a:before{content: '路';font-size: 18px;margin-right: 6px;} .sectionR{width: 872px;height: 100%;} .sectionR .sec-tit{background: #7eb0e2;line-height: 40px;color: #fff;padding: 0 20px;} .sectionR .sec-tit h3{font-size: 16px;font-weight: bold;width: 30%;} .sectionR .sec-tit .crumbs{width: 70%;text-align: right;} .sectionR .sec-tit .crumbs a, .sectionR .sec-tit .crumbs span, .sectionR .sec-tit .crumbs i{margin: 0 2px;} .sectionR .sec-tit .crumbs a{color: #fff;} .sectionR .sec-tit .crumbs i{font-family: "瀹嬩綋";font-style: normal;} .sectionR .sec-wp{padding: 20px 30px;} .sectionR .sec-wp p{line-height: 24px;} .pages{height: 22px;text-align: center;margin: 20px 0;} .pages span,.pages a{margin: 0 4px;} .pages span{line-height: 22px;} .pages a{display: inline-block;height: 20px;border: 1px solid #e3e3e3;padding: 0 10px;line-height: 20px;} .pages a:hover{background: #0b4076;color: #fff;border-color: #0b4076;} .pages form{height: 20px;display: inline-block;*display: inline;*zoom: 1;border: 1px solid #e3e3e3;vertical-align: top;} .pages form button{width: 60px;height: 20px;background: #0b4076;color: #fff;line-height: 18px;position: relative;top: -1px;left: -1px;} .pages form input{width: 60px;height: 20px;text-align: center;line-height: 16px;color: #666;} /********************* --棣栭〉-- *********************/ /*涓婚〉*/ .home-page .per-info{width: 100%;padding: 30px 0;margin-bottom: 20px;} .home-page .per-info .per-intro{border-bottom: 1px dashed #dcdcdc;padding-bottom: 14px;} .home-page .per-info .photo{width: 120px;height: 192px;} .home-page .per-info .photo .img-wp{width: 118px;height: 142px;border: 1px solid #e5e5e5;display: table-cell;text-align: center;vertical-align: middle;} .home-page .per-info .photo .img-wp img{max-width: 100%;max-height: 100%;} .home-page .per-info .thumbs-up{height: 24px;text-align: center;margin-top: 12px;} .home-page .per-info .thumbs-up .like-ico{display: inline-block;width: 24px;height: 24px;background: url(../images/icons.png) no-repeat 0 -52px;vertical-align: top;} .home-page .per-info .thumbs-up span{line-height: 24px;margin-left: 4px;} .home-page .per-info .intro-text{width: 570px;} .home-page .per-info .intro-text h3{line-height: 42px;} .home-page .per-info .intro-text h3 strong{font-size: 18px;margin-right: 16px;} .home-page .per-info .intro-text p{line-height: 24px;} .home-page .per-info .intro-text p a{color: #16589b;} .home-page .details{padding-top: 14px;} .home-page .details .details-item{float: left;width: 326px;margin-right: 10px;} .home-page .details .details-item p{line-height: 30px;} .home-page .details .details-item p a{color: #16589b;} .home-page .details .details-item .erweima{width: 226px;height: 120px;display: table-cell;vertical-align: middle;} .home-page .details .details-item .erweima img{max-width: 100%;max-height: 100%;} .home-page .details .details-item .recom{padding-top: 10px;} .home-page .details .details-item .recom a{display: block;line-height: 24px;} .home-page .details .details-item .recom a:before{content: "路";} .home-page .item-tab{width: 368px;} .home-page .item-tab .tab-menu{height: 40px;line-height: 40px;background: url(../images/icon1.png) repeat-x;padding: 0 20px;position: relative;} .home-page .item-tab .tab-menu span{font-size: 16px;cursor: pointer;color: #999;} .home-page .item-tab .tab-menu span.on{color: #202020;} .home-page .item-tab .tab-menu i{font-size: 18px;margin: 0 4px;} .home-page .item-tab .tab-menu .item-more{top: 15.5px;right: 10px;} .home-page .item-tab .tab-wp{width: 100%;position: relative;} .home-page .item-tab .tab-con{position: absolute;width: 328px;padding: 20px;top: 0;left: 0;display: none;} .home-page .item-tab .tab-con .item-more{right: 10px;top: -23px;} .home-page .h-direction{margin-right: 14px;} .home-page .h-direction .tab-con p{line-height: 30px;} .home-page .h-experience .tab-con .ex-item{margin-bottom: 10px;} .home-page .h-experience .tab-con .ex-item h4{color: #16589b;line-height: 20px;} .home-page .h-experience .tab-con .ex-item h4:before{content: '鈼�';color: #ffcc00;font-size: 8px;line-height: 20px;margin-right: 4px;} .home-page .item-box .box-tit{height: 23px;border-bottom: 1px solid #7f7f7f;position: relative;} .home-page .item-box .box-tit span{display: block;height: 22px;border-bottom: 2px solid #ffcc00;font-size: 16px;line-height: 16px;position: absolute;top: 0px;left: 0;padding-right: 10px;} .home-page .item-box .box-tit .item-more{top: 7px;right: 10px;} .home-page .item-box .box-con{margin-bottom: 20px;padding: 10px 0 30px;} .home-page .item-box .box-con .thesis-list li{list-style: disc inside;border-bottom: 1px dashed #d2d2d2;padding: 8px 0; list-style-position: inherit;} .home-page .h-blog .box-con{margin-bottom: 0;} .home-page .h-blog .blog-list li{padding: 8px 0;} .home-page .h-blog .blog-list li a{display: block;line-height: 20px;} .home-page .h-blog .blog-list li time{float: left;color: #666666;width: 85px;} .home-page .h-blog .blog-list li em{width: 298px;} /*涓汉绠€浠�*/ .profile{padding-bottom: 40px;} .profile p{line-height: 28px;text-indent: 28px;text-align: justify;} /*涓汉淇℃伅*/ .personal-info{padding-bottom: 40px;} .personal-info p{line-height: 30px;} /*宸ヤ綔缁忓巻*/ .experience{padding-bottom: 40px;} .experience ul li{margin-bottom: 20px;} .experience ul li h3{line-height: 22px;color: #16589b;font-weight: bold;} .experience ul li h3 span{font-size: 8px;color: #ffcc00;line-height: 22px;margin-right: 6px;} .experience ul li p{line-height: 22px;} /*鍥㈤槦鎴愬憳*/ .member .team{margin-bottom: 10px;} .member .team h4{font-size: 16px;font-weight: bold;line-height: 28px;padding: 6px 0;} .member .team p{line-height: 22px;} .member .team .team-img{margin-top: 20px;} .member .team .team-img ul li{float: left;width: 128px;margin: 0 17.2px 20px; height:194px;} .member .team .team-img .img-wp{width: 126px;height: 152px;border: 1px solid #f2f2f2;display: table-cell;text-align: center;vertical-align: middle;} .member .team .team-img .img-wp img{max-width: 100%;max-height: 100%;} .member .team .team-img ul li p{line-height: 24px;padding: 8px 0;text-align: center;} /*鐮旂┒鏂瑰悜*/ .sec-wp .direction p span{margin-right: 8px;} /*姝f枃椤�*/ .text-inner{padding-bottom: 40px;} .text-inner .text-tit{font-size: 20px;line-height: 44px;font-weight: bold;border-bottom: 1px solid #dfdfdf;text-align: center;} .text-inner .text-info{text-align: center;padding: 8px 0;margin-bottom: 8px;} .text-inner .article .article-info span{margin: 0 8px;color: #4c4c4c;} .text-inner .article .article-img{margin: 16px 0;text-align: center;} .text-inner .article .article-img img{max-width: 100%;} .text-inner .article p{line-height: 28px;margin-bottom: 10px;text-indent: 28px;} .Attachment{margin-top: 20px;} .Attachment h3{font-size: 16px;padding: 6px 0;color: #1f63a5;} .Attachment ul li{line-height: 24px;} .Attachment ul li span{display:inline-block;width: 4px;height: 4px;background: #e5e5e5;margin: 10px 10px 0 0;vertical-align: top;} .relative-link{margin-top: 30px;border-top: 1px solid #dfdfdf;padding-top: 10px;} .relative-link p:hover{text-decoration: underline;} .relative-link p:hover a{text-decoration: underline;} /*缁撴瀯鍖栧唴瀹归〉*/ .structure p{line-height: 28px;} .structure .structure-img{margin: 10px 0;} .structure .structure-img .img-wp{width: 378px;height: 248px;border: 1px solid #e6e6e6; margin-top: 10px;} .structure .structure-img .img-wp .img-inner{width: 378px;height: 248px;display: table-cell;text-align: center;vertical-align: middle;} .structure .structure-img .img-wp .img-inner img{max-width: 100%;max-height: 100%;} /*缁煎悎椤�*/ .projects .projects-item{margin-bottom: 30px;} .projects .projects-item h3{border-bottom: 1px solid #7f7f7f;position: relative;} .projects .projects-item h3 span{display: inline-block;line-height: 35px;border-bottom: 2px solid #ffcc00;position: relative;top: 1px;} .projects .projects-item h3 a.item-more{top: 13px;right: 10px;} .projects .projects-box{padding: 10px 16px 30px;} .projects .projects-box ul li{line-height: 22px;padding: 10px 0;border-bottom: 1px dashed #d2d2d2; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } .projects .projects-box ul li span{font-size: 18px;margin-right: 8px;} /*鍒楄〃椤�*/ .text-list ul li{line-height: 22px;padding: 10px 0;border-bottom: 1px dashed #d2d2d2;} .text-list ul li span{font-size: 18px;margin-right: 8px;} /*鍥剧墖鍒楄〃椤�*/ .pic-list ul li{float: left;margin: 16px 7.5px 0;width: 188px;} .pic-list .img-wp{width: 184px;height: 122px;border: 2px solid #d2e8ff;} .pic-list .img-wp .img-inner{width: 184px;height: 122px;display: table-cell;text-align: center;vertical-align: middle;} .pic-list .img-wp img{max-width: 100%;max-height: 100%;} .pic-list ul li p{text-align: center;line-height: 22px;padding: 6px 0;font-size: 16px;} /*鍥剧墖鍐呭椤�*/ .pic-inner .pic-img{margin: 16px 0;} .pic-inner .pic-img img{max-width: 100%;}