﻿@media (min-width: 760px) /****电脑版/****/
{
    body { margin: 0px; font-size: 13px; color: #000000; background-color: #CCCCCC; }
    button { border-bottom-style: none; border-right-style: none; background-color: transparent; border-top-style: none; border-left-style: none; padding: 0px; margin: 0px; cursor: hand }
    td { font-size: 13px; }
    img { border-width: 0px; border-style: none; }
    li { list-style-type: none; list-style-position: outside; overflow: hidden }
    ul { margin: 0px; padding: 0px; }
    div { overflow: hidden }
    a { color: #000000; text-decoration: none; }
    a:hover { color: #FF0000; text-decoration: none; }

    a.oneNg { font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; }
    a.oneNg:hover { font-size: 13px; color: #FFFF00; text-decoration: none; font-weight: bold; }

    a.oneNgB { font-size: 13px; color: #FFFF00; text-decoration: none; font-weight: bold; }
    a.oneNgB:hover { font-size: 13px; color: #FFFF00; text-decoration: none; font-weight: bold; }

    .oneNgul { padding-left: 60px; float: left }
    .oneNgItem { float: left; text-align: center; padding-right: 10px; padding-left: 10px }
    .oneNgItemB { float: left; text-align: center; padding-right: 10px; padding-left: 10px }

    .twoNgul { border: 1px solid #cccccc; width: 300px; display: none; position: fixed; top: 35px; _position: absolute; z-index: 999; _top: expression(documentElement.scrollTop); margin-left: -30px }
    .twoNgul li { height: 25px; line-height: 25px; background-color: #ffffff; padding-left: 20px; padding-right: 20px; text-align: left }

    a.oneNgC { font-size: 13px; color: #009999; text-decoration: none; }

    a.oneNgC:hover { font-size: 13px; color: #FF0000; text-decoration: none; }
    a.oneNgC2 { font-size: 13px; color: #FF0000; text-decoration: none; }
    a.oneNgC2:hover { font-size: 13px; color: #FF0000; text-decoration: none; }


    a.twoNg { font-size: 13px; color: #46464d; text-decoration: none; font-family: 黑体; }
    a.twoNg:hover { font-size: 13px; color: #FFFF00; text-decoration: none; font-family: 黑体; }


    a.twoNgB { font-size: 13px; color: #CC0000; text-decoration: none; font-family: 黑体; }
    a.twoNgB:hover { font-size: 13px; color: #FFFF00; text-decoration: none; font-family: 黑体; }

    a.twoNgC { font-size: 13px; color: #333333; text-decoration: none; }
    a.twoNgC:hover { font-size: 13px; color: #FF0000; text-decoration: none; }

    a.productColumn2 { font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; }
    a.productColumn2:hover { font-size: 13px; color: #339933; text-decoration: none; font-weight: bold; }
    a.productColumn3 { font-size: 14px; color: #333333; text-decoration: none; }
    a.productColumn3:hover { font-size: 14px; color: #339933; text-decoration: none; }

    a.SearchTitle { font-size: 14px; color: #3333FF; text-decoration: none; }
    a.SearchTitle:hover { font-size: 14px; color: #FF0000; text-decoration: underline; }
    a.SearchTitle:visited { font-size: 14px; color: #CC0000; text-decoration: underline; }


    .FieldTextA { /*红*/ font-size: 13px; color: #CC0000; text-decoration: none; }
    .FieldTextB { /*橙*/ font-size: 13px; color: #FF6600; text-decoration: none; }
    .FieldTextC { /*黄*/ font-size: 13px; color: #FFFF00; text-decoration: none; }
    .FieldTextD { /*绿*/ font-size: 13px; color: #009f3c; text-decoration: none; }
    .FieldTextE { /*青*/ font-size: 13px; color: #0099FF; text-decoration: none; }
    .FieldTextF { /*蓝*/ font-size: 13px; color: #143a8b; text-decoration: none; }
    .FieldTextG { /*紫*/ font-size: 13px; color: #0033CC; text-decoration: none; }
    .FieldTextH { /*黑*/ font-size: 13px; color: #000000; text-decoration: none; }
    .FieldTextI { /*白*/ font-size: 13px; color: #FFFFFF; text-decoration: none; }
    .FieldTextJ { /*灰*/ font-size: 12px; color: #999999; text-decoration: none; }
    .FieldTextK { font-size: 13px; color: #d985a2; text-decoration: none; }



    .TitleTextA { font-weight: bold; font-size: 18px; color: #333333; text-decoration: none; }
    .TitleTextA2 { font-size: 14px; text-decoration: none; }
    .TitleTextB { font-weight: bold; font-size: 14px; color: #ffffff; text-decoration: none; }
    .TitleTextC { font-weight: bold; font-size: 14px; color: #000000; }
    .TitleTextD { font-size: 14px; color: #0066CC; }
    .TitleTextE { font-weight: bold; font-size: 13px; color: #FFFFFF; }

    .TitleTextF { font-size: 13px; color: #000000; text-decoration: none; font-family: 黑体; font-weight: bold; }

    .listImaA {display:block;padding:20px;text-align:center }
    .listImaA img{width:100%}
    .listImaA p{text-align:center}

    .ContentTextA { font-size: 14px; color: #333333; line-height: 25px; letter-spacing: 1px; text-align: justify; text-justify: inter-ideograph; }
    .ContentTextB { font-size: 13px; color: #333333; line-height: 25px; letter-spacing: 1px; text-align: justify; text-justify: inter-ideograph; }
    .ContentTextB img{height:220px;float:right;margin-left:15px}

    .ContentTextC { font-size: 13px; color: #333333; line-height: 23px; letter-spacing: 1px; text-align: justify; text-justify: inter-ideograph; }
    .ContentTextD { font-size: 13px; color: #3366CC; line-height: 23px; }

    .colorfocus { background-color: #c2e0ff; font-size: 13px; color: #000033; text-decoration: none; border-right: darkgray1pxsolid; border-top: darkgray1pxsolid; border-left: darkgray1pxsolid; border-bottom: darkgray1pxsolid; }

    .columnName { font-weight: bold; font-size: 24px; color: #46464d; text-decoration: none; font-family: 黑体; }
    .CurrentlyPlace { font-size: 12px; color: #666666; text-decoration: none; }
    .PageChangeLink { color: #009f3c; font-size: 13px; text-decoration: none; }
    .PageChangeNoLink { color: dimgray; font-size: 13px; text-decoration: none; }

    .DateTimeTextA { color: #6a5952; font-size: 13px; }
    .Phone { color: #FF0000; font-size: 18px; font-weight: bold; }
    .SurveyTitle { font-size: 13px; color: #0066CC; font-weight: bold; }
    .SurveyItem { font-size: 13px; color: #666666; }
    .titledot { float: left; background-image: url(/images/titledot.gif); height: 30px; width: 9px }
    .underlink { font-size: 12px; color: #666666; }
    .footerText { font-size: 13px; color: #666666; }
    .contenttop { padding-bottom: 7px; height: 30px; line-height: 30px; background-image: url(/images/1/img10.gif); padding-left: 10px }
    .searchinput { height: 21px; line-height: 21px; background-color: transparent; border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none; padding: 0px; margin: 0px; color: #999999 }

    .partinfolist { line-height: 25px }
    .partinfolist li { height: 25px }
    .partinfolist .name { height: 25px; float: left; width: 190px; padding-left: 5px }
    .partinfolist .price { height: 25px; float: left; width: 60px }

    .productcolumnul { float: left; width: 320px; }
    .li1 { height: 203px; background-color: Black }
    .li2 { height: 40px; line-height: 40px; }
    .li3 { height: 80px; line-height: 20px; }


    .lineA { border-top-style: solid; border-top-width: 1px; border-top-color: #C0C0C0; }
    .borderA { border-right: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-top: #cccccc 1px solid; border-color: #666666; }
    .imgBoder { border-top: 1px solid; border-right: 1px solid; border-left: 1px solid; border-bottom: 1px solid; color: #F2F2F2; border-color: #C0C0C0; }

    .ScrollDiv { overflow-y: scroll; Crollbar-Face-color: #FFFFFF; Scrollbar-Highlight-Color: #FFFFFF; Scrollbar-Shadow-Color: #FFFFFF; Scrollbar-3Dlight-Color: #FFFFFF; Scrollbar-Arrow-Color: #FFFFFF; Scrollbar-Track-Color: #FFFFFF; Scrollbar-Darkshadow-Color: #FFFFFF; }
    .ons { color: #FFFFFF; background: #004276; }
    .offs { color: #000000; background: #C8C7C6; cursor: pointer; }


    .topDiv1 { margin: 0 auto; width: 990px; height: 150px; background-image: url(/images/1/top1.jpg); }
    .topDiv1 .topNgDiv { padding-top: 10px; text-align: right; padding-right: 10px;}
    .topDiv1 .oneNgdiv { padding-top: 96px }

    .topDiv2 { margin: 0 auto; width: 990px; height: 300px; }

    .topDiv1_M {display:none }
    .topDiv2_M {display:none}
    .oneNgdiv_M{display:none}
    .topDiv2_M {display:none}

    .ContentDiv { margin: 0 auto; width: 990px;padding:15px 0px 15px 0px; background-color:white}
    .ContentDiv .leftDiv{ float:left; width: 255px;padding-left:15px }
    .ContentDiv .rightDiv{ float:right; width: 710px; }

    .lefttouch .info1 { height: 60px; line-height: 60px; text-align: center }
    .lefttouch .info2 { height: 30px; line-height: 30px; padding-left: 30px }

    .lefttouch { float: left; width: 255px; height: 300px; background-image: url(/images/1/img13.gif); }
    .lefttouch .title { padding-top: 26px; padding-bottom: 15px; width: 100%; }
    .lefttouch .title .name { float: left; padding-left: 30px }
    .lefttouch .info { line-height: 23px; padding-left: 10px; padding-right: 10px }

    .productColumnList { float: left; width: 255px; height: 290px; background-image: url(/images/1/img5.gif); }
    .productColumnList .title { padding-top: 26px; padding-bottom: 15px; float: left; width: 255px }
    .productColumnList .title .name { float: left; padding-left: 30px }
    .productColumnList .info { padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 10px; float: left; width: 225px }


    .productDS li { list-style-type: disc; list-style-position: inside; overflow: hidden; }

    .underDiv { margin: 0 auto; width: 990px;background-color:#009966;line-height:2; }
    .underDiv p{color:white;text-align:center }
    .underDiv p a{color:white;}
}


@media (max-width: 760px) /****手机版/****/
{
    body { margin: 0px; font-size: 14px; color: #000000; background-color: #CCCCCC; }
    button { border-bottom-style: none; border-right-style: none; background-color: transparent; border-top-style: none; border-left-style: none; padding: 0px; margin: 0px; cursor: hand }
    td { font-size: 14px; }
    img { border-width: 0px; border-style: none; }
    li { list-style-type: none; list-style-position: outside; overflow: hidden }
    ul { margin: 0px; padding: 0px; }
    div { overflow: hidden }
    a { color: #000000; text-decoration: none; }
    a:hover { color: #FF0000; text-decoration: none; }

    .topDiv1 {display:none }
    .topDiv2 {display:none}

    .topDiv1_M {width:100%}
    .topDiv1_M img{width:100%;display:block}

    .oneNgdiv_M {background-image:linear-gradient(#009966,#00cc66);padding-top:5px;padding-bottom:5px}
    .topDiv2_M {width:100% }

    .ContentDiv {padding:15px 0px 15px 0px; background-color:white;min-height:450px}
    .ContentDiv .leftDiv{display:none}
    .ContentDiv .rightDiv{padding:0px 15px 0px 15px}

    a.oneNg { font-size: 14px; color: #ffffff; text-decoration: none; font-weight: bold; }
    a.oneNg:hover { font-size: 14px; color: #FFFF00; text-decoration: none; font-weight: bold; }

    a.oneNgB { font-size: 14px; color: #FFFF00; text-decoration: none; font-weight: bold; }
    a.oneNgB:hover { font-size: 14px; color: #FFFF00; text-decoration: none; font-weight: bold; }

    .oneNgul {width:100%;line-height:2}
    .oneNgul li{float:left;width:20%;text-align:center}
    .oneNgul li:last-child{display:none}

    .twoNgul { border: 1px solid #cccccc; width: 300px; display: none; position: fixed; top: 35px; _position: absolute; z-index: 999; _top: expression(documentElement.scrollTop); margin-left: -30px }
    .twoNgul li { height: 25px; line-height: 25px; background-color: #ffffff; padding-left: 20px; padding-right: 20px; text-align: left }

    a.oneNgC { font-size: 14px; color: #009999; text-decoration: none; }

    a.oneNgC:hover { font-size: 14px; color: #FF0000; text-decoration: none; }
    a.oneNgC2 { font-size: 14px; color: #FF0000; text-decoration: none; }
    a.oneNgC2:hover { font-size: 14px; color: #FF0000; text-decoration: none; }


    a.twoNg { font-size: 14px; color: #46464d; text-decoration: none; font-family: 黑体; }
    a.twoNg:hover { font-size: 14px; color: #FFFF00; text-decoration: none; font-family: 黑体; }


    a.twoNgB { font-size: 14px; color: #CC0000; text-decoration: none; font-family: 黑体; }
    a.twoNgB:hover { font-size: 14px; color: #FFFF00; text-decoration: none; font-family: 黑体; }

    a.twoNgC { font-size: 14px; color: #333333; text-decoration: none; }
    a.twoNgC:hover { font-size: 14px; color: #FF0000; text-decoration: none; }

    a.productColumn2 { font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; }
    a.productColumn2:hover { font-size: 14px; color: #339933; text-decoration: none; font-weight: bold; }
    a.productColumn3 { font-size: 14px; color: #333333; text-decoration: none; }
    a.productColumn3:hover { font-size: 14px; color: #339933; text-decoration: none; }

    a.SearchTitle { font-size: 14px; color: #3333FF; text-decoration: none; }
    a.SearchTitle:hover { font-size: 14px; color: #FF0000; text-decoration: underline; }
    a.SearchTitle:visited { font-size: 14px; color: #CC0000; text-decoration: underline; }


    .FieldTextA { /*红*/ font-size: 14px; color: #CC0000; text-decoration: none; }
    .FieldTextB { /*橙*/ font-size: 14px; color: #FF6600; text-decoration: none; }
    .FieldTextC { /*黄*/ font-size: 14px; color: #FFFF00; text-decoration: none; }
    .FieldTextD { /*绿*/ font-size: 14px; color: #009f3c; text-decoration: none; }
    .FieldTextE { /*青*/ font-size: 14px; color: #0099FF; text-decoration: none; }
    .FieldTextF { /*蓝*/ font-size: 14px; color: #143a8b; text-decoration: none; }
    .FieldTextG { /*紫*/ font-size: 14px; color: #0033CC; text-decoration: none; }
    .FieldTextH { /*黑*/ font-size: 14px; color: #000000; text-decoration: none; }
    .FieldTextI { /*白*/ font-size: 14px; color: #FFFFFF; text-decoration: none; }
    .FieldTextJ { /*灰*/ font-size: 12px; color: #999999; text-decoration: none; }
    .FieldTextK { font-size: 14px; color: #d985a2; text-decoration: none; }



    .TitleTextA { font-weight: bold; font-size: 18px; color: #333333; text-decoration: none; }
    .TitleTextA2 { font-size: 14px; text-decoration: none; }
    .TitleTextB { font-weight: bold; font-size: 14px; color: #ffffff; text-decoration: none; }
    .TitleTextC { font-weight: bold; font-size: 14px; color: #000000; }
    .TitleTextD { font-size: 14px; color: #0066CC; }
    .TitleTextE { font-weight: bold; font-size: 14px; color: #FFFFFF; }

    .TitleTextF { font-size: 14px; color: #000000; text-decoration: none; font-family: 黑体; font-weight: bold; }

    .listImaA {display:block;padding:10px;text-align:center }
    .listImaA img{width:100%}
    .listImaA p{text-align:center}

    .ContentTextA { font-size: 15px; color: #333333; line-height: 2; letter-spacing: 1px; text-align: justify; text-justify: inter-ideograph; }
    .ContentTextA img{max-width:100% !important;height:auto !important;clear:both !important}
    .ContentTextA p img{max-width:100% !important;height:auto !important;clear:both !important}
    .ContentTextA table {max-width:100% !important; padding: 0px;}
    .ContentTextA td { font-size: 13px; padding: 3px; background-color: #fff; }
    .ContentTextA td p{text-indent:0px;font-size:13px}



    .ContentTextB { font-size: 15px; color: #333333; line-height: 2; letter-spacing: 1px; text-align: justify; text-justify: inter-ideograph; }
    .ContentTextB img{max-width:100%}
    .ContentTextC { font-size: 14px; color: #333333; line-height: 23px; letter-spacing: 1px; text-align: justify; text-justify: inter-ideograph; }
    .ContentTextD { font-size: 14px; color: #3366CC; line-height: 23px; }

    .colorfocus { background-color: #c2e0ff; font-size: 14px; color: #000033; text-decoration: none; border-right: darkgray1pxsolid; border-top: darkgray1pxsolid; border-left: darkgray1pxsolid; border-bottom: darkgray1pxsolid; }

    .columnName { font-weight: bold; font-size: 24px; color: #46464d; text-decoration: none; font-family: 黑体; }
    .CurrentlyPlace { font-size: 12px; color: #666666; text-decoration: none; }
    .PageChangeLink { color: #009f3c; font-size: 14px; text-decoration: none; }
    .PageChangeNoLink { color: dimgray; font-size: 14px; text-decoration: none; }

    .DateTimeTextA { color: #6a5952; font-size: 14px; }
    .Phone { color: #FF0000; font-size: 18px; font-weight: bold; }
    .SurveyTitle { font-size: 14px; color: #0066CC; font-weight: bold; }
    .SurveyItem { font-size: 14px; color: #666666; }
    .titledot { float: left; background-image: url(/images/titledot.gif); height: 30px; width: 9px }
    .underlink { font-size: 12px; color: white; }
    .footerText { font-size: 14px; color: #666666; }
    .contenttop { padding-bottom: 7px; height: 30px; line-height: 30px; background-image: url(/images/1/img10.gif); padding-left: 10px }
    .searchinput { height: 21px; line-height: 21px; background-color: transparent; border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none; padding: 0px; margin: 0px; color: #999999 }

    .partinfolist { line-height: 25px }
    .partinfolist li { height: 25px }
    .partinfolist .name { height: 25px; float: left; width: 190px; padding-left: 5px }
    .partinfolist .price { height: 25px; float: left; width: 60px }

    .productcolumnul { float: left; width: 320px; }
    .li1 { height: 203px; background-color: Black }
    .li2 { height: 40px; line-height: 40px; }
    .li3 { height: 80px; line-height: 20px; }


    .lineA { border-top-style: solid; border-top-width: 1px; border-top-color: #C0C0C0; }
    .borderA { border-right: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-top: #cccccc 1px solid; border-color: #666666; }
    .imgBoder { border-top: 1px solid; border-right: 1px solid; border-left: 1px solid; border-bottom: 1px solid; color: #F2F2F2; border-color: #C0C0C0; }

    .ScrollDiv { overflow-y: scroll; Crollbar-Face-color: #FFFFFF; Scrollbar-Highlight-Color: #FFFFFF; Scrollbar-Shadow-Color: #FFFFFF; Scrollbar-3Dlight-Color: #FFFFFF; Scrollbar-Arrow-Color: #FFFFFF; Scrollbar-Track-Color: #FFFFFF; Scrollbar-Darkshadow-Color: #FFFFFF; }
    .ons { color: #FFFFFF; background: #004276; }
    .offs { color: #000000; background: #C8C7C6; cursor: pointer; }




    .lefttouch .info1 { height: 60px; line-height: 60px; text-align: center }
    .lefttouch .info2 { height: 30px; line-height: 30px; padding-left: 30px }

    .lefttouch { float: left; width: 255px; height: 300px; background-image: url(/images/1/img13.gif); }
    .lefttouch .title { padding-top: 26px; padding-bottom: 15px; width: 100%; }
    .lefttouch .title .name { float: left; padding-left: 30px }
    .lefttouch .info {padding-left: 10px; padding-right: 10px }

    .productColumnList { float: left; width: 255px; height: 290px; background-image: url(/images/1/img5.gif); }
    .productColumnList .title { padding-top: 26px; padding-bottom: 15px; float: left; width: 255px }
    .productColumnList .title .name { float: left; padding-left: 30px }
    .productColumnList .info { padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 10px; float: left; width: 225px }


    .productDS li { list-style-type: disc; list-style-position: inside; overflow: hidden; }

    .underDiv {line-height: 2; background-color: #009966; }
    .underDiv p{color:white;text-align:center }
    .underDiv p a{color:white;}
    .underDiv p:last-child{display:none}

}


/*首页轮播样式*/

.index_slide{width:100%;overflow:hidden; position:relative; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
.index_slide img{width:100%;float:left}

.index_slide .focus_pic{width:100%; overflow:hidden;}
.index_slide .focus_pic ul{width:300%; overflow:hidden; -moz-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0);}
.index_slide .focus_pic li{float:left; text-align:center;width:33.3333333%;}


.index_slide .focus_btn {text-align:center; position:absolute; width:100%; bottom:2px;}
.index_slide .focus_btn li{display:inline-block; *zoom:1; *display:inline; margin:0 2px; font-size:1px; width:15px; height:15px; background:url(/images/m_bullet.png) no-repeat;}
.index_slide .focus_btn li.active{background:url(/images/m_bullet.png) 0 -30px no-repeat;}