@charset "utf-8"; *.bhover { background:#999; color:#fff;} * { margin:0; padding:0; outline:none; font-family:'微软雅黑', Helvetica,Arial,Lucida, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;*/ -webkit-font-smoothing:antialiased; /*chrome、safari*/ -moz-osx-font-smoothing:grayscale; /*firefox*/ } article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;} .animated{ visibility:hidden;} .visible{ visibility:visible;} .animation { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body{ margin:0; padding:0; font-size:14px; line-height:24px; background:#fff; color:#000000; -webkit-font-smoothing: antialiased; /*chrome、safari*/ -moz-osx-font-smoothing: grayscale; /*firefox*/ overflow-x:hidden; } body.overflow_hidden { overflow:hidden;} body.overflow_hidden:after { content:''; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:1;} body.overflow_hidden .top .navmenu, body.overflow_hidden .top .icon_btn_box { top:0!important;} body.overflow_hidden .top .navmenu #menu li a.a1 { /*color:#fff;*/} body.ny { background:url(../images/insidebox_bg.jpg) fixed center center no-repeat; background:#ffffff;} body.top_bg_fill .top_bg { /*background:#ffffff; background:rgba(224,224,224,.75);*/} body.top_bg_fill .top_bg:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#b5b5b5; display:none;} body.top_bg_trans .top_bg { /*border-bottom:1px solid rgba(224,224,224,.75);*/} body.top_bg_trans .top .navmenu, body.top_bg_trans .top .icon_btn_box { top:-120px;} body.top_bg_trans .top .icon_menu { top:0;} body.top_bg_trans .mouse_down, body.ny .mouse_down { display:none;} body.style01 .top { display:none;} body.style01 .top_bg { border-bottom:0;} ol,ul,li,p { list-style:none;font-weight:normal; } dl,dt,dd {border:0;} a { color:#000000; outline:none; font-weight:normal; text-decoration:none; } a:hover { color:#005aab;} a img { border:0; margin:0; padding:0; } .ismobile { display:none;} .alpha0 {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;} .alpha13 {filter:alpha(opacity=13); -moz-opacity:0.13; -khtml-opacity: 0.40; opacity: 0.13;} .color1 { background:#cccccc;} .color2 { background:#ffffff;} .color3 { background:#000000;} .color4 { background:#0baecb;} .alpha70 { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;} .alpha40 { filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.40; opacity: 0.40; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;} .h50 { height:50px; display:none;} .h60 { height:60px; display:none;} .h65 { height:65px; display:none;} *.fl { float:left;} *.fr { float:right;} *.mt3 { margin-top:3px;} *.mt5 { margin-top:5px;} *.mt8 { margin-top:8px;} *.mt10 { margin-top:10px;} *.mt20 { margin-top:20px;} *.mt24 { margin-top:24px;} *.mt30 { margin-top:30px;} *.mt40 { margin-top:40px;} *.mt45 { margin-top:45px;} *.mt50 { margin-top:50px;} *.mt60 { margin-top:60px;} *.mt70 { margin-top:70px;} *.mt80 { margin-top:80px;} *.mt90 { margin-top:80px;} *.mt100 { margin-top:100px;} *.mt150 { margin-top:150px;} *.f12 { font-size:12px; line-height:24px;} *.f14 { font-size:14px; line-height:26px;} *.f15 { font-size:15px; line-height:29px;} *.f16 { font-size:16px; line-height:30px;} *.f18 { font-size:18px; line-height:32px;} *.f21 { font-size:21px; line-height:34px;} *.f20 { font-size:20px; line-height:36px;} *.f22 { font-size:22px; line-height:38px;} *.f40 { font-size:40px; line-height:60px;} *.f50 { font-size:50px; line-height:80px;} *.center { text-align:center;} *.strong { font-weight:bold;} .cfff { color:#fff;} /*12栏网格布局*/ *.row { margin-left:-15px; margin-right:-15px;} [class^="col-"], [class*=" col-"] { padding-left:15px; padding-right:15px; position:relative;} *.col-1 { width:8.333333333333333%!important;} *.col-2 { width:16.66666666666667%!important;} *.col-3 { width:25%!important;} *.col-4 { width:33.33333333333333%!important;} *.col-5 { width:41.66666666666667%!important;} *.col-6 { width:50%!important;} *.col-7 { width:58.33333333333333%!important;} *.col-8 { width:66.66666666666667%!important;} *.col-9 { width:75%!important;} *.col-10 { width:83.33333333333333%!important;} *.col-11 { width:91.66666666666667%!important;} *.col-12 { width:100%!important;} *.border { border:1px solid #d2d2d2;} *.p-0 { padding:0!important;} *.m-0 { margin:0!important;} *.pt-10 { padding-top:10px!important;} *.pt-20 { padding-top:20px!important;} *.pt-30 { padding-top:30px!important;} *.pt-40 { padding-top:40px!important;} *.pt-50 { padding-top:50px!important;} *.pt-60 { padding-top:60px!important;} *.pb-10 { padding-bottom:10px!important;} *.pb-20 { padding-bottom:20px!important;} *.pb-30 { padding-bottom:30px!important;} *.pb-40 { padding-bottom:40px!important;} *.pb-50 { padding-bottom:50px!important;} *.pb-60 { padding-bottom:60px!important;} *.mt-10 { margin-top:10px!important;} *.mt-20 { margin-top:20px!important;} *.mt-30 { margin-top:30px!important;} *.mt-40 { margin-top:40px!important;} *.mt-50 { margin-top:50px!important;} *.mt-60 { margin-top:60px!important;} *.mb-10 { margin-bottom:10px!important;} *.mb-20 { margin-bottom:20px!important;} *.mb-30 { margin-bottom:30px!important;} *.mb-40 { margin-bottom:40px!important;} *.mb-50 { margin-bottom:50px!important;} *.mb-60 { margin-bottom:60px!important;} /**/ *.d-flex { display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-content:stretch; align-items:flex-start;} *.d-flex-ccc { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;} *.d-flex-scc { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center;} *.d-flex-ssc { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-items:center;} *.d-flex-sss { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-items:stretch;} *.d-flex.flex-direction-column { flex-direction:column!important;} *.d-flex.flex-direction-column-reverse { flex-direction:column-reverse!important;} *.d-flex.flex-direction-row-reverse { flex-direction:row-reverse!important;} *.d-flex.flex-wrap-wrap { flex-wrap:wrap;} *.d-flex.flex-wrap-reverse { flex-wrap:wrap-reverse;} *.d-flex.align-items-start { align-items:flex-start!important;} *.d-flex.align-items-center { align-items:center!important;} *.d-flex.align-items-end { align-items:flex-end!important;} *.d-flex.align-items-stretch { align-items:stretch!important;} *.d-flex.justify-content-start { justify-content:flex-start!important;} *.d-flex.justify-content-center { justify-content:center!important;} *.d-flex.justify-content-end { justify-content:flex-end!important;} *.d-flex.justify-content-around { justify-content:space-around!important;} *.d-flex.justify-content-between { justify-content:space-between!important;} *.d-flex *.align-self-start { align-self:flex-start!important;} *.d-flex *.align-self-center { align-self:center!important;} *.d-flex *.align-self-end { align-self:flex-end!important;} *.d-flex *.align-self-baseline { align-self:baseline!important;} *.d-flex *.align-self-stretch { align-self:stretch!important;} .ismobile{display:none!important;} .ispc{display:block!important;} .flexcc { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;} .section { position:relative; z-index:999999;} .fullpage_menu { position:fixed; left:10px; top:50%; margin-top:-80px; height:160px; width:85px;/* background:#000; background:rgba(0,0,0,.5);*/ z-index:999999; font-size:18px; font-family:Arial; text-transform:uppercase; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;} .fullpage_menu li { width:100%; height:auto; position:relative;} .fullpage_menu li a { width:100%; height:35px; line-height:35px; overflow:hidden; font-size:18px; color:#bb0001; display:block; font-weight:bold; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .fullpage_menu li a:before { content:''; width:14px; height:4px; background:#000; position:relative; display:block; float:left; left:10px; border-radius:2px 2px 2px 2px; -moz-transition:all .2s cubic-bezier(0,0,.2,1); -o-transition:all .2s cubic-bezier(0,0,.2,1); -ms-transition:all .2s cubic-bezier(0,0,.2,1); transition:all .2s cubic-bezier(0,0,.2,1); } .fullpage_menu li.active a { } .fullpage_menu li.active a:before, .fullpage_menu.style01 li.active a:before { width:28px; left:0; background:#bb0001;} .fullpage_menu.style01 li a { color:#fff;} .fullpage_menu.style01 li a:before { background:#fff;} .mouse_down { position:fixed; left:50%; bottom:20px; font-size:30px; line-height:2; color:#fff; z-index:999;} /*页眉*/ .top_bg { width:100%; height:120px; overflow:visible; z-index:1; position:fixed; left:0; top:0; z-index:99999; border-bottom:1px solid #fff; /*border-bottom:1px solid rgba(255,255,255,.4); background-image: linear-gradient(to bottom, rgb(255, 255, 255, .8), transparent);*/ } .top_bg .top { max-width:1440px; min-width:300px; margin:0 auto; height:120px; position:relative; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-content:center; align-items:center; z-index:2;} .top_bg .top .icon_menu { position:absolute; top:0; right:0; width:120px; height:120px; line-height:120px; top:-120px; text-align:center; font-size:30px; } .top_bg .top .icon_menu.close { top:-120px;} .top_bg.bgfff { /*background:rgba(0,86,195,.75); */ background:#fff; border-bottom:1px solid #fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.1);} .top_bg.bgfff:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#b5b5b5; display:none;} .top_bg.bgfff .logobox .logo { background:url(../images/logo-text-blue.png) center center no-repeat!important;} .top_bg.bgfff .searchbox .icon_submit { color:#000!important;} .top_bg.bgfff .navmenu #menu li a { color:#000;} .top_bg.bgfff .navmenu #menu li.hover .a1 { color:#e60012;} .top_bg.bgfff .searchbox:hover .icon_submit { color:#fff!important;} .top_bg.bgfff .top .lang_switch { color:#000;} .top_bg.bgfff .top .lang_select a { } /*显示下拉菜单*/ .top_bg.navmenu_box_show .navmenu_box_bg { display:block; -webkit-animation-name: fadeIn; animation-name: fadeIn;} .top_bg.navmenu_box_show { /*background:rgba(0,86,195,.75); */ background:#fff; border-bottom:1px solid #fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.1);} .top_bg.navmenu_box_show:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#b5b5b5; display:none;} .top_bg.navmenu_box_show .logobox .logo { background:url(../images/logo-text-blue.png) center center no-repeat!important;} .top_bg.navmenu_box_show .searchbox .icon_submit { color:#000!important;} .top_bg.navmenu_box_show .navmenu #menu li a { color:#000;} .top_bg.navmenu_box_show .navmenu #menu li.hover .a1 { color:#e60012;} .top_bg.navmenu_box_show .searchbox:hover .icon_submit { color:#fff!important;} .top_bg.navmenu_box_show .top .lang_switch { color:#000;} .top_bg.navmenu_box_show .top .lang_select a { } /*.top_bg.bgfff .navmenu #menu li .subnav a { color:#fff!important;}*/ .top_bg .top:after { /*content:''; width:100%; height:1px; background:#c5c5c5; position:absolute; left:0; bottom:0;*/} .top_bg .top .welcome { height:35px; line-height:35px; color:#8db796; float:left; margin-left:0px; font-size:14px; position:absolute; left:0; top:0;} .top_bg .top .welcome a { color:#fff;} .top_bg .top .weather { display:inline-block; font-size:12px; margin-left:10px; font-family:"宋体";} .top_bg .top .weather .low{ color:#006b19;} .top_bg .top .weather .high{ color:#e00000;} .top_bg .top .email { position:absolute; right:200px; top:25px; line-height:40px;} .top_bg .top .telbox { width:245px; height:30px; line-height:30px; overflow:hidden; position:absolute; left:10%; top:50%; margin-top:-15px; color:#e20404; font-size:18px; display:none;} .top_bg .top .telbox .icon { width:33px; height:30px; line-height:30px; font-size:20px; text-align:center; color:#000; float:left;} .top_bg .top .telbox .lab { font-size:18px; line-height:30px; position:relative; float:left;} .top_bg .top .telbox .tit { color:#b60909; font-size:22px; line-height:22px; font-weight:bold;} .top_bg .top .telbox .tel { line-height:30px; position:relative; letter-spacing:0px; font-weight:bold; float:left; color:#e20404; /*text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; */} .top_bg .top .logobox { width:176px; height:auto; overflow:hidden; float:left; z-index:2;} .top_bg .top .logobox a { display:block; width:100%; height:auto; overflow:hidden; text-align:center;} .top_bg .top .logobox .logo { width:175px; height:50px; background:url(../images/logo-text-white.png) center center no-repeat; overflow:hidden; float:left;} .top_bg .top .logobox .info { height:auto; overflow:hidden; float:left; margin-top:0px; color:#000; float:right; display:none;} .top_bg .top .logobox .info .tit { font-size:30px; line-height:30px; letter-spacing:0px; margin-top:0px; font-weight:bold; /*background: linear-gradient(to bottom, #0197db, #0153b3); -webkit-background-clip: text; color: transparent;*/ } .top_bg .top .logobox .info .tit strong { color:#ef711f;} .top_bg .top .logobox .info .tit1 { font-size:16px; line-height:1.5; letter-spacing:0.9px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; /*font-style:oblique; font-weight:bold; */} .top_bg .top .logobox .logo:hover {/*transform: perspective(120px) rotateY(-360deg);*/} .icon_btn_box { width:124px; height:100%; position:absolute; top:0; right:0; z-index:1; border-left:1px solid #fff;} .top_bg .top .icon_share { display:block; width:36px; height:36px; position:absolute; top:50%; margin-top:-18px; left:35%; margin-left:-18px; background:url(../images/icon_share.png) center center no-repeat;} .top_bg .top .menu_icon { display:none;} .top_bg .top .qrcode_weixin { position:absolute; right:0; top:0; top:50%; margin-top:-15px; display:none;} .top_bg .top .qrcode_weixin .icon { font-size:30px; line-height:30px;} .top_bg .top .ad_text { position:absolute; left:34%; top:53%;} .top_bg .top .toplink { height:120px; line-height:20px; position:absolute; top:0; right:-16.5%; background:#bb281e; color:#fff; font-size:17px; padding:0 20px;} .top_bg .top .toplink .icon { line-height:20px; float:left; margin-right:10px;} .top_bg .top .toplink .link { line-height:20px; float:left; margin-top:45px;} .top_bg .top .toplink a { color:#fff;} .top_bg .top .navmenu_btn { width:150px; height:120px; line-height:120px; overflow:visible; position:absolute; top:0; margin-top:0px; right:0; z-index:999;font-size:32px; color:#fff; text-align:center;} .top_bg .top .navmenu_btn:hover { } body.ny .top_bg { background:#fff; border-bottom:0;} body.ny .top_bg .top .logobox .logo { background:url(../images/logo-text-blue.png) center center no-repeat;} body.ny .top_bg .top .searchbox .keys { background:#d6000f; color:#fff;} body.ny .top_bg .top .searchbox .keys:-ms-input-placeholder { color:#fff!important;} body.ny .top_bg .top .searchbox .keys::-webkit-input-placeholder { color:#fff!important;} body.ny .top_bg .top .searchbox:hover .icon_submit { color:#fff;} body.ny .top_bg .top .navmenu #menu li.hover .a1 { color:#e60012;} body.ny .top_bg .top .navmenu #menu li a.a1, body.ny .top_bg .top .searchbox .icon_submit, body.ny .top_bg .top .lang_switch { color:#000;} .top_bg .top .searchbox { width:40px; height:40px; overflow:hidden; position:absolute; right:0px; top:50%; margin-top:-20px; border-radius:20px; z-index:2;} .top_bg .top .searchbox .keys { width:0%; height:40px; line-height:40px; background:#005bac; color:#000; border:0; text-indent:20px; position:absolute; right:0px; top:0px; font-size:12px; z-index:1;} .top_bg .top .searchbox .submit { width:40px; height:40px; line-height:42px; font-size:16px; border:0; position:absolute; right:0px; top:0px; background:none; cursor:pointer; z-index:2;} .top_bg .top .searchbox .icon_submit { width:40px; line-height:40px; height:40px; font-size:20px; color:#fff; text-align:center; position:absolute; right:0; top:0; z-index:1; text-align:center;} .top_bg .top .searchbox .icon_submit:before {/* margin:0 10px;*/} .top_bg .top .searchbox .icon_submit:after { content:''; position:absolute; left:0; top:50%; margin-top:-8px; width:1px; height:16px; background:#000; display:none;} .top_bg .top .searchbox:hover { width:250px;} .top_bg .top .searchbox:hover .keys { width:100%;} .top_bg .top .searchbox:hover .icon_submit { color:#fff;} .top_bg .top .searchbox:hover .icon_submit:after { } .top_bg .top .searchbox .keys:-ms-input-placeholder{ color: #ccc; font-weight:100;/*opacity:0.5; font-size:12px;*/ } .top_bg .top .searchbox .keys::-webkit-input-placeholder{ color: #ccc; font-weight:100;/*opacity:0.5; font-size:12px;*/ } .top_bg .top .lang_link { width:auto; height:34px; line-height:34px; position:absolute; right:0; top:50%; margin-top:-16px;} .top_bg .top .lang_link a { width:34px; height:34px; display:inline-block; line-height:34px; font-size:14px; color:#000; border-radius:50%; border:1px solid #adadad; text-align:center; text-transform:uppercase;} .top_bg .top .lang_link a:hover, .top_bg .top .lang_link a.hover { color:#fff; background:#0b6019; border:1px solid #0b6019;} .top_bg .top .lang_switch { min-width:80px; margin:0; position:absolute; left:0; top:50%; margin-top:-25px; padding:0 20px; color:#fff; z-index:1;} .top_bg .top .lang_switch:after { content:''; width:1px; height:12px; background:#fff; position:absolute; right:0; top:50%; margin-top:-6px; display:none;} .top_bg .top .lang_switch:hover .lang_tag {} .top_bg .top .lang_icon { width:30px; float:left; margin:0 0 0 -30px; height:50px; line-height:50px; text-align:center; font-size:20px;} .top_bg .top .lang_tag { width:100%; height:50px; line-height:50px; text-align:left; font-size:16px; cursor:pointer; position:relative;} .top_bg .top .lang_tag .lab { float:left; margin-left:40px;} .top_bg .top .lang_tag:after { content:'>'; display:inline-block; margin-left:10px; width:20px; height:20px; line-height:20px; text-align:center; font-family:"宋体"; /*border-top: 10px solid #000; border-bottom: 0px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent;*/ transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); /* Opera */ } .top_bg .top .lang_select { width:100%; height:0; position:absolute; overflow:hidden; left:0; top:50px; font-size:16px;} .top_bg .top .lang_select a { display:block; line-height:30px; height:30px; text-align:center; background:#eee; margin-bottom:1px; border-radius:5px;} .top_bg .top .lang_select a.hover, .top_bg .top .lang_select a:hover { background:#005bac; color:#fff;} .top_bg .top .lang_switch:hover .lang_select { height:auto;} .searchbox_bg { height:165px; overflow:hidden; background:url(../images/searchbox_bg.jpg) top center no-repeat; z-index:999;} .searchbox_bg .search_box { width:100%; height:auto; overflow:hidden; margin:55px 0;} .searchbox_bg .search_box .info { color:#fff; height:auto; overflow:hidden; float:left;} .searchbox_bg .search_box .tit { font-size:30px; line-height:40px;} .searchbox_bg .search_box .tit1 { font-size:16px; line-height:40px;} .searchbox_bg .search_box .searchbox { width:513px; height:58px; border:1px solid #cccccc; background:#e5e5e5; float:right; position:relative;} .searchbox_bg .search_box .searchbox:after { /*content:''; position:absolute; right:0; top:50%; width:1px; height:19px; background:#eee; margin-top:-9px;*/} .searchbox_bg .search_box .searchbox .keys { width:305px; height:58px; line-height:58px; color:#919191; border:0; position:absolute; background:none; left:0px; top:0px; text-indent:16px; border-radius:0; z-index:1;} .searchbox_bg .search_box .searchbox .submit { width:62px; height:58px; line-height:58px; background:none; font-size:0px; border:0; position:absolute; right:0; top:0; color:#fff; cursor:pointer; z-index:2;} .searchbox_bg .search_box .searchbox i { width:77px; height:60px; line-height:60px; font-size:28px; background:#cc0000; color:#fff; position:absolute; right:0; top:0; text-align:center; z-index:1;} .searchbox_bg .search_box .searchbox:hover .keys, .searchbox_bg .search_box .searchbox.hover .keys{ } .searchbox_bg .search_box .searchbox:hover .submit, .searchbox_bg .search_box .searchbox.hover .submit{ margin-top:0px;} .searchbox_bg .search_box .searchbox:hover i { } .searchbox_bg .search_box .searchbox .keys:-ms-input-placeholder{ color: #919191; } .searchbox_bg .search_box .searchbox .keys::-webkit-input-placeholder{ color: #919191; } .searchbox_bg .searchbox { width:100%; height:auto; overflow:hidden;} .searchbox_bg .searchbox { width:1000px; height:auto; overflow:hidden; text-align:center; color:#fff;} .searchbox_bg .searchbox .tit1 { font-size:60px; line-height:80px; font-weight:bold; text-transform:uppercase;} .searchbox_bg .searchbox .tit { font-size:36px; line-height:60px;} .searchbox_bg .searchbox form { margin-top:50px;} .searchbox_bg .searchbox:after { /*content:''; position:absolute; right:0; top:50%; width:1px; height:19px; background:#eee; margin-top:-9px;*/} .searchbox_bg .search_box { width:100%; height:97px; position:relative;} .searchbox_bg .searchbox .keys { width:887px; height:97px; line-height:97px; color:#000; border:0; text-indent:30px; background:#fff; border-radius:0px; font-size:18px; z-index:1; position:absolute; left:0; top:0;} .searchbox_bg .searchbox .submit { width:144px; height:97px; line-height:97px; font-size:0px; border:0; position:absolute; right:0; top:0; color:#fff; background:none; cursor:pointer; z-index:3;} .searchbox_bg .searchbox i { width:144px; height:97px; line-height:97px; font-size:50px; color:#fff; position:absolute; right:0; top:0; background:#b21a15; text-align:center; z-index:2;} .searchbox_bg .searchbox:hover .keys, .searchbox_bg .searchbox.hover .keys{ } .searchbox_bg .searchbox:hover .submit, .searchbox_bg .searchbox.hover .submit{ margin-top:0px;} .searchbox_bg .searchbox:hover i { } .searchbox_bg .searchbox .keys:-ms-input-placeholder{ color: #c0c0c0; font-size:18px;/*opacity:0.5;*/ } .searchbox_bg .searchbox .keys::-webkit-input-placeholder{ color: #c0c0c0; font-size:18px;/*opacity:0.5;*/ } .topbox_bg { height:auto; overflow:hidden; background:#f5f5f5; position:relative; display:none;} .topbox_bg .topbox { max-width:1440px; min-width:300px; margin:0 auto; height:70px; overflow:visible; position:relative;/*box-shadow: 0px 0px 5px rgba(0,0,0,0.2);text-shadow: 0 1px #ccc, 1px 0 #ccc, -1px 0 #ccc, 0 -1px #ccc;*/} .topbox_bg .topbox .info { margin-top:14px; height:152px; overflow:hidden; background:#c4a43d; padding:30px 0; width:40%; float:left;} .topbox_bg .topbox .info .tit { font-size:20px; line-height:3; color:#fff;} .topbox_bg .topbox .location { color:#000; line-height:75px; font-size:16px; text-align:right;} .topbox_bg .topbox .location a { color:#000; } .topbox_bg .topbox .telbox { height:auto; overflow:hidden; color:#fff;} .topbox_bg .topbox .telbox .tit { width:85px; height:85px; font-size:20px; line-height:24px; color:#fff; background:url(../images/telbox_tit_bg.png) center center no-repeat; float:left; margin:0 0 0 -110px; text-align:center;} .topbox_bg .topbox .telbox .tit p { margin-top:15px;} .topbox_bg .topbox .telbox .lab { line-height:40px; font-size:14px; float:left;} .topbox_bg .topbox .telbox .lab .icon { font-size:16px; color:#079a94; line-height:20px; margin-right:5px;} .topbox_bg .topbox .telbox .tel { font-size:22px; line-height:40px;} .topbox_bg .topbox .searchbox { width:365px; height:40px; overflow:hidden; position:absolute; right:0px; top:50%; margin-top:-20px; background:#fff; border-radius:20px;} .topbox_bg .topbox .searchbox:after { /*content:''; position:absolute; right:0; top:50%; width:1px; height:19px; background:#eee; margin-top:-9px;*/} .topbox_bg .topbox .searchbox .search_type { width:100px; height:51px; line-height:51px; border:0; text-align:center; color:#a82223; float:left; position:relative; cursor:pointer; text-align:left; text-indent:25px;} .topbox_bg .topbox .searchbox .search_type:after { content:''; display:inline-block; z-index:1; width:12px; height:0px; float:right; position:absolute; right:10px; top:50%; margin-top:-7px; text-indent:0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid #a82223; border-right: 0px solid transparent; } .topbox_bg .topbox .searchbox .search_type .search_list { display:none; background:#fff; border:1px solid #ccc;} .topbox_bg .topbox .searchbox .search_type .search_list a { display:block; line-height:40px;} .topbox_bg .topbox .searchbox .search_type:hover .search_list { display:block;} .topbox_bg .topbox .searchbox .type option { text-align:center; color:#a82223;} .topbox_bg .topbox .searchbox .keys { width:305px; height:40px; line-height:40px; border:0; color:#727272; position:absolute; left:0px; top:0px; font-size:14px; padding:0 20px;} .topbox_bg .topbox .searchbox .icon_search { position:absolute; right:0; top:0px; width:80px; height:45px; line-height:45px; font-size:30px; overflow: hidden; text-align:center; color:#9c6d1e; z-index:2;} .topbox_bg .topbox .searchbox .submit { width:55px; height:40px; line-height:40px; font-size:16px; border:0; position:absolute; right:0; top:0; cursor:pointer; background:none; z-index:1;} .topbox_bg .topbox .searchbox:hover .submit, .topbox_bg .topbox .searchbox.hover .submit{ margin-top:0px;} .topbox_bg .topbox .searchbox .icon_submit { width:55px; height:40px; line-height:40px; font-size:15px; position:absolute; right:0; top:0; color:#959595; text-align:center;} .topbox_bg .topbox .searchbox .keys:-ms-input-placeholder{ color: #ccc; opacity:1;/* font-size:12px;*/ } .topbox_bg .topbox .searchbox .keys::-webkit-input-placeholder{ color: #ccc; opacity:1;/* font-size:12px;*/ } .topbox_bg .topbox .hotkeys { line-height:70px; color:#000; font-size:16px;} .topbox_bg .topbox .hotkeys .icon { color:#000; font-size:16px; line-height:70px; margin-right:20px; float:left;} .topbox_bg .topbox .hotkeys a { color:#000;} /*主导航样式*/ .navmenu_bg { height:120px; position:relative; z-index:999999; background:url(../images/navmenu_bg_x.png) repeat-x;} .navmenu_box_bg { height:auto; overflow:hidden; position:fixed; top:120px; left:0; width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,.9); z-index:1; display:none; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .top_bg.navmenu_box_show .navmenu_box_bg { display:block; -webkit-animation-name: fadeIn; animation-name: fadeIn;} /*.top_bg:hover .navmenu_box_bg { display:block; -webkit-animation-name: fadeIn; animation-name: fadeIn;}*/ .navmenu_box { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative;} .navmenu_box .close { float:right; font-size:30px; font-weight:100; line-height:30px; position:absolute; top:50px; right:0;} .navmenu_box .nav_box { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start; padding:100px 0; padding-bottom:50px; border-bottom:1px solid #cdcdcd;} .navmenu_box .nav { height:auto; overflow:hidden; float:left;} .navmenu_box .nav:hover {} .navmenu_box .nav .tit { font-size:18px; line-height:3; color:#014099; font-weight:bold;} .navmenu_box .list { width:100%; height:auto; overflow:hidden; margin:20px 0;} .navmenu_box .list a { display:block; font-size:16px; line-height:42px;} /*下拉中的搜索*/ .navmenu_box .searchbox { width:390px; height:40px; overflow:hidden; background:#fff; border-radius:20px; border:1px solid #e5e5e5; position:relative; margin:60px 0;} .navmenu_box .searchbox .keys { width:100%; height:40px; line-height:40px; color:#000; border:0; text-indent:20px; position:absolute; right:0px; top:0px; font-size:12px; z-index:1;} .navmenu_box .searchbox .submit { width:40px; height:40px; line-height:42px; font-size:16px; border:0; position:absolute; right:0px; top:0px; background:none; cursor:pointer; z-index:2;} .navmenu_box .searchbox .icon_submit { width:40px; line-height:40px; height:40px; font-size:20px; color:#014099; text-align:center; position:absolute; right:0; top:0; z-index:1; text-align:center;} .navmenu_box .searchbox .icon_submit:before { color:#014099;} .navmenu_box .searchbox .keys:-ms-input-placeholder{ color: #9d9d9d; font-weight:100;/*opacity:0.5; font-size:12px;*/ } .navmenu_box .searchbox .keys::-webkit-input-placeholder{ color: #9d9d9d; font-weight:100;/*opacity:0.5; font-size:12px;*/ } .navmenu { position:absolute; overflow:visible; left:385px; top:0; right:120px; height:120px; z-index:1;} .navmenu .title { width:100%; height:auto; overflow:hidden; display:none;} .navmenu .title .tit { color:#282828; font-size:36px; line-height:42px;} .navmenu .copyright { width:100%; line-height:40px; height:40px; font-size:17px; color:#000; display:none;} .navmenu #menu { width:100%; height:auto; overflow:visible; position:relative; font-size:18px; /* background:url(../images/navmenu_spa.png) left center no-repeat;*/} .navmenu #menu li { width:14.28571428571429%; height:100%; float:left; padding:0; /* writing-mode:tb-rl; font-weight:bold; letter-spacing:2px;*/} .navmenu #menu li.home:before { display:none;} .navmenu #menu li.home .icon { font-size:35px; display:none;} .navmenu #menu li:before { content:'/'; width:10px; position:absolute; left:0; top:0; height:120px; line-height:120px; display:none;} /*.navmenu #menu li.home:before { content:''; width:1px; height:57px; position:absolute; left:0px; top:0; display:block; overflow:hidden; background:#d7d7d7;}*/ .navmenu #menu li.home:after { display:none;} .navmenu #menu li.home:after { background:none;} .navmenu #menu li:after { display:none;} .navmenu #menu li a { display:block; width:100%; height:120px; line-height:120px; overflow:hidden; text-align:center; position:relative; top:0px; color:#000; text-align:center;} .navmenu #menu li a.a1 { text-align:center; padding:0px; color:#fff; position:relative; /*background:url(../images/navmenu_menu_bg.png) center center no-repeat;*/} .navmenu #menu li .icon { font-size:25px; line-height:40px; color:#fff; display:none;} .navmenu #menu li .icon.iconshebei { font-size:40px;} .navmenu #menu li a:hover {/* background:rgba(255,255,255,.15);*/} .navmenu #menu li:hover a+.subnav { display:; -webkit-animation-name: fadeIn; animation-name: fadeIn;} .navmenu #menu li.hover a, .navmenu #menu li:hover a { color:#e60012;} .navmenu #menu li.hover .icon, .navmenu #menu li:hover .icon { color:#fff; /*background:#ba0722; background:rgba(0,0,0,.15);background:#ba0722; */ /* letter-spacing:2px; */} .navmenu #menu li a:before{ display:none; content: ''; position:absolute; left:0%; margin-left:0px; bottom:22px; width:0px; height:3px; background:#ffc101; /*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;*/ /*border-top: 0px solid transparent; border-bottom: 0px solid #c60000; border-left: 6px solid transparent; border-right: 6px solid transparent;*/ -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .navmenu #menu li a:after{ content: ''; position:absolute; bottom:-6px; width:70px; height:6px; left:50%; margin-left:-35px; background:#0b6019; /*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;*/ z-index:-1; /*border-radius:5px 5px 0 0 ;*/ -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; /**/ } .navmenu #menu li:hover a:before, .navmenu #menu li.hover a:before { /*filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;*/ left:50%; width:72px; margin-left:-36px;} .navmenu #menu li:hover a:after, .navmenu #menu li.hover a:after { /*bottom:0px;*/} /*二级菜单*/ .navmenu #menu li:hover .subnav a, .navmenu #menu li.hover .subnav a { color:#000;} .navmenu #menu li .subnav { width:100%; padding:8px 0; height:auto; overflow:hidden; display:none; background:rgba(255,255,255,.5); background:#fff; top:10px; left:0%; position:relative; border-radius:4px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .navmenu #menu li .subnav a { display:block; height:42px; line-height:42px; width:100%; font-weight:normal; font-size:14px; color:#595959; position:relative; top:0;} .navmenu #menu li .subnav a:before { display:none;} .navmenu #menu li .subnav a:after { background:none; color:#fff;} .navmenu #menu li .subnav a:hover, .navmenu #menu li .subnav a.hover { background:#004098; color:#fff;} .navmenu #menu li .subnav a:hover:before { background:#2a5e6b;} /*旗帜幻灯片*/ .bannerBox { height:100%; overflow:hidden; background:#000; position:relative; z-index:1; margin-top:0px;} .bannerBox .copyrightbox { position:absolute; right:0; top:120px; bottom:0; width:120px; line-height:120px; overflow:hidden; text-align:center; writing-mode:vertical-lr; z-index:2; display:none;} .bannerBox .copyrightbox .tit { position:absolute; left:0; top:0; width:120px; height:100%; font-size:17px; color:#fff; letter-spacing:2px; z-index:1;} .bannerBox .copyrightbox .tit:after { content:''; display:inline-block; width:1px; height:200px; overflow:hidden; background:#fff; margin:10px 0;} .bannerBox .copyrightbox .tit1 { position:absolute; left:0; top:0; width:120px; height:100%; font-size:86px; color:#86ba16; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase;} .bannerBox:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#005bac;} .bannerBox .ctrl_info { width:118px; height:100%; position:absolute; right:0; top:0; background:url(../images/ctrl_info_bg.jpg) top center no-repeat; z-index:1;} .bannerBox .banner, .bannerBox .banner .swiper-container, .bannerBox .banner .swiper-wrapper { width:100%; height:auto; position:relative;} .bannerBox .banner .swiper-slide { width:100%; height:auto; position:relative; background-repeat:no-repeat; background-size:cover; background-position:top center;} .bannerBox .banner .swiper-slide video { position:absolute; left:0; top:3%; right:0; bottom:0; z-index:-1; object-fit:fill; -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; } .bannerBox .banner .swiper-slide .video_mask { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); background:url(../images/video_mask_bg.png); z-index:1;} .bannerBox .banner .swiper-slide .ad-info-box { position:absolute; width:100%; height:100%; left:0; top:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;} .bannerBox .banner .swiper-slide .ad-info { width:1440px; min-width:300px; height:auto; color:#fff; margin:0 auto; display:; padding-top:13%; /*word-break:break-all;*/} .bannerBox .banner .swiper-slide .slogan:nth-child(1) { margin-top:10%;} .bannerBox .banner .swiper-slide .slogan { font-size:24px; line-height:2; word-wrap:break-word; text-align:center;/* text-shadow: 2px 2px 2px #546a74;*/} .bannerBox .banner .swiper-slide .title { font-size:48px; line-height:2; word-wrap:break-word; text-align:center;/* text-shadow: 2px 2px 2px #546a74;*/} .bannerBox .banner .swiper-slide .brief { font-size:24px; line-height:48px; margin-top:0px; word-wrap:break-word; text-align:center;} .bannerBox .banner .swiper-slide .more { width:100px; height:33px; line-height:33px; text-align:center; display:inline-block; border-radius:3px; border:3px solid #fff; font-size:18px; color:#fff; text-transform:uppercase; margin-top:40px;} .bannerBox .banner .swiper-slide .more:hover { background:#bb0001; color:#fff; border:3px solid #bb0001;} .bannerBox .banner .swiper-slide .slide-2.ad-info .slogan { color:#fff;/* font-size:43px; line-height:65px; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff;*/} .bannerBox .banner .swiper-slide .slide-2.ad-info .slogan:nth-child(1) { /*margin-top:0%;*/} .bannerBox .banner .swiper-slide .slide-2.ad-info .brief { color:#fff; /*font-size:19px; font-weight:bold; text-align:center; margin-top:30px; line-height:32px; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff;*/} .bannerBox .banner .swiper-slide .slide-2.ad-info { position:relative; top:0%; /*color:#03439e;*/} .bannerBox .banner .swiper-slide .slide-2.ad-info .more { /*border:3px solid #03439e; color:#03439e;*/} .bannerBox .banner .swiper-slide .slide-2.ad-info .more:hover { /*background:#03439e; color:#fff;*/} .bannerBox .banner .swiper-slide .slide-3.ad-info .slogan:nth-child(1) { /*font-size:76px; margin-top:15%;*/} .bannerBox .banner .swiper-slide .slide-3.ad-info .slogan:nth-child(2) { /*font-weight:100; font-size:63px;*/} .bannerBox .banner .swiper-slide .slide-4.ad-info .slogan:nth-child(1) { /*font-size:71px; margin-top:15%;*/} .bannerBox .banner .swiper-slide .slide-4.ad-info .slogan:nth-child(2) { /*font-size:47px;*/} .bannerBox .banner .swiper-slide img { display:block;} .bannerBox .banner .swiper-slide a { display:block; } .bannerBox .m_banner .swiper-slide img { display:block;} .bannerBox .m_banner .swiper-slide a { display:block; } /*.bannerBox .m_banner .swiper-pagination { height:12px; text-align:center; z-index:999; width:100%; position:absolute; left:0px; bottom:41px;} .bannerBox .m_banner .swiper-pagination .swiper-pagination-switch { display:inline-block; width:10px; height:10px; border-radius:50%; background:none; opacity:1; margin:0 6px; cursor:pointer; border:1px solid #00009e; z-index:1;} .bannerBox .m_banner .swiper-pagination .swiper-pagination-switch.swiper-active-switch { background:#00009e; border:1px solid #00009e;}*/ .bannerBox .banner .swiper-pagination-bullets{ width:100%; bottom:55px; height:30px; text-align:right; padding:0 10%;} .bannerBox .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { } .bannerBox .swiper-pagination-bullet { width:9px; height:9px; border-radius:50%; border-radius:0; margin:0; border:2px solid #fff; background:none; border-radius:5px; opacity: 1; display:inline-block; margin:0 4px; -webkit-transition: all .5s cubic-bezier(0,0,.2,1); -moz-transition:all .5s cubic-bezier(0,0,.2,1); -o-transition:all .5s cubic-bezier(0,0,.2,1); -ms-transition:all .5s cubic-bezier(0,0,.2,1); transition:all .5s cubic-bezier(0,0,.2,1); } .bannerBox .swiper-pagination-bullet-active { background:#fff; width:40px; border:2px solid #fff;} .bannerBox .hd{ width:100%; height:20px; text-align:left; position:absolute; bottom:30px; z-index:1;} .bannerBox .hd .hd_box { max-width:1200px; min-width:300px; height:80px; margin:0 auto;} .bannerBox .hd .curr { display:inline-block; color:#4c4c4c; line-height:30px; margin-top:25px; margin:0 10px;} .bannerBox .hd .total { display:inline-block; color:#4c4c4c; line-height:30px; margin-top:25px; margin:0 10px;} .bannerBox .hd .hd_box_ctrl { width:700px; height:80px; background:#f6f6f6; position:relative;} .bannerBox .hd ul{ max-width:1440px; min-width:300px; margin:0 auto; overflow:hidden; zoom:1;/* float:left;*/ text-align:center;} .bannerBox .hd ul li{ display:inline-block; _display:inline; _zoom:1; background:none; width:12px; height:12px; line-height:20px; _font-size:0; margin:5px 5px; cursor:pointer; z-index:1; border-radius:6px; border:1px solid #fff; -webkit-transition: all .5s cubic-bezier(0,0,.2,1); -moz-transition:all .5s cubic-bezier(0,0,.2,1); -o-transition:all .5s cubic-bezier(0,0,.2,1); -ms-transition:all .5s cubic-bezier(0,0,.2,1); transition:all .5s cubic-bezier(0,0,.2,1); color:#fff; font-size:0;} .bannerBox .hd ul li.on{ background:#980404; width:53px; border:1px solid #980404; color:#fff;} .bannerBox .bd{ position:relative; height:100%; z-index:0; } .bannerBox .bd li{ zoom:1; vertical-align:middle;} .bannerBox .bd li img { display:block;} .bannerBox .bd li a { display:block;} /*.bannerBox .bd ul li { -webkit-transform: scale(2); -moz-transform: scale(2); } .bannerBox .bd ul li.on { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }*/ /* 下面是前/后按钮代码,如果不需要删除即可 */ /*.bannerBox .prev, .bannerBox .next{ position:absolute; left:1%; top:50%; margin-top:-30px; display:block; width:50px; height:60px; background:url(../images/slider-arrow.png) -177px 0 no-repeat; filter:alpha(opacity=50);opacity:0.5; font-size:48px; } .bannerBox .next{ left:auto; right:1%; background-position:-52px 0; } .bannerBox .prev:hover{ filter:alpha(opacity=100);opacity:1; background-position:-117px 0;} .bannerBox .next:hover{ filter:alpha(opacity=100);opacity:1; background-position:0 0;}*/ .bannerBox .ctrl_box { width:240px; height:120px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:100;} .bannerBox a.prev, .bannerBox a.next { width:50px; height:100px; line-height:100px; color:#fff; display:block; position:absolute; left:0; top:50%; margin-top:-50px; z-index:9; text-align:center; font-size:30px; font-family:"宋体"; font-weight:bold; border-radius:0 10px 10px 0;} .bannerBox a.next { right:0; left:auto; border-radius:10px 0 0 10px;} .bannerBox a.prev:hover, .bannerBox a.next:hover { background:rgba(0,0,0,.5);} .bannerBox .copy_right { width:136px; height:100%; position:absolute; left:0px; top:0; background:#fff; line-height:136px; color:#7f7f7f; overflow:hidden; display:none;} .bannerBox .copy_right:after { content:''; width:1px; height:100%; left:50%; background:#e2e2e2; position:absolute;} .bannerBox .copy_right p { line-height:136px; font-size:16px; writing-mode: tb-rl; text-align:left; margin-top:215px; letter-spacing:1px; padding:20px 0;} .bannerBox .ctrl_show_box { position:absolute; width:100px; position:absolute; right:70px; bottom:30px; text-align:center; font-size:18px; line-height:100px; color:#fff; z-index:1;} .bannerBox .ctrl_show_box .curr { font-size:30px; line-height:30px;} .bannerBox .ctrl_show_box .total { font-size:18px;} /*产品详细*/ .goods_info_bg { height:auto; overflow:hidden; position:relative;} .goods_info { max-width:1551px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:1; padding-top:60px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-content:space-between; align-items:stretch;} .goods_info .pic { width:820px; float:right; margin:0px; height:auto; overflow:hidden; position:relative; z-index:1;} .goods_info .pic img { display:block;} .goods_info .info { width:60%; height:auto; float:left; color:#252525; margin-left:56px; position:relative; z-index:1;} .goods_info .info .tit { font-size:48px; line-height:48px; color:#282828;} .goods_info .info .des { width:100%; font-size:18px; line-height:36px; color:#757575; overflow:hidden; padding:20px 0; border-bottom:1px solid #d9d9d9; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .goods_info_bg:hover:after {/* background-size:auto 120%;*/} /*线上预定*/ .goods_info .goods_reserve_form { width:100%; height:auto; overflow:hidden; margin-top:10px; position:relative; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .goods_info .goods_reserve_form .input { width:49%; flex:0 0 49%; height:63px; line-height:63px; background:#f1f1f1; color:#000; margin-top:14px; border:0; text-indent:20px; float:left;} .goods_info .goods_reserve_form .input:focus, .goods_info .goods_reserve_form .textarea:focus { background:#dddddd;} .goods_info .goods_reserve_form .textarea { width:100%; flex:0 0 100%; height:100px; line-height:20px; background:#eeeeee; color:#000; padding:20px; border:0; margin-top:14px;} .goods_info .goods_reserve_form .input:-moz-placeholder, .goods_info .goods_reserve_form .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #18a0ff; opacity:1; font-size:16px; } .goods_info .goods_reserve_form .input::-moz-placeholder, .goods_info .goods_reserve_form .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4e4e4e;opacity:1; font-size:16px; } .goods_info .goods_reserve_form .input:-ms-input-placeholder, .goods_info .goods_reserve_form .textarea:-ms-input-placeholder { color: #4e4e4e;opacity:1; font-size:16px; } .goods_info .goods_reserve_form .input::-webkit-input-placeholder, .goods_info .goods_reserve_form .textarea::-webkit-input-placeholder{ color: #4e4e4e;opacity:1; font-size:16px; } .goods_info .goods_reserve_form .btn_box { height:auto; overflow:hidden; margin:0 auto; margin-top:18px;} .goods_info .goods_reserve_form .submit{ width:48%; height:82px; background:#cc0101; border:0; cursor:pointer; color:#fff; float:left; margin-top:40px; font-size:22px; border-radius:8px; } .goods_info .goods_reserve_form .reset{ width:48%; height:82px; background:#a1a1a1; border:0; cursor:pointer; color:#fff; float:right; margin-top:40px; font-size:22px; border-radius:8px; } /*生产工艺*/ .contentbox .process_tit { width:100%; height:auto; overflow:hidden; color:#232323; font-size:36px; line-height:60px; margin-top:50px; text-align:center;} .contentbox .process_tit:after { content:''; width:57px; height:1px; background:#a3a3a3; display:block; margin:20px auto;} .contentbox .process_list { width:100%; height:auto; overflow:; margin-top:0px;} .contentbox .process_list li { width:100%; height:auto; overflow:; margin-top:0px; position:relative;} .contentbox .process_list li a { height:auto; display:block; padding-left:317px; overflow:; padding-bottom:130px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:flex-start; position:relative;} .contentbox .process_list li a:before { content:''; position:absolute; left:130px; top:0px; bottom:0; height:100%; width:2px; background:#165a09;} .contentbox .process_list li a:after { content:''; width:36px; height:36px; display:block; border-radius:50%; overflow:hidden; background:url(../images/process_list_line_circle.jpg) center center no-repeat; position:absolute; left:112px; top:55%;} .contentbox .process_list li:first-child a:before { top:95px;} .contentbox .process_list li:last-child a:before, .contentbox .process_list li:last-child a:after { display:none;} /*.contentbox .process_list li:nth-child(2n) a { flex-flow:row-reverse wrap;} .contentbox .process_list li:nth-child(2n) .brief { text-align:right; margin-left:0; margin-right:5%;} .contentbox .process_list li:nth-child(2n) .brief .tit .num { float:none;}*/ .contentbox .process_list li .picbox { width:402px; float:right; margin:30px -490px 30px 0;} .contentbox .process_list li .picbox img { display:block;} .contentbox .process_list li .brief { width:100%; height:auto; overflow:; float:left; background:#f4f4f4; position:relative; z-index:1;} .contentbox .process_list li .info { width:100%; height:auto; overflow:hidden; float:left;} .contentbox .process_list li .tit { width:263px; height:95px; line-height:95px; background:#165a09; font-size:36px; text-align:center; color:#fff; float:left; margin:0 0 0 -317px;} .contentbox .process_list li .tit1 { width:100%; height:85px; line-height:85px; color:#165a09; font-size:30px; border-bottom:1px solid #707070; text-indent:33px;} .contentbox .process_list li .tit1:before { content:''; width:5px; height:40px; background:#165a09; float:left; position:absolute; left:0; top:50px; margin-top:-25px;} .contentbox .process_list li .num { font-size:140px; line-height:170px; font-family:Arial black; font-weight:bold; position:absolute; right:0; top:-125px; color:#165a09;} .contentbox .process_list li .margin { margin:0 36px; height:auto; overflow:hidden; padding-right:490px;} .contentbox .process_list li .des { height:auto; font-size:24px; line-height:50px; color:#000; margin-top:20px; font-weight:100; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .contentbox .process_list li:hover .tit { background:#cc0101;} .contentbox .process_list li:hover .tit1 { color:#cc0101;} /*搜索*/ .search_box { width:100%; height:auto; overflow:hidden; margin:20px 0; text-align:center;} .search_box .keys { width:500px; height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; overflow:hidden; color:#131975; background:#fff; border-radius:3px;} .search_box .keys:hover { border:1px solid #000;} .search_box .submit { width:80px; height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; /* background:#131975; color:#fff;*/ font-size:16px; border-radius:3px; cursor:pointer;} .datatable { border-collapse:collapse; border:1px solid #ccc; font-size:18px; margin:0 auto; width:90%;} .datatable th { padding:10px 10px; border:1px solid #ccc; background:#eee;} .datatable td { padding:5px 10px; border:1px solid #ccc;} /*详细页内容*/ .goods_detail_bg{ height:auto; overflow:hidden; padding-bottom:40px;} .goods_detail { height:auto; margin-top:30px; position:relative;} .goods_detail dt { width:100%; height:60px; font-size:30px; line-height:60px; color:#000; text-align:center; position:relative;} .goods_detail dt:after { content:''; width:100%; height:1px; background:#efefef; position:absolute; left:0; top:50%;} .goods_detail dt .tit { display:inline-block; background:#fff; position:relative; z-index:1;} .goods_detail dt .tit:before { content:'»'; margin:0 15px; position:relative; top:-2px;} .goods_detail dt .tit:after { content:'«'; margin:0 15px; position:relative; top:-2px;} .goods_detail dd { max-width:1551px; min-width:300px; height:auto; overflow:visible; margin:0 auto;} .goods_detail dd .detail_info { width:100%; height:auto; overflow:hidden; font-size:18px; line-height:2; color:#4f4f4f;} .goods_detail dd .detail_info img { max-width:100%; width:auto;} .goods_detail .detail_lab { width:100%; line-height:60px; height:60px; border-bottom:1px solid #e1e1e1; padding-left:30px; font-size:30px; color:#262626; position:relative;} .goods_detail .detail_lab:before { content:''; display:block; width:6px; height:30px; background:#ea0c02; position:absolute; left:0; top:50%; margin-top:-15px;} /*产品相关推荐*/ .goods_related_bg { height:auto; overflow:hidden; padding-bottom:40px;} .goods_related { height:auto; margin-top:40px; position:relative;} .goods_related dt { width:100%; height:60px; border-bottom:1px solid #e1e1e1;} .goods_related dt .tit { width:100%; line-height:60px; height:60px; font-size:30px; padding-left:30px; color:#000; position:relative;} .goods_related dt .tit:before { content:''; display:block; width:6px; height:30px; background:#ea0c02; position:absolute; left:0; top:50%; margin-top:-15px;} .goods_related dd { width:100%; height:auto; overflow:hidden;} .goods_related dd .goods_related_list_scroll { width:100%; height:auto; position:relative;} .goods_related dd .prev, .goods_related dd .next { width:100px; height:100px; line-height:100px; color:#f1f1f1; display:block; text-align:center; font-size:72px; font-weight:100; position:absolute; border-radius:50%; left:0px; top:43%; margin-top:-50px; z-index:999; display:none;} .goods_related dd .next { left:auto; right:0px;} .goods_related dd .prev:hover, .goods_related dd .next:hover { color:#7b1f22;} /*新闻相关推荐*/ .news_related_bg { height:auto; overflow:hidden; padding-bottom:40px;} .news_related { height:auto; margin-top:40px; position:relative;} .news_related dt { width:100%; height:60px; font-size:30px; line-height:60px; color:#000; text-align:center; position:relative;} .news_related dt:after { content:''; width:100%; height:1px; background:#efefef; position:absolute; left:0; top:50%;} .news_related dt .tit { display:inline-block; background:#fff; position:relative; z-index:1;} .news_related dt .tit:before { content:'»'; margin:0 15px; position:relative; top:-2px;} .news_related dt .tit:after { content:'«'; margin:0 15px; position:relative; top:-2px;} .news_related dd { max-width:1440px; min-width:300px; height:auto; overflow:visible; margin:0 auto;} .news_related dd .news_related_list_scroll { width:100%; height:auto; position:relative;} /*.news_related dd .news-list3 li a { display:block; position:relative; overflow:hidden;background:#efefef url(../images/pic_bg.png) -65% 50% no-repeat; background-size:130% auto;} .news_related dd .news-list3 li .tit { font-size:23px;} .news_related dd .news-list3 li .des { font-size:13px; color:#252525; line-height:24px; height:72px;} .news_related dd .news-list3 li .more { margin-top:20%; font-size:13px; width:109px; height:38px; line-height:38px;} .news_related dd .news-list3 li .more:hover { background:#5dca07;}*/ .news_related dd .news_related_scroll_prev { width:66px; height:66px; line-height:66px; background:#efefef; color:#373737; display:block; text-align:center; font-size:30px; font-weight:100; position:absolute; border-radius:50%; left:-96px; top:50%; margin-top:-33px;} .news_related dd .news_related_scroll_next { width:66px; height:66px; line-height:66px; background:#efefef; color:#373737; display:block; text-align:center; font-size:30px; font-weight:100; position:absolute; border-radius:50%; right:-96px; top:50%; margin-top:-33px;} .news_related dd .news_related_scroll_prev:hover, .news_related dd .news_related_scroll_next:hover { background:#c10e0e; color:#fff;} /*加盟留言*/ .joinbox_bg { height:auto; overflow:hidden; background:url(../images/joinbox_bg.jpg) top center no-repeat; background-size:cover; padding-bottom:74px;} .joinbox { height:auto; overflow:hidden; margin:0 38px; margin-top:62px;} .joinbox dt { width:100%; height:auto; overflow:hidden; position:relative;} .joinbox dt .icon { float:left; font-size:70px; line-height:80px; color:#0436ba;} .joinbox dt .title { float:left; height:auto; overflow:hidden; position:relative; padding-left:20px;} .joinbox dt .title:before { content:''; position:absolute; left:0; top:50%; margin-top:-27px; width:6px; height:53px; background:#d6ae10;} .joinbox dt .tit { font-size:36px; line-height:40px; color:#000000;} .joinbox dt .tit1 { font-size:16px; line-height:22px; text-transform:uppercase; color:#dddddd;} .joinbox dt .more { width:118px; height:53px; line-height:53px; display:block; overflow:hidden; font-size:16px; margin-top:10px; color:#fefefe; background:#000000; float:right; margin-top:5px; z-index:1; text-align:center; padding-right:54px; position:relative;} .joinbox dt .more:after { content:'>'; display:block; position:absolute; right:0; top:0; width:54px; height:53px; background:#d4b012; color:#000; font-size:24px;} .joinbox dd { width:100%; height:auto; overflow:hidden; margin-top:53px;} .joinbox dd .input { width:33%; height:66px; height:66px; line-height:66px; border:0; font-size:18px; text-indent:20px; color:#555555; background:#efefef; margin-bottom:12px;} .joinbox dd .textarea { width:100%; height:152px; background:#efefef; border:0; padding:20px; font-size:18px;} .joinbox dd .submit { width:218px; height:67px; background:#d4b012; line-height:67px; font-size:18px; color:#000; cursor:pointer; border:0; margin-top:11px;} .joinbox dd .reset { width:218px; height:67px; background:#000000; line-height:67px; font-size:18px; color:#fff; margin-left:13px; cursor:pointer; border:0; margin-top:11px;} .feedbackbox dd .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity:1; font-size:16px; } .feedbackbox dd .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff;opacity:1; font-size:16px; } .feedbackbox dd .textarea:-ms-input-placeholder{ color: #fff;opacity:1; font-size:16px; } .feedbackbox dd .textarea::-webkit-input-placeholder{ color: #fff;opacity:1; font-size:16px; } .joinbox dd .formbox form { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} /*页面布局*/ .indexbox{ max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:hidden;} .ny_banner_box { height:auto; overflow:hidden; padding-left:0px;} .ny .ny_banner_box { margin-top:0px;} .ny_banner { min-width:300px; height:auto; height:auto; background-color:#979797; overflow:hidden; position:relative; background-repeat:no-repeat; background-size:cover; background-position:top center; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-top:120px;} .ny_banner:after { /*content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;*/ } .ny_banner:after { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} .ny_banner img { display:block;} .ny_banner .info_box { position:absolute; width:100%; height:100%; left:0;} .ny_banner .info { max-width:1440px; min-width:300px; height:100%; margin:0 auto; margin-top:5%; color:#fff; z-index:1; /*display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:flex-start; align-items:center;*/} .ny_banner .tit { width:100%; font-size:36px; line-height:80px; text-align:center; position:relative; z-index:1;} .ny_banner .des { width:100%; font-size:15px; text-align:center; line-height:2; margin: 20px 0;} .ny_banner .tit1:after { content:'—'; font-size:16px; line-height:20px; display:block;} .ny_banner .ad-info { position:absolute; left:0; top:0; width:90%; min-width:90%; height:100%; margin:0 5%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center; color:#fff;} .ny_banner .slogan { font-size:64px; line-height:120px; font-weight:bold; word-wrap:break-word; text-align:center; text-shadow: 2px 2px 2px #546a74;} .ny_banner .brief { font-size:19px; line-height:32px; margin-top:10px; word-wrap:break-word; color:#000; text-align:center; font-weight:bold; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff;} .ny_banner .more { width:100px; height:33px; line-height:33px; text-align:center; display:inline-block; border-radius:3px; border:3px solid #fff; font-size:18px; color:#fff; text-transform:uppercase; margin-top:40px;} .ny_banner .more:hover { background:#bb0001; color:#fff; border:3px solid #bb0001;} .ny_banner .ad-info.style0 .slogan:nth-child(2) { font-size:57px;} .ny_banner .ad-info.style1 { justify-content:flex-start;} .ny_banner .ad-info.style1 .slogan { color:#079a24; font-size:43px; line-height:65px; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff;} .ny_banner .ad-info.style1 .slogan:nth-child(1) { margin-top:5%;} .ny_banner .ad-info.style2 .slogan:nth-child(1) { font-size:76px;} .ny_banner .ad-info.style2 .slogan:nth-child(2) { font-size:63px; font-weight:100; text-shadow:none;} .ny_banner .down-move { display:block; width:60px; height:auto; text-align:center; position:absolute; left:50%; margin-left:-30px; bottom:0; display:none;} .ny_banner .down-move:before { display:block; width:60px; height:60px; line-height:60px; text-align:center; background:#a51f26; color:#fff; font-size:30px; border-radius:50%;} .ny_banner .down-move:after { content:'﹀'; display:block; text-align:center; font-size:18px; color:#fff; line-height:30px;} #fullpage {} /*合作客户*/ .cooperative_partner_bg { height:auto; overflow:hidden; padding:80px 0; background:url(../images/cooperative_partner_bg.jpg) top center no-repeat; background-size:cover;} .cooperative_partner { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; margin-top:50px; position:relative; z-index:1;} .cooperative_partner dt { width:100%; height:auto; overflow:hidden; text-align:center; display:none;} .cooperative_partner dt .tit { font-size:40px; line-height:1.3; color:#333333; position:relative; z-index:1; /*background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(255,0,0,.5)); -webkit-background-clip: text; color: transparent*/ } .cooperative_partner dt .des { font-size:16px; color:#666666; line-height:2; margin-top:20px;} .cooperative_partner dd .cooperative_partner_list { width:100%; height:auto; overflow:; margin-top:60px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:flex-start; z-index:1;} .cooperative_partner dd .cooperative_partner_list li { width:20%; height:auto; float:left; overflow:; position:relative;} .cooperative_partner dd .cooperative_partner_list li a { display:block; background:#f1f1f1; padding-bottom:30px;} .cooperative_partner dd .cooperative_partner_list li .logo { height:auto; overflow:hidden; float:left; margin-right:20px;} .cooperative_partner dd .cooperative_partner_list li .logo img { display:block;} .cooperative_partner dd .cooperative_partner_list li .tit { width:100%; text-align:center; font-size:17px; line-height:3.5; color:#000; position:absolute; left:0; bottom:0;} .box_bg01 { height:auto; overflow:hidden; background:url(../images/box_bg01.jpg) center center no-repeat; background-size:cover;} /*关于我们*/ .aboutbox_bg { height:auto; overflow:hidden; position:relative; padding:0; padding-top:80px; z-index:1;} .aboutbox_bg:before { /*content:''; position:absolute; left:0; top:200px; width:60%; height:400px; background:#005aab; background-size:cover;*/} .aboutbox { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; /*margin-top:120px; margin-bottom:16px;*/ position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .aboutbox dt { width:40%; height:auto; overflow:hidden; margin-top:5%;} .aboutbox dt .title { width:auto; float:left;} .aboutbox dt .title .tit { font-size:48px; color:#000; font-weight:bold; line-height:2;} .aboutbox dt .title .tit1 { font-size:28px; text-transform:uppercase; color:#dfdfdf; font-family:"Times New Roman", Times, serif;} .aboutbox dt .title .line { background:#dfdfdf; width:36px; height:2px; margin:20px 0; display:block;} .aboutbox dt .des { color:#000; font-size:18px; line-height:2.5;} .aboutbox dt .more { width:162px; height:46px; line-height:46px; background:#4caffd; font-size:14px; display:block; color:#000; padding:0 30px; margin-top:30px; position:relative; float:right;} .aboutbox dt .more .icon { font-size:25px; float:left; margin-right:10px;} .aboutbox dt .more:after { content:''; float:right;} .aboutbox dt .more:hover { background:#fff;} .aboutbox dt .tabs { color:#3d3d3d; line-height:52px; font-size:18px; float:right;} .aboutbox dt .tabs a { color:#3d3d3d; padding:0 5px;} .aboutbox dt .tabs a:hover { color:#00a554;} .aboutbox dd { width:100%; height:auto; overflow:; position:relative; float:left; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end;} /*.aboutbox dd .title .tit { font-size:28px; line-height:3; position:relative; z-index:1;}*/ .aboutbox dd .about_box { width:40%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .aboutbox dd .about { width:100%; height:auto; overflow:; position:relative; float:left; color:#000;} .aboutbox dd .about:before { content:''; width:100%; height:100%; position:absolute; left:-100%; top:0; background:#005aab; display:none;} .aboutbox dd .about .pic { width:100%; height:auto; overflow:hidden; margin-top:0px;} .aboutbox dd .about .company_name { width:100%; height:auto; line-height:2; overflow:hidden; color:#014099; position:relative; font-size:24px;} .aboutbox dd .about .company_name:after { content:''; display:block; width:28px; height:3px; background:#fff; margin:10px 0; display:none;} .aboutbox dd .about .tit1 { font-size:18px; line-height:2; color:#b3b3b3; text-transform:uppercase;} .aboutbox dd .about .tit { width:100%; font-size:48px; line-height:1; color:#000; font-weight:bold; position:relative;} .aboutbox dd .about .tit:after { content:''; width:50px; height:4px; display:block; background:#2f5199; margin:10px 0; display:none;} .aboutbox dd .about .about_other li { width:100%; height:auto;} .aboutbox dd .about .about_other { width:100%; height:35px; overflow:hidden; font-size:16px; position:relative; margin:30px 0; z-index:1;} .aboutbox dd .about .about_other a { width:132px; display:block; height:35px; line-height:35px; overflow:hidden; background:#80461f; color:#fff; text-align:center; position:relative; float:left; margin-right:13px;} .aboutbox dd .about .about_other a:hover { background:#feba0d; color:#000;} .aboutbox dd .about .more { width:151px; height:44px; line-height:44px; display:block; color:#014099; font-size:16px; margin:100px 0; padding:0 20px; border:1px solid #014099; border-radius:0; overflow:hidden; text-align:center; border-radius:22px; /*display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;*/ float:left;} .aboutbox dd .about .more:after { content:'>'; float:right; width:50px; text-align:center; display:none;} .aboutbox dd .about .more:hover { background:#014099; color:#fff;} .aboutbox dd .about .line { width:75px; height:3px; background:#b1b1b1; overflow:hidden; display:inline-block; margin-left:15px; position:relative; top:-5px;} .aboutbox dd .about .text { width:100%; height:auto; overflow:hidden; float:left; font-size:16px; line-height:36px; margin-top:20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .aboutbox dd .about .video_pic img { display:block;} .aboutbox dd .about_video { width:388px; height:100%; overflow:hidden; position:absolute; right:0; top:0;} .aboutbox dd .about_video .ctrl_box { width:186px; height:67px; position:absolute; left:0; bottom:0; background:#fff; z-index:1;} .aboutbox dd .about_video .ctrl_box a { display:block; width:50%; height:67px; line-height:65px; text-align:center; background:#2d8521; float:left; color:#fff; font-size:36px; font-weight:100;} .aboutbox dd .about_video .ctrl_box a:hover, .aboutbox dd .about_video .ctrl_box a.hover { background:#ef6b00;} .aboutbox dd .about_video .swiper-container { position:relative;} .aboutbox dd .about_video .swiper-pagination { left:50%; right:5%; width:auto; text-align:right;} .aboutbox dd .about_video .swiper-pagination .swiper-pagination-bullet { width:15px; height:15px; border-radius:50%; background:none; opacity:1; margin:0 10px; cursor:pointer; border:3px solid #fff;} .aboutbox dd .about_video .swiper-container-horizontal>.swiper-pagination-bullets, .aboutbox dd .about_video .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; } .aboutbox dd .about_video .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff; border:3px solid #fff;} .aboutbox dd .about_video a { display:block; position:relative;} .aboutbox dd .about_video img { display:block;} .aboutbox dd .about_video .play { width:130px; height:130px; text-align:center; overflow:hidden; color:#b21126; position:absolute; right:2%; top:50%; margin-top:-65px; z-index:1;} .aboutbox dd .about_video .play:hover { color:#fff;} .aboutbox dd .about_pic { width:50%; height:auto; overflow:hidden; position:relative; padding-left:63px; float:left;} .aboutbox dd .about_pic .pic { width:100%; height:auto; height:auto; overflow:hidden; /*border:5px solid rgba(255,255,255,.6);*/ position:relative;} .aboutbox dd .about_pic .about_pic_list { width:100%; height:auto; overflow:;} .aboutbox dd .about_pic .about_pic_list li { width:30%; height:auto; overflow:;} .aboutbox dd .about_pic .about_pic_list li .pic {} .aboutbox dd .about_pic .about_pic_list li .brief { width:100%; height:107px; background:#fff; padding:0 20px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .aboutbox dd .about_pic .about_pic_list li .brief .tit { font-size:22px; line-height:2; color:#1c3d7b; float:left; width:100%; position:relative;} .aboutbox dd .about_pic .about_pic_list li .brief .tit:after { content:''; background:url(../images/icon_arrow_right.png) 0 center no-repeat; position:absolute; right:0; top:50%; margin-top:-8px; width:27px; height:16px;} .aboutbox dd .about_pic .about_pic_list li .brief .icon { float:left; margin-right:10px;} .aboutbox dd .about_pic .about_pic_list li .brief .icon img { display:block;} .aboutbox dd .about_pic .about_pic_list li .brief .tit1 { font-size:16px; line-height:2; color:#000; margin-left:3px;} .aboutbox dd .about_pic .ctrl_box { width:180px; height:90px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:2; display:none;} .aboutbox dd .about_pic .ctrl_box a { display:block; width:90px; height:90px; line-height:90px; border-radius:0%; text-align:center; background:rgba(255,255,255,.9); color:#055bd2; font-size:35px; font-weight:100;} .aboutbox dd .about_pic .ctrl_box a:hover { background:#055bd2; color:#fff;} .aboutbox dd .about_pic .about_pic_prev { float:left;} .aboutbox dd .about_pic .about_pic_next { float:right;} .aboutbox dd .about_pic .play { width:140px; height:140px; line-height:140px; font-size:92px; text-align:center; overflow:hidden; color:#fff; position:absolute; left:50%; top:50%; margin-top:-70px; margin-left:-70px; background:url(../images/icon_play.png) center center no-repeat; z-index:1;} .aboutbox dd .about_pic .play:hover { background-size:80% 80%;} .aboutbox dd .about_pic .pic img { display:block;} .aboutbox dd .about_pic img.ispc { display:block;} .aboutbox dd .about_pic img.ismobile { display:none;} .aboutbox dd .about_pic .swiper-container { position:relative;} .aboutbox dd .about_pic .swiper-slide { width:20%;} .aboutbox dd .about_pic .swiper-pagination-bullets{ width:100%; bottom:0px; height:40px; position:relative; text-align:center; margin-top:30px; z-index:999;} .aboutbox dd .about_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px;} .aboutbox dd .about_pic .swiper-pagination-bullet { width:8px; height:8px; border-radius:4px; margin:0; background:#fda100; opacity: 1; display:inline-block; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .aboutbox dd .about_pic .swiper-pagination-bullet-active { width:65px; background:#fda100;} .aboutbox dd .about_pic .contact_info { padding:50px 30px; height:auto; overflow:hidden;} .aboutbox dd .about_pic .contact_info .qrcodebox { float:left; width:50%; position:relative;} .aboutbox dd .about_pic .contact_info .qrcodebox:after { content:''; position:absolute; right:30px; top:50%; margin-top:-27px; width:1px; height:54px; background:#b51700;} .aboutbox dd .about_pic .contact_info .qrcodebox .qrcode { width:87px; height:87px; float:left;} .aboutbox dd .about_pic .contact_info .qrcodebox .qrcode img { display:block; border:1px solid #000;} .aboutbox dd .about_pic .contact_info .qrcodebox .title { color:#b51700; line-height:2; font-size:17px; float:left; margin-top:10px; padding:0 40px;} .aboutbox dd .about_pic .contact_info .telbox { float:left; width:50%; color:#b51700;} .aboutbox dd .about_pic .contact_info .telbox .logo { width:100%; height:auto; overflow:hidden; margin-bottom:5px;} .aboutbox dd .about_pic .contact_info .telbox .lab { font-size:14px; float:left;} .aboutbox dd .about_pic .contact_info .telbox .tel { font-size:22px;} .aboutbox_bg .about_pic { position:absolute; right:0; top:0; width:55%; height:100%; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:2;} .aboutbox_bg .about_pic a { display:block;} .aboutbox_bg .about_pic .tit { position:absolute; width:60%; top:50%; left:50%; margin-top:-18px; margin-left:-30%; font-size:18px; color:#fff; text-shadow: 0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000; line-height:2; z-index:1;} .aboutbox_bg .about_pic .tit:after { content:''; display:inline-block; width:60%; height:1px; background:#fff; margin:0 20px; position:relative; top:-5px;} .aboutbox_bg .about_pic .play { position:absolute; right:0px; top:50%; margin-top:-42px; font-size:18px; color:#005aab; line-height:2; z-index:1;} .aboutbox_bg .about_pic img { display:block;} /*其它链接*/ .about_link_box_bg { height:auto; overflow:hidden; padding:40px 0;} .about_link_box { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; position:relative; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:1;} .about_link_box dt { width:30%; height:auto; color:#fff;} .about_link_box dt .tit { font-size:24px; line-height:2;} .about_link_box dt .des { font-size:18px; line-height:2; margin-top:20px;} .about_link_box dd { width:65%; height:auto; color:#fff;} .about_link { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .about_link li { width:15.6%; float:left; height:240px; overflow:hidden;} .about_link li:nth-child(2n) { } .about_link a { width:100%; height:100%; overflow:hidden; text-align:left; color:#000; background:#f5f5f5; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; padding:40px 30px; position:relative;} .about_link a.first { margin-left:0%;} .about_link a:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:0px; background:#f08c01;} .about_link .icon { font-size:40px; line-height:50px; color:#005aab; display:block;} .about_link .icon.icon-gongchang, .about_link .icon.icon-gerenjianjie, .about_link .icon.icon-rongyubiaozhang { font-size:50px;} .about_link .tit { font-size:20px; line-height:2; color:#292929;} .about_link a:hover { background:#005aab; color:#fff;} .about_link a:hover .icon, .about_link a:hover .tit { color:#fff;} .about_link a:hover:after { height:9px;} .about_link .more { font-size:25px; line-height:2;} .about_link .info { width:50px; height:auto; overflow:hidden; /*writing-mode:vertical-lr;*/ text-align:left; display:inline-block;} .about_point_box { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; padding:60px 0; position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .about_point_box .about_point { width:100%; height:auto; overflow:hidden; background:#fff; position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:baseline; margin-top:0px;} .about_point_box .about_point li { width:auto; height:auto; margin-top:0px; overflow:; position:relative; float:left;} .about_point_box .about_point li .icon { width:100px; height:100px; margin:0 auto; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;} .about_point_box .about_point li .icon .img1 { display:block;} .about_point_box .about_point li .icon .img2 { display:none;} .about_point_box .about_point li .info { position:relative; z-index:1;} .about_point_box .about_point li .num { width:100%; line-height:80px; font-size:60px; color:#004098; font-weight:bold; font-family:'微软雅黑'; /*background: linear-gradient(to right, #88d4f9, #0385e0, #0155cb, #004ac6); -webkit-background-clip: text; color: transparent;*/ } .about_point_box .about_point li .counter { font-weight:bold; font-family:Arial;} .about_point_box .about_point li .unit{ margin-left:10px; font-size:18px; line-height:30px; position:relative; top:-30px; font-weight:normal; position:relative; display:inline-block;} .about_point_box .about_point li .tit { font-size:18px; line-height:2;} .aboutbox dd .about_video_list { width:100%; height:auto; overflow:hidden; margin-top:65px;} .aboutbox dd .about_video_list li { width:32%; float:left; margin-left:2%; height:auto; overflow:hidden;} .aboutbox dd .about_video_list li.ml0 { margin-left:0;} .aboutbox dd .about_video_list li a { display:block; background:#000; position:relative;} .aboutbox dd .about_video_list li img { display:block; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity: .7; opacity: .7; -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .aboutbox dd .about_video_list li .play { width:66px; height:66px; overflow:hidden; background:url(../images/icon_play1.png) center center no-repeat; position:absolute; left:50%; top:50%; margin-left:-33px;margin-top:-33px;} .aboutbox dd .about_video_list li:hover img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .aboutbox dd .about_video_list li:hover .play { background-size:100% 100%;} /*设备展示*/ .display_box_bg { height:auto; overflow:hidden; position:relative; padding-top:50px;} .display_box { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto;} .display_box dt { width:100%; height:auto; overflow:hidden;} .display_box dt .title { height:auto; overflow:hidden; float:left;} .display_box dt .title .tit { font-size:36px; color:#313131; line-height:2;} .display_box dt .title .tit1 { font-size:28px; text-transform:uppercase; color:#dfdfdf; font-family:"Times New Roman", Times, serif;} .display_box dt .title .line { background:#dfdfdf; width:36px; height:2px; margin:20px 0; display:block;} .display_box dt .des { color:#000; font-size:18px; line-height:2.5;} .display_box dt .more { width:162px; height:46px; line-height:46px; background:#4caffd; font-size:14px; display:block; color:#000; padding:0 30px; margin-top:30px; position:relative; float:right;} .display_box dt .more .icon { font-size:25px; float:left; margin-right:10px;} .display_box dt .more:after { content:''; float:right;} .display_box dt .ctrl_box { width:144px; height:57px; overflow:hidden; float:right; position:relative; margin-top:20px; z-index:1;} .display_box dt .ctrl_box .prev, .display_box dt .ctrl_box .next { position:absolute; left:0; top:0; width:57px; height:57px; line-height:57px; border:2px solid #d7d7d7; border-radius:50%; color:#000; font-size:20px; font-weight:bold; text-align:center; font-family:"宋体"; z-index:999;} .display_box dt .ctrl_box .next { left:auto; right:0;} .display_box dt .ctrl_box .prev:hover, .display_box dt .ctrl_box .next:hover { color:#f08c01;} .display_box dd { width:100%; height:auto; overflow:hidden; margin-top:20px;} .display_box .display_list { width:100%; height:auto; overflow:;} .display_box .display_list { width:100%; height:auto; overflow:;} .display_box .display_list li { width:20%; height:auto; overflow:; float:left;} .display_box .display_list li .pic { width:100%; height:auto; overflow:hidden;} .display_box .display_list li .pic img { display:block;} .display_box .display_list li .brief { width:100%; height:90px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .display_box .display_list li .brief .tit { font-size:22px; line-height:90px; padding:0 15px; color:#000; float:left; width:100%; position:relative;} .display_box .display_list li .brief .tit:after { content:'>'; float:right; font-size:13px; font-family:"宋体"; font-weight:bold;} .display_box .display_list li:hover .tit { color:#005aab;} .display_box .swiper-pagination { width:100%; height:30px; position:relative;} .display_box .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; border-radius:50%; background:#cb1516; opacity:1; margin:0 10px; cursor:pointer; position:relative;} .display_box .swiper-container-horizontal>.swiper-pagination-bullets, .display_box .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; } .display_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#cb1516;} .display_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content:''; position:absolute; left:-3px; top:-3px; width:14px; height:14px; border:1px solid #cb1516; border-radius:50%;} /*产品展示*/ .product_pic_scroll { height:auto; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;} .product_pic_scroll .pic { } .product_pic_scroll .pic img { display:block;} /*信息*/ .product_info_scroll { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; margin:110px auto; position:relative;} .product_info_scroll .product_info_list {} .product_info_scroll .brief { width:500px; height:auto; overflow:hidden; float:left; color:#fff;} .product_info_scroll .brief .tit { font-size:48px; font-weight:bold; line-height:1.2; padding:30px 0;} .product_info_scroll .brief .des { font-size:16px; line-height:1.8;} .product_info_scroll a { color:#fff;} .product_info_scroll .more { color:#fff; width:151px; height:45px; border-radius:23px; border:1px solid #fff; display:block; text-align:center; line-height:45px; margin:100px 0; visibility:hidden;} /*控制*/ .product_info_scroll .more:hover { background:#fff; color:#004098;} .product_info_scroll .ctrl_box { width:145px; height:58px; overflow:hidden; position:relative; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:1; float:right;} .product_info_scroll .ctrl_box .prev, .product_info_scroll .ctrl_box .next { display:block; width:58px; height:58px; line-height:58px; float:left; text-align:center; color:#fff; border:2px solid #fff; border-radius:50%; font-weight:bold; font-size:20px;} .product_info_scroll .ctrl_box .next { float:right;} .product_info_scroll .ctrl_box .prev:hover, .product_info_scroll .ctrl_box .next:hover { border:2px solid #fff; background:#fff; color:#004098;} /*切换*/ .productbox_bg .tabs { overflow:hidden; position:absolute; top:300px; left:0; z-index:99999;} .productbox_bg .tabs a { display:block; height:60px; line-height:60px; overflow:hidden; text-indent:40px; color:#fff; font-size:16px; border-radius:0px; position:relative;} .productbox_bg .tabs a:before { content:''; width:20px; height:2px; background:#8992a1; position:absolute; left:0; top:50%; margin-top:-1px; -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .productbox_bg .tabs a.hover { text-indent:40px;} .productbox_bg .tabs a.hover:before { width:35px;} .productbox_bg { height:auto; overflow:hidden; position:relative; z-index:1; background:#fff; /*display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:flex-start;*/} .productbox_bg:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#05203d; background-size:cover;} .productbox{ max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-top:0px; z-index:1;} .productbox .line1 { position:absolute; left:0; bottom:15px; width:60%; height:4px; background:#b5b5b6;} .productbox .line1:after { content:''; position:absolute; right:0; top:0; width:232px; height:4px; background:#005aab;} .productbox dt { width:100%; height:auto; overflow:hidden;} .productbox dt .tit2 { font-size:36px; line-height:60px; margin-bottom:40px;} .productbox dt .title { height:auto; overflow:hidden; position:relative; float:left;} .productbox dt .title .tit1 { font-size:28px; line-height:1; color:#dfdfdf; font-family:"Times New Roman", Times, serif; font-weight:normal; text-transform:uppercase; letter-spacing:0px; margin-top:0px; position: relative; writing-mode: vertical-lr;writing-mode: tb-lr; float:left;} .productbox dt .title .tit { width:100%; font-size:18px; line-height:1.2; text-align:center; color:#fff; word-wrap: break-word; position:relative; z-index:1;} .productbox dt .title .line { width:2px; height:28px; background:#c5c5c5; display:block; float:left; margin-left:12px; margin-bottom:10px; position:relative;} .productbox dt .title .line:after { content:''; width:2px; height:64px; background:#0a43b7; position:absolute; left:0; top:0; display:none;} .productbox dt .des { width:30%; height:auto; overflow:hidden; color:#000; font-size:18px; line-height:2.5; margin-top:20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .productbox dt .more { width:159px; height:52px; line-height:52px; font-size:18px; display:block; color:#005aab; margin-top:0px; position:relative; float:left; text-transform:uppercase; margin-left:70px; margin-top:30px;} .productbox dt .more .icon { margin-left:10px; font-size:25px; line-height:52px; float:right;} .productbox dt .more:before { content:'>'; float:right; width:52px; line-height:52px; text-align:center; border-left:1px solid #001b73; display:none;} .productbox dt .more:hover {} .productbox dd { width:100%; height:auto; overflow:hidden; margin-top:0px; position:relative; float:left;} .productbox dd .product_box { height:auto; overflow:hidden; padding-left:320px; background:#fff; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-content:space-between; align-items:stretch;} .productbox dd .product_tabs_box { width:440px; height:auto; overflow:hidden; float:left; margin:0 0 0 -550px;} .productbox dd .product_tabs_box .title { width:440px; font-size:60px; line-height:80px; font-weight:bold; color:#fff; font-family:"Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:2px; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;} .productbox dd .product_more { display:block; background:#004799; color:#fff; font-size:18px; line-height:51px; width:200px; height:51px; line-height:51px; text-align:center; border-radius:0%; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;} .productbox dd .product_more .icon { font-size:30px; margin-right:10px;} .productbox dd .product_more:after { content:'>';} .productbox dd .product_more:hover { background:#ffba4c; color:#000;} .productbox dd .product_list_scroll { width:100%; height:auto; overflow:; margin-top:0px; position:relative; /*display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-items:stretch;*/} .productbox dd .product_tabs_box { width:320px; height:auto; overflow:hidden; float:left; padding:20px; background:#cc0b10; margin:0 0 0 -320px;} .productbox dd .product_tabs { width:100%; height:auto; overflow:hidden; font-size:18px; } .productbox dd .product_tabs a { display:block; line-height:60px; text-align:center; color:#fff; position:relative;} .productbox dd .product_tabs a:before { content:''; display:block; width:8px; height:8px; position:absolute; top:50%; left:0px; margin-top:-7px; background:#000; float:left; border:3px solid #fff; border-radius:50%; display:none;} .productbox dd .product_tabs a:after { content:''; background:url(../images/product_tabs_arrow0.png) center center no-repeat; width:30px; height:74px; display:block; float:right; margin-right:23px; display:none;} .productbox dd .product_tabs a:hover, .productbox dd .product_tabs a.hover { color:#cc0b10; background:#fff;} /*.productbox dd .ctrl_box { width:663px; margin:0 auto; margin-top:60px; height:42px; overflow:hidden; position:relative; } .productbox dd .ctrl_box .swiper-pagination-progressbar { width:70%; height:8px; background:#fff; overflow:hidden; border-radius:8px; left:15%; top:50%; margin-top:-4px;} .productbox dd .ctrl_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#bb0001; height:8px; border-radius:8px;}*/ .product_pic_box { padding-right:219px; height:auto; overflow:hidden;} .product_pic { float:left; width:100%; height:auto; overflow:hidden;} .product_thumb_list { width:151px; height:auto; overflow:hidden; margin:0 -219px 0 0; float:right;} .product_thumb_list li { width:100%; height:auto; overflow:hidden; margin-bottom:13px;} .product_thumb_list li a { display:block; position:relative;} .product_thumb_list li a:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:0px solid #ca1111; -moz-transition:all .5s cubic-bezier(0,0,.2,1); -o-transition:all .5s cubic-bezier(0,0,.2,1); -ms-transition:all .5s cubic-bezier(0,0,.2,1); transition:all .5s cubic-bezier(0,0,.2,1); } .product_thumb_list li a:hover:after { display:block; border:3px solid #ca1111;} .product_thumb_list li img { display:block;} .product_brief { width:100%; height:auto; overflow:visible;} .product_brief .tit { font-size:24px; font-weight:bold; line-height:50px; color:#122e96; margin-top:10px;} .product_brief .des { line-height:30px; color:#545454; margin-top:20px;} .product_brief .more { font-size:16px; line-height:30px; color:#122e96; position:relative; padding-right:70px; margin-top:30px; display:inline-block; margin-bottom:20px;} .product_brief .more:before { content:'read more'; display:block; font-size:12px; line-height:20px; text-transform:uppercase; position:absolute; left:0; top:30px;} .product_brief .more:after { content:''; width:49px; height:49px; border-radius:50%; background:url(../images/icon_next_1.png); background-size:100% 100%; position:absolute; right:0; top:0;} .productbox dd .topbox { height:70px; overflow:hidden; padding-left:486px; border-bottom:1px solid #ececec;} .productbox dd .searchbox { width:432px; height:30px; overflow:hidden; border:1px solid #d2d2d2; border-radius:3px; margin:22px 0 0 -452px; float:left; position:relative;} .productbox dd .searchbox .keys { width:386px; height:28px; line-height:28px; border:0; color:#000; position:absolute; left:1px; top:1px; text-indent:5px;} .productbox dd .searchbox .submit { width:44px; height:30px; border:0; position:absolute; right:1px; top:1px; cursor:pointer; background:url(../images/search_icon.png) center center no-repeat;} .productbox dd .keys:-ms-input-placeholder{ color: #afafaf;opacity:0.5; font-size:14px; } .productbox dd .searchbox .keys::-webkit-input-placeholder{ color: #afafaf;opacity:0.5; font-size:14px; } .productbox .product_list { width:100%; height:auto; overflow:; margin-top:0px; } .productbox .product_list li{ width:32.92%; float:left; height:auto; overflow:hidden; position:relative; top:0; left:0; line-height:0; border-radius:0px; float:left; margin-left:0.6%; margin-bottom:2%; /*-moz-transition:all .5s cubic-bezier(0,0,.2,1); -o-transition:all .5s cubic-bezier(0,0,.2,1); -ms-transition:all .5s cubic-bezier(0,0,.2,1); transition:all .5s cubic-bezier(0,0,.2,1);*/ } .productbox .product_list li.ml0 { margin-left:0;} .productbox .product_list li .margin { height:auto; overflow:hidden;} .productbox .product_list li .brief { height:auto; overflow:hidden; position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;} .productbox .product_list li .tit { width:100%; height:113px; line-height:113px; font-size:22px;} .productbox .product_list li .icon { float:right;} .productbox .product_list li .icon img { display:block;} .productbox .product_list li .des { width:100%; height:auto; font-size:16px; line-height:2; overflow:hidden;} .productbox .product_list li a { display:block; position:; overflow:hidden; color:#000;} .productbox .product_list li .more { width:90px; height:45px; line-height:45px; margin-top:10px; color:#000; font-size:16px; display:block;} .productbox .product_list li .more .icon { font-size:30px;} .productbox .product_list li .prodcut_features { width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:baseline; margin-top:30px;} .productbox .product_list li .prodcut_features .item { float:left; text-align:center; margin-right:20%;} .productbox .product_list li .prodcut_features .item img { display:block;} .productbox .product_list li .pic { width:100%; display:block; overflow:hidden; margin:0; z-index:1; padding:0px; -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; } .productbox .product_list li .pic .img1 { display:block;} .productbox .product_list li .pic .img2 { display:none;} .productbox .product_list li .pic .info { position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; line-height:25px; font-size:16px; padding:60px; display:none; z-index:999;} .productbox .product_list li .pic img { display:block;} .productbox .product_list li:hover .pic { /*-webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms;*/ } .productbox .product_list li:hover a { } .productbox .product_list li.swiper-slide-active:hover .brief { top:20%;} .productbox .product_list li:hover .pic .info { display:block;} .productbox .product_list li:hover .tit { color:#0a43b7;} .productbox .product_list li:hover .icon { } .productbox .product_list li:hover .pic:before { width:100%; height:100%; left:0%; top:0%; margin-left:0; margin-top:0; border-radius:0%; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; display:none;} .productbox .product_list li:hover .pic:after { left:0%; top:0%; right:0%; bottom:0%; border-radius:0%;} .productbox .product_list li:hover .more { color:#fff;} .productbox .product_list li.swiper-slide-prev .pic:after { background:rgba(241,173,0,1) url(../images/logo-text-h.png) 90% center no-repeat;} .productbox .product_list li.swiper-slide-next .pic:after { background:rgba(241,173,0,1) url(../images/logo-text-h.png) 10% center no-repeat;} .productbox .product_list li.swiper-slide-active .pic:after { /*display:none;*/ background:rgba(241,173,0,0);}/* .productbox .product_list li.swiper-slide-active .pic .img1 { display:none;} .productbox .product_list li.swiper-slide-active .pic .img2 { display:block;} .productbox .product_list li.swiper-slide-active .tit { position:absolute; left:0; bottom:30px; width:auto; right:100px;} .productbox .product_list li.swiper-slide-active:after{ content:''; position:absolute; left:0; top:77px; bottom:30px; width:100%; background:#7e90b1; z-index:-1;}*/ .product_list_scroll_box { position:relative; width:100%; height:auto; overflow:visible; float:left;} .product_list_scroll_box .prev, .product_list_scroll_box .next { width:50px; height:50px; line-height:50px; font-size:48px; float:left; text-align:center; color:#004fa9; position:absolute; left:-50px; top:32%; z-index:1;} .product_list_scroll_box .next { left:auto; right:-50px;} .product_list_scroll_box .prev:hover, .product_list_scroll_box .next:hover { } .productbox .ctrl_box { width:100px; height:30px; overflow:hidden; margin:0 auto; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:1;} .productbox .ctrl_box .more { width:141px; height:49px; line-height:49px; text-align:center; background:#f1ad00; display:none;} .productbox .ctrl_box .more:hover { background:#d6000f; color:#fff;} .productbox .ctrl_box .prev, .productbox .ctrl_box .next { width:30px; height:30px; line-height:30px; float:left; text-align:center; color:#b5b5b6; display:block; /*font-family:"宋体";*/ font-size:25px;} .productbox .ctrl_box .next { float:right;} .productbox .ctrl_box .prev:hover, .productbox .ctrl_box .next:hover { color:#005aab;} .productbox .swiper-pagination { width:100%; max-width:100%; height:20px; position:relative; margin-top:50px;} .productbox .swiper-pagination-bullets{ bottom:0px; height:20px; text-align:center;} .productbox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { } .productbox .swiper-pagination-bullet { width:113px; height:2px; background:#a5a5a5; opacity: 1; display:inline-block; border-radius:0; margin:0 9px;} .productbox .swiper-pagination-bullet-active { background:#b70000; height:4px; border-bottom:#f0cbcc;} /*期待与您合作*/ .looking_cooperation_bg { padding:80px 0; padding-bottom:80px; margin-top:68px; height:auto; background:url(../images/looking_cooperation_bg.jpg) top center no-repeat; background-size:cover;} .looking_cooperation { max-width:1440px; min-width:300px; height:auto; margin:0 auto; color:#fff; text-align:center;} .looking_cooperation .tit1 { font-size:42px; line-height:2;} .looking_cooperation .tit { font-size:36px; line-height:1.5;} .looking_cooperation .faq { width:129px; height:41px; display:block; margin:0 auto; margin-top:30px; color:#fff; text-align:center; font-size:14px; line-height:41px; border:1px solid #fff;} .looking_cooperation .faq:hover { background:#fff; color:#000;} /*荣誉证书*/ .certificate_bg { height:100%; overflow:hidden; padding-top:40px; padding-bottom:40px; background:url(../images/certificate_bg.jpg) top center no-repeat; background:#fff; background-size:cover; position:relative; z-index:1;} .certificate { max-width:1440px; min-width:300px; height:auto; margin:0 auto;} .certificate dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;} .certificate dt .title { height:auto; overflow:hidden; position:relative; color:#fff; text-align:center;} .certificate dt .title:before { content:''; width:8px; height:64px; background:#fff; position:absolute; left:0; top:50%; margin-top:-32px; display:none;} .certificate dt .tit1 { font-size:30px; line-height:1.3; font-weight:bold; text-transform:uppercase; letter-spacing:0px; margin-top:0px; position: relative; color:#c8c8c8; /*background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(255,255,255,0)); -webkit-background-clip: text; color: transparent*/ } .certificate dt .tit { font-size:36px; line-height:1.3; color:#cc0b10; font-weight:bold; margin-top:-25px; position:relative; z-index:1;} .certificate dt .tit:before, .certificate dt .tit:after { content:''; width:20px; height:20px; display:inline-block; margin:0 10px;} .certificate dt .des { font-size:18px; color:#616161; line-height:2; margin-top:30px;} .certificate dt .des:before, .certificate dt .des:after { content:''; background:url(../images/title_left.png) center center no-repeat; display:inline-block; width:37px; height:9px; margin:0 10px;} .certificate dt .des:after { background:url(../images/title_right.png) 0 center no-repeat;} .certificate dd { width:100%; height:auto; overflow:; margin-top:40px; position:relative;} .certificate dd .certificate_list_scroll { width:100%; height:auto; overflow:; position:relative;} .certificate dd .certificate_list_scroll .prev, .certificate dd .certificate_list_scroll .next { width:60px; height:60px; line-height:60px; font-size:30px; color:#000; font-family:"宋体"; text-align:center; position:absolute; left:-70px; top:50%; margin-top:-30px; z-index:999; background:#eee; border-radius:50%;} .certificate dd .certificate_list_scroll .next { left:auto; right:-70px; } .certificate dd .certificate_list_scroll .prev:hover, .certificate dd .certificate_list_scroll .next:hover { background:#cc0b10; color:#fff;} .certificate dd .certificate_list li { width:25%; height:auto; overflow:hidden; float:left;} .certificate dd .certificate_list li .pic { height:auto; overflow:hidden; display:block; text-align:center;} .certificate dd .certificate_list li .pic img { display:block;} .certificate dd .certificate_list li .brief { width:100%; height:80px; background:url(../images/certificate_list_brief_bg.png) center center no-repeat; background-size:100% auto;} .certificate dd .certificate_list li .tit { width:100%; font-size:18px; line-height:84px; color:#fff; text-align:center; position:relative;} /*品质服务*/ .quality_service_bg { height:auto; overflow:hidden; padding-top:116px; padding-bottom:170px; background:url(../images/quality_service_bg.jpg) 0 center no-repeat; background-size:cover; position:relative;} .quality_service_slide { position:absolute; right:0; top:116px; width:48%; height:auto; overflow:hidden; z-index:1;} .quality_service_slide ul li { width:100%; height:auto; overflow:; background:url(../images/quality_service_slide_bg.png) right center no-repeat; padding:77px 0;} .quality_service_slide ul li img { display:block;} .quality_service { height:auto; overflow:hidden;} .quality_service dt { width:50%; height:auto; overflow:hidden; float:left; padding-top:80px; padding-bottom:15px;} .quality_service dt .tit1 { font-size:70px; line-height:70px; font-family:Arial; font-weight:bold; text-transform:uppercase; color:#c1c1c1; letter-spacing:0px; margin-top:0px; position: relative; background: linear-gradient(to bottom, rgba(255,255,255,.6), rgba(255,255,255,.3)); -webkit-background-clip: text; color: transparent } .quality_service dt .tit { font-size:36px; line-height:54px; color:#fff; font-weight:bold; position:relative; margin-top:0px; } .quality_service dt .tit:after { content:''; width:50px; height:4px; display:block; background:#fff; margin:20px 0;} .quality_service_tabs { width:100%; height:auto; overflow:hidden; margin-top:50px;} .quality_service_tabs li { width:217px; height:224px; float:left; background:#fff; margin-right:15px; margin-top:15px;} .quality_service_tabs li a { display:block; width:217px; height:224px; overflow:hidden; text-align:center;} .quality_service_tabs li .icon { width:100px; height:100px; margin:0 auto; margin-top:40px; color:#0f3e91; font-size:90px; line-height:100px;} .quality_service_tabs li .name { font-size:22px; line-height:60px;} .quality_service_tabs li.hover { background:#0f3e91;} .quality_service_tabs li.hover .name, .quality_service_tabs li.hover .icon{ color:#fff;} .quality_service dt .more { display:block; width:auto; height:62px; line-height:62px; overflow:hidden; font-size:14px; margin-top:60px; text-transform:uppercase; text-align:center; color:#fff; background:url(../images/about_more_white.png) 0 center no-repeat; z-index:1; position:relative; border-radius:0px; float:left; padding-left:20px;} .quality_service dt .more:after { content:'+';} /*销售区域*/ .sales_area_bg { height:auto; overflow:hidden; padding:100px 0; background:url(../images/sales_area_bg.jpg) center center no-repeat; background-size:cover; position:relative;} .sales_area { max-width:1540px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;} .sales_area dt { width:100%; height:auto; line-height:40px; overflow:hidden; position:relative;} .sales_area dt .title { height:auto; overflow:hidden;} .sales_area dt .tit { font-size:36px; margin-top:0px; color:#fff; position:relative; float:left; font-weight:bold;} .sales_area dt .more { width:232px; height:53px; line-height:53px; background:#a51f26; font-size:14px; display:block; color:#fff; padding:0 30px; margin-top:0px; position:relative; float:right;} .sales_area dt .more:after { content:'>'; float:right;} .sales_area dt .more:hover { background:#f5a602;} .sales_area dt .tabs { height:40px; line-height:40px; overflow:hidden; font-size:18px; position:relative; z-index:1; text-align:right; flex-grow:1;} .sales_area dt .tabs a { width:auto; padding:0 40px; height:40px; line-height:40px; overflow:hidden; color:#fff; text-align:center;} .sales_area dt .tabs a:hover, .sales_area dt .tabs a.hover { line-height:40px; font-size:24px;} .sales_area dd .des { font-size:18px; color:#fff; line-height:60px; font-weight:normal;} .sales_area dd { width:100%; height:auto; overflow:hidden; position:relative;} .sales_area dd .product_box { height:auto; overflow:visible;} .sales_area dd .sales_area_item_scroll { width:100%; height:auto; overflow:hidden; margin-top:30px; position:relative;} .sales_area dd .sales_area_item { width:100%; height:800px; overflow:hidden; text-align:center; margin-top:80px;} .sales_area dd .sales_area_item img { max-width:100%; width:auto;} .videobox_bg { height:100%; overflow:hidden; padding-top:80px; padding-bottom:99px; background:url(../images/videobox_bg.jpg) top center no-repeat; background-size:cover; position:relative; z-index:1;} .videobox { max-width:1440px; min-width:300px; height:auto; margin:0 auto;} .videobox dt { width:100%; height:auto; overflow:hidden; position:relative;} .videobox dt .title { width:100%; height:auto; overflow:hidden; text-align:center;} .videobox dt .tit1 { font-size:45px; line-height:70px; text-transform:uppercase; color:#5c5c5c; letter-spacing:0px; margin-top:0px; position: relative; /*background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(255,255,255,0)); -webkit-background-clip: text; color: transparent*/ } .videobox dt .tit { font-size:45px; line-height:45px; color:#004799; font-weight:bold; position:relative; background:url(../images/product_tit_bg.png) center center no-repeat; } .videobox dt .tit:after { content:''; width:50px; height:4px; display:block; background:#fff; margin:10px auto; display:none;} .videobox dd { width:100%; height:auto; overflow:; margin-top:72px; position:relative;} .videobox dd .video_list_scroll { width:100%; height:auto; position:relative;} .videobox dd .swiper-pagination-bullets{ width:50%; bottom:20px; height:20px; left:auto; right:0px; text-align:center; display:none;} .videobox dd .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { } .videobox dd .swiper-pagination-bullet { width:11px; height:11px; border-radius:50%; background:#ededed; opacity: 1; display:inline-block; margin:4px;} .videobox dd .swiper-pagination-bullet-active { background:#af1509;} .videobox dd .video_list { width:100%; height:auto; overflow:;} .videobox dd .video_list li { width:33%; height:auto; overflow:;} .videobox dd .video_list li .pic { width:100%; height:auto; overflow:hidden; position:relative;} .videobox dd .video_list li .pic:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.45); -moz-transition:all .5s cubic-bezier(0,0,.2,1); -o-transition:all .5s cubic-bezier(0,0,.2,1); -ms-transition:all .5s cubic-bezier(0,0,.2,1); transition:all .5s cubic-bezier(0,0,.2,1); } .videobox dd .video_list li .pic img { display:block;} .videobox dd .video_list li .tit { line-height:55px; text-align:center; font-size:18px; color:#000;} .videobox dd .video_list li.swiper-slide {} .videobox dd .video_list li img { display:block;} .videobox dd .video_list li .play { display:block; position:absolute; left:50%; top:50%; margin-top:-24px; margin-left:-24px; width:48px; height:48px; background:url(../images/icon_play.png) center center no-repeat; background-size:cover; z-index:1; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear; transition:all .2s linear; } .videobox dd .video_list li:hover .pic:after { background:rgba(0,0,0,0);} .videobox dd .video_list li:hover .play { width:50px; height:50px; margin-left:-25px; margin-top:-25px;} .videobox dd .ctrl_box { width:100%; height:auto; position:relative; margin:20px 0; text-align:center;} .videobox dd .ctrl_box a { display:inline-block; width:61px; height:31px; line-height:31px; text-align:center; font-size:22px; margin:0 10px; background:#004799; color:#fff;} .videobox dd .ctrl_box a:hover { background:#ffba4c; color:#000;} .videobox_bg .video_info { width:45%; height:163px; line-height:100px; padding-right:50px; text-align:right; position:absolute; left:0; bottom:0; background:#fefefe; font-size:16px; color:#4e5b5f; letter-spacing:4.7px; font-family:Arial; z-index:1;} /*生产流程*/ .production_process_bg { height:auto; overflow:hidden; position:relative; padding-top:30px; padding-bottom:30px; z-index:1; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:flex-start;} .production_process_bg:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; background-size:cover;} .production_process { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; /*margin-top:80px; margin-bottom:16px;*/ position:relative; z-index:1;} .production_process dt { width:100%; height:auto; overflow:hidden;} .production_process dt .title { height:auto; overflow:hidden; position:relative; text-align:center; color:#6b6b6b;} .production_process dt .title .tit1 { font-size:18px; line-height:1.3; text-transform:uppercase; letter-spacing:0px; margin-top:0px; position: relative;} .production_process dt .title .tit { font-size:42px; line-height:2.5; position:relative; z-index:1;} .production_process dt .des { color:#737272; font-size:17px; line-height:50px; margin-top:15px;} .production_process dt .more { width:141px; height:32px; line-height:32px; display:block; overflow:hidden; font-size:18px; margin-top:25px; border:1px solid #535353; color:#000; z-index:1; position:relative; float:right; border-radius:12px; text-align:center;} .production_process dt .more:hover { background:#267a15; color:#fff;} .production_process dt .more:after { content:'>>';} .production_process dd { width:100%; height:auto; overflow:hidden; margin-top:30px;} .production_process_list { width:100%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-items:stretch; position:relative;} .production_process_list li { width:16%; height:auto; overflow:hidden; float:left; position:relative;} .production_process_list li .pic { width:100%; height:auto; overflow:hidden;} .production_process_list li .pic img { display:block;} .production_process_list li .tit { width:100%; height:56px; line-height:56px; font-size:18px; text-align:left;} .production_process_list li:hover .tit { } /*选择我们*/ .why_choose_us_bg { height:auto; overflow:hidden; position:relative; padding-top:30px; padding-bottom:0px; z-index:1; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:flex-start;} .why_choose_us_bg:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; background-size:cover;} .why_choose_us { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; border-radius:69px 0 69px 0;} .why_choose_us .pic { width:49.5%; height:auto; overflow:hidden; float:left; border-radius:16px;} .why_choose_us .brief { width:49.5%; height:auto; overflow:hidden; float:right; background:#f4f4f4; border-radius:16px; padding:34px;} .why_choose_us .brief .tit { width:100%; line-height:2; font-size:48px; text-align:left; font-weight:bold;} .why_choose_us .brief .text { line-height:2.2; font-size:22px; margin-top:20px;} .why_choose_us .brief .text span { color:#ff0000; font-size:30px;} .guestbookbox_bg { height:auto; overflow:hidden; position:relative; padding:70px 0; padding-bottom:60px; background:url(../images/guestbookbox_bg.jpg) center center no-repeat; background-size:cover; z-index:3;} .guestbookbox { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; /*margin-top:120px; margin-bottom:16px;*/ position:relative; z-index:1;} .guestbookbox dt { width:35%; height:auto; overflow:hidden; float:left;} .guestbookbox dt .title { width:100%; height:auto; overflow:hidden; position:relative; color:#fff;} .guestbookbox dt .des { width:90%; font-size:14px; line-height:24px; color:#fff; margin-top:60px;} .guestbookbox dt .title:before { content:''; width:8px; height:64px; background:#fff; position:absolute; left:0; top:50%; margin-top:-32px;} .guestbookbox dt .tit { font-size:36px; line-height:1.3; font-weight:bold;} .guestbookbox dt .tit1 { font-size:24px; line-height:1.3; text-transform:uppercase; letter-spacing:0px; margin-top:0px; position: relative; /*background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(255,255,255,0)); -webkit-background-clip: text; color: transparent*/ } .guestbookbox dt .more { width:162px; height:46px; line-height:46px; background:#4caffd; font-size:14px; display:block; color:#000; padding:0 30px; margin-top:30px; position:relative; float:right;} .guestbookbox dt .more .icon { font-size:25px; float:left; margin-right:10px;} .guestbookbox dt .more:after { content:''; float:right;} .guestbookbox dt .more:hover { background:#fff;} .guestbookbox dd .frombox { height:auto; overflow:hidden; position:relative;} .guestbookbox dd .frombox .inputflex { width:100%; height:auto; overflow:hidden; margin-bottom:30px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .guestbookbox dd .frombox .input { width:32.2%; height:30px; line-height:30px; background:none; color:#000; font-size:14px; border:0; text-indent:20px; float:left; border:1px solid #fff;} .guestbookbox dd .frombox .input:focus, .guestbookbox dd .frombox .textarea:focus { background:#4caffd; color:#000;} .guestbookbox dd .frombox .textarea { width:100%; flex:0 0 100%; height:100px; line-height:20px; background:none; color:#fff; padding:10px; border:0; border:1px solid #fff;} .guestbookbox dd .frombox .input:-moz-placeholder, .guestbookbox dd .frombox .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity:1; font-size:14px; } .guestbookbox dd .frombox .input::-moz-placeholder, .guestbookbox dd .frombox .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff;opacity:1; font-size:14px; } .guestbookbox dd .frombox .input:-ms-input-placeholder, .guestbookbox dd .frombox .textarea:-ms-input-placeholder { color: #fff;opacity:1; font-size:14px; } .guestbookbox dd .frombox .input::-webkit-input-placeholder, .guestbookbox dd .frombox .textarea::-webkit-input-placeholder{ color: #fff;opacity:1; font-size:14px; } .guestbookbox dd .frombox .submit{ width:205px; height:39px; background:#4caffd; border:0; cursor:pointer; color:#000; font-size:18px; border-radius:0px; } .guestbookbox dd .frombox .reset{ width:205px; height:39px; background:#f7f6f6; border:0; cursor:pointer; color:#000; font-size:18px; border-radius:0px; } /*新闻资讯*/ .newsbox_bg { height:auto; overflow:; position:relative; padding:80px 0; padding-bottom:120px; z-index:1; display:none;} .newsbox_bg:before { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fff; background-size:cover;} .newsbox { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:1;} .newsbox dt { width:100%; height:auto; overflow:hidden;} .newsbox dt .title { height:auto; overflow:hidden; float:left;} .newsbox dt .title .tit { font-size:36px; color:#313131; line-height:2;} .newsbox dt .title .tit1 { font-size:28px; text-transform:uppercase; color:#dfdfdf; font-family:"Times New Roman", Times, serif;} .newsbox dt .title .line { background:#dfdfdf; width:36px; height:2px; margin:20px 0; display:block;} .newsbox dt .des { color:#000; font-size:18px; line-height:2.5;} .newsbox dt .more { width:162px; height:46px; line-height:46px; background:#005aab; font-size:14px; display:block; color:#fff; padding:0 30px; margin-top:30px; position:relative; float:right;} .newsbox dt .more .icon { font-size:25px; float:left; margin-right:10px;} .newsbox dt .more:after { content:'>'; position:absolute; right:0; top:0; width:46px; height:46px; line-height:46px; text-align:center; border-left:1px solid #fff;} .newsbox dt .tabs { height:auto; overflow:hidden; text-align:center; float:right; margin-top:30px;} .newsbox dt .tabs a { display:inline-block; width:auto; height:57px; line-height:57px; overflow:hidden; margin-left:30px; color:#000; text-align:center; font-size:18px; border-radius:0px; position:relative;} .newsbox dt .tabs a:hover, .newsbox dt .tabs a.hover { color:#005aab;} .newsbox dt .tabs a:hover:after, .newsbox dt .tabs a.hover:after { content:''; width:100%; height:4px; background:#005aab; position:absolute; left:0; bottom:0;} .newsbox dd { width:100%; height:auto; overflow:hidden; margin-top:20px; position:relative;} .newsbox_bg .news_box { height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-items:stretch;} /*图片新闻列表样式*/ .newsbox_bg .pic_news_list_scroll { width:100%; overflow:hidden; position:relative; float:left; padding-right:0;} .newsbox_bg .pic_news_list_scroll .prev, .newsbox_bg .pic_news_list_scroll .next { width:42px; height:42px; line-height:42px; font-size:24px; color:#fff; font-family:"宋体"; text-align:center; position:absolute; left:27px; top:50%; margin-top:-21px; z-index:999; background:rgba(0,0,0,.48); border-radius:50%; z-index:1;} .newsbox_bg .pic_news_list_scroll .next { left:auto; right:27px; } .newsbox_bg .pic_news_list_scroll .prev:hover, .newsbox_bg .pic_news_list_scroll .next:hover { /*background:#fda100; color:#fff;*/} .newsbox_bg .news_box .pic_news_list { width:100%; height:100%; overflow:;} .newsbox_bg .news_box .pic_news_list li { width:100%; height:100%; overflow:; position:relative; float:left;} .newsbox_bg .news_box .pic_news_list li a { display:block; height:100%; overflow:hidden; background:#03279a;} .newsbox_bg .news_box .pic_news_list li .pic { width:100%; height:auto; overflow:hidden; position:relative; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .newsbox_bg .news_box .pic_news_list li .pic:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:0px solid #a10a0a; display:none;} .newsbox_bg .news_box .pic_news_list li .pic img { display:block; margin:0 auto;} .newsbox_bg .news_box .pic_news_list li a:after, .newsbox_bg .news_box .pic_news_list li .pic:after { content:''; position:absolute; left:0; top:0; bottom:0; right:0; z-index:999; display:none; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .newsbox_bg .news_box .pic_news_list li .brief { height:auto; overflow:hidden; position:relative; padding:20px 32px; padding-bottom:10px; background:#f5f5f5; } .newsbox_bg .news_box .pic_news_list li .brief:before { content:''; background:url(../images/newsbox_list_bg.jpg) center center no-repeat; background-size:cover; width:100%; height:0%; position:absolute; left:0; bottom:0; display:none; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .newsbox_bg .news_box .pic_news_list li .tit { font-size:18px; line-height:30px; height:30px; overflow:hidden; color:#343434; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position:relative;} .newsbox_bg .news_box .pic_news_list li .tit:before { content:'';} .newsbox_bg .news_box .pic_news_list li .des { width:100%; height:60px; overflow:hidden; line-height:30px; margin-top:10px; font-size:14px; color:#8e8e8e; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /*text-align:justify; text-justify:inter-ideograph;*/ position:relative;} .newsbox_bg .news_box .pic_news_list li .margin { height:auto; margin:30px 47px; overflow:hidden; position:relative;} .newsbox_bg .news_box .pic_news_list li .info { padding-left:100px; height:auto; overflow:hidden; position:relative; z-index:1;} .newsbox_bg .news_box .pic_news_list li .time { font-size:20px; color:#fff; float:right;} .newsbox_bg .news_box .pic_news_list li .sort { float:left; line-height:60px; font-size:22px;} .newsbox_bg .news_box .pic_news_list li .date { width:84px; height:auto; overflow:hidden; float:left; margin:0 0 0 -100px; border-right:1px solid #e1e1e1;/* text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;*/} .newsbox_bg .news_box .pic_news_list li .date .d { font-size:48px; line-height:1.2; font-weight:bold; color:#343434;} .newsbox_bg .news_box .pic_news_list li .date .y-m { font-size:14px; line-height:1.2; color:#8e8e8e;} .newsbox_bg .news_box .pic_news_list li .more { font-size:16px; line-height:60px; margin-top:5px; border-top:1px solid #e1e1e1; color:#005aab;} .newsbox_bg .news_box .pic_news_list li .more:after { content:'+'; float:right;} .newsbox_bg .news_box .pic_news_list li .info .icon { float:right; color:#6a6a6a; font-size:35px; transform: rotateY(180deg);} .newsbox_bg .news_box .pic_news_list li .pic, .newsbox_bg .news_box .pic_news_list li .more, .newsbox_bg .news_box .pic_news_list li .date, .newsbox_bg .news_box .pic_news_list li .des, .newsbox_bg .news_box .pic_news_list li .tit { /* -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;*/ } .newsbox_bg .news_box .pic_news_list li:hover .brief { background:#005aab;} .newsbox_bg .news_box .pic_news_list li:hover .date .d, .newsbox_bg .news_box .pic_news_list li:hover .date .y-m, .newsbox_bg .news_box .pic_news_list li:hover .more, .newsbox_bg .news_box .pic_news_list li:hover .tit, .newsbox_bg .news_box .pic_news_list li:hover .des { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; color:#fff; } .newsbox_bg .news_box .pic_news_list li:hover .sort { color:#e7141a;} .newsbox_bg .news_box .pic_news_list li:hover .pic, .newsbox_bg .news_box .pic_news_list li.hover .pic { /*webkit-animation-name: fadeOut; animation-name: fadeOut;*/ } .newsbox_bg .news_box .pic_news_list li:hover .more, .newsbox_bg .news_box .pic_news_list li.hover .more { } .newsbox dd .news_list_scroll { width:50%; height:auto; overflow:hidden; position:relative; float:right; padding-left:13px;} .newsbox dd .news_list { width:100%; height:auto; overflow:hidden; float:left; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between;} .newsbox dd .news_list li { width:100%; height:121px; /*height:calc((100% - 39px) / 2);*/ overflow:hidden; float:left; margin-bottom:14px; position:relative; background:#f2f2f2;} .newsbox dd .news_list li.col2 { width:48%;} .newsbox dd .news_list li.col2 .more { display:none;} .newsbox dd .news_list li a { display:block; height:auto; overflow:hidden; padding:20px; padding-left:168px; position:relative;} .newsbox dd .news_list li .brief { width:100%; height:auto; overflow:hidden; padding-right:0; float:left;} .newsbox dd .news_list li .tit { font-size:18px; line-height:30px; height:30px; margin-top:0px; overflow:hidden; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position:relative;} .newsbox dd .news_list li .des { width:100%; height:auto; overflow:hidden; line-height:24px; margin-top:5px; font-size:14px; color:#9b9b9b; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /*text-align:justify; text-justify:inter-ideograph;*/ position:relative;} .newsbox dd .news_list li .margin { margin:15px; height:auto; overflow:hidden; position:relative;} .newsbox dd .news_list li .info { width:100%; line-height:30px; height:30px; margin-top:20px; color:#6d6d6d; overflow:hidden} .newsbox dd .news_list li .time { font-size:14px; line-height:40px; color:#3d3d3d;} .newsbox dd .news_list li .more { width:100%; height:56px; overflow:hidden; margin-top:50px; font-size:16px; line-height:56px; color:#1c3d7b; border-top:1px solid #e6e6e6;} .newsbox dd .news_list li .more:after { content:'>'; float:right; font-family:"宋体";} .newsbox dd .news_list li .date { width:130px; height:86px; overflow:hidden; text-align:center; z-index:1; float:left; margin:0 0 0 -168px; border-right:1px solid #e0e0e0; position:relative;} .newsbox dd .news_list li .date .y { font-size:24px; line-height:52px; font-weight:bold;} .newsbox dd .news_list li .date .m-d { font-size:20px; line-height:1;} .newsbox dd .news_list li .icon { color:#000; font-size:35px; line-height:50px;} .newsbox dd .news_list li .picbox { width:219px; height:auto; overflow:hidden; float:left; margin:0 0 0 -219px;} .newsbox dd .news_list li .pic { overflow:hidden; margin:15px;} .newsbox dd .news_list li .pic img { display:block;} .newsbox dd .news_list li:hover { background:#0a43b7;} .newsbox dd .news_list li:hover .date { color:#fff;} .newsbox dd .news_list li:hover .tit, .newsbox dd .news_list li:hover .des, .newsbox dd .news_list li:hover .more, .newsbox dd .news_list li:hover .time { color:#fff;} .newsbox dd .news_list li.line { border-bottom:1px dashed #cecece; padding-bottom:15px; margin-bottom:20px;} .newsbox dd .ctrl_box { width:100%; height:25px;} .newsbox dd .news_list li.top_news { font-size:18px; font-weight:bold; color:#db0a0a; border-bottom:1px dashed #cecece; padding:15px 0; padding-bottom:30px; margin-bottom:20px;} .newsbox dd .news_list li.top_news a { font-weight:bold; color:#db0a0a; line-height:23px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; white-space:normal; text-align:center;} .newsbox dd .news_list li.top_news .time { display:none;} .newsbox dd .news_list li.top_news:before { display:none;} .newsbox dd .news_more { width:30%; height:40px; line-height:40px; font-size:14px; display:block; color:#000; float:right; margin-top:40px; text-align:right; position:relative;} .newsbox dd .news_more:before { content:''; width:100%; height:1px; width:100%; background:#aaaaaa; position:absolute; left:0; bottom:2px;} .newsbox dd .news_more:after { content:''; width:63px; height:5px; background:#a0211b; position:absolute; right:0; bottom:0px; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .newsbox dd .news_more:hover:after { width:100%;} /*留言提交*/ .cotnact_feedback_bg { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; margin-top:10px; display:none;} .cotnact_feedback { height:auto; margin-top:20px; position:relative;} .cotnact_feedback dt { width:100%; height:auto; text-align:center; position:relative;} .cotnact_feedback dt .tit { color:#222222; font-size:36px; line-height:80px; position:relative; z-index:1;} .cotnact_feedback dt .tit:after { content:''; width:57px; height:1px; background:#a3a3a3; display:block; margin:0 auto;} .cotnact_feedback dd { width:100%; height:auto; overflow:visible; margin-top:10px;} .cotnact_feedback dd .feedback_form { height:auto; overflow:hidden; position:relative; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .cotnact_feedback dd .feedback_form .input { width:32.2%; height:92px; line-height:92px; background:#f7f6f6; color:#222222; font-size:26px; margin-top:11px; border:0; text-indent:20px; float:left; border:1px solid #a0a0a0;} .cotnact_feedback dd .feedback_form .input:focus, .cotnact_feedback dd .feedback_form .textarea:focus { background:#dedede;} .cotnact_feedback dd .feedback_form .textarea { width:100%; flex:0 0 100%; height:130px; line-height:20px; background:#f7f6f6; color:#000; padding:20px; border:0; margin-top:22px; border:1px solid #a0a0a0;} .cotnact_feedback dd .feedback_form .input:-moz-placeholder, .cotnact_feedback dd .feedback_form .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #232323; opacity:1; font-size:26px; } .cotnact_feedback dd .feedback_form .input::-moz-placeholder, .cotnact_feedback dd .feedback_form .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #232323;opacity:1; font-size:26px; } .cotnact_feedback dd .feedback_form .input:-ms-input-placeholder, .cotnact_feedback dd .feedback_form .textarea:-ms-input-placeholder { color: #232323;opacity:1; font-size:26px; } .cotnact_feedback dd .feedback_form .input::-webkit-input-placeholder, .cotnact_feedback dd .feedback_form .textarea::-webkit-input-placeholder{ color: #232323;opacity:1; font-size:26px; } .cotnact_feedback dd .feedback_form .btn_box { height:auto; overflow:hidden; margin:30px auto;} .cotnact_feedback dd .feedback_form .submit{ width:300px; height:90px; background:#cc0101; border:0; cursor:pointer; color:#fff; margin:0 7px; font-size:26px; border-radius:0px; } .cotnact_feedback dd .feedback_form .reset{ width:300px; height:90px; background:#f7f6f6; border:0; cursor:pointer; color:#000; margin:0 7px; font-size:26px; border-radius:0px; } .map_coordinates { max-width:1440px; min-width:300px; height:auto; margin:0 auto; margin-top:80px;} .map_coordinates dt { width:100%; height:auto; text-align:center; position:relative;} .map_coordinates dt .tit { color:#222222; font-size:36px; line-height:80px; position:relative; z-index:1;} .map_coordinates dt .tit:after { content:''; width:57px; height:1px; background:#a3a3a3; display:block; margin:0 auto;} .map_coordinates dd { width:100%; height:auto; overflow:hidden; margin:60px auto;} .map_coordinates dd #allmap { height:761px; background:#eee;} /*招聘信息*/ .jobs_info_box_bg { height:auto; overflow:hidden;} .jobs_info_box { height:auto; overflow:hidden; margin-top:40px;} .jobs_info_box dt { width:100%; height:60px; font-size:30px; line-height:60px; color:#000; margin:30px 0; text-align:center; position:relative;} .jobs_info_box dt:after { content:''; width:100%; height:1px; background:#efefef; position:absolute; left:0; top:50%; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay:1s; -webkit-animation-delay:1s; -webkit-animation-name: zoomIn; animation-name: zoomIn; } .jobs_info_box dt .tit { display:inline-block; background:#fff; position:relative; z-index:1;} .jobs_info_box dt .tit:before { content:'»'; margin:0 15px; position:relative; top:-2px;} .jobs_info_box dt .tit:after { content:'«'; margin:0 15px; position:relative; top:-2px;} .jobs_info_box dd { max-width:1551px; min-width:300px; height:auto; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;} .jobs_info_box dd .jobs_info_list { width:100%; height:auto; overflow:hidden;} .jobs_info_box dd .jobs_info_list li { width:100%; height:63px; overflow:hidden; background:#f6f6f6; margin:5px 0; float:left;} .jobs_info_box dd .jobs_info_list li .info { width:100%; height:63px; line-height:63px; background:#dfdfdf; color:#000; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; cursor:pointer; font-size:18px;} .jobs_info_box dd .jobs_info_list li .des { height:0; overflow:hidden; margin:30px; margin-bottom:0; font-size:16px; line-height:26px; color:#848484; overflow-y:auto;} .jobs_info_box dd .jobs_info_list li .des::-webkit-scrollbar-track-piece {width:9px;background-color:#eee; border-radius:4.5px;} .jobs_info_box dd .jobs_info_list li .des::-webkit-scrollbar { width:9px; background-color:#fff;} .jobs_info_box dd .jobs_info_list li .des::-webkit-scrollbar-thumb { width:9px; height:195px; background-color:#cacaca; border-radius:4.5px;} .jobs_info_box dd .jobs_info_list li .des::-webkit-scrollbar-thumb:hover { width:9px; background-color:#cacaca;} .jobs_info_box dd .jobs_info_list li .btnbox { margin:0 30px; height:auto;} .jobs_info_box dd .jobs_info_list li .btn { display:block; background:#ce0615; color:#fff; width:116px; height:39px; line-height:39px; text-align:center; float:left; font-size:18px; margin-right:11px;} .jobs_info_box dd .jobs_info_list li .info .tit { margin-left:20px;} .jobs_info_box dd .jobs_info_list li .info .date { margin-right:0px;} .jobs_info_box dd .jobs_info_list li .info .date:after { content:'>'; display:inline-block; padding:0 20px; text-align:center; /*-webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;*/ transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); /* Opera */ } .jobs_info_box dd .jobs_info_list li.hover .info { background:#ce0615; color:#fff;} .jobs_info_box dd .jobs_info_list li.hover { height:387px; padding-bottom:20px;} .jobs_info_box dd .jobs_info_list li.hover .des { height:250px;} .jobs_info_box dd .jobs_info_list li:hover .info .date:after {} .jobs_info_box dd .jobs_info_filter { height:39px; overflow:visible; position:relative; z-index:1;} .jobs_info_box dd .jobs_info_filter .filter_select { width:188px; height:39px; line-height:39px; background:#fff; border:1px solid #e7e7e7; float:left; margin-right:12px;} .filter_select.w220 {width:220px;} .jobs_info_box dd .jobs_info_filter .filter_select .filter_tag { padding:0 14px; color:#656565; position:relative; height:39px; line-height:39px;} .jobs_info_box dd .jobs_info_filter .filter_select .filter_tag:after { content:'>'; position:absolute; right:14px; top:0; line-height:39px; transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); /* Opera */ } .jobs_info_box dd .jobs_info_filter .filter_select .filter_list { height:0; overflow:hidden; background:#fff; padding:0 14px; line-height:39px;} .jobs_info_box dd .jobs_info_filter .filter_select .filter_list a { display:block;} .jobs_info_box dd .jobs_info_filter .filter_select:hover .filter_list{ height:auto; border:1px solid #e7e7e7;} .jobs_info_box dd .jobs_info_filter .filter_select:hover .filter_list a:hover { color:#ce0615;} .jobs_info_box dd .jobs_info_filter .searchbox { float:right; width:236px; height:39px; border:1px solid #e7e7e7; position:relative;} .jobs_info_box dd .jobs_info_filter .searchbox .keyword { width:188px; height:39px; line-height:39px; background:#fff; border:0; text-indent:20px;} .jobs_info_box dd .jobs_info_filter .searchbox .submit { width:47px; height:38px; background:#ce0615 url(../images/filter_select_search_icon.png) center center no-repeat; border:0; cursor:pointer; position:absolute; right:0; top:0;} .jobs_info_box dd .more { display:block; width:140px; height:48px; line-height:48px; text-align:center; background:#c10e0e; color:#fff; margin:50px auto; font-size:16px; border-radius:8px;} /*人才理念*/ .insidebox.talent_concept_bg { background:#fff; position:relative; padding-bottom:88px; border-bottom:1px solid #dfdfdf;} .talent_concept { height:auto; overflow:visible; margin-top:80px;} .talent_concept dt { width:25%; height:auto; float:left;} .talent_concept dt .title { padding-left:80px; height:auto; overflow:hidden; position:relative;} .talent_concept dt .icon { font-size:22px; line-height:50px; color:#464646; position:absolute; left:0; top:0;} .talent_concept dt .tit1 { font-size:36px; font-weight:bold; line-height:50px; height:auto; overflow:hidden; float:left; color:#000; width:200px; text-transform:uppercase;} .talent_concept dt .tit { font-size:24px; line-height:40px; color:#454545; margin-top:20px;} .talent_concept dt .more { display:block; font-size:45px; color:#fff; width:77px; height:77px; line-height:77px; text-align:center; background:#0371be; border-radius:50%; margin-top:30%;} .talent_concept dt .more:hover { background:#c10e0e;} .talent_concept dd { width:75%; height:auto; overflow:hidden; float:left;} .talent_concept dd .tit { font-size:24px; color:#000; line-height:48px; margin-top:110px;} .talent_concept dd .tit:after { content:'——'; display:block;} .talent_concept dd .des { width:100%; height:auto; overflow:hidden; font-size:20px; line-height:36px; color:#898989; margin-top:30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .talent_concept dd .more { font-size:18px; color:#c81616; line-height:30px; margin-top:5px; display:block; float:left;} /*在线应聘*/ .insidebox.applied_online_bg { background:#fff; position:relative;} .applied_online { height:auto; overflow:visible; margin-top:100px;} .applied_online dt { width:100%; height:auto; overflow:hidden;} .applied_online dt .title { padding-left:80px; height:auto; overflow:hidden; position:relative; float:left;} .applied_online dt .icon { font-size:22px; line-height:50px; color:#454545; position:absolute; left:0; top:0;} .applied_online dt .tit1 { font-size:36px; font-weight:bold; line-height:50px; height:auto; overflow:hidden; float:left; color:#000; width:390px; text-transform:uppercase;} .applied_online dt .tit { font-size:24px; line-height:40px; color:#454545; margin-top:20px;} .applied_online dt .more { display:block; font-size:45px; color:#fff; width:77px; height:77px; line-height:77px; text-align:center; background:#0371be; border-radius:50%; float:right;} .applied_online dt .more:hover { background:#c10e0e;} .applied_online dd { width:100%; height:auto; overflow:hidden; float:left; position:relative; margin-top:30px;} .applied_online dd .frombox { height:auto; overflow:hidden; position:relative; margin-bottom:100px; margin-left:80px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .applied_online dd .frombox .input { width:49.5%; height:63px; line-height:63px; background:#eeeeee; color:#000; margin-top:14px; border:0; text-indent:20px; float:left;} .applied_online dd .frombox .textarea { width:97%; flex:0 0 97%; height:100px; line-height:20px; background:#eeeeee; color:#000; padding:20px; border:0; margin-top:14px;} .applied_online dd .frombox .input:-moz-placeholder, .applied_online dd .frombox .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #18a0ff; opacity:1; font-size:16px; } .applied_online dd .frombox .input::-moz-placeholder, .applied_online dd .frombox .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4e4e4e;opacity:1; font-size:16px; } .applied_online dd .frombox .input:-ms-input-placeholder, .applied_online dd .frombox .textarea:-ms-input-placeholder { color: #4e4e4e;opacity:1; font-size:16px; } .applied_online dd .frombox .input::-webkit-input-placeholder, .applied_online dd .frombox .textarea::-webkit-input-placeholder{ color: #4e4e4e;opacity:1; font-size:16px; } .applied_online dd .frombox .btn_box { height:auto; overflow:hidden; margin:0 auto; margin-top:14px;} .applied_online dd .frombox .submit{ width:232px; height:55px; background:#c10e0e; border:0; cursor:pointer; color:#fff; margin:0 7px; font-size:16px; } .applied_online dd .frombox .reset{ width:232px; height:55px; background:#0371be; border:0; cursor:pointer; color:#fff; margin:0 7px; font-size:16px; } /*职位申请*/ .jobs_apply .apply_box .form_group_tit { flex:0 0 100%; width:100%; height:50px; line-height:50px; font-size:18px; text-indent:10px; border-bottom:1px solid #a6a6a6; margin-bottom:12px;} .jobs_apply .apply_box .applyform { margin:0px 43px; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .jobs_apply .apply_box .applyform .input { width:49%; flex:0 0 49%; height:46px; line-height:46px; border:0px solid #dadada; margin-top:13px; background-color:#eeeeee; background-position: 98% center; background-repeat:no-repeat; text-indent:20px; font-size:14px; color:#000; position:relative; color:#848484;} .jobs_apply .apply_box .applyform .inputbox { width:49%; flex:0 0 49%; height:46px; line-height:46px; margin-top:13px; background-color:#eeeeee; font-size:14px; position:relative; color:#848484; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between;} .applyform .input_label { margin-left:20px; height:auto; overflow:hidden;} .applyform .input_radio { display:inline-block; margin-right:20px; height:auto; overflow:hidden;} .applyform .input_radio a { display:inline-block; color:#848484; margin-left:10px;} .applyform .input_radio a:before { content:''; width:14px; height:14px; background:#9e9e9e; border-radius:50%; display:inline-block; position:relative; top:2px; margin-right:10px;} .applyform .input_radio a.sel:before { background:#ce0615;} .jobs_apply .apply_box .applyform .input:focus { background-color:#ddd;} .jobs_apply .apply_box .applyform .input.not_null { background-image:url(../images/icon_not_null.png);} .jobs_apply .apply_box .applyform .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #848484; font-size:14px; } .jobs_apply .apply_box .applyform .input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #848484; font-size:14px; } .jobs_apply .apply_box .applyform .input:-ms-input-placeholder{ color: #848484; font-size:14px; } .jobs_apply .apply_box .applyform .input::-webkit-input-placeholder{ color: #848484; font-size:14px; } .jobs_apply .apply_box .applyform .textarea { width:97%; flex:0 0 97%; height:auto; height:130px; line-height:28px; padding:1.5% 1.5%; border:0px solid #dadada; background:#eeeeee; margin-top:13px; font-size:14px; color:#000;} .jobs_apply .apply_box .applyform .applyform_btn { width:100%; flex:0 0 100%; height:auto; margin:13px 0; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;} .jobs_apply .apply_box .applyform .submit { width:49%; height:45px; line-height:45px; background:#e20114; color:#fff; font-size:14px; border:0; border-radius:0; cursor:pointer;} .jobs_apply .apply_box .applyform .reset { width:49%; height:45px; line-height:45px; background:#014099; color:#fff; font-size:14px; border:0; border-radius:0; cursor:pointer;} .jobs_apply .apply_box .applyform .authcode { margin-top:2%; width:155px; flex:0 0 155px;} .jobs_apply .apply_box .applyform .yzm {cursor:pointer; border:1px solid #eee; margin-top:2%;} .jobs_apply .apply_box .applyform .yzm_ref { line-height:45px; margin-top:2%;} .processbox_bg { height:auto; overflow:hidden; background:url(../images/processbox_bg.jpg) top center no-repeat; background-size:cover; position:relative;} /*生产工艺*/ .processbox { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-top:80px;} .processbox dt { width:100%; height:auto; overflow:hidden;} .processbox dt .title { height:auto; overflow:hidden; float:left;} .processbox dt .tit { font-size:22px; line-height:50px; letter-spacing:1px;} .processbox dt .tit1 { width:440px; font-size:60px; line-height:80px; font-weight:bold; color:#487342; text-shadow: 0 1px #487342, 1px 0 #487342, -1px 0 #487342, 0 -1px #165a09; font-family:"Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:2px;} .processbox dt .more { width:218px; height:55px; line-height:55px; background:#cc0101; font-size:14px; display:block; color:#fff; padding:0 30px; margin-top:0px; position:relative; float:right;} .processbox dt .more:after { content:''; width:21px; height:55px; float:right; float:right; background:url(../images/icon_arrow_right.png) center center no-repeat;} .processbox dt .more:hover { background:#165a09;} .processbox dd { width:100%; height:auto; overflow:hidden; position:relative; margin-top:0px; z-index:1;} .processbox dd .process_show_circle { width:897px; height:897px; position:absolute; left:50%; border-radius:50%; margin-left:-448px; bottom:-240px;} @-webkit-keyframes rotate { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -360deg); transform: rotate3d(0, 0, 1, -360deg); } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } } @keyframes rotate { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -360deg); transform: rotate3d(0, 0, 1, -360deg); } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } } .processbox dd .process_show_circle.rotate0:after { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } .processbox dd .process_show_circle.rotate1:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .processbox dd .process_show_circle.rotate2:after { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } .processbox dd .process_show_circle.rotate3:after { -webkit-transform: rotate3d(0, 0, 1, -135deg); transform: rotate3d(0, 0, 1, -135deg); } .processbox dd .process_show_circle.rotate4:after { -webkit-transform: rotate3d(0, 0, 1, -180deg); transform: rotate3d(0, 0, 1, -180deg); } .processbox dd .process_show_circle.rotate5:after { -webkit-transform: rotate3d(0, 0, 1, -225deg); transform: rotate3d(0, 0, 1, -225deg); } .processbox dd .process_show_circle.rotate6:after { -webkit-transform: rotate3d(0, 0, 1, -270deg); transform: rotate3d(0, 0, 1, -270deg); } .processbox dd .process_show_circle.rotate7:after { -webkit-transform: rotate3d(0, 0, 1, -315deg); transform: rotate3d(0, 0, 1, -315deg); } .processbox dd .process_show_circle.rotate8:after { -webkit-transform: rotate3d(0, 0, 1, -359deg); transform: rotate3d(0, 0, 1, -359deg); } .processbox dd .process_show_circle:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/processbox_show_circle.png) center center no-repeat; background-size:100% 100%; -moz-transition:all 1s cubic-bezier(0,0,.2,1); -o-transition:all 1s cubic-bezier(0,0,.2,1); -ms-transition:all 1s cubic-bezier(0,0,.2,1); transition:all 1s cubic-bezier(0,0,.2,1); /*-webkit-animation: rotate 20s linear infinite 0s; -moz-animation: rotate 20s linear infinite 0s; -o-animation: rotate 20s linear infinite 0s; -ms-animation: rotate 20s linear infinite 0s; animation: rotate 20s linear infinite 0s;*/ } .processbox dd .process_show { width:650px; height:650px; overflow:hidden; border-radius:50%;} .processbox dd .process_show img { display:block;} .processbox dd .process_list { width:100%; height:auto; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; position:relative; z-index:1;} .processbox dd .process_list li { width:50%; flex:0 0 50%; height:auto; overflow:hidden; margin:38px 0;} .processbox dd .process_list li a { display:block; height:auto; overflow:hidden;} .processbox dd .process_list li:nth-child(1) { order:1;} .processbox dd .process_list li:nth-child(2) { order:3;} .processbox dd .process_list li:nth-child(3) { order:5;} .processbox dd .process_list li:nth-child(4) { order:7;} .processbox dd .process_list li:nth-child(5) { order:2; text-align:right;} .processbox dd .process_list li:nth-child(6) { order:4; text-align:right;} .processbox dd .process_list li:nth-child(7) { order:6; text-align:right;} .processbox dd .process_list li:nth-child(8) { order:8; text-align:right;} .processbox dd .process_list li:nth-child(5) .iconbox, .processbox dd .process_list li:nth-child(6) .iconbox, .processbox dd .process_list li:nth-child(7) .iconbox, .processbox dd .process_list li:nth-child(8) .iconbox { float:right; margin:0; margin-left:20px;} .processbox dd .process_list li:nth-child(5) .info, .processbox dd .process_list li:nth-child(6) .info, .processbox dd .process_list li:nth-child(7) .info, .processbox dd .process_list li:nth-child(8) .info { float:right;} .processbox dd .process_list li .iconbox { width:90px; height:90px; margin-right:20px; background:url(../images/process_list_iconbox_bg0.png) center center no-repeat; float:left; border-radius:50%; overflow:hidden;} .processbox dd .process_list li .iconbox .icon { display:block; line-height:90px; text-align:center; font-size:40px;} .processbox dd .process_list li .iconbox .icon.icon-tubiaozhizuomoban-kuihuazidange { font-size:90px;} .processbox dd .process_list li .iconbox .icon.icon-shaixuan{ font-size:55px;} .processbox dd .process_list li .iconbox .icon.icon-tujian{ font-size:55px;} .processbox dd .process_list li .iconbox .icon.icon-bizhongti { font-size:35px;} .processbox dd .process_list li .iconbox .icon.icon-lianjiequzhong { font-size:45px;} .processbox dd .process_list li .iconbox .icon.icon-yinshuabaozhuang { font-size:50px;} .processbox dd .process_list li .info { height:auto; float:left; margin-top:10px;} .processbox dd .process_list li .tit { height:50px; line-height:50px; font-size:30px; color:#3a722f;} .processbox dd .process_list li .des { font-size:18px; line-height:30px;} .processbox dd .process_list li:hover a .iconbox, .processbox dd .process_list li.hover a .iconbox { color:#cc0101; background:url(../images/process_list_iconbox_bg1.png) center center no-repeat;} .processbox dd .process_list li:hover a .tit, .processbox dd .process_list li.hover a .tit { color:#cc0101;} .service_process_bg { height:auto; overflow:hidden; background:url(../images/service_process_bg.jpg) center center no-repeat; background-size:cover; padding-bottom:95px;} .service_process { margin:0; height:auto; overflow:visible; position:relative; margin-top:60px;} .service_process dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;} .service_process dt .icon { float:left; font-size:70px; line-height:80px; color:#0436ba;} .service_process dt .title { float:left; height:auto; overflow:hidden; position:relative; padding-left:20px;} .service_process dt .title:before { content:''; position:absolute; left:0; top:50%; margin-top:-27px; width:6px; height:53px; background:#d6ae10;} .service_process dt .tit { font-size:30px; line-height:40px; color:#fff; margin-top:10px;} .service_process dt .tit1:before { content:'——————'; font-weight:normal; margin-right:10px;} .service_process dt .tit1:after { content:'——————'; font-weight:normal; margin-left:10px;} .service_process dt .tit1 { font-size:18px; line-height:30px; text-transform:uppercase; color:#e60000; font-weight:bold;} .service_process dd { width:100%; height:auto; overflow:hidden; margin-top:40px;} .service_process dd .service_process_list { width:100%; height:auto; overflow:hidden;} .service_process dd .service_process_list li { width:19%; height:auto; overflow:hidden; display:inline-block; float:left; margin:0 0.5%; background:#eee; padding:40px 0;} .service_process dd .service_process_list li .iconbox { width:132px; height:144px; overflow:hidden; margin:0 auto; background:url(../images/service_process_list_iconbox_bg0.png) center center no-repeat; text-align:center;} .service_process dd .service_process_list li .iconbox .icon { color:#5d9d0f; font-size:45px; line-height:50px; margin-top:15px;} .service_process dd .service_process_list li .iconbox .tit { margin:0 10px; line-height:20px; font-size:16px; color:#454545;} .service_process dd .service_process_list li .des { height:90px; color:#363636; font-size:16px; line-height:30px; text-align:center; margin:0 40px; margin-top:40px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .service_process dd .service_process_list li:hover .iconbox { background:url(../images/service_process_list_iconbox_bg1.png) center center no-repeat;} .service_process dd .service_process_list li:hover .iconbox .icon, .service_process dd .service_process_list li:hover .iconbox .tit { color:#fff;} /*案列展示*/ .casebox_bg { height:100%; overflow:hidden; position:relative; padding:50px 0; z-index:2;} .casebox_bg:before { content:''; position:absolute; left:0; top:0; width:100%; height:65%; background:url(../images/casebox_bg.jpg) top center no-repeat; background-size:cover;} .casebox{ max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:1;} .casebox dt { width:100%; height:auto; overflow:hidden;} .casebox dt .title { height:auto; overflow:hidden; position:relative; color:#fff; text-align:center;} .casebox dt .title .tit1 { font-size:18px; line-height:1; text-transform:uppercase; color:rgba(255,255,255,.6); letter-spacing:0px; margin-top:0px; position: relative;} .casebox dt .title .tit { font-size:30px; line-height:2; position:relative; z-index:1;} .casebox dt .des { width:30%; height:auto; overflow:hidden; color:#000; font-size:18px; line-height:2.5; margin-top:20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .casebox dt .more { width:169px; height:52px; line-height:52px; background:#0a43b7; font-size:16px; display:block; color:#fff; padding-left:30px; margin-top:0px; position:relative; float:right;} .casebox dt .more:before { content:'>'; float:right; width:52px; line-height:52px; text-align:center; border-left:1px solid #001b73;} .casebox dt .more:hover { background:#e20404;} .casebox dt .tabs { height:30px; line-height:30px; overflow:hidden; font-size:14px; position:relative; z-index:1; text-align:left; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; position:absolute; left:408px; top:30px; right:250px;} .casebox dt .tabs a { display:inline-block; height:20px; line-height:20px; overflow:; color:#3e3e3e; text-align:center; padding:0 3px; position:relative;} .casebox dt .tabs a:before { content:'|'; position:absolute; left:-5px; top:0; display:none;} .casebox dt .tabs a:hover, .casebox dt .tabs a.hover { background:#1e2969; color:#fff;} .casebox dd { width:100%; height:auto; overflow:hidden; margin-top:60px; position:relative;} .casebox dd .case_box { padding-right:515px; height:auto; overflow:hidden; padding-bottom:20px;} .casebox dd .case_list_scroll { width:100%; height:auto; position:relative; float:left;} .casebox dd .case_list_scroll .swiper-pagination-bullets{ width:40%; bottom:30px; height:30px; left:auto; right:30px; text-align:right;} .casebox dd .case_list_scroll .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { } .casebox dd .case_list_scroll .swiper-pagination-bullet { width:20px; height:20px; border-radius:50%; background:none; border:3px solid #fff; opacity: 1; display:inline-block; margin:0 9px;} .casebox dd .case_list_scroll .swiper-pagination-bullet-active { background:#fff;} .casebox dd .case_list_scroll .prev, .casebox dd .case_list_scroll .next { width:50px; height:50px; line-height:50px; display:block; color:#004799; border-radius:0%; z-index:1; font-size:30px; font-weight:100; position:absolute; left:0px; top:48%; margin-top:-26px; text-align:center; z-index:999; display:none;} .casebox dd .case_list_scroll .next { left:auto; right:0px;} .casebox dd .case_list_scroll .prev:hover, .casebox dd .case_list_scroll .prev:hover { } .casebox dd .case_list_scroll .swiper-scrollbar { width:100%; height:60px; position:relative; overflow:visible; margin-top:40px; background:none; border-radius:0;} .casebox dd .case_list_scroll .swiper-scrollbar .swiper-scrollbar-drag { background:#fff; width:60px; height:60px; position:relative; border:2px solid #e7141a; border-radius:50%; cursor:pointer; z-index:1;} .casebox dd .case_list_scroll .swiper-scrollbar:after { content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#fff;} .casebox dd .case_list_scroll .swiper-scrollbar .swiper-scrollbar-drag:before { content:''; position:absolute; left:30%; top:50%; margin-top:-5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 0px solid transparent; border-right: 7px solid #e7141a; } .casebox dd .case_list_scroll .swiper-scrollbar .swiper-scrollbar-drag:after { content:''; position:absolute; right:30%; top:50%; margin-top:-5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #e7141a; border-right: 0px solid transparent; } /*.casebox dd .case_list_scroll .swiper-pagination { margin-top:40px; text-align:center; z-index:1; height:18px; text-align:center;} .casebox dd .case_list_scroll .swiper-pagination .swiper-pagination-switch { display:inline-block; width:12px; height:12px; border-radius:50%; background:none; opacity:1; margin:0 6px; cursor:pointer; border:2px solid #113eae; z-index:1;} .casebox dd .case_list_scroll .swiper-pagination .swiper-pagination-switch.swiper-active-switch { background:#e50012; border:2px solid #e50012;}*/ .casebox dd .case_list_pic { width:500px; height:auto; overflow:hidden; margin:0 -515px 0 0; float:right;} .casebox dd .case_list_pic a { display:block; margin-bottom:15px; text-align:center; position:relative;} .casebox dd .case_list_pic a img { display:block;} .casebox dd .case_list_pic a .tit { font-size:14px; line-height:28px; width:100%; height:28px; text-align:center; color:#fff; background:#4caffd; background:rgba(76,175,253,.7); position:absolute; left:0; bottom:0;} .casebox dd .case_list_pic a:hover { background:#ffba4c; color:#000;} .casebox dd .case_list { width:100%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;} .casebox dd .case_list li { width:32.6%; height:auto; overflow:; position:relative; float:left; margin-bottom:1%; background:#fff; /*-moz-transition:all 2s cubic-bezier(0,0,.2,1); -o-transition:all 2s cubic-bezier(0,0,.2,1); -ms-transition:all 2s cubic-bezier(0,0,.2,1); transition:all 2s cubic-bezier(0,0,.2,1); */} .casebox dd .case_list li.ml0 { margin-left:0;} .casebox dd .case_list li a { display:block; height:auto; overflow:hidden; background:#f6f6f6; padding:7px;} .casebox dd .case_list li .tit { font-size:18px; height:70px; line-height:70px; text-align:center; color:#1d1d1d;} .casebox dd .case_list li .tit:after { content:'>'; float:right; display:none; /*width:47px; height:47px; font-size:16px; text-align:center; line-height:45px; position:absolute; right:0; top:50%; margin-top:-23px; border-radius:50%; color:#fff; background:#0436ba; -moz-transition:all .2s cubic-bezier(0,0,.2,1); -o-transition:all .2s cubic-bezier(0,0,.2,1); -ms-transition:all .2s cubic-bezier(0,0,.2,1); transition:all .2s cubic-bezier(0,0,.2,1);*/ } .casebox dd .case_list li .box { display:block; position:relative; margin:1.5%;} .casebox dd .case_list li .pic { width:100%; height:auto; overflow:hidden; position:relative;} .casebox dd .case_list li .pic:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0;} .casebox dd .case_list li a:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; display:none;} .casebox dd .case_list li .pic img { display:block; -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; position:relative; z-index:0; overflow:hidden; } .casebox dd .case_list li:hover .pic:after {} .casebox dd .case_list li:hover .pic img { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms;} .casebox dd .case_list li .icon { width:30px; height:73px; line-height:73px; font-size:30px; color:#ccc; float:right;} .casebox dd .case_list li .margin { margin:0 30px; height:auto; overflow:hidden;} .casebox dd .case_list li .brief { height:auto; overflow:hidden; height:48px;} .casebox dd .case_list li .more { width:194px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#e50012; background:#fff; border-radius:20px; margin:0 auto; margin-top:20px; text-transform:uppercase; display:block;} .casebox dd .case_list li:hover .tit { color:#fff;} .casebox dd .case_list li:hover a { background:#0a43b7;} .casebox dd .case_list li:hover a:after { border:2px solid #f1f1f1;} /*优势*/ .core_advantage_bg { height:auto; overflow:hidden; position:relative; padding:120px 0; background:url(../images/core_advantage_bg.jpg) bottom center no-repeat; background-size:cover; z-index:1;} .core_advantage { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; padding-left:220px; /*margin-top:120px; margin-bottom:16px;*/ position:relative; z-index:1;} .core_advantage dt { width:220px; height:auto; overflow:hidden; float:left; margin:0 0 0 -220px;} .core_advantage dt .title { float:left;} .core_advantage dt .title .tit1 { font-size:18px; line-height:2; color:#6d6d6d; text-transform:uppercase;} .core_advantage dt .title .tit { width:100%; font-size:30px; line-height:1; color:#000; position:relative;} .core_advantage dt .title .tit:after { content:''; width:50px; height:4px; display:block; background:#2f5199; margin:10px 0; display:none;} .core_advantage dt .more { width:169px; height:52px; line-height:52px; background:#03279a; font-size:16px; display:block; color:#fff; padding-left:30px; margin-top:0px; position:relative; float:right;} .core_advantage dt .more:before { content:'>'; float:right; width:52px; line-height:52px; text-align:center; border-left:1px solid #001b73;} .core_advantage dt .more:hover { background:#cb1516;} .core_advantage dd { width:100%; height:auto; overflow:; position:;} .core_advantage dd .core_advantage_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:baseline;} .core_advantage dd .core_advantage_list li { width:23.8%; height:auto; overflow:hidden; float:left; position:relative;} .core_advantage dd .core_advantage_list li:after { content:''; position:absolute; left:50%; margin-left:-30px; bottom:0; width:60px; height:10px; background:#4c4c4c; z-index:1; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .core_advantage dd .core_advantage_list li .icon { font-size:50px; line-height:60px; margin:20px auto; color:#0a43b7;} .core_advantage dd .core_advantage_list li .tit { font-size:22px; line-height:2;} .core_advantage dd .core_advantage_list li .des { font-size:18px; line-height:2; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .core_advantage dd .core_advantage_list li a { background:#eaeaea; color:#4c4c4c; display:block; text-align:center; padding:40px 15px; position:relative; z-index:1;} .core_advantage dd .core_advantage_list li:hover a { background:#0a43b7; background-size:cover; color:#fff;} .core_advantage dd .core_advantage_list li:hover a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/core_advantage_list_bg.jpg) top center no-repeat; background-size:cover; filter:alpha(opacity=10); -moz-opacity:.1; -khtml-opacity: .1; opacity: .1;} .core_advantage dd .core_advantage_list li:hover .icon { color:#fff;} .core_advantage dd .core_advantage_list li:hover:after { background:#fff;} .adv_pic { position:relative; left:-17%; margin-top:30px; z-index:1;} /*how_to_eat*/ .how_to_eat { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; padding:60px 0;} .how_to_eat dt { width:100%; height:auto; overflow:hidden; text-align:center;} .how_to_eat dt .title { height:auto; overflow:hidden; position:relative; color:#000;} .how_to_eat dt .tit1 { font-size:30px; line-height:1.3; font-weight:bold; text-transform:uppercase; letter-spacing:0px; margin-top:0px; position: relative; color:#c8c8c8; /*background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(255,255,255,0)); -webkit-background-clip: text; color: transparent*/ } .how_to_eat dt .tit { font-size:32px; line-height:1.3; color:#000; z-index:1;} .how_to_eat dt .des { font-size:18px; color:#000; line-height:2; margin-top:30px;} .how_to_eat dd { width:100%; height:auto; overflow:hidden; margin-top:40px; background:url(../images/how_to_eat_bg.png) center center no-repeat;} .how_to_eat dd .how_to_eat_item { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .how_to_eat dd .how_to_eat_item li { width:50%; height:auto; overflow:hidden; margin-bottom:40px;} .how_to_eat dd .how_to_eat_item li:nth-child(2n) { text-align:right;} .how_to_eat dd .how_to_eat_item li .tit { font-size:24px; color:#b51700; line-height:2; font-weight:bold;} .how_to_eat dd .how_to_eat_item li .des { width:340px; height:90px; overflow:hidden; font-size:16px; color:#6e6e6e; line-height:30px; margin-top:30px;} .how_to_eat dd .how_to_eat_item li:nth-child(2n) .des { float:right;} /*服务流程*/ .services_process_bg { height:100%; overflow:hidden; padding:88px 0; padding-bottom:99px; background:url(../images/services_process_bg.jpg) top center no-repeat; background-size:cover; position:relative; z-index:1;} .services_process { max-width:1440px; min-width:300px; height:auto; margin:0 auto;} .services_process dt { width:100%; height:auto; overflow:hidden; position:relative;} .services_process dt .title { float:left; height:auto; overflow:hidden; position:relative; padding-left:26px;} .services_process dt .title:before { content:''; width:8px; height:64px; background:#1e2969; position:absolute; left:0; top:50%; margin-top:-32px;} .services_process dt .tit { font-size:36px; line-height:1.3; color:#1e2969; font-weight:bold;} .services_process dt .tit1 { font-size:24px; line-height:1.3; text-transform:uppercase; color:#585858; letter-spacing:0px; margin-top:0px; position: relative; /*background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(255,255,255,0)); -webkit-background-clip: text; color: transparent*/ } .services_process dt .more { width:162px; height:46px; line-height:46px; background:#1e2969; font-size:14px; display:block; color:#fff; padding:0 30px; margin-top:20px; position:relative; float:right;} .services_process dt .more .icon { font-size:25px; margin-right:10px; float:left;} .services_process dt .more:after { content:''; float:right;} .services_process dt .more:hover { background:#4caffd;} .services_process dt .tabs { height:30px; line-height:30px; overflow:hidden; font-size:14px; position:relative; z-index:1; text-align:left; font-size:0; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; position:absolute; left:360px; top:20px; right:244px;} .services_process dt .tabs a { display:inline-block; height:20px; line-height:20px; overflow:; color:#3e3e3e; text-align:center; padding:0 10px; position:relative; font-size:14px;} .services_process dt .tabs a:before { content:'|'; position:absolute; left:-5px; top:0;} .services_process dt .tabs a:hover, .services_process dt .tabs a.hover { background:#1e2969; color:#fff;} .services_process dd { width:100%; height:auto; overflow:; margin-top:30px; position:relative;} .services_process dd .title { text-align:center; height:auto; overflow:hidden;} .services_process dd .title .tit { font-size:24px; color:#1e2969; line-height:1.5; font-weight:bold;} .services_process dd .title .tit1 { font-size:18px; color:#3e3e3e; line-height:1.5; text-transform:uppercase;} .services_process dd .services_process_list { width:100%; height:auto; overflow:; margin:40px 0; position:relative; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:flex-start; align-items:baseline;} .services_process dd .services_process_list .line { background:#c2c2c2; position:absolute; top:24px; left:-100px; right:-100px; height:6px; z-index:0;} .services_process dd .services_process_list .icon_left, .services_process dd .services_process_list .icon_right { width:52px; height:52px; background:url(../images/icon_play01.png) center center no-repeat; position:absolute; left:-100px; top:0px; z-index:2;} .services_process dd .services_process_list .icon_right { left:auto; right:-100px;} .services_process dd .services_process_list a { display:block; float:left; margin-left:3.5%; position:relative; z-index:1;} .services_process dd .services_process_list .first { margin-left:0%;} .services_process dd .services_process_list .num { background:#1e2969; font-size:30px; color:#fff; font-family:'微软雅黑'; width:52px; height:52px; line-height:52px; text-align:center; border-radius:50%;} .services_process dd .services_process_list .tit { font-size:14px; line-height:21px; text-align:center; margin-top:30px;} .services_process dd .services_process_list a:hover .num { background:#4caffd;} /**/ .adbox_bg { height:auto; overflow:hidden; background:url(../images/adbox_bg.jpg) center center no-repeat; background-size:cover;} .adbox { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;} .adbox .tit { font-size:60px; line-height:80px; color:#ffba4c; font-weight:bold;} .adbox .des { width:70%; height:auto; overflow:hidden; margin:20px auto; font-size:30px; line-height:45px; color:#fff; padding:20px; border:2px solid #fff;} /*应用领域*/ .application_area_bg { height:auto; overflow:hidden; background:url(../images/application_area_bg.jpg) center center no-repeat; background-size:cover;} .application_area { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:92px auto;} .application_area .application_area_list { width:100%; height:auto; overflow:;} .application_area .application_area_list li { width:12.5%; float:left; height:auto; overflow:;} .application_area .application_area_list li a { width:100%; height:auto; overflow:hidden; display:block; color:#fff; text-align:center;} .application_area .application_area_list li .icon { width:100%; height:160px; line-height:160px; font-size:70px; color:#004799; background:url(../images/application_area_list_bg.png) center center no-repeat; background-size:100% 100%;} .application_area .application_area_list li:nth-child(2n) .icon, .application_area .application_area_list li.n2 .icon { background:url(../images/application_area_list_bg1.png) center center no-repeat; background-size:100% 100%;} .application_area .application_area_list li.n2 .tit { margin-top:10px;} .application_area .application_area_list li .tit { font-size:18px;line-height:56px;} .insidebox_bg { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; margin-top:-96px;} .insidebox { overflow:hidden; margin-top:0px;} .leftbox { width:100%; height:auto; overflow:visible; position:relative;} .leftbox_bg { position:relative; left:0; top:0px; height:85px; border-bottom:1px solid #dadada;/* filter:alpha(opacity=24); -moz-opacity:0.24; -khtml-opacity: 0.24; opacity: 0.24;*/} .currpath { width:1440px; height:40px; line-height:40px; margin:0 auto; font-size:14px; color:#727171; margin-top:10px;} .currpath a { color:#727171;} .insidebox .currpath { width:96%; margin-left:2%; height:40px; line-height:40px; font-size:12px; color:#6f6f6f; margin-top:10px; font-weight:bold;} .insidebox .currpath a { color:#6f6f6f;} .goods-leftbox { background:#032b76; min-height:101px;} .goods-guidebox { max-width:1200px; min-width:300px; height:auto; margin:0 auto; overflow:hidden;} .goods-guidebox dt { display:none;} .goods-guidebox dd { width:100%; height:auto; overflow:hidden;} .goods-guidebox dd ul { width:100%; height:auto; overflow:hidden; text-align:center; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; font-size:18px;} .goods-guidebox dd ul li { width:16.66666666666667%; flex:0 0 16.66666666666667%; height:101px; line-height:101px; background:none; margin:0; padding:0;} .goods-guidebox dd ul li:hover { color:#fff;} .goods-guidebox dd ul li a { color:#fff; display:block; font-weight:bold;} .goods-guidebox dd ul li:hover a,.goods-guidebox dd ul li.hover a { background:#01379b;} .news-leftbox { width:100%; position:relative; height:auto; overflow:hidden;} .news-leftbox .line { position:absolute; left:0; top:61%; width:100%; height:1px; background:#e3e3e3;} .news-guidebox { max-width:1200px; min-width:300px; height:auto; margin:0 auto; overflow:hidden;} .news-guidebox dt { display:none;} .news-guidebox dd { width:100%; height:auto; overflow:hidden;} .news-guidebox dd ul { width:100%; height:auto; overflow:hidden; text-align:center; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start;} .news-guidebox dd ul li { background:none; margin:0; padding:0;} .news-guidebox dd ul li a { display:block; height:auto; overflow:hidden; position:relative;} .news-guidebox dd ul li a .cn { color:#000; font-size:25px; line-height:55px; height:55px; font-weight:bold;} .news-guidebox dd ul li a .en { color:#7d7d7d; font-size:17px; line-height:30px; height:30px; text-transform:uppercase;} .news-guidebox dd ul li a:before { content:''; height:2px; width:0; background:#dd1e19; top:60%; left:0; position:absolute; -webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;} .news-guidebox dd ul li:hover a:before,.news-guidebox dd ul li.hover a:before { width:100%;} .goods-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-top:20px;} .goods-list li { width:23.5%; flex:0 0 23.5%; margin-left:2%; margin-bottom:2%; float:left; height:auto; overflow:hidden; display:block; /*-webkit-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 5px #eee;*/} .goods-list li.ml0 { margin-left:0;} .goods-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;} .goods-list li .pic img { display:block;} .goods-list li .name{ text-align:center; height:60px; line-height:60px; text-align:center; background:#fff; font-size:16px; color:#000;} .goods-list li:hover .name { color:#fff; background:#0a43b7;} .pic-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-top:20px;} .pic-list li { width:23.5%; flex:0 0 23.5%; margin-left:2%; margin-bottom:2%; float:left; height:auto; overflow:hidden; display:block; /*-webkit-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 5px #eee;*/} .pic-list li.ml0 { margin-left:0;} .pic-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;} .pic-list li .pic img { display:block;} .pic-list li .name{ text-align:center; height:60px; line-height:60px; text-align:center; background:#fff; font-size:16px; color:#000;} .pic-list li:hover .name { color:#fff; background:#0a43b7;} .video-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-top:20px;} .video-list li { width:23.5%; flex:0 0 23.5%; margin-left:2%; margin-bottom:2%; float:left; height:auto; overflow:hidden; display:block; /*-webkit-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 5px #eee;*/} .video-list li.ml0 { margin-left:0;} .video-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;} .video-list li .pic img { display:block;} .video-list li .name{ text-align:center; height:60px; line-height:60px; text-align:center; background:#fff; font-size:16px; color:#000;} .video-list li:hover .name { color:#fff; background:#0a43b7;} .news-box { height:auto; overflow:hidden; padding-right:383px;} .news-box .rightbox { width:330px; height:auto; overflow:hidden; float:right; margin:0 -383px 0 0;} .news-box .rightbox .searchbox { width:100%; height:auto; overflow:hidden; background:#e5e5e5;} .news-box .rightbox .searchbox .box { width:80%; height:auto; margin:30px auto; overflow:hidden;} .news-box .rightbox .searchbox .tit { font-size:24px; color:#000; line-height:30px;} .news-box .rightbox .searchbox .keys { width:100%; height:40px; margin-top:15px; border:0; background:#fff; line-height:40px; text-indent:10px;} .news-box .rightbox .searchbox .submit { width:100%; height:40px; font-size:15px; margin-top:15px; border:0; background:#bb1818; color:#fff; line-height:40px; text-align:center; cursor:pointer;} .news-box .rightbox .picnews { margin-top:30px; display:block;} .news-box .rightbox .picnews .pic { overflow:hidden;} .news-box .rightbox .picnews .tit { font-size:17px; line-height:28px; margin-top:10px; color:#000;} .news-box .rightbox .picnews .des { font-size:14px; line-height:24px; color:#6e6e6e; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news-box .rightbox .picnews:hover .tit{ color:#ff4208;} .news-box .rightbox .picnews:hover .des{ margin-top:10px;} .pic-news-list { width:100%; height:auto; margin-top:100px;} .pic-news-list li { width:30%; height:auto; overflow:hidden; float:left;} .pic-news-list li a { display:block; height:auto; overflow:hidden;} .pic-news-list li .time { font-size:18px; line-height:20px; color:#468b22; font-weight:bold;} .pic-news-list li .tit { font-size:20px; height:60px; line-height:60px; color:#0c0c0c; overflow:hidden; margin-top:20px; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .pic-news-list li .des { height:60px; font-size:16px; line-height:30px; height:auto; overflow:hidden; margin-top:10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .pic-news-list li .pic { width:100%; height:auto; overflow:hidden; position:relative; margin-top:30px;} .pic-news-list li .pic:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; -webkit-transition: all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease; } .pic-news-list li .pic img { display:block;} .pic-news-list li:hover .pic:after { border:5px solid #c10e0e;} .pic-news-list li:hover .tit, .pic-news-list li:hover .time, .pic-news-list li:hover .des { color:#a51f26;} .pic-news-list-scroll .swiper-pagination { max-width:410px; position:relative; height:5px; background:#ebebeb; margin:0 auto;} /*.pic-news-swiper-pagination .swiper-pagination-bullets{ } .pic-news-swiper-pagination .swiper-pagination-bullet { width:72px; height:5px; margin:0; padding:0; border-radius:0; font-size:0; background:#999;} .pic-news-swiper-pagination .swiper-pagination-bullet-active { background:#b21a15;}*/ .pic-news-list-scroll .swiper-pagination-progressbar { position:relative; width:100%; height:5px; background:#ebebeb; overflow:hidden; border-radius:3px; margin-top:60px;} .pic-news-list-scroll .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#a51f26; height:5px; border-radius:3px;} /*新闻列表样式*/ .news-list { width:100%; height:auto; overflow:visible; margin-top:70px; border-top:1px solid #474747;} .news-list li { width:100%; height:auto; overflow:visible; position:relative;} .news-list li a { display:block; height:104px; line-height:104px; overflow:hidden; font-size:18px; border-bottom:1px solid #474747; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; position:relative;} .news-list li .brief { width:100%; height:auto; overflow:hidden; float:left;} .news-list li .tit { font-size:18px; display:inline-block;} .news-list li .des { width:100%; height:48px; overflow:hidden; line-height:24px; margin-top:0px; font-size:16px; color:#4e4e4e; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; position:relative;} .news-list li .margin { margin:29px 30px; height:auto; overflow:hidden; position:relative;} .news-list li .time { margin-left:10px; margin-right:100px;} .news-list li .date { width:73px; height:104px; overflow:hidden; text-align:left; z-index:1; float:left; color:#212121; margin-right:20px; position:relative;} .news-list li .date:after { content:''; position:absolute; right:0; top:0px; width:1px; height:100%; background:#dedede;} .news-list li .date .d { font-size:48px; line-height:48px;} .news-list li .date .d:after { content:'——'; font-size:14px;} .news-list li .date .y-m { font-size:14px; line-height:20px;} .news-list li a:after { content:'>'; width:35px; height:35px; line-height:35px; text-align:center; background:#000; color:#fff; border-radius:50%; position:absolute; right:32px; top:50%; margin-top:-19px;} .news-list li .icon { color:#000; font-size:35px; line-height:50px;} .news-list li .pic { width:100%; display:block; overflow:hidden; margin:0 0 0 -258px; float:left; border:0px solid #fff;} .news-list li .pic img { display:block;} .news-list li:hover .pic { } .news-list li:hover a:hover:after { background:#d50808;} .news-list li:hover .tit, .news-list li:hover .date, .news-list li:hover .des {} .news-list li .line_bx { background:#008d39; width:0%; height:2px; position:absolute; left:0; bottom:0;} .news-list li .line_ly { background:#008d39; width:2px; height:0%; position:absolute; left:0; bottom:0;} .news-list li .line_tx { background:#008d39; width:0%; height:2px; position:absolute; right:0; top:0;} .news-list li .line_ry { background:#008d39; width:2px; height:0%; position:absolute; right:0; top:0;} .news-list li:hover .line_bx { width:100%;} .news-list li:hover .line_ly { height:100%;} .news-list li:hover .line_tx { width:100%;} .news-list li:hover .line_ry { height:100%;} /*新闻列表样式2*/ .news-list2 { width:100%; height:auto; overflow:visible; margin-top:60px;} .news-list2 li { width:100%; height:auto; overflow:visible; position:relative; padding:36px 0; /*border-bottom:1px solid #ccc;*/} .news-list2 li a { display:block; height:auto; overflow:hidden; position:relative; /*display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;*/ padding-left:560px;} .news-list2 li .pic { width:560px; height:auto; overflow:hidden; display:block; position:relative; float:left; z-index:2; /*margin:49px 0;*/ margin:0 0 0 -560px; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .news-list2 li .pic img { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .news-list2 li:hover .pic img { -webkit-transform: scale(1.05); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.05); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } .news-list2 li .pic:after { content:''; position:absolute; width:100%; height:100%; left:0; border:0; /*background:url(../images/news_pic_mask.png) 0 0 no-repeat; background-size:auto 100%;*/ background:rgba(0,0,0,0); -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .news-list2 li a:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; z-index:1; display:none; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .news-list2 li .brief { width:100%; height:auto; overflow:hidden; position:relative; z-index:2; border-top:0px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; float:left; /*border-bottom:3px solid #cc0101;*/} .news-list2 li:hover .pic:after { left:0; /*background:rgba(0,0,0,0.3); */} .news-list2 li .margin { margin-left:77px; height:auto; overflow:hidden; position:relative;} .news-list2 li .title { height:auto; overflow:hidden; padding-right:100px;} .news-list2 li .date { width:70px; height:auto; overflow:hidden; color:#2a2a2a; float:right; margin:0px -100px 0 0; text-align:center; z-index:1;} .news-list2 li .date .d { font-size:45px; line-height:50px; font-weight:bold; color:#b60909;} .news-list2 li .date .y-m { display:inline-block; font-size:14px; line-height:20px;} .news-list2 li .sort { width:100%; font-size:16px; color:#838383; line-height:30px;} .news-list2 li .tit { width:100%; line-height:30px; height:30px; overflow: hidden; color:#000000; font-size:24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; margin-top:10px;} .news-list2 li .des { width:100%; position:relative; height:64px; overflow:hidden; line-height:32px; margin-top:30px; margin-bottom:30px; font-size:17px; color:#292929; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .news-list2 li .info { width:100%; height:auto; overflow:hidden; position:relative;} .news-list2 li .info:after { content:''; background:#165a09; width:131px; height:2px; position:absolute; left:77px; top:0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes line_ext { 0% { width:0% } 80% { width:100%; height:2px; } 100% { width:100%; left:0; height:4px; background:#cc0101; } } .news-list2 li .time { float:left; font-size:48px; line-height:120px; color:#999999; margin-left:77px; font-weight:bold;} .news-list2 li .more { float:right; color:#292929; font-size:17px; margin-top:45px; text-transform:uppercase;} .news-list2 li .more:after { content:'>';} .news-list2 li .icon { color:#909090; font-size:22px; margin:50px; height:55px; line-height:55px; margin-top:50px; margin-bottom:80px; display:none;} .news-list2 li:hover .info:after { /*width:100%; left:0; background:#cc0101; height:3px;*/ -webkit-animation-name: line_ext; animation-name: line_ext; } .news-list2 li:hover .tit, .news-list2 li:hover .time, .news-list2 li:hover .more { color:#cc0101;} /*新闻列表样式3*/ .news-list3 { width:100%; height:auto; overflow:visible; margin-top:60px;} .news-list3 li { width:100%; height:auto; overflow:hidden; position:relative; border-bottom:1px solid #ebebeb;} .news-list3 li:nth-child(2n) { float:right;} .news-list3 li a { display:block; height:auto; overflow:hidden; position:relative; padding:40px 0; padding-left:156px;} .news-list3 li a:after { content:'>'; width:60px; height:60px; line-height:60px; font-size:36px; text-align:center; background:#468b22; color:#fff; border-radius:50%; position:absolute; right:32px; top:50%; font-weight:100; margin-top:-30px;} .news-list3 li .date { width:100px; height:auto; overflow:hidden; float:left; margin:20px 0 0 -100px; float:left; z-index:1; color:#468b22;} .news-list3 li .date .d { font-size:48px; line-height:50px; font-weight:bold;} .news-list3 li .date .y-m { display:inline-block; font-size:16px; line-height:30px;} .news-list3 li .brief { height:auto; overflow:hidden; position:relative; margin:0px 30px; margin-top:20px;} .news-list3 li .tit { width:100%; height:30px; line-height:30px; overflow: hidden; color:#000000; font-size:18px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .news-list3 li .des { width:100%; position:relative; height:60px; overflow:hidden; line-height:30px; margin-top:10px; font-size:16px; color:#8e8e8e; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .news-list3 li .more { width:124px; height:42px; line-height:42px; background:#b21a15; color:#fff; overflow:hidden; text-align:center; border-radius:8px;} .news-list3 li .more:after { content:'>'; margin-left:20px;} .news-list3 li .icon { color:#909090; font-size:22px; margin:50px; height:55px; line-height:55px; margin-top:50px; margin-bottom:80px; display:none;} .news-list3 li:hover .brief { } .news-list3 li:hover a { background:#a51f26;} .news-list3 li:hover .date { color:#fff;} .news-list3 li:hover .tit, .news-list3 li:hover .des { color:#fff;} .news-list3 li:hover a:after { background:#fff; color:#a51f26;} /*新闻列表样式1*/ .news-list1 { width:100%; height:auto; overflow:hidden; font-size:16px;} .news-list1 li { width:100%; line-height:80px; height:80px; margin:5px 0; position:relative; overflow:hidden; background:#f9f9f9;} .news-list1 li:before { content:''; display:inline-block; width:5px; height:5px; background:#ccc; float:left; margin-left:10px; margin-top:38px; display:none;} .news-list1 li .date { float:right;} .news-list1 li .tit { margin-left:20px;} .news-list1 li a { display:block; padding:0 20px; height:auto; overflow:hidden; position:relative; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .news-list1 li a:before { content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:5px; height:5px; background:#ccc; float:left; margin-left:0px;} .news-list1 li:hover { /*border-bottom:1px solid #999; */} .news-list1 li:after { content:''; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#005aab; background:linear-gradient(to left, #014099, #e20114); -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;} .news-list1 li:hover:after { width:100%;} .news-list1 li:hover:before { background:#005aab;} .jobs-list { width:100%; height:auto; overflow:hidden; float:left;} .jobs-list li { width:100%; height:60px; overflow:hidden; position:relative; border-bottom:1px dashed #dbdbdb;} .jobs-list li .date { float:right; line-height:60px; font-family:Arial;} .jobs-list li .tit { width:100%; font-size:16px; height:60px; line-height:60px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .jobs-list li .des { color:#707070; font-size:14px; line-height:23px; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .jobs-list li:hover .tit { color:#ff4208;} .jobs-list li:hover .des { color:#ff4208;} .jobs-list li:hover .date { color:#ff4208;} .upresume { border:1px solid #ccc; background:#eee; padding:10px; border-radius:5px;} .upresume:hover { border:1px solid #f00; background:#f00; color:#fff;} .network_box { height:auto; overflow:hidden; margin-top:20px; margin-bottom:100px; padding-right:514px;} .network_box .net_work_point { width:100%; height:auto; min-height:660px; overflow:hidden; float:left;} .network_box .new_work_info { width:420px; height:auto; overflow:hidden; float:right; margin:0 -480px 0 0;} .detail .telbox { width:100%; height:auto; overflow:hidden; color:#a0211b; margin-top:100px;} .detail .telbox .icon { float:left; margin-right:10px;} .detail .telbox .lab { float:left; font-size:16px; line-height:40px;} .detail .telbox .tel { float:left; font-size:34px; line-height:40px; font-weight:bold;} .detail .tit3 { font-size:27px; line-height:53px; color:#a0211b;} .detail .tit4{ color:#383838; font-size:16px; line-height:34px; margin-top:60px;} .detail { width:100%; height:auto; overflow:hidden; margin:0 auto;} .detail .tit { font-size:30px; line-height:50px; margin:10px 0; margin-top:40px; font-weight:normal; text-align:center; color:#000000;} .detail .title { margin-top:60px; display:none;} .detail .tit1 { color:#a0211b; font-size:30px; line-height:50px;} .detail .tit2 { color:#383838; font-size:16px; line-height:20px; text-transform:uppercase;} .detail .info { font-size:16px; line-height:38px; color:#383838; margin-top:40px;} .detail .des { line-height:44px; color:#8f8f8f; text-align:center; /* border-top:1px solid #ccc;*/ margin-top:10px; font-size:14px; position:relative;} .detail .des:after { content:''; width:170px; height:1px; background:#8f8f8f; position:absolute; left:50%; margin-left:-85px; bottom:0;} .detail .pic { text-align:center;} .detail .pic img { max-width:100%; width:auto;} .detail .con { padding:0px; line-height:2; text-align:justify;/* text-justify:distribute-all-lines;*/ text-justify:inter-ideograph; margin-top:30px;} .detail .con p { font-size:16px; color:#000; line-height:3;} .detail .con p img { max-width:100%; width:auto; height:auto;} .detail .date { font-size:18px; line-height:50px; text-align:center;} /*上一条下一条*/ .detail .prev_next { font-size:16px; border-top:1px solid #ececec; margin:0; padding:30px 0; margin-top:15px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center;} .detail .prev_next a { display:block; line-height:36px;} .detail .prev_next .prev_label, .detail .prev_next .next_label { color:#8e8e8e;} .detail .prev_next .next_label { text-align:right;} .detail .prev_next .prev_tit, .detail .prev_next .next_tit { color:#000;} .detail .prev_next a:hover { color:#c00;} .detail .label { margin:10px 0; font-size:16px; font-weight:bold; color:#262626;} /*相关标签*/ .detail .tag a { display:inline-block; color:#f00; border-bottom:1px dashed #f00; margin:0 3px;} /*相关新闻列表*/ .detail .news-related-list { width:100%; height:auto; overflow:hidden;} .detail .news-related-list li { height:30px; border-bottom:1px dashed #ccc; line-height:30px; text-indent:20px; position:relative;} .detail .news-related-list li:before { content:''; width:6px; height:6px; position:absolute; left:5px; top:50%; margin-top:-3px; background:#999; border-radius:50%;} .detail .news-related-list li span { float:right;} /*相关图片列表*/ .detail .news-related-pic { width:100%; height:auto; overflow:hidden;} .detail .news-related-pic li { width:120px; height:110px; float:left; margin-right:10px; position:relative;} .detail .news-related-pic li .picture { width:120px; height:80px;} .detail .news-related-pic li .title { height:20px; line-height:30px; text-align:center; width:100%; font-size:12px;} .ny_topbox { max-width:1200px; min-width:300px; height:auto; margin:0 auto; overflow:hidden; color:#000; text-align:center;} .ny_topbox .title { display:inline-block; margin-top:30px;} .ny_topbox .tit { font-size:34px; line-height:60px; font-weight:bold;} .ny_topbox .line { display:inline-block; width:3px; height:16px; overflow:hidden; background:#000; margin:0 20px;} .ny_topbox .tit1 { font-size:34px; font-family:Arial; text-transform:uppercase; font-weight:normal; margin-left:10px;} .ny_topbox .des { margin:16px auto;} .guidebox_bg { background:#f4f4f4; height:96px; position:relative;} .guidebox_bg:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#014099; background: linear-gradient(to right, #014099, #e20114);} /*内页导航*/ .guidebox { height:auto; overflow:visible; position:relative; margin-top:0px;} .guidebox dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center; display:none;} .guidebox dt .title { display:inline-block;} .guidebox dt .tit { color:#000; font-size:32px; line-height:3; position:relative; z-index:2;} .guidebox dt .tit:before, .guidebox dt .tit:after { content:''; width:48px; height:4px; background:#fff; display:inline-block; margin:0 15px; position:relative; top:-8px; background:url(../images/guidebox_title_line.jpg) center center no-repeat; display:none;} .guidebox dt .tit1 { color:#cccccc; line-height:2.5; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:18px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; display:none;} .guidebox dt .line { display:inline-block; width:56px; height:3px; background:#d9d9d9; z-index:-1; position:relative; top:-10px; margin:0 20px;} .guidebox dd { width:100%; height:auto; overflow:visible; margin-top:0px;} .guidebox dd .location { color:#272727; line-height:60px; float:right; margin-top:20px; margin-right:10px; font-size:15px; /*padding-left:30px; background:url(../images/icon_home.png) 0 center no-repeat;*/} .guidebox dd .location a { color:#014099;} .guidebox dd ul { padding:0; height:auto; overflow:hidden; font-size:15px; margin-top:0px; position:relative; float:left;} .guidebox dd ul li { display:inline-block; height:auto; margin:0 10px; position:relative;} .guidebox dd ul li.first:before { display:none;} .guidebox dd ul li:before { content:' |'; color:#d3d3d3; float:left; position:absolute; left:-4px; top:0; line-height:2.5; display:none;} .guidebox dd ul li a { color:#000; display:block; line-height:92px; position:relative; overflow:hidden; padding:0 10px;} .guidebox dd ul li:hover:before, .guidebox dd ul li.hover:before { /*background:#006ccc;*/} .guidebox dd ul li:hover a, .guidebox dd ul li.hover a { color:#014099;} .guidebox dd ul li:hover a { /*margin-top:-5px;*/} .guidebox dd ul li:hover a+.subnav, .guidebox dd ul li.hover a+.subnav { display:none;} .guidebox dd ul li .subnav { width:100%; height:46px; font-size:14px; margin-top:0; height:auto; position:relative; top:0px; left:0; display:none; overflow:hidden; color:#535353; z-index:999; background:#fff; text-align:left;} .guidebox dd ul li .subnav a { display:block; width:auto; float:left; line-height:36px; height:36px; text-align:center; color:#535353; background:none; padding:0 8px; border:0;} .guidebox dd ul li .subnav a:after { display:none;} .guidebox dd ul li .subnav a:before { display:none;} .guidebox dd ul li .subnav a:nth-child(1):before { background:none;} .guidebox dd ul li .subnav a:hover, .guidebox dd ul li .subnav a.hover { color:#1c3d7b; font-weight:bold;} /*左则导航搜索框*/ .leftbox .searchbox { width:100%; height:auto; overflow:hidden;} .leftbox .searchbox .box { width:241px; height:52px; background:#efefef; overflow:hidden; border-radius:8px;} .leftbox .searchbox .keys { width:168px; height:35px; line-height:35px; float:left; margin-top:8px; margin-left:20px; background:none; border:0;} .leftbox .searchbox .submit { width:53px; height:35px; line-height:35px; margin-top:8px; text-align:center; border:0; cursor:pointer; background:url(../images/icon_search0.png) center center no-repeat;} .leftbox .contact { width:100%; height:auto; overflow:hidden;} .leftbox .contact dt { width:100%; height:60px; overflow:hidden; position:relative; background:#fff url(../images/guidebox_title_line.gif) bottom center no-repeat;} .leftbox .contact dt .tit { color:#030303; font-size:18px; line-height:60px; position:relative; z-index:2;} .leftbox .contact dt .tit1 { color:#fff; line-height:20px; font-family:Arial; text-transform:uppercase; font-size:20px; letter-spacing:0px; margin-top:20px; text-transform:uppercase; font-weight:bold;} .leftbox .contact dd { width:100%; height:auto; overflow:hidden;} .leftbox .contact dd .telbox { height:auto; line-height:36px; border:1px solid #dcdcdc; color:#000; border-radius:8px; text-align:center; margin-top:40px; padding:15px 0;} .leftbox .contact dd .lab { color:#000; font-size:14px; font-weight:bold;} .leftbox .contact dd .lab:before { content:'◆'; position:relative; margin-right:10px;} .leftbox .contact dd .tel { color:#fda100; font-size:18px; font-weight:bold;} /*详细内容显示*/ .contentbox { width:100%; height:auto; float:left; overflow:hidden; background:#fff; padding:0px; margin-top:0px; margin-bottom:60px;} .contentbox dt { width:100%; height:80px; line-height:80px; overflow:hidden; position:relative; position:relative; border-bottom:1px solid #f0f0f0; display:none;} .contentbox dt .location { float:right; color:#6c6c6c; font-size:18px; line-height:40px; font-weight:normal; margin-top:20px;} .contentbox dt .location a { color:#6c6c6c;} .contentbox dt .location a:hover { color:#6c6c6c;} .contentbox dt .slogan { display:none;} .contentbox dt .tit { font-size:26px; position:relative; display:block; float:left; margin-right:0px; font-weight:normal; color:#000;} .contentbox dt .tit .line{ background:#05adb8; width:100%; height:2px; position:absolute; bottom:0; left:0;} .contentbox dd { margin:20px 0; min-height:550px; height:auto; overflow:hidden;} .contentbox dd #content { font-size:16px; line-height:2;} .contentbox dd .empty { font-size:40px; color:#ccc; line-height:100px; text-align:center;} /*联系我们*/ .contactbox_bg { height:auto; overflow:hidden; position:relative; background:#fff; background-size:cover; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .contactbox_bg:before { content:''; position:absolute; top:120px; left:0; height:50%; width:100%; background:#74a803; z-index:1;} .contactbox_bg:after { content:''; position:absolute; left:40%; right:0; top:0; height:100%; background:url(../images/contactbox_bg.jpg) top center no-repeat; background-size:cover;} .location_map { position:absolute; left:0; top:120px; right:44.5%; height:100%; z-index:999;} .location_map a { display:block; width:100%; height:100%; position:absolute; left:0; top:0; font-size:0;} .contactbox { max-width:1440px; min-width:300px; width:1440px; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end;} .contactbox dt { width:100%; height:40px; overflow:hidden; position:relative; text-align:center;} .contactbox dt .title { width:100%; height:auto; overflow:; text-align:center; color:#fff;} .contactbox dt .tit1 { font-size:93px; line-height:100px; letter-spacing:10px; color:#3f82bb; text-transform:uppercase; font-weight:bold;} .contactbox dt .tit { line-height:44px; font-size:44px; position:relative; font-weight:bold; margin-top:-96px;} .contactbox dt .tit:after { content:''; width:60px; height:6px; background:#fff; display:block; margin:0 auto; margin-top:20px;} .contactbox dt .des { color:#fff; font-size:18px; line-height:30px; margin-top:15px;} .contactbox dd { width:100%; height:auto; overflow:hidden;} .contactbox dd .contact_info { width:50%; height:auto; overflow:hidden; position:relative; float:left; background:#ffb906; background:rgba(255,185,6,.7);} .contactbox dd .contact_info .tit { font-size:18px; line-height:60px; color:#7f441b; font-weight:bold; display:inline-block;} .contactbox dd .contact_info .tit:after { content:''; width:70px; height:2px; background:#7f441b; display:block;} .contactbox dd .contact_info .des { font-size:16px; line-height:45px; color:#474747; margin-top:10px;} .contactbox dd .contact_info .emap { height:auto; overflow:hidden; margin-top:20px;} .contactbox dd .contact_info .text { font-size:18px; line-height:30px; color:#666666; margin-top:50px;} .contactbox dd .contact_info .margin { height:auto; overflow:hidden; margin:50px 60px;} .contactbox dd .feedback { width:616px; height:auto; overflow:hidden; position:relative; float:right; background:rgba(116,58,18,.84); background:#fff; background-size:100% auto;} .contactbox dd .feedback .margin { height:auto; overflow:hidden; margin:50px 60px;} .contactbox dd .feedback:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:8px; background:#dba100; } .contactbox dd .formbox { height:auto; overflow:hidden; color:#000; font-size:14px; margin-top:20px;} .contactbox dd .feedback .tit { font-size:40px; line-height:1.5; color:#000;} .contactbox dd .feedback .des { font-size:16px; line-height:2; color:#818181; margin-top:20px;} .contactbox dd .feedback .inputbox { width:100%; height:auto; overflow:hidden; margin-top:10px; color:#fff;} .contactbox dd .feedback .btnbox { width:100%; height:auto; margin-top:30px;} .contactbox dd .feedback .lab { font-size:16px; line-height:1.5; margin-top:10px; display:none;} .contactbox dd .feedback .input { width:100%; height:60px; line-height:60px; background:none; color:#000; margin-top:0px; border:0; border-bottom:1px solid #c4c4c4;} .contactbox dd .feedback .input.w_50 { width:50%;} .contactbox dd .feedback .authcode { float:right;} .contactbox dd .feedback .textarea { width:100%; height:110px; line-height:20px; background:none; color:#2a2a2a; padding:3% 0; border:0; margin-top:0; border-bottom:1px solid #c4c4c4;} .contactbox dd .feedback .input:-moz-placeholder, .contactbox dd .feedback .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #2a2a2a; opacity:1; font-size:16px; } .contactbox dd .feedback .input::-moz-placeholder, .contactbox dd .feedback .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #2a2a2a; opacity:1; font-size:16px; } .contactbox dd .feedback .input:-ms-input-placeholder, .contactbox dd .feedback .textarea:-ms-input-placeholder { color: #2a2a2a; opacity:1; font-size:16px; } .contactbox dd .feedback .input::-webkit-input-placeholder, .contactbox dd .feedback .textarea::-webkit-input-placeholder{ color: #2a2a2a; opacity:1; font-size:16px; } .contactbox dd .feedback .submit{ width:211px; height:66px; border-radius:0; background:#e8a700; font-size:18px; color:#000; border:0; cursor:pointer; float:left;} .contactbox dd .feedback .reset{ width:211px; height:66px; border-radius:0; background:#8bbe1f; font-size:18px; color:#000; border:0; cursor:pointer; float:right;} /*走进我们栏目页*/ /*56.net亚洲必赢简介*/ .about_us_box_bg { padding:100px 0; height:auto; overflow:hidden; background:#fff url(../images/about_us_box_bg.jpg) center center no-repeat; /*background-size:cover;*/ position:relative;} .about_us_box_bg .about_point li.line { width:1px; height:60px; background:#ccc;} .about_us_box { max-width:1440px; min-width:300px; height:auto; margin:0 auto;} .about_us_box .about { padding:0 30px;} .about_us_box .about .title { height:auto; overflow:hidden; color:#232323;} .about_us_box .about .tit { font-size:30px; line-height:40px; margin:0 auto; text-align:center; } .about_us_box .about .tit:after { content:''; width:67px; height:1px; background:#a3a3a3; display:block; margin:20px auto; display:none;} .about_us_box .about .tit1 { font-size:14px; line-height:30px; text-transform:uppercase;} .about_us_box .about .tit1:before { content:'-'; margin-right:3px;} .about_us_box .about .des { height:auto; overflow:hidden; font-size:16px; line-height:42px; margin-top:60px; color:#1c1c1c; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:100; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .about_us_box .about .company_name { font-size:28px; line-height:36px; color:#a51f26; margin-top:40px;} .about_us_box .about .company_name:after { content:'—'; display:block;} .about_us_box .about .about_point { width:100%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-content:center; align-items:center; margin-top:40px; margin-bottom:49px;} .about_us_box .about .about_point li { width:auto; height:auto; margin-top:0px; overflow:; position:relative; float:left; display:inline-block;} .about_us_box .about .about_point li .icon { width:100px; height:100px; margin:0 auto; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;} .about_us_box .about .about_point li .icon .img1 { display:block;} .about_us_box .about .about_point li .icon .img2 { display:none;} .about_us_box .about .about_point li .info { position:relative; z-index:1;} .about_us_box .about .about_point li .num { width:100%; line-height:60px; font-size:36px; position:relative; font-weight:400; color:#165a09; /*background: linear-gradient(to right, #88d4f9, #0385e0, #0155cb, #004ac6); -webkit-background-clip: text; color: transparent;*/ } .about_us_box .about .about_point li .unit{ margin-left:4px; line-height:20px; font-size:18px; position:relative; color:#000; font-weight:normal;} .about_us_box .about .about_point li .tit2 { font-size:18px; line-height:30px;} /*企业文化*/ .corporate_culture_bg { padding:120px 0; padding-bottom:50px; height:auto; overflow:hidden; background:url(../images/corporate_culture_bg.jpg) center center no-repeat; background-size:cover; position:relative;} .corporate_culture { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .corporate_culture dt { width:100%; height:auto; overflow:hidden; text-align:center;} .corporate_culture dt .title { color:#fff;} .corporate_culture dt .tit { font-size:30px; line-height:50px;} .corporate_culture dt .des { font-size:18px; line-height:2;} .corporate_culture dt .tit1 { font-size:14px; line-height:30px; text-transform:uppercase;} .corporate_culture dt .tit1:before { content:'-'; margin-right:3px;} .corporate_culture dd { width:100%; height:auto; overflow:hidden; margin-top:70px;} .corporate_culture dd .corporate_culture_list { width:100%; height:auto; color:#fff; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .corporate_culture dd .corporate_culture_list li { width:20%; height:auto; overflow:; float:left; text-align:center; position:relative;} .corporate_culture dd .corporate_culture_list li:after { content:''; border-bottom:1px dashed #fff; height:0; position:absolute; left:-43%; top:60px; width:60%;} .corporate_culture dd .corporate_culture_list li:nth-child(1):after { display:none;} .corporate_culture dd .corporate_culture_list li .icon { width:119px; height:119px; line-height:119px; font-size:60px;border-radius:50%; margin:0 auto; text-align:center; border:2px dashed #fff;} .corporate_culture dd .corporate_culture_list li .tit { font-size:24px; line-height:2; margin:20px 0; font-weight:bold;} .corporate_culture dd .corporate_culture_list li .des { font-size:16px; line-height:2.5; padding:0 20px;} .corporate_culture dd .corporate_culture_list li:hover .icon { background:#014099;} /*发展历程*/ .development_history_bg { padding:120px 0; padding-bottom:50px; height:auto; overflow:hidden; /*background:url(../images/development_history_bg.jpg) center center no-repeat;*/ background-size:cover; position:relative;} .development_history { max-width:1560px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .development_history dt { width:100%; height:auto; overflow:hidden; text-align:center;} .development_history dt .title { color:#000;} .development_history dt .tit { font-size:30px; line-height:50px;} .development_history dt .des { font-size:18px; line-height:2.5;} .development_history dt .tit1 { font-size:14px; line-height:30px; text-transform:uppercase;} .development_history dt .tit1:before { content:'-'; margin-right:3px;} .development_history dd { /*width:100%;*/ padding-left:78px; height:auto; overflow:hidden; margin-top:70px; text-align:center;} .development_history dd .title { width:60px; height:auto; overflow:hidden; font-size:60px; line-height:60px; writing-mode: vertical-lr;writing-mode: tb-lr; float:left; margin:0 0 0 -78px; background: linear-gradient(to right, #014099, #4c2365, #ff0000); -webkit-background-clip: text; color: transparent; } .development_history dd .development_history_pic { max-width:100%; width:auto;} .development_history_scroll { width:100%; height:auto; overflow:; position:relative;} .development_history_scroll:before { content:''; width:9px; height:9px; background:#014099; border-radius:50%; position:absolute; left:-4px; top:0px; z-index:2;} .development_history_scroll:after { content:''; width:9px; height:9px; background:#014099; border-radius:50%; position:absolute; left:-4px; bottom:2px; z-index:1;} .development_history_scroll .point_line { position:absolute; left:0; bottom:6px; background:#e5e5e5; width:100%; height:1px;} .development_history_scroll .next { display:block; position:absolute; right:0; bottom:0; width:0; height:0; z-index:1; width:11px; height:13px; background:url(../images/development_history_scroll_next.jpg) no-repeat; /*border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #014099; border-right: 0px solid transparent;*/ } .development_history_scroll .swiper-pagination { width:100%; height:30px; position:absolute; left:0; bottom:0;} .development_history dd .development_history_list { width:100%; height:auto; color:#000;} .development_history dd .development_history_list li { width:33.3333%; height:auto; overflow:; float:left; position:relative; padding-bottom:80px;} .development_history dd .development_history_list li:after { content:''; width:9px; height:9px; background:#014099; border-radius:50%; position:absolute; left:-4px; bottom:2px; z-index:1;} .development_history dd .development_history_list li a { display:block; height:100%; overflow:hidden; position:relative; padding:0px 0%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-between;} .development_history dd .development_history_list li a:after { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5;} .development_history dd .development_history_list li .tit { font-size:36px; line-height:2;} .development_history dd .development_history_list li .des { font-size:16px; line-height:36px; height:108px; height:auto; margin:20px 0; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 30; -webkit-box-orient: vertical;} .development_history dd .development_history_list li .pic { width:100%; height:auto; overflow:hidden; margin:40px 0;} .development_history dd .development_history_list li .pic img { display:block;} /*荣誉资质*/ .honorbox_bg { padding:80px 0; padding-bottom:110px; height:auto; overflow:hidden; background:url(../images/honorbox_bg.jpg) center center no-repeat; background-size:cover; position:relative;} .honorbox { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .honorbox dt { width:100%; height:auto; overflow:hidden; text-align:center;} .honorbox dt .title { color:#000;} .honorbox dt .title .tit { width:100%; font-size:30px; line-height:2; color:#000; position:relative;} .honorbox dt .title .tit1 { font-size:18px; line-height:2; color:#6d6d6d; text-transform:uppercase;} .honorbox dt .title .tit:after { content:''; width:50px; height:4px; display:block; background:#2f5199; margin:10px 0; margin:0 auto; display:;} .honorbox dt .tabs { width:100%; text-align:center; height:auto; overflow:hidden; margin:50px 0;} .honorbox dt .tabs li { width:20%; display:inline-block; text-align:center; position:relative;} .honorbox dt .tabs li .tit { font-size:18px; line-height:2;} .honorbox dt .tabs li a { display:block; position:relative; padding-bottom:20px;} .honorbox dt .tabs li a:after { content:''; position:absolute; left:50%; bottom:-20px; margin-left:-7px; border-top: 0px solid transparent; border-left: 7px solid transparent; border-bottom: 10px solid #014099; border-right: 7px solid transparent; -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .honorbox dt .tabs li .num { color:#014099; font-weight:bold;} .honorbox dt .tabs li .num .counter { font-size:48px; line-height:1;} .honorbox dt .tabs li .num .unit { line-height:1; font-size:24px; position:relative; display:inline-block; top:-24px; padding:0 10px;} .honorbox dt .tabs li a:hover .tit, .honorbox dt .tabs li a.hover .tit { color:#014099;} .honorbox dt .tabs li a.hover:after { bottom:0;} .honorbox dt .more { width:169px; height:52px; line-height:52px; background:#0a43b7; font-size:16px; display:block; color:#fff; padding-left:30px; margin-top:0px; position:relative; float:right;} .honorbox dt .more:before { content:'>'; float:right; width:52px; line-height:52px; text-align:center; border-left:1px solid #001b73;} .honorbox dt .more:hover { background:#cb1516;} .honorbox dd { width:100%; height:auto; overflow:; text-align:center; margin-top:40px;} .honorbox dd .honor_list_scroll { width:100%; height:auto; overflow:hidden; position:relative; padding:0 200px;} .honorbox dd .honor_list_scroll .swiper-container { /*overflow:visible;*/} .honorbox dd .honor_list { width:100%; height:auto;} .honorbox dd .honor_list li { width:25%; height:auto; float:left; overflow:;} .honorbox dd .honor_list li a { display:block; background:#e5e5e5; padding:50px 20px;} .honorbox dd .honor_list li .pic { display:block;} .honorbox dd .honor_list li .pic img { display:block;} .honorbox dd .honor_list li .tit { width:100%; color:#000; line-height:2; font-size:18px; margin-top:80px; position:relative;} .honorbox dd .ctrl_box { height:75px; line-height:75px; background:#9d4b0d; position:relative; z-index:1; margin-top:80px;} .honorbox dd .ctrl_box .ctrl_info { float:left; font-size:24px; color:#fff;} .honorbox dd .ctrl_box .ctrl_info .curr { font-size:36px; font-weight:bold; margin-right:10px;} .honorbox dd .ctrl_box .ctrl_info .total { margin-left:10px;} .honorbox dd .honor_list_scroll .prev, .honorbox dd .honor_list_scroll .next { width:40px; height:40px; line-height:38px; text-align:center; display:block; border-radius:50%; border:2px solid #03419a; font-size:15px; font-weight:bold; color:#03419a; position:absolute; left:0; top:50%; margin-top:-20px;} .honorbox dd .honor_list_scroll .next { left:auto; right:0;} .honorbox dd .honor_list_scroll .prev:hover, .honorbox dd .honor_list_scroll .next:hover { background:#03419a; color:#fff;} .honorbox dd .honor_more { border:1px solid #014099; width:151px; height:44px; line-height:44px; border-radius:22px; text-align:center; color:#014099; display:block; margin:0 auto; margin-top:100px;} .honorbox dd .honor_more:hover { background:#014099; color:#fff;} /*厂区环境*/ .about_plant_area_bg { padding:120px 0; padding-bottom:60px; height:auto; overflow:hidden; background:#fff; background-size:cover; position:relative;} .about_plant_area { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .about_plant_area dt { width:100%; height:auto; overflow:hidden; text-align:center;} .about_plant_area dt .title { color:#000;} .about_plant_area dt .tit { font-size:30px; line-height:2.5;} .about_plant_area dt .des { font-size:18px; line-height:2.5;} .about_plant_area .about_plant_area_list_scroll { width:100%; height:auto; overflow:hidden; margin-top:61px;} .about_plant_area .about_plant_area_list { width:100%; height:auto; overflow:;} .about_plant_area .about_plant_area_list li { width:20%; height:auto; overflow:; float:left;} .about_plant_area .about_plant_area_list li .pic img { display:block;} .about_plant_area .about_plant_area_list li .brief { width:100%; height:62px; background:#eee; padding:0 20px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; display:none;} .about_plant_area .about_plant_area_list li .brief .tit { font-size:16px; line-height:62px; color:#000; float:left; width:100%; position:relative;} .about_plant_area .about_plant_area_list li .brief .tit:after { content:'>'; float:right;} .about_plant_area .about_plant_area_list li .brief .tit1 { font-size:16px; line-height:2; color:#000; margin-left:3px;} .about_plant_area .swiper-pagination { width:100%; height:30px; position:relative;} .about_plant_area .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; border-radius:50%; background:#014099; opacity:1; margin:0 10px; cursor:pointer; position:relative; top:3px;} .about_plant_area .swiper-container-horizontal>.swiper-pagination-bullets, .about_plant_area .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; } .about_plant_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#014099;} .about_plant_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content:''; position:absolute; left:-3px; top:-3px; width:14px; height:14px; border:1px solid #014099; border-radius:50%;} .about_plant_area .ctrl_box { width:380px; height:auto; overflow:hidden; margin:50px auto; position:relative; z-index:1;} .about_plant_area .ctrl_box .prev, .about_plant_area .ctrl_box .next { position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; color:#014099; font-size:20px; text-align:center; font-family:"宋体"; z-index:999; font-weight:bold;} .about_plant_area .ctrl_box .next { left:auto; right:0;} /*视频宣传*/ .about_video_bg { padding:120px 0; padding-bottom:280px; margin-bottom:50px; height:auto; overflow:hidden; background:url(../images/about_video_bg.jpg) center center no-repeat; background-size:cover; position:relative;} .about_video_bg:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.1);} .about_video { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto; padding:100px 0; position:relative; z-index:1;} .about_video dt { width:100%; height:auto; overflow:hidden;} .about_video dt .title { color:#fff; text-align:center;} .about_video dt .tit { font-size:42px; line-height:3;} .about_video dt .des { font-size:22px; line-height:2;} .about_video dd { width:100%; height:auto; overflow:; text-align:center; margin-top:60px;} .about_video dd .video { width:100%; height:auto; overflow:hidden; position:relative;} .about_video dd .video .play { display:block; width:84px; height:84px; background:url(../images/icon_play02.png) center center no-repeat; margin:0 auto;} .about_video dd .video .play img { display:block;} /*实力创新栏目页*/ /*技术优势*/ .technical_advantages_bg { height:auto; overflow:hidden; background:#fff; padding:100px 0;} .technical_advantages { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .technical_advantages dt { width:100%; height:auto; overflow:hidden;} .technical_advantages dt .title { text-align:center;} .technical_advantages dt .tit { font-size:30px; line-height:3;} .technical_advantages .technical_advantages_list_scroll { width:100%; height:auto; overflow:hidden; margin-top:30px;} .technical_advantages .technical_advantages_list { width:100%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .technical_advantages .technical_advantages_list li { width:24%; height:auto; overflow:; float:left;} .technical_advantages .technical_advantages_list li .pic { width:100%; height:auto; overflow:hidden;} .technical_advantages .technical_advantages_list li .pic img { display:block;} .technical_advantages .technical_advantages_list li .title { width:100%; height:92px; line-height:92px; padding:0 0px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .technical_advantages .technical_advantages_list li .tit { width:100%; font-size:22px; position:relative; padding-left:60px;} .technical_advantages .technical_advantages_list li .tit:after { content:'>'; float:right; margin-right:20px; font-size:13px; font-family:"宋体";} .technical_advantages .technical_advantages_list li .icon { width:42px; height:43px; line-height:43px; font-size:18px; text-align:center; background:url(../images/adv_icon_bg.png) center center no-repeat; background-size:100% 100%; position:absolute; left:0; top:50%; margin-top:-21px;} .technical_advantages .technical_advantages_list li .des { font-size:17px; line-height:2; color:#767676; padding:10px 0; margin:10px 0; text-align:center;} .technical_advantages .technical_advantages_list li:hover .title { color:#e60012;} /*产业链优势*/ .industrial_chain_advantages_bg { height:auto; overflow:hidden; background:#f6f6f6; padding:50px 0; padding-bottom:70px;} .industrial_chain_advantages { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .industrial_chain_advantages dt { width:100%; height:auto; overflow:hidden;} .industrial_chain_advantages dt .title { text-align:center;} .industrial_chain_advantages dt .tit { font-size:30px; line-height:3;} .industrial_chain_advantages dt .des { width:100%; height:auto; overflow:hidden; font-size:18px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; margin:30px 0;} .industrial_chain_advantages dt .des .item { width:16%; height:59px; line-height:59px; border-radius:5px; background:#014099; color:#fff; text-align:center;} .industrial_chain_advantages dd { width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .industrial_chain_advantages dd .tabs { width:222px; height:auto; overflow:hidden; font-size:26px; position:relative; left:0; top:0; float:left;} .industrial_chain_advantages dd .tabs a { display:block; height:90px; line-height:90px; padding-left:31px; position:relative;} .industrial_chain_advantages dd .tabs a:before { content:''; width:6px; height:30px; background:#e9e8e8; position:absolute; left:0; top:50%; margin-top:-15px;} .industrial_chain_advantages dd .tabs a.hover { color:#014099;} .industrial_chain_advantages dd .tabs a.hover:before { background:#014099;} .industrial_chain_advantages .industrial_chain_advantages_list_scroll { width:60%; height:auto; overflow:hidden; margin-top:30px; float:left;} .industrial_chain_advantages .industrial_chain_advantages_list { width:100%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .industrial_chain_advantages .industrial_chain_advantages_list li { width:100%; height:auto; overflow:hidden; padding-bottom:88px; float:left; position:relative;} .industrial_chain_advantages .industrial_chain_advantages_list li .pic { width:100%; height:auto; overflow:hidden;} .industrial_chain_advantages .industrial_chain_advantages_list li .pic img { display:block;} .industrial_chain_advantages .industrial_chain_advantages_list li .brief { width:407px; height:auto; overflow:hidden; background:#014099; color:#fff; padding:30px 30px; position:absolute; left:30%; bottom:0;} .industrial_chain_advantages .industrial_chain_advantages_list li .tit { width:100%; font-size:26px; line-height:2; font-weight:bold; position:relative;} .industrial_chain_advantages .industrial_chain_advantages_list li .des { font-size:16px; line-height:36px; margin-top:20px;} /*产品优势*/ .product_advantages_bg { height:auto; overflow:hidden; background:#fff; padding:100px 0;} .product_advantages { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .product_advantages dt { width:100%; height:auto; overflow:hidden;} .product_advantages dt .title { text-align:center;} .product_advantages dt .tit { font-size:30px; line-height:3;} .product_advantages dd { width:100%; height:auto; overflow:hidden; margin-top:40px;} .product_advantages .product_advantages_list_scroll { width:100%; height:auto; overflow:hidden; margin-top:30px;} .product_advantages .product_advantages_list { width:100%; height:468px; overflow:hidden; color:#fff; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between;} .product_advantages .product_advantages_list li { width:10%; height:auto; overflow:hidden; float:left; background:#eaeaea;} .product_advantages .product_advantages_list li.hover { width:40%; background:#f6f6f6;} .product_advantages .product_advantages_list li a { color:#014099; display:block;} .product_advantages .product_advantages_list li .pic { width:100%; height:auto; overflow:hidden; display:none; margin-top:40px;} .product_advantages .product_advantages_list li .pic img { display:block;} .product_advantages .product_advantages_list li .title { width:100%; height:92px; line-height:92px; padding:0 0px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .product_advantages .product_advantages_list li .tit { width:100%; height:468px; line-height:150px; overflow:hidden; font-size:26px; position:relative; writing-mode: vertical-lr; writing-mode: tb-lr; text-align:left; padding-top:40px;} .product_advantages .product_advantages_list li .tit:after { content:'+'; font-size:30px; width:100px; height:100px; text-align:center; line-height:150px; float:right; font-weight:bold;} .product_advantages .product_advantages_list li .icon { width:42px; height:43px; line-height:43px; font-size:18px; text-align:center; background:url(../images/adv_icon_bg.png) center center no-repeat; background-size:100% 100%; position:absolute; left:0; top:50%; margin-top:-21px;} .product_advantages .product_advantages_list li .des { width:100%; height:auto; overflow:hidden; font-size:16px; line-height:36px; padding:10px 0; display:none;} .product_advantages .product_advantages_list li.hover .tit { width:100%; height:60px; line-height:60px; padding:0; writing-mode:horizontal-tb;} .product_advantages .product_advantages_list li.hover a { padding:40px 30px; height:auto; overflow:hidden;} .product_advantages .product_advantages_list li.hover .tit:after { display:none;} .product_advantages .product_advantages_list li.hover .pic, .product_advantages .product_advantages_list li.hover .des { display:block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} /*定制化设计优势*/ .customized_design_bg { height:auto; overflow:hidden; background:url(../images/friendlinks_bg.jpg) top center no-repeat; background-size:cover; padding:100px 0;} .customized_design { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .customized_design dt { width:100%; height:auto; overflow:hidden;} .customized_design dt .title { text-align:center;} .customized_design dt .tit { font-size:30px; line-height:3;} .customized_design dd { width:100%; height:auto; overflow:hidden; margin-top:40px;} .customized_design .customized_design_list_scroll { width:100%; height:auto; overflow:hidden; margin-top:30px;} .customized_design .customized_design_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .customized_design .customized_design_list li { width:33%; height:auto; overflow:hidden; float:left; background:#fff; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; border:1px solid #eaeaea;} .customized_design .customized_design_list li .tit { font-size:24px; line-height:2;} .customized_design .customized_design_list li .icon { width:70px; height:70px; line-height:70px; text-align:center; font-size:50px;} .customized_design .customized_design_list li a { width:100%; display:block; height:auto; overflow:hidden; background:#fff; color:#000; padding:40px;} .customized_design .customized_design_list li a:hover { background:#014099; color:#fff;} /*设备优势*/ .made_capacity_bg { height:auto; overflow:hidden; background:#fff; background-size:cover; padding:100px 0;} .made_capacity { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto;} .made_capacity dt { width:100%; height:auto; overflow:hidden;} .made_capacity dt .title { text-align:center;} .made_capacity dt .tit { font-size:30px; line-height:3;} .made_capacity dt .tabs { font-size:18px; text-align:center;} .made_capacity dt .tabs a { color:#000; line-height:73px; height:73px; display:inline-block; margin:0 20px; position:relative;} .made_capacity dt .tabs a:after { content:''; position:absolute; left:50%; bottom:0; width:0%; height:7px; background:#014099; background: linear-gradient(to right, #014099, #e20114); -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .made_capacity dt .tabs a.hover { color:#014099;} .made_capacity dt .tabs a.hover:after { width:100%; left:0;} .made_capacity_tabs_group_box { padding-left:272px; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .made_capacity dd .tabs_box { width:250px; height:auto; min-height:348px; overflow:hidden; background:#f8f8f8; float:left; margin:0 0 0 -272px; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;} .made_capacity dd .tabs_box .tabs_title { width:100%; height:auto; overflow:hidden; font-size:18px; line-height:3; color:#014099; text-align:center;} .made_capacity dd .tabs_box .tabs_title:after { content:''; width:27px; height:4px; background:#014099; display:block; margin:0 auto;} .made_capacity dd .tabs { width:100%; height:auto; overflow:hidden; font-size:15px; margin-top:20px; text-align:center;} .made_capacity dd .tabs a { color:#014099; line-height:48px; height:48px; display:block; position:relative;} .made_capacity dd .tabs a:after { content:''; position:absolute; left:50%; bottom:0; width:0%; height:7px; background:#014099; background: linear-gradient(to right, #014099, #e20114); -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .made_capacity dd .tabs a:hover, .made_capacity dd .tabs a.hover { color:#e60012;} .made_capacity dd { width:100%; height:auto; overflow:; margin-top:70px;} .made_capacity_list_scroll { width:100%; height:auto; overflow:hidden; float:left; position:relative;} .made_capacity dd .made_capacity_list { } .made_capacity dd .made_capacity_list li { width:25%; height:auto; overflow:; float:left; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;} .made_capacity dd .made_capacity_list li .pic { width:100%; height:auto; overflow:hidden; /*float:left;*/} .made_capacity dd .made_capacity_list li .pic img { display:block;} .made_capacity dd .made_capacity_list li .brief { width:40%; height:auto; overflow:hidden; float:right; padding:50px; position:relative;} .made_capacity dd .made_capacity_list li .brief .next { display:block; font-weight:bold; font-family:"宋体"; font-size:18px; width:80px; height:32px; line-height:32px; text-align:center; color:#014099; position:absolute; right:0; bottom:90px;} .made_capacity dd .made_capacity_list li .brief:after { content:''; height:1px; background:#014099; position:absolute; left:0; right:100px; bottom:105px;} .made_capacity dd .made_capacity_list li .tit { font-size:30px; line-height:2;} .made_capacity dd .made_capacity_list .swiper-slide:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.6); display:none;} .made_capacity dd .made_capacity_list .swiper-slide.swiper-slide-active:after{ display:none;} .made_capacity .swiper-pagination { width:100%; height:30px; position:absolute; left:0%; bottom:0; text-align:center;} .made_capacity .swiper-pagination .swiper-pagination-bullet { width:4px; height:4px; border-radius:2px; opacity:1; margin:0 4px; cursor:pointer; position:relative; top:3px;} .made_capacity .swiper-container-horizontal>.swiper-pagination-bullets, .made_capacity .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; } .made_capacity .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#014099; width:19px;} /*产品中心*/ .goods_index_bg { height:auto; overflow:hidden;} .goods_index { max-width:1440px; min-width:300px; height:auto; overflow:; margin:0 auto;} .goods_index_info { width:100%; height:auto; overflow:; position:relative; margin:20px 0; float:left;} .goods_index_info .bg { width:100%; height:auto;} .goods_index_info .bg img { display:block;} .goods_index_info a { display:block; width:100%; height:100%; overflow:hidden; padding:0 10%; color:#fff; position:absolute; left:0; top:0; z-index:1; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .goods_index_info .brief { width:40%; height:auto; overflow:hidden; float:left; z-index:1;} .goods_index_info .tit { font-size:36px; line-height:3;} .goods_index_info .des { font-size:16px; line-height:3;} .goods_index_scroll { position:relative; height:auto; overflow:visible;} .goods_index_scroll .prev, .goods_index_scroll .next { position:absolute; left:10px; top:50%; margin-top:-30px; width:40px; height:60px; line-height:60px; text-align:center; font-size:30px; color:#fff; border-radius:5px; font-family:"宋体"; background:rgba(0,0,0,.5); z-index:1;} .goods_index_scroll .next { left:auto; right:10px;} .goods_index .goods_list { width:100%; height:auto; overflow:; margin:60px 0; /*display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;*/} .goods_index .goods_list li { width:32.5%; float:left; height:auto; overflow:;} .goods_index .goods_list li .pic { width:100%; height:auto; overflow:hidden;} .goods_index .goods_list li .pic img { display:block;} .goods_index .goods_list li .tit { width:100%; height:120px; line-height:120px; font-size:22px; text-align:center; overflow:hidden;} .goods_index .goods_list li:hover .tit { background:#014099; color:#fff;} .top_pic_news_box { height:auto; overflow:hidden;} .top_pic_news_box dt { width:100%; height:auto; overflow:hidden; text-align:center;} .top_pic_news_box dt .tit { font-size:30px; line-height:3;} .top_pic_news_box dd { margin-top:30px;} /*亚洲必赢新闻*/ .top_pic_news_scroll { position:relative; height:auto; overflow:visible;} .top_pic_news_scroll .swiper-pagination { position:relative; height:auto; overflow:hidden;} .top_pic_news_scroll .prev, .top_pic_news_scroll .next { position:absolute; left:10px; top:35%; margin-top:-15px; width:40px; height:60px; line-height:60px; text-align:center; font-size:30px; color:#fff; border-radius:5px; font-family:"宋体"; background:rgba(0,0,0,.5); z-index:1;} .top_pic_news_scroll .next { left:auto; right:10px;} .top_pic_news_list { width:100%; height:auto; overflow:visible;} .top_pic_news_list li { width:33%; height:auto; overflow:visible;} .top_pic_news_list li .pic { width:100%; border-radius:10px; height:auto; overflow:hidden;} .top_pic_news_list li .pic img { display:block;} .top_pic_news_list li .brief { width:100%; height:auto; overflow:hidden; margin-top:20px;} .top_pic_news_list li .tit { font-size:18px; color:#000; line-height:30px; height:60px; overflow:hidden; font-weight:bold;} .top_pic_news_list li .date { font-size:16px; color:#6f6f6f; line-height:2; margin-top:20px;} .top_pic_news_scroll .more { display:block; width:152px; height:45px; line-height:45px; margin:0 auto; border-radius:25px; text-align:center; border:1px solid #014099; color:#014099; font-size:14px;} .top_pic_news_scroll .more:hover { background:#014099; color:#fff;} .news_list_box { width:100%; height:auto; overflow:hidden; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .news_list_box .news_list { width:100%; height:auto; overflow:visible;} .news_list_box .news_list li { width:100%; height:auto; overflow:hidden; margin:35px 0; background:#f9f9f9; position:relative; float:left;} .news_list_box .news_list li .bg { width:0%; height:100%; background:#014099; background:linear-gradient(to left, #014099, #e20114); position:absolute; left:0; top:0; z-index:0;} .news_list_box .news_list li a { display:block; height:auto; overflow:hidden; position:relative; z-index:2; padding:24px; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;} .news_list_box .news_list li .brief { width:100%; height:auto; overflow:hidden; float:left; margin:0 20px;} .news_list_box .news_list li .tit { width:100%; font-size:24px; line-height:120px; height:120px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-weight:bold; color:#014099; border-bottom:1px solid #e9e8e8;} .news_list_box .news_list li .date { width:100%; line-height:90px; font-size:18px; color:#717171; overflow:hidden; position:relative;} .news_list_box .news_list li .icon { float:right; font-size:30px; color:#014099;} .news_list_box .news_list li .pic { width:270px; height:200px; flex:0 0 270px; display:block; overflow:hidden; float:left; margin-right:20px;} .news_list_box .news_list li .pic img { display:block;} .news_list_box .news_list li:hover a { /*background:#014099;*/} .news_list_box .news_list li:hover .tit, .news_list_box .news_list li:hover .date, .news_list_box .news_list li:hover .icon { color:#fff;} .news_list_box .news_list li:hover .bg { width:100%;} .news .contentbox, .jobs .contentbox { margin-top:100px;} .news .contentbox dt, .jobs .contentbox dt { height:auto; display:block; text-align:center; border:0;} .news .contentbox dt .tit, .jobs .contentbox dt .tit { font-size:30px; line-height:3; float:none;} .join_us_bg { height:auto; overflow:hidden; padding:0;} .join_us { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .join_us dt { width:100%; height:auto; overflow:hidden; text-align:center;} .join_us dt .tit { font-size:30px; line-height:3;} .join_us dt .des { font-size:22px; line-height:3;} .join_us dt .tit1 { font-size:120px; line-height:2.5; text-transform:uppercase; font-weight:bold; background:url(../images/job_join_us_bg.jpg) fixed center center no-repeat; background-size: cover; -webkit-background-clip: text; color: transparent;} .join_us_get_bg { background:#fbfbfb; height:auto; overflow:hidden; padding:100px 0; padding-top:50px;} .join_us_get { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto;} .join_us_get dt .tit { font-size:30px; line-height:3; text-align:center;} .join_us_get dd .join_us_get_list { width:100%; height:auto; overflow:hidden; position:relative; margin-top:30px; display:flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-items:flex-start;} .join_us_get dd .join_us_get_list li { width:calc((100% - 20px) / 2); height:auto; overflow:hidden; position:relative;} .join_us_get dd .join_us_get_list li:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2);} .join_us_get dd .join_us_get_list li:nth-child(2) a, .join_us_get dd .join_us_get_list li:nth-child(3) a { padding:0 40px; display:flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center;} .join_us_get dd .join_us_get_list li:nth-child(3) { position:absolute; right:0; bottom:0;} .join_us_get dd .join_us_get_list li .bg { display:block;} .join_us_get dd .join_us_get_list li a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; color:#fff; padding:10% 40px;} .join_us_get dd .join_us_get_list li .tit { width:100%; font-size:24px; line-height:3;} .join_us_get dd .join_us_get_list li .tit:before { content:''; display:block; width:35px; height:5px; background:#fff; margin:10px 0;} .join_us_get dd .join_us_get_list li .des { width:100%; font-size:18px; line-height:2; margin:0px;} /*招聘信息列表*/ .jobs-list-box { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:50px auto;} .jobs-list-box .head { width:100%; height:auto; height:70px; line-height:70px; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; font-size:22px; background:#0256ab; background-image: linear-gradient(to right, #014099, #2d347f, #e60012); color:#fff;} .jobs-list-box .head li { width:100%; line-height:70px; text-align:center;} .jobs-list1 { width:100%; height:auto; overflow:hidden;} .jobs-list1 li { width:100%; height:auto; overflow:hidden; position:relative; background:#f8f8f8; margin-top:40px;} .jobs-list1 li .date { float:right; line-height:60px; font-family:Arial;} .jobs-list1 li .title { width:100%; min-height:70px; line-height:70px; font-size:18px; color:#fff; background:#014099; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; cursor:pointer; position:relative;} .jobs-list1 li .title:after { content:'>'; position:absolute; right:20px; top:0; font-family:"宋体";} .jobs-list1 li .title .item { width:100%; line-height:70px; float:left; text-align:center;} .jobs-list1 li .infobox { padding:30px; padding-bottom:60px; height:auto; overflow:hidden; display:none;} .jobs-list1 li .infobox .des { font-size:18px; line-height:48px; color:#595959; height:400px; margin:20px 40px; overflow:hidden; overflow-y:auto;} .jobs-list1 li .infobox .btnbox { margin:0 40px;} .jobs-list1 li .infobox .btn { width:147px; height:50px; line-height:50px; text-align:center; background:#014099; color:#fff; font-size:18px; display:block; float:left;} .jobs-list1 li .infobox .btn:nth-child(2) { margin-left:20px;} .jobs-list1 li .infobox .pic { border:1px solid #e2e1e1;} .jobs-list1 li .infobox .pic img { display:block;} .jobs-list1 li.hover .title { background:#003a6c; color:#fff;} .jobs-list1 li.hover .infobox { display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;} .jobs-list1 li.hover .title:after { -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); /* Opera */ } /*联系信息*/ .contact_info_box { margin:30px 0; height:auto; overflow:hidden;} .contact_info_box .title { color:#000; height:auto; overflow:hidden; text-align:center;} .contact_info_box .title .tit { font-size:26px; line-height:1.5;} .contact_info_box .title .tit1 { font-size:16px; line-height:1.2; color:#666; text-transform:uppercase;} .contact_info { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:120px auto;} .contact_info_box .des { width:90%; height:auto; overflow:hidden; margin:0 auto; font-size:15px; line-height:2; color:#666; text-align:center; margin-top:30px;} .contact_info_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .contact_info_list li { width:32%; float:left; height:auto; overflow:hidden; text-align:center; position:relative; padding:3% 5%; border:2px solid #e9e8e8;} .contact_info_list li:before { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#ccc; display:none;} .contact_info_list li:nth-child(1):before { display:none;} .contact_info_list li .icon { width:60px; height:60px; margin:0 auto; color:#014099; font-size:40px; line-height:60px; text-align:center;} .contact_info_list li .tit { font-size:24px; line-height:2; color:#000; font-weight:bold;} .contact_info_list li .des { font-size:16px; height:72px; line-height:36px; color:#838383; margin-top:20px;} .contact_info_list li .tit1 { font-size:16px; line-height:2; color:#363636; margin-top:20px; display:block;} /*地图导航*/ .contact_us_box { width:100%; height:auto; overflow:hidden; margin-top:120px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch;} .contact_us_box .travel_mode { width:344px; height:auto; overflow:hidden; float:left; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-between; align-items:stretch;} .contact_us_box .travel_mode .title { width:100%; height:60px; line-height:60px; overflow:hidden; border-bottom:1px solid #d9d9d9;} .contact_us_box .travel_mode .tit { font-size:18px; float:left;} .contact_us_box .travel_mode .tit1 { margin-left:20px; font-size:18px;} .contact_us_box .travel_mode .tabs { width:100%; font-size:18px; height:60px; line-height:60px;} .contact_us_box .travel_mode .tabs li.hover a {color:#cc0b10;} .contact_us_box .travel_mode .tabs a { display:block; float:left; width:33.3333%; line-height:60px; height:60px; color:#000;} .contact_us_box .travel_mode .tabs a .icon { margin-right:20px; font-size:20px;} .contact_us_box .travel_mode .tabs a.hover { color:#014099;} .contact_us_box .travel_mode .tabs.driving-way a { width:50%; height:30px; line-height:30px; padding:0 10px;} .contact_us_box .travel_mode .tabs.driving-way a.hover { background:#cc0b10; color:#fff;} .contact_us_box .travel_mode .input_value { display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; position:relative;} .contact_us_box .travel_mode .switch_st { width:40px; flex:0 0 40px; margin-right:10px; font-size:40px; text-align:center; line-height:40px;} .contact_us_box .travel_mode .switch_st.go_fx { transform:rotateY(180deg); -ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); } .contact_us_box .travel_mode .input_value .inputbox { width:100%;} .contact_us_box .travel_mode .input_value .input { border:0; height:56px; line-height:56px; padding:0 30px; background:none; color:#000; background:url(../images/input_value_point.png) 5px center no-repeat; font-size:18px;} .contact_us_box .travel_mode .input_value .line { width:100%; height:1px; background:#000;} .contact_us_box .travel_mode .gototag { display:block; width:100%; line-height:53px; height:53px; margin-top:40px; background:#014099; color:#fff; font-size:18px; text-align:center;} .contact_us_box .location { width:65%; height:auto; overflow:hidden; float:left; background:url(../images/location_pic.jpg) center center no-repeat;} .contact_us_box .location a { display:block; width:100%; height:100%;} /*友情链接*/ .friendlinks_bg { background:#f2f2f2; height:auto; overflow:hidden;} .friendlinks { height:auto; overflow:hidden; padding-left:115px; background:#f1f1f1; border:1px solid #e6e6e6;} .friendlinks dt{ width:115px; height:48px; line-height:48px; margin:0 0 0 -115px; _display:inline; overflow:hidden; position:relative; float:left; text-align:center;} .friendlinks dt .tit { color:#000; font-size:16px; font-weight:bold;} .friendlinks dt .line { position:absolute; width:88px; height:3px; bottom:0; left:0; background:#de0a0a;} .friendlinks dt .more { font-size:12px; color:#000; float:right; margin-right:20px; margin-top:23px; width:66px; height:31px; line-height:31px; background:url(../images/newsbox_more.png) no-repeat; text-align:center;} .friendlinks dd { width:100%; height:auto; overflow:hidden; font-size:0; float:right;} .friendlinks dd .linklist { width:100%; line-height:48px; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; color:#423e00;} .friendlinks dd a { display:inline-block; font-size:15px; line-height:48px; padding:0 10px; margin:0 10px; text-align:center; color:#000; position:relative;} .friendlinks dd a:before { /*content:''; position:absolute; left:0; bottom:-4px; width:100%; height:4px; background:#ef0924;*/ -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .friendlinks dd a:hover { color:#ef0924;} .friendlinks dd a:hover:before { width:100%; bottom:-4px;} .go-top { display:block; width:83px; height:82px; text-align:center; line-height:82px; margin:0 auto; position:relative; top:49px; margin-top:-83px; background:#000000; color:#fff; font-size:36px;} .go-top:hover { color:#d3af14;} /*页脚*/ .footer_bg { height:auto; overflow:hidden; background:#fff; background-size:cover; position:relative; padding-bottom:0; margin-top:10px;} .footer_top_bg { width:100%; height:103px; overflow:hidden; border-bottom:1px solid #001d7b;} .footer_top { max-width:1440px; min-width:300px; height:120px; margin:0 auto; overflow:hidden; border-bottom:1px solid #f0f0f0;} .footer_top .logo { float:left; margin-top:45px;} .footer_top .footer_link { height:103px; overflow:hidden; float:right; line-height:103px; font-size:18px;} .footer_top .footer_link a { display:inline-block; float:left; color:#000; padding-left:20px; margin-left:30px;} .footerbox { max-width:1440px; min-width:300px; margin:0 auto; height:auto; overflow:visible; padding-bottom:30px;} .footer { overflow:visible; color:#000; position:relative; height:auto; overflow:hidden; padding-left:467px; margin-top:35px; margin-bottom:10px; z-index:999;} .footer a { color:#000;} .footer .infobox { width:368px; color:#000; font-weight:100; height:auto; overflow:hidden; float:left; margin:0 0 0 -467px; position:relative;} .footer .infobox:after { content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#f0f0f0;} .footer .infobox .tit { font-size:17px; line-height:50px; margin-top:0px;} .footer .infobox .icon { float:left; margin-right:20px; line-height:50px; font-size:25px;} .footer .infobox .info, .footer .infobox .addr { font-size:16px; line-height:40px;} .footer .infobox .addr { width:80%;} /*.footer .infobox .qrcode { width:60%;} .footer .infobox .qrcode .pic { display:block;} .footer .infobox .qrcode .tit { width:100%; line-height:2; text-align:center; font-size:14px;}*/ .footer .subscribe_btn { display:block; width:180px; height:50px; line-height:48px; border:1px solid #6f6f6f; color:#000; font-size:17px; font-weight:bold; text-align:center; margin:20px 0;} .footer .subscribe_btn:hover { background:#014099; border:1px solid #014099; color:#fff;} .footer .subscribe_playform { width:180px; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; margin-top:10px; float:left;} .footer .subscribe_playform .icon { display:block; font-size:30px; line-height:30px; margin:0; text-align:center; float:left;} .footer .subscribe_playform .icon:hover { color:#014099;} .footer .contact { width:100%; height:auto; overflow:hidden; font-size:18px; line-height:2.3; margin-top:10px;} .footer .telbox { width:100%; height:auto; overflow:hidden;} .footer .telbox .tel { display:inline-block; font-size:36px; line-height:1; font-weight:bold; position:relative;} .footer_nav { width:100%; height:auto; overflow:hidden; float:left; padding-bottom:150px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; font-size:18px; background:url(../images/footer_nav_bg.png) 60% 100% no-repeat;} .footer_nav a { color:#fff;} .footer_nav a:hover { color:#fff;} .footer_nav .nav { width:16.66666666666667%; height:auto; overflow:hidden;} .footer_nav .nav .tit { width:100%; font-size:18px; line-height:2; color:#014099;} .footer_nav .nav .list { width:100%; height:auto; overflow:hidden; font-size:16px; margin-top:20px; color:#e9e9e9;} .footer_nav .nav .list a { display:block; width:90%; height:auto; margin:20px 0; line-height:18px; color:#000; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .footer_nav .nav .list a:hover { color:#014099;} .footer .search_share_box { width:380px; height:auto; overflow:hidden; float:right; margin:50px -380px 0 0;} .footer .search_share_box .share_link { width:100%; line-height:55px; text-align:right;} .footer .search_share_box .share_link a { color:#fff; font-size:30px; line-height:55px;} .footer .search_share_box .share_link a:hover { color:#d98d04;} .footer .search_share_box .searchbox { width:100%; height:55px; overflow:hidden; border-radius:0px; z-index:2; position:relative;} .footer .search_share_box .searchbox .keys { width:100%; height:55px; line-height:55px; background:#fff; color:#000; border:0; text-indent:10px; font-size:15px; z-index:1;} .footer .search_share_box .searchbox .submit { width:62px; height:55px; line-height:55px; font-size:16px; border:0; position:absolute; right:0px; top:0px; background:none; cursor:pointer; z-index:2;} .footer .search_share_box .searchbox .icon_submit { width:60px; line-height:55px; font-size:30px; background:#d98d04; color:#fff; text-align:center; position:absolute; right:0; top:0; z-index:1; text-align:center;} .footer .search_share_box .searchbox:hover .icon_submit { } .footer .search_share_box .searchbox .keys:-ms-input-placeholder{ color: #747474; font-weight:100;/*opacity:0.5; font-size:12px;*/ } .footer .search_share_box .searchbox .keys::-webkit-input-placeholder{ color: #747474; font-weight:100;/*opacity:0.5; font-size:12px;*/ } .footer .quick_link { width:50%; float:left; font-size:18px; position:relative; min-height:200px;} .footer .quick_link .margin { margin:0 50px;} .footer .quick_link:before { content:''; position:absolute; right:0; top:0; height:100%; width:0px; background:none; border-right:1px solid #fff;} .footer .quick_link .title { font-size:18px; line-height:40px; height:40px; overflow:hidden; margin-bottom:10px; float:left; color:#fff; font-weight:bold; position:relative;} .footer .quick_link .title .tit:after { content:''; background:#4caffd; position:absolute; left:0; bottom:0;} .footer .quick_link .title .tit { font-size:18px; font-weight:bold; height:40px; line-height:40px; position:relative; float:left; display:block;} .footer .quick_link .title .tit:after { position:absolute; left:0; bottom:0; width:100%; height:1px; background:#4caffd;} .footer .quick_link .title .tit1 { font-size:18px; text-transform:uppercase; margin-left:10px; font-weight:100;} .footer .quick_link .title:before { content:''; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0;} .footer .quick_link a { width:33%; float:left; color:#fff; font-size:14px; line-height:29px; display:block;} .footer .quick_link a:before { content:'>';} .footer .quick_link .list { width:200px; font-size:14px; margin-top:10px;} .footer .quick_link .list a { width:50%; line-height:29px;} .footer .contact_info { width:50%; height:auto; min-height:200px; overflow:hidden; position:relative; float:left;} .footer .contact_info .margin { margin:0 50px;} .footer .contact_info .title { font-size:18px; line-height:40px; height:40px; overflow:hidden; margin-bottom:10px; float:left; color:#fff; font-weight:bold; position:relative;} .footer .contact_info .title .tit:after { content:''; background:#4caffd; position:absolute; left:0; bottom:0;} .footer .contact_info .title .tit { font-size:18px; font-weight:bold; height:40px; line-height:40px; position:relative; float:left; display:block;} .footer .contact_info .title .tit:after { position:absolute; left:0; bottom:0; width:100%; height:1px; background:#4caffd;} .footer .contact_info .title .tit1 { font-size:18px; text-transform:uppercase; margin-left:10px; font-weight:100;} .footer .contact_info .title:before { content:''; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0;} .footer .contact_info .tit1 { margin-left:14px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:100;} .footer .contact_info .tit2 { font-size:14px; color:#fff; line-height:20px; font-weight:100;} .footer .contact_info .info { margin-left:20%; height:auto; overflow:hidden;} .footer .contact_info .text { color:#fff; font-size:14px; line-height:30px; margin-top:10px; background:url(../images/contact_info_icon.png) 0 5px no-repeat; padding-left:30px; margin-right:40px;} .footer .contact_info .text .icon { margin-right:10px; font-size:18px; color:#fff; float:left;} .footerbox .qrcodebox { width:100%; height:auto; overflow:hidden; float:left; position:relative;} .footerbox .qrcodebox .title { font-size:18px; line-height:60px; height:60px; overflow:hidden; color:#fff; position:absolute; left:0; bottom:0;} .footerbox .qrcodebox .title .tit:after { content:''; background:#4caffd; position:absolute; left:0; bottom:0;} .footerbox .qrcodebox .title .tit { font-size:18px; font-weight:bold; height:40px; line-height:40px; position:relative; float:left; display:block;} .footerbox .qrcodebox .title .tit:after { position:absolute; left:0; bottom:0; width:100%; height:1px; background:#4caffd;} .footerbox .qrcodebox .title .tit1 { font-size:18px; text-transform:uppercase; margin-left:10px; font-weight:100;} .footerbox .qrcodebox .qrcode { width:160px; height:auto; float:left;} .footerbox .qrcodebox .qrcode .pic { width:100%; height:auto; overflow:hidden;} .footerbox .qrcodebox .qrcode .pic img { width:100%; display:block;} .footerbox .qrcodebox .qrcode .tit { width:100%; font-size:14px; line-height:40px; height:40px; text-align:center;} /*版权*/ .copyright_bg { min-height:135px; overflow:hidden; background:#023c92; background: linear-gradient(to right, #014099, #e20114); /* background:rgba(2,48,101,.62); */ margin-top:0px; padding:50px 0; position:relative; z-index:1;} .copyright { max-width:1440px; min-width:300px; height:auto; line-height:40px; margin:0 auto; overflow:hidden;color:#d2d2d2; font-size:16px; text-align:center;} .copyright a { color:#d2d2d2;} .copyright .share_link a { font-size:34px; margin-right:20px;} .copyright .share_link a:hover { color:#fff;} .clear{ clear:both; margin:0; padding:0;} .hidden{ display:none;} .gotop { width:46px; height:46px; overflow:hidden; background:url(../images/gotop.gif) no-repeat; position:fixed; right:10px; bottom:110px;} /*自定义新闻列表样式*/ /*.contentbox dd ul.news_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .contentbox dd ul.news_list li { width:100%; flex:0 0 30%; float:left; padding-bottom:20px; margin-left:3.33333%; border:1px solid #d3d3d3;} .contentbox dd ul.news_list li.ml0 { margin-left:0;} .contentbox dd ul.news_list li { -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .contentbox dd ul.news_list li img { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .contentbox dd ul.news_list li:hover img { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.15); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; } .contentbox dd ul.news_list li:hover { border:1px solid #fff; -moz-box-shadow:0px 0px 10px #CCC, 0px 0px 20px #CCC; -webkit-box-shadow:0px 0px 20px #CCC, 0px 0px 10px #CCC; box-shadow:0px 0px 20px #CCC, 0px 0px 20px #eee;} .contentbox dd ul.news_list li .brief { margin:0 20px; height:auto; overflow:hidden;} .contentbox dd ul.news_list li .time { line-height:29px; margin-top:10px; font-size:16px; color:#898888; text-indent:24px; background:url(../images/icon_time.png) 0 center no-repeat;} .contentbox dd ul.news_list li .tit { line-height:29px; font-size:18px; color:#000; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .contentbox dd ul.news_list li .des { line-height:22px; font-size:14px; color:#787878; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .contentbox dd ul.news_list li .pic { overflow:hidden; display:block;} .contentbox dd ul.news_list li .more { background:url(../images/news_list_more.png) no-repeat; display:block; width:40px; height:40px; position:relative; left:0;} .contentbox dd ul.news_list li .more:hover{ background:url(../images/news_list_more1.png) no-repeat;} .contentbox dd ul.news_list li:hover .more{ left:85%; transform: perspective(220px) rotateZ(-360deg); background:url(../images/news_list_more1.png) no-repeat;} .contentbox dd ul.news_list li:hover .tit { color:#05adb8; font-weight:bold;}*/ /*常用CSS3动画效果*/ .trans,a{ -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } a.mask { text-decoration: none; overflow: hidden; display: block; } img.zoom-img:hover { -webkit-transform: scale(1.15); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.15); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } img.zoom-img { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } /*在线申请*/ .apply_box { height:auto; overflow:hidden;} .apply_box .tit { font-size:39px; height:80px; line-height:80px; color:#414141; margin-top:30px; text-align:center;} .apply_box .des { font-size:18px; line-height:29px; text-align:center; color:#525252;} .apply_box .applyform { margin:30px 0%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .apply_box .applyform .input { width:32%; flex:0 0 32%; height:46px; line-height:46px; border:0px solid #dadada; margin-bottom:18px; background-color:#eeeeee; background-position: 98% center; background-repeat:no-repeat; text-indent:20px; font-size:14px; color:#000; position:relative; color:#848484;} .apply_box .applyform .inputbox { width:32%; flex:0 0 32%; height:46px; line-height:46px; margin-bottom:18px; background-color:#eeeeee; font-size:14px; position:relative; color:#848484; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between;} .applyform .input_label { margin-left:20px; height:auto; overflow:hidden;} .applyform .input_radio { display:inline-block; margin-right:20px; height:auto; overflow:hidden;} .applyform .input_radio a { display:inline-block; color:#848484; margin-left:10px;} .applyform .input_radio a:before { content:''; width:14px; height:14px; background:#9e9e9e; border-radius:50%; display:inline-block; position:relative; top:2px; margin-right:10px;} .applyform .input_radio a.sel:before { background:#ce0615;} .apply_box .applyform .input:focus { background-color:#ddd;} .apply_box .applyform .input.not_null { background-image:url(../images/icon_not_null.png);} .apply_box .applyform .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #848484; font-size:14px; } .apply_box .applyform .input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #848484; font-size:14px; } .apply_box .applyform .input:-ms-input-placeholder{ color: #848484; font-size:14px; } .apply_box .applyform .input::-webkit-input-placeholder{ color: #848484; font-size:14px; } .apply_box .applyform .textarea { width:97%; flex:0 0 97%; height:auto; height:188px; line-height:28px; padding:1.5% 1.5%; border:0px solid #dadada; background:#eeeeee; margin-top:0; font-size:14px; color:#000;} .apply_box .applyform .applyform_btn { flex:0 0 70%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;} .apply_box .applyform .submit { width:48%; height:45px; line-height:45px; background:#ce0615; color:#fff; font-size:14px; border:0; border-radius:0; cursor:pointer;} .apply_box .applyform .reset { width:48%; height:45px; line-height:45px; background:#009944; color:#fff; font-size:14px; border:0; border-radius:0; cursor:pointer;} .apply_box .applyform .authcode { margin-top:2%; width:155px; flex:0 0 155px;} .apply_box .applyform .yzm {cursor:pointer; border:1px solid #eee; margin-top:2%;} .apply_box .applyform .yzm_ref { line-height:45px; margin-top:2%;} /*表单表格*/ .form_table{padding:25px 0 50px 20px; font-size:14px;} .form_table td{ color:#666; border:0;} .form_table td p{ line-height:20px; height:20px;} .form_table .submit {background:#FF4001; border-radius:2px; width:170px; height:40px; text-align:center; line-height:30px; color:#fff; border:0; font-size:16px; font-weight:bold; cursor:pointer;} /*表单控件控制*/ .num{font-family:"Arial";} .num1{font-family:Verdana, Arial, Helvetica, sans-serif} .num5{font-family:"微软雅黑";} .strong{font-weight:bold;} .normal{font-weight:normal;} .aright{text-align:right;} .aleft{text-align:left;} .xuxian{border-bottom:1px dashed #ddd;} .xuxian1{border-bottom:1px dotted #ddd;} .inputall{height:28px; line-height:28px; border:1px #ddd solid; padding:2px 5px; font-size:14px; background:#fefefe} .inputall30{border:1px #bababa solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; height:30px; line-height:30px; font-size:16px;} .inputselect{line-height:22px; border:1px #cecece solid; padding:5px 2px; font-size:14px; background:#fefefe; color:#555;} .textarea{border:1px #cecece solid; padding:5px 2px; font-size:14px; background:#fefefe; color:#555;} .input60{width:60px;} .input100{width:100px;} .input150{width:150px;} .input200{width:200px;} .input250{width:250px;} .input300{width:300px;} .input350{width:350px;} .input400{width:400px;} .input500{width:500px;} .input550{width:550px;} .input600{width:600px;} .input650{width:650px;} .inputfix{vertical-align:middle; margin-top:-2px; margin-bottom:1px;} /*分页样式*/ .fenye{ width:100%; margin:30px 0%; text-align:center; height:60px; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;} .fenye a { font-size:18px;} .fenye a:first-child { min-width:86px;} .fenye a:last-child { min-width:86px;} .fenye a { border:1px #eee solid; color:#212121; background:#eee;display:inline-block; min-width:40px; height:40px; line-height:40px; padding:0 0; font-weight:100; margin-right:8px; border-radius:2px;} .fenye a:hover,.fenye .sel{ background:#014099; color:#fff; border:1px #014099 solid;} .fenye .sel{ } /*chrome 浏览器滚动条的美化 */ /*::-webkit-scrollbar-track-piece {width:8px;background-color:#f4f4ff;} ::-webkit-scrollbar { width:8px; background-color:#f00;} ::-webkit-scrollbar-thumb { width:8px; height:50px; background-color:#999;} ::-webkit-scrollbar-thumb:hover { width:8px; background-color:#bb1818;}*/ @media only screen and (max-width: 1440px){ .jobs-list1 li .infobox .btn { width:40%;} .aboutbox dt .title .tit { font-size:30px;} .aboutbox dd .about .more { margin:50px; 0;} .goods_index_info a { padding:0 5%;} .goods_index_info .brief { width:80%;} .goods_index_info .tit { font-size:30px;} .goods_index_info .des { line-height:2.5;} /*.newsbox_bg { margin:0px;} .productbox_bg { margin:0px;} .newsbox_bg { margin:0px;} .top_bg .top { margin:0 20px;} .aboutbox, .indexbox, .productbox, .newsbox, .insidebox, .footerbox { margin:0 20px;}*/ .top_bg .top, .goods_index_scroll, .top_pic_news_scroll, .join_us_get_bg, .about_us_box_bg, .about_point_box_bg, .corporate_culture_bg, .development_history_bg, .about_video_bg, .about_plant_area_bg, .honorbox_bg, .technical_advantages_bg, .industrial_chain_advantages_bg, .product_advantages_bg, .customized_design_bg, .made_capacity_bg, .productbox_bg, .contact_info_bg, .aboutbox_bg, .productbox_bg, .casebox, .newsbox, .contactbox, .footer, .footer_top{ padding-left:30px; padding-right:30px;} .footer { margin-top:30px; margin-bottom:50px;} } @media only screen and (max-width: 1200px){ .navmenu { left:240px;} .industrial_chain_advantages dt .des .item { width:32%; margin-bottom:1%;} } @media only screen and (max-width: 640px) { .indexbox { margin:0px; margin-left:0px; padding:0 15px;} .insidebox { margin:0px; padding-left:0;} .insidebox_bg {} .top_location { width:100%; height:auto; line-height:2; font-size:0.22rem; background:#eee; padding:0 0.2rem; padding-top:0.2rem;} .ny_banner { height:auto!important;} .bannerBox .m_banner {} .topbox_bg { display:none;} .bannerBox .m_banner .swiper-pagination-bullets{ width:auto; bottom:20px; height:20px; left:30px; right:30px; text-align:center;} .bannerBox .m_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { } .bannerBox .m_banner .swiper-pagination-bullet { width:10px; height:10px; border-radius:50%; background:none; border:1px solid #980404; opacity: 1; display:inline-block; margin:4px;} .bannerBox .m_banner .swiper-pagination-bullet-active { background:#980404;} *.d-flex { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:flex-start;} *.col-1 { width:100%!important;} *.col-2 { width:100%!important;} *.col-3 { width:100%!important;} *.col-4 { width:100%!important;} *.col-5 { width:100%!important;} *.col-6 { width:100%!important;} *.col-7 { width:100%!important;} *.col-8 { width:100%!important;} *.col-9 { width:100%!important;} *.col-10 { width:100%!important;} *.col-11 { width:100%!important;} *.pt-10 { padding-top:5px!important;} *.pt-20 { padding-top:10px!important;} *.pt-30 { padding-top:15px!important;} *.pt-40 { padding-top:20px!important;} *.pt-50 { padding-top:25px!important;} *.pt-60 { padding-top:0px!important;} *.pb-10 { padding-bottom:5px!important;} *.pb-20 { padding-bottom:10px!important;} *.pb-30 { padding-bottom:15px!important;} *.pb-40 { padding-bottom:20px!important;} *.pb-50 { padding-bottom:25px!important;} *.pb-60 { padding-bottom:0px!important;} *.mt-10 { margin-top:5px!important;} *.mt-20 { margin-top:10px!important;} *.mt-30 { margin-top:15px!important;} *.mt-40 { margin-top:20px!important;} *.mt-50 { margin-top:25px!important;} *.mt-60 { margin-top:0px!important;} *.mb-10 { margin-bottom:5px!important;} *.mb-20 { margin-bottom:10px!important;} *.mb-30 { margin-bottom:15px!important;} *.mb-40 { margin-bottom:20px!important;} *.mb-50 { margin-bottom:25px!important;} *.mb-60 { margin-bottom:0px!important;} .ismobile{display:block!important} .ispc{display:none!important} .ispad{display:none!important} #fp-nav { display:none;} body.overflow_hidden .top .navmenu { top:1.8rem!important;} body.overflow_hidden .top .searchbox .keys { background:#d6000f; color:#fff;} body.overflow_hidden .top .searchbox .icon_submit { width:1rem; color:#fff; right:0;} /*页眉*/ .top_bg { height:1rem; background-size: auto 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background:#fff;} .top_bg .top{ height:1rem;} .top_bg .top .telbox { display:none;} .top_bg.bgfff, .ny .top_bg { height:1rem;} .top_bg.bgfff.show .top .navmenu, .top_bg.show .top .navmenu { height:auto; display:block;} .top_bg.bgfff .searchbox .icon_submit, .top_bg.bgfff .searchbox:hover .icon_submit { color:#fff!important;} .top_bg.bgfff.show .top .navmenu #menu li .a1, .top_bg .top .navmenu #menu li .a1 { height:0.8rem; line-height:0.8rem; color:#000!important;} .top_bg.bgfff.show .top .navmenu #menu li .subnav a { color:#fff!important;} .top_bg.bgfff .top .logobox .logo, .top_bg .top .logobox .logo { width:3rem; height:0.75rem; background:url(../images/logo-text-blue.png) center center no-repeat!important; background-size:100% auto!important;} .top_bg.show .navmenu #menu li:after { content:''; display:inline-block; width:10%; height:0.8rem; line-height:0.8rem; font-size:0.4rem; text-align:center; position:absolute; right:0; top:0;} .top_bg.show .top .searchbox { height:0.7rem;} /*主导航展示*/ .top_bg.show { height:100%; background:rgba(255,255,255,.98); background:#fff;} /*.top_bg.show .top .logobox .logo { background:url(../images/logo-text.png) center center no-repeat!important; background-size:auto 100%!important;}*/ .top_bg.show .top { height:100%;} .top_bg.show .top .info { color:#fff;} .top_bg.show .top .lang_switch { } .icon_btn_box { width:100%; height:1rem; position:absolute; top:0; margin-top:0; right:0; z-index:1;} .top_bg .top .qrcode_weixin { display:none;} .top_bg .top .lang_switch { width:1.5rem; height:0.6rem; padding:0; position:absolute; left:auto; right:1rem; margin-top:-0.3rem;} .top_bg .top .lang_icon { width:0.3rem; float:left; margin:0 0 0 -0.35rem; height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.3rem;} .top_bg .top .lang_tag { width:100%; height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.22rem; padding-left:0; border-radius:0.3rem; border:0.01rem solid #005bac; color:#005bac; cursor:pointer; position:relative; } .top_bg .top .lang_tag:after { margin-left:0.1rem; width:0.2rem; height:0.2rem; line-height:0.2rem;} .top_bg .top .lang_select { width:100%; height:0; left:0; top:0.6rem; font-size:0.22rem;} .top_bg .top .lang_select a { line-height:0.6rem; height:0.6rem; border-radius:0;} .top_bg .top .logobox { width:3rem; height:0.75rem; overflow:hidden; position:absolute; top:0.125rem; margin-top:0; left:0.2rem; overflow:hidden; z-index:2;} .top_bg .top .logobox a { display:block;} .top_bg .top .logobox .logo { width:3rem; height:0.75rem; float:left; background:url(../images/logo-text-blue.png) center center no-repeat; background-size:auto 100%; overflow:hidden;} .top_bg .top .lang_link { height:0.4rem; line-height:0.4rem; right:20%; margin-top:-0.2rem;} .top_bg .top .lang_link a { width:0.4rem; height:0.4rem; line-height:0.4rem; font-size:0.18rem;} /*搜索框*/ .top_bg .top .searchbox { width:98%; height:0; overflow:hidden; position:absolute; left:1%; right:1%; top:1rem; margin-top:0; border-radius:0.35rem; z-index:0;} .top_bg .top .searchbox .keys { width:100%; height:0.7rem; line-height:0.7rem; text-indent:0.3rem; position:absolute; left:0; right:0px; top:0px; font-size:0.22rem; z-index:1;} .top_bg .top .searchbox .submit { width:1rem; height:0.7rem; line-height:0.7rem; font-size:0.24rem; text-align:center;} .top_bg .top .searchbox .icon_submit { width:1rem; height:0.7rem; line-height:0.7rem; font-size:0.28rem;} .top_bg .top .searchbox .icon_submit:before { font-size:0.3rem;} .top_bg .top .searchbox:hover { width:98%;} .top_bg .top .searchbox:hover .keys { width:100%;} .top_bg .top .searchbox:hover .icon_submit { width:1rem; color:#fff; font-size:0.28rem; right:0rem;} .top_bg .top .searchbox:hover .icon_submit:before { margin-right:0rem;} .top_bg .top .searchbox:hover .submit { color:#fff; right:0;} .top_bg .top .menu_icon { width:0.50rem; height:0.50rem; overflow:hidden; position:absolute; right:0.2rem; top:0.25rem; margin-top:0; display:block; z-index:1;} .top_bg .top .menu_icon:after { content:''; position:absolute; left:10%; top:50%; margin-top:-0.03rem; width:80%; height:0.04rem; border-radius:0.02rem; background:#000;} .top_bg .top .menu_icon a { display:block; width:0.5rem; height:0.5rem; position:relative;} .top_bg .top .menu_icon a:before { content:''; width:80%; height:0.04rem; background:#000; position:absolute; left:10%; top:18%; margin-top:-0.02rem; border-radius:0.02rem; z-index:1;} .top_bg .top .menu_icon a:after { content:''; width:80%; height:0.04rem; background:#000; position:absolute; left:10%; bottom:18%; margin-top:-0.02rem; border-radius:0.02rem; z-index:1;} .top_bg .top .menu_icon:after, .top_bg .top .menu_icon a:before, .top_bg .top .menu_icon a:after { -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .top_bg .top .menu_icon.close:after { width:0%; left:50%;} .top_bg .top .menu_icon.close a:before { top:50%; margin-top:-0.02rem; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); } .top_bg .top .menu_icon.close a:after { bottom:50%; margin-bottom:-0.02rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); } /*.navmenu { left:0; top:1.8rem; right:0; overflow:hidden; height:auto;}*/ .navmenu_box_bg { visibility:hidden;} .navmenu { overflow:hidden; height:auto; overflow-y:auto; position:absolute; left:0; top:1.8rem; right:0; bottom:0.8rem; z-index:1; display:none;} .navmenu #menu { width:100%; height:auto; position:relative; font-size:0.28rem; padding:0; flex-flow:row wrap;} .navmenu #menu li { width:100%; height:auto; float:left; overflow:hidden; position:relative;} .navmenu #menu li.home { display:none;} .navmenu #menu li a.a1 { width:auto; height:0.8rem; line-height:0.8rem; margin:0; text-align:left; margin-right:1rem; padding-left:4%;} .navmenu #menu li:hover .subnav, .navmenu #menu li.hover .subnav { display:;} .navmenu #menu li a:after { left:5%; margin-left:-0.1rem;border-left: 0.1rem solid transparent;border-right: 0.1rem solid transparent; display:none;} .navmenu #menu li:hover a:before, .navmenu #menu li.hover a:before { height:0.02rem; display:none;} .navmenu #menu li:hover a:after, .navmenu #menu li.hover a:after { right:0%; width:0rem; margin:0rem; border-bottom: 0.15rem solid #ff9c00; display:none;} /*二级菜单*/ .navmenu #menu li .subnav { width:auto; height:auto; overflow:hidden; display:block; position:relative; top:0; left:0; background:#004098; font-size:0.22rem; margin:0 0.1rem; padding:0; border-radius:0.05rem; border-top:0.02rem solid #ccc; border-bottom:0.02rem solid #ccc; display:none; margin-right:0.8rem;} .navmenu #menu li .subnav a { display:block; height:0.5rem; line-height:0.5rem; font-size:0.26rem!important; width:auto; padding:0 0.1rem; background:none!important; color:#fff!important; float:none; text-align:left; margin:0.04rem 0.6rem; margin-left:0.2rem; border-bottom:0;} .navmenu #menu li .subnav a:after { background:none; color:#000;} .navmenu .copyright { display:block; position:fixed; left:0; bottom:0; width:100%; height:0.8rem; line-height:0.8rem; color:#000; margin:0; font-size:.24rem; border-top:1px solid #ccc; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:center; align-content:stretch; align-items:center;} .navmenu .copyright .icon { font-size:0.4rem; color:##cc0b10;} .navmenu .copyright .tel { font-size:0.28rem; margin-left:0.2rem; font-weight:bold; color:#cc0b10; font-family:Arial;} .ny_banner, .bannerBox { margin-top:1rem; padding:0;} .bannerBox .copyrightbox { display:none;} .bannerBox .banner .swiper-slide video { top:8%; -webkit-transform: scale(1.19); -moz-transform: scale(1.19);} .bannerBox .banner .swiper-slide .video_mask { background:rgba(0,0,0,.2);} .ny .ny_banner_box { margin-top:1rem;} .ny_banner:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);} .ny_banner .info { padding:0 10%;} .ny_banner .tit { font-size:0.48rem; line-height:2;} .ny_banner .des { font-size:0.22rem; line-height:2; margin: 0.2rem 0; z-index:1; position:relative;} .bannerBox .banner .swiper-slide .ad-info-box { align-items:center;} .bannerBox .banner .swiper-slide .slogan { font-size:0.24rem;} .bannerBox .banner .swiper-slide .title { font-size:0.48rem; line-height:1.5;} .bannerBox .banner .swiper-slide .ad-info { padding:0 0.4rem;} .bannerBox .banner .swiper-pagination-bullets{ bottom:0.4rem; height:0.5rem; text-align:center; position:absolute; margin:0; left:0; bottom:0; width:100%;} .bannerBox .banner .swiper-pagination-bullet { width:0.10rem; height:0.10rem; margin:0; margin:0 0.05rem; border:0.02rem solid #fff;} .bannerBox .banner .swiper-pagination-bullet-active { width:0.4rem; border:0.02rem solid #fff;} .bannerBox .banner a.prev, .bannerBox .banner a.next { width:0.70rem; height:1rem; line-height:1rem; margin-top:-0.5rem; z-index:9; text-align:center; font-size:0.3rem; font-weight:100; display:none;} .bannerBox .banner .swiper-slide .ad-info-box, .bannerBox .ctrl_box { display:;} .guidebox_bg { display:none;} .insidebox_bg { margin-top:0;} .guidebox { margin-top:0; padding:0; background:#eeeeee;} .guidebox { height:auto; overflow:visible; position:relative; margin-top:0px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end;} .guidebox dt { height:auto; overflow:hidden; position:relative; padding:0; margin:0; border-radius:0; background:none;} .guidebox dt .tit:before { display:none;} .guidebox dt .subnav_menu { position:absolute; right:0.2rem; top:0; height:0.8rem; line-height:0.8rem; color:#fff;} .guidebox dt .subnav_menu a { color:#fff;} .guidebox dt .subnav_menu .icon { color:#fff; margin-left:0.1rem; float:right; font-size:0.4rem;} .guidebox dt .tit { font-size:0.28rem; line-height:3; padding:0; margin:0; font-weight:bold; display:none;} .guidebox dt .des { width:100%; font-size:0.2rem; line-height:2; display:none;} .guidebox dt .location { width:100%; line-height:3; float:none; margin:0; padding:0 0.2rem; font-size:0.2rem; display:block; border-bottom:1px solid #ccc;} .guidebox dd { width:100%; height:auto; overflow:hidden; padding:0 0.1rem; margin:0; margin-top:0rem;} .guidebox dd ul { width:100%; height:auto; overflow:hidden; font-size:0.22rem; margin-left:0px; right:0; top:0rem; position:relative; padding:0; margin:0; margin-top:0.1rem; justify-content:flex-start;} .guidebox dd ul li { width:32%; height:0.6rem; min-height:0.6rem; margin:0; margin-left:2%; margin-bottom:2%; float:left; position:relative;} .guidebox dd ul li:nth-child(3n-2) { margin-left:0;} .guidebox dd ul li a { width:100%; height:0.6rem; line-height:0.6rem; padding:0 0.1rem; margin:0; text-align:center; background:#fff;} .guidebox dd ul li a:before { content:''; line-height:0.8rem; position:absolute; left:0; top:0; left:0.2rem; display:none; /*border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #0b6eb9; border-right: 0px solid transparent; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;*/ } .guidebox dd ul li:hover a:before, .guidebox dd ul li.hover a:before { width:2px;} .guidebox dd ul li.hover:after { } .guidebox dd ul li:hover a, .guidebox dd ul li.hover a { background:#014099; color:#fff;} .guidebox dd ul li:hover a:before, .guidebox dd ul li.hover a:before { color:#fff;} .guidebox dd ul li:hover a { /*margin-top:-5px;*/} .guidebox dd ul li:hover a+.subnav, .guidebox dd ul li.hover a+.subnav { display:none;} .about_us_box_bg .about_point li.line { display:none;} /*56.net亚洲必赢位置*/ .location_position { display:block;} .location_position img { display:block; width:100%;} /*详细内容显示*/ .contentbox { margin:0; height:auto; padding:0.2rem 0.3rem;} .contentbox dt { width:100%; height:0.6rem; line-height:0.6rem; overflow:hidden; position:relative; position:relative; border-bottom:1px solid #d4cece; display:none;} .contentbox dt .location { width:100%; padding:0 0.2rem; float:none; text-align:left; font-size:0.18rem; line-height:0.6rem; font-weight:normal;} .contentbox dt .slogan { display:none;} .contentbox dt .tit { font-size:0.28rem; margin-right:0.2rem;} .contentbox dt .tit .line{ height:0.02rem;} .contentbox dd { padding:0.2rem 0; margin:0; min-height:5.5rem; height:auto; overflow:hidden;} .contentbox dd #content { font-size:0.16rem; line-height:2;} .contentbox dd .empty { font-size:0.4rem; line-height:1rem;} .detail .tit { font-size:0.32rem; line-height:0.5rem; margin-top:0.4rem;} .detail .des { line-height:0.44rem; margin-top:0.1rem; font-size:0.22rem;} .detail .des:after { content:''; width:2.6rem; height:0.02rem; margin-left:-1.3rem;} .detail .con { margin-top:0.3rem;} .detail .con p { font-size:0.22rem; line-height:3;} .detail .date { font-size:0.22rem; line-height:0.5rem;} .detail .con table { border-collapse:collapse;} .detail .con table tr td { border:1px solid #000;} .detail .con .tablescroll { width:100%; height:auto; overflow:hidden; overflow-x:auto; position:relative;} /*上一条下一条*/ .detail .prev_next { font-size:0.18rem; padding:0.3rem 0; margin-top:0.2rem;} .detail .prev_next a { display:block; line-height:0.4rem;} .goods-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; margin-top:0px;} .goods-list li { width:49%; flex:0 0 49%; margin-left:0%; margin-bottom:2%;} .goods-list li a { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;} .goods-list li .pic { width:100%; height:auto; overflow:hidden;} .goods-list li .brief { width:100%; padding:0.4rem;} .goods-list li .brief .tit { font-size:0.24rem; line-height:0.32rem; padding-bottom:0.2rem;} .goods-list li .brief .des { font-size:0.18rem; line-height:0.32rem; padding-top:0.2rem;} .goods-list li .name { font-size:0.24rem; height:0.5rem; line-height:0.5rem; padding-bottom:0.2rem;} /*图片*/ .pic-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-top:0.2rem;} .pic-list li { width:49%; flex:0 0 49%; margin-left:0%; margin-bottom:2%;} .pic-list li .name{ height:0.6rem; line-height:0.6rem; font-size:0.22rem;} /*新闻列表样式1*/ .news-list1 { font-size:0.22rem;} .news-list1 li { line-height:0.8rem; height:0.8rem;} .news-list1 li a { padding:0 0.2rem;} .news-list1 li a:before { width:0.05rem; height:0.05rem; margin-top:0rem;} .news-list1 li .date { float:right;} /*关于我们*/ .aboutbox_bg { width:100%; padding:0.6rem 0; height:auto; overflow:hidden; flex-flow:row wrap; justify-content:space-between;} .aboutbox dt { width:100%; height:auto; overflow:hidden; margin-top:10%;} .aboutbox dt .title .tit { font-size:0.48rem;} .aboutbox dt .title .tit1 { font-size:0.28rem;} .aboutbox dt .title .line { width:0.36rem;; height:0.02rem; margin:0.2rem 0;} .aboutbox dt .des { font-size:0.18rem; margin-top:0.3rem;} .aboutbox dt .des:before, .aboutbox dt .des:after { background-size:cover; display:inline-block; width:0.37rem; height:0.09rem; margin:0 0.1rem;} .aboutbox dt .des:after { background-size:cover;} .aboutbox dd { margin-top:0rem;} .aboutbox dd .about_box { width:100%;} .aboutbox dd .about { width:100%;} .aboutbox dd .about .pic { margin-top:0.2rem;} /*.aboutbox dd .about .text { width:100%; height:auto; color:#000; overflow:hidden; float:left; font-size:18px; line-height:2.5; margin-top:10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:center;}*/ .aboutbox dd .about .company_name { font-size:0.32rem; margin-top:0.2rem;} .aboutbox dd .about .more { width:3rem; height:0.6rem; line-height:0.6rem; font-size:0.24rem; margin:0 auto; margin-top:0.6rem; padding:0 0.2rem; border-radius:0.3rem; float:none;} .aboutbox dd .about .more:after { width:0.5rem;} .aboutbox dd .about .line { width:0.75rem; height:0.03rem; margin-left:0.15rem; top:-0.05rem;} .aboutbox dd .about_pic { width:100%; flex:0 0 100%; height:auto; overflow:hidden; float:none; position:relative;} .aboutbox dd .about_link { width:100%; flex:0 0 100%; margin:0.4rem 0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; align-items:center;} .aboutbox dd .about_link a { width:2rem; height:1.6rem; background-size:cover; display:flex; display:-webkit-flex; flex-flow:column nowrap; justify-content:center; align-items:center; margin-bottom:0;} .aboutbox dd .about_link .icon { font-size:0.6rem; line-height:1; display:block;} .aboutbox dd .about_link .tit2 { font-size:0.28rem; line-height:1.5; margin-top:0.1rem;} .aboutbox dd .about_link a:hover { background-size:cover;} .aboutbox dd .about .tit { font-size:0.32rem; line-height:2.5; text-align:center; font-weight:bold;} .aboutbox dd .about .text { height:auto; font-size:0.24rem; line-height:2; margin-top:0.2rem; -webkit-line-clamp:30;} .aboutbox dd .about_point { flex-flow:row wrap; margin:0; padding:0.1rem; justify-content:space-around;} .aboutbox dd .about_point li { width:33.333333333%; height:auto; padding:0.2rem 0; text-align:center;} .aboutbox dd .about_point li .num { width:100%; line-height:2; font-size:0.43rem;} .aboutbox dd .about_point li .unit{ margin-left:0.04rem; line-height:2; font-size:0.22rem; top:-0.20rem;} .aboutbox dd .about_point li .tit2 { font-size:0.22rem; line-height:2;} .aboutbox dd .about_pic .about_pic_list li { width:100%;} .aboutbox dd .about_pic .about_pic_list li .pic img { display:block;} .aboutbox dd .about_pic .about_pic_list li .brief { height:1.07rem; padding:0 0.3rem;} .aboutbox dd .about_pic .about_pic_list li .brief .tit { font-size:0.28rem;} .aboutbox dd .about_pic .about_pic_list li .brief .tit:after { background-size:100% auto; margin-top:-0.08rem; width:0.27rem; height:0.16rem;} .aboutbox dd .about_pic .about_pic_list li .brief .icon { float:left; margin-right:0.1rem; width:0.5rem;} .aboutbox dd .about_pic .about_pic_list li .brief .icon img { width:100%;} .aboutbox dd .about_pic .about_pic_list li .brief .tit1 { font-size:0.24rem; margin-left:0.1rem;} .aboutbox_bg .about_pic { position:relative; width:100%; height:auto;} .aboutbox_bg .about_pic a { display:block;} .aboutbox_bg .about_pic .tit { width:80%; height:1rem; line-height:1rem; top:30%; left:50%; margin-top:-0.5rem; margin-left:-40%; font-size:0.28rem;} .aboutbox_bg .about_pic .tit:after { width:35%; height:1px; margin:0; top:-3px;} .aboutbox_bg .about_pic .play { width:1rem; height:1rem; margin-top:-0.5rem; font-size:18px;} .aboutbox_bg .about_pic img { display:block; width:100%;} .about_point_box { padding:0.6rem 0.2rem;} .about_point_box .about_point li { width:50%; float:left; text-align:center;} .about_point_box .about_point li .icon { width:1rem; height:1rem;} .about_point_box .about_point li .info { position:relative; z-index:1;} .about_point_box .about_point li .num { width:100%; line-height:0.8rem; font-size:0.65rem;} .about_point_box .about_point li .counter { font-weight:bold; font-family:Arial;} .about_point_box .about_point li .unit{ margin-left:0.1rem; font-size:0.2rem; line-height:0.3rem; top:-0.3rem;} .about_point_box .about_point li .tit { font-size:0.28rem; line-height:2;} .productbox_bg { padding:0 0.2rem;} /*产品展示*/ .product_pic_scroll { height:auto; overflow:hidden; position:absolute; left:0; top:1rem; width:100%; height:100%;} .product_pic_scroll .pic { } .product_pic_scroll .pic img { display:block;} /*信息*/ .product_info_scroll { margin:1rem auto; padding:0; margin-bottom:0;} .product_info_scroll .product_info_list {} .product_info_scroll .brief { width:50%; height:auto;} .product_info_scroll .brief .tit { font-size:0.48rem;} .product_info_scroll .brief .des { font-size:0.2rem;} .product_info_scroll .more { width:2rem; height:0.6rem; line-height:0.6rem; font-size:0.24rem; margin:0.6rem 0; padding:0 0.2rem; border-radius:0.3rem;} /*控制*/ .product_info_scroll .more:hover { background:#fff; color:#004098;} .product_info_scroll .ctrl_box { width:90%; height:1rem; overflow:hidden; position:relative; margin:0 auto; float:none; display:none;} .product_info_scroll .ctrl_box .prev, .product_info_scroll .ctrl_box .next { width:0.58rem; height:0.58rem; line-height:0.58rem; border:0.02rem solid #fff; font-size:0.3rem;} .product_info_scroll .ctrl_box .prev:hover, .product_info_scroll .ctrl_box .next:hover { border:0.02rem solid #fff;} /*切换*/ .productbox_bg .tabs { width:100%; height:auto; overflow:; position:relative; top:0; margin-bottom:0.2rem; text-align:center;} .productbox_bg .tabs a { display:inline-block; height:auto; line-height:1rem; text-indent:0; margin:0 0.1rem; padding:0 0.2rem; text-align:center; font-size:0.24rem;} .productbox_bg .tabs a:before { display:none;} .productbox_bg .tabs a:after { content:''; width:100%; height:1px; background:#8992a1; position:absolute; left:0; bottom:0; z-index:-1; -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .productbox_bg .tabs a.hover { text-indent:0; color:#05203d; font-weight:bold;} .productbox_bg .tabs a.hover:after { height:100%;} /*期待与您合作*/ .looking_cooperation_bg { padding:0.6rem 0; margin-top:0;} .looking_cooperation .tit1 { font-size:0.42rem; line-height:1.5;} .looking_cooperation .tit { font-size:0.36rem; line-height:1.5; margin-top:0.2rem;} .looking_cooperation .faq { width:3rem; height:0.8rem; font-size:0.26rem; line-height:0.8rem; margin-top:0.3rem;} /*this*/ /*走进我们栏目页*/ /*56.net亚洲必赢简介*/ .about_us_box_bg { padding:0.6rem 0;} .about_us_box_bg .about_point li.line { display:none;} .about_us_box .about { padding:0;} .about_us_box .about .tit { font-size:0.4rem; line-height:0.6rem;} .about_us_box .about .des { font-size:0.24rem; line-height:2; margin-top:0.6rem;} /*企业文化*/ .corporate_culture_bg { padding:0.6rem 0.2rem;} .corporate_culture dt .tit { font-size:0.4rem; line-height:0.6rem;} .corporate_culture dt .des { font-size:18px; line-height:2;} .corporate_culture dd { width:100%; height:auto; overflow:hidden; margin-top:0.5rem;} .corporate_culture dd .corporate_culture_list { width:100%; height:auto; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-between;} .corporate_culture dd .corporate_culture_list li { width:auto; height:auto; overflow:hidden; text-align:left; padding:0 0.2rem; padding-left:1.5rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .corporate_culture dd .corporate_culture_list li .brief { width:100%; height:auto; overflow:hidden; float:left;} .corporate_culture dd .corporate_culture_list li:after { display:none;} .corporate_culture dd .corporate_culture_list li .icon { width:1.19rem; height:1.19rem; line-height:1.19rem; font-size:0.6rem; border:0.02rem dashed #fff; margin-right:0.2rem; float:left; margin:0 0 0 -1.5rem;} .corporate_culture dd .corporate_culture_list li .tit { font-size:0.28rem; margin:0.2rem 0; line-height:3;} .corporate_culture dd .corporate_culture_list li .des { font-size:0.22rem; padding:0;} /*发展历程*/ .development_history_bg { padding:0.6rem 0.2rem;} .development_history dt .tit { font-size:0.4rem; line-height:0.6rem;} .development_history dt .des { font-size:0.24rem; line-height:2; margin-top:0.6rem;} .development_history dd { padding-left:0.78rem; margin-top:0.7rem;} .development_history dd .title { width:0.6rem; font-size:0.6rem; line-height:0.6rem; margin:0 0 0 -0.78rem;} .development_history_scroll:before { content:''; width:0.09rem; height:0.09rem; left:-0.04rem; top:0px;} .development_history_scroll:after { content:''; width:0.09rem; height:0.09rem; left:-0.04rem; bottom:0.02rem;} .development_history_scroll .point_line { bottom:0.06rem; height:0.01rem;} .development_history_scroll .next { width:0.11rem; height:0.13rem;background-size:100% 100%;} .development_history_scroll .swiper-pagination { width:100%; height:0.3rem;} .development_history dd .development_history_list li { width:100%; padding-bottom:0;} .development_history dd .development_history_list li:after { width:0.09rem; height:0.09rem; left:-0.04rem; bottom:0.02rem;} .development_history dd .development_history_list li a { padding:0px 10%;} .development_history dd .development_history_list li a:after { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5;} .development_history dd .development_history_list li .tit { font-size:36px; line-height:2;} .development_history dd .development_history_list li .des { font-size:0.22rem; line-height:2; height:auto; margin:0.2rem 0; -webkit-line-clamp: 10;} .development_history dd .development_history_list li .pic { margin:0.4rem 0;} /*荣誉资质*/ .honorbox_bg { padding:0.6rem 0;} .honorbox dt .title .tit { font-size:0.4rem; line-height:1rem;} .honorbox dt .title .tit:after { width:1rem; height:0.04rem;} .honorbox dt .des { font-size:0.24rem; padding:0 10%;} .honorbox dt .tabs { margin:0.5rem 0;} .honorbox dt .tabs li { width:20%;} .honorbox dt .tabs li .tit { font-size:0.26rem;} .honorbox dt .tabs li a { padding-bottom:0.2rem;} .honorbox dt .tabs li a:after { bottom:-0.2rem; margin-left:-0.07rem; border-top: 0px solid transparent; border-left: 0.07rem solid transparent; border-bottom: 0.1rem solid #014099; border-right: 0.07rem solid transparent; } .honorbox dt .tabs li .num .counter { font-size:0.48rem; } .honorbox dt .tabs li .num .unit { font-size:0.24rem; top:-0.24rem; padding:0 0.1rem;} .honorbox dd { margin-top:0.4rem;} .honorbox dd .honor_list_scroll { padding:0;} .honorbox dd .honor_list li a { padding:0.5rem 0.2rem;} .honorbox dd .honor_list li .tit { font-size:0.2rem; margin-top:0.8rem;} .honorbox dd .honor_list_scroll .prev, .honorbox dd .honor_list_scroll .next { width:0.5rem; height:0.5rem; line-height:0.48rem; border:0.02rem solid #03419a; font-size:0.15rem; margin-top:-0.2rem; z-index:1; display:none;} .honorbox dd .honor_more { width:2rem; height:0.6rem; line-height:0.6rem; font-size:0.24rem; margin:0 auto; margin-top:0.6rem; padding:0 0.2rem; border-radius:0.3rem; margin-top:1rem;} /*厂区环境*/ .about_plant_area_bg { padding:0.6rem 0; } .about_plant_area dt .tit { font-size:0.4rem; line-height:1rem;} .about_plant_area dt .des { font-size:0.24rem; padding:0 10%;} .about_plant_area .about_plant_area_list_scroll { margin-top:0.6rem;} .about_plant_area .about_plant_area_list li .brief { height:0.62rem; padding:0 0.2rem;} .about_plant_area .about_plant_area_list li .brief .tit { font-size:0.2rem; line-height:0.62rem;} .about_plant_area .about_plant_area_list li .brief .tit1 { font-size:0.2rem; margin-left:0.03rem;} .about_plant_area .swiper-pagination { width:100%; height:0.4rem; position:relative;} .about_plant_area .swiper-pagination .swiper-pagination-bullet { width:0.1rem; height:0.1rem; margin:0 0.1rem; top:0.03rem;} .about_plant_area .swiper-container-horizontal>.swiper-pagination-bullets, .about_plant_area .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0.4rem; } .about_plant_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:0.2rem; height:0.2rem; position:relative; top:0.05rem; left:0.05rem;} .about_plant_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { display:none;} .about_plant_area .ctrl_box { width:100%; height:auto; overflow:hidden; margin:0.5rem auto; position:relative; z-index:1;} .about_plant_area .ctrl_box .prev, .about_plant_area .ctrl_box .next { width:0.3rem; height:0.3rem; line-height:0.3rem; font-size:0.2rem; display:none;} /*视频宣传*/ .about_video_bg { padding:0.6rem 0;} .about_video { padding:1rem 0;} .about_video dt { width:100%; height:auto; overflow:hidden;} .about_video dt .tit { font-size:0.4rem; line-height:1rem;} .about_video dt .des { font-size:0.24rem; padding:0 10%;} .about_video dd { margin-top:0.6rem;} .about_video dd .video .play { width:1rem; height:1rem; background-size:100% 100%;} /*实力创新栏目页*/ /*技术优势*/ .technical_advantages_bg { padding:0.6rem 0.2rem;} .technical_advantages dt .tit { font-size:0.4rem; line-height:1rem;} .technical_advantages .technical_advantages_list_scroll { margin-top:0.3rem;} .technical_advantages .technical_advantages_list li { width:48%;} .technical_advantages .technical_advantages_list li .title { width:100%; height:1rem; line-height:1rem;} .technical_advantages .technical_advantages_list li .tit { width:100%; font-size:0.28rem; position:relative; padding-left:0.6rem;} .technical_advantages .technical_advantages_list li .tit:after { content:'>'; float:right; margin-right:0.2rem; font-size:0.15rem;} .technical_advantages .technical_advantages_list li .icon { width:0.42rem; height:0.42rem; line-height:0.42rem; font-size:0.2rem; margin-top:-0.21rem;} .technical_advantages .technical_advantages_list li .des { font-size:0.2rem; padding:0.1rem 0; margin:0.1rem 0; } /*产业链优势*/ .industrial_chain_advantages_bg { padding:0.6rem 0.2rem;} .industrial_chain_advantages dt .tit { font-size:0.4rem; line-height:1rem;} .industrial_chain_advantages dt .des { width:100%; height:auto; overflow:hidden; font-size:0.18rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; margin:0.3rem 0;} .industrial_chain_advantages dt .des .item { width:33%; height:0.4rem; line-height:0.4rem; margin:0.02rem 0; border-radius:0.05rem;} .industrial_chain_advantages dd { width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .industrial_chain_advantages dd .tabs { width:100%; height:auto; overflow:hidden; font-size:0.24rem; position:relative; left:0; top:0; float:left;} .industrial_chain_advantages dd .tabs a { width:25%; display:block; height:0.8rem; line-height:0.8rem; padding:0 0.2rem; float:left; position:relative;} .industrial_chain_advantages dd .tabs a:before { content:''; width:100%; height:0.04rem; background:#e9e8e8; position:absolute; left:0; bottom:0; top:auto; margin:0;} .industrial_chain_advantages .industrial_chain_advantages_list_scroll { width:100%; height:auto; overflow:hidden; margin-top:0.3rem; float:left;} .industrial_chain_advantages .industrial_chain_advantages_list { width:100%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .industrial_chain_advantages .industrial_chain_advantages_list li { width:100%; height:auto; overflow:hidden; padding:0; float:left; position:relative;} .industrial_chain_advantages .industrial_chain_advantages_list li .pic { width:100%; height:auto; overflow:hidden;} .industrial_chain_advantages .industrial_chain_advantages_list li .pic img { display:block;} .industrial_chain_advantages .industrial_chain_advantages_list li .brief { width:100%; padding:0.3rem 0.4rem; position:relative; left:0%;} .industrial_chain_advantages .industrial_chain_advantages_list li .tit { font-size:0.3rem;} .industrial_chain_advantages .industrial_chain_advantages_list li .des { font-size:0.22rem; margin-top:0.2rem;} /*产品优势*/ .product_advantages_bg { padding:0.6rem 0.2rem;} .product_advantages dt .tit { font-size:0.4rem; line-height:1rem;} .product_advantages dd { margin-top:0.4rem;} .product_advantages .product_advantages_list_scroll { margin-top:0.3rem;} .product_advantages .product_advantages_list { width:100%; height:auto; overflow:hidden; flex-flow:row wrap;} .product_advantages .product_advantages_list li { width:100%; margin:0.1rem 0;} .product_advantages .product_advantages_list li.hover { width:100%;} .product_advantages .product_advantages_list li a { padding:0.2rem; height:auto; overflow:hidden;} .product_advantages .product_advantages_list li .pic { width:100%; height:auto; overflow:hidden; display:none; margin-top:0.4rem;} .product_advantages .product_advantages_list li .pic img { display:block;} .product_advantages .product_advantages_list li .title { width:100%; height:1rem; line-height:1rem; padding:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .product_advantages .product_advantages_list li .tit { width:100%; height:1rem; line-height:1rem; overflow:hidden; font-size:0.32rem; position:relative; writing-mode:horizontal-tb; text-align:left; padding:0;} .product_advantages .product_advantages_list li .tit:after { font-size:0.3rem; width:1rem; height:1rem; text-align:center; line-height:1rem; float:right; font-weight:bold; float:right;} .product_advantages .product_advantages_list li .des { width:100%; height:auto; overflow:hidden; font-size:0.24rem; line-height:2.5; padding:0.1rem 0; display:none;} .product_advantages .product_advantages_list li.hover .tit { width:100%; height:1rem; line-height:1rem;} .product_advantages .product_advantages_list li.hover a { padding:0.2rem;} .product_advantages .product_advantages_list li.hover .tit:after { display:block;} .product_advantages .product_advantages_list li.hover .pic, .product_advantages .product_advantages_list li.hover .des { display:block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:13; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} /*定制化设计优势*/ .customized_design_bg { padding:0.6rem 0.2rem;} .customized_design dt .tit { font-size:0.4rem; line-height:1rem;} .customized_design dd { margin-top:0.4rem;} .customized_design .customized_design_list_scroll { margin-top:0.3rem;} .customized_design .customized_design_list li { width:100%; align-items:center; margin:0.1rem 0;} .customized_design .customized_design_list li .tit { font-size:0.28rem; line-height:2;} .customized_design .customized_design_list li .icon { width:1rem; height:1rem; line-height:1rem; text-align:center; font-size:0.5rem; border:1px solid #000; border-radius:50%; padding:0.2rem; margin-right:0.2rem; float:left;} .customized_design .customized_design_list li .icon img { display:block; max-width:100%; width:auto;} .customized_design .customized_design_list li a { width:100%; display:block; height:auto; overflow:hidden; background:#fff; color:#000; padding:40px;} /*设备优势*/ .made_capacity_bg { padding:0.6rem 0.2rem; padding-bottom:0;} .made_capacity dt .tit { font-size:0.4rem; line-height:1rem;} .made_capacity dt .tabs { font-size:0.24rem;} .made_capacity dt .tabs a { line-height:1rem; height:1rem; margin:0 0.2rem;} .made_capacity dt .tabs a:after { height:0.07rem;} .made_capacity dt .tabs a.hover { font-weight:bold;} .made_capacity_tabs_group_box { padding-left:0;} .made_capacity_list_scroll { margin-top:0.2rem;} .made_capacity dd .tabs_box { width:100%; height:auto; min-height:auto; margin:0;} .made_capacity dd .tabs_box .tabs_title { width:100%; height:auto; overflow:hidden; font-size:0.28rem; line-height:3; display:none;} .made_capacity dd .tabs_box .tabs_title:after { display:none;} .made_capacity dd .tabs { width:100%; height:auto; overflow:hidden; font-size:0.24rem; margin-top:0.2rem; padding:0.1rem; text-align:center; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; align-content:space-between; align-items:flex-start;} .made_capacity dd .tabs a { width:48%; line-height:0.5rem; height:0.5rem; float:none; display:inline-block; padding:0 0.1rem;} .made_capacity dd .tabs a.hover { font-weight:bold; color:#fff; background:#e60012;} .made_capacity dd { margin-top:0.4rem;} .made_capacity dd .made_capacity_list li { width:100%; height:auto; overflow:; float:left; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;} .made_capacity dd .made_capacity_list li .pic { width:100%; height:auto; overflow:hidden; float:left;} .made_capacity dd .made_capacity_list li .pic img { display:block;} .made_capacity dd .made_capacity_list li .brief { width:100%; height:auto; overflow:visible; float:left; padding:0.3rem 0; position:relative;} .made_capacity dd .made_capacity_list li .brief .next { font-size:0.32rem; width:0.68rem; height:0.68rem; line-height:0.68rem; text-align:center; position:absolute; right:0; bottom:-0.3rem;} .made_capacity dd .made_capacity_list li .brief:after { content:''; height:1px; background:#014099; position:absolute; left:0; right:1rem; bottom:0;} .made_capacity dd .made_capacity_list li .tit { font-size:0.34rem;} .made_capacity .swiper-pagination { width:100%; height:0.6rem; position:relative; left:0; bottom:0; padding:0;} /*产品中心*/ .goods_index_info { margin:0.2rem 0;} .goods_index_info a { padding:0.2rem;} .goods_index_info .brief { width:60%; height:auto; overflow:hidden; float:left; z-index:1;} .goods_index_info .tit { font-size:0.36rem; line-height:1.2;} .goods_index_info .des { font-size:0.22rem; line-height:1.5; margin-top:0.2rem;} .goods_index_scroll { padding:0 0.2rem;} .goods_index_scroll .prev, .goods_index_scroll .next { position:absolute; left:0; top:50%; margin-top:-0.3rem; width:0.4rem; height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.3rem; color:#fff; border-radius:0.05rem; font-family:"宋体"; background:rgba(0,0,0,.5); z-index:1;} .goods_index_scroll .next { left:auto; right:0;} .goods_index .goods_list { width:100%; height:auto; overflow:; margin:0;} .goods_index .goods_list li { width:100%;} .goods_index .goods_list li .tit { width:100%; height:1.2rem; line-height:1.2rem; font-size:0.28rem;} /*亚洲必赢新闻*/ .top_pic_news_scroll { position:relative; height:auto; overflow:visible;} .top_pic_news_scroll .swiper-pagination { position:relative; height:auto; overflow:hidden;} .top_pic_news_scroll .prev, .top_pic_news_scroll .next { position:absolute; left:0; top:30%; margin-top:-0.3rem; width:0.4rem; height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.3rem; border-radius:0.05rem;} .top_pic_news_scroll .next { left:auto; right:0;} .top_pic_news_list li { width:100%;} .top_pic_news_list li .pic { border-radius:0.1rem;} .top_pic_news_list li .pic img { display:block;} .top_pic_news_list li .brief { margin-top:0.2rem;} .top_pic_news_list li .tit { font-size:0.26rem; line-height:0.4rem; height:0.8rem;} .top_pic_news_list li .date { font-size:0.28rem;margin-top:0.2rem;} .top_pic_news_scroll .more { width:2.5rem; height:0.6rem; line-height:0.6rem; margin:0 auto; border-radius:0.3rem; font-size:0.22rem;} .news_list_box { width:100%; height:auto; overflow:hidden; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .news_list_box .news_list { width:100%; height:auto; overflow:visible;} .news_list_box .news_list li { margin:0.1rem 0;} .news_list_box .news_list li .bg { width:0%; height:100%; background:#014099; position:absolute; left:0; top:0; z-index:0;} .news_list_box .news_list li a { padding:0.25rem; padding-bottom:0; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .news_list_box .news_list li .brief { margin:0;} .news_list_box .news_list li .tit { width:100%; font-size:0.26rem; line-height:1rem; height:1rem;} .news_list_box .news_list li .date { line-height:0.9rem; font-size:0.24rem;} .news_list_box .news_list li .icon { font-size:0.3rem;} .news_list_box .news_list li .pic { width:100%; height:auto; flex:0 0 100%; margin-right:0;} .news .contentbox, .jobs .contentbox { margin-top:0;} .news .contentbox dt .tit, .jobs .contentbox dt .tit { font-size:0.4rem; line-height:0.6rem;} .join_us_bg { height:auto; overflow:hidden; padding:0.6rem 0;} .join_us dt { width:100%; height:auto; overflow:hidden; text-align:center;} .join_us dt .tit { font-size:0.36rem; line-height:2; margin:0.2rem 0;} .join_us dt .des { font-size:0.24rem; line-height:3;} .join_us dt .tit1 { font-size:1.2rem; line-height:2.5;} .join_us_get_bg { padding:0.6rem 0.2rem;} .join_us_get dt .tit { font-size:0.36rem; line-height:2;} .join_us_get dd .join_us_get_list { width:100%; height:auto; overflow:hidden; position:relative; margin-top:0.3rem; display:flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-items:flex-start;} .join_us_get dd .join_us_get_list li { width:100%; height:auto; overflow:hidden; position:relative; margin:0.1rem 0;} .join_us_get dd .join_us_get_list li:nth-child(2) a, .join_us_get dd .join_us_get_list li:nth-child(3) a { padding:0 0.4rem;} .join_us_get dd .join_us_get_list li:nth-child(3) { position:relative; right:0; bottom:0;} .join_us_get dd .join_us_get_list li .bg { display:block;} .join_us_get dd .join_us_get_list li a { padding:0 0.4rem; display:flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between; align-content:center; align-items:flex-start;} .join_us_get dd .join_us_get_list li .tit { width:100%; font-size:0.32rem; line-height:3;} .join_us_get dd .join_us_get_list li .tit:before { width:0.5rem; height:0.05rem; margin:0.1rem 0;} .join_us_get dd .join_us_get_list li .des { width:100%; font-size:0.22rem; line-height:2; margin:0px;} /*招聘信息列表*/ .jobs-list-box { margin:0.6rem 0.2rem;} .jobs-list-box .head { width:100%; height:auto; height:0.6rem; line-height:0.6rem; font-size:0.26rem;} .jobs-list-box .head li { line-height:0.6rem;} .jobs-list1 li { margin-top:0.2rem;} .jobs-list1 li .date { line-height:0.6rem;} .jobs-list1 li .title {min-height:0.6rem; line-height:0.6rem; font-size:0.2rem;} .jobs-list1 li .title:after { content:'>'; position:absolute; right:0.22rem; top:0; display:none;} .jobs-list1 li .title .item { width:100%; line-height:0.6rem; float:left; text-align:center;} .jobs-list1 li .infobox .pic { display:none;} .jobs-list1 li .infobox { padding:0.3rem; padding-bottom:0.6rem; height:auto; overflow:hidden; display:none;} .jobs-list1 li .infobox .des { font-size:0.2rem; line-height:2; height:4rem; margin:0.2rem 0; } .jobs-list1 li .infobox .btnbox { margin:0;} .jobs-list1 li .infobox .btn { width:2rem; height:0.6rem; line-height:0.6rem; font-size:0.22rem;} .jobs-list1 li .infobox .btn:nth-child(2) { margin-left:0.2rem;} /*联系信息*/ .contact_info_box { margin:0.3rem 0; height:auto; overflow:hidden;} .contact_info_box .title { color:#000; height:auto; overflow:hidden; text-align:center;} .contact_info_box .title .tit { font-size:0.36rem; line-height:2; margin:0.2rem 0;} .contact_info_box .title .tit1 { font-size:1.2rem; line-height:2.5;} .contact_info { margin:0.6rem 0.2rem;} .contact_info_box .des { font-size:0.2rem; margin-top:0.3rem;} .contact_info_list li { width:99.9%; margin:0.1rem 0;} .contact_info_list li .icon { width:0.8rem; height:0.8rem; font-size:0.6rem; line-height:0.8rem;} .contact_info_list li .tit { font-size:0.28rem; } .contact_info_list li .des { font-size:0.24rem; height:auto; line-height:2; margin-top:0.2rem;} .contact_info_list li .tit1 { font-size:0.2rem; line-height:2; margin-top:0.2rem;} /*地图导航*/ .contact_us_box { width:100%; height:auto; overflow:hidden; margin-top:0.6rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .contact_us_box .travel_mode { width:100%; height:auto; overflow:hidden; float:left; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-between; align-items:stretch;} .contact_us_box .travel_mode .title { width:100%; height:1rem; line-height:1rem; overflow:hidden; border-bottom:1px solid #d9d9d9;} .contact_us_box .travel_mode .tit { font-size:0.22rem; float:left;} .contact_us_box .travel_mode .tit1 { margin-left:0.2rem;} .contact_us_box .travel_mode .tabs { width:100%; font-size:0.25rem; height:1rem; line-height:1rem;} .contact_us_box .travel_mode .tabs li.hover a {color:#cc0b10;} .contact_us_box .travel_mode .tabs a { display:block; float:left; width:50%; line-height:1rem; height:1rem; color:#000;} .contact_us_box .travel_mode .tabs a .icon { margin-right:0.2rem; font-size:0.3rem;} .contact_us_box .travel_mode .tabs a.hover { color:#014099;} .contact_us_box .travel_mode .tabs.driving-way a { width:50%; height:30px; line-height:30px; padding:0 10px;} .contact_us_box .travel_mode .tabs.driving-way a.hover { background:#cc0b10; color:#fff;} .contact_us_box .travel_mode .switch_st { width:0.4rem; flex:0 0 0.4rem; margin-right:0.1rem; font-size:0.4rem; text-align:center; line-height:0.4rem;} .contact_us_box .travel_mode .input_value .inputbox { width:100%;} .contact_us_box .travel_mode .input_value .input { width:100%; border:0; height:0.6rem; line-height:0.6rem; padding:0 0.3rem; font-size:0.2rem;} .contact_us_box .travel_mode .input_value .line { width:100%; height:1px; background:#000;} .contact_us_box .travel_mode .gototag { line-height:0.6rem; height:0.6rem; margin-top:0.4rem; font-size:0.2rem;} .contact_us_box .location { width:100%; height:4rem; background-size:auto 100%; margin-top:0.2rem;} .why_choose_us_bg { height:auto; padding:0.6rem 0; flex-flow:row wrap; justify-content:space-between;} .why_choose_us dt .title { text-align:center;} .why_choose_us dt .title .tit1 { font-size:0.24rem;} .why_choose_us dt .title .tit { font-size:0.32rem; line-height:2.5;} .why_choose_us dt .des { width:100%; font-size:0.22rem; line-height:2.5; margin-top:0.2rem; text-indent:2em;} .why_choose_us_bg .pic_slide_box { position:absolute; top:0; right:0; width:100%; height:100%;} .why_choose_us_bg .pic_slide_box:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.8); z-index:1;} .why_choose_us_bg .pic_slide_box .swiper-slide, .why_choose_us_bg .pic_slide_box .swiper-container, .why_choose_us_bg .pic_slide_box .swiper-wrapper { height:100%;} .why_choose_us_bg .pic_slide_box .swiper-slide img { display:block;} .why_choose_us .info_slide_box { width:100%; height:auto; overflow:hidden; margin-top:0.3rem; position:relative; z-index:2;} .why_choose_us .info_slide_box ul { width:100%; height:auto; overflow:visible;} .why_choose_us .info_slide_box ul li { width:100%; height:auto; overflow:; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:center; align-items:stretch;} .why_choose_us .info_slide_box ul li .num { font-size:1rem; width:1.57rem; height:auto; line-height:1rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;} .why_choose_us .info_slide_box ul li .tit1 { font-size:0.2rem; width:2rem; height:auto; padding:0.4rem 0.2rem; float:left; margin-left:0.2rem; position:relative;} .why_choose_us .info_slide_box ul li .tit1:before { background-size:cover; width:0.2rem; height:0.12rem; position:absolute; top:0.2rem; left:0.2rem;} .why_choose_us .info_slide_box ul li .des1 { font-size:0.2rem; width:4.80rem; height:auto; line-height:2; padding:0.1rem 0.2rem; float:left; margin-left:0.2rem;} .why_choose_us .ctrl_box { width:100%; height:0.66rem; margin-top:0.3rem;} .why_choose_us .ctrl_box .prev, .why_choose_us .ctrl_box .next { width:0.2rem; height:0.66rem; line-height:0.66rem; font-size:0.2rem;} .why_choose_us .swiper-pagination { width:auto; max-width:auto; line-height:0.4rem; position:absolute; left:0.2rem; right:0.2rem; top:5px;} .why_choose_us .swiper-pagination-bullets{ bottom:0px; height:0.4rem; text-align:center;} .why_choose_us .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { } .why_choose_us .swiper-pagination-bullet { width:0.15rem; height:0.15rem; border:0.01rem solid #000; margin:0 0.06rem;} .product_advantages_bg { height:auto; padding:0.6rem 0; flex-flow:row wrap; justify-content:space-between;} .product_advantages dt .title { text-align:center;} .product_advantages dt .title .tit1 { font-size:0.24rem;} .product_advantages dt .title .tit { font-size:0.32rem; line-height:2.5;} /*产品*/ .productbox_bg { padding:0.5rem 0; height:auto; flex-flow:row wrap; justify-content:space-between;} .productbox dt .title { text-align:center;} .productbox dt .title .tit1 { font-size:0.22rem;} .productbox dt .title .tit { font-size:0.42rem; line-height:3;} .productbox dt .des { font-size:0.18rem; margin-top:0.3rem;} .productbox dt .des:before, .productbox dt .des:after { background-size:cover; display:inline-block; width:0.37rem; height:0.09rem; margin:0 0.1rem;} .productbox dt .des:after { background-size:cover;} .productbox dt .tabs { margin-top:0.2rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:baseline;} .productbox dt .tabs a { width:30%; margin:0 1.5%; display:block; font-size:0.24rem; height:auto; line-height:3; overflow:; text-align:center; float:left; position:relative;} .productbox dt .tabs a .tit2 { font-size:0.18rem; width:100%; height:auto; line-height:1.5; position:relative; overflow:hidden; padding:0.15rem 0;} .productbox dt .tabs a .pic img { display:block; width:100%;} .productbox dt .tabs a .tit2:before { content:''; position:absolute; left:50%; margin-left:-0.08rem; top:100%; border-top: 0px solid transparent; border-bottom: 0.14rem solid #c10f0e; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; } .productbox dd { margin-top:0.3rem;} .productbox .product_list { /*display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;*/} .productbox .product_list li{ width:100%; float:left; height:auto; overflow:; position:relative; top:0; left:0; line-height:0; border-radius:0px; float:left;} .productbox .product_list li .tit { width:100%; height:1rem; line-height:1rem; font-size:0.28rem;} .productbox .product_list li .pic .img1 { display:none;} .productbox .product_list li .pic .img2 { display:block;} .productbox .product_list li .brief { position:relative; left:0; top:auto; bottom:0; width:100%; padding:0.3rem 0.2rem;} .productbox .product_list li .tit { width:100%; height:auto; line-height:2; font-size:0.3rem; color:#000; font-weight:bold; position:relative; bottom:0; right:0;} .productbox .product_list li .des { width:100%; height:auto; font-size:0.24rem; line-height:2;} .productbox .ctrl_box { width:100%; height:1rem; margin-top:0.2rem;} .productbox .ctrl_box .prev, .productbox .ctrl_box .next { width:1rem; height:1rem; line-height:1rem; font-size:0.6rem;} .productbox .ctrl_box .more { width:2.5rem; height:0.8rem; line-height:0.8rem; font-size:0.24rem; margin-top:0.1rem;} /*生产流程*/ .production_process_bg { height:auto; padding:0.6rem 0.2rem;} .production_process dt .title .tit1 { font-size:0.22rem; line-height:1.3;} .production_process dt .title .tit { font-size:0.42rem; line-height:3; } .production_process dd { margin-top:0.2rem;} .production_process_list { margin-top:0.2rem; margin-bottom:0.3rem;} .production_process_list li { width:49%; border-radius:0.2rem;} .production_process_list li:nth-child(2), .production_process_list li:nth-child(3) { top:0;} .production_process_list li:nth-child(6), .production_process_list li:nth-child(7) { top:0;} .production_process_list li:nth-child(5) { order:5;} .production_process_list li:nth-child(6) { order:6;} .production_process_list li:nth-child(7) { order:7;} .production_process_list li:nth-child(8) { order:8;} .production_process_list li .tit { height:0.4rem; line-height:0.4rem; font-size:0.22rem; padding:0 0.28rem;} .production_process_list li.pic_center { position:relative; left:0%; top:0%; right:0%; width:100%; font-size:0.4rem;} .production_process_list li.pic_center a { -webkit-text-stroke: 0.01rem #fff;} /*资质证书*/ .certificate_bg { padding:0.5rem 0;} .certificate dt .tit1 { font-size:0.4rem;} .certificate dt .tit { font-size:0.36rem; margin-top:-0.25rem;} .certificate dt .tit:before, .certificate dt .tit:after { width:0.2rem; height:0.2rem; margin:0 0.1rem; background-size:cover;} .certificate dt .des { font-size:0.18rem; margin-top:0.3rem;} .certificate dt .des:before, .certificate dt .des:after { background-size:cover; display:inline-block; width:0.37rem; height:0.09rem; margin:0 0.1rem;} .certificate dt .des:after { background-size:cover;} .certificate dd { margin-top:0.4rem;} .certificate dd .certificate_list_scroll { overflow:hidden;} .certificate dd .certificate_list_scroll .prev, .certificate dd .certificate_list_scroll .next { width:0.6rem; height:0.6rem; line-height:0.6rem; font-size:0.3rem; position:absolute; left:0.1rem; top:50%; margin-top:-0.3rem; display:none;} .certificate dd .certificate_list_scroll .next { left:auto; right:0.1rem;} .certificate dd .certificate_list li { width:50%;} .certificate dd .certificate_list li .brief { width:100%; height:auto;} .certificate dd .certificate_list li .tit { width:100%; font-size:0.22rem; line-height:2;} /*新闻资讯*/ .newsbox_bg { padding:0.5rem 0; height:auto; flex-flow:row wrap; justify-content:space-between;} .newsbox { padding:0;} .newsbox dt { width:100%; height:auto; overflow:hidden; float:none; margin:0;} .newsbox dt .title { text-align:center;} .newsbox dt .title .tit1 { font-size:0.22rem; line-height:1.3;} .newsbox dt .title .tit { font-size:0.42rem; line-height:2; } .newsbox dt .des { font-size:0.18rem; margin-top:0.3rem;} .newsbox dt .des:before, .newsbox dt .des:after { background-size:cover; display:inline-block; width:0.37rem; height:0.09rem; margin:0 0.1rem;} .newsbox dt .des:after { background-size:cover;} .newsbox dt .tabs { margin-top:0.3rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .newsbox dt .tabs a { width:1.2rem; height:0.6rem; line-height:0.6rem; font-size:0.24rem;} .newsbox_bg .news_box { width:100%; height:auto; overflow:hidden; position:relative; top:0; right:0;} .newsbox .pic_news_list_scroll, .newsbox dd .news_list_scroll { width:100%; padding:0;} .newsbox dd .news_list li:nth-child(2), .newsbox dd .news_list li:nth-child(3) { width:100%;} .newsbox dd .news_list li:nth-child(3), .newsbox dd .news_list li:nth-child(2) { padding:0;} .newsbox dd .news_list li:nth-child(2) .more, .newsbox dd .news_list li:nth-child(3) .more { display:block;} /*图片新闻列表样式*/ .newsbox .pic_news_list_scroll .prev, .newsbox .pic_news_list_scroll .next { width:0.6rem; height:0.6rem; line-height:0.6rem; font-size:0.3rem; position:absolute; left:0.1rem; top:30%; margin-top:-0.25rem; display:none;} .newsbox .pic_news_list_scroll .next { left:auto; right:0.1rem;} .newsbox_bg .news_box .pic_news_list { height:auto; overflow:;} .newsbox_bg .news_box .pic_news_list li { height:auto; float:left;} .newsbox_bg .news_box .pic_news_list li a { border-left:0;} .newsbox_bg .news_box .pic_news_list li .pic { margin-top:0.2rem;} .newsbox_bg .news_box .pic_news_list li .brief { position:relative; } .newsbox_bg .news_box .pic_news_list li .tit { font-size:0.32rem; line-height:1.5; height:auto; margin-top:0.2rem;} .newsbox_bg .news_box .pic_news_list li .des { height:1.2rem; overflow:hidden; line-height:0.4rem; margin-top:0.2rem; font-size:0.24rem;} .newsbox_bg .news_box .pic_news_list li .margin { margin:0.3rem;} .newsbox_bg .news_box .pic_news_list li .date .d { font-size:1rem; line-height:1.2;} .newsbox_bg .news_box .pic_news_list li .date .y-m { font-size:0.32rem; line-height:1.2;} .newsbox_bg .news_box .pic_news_list li .more { font-size:0.24rem; line-height:2; margin-top:0.3rem;} .newsbox dd .pic_news_list li .margin { margin:0.2rem;} .newsbox dd .pic_news_list li .info { font-size:0.2rem; margin-top:0.2rem;} .newsbox dd .pic_news_list li .more { line-height:0.6rem;} .newsbox dd .pic_news_list li .date { width:1rem; height:auto; margin:0 0 0 -1.5rem;} .newsbox dd .pic_news_list li .date:after { height:100%; background:#ccc;} .newsbox dd .pic_news_list li .date .d { font-size:0.6rem; line-height:0.6rem; font-weight:bold;} .newsbox dd .pic_news_list li .date .y-m { font-size:0.20rem; line-height:0.3rem;} .newsbox dd .pic_news_list li .brief { width:100%; height:auto; overflow:hidden; padding:0.2rem;} .newsbox dd .pic_news_list li .brief .row {display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between;} .newsbox dd .pic_news_list li .tit { font-size:0.26rem; line-height:0.5rem; height:0.5rem;} .newsbox dd .pic_news_list li .des { height:auto; overflow:hidden; line-height:0.4rem; margin-top:0; font-size:0.2rem;} .newsbox dd .news_list { margin-top:0.2rem;} .newsbox dd .news_list li { height:auto; margin-bottom:0.2rem; background:#f5f5f5;} .newsbox dd .news_list li a { padding:0;} .newsbox dd .news_list li .brief { } .newsbox dd .news_list li .margin { margin:0.3rem 0.4rem; height:auto; overflow:hidden; position:relative;} .newsbox dd .news_list li .pic { display:none;} .newsbox dd .news_list li .tit { font-size:0.28rem; line-height:0.5rem; height:0.5rem; overflow:hidden; margin-top:0;} .newsbox dd .news_list li .des { height:0.8rem; overflow:hidden; line-height:0.4rem; font-size:0.2rem;} .newsbox dd .news_list li .time { line-height:0.5rem; font-size:0.22rem; } .newsbox dd .news_list li .more { line-height:0.5rem; font-size:0.22rem;} /*联系我们*/ .contactbox_bg { height:auto; padding-bottom:0.2rem;} .contactbox_bg:after { content:''; position:absolute; left:0; right:0; top:0;} .location_map { position:relative; left:0; top:0; right:0; width:100%; height:5rem; margin:0.2rem;} .location_map a { display:block; width:100%; height:100%; position:absolute; left:0; top:0; font-size:0;} .contactbox dd .feedback { width:100%; height:auto; float:left;} .contactbox dd .feedback .margin { margin:0.5rem 0.4rem;} .contactbox dd .feedback:after { height:0.1rem; } .contactbox dd .formbox { font-size:0.22rem; margin-top:0.2rem;} .contactbox dd .feedback .tit { font-size:0.4rem; line-height:1.5;} .contactbox dd .feedback .des { font-size:0.18rem; margin-top:0.2rem;} .contactbox dd .feedback .inputbox { margin-top:0.1rem;} .contactbox dd .feedback .btnbox { width:100%; height:auto; margin-top:0.4rem;} .contactbox dd .feedback .lab { font-size:0.22rem; line-height:1; margin-top:0.1rem;} .contactbox dd .feedback .input { width:100%; height:0.4rem; line-height:0.4rem; border-bottom:1px solid #c4c4c4;} .contactbox dd .feedback .input.w_50 { width:50%;} .contactbox dd .feedback .authcode { float:right;} .contactbox dd .feedback .textarea { width:100%; height:2rem; line-height:0.3rem; margin-top:0.22rem; padding:3% 2%; background:none; border:1px solid #c4c4c4;/*border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;*/} .contactbox dd .feedback .input:-moz-placeholder, .contactbox dd .feedback .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:0.22rem; color:#ccc; } .contactbox dd .feedback .input::-moz-placeholder, .contactbox dd .feedback .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:0.22rem; color:#ccc; } .contactbox dd .feedback .input:-ms-input-placeholder, .contactbox dd .feedback .textarea:-ms-input-placeholder { font-size:0.22rem; color:#ccc; } .contactbox dd .feedback .input::-webkit-input-placeholder, .contactbox dd .feedback .textarea::-webkit-input-placeholder{ font-size:0.22rem; color:#ccc; } .contactbox dd .feedback .submit{ width:2.5rem; height:0.8rem; font-size:0.24rem;} .contactbox dd .feedback .reset{ width:2.5rem; height:0.8rem; font-size:0.24rem;} /*工程案例*/ .casebox_bg { padding:0.5rem 0;} .casebox dt .tit1 { font-size:0.4rem;} .casebox dt .tit { font-size:0.36rem; margin-top:-0.25rem;} .casebox dt .tit:before, .casebox dt .tit:after { width:0.2rem; height:0.2rem; margin:0 0.1rem; background-size:cover;} .casebox dt .des { font-size:0.18rem; margin-top:0.3rem;} .casebox dt .des:before, .casebox dt .des:after { background-size:cover; display:inline-block; width:0.37rem; height:0.09rem; margin:0 0.1rem;} .casebox dt .des:after { background-size:cover;} .casebox dd { margin-top:0.4rem;} .casebox dd .case_list li { width:48%; margin-bottom:1%;} .casebox dd .case_list li .tit { width:100%; font-size:0.2rem; height:auto; line-height:2; position:relative; padding:0; text-align:center; left:0; bottom:0; right:0; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .casebox dd .case_list li .tit:after { display:none;} .casebox dd .case_list li:hover .pic:after { border:0.04rem solid #cc0b10; } /*页脚*/ .footer_bg { height:auto; overflow:hidden; padding:0 0.2rem; padding-bottom:0.2rem; padding-top:0.3rem;} .footer_top { padding:0; margin:0;} .footer_top { height:1.2rem; } .footer_top .logo { margin-top:0.45rem;} .footer { width:100%; height:auto; overflow:hidden; padding:0; margin:0;} .footer .infobox { width:100%; margin:0; position:relative; padding:0.2rem 0;} .footer .infobox:after { display:none;} .footer .infobox .tit { font-size:0.26rem; line-height:0.5rem; float:left;} .footer .infobox .icon { margin-right:0.2rem; line-height:0.5rem; font-size:0.28rem;} .footer .infobox .info, .footer .infobox .addr { font-size:0.26rem; line-height:0.5rem;} .footer .infobox .addr { width:100%;} .footer .telbox .tel { font-size:0.45rem; line-height:0.5rem;} .footerbox { padding-bottom:0;} .footer_nav { width:100%; height:auto; overflow:hidden; float:left; margin-top:0.2rem; padding-bottom:3rem; flex-flow:row wrap; font-size:0.22rem; background:url(../images/footer_nav_bg.png) auto 50% no-repeat; background-size:90% auto;} .footer_nav .nav { width:100%; height:auto; overflow:hidden;} .footer_nav .nav .tit { font-size:0.28rem;} .footer_nav .nav .list { width:100%; font-size:0.22rem; margin:0.1rem 0;} .footer_nav .nav .list a { width:auto; padding-right:0.2rem; height:0.5rem; line-height:0.5rem; margin:0; float:left;} .footer_nav .nav .list a:hover { color:#014099;} .footerbox .qrcodebox { margin:0.4rem 0;} .footerbox .qrcodebox .qrcode { width:50%;} .footerbox .qrcodebox .qrcode .tit { font-size:0.22rem; line-height:0.6rem; height:0.6rem;} .mouse_down, .section.fp-auto-height { display:none;} /*版权*/ .copyright_bg { min-height:1rem; height:1rem; padding:0;} .copyright { height:1rem; line-height:1rem; font-size:0.18rem;} .form_table{ padding:0; font-size:0.22rem;} .form_table td p{ line-height:0.4rem; height:0.4rem;} .form_table .submit {border-radius:0.02rem; width:3rem; height:0.8rem; line-height:0.8rem; font-size:0.22rem; width:100%;} .inputall{height:0.6rem; line-height:0.6rem; border:0.01rem #ddd solid; padding:0.05rem; font-size:0.22rem;} .inputselect{line-height:0.6rem; border:0.01rem #cecece solid; padding:0.05rem; font-size:0.22rem;} .textarea{border:0.01rem #cecece solid; padding:0.1rem; font-size:0.22rem;} .input60{width:0.6rem;} .input100{width:1rem;} .input150{width:1.5rem;} .input200{width:2rem;} .input250{width:2.5rem;} .input300{width:3rem;} .input350{width:3.5rem;} .input400{width:4rem;} .input500{width:5.8rem;} .input550{width:5.5rem;} .input600{width:6rem;} .input650{width:6.5rem;} /*分页样式*/ .fenye{ width:100%; margin:0.3rem 0%; height:0.6rem;} .fenye a { font-size:0.22rem;} .fenye a:first-child, .fenye a:last-child { min-width:0.86rem;} .fenye a { min-width:0.6rem; height:0.6rem; line-height:0.6rem; margin-right:0.08rem; border-radius:0.03rem;} .top_bg .top, .goods_index_scroll, .top_pic_news_scroll, .join_us_get_bg, .about_us_box_bg, .about_point_box_bg, .corporate_culture_bg, .development_history_bg, .about_video_bg, .about_plant_area_bg, .honorbox_bg, .technical_advantages_bg, .industrial_chain_advantages_bg, .product_advantages_bg, .customized_design_bg, .made_capacity_bg, .productbox_bg, .contact_info_bg, .aboutbox_bg, .productbox_bg, .casebox, .newsbox, .contactbox, .footer_bg { padding-left:0.2rem; padding-right:0.2rem;} /*.footer_top{ padding-left:0.3rem; padding-right:0.3rem;}*/ } @media only screen and (max-width: 480px) { }