/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; /* CSS Document */ /**全局**/ * { margin: 0px; padding: 0px; } div, form, img, ul, ol, li, dl, dt, dd, map { padding: 0; margin: 0; border: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } body { margin: 0px; padding: 0px; font-size: 14px; color: #313131; font-family: "微软雅黑", Arial, Helvetica, sans-serif, "宋体"; background: #fff url(/skin/images/body_bg.jpg) no-repeat center bottom; } ul, li { list-style: none; } .clear { clear: both; } a { color: #333; text-decoration: none; } a:hover { color: #2764b3; text-decoration: none; } img { border: none; } hr { line-height: 0px; font-size: 0px; border: none; height: 1px; width: 100%; margin: 5px 0px; border-bottom: 1px dotted #ccc; } div { margin: 0px auto; } .f_l { float: left; } .f_r { float: right; } input, select { font-family: arial, Helvetica, sans-serif; padding: 1px; } .blank { width: 100%; height: 10px; clear: both; overflow: hidden; } .blank20 { width: 100%; height: 20px; clear: both; overflow: hidden; } .blank30 { width: 100%; height: 30px; clear: both; overflow: hidden; } .blank38 { width: 100%; height: 30px; clear: both; overflow: hidden; } .mt10 { margin-top: 10px; } .hide { display: none; } .red { color: #f00; } .blue { color: #00f; } .gray { color: #ccc; } .noInfo { width: 100%; float: left; padding: 10px 0; text-align: center; } .input_submit { width: 77px; height: 41px; float: left; background: url(/skin/images/search.png) no-repeat left top; text-align: center; line-height: 41px; color: #fff; border: 0px; cursor: pointer; } .float_bg { background: url(/skin/images/qq_3.gif) repeat-y left top; width: 118px; padding: 2px 0; float: left; } .f_list { width: 100%; float: left; margin: 5px auto; clear: both; } .f_list span { float: left; width: 80px; } .block { width: 1000px; margin: 0 auto; } /*all*/ .main { width: 100%; float: left; padding: 30px 0 0 0; } /*end*/ /**顶部**/ #header { width: 100%; height: 200px; float: left; position: relative; z-index: 9999; background: url(/skin/images/top_bg.jpg) no-repeat center; background-size: cover; background-position: 100% 50%; } #logo { float: left; } #logo img { height: 106px; margin: 47px 0; } #header_right { float: right; } .language { float: right; height: 53px; line-height: 53px; font-size: 16px; color: #fff; margin-top: 57px; background: url(/skin/images/language_li.jpg) no-repeat center; } .language ul { } .language li { display: inline; } .language li a { font-size: 16px; color: #fff; margin: 0 12px; } .language li a:hover { color: #eb9917; } /*end*/ /*search*/ .search_m { display: none; } #search, .search_m { float: right; width: 225px; position: relative; } .search_m { width: 70%; margin: 15px 15%; } #search form { margin: 0; padding: 0px; width: 100%; float: left; } .skw { float: left; width: 100%; height: 30px; line-height: 30px; text-indent: 12px; font-size: 14px; color: #999; background: #fff; border: 0; border-radius: 3px; } .sub { float: left; width: 37px; height: 30px; border: 0px; cursor: pointer; background: url(/skin/images/search.png) no-repeat center; position: absolute; right: 0; top: 0; } /*end*/ /*menu*/ #navigate { float: left; width: 100%; height: 47px; background: #092856; } #navigate ul li { float: left; width: 10%; height: 47px; line-height: 47px; position: relative; z-index: 1000; text-align: center; } #navigate ul li.first_menu { background: none; } #navigate ul li a { display: block; width: 100%; height: 100%; font-size: 18px; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #navigate ul li a:hover, #navigate ul li .current { background: #fcf4e7; color: #694f25; } #nav_bottom { float: left; width: 100%; height: 4px; background: #0064a2; } #navigate ul li ul { width: 100%; display: none; position: absolute; left: 0; top: 47px; padding: 7px 14px 18px 14px; background: #0064a2; z-index: 9999; } #navigate ul li ul li { width: 100%; float: none; border-bottom: 1px dashed #6ab0dc; background: none; height: 35px; line-height: 35px; overflow: hidden; } #navigate ul li ul li a { width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #fff; font-weight: normal; background: none; } #navigate ul li ul li a:hover { background: none; color: #eb9917; } /*end*/ /*mobile menu*/ .navbar-toggle { margin: 25px 0px 0 0; } .navbar-toggle .icon-bar { background-color: #fff; } .mobile_nav { display: none; background: #eb9917; position: absolute; width: 100%; z-index: 9999; } .mobile_nav ul { margin: 0px; padding: 0px; list-style-type: none; } .mobile_nav li { margin: 0px; padding: 0px; list-style-type: none; border-bottom: 1px solid #fff; position: relative; float: left; width: 50%; text-align: center; } .mobile_nav ul li a { padding-left: 10px; color: #fff; display: block; font-size: 14px; height: 38px; line-height: 38px; font-weight: bold; } .mobile_nav ul li a:hover, .mobile_nav ul li a:active { background: #fcf4e7; color: #694f25; } .mobile_nav ul ul { margin: 0; padding: 0 10px 10px 10px; display: none; } .mobile_nav ul ul li { border-bottom: none; margin: 0; padding: 0; width: 100%; } .mobile_nav ul ul li a { padding: 0; padding-left: 5px; font-size: 14px; font-weight: normal; height: 38px; line-height: 38px; } .mobile_nav ul li a img { height: 25px; } .mobile_nav ul li i { position: absolute; top: 12px; right: 5px; display: block; width: 13px; height: 13px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: contain; } .mobile_nav ul li i.touch-arrow-down { background-image: url(/skin/images/touch-arrow-d.png); } .mobile_nav ul li i.touch-arrow-up { background-image: url(/skin/images/touch-arrow-u.png); } /*flash*/ #banner { width: 100%; float: left; } #banner img { width: 100%; height: auto; } #flash { width: 100%; float: left; } .slideBox { position: relative; overflow: hidden; background: #000; } .slideBox .bd { position: relative; z-index: 0; margin: 0 auto; } .slideBox .bd li { position: relative; text-align: center; height: 445px; } .slideBox .bd li img { width: 100%; } .slideBox .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 12px; line-height: 12px; } .slideBox .hd ul { text-align: center; } .slideBox .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 12px; height: 12px; margin: 0 5px; overflow: hidden; background: #fff;/*filter:alpha(opacity=80);opacity:0.8;*/ line-height: 999px; border-radius: 50%; } .slideBox .hd ul .on { background: #2764b3; } /* .slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(/skin/images/left.png) no-repeat left top; cursor:pointer;} .slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(/skin/images/right.png) no-repeat left top; cursor:pointer;} */ /*end*/ /* 综合新闻 */ #ibox { float: left; width: 100%; margin: 40px 0 0 0; } #ibox1 { float: left; width: 855px; } .home_top { float: left; width: 100%; height: 50px; background: url(/skin/images/home_top.jpg) repeat-x left bottom; } .home_top h3 { float: left; line-height: 50px; font-size: 24px; color: #2764b3; margin-left: 13px; } .home_top a { float: right; display: block; width: 55px; height: 20px; background: url(/skin/images/home_more.jpg) no-repeat center; margin: 15px 8px 0 0; } .ibox1_con { float: left; width: 100%; margin-top: 12px; overflow: hidden; } #ad { float: left; width: 400px; position: relative; } #ad .slideBox .bd li { height: 350px; } #ad .slideBox .hd ul li { display: none; } #ad .ad_title { width: 100%; height: 48px; line-height: 48px; font-size: 14px; color: #fff; background: rgba(0,0,0,0.8); padding: 0 58px 0 16px; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: left; } #ad .slideBox .prev { position: absolute; right: 34px; bottom: 16px; display: block; width: 11px; height: 12px; background: url(/skin/images/left.png) no-repeat left top; cursor: pointer; z-index: 3; } #ad .slideBox .next { position: absolute; right: 13px; bottom: 16px; display: block; width: 11px; height: 12px; background: url(/skin/images/right.png) no-repeat left top; cursor: pointer; z-index: 3; } #ad .ad_title:hover { text-decoration: underline; } #ibox1_right { float: right; width: 438px; } .ibox1_item { float: left; width: 100%; padding: 8px 0 9px 0; border-bottom: 1px dashed #dcdcdc; } .ibox1_item_title { float: left; width: 100%; height: 25px; line-height: 25px; overflow: hidden; } .ibox1_item_title a { font-size: 16px; color: #313131; } .ibox1_item_des { float: left; width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #666; overflow: hidden; margin-top: 5px; } .ibox1_item_time { float: left; width: 100%; height: 24px; line-height: 24px; font-size: 12px; color: #999; } .ibox1_item:nth-child(1) { padding-top: 0; } .ibox1_item:hover .ibox1_item_title a { color: #2764b3; text-decoration: underline; } /* 通知公告 */ #ibox2 { float: right; width: 295px; } .ibox2_top { float: left; width: 100%; height: 49px; background: #2764b3 url(/skin/images/ibox2_top1.jpg) no-repeat left center; background-size: contain; } .ibox2_top h3 { float: left; line-height: 49px; font-size: 24px; color: #fff; padding-left: 12px; } .ibox2_top a { float: right; line-height: 49px; font-size: 14px; color: #fff; padding-right: 45px; background: url(/skin/images/ibox2_top2.jpg) no-repeat right center; } .ibox2_top a:hover { color: #ec9917; } .ibox2_con { float: left; width: 100%; margin-top: 4px; } .ibox2_item { float: left; width: 100%; padding: 10px 0 7px 0; border-bottom: 1px dashed #dcdcdc; } .ibox2_item_time { float: left; width: 60px; height: 69px; background: #eeeeee; color: #8e8e8e; overflow: hidden; text-align: center; } .ibox2_item_time h3 { float: left; width: 100%; height: 50px; line-height: 50px; font-size: 32px; } .ibox2_item_time span { float: left; width: 100%; height: 12px; line-height: 12px; font-size: 12px; } .ibox2_item_right { float: right; width: 226px; } .ibox2_item_title { float: left; width: 100%; height: 16px; line-height: 16px; overflow: hidden; } .ibox2_item_title a { font-size: 16px; color: #313131; } .ibox2_item_des { float: left; width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #8e8e8e; margin-top: 8px; padding-right: 2px; overflow: hidden; } .ibox2_item:hover .ibox2_item_title a { color: #2764b3; text-decoration: underline; } /* 科研动态 */ #research { float: left; width: 100%; padding: 35px 0 0 0; } .research_row { margin-left: -15px; margin-right: -15px; } .news_box { float: left; width: 50%; padding: 0 15px; } .news_top { } .news_top h3 { margin-left: 0; } .news_top a { background: url(/skin/images/news_more.jpg) no-repeat center; margin: 15px 0 0 0; } .news_con { float: left; width: 100%; } .news_item { float: left; width: 100%; margin: 16px 0 0 0; } .news_item_img { float: left; width: 27.8%; height: 110px; background-size: cover; background-position: 50% 50%; } .news_item_right { float: right; width: 70.2%; padding: 0 10px 8px 0; border-bottom: 1px dashed #dcdcdc; } .news_item_title { float: left; width: 100%; height: 25px; line-height: 25px; font-size: 16px; color: #2764b3; overflow: hidden; padding-right: 10px; } .news_item_des { float: left; width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #666666; overflow: hidden; margin-top: 3px; } .news_item_time { float: left; width: 100%; height: 24px; line-height: 24px; font-size: 12px; color: #999; } .news_item:hover .news_item_title { text-decoration: underline; } /* 友情链接 */ #link { float: left; width: 100%; padding: 50px 0 0 0; } .link_box { float: left; width: 100%; min-height: 160px; background: url(/skin/images/link_bg.jpg) no-repeat center bottom; background-size: cover; background-position: 50% 50%; position: relative; box-shadow: 1px 2px 7px #a3b79e; } .link_top { width: 140px; height: 165px; background-repeat: no-repeat; position: absolute; left: 0; top: -2px; } .link_con { float: left; width: 100%; padding: 0 0 0 165px; } .link_item { float: left; width: 70%; font-size: 14px; color: #666; line-height: 30px; padding: 18px 0; background: url(/skin/images/link_item.jpg) no-repeat right center; } .link_item a { font-size: 14px; color: #666; } .link_item span { float: left; width: 23%; clear: both; } .link_item ul { float: left; list-style-type: none; width: 77%; } .link_item ul li { float: left; list-style-type: none; } .link_item ul li a { margin: 0 5px; } .link_item ul li a:hover { color: #2764b3; } .link_item ul li span { width: 2px; height: 30px; background: url(/skin/images/link_item_li.jpg) no-repeat center; } .link_right { float: left; width: 30%; padding: 18px 0; } #tel { float: left; font-size: 24px; color: #666; height: 60px; line-height: 60px; padding-right: 48px; padding-left: 25px; } #tel span { font-size: 30px; color: #2764b3; line-height: 40px; font-weight: bold; display: block; } #search2 { float: right; padding-right: 25px; } #search2 .skw2 { float: left; width: 298px; height: 40px; line-height: 40px; border: 1px solid #dcdcdc; box-shadow: inset 0 0 2px #ededed; font-size: 14px; color: #999; text-indent: 14px; background: #f6f6f6; } #search2 .sub2 { float: left; width: 47px; height: 40px; background: #e29010 url(/skin/images/search2.jpg) no-repeat center; margin-left: 9px; border: 0; } /* footer */ #footer { float: left; width: 100%; padding: 15px 0; background: #2764b3; font-size: 14px; line-height: 30px; color: #fff; text-align: center; } #footer a { color: #fff; } #copy_txt { float: left; width: 100%; } #LeftButton { width: 24px; height: 42px; display: block; background: url(/skin/images/left.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 55px; } #RightButton { width: 24px; height: 42px; display: block; background: url(/skin/images/right.png) no-repeat 0px 0px; position: absolute; left: 736px; top: 55px; } #MarqueeDiv { width: 692px; float: left; height: 152px; overflow: hidden; margin: 0 0 0 34px; display: inline; } #MarqueeDiv img { margin-right: 10px; height: 150px; width: 150px; } /*end*/ /*left*/ #left { width: 240px; float: left; } .left_list { width: 100%; float: left; box-shadow: 0px 0px 5px #ccc; } .left_top { width: 100%; height: 60px; line-height: 60px; float: left; background: #2764b3; } .left_top h3 { float: left; line-height: 60px; font-size: 22px; font-family: "微软雅黑"; color: #FFF; padding-left: 22px; } .left_con { padding: 0px; line-height: 24px; width: 100%; background: #fff; float: left; border: 1px solid #e5e5e5; border-top: none; } .type_list { width: 100%; float: left; } .type_list ul { margin: 0px; padding: 0px; list-style-type: none; } .type_list li { margin: 0px; padding: 0px; list-style-type: none; height: 43px; line-height: 43px; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .type_list li a { color: #333; background: url(/skin/images/left_0.png) no-repeat right center; font-size: 14px; display: block; margin: 0 22px; height: 43px; } .type_list li a:hover { color: #2764b3; background: url(/skin/images/left_1.png) no-repeat right center; } .type_list li a.current { color: #2764b3; background: url(/skin/images/left_1.png) no-repeat right center; } .type_list li.second_cat { } .type_list li.second_cat a { background: url(/skin/images/left_2.png) no-repeat left center; padding: 0 10px; } .type_list li.second_cat a:hover { background: url(/skin/images/left_4.png) no-repeat left center; } .type_list li.second_cat a.current { background: url(/skin/images/left_4.png) no-repeat left center; } .type_list2 li a { margin: 0 22px 0 12px; background: url(/skin/images/left_2.png) no-repeat left center; text-indent: 10px; } .type_list2 li a:hover { color: #2764b3; background: url(/skin/images/left_4.png) no-repeat left center; } /*end*/ /*right*/ #right { width: 880px; float: right; } #right_top { width: 100%; height: 50px; line-height: 50px; float: left; background: url(/skin/images/home_top.jpg) repeat-x left bottom; background-size: contain; } #right_top h3 { float: left; line-height: 50px; font-size: 24px; color: #2764b3; margin-left: 13px; } #right_top h3 a { color: #2764b3; } #right_top span { float: right; } #right_top span li { display: inline-block; margin: 0 3px; color: #999; } #right_top span li a { color: #999; } #right_con { width: 100%; float: left; padding: 10px 0 0 0; line-height: 200%;/*overflow-x:hidden;*/ min-height: 300px; height: auto !important; height: 300px; } #right_con img { max-width: 100%; height: auto; } /*end*/ /*demo*/ #demo { overflow: hidden; width: 900px; height: 145px; margin: 35px 0 0 10px; float: left; display: inline; } #cdemo { overflow: hidden; width: 900px; } #demo img { } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } /*end*/ /*news*/ .art_list { width: 100%; float: left; padding: 15px 0; border-bottom: 1px dashed #e5e5e5; cursor: pointer; } .art_img { float: left; width: 25%; } .art_img img { width: 100%; border: 1px solid #dcdcdc; } .art_right { float: right; width: 73%; } .art_right2 { width: 100% !important; } .art_title { width: 100%; height: 40px; line-height: 40px; font-size: 18px; overflow: hidden; } .art_title a { text-decoration: underline; } .art_author { width: 100%; height: 20px; line-height: 20px; color: #999; font-size: 14px; } .art_author span { margin: 0 10px 0 0; } .art_des { color: #666; line-height: 25px; max-height: 50px; overflow: hidden; margin: 5px 0; } .art_right2 .article_more { display: block; } .article_more { margin: 20px 0 0 0; display: none; } .article_more a { width: 120px; height: 40px; line-height: 40px; float: right; } .article_more a p { line-height: 40px; } .art_list:hover { border-bottom: 1px dashed #2764b3; } .art_list:hover .art_title a { color: #2764b3; } .art_list:last-child { border-bottom: 0; } .news_left { float: left; width: 76%; } .news_right { float: right; width: 21%; } .news_right a { display: block; margin: 15px 0; } .news_right img { width: 100%; height: auto; } .articleList { width: 100%; float: left; } .articleList ul { margin: 0px; padding: 0px; list-style-type: none; } .articleList li { margin: 0px; padding: 0 0 0 10px; list-style-type: none; border-bottom: 1px dotted #ccc; background: url(/skin/images/li_0.png) no-repeat left center; line-height: 35px; height: 35px; overflow: hidden; } .time { float: right; } .articleTitle { font-weight: bold; font-size: 18px; text-align: center; margin-top: 15px; } .articleAuthor { text-align: center; padding: 7px 0px; border-bottom: 1px dotted #ccc; } .articleAuthor span { margin: 0px 6px; font-size: 9pt; } .articleInfo { width: 100%; padding: 10px 0; line-height: 200%; } .articleInfo img { max-width: 100%; } .pageUpDown { padding-top: 10px; text-align: left; line-height: 30px; } /*end*/ /*Product*/ .productList {/*width:100%;float:left;*/ } .pro_list { text-align: center; margin: 10px auto; } .pro_img { width: 100%; overflow: hidden; } .pro_img a { width: 100%; } .pro_img img { width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .pro_title { width: 100%; height: 25px; line-height: 25px; overflow: hidden; } .pro_list:hover .pro_title a { color: #2764b3; } .pro_list:hover .pro_img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .productRight { float: right; width: 53%; } .productTitle { line-height: 55px; font-weight: bold; font-size: 18px; } .productImg { width: 45%; text-align: center; float: left; margin: 10px auto; } .productImg img { max-width: 100%; } .productBuy { width: 100%; text-align: center; float: left; margin: 10px auto; } .productBuy a { margin: 0 10px; } .title { width: 100%; float: left; margin: 10px 0 0 0; border-bottom: 1px dotted #ccc; line-height: 25px; } .title span { font-size: 14px; font-weight: bold; } .productDesc { line-height: 200%; padding: 10px 0; width: 100%; float: left; } /*end*/ /*page*/ .pages { font-size: 12px; text-align: center; padding: 10px 0px 10px 0px; } .pages li { display: inline-block; border: solid 1px #b1b0b0; border-radius: 4px; margin: 0 3px; } .pages a { color: #313131; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; } .pages a:hover { background: #2764b3; color: #fff; } .pages li.active a { background: #2764b3; color: #fff; } .pages select { vertical-align: middle; font-size: 8pt; padding: 0px; } .pages b { font-weight: normal; } /*end*/ /*feedback*/ .f_list { width: 100%; float: left; margin: 5px auto; clear: both; } .f_list .fl_l { float: left; width: 20%; text-align: right; } .f_list .fl_r { float: left; width: 80%; } .input_text { width: 90%; border: 1px solid #ccc; line-height: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .w100 { width: 100px; } /*end */ @media screen and (min-width: 1210px) { .container { width: 1210px; } } @media screen and (max-width: 1210px) { #header { height: auto; } #logo img { height: 70px; margin: 30px 0; } .language { margin-top: 17px; } #navigate ul li a { font-size: 16px; } .slideBox .bd li { height: 400px; } #ibox1 { width: 73%; } #ibox2 { width: 25%; } #ad { width: 45%; } #ibox1_right { width: 53%; } .ibox2_item_time { width: 20.3%; } .ibox2_item_right { width: 78%; } .home_top h3, .ibox2_top h3 { font-size: 20px; } #ad .slideBox .bd li { height: 300px; } #link { display: none; } #right_top { background-size: initial; } #right_top h3 { font-size: 20px; } } @media screen and (max-width: 1200px) { #right { width: 680px; } } @media screen and (max-width: 992px) { #logo img { height: 45px; margin: 30px 0; } #navigate ul li a { font-size: 14px; } .language { margin-top: 3px; } .language li a { font-size: 14px; } .slideBox .bd li { height: 300px; } #ibox1, #ibox2 { width: 100%; } #ibox1_right { margin-bottom: 15px; } .ibox2_item_time { width: 12%; } .ibox2_item_right { width: 86%; } .news_box { width: 100%; } #left { width: 100%; } #right { width: 100%; } #right_con { min-height: auto; } .left_list2 { display: none; } } @media screen and (max-width: 760px) { #logo img { height: 45px; margin: 15px 0; } #navigate { display: none; } .mobile_nav { display: block; } .language { display: none; } .slideBox .bd li { height: 250px; } #search { display: none; } #ad { width: 100%; } #adBox { background: #fff; } #adBox .bd { width: 80%; margin: 0 auto; } #ad .ad_title { text-align: center; padding: 0 16px; } #ad .slideBox .prev { left: 0; top: 50%; margin-top: -17px; width: 30px; height: 37px; background: url(/skin/images/left2.png) no-repeat left top; background-size: contain; } #ad .slideBox .next { right: 0; top: 50%; margin-top: -17px; width: 30px; height: 37px; background: url(/skin/images/right2.png) no-repeat left top; background-size: contain; } #ibox1_right { width: 100%; margin: 20px 0; } #ibox { margin: 20px 0 0 0; } #research { padding: 20px 0 0 0; } .news_box:nth-child(2) { margin-top: 20px; } .art_author { display: none; } .art_title { height: 30px; line-height: 30px; } .search_m { display: block; } } @media screen and (max-width: 480px) { .slideBox .bd li { height: 200px; } .ibox2_item_time { width: 20.3%; } .ibox2_item_right { width: 78%; } #ad .slideBox .bd li { height: 250px; } #logo img { height: 40px; margin: 15px 0; } .news_item_img { height: 85px; } .news_item_time { display: none; } .pro_list { padding: 0 8px; } .pro_row { margin-left: -8px; margin-right: -8px; } .left_top { height: 50px; line-height: 50px; } .left_top h3 { line-height: 50px; font-size: 18px; } .type_list li { height: 35px; line-height: 35px; } .type_list li a { height: 35px; } .main { padding: 20px 0; } .blank30 { height: 20px; } .articleTitle { font-size: 16px; margin-top: 5px; } .articleAuthor { padding: 0; } .productRight { width: 100%; text-align: center; } .productDes { display: none; } .productImg { width: 100%; } .productTitle { line-height: 35px; } .art_title { height: 25px; line-height: 25px; font-size: 16px; } .art_des { line-height: 20px; max-height: 40px; } .art_right { width: 67%; } .art_img { width: 30%; } } @media screen and (max-width: 400px) { #logo img { height: 35px; } .navbar-toggle { margin: 17px 0 0 0; } .slideBox .bd li { height: 160px; } } @media screen and (max-width: 321px) { #logo img { height: 30px; } .navbar-toggle { margin: 13px 0 0 0; } .slideBox .bd li { height: 120px; } #ad .slideBox .bd li { height: 200px; } } /* FILE ARCHIVED ON 01:32:13 Aug 30, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:08:19 Mar 22, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.599 exclusion.robots: 0.045 exclusion.robots.policy: 0.034 esindex: 0.012 cdx.remote: 17.091 LoadShardBlock: 213.664 (3) PetaboxLoader3.datanode: 172.165 (4) PetaboxLoader3.resolve: 294.295 (2) load_resource: 359.798 */