/* 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; } ::-webkit-scrollbar { width:7px; height:7px; background-color:#ececec; } ::-webkit-scrollbar-track { border-radius:0; background-color:#ececec; } ::-webkit-scrollbar-thumb { border-radius:0; width:17px; height:17px; background-color:#1f46af; } ::-moz-selection { background: #1f46af; color: #fff; text-shadow: none; } ::selection { background: #1f46af; color: #fff; text-shadow: none; } a { text-decoration: none;} 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; } .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; } .w1360 { width:100%; height:auto; margin:0px auto; max-width:1200px;} /**/ #headerx { height:178px; width:100%; background:#fff;} .pclogo{width:40%; height:131px; overflow:hidden; float:left; display:flex; align-items:center; transition:.3s; } .pclogo a img{max-width:100%; height:auto; transition:.3s;} .pctel{width:34.5%; height:131px; overflow:hidden; float:right; display:flex; align-items:center; transition:.3s; } .pctel img{max-width:100%; height:auto; transition:.3s;} .navx {width:100%; height:47px; background:#1f46af;} .navx ul {width:100%; height:47px; margin:0px auto 0px auto; max-width:1200px;} .navx li { float:left; z-index:13; text-align:center; width:12.5%; position:relative;} .navx li h2 a { color:#fff; font-size:16px; height:47px; line-height:47px; display:block; text-align:center; margin:0px 0.5px;} .navx li h2 a:hover {color:#fff; background:#152c69;} .navx li h2 a.focus {color:#fff; background:#152c69;} .navx li h2 a.focusx {color:#fff; background:#152c69;} .option { display:none; left:0px; position:absolute; top:100%; z-index:12; width:100%; height:auto; text-align:center;} .option a { color:#fff; display:block; line-height:47px; height:47px; font-size:16px; text-align:center; background:#1f46af; margin-top:1px;} .option a:hover { color:#fff; background:#152c69;} @media screen and (max-width:1400px) { .w1360 { width:100%; padding:0px 20px;} } /**/ .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 .mmett{height:60px; line-height:60px; font-size:14px; color:#000; float:right; margin-right:10px;} .m_header .mme{width:30px; height:30px; float:right; margin-right:15px; margin-top:20px;} .m_header .mme img{max-width:100%; height:auto; vertical-align:top;} .m_header .mlang{height:30px; float:right; margin-top:15px; margin-right:10px;} .m_header .mlang img{float:right; margin-left:5px; width:30px; height:30px;} .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/plu../images/s.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:236px 0px; color: #fff; position: relative;} .nbtit{line-height:40px; text-align:center; font-size:28px; color:#fff; font-weight:bold; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif;} .nbtitx{line-height:40px; text-align:center; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif;} .nbline{width:80px; height:2px; background:#fff; margin:10px auto 0px auto;} #mban-in{height:auto; overflow:hidden; margin-top:60px;} .nimg{text-align:right;} .nimg img{max-width:100%;} @media screen and (max-width:1024px){ #ban-in{padding:100px 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(../images/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(../images/code_arrow.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: 14px } .hy_load { position: absolute; right: 0; color: #333 !important; background: url(../images/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; } .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 #1f46af; } .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; } /*留言本*/ .book_contain { width:760px; border:1px solid #ccc; } .book_contain h2 { height:25px; font-size:12px; padding-left:8px; line-height:25px; background:#ccc } .book_head { height:25px; line-height:25px; padding-left:15px; } .book_head span.time { padding-left:25px; } .book_head span.title { font-weight:bold } .book { border-bottom:1px dotted #ccc; margin:8px; } .book_content, .book_reply { padding-left:15px; line-height:24px; } .book_reply { color:red; } .book_form { float:left; } .book_form p { padding:5px; height:auto; line-height:35px; float:left; } .book_form label { display:block; float:left; width:80px; text-align:right; padding-right:10px; } .book_form input { height:35px; line-height:35px; padding:2px; border:1px solid #eeeeee; color:#000; vertical-align:middle; } .book_form textarea { padding:2px; border:1px solid #eeeeee; color:#000; margin-bottom:10px; width:500px; } .book_form .mf_s { height:35px; width:87px; font-size:14px; text-align:center; color:#FFF; border:0px; cursor:pointer; } .book_form #mf_btn { background:#555555; margin:0 15px 0 80px; } /*表单*/ .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_hove../images/r.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_hove../images/r.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_hove../images/r.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; } .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('../images/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('../images/span2.gif') no-repeat right top; line-height:25px; } .q_body ul li.focus { margin-top:0; height:29px; background:url('../images/li1.gif') no-repeat left top } .q_body ul li.focus span { background:url('../images/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 li{ display:inline-block; } .page_fy { font-size:14px; padding:8px; margin:3px; text-align:center; margin-top:10px; } .page_fy A { padding:5px 8px; MARGIN: 2px; COLOR: #333; TEXT-DECORATION: none; background:#f2f2f2;} .page_fy A:hover { COLOR: #fff; ; background:#1f46af;} .page_fy A:active { COLOR: #666;} .page_fy .focus { FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #1f46af; padding:5px 8px; } .page_fy .disabled { MARGIN: 2px; COLOR: #ddd; padding:5px 8px; } .page_fy span { padding-left:5px; } .page_fy span.off { color: #666; margin:2px; padding:5px 8px; background:#f2f2f2;} /**/ /**************************/ .cpkuan { width:100%; margin-right: auto; margin-left: auto; max-width:1200px;} @media screen and (max-width:1260px){ .cpkuan {width:100%; padding:0px 40px;} } @media screen and (max-width:1024px){ .cpkuan {width:100%; padding:0px 15px;} } /**************************/ .cpkuanx {width:100%; margin-right: auto; margin-left: auto; max-width:1200px;} .searchlist{height:auto; overflow:hidden; background:#fff; padding:14px 0px;} .searchlist .left{width:70%; height:auto; overflow:hidden; float:left; line-height:36px; font-size:14px; color:#555;} .searchlist .left span{font-weight:bold;} .searchlist .left a{color:#555; padding-right:10px;} .searchlist .left a:hover{color:#1f46af;} /*search*/ .hsearchbox{ width:26.25%; height:36px; float:right;} .hsearchbox .text {height:36px; line-height:36px; width:85%; float:left;color:#555; background:#efefef; border:none; outline:medium; padding-left:10px;} .hsearchbox .submit{ border:none; width:15%; height:36px; float:right; outline:medium;background:#1f46af url(../images/s.png) no-repeat center center; cursor:pointer; } .aboutlistx { height:auto; overflow:hidden; background:#fff; padding:100px 0px;} .aboutlistx .title { height:50px; line-height:50px; text-align:center; font-size:36px; color:#1f46af; font-weight:bold; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif; } .aboutlistx .titlex { height:40px; line-height:40px; text-align:center; font-size:24px; color:#424141; font-weight:bold; margin-bottom:40px; } .abproBox{ width:100%; height:auto; overflow:hidden;} .abproBox .hd{ height:auto; text-align:center; margin-bottom:35px;} .abproBox .hd ul{} .abproBox .hd ul li{height:42px; line-height:42px; color:#000; transition:color 0.3s ease 0s; font-size:16px; display:inline-block; padding:0 30px;margin:0 5px; background:#f9f9f9; cursor:pointer; } .abproBox .hd ul li.on{background:#1f46af; color:#fff;} .abproBox .bd ul{zoom:1; } .ithumb { width:49.583333333%; height:auto; overflow:hidden; float:left; } .iabout { height:auto; overflow:hidden; width:47.08333333333%; float:right;} .iabout p { line-height:36px; font-size:16px; color:#555;} .wsxzBox{ height:auto; overflow:hidden; background:url(../images/wsmxz../images/bg.jpg) no-repeat center top; background-size:cover; padding:70px 0px;} .wsxzBox .title{height:46px; line-height:46px; text-align:center; font-size:36px; color:#353535; font-weight:bold;} .wsxzBox .titlex{height:40px; line-height:40px; text-align:center; font-size:14px; color:#939393;} .wsxzBox .line{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 40px auto;} .wsxzBox .hd{ width:20%; height:auto; float:left;} .wsxzBox .hd ul{ float:left; width:100%; height:auto;} .wsxzBox .hd ul li{float:left; width:100%; padding:50px 0px; text-align:center; cursor:pointer; position:relative;} .wsxzBox .hd ul li.bg1{background:#1f46af;} .wsxzBox .hd ul li.bg2{background:#2953c4;} .wsxzBox .hd ul li.bg3{background:#3868e8;} .wsxzBox .hd ul li.bg4{background:#ff7a00;} .wsxzBox .hd ul li .i1{width:19px; height:22px; background:url(../images/i1.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .i2{width:19px; height:22px; background:url(../images/i2.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .i3{width:19px; height:22px; background:url(../images/i3.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .i4{width:19px; height:22px; background:url(../images/i4.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .icon{width:36px; height:36px; margin:0px auto 0px auto;} .wsxzBox .hd ul li .tt{line-height:40px; text-align:center; font-size:24px; color:#fff; font-weight:bold;} .wsxzBox .hd ul li.on .i1{filter:alpha(opacity=100); opacity:1;} .wsxzBox .hd ul li.on .i2{filter:alpha(opacity=100); opacity:1;} .wsxzBox .hd ul li.on .i3{filter:alpha(opacity=100); opacity:1;} .wsxzBox .hd ul li.on .i4{filter:alpha(opacity=100); opacity:1;} .wsxzBox .bd ul{ width:75%; height:auto; overflow:hidden; float:right; zoom:1;} .wsxzcont{width:100%; height:auto; overflow:hidden;} .wsxzcont .wsthumb{width:100%; height:auto; overflow:hidden; margin-bottom:20px;} .wsxzcont .wstt{height:46px; overflow:hidden; line-height:46px; font-size:30px; color:#181819; font-weight:bold;} .wsxzcont .wstt a.more{width:134px; height:35px; line-height:35px; text-align:center; font-size:16px; color:#fff; display:block; background:#1f46af; float:right; margin:4px 0px 0px 0px; font-weight:normal;} .wsxzcont .txt{line-height:30px; font-size:18px; color:#5b5b5c;} .product { height:auto; overflow:hidden; padding:90px 0px; background:#fff; } .product .title {height:40px; line-height:40px; font-size:30px; color:#333; font-weight:bold; text-transform:uppercase; float:left; margin-bottom:40px;} .product .title span{font-size:18px; color:#b3b3b3; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .psubmenu{ text-align:right; height:auto; overflow:hidden; float:right;} .psubmenu a{height:36px; line-height:36px; color:#555; transition:color 0.3s ease 0s; font-size:16px; display:inline-block; padding:0 30px; margin:0px 0px 0px 5px;} .psubmenu a:hover{color:#fff; background:#1f46af;} .psubmenu a.focus{color:#fff; background:#1f46af;} .product .picList li { width:25%; height:auto; padding:0px 15px; float:left; margin-bottom:20px;} .product .picList li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; } .product .picList li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .product .picList li a:hover .pic .img { transform: scale(1.1); } .product .picList li a .info { width:100%; height:60px; overflow:hidden; line-height:60px; text-align:center; font-size:16px; color:#6f6f6f; background:#f8f8f8; margin-top:1px;} .product .picList li a:hover .info{color:#fff; background:#1f46af;} .irow{margin-left:-15px; margin-right:-15px;} .hhzalist{height:auto; overflow:hidden; background:#f8f8f8; padding:60px 0px;} .hhzalist .title{height:46px; line-height:46px; text-align:center; font-size:36px; color:#353535; font-weight:bold;} .hhzalist .titlex{height:40px; line-height:40px; text-align:center; font-size:14px; color:#939393;} .hhzalist .line{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 40px auto;} .hhzalist ul li{width:25%; height:auto; overflow:hidden; float:left; padding:0px 5px; margin-bottom:10px;} .hhzalist ul li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;} .hhzalist ul li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .hhzalist ul li a:hover .pic .img { transform: scale(1.1); } .hhzalist ul li a .bg { background:#1f46af; height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; } .hhzalist ul li a:hover .bg { filter:alpha(opacity=85); opacity:0.85;} .hhzalist ul li a .more{width:152px; height:46px; line-height:42px; text-align:center; font-size:16px; color:#fff; display:block; border:#fff 2px solid; position:absolute; left:50%; top:50%; z-index:12; margin:-23px 0px 0px -76px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .hhzalist ul li a:hover .more{filter:alpha(opacity=100); opacity:1;} .hhzalist ul li a .info{width:100%; height:40px; overflow:hidden; line-height:40px; font-size:18px; color:#3c3c3c;} .zzzslist { height:auto; overflow:hidden; padding:70px 0px; background:#fff;} .zzzslist .title{height:46px; line-height:46px; text-align:center; font-size:36px; color:#353535; font-weight:bold;} .zzzslist .titlex{height:40px; line-height:40px; text-align:center; font-size:14px; color:#939393;} .zzzslist .line{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 40px auto;} .zzzslist .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#f2f2f2 1px solid; margin-bottom:20px;} .zzzslist .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .zzzslist .swiper-slide a:hover .pic .img { transform: scale(1.1); } .newsxlist{height:auto; overflow:hidden; padding:0px 0px 70px 0px;} .newsleft{width:50%; height:auto; overflow:hidden; float:left;} .newsleft .itt{height:50px; line-height:50px; font-size:24px; color:#333; font-weight:bold; margin-bottom:20px;} .newsleft .itt span{font-size:14px; color:#b3b3b3; font-weight:normal; text-transform:uppercase;} .newsleft .itt a.more{font-size:14px; color:#9c9c9c; font-weight:normal; float:right;} .indexnewslist { padding-bottom:25px; height:auto; overflow:hidden; } .indexnewslist a { display:block; height:auto; overflow:hidden;} .indexnewslist a .txt { padding:0px 0px 0px 20px; color:#484848; } .indexnewslist a .txt .tt { font-size:16px; color:#323232; font-weight:normal; } .indexnewslist a .txt .tt span { float:right; } .newsindexnewslistlist a .txt .sptxt { line-height:24px; font-size:14px; } .news{width:46.25%; height:auto; overflow:hidden; float:right;} .news .itt{height:50px; line-height:50px; font-size:24px; color:#333; font-weight:bold; margin-bottom:20px;} .news .itt span{font-size:14px; color:#b3b3b3; font-weight:normal; text-transform:uppercase;} .news .itt a.more{font-size:14px; color:#9c9c9c; font-weight:normal; float:right;} .news .thumb{width:100%; height:auto; overflow:hidden; margin-bottom:10px;} .news ul{} .news ul li{ height:36px; overflow:hidden; line-height:36px;} .news ul li a{ color:#333; font-size:16px;} .news ul li a span{ float:right;} .cplist { height:auto; overflow:hidden; padding:75px 0px; background:url(../images/bg.jpg) no-repeat center top; background-size:cover; } .cplist .title{ height:auto; overflow:hidden; text-align:center; margin-bottom:40px;} .cplist .title img{max-width:100%; height:auto;} .cplist .cont{ height:auto; overflow:hidden; text-align:center;} .cplist .cont img{max-width:100%; height:auto;} .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;} .cpzx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .cpzx a:hover .pic .img { transform: scale(1.1); } .cpzx a .bg { background:#1f46af; height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; } .cpzx a:hover .bg { filter:alpha(opacity=85); opacity:0.85;} .cpzx a .more{width:152px; height:46px; line-height:42px; text-align:center; font-size:16px; color:#fff; display:block; border:#fff 2px solid; position:absolute; left:50%; top:50%; z-index:12; margin:-23px 0px 0px -76px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .cpzx a:hover .more{filter:alpha(opacity=100); opacity:1;} .cpzx h2 { text-align:center; height:50px; overflow:hidden; line-height:50px; font-size:16px; color:#6f6f6f; } .cpzx a .tt {font-size:16px; height:56px; overflow:hidden; line-height:56px; color:#6f6f6f;} .cpzx a:hover .tt{color:#fff; background:#1f46af;} @media (min-width: 0px) and (max-width:1024px) { .cpzx { color:#181815; text-align:center; margin-bottom:10px;} .cpzx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;} .cpzx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .cpzx a:hover .pic .img { transform: scale(1.1); } .cpzx h2 { text-align:center; height:40px; overflow:hidden; line-height:40px; font-size:14px; color:#6f6f6f; } .cpzx a .tt {font-size:14px; height:40px; overflow:hidden; line-height:40px; color:#6f6f6f;} .cpzx a:hover .tt{color:#fff; background:#1f46af;} .searchlist{height:auto; overflow:hidden; background:#fff; padding:14px 0px;} .searchlist .left{width:100%; height:auto; overflow:hidden; float:left; line-height:24px; font-size:14px; color:#555;} .searchlist .left span{font-weight:bold;} .searchlist .left a{color:#555; padding-right:10px;} .searchlist .left a:hover{color:#1f46af;} /*search*/ .hsearchbox{ width:100%; height:36px; float:left; margin-top:10px;} .hsearchbox .text {height:36px; line-height:36px; width:85%; float:left;color:#555; background:#efefef; border:none; outline:medium; padding-left:10px;} .hsearchbox .submit{ border:none; width:15%; height:36px; float:right; outline:medium;background:#1f46af url(../images/s.png) no-repeat center center; cursor:pointer; } .aboutlistx { height:auto; overflow:hidden; background:#fff; padding:30px 0px;} .aboutlistx .title { height:30px; line-height:30px; text-align:center; font-size:20px; color:#1f46af; font-weight:bold; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif; } .aboutlistx .titlex { height:30px; line-height:30px; text-align:center; font-size:18px; color:#424141; font-weight:bold; margin-bottom:20px; } .abproBox{ width:100%; height:auto; overflow:hidden;} .abproBox .hd{ height:auto; overflow:hidden; text-align:center; margin-bottom:20px;} .abproBox .hd ul{} .abproBox .hd ul li{height:42px; line-height:42px; color:#000; transition:color 0.3s ease 0s; font-size:14px; display:inline-block; padding:0 30px;margin:0 5px; background:#f9f9f9; cursor:pointer; } .abproBox .hd ul li.on{background:#1f46af; color:#fff;} .abproBox .bd ul{zoom:1; } .ithumb { width:100%; height:auto; overflow:hidden; float:left; margin-bottom:20px;} .iabout { height:auto; overflow:hidden; width:100%; float:right;} .iabout p { line-height:30px; font-size:14px; color:#555;} .wsxzBox{ height:auto; overflow:hidden; padding:30px 0px;} .wsxzBox .title{height:30px; line-height:30px; text-align:center; font-size:20px; color:#353535; font-weight:bold;} .wsxzBox .titlex{height:40px; line-height:40px; text-align:center; font-size:14px; color:#939393;} .wsxzBox .line{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 20px auto;} .wsxzBox .hd{ width:100%; height:auto; float:left;} .wsxzBox .hd ul{ float:left; width:100%; height:auto;} .wsxzBox .hd ul li{float:left; width:100%; padding:10px 0px; text-align:center; cursor:pointer; position:relative;} .wsxzBox .hd ul li.bg1{background:#1f46af;} .wsxzBox .hd ul li.bg2{background:#2953c4;} .wsxzBox .hd ul li.bg3{background:#3868e8;} .wsxzBox .hd ul li.bg4{background:#ff7a00;} .wsxzBox .hd ul li .i1{width:19px; height:22px; background:url(../images/i1.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .i2{width:19px; height:22px; background:url(../images/i2.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .i3{width:19px; height:22px; background:url(../images/i3.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .i4{width:19px; height:22px; background:url(../images/i4.png) no-repeat; position:absolute; right:-19px; top:50%; z-index:10; margin:-11px 0px 0px 0px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .wsxzBox .hd ul li .icon{width:36px; height:36px; margin:0px auto 0px auto;} .wsxzBox .hd ul li .tt{line-height:30px; text-align:center; font-size:18px; color:#fff; font-weight:bold;} .wsxzBox .hd ul li.on .i1{filter:alpha(opacity=100); opacity:1;} .wsxzBox .hd ul li.on .i2{filter:alpha(opacity=100); opacity:1;} .wsxzBox .hd ul li.on .i3{filter:alpha(opacity=100); opacity:1;} .wsxzBox .hd ul li.on .i4{filter:alpha(opacity=100); opacity:1;} .wsxzBox .bd ul{ width:100%; height:auto; overflow:hidden; float:right; zoom:1;} .wsxzcont{width:100%; height:auto; overflow:hidden;} .wsxzcont .wsthumb{width:100%; height:auto; overflow:hidden; margin-bottom:20px;} .wsxzcont .wstt{height:36px; overflow:hidden; line-height:36px; font-size:20px; color:#181819; font-weight:bold;} .wsxzcont .wstt a.more{width:134px; height:35px; line-height:35px; text-align:center; font-size:16px; color:#fff; display:block; background:#1f46af; float:right; margin:0px 0px 0px 0px; font-weight:normal;} .wsxzcont .txt{line-height:30px; font-size:14px; color:#5b5b5c;} .product { height:auto; overflow:hidden; padding:30px 0px; background:#fff; } .product .title {height:30px; line-height:30px; font-size:20px; color:#333; font-weight:bold; text-transform:uppercase; float:left; margin-bottom:10px;} .product .title span{font-size:14px; color:#b3b3b3; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .psubmenu{ text-align:left; height:auto; overflow:hidden; float:left; margin-bottom:20px;} .psubmenu a{height:36px; line-height:36px; color:#555; transition:color 0.3s ease 0s; font-size:14px; display:inline-block; padding:0 10px; margin:0px 5px 0px 0px;} .psubmenu a:hover{color:#fff; background:#1f46af;} .psubmenu a.focus{color:#fff; background:#1f46af;} .product .picList li { width:50%; height:auto; padding:0px 5px; float:left; margin-bottom:10px;} .product .picList li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; } .product .picList li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .product .picList li a:hover .pic .img { transform: scale(1.1); } .product .picList li a .info { width:100%; height:40px; overflow:hidden; line-height:40px; text-align:center; font-size:14px; color:#6f6f6f; background:#f8f8f8; margin-top:1px;} .product .picList li a:hover .info{color:#fff; background:#1f46af;} .irow{margin-left:-5px; margin-right:-5px;} .hhzalist{height:auto; overflow:hidden; background:#f8f8f8; padding:30px 0px;} .hhzalist .title{height:30px; line-height:30px; text-align:center; font-size:20px; color:#353535; font-weight:bold;} .hhzalist .titlex{height:30px; line-height:30px; text-align:center; font-size:14px; color:#939393;} .hhzalist .line{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 20px auto;} .hhzalist ul li{width:50%; height:auto; overflow:hidden; float:left; padding:0px 5px; margin-bottom:10px;} .hhzalist ul li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;} .hhzalist ul li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .hhzalist ul li a:hover .pic .img { transform: scale(1.1); } .hhzalist ul li a .bg { background:#1f46af; height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; } .hhzalist ul li a:hover .bg { filter:alpha(opacity=85); opacity:0.85;} .hhzalist ul li a .more{width:122px; height:36px; line-height:32px; text-align:center; font-size:16px; color:#fff; display:block; border:#fff 2px solid; position:absolute; left:50%; top:50%; z-index:12; margin:-18px 0px 0px -61px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity:0;} .hhzalist ul li a:hover .more{filter:alpha(opacity=100); opacity:1;} .hhzalist ul li a .info{width:100%; height:40px; overflow:hidden; line-height:40px; font-size:14px; color:#3c3c3c;} .zzzslist { height:auto; overflow:hidden; padding:30px 0px; background:#fff;} .zzzslist .title{height:30px; line-height:30px; text-align:center; font-size:20px; color:#353535; font-weight:bold;} .zzzslist .titlex{height:30px; line-height:30px; text-align:center; font-size:14px; color:#939393;} .zzzslist .line{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 20px auto;} .zzzslist .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#f2f2f2 1px solid; margin-bottom:20px;} .zzzslist .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .zzzslist .swiper-slide a:hover .pic .img { transform: scale(1.1); } .newsxlist{height:auto; overflow:hidden; padding:0px 0px 30px 0px;} .newsleft{width:100%; height:auto; overflow:hidden; float:left;} .newsleft .itt{height:40px; line-height:40px; font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;} .newsleft .itt span{font-size:14px; color:#b3b3b3; font-weight:normal; text-transform:uppercase;} .newsleft .itt a.more{font-size:14px; color:#9c9c9c; font-weight:normal; float:right;} .indexnewslist { padding-bottom:15px; height:auto; overflow:hidden; } .indexnewslist a { display:block; height:auto; overflow:hidden;} .indexnewslist a .txt { padding:0px 0px 0px 0px; color:#484848; } .indexnewslist a .txt .tt { font-size:16px; color:#323232; font-weight:normal; } .indexnewslist a .txt .tt span { float:right; } .newsindexnewslistlist a .txt .sptxt { line-height:24px; font-size:14px; } .news{width:100%; height:auto; overflow:hidden; float:right;} .news .itt{height:40px; line-height:40px; font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;} .news .itt span{font-size:14px; color:#b3b3b3; font-weight:normal; text-transform:uppercase;} .news .itt a.more{font-size:14px; color:#9c9c9c; font-weight:normal; float:right;} .news .thumb{width:100%; height:auto; overflow:hidden; margin-bottom:10px;} .news ul{} .news ul li{ height:30px; overflow:hidden; line-height:30px;} .news ul li a{ color:#333; font-size:14px;} .news ul li a span{ float:right;} .cplist { height:auto; overflow:hidden; padding:30px 15px; background:url(../images/bg.jpg) no-repeat center top; background-size:cover;} .cplist .title{ height:auto; overflow:hidden; text-align:center; margin-bottom:40px;} .cplist .title img{max-width:100%; height:auto;} .cplist .cont{ height:auto; overflow:hidden; text-align:center;} .cplist .cont img{max-width:100%; height:auto;} } .wrap { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1200px;} #footop { height:auto; overflow:hidden; background:#282828; padding:35px 0px 0px 0px; } .foot_nav { width:100%; height:auto; overflow:hidden; float:left; margin-bottom:35px; } .foot_nav dl { float:left; height:auto; padding-right:8%; } .foot_nav a { color:#7f7f7f; } .foot_nav a:hover { color:#fff; } .foot_nav dl dt { height:40px; line-height:40px; font-size:16px; } .foot_nav dl dt a { color:#fff; } .foot_nav dl dd a { line-height:30px; color:#7f7f7f; } .copyRight { width:100%; height:auto; overflow:hidden; background:#202020; padding:15px; text-align:center; line-height:24px; color:#787878; font-size:14px; } .copyRight a { color:#787878; } .nezxx { color:#939393; background:#f5f5f5; 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:16px; color:#000; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; } .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:24px; font-size:14px; color:#939393; } .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; } .nezxx a:hover .more { color:#fff; border:#1f46af 1px solid; background:#1f46af; } /**************************/ @media (min-width: 0px) and (max-width:1024px) { #footop { display:none; } .copyRight { margin-bottom:50px; } .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(../images/foote../images/r.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(../images/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(pro../images/bg.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:1200px;} .innerx { width:1200px; margin-right: auto; margin-left: auto; } #innerbody { height:auto; overflow:hidden; padding:50px 0px 50px 0px; background:#f7f7f7;} .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; min-height:300px; font-size:16px; color:#000; width:100%;} .innermain img { height: auto; max-width: 100%; } .pinnermain { line-height:36px; height:auto; overflow:hidden; font-size:16px; color:#000;} .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; } .nloaction{width:100%; height:60px; line-height:60px; font-size:14px; color:#737373; text-align:right;} .nloaction a{color:#737373;} .nloaction a:hover{color:#1f46af;} .submenu { text-align:center; height:auto; overflow:hidden; padding-bottom:20px; } .submenu a { height:42px; line-height:42px; color:#000; transition:color 0.3s ease 0s; font-size:16px; display:inline-block; padding:0 30px; margin:0px 5px 10px 5px; background:#e6e6e6; } .submenu a:hover { color:#fff; background:#1f46af; } .submenu a.focus { color:#fff; background:#1f46af; } .procat { width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; background:#1f46af; 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 #1f46af; -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:#1f46af; } /**/ .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(promenu../images/bg.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:#1f46af; background:#ebebeb; } .psmeun a.focus { color:#1f46af; 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; } .ncotantco{height:auto; overflow:hidden; padding:50px 0px 50px 0px;} .ncotantco .map{width:66.08333333%; height:auto; overflow:hidden; float:left;} .ncotantco .txt{width:30%; height:auto; overflow:hidden; float:right; margin-top:50px;} .ncotantco .txt .tt{line-height:40px; font-size:18px; color:#353535; font-weight:bold;} .ncotantco .txt .sptxt{line-height:36px; font-size:16px; color:#888888;} .newslist {height:auto; overflow:hidden; margin-bottom:40px;} .newslist a { display:block; height:auto; overflow:hidden; transition: all 400ms ease 0s; } .newslist a .txt { padding:0px 0px 0px 40px; color:#636363; } .newslist a .txt .tt {height:40px; overflow:hidden; line-height:40px; font-size:16px; color:#636363; font-weight:bold; } .newslist a .txt .time { line-height:30px; font-size:14px; } .newslist a .txt .sptxt { line-height:30px; font-size:14px; } .xgproduct{height:auto; overflow:hidden; padding-top:20px;} .xgproduct .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;} .xgproduct .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .xgproduct .swiper-slide a:hover .pic .img { transform: scale(1.1); } .xgproduct .swiper-slide a .info { width:100%; height:40px; overflow:hidden; line-height:40px; text-align:center; font-size:14px; color:#333;} /*********************/ .ntitle{height:60px; line-height:60px; text-align:center; font-size:36px; color:#353535; font-weight:bold;} .nline{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 30px auto;} .nleft{width:22.5%; height:auto; overflow:hidden; float:left;} .lltitle{height:88px; line-height:58px; font-size:30px; color:#fff; font-weight:bold; text-align:center; background:#1f46af url(../images/tbg_01.png) no-repeat center bottom; border-bottom:#fff 1px solid;} .submenux{ width:100%; float:left; background:#fff; border:#e8e8e8 1px solid; border-bottom:none;} .submenux ul li{ height:auto; } .submenux ul .ListTitle{ display:block; color:#737373; font-size:18px; text-align:left; height:56px; line-height:56px; background:#e0e0e0 url(../images/pdot_1.png) no-repeat 14px center; transition: all 400ms ease 0s; height:auto; overflow:hidden; padding:0px 0px 0px 35px; border-bottom:#fff 1px solid;} .submenux ul .ListTitle:hover{color:#fff; background:#1f46af url(../images/pdot_2.png) no-repeat 14px center;} .submenux ul .ListTitle.focus{color:#fff; background:#1f46af url(../images/pdot_2.png) no-repeat 14px center;} .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; padding-left:45px; } .submenux ul li ol li a:hover{color:#1f46af;} .nright{width:75.1666666666667%; height:auto; overflow:hidden; float:right;} .nrloactitle{height:50px; line-height:50px; font-size:24px; color:#5e5e5e; font-weight:bold; border-bottom:#eaeaea 2px solid; margin-bottom:20px;} .newszx {color:#181815; margin-bottom:20px; height:auto; overflow:hidden;} .newszx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;} .newszx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .newszx a:hover .pic .img { transform: scale(1.1); } .newszx a .tt {font-size:18px; height:30px; overflow:hidden; line-height:30px; color:#737373; font-weight:bold; margin-top:10px;} .newszx a .tt span{float:right; font-size:14px;} .newszx a .deite{line-height:30px; font-size:16px; color:#737373; padding:0px 0px 10px 0px;} .newszx a .more{width:152px; height:38px; line-height:36px; text-align:center; font-size:16px; color:#737373; display:block; border:#9f9f9f 1px solid; float:left;} .newszx a:hover .more{background:#1f46af; border:#1f46af 1px solid; color:#fff;} .tnewslist {height:auto; overflow:hidden; margin-bottom:30px;} .tnewslist a { display:block; height:auto; overflow:hidden; transition: all 400ms ease 0s; } .tnewslist a .txt { padding:0px 20px; height:auto; overflow:hidden;} .tnewslist a .txt .tt {height:40px; overflow:hidden; line-height:40px; font-size:18px; color:#737373; font-weight:bold; } .tnewslist a .txt .sptxt { line-height:30px; font-size:16px; color:#878787; } .tnewslist a .txt .more{ width:140px; height:36px; line-height:36px; text-align:center; font-size:16px; color:#737373; background:#e0e0e0; float:left; margin-top:20px;} .tnewslist a:hover .txt .tt {color:#1f46af;} .tnewslist a:hover .txt .sptxt {color:#1f46af; } .tnewslist a:hover .txt .more{color:#fff; background:#1f46af;} .proleft { width:440px; height:auto; float:left; } .prori { width:48%; height:auto; overflow:hidden; float:right; } .protitle{line-height:40px; font-size:24px; color:#5e5e5e; font-weight:bold;} .proline{width:100%; height:2px; background:#e3e3e3; float:left; margin:10px 0px 10px 0px;} .protxt{line-height:48px; font-size:16px; color:#737373;} .inquiry { line-height:32px; border:none; margin-top:20px; width:138px; height:35px; float:left;} .inquiry a { background:#1f46af; display:block; color:#fff; font-size:16px; text-align:center;} .title_t { font-size: 16px; COLOR: #fff; font-weight:bold;} .ptitle{height:50px; line-height:50px; font-size:24px; color:#3b3b3b; font-weight:bold; padding-left:35px; background:url(../images/picon.png) no-repeat left center; border-bottom:#e3e3e3 2px solid; margin-bottom:20px;} .ptitle span{font-size:18px; font-style:italic; text-transform:uppercase; color:#c2c2c2;} .cpjjlist{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpjjlist .txt{width:100%; height:auto; overflow:hidden; margin:0px auto 20px auto; background:#e0e0e0; padding:20px; line-height:40px; font-size:16px; color:#5c5c5c;} .cpjjlist .thumb{width:64.745%; height:auto; overflow:hidden; float:left;} .cpjjlist .thumb img{max-width:100%; height:auto;} .cpjjlist .tlist{width:33.48%; height:auto; overflow:hidden; float:right;} .cpjjlist .tlist ul li{width:100%; height:auto; overflow:hidden; float:left; background:#1f46af; margin-bottom:13px; height:83px; line-height:83px; text-align:center; font-size:18px; color:#fff; font-weight:bold;} .cpysllis{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpysllis ul li{width:33.333333%; height:auto; overflow:hidden; float:left; padding:0px 5%;} .cpysllis ul li .icon{width:132px; height:132px; margin:0px auto 0px auto;} .cpysllis ul li .icon img{max-width:100%; height:auto;} .cpysllis ul li .tt{line-height:30px; text-align:center; font-size:24px; color:#5c5c5c; font-weight:bold; margin-top:10px;} .cpysllis ul li .ttx{line-height:30px; text-align:center; font-size:18px; color:#5c5c5c; min-height:90px;} .cpzslls{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpzslls img{max-width:100%; height:auto;} .cpusefw{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpusefw .txt{width:100%; height:auto; overflow:hidden; margin:0px auto 20px auto; background:#e0e0e0; padding:20px; line-height:40px; font-size:16px; color:#5c5c5c;} .cpusefw img{max-width:100%; height:auto;} .cpbjiao{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpbjiao .txt{line-height:36px; font-size:24px; color:#1f46af; font-weight:bold; margin-bottom:20px;} .cpbjiao .thumb{width:57.64%; height:auto; overflow:hidden; float:left;} .cpbjiao .thumb img{max-width:100%; height:auto;} .cpbjiao .wztt{width:42.36%; height:auto; overflow:hidden; float:left; border:#e4e4e4 1px solid;} .cpbjiao .wztt ul li{width:100%; height:auto; overflow:hidden; float:left; padding:14px 30px 15px 20px; cursor:pointer; border-bottom:#e4e4e4 1px solid;} .cpbjiao .wztt ul li .tt{height:30px; line-height:30px; padding-left:26px; background:url(../images/cpbjdot_1.png) no-repeat left center; font-size:20px; color:#5c5c5c; font-weight:bold;} .cpbjiao .wztt ul li .ttx{line-height:30px; font-size:18px; color:#5c5c5c;} .cpbjiao .wztt ul li:hover{background:#1f46af;} .cpbjiao .wztt ul li:hover .tt{background:url(../images/cpbjdot_2.png) no-repeat left center;color:#fff;} .cpbjiao .wztt ul li:hover .ttx{color:#fff;} .prori { width:60%; height:auto; overflow:hidden; float:right; } @media screen and (max-width:1400px){ .prori { width:55%; height:auto; overflow:hidden; float:right; } } @media screen and (max-width:1200px){ .prori { width:44%; height:auto; overflow:hidden; float:right; } } @media screen and (max-width:1000px){ .prori { width:45%; height:auto; overflow:hidden; float:right; } } /********************/ @media (max-width:1024px) { /*********************/ .ntitle{height:30px; line-height:30px; text-align:center; font-size:20px; color:#353535; font-weight:bold;} .nline{width:100%; height:3px; background:url(../images/nnline.png) no-repeat center bottom; margin:5px auto 20px auto;} .nright{width:100%; height:auto; overflow:hidden; float:right;} .newszx {color:#181815; margin-bottom:20px; height:auto; overflow:hidden;} .newszx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;} .newszx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; } .newszx a:hover .pic .img { transform: scale(1.1); } .newszx a .tt {font-size:16px; height:30px; overflow:hidden; line-height:30px; color:#737373; font-weight:bold; margin-top:10px;} .newszx a .tt span{float:right; font-size:14px;} .newszx a .deite{line-height:30px; font-size:14px; color:#737373; padding:0px 0px 10px 0px;} .newszx a .more{width:132px; height:38px; line-height:36px; text-align:center; font-size:14px; color:#737373; display:block; border:#9f9f9f 1px solid; float:left;} .newszx a:hover .more{background:#1f46af; border:#1f46af 1px solid; color:#fff;} .tnewslist {height:auto; overflow:hidden; margin-bottom:30px;} .tnewslist a { display:block; height:auto; overflow:hidden; transition: all 400ms ease 0s; } .tnewslist a .txt { padding:0px 0px; height:auto; overflow:hidden;} .tnewslist a .txt .tt {height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#737373; font-weight:bold; margin-top:10px;} .tnewslist a .txt .sptxt { line-height:24px; font-size:14px; color:#878787; } .tnewslist a .txt .more{ width:140px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#737373; background:#e0e0e0; float:left; margin-top:10px;} .tnewslist a:hover .txt .tt {color:#1f46af;} .tnewslist a:hover .txt .sptxt {color:#1f46af; } .tnewslist a:hover .txt .more{color:#fff; background:#1f46af;} .prori { width:100%; height:auto; overflow:hidden; float:right; } .protitle{line-height:30px; font-size:18px; color:#5e5e5e; font-weight:bold; margin-top:20px;} .proline{width:100%; height:1px; background:#e3e3e3; float:left; margin:10px 0px 10px 0px;} .protxt{line-height:30px; font-size:14px; color:#737373;} .inquiry { line-height:32px; border:none; margin-top:10px; width:138px; height:35px; float:left; margin-bottom:20px;} .inquiry a { background:#1f46af; display:block; color:#fff; font-size:14px; text-align:center;} .ptitle{height:40px; line-height:40px; font-size:18px; color:#3b3b3b; font-weight:bold; padding-left:35px; background:url(../images/picon.png) no-repeat left center; border-bottom:#e3e3e3 2px solid; margin-bottom:20px;} .ptitle span{font-size:14px; font-style:italic; text-transform:uppercase; color:#c2c2c2;} .cpjjlist{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpjjlist .txt{width:100%; height:auto; overflow:hidden; margin:0px auto 20px auto; background:#e0e0e0; padding:20px; line-height:30px; font-size:14px; color:#5c5c5c;} .cpjjlist .thumb{width:100%; height:auto; overflow:hidden; float:left; margin-bottom:20px;} .cpjjlist .thumb img{max-width:100%; height:auto;} .cpjjlist .tlist{width:100%; height:auto; overflow:hidden; float:right;} .cpjjlist .tlist ul li{width:100%; height:auto; overflow:hidden; float:left; background:#1f46af; margin-bottom:13px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; font-weight:bold;} .cpysllis{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpysllis ul li{width:33.333333%; height:auto; overflow:hidden; float:left; padding:0px 5%;} .cpysllis ul li .icon{width:80px; height:80px; margin:0px auto 0px auto;} .cpysllis ul li .icon img{max-width:100%; height:auto;} .cpysllis ul li .tt{line-height:30px; text-align:center; font-size:16px; color:#5c5c5c; font-weight:bold; margin-top:10px;} .cpysllis ul li .ttx{line-height:20px; text-align:center; font-size:14px; color:#5c5c5c; min-height:90px;} .cpzslls{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpzslls img{max-width:100%; height:auto;} .cpusefw{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpusefw .txt{width:100%; height:auto; overflow:hidden; margin:0px auto 20px auto; background:#e0e0e0; padding:20px; line-height:30px; font-size:14px; color:#5c5c5c;} .cpusefw img{max-width:100%; height:auto;} .cpbjiao{height:auto; overflow:hidden; margin:0px auto 20px auto;} .cpbjiao .txt{line-height:30px; font-size:18px; color:#1f46af; font-weight:bold; margin-bottom:20px;} .cpbjiao .thumb{width:100%; height:auto; overflow:hidden; float:left;} .cpbjiao .thumb img{max-width:100%; height:auto;} .cpbjiao .wztt{width:100%; height:auto; overflow:hidden; float:left; border:#e4e4e4 1px solid;} .cpbjiao .wztt ul li{width:100%; height:auto; overflow:hidden; float:left; padding:14px 30px 15px 20px; cursor:pointer;} .cpbjiao .wztt ul li .tt{height:30px; line-height:30px; padding-left:26px; background:url(../images/cpbjdot_1.png) no-repeat left center; font-size:16px; color:#5c5c5c; font-weight:bold;} .cpbjiao .wztt ul li .ttx{line-height:30px; font-size:14px; color:#5c5c5c;} .cpbjiao .wztt ul li:hover{background:#1f46af;} .cpbjiao .wztt ul li:hover .tt{background:url(../images/cpbjdot_2.png) no-repeat left center;color:#fff;} .cpbjiao .wztt ul li:hover .ttx{color:#fff;} /********************/ .ncotantco{height:auto; overflow:hidden; padding:20px 0px 20px 0px;} .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:#353535; font-weight:bold;} .ncotantco .txt .sptxt{line-height:30px; font-size:14px; color:#888888;} .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:0px 0px 0px 0px; color:#636363; } .newslist a .txt .tt {height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#636363; font-weight:bold; margin-top:10px;} .newslist a .txt .time { line-height:24px; font-size:14px; } .newslist a .txt .sptxt { line-height:24px; height:48px; overflow:hidden; font-size:14px; } } @media (max-width:1260px) { .inner {width:100%;padding:0px 40px;} } @media (max-width:1024px) { #innerbody {height:auto;overflow:hidden;padding:20px 0px 20px 0px;} .nloaction{width:100%; height:auto; line-height:24px; font-size:12px; color:#737373; padding:10px 0px 10px 0px; text-align:left;} .nloaction a{color:#737373;} .nloaction a:hover{color:#1f46af;} .innermain { line-height:30px; height:auto; min-height:300px; font-size:14px; color:#000; width:100%;} .innermain img { height: auto; max-width: 100%; } .pinnermain { line-height:30px; height:auto; overflow:hidden; font-size:14px; color:#000;} .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;} .prori {width:100%;} .book_form textarea {width:200px;} } .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:#1f46af; color: #fff;} .infoPaging a:hover { background-color: #1f46af; 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 #1f46af; 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:#1f46af; 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;} } .logle{width:100%; height:auto; overflow:hidden; float:left; padding-top:0px;} .logle .title{height:50px; line-height:50px; text-align:center; font-size:24px; color:#373737; font-weight:bold; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif;} .logle .line{width:40px; height:3px; background:#b8b8b8; margin:10px auto 10px auto;} .logle .titlex{line-height:30px; text-align:center; font-size:16px; color:#959597; margin-bottom:40px;} .lotxt{line-height:30px; font-size:16px; color:#686868; margin-bottom:20px;} .memberBox2{width:100%; height:auto; overflow:hidden; float:left;} .memberBox2 div{width:32%; height:auto; overflow:hidden;} .memberBox2 .m3x{margin-left:2%;} .memberBox2 label{height:30px; line-height:30px; font-size:14px; color:#373737;} .memberBox2 label img{vertical-align:middle;} .memberBox2 label span{color:#ff0000;} .memberBox2 .minput_1{width:100%; height:42px; line-height:42px; background:#fff; border:none; padding-left:10px; color:#000; margin-bottom:15px;} .memberBox2 .minput_1_1{width:100%; height:100px; line-height:24px; padding-top:5px; background:#fff; border:none; padding-left:10px; color:#000; margin-bottom:15px;} .memberBox2 .btn1x{width:108px; height:34px; line-height:34px; background:#373737; border:none; text-align:center; color:#fff; font-size:14px; cursor:pointer; text-transform:uppercase; display:block; margin:15px auto 0px auto;} .memberBox2 .btn1x:hover{ background:#1f46af;} .memberBox2 .btxt{width:150px; height:37px; line-height:37px; font-size:16px; color:#686868; float:left;} .memberBox2 .btxt a{color:#686868;} .memberBox2 .btxt a:hover{color:#686868;} . memberBox2 .stxt{line-height:32px; font-size:16px; color:#686868; width:100%; margin-top:40px;} .memberBox2 .stxt span{color:#3d3d3d;} .memberBox2 .stxt a{color:#686868;} .memberBox2 .stxt a:hover{color:#686868;} .logri{width:22%; height:247px; float:right; padding:35px 15px 0px 45px; line-height:32px; font-size:16px; color:#686868; border:#ddd 1px solid; margin-top:120px;} .logri span{font-size:18px; color:#686868;} .loglex{width:100%; height:auto; overflow:hidden; float:left;} .lotxt{line-height:30px; font-size:16px; color:#686868; margin-bottom:20px;} .memberBox2x{width:100%; height:auto; overflow:hidden; float:left;} .memberBox2x div{width:49%; height:auto; overflow:hidden;} .memberBox2x label{height:30px; line-height:30px; font-size:14px; color:#373737;} .memberBox2x label span{color:#ff0000;} .memberBox2x .minput_1{width:100%; height:42px; line-height:42px; background:#fff; border:none; padding-left:10px; color:#000; margin-bottom:15px;} .memberBox2x .minput_1_1{width:100%; height:100px; line-height:24px; padding-top:5px; background:#fff; border:none; padding-left:10px; color:#000; margin-bottom:15px;} .memberBox2x .btn1x{width:108px; height:34px; line-height:34px; background:#373737; border:none; text-align:center; color:#fff; font-size:14px; cursor:pointer; text-transform:uppercase; display:block; margin:15px auto 0px auto;} .memberBox2x .btn1x:hover{ background:#1f46af;} @media screen and (max-width:1024px){ .logle{width:100%; height:auto; overflow:hidden; float:left; padding-top:0px;} .logle .title{height:30px; line-height:30px; text-align:center; font-size:20px; color:#373737; font-weight:bold; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif;} .logle .line{width:40px; height:2px; background:#b8b8b8; margin:10px auto 10px auto;} .logle .titlex{line-height:30px; text-align:center; font-size:14px; color:#959597; margin-bottom:20px;} .lotxt{line-height:30px; font-size:14px; color:#686868; margin-bottom:20px;} .memberBox2{width:100%; height:auto; overflow:hidden; float:left;} .memberBox2 div{width:100%; height:auto; overflow:hidden;} .memberBox2 .m3x{margin-left:0px;} .memberBox2 .stxt{line-height:32px; font-size:16px; color:#686868; width:100%; margin-top:40px;} .memberBox2 .stxt span{color:#3d3d3d;} .memberBox2 .stxt a{color:#686868;} .memberBox2 .stxt a:hover{color:#686868;} .logri{width:100%; height:auto; float:right; padding:15px 15px 15px 15px; line-height:32px; font-size:16px; color:#686868; background:none; margin-top:20px;} .logri span{font-size:18px; color:#686868;} ｝ .loglex{width:100%; height:auto; overflow:hidden; float:left;} .lotxt{line-height:30px; font-size:14px; color:#686868; margin-bottom:20px;} .memberBox2x{width:100%; height:auto; overflow:hidden; float:left;} .memberBox2x div{width:100%; height:auto; overflow:hidden;} .memberBox2x label{height:30px; line-height:30px; font-size:14px; color:#373737;} .memberBox2x label span{color:#ff0000;} .memberBox2x .minput_1{width:100%; height:42px; line-height:42px; background:#fff; border:none; padding-left:10px; color:#000; margin-bottom:15px;} .memberBox2x .minput_1_1{width:100%; height:100px; line-height:24px; padding-top:5px; background:#fff; border:none; padding-left:10px; color:#000; margin-bottom:15px;} .memberBox2x .btn1x{width:108px; height:34px; line-height:34px; background:#373737; border:none; text-align:center; color:#fff; font-size:14px; cursor:pointer; text-transform:uppercase; display:block; margin:15px auto 0px auto;} .memberBox2x .btn1x:hover{ background:#1f46af;} } /*contact*/ .contact-warp{width:1200px;margin: 0 auto 40px;padding: 40px 0 0;} .contact-warp form{display: block;width: 100%;height: auto;} .contact-warp h2,.welfare-warp .title h2,.lead-news .title h2,.staff-news .title h2,.paper-news .title h2,.news-title .title h2,.bookcase .title h2{font-size:30px;line-height: 55px;color: #0161b7; font-family:Arial; font-weight:bold; text-transform:Uppercase;display: block;margin-bottom: 10px;} .contact-warp h2 span,.welfare-warp .title h2 span,.lead-news .title h2 span,.staff-news .title h2 span,.paper-news .title h2 span,.news-title .title h2 span,.bookcase .title h2 span{color: #79573c} .contact-warp h3,.welfare-warp .title h3,.lead-news .title h3,.staff-news .title h3,.paper-news .title h3,.news-title .title h3,.bookcase .title h3{display: block;font-size:24px;line-height: 50px;color: #0161b7;margin-bottom: 70px; font-weight:bold;} .contact-warp .message{padding:0px 0px; height:auto; overflow:hidden;} .contact-warp .message .mian{width: 100%;margin-bottom:50px; margin-top:50px;} .contact-warp .message .mian ul .inp{float: left;width:360px;height:100px;margin-right: 60px;} .contact-warp .message .mian ul .inp:nth-child(3){margin-right: 0} .contact-warp .message .mian ul .inp input{display: block;width:100%;height: 70px;line-height: 70px;border:0;border-top: 1px solid #cdcdcc;outline: none; font-size: 16px} .contact-warp .message .mian ul .text{width: 780px;float: left;height:200px; } .contact-warp .message .mian ul .text textarea{display: block;width:100%;height:100%; padding: 2.5% 3%;line-height: 30px;resize:none;box-sizing:border-box;border:1px solid #cdcdcc;outline: none; font-size: 16px} .contact-warp .message .btns{width: 100%;height: auto;position: relative;} .contact-warp .message .btns:before{display: block;width: 100%;height: 1px;background-color: #cdcdcc;position: absolute;top: 50%;left: 0;content: '';} .contact-warp .message .btns input{display: block;width:auto;height: 62px; background:#0161b7 url(../images/contact-icon1.png) 65% center no-repeat;transition: all 0.5s;-webkit-transition: all 0.5s;float: right;font-size:24px; color: #fff; padding: 0 170px 0 110px;border:0;position: relative;z-index: 2; margin-top:20px;} .contact-warp .message .btns input:hover{background:#0161b7 url(../images/contact-icon1.png) 70% center no-repeat;} .contact-warp .contact{width:100%;} .contact-warp .contact .warp{width: 100%;} .contact-warp .contact .warp .box{width: 38%;height: auto;float: left;} .contact-warp .contact .box ul li{padding: 0;width: 100%;border-bottom: 1px solid #e5e5e5;padding:20px 0} .contact-warp .contact .box ul li:last-child{border-bottom: 0;} .contact-warp .contact .box ul li p{font-size:18px;color: #333333;text-transform:Capitalize; font-weight: bold;line-height: 30px;margin-bottom: 0px;} .contact-warp .contact .box ul li span{display: block;font-size: 18px;color: #666666;line-height: 20px;} .contact-warp .map{width: 60%;height: 500px;float: right;} .contact-warp .map #allmap{width: 100%;height: 100%;} .BMap_noprint,.anchorBL{opacity: 0} .contact-warp .BMap_bubble_title{color: #cc5522;font-size: 16px;margin-bottom: 10px;} .contact-warp .BMap_bubble_content{color: #333;font-size: 14px;line-height: 20px;} @media (max-width: 1024px) { /*contact*/ .contact-warp{width:auto;margin: 0 auto 15px;padding: 15px;} .contact-warp form{display: block;width: 100%;height: auto;} .contact-warp h2,.welfare-warp .title h2,.lead-news .title h2,.paper-news .title h2,.staff-news .title h2,.news-title .title h2,.bookcase .title h2{font-size:24px;line-height:30px;color: #c30d23; text-transform:Uppercase;display: block;} .contact-warp h3,.welfare-warp .title h3,.lead-news .title h3,.lead-news .title h3,.paper-news .title h3,.staff-news .title h3,.news-title .title h3,.bookcase .title h3{display: block;font-size:18px;line-height:30px;color: #c30d23; margin-bottom:10px;} .contact-warp .message{ padding:0px 0px;} .contact-warp .message .mian{width: 100%;margin-bottom:0.8rem;} .contact-warp .message .mian ul .inp{float: left;width:100%; height:60px; margin-right:6%;} .contact-warp .message .mian ul .inp:nth-child(odd){margin-right:6%} .contact-warp .message .mian ul .inp:nth-child(even){margin-right: 0} .contact-warp .message .mian ul .inp input{display: block; width:100%;height:40px;line-height:40px; border:0; border-top: 1px solid #cdcdcc;outline: none;font-size: 16px;} .contact-warp .message .mian ul .text{width:100%;float: left;height:80px; font-weight: bold;} .contact-warp .message .mian ul .text textarea{font-size:16px; display: block;width:100%; height:100%;padding: 2.5% 3%;line-height:0.3rem;resize:none;box-sizing:border-box;border:1px solid #cdcdcc;outline: none;} .contact-warp .message .btns{width: 100%;height: auto;position: relative;} .contact-warp .message .btns:before{display: block;width:0;height:0;} .contact-warp .message .btns input{padding:0 7% 0 0;box-sizing:border-box; display: block;width:100%;height:40px;background:#0161b7 url(../images/contact-icon1.png) 60% center no-repeat;font-size:16px; margin-top:20px;} .contact-warp .message .btns input:hover{background:#0161b7 url(../images/contact-icon1.png) 60% center no-repeat;} .contact-warp .contact{width:100%;} .contact-warp .contact h3{margin-bottom: 0.3rem;} .contact-warp .contact .warp{width: 100%;} .contact-warp .contact .warp .box{width:100%;height: auto;float: none;margin-bottom: 0.4rem;} .contact-warp .contact .box ul li{padding: 0;width: 100%;border-bottom: 1px solid #e5e5e5;padding: 0.25rem 0} .contact-warp .contact .box ul li:last-child{border-bottom: 0;} .contact-warp .contact .box ul li p{font-size:16px;line-height:40px; margin-bottom:5px;} .contact-warp .contact .box ul li span{display: block;font-size:16px;line-height:40px;} .contact-warp .map{height:auto; float: none;width: 100%} .contact-warp .map #allmap{width: 100%;height: 100%;} .BMap_noprint,.anchorBL{opacity: 0} .contact-warp .BMap_bubble_title{color: #cc5522;font-size: 0.26rem;margin-bottom:0.1rem;} .contact-warp .BMap_bubble_content{color: #333;font-size:0.26rem;line-height:0.2rem;} } @media screen and (min-width: 320px) and (max-width: 619px){ .contact-warp{padding-top:10px;} .contact-warp h2{font-size: 24px; margin-bottom:0px;} .contact-warp h3{font-size: 18px; margin-bottom:20px;} .contact-warp .message .mian ul .inp{height:60px;} .contact-warp .message .mian{margin-bottom: 0.5rem;} } /**************************/ /* 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_../images/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(../images/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(../images/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(../images/l.png); background-position:center center;} .bproInfo-demo .slick-next:hover{ background-image: url(../images/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:12px; width:12px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .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:#1f46af;} .bproInfo-demo .slick-dots li.slick-active{ background:#1f46af;} .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:#1f46af;} .bproInfo-demo .slick-dots li.slick-active{ background:#1f46af;} .bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} } /*新闻详情*/ .news-nav { padding-top:25px; border-top:#dcdcdc 1px solid;} .news-nav .nav-l { width: calc(100% - 200px); } .news-nav .nav-l span { font-size: 16px; line-height: 28px; color: #666; display: block;} .news-nav .nav-l span a { color: #666; width:95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-transition: all .5s ease; transition: all .5s ease; } .news-nav .nav-l span a:hover { color: #1f46af; } .news-back { width: 180px; text-align:center;} .back-btn { width: 100%; border:1px solid #e0e0e0; height:45px; line-height:45px; display: block; font-weight: bold; text-align: left; text-align: center; font-size: 16px; border-radius: 3px; -webkit-transition: all .5s ease; transition: all .5s ease; color:#666;} .back-btn span { position: relative; display: inline-block; line-height:42px; font-size:16px; font-weight:bold; } .back-btn span:before { position: absolute; font-size: 12px; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: right .3s; transition: right .3s; } .back-btn:hover { color: #fff; background: #1f46af; border: 1px solid #1f46af; } @media (max-width: 1024px) { .news-nav .nav-l { width: 100%; display: block; float: none; margin-bottom: .3rem;} .news-nav { padding-top:15px;} .news-nav .nav-l span { font-size: 14px; line-height: 28px; color: #666; display: block;} .news-nav .news-back { width: 120px;} .back-btn { height: 40px; line-height: 40px; font-size:14px;} .news-text { font-size: 14px;} .news-nav .news-back { float: none; display: block;} .news-tit { font-size: .44rem; margin-bottom: .3rem;} .back-btn { font-size: 14px; } .back-btn span { position: relative; display: inline-block; line-height:38px; font-size:14px;} } .content_ct2 { margin:0 auto; } .content_ct2 .arc_title { padding:8px 0; font-size:30px; line-height: 1.6; color:#333;} .content_ct2 .add_info { font-size:16px; color:#666; border-bottom:#dcdcdc 1px solid;} .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%; font-size:16px; color:#333;} .arc_body a { text-decoration:underline; color:#333; } .arc_body a:hover { color:#193f85 } p.title { padding:10px 0; margin-top:15px; font-size:24px; color:#777 } p.info { padding:0px 0px 10px 0px;} p.info span { padding:0 0px 0px 30px; background:url(../images/news-show-ico2.png) no-repeat left center; height:30px; line-height:30px; display:block;} @media screen and (max-width:1024px){ .content_ct2 { margin:0 auto; } .content_ct2 .arc_title { padding:0px 0; font-size:20px; color:#333;} .content_ct2 .add_info { font-size:14px; } .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%; font-size:14px; color:#333;} .arc_body a { text-decoration:underline; color:#333; } .arc_body a:hover { color:#193f85 } p.title { padding:10px 0; margin-top:15px; font-size:24px; color:#777 } p.info { padding:0px 0px 10px 0px;} p.info span { padding:0 0px 0px 30px; background:url(../images/news-show-ico2.png) no-repeat left center; height:30px; line-height:30px; display:block;} } .friendship{ padding-bottom:20px; width:1200px; margin:0 auto;}