.top2 { margin-top: 10px; } .top2 .lang li { border: 0; } .top2 .lang a { color: #666666; border-left: 1px solid #666666; font-size: 12px; position: relative; padding-left: 30px; } .top2 .lang .first { /*width: 178px;*/ } .top2 input[type=text] { width: 0px; height: 19px; margin-right: 5px; border: 0; } .top2 .lang .first:hover input[type=text] { width: 150px; border: 1px solid #959595; } .top2 input.sbt { background: left center no-repeat; width: 21px; height: 16px; } .top2 .lang .first:hover input[type=text] { padding: 0px; } .top2 i { position: absolute; width: 20px; height: 18px; top: -2px; left: 10px; background: left center no-repeat; display: inline-block; } .top2 i.icon_people { background-position: -19px 0; } .top2 i.icon_write { background-position: -39px 0; } .top2 i.icon_l { background-position: -59px 0; } .top2_l ul { padding-top: 22px; display: none; /*width: 90px;*/ top: 0; left: 8px; position: absolute; z-index: 999; } .top2_l ul li { display: block; } .top2 .lang .top2_l ul a { border: 0; padding-left: 0; } .top2 .lang .top2_l ul a:hover { color: #134a9a; } .top2_l:hover ul, .top2_l ul:hover { display: block; } /*banner*/ .top .icon_up { width: 24px; height: 28px; display: inline-block; float: left; cursor: pointer; margin-left: 10px; background: no-repeat; background-position: 0 -28px; } .map:hover { -webkit-animation: mapup .5s linear .2s forwards; -moz-animation: mapup .5s linear .2s forwards; -o-animation: mapup .5s linear .2s forwards; animation: mapup .5s linear .2s forwards; } .top .icon_up.active { background-position: 0 -0; } /*content*/ .news_title { position: relative; } .news_title .more { position: absolute; right: 0; top: 0; color: #999; display: none; } .news_title .more:hover { color: #134a9a; } .news_title li { /*width: 127px;*/ float: left; text-align: center; line-height: 40px; background-color: #134a9a; margin: 2px 0; padding: 0 25px; margin-right: 1px; } .news_title li.hover, .news_title li:hover { margin: 0; border-top: 2px solid #e6212a; border-bottom: 2px solid #e6212a; background-color: #e6212a; } .news_title li.hover .more, .news_title li:hover .more { display: block; } .news_title li a { display: block; color: #ffffff; } .news_title li a h2 { /* font-weight: bold; */ font-size: 18px; } .news { width: 705px; /*height: 250px;*/ float: left; } .top-news { overflow: hidden; padding-bottom: 10px; } .top-news .top-news-pic { float: left; width: 256px; height: 160px; overflow: hidden; } .top-news .top-news-pic a { padding: 0; } .top-news .top-news-pic img { width: 100%; } .top-news .top-news-txt { float: right; width: 424px; height: 143px; position: relative } .top-news .top-news-txt a { background: none; padding: 0 0 15px 0; /* margin: 0; */ } .top-news .top-news-txt a.l, .top-news .top-news-txt span { padding: 0; position: absolute; bottom: 0; line-height: 14px; } .top-news .top-news-txt span { right: 0 } .top-news .top-news-txt a p { font-size: 16px; font-weight: bold; margin: 0; } .top-news .top-news-txt p { margin-bottom: 10px; line-height: 21px; } ul.news-list { /*margin-top: 12px;*/ } ul.news-list li { border-bottom: 1px dashed #c2c2c2; } ul.news-list li a { display: block; overflow: hidden; padding-left: 10px; background: url(/uploads/image/aimages/icon_newlist.png) no-repeat 0 13px; line-height: 30px; } ul.news-list li p { float: left; /* font-weight: bold; */ } ul.news-list li a p:hover { color: #134a9a; } ul.news-list li span, .top-news .top-news-txt span { float: right; color: #808080; /* font-size: 12px; */ } .video_box { width: 352px; } .video { position: relative; } .video_auto { position: absolute; } .video .bg_alpha { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .video_auto { top: 34%; left: 50%; width: 66px; margin-left: -33px; } .video_txt { /* bottom: -40px; */ /* left: 0; */ /* right: 0; */ display: block; /* height: 20px; */ background-color: #134a9a; text-align: center; color: #fff; /* line-height: 1em; */ padding: 10px 0; width: 100%; /* margin-top: -10px; */ } .stock_content, .activity_content, .about_content { height: 254px; overflow: hidden; } .stock { width: 352px; } .activity { width: 705px; } .about { width: 369px; } /*slide2*/ #slide2.slide li { display: list-item; } .slide2-bg { width: 275px; overflow: hidden; height: 100%; } .slide2-bg a>img { width: auto; max-width: 300px; height: 100%; } .slide2-txt { width: 380px; padding: 19px; position: relative; } .slide2-txt a { font-size: 18px; } .slide2-txt p, .slide2-txt span { font-size: 14px; margin-top: 6px; } .slide2-txt span { position: absolute; bottom: 13px; left: 14px; } .about_content li { margin-left: 11px; padding-left: 30px; position: relative; /*background: center left no-repeat;*/ } .about_content i { position: absolute; left: 0; top: 50%; margin-top: -15px; border: 1px solid #134a9a; font-size: 25px; line-height: 12px; padding: 7px 4px; color: #134a9a; } .about_content li a { line-height: 34px; } /*.about_content li:hover a i { padding-right: 77px; }*/ .about_content_thumb { width: 258px; overflow: hidden; vertical-align: middle; } .product_list li { float: left; position: relative; width: 335px; height: 213px; background-color: #134a9a; overflow: hidden; } li.product_list_first { width: 430px; height: 465px; } .product_list li.product_list_first img {} .product_list li p { position: absolute; right: 0; bottom: 0; font-size: 16px; line-height: 36px; background-color: #134a9a; color: #fff; /*padding: 0 17px;*/ z-index: 9; width: 120px; text-align: center; } .product_list li img { width: 100%; } .product_list li a { display: block; } .product_list li a:hover img, .product_list li a.hover img { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } .product_list .product_list_first a:hover p, .product_list .product_list_first a.hover p { bottom: 41%; margin-left: -104px; } .product_list a:hover p, .product_list a.hover p { left: 50%; bottom: 29%; margin-left: -108px; width: 217px; text-align: center; background: none; font-size: 2em; } .product_list_first a.hover p { font-size: 3em; } .product_list a:hover i, .product_list a.hover i { width: 40px; height: 40px; display: block; margin: 0 auto; background: ; background-size: 100%; } .index_menu li { float: left; text-align: center; margin-right: 8px; } .index_menu li a { font-size: 16px; /*font-weight: bold;*/ line-height: 64px; background-color: #134a9a; color: #fff; display: block; position: relative; padding-left: 40px; width: 94px; } .index_menu a i { width: 40px; height: 40px; background: url(/uploads/image/aimages/index_about_icon.png) no-repeat; position: absolute; top: 50%; margin-top: -20px; left: 12px; } .index_menu a .menu1 { background-position: 0 0px; } .index_menu a .menu2 { background-position: -40px 0px; } .index_menu a .menu3 { background-position: -80px 0px; } .index_menu { margin-top: 10px; } .index_menu a:hover { background-color: #e6212a; }