.bg1 { background:url(/Template/html/Template068/images/banner_01.jpg?p=11) no-repeat center top #214e93;} .bg2 { background:url(/Template/html/Template068/images/banner_02.jpg?p=11) no-repeat center top #214e93;} .bg3 { background:url(/Template/html/Template068/images/banner_03.jpg?p=11) no-repeat center top #214e93;} .bg4 { background:url(/Template/html/Template068/images/banner_04.jpg?p=11) no-repeat center top #214e93;} .bg5 { background:url(/Template/html/Template068/images/banner_05.jpg?p=11) no-repeat center top #214e93;} .sub_banner { width: 100%; height: 584px; display: block; padding: 0px; margin: 0px; position: relative; overflow: hidden;} .sub_banner ul.txt { padding-top: 220px; background: url(/Template/html/Template068/images/banner_icon.png) no-repeat center bottom; padding-bottom: 20px;-webkit-animation:none; animation:none; z-index:5 } .sub_banner ul.txt li { color:#fff; text-align:center; padding-bottom:20px} .sub_menu { width:100%;background:url(/Template/html/Template068/images/sub_bbg.png) no-repeat center center; position:absolute; left:0px; bottom:0px; z-index:10; text-align:center;} .sub_menu li { border-left: #b0b0b0 1px solid; display:inline-block; text-align: center; padding:22px 30px; font-size:18px; margin:0px; } .sub_menu li.last {border-right: #b0b0b0 1px solid} .sub_menu li a {color:#fff;} .sub_menu li:hover,.sub_menu li.on { background:#d22b0e;} .sub_adress { width: 100%; background: #f4f4f4; height: 20px; line-height: 20px; padding: 20px 0px; color: #666; font-size: 12px; text-align: right; } .sub_adress img { vertical-align:text-bottom; margin-right:5px} .sub_title { font-size: 30px; display: block; width: 100%; margin-bottom: 30px; } .sub_title span { display: block; padding-bottom: 0px; height:32px; line-height:32px; padding-bottom:5px; overflow:hidden } .sub_title span.eng { color:#214e93; font-size:30px;} .sub_title p.heng { width:50px; height:4px; background:#d22b0e; overflow:hidden; margin-top:10px} .sub_page { padding: 50px 0px 100px 0px; min-height: 500px; } .sub_page_main { line-height:24px; font-size:14px; color:#333} .sub_page_main img { max-width:1200px; height:auto;} /*ÐÂÎÅÁбí*/ .newsList li{ padding: 0px 0px 30px 0px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; height: 140px; margin-bottom: 30px; border-bottom: #ddd 1px dotted; } .newsList li .list_main{ overflow: hidden; width: 930px; height: 135px; padding-top: 5px; } .newsList li .bd_r{ width: 240px; height: 140px; overflow: hidden; } .newsList li .bd_r img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .newsList li:hover .bd_r img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; } .newsList li .bd_l{ font-size: 14px; color: #8d8b8b; padding: 0 0px 0px 15px; border-left: 1px dotted #e6e6e6; font-family: Arial; width: 70px; text-align: right; position: relative; } .newsList li .bd_l_day{ display: block; font-size: 3.2em; color: #e20000; line-height: 60px; } .newsList li .bd_c{ width: 800px; padding: 0; } .newsList li .list_title{ font-size: 1.6em; font-weight: normal; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms } .newsList li:hover .list_title { text-indent: 10px; transition: all ease 600ms; } .newsList li .see_number{ margin-right: 20px; color: #ccc; line-height: 20px; display: block; font-size: 12px; padding-top: 12px; } .newsList li .list_p{ font-size: 14px; color: #666; line-height: 22px; height: 32px; overflow: hidden; padding: 15px 0px; text-overflow: ellipsis; } .newsList li .bd_l .arrow{ width: 110px; height: 32px; border: 1px solid #e2e2e2; background: url("/Template/html/Template068/images/arrow.png") no-repeat center center; transition: all ease 600ms; color: #186ce8; position: absolute; top: 95px; right: 0px; z-index: 120; } .newsList li:hover .bd_l .arrow{ width: 130px; transition: all ease 600ms; background: url("/Template/html/Template068/images/arrow1.png") no-repeat center center #d20000; border: #d20000 1px solid } .newsList li:hover .list_box{background-color:#f8f8f8;} .newsList li:hover .list_box:after{background-color:#f8f8f8;} .newsList li:hover .list_title a{color:#a80d0f;} .news_top_title { background: url(/Template/html/Template068/images/top_bg.png) repeat-x; padding: 0px; height: 75px; text-align: center; border-bottom: #f1f1f1 2px solid; margin-bottom: 30px; } .news_top_title h4 { font-size:24px; text-align:center; display:block; padding-bottom:10px} .news_neirong { width: 100%; padding: 0px; margin: 0px auto; font-size: 14px; line-height: 24px; } .news_neirong img { max-width: 820px; } .share { padding-left: 50px; height: 50px; line-height: 50px; font-size: 12px; color: #666; position: relative; margin-top: 20px; border-bottom: #f1f1f1 2px solid; border-top: #f1f1f1 2px solid; } .share span { position: absolute; left: 0px; top: 0px } .news_other { width: 100%; display: block; margin: 0px; padding: 30px 0px; line-height: 28px; color: #666 } .news_other h4 { background: none; height: auto; padding-bottom: 5px; } .news_other li { line-height: 32px; background: url(/Template/html/Template068/images/index_list_icon.jpg) no-repeat left center; padding-left: 15px; } .news_other li span { font-size: 12px; color: #999; margin-left: 30px; } .news_list li{ line-height:20px; padding-bottom:10px; position: relative; background: url(/Template/html/Template068/images/index_list_icon.jpg) no-repeat left 8px; padding-left: 12px; font-size: 14px; } .news_pic { width:320px;} .news_pic li { width:145px; line-height:20px; font-size:14px; height:160px; float:left; margin-right:15px;} .news_pic li p.pic { width:145px; height:90px; overflow:hidden; margin-bottom:10px;} .news_pic li p.pic img {width:100%; height:100%;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .news_pic li:hover p.pic img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; } .news_pic li p.txt { height:40px; overflow: hidden;} .news_video li { height:90px; width:100%; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:#dadada 1px solid;} .news_video li p.pic{ width:145px; height:90px; float:left; display:block; margin-right:15px; overflow:hidden} .news_video li p.pic img { width:100%; height:100%;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .news_video li:hover p.pic img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; } .news_video li p.txt { height:60px; padding-bottom:10px; overflow:hidden} .notice_list li { height: 70px; padding-bottom: 24px; margin-bottom: 24px; position: relative; font-size: 12px; background: #fff; padding: 30px 30px 30px 160px; box-shadow: 0px 1px 3px #ccc; } .notice_list li span { width: 60px; height: 55px; padding: 10px 30px 10px 0px; border-right: #d9d9d9 1px dotted; position: absolute; left: 30px; top: 30px; text-align: left; font-size: 14px; color: #666; line-height: 30px; display: block; } .notice_list li:hover { background: #da251c } .notice_list li:hover span { color: #fbf0ef } .notice_list li span b { font-size: 40px; display: block; font-weight: normal; color: #da251c; } .notice_list li a:hover span b { color:#fff} .notice_list li h4 { font-size: 18px; padding-bottom: 5px; color: #333; } .notice_list li h4{ font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms;-moz-transition:all ease 600ms;-webkit-transition:all ease 600ms } .notice_list li:hover h4{text-indent:12px;transition:all ease 600ms; color:#fff} .notice_list li p { line-height: 20px; font-size: 14px; } .notice_list li:hover p{ color: #fbf0ef } .notice_list li.last { margin-bottom:0px; border:0} .project { width: 1200px; margin: 0 auto 50px auto; position: relative; left: -20px; overflow: hidden; } .project li{ width: 360px; height: 420px; float: left; margin: 0px 20px 40px 20px; line-height: 20px;} .project li a{ display: block; height: 100%; background: #f5f5f5; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; color:#333; } .project li article{ width: 100%; height: 224px; position: relative; overflow: hidden; } .project li article img{height:100%; width:100%; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .project li h4 { font-size: 18px; margin:20px 20px 10px 20px; } .project li p.time { font-size:12px; color:#999;margin:0px 20px 10px 20px;} .project li p.txt { font-size: 14px; line-height: 20px; color: #666; height:40px; overflow: hidden; margin: 0px 20px 20px 20px; display: block; } .project li span.more { margin:0px 0px 0px 20px; padding:10px 35px; font-size:14px;background:#fff; border-radius:20px;} .project li:hover span.more { color:#fff; background:#d22b0e} .project li a:hover { box-shadow:0px 5px 5px #ccc; -moz-box-shadow:0px 5px 5px #ccc; -ms-box-shadow:0px 5px 5px #ccc; -webkit-box-shadow:0px 5px 5px #ddd; background:#fff;} .project li a:hover h4 {color:#bf0000;} .project li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .project li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;} .project li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);} .contact { width: 100%; margin: 0px; padding: 0px; height:560px; padding-top:120px; background: url(/Template/html/Template068/images/con_map.jpg?p=1) no-repeat center top #eee; } .contact ul { width: 460px; padding:40px 30px 20px 30px; background: #fff; border-radius: 20px; box-shadow:2px 5px 5px #ddd; -moz-box-shadow:2px 5px 5px #ddd; -ms-box-shadow:2px 5px 5px #ddd; -webkit-box-shadow:2px 5px 5px #ddd; } .contact ul li { line-height:24px; font-size:14px} .contact ul li p { padding-bottom:20px} .page_numbers{text-align: center;padding-top: 40px;} .page_numbers a.previous_page, .page_numbers a.next_page{ width: 70px; height: 36px; line-height: 36px; color: #888; text-align: center; font-size: 14px; } .page_numbers a{ display: inline-block; height: 36px; line-height: 36px; width: 36px; background: #eee; text-align: center; font-size: 14px; color: #666; } .page_numbers a:hover{ background: #da251c; color: #fff; } .page_numbers a.cur{ background: #da251c; color: #fff; }