@charset "UTF-8";
.bg_header_child { background: min-height: 360px; }
.header_company { background: url("../common_img/header_company.jpg") no-repeat center top; }
.header_flow { background: url("../common_img/header_flow.jpg") no-repeat center top; }
.header_contact { background: url("../common_img/header_contact.jpg") no-repeat center top; }
.header_products { background: url("../common_img/header_products.jpg") no-repeat center top; }
.header_aboutus { background: url("../common_img/header_aboutus.jpg") no-repeat center top; }
.header_facility { background: url("../common_img/header_facility.jpg") no-repeat center top; }
.header_service { background: url("../common_img/header_service.jpg") no-repeat center top; }
.header_works { background: url("../common_img/header_works.jpg") no-repeat center top; }
.tt_title { font-size: 30px; color: #fff; border-bottom: 4px double #7a7a7a; display: inline-block; margin-bottom: 30px; padding-bottom: 5px; }
.tt_title2 { font-size: 24px; color: #fff; border: 1px solid #fff; padding: 9px 20px; margin-bottom: 30px; }

/* company_page */
.company_page .sec01 .box_l { float: left; width: 500px; }
.company_page .sec01 .box_r { float: right; width: 450px; }
.company_page .sec01 .box_r img { width: 450px; }
.tb_style table { width: 100%; border-collapse: separate; border-spacing: 1px; }
.tb_style table tr:nth-child(2n+1) { background: #393939; }
.tb_style table tr:nth-child(2n+0) { background: #192930; }
.tb_style table th { padding: 11px 20px; text-align: left; font-weight: normal; color: #fff; }
.tb_style table td { padding: 11px 20px; color: #fff; }
.company_page .sec02 .tt_p { background: url("../company/images/note.png") no-repeat center left; padding-left: 25px; margin-bottom: 12px; font-size: 18px; font-weight: bold; }
.company_page .sec03 { background: url("../company/images/bg_sec03.jpg") no-repeat top center; padding: 50px 0; }
.company_page .sec03 .item1 { width: 550px; background: #0f6385; padding: 20px 25px 55px; box-sizing: border-box; }
.company_page .sec03 .item2 { width: 710px; background: #000; padding: 25px; box-sizing: border-box; float: right; margin-top: -30px; }

/* flow_page */
.flow_page .item1 { background: url("../flow/images/bg_ellip.png") no-repeat top center; width: 140px; height: 140px; display: table; float: left; margin-right: 35px; }
.flow_page .item1 p { font-size: 30px; display: table-cell; vertical-align: middle; text-align: center; }
.flow_page .item2 { width: 500px; float: left; margin-right: 40px; }
.flow_page .item3 { width: 285px; float: left; }
.flow_page .title { font-size: 22px; border-bottom: 1px solid #595959; padding-bottom: 10px; margin-bottom: 20px; position: relative; }
.flow_page .title:after { content: ""; border-bottom: 1px solid #175c84; position: absolute; bottom: -1px; left: 0; width: 47px; }
.flow_page .banner_contact { background: #0397d3; padding: 11px 20px; box-sizing: border-box; margin-top: 12px; }
.flow_page .arrow { text-align: center; padding: 20px 0; }
.cont_contact { background: url("../flow/images/bg_contact.jpg") no-repeat top center #0397d3; padding: 28px; box-sizing: border-box; margin: 60px auto; }
.cont_contact h4 { font-size: 22px; text-align: center; margin-bottom: 18px; }
.cont_contact article { width: 700px; margin: 0 auto; }
.cont_contact .w500 { width: 500px; float: left; }

/* contact_page */
.contact_page .sec01 { background: url("../contact/images/bg_sec01.jpg") no-repeat top center; padding: 45px 0; }
.contact_page .sec01 article { width: 800px; margin: 0 auto; background: #1b1b1b; padding: 25px 75px; box-sizing: border-box; }
.contact_page .sec01 h3 { font-size: 36px; background: url("../contact/images/bg_h3.png") no-repeat bottom center; padding-bottom: 20px; margin-bottom: 20px; text-align: center; }
.contact_page .sec02 { padding: 45px 0; }
.bg_blue { background: #c3d8e0; padding: 25px; color: #003567; margin-bottom: 25px; }
.contact_page a { color: #00a2ff; }
.tt_block { background: url("../contact/images/tt_block.png") no-repeat top left 10px #0f6385; padding: 6px 35px; font-size: 20px; }
.contact_pp { border: 1px solid #0f6385; background: #1a2226; padding: 25px; line-height: 2; margin-bottom: 20px; }
.contact_pp li { list-style: decimal; list-style-position: inside; }
.contact_pp .txt_color { color: #ff624f; }
.contact_page .sec03 { padding-bottom: 55px; }
.contact_page .sec03 p { margin-bottom: 20px; }
.contact_page .sec03 .goole { font-size: 24px; padding: 5px 20px; border: 1px solid #fff; }


/* aboutus_page */
.aboutus_page .content { padding: 55px 0; box-sizing: border-box; }
.aboutus_page #sec01 { background: url("../aboutus/images/bg_sec01.jpg") no-repeat top center; }
.aboutus_page .content .box { width: 550px; background: rgba(27, 27, 27, 0.96); padding: 40px 40px 40px 20px; box-sizing: border-box; }
.aboutus_page .content h4 { font-size: 26px; margin-bottom: 20px; }
.aboutus_page #sec02 { background: url("../aboutus/images/bg_sec02.jpg") no-repeat top center; }
.aboutus_page .content .box02 { background: rgba(27, 27, 27, 0.96); padding: 40px 20px; box-sizing: border-box; }
.aboutus_page #sec03 { background: url("../aboutus/images/bg_sec03.jpg") no-repeat top center; width: 470px; }
.aboutus_page #sec04 { background: url("../aboutus/images/bg_sec04.jpg") no-repeat top center; width: 470px; }


/* facility_page */
.facility_page .sec01 h3 { padding: 30px 0 0 100px; }
.facility_page .sec01 .box { width: 715px; float: right; position: relative; }
.facility_page .sec01 .box p { background: rgba(27, 27, 27, 0.75); padding: 22px 25px; position: absolute; bottom: 0; }
.style02 table { width: 100%; border-collapse: separate; border-spacing: 1px; }
.style02 table th { padding: 15px 22px; text-align: left; font-weight: normal; background: #163845; vertical-align: middle; }
.style02 table td { padding: 15px 22px; background: #fff; color: #000; }
.facility_page .sec03 li { width: 310px; margin-right: 35px; float: left; margin-bottom: 35px; }
.facility_page .sec03 li a { display: block; text-decoration: none; }
.facility_page .sec03 li:nth-child(3n+3) { margin-right: 0; }
.facility_page .sec03 .img { background: #fff; width: 310px; height: 170px; position: relative; }
.facility_page .sec03 .img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; width: auto; max-height: 170px; height: auto; }
.facility_page .sec03 .text_fac { background: #d9d9d9; padding: 15px 20px; color: #000; }
.facility_page .sec03 .text_fac h5 { font-size: 16px; position: relative; padding-bottom: 6px; margin-bottom: 10px; }
.facility_page .sec03 .text_fac h5:after { content: ""; border-bottom: 1px solid #8b95a2; bottom: 0; left: 0; width: 80px; position: absolute; }

/* products_page */
.products_page .sec01 h3 { padding: 150px 0 0 100px; }
.products_page .sec01 .box { width: 715px; float: right; position: relative; }
.products_page .sec01 .box .txt { position: absolute; bottom: 0; }
.products_page .sec01 .box h4 { background: rgba(0, 53, 103, 0.85); font-size: 20px; text-align: center; padding: 15px; }
.products_page .sec01 .box p { background: rgba(27, 27, 27, 0.75); padding: 22px 25px; }
.products_page .sec02 li { width: 480px; float: left; margin-right: 40px; margin-bottom: 35px; }
.products_page .sec02 li img { width: 480px; }
.products_page .sec02 li:nth-child(2n+2) { margin-right: 0; }
.products_page .sec02 li .tit { font-size: 18px; text-align: center; color: #000; padding: 10px; margin-bottom: 15px; background: #e5e5e5; }
.products_page .bg_item { background: #0f6385; padding: 15px 22px 20px; }
.products_page .bg_item h4 { font-size: 24px; margin-bottom: 12px; position: relative; background: url("../products/images/line.jpg") repeat-x center; }
.products_page .bg_item h4 span { display: inline-block; background: #0f6385; padding-right: 20px; }

/* service_page */
.service_page .sec01 h3 { padding: 90px 0 0 100px; }
.service_page .sec01 .box { width: 715px; float: right; position: relative; }
.service_page .sec01 .box .txt { position: absolute; bottom: 0; }
.service_page .sec01 .box h4 { background: rgba(0, 53, 103, 0.85); font-size: 20px; text-align: center; padding: 15px; }
.service_page .sec01 .box p { background: rgba(27, 27, 27, 0.75); padding: 22px 25px; }
.service_page .sec02 h3 { font-size: 26px; background: url("../service/images/bg_tit.jpg") no-repeat top center; padding: 13px 60px; position: relative; }
.service_page .sec02 h3:after { content: ""; background: url("../service/images/error.png"); position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; }
.service_page .sec02 .cont { background: #fff; padding: 25px; color: #000; }
.service_page .sec02 .cont figure { float: right; }
.service_page .sec02 .cont .txt { overflow: hidden; margin-bottom: 25px; }
.service_page .sec02 .cont2 { background: #ff624f; padding: 10px; box-sizing: border-box; }
.service_page .sec02 .cont2 h4 { font-size: 20px; margin-bottom: 10px; padding-left: 30px; position: relative; color: #fff; }
.service_page .sec02 .cont2 h4:after { border-bottom: 4px solid #fff; position: absolute; left: 0; top: 10px; content: ""; width: 16px; }
.service_page .sec02 .cont2 .item2 { background: #fff; padding: 15px 20px; box-sizing: border-box; }
.service_page .sec03 ul { float: left; margin-right: 75px; }
.service_page .sec03 ul li { margin-bottom: 10px; }

/* works_page */
.works_page #psub { width: 218px; float: left; }
.works_page #psub li { background: #0f6385 url("../common_img/arrow2.png") no-repeat right 10px center; text-align: center; border: 1px solid #1b1b1b; margin-bottom: 20px; }
.works_page #psub li a { text-decoration: none; font-size: 14px; display: block; color: #fff; padding: 10px; }
.works_page #psub li:hover,
.works_page #psub li.active { border: 1px solid #fff; }

.works_page #pcont { width: 740px; float: right; }
.works_page #pcont .box_works { background: #fff; padding: 0 1px 1px; box-sizing: border-box; width: 355px; margin-right: 30px; margin-bottom: 30px; float: left; }
.works_page #pcont .box_works:nth-child(2n+2) { margin-right: 0; }
.works_page #pcont .box_works a { display: block; text-decoration: none; }
.works_page #pcont .box_works .tit { background: #05b3ba; padding: 5px 25px; margin-bottom: 10px!important; width: 190px; color: #fff; margin: 0 auto; }
.works_page #pcont .box_works h4 { color: #000; font-size: 14px; display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; }
.works_page #pcont .box_works .item { background: #1b1b1b; padding: 20px 20px 30px; box-sizing: border-box; position: relative; margin-top: 10px; color: #fff; }
.works_page #pcont .box_works .item:after { content: ""; background: url("../common_img/arrow4.png"); width: 22px; height: 22px; position: absolute; right: 1px; bottom: 1px; }
.works_page #pcont .box_works .item figure { width: 315px; height: 210px; position: relative; margin-bottom: 22px; }
.works_page #pcont .box_works .item figure img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; width: auto; max-height: 210; height: auto; }
.works_detail { border: 1px solid #e5e5e5; }
.works_detail h4 { background: #e5e5e5; font-size: 18px; padding: 10px; color: #000; }
.works_detail figure { padding: 40px 40px 20px; }
.works_detail figure img { width: 660px; }
.works_detail .cont_detail { padding: 0 20px 20px; }