* { margin: 0px auto; padding: 0px; box-sizing: border-box }
ul, li, dl, dt, dd, from, img { margin: 0px; padding: 0px; list-style-type: none; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-family: "微软雅黑", "宋体"; font-size: 14px; color: #333333; width: 100%; background-color: #ffffff; }
a:link { color: #333333; text-decoration: none; }
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #333333; }
a:active { text-decoration: none; color: #333333; }
@media only screen and (min-width:1024px){
    #mid { width: 1002px; padding-top: 3px; }
    .mid_left { width: 249px; float: left; padding-top: 8px; }
    .mid_left_one { width: 247px; border: 1px solid #CCC; background-image: url(../images/index_r3_c1a.jpg); background-repeat: no-repeat; background-color: #C4DEF5; height: 500px; padding-top: 30px; }
    .mid_left_one_libiaobig {  color:#244848; font-weight:700; font-size:15px; background-image: url(../images/bigclassbg.jpg); background-repeat: no-repeat; line-height: 30px; padding-left: 27px;  }
    .mid_left_one_libiaosmall { font-size:13px; width: 250px; background-image: url(../images/smallclassbg.jpg); background-repeat: no-repeat; line-height: 30px; letter-spacing:2px; font-weight:700; height:30px; overflow:hidden; position:relative; }
    .mid_left_one_libiaosmall a{display:block;height:30px; list-style:none; text-decoration:none;height:60px;position:absolute; top:0;width: 100%;text-transform: capitalize;font-size: 15px;}
    .mid_left_one_libiaosmall a i,.mid_left_one_libiaosmall a b{display:block;height:30px; font-style:normal; width:250px; padding-left:50px;}
    .mid_left_one_libiaosmall a b{ background:#1279d5;}

    .mid_left_two { width: 247px; border: 1px solid #CCC; background-image: url(../images/index_r8_c3.jpg); background-repeat: no-repeat; height: 420px; margin-top: 10px; }
    .mid_left_two_text { line-height: 22px; padding-left: 15px; padding-top: 45px; padding-bottom: 15px; }

    .mid_right { width: 749px; float: right; padding-top: 8px; }

    .mid_right_one { width: 749px; }
    #mid #focus{width:747px;height:235px;margin:0 auto;}
    #mid #focus div{position:absolute;width:747px;height:235px;overflow:hidden;}
    #mid #focus_show img,#mid #focus_bg img{width:747px;height:235px;}
    #mid #focus #focus_img{display:none;}

    .mid_right_two { width: 749px; float: left; margin-top: 10px;border: 1px solid #CCC; }

    .mid_right_two_left { float:left ; width: 368px; height: 290px;  background-image: url(../images/index_r6_c10c.jpg); background-repeat: no-repeat;padding-top: 38px; line-height: 25px; text-indent:2em;}
    .mid_right_two_right{ width:378px; float:right;padding-top: 38px;}
    .mid_right_two_right embed{width: 100%;height: 300px;}


    .mid_right_three { margin-top: 5px;font-size: 13px; line-height: 200%;width: 750px; float: left;  }
    .mid_right_three_title { width: 749px; background: url(../images/titlebg.jpg) no-repeat; color: #FFFFFF;font-size: 15px; font-weight: bold; letter-spacing: 3px; float:left;height:40px; line-height:40px; padding-top:5px; padding-left:1px;text-transform: capitalize;padding-left: 10px;}
    /* 20141021 开始 */
    .mid_right_three .picScroll-top{ margin:0 auto;  width:750px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
    .mid_right_three .picScroll-top ul li{ float:left;width: 148px; }
    .mid_right_three .picScroll-top ul li table th{border: 1px solid #CCC; padding:0;margin-top:5px; margin-right:5px;font-size: 13px; padding:2px; line-height:24px;}
    .mid_right_three .picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
    .mid_right_three .picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
        cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}
    .mid_right_three .picScroll-top .hd .next{ background-position:0 -140px;  }
    .mid_right_three .picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
    .mid_right_three .picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
    .mid_right_three .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
    .mid_right_three .picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
    .mid_right_three .picScroll-top .hd ul li.on{ background-position:0 0; }
    .mid_right_three .picScroll-top .bd{ padding:0px 0px;  }
    .mid_right_three .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li{ text-align:center; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li .pic{ text-align:center; }
    .mid_right_three .picScroll-top .bd ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
    .mid_right_three .picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
    .picList li img{width: 140px;height: 105px;}
    .picList li .showa{max-width: 140px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}

    .mid_right_four { width: 749px; float: left; margin-top: 10px; }
    .mid_right_four_left { float: left; width: 368px; height: 236px; border: 1px solid #CCC; background-image: url(../images/index_r6_c10.jpg); background-repeat: no-repeat; }
    .mid_right_four_left ul { padding-top: 38px; }
    .mid_right_four_left li { line-height: 30px; background-image: url(../images/lbbg.jpg); background-repeat: no-repeat; padding-left: 20px; }

    .mid_right_four_right { float: right; width: 368px; height: 236px; border: 1px solid #CCC; background-image: url(../images/index_r6_c10a.jpg); background-repeat: no-repeat; }
    .mid_right_four_right ul { padding-top: 38px; }
    .mid_right_four_right li { line-height: 30px; background-image: url(../images/lbbg.jpg); background-repeat: no-repeat; padding-left: 20px; }

}

@media only screen and (min-width:993px) and (max-width:1023px){
    #mid { width: 993px; padding-top: 3px; }
    .mid_left {float:left;width:240px;padding-top: 5px; }
    .mid_left_one { width: 238px; border: 1px solid #CCC; background-image: url(../images/index_r3_c1a.jpg); background-repeat: no-repeat; background-color: #C4DEF5; height: 500px; padding-top: 30px; }
    .mid_left_one_libiaobig {  color:#244848; font-weight:700; font-size:15px;  width: 211px; background-image: url(../images/bigclassbg.jpg);background-size: 238px 100%; background-repeat: no-repeat; line-height: 30px; padding-left: 27px;  }
    .mid_left_one_libiaosmall { font-size:13px; width: 238px; background-image: url(../images/smallclassbg.jpg);background-size: 238px auto; background-repeat: no-repeat; line-height: 30px; letter-spacing:2px; font-weight:700; height:30px; overflow:hidden; position:relative; }
    .mid_left_one_libiaosmall a{display:block;height:30px; list-style:none; text-decoration:none;position:absolute; top:0;width: 100%;text-transform: capitalize;font-size: 16px;}
    .mid_left_one_libiaosmall a i,.mid_left_one_libiaosmall a b{display:block;height:30px; font-style:normal; width:220px; padding-left:35px;}
    .mid_left_one_libiaosmall a b{ background:#1279d5;}

    .mid_left_two { width: 238px; border: 1px solid #CCC; background-image: url(../images/index_r8_c3.jpg);background-size: 238px auto; background-repeat: no-repeat; height: 420px; margin-top: 10px; }
    .mid_left_two_text { line-height: 22px; padding-left: 15px; padding-top: 45px; padding-bottom: 15px; }
    .mid_right {float:right;width:750px;padding-top: 5px; }

    .mid_right_one { width: 750px; }
    #mid #focus{width:750px;height:235px;margin:0 auto;}
    #mid #focus div{position:absolute;width:750px;height:235px;overflow:hidden;}
    #mid #focus_show img,#mid #focus_bg img{width:750px;height:235px;}
    #mid #focus #focus_img{display:none;}


    .mid_right_three { margin-top: 5px;font-size: 13px; line-height: 200%;width: 750px; float: left;  }
    .mid_right_three_title { width: 749px; background: url(../images/titlebg.jpg) no-repeat; color: #FFFFFF;font-size: 15px; font-weight: bold; letter-spacing: 3px; float:left;height:40px; line-height:40px; padding-top:5px; padding-left:1px;text-transform: capitalize;padding-left: 10px;}
    /* 20141021 开始 */
    .mid_right_three .picScroll-top{ margin:0 auto;  width:750px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
    .mid_right_three .picScroll-top ul li{ float:left;width: 148px; }
    .mid_right_three .picScroll-top ul li table th{border: 1px solid #CCC; padding:0;margin-top:5px; margin-right:5px;font-size: 13px; padding:2px; line-height:24px;}
    .mid_right_three .picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
    .mid_right_three .picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
        cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}
    .mid_right_three .picScroll-top .hd .next{ background-position:0 -140px;  }
    .mid_right_three .picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
    .mid_right_three .picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
    .mid_right_three .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
    .mid_right_three .picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
    .mid_right_three .picScroll-top .hd ul li.on{ background-position:0 0; }
    .mid_right_three .picScroll-top .bd{ padding:0px 5px;  }
    .mid_right_three .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li{ text-align:center; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li .pic{ text-align:center; }
    .mid_right_three .picScroll-top .bd ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
    .mid_right_three .picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
    .picList li img{width: 140px;height: 105px;}
    .picList li .showa{max-width: 140px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}

    .mid_right_two { width: 750px; float: left; margin-top: 10px;border: 1px solid #CCC; }

    .mid_right_two_left { float:left ; width: 368px; height: 290px;  background-image: url(../images/index_r6_c10c.jpg); background-repeat: no-repeat;padding-top: 38px; line-height: 25px; text-indent:2em;overflow: hidden;}
    .mid_right_two_right{ width:378px; float:right;padding-top: 38px;}
    .mid_right_two_right embed{width: 100%;height: 300px;}

    .mid_right_four { width: 749px; float: left; margin-top: 10px; }
    .mid_right_four_left { float: left; width: 368px; height: 236px; border: 1px solid #CCC; background-image: url(../images/index_r6_c10.jpg); background-repeat: no-repeat; }
    .mid_right_four_left ul { padding-top: 38px; }
    .mid_right_four_left li { line-height: 30px; background-image: url(../images/lbbg.jpg); background-repeat: no-repeat; padding-left: 20px; }

    .mid_right_four_right { float: right; width: 368px; height: 236px; border: 1px solid #CCC; background-image: url(../images/index_r6_c10a.jpg); background-repeat: no-repeat; }
    .mid_right_four_right ul { padding-top: 38px; }
    .mid_right_four_right li { line-height: 30px; background-image: url(../images/lbbg.jpg); background-repeat: no-repeat; padding-left: 20px; }

}

@media only screen and (min-width:768px) and (max-width:992px){
    #mid { width: 768px; padding-top: 3px; }
    .mid_left {float:left;width:185px;padding-top: 5px; }
    .mid_left_one { width: 185px; border: 1px solid #CCC; background-image: url(../images/index_r3_c1a.jpg);background-size: 185px 500px; background-repeat: no-repeat; background-color: #C4DEF5; height: 500px; padding-top: 30px; }
    .mid_left_one_libiaobig {  color:#244848; font-weight:700; font-size:14px;  width: 185px; background-image: url(../images/bigclassbg.jpg);background-size: 185px 100%; background-repeat: no-repeat; line-height: 30px; padding-left: 20px;  }
    .mid_left_one_libiaosmall { font-size:13px; width: 185px; background-image: url(../images/smallclassbg.jpg);background-size: 185px 30px; background-repeat: no-repeat; line-height: 30px; letter-spacing:2px; font-weight:700; height:30px; overflow:hidden; position:relative; }
    .mid_left_one_libiaosmall a{display:block;height:30px; list-style:none; text-decoration:none;position:absolute; top:0;width: 100%;text-transform: capitalize;font-size: 13px;line-height: 30px;}
    .mid_left_one_libiaosmall a i,.mid_left_one_libiaosmall a b{display:block;height:30px; font-style:normal; width:185px; padding-left:20px;}
    .mid_left_one_libiaosmall a b{ background:#1279d5;}

    .mid_left_two { width: 185px; border: 1px solid #CCC; background-image: url(../images/index_r8_c3.jpg);background-size: 238px auto; background-repeat: no-repeat; height: 420px; margin-top: 10px; }
    .mid_left_two_text { line-height: 22px; padding-left: 15px; padding-top: 45px; padding-bottom: 15px; }
    .mid_left_two img{width: 150px;height: 130px;}

    /*BANNER*/
    .mid_right {float:right;width:580px;padding-top: 5px; }
    .mid_right_one { width: 580px; }
    #mid #focus{width:580px;height:210px;margin:0 auto;}
    #mid #focus div{position:absolute;width:580px;height:210px;overflow:hidden;}
    #mid #focus_show img,#mid #focus_bg img{width:580px;height:210px;}
    #mid #focus #focus_img{display:none;}

    /*滚动产品图片*/
    .mid_right_three { margin-top: 5px;font-size: 13px; line-height: 200%;width: 580px; float: left;  }
    .mid_right_three_title { width: 580px; background: url(../images/titlebg.jpg) no-repeat; color: #FFFFFF;font-size: 15px; font-weight: bold; letter-spacing: 3px; float:left;height:40px; line-height:40px; padding-top:5px; padding-left:1px;text-transform: capitalize;padding-left: 10px;}
    /* 20141021 开始 */
    .mid_right_three .picScroll-top{ margin:0 auto;  width:580px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
    .mid_right_three .picScroll-top ul li{ float:left;width: 140px; }
    .mid_right_three .picScroll-top ul li table th{border: 1px solid #CCC; padding:0;margin-top:5px; margin-right:5px;font-size: 13px; padding:2px; line-height:24px;}
    .mid_right_three .picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
    .mid_right_three .picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
        cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}
    .mid_right_three .picScroll-top .hd .next{ background-position:0 -140px;  }
    .mid_right_three .picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
    .mid_right_three .picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
    .mid_right_three .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
    .mid_right_three .picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
    .mid_right_three .picScroll-top .hd ul li.on{ background-position:0 0; }
    .mid_right_three .picScroll-top .bd{ padding:0px 5px;  }
    .mid_right_three .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li{ text-align:center; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li .pic{ text-align:center; }
    .mid_right_three .picScroll-top .bd ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
    .mid_right_three .picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
    .picList li img{width: 138px;height: 105px;}
    .picList li .showa{max-width: 138px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}

    .mid_right_two { width: 580px; float: left; margin-top: 10px;border: 1px solid #CCC; }

    .mid_right_two_left { float:left ; width: 280px; height: 290px;  background-image: url(../images/index_r6_c10c.jpg); background-repeat: no-repeat;padding-top: 38px; line-height: 25px; text-indent:2em;overflow: hidden;}
    .mid_right_two_right{ width:295px; float:right;padding-top: 38px;}
    .mid_right_two_right embed{width: 100%;height: 290px;}

    .mid_right_four { width: 580px; float: left; margin-top: 10px; }
    .mid_right_four_left { float: left; width: 283px; height: 236px; border: 1px solid #CCC; background-image: url(../images/index_r6_c10.jpg); background-repeat: no-repeat; }
    .mid_right_four_left ul { padding-top: 38px; }
    .mid_right_four_left li { line-height: 30px; background-image: url(../images/lbbg.jpg); background-repeat: no-repeat; padding-left: 20px; }

    .mid_right_four_right { float: right; width: 290px; height: 236px; border: 1px solid #CCC; background-image: url(../images/index_r6_c10a.jpg); background-repeat: no-repeat; }
    .mid_right_four_right ul { padding-top: 38px; }
    .mid_right_four_right li { line-height: 30px; background-image: url(../images/lbbg.jpg); background-repeat: no-repeat; padding-left: 20px; }


}

@media only screen and (min-width:50px) and (max-width:767px){
    #menu1{float:none !important;}
    #mid { width:100%; padding-top: 3px; }
    .mid_left {display: none;}
    .mid_right {float:none;width:100%;padding-top: 5px; }
    .mid_right_one { width: 100%;height:35vw; }
    #mid #focus{width:100%;height:35vw;margin:0 auto;}
    #mid #focus div{position:absolute;width:100%;height:35vw;overflow:hidden;}
    #mid #focus_show img,#mid #focus_bg img{width:100%;height:35vw;}
    #mid #focus #focus_img{display:none;}

    /*滚动产品图片*/
    .mid_right_three {font-size: 13px; line-height: 200%;width:100%; float: left;  }
    .mid_right_three_title { width: 100%;background: url(../images/titlebg.jpg) no-repeat; color: #FFFFFF;font-size: 2.5vw; font-weight: bold; letter-spacing: 3px; float:left;height:5vw; line-height:5vw; padding-top:5px;text-transform: capitalize;}
    /* 20141021 开始 */
    .mid_right_three .picScroll-top{ margin:0 auto;width:100%;  overflow:hidden; position:relative;  border:1px solid #ccc;  height: auto; }
    .mid_right_three .picScroll-top ul{margin:0;padding:0;list-style: none;}
    .mid_right_three .picScroll-top ul li{ float:left;width: 100%;box-sizing: border-box;width:24vw; }
    .mid_right_three .picScroll-top ul li table th{border: 1px solid #CCC; padding:0;margin-top:5px; margin-right:5px;font-size: 13px; padding:2px; line-height:24px;}
    .mid_right_three .picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
    .mid_right_three .picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
        cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}
    .mid_right_three .picScroll-top .hd .next{ background-position:0 -140px;  }
    .mid_right_three .picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
    .mid_right_three .picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
    .mid_right_three .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
    .mid_right_three .picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
    .mid_right_three .picScroll-top .hd ul li.on{ background-position:0 0; }
    .mid_right_three .picScroll-top .bd{ padding:0;  }
    .mid_right_three .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li{ text-align:center; zoom:1; }
    .mid_right_three .picScroll-top .bd ul li .pic{ text-align:center; }
    .mid_right_three .picScroll-top .bd ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
    .mid_right_three .picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
    .picList li img{width: 24vw;height:15vw;}
    .picList li .showa{width:24vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}

    .mid_right_two { width: 100%; float: none; margin-top: 10px;border: 1px solid #CCC; }

    .mid_right_two_left { float:left ; width: 100%; height:auto;  background-image: url(../images/index_r6_c10c.jpg); background-repeat: no-repeat;padding-top: 38px; line-height: 25px; text-indent:2em;overflow: hidden;}
    .mid_right_two_right{ width:100%; float:right;padding-top: 38px;}
    .mid_right_two_right embed{width: 100%;height: 70vw;}

    .mid_right_four { width: 100%; float: left; margin-top: 10px; }
    .mid_right_four_left { float: none; width: 100%; height: auto; border: 1px solid #CCC; background-image: url(../images/index_r6_c10.jpg); background-repeat: no-repeat; }
    .mid_right_four_left ul { padding-top: 38px; }
    .mid_right_four_left li { line-height: 30px; background-image: url(../images/lbbg.jpg); background-repeat: no-repeat; padding-left: 20px; }

    .mid_right_four_right { float: none; width: 100%; height: 48vw; border: 1px solid #CCC; background-image: url(../images/index_r6_c10a.jpg); background-repeat: no-repeat; }
    .mid_right_four_right ul { padding-top: 38px; }
    .mid_right_four_right li { line-height: 30px; background-image: url(../images/lbbg.jpg);background-size: 100% auto; background-repeat: no-repeat; padding-left: 20px; }



}