@charset "utf-8";
.header {background:#000;margin:0 auto;position:relative;}
.header .bd {position:relative;z-index:0;}
.header .bd li img {width:100%;vertical-align:top;position:relative;}
.header .hd {position:absolute;bottom:10px;width:100%;height:14px;z-index:1;}
.header .hd ul {width:90%;margin:0 auto;text-align:center;}
.header .hd ul li {display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 3px;/*border-radius:50%;*/ background:#c03;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.header .hd ul .on {background:#000;}
.logo {width:200px;position:absolute;top:50px;z-index:1;margin:0 calc(50% - 100px);filter:alpha(opacity:80);opacity:1;-moz-opacity:0.8;-khtml-opacity:0.8;}
.logo img{width:100%;height:auto;}
.header .bd li>.h1-tlt {position:absolute;top:150px;font-family:'Verlag-Bold';width:100%;}
.header .bd li>.in-more {font-size:20px;color:#fff;font-weight:600;width:360px;height:auto;position:absolute;top:220px;padding:5px 20px;text-align:center;margin:0 calc(50% - 180px);text-shadow: 0.1em 0.1em 0.2em black}
.ad {width:100%;height:auto;position:relative;}
.ad img {width:100%;height:auto;position:relative;}
.ad .h4-tlt {position:absolute;top:150px;left:300px;text-shadow:5px 2px 6px #333;}
.ad .ad-tel {height:60px;line-height:50px;font-size:30px;font-weight:700;font-family:'Verlag-Bold';color:#c03;position:absolute;top:260px;left:300px;text-shadow:1px 1px 0px #fff,3px 3px 6px #333;padding-left:60px;background:url(../images/ad-tel.png)  top left no-repeat;}
@media only screen and (max-width:1440px) {.header {max-height:600px;}
.header .bd li {max-height:600px;overflow:hidden;}
}
@media only screen and (max-width:1280px) {.header {max-height:400px;}
.header .bd li {max-height:400px;overflow:hidden;}
}

.products {background:#fff;height:auto;padding:60px 0;position:relative;}
.en-p {}
.en-p span {display:inline-block;position:relative;}
.en-p span:before, .en-p span:after {position:absolute;content:'';width:40px;height:3px;background-color:#c03;top:50%;margin-top:-1.5px;}
.en-p span:before {left:-81px;}
.en-p span:after {right:-81px;}
.i-p-nav {margin:30px 0;}
.i-p-nav>.img{width:372px;height:auto;margin:10px;float:Left;overflow:hidden;}
.i-p-nav>.img>figure {margin:10px;}
.i-p-nav .r-list {margin:0 1px;}
.i-p-nav .r-list img.inside {width:350px;height:350px;float:left;box-shadow:0px 0px 0px 5px rgba(0,0,0,0.3);border-radius:50%;}
.r-list-con {margin:20px 0 0 0;}
.r-list-con h3 {height:48px;line-height:48px;overflow:hidden;text-align:center;font-size:16px;font-family:'Verlag-Bold';text-transform:uppercase;border-radius:6px;background:#fff;}
.r-list-con h3 a {color:#000;}
.i-p-nav>li:hover .r-list-con h3 {background:#c03;}
.i-p-nav>li:hover .r-list-con h3 a {color:#fff;}
.i-p-nav>li:hover .r-list img.inside {box-shadow:0px 0px 0px 5px rgba(0,0,0,0.6);}



.products .article{width:600px;height:auto;float:right;padding:20px 50px;}
.disc-con {padding:20px 0;border-top: 1px solid #0094da;border-bottom: 1px solid #0094da;}
.disc-con p{color:#000;font-size:18px;line-height:24px;padding:5px 0;}
.article ul.feature{list-style:circle;margin-top:30px;list-style-position:inside;margin-bottom:5px;}
.article li{font-size:14px;padding-bottom:10px;color:#000;line-height:20px;text-transform:none;}

.type {background:#fff;height:auto;padding:60px 0;position:relative;}
.type ul.t-ul{list-style:none;margin-top:30px;}
.type ul.t-ul li{float:left;width:49%;margin:10px 0.5%;}
.type ul.t-ul li>figure{margin: 10px;}
.type ul.t-ul li img{width:70%;padding:5px 15%;}
.type ul.t-ul li h3{text-align:center;font-size:18px;font-weight:800;color:#0094d9;line-height:40px;}
.type ul.t-ul li .spec{padding:10px;}
.type ul.t-ul li .spec p{margin:15px 5px;font-size:14px;line-height:28px;}
.note{padding:15px 40px;}
.note h3{text-align:left;font-size:18px;font-weight:800;color:#c03;line-height:40px;}
.note p{color:#000;font-size:14px;line-height:18px;padding:2px 0;}
.note i{padding:0 5px;font-size:16px;font-weight:600;text-align:center;color:#e53333}

.principle, .safety{background:#fff;height:auto;padding:60px 0;position:relative;background: #e8e8e8;}
.parts{background:#fff;height:auto;padding:60px 0;position:relative;}

.principle .img,.parts .img,.safety .img{padding:20px 0;width:60%;margin:0 auto;}
.principle .img img,.parts .img img,.safety .img img{width:100%;height:auto;}
.principle .img h3,.parts .img h3,.safety .img h3{text-align:left;font-size:18px;font-weight:800;color:#c03;line-height:40px;text-align:center;}
.principle .img h3 a,.parts .img h3 a,.safety .img h3 a{color:#c03;}

.article h3{text-align:left;font-size:22px;font-weight:800;color:#000;line-height:60px;}



.warning {padding:15px 40px;}
.warning h3{padding:15px 40px;text-align:center;font-size:32px;font-weight:800;color:#fd7a08;line-height:40px;text-transform:uppercase;text-shadow: 0.1em 0.1em 0.2em black;}
.warning p{font-size:16px;font-weight:800;line-height:24px; color:#fff;     text-shadow: 1px 1px 2px black; }

.about {height:auto;padding:90px 0 40px;}
.about>.container>.about-img {float:left;width:460px;height:auto;padding:10px;}
.about>.container>.article {float:left;width:520px;padding:10px;}
.en-p-border {margin:0 0 19px 0;max-width:150px;height:7px;background-color:#c03;}
.about>.container>.article>.con p {font-size:18px;line-height:22px;margin-top:20px;color:#333;}
.about>.container>.certificate {width:100%;height:auto;margin:10px 0;}
.en-pro-border {margin:20px auto;max-width:200px;height:7px;background-color:#c03;}
 
.p-list {width:100%;height:auto;position:relative;}
.p-list>a>img {width:100%;height:auto;border:solid 1px #999;}
.p-list>a>.r-tlt:before {content:url(../images/pro-bg.png);width:50px;height:50px;}
.p-list>a>.r-tlt {text-align:center;width:100%;height:100%;padding-top:60px;position:absolute;bottom:0px;background:#666;color:#fff;display:none;filter:alpha(opacity:80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.p-list>a>.r-tlt p {line-height:32px;font-size:16px;}
.recommmended>.container>ul>li:hover .p-list>a>.r-tlt {display:block;}
.p-list-con h3 {height:48px;line-height:48px;overflow:hidden;text-align:center;background:#999;}
.p-list-con h3 a {font-size:16px;color:#fff;font-weight:700;}
.p-list-con p {filter:alpha(opacity:0);opacity:0;-moz-opacity:0.;-khtml-opacity:0;height:70px;line-height:20px;overflow:hidden;padding:0px 20px 20px;background:#c03;text-align:left;font-size:12px;color:#fff;}
.recommmended>.container>ul>li:hover .p-list-con h3 {background:#c03;}
.recommmended>.container>ul>li:hover .p-list-con p {filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
.news {padding:42px 0;}
.news-list {margin:40px 0 90px;width:100%;float:left;    list-style: none;}
.news-list li {width:29.333%;height:auto;margin:10px 2%;float:left;}
.news-list li img {width:100%;height:auto;}
.news-list li h4 {text-transform:uppercase;font-size:14px;font-family:'Verlag-Bold';margin:5px 10px 0;}
.news-list li h4 a {color:#c03;}
.news-list li h4 a:hover {color:#333;}
.news-list li p {margin:10px;height:60px;line-height:20px;overflow:hidden;color:#333;font-size:14px;}
.i-news-more {font-size:16px;text-align:center;margin:5px 0;width:100px;background:#ccc;border-radius:15px;border:#333 1px solid;}
.i-news-more a {line-height:30px;color:#fff;}
.i-news-more a:after {content:">>";margin-left:10px;color:#fff;font-weight:100;}
@media only screen and (max-width:1920px) {}
@media only screen and (max-width:1280px) {}
@media only screen and (max-width:768px) {
	.logo {width:56px;margin:0 calc(50% - 28px);top:20px;}
	.header .bd li>.h1-tlt {top:40px;font-family:'Verlag-Bold';width:100%;}
	.h1-tlt {font-size:16px;}
	.header .bd li>.in-more {font-size:11px;top:60px;}
	.en-h1 {font-size:20px;line-height:30px;}
	.en-p {font-size:12px;line-height:18px;}
	.en-p span:before {left:-51px;}
.en-p span:after {right:-51px;}
.en-p span:before, .en-p span:after {height:1px;}
.i-p-nav>.img{width:calc(100% - 20px);}
.i-p-nav .r-list img.inside {width:100%;height:auto;float:left;box-shadow:0px 0px 0px 5px rgba(0,0,0,0.3);border-radius:50%;}
.products .article{width:98%;padding:20px 1%;}
.disc-con {margin:20px 0;padding:10px;}
.disc-con p{color:#000;font-size:14px;line-height:20px;padding:5px 0;}
.article ul.feature{margin-top:20px;}
.article li{font-size:12px;padding-bottom:5px;color:#000;line-height:16px;}
.products {padding:20px 0;}
.ad .h4-tlt {position:absolute;top:20px;left:20px;text-shadow:5px 2px 6px #333;}
.ad .ad-tel {display:none;}
.h4-tlt {font-size:14px;}
.principle, .safety{padding:20px 0;}

.type {padding:20px 0;}
.type ul.t-ul li{float:left;width:99%;margin:10px 0.5%;}
.note{padding:15px 10px;}
.note p{font-size:11px;line-height:16px;}
.note i{font-size:13px;}
.principle .img figure,.parts .img,.safety .img figure{margin:0;}
.principle .img,.parts .img,.safety .img{padding:10px 0;width:96%;margin:0 2%;}
.principle .img h3,.parts .img h3,.safety .img h3{text-align:center;font-size:13px;line-height:30px;}
.parts{padding:20px 0;}
.warning {padding:15px 10px;}
.warning p{font-size:12px;font-weight:200;line-height:18px; color:#000;     text-shadow: 0px 0px 0px black; }
.about {height:auto;padding:30px 0 20px;}
.about>.container>.about-img {float:left;width:calc(100% - 40px);height:auto;padding:10px 20px;}
.about>.container>.article {width:calc(100% - 20px);height:auto;padding:10px;}
.about>.container>.article>.con p {font-size:13px;line-height:18px;}
.news-list li {width:98%;height:auto;margin:10px 1%;float:left;}
.news {padding:20px 0;}

}
table.gridtable {font-family:verdana,arial,sans-serif;font-size:11px;color:#333;border-width:1px;border-color:#666;border-collapse:collapse;width:100%;margin:20px auto}
table.gridtable td:nth-child(odd) {border-width:1px;padding:1px;border-style:solid;border-color:#666;color:#000;background-color:#dedede;font-weight:600;text-align:center}
table.gridtable td {border-width:1px;padding:1px;border-style:solid;border-color:#666;background-color:#fff}
table.gridtable span{padding:0 0 0 10px;font-size:16px;font-weight:600;text-align:center;}

.aside-box{width:auto;height:auto;opacity: 0; position: relative;z-index:999;}.aside-nav{width:300px;height:auto;min-height:400px;border: #dedfe1 1px solid;padding:10px;position: fixed;right: 10px; bottom: 10px;float:right;background:#fff;}.contents{margin:2px 0 10px;font-size:18px;line-height:24px;color:#000;font-weight:600;} .con dl,.aside-nav dl{margin:30px 0;} .con dt a,.aside-nav dt a{font-size:14px;line-height:18px;margin:5px 0 5px;color:#000;font-weight:400;} .con dd a, .aside-nav dd a{font-size:12px;line-height:14px;margin:5px 0 5px 20px;color:#000;font-weight:200;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:332px;z-index:999;}
.rightArrow a{display:block;height:45px;}