*{font-family: Noto Sans TC}
.body-main{width:85%;height:auto;margin-top: 50px;}
@media screen and (min-width: 1280px) and  (max-width: 1380px){
    .body-main{width:85%;height:auto;margin-top: 50px;margin-bottom: 30px}
}
@media screen and (min-width: 1380px){
    .body-main{width:1280px;height:auto;margin-top: 50px;margin-bottom: 30px}
}
.comdis-title{width:100%;font-size:30px; margin-top: 50px;}
.comdis-con{width:100%;font-size:18px;color:#848383;line-height: 40px;margin-top: 20px;}
.m1{width:100%;height:200px;margin-top:50px;}
.comdis{width:68%;float:left;}
.comdis2-title{width:100%;font-size:24px;text-align: left;margin-bottom: 20px;}
.comdis2-con{width:100%;font-size:18px;text-align: left;color:#848383;line-height: 40px;}
.comdis2-img{width:30%;float:right;}
.comdis2-img img{width:300px;height:220px;float:right;}
.black-line{width:100%;height:2px;background-color: black;margin:40px 0px;}
.tuijian{width:100%;height:300px;margin:0 auto;}
.tuijian-title{width:100%;font-size:28px;text-align: left;}
.chanpinpic{width:100%;height:200px;}

.m1_phone{display: none;}
.chanpinpic_phone{display: none;}
@media screen and (max-width: 860px) {
    .comdis-title{text-align: center;}
    .comdis-con{text-align: center;}
    .m1{display: none}
    .chanpinpic{display: none;}
    .chanpinpic_phone{display:block;}
    .m1_phone{display: block;}
    .m1_phone_img{width:100%;max-width: 400px;margin:0 auto;}
    .m1_phone img{width:100%;max-width: 400px;}
    .comdis2-title{text-align: center;margin-top: 15px;}
    .comdis2-con{margin-top: 10px;}
    .chanpinpic_phone{margin-top: 30px;}
}


.h_tonglan {width:100%;padding:14px 10px;margin:0 auto;}
.h_tonglan dl {width:100%;height:32px;_height:32px;background:url(/image/huixian2.gif) repeat-x top;margin-left:10px;margin-right:10px;}
.h_tonglan dl dd {float:left;width:196px;height:32px;_height:32px;background:url(/image/lvx2.gif) repeat-x top;}
.h_tonglan dl dt {float:right;width:1000px;text-align:right;line-height:25px;min-height:25px;color:#6A6A6A;}
.h_tonglan ul {overflow:hidden;}
.h190px {overflow:hidden;margin-left:10px;margin-right:10px;padding-bottom:3px;padding-top:14px;}
.h190px img {width:100%;border:0px;}

.h218px {width:100%;height:200px;_height:200px;padding-top:14px;margin:0 auto;}
.h218px th {padding-top:67px;}
.h218px td {overflow:hidden;}
#scrollbox ul {overflow:hidden;}
#scrollbox ul LI {FLOAT:left;width:250px;_width:150px;height:200px;_height:200px;vertical-align:top;font-size:14px;line-height:18px;min-height:18px;text-align:center;padding:0px;overflow:hidden;}
#scrollbox ul LI img{ width:65%;height:160px;border:0px;}
.pointer {CURSOR: pointer}

* {padding:0px;margin:0px;}
html {overflow-y:scroll;}
body {margin:0;padding:0px;font-size:12px;background:url(../image/t_ds.gif) repeat-x top;color:#252525;}
div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
ol,ul {list-style:none;}
address,cite,code,em,th,i {font-weight:normal;font-style:normal;}
.fB{font-weight:bold;}
.fred {color:#ff0000;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f14pxbai{font-size:14px;color:#ffffff; font-weight:bold;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f22px{font-size:22px;color:#FFFFFF;}
.center {margin:0px auto;}
.left{float:left;}
.right{float:right;}
.rejm {width:60px;height:20px;border:#7E9DB9 1px solid;line-height:20px;}
/* link css */
a {color:#252525;text-decoration:none;}
a:hover {color:#058F04;text-decoration:none;}
a:active {color:#058F04;text-decoration:none;}