@charset "utf-8";

/*banner*/

.banner { position: relative; height: auto; clear: both; }
.banner img { display: block; width: 100%; margin: 0 auto; }
.slick-dots { position: absolute; left: 5%; font-size: 0; bottom: 8%; width: 90%; text-align: center; outline: none; z-index: 4; }
.slick-dots li { display: inline-block; margin: 0 15px; outline: none; }
.slick-dots li button { display: block; border: 0 none; width: 21px; height: 21px; border-radius: 21px; margin-right: 12px; display: inline-block; outline: none; background: #fff; }
.slick-dots .slick-active button { background: #E60012; width: 48px; }
.banner { width: 100%; }
.top-ban .swiper-slide { width: 100%; display: flex; justify-content: center; }
.top-ban .swiper-slide img { max-width: 100%; }
.top-next:after, .top-prev:after { color: #FFFFFF; }
.top-page .swiper-pagination-bullet-active { background: #FFFFFF; }
.til01 { text-align: center; color: #333; font-size: 50px; line-height: 64px; font-family: "Microsoft Yahei"; clear: both; display: block; white-space: nowrap; padding: 0 0 40px; }
.til01 p { display: block; font-size: 20px; line-height: 36px; font-weight: normal; }
.til01 a { color: #333; }
.til02, .til02 a { color: #fff; }

/*搜索*/

.seabox { height: 63px; line-height: 63px; font-size: 14px; font-family: "Microsoft Yahei"; position: relative; border-bottom: 1px solid #e8e8e8; }
.keyword { width: 640px; color: #333; background: url(../images/ico1.png) no-repeat 0 center; padding: 0 0 0 30px; }
.keyword a { color: #333; display: inline-block; padding: 0 20px 0 10px; }
.keyword a:hover { color: #000; }
.sea_inp { width: 498px; height: 63px; position: relative; z-index: 1; overflow: hidden; background: url(../images/inp_line.gif) no-repeat 0 center; }
.sea_inp .serach { width: 350px; height: 63px; border: 0; background: none; line-height: 63px; color: #666; float: left; outline: none; display: block; padding: 0 0 0 50px; }
.sea_inp .sub { width: 98px; height: 64px; float: left; cursor: pointer; display: block; background: url(../images/sea_ico.png) no-repeat 37px 18px #E60012; border: 0; text-indent: 190px; cursor: pointer; }

/*引子*/

.webox { font-size: 16px; color: #333; line-height: 35px; position: relative; z-index: 2; padding: 82px 0 50px; overflow: hidden; }
.webox_c { height: 515px; background: #fff; position: relative; z-index: 1; }
.webox_c:before { content: ""; position: absolute; width: 602px; height: 2px; background: #E60012; right: 0; top: 464px; z-index: -1; }
.webox_w { width: 506px; }
.webox_w h2 { height: 152px; background: url(../images/we_line.gif) no-repeat 0 bottom; font-size: 44px; line-height: 68px; color: #353a3f; margin-bottom: 36px; }
.webox_w h2 b { color: #E60012; }
.webox_w h2 span { display: block; font-weight: normal; font-size: 22px; line-height: 50px; }
.webox_w .box-con { height: 228px; overflow: hidden; }
.we_more { float: right; display: block; width: 171px; line-height: 50px; text-align: center; background: #E60012; color: #fff; }
.we_more span { display: inline-block; background: url(../images/ico02.png) no-repeat 0 center; padding-left: 36px; color: #fff; }
.webox_p { margin: 10px 0 0; }
.webox_p, .webox_p img { width: 598px; height: 456px; display: block; overflow: hidden; }
.webox_l { clear: both; height: 205px; font-size: 18px; line-height: 32px; color: #333; }
.webox_l li { float: left; height: 78px; border-right: solid 1px #e5e5e5; margin: 0 67px 30px 0; width: 250px; }
.webox_l li:nth-child(4n) { width: 220px; border: 0; margin-right: 0; }
.webox_l li span { display: block; font-weight: bold;; line-height: 48px; height: 48px; }
.webox_l li span b { font-family: Times New Roman; font-size: 54px; float: left; }

/*产品中心*/

.probox { clear: both; font-size: 16px; font-family: "Microsoft Yahei"; line-height: 52px; position: relative; padding: 60px 0; z-index: 1; background: #f6f6f6; }
.prev1, .next1, .prev5, .next5 { width: 18px; height: 32px; display: inline-block; cursor: pointer; bottom: 188px; right: -42px; z-index: 9; background: url(../images/next1.png) no-repeat 0 0; }
.prev1, .prev5 { left: -42px; background: url(../images/prev1.png) no-repeat 0 0; }
.prev5, .next5 { top: 215px; }
.prev1:hover, .next1:hover, .prev5:hover, .next5:hover { background-position: 0 bottom; }
.pro_n { height: 75px; background: #353a3f; overflow: hidden; margin-bottom: 25px; text-align: center; }
.pro_n li, .pro_n p { width: 20%; float: left; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.pro_n li a, .pro_n p a { text-decoration: none; display: block; font-weight: normal; line-height: 75px; height: 75px; font-size: 18px; color: #fff; }
.pro_n li a:hover, .pro_n li.cur a, .pro_n p a:hover { background: #E60012; color: #fff; }
.pro1 dl { width: 1200px; height: 488px; position: relative; margin-bottom: 22px; }
.pro1 dl dt { float: left; width: 800px; overflow: hidden; }
.pro1 dl dt img { width: 800px; height: 488px; display: block; }
.pro1 dl dd { height: 488px; float: left; width: 400px; padding: 65px 32px 0 40px; background: #fff; overflow: hidden; border: 1px solid #dddddd; border-left: 0; box-sizing: border-box; }
.pro1 dl .desc1 { height: 206px; border-bottom: 1px solid #d0d0d0; overflow: hidden; margin-bottom: 50px; }
.pro1 dl .desc1 h3 { font-size: 30px; color: #353a3f; line-height: 50px; }
.pro1 dl .desc1 h3 a { color: #353a3f; text-decoration: none; }
.pro1 dl .desc1 p { height: 62px; line-height: 30px; overflow: hidden; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro1 dl .desc1 span a { color: #fff; width: 147px; line-height: 40px; height: 40px; background: #E60012; text-align: center; text-decoration: none; display: block; border-radius: 20px; }
.pro1 dl .desc2 { height: 85px; font-size: 16px; line-height: 42px; text-align: center; }
.pro1 dl .desc2 li { color: #666666; float: left; }
.pro1 dl .desc2 li:nth-child(2) { padding: 0 28px; }
.pro1 dl .desc2 em { width: 42px; height: 42px; display: block; margin: 0 auto; }
.pro_l { height: 312px; }
.pro_l li { float: left; width: 281px; margin-right: 25px; text-align: center; }
.pro_l li:last-child { margin: 0; }
.pro_l li p, .pro_l li p img { width: 281px; height: 210px; display: block; overflow: hidden; }
.pro_l li span { display: block; height: 52px; line-height: 52px; font-size: 16px; color: #333; background: #fff; border: solid 1px #ddd; border-top: 0; }
.pro_l li span a { color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*提供服务*/

.serv { clear: both; font-size: 16px; line-height: 30px; position: relative; padding: 70px 0 0; z-index: 2; height: 1060px; }
.serv:before { content: ""; position: absolute; width: 100%; height: 1px; background: #c9c9c9; top: 210px; right: 0; z-index: -2; }
.prev2, .next2, .prev3, .next3 { width: 62px; height: 62px; display: inline-block; cursor: pointer; top: 602px; left: 50%; margin-left: 782px; z-index: 9; background: url(../images/next2.png) no-repeat 0 0; }
.prev3, .next3 { top: 323px; }
.prev2, .prev3 { margin-left: -830px; background: url(../images/prev2.png) no-repeat 0 0; }
.prev2:hover, .next2:hover, .prev3:hover, .next3:hover { background-position: 0 bottom; }
.serv_t { height: 80px; font-size: 20px; color: #000; line-height: 70px; font-weight: bold; }
.serv_t li { float: left; width: 200px; margin: 0 0 0 82px; position: relative; cursor: pointer; }
.serv_t li:first-child { margin-left: 44px; }
.serv_t li a { color: #000; display: block; }
.serv_t li em { width: 32px; float: left; height: 32px; overflow: hidden; margin: 18px 9px 0 0; display: block; }
.serv_t li em img { display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.serv_t li.cur:before { content: ""; position: absolute; width: 100%; height: 2px; background: #E60012; top: 0; left: 0; z-index: 2; }
.serv_t li.cur, .serv_t li.cur a { color: #E60012; }
.serv_t li.cur em img { margin-top: -60px; }
.serv_c .tempWrap { overflow: visible !important; }
.serv_c dl { width: 1200px; position: relative; margin-right: 26px; padding-bottom: 54px; }
.serv_c dl:before { content: ""; position: absolute; width: 100%; height: 663px; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 2; }
.serv_c dt, .serv_c dt img { width: 1200px; display: block; height: 663px; }
.serv_c dd { position: absolute; width: 630px; height: 200px; box-sizing: border-box; display: none; padding: 21px 50px; left: 0; bottom: 0px; background: #E60012; color: #fff; }
.serv_c dd h4 { display: block; font-size: 34px; line-height: 73px; height: 73px; color: #fff; }
.serv_c dd h4 em { font-weight: normal; font-size: 14px; opacity: 0.5; }
.serv_c dd h4 em i { font-size: 30px; padding: 0 10px; }
.serv_c dl.cur dd { display: block; }
.serv_c dl.cur:before { background: none; width: 0; height: 0; }
.serv .yshd { position: absolute; width: 210px; right: 88px; bottom: 8px; z-index: 1; height: 3px; }
.serv .yshd:before { content: ""; position: absolute; width: 210px; height: 1px; background: #666; left: 0; bottom: 1px; z-index: -1; }
.serv .yshd li { width: 52px; height: 3px; position: absolute; left: 0; top: 0; }
.serv .yshd li:nth-child(2) { width: 104px; }
.serv .yshd li:nth-child(3) { width: 156px; }
.serv .yshd li:nth-child(4) { width: 210px; }
.serv .yshd li:before { content: ""; position: absolute; width: 0; height: 3px; left: 0; top: 0; z-index: 1; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; background: #E60012; }
.serv .yshd li.on:before { width: 100%; }
.serv .serv_nub { position: absolute; width: 312px; right: 38px; bottom: 0; z-index: 1; font-size: 14px; color: #333; font-weight: bold; }
.serv .serv_nub span, .serv .serv_nub em { display: inline-block; width: 50px; text-align: center; line-height: 20px; }
.serv .serv_nub em { float: right; }
.serv .serv_nub span { float: left; }

/*优势*/

.chara { clear: both; font-family: "Microsoft Yahei"; line-height: 24px; font-size: 14px; padding: 80px 0 100px; position: relative; background: url(../images/charabg.jpg) no-repeat center 0; color: #fff; text-align: center; }
.chara_c dl { width: 281px; height: 545px; float: left; margin: 0 0 0 25px; position: relative; overflow: hidden; }
.chara_c dl:first-child { margin: 0; }
.chara_c dl a { color: #fff; }
.chara_c dt, .chara_c dt img { width: 281px; height: 377px; display: block; overflow: hidden; }
.chara_c dd { position: absolute; left: 0; bottom: 0; background: #353a3f; width: 281px; height: 168px; box-sizing: border-box; padding: 64px 28px 0; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.chara_c dd .chara_ico { position: absolute; top: -47px; left: 95px; width: 74px; height: 74px; background: #353a3f; display: block; border-radius: 100%; padding: 10px; }
.chara_c dd .chara_ico img { width: 74px; height: 74px; background: #fff; display: block; border-radius: 100%; }
.chara_c dd h3 { font-weight: normal; font-size: 30px; line-height: 40px; height: 104px; white-space: nowrap; }
.chara_c dd h3 em { display: block; font-size: 14px; line-height: 22px; opacity: 0.3; }
.chara_c dd p { position: relative; padding: 25px 0 0; font-weight: bold; }
.chara_c dl.cur dd, .chara_c dl:hover dd { height: 270px; background: #E60012; }
.chara_c dl.cur dd .chara_ico, .chara_c dl:hover dd .chara_ico { background: #E60012; }
.chara_c dl.cur dd h3, .chara_c dl:hover dd h3 { height: 60px; }
.chara_c dl.cur dd h3 em, .chara_c dl:hover dd h3 em { display: none; }
.chara_c dl.cur dd p:before, .chara_c dl:hover dd p:before { content: ""; position: absolute; width: 30px; height: 1px; background: rgba(255, 255, 255, 0.5); left: 86px; top: 0; }

/*优势*/

.edge { clear: both; line-height: 32px; padding: 68px 0 0; font-size: 16px; color: #fff; }
.edge_c { width: 100%; height: 800px; overflow: hidden; }
.edge_c ul { width: 100%; height: 800px; }
.edge_c li { width: 16%; float: left; position: relative; cursor: pointer; height: 800px; box-sizing: border-box; border-right: solid 1px #fff; }
.edge_c li:nth-of-type(1) { background: url(../images/edge_pic1.jpg) no-repeat center; }
.edge_c li:nth-of-type(2) { background: url(../images/edge_pic2.jpg) no-repeat center; }
.edge_c li:nth-of-type(3) { background: url(../images/edge_pic3.jpg) no-repeat center; }
.edge_c li:nth-of-type(4) { background: url(../images/edge_pic4.jpg) no-repeat center; }
.edge_c li a { color: #fff; }

/*{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}    */

.edge_c li:last-child { border: 0; }
.edge_c li:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; }
.edge_c li h3 { width: 100%; display: block; }
.edge_c li h3 img { width: 100%; max-width: 212px; display: block; }
.edge_c li .bock { display: none; width: 55.9%; padding: 60px 90px 0 40px; position: absolute; bottom: 0; left: 0; height: 500px; background: url(../images/edge_lbg2.png) no-repeat center 0; background-size: 100% 100%; box-sizing: border-box; }
.edge_c li .bock h3 { font-size: 38px; height: 86px; line-height: 68px; position: relative; white-space: nowrap; }
.edge_c li .shu2 { display: block; position: absolute; width: 75%; left: 12.5%; top: 255px; background: url(../images/edge_lbg1.png) no-repeat center 0; background-size: 100%; text-align: center; }
.edge_c li .shu2 h3 { padding: 46px 0 0; font-weight: normal; font-size: 22px; line-height: 46px; }
.edge_c li .shu2 h3 span { height: 90px; display: block; white-space: nowrap; }
.edge_c li .shu2 h3 span b { font-size: 80px; }
.edge_c li .shu2 h3 span i { font-size: 16px; width: 28px; height: 28px; border-radius: 28px; background: #E60012; color: #fff; display: inline-block; line-height: 28px; }
.edge_c li .shu2 em { display: block; padding: 180px 0 0; font-size: 14px; opacity: 0.5; }
.edge_c li .bock p { font-weight: bold; }
.edge_c li .bock h3:before { content: ""; position: absolute; width: 50px; height: 3px; background: #fff; bottom: 10px; left: 0; }
.edge_c li.cur { width: 52%; }
.edge_c li.cur:before { width: 0; height: 0; }
.edge_c li.cur .bock { display: block; }
.edge_c li.cur .shu2 { display: none; }

@media screen and (max-width: 1680px) {
    .edge_c li .bock { height: 440px; padding: 40px 70px 0 30px; }
    .edge_c li .bock h3 { font-size: 36px; height: 76px; line-height: 62px; }
    .edge_c li .shu2 h3 span b { font-size: 70px; }
}

@media screen and (max-width: 1480px) {
    .edge_c li .bock { height: 400px; padding: 32px 70px 0 20px; }
    .edge_c li .bock h3 { font-size: 32px; height: 68px; line-height: 50px; }
    .edge_c li .shu2 h3 span b { font-size: 60px; }
}

/*加工制造*/

.power { clear: both; font-size: 18px; font-family: "Microsoft Yahei"; line-height: 37px; position: relative; padding: 65px 0 0; z-index: 1; color: #333; background: url(../images/powerbg.jpg) no-repeat center bottom; }
.power_t { width: 501px; height: 150px; background: #353a3f; left: 50%; margin-left: 100px; top: 652px; z-index: 2; font-size: 24px; line-height: 48px; text-align: center; color: #fff; }
.power_t li { width: 167px; float: left; height: 150px; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, 0.1); position: relative; }
.power_t li em { display: block; margin: 26px auto 0; }
.power_t li.cur { background: #E60012; }
.power_t li.cur:before { content: ""; position: absolute; width: 0; height: 0; border-right: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid #E60012; left: 50%; top: -12px; margin-left: -12px; }
.power_c { height: 700px; }
.power_p { width: 50%; height: 700px; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; }
.power_w { width: 44.8%; padding: 86px 0 0; }
.power_wc { width: 505px; }
.power_wc h3 { font-size: 48px; line-height: 98px; color: #353a3f; border-bottom: 1px solid #d4d5d6; margin-bottom: 20px; }
.power_wc h3 em { display: block; }

/*荣誉*/

.honner { padding: 68px 0 0; height: 650px; line-height: 56px; font-size: 18px; color: #fff; clear: both; background: url(../images/honbg.jpg) no-repeat center 0; text-align: center; }
.honner_c { width: 1200px; overflow: hidden; }
.honner_c li { width: 246px; float: left; background: url(../images/hon_lbg1.png) no-repeat center bottom; padding: 0 16px 20px; margin: 0 28px 0 0; }
.honner_c li p, .honner_c li p img { width: 246px; height: 328px; display: block; overflow: hidden; }
.honner_c li span { display: block; height: 64px; line-height: 58px; }
.honner_c li span a { display: block; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.honner_c li:hover { background: url(../images/hon_lbg2.png) no-repeat center bottom; }

/*案例*/

.case { clear: both; font-size: 16px; font-family: "Microsoft Yahei"; line-height: 24px; position: relative; padding: 70px 0 170px; z-index: 1; color: #555; background: #f6f6f6; }
.case:before, .case:after { content: ""; position: absolute; width: 44.7%; height: 4px; bottom: 95px; right: 0; background: #d5d5d5; }
.case:before { left: 0; }
.prev4, .next4 { width: 33px; height: 33px; display: inline-block; cursor: pointer; bottom: 78px; right: 46.46%; z-index: 9; }
.prev4 { left: 46.46%; }
.case_c { width: 100%;  }
.case_con, .case_cl { width: 100%; }
.case_c dl { width: 23.18%; float: left; margin: 0 15px 0 0; position: relative; padding: 0 0 55px; }
.case_c dt, .case_c dt img { width: 100%; display: block; overflow: hidden; }
.case_c dd { padding: 23px 0; background: #fff; text-align: center; width: 87%; height: 116px; position: absolute; left: 6.5%; bottom: 0; box-sizing: border-box; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; overflow: hidden; }
.case_c dd h4 { display: block; font-size: 20px; line-height: 66px; height: 66px; color: #333; font-weight: normal; margin-bottom: 23px; }
.case_c dd h4 a { display: block; color: #333; }
.case_c dd .case_c1 { height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin: 0 25px 35px; }
.case_c dd .case_c2 { height: 125px; }
.case_c2 h5 { font-size: 16px; font-weight: normal; line-height: 26px; height: 44px; position: relative; }
.case_c2 h5:before, .case_c2 h5:after { content: ""; position: absolute; width: 28.6%; height: 1px; top: 13px; right: 7.8%; background: #d5d5d5; }
.case_c2 h5:before { left: 7.8%; }
.case_c2 h5 span { display: block; width: 91px; line-height: 26px; background: #E60012; color: #fff; margin: 0 auto; }
.case_c dd .case_c2 li { width: 25%; float: left; box-sizing: border-box; border-right: dashed 1px #959595; }
.case_c dd .case_c2 li:last-child { border: 0; }
.case_c dd .case_c2 li em { display: block; width: 32px; height: 32px; margin: 0 auto; }
.case_c dl.cur dd, .case_c dl:hover dd { height: 329px; border-bottom: 3px solid #E60012; }
.case_c dl.cur dd h4, .case_c dl:hover dd h4 { margin: 0; }

/*合作*/

.part { padding: 96px 0 100px; clear: both; text-align: center; width: 100%; max-width: 1600px; min-width: 1200px; margin: 0 auto; position: relative; }
.part .til01 { width: 100%; position: absolute; left: 0; top: 64px; }
.part_c, .part_c img { width: 100%; display: block; overflow: hidden; }
.part_pho { display: block; color: #000; font-size: 16px; line-height: 40px; }
.part_pho span { display: inline-block; background: url(../images/c_pho.png) no-repeat 0 center; padding-left: 43px; }
.part_pho b { font-family: Times New Roman; font-size: 40px; color: #E60012; }
.part_pho em { font-size: 24px; }

/**/

.lc { height: 706px; padding-top: 76px; overflow: hidden; background: url(../images/lcbg.jpg) no-repeat center top; box-sizing: border-box; font-size: 16px; }
.lc h2 { margin-bottom: 45px; }
.lc1 { height: 255px; width: 1200px; overflow: hidden; border-top: 2px solid #e1e1e1; background: #fff; position: relative; }
.lc1 ul { height: 233px; width: 1200px; background: url(../images/lc_line12.png) no-repeat 2px bottom; position: relative; z-index: 10; }
.lc1 li { box-sizing: border-box; border-bottom: 1px solid #e1e1e1; width: 150px; float: left; overflow: hidden; height: 184px; font-weight: bold; white-space: nowrap; text-align: center; }
.lc1 li a { display: block; border-right: 1px solid #f1efe7; box-sizing: border-box; padding: 36px 35px 0; color: #555; height: 185px; }
.lc1 li em { font-size: 16px; color: #555555; display: block; width: 80px; height: 80px; margin: 0 auto 22px; overflow: hidden; box-sizing: border-box; border-radius: 100%; }
.lc1 li i { display: block; width: 80px; height: 80px; }
.lc1 .nav1 i { background: #fff url(../images/lc1.png) no-repeat center top; }
.lc1 .nav2 i { background: #fff url(../images/lc2.png) no-repeat center top; }
.lc1 .nav3 i { background: #fff url(../images/lc3.png) no-repeat center top; }
.lc1 .nav4 i { background: #fff url(../images/lc4.png) no-repeat center top; }
.lc1 .nav5 i { background: #fff url(../images/lc5.png) no-repeat center top; }
.lc1 .nav6 i { background: #fff url(../images/lc6.png) no-repeat center top; }
.lc1 .nav7 i { background: #fff url(../images/lc7.png) no-repeat center top; }
.lc1 .nav8 i { background: #fff url(../images/lc8.png) no-repeat center top; }
.lc1 .nav1 a:hover i { background: #fff url(../images/lc1hover.png) no-repeat center top; }
.lc1 .nav2 a:hover i { background: #fff url(../images/lc2hover.png) no-repeat center top; }
.lc1 .nav3 a:hover i { background: #fff url(../images/lc3hover.png) no-repeat center top; }
.lc1 .nav4 a:hover i { background: #fff url(../images/lc4hover.png) no-repeat center top; }
.lc1 .nav5 a:hover i { background: #fff url(../images/lc5hover.png) no-repeat center top; }
.lc1 .nav6 a:hover i { background: #fff url(../images/lc6hover.png) no-repeat center top; }
.lc1 .nav7 a:hover i { background: #fff url(../images/lc7hover.png) no-repeat center top; }
.lc1 .nav8 a:hover i { background: #fff url(../images/lc8hover.png) no-repeat center top; }
.lc1 .on a, .lc1 li a:hover { background: url(../images/lchoverbg.png) no-repeat; color: #fff; }
.lc1 .on em, .lc1 li a:hover em { background: url(../images/lc_bg.png) no-repeat; border: 0; }
.zipper { position: absolute; left: 0; bottom: 15px; width: 1200px; height: 30px; background: url(../images/lc_line1.png) no-repeat left center; z-index: 11; }
.lc_tel { display: block; color: #fff; font-size: 16px; line-height: 40px; background: #E60012; width: 630px; height: 50px; border-radius: 25px; padding: 5px 5px 5px 25px; box-sizing: border-box; margin: 48px auto 0; }
.lc_tel span { display: inline-block; background: url(../images/c_pho2.png) no-repeat 0 center; padding-left: 28px; }
.lc_tel b { font-family: Times New Roman; font-size: 24px; }
.lc_dz { float: right; width: 137px; height: 40px; background: #fff; border-radius: 20px; text-align: center; color: #E60012; }

/*新闻资讯*/

.nswsbox { font-family: "Microsoft Yahei"; line-height: 26px; font-size: 14px; clear: both; color: #666; padding: 68px 0 60px; position: relative; overflow: hidden; }
.news { width: 511px; }
.faqs { width: 600px; }
.new_t { font-size: 24px; height: 52px; line-height: 52px; position: relative; border-bottom: 1px solid #d1d1d1; margin-bottom: 30px; }
.new_more { display: block; color: #808080; text-transform: uppercase; font-size: 14px; font-family: Arial; }
.new_t span { float: left; padding-right: 58px; position: relative; }
.new_t span:nth-child(3):before { content: ""; position: absolute; width: 1px; height: 19px; background: #d9d9d9; left: -29px; top: 17px; }
.new_t span a { display: block; color: #666; }
.new_t span.cur a, .new_t span a:hover { font-weight: bold; color: #E60012; background: url(../images/ico03.png) no-repeat 0 center; padding-left: 37px; }
.faqs .new_t span a { background: url(../images/ico06.png) no-repeat 0 center; padding-left: 37px; }
.news_c dt, .news_c dt img { width: 511px; height: 286px; display: block; overflow: hidden; }
.news_c dd { padding: 20px 0 0; height: 104px; border-bottom: 1px solid #cfcfcf; margin-bottom: 18px; }
.news_c dd h3 { color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-size: 16px; height: 42px; line-height: 28px; }
.news_c dd h3 span { font-weight: normal; font-size: 16px; float: left; width: 81px; line-height: 28px; border-radius: 14px; margin: 0 12px 0 0; text-align: center; background: #E60012; color: #fff; }
.news_c dd h3 a { color: #333; display: block; }
.news_c dd p a { color: #E60012; }
.news_c li { height: 32px; line-height: 32px; position: relative; }
.news_c li a { color: #666; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_c li em { width: 16px; line-height: 16px; text-align: center; background: #000; color: #fff; float: left; margin: 7px 7px 0 0; }
.news_c li:first-child em { background: #E60012; }
.news_c li span { float: right; color: #999; }
.news_c li:hover a, .faqs_c li:hover a { color: #E60012; text-decoration: underline; }
.faqs_c { height: 323px; margin-bottom: 28px; overflow: hidden; }
.faqs_c dl { height: 160px;; overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8; }
.faqs_c dt { display: block; font-size: 18px; line-height: 36px; height: 48px; font-weight: bold; }
.faqs_c dt a { color: #333; }
.faqs_c li { height: 32px; line-height: 32px; background: url(../images/ico04.gif) no-repeat 0 center; padding-left: 15px; position: relative; }
.faqs_c li a { color: #666; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.faqs_gg { height: 130px; background: #E60012; }
.faqs_gg p, .faqs_gg p img { width: 461px; height: 130px; display: block; overflow: hidden; float: left; }
.faqs_gg span { width: 139px; float: left; font-size: 22px; line-height: 28px; text-align: center; }
.faqs_gg span a { display: block; color: #fff; padding: 40px 0; background: url(../images/ico05.png) no-repeat center bottom; }

/*关于*/

.aboutbox { font-family: "Microsoft Yahei"; font-size: 16px; line-height: 34px; color: #fff; overflow: hidden; position: relative; background: url(../images/about_pic.jpg) no-repeat center 0; text-align: center; }
.about_w { padding: 112px 0 0; height: 498px; }
.about_w h2 { font-size: 20px; line-height: 56px; font-weight: normal; height: 236px; position: relative; }
.about_w h2 a { display: block; color: #fff; }
.about_w h2 span { display: block; }
.about_w h2:before { content: ""; position: absolute; width: 50px; height: 1px; top: 202px; left: 50%; margin-left: -25px; background: rgba(255, 255, 255, 0.5); }
.about_l { height: 177px; background: #fff; color: #333; text-align: center; line-height: 30px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2); margin-bottom: 46px; }
.about_l li:before { content: ""; position: absolute; width: 1px; height: 115px; top: 28px; right: 0; background: rgba(0, 0, 0, 0.2); }
.about_l li { height: 177px; width: 300px; float: left; box-sizing: border-box; padding: 29px 0 0; position: relative; }
.about_l li:last-child:before { width: 0; }
.about_l li span { display: block; height: 52px; width: 52px; margin: 0 auto; overflow: hidden; }
.about_l li span img { display: block; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.about_l li p b { line-height: 42px; font-size: 20px; display: block; }
.about_l li.cur, .about_l li:hover { background: #E60012; color: #fff; }
.about_l li.cur span img, .about_l li:hover span img { margin-top: -79px; }

/* 风采展示 */

.show { clear: both; position: relative; font-size: 16px; line-height: 48px; text-align: center; }
.show_t { height: 124px; font-size: 20px; line-height: 46px; color: #333; }
.show_t span { display: inline-block; width: 157px; height: 75px; border-left: 1px solid #d4d4d4; }
.show_t span:first-child { border: 0; }
.show_t span em { display: block; width: 46px; height: 42px; margin: 0 auto; overflow: hidden; }
.show_t span a { color: #333; }
.show_t span.on, .show_t span:hover, .show_t span.on a, .show_t span:hover a { color: #E60012; font-weight: bold; }
.show_t span.on em img, .show_t span:hover em img { margin-top: -70px !important; }
.show_cl { height: 265px; overflow: hidden; }
.show_cl li { width: 285px; float: left; margin: 0 16px 0 0; position: relative; }
.show_cl li:last-child { margin: 0; }
.show_cl li p, .show_cl li p img { width: 285px; height: 213px; display: block; overflow: hidden; }
.show_c li span { display: block; height: 52px; color: #666; }
.show_c li span a { display: block; color: #666; }
.show_c li:hover span a { color: #E60012; }

/*友情链接*/

.link { height: 0; line-height: 79px; position: relative; z-index: 9; font-size: 14px; color: #fff; width: 1200px; margin: 0 auto; text-align: left; opacity: 0.5; }
.link_c { width: 854px; position: absolute; left: 0; top: -143px; }
.link a { display: inline-block; color: #fff; padding: 0 26px; }
.webox_p img, .pro1 dl dt img, .pro_l li p img, .chara_c dt img, .case dt img, .news_c dt img, .show_cl li p img { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.webox_p:hover img, .pro1 dl:hover dt img, .pro_l li:hover p img, .chara_c dl:hover dt img, .case dl:hover dt img, .news_c dl:hover dt img, .show_cl li:hover p img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@keyframes living {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.7; }
    100% { transform: scale(1); opacity: 1; }
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center }
    20% { -webkit-transform: rotate(15deg) }
    40% { -webkit-transform: rotate(-10deg) }
    60% { -webkit-transform: rotate(5deg) }
    80% { -webkit-transform: rotate(-5deg) }
    100% { -webkit-transform: rotate(0deg) }
}

@-moz-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -moz-transform-origin: top center }
    20% { -moz-transform: rotate(15deg) }
    40% { -moz-transform: rotate(-10deg) }
    60% { -moz-transform: rotate(5deg) }
    80% { -moz-transform: rotate(-5deg) }
    100% { -moz-transform: rotate(0deg) }
}