body{background-color:#fff} a{color:#2c2d2c} a:focus,a:hover{color:#ef5300;text-decoration:underline} .container,.container-layout{padding-left:15px;padding-right:15px} .show-mm,.show-sm{display:none} .show-b,.show-l,.show-m,.show-mm,.show-s,.show-sm{display:none} .line-big{margin-left:-15px;margin-right:-15px} .line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xml1,.line-big .xml10,.line-big .xml11,.line-big .xml12,.line-big .xml2,.line-big .xml3,.line-big .xml4,.line-big .xml5,.line-big .xml6,.line-big .xml7,.line-big .xml8,.line-big .xml9,.line-big .xmm1,.line-big .xmm10,.line-big .xmm11,.line-big .xmm12,.line-big .xmm2,.line-big .xmm3,.line-big .xmm4,.line-big .xmm5,.line-big .xmm6,.line-big .xmm7,.line-big .xmm8,.line-big .xmm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xsm1,.line-big .xsm10,.line-big .xsm11,.line-big .xsm12,.line-big .xsm2,.line-big .xsm3,.line-big .xsm4,.line-big .xsm5,.line-big .xsm6,.line-big .xsm7,.line-big .xsm8,.line-big .xsm9{min-height:1px;padding-right:15px;padding-left:15px} .display-table{width:100%;height:100%;display:inline-table;text-align:center;vertical-align:middle} .display-table .display-cell{width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle} header{background-color:#fff;padding:10px 0} header .nav{color:#2c2d2c;padding:15px 0 10px;line-height:35px} header .nav a{display:inline-block;padding:0 7px;color:#333} header .nav a:hover{color:#333} .solder{margin:0 auto;background-color:#000} .solder img{display:block;margin:0 auto} article{background-color:#525251} footer{background:#30303d;color:#fefefe;text-align:center;padding:20px 0;width:100%} footer.footer{margin-top:0} footer p{font-size:12px;line-height:16px} footer span{margin:0 10px} .headlinks{text-align:center;font-size:18px;line-height:48px;background-color:#000;border-top:1px solid #da6716} .headlinks a{color:#fff} .protitle{height:40px;padding:10px 15px;line-height:20px;font-size:14px;background-color:#da6716;background:-moz-linear-gradient(top,#e47d1e 0,#c64406 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e47d1e),color-stop(100%,#c64406));background:-webkit-linear-gradient(top,#e47d1e 0,#c64406 100%);background:-o-linear-gradient(top,#e47d1e 0,#c64406 100%);background:-ms-linear-gradient(top,#e47d1e 0,#c64406 100%);background:linear-gradient(to bottom,#e47d1e 0,#c64406 100%)} .protitle h3{float:left;font-size:14px;font-weight:700;line-height:20px} .protitle a{color:#fff;float:right;line-height:20px} .con-01,.con-03,.con-05{background-color:#9b9691} .con-01,.con-02,.con-03{padding-bottom:15px} .con-07 .pro_in{padding:20px 0 10px;background-color:#313131} .con-07 .pro_in .index_list{padding:0 35px;width:20%;float:left} .con-07 .pro_in .index_list a{color:#fff;line-height:24px} .con-07 .pro_in .index_list strong{font-weight:700;margin-bottom:5px;line-height:32px} .main-title{padding:15px;background-color:#da6716;background:-moz-linear-gradient(top,#e47d1e 0,#c64406 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e47d1e),color-stop(100%,#c64406));background:-webkit-linear-gradient(top,#e47d1e 0,#c64406 100%);background:-o-linear-gradient(top,#e47d1e 0,#c64406 100%);background:-ms-linear-gradient(top,#e47d1e 0,#c64406 100%);background:linear-gradient(to bottom,#e47d1e 0,#c64406 100%)} .main-title:after{display:block;clear:both;width:100%;content:" "} .main-title .main-title-til{float:left;color:#000;font-size:30px;line-height:30px;font-weight:700;text-shadow:1px 1px 0 #bbb} .main-title .cont-til-btn{padding-top:5px;float:right} .main-title .cont-til-btn p{display:inline-block;vertical-align:top;color:#333;cursor:pointer;padding:0 10px;margin-right:10px;background-color:#ffed56;background:-moz-linear-gradient(top,#fff9be 0,#ffe614 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff9be),color-stop(100%,#ffe614));background:-webkit-linear-gradient(top,#fff9be 0,#ffe614 100%);background:-o-linear-gradient(top,#fff9be 0,#ffe614 100%);background:-ms-linear-gradient(top,#fff9be 0,#ffe614 100%);background:linear-gradient(to bottom,#fff9be 0,#ffe614 100%)} .main-title .cont-til-btn p.active{background:#fff} .main-title .cont-til-btn p.cont-btn-left,.main-title .cont-til-btn p.cont-btn-right{width:24px;height:24px;padding:0;color:#ef5300;font-size:24px;text-align:center} .main-title .cont-til-btn p.cont-btn-right{margin-right:0} .sub-til{background-color:#201f1d;color:#ef5300;padding:10px 5px;font-size:24px;line-height:30px;text-align:center} .con-01{padding:30px 0 0} .con-01 .cont01-left{background-color:#3a3635;padding:15px;margin-bottom:30px} .con-01 .pevoide{margin-bottom:15px} .con-01 .peabout{margin-bottom:15px} .con-01 .peabout .about-edat{padding:10px;line-height:30px;background-color:#bdb9b4} .con-01 .peabout .about-edat p{line-height:30px} .con-01 .advantage .advantage-til{color:#ef5300;padding-left:30px;height:26px;line-height:26px;position:relative} .con-01 .advantage .advantage-til:before{position:absolute;left:8px;top:7px;width:12px;height:12px;display:block;content:'';background-color:#ef5300} .con-01 .advantage .advantage-tag{padding-left:30px;line-height:26px;color:#fff;background-color:#2d2b2a} .con-01 .mainunit,.con-01 .principle{border:1px solid #201f1d;background-color:#bdb9b4} .con-01 .mainunit .mainunit-edat,.con-01 .mainunit .principle-edat,.con-01 .principle .mainunit-edat,.con-01 .principle .principle-edat{padding:10px} .con-01 .mainunit .mainunit-edat-img img,.con-01 .principle .mainunit-edat-img img{margin:0 auto} .con-01 .mainunit{margin-bottom:30px} .con-02 .product-line{display:none} .con-02 .product-line.active-cont{display:block} .con-02 .cont-02-left{padding:15px;background-color:#b0b0b0} .con-02 .cont-02-left .cont-02-til{line-height:28px} .con-02 .cont-02-left .cont-02-til .icon-quote-left,.con-02 .cont-02-left .cont-02-til .icon-quote-right{width:37px;height:28px;font-size:30px;color:#ef5300;float:left;margin-top:-6px} .con-02 .cont-02-left .cont-02-til .icon-quote-right{float:right;margin-top:6px} .con-02 .cont-02-left .cont-02-edat{background-color:#4f4347;margin-top:20px;padding:15px;color:#fff} .con-02 .cont-02-left .cont-02-edat .cont-02-edat-til{font-size:18px;font-weight:700;color:#ef5300} .con-02 .cont-02-left .cont-02-edat a{color:#ef5300} .con-02 .cont-02-left .cont-02-imgs{background-color:#4f4347;margin-top:20px;padding:15px;color:#fff} .con-03 a{color:#ef5300;text-decoration:none} .con-03 .analysis{border:15px solid #b0b0b0;background-color:#1e1e1e} .con-03 .analysis .analysis-til{line-height:30px;padding:10px 2px;font-size:24px;text-align:center;color:#000;background-color:#fff38e;position:relative} .con-03 .analysis .analysis-til:before{position:absolute;left:0;top:0;width:0;height:0;display:block;content:'';border-bottom:25px solid transparent;border-left:25px solid #ef5300} .con-03 .analysis .analysis-edat{padding:15px;color:#ededed} .con-03 .analysis .analysis-edat .color-org{color:#ef5300} .con-03 .analysis .analysis-edat hr{background:0 0;height:0;border-bottom:1px dashed #999} .con-03 .analysis .analysis-edat-02 p{line-height:27px} .con-03 .analysis .analysis-edat-03 p{line-height:27px} .con-03 .analysis .analysis-edat-img{margin-top:10px;margin-bottom:10px} .con-03 .analysis .analysis-edat-img img{width:100%} .con-04 .machining{padding:15px;background-color:#1e1e1e} .con-04 .machining li{margin-top:15px;margin-bottom:15px} .con-04 .machining .machining-linkst{margin-top:0;margin-bottom:0} .con-04 .machining .machining-img img{margin:0 auto} .con-04 .machining .machining-text{position:relative} .con-04 .machining .machining-text .machining-ico{position:absolute;top:3px;bottom:3px;width:30px;display:block;background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .con-04 .machining .machining-text .machining-ico:after{position:absolute;width:13px;height:24px;display:block;top:50%;margin-top:-12px;content:'';clear:both;background:url(../img/case-right-bg.png) no-repeat center center} .con-04 .machining .machining-text-right{padding-left:30px} .con-04 .machining .machining-text-right .machining-ico{left:0;background-image:url(../img/machining-text-right.png)} .con-04 .machining .machining-text-right .machining-ico:after{left:12px;background-image:url(../img/machining-ico-right.png)} .con-04 .machining .machining-text-left{padding-right:30px} .con-04 .machining .machining-text-left .machining-ico{right:0;background-image:url(../img/machining-text-left.png)} .con-04 .machining .machining-text-left .machining-ico:after{right:12px;background-image:url(../img/machining-ico-left.png)} .con-04 .machining .machining-edat{background-color:#000;padding:10px;border-radius:5px} .con-04 .machining .machining-til{color:#ef5300;font-size:22px;line-height:32px;padding:5px 0;border-bottom:1px dashed #333} .con-04 .machining .machining-tex{color:#fff;padding:5px 0;border-bottom:1px dashed #333} .con-04 .machining .machining-btn{color:#fff;display:inline-block;margin:10px 0 0;padding:0 10px;border-radius:5px;background-color:#da6716;background:-moz-linear-gradient(left,#e47d1e 0,#c64406 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#e47d1e),color-stop(100%,#c64406));background:-webkit-linear-gradient(left,#e47d1e 0,#c64406 100%);background:-o-linear-gradient(left,#e47d1e 0,#c64406 100%);background:-ms-linear-gradient(left,#e47d1e 0,#c64406 100%);background:linear-gradient(to right,#e47d1e 0,#c64406 100%)} .con-04 .machining .machining-btn a{color:#fff;display:block} .con-05 .prot-tabl{background-color:#eee} .con-05 .prot-tabl .prot-tab-tga{padding:15px} .con-05 .prot-tabl td{line-height:18px;padding:5px;text-align:center;vertical-align:middle} .con-06{padding:15px 0} .con-06 .cont-from{padding:0 0 10px;background-color:#fff;border:1px solid #000} .con-06 .cont-from .cont-from-tga{padding:3px 15px} .con-06 .cont-from .cont-from-in{padding:0 15px} .con-06 .cont-news{line-height:32px;background-color:#b5b1ac} .con-06 .cont-news .cont-news-list{padding:15px} .con-06 .cont-news .cont-news-list li{line-height:37px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .con-06 .guestbook2{width:100%;min-height:110px;height:auto!important;margin:0 auto;background:#b5b1ac;padding:15px} .con-06 .guestbook2 .message{width:100%;margin:0 auto;padding:1px;background:#b5b1ac} .con-06 .guestbook2 .message textarea{background:#fff} .con-06 .guestbook2 .info_submit{width:100%;float:left} .con-06 .guestbook2 .info_submit .phone{width:80%;padding:1px;float:left;background:#b5b1ac} .con-06 .guestbook2 .info_submit .submit_Ico{width:18%;float:right} .con-06 .guestbook2 .info_submit .submit_Ico .sub_button{width:100%;background-color:#666;color:#fff;border:none;height:32px;line-height:32px} .con-06 .guestbook2 .tel_input{background:#fff;width:100%;height:32px;line-height:32px;border:1px solid #545454;padding:0 5px;color:#777} .con-06 .guestbook2 .words_input{background:#b5b1ac;width:100%;color:#777;height:120px;line-height:24px;padding-top:0;padding-left:5px;padding-right:5px;padding-bottom:0;border:1px solid #545454} .con-06 .form-group .province{width:50%;float:left;padding-right:8px} .con-06 .form-group .city{width:50%;float:left;padding-left:8px} @media (max-width:999px){.con-05 .prot-tabl .prot-tab-div{overflow:scroll} } @media (max-width:759px){.headlinks{font-size:16px} .headlinks .line-big{margin:0 -10px} .headlinks .line-big ul li{padding:0 0} .main-title .main-title-til{font-size:26px} .sub-til{font-size:22px;line-height:20px} .con-03 .analysis .analysis-til{font-size:20px;line-height:20px} .con-04 .machining .machining-til{font-size:20px} } @media (max-width:660px){.main-title-01,.main-title-02{text-align:center;padding:10px 5px} .main-title-01 .main-title-til,.main-title-02 .main-title-til{width:100%;font-size:24px} .main-title-01 .cont-til-btn,.main-title-02 .cont-til-btn{width:100%;margin-top:5px} } @media (max-width:580px){.show-mm{display:block} .hide-mm{display:none} .xmm1,.xmm10,.xmm11,.xmm12,.xmm2,.xmm3,.xmm4,.xmm5,.xmm6,.xmm7,.xmm8,.xmm9{float:left} .xmm12{width:100%} .xmm11{width:91.66666667%} .xmm10{width:83.33333333%} .xmm9{width:75%} .xmm8{width:66.66666667%} .xmm7{width:58.33333333%} .xmm6{width:50%} .xmm5{width:41.66666667%} .xmm4{width:33.33333333%} .xmm3{width:25%} .xmm2{width:16.66666667%} .xmm1{width:8.33333333%} header{padding:10px 0} header .logo{width:100%} header .logo img{display:block;margin:0 auto} header .nav{display:block;width:100%;text-align:center;padding:5px 0 0;line-height:20px} header .nav a{padding:0 10px} .main-title{text-align:center} .main-title .main-title-til{font-size:24px} .sub-til{font-size:20px;line-height:20px} .con-03 .analysis .analysis-til{font-size:18px;line-height:20px} .con-04 .machining{padding:15px;background-color:#1e1e1e} .con-04 .machining li{margin-top:10px;margin-bottom:10px} .con-04 .machining .machining-til{font-size:18px} .con-04 .machining .machining-text{position:relative;margin-top:10px} .con-04 .machining .machining-text .machining-ico{top:auto;bottom:auto;left:18px;right:18px;width:auto;height:30px} .con-04 .machining .machining-text .machining-ico:after{position:absolute;width:24px;height:13px;display:block;top:50%;left:50%;margin-top:0;margin-left:-12px;content:'';clear:both;background:url(../img/machining-ico-top.png) no-repeat center center} .con-04 .machining .machining-text-right{padding-top:30px;padding-left:15px} .con-04 .machining .machining-text-right .machining-ico{top:0;background-image:url(../img/machining-text-top.png)} .con-04 .machining .machining-text-right .machining-ico:after{background-image:url(../img/machining-ico-top.png)} .con-04 .machining .machining-text-left{padding-top:30px;padding-right:15px} .con-04 .machining .machining-text-left .machining-ico{top:0;background-image:url(../img/machining-text-top.png)} .con-04 .machining .machining-text-left .machining-ico:after{background-image:url(../img/machining-ico-top.png)} .con-04 .machining-edat{text-align:center} } @media (max-width:480px){.show-sm{display:block} .hide-sm{display:none} .xsm1,.xsm10,.xsm11,.xsm12,.xsm2,.xsm3,.xsm4,.xsm5,.xsm6,.xsm7,.xsm8,.xsm9{float:left} .xsm12{width:100%} .xsm11{width:91.66666667%} .xsm10{width:83.33333333%} .xsm9{width:75%} .xsm8{width:66.66666667%} .xsm7{width:58.33333333%} .xsm6{width:50%} .xsm5{width:41.66666667%} .xsm4{width:33.33333333%} .xsm3{width:25%} .xsm2{width:16.66666667%} .xsm1{width:8.33333333%} header{padding:10px 0} header .nav{padding:5px 0 0;line-height:20px} header .nav a{padding:0 10px} .headlinks{font-size:16px;line-height:32px} .headlinks .line-big{margin:0 -10px} .headlinks .line-big ul li{padding:0 0;border-bottom:1px solid #9b9691} .headlinks .line-big ul li:nth-child(2n){border-left:1px solid #9b9691} .main-title .main-title-til{font-size:22px} .main-title-03,.main-title-04{text-align:center;padding:10px 5px} .main-title-03 .main-title-til,.main-title-04 .main-title-til{width:100%} .main-title-03 .cont-til-btn,.main-title-04 .cont-til-btn{width:100%;margin-top:5px} .sub-til{font-size:18px;line-height:18px} .con-03 .analysis .analysis-til{line-height:18px} } @media (max-width:370px){.hide-ml{display:none} .xml1,.xml10,.xml11,.xml12,.xml2,.xml3,.xml4,.xml5,.xml6,.xml7,.xml8,.xml9{float:left} .xml12{width:100%} .xml11{width:91.66666667%} .xml10{width:83.33333333%} .xml9{width:75%} .xml8{width:66.66666667%} .xml7{width:58.33333333%} .xml6{width:50%} .xml5{width:41.66666667%} .xml4{width:33.33333333%} .xml3{width:25%} .xml2{width:16.66666667%} .xml1{width:8.33333333%} header{padding:10px 0} header .nav{padding:5px 0 0;line-height:20px} header .nav a{padding:0 3px} } @media (min-width:760px) and (max-width:999px){.con-01 .principle .principle-edat{padding:10px 30px 40px} .con-01 .principle .principle-edat p{line-height:32px} .con-06 .guestbook2 .info_submit .phone{width:100%} .con-06 .guestbook2 .info_submit .submit_Ico{width:100%;margin-top:5px} } @media (min-width:1000px) and (max-width:1199px){.con-01 .peabout .about-edat p{line-height:23px} .con-03 .analysis .analysis-til{font-size:22px} .con-03 .analysis .analysis-edat-02 p{line-height:26px} .con-03 .analysis .analysis-edat-03 p{line-height:25px} .con-04 .machining .machining-img{padding-top:30px} .con-06 .guestbook2 .words_input{height:160px} .con-06 .cont-news .cont-news-list li{line-height:39px} } @media (min-width:1200px){.con-01 .peabout .about-edat p{line-height:35px} .con-06 .guestbook2 .words_input{height:138px} }