@charset "utf-8";
.scale_img dl dt img,.scale_img li img { transition:all 1s linear 0s; }
.scale_img dl:hover dt img,.scale_img li:hover img { transform:scale(1.05) rotate(0deg) translateY(0); }
/*banner*/
.banner{ position:relative; background:#000; margin:0 auto; overflow:hidden; }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{ width:100%; vertical-align:top; }
.banner .prev,.banner .next{ width:54px; height:54px; cursor:pointer; margin-left:10px; border-radius:50%; border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.2); top:46%; left:-100px; position:absolute; z-index:9; transition:all 0.5s ease; }
.banner .prev:hover,.banner .next:hover{ border-color:#fff; }
.banner .next{ left:auto; right:-100px; }
.banner:hover .prev{ left:3%; }
.banner:hover .next{ right:3%; }
.banner .pageState{ position:absolute; width:600px; left:50%; bottom:10%; text-align:right; color:#fff; font-size:16px; font-weight:bold; }
.banner .pageState span{ font-size:48px; }
/*search*/
.search { height:57px; background:#fff; }
.search .keyword { font-size:14px; line-height:57px; float:left; }
.search .keyword strong { font-weight:bold; color:#333; }
.search .keyword a { color:#666; display:inline-block; font-weight:normal; }
.search .keyword a:after { content:"、"; }
.search .keyword a:last-child:after { display:none; }
.search .keyword a:hover { color:#CA3839; }
.search .keyword a:hover:after { color:#666; }
.search .search_input { float:right; width:414px; height:56px; border-bottom:1px solid #48926d; }
.search .search_input input[type="text"] { background:none; border:none; outline:none; display:block; box-sizing:border-box; float:left; width:360px; font-size:14px; line-height:56px; color:#666; }
.search .search_input .submit { border:none; outline:none; display:block; float:right; cursor:pointer; font-size:0; width:48px; height:56px; background:url(/images/s_btn.png) no-repeat right center; }
/*title*/
h2.main_title{ display:block; text-align:center; line-height:0; }
h2.main_title i { display:inline-block; position:relative; font-size:24px; color:#ca3839; line-height:1; text-transform:uppercase; }
h2.main_title i:before,h2.main_title i:after { position:absolute; content:""; width:17px; height:2px; background:#ca3839; top:11px; left:-28px; }
h2.main_title i:after { right:-28px; left:auto; }
h2.main_title em { display:block; font-weight:normal; font-style:normal; font-size:34px; color:#48926d; line-height:1; margin-top:14px; }
h2.main_title span { display:block; font-weight:normal; font-size:20px; line-height:100%; color:#666; margin-top:14px; white-space:pre; letter-spacing:5px; }
/*intro*/
.intro { height:564px; background:#f4f4f4; box-sizing:border-box; padding-top:72px; }
.intro .intro_con { width:484px; float:left; padding-top:12px; }
.intro h2 { margin-bottom:28px; }
.intro h2 a { display:block; }
.intro h2 span { font-size:30px; line-height:100%; color:#666; display:block; text-transform:uppercase; }
.intro h2 strong { display:block; font-size:34px; line-height:100%; color:#48926D; margin-top:20px; }
.intro p { font-size:14px; line-height:30px; color:#888; }
.intro a.more { margin-top:40px; display:block; width:146px; height:46px; background:#ca3839; transition:all 0.25s ease; font-size:0; text-align:center; }
.intro a.more span { display:inline-block; font-size:14px; line-height:46px; color:#fff; vertical-align:middle; }
.intro a.more img { display:inline-block; width:18px; margin-left:16px; vertical-align:middle; transition:all 0.25s ease; }
.intro a.more:hover { opacity:0.9; }
.intro a.more:hover img { margin-left:30px; }
.intro .intro_pic { width:599px; height:394px; float:right; position:relative; overflow:hidden; }
.intro .intro_pic img { width:100%; }
.intro .intro_pic:after { width:55px; height:55px; background:#ffffff url(/images/icon_video.png) no-repeat center; box-shadow:5px 8.66px 20px 10px rgba(201,55,57,0.4); position:absolute; content:""; border-radius:50%; top:162px; left:272px; }
/*product*/
.product { padding-top:66px; padding-bottom:57px; }
.pro_nav { text-align:center; margin:30px 0 44px; }
.pro_nav h3 { display:inline-block; margin:0 15px; }
.pro_nav h3 a { display:block; font-size:16px; line-height:100%; color:#666; font-weight:normal; transition:all 0.5s ease; }
.pro_nav h3 a:hover { font-weight:bold; color:#48926D; }
.pro_list { overflow:hidden; }
.pro_list dl { float:left; width:384px; height:424px; overflow:hidden; margin-right:24px; background:#e1e1e1; position:relative; margin-bottom:27px; }
.pro_list dl:nth-child(3n) { margin-right:0; }
.pro_list dt { width:100%; height:330px; overflow:hidden; }
.pro_list dt img { width:100%; }
.pro_list dd a { display:block; padding:0 20px 38px; box-sizing:border-box; text-align:center; }
.pro_list dd h4 { font-size:24px; line-height:100%; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pro_list dd p { font-size:16px; line-height:100%; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; }
.pro_list dd + dd { position:absolute; left:0; bottom:0; transition:all 0.5s ease; overflow:hidden; width:384px; height:425px; height:0; background:rgba(202,56,57,0.9); background:linear-gradient(0deg,rgba(202,56,57,0.9) 0%,rgba(170,27,28,0.9) 100%); }
.pro_list dd + dd a { padding-top:168px; }
.pro_list dd + dd strong { display:block; font-size:24px; line-height:100%; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pro_list dd + dd span { display:block; font-size:16px; line-height:100%; color:#fff; margin:12px 0 33px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pro_list dd + dd img { width:39px; display:block; margin:0 auto; }
.pro_list dl:hover dd + dd { height:425px; }
/**/
.hot { padding-top:87px; padding-bottom:100px; background:#f4f4f4; }
.hot_nav { text-align:center; font-size:0; margin:27px 0 54px; }
.hot_nav h3 { display:inline-block; margin:0 10px; width:198px;font-size:18px; line-height:40px; color:#666; border:2px solid #d2d2d2; border-radius:24px; font-weight:normal; transition:all 0.5s ease;}
.hot_nav h3:hover,.hot_nav h3.on{ border-color:#CA3839; font-weight:bold; color:#333; }
.hot_list .slide { position:relative; }
.hot_list .slide ul { padding-top:47px; height:419px; box-sizing:border-box; }
.hot_list .slide li { float:left; width:384px; height:121px; background:#ffffff; border-radius:61px; margin-bottom:54px; padding:24px 44px 0 44px; box-sizing:border-box; }
.hot_list .slide li img { float:left; margin-right:20px; }
.hot_list .slide li strong { display:block; font-size:24px; line-height:100%; color:#333; margin-bottom:9px; padding-top:12px; transition:all 0.5s ease; }
.hot_list .slide li span { display:block; font-size:16px; line-height:20px; color:#666; }
.hot_list .slide li:nth-child(even) { float:right; margin-left:100px; }
.hot_list .slide li:nth-child(even) strong { padding-top:2px; }
.hot_list .slide li:hover strong { color:#48926D; }
.hot_list .slide .pic { position:absolute; width:415px; left:393px; top:0; }
.hot_list .slide .pic img { width:100%; }
.hot_list .btn_group { clear:both; text-align:center; font-size:0; }
.hot_list .btn_group a { display:inline-block; width:198px; height:44px; background:#ca3839; border-radius:22px; margin:0 10px; transition:all 0.5s ease; }
.hot_list .btn_group a span { display:inline-block; font-size:14px; line-height:44px; color:#fff; font-weight:bold; vertical-align:middle; }
.hot_list .btn_group a img { width:27px; vertical-align:middle; display:inline-block; margin-left:25px; transition:all 0.5s ease; }
.hot_list .btn_group a.ask { background:#48926D; }
.hot_list .btn_group a:hover { opacity:0.9; }
.hot_list .btn_group a:hover img { margin-left:29px; }
.hot_list .hot2 li { padding:24px  30px 0 44px; }
.hot_list .hot2 li:nth-child(3) strong { padding-top:2px; }
.hot_list .hot3 li { padding:24px  36px 0 44px; }
.hot_list .hot3 li:nth-child(odd) strong { padding-top:2px; }
.hot_list .hot3 li:nth-child(even) strong { padding-top:12px; }
.custom { background:url(/images/custom_bg.jpg) no-repeat center top; height:742px; }
.custom .custom_con { width:560px; text-align:center; padding-top:156px; }
.custom h2 strong { display:block; font-size:79px; line-height:100%; color:#48926D; text-shadow:2px 2px 0 #333,-2px -2px 0 #333; }
.custom h2 span { display:block; font-size:21px; line-height:100%; color:#fff; font-weight:normal; margin:18px 0 19px; }
.custom h2 em { display:block; font-style:normal; font-size:26px; line-height:100%; color:#fff; }
.custom .custom_tel > img { width:54px; display:block; margin:70px auto 37px; }
.custom .custom_tel strong { display:block; font-size:50px; line-height:100%; color:#fff; }
.custom .custom_tel a { display:block; width:198px; height:44px; background:#ca3839; border-radius:22px; transition:all 0.5s ease; margin:30px auto 0; }
.custom .custom_tel a span { display:inline-block; font-size:14px; line-height:44px; color:#fff; font-weight:bold; vertical-align:middle; }
.custom .custom_tel a img { width:27px; vertical-align:middle; display:inline-block; margin-left:25px; transition:all 0.5s ease; }
.custom .custom_tel a:hover { opacity:0.9; }
.custom .custom_tel a:hover img { margin-left:29px; }
.industry { padding-top:86px; background:url(/images/industry_bg.jpg) no-repeat center top; height:1576px; box-sizing:border-box; overflow:hidden; }
.industry_recommend { margin-top:38px; padding-bottom:50px; }
.industry_recommend dl { height:442px; background:#fff; }
.industry_recommend dt { width:600px; height:442px; overflow:hidden; float:left; }
.industry_recommend dt img { width:100%; }
.industry_recommend dd { padding-top:70px; width:490px; margin-left:52px; float:left; }
.industry_recommend dd h4 span,.industry_recommend dd h4 strong { display:block; font-size:30px; line-height:35px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; }
.industry_recommend dd p { font-size:14px; line-height:24px; color:#666; max-height:96px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; margin:34px 0 44px; }
.industry_recommend dd i { display:block; width:128px; height:44px; background:#ca3839; border-radius:22px; font-size:14px; line-height:44px; color:#fff; text-align:center; font-weight:bold; transition:all 0.5s ease; }
.industry_recommend dd i:hover { width:136px; }
.industry_recommend .hd { height:11px; margin-top:20px; display: block!important;}
.industry_recommend .hd li { width:9px; height:9px; background:#d2d2d2; float:left; margin-right:11px; border-radius:50%; font-size:0; transition:all 0.5s ease; cursor:pointer; }
.industry_recommend .hd li.on,.industry_recommend .hd li:hover { background:#CA3839; }
.industry_list { position:relative; }
.industry_list .industry_list_con { overflow:hidden; }
.industry_list li { width:386px; height:291px; float:left; margin-right:20px; overflow:hidden; position:relative; }
.industry_list li img { width:100%; height: 291px;}
.industry_list li h4 { position:absolute; width:100%; height:100%; left:0; bottom:0; box-sizing:border-box; background:url(/images/industry_mask.png) no-repeat center bottom; font-size:18px; line-height:100%; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; padding:247px 20px 0; }
.industry_list .industry_prev,.industry_list .industry_next { position:absolute; width:43px; height:43px; background:#48926d; cursor:pointer; transition:all 0.5s ease; top:128px; left:-20px; border-radius:50%; z-index:9; }
.industry_list .industry_prev:hover,.industry_list .industry_next:hover { opacity:0.9; }
.industry_list .industry_next { left:auto; right:-20px; background:#CA3839; }
.client { padding-top:73px; }
.client h3 a { display:block; overflow:hidden; position:relative; margin-bottom:26px; }
.client h3 em { display:block; font-size:34px; line-height:100%; color:#48926D; font-weight:normal; font-style:normal; float:left; margin-right:21px; }
.client h3 strong { font-size:60px; line-height:100%; color:#CA3839; display:inline-block; vertical-align:-4px; }
.client h3 i { display:block; font-size:24px; line-height:100%; color:#CA3839; text-transform:uppercase; }
.client h3 span { display:block; font-size:20px; line-height:100%; color:#666; font-weight:normal; margin-top:5px; letter-spacing:6px; }
.client h3 b { display:block; position:absolute; right:0; bottom:4px; font-size:18px; line-height:100%; color:#48926D; font-weight:bold; transition:all 0.5s ease; }
.client h3 b:hover { letter-spacing:0.5px; }
.client .client_con { overflow:hidden; }
.client ul { float:left; margin-right:27.5px; }
.client li { width:279px; height:125px; background:#ffffff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.08); margin-bottom:30px; overflow:hidden; }
/*ys*/
.ys { padding-top:103px; overflow:hidden; min-width:1200px; max-width:1920px; margin:0 auto; }
.ys h2 { margin-bottom:47px; }
.ys h2 em { margin-top:0; }
.ys h2 b { font-size:60px; line-height:100%; color:#CA3839; vertical-align:-4px; }
.ys h2 span { margin-top:8px; }
.ys_list dl { background:url(/images/ys1.jpg) no-repeat center; position:relative; float:left; margin-right:1px; width:18.645%; height:642px; transition:all 0.5s ease; }
.ys_list dl:nth-child(2) { background-image:url(/images/ys2.jpg); }
.ys_list dl:nth-child(3) { background-image:url(/images/ys3.jpg); }
.ys_list dl:nth-child(4) { background-image:url(/images/ys4.jpg); }
.ys_list dl:last-child { margin-right:0; }
.ys_list dd { position:absolute; width:252px; margin-left:-126px; width:220px; margin-left:-110px; left:50%; top:124px; transition:margin-left 0.3s ease; transition-delay:0.1s; }
.ys_list dd i { display:block; position:relative; width:40px; height:41px; margin-bottom:38px; }
.ys_list dd i img { left:0; bottom:0; position:absolute; }
.ys_list dd i img:last-child { display:none; }
.ys_list dd h3 strong { display:block; font-size:20px; line-height:28px; color:#fff; }
.ys_list dd h3 strong + strong { margin-bottom:12px; }
.ys_list dd h3 span { display:block; font-size:18px; line-height:20px; color:rgba(255,255,255,0.5); text-transform:uppercase; }
.ys_list dd p { font-size:14px; line-height:24px; color:#fff; display:none; margin-top:50px; }
.ys_list dd > img { display:block; margin-top:40px; transition:all 0.5s ease; }
.ys_list dl.cur { width:calc(44.065% - 3px); }
.ys_list dl.cur dd { width:400px; margin-left:-200px; top:94px; }
.ys_list dl.cur dd i img:first-child { display:none; }
.ys_list dl.cur dd i img:last-child { display:block; }
.ys_list dl.cur dd h3 strong { font-size:30px; line-height:35px; }
.ys_list dl.cur dd h3 span { font-size:48px; line-height:48px; color:#fff; }
.ys_list dl.cur dd p { display:block; width:379px; }
.ys_list dl.cur dd > img { opacity:0; }
@media screen and (max-width:1440px) {
  .ys_list dd h3 strong + strong { font-size:17px; }
}
.honor { overflow:hidden; padding-top:87px; padding-bottom:88px; }
.honor .fl { float:left; width:311px; width:334px; }
.honor h2{ font-size:26px; color:#ca3839;}
.honor h2 a { display:block; }
.honor h2 strong { display:block; font-size:34px; line-height:100%; color:#48926D; display:inline-block; font-size:26px;vertical-align: text-top; }
.honor h2 span { display:block; font-size:20px; line-height:100%; color:#666; margin-top:14px; letter-spacing:6px; font-weight:normal; }
.honor_list { margin-top:50px; height:324px; overflow:hidden; }
.honor_list li a { display:block; font-size:14px; line-height:36px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s ease; }
.honor_list li a:before { content:"> "; }
.honor_list li a:hover { color:#48926D; }
.honor_con { width:825px; float:right; }
.honor_con li { float:left; width:160px; margin-left:5px; line-height:0; margin-bottom:10px; transition:all 0.5s ease; }
.honor_con li img { width:100%; }
.honor_con li:nth-child(6) { clear:both; }
.honor_con li:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); }
/*news*/
.news { background:url(/images/news_bg.jpg) no-repeat center top; padding-top:68px; overflow:hidden; height:1031px; box-sizing:border-box; }
.news h2 { margin-bottom:57px; }
.news_con { width:582px; float:left; }
.news_nav { height:22px; margin-bottom:30px; }
.news_nav h3 { float:left; margin-right:31px; }
.news_nav h3 a { display:block; font-size:22px; line-height:100%; color:#333; font-weight:normal; transition:all 0.5s ease; }
.news_nav h3.on a,.news_nav h3:hover a { color:#48926D; font-weight:bold; }
.news_nav .more { float:right; }
.news_nav .more a { display:block; font-size:18px; line-height:22px; color:#48926D; font-weight:bold; }
.news_con_list dt { height:301px; overflow:hidden; line-height:0; }
.news_con_list dt img { width:100%; }
.news_con_list dd { padding-top:32px; margin-bottom:23px; }
.news_con_list dd span { display:block; font-size:14px; line-height:100%; color:#999; font-weight:bold; }
.news_con_list dd h4 { font-size:24px; line-height:42px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s ease; margin-bottom:8px; font-weight:normal; }
.news_con_list dd p { font-size:14px; line-height:24px; color:#666; }
.news_con_list dl:hover dd h4 { color:#48926D; }
.news_con_list li a { display:block; font-size:14px; line-height:36px; color:#333; font-weight:normal; transition:all 0.3s ease; }
.news_con_list li h4 { font-weight:normal; width:350px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; }
.news_con_list li h4:before { content:"- "; }
.news_con_list li span { float:right; color:#666; transition:all 0.5s ease; }
.news_con_list li:hover a { color:#48926D; }
.news_con_list li:hover a span { color:#48926D; }
.faq { width:579px; height:722px; overflow:hidden; float:right; }
.faq h3 { margin-bottom:30px; height:22px; }
.faq h3 a { display:block; }
.faq h3 strong { display:block; font-size:22px; line-height:100%; color:#333; float:left; }
.faq h3 span { display:block; font-size:18px; line-height:22px; color:#48926D; float:right; }
.faq dl { height:106px; margin-bottom:35px; }
.faq dt { width:156px; height:106px; float:left; line-height:0; overflow:hidden; }
.faq dt img { width:100%; }
.faq dd { width:405px; float:right; }
.faq dd h4,.faq dd p { padding-left:41px; position:relative; }
.faq dd h4:before,.faq dd p:before { position:absolute; content:""; content:"Q"; left:0; top:4px; width:29px; height:26px; background:#48926d; font-size:14px; line-height:26px; color:#fff; text-align:center; font-weight:bold; transition:all 0.5s ease; }
.faq dd h4 { font-size:24px; line-height:34px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; margin-bottom:19px; transition:all 0.5s ease; }
.faq dd p { font-size:14px; line-height:24px; color:#666; }
.faq dd p:before { content:"A"; background:#CA3839; top:5px; }
.faq dl:hover dd h4 { color:#48926D; }
/*links*/
.links { height:87px; overflow:hidden; padding-top:32px; box-sizing:border-box; }
.links em { font-style:normal; font-size:16px; line-height:24px; color:#040165; float:left; font-weight:bold; }
.links a { display:block; font-size:14px; color:#666; line-height:24px; margin-left:60px; transition:all 0.5s ease; float:left; }
.links a:hover { color:#CA3839; }