@charset "utf-8";

/*banner*/
.banner { position: relative; background: #fff; margin: 0 auto; overflow: hidden; clear: both; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; vertical-align: top; }
.banner .hd { position: absolute; bottom: 40px; width: 100%; height: 2px; cursor: pointer; z-index: 9; font-size: 0; text-align: center; display: block; }
.banner .hd li { display: inline-block; width: 8px; height: 8px; background: #fff; opacity: 0.4; border-radius: 4px; transition: all 0.5s ease; margin: 0 8px; cursor: pointer; font-size: 0; }
.banner .hd li.on { opacity: 1; width: 26px; }
.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%; }
/*title*/
h2.main_title { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
h2.main_title a { display: block; line-height: 0; }
h2.main_title strong { display: block; font-size: 48px; line-height: 100%; color: #000; letter-spacing: 1px; }
h2.main_title span { display: block; font-weight: normal; font-size: 18px; line-height: 100%; color: #000; margin-top: 20px; }
h2.main_title a.all { width: 238px; height: 61px; background: #DB261D; display: block; margin-top: 2px; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; transition: all 0.5s ease; align-items: center; -webkit-align-items: center; padding: 0 21px; }
h2.main_title a.all span { display: block; font-size: 16px; line-height: 61px; color: #fff; font-weight: bold; margin-top: 0; }
h2.main_title a.all img { display: block; width: 22px; }
h2.main_title a.all:hover { padding: 0 18px; }
h2.main_title1 { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
h2.main_title1 a { display: block; line-height: 0; }
h2.main_title1 strong { display: block; font-size: 48px; line-height: 100%; color: #000; letter-spacing: 1px; margin-bottom: 20px; }
h2.main_title1 span { display: block; font-weight: normal; font-size: 18px; line-height: 100%; color: #000; }
h2.main_title1 p { display: flex; display: -webkit-flex; }
h2.main_title1 i { display: block; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; width: 297px; height: 61px; box-sizing: border-box; border: 1px solid #DB261D; background: #fff; }
h2.main_title1 i img { display: block; width: 31px; margin-right: 14px; }
h2.main_title1 i span { display: block; font-size: 26px; line-height: 59px; color: #000; font-weight: bold; }
h2.main_title1 p > a { width: 150px; height: 61px; background: #d51f15; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
h2.main_title1 p > a img { display: block; width: 22px; margin-right: 16px; transition: all 0.5s ease; }
h2.main_title1 p > a span { display: block; font-size: 16px; line-height: 61px; color: #fff; font-weight: bold; }
h2.main_title1 p > a:hover img { margin-right: 19px; }
/*inrto*/
.intro { padding: 108px 0 121px; }
.intro .content { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.intro .con { padding-top: 14px; width: 588px; }
.intro h2 i { display: block; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: relative; }
.intro h2 i img { display: block; width: 213px; margin-right: 16px; }
.intro h2 i span { display: block; font-size: 32px; line-height: 100%; color: #20307E; font-weight: bold; }
.intro h2 i:before { position: absolute; content: ""; width: 282px; height: 2px; background: #20307e; left: -309px; bottom: 4px; }
.intro h2 i:after { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #20307e; box-sizing: border-box; left: -27px; bottom: 0; }
.intro h2 strong { display: block; white-space: nowrap; margin: 42px 0 25px; font-size: 42px; line-height: 100%; color: #0d0d0d; font-weight: bold; }
.intro h2 a > span { display: block; font-size: 22px; line-height: 100%; color: #0d0d0d; font-weight: normal; }
.intro p { font-size: 16px; line-height: 23px; color: #9c9c9c; margin: 70px 0 40px; }
.intro a.more { display: block; width: 237px; height: 60px; background: #db261d; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; box-sizing: border-box; transition: all 0.5s ease; padding: 0 21px; font-size: 16px; line-height: 60px; color: #fff; font-weight: bold; }
.intro a.more img { display: block; width: 22px; }
.intro a.more:hover { padding: 0 18px; }
.intro .pic { width: 625px; height: 435px; line-height: 0; position: relative; }
.intro .pic img { width: 100%; position: relative; z-index: 2; }
.intro .pic a { display: block; }
.intro .pic a:after { position: absolute; content: ""; width: 619px; height: 434px; background: #21307e; top: 30px; left: -25px; }
.intro .pic:before { position: absolute; content: ""; width: 311px; height: 2px; background: #21307e; left: -311px; top: 168px; }
.intro .pic:after { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #20307e; box-sizing: border-box; left: -321px; top: 164px; }
.product { padding: 94px 0 140px; background: #f2f2f2 url(/images/product_bg.jpg) no-repeat center top; }
.product h2 strong,.product h2 span { color: #fff; }
.pro_con { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-top: 100px; height: 546px; margin-bottom: 94px; }
.pro_con li { width: 24.64%; height: 546px; background: #fff; box-shadow: 2px 3px 15px 1px rgba(0,0,0,0.17); position: relative; }
.pro_con li a { display: block; line-height: 0; height: 100%; width: 100%; }
.pro_con li h3 { font-size: 20px; line-height: 24px; color: #000; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: 31px; left: 26px; transition: all 0.5s ease; }
.pro_con li a > img { width: 100%; }
.pro_con li p { font-size: 15px; line-height: 24px; color: #9c9c9c; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 100%; padding: 0 22px; box-sizing: border-box; bottom: 116px; transition: all 0.5s ease; position: absolute; z-index: 2; }
.pro_con li span { display: block; position: absolute; z-index: 2; width: calc(100% - 44px); left: 22px; bottom: 31px; font-size: 12px; line-height: 36px; color: #9c9c9c; transition: all 0.5s ease; background: url("/images/more1.png") no-repeat right center; background-size: 20px auto; border-bottom: 1px solid #eaeaea; }
.pro_con li span:hover { letter-spacing: 0.5px; }
.pro_con li:hover { z-index: 3; box-shadow: none; }
.pro_con li:hover a { position: absolute; width: 100%; height: 100%; background: #DB261D; left: 0; top: 0; z-index: 3; }
.pro_con li:hover img { mix-blend-mode: multiply; opacity: 0.6; }
.pro_con li:hover h3 { font-size: 30px; line-height: 100%; color: #fff; }
.pro_con li:hover p { color: #fff; }
.pro_con li:hover span { color: #fff; border-color: #fff; background: url("/images/more2.png") no-repeat right center; background-size: 16px auto; }
.pro_list { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.pro_nav { width: 24.64%; height: 760px; background: #fff; position: relative; }
.pro_nav .pro_title { height: 135px; background: #20307e; }
.pro_nav .pro_title > a { display: block; height: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.pro_nav .pro_title img { display: block; width: 30px; margin-right: 24px; }
.pro_nav .pro_title span { display: block; font-size: 30px; line-height: 42px; color: #fff; font-weight: bold; }
.pro_nav .category { display: flex; display: -webkit-flex; height: 494px; padding: 0 14.49%; box-sizing: border-box; flex-direction: column; justify-content: space-evenly; }
.pro_nav .category h3 a { display: block; font-size: 16px; line-height: 26px; color: #9c9c9c; transition: all 0.5s ease; position: relative; transition: color 0.5s; }
.pro_nav .category h3 a:after { position: absolute; content: ""; width: 100%; height: 2px; background: #20307E; top: 37px; left: 0; opacity: 0; transition: all 0.5s ease; }
.pro_nav .category h3 a:hover { color: #20307E; background: url("/images/more3.png") no-repeat right center; }
.pro_nav .category h3 a:hover:after { width: 100%; opacity: 1; }
.pro_nav .product_tel { position: absolute; left: 0; bottom: 0; width: 100%; height: 123px; background: #db261d; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.pro_nav .product_tel img { display: block; width: 27px; margin-right: 17px; }
.pro_nav .product_tel span { display: block; font-size: 24px; line-height: 42px; color: #fff; font-weight: bold; }
.pro_banner { width: 72.928%; }
.pro_banner .hot { height: 446px; position: relative; overflow: hidden; }
.pro_banner .hot img { position: absolute; object-fit: contain; height: 446px; width: auto; }
.pro_banner ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-top: 30px; }
.pro_banner li { width: 31.53%; height: 284px; background: #ffffff; box-shadow: 0px 4px 15px 1px rgba(142,145,156,0.24); position: relative; overflow: hidden; transition: all 0.5s ease; }
.pro_banner li a { display: block; width: 100%; height: 284px; }
.pro_banner li a:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; }
.pro_banner li img { display: block; width: 100%; margin-top: -24px; }
.pro_banner li h4 { position: absolute; width: 100%; font-weight: normal; bottom: 21px; z-index: 2; left: 0; transition: all 0.5s ease; }
.pro_banner li h4 strong,.pro_banner li h4 span { display: block; padding: 0 23px; box-sizing: border-box; font-size: 16px; line-height: 24px; color: #9c9c9c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro_banner li a > span { display: block; position: absolute; width: calc(100% - 52px); left: 26px; bottom: 32px; opacity: 0; font-size: 14px; line-height: 34px; color: #fff; border-bottom: 2px solid #e6e9f1; background: url("/images/more4.png") no-repeat right center; background-size: 16px auto; transition: all 0.5s ease; z-index: 2; }
.pro_banner li a > span:hover { letter-spacing: 0.5px; }
.pro_banner li:hover a:after { background: rgba(219,38,29,0.9); }
.pro_banner li:hover h4 { bottom: auto; top: 40px; }
.pro_banner li:hover h4 strong { font-size: 20px; line-height: 28px; color: #fff; max-height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-emphasis: unset; font-weight: bold; white-space: unset; }
.pro_banner li:hover h4 strong,.pro_banner li:hover h4 span { padding: 0 26px; }
.pro_banner li:hover h4 span { font-size: 20px; line-height: 28px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
.pro_banner li:hover a > span { opacity: 1; }
.idea { background: url(/images/idea_bg.jpg) no-repeat center 244px; box-sizing: border-box; padding: 110px 0 122px; }
.idea .process { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-top: 95px; height: 300px; align-items: flex-start; width: 1146px; }
.idea .process li { position: relative; text-align: center; padding-bottom: 37px; }
.idea .process li img { display: block; margin: 0 auto; width: 42px; }
.idea .process li h3 { font-size: 22px; line-height: 100%; color: #20307E; font-weight: normal; margin-top: 18px; }
.idea .process li::after { position: absolute; content: ""; width: 14px; height: 14px; background: #db261d; background: #cb5154; border-radius: 50%; border: 4px solid #e6eaf2; border-color: #d4d9e7; left: 36px; bottom: 0; }
.idea .process li:nth-child(2n) { padding-top: 40px; margin-top: 91px; margin-left: -45px; }
.idea .process li:nth-child(2n):after { bottom: auto; top: 0; left: 28px; }
.idea .process li:nth-child(3) { margin-top: 47px; padding-bottom: 41px; }
.idea .process li:nth-child(3):after { left: 48px; border-color: #f0f3f6; }
.idea .process li:nth-child(4) { padding-top: 34px; margin-top: 88px; }
.idea .process li:nth-child(4):after { left: 45px; border-color: #e6e9ef; }
.idea .process li:nth-child(5) { margin-top: 44px; padding-bottom: 48px; }
.idea .process li:nth-child(5):after { left: 29px; border-color: #e4e9f2; }
.idea .idea_con { width: 1127px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.idea .idea_con li { width: 359px; height: 416px; background: #ffffff; box-shadow: 0px 4px 25px 2px rgba(142,145,156,0.4); box-sizing: border-box; transition: all 0.5s ease; padding: 56px 36px 0; position: relative; }
.idea .idea_con li img { display: block; width: 72px; margin: 0 auto; }
.idea .idea_con li h3 { font-size: 32px; line-height: 100%; color: #000; font-weight: bold; margin: 30px 0 70px; text-align: center; }
.idea .idea_con li p { font-size: 16px; line-height: 23px; color: #9c9c9c; }
.idea .idea_con li:hover { background: #DB261D; box-shadow: none; }
.idea .idea_con li:hover h3,.idea .idea_con li:hover p { color: #fff; }
.idea .idea_con li:hover img { filter: invert(1); }
.sm_banner { background: url(/images/sm_bg.jpg) no-repeat center top; height: 330px; }
.sm_banner h2 { text-align: right; padding-top: 119px; }
.sm_banner h2 span { display: block; font-size: 36px; line-height: 100%; color: #fff; font-weight: normal; letter-spacing: 2px; padding-right: 111px; }
.sm_banner h2 strong { display: block; margin-top: 23px; font-size: 42px; line-height: 100%; color: #fff; letter-spacing: 3px; }
.case { padding-top: 104px; padding-bottom: 130px; overflow: hidden; background: #f2f2f2; }
.case_con { position: relative; height: 658px; margin-top: 65px !important; }
.case_list { width: 1116px; height: 658px; position: absolute; left: 50%; margin-left: -558px; }
.case_list .tempWrap { overflow: visible !important; }
.case_list .tempWrap div { overflow: visible !important; }
.case_list dl { width: 1026px; height: 658px; overflow: hidden; position: relative; margin: 0 45px; }
.case_list dt { position: relative; z-index: 2; line-height: 0; box-sizing: border-box; }
.case_list dt img { width: 100%; }
.case_list dt a:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); left: 0; top: 0; transition: all 0.5s ease; }
.case_list dd { height: 143px; width: 100%; background: #ffffff; box-sizing: border-box; border-top: none; position: absolute; bottom: 143px; }
.case_list dd a { display: block; padding: 41px 46px 0; height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.case_list dd h4 { width: 240px; font-size: 24px; line-height: 32px; color: #000; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_list dd p { font-size: 16px; line-height: 24px; color: #9c9c9c; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 643px; }
.case_list dl.active { box-shadow: 0px 4px 25px 2px rgba(142,145,156,0.4); }
.case_list dl.active dt a:before { opacity: 0; }
.case_list dl.active dd { bottom: 0; }
.case .prev_btn,.ys .prev_btn,.news .prev_btn,.case .next_btn,.ys .next_btn,.news .next_btn { width: 92px; height: 92px; border: 1px solid #db261d; background: #f8f8f8; box-sizing: border-box; transition: all 0.5s ease; cursor: pointer; z-index: 2; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.case .prev_btn img,.ys .prev_btn img,.news .prev_btn img,.case .next_btn img,.ys .next_btn img,.news .next_btn img { width: 26px; }
.case .prev_btn:hover,.ys .prev_btn:hover,.news .prev_btn:hover,.case .next_btn:hover,.ys .next_btn:hover,.news .next_btn:hover { background: #DB261D; }
.case .prev_btn:hover img,.ys .prev_btn:hover img,.news .prev_btn:hover img,.case .next_btn:hover img,.ys .next_btn:hover img,.news .next_btn:hover img { filter: brightness(10); }
.case .case_prev { top: 211px; position: absolute; right: 50%; margin-right: 468px; }
.case .case_next { top: 211px; position: absolute; left: 50%; margin-left: 468px; }
.ys { background: url(/images/ys_bg.jpg) no-repeat center top; height: 896px; box-sizing: border-box; padding-top: 85px; }
.ys h2 strong,.ys h2 span { color: #fff; }
.ys .ys_title { height: 141px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.ys .switch { width: 172px; padding-top: 9px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.ys_con { height: 670px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.ys_nav { width: 335px; height: 670px; background: #ffffff; box-shadow: 10px 7px 27px 0px rgba(27,27,27,0.1); padding: 15px 50px 0; box-sizing: border-box; }
.ys_nav h3 { height: 160px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; }
.ys_nav h3 i { display: block; width: 100%; }
.ys_nav h3 span { display: inline-block; font-size: 24px; line-height: 100%; color: #9c9c9c; }
.ys_nav h3.on span,.ys_nav h3:hover span { display: block; font-size: 36px; line-height: 42px; color: #000; width: 100%; }
.ys_nav h3.on span:last-child,.ys_nav h3:hover span:last-child { padding-bottom: 11px; border-bottom: 2px solid #DB261D; background: url(/images/more6.png) no-repeat right 23px; background-size: 20px auto; }
.ys_list { width: calc(100% - 335px); background: #fff; height: 670px; }
.ys_list dl { position: relative; line-height: 0; overflow: hidden; }
.ys_list dt { position: relative; }
.ys_list dt img { height: 670px; object-fit: contain; }
.ys_list dd { width: 833px; height: 210px; background: rgba(32,48,126,0.9); border-radius: 60px 0px 0px 0px; position: absolute; right: 0; bottom: 0; z-index: 2; box-sizing: border-box; padding: 54px 80px 0; }
.ys_list dd h4 { font-size: 24px; line-height: 34px; color: #fff; font-weight: bold; }
.ys_list dd h4 strong { font-size: 30px; line-height: 100%; color: #fff; }
.ys_list dd p { font-size: 14px; line-height: 24px; color: #fff; margin-top: 22px; font-weight: bold; }
.ys .ys_prev,.ys .ys_next { border-color: #fff; width: 76px; height: 76px; }
.ys .ys_prev img,.ys .ys_next img { width: 21px; }
.ys .ys_prev:hover,.ys .ys_next:hover { border-color: #DB261D; }
.news { background: #f2f2f2; padding-top: 84px; padding-bottom: 143px; overflow: hidden; }
.news .news_prev,.news .news_next { position: absolute; top: 190px; width: 75px; height: 76px; background: #f8f8f8; border: 2px solid #db261d; z-index: 10; }
.news .news_prev img,.news .news_next img { width: 21px; }
.news .news_prev { left: -129px; }
.news .news_next { right: -129px; }
.news .news_list { position: relative; }
.news .news_list:before,.news .news_list:after { position: absolute; content: ""; width: 50%; height: 700px; background: #f2f2f2; right: calc(100% + 30px); top: -30px; z-index: 9; }
.news .news_list:after { left: calc(100% + 30px); right: auto; }
.news_title { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 57px; }
.news_nav { padding-top: 67px; display: flex; display: -webkit-flex; }
.news_nav h3 { margin-left: 88px; }
.news_nav h3 a { display: block; font-size: 18px; line-height: 100%; color: #9c9c9c; font-weight: normal; transition: all 0.5s ease; padding-bottom: 12px; position: relative; }
.news_nav h3 a:after { position: absolute; content: ""; width: 75px; height: 4px; background: #d51f15; border-radius: 2px; left: 0; bottom: 0; opacity: 0; transition: all 0.5s ease; }
.news_nav h3.on a,.news_nav h3:hover a { color: #DB261D; font-weight: bold; }
.news_nav h3.on a:after,.news_nav h3:hover a:after { opacity: 1; }
.news_con { height: 469px; position: relative; }
.news_con .news_con_list,.news_con .tempWrap { overflow: visible !important; }
.news_list dl { width: 427px; height: 468px; background: #ffffff; box-shadow: 0px 4px 25px 2px rgba(142,145,156,0.4); transition: all 0.5s ease; margin-right: 60px; float: left; }
.news_list dt { height: 212px; position: relative; line-height: 0; overflow: hidden; }
.news_list dt img { height: 212px; width: auto; object-fit: cover; }
.news_list dd { transition: all 0.5s ease; }
.news_list dd a { display: block; padding: 25px 32px 50px; box-sizing: border-box; width: 100%; }
.news_list dd span { display: block; font-size: 14px; line-height: 16px; color: #9c9c9c; }
.news_list dd h4 { font-size: 22px; line-height: 29px; color: #000; max-height: 58px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: normal; margin: 30px 0 27px; }
.news_list dd p { font-size: 16px; line-height: 24px; color: #9c9c9c; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news_list dl:hover { background: #DB261D; box-shadow: none; }
.news_list dl:hover dd span,.news_list dl:hover dd p { color: #fff; }
.news_list dl:hover dd h4 { font-weight: bold; color: #fff; }
.about { height: 484px; background: url(/images/about_bg.jpg) no-repeat center top; padding-top: 87px; box-sizing: border-box; }
.about .con { width: 625px; height: 198px; background: #f2f2f2; box-shadow: 0px 4px 25px 2px rgba(142,145,156,0.4); border-radius: 0px; box-sizing: border-box; border-left: 11px solid #DB261D; padding: 60px 0 0 58px; }
.about .con span { display: block; font-size: 32px; line-height: 100%; color: #20307E; font-weight: bold; margin-bottom: 17px; }
.about .con span:last-child { padding-left: 68px; }
@media screen and (max-width:1440px),screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:2) {
  .intro .pic:before { position: absolute; content: ""; width: 211px; left: -211px; }
  .intro .pic:after { left: -221px; }
  .idea .process li:first-child { padding-bottom: 28px; }
  .idea .process li:nth-child(2) { margin-left: -70px; margin-top: 106px; padding-top: 30px; }
  .idea .process li:nth-child(3) { padding-bottom: 32px; }
  .news_list dl { width: 394px; }
  .news_con .news_prev { left: -150px; }
  .news_con .news_next { right: -150px; }
}