/* Styles by vr4u@163.com 20211111 */ @charset "utf-8"; html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,object,code,legend,button,input,textarea,label,th,td,a,img{margin:0;padding:0;border:0;outline:0} body{ font-size:14px; font-family:'Microsoft YaHei','Tahoma','Hiragino sans gb','SimSun','Sans-serif'; color:#333; background:#F5F5F5;} h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%} :focus{outline:0} ul,ol{list-style:none} fieldset,img{border:0;vertical-align:top} address,caption,cite,code,dfn,em,i,th,var,optgroup{font-style:normal;font-weight:400} abbr,acronym{border:0;font-variant:normal} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} code,kbd,samp,tt{font-size:100%} input,button,textarea,select{*font-size:100%;outline:none} textarea{resize:none} table{border-collapse:collapse;border-spacing:0} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} .fl{float:left} .fr{float:right} a{color:#333;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out} a:hover{text-decoration:none} a.special,.special a{color:#1eb37b} a.special:hover,a:hover{color:#244C92;text-decoration:none} .cf:before,.cf:after,.clearfix:before,.clearfix:after{content:"";display:table} .cf:after,.clearfix:after{clear:both} .cf,.clearfix{clear:both;*zoom:1} .c-333{color:#333}.c-666{color:#666}.c-999{color:#999}.c-green{color:#1fb079}.c-orange{color:#fc714c}.c-reg{color:#d90106}.f9{font-size:9px;-webkit-text-size-adjust:none}.f12,.fb12{font-size:12px}.simsun{font-family:SimSun}.f14,.fb14{font-size:14px}.f16,.fb16{font-size:16px}.f18,.fb18{font-size:18px}.f20,.fb20{font-size:20px}.fb,.fb12,.fb14,.fb16,.fb18,.fb20{font-weight:700}.tc{text-align:center}.tr{text-align:right} .show{display:block} .hide{display:none!important} .ti,.te{white-space:nowrap;overflow:hidden} .ti{text-indent:-999em} .te{text-overflow:ellipsis} .pipe{ margin:0 5px; color:#DDD;} @-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.1); transform:scale(1.1);} to{ -webkit-transform:scale(1); transform:scale(1);} } @keyframes scale-bg{ from{ -webkit-transform:scale(1.1); transform:scale(1.1);} to{ -webkit-transform:scale(1); transform:scale(1);} } /* .load_block .load_order .pro_blk{ opacity:0; transform:translateY(0); -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms; transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;} .load_block.on .load_order .pro_blk{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);} .load_block .load_order .pro_blk:nth-child(1){ -webkit-transition:all .5s cubic-bezier(.77,0,.175,1) 0ms; transition:all .5s cubic-bezier(.77,0,.175,1) 0ms;} .load_block .load_order .pro_blk:nth-child(2){ -webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms; transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;} .load_block .load_order .pro_blk:nth-child(3){ -webkit-transition:all 1.5s cubic-bezier(.77,0,.175,1) 0ms; transition:all 1.5s cubic-bezier(.77,0,.175,1) 0ms;} .load_block .load_order .pro_blk:nth-child(4){ -webkit-transition:all 1.8s cubic-bezier(.77,0,.175,1) 0ms; transition:all 1.8s cubic-bezier(.77,0,.175,1) 0ms;} .load_block .load_order .pro_blk:nth-child(5){ -webkit-transition:all 2s cubic-bezier(.77,0,.175,1) 0ms; transition:all 2s cubic-bezier(.77,0,.175,1) 0ms;} .load_block .load_order .pro_blk:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms; transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;} .load_block .load_order .pro_blk:nth-child(7){ -webkit-transition:all 1.3s cubic-bezier(.77,0,.175,1) 0ms; transition:all 1.3s cubic-bezier(.77,0,.175,1) 0ms;} .load_block .load_order .pro_blk:nth-child(8){ -webkit-transition:all 1.9s cubic-bezier(.77,0,.175,1) 0ms; transition:all 1.9s cubic-bezier(.77,0,.175,1) 0ms;} */ /* 全屏banner */ .index_banner .item{ background-size:cover; -webkit-background-size:cover; background-position:center; background-repeat:no-repeat; height:calc(100vh - 340px); position:relative;} .index_banner .item.slick-current .scaleBg{ visibility:visible; -webkit-animation:scale-bg 6s ease-out forwards; animation:scale-bg 6s ease-out forwards;} .index_banner .items{ background-size:cover; background-position:center center; background-repeat:no-repeat; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;} .index_banner .items:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0);} .index_banner .item .inner .block_txt{ position:absolute; top:30%; right:0; left:0; opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -webkit-transition:all 2000ms ease-out; transition:all 2000ms ease-out; filter:blur(20px); -webkit-filter:blur(20px);} .index_banner .item.active .inner .block_txt{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:400ms; transition-delay:400ms; filter:blur(0); -webkit-filter:blur(0);} .slide_info{ text-align:center;} .slide_info img{ margin:0 auto; width:80%; height:auto;} .slick_txt{ display:none; width:60px; height:100%; background-color:transparent; transition:all 500ms ease-in; -webkit-transition:all 500ms ease-in; background-repeat:no-repeat; position:absolute; top:0; font-size:0; outline:none; border:0;} .left{ left:8%;} .right{ right:8%;} .slick_txt:hover .slick_arrow{ opacity:1;} .slick_txt .slick_arrow{ width:60px; height:60px; background-repeat:no-repeat; background-position:center; background-size:60px; margin-top:-18px; position:absolute; top:50%; cursor:pointer; transition:all 500ms ease; -webkit-transition:all 500ms ease; opacity:1;} .slick_txt .prev{ background-image:url(../images/ico_arrow_left.png); left:15px;} .slick_txt .next{ background-image:url(../images/ico_arrow_right.png); right:15px;} .slick_txt .prev:hover{ background-image:url(../images/ico_arrow_lhov.png);} .slick_txt .next:hover{ background-image:url(../images/ico_arrow_rhov.png);} .slick-prev.slick-arrow, .slick-next.slick-arrow{ display:none !important;} .index_banner .slick-arrow{ display:none!important;} .index_banner .slick-dots{ position:absolute; bottom:40px; width:100%; height:20px; overflow:hidden; z-index:99; text-align:center;} .index_banner .slick-dots li{ display:inline-block; margin:0 5px; width:14px; height:14px; border-radius:10px; background:rgba(255,255,255,.9); box-shadow:0 1px 1px rgba(0,0,0,.5);} .index_banner .slick-dots li button{ display:none;} .index_banner .slick-dots li.slick-active{ width:40px; border-radius:8px; background:#FFF309;} .number{ display:none; /*:table*/ position:absolute; bottom:8%; left:50%; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.2); padding:0 20px; width:auto; text-align:center; transform:translateX(-50%); -webkit-transform:translateX(-50%);} .number span{ font-family:myriad pro,microsoft yahei; font-size:14px; color:#fff; margin-right:100px; display:inline-block; cursor:pointer; position:relative; transition:all 500ms ease; -webkit-transition:all 500ms ease;} .number span:last-child{ margin-right:0;} .number span:after{ content:""; display:inline-block; width:0; height:2px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:-20px; opacity:0; visibility:hidden; transition:all 500ms ease; -webkit-transition:all 500ms ease;} .number span.active:after{ width:100%; opacity:1; visibility:visible;} /* slide */ .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; z-index:8;} .slick-list{ position:relative; display:block; overflow:hidden; margin:0; padding:0;} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track, .slick-slider .slick-list{ -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;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir=rtl] .slick-slide{float:right} .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} .slick-arrow.slick-hidden{display:none} @media (min-width:992px){ .index_banner .item{ height:calc(100vh - 140px);} .index_banner .slick-dots{ bottom:100px;} .slide_info img{ margin:0 auto; width:auto; height:90px;} } /*.slick-dots{position:absolute;bottom:-25px; display:block; padding:0;margin:0;list-style:none;text-align:center} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 15px 0 0;padding:0;cursor:pointer} .slick-dots li button{ font-size:0;line-height:0; display:block; width:20px;height:20px;padding:5px; cursor:pointer; color:transparent;border:0; outline:none;background:0 0} .slick-dots li button:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before, .slick-dots li button:before{ font-family:slick; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px;content:'•';text-align:center; color:#000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} /* .slide_blk{ padding:30px 0 10px; background:#FFF; background:url(../images/bg11.jpg) center top repeat;} .owl-carousel .owl-wrapper:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} .owl-carousel{ display:none; position:relative; width:100%; -ms-touch-action:pan-y} .owl-carousel .owl-wrapper{ display:none; position:relative; -webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-wrapper-outer{ position:relative; padding-bottom:15px; width:100%; overflow:hidden;} .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor:pointer;} .owl-controls .owl-page{ display:inline-block; margin:0 5px; width:12px; height:12px; border-radius:6px; background:rgba(0,0,0,.3); box-shadow:0 -1px 1px rgba(255,255,255,.9);} .owl-controls .owl-page.active{ background:rgba(0,0,0,.5); box-shadow:inset 0 1px 3px rgba(0,0,0,.6);} .owl-controls{ text-align:center; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} .grabbing{ cursor:url(grabbing.png) 8 8,move} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0)} .post-slide{ margin:0 20px; border-radius:22px; background-color:#FFF; box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);} .post-slide .subtitle{color:#0b99bc;font-size:14px;display: inline-block;margin-bottom:5px;text-transform: uppercase;transition: all 0.4s ease 0s;} .post-slide .pic{ margin-bottom:15px; overflow:hidden; position:relative; } .post-slide .pic img{ width:100%; height:auto; transform:rotate(0deg) scale(1,1); transition:all 0.9s ease 0s; } .post-slide:hover img{ transform:rotate(0deg) scale(1.1,1.1); } .post-slide .post-title{ margin:0 18px; padding:5px 0;} .post-slide .post-title a{ font-size:18px; text-transform:capitalize; transition:all 0.4s ease 0s;} .post-slide .post-level{ margin:0 18px; padding:5px 0 10px; font-size:12px; color:#777;} .post-slide .post-level span{ margin-right:20px;} .post-slide .post-level i{ margin-right:5px;} .post-slide .post-description{ margin:0 18px; padding:0 0 20px; font-size:12px; line-height:1.8; color:#777;} */ /* top btns */ .blk_quicks{ background-color:#FFF;} .top_quicks{ position:relative; margin-top:-30px; border-bottom:solid 1px #DDD; z-index:9;} .col-btns{ padding:20px 0; border-right:none; border-bottom:solid 1px #DDD; background-color:#FFF; transition:all 0.5s ease 0s;} .col-btns:last-child{ border:none;} .quicks_blk{ padding:0 25px;} .quicks_blk_ico{ width:40px; height:40px;} .quicks_blk_ico1{ background:url(../images/ico_btns_1.png) center bottom no-repeat;} .quicks_blk_ico2{ background:url(../images/ico_btns_2.png) center bottom no-repeat;} .quicks_blk_ico3{ background:url(../images/ico_btns_3.png) center bottom no-repeat;} .quicks_blk_ico4{ background:url(../images/ico_btns_4.png) center bottom no-repeat;} .quicks_blk_tit{ padding:10px 0; font-size:18px; font-weight:bold; color:#244C92;} .quicks_blk_txt{ color:#999; line-height:1.5;} .quicks_blk_plus{ width:40px; height:0px; background:url(../images/ico_btns_plus.png) center center no-repeat;} .col-btns:hover{ background-color:#234C94; border-color:#234C94; color:#FFF;} .col-btns:hover .quicks_blk_tit, .col-btns:hover .quicks_blk_txt{ color:#FFF;} @media (min-width:992px){ .top_quicks{ margin-top:-70px;} .quicks_blk{ padding:0 40px;} .col-btns{ padding:35px 0; border-right:solid 1px #DDD; border-bottom:none; background-color:#FFF; transition:all 0.5s ease 0s;} } /* 通用标题 */ .index_title{ padding:20px 15px; text-align:center;} .index_title .title_main{ font-size:26px;} .index_title .title_main strong{ color:#244C92; font-weight:normal;} .index_title .title_main em{ margin:0 10px; color:#DDD;} .index_title .title_main span{ color:#999;} .index_title .title_info{ padding-top:10px; font-size:12px; line-height:1.5; color:#999;} @media (min-width:992px){ .index_title{ padding:40px 0;} .index_title .title_main{ font-size:32px;} .index_title .title_info{ font-size:16px;} } /* 产品 */ .blk_pro{ padding:30px 0 20px; background-color:#FFF;} .pro_list{} .col-pro{ margin-bottom:30px; padding-left:15px; padding-right:15px;} .pro_blk{ border:solid 1px #DDD; transition:all 0.5s ease 0s;} .pro_blk_img{ width:100%; text-align:center; background-color:#FFF; overflow:hidden;} .pro_blk_img img{ height:300px; vertical-align:bottom; transform:rotate(0deg) scale(1,1); transition:all 0.6s ease 0s;} .pro_blk_tit{ display:block; padding:10px 0; width:100%; background-color:#DDD; text-align:center; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .pro_blk:hover{ border-color:#234C94;} .pro_blk:hover .pro_blk_tit{ background-color:#234C94; color:#FFF;} .pro_blk:hover .pro_blk_img img{ transform:rotate(0deg) scale(1.1,1.1); } @media (min-width:992px){ .blk_pro{ padding:30px 0 80px;} .pro_blk_img img{ height:220px;} } /* 优势 */ .blk_youshi{ padding:30px 0; background:url(../images/bg_youshi.png) center top repeat;} .youshi_list{ margin:0;} .col-youshi{ margin-bottom:30px; padding-left:25px; padding-right:25px;} .youshi_blk{} .youshi_blk_img{} .youshi_blk_img img{ width:100%; transform:rotate(0deg) scale(1,1); transition:all 0.6s ease 0s;} .youshi_blk_tit{ padding:20px 20px 10px; font-size:20px; color:#244C92; text-align:center;} .youshi_blk_txt{ padding:0 20px; line-height:1.5; color:#999; text-align:center;} .youshi_blk:hover .youshi_blk_img img{ transform:rotate(0deg) scale(1.1,1.1); } @media (min-width:992px){ .blk_youshi{ padding:40px 0;} .youshi_list{ margin:0 -30px;} .col-youshi{ margin-bottom:60px;} .youshi_blk_tit{ padding:30px 20px 0; font-size:24px; text-align:left;} .youshi_blk_txt{ line-height:2; text-align:left;} } /* 新闻 */ .blk_news{ padding:30px 0 50px 0; background-color:#FFF;} .news_blk_left{} .news_big_blk{ display:block; position:relative; overflow:hidden;} .news_big_img{ width:100%; transform:rotate(0deg) scale(1,1); transition:all 0.6s ease 0s;} .news_blk_tit{ position:absolute; right:0; bottom:0; left:0; width:100%; background:rgba(0,0,0,.5);} .news_blk_tit strong{ display:block; padding:12px 15px 0; width:100%;line-height:1.2; color:#FFF; font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .news_blk_tit span{ display:block; padding:5px 15px 10px; color:#FFF; font-size:14px;} .news_big_blk:hover .news_big_img{ transform:rotate(0deg) scale(1.1,1.1); } .news_txt_list{ margin-top:30px;} .news_txt_blk{ position:relative; display:block; margin-bottom:26px; overflow:hidden;} .news_txt_date{ position:absolute; top:0; left:0; padding-right:20px; width:80px; height:70px; border-right:solid 2px #AFAFAF; transition:all 0.6s ease 0s; color:#244C92;} .news_txt_date strong{ display:block; font-size:16px; font-weight:normal; text-align:right;} .news_txt_date span{ display:block; font-size:14px; text-align:right;} .news_txt_info{ margin-left:100px;} .news_txt_info strong{ display:block; margin-top:-5px; height:30px; font-size:20px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .news_txt_info span{ display:block; margin-top:5px; height:40px; line-height:20px; font-size:14px; overflow:hidden; color:#999;} .news_txt_blk:hover .news_txt_date{ background-color:#244C92; border-color:#244C92; color:#FFF;} @media (min-width:992px){ .blk_news{ padding:20px 0 60px 0;} .news_txt_list{ margin-top:0;} .news_txt_date{ width:100px;} .news_txt_date strong{ font-size:24px;} .news_txt_date span{ font-size:16px;} .news_txt_info{ margin-left:120px;} .news_txt_info strong{ height:30px; font-size:20px;} .news_txt_info span{ height:40px; line-height:20px; font-size:14px;} } /* 关于 */ .blk_about{ padding:60px 0; background:url(../images/bg_about.jpg) center top repeat; background-size:cover;} .about_bg{ margin:0 20px; padding:20px 0 30px; background-color:#FFF; background-color:rgba(255,255,255,.8);} .about_blk{ padding:0;} .col-about{ padding-left:30px; padding-right:30px;} .about_blk_txt{ line-height:1.6; color:#999;} .about_more{ display:block; margin:20px 0; padding-left:40px; width:100%; height:40px; line-height:40px; border:solid 1px #244C92; background:#FFF url(../images/ico_about_more.png) -180px top no-repeat; font-dize:14px; color:#244C92; transition:all 0.6s ease 0s;} .about_more:hover{ padding-left:60px; width:200px; border:solid 1px #244C92; background:#244C92 url(../images/ico_about_more.png) 0 top no-repeat; color:#FFF;} .about_blk_video{} .video-js{ width:100%;} .about_count{ padding:30px 30px 20px;} .about_tb{ width:100%;} .about_tb th{ font-size:14px; color:#999;} .about_tb .th1{ text-align:left;} .about_tb .th2{ text-align:center;} .about_tb .th3{ text-align:center;} .about_tb .th4{ text-align:right;} .about_tb th strong{ display:block; margin-right:2px; font-size:22px; font-weight:normal; color:#244C92;} .about_tb td{ font-size:16px; color:#999;} .about_tb .td1{ text-align:left;} .about_tb .td2{ text-align:center;} .about_tb .td3{ text-align:center;} .about_tb .td4{ text-align:right;} @media (min-width:992px){ .blk_about{ padding:110px 0;} .about_blk{ padding:0 20px;} .about_blk_txt{ line-height:2;} .about_more{ margin:40px 0 0; width:180px;} .about_count{ padding:50px 50px 20px;} .about_tb th strong{ display:inline; margin-right:8px; font-size:34px;} } /* cases */ .blk_cases{ padding:20px 0 50px; background-color:#FFF;} .cases_list{ padding-bottom:20px;} .cases_blk{ padding:5px; border:solid 1px #DDD;} .cases_blk img{ width:100%;} /* btm */ .blk_btm{ padding:30px 0 20px; background:url(../images/bg_youshi.png) center top repeat;} .qrcode_img{ float:left;} .qrcode_img img{ width:100px; height:100px;} .qrcode_txt{ float:left; margin:20px 10px 0 2px; width:20px; line-height:1.2; text-align:center;} .telno{ position:relative; display:block; margin:20px 0; padding:2px 0 0; width:255px; height:42px; background:#0346A3; text-align:center;} .telno strong{ position:absolute; top:2px; left:2px; display:block; width:83px; height:38px; line-height:38px; font-size:16px; font-weight:normal; color:#FFF;} .telno span{ display:block; margin:0 2px 0 85px; height:38px; line-height:38px; background:#FFF; font-size:20px; color:#0346A3; text-align:center;} .btm_blk{ padding-bottom:15px;} .btm_blk .tit{ padding-bottom:10px; font-size:16px; font-weight:bold;} .btm_blk .con{ font-size:14px; color:#666; line-height:1.5;} .btm_blk .con a{ color:#666;} @media (min-width:992px){ .blk_btm{ padding:40px 0 30px;} .qrcode_img img{ width:140px; height:140px;} .qrcode_txt{ margin:30px 30px 0 5px;} .telno{ margin:35px 0 0; width:335px;} .telno strong{ width:113px;} .telno span{ margin:0 2px 0 115px;} .btm_blk .con{ line-height:2;} } /*copy*/ .blk_copy{ padding:20px 20px 80px; background:#234C94; text-align:center; color:#FFF;} .blk_copy a{ color:#EEE;} @media (min-width:992px){ .blk_copy{ padding:20px;} } /* Banner */ .page_banner{ height:300px; background-position:center top; background-repeat:no-repeat; background-size:cover;} .page_abt{ background-image:url(../images/page_banner1.jpg);} .page_pro{ background-image:url(../images/page_banner2.jpg);} .page_adv{ background-image:url(../images/page_banner3.jpg);} .page_cas{ background-image:url(../images/page_banner4.jpg);} .page_nws{ background-image:url(../images/page_banner5.jpg);} .page_rec{ background-image:url(../images/page_banner6.jpg);} .page_con{ background-image:url(../images/page_banner7.jpg);} .page_banner_title{ padding:120px 0 20px; font-size:26px; text-align:center; color:#FFF; text-shadow:0 1px 3px rgba(0,0,0,.4);} .page_banner_profile{ padding:0 20px; font-size:14px; text-align:center; color:#FFF; text-shadow:0 1px 3px rgba(0,0,0,.4);} @media (min-width:992px){ .page_banner{ height:400px;} .page_banner_title{ padding:180px 0 20px; font-size:32px; text-align:center; color:#FFF; text-shadow:0 1px 3px rgba(0,0,0,.4);} .page_banner_profile{ font-size:16px; text-align:center; color:#FFF; text-shadow:0 1px 3px rgba(0,0,0,.4);} } /* iam */ .page_iam{ padding:20px 0; color:#999; text-align:right;} .page_iam a{ color:#244C92;} .page_iam span{ margin:0 10px; font-size:12px; color:#ccc;} /* about */ .about_content{ padding:20px 0; background:#FFF;} .about_top{ padding:0 18px 20px; margin-bottom:20px; border-bottom:solid 1px #DDD;} .about_name{ font-size:20px;} .about_profile{ padding-top:5px; font-size:14px; line-height:1.2; color:#999;} .about_left{} .about_left img{ width:100%;} .about_right{ margin-top:20px;} .about_right p{ margin-bottom:20px; line-height:2.2; text-indent:22px;} .wenhua_right{ margin-top:20px;} .wenhua_right p{ margin-bottom:20px; line-height:2.2; text-indent:0;} @media (min-width:992px){ .about_right{ margin:0;} .wenhua_right{ margin:0;} } /* pro */ .pg_pro{ padding-bottom:30px;} .pro_class{ padding-top:15px; border-top:solid 1px #DDD; background:none;} .pro_class li{ display:inline-block; margin-bottom:10px; font-size:14px;} .pro_class .tit{ display:none; padding:0; background:#244C92; color:#FFF;} .pro_class .con a{ display:block; padding:5px; transition:all 0.6s ease 0s;} .pro_class .con a.on{ background:#0346A3; color:#FFF;} .pro_class .con a:hover{ background:#0346A3; color:#FFF;} .pro_pdf{ display:block; margin-top:20px; line-height:46px; border:solid 1px #DDD; text-align:center; font-size:16px; color:#333; transition:all 0.6s ease 0s;} .pro_pdf:hover{ border:solid 1px #0346A3; background:#0346A3; color:#FFF;} .pg_pro .pro_blk_img img{} .page_pro_list{ margin:0 -15px;} .tb_canshu{ width:100%; border-top:solid 1px #DDD; border-left:solid 1px #DDD;} .tb_canshu td{ padding:8px 5px; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD; text-align:center;} .tb_canshu tr:hover td{ background-color:#FFF;} .tb_canshu .firstRow td{ background-color:#EEE;} .tb_canshu .firstRow:hover td{ background-color:#EEE;} @media (min-width:992px){ .pro_class{ padding:0; border:none; background:#FFF;} .pro_class li{ display:block; margin:0; padding:0; border-bottom:solid 1px #DDD; font-size:16px;} .pro_class .tit{ display:block; padding:10px 0; text-indent:15px;} .pro_class .con a{ padding:10px 15px;} } /* page num */ .PageNumbers{ margin:40px 0; line-height:38px; text-align:center;} .PageNumbers li{ display:inline-block; margin:0; padding: list-style:none;} .PageNumbers li a{ display:inline-block; padding:0 14px; margin:0 10px 8px 0; height:38px; border-radius:3px; background-color:#FFF; text-align:center; text-decoration:none; color:#555;} .PageNumbers li a:hover{ background-color:#D6DFE4;} .PageNumbers li.active a{ background-color:#234C94; color:#FFF; font-weight:normal;} /* advan */ .page_jishu .page_iam{ background:#FFF;} .pg_byclass{ margin-bottom:30px; border-bottom:solid 1px #DDD; background:#FFF;} .list_byclass{ padding-bottom:20px; line-height:42px;} .list_byclass a{ float:left; margin:0 20px 10px 0; padding:0 25px; height:42px; line-height:42px; background:#F5F5F5; font-size:16px; transition:all 0.6s ease 0s;} .list_byclass a:hover{ background:#0346A3; color:#FFF;} .list_byclass a.on{ background:#0346A3; color:#FFF;} .pg_adva{ padding-bottom:30px;} .adva_list{} .col-adva{ margin-bottom:30px; padding-left:15px; padding-right:15px;} .adva_blk{ display:block; border:solid 1px #DDD; transition:all 0.5s ease 0s; cursor:pointer;} .adva_blk_con{ position:relative; width:100%; text-align:center; background-color:#FFF; overflow:hidden;} .adva_blk_img img{ display:block; margin:0 auto; width:100%; /*height:200px;*/ vertical-align:bottom; transform:rotate(0deg) scale(1,1); transition:all 0.6s ease 0s;} .adva_blk_tit{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.2); opacity:0; transition:all 0.6s ease 0s;} .adva_blk_tit strong{ display:inline-block; margin:27% auto; padding:10px 18px; border:solid 1px #FFF; text-align:center; font-size:16px; font-weight:normal; text-shadow:0 1px 3px rgba(0,0,0,.4); color:#FFF; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .adva_blk:hover{ border-color:#234C94;} .adva_blk:hover .adva_blk_img img{ transform:rotate(0deg) scale(1.1,1.1); } .adva_blk:hover .adva_blk_tit{ background-color:rgba(0,0,0,.4); opacity:1;} .adva_blk_name{ margin:10px 0 0; height:30px; line-height:30px; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} @media (min-width:992px){ .adva_blk_img img{ width:auto; height:260px;} } /* case */ .page_case .page_iam{ background:#FFF;} .col-case{ margin-bottom:30px; padding-left:15px; padding-right:15px;} .case_blk{ display:block; border:solid 1px #DDD; transition:all 0.5s ease 0s;} .case_blk_con{ position:relative; width:100%; text-align:center; background-color:#FFF; overflow:hidden;} .case_blk_con .case_blk_img img{ display:block; height:120px; width:100%; vertical-align:bottom; transform:rotate(0deg) scale(1,1); transition:all 0.6s ease 0s;} .case_blk_con .case_blk_tit{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.2); opacity:0; transition:all 0.6s ease 0s;} .case_blk_con .case_blk_tit strong{ display:inline-block; margin:24% auto; padding:10px 18px; border:solid 1px #FFF; text-align:center; font-size:16px; font-weight:normal; text-shadow:0 1px 3px rgba(0,0,0,.4); color:#FFF; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .case_blk:hover{ border-color:#234C94;} .case_blk:hover .case_blk_img img{ transform:rotate(0deg) scale(1.1,1.1); } .case_blk:hover .case_blk_tit{ background-color:rgba(0,0,0,.4); opacity:1;} @media (min-width:992px){ .case_blk_con .case_blk_img img{width:100%; height:180px;} } /* news */ .page_news .page_iam{ background:#FFF;} .news_list{ padding:0 15px;} .pgnews_blk{ position:relative; display:block; margin-bottom:30px; height:auto; border-bottom:solid 1px #DDD; transition:all 0.6s ease 0s; overflow:hidden;} .pgnews_img{ position:relative; width:100%; height:auto; overflow:hidden; color:#244C92;} .pgnews_img img{ width:100%; height:auto; border-radius:3px;} .pgnews_info{ margin-right:0;} .pgnews_date{ float:none; padding:6px 0; width:100%; height:auto; color:#999; transition:all 0.6s ease 0s;} .pgnews_date strong{ margin-right:10px; font-size:16px; font-weight:normal; text-align:right;} .pgnews_date span{ padding-left:6px; border-left:solid 2px #ccc; font-size:16px; text-align:right;} .pgnews_tit{} .pgnews_tit strong{ display:block; font-size:16px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .pgnews_tit span{ display:block; margin:5px 0 20px; height:40px; line-height:20px; font-size:12px; overflow:hidden; color:#999;} .pgnews_blk:hover .pgnews_date{ background-color:#244C92; border-color:#244C92; color:#FFF;} .pgnews_blk:hover .pgnews_tit{ border-left-color:#244C92;} @media (min-width:992px){ .pgnews_blk{ height:150px;} .pgnews_img{ position:absolute; top:0; right:0; width:160px; height:120px; overflow:hidden; color:#244C92;} .pgnews_img img{ width:160px; height:120px; border-radius:3px;} .pgnews_info{ margin-right:190px;} .pgnews_date{ float:left; padding:0 20px 0 0; width:110px; height:120px; transition:all 0.6s ease 0s;} .pgnews_date strong{ display:block; margin:0; padding-top:15px; font-size:22px; font-weight:normal; text-align:right;} .pgnews_date span{ display:block; padding:0; border:none; font-size:16px; text-align:right;} .pgnews_tit{ margin-left:110px; height:120px; padding-left:20px; border-left:solid 2px #AFAFAF;} .pgnews_tit strong{ display:block; width:100%; height:40px; line-height:40px; font-size:20px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .pgnews_tit span{ display:block; margin-top:5px; height:72px; line-height:24px; font-size:14px; overflow:hidden; color:#999;} } /* rec */ .page_recruit .page_iam{ background:#FFF;} .rec_list{ padding:0 15px;} .rec_blk{ display:block; margin-bottom:30px; border:solid 1px #DDD; transition:all 0.6s ease 0s; overflow:hidden;} .rec_info{} .rec_arrow{ float:left; width:50px; height:180px; background:#EEE url(../images/ico_about_more.png) -295px 70px no-repeat; transition:all 0.6s ease 0s;} .rec_tit{ margin-left:50px; height:180px; padding:20px 30px;} .rec_tit strong{ display:block; width:100%; height:40px; line-height:40px; font-size:20px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .rec_tit span{ display:block; margin-top:5px; height:72px; line-height:24px; font-size:14px; overflow:hidden; color:#999;} .rec_tit em{ display:block; font-size:12px; color:#999;} .rec_blk:hover .rec_arrow{ background:#244C92 url(../images/ico_about_more.png) -115px 70px no-repeat; border-color:#244C92; color:#FFF;} .rec_blk:hover .rec_tit{ border-left-color:#244C92; background-color:#FFF;} @media (min-width:992px){ .rec_arrow{ float:left; width:110px; height:180px; background:#EEE url(../images/ico_about_more.png) -265px 70px no-repeat; transition:all 0.6s ease 0s;} .rec_tit{ margin-left:110px;} .rec_blk:hover .rec_arrow{ background:#244C92 url(../images/ico_about_more.png) -85px 70px no-repeat; border-color:#244C92; color:#FFF;} } /* contact */ .contct_txt{ margin-right:0; padding-top:20px;} .contct_hd{ height:50px; line-height:50px;} .contct_hd ul.t{ position:relative; z-index:1;} .contct_hd ul.t li{ float:left; margin-right:10px; width:120px; height:50px; line-height:50px; border-bottom:solid 3px #f5f5f5; background-color:#F5F5F5; text-align:center; font-size:18px; color:#797979; text-shadow:0 1px 1px #FFF; overflow:hidden; cursor:pointer;} .contct_hd ul.t li.on{ border-bottom-color:#234C94; color:#234C94;} .contct_bd{ zoom:1;} .contct_bd ul.c li{ padding:20px 0; font-size:16px; line-height:2;} .contct_bd ul.c li img{ margin-bottom:15px; width:100%; border-solid 1px #DDD;} .map_blk{ margin-bottom:15px; border:solid 1px #DDD; border-radius:2px; background-color:#FFF; padding:5px;} .map_show{ width:100%; height:480px; overflow:hidden;} .contct_part_tit{height: 50px; line-height: 50px; border-bottom: solid 3px #f5f5f5; font-size: 22px; color: #797979; text-shadow: 0 1px 1px #fff;} .contct_part{ margin:0 0 20px 0; padding:20px 20px; border:solid 1px #DDD; background-color:#FFF; font-size:14px; line-height:2;} .contct_part p{ margin-bottom:0;} .contct_part span{ color:#797979;} .contct_part strong{ display:block; font-size:16px;} .contct_partxiaoshou{ margin:20px 0; padding:20px 20px; border:solid 1px #DDD; background-color:#FFF; font-size:16px;} .contct_partname{ padding-bottom:10px; font-weight:bold;} .contct_xiaoshou{ padding:15px 0; border-top:solid 1px #DDD;font-size:14px; } .contct_xiaoshou_tit{ color:#797979;} .contct_xiaoshou_tit strong{ margin-right:10px; color:#333;} .contct_xiaoshou_mob{ padding:8px 0;} .contct_xiaoshou_mob span{ margin-right:10px;} .contct_xiaoshou_con{ color:#797979;font-size:12px;} .contct_msg{ padding:0 0 40px;} .contct_msg_tit{ height:50px; line-height:50px; border-bottom:solid 3px #f5f5f5; font-size:22px; color:#797979; text-shadow:0 1px 1px #fff;} .contct_msg_con{} .contct_msg_con p{ margin:20px 0 0; padding:25px; border:solid 1px #DDD; border-radius:2px; line-height:1.8; background-color:#FFF;} .contct_msg_con .form-group{ margin:20px 0 0;} .contct_msg_con .form-group label{ margin-bottom:10px;} .contct_msg_con .form-group em{ font-style:normal; color:red;} .contct_msg_con .form-group .form-control{ height:40px; border-radius:2px;} .contct_msg_con .form-group .form-control2{ height:120px; border-radius:2px;} .contct_msg_con .btn-default{ margin:20px 0 0; padding:10px 15px; border:none; border-radius:2px; background-color:#234C94; color:#FFF;} @media (min-width:992px){ /*.contct_txt{ margin-right:20px; padding-top:50px;}*/ .contct_hd ul.t li{ margin-right:35px; width:auto;} /*.contct_part{ margin:0 20px 40px 0;}*/ .contct_msg{ padding:50px 0 0;} } /* content */ .content_head{ margin-bottom:30px; padding:40px 0 30px; border-bottom:solid 1px #DDD; text-align:center;} .content_name{ font-size:26px;} .content_info{ margin-top:10px; font-size:14px; color:#999;} .content_back{ display:block; margin:0 auto 30px; padding:0 10px; width:200px; height:44px; border:solid 1px #DDD; line-height:44px; color:#666; text-align:center; transition:all 0.6s ease 0s;} .content_back:hover{ border-color:#0346A3; background:#0346A3; color:#FFF;} /* pro show*/ .pro_img{} .pro_img img{ width:100%; border-radius:3px;} .pro_intro{ margin-top:15px; margin-bottom:20px; width:100%; overflow-x:scroll;} .pro_intro img{ max-width:100%;} .pro_profile{ padding:20px 0 40px; line-height:2;} .pro_tit{ display:block; margin:0 0 15px; font-size:18px; font-weight:normal;} @media (min-width:992px){ .pro_intro{ margin-top:0;} } /* news show*/ .news_name{ margin-bottom:30px; padding:30px 0; border-bottom:solid 1px #DDD; font-size:26px; text-align:center;} .news_profile{ padding:0 0 20px; line-height:2;} .news_profile img{ width:100% !important; max-width:640px !important;} .news_tit{ display:block; margin:0 0 15px; font-size:18px; font-weight:normal;} .news_info{ font-size:12px; color:#999;}