html,body,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td {margin: 0;padding: 0;letter-spacing:0px;} a{cursor: pointer;} img {border: 0 none;vertical-align: middle;} ul, li {list-style-type: none;} h1,h2,h3,h4,h5,h6 {font-size: 14px;} body,input,select,button,textarea,pre {font-size: 14px;font-family:"Microsoft YaHei";} input::-webkit-input-placeholder {color: #cccccc !important;font-size: 12px;} input:-moz-placeholder { color: #cccccc !important;} input::-moz-placeholder {color: #cccccc !important;}input:-ms-input-placeholder {color: #cccccc !important;} button {cursor: pointer;} i,em,cite {font-style: normal;} body {background: #fff;line-height: 1.2;} a,a:link {text-decoration: none;} a:active, a:hover { text-decoration: none;} a:focus {outline: none;} body{min-width: 1200px;/*background: url(../images/body_bg.png) no-repeat;*/} .fl{float: left;} .fr{float: right;} .mr0{margin-right: 0 !important;} .mb0{margin-bottom: 0 !important;} .center{width: 1200px !important; margin:0 auto;} .br{border-right:1px solid #5b5b5b;} .bt0{border-bottom:none !important;} .pd0{padding-bottom: 0 !important;} .clear{clear: both;} /*index-top*/ .top_top{width: 100%;background: url(../images/top_bg.png) no-repeat} .logo{padding:30px 0;display:block;} .logo img{height: 60px;display: block;} .top_nav{width: 100%;height: 50px;background:#233960} .nav{width: 1200px;} .nav>ul li>a{display: block;width: 109px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #ffffff;} .hover{color: #ffffff !important; background-color: #f15252;} .nav>ul li.hover1>a:hover{background: #ffffff;color:#233960;} .nav>ul li.hover1>.dorp li>a:hover{background: #ffffff;color:#233960;} .nav>ul li.hover2>a:hover{background: #f15252;} .nav>ul li.hover2>.dorp li>a:hover{background: #f15252;} .nav>ul li.hover3>a:hover{background-color: #e9aa45;} .nav>ul li.hover3>.dorp li>a:hover{background:#e9aa45} .nav>ul li.hover4>a:hover{background: #2f6ab3;} .nav>ul li.hover4>.dorp li>a:hover{background: #2f6ab3;} .nav>ul li.hover5>a:hover{background: #f36333;} .nav>ul li.hover5>.dorp li>a:hover{background: #f36333;} .nav>ul li.hover6>a:hover{background: #408bd8;} .nav>ul li.hover6>.dorp li>a:hover{background: #408bd8;} .nav>ul li.hover7>a:hover{background: #ce4ac9;} .nav>ul li.hover7>.dorp li>a:hover{background: #ce4ac9;} .nav>ul li.hover8>a:hover{background: #bd9393;} .nav>ul li.hover8>.dorp li>a:hover{background: #bd9393;} .nav>ul li.hover9>a:hover{background: #37bb82;} .nav>ul li.hover9>.dorp li>a:hover{background: #37bb82;} .nav>ul li.hover10>a:hover{background: #2cafcb;} .nav>ul li.hover10>.dorp li>a:hover{background: #2cafcb;} .nav>ul li.hover11>a:hover{background: #f15252;} .nav>ul li.hover11>.dorp li>a:hover{background: #f15252;} .nav>ul li{width: 109px;height: 50px;float: left;border-left:1px solid #233960;position: relative;bottom: 0;left: 0;box-sizing:border-box;} .dorp{width: 100%;overflow: hidden;position: absolute;top: 50px;left: 0;display: none;z-index: 111;} .nav>ul li>.dorp li>a{width: 100%;height: 40px;background: url(../images/dorp_cover.jpg) repeat; display: inline-block;font-size: 15px;color: #fff;line-height: 40px;} .nav>ul li>.dorp li>a:hover{color: #ffffff !important;background:#f15252} .nav>ul li>.dorp li{height: 40px;border-bottom: 1px solid #fff;border-left: none;} .banner{width: 100%;} .banner .swiper-slide a{display: block;width: 100%;} .banner .swiper-slide img{width: 100%;} .swiper-pagination{position: absolute;left: 0;text-align: center;bottom:15px !important;width: 100%;} .swiper-pagination-bullet{display: inline-block;width: 12px;height: 12px;border-radius: 6px;background: #ffffff;box-shadow: 0px 1px 2px #999999 inset;margin: 0 4px;cursor: pointer;} .swiper-pagination-bullet-active {background: #a60c0c;} #divselect{position:relative; z-index:999;border-left:1px solid #ddd;border-right:1px solid #ddd;height:40px;background: url(../images/flag.jpg) no-repeat left #dfdfdc;padding:0 10px;text-align: center; float: right;margin-top: 50px;} #divselect cite{width:140px; height:40px;line-height:40px; display:block; color:#666; cursor:pointer;font-style:normal;background:url(../images/xjt.jpg) no-repeat right center; font-size: 14px;} #divselect cite>img{vertical-align: middle;padding-right: 10px;} #divselect>ul{width:160px;border:1px solid #ddd; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;text-align: center;margin-left: -11px;} #divselect>ul li{height:40px; line-height:40px;} #divselect>ul li a{display:block; height:40px; color:#333333; text-decoration:none;} #divselect>ul li a:hover{background-color:#233960;color: #fff;} #divselect>ul li a>img{vertical-align: middle;padding-right: 10px;} /*index_content*/ .con_top{overflow: hidden;} .content{padding-top:10px;overflow: hidden;background: url(../images/body_bg.png) repeat; background-size: 17%;} .news_list{width: 400px;box-sizing:border-box;} .title{width: 100%;height: 26px;line-height: 26px;} .title>h5{font-size: 22px;color: #434343;font-weight: normal;} .title>a{font-size: 14px;color: #666;} .title>a:hover{color: #980c0c;} /*index_footer*/ .footer{width: 100%;background: #233960;padding-top: 20px;height: 70px;} .footer pre,.link a,.link{font-size: 14px;color: #ffffff;text-align: center;} .footer pre{margin:0 0 20px;} .footer pre a{font-size: 14px;color: #ffffff;} .ul_list>ul li>a{font-size: 14px;color: #666;padding: 8px 0;display: inline-block;} .ul_list>ul li>a:hover{color: #980c0c;} .ul_list{padding-top: 28px;} /*7.27修改*/ #play2{ height: 264px; margin-top:30px;} #play2 ul li{ height: 550px;} #play2 ul li img{ width: 100%; height: 100%; max-height: 264px; object-fit:cover; } /*.science{padding-top: 40px;} .vertical-box {width:380px;height:120px;overflow: hidden;text-align: center;background-size: cover;} .vertical-box:after {content: '';display: inline-block;vertical-align: middle;height: 100%;} .con {display: inline-block;vertical-align: middle;*display: inline;*zoom: 1} .con p {font-size: 24px;color: #e6e6e6;line-height: 28px;position: relative;z-index: 3;} .ie7 {width: 0;font-size: 0;height: 100%;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;} .red_cover{width: 100%;height: 100%;background-color:#000;position: absolute;top: 0;left: 0;z-index: 2;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5; } .chose{background-color: #a60c0c;}*/ /*7.27修改 end*/ .ul_list>ul li{width: 100%;overflow: hidden;height: 38px;} .box{display: block;width: 380px;height: 120px;margin-bottom: 17px;position: relative;} /* .science{padding-top: 40px;} .vertical-box {width:380px;height:120px;overflow: hidden;text-align: center;background-size: cover;} .vertical-box:after {content: '';display: inline-block;vertical-align: middle;height: 100%;} .con {display: inline-block;vertical-align: middle;*display: inline;*zoom: 1} .con p {font-size: 20px;color: #e6e6e6;line-height: 28px;position: relative;z-index: 3;} .ie7 {width: 0;font-size: 0;height: 100%;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;} .red_cover{width: 100%;height: 100%;background-color:#000;position: absolute;top: 0;left: 0;z-index: 2;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5; } .chose{background-color: #a60c0c;} */ /* play */ .play{width:100%;height:260px;overflow:hidden;position:relative;margin:0 auto;margin-top: 40px;} .play .text {width:100%;position:absolute;left:0;bottom:0;height:60px;} .play .text div {position:absolute;left:0;top:0;width:100%;height:100%;background:black;filter:alpha(opacity:40);opacity:0.4;z-index:99;} .play .text span {position:absolute;left:0;top:0;width:100%;height:100%;line-height:60px;color:white;z-index:999;text-align:center;font-size:20px;} .play ol{position:absolute;/* left:50%;margin-left:-56px; */bottom:22px;z-index:99;padding-left: 0;} .play ol li{float:left;margin-right:12px;display:inline;cursor:pointer;background-color:#233960;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;font-size:18px;border-radius:100px;} .play ol li.active{color:#ffffff;background-color:#f15252;position:relative;} .play>ul{position:absolute;top:0;left:0;z-index:1;} .play>ul li{width:380px;height:260px;float:left;position: relative;} .play>ul li img{float:left;width:380px;height:260px;} .topTitle{width: 100%;height: 40px;line-height: 40px;position: absolute;top: 0;left: 0;background:url(../images/cover.jpg) repeat;color: #fff;font-size: 16px;text-indent: 28px;} .playBtn{position: absolute;top: 50%;left:50%;width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;} .playBtn>img{height: 60px !important;width: 60px !important;} /*list page*/ .center_left{width: 270px;overflow: hidden;padding-top: 20px;padding-bottom: 60px;} .center_left>h5{width: 210px;font-size: 18px;color: #fff;text-align: left;line-height: 60px;height: 60px;background-color: #233960;padding: 0 30px;font-weight: normal;} .list_ul{width: 210px;padding: 0 30px;background-color: #ffffff;} .list_ul>ul li>a{border-bottom: 1px solid #d3cdc0;display: inline-block;width: 100%;padding:14px 0;color: #333;font-size: 14px;} .list_ul>ul li>a:hover{color: #233960;background: url(../images/red_shot.jpg) no-repeat right;} .center_right{width: 900px;overflow: hidden;margin-top: 20px;margin-bottom: 60px;background:#ffffff;padding-bottom:30px;min-height:600px;} .dec{width: 80px;height: 1px;background-color: #233960;position: absolute;left: 0;bottom: 0;} .left_title>h4{font-size: 20px;color: #333;font-weight: normal;} .link_shot{font-size: 14px;color: #666;} .link_shot a{font-size: 14px;color: #666;}.link_shot>img{margin-top: -4px;} .list{width: 100%;padding: 20px 30px 0px;overflow: hidden;} .list>ul li{width: 100%;height: 24px;margin-bottom: 20px;} .time{height: 22px;width: 98px;border:1px solid #c9c9c9;font-size: 12px;color: #666;text-align: center;line-height: 22px;margin-right: 20px;} .list>ul li>a{font-size: 14px;color: #333;line-height: 24px;} .list>ul li>a:hover{color: #233960;} .top_produce{overflow: hidden;padding: 20px 30px 10px;} .dei{height: 1px;width: 100%;position: relative;background-color: #d3cdc0;} /*page*/ .pageTest {overflow: hidden;padding-top: 10px;} .prv, .next {width: 28px;height: 28px;float: left;text-align: center;line-height: 28px;border: 1px solid #666;cursor: pointer;margin-right: 14px;color: #666;} .first, .last {width: 28px;height: 28px;font-size: 12px;text-align: center;line-height: 28px;border: 1px solid #666;cursor: pointer;margin-right: 14px;color: #666;} .pagingUl {float: right;padding: 0;margin: 0;list-style: none;} .pagingUl li {float: left;width: 30px;height: 30px;text-align: center;margin-right: 14px;} .pagingUl li a {text-decoration: none;display: inline-block;width: 28px;height: 28px;text-align: center;line-height: 28px;padding: 0;color: #666;font-size: 14px;border:1px solid #666;} .activP {border: 1px solid #233960 !important;} /*teacher*/ .all_val{width: 100%;overflow: hidden;} .val_mid,.val_bt{width: 100%;padding: 8px 0;border-bottom: 1px dashed #c9c9c9;overflow: hidden;margin-top: 23px;} .val_bt{margin-top: 0;border-bottom: none;} .val_mid>h6,.val_bt>h6{font-weight: normal;font-size: 16px;color: #333;line-height: 24px;} .val_ul>span,.val_btul>span{float: left;font-size: 14px;display: inline-block;width: 60px;height: 24px;text-align: center;line-height: 24px;} .val_ul>ul li>a,.val_btul>ul li>a{font-size: 14px;color: #666;} .val_ul>ul li,.val_btul>ul li{float: left;line-height: 24px;padding: 0 24px;} .val_btul>ul li{padding: 0 14px;} .val_ul>ul,.val_btul>ul{float: left;overflow: hidden;} .val_btul>ul{padding-right: 86px;width: 650px;} .bix{float: left;margin-right: 26px;width: 205px;height: 270px;display: block;background-color: #fff;border-radius: 5px;position: relative;top: 0;left: 0;margin-bottom: 30px;} .teachers,.teachers_bix{width: 100%;overflow: hidden;} .teachers_bix{padding-top: 23px;} .pic{width: 100%;height: 270px;position: absolute;top: 0;left: 0;border-radius: 5px;overflow: hidden;} .name{width: 100%;height: 45px;background-color: #fff;position: absolute;bottom: 0;left:0;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;text-align: center;padding-top: 10px;} .name>span{font-size: 14px;color: #333;text-align: center;line-height: 16px;} .name>p{font-size: 12px;text-align: center;color: #666;line-height: 22px;} /*dec*/ .paper{margin-top: 30px;background-color: #fff;overflow: hidden;padding: 30px;width: 840px;} .paper_box>h4{font-weight: normal;font-size: 17px;color: #333;} .paper_box{width: 100%;overflow: hidden;text-align: center;} .paper_box>p{font-size: 14px;color: #666;padding-top: 10px;} .share span{font-size: 12px;color: #666;margin-right: 32px;display:inline-block;line-height: 30px;} .share{padding-top: 20px;overflow: hidden;width:100%;text-align: center;}.share span>img{margin-right: 8px;margin-top: -4px;} .share span span{display:inline;margin-right: 0px;} .paper_img p,.paper_img span{font-size: 14px;color: #666;line-height: 30px;} .paper_img{width: 100%;overflow: hidden;padding-top: 20px;} .paper_img table p{text-indent:0;} .paper_img table{max-width:100%;margin:0 auto;} .paper_link{padding: 30px;background-color: #e5e5e5;border-top: 1px solid #d3cdc0;} .paper_link a{color: #333;font-size: 18px;display: block;padding-bottom: 20px;} .paper_link a:hover{color: #233960;} /*tec_paper*/ .imgs{width: 210px;height: 280px;} .suv{width: 615px;overflow: hidden;background-color: #ececec;} .tec_name{width: 595px;height: 63px;border-bottom: 1px solid #d3cdc0;padding-left: 20px;text-align: left;padding-top: 20px;} .tec_name>h5{font-size: 18px;color: #333;font-weight: normal;} .tec_name>h5>span,.tec_name>p{font-size: 14px;color: #666;}.tec_name>p{line-height: 28px;} .show{padding: 20px;width: 575px;overflow: hidden;padding-top: 0;} .person>h6{font-weight: normal;color: #233960;font-size: 16px;} .red_h{width: 2px;height: 20px;background-color: #233960;margin-right: 10px;} .person{overflow: hidden;margin-top: 16px;} .show p{font-size: 14px;color: #666;line-height: 28px;} #ie-alert-overlay {width:100%;height:100%;background:url(../images/bg.jpg) repeat;position: fixed; top: 0; left: 0;z-index:9999;} * html #ie-alert-overlay { /* fixed position hack for ie6 */position: absolute;z-index:9999;} #ie-alert-panel {width:520px;height:331px;position:fixed;background: url(../images/iealertsprite.jpg) no-repeat;background-position: -1px -109px ;top:50%;left:50%;margin:-201px 0 0 -296px;padding:72px 0 0 72px;_position:absolute; /* fixed position hack for ie6 */_top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); /* top:300px hack for ie6 */font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight:bold;color:#333;line-height:1.5em;z-index:10000;} #ie-alert-panel p {font-size:14px;width:486px;text-align:justify;} #ie-alert-panel img {border:0;} #ie-alert-panel span {font-size:18px;margin: 0 0 20px 0;display:block;padding:0;} #ie-alert-panel ul {list-style: none;margin:0;padding:0;} #ie-alert-panel li {float:left;margin:0 22px 0 0;} #ie-alert-panel li.last {margin-right:0;} #ie-alert-panel a {display:inline-block;} .browser {position: absolute;bottom:35px;} .chrome, .firefox, .ie9, .opera, .safari {background: url(../images/iealertsprite.jpg) no-repeat;} .chrome {background-position: 0 0;width: 73px;height: 96px;margin:0 4px 0 0;} .firefox {background-position: -292px 0;width: 73px;height: 98px;} .ie9 {background-position: -179px 0;width: 95px;height: 98px;} .opera {background-position: -90px 0;width: 73px;height: 98px;} .safari {background-position: -387px 0;width: 73px;height: 98px;margin:0 4px 0 0;} .xs{color: #233960 !important;background: url(../images/red_shot.jpg) no-repeat right;} .pph{ display:block; height:20px; line-height:20px; border-left:2px solid #233960; padding:0px; padding-left:10px; margin:0px; font-weight: normal; color: #233960; font-size: 16px;} .paper_img p img{ vertical-align:middle;max-width:800px;display:block;margin: 0 auto;} p{font-family: '微软雅黑' !important;} .paper{line-height: 26px !important;color: #666 !important;} /*8.7新增*/ .teacher_tranm{ width:400px; background-color: #e5e5e5; padding: 20px 0 20px 30px;height:160px; margin-top:30px; margin-bottom: 30px;float:left;margin-right:20px;} .teacher_tranm .team{width:120px; height:160px; overflow:hidden; float:left;} .tranm{ width: 230px; float: left; margin-left: 20px;} .tranm h2{ line-height: 56px; color:#666; font-size:16px; font-weight: normal; font-family: '黑体';} .tranm h1{ color:#666; font-size:14px; margin-top: -4px; font-weight: normal; font-family: '黑体';} .tranm h1 span{ color:#333; font-size:18px; display: inline-block; width: 71px; font-family: '黑体';} .tranm p{ text-align: right; margin-top: 32px; padding-top: 22px; border-top: 1px solid #f2f2f2;} .tranm p a{padding-right: 11px; background: url(../images/readmore.jpg) no-repeat right center; color:#666; font-size:14px; font-family: '黑体';} .tranm p a:hover{ color:#b72009;} /*8.7新增 end*/ /*9.12整体缩小字号*/ /*1.8*/ .paper_box>h4{ width: 500px; margin: auto;} .paper_img{ width: 100%; margin: auto;} .paper_img p{ text-align: justify; text-indent: 2em;} .dian li{background:url(../images/dian.png) no-repeat left center;padding-left:16px;} .dian li:hover{background:url(../images/hdian.png) no-repeat left center;} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}