@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:#f5f5f5; 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:50px; width:100%; height:16px; cursor:pointer; z-index:9; font-size:0; text-align:center; display: block!important;}
.banner .hd li { display:inline-block; width:16px; height:16px; background:#fff; opacity:0.2; border-radius:50%; transition:all 0.5s ease; margin:0 15px; cursor:pointer; }
.banner .hd li.on { background:#f1322c; 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:96px; background:#f5f5f5; }
.search .keyword { font-size:14px; line-height:96px; float:left; }
.search .keyword strong { font-weight:400; color:#000; }
.search .keyword a { color:#000; display:inline-block; font-weight:normal; margin-right:20px; transition:all 0.5s ease; }
.search .keyword a:last-child:after { display:none; }
.search .keyword a:hover { color:#E3241E; }
.search .search_input { float:right; width:455px; height:47px; margin-top:28px; position:relative; }
.search .search_input input[type="text"] { background:none; border:none; outline:none; display:block; box-sizing:border-box; width:455px; height:42px; background:#ffffff; border-radius:21px; padding:0 70px 0 26px; font-size:14px; line-height:42px; color:#B3B3B3; }
.search .search_input .submit { border:none; outline:none; display:block; position:absolute; right:0; top:-3px; z-index:2; cursor:pointer; font-size:0; width:47px; height:47px; border-radius:50%; background:#e3241e url(/images/s_btn.png) no-repeat center; }
/*title*/
h2.main_title { text-align:center; line-height:0; }
h2.main_title a { display:block; }
h2.main_title strong { display:block; font-size:42px; line-height:100%; color:#000; }
h2.main_title i { font-size:48px; vertical-align:-5px; font-weight:500; }
h2.main_title span { display:block; font-weight:normal; font-size:18px; line-height:100%; color:#000; margin-top:17px; }
/*intro*/
.intro { padding-top:110px; padding-bottom:135px; }
.intro h2 span { margin-top:15px; }
.intro dl { margin:66px 0; height:316px; background:#f5f5f5; position:relative; }
.intro dl:after { position:absolute; content:""; width:153px; height:3px; background:#e3241e; top:48px; left:420px; }
.intro dt { width:475px; height:316px; float:left; line-height:0; }
.intro dt img { width:100%; }
.intro dd { width:calc(100% - 475px); float:right; box-sizing:border-box; padding:85px 103px 40px 84px; }
.intro dd p { font-size:16px; line-height:38px; color:#000; text-align:justify; }
.intro li { width:25%; float:left; height:108px; border-right:1px solid #dfdfdf; box-sizing:border-box; text-align:center; padding-top:6px; }
.intro li strong { display:inline-block; font-size:60px; line-height:100%; color:#E3241E; }
.intro li span { display:inline-block; font-size:16px; line-height:23px; color:#E3241E; font-weight:bold; width:27px; height:27px; border:2px solid #e3241e; border-radius:50%; box-sizing:border-box; vertical-align:top; }
.intro li b { display:inline-block; font-size:48px; line-height:100%; color:#E3241E; vertical-align:baseline; }
.intro li i { display:block; font-size:16px; line-height:100%; color:#142120; margin-top:14px; }
.intro li:first-child { border-left:1px solid #dfdfdf; }
.intro li:nth-child(2) span { margin-left:-12px; }
.intro li:last-child span { width:52px; border-radius:13px; margin-left:-6px; }
/*product*/
.product { background:url(/images/product_bg.jpg) no-repeat center top; padding-top:115px; height:1555px; box-sizing:border-box; }
.pro_nav { margin:88px 0 79px; height:144px; background:#171717; text-align:center; }
.pro_nav h3 { width:11.11%; float:left; height:144px; background:#262626; box-sizing:border-box; border-right:1px solid #171717; transition:all 0.5s ease; }
.pro_nav h3 a { display:table; width:100%; height:100%; }
.pro_nav h3 span { display:table-cell; vertical-align:middle; font-size:16px; line-height:24px; color:#fff; font-weight:normal; padding:0 23px; }
.pro_nav h3:hover { background:#E3241E; }
.pro_con dl { float:left; width:32.357%; margin-left:1.5%; position:relative; margin-bottom:1.5%; height:266px; overflow:hidden; background:#fff; transition:all 0.5s ease; }
.pro_con dt { line-height:0; float:right; width:266px; }
.pro_con dt img { width:100%; }
.pro_con dd { width:calc(100% - 266px); position:absolute; left:0; top:0; height:100%; z-index:2; padding:43px 0 0 10.8%; box-sizing:border-box; }
.pro_con dd h4 a { display:block; font-size:24px; line-height:32px; color:#000; }
.pro_con dd .more { margin-top:77px; }
.pro_con dd .more a { display:block; width:131px; height:40px; background:#ffffff; border:2px solid #e3241e; border-radius:19px; transition:all 0.5s ease; box-sizing:border-box; font-size:14px; line-height:36px; color:#E3241E; text-align:center; }
.pro_con dd .more a:hover { width:136px; }
.pro_con dl:first-child { width:66.142%; margin-left:0; height:552px; overflow:hidden; }
.pro_con dl:first-child dt { width:552px; }
.pro_con dl:first-child dd { width:calc(100% - 552px); width:50%; padding-top:44px; padding-left:5.29%; }
.pro_con dl:first-child dd h4 { position:relative; padding-bottom:22px; margin-bottom:38px; }
.pro_con dl:first-child dd h4 strong { display:block; font-size:36px; line-height:40px; color:#000; }
.pro_con dl:first-child dd h4 span { display:block; font-size:20px; line-height:40px; color:#000; font-weight:normal; margin-top:9px; }
.pro_con dl:first-child dd h4:after { position:absolute; content:""; width:47px; height:4px; background:#e3241e; left:0; bottom:0; }
.pro_con dl:first-child dd .desc { max-height:224px; overflow:hidden; }
.pro_con dl:first-child dd .desc p { font-size:16px; line-height:32px; color:#000; position:relative; padding-left:10px; }
.pro_con dl:first-child dd .desc p:before { position:absolute; content:""; width:5px; height:5px; background:#999999; border-radius:50%; left:0; top:13.5px; }
.pro_con dl:first-child dd .more { position:absolute; bottom:45px; }
.pro_con dl:first-child dd .more a { display:block; width:238px; height:44px; background:#e3241e; border:2px solid #e3241e; border-radius:21px; transition:all 0.3s ease; font-size:14px; line-height:40px; color:#fff; }
.pro_con dl:first-child dd .more a:hover { width:246px; }
.pro_con dl:nth-child(2) { margin-bottom:20px; }
.pro_con dl:nth-child(4) { margin-left:0; }
.pro_con dl:nth-child(5) { margin-left:1.42%; }
.pro_con dl:hover { box-shadow:0px 20px 25px 5px rgba(0,0,0,0.08); }
.ask a { display:block; margin:33px auto; width:236px; height:42px; background:#E3241E; border-radius:21px; font-size:16px; line-height:42px; color:#fff; text-align:center; }
.ask a img { display:inline-block; vertical-align:middle; margin-right:12px; transition:all 0.5s ease; }
.ask a:hover img { margin-right:16px; }
/**/
.measure { padding-top:115px; max-width:1920px; min-width:1300px; margin:0 auto; overflow:hidden; }
.measure_nav { margin-top:64px; height:94px; }
.measure_nav h3 { background:#171717; width:50%; float:left; text-align:center; transition:all 0.5s ease; font-size:30px; line-height:94px; color:#fff; cursor:pointer; }
.measure_nav h3:hover,.measure_nav h3.on { background:#E3241E; }
.mea_con { background:url(/images/measure.jpg) no-repeat center bottom; height:757px; padding-top:103px; box-sizing:border-box; }
.mea_con dl { height:458px; }
.mea_con dt { width:50%; float:right; height:458px; box-sizing:border-box; overflow:hidden; border:8px solid rgba(255,255,255,0.2); }
.mea_con dt img { height:100%; }
.mea_con dd { width:598px; float:left; }
.mea_con dd li { width:263px; height:172px; float:left; border-top:1px solid rgba(128,128,128,0.7); position:relative; padding-top:25px; box-sizing:border-box; }
.mea_con dd li:before { position:absolute; content:""; width:0; height:2px; left:0; top:-1px; transition:all 0.5s ease; background:#fff; }
.mea_con dd li h4 { font-size:20px; line-height:24px; color:#fff; margin-bottom:20px; }
.mea_con dd li p { font-size:16px; line-height:24px; color:#B9B9B9; transition:all 0.5s ease; }
.mea_con dd li:hover:before { width:100%; }
.mea_con dd li:hover p { color:#fff; }
.mea_con dd li:nth-child(odd) { margin-right:72px; }
.mea_nav { width:100%; text-align:center; margin-top:61px; font-size:0; }
.mea_nav li { display:inline-block; width:16px; height:16px; background:rgba(255,255,255,0.5); transition:all 0.5s ease; cursor:pointer; border-radius:50%; margin:0 15px; }
.mea_nav li.on { background:#E3241E; }
/**/
.sm { background:url(/images/sm_bg.jpg) no-repeat center top; height:501px; overflow:hidden; }
.sm .content { position:relative; }
.sm .sm_con { width:837px; float:left; padding-top:102px; }
.sm h2 strong { display:block; font-size:48px; line-height:100%; color:#000; }
.sm h2 span { display:inline-block; font-size:30px; line-height:53px; color:#fff; height:53px; background:#f1322c; border-radius:27px; padding:0 28px; margin-top:20px; font-weight:normal; }
.sm p { font-size:18px; line-height:32px; color:#000; width:659px; margin-top:65px; }
.sm ul { padding-top:21px; border-top:1px solid #000; float:left; }
.sm li { float:left; padding-right:40px; font-size:0; }
.sm li i { display:inline-block; vertical-align:middle; width:33px; height:33px; background:#f1322c; border:1px solid #ffffff; border-radius:50%; font-size:16px; line-height:33px; color:#fff; text-align:center; margin-right:12px; }
.sm li span { display:inline-block; font-size:24px; line-height:33px; color:#000; vertical-align:middle; }
.sm li:last-child { padding-right:0; }
.sm .pic { position:absolute; top:-18px; left:837px; }
/**/
.industry { padding-top:117px; max-width:1920px; min-width:1300px; margin:0 auto; overflow:hidden; }
.industry ul { margin-top:73px; }
.industry li { float:left; width:33.33%; position:relative; line-height:0; overflow:hidden; }
.industry li a { display:block; width:100%; height:100%; }
.industry li a:after { position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); left:0; top:0; transition:all 0.5s ease; }
.industry li img { width:100%; }
.industry li h3 { position:absolute; z-index:2; top:56px; left:49px; transition:all 0.5s ease; }
.industry li h3 strong { display:block; font-size:28px; line-height:100%; color:#fff; }
.industry li h3 span { display:block; font-size:16px; line-height:100%; color:#fff; margin-top:13px; font-weight:normal; }
.industry li:hover a:after { opacity:0; }
.industry li:hover h3 { top:60px; }
.industry li:last-child a:after { background:#E3241E; }
.industry li:last-child h3 { text-align:center; top:50%; margin-top:-42px; width:100%; left:0; }
.industry li:last-child h3 span { width:131px; height:40px; border:2px solid #ffffff; border-radius:19px; margin:15px auto 0; box-sizing:border-box; font-size:14px; line-height:36px; color:#fff; transition:all 0.5s ease; }
.industry li:last-child h3 span:hover { width:138px; }
.industry li:last-child:hover a:after { opacity:1; }
/*client*/
.client { padding-top:51px; padding-bottom:114px; }
.client .client_list ul { height:122px; }
.client .client_list li { width:16.66%; float:left; border:1px solid #d6d6d6; margin-right:-1px; box-sizing:border-box; height:122px; overflow:hidden; }
.client .client_list li img { width:100%; }
.client .client_nav { font-size:0; text-align:center; margin-top:48px; }
.client .client_nav li { display:inline-block; width:16px; height:16px; background:#d6d6d6; transition:all 0.5s ease; border-radius:50%; margin:0 15px; cursor:pointer; }
.client .client_nav li.on { background:#E3241E; }
/*ys*/
.ys { background:url(/images/ys_bg.jpg) no-repeat center top; padding-top:110px; background:#f5f5f5; overflow:hidden; }
.ys h2 span { font-size:22px; }
.ys dl dt { float:left; width:50%; line-height:0; overflow:hidden; }
.ys dl dt img { height:100%; }
.ys dl dd { float:right; width:50%; height:100%; position:relative; box-sizing:border-box; }
.ys dl dd h3 { position:relative; z-index:2; padding-bottom:29px; margin-bottom:37px; }
.ys dl dd h3 span { display:block; font-size:30px; line-height:36px; color:#000; font-weight:normal; }
.ys dl dd h3:after { position:absolute; content:""; width:48px; height:4px; background:#e50013; left:0; bottom:0; }
.ys dl dd p { font-size:16px; line-height:28px; color:#676767; position:relative; z-index:2; }
.ys dl dd p:before { content:"- "; }
.ys .ys1 { height:583px; margin-top:79px; margin-bottom:33px; }
.ys .ys1 dd { padding-top:85px; padding-left:62px; }
.ys .ys1 dd ul { position:absolute; z-index:2; right:0; bottom:39px; width:774px; }
.ys .ys1 dd li { width:258px; height:154px; float:left; overflow:hidden; }
.ys .ys1 dd li img { width:100%; }
.ys .ys1 dd:after { position:absolute; content:""; width:960px; height:100%; background:#fff; left:0; top:0; }
.ys .ys2 { height:506px; }
.ys .ys2 dt { float:right; }
.ys .ys2 dd { float:left; padding-top:81px; padding-right:50px; }
.ys .ys2 dd ul { position:relative; z-index:2; margin-top:40px; }
.ys .ys2 dd li { float:left; margin-right:126px; }
.ys .ys2 dd li strong { display:inline-block; font-size:42px; line-height:100%; color:#000; vertical-align:baseline; }
.ys .ys2 dd li span { display:inline-block; font-size:14px; line-height:100%; color:#000; vertical-align:baseline; }
.ys .ys2 dd li i { display:block; font-size:16px; line-height:100%; color:#000; margin-top:7px; }
.ys .ys2 dd:after { position:absolute; content:""; width:960px; height:100%; background:#fff; right:0; top:0; }
/**/
.service { background:#f5f5f5; padding-top:79px; padding-bottom:92px; text-align:center; }
.service h2 { font-size:30px; line-height:100%; color:#000; margin-bottom:58px; }
.service li { float:left; height:159px; width:12.5%; box-sizing:border-box; border-right:1px solid #dcdcdc; padding-top:4px; position:relative; }
.service li i { display:block; width:95px; height:95px; background:#ffffff; border:1px solid #ffffff; border-radius:50%; margin:0 auto 33px; transition:all 0.5s ease; }
.service li span { display:block; font-size:16px; line-height:100%; color:#000; }
.service li:after { position:absolute; content:""; width:1px; height:48px; background:#E3241E; right:-1px; top:0; }
.service li:first-child { border-left:1px solid #dcdcdc; }
.service li:first-child:before { position:absolute; content:""; width:1px; height:48px; background:#E3241E; left:-1px; top:0; }
.service li:hover i { box-shadow:0 10px 10px rgba(0,0,0,0.08); }
.service .ask a { margin:47px auto 0; }
/*album*/
.album { background:url(/images/honor_bg.jpg) no-repeat center top; padding-top:527px; overflow:hidden; }
.album .content { background:#fff; padding:60px 76px 118px; }
.album h2 { text-align:left; position:relative; margin-bottom:44px; }
.album h2 i { display:block; position:absolute; right:0; bottom:4px; width:238px; height:44px; background:#ffffff; border:2px solid #e3241e; border-radius:21px; font-size:16px; line-height:40px; color:#E3241E; box-sizing:border-box; text-align:center; font-weight:bold; transition:all 0.5s ease; }
.album h2 i:hover { width:246px; }
.album .con li { width:455px; margin-right:18px; float:left; position:relative; line-height:0; overflow:hidden; }
.album .con li img { width:100%; }
.album .con li h4 { position:absolute; width:100%; height:38px; left:0; bottom:0; background:rgba(0,0,0,0.6); text-align:center; font-size:18px; line-height:38px; color:#fff; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px; box-sizing:border-box; }
.album .bd { font-size:0; text-align:center; margin-top:40px; }
.album .bd li { display:inline-block; width:16px; height:16px; background:#d6d6d6; transition:all 0.5s ease; border-radius:50%; margin:0 15px; cursor:pointer; }
.album .bd li.on { background:#E3241E; }
/*news*/
.news { background:#f5f5f5; overflow:hidden; padding-top:117px; padding-bottom:138px; }
.news h3 { margin-bottom:44px; }
.news h3 a { font-size:24px; line-height:100%; color:#666; font-weight:normal; }
.news h3.on a { font-weight:bold; color:#000; }
.news_nav { height:24px; margin-bottom:44px; }
.news_nav h3 { float:left; margin-right:40px; }
.news_nav span { float:right; padding-top:9px; }
.news_nav span a { display:block; font-size:16px; line-height:22px; color:#000; transition:all 0.5s ease; }
.news_nav span a:hover { font-weight:bold; }
.news_con { width:58.93%; float:left; }
.news_con .news_con_list { clear:both; height:522px; border-bottom:1px solid #000; box-sizing:border-box; }
.news_con dl { overflow:hidden; height:270px; background:#fff; transition:all 0.5s ease; margin-bottom:58px; }
.news_con dt { width:50%; float:left; line-height:0; overflow:hidden; }
.news_con dt img { max-height:100%; width: 100%;}
.news_con dd { float:right; width:50%; box-sizing:border-box; padding:52px 42px 0; }
.news_con i { display:block; font-size:12px; line-height:100%; color:#949494; font-style:normal; margin-bottom:68px; }
.news_con h4 { font-size:18px; line-height:20px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; transition:all 0.5s ease; }
.news_con p { font-size:14px; line-height:20px; color:#898989; max-height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:15px 0; }
.news_con span { display:block; font-size:12px; line-height:100%; color:#F93D36; }
.news_con dl:hover { box-shadow:0px 0px 13px 0px rgba(6,153,180,0.14); }
.news_con ul { overflow:hidden; }
.news_con li { width:43.95%; float:left; }
.news_con li i { margin-bottom:37px; }
.news_con li h4 { transition:1s ease; }
.news_con li p { margin:18px 0 0; }
.news_con li:last-child { float:right; }
.news_con li:hover h4 { margin-bottom:21px; }
.faq { width:496px; overflow:hidden; float:right; position: relative;}
.faq h3 strong { color:#000; }
.faq h3 span { float:right; font-size:16px; line-height:22px; color:#000; padding-top:9px; font-weight:normal; transition:all 0.5s ease; }
.faq h3 span:hover { font-weight:bold; }
.faq .faq_list { width:496px; height:522px; background:#E3241E; box-sizing:border-box; padding:36px 42px; position:relative; }
.faq dt { width:412px; line-height:0; overflow:hidden; }
.faq dt img { width:100%; }
.faq dd { margin-top:37px; }
.faq dd i { font-size:12px; line-height:100%; color:#fff; }
.faq dd h4 { font-size:18px; line-height:20px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:33px 0 18px; }
.faq dd p { font-size:14px; line-height:20px; color:#fff; }
.faq .faq_nav { font-size:0; position:absolute; z-index:2; right:42px; top:350px; text-align:right; width:412px; }
.faq .faq_nav li { display:inline-block; width:10px; height:10px; background:rgba(255,255,255,0.5); background: #eee;border-radius:50%; transition:all 0.5s ease; margin-right:10px; cursor:pointer; }
.faq .faq_nav li.on { background:#333; }
/*links*/
.links { height:95px; background:#282828; overflow:hidden; padding-top:38px; box-sizing:border-box; }
.links em { font-style:normal; font-size:14px; line-height:22px; color:#999; float:left; }
.links a { display:block; font-size:14px; color:#999; line-height:22px; margin-left:60px; transition:all 0.5s ease; float:left; }
.links a:hover { color:#fff; }
@media screen and (max-width:1400px),(-webkit-min-device-pixel-ratio:2) {
  .album .content { padding-left:50px; padding-right:50px; }
  .album .con li { width:421px; }
}
@media screen and (max-width:1400px),(-webkit-min-device-pixel-ratio:2) {
  .pro_con dd { padding-left:8%; }
  .album .content { width:1200px; }
  .album .con li { width:388px; }
}