/* CSS Document */ body { font-family:"Microsoft Yahei", sans-serif; font-size: 14px; line-height:30px; color: #000000; } h1, h2, h3, h4, h5 { font-family:"Microsoft Yahei", Tahoma, sans-serif; font-weight:normal; } a { text-decoration:none; color:#000; } a:hover { text-decoration:none; } .fr { float:right; } .fl { float:left; } img { padding:0; margin:0; border:0; } img a { padding:0; margin:0; border:0; } .clear { clear: both; } .clearfix { *zoom: 1;} .clearfix { clear: both; } ul, ul li { list-style:none; } body, div, span, small, p, em, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, textarea { padding: 0; margin: 0; } ul, li { list-style: none; } html a { text-decoration: none; color: #000; } html a:hover { text-decoration: none;} html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; } html::-webkit-scrollbar { width:7px; height:7px; background-color:#ececec; } html::-webkit-scrollbar-track { border-radius:0; background-color:#ececec; } html::-webkit-scrollbar-thumb { border-radius:0; width:17px; height:17px; background-color:#20267a; } ::-moz-selection { background: #20267a; color: #fff; text-shadow: none; } ::selection { background: #20267a; color: #fff; text-shadow: none; } a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } a:link, a:visited { text-decoration: none; } a:active, a:hover { text-decoration: none; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } h1, h2, h3, h4, h5, h6 { font-weight: 100; } i, em { font-style: normal; } img { border: none; } html { font-family:"Microsoft Yahei"; font-size: 14px; } body { font-family:"Microsoft Yahei"; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; } .m0{margin:0;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr1{margin-right:1px;}.mr2{margin-right:2px;} .mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;} .mt20{margin-top:20px;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:20px;} .ml-1{margin-left:-1px;}.mt-1{margin-top:-1px;} .p1{padding:1px;}.pl1{padding-left:1px;}.pt1{padding-top:1px;}.pr1{padding-right:1px;}.pb1{padding-bottom:1px;}.p2{padding:2px;}.pl2{padding-left:2px;}.pt2{padding-top:2px;} .pr2{padding-right:2px;}.pb2{padding-bottom:2px;}.pl5{padding-left:5px;}.p5{padding:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.p10{padding:10px;} .pl10{padding-left:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.p20{padding:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;} .pr20{padding-right:20px;}.pb20{padding-bottom:20px;} .pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;} .mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;} .g0{color:#000;}.g3{color:#333;}.g6{color:#666;}.g9{color:#999;}.wh{color:white;} .f0{font-size:0;}.f10{font-size:10px;-webkit-text-size-adjust:none;}.f11{font-size:11px;-webkit-text-size-adjust:none;}.f12{font-size:12px;} .f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f20{font-size:20px;}.f24{font-size:24px;} .pink{ color:#ff00ff;} .blue{ color:#008cd4;} .deepblue{ color:#000099;} .gray{ color:#999999;} .red{ color:#ff0000;} .black{ color:#000;} .white{ color:white;} .green{color:green;} .oninage{color:#f47c20 } .n{font-weight:normal; font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;} .tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.tj{text-align:justify;} .tdl{text-decoration:underline;}.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;} .lt0{letter-spacing:0;}lt1{letter-spacing:1px;} .bk{word-wrap:break-word;} .vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vb{vertical-align:bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;} .cl{clear:both;} .rel{position:relative;}.abs{position:absolute;} .zx1{z-index:1;}.zx2{z-index:2;} .poi{cursor:pointer;}.def{cursor:default;} .ovh{overflow:hidden;} .vh{visibility:hidden;}.vv{visibility:visible;} .z{*zoom:1;} .tu{text-transform:uppercase} /*圆边框*/ .b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;} .b1,.b8{margin:0 4px;} .b2,.b7{margin:0 3px;border-right:1px solid; border-left:1px solid;} .b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;} .b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;} .banner-nei img { display:block; width:100%; height:auto } .navbar { position: relative; margin-bottom: 0px; } .navbar-inverse { background:#fff; } .navbar-brand { margin-top:0px; padding:0px; } .navbar-nav > li > a { padding-top:10px; padding-bottom: 10px; line-height:100px; font-size:16px; color:#686868; border-right:#e8e8e8 1px solid; text-transform:uppercase; } .nav { border-left:#e8e8e8 1px solid; margin-left:10px; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a.focus { color: #b70005; } .navbar-inverse .navbar-nav > li > a { color:#686868; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #b70005; border: 1px solid transparent; border-radius: 4px; } /**/ .homeleft{width:13.65%; height:100%; background:#fff; position:fixed; left:0px; top:0px; z-index:1000;} .pclogo{width:100%; height:auto; overflow:hidden; margin:72px auto 0px auto; text-align:center;} .pclogo a img{max-width:100%; height:auto; transition:.3s;} .navx{height:auto; width:100%; float:left; margin-top:20px;} .navx ul{} .navx li{float:left; z-index:13; text-align:center; position:relative; width:100%;} .navx li h2 a{ color:#7f7f7f; font-size:18px; height:auto; line-height:70px; position: relative; display:inline-block;} .navx li h2 a:hover{ color: #1f257c;} .navx li h2 a.focus{ color: #1f257c;} .contright{width:86.35%; height:auto; overflow:hidden; float:right;} .pclang{height:auto; width:100%; float:left; text-align:center; color:#7f7f7f; font-size:16px; line-height:40px;} .pclang a{color:#7f7f7f; font-size:16px; line-height:40px;} @media screen and (max-width:1024px) { .contright{width:100%;} } /**/ .m_hide { display: none; } /*pc不显示手机显示*/ .pc_hide { display: block; } .m_header { width: 100%; position: fixed; left: 0; top:38px; z-index:1000; } .m_body {z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; background:#525252; display:none;} .m_header .logo { width:60%; float: left; padding-left:10px; height:60px; overflow:hidden; float:left; display:flex; align-items:center;} .m_header .logo a, .m_header .logo img { display: block; max-width:100%; height:auto;} .m_header .mme{width:30px; height:60px; float:right; margin-right:15px; text-align:center; font-size:12px; line-height:18px; color:#000; padding-top:5px;} .m_header .mme img{max-width:100%; height:auto;} .mlang{height:30px; line-height:30px; font-size:14px; color:#b0b0b0; float:right; margin-top:15px; margin-right:10px;} .mlang a{color:#616161;} .mlang a:hover{color:#376090;} .mlang .focus{color:#376090;} .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;} .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1} .a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0} .a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19; z-index:100;right:-80%; height: calc(100vh - 2.8rem); overflow-x: hidden; overflow-y: auto;} .a_txt .div3 ul{padding-left:5%;padding-right:5%} .a_txt .div3 ul li{border-bottom:1px solid #232530} .a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px} .a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .a_txt .div3 ul li .a_txt2{display:none} .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px} .m_header .in_header { height: 60px; } .banner { width:100%; height:auto; overflow:hidden; margin-right: auto; margin-left: auto;} .mbanner {width:100%; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; margin-top:60px;} @media (max-width:1024px) { .m_hide {display: block;} .pc_hide {display: none;} /*导航*/ .m_header {width:100%; background: #fff; position: fixed; left: 0; top:0px;z-index:1000;} .banner {margin-top:60px;} } #ban-in { background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; padding:160px 0px 646px 0px; color: #fff; position: relative;} .nbtit{line-height:60px; font-size:38px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .nbtitx{line-height:60px; font-size:40px; color:#fff; font-weight:bold;} .nloactionx{width:100%; height:76px; line-height:76px; position:absolute; left:0px; bottom:20px; z-index:10;} .nloaction{width:100%; height:76px; line-height:76px; background:url(wz.png) no-repeat left center; padding-left:25px; font-size:12px; color:#fff; font-family:"宋体"; } .nloaction a{color:#fff;} .nloaction a:hover{color:#fff;} .nbanner{width:100%; height:460px; min-width:1600px;} .nbtone{height:50px; line-height:50px; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; margin-top:120px;} .nbtwo{height:50px; line-height:50px; font-size:22px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .nline{width:84px; height:2px; background:#fff; float:left;} .down-ico { display: block; width: 43px; height: 43px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); cursor: pointer; margin-top:20px; position: relative; overflow: hidden; } .down-ico i { display: block; width: 100%; height: 100%; background: url(../images/ico_16.png) no-repeat center; animation: downico 1.5s ease-out infinite; position: relative; } @keyframes downico { 0% { top: 0; opacity: 1; } 35% { top: 50%; opacity: 0; } 65% { top: -50%; opacity: 0; } 100% { top: 0; opacity: 1; } } .mbanner{height:auto; overflow:hidden; margin:60px auto 0px auto;} @media screen and (max-width:1024px){ #ban-in{padding:150px 0; margin-top:60px;} } .kq1 { -webkit-animation-delay: 1s; } .kq2 { -webkit-animation-delay: 2s; -webkit-animation-duration: 2s; } .kq3 { -webkit-animation-delay: 3s; -webkit-animation-duration: 3s; } .top { width:100%; background-color:#0152a4; } .kuanping { width:1200px; margin-right: auto; margin-left: auto; } .yuyan { height:34px; padding-top:24px; } .guding { position:fixed; top:0px; } .ttp { margin-top:24px; } .abtit { background:url(../images/abtit.jpg) center; background-repeat:no-repeat; height:90px; } .txx { margin-top:36px; } .nw-tt { padding:20px; height:auto; overflow:hidden; background-color:#0e6bab; color:#FFFFFF; } .nw-tt h2 { font-size:20px; margin-top:0px; margin-bottom:10px; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; } .nw-hang { background-color:#eaeaeb; height:127px; margin-bottom:10px; } .nw-hang-zuo { width:20%; float:left; text-align:center; line-height:127px; background-color:#0e6bab; color:#FFFFFF; } .nw-hang-you { width:80%; padding:20px; float:right; color:#848484; } .nw-hang-you h2 { font-size:20px; margin-top:0px; margin-bottom:10px; color:#000000; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; } .abtt { margin-top:60px; } .xhui { background-color:#eaeaeb; margin-top:50px; } .abbj { background:url(../images/about.jpg) center; } #elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; } #elevator_item.off { opacity: 0; visibility: hidden } #elevator { display: block; width: 60px; height: 50px; background: url(../images/icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; margin-bottom: 10px } #elevator:hover { background-color: rgba(0, 0, 0, .7) } #elevator:active { background-color: rgba(0, 0, 0, .75) } #elevator_item .qr { display: block; width: 60px; height: 40px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; background: url(icon_code.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6) } #elevator_item .qr:hover { background-color: rgba(0, 0, 0, .7) } #elevator_item .qr:active { background-color: rgba(0, 0, 0, .75) } #elevator_item .qr-popup { width: 170px; height: 200px; background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, .1); position: absolute; left: -180px; bottom: 0; border-radius: 2px; display: none; text-align: center } #elevator_item .qr-popup .code-link { display: block; margin: 10px; color: #777 } #elevator_item .qr-popup .code { display: block; margin-bottom: 10px } #elevator_item .qr-popup .arr { width: 6px; height: 11px; background: url(code_arrow.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: 14px } .hy_load { position: absolute; right: 0; color: #333 !important; background: url(hy_load_03.png) no-repeat center right !important; padding-right: 24px; } .hy_loadx { position: absolute; right: 0; color: #333 !important; padding-right: 24px; } .arc_link { margin:15px 0; border-top:1px dotted #ccc; padding:8px 0; } .arc_link span { padding:0 8px; } .content_ct2 { margin:0 auto; } .content_ct2 .arc_title { padding:8px 0; text-align:center; font-size:20px; font-weight:bold } .content_ct2 .add_info { border-bottom:1px dotted #ccc; padding:5px 0; /*background:#fefefe;*/ font-size:14px; text-align:center; } .turn { width: 100%; border-top: 1px dotted #ccc; padding-top: 25px; margin-top: 30px; line-height:32px; position: relative; font-size:14px; } .turn p { float: left; line-height:32px; margin-bottom: 7px; } .turn .line { width: 100%; height: 0; line-height: 0; clear: both; } .turn a.name { display: inline-block; float: left; line-height: 32px; margin-bottom: 7px; } .turn a.back { display: inline-block; line-height: 32px; padding: 0 28px; background: #ececec; float: right; } .jiathis_style { float: right; margin-top:15px; clear:both; } .jiathis_style span.t { display: inline-block; line-height: 16px; float: left; } .proleft { width:520px; height:auto; float:left; } .prori { width:54%; height:auto; overflow:hidden; float:right;} @media screen and (max-width:1600px){ .prori { width:48%; height:auto; overflow:hidden; float:right; } } @media screen and (max-width:1400px){ .prori { width:40%; height:auto; overflow:hidden; float:right; } } @media screen and (max-width:1200px){ .prori { width:26%; height:auto; overflow:hidden; float:right; } } .title_t { font-size:20px; COLOR: #fff; font-weight:bold; font-weight:bold; line-height:36px; padding:10px 0px;} .title_tx { font-size:16px; COLOR: #333; line-height:36px; padding:10px 0px;} a.gwc{height:52px; line-height:52px; padding:0px 30px 0px 60px; font-size:16px; color:#fff; background:#06097c url(../images/order.png) no-repeat left center; display:block; float:left;} @media screen and (max-width:1024px){ .prori { width:100%; margin-top:20px;} .title_t { font-size:16px; COLOR: #fff; font-weight:bold; font-weight:bold; line-height:30px; padding:10px 0px;} .title_tx { font-size:14px; COLOR: #333; line-height:30px; padding:10px 0px;} a.gwc{height:52px; line-height:52px; padding:0px 30px 0px 60px; font-size:16px; color:#fff; background:#06097c url(../images/order.png) no-repeat left center; display:block; float:left;} } .inquiry { line-height:32px; border:none; margin-top:6px; width:112px; height:32px; float:left; margin-right:20px; } .inquiry a { background:url("xunjia.gif") center center no-repeat; display:block; display:block; color:#FFF; font-size:14px; padding-left:35px;} .inquiry a:hover { background-image:url("xunjia_hover.gif"); display:block; color:#FFF; } .piclistxx ul li { width:204px; height:auto; margin-right:20px; float:left; } .piclistxx ul li a { display:block; width:204px; height:auto; } .piclistxx ul li a:hover img { border:2px solid #20267a; } .piclistxx ul li a img { width:200px; height:200px; border:2px solid #ddd; } .piclistxx ul li .infoxx { height:25px; line-height:25px; width:200px; margin:0 auto; display:block; text-align:center; color:#333; } #demo1 { float: left; } #demo2 { float: left; } #demox1 { float: left; } #demox2 { float: left; } /*表单*/ .order_body { margin:8px auto; padding:8px; width:630px; overflow:hidden; line-height:200%; font-size:14px; } .order_form { } .order_form tr, .order_form td { padding:5px 0; } .order_form p { height:32px; line-height:32px; text-align:center; font-weight:bold } .order_form input { height:35px; line-height:35px; padding:2px; border:1px solid #eeeeee; color:#000; } .order_form textarea { height:100px; width:70%; padding:2px; border:1px solid #eeeeee; color:#000; } .order_form .w1 { text-align:right } .order_form #w30 { width:30%; padding-right:20px; } .order_form #w70 { width:70% } .order_form #refresh_code { font-style:normal; text-decoration:underline; cursor:pointer } .order_form .pt_go, .order_form .pt_reset { width:100px; height:35px; text-align:center; color:#FFF; margin:0 5px; background:#555555; } .order_formx { } .order_formx tr, .order_form td { padding:5px 0; } .order_formx p { height:32px; line-height:32px; text-align:center; font-weight:bold } .order_formx input { height:20px; line-height:20px; width:30px; padding-left:1px; vertical-align:middle; } .order_formx textarea { height:100px; width:100%; border:1px solid #E3E3E3; padding-left:1px; } .order_formx .w1 { text-align:left; border-bottom:#ddd 1px dotted; line-height:35px; padding:0px 10px; } /*.order_formx #w30{width:30%}*/ .order_formx #w70 { width:70% } .order_formx #refresh_code { font-style:normal; text-decoration:underline; cursor:pointer } .order_formx .pt_go, .order_form .pt_resetx { width:80px; height:35px; margin:0 5px; } /*-------------------------------------------------------在线留言-----------------------------------------------------------------*/ .message_content { padding:519px 0 0 0; } .message_bg { background:#FFF; position:relative; top:-4px; } .message_c { width:1200px; margin:0 auto; } #message_left { float:left; width:800px; padding:0 0 30px 0; position:relative; } #mf_title { padding:45px 0; } #mf_title h2 { font-weight:normal; font-size:18px; } #mf_title h2 span { font-size:18px; font-weight:bold; } #mf_title h3 { font-weight:normal; font-size:18px; color:#b7b7b7; } #mf_form h2 { width:550px; float:left; height:32px; line-height:32px; padding:10px; } #mf_form h2 span { font-size:13px; font-weight:normal; color:#626262; float:left; } /*#mf_form h2 input{ height:22px; line-height:22px; padding:5px; border:0px; float:right; width:230px; background:#e8e8e8 url(../images/mfinput_bg.png) right bottom no-repeat; color:#000; } #mf_form h2 input:hover{ background:#ab8448 url(../images/mfinput_hover.png) right bottom no-repeat;color:#FFF;}*/ #mf_form h2 input { height:22px; line-height:22px; padding:5px; border:0px; float:right; width:450px; background-color:#e8e8e8; color:#000; color:#666666; font-size:12px; } #mf_form h2 input:hover { background-color:#ab8448; color:#FFF; } #m_need { background-image:url(../images/mfinput_bg.png); background-position:right bottom; background-repeat:no-repeat; color:#666666; } #div_select:hover input { background-image:url(../images/mfinput_hover.png); background-position:right bottom; background-repeat:no-repeat; background-color:#ab8448; color:#FFF; } #div_select { width:350px; float:left; height:32px; line-height:32px; padding:10px; position:relative; } #div_select { width:350px; float:left; height:32px; line-height:32px; padding:10px; } #div_select span { font-size:13px; font-weight:normal; color:#626262; float:left; } #div_select input { height:22px; line-height:22px; padding:5px; border:0px; float:right; width:230px; background-color:#e8e8e8; color:#000; } #div_select:hover input { } #select_option { position:absolute; width:240px; padding:20px 0 height:60px; background-color:#ab8448; left:120px; top:42px; display:none; } .option_div { height:35px; line-height:35px; font-size:15px; color:#FFF; cursor:pointer; padding:0 0 0 20px; } .option_div:hover { background:#D2AA6D; } #mf_form h3 { width:610px; padding:10px; } #mf_form h3 span { font-size:13px; font-weight:normal; color:#626262; float:left; } .mf_content { float:right; width:500px; height:100px; background:#e8e8e8 url(../images/mfinput_bg.png) right bottom no-repeat; color:#000; border:0px; padding:10px; color:#666666; } .mf_content:hover { background:#ab8448 url(../images/mfinput_hover.png) right bottom no-repeat; color:#FFF; } .mf_s { height:32px; width:87px; font-size:14px; text-align:center; color:#FFF; border:0px; cursor:pointer; } #mf_sub { padding:30px 0; } #mf_btn { background:#555555; margin:0 15px 0 120px; } #mf_reset { background:#919191; } .message_icon { width:48px; margin:0 auto; padding:0 0 50px 0; } #message_right { float:right; width:306px; } .list_job { width:100% } .list_job dt { padding:5px 8px; border-bottom:1px dotted #CCC; } .list_job dt a { font-weight:bold } .list_job dt a em.job { font-style:normal; font-weight:normal; color:#DF0E13 } .list_job dt a:hover { color:#076cc5 } .list_job dd { padding:5px 8px; height:auto; overflow:hidden; } .list_job dd p { width:50%; float:left; text-align:left; padding:5px 0; } .list_job dd div { clear:both; text-align:right; padding:5px 0; font-weight:bold } .list_jobco { padding:5px 8px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; } p.title { padding:10px 0; margin-top:15px; text-align:center; font-weight:bold; font-size:24px; color:#777 } p.info { padding:0; text-align:center } p.info span { padding:0 8px; } .arc_info { margin:8px 0; border:1px solid #ddd; background:#F9F9F9; padding:8px; line-height:150%; } .arc_body { margin:8px 0; padding:8px 0; width:100%; overflow:hidden; line-height:200%; } .arc_body a { text-decoration:underline; color:#00386a } .arc_body a:hover { color:#FF9900 } .q_body { margin-bottom:4px; margin-top:12px; } .q_body ul { border-bottom:1px solid #E14333; height:29px; margin:0px; padding:0px; } .q_body ul li { height:25px; margin-top:4px; display:block; cursor:pointer; padding-left:16px; background:url('li2.gif') no-repeat left top; float:left; margin-right:5px; display:inline } .q_body ul li span { display:block; float:left; padding-right:16px; background:url('span2.gif') no-repeat right top; line-height:25px; } .q_body ul li.focus { margin-top:0; height:29px; background:url('li1.gif') no-repeat left top } .q_body ul li.focus span { background:url('span1.gif') no-repeat right top; line-height:29px; color:#FFFFFF } .neinews { height:auto; overflow:hidden; } .neinews .newstxt { line-height:22px; margin-top:5px; padding-bottom:10px; height:auto; overflow:hidden; border-bottom:1px dotted #f2f2f2; position:relative; } .neinews .newstxt img { margin-top:8px; float:left; margin-right:15px; } .neinews .newstxt p { line-height:30px; height:auto; overflow:hidden; } .neinews .newstxt p a { color:#A40000; text-decoration:none; } .neinews .newstxt p a:hover { color:#EA7526; text-decoration:underline; } .neinews .newstxt h3 { font-weight:bold; height:auto; line-height:45px; font-size:16px; } /*search*/ .search_title { margin-top:10px; border:0px solid #ccc; background:#F2F2F2; border-right:0; border-left:0; height:auto; line-height:30px; padding-left:5px; } .search_title a { padding-left:15px; font-weight:bold } .search_content { margin-top:5px; border-bottom:1px dotted #ccc } .search_content h2 { height:25px; line-height:25px; font-size:14px; } .search_content h2 a { font-size:14px; } .search_content p { padding:5px 0; line-height:23px; } .search_page { width:99%; border-top:none; text-align:left; margin-top:8px; } .search_page ul { list-style:none } .search_page li { display:block; float:left; margin-left:5px; height:25px; line-height:25px; } .search_page li a { display:block; height:25px; line-height:25px; float:left; } .search_page li.focus a { font-weight:bold; color:#990000 } /*分页样式*/ .page_fy {padding:8px; margin:3px; text-align:center; margin-top:10px; font-size:14px;} .page_fy A {padding:6px;MARGIN: 2px; COLOR: #fff; TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px;} .page_fy A:hover {MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #20267a; border:#20267a 1px solid; padding:6px;} .page_fy span{padding:6px;MARGIN: 2px; COLOR: #fff; TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px;} .page_fy span.current { BACKGROUND-COLOR: #20267a; border:#20267a 1px solid; font-size:14px;} /**/ @media screen and (max-width:1024px){ .page_fy {padding:3px; margin:3px; text-align:center; margin-top:0px; font-size:12px;} .page_fy A {padding:3px; MARGIN:2px; COLOR: #fff; TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px;} .page_fy A:hover {MARGIN: 2px; COLOR:#fff; BACKGROUND-COLOR: #20267a; border:#20267a 1px solid; padding:2px;} .page_fy span{padding:3px;MARGIN: 2px; COLOR: #fff; TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px;} .page_fy span.current { BACKGROUND-COLOR: #20267a; border:#20267a 1px solid; font-size:12px;} } /**************************/ .cpkuan { width:100%; margin-right: auto; margin-left: auto; max-width:1260px;} @media screen and (max-width:1320px){ .cpkuan {width:100%; padding:0px 40px;} } @media screen and (max-width:1024px){ .cpkuan {width:100%; padding:0px 15px;} } /**************************/ .cpkuanx { width:1400px; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; } .aboutlist { height:auto; overflow:hidden; background: url(../images/aboutbg.jpg) no-repeat center top; background-size:cover; padding:90px 0px;} .ithumb { width:45%; height:auto; float:right;} .iabout { height:auto; overflow:hidden; width:48%; float:left;} .iabout .tt{height:78px; line-height:78px; font-size:48px; color:#20267a; font-weight:bold; background:url(../images/atbg.jpg) no-repeat left bottom;} .iabout .linex{width:72px; height:4px; background:#d2d2d2; float:left; margin:20px 0px 20px 0px;} .iabout p { line-height:40px; font-size:16px; color:#3e3e3e;} .iabout a.more{width:144px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; display:block; background:#20267a; float:left; margin-top:20px;} .cpquicklink{height:auto; overflow:hidden;} .cpquicklink ul li{width:25%; height:auto; overflow:hidden; float:left; padding:110px 0px;} .cpquicklink ul li.bg1{background:#033692 url(../images/rbg.png) no-repeat right top;} .cpquicklink ul li.bg2{background:#033081 url(../images/rbg.png) no-repeat right top;} .cpquicklink ul li.bg3{background:#033692 url(../images/rbg.png) no-repeat right top;} .cpquicklink ul li.bg4{background:#033081 url(../images/sbg.png) no-repeat right top;} .cpquicklink ul li .tt{ line-height:1.5; text-align:center; font-size:60px; color:#fff; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif;} .cpquicklink ul li .line{width:62px; height:2px; background:#fff; margin:10px auto 20px auto;} .cpquicklink ul li .ttx{ line-height:1.5; text-align:center; font-size:30px; color:#fff; font-weight:bold;} .cpquicklink ul li a.more{width:144px; height:40px; line-height:38px; text-align:center; font-size:16px; color:#fff; display:block; border:#fff 1px solid; margin:60px auto 0px auto;} .gdtulist{height:auto; overflow:hidden; background:url(../images/bg.jpg) no-repeat center top; background-size:cover; padding:250px 0px;} .gdtulist .tt{line-height:70px; font-size:50px; color:#fff; font-weight:bold;} .gdtulist .ttx{line-height:50px; font-size:24px; color:#fff;} .gdtulist .ttxx{line-height:36px; font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; max-width:700px;} .gdtulist .line{width:50px; height:18px; float:left; background:url(../images/bline.jpg) no-repeat; margin-top:20px;} .quicklink{height:auto; overflow:hidden;} .quicklink ul li{width:50%; height:auto; overflow:hidden; float:left; padding:100px 0px;} .quicklink ul li.bg1{background:#033692;} .quicklink ul li.bg2{background:#033081;} .quicklink ul li a .icon{width:68px; height:68px; margin:0px auto 0px auto;} .quicklink ul li a .tt{line-height:40px; text-align:center; font-size:24px; color:#fff;} .newsxlist{height:auto; overflow:hidden; background:url(../images/nbg.jpg) no-repeat center top; background-size:cover; padding:80px 0px;} .newsxlist .title{height:78px; line-height:78px; font-size:48px; color:#20267a; font-weight:bold; background:url(../images/ntbg.jpg) no-repeat left bottom; margin-bottom:50px;} .nnewslist { padding-bottom:40px; height:auto; overflow:hidden; width:49%; min-height:150px; } .nnewslist a { display:block; height:auto; overflow:hidden; background:url(tsub.png) repeat;} .nnewslist a .txt { padding:0px 0px 0px 20px; color:#3e3e3e; } .nnewslist a .txt .tt { height:40px; line-height:40px; font-size:16px; overflow:hidden; color:#181818; font-weight:bold; } .nnewslist a .txt .time { line-height:30px; font-size:16px; } .nnewslist a .txt .sptxt { line-height:30px; font-size:16px; } .newszx {color:#181815; background:#f6f6f6; margin-bottom:20px;} .newszx a .tt {font-size:16px; height:55px; overflow:hidden; line-height:55px; color:#2b2b2b; padding:15px 5% 0px 5%;} .newszx a .tt span{float:right; font-size:14px;} .newszx a .deite{line-height:24px; font-size:14px; color:#868686; margin-top:10px; padding:0px 5% 20px 5%;} .cpzx { color:#181815; text-align:center; margin-bottom:20px;} .cpzx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#ececec 5px solid;} .cpzx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .cpzx a:hover .pic .img { transform: scale(1.1); } .cpzx a h2 { text-align:center; height:50px; overflow:hidden; line-height:50px; font-size:16px; color:#393939; } .cpzx a .bg { background:#000; height:100%; left:0; filter:alpha(opacity=50); opacity: 0.5; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; } .cpzx a .xxvideo{margin:-42px 0 0 -42px; position: absolute; left:50%; top:50%; transition: all 400ms ease 0s; z-index:12;} .cpzx a .info{width:100%; height:60px; overflow:hidden; line-height:60px; text-align:center; font-size:16px; color:#000; background:url(s_2.png) repeat; position:absolute; left:0px; bottom:0px; z-index:10; transition: all 400ms ease 0s;} .cpzx a:hover .info{color:#fff; background:url(s_1.png) repeat;} .cpzx a .tt {font-size:14px; height:40px; overflow:hidden; line-height:40px; color:#474747; font-weight:bold; text-align:left;} .cpzx a .ttx{line-height:30px; font-size:14px; color:#474747; text-align:left;} @media (min-width: 0px) and (max-width:1024px) { .cpzx { color:#181815; text-align:center; margin-bottom:0px;} .cpzx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#ececec 1px solid;} .cpzx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .cpzx a:hover .pic .img { transform: scale(1.1); } .cpzx a h2 { text-align:center; height:40px; overflow:hidden; line-height:40px; font-size:14px; color:#393939; } .aboutlist { height:auto; overflow:hidden; background: url(../images/aboutbg.jpg) no-repeat center top; background-size:cover; padding:30px 0px;} .ithumb { width:100%; height:auto; float:right; margin-bottom:20px;} .iabout { height:auto; overflow:hidden; width:100%; float:left;} .iabout .tt{height:40px; line-height:40px; font-size:24px; color:#20267a; font-weight:bold; background:url(../images/atbg.jpg) no-repeat left bottom;} .iabout .linex{width:72px; height:2px; background:#d2d2d2; float:left; margin:10px 0px 10px 0px;} .iabout p { line-height:30px; font-size:14px; color:#3e3e3e;} .iabout a.more{width:144px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; display:block; background:#20267a; float:left; margin-top:20px;} .cpquicklink{height:auto; overflow:hidden;} .cpquicklink ul li{width:50%; height:auto; overflow:hidden; float:left; padding:30px 0px; border-bottom:#003fb0 1px solid;} .cpquicklink ul li.bg1{background:#033692 url(../images/rbg.png) no-repeat right top;} .cpquicklink ul li.bg2{background:#033081 url(../images/rbg.png) no-repeat right top;} .cpquicklink ul li.bg3{background:#033692 url(../images/rbg.png) no-repeat right top;} .cpquicklink ul li.bg4{background:#033081 url(../images/sbg.png) no-repeat right top;} .cpquicklink ul li .tt{ line-height:1.5; text-align:center; font-size:30px; color:#fff; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif;} .cpquicklink ul li .line{width:62px; height:1px; background:#fff; margin:10px auto 20px auto;} .cpquicklink ul li .ttx{ line-height:1.5; text-align:center; font-size:16px; color:#fff; font-weight:bold;} .cpquicklink ul li a.more{width:144px; height:40px; line-height:38px; text-align:center; font-size:14px; color:#fff; display:block; border:#fff 1px solid; margin:20px auto 0px auto;} .gdtulist{height:auto; overflow:hidden; background:url(../images/bg.jpg) no-repeat center top; background-size:cover; padding:50px 0px;} .gdtulist .tt{line-height:40px; font-size:30px; color:#fff; font-weight:bold;} .gdtulist .ttx{line-height:40px; font-size:18px; color:#fff;} .gdtulist .ttxx{line-height:30px; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; max-width:700px;} .gdtulist .line{width:50px; height:18px; float:left; background:url(../images/bline.jpg) no-repeat; margin-top:20px;} .quicklink{height:auto; overflow:hidden;} .quicklink ul li{width:100%; height:auto; overflow:hidden; float:left; padding:20px 0px;} .quicklink ul li.bg1{background:#033692;} .quicklink ul li.bg2{background:#033081;} .quicklink ul li a .icon{width:68px; height:68px; margin:0px auto 0px auto;} .quicklink ul li a .tt{line-height:30px; text-align:center; font-size:16px; color:#fff;} .newsxlist{height:auto; overflow:hidden; background:url(../images/nbg.jpg) no-repeat center top; background-size:cover; padding:30px 0px;} .newsxlist .title{height:40px; line-height:40px; font-size:24px; color:#20267a; font-weight:bold; background:url(../images/ntbg.jpg) no-repeat left bottom; margin-bottom:20px;} .nnewslist { padding-bottom:20px; height:auto; overflow:hidden; width:100%; min-height:150px; } .nnewslist a { display:block; height:auto; overflow:hidden; background:url(tsub.png) repeat;} .nnewslist a .txt { padding:10px 0px 0px 0px; color:#3e3e3e; } .nnewslist a .txt .tt { height:30px; line-height:30px; font-size:14px; overflow:hidden; color:#181818; font-weight:bold; } .nnewslist a .txt .time { line-height:30px; font-size:14px; } .nnewslist a .txt .sptxt { line-height:30px; font-size:14px; } } .indexne { height:auto; padding:0px 0px 50px 0px; overflow:hidden; } .indexne .t1 { height:80px; line-height:80px; text-align:center; font-size:45px; color:#323232; font-weight:bold; border-bottom:#f0f2ef 1px solid; } .indexne .t2 { height:50px; line-height:50px; text-align:center; font-size:14px; color:#898989; text-transform:uppercase; margin-bottom:30px; } .indexne .txt { height:auto; overflow:hidden; padding:20px 0px; float:left; } .indexne .txt a .tit { color:#323232; height:40px; line-height:40px; display:block; overflow:hidden; font-size:18px; } .indexne .txt a:hover .tit { color:#0058ab; } .indexne .txt a .time { height:30px; line-height:30px; font-size:14px; color:#8f8f8f; background:url(time.png) no-repeat left center; padding-left:30px; } .indexne .txt a .stxt { color:#8f8f8f; line-height:24px; font-size:14px; } .indexne .txt a .more { width:154px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#8f8f8f; border:#b7b6b6 1px solid; float:left; margin-top:20px; } @media (min-width: 0px) and (max-width:1200px) { .indexne {height:auto;padding:0px 0px 20px 0px;overflow:hidden;} .indexne .t1 {height:50px;line-height:50px;text-align:center;font-size:24px;color:#323232;font-weight:bold;border-bottom:#f0f2ef 1px solid;} .indexne .t2 {height:30px;line-height:30px;text-align:center;font-size:14px;color:#898989;text-transform:uppercase;margin-bottom:20px;} } .indexnewslist { height:auto; overflow:hidden; padding:50px 0px; background:#fff; } .indexnewslist .t1 { height:70px; line-height:70px; text-align:center; font-size:36px; color:#323232; font-weight:bold; text-transform:uppercase; background:url(l_1x.jpg) no-repeat center bottom; } .indexnewslist .t1 span { color:#20267a; } .concalist { height:auto; overflow:hidden; background:#454443 url(cfbg.jpg) no-repeat center top; } .contant { height:auto; overflow:hidden; padding:30px; background:url(sub.png) repeat; } .contant .title { height:55px; line-height:55px; font-size:24px; color:#fff; font-weight:bold; background:url(tel.jpg) no-repeat right center; } .contant p { line-height:40px; font-size:16px; color:#757575; } .inews { height:auto; overflow:hidden; padding:30px; background:url(sub.png) repeat; margin-top:235px; } .inews .title { height:55px; line-height:55px; font-size:24px; color:#fff; font-weight:bold; } .inewslist { height:auto; overflow:hidden; width:100%; display:block; float:left; } .inewslist a { display:block; height:auto; overflow:hidden; } .inewslist a .txt { } .inewslist a .txt .tt { font-size:16px; margin-top:10px; margin-bottom:10px; color:#fff; } .inewslist a .txt .tt span { float:right; } .inewslist a .txt .sptxt { line-height:30px; font-size:16px; color:#757575; } a.newsmore { width:196px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; display:block; background:#b60005; float:left; margin-top:10px; margin-bottom:10px; } .sblist { height:auto; overflow:hidden; padding:50px 0px; } .sblist .t1 { height:30px; line-height:30px; text-align:center; font-size:24px; color:#505050; font-weight:bold; text-transform:uppercase; } .sblist .t2 { line-height:20px; text-align:center; font-size:14px; color:#757575; margin-bottom:30px; } .sblist { color:#181815; text-align:center; } .sblist .tt { font-size:16px; text-align:center; height:58px; line-height:58px; border-bottom:#505050 3px solid; } .wrap { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1600px;} #footop { height:auto; overflow:hidden; background:#011635; padding:50px 0px 50px 0px; } .foot_nav { width:80%; height:auto; overflow:hidden; float:left;} .foot_nav dl { float:left; height:auto; padding:0px 8% 0px 0px; } .foot_nav a { color:#6d7c92; } .foot_nav a:hover { color:#fff; } .foot_nav dl dt { height:60px; line-height:60px; font-size:16px; color:#fff; background:url(../images/fline.jpg) no-repeat left bottom; margin-bottom:10px;} .foot_nav dl dt a { color:#fff; } .foot_nav dl dd a { line-height:36px; color:#6d7c92; } .ficonlist{ width:19%; height:auto; overflow:hidden; float:right;} .ficonlist .tel{line-height:1.5; font-size:30px; color:#fff; font-weight:bold; text-align:right;} .fbottom{float:left; width:100%; line-height:30px; font-size:14px; color:#fff; margin-top:30px;} .copyRight { width:100%; height:auto; overflow:hidden; background:#0d2547; padding:15px 0px; line-height:24px; color:#415573; font-size:14px; } .copyRight a { color:#415573; } /*about*/ .ab-title { background-color: #424242; width: 100%; height:55px; position: relative; box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); } .ab-title .swiper-containerx { width:1200px; height:55px; color: #fff; text-align: center; margin:0px auto; } .ab-title .swiper-slidex { height:100%; } .ab-title .swiper-slidex .title { font-size:16px; line-height:55px; color: #9e9e9e; padding:0px 30px; display: block; cursor: pointer; float:left; } .ab-title .swiper-slidex.focus .title, .ab-title .swiper-slidex:hover .title { color:#fff; background:url(l_1.jpg) no-repeat center 45px; } .ab1 { width: 100%; height: auto; overflow:hidden; padding:20px 0px; } .naboutlist { width:1200px; height:auto; overflow:hidden; margin:0px auto 0px auto; padding:30px 0px; } .naboutlist .cont { height:auto; overflow:hidden; line-height:32px; font-size:16px; color:#fff; } .naboutlist .cont .t1 { height:40px; line-height:40px; font-size:20px; color:#20267a; font-weight:bold; } .naboutlist .cont .t2 { line-height:30px; font-size:16px; color:#5f5f5f; } .ab2 { width: 100%; height: auto; overflow:hidden; } .ab2 .conbg { width:100%; height:auto; overflow:hidden; background:url(ab2bg.jpg) no-repeat center top; padding:10px 0px; } .ab2 .conbg .f1 { line-height:24px; font-size:14px; color:#fff; margin-top:10px; } .ab2 .conbg .f2 { line-height:24px; font-size:14px; color:#000; margin-top:10px; } .ab3 { width: 100%; height: auto; padding:20px 0px; } .products { position:relative; z-index:99; padding:0px 0px; overflow:hidden; } .products .product .navigation { width:100%; margin: 0px auto; padding:20px 0; } .products .product .carousel { overflow: hidden; } .products .product .carousel ul { width: 20000em; list-style: none; margin: 0; padding: 0; } .products .product .carousel li { float: left; width:276px; margin-right:45px; } .products .product .carousel li img { width:100%; } .products .product .carousel li a { display:block; } .products .product .carousel li a>div { padding:10px; color:#000; line-height:20px; height:60px; font-size:16px; text-align:center; width:100%; } .products .product .carousel li a:hover div { transition:.3s; color:#000; } .products .product .prev-navigation, .next-navigation { display:block; cursor:pointer; height:34px; width:20px; position:absolute; z-index:1000; } .products .product .prev-navigation { background:url(s_3.png) left 0px no-repeat; left:12%; top:40%; } .products .product .next-navigation { background:url(s_4.png) right 0px no-repeat; right:12%; top:40%; } .products .product .prev-navigationx, .next-navigationx { display:block; cursor:pointer; height:34px; width:20px; position:absolute; z-index:1000; } .products .product .prev-navigationx { background:url(s_1.png) left 0px no-repeat; left:12%; top:40%; } .products .product .next-navigationx { background:url(s_2.png) right 0px no-repeat; right:12%; top:40%; } @media (max-width:992px) { .products .product .navigation { padding:20px 0 0px; width:324px;} .products .product .carousel li { width:324px;} .products .product .prev-navigation { left:10px; top:40%;} .products .product .next-navigation { right:10px; top:40%;} } .ab4 { width: 100%; height: auto; padding:20px 0px; } .cfsblist { position:relative; z-index:99; padding:0px 0px; overflow:hidden; } .cfsblist .product .navigation { width:100%; margin: 0px auto; padding:20px 0; } .cfsblist .product .carousel { overflow: hidden; } .cfsblist .product .carousel ul { width: 20000em; list-style: none; margin: 0; padding: 0; } .cfsblist .product .carousel li { float: left; width:276px; margin-right:45px; } .cfsblist .product .carousel li img { width:100%; } .cfsblist .product .carousel li a { display:block; } .cfsblist .product .carousel li a>div { padding:10px; color:#000; line-height:20px; height:60px; font-size:16px; text-align:center; width:100%; } .cfsblist .product .carousel li a:hover div { transition:.3s; color:#000; } .cfsblist .product .prev-navigation, .next-navigation { display:block; cursor:pointer; height:34px; width:20px; position:absolute; z-index:1000; } .cfsblist .product .prev-navigation { background:url(s_3.png) left 0px no-repeat; left:12%; top:40%; } .cfsblist .product .next-navigation { background:url(s_4.png) right 0px no-repeat; right:12%; top:40%; } @media (max-width:992px) { .cfsblist .product .navigation { padding:20px 0 0px; width:324px; } .cfsblist .product .carousel li { width:324px; } .cfsblist .product .prev-navigation { left:10px; top:40%; } .cfsblist .product .next-navigation { right:10px; top:40%; } } .ab5 { width: 100%; height: auto; background:url(abbg.jpg) no-repeat center top; padding:20px 0px; } .videocont { width:1100px; height:auto; overflow:hidden; margin:30px auto 0px auto; } .videocont .p1 { line-height:24px; font-size:14px; color:#444; margin-bottom:10px; } .nezxx { color:#939393; background:#fff; padding:15px; margin-bottom:15px; height:auto; overflow:hidden; } .nezxx a .pic { height:auto; overflow:hidden; position:relative; } .nezxx a .pic .img { transition: all 1s ease 0s; } .nezxx a:hover .pic .img { transform: scale(1.1); } .nezxx .t1 { height:40px; line-height:40px; display:block; font-size:18px; color:#181818; font-weight:bold;} .nezxx .time { height:35px; line-height:35px; width:102px; background:#fdab00; font-size:14px; color:#fff; text-align:center; position:absolute; left:0px; bottom:0px; z-index:15; } .nezxx .t2 { line-height:36px; font-size:14px; color:#939393; font-size:16px;} .nezxx a .more { width:105px; height:30px; border:#dadada 1px solid; display:block; float:right; line-height:30px; font-size:14px; color:#000; text-align:center; margin-top:10px;} .nezxx a:hover .more { color:#fff; border:#20267a 1px solid; background:#20267a; } .fpt1 { height:70px; line-height:70px; font-size:36px; color:#000; font-weight:bold; } .fpp { line-height:30px; font-size:16px; color:#000; margin-bottom:20px; } .ppfllist { padding-bottom:20px; height:auto; overflow:hidden; border-bottom:#bebebe 1px solid; margin-bottom:20px; } .ppfllist .txt { float:left; } .ppfllist .txt .tt { font-size:36px; color:#000; margin-top:10px; margin-bottom:10px; } .ppfllist .txt .sptxt { line-height:24px; font-size:14px; } .ppfllist .txt a.more { width:110px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff; background:#3f3f3f; display:block; float:left; margin-top:20px; text-transform:uppercase; } .ppfllist .txt a:hover.more { background:#dd0011; } /**************************/ @media (min-width: 0px) and (max-width:1024px) { .abnei {padding:10px;height:auto;overflow:hidden;} .ab1 {width:100%;height: auto;overflow:hidden;padding:10px 0px;} .ab2 {width:100%;height: auto;overflow:hidden;padding:10px 0px;} .ab2 .conbg {width:100%;height:auto;overflow:hidden;background:#dfdfdf;padding:10px 0px;} .ab2 .conbg .f1 {line-height:24px;font-size:14px;color:#000;margin-top:10px;} .ab2 .conbg .f2 {line-height:24px;font-size:14px;color:#000;margin-top:10px;} .naboutlist {width:100%;padding:30px 15px 30px 15px;} .naboutlist .cont {width:100%;margin:10px auto 0px auto;} .ab3 {width: 100%;height: auto;padding:30px 0px;} .ab4 {width: 100%;height: auto;padding:30px 0px;} .ab5 {width:100%;height: auto;background:url(abbg.jpg) no-repeat center top;padding:30px 0px;} .videocont {width:100%;padding:0px 15px;} .inews {width:100%;margin:0px auto 0px auto;} .inewslist {width:100%;} .lycont {width:100%;} .lydis {display:none;} .navbar-nav > li > a { padding: 10px 20px; line-height: 20px; color:#fff;} .navbar-inverse .navbar-nav > li > a {color:#fff;text-align:center;border-right:none;} .navbar-inverse .navbar-nav > li > a:hover {background:#b70005;color:#fff;} .navbar-inverse .navbar-nav > li > a.focus {background:#b70005;color:#fff;} .nav {padding-left: 0px;background: url(sub_1.png) repeat;margin-left:-15px;} .lytab {padding:30px 30px;} #footop {display:none;} .copyRight {margin-bottom:50px;} .tsearch {width:62px;height:62px;position:absolute;top:-32px;right:50px;z-index:100;} .ilang {position:absolute;top:-32px;right:100px;z-index:99;} .srdz .t1 {height:30px;line-height:30px;font-size:18px;color:#20267a;font-weight:bold;padding-left:28px;} .srdz .t2 {height:30px;line-height:30px;font-size:14px;color:#999999;font-weight:bold;text-transform:uppercase;font-family:"Times New Roman"; background:url(l.jpg) no-repeat 28px bottom;padding-left:28px;margin-bottom:20px;} .srtxt li .ttx {height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:bold;padding:0px 30px;margin-top:50px;} .srtxt li .info {line-height:24px;font-size:14px;color:#fff;padding:0px 30px;} .kuanping {width:100%;} .zixun {display:none;} .abnei {padding:20px;height:auto;overflow:hidden;} .cpkuanx {width:100%;padding:0px 15px;} .newkuan {width:100%;} #elevator_item {width:60px;height:60px;position: fixed;right:0px;bottom:55px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;} #elevator_item.off {opacity: 0;visibility: hidden} #elevator {display: block;width:40px;height:30px;background: url(../images/icon_top.png) center center no-repeat;background-color: #444;background-color: rgba(0, 0, 0, .6);border-radius: 2px;box-shadow: 0 1px 3px rgba(0, 0, 0, .2);cursor: pointer;margin-bottom: 10px} } @media (max-width: 768px) { .navbar-brand img {height:50px;} } @media (max-width: 768px) { .yuyan {height:34px;padding-top:0px;} } #footer { display:none; } @media (max-width: 768px) { #footer {width:100%;position:fixed;bottom:0px;left:0px;height:50px;overflow:hidden;z-index:9999;text-align:center;display:block;background:#000;} #footer .footerbox {max-width:640px;width:100%;height:50px;margin:0px auto;position:relative;} #footer .footerlist {max-width:640px;width:100%;height:50px;overflow:hidden;position:absolute;left:0px;border-top:0px;} #footer ul {display:block;float:left;width:100%;} #footer ul li {display:block;text-align:center;border-right:1px solid rgba(255, 255, 255, 0.2);border-left:0px;position:relative;width:25%;height:50px;float:left;} #footer ul li i.iconfont {padding:0px;} #footer ul li a {display:block;width:100%;text-align:center;color:#fff;height:50px;} #footer .icon {display:block;margin:0px auto 0px;position:relative;top:3px;width:35px;height:25px;line-height:25px;overflow:hidden;background:url(../footer.png) no-repeat;background-size:150px;background-position:-3px 0px;font-size:20px;padding:0px;} #footer .map {background-position:-83px 0px;} #footer .message {background-position:-45px 0px;} #footer .home {background-position:-118px 0px;} #footer .txt {height:24px;line-height:24px;font-size:12px;display:block;} } /********************/ #mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; } #mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; } #mbOverlay.mbOverlayIE { position:absolute; } #mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); } #mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; } #mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; } #mbImage, #mbImage:before, #mbImage:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; } #mbImage a:hover, #mbImage a:active { color:#fff; } #mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; } #mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; } #mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; } #mbCaption { display:block; color:#999; line-height:14px; font-size:10px; } #mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; } #mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; } #mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; } #mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; } #mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; } #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; } .layout_default { float:left; margin:5px } .mod_gallerylist { width:665px; margin:0 auto } .meta { font-size:12px; text-align:center; } .image_container img { border:1px solid #CCC; padding:2px } .meta a { color:#333; text-decoration:none } .ab-titlex { background-color: #424242; width: 100%; height:55px; position: relative; box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); } .ab-titlex .tcont { width:1200px; height:55px; margin:0px auto; color:#9e9e9e; } .ab-titlex .tcont a { line-height:55px; font-size:14px; color:#9e9e9e; } .ab-titlex .tcont a:hover { color:#fff; } .m98 { margin-top:0px; } /*---------------------------------------------------------*/ @media screen and (max-width: 1200px) { .ab-title {background-color: #424242;width:100%;height:auto;overflow:hidden;position: relative;box-shadow: 0 1px 0.15rem 0 rgba(0, 0, 0, 0.1); margin-top:98px;} .ab-title .swiper-containerx {width:100%;height:auto;color: #9e9e9e;} .ab-title .swiper-slidex {float:left;} .ab-title .swiper-slidex .title {font-size:14px;line-height:30px;width:100%;padding: 0px 10px;} .ab-titlex .tcont {width:100%;height:auto;margin:0px auto;padding:0px 15px;} .m98 {margin-top:97px;} } @-ms-viewport {width:device-width} @media (min-width:1070px) { #trigger {display:none} } #content>div, #main.aside>div.content, .bc nav, .nav nav, .wrapper, footer>div { max-width:1400px; width:100%; margin:0 auto; padding:0 2em } #content>div.full>div { max-width:inherit } @media (min-width:1070px) { #main.aside div.content {display:-webkit-box;display:-ms-flexbox;display:flex;padding:0} #main.aside div.content main {-webkit-box-flex:50%;-ms-flex:50%;flex:50%;margin-right:13%} #main.aside div.content aside {-webkit-box-flex:33%;-ms-flex:33%;flex:33%} } nav ul { margin:0; padding:0; list-style:none } main, nav ul ul { opacity:0 } footer { background-color:#374147; color:#fff; padding:3em } footer a { color:#fff; display:block; padding:0 2em 0 0 } footer nav li { display:inline-block } .cplinklist { height:262px; width:100%; background:#000; padding-top:97px; } .nflist { width:1200px; height:auto; overflow:hidden; margin:0px auto 0px auto; } .nflist li { width:200px; height:auto; float:left; } .nflist li a { width:200px; height:165px; display:block; position:relative; } .nflist li a .img { width:200px; height:80px; margin-top:30px; } .nflist li a .info { width:200px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; } .nflist li a .bg { filter:alpha(opacity=0); opacity:0; position: absolute; top: 0; left:0; transition: all 400ms ease 0s; width:100%; height:100%; z-index:11; } .nflist li a:hover .bg { filter:alpha(opacity=100); opacity:1; } .pntitle { height:70px; line-height:70px; text-align:center; font-size:35px; color:#000; font-weight:bold; border-bottom:#f0f2ef 1px solid; } .pntitlet { height:40px; line-height:40px; text-align:center; font-size:14px; color:#b7b7b7; text-transform:uppercase; } .flcal { width:100%; height:auto; overflow:hidden; text-align:center; } .flcal .catitle { height:160px; line-height:160px; width:100%; text-align:center; font-size:56px; color:#000; font-weight:bold; } .nprolist { width:100%; height:auto; overflow:hidden; text-align:center; } .nprolist ul li { width:100%; height:auto; overflow:hidden; text-align:center; float:left; background:url(probg.jpg) no-repeat center top; margin-bottom:2px; } .nprolist ul li a .info { width:100%; height:180px; line-height:180px; text-align:center; font-size:56px; color:#000; font-weight:bold; } .nprolist ul li a .proimg { width:1200px; height:auto; overflow:hidden; margin:0px auto 0px auto; } .pgback { width:100%; height:60px; line-height:60px; text-align:center; background:#f1f1f1; font-size:16px; color:#000; margin:20px 0px; } .pgback a { color:#000; text-transform:uppercase; } @media (min-width: 0px) and (max-width:1200px) { .pntitle {height:50px;line-height:50px;text-align:center;font-size:24px;color:#000;font-weight:bold;border-bottom:#f0f2ef 1px solid;} .pntitlet {height:40px;line-height:40px;text-align:center;font-size:14px;color:#b7b7b7;text-transform:uppercase;} .cplinklist {display:none;} .flcal .catitle {height:60px;line-height:60px;width:100%;text-align:center;font-size:24px;color:#000;font-weight:bold;} .nprolist ul li a .info {width:100%;height:80px;line-height:80px;text-align:center;font-size:24px;color:#000;font-weight:bold;} .nprolist ul li a .proimg {width:100%;height:auto;overflow:hidden;padding:0px 15px;} .pgback {width:100%;height:60px;line-height:60px;text-align:center;background:#f1f1f1;font-size:14px;color:#000;margin:20px 0px;} .pgback a {color:#000;text-transform:uppercase;} } /**/ .inner { width:100%; margin-right: auto; margin-left: auto; max-width:1260px;} @media (max-width:1320px) { .inner { width:100%; padding:0px 40px;} } .innerx { width:1200px; margin-right: auto; margin-left: auto; } #innerbody { height:auto; overflow:hidden; padding:70px 0px 70px 0px; background:url(../images/neibg.jpg) no-repeat center top; background-size:cover;} .zzjg { width:100%; height:auto; overflow:hidden; padding:60px 0px; background:#eaeaea; text-align:center; } .zzjg .title { height:40px; line-height:40px; font-size:24px; color:#1d1d1d; font-weight:bold; text-align:center; margin-bottom:30px; } .innermain { line-height:36px; height:auto; overflow:hidden; min-height:300px; font-size:16px; color:#010101; width:100%; } .innermain img { height: auto; max-width: 100%; } .xxinnermain { line-height:36px; height:auto; overflow:hidden; min-height:300px; font-size:16px; color:#010101; width:100%; background:#f8f8f8; padding:40px 15px;} .xxinnermain img { height: auto; max-width: 100%; } .xjinnermain { line-height:30px; height:auto; overflow:hidden; min-height:300px; font-size:14px; color:#010101; width:100%; } .xjinnermain img { height: auto; max-width: 100%; } .pinnermain { line-height:36px; height:auto; overflow:hidden; font-size:16px; color:#010101;} .pinnermain img { height: auto; max-width:100%; } .nt3 { line-height:30px; font-size:18px; color:#474747; font-weight:bold; margin-bottom:20px; margin-top:20px; } .mb40 { margin-bottom:70px; } .submenu { text-align:center; height:auto; overflow:hidden; padding-bottom:50px; } .submenu a { height:62px; line-height:62px; color:#454545; transition:color 0.3s ease 0s; font-size:18px; display:inline-block; padding:0 50px; margin:0 10px 10px 10px; background:#e2e2e2; } .submenu a:hover { color:#fff; background:#20267a; } .submenu a.focus { color:#fff; background:#20267a; } /*search*/ .searchbox{ width:270px; height:43px; background:url(../images/search.jpg) no-repeat; float:right;} .searchbox .text {height:43px; line-height:43px; width:224px; float:left; color:#757575; background:none; border:none; outline:medium; padding-left:10px;} .searchbox .submit{ border:none; width:46px; height:43px; float:right; outline:medium; background:none; cursor:pointer; } .procat { width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; background:#20267a; position:relative; cursor: pointer; margin:0px auto 20px auto; padding-left:20px;} .caret { display: inline-block; width: 0px; height: 0px; margin-right:20px; margin-top:20px; vertical-align: middle; border-top:8px solid; border-right:8px solid transparent; border-left: 8px solid transparent; float:right;} .procat a { color:#fff;} .optionx { display:none; left:0px; position:absolute; top:100%; z-index:999; background:#fff; width:100%; height:auto; line-height:30px; background-color: rgba(255,255,255,0.9); padding:10px 0px; border-bottom: 2px solid #20267a; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .optionx a { font-size:14px; color:#383838; font-family:Arial, Tahoma, sans-serif; padding-left:20px; float:left; width:100%; } .optionx a strong{font-weight:bold;} .optionx a:hover { color:#20267a; } /**/ .newslist {height:auto; overflow:hidden; margin-bottom:30px;} .newslist a { display:block; height:auto; overflow:hidden; transition: all 400ms ease 0s; } .newslist a .txt { padding:20px 0px 0px 30px;} .newslist a .txt .tt {height:40px; overflow:hidden; line-height:40px; font-size:18px; color:#181818; font-weight:bold; } .newslist a .txt .time { line-height:30px; font-size:16px; color:#9f9f9f;} .newslist a .txt .sptxt { line-height:30px; font-size:16px; color:#686868;} .nezx { color:#939393; margin-bottom:15px; height:auto; overflow:hidden; } .nezx a .pic { height:auto; overflow:hidden; position:relative; } .nezx a .pic .img { transition: all 1s ease 0s; } .nezx a:hover .pic .img { transform: scale(1.1); } .nezx .txt { height:auto; overflow:hidden; background:#ededed; padding:10px 20px 20px 20px; } .nezx .t1 { height:40px; line-height:40px; display:block; font-size:16px; color:#000; } .nezx .time { height:24px; line-height:24px; font-size:14px; color:#939393; } .nezx .t2 { line-height:24px; font-size:14px; color:#939393; } .nezx a .more { width:105px; height:30px; border:#dadada 1px solid; display:block; float:right; line-height:30px; font-size:14px; color:#0cacff; text-align:center; } .nezx a:hover .more { color:#fff; border:#0cacff 1px solid; background:#0cacff; } .psmeun { width:1200px; height:192px; overflow:hidden; background:url(promenubg.jpg) no-repeat center top; margin:0px auto 0px auto; position:relative; margin-top:-140px; z-index:1000; text-align:center; padding-top:115px; } .psmeun a { height:40px; line-height:40px; color:#0d0d0d; transition:color 0.3s ease 0s; font-size:16px; display:inline-block; padding:0px 30px; margin:0px 5px; background:#fff; } .psmeun a:hover { color:#20267a; background:#ebebeb; } .psmeun a.focus { color:#20267a; background:#ebebeb; } .nproshow { position:relative; width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; padding-bottom:30px; } .nproshow .bd { width:100%; } .nproshow ul li { width:100%; float:left; } .nproshow ul li .se_img { width:100%; height:100%; overflow:hidden; } .nproshow ul li .se_img img { transition-duration: 500ms; width:100%; height:100%; } .nproshow .hd ul { overflow:hidden; height:auto; width:150px; margin:10px auto 0px auto; } .nproshow .hd ul li { float:left; WIDTH:14px; CURSOR: pointer; HEIGHT:14px; border:#afafaf 2px solid; margin-left:8px; text-indent:-9999px; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .nproshow .hd ul li.on { background:#afafaf; } .nproduct { height:auto; overflow:hidden;} .nproduct li { width:33.3333%; height:auto; padding:0px 15px; float:left; margin-bottom:20px;} .nproduct li .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#e9e9e9 1px solid;} .nproduct li .pic a .img { width:100%; height:100%; transition: all 1s ease 0s; } .nproduct li .pic a:hover .img { transform: scale(1.1); } .nproduct li .info {width:100%; height:52px; line-height:52px; font-size:16px; color:#757575; padding-left:25px; background:#ededed; position:relative;} .nproduct li .info a.order{width:52px; height:52px; display:block; background:url(../images/order.jpg) no-repeat; position:absolute; right:0px; top:0px; z-index:20;} .sgproduct { height:auto; overflow:hidden; padding:20px 0px;} .sgproduct ul{margin-left:-15px; margin-right:-15px;} .sgproduct li { width:25%; height:auto; padding:0px 15px; float:left; margin-bottom:20px;} .sgproduct li .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#e9e9e9 1px solid;} .sgproduct li .pic a .img { width:100%; height:100%; transition: all 1s ease 0s; } .sgproduct li .pic a:hover .img { transform: scale(1.1); } .sgproduct li .info {width:100%; height:50px; line-height:50px; font-size:16px; color:#757575; text-align:center; background:#ededed; position:relative;} .sgproduct li .info a.order{width:52px; height:52px; display:block; background:url(../images/order.jpg) no-repeat; position:absolute; right:0px; top:0px; z-index:20;} .ntitle{height:46px; line-height:46px; text-align:center; font-size:30px; color:#3d3d3d; font-weight:bold; margin-bottom:30px;} .submenux{ width:100%; float:left; background:#fff; border-bottom:none;} .submenux ul li{ height:auto; } .submenux ul .ListTitle{float:left; width:100%; height:82px; line-height:82px; text-align:center; font-size:18px; color:#787878; background:#e6e7ec; border-bottom:#fff 1px solid;} .submenux ul .ListTitle:hover{ color:#fff; background:#20267a;} .submenux ul .ListTitle.focus{ color:#fff; background:#20267a;} .submenux ul li ol{ height:auto; overflow:hidden; display:none; text-align:left; background:#e0e0e0; } .submenux ul li ol li a{line-height:56px; color:#737373; font-size:18px; border-bottom:#fff 1px solid; display:block;text-align:center;} .submenux ul li ol li a:hover{color:#20267a;} .naboutone{height:auto; overflow:hidden; background: url(../images/aboutbg.jpg) no-repeat center top; background-size:cover; padding:90px 0px;} .naboutone .title{height:78px; line-height:78px; font-size:48px; color:#20267a; font-weight:bold; background:url(../images/atbg.jpg) no-repeat left bottom; margin-bottom:20px;} .naboutone p { line-height:40px; font-size:16px; color:#3e3e3e;} .nabouttwo{height:auto; overflow:hidden; background: url(../images/fzlcbg.jpg) no-repeat center top; background-size:cover; padding:90px 0px;} .nabouttwo .title{height:78px; line-height:78px; font-size:48px; color:#20267a; font-weight:bold; background:url(../images/atbg.jpg) no-repeat left bottom; margin-bottom:40px;} .nzzrylist { height:auto; overflow:hidden; padding:90px 0px 90px 0px; background: url(../images/zzrybg.jpg) no-repeat center top; background-size:cover;} .nzzrylist .title{height:78px; line-height:78px; font-size:48px; color:#fff; font-weight:bold; background:url(../images/nzztbg.jpg) no-repeat left bottom; margin-bottom:40px;} .nzzrylist .swiper-slide a .pic { width:100%; height:auto; overflow:hidden; position:relative; transition: all 400ms ease 0s; margin-bottom:20px;} .nzzrylist .swiper-slide a .pic .img { width:100%; height:auto; transition: all 1s ease 0s;} .nzzrylist .swiper-slide a:hover .pic .img { transform: scale(1.1);} @media (max-width:1024px) { .naboutone{height:auto; overflow:hidden; background: url(../images/aboutbg.jpg) no-repeat center top; background-size:cover; padding:30px 0px;} .naboutone .title{height:40px; line-height:40px; font-size:24px; color:#20267a; font-weight:bold; background:url(../images/atbg.jpg) no-repeat left bottom; margin-bottom:20px;} .naboutone p { line-height:30px; font-size:14px; color:#3e3e3e;} .nabouttwo{height:auto; overflow:hidden; background: url(../images/fzlcbg.jpg) no-repeat center top; background-size:cover; padding:30px 0px;} .nabouttwo .title{height:40px; line-height:40px; font-size:24px; color:#20267a; font-weight:bold; background:url(../images/atbg.jpg) no-repeat left bottom; margin-bottom:20px;} .nzzrylist { height:auto; overflow:hidden; padding:30px 0px 30px 0px; background: url(../images/zzrybg.jpg) no-repeat center top; background-size:cover;} .nzzrylist .title{height:40px; line-height:40px; font-size:24px; color:#fff; font-weight:bold; background:url(../images/nzztbg.jpg) no-repeat left bottom; margin-bottom:20px;} .nzzrylist .swiper-slide a .pic { width:100%; height:auto; overflow:hidden; position:relative; transition: all 400ms ease 0s; margin-bottom:20px;} .nzzrylist .swiper-slide a .pic .img { width:100%; height:auto; transition: all 1s ease 0s;} .nzzrylist .swiper-slide a:hover .pic .img { transform: scale(1.1);} /*search*/ .searchbox{ width:270px; height:43px; background:url(../images/search.jpg) no-repeat; float:left;} .searchbox .text {height:43px; line-height:43px; width:224px; float:left; color:#757575; background:none; border:none; outline:medium; padding-left:10px;} .searchbox .submit{ border:none; width:46px; height:43px; float:right; outline:medium; background:none; cursor:pointer; } .nproduct { height:auto; overflow:hidden; padding:20px 0px;} .nproduct li { width:100%; height:auto; padding:0px 0px; float:left; margin-bottom:20px;} .nproduct li .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#e9e9e9 1px solid;} .nproduct li .pic a .img { width:100%; height:100%; transition: all 1s ease 0s; } .nproduct li .pic a:hover .img { transform: scale(1.1); } .nproduct li .info {width:100%; height:52px; line-height:52px; font-size:16px; color:#757575; padding-left:25px; background:#ededed; position:relative;} .nproduct li .info a.order{width:52px; height:52px; display:block; background:url(../images/order.jpg) no-repeat; position:absolute; right:0px; top:0px; z-index:20;} .sgproduct { height:auto; overflow:hidden;} .sgproduct li { width:50%; height:auto; padding:0px 5px; float:left; margin-bottom:20px;} .sgproduct li .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#e9e9e9 1px solid;} .sgproduct li .pic a .img { width:100%; height:100%; transition: all 1s ease 0s; } .sgproduct li .pic a:hover .img { transform: scale(1.1); } .sgproduct li .info {width:100%; height:30px; line-height:30px; font-size:14px; color:#757575; text-align:center; background:#ededed; position:relative;} .sgproduct li .info a.order{width:52px; height:52px; display:block; background:url(../images/order.jpg) no-repeat; position:absolute; right:0px; top:0px; z-index:20;} #innerbody {height:auto;overflow:hidden;padding:20px 0px 20px 0px;} .innermain { line-height:30px; height:auto; overflow:hidden; min-height:300px; font-size:14px; color:#010101; width:100%; } .innermain img { height: auto; max-width: 100%; } .xxinnermain { line-height:30px; height:auto; overflow:hidden; min-height:300px; font-size:14px; color:#010101; width:100%; background:#f8f8f8; padding:20px 15px;} .xxinnermain img { height: auto; max-width: 100%; } .pinnermain { line-height:30px; height:auto; overflow:hidden; font-size:14px; color:#010101;} .pinnermain img { height: auto; max-width:100%; } .nsubmenu {display:none;} .procat {display:block;} .inner {width:100%;padding:0px 15px;} .innerx {width:100%;padding:0px 15px;} .book_form textarea {width:200px;} .newslist a .txt {padding:10px 0px;color:#484848;} .newslist {height:auto; overflow:hidden; margin-bottom:20px;} .newslist a { display:block; height:auto; overflow:hidden; transition: all 400ms ease 0s; } .newslist a .txt { padding:10px 0px 0px 0px;} .newslist a .txt .tt {height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#181818; font-weight:bold; } .newslist a .txt .time { line-height:30px; font-size:14px; } .newslist a .txt .sptxt { line-height:30px; font-size:14px; } } .bg009572 { border-top:#ddd 1px solid; padding-top:20px;} .l { float: left; display: inline-block; } .r { float: right; display: inline-block; } .infoPaging { margin: 2% 0px; } .infoPaging a { display: block; height:40px; color: #000; font: 14px/40px Arial; width: 110px; padding: 0px 20px; text-align: center; background:#f2f2f2;} .infoPaging a.l { text-align: center; } .infoPaging a span { font-family: "宋体"; } .infoPaging a.list { margin: 0px auto; text-align: center; background:#20267a; color: #fff;} .infoPaging a:hover { background-color: #20267a; color: #fff;} .hrList{ margin: 0px 0px 0px; font-size: 14px;} .hrList .hspan{ text-align:center;cursor:pointer; width:15%; display: block; float: left; height: 50px; line-height: 50px;} .hrList .hspan1{ text-align: left; padding-left: 5%; width:40%;} .hrList .hrdt{ background-color: #9d9b9b; color: #fff;} .hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;} .hrList .hrdt{ height: 50px; overflow: hidden;} .hrList .hrT{ background-color: #f2f2f2; color:#666666;} .hrList .hrT .hspan{ line-height: 50px; height: 50px;} .hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;} .hrList .ib i{ display:block; background-color:#999999;} .hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;} .hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;} .hrList .hrB{ border: 1px solid #20267a; display: none;} .hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;} .hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#20267a; color: #fff;} .hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;} .hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);} .hrList .active .ib .ic2{ display: none;} .join-box-btn{ padding-top: 30px;} .join-box-btn .btn{ float: left; display: block; background-color: #e4c36a; color: #333; padding: 10px 40px; font-size: 14px;} .join-box-btn .btn:hover{ background-color: #333333; color: #fff;} @media screen and (max-width:1024px){ .hrList .hspan{ width: 25%;} .hrList .hspan:nth-child(3){ display: none;} } @media screen and (max-width:641px){ .hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;} .hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;} .hrList .hspan:nth-child(1){ width: 74%;} .hrList .ib{ margin-top: 14px;} } /**************************/ /* Slider */ .vwrap { display: none; z-index: 1040; width: 100%; position: fixed; } .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } .vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; } .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; } #videobox_wrapper { height: 100%!important; } .vwrap .close { z-index: 999; width: 30px; height: 30px; cursor: pointer; position: absolute; top: 0px; right: -42px; } .vwrap .close i { display: block; width: 30px; height: 30px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; } .vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; } .jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); } .jwlogo, .jwclick { display: none!important; } .jwdisplayIcon{ background: none no-repeat!important;} .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } .slick-dots li button:focus { outline: none; } .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} .proInfo-demo{ width:100%; float: left; display: block;} .proInfo-demo .item{ overflow: hidden;} .proInfo-demo .item img{ width: 100%; display: block;} .proInfo-demo .slick-arrow{ width: 43px; height: 43px; display: block; position: absolute; top: 50%; margin-top: -21px; z-index: 100; background-position: center center; background-repeat: no-repeat;} .proInfo-demo .slick-prev{ background-image: url(../images/img_l1.png); left: 0px; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;} .proInfo-demo .slick-next{ background-image: url(../images/img_r1.png); right: 0px; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;} .proInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; } .proInfo-demo .slick-prev:hover{ background-image: url(../images/img_l2.png);} .proInfo-demo .slick-next:hover{ background-image: url(../images/img_r2.png);} /*内容查看*/ .book{width:100%;overflow: hidden;padding:15px 0px; line-height:30px;} .book_paddingbottom0{width:790px;overflow: hidden;} .book_padding15{width:760px;overflow: hidden;padding:15px;} .book_padding0{width:760px;overflow: hidden;padding:0px;} .pro_pic{float: left;width:32%;overflow: hidden;} .pro_title{float: right;width:60%;padding-left:10px;overflow: hidden;} .pro_title h1{font-size:20px;font-weight: bold;margin: 0px;padding:0px;color: #23a0e7} .pro_title .priceclass{color:#ff9000;font-weight: bold;font-size:14px;} .pro_title dd{padding:8px 0px 8px 15px;color:#7a7a7a;border-bottom: 1px solid #dedede;background: url('../images/icon7.gif') no-repeat -2px 10px;} .pro_title dt{padding:0px 0px 8px 0px;color:#7a7a7a;border-bottom: 1px solid #dedede} .pro_title dd.pro_orderbotton{background-image: none;padding:8px 0px;border: none} .pro_photo{width:710px;margin: 0 auto;padding:15px 0px;} .news_title{padding:15px;text-align: center;margin: 0px auto;} .news_title h1{font-size:20px; color:#000; font-weight:bold; padding:5px 0px; line-height:36px;} .news_title .time{background:url(../images/news-show-ico2.png) no-repeat left center; padding-left:30px; height:30px; line-height:30px; display:inline-block;} .newslist_read{padding:0px 5px;} .newslist_read li{float: left;width:48%; background: url('../images/icon2.gif') no-repeat 0px 12px;padding:0px 0px 5px 8px;overflow: hidden;} .page_typename{float:left;width:200px;padding:10px 0px 7px 5px;color:#0e9d56;font-size:16px;} .page_typename_width{float:left;width:100%;padding:10px 0px 7px 15px;color:#0e9d56;font-size:16px;} .page_labelname{float:left;width:200px;padding:5px 0px 7px 5px;color:#000;font-size:16px; font-weight:bold;} .page_location{float:right;width:550px;height:35px;line-height: 45px;text-align: right;} @media (max-width: 1024px) { .pro_pic{float: left;width:100%;overflow: hidden; margin-bottom:20px;} .pro_title{float: right;width:100%;padding-left:10px;overflow: hidden;} .newslist_read li{float: left;width:100%; background: url('../images/icon2.gif') no-repeat 0px 12px;padding:0px 0px 5px 8px;overflow: hidden;} .news_title{padding:5px;text-align: center;margin: 0px auto;} .news_title h1{font-size:16px; color:#000; font-weight:bold; padding:5px 0px; line-height:30px;} .news_title .time{background:url(../images/news-show-ico2.png) no-repeat left center; padding-left:30px; height:30px; line-height:30px; display:inline-block;} } /*会员*/ .member_login_center{padding:0px 0px 25px 0px;border:1px solid #dedede;margin: 0px auto 0px auto; background:#fff;} @media (max-width: 1024px) { .member_login_center{padding:0px 10px 25px 10px;} } .member_login_center .title{height:35px;line-height: 30px;padding-left:10px;font-size:14px;font-weight: bold;color:#000000; border-bottom:1px solid;overflow:hidden;background:#e5e5e5;border-color:#e5e5e5;background: url('../images/message_bg.jpg') repeat-x} .member_login_center .messageicon{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -18px;margin-top: 8px;} .member_login_center .messageicon2{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -54px;margin-top: 8px;} .member_login_center .messageicon3{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -90px;margin-top: 8px;} .member_login_center .messageicon4{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -0px;margin-top: 8px;} .member_login_center .messtitle{float: left;width:100px;height:35px;line-height: 35px;padding-left:5px;} .formwidth_a{width:650px;} .formwidth_b{width:900px;} .formwidth_c{width:98%;} .formwidth_d{width:99%;} .mobliecodestr{border:1px solid #d5d5d5;padding:5px;margin-top: 5px;} /*翻页*/ .page_botton{text-align: center;overflow: hidden;padding-top:10px;} /*线条*/ .page_right_line{width:100%;border-bottom:1px solid #e6e6e6;height:1px;overflow: hidden;} .page_center_line{width:100%;border-bottom:1px solid #e6e6e6;height:1px;overflow: hidden;} /*表格*/ .tablelist {border-spacing: 0px;} .tablelist .td01 {background-color: #F3F3F3;border: 1px solid #e6e6e6;padding: 5px;font-weight: bold;margin: 0px;text-align: center;} .tablelist .td02 {border-bottom: #e6e6e6 1px solid;padding: 5px;margin: 0px;text-align: center;} .tablelist .td03 {border-bottom: #e6e6e6 1px solid;padding: 5px;margin: 0px;text-align: right;} .tablelist .td04 {border-bottom: #e6e6e6 1px solid;padding: 5px;margin: 0px;text-align: left;} #pagelist,#espcms_bbs_pagelist{color:#818181; font-size:14px; text-align:center;} .pagination {overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;} @media (max-width: 1024px) { #pagelist,#espcms_bbs_pagelist{color:#818181; font-size:12px; text-align:center;} .pagination {overflow: hidden;padding:2px 0px;font-size:12px;margin: 0px;} } /*按钮色彩样式*/ .pagination a {border: #c2e2e7 1px solid;color: #95b1b5;text-decoration: none;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;} .pagination a:visited {text-decoration: none;overflow: hidden;} .pagination a:active {text-decoration: none;overflow: hidden;} .pagination a:hover {color: #fff;background-color: #c2e2e7;overflow: hidden;} .pagination span.current {border: #c2e2e7 1px solid;color: #fff;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;} .pagination span.disabled {background-color: #a6c3dd;} /*表单*/ .form_group{width:100%;overflow: hidden;padding-bottom:15px;} .control_label{float: left;width:15%;text-align: right; padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#333} .control_label16{float: left;width:20%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#333} .control_label20{float: left;width:25%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#333} .control_required20{float: left;width:72%;} .control_required{float: left;width:82%;overflow: hidden;} .control_required .form_message,.control_required20 .form_message{font-size:12px;color: #BABABA;height:30px;line-height:30px;padding-left:28px;background: url('../images/faq.png') no-repeat 9px 0px;} .control_required .form_message2,.control_required20 .form_message2{font-size:12px;color: #CE5C36;height:30px;line-height:30px;padding-left:0px;} .col2{width:10%;} .col3{width:20%;} .col4{width:30%;} .col5{width:40%;} .col6{width:60%;} .col7{width:70%;} .col8{width:80%;} .col10{width:100%;} .col11 {width:100%;} .infoInput{padding:0px 5px;margin: 0px; border:none; background:#eee; line-height:40px;} .infoInput:hover{padding:0px 5px;margin:0px; } html .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size:14px; line-height:100%; padding:10px 50px; border:none; border-radius: 2px; color: #fff; background: #20267a;} /* blue */ .button.blue { color: #d9eef7; background: #007ead; } .button.blue:hover { background: #00CCFF; } .button.blue:active { color: #80bed6; } .button.blue2 { color: #fff; background: #20267a; } .button.blue2:hover { background: #20267a; } .button.blue2:active { color: #fff;} @media (max-width: 1024px) { .tablelist .td01:nth-child(2), .tablelist .td01:nth-child(3){ display: none;} .tablelist .td02:nth-child(2), .tablelist .td02:nth-child(3){ display: none;} html .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size:14px; line-height:100%; padding:10px 20px; border:none; border-radius: 2px; color: #fff; background: #20267a;} .infoInput{padding:0px 5px;margin: 0px; border:none; background:#eee; line-height:30px;} .infoInput:hover{padding:0px 5px;margin:0px; } } @media (max-width: 1024px) { .col2{width:100%;} .col3{width:100%;} .col4{width:100%;} .col5{width:100%;} .col6{width:100%;} .col7{width:100%;} .col8{width:100%;} .col10{width:100%;} .col11 {width:100%;} .form_group{width:100%;overflow: hidden;padding-bottom:5px; padding:0px 0px 0px 0px;} .control_label{float: left;width:100%;text-align: left;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181} .control_label16{float: left;width:100%;text-align: left;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181} .control_label20{float: left;width:100%;text-align: left;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181} .control_required20{float: left;width:100%;} .control_required{float: left;width:100%;overflow: hidden;} .control_required .form_message,.control_required20 .form_message{font-size:12px;color:#BABABA;height:30px;line-height:30px;padding-left:28px;background: url('../images/faq.png') no-repeat 9px 0px; width:100%;} .control_required .form_message2,.control_required20 .form_message2{font-size:12px;color: #CE5C36;height:30px;line-height:30px;padding-left:0px;} .formwidth_a{width:100%;} .formwidth_b{width:100%;} .formwidth_c{width:100%;} .formwidth_d{width:100%;} } .page{width:100%;overflow: hidden;margin: 0 auto;margin-top:0px;} .table{width:345px;overflow: hidden;} .table .table_title{height:35px;line-height: 35px;overflow: hidden;border-bottom:1px solid #87ceab} .table .table_title p{float:left;padding:0px;margin: 0px;height:35px;line-height: 35px;} .table .table_title span{float:left;padding-left:5px;margin: 0px;height:35px;line-height: 37px;} .table .table_title p.more{float:right;padding-right:0px;margin: 0px;padding-top:15px;} .table .table_pic{width:345px;overflow: hidden;height:85px;padding:10px 0px;} .table .table_pic .newspic{float:left;width:110px;overflow: hidden;height:85px;} .table .table_pic .newstitle{float:left;width:225px;overflow: hidden;height:20px;padding-left:10px;} .table .table_pic .newssummit{float:left;width:225px;overflow: hidden;height:65px;padding-left:10px;} .table .table_list {width:345px;overflow: hidden;} .table .table_list li {float: left;width:337px;padding-left:8px;height:25px;line-height: 25px;overflow: hidden;background: url('../images/icon3.gif') no-repeat 0px 10px;} .table .table_list li a{float: left;} .table .table_list li p.time{float: right;color:#8f8f8f;padding:0px;} .Rtalbe{width:280px;overflow: hidden;} .Rtalbe .Rtalbe_title{height:35px;line-height: 35px;overflow: hidden;border-bottom:1px solid #87ceab} .Rtalbe .Rtalbe_title p{float:left;padding:0px;margin: 0px;height:35px;line-height: 35px;} .Rtalbe .Rtalbe_title span{float:left;padding-left:5px;margin: 0px;height:35px;line-height: 37px;} .Rtalbe .Rtalbe_title p.more{float:right;padding-right:0px;margin: 0px;padding-top:5px;} .Rtalbe img{float:left;padding-top:10px;} .Rtalbe .Rtalbe_summmit{float:left;padding-top:10px;line-height: 25px;} .Rtalbe ul.bann{width:280px;overflow: hidden;padding:0px;margin: 0px;} .Rtalbe ul.bann li{width:280px;overflow: hidden;} .Rtalbe ul.bann li img{padding:0px;} .ul_list_pic{ margin:0px auto 0px auto;} .page_left{float: left;width:15%;overflow: hidden;} .page_right{float:right;width:82%;padding-left:10px;padding-bottom:25px;overflow: hidden;} .page_left h2{float: left;width:100%;padding:10px 0px 7px 5px;border-bottom: 2px solid #00a73f;margin: 0px;font-size:20px;overflow: hidden;} .page_left .leftCotnet{float: left;width:190px;padding-left:5px;padding-right:5px;overflow: hidden;} .page_left .three_one li{float: left;width:100%;height:40px;padding-left:5px;line-height: 40px;border-bottom: 1px solid #e6e6e6;background: url('../images/icon3.gif') no-repeat right 15px;} .page_left .three_one li.hover a{color:#0e9d56;} .page_left .three_one li a{font-weight: bold;font-size:14px;color:#b2b2b2} .page_left .three_one li a:hover{color:#0e9d56} .page_typename{float:left;width:200px;padding:10px 0px 7px 5px;color:#0e9d56;font-size:16px;} .page_typename_width{float:left;width:100%;padding:10px 0px 7px 15px;color:#0e9d56;font-size:16px;} .page_labelname{float:left;width:200px;padding:5px 0px 7px 5px;color:#000;font-size:16px;} .page_location{float:right;width:550px;height:35px;line-height: 45px;text-align: right;} .book_paddingbottom0{width:100%;overflow: hidden;} .book_padding15{width:100%;overflow: hidden;padding:15px;} .book_padding0{width:100%;overflow: hidden;padding:0px;} .bbs_form{overflow: hidden;} .bbs_form .title{height:35px;line-height: 30px;padding-left:10px;font-size:14px;font-weight: bold;color:#000000;border-right:1px solid;border-left:1px solid; border-bottom:1px solid;overflow:hidden;background:#e5e5e5;border-color:#e5e5e5;background: url('../images/message_bg.jpg') repeat-x} .bbs_form .messageicon{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px 0px;margin-top: 8px;} .bbs_form .messageicon2{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -18px;margin-top: 6px;} .bbs_form .messageicon3{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -90px;margin-top: 6px;} .bbs_form .messtitle{float: left;height:32px;line-height: 32px;padding-left:5px;} .bbs_form p{float:left;overflow: hidden;height:32px;line-height: 32px;padding-left:5px;} .bbs_form .content{padding:15px 10px;border-right:1px solid;border-left:1px solid;overflow:hidden;background:#fff;border-color:#e5e5e5;} .bbs_form .b1{background:#e5e5e5;} .bbs_form .b2,.bbs_form .b3,.bbs_form .b4{border-color:#e5e5e5;background:#fafafa;} .bbs_form .b5,.bbs_form .b6,.bbs_form .b7{background:#fff;border-color:#e5e5e5;} .bbs_form .b8{background:#e5e5e5;} @media (max-width: 1024px) { .page_left{float: left;width:100%;overflow: hidden;} .page_right{float:right;width:100%;padding-left:10px;padding-bottom:25px;overflow: hidden;} .page_labelname{float:left;width:100%;padding:5px 0px 7px 5px;color:#000;font-size:14px;} .page_location{float:right;width:100%;height:35px;line-height: 45px;text-align: right;} } /**************************/ /* Slider */ .vwrap { display: none; z-index: 1040; width: 100%; position: fixed; } .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } .vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; } .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; } #videobox_wrapper { height: 100%!important; } .vwrap .close { z-index: 999; width: 30px; height: 30px; cursor: pointer; position: absolute; top: 0px; right: -42px; } .vwrap .close i { display: block; width: 30px; height: 30px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; } .vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; } .jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); } .jwlogo, .jwclick { display: none!important; } .jwdisplayIcon{ background: none no-repeat!important;} .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; } /* Dots */ .slick-dots { position: absolute; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;} .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;} .slick-dots li button:focus { outline: none; background:#fdd947;} .slick-dots li.slick-active{ background:#fdd947;} .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} .proInfo-demo{ width:100%; float: left; display: block;} .proInfo-demo .item{ overflow: hidden;} .proInfo-demo .item img{ width: 100%; display: block;} .proInfo-demo .slick-arrow{ width: 43px; height: 43px; display: block; position: absolute; top: 50%; margin-top: -21px; z-index: 100; background-position: center center; background-repeat: no-repeat;} .proInfo-demo .slick-prev{ background-image: url(../images/img_l1.png); left: 0px; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;} .proInfo-demo .slick-next{ background-image: url(../images/img_r1.png); right: 0px; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;} .proInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; } .proInfo-demo .slick-prev:hover{ background-image: url(../images/img_l2.png);} .proInfo-demo .slick-next:hover{ background-image: url(../images/img_r2.png);} .bproInfo-demo{ width:100%; float: left; display: block;} .bproInfo-demo .item{ overflow: hidden;} .bproInfo-demo .item img{ width: 100%; display: block;} .bproInfo-demo .slick-arrow{ width:60px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-position: center center; background-repeat: no-repeat;} .bproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;} .bproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;} .bproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; } .bproInfo-demo .slick-prev:hover{ background-image: url(l.png); background-position:center center;} .bproInfo-demo .slick-next:hover{ background-image: url(r.png); background-position:center center;} .bproInfo-demo .slick-dots { position: absolute; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .bproInfo-demo .slick-dots li { position: relative; display: inline-block; height:4px; width:50px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;} .bproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block; height:12px; width:12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;} .bproInfo-demo .slick-dots li button:focus { outline: none; background:#20267a;} .bproInfo-demo .slick-dots li.slick-active{ background:#20267a;} .bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} @media screen and (max-width:1024px){ .slick-dots { position: absolute; bottom:-10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 8px; width: 8px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;} .slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 8px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;} .slick-dots li button:focus { outline: none; background:#fdd947;} .slick-dots li.slick-active{ background:#fdd947;} .bproInfo-demo .slick-arrow{ width:30px; height: 30px; display: block; position: absolute; top: 50%; margin-top: -15px; z-index: 100; background-position: center center; background-repeat: no-repeat;} .bproInfo-demo .slick-dots { position: absolute; bottom:-10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .bproInfo-demo .slick-dots li { position: relative; display: inline-block; height: 2px; width:20px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;} .bproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block; height: 2px; width:20px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; text-indent:-9999px;} .bproInfo-demo .slick-dots li button:focus { outline: none; background:#20267a;} .bproInfo-demo .slick-dots li.slick-active{ background:#20267a;} .bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} } .client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; } .client-2 li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; } .client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #20267a; color: #fff; height: 53px; width: 230px; padding:9px 0 0; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .client-2 .my-kefu-main { background: #20267a; width: 97px; height: 53px; position: relative; padding:9px 0 0; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; } /**************************/ @media (min-width: 0px) and (max-width:1024px) { .client-2 { display:none;} } .recruitmentfloat { display: none; z-index: 110; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; } .tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; } .tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; } .recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; } .recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .recclosebtnx { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; } .recclosebtnx:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .recclosebtnx:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 768px) { .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tianjiatvwrap .videobox { height: 400px;} } @media (min-width: 1024px) { .tianjiatvwrap { width: 700px; margin-left: -350px;} .tianjiatvwrap .videobox { height: 400px;} } @media (min-width: 1260px) { .tianjiatvwrap { width: 1000px; margin-left: -500px;} .tianjiatvwrap .videobox { height: 600px;} } .w1520 { width:100%; margin: 0 auto; } /**************发展历程*************/ .history-wrap { padding-top:20px; padding-bottom: 72px; margin-bottom:20px; } .history-wrap .tit-box { text-align: center; } .history-wrap .tit-box h4 { font-size: 40px; line-height: 50px; color: #333; } .history-wrap .tit-box .st { font-size: 16px; line-height: 20px; color: #777; } .history-wrap .cent-wrap { width:100%; height:auto; overflow:hidden; margin: 42px auto 0; position: relative; padding-bottom: 100px; } .history-wrap .cent-wrap ul, .history-wrap .cent-wrap li { width: 100%; } .history-wrap .cent-wrap ul { position: relative; z-index: 2; } .history-wrap .cent-wrap li { margin-top: 98px; position: relative; opacity: 0; transition: opacity 0.4s ease 0s; float:left;} .history-wrap .cent-wrap li .cont-box { width: 29%; } .history-wrap .cent-wrap li .year { font-size: 40px; line-height: 50px; color: #20267a; font-weight: bold; font-family: "Arial"; } .history-wrap .cent-wrap li .word { font-size: 16px; line-height: 24px; margin-top: 10px; color: #777; } .history-wrap .cent-wrap li .img { display: block; width: 10.8%; border-radius: 50%; overflow: hidden; margin-top: 8px; } .history-wrap .cent-wrap li .img img { width: 100%; height: auto; } .history-wrap .cent-wrap li:nth-child(odd) .img { float: left; } .history-wrap .cent-wrap li:nth-child(odd) .cont-box { float: left; margin-left: 6.8%; text-align: right; } .history-wrap .cent-wrap li:nth-child(even) .img { float: right; } .history-wrap .cent-wrap li:nth-child(even) .cont-box { float: right; margin-right: 9.7%; width: 26%; text-align: left; } .history-wrap .cent-wrap li .point { display: inline-block; width: 18px; height: 18px; border: 1px solid #ccc; background-color: #fff; position: absolute; left: 50%; margin-left: -10px; text-align: center; border-radius: 50%; top: 14px; } .history-wrap .cent-wrap li .point i { display: none; width: 10px; height: 10px; margin-top: 4px; vertical-align: top; background-color: #000; border-radius: 50%; } .history-wrap .cent-wrap li.show { opacity: 1; } .history-wrap .cent-wrap li.show .point i { display: inline-block; } .history-wrap .cent-line-box { width: 1px; height: 100%; position: absolute; left: 50%; top: 0; z-index: 1 } .history-wrap .cent-line-box .line { display: block; width: 1px; height: 100%; background-color: #ccc; float:left;} .history-wrap .cent-line-box .point-t { display: inline-block; width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; margin-left: -8px; position: absolute; top: 0; } .history-wrap .cent-line-box .point-h { position: fixed; display: none; width: 10px; height: 10px; background-color: #000; left: 50%; border-radius: 50%; margin-left: -5px; top: 50%; margin-top: -5px; } .history-wrap .bot-tit { line-height: 36px; font-size: 14px; text-align: center; color: #999; margin-top: 16px; } .float-Medals { position: absolute; right: 30px; bottom: 30px; width: 80px; height: 80px; z-index: 3; } .mfp-title { bottom:0; left:0; width:100%; padding:20px; line-height:24px; background:#2861ad; position:absolute; background:rgba(40, 97, 173, 0.9) } @media screen and (max-width:1023px) { .mfp-title { position: static; margin-bottom:70px; } } .fixbg{ width:100%; background-repeat:no-repeat; background-position: center center; background-size:cover; background-attachment:fixed; -webkit-background-attachment:fixed; background-attachment:scroll\9; position: relative; } .ab1 .fixbg { padding: 5.6% 0 5.8% 0; margin-top: 50px;} .ab1 {padding-top: 60px; background:#f2f2f2;} .pw { width: 1100px; margin: 0 auto; height:auto; overflow:hidden;} .pw2 { width: 1100px; margin: 0 auto; height:auto; overflow:hidden;} .ixt { width: 300px; position: relative; display: block; color: #686868; } .ixt .bodr { border: 3px solid #d7d7d7; padding: 20px 0 20px 60px; padding-left: 30px\9; } .ixt .aen { line-height: 1; text-transform:uppercase;} .ixt .en1 { font-size: 14px; color: #afafaf; letter-spacing: -1px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform-origin: left top; -webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -moz-transform-origin: left top; position: absolute; top: 25px; left: 45px; display: none\9; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .ixt .en2 { font-size:24px; color: #919191; font-weight: bold; font-family:"Arial Black", Gadget, sans-serif; letter-spacing: -2px; } .ixt .ch { font-size: 20px; font-weight: bold; margin-top: 5px; letter-spacing: 35px; } .ix1 { background: #f3f3f3; padding: 60px 0 80px 0; } .ixt .line, .culList .line { background: #20267a; position: absolute; transition: 400ms; -webkit-transition: 400ms; } .ixt .line1, .culList .line1 { width: 0; height: 3px; left: 0; top: 0; } .ixt .line2, .culList .line2 { width: 0; height: 3px; right: 0; bottom: 0; } .ixt .line3, .culList .line3 { height: 0; width: 3px; left: 0; bottom: 0; } .ixt .line4, .culList .line4 { height: 0; width: 3px; right: 0; top: 0; } .ixt:hover .line1, .ixt:hover .line2, .culList li:hover .line1, .culList li:hover .line2 { width: 100%; } .ixt:hover .line3, .ixt:hover .line4, .culList li:hover .line3, .culList li:hover .line4 { height: 100%; } .abt { margin: 0 auto; } .abtx { text-align: center; margin-top: 55px; } .abtx .ti { font-size: 24px; font-weight: bold; color: #0154a6; } .abtx .txx { font-size: 16px; line-height: 2; margin-top: 12px; } .dibb{text-align:center;font-size:0;} .sershow li { width: 182px; float:left;} .sershow .ico { height: 80px; width:80px; background-position: center top; transition: 0ms, transform 300ms; -webkit-transition: 0ms, transform 300ms; display:block; margin:0px auto;} .sershow .txts { font-size: 14px; color: #b0b0b0; padding: 0 5px; line-height:24px; transition: 300ms; -webkit-transition: 300ms; } .sershow .txts .cen { margin-bottom: 4px; text-transform:uppercase;} .sershow li:hover .ico { background-position: center bottom; transform: translateY(-10px); -webkit-transform: translateY(-10px); } .sershow li:hover .txts { color: #0154a6; transform: translateY(10px); -webkit-transform: translateY(10px); } .sershow { position: relative; z-index: 1; height:auto; overflow:hidden; margin:30px auto 60px auto; width:546px;} .abtx2 .top .pic { width: 40%; float: left; margin-top: 5px; } .abtx2 .top .txts { width: 57%; float: right; line-height:36px; font-size:16px; color:#7f7f7f;} .abtx2 .sptx { font-size: 18px; color: #20267a; width: 530px; text-align: center; margin: 0 auto; margin-top: 65px; } .pic { display:block; width:100%; overflow:hidden; position:relative; background-size:cover; background-repeat:no-repeat; background-position: center center; } .pic img { display:block; width:100%; transition:600ms; -webkit-transition:600ms; } .scapic:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); } .abt5.ixt { margin: 0 auto; } .abt5.ixt .en1 { letter-spacing: -3px; } .abt5.ixt .en2 { letter-spacing: 1px; } .hisDome { position: relative; overflow: hidden; padding-top: 75px; padding-bottom: 65px; margin-top: 25px; margin-bottom:60px;} .hisList li { position: relative; margin-bottom: 15px; } .hisList .txts { padding: 18px 40px; background: #f5f5f5; position: relative; } .hisList .txts .date { font-size: 17px; font-weight: bold; line-height: 1.4; color: #535353; } .hisList .aw { width: 16px; height: 27px; background-image: url(../images/rr-hisaw.png); position: absolute; top: 25px; left: -15px; } .hisList .line { width: 17px; height: 3px; background: #20267a; position: absolute; top: 37px; left: -55px; } .hisDome .wline { width: 3px; display: block; position: absolute; top: 0; left: 62px; background: #a7a7a7; height: 100%; } .hisDome .dot { width: 43px; height: 43px; box-sizing: border-box; border: 3px solid #a7a7a7; display: block; position: absolute; top: 0; left: 42px; border-radius: 100%; background: url(../images/rr-hisdot.png) no-repeat center center; background-color: #f3f3f3; } .hisList li:hover .txts { background: #20267a; color: #fff; } .hisList li:hover .aw { background: url(rr-hisaw2.png) no-repeat center center; } .hisList li:hover .date { color: #fff; } .ab5 { padding: 45px 0 95px 0; } .hisb { height: 484px; padding-left: 120px; overflow: hidden; cursor: url("../images/mouse.ico"), default; } .ncotantco{height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:1480px;} .ncotantco .title{line-height:50px; text-align:center; font-size:36px; color:#2d2d2d; font-weight:bold; margin-bottom:40px;} .ncotantco .map{width:66%; height:auto; overflow:hidden; float:left;} .ncotantco .txt{width:30%; height:auto; overflow:hidden; float:right; margin-top:50px;} .ncotantco .txt .tt{line-height:60px; font-size:24px; color:#2d2d2d; font-weight:bold;} .ncotantco .txt .sptxt{line-height:48px; font-size:18px; color:#797979;} .ncotantco .txt .sptxt img{vertical-align:middle;} .logle{width:100%; height:auto; overflow:hidden; float:left; padding-top:50px;} .logle .title{line-height:50px; text-align:center; font-size:36px; color:#2d2d2d; font-weight:bold; margin-bottom:40px;} @media screen and (max-width:1024px) { .ncotantco{height:auto; overflow:hidden; padding:0px 15px 20px 15px;} .ncotantco .title{line-height:40px; text-align:center; font-size:18px; color:#2d2d2d; font-weight:bold; margin-bottom:20px;} .ncotantco .map{width:100%; height:auto; overflow:hidden; float:left;} .ncotantco .txt{width:100%; height:auto; overflow:hidden; float:right; margin-top:20px;} .ncotantco .txt .tt{line-height:40px; font-size:16px; color:#2d2d2d; font-weight:bold;} .ncotantco .txt .sptxt{line-height:30px; font-size:14px; color:#797979;} .logle{width:100%; height:auto; overflow:hidden; float:left; padding-top:20px;} .logle .title{line-height:40px; text-align:center; font-size:18px; color:#2d2d2d; font-weight:bold; margin-bottom:20px;} }