@charset "utf-8";
/*before left bottom*/
.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); }
/*header*/
/*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 .hd {display: block!important; position:absolute; bottom:60px; width:100%; text-align:center; height:8px; cursor:pointer; z-index:9; font-size:0; }
.banner .hd li { display:inline-block; width:12px; height:12px; background:#fff; opacity:0.5; border-radius:50%; transition:all 0.5s ease; margin-right:10px; cursor:pointer; }
.banner .hd li.on { background:#fff; opacity:1; }
.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%; }
/*search*/
.search { height:66px; background:#ffffff; border-radius:30px; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.08); margin-top:-33px !important; position:relative; z-index:9; }
.search .keyword { font-size:14px; line-height:66px; float:left; padding-left:40px; }
.search .keyword strong { font-weight:normal; }
.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:#00904b; }
.search .keyword a:hover:after { color:#666; }
.search .search_input { float:right; width:376px; height:66px; padding-right:11px; box-sizing:border-box; background:rgba(15,103,177,0.1); border-radius:30px; }
.search .search_input input[type="text"] { background:none; border:none; outline:none; display:block; box-sizing:border-box; float:left; width:270px; padding-left:30px; font-size:14px; line-height:66px; color:#777; }
.search .search_input .submit { border:none; outline:none; display:block; float:right; cursor:pointer; font-size:0; margin-top:11px; width:44px; height:44px; border-radius:22px; background:#00904b url(../images/s_btn.png) no-repeat right center; }
/*title*/
h2.main_title { display:block; text-align:center; line-height:0; padding-bottom:17px; position:relative; }
h2.main_title:after { position:absolute; content:""; width:30px; height:4px; background:#00904b; left:50%; bottom:0; margin-left:-15px; }
h2.main_title strong { display:block; font-size:30px; line-height:100%; color:#00904b; }
h2.main_title span { display:block; font-weight:normal; font-size:24px; line-height:100%; color:#333; margin-top:15px; }
/*intro*/
.intro { background:url(../images/intro_bg.jpg) no-repeat center top; height:996px; padding-top:104px; box-sizing:border-box; margin-top:-33px; }
.intro_pic { width:600px; height:358px; float:left; }
.open-video { position:relative; width:600px; height:358px; cursor:pointer; }
.open-video span { display:block; position:absolute; width:600px; height:45px; left:0; bottom:0; background:#6dc03c; text-align:center; font-size:14px; color:#fff; line-height:45px; }
.open-video:after { position:absolute; content:""; width:55px; height:55px;top:138px; left:275px; z-index:2;border-radius:50%; }
.video-box { position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; font-size:0; z-index:9999; background:rgba(0,0,0,0.9); display:none; }
.video-box .video { width:800px; height:640px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.video-box .video iframe { width:800px; height:640px; }
.video-box .close-video { position:absolute; top:calc(54px); right:5%; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat center; }
.intro_con { width:533px; float:right; padding-top:27px; }
.intro_con h2 strong { display:block; font-size:30px; line-height:100%; color:#00904b; }
.intro_con h2 span { display:block; font-size:24px; line-height:100%; color:#333; font-weight:normal; margin-top:17px; }
.intro_con p { font-size:14px; line-height:27px; color:#666; margin:31px 0 33px; }
.intro_con a.more { display:block; width:182px; height:52px; box-sizing:border-box; border:2px solid #00904b; text-align:center; font-size:0; border-radius:26px; }
.intro_con a.more span { display:inline-block; font-size:14px; line-height:48px; color:#00904b; text-transform:uppercase; font-weight:bold; vertical-align:middle; }
.intro_con a.more img { display:inline-block; vertical-align:middle; width:19px; margin-left:15px; transition:all 0.5s ease; }
.intro_con a.more:hover img { margin-left:19px; }
.honor_nav { clear:both; padding-top:57px; height:35px; border-bottom:1px solid rgba(0,0,0,0.2); margin-bottom:33px; }
.honor_nav h3 { float:left; margin-right:40px; }
.honor_nav h3 a { display:block; font-size:18px; color:#333; line-height:1; padding-bottom:16px; position:relative; transition:all 0.5s ease; }
.honor_nav h3 a:before { position:absolute; content:""; width:5px; height:5px; background:#00904b; top:5px; left:0; border-radius:50%; opacity:0; transition:all 0.5s ease; }
.honor_nav h3.on a,.honor_nav h3:hover a { border-bottom:2px solid #00904b; color:#00904b; padding-left:20px; }
.honor_nav h3.on a:before,.honor_nav h3:hover a:before { opacity:1; }
.honor_nav .more { float:right; }
.honor_nav .more a { display:block; }
.honor_nav .more a span { display:inline-block; vertical-align:middle; font-size:14px; color:#00904b; line-height:18px; font-weight:bold; text-transform:uppercase; }
.honor_nav .more a img { display:inline-block; vertical-align:middle; width:19px; margin-left:15px; transition:all 0.5s ease; }
.honor_nav .more a:hover img { margin-left:17px; }
.honor_con .honor_list { width:1200px; overflow:hidden; }
.honor_con li { width:380px; float:left; margin-right:30px; }
.honor_con li img{display: block;width: 100%;}
.honor_con li > a { display:block; line-height:0; overflow:hidden; width:380px; height:287px; background:#ffffff; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.11); }
.honor_con li h4 a { display:block; font-size:14px; line-height:24px; color:#666; margin-top:30px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; transition:all 0.5s ease; }
.honor_con li:hover h4 a { color:#00904b; }
.case { padding-top:75px; padding-bottom:10px; overflow:hidden; }
.case h2 { text-align:center; }
.case h2 strong { display:block; font-size:30px; line-height:100%; color:#00904b; }
.case h2 em { font-size:50px; background:linear-gradient(131deg,#5bedbc 0%,#0f79e2 100%); display:inline-block; -webkit-background-clip:text; color:transparent; vertical-align:-5px; padding-right:6px; line-height:1; font-weight:bold; }
.case h2 span { display:block; font-weight:normal; font-size:24px; line-height:100%; color:#333; margin-top:8px; }
.case .content { position:relative; height:647px; }
.case_nav { margin:50px auto 14px; width:1230px; overflow:hidden; }
.case_nav h3 { float:left; width:214px; height:61px; margin:0 16px 26px; background:rgba(8,99,175,0.1); border-radius:30px; text-align:center; font-size:0; }
.case_nav h3 a { display:block; }
.case_nav h3 i { display:inline-block; vertical-align:middle; width:42px; height:41px; position:relative; overflow:hidden; margin-right:12px; }
.case_nav h3 i img { position:absolute; left:0; top:0; transition:all 0.5s ease; }
.case_nav h3 span { display:inline-block; font-size:24px; line-height:61px; color:#333; vertical-align:middle; font-weight:normal; }
.case_nav h3.on i img,.case_nav h3:hover i img { top:-41px; }
.case_nav h3.on span,.case_nav h3:hover span { color:#00904b; }
.case_con { width:644px; height:647px; position:absolute; left:50%; margin-left:-322px; }
.case_con .tempWrap { overflow:visible !important; }
.case_con .tempWrap .case_con_list { overflow:visible !important; }
.case_con dl { width:634px; height:647px; overflow:hidden; position:relative; margin:0 5px; }
.case_con dt { width:634px; height:647px; line-height:0; overflow:hidden; }
.case_con dt img { width:100%; }
.case_con dt span { width:100%; height:238px; position:absolute; display:block; left:0; bottom:0; z-index:2; background:url(../images/case_mask.png) repeat-x center bottom; box-sizing:border-box; padding:158px 20px 0; font-size:24px; line-height:100%; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; transition:all 0.5s ease; }
.case_con dd { position:absolute; z-index:3; width:100%; height:100%; left:0; bottom:0; background:rgba(8,99,175,0.5); box-sizing:border-box; padding:90px 64px 0; opacity:0; transition:all 0.5s ease; }
.case_con dd h4 { position:relative; padding-bottom:39px; font-size:36px; line-height:60px; color:#fff; max-height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.case_con dd h4:after { position:absolute; content:""; width:41px; height:2px; background:#fff; left:0; bottom:0; }
.case_con dd .desc { margin:34px 0 64px; }
.case_con dd .desc p { font-size:16px; line-height:30px; color:#fff; }
.case_con dd .more { width:182px; height:52px; box-sizing:border-box; border:2px solid #ffffff; text-align:center; border-radius:26px; }
.case_con dd .more span { display:inline-block; vertical-align:middle; font-size:14px; color:#fff; line-height:48px; font-weight:bold; text-transform:uppercase; }
.case_con dd .more img { display:inline-block; vertical-align:middle; width:19px; margin-left:15px; transition:all 0.5s ease; }
.case_con dd .more:hover img { margin-left:17px; }
.case_con dl.active dt span,.case_con dl:hover dt span { display:none; }
.case_con dl.active dd,.case_con dl:hover dd { opacity:1; }
.case_prev,.case_next { width:634px; height:647px; background:rgba(0,0,0,0.4); top:0; z-index:9; position:absolute; cursor:pointer; }
.case_prev img,.case_next img { position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:-22px; }
.case_prev { right:50%; margin-right:327px; }
.case_next { left:50%; margin-left:327px; }
/*product*/
.product { height:848px; background:url(../images/product_bg.jpg) no-repeat center top; padding-top:89px; box-sizing:border-box; margin-bottom:84px; }
.product h2 { margin:25px 0 87px; }
.product h2 strong { display:block; font-size:30px; line-height:100%; color:#00904b; }
.product h2 span { display:block; font-size:24px; line-height:100%; color:#333; font-weight:normal; margin-top:13px; }
.pro_nav { float:left; width:350px; }
.pro_nav h3,.pro_nav .more { margin-bottom:12px; }
.pro_nav h3 a,.pro_nav .more a { display:block; width:242px; height:52px; box-sizing:border-box; border:2px solid transparent; border-radius:26px; font-size:18px; color:#333; line-height:48px; padding-left:27px; background:no-repeat 178px center; overflow:hidden; font-weight:normal; transition:all 0.5s ease; }
.pro_nav h3.on a,.pro_nav h3:hover a,.pro_nav .more:hover a { border-color:#00904b; color:#00904b; font-weight:bold; background-image:url(../images/more.png); background-position-x:198px; }
.pro_con { float:right; width:768px; }
.pro_con li { width:360px; height:310px; line-height:0; overflow:hidden; float:left; margin-right:48px; margin-bottom:49px; position:relative; }
.pro_con li h4 { position:absolute; width:100%; height:100%; left:0; bottom:0; z-index:2; background:url(../images/product_mask.png) no-repeat center bottom; padding:257px 34px 0; box-sizing:border-box; transition:background-color 0.5s ease; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; line-height:100%; color:#fff; font-weight:normal; }
.pro_con li:nth-child(even) { margin-right:0; }
.pro_con li:hover h4 { background:rgba(8,99,175,0.7) url(../images/more1.png) no-repeat center 183px; font-size:24px; font-weight:500; text-align:center; padding-top:134px; }
.custom { background:url(../images/custom_bg.jpg) no-repeat center top; height:323px; padding:103px 92px 0 121px; box-sizing:border-box; }
.custom .c_tel { float:right; width:340px; text-align:center; }
.custom .c_tel em { display:block; font-style:normal; font-size:20px; line-height:100%; color:#fff; }
.custom .c_tel > span { display:block; font-size:18px; line-height:100%; color:#fff; margin:18px 0 25px; }
.custom .c_tel strong { font-size:24px; }
.custom .c_tel a { display:block; width:182px; height:52px; border:2px solid #ffffff; box-sizing:border-box; border-radius:26px; margin:0 auto; }
.custom .c_tel a span { display:inline-block; vertical-align:middle; font-size:14px; line-height:48px; color:#fff; }
.custom .c_tel a img { display:inline-block; vertical-align:middle; width:19px; margin-left:28px; transition:all 0.5s ease; }
.custom .c_tel a:hover img { margin-left:32px; }
.base { margin-top:81px; background:url(../images/base_bg.jpg) no-repeat center bottom; padding-bottom:52px; }
.base h2 { float:left; margin-top:-13px; }
.base h2 strong { display:block; font-size:30px; line-height:100%; color:#00904b; }
.base h2 em { font-size:50px; background:linear-gradient(131deg,#5bedbc 0%,#0f79e2 100%); display:inline-block; -webkit-background-clip:text; color:transparent; vertical-align:-4px; padding:0 3px; line-height:1; }
.base h2 span { display:block; font-weight:normal; font-size:24px; line-height:100%; color:#666; margin-top:10px; }
.base_nav { float:right; width:765px; margin-bottom:118px; }
.base_nav h3 { float:left; width:230px; margin-left:25px; text-align:center; }
.base_nav h3 a { display:block; width:230px; height:64px; background:#ffffff; border:2px solid #00904b; box-sizing:border-box; font-size:16px; line-height:22px; color:#000; padding-top:10px; border-radius:32px; position:relative; }
.base_nav h3 a:after { position:absolute; content:""; border-width:10px; border-style:solid; border-color:#1a8ad8 transparent transparent transparent; bottom:-20px; left:50%; margin-left:-10px; opacity:0; }
.base_nav h3.on a,.base_nav h3:hover a { background:#1a8ad8; border-color:#1a8ad8; color:#fff; }
.base_nav h3.on a:after,.base_nav h3:hover a:after { opacity:1; }
.base_con { clear:both; }
.base_con dl { position:relative; }
.base_con dt { width:720px; height:526px; box-sizing:border-box; line-height:0; float:left; background:#fff; overflow:hidden; border:10px solid #fff; }
.base_con dt img { width:100%; }
.base_con dd { position:absolute; width:600px; height:388px; background:#ffffff; box-sizing:border-box; padding:75px 62px; z-index:2; top:76px; right:0; }
.base_con dd h4 { padding-bottom:25px; position:relative; margin-bottom:32px; }
.base_con dd h4:after { position:absolute; content:""; width:40px; height:2px; background:#00904b; left:0; bottom:0; }
.base_con dd h4 strong { display:block; font-size:24px; line-height:100%; color:#000; }
.base_con dd h4 span { display:block; font-size:16px; line-height:100%; color:#333; font-weight:normal; margin-top:14px; }
.base_con dd p { font-size:14px; line-height:24px; color:#666; }
.base_con dd em { display:block; font-style:normal; width:149px; height:46px; border:1px solid #d2d2d2; box-sizing:border-box; text-align:center; font-size:14px; line-height:44px; color:#666; margin-top:38px; transition:all 0.5s ease; }
.base_con dd em:hover { border-color:#00904b; color:#00904b; }
.equipment { background:url(../images/equipment_bg.jpg) no-repeat center; height:722px; box-sizing:border-box; padding-top:87px; }
.equi_con { overflow:hidden; width:1232px; margin:0 auto; padding:51px 4px; }
.equi_con .tempWrap,.equi_con ul { overflow:visible !important; }
.equi_con li { width:379px; height:399px; background:#ffffff; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.11); box-sizing:border-box; margin:0 16px; float:left; }
.equi_con li > a { width:379px; overflow:hidden; line-height:0; margin-bottom:4px; box-sizing:border-box; border:22px solid #fff; display:block; }
.equi_con li > a img { width:100%; }
.equi_con li h4 a { display:block; font-size:16px; line-height:26px; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; transition:all 0.5s ease; }
.equi_con li:hover h4 a { color:#00904b; }
.tech { padding:82px 0; border-bottom:1px solid rgba(102,102,102,0.3); overflow:hidden; }
.tech .content { position:relative; }
.tech_detail { margin-top:44px; position:relative; z-index:9; background:#fff; width:800px; }
.tech_detail dl { width:800px; height:522px; }
.tech_detail dt { width:343px; overflow:hidden; line-height:0; float:left; }
.tech_detail dt img { width:100%; }
.tech_detail dd { width:457px; height:522px; background:#f5f5f5; box-sizing:border-box; padding:84px 40px 0 53px; float:left; overflow:hidden; }
.tech_detail dd h4 { margin-bottom:40px; }
.tech_detail dd h4 i { display:block; font-style:normal; font-weight:bold; font-size:18px; line-height:30px; color:#333; text-transform:uppercase; }
.tech_detail dd h4 span { display:block; font-size:18px; line-height:30px; color:#00904b; }
.tech_detail dd p { font-size:14px; line-height:30px; color:#666; max-height:180px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; }
.tech_detail .tech_prev,.tech_detail .tech_next { width:45px; height:45px; background:#1a8ad8; position:absolute; cursor:pointer; bottom:24px; left:265px; z-index:2; border-radius:50%; }
.tech_detail .tech_next { left:373px; background:#00904b; }
.tech_list { position:absolute; left:432px; bottom:0; width:1101px; }
.tech_list li { width:343px; height:522px; position:relative; cursor:pointer; float:left; margin-left:24px; }
.tech_list li::after { position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; transition:all 0.5s ease; }
.tech_list li:hover:after { background:rgba(0,0,0,0); }
.service { padding-top:75px; }
.service .service_con { margin-top:45px; height:573px; background:url(../images/service_bg.jpg) no-repeat center; }
.service ul { width:1296px; margin:0 auto; }
.service li { width:324px; float:left; text-align:center; height:573px; padding-top:317px; position:relative; box-sizing:border-box; }
.service li h3 { font-size:30px; line-height:100%; color:#fff; font-weight:normal; margin-bottom:33px; }
.service li h3 strong { margin-right:6px; }
.service li p { font-size:18px; line-height:30px; color:#fff; }
.service li.cur,.service li:hover { background:url(../images/service_mask.png) no-repeat center top; }
/*news*/
.news { padding-top:77px; padding-bottom:72px; }
.news h2 { margin-bottom:40px; }
.news h3 { height:36px; border-bottom:1px solid rgba(0,0,0,0.2); margin-bottom:24px; }
.news h3 strong { float:left; display:block; padding-left:23px; font-size:18px; line-height:100%; color:#333; font-weight:normal; position:relative; border-bottom:2px solid #00904b; padding-bottom:17px; }
.news h3 strong:before { position:absolute; content:""; width:5px; height:5px; background:#00904b; left:0; top:5px; border-radius:50%; }
.news h3 span { display:block; float:right; text-transform:uppercase; font-size:14px; line-height:18px; color:#00904b; font-weight:bold; padding-right:38px; background:url(../images/more.png) no-repeat right center; transition:all 0.5s ease; }
.news h3 span:hover { padding-right:34px; }
.news dt { line-height:0; overflow:hidden; }
.news dt img { width:100%; }
.news dd h4 { font-size:18px; line-height:30px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; transition:all 0.5s ease; }
.news dd p { font-size:14px; line-height:24px; color:#666; max-height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.news dd span { display:inline-block; padding-right:38px; background:url(../images/more5.png) no-repeat right center; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:100%; color:#666; transition:all 0.5s ease; }
.news dl:hover dd h4 { color:#00904b; }
.news dl:hover dd span { color:#00904b; background-image:url(../images/more.png); }
.brand { width:516px; float:left; position:relative; }
.brand dd { padding-top:29px; }
.brand p { margin:9px 0 34px; }
.brand .hd { display: block!important;position:absolute; z-index:9; width:100px; height:8px; top:374px; right:15px; text-align:right; font-size:0; }
.brand .hd li { width:8px; height:8px; background:#fff; border-radius:50%; cursor:pointer; opacity:0.5; transition:all 0.5s ease; display:inline-block; margin-left:10px; }
.brand .hd li.on { opacity:1; }
.news_con { float:right; width:634px; }
.news_con dl { padding-bottom:30px; border-bottom:1px solid #f2f2f2; margin-bottom:30px; overflow:hidden; }
.news_con dt { width:191px; float:left; }
.news_con dd { width:406px; float:right; }
.news_con dd p { margin:11px 0 18px; }
.news_con dl:last-child { border-bottom:none; margin-bottom:20px; }
.news_block { clear:both; height:332px; background:rgba(51,51,51,0.05); box-sizing:border-box; padding:44px 32px 0; }
.news_block .news_list { width:538px; }
.news_block .pic { float:right; width:237px; line-height:0; overflow:hidden; }
.news_block .pic img{display: block;width: 237px;height: 181px;}
.news_block ul { float:left; width:253px; margin-top:-3px; }
.news_block li a { display:block; font-size:16px; line-height:50px; color:#333; transition:all 0.5s ease; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news_block li a:before { content:"* "; }
.news_block li a:hover { color:#00904b; }
/*about*/
.about { height:290px; background:url(../images/about_bg.jpg) no-repeat center; box-sizing:border-box; text-align:center; padding-top:96px; }
.about h2 strong { display:block; font-size:48px; line-height:100%; color:#00904b; white-space:pre; }
.about h2 em { display:inline-block; font-size:72px; line-height:1; vertical-align:-6px; }
.about h2 span { display:block; font-size:36px; line-height:100%; color:#fff; font-weight:normal; letter-spacing:20px; margin-top:21px; }
/*links*/
.links { height:82px; background:#00904b; position:relative; }
.links .links_con { width:840px; top:-76px; position:absolute; }
.links em { font-style:normal; font-size:14px; line-height:100%; color:#fff; display:block; font-weight:bold; margin-bottom:22px; }
.links a { display:block; font-size:14px; color:rgba(255,255,255,0.5); line-height:27px; margin-right:40px; transition:all 0.5s ease; float:left; }
.links a:hover { color:#fff; }
.f_menu { margin-bottom:20px !important; }
/*footer*/