/*关于我们*/ .aboutbox_bg { height:auto; overflow:hidden; position:relative; padding:0; margin-top:80px; z-index:1;} .aboutbox_bg:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/aboutbox_bg.jpg) top center no-repeat; background-size:cover;} .aboutbox { width:1200px; 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:368px; height:auto; overflow:hidden;} .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:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .aboutbox dd .about { width:50%; height:auto; overflow:hidden; position:relative; float:left;} .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; position:relative; color:#cb1516; font-size:24px; margin-top:20px;} .aboutbox dd .about .company_name:after { content:''; display:block; width:28px; height:3px; background:#c10000; margin:10px 0;} .aboutbox dd .about .tit1 { font-size:18px; line-height:2; color:#b3b3b3; text-transform:uppercase;} .aboutbox dd .about .tit { width:100%; font-size:30px; line-height:1; color:#000; 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:166px; height:52px; line-height:52px; display:block; background:#0a43b7; color:#fff; font-size:17px; margin-top:30px; border-bottom:1px solid #fff; border-radius:0; overflow:hidden; text-align:center; /*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; border-left:1px solid #002c85; width:50px; text-align:center;} .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; color:#555555; overflow:hidden; float:left; font-size:16px; line-height:36px; margin-top:20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;} .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;} .about_honor_box_bg { height:auto; overflow:hidden; position:relative; padding-bottom:40px;} .about_honor_box_bg:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:65%; background:#03279a;} .about_honor_box { max-width:1200px; min-width:300px; height:auto; overflow:; margin:0 auto;} .about_honor_box .scroll_about_honor_list { width:100%; height:auto; overflow:hidden; margin-top:61px;} .about_honor_box .about_honor_list { width:100%; height:auto; overflow:;} .about_honor_box .about_honor_list li { width:20%; height:auto; overflow:; float:left;} .about_honor_box .about_honor_list li .pic img { display:block;} .about_honor_box .about_honor_list li .brief { width:85.5%; height:62px; background:#0a43b7; padding:0 20px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .about_honor_box .about_honor_list li .brief .tit { font-size:16px; line-height:62px; color:#fff; float:left; width:100%; position:relative;} .about_honor_box .about_honor_list li .brief .tit:after { content:'>'; float:right;} .about_honor_box .about_honor_list li .brief .tit1 { font-size:16px; line-height:2; color:#000; margin-left:3px;} .about_honor_box .swiper-pagination { width:100%; height:30px; position:relative;} .about_honor_box .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; border-radius:50%; background:#cb1516; opacity:1; margin:0 10px; cursor:pointer; position:relative;} .about_honor_box .swiper-container-horizontal>.swiper-pagination-bullets, .about_honor_box .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; } .about_honor_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#cb1516;} .about_honor_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%;} .about_honor_box .ctrl_box { width:380px; height:auto; overflow:hidden; margin:40px auto; position:relative; z-index:1;} .about_honor_box .ctrl_box .prev, .about_honor_box .ctrl_box .next { position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; color:#cb1516; font-size:20px; text-align:center; font-family:"宋体"; z-index:999;} .about_honor_box .ctrl_box .next { left:auto; right:0;} .aboutbox dd .about_pic { width:40%; height:auto; overflow:hidden; position:relative; padding-right:0px; float:right;margin-top: 130px;} .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:48%; height:100%; overflow:hidden;} .about_link_box_bg { width:100%; height:auto; overflow:hidden; background:#0b6dda;} .about_link_box { max-width:1200px; 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; margin-top:20px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;} .about_link li { width:auto; float:left; height:auto; overflow:hidden; } .about_link li:nth-child(2n) { } .about_link a { width:100%; height:100%; overflow:hidden; text-align:center; color:#000; display:flex; display:-webkit-flex; flex-flow:column nowrap; justify-content:center; align-items:center; padding:0px 0;} .about_link a.first { margin-left:0%;} .about_link .icon { font-size:40px; line-height:2; color:#000; display:block;} .about_link .tit2 { font-size:18px; line-height:2; color:#303030;} .about_link .des { font-size:16px; line-height:2; color:#9a9a9a;} .about_link a:hover { background:url(../images/about_link_bg1.png) center center no-repeat; color:#fff;} .about_link a:hover .icon, .about_link a:hover .tit2 { color:#d6000f;} .about_link .info { width:50px; height:auto; overflow:hidden; /*writing-mode:vertical-lr;*/ text-align:left; display:inline-block;} .aboutbox dd .about_point { width:80%; height:auto; overflow:hidden; background:#fff; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-top:40px; padding:10px 0;} .aboutbox dd .about_point li { width:auto; height:auto; margin-top:0px; overflow:; position:relative; float:left;} .aboutbox dd .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;} .aboutbox dd .about_point li .icon .img1 { display:block;} .aboutbox dd .about_point li .icon .img2 { display:none;} .aboutbox dd .about_point li .info { position:relative; z-index:1;} .aboutbox dd .about_point li .num { width:100%; line-height:40px; font-size:36px; color:#03279a; font-weight:bold; font-family:'微软雅黑'; /*background: linear-gradient(to right, #88d4f9, #0385e0, #0155cb, #004ac6); -webkit-background-clip: text; color: transparent;*/ } .aboutbox dd .about_point li .unit{ margin-left:10px; font-size:14px; position:relative; color:#939393; font-weight:normal; position:relative; display:inline-block; float:right; background:url(../images/about_point_unit.png) center center no-repeat;} .aboutbox dd .about_point li .tit2 { font-size:16px; line-height:3; color:#232323;} .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%;} /*产品展示*/ .productbox_bg { height:auto; overflow:hidden; position:relative; padding-top:80px; padding-bottom:20px; z-index:1; background:#f8f8f8; /*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:121px; height:100%; background:#0a43b7; background-size:cover;} .productbox{ max-width:1200px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; padding-left:520px; margin-top:0px; z-index:1;} .productbox dt { width:480px; height:auto; overflow:hidden; float:left; margin:0 0 0 -480px;} .productbox dt .title { height:auto; overflow:hidden; position:relative; float:left;} .productbox dt .title .tit1 { font-size:60px; line-height:1; color:#0a43b7; font-family:'微软雅黑'; 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:30px; font-size:30px; line-height:1.2; text-align:center; color:#010101; word-wrap: break-word; position:relative; z-index:1; float:right; margin-left:20px;} .productbox dt .title .line { width:2px; height:264px; background:#c5c5c5; display:block; margin:0 auto; margin-top:10px; position:relative;} .productbox dt .title .line:after { content:''; width:2px; height:64px; background:#0a43b7; position:absolute; left:0; top:0;} .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: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; display:none;} .productbox dt .more:before { content:'>'; float:right; width:52px; line-height:52px; text-align:center; border-left:1px solid #001b73;} .productbox dt .more:hover { background:#e20404;} .productbox dt .tabs { width:150px; height:auto; overflow:; float:left; margin-left:40px;} .productbox dt .tabs a { border:1px solid #c5c5c5; display:block; width:150px; height:66px; line-height:66px; overflow:hidden; padding:0 32px; margin-bottom:10px; color:#000; font-size:18px; border-radius:0px; position:relative;} .productbox dt .tabs a:after { content:''; background:url(/images/product_tabs_icon.png) center center no-repeat; width:20px; height:20px; float:right; margin-top:23px; display:none;} .productbox dt .tabs a:hover, .productbox dt .tabs a.hover { color:#fff; background:#0a43b7; border:1px solid #0a43b7;} .productbox dt .tabs a.hover { width:200px;} .productbox dt .tabs a.hover:after { display:block;} .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:25%; float:left; height:auto; overflow:hidden; position:relative; top:0; left:0; line-height:0; border-radius:0px; float:left; margin-right: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; text-align:center; 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:60px; line-height:60px; font-size:18px;} .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:152px; height:70px; 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:59px; height:59px; line-height:59px; float:left; text-align:center; color:#2e2e2e; background:#c2c606; display:block; /*font-family:"宋体";*/ font-size:32px; border-radius:50%;} .productbox .ctrl_box .next { float:right;} .productbox .ctrl_box .prev:hover, .productbox .ctrl_box .next:hover { color:#0b6019;} .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;} /*荣誉证书*/ .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:1200px; 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:1200px; 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:1200px; 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:1200px; 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:1200px; 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-bottom:60px; z-index:1;} .newsbox_bg:before { content:''; position:absolute; left:0; bottom:0; width:100%; height:130%; background:url(../images/newsbox_bg.jpg) top center no-repeat; background-size:cover;} .newsbox { max-width:1200px; 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; position:relative; float:left;} .newsbox dt .title .tit1 { font-size:16px; line-height:1; color:#b3b3b3; text-transform:uppercase; letter-spacing:0px; margin-top:0px; position: relative;} .newsbox dt .title .tit { font-size:30px; line-height:1.8; color:#000; position:relative; z-index:1;} .newsbox 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;} .newsbox 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;} .newsbox dt .more:before { content:'>'; float:right; width:52px; line-height:52px; text-align:center; border-left:1px solid #001b73;} .newsbox dt .more:hover { background:#e20404;} .newsbox dt .tabs { height:auto; overflow:hidden; text-align:center; float:right; margin-right:30px;} .newsbox dt .tabs a { display:inline-block; width:auto; height:57px; line-height:57px; overflow:hidden; margin:0 10px; color:#474747; text-align:center; font-size:18px; border-radius:0px; position:relative;} .newsbox dt .tabs a:hover, .newsbox dt .tabs a.hover { color:#e20404;} .newsbox dt .tabs a:hover:after, .newsbox dt .tabs a.hover:after { content:''; width:100%; height:3px; background:#e20404; position:absolute; left:0; bottom:0;} .newsbox dd { width:100%; height:auto; overflow:hidden; margin-top:50px; 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:46%; overflow:hidden; position:relative; float:left; padding-right:13px;} .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 { width:100%; height:auto; overflow:hidden; position:absolute; padding:0 40px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.48); } .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:20px; line-height:87px; height:87px; overflow:hidden; color:#fff; 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:20px; font-size:16px; color:#d4d4d4; font-weight:100; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -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 { width:100%; height:auto; overflow:hidden; color:#000; font-size:16px; margin-top:0px; 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:100%; height:auto; overflow:hidden; color:#000;/* 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:85px; line-height:1.2; font-weight:bold;} .newsbox_bg .news_box .pic_news_list li .date .y-m { font-size:24px; line-height:1.2;} .newsbox_bg .news_box .pic_news_list li .more { font-size:18px; line-height:2; margin-top:30px;} .newsbox_bg .news_box .pic_news_list li .more:after { content:'+';} .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 { } .newsbox_bg .news_box .pic_news_list li:hover .des { } .newsbox_bg .news_box .pic_news_list li:hover .date, .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:1200px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; margin-top:10px;} .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:1200px; 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:#ce0615; 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:#009944; 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:1200px; 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:1200px; 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:50px 0; background:url(/images/core_advantage_bg.jpg) bottom center no-repeat; background-size:cover; z-index:1;} .core_advantage {max-width:1200px; min-width:300px; height:auto; overflow:; margin:0 auto; padding-left:0px; /*margin-top:120px; margin-bottom:16px;*/ position:relative; z-index:1;} .core_advantage_bg dt { width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;} .core_advantage_bg dt .title {height: auto; overflow: hidden; position: relative; color: #fff; text-align: center; margin-bottom: 20px;} .core_advantage_bg dt .title .tit1 { font-size: 18px; line-height: 1; text-transform: uppercase; color: rgba(179 179 179); letter-spacing: 0px; margin-top: 0px; position: relative; margin-bottom: 20px;} .core_advantage_bg dt .title .tit { width:100%; font-size:30px; line-height:1; color:#000; position:relative;} .core_advantage_bg dt .title .tit:after { content:''; width:50px; height:4px; display:block; background:#2f5199; margin:10px 0; display:none;} .core_advantage_bg 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_bg dt .more:before { content:'>'; float:right; width:52px; line-height:52px; text-align:center; border-left:1px solid #001b73;} .core_advantage_bg 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:1200px; 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:1200px; 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:1200px; 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:1200px; 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:1200px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; margin-top:0px;} .insidebox { overflow:hidden; margin-top:40px;} .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:1200px; 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:50px; height:50px; border-bottom:1px dotted #999; position:relative; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; background:url(../images/news_list_icon.gif) 0 center no-repeat;} .news-list1 li .date { float:right;} .news-list1 li .tit { margin-left:20px;} .news-list1 li:hover { border-bottom:1px solid #999; } .news-list1 li:after { content:''; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#0e6c6b;-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%;} .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 { color:#468b22; 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:#fff; height:90px; position:relative; border-bottom:1px solid #e5e5e5; display:none;} /*内页导航*/ .guidebox { height:auto; overflow:visible; position:relative; margin-top:0px;} .guidebox dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;} .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 dt .location { color:#333333; line-height:60px; float:right; margin-top:20px; margin-right:10px; font-size:16px; /*padding-left:30px; background:url(../images/icon_home.png) 0 center no-repeat;*/ display:none;} .guidebox dt .location a { color:#333333;} .guidebox dd { width:100%; height:auto; overflow:visible; margin-top:20px;} .guidebox dd ul { width:100%; padding:0; height:auto; overflow:hidden; font-size:18px; margin-top:0px; position:relative; text-align:center;} .guidebox dd ul li { display:inline-block; height:auto; color:#002c77; background:#0b6019; 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 { background:#f5f5f5; color:#000; display:block; line-height:50px; position:relative; overflow:hidden; padding:0 50px;} .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:#fff; background:#0a43b7;} .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:#0a43b7; 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:0 0 20px; 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:1200px; min-width:300px; width:1200px; 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;} /*关于内页*/ .about_us_box_bg { padding:100px 0; height:auto; overflow:hidden; background:#fff; background-size:cover; position:relative;} .about_us_box { max-width:1200px; 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:36px; 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;} .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:20px; line-height:60px; margin-top:30px; color:#292929; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:12; -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; height:auto; overflow:hidden; background:url(../images/corporate_culture_bg.jpg) center center no-repeat; background-size:cover; position:relative;} .corporate_culture { max-width:1200px; 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:36px; line-height:40px;} .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; text-align:center; margin-top:50px;} .corporate_culture dd .corporate_culture_list { width:100%; height:357px;} .corporate_culture dd .corporate_culture_list li { background:#fff url(../images/corporate_culture_list_bg.png) 110% 0% no-repeat; line-height:357px; font-size:36px; color:#383838; border-radius:46px;} .corporate_culture dd .corporate_culture_list li .icon { color:#a51f26; font-size:60px; line-height:80px; float:left; margin-right:30px;} .corporate_culture dd .corporate_culture_list li .tit { color:#a51f26; margin-right:30px;} /*荣誉资质*/ .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:1200px; min-width:300px; height:auto; overflow:; margin:0 auto;} .honorbox dt { width:100%; height:auto; overflow:hidden;} .honorbox dt .title { float:left;} .honorbox dt .title .tit1 { font-size:18px; line-height:2; color:#6d6d6d; text-transform:uppercase;} .honorbox dt .title .tit { width:100%; font-size:30px; line-height:1; color:#000; position:relative;} .honorbox dt .title .tit:after { content:''; width:50px; height:4px; display:block; background:#2f5199; margin:10px 0; display:none;} .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%;} .honorbox dd .certificate_list_scroll { margin-top:43px;} .honorbox dd .certificate_list li { width:20%; height:auto; float:left;} .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; } .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:#165a09; height:55px; line-height:55px; border-top:1px solid #eaeaea; font-size:18px; position:relative;} .honorbox dd .honor_list li .tit .icon { position:absolute; right:20px; top:0; color:#61605f;} .honorbox dd .honor_list li .tit .icon:after { content:'+'; position:absolute; left:1px; top:-1px; line-height:55px;} .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 .ctrl_box .prev, .honorbox dd .ctrl_box .next { font-size:24px; color:#fff;} /*视频宣传*/ .about_video_bg { padding:60px 0; height:auto; overflow:hidden; background:#fff; background-size:cover; position:relative;} .about_video { max-width:1200px; min-width:300px; height:auto; overflow:; margin:0 auto;} .about_video dt { width:100%; height:auto; overflow:hidden;} .about_video dt .title { color:#363636;} .about_video dt .tit { font-size:36px; line-height:40px; margin:0 auto; text-align:center;} .about_video dt .tit:after { content:''; width:67px; height:1px; background:#a3a3a3; display:block; margin:20px auto;} .about_video dt .tit1 { font-size:14px; line-height:30px; text-transform:uppercase;} .about_video dt .tit1:before { content:'-'; margin-right:3px;} .about_video dd { width:100%; height:auto; overflow:; text-align:center; margin-top:20px;} .about_video dd .video { height:auto; overflow:hidden; position:relative;} .about_video dd .video img { display:block; width:100%;} .about_video dd .video .play { width:90px; line-height:90px; font-size:90px; color:#fff; position:absolute; left:50%; top:50%; margin-left:-45px; margin-top:-45px; display:block;}