@charset "utf-8"; body { margin:0; padding:0; border:0; font-family:helvetica neue,Helvetica,Arial,microsoft yahei,hiragino sans gb,heiti sc,wenquanyi micro hei; color:#333; font-size:14px; width:100%; background:#fff } a { margin:0; padding:0; border:0; text-decoration:none; color:#333; font-size:13px } a:hover { text-decoration:none!important } * { padding:0; margin:0; border:0 } li { list-style:none } .clear { clear:both!important; height:0!important; width:0!important; float:none!important; margin:0!important; padding:0!important; border:0!important } textarea:focus { outline:0 } input:focus { outline:0 } input:focus { outline:0 } img { max-width:100%!important } div,p,table,td,ul,li,span,a,ol,input { padding:0; margin:0; border:0 } input::-ms-input-placeholder { color:#4d4d4d; font-size:14px } input::-webkit-input-placeholder { color:#4d4d4d; font-size:14px } input::-moz-placeholder { color:#4d4d4d; font-size:14px } input::-moz-placeholder { color:#4d4d4d; font-size:14px } .fl { float:left } .fr { float:right } .pc { display:block } .mo { display:none } .red { color:#f20201!important } .container{max-width: 1200px; width: 100%;} .menu.on { top: 0; transition: all 0.5s ease-out 0s; } .menu.nofixed { transition: all 0.5s ease-out 0s; } .menu.fixedbg { position: fixed; z-index: 9999; top: 0; } .pctop1 { width:100%; height:40px; border-bottom:1px solid #e0dddd; background-color:#fcfcfe } .pctop1 .pctop1_nei { margin:0 auto; color:#666; clear:both; line-height:40px; height:40px; padding: 0; max-width: 1200px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .pctop1 .pctop1_nei .pctop1_right a { display:block; float:left; color:#666 } .pctop1 .pctop1_nei .pctop1_right span { display:block; float:left; padding:0 5px } .pctop1 .pctop1_nei .lang { float:left; padding:0 0 0 5px } .pctop1 .pctop1_nei .lang a { display:inline-block; margin:5px } .pctop2 { margin:0 auto; height:112px } .pctop2 .pclogo { margin-top:33px } .pctop2 .pcmenu { } .pctop2 .pcmenu a { text-transform:uppercase; display:inline-block; margin:42px 25px 0; height:70px; line-height:70px; font-size:14px; color:#363636; text-align:center } .pctop2 .pcmenu a:hover { color:#df0f0f; border-bottom:#df0f0f solid 3px } .pctop2 .pcmenu a.on { color:#df0f0f; border-bottom:#df0f0f solid 3px } .neibanner { width:100%; } body { overflow-x:hidden!important } .mot { width:100%; padding:0 2%; height:50px; background:#292929 } .mot .molo { float:left; display:inline-block; height:30px; margin:10px 0 } .mot .molo img { height:30px } .mot .momenuicon { float:right; height:16px; margin:17px 0 } .mot .cloesicon { display:none } .moxl { left:-100%; top:50px; background:rgba(0,0,0,.6); position:absolute; z-index:99; width:100%; transition:all ease .3s } .moxl_box { width:60%; background:#292929; height:100% } .moxl .moxl_xun { width:100%; float:left; position:relative } .moxl .moxl_xun .moxl_xun_icon { width:100%; height:0; position:absolute; padding-right:10px } .moxl .moxl_xun .moxl_xun_icon img { float:right; height:24px; margin:4px 0 } .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2 { display:none } .moxl .moxl_xun .moxl_xun_title { width:100%; height:30px; padding-left:10px; display:inline-block; line-height:30px; font-size:14px; color:#fff } .moxl .moxl_xun .moxl_erji { width:100%; overflow:hidden; display:none } .moxl .moxl_xun .moxl_erji a { width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left } .pcto { width:100%; position:relative; } .pcto_box { margin:0 auto; padding-bottom: 20px!important; } .pcto_box .pcto_logo { margin-top:22px; width:332px; height:64px; display:block; text-indent:-999em; background:url(../images/logo.png?v=1) no-repeat } .pcto_box .logoinfo { border-left:1px solid #999; padding-left:12px; margin-left:12px; margin-top:23px } .pcto_box .logoinfo .litop { display:block; clear:both; overflow:hidden; color:#080808; font-size:26px } .pcto_box .logoinfo .lides { display:block; clear:both; overflow:hidden; color:#3b3a3f; font-size:20px } .ttel { padding-top:33px; padding-right:50px } .ttel span { display:block; clear:both; font-size:18px; color:#333 } .ttel span.red { font-weight:700; font-size:30px } .menu { background-color:#2caeff; height:60px; line-height:60px; width: 100%; } .pcto_menu { width: 100%; max-width:1200px; margin:0 auto } .pcto_menu ul li { float:left; height:60px; text-align:center; min-width:56px; text-transform:uppercase; padding-right: 40px; position:relative; } .pcto_menu li a { transition:all ease .3s; display:inline-block; height:60px; line-height:60px; font-size:16px; color:#fff; text-align:center; padding:0 20px } .pcto_menu ul li:last-child{ padding: 0; } .pcto_menu li:last-child a { } .pcto_menu ul li a img { margin-top:-5px; margin-right:4px } .pcto_menu a:hover,.pcto_menu a.on ,.pcto_menu li:hover>a{ transition:all ease .3s; background-color:#015fc1; border-bottom:#df0f0f solid 1px } .secnav { position:absolute; overflow:hidden; top:60px; z-index:99999; background-color:#3a3a3d; display:none; padding: 10px 0; } .pcto_menu ul.secnav li { padding:0; width:100%; line-height:40px; height:40px } .pcto_menu .secnav a { display:block; height:40px; line-height:40px; font-size:16px; color:#fff; padding:0 10px; width:100%; white-space:nowrap; text-align:left; text-indent:10px } .pcto_menu .secnav a:hover { height:40px; line-height:40px; width:100%; border-bottom:0; transition:all ease .6s } .footer { width:100%; background:#2c3035; padding-top:50px; padding-bottom:20px; position:relative } .footer .footer1 { max-width:1200px; margin:0 auto; min-height:240px } .footer .footer1 .footer1_xun1 { width:185px; margin-right:40px } .footer .footer1_title { height:35px; text-transform:uppercase; width:100%; border-bottom:#212427 solid 1px; line-height:35px; font-size:14px; color:#fff; font-weight:bolder } .footer .footer1 .footer1_xun2 { width:286px; font-size:12px; color:#ddd } .footer .footer1 .footer1_xun2 span { float:left; margin-left:8px; color:#ddd } .footer .footer1 .footer1_xun2 .bdsharebuttonbox { float:left; margin-left:20px } .footer .footer1 .footer1_xun2 .bdsharebuttonbox a { width:24px; height:24px; margin:5px 10px 0 0; padding:0; border-radius:24px; display:inline-block; overflow:hidden; background-color:#222629; background-position:center; background-repeat:no-repeat } .footer .footer1 .footer1_xun2 .bdsharebuttonbox a:hover { background-color:#e10808 } .footer .footer1 .footer1_xun1 .footer1_xun1_box { width:100%; padding-top:15px } .footer .footer1 .footer1_xun1 .footer1_xun1_box a { display:inline-block; width:100%; float:left; font-size:12px; color:#74787c; line-height:32px } .footer .footer1 .footer1_xun3 { text-align: center; width: 20%; float: left; margin-top: 70px; margin-left: 2%; } .footer .footer1 .footer1_xun3 .item{ width: 49%; float: left; padding: 0 0.5%; } .footer .footer1 .footer1_xun3 img{ width: 90px!important; max-width: 100%; margin: 2px; } .footer .footer1 .footer1_xun3 p{ clear: both; font-size: 12px; padding-top: 10px; color: #fff; } .footer .footer2 { width:100%; font-size:12px; color:#74787c; border-top:#212427 solid 1px; height:42px; line-height:42px } .footer .footer2 .footer2_nei { margin:0 auto } .footer .footer5 { font-size:12px; color:#74787c; width:100%; margin:auto; height:34px; float:left; text-align:center } .footer .xinren { font-size:12px; width:100%; margin:0 auto; height:47px; float:left; text-align:center } .footer .flink { max-width:1200px; margin:0 auto; line-height:36px; clear:both; position:relative; overflow:hidden } .footer .flink a { display:block; float:left; color:#fff; font-size:14px; padding:0 5px } .motop { display:none; width:100%; padding:0 3%; height:60px } .motop .mologo { display:inline-block; height:60px } .motop .mologo img { height:30px; margin:15px 0 } .motop .menuicon { height:20px; margin:20px 0 } .moxiala { display:none; width:100%; background:rgba(0,0,0,.7); position:absolute; z-index:9999 } .moxiala a { display:inline-block; width:100%; text-align:center; line-height:3em; height:3em; font-size:14px; color:#fff; border-bottom:#fff solid 1px } .neipagename { width:100%; text-align:center; padding:50px 0 20px } .neipagename div { display:inline-block } .neipagename .pagename_en { font-size:38px; line-height:1em; color:#212121; text-transform:uppercase } .neipagename .pagename_ch { font-size:18px; padding:0 22px; height:12px; border-bottom:#212121 solid 1px } .neipagename .pagename_ch div { text-align:center; height:18px; padding:0 12px; line-height:18px; background:#fff } .neimenu { text-align:center; width:100%; border-bottom:#b3b3b3 solid 1px; height:17px; margin-bottom:30px; clear:both } .neimenu div { display:inline-block } .neimenu div a { float:left; line-height:40px; background:#fff; display:inline-block; padding:0 15px; height:40px; font-size:15px; color:#6d6d6d; border:#6d6d6d solid 1px; margin:0 8px } .neimenu div a:hover { color:#de0a1e; border:#de0a1e solid 1px } .neimenu div a.on { color:#de0a1e; border:#de0a1e solid 1px } .about { width: 100%; max-width:1200px; margin:0 auto; color:#686868; font-size:17px; line-height:1.5em; padding:30px 0 } .newsnav { width: 100%; margin:0 auto; max-width:1200px; font-size:12px; height:59px; border-bottom:#d4e0e2 solid 1px; color:#6f6f6f; line-height:59px } .newsnav a { margin:0 5px } .fanhui { max-width:1200px; margin:0 auto; position:relative; height:1px } .fanhui a { position:absolute; z-index:2; width:106px; height:33px; font-size:14px; color:#fff; text-align:center; line-height:33px; background:#df0f0f; right:0; display:inline-block; top:13px } .newneititle { width: 100%; max-width:1200px; border-bottom:#bcbcbc dashed 1px; margin:0 auto; height:120px; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center } .newneititle div { text-align:center } .newneititle .newstitle { width:100%; font-size:22px; color:#525252 } .newneititle .newstitle2 { display:inline-block; font-size:12px; color:#818181 } .newneititle .newstitle2 span { float:left; margin:0 18px; line-height:30px } .newneititle .newstitle2 .bdsharebuttonbox { float:left } .newneititle .newstitle2 .bdsharebuttonbox a { margin:6px 5px } .newsline { max-width:1200px; margin:20px auto; } .newsline a { display:inline-block; float:left; height:132px; width:100%; transition:all ease .3s } .newsline a .newstime { border-right:#d7dde3 solid 1px; width:178px; float:left; height:63px; margin-top:37px; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center } .newsline a .newstime .newstime_top { font-size:47px; color:#015fc1; line-height:50px } .newsline a .newstime .newstime_bot { font-size:16px; color:#787878; line-height:18px; text-transform:uppercase } .newsline a .newtext { padding-left:32px; width:840px; float:left } .newsline a .newtext .newtitle { width:100%; float:left; font-size:15px; color:#575757; overflow:hidden; white-space:pre; text-overflow:ellipsis; margin-bottom:15px; margin-top:32px } .newsline a .newtext .ntime { display:none; width:100%; float:left; font-size:12px; color:#787878; line-height:22px } .newsline a .newtext .newsmall { width:100%; float:left; font-size:13px; color:#787878; line-height:22px; max-height:44px; overflow:hidden } .newsline a .newsjiantou { margin-left:27px; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center; height:100%; width:13px; float:left } .newsline a .newsjiantou .newsjiantou2 { display:none } .fenye { width:100%; text-align:center; margin:30px 0 } .fenye .fenye_nei { display:inline-block } .fenye .fenye_nei a { border:#ccc 1px solid; padding:2px 6px; margin:3px } .fenye .fenye_nei a:hover { border:#c00 1px solid; background-color:#ffbfbf; padding:2px 6px; margin:3px } .fenye .fenye_nei a.on { border:#c00 1px solid; background-color:#ffbfbf; padding:2px 6px; margin:3px } .con1 { width:100%; text-align:center } .con1 .con1_nei { display:inline-block } .con1 .con1_nei .con1_xun { width:302px; height:187px; padding-top:60px; border:#eee solid 1px; background:#fcfcfc; float:left; position:relative; margin:85px 49px 45px; 49px } .con1 .con1_nei .con1_xun .con1_xun_img { position:absolute; width:100%; text-align:center; height:100px; border-radius:100px; top:-50px } .con1 .con1_nei .con1_xun .con1_xun_title { font-size:18px; width:100%; color:#3b3b3b; line-height:2em; text-align:center } .con1 .con1_nei .con1_xun .con1_xun_zi { font-size:15px; line-height:23px; color:#3b3b3b; width:100%; text-align:center } .con1 .con1_nei .con1_xun .con1_xun_zi img { margin-top:7px; width:90px } .con1 .con1_nei .con1_xun .con1_xun_text { padding:0 1% } .message { width:100%; text-align:center } .message .mess_form { display:inline-block; padding:45px 0; border-top:#bcbcbc dashed 1px } .message .mess_form .div { width:540px; margin:0 10px } .message .mess_form .div input[type=text] { width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px; height:49px; float:left; padding:0 17px } .message .mess_form .div input[type=email] { width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px; height:49px; float:left; padding:0 17px } .message .mess_form .div input[type=tel] { width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px; height:49px; float:left; padding:0 17px } .message .mess_form .div textarea { width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px; height:108px; float:left; padding:10px 17px } .message .mess_form .div input[type=submit] { width:100%; margin-bottom:10px; text-align:center; cursor:pointer; line-height:49px; border-radius:5px; float:left; padding:0 17px; font-size:16px; color:#e10808; border:#e10808 solid 1px; background:#fff } .probox { max-width:1200px; margin:40px auto 57px } .probox .probox_left { width:230px; float:left } .probox .probox_left .protitle { padding:30px; width:100%; height:97px; background:url(../images/tupian12.jpg) no-repeat 50% } .probox .probox_left .protitle .protitle1 { font-size:24px; line-height:24px; color:#fff } .probox .probox_left .protitle .protitle2 { font-size:14px; line-height:14px; color:#fff; text-transform:uppercase } .probox .probox_left .proleft_xiala { padding-top:30px; padding-bottom:430px; width:100%; background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0)) } .probox .probox_left .proleft_xiala a { width:100%; height:38px; line-height:38px; display:inline-block; padding-left:40px; font-size:14px; color:#6c6c6c; float:left } .probox .probox_left .proleft_xiala a.on { background:url(../images/bg24.png) no-repeat 209px 50%,#faf5f5; border-left:#cb1717 solid 4px; padding-left:36px } .probox .probox_left .proleft_xiala a:hover { background:url(../images/bg24.png) no-repeat 209px 50%,#faf5f5; border-left:#cb1717 solid 4px; padding-left:36px } .probox .probox_right { background:#fff; width:840px; padding:34px 24px; overflow:hidden; float:right } .probox .probox_right .proboxline { width:100% } .probox .probox_right .proboxline .proboxline_box { width:840px } .probox .probox_right .proboxline .proboxline_box a { width:255px; height:295px; float:left; display:inline-block; margin-right:15px; margin-bottom:25px; border:#d7ddde solid 1px; border-bottom:#d7ddde solid 4px; padding:0 10px } .probox .probox_right .proboxline .proboxline_box a:hover { border-bottom:#cb1717 solid 4px } .probox .probox_right .proboxline .proboxline_box a .proimg_img { width:100%; height:232px; border-bottom:#d7ddde solid 2px; overflow:hidden } .probox .probox_right .proboxline .proboxline_box a .proimg_img img { width:100% } .probox .probox_right .proboxline .proboxline_box a .proimg_title { font-size:14px; color:#727272; height:30px; line-height:30px; overflow:hidden; white-space:pre; text-overflow:ellipsis } .probox .probox_right .proboxline .proboxline_box a .proimg_time { font-size:13px; color:#bebebe; height:30px; line-height:30px; background:url(../images/bg31.png) no-repeat 100% 50% } .probox .probox_right .proboxline .proboxline_box a:hover .proimg_title { color:#cb1717 } .proxiala { display:none; width:100%; height:40px; border-bottom:#ddd solid 1px; position:relative; background:#fff; margin-bottom:30px } .proxiala .proxiala_chakan { width:100%; height:40px; text-align:center; line-height:40px; font-size:15px; color:#727272; font-weight:bolder } .proxiala .proxiala_menu { display:none; width:100%; z-index:999; position:absolute; background:rgba(255,255,255,.8); padding-bottom:30px } .proxiala .proxiala_menu a { display:inline-block; float:left; text-align:center; width:100%; height:3em; font-size:14px; line-height:3em; color:#727272 } .prodet { max-width:1200px; margin:20px auto 30px; background:#fff } .prodet .newsnav { max-width:100%; padding:0 20px } .details_top_imgbox { width:430px; margin:0 auto; height:521px } .details_top_imgbox .fluid_container { width:100%; height:430px } .detailed { width:740px; float:right; font-size:12px; color:#666 } .detailed .detailed1 { width:100%; font-size:18px; color:#333 } .detailed .detailed2 { width:100%; line-height:30px; margin-top:15px } .detailed .detailed3 { width:100%; line-height:30px; margin-bottom:15px } .detailed .df { color:#e23435 } .detailed .ds { color:#ff8838 } .detailed .detailed4 { width:100% } .detailed .detailed4 td { height:37px; padding-left:60px } .detailed .detailed5 td { background:#eee } .details { text-align:left; width:96%; float:right; margin:2% } .details .details_title { width:100%; font-size:26px; color:#494949; height:60px; border-bottom:#7d7d7d dashed 1px } .details .details_time { width:100%; font-size:14px; color:#898989; height:105px; border-bottom:#7d7d7d dashed 1px; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:flex-start } .details .details_text { font-size:13px; line-height:32px; color:#7a7a7a; text-indent:2em } .detailswai { width:100%; text-align:center } .detailswai .detailswaihezi { width:100%; display:inline-block; margin-top:50px; margin-bottom:45px } #flexslider { width:100%; height:600px; margin:0 auto; clear:both; position:relative; overflow:hidden; z-index:0 } #flexslider #ban .jiantou { margin-top:224px; height:82px; z-index:1; display:inline-block; display:none } #flexslider #ban .jiantou .jiantou_left { width:45px; height:82px; cursor:pointer; float:left } #flexslider #ban .jiantou .jiantou_right { width:45px; height:82px; cursor:pointer; float:right } #ban { width:100%; height:600px; margin:auto; position:relative; overflow:hidden; z-index:0 } #ban ul.ban_bj li { display:block; width:100%; height:600px; position:absolute; left:0; top:0; text-align:center; z-index:0; cursor:pointer } #ban ul.ban_bj li.on { z-index:111 } #ban ul.ban_bj li a { display:block; width:100%; height:100% } #ban ul.ul_dian { display:inline-block } #ban ul.ul_dian li { display:block; width:30px; height:5px; background:#535d5c; float:left; cursor:pointer; margin:0 3px } #ban ul.ul_dian li.licurr { background:#ea1915 } .dian { width:100%; text-align:center; position:absolute; bottom:16px; z-index:99999 } .jiantou_box { width:100%; height:0; text-align:center; position:absolute; z-index:11111 } .indextitle { text-align:center; width:100%; margin:50px 0 35px } .indextitle .indextitle1 { font-size:30px; color:#383938; text-align:center; width:100%; text-transform:uppercase } .indextitle .indextitle2 { font-size:24px; color:#484848; text-align:center; width:100% } .indextitle .line { width:50px; height:4px; background-color:#ea1915; display:block; margin:10px auto } .index1 { width:100%; margin:0 auto; text-align:center } .index1 div { display:inline-block } .index1 div a { display:inline-block; text-align:center; width:215px; height:315px; margin:0 17px 74px; float:left; border:#e8e8e8 solid 1px; transition:all ease .3s; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center } .index1 div a .index1_img { float:left; width:100%; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center } .index1 div a .index1_img div { -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center; background:#b9b9b9; width:100px; height:100px; border-radius:100px; overflow:hidden } .index1 div a .index1_title { text-transform:uppercase; margin-top:37px; float:left; width:100%; text-align:center; font-size:16px; color:#484848 } .index1 div a .index1_en { margin-top:8px; float:left; width:100%; text-align:center; font-size:12px; color:#aaa; text-transform:uppercase } .index1 div a .index1_bottom { margin-top:21px; line-height:0; float:left; width:100%; text-align:center } .index1 div a .index1_bottom div { width:40px; height:3px; background:#e81816 } .indexpro { width:100%; min-height:605px; max-width:100%; background:#2c3035 } .indexpro .indextitle { float:left } .indexpro .indextitle .indextitle1 { color:#fff } .indexpro .indextitle .indextitle2 { color:#fff } .prosel { width:100%; text-align:center; position:relative } .prosel .proline { height:1px; background-color:#ccc; width:100%; margin-top:-27px } .prosel .prosel_nei { display:inline-block } .prosel .prosel_nei div { float:left; margin:0 16px; cursor:pointer; font-size:16px; color:rgba(0,0,0,.65); line-height:42px; border:1px solid #dedede; background-color:#fff } .prosel .prosel_nei div a { display:block; width:100%; height:100%; padding:0 10px; transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; } .prosel_xian { width:100%; height:2px; background:#26292e } .prosel_xian div { float:left; background:#fd1717; height:2px; transition:all ease .25s } .prosel .prosel_nei div.on,.prosel .prosel_nei div:hover { background-color:#015fc1; color:#fff } .prosel .prosel_nei div.on a,.prosel .prosel_nei a:hover,.prosel .prosel_nei div:hover a { color:#fff } .proxxk { max-width:1200px; margin:40px auto 0; position:relative; clear:both; overflow:hidden; padding-top:10px } .proxxk2 { height:auto; clear:both; overflow:hidden; position:relative; padding-top:10px } .imorepro { display:block; margin:40px auto 0; background-color:#e00906; color:#fff; padding:5px 10px 8px 10px ; font-size:18px; width:180px; text-align:center; transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; border-radius: 15px; } .imorepro:hover { background-color:#b10603; color:#fff; } .proxxk .proxxk_xun { width:100%; display:none } .proxxk2 .proxxk_xun { width:100%; clear:both; overflow:hidden; display:block; position:relative; height:auto; padding-top:10px } .proxxk .proxxk_xun .proxxk_xun_box { width:100% } .proxxk .proxxk_xun .proxxk_xun_sel { width:100%; height:1px; position:relative } .proxxk .proxxk_xun .proxxk_xun_sel div { position:absolute; z-index:1111; top:92px; cursor:pointer } .proxxk .proxxk_xun .pxb_xun { position:relative; clear:both } .proxxk .proxxk_xun .pxb_xun a { display:inline-block; float:left; width:356px; height:354px; padding:10px 10px 2px; border:#dedede solid 1px; margin-bottom:35px; transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; } .proxxk .proxxk_xun .pxb_xun a:hover { box-shadow:0 0 10px 4px #e1e1e1; transform:translate3d(0,-2px,0) } .proxxk2 .proxxk_xun .pxb_xun a { margin-bottom:40px; border:1px solid #dedede } .procat { max-width:1200px; margin:20px auto 40px; border-bottom:3px solid #000; text-align:center; font-size:20px; padding-bottom:10px } .proxxk .proxxk_xun .pxb_xun a.ipro2 { margin:0 60px } .proxxk .proxxk_xun .pxb_xun a .newsxxk_title { text-align:center; font-size:16px } .proxxk .proxxk_xun .pxb_xun a .newsxxk_stitle { text-align:center; font-size:16px; color:#000; font-weight:700; padding-bottom:8px; padding-top: 5px; } .proxxk .proxxk_xun .pxb_xun a .newsxxk_more { text-align:center; color:#015fc1; margin:15px 0 10px } .proxxk .proxxk_xun .pxb_xun a .pxb_xun_img { background:#fff; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center; position:relative; width:100%; max-height:200px; overflow:hidden } .proxxk .proxxk_xun .pxb_xun a .pxb_xun_img .titlepic { max-height:200px } .proxxk .proxxk_xun .pxb_xun a .pxb_xun_img .ban { position:absolute; background:rgba(45,130,191,.37); width:100%!important; height:225px!important; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center } .proxxk .proxxk_xun .pxb_xun a .pxb_xun_title { font-size:14px; line-height:30px; width:100%; color:#fff } .proxxk .proxxk_xun .pxb_xun a .pxb_xun_time { font-size:12px; line-height:30px; width:100%; color:#737577; background:url(../images/bg24.png) no-repeat 100% 50% } .profenye{ margin-bottom: 30px; } .indexabout { width:100%; padding-bottom:38px } .indexabout2 { background:url(../images/case_bg.png) no-repeat center top; padding-top:50px } .indexabout2 .indextitle { margin:0 auto 30px } .indexabout .indexabout_box { max-width:1200px; transition:all ease .3s; height:auto; margin:0 auto; background-color:#fff; padding:30px 20px; overflow: hidden; } .indexabout .indexabout_box .indexabout_text { width:37%; font-size:14px; color:#606060; text-indent:2em; line-height:24px } .indexabout .indexabout_box .indexabout_img { width:700px; } .indexabout .indexabout_box .indexabout_text .indexabout_link { display:inline-block; width:120px; height:30px; line-height:30px; text-align:left; font-family:宋体; color:#fff; font-size:15px; text-transform:uppercase; background:#e10808; margin-top:25px; transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; border-radius: 10px; } .indexabout .indexabout_box.on { transition:all ease .3s; height:240px } .sss { display:none!important } .honer .fancybox { float:left; width:360px; height:360px; margin:20px 14px 0; background:#fff; transition:all ease .3s } .honer .fancybox .honor_img { width:100%; height:320px; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center; border:#dcdcdc solid 1px; box-shadow:rgba(0,0,0,.22) 0 0 0; padding:5px; vertical-align:middle } .honer .fancybox a { display:block; width:100%; height:100% } .honer .fancybox a:hover .honor_img { box-shadow:rgba(0,0,0,.22) 0 0 10px; transition:all ease .3s } .honer .fancybox .honor_img img { max-height:310px } .honer .fancybox .honor_title { font-size:13px; color:#595959; width:100%; text-align:center; line-height:40px; height:40px } .honer .fancybox:hover { } .honer .fancybox a:hover .honor_title { color:#de0a1e } .fancybox-wrap { overflow:visible!important } .job_title { width:100%; height:51px; border-bottom:#ccc solid 1px } .job_title th { font-size:14px; color:#333; font-weight:bolder; text-align:center; background:#fff; border-bottom:#ddd solid 1px } .job_liebiao { width:90%; margin:0 5% } .job_liebiao .job_liebiao_title { width:100%; cursor:pointer } .job_liebiao .job_liebiao_title td { height:36px; font-size:14px; color:#555; text-align:center; background:#fff; border-bottom:#ddd dashed 1px } .job_liebiao .job_liebiao_title.on td { border-bottom:#ddd dashed 1px } .job_liebiao tr.job_liebiao_title:hover td { background:#eee } .job_liebiao tr.job_liebiao_title.on td { color:#df081c; font-size:14px } .job_liebiao .job_liebiao_title td .img4 { display:none } .job_liebiao tr.job_liebiao_title.on td .img3 { display:none } .job_liebiao tr.job_liebiao_title.on td .img4 { display:block } .job_liebiao .job_liebiao_box { overflow:hidden; display:none; width:100%; padding:0 2%; font-size:12px; line-height:30px; color:#595959 } .job_liebiao .job_liebiao_box b { font-size:14px; color:#333; line-height:51px; font-weight:400 } .job_liebiao .job_liebiao_box a { margin:20px; width:122px; height:34px; background:#ea2626; border-radius:5px; color:#fff; line-height:32px; text-align:center; border:#df081c solid 1px; font-size:14px; display:inline-block } .job_liebiao_text td { border-bottom:#ddd dashed 1px } .service_box { width:100% } .service_box a { font-size:14px; color:#555; line-height:49px; width:100%; height:50px; border-bottom:#ddd dotted 1px; float:left } .service_box a .service_quan { background:#fff; width:10px; height:10px; float:left; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center; margin:21px 14px 0 5px; border:#e12234 solid 1px; border-radius:10px } .service_box a .service_quan div { width:4px; height:4px; border-radius:4px } .service_box a:hover .service_quan div { background:#e12234; float:left } .service_box a .service_title { white-space:pre; text-overflow:ellipsis; overflow:hidden; float:left } .service_box a .service_time { float:right } .service_box a:hover .service_title { color:#e12234 } .service_box a .service_time { font-size:13px; color:#a5a5a5 } .service_box a:hover .service_time { color:#e12234 } .iaov { width:100%; height:50px; display:none; -webkit-align-items:center; -webkit-justify-content:center } .iaov img { height:40px } .iaov .iaov2 { display:none } .MsoNormalTable { width:96%!important; text-indent:0!important; margin:2%; background:#ccc; border-spacing:1px; border-collapse:inherit } .MsoNormalTable td { text-align:center; text-indent:0!important; background:#fff; padding:0 10px; word-break:break-all } .MsoNormalTable tr:first-child td { background:#ccc; color:#fff } @media screen and (min-width:1040px) { .newsline a:hover { padding-left:0; transition:all ease .3s; background:#015fc1 } .newsline a:hover .newstime_top { color:#fff } .newsline a:hover .newstime_bot { color:#fff } .newsline a:hover .newtitle { color:#fff } .newsline a:hover .newsmall { color:#fff } .newsline a:hover .newsjiantou .newsjiantou1 { display:none } .newsline a:hover .newsjiantou .newsjiantou2 { display:block } .index1 div a:hover { border:#afafaf solid 1px; margin-top:-5px; transition:all ease .3s } .index1 div a:hover .index1_img div { background:#e81816 } .proxxk .proxxk_xun .proxxk_xun_sel div .img2 { display:none } .proxxk .proxxk_xun .proxxk_xun_sel div:hover .img1 { display:none } .proxxk .proxxk_xun .proxxk_xun_sel div:hover .img2 { display:block } }@media screen and (max-width:1040px) { } .mo { display:none } .disable_text_highlighting,body { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none } .pctop2 { display:none } .neibanner { } .neibanner img{max-width: 100%;} .footer .footer1 .footer1_xun1 { width:13%; margin-right:2% } .footer .footer1 .footer1_xun2 { width:26% } .motop { display:block } .newsline a { border-bottom:#ccc solid 1px } .newsline a .newstime { display:none } .newsline a .newtext .ntime { display:block } .newsline a .newtext .newtitle { margin-bottom:0; margin-top:20px } .con1 .con1_nei .con1_xun { width:31.3333%; margin:85px 1% 45px } .con1 .con1_nei { width:100% } .probox .probox_left { display:none } .probox .probox_right { width:100% } .probox .probox_right .proboxline .proboxline_box a { width:23%; margin:1% } .probox .probox_right .proboxline .proboxline_box { width:100% } .proxiala { display:block } .details_top_imgbox { float:none; margin:0 auto } .proxxk .proxxk_xun .proxxk_xun_sel .proxxk_xun_left { left:0 } .proxxk .proxxk_xun .proxxk_xun_sel .proxxk_xun_right { right:0 } .proxxk .proxxk_xun .proxxk_xun_sel .img1 { display:none } .proxxk .proxxk_xun .proxxk_xun_sel .img2 { display:block } #flexslider { height:600px } #ban { height:600px } #ban ul.ban_bj li { height:600px; background-size:cover } .indexnesqiehuan .newsxxk a .newsxxk_img { -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center } .fancybox { width:23%; margin:1% } .mot { display:block } .moxl { top:81px } }@media screen and (max-width:770px) { .pc { display:none } .mo { display:block } .footer { padding:30px 0 } .moxl { top:81px } .footer .footer1 .footer1_xun1 { width:25%; text-align:center; margin:0 } .footer .footer1 .footer1_xun2 { width:70%; margin:0 15%; text-align:center } .footer .footer1 .footer1_xun2 .footericon { display:none } .footer .footer1 .footer1_xun2 table { margin:5% 0; width:100% } .footer .footer1 .footer1_xun2 p { height:30px } .footer .footer1 .footer1_xun2 td { height:30px } .footer .footer1 .footer1_xun2 span { float:none } .footer .footer1 .footer1_xun2 .bdsharebuttonbox { float:none; display:inline-block; margin:2% 0 } .footer .footer1 .footer1_xun2 .bdsharebuttonbox a { margin:0 10px } .neibanner { height:280px } .newsline a .newtext { width:100%; padding:0 } .newsline a .newtext .newtitle { font-weight:bolder } .newsline a .newsjiantou { display:none } .message .mess_form div { width:98% } .probox .probox_right .proboxline .proboxline_box a { width:48%; height:355px; margin:1% } .probox .probox_right .proboxline .proboxline_box a .proimg_img { height:290px } .sss { display:block!important } .indexnews { height:auto; padding-bottom:30px } .indexnesqiehuan .newsxxk a { width:96%; margin:2% } #flexslider { height:415px } #ban { height:415px } #ban ul.ban_bj li { height:415px; background-size:cover } .fancybox { width:48%; margin:1% } .pctop1 .pctop1_nei .bdsharebuttonbox { display:none } .footer .footer1 .footer1_xun1 { display:none } .indexabout .indexabout_box { height:241px; overflow:hidden } .iaov { display:-webkit-flex } }@media screen and (max-width:640px) { .mo { display:block } .con1 .con1_nei .con1_xun { width:98% } .probox .probox_right .proboxline .proboxline_box a { width:48%; height:205px; margin:1% } .probox .probox_right .proboxline .proboxline_box a .proimg_img { height:140px } .details_top_imgbox { width:96%; margin:2% } .detailswai .detailswaihezi { width:100% } .index1 div a { width:48%; margin:1%; height:200px } .index1 div a .index1_title { margin-top:10px } .index1 div a .index1_bottom { margin-top:10px } .prosel_xian { display:none } #flexslider { height:220px } #ban { height:220px } #ban ul.ban_bj li { height:220px; background-size:cover } .neimenu div a { margin:0 3px } } .sitemap { padding:45px 0 10px; max-width:1200px; margin:0 auto } .sitemap .siec { clear:both; overflow:hidden; margin-bottom:36px } .sitemap .siec .sititle { display:block; border-bottom:2px solid #2e73da } .sitemap .siec .sititle span { display:block; border-top:4px solid #009afe; width:150px; text-align:center; height:40px; line-height:40px; font-size:20px; color:#fff; font-weight:700; background-color:#2e73da } .sitemap .siec .sibox { border:1px solid #dedede; border-top:0; padding:36px 10px 45px } .sitemap .siec .sibox a { display:block; float:left; padding-right:40px; font-size:14px } .hotnews { margin-bottom:30px; margin-top:20px } .hotnews_top { padding:0; margin:25px 0; background:#0069b7; color:#fff; font-weight:700; height:40px; line-height:40px; margin-bottom:10px; text-align:center; width:100px } .hotnews ul { border-top:1px dashed #ddd; padding-top:15px } .hotnews li { border-bottom:1px dotted #ddd; float:left; line-height:36px; margin-right:100px; padding-left:20px; width:500px; background:url(../images/d.jpg) no-repeat left center } .hotnews li a { color:#2e2e2e } .hotnews li span { color:#999; float:right; font-size:13px } .pinglun { line-height:30px } .xgpinglun { color:red; font-size:16px; font-weight:600; margin-bottom:5px } .pinglun div { border-bottom:1px dashed #c2ccd1; margin-bottom:8px; padding-left:5px } .pinglun div p:nth-of-type(1) { font-size:14px; font-weight:600 } .pinglun div p:nth-of-type(2) { font-size:15px } .page { padding: 40px 0px 30px 0px; text-align: center; clear: both; margin: 0px auto; font-size: 14px; } .page A { BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; MARGIN: 2px; BORDER-LEFT: #c9c9c9 1px solid; COLOR: #818181; BORDER-BOTTOM: #c9c9c9 1px solid; TEXT-DECORATION: none; padding: 10px 15px; } .page A:hover { BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; BORDER-LEFT: #c9c9c9 1px solid; COLOR: #322516; BORDER-BOTTOM: #c9c9c9 1px solid } .page A:active { BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; BORDER-LEFT: #c9c9c9 1px solid; COLOR: #818181; BORDER-BOTTOM: #c9c9c9 1px solid } .page SPAN.current { BORDER-RIGHT: #0c4692 1px solid; BORDER-TOP: #0c4692 1px solid; FONT-WEIGHT: bold; MARGIN: 2px; BORDER-LEFT: #0c4692 1px solid; COLOR: #0c4692; BORDER-BOTTOM: #0c4692 1px solid; background: #fff; padding: 10px 15px; } .page SPAN.disabled { BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; MARGIN: 2px; BORDER-LEFT: #c9c9c9 1px solid; BORDER-BOTTOM: #c9c9c9 1px solid; padding: 10px 15px; color: #666; } /*新增成功案例*/ .index_case{overflow:hidden;padding-bottom:5%;} .index_case .cbox{background:#fff;border:1px solid #e8e8e8;} .index_case .cbox .pic{overflow:hidden;height:210px;} .index_case .cbox .pic img{min-width:100%;min-height:100%;transition:0.5s;} .index_case .cbox p{font-size:14px;color:#333;line-height:55px;padding:0 3%; height: 55px; overflow: hidden;} .index_case .cbox .pic:hover img{transform:scale(1.05);} /*新增内页成功案例*/ .qualificate ul{margin:0 -10px;overflow:hidden;} .qualificate ul li{margin-bottom:2.5%; padding: 0 10px;} .qualificate ul li .main{border:1px solid #ddd;text-align:center;padding:0 10px;} .qualificate ul li .pic{height:180px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:10px 0;} .qualificate ul li .pic img{transition:all 0.5s;max-width:100%;max-height:100%;} .qualificate ul li p{line-height:55px;border-top:1px solid #ddd;color:#333;} .qualificate ul li .pic:hover img,.qualificate ul li .pic:hover .bg{transform:scale(1.05);} .qualificate ul li .main.office{padding:0;} .qualificate ul li .main.office .pic{margin:0;height:200px;background-size:cover!important;} .qualificate ul li .main.office .pic .bg{width:100%;height:100%;background-size:cover!important;background-repeat:no-repeat!important;transition:all 0.5s;} /*头部语言*/ .icon {width: 2em;height: 2em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;} .head-lang {float:right; width: 160px; margin-top: 26px;} .head-lang .lang {width: 100%; height: 26px; color: #666; font-size: 20px;} .head-lang .lang span {font-size: 14px; padding: 0 23px 0 8px;} .head-lang .tel {color: #f20201;clear: both;font-family: arial; font-size: 24px; font-weight: bold;} .head-lang .tel i{font-size: 30px;position:relative; top: 3px;} .pcto_menu ul li:last-child{float: right;} .pcto_menu ul li .language{font-size:14px;color:#fff;line-height:50px;} .pcto_menu ul li .language a{background:none left;color:#fff;text-transform:uppercase;padding-left:28px; padding-top: 1px;padding-bottom: 1px;} .pcto_menu ul li .language a.en{background:none left;color:#fff;text-transform:uppercase;padding-left:28px;padding-top: 1px;padding-bottom: 1px;} /*97711a线路检测中心新闻*/ .index_tit{position:relative;padding-bottom:20px;margin:5% 0;} .index_tit h1{font-size:30px;color:#333;font-family:黑体;font-weight: normal;} .index_tit h2{font-size:30px;color:#333;font-family:黑体;font-weight: normal;} .index_tit p{font-size:24px;color:#333;font-family:Arial;text-transform:uppercase;} .index_tit:after{content:"";display:block;width:73px;height:2px;background:#288ce3;position:absolute;bottom:0;left:0;right:0;margin:0 auto;} .index_tit.bs h1,.index_tit.bs p{color:#fff;} .index_tit.bs:after{background:#fff;} .type_nav{text-align:center;padding-bottom:5%;} .type_nav a h2{font-size:14px;color:#333;line-height:42px;border:1px solid #ddd;display:inline-block;padding:0 10px;white-space:nowrap;margin:0 10px;min-width:112px;margin-bottom:8px;transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease; -webkit-transition: all .5s ease;} .type_nav a.active h2{border:1px solid #288ce3;background:#288ce3;color:#fff;} .type_nav a:hover h2{border:1px solid #288ce3;background:#288ce3;color:#fff;} .index_news{padding-bottom:4%;} .index_news ul{overflow:hidden;margin:0 -15px;} .index_news ul li {padding: 0 15px;} .index_news ul li .main{border:1px solid #ddd;} .index_news ul li .pic{overflow:hidden;height:220px;} .index_news ul li .pic img{min-width:100%;min-height:100%;transition:0.3s;} .index_news ul li .txt{padding:15px 8px;} .index_news ul li .txt h2{font-size:18px;color:#333;line-height:40px; padding: 0; margin: 0;} .index_news ul li .txt p{font-size:14px;color:#999;line-height:24px;height:48px;overflow:hidden;margin-bottom:12px;} .index_news ul li .txt .more{font-size:14px;color:#288ce3;background:url(../images/more.png) no-repeat right;padding-right:18px;} .index_news ul li .txt h2:hover{color:#288ce3;} li{list-style:none;} .dis{display:none;} .clear{clear:both;} .eps{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .container{margin: 0 auto;padding: 0;} .container-news{width: 100%; max-width: 1200px;} /*联系我们*/ .contact{ width: 100%; overflow: hidden; padding: 20px 0 90px 0; } .yb-h1{ font-size: 32px; color: #333333; text-align: center; } .yb-contact-info{ width: 100%; margin-top: 50px; } .yb-contact-info .yb-lx-box1{ width: 30%; float: left; position: relative; } .yb-contact-info .yb-lx-box2{ width: 70%; float: left; } .yb-contact-info .yb-lx-box2 .yb-lx-box2_box{ width: 33.3333%; float: left; position: relative; } .yb-contact-info p{ color: #333333; text-align: center; padding-top: 62px; } .yb-contact-info p.dz{ background: url(../images/c-dz.png) no-repeat top center; padding-left: 5px; padding-right: 5px; } .yb-contact-info p.tel{ background: url(../images/c-tel.png) no-repeat top center; } .yb-contact-info p.email{ background: url(../images/c-email.png) no-repeat top center; } .yb-contact-info p.yb{ background: url(../images/c-yb.png) no-repeat top center; } .lx-line{ width: 1px; min-height: 90px; background: #cbcbcb; position: absolute; right: 0; top: 0; } .maps{ width: 100%; overflow: hidden; margin-top: 50px; } /*新闻展示*/ .yb-ny-dh{ width: 100%; overflow: hidden; background: #f0f0f0; line-height: 58px; } .yb-ny-dh .ny-lm{ float: left; overflow: hidden; } .yb-ny-dh .ny-lm a{ display: block; float: left; color: #555555; margin-left: 55px; border-bottom: 2px solid #f0f0f0; } .yb-ny-dh .ny-lm a:hover, .yb-ny-dh .ny-lm a.on{ border-bottom: 2px solid #0f65be; color: #0f65be; } .yb-ny-dh .ny-lm a:nth-child(1){ margin-left: 0; } .yb-ny-dh .ny-location{ float: right; color: #666666; font-size: 13px; } .yb-ny-dh .ny-location.fl{ float: left; } .yb-ny-dh .ny-location a{ color: #666; } .yb-ny-dh .ny-location a:hover{ color: #0f65be; } /*移动端底部*/ .footH { height: 5rem; display: none; } .footFix { background: #22499a; padding: 10px 0; justify-content: space-between; position: fixed; bottom: 0; width: 100%; z-index: 999; display: none; text-align: center; } .footFix>a { display: inline-block; width: 33%; font-size: 16px; color: #fff!important; } .footFix>a>i.iconfont { font-size: 20px; margin-right: 5px; color: #fff; } /*返回顶部*/ .sroll_top { right: 0.9%; bottom: 13%; position: fixed; display: none; cursor: pointer; } /*在线留言*/ .subcontact-feed { width: 100%; padding-top: 30px; } .subcontact-feed h1 { font-size: 24px; color: #222325; text-align: center; width: 100%; } .subcontact-feed h3 { font-size: 14px; color: #737373; width: 100%; text-align: center; line-height: 20px; padding: 10px 0; } .subcontact-feed form { width: 74%; margin: 0 auto; padding: 30px 0; } .subcontact-feed form input { border: #e9e9e9 solid 2px; height: 45px; padding: 0 30px; background: #fff; border-radius: 45px; margin-bottom: 17px; color: #222325; } .subcontact-feed form div {} .subcontact-feed form .input-first { display: flex; flex-direction: row; justify-content: space-between; } .subcontact-feed form .input-first input { width: 32%; } .subcontact-feed form .input-add input { width: 100%; } .subcontact-feed form .input-content textarea { border: #e9e9e9 solid 2px; padding: 30px 30px; background: #fff; border-radius: 45px; margin-bottom: 27px; width: 100%; color: #222325; } .subcontact-feed form .form-btn { text-align: center; } .subcontact-feed form .form-btn button { background: #015fc1; height: 45px; padding: 0 30px; border: none; text-align: center; line-height: 45px; color: #fff; font-size: 16px; border-radius: 45px; width: 60%; margin: 0 auto; outline: none; text-align: center; } /*右侧浮动*/ .right-nav { position: fixed; right: 0; top: 50%; margin-top: -116px; width: 67px; height:228px; color: #fff; z-index: 99; transition: right, 0.5s; font-size: 14px; } @media screen and (max-width: 1365px) { .right-nav { right: -67px; } } @media screen and (min-width: 1366px) { .right-nav { right: 0; } } .right-nav .nav-hover>div { height: 57px; position: relative; text-align: center; line-height: 14px; overflow: hidden; margin-bottom: 1px; background: #2caeff; } .right-nav .nav-hover>div> .ibox{ width: 67px; height: 56px; text-align: center; line-height: 56px; } .right-nav .nav-hover>div>i { color: #fff; font-size:28px; position: relative; top: 23px; } .right-nav .nav-hover>div> a i{ color: #fff; font-size:28px; position: relative; top: 23px; } .right-nav .nav-hover>div .nav-open { position: absolute; left: -150px; top: 0; min-height: 56px; opacity: 0; width: 135px; line-height: 56px; background-color: #2caeff; color: #fff; transition: left, 0.5s; } .right-nav .nav-hover>div .nav-open .arrow { position: absolute; right: -8px; top: 14px; width: 0; height: 0; border: 4px solid transparent; border-left: 4px solid #2caeff; } .right-nav .nav-hover>div .nav-open .team-num { line-height: 18px; background-color: #2caeff; color: #fff; margin-top: -5px; padding-bottom: 5px; } .right-nav .nav-hover>div .nav-open .team-num2 { margin-top: 10px; font-size: 12px; } .right-nav .nav-hover>div .nav-open img { width: 135px; } .right-nav .nav-hover>div:hover { background-color: #015fc1; overflow: visible; } .right-nav .nav-hover>div:hover .nav-open { opacity: 1; left: -135px; } .right-nav .nav-hover>div .fdweixin { background: #2caeff!important; padding: 8px; width: 150px; left: -150px!important; } @media screen and (max-width: 768px) { .right-nav{ display: none; } }