@charset "utf-8";
.contents1{ width:850px; margin:0 auto;}
.contents1 *{ box-sizing:border-box; list-style:none;}
.contents1 .prod_content { display:table; width:100%; }
.contents1 .prod_content > li { display:table; float:left; width:50%;}
.contents1 .prod_content > li.col1 { position:relative; }
.contents1 .prod_content > li.col1 a { position:absolute; display:block; width:16px; height:16px; margin:4px; background-color:#353535; text-align:center; line-height:16px; border-radius:8px; color:#fff; font-size:.8em !important; border:1px solid #fff; }
.contents1 .prod_content > li.col1 a.selected { background-color:#fdb813; color:#000; border:1px solid #000; }
.contents1 .prod_content > li.col1 img { display:block; margin:50px auto; }
.contents1 .prod_content > li.col2 {}
.contents1 .prod_content > li.col2 .prod_con { display:table; width:100%; padding:0px 0px; border:2px solid #fff; margin:10px 0;}
.contents1 .prod_content > li.col2 .prod_con.selected { border:2px solid #fdb813; border-radius:10px; }
.contents1 .prod_content > li.col2 .prod_con li { font-size:14px; line-height:22px;}
.contents1 .prod_content > li.col2 .prod_con p { font-size:20px; color:#fdb813; font-weight:bold; padding:5px 0px; margin:0;}
.contents1 .prod_content > li.col2 .prod_img { float:left; width:20%; padding:5px; }
.contents1 .prod_content > li.col2 .prod_txt { float:right; width:78%; padding-right:5px; color:#9c9c9c; letter-spacing:-1px; line-height:130%; }

.tabll{border:1px solid #ddd; border-collapse:collapse; width:100%;}
.tabll tr:first-child{background-color:#F2F2F2; font-weight:bold; font-size:16px;}
.tabll td{border:1px solid #ddd; border-collapse:collapse; padding:6px;}
.tabll tr:nth-child(2n+1){background-color:#F7F7F7;}

/* 건설기계용 고무트랙 */
.col1 .num1 { bottom:150px; left:210px; }
.col1 .num2 { bottom:120px; left:105px; }
.col1 .num3 { top:100px; left:210px; }
.col1 .num4 { top:180px; right:95px; }
.col1 .num5 { top:130px; left:95px; }


.innbanner{background:url(../images/nybanner.jpg) no-repeat center top; height:150px;}
.innbannera{background:url(../images/nybannera.jpg) no-repeat center top; height:150px;}
.innbannerb{background:url(../images/nybannerb.jpg) no-repeat center top; height:150px;}
.innbannerc{background:url(../images/nybannerc.jpg) no-repeat center top; height:150px;}
.innbannerd{background:url(../images/nybannerd.jpg) no-repeat center top; height:150px;}
.innbannere{background:url(../images/nybannere.jpg) no-repeat center top; height:150px;}
.innbannerf{background:url(../images/nybannerf.jpg) no-repeat center top; height:150px;}
.nycontent{width:1300px; margin:40px auto;}

.nycontent .side { width:20%; float: left; margin-right:3%;}
.nycontent .sidenav { background: #e51d37; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.nycontent .sidenav .hd { line-height: 50px; height: 50px; color: #fff; font-size: 18px; padding: 0 20px 0 50px; background: url(../images/iconlogo.png) no-repeat 16px center; background-size: auto 20px; }
.nycontent .sidenav .hd strong { font-weight: normal; }
.nycontent .sidenav .bd { padding: 10px; background: #fff; margin: 0 6px 6px; border-radius: 0 0 6px 6px; }
.nycontent .sidenav .snul {  }
.nycontent .sidenav .snul .snli { margin-bottom: 2px; line-height: 20px; }
.nycontent .sidenav .snul .snliaa{margin:3px 0;}
.nycontent .sidenav .snul .snli .sna { padding: 10px 20px; color: #666; font-size: 14px;  display: block; text-decoration: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; background: #f1f1f1 url(../img/ck.gif) no-repeat -16px center; background-size: 16px 14px; }
.nycontent .sidenav .snul .snliaa .sna{padding:3px 0 3px 50px; color: #666; font-size: 14px;  display: block; text-decoration: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; background-color:#F9F9F9;}

.nycontent .sidenav .snul .snli .sna:before{ content:"- ";}

.nycontent .sidenav .snul .snli .sna:hover, .sidenav .snul .snli.on .sna { background-color: #e51d37; color: #fff; opacity: .9; filter: alpha(opacity=90); background-position: 18px center; box-shadow: 0 5px 10px rgba(229,29,55,.4); padding-left: 40px; }

.nycontent .sidenav .snul .snliaa .sna:hover, .sidenav .snul .snliaa.on .sna{padding:3px 0 3px 50px; color: #fff; font-size: 14px;  display: block; text-decoration: none;  -webkit-transition: all .2s; transition: all .2s; background-color: #e51d37; opacity: .9; filter: alpha(opacity=90); padding-left: 60px;}

.nycontent .sidebox { background: #dedede; overflow: hidden; margin-bottom: 20px; border-radius: 10px; }
.nycontent .sidebox .hd { line-height: 40px; height: 40px; text-align: center; font-size: 16px; color: #333; }
.nycontent .sidebox .bd { margin: 0 6px 6px; padding: 20px; background: #fff; border-radius: 0 0 6px 6px; position: relative; }
.nycontent .sidebox .bd .sbcon { font-size: 14px; line-height: 24px; color: #666; }

.nycontent .nyconright{width:77%; float:left;}
.nycontent .nyconright .nycontenta{font-size:14px; color:#666; text-decoration:none; margin-top:25px; line-height:26px;}
.nycontent .nyconright .nycontenta .nylxwm{width:80%; margin:30px auto;}
.nycontent .nyconright .nycontenta .nylxwm .nylxwmaa{width:60%; float:left;}
.nycontent .nyconright .nycontenta .nylxwm .nylxwmaa strong{display:block; height:40px;}
.nycontent .nyconright .nycontenta .nylxwm .nylximg img{margin-top:20px;}

.nycontent .nyconright .qynjimg{text-align:center;}

.nycontent .nyconright .nycontenta .sbtit{height:50px; line-height:50px; background-color:#e41619; color:#fff; font-size:18px; font-weight:bold; text-indent:20px; border-radius:10px; box-shadow:0px 1px 1px #ccc; margin-bottom:25px;}
.nycontent .nyconright .nycontenta .ewmm img{padding:5px; width:20%; border:1px solid #ccc;}
.nycontent .nyconright .nycontenta .sbbba{background-color:#EFEFEF; border-radius:20px; margin:20px 0; line-height:30px; font-size:15px; padding:40px;}
.nycontent .nyconright .nycontenta .sbbbb{background-color:#f2f5e9; border-radius:20px; margin:20px 0; line-height:30px; font-size:15px; padding:40px;}
.nycontent .nyconright .nycontenta .sbbbaa{background-color:#EFEFEF; border-radius:20px; margin:10px 0; line-height:30px; font-size:15px; padding:20px 30px;}
.nycontent .nyconright .nycontenta .sbbbbb{background-color:#f2f5e9; border-radius:20px; margin:10px 0; line-height:30px; font-size:15px; padding:20px 30px;}

.nycontent .nyconright .nycontenta #message_area{margin-bottom:25px;}

.nycontent .nyconright .hhonorul{width:100%;}
.nycontent .nyconright .hhonorul li{float:left; width:31%; margin:1.1%; text-align:center; font-size:14px; color:#666; line-height:18px;}
.nycontent .nyconright .hhonorul li img{width:100%; display:block; margin:0 auto 10px;}


.nycontent .nyconright .hhonorula{width:100%;}
.nycontent .nyconright .hhonorula li{float:left; width:31%; margin:1.1%; text-align:center; font-size:14px; color:#666; line-height:18px;}
.nycontent .nyconright .hhonorula li img{width:100%; display:block; margin:0 auto 10px; border:1px solid #ddd; padding:2px; box-sizing:border-box;}


.nycontent .nyconright .hd { background: #f1f1f1; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; }
.nycontent .nyconright .hd .name { position: relative; float: left; color: #e51d37; font-size: 20px; font-weight: bold; }
.nycontent .nyconright .hd .name:before { content: ''; display: block; width: 4px; height: 20px; background: #e51d37; position: absolute; left: -20px; top: 15px; }
.nycontent .nyconright .hd .now { float: right; font-size: 12px; color: #999; }
.nycontent .nyconright .hd .now a { color: #999; }
.nycontent .nyconright .hd .now .split { margin: 0 4px; font-family: simsun; }

.nycontent .nyconright .nynewsul{width:100%; margin-top:25px;}
.nycontent .nyconright .nynewsul li{float:left; width:47%; margin:1.2% 1.5%; border:1px solid #ddd; border-top:1px solid #e51d37; border-bottom:2px solid #eee; padding:25px 30px; box-sizing:border-box;}
.nycontent .nyconright .nynewsul li a{text-decoration:none;}
.nycontent .nyconright .nynewsul li .nynewtit{font-size:15px; color:#777; font-weight:bold; line-height:40px; float:left; height:40px; overflow:hidden; width:70%;}
.nycontent .nyconright .nynewsul li .nynewtita{margin:20px 0; color:#777; font-size:14px; line-height:160%;}
.nycontent .nyconright .nynewsul li .nynewbtn{border:1px solid #e51d37; color:#e51d37; font-size:12px; width:90px; height:35px; line-height:35px; display:block; text-align:center; float:right;}

.nycontent .nyconright .nynewtitt{border-top:3px solid #eee; height:80px; line-height:80px; border-bottom:1px solid #ddd; margin:30px 0 50px; text-align:center; color:#666; font-weight:bold; font-size:20px;}
.nycontent .nyconright .nynewtitbb{font-size:14px; color:#666; line-height:28px; text-align:left;}
.nycontent .nyconright .nypageul{width:60%; margin:25px auto;}
.nycontent .nyconright .nypageul li{float:left; width:31%; margin:1.1%;}
.nycontent .nyconright .nypageul li a{text-align:center; display:block; width:100%; height:45px; line-height:45px; border:1px solid #ddd; text-decoration:none; font-size:14px; color:#666;}
.nycontent .nyconright .nyproul{width:100%; margin:20px 0;}
.nycontent .nyconright .nyproul li{float:left; margin:1.1%; width:31%;}
.nycontent .nyconright .nyproul li a{text-decoration:none;}
.nycontent .nyconright .nyproul li img{width:100%;}
.nycontent .nyconright .nyproul li .homeprotit{font-size: 18px; color: #333; line-height: 30px; letter-spacing: 2px; font-weight:bold;}
.nycontent .nyconright .nyproul li .homeprotita{margin: 20px auto; text-align: left; margin-bottom: 0px; height: 42px; font-size: 14px; color: #878890; line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}
.nycontent .nyconright .nyproul li .homeprobg{background-color:#fff; padding: 20px 40px; border:1px solid #ddd; box-sizing:border-box; border-top:0px none;}
.nycontent .nyconright .nyproul li .homeprobtn{width:120px; height:40px; line-height:40px; border:#ccc 1px solid; color:#6c6f73; font-size:12px; text-align:center; display:block; margin:20px 0;}

.nycontent .nyconright .zlula{width:100%;}
.nycontent .nyconright .zlula li{float:left; width:100%; margin:1% 0;}
.nycontent .nyconright .zlula li a{border-bottom:1px dotted #ccc; font-size:16px; font-weight:bold; text-decoration:none; text-align:left; display:block; padding:20px 25px 20px; box-sizing:border-box; color:#e51d37;}
.nycontent .nyconright .zlula li a img{vertical-align:middle; margin-right:8px;}

.nycontent .nyconright .jscgbg{background-color:#F9F9F9; padding:40px; box-sizing:border-box; font-size:15px; line-height:28px; margin:20px 0;}

.in_h_tit{ background:#eee; padding:15px 20px; border-radius:20px 20px 0 0; margin-top:40px; margin-bottom:10px;}
.in_h_img{}
.in_h_img ul{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:10px;}
.in_h_img ul li{ display:flex; align-items:center;}
.in_h_img ul li img{ width:100%;}

@media (max-width:1200px){
.nycontent{width:100%;}	
.nycontent .nyconright .ccaimg img{width:100%;}
.nycontent .nyconright .qynjimg{text-align:center;}
.nycontent .nyconright .qynjimg img{max-width:100%;}
.nycontent .side{width:25%;}
.nycontent .nyconright{width:72%;}
.nycontent .nyconright .hhonorul li{font-size:12px; height:148px; overflow:hidden;}
.nycontent .nyconright .nynewtitbb img{width:100%;}
.nycontent .nyconright .nyproul li .homeprobtn{width:100%;}
.nycontent .nyconright .nynewtitbb img{width:100%;}
.nycontent .nyconright .nyproul li .homeprobg{padding:20px;}
.nycontent .nyconright .nyproul li .homeprotit{font-size:16px; line-height:24px;  max-height:60px;}
.nycontent .nyconright .nycontenta .nylxwm{width:100%;}
.nycontent .nyconright .nycontenta .nylxwm .nylximg{width:35%; float:right;}
.nycontent .nyconright .nycontenta .nylxwm .nylximg img{width:100%;}


}

@media (max-width:720px){
	.nycontent .sidebox{display:none;}
	.nycontent{margin:20px 2%; width:96%;}
	.nycontent .side{width:100%; float:none; margin-right:0;}
	.nycontent .nyconright{width:96%; margin:2%;}
	.nycontent .nyconright .hhonorula li{width:48%; margin:1%;}
	.nycontent .nyconright .hhonorul li{width:48%; margin:1%; height:180px;}
	.nycontent .nyconright .nyproul li{width:48%; margin:1%;}
	.nycontent .nyconright .hd .now{display:none;}
	.nycontent .nyconright .nycontenta .nylxwm .nylximg{display:none;}
	.nycontent .nyconright .nycontenta .nylxwm .nylxwmaa{float:none; width:100%;}
	.innbanner{background-size:cover; height:100px;}
	.innbannera{background-size:cover; height:100px;}
	.innbannerb{background-size:cover; height:100px;}
	.innbannerd{background-size:cover; height:100px;}
	.innbannere{background-size:cover; height:100px;}
	.innbannerf{background-size:cover; height:100px;}
}