@charset "utf-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td, article, aside,canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output,ruby, section, summary, time, mark, audio,video{ margin:0; padding:0; } article, aside, details, figcaption,figure, footer, header, hgroup, menu,nav, section{display:block;} html{overflow-x:hidden;-webkit-text-size-adjust:none;} body{ font-size:12px; font-family: -apple-system-font, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif, Arial; color:#666;} ol, ul, li{list-style:none;} fieldset, img{border:0;} a{color:#5c5c5c;outline:none;} a:hover{color:#6bc30d;} del, ins, a{text-decoration:none;} em, i{font-style:normal;} input, button, textarea, select{outline:none;} textarea{resize:none;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} .clearfl{clear:both;} .clearfix:after{ clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20'; } .clearfix{ clear:both; *display:table; *zoom:1; } .fl{ display:inline; float:left; } .fr{ display:inline; float:right; } /*header*/ .header_one{ width:100%; background:url(../images/head_bj1.jpg) repeat-x; height:41px;} .header_one .divp{ height:41px; line-height:41px; overflow:hidden; width:980px; margin:0 auto;} .header_two{ width:980px; margin:0 auto; overflow:hidden;} .LEFT{ float:left;width:460px;} .logo{ float:left; padding-right:10px; border-right:1px solid #DFDFDF;margin:19px 16px 0px 0px; display:inline;} .head_left{ margin-top:19px; line-height:16px; margin-top:43px; float: left;max-width: 229px;} .head_left strong{ font-size:16px; line-height:20px; color:#004490;} .head_left p{ margin-top:10px;} .head_right{ float:right; margin-top:26px;overflow:hidden; width:403px;} .head_right .tel{float:left; width:140px; margin-top:10px;} .head_right .tel .img{ float:left; margin-right:6px; margin-top:7px; width:34px; height:34px; overflow:hidden;background: url(../images/h_tel.png) no-repeat;} .head_right .tel span{ font-style:normal;width:100px; overflow:hidden;height:32px; line-height:16px; margin-top:5px; display:block; padding-top:3px;} .head_right .tel span em{font-size:10px; font-style:normal; display:block;width:100px; height:16px; overflow:hidden;} .head_right .tel span b{width:100px; overflow:hidden;font-size:13px; color:#c00725;} .head_right .erweima{ float:left; width:69px; height:69px; text-align:center; margin-left:7px; margin-right:7px;} .head_right .erweima img{ width:100%; height:100%; vertical-align:middle;} .head_right .erweima i{ vertical-align:middle; height:100%; display:inline-block;} /*nav*/ .menumenu{ width:100%; background:#0657b2; height:52px; z-index:99999;} .nav{ width:980px;line-height:52px;margin:0 auto;clear:both;} .nav ul li{float:left;width:136px;line-height:52px;text-align:center; position:relative;z-index:99999;font-size:14px;} /*.nav ul li:hover{ background:#024085;}*/ .nav ul li.current{background:#024085;} .nav ul li a{ color:#fff;display:block;} /*.nav ul li:hover a{ color:#fff;}*/ .nav ul li .subnav{position:absolute; top:41px; left:0; background:url(../images/nav_xl.png) repeat; overflow:hidden; z-index:99999;width:136px; display:none; padding:15px 0;} .nav ul li .subnav a{color:#fff; display:block; font-size:13px;width:136px; line-height:30px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} /*.nav ul li .subnav a:hover{color:#BABABA;} .nav ul li:hover .subnav{ display:block;}*/ /*banner*/ .banner{position: relative;z-index: 1;height: 529px;overflow: hidden; width:100%;} .banner ul{ position:absolute; top:0; left:50%; margin-left:-960px;width:1920px;} .banner ul li{width:1920px; height:380px;position:absolute; top:0; left:0; /*display:none;*/} .arrow{position:absolute; left:0px;z-index:8;top:208px; width:100%;} .arrow a{ width:39px; height:50px;display:inline-block;} .arrow .prev01{float:left; background:url(../images/prev01_R.jpg) no-repeat;} .arrow .prev01:hover{background:url(../images/prev01_H.jpg) no-repeat;} .arrow .next01{float:right; background:url(../images/next01_L.jpg) no-repeat;} .arrow .next01:hover{float:right; background:url(../images/next01_H.jpg) no-repeat;} .BannerBtn{position:absolute; left:0; bottom:0; height:25px; text-align:center; z-index:5; width:100%;} .BannerBtn a{display:inline-block; height:14px; width:14px; margin:0 5px; background:#cccccc; border-radius:8px;} .BannerBtn a:hover, .BannerBtn a.bCur{background:#083eab;} /*search*/ .search{width:980px;height:50px;margin: auto; overflow:hidden;} .sousuo{ margin: auto; width:980px; overflow:hidden;} .search div.fl{ float:left;line-height: 50px; width:526px; height:50px;overflow:hidden;} .search b{font-size: 14px;color: #104eaa;} .search a{display: inline-block;padding: 0 14px;background: url(../images/bg_li01.png) no-repeat right center;color: #888;transition: color 500ms ease-in 0ms;} .search a.last{background: none;} .search a:hover{color: #104eaa;} .search_1{margin-top:15px;} .search_1 .isousuo{ width:260px;float: right;margin-top: 10px;} .search_1 input{float: left;width: 114px;height: 28px;padding: 0 14px;border: 1px solid #dadada;border-right: none;line-height: 28px;/*color: #cecece;*/} .search_1 input.submit{cursor:pointer;width: 36px;height: 30px;padding: 0;border: none;background: url(../images/bg_btn01.jpg) no-repeat;} /*sy_pro*/ .i-products{padding: 16px 0 50px;background: #f5f8fc; width:100%;} .i-products .tit{position: relative;height: 90px;margin: 0 auto;text-align: center;} .i-products .tit .line{position: absolute;left: 50%;top: 46px;width: 980px;height: 1px;background: #c3c5c9;margin-left: -490px;} .i-products .tit b{position: relative;z-index: 2;padding: 0 35px;background: #f5f8fc;font-size: 24px;line-height: 90px;color: #0045a4;} .i-pro{ width:980px; margin:0 auto; height:200px;} .i-prorec{height: 185px;margin-bottom: 50px;} .i-prorec .btn{float:left;width: 39px;height:185px;cursor:pointer;} .i-prorec .prev{margin-left: -59px;background: url(../images/prev03.jpg) no-repeat left center;} .i-prorec .next{float: right;margin-right: -59px;background: url(../images/next03.jpg) no-repeat left center;} .i-prorec .btn:hover{background-position: right center;} .i-prorec .list{position: relative;overflow: hidden;float: left;width: 980px;height: 185px;} .i-prorec ul{width: 996px;} .i-prorec li{position: relative;overflow: hidden;width: 232px;height: 185px;margin-right: 17px;display: inline; float:left;} .i-prorec li b{ display:block; width:232px; height:185px; text-align:center;} .i-prorec li b img{ vertical-align:middle; max-height:185px; max-width:232px;} .i-prorec li b i{ display:inline-block; height:100%; vertical-align:middle;} .i-prorec p{padding: 0 18px 9px;background: #fff;font: bold 14px/28px "Microsoft YaHei";color: #333;} .i-prorec .bg{position: absolute;left: 0;top: 183px;width: 100%;height: 100%;background: #000;filter:alpha(opacity=68); opacity: 0.68;} .i-prorec .price{display: inline-block;position: absolute;left: -100%;top: 64px;width: 100%;font: bold 16px/56px "Microsoft YaHei";color: #fff;text-align: center;} .i-prorec .num{font-size: 32px;font-family: Arial;} .i-prorec .button{display: inline-block;position: absolute;left: -91px;top: 120px;width: 91px;background: url(../images/bg_btn02.png) no-repeat;font-size: 14px;line-height: 30px;color: #fff;text-align: center;} /*sy_about*/ .w980{ width:980px; margin:0 auto;} .i-about{position: relative;height:642px;background:url(../images/bg_iabout.jpg) no-repeat;} .i-about .float{ position: absolute; left: 50%; top: 0; z-index: 1; width: 1920px; height: 1020px; margin-left: -960px; } .float-fl{ position: absolute; left: 0; top: 101px; width: 470px; height: 595px; background: url(../images/bg_float01.png) no-repeat; } .float-fr{ position: absolute; right: 35px; top: 414px; width: 376px; height: 453px; background: url(../images/bg_float02.png) no-repeat; } .i-about .w980{ overflow: hidden; z-index: 2; height: 642px; } .i-about .w980 .list{ float: left; width: 433px; margin: 11px 0 0 -433px; } .i-about .w980 .list li{ width: 433px; height: 72px; margin-bottom: 54px; } .i-about .list span{ display: inline-block; float: left; width: 63px; height: 72px; font: bold 50px/45px Arial; /*color: #fff;*/ text-align: center; } .i-about .list .intro{ float: right; width: 345px; font-weight: bold; font-size: 16px; line-height: 30px; color: #333; } .i-about .list h2{ padding-right: 16px; font-size: 30px; line-height: 42px; color: #0f62be; } .i-about .img{ position: relative; float: right; width: 428px; height: 429px; margin-right: -428px; } .i-about .img span{ display: inline-block; position: absolute; left: 50%; top: 32%; width: 81px; height: 81px; background: url(../images/bg_sign04.png) no-repeat; font-size: 18px; line-height: 81px; color: #3a57ae; text-align: center; filter:alpha(opacity=0); opacity: 0; } .i-intro1{ position:relative; z-index:9999; height: 375px; padding-top: 66px; background: url(../images/bg_iintro.jpg) no-repeat center; background-size: 130% 130%; } .i-intro1 .video{ text-align:center;float: left;width:416px;height:271px;padding: 28px 21px 27px; background:url(../images/bg_iintrovideo.png) no-repeat;} .i-intro1 .video img{ max-height:271px; max-width:416px; vertical-align:middle;} .i-intro1 .video i{ display:inline-block; height:100%; vertical-align:middle;} /*sy_news*/ .i-intro1 .w980{ overflow: hidden; } .i-intro1 .detail{ position: relative; float: right; width: 440px; height: 294px; padding-top: 32px; margin-right: -440px; line-height: 22px; color: #dbe4ed; } .i-intro1 .detail span{ display:block; font-size: 24px; line-height: 70px; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .i-intro1 .detail > p{ display:block; max-height:88px; *height:88px; overflow:hidden;} .i-intro1 .detail a{ overflow:hidden; cursor:pointer; display: block; position: absolute; left: 0; bottom: 51px; width: 134px; border: 2px solid #fff; font-weight: bold; font-size: 14px; line-height: 36px; color: #f0f3f7; text-align: center; transition: all 500ms ease-in 0ms; } .i-intro1 .detail a:hover{ border-color: #fff; color: #fff; } .w980{ width:980px; margin:0 auto; overflow:hidden;} .i-list{padding: 35px 0 40px;background: #f5f8fc;} .i-list-tit{height: 54px;} .i-list-tit h2{ font-size: 18px; line-height: 54px; text-transform: uppercase; color: #004490; } .i-list-tit span{ display: inline-block; margin: 6px 0 0 8px; font-size: 14px; line-height: 48px; } .i-list-tit a{ display: inline-block; line-height: 48px; color: #004490; } .i-news{ width: 614px; margin-left: -614px; } .i-news .img{ float: left; width: 278px; margin-top: 2px; background: #004490; } .i-news .img .int{ padding: 6px 18px 25px; } .i-news .img a{ display: inline-block; width: 100%; line-height: 20px; color: #a3b2cc; transition: color 500ms ease-in 0ms; } .i-news .img a:hover{ color: #fff; } .i-news .img a.tit{ font-weight: bold; font-size: 14px; line-height: 38px; color: #fff; } .i-news .list{height:306px; overflow:hidden;width: 317px;} .i-news .list li{ width: 317px; height: 42px; padding: 5px 0 12px; border-bottom: 1px solid #dadada; margin-bottom: 21px; } .i-news .list span{ display: inline-block; width: 49px; font: bold 40px/42px Arial; color: #c4c4c4; transition: color 500ms ease-in 0ms; } .i-news .list .fr{ width: 252px; padding-left: 14px; border-left: 1px solid #dadada; line-height: 20px; color: #888; } .i-news .list a{ display: inline-block; width: 100%; line-height: 22px; color: #333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .i-news .list li.hover span{ color: #333; } .i-news .list li.hover a{ font-weight: bold; } /*download*/ .i-download{ margin-top:22px; width: 619px; filter:alpha(opacity=0); opacity: 0; } .i-download .list{ width: 555px; height: 240px; padding: 11px 32px 0; background: url(../images/bg_box02.png) no-repeat; } .i-download .list-in{ position: relative; overflow: hidden; width: 555px; } .i-download .list ul{ width: 572px; } .i-download .list li{ height: 45px; border-bottom: 1px solid #ececec; } .i-download .list li.last{ border-bottom: none; } .i-download .list a{ display:block; padding-left: 14px; background: url(../images/bg_li03.png) no-repeat 3px 0; line-height: 45px; color: #666; transition: color 500ms ease-in 0ms; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:540px; } .i-download .list a:hover{ color: #004490; background-position: 3px -45px; } .tit a:hover{ color:#004490;} /*wenda*/ .i-faq{width: 312px;margin-right: -312px;} .i-faq .list{width:312px;height:251px;background: url(../images/bg_box03.png) no-repeat;} .i-faq .list-in{padding:20px; position: relative; overflow: hidden; width: 276px; height: 218px; } .i-faq li{ max-height:101px; overflow:hidden; width: 276px; padding-bottom: 26px; border-bottom: 1px solid #dadada; margin-bottom: 17px; line-height: 20px; } .i-faq li .tit{ height:21px; overflow:hidden; overflow:hidden; color: #333; margin-bottom: 10px; } .i-faq li span{ overflow:hidden; height:21px; display: inline-block; width: 18px; padding-right: 10px; background: url(../images/bg_sign05.png) no-repeat left 0; color: #fff; text-align: center; } .i-faq li .int{ width: 248px; float: right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .i-faq .det span{ background-position: left -20px; } /*foot*/ .foot{ width:100%; overflow:hidden; background:#0b0b0b;} .foot_menu{ width:1200px; margin:0 auto; padding-top:27px;overflow:hidden; padding-bottom:27px;} .foot_menu ul{overflow:hidden; width:880px; float:left;} .foot_menu ul li{ float:left; width:133px; text-align:center;margin-right:40px; border-right:1px solid #161616;} .foot_menu ul li a{ display:block; color:#BABABA; line-height:30px; height:30px;} .foot_menu ul li a.menu_T{ color:#fff; font-size:14px;padding-bottom:6px;font-weight:bold;} .foot_menu ul li a.menu_T:hover{color:#fff; font-weight:bold;} .foot_menu ul li a:hover{ color:#fff;} .foot_tel{ float:right; width:270px;margin-top:20px;} .foot_tel_T{ line-height:25px;} .foot_tel_T span{ display:block; color:#BABABA;} .z2{ margin-top:30px;} .z2 .z_1{ float:left; padding-right:20px; position:relative;} .z2 .z_1 a{ width:51px; height:51px; display:block; text-align:center;} .z2 .z_1 img{ max-height:51px; max-width:51px; vertical-align:middle;} .z2 .z_1 i{ display:inline-block; height:100%; vertical-align:middle;} .pf3{position:absolute; left:-20px; top:-103px; background:url(../images/uep_03.png) no-repeat; width:88px; height:104px; padding-left:5px; padding-top:5px; float:left;} .z2 .z_1 .pf3 b{ width:83px; height:83px; display:block; text-align:center;} .z2 .z_1 .pf3 b img{ max-height:100%; max-width:100%; vertical-align:middle;} .z2 .z_1 .pf3 b i{ display:inline-block; height:100%; vertical-align:middle;} /*about*/ .ny_banner{position: relative;z-index: 1;height:342px;overflow: hidden; width:100%;} .ny_banner ul{ position:absolute; top:0; left:50%; margin-left:-800px;width:1600px;} .ny_banner ul li{width:1600px; height:342px;position:absolute; top:0; left:0; /*display:none;*/} .about{ width:1070px; margin:30px auto;} .about_left{ float:left;} .a_one{ width:244px; overflow:hidden;} .a_one .gao{ color:#0857B0;} .a_one li a:hover,.a_one li .curr{ color:#0857B0;} .a_one .a_wz{background:url(../images/lm_bg.jpg) no-repeat;width:185px;height:68px;overflow:hidden;line-height:68px;padding-left:39px;color:#fff;font-size:22px;font-weight:bold; } .a_one .a_wz em{ display:block;width:90px;overflow:hidden; float:left;} .a_one .a_wz img{ float:right; width:18px; height:18px; display:block; margin:26px 13px 0 0;} .a_one ul{ width:222px; border:1px solid #DCDBDB; border-top:none; margin-bottom:40px; padding-bottom:8px;} .a_one ul li{ width:173px;line-height:50px; padding-left:50px; border-bottom:1px solid #DCDBDB; cursor:pointer;} .a_one ul li.curg div.pro_menu{ display: block;} .a_one ul li >a{ display:block; font-size:14px; color:#666;width:170px; line-height:50px; overflow:hidden;cursor:pointer;} .a_one ul li b{ width:156px; display:block; float:left; overflow:hidden;cursor:pointer;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .a_one ul li a img{ width:5px; height:9px; display:block; float:left;margin-top:22px;} .a_two{ width:244px; overflow:hidden; height:279px; overflow:hidden;} .a_two .a_wz{background:url(../images/contact_16.jpg) no-repeat;width:185px;height:58px;overflow:hidden;line-height:58px;padding-left:39px;color:#fff;font-size:22px;font-weight:bold; } .a_two .a_wz em{ display:block;width:90px;overflow:hidden; float:left;} .a_two .a_wz .img{ float:right; width:18px; height:18px; display:block; margin:23px 13px 0 0;background: url(../images/contact_18.png) no-repeat;} .a_two ul{ width:222px; border:1px solid #DCDBDB; border-top:none; padding:4px 0px 8px; overflow:hidden; margin-bottom:40px; height:166px;} .a_two ul li{ width:100%; background:url(../images/contact_26.jpg) no-repeat 18px 13px; } .a_two ul li a{display:block;padding-left:28px; height:28px; line-height:28px; overflow:hidden; padding-right:6px;} .a_two ul li a:hover{ color:#0857B0;} .a_two ul li:hover{} .a_three{ width:244px; overflow:hidden; height:279px; overflow:hidden;} .a_three .a_wz{background:url(../images/contact_16.jpg) no-repeat;width:185px;height:58px;overflow:hidden;line-height:58px;padding-left:39px;color:#fff;font-size:22px;font-weight:bold; } .a_three .a_wz em{ display:block;width:90px;overflow:hidden; float:left;} .a_three .a_wz .img{ float:right; width:18px; height:18px; display:block; margin:23px 13px 0 0;background: url(../images/contact_18.png) no-repeat;} .a_cont{border:1px solid #DCDBDB;border-top:none; height:64px; text-align:center; color:#333; padding:26px 0px 0px; font-size:14px;width:222px; overflow:hidden;} .a_cont em{ display:block;line-height:18px;height:18px; overflow:hidden;} .a_cont strong{display:block; color:#073EAC; font-size:18px;} .a_mess{border:1px solid #DCDBDB;border-top:none; height:64px; text-align:center; color:#333; padding:26px 0px 0px; font-size:14px;width:222px; overflow:hidden;} .a_mess em{ display:block;line-height:18px;height:18px; overflow:hidden;} .a_mess a{ display:inline-block; width:91px; height:30px; margin-top:6px; text-align:center; line-height:30px; font-size:14px; background:#073EAC; font-weight:bold; color:#fff;} .about_right{ float:right; width:792px; border:1px solid #E9E9E9; margin-bottom:30px;} .a_title{ height:73px; padding:0 20px; line-height:70px; overflow:hidden; background:#F8F8F8;} .a_title b{ display:block; float:left; width:200px; color:#0857B0; font-size:18px;} .a_title .mbx{ float:right; color:#999; font-size:14px; width: 460px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:right;} .a_title .mbx a:hover{color:#0857B0;} .a_title .mbx em,.a_title .mbx a:last-child{ color:#0857B0;} .a_main{ /* overflow:hidden; */margin:20px; font-size:14px; line-height:2em;} .a_main img{ max-width:750px;} .txt01{ background:#F5F5F5; height:146px; overflow:hidden; margin:30px 0;} .txt01 img{ float:left; width:261px; height:146px;} .txt02{ float:left; width:380px; margin-left:40px; margin-top:26px;} .txt02 b{ display:block; color:#0857B0; font-size:18px; height:40px; overflow:hidden; line-height:40px;} .txt02 span{ display:block; height:48px;line-height:26px; overflow:hidden;} /**honor*/ .caselightbox{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/transparrent02.png) repeat; display:none; z-index:1000000} .caselight{ width:700px; position:fixed; left:30%; top:15%; overflow:hidden; margin:0 auto;} .caselight ul{width:660px; background:#e6e6e6;} .caselight ul li{width:660px; display:none; list-style:none; padding:30px 0; overflow:hidden; margin:0 auto;} .caselight ul li:first-child{display:block;} .caselight ul li .jzimg{width:660px; height:300px;text-align:center; display:block;} .caselight ul li .jzimg img{max-width:660px; max-height:300px; vertical-align:middle} .caselight ul li .jzimg i{display:inline-block; height:100%; vertical-align:middle;} .caselight ul li b{ padding:0 0 5px; display:block; width:620px; border-bottom:1px solid #ccc; font-size:16px; text-align:center; line-height:26px; min-height:26px; margin:0 25px } .caselight ul li span{ padding:10px 27px 5px; display:block; width:620px; color:#888; font-size:16px; text-align:center} .caselight .guanbi a{ position:absolute; right:0; top:0; width:35px; height:35px; display:block; background:url(../images/honor_close.png) no-repeat;} .caselight ul li em{ font-style:normal;display:block; margin:5px 20px; padding:8px 0px 15px;border-top:1px solid #ccc; color:#666; width:620px; overflow:hidden} /*honor*/ .honor{width:792px;margin:20px 0 10px 0px; overflow:hidden; } .honor ul{ margin-right:-35px; float:left; padding-left:8px; overflow:hidden;} .honor ul li{ width:210px; overflow:hidden; height:223px; float:left;margin-right:50px; border:1px solid #e6e6e6; padding-bottom:13px; margin-bottom:35px} .honor ul li span{ width:200px; height:148px; text-align:center; padding-top:7px; display:block; padding-left:7px;} .honor ul li span img{ max-width:200px; max-height:148px; box-shadow:3px 3px 7px #ccc; vertical-align:middle;} .honor ul li span i{ display:inline-block; height:100%; vertical-align:middle;} .honor ul li em{ display:block;padding:17px 17px 10px 10px; height:26px; text-align:center; line-height:26px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .honor ul li:hover div img{ box-shadow:0px 0px 0px #ccc} .honor ul li:hover{ box-shadow:3px 3px 4px #ccc; cursor:pointer; border:1px solid #ccc} .honor ul li:hover em{ color:#0857B0; font-size:16px;} /****yema**********/ .n_hq_fy{padding-top:20px;height:60px;line-height:60px;clear:both;} .hq_fy{text-align:center;} .hq_fy a,.hq_fy span{border:1px solid #cbcbcb;font-size:12px; color:#666;height:26px; line-height:26px; display:inline-block; color:#666;padding: 4px 15px;margin-left: 4px;} .hq_fy .hq_fy1{width:38px; height:26px; line-height:26px; display:inline-block;} .hq_fy .hq_fy3{width:45px; height:26px; line-height:26px; display:inline-block;} .hq_fy a:hover,.hq_fy span.page-cur{background:#0857B0;color:#fff; text-decoration:none;} /*product*/ .pro_menu{ padding-right:20px; padding-left:10px; line-height:35px; display:none;} .pro_menu a{ display:block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .i-prolist .list{width:746px;} .i-prolist .list ul{ margin-left:50px;} .i-prolist .list li{width:232px;height:291px;margin:0 100px 60px 0;display: inline;float:left;} .i-prolist .list li .jzmg{width:232px;height:145px; text-align:center; display:block;} .i-prolist .list li .jzmg img{ max-height:145px; max-width:232px; vertical-align:middle;} .i-prolist .list li .jzmg i{ display:inline-block; height:100%; vertical-align:middle;} .i-prolist .list .bg{background:#fff;} .i-prolist .list a.name{display:inline-block;width:192px;padding-bottom:4px;margin:0 20px 4px;border-bottom:1px solid #d6d6d6;font-weight:bold;font-size:14px;line-height:32px;color:#333;transition: all 500ms ease-in 0ms;} .i-prolist .list li.hover a.name{color:#073eac;border-bottom:1px solid #073eac;} .i-prolist .list a.more{display: inline-block;width: 91px;margin: 11px 0 17px 20px;background: url(../images/bg_btn02.png) no-repeat;font-size: 14px;line-height: 30px;color: #fff; text-align: center;} .i-prolist .list p{padding: 0 20px;font: bold 16px/44px "Microsoft YaHei";color: #333;} .i-prolist .list p > span{font-size: 30px;font-family: Arial;color: #c00725;} .i-prolist .line{position: relative;overflow: hidden;width: 232px;height: 2px;margin-top: 1px;background: #87a1d6;} .i-prolist .line-in{position: absolute;left: -232px;top: 0;width: 232px;height: 2px;background: #073eac;} /*product_show*/ /* 鏀惧ぇ闀滃紑濮 */ .magnifier{position:relative;width:485px;background:#f5f8fc;float:left; } .magnifierView{padding:5px;background:#f5f8fc;border:1px solid #e6e6e6;} #small{position:relative;width:473px;height:369px;overflow:hidden;} .magnifierView .vm{ display:block;width:473px;height:369px;*font-size:330px; text-align:center;} .magnifierView .vm img{ max-height:369px; max-width:473px; display:inline-block; vertical-align:middle;} .magnifierView .vm i{ display:inline-block; height:100%; vertical-align:middle;} .mark{display:none;position:absolute;top:0;left:0;z-index:2;width:130px;height:130px;background:#FFF;filter:alpha(opacity:50);opacity:0.5;border:1px solid #333;cursor:move;} #bigBox{display:none;position:absolute;left:495px;top:0;width:240px;height:200px;overflow:hidden;background:#F3F5EC;border:1px solid #BEC3AB; } .bigImg{position:absolute;left:0;top:0;} .bigImg img{display:block;} .magnifierList{position:relative;top:10px;width:100%;height:95px;overflow:hidden;} .magnifierImg{position:relative;z-index:2;margin:0 auto;width:430px;height:82px;overflow:hidden;} .magnifierImg ul{position:absolute;left:0;width:10000%;} .magnifierImg li{display:inline;float:left;margin-right:10px;padding:8px 3px 3px;background:url(../images/virtualImgBg.jpg) -100px 0 no-repeat;cursor:pointer;} .magnifierImg li .vm{width:94px;height:71px;display:block; text-align:center;} .magnifierImg li .vm img{ vertical-align:middle; max-height:60px; max-width:86px;} .magnifierImg li .vm i{ display:inline-block; height:100%; vertical-align:middle;} .magnifierImg li.vCur{background-position:0 0;} .arrows{position:absolute;left:0;top:5px;z-index:1;width:100%;} .arrows a{width:13px;height:77px;background-image:url(../images/arrows.jpg);} .arrows a.fl{background-position:0 0; float:left;} .arrows a.fl:hover{background-position:0 -77px;} .arrows a.fr{background-position:-13px 0; float:right;} .arrows a.fr:hover{background-position:-13px -77px;} /***/ .yc{ float:right; overflow:hidden;width:250px;} .yc> h1{ color:#666; font-size:20px; font-weight:bold; margin-bottom:10px;} .pr_infolabel{ line-height:1.8em; padding-top:5px;} .ny_pro1 .ny_pro_top{overflow:hidden; height:480px;} .ny_pro_bot{margin-top:30px; overflow:hidden; margin-bottom:30px;} .ny_pro_bot b{ border-bottom:1px solid #ccc; display:block;padding:8px 10px 0 0; width:740px; margin-left:10px; margin-bottom:20px;} .ny_pro_bot b em{ font-style:normal; display:block; background:#66cc33; width:80px; text-align:center; height:30px; line-height:30px; color:#fff; overflow:hidden;} .ny_pro_bot span{ display:block; padding:0 20px 0px 20px; text-indent:2em; margin-bottom:6px;} /**/ .proshow_bot{ clear:both;padding-top:30px;} .proshow_bot .title {height:40px;} .proshow_bot .title li {margin-right:3px;background:#8c8c8c; color:#fff;display: inline-block;width:115px; height:40px; text-align: center; line-height:40px;*display: inline; font-size:14px; float:left; overflow:hidden; cursor:pointer;} .proshow_bot .title li.current { color: #fff; background:#0857b0;} .content{ clear:both; display:none;} .content_wz{ margin-top:15px;word-break: break-all;} .cont_xq{ margin-top:40px; margin-bottom:40px; clear:both; overflow:hidden;} .cont_xq .dipp{overflow:hidden;background:url(../images/op_03.jpg) repeat-x left bottom;} .cont_xq .dipp img{ float:left; width:8px; height:8px; margin-top:18px; padding-left:10px;} .cont_xq .dipp i{ float:left;color:#0857b0;font-size:18px; padding-left:10px;height:40px; line-height:40px; display:block; overflow:hidden; font-style:normal; font-weight:bold;} .cont_xq .pro_xq_bot{overflow:hidden;height:230px; margin-top:20px;} .pro_xq_bot >li{ width:230px; height:231px;float:left; margin-bottom:40px;cursor:pointer;} .pro_xq_bot >li .jzMIG{ border:3px solid #E2E2E2; display:block; width:200px; height:170px; text-align:center;} .pro_xq_bot >li .jzMIG img{ vertical-align:middle; max-height:170px; max-width:200px;} .pro_xq_bot >li .jzMIG i{ display:inline-block; height:100%; vertical-align:middle;} .pro_xq_bot >li p{ line-height:40px; height:40px; font-weight:bold; overflow:hidden; text-align:center; font-size:12px;width:200px;} .pro_xq_bot >li p a{ color:#000; cursor:pointer;} .pro_xq_bot >li:hover .jzMIG{border:3px solid #ffdb0b;} .pro_xq_bot >li:hover p a{ color:#d49700;} .message{margin-top:39px; clear:both; width:800px;} .feadback{width:800px;} .feadback li{font-size:14px; line-height:25px; margin-bottom:11px; width:800px; list-style:none; float:left;} .feadback li span{width:60px; height:25px; text-align:right; float:left; display:inline-block; color:#666666; overflow:hidden;} .feadback li input{border:1px solid #e1e1e1; height:30px; padding-left:5px; line-height:30px; margin-left:13px;} .feadback li textarea{width:299px; height:124px;border:1px solid #e1e1e1; padding-left:5px; margin-left:13px; overflow:auto;} .message p i{color:#ff0000; padding:0 8px; display:inline-block; font-style:normal;} .feadback li i{color:#ff0000; padding:0 8px; display:inline-block; font-style:normal;} .feadback li input.li1{width:100px;} .feadback li input.li2{width:200px;} .feadback li input.li3{width:90px; vertical-align:middle;} .feadback li.li4{margin-bottom:21px; width:700px; margin-left:16px;} .feadback li.li4 img{vertical-align:middle; margin:0 13px 0 14px;} .feadback li.li4 a{color:#666666;} .feadback li.li4 a:hover{color:#5f5029;} .feadback li input.li5{ cursor:pointer;width:80px; height:30px; line-height:30px; color:#fff; margin-right:50px; background:#0857b0; border:none; } .fanhui{ background:#0857b0; width:80px; height:30px; line-height:30px; text-align:center; overflow:hidden; margin-bottom:20px; float:right;} .fanhui a{ color:#fff; display:block;} .fanhui >a:hover{ color:#fff;} .fanhui_1{ line-height:30px; text-align:center; overflow:hidden; margin-bottom:20px; float: right;} .fanhui_1 a{ color:#fff; display:block; background:#0857b0; height:30px; line-height:30px;width:80px; } .fanhui_1 >a:hover{ color:#fff;} /*news*/ .newtj{overflow:hidden; margin-bottom:20px; cursor:pointer;} .newtj .time{background:#c4c4c4; height:109px; width:80px; text-align:center; cursor:pointer; float:left;} .newtj .time p{ border-bottom:1px solid #aaaaaa;overflow:hidden; height:70px; font-size:40px; color:#fff;} .newtj .time p b{ border-bottom:1px solid #d3d3d3; display:block; line-height:69px; display:block;} .newtj .time em{overflow:hidden; display:block; height:27px;margin-top:-10px; line-height:27px; color:#fff;} .newtj li:hover .time{ background:#0857b0;} .newtj li:hover .time p{border-bottom:1px solid #044996;} .newtj li:hover .time p b{border-bottom:1px solid #276dbc;} .txt{width:630px; float:left;height:87px; overflow:hidden; padding-left:30px; border:1px solid #CFCFCF; border-left:none; padding-top:20px;} .txt a{ display:block; font-size:14px; color:#333; font-weight:bold; height:25px; line-height:25px; overflow:hidden; padding-right:10px; white-space:nowrap; text-overflow:ellipsis;} .txt_wz{ padding-right:10px; height:40px; font-size:12px; overflow:hidden;line-height:20px; margin-top:6px;} .newtj li:hover .txt a{ color:#0857b0;} .newtj li{ margin-bottom:40px;overflow:hidden;} /*news_show*/ .jianjie-txt{ overflow:hidden;margin-bottom:20px;} .jianjie-txt .ne_W{display:block;margin-bottom:0;padding:10px;text-align:center;border-bottom:1px dashed #CCC;font:bold 18px "Microsoft YaHei";color:#1C62B0;margin:10px;line-height:28px;} .title_s {padding:0 0 8px 0;color:#999;text-align:center;} .ny_newsshow{font-size:14px; color:#666; line-height:2em; margin-bottom:13px; margin-top:20px; padding:0 8px;} .ny_newsshow img{ max-width:730px;} .page{margin-top:25px; text-align:left; clear:both;border-top:1px solid #CCC; padding-top:10px;} .page .ny_pre{ float:left;width:280px; height:36px; line-height:36px; overflow:hidden; margin-right:30px; padding-right:5px;white-space: nowrap; text-overflow: ellipsis;} .page .ny_pre a:hover,.page .NY_next a:hover{color:#0857b0;} .page .ny_pre strong{ font-size:14px; color:#000; float:left;} .page .ny_pre .pre_one{ font-size:12px; width:180px;display:inline-block;float:left;} .page .NY_next{ float:left;width:280px; height:36px; line-height:36px; overflow:hidden;padding-right:5px;white-space: nowrap; text-overflow: ellipsis; } .page .NY_next strong{ font-size:14px; color:#000; float:left;} .page .NY_next .pre_two{ font-size:12px; width:180px;display:inline-block;float:left;} .page .NY_next span,.ny_pre span{ overflow: hidden; text-align: left; float: left; width: 218px; } .page .NY_next a,.page .ny_pre a{float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;} .page >a:hover{ color:#0857b0;} .ny_xgNews{ clear:both; margin-top:60px; overflow:hidden; margin-bottom:20px;} .ny_xgNews .divpp{border-bottom:1px dashed #ccc; overflow:hidden;} .ny_xgNews .divpp .img{ float:left; width:8px; height:8px; margin-top:18px; padding-left:10px;background: url(../images/dian2.gif) no-repeat;} .ny_xgNews .divpp b{ float:left;color:#1D62B0;font-size:18px; padding-left:10px;height:40px; line-height:40px; display:block; overflow:hidden;} .ny_xgNews ul li{ float:left; width:330px;margin-right:38px;} .ny_xgNews ul li span{ float:right; width:80px; overflow:hidden; height:30px; line-height:30px; display:block;} .ny_xgNews ul li a{ float:left; display:block;width:215px; height:30px; line-height:30px; overflow:hidden; background:url(../images/dian1.gif) no-repeat 0px 13px; padding-left:15px; white-space: nowrap; text-overflow: ellipsis;} .ny_xgNews ul li:hover a{ color:#0857b0;} /*question*/ .newtj01{ overflow:hidden;} .newtj01 li { overflow:hidden; margin-bottom:40px; cursor:pointer;} .newtj01 li:hover a{ color:#0857b0;} .newtj01 .txt{width:710px; float:left;height:87px; overflow:hidden; padding-left:30px; border:1px solid #CFCFCF;padding-top:20px;} .newtj01 .txt a{ display:block; font-size:14px; color:#333; font-weight:bold; height:25px; line-height:25px; overflow:hidden; padding-right:10px;} .newtj01 .txt_wz{ padding-right:10px; height:36px; font-size:12px; overflow:hidden;ine-height:20px; margin-top:6px;} /**download**/ .download ul li{ border-bottom:1px dotted #d0d0d0; } .download ul li:hover{ background:#f7f7f7; } .download_div{ margin:0 12px; line-height:24px; display:none; padding-bottom:10px; } .download ul li:hover .download_div{ display:block; } .download ul li:hover .download_a{ background:url(../images/download_xz2.jpg) 0 center no-repeat; } .download ul li:hover .download_a2{ color:#2178ad; } .download .download_a{ float:right; background:url(../images/download_xz1.jpg) 0 center no-repeat; width:74px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:12px; } .download .download_a:hover{ background:url(../images/download_xz2.jpg) 0 center no-repeat; } .download .download_a2{width:660px; height:40px; overflow:hidden; display:inline-block; font-size:14px; color:#393939; line-height:40px; } .download .download_a2:hover{ color:#2178ad; } /*message*/ .liuyan{ font-size:14px; color:#000; line-height:24px;} /*contact*/ .con_lx{ margin-top:30px; font-size:14px; color:#000; line-height:36px;} /*淇敼*/ .change { position:absolute; right:-586px; top:1px;} .img_pic >font.jzimg{ width:428px; height:429px;} .img_pic >font.jzimg img{max-width:428px; max-height:429px; text-align:center;} .img_pic_1> a.jzimg{width:278px; height:193px; text-align:center;} .img_pic_1> a.jzimg img{ max-width:278px;min-width: 200px; max-height:193px; vertical-align:middle;} .link{ font-size:14px; color:#fff; width:1118px; margin:0 auto; padding-top:27px;} .link span{ font-size:15px; display:block; float:left;} .link a{display:inline-block; height:25px; line-height:25px; color:#fff; text-decoration:none; text-align:center;} .link a:hover{ text-decoration:underline;} .certification{width:160px; height:50px; margin:0 auto; padding-bottom:27px;} .content_wz>em >a { color:#999 !important;} /*search*/ .search_list li{ padding:20px 10px; border-bottom:1px dotted #ccc;} .search_list li:hover{ background-color:#f5f5f5;} .search_list li h4.sl_t{ font-size:16px; padding-bottom:10px;} .search_list li h4.sl_t a{ color:#333;} .search_list li p.sl_i{ color:#999; line-height:20px; margin-bottom:10px; height:40px; overflow:hidden;} .search_list li p.sl_more a{ display:inline-block; padding:5px 15px; border:1px solid #e3e3e3; color:#073EAC;} /*sitemap*/ .sitemap{text-align:left; padding:30px;} .sitemap > ul > li {line-height: 30px;border-bottom: dashed 1px #f8f6f6;margin-bottom: 20px; text-decoration:none;font-size: 14px; font-size:14px;} .sitemap > ul > li > ul > li{ border-bottom:1px solid #e3e3e3; padding:5px 0;} .sitemap > ul > li > ul > li > ul >li a{ background:url(../images/dian1.gif) no-repeat center left; padding-left:10px; color:#999;} .sitemap > ul > li > ul > li > ul >li{ display:inline-block; margin-right:10px;} .sitemap > ul ul{ margin-left:20px;} .sitemap li h2{ font-size:14px;} .sitemap li h2 a{background:#0857b0;color:#fff;padding: 5px 10px;text-decoration: none;} .sitemap li a {margin-right: 10px;text-decoration: none;color:#666;} /*job*/ .in_job{ line-height:1.8em; padding:20px 0; font-size:14px;} .job_tab td{ border:1px solid #e3e3e3; padding:5px; white-space:nowrap;} table{border-collapse: collapse;border-spacing: 0;} .in_job p.j_t{ margin:10px 0; font-weight:bold; } .in_job .job_info{margin-bottom: 30px;} #contact-form .validate-on{border: 1px solid #ff0000; box-shadow: 0 0 1px #ff0000;} *:focus{ outline: none; } input,textarea {outline:none;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; } .BMapLib_nav{display:none;padding:10px!important;} .BMapLib_bubble_content{padding:0 10px 10px 10px!important;} .BMapLib_sendToPhone,.BMapLib_bubble_close{display:none;} .module .m_edit,.module .m_del,.module .m_add{padding: 3px 0!important;} .mb_big_vip_part { margin: 5px auto; width: 269px; font-size: 0; } .mb_big_vip_part .base_mb_big_vip_part { width: 134px; height: 50px; display: inline-block; background: url(../images/big_vip_bg.png) no-repeat; background-size: 100% 100%; } .mb_big_vip_part .base_mb_big_vip_part .big_vip_icon { display: inline-block; vertical-align: middle; height: 38px; margin: 6px 8px; width: 40px; } .mb_big_vip_part .base_mb_big_vip_part .words_content { height: 38px; display: inline-block; vertical-align: middle; color: #fff; width: 50%; text-align: center; } .mb_big_vip_part .base_mb_big_vip_part .words_content .base_word { font-size: 16px; font-weight: bold; line-height: 38px; color: #fff; } .mb_big_vip_part .base_mb_big_vip_part .words_content .day_number { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 0; color: #fff; } .mb_big_vip_part .base_mb_big_vip_part .words_content .day_number span { font-size: 12px; font-weight: bold; color: #fff; } .mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag { font-size: 12px; position: relative; text-align: center; line-height: 12px; color: #fff; } .mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::after, .mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::before { display: block; content: ''; width: 10px; height: 1px; background-color: #fff; position: absolute; top: 5px; } .mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::after { right: 0px; } .mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::before { left: 0px; } .mb_big_vip_part .base_mb_big_vip_part .big_vip_icon img { max-width: 100%; max-height: 100%; } .header_content_mb .header_company_name { font-size: 20px; line-height: 45px; color: #333; display: inline-block; white-space: nowrap; margin-right: 5px; vertical-align: top; } .header_content_mb .years_part { display: inline-block; vertical-align: top; position: relative; } .header_content_mb .years_part .years_both.gray { background-image: none; -webkit-text-fill-color: gray; } .header_content_mb .years_part .years_both span { font-size: 14px; } .header_content_mb .years_part .years_both .years_number { font-size: 20px; padding: 0 3px; } /* tips */ .tips_dialog { position: fixed; top: 0; z-index: 9034; text-align: center; display: none; margin-top: 50%; width: 100%; } .tips_dialog .tips_dialog_main { padding: 5.333vw 0; position: relative; display: inline-block; background-color: #fff; border-radius: 2px; box-shadow: 0 0 10px rgba(0,0,0,.15) } .tips_dialog .tips_dialog_icon { padding: 0 9.333vw .667vw } .tips_dialog .tips_dialog_content { color: #333; max-width: 68vw; line-height: 4.533vw; } .tips_dialog:after { content: ""; display: inline-block; height: 100%; vertical-align: middle } table{ word-break: break-all; } .contentFrame table{ max-width:100%; width:100% !important; word-break:normal; } /* 浜у搧鍒楄〃 鍥剧墖璁剧疆 */ .picSwiper .border .border_img img{ object-fit: cover; } /* table 璁剧疆杈规 */ .contentFrame table td{ border: 1px solid #aaa; width: auto !important; } .newsIndex_content .contentFrame img{ max-width: 100%; height: auto !important; width: auto !important; object-fit: contain; } .newsIndex_content iframe{ /* 妗堜緥 杩欒竟iframe 鍐欎簡瀹藉害 */ max-width:100%; } .newsIndex_content .contentFrame ul,.newsIndex_content .contentFrame ol{ padding-left: 20px; }