@charset "utf-8";
body{overflow-x: hidden;}
.page-ban{background: url(../images/pageabout_01.jpg) center no-repeat;background-size: cover;box-sizing:border-box;height: 26vw;}
.product .page-ban{background-image: url(../images/pageban2.jpg);}
.product .page-ban.caston{background-image: url(../images/pageban3.jpg);}
.ResTitle_a1{font-size: 27px;color: #fff;font-weight: bold;font-style: italic;margin-bottom: 32px;}
.ResTitle_a1 span{display: inline-block;margin-left: -0.8em;}
.ResTitle_a1 span:after{content: "";display: block;width: 145px;height: 11px;background: url(../images/tbg.png);display: inline-block;margin-left: 10px;}
.ResTitle_a1:after{content: "Telon";color: #fff254;display: block;line-height: 1.0;}
.ResTitle_a1 em{display: none;}
.ResTitle_a1 br{display: none;}

.NavList_a1,#NavigationList_d1{width: 100%;background: #262626;box-sizing:border-box;padding: 0 16%;line-height: 1.8;position: relative;overflow: hidden;}
.NavList_a1 li,#NavigationList_d1 li{display: inline-block;width: auto;padding-right: 1vw;margin-right: 1vw;}
.NavList_a1 a,#NavigationList_d1 a{font-size: 16px;color: #bdb666;display: block;padding: 1.3vw 10px;position: relative;border-bottom: 3px solid transparent;}
.NavList_a1 li .on,.NavList_a1 li a:hover,#NavigationList_d1 li .on,#NavigationList_d1 li a:hover{color: #fff254;border-color: #fff254;}
.NavList_a1 li:last-child,#NavigationList_d1 li:last-child{margin-right: 0;border-right: none;}

.PosList_a1{color: #4f4f4f;font-size: 12px;margin: 1vw auto;width: 73%;
-webkit-animation: fadeInLeft 0.8s ease 0.8s both;
-ms-animation: fadeInLeft 0.8s ease 0.8s both;
-moz-animation: fadeInLeft 0.8s ease 0.8s both;
-o-animation: fadeInLeft 0.8s ease 0.8s both;}
.PosList_a1 a{color: #4f4f4f;font-size: 12px;}
.PosList_a1 b{font-weight: normal;}

.content{width: 66%;margin: 56px auto 5.2vw auto;min-height: 40vh;font-size: 16px;color: #ebebeb;line-height: 1.8;}
img{max-width: 100%;}

.about {width: 70%;line-height: 2;}
.about p{margin-top: 1.2vw;}
.about h4{font-size: 1.4em;font-weight: bold;color: #fff254;line-height: 1.5;}
.about h3{font-size: 1.7em;font-weight: bold;color: #fff254;margin-bottom: 1.8vw;line-height: 1.5;}
.about .flimg{width: 50%;margin-right: 3.5vw;}
.about .box1 .fl{width: 42%;}
.about .box1{position: relative;width: 96%;margin: 0 auto;}
.about .box1 .frimg{position: absolute;right: 4%;z-index: 1;width: 45%;}
.about .box2 {background: #b30603;width: 96%;margin: 3vw auto 0 auto;padding: 1.3vw;padding-left: 5vw;box-sizing:border-box;position: relative;
background: linear-gradient(160deg,#ca0704 24%, #820600);background: -ms-linear-gradient(160deg,#ca0704 24%, #820600);
background: -webkit-linear-gradient(160deg,#ca0704 24%, #820600);}
.about .box2 .fl{width: 16vw;}
.about .box2 .fr{position: absolute;right: 4.5vw;bottom: 1.3vw;width: 45%;}
.about .box3 {margin: 2.8vw auto;width: 96%;}
.about .box3 .fl{width: 46%;margin-left: 2%;}
.about .box3 .fr{width: 42%;text-align: center;margin-left: 9%;}
.about .box3 .fr li{display: inline-block;width: 9.2vw;margin: 0 1.3vw;}
.about .box3 .fr li img{display: block;max-width: 100%;}

.page{width: 100%;text-align: center;margin-top: 3.5vw;}
.page a,.page span{border: 1px solid #cccccc;font-size: 14px;color: #999999;padding: 8px 14px; line-height: 1.5;border-radius: 2px;display: inline-block;margin: 0 0.5vw 5px 0.5vw;text-align: center;}
.pageinfo{display: none;}
.page span.on,.page a:hover,.page a.on,.page a.cur,.page span.cur{background: #ce0a01;border-color: #ce0a01;color: #fff;}

#load_more_button{display: none;}

.map-btn{display: none; display: none;padding: 3.2vw;width: 40vw;margin: 6vw auto 0 auto;text-align: center;background-color: #fff254;color: #fff;line-height: 1.0;border-radius: 5px;}

/*详情*/
.NewsDetail_a1{word-wrap:break-word;color: #eaeaea;}
.NewsDetail_a1 p img{max-width: 100%;}
.NewsDetail_a1 #nt{padding-bottom: 15px;font-size: 30px; line-height:1.5; font-weight:normal; text-align:left;letter-spacing:1px; background: #323232;
padding: 1vw 1.7vw 0 1.7vw;}
.NewsDetail_a1 #nf{width:160px; margin:0 auto; margin-bottom:20px; height:20px; line-height:20px;display: none;}
.NewsDetail_a1 #nf em{display:block; padding-top:2px; margin-right:2px; float:left;}
.NewsDetail_a1 #nf span{display:block; padding:2px; border-radius:5px; font-size:12px; width:18px; margin-right:4px; float:left; background:#999999; color:#fff; text-align:center; cursor:pointer;}
.NewsDetail_a1 #nf span.nf_on{ background:#fff254;color: #fff;}

.NewsDetail_a1 .nf1{line-height:1.8; font-size:14px; letter-spacing:1px;min-height: 400px;padding: 1.5vw 1.7vw;}
.NewsDetail_a1 .nf2{line-height:1.8; font-size:16px; letter-spacing:1px;min-height: 400px;padding: 1.5vw 1.7vw;}
.NewsDetail_a1 .nf3{line-height:1.8; font-size:20px; letter-spacing:2px;min-height: 400px;padding: 1.5vw 1.7vw;}
.NewsDetail_a1 p{line-height: 1.8;}
.NewsDetail_a1 #nb{padding: 0.5vw 1.7vw 1vw 1.7vw;color: #808080;background: #323232;}
.NewsDetail_a1 #newtb{line-height:30px; margin-top: 20px;color:  inherit;}
.NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{ display:block; width:50%; float:left;background: #323232;font-size: 14px;color: #808080;
    padding: 1vw 1.7vw;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsDetail_a1 #newtb a{color:  inherit;}
.NewsDetail_a1 #newskw{ display: none}
#newtb em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_detail .content{padding: 1.2vw 0;width: 70%;}
.news_detail .NewsDetail_a1{width: 1100px;max-width: 80%;margin: 0 auto;}

.contact .NavList_a1,.contact #NavigationList_d1{padding: 0 14%;}
.contact .content{width: 70%;color: #fff;padding-bottom: 5.2vw;position: relative;min-height: 600px;}
.contact .content .fl{width: 52.6%;padding: 3.6vw 9.6vw 3.6vw 1.5vw;box-sizing:border-box;background: url(../images/cbg2.jpg) #3c3c3c left bottom no-repeat;
background-size: 100% auto;position: relative;box-sizing: border-box;}
.contact .content .fl i{display: inline-block;margin-right: 0.7vw;transform: translateY(2px);-webkit-transform: translateY(2px);
    position: absolute;top: 0;left: 0;width: 1.5em;height: 1.5em;line-height: 1.5em;
}
.contact .content .fl i img{display: inline-block;}
.contact .content .fl ul{margin-top: 1.8vw;}
.contact .content .fl li{margin-bottom: 1vw;position: relative;box-sizing: border-box;padding-left: 2em;}
.contact .content .fl p{display: inline;}
.contact .content .fl h3{font-size: 27px;color: #fff254;}
.contact .content .fr{width: 52.3%;position: absolute;right: 0;top: 180px;}
.contact .content .fr b{text-align: right;line-height: 1.0;display: block; font-family: Arial;color: #fff;font-size: 52px;opacity: 0.1;font-style: italic;}
.contact .content .fl:after{content: "";display: block;width: 7vw;height: 100%;position: absolute;top: 2.1vw;right: -1.2vw; background: linear-gradient(160deg,#ca0704 24%, #820600);background: -ms-linear-gradient(160deg,#ca0704 24%, #820600);
background: -webkit-linear-gradient(160deg,#ca0704 24%, #820600);}
.contact #map0{width: 100%;height: 400px;}
.map-btn{display: none;padding: 3.2vw;width: 40vw;margin: 6vw auto 0 auto;text-align: center;background-color: #d3362f;color: #fff;line-height: 1.0;border-radius: 5px;}

@media screen and (max-width: 1440px){
    .contact .content, .content,.news_detail .content{width: 80%;}
    .NewsDetail_a1 #nt{font-size: 24px;}
    .contact .content .fl h3{font-size: 22px;}
    .NavList_a1, #NavigationList_d1{padding: 0 10%;}
    .contact .NavList_a1,.contact #NavigationList_d1{padding: 0 8%;}
}
@media screen and (max-width: 1024px){
    .ResTitle_a1 {padding-left: 0.8em;}
    .contact .content, .content,.news_detail .content{width: 90%;}
    .NavList_a1,#NavigationList_d1{padding: 0 4.05%;}
    .NavList_a1 a,#NavigationList_d1 a{padding: 1.5vw 2.5vw;}
    .NewsDetail_a1 #nt{font-size: 20px;}

}
@media screen and (max-width: 768px){
    .contact .content .fl{width: 100%;float: none;padding: 4vw 20vw 4vw 6vw;}
    .contact .content .fl:after{width: 18vw;top: 6vw;}
    .contact .content .fr{width: 100%;float: none;position: static;height: 300px;}
    .contact .content .fr b{display: none;}
    .contact #map0{height: 100%;}
}
@media screen and (max-width: 640px){
    .page-ban{background-image: url(../images/m2pageban.jpg);height: 55vw;}
    .product .page-ban{background-image: url(../images/mpageban.jpg);}
    .product .page-ban.caston{background-image: url(../images/m3pageban.jpg);}
    .content{font-size: 3.8vw;min-height: 60vh;width: 91%;margin: 8vw auto 15vw auto;}
    .ResTitle_a1{font-size: 5vw;}
    .ResTitle_a1 em{font-size: 3.8vw;}

    .PosList_a1{margin-bottom: 2vw;font-size: 3.4vw;width: 91%;margin-top: 3vw;}
    .NavList_a1,#NavigationList_d1{padding: 0 4.5%;}
    .NavList_a1 a,#NavigationList_d1 a{font-size: 3.8vw;padding: 2.5vw;}

    .about .fl,.about .fr,.about .box3 .fr{float: none;width: 100% !important;margin: 0 auto;}
    .about h3{font-size: 4.6vw;}
    .about h4{font-size: 4.2vw;}
    .about img{display: block;}
    .about p{margin: 2vw auto;}
    .about .box1 .frimg{position: static;width: 100%;}
    .about .box1 .frimg img{display: block;}
    .about .box2{width: 100%;padding: 5vw 30% 5vw 4vw;margin: 0 auto;}
    .about .box3{width: 100%;margin: 0 auto;}
    .about .box3 .fr {margin: 4vw auto;}
    .about .box3 .fr li{width: 28%;margin: 0 6vw;}

    .contact .content .fl h3{font-size: 4.2vw;font-weight: bold;}
    .contact .content .fl:after{display: none;}
    .contact .content .fl{padding: 5vw;}
    .contact .content .fl i{margin-right: 10px;}
    .contact .content .fl li{margin-bottom: 3vw;}

    .page,.news #load_more_button{display: none;}
    .prodcut-list #load_more_button{display: block;}
    #load_more_button{display: block;width: 8em;text-align:center;font-size: 3.8vw;border: 1px solid #ccc;color: #999;
        margin: 6vw auto 0 auto;line-height: 1.5;padding: 2vw 0;}

    .NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{width: 100%;}
    .NewsDetail_a1 .nf1,.NewsDetail_a1 .nf2,.NewsDetail_a1 .nf3{font-size: 3.8vw;padding: 5vw 3vw;}
    .NewsDetail_a1 #nt{padding: 3vw 3vw 1vw 3vw;}
    .NewsDetail_a1 #nb{padding: 2vw 3vw 3vw 3vw ;}
    .news_detail .NewsDetail_a1{width: 100%;max-width: 100%;}
    .NewsDetail_a1 #nt{font-size: 4.5vw;}

    .news_detail .content{padding: 0;width: 93%;}
    .map-btn{display: block;}
    .contact .content,.contact{min-height: unset;}
    .contact .content .fr{height: auto;}
    .contact #map0{display: none;}
    .contact .content .fr b{display: block;font-size: 8.6vw;}
}