@charset "utf-8";
/*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 { position:absolute; bottom:44px; width:100%; height:16px; cursor:pointer; z-index:9; font-size:0; text-align:center; }
.banner .hd li { display:inline-block; width:10px; height:10px; background:#d6d6d6; opacity:1; border-radius:50%; transition:all 0.5s ease; margin:2px 5px; cursor:pointer; vertical-align:middle; }
.banner .hd li.on { width:14px; height:14px; background:#f58220; border-radius:50%; opacity:1; margin:0 5px; }
.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%; }
/*key_box*/
.key_box { height:100px; background:#000000; }
.key_box .keyword { font-size:14px; line-height:95px; padding-top:5px; float:left; }
.key_box .keyword i { display:block; float:left; font-style:normal; font-size:14px; font-family:Arial; font-weight:900; color:#f58220; line-height:95px; margin-right:4px; }
.key_box .keyword strong { font-weight:400; color:#fff; }
.key_box .keyword a { color:#b7b7b7; display:inline-block; font-weight:normal; margin-right:20px; transition:all 0.5s ease; }
.key_box .keyword a:hover { color:#fff; }
.key_box .s_tel { float:right; width:358px; height:100px; background:#f58220 url(/images/s_tel.png) no-repeat 44px 24px; padding-left:109px; padding-top:27px; box-sizing:border-box; }
.key_box .s_tel span { display:block; font-size:14px; line-height:100%; color:#fff; }
.key_box .s_tel strong { display:block; font-size:24px; line-height:100%; color:#fff; margin-top:5px; }
/*title*/
h2.main_title a { display:block; text-align:center; font-size:0; line-height:0; }
h2.main_title strong { display:block; font-size:30px; line-height:100%; color:#F58220; }
h2.main_title span { display:inline-block; font-weight:normal; font-size:18px; line-height:100%; color:#48413e; margin-top:22px; position:relative; }
h2.main_title span:before,h2.main_title span:after { position:absolute; content:""; width:48px; height:12px; background:url(/images/tbg1.png) no-repeat center; left:-65px; top:2px; }
h2.main_title span:after { background-image:url(/images/tbg2.png); left:auto; right:-65px; }
/*intro*/
.intro { background:url(/images/intro_bg.jpg) no-repeat center top; padding-top:107px; }
.intro h2 { height:126px; }
.intro_con { width:556px; height:440px; background:rgba(255,255,255,0.8); box-shadow:0px 0px 30px 0px rgba(0,0,0,0.06); float:left; padding:77px 116px 0; box-sizing:border-box; }
.intro_con h3 { margin-bottom:17px; }
.intro_con h3 span { display:block; font-size:24px; line-height:40px; color:#000; }
.intro_con p { font-size:16px; line-height:38px; color:#333; padding-left:34px; background:url(/images/icon.png) no-repeat left center; }
.intro_con .more { margin-top:25px; }
.more { display:block; width:156px; height:46px; background:rgba(245,130,32,0.9) url(/images/icon1.png) no-repeat 116px center; border-radius:23px; text-indent:36px; font-size:14px; line-height:46px; color:#fff; font-weight:normal; transition:all 0.5s ease; }
.more:hover { text-indent:30px; background-position-x:122px; color:#fff; }
.open-video { width:644px; height:440px; float:right; line-height:0; position:relative; cursor:pointer; overflow:hidden; }
.open-video:after { position:absolute; content:""; width:87px; height:51px; background:url(/images/video_icon.png) no-repeat center; left:281px; top:195px; display:none; }
.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 ul { width:1200px; height:230px; background:linear-gradient(-84deg,#ed1c22,#f58220); clear:both; }
.intro ul li { position:relative; float:left; padding-top:96px; width:382px; box-sizing:border-box; }
.intro ul i { display:block; position:absolute; font-size:72px; line-height:100%; color:#fff; opacity:0.1; font-weight:bold; top:58px; }
.intro ul strong { display:block; font-size:24px; line-height:100%; color:#fff; padding-left:40px; }
.intro ul span { display:block; font-size:16px; line-height:100%; color:#fff; opacity:0.7; position:relative; padding-left:40px; margin-top:22px; }
.intro ul span:before { position:absolute; content:""; width:15px; height:1px; background:#ffffff; left:0; top:7.5px; }
.intro ul li:nth-child(1) { padding-left:120px; }
.intro ul li:nth-child(1) i { left:117px; }
.intro ul li:nth-child(2) { width:409px; padding-left:81px; }
.intro ul li:nth-child(2) i { left:81px; }
.intro ul li:nth-child(2):before,.intro ul li:nth-child(2):after { position:absolute; content:""; width:1px; height:72px; background:rgba(255,255,255,0.15); left:0; top:87px; }
.intro ul li:nth-child(2):after { left:auto; right:0; }
.intro ul li:nth-child(3) { padding-left:83px; }
.intro ul li:nth-child(3) i { left:83px; }
/*product*/
.product { padding-top:100px; margin-bottom:117px; }
.product .content { position:relative; }
.product .hot { margin:58px 0 22px; overflow:hidden; }
.product .hot dt { width:682px; height:466px; float:left; line-height:0; overflow:hidden; }
.product .hot dt img { width:100%; }
.product .hot dd { width:518px; height:466px; float:right; background:#f1f1f1; padding:50px 48px 0 56px; box-sizing:border-box; }
.product .hot dd h4 { font-size:24px; line-height:34px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:24px; }
.product .hot dd ul { overflow:hidden; }
.product .hot dd li { margin-bottom:28px; width:166px; float:right; }
.product .hot dd li strong { display:block; font-size:20px; line-height:40px; color:#666; margin-bottom:4px; }
.product .hot dd li span { display:block; font-size:16px; line-height:30px; color:#666; }
.product .hot dd li:nth-child(odd) { width:180px; float:left; }
.product .hot .more { margin-top:-10px; }
.product_list { overflow:hidden; }
.product_list li { width:387px;  float:left; margin-right:20px; overflow:hidden; }
.product_list li a { display:block; position:relative; }
.product_list li a:before { position:absolute; content:""; width:100%; height:100%; background:url(/images/product_bg.png) no-repeat center; left:0; bottom:84px; z-index:2; }
.product_list li img { width:100%; }
.product_list li h4 { z-index:3; transition:all 0.5s ease; text-align:center; margin-top:24px; }
.product_list li h4 strong { display:block; font-size:24px; line-height:100%; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.product_list li h4 span { display:block; font-size:16px; line-height:100%; color:#666; font-weight:normal; margin-top:15px; }
.product_list li:hover h4 { bottom:40px; }
.pro_prev,.pro_next { position:absolute; width:42px; height:42px; background:#f58220; border-radius:50%; transition:all 0.5s ease; cursor:pointer; bottom:160px; left:-80px; }
.pro_prev:hover,.pro_next:hover { background:#FB3000; }
.pro_next { left:auto; right:-80px; }
/**/
.small { background:url(/images/small_bg.jpg) no-repeat center; height:390px; padding-top:125px; box-sizing:border-box; }
.small h2 span { display:block; font-size:20px; line-height:100%; color:#fff; font-weight:normal; white-space:pre; }
.small h2 strong { display:block; font-size:30px; line-height:100%; color:#fff; margin-top:16px; }
.small .ask a { display:block; margin-top:35px; width:259px; height:46px; border:2px solid #ffffff; box-sizing:border-box; text-align:center; border-radius:23px; font-size:18px; line-height:42px; color:#fff; font-weight:bold; transition:all 0.5s ease; }
.small .ask a:hover { letter-spacing:0.5px; }
/*project*/
.project { background:url(/images/industry_bg.jpg) no-repeat center top; padding-top:105px; padding-bottom:65px; }
.project_con { margin-top:69px; overflow:hidden; }
.project_con dl { float:left; margin-right:43px; width:371px; height:378px; background:#e9e9e9; margin-bottom:54px; transition:all 0.5s ease; }
.project_con dt { width:371px; height:243px; overflow:hidden; }
.project_con dt img { width:100%; }
.project_con dd { padding:22px 38px 0; box-sizing:border-box; }
.project_con dd h4 { font-size:24px; line-height:40px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; margin-bottom:8px; }
.project_con dd p { font-size:16px; line-height:24px; color:#666; }
.project_con dl:nth-child(3n) { margin-right:0; }
.project_con dl:hover { background:#fff; box-shadow:0px 3px 16px 0px rgba(0,0,0,0.09); }
/*ys*/
.ys { padding-top:95px; }
.ys h2 { margin-bottom:61px; }
.ys dt { position:relative; }
.ys dt img { border:10px solid #fff; position:relative; z-index:2; width:580px; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.09); }
.ys dd i { display:block; font-size:36px; line-height:100%; color:#222222; font-weight:bold; font-style:normal; position:relative; padding-bottom:53px; }
.ys dd i:after { position:absolute; content:""; width:2px; height:32px; background:#F58220; left:0; bottom:0; }
.ys dd h3 { font-size:26px; line-height:100%; color:#222222; margin:18px 0 30px; }
.ys dd p { font-size:14px; line-height:40px; color:#666; padding-left:33px; background:url(/images/icon.png) no-repeat left center; }
.ys dd strong { color:#F58220; }
.ys1 { background:url(/images/ys1_bg.jpg) no-repeat center top; height:655px; padding-top:104px; box-sizing:border-box; }
.ys1 dt { width:600px; float:left; }
.ys1 dt:before { position:absolute; content:""; width:580px; height:400px; opacity:0.2; background:#000; left:-42px; top:44px; }
.ys1 dd { width:495px; float:right; padding-top:84px; }
.ys1 dd i,.ys1 dd h3,.ys1 dd p,.ys1 dd strong { color:#fff; }
.ys2 { background:url(/images/ys2_bg.jpg) no-repeat center top; height:584px; padding-top:80px; box-sizing:border-box; }
.ys2 dd { float:left; width:500px; padding-top:64px; }
.ys2 dt { float:right; width:633px; padding-top:124px; }
.ys2 dt img { width:350px; position:relative; z-index:2; }
.ys2 dt img:nth-child(2) { position:absolute; width:348px; top:0; right:23px; z-index:1; }
.ys2 dt img:nth-child(3) { position:absolute; width:278px; right:0; top:237px; z-index:3; }
.ys3 { padding-top:106px; padding-bottom:142px; }
.ys3 dt { width:600px; float:left; }
.ys3 dt:before { position:absolute; content:""; width:580px; height:400px; background:#ededed; left:-42px; top:44px; }
.ys3 dd { width:495px; float:right; padding-top:84px; }
.ys4 { height:635px; background:url(/images/ys4_bg.jpg) no-repeat center top; padding-top:92px; box-sizing:border-box; }
.ys4 dt { width:600px; float:right; }
.ys4 dt:before { position:absolute; content:""; width:580px; height:400px; background:#fff; right:-42px; top:44px; }
.ys4 dd { float:left; width:500px; padding-top:62px; }
/**/
.service { background:url(/images/service_bg.jpg) no-repeat center top; height:659px; box-sizing:border-box; padding-top:107px; }
.service h2 { margin-bottom:65px; }
.service h2 span { color:#fff; }
.service li { width:240px; float:left; height:285px; box-sizing:border-box; background:rgba(0,0,0,0.6); padding:50px 20px 50px 50px; position:relative; transition:all 0.5s ease; }
.service li h3 strong { display:block; font-size:24px; line-height:36px; color:#fff; }
.service li h3 span { display:block; text-transform:uppercase; font-size:18px; line-height:24px; color:rgba(255,255,255,0.3); font-family:Montserrat; }
.service li img { position:absolute; left:50px; bottom:33px; transition:all 0.5s ease; }
.service li:nth-child(2) { background:rgba(237,28,34,0.7); }
.service li:nth-child(3) { background:#f8f8f8; }
.service li:nth-child(3) h3 strong { color:#4b4948; }
.service li:nth-child(3) h3 span { color:#4b4948; opacity:0.3; }
.service li:nth-child(4) { background:rgba(245,130,32,0.9); }
.service li:nth-child(5) { background:rgba(75,73,72,0.7); }
.service li:hover{padding-left: 46px;}
.service li:hover img {left: 46px;}
/*news*/
.news { overflow:hidden; padding-top:98px; padding-bottom:144px; position:relative; }
.news h2 { margin-bottom:52px; }
.news .content { position:relative; }
.news_nav { position:absolute; top:43px; right:0; font-size:0; line-height:0; text-align:right; }
.news_nav h3 { display:inline-block; margin-left:50px; }
.news_nav h3 a { font-size:18px; line-height:100%; color:#999; padding-bottom:14px; position:relative; transition:all 0.5s ease; }
.news_nav h3 a:after { position:absolute; content:""; width:0; height:3px; background:#F58220; left:0; bottom:0; transition:all 0.5s ease; }
.news_nav h3.on a { color:#F58220; }
.news_nav h3.on a:after { width:100%; }
.news_con dl { width:377px; height:583px; background:#f7f7f7; float:left; margin-right:10px; transition:all 0.5s ease; }
.news_con dt { width:377px; height:292px; line-height:0; overflow:hidden; }
.news_con dt img { width:100%; }
.news_con dd { height:291px; padding:48px 54px; box-sizing:border-box; }
.news_con dd h4 { margin:21px 0 48px; }
.news_con dd span { display:block; width:47px; height:33px; border:2px solid #f58220; opacity:0.9; border-radius:16px; background:url(/images/news_icon1.png) no-repeat center; box-sizing:border-box; transition:all 0.5s ease; }
.news_con i { display:block; font-style:normal; font-size:18px; line-height:100%; color:#D6D6D6; font-weight:bold; }
.news_con h4 { font-size:24px; line-height:40px; color:#333; max-height:80px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; transition:all 0.3s ease; }
.news_con dl:hover { background:#fff; box-shadow:0px 4px 38px 0px rgba(0,0,0,0.1); }
.news_con dl:hover dd h4 { color:#F58220; }
.news_con dl:hover dd span { background-color:#F58220; background-image:url(/images/icon1.png); }
.news_box { width:424px; height:583px; background:#F7F7F7; float:left; box-sizing:border-box; padding:57px 51px 0 58px; }
.news_box h4 { margin:22px 0 5px; }
.news_box p { font-size:14px; line-height:24px; color:#999; }
.news_box ul { margin-top:31px; border-top:1px solid #E9E9E9; padding-top:25px; }
.news_box ul a { display:block; font-size:16px; line-height:36px; color:#555555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.3s ease; }
.news_box .more { margin-top:23px; }
.news_box .news_hot:hover h4,.news_box li:hover a { color:#F58220; }
/*links*/
body { position:relative; }
.links { position:absolute; bottom:18px; height:56px; overflow:hidden; padding-top:56px; width:100%; }
.links .content { padding-right:300px; box-sizing:border-box; }
.links em { font-style:normal; font-size:14px; line-height:28px; color:#fff; float:left; margin-right:20px; margin-bottom:28px; font-weight:bold; }
.links a { display:block; font-size:14px; color:#666; line-height:28px; margin-right:33px; transition:all 0.5s ease; float:left; }
.links a:hover { color:#fff; }
/*footer*/
.f_info { padding-top:22px !important; }
.f_info .content { padding-left:850px; box-sizing:border-box; }
.f_info span{ display:block;}
.f_info span:nth-child(1) { margin-right:3px; }
.f_info span:nth-child(2) { margin-right:0; }