@charset "utf-8";
/*（nai17.com）网站*/
/*banner*/
.banner { position: relative; height: 700px; overflow: hidden; clear: both; }
.ban_p,
.ban_p li { height: 700px; overflow: hidden; }
.ban_p li a { display: block; height: 700px; }
.ban_t { width: 1100px; height: 50px; bottom: 60px; left: 50%; margin-left: -550px; position: absolute; text-align: center; }
.ban_t em { width: 16px; height: 16px; border-radius: 16px; margin-right: 10px; display: inline-block; background: #d4d4d4; }
.ban_t em.on { background: #e3232f; }
.til01 { text-align: center; height: 159px; color: #2b2b34; font-size: 40px; line-height: 64px; font-family: "Microsoft Yahei"; background: url(../images/tilbg1.png) no-repeat center 63px; }
.til01 p { color: #767676; display: block; font-weight: normal; line-height: 46px; font-size: 20px; }
.til01 a { color: #2b2b34; }
/*搜索*/
.seabox { height: 66px; line-height: 40px; margin-top: -52px; position: relative; }
.keyword { width: 515px; padding: 0 0 0 124px; white-space: nowrap; }
.keyword a { padding: 0 6px; display: inline-block; white-space: nowrap; }
.sea_inp { width: 320px; height: 37px; overflow: hidden; border: solid 1px #edeceb; border-radius: 19px; }
.sea_inp .serach { width: 256px; height: 37px; border: 0; background: none; line-height: 37px; color: #555; padding: 0 0 0 17px; float: left; outline: none; display: block; font-size: 14px; }
.sea_inp .sub { width: 45px; height: 37px; float: left; cursor: pointer; display: block; background: url(../images/sea_ico.gif) no-repeat 10px 7px; border: 0; }
/*我们*/
.webox { background: #edeceb; height: 240px; padding: 19px 0 0; font-family: "Microsoft Yahei"; line-height: 50px; color: #737373; overflow: hidden; }
.webox_p { margin: 0 22px 0 0; }
.webox_p,
.webox_p img { width: 340px; height: 217px; display: block; overflow: hidden; }
.webox_w { width: 758px; padding: 0 0 0 40px; }
.webox_w h3 { height: 82px; line-height: 82px; font-size: 24px; color: #3d3d3d; }
.webox_w h3 b { color: #e3232f; }
.webox_w p { height: 94px; overflow: hidden; }
.webox_w span { display: block; text-align: right; }
/*加工范围*/
.range { padding: 39px 0 0; font-family: "Microsoft Yahei"; height: 521px; line-height: 24px; color: #737373; position: relative; z-index: 9; }
.range_c dl { position: relative; width: 281px; float: left; margin: 0 15px 0 0; }
.range_c dl.born { margin: 0; }
.range_c dt,
.range_c dt img { width: 281px; height: 259px; display: block; overflow: hidden; }
.range_c dd { width: 201px; height: 160px; display: block; position: absolute; left: 14px; top: 200px; padding: 18px 26px 0; background: url(../images/range_lbg.png) no-repeat center 0; }
.range_c dd h3 { height: 64px; display: block; line-height: 64px; font-size: 18px; color: #2b2b34; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.range_c dd h3 a { display: block; color: #2b2b34; }
.range_c dl:hover dd { border-bottom: solid 4px #e3232f; }
.range_c dl:hover dd h3,
.range_c dl:hover dd h3 a { color: #e3232f; }
/*产品中心*/
.probox { height: 935px; padding: 160px 0 0; font-family: "Microsoft Yahei"; background: url(../images/probg.jpg) no-repeat center 0; margin-top: -5px; }
.pro_nav { width: 282px; background: #fff; height: 700px; overflow: hidden; }
.pro_nav h2 { font-size: 30px; line-height: 36px; height: 79px; overflow: hidden; color: #fff; background: #e3232f; padding: 24px 0 0 34px; }
.pro_nav h2 span { font-size: 24px; line-height: 24px; display: block; font-weight: normal; font-family: Arial; opacity: 0.5; text-transform: uppercase; }
.pro_nav h2 a { color: #fff; }
.pro_nl { height: 520px; overflow: hidden; padding: 8px 2px 0; }
.pro_nl h3 { clear: both; height: 52px; line-height: 52px; font-size: 16px; display: block; white-space: nowrap; width: 260px; background-color: #ECECEB; margin-left: 10px; margin-bottom: 8px; }
.pro_nl h3:last-child { border: 0; }
.pro_nl h3 a { display: block; background: url(../images/nav_ico1.png) no-repeat 9px 13px; padding: 0 0 0 39px; color: #363739; }
.pro_nl ul { display: block; padding: 8px 0 0 10px; }
.pro_nl li { height: 50px; line-height: 50px; position: relative; white-space: nowrap; width: 240px; padding-left: 20px; background-color: #ECECEB; margin-bottom: 2px; }
.pro_nl li a { display: block; color: #737373; }
.pro_nl h3:hover a,
.pro_nl h3 a:hover { color: #e3232f; background-position: 9px -37px; }
.pro_pho,
.pro_pho img { display: block; width: 282px; height: 92px; overflow: hidden; }
.pro_list { width: 881px; overflow: hidden; height: 720px; }
.pro_gg { height: 400px; overflow: hidden; margin-bottom: 6px; }
.prev,
.next { width: 37px; height: 82px; right: 0; top: 180px; display: block; z-index: 9; background: url(../images/next1.gif) no-repeat 0 0; cursor: pointer; }
.prev { left: 0; background: url(../images/prev1.gif) no-repeat 0 0; }
.prev2,
.next2 { top: 355px; }
.prev2 { left: 359px; }
.prev:hover,
.next:hover { background-position: 0 bottom; }
.pro_gc,
.pro_gc dt,
.pro_gc dt img { width: auto; height: 427px; overflow: hidden; }
.pro_gc dl { position: relative; line-height: 30px; }
.pro_gc dd { position: absolute; width: 342px; height: 240px; right: 84px; top: 108px; z-index: 2; }
.pro_gc dd h3 { height: 60px; font-size: 20px; line-height: 38px; color: #363739; }
.pro_gc dd h3 a { color: #363739; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro_wz { height: 130px; overflow: hidden; }
.more01 a { display: block; width: 128px; line-height: 33px; border: solid 1px #e3232f; background: #fff; color: #e3232f; text-align: center; border-radius: 16px; }
.pro_list ul { width: 1000px; }
.pro_list li { width: 288px; float: left; margin: 0 10px 0 0; }
.pro_list li p { border: solid 1px #eaeaea; }
.pro_list li p,
.pro_list li p img { width: 286px; height: 254px; display: block; overflow: hidden; }
.pro_list li span { display: block; line-height: 39px; height: 39px; z-index: 1; background: #737373; color: #fff; text-align: center; }
.pro_list li span a { color: #fff; }
.pro_list li img,
.pro_gc dt img,
.range_c dt img,
.webox_p img,
.case_c dt img,
.about_p img,
.newbox dt img,
.show_c li img { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.pro_list li img:hover,
.pro_gc dt img:hover,
.range_c dt img:hover,
.webox_p img:hover,
.case_c dt img:hover,
.about_p img:hover,
.newbox dt img:hover,
.show_c li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/*优势*/
.edge { line-height: 24px; color: #737373; font-family: "Microsoft Yahei"; padding: 88px 0 66px; font-size: 16px; position: relative; padding: 128px 0 0; background: url(../images/edge_line.gif) no-repeat center 232px; }
.edge h2 { position: absolute; left: 0; top: -64px; }
.edge h3 { height: 97px; font-size: 28px; color: #e3232f; line-height: 38px; }
.edge h3 em { display: block; font-weight: normal; font-style: normal; font-family: Arial; font-size: 14px; color: #a8a8a8; text-transform: uppercase; line-height: 17px; }
.edge li { clear: both; padding: 0 0 12px 23px; background: url(../images/ico01.gif) no-repeat 2px 9px; }
.edge1 { height: 430px; }
.edge2 { height: 273px; }
.edge3 { height: 339px; }
.edge4 { height: 324px; }
.edge_p1 { width: 519px; }
.edge_w1 { width: 520px; padding: 46px 0 0; }
.edge_ico1 { top: 39px; left: 564px; }
.edge_p2 { width: 539px; top: -120px; right: 0; }
.edge_w2 { width: 404px; left: 122px; top: -58px; white-space: nowrap; }
.edge_w2 h3,
.edge_w4 h3 { text-align: right; }
.edge_ico2 { top: -58px; left: 564px; }
.edge_p3 { width: 540px; left: 5px; top: -46px; }
.edge_w3 { width: 520px; }
.edge_ico3,
.edge_ico4 { top: 2px; left: 564px; }
.edge_p4 { width: 547px; top: -96px; right: 0; }
.edge_w4 { width: 362px; padding: 0 0 0 158px; }
.edge_w4 ul { margin: 0 0 0 10px; }
/*设备*/
.show { font-family: "Microsoft Yahei"; background: url(../images/showbg.png) no-repeat center 0; margin-top: -102px; position: relative; padding: 127px 0 0; height: 929px; }
.show .til01,
.newbox .til01 { color: #fff; height: 130px; }
.show .til01 p,
.show .til01 a,
.newbox .til01 a,
.newbox .til01 p { color: #fff; }
.showtil { height: 91px; font-size: 18px; text-align: center; color: #fff; padding: 0 0 0 430px; }
.showtil li { width: 164px; line-height: 48px; float: left; background: #868686; margin: 0 9px 0 0; }
.showtil li.cur { background: #e3232f; font-weight: bold; }
.show_c ul { width: 1210px; position: relative; }
.show_c li { position: relative; float: left; margin: 0 7px 7px 0; }
.show_c li span { position: absolute; width: 100%; left: 0; bottom: 0; height: 30px; line-height: 30px; text-align: center; color: #fff; background: rgba(0 , 0 , 0 , 0.4); }
.show_c li span a { color: #fff; display: block; }
.show_c li,
.show_c li img { width: 293px; height: 270px; display: block; overflow: hidden; }
.show_c li.show_l1,
.show_c li.show_l1 img { width: 598px; height: 548px; }
.show_c li.show_l1 span { height: 35px; line-height: 35px; font-size: 16px; }
.show_c li.show_l2 { position: absolute; left: 0; top: 277px; }
/*案例*/
.case { font-family: "Microsoft Yahei"; margin-top: -32px!important; position: relative; height: 816px; line-height: 24px; }
.case_t { width: 345px; text-align: center; }
.case_t li { width: 169px; height: 197px; float: left; margin: 0 3px 3px 0; background: #787878; color: #fff; font-size: 16px; line-height: 22px; }
.case_t li a { color: #fff; display: block; }
.case_t li em { display: block; font-size: 12px; line-height: 14px; font-family: Arial; opacity: 0.3; text-transform: uppercase; }
.case_t li span { width: 53px; height: 53px; display: block; margin: 35px auto 10px; position: relative; overflow: hidden; }
.case_t li span i { width: 53px; height: 53px; position: absolute; display: block; top: 0; left: 0; }
.case_t li span i.default { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
.case_t li span i.hover { opacity: 1; visibility: visible; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
.case_t li.cur span .default { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg); }
.case_t li.cur span .hover { opacity: 1; visibility: visible; -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); }
.case_t li.cur { background: #e3232f; }
.case_c { width: 841px; }
.case_c dl { background: #ebebeb; height: 597px; }
.case_c dt,
.case_c dt img { width: 841px; height: 479px; display: block; overflow: hidden; }
.case_c dd { padding: 10px 26px 0; }
.case_c dd h3 { font-size: 20px; line-height: 44px; color: #363739; height: 44px; overflow: hidden; }
.case_c dd h3 a { color: #363739; display: block; }
.case_c dd p a { color: #e3232f; display: inline-block; }
/*资讯*/
.newbox { font-family: "Microsoft Yahei"; overflow: hidden; line-height: 24px; height: 460px; padding: 113px 0 0; background: url(../images/newbg.jpg) no-repeat center 0; color: #aaacab; }
.new1 { width: 572px; }
.new2 { width: 569px; }
.newtil { height: 62px; line-height: 50px; font-size: 24px; color: #fff; background: url(../images/newtbg.png) no-repeat 102px 18px; font-weight: normal; }
.newtil a { display: inline-block; color: #fff; }
.newtil span { font-size: 14px; font-weight: normal; float: right; }
.new_c1 dl { height: 285px; }
.new_c1 dt,
.new_c1 dt img { width: 572px; height: 322px; display: block; overflow: hidden; }
.new_c1 dd { padding: 0 0 0 12px; background: url(../images/ico05.gif) no-repeat 0 14px; }
.new_c1 dd a{ color:##aaacab;}
.new_c1 dd h4 { height: 36px; line-height: 36px; /*font-size: 18px;*/ font-weight: normal; color: #aaacab; }
.new_c1 dd h4 em { display: block; float: left; width: 73px; line-height: 26px; border-radius: 13px; background: #e3232f; margin: 0 12px 0 0; font-size: 16px; text-align: center; }
.new_c1 dd h4 a,
.new_c1 dd p a,
.new_c2 dd h4 a,
.new_c2 dd p a,
.faqs h3 a,
.faqs_c p a { color: #aaacab; }
.new_c1 dd h4 span{ float:right;}
.new_c1 ul { height: auto; background: #404040; padding: 25px 21px; }
.new_c1 li { height: 36px; line-height: 36px; overflow: hidden; background: url(../images/ico05.gif) no-repeat 0 14px; padding: 0 0 0 12px; }
.new_c1 li span { float: right; }
.new_c1 li a { display: inline-block; color: #aaacab; }
.new_c2 { height: 285px; }
.new_c2 dl { height: 142px; }
.new_c2 dt,
.new_c2 dt img { height: 124px; width: 221px; float: left; overflow: hidden; }
.new_c2 dd { width: 315px; float: right; overflow: hidden; padding: 5px 0 0; }
.new_c2 dd h4 { height: 55px; line-height: 55px; overflow: hidden; font-size: 16px; font-weight: normal; }
.faqs { height: 336px; background: #404040; }
.faqs h3 { height: 82px; background: url(../images/ico02.gif) no-repeat 0 21px; line-height: 68px; font-weight: normal; font-size: 24px; color: #fff; padding: 0 0 0 27px; }
.faqs_c { padding: 0 20px 0 31px; }
.faqs_c h4 { height: 35px; background: url(../images/ico03.gif) no-repeat 0 0; padding: 0 0 0 36px; line-height: 20px; color: #aaacab; }
.faqs_c h4 a { color: #aaacab; }
.faqs_c h4.sidenavcur { background: url(../images/ico04.gif) no-repeat 0 0; color: #fff; }
.faqs_c h4.sidenavcur a { color: #fff; }
.faqs_c p { height: 96px; }
/*关于*/
.abobox { font-family: "Microsoft Yahei"; line-height: 30px; color: #737373; margin-top: 22px!important; position: relative; text-align: center; }
.about_w { padding: 4px 68px 0; }
.about_w h3 { height: 80px; overflow: hidden; line-height: 80px; font-size: 24px; color: #2b2b34; }
.about_w h3 a { color: #2b2b34; }
.about_w p { display: block; height: 88px; overflow: hidden; }
.about_w span a { color: #fff; width: 186px; line-height: 43px; display: block; text-align: center; background: url(../images/morebg1.png) no-repeat 0 0; font-size: 16px; height: 67px; margin: 0 auto; }
/*.about_p,.about_p img{width:1200px;height: 426px;display: block;overflow: hidden;}*/


/*友情链接*/
.link { height: auto; line-height: 30px; font-family: "Microsoft Yahei"; color: #7e7e7e; overflow: hidden; white-space: nowrap; background: #1a1a1a; width: 100%; padding: 15px 0; }
.link p { width: 960px; float: left; word-break: break-word; }
.link a { color: #7e7e7e; padding: 0 5px; float: left; }
.link h3 { display: block; width: auto; color: #e3232f; float: left; font-size: 18px; }
.link h3 span { font-family: Arial; font-size: 18px; color: #8c8d8e; font-weight: normal; }