body,h1, h2, h3, h4, h5, h6, p{font-family: Barlow,sans-serif; }

/* TubeBendCutWeld.html */


.tubebending_ban{ margin: 0 auto; display: block; }
.bend_video video{ width: 100%; /*height: 515px; background-color: #000;*/ margin: 0 auto; display: block;}

.bending_menu{  width: 100%;  margin: 0 auto;background-color: #8c8c8c; text-align: center; padding: 22px 0;}
.bending_menu p{  color: #fff;   display:inline-block;  font-size: 20px; margin: 0; }
.bending_menu p:nth-child(2){ margin: 0 18%; }



.tubebending_box{ width: 1200px;margin:50px auto; display: block;  }
.tubebending_box_left{ border:5px solid #e4e4e4; background-color: #fff; padding: 0;}
.tubebending_box_left h2{ font-size: 20px; color: #000; font-weight: bold; margin:30px 0 10px 30px; padding: 0; line-height: 20px; }
.tubebending_box_left ul li{ font-size: 18px; line-height: 24px; color: #333; }
.tubebending_box_left ul li span{ background: url(../images/bending/bending_img01.png) no-repeat center; width: 10px; height: 13px; display: inline-block; float: right;margin-top: 7px;}
.tubebending_box_left ul li a{ color: #333; font-weight: 300; padding:18px 20px; display: block; }
.tubebending_box_left ul li:hover,.tubebending_box_left .tubending_hover{ background-color: #1d93d5; } 
.tubebending_box_left ul li:hover a,.tubending_hover a{ color: #fff; }
.tubebending_box_left ul li:hover span{background: url(../images/bending/bending_img02.png) no-repeat center;}
.tubebending_box_left .tubending_hover{background-color: #1d93d5;}
.tubebending_box_left .tubending_hover a{color: #fff;}
.tubebending_box_left .tubending_hover span{background: url(../images/bending/bending_img02.png) no-repeat center;}
.tubebending_box_right p{ font-size: 16px;  color: #525558; margin-bottom: 10px; }
.tubebending_box_right a{ color: #448cb5;  font-weight: 500; font-size: 16px;}
.tubebending_box_right a:hover{ text-decoration: underline; color:#0168a3;  }
.tubebending_box_right .learn_gif{ width: 3%; margin: 0 5px 2px 0px; }
.tubebending_box_right img{  margin: 10px 0 20px; }
.tubebending_box_right h3{ font-size: 26px; border:none;/*  font-weight: bold;*/ margin: 30px 0 15px; line-height: 20px; padding: 0; }
.tubebending_box_right dl{ font-size: 16px; margin-bottom: 10px;color: #333;}
.tubebending_box_right dl dd{ margin-top: 5px; }
.tubebending_box_right dl dd span,.tubebending_box_right p span,.manu_china span{ width: 4px; height: 4px; border-radius: 10px; background-color: #333; display: inline-block; margin: 0 7px 3px 0; }
.bend_mateal_left{ float: left; width: 75%; }
.bend_mateal_right{ float: right; width: 20%; }
.tubebending_box_right .bend_mateal_right img{ margin: 0; }
.tubebending_box_right .bend_mateal_left .learn_gif{ width: 4%; }
.tubebending_box_right .tube_dram{ width: 5%; margin:0 0 8px 10px;}


/* ManufactureinUSAandChina.html */
.manu_china{width: 1200px;}
.manu_china p{ font-size: 16px; }
.manu_china h5{ font-size: 18px; margin: 15px 0; line-height: 24px; }
.manu_china img{ margin-top: 20px; }
.manu_china a{ color: #333; }


/*  bending.html */
.manu_china h3{ font-size: 26px; line-height: 30px; }
.manu_china video{ height: 363px; }
.manu_china .bend_video{ margin: 30px 0; }
.manu_china p b{ color: #333; }
.bending_p_left30{ margin-left: 30px; }
.bending_p_left30 i{ border-radius: 10px; width: 4px;height: 4px; border:1px solid #666; display: inline-block; margin:0 10px 4px 0; }


.manu_china h4{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.manu_china img{ margin-bottom: 30px; }
.manu_china .img_det{ margin: 0 0 10px; }

.manu_china .tubend_top{ margin-top: 30px; }

.manu_china h5 b{background: url(../images/bending/bending_img03.png) no-repeat center; width: 84px; height: 27px; display: inline-block; color: #fff;padding-left:8px; font-weight: 300; margin-right: 6px; }


/* machiningus.html */
.machin_us_box .learn_gif{ width: 2%;  margin: 0 2px 2px 0px; }
.machin_us a{color: #448cb5;  font-weight: 500; font-size: 16px;}
.us_p1{ font-size: 16px; margin-top: 30px;}
.machin_us a:hover{ text-decoration: underline; }
.machin_us_part a{ text-align: center; display: block;margin: 0 auto;line-height: 20px;  }
.machin_us_part a p{ text-align: center; color: #448cb5; padding: 10px 0 14px; }
.machin_us_part div{ margin-bottom: 10px; }
.machin_us_part div img{ margin: 0 auto; display: block; }
.machin_us_bg{ background-color: #fff; }
.machin_us_bg img{ padding-top: 10px; }
.machin_us_part{ margin-top: 40px; }

.machinn_video{margin:30px 0 ;}
.machinn_video video{ width: 100%;margin: 0 auto; display: block; }
.machin_us{ padding: 10px 0 50px; }

.machin_us_part .machin_us_bg:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);-webkit-transition: transform 0.3s linear 0s;-moz-transition: transform 0.3s linear 0s;transition: transform 0.3s linear 0s; cursor: pointer;}

.machin_link p a{ padding: 8px 12px 10px;white-space:nowrap;display: inline-block; margin-bottom: 10px; }
.add_total_solute .add_p{ font-size: 18px; line-height: 24px; }
.machin_link{ margin:30px auto 20px; }
.add_total_solute h2{ margin-top: 0; }
.machin_us_head{ border:1px solid #55595e; text-align: center; padding: 10px 0 5px; margin-bottom: 15px; }
.machin_us_head h5{ font-size: 36px;color: #55595e; }
.machin_us_head p{ text-align: center; font-size: 20px;color: #55595e; }

.machin_us_part2 .row{ margin-top: 0; }
.machin_us_part2 h2{ font-size: 32px; border:none; margin: 20px 0 10px; }
.machin_us_det h5{ font-size: 18px; margin-bottom: 8px; }
.machin_us_det p{ font-size: 14px; line-height: 22px; margin-bottom: 5px; }
.machin_us_det p a{  color: #448cb5; }
.machin_us_det p a:hover{ text-decoration: underline; }
.add_total_solute{ overflow: hidden; }
.machin_ban{ width:100%;}
.machin_ban1{ background: url(../images/machiningus/img1.jpg) no-repeat center ; height: 380px;}
.machin_ban2{ background: url(../images/machiningus/machining.jpg) no-repeat center ; height: 380px; }
.machin_ban_con{ padding-left: 19%; padding-top: 5%; }
.machin_ban_con h1{color: #fff; font-size: 42px; background-color: rgba(0,0,0,0.3);display: inline-block; margin-bottom: 0; padding: 2px 10px 0 20px;}
.machin_ban_con p{color: #fff;background-color: rgba(0,0,0,0.3); font-size: 22px;display: inline-block;padding:5px 10px 10px 20px;}
.machining_get{ margin-bottom: 40px; }
.machin_ban_old{background: url(../images/machiningus/machining_old.jpg) no-repeat center ; height: 380px;}
.add_video_p .ma_video video{ margin: 0 auto; }



/* machiningus-Forging.html */
.tubebending_box_left h2{ margin-left: 18px; margin-bottom: 15px; }
.tubebending_box_left h2 a{ color: #333; }
.machin_us_left ul li a{ padding:18px 20px; }
.machin_us_left ul li a b{ font-weight: 300; width: 90%; float: left;padding-bottom: 18px; }
.machin_us_left ul li a span{ width: 6%; }

.machin_us_left ul li a .machin_span{}

.manu_china table{ width: 80%; }
.manu_china table tr{border-top: 1px solid #ddd;vertical-align: middle;}
.manu_china table tr td{border: 1px solid #ddd;}
.manu_china .mt0{ margin-top: 0; }



/* MetalFabrication.html */

.weui-bgcolor{background:#f9f9f9;}
.metal_box{ padding: 20px 0 60px; }
.us_p1{ color: #333; }
.us_p1 a{color: #448cb5; font-weight: 500; font-size: 16px;}
.machin_us_part a:hover p{ text-decoration: underline; color: #448cb5; }
.metal_box1 a p{ text-align: left; padding: 10px 5px 10px; font-size: 15px; height: 25px; line-height: 16px; color: #333; }

.metal_box1 .machin_us_bg{ background: none; }
.metal_box1 div img{ width: 100%; }
.metal_box2{ padding: 10px 0 50px; }
.metal_box2 h2{ text-align: center; line-height: 30px; margin: 0 auto 30px; font-size: 30px; }
.metal_box2 div .col-lg-4 p{ text-align: center; font-size: 18px; margin-top: 10px; color: #333;}
.metal_box2 .ma_video2{ height: 215px; margin: 0 auto; }
.metal_box2 .ma_video2 video{ width:100%; height:100%; background-color: #000000; margin: 0 auto; }
.metal_box2 .col-sm-4 p{ text-align: center; font-size: 18px; margin: 10px 0 0; }
.metal_box3 h2{ font-size: 30px; line-height: 30px; margin-bottom: 10px; }
.metal_box3 a{ color: #787878; font-weight: 300; margin: 8px 0; }
.metal_box3 a b{ color: #333; font-weight: 300;}
.metal_box3 a:hover,.metal_box3 a:hover b{ text-decoration: underline; color: #448cb5; }
.metal_box3 .row{ margin-top: 0px; }
.metal_bgfff p{ margin-bottom: 6px; line-height: 20px; font-size: 15px; }
.metal_bgfff p img{ width: 3%;margin:0 5px 3px 0; }
.metal_box4{ padding: 30px 0; }
.metal_bgfff{ padding-bottom: 22px; }
.metal_box4 h2{ text-align: center;line-height: 40px; font-size: 30px; }
.metal_box4 .img-responsive{ border:1px solid #cccccc; margin:0 auto;}
.metal_box4 span{ text-align: center; font-size: 16px;display: block; margin:5px 0 20px; }
.metal_box4 .row{ margin-top: 30px; }
.metal_box5{ padding:40px 0 40px;  }
.metal_box5 h2{ text-align: center; font-size: 30px; width: 75%; margin: 0 auto; line-height: 36px; }

.metal_img{ float: left; width: 15%;}
.metal_img img{ margin-top: 20px; margin-right:10px; }
.metal_det{ float: left; width: 85%; }
.metal_det h5{ font-size: 18px; color: #333; }
.metal_det p{ line-height: 26px; font-size: 15px;    color: #999; }
.metal_det p a:hover{ color: #9f0408; }
.metal_box5 .col-lg-6{ margin-bottom: 20px; }
.metal_box6{ padding: 50px 0; }
.metal_box6 h2{text-align: center; font-size: 30px; width: 90%; margin: 0 auto;line-height: 36px;}
.metal_box6 .row>div{ margin-bottom: 20px; }
.metal_box6 .row>div img{border: 1px solid #dadada; width: auto; height: auto;}
.metal_box6 p{ margin-top: 30px; font-size: 16px; }
.metal_box6 a{  background-color: #c51b1f; border-radius: 5px; color: #fff;  font-size: 16px; font-weight: 300; padding: 8px 20px; margin-left: 20px; text-align: center;}
.metal_box6 a:hover{background-color: #9f0408; text-decoration: underline;  }


/* MetalFabrication-Logs1.html */

.metal_ban{ width: 100%; height: 220px; background-color: #9f0c0d; text-align: center; padding: 0 20px; }
.metal_ban h3{ border:none;  color: #fff; font-size: 44px; padding: 4% 0 1.5%; font-weight: bold; }
.metal_ban16 h3{ padding-top: 5%; }
.metal_ban p{ line-height:24px; font-size: 28px; margin-top:0px; color: #fff; text-align: center; }
.metal_log{ margin-top: 50px; margin-bottom: 50px; }
.metal_log img{ margin:0 auto 20px; display: block; }
.metal_log .row{ margin-top: 20px; }
.metal_log video{ width: 100%; height: 450px; background-color: #000000; margin-bottom: 20px; }



/* gravity.html  */

.gra_banner{ width:100%; background: url(../images/gravity/gravi-banner.jpg) no-repeat center; background-size: contain; height: 335px; }

.gra_ban_title{  padding: 6% 0 0; text-align:center; font-size: 50px; font-weight: bold; line-height: 56px;}

.gravity{ width: 100%; margin:30px auto 20px; color: #333; padding: 0 5px; font-size: 14px;}

.gra_box{ margin-bottom: 10px; }


.gra_title{ text-align: center; font-size: 30px; font-weight: bold; background-color: #fff; width: 50%; margin: 0 auto 5px; height: 36px; line-height: 36px; }

.gravity_p{ margin: 10px auto 20px; font-size: 16px; }

.gravity_a{ font-size: 16px; margin:8px 0; text-align: center; height: 30px;}

.gr_video video{width: 100%; height: 320px; margin: 0 auto; background-color: #000;}


.gr_img img{ width: 100%; }

.gravity_part{ width: 100%; margin:50px auto;border:1px dashed #c9c9c9; padding: 10px 0 20px;}

.gravity_part .part1{ margin:0 0 20px 10px; border-bottom: 1px dashed #c9c9c9; padding-bottom: 15px; }

.part1 b{ color: #333; line-height: 26px; font-size: 24px; margin:10px 0; display: block; }

.part1 p{ color: #333; font-size: 16px; line-height: 28px;}

.gra_line{ border-top:1px solid #5f5f5f; width: 60%; margin: 0 auto; position:relative; bottom: -20px; left: 0; z-index: -10; }

.gra_ul{ width: 100%; margin:10px auto 20px; }

.gra_ul li {float:left;width:25%;box-sizing:border-box;padding:6px;font-size:16px;}

.gra_ul li img{border:2px solid #e3e3e3;width:100%;box-sizing:border-box;}

.gra_wenzi{ width: 96%; margin: 0 auto; }

.gra_wenzi b{ margin: 5px 0 15px;  font-size: 24px; display: block;}

.gra_wenzi p{ line-height: 22px;font-size: 16px; }

.gra_wenzi p a:hover{ color: #9f0408; }
.gra_top p{ text-align: center; font-size: 16px;}

.gra_top{ margin-top: 40px; }
.gra_box .row{ margin-top: 20px; }
.gra_box .row div img{border: 2px solid #e3e3e3; margin: 0 auto; display: block; width: 100%; }


/* Die-Casting.html */
.add_banner{ width: 100%; margin: 0 auto; overflow: hidden; }
.focus{ width: 100%; background:url(../images/diecasting/focus.jpg) no-repeat center; height: 300px; margin: 10px auto; }
.focus_left{ float: left; width: 50%; margin-top: 3%; padding-left: 26%; }
.focus_left h1{  text-align: center; font-size: 28px; color: #f7d24c; font-weight: bold; line-height: 36px; }
.focus_left .focus_fast{ display: block; line-height: 32px; color: #fff; font-size: 18px; border-radius: 30px;  text-align: center; margin: 6px auto; }
.focus_left .focus_hour{ text-align: center; color: #d9d9d9; font-size: 13px; }
.focus .ma_video{ width:50%; height: auto; float: left;  }
.focus .ma_video video{background-color: #000; width: 50%; height: auto; margin: 15px auto;}
.carousel-indicators{ bottom: 5px; }
.add_product{ width: 100%; margin: 40px auto; text-align: center; overflow: hidden; }
.add_title h1{ font-size: 26px; font-weight: bold; }
.add_title .line{ width: 140px; height: 3px; background-color: #015bb1; display: block; margin:12px auto; }
.add_title p{ font-size: 16px; text-align: center; margin-bottom: 20px;}
.add_title p a{margin-left: 10px;}
.add_title p a:hover{ color:#9f0408;  }
.pro_alu li{ float: left; width:18%; margin:1% 1% 0; }
.pro_alu li:last-child{ margin-right: 0; }
.pro_alu img{border:2px solid #e3e3e3; width: 100%; margin: 0 auto; display: block; }
.pro_alu p{ font-size: 14px; margin: 8px 0 0; color: #333; height: 28px; text-align: center; }
.pro_alu a p{color: #015bb1;}
.pro_alu a:hover p{  text-decoration: underline; }
.pro_alu div{ margin-bottom: 20px; }
.add_line{  width: 100%; margin: 10px auto; height: 3px; background-color: #ededed;  }

.add_manu,.add_bottom{ width: 100%; margin: 20px auto; text-align: center; }
.manu_ul li{ width: 205px; float: left; margin:20px 10px 10px 0; }
.manu_ul li p{ margin-top: 8px; font-size: 14px; color: #333; }
.add_bottom_gai22{ margin: 30px auto; }
.add_bottom p{ text-align: left; font-size: 16px;}
.add_over { line-height: 24px; }
.add_con{ margin-top: 10px; color: #015bb1; }

.manu_box .manu_tit{margin: 35px auto 0; font-size: 16px; text-align: left;  }
.manu_img{ margin: 20px auto; }
.manu_img li a{ margin: 10px auto; text-align: center; font-size: 16px; line-height: 26px; font-weight: 300; display: block; color: #337ab7; }
.manu_img li a:hover{ text-decoration: underline; }
.manu_img li img{ margin: 0 auto 5px; display: table-cell; }
.add_di { padding:0 10px; height:auto; }
.add_di p{ text-align: center; line-height: 26px; }
.add_di img{ width: 100%; }

.add_banner{ text-align: center; padding:28px 0 0px; }
.add_banner h1{ font-size: 30px; font-weight: bold; }
.add_banner h3{ font-size: 20px; margin-top: 10px; }

.index_benefit{text-align: left; margin: 20px 0 10px;}
.index_benefit p{ margin-bottom: 10px; font-size: 16px; }
.index_benefit p span{ margin-right: 5px; }

.index_tech_ul{ margin:20px auto 30px; }
.index_tech{ border:1px solid #cccccc; padding:20px; margin-bottom: 20px; box-sizing: border-box; }
.index_tech p{ text-align:left; font-size: 16px; line-height: 20px; }
.index_tech h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.index_tech2{ height: 220px; }
.add_bottom  a{ padding: 10px 40px; border-radius: 50px; background-color: #d10000; color: #fff; text-align: center; line-height: 24px; margin-top: 10px;display: table-cell; }
.add_bottom  a:hover{ background-color: #9f0408; text-decoration: underline; }

.die_casting{  margin-top: 40px; margin-bottom: 50px; }
.die_casting p{ font-size: 16px; margin-bottom: 30px; }
.die_casting table tr{ border-bottom: 1px solid #ece9d8; }
.die_casting table tr td{ padding: 10px 30px; color: #333; font-size: 16px; }
.die_casting img{ margin-bottom: 20px; }
.die_cal img{ margin-right: 10px; }
.die_cal p a:hover{color: #9f0408;text-decoration: underline;}
.die_block{ display: block; }

/*  profile.html */
.steel_banner{ width: 100%; background: url(../images/steel/steel.jpg) no-repeat center; height: 520px; box-sizing: border-box; }
.steel_banner h1{ color: #fff; font-size: 46px; font-weight: bold; text-align: center; padding-top: 12%; }
.steel_box{ padding-top: 50px; margin-bottom: 70px; }
.steel_box .p1{ font-size: 16px; }
.steel_pr{ color: #00b050; text-align: right; }
.steel_box table{ margin-top: 0px; margin-bottom: 10px; }
.steel_box .p2{ font-size: 16px; }
.steel_box .p2 span{ color: #2e75b5; }
.steel_box .p2 a{ color: #2e75b5; }
.steel_box .p2 a:hover{ text-decoration: underline; }
.steel_box .p3{ font-size: 16px; margin-top: 20px; }
.steel_link{ margin-top: 20px; }
.steel_link a p{text-align: center; font-size: 16px; margin: 10px 0;}
.steel_link .steel_img{ margin: 0 auto; display: block; text-align: center; }
.steel_link .steel_img img{ border-radius: 50%; }
.steel_link a:hover p{ color: #2e75b5; text-decoration: underline; }
.steel_box .p3 a{color: #2e75b5;}

/* LaserCutting.html */
.lasercutting .lasercutting_part1 img{ margin: 10px 0 0; }
.lasercutting .lasercutting_part1  h5{ font-size: 16px;  margin:10px 0 2px;}
.lasercutting .lasercutting_part1 p{ font-size: 14px; line-height: 16px; margin-bottom: 5px; }
.lasercutting .lasercutting_part1 video{ width: 100%; height: auto; background-color: #000000; margin: 10px 0 0; }
.lasercutting .lasercutting_part1 .punch_h5{ text-align: center; }
.lasercutting .get_link{ padding: 6px 15px; background-color: #c51b1f; color: #fff; font-size: 14px; font-weight: 300; text-align: center; margin: 10px 0 30px; display: inline-block; }
.lasercutting .get_link:hover{background-color: #9f0408; text-decoration: underline; color: #fff;  }
.laser_display{ display: none; }











@media (max-width: 1550px) {

    .bending_menu p:nth-child(2){ margin: 0 10%; }
    .machin_ban_con{ padding-top: 8%; }

    .gra_banner{ height: 260px; }

    .focus_left{ padding-left: 10%; }
    .focus{ height: 250px; }

    .steel_banner h1{ padding-top: 17%; }

}

@media (min-width: 1200px) {

    .machin_us_part .machin_us_bg_add a p{padding: 22px 0; }

    .manu_china .mach_gra_p p{ margin-top: 55px; line-height: 28px; }

    .mb38{ margin-bottom: 38px; }

    .steel_link{ width: 20%; }



    


}
@media (max-width: 1199px) {

    .tubebending_ban,.tubebending_box,.manu_china{ width: 100%; }
    .bend_video video{ height: auto; }
    .bending_menu li p{ line-height: 24px; }

    .bending_menu p:nth-child(2){ margin: 0 5%; }
    .bending_menu p{ margin-bottom: 10px; }

    .machin_us_part a p{ height: 32px; }

    .add_total_solute .add_p{ width: 96%; }
    .machin_link{margin: 20px auto 0px;}
    .machin_link p{ margin-bottom: 0px; }
    .machining_get{ margin-top: 5px; }
    .machin_link p a{ padding: 5px 10px; }

    .machin_ban_con{ padding-top: 10%; }

    .mb38{ margin-bottom:65px; }
    .metal_ban16 h3{ padding-top: 7%; }

    .gra_banner{ height: 210px; }
    .gra_ban_title{ font-size: 36px; padding-top: 6%; line-height: 36px; }

    .focus_left{ padding-left: 5%; }
    .focus{ height: 192px; }

    .index_tech3{ height: 227px; }
    .index_tech2{ height: 260px; }

    .metal_bgfff p img{ width: 4%; }
    .metal_bgfff h2 b{ font-weight: bold; }

    .add_bottom_gai22 .col-xs-12{  margin-bottom: 30px; }

    .metal_ban h3{ padding-top: 7%; }

    .steel_banner h1{ padding-top: 22%; }











}
@media (max-width: 1080px) {

    .tubebending_box_left h2{ font-size: 18px;  margin-bottom: 10px;}
    .tubebending_box_left ul li{ font-size: 16px; }
    .tubebending_box_left ul li a{ padding: 15px 18px; }

}
@media (max-width: 980px) {

    .bending_menu p{ display: block; text-align: center; }
    .bending_menu p:nth-child(2){ margin: 0 0 10px 0; }
    .machin_us_box .learn_gif{ width: 3%; }
    .us_p1 b{ font-weight: bold; }
    .manu_china p b{ font-weight: bold; }
    .machin_ban{ background-size: contain; height: 200px;}
    .machin_ban_con{ padding-left: 2%; padding-top: 3%; }
    .machin_ban_con h1{ font-size: 26px; line-height: 40px; }
    .machin_ban_con p{ font-size:18px; }

    .machining_get{ width: 26%; }
    .metal_img{ width: 10%; }
    .gra_line{ width: 100%; }
    .gra_title{ width: 90%; }
    .gra_box .row div{ margin-bottom: 20px; }
    .steel_banner{ height: 360px; }
    .steel_banner h1{ padding-top: 18%; }
    .steel_box .table tbody tr .steel_pr{ padding-right: 10px; }

    .metal_log video{height: 300px; }


}

@media (min-width: 768px) {



}
@media (max-width: 767px) {

    .bending_menu li{ padding: 15px;  }
    .bending_menu li p{line-height: 22px; font-size: 18px;}
    .tubebending_box{ margin: 30px auto; }
    .tubebending_box_left{ box-sizing: border-box;width: 94%; margin-left: 3%;margin-bottom: 3%;}
    .bend_mateal_left{ width: 100%; float: unset; }
    .bend_mateal_right{ float: none; width: auto; margin-top: 20px;}
    .tubebending_box_right h3{ line-height: 28px; }
    .tubebending_box_right p{ line-height: 20px; }

    .manu_china{ width: 96%; }
    .bending_p_left30{ margin-left: 10px; }
    .tubebending_box_right .learn_gif{ width: 5%; }

    .machin_link p a{ padding:5px 10px; margin-bottom: 15px; }
    .machin_link{ margin: 20px auto 0px;  }
    .machin_us_bg img{ padding-top: 0; }

    .machinn_video{ margin: 20px auto; }
    .machin_us{ padding-bottom: 30px; }
    

    .machin_us_box .learn_gif{ width: 4%; }
    .manu_china .mach_gra_p p{ margin-bottom: 20px; }
    .machin_us_head{ padding: 0; }
    .machin_us_head h5{ font-size: 28px; margin-bottom: 5px; }
    .machin_us_head p{ font-size: 18px; }
    .machin_us_part2 h2{ margin-top: 20px; }

    .machin_ban{ background-size: contain; height: 150px;}
    .machin_ban_con{ padding-left: 2%; padding-top: 0%; }
    .machining_get{ width: 50%; }


    .metal_box3{ background: none; }
    .metal_bgfff{ background-color: rgba(249, 249, 249, 1); }

    .metal_box{ padding: 20px 0 30px; }
    .metal_box .row,.metal_box2 .row{ margin-top: 20px; }
    .metal_box2 .ma_video2 video{ width: auto; height: 100%; margin: 0 auto; display: block; }

    .metal_box1 a p{ height: 40px; }

    .metal_box2 h2,.metal_box3 h2,.metal_box4 h2,.metal_box5 h2,.metal_box6 h2{ font-size: 28px; line-height: 36px; width: 100%;}
    .metal_box5 .row{ margin-top: 20px; }

    .metal_box6 a{ display: block; margin: 30px auto;line-height: 34px; }

    .metal_ban{ height: 120px; }
    .metal_ban h3{ font-size: 28px; padding-bottom: 5px; margin-bottom: 0;  padding-top: 5%;}
    .metal_ban p{ font-size: 16px; }
    .metal_ban16 h3{ padding-top: 6%; }
    .metal_box2{ padding: 10px 10px 50px; }


    .gra_banner{ width: 100%; height: 134px; }

    .gra_ban_title{  font-size: 30px; padding-top: 4%; line-height: 36px; }

    .gr_video video{ height: auto; }


    .add_banner{ width: 100%; }
    .add_banner img{ width: 100%; }
    .focus{ width: 100%; height: auto; background:url(../images/diecasting/focus.jpg)!important; padding: 10px 0; }
    .focus_left{ width: 100%; text-align: center; margin: 0 auto;float: unset; padding-left: 0;  }
    .focus_left h1{ font-size: 24px; line-height: 26px; margin-top: 10px; }
    .focus_left .focus_fast{ font-size: 18px; margin: 10px auto 5px; width: 98%; line-height: 24px; }
    .focus_left .focus_hour{ font-size: 16px; }
    .ma_video{ width: 100%; margin: 20px auto 10px; float: unset; height: auto; }
    .ma_video video{ width: 80%; margin: 0 auto; display: block; }
    .pro_alu li,.manu_ul li{ width: 46%; margin:3% 2%; }
    .pro_alu img,.manu_ul li img{ width: auto; }

    .add_title h1{ font-size: 24px; }
    .manu_img li a{line-height: 22px;}
    
    .add_hours{ margin-top: 10px; }
    .add_hours .add_con{ margin-top: 10px; color: #015bb1; float: left; }
    .weui-fl img{ width: 50%; height: auto; }


    /* 1210修改 */
    .index_width860{ width: 100%; }
    .index_tech2{ height: auto; }

    .add_bottom a{ margin: 20px 0 30px;display: block; }

    .mb38{ margin-bottom: 10px; }
    .index_tech3{ height: auto; }

    .steel_banner{ height: 260px; }
    .steel_banner h1{ padding-top: 15%; }
    .steel_box{ padding-bottom: 0px; }

    .laser_display{ display: block; }







    

}
@media (max-width: 600px) {
    .machin_ban{ height: 114px; }
    .machin_ban_con h1{ font-size: 20px; line-height: 22px; }
    .machin_ban_con p{ font-size:14px; padding: 2px; }
    .steel_banner h1{ padding-top: 22%; font-size: 30px; }


}

@media (max-width: 500px) {

    .bending_menu li{ height: 88px; }
    .bending_menu li p,.bending_menu li:nth-child(2) p{ line-height: 18px; font-size: 15px; }
    .bend_mateal_right{ width: 50%; }

    .bending_menu p{ font-size: 16px; }
    .machin_us_box .learn_gif{ width: 5%; }
    .machin_ban{ height: 88px; }
    .machining_get{ width: 70%; }

    .steel_banner{ height: 200px;font-size: 30px; }


}