@charset "utf-8"; body { font: 12px "microsoft yahei", "songti", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; overflow-x: hidden; } ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0px; padding: 0px; border: none; list-style: none; font-weight: normal; } a { text-decoration: none; color: #606060; } input { font-family: "microsoft yahei"; border: none; } .transtion { transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } img { border: none; vertical-align: middle; } input, textarea, select { appearance: none; -moz-appearance: none; -webkit-appearance: none; } .clear { clear: both; content: ""; height: 0; float: none; } @font-face { font-family: 'MSYHL'; src: url('MSYHL.TTC'); } @font-face { font-family: 'BAHNSCHRIFT'; src: url('BAHNSCHRIFT.TTF'); } @font-face { font-family: 'PINGFANG'; src: url('PINGFANG MEDIUM.TTF'); } @font-face { font-family: 'PHAGSPA'; src: url('PHAGSPA.TTF'); } .container { width: 1200px; margin: 0 auto; position: relative; } .top { height: 42px; line-height: 42px; background-color: #f5f5f5; } .top h3 { float: left; font-size: 14px; color: #666; } .top .right { float: right; font-size: 14px; color: #666; height: 42px; } .top .right .scanf { display: inline-block; margin-right: 20px; cursor: pointer; } .top .right .scanf dt { width: 16px; height: 42px; background: url(scanf_icon.png) no-repeat center center; position: relative; float: left; margin-right: 10px; } .top .right .scanf dt .shop { visibility: hidden; width: 125px; height: 125px; border: 1px solid #fff; background: white; text-align: center; border-radius: 5px; position: absolute; z-index: 1; top: 10px; left: -120px; opacity: 0; transition: all 0.7s; } .top .right .scanf dt .shop::after { content: ""; position: absolute; top: 5%; right: 0%; margin-right: -15px; border-width: 7px; border-style: solid; border-color: transparent transparent transparent #fff; } .top .right .scanf:hover .shop { visibility: visible; opacity: 1; left: -140px; } .top .right .scanf dd { font-size: 14px; color: #666; float: right; width: 60px; } .top .right p { float: right; font-size: 14px; color: #666; height: 42px; } .top .right p img { max-width: 16px; margin-right: 8px; } .head { height: 100px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: white; } .head a { display: block; float: left; line-height: 100px; } .head .right { float: right; } .search { border: 1px solid #0e76b8; float: left; margin: 31px 0; } .search #keyword { width: 288px; height: 34px; padding-left: 10px; box-sizing: border-box; } .search .searchBtn { width: 56px; height: 36px; line-height: 36px; text-align: center; color: white; background-color: #0e76b8; float: right; } .head .tel_lang { float: left; margin-left: 30px; } .head .tel_lang h3 { color: #0e76b8; font-size: 26px; font-family: BAHNSCHRIFT; margin: 20px 0 5px; } .head .tel_lang h3 span { color: #ccc; } .head .tel_lang h3 img {} .head .tel_lang p { float: right; } .head .tel_lang p a { display: block; line-height: 20px; float: left; font-size: 14px; } .head .tel_lang p img { margin-left: 10px; } .nav { width: 100%; height: 50px; background-color: white; } .nav>ul { width: 1200px; margin: 0 auto; } .nav>ul>li { float: left; margin-right: 46px; /* position: relative; */ } .nav>ul>li:last-child { margin-right: 0px; } .nav>ul>li>a { font-size: 14px; display: block; line-height: 48px; text-align: center; border-top: 2px solid #fff; width: 132px; position: relative; } .nav>ul>li>a.on { border-top: 2px solid #0e76b8; color: #0e76b8; } .nav>ul>li>a:hover { border-top: 2px solid #0e76b8; color: #0e76b8; } .nav>ul>li:hover>a:before { position: absolute; left: 0; right: 0; bottom: 4px; width: 32px; content: ""; height: 2px; background: #fff; margin: auto; } .nav>ul>li>ul { /* position: absolute;left: 0;width: 100%;z-index: 2;background-color: #0e76b8; */ text-align: center; } /*.nav>ul>li>ul:before{content:"";position: absolute;top: -30px;right: 0;width: 10px;height: 10px;background: url(down_icon.png) center right no-repeat;} */ .nav>ul>li ul li { /* height: 40px; border-bottom: 1px solid #ccc;*/ position: relative; display: inline-block; } .nav>ul>li ul li:last-child { border: none; } .nav>ul>li ul li a { font-size: 14px; color: #fff; /* line-height: 40px; */ display: block; text-align: center; padding: 6px 0; text-align: left; line-height: initial; font-weight: bold; } /* .nav>ul>li ul li a:hover{font-weight: bold;} */ .nav>ul>li>ul li ul { background-color: #0e76b8; display: block !important; position: relative; width: auto; padding: 0; border: none; margin-top: 5px; } .nav>ul>li>ul li ul li { float: none; display: block; border: none; margin: 0; } .nav>ul>li>ul li ul li a { font-weight: normal; opacity: 0.6; } .nav>ul>li>ul li ul li a:hover { opacity: 1; text-decoration: underline; } .banner { height: 330px; overflow: hidden; position: relative; width: 100%; background-color: #f3f8fc; } .banner .hd { width: 100%; height: 42px; overflow: hidden; position: absolute; bottom: 0; z-index: 1; background-color: rgba(124, 143, 151, .5); } .banner .hd ul { overflow: hidden; zoom: 1; width: 1200px; margin: 0 auto; } .banner .hd ul li { float: left; width: 20%; height: 42px; line-height: 42px; text-align: center; background: url(shuxian.png) no-repeat center right; } .banner .hd ul li a { color: white; font-size: 15px; } .banner .hd ul li:last-child { background-image: none; } .banner .hd ul li.on { background: #0e76b8; } .banner .hd ul li:hover { background: #0e76b8; } .banner .bd { width: 100%; position: relative; height: 100%; z-index: 0; } .banner .bd li { zoom: 1; vertical-align: middle; } .banner .bd li a { display: block; height: 330px; width: 100%; } .banner .bd img { display: block; width: 100%; height: 100%; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .banner .prev, .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: none; width: 40px; height: 40px; background: url(prev.png) no-repeat center center #fff; filter: alpha(opacity=50); opacity: 0.5; border-radius: 50%; } .banner .next { left: auto; right: 3%; background: url(next.png) no-repeat center center #fff; } .banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; } .banner .prevStop { display: none; } .banner .nextStop { display: none; } .notify { margin: 10px auto; width: 1200px; height: 54px; background: url(notify_icon.png) no-repeat 20px center #fff; padding: 0 0px 0 60px; box-sizing: border-box; } .notify h3 { color: #0e76b8; font-size: 18px; float: left; line-height: 54px; } .notify .bd { padding: 15px; float: left; width: 1033px; line-height: 24px; } .notify .infoList li { height: 24px; line-height: 24px; } .notify .infoList li a { font-size: 16px; color: #333; } .notify .infoList li .date { float: right; color: #999; } .notify .infoList li a:hover { color: #0e76b8; } .title { width: 100%; border-bottom: 1px solid #c2e3e6; height: 45px; padding-top: 14px; } .title .title_name { float: left; width: 137px; height: 45px; background: url(title_bg.png) no-repeat center center; color: white; line-height: 45px; text-align: center; font-size: 18px; font-weight: bold; } .title a.more { height: 45px; display: block; width: 8px; float: right; background: url(more_bg.png) no-repeat center center; } .content { padding: 20px 0px 20px 20px; } .product_news { width: 1200px; margin: 0 auto 10px; height: 450px; } .product { width: 740px; float: left; background-color: white; height: 450px; box-sizing: border-box; padding-right: 20px; } .product .content dl { float: left; width: 50%; box-sizing: border-box; margin-bottom: 40px; } .product .content dl dt { width: 140px; height: 140px; line-height: 140px; text-align: center; float: left; } .product .content dl dt img { max-width: 100%; max-height: 100%; } .product .content dl dd { float: right; margin-left: 15px; box-sizing: border-box; width: 190px; padding-right: 20px; } .product .content dl dd h3 { margin-bottom: 10px; } .product .content dl dd h3 a { font-size: 18px; font-weight: bold; color: #0e76b8; display: block; } .product .content dl dd .classlist { width: 170px; height: 100px; overflow: hidden; } .product .content dl dd .classlist ul {} /* .product .content dl:nth-child(4) dd{padding:0;} .product .content dl:nth-child(4) dd .classlist{width: 190px;} .product .content dl:nth-child(4) dd .classlist ul li{width: 100px;float: left;} .product .content dl:nth-child(4) dd .classlist ul li:nth-child(2){width: 70px;margin-left: 20px;} .product .content dl:nth-child(4) dd .classlist ul li:nth-child(4){width: 70px;margin-left: 20px;} .product .content dl:nth-child(4) dd .classlist ul li:nth-child(6){width: 70px;margin-left: 20px;} */ .product .content dl dd .classlist ul li a { display: block; font-size: 14px; color: #666; line-height: 24px; } .product .content dl dd .classlist ul li a:hover { color: #0e76b8; } .news { width: 450px; height: 450px; background-color: white; float: right; box-sizing: border-box; padding-right: 20px; } .news .content dl { height: 100px; } .news .content dl a { display: block; } .news .content dl a dt { float: left; width: 140px; height: 100px; } .news .content dl a dt img { max-width: 100%; max-height: 100%; } .news .content dl a dd { width: 260px; float: right; } .news .content dl a dd p { font-size: 14px; color: #666; line-height: 24px; } .news .content dl a dd span { font-size: 14px; color: #999; float: right; line-height: 24px; margin-top: 20px; } .news .content ul { margin-top: 10px; } .news .content ul li { height: 30px; } .news .content ul li a { display: block; color: #666; font-size: 14px; float: left; line-height: 30px; } .news .content ul li span { color: #999; float: right; font-size: 14px; display: block; line-height: 30px; } .news .content dl:hover a dd p { color: #0e76b8; } .news .content ul li:hover a { color: #0e76b8; } .hot { width: 1200px; height: 317px; margin: 0 auto 20px; background-color: white; box-sizing: border-box; padding-right: 20px; } .hot .content { overflow: hidden; position: relative; margin-left: 20px; } .hot .content .bd { margin: 0 15px; } .hot .content .bd ul {} .hot .content .bd ul li { width: 264px; height: 206px; line-height: 206px; text-align: center; overflow: hidden; position: relative; margin-right: 13px; } .hot .content .bd ul li>img { max-height: 100%; max-width: 100%; } .hot .content .bd ul li .con { height: 238px; position: absolute; width: 264px; top: 174px; transition: all 0.5s; } .hot .content .bd ul li .con>p { height: 32px; background-color: #ccd8e3; width: 100%; overflow: hidden; line-height: 32px; color: #333; text-align: center; font-size: 14px; } .hot .content .bd ul li .con .text { display: block; box-sizing: border-box; padding: 20px; background-color: rgba(0, 140, 153, .5); width: 264px; height: 206px; } .hot .content .bd ul li .con .text h3 { line-height: 30px; color: #fff; text-align: left; font-size: 18px; margin-bottom: 10px; } .hot .content .bd ul li .con .text p { color: white; font-size: 14px; line-height: 30px; text-align: left; } .hot .content .bd ul li .con .text span { float: right; display: block; margin-top: 10px; color: white; line-height: 30px; } .hot .content .bd ul li .con .text span img { margin-left: 10px; } .hot .content .bd ul li:hover .con { top: -32px; } .hot .content .hd {} .hot .content .hd .prev, .hot .content .hd .next { position: absolute; top: 50%; left: 0; margin-top: -12px; display: block; width: 12px; height: 24px; float: right; overflow: hidden; cursor: pointer; background: url(prev2.png) no-repeat center center; } .hot .content .hd .next { background: url(next2.png) no-repeat center center; right: 0; left: inherit; } .foot { /* height: 330px; */ background-color: #0e76b8; } .foot .foot_top { width: 100%; /* height: 285px; */ border-bottom: 1px solid #33a3ad; overflow: hidden; } .foot .foot_top_left { float: left; width: 700px; background: url(shuxian2.png) no-repeat center right; } .foot .foot_top_left .foot_nav {} .foot .foot_top_left .foot_nav ul {} .foot .foot_top_left .foot_nav ul li { float: left; width: 116px; } .foot .foot_top_left .foot_nav ul li a { color: white; font-size: 14px; font-weight: bold; display: block; line-height: 70px; } .foot .foot_top_left .foot_nav ul li:hover a { text-decoration: underline; } .foot .foot_top_left .childclass_list {} .foot .foot_top_left .childclass_list .childclass { float: left; width: 116px; } .foot .foot_top_left .childclass_list .childclass ul {} .foot .foot_top_left .childclass_list .childclass ul li {} .foot .foot_top_left .childclass_list .childclass ul li a { display: block; font-size: 14px; color: white; line-height: 28px; width: 82%; } .foot .foot_top_left .childclass_list .childclass ul li:hover a { text-decoration: underline; } .foot .foot_top_right { float: right; width: 500px; } .foot .foot_top_right .foot_top_right_top { height: 200px; } .foot .foot_top_right .foot_scanf { width: 250px; float: left; padding-left: 55px; box-sizing: border-box; } .foot .foot_top_right .foot_scanf dd { color: white; font-size: 14px; font-weight: bold; display: block; line-height: 70px; } .foot .foot_top_right .foot_scanf dt { width: 120px; height: 120px; line-height: 120px; text-align: center; } .foot .foot_top_right .foot_scanf dt img { max-height: 100%; max-width: 100%; } .foot .foot_top_right .foot_server { width: 250px; float: left; } .foot .foot_top_right .foot_server dd { color: white; font-size: 14px; font-weight: bold; display: block; line-height: 70px; } .foot .foot_top_right .foot_server h3 { font-size: 36px; color: white; line-height: 40px; margin-bottom: 10px; } .foot .foot_top_right .foot_server p { font-size: 14px; color: white; line-height: 24px; margin-bottom: 10px; } .foot .foot_top_right .foot_server a { width: 124px; height: 30px; border: 1px solid white; line-height: 30px; text-align: center; display: block; color: white; padding: 0 20px; box-sizing: border-box; transition: all 0.3s; } .foot .foot_top_right .foot_server a dt { margin-right: 5px; width: 19px; height: 30px; background: url('css_sprites.png') -10px center no-repeat; float: left; } .foot .foot_top_right .foot_server a dd { font-size: 14px; color: white; float: left; line-height: 30px; } .foot .foot_top_right .foot_server a:hover dt { background: url('css_sprites.png') -49px center no-repeat; } .foot .foot_top_right .foot_server a:hover dd { color: #0e76b8; } .foot .foot_top_right .foot_server a:hover { background: #fff; } .foot .foot_top_right .foot_top_right_bottom { /* height: 85px; */ padding: 10px 0 10px 55px; box-sizing: border-box; } .foot .foot_top_right .foot_top_right_bottom p { font-size: 14px; color: white; line-height: 24px; float: left; font-weight: bold; } .foot_top_right_bottom ul { display: inline-block; } .foot_top_right_bottom ul li { float: left; margin-right: 30px; } .foot_top_right_bottom ul li a { display: block; font-size: 14px; color: white; line-height: 24px; } .foot_top_right_bottom ul li a:hover { text-decoration: underline; } .foot .foot_bottom { overflow: hidden; } .foot .foot_bottom h3 { float: left; line-height: 43px; font-size: 14px; color: white; text-align: left; } .foot .foot_bottom h3 a { color: #fff; } .foot .foot_bottom p { float: right; line-height: 43px; font-size: 14px; color: white; text-align: right; } .foot .foot_bottom p a { font-size: 14px; color: white; } /*innerPage*/ .inBanner { height: auto; } .inBanner img { max-width: 100%; max-height: 100%; } /*小导航和当前位置*/ .catalog_local { height: 50px; line-height: 50px; } .catalog_local .catalog { background-color: #f0f0f0; width: 58.33%; float: left; height: 50px; } .catalog_local .catalog .catalog_con { width: 760px; float: right; } .catalog_local .catalog .catalog_con ul {} .catalog_local .catalog .catalog_con ul li { float: left; } .catalog_local .catalog .catalog_con ul li a { display: block; color: #555; font-size: 14px; line-height: 50px; padding: 0 35px; text-align: center; } .catalog_local .catalog .catalog_con ul li a.on { background-color: #0e76b8; color: white; } .catalog_local .catalog .catalog_con ul li a:hover { background-color: #0e76b8; color: white; } .catalog_local .local { background-color: #0e76b8; width: 41.67%; float: right; } .catalog_local .local .local_con { width: 440px; height: 50px; overflow: hidden; box-sizing: border-box; float: left; background: url(local_icon.png) no-repeat 15px center; font-size: 14px; color: white; padding-left: 35px; } .catalog_local .local .local_con a { font-size: 14px; color: white; line-height: 50px; } .pcDownload { width: 1200px; margin: 30px auto; } .pcDownload ul li a { display: block; line-height: 40px; font-size: 16px; border-bottom: 1px dashed #dedede; } .pcDownload ul li a span { float: right; } .pcDownload ul li:hover { color: #0e76b8; } /*文献*/ .left_right {} .left_right .inLeft { background-color: #fff; width: 906px; float: left; } .left_right .inLeft .left_con { width: 906px; float: right; box-sizing: border-box; padding: 30px; } .left_right .inLeft .left_con p { font-size: 14px; color: #555; line-height: 30px; } .left_right .inLeft .left_con .form { min-height: 120px; color: #002060; font-size: 14px; } .left_right .inLeft .left_con .form .radios { color: #002060; font-size: 14px; margin: 20px 0; } .left_right .inLeft .left_con .form .radios label { margin-right: 30px; } .left_right .inLeft .left_con .form .radios label input { appearance: radio; -webkit-appearance: radio; -moz-appearance: radio; -ms-appearance: radio; margin-right: 5px; } .left_right .inLeft .left_con .form .search { margin-top: 10px; border: 1px solid #002060; } .left_right .inLeft .left_con .form .search #product { width: 288px; height: 34px; padding-left: 10px; box-sizing: border-box; } .left_right .inLeft .left_con .form .search .searchBtn { background: url(search_icon.png) no-repeat center center #002060; font-size: 0; background-size: 35%; } .left_right .inLeft .left_con .result {} .left_right .inLeft .left_con .result>ul {} .left_right .inLeft .left_con .result>ul>li { /* min-height: 157px; */ border-bottom: 1px solid #e6e6e6; box-sizing: border-box; padding: 15px 0; } .left_right .inLeft .left_con .result>ul>li a.h3 { /* margin-bottom:8px; */ line-height: 24px; font-size: 14px; color: #002060; display: block; position: relative; /* padding-right: 120px; */ overflow: hidden; } .left_right .inLeft .left_con .result>ul>li a.h3 span { position: absolute; right: 0; top: 0; color: #333; line-height: 30px; display: none; } .left_right .inLeft .left_con .result>ul>li a.h3 em { float: left; color: #333; line-height: 30px; display: none; } .left_right .inLeft .left_con .result>ul>li a.h3 p { float: left; color: #002060; } .left_right .inLeft .left_con .result>ul>li table { /* display: none; */ } .left_right .inLeft .left_con .result>ul>li tr { height: 24px; } .left_right .inLeft .left_con .result>ul>li tr td.left { font-size: 14px; color: #444; /* width: 112px; */ } .left_right .inLeft .left_con .result>ul>li tr td.right { width: 626px; font-size: 14px; color: #444; } .left_right .inLeft .left_con .result>ul>li tr td.right>ul {} .left_right .inLeft .left_con .result>ul>li tr td.right>ul>li {} .left_right .inLeft .left_con .result>ul>li tr td.right>ul>li>a { font-size: 14px; color: #002060; display: inline-block; line-height: 24px; } /*新闻推荐*/ .left_right .inRight { background-color: #f5f5f5; width: 41.67%; float: right; } .left_right .inRight .right_con { width: 440px; float: left; padding: 46px 0 0 40px; box-sizing: border-box; position: relative; } .left_right .inRight .right_con .hd { height: 2px; overflow: hidden; position: absolute; right: -10px; top: 460px; z-index: 1; } .left_right .inRight .right_con .hd ul { overflow: hidden; zoom: 1; float: left; } .left_right .inRight .right_con .hd ul li { float: left; margin-right: 10px; width: 24px; height: 2px; background: #b0b0b0; cursor: pointer; } .left_right .inRight .right_con .hd ul li.on { background: #0e76b8; } .left_right .inRight .right_con .bd { position: relative; height: 100%; z-index: 0; } .left_right .inRight .right_con .bd ul {} .left_right .inRight .right_con .bd ul li { zoom: 1; vertical-align: middle; } .left_right .inRight .right_con .bd ul li a { display: block; } .left_right .inRight .right_con .bd ul li a dt { width: 400px; height: 300px; position: relative; } .left_right .inRight .right_con .bd ul li a dt h3 { font-size: 16px; color: white; width: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; bottom: 0; line-height: 40px; padding-left: 10px; box-sizing: border-box; } .left_right .inRight .right_con .bd ul li a dt img { width: 100%; height: 100%; } .left_right .inRight .right_con .bd ul li a dd {} .left_right .inRight .right_con .bd ul li a dd p { font-size: 14px; color: #666; line-height: 24px; margin: 10px 0 5px 0; } .left_right .inRight .right_con .bd ul li a dd span { font-size: 16px; color: #333; font-family: PHAGSPA; } .inner-banner { width: 100%; } .inner-banner img { width: 100%; } /*产品左侧和服务左侧*/ .child_right { margin: 0px auto 35px; width: 1500px; } .child_right .child_box { width: 260px; float: left; padding: 0 20px 30px; background: #0e76b8; border-radius: 10px; } .child_right .child_box .child_title { /* height: 88px; */ background: url(child_title.png) no-repeat center center; box-sizing: border-box; /* padding:20px 0; */ line-height: 60px; background: #0e76b8; } .child_right .child_box .child_title h3 { font-size: 20px; color: white; font-weight: bold; /* text-align: center; */ /* padding: 0 20px; */ } .child_right .child_box .child_title p { color: white; font-size: 16px; font-family: PINGFANG; text-align: center; text-transform: uppercase; display: none; } .child_right .child_box .child {} .child_right .child_box .child>ul {} .child_right .child_box .child>ul>li { border-top: 1px solid #71a1c3; background: /* url(down_icon.png) no-repeat 250px 23px */ #0e76b8; } .child_right .child_box .child>ul>li>a { display: block; line-height: 40px; color: #444; font-size: 16px; /* padding-left: 20px; */ color: #fff; margin-top: 8px; background: url(new-down.png) no-repeat right center; background-size: 18px; } .child_right .child_box .child>ul>li>a.on { color: #fff; } .child_right .child_box .child>ul>li>a:hover { color: #fff; } .child_right .child_box .child>ul>li ul { background-color: #0e76b8; padding: 0px 0 10px; /* display: none; */ } .child_right .child_box .child>ul>li:hover ul { display: block; } .child_right .child_box .child>ul>li ul li {} .child_right .child_box .child>ul>li ul li a { display: block; font-size: 14px; color: #fff; line-height: 40px; padding-left: 30px; position: relative; } .child_right .child_box .child>ul>li ul li a:hover { color: #fff; } .child_right .child_box .child>ul>li ul li a:before { position: absolute; left: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 50%; content: ""; margin: auto; width: 13px; height: 13px; } .child_right .child_box .child>ul>li ul li a:after { position: absolute; top: 0; bottom: 0; left: 3px; width: 9px; height: 9px; background: #fff; content: ""; border-radius: 50%; margin: auto; display: none; } .child_right .child_box .child>ul>li ul li a.on:after { display: block; } .child_right .child_box .child>ul>li ul li a:hover:after { display: block; } /* .child_right .child_box .child>ul>li ul li a.on{color: #0e76b8;} */ .child_right .rightbox { width: 1170px; background-color: white; float: right; min-height: 980px; box-sizing: border-box; padding: 0px 0 30px 0; } .child_right .rightbox .content table { width: 100%; } /* .child_right .rightbox .content img{width: 66.666% !important;height: auto !important;} */ .child_right .rightbox .content a { text-decoration: none !important; } /*新闻*/ .left_right {} .left_right .inLeft { background-color: #fff; width: 58.33%; float: left; } .left_right .inLeft .left_con { width: 760px; float: right; box-sizing: border-box; padding: 35px 23px 0 0; } .left_right .inLeft .left_con>ul>li { border-bottom: 1px solid #f0f0f0; display: block; height: 161px; box-sizing: border-box; padding: 20px 0; } .left_right .inLeft .left_con>ul>li a { display: block; } .left_right .inLeft .left_con>ul>li a span { font-family: PHAGSPA; font-size: 24px; color: #0e76b8; } .left_right .inLeft .left_con>ul>li a h3 { font-size: 16px; color: #444; margin: 10px 0; transition: all 0.3s; } .left_right .inLeft .left_con>ul>li a p { font-size: 14px; color: #666; line-height: 24px; } .left_right .inLeft .left_con>ul>li:hover a h3 { color: #0e76b8; padding-left: 30px; } /*新闻详情*/ .news_detail { width: 1200px; margin: 0 auto; } .news_detail h1 { text-align: center; font-size: 24px; color: #444; line-height: 100px; } .news_detail .time_share { line-height: 60px; border-top: 1px solid #f2f2f2; height: 60px; } .news_detail .time_share h3 { color: #aaa; font-size: 14px; float: left; font-weight: bold; line-height: 60px; padding-left: 15px; font-weight: normal; } .news_detail .time_share h3 img { margin-right: 10px; } .news_detail .time_share p { float: right; color: #aaa; font-size: 14px; line-height: 60px; padding-right: 145px; position: relative; } .news_detail .detail_con { padding: 30px; min-height: 300px; } .updown { /*background-color: #fafafa;*/ width: 100%; padding: 20px 30px; box-sizing: border-box; border-top: 1px solid #e6e6e6; } .updown p { font-size: 14px; color: #444; line-height: 30px; } .lazyload img { max-width: 100%; } .lazyload p { font-size: 16px; color: #333; line-height: 1.7; } .bdshare-button-style0-16 { position: absolute; right: 0; top: 15px; top: 125px; margin-right: 6px; right: 0; } .ue-table-interlace-color-single { background-color: #f5f5f5; } .sr-bdimgshare .bdimgshare-content { display: none; } .sr-bdimgshare-black .bdimgshare-bg { display: none; } /*页码*/ .layui-laypage { width: 100%; text-align: center; clear: both; margin: 50px 0; } .layui-laypage .layui-laypage-count { border: 1px solid #ddd; padding: 0px 15px; margin-right: 5px; } .layui-laypage .layui-laypage-count:hover { color: white; background-color: #0e76b8; } .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #0e76b8; } .layui-laypage a { margin: 0 5px; } .layui-laypage .layui-laypage-curr { margin: 0 5px; } .layui-laypage a:hover { color: white; background-color: #0e76b8; } .layui-laypage-prev:hover { color: white; background-color: #0e76b8; } .layui-laypage-prev.layui-disabled { display: none; } .layui-laypage span { margin-bottom: 0px; } /*关于我们简介*/ .brief { margin-top: 46px; padding-bottom: 52px; border-bottom: 1px dashed #e3e3e3; } .brief dt { width: 570px; float: left; } .brief dt .danwei_title { border-bottom: 1px dashed #e2e2e2; height: 94px; box-sizing: border-box; padding: 19px 0; margin-bottom: 10px; } .brief dt .danwei_title h3 { color: #303030; font-size: 24px; } .brief dt .danwei_title p { font-size: 14px; color: #666; } .brief dt p { font-size: 14px; color: #666; line-height: 30px; } .brief dd { width: 600px; float: right; } .brief dd img { max-width: 100%; } /*关于我们宗旨*/ .believe { margin-bottom: 45px; } .believe h3 { font-size: 24px; color: #303030; margin-top: 30px; } .believe span { font-size: 14px; color: #666; display: block; margin: 10px 0; } .believe p { font-size: 14px; color: #666; margin-bottom: 30px; } .believe ul {} .believe ul dl { width: 296px; float: left; margin-right: 5px; } .believe ul dl:last-child { margin-right: 0px; } .believe ul dl dt { height: 197px; line-height: 197px; text-align: center; } .believe ul dl dt img { max-width: 100%; max-height: 100%; } .believe ul dl dd { font-size: 14px; color: #666; text-align: center; line-height: 50px; } /*联系我们*/ .contact { margin-bottom: 60px; } .contact>h3 { color: #0e76b8; font-size: 24px; line-height: 67px; border-bottom: 1px solid #f5f5f5; margin-top: 25px; } .contact>p { color: #666; font-size: 16px; margin: 20px 0 30px; } .contact select { height: 38px; border: 1px solid #f0f0f0; background: url(select_bg.png) no-repeat scroll right center #f5f5f5; border-radius: 5px; width: 383px; font-size: 16px; color: #999; padding: 0 40px 0 10px; } .contact select::-ms-expand { display: none; } .contact>p span { color: #666; font-size: 16px; } .contact .results { padding: 30px 0; border-top: 1px solid#f5f5f5; } .contact .results ul { margin-bottom: 20px; width: 345px; border: 1px solid #dbdbdb; background-color: #f5f5f5; float: left; display: block; box-sizing: border-box; padding: 18px; margin-right: 82px; } .contact .results ul:nth-child(3), .contact .results ul:nth-child(6), .contact .results ul:nth-child(9), .contact .results ul:nth-child(12) { margin-right: 0px; } .contact .results ul h3 { font-size: 18px; color: #333; margin-bottom: 10px; } .contact .results ul li { font-size: 14px; color: #999; line-height: 30px; } .contact .results ul li p { font-size: 14px; color: #666; display: inline-block; } .contact>ul { padding: 10px 0; width: 1050px; } .contact>ul>li { font-size: 14px; color: #999; line-height: 30px; float: left; width: 450px; margin-right: 65px; } .contact>ul>li>p { font-size: 14px; color: #666; display: inline-block; } .inProduct { padding: 30px 16px; box-sizing: border-box; position: relative; } .inProduct h3 { font-size: 24px; color: #444; text-align: center; margin-bottom: 10px; } .inProduct p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 10px; display: none; } .inProduct table { border-collapse: separate; border-spacing: 0; } .inProduct table tr { height: 80px; } .inProduct table tr:nth-child(even) { background-color: #fff; } .inProduct table tr:nth-child(odd) { background-color: #fafafa; } .inProduct table tr:first-child { height: 40px; } .inProduct table tr:first-child th { color: white; font-size: 14px; line-height: 40px; text-align: left; background-color: #0e76b8; font-weight: 400; } .inProduct table tr th:nth-child(1) { width: 100px; padding-left: 27px; overflow: hidden; } .inProduct table tr th:nth-child(2) { width: 450px; overflow: hidden; } /*.inProduct table tr th:nth-child(3){width: 224px;overflow: hidden;}*/ .inProduct table tr th:nth-child(3) { width: 100px; overflow: hidden; } .inProduct table tr th:nth-child(4) { width: 100px; overflow: hidden; } .inProduct table tr th:nth-child(5) { width: 130px; overflow: hidden; } .inProduct table tr td { color: #666; font-size: 14px; } .inProduct table tr td a { font-size: 14px; color: #666; font-weight: 600; } .inProduct table tr td a.downBtn { background: url(download_icon.png) no-repeat left center; width: 60px; height: 30px; display: block; } .inProduct table tr td:nth-child(1) { color: #666; font-size: 14px; line-height: 80px; padding-left: 27px; font-weight: 600; } .inProduct table tr:first-child th:first-child { border-top-left-radius: 5px; } .inProduct table tr:first-child th:last-child { border-top-right-radius: 5px; } .inProduct table tr:nth-child(4) td:first-child { border-bottom-left-radius: 5px; } .inProduct table tr:nth-child(4) td:last-child { border-bottom-right-radius: 5px; } .inProduct table tr td { /*设置table表格每列底部边框*/ border-bottom: 1px solid #e6e6e6; } .inProduct .layui-laypage { position: absolute; bottom: -55px; } .product_promote { /*width: 1200px;margin:24px auto;*/ } .product_promote .productD { float: right; width: 1170px; /* background-color: white; */ padding: 20px; box-sizing: border-box; } .product_promote .productD>h3 { font-size: 24px; font-weight: bold; color: #444; line-height: 52px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; } .product_promote .productD .pic_brief {} .product_promote .productD .pic_brief .pic { float: left; margin-right: 30px; width: 455px; height: 100%; background-color: #000; position: relative; } .product_promote .productD .pic_brief .pic .hd {} .product_promote .productD .pic_brief .pic .hd .next { background: url(pic_next.png) no-repeat center center; width: 12px; height: 24px; display: block; position: absolute; top: 50%; right: 9px; } .product_promote .productD .pic_brief .pic .hd .prev { background: url(pic_prev.png) no-repeat center center; left: 9px; right: inherit; width: 12px; height: 24px; display: block; position: absolute; top: 50%; } .product_promote .productD .pic_brief .pic .hd .pageState { color: white; position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; display: block; text-align: center; font-size: 14px; } .product_promote .productD .pic_brief .pic .bd { width: 355px; /* height: 199px; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;*/ } .product_promote .productD .pic_brief .pic .bd ul {} .product_promote .productD .pic_brief .pic .bd ul li { width: 100%; /* height: 530px; */ text-align: center; font-size: 0; } .product_promote .productD .pic_brief .pic .bd ul li img { width: 100%; height: 100%; } .product_promote .productD .pic_brief .pro_brief { float: right; width: 800px; } .product_promote .productD .pic_brief .pro_brief table {} .product_promote .productD .pic_brief .pro_brief table tr { line-height: 40px; height: 40px; } .product_promote .productD .pic_brief .pro_brief table tr td.left { font-size: 16px; color: #999; width: 50px; } .product_promote .productD .pic_brief .pro_brief table tr td.right { font-size: 16px; color: #444; } .product_promote .productD .pic_brief .pro_brief table tr td.right a.new { width: 118px; height: 28px; border: 1px solid #e6e6e6; border-radius: 5px; text-align: center; line-height: 30px; display: block; } .product_promote .productD .pic_brief .pro_brief table tr:nth-child(2) td.right { color: #eb5555; font-size: 24px; } .product_promote .productD .pro_detail { width: 1200px; margin: 80px auto 0; background-color: #fff; } .product_promote .productD .pro_detail .hd { height: 52px; width: 100%; background-color: #0e76b8; } .product_promote .productD .pro_detail .hd ul {} .product_promote .productD .pro_detail .hd ul li { width: 130px; height: 50px; /* border: 1px solid #f1f1f1; */ font-size: 18px; color: #fff; text-align: center; line-height: 50px; float: left; cursor: pointer; background: #0e76b8; margin-right: 8px; /* box-shadow: 2px 2px 5px -3px #000000; */ } .product_promote .productD .pro_detail .hd ul li.on { border: 1px solid #0e76b8; color: #0e76b8; background-color: white; box-shadow: none; } .product_promote .productD .pro_detail .hd .scanf_box { display: inline-block; margin-right: 20px; cursor: pointer; float: right; /* background-color: #f1f1f1; */ padding: 0 20px; display: none; } .product_promote .productD .pro_detail .hd .scanf_box dt { width: 100px; height: 46px; line-height: 46px; background: url(scanf_icon.png) no-repeat 80px center; position: relative; float: left; margin-right: 10px; font-size: 14px; } .product_promote .productD .pro_detail .hd .scanf_box>img { margin-top: 20px; } .product_promote .productD .pro_detail .hd .scanf_box dt .shop { visibility: hidden; width: 125px; height: 125px; border: 1px solid #fff; background: white; text-align: center; border-radius: 5px; position: absolute; z-index: 1; left: 50%; margin-left: -50px; top: 20px; opacity: 0; transition: all 0.7s; } .product_promote .productD .pro_detail .hd .scanf_box dt .shop::after { content: ""; position: absolute; top: -12%; right: 50%; margin-right: -15px; border-width: 7px; border-style: solid; border-color: transparent transparent #fff transparent; } .product_promote .productD .pro_detail .hd .scanf_box:hover .shop { visibility: visible; opacity: 1; top: 40px; } .cpinfo-head-right .scanf_box { display: inline-block; margin-right: 20px; cursor: pointer; padding: 0 20px; position: relative; } .cpinfo-head-right .scanf_box .shop { position: absolute; opacity: 0; transition: 0.4s; position: absolute; transition: 0.4s; left: -60px; top: 0px; display: none; } .cpinfo-head-right .scanf_box .shop img { max-width: 300px; } .cpinfo-head-right .scanf_box:hover .shop { opacity: 1; top: 45px; display: block; } .product_promote .productD .pro_detail .bd { margin-top: 17px; } .product_promote .productD .pro_detail .bd>ul {} .product_promote .productD .pro_detail .bd>ul>li { margin: 6px 0; display: block; } .product_promote .productD .pro_detail .bd>ul>li h3 { min-height: 46px; line-height: 46px; width: 861px; background-color: #f7f7f7; border-left: 4px solid #0e76b8; font-size: 16px; color: #444; padding-left: 20px; box-sizing: border-box; position: relative; } .product_promote .productD .pro_detail .bd>ul>li h3 span { display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer; width: 50px; height: 46px; background: url(add.png) no-repeat center center; } .product_promote .productD .pro_detail .bd>ul>li .bd_con { width: 100%; padding: 30px; display: none; box-sizing: border-box; font-size: 16px; line-height: 1.75; } .product_promote .productD .pro_detail .bd>ul .bd_con2 { width: 100%; padding: 30px 0; } .product_promote .productD .pro_detail .bd>ul>li.on .bd_con { display: block; } .product_promote .productD .pro_detail .bd>ul>li.on h3 span { background: url(sup.png) no-repeat center center; } .product_promote .productD .pro_detail .bd>ul>li .bd_con.list {} .product_promote .productD .pro_detail .bd>ul>li .bd_con.list ul {} .product_promote .productD .pro_detail .bd>ul>li .bd_con.list ul li { height: 30px; } .product_promote .productD .pro_detail .bd>ul>li .bd_con.list ul li a { display: block; color: #0e76b8; line-height: 30px; font-size: 16px; padding-left: 15px; } .product_promote .productD .pro_detail .bd>ul>li .bd_con.list ul li a:hover { text-decoration: underline; } .product_promote .productD .pro_detail .bd>ul .bd_con2.list {} .product_promote .productD .pro_detail .bd>ul .bd_con2.list ul {} .product_promote .productD .pro_detail .bd>ul .bd_con2.list ul li { /* height: 30px; */ margin-bottom: 10px; } .product_promote .productD .pro_detail .bd>ul .bd_con2.list ul li em { float: left; line-height: 24px; width: 20px; } .product_promote .productD .pro_detail .bd>ul .bd_con2.list ul li a { display: /* inline- */ block; color: #0e76b8; line-height: 24px; font-size: 16px; /* padding-left: 15px; */ } .product_promote .productD .pro_detail .bd>ul .bd_con2.list ul li a:hover { text-decoration: underline; } .product_promote .productD .pro_detail .bd>ul .bd_con2.list ul li p { font-size: 14px; line-height: 24px; } .product_promote .promote { float: right; width: 285px; } .product_promote .promote .slide { width: 285px; height: 268px; background-color: #fff; padding-top: 17px; position: relative; margin-bottom: 10px; box-sizing: border-box; } .product_promote .promote .slide>h3, .product_promote .promote .list>h3 { font-size: 18px; font-weight: bold; color: #444; line-height: 25px; border-left: 4px solid #0e76b8; padding-left: 8px; box-sizing: border-box; } .product_promote .promote .slide .hd { position: absolute; z-index: 1; left: 0; right: 0; bottom: 30px; margin: auto; } .product_promote .promote .slide .hd ul { text-align: center; } .product_promote .promote .slide .hd ul li { width: 5px; height: 5px; border: 1px solid #fff; border-radius: 50%; margin: 0 3px; display: inline-block; } .product_promote .promote .slide .hd ul li.on { border: 1px solid #fff; background-color: white; } .product_promote .promote .slide .bd { margin: 12px; } .product_promote .promote .slide .bd ul {} .product_promote .promote .slide .bd ul li { width: 261px; height: 195px; line-height: 195px; text-align: center; } .product_promote .promote .slide .bd ul li img { max-width: 100%; max-height: 100%; } .product_promote .promote .list { height: 578px; width: 285px; background-color: white; padding-top: 17px; box-sizing: border-box; } .product_promote .promote .list dl { height: 108px; margin: 15px 10px; } .product_promote .promote .list dl a { display: block; height: 108px; } .product_promote .promote .list dl a dt { width: 138px; height: 108px; line-height: 108px; text-align: center; float: left; } .product_promote .promote .list dl a dt img { max-width: 100%; max-height: 100%; } .product_promote .promote .list dl a dd { width: 120px; float: right; } .product_promote .promote .list dl a dd h3 { font-size: 14px; color: #444; line-height: 24px; } .product_promote .promote .list dl a dd p { width: 64px; height: 20px; line-height: 20px; text-align: center; color: white; font-size: 12px; background-color: #ff8711; display: block; border-radius: 5px; margin: 8px 0; } .product_promote .promote .list dl a dd span { font-size: 16px; color: #eb5555; } /* */ /* 表单 */ /* */ /*.innerForm{width:1200px;margin: 50px auto;}*/ form table { margin: 0 auto; } form .tableft { text-align: right; font-size: 15px; } form .tabright { font-size: 15px; } form .tabright input { margin: 10px 0; width: 350px; } form .tabright input.code { width: 200px; } form .tabright textarea { resize: none; margin: 10px 0; width: 500px; height: 200px; } .validateCode { height: 37px; vertical-align: top; margin-top: 11px; margin-left: 10px; } form .layui-btn { width: 200px; margin-top: 20px; background: #0e76b8; } .page_title { margin: 0 auto; } .page_title h3 { font-size: 24px; color: #333; text-align: center; padding-top: 50px; padding-bottom: 60px; border-bottom: 1px dashed #ccc; margin-bottom: 50px; } /*荣誉资质*/ .page_honor { width: 1200px; margin: 0 auto; background-color: white; padding: 0 50px; box-sizing: border-box; } .page_honor .honor_list {} .page_honor .honor_list dl { width: 255px; float: left; margin: 0 10px 25px 10px; } .page_honor .honor_list dl dt { height: 270px; border: 1px solid #e6e6e6; text-align: center; line-height: 270px; } .page_honor .honor_list dl dt img { max-height: 90%; max-width: 90%; } .page_honor .honor_list dl dd { font-size: 14px; color: #666; text-align: center; line-height: 30px; } .page_honor .honor_list dl:hover dd { color: #0e76b8; } /* 02.24 更新 */ .newPlate { display: flex; justify-content: space-between; } .newPlate dl { background: #efefef; width: 32.5%; box-sizing: border-box; padding: 20px; display: flex; justify-content: space-between; } .newPlate dl dt { width: 60px; height: 60px; font-size: 0; line-height: 60px; text-align: center; } .newPlate dl dt img { max-width: 100%; } .newPlate dl dd { width: calc(100% - 100px); } .newPlate dl dd h3 a { font-size: 18px; font-weight: bold; color: #0e76b8; display: block; margin-bottom: 10px; } .newPlate dl dd p a { display: block; font-size: 14px; line-height: 26px; } /* 3.15更新 */ .cpinfo-head { width: 1200px; margin: 0 auto; height: auto; } #magnifier { position: relative; width: 580px; margin: 0; float: left; } .small-box { position: relative; width: 580px; height: 386px; margin-bottom: 20px; border: 1px solid #eee; } .small-box table td { width: 580px; height: 386px; } .small-box img { width: 100%; height: 100%; } .small-box .hover { display: none; position: absolute; left: 0; top: 0; width: 200px; height: 200px; border: 1px solid #aaa; background: #0e76b8; opacity: .3; filter: alpha(opacity: 50); cursor: move; } .thumbnail-box { position: relative; width: 100%; } .thumbnail-box .btn { position: absolute; top: 50%; width: 22px; height: 32px; margin-top: -16px; } .thumbnail-box .btn-prev { left: 0; background: url(btn_prev.png) no-repeat; } .thumbnail-box .btn-prev.btn_prev_disabled { background: url(btn_prev_disabled.png) no-repeat; cursor: not-allowed; } .thumbnail-box .btn-next { right: 0; background: url(btn_next.png) no-repeat; } .thumbnail-box .btn-next.btn_next_disabled { background: url(btn_next_disabled.png) no-repeat; cursor: not-allowed; } .thumbnail-box .list { overflow: hidden; width: 390px; margin: 0 auto; } .thumbnail-box .wrapper { width: 100000px; } .thumbnail-box .list .item { float: left; margin: 0 10px; } .thumbnail-box .list .item img { border: 2px solid #a9a9a9; width: 54px; height: 54px; } .thumbnail-box .list .item-cur img { border: 2px solid #e53e41; } .big-box { display: none; overflow: hidden; position: absolute; left: 581px; top: 0; width: 540px; height: 540px; border: 1px solid #e4e4e4; z-index: 999; } .big-box img { display: block; } .cpinfo-head-right { float: right; width: 555px; min-height: 300px; padding: 20px 50px 0 0; box-sizing: border-box; } .cpinfo-head-right h3 { width: 100%; height: auto; font-family: Tahoma; color: #404040; font-size: 26px; font-weight: bold; text-align: left; line-height: 34px; word-wrap: break-word; word-break: normal; } .cpinfo-head-right td { width: 100%; height: auto; color: #999999; font-size: 16px; text-align: left; line-height: 24px; } .cpinfo-head-right tr .left { width: 28%; } .cpinfo-head-right tr { height: 50px; } .cpinfo-head-right tr:nth-child(2) .right { color: #e50012; font-size: 24px; } .xgcp { width: 360px; height: auto; margin-bottom: 30px; float: left; margin-right: 30px; } .xgcp:nth-child(3n) { margin-right: 0; } .xgcp-head { width: 100%; height: 260px; box-sizing: border-box; border: 1px solid #ddd; overflow: hidden; transition: 0.4s; } .xgcp-head img { width: 100%; height: 100%; } .xgcp-text { text-align: center; box-sizing: border-box; padding: 10px 25px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.7; font-size: 16px; color: #333; border: 1px solid #ddd; border-top: none; transition: 0.4s; } .xgcp:hover .xgcp-head { border: 1px solid #0e76b8; } .xgcp:hover .xgcp-text { border: 1px solid #0e76b8; border-top: none; } .scrollsidebar { position: fixed; top: 35%; right: 0; margin: auto; } .side_content { width: 154px; height: auto; overflow: hidden; float: left; } .side_content .side_list { width: 154px; overflow: hidden; } .index-foot { width: 100%; height: auto; border-top: 6px solid #005399; background-color: #282828; } .index-foot-head { width: 100%; height: 110px; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #383838; position: relative; } .index-foot-head-left { width: 310px; height: 48px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .index-foot-head-right { width: 55px; height: 55px; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; } .index-foot-c { overflow: hidden; padding: 40px 0; } .index-foot-c-left { float: left; border-right: 1px solid #383838; padding-right: 65px; margin-right: 65px; } .index-foot-c-left a:hover { text-decoration: underline; } .index-foot-c-left>ul>li { float: left; margin-right: 60px; } .index-foot-c-left>ul>li:nth-last-child(1){ margin-right: 0; } .index-foot-c-left>ul>li>a { color: #ffffff; font-size: 18px; } .index-foot-c-left>ul>li>ul { margin-top: 23px; } .index-foot-c-left>ul>li>ul>li { margin-bottom: 10px; } .index-foot-c-left>ul>li>ul>li>a { color: #aaaaaa; font-size: 14px; } .index-foot-c-lx { float: left; width: 285px; } .index-foot-c-lx-text { color: #888888; font-size: 14px; } .index-foot-c-lx-iphone { color: #ffffff; font-size: 36px; font-family: "Arial"; margin-bottom: 25px; } .index-foot-c-lx-diz { color: #ffffff; font-size: 16px; } .index-foot-c-right { float: right; width: 130px; } .index-foot-c-right .ewm { width: 130px; height: 130px; margin-bottom: 10px; } .index-foot-c-right .ewm img { width: 100%; height: 100%; } .index-foot-c-right-text { margin-top: 8px; color: #ffffff; font-size: 16px; text-align: center; } .index-foot-foot { height: 80px; border-top: 1px solid #383838; line-height: 80px; color: #bbbbbb; font-size: 14px; text-align: center; } .index-foot-foot * { color: #bbbbbb; font-size: 14px; } .index-foot-c-left ul li ul li { display: none; } .index-foot-c-left ul li ul li:nth-child(1){ display: block; } .index-foot-c-left ul li ul li:nth-child(2){ display: block; } .index-foot-c-left ul li ul li:nth-child(3){ display: block; } .index-foot-c-left ul li ul li:nth-child(4){ display: block; } .index-yl { color: #fff; font-size: 14px; margin-top: 20px; } .index-yl ul { float: left; } .index-yl ul li { float: left;margin-right: 20px; } .index-yl ul li:nth-child(2) { margin-right: 0; } .index-yl ul li a { color: #fff; font-size: 14px; }