@charset "utf-8"; html,body { width:100%; overflow-x:hidden;} html { height:100%; background:#f5f5f5;} body { max-width:1920px; min-height:100%; margin:0 auto; background:#fff; font:0/0 Arial; color:#595757; overflow-y:hidden;} * { margin:0; padding:0; list-style:none;} img,iframe { border:0;} u { text-decoration:none;} i { font-style:normal;} b { font-weight:normal;} a,a:hover { text-decoration:none; color:#ff3c00;} a { color:#595757; blr:expression(this.onFocus=this.blur());} :focus { outline:none;} div,ul { font:12px/20px "microsoft yahei","SimSun";} p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;} h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;} table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;} table td { padding:8px 10px; border:#ccc 1px solid; vertical-align:middle;} table.noborder { border:0;} table.noborder td { border:0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;} video { background:#333; font:0/0 arial;} input,select,textarea { float:left; background:none; border:0; font:14px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;} input[type="submit"],.button,.submit { cursor:pointer;} select:-ms-expand { display:none;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);} input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);} input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);} input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);} input.white::-webkit-input-placeholder,textarea.white::-webkit-input-placeholder { color:#fff;} input.white::-moz-placeholder,textarea.white::-moz-placeholder { color:#fff;} input.white:-moz-placeholder,textarea.white:-moz-placeholder { color:#fff;} input.white:-ms-input-placeholder,textarea.white:-ms-input-placeholder { color:#fff;} html::-webkit-scrollbar { width:10px; height:10px;} html::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.25); border:transparent 2px solid; border-radius:10px; background-clip:padding-box;} html::-webkit-scrollbar-thumb:hover { background-color:rgba(50,50,50,0.5);} html::-webkit-scrollbar-track { background:rgba(50,50,50,0.05);} html::-ms-clear,::-ms-reveal { display:none;} .m_fl,ul,ol,li { float:left;} .m_fr { float:right;} .m_auto { float:none !important; margin:auto; zoom:1;} .m_auto:after { clear:both; content:""; display:block;} .overflow,li { overflow:hidden;} .hidden { display:none;} .display { display:block;} .name { text-overflow:ellipsis; white-space:nowrap;} .bg img { width:100%; opacity:0; visibility:hidden;} .img,.swiper,.banner .imgs,.loading,article.img_loading img,article iframe,article video { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;} .img img { width:100%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;} /**头部和尾部**/ header { width:100%; height:100px; position:relative; z-index:150;} header:before { width:1000%; height:100px; content:""; background:#005bac; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;} header .logo { height:60px; font:0/0 Arial; position:absolute; top:50%; left:60px; margin-top:-30px; z-index:50;} header .logo img { height:100%;} header .nav { height:100px; position:absolute; top:0; right:350px; z-index:30;} header .nav>li { height:100%; margin-left:50px; overflow:visible; position:relative;} header .nav>li>a { float:left; height:100%; line-height:100px; font-size:18px; color:#fff; position:relative;} header .nav>li>a:before { width:0; height:3px; content:""; background:#ff3c00; position:absolute; bottom:0; left:0;} header .nav>li:hover>a { color:#ff3c00;} header .nav>li>a.active { color:#ff3c00;} header .nav>li>a.active:before { width:100%;} header .nav>li dl { width:80px; padding:10px 0; position:absolute; top:100%; left:0; transform:translateX(-50%); transition:all 0.2s; opacity:0; visibility:hidden;} header .nav>li:hover dl,header .nav>li dl.open { transform:translateX(0%); opacity:1; visibility:visible;} header .nav>li dl:before { width:10000%; height:100%; content:""; background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%);} header .nav>li dl dd { float:left; width:100%; height:36px; line-height:36px; font-size:14px; position:relative; z-index:10;} header .nav>li dl dd a { height:100%; display:block; position:relative;} header .nav>li dl dd a i { display:inline-block; position:relative;} header .nav>li dl dd.dd>a:after { width:0; height:0; content:""; border-top:transparent 4px solid; border-bottom:transparent 4px solid; border-left:#ff3c00 4px solid; position:absolute; top:50%; right:3px; margin-top:-4px; display:none;} header .nav>li dl dd a i:before { width:100%; height:1px; content:""; background:#ff3c00; position:absolute; bottom:7px; left:0; display:none;} header .nav>li dl dd.dd:hover>a:after { display:block;} header .nav>li dl dd:hover>a, header .nav>li dl dd>a.active { color:#ff3c00;} header .nav>li dl dd>a.active i:before { display:block;} header .nav>li dl dd ol { width:100px; height:calc(100% - 20px); padding:10px 0 10px 20px; border-radius:0 5px 5px 5px; position:fixed; top:0; left:100%; transform:translateX(-15px); transition:all 0.2s; opacity:0; visibility:hidden;} header .nav>li dl dd:hover ol { transform:translateX(0); opacity:1; visibility:visible;} header .nav>li dl dd ol:after { width:1px; height:calc(100% - 43px); content:""; background:#e6e6e6; position:absolute; top:22px; left:1px;} header .nav>li dl dd ol li { width:100%; position:relative; z-index:10;} header .nav>li dl dd ol li a { float:left; width:calc(100% - 8px); height:26px; padding-left:8px; margin:5px 0; line-height:26px; font-size:14px; color:#898989; overflow:hidden; position:relative;} header .nav>li dl dd ol li a:before { width:3px; height:3px; content:""; background:#898989; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);} header .nav>li dl dd ol li a:hover { color:#005bac;} header .nav>li dl dd ol li a:hover:before { background:#005bac;} header .nav>li dl dd ol li a.active { color:#005bac;} header .nav>li dl dd ol li a.active:before { background:#005bac;} header .nav>li dl.dl_about { width:90px;} header .nav>li dl.dl_product { width:100px;} header .icon { height:40px; position:absolute; top:50%; right:50px; margin-top:-20px; z-index:10;} header .icon li { width:40px; height:100%; margin-left:10px; overflow:visible; cursor:pointer;} header .icon li>i { float:left; width:20px; height:20px; margin:10px; background:url(../images/base.png) no-repeat -50px 0px;} header .icon li.icon_search>i { background-position:-50px 0px;} header .icon li.icon_search:hover>i { background-position:-50px -20px;} header .icon li.icon_ewm>i { background-position:-90px 0px;} header .icon li.icon_ewm:hover>i { background-position:-90px -20px;} header .icon li.link { width:auto; margin-right:10px; line-height:40px; font-size:14px;} header .icon li.link a { height:100%; padding-left:25px; color:#fff; display:block; overflow:hidden; position:relative;} header .icon li.link a:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -110px 0; position:absolute; top:50%; left:0; margin-top:-10px;} header .icon li.link a:hover { color:#ff3c00;} header .icon li.link1 a:before { background-position:-110px 0;} header .icon li.link1 a:hover:before { background-position:-110px -20px;} header .icon li.link2 a:before { background-position:-130px 0;} header .icon li.link2 a:hover:before { background-position:-130px -20px;} header .icon li dl { padding:50px 0 20px; cursor:initial; position:absolute; top:100%; right:10px; transition:all 0.15s; opacity:0; visibility:hidden;} header .icon li:hover dl,header .icon li dl.open { top:100%; opacity:1; visibility:visible; z-index:10;} header .icon li dl:before { width:10000%; height:calc(100% - 30px); content:""; background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%);} header .icon li dd { float:left; color:#3e3a39; position:relative; z-index:10;} header .icon li.icon_search dl { width:1800px; height:145px;} header .icon li.icon_search form { width:500px; height:50px; position:absolute; top:90px; left:50%; transform:translateX(-50%); z-index:10;} header .icon li.icon_search form p { height:100%; position:absolute; top:50%; transform:translateY(-50%);} header .icon li.icon_search form .ico { width:24px; height:14px; border-right:#ddd 1px solid; left:0;} header .icon li.icon_search form .ico:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -36px 0; position:absolute; top:0; left:0;} header .icon li.icon_search form .submit { width:80px; height:36px; background:#ff3c00; text-align:center; line-height:36px; font-size:16px; color:#fff; right:0; z-index:20;} header .icon li.icon_search form input[name=wd] { width:100%; height:calc(100% - 1px); padding:0 0 1px; border-bottom:#ddd 1px solid; text-indent:36px; font-size:14px; position:absolute; top:0; left:0;} header .icon li.icon_search form input[name=wd]:focus { border-color:#ff3c00;} header .icon li.icon_search form input[type=submit] { width:80px; height:36px; background:transparent; border:0; font:0/0 arial; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:30;} header .icon li.icon_ewm dl { width:calc((120px + 40px) * 3 - 40px);} header .icon li.icon_ewm dd { width:120px; height:145px; margin-left:40px;} header .icon li.icon_ewm dd:first-child { margin:0;} header .icon li.icon_ewm dd p { width:100%; text-align:center; position:absolute; left:0;} header .icon li.icon_ewm dd .img { height:120px; top:0;} header .icon li.icon_ewm dd .txt { width:calc(100% + 10px); height:14px; line-height:14px; font-size:14px; bottom:0; left:-5px;} footer { width:1300px; min-height:200px; padding-bottom:60px; margin-top:60px !important; color:rgba(255,255,255,0.7); position:relative; z-index:100;} footer:before { width:1920px; height:calc(100% - 60px); content:""; background:#005bac; border-bottom:#ff3c00 60px solid; position:absolute; top:0; left:50%; margin-left:-960px;} #footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;} footer a { color:rgba(255,255,255,0.7);} footer a:hover { color:rgba(255,255,255,1);} footer>ul { position:relative; z-index:10;} footer .links { width:calc(100% - 110px); min-height:34px; padding:18px 0 18px 110px; position:relative;} footer .links:before { width:1000%; height:1px; content:""; background:rgba(255,255,255,0.1); position:absolute; bottom:0; left:50%; transform:translateX(-50%);} footer .links li { width:100%;} footer .links li p { float:left; height:20px; margin:4px 0 4px 25px; line-height:20px; font-size:14px;} footer .links li a { height:100%; color:#fff; display:block; position:relative;} footer .links li a:after { width:0%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:0; transition:all 0.2s;} footer .links li a:hover:after { width:100%;} footer .links li.sort { width:108px; height:38px; margin:0; border:#fff 1px solid; text-align:center; line-height:38px; color:#fff; position:absolute; top:26px; left:0;} footer .links li.sort a { padding-left:30px; display:inline-block;} footer .links li.sort a:before { width:23px; height:7px; content:""; background:url(../images/base.png) no-repeat -20px -40px; position:absolute; top:50%; left:0; transform:translateY(-50%);} footer .links li.sort a:after { display:none;} footer .nav { width:100%; height:180px; margin:30px 0; overflow:hidden;} footer .nav dl { float:left; width:130px; height:calc(100% - 30px); padding-top:30px; margin-right:5px; overflow:hidden; position:relative;} footer .nav dl a { float:left; max-width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;} footer .nav dt { line-height:26px; font-size:16px; color:#fff; position:absolute; top:-5px; left:0;} footer .nav dt a { color:#fff;} footer .nav dt a:after { width:100%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:0; display:none;} footer .nav dt a:hover:after { display:block;} footer .nav dd { float:left; width:100%; height:20px; margin-top:8px; font-size:14px; overflow:hidden;} footer .nav dd a { height:100%; display:block;} footer .ewm { position:absolute; top:124px; right:0; z-index:15;} footer .ewm li { width:130px; height:155px; margin-left:40px; position:relative;} footer .ewm li:before { width:100%; height:130px; content:""; background:url(../images/bg_ewm.png) no-repeat; position:absolute; top:0; left:0;} footer .ewm li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;} footer .ewm li .img { width:106px; height:106px; border:#fff 5px solid; top:7px; left:7px;} footer .ewm li.mob .img { width:106px; height:106px; border:#fff 5px solid;} footer .ewm li .name { line-height:14px; font-size:14px; color:#fff; bottom:0;} footer .copyright { width:100%; line-height:40px; font-size:14px; color:rgba(255,255,255,0.8); position:absolute; bottom:10px; left:0;} footer .copyright li { height:100%;} footer .copyright li:nth-child(2) { position:absolute; top:0; right:0;} footer .copyright li span { margin-left:15px; display:inline-block;} footer .copyright a { color:rgba(255,255,255,0.8);} footer .copyright a:hover { color:rgba(255,255,255,1);} footer #fixed_right { width:36px; position:fixed; bottom:80px; right:50%; margin-right:-700px;} footer #fixed_right li { width:100%; height:36px; position:relative; transform:translateY(500%); transition:all 0.25s;} footer #fixed_right li a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); background:#ff3c00; border:rgba(255,255,255,0.5) 1px solid; border-radius:3px; position:relative;} footer #fixed_right li a:before { width:24px; height:24px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px;} footer #fixed_right .gotoTop a:hover { background:#005bac;} footer #fixed_right .gotoTop a:before { width:0; height:0; content:""; border-left:transparent 8px solid; border-right:transparent 8px solid; border-bottom:#fff 8px solid; position:absolute; top:50%; left:50%; margin:-5px 0 0 -8px;} footer #fixed_right .gotoTop.open { transform:translateY(0);} /**公共**/ .banner { width:100%; position:relative; z-index:10;} .banner .list { width:100%; position:relative; z-index:10;} .banner .list li { width:100%; position:relative;} .banner .list .imgs { width:100%; text-align:center; font:0/0 Arial;} .banner .list .imgs img { width:100%; transition:all 0.5s;} .banner .list .imgs img:hover { transform:scale(1.03);} main { width:1300px; position:relative; z-index:100;} .main_menu { width:100%; height:126px;} .main_all { width:100%;} .main_product_left { width:calc(100% - 300px - 40px);} .main_product_right { width:300px;} .main_product_fixed { position:absolute; right:50%; margin-right:-650px;} .main_news_left { width:calc(100% - 300px - 40px);} .main_news_right { width:300px;} .main_news_fixed { position:absolute; right:50%; margin-right:-650px;} .main_menu .menu { width:1300px; height:66px; line-height:66px; font-size:16px; position:relative; z-index:100;} .main_menu .menu:before { width:1920px; height:calc(100% - 1px); content:""; background:#fff; border-bottom:#ddd 1px solid; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;} .main_menu .menu li { height:100%; margin-right:1px; overflow:visible; position:relative; z-index:10;} .main_menu .menu li>a { float:left; height:100%; padding:0 30px; color:#3e3a39; position:relative;} .main_menu .menu li:hover>a { background:rgba(255,60,0,0.1);} .main_menu .menu li>a.active { background:#ff3c00; color:#fff;} .main_menu .menu.max li>a { padding:0 20px;} .main_menu .menu#menu_fixed { position:fixed; top:0; left:50%; transform:translateX(-50%);} .main_menu .menu li dl { width:100%; padding:8px 0; position:absolute; top:100%; left:0; transform:translateY(20px); transition:all 0.2s; opacity:0; visibility:hidden;} .main_menu .menu li:hover dl,.main_menu .menu li dl.open { transform:translateY(0); opacity:1; visibility:visible;} .main_menu .menu li dl:before { width:calc(100% - 2px); height:100%; content:""; background:#fff; border:rgba(0,0,0,0.05) 1px solid; border-top:0; border-radius:0 0 5px 5px; position:absolute; bottom:0; left:0;} .main_menu .menu li dl dd { float:left; width:100%; height:32px; text-align:center; line-height:32px; font-size:14px; overflow:hidden; position:relative; z-index:10;} .main_menu .menu li dl dd a { height:100%; display:block; position:relative;} .main_menu .menu li dl dd a i { display:inline-block; position:relative;} .main_menu .menu li dl dd.dd>a:after { width:0; height:0; content:""; border-top:transparent 4px solid; border-bottom:transparent 4px solid; border-left:#ff3c00 4px solid; position:absolute; top:50%; right:3px; margin-top:-4px; display:none;} .main_menu .menu li dl dd a i:before { width:100%; height:1px; content:""; background:#ff3c00; position:absolute; bottom:7px; left:0; display:none;} .main_menu .menu li dl dd.dd:hover>a:after { display:block;} .main_menu .menu li dl dd:hover>a, .main_menu .menu li dl dd>a.active { color:#ff3c00;} .main_menu .menu li dl dd>a.active i:before { display:block;} .main_menu .location { height:20px; font:12px/20px "SimSun"; color:#727171; position:absolute; top:50%; right:0; margin-top:-10px; z-index:20;} .main_menu .location i,.main_menu .location a { color:#727171; font-family:"microsoft yahei"; display:inline-block; position:relative;} .main_menu .location a:hover { color:#ff3c00;} .main_menu .location i { padding-left:28px;} .main_menu .location i:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat -15px 0; position:absolute; top:50%; left:0; margin-top:-8px;} .main_menu .menu .search_tongji { line-height:66px; font-size:14px;} .main_menu .menu .search_tongji i { color:#f00;} .main_product_right .product_list { width:100%;} .main_product_right .product_list dt { float:left; width:100%; height:37px; border-bottom:#dddede 1px solid; line-height:18px; font-size:20px; color:#3f3537; overflow:visible;} .main_product_right .product_list dd { float:left; width:100%; margin-top:15px;} .main_product_right .product_list dd a { float:left; width:calc(100% - 4px); padding-bottom:40px; border:#c9caca 1px solid; color:#3e3a39; position:relative;} .main_product_right .product_list dd p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;} .main_product_right .product_list dd img { width:100%;} .main_product_right .product_list dd .bg { float:left; font:0/0 arial; position:relative;} .main_product_right .product_list dd .img { width:calc(100% - 8px); height:calc(100% - 44px); top:4px; left:4px;} .main_product_right .product_list dd .img img { min-height:100%;} .main_product_right .product_list dd .name { width:calc(100% - 10px); height:40px; padding:0 5px; line-height:40px; font-size:15px; bottom:1px;} .main_product_right .product_list dd a:hover { border-color:#ff3c00; color:#ff3c00;} .main_news_right .news_list { width:calc(100% - 30px); padding:0 15px 5px; position:relative;} .main_news_right .news_list:before { width:calc(100% - 10px); height:calc(100% - 46px); content:""; border:#eee6e5 5px solid; position:absolute; bottom:0; left:0; z-index:1;} .main_news_right .news_list dt { float:left; width:calc(100% + 30px); height:40px; margin:0 -15px; line-height:18px; font-size:20px; color:#3f3537; overflow:visible; position:relative; z-index:5;} .main_news_right .news_list dd { float:left; width:100%; height:45px; border-top:#eee6e5 1px solid; line-height:44px; font-size:14px; position:relative; z-index:10;} .main_news_right .news_list dd a { float:left; width:100%; height:100%; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;} .main_news_right .news_list dd a:before { width:4px; height:4px; content:""; background:#595757; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);} .main_news_right .news_list dd a:hover:before { background:#ff3c00;} /**内容**/ article { width:100%; margin:-7px 0 -7px; line-height:28px; font-size:15px; position:relative;} article * { max-width:100%; position:relative; z-index:10;} article img { max-width:100%; margin:7px auto -2px;} article iframe { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;} article table { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;} article table.noborder:first-child { margin-top:-5px;} article table.none { border:0;} article table.none:first-child { margin-top:-5px;} article table.none td { padding:0; vertical-align:top; border:0;} article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px;} article .no { margin-top:0; font:0/0 Arial;} article .no img { margin:0 !important;} article .no:last-child { margin-bottom:7px;} /**列表**/ #list { width:100%; position:relative; z-index:20;} #list .pages { width:calc(100% - 120px); height:28px; padding:10px 110px 10px 10px; margin-top:25px; text-align:right; position:relative; z-index:100;} #list .pages:before { width:100%; height:100%; content:""; background:#ececec; border-radius:3px; position:absolute; top:0; left:0; z-index:1;} #list .pages>a,#list .pages span { height:26px; line-height:26px; padding:0 10px; margin-left:8px; background:#fff; border:#c9caca 1px solid; border-radius:3px; display:inline-block; position:relative; z-index:10;} #list .pages>a:hover,#list .pages span { background:#ff3c00; border-color:#ff3c00; color:#fff;} #list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;} #list .pages .nums i { padding:0 3px;} #list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;} #list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;} #list .pages .gotoPage { width:65px; height:28px; background:none; border:0; color:#595757; position:absolute; bottom:10px; right:10px;} #list .pages .gotoPage em { font-style:normal; background:#fff; position:absolute;} #list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; text-align:left; text-indent:9px; font-size:12px; top:0; left:0; z-index:20; cursor:pointer;} #list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;} #list .pages .gotoPage em.open { border-color:#ff3c00;} #list .pages .gotoPage em.open:after { transform:rotate(180deg);} #list .pages .gotoPage dl { width:calc(100% - 2px); max-height:calc(28px * 6 - 1px); background:#fff; border:#ff3c00 1px solid; border-radius:3px; position:absolute; top:auto; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:10; transition:all 0.3s; transform:translateY(10px); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;} #list .pages .gotoPage dl dd { float:left; width:100%; height:27px; line-height:28px; border-top:#ddd 1px solid; text-indent:9px; overflow:hidden;} #list .pages .gotoPage dl dd a { float:left; width:100%; height:100%; font-size:12px;} #list .pages .gotoPage dl dd:first-child { border:0;} #list .pages .gotoPage dl dd a:hover { background:rgba(0,0,0,0.05); color:#ff3c00;} #list .pages .gotoPage dl dd a.active { background:#ececec; color:#ff3c00;} #list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;} #list .list_photo { width:calc(100% + 20px); margin:-20px 0 0px;} #list .list_photo li { width:calc(100% / 3 - 20px); margin:20px 20px 0 0; border:#ff3c00 0px solid;} #list .list_photo li a { float:left; width:100%; padding-bottom:40px; position:relative;} #list .list_photo li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;} #list .list_photo li img { width:100%;} #list .list_photo li .bg { float:left; font:0/0 arial; position:relative;} #list .list_photo li .img { height:calc(100% - 40px); top:0;} #list .list_photo li .img img { min-height:100%;} #list .list_photo li .name { width:calc(100% - 10px); height:40px; padding:0 5px; background:#c9caca; line-height:40px; font-size:15px; color:#3e3a39; bottom:0;} #list .list_photo li:hover .img img { transform:scale(1.08);} #list .list_photo li:hover .name { background:#ff3c00; color:#fff;} #list .list_photo.list_honor li:hover .img img { transform:scale(1);} #list .list_photo.list_yuangong li { width:calc(100% / 4 - 20px);} #list .list_photo.list_yuangong li:hover .img img { transform:scale(1);} #list .list_photo.list_product li { width:calc(100% / 4 - 20px);} #list .list_photo.list_product li a { width:calc(100% - 2px); padding-bottom:40px; border:#c9caca 1px solid;} #list .list_photo.list_product li .img { width:calc(100% - 8px); height:calc(100% - 48px); top:4px; left:4px;} #list .list_photo.list_product li .name { height:20px; background:none; line-height:20px; font-size:18px; bottom:12px;} #list .list_photo.list_product li:hover a { border-color:#ff3c00;} #list .list_photo.list_product li:hover .img img { transform:scale(1);} #list .list_photo.list_product li:hover .name { background:none; color:#ff3c00;} #list .list_news { width:100%; margin-top:-15px; position:relative; z-index:90;} #list .list_news li { width:100%; height:200px; margin-top:15px; background:#f2f2f2;} #list .list_news li a { height:100%; color:#3e3a39; display:block; position:relative;} #list .list_news li p { width:calc(100% - 360px); overflow:hidden; position:absolute; left:330px;} #list .list_news li .img { width:300px; height:100%; top:0; left:0;} #list .list_news li .img img { min-height:100%;} #list .list_news li .name { height:20px; line-height:18px; font-size:18px; font-weight:bold; top:29px;} #list .list_news li .info { height:72px; line-height:24px; font-size:14px; top:65px;} #list .list_news li .date { height:12px; line-height:12px; font-size:12px; bottom:30px;} #list .list_news li .date span { height:100%; margin-left:40px; display:inline-block;} #list .list_news li .date span:first-child { margin:0;} #list .list_news li:hover a { background:#ff3c00;} #list .list_news li:hover p { color:#fff;} #list .list_news li:hover .img img { transform:scale(1.1);} #list .list_text { width:100%; margin-top:-24px; position:relative; z-index:90;} #list .list_text li { width:100%; padding-bottom:24px; margin-top:20px; border-bottom:#c9caca 1px dotted;} #list .list_text li p { overflow:hidden; position:relative; z-index:10;} #list .list_text li .name { margin-bottom:15px; line-height:20px; font-size:16px; white-space:normal;} #list .list_text li .name a { color:#3a3a3a;} #list .list_text li .info { max-height:44px; line-height:22px; color:#777; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} #list .list_text li .date { margin-top:18px; line-height:12px; color:#898989;} #list .list_text li:hover a { color:#ff3c00;} #list .list_complaint { width:100%; padding-bottom:50px; margin-bottom:30px; position:relative;} #list .list_complaint li.text { width:100%; margin-top:-3px; text-align:center; line-height:24px; font-size:20px; font-weight:bold; color:#005bac;} #list .list_complaint li.phone { line-height:30px; font-size:36px; color:#ff3c00; position:absolute; bottom:0; left:50%; transform:translateX(-50%);} #list .list_complaint li.phone span { float:left; margin-top:14px; line-height:16px; font-size:16px; color:#595757;} #list .form_msg { width:100%; height:400px; background:#eaedef; border:#efefef 0px solid; position:relative;} #list .form_msg li { width:100%; height:50px; position:absolute; z-index:10;} #list .form_msg li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;} #list .form_msg li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px;} #list .form_msg li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;} #list .form_msg li input:focus,#list .form_msg li textarea:focus { border-color:#ff3c00;} #list .form_msg li.user { width:calc((100% - 95px) / 2); background:#fff; top:35px; left:35px;} #list .form_msg li.user:before { background-position:0 -20px;} #list .form_msg li.tel { width:calc((100% - 95px) / 2); background:#fff; top:35px; right:35px;} #list .form_msg li.tel:before { background-position:-20px -20px;} #list .form_msg li.detail { width:calc(100% - 70px); height:180px; background:#fff; top:110px; left:35px;} #list .form_msg li.submit { width:126px; height:46px; background:#ff3c00; border:0; border-radius:5px; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:35px; right:35px;} #list .form_msg li.submit:hover { background:#ff3c00;} #list .form_msg li.submit i { padding-left:28px; display:inline-block; position:relative;} #list .form_msg li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -40px; position:absolute; top:50%; left:0; margin-top:-7px;} #list .form_msg li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;} #list .list_zhaopin { width:100%; background:rgba(255,60,0,0.03); position:relative;} #list .list_zhaopin li { width:100%; height:49px; border-bottom:#c9caca 1px solid; line-height:48px; font-size:14px; position:relative;} #list .list_zhaopin li p { float:left; height:100%; text-align:center;} #list .list_zhaopin li a { height:100%; display:inline-block;} #list .list_zhaopin li .name { width:calc(100% - 620px); text-align:left; text-indent:20px;} #list .list_zhaopin li .name a { text-indent:0; color:#3e3a39;} #list .list_zhaopin li .num { width:130px;} #list .list_zhaopin li .edu { width:130px;} #list .list_zhaopin li .date { width:130px;} #list .list_zhaopin li .view { width:100px; margin-left:20px;} #list .list_zhaopin li .apply { width:100px; margin-right:10px;} #list .list_zhaopin li .apply a { color:#005bac;} #list .list_zhaopin li .apply a:hover { color:#ff3c00;} #list .list_zhaopin li:nth-child(1) { background:#005bac; font-size:16px; color:#fff;} #list .list_zhaopin li:nth-child(1) .name { text-indent:20px;} #list .list_zhaopin li:nth-child(2n) { background:#eef4f7;} #list .list_message { width:100%; margin-top:40px; border-bottom:#d1d3d4 1px solid; position:relative;} #list .list_message li { width:100%; padding-bottom:12px; border-top:#d1d3d4 1px solid; position:relative;} #list .list_message li p { width:100%; position:relative;} #list .list_message li .name { margin:10px 0 8px; color:#898989;} #list .list_message li .name span { position:absolute; top:0; right:0;} #list .list_message li .reply { width:calc(100% - 50px); margin-top:10px; border:rgba(0,0,0,0.1) 1px solid; border-radius:4px; padding:8px 0 8px 48px;} #list .list_message li .reply span { color:#898989; position:absolute; top:8px; left:9px;} #list .search_tongji { width:100%; height:58px; margin-bottom:30px; background:#eaedef; border-top:#ff3c00 2px solid; position:relative; z-index:10;} #list .search_tongji li { height:20px; text-indent:12px; font-size:14px; position:absolute; top:50%; left:15px; margin-top:-10px;} #list .search_tongji li:before { width:3px; height:18px; content:""; background:#ff3c00; position:absolute; top:50%; left:0; margin-top:-8px;} #list .search_tongji i { color:#f00;} #list .search_news { width:100%; margin-top:-24px; position:relative; z-index:90;} #list .search_news li { width:100%; padding-bottom:24px; margin-top:20px; border-bottom:#c9caca 1px dotted;} #list .search_news li p { overflow:hidden; position:relative; z-index:10;} #list .search_news li .name { margin-bottom:15px; line-height:20px; font-size:16px; white-space:normal;} #list .search_news li .name a { color:#3a3a3a;} #list .search_news li .img { float:left; width:130px; height:85px; margin:-3px 15px -10px 0; overflow:hidden; z-index:20;} #list .search_news li .img img { min-height:100%; transition:all 0.8s;} #list .search_news li .info { height:44px; line-height:22px; color:#777; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} #list .search_news li .date { margin-top:18px; line-height:12px; color:#898989;} #list .search_news li .date span { height:100%; padding-left:11px; margin-left:12px; border-left:#898989 1px solid; display:inline-block;} #list .search_news li .date span:first-child { padding:0; margin:0; border:0;} #list .search_news li:hover a { color:#ff3c00;} #list .search_news li:hover .imgs img { transform:scale(1.08);} /**详情**/ #detail { width:100%; position:relative; z-index:20;} #detail .pages { width:100%; margin-top:30px; padding-top:30px; border-top:#ddd 1px solid;} #detail .pages li { width:calc((100% - 20px) / 2); margin-left:20px; height:50px; line-height:48px; font-size:14px;} #detail .pages li:first-child { margin:0;} #detail .pages li a { float:left; width:calc(100% - 30px); height:calc(100% - 2px); padding:0 14px; border:#3f3537 1px solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #detail .pages li i { float:left; height:100%; padding-right:25px; position:relative;} #detail .pages li i:after { width:1px; height:20px; content:""; background:#ddd; position:absolute; top:50%; right:14px; margin-top:-10px;} #detail .pages li a:hover { border-color:#ff3c00; color:#ff3c00;} #detail .pages li .none,#detail .pages li .none:hover { border-color:#9aa1a5; color:#9aa1a5;} #detail .view_product_title { width:100%; margin:-6px 0 30px; border-bottom:#ddd 1px solid;} #detail .view_product_title h1 { float:left; width:100%; text-align:center; line-height:34px; font-size:24px; font-weight:bold; color:#30363a;} #detail .view_product_title li { width:100%; margin:10px 0 12px; text-align:center; line-height:20px; font-size:12px; color:#898989;} #detail .view_product_title li span { padding-left:21px; display:inline-block; position:relative;} #detail .view_product_title li span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;} #detail .view_product_title li span:first-child { padding:0;} #detail .view_product_title li span:first-child:before { display:none;} #detail .view_product_title li a { color:#898989;} #detail .view_product_title li a:hover { color:#ff3c00;} #detail .view_product_img { width:100%; text-align:center; font:0/0 arial;} #detail .view_product_img img { max-width:450px;} #detail .view_product_tab { width:100%; height:40px; margin:30px 0; background:rgba(255,60,0,0.2); line-height:40px; font-size:16px;} #detail .view_product_tab li { height:100%; padding:0 20px; position:relative;} #detail .view_product_tab li.active { background:#ff3c00; color:#fff;} #detail .view_news_title { width:100%; margin:-6px 0 30px; border-bottom:#ddd 1px solid;} #detail .view_news_title h1 { float:left; width:100%; line-height:34px; font-size:24px; font-weight:bold; color:#30363a;} #detail .view_news_title li { width:100%; margin:10px 0 12px; line-height:20px; font-size:12px; color:#898989;} #detail .view_news_title li span { padding-left:21px; display:inline-block; position:relative;} #detail .view_news_title li span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;} #detail .view_news_title li span:first-child { padding:0;} #detail .view_news_title li span:first-child:before { display:none;} #detail .view_photo_title { width:100%; margin:-6px 0 -4px;} #detail .view_photo_title h1 { float:left; width:100%; text-align:center; line-height:34px; font-size:24px; font-weight:bold; color:#30363a;} #detail .view_photo_img { width:100%; padding:25px 0 30px; margin:25px 0 30px; border:#ddd 1px solid; border-left:0; border-right:0; text-align:center; font:0/0 arial;} #detail .view_photo_img img { max-width:600px;} #detail .view_job_title { width:calc(100% - 2px); height:78px; margin-bottom:30px; background:#F1F4FF; border:#D8DDED 1px solid; position:relative;} #detail .view_job_title h1 { line-height:16px; font-size:16px; color:#30363a; position:absolute; top:15px; left:15px;} #detail .view_job_title li { line-height:14px; font-size:14px; color:#898989; position:absolute;} #detail .view_job_title li.num { bottom:15px; left:15px;} #detail .view_job_title li.edu { bottom:15px; left:50%; transform:translateX(-50%);} #detail .view_job_title li.apply { width:100px; height:40px; background:#005bac; border-radius:5px; text-align:center; line-height:40px; font-size:14px; color:#fff; cursor:pointer; top:50%; right:15px; transform:translateY(-50%);} #detail .view_job_title li.apply:hover { background:#ff3c00;} /**弹出**/ #pop_div { width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:999; transition:all 0.2s; opacity:0; visibility:hidden;} #pop_div.open { opacity:1; visibility:visible;} #pop_div li.close { width:28px; height:28px; margin:0; border:#fff 2px solid; cursor:pointer; border-radius:100%; position:absolute; top:-36px; right:-36px;} #pop_div li.close:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat 0 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.3s;} #pop_div li.close:hover { background:rgba(194,45,39,0);} #pop_div li.close:hover:before { transform:rotate(180deg);} #pop_div .title { width:calc(100% - 20px); height:34px; padding:0 10px; background:rgba(0,0,0,0.5); line-height:34px; font-size:14px; color:#fff; bottom:0; left:0;} #pop_div .loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:30; display:none;} #pop_div .page { width:130px; height:44px; border-radius:22px; text-align:center; background:#fff; color:#3e3a39; position:absolute; bottom:-65px;} #pop_div .page i { height:100%; line-height:44px; font-size:16px; position:relative; display:inline-block;} #pop_div .page i:before { width:6px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-6px;} #pop_div .page:hover { background:#ff3c00; color:#fff;} #pop_div .page.prev { left:50%; margin-left:-140px;} #pop_div .page.prev i { padding-left:0;} #pop_div .page.prev i:before { background-position:-15px -55px; left:0;} #pop_div .page.prev i:hover:before { background-position:-15px -55px;} #pop_div .page.prev.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;} #pop_div .page.prev.end i:before { background-position:-35px -55px;} #pop_div .page.next { right:50%; margin-right:-140px;} #pop_div .page.next i { padding-right:0;} #pop_div .page.next i:before { background-position:-26px -70px; right:0;} #pop_div .page.next:hover i:before { background-position:-26px -70px;} #pop_div .page.next.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;} #pop_div .page.next.end i:before { background-position:-36px -70px;} .pop_apply { width:800px; height:610px; background:#fff; border-radius:5px; position:absolute; top:50%; left:50%; margin-top:-20px; transition:all 0.25s; transform:translate(-50%,-50%) scale(0); opacity:0; visibility:hidden;} .pop_apply.open { transform:translate(-50%,-50%) scale(1); opacity:1; visibility:visible;} .pop_apply li { position:absolute; z-index:20;} .pop_apply li.title { background:transparent !important; text-align:center; line-height:16px !important; font-size:16px !important; font-weight:bold; color:#3e3a39 !important; top:20px !important;} .pop_apply li.tips { width:calc(100% - 40px - 60px); height:532px; padding:0 30px; background:rgba(0,0,0,0.8); line-height:24px; font-size:14px; color:#fff; top:55px; left:20px; z-index:25;} .pop_apply li.tips p { float:left; width:100%;} .pop_apply li.tips p:first-child { margin-top:100px;} .pop_apply li.tips p.button { height:40px; margin-top:40px; text-align:center; cursor:default; position:relative;} .pop_apply li.tips p.button span { width:100px; height:100%; margin:0 20px; background:#ddd; border-radius:3px; text-align:center; line-height:40px; font-size:16px; color:#3e3a39; display:inline-block;} .pop_apply li.tips p.button .submit { background:#ff3c00; color:#fff;} .pop_apply li.table { width:calc(100% - 40px); max-height:532px; top:55px; left:20px; overflow-y:scroll;} .pop_apply li.table table { width:100%; margin-top:-1px; font-size:14px;} .pop_apply li.table table:first-child { margin:0;} .pop_apply li.table table td { padding:8px 5px; position:relative;} .pop_apply li.table table input { width:calc(100% - 10px); height:30px; padding:0 5px;} .pop_apply li.table table td.input { padding:0px 5px;} .pop_apply li.table table td.no_input:before { width:100%; height:100%; content:""; position:absolute; top:0; left:0; z-index:100;} .pop_apply li.table table #more { width:21px; height:21px; background:#005bac; border-radius:3px; cursor:pointer; position:absolute; top:50%; right:10px; margin-top:-10px;} .pop_apply li.table table #more:before, .pop_apply li.table table #more:after { width:0; height:0; content:""; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} .pop_apply li.table table #more:before { width:11px; height:1px;} .pop_apply li.table table #more:after { width:1px; height:11px;} .pop_apply li.table .submit { width:100%; height:40px; margin-top:20px; line-height:40px; font-size:16px; cursor:default; position:relative;} .pop_apply li.table .submit i { width:120px; height:100%; background:#ff3c00; border-radius:5px; text-align:center; color:#fff; cursor:pointer; position:absolute; bottom:0; left:50%; transform:translateX(-50%);} .pop_apply li.loading { background-color:rgba(0,0,0,0.1) !important;} @media (max-width:1700px){ header .logo { left:40px;} header .nav { right:300px;} header .nav>li { margin-left:40px;} header .icon { right:30px;} } @media (max-width:1600px){ header .nav { right:290px;} header .nav>li { margin-left:25px;} } @media (max-width:1500px){ header .logo { left:30px;} header .nav { right:180px;} header .icon { right:20px;} header .icon li.link { width:25px; overflow:hidden;} footer { width:1200px;} footer .nav dl { width:120px;} footer .ewm li { margin-left:20px;} footer #fixed_right { margin-right:-660px;} main,.main_menu .menu { width:1200px;} .main_product_fixed,.main_news_fixed { margin-right:-600px;} } @media (max-width:1400px){ header .logo { left:20px;} header .nav { right:160px;} header .nav>li { margin-left:20px;} header .icon { right:10px;} header .icon li { margin-left:5px;} }