@charset "utf-8"; @media only screen and (max-width: 1440px){ .processbox dd .process_list { width:75%; margin:0 auto;} .aboutbox { margin:0 5%; margin-top:120px;} .productbox .product_show li .box { background-size:auto 120%; padding:80px 0;} .newsbox { margin:0 10%; margin-top:120px;} .footerbox { margin:0 5%;} .insidebox_bg { margin:0 3%; margin-top:-90px;} .guide_path_box { margin:0 3%;} .goods_info { margin:0 3%;} .goods_reserve { margin:0 3%;} .goods_detail dd { margin:0 3%;} .goods_related dd { margin:0 3%;} .news_related dd { margin:0 3%;} .honor_box, .video_promotion_box { margin:0 3%;} .newsbox dd .pic_news_list li .pic { width:360px; margin:0 -360px 0 0;} .newsbox dd .pic_news_list li:nth-child(2) .pic { margin:0 0 0 -360px;} .newsbox dd .pic_news_list li.hover a { padding-right:360px; padding-left:0;} .newsbox dd .pic_news_list li:nth-child(2):hover a, .newsbox dd .pic_news_list li:nth-child(2).hover a { padding-left:360px; padding-right:0;} .newsbox dd .pic_news_list li .des { margin-top:10px; margin-bottom:0;} .newsbox dd .pic_news_list li .more { margin-top:20px;} .newsbox dd .pic_news_list li .other { margin-top:0;} .contactbox dd { margin-top:-30px;} .contactbox dd .location_map { width:100%; height:550px;} .contactbox dd .location_map #allmap { height:450px;} .technological_process_box_bg { margin:0 5%;} .technological_process li .pic .tit2 { width:100%; left:0%; margin-left:0; height:60px; line-height:60px; font-size:20px; border-radius:30px;} .technological_process li .tit { width:100%; height:60px; font-size:38px; line-height:60px;} .technological_process li .tit .num { font-size:40px; font-weight:bold;} .technological_process li .icon { font-size:40px; line-height:60px;} .pic-list li { width:31%; flex:0 0 31%; margin:1%;} .pic-list li .name{ text-align:center; height:30px; line-height:30px; text-align:center; background:#fff; font-size:16px; color:#000;} .pic-list li:hover .name { background:#c10e0e;} } @media screen and (max-width:1024px){ /** 平板开始 **/ /** 平板结束 **/} @media only screen and (max-width:640px){ /*************/ /* 手机开始 */ /*************/.ispc { display:none;} .ismobile { display:block;} .fullpage_menu { display:none;} .top_bg{ height:60px; position:fixed; background:#fff;} .top_bg .top{ height:60px;} .top_bg .top .logobox { width:140px; height:60px;} .top_bg .top .logobox .logo { width:100%; height:60px; margin:0; padding:0; display:flex; display:-webkit-flex; justify-content:center; align-items:center;} .top_bg .top .logobox .logo img { max-width:90%; display:block; margin:0 auto; width:auto;} .top_bg .top .navmenu_btn { width:60px; height:60px; line-height:60px; background:#c10e0e; overflow:visible; position:absolute; top:0; right:0px; z-index:999;font-size:26px; color:#fff;} .top_bg .top .search_btn { width:40px; height:30px; line-height:30px; overflow:visible; position:absolute; top:55%; margin-top:-15px; right:140px; border-radius:0%; z-index:999; text-align:center; font-size:18px; color:#252525;} .top_bg .top .lang_select { width:80px; height:60px; position:absolute; right:60px; top:0; margin:0px; color:#252525;} .top_bg .top .lang_select .icon { font-size:16px; line-height:60px; position:absolute; left:0px; top:50%;} .top_bg .top .lang_select .icon1 { height:30px; position:absolute; right:0; top:0; font-size:12px;} .top_bg .top .lang_select .lang_list { position:absolute; left:20px; top:15px; font-size:12px; line-height:30px; height:31px; background:#fff; overflow:hidden;} .top_bg .top .lang_select .lang_list a { color:#252525; line-height:30px; text-align:left; display:block; padding:0 0px;} .top_bg .top .lang_select .lang_list a:nth-child(1) { border-bottom:1px solid #000;} .top_bg .top .lang_select .lang_list a:nth-child(2) { text-transform:uppercase; padding-right:0px;} .top_bg .top .lang_select .lang_list:hover { height:60px;} .top_bg .top .navmenu { display:none;} .top_bg .top .search_btn:hover, .top_bg .top .navmenu_btn:hover { color:#b21a15;} .top_bg .top .telbox { width:150px; height:32px; line-height:32px; text-align:left; position:absolute; top:10px; left:100px; border:1px solid #fff; display:none;} .top_bg .top .telbox .icon { width:30px; height:30px; display:inline-block; color:#fff; font-size:18px; line-height:32px; float:left; text-align:center;} .top_bg .top .telbox .lab { font-size:14px; line-height:14px; position:relative; top:-3px; color:#4c4c4c; display:inline-block;} .top_bg .top .telbox .tit { color:#b60909; font-size:22px; line-height:22px; font-weight:bold;} .top_bg .top .telbox .tel { font-size:16px; color:#fff; line-height:30px; position:relative; letter-spacing:0px; font-weight:bold;} .insidebox_bg.guestbook, .insidebox_bg.page, .insidebox_bg.news, .insidebox_bg.pic, .insidebox_bg.jobs, .insidebox_bg.video, .goods_info_bg.goods { margin-top:105px;} .insidebox_bg.page .leftbox, .insidebox_bg.news .leftbox, .insidebox_bg.pic .leftbox, .insidebox_bg.jobs .leftbox, .insidebox_bg.video .leftbox { display:none;} .insidebox_bg.production_strength { margin-bottom:0;} .news .contentbox dd { margin:0px;} .insidebox_bg { margin-top:-20px; border-radius:10px; margin-bottom:10px;} .left_guidebox { width:60px; position:fixed; left:0; top:0; bottom:0; background:#f9f9f9; z-index:999; text-align:center; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-between; align-items:stretch; display:none;} .left_guidebox a { display:block; width:60px; height:60px; line-height:60px; text-align:center; color:#777777; font-size:20px;} .left_guidebox a:hover { color:#b21a15;} .left_guidebox .navmenu_btn { margin-top:60px;} .left_guidebox .go_top_btn { margin-bottom:60px;} .left_guidebox .home_btn { display:none; margin-top:60px;} .left_guidebox a.nomargin { margin:0;} .ny_banner { margin-top:60px;} .ny_banner .info { position:absolute; width:100%; height:100%; left:0; top:25%; z-index:1; text-align:center;} .ny_banner .tit { font-size:18px; line-height:20px; color:#fff; font-weight:bold; position:relative; z-index:1;} .ny_banner .tit1 { font-size:12px; line-height:18px; text-align:center; color:#e3e3e3; text-transform:uppercase;} .ny_banner .tit1:before, .ny_banner .tit1:after { content:'— '; margin:0 10px;} .top_guide { height:auto; overflow:hidden; background:#0371be; color:#fff; padding-left:0%; margin-left:0px; padding-bottom:20px;} .top_guide dt { height:auto; overflow:visible; margin-left:5%; padding-right:0px; margin-right:5%; margin-top:70px; } .top_guide dt .logo { width:90px; height:auto; overflow:hidden; float:right; margin:0; text-align:center; position:fixed; left:0; top:5px; z-index:9999999;} .top_guide dt .logo a { display:block; width:100%;} .top_guide dt .logo img { max-width:60%; width:auto;} .top_guide dt .title { width:100%; height:auto; overflow:visible; float:none;} .top_guide dt .tit { line-height:50px; font-size:20px; font-weight:bold; color:#fff; float:left; margin-right:0px;} .top_guide dt .tit1 { line-height:50px; font-size:20px; font-weight:bold; color:#0f83d5; float:right; text-transform:uppercase;} .top_guide dt .line { width:100%; height:1px; background:#1186d8; position:relative; margin:10px 0; clear:both;} .top_guide dt .line:before { content:''; width:9px; height:9px; background:#1186d8; position:absolute; left:-5px; top:-5px; border-radius:50%;} .top_guide dt .line:after { content:''; width:9px; height:9px; background:#1186d8; position:absolute; right:-5px; top:-5px; border-radius:50%;} .top_guide dt .guide_list { width:100%; height:auto; overflow:hidden; font-size:16px; min-height:40px; line-height:40px;} .top_guide dt .guide_list li { width:33.3333%; display:block; height:40px; line-height:40px; float:left;} .top_guide dt .guide_list li a { display:block; color:#fff; line-height:40px; margin-right:0; text-align:center;} .top_guide dt .guide_list li:hover a, .top_guide dt .guide_list li.hover a { color:#0f83d5; font-weight:bold;} .top_guide dt .searchbox { width:300px; height:40px; overflow:hidden; text-align:center; color:#fff; margin-top:10px; float:left; position:relative;} .top_guide dt .searchbox .keys { width:250px; height:40px; line-height:40px; color:#000; border:0; text-indent:10px; background:#fff; border-radius:0px; font-size:18px; z-index:1; position:absolute; left:0; top:0;} .top_guide dt .searchbox .submit { width:60px; height:40px; line-height:40px; font-size:0px; border:0; position:absolute; right:0; top:0; color:#fff; background:none; cursor:pointer; z-index:3;} .top_guide dt .searchbox i { width:50px; height:40px; line-height:40px; font-size:18px; color:#fff; position:absolute; right:0; top:0; background:#b21a15; text-align:center; z-index:2;} .top_guide dt .searchbox:hover .keys, .top_guide dt .searchbox.hover .keys{ } .top_guide dt .searchbox:hover .submit, .top_guide dt .searchbox.hover .submit{ margin-top:0px;} .top_guide dt .searchbox:hover i { } .top_guide dt .searchbox .keys:-ms-input-placeholder{ color: #c0c0c0; font-size:18px;/*opacity:0.5;*/ } .top_guide dt .searchbox .keys::-webkit-input-placeholder{ color: #c0c0c0; font-size:18px;/*opacity:0.5;*/ } .bannerBox{ margin-top:60px; height:auto; overflow:hidden} .bannerBox .ctrl_box { width:100px; height:50px; color:#fff; font-family:'微软雅黑'; position:absolute; right:0; bottom:0; z-index:1; display:none;} .bannerBox .ctrl_box a { width:50px; height:50px; line-height:50px; background:#fff; color:#b21a15; display:block; float:left; text-align:center; font-size:28px; font-weight:100;} .bannerBox .ctrl_box a:hover { background:#b21a15; color:#fff;} .bannerBox .copy_right { width:60px; height:100%; position:absolute; left:0px; top:0; background:#fff; line-height:60px; color:#7f7f7f; overflow:hidden; } .bannerBox .copy_right:after { content:''; width:1px; height:100%; left:50%; background:#e2e2e2; position:absolute;} .bannerBox .copy_right p { line-height:60px; font-size:12px; writing-mode: tb-rl; text-align:left; margin-top:50px; letter-spacing:1px; padding:20px 0;} .bannerBox .ctrl_show_box { position:absolute; left:0; width:60px; position:absolute; left:0; bottom:0; text-align:center; background:#fff; font-size:12px; line-height:30px; color:#3c3c3c; padding:10px 0; display:none;} .bannerBox .ctrl_show_box .curr { font-size:24px; line-height:30px; color:#b21a15; margin-right:0px;} .bannerBox .ctrl_show_box .total { font-size:12px; line-height:20px; color:#3c3c3c;} .bannerBox .banner a { display:block;} .bannerBox .banner img { display:block;} .bannerBox .banner .swiper-pagination-bullets{ bottom:0px; height:30px; left:0%; right:0%; text-align:center;} .bannerBox .banner .swiper-pagination-bullet { width:18px; height:1px; border-radius:0; margin:0; background:none; border:1px solid #fff;} .bannerBox .banner .swiper-pagination-bullet-active { background:#b21a15; border:1px solid #b21a15;} .aboutbox_bg { height:auto; overflow:hidden; /* background-size:cover;*/ padding-left:0px; padding-bottom:0px; position:relative;} .aboutbox { margin:0; height:auto; overflow:hidden; position:relative; margin-top:0px;} .aboutbox dt { width:100%; height:auto; overflow:hidden; text-align:center; margin-top:40px;} .aboutbox dt .tit { font-size:24px; line-height:24px; color:#000;} .aboutbox dt .tit1 { font-size:14px; line-height:20px; color:#bdbdbd;} .aboutbox dt .tit1:before, .aboutbox dt .tit1:after { content:'-';} .aboutbox dd { width:100%; height:auto; overflow:hidden; position:relative; margin-top:0px; z-index:1;} .aboutbox dd .about_box { margin:0 5%; height:auto; overflow:hidden;} .aboutbox dd .about { width:100%; height:auto; overflow:visible; position:relative; float:left;} .aboutbox dd .about .icon { font-size:50px; color:#244ea2; line-height:80px;} .aboutbox dd .about .title { height:auto; overflow:hidden; position:relative; margin-left:100px;} .aboutbox dd .about .title:before { content:''; position:absolute; left:0; top:50%; margin-top:-27px; width:6px; height:53px; background:#d6ae10;} .aboutbox dd .about .tit { font-size:26px; line-height:30px; color:#fff; margin-left:10%; float:left; margin-top:10%;} .aboutbox dd .about .tit1 { font-size:28px; line-height:30px; text-transform:uppercase; color:#1288da; float:right; font-weight:bold; margin-right:10%; margin-top:10%;} .aboutbox dd .about .tit2 { font-size:60px; -webkit-text-stroke: 1px #0e82d2; line-height:80px; text-transform:uppercase; font-weight:bold; color:#0371be; margin-left:0px; margin-top:10px; text-align:center;} .aboutbox dd .about .company_name { font-size:20px; color:#000; line-height:30px; position:relative; margin:0px; margin-top:20px; text-align:center;} .aboutbox dd .about .margin { margin:0 27px; height:auto; overflow:hidden;} .aboutbox dd .about .more { width:120px; height:42px; line-height:42px; display:block; overflow:hidden; font-size:14px; color:#fff; background:#c10e0e; margin:0 auto; margin-top:10%; z-index:1; text-align:center; position:relative;} .aboutbox dd .about .text { height:auto; overflow:hidden; color:#575757; font-size:14px; line-height:30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:7; -webkit-box-orient: vertical; margin-top:20px; text-align:justify; text-justify:inter-ideograph;} .aboutbox dd .about .line { height:1px; width:100%; margin:30px 0; overflow:hidden; background:#122e96;} .aboutbox dd .about .about_text strong { font-size:18px; color:#2945aa; font-weight:600;} .aboutbox dd .about_pic { width:100%; float:right; height:auto; overflow:hidden; margin-top:0px; position:relative; padding-bottom:0%;} .aboutbox dd .about_pic img { display:block;} .aboutbox dd .about_pic img.ispc { display:none;} .aboutbox dd .about_pic img.ismobile { display:block;} .aboutbox dd .about_point { width:100%; height:auto; overflow:hidden; float:left; margin-top:10%;} .aboutbox dd .about_point li { width:45%; height:auto; margin-top:20px; overflow:hidden; float:left; margin-left:2.5%; position:relative;} .aboutbox dd .about_point li a { color:#c10e0e; display:block; padding:10px 0; position:relative; padding-left:20px;} .aboutbox dd .about_point li:after { content:''; width:5px; height:50px; background:#c10e0e; position:absolute; left:0; top:50%; margin-top:-25px;} .aboutbox dd .about_point li:before { content:''; width:1px; height:100%; background:#bebebe; position:absolute; left:2px; top:0;} .aboutbox dd .about_point li .num { font-size:30px; line-height:30px; position:relative; /*background: linear-gradient(to right, #88d4f9, #0385e0, #0155cb, #004ac6); -webkit-background-clip: text; color: transparent;*/ } .aboutbox dd .about_point li .unit{ margin-left:4px; line-height:20px; font-size:20px; color:#c10e0e; position:relative; top:-10px;} .aboutbox dd .about_point li .tit { font-size:16px; line-height:20px; color:#373737;} .aboutvideo { width:100%; height:200px; overflow:hidden; margin-top:26px; position:relative;} .aboutvideo img { display:block;} .aboutvideo:after { content:''; position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,.66);} .aboutvideo .play_btn { width:46px; height:46px; font-size:36px; color:#fff; line-height:46px; position:absolute; text-indent:-10px; left:50%; top:48%; margin-left:-23px; margin-top:-23px; z-index:1;} .aboutvideo .play_btn:after { content:'video'; display:block; font-size:14px; line-height:30px; text-transform:uppercase; text-align:center; width:100%; text-indent:0px;} .aboutbox dd .about_link { width:100%; height:auto; z-index:1; } .aboutbox dd .about_link li { width:50%; height:auto; overflow:hidden; float:left;} .aboutbox dd .about_link li a { display:block; height:123px; overflow:hidden; position:relative; border:1px solid #fff; padding:0 0px;} .aboutbox dd .about_link li a .icons { margin-top:10px;} .aboutbox dd .about_link li a .icon { color:#fff; font-size:30px; line-height:40px; float:left; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .aboutbox dd .about_link li a .more { width:36px; height:36px; overflow:hidden; line-height:36px; text-align:center; border-radius:50%; font-size:14px; float:right; color:#bf1010; background:#f3f3f3; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .aboutbox dd .about_link a:before { content:''; position:absolute; left:0%; top:50%; margin-top:-40px; height:100%; width:1px; height:79px; background:#e5e5e5;} .aboutbox dd .about_link a:nth-child(1):before { display:none;} .aboutbox dd .about_link a .margin { margin:20px 0px; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center;} .aboutbox dd .about_link .info { width:100%; height:auto; overflow:hidden; text-align:left; color:#fff;} .aboutbox dd .about_link a .tit { font-size:16px; line-height:30px; float:none; width:100%;} .aboutbox dd .about_link a .tit1 { font-size:10px; line-height:16px; text-transform:uppercase; width:100%; float:none;} .aboutbox dd .about_link a:hover .more { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} .aboutbox dd .about_link a:hover .icon { -webkit-animation-name: rubberBand; animation-name: rubberBand; color:#bf1010; } .aboutbox dd .about_link a:hover { background:#fff;} .aboutbox dd .about_link a:hover .info{ color:#5a5a5a;} .aboutbox dd .about_other_box { background:#fff; height:auto; overflow:hidden; padding:0;} .aboutbox dd .about_other { width:100%; height:auto; overflow:hidden; background:#fff; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center; margin-top:5%;} .aboutbox dd .about_other li { width:100%; height:auto; overflow:hidden; float:none; position:relative; margin:5%; margin-top:0%;} .aboutbox dd .about_other li a { display:block; border:1px solid #c5c5c5; height:130px; position:relative; z-index:3;} .aboutbox dd .about_other .icon { width:50px; height:50px; line-height:50px; font-size:50px; color:#0371be; float:right; margin-top:10%;} .aboutbox dd .about_other li a .info { } .aboutbox dd .about_other .margin { margin:15px 20px; height:auto; overflow:hidden; position:relative; z-index:2;} .aboutbox dd .about_other .tit { font-size:20px; line-height:40px; color:#010101;} .aboutbox dd .about_other .tit1 { font-size:14px; line-height:40px; color:#7f7f7f;} .aboutbox dd .about_other li:hover { background:#b21a15;} .aboutbox dd .about_other li:hover a { border:1px solid #b21a15;} .aboutbox dd .about_other li:hover .tit, .aboutbox dd .about_other li:hover .tit1, .aboutbox dd .about_other li:hover .icon { color:#fff;} .aboutbox dd .about_other li .iconbg { position:absolute; right:-10px; top:60%; margin-top:-100px; font-size:200px; line-height:200px; color:#ce1f12; z-index:1; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .aboutbox dd .about_other li:hover .iconbg { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} /*经营项目*/ .business_projects_bg { padding-left:0px; height:auto; overflow:hidden; position:relative; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; background:#fff;} .business_projects_bg:before { content:''; position:absolute; left:0; right:0; top:0; bottom:200px; height:auto; background:#f4f4f4; } .business_projects { height:auto; overflow:hidden; position:relative; margin:10% 5%; margin-bottom:0%;} .business_projects dt { width:100%; height:auto; overflow:hidden; float:none; position:relative; margin-right:0px;} .business_projects dt .title { height:auto; overflow:hidden;} .business_projects dt .tit { font-size:26px; line-height:30px; color:#1a1a1a; } .business_projects dt .tit:after { content:'+'; display:inilne-block; float:right; margin-right:30%;} .business_projects dt .tit1 { font-size:24px; line-height:40px; text-transform:uppercase; color:#fff; font-weight:bold;} .business_projects dt .tabs { width:100%; height:auto; overflow:hidden; font-size:16px; margin-top:20px;} .business_projects dt .tabs a { display:block; width:100%; height:50px; line-height:50px; color:#262626; position:relative;} .business_projects dt .tabs a .icon { width:60px; height:50px; line-height:50px; color:#000; float:left; font-size:30px;} .business_projects dt .tabs a .more { float:right; color:#b21a15; font-size:20px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .business_projects dt .tabs a .num { font-size:12px; color:#000; position:absolute; left:70%; top:0;} .business_projects dt .tabs a:after { content:''; position:absolute; width:100%; left:0; bottom:0; height:2px; background:#e8e8e8;} .business_projects dt .tabs a:hover:after, .business_projects dt .tabs a.hover:after { background:#b21a15;} .business_projects dt .tabs a:hover, .business_projects dt .tabs a.hover { color:#b21a15;} .business_projects dt .tabs a:hover .icon, .business_projects dt .tabs a.hover .icon { color:#b21a15;} .business_projects dt .tabs a:hover .more, .business_projects dt .tabs a.hover .more { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} .business_projects dd { width:100%; height:auto; overflow:hidden; padding-left:0px; margin-right:0px; margin-top:30px; position:relative;} .business_projects dd .business_projects_list { width:100%; height:auto; overflow:visible;} .business_projects dd .business_projects_list li { height:auto; overflow:visible; float:left;} .business_projects dd .business_projects_list li a { display:block; padding-bottom:20px;} .business_projects dd .business_projects_list li a img { max-width:100%; width:auto;} .business_projects dd .brief{ width:50%; height:49px; overflow:hidden; background:#0371be; position:absolute; right:0; bottom:0px;} .business_projects dd .brief:after { content:''; width:100%; height:1px; background:#2fa9ff; position:absolute; bottom:50%;} .business_projects dd .brief .tit { color:#2fa9ff; font-size:16px; line-height:49px; margin-left:10px; float:right; padding:0 10px; background:#0371be; position:relative; z-index:1;} .business_projects dd .brief .num { color:#2fa9ff; font-size:16px; line-height:49px; font-weight:bold; padding:0 10px; background:#0371be; position:relative; z-index:1;} .business_projects dd .ctrl_box { width:100px; height:50px; color:#fff; font-family:'微软雅黑'; position:absolute; left:0px; bottom:0px; z-index:1;} .business_projects dd .ctrl_box a { width:50px; height:50px; line-height:50px; background:#fff; color:#b21a15; display:block; float:left; text-align:center; font-size:28px; font-weight:100;} .business_projects dd .ctrl_box a:hover { background:#b21a15; color:#fff;} .business_projects dd .business_projects_swiper-pagination { position:absolute; left:2%; text-align:right; z-index:999; height:20px; width:96%;} .business_projects dd .business_projects_swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; border-radius:50%; background:none; opacity:1; margin:0 3px; cursor:pointer; border:1px solid #fff;} .business_projects dd .swiper-container-horizontal>.swiper-pagination-bullets, .business_projects dd .swiper-pagination-custom, .swiper-pagination-fraction { bottom:23%; } .business_projects dd .business_projects_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#d71518; border:2px solid #d71518;} .business_title { width:100%; font-size:50px; text-transform:uppercase; -webkit-text-stroke: 1px #a2a2a2; writing-mode: horizontal-tb; writing-mode: tb-lr;-webkit-writing-mode:horizontal-tb; position:relative; right:0; top:-30px; width:100%; height:60px; overflow:hidden; line-height:60px; font-weight:bold; color:transparent; letter-spacing:0px; text-align:center;} /*产品展示*/ .productbox_bg { padding-left:0px; height:auto; overflow:hidden} .productbox { height:auto; overflow:hidden; min-height:auto; margin-top:0px; padding:0; margin:0;} .productbox dt { width:auto; height:auto; overflow:hidden; float:none; position:relative; margin:0;} .productbox dt .tit { width:100%; font-size:26px; line-height:30px; color:#1a1a1a; } .productbox dt .tit:after { content:'+'; display:inilne-block; float:right; margin-right:30%;} .productbox dt .tit1 { width:100%; font-size:24px; line-height:40px; text-transform:uppercase; color:#f1f1f1; font-weight:bold;} .productbox dt .tabs_box { height:auto; overflow:hidden; margin-top:0px; position:relative;} .productbox dt .tabs { width:100%; height:auto; line-height:46px; float:none; font-size:0;} .productbox dt .tabs a { width:33%; height:46px; line-height:46px; font-size:16px; display:block; position:relative; float:left; text-align:center;} .productbox dt .tabs a:after { /*content:''; width:0px; height:0px; position:absolute; right:100%; top:50%; margin-top:-8px; -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); border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #b60909; border-right: 0px solid transparent; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;*/ } .productbox dt .tabs a:hover, .productbox dt .tabs a.hover { color:#fff;} .productbox dt .tabs a:hover:after, .productbox dt .tabs a.hover:after { right:-14px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} .productbox dd { width:auto; height:auto; overflow:visible; margin:0%; margin-top:0px; position:relative;} .productbox .product_show { width:100%; height:auto;} .productbox .product_show li { width:100%; height:auto; overflow:hidden;} .productbox .product_show li .box { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; background:#e6e6e6 url(../images/pic_bg.png) center 120px no-repeat; background-size:120% auto; padding:0px 0;} .productbox .product_show li .pic { width:100%; flex:0 0 100%; height:auto; overflow:hidden; text-align:center; margin-top:13%;} .productbox .product_show li .pic img { display:block; width:70%; margin:0 auto;} .productbox .product_show li .brief { width:100%; flex:0 0 100%; float:none; color:#252525; margin-left:0%; margin-top:30px;} .productbox .product_show li .brief .margin { margin:0 20px; height:auto; overflow:hidden;} .productbox .product_show li .tit { font-size:20px; line-height:30px;} .productbox .product_show li .des { width:100%; height:48px; font-size:14px; line-height:24px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:10px;} .productbox .product_show li .more { width:100px; height:35px; line-height:35px; background:#c10e0e; font-size:14px; color:#fff; text-align:center; display:block; margin-top:10px; border-radius:5px;} .productbox .ctrl_box { width:100%; flex:0 0 100%; height:auto; color:#f4f4f4; font-family:'微软雅黑'; z-index:1; float:left; margin:0; margin-top:40px; margin-bottom:20px; position:relative;} .productbox .ctrl_info { width:100%; height:auto; overflow:hidden; font-size:24px; color:#4d4d4d; line-height:40px; margin:0; position:absolute; left:0; top:0; right:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; align-items:center;} .productbox .ctrl_info:after { content:''; width:80px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-40px;} .productbox .ctrl_info .curr { float:left; margin-left:20px;} .productbox .ctrl_info .total { float:right; margin-right:20px;} .productbox .ctrl_box .ctrl { width:100%; height:auto; line-height:40px; overflow:hidden; position:relative; margin:0; padding:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .productbox .ctrl_box .ctrl a { display:block; width:50px; float:left; font-size:30px; line-height:40px; color:#373737; text-align:center;} .productbox .ctrl_box .ctrl a:hover { color:#b21a15;} .productbox .ctrl_box .product_scroll_prev { float:left;}.productbox .ctrl_box .product_scroll_next { float:right;} /*生产工艺*/ .processbox { max-width:1440px; min-width:320px; height:auto; overflow:hidden; position:relative; margin-top:0px;} .processbox dt { width:100%; height:auto; overflow:hidden; text-align:center; margin-top:40px;} .processbox dt .tit { font-size:24px; line-height:24px; color:#000;} .processbox dt .tit1 { font-size:14px; line-height:20px; color:#bdbdbd;} .processbox dt .tit1:before, .processbox dt .tit1:after { content:'-'; margin:0 10px;} .processbox dd { width:100%; height:auto; overflow:hidden; position:relative; margin-top:0px; z-index:1;} .processbox dd .process_list { width:auto; margin:0 2%; height:auto; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; align-items:flex-start; align-content:flex-start; } .processbox dd .process_list a { display:block; width:45%; flex:0 0 45%; height:auto; overflow:hidden; border-radius:10px; margin-top:15px; } .processbox dd .process_list a:nth-child(1), .processbox dd .process_list a:nth-child(4), .processbox dd .process_list a:nth-child(6), .processbox dd .process_list a:nth-child(7) { margin-top:15px;} .processbox dd .process_list a:nth-child(5), .processbox dd .process_list a:nth-child(6), .processbox dd .process_list a:nth-child(7), .processbox dd .process_list a:nth-child(8) { order:0;} .processbox dd .process_list .pic {} .processbox dd .process_list .pic img { display:block;} .processbox dd .process_list .info { background:#ffae00; height:53px; line-height:53px;} .processbox dd .process_list .tit { height:53px; line-height:53px; color:#000; margin-left:10px; float:left; font-size:18px; margin-left:10px;} .processbox dd .process_list .icon { float:right; color:#c10e0e; margin-right:10px; font-size:20px;} .processbox dd .process_list a:hover .tit { color:#fff; float:left;} .processbox dd .process_list a:hover .icon { color:#fff;} .processbox dd .process_list a:hover .info { background:#c10e0e;} .processbox dd .process_list .scenter { display:none;} /*新闻资讯*/ .newsbox_bg { height:auto; overflow:hidden; padding-bottom:40px; } .newsbox { max-width:1440px; min-width:320px; height:auto; overflow:hidden; margin:0 auto; margin-top:0px; position:relative;} .newsbox:before { content:''; position:absolute; left:0; top:0; right:0; bottom:74px;} .newsbox dt { width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px; text-align:center;} .newsbox dt .tit { font-size:24px; line-height:24px; color:#fff;} .newsbox dt .tit1 { font-size:14px; line-height:20px; color:#bdbdbd;} .newsbox dt .tit1:before, .newsbox dt .tit1:after { content:'-'; margin:0 10px;} .newsbox dd{ width:100%; height:auto; overflow:hidden; margin-top:40px; position:relative;} .newsbox dd .news_box { height:auto; overflow:hidden; margin-top:20px;} /*图片新闻列表样式*/ .newsbox dd .news_title { width:100%; height:70px; line-height:70px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} .newsbox dd .news_title .tit { color:#000; font-size:18px; line-height:70px; font-weight:bold; float:left;} .newsbox dd .news_title .more { color:#000; font-size:18px; float:right; text-transform:uppercase;} .newsbox .pic_news_list_scroll { width:100%; height:auto; overflow:hidden; position:relative;} .newsbox dd .pic_news_list { width:auto; height:auto; overflow:hidden; margin:0 5%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .newsbox dd .pic_news_list li { width:100%; flex:0 0 100%; height:auto; overflow:hidden; position:relative; margin:0; float:left; background:#ff } .newsbox dd .pic_news_list li a { display:block; height:auto; overflow:hidden;} .newsbox dd .pic_news_list li .pic { width:auto; height:auto; overflow:hidden; display:block; position:relative; float:right; margin:0 20px; display:none; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .newsbox dd .pic_news_list li:nth-child(2) .pic { margin:0; float:left;} .newsbox dd .pic_news_list li .pic img { display:block; margin:0;} .newsbox dd .pic_news_list li a:after { content:''; position:absolute; left:0; top:0; bottom:0; right:0; z-index:999; -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 .pic_news_list li .brief { width:100%; height:auto; overflow:hidden; position:relative; float:left;} .newsbox dd .pic_news_list li:nth-child(2) .brief { float:right;} .newsbox dd .pic_news_list li:hover .pic:after { left:0;} .newsbox dd .pic_news_list li .margin { margin:0px 20px; height:auto; overflow:hidden; position:relative;} .newsbox dd .pic_news_list li .other { width:100%; height:auto; overflow:hidden; margin-top:20px; border-bottom:1px solid #dbdbdb;} .newsbox dd .pic_news_list li .date { width:50px; height:50px; overflow:hidden; color:#c10e0e; color:#373737; float:left; text-align:center; z-index:1;} .newsbox dd .pic_news_list li .date .d { font-size:30px; line-height:30px; font-weight:bold;} .newsbox dd .pic_news_list li .date .y-m { font-size:12px; line-height:18px;} .newsbox dd .pic_news_list li .sort { width:auto; height:30px; line-height:30px; font-size:12px; text-align:center; background:#c10e0e; background:#373737; color:#fff; float:right;} .newsbox dd .pic_news_list li .time { float:right;} .newsbox dd .pic_news_list li .tit { width:100%; line-height:20px; height:20px; overflow: hidden; color:#c10e0e; color:#3f3f3f; font-size:16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; margin-top:10px;} .newsbox dd .pic_news_list li .des { width:100%; position:relative; height:40px; overflow:hidden; line-height:20px; margin-top:5px; margin-bottom:20px; font-size:12px; color:#717171; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .newsbox dd .pic_news_list li .more { width:80px; height:35px; line-height:35px; background:#b21a15; color:#fff; overflow:hidden; margin-top:10px; text-align:center; border-radius:5px; float:right; font-size:12px; padding:0; margin-bottom:20px;} .newsbox dd .pic_news_list li .more:after { display:none;} .newsbox dd .pic_news_list li .more, .newsbox dd .pic_news_list li .date, .newsbox dd .pic_news_list li .sort, .newsbox dd .pic_news_list li .des, .newsbox dd .pic_news_list li .tit { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .newsbox dd .pic_news_list li:hover, .newsbox dd .pic_news_list li.hover { width:100%;} .newsbox dd .pic_news_list li:hover a, .newsbox dd .pic_news_list li.hover a { padding-right:0px; padding-left:0;} .newsbox dd .pic_news_list li:nth-child(2):hover a, .newsbox dd .pic_news_list li:nth-child(2).hover a { padding-left:0px; padding-right:0;} .newsbox dd .pic_news_list li:hover .date, .newsbox dd .pic_news_list li.hover .date, .newsbox dd .pic_news_list li:hover .tit, .newsbox dd .pic_news_list li.hover .tit { color:#c10e0e;} .newsbox dd .pic_news_list li:hover .more, .newsbox dd .pic_news_list li.hover .more, .newsbox dd .pic_news_list li:hover .date, .newsbox dd .pic_news_list li.hover .date, .newsbox dd .pic_news_list li:hover .tit, .newsbox dd .pic_news_list li.hover .tit, .newsbox dd .pic_news_list li:hover .sort, .newsbox dd .pic_news_list li.hover .sort, .newsbox dd .pic_news_list li:hover .des, .newsbox dd .pic_news_list li.hover .des { /*-webkit-animation-name: fadeInUp; animation-name: fadeInUp;*/ } .newsbox dd .pic_news_list li:hover .pic, .newsbox dd .pic_news_list li.hover .pic { display:block; margin:0 20px; margin-bottom:20px; /*-webkit-animation-name: fadeIn; animation-name: fadeIn;*/ } .newsbox dd .pic_news_list li:hover .more, .newsbox dd .pic_news_list li.hover .more { float:left;} .newsbox dd .pic_news_list li:hover .sort, .newsbox dd .pic_news_list li.hover .sort { background:#c10e0e;} .newsbox dd .news_list_scroll { width:auto; height:auto; overflow:hidden; background:none; position:relative; margin:0 5%; margin-top:10px;} .newsbox dd .news_list { width:100%; height:auto; overflow:visible; float:left;} .newsbox dd .news_list li { width:100%; height:auto; overflow:visible; position:relative; background:#fff; margin:0;} .newsbox dd .news_list li a { display:block; height:auto; overflow:hidden; padding-left:70px;} .newsbox dd .news_list li .time { width:100%; text-align:right; color:#b21a15; font-size:16px; line-height:40px; margin-top:30px;} .newsbox dd .news_list li .time .icon { font-size:25px; line-height:40px; color:#bf1010; position:relative; top:2px; margin-right:5px;} .newsbox dd .news_list li .date { width:50px; height:50px; overflow:hidden; color:#c10e0e; color:#373737; float:left; margin:12px 0 0 -60px; text-align:center; z-index:1;} .newsbox dd .news_list li .date .d { font-size:30px; line-height:30px; font-weight:bold;} .newsbox dd .news_list li .date .y-m { font-size:12px; line-height:18px;} .newsbox dd .news_list li .brief { height:auto; overflow:hidden; margin:5% 0%;} .newsbox dd .news_list li .tit { width:90%; font-size:14px; line-height:24px; height:48px; margin-top:0px; overflow:hidden; color:#3f3f3f; 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 .des { width:100%; height:60px; overflow:hidden; line-height:30px; margin-top:20px; font-size:16px; color:#6a6a6a; 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:10px 20px; overflow:hidden;} .newsbox dd .news_list li .more { float:right; color:#bf1010; font-size:16px;} .newsbox dd .news_list li .pic { width:187px; display:block; overflow:hidden; margin:0 0 0 -234px; float:left; border:10px solid #fff;} .newsbox dd .news_list li:hover .pic { border:10px solid #242bb1;} .newsbox dd .news_list li:hover a { background:#c10e0e;} .newsbox dd .news_list li:hover .tit, .newsbox dd .news_list li:hover .date, .newsbox dd .news_list li:hover .des, .newsbox dd .news_list li:hover .more { color:#fff;} .newsbox dd .news_more { display:none;} /*党群工作*/ .party_work_bg { height:auto; overflow:hidden; padding:0px; margin-top:-100px;} .party_work { height:auto; overflow:hidden; margin-top:0px; padding-left:0px; padding-right:0px; padding-bottom:30px; background:#0371be;} .party_work dt { width:auto; height:auto; overflow:visible; position:relative; margin-top:100px;} .party_work dt .tit { font-size:26px; line-height:30px; color:#fff; float:left; margin-top:-60px; margin-left:5%;} .party_work dt .tit1 { font-size:24px; line-height:30px; text-transform:uppercase; color:#1288da; float:right; margin-right:5%; font-weight:bold; margin-top:-60px;} .party_work dt .tit2 { width:100%; font-size:52px; -webkit-text-stroke: 1px #1288da; line-height:100px; overflow:hidden; text-align:center; text-transform:uppercase; font-weight:bold; color:#0371be; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; } .party_work dd { width:auto; height:auto; overflow:hidden; margin:0 5%; margin-top:10px;} .party_work dd .party_work_list { width:100%; height:auto; overflow:visible;} .party_work dd .party_work_list li { width:100%; height:auto; overflow:visible; float:none;} .party_work dd .party_work_list li a { display:block; height:auto; overflow:hidden; background:#fff; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;/* padding-right:369px;*/} .party_work dd .party_work_list li .brief { width:50%; height:auto; overflow:hidden; float:left;} .party_work dd .party_work_list li .pic { /*width:369px;*/ width:50%; height:auto; overflow:hidden; float:right; /* margin:0 -369px 0 0;*/} .party_work dd .party_work_list li .pic img { display:block;} .party_work dd .party_work_list li .margin { margin:2% 10%; height:auto; overflow:hidden;} .party_work dd .party_work_list li .date { width:50px; height:auto; overflow:hidden; color:#1288da; text-align:left; margin-top:0px;} .party_work dd .party_work_list li .date .d { width:100%; line-height:20px; font-size:20px; font-weight:bold; font-family:Arial black;} .party_work dd .party_work_list li .date .y-m { width:100%; line-height:12px; font-size:10px;} .party_work dd .party_work_list li .tit { width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#222222; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .party_work dd .party_work_list li .more { width:20px; height:20px; line-height:20px; text-align:center; font-size:10px; background:#1288da; color:#fff; border-radius:50%; margin-top:0px;} .insidebox.goods_info_bg { height:auto; overflow:hidden; padding-left:6%; position:relative;} .goods_info_bg:after { content:''; background:#0371be url(../images/goods_detail_bg.png) 0 bottom no-repeat; background-size:100% auto; position:absolute; left:0; top:0; right:0; bottom:100px;} .goods_info { margin-left:80px; height:auto; overflow:visible; position:relative; z-index:1; margin-top:90px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} .goods_info .pic { float:left; height:auto; overflow:hidden; position:relative;} .goods_info .info { float:right; color:#fff;} .goods_info .info .tit { font-size:48px; line-height:60px;} .goods_info .info .tit:after { content:'—'; display:block;} .goods_info .info .des { font-size:24px; line-height:60px;} /*联系我们*/ .contactbox_bg { height:auto; overflow:hidden; padding-bottom:0px; } .contactbox { max-width:1200px; min-width:320px; height:auto; overflow:hidden; margin:0 auto; margin-top:0px; padding-bottom:20px; position:relative; background:#fff;} .contactbox dt { width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px; text-align:center;} .contactbox dt .tit { font-size:24px; line-height:24px; color:#000;} .contactbox dt .tit1 { font-size:14px; line-height:20px; color:#bdbdbd;} .contactbox dt .tit1:before, .contactbox dt .tit1:after { content:'-'; margin:0 10px;} .contactbox dt .more { width:118px; height:56px; line-height:56px; display:block; overflow:hidden; font-size:18px; margin-top:0px; color:#b21a15; float:right; z-index:1; text-align:center; position:relative;} .contactbox dd { width:100%; height:auto; margin-top:0px;} .contactbox dd .location_map { width:100%; height:auto; overflow:visible; position:relative;} .contactbox dd .location_map .box_01 { width:60px; height:60px; position:absolute; left:0; top:-20px; background:url(../images/contact_bg_box.png) center center no-repeat; background-size:100% 100%; z-index:0;} .contactbox dd .location_map .box_02 { width:60px; height:60px; position:absolute; right:0; bottom:45%; background:url(../images/contact_bg_box.png) center center no-repeat; background-size:100% 100%; z-index:0;} .contactbox dd .location_map #allmap { margin:5%; margin-bottom:0; height:250px; overflow:hidden; border:0px solid #ccc; position:relative; z-index:1; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);} .contactbox dd .location_map .info { width:auto; margin:0 5%; height:auto; background:#c10e0e; float:left; padding:20px 30px; padding-left:40px; position:relative; bottom:0px; left:0; z-index:1;} .contactbox dd .location_map .info .en_title { width:40px; line-height:40px; text-transform:uppercase; color:#fff; font-size:24px; writing-mode: vertical-lr; writing-mode: tb-lr;-webkit-writing-mode: vertical-rl; letter-spacing:2px; position:absolute; left:0; top:0; height:100%; text-align:center;} .contactbox dd .location_map .info .tit { color:#fff; font-size:16px; line-height:30px;} .contactbox dd .location_map .info .text { font-size:12px; line-height:20px; color:#fff; margin-top:0px;} .contactbox dd .location_map .link_btn { width:auto; height:50px; line-height:50px; overflow:hidden; margin:0 5%; position:relative; left:0; bottom:0; background:#fff; font-size:16px; border:1px solid #d0d0d0; border-top:0;} .contactbox dd .location_map .link_btn a { display:block; line-height:50px; height:50px; text-align:center; width:50%; float:left; color:#373737; position:relative;} .contactbox dd .location_map .link_btn a:after { content:''; width:64px; height:2px; background:#4d4d4d; position:absolute; left:50%; margin-left:-32px; bottom:10px;} .contactbox dd .location_map .link_btn a:hover:after { background:#c10e0e;} .contactbox dd .contact_box { width:50%; float:left; height:auto; overflow:hidden; position:relative; z-index:1;} .contactbox dd .feedback .formbox { margin:40px 40px; height:auto; overflow:hidden; margin-top:90px;} .contactbox dd .feedback { width:50%; height:621px; overflow:hidden; background:#0371be; float:left;} .contactbox dd .feedback .tit { font-size:22px; color:#fff; line-height:40px;} .contactbox dd .feedback .tit:after { content:'>'; float:right;} .contactbox dd .feedback .input { width:100%; height:55px; line-height:55px; background:#0064aa; color:#18a0ff; margin-top:14px; border:0; text-indent:20px;} .contactbox dd .feedback .textarea { width:90%; height:140px; line-height:20px; background:#0064aa; color:#18a0ff; padding:5%; border:0; margin-top:14px;} .contactbox dd .feedback .input:-moz-placeholder, .contactbox dd .feedback .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #18a0ff; opacity:1; font-size:16px; } .contactbox dd .feedback .input::-moz-placeholder, .contactbox dd .feedback .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #18a0ff;opacity:1; font-size:16px; } .contactbox dd .feedback .input:-ms-input-placeholder, .contactbox dd .feedback .textarea:-ms-input-placeholder { color: #18a0ff;opacity:1; font-size:16px; } .contactbox dd .feedback .input::-webkit-input-placeholder, .contactbox dd .feedback .textarea::-webkit-input-placeholder{ color: #18a0ff;opacity:1; font-size:16px; } .contactbox dd .feedback .submit{ width:100%; height:51px; background:#2fa9ff; border:0; cursor:pointer; color:#fff; margin-top:14px; font-size:16px; } .contactbox dd .location_guide { width:50%; height:621px; float:left; position:relative; background:url(../images/map_pic.jpg) center center no-repeat; background-size:cover;} .contactbox dd .location_guide .map { width:100%; height:100%; overflow:hidden;} .contactbox dd .location_guide .tit { display:block; width:100%; height:90px; background:#b21a15; overflow:hidden; line-height:90px; font-size:18px; position:relative; z-index:1; color:#fff; position:absolute; left:0; bottom:0;} .contactbox dd .location_guide .tit p { margin:0 20px; text-align:right; position:relative; height:90px;} .contactbox dd .location_guide .tit p:before { content:''; height:1px; background:#fff; position:absolute; left:0; right:40%; top:50%;} .contactbox dd .location_guide .tit p:after { content:'>'; margin-left:20px;} .contactbox dd .contact_more { display:block; width:128px; height:38px; line-height:38px; text-align:center; border:1px solid #fff; color:#fff; font-size:18px; border-radius:19px; margin-top:20px;} .contactbox dd .contact_more:hover { background:#0c1d60; color:#fff; border:1px solid #0c1d60;} .fp-auto-height { display:none;} /*详细页路径导航*/ .guide_path_box_bg { height:45px; background:#efefef; top:60px;} .guide_path_box { max-width:1440px; min-width:300px; height:45px; line-height:45px; overflow:hidden; margin:0 auto;} .guide_path_box .go_back { font-size:14px; font-weight:bold; margin-left:5px;} .guide_path_box .go_back:before { content:'〈'; margin-right:5px;} .guide_path_box .guide_path { font-size:12px; margin-right:10px;} .guide_path_box .leftbox { height:45px;} .guide_path_box .guidebox dd { height:45px;margin-top:0px;} .guide_path_box .guidebox dd:after { display:none;} .guide_path_box .guidebox dd ul { width:100%; height:auto; overflow:visible; font-size:0; position:relative;} .guide_path_box .guidebox dd ul li { height:45px; color:#2a2a2a; margin:0px; display:inline-block; position:relative; font-size:14px;} .guide_path_box .guidebox dd ul li a { color:#2c2c2c; display:block; padding-right:20px; height:45px; line-height:45px; position:relative; overflow:hidden;} .guidebox dd .location { color:#808080; line-height:50px; float:right; padding-left:20px; font-size:12px; margin-top:0px; margin-right:0px;} .guidebox dd .location a { color:#808080;} .guidebox dd { margin:0 5%; height:50px; overflow:visible; position:relative; margin-top:10px;} .guidebox dd:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#efefef;} .guidebox dd .tit { position:absolute; left:0; top:0; font-size:14px; font-weight:100; line-height:50px; color:#f00; z-index:1;} .guidebox dd ul { width:auto; height:auto; overflow:hidden; font-size:0; position:absolute; top:50px; left:0; background:#fff; font-weight:100; display:none; padding:10px; border:1px solid #efefef; border-top:0;} .guidebox dd ul li { width:100%; height:40px; color:#2a2a2a; margin:0px; display:block; position:relative; font-size:14px; float:left;} .guidebox dd ul li a { color:#2c2c2c; display:block; padding-right:0px; height:40px; line-height:40px; position:relative; overflow:hidden;} .guidebox dd ul li a span { font-size:14px; margin-left:10px;} .guidebox dd ul li:before { content:''; position:absolute; height:1px; position:absolute; left:0; right:100%; bottom:0px; z-index:1; background:#c10e0e; /*border-left:1px solid #bababa; border-right:1px solid #dbdbdb;*/ /*transform:skew(-30deg); border-radius:5px;*//*设置倾斜度为-30*/ -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .guidebox dd .contact_us { text-align:left; background:#fff; margin:10px; padding:10px;} .guidebox dd .contact_us .title { font-size:23px; font-weight:bold; color:#d00000; margin:10px 0;} .guidebox dd .contact_us .info { color:#060606; font-size:14px; line-height:24px;} .guidebox dd ul li:hover:before, .guidebox dd ul li.hover:before { right:0px; /*background:#006ccc;*/} .guidebox dd ul li:hover a, .guidebox dd ul li.hover a { color:#bf1010;} .guidebox dd ul li:hover a+.subnav{display:block;} .guidebox dd ul li .subnav { width:100%; height:auto; font-size:16px; margin-top:0; position:absolute; top:69px; left:-30px; display:none; padding-bottom:10px; overflow:hidden; color:#079a94; background:#fff; text-align:center; border:1px solid #f0f0f0; border-top:0; z-index:1;} .guidebox dd ul li .subnav a { display:block; width:100%; line-height:50px; height:50px; text-align:center; color:#000; padding:0;} .guidebox dd ul li .subnav a:after { display:none;} .guidebox dd ul li .subnav a:before { top:0; display:block;}.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:#fff; background:#c10e0e;} /*56.net亚洲必赢概况*/ .about_us_box { height:auto; overflow:hidden; margin:0 5%; margin-top:20px; padding-bottom:30px;} .about_us_box dt { width:100%; height:auto; overflow:hidden;} .about_us_box dt .tit { font-size:18px; line-height:20px; font-weight:bold; text-align:center;} .about_us_box dt .tit:after { content:'—'; color:#d4d4d4; display:block;} .about_us_box dd { margin:0 20px; height:auto; overflow:hidden;} .about_us_box dd .tit { font-size:18px; color:#000; line-height:20px;} .about_us_box dd .des { width:100%; height:180px; overflow:hidden; font-size:14px; line-height:30px; color:#6e6e6e; margin-top:10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .about_us_box dd .more { display:block; width:100px; height:35px; line-height:35px; font-size:14px; color:#fff; margin:0 auto; margin-top:20px; background:#c10e0e; border-radius:8px; text-align:center;} .about_point_bg { margin:0 3%; margin-top:0px; margin-bottom:20px; height:auto; overflow:hidden;} .about_point_bg .about_point { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; align-items:center; background:#fff;} .about_point_bg .about_point li { width:42%; height:auto; margin-top:0px; overflow:hidden; float:left; margin-left:4%; position:relative;} .about_point_bg .about_point li a { color:#000; display:block; padding:10px 0;} .about_point_bg .about_point li .num { font-size:32px; line-height:40px; position:relative; font-weight:100; background: linear-gradient(to right, #88d4f9, #0385e0, #0155cb, #004ac6); -webkit-background-clip: text; color: transparent; color:#c10e0e; } .about_point_bg .about_point li .unit{ margin-left:5px; font-size:16px; line-height:20px; position:relative; top:-15px; color:#c10e0e; font-weight:normal;} .about_point_bg .about_point li .tit { font-size:14px; line-height:20px; color:#373737;} .about_us_box dd .about_link { float:right; margin-top:55px; margin-right:55px;} .about_us_box dd .about_link a { display:inline-block; margin:0 8px;} .about_us_box dd .about_link a:hover { -webkit-animation-name: rubberBand; animation-name: rubberBand; } /*宣传视频*/ .video_promotion_box_bg { height:auto; overflow:hidden; position:relative; margin-top:0px;} .video_promotion_box_bg:after { content:''; height:30%; position:absolute; left:0; right:0; bottom:0; background:#fff; z-index:-1;} .video_promotion_box { max-width:1440px; min-width:320px; height:auto; overflow:hidden; margin:0 auto;} .video_promotion_box dt { width:100%; height:60px; line-height:60px; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;} .video_promotion_box dt .tit { font-size:18px; line-height:20px; color:#131313; text-align:center; font-weight:bold; margin-top:10px;} .video_promotion_box dt .tit:after { content:'—'; color:#d4d4d4; display:block;} .video_promotion_box dd { width:auto; height:auto; overflow:hidden; margin:0 5%; border-radius:10px;} .video_promotion_box dd .videobox img { display:block;} /*荣誉资质*/ .honor_box_bg { height:auto; overflow:hidden; padding-bottom:30px; background:#fff; position:relative;} .honor_box { max-width:1440px; min-width:320px; height:auto; margin:0 auto; overflow:hidden;} .honor_box dt { width:100%; height:80px; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;} .honor_box dt .tit { font-size:18px; line-height:20px; color:#131313; text-align:center; margin-top:20px; font-weight:bold;} .honor_box dt .tit:after { content:'—'; color:#d4d4d4; display:block;} .honor_box 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;} .honor_box dt .more:hover { background:#c10e0e;} .honor_box dd { width:100%; height:auto; overflow:hidden; float:left; position:relative; margin-top:0px;} .honor_box dd .honor_list_box { height:auto; overflow:hidden; position:relative; margin:0 5%;} .honor_box dd .honor_list { width:100%; position:relative; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:1;/* margin-top:60px; margin-bottom:80px;*/} .honor_box dd .honor_list li { width:48%; height:auto; overflow:hidden; margin:1.5% 0; border-radius:5px; background:#efefef;} .honor_box dd .honor_list li a { display:block; height:auto; overflow:hidden;} .honor_box dd .honor_list li .icon { width:100%; font-size:50px; color:#b21a15; line-height:60px;} .honor_box dd .honor_list li .pic { height:auto; overflow:hidden; margin:10px;} .honor_box dd .honor_list li .brief { height:auto; overflow:hidden; margin:10px;} .honor_box dd .honor_list li .des { width:100%; height:72px; overflow:hidden; font-size:18px; line-height:36px; color:#303030; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; float:left; margin-top:10px;} .honor_box dd .honor_list li a:hover { background:#c10e0e; height:auto; overflow:hidden;} .honor_box dd .honor_list li:hover .icon, .honor_box dd .honor_list li:hover .des { color:#fff;} /*领导致辞*/ .insidebox.lead_speech_box_bg { background:url(../images/lead_speech_box_bg.jpg) left center no-repeat; background-size:cover;} .lead_speech_box { height:auto; overflow:visible; margin:0 5%; margin-top:20px;} .lead_speech_box dt { width:40%; height:auto; float:left;} .lead_speech_box dt .title { padding-left:30px; height:auto; overflow:hidden; position:relative;} .lead_speech_box dt .icon { font-size:12px; line-height:20px; color:#fff; position:absolute; left:0; top:0;} .lead_speech_box dt .tit1 { font-size:16px; font-weight:bold; line-height:20px; height:auto; overflow:hidden; float:left; color:#fff; width:100%; text-transform:uppercase;} .lead_speech_box dt .tit { font-size:16px; line-height:30px; color:#e5e5e5; margin-top:0px;} .lead_speech_box dt .more { display:block; font-size:25px; color:#0371be; width:50px; height:50px; line-height:50px; text-align:center; background:#fff; border-radius:50%; margin-top:15%;} .lead_speech_box dt .more:hover { background:#c10e0e; color:#fff;} .lead_speech_box dd { width:60%; height:auto; overflow:visible; float:left; position:relative; margin-top:35%;} .lead_speech_box dd:after { content:''; position:absolute; left:-50px; bottom:0; top:0; right:-30%; background:#fff; border-radius:69px 0 0 0;} .lead_speech_box dd .speech { position:relative; z-index:1; margin-top:10px; margin-bottom:20px;} .lead_speech_box dd .tit { font-size:16px; color:#484848; line-height:20px; margin-top:40px; font-weight:bold;} .lead_speech_box dd .tit:after { content:'——'; display:block;} .lead_speech_box dd .des { width:100%; height:150px; overflow:hidden; font-size:13px; line-height:30px; color:#808080; margin-top:10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .lead_speech_box dd .more { font-size:18px; color:#c81616; line-height:30px; margin-top:5px; display:block; float:left;} /*发展历程*/ .insidebox.history_box_bg { background:#0371be; position:relative;} .history_box_bg:after { content:''; position:absolute; left:0; right:0; bottom:50px; height:1px; background:#0096ff; z-index:999;} .history_box { height:auto; overflow:visible; margin:0 5%; margin-top:20px;} .history_box dt { width:100%; height:auto; overflow:hidden;} .history_box dt .title { padding-left:30px; height:auto; overflow:hidden; position:relative; float:left;} .history_box dt .icon { font-size:12px; line-height:20px; color:#fff; position:absolute; left:0; top:0;} .history_box dt .tit1 { font-size:16px; font-weight:bold; line-height:20px; height:auto; overflow:hidden; float:left; color:#fff; width:100px; text-transform:uppercase;} .history_box dt .tit { font-size:16px; line-height:30px; color:#fff; margin-top:0px;} .history_box dt .more { display:block; font-size:25px; color:#0371be; width:50px; height:50px; line-height:50px; text-align:center; background:#fff; border-radius:50%; float:right;} .history_box dt .more:hover { background:#c10e0e; color:#fff;} .history_box dd { width:100%; height:auto; overflow:hidden; float:left; position:relative; margin-top:20px;} .history_box dd .history_list_box { padding:0 10%; margin:0 0%; height:auto; overflow:hidden; position:relative; margin-bottom:30px;} .history_box dd .history_list { width:100%; position:relative; z-index:1;/* margin-top:60px; margin-bottom:80px;*/} .history_box dd .history_list li { width:100%; height:auto; overflow:visible;} .history_box dd .history_list li a { display:block; padding-left:100px; height:auto; overflow:hidden;} .history_box dd .history_list li .tit { width:100px; font-size:20px; color:#fff; line-height:40px; font-weight:bold; margin:0 0 0 -100px; float:left; text-align:center;} .history_box dd .history_list li .tit:before { content:'-'; display:inline-block; position:relative; top:-3px; margin-right:10px;} .history_box dd .history_list li .des { width:100%; height:40px; overflow:hidden; font-size:14px; line-height:20px; color:#fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; float:left; margin-top:5px;} .history_box dd .history_ctrl_prev, .history_box dd .history_ctrl_next { display:block; font-size:18px; line-height:40px; height:80px; width:18px; text-align:center; color:#fff; font-weight:100; position:absolute;} .history_box dd .history_ctrl_prev { left:0; top:0;} .history_box dd .history_ctrl_next { right:0; top:0;} .history_list_point { width:100%; height:auto; overflow:visible; margin-top:20px; margin-bottom:20px; position:relative;} .history_list_point:after{ content:''; height:1px; background:#0096ff; width:100%; position:absolute; left:0; bottom:27px; display:none;} .history_list_point li { width:33.3333%; height:200px; overflow:hidden; float:left; text-align:center; position:relative;} .history_list_point li:after { content:''; position:absolute; left:50%; margin-left:-1px; width:1px; height:50px; bottom:3px; background:#0096ff;} .history_list_point li .tit { width:100%; font-size:20px; line-height:80px; font-weight:bold; position:relative; overflow:hidden;} .history_list_point li .icon { font-size:0px; height:0px; line-height:0px; margin-top:10px; position:relative; z-index:1;} .history_list_point li a { color:#fff; display:block; position:relative; height:200px; overflow:visible; width:100%;} .history_list_point li a:before { content:''; position:absolute; left:17%; margin-left:-1px; width:1px; height:20px; bottom:20px; background:#0096ff;} .history_list_point li a:after { content:''; position:absolute; right:17%; margin-left:-1px; width:1px; height:20px; bottom:20px; background:#0096ff;} .history_list_point li.swiper-slide-thumb-active { } .history_list_point li.swiper-slide-thumb-active .icon { font-size:45px; line-height:65px; height:65px;} .history_list_point li.swiper-slide-thumb-active .tit { font-size:38px; line-height:80px;} /*企业文化*/ .insidebox.culture_box_bg { background:#f4f4f4; position:relative;} .culture_box { height:auto; overflow:visible; margin:0 5%; margin-top:20px;} .culture_box dt { width:100%; height:auto; overflow:hidden;} .culture_box dt .title { padding-left:30px; height:auto; overflow:hidden; position:relative; float:left;} .culture_box dt .icon { font-size:12px; line-height:20px; color:#454545; position:absolute; left:0; top:0;} .culture_box dt .tit1 { font-size:16px; font-weight:bold; line-height:20px; height:auto; overflow:hidden; float:left; color:#000; width:180px; text-transform:uppercase;} .culture_box dt .tit { font-size:16px; line-height:30px; color:#454545; margin-top:0px;} .culture_box dt .more { display:block; font-size:25px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; background:#0371be; border-radius:50%; float:right;} .culture_box dt .more:hover { background:#c10e0e;} .culture_box dd { width:100%; height:auto; overflow:hidden; float:left; position:relative; margin-top:20px;} .culture_box dd .culture_list_box { height:auto; overflow:hidden; position:relative; margin-bottom:20px; margin-left:0px;} .culture_box dd .culture_list { width:100%; position:relative; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:1;/* margin-top:60px; margin-bottom:80px;*/} .culture_box dd .culture_list li { width:100%; height:auto; overflow:visible; margin:5px 0;} .culture_box dd .culture_list li a { width:100%; display:block; height:auto; overflow:hidden; position:relative;} .culture_box dd .culture_list li .icon { width:30px; height:30px; font-size:25px; color:#b21a15; line-height:30px; position:absolute; right:5px; top:5px;} .culture_box dd .culture_list li .pic { width:48%; height:auto; overflow:hidden; float:left; margin:4px; margin-right:1%;} .culture_box dd .culture_list li .brief { height:auto; overflow:hidden; margin:2% 3%; margin-left:10%;} .culture_box dd .culture_list li .des { width:100%; height:auto; overflow:hidden; font-size:14px; line-height:20px; color:#303030; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; float:left; margin-top:10px;} .culture_box dd .culture_list li a:hover { background:#b21a15; height:auto; overflow:hidden;} .culture_box dd .culture_list li a:hover .pic { margin:4px; } .culture_box dd .culture_list li:hover .icon, .culture_box dd .culture_list li:hover .des { color:#fff;} /*销售网络*/ .insidebox.sales_network_box_bg { background:#efefef; position:relative; height:auto; overflow:hidden;} .insidebox.sales_network_box_bg:before { content:''; position:absolute; top:0; left:0; bottom:0; width:100%; bottom:0; background:#fff;} .sales_network_box { height:auto; overflow:visible; margin:0 5%; margin-top:30px; padding-left:0;} .sales_network_box dt { width:100%; height:auto; float:left; margin:0; position:relative;} .sales_network_box dt .title { padding-left:30px; height:auto; overflow:hidden; position:relative; float:none;} .sales_network_box dt .icon { font-size:12px; line-height:20px; color:#464646; position:absolute; left:0; top:0;} .sales_network_box dt .tit1 { font-size:16px; font-weight:bold; line-height:20px; height:auto; overflow:hidden; float:left; color:#000; width:200px; text-transform:uppercase;} .sales_network_box dt .tit { font-size:16px; line-height:30px; color:#454545; margin-top:0px;} .sales_network_box dt .more { display:block; font-size:25px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; background:#0371be; border-radius:50%; margin-top:0%; position:absolute; right:0; top:0;} .sales_network_box dt .more:hover { background:#c10e0e;} .sales_network_box dd { width:100%; height:auto; overflow:visible; float:left; margin:8% 0; padding:0;} .sales_network_box dd .area_show { width:auto; height:100%; overflow:visible; float:left; margin-top:0px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:stretch; position:relative; margin-left:30px;} .insidebox.service_other_bg { height:auto; overflow:hidden; padding:0;} /*其它服务*/ .service_other_bg .service_other { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center; background:#fff;} .service_other_bg .service_other li { width:100%; height:auto; margin-top:0px; overflow:hidden; float:left; position:relative; background:#0371be;} .service_other_bg .service_other li img { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; display:block;} .service_other_bg .service_other li a { display:block; border:1px solid #65a7d6; position:absolute; left:0; top:0; right:0; bottom:0; margin:10px; text-align:center; display:flex; display:-webkit-flex; flex-flow:column nowrap; justify-content:center; align-content:center; align-items:center;} .service_other_bg .service_other li .tit { font-size:18px; line-height:30px; position:relative; font-weight:bold; color:#fff;} .service_other_bg .service_other li .tit:after { content:'>'; display:block; width:22px; height:22px; line-height:20px; text-align:center; font-weight:100; border:1px solid #fff; border-radius:50%; margin:0 auto; margin-top:10px; font-size:16px;} .service_other_bg .service_other li .icon{ font-size:30px; line-height:50px; position:relative; color:#fff;} .service_other_bg .service_other li .more { font-size:16px; line-height:30px; color:#777777;} .service_other_bg .service_other li:hover a { margin:15px; background:#0371be;} .service_other_bg .service_other li:nth-child(2){ background:#0f83d5;} .service_other_bg .service_other li:nth-child(2):hover a{ background:#0f83d5;} /*人才理念*/ .insidebox.talent_concept_bg { background:#fff; position:relative; padding-bottom:30px; border-bottom:1px solid #dfdfdf;} .talent_concept { height:auto; overflow:visible; margin:0 5%; margin-top:30px; margin-bottom:30px;} .talent_concept dt { width:35%; height:auto; float:left;} .talent_concept dt .title { padding-left:30px; height:auto; overflow:hidden; position:relative;} .talent_concept dt .icon { font-size:12px; line-height:20px; color:#464646; position:absolute; left:0; top:0;} .talent_concept dt .tit1 { font-size:16px; font-weight:bold; line-height:20px; height:auto; overflow:hidden; float:left; color:#000; width:100%; text-transform:uppercase;} .talent_concept dt .tit { font-size:16px; line-height:30px; color:#454545; margin-top:0px;} .talent_concept dt .more { display:block; font-size:25px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; background:#0371be; border-radius:50%; margin-top:30%;} .talent_concept dt .more:hover { background:#c10e0e;} .talent_concept dd { width:63%; height:auto; overflow:hidden; float:left;} .talent_concept dd .tit { font-size:16px; color:#000; line-height:20px; margin-top:10px;} .talent_concept dd .tit:after { content:'——'; display:block;} .talent_concept dd .des { width:100%; height:auto; overflow:hidden; font-size:14px; line-height:30px; color:#898989; margin-top:10px; 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:0 5%; margin-top:30px; margin-bottom:30px;} .applied_online dt { width:100%; height:auto; overflow:hidden;} .applied_online dt .title { padding-left:30px; height:auto; overflow:hidden; position:relative; float:left;} .applied_online dt .icon { font-size:12px; line-height:20px; color:#454545; position:absolute; left:0; top:0;} .applied_online dt .tit1 { font-size:16px; font-weight:bold; line-height:20px; height:auto; overflow:hidden; float:left; color:#000; width:100%; text-transform:uppercase;} .applied_online dt .tit { font-size:16px; line-height:30px; color:#454545; margin-top:0px;} .applied_online dt .more { display:block; font-size:25px; color:#fff; width:50px; height:50px; line-height:50px; 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:10px;} .applied_online dd .frombox { height:auto; overflow:hidden; position:relative; margin-bottom:30px; margin-left:0px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;} .applied_online dd .frombox .input { width:49%; height:40px; line-height:40px; font-size:14px; background:#eeeeee; color:#000; margin-top:8px; border:0; text-indent:10px; float:left;} .applied_online dd .frombox .textarea { width:92%; flex:0 0 92%; height:70px; line-height:20px; background:#eeeeee; color:#000; padding:10px; border:0; margin-top:8px;} .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:14px; } .applied_online dd .frombox .input::-moz-placeholder, .applied_online dd .frombox .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4e4e4e;opacity:1; font-size:14px; } .applied_online dd .frombox .input:-ms-input-placeholder, .applied_online dd .frombox .textarea:-ms-input-placeholder { color: #4e4e4e;opacity:1; font-size:14px; } .applied_online dd .frombox .input::-webkit-input-placeholder, .applied_online dd .frombox .textarea::-webkit-input-placeholder{ color: #4e4e4e;opacity:1; font-size:14px; } .applied_online dd .frombox .btn_box { width:100%; height:auto; overflow:hidden; margin:0; margin-top:8px;} .applied_online dd .frombox .submit{ width:49%; height:45px; background:#c10e0e; border:0; cursor:pointer; color:#fff; margin:0; font-size:16px; float:left; } .applied_online dd .frombox .reset{ width:49%; height:45px; background:#0371be; border:0; cursor:pointer; color:#fff; margin:0; font-size:16px; float:right; } /*联系我们*/ .map_coordinates { width:100%; height:400px; border-bottom:1px solid #d0d0d0; margin-top:105px;} .contact_info_bg { background:#ffcc00; padding:35px 0;} .contact_info { max-width:1200px; min-width:300px; height:auto; overflow:hidden; margin:0;} .contact_info ul { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;} .contact_info ul li { width:auto; flex:0 0 90%; height:auto; overflow:hidden; float:none; padding-left:110px; margin-top:5px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:sapce-between; align-items:center;} .contact_info ul li .icon { width:50px; height:50px; line-height:50px; font-size:25px; background:#fff; overflow:hidden; float:left; margin:0 0 0 -60px; border-radius:50%; color:#c10e0e; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;} .contact_info ul li .info { width:80%; height:auto; overflow:hidden; margin-top:0px; text-align:left; color:#3b3b3b; float:left; margin-left:5%;} .contact_info ul li .info .lab { width:100%; font-size:14px; line-height:20px; height:20px; overflow:hidden;} .contact_info ul li .info .tit { width:100%; color:#3b3b3b; font-size:14px; line-height:20px;} .contact_info ul li .info .tel { font-size:24px; line-height:30px; color:#c10e0e;} .contact_info ul li .info .address { color:#4f4f4f; font-size:18px; line-height:30px;} .contact_info ul li .info .email { color:#4f4f4f; font-size:18px; line-height:30px;} /*留言提交*/ .cotnact_feedback_bg { background:#fff; position:relative; margin:0 2%;} .cotnact_feedback { height:auto; overflow:hidden; margin-top:20px;} .cotnact_feedback dt { width:100%; height:40px; font-size:20px; line-height:40px; margin-top:10px; color:#000; text-align:center; position:relative;} .cotnact_feedback dd .feedback_form { width:100%; height:auto; overflow:hidden;} .cotnact_feedback dd .feedback_form .input { width:100%; height:43px; line-height:43px; background:#eeeeee; color:#000; margin-top:13px; border:0; text-indent:10px; border-radius:3px; float:none;} .cotnact_feedback dd .feedback_form .input:focus, .cotnact_feedback dd .feedback_form .textarea:focus { background:#ffcc00;} .cotnact_feedback dd .feedback_form .textarea { width:95%; flex:0 0 95%; height:100px; line-height:20px; background:#eeeeee; color:#000; padding:10px; border:0; margin-top:14px;} .cotnact_feedback dd .feedback_form .input:-moz-placeholder, .cotnact_feedback dd .feedback_form .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #18a0ff; opacity:1; font-size:14px; } .cotnact_feedback dd .feedback_form .input::-moz-placeholder, .cotnact_feedback dd .feedback_form .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4e4e4e;opacity:1; font-size:14px; } .cotnact_feedback dd .feedback_form .input:-ms-input-placeholder, .cotnact_feedback dd .feedback_form .textarea:-ms-input-placeholder { color: #4e4e4e;opacity:1; font-size:14px; } .cotnact_feedback dd .feedback_form .input::-webkit-input-placeholder, .cotnact_feedback dd .feedback_form .textarea::-webkit-input-placeholder{ color: #4e4e4e;opacity:1; font-size:14px; } .cotnact_feedback dd .feedback_form .btn_box { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:15px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-around; align-items:center;} .cotnact_feedback dd .feedback_form .submit{ width:48%; flex:0 0 48%; height:40px; background:#c10e0e; border:0; cursor:pointer; color:#fff; margin:0 0px; font-size:14px; border-radius:5px; } .cotnact_feedback dd .feedback_form .reset{ width:48%; flex:0 0 48%; height:40px; background:#ffcc00; border:0; cursor:pointer; color:#c10e0e; margin:0 0px; font-size:14px; border-radius:5px; } /*招聘信息*/ .jobs_info_box { height:auto; overflow:hidden; margin:0 5%; margin-top:30px;} .jobs_info_box dt { width:100%; height:40px; font-size:20px; line-height:40px; margin-top:10px; color:#000; text-align:center; position:relative;} .jobs_info_box dd { height:auto; overflow:hidden; min-height:auto; margin-top:0px; margin-left:0px; } .jobs_info_box dd .jobs_info_list { width:100%; height:auto; overflow:hidden; } .jobs_info_box dd .jobs_info_list li { width:100%; height:50px; overflow:hidden; background:#f6f6f6; margin:5px 0; float:none;} .jobs_info_box dd .jobs_info_list li .info { width:100%; height:50px; line-height:50px; background:#dfdfdf; color:#000; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; cursor:pointer; font-size:16px;} .jobs_info_box dd .jobs_info_list li .des { height:0; overflow:hidden; margin:10px 20px; overflow:hidden; margin-bottom:10px; font-size:14px; line-height:24px; 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 20px; height:auto;} .jobs_info_box dd .jobs_info_list li .btn { display:block; background:#ce0615; color:#fff; width:45%; height:35px; line-height:35px; font-size:14px; text-align:center; float:left; margin-right:1%;} .jobs_info_box dd .jobs_info_list li .info .tit { margin-left:20px;} .jobs_info_box dd .jobs_info_list li .info .tit1 { display:none;} .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:255px; padding-bottom:20px;} .jobs_info_box dd .jobs_info_list li.hover .des { height:140px;} .jobs_info_box dd .jobs_info_list li:hover .info .date:after {} .jobs_info_box dd .more { display:block; width:100px; height:35px; line-height:35px; text-align:center; background:#c10e0e; color:#fff; margin:30px auto; font-size:14px; border-radius:5px;} /*搜索弹出*/ .searchbox_bg { position:fixed; left:-100%; top:0; width:100%; height:100%; overflow:hidden; background:#c10e0e; z-index:9999999; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;} .searchbox_bg .telbox { width:100%; height:134px; line-height:134px; text-align:center; color:#fff; font-size:18px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; bottom:0;} .searchbox_bg .telbox .icon { color:#fff; font-size:30px; margin:0 10px;} .searchbox_bg.exat { left:0;} .searchbox_bg .close { width:30px; height:30px; line-height:30px; font-size:20px; text-align:center; display:block; position:absolute; right:15px; top:15px; color:#fff; font-weight:100;} .searchbox_bg .searchbox .hotkeys { width:100%; line-height:40px; text-align:center; font-size:16px; color:#fff; margin-top:40px;} .searchbox_bg .searchbox .hotkeys a { font-size:16px; color:#fff; display:inline-block; margin:0 10px;} .searchbox_bg .searchbox { width:90%; height:auto; overflow:hidden; text-align:center; color:#fff; margin:0 auto;} .searchbox_bg .searchbox .tit1 { font-size:50px; line-height:80px; font-weight:bold; text-transform:uppercase;} .searchbox_bg .searchbox .tit { font-size:26px; line-height:30px;} .searchbox_bg .searchbox form { margin-top:50px;} .searchbox_bg .searchbox:after { /*content:''; position:absolute; right:0; top:50%; width:1px; height:19px; background:#eee; margin-top:-9px;*/} .searchbox_bg .search_box { width:100%; height:50px; position:relative;} .searchbox_bg .searchbox .keys { width:80%; height:50px; line-height:50px; color:#000; border:0; text-indent:30px; background:#fff; border-radius:0px; font-size:18px; z-index:1; position:absolute; left:0; top:0;} .searchbox_bg .searchbox .submit { width:20%; height:50px; line-height:50px; font-size:0px; border:0; position:absolute; right:0; top:0; color:#fff; background:none; cursor:pointer; z-index:3;} .searchbox_bg .searchbox i { width:20%; height:50px; line-height:50px; font-size:20px; color:#fff; position:absolute; right:0; top:0; background:#b21a15; text-align:center; z-index:2;} .searchbox_bg .searchbox:hover .keys, .searchbox_bg .searchbox.hover .keys{ } .searchbox_bg .searchbox:hover .submit, .searchbox_bg .searchbox.hover .submit{ margin-top:0px;} .searchbox_bg .searchbox:hover i { } .searchbox_bg .searchbox .keys:-ms-input-placeholder{ color: #c0c0c0; font-size:18px;/*opacity:0.5;*/ } .searchbox_bg .searchbox .keys::-webkit-input-placeholder{ color: #c0c0c0; font-size:18px;/*opacity:0.5;*/ } /*菜单弹出*/ .navmenubox_bg { position:fixed; left:-100%; top:0; width:100%; height:100%; overflow:hidden; background:#c10e0e;/* background:rgba(37,139,210,.96);*/ z-index:9999999; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;} .navmenubox_bg.exat { left:0;} .navmenubox_bg .close { width:30px; height:30px; line-height:30px; font-size:20px; text-align:center; display:block; position:absolute; right:15px; top:15px; color:#fff; font-weight:100;} .navmenubox_bg .navmenubox { width:1000px; height:auto; overflow:hidden; text-align:center; margin:0 auto; color:#fff;} .navmenubox_bg .navmenubox .nav { width:100%; line-height:50px; text-align:center; font-size:24px; color:#fff; margin-top:0px;} .navmenubox_bg .navmenubox .nav a { font-size:24px; color:#fff; display:inline-block; margin:0 20px; position:relative; z-index:2;} .navmenubox_bg .navmenubox .nav a:after { content:' '; font-size:18px; margin-left:15px; position:relative; top:3px;} .navmenubox_bg .navmenubox .nav a.sub:after { content:'﹀'; } .navmenubox_bg .navmenubox .nav .en_title { text-transform:uppercase; font-size:80px; font-weight:bold; line-height:80px; position:absolute; left:0; right:0; top:50%; margin-top:-80px; z-index:-1; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .navmenubox_bg .navmenubox .subnav { width:180px; height:auto; overflow:hidden; margin:0 auto; font-size:16px; line-height:30px; color:#eaeaea; display:none;} .navmenubox_bg .navmenubox .subnav a:after { display:none;} .navmenubox_bg .navmenubox .subnav a { color:#eaeaea; font-size:18px; line-height:30px; display:block; text-align:left;} .navmenubox_bg .navmenubox .nav a:hover { color:#ffc000;} .navmenubox_bg .nav #menu { height:auto; overflow:hidden;} .navmenubox_bg .nav #menu li { } .navmenubox_bg .nav #menu li:hover .en_title { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} .navmenubox_bg .nav #menu li:hover a+.subnav { display:block;} .navmenubox_bg .telbox { width:100%; height:134px; line-height:134px; text-align:center; color:#fff; font-size:18px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; bottom:0;} .navmenubox_bg .telbox .icon { color:#fff; font-size:30px; margin:0 10px;} /*产品列表样式*/ .goods_list { width:98%; height:auto; overflow:visible; margin:0 auto; /*display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;*/} .goods_list li{ width:49%; float:left; margin:1% 0; height:auto; overflow:visible; position:relative; top:0; left:0; line-height:0; -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); } .goods_list li:nth-child(2n) { float:right;} .goods_list.related li { margin:0;} .goods_list li .margin { margin:5%; margin-top:0; height:auto; overflow:hidden; display:block;} .goods_list li .brief { width:100%; height:auto; overflow:hidden; position:relative; color:#252525; z-index:1; float:left;} .goods_list li .des { width:100%; height:60px; line-height:20px;overflow:hidden; font-size:12px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .goods_list li .tit { width:100%; height:50px; line-height:50px; font-size:20px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; position:relative;} .goods_list li .tit .icon { float:right; line-height:60px; color:#bcbcbc; font-size:30px;} .goods_list li a { display:block; position:relative; overflow:hidden; background:#efefef url(../images/pic_bg.png) center 100px no-repeat; background-size:auto 120%; border-radius:15px; padding:0px 0px;} .goods_list li .pic{ display:block; position:relative; width:auto; height:auto; overflow:hidden; float:left; margin:5% 10%; margin-top:15px; background:#fff; border-radius:50%; -webkit-box-shadow:0px 20px 20px rgba(0,0,0,.4); box-shadow:0px 10px 10px rgba(0,0,0,.4); -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; -moz-transform: scale(1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 300ms; } .goods_list li:hover .pic { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 300ms; -webkit-box-shadow:0px 0px 30px rgba(0,0,0,.4); box-shadow:0px 0px 30px rgba(0,0,0,.4); } .goods_list li .pic img { display:block;} .goods_list li .pic .tit1 { width:100%; line-height:60px; text-align:center; color:#fff; position:absolute; left:0; top:32%; z-index:2; font-size:24px; display:none;} .goods_list li .pic .more1 { width:45px; line-height:45px; height:45px; color:#fff; overflow:hidden; font-size:14px; text-align:center; border:1px solid #fff; border-radius:50%; position:absolute; left:50%; top:60%; margin-top:-22px; margin-left:-29px; z-index:2; display:none;} .goods_list li .more { width:100px; line-height:35px; height:35px; overflow:hidden; color:#fff; background:#c10e0e; font-size:14px; text-align:center; border-radius:8px; margin:0 auto; margin-top:5%;} .goods_list li:hover a { background:#ffd800 url(../images/pic_bg.png) center 100px no-repeat; background-size:auto 130%;} .goods_list li:hover .tit1, .goods_list li:hover .more1 { display:block;} .goods_list li .pic:before { content:''; border:1px solid #ff8282; position:absolute; left:0%; top:0%; bottom:0%; right:0%; z-index: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); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } .goods_list li .pic:after { content:''; position:absolute; left:50%; top:50%; bottom:0%; width:0%; height:0%; background:rgba(178,26,21,.97); background-size:cover; z-index:1; -moz-transition:all .5s cubic-bezier(0,0,.2,1); -o-transition:all .5s cubic-bezier(0,0,.2,1); -ms-transition:all .5s cubic-bezier(0,0,.2,1); transition:all .5s cubic-bezier(0,0,.2,1); } /*产品详细展示*/ .goods_info_bg { height:auto; overflow:hidden; position:relative;} .goods_info { max-width:1200px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:1; padding:0px 0; margin-top:0px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;} .goods_info:after { content:''; background:#f6f6f6 url(../images/goods_detail_bg.png) center center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0; right:0; bottom:0;} .goods_info .pic { width:80%; float:none; margin:5% 5%; margin-right:2%; height:auto; overflow:hidden; position:relative; z-index:1; box-shadow:0px 10px 10px rgba(0,0,0,.4); border-radius:50%;} .goods_info .pic img { display:block;} .goods_info .info { width:60%; height:auto; float:left; color:#252525; margin-left:5%; position:relative; z-index:1;} .goods_info .info .tit { font-size:20px; line-height:30px;} .goods_info .info .tit:after { content:'—'; display:block;} .goods_info .info .des { width:100%; font-size:14px; line-height:24px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .goods_info_bg:hover:after {/* background-size:auto 120%;*/} /*线上预定*/ .goods_reserve dt { width:100%; height:40px; font-size:20px; line-height:40px; margin-top:10px; color:#000; text-align:center; position:relative;} .goods_reserve dd .goods_reserve_form .input { width:100%; height:43px; line-height:43px; background:#eeeeee; color:#000; margin-top:13px; border:0; text-indent:10px; border-radius:3px; float:left;} .goods_reserve dd .goods_reserve_form .input:focus, .goods_reserve dd .goods_reserve_form .textarea:focus { background:#ffcc00;} .goods_reserve dd .goods_reserve_form .textarea { width:95%; flex:0 0 95%; height:100px; line-height:20px; background:#eeeeee; color:#000; padding:10px; border:0; margin-top:14px;} .goods_reserve dd .goods_reserve_form .input:-moz-placeholder, .goods_reserve dd .goods_reserve_form .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #18a0ff; opacity:1; font-size:14px; } .goods_reserve dd .goods_reserve_form .input::-moz-placeholder, .goods_reserve dd .goods_reserve_form .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4e4e4e;opacity:1; font-size:14px; } .goods_reserve dd .goods_reserve_form .input:-ms-input-placeholder, .goods_reserve dd .goods_reserve_form .textarea:-ms-input-placeholder { color: #4e4e4e;opacity:1; font-size:14px; } .goods_reserve dd .goods_reserve_form .input::-webkit-input-placeholder, .goods_reserve dd .goods_reserve_form .textarea::-webkit-input-placeholder{ color: #4e4e4e;opacity:1; font-size:14px; } .goods_reserve dd .goods_reserve_form .btn_box { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:15px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-around; align-items:center;} .goods_reserve dd .goods_reserve_form .submit{ width:48%; flex:0 0 48%; height:40px; background:#c10e0e; border:0; cursor:pointer; color:#fff; margin:0 0px; font-size:14px; border-radius:5px; } .goods_reserve dd .goods_reserve_form .reset{ width:48%; flex:0 0 48%; height:40px; background:#ffcc00; border:0; cursor:pointer; color:#c10e0e; margin:0 0px; font-size:14px; border-radius:5px; } /*详细页内容*/ .goods_detail_bg{ height:auto; overflow:hidden; padding-bottom:0px;} .goods_detail { height:auto; margin-top:20px; position:relative;} .goods_detail dt { width:100%; height:40px; font-size:20px; line-height:40px; margin-top:10px; color:#000; text-align:center; position:relative;} .goods_detail dt:after { content:''; width:100%; height:1px; background:#efefef; position:absolute; left:0; top:50%;} .goods_detail dt .tit { display:inline-block; background:#fff; position:relative; z-index:1;} .goods_detail dt .tit:before { content:'»'; margin:0 15px; position:relative; top:-2px;} .goods_detail dt .tit:after { content:'«'; margin:0 15px; position:relative; top:-2px;} .goods_detail dd { max-width:1551px; min-width:320px; height:auto; overflow:visible; margin:0 auto;} .goods_detail dd .detail_info { width:auto; height:auto; overflow:hidden; margin:10px 5%; font-size:14px; line-height:1.8; color:#4f4f4f; text-align:justify; text-justify:inter-ideograph;} .goods_detail dd .detail_info img { max-width:100%; width:auto;} /*产品相关推荐*/ .goods_related_bg { height:auto; overflow:hidden; padding-bottom:20px;} .goods_related { height:auto; margin-top:0px; position:relative;} .goods_related dt { width:100%; height:60px; font-size:20px; line-height:60px; margin-top:10px; color:#000; text-align:center; position:relative;} .goods_related dt:after { content:''; width:100%; height:1px; background:#efefef; position:absolute; left:0; top:50%;} .goods_related dt .tit { display:inline-block; background:#fff; position:relative; z-index:1;} .goods_related dt .tit:before { content:'»'; margin:0 15px; position:relative; top:-2px;} .goods_related dt .tit:after { content:'«'; margin:0 15px; position:relative; top:-2px;} .goods_related dd { max-width:1551px; min-width:320px; height:auto; overflow:visible; margin:0 auto;} .goods_related dd .goods_related_list_scroll { width:auto; height:auto; margin:0 5%; position:relative;} .goods_related dd .goods_list li a { display:block; position:relative; overflow:hidden; background:#efefef url(../images/pic_bg.png) center 100px no-repeat; background-size:auto 130%;} .goods_related dd .goods_list li .tit { font-size:18px;} .goods_related dd .goods_list li .des { font-size:13px; color:#252525; line-height:24px; height:72px;} .goods_related dd .goods_list li .more { margin-top:20%; font-size:13px; width:109px; height:38px; line-height:38px; display:none;} .goods_related dd .goods_list li .more:hover { background:#5dca07;} .goods_related dd .goods_list li:hover a { background:#ffd800 url(../images/pic_bg.png) center 100px no-repeat; background-size:auto 140%;} .goods_related dd .goods_related_scroll_prev { width:66px; height:66px; line-height:66px; background:#efefef; color:#373737; display:block; text-align:center; font-size:30px; font-weight:100; position:absolute; border-radius:50%; left:-96px; top:50%; margin-top:-33px;} .goods_related dd .goods_related_scroll_next { width:66px; height:66px; line-height:66px; background:#efefef; color:#373737; display:block; text-align:center; font-size:30px; font-weight:100; position:absolute; border-radius:50%; right:-96px; top:50%; margin-top:-33px;} .goods_related dd .goods_related_scroll_prev:hover, .goods_related dd .goods_related_scroll_next:hover { background:#c10e0e; color:#fff;} /*厂房*/ .workshopbox_bg { height:auto; overflow:hidden; position:relative; z-index:2; margin-top:-30px;} .workshopbox { height:auto; overflow:hidden; margin-top:0px;} .workshopbox dt { width:100%; height:auto; overflow:hidden; border:} .workshopbox dt .tit { font-size:20px; line-height:20px; color:#131313; text-align:center;} .workshopbox dt .tit:after { content:'—'; color:#d4d4d4; display:block;} .workshopbox dd { margin:0px; height:auto; overflow:hidden; margin-top:30px;} .workshopbox dd .workshop_list_scroll { height:auto; overflow:hidden; position:relative;} .workshopbox dd .workshop_list { width:100%; height:auto; overflow:;} .workshopbox dd .workshop_list li { width:33%; height:auto; overflow:hidden; float:left;} .workshopbox dd .workshop_list li a { display:block; position:relative; padding-bottom:20px;} .workshopbox dd .workshop_list li .pic { height:auto; overflow:hidden; position:relative; z-index:0;} .workshopbox dd .workshop_list li .pic img { display:block;} .workshopbox dd .workshop_list li .tit { width:60%; height:0px; overflow:hidden; line-height:44px; position:absolute; left:20%; bottom:0; margin-left:0; text-align:center; background:#efefef; font-size:16px; z-index:1;} .workshopbox dd .workshop_list li.swiper-slide-active .tit { height:44px;} .workshopbox dd .workshop_scroll_prev { width:40px; height:40px; line-height:40px; background:#efefef; color:#373737; display:block; text-align:center; font-size:20px; font-weight:100; position:absolute; border-radius:50%; left:5%; top:50%; margin-top:-33px; z-index:2;} .workshopbox dd .workshop_scroll_next { width:40px; height:40px; line-height:40px; background:#efefef; color:#373737; display:block; text-align:center; font-size:20px; font-weight:100; position:absolute; border-radius:50%; right:5%; top:50%; margin-top:-33px; z-index:2;} .workshopbox dd .workshop_scroll_prev:hover, .workshopbox dd .workshop_scroll_next:hover { background:#c10e0e; color:#fff;} .workshopbox dd .more { display:block; width:120px; height:38px; line-height:38px; font-size:14px; color:#fff; margin:0 auto; margin-top:33px; background:#c10e0e; border-radius:8px; text-align:center;} /*设备*/ .equipmentbox_bg { height:auto; overflow:hidden; margin:0 2%; margin-top:40px; margin-bottom:1%;} .equipmentbox { min-width:300px;} .equipmentbox dt .tit { font-size:20px; line-height:20px; color:#131313; text-align:center;} .equipmentbox dd { margin:0px; height:auto; overflow:hidden; margin-top:30px;} .equipmentbox dd .equipment_list_scroll { width:100%; height:auto; overflow:hidden; position:relative;} .equipmentbox dd .equipment_list { width:100%; height:auto; overflow:hidden;} .equipmentbox dd .equipment_list li { width:49.2%; height:auto; overflow:hidden; float:left; margin-bottom:1%;} .equipmentbox dd .equipment_list li:nth-child(2n) { float:right;} .equipmentbox dd .equipment_list li.swiper-slide {} .equipmentbox dd .equipment_list li a { display:block; position:relative; overflow:hidden;} .equipmentbox dd .equipment_list li a:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:0px solid #c10e0e; -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .equipmentbox dd .equipment_list li .pic img { display:block;} .equipmentbox dd .equipment_list li .brief { background:rgba(193,14,14,.8); position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .equipmentbox dd .equipment_list li .brief:after { content:''; background:rgba(255,255,255,.39); height:1px; position:absolute; left:5%; right:5%; top:50%;} .equipmentbox dd .equipment_list li .tit, .equipmentbox dd .equipment_list li .more, .equipmentbox dd .equipment_list li .brief:after { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .equipmentbox dd .equipment_list li .tit { width:100%; text-align:center; font-size:20px; line-height:30px; color:#fff; z-index:1;} .equipmentbox dd .equipment_list li .more { width:100%; text-align:center; font-size:14px; line-height:30px; color:#efefef; z-index:1;} .equipmentbox dd .equipment_list li:hover a:after { border:5px solid #c10e0e;} .equipmentbox dd .equipment_list li:hover .brief { left:10px; top:10px; right:10px; bottom:10px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} .equipmentbox dd .equipment_list li:hover .brief:after { -webkit-animation-name: zoomIn; animation-name: zoomIn;} .equipmentbox dd .equipment_list li:hover .tit { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;} .equipmentbox dd .equipment_list li:hover .more { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;} /*生产工艺*/ .technological_process_box_bg { overflow:hidden; margin:0;} .technological_process_box { margin-top:105px; margin-bottom:60px;} .technological_process_box dt { width:100%; height:auto; overflow:hidden; text-align:center;} .technological_process_box dt .tit { color:#000; font-size:20px; line-height:20px; font-weight:bold;} .technological_process_box dt .tit1 { color:#949494; font-size:13px; line-height:20px; text-transform:uppercase;} .technological_process_box dt .tit1:after, .technological_process_box dt .tit1:before { content:'—'; margin:0 10px;} .technological_process_box dd { width:100%; height:auto; overflow:visible; margin-top:40px;} .technological_process { width:auto; height:auto; margin:0 5%; overflow:visible;} .technological_process li { width:100%; height:auto; overflow:visible; position:relative;} .technological_process li .info_bg { background:#fff; position:absolute; left:-30%; right:-30%; top:70%; margin-top:-50px; height:200px; z-index:-1; border-radius:0px;} .technological_process li .en_tit { display:none;} .technological_process li a { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center;} .technological_process li .pic { width:60%; height:auto; overflow:hidden; float:left; text-align:left; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative;} .technological_process li .pic .tit2 { width:100%; height:30px; line-height:30px; background:#ffae00; color:#000; font-size:16px; text-align:center; border-radius:20px; overflow:hidden; position:absolute; left:0%; bottom:0; margin-left:0;} .technological_process li .pic .tit2:after, .technological_process li .pic .tit2:before { content:'—'; margin:0 15px;} .technological_process li .pic img { display:block; max-width:100%; width:auto} .technological_process li .brief { width:100%; height:auto; overflow:hidden; float:left; margin-left:10%; margin-top:5%; color:#0d0d0d; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative;} .technological_process li .brief .margin { margin-left:30px; height:auto; overflow:hidden;} .technological_process li .spa { width:16px; height:100px; position:absolute; left:0; top:50%; margin-top:-50px;} .technological_process li .spa:before { content:''; width:10px; height:10px; border:3px solid #c10e0e; border-radius:50%; position:absolute; left:0; top:0px;} .technological_process li .spa:after { content:''; width:2px; height:80px; background:#c10e0e; position:absolute; left:50%; margin-left:-1px; top:15px;} .technological_process li .icon { font-size:40px; line-height:40px; color:#c10e0e; margin-top:0px; float:right;} .technological_process li .tit { width:100%;font-size:18px; line-height:40px; height:40px; } .technological_process li .tit .num { font-size:28px; font-weight:bold; margin-right:5px;} .technological_process li .tit1 { width:100%; height:30px; font-size:18px; line-height:30px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .technological_process li .des { width:100%; height:40px; font-size:12px; line-height:20px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .technological_process li:nth-child(2n) .pic { float:left; order:0; justify-content:flex-start;} .technological_process li:nth-child(2n) .pic img { float:left;} .technological_process li:nth-child(2n) .brief { } .technological_process li:nth-child(2n) .info_bg { background:#fff; position:absolute; left:-30%; right:-30%; top:80%; margin-top:-100px; height:200px; z-index:-1; border-radius:0px;} .technological_process li:nth-child(2n) .icon { margin-right:0px;} .technological_process li:nth-child(2n) .tit {} /*新闻图片*/ .pic-news-list { width:100%; height:auto;} .pic-news-list li { width:100%; height:auto; overflow:hidden; float:left;} .pic-news-list li a { display:block; height:auto; overflow:hidden;} .pic-news-list li .time { font-size:16px; line-height:20px; color:#a6a6a6;} .pic-news-list li .tit { font-size:16px; line-height:40px; color:#0c0c0c;} .pic-news-list li:hover .pic { width:100%; height:auto; overflow:hidden; position:relative;} .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 { color:#c10e0e;} .pic-news-list li:hover .time { color:#c10e0e;} .pic-news-swiper-pagination { position:relative; height:30px; margin:10px 0; text-align:center; padding:0;} .pic-news-swiper-pagination .swiper-pagination-bullets{ } .pic-news-swiper-pagination .swiper-pagination-bullet { width:52px; height:1px; margin:0; padding:0; border-radius:0; font-size:0; background:#999;} .pic-news-swiper-pagination .swiper-pagination-bullet-active { background:#b21a15;} /*新闻列表样式3*/ .news-list3 { width:100%; height:auto; overflow:visible; } .news-list3 li { width:100%; height:auto; overflow:hidden; margin:1.5% 0; position:relative; float:left;} .news-list3 li:nth-child(2n) { float:right;} .news-list3 li a { display:block; height:auto; overflow:hidden; position:relative; background:#f3f3f3; padding:20px 0; padding-bottom:20px; padding-left:90px;} .news-list3 li .date { width:60px; height:60px; overflow:hidden; float:left; margin:0px 0 0 -80px; float:left; z-index:1; border-bottom:1px solid #8a8a8a;} .news-list3 li .date .m-d { font-size:24px; line-height:24px; color:#000;} .news-list3 li .date .y { display:inline-block; font-size:12px; line-height:20px; color:#8a8a8a;} .news-list3 li .brief { width:90%; height:auto; overflow:hidden; position:relative; margin:0px; margin-top:0px; float:left;} .news-list3 li .tit { width:100%; height:20px; line-height:20px; overflow: hidden; color:#000000; font-size:16px; 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:20px; margin-top:5px; font-size:12px; color:#6a6a6a; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -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:#c10e0e; color:#fff;} .news-list3 li:hover .date { border-bottom:1px solid #a8a8a8;} .news-list3 li:hover .date .m-d, .news-list3 li:hover .date .y { color:#d3d3d3; } .news-list3 li:hover .tit { color:#fff;} .news-list3 li:hover .des { color:#dbdbdb;} .news-list3 li:hover a:after { left:-186px; right:-211px; background:#f3f3f3;} /*图片*/ .pic-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;} .pic-list li { width:48%; flex:0 0 48%; margin:1%; float:left; height:auto; overflow:hidden; display:block; border:0px solid #eee;} .pic-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;} .pic-list li .name{ text-align:center; height:40px; line-height:40px; text-align:center; background:#fff; font-size:14px; color:#000;} /*新闻列表样式2*/ .news-list2 { width:100%; height:auto; overflow:visible; } .news-list2 li { width:100%; height:auto; overflow:visible; position:relative;} .news-list2 li a { display:block; height:auto; overflow:visible; position:relative; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} .news-list2 li .pic { width:35%; height:auto; overflow:hidden; display:block; position:relative; float:right; z-index:2; margin:10px 0;} .news-list2 li .pic img { height:auto;} .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);} .news-list2 li a:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; z-index:1;} .news-list2 li .brief { width:60%; 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;} .news-list2 li:hover .pic:after { left:0; /*background:rgba(0,0,0,0.3); */} .news-list2 li .margin { margin:10px 0%; 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:14px; color:#838383; line-height:20px; text-align:right;} .news-list2 li .time { float:left; font-size:16px; color:#b21a15; margin-right:20px;} .news-list2 li .tit { width:100%; line-height:20px; height:20px; overflow: hidden; color:#000000; font-size:16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; margin-top:10px; display:none;} .news-list2 li .des { width:100%; position:relative; height:40px; overflow:hidden; line-height:20px; margin-top:10px; margin-bottom:10px; font-size:14px; color:#6a6a6a; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;} .news-list2 li .more { width:100px; height:35px; line-height:35px; background:#b21a15; color:#fff; overflow:hidden; text-align:center; border-radius:8px; font-size:14px;} .news-list2 li .more:after { content:'>'; margin-left:15px;} .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 .brief { } .news-list2 li:hover a {} .news-list2 li:hover a:after { left:-186px; right:-211px; background:#f3f3f3;} /*详细内容显示*/ .contentbox { width:100%; height:auto; float:left; overflow:hidden; background:#fff; margin-top:10px; margin-bottom:34px;} .contentbox dd { margin:0 2%; margin-top:0px; min-height:auto; height:auto; overflow:hidden;} .contentbox dd #content { font-size:16px; line-height:2;} .detail { width:100%; height:auto; overflow:hidden; margin:0 auto;} .detail .tit { font-size:18px; line-height:30px; margin:10px 0; font-weight:normal; text-align:center; color:#222222;} .detail .des { line-height:40px; color:#8f8f8f; text-align:center; /* border-top:1px solid #ccc;*/ margin-top:10px; font-size:16px; position:relative;} .detail .des:after { content:''; width:180px; height:1px; background:#adadad; position:absolute; left:50%; margin-left:-90px; bottom:0;} .detail .pic { text-align:center;} .detail .con { padding:0px; line-height:2; text-align:justify;/* text-justify:distribute-all-lines;*/ text-justify:inter-ideograph; margin-top:0px;} .detail .con p { font-size:14px; color:#4a4a4a; line-height:2;} .detail .date { color:#b21a15; font-size:16px; line-height:40px; text-align:center;} /*上一条下一条*/ .detail .prev_next { height:auto; font-size:14px; margin:0; padding:0px; margin-top:25px; background:#f6f6f6;} .detail .prev_next a { width:49%; color:#0371be; display:block; position:relative; float:left; font-size:26px; line-height:100px; font-weight:100;} .detail .prev_next a.prev:before { content:'〈'; width:40px; height:100px; display:block; float:left; margin-right:10px; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .detail .prev_next a.next:before { content:'〉'; width:40px; height:100px; display:block; float:right; margin-left:10px; -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } .detail .prev_next a:hover { color:#b73430;} .detail .prev_next a.prev { float:left; text-align:left;} .detail .prev_next a.next { float:right; text-align:right;} .detail .prev_next .prev_label, .detail .prev_next .next_label { color:#4a4a4a; font-size:16px; line-height:30px; margin-top:3.5%;} .detail .prev_next .prev_tit, .detail .prev_next .next_tit { color:#222222; font-size:14px; line-height:20px;} .detail .prev_next a:hover:before { background-color:#eee;} .detail .label { margin:10px 0; font-size:16px; font-weight:bold; color:#666;} /*页脚*/ .footer_bg { height:auto; overflow:hidden; background:#f4f4f4; position:relative;} .footerbox { max-width:1440px; min-width:300px; margin:0 auto; height:auto; overflow:visible; } .footer { overflow:visible; color:#4d4d4d; position:relative; height:auto; overflow:hidden; padding-right:0px; padding-bottom:5px; z-index:999;} .footer a { color:#4d4d4d;} .footer .infobox { width:auto; height:auto; overflow:hidden; float:none; margin:0 5%;} .footer .info { width:100%; height:auto; margin-top:10px; float:left;} .footer .info .tit { width:100%; font-size:18px; line-height:40px; height:40px; color:#fff; letter-spacing:0px;} .footer .info .text { font-size:14px; line-height:30px; margin-left:0px; color:#4d4d4d;} .footer .telbox { width:220px; height:auto; overflow:hidden; margin-top:30px; padding-left:60px;} .footer .telbox .icon { color:#fff; font-size:32px; width:50px; height:50px; line-height:50px; text-align:center; float:left; background:#fff; color:#c10e0e; margin:0 0 0 -60px; border-radius:0 25px 25px 25px;} .footer .telbox .lab { font-size:16px; line-height:20px; color:#4d4d4d; float:left; width:100%;} .footer .telbox .tel { font-size:28px; line-height:30px; color:#c10e0e; float:left; width:100%;} .footerbox .qrcodebox { width:auto; height:auto; overflow:hidden; float:none; margin:0 5%; margin-top:30px; display:flex; display:-webkit-flex; justify-content:space-around; align-items:center;} .footerbox .qrcodebox .qrcode { width:46%; height:auto; float:left; margin-left:0px;} .footerbox .qrcodebox .qrcode .pic { width:80%; height:auto; overflow:hidden; background:#fff; padding:8px;} .footerbox .qrcodebox .qrcode .pic img { display:block;} .footerbox .qrcodebox .qrcode .tit { width:100%; font-size:16px; line-height:50px; height:50px; color:#4d4d4d; text-align:center;} /*版权*/ .copyright_bg { height:60px; overflow:hidden; background:#202020; text-transform:uppercase; border-top:1px solid #333333;} .copyright { height:60px; line-height:60px; overflow:hidden; color:#636363; font-size:12px; border-top:1px solid #e6e6e6; text-align:center;} .copyright a { color:#636363;} }